@progress/kendo-angular-layout 17.0.0-develop.9 → 17.0.0

package/{esm2020 → esm2022}/timeline/timeline.component.mjs

@@ -27,63 +27,7 @@ const DEFAULT_DATE_FORMAT = 'MMMM dd, yyyy';
  * Represents the [Kendo UI Timeline component for Angular]({% slug overview_timeline %}).
  */
 export class TimelineComponent {
-    constructor(timelineService) {
-        this.timelineService = timelineService;
-        /**
-         * Specifies the orientation of the axis.
-         *
-         * @default 'vertical'
-         */
-        this.orientation = 'vertical';
-        /**
-         * Specifies whether to render events alternatingly on both sides of the axis.
-         * Applicable when `orientation` is set to `vertical`.
-         *
-         * @default false
-         */
-        this.alterMode = false;
-        /**
-         * Specifies whether the event cards can be collapsed.
-         *
-         * @default true
-         */
-        this.collapsibleEvents = true;
-        /**
-         * Specifies whether the user can use dedicated shortcuts to interact with the Timeline.
-         *
-         * @default true
-         */
-        this.navigable = true;
-        /**
-         * Specifies whether an event's date label will be visible.
-         *
-         * @default true
-         */
-        this.showDateLabels = true;
-        this.hostClass = true;
-        /**
-         * Fires when a card is toggled.
-         * This event is supported only in `vertical` mode.
-         */
-        this.onToggle = new EventEmitter();
-        /**
-         * Fires when a card's action is clicked.
-         */
-        this.onActionClick = new EventEmitter();
-        /**
-         * Fires when the left or right arrow is clicked.
-         * This event is supported only in `horizontal` mode.
-         */
-        this.onNavigate = new EventEmitter();
-        this._events = [];
-        this._modelFields = defaultModelFields;
-        this._eventWidth = DEFAULT_EVENT_WIDTH;
-        this._eventHeight = DEFAULT_EVENT_HEIGHT;
-        this._dateFormat = DEFAULT_DATE_FORMAT;
-        this.originalData = [];
-        this.subscriptions = new Subscription();
-        this.timelineService.timeline = this;
-    }
+    timelineService;
     /**
      * An array of event instances which will be shown by the Timeline.
      */
@@ -121,6 +65,44 @@ export class TimelineComponent {
     get modelFields() {
         return this._modelFields;
     }
+    /**
+     * Specifies the orientation of the axis.
+     *
+     * @default 'vertical'
+     */
+    orientation = 'vertical';
+    /**
+     * Specifies whether to render events alternatingly on both sides of the axis.
+     * Applicable when `orientation` is set to `vertical`.
+     *
+     * @default false
+     */
+    alterMode = false;
+    /**
+     * Specifies whether the event cards can be collapsed.
+     *
+     * @default true
+     */
+    collapsibleEvents = true;
+    /**
+     * Specifies whether the user can use dedicated shortcuts to interact with the Timeline.
+     *
+     * @default true
+     */
+    navigable = true;
+    /**
+     * Specifies whether an event's date label will be visible.
+     *
+     * @default true
+     */
+    showDateLabels = true;
+    /**
+     * Specifies the time for sliding to the next event in `horizontal` mode and the time for collapsing the event in `vertical` mode.
+     * The default animation duration values are `300ms` for `horizontal` mode and `400ms` for `vertical` mode.
+     *
+     * @default true
+     */
+    animation;
     /**
      * Sets a specific width for the event.
      * This setting is supported only in `vertical` mode.
@@ -183,6 +165,7 @@ export class TimelineComponent {
     get dateFormat() {
         return this._dateFormat;
     }
+    hostClass = true;
     get verticalClass() {
         return this.orientation === 'vertical';
     }
@@ -195,6 +178,63 @@ export class TimelineComponent {
     get collapsibleClass() {
         return this.collapsibleEvents === true && this.orientation === 'vertical';
     }
+    /**
+     * @hidden
+     */
+    timelineHorizontal;
+    /**
+     * @hidden
+     */
+    timelineVertical;
+    /**
+     * @hidden
+     */
+    cardHeaderTemplate;
+    /**
+     * @hidden
+     */
+    cardBodyTemplate;
+    /**
+     * @hidden
+     */
+    cardActionsTemplate;
+    /**
+     * Fires when a card is toggled.
+     * This event is supported only in `vertical` mode.
+     */
+    onToggle = new EventEmitter();
+    /**
+     * Fires when a card's action is clicked.
+     */
+    onActionClick = new EventEmitter();
+    /**
+     * Fires when the left or right arrow is clicked.
+     * This event is supported only in `horizontal` mode.
+     */
+    onNavigate = new EventEmitter();
+    /**
+     * @hidden
+     */
+    headerTemplate;
+    /**
+     * @hidden
+     */
+    bodyTemplate;
+    /**
+     * @hidden
+     */
+    actionsTemplate;
+    _events = [];
+    _modelFields = defaultModelFields;
+    _eventWidth = DEFAULT_EVENT_WIDTH;
+    _eventHeight = DEFAULT_EVENT_HEIGHT;
+    _dateFormat = DEFAULT_DATE_FORMAT;
+    originalData = [];
+    subscriptions = new Subscription();
+    constructor(timelineService) {
+        this.timelineService = timelineService;
+        this.timelineService.timeline = this;
+    }
     ngAfterContentInit() {
         this.initTemplates();
     }
@@ -250,16 +290,15 @@ export class TimelineComponent {
             this.actionsTemplate = this.cardActionsTemplate?.first || null;
         }));
     }
