@progress/kendo-vue-dateinputs 5.3.0-dev.202409130647 → 5.3.0-develop.1

package/dist/npm/calendar/models/CalendarViewEnum.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CalendarViewEnum = void 0;
-/**
- * The Enum which defines all possible Calendar view types.
- */
-var CalendarViewEnum;
-(function (CalendarViewEnum) {
-    CalendarViewEnum[CalendarViewEnum["month"] = 0] = "month";
-    CalendarViewEnum[CalendarViewEnum["year"] = 1] = "year";
-    CalendarViewEnum[CalendarViewEnum["decade"] = 2] = "decade";
-    CalendarViewEnum[CalendarViewEnum["century"] = 3] = "century";
-})(CalendarViewEnum = exports.CalendarViewEnum || (exports.CalendarViewEnum = {}));

package/dist/npm/calendar/models/CellContext.d.ts

@@ -1,19 +0,0 @@
-/**
- * @hidden
- */
-export interface CellContext {
-    formattedValue: string;
-    id: string;
-    isWeekend: boolean;
-    isFocused: boolean;
-    isSelected: boolean;
-    isInRange: boolean;
-    isRangeStart: boolean;
-    isRangeEnd: boolean;
-    isRangeMid: boolean;
-    isRangeSplitEnd?: boolean;
-    isRangeSplitStart?: boolean;
-    isToday: boolean;
-    title?: string;
-    value: Date;
-}

package/dist/npm/calendar/models/CellContext.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/calendar/models/NavigationAction.d.ts

@@ -1,15 +0,0 @@
-/**
- * @hidden
- */
-export declare enum Action {
-    Left = 0,
-    Right = 1,
-    Up = 2,
-    Down = 3,
-    PrevView = 4,
-    NextView = 5,
-    FirstInView = 6,
-    LastInView = 7,
-    LowerView = 8,
-    UpperView = 9
-}

package/dist/npm/calendar/models/NavigationAction.js

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Action = void 0;
-/**
- * @hidden
- */
-var Action;
-(function (Action) {
-    Action[Action["Left"] = 0] = "Left";
-    Action[Action["Right"] = 1] = "Right";
-    Action[Action["Up"] = 2] = "Up";
-    Action[Action["Down"] = 3] = "Down";
-    Action[Action["PrevView"] = 4] = "PrevView";
-    Action[Action["NextView"] = 5] = "NextView";
-    Action[Action["FirstInView"] = 6] = "FirstInView";
-    Action[Action["LastInView"] = 7] = "LastInView";
-    Action[Action["LowerView"] = 8] = "LowerView";
-    Action[Action["UpperView"] = 9] = "UpperView";
-})(Action = exports.Action || (exports.Action = {}));

package/dist/npm/calendar/models/SelectionRange.d.ts

@@ -1,17 +0,0 @@
-/**
- * The type that defines the selection range of the Calendar.
- */
-export interface SelectionRange {
-    /**
-     * The beginning of the selection range.
-     */
-    start: Date | null;
-    /**
-     * The end of the selection range.
-     */
-    end: Date | null;
-}
-/**
- * @hidden
- */
-export declare const EMPTY_SELECTIONRANGE: SelectionRange;

package/dist/npm/calendar/models/SelectionRange.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EMPTY_SELECTIONRANGE = void 0;
-/**
- * @hidden
- */
-exports.EMPTY_SELECTIONRANGE = { start: null, end: null };

package/dist/npm/calendar/models/SelectionRangeEnd.d.ts

@@ -1,4 +0,0 @@
-/**
- * The literal type that defines which end of the selection range is active.
- */
-export declare type SelectionRangeEnd = 'start' | 'end' | null;

package/dist/npm/calendar/models/SelectionRangeEnd.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/calendar/models/ViewService.d.ts

