devexpress-reporting-angular 24.1.11-build-2557-2101 → 24.1.11

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.
@@ -5,14 +5,14 @@ import * as i2 from "../template/template.component";
5
5
  class ActionsComponent {
6
6
  data;
7
7
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
8
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ActionsComponent, selector: "dxa-actions", inputs: { data: "data" }, ngImport: i0, template: "<div *ngFor=\"let action of data\" style=\"display: inline-block; vertical-align: top;\">\n <dxa-template *ngIf=\"action.templateName\" [template]=\"action.templateName\"\n [data]=\"action['contentData'] || action\"></dxa-template>\n <div *ngIf=\"!action.templateName\" [style.display]=\"action.visible ? '' : 'none'\" class=\"dxrd-toolbar-item\" [class]=\"action.actionClass\">\n <div role=\"button\" class=\"dx-accessibility-toolbar-item dx-accessibility-focus-border-accented\"\n [attr.aria-label]=\"action.block.attr['aria-label']\" [attr.aria-disabled]=\"action.block.attr['aria-disabled']\"\n [attr.aria-pressed]=\"action.block.attr['aria-pressed']\">\n <div [attr.class]=\"action.image.class\" [attr.title]=\"action.displayText\" (click)=\"action.click($event)\">\n <dxa-template [template]=\"action.image.templateName\"></dxa-template>\n </div>\n <div class=\"dxrd-toolbar-item-separator dxd-toolbar-separator-color dxd-border-secondary\"\n [hidden]=\"!action.hasSeparator\"></div>\n </div>\n </div>\n</div>", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }] });
8
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ActionsComponent, selector: "dxa-actions", inputs: { data: "data" }, ngImport: i0, template: "<div *ngFor=\"let action of data\" [ngStyle]=\"{ display: 'inline-block', 'vertical-align': 'top' }\">\n <dxa-template *ngIf=\"action.templateName\" [template]=\"action.templateName\"\n [data]=\"action['contentData'] || action\"></dxa-template>\n <div *ngIf=\"!action.templateName\" [style.display]=\"action.visible ? '' : 'none'\" class=\"dxrd-toolbar-item\" [class]=\"action.actionClass\">\n <div role=\"button\" class=\"dx-accessibility-toolbar-item dx-accessibility-focus-border-accented\"\n [attr.aria-label]=\"action.block.attr['aria-label']\" [attr.aria-disabled]=\"action.block.attr['aria-disabled']\"\n [attr.aria-pressed]=\"action.block.attr['aria-pressed']\">\n <div [attr.class]=\"action.image.class\" [attr.title]=\"action.displayText\" (click)=\"action.click($event)\">\n <dxa-template [template]=\"action.image.templateName\"></dxa-template>\n </div>\n <div class=\"dxrd-toolbar-item-separator dxd-toolbar-separator-color dxd-border-secondary\"\n [hidden]=\"!action.hasSeparator\"></div>\n </div>\n </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }] });
9
9
  }
10
10
  export { ActionsComponent };
