@sd-angular/core 0.0.1040 → 0.0.1044

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.
Files changed (136) hide show
  1. package/assets/scss/quill-mention/quill-mention.css +55 -0
  2. package/assets/scss/sd-core.scss +1 -0
  3. package/bundles/sd-angular-core-chip.umd.js +41 -10
  4. package/bundles/sd-angular-core-chip.umd.js.map +1 -1
  5. package/bundles/sd-angular-core-chip.umd.min.js +2 -2
  6. package/bundles/sd-angular-core-chip.umd.min.js.map +1 -1
  7. package/bundles/sd-angular-core-comment.umd.js +16 -15
  8. package/bundles/sd-angular-core-comment.umd.js.map +1 -1
  9. package/bundles/sd-angular-core-comment.umd.min.js +2 -2
  10. package/bundles/sd-angular-core-comment.umd.min.js.map +1 -1
  11. package/bundles/sd-angular-core-editor.umd.js +73 -18
  12. package/bundles/sd-angular-core-editor.umd.js.map +1 -1
  13. package/bundles/sd-angular-core-editor.umd.min.js +2 -2
  14. package/bundles/sd-angular-core-editor.umd.min.js.map +1 -1
  15. package/bundles/sd-angular-core-filter.umd.js +703 -0
  16. package/bundles/sd-angular-core-filter.umd.js.map +1 -0
  17. package/bundles/sd-angular-core-filter.umd.min.js +2 -0
  18. package/bundles/sd-angular-core-filter.umd.min.js.map +1 -0
  19. package/bundles/sd-angular-core-form.umd.js +6 -4
  20. package/bundles/sd-angular-core-form.umd.js.map +1 -1
  21. package/bundles/sd-angular-core-form.umd.min.js +1 -1
  22. package/bundles/sd-angular-core-form.umd.min.js.map +1 -1
  23. package/bundles/sd-angular-core-grid-material.umd.js +87 -42
  24. package/bundles/sd-angular-core-grid-material.umd.js.map +1 -1
  25. package/bundles/sd-angular-core-grid-material.umd.min.js +1 -1
  26. package/bundles/sd-angular-core-grid-material.umd.min.js.map +1 -1
  27. package/bundles/sd-angular-core-modal-custom.umd.js +487 -0
  28. package/bundles/sd-angular-core-modal-custom.umd.js.map +1 -0
  29. package/bundles/sd-angular-core-modal-custom.umd.min.js +16 -0
  30. package/bundles/sd-angular-core-modal-custom.umd.min.js.map +1 -0
  31. package/bundles/sd-angular-core-modal-resizable.umd.js +487 -0
  32. package/bundles/sd-angular-core-modal-resizable.umd.js.map +1 -0
  33. package/bundles/sd-angular-core-modal-resizable.umd.min.js +16 -0
  34. package/bundles/sd-angular-core-modal-resizable.umd.min.js.map +1 -0
  35. package/bundles/sd-angular-core-setting.umd.js +176 -117
  36. package/bundles/sd-angular-core-setting.umd.js.map +1 -1
  37. package/bundles/sd-angular-core-setting.umd.min.js +1 -1
  38. package/bundles/sd-angular-core-setting.umd.min.js.map +1 -1
  39. package/bundles/sd-angular-core.umd.js +4 -4
  40. package/bundles/sd-angular-core.umd.min.js +1 -1
  41. package/bundles/sd-angular-core.umd.min.js.map +1 -1
  42. package/chip/sd-angular-core-chip.metadata.json +1 -1
  43. package/chip/src/lib/chip.component.d.ts +8 -1
  44. package/comment/sd-angular-core-comment.metadata.json +1 -1
  45. package/comment/src/lib/comment.model.d.ts +11 -0
  46. package/editor/sd-angular-core-editor.metadata.json +1 -1
  47. package/editor/src/lib/editor.component.d.ts +17 -3
  48. package/esm2015/chip/src/lib/chip.component.js +34 -4
  49. package/esm2015/chip/src/lib/chip.module.js +6 -3
  50. package/esm2015/comment/src/lib/comment.component.js +4 -4
  51. package/esm2015/comment/src/lib/comment.model.js +1 -1
  52. package/esm2015/comment/src/lib/comment.module.js +3 -1
  53. package/esm2015/editor/src/lib/editor.component.js +70 -14
  54. package/esm2015/editor/src/lib/editor.module.js +4 -2
  55. package/esm2015/filter/index.js +2 -0
  56. package/esm2015/filter/sd-angular-core-filter.js +8 -0
  57. package/esm2015/filter/src/lib/directives/sd-filter-def.directive.js +22 -0
  58. package/esm2015/filter/src/lib/filter.component.js +161 -0
  59. package/esm2015/filter/src/lib/filter.model.js +2 -0
  60. package/esm2015/filter/src/lib/filter.module.js +47 -0
  61. package/esm2015/filter/src/lib/filter.service.js +60 -0
  62. package/esm2015/filter/src/lib/pipes/values-local.pipe.js +19 -0
  63. package/esm2015/filter/src/lib/pipes/values-server.pipe.js +18 -0
  64. package/esm2015/filter/src/public-api.js +8 -0
  65. package/esm2015/form/src/lib/form.module.js +4 -1
  66. package/esm2015/grid-material/src/lib/components/quick-action/quick-action.component.js +1 -1
  67. package/esm2015/grid-material/src/lib/services/generated-column/generated-column.service.js +28 -12
  68. package/esm2015/grid-material/src/lib/services/grid-configuration.service.js +50 -21
  69. package/esm2015/modal-custom/index.js +2 -0
  70. package/esm2015/modal-custom/sd-angular-core-modal-custom.js +5 -0
  71. package/esm2015/modal-custom/src/lib/modal-custom/modal-custom.component.js +123 -0
  72. package/esm2015/modal-custom/src/lib/modal-custom.module.js +30 -0
  73. package/esm2015/modal-custom/src/public-api.js +6 -0
  74. package/esm2015/modal-resizable/index.js +2 -0
  75. package/esm2015/modal-resizable/sd-angular-core-modal-resizable.js +5 -0
  76. package/esm2015/modal-resizable/src/lib/modal-resizable/modal-resizable.component.js +123 -0
  77. package/esm2015/modal-resizable/src/lib/modal-resizable.module.js +30 -0
  78. package/esm2015/modal-resizable/src/public-api.js +6 -0
  79. package/esm2015/public-api.js +3 -1
  80. package/esm2015/setting/src/lib/setting.model.js +1 -1
  81. package/esm2015/setting/src/lib/setting.service.js +119 -58
  82. package/fesm2015/sd-angular-core-chip.js +37 -5
  83. package/fesm2015/sd-angular-core-chip.js.map +1 -1
  84. package/fesm2015/sd-angular-core-comment.js +5 -3
  85. package/fesm2015/sd-angular-core-comment.js.map +1 -1
  86. package/fesm2015/sd-angular-core-editor.js +72 -15
  87. package/fesm2015/sd-angular-core-editor.js.map +1 -1
  88. package/fesm2015/sd-angular-core-filter.js +323 -0
  89. package/fesm2015/sd-angular-core-filter.js.map +1 -0
  90. package/fesm2015/sd-angular-core-form.js +3 -0
  91. package/fesm2015/sd-angular-core-form.js.map +1 -1
  92. package/fesm2015/sd-angular-core-grid-material.js +77 -32
  93. package/fesm2015/sd-angular-core-grid-material.js.map +1 -1
  94. package/fesm2015/sd-angular-core-modal-custom.js +161 -0
  95. package/fesm2015/sd-angular-core-modal-custom.js.map +1 -0
  96. package/fesm2015/sd-angular-core-modal-resizable.js +161 -0
  97. package/fesm2015/sd-angular-core-modal-resizable.js.map +1 -0
  98. package/fesm2015/sd-angular-core-setting.js +119 -58
  99. package/fesm2015/sd-angular-core-setting.js.map +1 -1
  100. package/fesm2015/sd-angular-core.js +2 -0
  101. package/fesm2015/sd-angular-core.js.map +1 -1
  102. package/filter/index.d.ts +1 -0
  103. package/filter/package.json +12 -0
  104. package/filter/sd-angular-core-filter.d.ts +7 -0
  105. package/filter/sd-angular-core-filter.metadata.json +1 -0
  106. package/filter/src/lib/directives/sd-filter-def.directive.d.ts +8 -0
  107. package/filter/src/lib/filter.component.d.ts +31 -0
  108. package/filter/src/lib/filter.model.d.ts +105 -0
  109. package/filter/src/lib/filter.module.d.ts +2 -0
  110. package/filter/src/lib/filter.service.d.ts +9 -0
  111. package/filter/src/lib/pipes/values-local.pipe.d.ts +5 -0
  112. package/filter/src/lib/pipes/values-server.pipe.d.ts +5 -0
  113. package/filter/src/public-api.d.ts +4 -0
  114. package/form/sd-angular-core-form.metadata.json +1 -1
  115. package/grid-material/sd-angular-core-grid-material.metadata.json +1 -1
  116. package/grid-material/src/lib/services/generated-column/generated-column.service.d.ts +3 -2
  117. package/modal-custom/index.d.ts +1 -0
  118. package/modal-custom/package.json +12 -0
  119. package/modal-custom/sd-angular-core-modal-custom.d.ts +4 -0
  120. package/modal-custom/sd-angular-core-modal-custom.metadata.json +1 -0
  121. package/modal-custom/src/lib/modal-custom/modal-custom.component.d.ts +31 -0
  122. package/modal-custom/src/lib/modal-custom.module.d.ts +2 -0
  123. package/modal-custom/src/public-api.d.ts +2 -0
  124. package/modal-resizable/index.d.ts +1 -0
  125. package/modal-resizable/package.json +12 -0
  126. package/modal-resizable/sd-angular-core-modal-resizable.d.ts +4 -0
  127. package/modal-resizable/sd-angular-core-modal-resizable.metadata.json +1 -0
  128. package/modal-resizable/src/lib/modal-resizable/modal-resizable.component.d.ts +31 -0
  129. package/modal-resizable/src/lib/modal-resizable.module.d.ts +2 -0
  130. package/modal-resizable/src/public-api.d.ts +2 -0
  131. package/package.json +3 -2
  132. package/public-api.d.ts +2 -0
  133. package/{sd-angular-core-0.0.1040.tgz → sd-angular-core-0.0.1044.tgz} +0 -0
  134. package/setting/sd-angular-core-setting.metadata.json +1 -1
  135. package/setting/src/lib/setting.model.d.ts +20 -6
  136. package/setting/src/lib/setting.service.d.ts +2 -1