@@ -1,25 +0,0 @@
-import { Action } from './NavigationAction';
-import { CellContext } from './CellContext';
-/**
- * @hidden
- */
-export interface ViewService {
-    isSelectedFromArray(candidate: Date, dates: Date[], min: Date, max: Date): boolean;
-    addToDate(min: Date, skip: number): Date;
-    datesList(start: Date, count: number): Date[];
-    data(options: any): CellContext[][];
-    isEqual(candidate: Date, expected: Date): boolean;
-    isInArray(date: Date, dates: Date[]): boolean;
-    isInRange(candidate: Date, min: Date, max: Date): boolean;
-    isRangeStart(date: Date): boolean;
-    isInSameView(candidate: Date, value: Date): boolean;
-    move(date: Date, action: Action | null): Date;
-    cellTitle(current: Date): string;
-    navigationTitle(current: Date): string;
-    title(current: Date): string;
-    rowLength(prependCell?: boolean): number;
-    skip(value: Date, min: Date): number;
-    total(min: Date, max: Date): number;
-    value(current: Date): string;
-    viewDate(date: Date, max: Date, border: number): Date;
-}

package/dist/npm/calendar/models/ViewService.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/calendar/models/main.d.ts

@@ -1,10 +0,0 @@
-import { Action } from './NavigationAction';
-import { ActiveView } from './ActiveView';
-import { CalendarSettings } from './CalendarSettings';
-import { CalendarViewEnum } from './CalendarViewEnum';
-import { CellContext } from './CellContext';
-import { CalendarMode } from './CalendarMode';
-import { SelectionRange, EMPTY_SELECTIONRANGE } from './SelectionRange';
-import { SelectionRangeEnd } from './SelectionRangeEnd';
-import { ViewService } from './ViewService';
-export { Action, ActiveView, CalendarSettings, CalendarViewEnum, CellContext, EMPTY_SELECTIONRANGE, CalendarMode, SelectionRange, SelectionRangeEnd, ViewService };

package/dist/npm/calendar/models/main.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EMPTY_SELECTIONRANGE = exports.CalendarViewEnum = exports.Action = void 0;
-var NavigationAction_1 = require("./NavigationAction");
-Object.defineProperty(exports, "Action", { enumerable: true, get: function () { return NavigationAction_1.Action; } });
-var CalendarViewEnum_1 = require("./CalendarViewEnum");
-Object.defineProperty(exports, "CalendarViewEnum", { enumerable: true, get: function () { return CalendarViewEnum_1.CalendarViewEnum; } });
-var SelectionRange_1 = require("./SelectionRange");
-Object.defineProperty(exports, "EMPTY_SELECTIONRANGE", { enumerable: true, get: function () { return SelectionRange_1.EMPTY_SELECTIONRANGE; } });

package/dist/npm/calendar/services/BusViewService.d.ts

@@ -1,21 +0,0 @@
-import { ViewService } from '../models/ViewService';
-import { IntlService } from '@progress/kendo-vue-intl';
-import { CalendarViewEnum } from '../models/CalendarViewEnum';
-/**
- * @hidden
- */
-export declare class BusViewService {
-    private onViewChanged;
-    private bottom;
-    private top;
-    constructor(onViewChanged: any);
-    configure(bottom: CalendarViewEnum, top: CalendarViewEnum): void;
-    service(view: CalendarViewEnum, intl: IntlService): ViewService;
-    moveDown(view: CalendarViewEnum, event?: any): void;
-    moveUp(view: CalendarViewEnum, event?: any): void;
-    moveToBottom(activeView: CalendarViewEnum): void;
-    canMoveDown(view: CalendarViewEnum): boolean;
-    canMoveUp(view: CalendarViewEnum): boolean;
-    private clamp;
-    private move;
-}

package/dist/npm/calendar/services/BusViewService.js