11
11
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ActionsComponent, decorators: [{
12
12
  type: Component,
13
- args: [{ selector: 'dxa-actions', template: "<div *ngFor=\"let action of data\" style=\"display: inline-block; vertical-align: top;\">\n <dxa-template *ngIf=\"action.templateName\" [template]=\"action.templateName\"\n [data]=\"action['contentData'] || action\"></dxa-template>\n <div *ngIf=\"!action.templateName\" [style.display]=\"action.visible ? '' : 'none'\" class=\"dxrd-toolbar-item\" [class]=\"action.actionClass\">\n <div role=\"button\" class=\"dx-accessibility-toolbar-item dx-accessibility-focus-border-accented\"\n [attr.aria-label]=\"action.block.attr['aria-label']\" [attr.aria-disabled]=\"action.block.attr['aria-disabled']\"\n [attr.aria-pressed]=\"action.block.attr['aria-pressed']\">\n <div [attr.class]=\"action.image.class\" [attr.title]=\"action.displayText\" (click)=\"action.click($event)\">\n <dxa-template [template]=\"action.image.templateName\"></dxa-template>\n </div>\n <div class=\"dxrd-toolbar-item-separator dxd-toolbar-separator-color dxd-border-secondary\"\n [hidden]=\"!action.hasSeparator\"></div>\n </div>\n </div>\n</div>" }]
13
+ args: [{ selector: 'dxa-actions', template: "<div *ngFor=\"let action of data\" [ngStyle]=\"{ display: 'inline-block', 'vertical-align': 'top' }\">\n <dxa-template *ngIf=\"action.templateName\" [template]=\"action.templateName\"\n [data]=\"action['contentData'] || action\"></dxa-template>\n <div *ngIf=\"!action.templateName\" [style.display]=\"action.visible ? '' : 'none'\" class=\"dxrd-toolbar-item\" [class]=\"action.actionClass\">\n <div role=\"button\" class=\"dx-accessibility-toolbar-item dx-accessibility-focus-border-accented\"\n [attr.aria-label]=\"action.block.attr['aria-label']\" [attr.aria-disabled]=\"action.block.attr['aria-disabled']\"\n [attr.aria-pressed]=\"action.block.attr['aria-pressed']\">\n <div [attr.class]=\"action.image.class\" [attr.title]=\"action.displayText\" (click)=\"action.click($event)\">\n <dxa-template [template]=\"action.image.templateName\"></dxa-template>\n </div>\n <div class=\"dxrd-toolbar-item-separator dxd-toolbar-separator-color dxd-border-secondary\"\n [hidden]=\"!action.hasSeparator\"></div>\n </div>\n </div>\n</div>\n" }]
14
14
  }], propDecorators: { data: [{
15
15
  type: Input,
16
16
  args: ['data']
17
17
  }] } });
