@progress/kendo-angular-layout 21.1.1-develop.2 → 21.2.0-develop.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 (27) hide show
  1. package/esm2022/avatar/avatar.component.mjs +63 -59
  2. package/esm2022/card/card-actions.component.mjs +51 -41
  3. package/esm2022/drawer/drawer-container.component.mjs +10 -8
  4. package/esm2022/drawer/drawer.component.mjs +69 -55
  5. package/esm2022/drawer/item.component.mjs +79 -69
  6. package/esm2022/drawer/list.component.mjs +28 -25
  7. package/esm2022/expansionpanel/expansionpanel.component.mjs +75 -65
  8. package/esm2022/package-metadata.mjs +2 -2
  9. package/esm2022/panelbar/panelbar-item.component.mjs +169 -135
  10. package/esm2022/panelbar/panelbar.component.mjs +56 -45
  11. package/esm2022/splitter/splitter-bar.component.mjs +32 -25
  12. package/esm2022/splitter/splitter-pane.component.mjs +16 -10
  13. package/esm2022/splitter/splitter.component.mjs +29 -31
  14. package/esm2022/stepper/list.component.mjs +33 -33
  15. package/esm2022/stepper/step.component.mjs +141 -111
  16. package/esm2022/stepper/stepper.component.mjs +59 -55
  17. package/esm2022/tabstrip/rendering/tab.component.mjs +49 -39
  18. package/esm2022/tabstrip/tabstrip.component.mjs +251 -233
  19. package/esm2022/tabstrip/util.mjs +1 -1
  20. package/esm2022/tilelayout/tilelayout-item.component.mjs +28 -23
  21. package/esm2022/tilelayout/tilelayout.component.mjs +24 -21
  22. package/esm2022/timeline/timeline-card.component.mjs +185 -151
  23. package/esm2022/timeline/timeline-horizontal.component.mjs +197 -183
  24. package/esm2022/timeline/timeline-vertical.component.mjs +79 -67
  25. package/esm2022/timeline/timeline.component.mjs +36 -33
  26. package/fesm2022/progress-kendo-angular-layout.mjs +1747 -1498
  27. package/package.json +9 -9
package/esm2022/timeline/timeline.component.mjs CHANGED
@@ -14,7 +14,6 @@ import { TimelineCardHeaderTemplateDirective } from './templates/timeline-card-h
14
14
  import { Subscription } from 'rxjs';
15
15
  import { TimelineCardActionsTemplateDirective } from './templates/timeline-card-actions.directive';
16
16
  import { isPresent } from '@progress/kendo-angular-common';
17
- import { NgIf } from '@angular/common';
18
17
  import { LocalizedTimelineMessagesDirective } from './localization/localized-messages.directive';
19
18
  import * as i0 from "@angular/core";
20
19
  import * as i1 from "./timeline.service";
@@ -294,7 +293,7 @@ export class TimelineComponent {
294
293
  }));
295
294
  }