@@ -1,72 +0,0 @@
-"use strict";
-var _a;
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BusViewService = void 0;
-var CenturyViewService_1 = require("./CenturyViewService");
-var DecadeViewService_1 = require("./DecadeViewService");
-var MonthViewService_1 = require("./MonthViewService");
-var YearViewService_1 = require("./YearViewService");
-var CalendarViewEnum_1 = require("../models/CalendarViewEnum");
-var services = (_a = {},
-    _a[CalendarViewEnum_1.CalendarViewEnum.month] = MonthViewService_1.MonthViewService,
-    _a[CalendarViewEnum_1.CalendarViewEnum.year] = YearViewService_1.YearViewService,
-    _a[CalendarViewEnum_1.CalendarViewEnum.decade] = DecadeViewService_1.DecadeViewService,
-    _a[CalendarViewEnum_1.CalendarViewEnum.century] = CenturyViewService_1.CenturyViewService,
-    _a);
-var viewOffset = function (view, offset) {
-    var candidate = CalendarViewEnum_1.CalendarViewEnum[CalendarViewEnum_1.CalendarViewEnum[view + offset]];
-    return candidate !== undefined ? candidate : view;
-};
-/**
- * @hidden
- */
-var BusViewService = /** @class */ (function () {
-    function BusViewService(onViewChanged) {
-        this.bottom = CalendarViewEnum_1.CalendarViewEnum.month;
-        this.top = CalendarViewEnum_1.CalendarViewEnum.century;
-        this.onViewChanged = onViewChanged;
-    }
-    BusViewService.prototype.configure = function (bottom, top) {
-        this.bottom = bottom;
-        this.top = top;
-    };
-    BusViewService.prototype.service = function (view, intl) {
-        return new services["".concat(view)](intl);
-    };
-    BusViewService.prototype.moveDown = function (view, event) {
-        this.move(view, -1, event);
-    };
-    BusViewService.prototype.moveUp = function (view, event) {
-        this.move(view, 1, event);
-    };
-    BusViewService.prototype.moveToBottom = function (activeView) {
-        if (activeView === this.bottom) {
-            return;
-        }
-        this.onViewChanged({ view: this.bottom });
-    };
-    BusViewService.prototype.canMoveDown = function (view) {
-        return this.bottom < view;
-    };
-    BusViewService.prototype.canMoveUp = function (view) {
-        return view < this.top;
-    };
-    BusViewService.prototype.clamp = function (view) {
-        if (view < this.bottom) {
-            return this.bottom;
-        }
-        if (view > this.top) {
-            return this.top;
-        }
-        return view;
-    };
-    BusViewService.prototype.move = function (view, offset, event) {
-        var candidate = this.clamp(viewOffset(view, offset));
-        if (candidate === view) {
-            return;
-        }
-        this.onViewChanged({ view: candidate }, event);
-    };
-    return BusViewService;
-}());
-exports.BusViewService = BusViewService;

package/dist/npm/calendar/services/CenturyViewService.d.ts

@@ -1,25 +0,0 @@
-import { Action, CellContext, ViewService } from '../models/main';
-/**
- * @hidden
- */
-export declare class CenturyViewService implements ViewService {
-    addToDate(min: Date, skip: number): Date;
-    datesList(start: Date, count: number): Date[];
-    data(options: any): CellContext[][];
-    isSelectedFromArray(candidate: Date, dates: Date[], min: Date, max: Date): boolean;
-    isEqual(candidate: Date | null, expected: Date | null): boolean;
-    isInArray(date: Date, dates: Date[]): boolean;
-    isInRange(candidate: Date, min: Date | null, max: Date | null): boolean;
-    isInSameView(candidate: Date, value: Date): boolean;
-    isRangeStart(value: Date): boolean;
-    move(value: Date, action: Action): Date;
-    cellTitle(value: Date): string;
-    navigationTitle(value?: Date): string;
-    title(value?: Date): string;
-    rowLength(_?: boolean): number;
-    skip(value: Date, min: Date): number;
-    total(min: Date, max: Date): number;
-    value(current: Date): string;
-    viewDate(date: Date, max: Date, border?: number): Date;
-    private normalize;
-}

package/dist/npm/calendar/services/CenturyViewService.js