-}
-TimelineComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimelineComponent, deps: [{ token: i1.TimelineService }], target: i0.ɵɵFactoryTarget.Component });
-TimelineComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", 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: [
-        TimelineService,
-        LocalizationService,
-        {
-            provide: L10N_PREFIX,
-            useValue: 'kendo.timeline'
-        }
-    ], 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: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimelineComponent, deps: [{ token: i1.TimelineService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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: [
+            TimelineService,
+            LocalizationService,
+            {
+                provide: L10N_PREFIX,
+                useValue: 'kendo.timeline'
+            }
+        ], 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: `
         <ng-container kendoTimelineLocalizedMessages
             i18n-previous="kendo.timeline.previous|The title of the previous button in horizontal orientation."
             previous="previous"
@@ -300,7 +339,8 @@ TimelineComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", vers
         >
         </kendo-timeline-horizontal>
     `, 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"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimelineComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimelineComponent, decorators: [{
             type: Component,
             args: [{
                     providers: [

package/{esm2020 → esm2022}/timeline/timeline.service.mjs

@@ -8,6 +8,7 @@ import * as i0 from "@angular/core";
  * @hidden
  */
 export class TimelineService {
+    timeline;
     onToggle(event) {
         if (this.timeline) {
             this.timeline['onToggle']?.emit(event);
@@ -23,9 +24,9 @@ export class TimelineService {
             this.timeline['onNavigate']?.emit(event);
         }
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimelineService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimelineService });
 }
-TimelineService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimelineService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-TimelineService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimelineService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimelineService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimelineService, decorators: [{
             type: Injectable
         }] });

package/{esm2020 → esm2022}/timeline.module.mjs

@@ -19,11 +19,11 @@ import * as i5 from "./timeline/templates/timeline-card-header.directive";
  * - `TimelineComponent`—The `TimelineComponent` component class.
  */
 export class TimelineModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimelineModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: TimelineModule, imports: [i1.TimelineComponent, i2.TimelineCustomMessagesComponent, i3.TimelineCardActionsTemplateDirective, i4.TimelineCardBodyTemplateDirective, i5.TimelineCardHeaderTemplateDirective], exports: [i1.TimelineComponent, i2.TimelineCustomMessagesComponent, i3.TimelineCardActionsTemplateDirective, i4.TimelineCardBodyTemplateDirective, i5.TimelineCardHeaderTemplateDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimelineModule, imports: [i1.TimelineComponent] });
 }
-TimelineModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimelineModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-TimelineModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: TimelineModule, imports: [i1.TimelineComponent, i2.TimelineCustomMessagesComponent, i3.TimelineCardActionsTemplateDirective, i4.TimelineCardBodyTemplateDirective, i5.TimelineCardHeaderTemplateDirective], exports: [i1.TimelineComponent, i2.TimelineCustomMessagesComponent, i3.TimelineCardActionsTemplateDirective, i4.TimelineCardBodyTemplateDirective, i5.TimelineCardHeaderTemplateDirective] });
-TimelineModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimelineModule, imports: [i1.TimelineComponent, i2.TimelineCustomMessagesComponent] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TimelineModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimelineModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [...KENDO_TIMELINE],

package/expansionpanel/events/action-event.d.ts

@@ -6,7 +6,7 @@ import { PreventableEvent } from "@progress/kendo-angular-common";
 /**
  * The type of the action that will take place upon interaction with the ExpansionPanel.
  */
-export declare type ExpansionPanelAction = 'expand' | 'collapse';
+export type ExpansionPanelAction = 'expand' | 'collapse';
 /**
  * Arguments for the `action` event of the ExpansionPanel.
  */

package/expansionpanel/expansionpanel.component.d.ts

@@ -176,5 +176,5 @@ export declare class ExpansionPanelComponent implements OnInit, AfterViewInit, O
     private addContentHiddenClass;
     private removeContentHiddenClass;
     static ɵfac: i0.ɵɵFactoryDeclaration<ExpansionPanelComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ExpansionPanelComponent, "kendo-expansionpanel", ["kendoExpansionPanel"], { "title": "title"; "subtitle": "subtitle"; "disabled": "disabled"; "expanded": "expanded"; "svgExpandIcon": "svgExpandIcon"; "svgCollapseIcon": "svgCollapseIcon"; "expandIcon": "expandIcon"; "collapseIcon": "collapseIcon"; "animation": "animation"; }, { "expandedChange": "expandedChange"; "action": "action"; "expand": "expand"; "collapse": "collapse"; }, ["titleTemplate"], ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ExpansionPanelComponent, "kendo-expansionpanel", ["kendoExpansionPanel"], { "title": { "alias": "title"; "required": false; }; "subtitle": { "alias": "subtitle"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; "svgExpandIcon": { "alias": "svgExpandIcon"; "required": false; }; "svgCollapseIcon": { "alias": "svgCollapseIcon"; "required": false; }; "expandIcon": { "alias": "expandIcon"; "required": false; }; "collapseIcon": { "alias": "collapseIcon"; "required": false; }; "animation": { "alias": "animation"; "required": false; }; }, { "expandedChange": "expandedChange"; "action": "action"; "expand": "expand"; "collapse": "collapse"; }, ["titleTemplate"], ["*"], true, never>;
 }