18
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9ucy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9keC1yZXBvcnQtdmlld2VyL2NvbXBvbmVudHMvYW5hbHl0aWNzL2FjdGlvbnMvYWN0aW9ucy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9keC1yZXBvcnQtdmlld2VyL2NvbXBvbmVudHMvYW5hbHl0aWNzL2FjdGlvbnMvYWN0aW9ucy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQUdqRCxNQUlhLGdCQUFnQjtJQUNaLElBQUksQ0FBcUQ7d0dBRDdELGdCQUFnQjs0RkFBaEIsZ0JBQWdCLDZFQ1A3Qiw0bUNBY007O1NEUE8sZ0JBQWdCOzRGQUFoQixnQkFBZ0I7a0JBSjVCLFNBQVM7K0JBQ0ksYUFBYTs4QkFJVixJQUFJO3NCQUFsQixLQUFLO3VCQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJQWN0aW9uVmlld01vZGVsLCBJQ29udGVudEFjdGlvblZpZXdNb2RlbCB9IGZyb20gJ0BkZXZleHByZXNzL2FuYWx5dGljcy1jb3JlL3dpZGdldHMvdXRpbHMnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2R4YS1hY3Rpb25zJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vYWN0aW9ucy5jb21wb25lbnQuaHRtbCdcbn0pXG5leHBvcnQgY2xhc3MgQWN0aW9uc0NvbXBvbmVudCB7XG4gIEBJbnB1dCgnZGF0YScpIGRhdGEhOiBBcnJheTxJQWN0aW9uVmlld01vZGVsIHwgSUNvbnRlbnRBY3Rpb25WaWV3TW9kZWw+O1xufSIsIjxkaXYgKm5nRm9yPVwibGV0IGFjdGlvbiBvZiBkYXRhXCIgc3R5bGU9XCJkaXNwbGF5OiBpbmxpbmUtYmxvY2s7IHZlcnRpY2FsLWFsaWduOiB0b3A7XCI+XG4gICAgPGR4YS10ZW1wbGF0ZSAqbmdJZj1cImFjdGlvbi50ZW1wbGF0ZU5hbWVcIiBbdGVtcGxhdGVdPVwiYWN0aW9uLnRlbXBsYXRlTmFtZVwiXG4gICAgICAgIFtkYXRhXT1cImFjdGlvblsnY29udGVudERhdGEnXSB8fCBhY3Rpb25cIj48L2R4YS10ZW1wbGF0ZT5cbiAgICA8ZGl2ICpuZ0lmPVwiIWFjdGlvbi50ZW1wbGF0ZU5hbWVcIiBbc3R5bGUuZGlzcGxheV09XCJhY3Rpb24udmlzaWJsZSA/ICcnIDogJ25vbmUnXCIgY2xhc3M9XCJkeHJkLXRvb2xiYXItaXRlbVwiIFtjbGFzc109XCJhY3Rpb24uYWN0aW9uQ2xhc3NcIj5cbiAgICAgICAgPGRpdiByb2xlPVwiYnV0dG9uXCIgY2xhc3M9XCJkeC1hY2Nlc3NpYmlsaXR5LXRvb2xiYXItaXRlbSBkeC1hY2Nlc3NpYmlsaXR5LWZvY3VzLWJvcmRlci1hY2NlbnRlZFwiXG4gICAgICAgICAgICBbYXR0ci5hcmlhLWxhYmVsXT1cImFjdGlvbi5ibG9jay5hdHRyWydhcmlhLWxhYmVsJ11cIiBbYXR0ci5hcmlhLWRpc2FibGVkXT1cImFjdGlvbi5ibG9jay5hdHRyWydhcmlhLWRpc2FibGVkJ11cIlxuICAgICAgICAgICAgW2F0dHIuYXJpYS1wcmVzc2VkXT1cImFjdGlvbi5ibG9jay5hdHRyWydhcmlhLXByZXNzZWQnXVwiPlxuICAgICAgICAgICAgPGRpdiBbYXR0ci5jbGFzc109XCJhY3Rpb24uaW1hZ2UuY2xhc3NcIiBbYXR0ci50aXRsZV09XCJhY3Rpb24uZGlzcGxheVRleHRcIiAoY2xpY2spPVwiYWN0aW9uLmNsaWNrKCRldmVudClcIj5cbiAgICAgICAgICAgICAgICA8ZHhhLXRlbXBsYXRlIFt0ZW1wbGF0ZV09XCJhY3Rpb24uaW1hZ2UudGVtcGxhdGVOYW1lXCI+PC9keGEtdGVtcGxhdGU+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJkeHJkLXRvb2xiYXItaXRlbS1zZXBhcmF0b3IgZHhkLXRvb2xiYXItc2VwYXJhdG9yLWNvbG9yIGR4ZC1ib3JkZXItc2Vjb25kYXJ5XCJcbiAgICAgICAgICAgICAgICBbaGlkZGVuXT1cIiFhY3Rpb24uaGFzU2VwYXJhdG9yXCI+PC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuPC9kaXY+Il19
18
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9ucy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9keC1yZXBvcnQtdmlld2VyL2NvbXBvbmVudHMvYW5hbHl0aWNzL2FjdGlvbnMvYWN0aW9ucy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9keC1yZXBvcnQtdmlld2VyL2NvbXBvbmVudHMvYW5hbHl0aWNzL2FjdGlvbnMvYWN0aW9ucy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQUdqRCxNQUlhLGdCQUFnQjtJQUNaLElBQUksQ0FBcUQ7d0dBRDdELGdCQUFnQjs0RkFBaEIsZ0JBQWdCLDZFQ1A3Qiw0bkNBZUE7O1NEUmEsZ0JBQWdCOzRGQUFoQixnQkFBZ0I7a0JBSjVCLFNBQVM7K0JBQ0ksYUFBYTs4QkFJVixJQUFJO3NCQUFsQixLQUFLO3VCQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJQWN0aW9uVmlld01vZGVsLCBJQ29udGVudEFjdGlvblZpZXdNb2RlbCB9IGZyb20gJ0BkZXZleHByZXNzL2FuYWx5dGljcy1jb3JlL3dpZGdldHMvdXRpbHMnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2R4YS1hY3Rpb25zJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vYWN0aW9ucy5jb21wb25lbnQuaHRtbCdcbn0pXG5leHBvcnQgY2xhc3MgQWN0aW9uc0NvbXBvbmVudCB7XG4gIEBJbnB1dCgnZGF0YScpIGRhdGEhOiBBcnJheTxJQWN0aW9uVmlld01vZGVsIHwgSUNvbnRlbnRBY3Rpb25WaWV3TW9kZWw+O1xufSIsIjxkaXYgKm5nRm9yPVwibGV0IGFjdGlvbiBvZiBkYXRhXCIgW25nU3R5bGVdPVwieyBkaXNwbGF5OiAnaW5saW5lLWJsb2NrJywgICd2ZXJ0aWNhbC1hbGlnbic6ICd0b3AnIH1cIj5cbiAgICA8ZHhhLXRlbXBsYXRlICpuZ0lmPVwiYWN0aW9uLnRlbXBsYXRlTmFtZVwiIFt0ZW1wbGF0ZV09XCJhY3Rpb24udGVtcGxhdGVOYW1lXCJcbiAgICAgICAgW2RhdGFdPVwiYWN0aW9uWydjb250ZW50RGF0YSddIHx8IGFjdGlvblwiPjwvZHhhLXRlbXBsYXRlPlxuICAgIDxkaXYgKm5nSWY9XCIhYWN0aW9uLnRlbXBsYXRlTmFtZVwiIFtzdHlsZS5kaXNwbGF5XT1cImFjdGlvbi52aXNpYmxlID8gJycgOiAnbm9uZSdcIiBjbGFzcz1cImR4cmQtdG9vbGJhci1pdGVtXCIgW2NsYXNzXT1cImFjdGlvbi5hY3Rpb25DbGFzc1wiPlxuICAgICAgICA8ZGl2IHJvbGU9XCJidXR0b25cIiBjbGFzcz1cImR4LWFjY2Vzc2liaWxpdHktdG9vbGJhci1pdGVtIGR4LWFjY2Vzc2liaWxpdHktZm9jdXMtYm9yZGVyLWFjY2VudGVkXCJcbiAgICAgICAgICAgIFthdHRyLmFyaWEtbGFiZWxdPVwiYWN0aW9uLmJsb2NrLmF0dHJbJ2FyaWEtbGFiZWwnXVwiIFthdHRyLmFyaWEtZGlzYWJsZWRdPVwiYWN0aW9uLmJsb2NrLmF0dHJbJ2FyaWEtZGlzYWJsZWQnXVwiXG4gICAgICAgICAgICBbYXR0ci5hcmlhLXByZXNzZWRdPVwiYWN0aW9uLmJsb2NrLmF0dHJbJ2FyaWEtcHJlc3NlZCddXCI+XG4gICAgICAgICAgICA8ZGl2IFthdHRyLmNsYXNzXT1cImFjdGlvbi5pbWFnZS5jbGFzc1wiIFthdHRyLnRpdGxlXT1cImFjdGlvbi5kaXNwbGF5VGV4dFwiIChjbGljayk9XCJhY3Rpb24uY2xpY2soJGV2ZW50KVwiPlxuICAgICAgICAgICAgICAgIDxkeGEtdGVtcGxhdGUgW3RlbXBsYXRlXT1cImFjdGlvbi5pbWFnZS50ZW1wbGF0ZU5hbWVcIj48L2R4YS10ZW1wbGF0ZT5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImR4cmQtdG9vbGJhci1pdGVtLXNlcGFyYXRvciBkeGQtdG9vbGJhci1zZXBhcmF0b3ItY29sb3IgZHhkLWJvcmRlci1zZWNvbmRhcnlcIlxuICAgICAgICAgICAgICAgIFtoaWRkZW5dPVwiIWFjdGlvbi5oYXNTZXBhcmF0b3JcIj48L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
@@ -958,11 +958,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
958
958
  class ActionsComponent {
959
959
  data;
960
960
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
961
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ActionsComponent, selector: "dxa-actions", inputs: { data: "data" }, ngImport: i0, template: "<div *ngFor=\"let action of data\" style=\"display: inline-block; vertical-align: top;\">\n <dxa-template *ngIf=\"action.templateName\" [template]=\"action.templateName\"\n [data]=\"action['contentData'] || action\"></dxa-template>\n <div *ngIf=\"!action.templateName\" [style.display]=\"action.visible ? '' : 'none'\" class=\"dxrd-toolbar-item\" [class]=\"action.actionClass\">\n <div role=\"button\" class=\"dx-accessibility-toolbar-item dx-accessibility-focus-border-accented\"\n [attr.aria-label]=\"action.block.attr['aria-label']\" [attr.aria-disabled]=\"action.block.attr['aria-disabled']\"\n [attr.aria-pressed]=\"action.block.attr['aria-pressed']\">\n <div [attr.class]=\"action.image.class\" [attr.title]=\"action.displayText\" (click)=\"action.click($event)\">\n <dxa-template [template]=\"action.image.templateName\"></dxa-template>\n </div>\n <div class=\"dxrd-toolbar-item-separator dxd-toolbar-separator-color dxd-border-secondary\"\n [hidden]=\"!action.hasSeparator\"></div>\n </div>\n </div>\n</div>", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }] });
961
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ActionsComponent, selector: "dxa-actions", inputs: { data: "data" }, ngImport: i0, template: "<div *ngFor=\"let action of data\" [ngStyle]=\"{ display: 'inline-block', 'vertical-align': 'top' }\">\n <dxa-template *ngIf=\"action.templateName\" [template]=\"action.templateName\"\n [data]=\"action['contentData'] || action\"></dxa-template>\n <div *ngIf=\"!action.templateName\" [style.display]=\"action.visible ? '' : 'none'\" class=\"dxrd-toolbar-item\" [class]=\"action.actionClass\">\n <div role=\"button\" class=\"dx-accessibility-toolbar-item dx-accessibility-focus-border-accented\"\n [attr.aria-label]=\"action.block.attr['aria-label']\" [attr.aria-disabled]=\"action.block.attr['aria-disabled']\"\n [attr.aria-pressed]=\"action.block.attr['aria-pressed']\">\n <div [attr.class]=\"action.image.class\" [attr.title]=\"action.displayText\" (click)=\"action.click($event)\">\n <dxa-template [template]=\"action.image.templateName\"></dxa-template>\n </div>\n <div class=\"dxrd-toolbar-item-separator dxd-toolbar-separator-color dxd-border-secondary\"\n [hidden]=\"!action.hasSeparator\"></div>\n </div>\n </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }] });
962
962
  }
