@datorama/core 22.9.8-rc → 22.9.9-rc.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.
Files changed (47) hide show
  1. package/bundles/datorama-core.umd.js +90 -59
  2. package/bundles/datorama-core.umd.js.map +1 -1
  3. package/bundles/datorama-core.umd.min.js +16 -16
  4. package/bundles/datorama-core.umd.min.js.map +1 -1
  5. package/datorama-core.d.ts +1 -0
  6. package/datorama-core.metadata.json +1 -1
  7. package/esm2015/datorama-core.js +2 -1
  8. package/esm2015/lib/breadcrumbs/breadcrumbs.component.js +4 -2
  9. package/esm2015/lib/grid-v2/grid/grid-v2.types.js +1 -1
  10. package/esm2015/lib/grid-v2/grid-column-cell-components/grid-status-cell/grid-status-cell.component.js +6 -10
  11. package/esm2015/lib/grid-v2/grid-controller/grid-controller.component.js +5 -2
  12. package/esm2015/lib/grid-v2/grid-settings.js +2 -2
  13. package/esm2015/lib/grid-v2/grid-store/grid.service.js +3 -2
  14. package/esm2015/lib/grid-v2/grid-toolbar/grid-toolbar.component.js +7 -1
  15. package/esm2015/lib/loaders/page-loader/page-loader.component.js +7 -2
  16. package/esm2015/lib/rich-text/rich-text.directive.js +20 -38
  17. package/esm2015/lib/rich-text/rich-text.service.js +50 -0
  18. package/esm2015/lib/select/select.component.js +4 -9
  19. package/esm2015/lib/select/trigger-single/trigger-single.component.js +1 -1
  20. package/esm2015/lib/version.js +2 -2
  21. package/esm5/datorama-core.js +2 -1
  22. package/esm5/lib/breadcrumbs/breadcrumbs.component.js +4 -2
  23. package/esm5/lib/grid-v2/grid/grid-v2.types.js +1 -1
  24. package/esm5/lib/grid-v2/grid-column-cell-components/grid-status-cell/grid-status-cell.component.js +6 -10
  25. package/esm5/lib/grid-v2/grid-controller/grid-controller.component.js +5 -2
  26. package/esm5/lib/grid-v2/grid-settings.js +2 -2
  27. package/esm5/lib/grid-v2/grid-store/grid.service.js +3 -2
  28. package/esm5/lib/grid-v2/grid-toolbar/grid-toolbar.component.js +13 -1
  29. package/esm5/lib/loaders/page-loader/page-loader.component.js +7 -2
  30. package/esm5/lib/rich-text/rich-text.directive.js +21 -39
  31. package/esm5/lib/rich-text/rich-text.service.js +51 -0
  32. package/esm5/lib/select/select.component.js +4 -9
  33. package/esm5/lib/select/trigger-single/trigger-single.component.js +1 -1
  34. package/esm5/lib/version.js +2 -2
  35. package/fesm2015/datorama-core.js +82 -59
  36. package/fesm2015/datorama-core.js.map +1 -1
  37. package/fesm5/datorama-core.js +90 -60
  38. package/fesm5/datorama-core.js.map +1 -1
  39. package/lib/grid-v2/grid/grid-v2.types.d.ts +3 -4
  40. package/lib/grid-v2/grid-column-cell-components/grid-status-cell/grid-status-cell.component.d.ts +1 -6
  41. package/lib/grid-v2/grid-settings.d.ts +2 -2
  42. package/lib/grid-v2/grid-toolbar/grid-toolbar.component.d.ts +2 -0
  43. package/lib/loaders/page-loader/page-loader.component.d.ts +1 -0
  44. package/lib/rich-text/rich-text.directive.d.ts +4 -6
  45. package/lib/rich-text/rich-text.service.d.ts +10 -0
  46. package/lib/select/trigger-single/trigger-single.component.d.ts +1 -1
  47. package/package.json +2 -2