@@ -1295,13 +1295,13 @@
1295
1295
  _load.set(this, function (gridOption, subject) {
1296
1296
  return function () { return __awaiter(_this, void 0, void 0, function () {
1297
1297
  var get, configuration;
1298
- return __generator(this, function (_c) {
1299
- switch (_c.label) {
1298
+ return __generator(this, function (_e) {
1299
+ switch (_e.label) {
1300
1300
  case 0:
1301
1301
  get = __classPrivateFieldGet(this, _get).call(this, gridOption);
1302
1302
  return [4 /*yield*/, get()];
1303
1303
  case 1:
1304
- configuration = _c.sent();
1304
+ configuration = _e.sent();
1305
1305
  subject.next(Object.assign({}, configuration));
1306
1306
  return [2 /*return*/];
1307
1307
  }
@@ -1310,26 +1310,39 @@
1310
1310
  });
1311
1311
  _get.set(this, function (gridOption) {
1312
1312
  return function () { return __awaiter(_this, void 0, void 0, function () {
1313
- var key, columns, config, _c, get, remove, configuration;
1314
- return __generator(this, function (_d) {
1315
- switch (_d.label) {
1313
+ var key, columns, config, configuration, _e, get, remove, _f, get, remove;
1314
+ return __generator(this, function (_g) {
1315
+ switch (_g.label) {
1316
1316
  case 0:
1317
1317
  key = __classPrivateFieldGet(this, _getKey).call(this, gridOption);
1318
1318
  if (!key) {
1319
1319
  return [2 /*return*/, __classPrivateFieldGet(this, _default).call(this, gridOption)];
1320
1320
  }
1321
1321
  columns = gridOption.columns, config = gridOption.config;
1322
- _c = this.settingService.create(key, {
1323
- type: config === null || config === void 0 ? void 0 : config.storage,
1322
+ if (!((config === null || config === void 0 ? void 0 : config.storage) === 'server')) return [3 /*break*/, 2];
1323
+ _e = this.settingService.createServer(key, {
1324
1324
  args: config === null || config === void 0 ? void 0 : config.args
1325
- }), get = _c.get, remove = _c.remove;
1325
+ }), get = _e.get, remove = _e.remove;
1326
1326
  return [4 /*yield*/, get().catch(function () { return undefined; })];
1327
1327
  case 1:
1328
- configuration = _d.sent();
1328
+ configuration = _g.sent();
1329
1329
  if (!(configuration === null || configuration === void 0 ? void 0 : configuration.columns)) {
1330
1330
  remove().catch(console.error);
1331
1331
  return [2 /*return*/, __classPrivateFieldGet(this, _default).call(this, gridOption)];
1332
1332
  }
1333
+ return [3 /*break*/, 3];
1334
+ case 2:
1335
+ _f = this.settingService.create(key, {
1336
+ type: config === null || config === void 0 ? void 0 : config.storage,
1337
+ args: config === null || config === void 0 ? void 0 : config.args
1338
+ }), get = _f.get, remove = _f.remove;
1339
+ configuration = get();
1340
+ if (!(configuration === null || configuration === void 0 ? void 0 : configuration.columns)) {
1341
+ remove();
1342
+ return [2 /*return*/, __classPrivateFieldGet(this, _default).call(this, gridOption)];
1343
+ }
1344
+ _g.label = 3;
1345
+ case 3:
1333
1346
  configuration.columns = configuration.columns
1334
1347
  .filter(function (column) { return column.isGeneratedColumn || columns.some(function (e) { return !e.hidden && e.field === column.origin.field; }); });
1335
1348
  // Thêm những column mới vào storage nếu có
@@ -1362,27 +1375,43 @@
1362
1375
  }); };
1363
1376
  });
1364
1377
  _set.set(this, function (gridOption, configuration) {
1365
- var _a, _b;
1378
+ var _a, _b, _c, _d;
1366
1379
  var key = __classPrivateFieldGet(_this, _getKey).call(_this, gridOption);
1367
1380
  if (key) {
1368
- var set = _this.settingService.create(key, {
1369
- type: (_a = gridOption === null || gridOption === void 0 ? void 0 : gridOption.config) === null || _a === void 0 ? void 0 : _a.storage,
1370
- args: (_b = gridOption === null || gridOption === void 0 ? void 0 : gridOption.config) === null || _b === void 0 ? void 0 : _b.args
1371
- }).set;
1372
- set(configuration);
1381
+ if (((_a = gridOption === null || gridOption === void 0 ? void 0 : gridOption.config) === null || _a === void 0 ? void 0 : _a.storage) === 'server') {
1382
+ var set = _this.settingService.createServer(key, {
1383
+ args: (_b = gridOption === null || gridOption === void 0 ? void 0 : gridOption.config) === null || _b === void 0 ? void 0 : _b.args
1384
+ }).set;
1385
+ set(configuration);
1386
+ }
1387
+ else {
1388
+ var set = _this.settingService.create(key, {
1389
+ type: (_c = gridOption === null || gridOption === void 0 ? void 0 : gridOption.config) === null || _c === void 0 ? void 0 : _c.storage,
1390
+ args: (_d = gridOption === null || gridOption === void 0 ? void 0 : gridOption.config) === null || _d === void 0 ? void 0 : _d.args
1391
+ }).set;
1392
+ set(configuration);
1393
+ }
1373
1394
  }
1374
1395
  return JSON.parse(JSON.stringify(configuration));
1375
1396
  });
1376
1397
  _remove.set(this, function (gridOption) {
1377
1398
  return function () {
1378
- var _a, _b;
1399
+ var _a, _b, _c, _d;
1379
1400
  var key = __classPrivateFieldGet(_this, _getKey).call(_this, gridOption);
1380
1401
  if (key) {
1381
- var remove = _this.settingService.create(key, {
1382
- type: (_a = gridOption === null || gridOption === void 0 ? void 0 : gridOption.config) === null || _a === void 0 ? void 0 : _a.storage,
1383
- args: (_b = gridOption === null || gridOption === void 0 ? void 0 : gridOption.config) === null || _b === void 0 ? void 0 : _b.args
1384
- }).remove;
1385
- remove();
1402
+ if (((_a = gridOption === null || gridOption === void 0 ? void 0 : gridOption.config) === null || _a === void 0 ? void 0 : _a.storage) === 'server') {
1403
+ var remove = _this.settingService.createServer(key, {
1404
+ args: (_b = gridOption === null || gridOption === void 0 ? void 0 : gridOption.config) === null || _b === void 0 ? void 0 : _b.args
1405
+ }).remove;
1406
+ remove();
1407
+ }
1408
+ else {
1409
+ var remove = _this.settingService.create(key, {
1410
+ type: (_c = gridOption === null || gridOption === void 0 ? void 0 : gridOption.config) === null || _c === void 0 ? void 0 : _c.storage,
1411
+ args: (_d = gridOption === null || gridOption === void 0 ? void 0 : gridOption.config) === null || _d === void 0 ? void 0 : _d.args
1412
+ }).remove;
1413
+ remove();
1414
+ }
1386
1415
  }
1387
1416
  };
1388
1417
  }
@@ -1496,7 +1525,7 @@
1496
1525
  displayedFooters: [],
1497
1526
  multipleHeader: false
1498
1527
  };
1499
- var _c = gridOption || {}, selection = _c.selection, commands = _c.commands, editor = _c.editor;
1528
+ var _e = gridOption || {}, selection = _e.selection, commands = _e.commands, editor = _e.editor;
1500
1529
  if ((editor === null || editor === void 0 ? void 0 : editor.addable) || ((editor === null || editor === void 0 ? void 0 : editor.type) === 'inline' && ((editor === null || editor === void 0 ? void 0 : editor.removable) || typeof (editor === null || editor === void 0 ? void 0 : editor.disabled) === 'function' || !(editor === null || editor === void 0 ? void 0 : editor.disabled)))
1501
1530
  || ((editor === null || editor === void 0 ? void 0 : editor.type) === 'focus' && (typeof (editor === null || editor === void 0 ? void 0 : editor.disabled) === 'function' || !(editor === null || editor === void 0 ? void 0 : editor.disabled)))) {
1502
1531
  result.firstHeaders.push(__classPrivateFieldGet(_this, _COLUMNS).EDITORVALIDATION);
@@ -1517,7 +1546,7 @@
1517
1546
  result.displayedColumns.push(__classPrivateFieldGet(_this, _COLUMNS).COMMAND);
1518
1547
  }
1519
1548
  (_a = configuration === null || configuration === void 0 ? void 0 : configuration.columns) === null || _a === void 0 ? void 0 : _a.filter(function (col) { return !col.invisible; }).forEach(function (col) {
1520
- var e_1, _c, e_2, _d;
1549
+ var e_1, _e, e_2, _f;
1521
1550
  var _a;
1522
1551
  if (col.isGeneratedColumn) {
1523
1552
  result.column[col.origin.field] = {
@@ -1537,19 +1566,19 @@
1537
1566
  children: []
1538
1567
  };
1539
1568
  try {
1540
- for (var _e = __values(gridOption === null || gridOption === void 0 ? void 0 : gridOption.columns.filter(function (e1) { return col.generatedColumns.includes(e1.field); })), _f = _e.next(); !_f.done; _f = _e.next()) {
1541
- var subColumn = _f.value;
1569
+ for (var _g = __values(gridOption === null || gridOption === void 0 ? void 0 : gridOption.columns.filter(function (e1) { return col.generatedColumns.includes(e1.field); })), _h = _g.next(); !_h.done; _h = _g.next()) {
1570
+ var subColumn = _h.value;
1542
1571
  if (subColumn.type === 'children' || subColumn.type === 'children-col') {
1543
1572
  try {
1544
- for (var _g = (e_2 = void 0, __values(subColumn.children)), _h = _g.next(); !_h.done; _h = _g.next()) {
1545
- var childColumn = _h.value;
1573
+ for (var _j = (e_2 = void 0, __values(subColumn.children)), _k = _j.next(); !_k.done; _k = _j.next()) {
1574
+ var childColumn = _k.value;
1546
1575
  generatedColumn.children.push(Object.assign(Object.assign({}, childColumn), { colSpan: 2 }));
1547
1576
  }
1548
1577
  }
1549
1578
  catch (e_2_1) { e_2 = { error: e_2_1 }; }
1550
1579
  finally {
1551
1580
  try {
1552
- if (_h && !_h.done && (_d = _g.return)) _d.call(_g);
1581
+ if (_k && !_k.done && (_f = _j.return)) _f.call(_j);
1553
1582
  }
1554
1583
  finally { if (e_2) throw e_2.error; }
1555
1584
  }
@@ -1562,7 +1591,7 @@
1562
1591
  catch (e_1_1) { e_1 = { error: e_1_1 }; }
1563
1592
  finally {
1564
1593
  try {
1565
- if (_f && !_f.done && (_c = _e.return)) _c.call(_e);
1594
+ if (_h && !_h.done && (_e = _g.return)) _e.call(_g);
1566
1595
  }
1567
1596
  finally { if (e_1) throw e_1.error; }
1568
1597
  }
@@ -3677,16 +3706,24 @@
3677
3706
  key: configuration.key
3678
3707
  });
3679
3708
  if (!__classPrivateFieldGet(_this, _cache$3)[key]) {
3680
- __classPrivateFieldGet(_this, _cache$3)[key] = _this.settingService.create(key, {
3681
- type: configuration === null || configuration === void 0 ? void 0 : configuration.storage,
3682
- args: configuration === null || configuration === void 0 ? void 0 : configuration.args,
3683
- default: []
3684
- });
3709
+ if ((configuration === null || configuration === void 0 ? void 0 : configuration.storage) === 'server') {
3710
+ __classPrivateFieldGet(_this, _cache$3)[key] = _this.settingService.createServer(key, {
3711
+ args: configuration === null || configuration === void 0 ? void 0 : configuration.args,
3712
+ default: []
3713
+ });
3714
+ }
3715
+ else {
3716
+ __classPrivateFieldGet(_this, _cache$3)[key] = _this.settingService.create(key, {
3717
+ type: configuration === null || configuration === void 0 ? void 0 : configuration.storage,
3718
+ args: configuration === null || configuration === void 0 ? void 0 : configuration.args,
3719
+ default: []
3720
+ });
3721
+ }
3685
3722
  }
3686
3723
  return __classPrivateFieldGet(_this, _cache$3)[key];
3687
3724
  };
3688
3725
  this.loadSystem = function (configuration) {
3689
- var _a;
3726
+ var _a, _b;
3690
3727
  if (!(configuration === null || configuration === void 0 ? void 0 : configuration.key)) {
3691
3728
  return null;
3692
3729
  }
@@ -3698,11 +3735,19 @@
3698
3735
  key: configuration.key
3699
3736
  });
3700
3737
  if (!__classPrivateFieldGet(_this, _cache$3)[key]) {
3701
- __classPrivateFieldGet(_this, _cache$3)[key] = _this.settingService.create(key, {
3702
- type: 'server',
3703
- args: (_a = configuration === null || configuration === void 0 ? void 0 : configuration.systemColumn) === null || _a === void 0 ? void 0 : _a.args,
3704
- default: []
3705
- });
3738
+ if ((configuration === null || configuration === void 0 ? void 0 : configuration.storage) === 'server') {
3739
+ __classPrivateFieldGet(_this, _cache$3)[key] = _this.settingService.createServer(key, {
3740
+ args: (_a = configuration === null || configuration === void 0 ? void 0 : configuration.systemColumn) === null || _a === void 0 ? void 0 : _a.args,
3741
+ default: []
3742
+ });
3743
+ }
3744
+ else {
3745
+ __classPrivateFieldGet(_this, _cache$3)[key] = _this.settingService.create(key, {
3746
+ type: configuration === null || configuration === void 0 ? void 0 : configuration.storage,
3747
+ args: (_b = configuration === null || configuration === void 0 ? void 0 : configuration.systemColumn) === null || _b === void 0 ? void 0 : _b.args,
3748
+ default: []
3749
+ });
3750
+ }
3706
3751
  }
3707
3752
  return __classPrivateFieldGet(_this, _cache$3)[key];
3708
3753
  };
@@ -4195,7 +4240,7 @@
4195
4240
  selector: 'sd-grid-quick-action',
4196
4241
  template: "<sd-quick-action *ngIf=\"selectedItems | selectionActionFilter: gridOption?.selection?.actions as actions\"\r\n [isOpened]=\"actions?.length\">\r\n <div class=\"d-flex align-items-center\" sdMessage>\r\n <div class=\"c-bg-length\">\r\n <span class=\"c-length\">{{ selectedItems.length }}</span>\r\n </div>\r\n <div class=\"c-message\">{{ gridOption?.selection?.message || (\"selected items\" | sdTranslate) }}</div>\r\n </div>\r\n <div class=\"d-flex align-items-center mr-8\" sdAction>\r\n <ng-container *ngFor=\"let action of actions\">\r\n <sd-button *ngIf=\"action.click\" class=\"ml-5\" [tooltip]=\"action.tooltip\" [icon]=\"action.icon\"\r\n [color]=\"action.color || 'secondary'\" [type]=\"action.type || 'light'\" [fontSet]=\"action.fontSet\"\r\n [title]=\"action.title\" size=\"sm\" (action)=\"action.click(selectedItems)\"></sd-button>\r\n <ng-container *ngIf=\"action.children?.length\">\r\n <sd-button class=\"ml-5\" [tooltip]=\"action.tooltip\" [icon]=\"action.icon || 'more_vert'\"\r\n [color]=\"action.color || 'secondary'\" [type]=\"action.type || 'light'\" [fontSet]=\"action.fontSet\"\r\n [title]=\"action.title\" size=\"sm\" [matMenuTriggerFor]=\"menu\">\r\n </sd-button>\r\n <mat-menu #menu=\"matMenu\">\r\n <span>\r\n <button *ngFor=\"let childAction of action.children\" mat-menu-item (click)=\"childAction.click(selectedItems)\"\r\n [disabled]=\"childAction.disabled\">\r\n <mat-icon [fontSet]=\"childAction.fontSet\" class=\"c-icon\">{{ childAction.icon }}\r\n </mat-icon>\r\n <span> {{ childAction.title }}</span>\r\n </button>\r\n </span>\r\n </mat-menu>\r\n </ng-container>\r\n </ng-container>\r\n <sd-button class=\"ml-5\" icon=\"close\" color=\"secondary\" type=\"outline\" size=\"sm\"\r\n (action)=\"onClear()\" width=\"35px\"></sd-button>\r\n </div>\r\n</sd-quick-action>",
4197
4242
  changeDetection: core.ChangeDetectionStrategy.OnPush,
4198
- styles: [".c-bg-length{align-items:flex-start;background:#2962ff;border-radius:4px 0 0 4px;display:flex;flex-direction:column;height:48px;left:0;padding:12px 8px;position:static;top:0;width:48px}.c-bg-length .c-length{color:#fff;font-size:16px;font-weight:500;height:24px;left:8px;line-height:24px;text-align:center;top:12px;width:32px}.c-bg-length .c-length,.c-message{font-family:Roboto;font-style:normal;position:static}.c-message{color:#000;font-size:14px;font-weight:400;height:20px;left:0;line-height:20px;margin:0 0 0 16px;min-width:200px;top:6px}"]
4243
+ styles: [".c-bg-length{align-items:flex-start;background:#2962ff;border-radius:4px 0 0 4px;display:flex;flex-direction:column;height:48px;left:0;min-width:48px;padding:12px 8px;position:static;top:0;width:auto}.c-bg-length .c-length{color:#fff;font-size:16px;font-weight:500;height:24px;left:8px;line-height:24px;min-width:32px;text-align:center;top:12px;width:auto}.c-bg-length .c-length,.c-message{font-family:Roboto;font-style:normal;position:static}.c-message{color:#000;font-size:14px;font-weight:400;height:20px;left:0;line-height:20px;margin:0 0 0 16px;min-width:200px;top:6px}"]
4199
4244
  },] }
4200
4245
  ];
4201
4246
  SdGridQuickAction.ctorParameters = function () { return []; };