296
295
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TimelineComponent, deps: [{ token: i1.TimelineService }], target: i0.ɵɵFactoryTarget.Component });
297
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: TimelineComponent, isStandalone: true, selector: "kendo-timeline", inputs: { events: "events", modelFields: "modelFields", orientation: "orientation", alterMode: "alterMode", collapsibleEvents: "collapsibleEvents", navigable: "navigable", showDateLabels: "showDateLabels", animation: "animation", eventWidth: "eventWidth", eventHeight: "eventHeight", dateFormat: "dateFormat" }, outputs: { onToggle: "onToggle", onActionClick: "onActionClick", onNavigate: "onNavigate" }, host: { properties: { "class.k-timeline": "this.hostClass", "class.k-timeline-vertical": "this.verticalClass", "class.k-timeline-horizontal": "this.horizontalClass", "class.k-timeline-alternating": "this.alternatingClass", "class.k-timeline-collapsible": "this.collapsibleClass" } }, providers: [
296
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: TimelineComponent, isStandalone: true, selector: "kendo-timeline", inputs: { events: "events", modelFields: "modelFields", orientation: "orientation", alterMode: "alterMode", collapsibleEvents: "collapsibleEvents", navigable: "navigable", showDateLabels: "showDateLabels", animation: "animation", eventWidth: "eventWidth", eventHeight: "eventHeight", dateFormat: "dateFormat" }, outputs: { onToggle: "onToggle", onActionClick: "onActionClick", onNavigate: "onNavigate" }, host: { properties: { "class.k-timeline": "this.hostClass", "class.k-timeline-vertical": "this.verticalClass", "class.k-timeline-horizontal": "this.horizontalClass", "class.k-timeline-alternating": "this.alternatingClass", "class.k-timeline-collapsible": "this.collapsibleClass" } }, providers: [
298
297
  TimelineService,
299
298
  LocalizationService,
300
299
  {
@@ -303,17 +302,17 @@ export class TimelineComponent {
303
302
  }
304
303
  ], queries: [{ propertyName: "cardHeaderTemplate", predicate: TimelineCardHeaderTemplateDirective }, { propertyName: "cardBodyTemplate", predicate: TimelineCardBodyTemplateDirective }, { propertyName: "cardActionsTemplate", predicate: TimelineCardActionsTemplateDirective }], viewQueries: [{ propertyName: "timelineHorizontal", first: true, predicate: TimelineHorizontalComponent, descendants: true }, { propertyName: "timelineVertical", first: true, predicate: TimelineVerticalComponent, descendants: true }], exportAs: ["kendoTimeline"], ngImport: i0, template: `
305
304
  <ng-container kendoTimelineLocalizedMessages
306
- i18n-previous="kendo.timeline.previous|The title of the previous button in horizontal orientation."
307
- previous="previous"
308
- >
305
+ i18n-previous="kendo.timeline.previous|The title of the previous button in horizontal orientation."
306
+ previous="previous"
307
+ >
309
308
  </ng-container>
310
309
  <ng-container kendoTimelineLocalizedMessages
311
- i18n-next="kendo.timeline.next|The title of the next button in horizontal orientation."
312
- next="next"
313
- >
310
+ i18n-next="kendo.timeline.next|The title of the next button in horizontal orientation."
311
+ next="next"
312
+ >
314
313
  </ng-container>
315
- <kendo-timeline-vertical
316
- *ngIf="orientation === 'vertical'"
314
+ @if (orientation === 'vertical') {
315
+ <kendo-timeline-vertical
317
316
  [events]="events"
318
317
  [alterMode]="alterMode"
319
318
  [collapsibleEvents]="collapsibleEvents"
@@ -325,10 +324,11 @@ export class TimelineComponent {
325
324
  [headerTemplate]="headerTemplate"
326
325
  [bodyTemplate]="bodyTemplate"
327
326
  [actionsTemplate]="actionsTemplate"
328
- >
329
- </kendo-timeline-vertical>
330
- <kendo-timeline-horizontal
331
- *ngIf="orientation === 'horizontal'"
327
+ >
328
+ </kendo-timeline-vertical>
329
+ }
330
+ @if (orientation === 'horizontal') {
331
+ <kendo-timeline-horizontal
332
332
  [events]="events"
333
333
  [collapsibleEvents]="false"
334
334
  [navigable]="navigable"
@@ -339,9 +339,10 @@ export class TimelineComponent {
339
339
  [headerTemplate]="headerTemplate"
340
340
  [bodyTemplate]="bodyTemplate"
341
341
  [actionsTemplate]="actionsTemplate"
342
- >
343
- </kendo-timeline-horizontal>
344
- `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedTimelineMessagesDirective, selector: "[kendoTimelineLocalizedMessages]" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TimelineVerticalComponent, selector: "kendo-timeline-vertical", inputs: ["events", "alterMode", "collapsibleEvents", "navigable", "showDateLabels", "animationDuration", "eventWidth", "dateFormat", "headerTemplate", "bodyTemplate", "actionsTemplate"], exportAs: ["kendoTimelineVertical"] }, { kind: "component", type: TimelineHorizontalComponent, selector: "kendo-timeline-horizontal", inputs: ["events", "alterMode", "collapsibleEvents", "navigable", "showDateLabels", "animationDuration", "eventHeight", "dateFormat", "headerTemplate", "bodyTemplate", "actionsTemplate"], exportAs: ["kendoTimelineHorizontal"] }] });
342
+ >
343
+ </kendo-timeline-horizontal>
344
+ }
345
+ `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedTimelineMessagesDirective, selector: "[kendoTimelineLocalizedMessages]" }, { kind: "component", type: TimelineVerticalComponent, selector: "kendo-timeline-vertical", inputs: ["events", "alterMode", "collapsibleEvents", "navigable", "showDateLabels", "animationDuration", "eventWidth", "dateFormat", "headerTemplate", "bodyTemplate", "actionsTemplate"], exportAs: ["kendoTimelineVertical"] }, { kind: "component", type: TimelineHorizontalComponent, selector: "kendo-timeline-horizontal", inputs: ["events", "alterMode", "collapsibleEvents", "navigable", "showDateLabels", "animationDuration", "eventHeight", "dateFormat", "headerTemplate", "bodyTemplate", "actionsTemplate"], exportAs: ["kendoTimelineHorizontal"] }] });
345
346
  }
346
347
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TimelineComponent, decorators: [{
347
348
  type: Component,
@@ -358,17 +359,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
358
359
  selector: 'kendo-timeline',
359
360
  template: `
