@atlaskit/editor-plugin-layout 1.12.5 → 1.12.7
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/CHANGELOG.md +16 -0
- package/dist/cjs/actions.js +37 -7
- package/dist/cjs/ui/icons/LayoutThreeWithLeftSidebars.js +1 -1
- package/dist/cjs/ui/icons/LayoutThreeWithRightSidebars.js +1 -1
- package/dist/es2019/actions.js +36 -6
- package/dist/es2019/ui/icons/LayoutThreeWithLeftSidebars.js +1 -1
- package/dist/es2019/ui/icons/LayoutThreeWithRightSidebars.js +1 -1
- package/dist/esm/actions.js +37 -7
- package/dist/esm/ui/icons/LayoutThreeWithLeftSidebars.js +1 -1
- package/dist/esm/ui/icons/LayoutThreeWithRightSidebars.js +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,21 @@
|
|
|
1
1
|
# @atlaskit/editor-plugin-layout
|
|
2
2
|
|
|
3
|
+
## 1.12.7
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#169585](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/169585)
|
|
8
|
+
[`3b4997f849243`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/3b4997f849243) -
|
|
9
|
+
Use correct icons for 3 column layout distributions for new visual refresh
|
|
10
|
+
|
|
11
|
+
## 1.12.6
|
|
12
|
+
|
|
13
|
+
### Patch Changes
|
|
14
|
+
|
|
15
|
+
- [#169290](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/169290)
|
|
16
|
+
[`128ec4e2667bc`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/128ec4e2667bc) -
|
|
17
|
+
ED-25824 fix invalid layout after undo or other operations.
|
|
18
|
+
|
|
3
19
|
## 1.12.5
|
|
4
20
|
|
|
5
21
|
### Patch Changes
|
package/dist/cjs/actions.js
CHANGED
|
@@ -15,6 +15,7 @@ var _utils = require("@atlaskit/editor-common/utils");
|
|
|
15
15
|
var _model = require("@atlaskit/editor-prosemirror/model");
|
|
16
16
|
var _state = require("@atlaskit/editor-prosemirror/state");
|
|
17
17
|
var _utils2 = require("@atlaskit/editor-prosemirror/utils");
|
|
18
|
+
var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
|
|
18
19
|
var _consts = require("./consts");
|
|
19
20
|
var _pluginKey = require("./pm-plugins/plugin-key");
|
|
20
21
|
var _preRelease = require("./utils/preRelease");
|
|
@@ -65,11 +66,17 @@ var getWidthsForPreset = function getWidthsForPreset(presetLayout) {
|
|
|
65
66
|
return [];
|
|
66
67
|
};
|
|
67
68
|
var isValidLayoutWidthDistributions = function isValidLayoutWidthDistributions(layoutSection) {
|
|
68
|
-
var totalWidth =
|
|
69
|
+
var totalWidth = 0;
|
|
70
|
+
(0, _utils.mapChildren)(layoutSection, function (column) {
|
|
69
71
|
return column.attrs.width;
|
|
70
|
-
}).
|
|
71
|
-
|
|
72
|
-
|
|
72
|
+
}).forEach(function (width) {
|
|
73
|
+
if (typeof width === 'number' && isFinite(width) && width > 0 && width <= 100) {
|
|
74
|
+
totalWidth += width;
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
// not a valid width, e.g. 0, 100, undefined
|
|
78
|
+
return false;
|
|
79
|
+
});
|
|
73
80
|
return Math.round(totalWidth) === 100;
|
|
74
81
|
};
|
|
75
82
|
|
|
@@ -389,12 +396,30 @@ function layoutNeedChanges(node) {
|
|
|
389
396
|
}
|
|
390
397
|
return !getPresetLayout(node);
|
|
391
398
|
}
|
|
399
|
+
var getDefaultPresetLayout = function getDefaultPresetLayout(layoutNode) {
|
|
400
|
+
var layoutColumnCount = layoutNode.childCount;
|
|
401
|
+
if (layoutColumnCount <= 1) {
|
|
402
|
+
return 'single';
|
|
403
|
+
}
|
|
404
|
+
switch (layoutColumnCount) {
|
|
405
|
+
case 2:
|
|
406
|
+
return 'two_equal';
|
|
407
|
+
case 3:
|
|
408
|
+
return 'three_equal';
|
|
409
|
+
case 4:
|
|
410
|
+
return 'four_equal';
|
|
411
|
+
case 5:
|
|
412
|
+
return 'five_equal';
|
|
413
|
+
default:
|
|
414
|
+
return 'five_equal';
|
|
415
|
+
}
|
|
416
|
+
};
|
|
392
417
|
function getLayoutChange(node, pos, schema) {
|
|
393
418
|
if (node.type === schema.nodes.layoutSection) {
|
|
394
419
|
if (!layoutNeedChanges(node)) {
|
|
395
420
|
return;
|
|
396
421
|
}
|
|
397
|
-
var presetLayout = node.childCount === 2 ? 'two_equal' : node.childCount === 3 ? 'three_equal' : 'single';
|
|
422
|
+
var presetLayout = (0, _experiments.editorExperiment)('advanced_layouts', true) ? getDefaultPresetLayout(node) : node.childCount === 2 ? 'two_equal' : node.childCount === 3 ? 'three_equal' : 'single';
|
|
398
423
|
var fixedColumns = columnWidth(node, schema, getWidthsForPreset(presetLayout));
|
|
399
424
|
return {
|
|
400
425
|
from: pos + 1,
|
|
@@ -443,8 +468,13 @@ var fixColumnStructure = exports.fixColumnStructure = function fixColumnStructur
|
|
|
443
468
|
selectedLayout = _ref2.selectedLayout;
|
|
444
469
|
if (pos !== null && selectedLayout) {
|
|
445
470
|
var node = state.doc.nodeAt(pos);
|
|
446
|
-
if (node
|
|
447
|
-
|
|
471
|
+
if (node) {
|
|
472
|
+
if (node.childCount !== getWidthsForPreset(selectedLayout).length) {
|
|
473
|
+
return forceSectionToPresetLayout(state, node, pos, selectedLayout);
|
|
474
|
+
}
|
|
475
|
+
if (!isValidLayoutWidthDistributions(node) && (0, _experiments.editorExperiment)('advanced_layouts', true)) {
|
|
476
|
+
return forceSectionToPresetLayout(state, node, pos, selectedLayout);
|
|
477
|
+
}
|
|
448
478
|
}
|
|
449
479
|
}
|
|
450
480
|
return;
|
|
@@ -26,7 +26,7 @@ var LayoutThreeWithLeftSidebarsGlyph = function LayoutThreeWithLeftSidebarsGlyph
|
|
|
26
26
|
}, props), (0, _react.jsx)("path", {
|
|
27
27
|
fillRule: "evenodd",
|
|
28
28
|
clipRule: "evenodd",
|
|
29
|
-
d: "
|
|
29
|
+
d: "M8.5 1.375C8.5 0.615609 7.88439 0 7.125 0H6.375C5.61561 0 5 0.615608 5 1.375V12.625C5 13.3844 5.61561 14 6.375 14H7.125C7.88439 14 8.5 13.3844 8.5 12.625V1.375ZM7 1.5V12.5H6.5V1.5H7ZM16 1.37505C16 0.615655 15.3844 4.66853e-05 14.625 4.66853e-05H11.375C10.6156 4.66853e-05 10 0.615655 10 1.37505V12.625C10 13.3844 10.6156 14 11.375 14H14.625C15.3844 14 16 13.3844 16 12.625V1.37505ZM14.5 1.50005V12.5H11.5V1.50005H14.5ZM3.5 1.37505C3.5 0.615655 2.88439 4.66853e-05 2.125 4.66853e-05H1.375C0.615608 4.66853e-05 0 0.615655 0 1.37505V12.625C0 13.3844 0.615608 14 1.375 14H2.125C2.88439 14 3.5 13.3844 3.5 12.625V1.37505ZM2 1.50005V12.5H1.5V1.50005H2Z",
|
|
30
30
|
fill: "currentcolor"
|
|
31
31
|
}));
|
|
32
32
|
}
|
|
@@ -26,7 +26,7 @@ var LayoutThreeWithRightSidebarsGlyph = function LayoutThreeWithRightSidebarsGly
|
|
|
26
26
|
}, props), (0, _react.jsx)("path", {
|
|
27
27
|
fillRule: "evenodd",
|
|
28
28
|
clipRule: "evenodd",
|
|
29
|
-
d: "
|
|
29
|
+
d: "M7.5 1.375C7.5 0.615609 8.11561 0 8.875 0H9.625C10.3844 0 11 0.615608 11 1.375V12.625C11 13.3844 10.3844 14 9.625 14H8.875C8.11561 14 7.5 13.3844 7.5 12.625V1.375ZM9 1.5V12.5H9.5V1.5H9ZM0 1.37505C0 0.615655 0.615608 4.66853e-05 1.375 4.66853e-05H4.625C5.38439 4.66853e-05 6 0.615655 6 1.37505V12.625C6 13.3844 5.38439 14 4.625 14H1.375C0.615608 14 0 13.3844 0 12.625V1.37505ZM1.5 1.50005V12.5H4.5V1.50005H1.5ZM12.5 1.37505C12.5 0.615655 13.1156 4.66853e-05 13.875 4.66853e-05H14.625C15.3844 4.66853e-05 16 0.615655 16 1.37505V12.625C16 13.3844 15.3844 14 14.625 14H13.875C13.1156 14 12.5 13.3844 12.5 12.625V1.37505ZM14 1.50005V12.5H14.5V1.50005H14Z",
|
|
30
30
|
fill: "currentcolor"
|
|
31
31
|
}));
|
|
32
32
|
}
|
package/dist/es2019/actions.js
CHANGED
|
@@ -5,6 +5,7 @@ import { flatmap, getStepRange, isEmptyDocument, mapChildren } from '@atlaskit/e
|
|
|
5
5
|
import { Fragment, Slice } from '@atlaskit/editor-prosemirror/model';
|
|
6
6
|
import { NodeSelection, TextSelection } from '@atlaskit/editor-prosemirror/state';
|
|
7
7
|
import { safeInsert } from '@atlaskit/editor-prosemirror/utils';
|
|
8
|
+
import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
|
|
8
9
|
import { EVEN_DISTRIBUTED_COL_WIDTHS } from './consts';
|
|
9
10
|
import { pluginKey } from './pm-plugins/plugin-key';
|
|
10
11
|
import { isPreRelease2 } from './utils/preRelease';
|
|
@@ -53,9 +54,15 @@ const getWidthsForPreset = presetLayout => {
|
|
|
53
54
|
return [];
|
|
54
55
|
};
|
|
55
56
|
const isValidLayoutWidthDistributions = layoutSection => {
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
57
|
+
let totalWidth = 0;
|
|
58
|
+
mapChildren(layoutSection, column => column.attrs.width).forEach(width => {
|
|
59
|
+
if (typeof width === 'number' && isFinite(width) && width > 0 && width <= 100) {
|
|
60
|
+
totalWidth += width;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
// not a valid width, e.g. 0, 100, undefined
|
|
64
|
+
return false;
|
|
65
|
+
});
|
|
59
66
|
return Math.round(totalWidth) === 100;
|
|
60
67
|
};
|
|
61
68
|
|
|
@@ -365,12 +372,30 @@ function layoutNeedChanges(node) {
|
|
|
365
372
|
}
|
|
366
373
|
return !getPresetLayout(node);
|
|
367
374
|
}
|
|
375
|
+
const getDefaultPresetLayout = layoutNode => {
|
|
376
|
+
const layoutColumnCount = layoutNode.childCount;
|
|
377
|
+
if (layoutColumnCount <= 1) {
|
|
378
|
+
return 'single';
|
|
379
|
+
}
|
|
380
|
+
switch (layoutColumnCount) {
|
|
381
|
+
case 2:
|
|
382
|
+
return 'two_equal';
|
|
383
|
+
case 3:
|
|
384
|
+
return 'three_equal';
|
|
385
|
+
case 4:
|
|
386
|
+
return 'four_equal';
|
|
387
|
+
case 5:
|
|
388
|
+
return 'five_equal';
|
|
389
|
+
default:
|
|
390
|
+
return 'five_equal';
|
|
391
|
+
}
|
|
392
|
+
};
|
|
368
393
|
function getLayoutChange(node, pos, schema) {
|
|
369
394
|
if (node.type === schema.nodes.layoutSection) {
|
|
370
395
|
if (!layoutNeedChanges(node)) {
|
|
371
396
|
return;
|
|
372
397
|
}
|
|
373
|
-
const presetLayout = node.childCount === 2 ? 'two_equal' : node.childCount === 3 ? 'three_equal' : 'single';
|
|
398
|
+
const presetLayout = editorExperiment('advanced_layouts', true) ? getDefaultPresetLayout(node) : node.childCount === 2 ? 'two_equal' : node.childCount === 3 ? 'three_equal' : 'single';
|
|
374
399
|
const fixedColumns = columnWidth(node, schema, getWidthsForPreset(presetLayout));
|
|
375
400
|
return {
|
|
376
401
|
from: pos + 1,
|
|
@@ -422,8 +447,13 @@ export const fixColumnStructure = state => {
|
|
|
422
447
|
} = pluginKey.getState(state);
|
|
423
448
|
if (pos !== null && selectedLayout) {
|
|
424
449
|
const node = state.doc.nodeAt(pos);
|
|
425
|
-
if (node
|
|
426
|
-
|
|
450
|
+
if (node) {
|
|
451
|
+
if (node.childCount !== getWidthsForPreset(selectedLayout).length) {
|
|
452
|
+
return forceSectionToPresetLayout(state, node, pos, selectedLayout);
|
|
453
|
+
}
|
|
454
|
+
if (!isValidLayoutWidthDistributions(node) && editorExperiment('advanced_layouts', true)) {
|
|
455
|
+
return forceSectionToPresetLayout(state, node, pos, selectedLayout);
|
|
456
|
+
}
|
|
427
457
|
}
|
|
428
458
|
}
|
|
429
459
|
return;
|
|
@@ -18,7 +18,7 @@ const LayoutThreeWithLeftSidebarsGlyph = props => {
|
|
|
18
18
|
}, props), jsx("path", {
|
|
19
19
|
fillRule: "evenodd",
|
|
20
20
|
clipRule: "evenodd",
|
|
21
|
-
d: "
|
|
21
|
+
d: "M8.5 1.375C8.5 0.615609 7.88439 0 7.125 0H6.375C5.61561 0 5 0.615608 5 1.375V12.625C5 13.3844 5.61561 14 6.375 14H7.125C7.88439 14 8.5 13.3844 8.5 12.625V1.375ZM7 1.5V12.5H6.5V1.5H7ZM16 1.37505C16 0.615655 15.3844 4.66853e-05 14.625 4.66853e-05H11.375C10.6156 4.66853e-05 10 0.615655 10 1.37505V12.625C10 13.3844 10.6156 14 11.375 14H14.625C15.3844 14 16 13.3844 16 12.625V1.37505ZM14.5 1.50005V12.5H11.5V1.50005H14.5ZM3.5 1.37505C3.5 0.615655 2.88439 4.66853e-05 2.125 4.66853e-05H1.375C0.615608 4.66853e-05 0 0.615655 0 1.37505V12.625C0 13.3844 0.615608 14 1.375 14H2.125C2.88439 14 3.5 13.3844 3.5 12.625V1.37505ZM2 1.50005V12.5H1.5V1.50005H2Z",
|
|
22
22
|
fill: "currentcolor"
|
|
23
23
|
}));
|
|
24
24
|
}
|
|
@@ -18,7 +18,7 @@ const LayoutThreeWithRightSidebarsGlyph = props => {
|
|
|
18
18
|
}, props), jsx("path", {
|
|
19
19
|
fillRule: "evenodd",
|
|
20
20
|
clipRule: "evenodd",
|
|
21
|
-
d: "
|
|
21
|
+
d: "M7.5 1.375C7.5 0.615609 8.11561 0 8.875 0H9.625C10.3844 0 11 0.615608 11 1.375V12.625C11 13.3844 10.3844 14 9.625 14H8.875C8.11561 14 7.5 13.3844 7.5 12.625V1.375ZM9 1.5V12.5H9.5V1.5H9ZM0 1.37505C0 0.615655 0.615608 4.66853e-05 1.375 4.66853e-05H4.625C5.38439 4.66853e-05 6 0.615655 6 1.37505V12.625C6 13.3844 5.38439 14 4.625 14H1.375C0.615608 14 0 13.3844 0 12.625V1.37505ZM1.5 1.50005V12.5H4.5V1.50005H1.5ZM12.5 1.37505C12.5 0.615655 13.1156 4.66853e-05 13.875 4.66853e-05H14.625C15.3844 4.66853e-05 16 0.615655 16 1.37505V12.625C16 13.3844 15.3844 14 14.625 14H13.875C13.1156 14 12.5 13.3844 12.5 12.625V1.37505ZM14 1.50005V12.5H14.5V1.50005H14Z",
|
|
22
22
|
fill: "currentcolor"
|
|
23
23
|
}));
|
|
24
24
|
}
|
package/dist/esm/actions.js
CHANGED
|
@@ -8,6 +8,7 @@ import { flatmap, getStepRange, isEmptyDocument, mapChildren } from '@atlaskit/e
|
|
|
8
8
|
import { Fragment, Slice } from '@atlaskit/editor-prosemirror/model';
|
|
9
9
|
import { NodeSelection, TextSelection } from '@atlaskit/editor-prosemirror/state';
|
|
10
10
|
import { safeInsert } from '@atlaskit/editor-prosemirror/utils';
|
|
11
|
+
import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
|
|
11
12
|
import { EVEN_DISTRIBUTED_COL_WIDTHS } from './consts';
|
|
12
13
|
import { pluginKey } from './pm-plugins/plugin-key';
|
|
13
14
|
import { isPreRelease2 } from './utils/preRelease';
|
|
@@ -56,11 +57,17 @@ var getWidthsForPreset = function getWidthsForPreset(presetLayout) {
|
|
|
56
57
|
return [];
|
|
57
58
|
};
|
|
58
59
|
var isValidLayoutWidthDistributions = function isValidLayoutWidthDistributions(layoutSection) {
|
|
59
|
-
var totalWidth =
|
|
60
|
+
var totalWidth = 0;
|
|
61
|
+
mapChildren(layoutSection, function (column) {
|
|
60
62
|
return column.attrs.width;
|
|
61
|
-
}).
|
|
62
|
-
|
|
63
|
-
|
|
63
|
+
}).forEach(function (width) {
|
|
64
|
+
if (typeof width === 'number' && isFinite(width) && width > 0 && width <= 100) {
|
|
65
|
+
totalWidth += width;
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
// not a valid width, e.g. 0, 100, undefined
|
|
69
|
+
return false;
|
|
70
|
+
});
|
|
64
71
|
return Math.round(totalWidth) === 100;
|
|
65
72
|
};
|
|
66
73
|
|
|
@@ -380,12 +387,30 @@ function layoutNeedChanges(node) {
|
|
|
380
387
|
}
|
|
381
388
|
return !getPresetLayout(node);
|
|
382
389
|
}
|
|
390
|
+
var getDefaultPresetLayout = function getDefaultPresetLayout(layoutNode) {
|
|
391
|
+
var layoutColumnCount = layoutNode.childCount;
|
|
392
|
+
if (layoutColumnCount <= 1) {
|
|
393
|
+
return 'single';
|
|
394
|
+
}
|
|
395
|
+
switch (layoutColumnCount) {
|
|
396
|
+
case 2:
|
|
397
|
+
return 'two_equal';
|
|
398
|
+
case 3:
|
|
399
|
+
return 'three_equal';
|
|
400
|
+
case 4:
|
|
401
|
+
return 'four_equal';
|
|
402
|
+
case 5:
|
|
403
|
+
return 'five_equal';
|
|
404
|
+
default:
|
|
405
|
+
return 'five_equal';
|
|
406
|
+
}
|
|
407
|
+
};
|
|
383
408
|
function getLayoutChange(node, pos, schema) {
|
|
384
409
|
if (node.type === schema.nodes.layoutSection) {
|
|
385
410
|
if (!layoutNeedChanges(node)) {
|
|
386
411
|
return;
|
|
387
412
|
}
|
|
388
|
-
var presetLayout = node.childCount === 2 ? 'two_equal' : node.childCount === 3 ? 'three_equal' : 'single';
|
|
413
|
+
var presetLayout = editorExperiment('advanced_layouts', true) ? getDefaultPresetLayout(node) : node.childCount === 2 ? 'two_equal' : node.childCount === 3 ? 'three_equal' : 'single';
|
|
389
414
|
var fixedColumns = columnWidth(node, schema, getWidthsForPreset(presetLayout));
|
|
390
415
|
return {
|
|
391
416
|
from: pos + 1,
|
|
@@ -434,8 +459,13 @@ export var fixColumnStructure = function fixColumnStructure(state) {
|
|
|
434
459
|
selectedLayout = _ref2.selectedLayout;
|
|
435
460
|
if (pos !== null && selectedLayout) {
|
|
436
461
|
var node = state.doc.nodeAt(pos);
|
|
437
|
-
if (node
|
|
438
|
-
|
|
462
|
+
if (node) {
|
|
463
|
+
if (node.childCount !== getWidthsForPreset(selectedLayout).length) {
|
|
464
|
+
return forceSectionToPresetLayout(state, node, pos, selectedLayout);
|
|
465
|
+
}
|
|
466
|
+
if (!isValidLayoutWidthDistributions(node) && editorExperiment('advanced_layouts', true)) {
|
|
467
|
+
return forceSectionToPresetLayout(state, node, pos, selectedLayout);
|
|
468
|
+
}
|
|
439
469
|
}
|
|
440
470
|
}
|
|
441
471
|
return;
|
|
@@ -18,7 +18,7 @@ var LayoutThreeWithLeftSidebarsGlyph = function LayoutThreeWithLeftSidebarsGlyph
|
|
|
18
18
|
}, props), jsx("path", {
|
|
19
19
|
fillRule: "evenodd",
|
|
20
20
|
clipRule: "evenodd",
|
|
21
|
-
d: "
|
|
21
|
+
d: "M8.5 1.375C8.5 0.615609 7.88439 0 7.125 0H6.375C5.61561 0 5 0.615608 5 1.375V12.625C5 13.3844 5.61561 14 6.375 14H7.125C7.88439 14 8.5 13.3844 8.5 12.625V1.375ZM7 1.5V12.5H6.5V1.5H7ZM16 1.37505C16 0.615655 15.3844 4.66853e-05 14.625 4.66853e-05H11.375C10.6156 4.66853e-05 10 0.615655 10 1.37505V12.625C10 13.3844 10.6156 14 11.375 14H14.625C15.3844 14 16 13.3844 16 12.625V1.37505ZM14.5 1.50005V12.5H11.5V1.50005H14.5ZM3.5 1.37505C3.5 0.615655 2.88439 4.66853e-05 2.125 4.66853e-05H1.375C0.615608 4.66853e-05 0 0.615655 0 1.37505V12.625C0 13.3844 0.615608 14 1.375 14H2.125C2.88439 14 3.5 13.3844 3.5 12.625V1.37505ZM2 1.50005V12.5H1.5V1.50005H2Z",
|
|
22
22
|
fill: "currentcolor"
|
|
23
23
|
}));
|
|
24
24
|
}
|
|
@@ -18,7 +18,7 @@ var LayoutThreeWithRightSidebarsGlyph = function LayoutThreeWithRightSidebarsGly
|
|
|
18
18
|
}, props), jsx("path", {
|
|
19
19
|
fillRule: "evenodd",
|
|
20
20
|
clipRule: "evenodd",
|
|
21
|
-
d: "
|
|
21
|
+
d: "M7.5 1.375C7.5 0.615609 8.11561 0 8.875 0H9.625C10.3844 0 11 0.615608 11 1.375V12.625C11 13.3844 10.3844 14 9.625 14H8.875C8.11561 14 7.5 13.3844 7.5 12.625V1.375ZM9 1.5V12.5H9.5V1.5H9ZM0 1.37505C0 0.615655 0.615608 4.66853e-05 1.375 4.66853e-05H4.625C5.38439 4.66853e-05 6 0.615655 6 1.37505V12.625C6 13.3844 5.38439 14 4.625 14H1.375C0.615608 14 0 13.3844 0 12.625V1.37505ZM1.5 1.50005V12.5H4.5V1.50005H1.5ZM12.5 1.37505C12.5 0.615655 13.1156 4.66853e-05 13.875 4.66853e-05H14.625C15.3844 4.66853e-05 16 0.615655 16 1.37505V12.625C16 13.3844 15.3844 14 14.625 14H13.875C13.1156 14 12.5 13.3844 12.5 12.625V1.37505ZM14 1.50005V12.5H14.5V1.50005H14Z",
|
|
22
22
|
fill: "currentcolor"
|
|
23
23
|
}));
|
|
24
24
|
}
|