963
963
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ActionsComponent, decorators: [{
964
964
  type: Component,
965
- args: [{ selector: 'dxa-actions', template: "<div *ngFor=\"let action of data\" style=\"display: inline-block; vertical-align: top;\">\n <dxa-template *ngIf=\"action.templateName\" [template]=\"action.templateName\"\n [data]=\"action['contentData'] || action\"></dxa-template>\n <div *ngIf=\"!action.templateName\" [style.display]=\"action.visible ? '' : 'none'\" class=\"dxrd-toolbar-item\" [class]=\"action.actionClass\">\n <div role=\"button\" class=\"dx-accessibility-toolbar-item dx-accessibility-focus-border-accented\"\n [attr.aria-label]=\"action.block.attr['aria-label']\" [attr.aria-disabled]=\"action.block.attr['aria-disabled']\"\n [attr.aria-pressed]=\"action.block.attr['aria-pressed']\">\n <div [attr.class]=\"action.image.class\" [attr.title]=\"action.displayText\" (click)=\"action.click($event)\">\n <dxa-template [template]=\"action.image.templateName\"></dxa-template>\n </div>\n <div class=\"dxrd-toolbar-item-separator dxd-toolbar-separator-color dxd-border-secondary\"\n [hidden]=\"!action.hasSeparator\"></div>\n </div>\n </div>\n</div>" }]
965
+ args: [{ selector: 'dxa-actions', template: "<div *ngFor=\"let action of data\" [ngStyle]=\"{ display: 'inline-block', 'vertical-align': 'top' }\">\n <dxa-template *ngIf=\"action.templateName\" [template]=\"action.templateName\"\n [data]=\"action['contentData'] || action\"></dxa-template>\n <div *ngIf=\"!action.templateName\" [style.display]=\"action.visible ? '' : 'none'\" class=\"dxrd-toolbar-item\" [class]=\"action.actionClass\">\n <div role=\"button\" class=\"dx-accessibility-toolbar-item dx-accessibility-focus-border-accented\"\n [attr.aria-label]=\"action.block.attr['aria-label']\" [attr.aria-disabled]=\"action.block.attr['aria-disabled']\"\n [attr.aria-pressed]=\"action.block.attr['aria-pressed']\">\n <div [attr.class]=\"action.image.class\" [attr.title]=\"action.displayText\" (click)=\"action.click($event)\">\n <dxa-template [template]=\"action.image.templateName\"></dxa-template>\n </div>\n <div class=\"dxrd-toolbar-item-separator dxd-toolbar-separator-color dxd-border-secondary\"\n [hidden]=\"!action.hasSeparator\"></div>\n </div>\n </div>\n</div>\n" }]
966
966
  }], propDecorators: { data: [{
967
967
  type: Input,
968
968
  args: ['data']