@progress/kendo-angular-gantt 1.0.1 → 2.0.0-dev.202204150748

package/dist/npm/timeline/timeline-base-view.service.js

@@ -1,168 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var kendo_data_query_1 = require("@progress/kendo-data-query");
-var utils_1 = require("../utils");
-var kendo_date_math_1 = require("@progress/kendo-date-math");
-/**
- * @hidden
- */
-exports.DAY_FORMAT = 'E d/MM';
-/**
- * @hidden
- */
-exports.HOUR_FORMAT = 'HH:mm aa';
-/**
- * @hidden
- */
-exports.MONTH_FORMAT = 'MMM';
-/**
- * @hidden
- */
-var TimelineBaseViewService = /** @class */ (function () {
-    function TimelineBaseViewService(intlService, mapper) {
-        this.intlService = intlService;
-        this.mapper = mapper;
-        this._viewStart = 0;
-    }
-    Object.defineProperty(TimelineBaseViewService.prototype, "viewStart", {
-        get: function () {
-            return this._viewStart;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    /**
-     *
-     * @param tasks - The tasks which are going to be rendered in the table
-     * @returns {Object} - An object containing the range start and end dates
-     */
-    TimelineBaseViewService.prototype.getRange = function (tasks) {
-        if (!tasks || !tasks.length) {
-            return { start: new Date(), end: new Date() };
-        }
-        var startResult = kendo_data_query_1.orderBy(tasks, [{ field: this.mapper.taskFields.start, dir: 'asc' }]);
-        var endResult = kendo_data_query_1.orderBy(tasks, [{ field: this.mapper.taskFields.end, dir: 'desc' }]);
-        var firstDay = this.intlService.firstDay();
-        var rangeStart = this.mapper.extractFromTask(startResult[0], 'start') || new Date();
-        var rangeEnd = this.mapper.extractFromTask(endResult[0], 'end') || new Date();
-        if (firstDay === rangeEnd.getDay()) {
-            rangeEnd.setDate(rangeEnd.getDate() + 7);
-        }
-        var start = this.getStartOffset(rangeStart);
-        var end = this.getEndOffset(rangeEnd);
-        this._viewStart = Number(start);
-        return {
-            start: new Date(start),
-            end: new Date(end)
-        };
-    };
-    /**
-     *
-     * @param start - The tasks' range start date
-     * @param end - The tasks' range end date
-     * @returns {Array<Object>} - A collection containing the hour slots
-     */
-    TimelineBaseViewService.prototype.getHours = function (start, end) {
-        var slots = [];
-        var workDayStart = this.intlService.parseDate(this.options.workDayStart).getHours();
-        var workDayEnd = this.intlService.parseDate(this.options.workDayEnd).getHours();
-        // TODO: retrieve from option?
-        var hourSpan = 1;
-        var startDate = new Date(start);
-        var endDate = new Date(end);
-        while (startDate < endDate) {
-            var slotEnd = new Date(startDate);
-            var isWorkSlot = utils_1.isWorkHour(slotEnd, workDayStart, workDayEnd);
-            slotEnd.setHours(slotEnd.getHours() + hourSpan);
-            slots.push({
-                start: startDate,
-                end: slotEnd,
-                isWorking: isWorkSlot,
-                text: this.intlService.formatDate(startDate, exports.HOUR_FORMAT),
-                span: 1
-            });
-            startDate = slotEnd;
-        }
-        return slots;
-    };
-    /**
-     *
-     * @param start - The tasks' range start date
-     * @param end - The tasks' range end date
-     * @returns {Array<Object>} - A collection containing the day slots
-     */
-    TimelineBaseViewService.prototype.getDays = function (start, end) {
-        var slots = [];
-        var startDay = new Date(start);
-        var endDay = new Date(end);
-        while (startDay <= endDay) {
-            // Get the days with cleared time values (except for start and end day)
-            var nextDay = kendo_date_math_1.getDate(kendo_date_math_1.addDays(startDay, 1));
-            var isWorking = utils_1.isWorkDay(startDay, this.options.workWeekStart, this.options.workWeekEnd);
-            // Need to get the end date with correct hours (important for day view)
-            var slotEnd = endDay < nextDay ? endDay : nextDay;
-            slots.push({
-                start: startDay,
-                end: slotEnd,
-                isWorking: isWorking,
-                text: this.intlService.formatDate(startDay, exports.DAY_FORMAT),
-                span: 1
-            });
-            startDay = nextDay;
-        }
-        return slots;
-    };
-    TimelineBaseViewService.prototype.getWeeks = function (start, end) {
-        var weekStart = this.intlService.firstDay();
-        var slots = [];
-        var startDay = new Date(start);
-        var endDay = new Date(end);
-        while (startDay <= endDay) {
-            var lastWeekDay = utils_1.lastDayOfWeek(startDay, weekStart);
-            var slotEnd = lastWeekDay > endDay ? endDay : lastWeekDay;
-            var daySlots = this.getDays(startDay, slotEnd);
-            var span = daySlots.length;
-            var firstDay = this.intlService.formatDate(kendo_date_math_1.firstDayInWeek(kendo_date_math_1.getDate(startDay), weekStart), exports.DAY_FORMAT);
-            var lastDay = this.intlService.formatDate(kendo_date_math_1.addDays(slotEnd, -1), exports.DAY_FORMAT);
-            if (span > 0) {
-                slots.push({
-                    start: daySlots[0].start,
-                    end: daySlots[span - 1].end,
-                    text: firstDay + " - " + lastDay,
-                    span: span
-                });
-            }
-            startDay = kendo_date_math_1.firstDayInWeek(kendo_date_math_1.addWeeks(slotEnd, 1));
-        }
-        return slots;
-    };
-    TimelineBaseViewService.prototype.getMonths = function (start, end) {
-        var slots = [];
-        var startDay = new Date(start);
-        var endDay = new Date(end);
-        while (startDay < endDay) {
-            var endMonth = kendo_date_math_1.lastDayOfMonth(startDay);
-            var slotEnd = endDay < endMonth ? endDay : endMonth;
-            var daySlots = this.getDays(startDay, slotEnd);
-            var span = daySlots.length;
-            var monthStart = kendo_date_math_1.firstDayOfMonth(kendo_date_math_1.getDate(startDay));
-            var shortText = this.intlService.formatDate(monthStart, exports.MONTH_FORMAT);
-            if (span > 0) {
-                slots.push({
-                    start: daySlots[0].start,
-                    end: daySlots[span - 1].end,
-                    span: span,
-                    text: shortText
-                });
-            }
-            startDay = kendo_date_math_1.firstDayOfMonth(kendo_date_math_1.addMonths(slotEnd, 1));
-        }
-        return slots;
-    };
-    return TimelineBaseViewService;
-}());
-exports.TimelineBaseViewService = TimelineBaseViewService;

package/dist/npm/timeline/timeline-day-view.component.js

@@ -1,39 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var core_1 = require("@angular/core");
-var dependency_dom_service_1 = require("../dependencies/dependency-dom.service");
-var view_base_1 = require("./view-base");
-var option_changes_service_1 = require("../common/option-changes.service");
-var TimelineDayViewComponent = /** @class */ (function (_super) {
-    tslib_1.__extends(TimelineDayViewComponent, _super);
-    function TimelineDayViewComponent(optionChangesService, dependencyDomService) {
-        var _this = _super.call(this, optionChangesService, dependencyDomService) || this;
-        /**
-         * The type for this view (`day`).
-         */
-        _this.type = 'day';
-        return _this;
-    }
-    TimelineDayViewComponent_1 = TimelineDayViewComponent;
-    var TimelineDayViewComponent_1;
-    TimelineDayViewComponent = TimelineDayViewComponent_1 = tslib_1.__decorate([
-        core_1.Component({
-            selector: 'kendo-gantt-timeline-day-view',
-            template: '',
-            providers: [
-                {
-                    provide: view_base_1.ViewBase,
-                    useExisting: core_1.forwardRef(function () { return TimelineDayViewComponent_1; })
-                }
-            ]
-        }),
-        tslib_1.__metadata("design:paramtypes", [option_changes_service_1.OptionChangesService, dependency_dom_service_1.DependencyDomService])
-    ], TimelineDayViewComponent);
-    return TimelineDayViewComponent;
-}(view_base_1.ViewBase));
-exports.TimelineDayViewComponent = TimelineDayViewComponent;

package/dist/npm/timeline/timeline-day-view.service.js

@@ -1,70 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var core_1 = require("@angular/core");
-var kendo_angular_intl_1 = require("@progress/kendo-angular-intl");
-var timeline_base_view_service_1 = require("./timeline-base-view.service");
-var mapping_service_1 = require("../common/mapping.service");
-var utils_1 = require("../utils");
-/**
- * @hidden
- */
-var TimelineDayViewService = /** @class */ (function (_super) {
-    tslib_1.__extends(TimelineDayViewService, _super);
-    function TimelineDayViewService(intlService, mapper) {
-        return _super.call(this, intlService, mapper) || this;
-    }
-    /**
-     * Gets a date an hour before the first task start with minutes, seconds, milliseconds cleared.
-     */
-    TimelineDayViewService.prototype.getStartOffset = function (rangeStart) {
-        return utils_1.setTime(rangeStart, rangeStart.getHours() - 1);
-    };
-    /**
-     * Gets a date an hour after the last task end with minutes, seconds, milliseconds cleared.
-     */
-    TimelineDayViewService.prototype.getEndOffset = function (rangeEnd) {
-        return utils_1.setTime(rangeEnd, rangeEnd.getHours() + 1);
-    };
-    /**
-     *
-     * @param tasks - The tasks which are going to be rendered in the table
-     * @returns {number}
-     */
-    TimelineDayViewService.prototype.getTableWidth = function (tasks) {
-        var timeSlots = this.getSlots(tasks)[1];
-        var slotWidth = this.options.slotWidth;
-        return Math.round(timeSlots.length * slotWidth);
-    };
-    /**
-     *
-     * @param tasks - The tasks which are going to be rendered in the table
-     * @returns {Array<Object>} - A collection containing the day and hours slots
-     * Used to render the number of columns and the header
-     */
-    TimelineDayViewService.prototype.getSlots = function (tasks) {
-        // will return the header rows slots
-        var slots = [];
-        var _a = this.getRange(tasks), start = _a.start, end = _a.end;
-        var daySlots = this.getDays(start, end);
-        var hourSlots = [];
-        for (var i = 0; i < daySlots.length; i++) {
-            var daySlot = daySlots[i];
-            var hours = this.getHours(daySlot.start, daySlot.end);
-            daySlot.span = hours.length;
-            hourSlots.push.apply(hourSlots, hours);
-        }
-        slots.push(daySlots, hourSlots);
-        return slots;
-    };
-    TimelineDayViewService = tslib_1.__decorate([
-        core_1.Injectable(),
-        tslib_1.__metadata("design:paramtypes", [kendo_angular_intl_1.IntlService, mapping_service_1.MappingService])
-    ], TimelineDayViewService);
-    return TimelineDayViewService;
-}(timeline_base_view_service_1.TimelineBaseViewService));
-exports.TimelineDayViewService = TimelineDayViewService;

package/dist/npm/timeline/timeline-month-view.component.js

@@ -1,39 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var core_1 = require("@angular/core");
-var dependency_dom_service_1 = require("../dependencies/dependency-dom.service");
-var view_base_1 = require("./view-base");
-var option_changes_service_1 = require("../common/option-changes.service");
-var TimelineMonthViewComponent = /** @class */ (function (_super) {
-    tslib_1.__extends(TimelineMonthViewComponent, _super);
-    function TimelineMonthViewComponent(optionChangesService, dependencyDomService) {
-        var _this = _super.call(this, optionChangesService, dependencyDomService) || this;
-        /**
-         * The type for this view (`month`).
-         */
-        _this.type = 'month';
-        return _this;
-    }
-    TimelineMonthViewComponent_1 = TimelineMonthViewComponent;
-    var TimelineMonthViewComponent_1;
-    TimelineMonthViewComponent = TimelineMonthViewComponent_1 = tslib_1.__decorate([
-        core_1.Component({
-            selector: 'kendo-gantt-timeline-month-view',
-            template: '',
-            providers: [
-                {
-                    provide: view_base_1.ViewBase,
-                    useExisting: core_1.forwardRef(function () { return TimelineMonthViewComponent_1; })
-                }
-            ]
-        }),
-        tslib_1.__metadata("design:paramtypes", [option_changes_service_1.OptionChangesService, dependency_dom_service_1.DependencyDomService])
-    ], TimelineMonthViewComponent);
-    return TimelineMonthViewComponent;
-}(view_base_1.ViewBase));
-exports.TimelineMonthViewComponent = TimelineMonthViewComponent;

package/dist/npm/timeline/timeline-month-view.service.js

@@ -1,68 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var core_1 = require("@angular/core");
-var kendo_angular_intl_1 = require("@progress/kendo-angular-intl");
-var kendo_date_math_1 = require("@progress/kendo-date-math");
-var mapping_service_1 = require("../common/mapping.service");
-var timeline_base_view_service_1 = require("./timeline-base-view.service");
-/**
- * @hidden
- */
-var TimelineMonthViewService = /** @class */ (function (_super) {
-    tslib_1.__extends(TimelineMonthViewService, _super);
-    function TimelineMonthViewService(intlService, mapper) {
-        return _super.call(this, intlService, mapper) || this;
-    }
-    /**
-     * Gets a week before the first week in which a task starts.
-     */
-    TimelineMonthViewService.prototype.getStartOffset = function (rangeStart) {
-        var weekStart = this.intlService.firstDay();
-        var firstDay = kendo_date_math_1.firstDayInWeek(kendo_date_math_1.getDate(rangeStart), weekStart);
-        return kendo_date_math_1.addWeeks(kendo_date_math_1.getDate(firstDay), -1);
-    };
-    /**
-     * Gets a week after the last week in which a task ends.
-     */
-    TimelineMonthViewService.prototype.getEndOffset = function (rangeEnd) {
-        var weekStart = this.intlService.firstDay();
-        var lastDay = kendo_date_math_1.addDays(kendo_date_math_1.firstDayInWeek(kendo_date_math_1.getDate(rangeEnd), weekStart), 6);
-        return kendo_date_math_1.addWeeks(kendo_date_math_1.getDate(lastDay), 1);
-    };
-    /**
-     *
-     * @param tasks - The tasks which are going to be rendered in the table
-     * @returns {number}
-     */
-    TimelineMonthViewService.prototype.getTableWidth = function (tasks) {
-        var timeSlots = this.getSlots(tasks)[1];
-        var slotWidth = this.options.slotWidth;
-        return Math.round(timeSlots.length * slotWidth);
-    };
-    /**
-     *
-     * @param tasks - The tasks which are going to be rendered in the table
-     * @returns {Array<Object>} - A collection containing the months and weeks slots
-     * Used to render the number of columns and the header
-     */
-    TimelineMonthViewService.prototype.getSlots = function (tasks) {
-        // will return the header rows slots
-        var slots = [];
-        var _a = this.getRange(tasks), start = _a.start, end = _a.end;
-        var months = this.getMonths(start, end);
-        var weeks = this.getWeeks(start, end);
-        slots.push(months, weeks);
-        return slots;
-    };
-    TimelineMonthViewService = tslib_1.__decorate([
-        core_1.Injectable(),
-        tslib_1.__metadata("design:paramtypes", [kendo_angular_intl_1.IntlService, mapping_service_1.MappingService])
-    ], TimelineMonthViewService);
-    return TimelineMonthViewService;
-}(timeline_base_view_service_1.TimelineBaseViewService));
-exports.TimelineMonthViewService = TimelineMonthViewService;

package/dist/npm/timeline/timeline-view.service.js

@@ -1,38 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var core_1 = require("@angular/core");
-var timeline_day_view_service_1 = require("./timeline-day-view.service");
-var timeline_month_view_service_1 = require("./timeline-month-view.service");
-var timeline_week_view_service_1 = require("./timeline-week-view.service");
-/**
- * @hidden
- */
-var services = {
-    day: timeline_day_view_service_1.TimelineDayViewService,
-    week: timeline_week_view_service_1.TimelineWeekViewService,
-    month: timeline_month_view_service_1.TimelineMonthViewService
-};
-/**
- * @hidden
- */
-var TimelineViewService = /** @class */ (function () {
-    function TimelineViewService(injector) {
-        this.injector = injector;
-        this.viewChange = new core_1.EventEmitter();
-    }
-    TimelineViewService.prototype.service = function (view) {
-        var serviceType = services[view];
-        return serviceType ? this.injector.get(serviceType) : null;
-    };
-    TimelineViewService = tslib_1.__decorate([
-        core_1.Injectable(),
-        tslib_1.__metadata("design:paramtypes", [core_1.Injector])
-    ], TimelineViewService);
-    return TimelineViewService;
-}());
-exports.TimelineViewService = TimelineViewService;

package/dist/npm/timeline/timeline-week-view.component.js

@@ -1,39 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var core_1 = require("@angular/core");
-var dependency_dom_service_1 = require("../dependencies/dependency-dom.service");
-var view_base_1 = require("./view-base");
-var option_changes_service_1 = require("../common/option-changes.service");
-var TimelineWeekViewComponent = /** @class */ (function (_super) {
-    tslib_1.__extends(TimelineWeekViewComponent, _super);
-    function TimelineWeekViewComponent(optionChangesService, dependencyDomService) {
-        var _this = _super.call(this, optionChangesService, dependencyDomService) || this;
-        /**
-         * The type for this view (`week`).
-         */
-        _this.type = 'week';
-        return _this;
-    }
-    TimelineWeekViewComponent_1 = TimelineWeekViewComponent;
-    var TimelineWeekViewComponent_1;
-    TimelineWeekViewComponent = TimelineWeekViewComponent_1 = tslib_1.__decorate([
-        core_1.Component({
-            selector: 'kendo-gantt-timeline-week-view',
-            template: '',
-            providers: [
-                {
-                    provide: view_base_1.ViewBase,
-                    useExisting: core_1.forwardRef(function () { return TimelineWeekViewComponent_1; })
-                }
-            ]
-        }),
-        tslib_1.__metadata("design:paramtypes", [option_changes_service_1.OptionChangesService, dependency_dom_service_1.DependencyDomService])
-    ], TimelineWeekViewComponent);
-    return TimelineWeekViewComponent;
-}(view_base_1.ViewBase));
-exports.TimelineWeekViewComponent = TimelineWeekViewComponent;

package/dist/npm/timeline/timeline-week-view.service.js

@@ -1,64 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var core_1 = require("@angular/core");
-var kendo_angular_intl_1 = require("@progress/kendo-angular-intl");
-var kendo_date_math_1 = require("@progress/kendo-date-math");
-var mapping_service_1 = require("../common/mapping.service");
-var timeline_base_view_service_1 = require("./timeline-base-view.service");
-/**
- * @hidden
- */
-var TimelineWeekViewService = /** @class */ (function (_super) {
-    tslib_1.__extends(TimelineWeekViewService, _super);
-    function TimelineWeekViewService(intlService, mapper) {
-        return _super.call(this, intlService, mapper) || this;
-    }
-    /**
-     * Gets a date a day before the first task start with hours, minutes, seconds, milliseconds cleared.
-     */
-    TimelineWeekViewService.prototype.getStartOffset = function (rangeStart) {
-        return kendo_date_math_1.addDays(kendo_date_math_1.getDate(rangeStart), -1);
-    };
-    /**
-     * Gets a date a day after the last task start with hours, minutes, seconds, milliseconds cleared.
-     */
-    TimelineWeekViewService.prototype.getEndOffset = function (rangeEnd) {
-        return kendo_date_math_1.addDays(kendo_date_math_1.getDate(rangeEnd), 1);
-    };
-    /**
-     *
-     * @param tasks - The tasks which are going to be rendered in the table
-     * @returns {number}
-     */
-    TimelineWeekViewService.prototype.getTableWidth = function (tasks) {
-        var timeSlots = this.getSlots(tasks)[1];
-        var slotWidth = this.options.slotWidth;
-        return Math.round(timeSlots.length * slotWidth);
-    };
-    /**
-     *
-     * @param tasks - The tasks which are going to be rendered in the table
-     * @returns {Array<Object>} - A collection containing the day and hours slots
-     * Used to render the number of columns and the header
-     */
-    TimelineWeekViewService.prototype.getSlots = function (tasks) {
-        // will return the header rows slots
-        var slots = [];
-        var _a = this.getRange(tasks), start = _a.start, end = _a.end;
-        var weeks = this.getWeeks(start, end);
-        var days = this.getDays(start, end);
-        slots.push(weeks, days);
-        return slots;
-    };
-    TimelineWeekViewService = tslib_1.__decorate([
-        core_1.Injectable(),
-        tslib_1.__metadata("design:paramtypes", [kendo_angular_intl_1.IntlService, mapping_service_1.MappingService])
-    ], TimelineWeekViewService);
-    return TimelineWeekViewService;
-}(timeline_base_view_service_1.TimelineBaseViewService));
-exports.TimelineWeekViewService = TimelineWeekViewService;

package/dist/npm/timeline/view-base.js

@@ -1,40 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var core_1 = require("@angular/core");
-var kendo_angular_common_1 = require("@progress/kendo-angular-common");
-/**
- * The base class for the column components of the Gantt.
- */
-var ViewBase = /** @class */ (function () {
-    /**
-     *
-     * @hidden
-     */
-    function ViewBase(optionChangesService, dependencyDomService) {
-        this.optionChangesService = optionChangesService;
-        this.dependencyDomService = dependencyDomService;
-        /**
-         * The width of the time slot headers. Values are treated as pixels.
-         *
-         * @default 100
-         */
-        this.slotWidth = 100;
-    }
-    ViewBase.prototype.ngOnChanges = function (changes) {
-        if (kendo_angular_common_1.anyChanged(['slotWidth'], changes)) {
-            this.optionChangesService.notifyColumnChanges();
-            this.dependencyDomService.notifyChanges();
-        }
-    };
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], ViewBase.prototype, "slotWidth", void 0);
-    return ViewBase;
-}());
-exports.ViewBase = ViewBase;