@@ -1,161 +0,0 @@
-"use strict";
-var _a;
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CenturyViewService = void 0;
-/* tslint:disable:object-literal-sort-keys */
-var kendo_date_math_1 = require("@progress/kendo-date-math");
-var main_1 = require("../models/main");
-var utils_1 = require("../../utils");
-var EMPTY_DATA = [[]];
-var CELLS_LENGTH = 4;
-var ROWS_LENGTH = 3;
-var ACTIONS = (_a = {},
-    _a[main_1.Action.Left] = function (date) { return (0, kendo_date_math_1.addDecades)(date, -1); },
-    _a[main_1.Action.Up] = function (date) { return (0, kendo_date_math_1.addDecades)(date, -4); },
-    _a[main_1.Action.Right] = function (date) { return (0, kendo_date_math_1.addDecades)(date, 1); },
-    _a[main_1.Action.Down] = function (date) { return (0, kendo_date_math_1.addDecades)(date, 4); },
-    _a[main_1.Action.PrevView] = function (date) { return (0, kendo_date_math_1.addCenturies)(date, -1); },
-    _a[main_1.Action.NextView] = function (date) { return (0, kendo_date_math_1.addCenturies)(date, 1); },
-    _a[main_1.Action.FirstInView] = function (date) { return (0, kendo_date_math_1.firstDecadeOfCentury)(date); },
-    _a[main_1.Action.LastInView] = function (date) { return (0, kendo_date_math_1.lastDecadeOfCentury)(date); },
-    _a);
-/**
- * @hidden
- */
-var CenturyViewService = /** @class */ (function () {
-    function CenturyViewService() {
-    }
-    CenturyViewService.prototype.addToDate = function (min, skip) {
-        return (0, kendo_date_math_1.addCenturies)(min, skip);
-    };
-    CenturyViewService.prototype.datesList = function (start, count) {
-        return (0, utils_1.range)(0, count).map(function (i) { return (0, kendo_date_math_1.addCenturies)(start, i); });
-    };
-    CenturyViewService.prototype.data = function (options) {
-        var _this = this;
-        var cellUID = options.cellUID, focusedDate = options.focusedDate, isActiveView = options.isActiveView, max = options.max, min = options.min, selectedDate = options.selectedDate, _a = options.selectionRange, selectionRange = _a === void 0 ? main_1.EMPTY_SELECTIONRANGE : _a, viewDate = options.viewDate;
-        if (!viewDate) {
-            return EMPTY_DATA;
-        }
-        var cells = (0, utils_1.range)(0, CELLS_LENGTH);
-        var firstDate = (0, kendo_date_math_1.firstDecadeOfCentury)(viewDate);
-        var lastDate = (0, kendo_date_math_1.lastDecadeOfCentury)(viewDate);
-        var today = (0, utils_1.getToday)();
-        return (0, utils_1.range)(0, ROWS_LENGTH).map(function (rowOffset) {
-            var baseDate = (0, kendo_date_math_1.addDecades)(firstDate, rowOffset * CELLS_LENGTH);
-            return cells.map(function (cellOffset) {
-                var cellDate = _this.normalize((0, kendo_date_math_1.addDecades)(baseDate, cellOffset), min, max);
-                var changedDecade = !_this.isInSameView(cellDate, lastDate);
-                if (changedDecade) {
-                    return null;
-                }
-                var isRangeStart = _this.isEqual(cellDate, selectionRange.start);
-                var isRangeEnd = _this.isEqual(cellDate, selectionRange.end);
-                var isInMiddle = !isRangeStart && !isRangeEnd;
-                var isRangeMid = isInMiddle && (0, utils_1.isInSelectionRange)(cellDate, selectionRange);
-                var isSelected = isActiveView && (!Array.isArray(selectedDate)
-                    ? (0, utils_1.isInRange)(selectedDate, min, max) && _this.isEqual(cellDate, selectedDate)
-                    : _this.isSelectedFromArray(cellDate, selectedDate, min, max));
-                return {
-                    formattedValue: _this.value(cellDate),
-                    id: "".concat(cellUID).concat(cellDate.getTime()),
-                    isFocused: _this.isEqual(cellDate, focusedDate),
-                    isSelected: isSelected,
-                    isWeekend: false,
-                    isInRange: (0, utils_1.isInRange)(cellDate, min, max),
-                    isRangeStart: isRangeStart,
-                    isRangeMid: isRangeMid,
-                    isRangeEnd: isRangeEnd,
-                    isRangeSplitEnd: isRangeMid && _this.isEqual(cellDate, lastDate),
-                    isRangeSplitStart: isRangeMid && _this.isEqual(cellDate, firstDate),
-                    isToday: _this.isEqual(cellDate, today),
-                    title: _this.cellTitle(cellDate),
-                    value: cellDate
-                };
-            });
-        });
-    };
-    CenturyViewService.prototype.isSelectedFromArray = function (candidate, dates, min, max) {
-        var _this = this;
-        var result = false;
-        dates.forEach(function (date) {
-            if ((0, utils_1.isInRange)(candidate, min, max) && _this.isEqual(candidate, date)) {
-                result = true;
-            }
-        });
-        return result;
-    };
-    CenturyViewService.prototype.isEqual = function (candidate, expected) {
-        if (!candidate || !expected) {
-            return false;
-        }
-        // TODO: double-check this!
-        return (0, kendo_date_math_1.firstYearOfDecade)(candidate).getFullYear() === (0, kendo_date_math_1.firstYearOfDecade)(expected).getFullYear();
-    };
-    CenturyViewService.prototype.isInArray = function (date, dates) {
-        if (!dates.length) {
-            return false;
-        }
-        var year = date.getFullYear();
-        return dates[0].getFullYear() <= year && year <= (dates[dates.length - 1].getFullYear() + 99);
-    };
-    CenturyViewService.prototype.isInRange = function (candidate, min, max) {
-        var year = (0, kendo_date_math_1.firstYearOfDecade)(candidate).getFullYear();
-        var aboveMin = !min || (0, kendo_date_math_1.firstYearOfDecade)(min).getFullYear() <= year;
-        var belowMax = !max || year <= (0, kendo_date_math_1.firstYearOfDecade)(max).getFullYear();
-        return aboveMin && belowMax;
-    };
-    CenturyViewService.prototype.isInSameView = function (candidate, value) {
-        return (0, kendo_date_math_1.durationInCenturies)(candidate, value) === 0;
-    };
-    CenturyViewService.prototype.isRangeStart = function (value) {
-        return value.getFullYear() % 1000 === 0;
-    };
-    CenturyViewService.prototype.move = function (value, action) {
-        var modifier = ACTIONS[action];
-        if (!modifier) {
-            return value;
-        }
-        return modifier(value);
-    };
-    CenturyViewService.prototype.cellTitle = function (value) {
-        return (0, kendo_date_math_1.firstYearOfDecade)(value).getFullYear().toString();
-    };
-    CenturyViewService.prototype.navigationTitle = function (value) {
-        return value ? (0, kendo_date_math_1.firstDecadeOfCentury)(value).getFullYear().toString() : '';
-    };
-    CenturyViewService.prototype.title = function (value) {
-        if (!value) {
-            return '';
-        }
-        return "".concat((0, kendo_date_math_1.firstDecadeOfCentury)(value).getFullYear(), " - ").concat((0, kendo_date_math_1.lastDecadeOfCentury)(value).getFullYear());
-    };
-    CenturyViewService.prototype.rowLength = function (_) {
-        return CELLS_LENGTH;
-    };
-    CenturyViewService.prototype.skip = function (value, min) {
-        return (0, kendo_date_math_1.durationInCenturies)(min, value);
-    };
-    CenturyViewService.prototype.total = function (min, max) {
-        return (0, kendo_date_math_1.durationInCenturies)(min, max) + 1;
-    };
-    CenturyViewService.prototype.value = function (current) {
-        return current ? (0, kendo_date_math_1.firstYearOfDecade)(current).getFullYear().toString() : '';
-    };
-    CenturyViewService.prototype.viewDate = function (date, max, border) {
-        if (border === void 0) { border = 1; }
-        var renderTwoViews = (0, kendo_date_math_1.durationInCenturies)(date, max) < border;
-        return renderTwoViews ? (0, kendo_date_math_1.addCenturies)(date, -1) : date;
-    };
-    CenturyViewService.prototype.normalize = function (cellDate, min, max) {
-        if (cellDate < min && this.isEqual(cellDate, min)) {
-            return (0, kendo_date_math_1.cloneDate)(min);
-        }
-        if (cellDate > max && this.isEqual(cellDate, max)) {
-            return (0, kendo_date_math_1.cloneDate)(max);
-        }
-        return cellDate;
-    };
-    return CenturyViewService;
-}());
-exports.CenturyViewService = CenturyViewService;