@@ -7604,9 +7604,8 @@ let DatoSelectComponent = class DatoSelectComponent extends BaseCustomControl {
7604
7604
  writeValue(activeOptions) {
7605
7605
  this._model = activeOptions ? coerceArray$1(activeOptions) : [];
7606
7606
  if (this.options) {
7607
- const overTheLimit = this.limitSelectedTo && this.isMulti && this._model.length >= this.limitSelectedTo;
7608
7607
  this.markAsActive(this._model, { deselectAll: true });
7609
- overTheLimit && this.updateDisabledState();
7608
+ this.limitSelectedTo && this.updateDisabledState();
7610
7609
  }
7611
7610
  /** For later updates */
7612
7611
  this.cdr.markForCheck();
@@ -7711,7 +7710,6 @@ let DatoSelectComponent = class DatoSelectComponent extends BaseCustomControl {
7711
7710
  this.onChange(this._model);
7712
7711
  }
7713
7712
  removeOption(option) {
7714
- const updateDisabled = this.limitSelectedTo && this._model.length === this.limitSelectedTo;
7715
7713
  this._model = this._model.filter(current => current[this.idKey] !== option[this.idKey]);
7716
7714
  const optionToRemove = this.options.find(datoOption => datoOption.option && datoOption.option[this.idKey] === option[this.idKey]);
7717
7715
  /**
@@ -7721,7 +7719,7 @@ let DatoSelectComponent = class DatoSelectComponent extends BaseCustomControl {
7721
7719
  if (optionToRemove) {
7722
7720
  optionToRemove.active = false;
7723
7721
  }
7724
- updateDisabled && this.updateDisabledState();
7722
+ this.limitSelectedTo && this.updateDisabledState();
7725
7723
  this.onChange(this._model);
7726
7724
  this.cdr.markForCheck();
7727
7725
  this.asyncUpdateDropdownPosition();
@@ -7995,9 +7993,6 @@ let DatoSelectComponent = class DatoSelectComponent extends BaseCustomControl {
7995
7993
  if (!datoOption) {
7996
7994
  return;
7997
7995
  }
7998
- const modelLength = this._model.length;
7999
- const updateDisabled = this.limitSelectedTo &&
8000
- (modelLength === this.limitSelectedTo || (modelLength === this.limitSelectedTo - 1 && !datoOption.active));
8001
7996
  datoOption.active = !datoOption.active;
8002
7997
  const rawOption = datoOption.option;
8003
7998
  if (datoOption.active) {
@@ -8006,7 +8001,7 @@ let DatoSelectComponent = class DatoSelectComponent extends BaseCustomControl {
8006
8001
  else {
8007
8002
  this._model = this._model.filter(current => current[this.idKey] !== rawOption[this.idKey]);
8008
8003
  }
8009
- updateDisabled && this.updateDisabledState();
8004
+ this.limitSelectedTo && this.updateDisabledState();
8010
8005
  this.onChange(this._model);
8011
8006
  this.cdr.markForCheck();
8012
8007
  this.asyncUpdateDropdownPosition();
@@ -10518,7 +10513,7 @@ function toolbarActionToContextAction(params) {
10518
10513
  return contextActions;
10519
10514
  }
10520
10515
 
10521
- const DATO_GRID_STORAGE_API = new InjectionToken('DATO_GRID_STORAGE_API');
10516
+ const DATO_GRID_STORAGE_API = new InjectionToken('DATO_GRID_STORAGE_AP');
10522
10517
 
10523
10518
  const defaultEditableColumnRenderer = params => params && params.value ? `<div class="value-wrapper ellipsis">${params.value}</div>` : null;
10524
10519
  const editableCellRendererWithSearchHighlight = (params, searchTerm) => {
@@ -12874,7 +12869,8 @@ let GridService = class GridService {
12874
12869
  this.updateSettings({ gridAlignment, columnsSizes: null });
12875
12870
  }
12876
12871
  saveSettingsToServer(settings) {
12877
- this.storageAPI.set(this.gridName, settings);
12872
+ const isGlobal = this.gridQuery.getGridOptions().isGlobalSettings;
12873
+ this.storageAPI.set(this.gridName, settings, isGlobal);
12878
12874
  }
12879
12875
  /**
12880
12876
  * @internal used to log grid events to the platform's logging service
@@ -13783,7 +13779,10 @@ let DatoGridControllerComponent = class DatoGridControllerComponent {
13783
13779
  .pipe(switchMap(() => {
13784
13780
  this.gridOptions = this.normalizeOptions();
13785
13781
  agGrid.gridOptions = this.gridOptions;
13786
- const settingsLoader = this.gridOptions.saveSettings === false ? of(null) : this.storageAPI.get(this.gridOptions.gridName);
13782
+ const isGlobal = this.gridOptions.isGlobalSettings;
13783
+ const settingsLoader = this.gridOptions.saveSettings === false
13784
+ ? of(null)
13785
+ : this.storageAPI.get(this.gridOptions.gridName, isGlobal);
13787
13786
  return combineLatest([agGrid.gridReady, settingsLoader]);
13788
13787
  }), untilDestroyed(this))
13789
13788
  .subscribe(([{ api, columnApi }, savedSettings = {}]) => {
@@ -14908,6 +14907,12 @@ let DatoGridV2ToolbarComponent = class DatoGridV2ToolbarComponent {
14908
14907
  this.registerGroupListeners();
14909
14908
  this.subscribeRowsSelectionData();
14910
14909
  }
14910
+ getCellValueChangeEvent() {
14911
+ return this.gridController.gridQuery.waitForGrid(() => this.gridQuery.gridRef.cellValueChanged.pipe(debounceTime(100), untilDestroyed(this)));
14912
+ }
14913
+ getRowDataUpdatedEvent() {
14914
+ return this.gridController.gridQuery.waitForGrid(() => this.gridQuery.gridRef.rowDataUpdated.pipe(debounceTime(100), untilDestroyed(this)));
14915
+ }
14911
14916
  onActionClick(action) {
14912
14917
  if (isFunction(action.onClick)) {
14913
14918
  const selectedRowsCount = this.gridController.gridQuery.getSelectedRowsCount();
@@ -17278,6 +17283,7 @@ let DatoPageLoaderComponent = class DatoPageLoaderComponent {
17278
17283
  constructor() {
17279
17284
  this.msg = '';
17280
17285
  this.salesforce = false;
17286
+ this.size = 'medium';
17281
17287
  this.circleIds = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i'];
17282
17288
  }
17283
17289
  };
@@ -17289,10 +17295,14 @@ __decorate([
17289
17295
  Input(),
17290
17296
  __metadata("design:type", Object)
17291
17297
  ], DatoPageLoaderComponent.prototype, "salesforce", void 0);
17298
+ __decorate([
17299
+ Input(),
17300
+ __metadata("design:type", String)
17301
+ ], DatoPageLoaderComponent.prototype, "size", void 0);
17292
17302
  DatoPageLoaderComponent = __decorate([
17293
17303
  Component({
17294
17304
  selector: 'dato-page-loader',
17295
- template: "<div class=\"d-flex-column align-center\">\n <ng-container *ngIf=\"salesforce; else datoramaPageLoader\">\n <div class=\"slds-spinner_container\">\n <div role=\"status\" class=\"slds-spinner slds-spinner_medium slds-spinner_brand\">\n <div class=\"slds-spinner__dot-a\"></div>\n <div class=\"slds-spinner__dot-b\"></div>\n </div>\n </div>\n </ng-container>\n <ng-template #datoramaPageLoader>\n <div class=\"animation-container d-flex align-center d-flex-wrap\">\n <div class=\"circle d-flex align-center\" *ngFor=\"let id of circleIds\" [ngClass]=\"'circle-' + id\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\">\n <circle cx=\"6\" cy=\"6\" r=\"5\" />\n </svg>\n </div>\n </div>\n </ng-template>\n <span class=\"loading-message simple-bold\">{{msg | translate}}</span>\n</div>",
17305
+ template: "<div class=\"d-flex-column align-center\">\n <ng-container *ngIf=\"salesforce; else datoramaPageLoader\">\n <div class=\"slds-spinner_container\">\n <div role=\"status\" class=\"slds-spinner slds-spinner_brand\" [ngClass]=\"'slds-spinner_' + size\">\n <div class=\"slds-spinner__dot-a\"></div>\n <div class=\"slds-spinner__dot-b\"></div>\n </div>\n </div>\n </ng-container>\n <ng-template #datoramaPageLoader>\n <div class=\"animation-container d-flex align-center d-flex-wrap\">\n <div class=\"circle d-flex align-center\" *ngFor=\"let id of circleIds\" [ngClass]=\"'circle-' + id\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\">\n <circle cx=\"6\" cy=\"6\" r=\"5\" />\n </svg>\n </div>\n </div>\n </ng-template>\n <span class=\"loading-message simple-bold\">{{msg | translate}}</span>\n</div>\n",
17296
17306
  changeDetection: ChangeDetectionStrategy.OnPush
17297
17307
  })
17298
17308
  ], DatoPageLoaderComponent);
@@ -18180,7 +18190,6 @@ DatoGridV2ToolbarMoreMenuComponent = __decorate([
18180
18190
  let DatoGridStatusCellComponent = class DatoGridStatusCellComponent {
18181
18191
  constructor(cdr) {
18182
18192
  this.cdr = cdr;
18183
- this.DEFAULT_MIN_WIDTH = 100;
18184
18193
  }
18185
18194
  agInit(params) {
18186
18195
  const { value, valueFormatted, node } = params;
@@ -18195,16 +18204,12 @@ let DatoGridStatusCellComponent = class DatoGridStatusCellComponent {
18195
18204
  const mainCustomCellConfig = customCellConfig || {};
18196
18205
  const valueCustomCellConfig = valueToCustomCellConfig ? valueToCustomCellConfig[params.value] || {} : {};
18197
18206
  const config = Object.assign(Object.assign({}, mainCustomCellConfig), valueCustomCellConfig);
18198
- const { color, icon, cssClass, iconCssClass, minWidth, showSpinner, getAdditionalText, getIsVisible } = config;
18207
+ const { textCssClass, icon, iconCssClass, showSpinner, getIsVisible } = config;
18199
18208
  this.isVisible = !getIsVisible || getIsVisible(params.data);
18200
- this.color = color || 'primary';
18201
- this.backgroundClass = `${this.color}-${this.color === 'accent' ? '100' : '200'}-background-color`;
18202
18209
  this.icon = icon;
18203
- this.minWidth = minWidth || this.DEFAULT_MIN_WIDTH;
18204
- this.cssClass = cssClass || '';
18205
18210
  this.iconCssClass = iconCssClass || '';
18211
+ this.textCssClass = textCssClass || '';
18206
18212
  this.showSpinner = showSpinner;
18207
- this.additionalText = getAdditionalText ? getAdditionalText(params.data) : null;
18208
18213
  }
18209
18214
  refresh(params) {
18210
18215
  this.agInit(params);
@@ -18218,8 +18223,9 @@ DatoGridStatusCellComponent.ctorParameters = () => [
18218
18223
  DatoGridStatusCellComponent = __decorate([
18219
18224
  Component({
18220
18225
  selector: 'dato-grid-status-cell',
18221
- template: "<div *ngIf=\"!isGroup && isVisible\" class=\"height-100 d-flex items-center\">\n <div *ngIf=\"status\" class=\"d-flex justify-center items-center px-15 py-5 {{backgroundClass}} {{cssClass}}\" [style.min-width.px]=\"minWidth\">\n <dato-icon *ngIf=\"icon\" class=\"mr-5 {{iconCssClass}}\" [icon]=\"icon\" datoSize=\"sm\"></dato-icon>\n <div class=\"dato-note {{color}}-800-color\" [class.ellipsis]=\"!additionalText\"\n [datoTooltipV2]=\"status\" [showOnlyOnTextOverflow]=\"true\" [tooltipCheckInView]=\"false\" [datoTooltipDisabled]=\"!!additionalText\">\n {{status}}\n </div>\n <div *ngIf=\"additionalText\" class=\"dato-note {{color}}-800-color ml-3 ellipsis\"\n [datoTooltipV2]=\"status + ' ' + additionalText\" [showOnlyOnTextOverflow]=\"true\" [tooltipCheckInView]=\"false\">\n {{additionalText}}\n </div>\n <span *ngIf=\"showSpinner\" class=\"dato-spinner-loader ml-5\"></span>\n </div>\n</div>\n<span *ngIf=\"isGroup\">{{status}}</span>\n",
18222
- changeDetection: ChangeDetectionStrategy.OnPush
18226
+ template: "<div *ngIf=\"!isGroup && isVisible\" class=\"height-100 d-flex items-center\">\n <dato-icon *ngIf=\"icon\" class=\"mr-6 {{iconCssClass}}\" [icon]=\"icon\" datoSize=\"sm\"></dato-icon>\n <dato-page-loader *ngIf=\"showSpinner\" [salesforce]=\"true\" size=\"x-small\" class=\"mr-10 mt-15\"></dato-page-loader>\n <div class=\"dato-simple ellipsis status {{textCssClass}}\"\n [datoTooltipV2]=\"status\" [showOnlyOnTextOverflow]=\"true\" [tooltipCheckInView]=\"false\">\n {{status}}\n </div>\n</div>\n<span *ngIf=\"isGroup\">{{status}}</span>\n",
18227
+ changeDetection: ChangeDetectionStrategy.OnPush,
18228
+ styles: [".status{line-height:18px}"]
18223
18229
  }),
18224
18230
  __metadata("design:paramtypes", [ChangeDetectorRef])
18225
18231
  ], DatoGridStatusCellComponent);
@@ -18975,6 +18981,39 @@ DatoEditableHeaderModule = __decorate([
18975
18981
  * found in the LICENSE file at https://github.com/datorama/client-core/blob/master/LICENSE
18976
18982
  */
18977
18983
 
18984
+ let RichTextService = class RichTextService {
18985
+ constructor(http, config) {
18986
+ this.http = http;
18987
+ this.config = config;
18988
+ }
18989
+ getLib(appendScriptFunc, appendStyleFunc) {
18990
+ if (!this.richTextScript$) {
18991
+ this.initLib(appendScriptFunc, appendStyleFunc);
18992
+ }
18993
+ return this.richTextScript$;
18994
+ }
18995
+ initLib(appendScriptFunc, appendStyleFunc) {
18996
+ this.richTextScript$ = combineLatest([
18997
+ this.http
18998
+ .get(`${this.config.paths.richText}/index.js`, { responseType: 'text' })
18999
+ .pipe(tap(lib => appendScriptFunc(lib, 'rich-text-editor'))),
19000
+ this.http
19001
+ .get(`${this.config.paths.richText}/plugins/autocomplete/plugin.css`, { responseType: 'text' })
19002
+ .pipe(tap(style => appendStyleFunc(style, 'tinymce-autocomplete')))
19003
+ ]).pipe(shareReplay(1));
19004
+ }
19005
+ };
19006
+ RichTextService.ctorParameters = () => [
19007
+ { type: HttpClient },
19008
+ { type: undefined, decorators: [{ type: Inject, args: [DATO_CORE_CONFIG,] }] }
19009
+ ];
19010
+ RichTextService.ɵprov = ɵɵdefineInjectable({ factory: function RichTextService_Factory() { return new RichTextService(ɵɵinject(HttpClient), ɵɵinject(DATO_CORE_CONFIG)); }, token: RichTextService, providedIn: "root" });
19011
+ RichTextService = __decorate([
19012
+ Injectable({ providedIn: 'root' }),
19013
+ __param(1, Inject(DATO_CORE_CONFIG)),
19014
+ __metadata("design:paramtypes", [HttpClient, Object])
19015
+ ], RichTextService);
19016
+
18978
19017
  /**
18979
19018
  * @license
18980
19019
  * Copyright Datorama. All Rights Reserved.
@@ -18988,20 +19027,20 @@ const getTinymce = () => {
18988
19027
  };
18989
19028
  const ɵ0$3 = getTinymce;
18990
19029
  let DatoRichTextDirective = DatoRichTextDirective_1 = class DatoRichTextDirective extends BaseCustomControl {
18991
- constructor(ngZone, http, host, config) {
19030
+ constructor(ngZone, richTextService, config, host) {
18992
19031
  super();
18993
19032
  this.ngZone = ngZone;
18994
- this.http = http;
18995
- this.host = host;
19033
+ this.richTextService = richTextService;
18996
19034
  this.config = config;
19035
+ this.host = host;
18997
19036
  this.autocompleteOptions = {};
18998
19037
  this.forcePlainTextPasting = false;
18999
19038
  this.format = 'html';
19000
19039
  this.isOneLine = false;
19001
19040
  this.initialValue = '';
19002
- this.defaultPlugins = 'link fullscreen textcolor colorpicker image lists table textpattern autocomplete';
19041
+ this.defaultPlugins = 'link fullscreen image lists table autocomplete';
19003
19042
  this.defaultToolbar = [
19004
- 'fontselect fontsizeselect forecolor backcolor bold italic underline link',
19043
+ 'fontfamily fontsize forecolor backcolor bold italic underline link',
19005
19044
  'alignleft aligncenter alignright alignjustify outdent indent | table numlist bullist | image fullscreen'
19006
19045
  ];
19007
19046
  }
@@ -19020,28 +19059,11 @@ let DatoRichTextDirective = DatoRichTextDirective_1 = class DatoRichTextDirectiv
19020
19059
  base: this.config.paths.richText,
19021
19060
  query: ''
19022
19061
  };
19023
- /**
19024
- * We support only one instance in load time
19025
- */
19026
- if (window.tinymce) {
19062
+ this.richTextService
19063
+ .getLib(appendScript, appendStyle)
19064
+ .pipe(untilDestroyed(this))
19065
+ .subscribe(() => {
19027
19066
  this.init.call(this);
19028
- }
19029
- else {
19030
- this.loadLib().subscribe(lib => {
19031
- appendScript(lib, 'rich-text-editor');
19032
- this.init.call(this);
19033
- this.loadAutoCompleteStyle();
19034
- });
19035
- }
19036
- }
19037
- loadLib() {
19038
- return this.http.get(`${this.config.paths.richText}/index.js`, { responseType: 'text' });
19039
- }
19040
- loadAutoCompleteStyle() {
19041
- this.http
19042
- .get(`${this.config.paths.richText}/plugins/autocomplete/plugin.css`, { responseType: 'text' })
19043
- .subscribe(style => {
19044
- appendStyle(style, 'tinymce-autocomplete');
19045
19067
  });
19046
19068
  }
19047
19069
  initEditor(_, editor) {
@@ -19062,8 +19084,6 @@ let DatoRichTextDirective = DatoRichTextDirective_1 = class DatoRichTextDirectiv
19062
19084
  target: this.host.nativeElement,
19063
19085
  width: this.width || 600,
19064
19086
  height: this.height || 300,
19065
- force_br_newlines: true,
19066
- force_p_newlines: false,
19067
19087
  resize: 'both',
19068
19088
  branding: false,
19069
19089
  inline: this.inline,
@@ -19071,10 +19091,12 @@ let DatoRichTextDirective = DatoRichTextDirective_1 = class DatoRichTextDirectiv
19071
19091
  readonly: this.disabled,
19072
19092
  plugins: this.plugins || this.defaultPlugins,
19073
19093
  toolbar: isNil(this.toolbar) ? this.defaultToolbar : this.toolbar,
19074
- fontsize_formats: '8px 10px 12px 14px 18px 24px 36px',
19094
+ font_size_formats: '8px 10px 12px 14px 18px 24px 36px',
19075
19095
  min_width: 480,
19076
19096
  menubar: false,
19077
19097
  autocomplete: this.autocompleteOptions,
19098
+ suffix: '.min',
19099
+ skin: 'tinymce-5',
19078
19100
  setup: editor => {
19079
19101
  this.editor = editor;
19080
19102
  editor.on('init', (e) => {
@@ -19142,9 +19164,9 @@ let DatoRichTextDirective = DatoRichTextDirective_1 = class DatoRichTextDirectiv
19142
19164
  };
19143
19165
  DatoRichTextDirective.ctorParameters = () => [
19144
19166
  { type: NgZone },
19145
- { type: HttpClient },
19146
- { type: ElementRef },
19147
- { type: undefined, decorators: [{ type: Inject, args: [DATO_CORE_CONFIG,] }] }
19167
+ { type: RichTextService },
19168
+ { type: undefined, decorators: [{ type: Inject, args: [DATO_CORE_CONFIG,] }] },
19169
+ { type: ElementRef }
19148
19170
  ];
19149
19171
  __decorate([
19150
19172
  Input(),
@@ -19210,10 +19232,9 @@ DatoRichTextDirective = DatoRichTextDirective_1 = __decorate([
19210
19232
  }
19211
19233
  ]
19212
19234
  }),
19213
- __param(3, Inject(DATO_CORE_CONFIG)),
19235
+ __param(2, Inject(DATO_CORE_CONFIG)),
19214
19236
  __metadata("design:paramtypes", [NgZone,
19215
- HttpClient,
19216
- ElementRef, Object])
19237
+ RichTextService, Object, ElementRef])
19217
19238
  ], DatoRichTextDirective);
19218
19239
 
19219
19240
  /**
@@ -21494,7 +21515,9 @@ let DatoBreadcrumbsComponent = class DatoBreadcrumbsComponent {
21494
21515
  this._breadcrumbs = [...start, ...dots, ...end];
21495
21516
  }
21496
21517
  initEditableHeader() {
21497
- this.headerControl.valueChanges.pipe(debounceTime(300), untilDestroyed(this)).subscribe((res) => {
21518
+ this.headerControl.valueChanges
21519
+ .pipe(debounceTime(300), untilDestroyed(this))
21520
+ .subscribe((res) => {
21498
21521
  this.updateEditableText.emit(res);
21499
21522
  this.cdr.detectChanges();
21500
21523
  });
@@ -22759,7 +22782,7 @@ function fixNgLeaks() {
22759
22782
  };
22760
22783
  }
22761
22784
 
22762
- window.coreVersion = '22.9.7';
22785
+ window.coreVersion = '22.10.7-rc.';
22763
22786
 
22764
22787
  /**
22765
22788
  * @license
@@ -22773,5 +22796,5 @@ window.coreVersion = '22.9.7';
22773
22796
  * Generated bundle index. Do not edit.
22774
22797
  */
22775
22798
 
22776
- export { APP_TRANSLATE, AceService, BaseCustomControl, COMPARE_RESULT, CUSTOM_RANGE_ID, ColorPalette, ConfirmationType, ContentRef, ContentType, CustomHeaderControllerService, DATE_PICKER_CONFIG, DATE_PICKER_POPOVER_ID, DATO_CORE_LOGGER, DATO_FORM_ERRORS, DATO_GRID_STORAGE_API, DEFAULT_FORMAT, DEFAULT_GRID_SEARCH_DEBOUNCE_TIME, DatePickerConfig, DatePickerMonthComponent, DateType, DatoAccordionComponent, DatoAccordionContentComponent, DatoAccordionGroupComponent, DatoAccordionHeaderComponent, DatoAccordionModule, DatoAceDirective, DatoAceDraggableDirective, DatoAceModule, DatoActionType, DatoAutoCompleteContentDirective, DatoAutoFocusDirective, DatoAutocompleteComponent, DatoAutocompleteDirective, DatoAutocompleteModule, DatoBreadcrumbsComponent, DatoBreadcrumbsModule, DatoButtonComponent, DatoButtonGroupComponent, DatoButtonGroupModule, DatoButtonModule, DatoCamelCasePipe, DatoCarouselComponent, DatoCarouselItemDirective, DatoCarouselItemElement, DatoCarouselModule, DatoCheckboxComponent, DatoCheckboxModule, DatoClipboardDirective, DatoColorDirective, DatoConfirmationDialogComponent, DatoControlErrorComponent, DatoControlErrorContainerDirective, DatoControlErrorsDirective, DatoCoreError, DatoCoreModule, DatoCustomHeaderTemplateComponent, DatoCustomHeaderTemplateDirective, DatoCustomMoreMenuTemplateDirective, DatoDatePickerContainerComponent, DatoDatePickerModule, DatoDatePickerRangeComponent, DatoDatePickerSingleComponent, DatoDialog, DatoDialogCloseDirective, DatoDialogComponent, DatoDialogContentComponent, DatoDialogDismissDirective, DatoDialogFooterComponent, DatoDialogHeaderComponent, DatoDialogModule, DatoDialogRef, DatoDirectivesModule, DatoDisableControlDirective, DatoDraggableDirective, DatoDynamicContentComponent, DatoDynamicContentModule, DatoEditableHeaderComponent, DatoEditableHeaderModule, DatoFileInputComponent, DatoFileInputDefaultComponent, DatoFileInputModule, DatoFilterConditions, DatoFontDirective, DatoFontIconComponent, DatoFontIconModule, DatoFormSubmitDirective, DatoFormValidationModule, DatoGrid, DatoGridAPI, DatoGridAvatarCellComponent, DatoGridColumnDisplayMenuComponent, DatoGridColumnHeaderComponent, DatoGridColumnHeaderMoreMenuComponent, DatoGridColumnTypes, DatoGridComponent, DatoGridControllerComponent, DatoGridDateFilterOptions, DatoGridFilterComponent, DatoGridFilterOptionsMap, DatoGridFilterSections, DatoGridFilterTypes, DatoGridGroupsMenuComponent, DatoGridHeaderComponent, DatoGridHeaderV2Component, DatoGridInitialsCellComponent, DatoGridItemsCellComponent, DatoGridModule, DatoGridMoreMenuActions, DatoGridNumberFilterOptions, DatoGridOnHoverComponent, DatoGridPaginationComponent, DatoGridPaginationV2Component, DatoGridStatusCellComponent, DatoGridStringFilterOptions, DatoGridToolbarComponent, DatoGridToolbarItemDirective, DatoGridToolbarItemElementDirective, DatoGridV2Component, DatoGridV2LoaderComponent, DatoGridV2Module, DatoGridV2NoDataOverlayComponent, DatoGridV2ToolbarButtonComponent, DatoGridV2ToolbarComponent, DatoGroupComponent, DatoHighlightPipe, DatoHotkeys, DatoHotkeysDirective, DatoHotkeysHelpComponent, DatoHotkeysModule, DatoIconButtonComponent, DatoIconButtonModule, DatoIconComponent, DatoIconModule, DatoInfiniteScrollComponent, DatoInfiniteScrollModule, DatoInputComponent, DatoInputModule, DatoInputNumberComponent, DatoInputNumberDirective, DatoInputNumberModule, DatoKebabCasePipe, DatoLinkButtonComponent, DatoLinkButtonModule, DatoListComponent, DatoListModule, DatoListNoDataComponent, DatoListNoResultComponent, DatoListV2Component, DatoListV2Module, DatoLoaderComponent, DatoLoadersModule, DatoMenuComponent, DatoMenuContentDirective, DatoMenuItemDirective, DatoMenuModule, DatoMenuTriggerForDirective, DatoMultiOptionComponent, DatoMultiOptionV2Component, DatoOperatorTogglerComponent, DatoOperatorTogglerModule, DatoOptionComponent, DatoOptionV2Component, DatoOptionsModule, DatoOriginDirective, DatoOverlay, DatoPageLoaderComponent, DatoPanel, DatoPanelComponent, DatoPanelContentComponent, DatoPanelFooterComponent, DatoPanelHeaderComponent, DatoPanelInternalConfig, DatoPanelModule, DatoPanelRef, DatoPillsComponent, DatoPillsModule, DatoPipesModule, DatoPopover, DatoPopoverComponent, DatoPopoverModule, DatoProgressBarComponent, DatoProgressBarModule, DatoRadioComponent, DatoRadioModule, DatoRichTextDirective, DatoRichTextModule, DatoSearchResultsGroupSortPipe, DatoSearchResultsSortPipe, DatoSearchableContainerComponent, DatoSearchableDirective, DatoSearchableHighlightDirective, DatoSearchableModule, DatoSelectActiveDirective, DatoSelectComponent, DatoSelectEmptyComponent, DatoSelectModule, DatoSliderComponent, DatoSliderModule, DatoSnackbar, DatoSnackbarComponent, DatoSnackbarModule, DatoSortableComponent, DatoSortableHandleDirective, DatoSortableModule, DatoStaticImageSrcDirective, DatoStaticImagesSrcModule, DatoSubscribeContext, DatoSubscribeDirective, DatoTab, DatoTabContent, DatoTabTitle, DatoTabsModule, DatoTabset, DatoTemplatePortal, DatoTextModule, DatoThemesModule, DatoToast, DatoToastComponent, DatoToastModule, DatoTogglerComponent, DatoTogglerModule, DatoTooltipDirective, DatoTooltipV2Directive, DatoTrackByPropPipe, DatoTranslateService, DatoTreePipe, DatoTriggerMulti, DatoTriggerSingle, DialogConfig, DialogResultStatus, Dimensions, EventModifiersPlugin, GridActionType, GridMinWidths, GridRowSelectionType, GridToolbarService, ISO_FORMAT, IconRegistry, KeyCodes, KeyboardEventKeys, ListValueTypes, MockService, OperatorTypes, POPPER_BOUNDARY, PaletteDirective, PanelResultCloseTrigger, PillType, PopoverCloseDirective, PopoverContentDirective, PopoverRef, PopoverTrigger, ROOT_NODE_ID, RelativeDateType, RenderMethod, RowSelectionType, RowSelectionTypeV2, SELECT_MAX_HEIGHT, SUPPORTED_LOCALES, SelectType, SnackbarRef, SnackbarType, Store, SvgRegistry, ToolbarActionType, ToolbarArea, ToolbarConfirmation, ToolbarDeleteConfirmation, ToolbarHandler, TranslatePipe, Types, _valueChanges, a, addClass, addJSObjectCompletor, allowedFileTypes, alphabeticalGroupSort, alphabeticalSort, appendChild, appendScript, appendStyle, appendToBody, assertString, camelCase, capitalize, cloneDeep, closest, coerceArray, coerceElement, compareWith, compose, convertFromTreeData, convertToTreeData, copyToClipboard, createComponent, createElement, createGUID, createHTMLCompletor, curry, dateCompare, daysOfTheMonth, debounce, declarations$2 as declarations, deepEqual, deepmerge, defaultActions$1 as defaultActions, defaultConfig, defaultEditableColumnRenderer, defaultGridOptions, defaultGridTreeLabel, defaultOptionsDisplayLimit, defaultTreeOptions, dialogSizePreset, diff, difference, differenceBy, dimensionsChanges, directives, drop, editableCellRendererWithSearchHighlight, escape, escapeRegExp, filter, filterByControlValue, filterByTerm, filterDialogDismissed, filterDialogSuccess, filterGroupByControlValue, filterGroupByTerm, filterKey, find, findIndex, findKey, fixNgLeaks, forEach, formatKeys, generateMonths, get, getAttr, getCustomRange, getDateISOString, getDefaultConfirmationOptions, getDefaultOptions, getDefaultsToastOptions, getElementCoords, getFunctionName, getGridConfiguration, getGridModel, getInitials, getLocalizedFormat, getMultiTemplate, getOptionTemplate, getPopperDefaults, getUTCDate, getVisibleActions, gridTreeFilePathKey, groupBy, groupSortOrder, has, inView, intersection, invert, isArrayValuesEqual, isArrowUpDown, isBoolean, isEmpty, isEmptyString, isEnter, isEqual, isEscape, isFraction, isFunction, isMacintosh, isNil, isNumber, isObject, isRangeCondition, isRangeCustom, isString, isTestEnv, isValidMediaLink, kebabCase, keyBy, keysSymbols, last, map, mapKeys, mapValues, maxFileSize, merge, minBy, mockInDev, mocks, ngContentResolver, noop, normalizeData, omit, omitBy, optionalDebounce, pallete, parseDateString, partial, polling, prependChild, publicApi$1 as publicApi, query, queryAll, random, rawDiff, reject, relativeDateTypes, removeClass, resolveRange, round, searchHighlightCellRenderer, searchResultsGroupSort, searchResultsSort, setAttr, setAttribute, setDimensions, setEmptyFolderClass, setGridConfiguration, setGridModel, setMaxDimensions, setMinDimensions, setStyle, setStyles, size, sortBy, stubs, supportedLocales, tapLog, tapOnce, throttle, toBoolean, toFormData, toNumber, toResponseBody, toString, toggleClass, toolbarActionToContextAction, tryParsePivotValue, unescape, union, uniq, uniqBy, uploadProgress, validBase64Image, validUrl, validateCondition, validateDate, validateDateCondition, validateFilter, validateNumberCondition, validateRange, validateStringCondition, values, workerMap, zoneStable, ɵ0$2 as ɵ0, ɵ1$2 as ɵ1, ɵ2, DATO_CORE_CONFIG as ɵb, DatoGridHelper as ɵc, Popper as ɵd, GridQuery as ɵe, GridStore as ɵf, GridService as ɵg, DatoDateRangesFilterPipe as ɵh, ListStore as ɵi, DatoListSelectAllComponent as ɵj, DatoGridMultiSelectColumnHeaderComponent as ɵk, DatoGridItemsCountCellComponent as ɵl, DatoGridV2ToolbarMoreMenuComponent as ɵm, DatoGridSearchBarComponent as ɵn };
22799
+ export { APP_TRANSLATE, AceService, BaseCustomControl, COMPARE_RESULT, CUSTOM_RANGE_ID, ColorPalette, ConfirmationType, ContentRef, ContentType, CustomHeaderControllerService, DATE_PICKER_CONFIG, DATE_PICKER_POPOVER_ID, DATO_CORE_LOGGER, DATO_FORM_ERRORS, DATO_GRID_STORAGE_API, DEFAULT_FORMAT, DEFAULT_GRID_SEARCH_DEBOUNCE_TIME, DatePickerConfig, DatePickerMonthComponent, DateType, DatoAccordionComponent, DatoAccordionContentComponent, DatoAccordionGroupComponent, DatoAccordionHeaderComponent, DatoAccordionModule, DatoAceDirective, DatoAceDraggableDirective, DatoAceModule, DatoActionType, DatoAutoCompleteContentDirective, DatoAutoFocusDirective, DatoAutocompleteComponent, DatoAutocompleteDirective, DatoAutocompleteModule, DatoBreadcrumbsComponent, DatoBreadcrumbsModule, DatoButtonComponent, DatoButtonGroupComponent, DatoButtonGroupModule, DatoButtonModule, DatoCamelCasePipe, DatoCarouselComponent, DatoCarouselItemDirective, DatoCarouselItemElement, DatoCarouselModule, DatoCheckboxComponent, DatoCheckboxModule, DatoClipboardDirective, DatoColorDirective, DatoConfirmationDialogComponent, DatoControlErrorComponent, DatoControlErrorContainerDirective, DatoControlErrorsDirective, DatoCoreError, DatoCoreModule, DatoCustomHeaderTemplateComponent, DatoCustomHeaderTemplateDirective, DatoCustomMoreMenuTemplateDirective, DatoDatePickerContainerComponent, DatoDatePickerModule, DatoDatePickerRangeComponent, DatoDatePickerSingleComponent, DatoDialog, DatoDialogCloseDirective, DatoDialogComponent, DatoDialogContentComponent, DatoDialogDismissDirective, DatoDialogFooterComponent, DatoDialogHeaderComponent, DatoDialogModule, DatoDialogRef, DatoDirectivesModule, DatoDisableControlDirective, DatoDraggableDirective, DatoDynamicContentComponent, DatoDynamicContentModule, DatoEditableHeaderComponent, DatoEditableHeaderModule, DatoFileInputComponent, DatoFileInputDefaultComponent, DatoFileInputModule, DatoFilterConditions, DatoFontDirective, DatoFontIconComponent, DatoFontIconModule, DatoFormSubmitDirective, DatoFormValidationModule, DatoGrid, DatoGridAPI, DatoGridAvatarCellComponent, DatoGridColumnDisplayMenuComponent, DatoGridColumnHeaderComponent, DatoGridColumnHeaderMoreMenuComponent, DatoGridColumnTypes, DatoGridComponent, DatoGridControllerComponent, DatoGridDateFilterOptions, DatoGridFilterComponent, DatoGridFilterOptionsMap, DatoGridFilterSections, DatoGridFilterTypes, DatoGridGroupsMenuComponent, DatoGridHeaderComponent, DatoGridHeaderV2Component, DatoGridInitialsCellComponent, DatoGridItemsCellComponent, DatoGridModule, DatoGridMoreMenuActions, DatoGridNumberFilterOptions, DatoGridOnHoverComponent, DatoGridPaginationComponent, DatoGridPaginationV2Component, DatoGridStatusCellComponent, DatoGridStringFilterOptions, DatoGridToolbarComponent, DatoGridToolbarItemDirective, DatoGridToolbarItemElementDirective, DatoGridV2Component, DatoGridV2LoaderComponent, DatoGridV2Module, DatoGridV2NoDataOverlayComponent, DatoGridV2ToolbarButtonComponent, DatoGridV2ToolbarComponent, DatoGroupComponent, DatoHighlightPipe, DatoHotkeys, DatoHotkeysDirective, DatoHotkeysHelpComponent, DatoHotkeysModule, DatoIconButtonComponent, DatoIconButtonModule, DatoIconComponent, DatoIconModule, DatoInfiniteScrollComponent, DatoInfiniteScrollModule, DatoInputComponent, DatoInputModule, DatoInputNumberComponent, DatoInputNumberDirective, DatoInputNumberModule, DatoKebabCasePipe, DatoLinkButtonComponent, DatoLinkButtonModule, DatoListComponent, DatoListModule, DatoListNoDataComponent, DatoListNoResultComponent, DatoListV2Component, DatoListV2Module, DatoLoaderComponent, DatoLoadersModule, DatoMenuComponent, DatoMenuContentDirective, DatoMenuItemDirective, DatoMenuModule, DatoMenuTriggerForDirective, DatoMultiOptionComponent, DatoMultiOptionV2Component, DatoOperatorTogglerComponent, DatoOperatorTogglerModule, DatoOptionComponent, DatoOptionV2Component, DatoOptionsModule, DatoOriginDirective, DatoOverlay, DatoPageLoaderComponent, DatoPanel, DatoPanelComponent, DatoPanelContentComponent, DatoPanelFooterComponent, DatoPanelHeaderComponent, DatoPanelInternalConfig, DatoPanelModule, DatoPanelRef, DatoPillsComponent, DatoPillsModule, DatoPipesModule, DatoPopover, DatoPopoverComponent, DatoPopoverModule, DatoProgressBarComponent, DatoProgressBarModule, DatoRadioComponent, DatoRadioModule, DatoRichTextDirective, DatoRichTextModule, DatoSearchResultsGroupSortPipe, DatoSearchResultsSortPipe, DatoSearchableContainerComponent, DatoSearchableDirective, DatoSearchableHighlightDirective, DatoSearchableModule, DatoSelectActiveDirective, DatoSelectComponent, DatoSelectEmptyComponent, DatoSelectModule, DatoSliderComponent, DatoSliderModule, DatoSnackbar, DatoSnackbarComponent, DatoSnackbarModule, DatoSortableComponent, DatoSortableHandleDirective, DatoSortableModule, DatoStaticImageSrcDirective, DatoStaticImagesSrcModule, DatoSubscribeContext, DatoSubscribeDirective, DatoTab, DatoTabContent, DatoTabTitle, DatoTabsModule, DatoTabset, DatoTemplatePortal, DatoTextModule, DatoThemesModule, DatoToast, DatoToastComponent, DatoToastModule, DatoTogglerComponent, DatoTogglerModule, DatoTooltipDirective, DatoTooltipV2Directive, DatoTrackByPropPipe, DatoTranslateService, DatoTreePipe, DatoTriggerMulti, DatoTriggerSingle, DialogConfig, DialogResultStatus, Dimensions, EventModifiersPlugin, GridActionType, GridMinWidths, GridRowSelectionType, GridToolbarService, ISO_FORMAT, IconRegistry, KeyCodes, KeyboardEventKeys, ListValueTypes, MockService, OperatorTypes, POPPER_BOUNDARY, PaletteDirective, PanelResultCloseTrigger, PillType, PopoverCloseDirective, PopoverContentDirective, PopoverRef, PopoverTrigger, ROOT_NODE_ID, RelativeDateType, RenderMethod, RowSelectionType, RowSelectionTypeV2, SELECT_MAX_HEIGHT, SUPPORTED_LOCALES, SelectType, SnackbarRef, SnackbarType, Store, SvgRegistry, ToolbarActionType, ToolbarArea, ToolbarConfirmation, ToolbarDeleteConfirmation, ToolbarHandler, TranslatePipe, Types, _valueChanges, a, addClass, addJSObjectCompletor, allowedFileTypes, alphabeticalGroupSort, alphabeticalSort, appendChild, appendScript, appendStyle, appendToBody, assertString, camelCase, capitalize, cloneDeep, closest, coerceArray, coerceElement, compareWith, compose, convertFromTreeData, convertToTreeData, copyToClipboard, createComponent, createElement, createGUID, createHTMLCompletor, curry, dateCompare, daysOfTheMonth, debounce, declarations$2 as declarations, deepEqual, deepmerge, defaultActions$1 as defaultActions, defaultConfig, defaultEditableColumnRenderer, defaultGridOptions, defaultGridTreeLabel, defaultOptionsDisplayLimit, defaultTreeOptions, dialogSizePreset, diff, difference, differenceBy, dimensionsChanges, directives, drop, editableCellRendererWithSearchHighlight, escape, escapeRegExp, filter, filterByControlValue, filterByTerm, filterDialogDismissed, filterDialogSuccess, filterGroupByControlValue, filterGroupByTerm, filterKey, find, findIndex, findKey, fixNgLeaks, forEach, formatKeys, generateMonths, get, getAttr, getCustomRange, getDateISOString, getDefaultConfirmationOptions, getDefaultOptions, getDefaultsToastOptions, getElementCoords, getFunctionName, getGridConfiguration, getGridModel, getInitials, getLocalizedFormat, getMultiTemplate, getOptionTemplate, getPopperDefaults, getUTCDate, getVisibleActions, gridTreeFilePathKey, groupBy, groupSortOrder, has, inView, intersection, invert, isArrayValuesEqual, isArrowUpDown, isBoolean, isEmpty, isEmptyString, isEnter, isEqual, isEscape, isFraction, isFunction, isMacintosh, isNil, isNumber, isObject, isRangeCondition, isRangeCustom, isString, isTestEnv, isValidMediaLink, kebabCase, keyBy, keysSymbols, last, map, mapKeys, mapValues, maxFileSize, merge, minBy, mockInDev, mocks, ngContentResolver, noop, normalizeData, omit, omitBy, optionalDebounce, pallete, parseDateString, partial, polling, prependChild, publicApi$1 as publicApi, query, queryAll, random, rawDiff, reject, relativeDateTypes, removeClass, resolveRange, round, searchHighlightCellRenderer, searchResultsGroupSort, searchResultsSort, setAttr, setAttribute, setDimensions, setEmptyFolderClass, setGridConfiguration, setGridModel, setMaxDimensions, setMinDimensions, setStyle, setStyles, size, sortBy, stubs, supportedLocales, tapLog, tapOnce, throttle, toBoolean, toFormData, toNumber, toResponseBody, toString, toggleClass, toolbarActionToContextAction, tryParsePivotValue, unescape, union, uniq, uniqBy, uploadProgress, validBase64Image, validUrl, validateCondition, validateDate, validateDateCondition, validateFilter, validateNumberCondition, validateRange, validateStringCondition, values, workerMap, zoneStable, ɵ0$2 as ɵ0, ɵ1$2 as ɵ1, ɵ2, DATO_CORE_CONFIG as ɵb, DatoGridHelper as ɵc, Popper as ɵd, GridQuery as ɵe, GridStore as ɵf, GridService as ɵg, DatoDateRangesFilterPipe as ɵh, ListStore as ɵi, DatoListSelectAllComponent as ɵj, DatoGridMultiSelectColumnHeaderComponent as ɵk, DatoGridItemsCountCellComponent as ɵl, DatoGridV2ToolbarMoreMenuComponent as ɵm, DatoGridSearchBarComponent as ɵn, RichTextService as ɵo };
22777
22800
  //# sourceMappingURL=datorama-core.js.map