360
361
  <ng-container kendoTimelineLocalizedMessages
361
- i18n-previous="kendo.timeline.previous|The title of the previous button in horizontal orientation."
362
- previous="previous"
363
- >
362
+ i18n-previous="kendo.timeline.previous|The title of the previous button in horizontal orientation."
363
+ previous="previous"
364
+ >
364
365
  </ng-container>
365
366
  <ng-container kendoTimelineLocalizedMessages
366
- i18n-next="kendo.timeline.next|The title of the next button in horizontal orientation."
367
- next="next"
368
- >
367
+ i18n-next="kendo.timeline.next|The title of the next button in horizontal orientation."
368
+ next="next"
369
+ >
369
370
  </ng-container>
370
- <kendo-timeline-vertical
371
- *ngIf="orientation === 'vertical'"
371
+ @if (orientation === 'vertical') {
372
+ <kendo-timeline-vertical
372
373
  [events]="events"
373
374
  [alterMode]="alterMode"
374
375
  [collapsibleEvents]="collapsibleEvents"
@@ -380,10 +381,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
380
381
  [headerTemplate]="headerTemplate"
381
382
  [bodyTemplate]="bodyTemplate"
382
383
  [actionsTemplate]="actionsTemplate"
383
- >
384
- </kendo-timeline-vertical>
385
- <kendo-timeline-horizontal
386
- *ngIf="orientation === 'horizontal'"
384
+ >
385
+ </kendo-timeline-vertical>
386
+ }
387
+ @if (orientation === 'horizontal') {
388
+ <kendo-timeline-horizontal
387
389
  [events]="events"
388
390
  [collapsibleEvents]="false"
389
391
  [navigable]="navigable"
@@ -394,11 +396,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
394
396
  [headerTemplate]="headerTemplate"
395
397
  [bodyTemplate]="bodyTemplate"
396
398
  [actionsTemplate]="actionsTemplate"
397
- >
398
- </kendo-timeline-horizontal>
399
- `,
399
+ >
400
+ </kendo-timeline-horizontal>
401
+ }
402
+ `,
400
403
  standalone: true,
401
- imports: [LocalizedTimelineMessagesDirective, NgIf, TimelineVerticalComponent, TimelineHorizontalComponent]
404
+ imports: [LocalizedTimelineMessagesDirective, TimelineVerticalComponent, TimelineHorizontalComponent]
402
405
  }]
403
406
  }], ctorParameters: () => [{ type: i1.TimelineService }], propDecorators: { events: [{
404
407
  type: Input