package/dist/npm/calendar/services/DOMService.d.ts

@@ -1,29 +0,0 @@
-import { CalendarViewEnum } from '../models/CalendarViewEnum';
-/**
- * @hidden
- */
-export declare class DOMService {
-    calendarHeight: number;
-    headerHeight: number;
-    monthViewHeight: number;
-    yearViewHeight: number;
-    decadeViewHeight: number;
-    centuryViewHeight: number;
-    navigationItemHeight: number;
-    scrollableContentHeight: number;
-    scrollableYearContentHeight: number;
-    calendarWidth: number;
-    monthViewWidth: number;
-    yearViewWidth: number;
-    decadeViewWidth: number;
-    centuryViewWidth: number;
-    scrollableContentWidth: number;
-    didCalculate: boolean;
-    private hostContainer;
-    ensureHeights(): void;
-    calculateHeights(container?: Element): void;
-    viewHeight(viewType: CalendarViewEnum): number;
-    viewWidth(viewType: CalendarViewEnum): number;
-    private viewDimension;
-    private batch;
-}

package/dist/npm/calendar/services/DOMService.js

@@ -1,169 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DOMService = void 0;
-var CalendarViewEnum_1 = require("../models/CalendarViewEnum");
-var utils_1 = require("../../utils");
-var kendo_vue_common_1 = require("@progress/kendo-vue-common");
-/**
- * @hidden
- */
-var DOMService = /** @class */ (function () {
-    function DOMService() {
-        this.didCalculate = false;
-    }
-    DOMService.prototype.ensureHeights = function () {
-        if (this.calendarHeight !== undefined) {
-            return;
-        }
-        this.calculateHeights();
-    };
-    DOMService.prototype.calculateHeights = function (container) {
-        var _this = this;
-        if (!kendo_vue_common_1.canUseDOM) {
-            return;
-        }
-        var div = (0, utils_1.domContainerFactory)('div');
-        var ul = (0, utils_1.domContainerFactory)('ul');
-        var li = (0, utils_1.domContainerFactory)('li');
-        var td = (0, utils_1.domContainerFactory)('td');
-        var th = (0, utils_1.domContainerFactory)('th');
-        var tr = (0, utils_1.domContainerFactory)('tr');
-        var tbody = (0, utils_1.domContainerFactory)('tbody');
-        var thead = (0, utils_1.domContainerFactory)('thead');
-        var table = (0, utils_1.domContainerFactory)('table');
-        var monthHeader = function () { return (div("\n            <span class=\"k-calendar-title\">March 2017</span>\n            <span class=\"k-calendar-today\">TODAY</span>\n        ", 'k-calendar-header')); };
-        var monthWeekHeader = function () { return (table([
-            thead([
-                tr([th('MO')])
-            ])
-        ])); };
-        var repeat = function (count, mapper) { return new Array(count).fill('1').map(mapper); };
-        var content = function (rows, cells) {
-            if (cells === void 0) { cells = 1; }
-            return (table([
-                tbody([tr([th('1')])].concat(repeat(rows, function () { return tr(repeat(cells, function (c) { return td("<span class=\"k-link\">".concat(c, "</span>")); })); })))
-            ]));
-        };
-        var scrollable = function (children) { return div(children, 'k-content k-scrollable'); };
-        var view = function (contentElement, className, renderWeekHeader) { return (div(renderWeekHeader
-            ? [
-                monthHeader(),
-                monthWeekHeader(),
-                scrollable([contentElement, contentElement])
-            ]
-            : [
-                monthHeader(),
-                scrollable([contentElement, contentElement])
-            ], className, { left: '-10000px', position: 'absolute' })); };
-        var navigationList = (function () {
-            var navElement;
-            return function () {
-                if (!kendo_vue_common_1.canUseDOM) {
-                    return null;
-                }
-                if (!navElement) {
-                    navElement = div([scrollable([ul([li('<span>FEB</span>')])])], 'k-calendar-navigation', { left: '0px', position: 'absolute' });
-                }
-                return navElement;
-            };
-        })();
-        var viewFactory = function (_a, className, renderWeekHeader) {
-            var cells = _a.cells, rows = _a.rows;
-            var viewElement;
-            return function () {
-                if (!kendo_vue_common_1.canUseDOM) {
-                    return null;
-                }
-                if (!viewElement) {
-                    viewElement = view(content(rows, cells), className, renderWeekHeader);
-                }
-                return viewElement;
-            };
-        };
-        var getScrollable = function (element) { return element.querySelector('.k-scrollable'); };
-        var horizontal = function (element) {
-            var scrollableElement = getScrollable(element);
-            scrollableElement.className = "".concat(scrollableElement.className, " k-scrollable-horizontal");
-            return element;
-        };
-        var monthView = viewFactory({ cells: 7, rows: 6 }, 'k-calendar-view k-calendar-monthview', true);
-        var yearView = viewFactory({ cells: 5, rows: 3 }, 'k-calendar-view k-calendar-yearview', false);
-        var decadeView = viewFactory({ cells: 5, rows: 2 }, 'k-calendar-view k-calendar-decadeview', false);
-        var horzMonthView = function () { return horizontal(monthView()); };
-        var horzYearView = function () { return horizontal(yearView()); };
-        var horzDecadeView = function () { return horizontal(decadeView()); };
-        var height = function (element) { return (parseFloat(window.getComputedStyle(element).height) || element.offsetHeight); };
-        var width = function (element) {
-            var styles = window.getComputedStyle(element);
-            var computed = parseFloat(styles.width)
-                + parseFloat(styles.paddingLeft)
-                + parseFloat(styles.paddingRight);
-            return computed || element.offsetWidth;
-        };
-        var getBody = function (element) { return element.querySelector('tbody'); };
-        this.didCalculate = true;
-        if (container) {
-            this.hostContainer = container;
-        }
-        this.batch(monthView(), function (contentElement) {
-            var viewElement = getBody(contentElement);
-            _this.calendarHeight = height(contentElement);
-            _this.monthViewHeight = height(viewElement);
-            _this.headerHeight = height(viewElement.children[0]);
-            _this.scrollableContentHeight = height(getScrollable(contentElement));
-        });
-        this.batch(horzMonthView(), function (contentElement) {
-            var viewElement = getBody(contentElement);
-            _this.calendarWidth = width(contentElement);
-            _this.monthViewWidth = width(viewElement);
-            _this.scrollableContentWidth = width(getScrollable(contentElement));
-        });
-        this.batch(yearView(), function (contentElement) {
-            _this.yearViewHeight = height(getBody(contentElement));
-            _this.scrollableYearContentHeight = height(getScrollable(contentElement));
-        });
-        this.batch(horzYearView(), function (contentElement) {
-            _this.yearViewWidth = width(getBody(contentElement));
-        });
-        this.batch(decadeView(), function (contentElement) {
-            _this.decadeViewHeight = height(getBody(contentElement));
-            _this.centuryViewHeight = _this.decadeViewHeight;
-        });
-        this.batch(horzDecadeView(), function (contentElement) {
-            _this.decadeViewWidth = width(getBody(contentElement));
-            _this.centuryViewWidth = _this.decadeViewWidth;
-        });
-        this.batch(navigationList(), function (contentElement) {
-            _this.navigationItemHeight = height(contentElement.querySelector('li'));
-        });
-    };
-    DOMService.prototype.viewHeight = function (viewType) {
-        return this.viewDimension(viewType, 'height');
-    };
-    DOMService.prototype.viewWidth = function (viewType) {
-        return this.viewDimension(viewType, 'width');
-    };
-    DOMService.prototype.viewDimension = function (viewType, dimension) {
-        var viewProp = dimension === 'height' ? 'ViewHeight' : 'ViewWidth';
-        switch (viewType) {
-            case CalendarViewEnum_1.CalendarViewEnum.month:
-                return this["month".concat(viewProp)];
-            case CalendarViewEnum_1.CalendarViewEnum.year:
-                return this["year".concat(viewProp)];
-            case CalendarViewEnum_1.CalendarViewEnum.decade:
-                return this["decade".concat(viewProp)];
-            case CalendarViewEnum_1.CalendarViewEnum.century:
-                return this["century".concat(viewProp)];
-            default:
-                return 1;
-        }
-    };
-    DOMService.prototype.batch = function (contentElement, action) {
-        var hostContainer = this.hostContainer || document.body;
-        var appendedContent = hostContainer.appendChild(contentElement);
-        action(appendedContent);
-        hostContainer.removeChild(appendedContent);
-    };
-    return DOMService;
-}());
-exports.DOMService = DOMService;