\r\n\r\n\r\n\r\n\r\n\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./KendoGridComponent.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./KendoGridComponent.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./KendoGridComponent.vue?vue&type=template&id=029c494d\"\nimport script from \"./KendoGridComponent.vue?vue&type=script&lang=js\"\nexport * from \"./KendoGridComponent.vue?vue&type=script&lang=js\"\nimport style0 from \"./KendoGridComponent.vue?vue&type=style&index=0&id=029c494d&prod&lang=scss\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","/**\n * Enumeration which represents the week days.\n */\nexport var Day;\n(function (Day) {\n /**\n * The Sunday value with an underlying `0` number value.\n */\n Day[Day[\"Sunday\"] = 0] = \"Sunday\";\n /**\n * The Monday value with an underlying `1` number value.\n */\n Day[Day[\"Monday\"] = 1] = \"Monday\";\n /**\n * The Tuesday value with an underlying `2` number value.\n */\n Day[Day[\"Tuesday\"] = 2] = \"Tuesday\";\n /**\n * The Wednesday value with an underlying `3` number value.\n */\n Day[Day[\"Wednesday\"] = 3] = \"Wednesday\";\n /**\n * The Thursday value with an underlying `4` number value.\n */\n Day[Day[\"Thursday\"] = 4] = \"Thursday\";\n /**\n * The Friday value with an underlying `5` number value.\n */\n Day[Day[\"Friday\"] = 5] = \"Friday\";\n /**\n * The Saturday value with an underlying `6` number value.\n */\n Day[Day[\"Saturday\"] = 6] = \"Saturday\";\n})(Day || (Day = {}));\n","/**\n * A function that clones the passed date. The parameter could be `null`.\n *\n * @param date - The initial date value.\n * @returns - A new `Date` instance.\n *\n * @example\n * ```ts-no-run\n * cloneDate(new Date(2016, 0, 1)); // returns new Date(2016, 0, 1);\n * cloneDate(null); // returns null\n * ```\n */\nexport var cloneDate = function (date) { return date ? new Date(date.getTime()) : null; };\n","import { cloneDate } from './clone-date';\n/**\n * @hidden\n */\nexport var adjustDST = function (date, hour) {\n var newDate = cloneDate(date);\n if (hour === 0 && newDate.getHours() === 23) {\n newDate.setHours(newDate.getHours() + 2);\n }\n return newDate;\n};\n","import { adjustDST } from './adjust-dst';\n/**\n * A function which returns a new `Date` instance.\n *\n * @param year - The year value.\n * @param month - The month value.\n * @param day - The day value.\n * @param hours - The hours value.\n * @param minutes - The minutes value.\n * @param seconds - The seconds value.\n * @param milliseconds - milliseconds value.\n * @returns The date instance.\n *\n * @example\n * ```ts-no-run\n * createDate(2016, 0, 15); // 2016-01-15 00:00:00\n * createDate(2016, 0, 15, 22, 22, 20); // 2016-01-15 22:22:20\n * ```\n */\nexport var createDate = function (year, month, day, hours, minutes, seconds, milliseconds) {\n if (hours === void 0) { hours = 0; }\n if (minutes === void 0) { minutes = 0; }\n if (seconds === void 0) { seconds = 0; }\n if (milliseconds === void 0) { milliseconds = 0; }\n var date = new Date(year, month, day, hours, minutes, seconds, milliseconds);\n if (year > -1 && year < 100) {\n date.setFullYear(date.getFullYear() - 1900);\n }\n return adjustDST(date, hours);\n};\n","import { createDate } from './create-date';\n/**\n * A function which returns the passed date with a midnight time portion.\n *\n * @param date - The initial date.\n * @returns - The date with a midnight time portion.\n *\n * @example\n * ```ts-no-run\n * getDate(new Date(2016, 0, 15, 14, 30, 30)); // 2016-01-15 00:00:00\n * ```\n */\nexport var getDate = function (date) {\n return createDate(date.getFullYear(), date.getMonth(), date.getDate(), 0, 0, 0);\n};\n","/**\n * A function that compares two dates. The comparison also includes the time portion.\n *\n * @param candidate - The candidate date.\n * @param expected - The expected date.\n * @returns - A Boolean value indicating whether the values are equal.\n *\n * @example\n * ```ts-no-run\n * isEqual(new Date(2016, 0, 1), new Date(2016, 0, 1)); // true\n * isEqual(new Date(2016, 0, 1), new Date(2016, 0, 2)); // false\n * isEqual(new Date(2016, 0, 1, 10), new Date(2016, 0, 1, 20)); // false\n * ```\n */\nexport var isEqual = function (candidate, expected) {\n if (!candidate && !expected) {\n return true;\n }\n return candidate && expected && candidate.getTime() === expected.getTime();\n};\n","import { getDate } from './get-date';\nimport { isEqual } from './is-equal';\n/**\n * A function that compares the date portions of 2 dates.\n *\n * @param candidate - The candidate date.\n * @param expected - The expected date.\n * @returns - A Boolean value whether the values are equal.\n *\n * @example\n * ```ts-no-run\n * isEqualDate(new Date(2016, 0, 1, 10), new Date(2016, 0, 1, 20)); // true\n * isEqualDate(new Date(2016, 0, 1, 10), new Date(2016, 0, 2, 10)); // false\n * ```\n */\nexport var isEqualDate = function (candidate, expected) {\n if (!candidate && !expected) {\n return true;\n }\n return candidate && expected && isEqual(getDate(candidate), getDate(expected));\n};\n","/**\n * @hidden\n */\nexport var packageMetadata = {\n name: '@progress/kendo-vue-dateinputs',\n productName: 'Kendo UI for Vue',\n productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],\n publishDate: 1635492854,\n version: '',\n licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'\n};\n","import { adjustDST } from './adjust-dst';\nimport { cloneDate } from './clone-date';\n/**\n * A function that adds and subtracts days from a `Date` object.\n *\n * @param date - The initial date value.\n * @param offset - The number of days to add and subtract from the date.\n * @returns - A new `Date` instance.\n *\n * @example\n * ```ts-no-run\n * addDays(new Date(2016, 0, 1), 5); // 2016-1-6\n * addDays(new Date(2016, 0, 1), -5); // 2015-12-26\n * ```\n */\nexport var addDays = function (date, offset) {\n var newDate = cloneDate(date);\n newDate.setDate(newDate.getDate() + offset);\n return adjustDST(newDate, date.getHours());\n};\n","// tslint:disable:max-line-length\n/**\n * An enumeration which represents the horizontal direction. The `Forward` option moves forward. The `Backward` option moves backward.\n */\nexport var Direction;\n(function (Direction) {\n /**\n * The `Forward` value with an underlying `1` number value.\n */\n Direction[Direction[\"Forward\"] = 1] = \"Forward\";\n /**\n * The `Backward` value with an underlying `-1` (minus one) number value.\n */\n Direction[Direction[\"Backward\"] = -1] = \"Backward\";\n})(Direction || (Direction = {}));\n// tslint:enable:max-line-length\n","import { Direction } from \"./direction.enum\";\nimport { adjustDST } from \"./adjust-dst\";\nimport { cloneDate } from './clone-date';\n/**\n * @hidden\n *\n * A function which returns the next or previous date for a specific week day. For example, `Day.Monday`.\n *\n * @param date - The date to calculate from.\n * @param weekDay - The `Day` enum specifying the desired week day.\n * @param direction - The `Direction` enum specifying the calculation direction.\n * @returns - A `Date` instance.\n *\n * @example\n * ```ts-no-run\n * dayOfWeek(new Date(2016, 0, 1), Day.Wednesday, Direction.Forward); // 2016-01-06, Wednesday\n * dayOfWeek(new Date(2016, 0, 1), Day.Wednesday, Direction.Backward); // 2015-12-30, Wednesday\n * ```\n */\nexport var dayOfWeek = function (date, weekDay, direction) {\n if (direction === void 0) { direction = Direction.Forward; }\n var newDate = cloneDate(date);\n var newDay = ((weekDay - newDate.getDay()) + (7 * direction)) % 7;\n newDate.setDate(newDate.getDate() + newDay);\n return adjustDST(newDate, date.getHours());\n};\n","/**\n * @hidden\n */\nexport var Action;\n(function (Action) {\n Action[Action[\"Left\"] = 0] = \"Left\";\n Action[Action[\"Right\"] = 1] = \"Right\";\n Action[Action[\"Up\"] = 2] = \"Up\";\n Action[Action[\"Down\"] = 3] = \"Down\";\n Action[Action[\"PrevView\"] = 4] = \"PrevView\";\n Action[Action[\"NextView\"] = 5] = \"NextView\";\n Action[Action[\"FirstInView\"] = 6] = \"FirstInView\";\n Action[Action[\"LastInView\"] = 7] = \"LastInView\";\n Action[Action[\"LowerView\"] = 8] = \"LowerView\";\n Action[Action[\"UpperView\"] = 9] = \"UpperView\";\n})(Action || (Action = {}));\n","/**\n * The Enum which defines all possible Calendar view types.\n */\nexport var CalendarViewEnum;\n(function (CalendarViewEnum) {\n CalendarViewEnum[CalendarViewEnum[\"month\"] = 0] = \"month\";\n CalendarViewEnum[CalendarViewEnum[\"year\"] = 1] = \"year\";\n CalendarViewEnum[CalendarViewEnum[\"decade\"] = 2] = \"decade\";\n CalendarViewEnum[CalendarViewEnum[\"century\"] = 3] = \"century\";\n})(CalendarViewEnum || (CalendarViewEnum = {}));\n","import { Direction } from \"./direction.enum\";\nimport { dayOfWeek } from './day-of-week';\n/**\n * A function which returns a date by a specific week name. For example, `Day.Monday`.\n *\n * @param date - The date to calculate from.\n * @param weekDay - The `Day` enum specifying the desired week day.\n * @returns - A `Date` instance.\n *\n * @example\n * ```ts-no-run\n * prevDayOfWeek(new Date(2016, 0, 1), Day.Wednesday); // 2015-12-30, Wednesday\n * ```\n */\nexport var prevDayOfWeek = function (date, weekDay) {\n return dayOfWeek(date, weekDay, Direction.Backward);\n};\n","/**\n * The number of milliseconds in one minute.\n */\nexport var MS_PER_MINUTE = 60000;\n/**\n * The number of milliseconds in one hour.\n */\nexport var MS_PER_HOUR = 3600000;\n/**\n * The number of milliseconds in one standard day.\n */\nexport var MS_PER_DAY = 86400000;\n","import { Day } from './day.enum';\nimport { addDays } from './add-days';\nimport { createDate } from './create-date';\nimport { prevDayOfWeek } from './prev-day-of-week';\nimport { MS_PER_DAY } from './constants';\nvar moveDateToWeekStart = function (date, weekStartDay) {\n if (weekStartDay !== Day.Monday) {\n return addDays(prevDayOfWeek(date, weekStartDay), 4);\n }\n return addDays(date, (4 - (date.getDay() || 7)));\n};\nvar calcWeekInYear = function (date, weekStartDay) {\n var firstWeekInYear = createDate(date.getFullYear(), 0, 1, -6);\n var newDate = moveDateToWeekStart(date, weekStartDay);\n var diffInMS = newDate.getTime() - firstWeekInYear.getTime();\n var days = Math.floor(diffInMS / MS_PER_DAY);\n return 1 + Math.floor(days / 7);\n};\n/**\n * A function that returns the number of the week within a year, which is calculated in relation to the date.\n *\n * For more information, refer to the [**ISO week date**](https://en.wikipedia.org/wiki/ISO_week_date) article.\n *\n * @param date - The date used for the week number calculation.\n * @param weekStartDay - The first day of the week. By default, the first week day is Monday.\n * @returns - The number of the week within the year.\n *\n * @example\n * ```ts-no-run\n * weekInYear(new Date(2016, 0, 1)); // Week 53, 2015\n * weekInYear(new Date(2016, 0, 5)); // Week 1, 2016\n * weekInYear(new Date(2017, 0, 1)); // Week 52, 2016\n * weekInYear(new Date(2017, 0, 2)); // Week 1, 2017\n * ```\n */\nexport var weekInYear = function (date, weekStartDay) {\n if (weekStartDay === void 0) { weekStartDay = Day.Monday; }\n var prevWeekDate = addDays(date, -7);\n var nextWeekDate = addDays(date, 7);\n var weekNumber = calcWeekInYear(date, weekStartDay);\n if (weekNumber === 0) {\n return calcWeekInYear(prevWeekDate, weekStartDay) + 1;\n }\n if (weekNumber === 53 && calcWeekInYear(nextWeekDate, weekStartDay) > 1) {\n return 1;\n }\n return weekNumber;\n};\n","// @ts-ignore\nimport * as Vue from 'vue';\nvar allVue = Vue;\nvar gh = allVue.h;\nimport { getDefaultSlots } from '@progress/kendo-vue-common';\n/**\n * @hidden\n */\n\nvar compareProps = function compareProps(x, y) {\n var xProps = Object.getOwnPropertyNames(x);\n var yProps = Object.getOwnPropertyNames(y);\n\n if (xProps.length !== yProps.length) {\n return false;\n }\n\n for (var i = 0; i < xProps.length; i++) {\n var propName = xProps[i];\n\n if (x[propName] !== y[propName]) {\n return false;\n }\n }\n\n return true;\n};\n/**\n * The `CalendarCell` component is internally used for rendering the items in the current view. Also be used as a custom `cell` of the [Calendar]({% slug api_dateinputs_native_calendarprops %}#toc-cell).\n *\n * * [Customizing the cells inside the Calendar view]({% slug custom_rendering_calendar_native %}#toc-cells-inside-the-view)\n */\n\n\nvar CalendarCell = {\n name: 'KendoCalendarCell',\n // @ts-ignore\n emits: {\n 'click': null,\n 'mousedown': null,\n 'mouseenter': null,\n 'mouseleave': null\n },\n props: {\n isDisabled: Boolean,\n view: Number,\n formattedValue: String,\n id: String,\n isWeekend: Boolean,\n isFocused: Boolean,\n isSelected: Boolean,\n isInRange: Boolean,\n isRangeStart: Boolean,\n isRangeEnd: Boolean,\n isRangeMid: Boolean,\n isRangeSplitEnd: Boolean,\n isRangeSplitStart: Boolean,\n isToday: Boolean,\n title: String,\n value: Date\n },\n // Manually checking if the component needs an update\n // due to date object being compared by instance\n // and new Date object is created\n // every time and fails the shallow compare of the Vue.PureComponent.\n\n /**\n * @hidden\n */\n updated: function updated() {// const { value, ...props } = this.props;\n // const { value: newValue, ...newProps } = nextProps;\n // const valueEqual = !(value && newValue) || value.getTime() === newValue.getTime();\n // return !(valueEqual && compareProps(props, newProps));\n },\n // @ts-ignore\n setup: !gh ? undefined : function () {\n var v3 = !!gh;\n return {\n v3: v3\n };\n },\n // tslint:disable:max-line-length\n\n /**\n * @return\n * Returns a `
` element with a `` inside to apply the styles. The text inside is the [`formattedValue`]({% slug api_dateinputs_calendarcellprops %}#toc-formattedvalue) of the `cell`.\n */\n // @ts-ignore\n render: function render(createElement) {\n var h = gh || createElement;\n var defaultSlot = getDefaultSlots(this);\n var _a = this.$props,\n formattedValue = _a.formattedValue,\n isWeekend = _a.isWeekend,\n isFocused = _a.isFocused,\n isInRange = _a.isInRange,\n isSelected = _a.isSelected,\n isRangeStart = _a.isRangeStart,\n isRangeMid = _a.isRangeMid,\n isRangeEnd = _a.isRangeEnd,\n isRangeSplitStart = _a.isRangeSplitStart,\n isRangeSplitEnd = _a.isRangeSplitEnd,\n isToday = _a.isToday,\n isDisabled = _a.isDisabled,\n view = _a.view,\n value = _a.value;\n var isEndActive = this.$props.activeRangeEnd === 'end' && isRangeEnd;\n var isStartActive = this.$props.activeRangeEnd === 'start' && isRangeStart;\n return h(\"td\", {\n id: this.$props.id,\n attrs: this.v3 ? undefined : {\n id: this.$props.id,\n title: this.$props.title\n },\n title: this.$props.title,\n \"class\": {\n 'k-calendar-td': true,\n 'k-range-end': isRangeEnd,\n 'k-range-mid': isRangeMid,\n 'k-range-split-end': isRangeSplitEnd,\n 'k-range-split-start': isRangeSplitStart,\n 'k-range-start': isRangeStart,\n 'k-state-active': isStartActive || isEndActive,\n 'k-state-focused': isFocused,\n 'k-state-selected': isSelected || isRangeStart || isRangeEnd,\n 'k-today': isToday,\n 'k-weekend': isWeekend,\n 'k-state-disabled': isDisabled\n },\n onClick: this.handleClick,\n on: this.v3 ? undefined : {\n \"click\": this.handleClick,\n \"mousedown\": this.handleMouseDown,\n \"mouseenter\": this.handleMouseEnter,\n \"mouseleave\": this.handleMouseLeave\n },\n onMousedown: this.handleMouseDown,\n onMouseenter: this.handleMouseEnter,\n onMouseleave: this.handleMouseLeave\n }, [h(\"span\", {\n \"class\": \"k-link\"\n }, [defaultSlot])]);\n },\n // tslint:enable:max-line-length\n methods: {\n handleClick: function handleClick(event) {\n var value = this.$props.value;\n this.$emit('click', value, event);\n },\n handleMouseDown: function handleMouseDown(event) {\n var value = this.$props.value;\n this.$emit('mousedown', value, event);\n },\n handleMouseEnter: function handleMouseEnter() {\n var value = this.$props.value;\n this.$emit('mouseenter', value);\n },\n handleMouseLeave: function handleMouseLeave() {\n var value = this.$props.value;\n this.$emit('mouseleave', value);\n }\n }\n};\nvar CalendarCellVue3 = CalendarCell;\nexport { CalendarCell, CalendarCellVue3 };","// @ts-ignore\nimport * as Vue from 'vue';\nvar allVue = Vue;\nvar gh = allVue.h;\nimport { getDefaultSlots } from '@progress/kendo-vue-common';\n/**\n * The `CalendarWeekCell` component is internally used for rendering the week cells inside the `month` view of the Calendar. Also used as a [custom week cell for the Calendar]({% slug api_dateinputs_native_calendarprops %}#toc-weekcell) and the [MultiViewCalendar]({% slug api_dateinputs_multiviewcalendarprops %}#toc-weekcell) components.\n *\n * * [Customizing week-column cells in the Calendar]({% slug custom_rendering_calendar_native %}#toc-cells-inside-the-week-column)\n */\n\nvar CalendarWeekCell = {\n props: {\n id: String,\n value: Number\n },\n // @ts-ignore\n emits: {\n 'click': null\n },\n // @ts-ignore\n setup: !gh ? undefined : function () {\n var v3 = !!gh;\n return {\n v3: v3\n };\n },\n\n /**\n * @return\n * Returns a `
` element with the [`value`]({% slug api_dateinputs_calendarweekcellprops %}#toc-value) as a child.\n */\n // @ts-ignore\n render: function render(createElement) {\n var h = gh || createElement;\n var defaultSlot = getDefaultSlots(this);\n return h(\"td\", {\n onClick: this.handleClick,\n on: this.v3 ? undefined : {\n \"click\": this.handleClick\n },\n value: this.$props.value,\n attrs: this.v3 ? undefined : {\n value: this.$props.value,\n id: this.$props.id\n },\n id: this.$props.id\n }, [defaultSlot]);\n },\n methods: {\n handleClick: function handleClick(event) {\n var value = this.$props.value;\n this.$emit('click', value, event);\n }\n }\n};\nvar CalendarWeekCellVue3 = CalendarWeekCell;\nexport { CalendarWeekCell, CalendarWeekCellVue3 };","/**\n * @hidden\n */\nexport var EMPTY_SELECTIONRANGE = { start: null, end: null };\n","var _a;\n/* tslint:disable:object-literal-sort-keys */\nimport { addDecades, addCenturies, cloneDate, durationInCenturies, firstYearOfDecade, firstDecadeOfCentury, lastDecadeOfCentury } from '@progress/kendo-date-math';\nimport { Action, EMPTY_SELECTIONRANGE } from '../models';\nimport { getToday, isInRange, isInSelectionRange, range } from '../../utils';\nvar EMPTY_DATA = [[]];\nvar CELLS_LENGTH = 4;\nvar ROWS_LENGTH = 3;\nvar ACTIONS = (_a = {},\n _a[Action.Left] = function (date) { return addDecades(date, -1); },\n _a[Action.Up] = function (date) { return addDecades(date, -4); },\n _a[Action.Right] = function (date) { return addDecades(date, 1); },\n _a[Action.Down] = function (date) { return addDecades(date, 4); },\n _a[Action.PrevView] = function (date) { return addCenturies(date, -1); },\n _a[Action.NextView] = function (date) { return addCenturies(date, 1); },\n _a[Action.FirstInView] = function (date) { return firstDecadeOfCentury(date); },\n _a[Action.LastInView] = function (date) { return lastDecadeOfCentury(date); },\n _a);\n/**\n * @hidden\n */\nvar CenturyViewService = /** @class */ (function () {\n function CenturyViewService() {\n }\n CenturyViewService.prototype.addToDate = function (min, skip) {\n return addCenturies(min, skip);\n };\n CenturyViewService.prototype.datesList = function (start, count) {\n return range(0, count).map(function (i) { return addCenturies(start, i); });\n };\n CenturyViewService.prototype.data = function (options) {\n var _this = this;\n 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 ? EMPTY_SELECTIONRANGE : _a, viewDate = options.viewDate;\n if (!viewDate) {\n return EMPTY_DATA;\n }\n var cells = range(0, CELLS_LENGTH);\n var firstDate = firstDecadeOfCentury(viewDate);\n var lastDate = lastDecadeOfCentury(viewDate);\n var today = getToday();\n return range(0, ROWS_LENGTH).map(function (rowOffset) {\n var baseDate = addDecades(firstDate, rowOffset * CELLS_LENGTH);\n return cells.map(function (cellOffset) {\n var cellDate = _this.normalize(addDecades(baseDate, cellOffset), min, max);\n var changedDecade = !_this.isInSameView(cellDate, lastDate);\n if (changedDecade) {\n return null;\n }\n var isRangeStart = _this.isEqual(cellDate, selectionRange.start);\n var isRangeEnd = _this.isEqual(cellDate, selectionRange.end);\n var isInMiddle = !isRangeStart && !isRangeEnd;\n var isRangeMid = isInMiddle && isInSelectionRange(cellDate, selectionRange);\n var isSelected = isActiveView && (!Array.isArray(selectedDate)\n ? isInRange(selectedDate, min, max) && _this.isEqual(cellDate, selectedDate)\n : _this.isSelectedFromArray(cellDate, selectedDate, min, max));\n return {\n formattedValue: _this.value(cellDate),\n id: \"\" + cellUID + cellDate.getTime(),\n isFocused: _this.isEqual(cellDate, focusedDate),\n isSelected: isSelected,\n isWeekend: false,\n isInRange: isInRange(cellDate, min, max),\n isRangeStart: isRangeStart,\n isRangeMid: isRangeMid,\n isRangeEnd: isRangeEnd,\n isRangeSplitEnd: isRangeMid && _this.isEqual(cellDate, lastDate),\n isRangeSplitStart: isRangeMid && _this.isEqual(cellDate, firstDate),\n isToday: _this.isEqual(cellDate, today),\n title: _this.cellTitle(cellDate),\n value: cellDate\n };\n });\n });\n };\n CenturyViewService.prototype.isSelectedFromArray = function (candidate, dates, min, max) {\n var _this = this;\n var result = false;\n dates.forEach(function (date) {\n if (isInRange(candidate, min, max) && _this.isEqual(candidate, date)) {\n result = true;\n }\n });\n return result;\n };\n CenturyViewService.prototype.isEqual = function (candidate, expected) {\n if (!candidate || !expected) {\n return false;\n }\n // TODO: double-check this!\n return firstYearOfDecade(candidate).getFullYear() === firstYearOfDecade(expected).getFullYear();\n };\n CenturyViewService.prototype.isInArray = function (date, dates) {\n if (!dates.length) {\n return false;\n }\n var year = date.getFullYear();\n return dates[0].getFullYear() <= year && year <= (dates[dates.length - 1].getFullYear() + 99);\n };\n CenturyViewService.prototype.isInRange = function (candidate, min, max) {\n var year = firstYearOfDecade(candidate).getFullYear();\n var aboveMin = !min || firstYearOfDecade(min).getFullYear() <= year;\n var belowMax = !max || year <= firstYearOfDecade(max).getFullYear();\n return aboveMin && belowMax;\n };\n CenturyViewService.prototype.isInSameView = function (candidate, value) {\n return durationInCenturies(candidate, value) === 0;\n };\n CenturyViewService.prototype.isRangeStart = function (value) {\n return value.getFullYear() % 1000 === 0;\n };\n CenturyViewService.prototype.move = function (value, action) {\n var modifier = ACTIONS[action];\n if (!modifier) {\n return value;\n }\n return modifier(value);\n };\n CenturyViewService.prototype.cellTitle = function (value) {\n return firstYearOfDecade(value).getFullYear().toString();\n };\n CenturyViewService.prototype.navigationTitle = function (value) {\n return value ? firstDecadeOfCentury(value).getFullYear().toString() : '';\n };\n CenturyViewService.prototype.title = function (value) {\n if (!value) {\n return '';\n }\n return firstDecadeOfCentury(value).getFullYear() + \" - \" + lastDecadeOfCentury(value).getFullYear();\n };\n CenturyViewService.prototype.rowLength = function (_) {\n return CELLS_LENGTH;\n };\n CenturyViewService.prototype.skip = function (value, min) {\n return durationInCenturies(min, value);\n };\n CenturyViewService.prototype.total = function (min, max) {\n return durationInCenturies(min, max) + 1;\n };\n CenturyViewService.prototype.value = function (current) {\n return current ? firstYearOfDecade(current).getFullYear().toString() : '';\n };\n CenturyViewService.prototype.viewDate = function (date, max, border) {\n if (border === void 0) { border = 1; }\n var renderTwoViews = durationInCenturies(date, max) < border;\n return renderTwoViews ? addCenturies(date, -1) : date;\n };\n CenturyViewService.prototype.normalize = function (cellDate, min, max) {\n if (cellDate < min && this.isEqual(cellDate, min)) {\n return cloneDate(min);\n }\n if (cellDate > max && this.isEqual(cellDate, max)) {\n return cloneDate(max);\n }\n return cellDate;\n };\n return CenturyViewService;\n}());\nexport { CenturyViewService };\n","var _a;\nimport { addDecades, addYears, cloneDate, durationInDecades, firstYearOfDecade, lastYearOfDecade } from '@progress/kendo-date-math';\nimport { Action } from '../models/NavigationAction';\nimport { EMPTY_SELECTIONRANGE } from '../models/SelectionRange';\nimport { getToday, isInRange, isInSelectionRange, range } from '../../utils';\nvar EMPTY_DATA = [[]];\nvar CELLS_LENGTH = 4;\nvar ROWS_LENGTH = 3;\nvar ACTIONS = (_a = {},\n _a[Action.Left] = function (date) { return addYears(date, -1); },\n _a[Action.Up] = function (date) { return addYears(date, -4); },\n _a[Action.Right] = function (date) { return addYears(date, 1); },\n _a[Action.Down] = function (date) { return addYears(date, 4); },\n _a[Action.PrevView] = function (date) { return addDecades(date, -1); },\n _a[Action.NextView] = function (date) { return addDecades(date, 1); },\n _a[Action.FirstInView] = function (date) { return firstYearOfDecade(date); },\n _a[Action.LastInView] = function (date) { return lastYearOfDecade(date); },\n _a);\n/**\n * @hidden\n */\nvar DecadeViewService = /** @class */ (function () {\n function DecadeViewService() {\n }\n DecadeViewService.prototype.addToDate = function (min, skip) {\n return addDecades(min, skip);\n };\n DecadeViewService.prototype.datesList = function (start, count) {\n return range(0, count).map(function (i) { return addDecades(firstYearOfDecade(start), i); });\n };\n DecadeViewService.prototype.data = function (options) {\n var _this = this;\n 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 ? EMPTY_SELECTIONRANGE : _a, viewDate = options.viewDate;\n if (!viewDate) {\n return EMPTY_DATA;\n }\n var cells = range(0, CELLS_LENGTH);\n var firstDate = firstYearOfDecade(viewDate);\n var lastDate = lastYearOfDecade(viewDate);\n var today = getToday();\n return range(0, ROWS_LENGTH).map(function (rowOffset) {\n var baseDate = addYears(firstDate, rowOffset * CELLS_LENGTH);\n return cells.map(function (cellOffset) {\n var cellDate = _this.normalize(addYears(baseDate, cellOffset), min, max);\n var changedDecade = !_this.isInSameView(cellDate, lastDate);\n if (changedDecade) {\n return null;\n }\n var isRangeStart = _this.isEqual(cellDate, selectionRange.start);\n var isRangeEnd = _this.isEqual(cellDate, selectionRange.end);\n var isInMiddle = !isRangeStart && !isRangeEnd;\n var isRangeMid = isInMiddle && isInSelectionRange(cellDate, selectionRange);\n var isSelected = isActiveView && (!Array.isArray(selectedDate)\n ? isInRange(selectedDate, min, max) && _this.isEqual(cellDate, selectedDate)\n : _this.isSelectedFromArray(cellDate, selectedDate, min, max));\n return {\n formattedValue: _this.value(cellDate),\n id: \"\" + cellUID + cellDate.getTime(),\n isFocused: _this.isEqual(cellDate, focusedDate),\n isSelected: isSelected,\n isWeekend: false,\n isInRange: isInRange(cellDate, min, max),\n isRangeStart: isRangeStart,\n isRangeMid: isRangeMid,\n isRangeEnd: isRangeEnd,\n isRangeSplitEnd: isRangeMid && _this.isEqual(cellDate, lastDate),\n isRangeSplitStart: isRangeMid && _this.isEqual(cellDate, firstDate),\n isToday: _this.isEqual(cellDate, today),\n title: _this.cellTitle(cellDate),\n value: cellDate\n };\n });\n });\n };\n DecadeViewService.prototype.isSelectedFromArray = function (candidate, dates, min, max) {\n var _this = this;\n var result = false;\n dates.forEach(function (date) {\n if (isInRange(candidate, min, max) && _this.isEqual(candidate, date)) {\n result = true;\n }\n });\n return result;\n };\n DecadeViewService.prototype.isEqual = function (candidate, expected) {\n if (!candidate || !expected) {\n return false;\n }\n return candidate.getFullYear() === expected.getFullYear();\n };\n DecadeViewService.prototype.isInArray = function (date, dates) {\n if (!dates.length) {\n return false;\n }\n var year = date.getFullYear();\n return dates[0].getFullYear() <= year && year <= (dates[dates.length - 1].getFullYear() + 9);\n };\n DecadeViewService.prototype.isInRange = function (candidate, min, max) {\n var year = candidate.getFullYear();\n var aboveMin = !min || min.getFullYear() <= year;\n var belowMax = !max || year <= max.getFullYear();\n return aboveMin && belowMax;\n };\n DecadeViewService.prototype.isRangeStart = function (value) {\n return value.getFullYear() % 100 === 0;\n };\n DecadeViewService.prototype.isInSameView = function (candidate, value) {\n return durationInDecades(candidate, value) === 0;\n };\n DecadeViewService.prototype.move = function (value, action) {\n var modifier = ACTIONS[action];\n if (!modifier) {\n return value;\n }\n return modifier(value);\n };\n DecadeViewService.prototype.cellTitle = function (value) {\n return value.getFullYear().toString();\n };\n DecadeViewService.prototype.navigationTitle = function (value) {\n return value ? firstYearOfDecade(value).getFullYear().toString() : '';\n };\n DecadeViewService.prototype.title = function (value) {\n if (!value) {\n return '';\n }\n return firstYearOfDecade(value).getFullYear() + \" - \" + lastYearOfDecade(value).getFullYear();\n };\n DecadeViewService.prototype.rowLength = function (_) {\n return CELLS_LENGTH;\n };\n DecadeViewService.prototype.skip = function (value, min) {\n return durationInDecades(min, value);\n };\n DecadeViewService.prototype.total = function (min, max) {\n return durationInDecades(min, max) + 1;\n };\n DecadeViewService.prototype.value = function (current) {\n return current ? current.getFullYear().toString() : '';\n };\n DecadeViewService.prototype.viewDate = function (date, max, border) {\n if (border === void 0) { border = 1; }\n var renderTwoViews = durationInDecades(date, max) < border;\n return renderTwoViews ? addDecades(date, -1) : date;\n };\n DecadeViewService.prototype.normalize = function (cellDate, min, max) {\n if (cellDate < min && this.isEqual(cellDate, min)) {\n return cloneDate(min);\n }\n if (cellDate > max && this.isEqual(cellDate, max)) {\n return cloneDate(max);\n }\n return cellDate;\n };\n return DecadeViewService;\n}());\nexport { DecadeViewService };\n","var _a;\nimport { addDays, addWeeks, addMonths, dayOfWeek, durationInMonths, getDate, firstDayOfMonth, lastDayOfMonth } from '@progress/kendo-date-math';\nimport { Action } from '../models/NavigationAction';\nimport { EMPTY_SELECTIONRANGE } from '../models/SelectionRange';\nimport { getToday, isInRange, isInSelectionRange, range } from '../../utils';\nvar EMPTY_DATA = [[]];\nvar CELLS_LENGTH = 7;\nvar ROWS_LENGTH = 6;\nvar SATURDAY = 6;\nvar SUNDAY = 0;\nvar ACTIONS = (_a = {},\n _a[Action.Left] = function (date) { return addDays(date, -1); },\n _a[Action.Up] = function (date) { return addWeeks(date, -1); },\n _a[Action.Right] = function (date) { return addDays(date, 1); },\n _a[Action.Down] = function (date) { return addWeeks(date, 1); },\n _a[Action.PrevView] = function (date) { return addMonths(date, -1); },\n _a[Action.NextView] = function (date) { return addMonths(date, 1); },\n _a[Action.FirstInView] = function (date) { return firstDayOfMonth(date); },\n _a[Action.LastInView] = function (date) { return lastDayOfMonth(date); },\n _a);\n/**\n * @hidden\n */\nvar MonthViewService = /** @class */ (function () {\n function MonthViewService(intl) {\n this.intl = intl;\n }\n MonthViewService.prototype.addToDate = function (min, skip) {\n return addMonths(min, skip);\n };\n MonthViewService.prototype.datesList = function (start, count) {\n return range(0, count).map(function (i) { return addMonths(start, i); });\n };\n MonthViewService.prototype.data = function (options) {\n var _this = this;\n 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 ? EMPTY_SELECTIONRANGE : _a, viewDate = options.viewDate;\n if (!viewDate) {\n return EMPTY_DATA;\n }\n var firstMonthDate = firstDayOfMonth(viewDate);\n var lastMonthDate = lastDayOfMonth(viewDate);\n var backward = -1;\n var date = dayOfWeek(firstMonthDate, this.intl.firstDay(), backward);\n var cells = range(0, CELLS_LENGTH);\n var today = getToday();\n return range(0, ROWS_LENGTH).map(function (rowOffset) {\n var baseDate = addDays(date, rowOffset * CELLS_LENGTH);\n return cells.map(function (cellOffset) {\n var cellDate = _this.normalize(addDays(baseDate, cellOffset), min, max);\n var otherMonth = cellDate < firstMonthDate || cellDate > lastMonthDate;\n if (otherMonth) {\n return null;\n }\n var isRangeStart = _this.isEqual(cellDate, selectionRange.start);\n var isRangeEnd = _this.isEqual(cellDate, selectionRange.end);\n var isInMiddle = !isRangeStart && !isRangeEnd;\n var isRangeMid = isInMiddle && isInSelectionRange(cellDate, selectionRange);\n var isSelected = isActiveView && (!Array.isArray(selectedDate)\n ? isInRange(selectedDate, min, max) && _this.isEqual(cellDate, selectedDate)\n : _this.isSelectedFromArray(cellDate, selectedDate, min, max));\n var cell = {\n formattedValue: _this.value(cellDate),\n id: \"\" + cellUID + cellDate.getTime(),\n isFocused: _this.isEqual(cellDate, focusedDate),\n isSelected: isSelected,\n isInRange: isInRange(cellDate, min, max),\n isWeekend: _this.isWeekend(cellDate),\n isRangeStart: isRangeStart,\n isRangeMid: isRangeMid,\n isRangeEnd: isRangeEnd,\n isRangeSplitStart: isRangeMid && _this.isEqual(cellDate, firstMonthDate),\n isRangeSplitEnd: isRangeMid && _this.isEqual(cellDate, lastMonthDate),\n isToday: _this.isEqual(cellDate, today),\n title: _this.cellTitle(cellDate),\n value: cellDate\n };\n return cell;\n });\n });\n };\n MonthViewService.prototype.isEqual = function (candidate, expected) {\n if (!candidate || !expected) {\n return false;\n }\n return getDate(candidate).getTime() === getDate(expected).getTime();\n };\n MonthViewService.prototype.isSelectedFromArray = function (candidate, dates, min, max) {\n var _this = this;\n var result = false;\n dates.forEach(function (date) {\n if (isInRange(candidate, min, max) && _this.isEqual(candidate, date)) {\n result = true;\n }\n });\n return result;\n };\n MonthViewService.prototype.isInArray = function (date, dates) {\n return !!dates.length && firstDayOfMonth(dates[0]) <= date && date <= lastDayOfMonth(dates[dates.length - 1]);\n };\n MonthViewService.prototype.isInRange = function (candidate, min, max) {\n var value = getDate(candidate);\n var aboveMin = !min || getDate(min) <= value;\n var belowMax = !max || value <= getDate(max);\n return aboveMin && belowMax;\n };\n MonthViewService.prototype.isInSameView = function (candidate, value) {\n return durationInMonths(candidate, value) === 0;\n };\n MonthViewService.prototype.isRangeStart = function (value) {\n return !value.getMonth();\n };\n MonthViewService.prototype.move = function (value, action) {\n var modifier = ACTIONS[action];\n if (!modifier) {\n return value;\n }\n return modifier(value);\n };\n MonthViewService.prototype.cellTitle = function (value) {\n return this.intl.formatDate(value, 'D');\n };\n MonthViewService.prototype.navigationTitle = function (value) {\n if (!value) {\n return '';\n }\n return this.isRangeStart(value) ? value.getFullYear().toString() : this.abbrMonthNames()[value.getMonth()];\n };\n MonthViewService.prototype.title = function (current) {\n return this.wideMonthNames()[current.getMonth()] + \" \" + current.getFullYear();\n };\n MonthViewService.prototype.rowLength = function (prependCell) {\n return CELLS_LENGTH + (prependCell ? 1 : 0);\n };\n MonthViewService.prototype.skip = function (value, min) {\n return durationInMonths(min, value);\n };\n MonthViewService.prototype.total = function (min, max) {\n return durationInMonths(min, max) + 1;\n };\n MonthViewService.prototype.value = function (current) {\n return current ? current.getDate().toString() : '';\n };\n MonthViewService.prototype.viewDate = function (date, max, border) {\n if (border === void 0) { border = 1; }\n var renderTwoViews = durationInMonths(date, max) < border;\n return renderTwoViews ? addMonths(date, -1) : date;\n };\n MonthViewService.prototype.isWeekend = function (date) {\n var day = date.getDay();\n return day === SATURDAY || day === SUNDAY;\n };\n MonthViewService.prototype.abbrMonthNames = function () {\n return this.intl.dateFormatNames({ nameType: 'abbreviated', type: 'months' });\n };\n MonthViewService.prototype.normalize = function (cellDate, min, max) {\n if (cellDate < min && this.isEqual(cellDate, min)) {\n return getDate(min);\n }\n if (cellDate > max && this.isEqual(cellDate, max)) {\n return getDate(max);\n }\n return cellDate;\n };\n MonthViewService.prototype.wideMonthNames = function () {\n return this.intl.dateFormatNames({ nameType: 'wide', type: 'months' });\n };\n return MonthViewService;\n}());\nexport { MonthViewService };\n","var _a;\nimport { addMonths, addYears, createDate, durationInYears, firstMonthOfYear, lastMonthOfYear } from '@progress/kendo-date-math';\nimport { Action } from '../models/NavigationAction';\nimport { getToday, isInRange, isInSelectionRange, range } from '../../utils';\nimport { EMPTY_SELECTIONRANGE } from '../models/SelectionRange';\nimport { cloneDate } from '@progress/kendo-vue-common';\nvar EMPTY_DATA = [[]];\nvar CELLS_LENGTH = 4;\nvar ROWS_LENGTH = 3;\nvar ACTIONS = (_a = {},\n _a[Action.Left] = function (date) { return addMonths(date, -1); },\n _a[Action.Up] = function (date) { return addMonths(date, -4); },\n _a[Action.Right] = function (date) { return addMonths(date, 1); },\n _a[Action.Down] = function (date) { return addMonths(date, 4); },\n _a[Action.PrevView] = function (date) { return addYears(date, -1); },\n _a[Action.NextView] = function (date) { return addYears(date, 1); },\n _a[Action.FirstInView] = function (date) { return firstMonthOfYear(date); },\n _a[Action.LastInView] = function (date) { return lastMonthOfYear(date); },\n _a);\n/**\n * @hidden\n */\nvar YearViewService = /** @class */ (function () {\n function YearViewService(intl) {\n this._intl = intl;\n }\n YearViewService.prototype.addToDate = function (min, skip) {\n return addYears(min, skip);\n };\n YearViewService.prototype.datesList = function (start, count) {\n return range(0, count).map(function (i) { return addYears(start, i); });\n };\n YearViewService.prototype.data = function (options) {\n var _this = this;\n 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 ? EMPTY_SELECTIONRANGE : _a, viewDate = options.viewDate;\n if (!viewDate) {\n return EMPTY_DATA;\n }\n var months = this.abbrMonthNames();\n var firstDate = firstMonthOfYear(viewDate);\n var lastDate = lastMonthOfYear(viewDate);\n var currentYear = firstDate.getFullYear();\n var cells = range(0, CELLS_LENGTH);\n var today = getToday();\n return range(0, ROWS_LENGTH).map(function (rowOffset) {\n var baseDate = addMonths(firstDate, rowOffset * CELLS_LENGTH);\n return cells.map(function (cellOffset) {\n var cellDate = _this.normalize(addMonths(baseDate, cellOffset), min, max);\n if (!cellDate) {\n return null;\n }\n var changedYear = currentYear < cellDate.getFullYear();\n if (changedYear) {\n return null;\n }\n var isRangeStart = _this.isEqual(cellDate, selectionRange.start);\n var isRangeEnd = _this.isEqual(cellDate, selectionRange.end);\n var isInMiddle = !isRangeStart && !isRangeEnd;\n var isRangeMid = isInMiddle && isInSelectionRange(cellDate, selectionRange);\n var isSelected = isActiveView && (!Array.isArray(selectedDate)\n ? isInRange(selectedDate, min, max) && _this.isEqual(cellDate, selectedDate)\n : _this.isSelectedFromArray(cellDate, selectedDate, min, max));\n return {\n formattedValue: months[cellDate.getMonth()],\n id: \"\" + cellUID + cellDate.getTime(),\n isFocused: _this.isEqual(cellDate, focusedDate),\n isSelected: isSelected,\n isInRange: isInRange(cellDate, min, max),\n isWeekend: false,\n isRangeStart: isRangeStart,\n isRangeMid: isRangeMid,\n isRangeEnd: isRangeEnd,\n isRangeSplitEnd: isRangeMid && _this.isEqual(cellDate, lastDate),\n isRangeSplitStart: isRangeMid && _this.isEqual(cellDate, firstDate),\n isToday: _this.isEqual(cellDate, today),\n title: _this.cellTitle(cellDate),\n value: cellDate\n };\n });\n });\n };\n YearViewService.prototype.isSelectedFromArray = function (candidate, dates, min, max) {\n var _this = this;\n var result = false;\n dates.forEach(function (date) {\n if (isInRange(candidate, min, max) && _this.isEqual(candidate, date)) {\n result = true;\n }\n });\n return result;\n };\n YearViewService.prototype.isEqual = function (candidate, expected) {\n if (!candidate || !expected) {\n return false;\n }\n return candidate.getFullYear() === expected.getFullYear() &&\n candidate.getMonth() === expected.getMonth();\n };\n YearViewService.prototype.isInArray = function (date, dates) {\n if (!dates.length) {\n return false;\n }\n var year = date.getFullYear();\n return dates[0].getFullYear() <= year && year <= dates[dates.length - 1].getFullYear();\n };\n YearViewService.prototype.isInRange = function (candidate, min, max) {\n var candidateValue = createDate(candidate.getFullYear(), candidate.getMonth(), 1);\n var aboveMin = !min || createDate(min.getFullYear(), min.getMonth(), 1) <= candidateValue;\n var belowMax = !max || candidateValue <= createDate(max.getFullYear(), max.getMonth(), 1);\n return aboveMin && belowMax;\n };\n YearViewService.prototype.isInSameView = function (candidate, value) {\n return durationInYears(candidate, value) === 0;\n };\n YearViewService.prototype.isRangeStart = function (value) {\n return value.getFullYear() % 10 === 0;\n };\n YearViewService.prototype.move = function (value, action) {\n var modifier = ACTIONS[action];\n if (!modifier) {\n return value;\n }\n return modifier(value);\n };\n YearViewService.prototype.cellTitle = function (value) {\n return value.getFullYear() + \" \" + this.value(value);\n };\n YearViewService.prototype.navigationTitle = function (value) {\n return this.title(value);\n };\n YearViewService.prototype.title = function (current) {\n return current ? current.getFullYear().toString() : '';\n };\n YearViewService.prototype.rowLength = function (_) {\n return CELLS_LENGTH;\n };\n YearViewService.prototype.skip = function (value, min) {\n return durationInYears(min, value);\n };\n YearViewService.prototype.total = function (min, max) {\n return durationInYears(min, max) + 1;\n };\n YearViewService.prototype.value = function (current) {\n return current ? this.abbrMonthNames()[current.getMonth()] : '';\n };\n YearViewService.prototype.viewDate = function (date, max, border) {\n if (border === void 0) { border = 1; }\n var renderTwoViews = durationInYears(date, max) < border;\n return renderTwoViews ? addYears(date, -1) : date;\n };\n YearViewService.prototype.abbrMonthNames = function () {\n return this._intl.dateFormatNames({ nameType: 'abbreviated', type: 'months' });\n };\n YearViewService.prototype.normalize = function (cellDate, min, max) {\n if (cellDate < min && this.isEqual(cellDate, min)) {\n return cloneDate(min);\n }\n if (cellDate > max && this.isEqual(cellDate, max)) {\n return cloneDate(max);\n }\n return cellDate;\n };\n return YearViewService;\n}());\nexport { YearViewService };\n","var _a;\nimport { CenturyViewService } from './CenturyViewService';\nimport { DecadeViewService } from './DecadeViewService';\nimport { MonthViewService } from './MonthViewService';\nimport { YearViewService } from './YearViewService';\nimport { CalendarViewEnum } from '../models/CalendarViewEnum';\nvar services = (_a = {},\n _a[CalendarViewEnum.month] = MonthViewService,\n _a[CalendarViewEnum.year] = YearViewService,\n _a[CalendarViewEnum.decade] = DecadeViewService,\n _a[CalendarViewEnum.century] = CenturyViewService,\n _a);\nvar viewOffset = function (view, offset) {\n var candidate = CalendarViewEnum[CalendarViewEnum[view + offset]];\n return candidate !== undefined ? candidate : view;\n};\n/**\n * @hidden\n */\nvar BusViewService = /** @class */ (function () {\n function BusViewService(onViewChanged) {\n this.bottom = CalendarViewEnum.month;\n this.top = CalendarViewEnum.century;\n this.onViewChanged = onViewChanged;\n }\n BusViewService.prototype.configure = function (bottom, top) {\n this.bottom = bottom;\n this.top = top;\n };\n BusViewService.prototype.service = function (view, intl) {\n return new services[\"\" + view](intl);\n };\n BusViewService.prototype.moveDown = function (view, event) {\n this.move(view, -1, event);\n };\n BusViewService.prototype.moveUp = function (view, event) {\n this.move(view, 1, event);\n };\n BusViewService.prototype.moveToBottom = function (activeView) {\n if (activeView === this.bottom) {\n return;\n }\n this.onViewChanged({ view: this.bottom });\n };\n BusViewService.prototype.canMoveDown = function (view) {\n return this.bottom < view;\n };\n BusViewService.prototype.canMoveUp = function (view) {\n return view < this.top;\n };\n BusViewService.prototype.clamp = function (view) {\n if (view < this.bottom) {\n return this.bottom;\n }\n if (view > this.top) {\n return this.top;\n }\n return view;\n };\n BusViewService.prototype.move = function (view, offset, event) {\n var candidate = this.clamp(viewOffset(view, offset));\n if (candidate === view) {\n return;\n }\n this.onViewChanged({ view: candidate }, event);\n };\n return BusViewService;\n}());\nexport { BusViewService };\n","var _a;\n/**\n * @hidden\n */\nexport var prevView = 'calendar.prevView';\n/**\n * @hidden\n */\nexport var nextView = 'calendar.nextView';\n/**\n * @hidden\n */\nexport var increaseValue = 'dateinput.increment';\n/**\n * @hidden\n */\nexport var decreaseValue = 'dateinput.decrement';\n/**\n * @hidden\n */\nexport var today = 'calendar.today';\n/**\n * @hidden\n */\nexport var toggleCalendar = 'datepicker.toggleCalendar';\n/**\n * @hidden\n */\nexport var swapStartEnd = 'daterangepicker.swapStartEnd';\n/**\n * @hidden\n */\nexport var start = 'daterangepicker.start';\n/**\n * @hidden\n */\nexport var end = 'daterangepicker.end';\n/**\n * @hidden\n */\nexport var separator = 'daterangepicker.separator';\n/**\n * @hidden\n */\nexport var toggleDateTimeSelector = 'datetimepicker.toggleDateTimeSelector';\n/**\n * @hidden\n */\nexport var now = 'timepicker.now';\n/**\n * @hidden\n */\nexport var selectNow = 'timepicker.selectNow';\n/**\n * @hidden\n */\nexport var timePickerCancel = 'timepicker.cancel';\n/**\n * @hidden\n */\nexport var timePickerSet = 'timepicker.set';\n/**\n * @hidden\n */\nexport var toggleTimeSelector = 'timepicker.toggleTimeSelector';\n/**\n * @hidden\n */\nexport var toggleClock = 'timepicker.toggleClock';\n/**\n * @hidden\n */\nexport var date = 'datetimepicker.date';\n/**\n * @hidden\n */\nexport var time = 'datetimepicker.time';\n/**\n * @hidden\n */\nexport var dateTimePickerCancel = 'datetimepicker.cancel';\n/**\n * @hidden\n */\nexport var dateTimePickerSet = 'datetimepicker.set';\n/**\n * @hidden\n */\nexport var messages = (_a = {},\n _a[today] = 'Today',\n _a[now] = 'NOW',\n _a[timePickerSet] = 'Set',\n _a[timePickerCancel] = 'Cancel',\n _a[date] = 'Date',\n _a[time] = 'Time',\n _a[dateTimePickerCancel] = 'Cancel',\n _a[dateTimePickerSet] = 'Set',\n _a[start] = 'Start',\n _a[end] = 'End',\n _a[separator] = ' ',\n _a[selectNow] = 'Select Now',\n _a[toggleTimeSelector] = 'Toggle TimeSelector',\n _a[toggleClock] = 'Toggle Clock',\n _a[increaseValue] = 'Increase value',\n _a[decreaseValue] = 'Decrease value',\n _a[toggleCalendar] = 'Toggle calendar',\n _a[prevView] = 'Navigate to previous view',\n _a[nextView] = 'Navigate to next view',\n _a[swapStartEnd] = 'Swap start and end values',\n _a[toggleDateTimeSelector] = 'Toggle date-time selector',\n _a);\n","var _a, _b, _c; // @ts-ignore\n\n\nimport * as Vue from 'vue';\nvar allVue = Vue;\nvar gh = allVue.h;\nimport { classNames, getDefaultSlots } from '@progress/kendo-vue-common';\nimport { RowHeightService, ScrollerService } from './services';\n/**\n * @hidden\n */\n\nexport var ScrollDirection;\n\n(function (ScrollDirection) {\n ScrollDirection[ScrollDirection[\"Backward\"] = 0] = \"Backward\";\n ScrollDirection[ScrollDirection[\"Forward\"] = 1] = \"Forward\";\n})(ScrollDirection || (ScrollDirection = {}));\n\nvar differenceToScroll = function differenceToScroll(scrollTop, staticOffset, maxScrollDifference) {\n return Math.min(Math.abs(staticOffset - scrollTop), maxScrollDifference);\n};\n\nvar FRAME_DURATION = 17;\nvar scrollModifiers = (_a = {}, _a[ScrollDirection.Forward] = function (step) {\n return function (value) {\n return value + step;\n };\n}, _a[ScrollDirection.Backward] = function (step) {\n return function (value) {\n return value - step;\n };\n}, _a);\nvar scrollNormalizers = (_b = {}, _b[ScrollDirection.Forward] = function (end) {\n return function (value) {\n return Math.min(value, end);\n };\n}, _b[ScrollDirection.Backward] = function (end) {\n return function (value) {\n return Math.max(value, end);\n };\n}, _b);\nvar scrollValidators = (_c = {}, _c[ScrollDirection.Forward] = function (end) {\n return function (start) {\n return start < end;\n };\n}, _c[ScrollDirection.Backward] = function (end) {\n return function (start) {\n return start > end;\n };\n}, _c);\nvar Virtualization = {\n name: 'Virtualization',\n // @ts-ignore\n emits: {\n scroll: null,\n scrollaction: null\n },\n props: {\n bottomOffset: {\n type: Number,\n required: true\n },\n direction: {\n type: String,\n default: function _default() {\n return 'vertical';\n }\n },\n forceScroll: {\n type: Boolean,\n default: false\n },\n itemHeight: Number,\n itemWidth: Number,\n maxScrollDifference: {\n type: Number,\n default: 100\n },\n scrollDuration: {\n type: Number,\n default: 100\n },\n scrollOffsetSize: {\n type: Number,\n default: 0\n },\n skip: {\n type: Number,\n required: true\n },\n tabIndex: Number,\n take: {\n type: Number,\n required: true\n },\n topOffset: {\n type: Number,\n required: true\n },\n total: {\n type: Number,\n required: true\n },\n role: String\n },\n created: function created() {\n this.animationInProgress = false;\n this.lastTotal = undefined;\n this.scrollerService = new ScrollerService(this.handleScrollAction, this.handlePageAction);\n },\n mounted: function mounted() {\n this.scrollContainer = this.$refs.scrollContainer;\n },\n computed: {\n element: function element() {\n return this.scrollContainer;\n }\n },\n methods: {\n containerOffsetSize: function containerOffsetSize() {\n return this.getContainerProperty(this.$props.direction === 'vertical' ? 'offsetHeight' : 'offsetWidth');\n },\n containerScrollSize: function containerScrollSize() {\n return this.getContainerProperty(this.$props.direction === 'vertical' ? 'scrollHeight' : 'scrollWidth');\n },\n containerScrollPosition: function containerScrollPosition() {\n return this.getContainerProperty(this.$props.direction === 'vertical' ? 'scrollTop' : 'scrollLeft');\n },\n activeIndex: function activeIndex() {\n return this.itemIndex(Math.ceil(this.containerScrollPosition()));\n },\n itemIndex: function itemIndex(offset) {\n if (!this.rowHeightService) {\n return 0;\n }\n\n return this.rowHeightService.index(offset);\n },\n itemOffset: function itemOffset(index) {\n if (!this.rowHeightService) {\n return 0;\n }\n\n return this.rowHeightService.offset(index);\n },\n isIndexVisible: function isIndexVisible(index) {\n if (!this.rowHeightService) {\n return false;\n }\n\n var containerTop = this.containerScrollPosition();\n var containerBottom = containerTop + this.containerOffsetSize();\n var top = this.rowHeightService.offset(index);\n var bottom = top + this.rowHeightService.height(index);\n return top >= containerTop && bottom <= containerBottom;\n },\n isListScrolled: function isListScrolled(index) {\n if (!this.rowHeightService) {\n return false;\n }\n\n return this.containerScrollPosition() !== this.rowHeightService.offset(index);\n },\n scrollTo: function scrollTo(value) {\n var scrollProperty = this.$props.direction === 'vertical' ? 'scrollTop' : 'scrollLeft';\n\n if (!this.scrollContainer) {\n return;\n }\n\n this.scrollContainer[scrollProperty] = value;\n },\n scrollToIndex: function scrollToIndex(index) {\n if (!this.rowHeightService) {\n return;\n }\n\n this.animationInProgress = false;\n this.scrollTo(this.rowHeightService.offset(index));\n },\n animateToIndex: function animateToIndex(index) {\n var _this = this;\n\n if (!this.rowHeightService || !window) {\n return;\n }\n\n window.cancelAnimationFrame(this.cancelAnimation);\n var indexOffset = this.rowHeightService.offset(index);\n var direction = this.getContainerScrollDirection(indexOffset);\n\n var _a = this.scrollRange(indexOffset, direction),\n start = _a.start,\n end = _a.end;\n\n if (start === end) {\n return;\n }\n\n var step = this.scrollStep(start, end);\n var modifyScroll = scrollModifiers[direction](step);\n var normalizeScroll = scrollNormalizers[direction](end);\n var isScrollValid = scrollValidators[direction](modifyScroll(end));\n\n var animate = function animate(progress) {\n _this.animationInProgress = true;\n var next = modifyScroll(progress);\n\n _this.scrollTo(normalizeScroll(next));\n\n isScrollValid(next) ? _this.cancelAnimation = window.requestAnimationFrame(function () {\n animate(next);\n }) : _this.animationInProgress = false;\n };\n\n this.cancelAnimation = window.requestAnimationFrame(function () {\n animate(start);\n });\n },\n scrollToBottom: function scrollToBottom() {\n if (!this.rowHeightService) {\n return;\n }\n\n this.scrollTo(this.rowHeightService.totalHeight() + this.$props.bottomOffset);\n },\n scrollStep: function scrollStep(start, end) {\n var duration = this.$props.scrollDuration;\n return Math.abs(end - start) / (duration / FRAME_DURATION);\n },\n scrollRange: function scrollRange(indexOffset, direction) {\n var containerScroll = this.containerScrollPosition();\n\n if (parseInt(\"\" + indexOffset, 10) === parseInt(\"\" + containerScroll, 10)) {\n return {\n start: indexOffset,\n end: indexOffset\n };\n }\n\n var maxScroll = this.containerMaxScroll();\n var sign = direction === ScrollDirection.Backward ? 1 : -1;\n var difference = differenceToScroll(containerScroll, indexOffset, this.$props.maxScrollDifference);\n var end = Math.min(indexOffset, maxScroll);\n var start = Math.min(Math.max(end + sign * difference, 0), maxScroll);\n return {\n start: start,\n end: end\n };\n },\n containerMaxScroll: function containerMaxScroll() {\n return this.containerScrollSize() - this.containerOffsetSize();\n },\n getContainerScrollDirection: function getContainerScrollDirection(indexOffset) {\n return indexOffset < this.containerScrollPosition() ? ScrollDirection.Backward : ScrollDirection.Forward;\n },\n initServices: function initServices(newProps) {\n var props = newProps || this.$props;\n var dimension = props.direction === 'vertical' ? props.itemHeight : props.itemWidth;\n\n if (dimension === undefined) {\n return;\n }\n\n this.rowHeightService = new RowHeightService(props.total, dimension, 0);\n this.scrollerService.create(this.rowHeightService, props.skip, props.take, props.total, props.topOffset, this.$props.scrollOffsetSize, this.$props.direction);\n },\n getContainerProperty: function getContainerProperty(propertyName) {\n if (!this.scrollContainer) {\n return 0;\n }\n\n return this.scrollContainer[propertyName];\n },\n handleScroll: function handleScroll(event) {\n if (!this.scrollContainer || !this.rowHeightService) {\n return;\n }\n\n var target = event.target;\n this.scrollerService.onScroll({\n scrollLeft: target.scrollLeft,\n scrollTop: target.scrollTop,\n offsetHeight: target.offsetHeight,\n offsetWidth: target.offsetWidth\n });\n var index = this.rowHeightService.index(this.containerScrollPosition() - this.$props.topOffset);\n var args = {\n index: index,\n target: target,\n scrollAction: this.scrollAction,\n pageAction: this.pageAction,\n animationInProgress: this.animationInProgress\n };\n this.$emit('scrollaction', args);\n this.scrollAction = undefined;\n this.pageAction = undefined;\n },\n handleScrollAction: function handleScrollAction(action) {\n this.scrollAction = action;\n },\n handlePageAction: function handlePageAction(action) {\n this.pageAction = action;\n }\n },\n // @ts-ignore\n setup: !gh ? undefined : function () {\n var v3 = !!gh;\n return {\n v3: v3\n };\n },\n // @ts-ignore\n render: function render(createElement) {\n var h = gh || createElement;\n var defaultSlot = getDefaultSlots(this);\n\n if (this.lastTotal !== this.$props.total || this.lastDirection !== this.$props.direction || this.lastTake !== this.$props.take) {\n this.initServices();\n this.lastTotal = this.$props.total;\n this.lastDirection = this.$props.direction;\n this.lastTake = this.$props.take;\n }\n\n var vertexLength = \"\" + ((this.rowHeightService ? this.rowHeightService.totalHeight() : 0) + this.$props.bottomOffset);\n var placeholderStyle = this.$props.direction === 'vertical' ? {\n height: vertexLength + \"px\"\n } : {\n width: vertexLength + \"px\"\n };\n var rootClassNames = classNames('k-content k-scrollable', {\n 'k-scrollable-horizontal': this.$props.direction === 'horizontal'\n });\n var scrollableClassNames = classNames('k-scrollable-placeholder', {\n 'k-scrollable-horizontal-placeholder': this.$props.direction === 'horizontal'\n });\n return h(\"div\", {\n ref: 'scrollContainer',\n onScroll: this.handleScroll,\n on: this.v3 ? undefined : {\n \"scroll\": this.handleScroll\n },\n \"class\": rootClassNames,\n tabIndex: this.$props.tabIndex,\n attrs: this.v3 ? undefined : {\n tabIndex: this.$props.tabIndex,\n role: this.$props.role\n },\n role: this.$props.role\n }, [defaultSlot, h(\"div\", {\n style: placeholderStyle,\n \"class\": scrollableClassNames\n })]);\n }\n};\nvar VirtualizationVue3 = Virtualization;\nexport { Virtualization, VirtualizationVue3 };","import { cloneDate, isEqual } from '@progress/kendo-date-math';\nimport { getDate } from '@progress/kendo-date-math';\nimport { EMPTY_SELECTIONRANGE } from './calendar/models/SelectionRange';\n/**\n * @hidden\n */\nexport var isEqualRange = function (initial, updated) {\n var _a = initial || EMPTY_SELECTIONRANGE, initialStart = _a.start, initialEnd = _a.end;\n var _b = updated || EMPTY_SELECTIONRANGE, updatedStart = _b.start, updatedEnd = _b.end;\n if (initialStart === null || initialEnd === null || updatedStart === null || updatedEnd === null) {\n return false;\n }\n return isEqual(initialStart, updatedStart) && isEqual(initialEnd, updatedEnd);\n};\n/**\n * @hidden\n */\nexport var viewInRange = function (candidate, min, max) {\n if (min === undefined || max === undefined) {\n return candidate;\n }\n return min <= candidate && candidate <= max\n ? candidate\n : candidate < min\n ? min\n : max;\n};\n/**\n * @hidden\n */\nexport var MIDNIGHT_DATE = new Date(1980, 0, 1);\n/**\n * @hidden\n */\nexport var MIN_DATE = new Date(1900, 0, 1);\n/**\n * @hidden\n */\nexport var MAX_DATE = new Date(2099, 11, 31);\n/**\n * @hidden\n */\nexport var MIN_TIME = new Date(1980, 0, 1);\n/**\n * @hidden\n */\nexport var MAX_TIME = new Date(1980, 0, 1, 23, 59, 59);\nvar isSet = function (value) { return value !== null && value !== undefined; };\n/**\n * @hidden\n */\nexport var isValidRange = function (min, max) { return (!isSet(min) || !isSet(max) || min <= max); };\n/**\n * @hidden\n */\nexport var setTime = function (origin, candidate) {\n var date = cloneDate(origin);\n date.setHours(candidate.getHours(), candidate.getMinutes(), candidate.getSeconds(), candidate.getMilliseconds());\n return date;\n};\n/**\n * @hidden\n */\nexport var getToday = function () { return getDate(new Date()); };\n/**\n * @hidden\n */\nexport var isInRange = function (candidate, min, max) { return (!candidate || !((min && min > candidate) || (max && max < candidate))); };\n/**\n * @hidden\n */\nexport var isInDateRange = function (candidate, min, max) { return (candidate === null\n || !((min && getDate(min) > getDate(candidate))\n || (max && getDate(max) < getDate(candidate)))); };\n/**\n * @hidden\n */\nexport var isInSelectionRange = function (value, selectionRange) {\n var _a = selectionRange || EMPTY_SELECTIONRANGE, start = _a.start, end = _a.end;\n if (!start || !end) {\n return false;\n }\n return start < value && value < end;\n};\n/**\n * @hidden\n */\nexport var range = function (start, end, step) {\n if (step === void 0) { step = 1; }\n var result = [];\n for (var i = start; i < end; i = i + step) {\n result.push(i);\n }\n return result;\n};\n/**\n * @hidden\n */\nexport var shiftWeekNames = function (names, offset) { return (names.slice(offset).concat(names.slice(0, offset))); };\n/**\n * @hidden\n */\nexport var dateInRange = function (candidate, min, max) {\n if (!candidate) {\n return candidate;\n }\n if (min && candidate < min) {\n return cloneDate(min);\n }\n if (max && candidate > max) {\n return cloneDate(max);\n }\n return candidate;\n};\n/**\n * @hidden\n */\nexport var domContainerFactory = function (type) { return function (children, classes, styles) {\n if (classes === void 0) { classes = ''; }\n if (styles === void 0) { styles = {}; }\n var container = document.createElement(type);\n container.className = classes;\n Object.keys(styles).map(function (key) { return container.style[key] = styles[key]; });\n if (typeof children === 'string') {\n container.innerHTML = children || '';\n }\n else {\n (children || []).forEach(function (child) { return child && container.appendChild(child); });\n }\n return container;\n}; };\n","import { addDays } from './add-days';\nimport { createDate } from './create-date';\n/**\n * A function which returns the last date of the month.\n *\n * @param date - The initial date.\n * @returns - The last date of the initial date month.\n *\n * @example\n * ```ts-no-run\n * lastDayOfMonth(new Date(2016, 0, 15)); // 2016-01-31\n * ```\n */\nexport var lastDayOfMonth = function (date) {\n var newDate = createDate(date.getFullYear(), date.getMonth() + 1, 1, date.getHours(), date.getMinutes(), date.getSeconds(), date.getMilliseconds());\n return addDays(newDate, -1);\n};\n","import { adjustDST } from './adjust-dst';\nimport { cloneDate } from './clone-date';\nimport { lastDayOfMonth } from './last-day-of-month';\nvar MONTHS_LENGTH = 12;\nvar normalize = function (date, expectedMonth) { return (date.getMonth() !== expectedMonth ? lastDayOfMonth(addMonths(date, -1)) : date //tslint:disable-line:no-use-before-declare\n); };\n/**\n * A function that adds and subtracts months from a `Date` object.\n *\n * @param date - The initial date value.\n * @param offset - The number of months to add or subtract from the date.\n * @returns - A new `Date` instance.\n *\n * @example\n * ```ts-no-run\n * addMonths(new Date(2016, 5, 1), 5); // 2016-11-1\n * addMonths(new Date(2016, 5, 1), -5); // 2015-1-1\n * ```\n */\nexport var addMonths = function (date, offset) {\n var newDate = cloneDate(date);\n var diff = (newDate.getMonth() + offset) % MONTHS_LENGTH;\n var expectedMonth = (MONTHS_LENGTH + diff) % MONTHS_LENGTH;\n newDate.setMonth(newDate.getMonth() + offset);\n return normalize(adjustDST(newDate, date.getHours()), expectedMonth);\n};\n","import { addMonths } from './add-months';\nimport { createDate } from './create-date';\nimport { lastDayOfMonth } from './last-day-of-month';\n/**\n * @hidden\n */\nexport var setYear = function (value, year) {\n var month = value.getMonth();\n var candidate = createDate(year, month, value.getDate(), value.getHours(), value.getMinutes(), value.getSeconds(), value.getMilliseconds());\n return candidate.getMonth() === month ? candidate : lastDayOfMonth(addMonths(candidate, -1));\n};\n","import { adjustDST } from './adjust-dst';\nimport { setYear } from './set-year';\n/**\n * A function that adds and subtracts years from a `Date` object.\n *\n * @param date - The initial date value.\n * @param offset - The number of years to add or subtract from the date.\n * @returns - A new `Date` instance.\n *\n * @example\n * ```ts-no-run\n * addYears(new Date(2016, 5, 1), 5); // 2011-6-1\n * addYears(new Date(2016, 5, 1), -5); // 2021-6-1\n * ```\n */\nexport var addYears = function (value, offset) {\n return adjustDST(setYear(value, value.getFullYear() + offset), value.getHours());\n};\n","import { addYears } from './add-years';\n/**\n * A function that adds and subtracts decades from a `Date` object.\n *\n * @param date - The initial date value.\n * @param offset - The number of decades to add or subtract from the date.\n * @returns - A new `Date` instance.\n *\n * @example\n * ```ts-no-run\n * addDecades(new Date(2016, 5, 1), 5); // 2066-6-1\n * addDecades(new Date(2016, 5, 1), -5); // 1966-6-1\n * ```\n */\nexport var addDecades = function (value, offset) {\n return addYears(value, 10 * offset);\n};\n","import { addYears } from './add-years';\n/**\n * A function that adds and subtracts centuries from a `Date` object.\n *\n * @param date - The initial date value.\n * @param offset - The number of centuries to add or subtract from the date.\n * @returns - A new `Date` instance.\n *\n * @example\n * ```ts-no-run\n * addCenturies(new Date(2016, 5, 1), 5); // 2516-6-1\n * addCenturies(new Date(2016, 5, 1), -5); // 1516-6-1\n * ```\n */\nexport var addCenturies = function (value, offset) {\n return addYears(value, 100 * offset);\n};\n","import { setYear } from './set-year';\n/**\n * @hidden\n */\nexport var normalizeYear = function (value, year) { return (setYear(value, year(value.getFullYear()))); };\n","import { normalizeYear } from './normalize-year';\n/**\n * A function that returns a `Date` object of the first decade in a century.\n *\n * @param date - The start date value.\n * @returns - The first year in a century.\n *\n * @example\n * ```ts-no-run\n * firstDecadeOfCentury(new Date(2017, 0, 1)); // 2000-1-1\n * firstDecadeOfCentury(new Date(2007, 10, 22)); // 2000-11-22\n * firstDecadeOfCentury(new Date(2126, 0, 1)); // 2100-1-1\n * ```\n */\nexport var firstDecadeOfCentury = function (value) { return (normalizeYear(value, function (y) { return y - (y % 100); })); };\n","import { normalizeYear } from './normalize-year';\n/**\n * A function that returns a `Date` object of the last decade in a century.\n *\n * @param date - The start date value.\n * @returns - The last year in a decade.\n *\n * @example\n * ```ts-no-run\n * lastDecadeOfCentury(new Date(2017, 0, 1)); // 2090-1-1\n * lastDecadeOfCentury(new Date(2007, 10, 22)); // 2090-11-22\n * lastDecadeOfCentury(new Date(2126, 0, 1)); // 2190-1-1\n * ```\n */\nexport var lastDecadeOfCentury = function (value) { return (normalizeYear(value, function (y) { return y - (y % 100) + 90; })); };\n","import { normalizeYear } from './normalize-year';\n/**\n * A function that returns a `Date` object of the first year in a decade.\n *\n * @param date - The start date value.\n * @returns - The first year in a decade.\n *\n * @example\n * ```ts-no-run\n * firstYearOfDecade(new Date(2017, 0, 1)); // 2010-1-1\n * firstYearOfDecade(new Date(2007, 10, 22)); // 2000-11-22\n * firstYearOfDecade(new Date(2026, 0, 1)); // 2020-1-1\n * ```\n */\nexport var firstYearOfDecade = function (value) { return (normalizeYear(value, function (y) { return y - (y % 10); })); };\n","import { firstDecadeOfCentury } from './first-decade-of-century';\n/**\n * A function that calculates duration in centuries between two `Date` objects.\n *\n * @param start - The start date value.\n * @param end - The end date value.\n * @returns - The duration in months.\n *\n * @example\n * ```ts-no-run\n * durationInCenturies(new Date(2016, 0, 1), new Date(3216, 0, 1)); // 12\n * durationInCenturies(new Date(2016, 6, 1), new Date(2617, 0, 1)); // 6\n * durationInCenturies(new Date(2016, 0, 1), new Date(2016, 0, 1)); // 0\n * ```\n */\nexport var durationInCenturies = function (start, end) { return ((firstDecadeOfCentury(end).getFullYear() - firstDecadeOfCentury(start).getFullYear()) / 100); };\n","import { normalizeYear } from './normalize-year';\n/**\n * A function that returns a `Date` object of the last year in a decade.\n *\n * @param date - The start date value.\n * @returns - The last year in a decade.\n *\n * @example\n * ```ts-no-run\n * lastYearOfDecade(new Date(2017, 0, 1)); // 2019-1-1\n * lastYearOfDecade(new Date(2007, 10, 22)); // 2009-11-22\n * lastYearOfDecade(new Date(2026, 0, 1)); // 2029-1-1\n * ```\n */\nexport var lastYearOfDecade = function (value) { return (normalizeYear(value, function (y) { return y - (y % 10) + 9; })); };\n","import { firstYearOfDecade } from './first-year-of-decade';\n/**\n * A function that calculates duration in decades between two `Date` objects.\n *\n * @param start - The start date value.\n * @param end - The end date value.\n * @returns - The duration in months.\n *\n * @example\n * ```ts-no-run\n * durationInDecades(new Date(2016, 0, 1), new Date(2136, 0, 1)); // 12\n * durationInDecades(new Date(2016, 0, 1), new Date(2016, 0, 1)); // 0\n * ```\n */\nexport var durationInDecades = function (start, end) { return ((firstYearOfDecade(end).getFullYear() - firstYearOfDecade(start).getFullYear()) / 10); };\n","import { addDays } from './add-days';\n/**\n * A function that adds and subtracts weeks from a Date object.\n *\n * @param date - The initial date value.\n * @param offset - The number of weeks to add/subtract from the date.\n * @returns - A new `Date` instance.\n *\n * @example\n * ```ts-no-run\n * addWeeks(new Date(2016, 5, 1), 3); // 2016-6-22\n * addWeeks(new Date(2016, 5, 1), -3); // 2015-5-11\n * ```\n */\nexport var addWeeks = function (date, offset) {\n return addDays(date, offset * 7);\n};\n","import { createDate } from './create-date';\n/**\n * A function which returns the first date of the month.\n *\n * @param date - The initial date.\n * @returns - The first date of the initial date month.\n *\n * @example\n * ```ts-no-run\n * firstDayOfMonth(new Date(2016, 0, 15)); // 2016-01-01\n * ```\n */\nexport var firstDayOfMonth = function (date) {\n return createDate(date.getFullYear(), date.getMonth(), 1, date.getHours(), date.getMinutes(), date.getSeconds(), date.getMilliseconds());\n};\n","/**\n * A function that calculates duration in months between two `Date` objects.\n *\n * @param start - The start date value.\n * @param end - The end date value.\n * @returns - The duration in months.\n *\n * @example\n * ```ts-no-run\n * durationInMonths(new Date(2016, 0, 1), new Date(2017, 0, 1)); // 12\n * durationInMonths(new Date(2016, 6, 1), new Date(2017, 0, 1)); // 6\n * durationInMonths(new Date(2016, 0, 1), new Date(2016, 0, 1)); // 0\n * ```\n */\nexport var durationInMonths = function (start, end) { return (((end.getFullYear() - start.getFullYear())) * 12 + (end.getMonth() - start.getMonth())); };\n","import { addMonths } from './add-months';\nimport { createDate } from './create-date';\nimport { lastDayOfMonth } from './last-day-of-month';\n/**\n * @hidden\n */\nexport var setMonth = function (value, month) {\n var day = value.getDate();\n var candidate = createDate(value.getFullYear(), month, day, value.getHours(), value.getMinutes(), value.getSeconds(), value.getMilliseconds());\n return candidate.getDate() === day ? candidate : lastDayOfMonth(addMonths(candidate, -1));\n};\n","import { setMonth } from './set-month';\n/**\n * A function that returns a `Date` object of the first month in a year.\n *\n * @param date - The start date value.\n * @returns - The first month in a year.\n *\n * @example\n * ```ts-no-run\n * firstMonthOfYear(new Date(2017, 11, 1)); // 2017-1-1\n * firstMonthOfYear(new Date(2017, 0, 1)); // 2017-1-1\n * ```\n */\nexport var firstMonthOfYear = function (value) { return setMonth(value, 0); };\n","import { setMonth } from './set-month';\n/**\n * A function that returns a `Date` object of the last month in a year.\n *\n * @param date - The start date value.\n * @returns - The last month in a year.\n *\n * @example\n * ```ts-no-run\n * lastMonthOfYear(new Date(2017, 5, 3)); // 2017-12-3\n * lastMonthOfYear(new Date(2017, 11, 3)); // 2017-12-3\n * ```\n */\nexport var lastMonthOfYear = function (value) { return setMonth(value, 11); };\n","/**\n * A function that calculates duration in years between two `Date` objects.\n *\n * @param start - The start date value.\n * @param end - The end date value.\n * @returns - The duration in years.\n *\n * @example\n * ```ts-no-run\n * durationInYears(new Date(2016, 0, 1), new Date(2028, 0, 1)); // 12\n * durationInYears(new Date(2016, 0, 1), new Date(2022, 0, 1)); // 6\n * durationInYears(new Date(2016, 0, 1), new Date(2016, 0, 1)); // 0\n * ```\n */\nexport var durationInYears = function (start, end) { return (end.getFullYear() - start.getFullYear()); };\n","import { CalendarViewEnum } from '../models/CalendarViewEnum';\nimport { domContainerFactory as containerFactory } from '../../utils';\nimport { canUseDOM } from '@progress/kendo-vue-common';\n/**\n * @hidden\n */\nvar DOMService = /** @class */ (function () {\n function DOMService() {\n this.didCalculate = false;\n }\n DOMService.prototype.ensureHeights = function () {\n if (this.calendarHeight !== undefined) {\n return;\n }\n this.calculateHeights();\n };\n DOMService.prototype.calculateHeights = function (container) {\n var _this = this;\n if (!canUseDOM) {\n return;\n }\n var div = containerFactory('div');\n var ul = containerFactory('ul');\n var li = containerFactory('li');\n var td = containerFactory('td');\n var th = containerFactory('th');\n var tr = containerFactory('tr');\n var tbody = containerFactory('tbody');\n var thead = containerFactory('thead');\n var table = containerFactory('table');\n var monthHeader = function () { return (div(\"\\n March 2017\\n TODAY\\n \", 'k-calendar-header')); };\n var monthWeekHeader = function () { return (table([\n thead([\n tr([th('MO')])\n ])\n ], 'k-calendar-weekdays')); };\n var repeat = function (count, mapper) { return new Array(count).fill('1').map(mapper); };\n var content = function (rows, cells) {\n if (cells === void 0) { cells = 1; }\n return (table([\n tbody([tr([th('1')])].concat(repeat(rows, function () { return tr(repeat(cells, function (c) { return td(\"\" + c + \"\"); })); })))\n ]));\n };\n var scrollable = function (children) { return div(children, 'k-content k-scrollable'); };\n var view = function (contentElement, className, renderWeekHeader) { return (div(renderWeekHeader\n ? [\n monthHeader(),\n monthWeekHeader(),\n scrollable([contentElement, contentElement])\n ]\n : [\n monthHeader(),\n scrollable([contentElement, contentElement])\n ], className, { left: '-10000px', position: 'absolute' })); };\n var navigationList = (function () {\n var navElement;\n return function () {\n if (!canUseDOM) {\n return null;\n }\n if (!navElement) {\n navElement = div([scrollable([ul([li('FEB')])])], 'k-calendar-navigation', { left: '0px', position: 'absolute' });\n }\n return navElement;\n };\n })();\n var viewFactory = function (_a, className, renderWeekHeader) {\n var cells = _a.cells, rows = _a.rows;\n var viewElement;\n return function () {\n if (!canUseDOM) {\n return null;\n }\n if (!viewElement) {\n viewElement = view(content(rows, cells), className, renderWeekHeader);\n }\n return viewElement;\n };\n };\n var getScrollable = function (element) { return element.querySelector('.k-scrollable'); };\n var horizontal = function (element) {\n var scrollableElement = getScrollable(element);\n scrollableElement.className = scrollableElement.className + \" k-scrollable-horizontal\";\n return element;\n };\n var monthView = viewFactory({ cells: 7, rows: 6 }, 'k-calendar-view k-calendar-monthview', true);\n var yearView = viewFactory({ cells: 5, rows: 3 }, 'k-calendar-view k-calendar-yearview', false);\n var decadeView = viewFactory({ cells: 5, rows: 2 }, 'k-calendar-view k-calendar-decadeview', false);\n var horzMonthView = function () { return horizontal(monthView()); };\n var horzYearView = function () { return horizontal(yearView()); };\n var horzDecadeView = function () { return horizontal(decadeView()); };\n var height = function (element) { return (parseFloat(window.getComputedStyle(element).height) || element.offsetHeight); };\n var width = function (element) {\n var styles = window.getComputedStyle(element);\n var computed = parseFloat(styles.width)\n + parseFloat(styles.paddingLeft)\n + parseFloat(styles.paddingRight);\n return computed || element.offsetWidth;\n };\n var getBody = function (element) { return element.querySelector('tbody'); };\n this.didCalculate = true;\n if (container) {\n this.hostContainer = container;\n }\n this.batch(monthView(), function (contentElement) {\n var viewElement = getBody(contentElement);\n _this.calendarHeight = height(contentElement);\n _this.monthViewHeight = height(viewElement);\n _this.headerHeight = height(viewElement.children[0]);\n _this.scrollableContentHeight = height(getScrollable(contentElement));\n });\n this.batch(horzMonthView(), function (contentElement) {\n var viewElement = getBody(contentElement);\n _this.calendarWidth = width(contentElement);\n _this.monthViewWidth = width(viewElement);\n _this.scrollableContentWidth = width(getScrollable(contentElement));\n });\n this.batch(yearView(), function (contentElement) {\n _this.yearViewHeight = height(getBody(contentElement));\n _this.scrollableYearContentHeight = height(getScrollable(contentElement));\n });\n this.batch(horzYearView(), function (contentElement) {\n _this.yearViewWidth = width(getBody(contentElement));\n });\n this.batch(decadeView(), function (contentElement) {\n _this.decadeViewHeight = height(getBody(contentElement));\n _this.centuryViewHeight = _this.decadeViewHeight;\n });\n this.batch(horzDecadeView(), function (contentElement) {\n _this.decadeViewWidth = width(getBody(contentElement));\n _this.centuryViewWidth = _this.decadeViewWidth;\n });\n this.batch(navigationList(), function (contentElement) {\n _this.navigationItemHeight = height(contentElement.querySelector('li'));\n });\n };\n DOMService.prototype.viewHeight = function (viewType) {\n return this.viewDimension(viewType, 'height');\n };\n DOMService.prototype.viewWidth = function (viewType) {\n return this.viewDimension(viewType, 'width');\n };\n DOMService.prototype.viewDimension = function (viewType, dimension) {\n var viewProp = dimension === 'height' ? 'ViewHeight' : 'ViewWidth';\n switch (viewType) {\n case CalendarViewEnum.month:\n return this[\"month\" + viewProp];\n case CalendarViewEnum.year:\n return this[\"year\" + viewProp];\n case CalendarViewEnum.decade:\n return this[\"decade\" + viewProp];\n case CalendarViewEnum.century:\n return this[\"century\" + viewProp];\n default:\n return 1;\n }\n };\n DOMService.prototype.batch = function (contentElement, action) {\n var hostContainer = this.hostContainer || document.body;\n var appendedContent = hostContainer.appendChild(contentElement);\n action(appendedContent);\n hostContainer.removeChild(appendedContent);\n };\n return DOMService;\n}());\nexport { DOMService };\n","import { Action } from '../models/NavigationAction';\nvar KEY_TO_ACTION = {\n '33': Action.PrevView,\n '34': Action.NextView,\n '35': Action.LastInView,\n '36': Action.FirstInView,\n '37': Action.Left,\n '38': Action.Up,\n '39': Action.Right,\n '40': Action.Down,\n 'meta+38': Action.UpperView,\n 'meta+40': Action.LowerView,\n 'meta+37': Action.PrevView,\n 'meta+39': Action.NextView\n};\n/**\n * @hidden\n */\nvar NavigationService = /** @class */ (function () {\n function NavigationService(bus) {\n this.bus = bus;\n }\n NavigationService.prototype.action = function (event) {\n var action = \"\" + (event.ctrlKey || event.metaKey ? 'meta+' : '') + event.keyCode;\n return KEY_TO_ACTION[action];\n };\n NavigationService.prototype.move = function (value, action, activeView, service, event) {\n if (!service) {\n return value;\n }\n if (action === Action.UpperView && this.bus.canMoveUp(activeView)) {\n this.bus.moveUp(activeView, event);\n return value;\n }\n if (action === Action.LowerView && this.bus.canMoveDown(activeView)) {\n this.bus.moveDown(activeView, event);\n return value;\n }\n return service.move(value, action);\n };\n return NavigationService;\n}());\nexport { NavigationService };\n","import { shiftWeekNames } from '../../utils';\n/**\n * @hidden\n */\nvar WeekNamesService = /** @class */ (function () {\n function WeekNamesService(intl) {\n this.intl = intl;\n }\n WeekNamesService.prototype.getWeekNames = function (includeWeekNumber) {\n if (includeWeekNumber === void 0) { includeWeekNumber = false; }\n var weekNames = shiftWeekNames(this.intl.dateFormatNames({ nameType: 'short', type: 'days' }), this.intl.firstDay());\n return includeWeekNumber ? [''].concat(weekNames) : weekNames;\n };\n return WeekNamesService;\n}());\nexport { WeekNamesService };\n","// @ts-ignore\nimport * as Vue from 'vue';\nvar allVue = Vue;\nvar gh = allVue.h;\nvar inject = allVue.inject;\nimport { weekInYear, cloneDate } from '@progress/kendo-date-math';\nimport { provideIntlService } from '@progress/kendo-vue-intl';\nimport { getTemplate } from '@progress/kendo-vue-common';\nimport { CalendarCell } from './CalendarCell';\nimport { CalendarWeekCell } from './CalendarWeekCell';\nimport { CalendarViewEnum } from '../models';\nimport { setTime, getToday } from '../../utils';\nimport { WeekNamesService } from '../services';\nvar View = {\n name: 'KendoView',\n inject: {\n kendoIntlService: {\n default: null\n }\n },\n props: {\n activeRangeEnd: {\n type: String\n },\n activeView: {\n type: Number,\n required: true\n },\n cell: [String, Function, Object],\n cellUID: {\n type: String,\n required: true\n },\n direction: {\n type: String,\n default: 'vertical'\n },\n isActive: {\n type: Boolean,\n default: undefined\n },\n focusedDate: {\n type: Date,\n required: true\n },\n max: {\n type: Date,\n required: true\n },\n min: {\n type: Date,\n required: true\n },\n selectedDate: {\n type: [Date, Array, Object],\n default: function _default() {\n return getToday();\n }\n },\n selectionRange: Object,\n showWeekNumbers: {\n type: Boolean,\n default: false\n },\n viewDate: {\n type: Date,\n required: true\n },\n weekCell: [String, Function, Object],\n bus: Object,\n service: Object\n },\n computed: {\n isHorizontal: {\n get: function get() {\n return this.$props.direction === 'horizontal';\n }\n },\n isMonthView: {\n get: function get() {\n return this.$props.activeView === CalendarViewEnum.month;\n }\n },\n weekNumber: {\n get: function get() {\n return Boolean(this.$props.showWeekNumbers && this.$props.activeView === CalendarViewEnum.month);\n }\n }\n },\n methods: {\n getWeekNumber: function getWeekNumber(date) {\n if (!this.weekNumber) {\n return null;\n }\n\n return weekInYear(date, this._intl.firstDay());\n },\n firstDate: function firstDate(row) {\n var cell = this.firstWeekDateContext(row);\n return cell ? cell.value : null;\n },\n firstWeekDateContext: function firstWeekDateContext(rowCtx) {\n if (!this.weekNumber) {\n return null;\n }\n\n var idx = 0;\n var ctx = rowCtx[idx];\n\n while (!ctx && idx < rowCtx.length) {\n ctx = rowCtx[++idx];\n }\n\n return ctx;\n },\n handleClick: function handleClick(value, event) {\n var args = {\n value: cloneDate(value),\n target: this,\n event: event\n };\n this.$emit('change', args);\n },\n handleWeekCellClick: function handleWeekCellClick(value, event) {\n var args = {\n value: value,\n event: event\n };\n this.$emit('weekcellclick', args);\n },\n handleMouseDown: function handleMouseDown(value, event) {\n var args = {\n value: cloneDate(value),\n target: this,\n event: event\n };\n this.$emit('viewmousedown', args);\n },\n handleMouseEnter: function handleMouseEnter(value) {\n this.$emit('cellenter', cloneDate(value));\n },\n handleMouseLeave: function handleMouseLeave(value) {\n this.$emit('cellleave', cloneDate(value));\n }\n },\n // @ts-ignore\n setup: !gh ? undefined : function () {\n var v3 = !!gh;\n var kendoIntlService = inject('kendoIntlService', {});\n return {\n v3: v3,\n kendoIntlService: kendoIntlService\n };\n },\n // @ts-ignore\n render: function render(createElement) {\n var h = gh || createElement;\n this._intl = provideIntlService(this);\n this._weekService = new WeekNamesService(this._intl); // tslint:disable-next-line jsx-use-translation-function\n\n var emptyCell = function emptyCell(idx) {\n return h(\"td\", {\n key: idx\n }, [\"\\xA0\"]);\n }; // const weekNames = this._weekService.getWeekNames(this.weekNumber);\n // const colSpan = this.$props.service.rowLength(this.weekNumber);\n // const title = this.$props.service.title(this.$props.viewDate);\n\n\n var time = getToday();\n var focusedDate = this.$props.isActive ? this.$props.focusedDate : null;\n var viewDate = setTime(this.$props.viewDate, time);\n var currentData = this.$props.service.data({\n cellUID: this.$props.cellUID,\n min: this.$props.min,\n max: this.$props.max,\n focusedDate: focusedDate,\n isActiveView: !this.$props.bus.canMoveDown(this.$props.activeView),\n selectedDate: this.$props.selectedDate,\n selectionRange: this.$props.selectionRange,\n viewDate: viewDate\n });\n\n var buildWeekNumber = function buildWeekNumber(row, idx) {\n var firstDayOfWeek = this.firstDate(row);\n\n if (!firstDayOfWeek) {\n return emptyCell(\"week-cell-\" + idx);\n }\n\n var weekCellValue = this.getWeekNumber(this.firstDate(row));\n var uniqueID = \"kendo-vue-calendar-week-cell-\" + weekCellValue;\n var cellDefaultRendering = // @ts-ignore function children\n h(CalendarWeekCell, {\n \"class\": 'k-calendar-td k-alt',\n value: weekCellValue,\n attrs: this.v3 ? undefined : {\n value: weekCellValue\n },\n onClick: this.handleWeekCellClick,\n on: this.v3 ? undefined : {\n \"click\": this.handleWeekCellClick\n },\n key: uniqueID\n }, this.v3 ? function () {\n return [weekCellValue];\n } : [weekCellValue]);\n return getTemplate.call(this, {\n h: h,\n template: this.$props.weekCell,\n defaultRendering: cellDefaultRendering,\n defaultSlots: weekCellValue,\n additionalListeners: {\n click: this.handleWeekCellClick\n },\n additionalProps: {\n value: weekCellValue,\n key: uniqueID\n }\n });\n };\n\n var buildRow = function buildRow(row) {\n return row.map(function (cell, idx) {\n if (!cell) {\n return emptyCell(idx);\n }\n\n var uniqueID = \"kendo-vue-calendar-cell-\" + cell.value.getTime();\n var cellDefaultRendering = // @ts-ignore function children\n h(CalendarCell, {\n \"aria-selected\": cell.isSelected,\n attrs: this.v3 ? undefined : {\n \"aria-selected\": cell.isSelected,\n formattedValue: cell.formattedValue,\n id: cell.id,\n isFocused: cell.isFocused,\n isSelected: cell.isSelected,\n isInRange: cell.isInRange,\n isWeekend: cell.isWeekend,\n isRangeStart: cell.isRangeStart,\n isRangeMid: cell.isRangeMid,\n isRangeEnd: cell.isRangeEnd,\n isRangeSplitStart: cell.isRangeSplitStart,\n isRangeSplitEnd: cell.isRangeSplitEnd,\n isToday: cell.isToday,\n title: cell.title,\n value: cell.value,\n isDisabled: !cell.isInRange,\n view: this.$props.activeView\n },\n formattedValue: cell.formattedValue,\n id: cell.id,\n isFocused: cell.isFocused,\n isSelected: cell.isSelected,\n isInRange: cell.isInRange,\n isWeekend: cell.isWeekend,\n isRangeStart: cell.isRangeStart,\n isRangeMid: cell.isRangeMid,\n isRangeEnd: cell.isRangeEnd,\n isRangeSplitStart: cell.isRangeSplitStart,\n isRangeSplitEnd: cell.isRangeSplitEnd,\n isToday: cell.isToday,\n title: cell.title,\n value: cell.value,\n isDisabled: !cell.isInRange,\n view: this.$props.activeView,\n onClick: this.handleClick,\n on: this.v3 ? undefined : {\n \"click\": this.handleClick,\n \"mousedown\": this.handleMouseDown,\n \"mouseenter\": this.handleMouseEnter,\n \"mouseleave\": this.handleMouseLeave\n },\n onMousedown: this.handleMouseDown,\n onMouseenter: this.handleMouseEnter,\n onMouseleave: this.handleMouseLeave,\n key: uniqueID\n }, this.v3 ? function () {\n return [cell.formattedValue];\n } : [cell.formattedValue]);\n return getTemplate.call(this, {\n h: h,\n template: this.$props.cell,\n defaultRendering: cellDefaultRendering,\n defaultSlots: cell.formattedValue,\n additionalListeners: {\n click: this.handleClick,\n mousedown: this.handleMouseDown,\n mouseenter: this.handleMouseEnter,\n mouseleave: this.handleMouseLeave\n },\n additionalProps: {\n formattedValue: cell.formattedValue,\n id: cell.id,\n isFocused: cell.isFocused,\n isSelected: cell.isSelected,\n isInRange: cell.isInRange,\n isWeekend: cell.isWeekend,\n isRangeStart: cell.isRangeStart,\n isRangeMid: cell.isRangeMid,\n isRangeEnd: cell.isRangeEnd,\n isRangeSplitStart: cell.isRangeSplitStart,\n isRangeSplitEnd: cell.isRangeSplitEnd,\n isToday: cell.isToday,\n title: cell.title,\n value: cell.value,\n isDisabled: !cell.isInRange,\n view: this.$props.activeView,\n key: uniqueID\n }\n });\n }, this);\n };\n\n return h(\"tbody\", {\n \"class\": 'k-calendar-tbody',\n role: 'rowgroup',\n attrs: this.v3 ? undefined : {\n role: 'rowgroup'\n }\n }, [currentData.map(function (row, idx) {\n return h(\"tr\", {\n \"class\": 'k-calendar-tr',\n role: \"row\",\n attrs: this.v3 ? undefined : {\n role: \"row\"\n },\n key: idx\n }, [this.weekNumber && buildWeekNumber.call(this, row, idx), buildRow.call(this, row)]);\n }, this)]);\n }\n};\nvar ViewVue3 = View;\nexport { View, ViewVue3 };","// @ts-ignore\nimport * as Vue from 'vue';\nvar allVue = Vue;\nvar gh = allVue.h;\nvar inject = allVue.inject;\nimport { cloneDate } from '@progress/kendo-date-math';\nimport { provideIntlService } from '@progress/kendo-vue-intl';\nvar DEFAULT_FETCH_MONTHS_COUNT = 1; // import { Virtualization, ScrollActionArguments } from '../../virtualization/Virtualization';\n\nimport { View } from './View';\nimport { shiftWeekNames } from '../../utils';\nimport { CalendarViewEnum } from '../models';\nimport { classNames } from '@progress/kendo-vue-common';\nvar VIEWS_COUNT = 5;\nvar ViewList = {\n name: 'KendoViewList',\n inheritAttrs: false,\n inject: {\n kendoIntlService: {\n default: null\n }\n },\n props: {\n allowReverse: Boolean,\n hasFocusedDate: Boolean,\n activeView: {\n type: Number,\n required: true\n },\n bottomOffset: {\n type: Number\n },\n cell: [String, Function, Object],\n cellUID: {\n type: String,\n required: true\n },\n dates: Array,\n focusedDate: {\n type: Date,\n required: true\n },\n isActive: {\n type: Boolean,\n default: undefined\n },\n max: {\n type: Date,\n required: true\n },\n min: {\n type: Date,\n required: true\n },\n selectionRange: Object,\n showWeekNumbers: {\n type: Boolean,\n default: false\n },\n smoothScroll: {\n type: Boolean,\n default: true\n },\n take: {\n type: Number,\n default: VIEWS_COUNT\n },\n value: {\n type: [Date, Array, Object]\n },\n views: {\n type: Number,\n default: DEFAULT_FETCH_MONTHS_COUNT\n },\n viewHeight: Number,\n viewOffset: Number,\n bus: Object,\n dom: Object,\n weekCell: [String, Function, Object],\n service: Object\n },\n data: function data() {\n return {\n lastViewsCount: 0,\n valueHasUpdated: false\n };\n },\n computed: {\n weekNames: {\n get: function get() {\n this._intl = provideIntlService(this);\n var weekNames = shiftWeekNames(this._intl.dateFormatNames({\n nameType: 'short',\n type: 'days'\n }), this._intl.firstDay());\n return this.weekNumber ? [''].concat(weekNames) : weekNames;\n }\n },\n weekNumber: {\n get: function get() {\n return Boolean(this.$props.showWeekNumbers && this.$props.activeView === CalendarViewEnum.month);\n }\n },\n animate: {\n get: function get() {\n return Boolean(this.$props.smoothScroll && this.animateToIndex);\n }\n }\n },\n created: function created() {\n this.lastView = this.$props.activeView;\n this.lastFocus = this.$props.focusedDate;\n this.animateToIndex = true;\n this.shouldScroll = false; // this.$data.skip = this.$props.service.skip(this.$props.focusedDate, this.$props.min);\n // this.$data.index = this.$props.service.skip(this.$props.focusedDate, this.$props.min);\n },\n updated: function updated() {\n this.shouldScroll = false;\n this.lastView = this.$props.activeView;\n this.$data.lastViewsCount = this.$props.views; // this.lastFocus = this.$props.focusedDate;\n\n this.indexToScroll = undefined;\n },\n methods: {\n handleFocus: function handleFocus(event) {\n this.$emit('listfocus', event);\n },\n handleBlur: function handleBlur(event) {\n this.$emit('listblur', event);\n },\n handleKeyDown: function handleKeyDown(event) {\n this.$emit('listkeydown', event);\n },\n handleVirtualizationMount: function handleVirtualizationMount(_virtualization) {// this.virtualization = virtualization;\n // if (this.virtualization && this.table) {\n // this.table.style.transform = `translateY(${this.viewOffset}px)`;\n // const viewDate = dateInRange(this.$props.focusedDate, this.$props.min, this.$props.max);\n // const indexToScroll = this.$props.service.skip(viewDate, this.$props.min);\n // // this.virtualization.scrollToIndex(indexToScroll);\n // }\n },\n calculateHeights: function calculateHeights() {\n if (!this.$props.dom) {\n return;\n }\n\n var scrollableHeight = this.$props.activeView === CalendarViewEnum.month ? this.$props.dom.scrollableContentHeight : this.$props.dom.scrollableYearContentHeight;\n this._bottomOffset = scrollableHeight - this.$props.dom.viewHeight(this.$props.activeView);\n this._viewOffset = -1 * this.$props.dom.headerHeight;\n this._viewHeight = this.$props.dom.viewHeight(this.$props.activeView) || 1;\n },\n getTake: function getTake(skip, total) {\n return Math.min(total - skip, this.$props.take);\n },\n handleScrollAction: function handleScrollAction() {// const skip = pageAction ? pageAction.skip : this.$data.skip;\n // if (this.$data.index !== index || this.$data.skip !== skip) {\n // this.$data.index = skip;\n // }\n // if (this.table && scrollAction) {\n // const translate = `translateY(${scrollAction.offset}px)`;\n // this.table.style.transform = translate;\n // }\n },\n handleTodayClick: function handleTodayClick(event) {\n this.shouldScroll = true;\n this.handleDateChange(event, true);\n },\n handleMouseDown: function handleMouseDown(event) {\n var args = {\n event: event.event,\n value: cloneDate(event.value),\n target: this\n };\n this.$emit('listmousedown', args);\n },\n handleDateChange: function handleDateChange(event, isTodayClick) {\n if (isTodayClick === void 0) {\n isTodayClick = false;\n }\n\n var args = {\n event: event.event,\n value: cloneDate(event.value),\n target: this,\n isTodayClick: isTodayClick\n };\n this.$emit('change', args);\n },\n handleWeekCellClick: function handleWeekCellClick(event) {\n this.$emit('weekcellclick', event);\n },\n handleWeekNameClick: function handleWeekNameClick(event, value) {\n var args = {\n value: value,\n event: event\n };\n this.$emit('weeknameclick', args);\n },\n handleCellEnter: function handleCellEnter(event) {\n this.$emit('cellenter', event);\n },\n rotateSelectionRange: function rotateSelectionRange(selectionRange) {\n if (selectionRange.start === null || selectionRange.end === null) {\n return selectionRange;\n }\n\n var needRotate = selectionRange.end < selectionRange.start;\n return {\n start: needRotate ? selectionRange.end : selectionRange.start,\n end: needRotate ? selectionRange.start : selectionRange.end\n };\n }\n },\n // @ts-ignore\n setup: !gh ? undefined : function () {\n var v3 = !!gh;\n var kendoIntlService = inject('kendoIntlService', {});\n return {\n v3: v3,\n kendoIntlService: kendoIntlService\n };\n },\n mounted: function mounted() {\n this._calendarView = this.$refs.calendarView;\n },\n // @ts-ignore\n render: function render(createElement) {\n var h = gh || createElement;\n var selectionRange = this.$props.allowReverse ? this.rotateSelectionRange(this.$props.selectionRange) : this.$props.selectionRange;\n var rootClassNames = classNames('k-calendar-view', 'k-hstack k-align-items-start k-justify-content-center', {\n 'k-calendar-monthview': this.$props.activeView === CalendarViewEnum.month,\n 'k-calendar-yearview': this.$props.activeView === CalendarViewEnum.year,\n 'k-calendar-decadeview': this.$props.activeView === CalendarViewEnum.decade,\n 'k-calendar-centuryview': this.$props.activeView === CalendarViewEnum.century\n });\n var tableClassNames = classNames('k-calendar-table', 'k-content', 'k-calendar-content', {\n 'k-month': this.$props.activeView === CalendarViewEnum.month,\n 'k-year': this.$props.activeView === CalendarViewEnum.year,\n 'k-decade': this.$props.activeView === CalendarViewEnum.decade,\n 'k-century': this.$props.activeView === CalendarViewEnum.century\n });\n\n var buildMonthView = function buildMonthView(weekNames) {\n var that = this;\n return h(\"thead\", {\n \"class\": 'k-calendar-thead'\n }, [h(\"tr\", {\n \"class\": 'k-calendar-tr k-calendar-weekdays'\n }, [weekNames.map(function (name, idx) {\n return h(\"th\", {\n \"class\": 'k-calendar-th',\n key: idx,\n onClick: function onClick(ev) {\n return that.handleWeekNameClick(ev, name);\n },\n on: this.v3 ? undefined : {\n \"click\": function onClick(ev) {\n return that.handleWeekNameClick(ev, name);\n }\n }\n }, [name]);\n }, this)])]);\n };\n\n var buildDates = function buildDates() {\n var cellUID = this.$props.cellUID;\n return this.$props.dates.map(function (vDate) {\n return h(\"table\", {\n role: \"grid\",\n attrs: this.v3 ? undefined : {\n role: \"grid\",\n \"aria-label\": this.$props.service.title(this.$props.focusedDate),\n \"aria-live\": 'polite',\n \"aria-activedescendant\": cellUID + this.$props.focusedDate.getTime(),\n tabIndex: this.$attrs.tabIndex\n },\n \"aria-label\": this.$props.service.title(this.$props.focusedDate),\n \"aria-live\": 'polite',\n \"aria-activedescendant\": cellUID + this.$props.focusedDate.getTime(),\n tabIndex: this.$attrs.tabIndex,\n \"class\": tableClassNames,\n onKeydown: this.handleKeyDown,\n on: this.v3 ? undefined : {\n \"keydown\": this.handleKeyDown\n }\n }, [this.$props.activeView === CalendarViewEnum.month && buildMonthView.call(this, this.weekNames), // @ts-ignore function children\n h(View, {\n key: vDate.getTime(),\n activeView: this.$props.activeView,\n attrs: this.v3 ? undefined : {\n activeView: this.$props.activeView,\n viewDate: vDate,\n min: this.$props.min,\n max: this.$props.max,\n cellUID: cellUID,\n isActive: this.$props.isActive,\n focusedDate: this.$props.focusedDate,\n cell: this.$props.cell,\n selectionRange: selectionRange,\n selectedDate: this.$props.value,\n showWeekNumbers: this.weekNumber,\n bus: this.$props.bus,\n service: this.$props.service,\n weekCell: this.$props.weekCell\n },\n viewDate: vDate,\n min: this.$props.min,\n max: this.$props.max,\n cellUID: cellUID,\n isActive: this.$props.isActive,\n focusedDate: this.$props.focusedDate,\n cell: this.$props.cell,\n selectionRange: selectionRange,\n selectedDate: this.$props.value,\n showWeekNumbers: this.weekNumber,\n onChange: this.handleDateChange,\n on: this.v3 ? undefined : {\n \"change\": this.handleDateChange,\n \"weekcellclick\": this.handleWeekCellClick,\n \"cellenter\": this.handleCellEnter,\n \"viewmousedown\": this.handleMouseDown\n },\n onWeekcellclick: this.handleWeekCellClick,\n onCellenter: this.handleCellEnter,\n onViewmousedown: this.handleMouseDown,\n bus: this.$props.bus,\n service: this.$props.service,\n weekCell: this.$props.weekCell\n })]);\n }, this);\n };\n\n return h(\"div\", {\n \"class\": rootClassNames,\n onFocusin: this.handleFocus,\n on: this.v3 ? undefined : {\n \"focusin\": this.handleFocus,\n \"focusout\": this.handleBlur\n },\n onFocusout: this.handleBlur\n }, [buildDates.call(this)]);\n }\n};\nvar ViewListVue3 = ViewList;\nexport { ViewList, ViewListVue3 };","/**\n * @hidden\n */\nexport var MIDNIGHT_DATE = new Date(1980, 0, 1);\n/**\n * @hidden\n */\nexport var MIN_DATE = new Date(1900, 0, 1);\n/**\n * @hidden\n */\nexport var MAX_DATE = new Date(2099, 11, 31);\n/**\n * @hidden\n */\nexport var MIN_TIME = new Date(1980, 0, 1);\n/**\n * @hidden\n */\nexport var MAX_TIME = new Date(1980, 0, 1, 23, 59, 59);\n","// @ts-ignore\nimport * as Vue from 'vue';\nvar allVue = Vue;\nvar gh = allVue.h;\nimport { getDefaultSlots } from '@progress/kendo-vue-common';\n/**\n * The `CalendarCell` component is internally used for rendering the items in the current view. Also be used as a custom `cell` of the [Calendar]({% slug api_dateinputs_native_calendarprops %}#toc-cell).\n *\n * * [Customizing the cells inside the Calendar view]({% slug custom_rendering_calendar_native %}#toc-cells-inside-the-view)\n */\n\nvar CalendarHeaderTitle = {\n name: 'KendoHeaderTitle',\n // @ts-ignore\n emits: {\n 'click': null\n },\n props: {\n id: String,\n value: String,\n view: Number\n },\n methods: {\n handleClick: function handleClick(event) {\n this.$emit('click', event);\n }\n },\n // @ts-ignore\n setup: !gh ? undefined : function () {\n var v3 = !!gh;\n return {\n v3: v3\n };\n },\n\n /**\n * @return\n * Returns a `` element with the [`value`]({% slug api_dateinputs_calendarheadertitleprops %}#toc-value) of the title as a child.\n */\n // @ts-ignore\n render: function render(createElement) {\n var h = gh || createElement;\n var defaultSlot = getDefaultSlots(this);\n return h(\"button\", {\n value: this.$props.value,\n attrs: this.v3 ? undefined : {\n value: this.$props.value,\n id: this.$props.id,\n tabindex: 0\n },\n id: this.$props.id,\n onClick: this.handleClick,\n on: this.v3 ? undefined : {\n \"click\": this.handleClick\n },\n tabindex: 0\n }, [defaultSlot]);\n }\n};\nvar CalendarHeaderTitleVue3 = CalendarHeaderTitle;\nexport { CalendarHeaderTitle, CalendarHeaderTitleVue3 };","// @ts-ignore\nimport * as Vue from 'vue';\nvar allVue = Vue;\nvar gh = allVue.h;\nvar inject = allVue.inject;\nimport { provideLocalizationService } from '@progress/kendo-vue-intl';\nimport { getDate } from '@progress/kendo-date-math';\nimport { CalendarHeaderTitle } from './CalendarHeaderTitle';\nimport { messages, today, prevView, nextView } from '../../messages';\nimport { Action } from '../models';\nimport { getToday, isInRange, dateInRange, MAX_DATE } from '../../utils';\nimport { MIN_DATE } from '../../defaults';\nimport { classNames, Keys, getTemplate } from '@progress/kendo-vue-common';\n/**\n * @hidden\n */\n\nvar Header = {\n name: 'KendoHeader',\n inheritAttrs: false,\n inject: {\n kendoLocalizationService: {\n default: null\n }\n },\n props: {\n activeView: {\n type: Number,\n required: true\n },\n currentDate: {\n type: Date,\n required: true\n },\n focusedDate: {\n type: Date,\n required: true\n },\n headerTitle: {\n type: [String, Object, Function],\n default: function _default() {\n return undefined;\n }\n },\n max: {\n type: Date,\n default: function _default() {\n return MAX_DATE;\n }\n },\n min: {\n type: Date,\n default: function _default() {\n return MIN_DATE;\n }\n },\n bus: Object,\n service: Object,\n rangeLength: {\n type: Number,\n default: 1\n },\n tabIndex: {\n type: Number,\n default: 0\n }\n },\n computed: {\n navigate: {\n get: function get() {\n return this.$props.bus.canMoveUp(this.$props.activeView);\n }\n },\n todayIsInRange: {\n get: function get() {\n return isInRange(getToday(), getDate(this.$props.min), getDate(this.$props.max));\n }\n }\n },\n methods: {\n getTitle: function getTitle() {\n if (!this.$props.currentDate) {\n return '';\n }\n\n var take = this.$props.rangeLength - 1;\n var title = this.$props.service.title(this.$props.currentDate);\n var nextDate = this.$props.service.addToDate(this.$props.currentDate, take);\n\n if (take < 1 || !this.$props.service.isInRange(nextDate, this.$props.min, this.$props.max)) {\n return title;\n }\n\n return title + \" - \" + this.$props.service.title(nextDate);\n },\n handleTitleClick: function handleTitleClick(event) {\n if (!this.navigate) {\n return;\n }\n\n this.$props.bus.moveUp(this.$props.activeView, event);\n this.$emit('titleclick', event);\n },\n canNavigate: function canNavigate(action) {\n if (!this.$props.service) {\n return false;\n }\n\n var candidate = this.$props.service.move(this.$props.focusedDate, action);\n return this.$props.min <= candidate && candidate <= this.$props.max || this.$props.service.isInSameView(candidate, this.$props.min) || this.$props.service.isInSameView(candidate, this.$props.max);\n },\n move: function move(action) {\n return this.clampDate(this.$props.service.move(this.$props.focusedDate, action));\n },\n clampDate: function clampDate(value) {\n return dateInRange(value, this.$props.min, this.$props.max);\n },\n handleNextClick: function handleNextClick(event) {\n var args = {\n event: event,\n value: this.move(Action.NextView),\n target: this\n };\n this.$emit('nextclick', args);\n },\n handlePrevClick: function handlePrevClick(event) {\n var args = {\n event: event,\n value: this.move(Action.PrevView),\n target: this\n };\n this.$emit('prevclick', args);\n },\n handleTodayClick: function handleTodayClick(event) {\n if (!this.todayIsInRange) {\n return;\n }\n\n this.$props.bus.moveToBottom(this.$props.activeView);\n var args = {\n event: event,\n value: dateInRange(getToday(), this.$props.min, this.$props.max),\n target: this\n };\n this.$emit('todayclick', args);\n },\n todayKeyDown: function todayKeyDown(event) {\n var keyCode = event.keyCode;\n\n if (keyCode === Keys.enter) {\n this.handleTodayClick(event);\n }\n }\n },\n // @ts-ignore\n setup: !gh ? undefined : function () {\n var v3 = !!gh;\n var kendoLocalizationService = inject('kendoLocalizationService', {});\n return {\n v3: v3,\n kendoLocalizationService: kendoLocalizationService\n };\n },\n // @ts-ignore\n render: function render(createElement) {\n var h = gh || createElement;\n this._localization = provideLocalizationService(this);\n\n var todayMessage = this._localization.toLanguageString(today, messages[today]);\n\n var title = this.getTitle();\n\n var prevViewTitle = this._localization.toLanguageString(prevView, messages[prevView]);\n\n var nextViewTittle = this._localization.toLanguageString(nextView, messages[nextView]);\n\n var isPrevDisabled = !this.canNavigate(Action.PrevView);\n var isNextDisabled = !this.canNavigate(Action.NextView);\n var titleClassNames = classNames('k-calendar-title', 'k-button k-flat', 'k-title', {\n 'k-state-disabled': !this.navigate\n });\n var todayClassNames = classNames('k-nav-today', {\n 'k-state-disabled': !this.todayIsInRange\n });\n var headerTitle;\n var headerTitleDefaultRendering = // @ts-ignore function children\n h(CalendarHeaderTitle, {\n value: title,\n attrs: this.v3 ? undefined : {\n value: title,\n view: this.$props.activeView\n },\n view: this.$props.activeView,\n \"class\": titleClassNames,\n onClick: this.handleTitleClick,\n on: this.v3 ? undefined : {\n \"click\": this.handleTitleClick\n }\n }, this.v3 ? function () {\n return [title];\n } : [title]);\n headerTitle = getTemplate.call(this, {\n h: h,\n template: this.$props.headerTitle,\n defaultRendering: headerTitleDefaultRendering\n });\n return h(\"div\", {\n \"class\": \"k-calendar-header k-hstack\"\n }, [headerTitle, h(\"span\", {\n \"class\": 'k-spacer'\n }), h(\"span\", {\n \"class\": 'k-calendar-nav k-hstack'\n }, [h(\"button\", {\n \"class\": {\n 'k-prev-view': true,\n 'k-button k-flat k-icon-button': true,\n 'k-state-disabled': isPrevDisabled\n },\n tabIndex: this.$props.tabIndex,\n attrs: this.v3 ? undefined : {\n tabIndex: this.$props.tabIndex,\n title: prevViewTitle,\n type: \"button\",\n \"aria-disabled\": isPrevDisabled\n },\n title: prevViewTitle,\n type: \"button\",\n onClick: this.handlePrevClick,\n on: this.v3 ? undefined : {\n \"click\": this.handlePrevClick\n },\n \"aria-disabled\": isPrevDisabled\n }, [h(\"span\", {\n \"class\": \"k-button-icon k-icon k-i-arrow-60-left\"\n })]), h(\"span\", {\n \"class\": todayClassNames,\n tabIndex: this.$props.tabIndex,\n attrs: this.v3 ? undefined : {\n tabIndex: this.$props.tabIndex\n },\n onKeydown: this.todayKeyDown,\n on: this.v3 ? undefined : {\n \"keydown\": this.todayKeyDown,\n \"click\": this.handleTodayClick\n },\n onClick: this.handleTodayClick\n }, [todayMessage]), h(\"button\", {\n \"class\": {\n 'k-next-view': true,\n 'k-button k-flat k-icon-button': true,\n 'k-state-disabled': isNextDisabled\n },\n tabIndex: this.$props.tabIndex,\n attrs: this.v3 ? undefined : {\n tabIndex: this.$props.tabIndex,\n title: nextViewTittle,\n type: \"button\",\n \"aria-disabled\": isNextDisabled\n },\n title: nextViewTittle,\n type: \"button\",\n onClick: this.handleNextClick,\n on: this.v3 ? undefined : {\n \"click\": this.handleNextClick\n },\n \"aria-disabled\": isNextDisabled\n }, [h(\"span\", {\n \"class\": \"k-button-icon k-icon k-i-arrow-60-right\"\n })])])]);\n }\n};\nvar HeaderVue3 = Header;\nexport { Header, HeaderVue3 };","import { isInRange } from '../../utils';\nimport { EMPTY_SELECTIONRANGE } from '../models';\nimport { getDate } from '@progress/kendo-date-math';\nvar calculateValue = function (min, max, stateValue, propValue) {\n return propValue !== undefined\n ? propValue !== null && isInRange(propValue, min, max)\n ? propValue\n : null\n : stateValue !== null && isInRange(stateValue, min, max)\n ? stateValue\n : null;\n};\nvar extractDateFromValue = function (min, max, value) {\n return value instanceof Date && !Array.isArray(value) && isInRange(getDate(value), min, max)\n ? getDate(value)\n : null;\n};\nvar extractMultipleFromValue = function (min, max, value) {\n return Array.isArray(value)\n ? value.filter(function (date) { return isInRange(date, min, max); }).map(function (date) { return getDate(date); })\n : null;\n};\nvar extractRangeFromValue = function (value) {\n return typeof value === 'object' && !(value instanceof Date) && value !== null && !Array.isArray(value)\n ? value\n : EMPTY_SELECTIONRANGE;\n};\nvar extractFocusedDate = function (single, multiple, range) {\n return single || (multiple && multiple[0]) || (range && range.start);\n};\nvar extractActiveRange = function (range, single) {\n return range.start === null && single === null\n ? 'start'\n : range.end === null\n ? 'end'\n : 'start';\n};\nexport { calculateValue, extractDateFromValue, extractMultipleFromValue, extractRangeFromValue, extractFocusedDate, extractActiveRange };\n","// @ts-ignore\nimport * as Vue from 'vue';\nvar allVue = Vue;\nvar gh = allVue.h;\nvar inject = allVue.inject;\nimport { classNames, guid, Keys, templateRendering, getListeners, validatePackage } from '@progress/kendo-vue-common';\nimport { cloneDate, getDate, isEqualDate } from '@progress/kendo-date-math';\nimport { provideIntlService } from '@progress/kendo-vue-intl';\nimport { packageMetadata } from '../../package-metadata';\nimport { ViewList } from './ViewList';\nimport { MIN_DATE, MAX_DATE } from '../../defaults';\nimport { CalendarViewEnum } from '../models';\nimport { getToday, dateInRange, viewInRange } from '../../utils';\nimport { BusViewService, DOMService, NavigationService } from '../services';\nimport { Header } from './Header';\nimport { calculateValue, extractDateFromValue, extractMultipleFromValue, extractRangeFromValue, extractFocusedDate, extractActiveRange } from '../utils';\nvar Calendar = {\n name: 'KendoCalendar',\n inject: {\n kendoIntlService: {\n default: null\n }\n },\n model: {\n event: 'changemodel'\n },\n props: {\n activeRangeEnd: {\n type: String,\n default: undefined\n },\n allowReverse: {\n type: Boolean,\n default: false\n },\n cell: [String, Function, Object],\n className: String,\n defaultActiveView: {\n type: String,\n default: 'month'\n },\n modelValue: {\n type: [Date, Array, Object],\n default: undefined\n },\n defaultValue: {\n type: [Date, Array, Object],\n default: null\n },\n disabled: {\n type: Boolean,\n default: false\n },\n focusedDate: Date,\n id: {\n type: String,\n default: function _default() {\n return guid();\n }\n },\n headerTitle: [String, Function, Object],\n max: {\n type: Date,\n default: function _default() {\n return MAX_DATE;\n }\n },\n min: {\n type: Date,\n default: function _default() {\n return MIN_DATE;\n }\n },\n mode: String,\n navigation: {\n type: Boolean,\n default: true\n },\n smoothScroll: {\n type: Boolean,\n default: true\n },\n tabIndex: Number,\n value: [Date, Array, Object],\n views: {\n type: Number,\n default: 1\n },\n weekNumber: Boolean,\n weekCell: [String, Function, Object],\n topView: {\n type: String,\n default: 'century'\n },\n bottomView: {\n type: String,\n default: 'month'\n }\n },\n data: function data() {\n return {\n valueDuringOnChange: undefined,\n currentFocusedDate: null,\n currentActiveView: null,\n currentValue: null,\n cellUID: guid(),\n isActive: false,\n oldValue: null,\n didNavigationChange: false,\n currentActiveRangeEnd: undefined\n };\n },\n created: function created() {\n validatePackage(packageMetadata);\n var value = calculateValue(this.currentMin, this.currentMax, this.$props.defaultValue, this.$props.value || this.$props.modelValue);\n var selectedDate = this.$props.views === 1 ? value : extractDateFromValue(this.currentMin, this.currentMax, value);\n var selectedMultiple = extractMultipleFromValue(this.currentMin, this.currentMax, value);\n var selectedRange = extractRangeFromValue(value);\n var calculatedFocus = extractFocusedDate(selectedDate, selectedMultiple, selectedRange);\n this._hasMounted = false;\n this.$data.currentFocusedDate = dateInRange(this.$props.focusedDate || calculatedFocus || getToday(), this.currentMin, this.currentMax);\n this.$data.currentValue = value;\n this.$data.currentActiveView = viewInRange(CalendarViewEnum[this.$props.defaultActiveView], CalendarViewEnum[this.$props.bottomView], CalendarViewEnum[this.$props.topView]);\n this.$data.currentActiveRangeEnd = extractActiveRange(selectedRange, selectedDate);\n this._dates = [];\n this._calculateFocusFromValue = false;\n this._lastView = this.$props.activeView || this.$data.currentActiveView;\n this._lastViewsCount = this.$props.views;\n this._dom = new DOMService();\n this._bus = new BusViewService(this.handleViewChange);\n this._navigation = new NavigationService(this._bus);\n this._oldValue = value;\n },\n watch: {\n value: function value(newValue, _oldValue) {\n this.$data.currentFocusedDate = newValue;\n },\n focusedDate: function focusedDate(newValue, _oldValue) {\n this.$data.currentFocusedDate = newValue;\n }\n },\n // @ts-ignore\n setup: !gh ? undefined : function () {\n var v3 = !!gh;\n var kendoIntlService = inject('kendoIntlService', {});\n return {\n v3: v3,\n kendoIntlService: kendoIntlService\n };\n },\n mounted: function mounted() {\n this.calendarViewList = this.v3 ? this.calendarViewListRef : this.$refs.calendarViewList;\n this._calculateFocusFromValue = true;\n },\n updated: function updated() {\n var stateValue = extractDateFromValue(this.currentMin, this.currentMax, this.computedValue());\n this._calculateFocusFromValue = Boolean(this._selectedDate && stateValue && this._selectedDate.getTime() && stateValue.getTime());\n this._lastView = this.$props.activeView || this.$data.currentActiveView;\n this._lastViewsCount = this.$props.views;\n this._oldValue = this.computedValue();\n\n if (!this.calendarViewList) {\n this.calendarViewList = this.v3 ? this.calendarViewListRef : this.$refs.calendarViewList;\n }\n },\n computed: {\n activeRange: {\n get: function get() {\n return this.$props.activeRangeEnd !== undefined ? this.$props.activeRangeEnd : this.$data.currentActiveRangeEnd;\n }\n },\n currentMin: function currentMin() {\n return getDate(this.$props.min);\n },\n currentMax: function currentMax() {\n return getDate(this.$props.max);\n }\n },\n methods: {\n computedValue: function computedValue() {\n return this.$data.valueDuringOnChange !== undefined ? this.$data.valueDuringOnChange : this.$props.value !== undefined ? this.$props.value : this.$props.modelValue !== undefined ? this.$props.modelValue : this.$data.currentValue;\n },\n focus: function focus(event) {\n if (this.calendarViewList) {\n this.calendarViewList.$el.firstElementChild.focus(event);\n }\n },\n handleBlur: function handleBlur() {\n this.$data.isActive = false;\n },\n handleFocus: function handleFocus() {\n this.$data.isActive = true;\n },\n emitBlur: function emitBlur(event) {\n this.$emit('blur', event);\n },\n emitFocus: function emitFocus(event) {\n this.$emit('focus', event);\n },\n handleTodayClick: function handleTodayClick(event) {\n if (this.$props.disabled) {\n return;\n }\n\n this.$data.didNavigationChange = true;\n var focusedDate = cloneDate(event.value);\n this.$data.currentFocusedDate = focusedDate;\n this.$data.currentValue = focusedDate;\n this.triggerChange(focusedDate, event);\n },\n handleViewChange: function handleViewChange(_a) {\n var view = _a.view;\n this.$data.currentActiveView = view;\n },\n handlePrevClick: function handlePrevClick(event) {\n var focusedDate = cloneDate(event.value);\n this.focus();\n\n if (this.$props.disabled) {\n return;\n }\n\n this.$data.currentFocusedDate = focusedDate;\n },\n handleTitleClick: function handleTitleClick() {\n this.focus();\n },\n handleNextClick: function handleNextClick(event) {\n var focusedDate = cloneDate(event.value);\n this.focus();\n\n if (this.$props.disabled) {\n return;\n }\n\n this.$data.currentFocusedDate = focusedDate;\n },\n handleCellEnter: function handleCellEnter(value) {\n if (this.$props.mode === 'range') {\n this.$data.currentFocusedDate = value;\n }\n },\n generateRange: function generateRange(candidate, value) {\n var end = value.end,\n start = value.start;\n var shouldSwap = value.start !== null && candidate.getTime() <= value.start.getTime();\n\n if (!this.$props.allowReverse && shouldSwap) {\n return {\n start: candidate,\n end: this._selectedRange.start\n };\n }\n\n return this.activeRange !== 'end' ? {\n start: candidate,\n end: end\n } : {\n start: start || this._selectedDate,\n end: candidate\n };\n },\n clampRange: function clampRange(value) {\n return {\n start: value,\n end: null\n };\n },\n handleWeekCellClick: function handleWeekCellClick(event) {\n this.$emit('weekcellclick', event);\n },\n handleWeekNameClick: function handleWeekNameClick(event) {\n this.$emit('weeknameclick', event);\n },\n handleDateChange: function handleDateChange(event) {\n var focusedDate = cloneDate(event.value);\n\n var canNavigateDown = this._bus.canMoveDown(this.$data.currentActiveView);\n\n if (this.$props.disabled) {\n return;\n }\n\n if (canNavigateDown) {\n if (event.isTodayClick) {\n this._bus.moveToBottom(this.$data.currentActiveView);\n } else {\n this._bus.moveDown(this.$data.currentActiveView, event.event);\n\n this.$data.currentFocusedDate = focusedDate;\n return;\n }\n }\n\n var value;\n\n switch (this.$props.mode) {\n case 'single':\n value = cloneDate(event.value);\n break;\n\n case 'multiple':\n if (Array.isArray(this._selectedMultiple)) {\n var result = this._selectedMultiple.slice();\n\n var index_1 = -1;\n result.forEach(function (date, idx) {\n if (isEqualDate(date, event.value)) {\n index_1 = idx;\n }\n });\n index_1 !== -1 ? result.splice(index_1, 1) : result.push(cloneDate(event.value));\n value = result.slice();\n } else {\n if (this._selectedDate) {\n value = [cloneDate(this._selectedDate), cloneDate(event.value)];\n } else {\n value = [cloneDate(event.value)];\n }\n }\n\n break;\n\n case 'range':\n var hasSelection = this._selectedRange.start !== null && this._selectedRange.end !== null && this.activeRange === 'start';\n value = hasSelection ? this.clampRange(event.value) : this.generateRange(event.value, this._selectedRange);\n this.$data.currentActiveRangeEnd = this.activeRange !== 'end' ? 'end' : 'start';\n break;\n\n default:\n value = cloneDate(event.value);\n break;\n }\n\n this.$data.currentValue = value;\n this.triggerChange(value, event);\n },\n triggerChange: function triggerChange(value, event) {\n this.$data.valueDuringOnChange = value;\n var args = {\n event: event.event,\n value: value,\n component: this,\n target: {\n name: this.$props.name,\n value: value,\n valueAsDate: value\n }\n };\n this.$emit('change', args);\n this.$emit('changemodel', value);\n this.$emit('update:modelValue', value);\n this.$data.valueDuringOnChange = undefined;\n },\n handleMouseDown: function handleMouseDown(event) {\n var focusedDate = cloneDate(event.value);\n\n if (this.$props.disabled || this.$data.currentActiveView !== 0) {\n return;\n }\n\n this.$data.currentFocusedDate = focusedDate;\n },\n tableKeyDown: function tableKeyDown(event) {\n var keyCode = event.keyCode;\n this.$emit('keydown', event);\n\n if (keyCode === Keys.enter) {\n var args = {\n event: event,\n value: this._focusedDate,\n component: this,\n target: {\n name: this.$props.name,\n value: this._focusedDate,\n valueAsDate: this._focusedDate\n }\n };\n this.handleDateChange(args);\n } else {\n var candidate = dateInRange(this._navigation.move(this._focusedDate, this._navigation.action(event), this.$data.currentActiveView, this._service, event), this.currentMin, this.currentMax);\n\n if (isEqualDate(this._focusedDate, candidate)) {\n return;\n }\n\n this._calculateFocusFromValue = false;\n this.$data.currentFocusedDate = candidate;\n }\n\n event.preventDefault();\n },\n isValueEqual: function isValueEqual(newValue, oldValue) {\n if (newValue instanceof Date && oldValue instanceof Date) {\n return isEqualDate(newValue, oldValue); // @ts-ignore\n } else if (newValue instanceof Object && oldValue instanceof Object) {\n if (newValue && oldValue && // @ts-ignore\n isEqualDate(newValue.start, oldValue.start) && isEqualDate(newValue.end, oldValue.end)) {\n return true;\n } else {\n return false;\n }\n } else if (newValue instanceof Array && oldValue instanceof Array) {\n if (newValue && oldValue && // @ts-ignore\n newValue.length === oldValue.length) {\n return true;\n } else {\n return false;\n }\n }\n\n return false;\n },\n rangeWithFocused: function rangeWithFocused(range, focusedDate) {\n return {\n start: range.start,\n end: range.end === null && range.start !== null && this.$data.isActive ? focusedDate : range.end\n };\n }\n },\n // @ts-ignore\n render: function render(createElement) {\n var _this = this;\n\n var h = gh || createElement;\n var views = this.$props.views;\n var currentValue = this.computedValue();\n var currentFocusedDate = this.$data.currentFocusedDate;\n var didValueChange = currentValue !== null && this._oldValue !== null ? !this.isValueEqual(currentValue, this._oldValue) : currentValue !== this._oldValue;\n this._selectedDate = extractDateFromValue(this.currentMin, this.currentMax, currentValue);\n this._selectedMultiple = extractMultipleFromValue(this.currentMin, this.currentMax, currentValue);\n this._selectedRange = extractRangeFromValue(currentValue);\n var cell = templateRendering.call(this, this.$props.cell, getListeners.call(this));\n var weekCell = templateRendering.call(this, this.$props.weekCell, getListeners.call(this));\n var headerTitle = templateRendering.call(this, this.$props.headerTitle, getListeners.call(this));\n var activeView = viewInRange(this.$data.currentActiveView, CalendarViewEnum[this.$props.bottomView], CalendarViewEnum[this.$props.topView]);\n this._selectedDate = extractDateFromValue(this.currentMin, this.currentMax, currentValue);\n this._selectedMultiple = extractMultipleFromValue(this.currentMin, this.currentMax, currentValue);\n this._selectedRange = extractRangeFromValue(currentValue);\n var calculatedFocus = extractFocusedDate(this._selectedDate, this._selectedMultiple, this._selectedRange);\n var currentDateInRange = dateInRange(didValueChange && calculatedFocus !== null ? calculatedFocus : currentFocusedDate, this.currentMin, this.currentMax);\n\n if (currentDateInRange instanceof Date) {\n this._focusedDate = getDate(currentDateInRange);\n } else if (calculatedFocus) {\n this._focusedDate = calculatedFocus;\n }\n\n var visualizedRange = this.rangeWithFocused(this._selectedRange, currentFocusedDate);\n this._intl = provideIntlService(this);\n\n this._bus.configure(CalendarViewEnum[this.$props.bottomView], CalendarViewEnum[this.$props.topView]);\n\n this._service = this._bus.service(activeView, this._intl);\n var rootClassNames = classNames('k-widget k-calendar', 'k-calendar-range', {\n 'k-state-disabled': this.$props.disabled,\n 'k-week-number': this.$props.weekNumber\n }, this.$props.className);\n var didViewChange = this._lastView !== this.$data.currentActiveView;\n\n var isDateInList = this._dates && this._service.isInArray(this._focusedDate, this._dates);\n\n var didViewsCountChange = this._lastViewsCount !== this.$props.views;\n\n if (!isDateInList || didViewChange || didViewsCountChange) {\n this._dates = this._service.datesList(this._focusedDate, views);\n }\n\n var activeDate = cloneDate(this._dates && this._dates[0] ? this._dates[0] : undefined);\n var calendarBody = [this.$props.navigation && // @ts-ignore function children\n h(Header, {\n tabIndex: !this.$props.disabled ? this.$props.tabIndex || 0 : undefined // key={`.kendo.calendar.header.${this.$data.currentFocusedDate.getTime()}`}\n ,\n attrs: this.v3 ? undefined : {\n tabIndex: !this.$props.disabled ? this.$props.tabIndex || 0 : undefined,\n activeView: this.$data.currentActiveView,\n currentDate: activeDate,\n focusedDate: this._focusedDate,\n min: this.currentMin,\n max: this.currentMax,\n rangeLength: this.$props.views,\n bus: this._bus,\n service: this._service,\n headerTitle: headerTitle\n },\n activeView: this.$data.currentActiveView,\n currentDate: activeDate,\n focusedDate: this._focusedDate,\n min: this.currentMin,\n max: this.currentMax,\n rangeLength: this.$props.views,\n onTodayclick: this.handleTodayClick,\n on: this.v3 ? undefined : {\n \"todayclick\": this.handleTodayClick,\n \"nextclick\": this.handleNextClick,\n \"prevclick\": this.handlePrevClick,\n \"titleclick\": this.handleTitleClick\n },\n onNextclick: this.handleNextClick,\n onPrevclick: this.handlePrevClick,\n onTitleclick: this.handleTitleClick,\n bus: this._bus,\n service: this._service,\n headerTitle: headerTitle\n }), // @ts-ignore function children\n h(ViewList // key={`.kendo.calendar.viewlist.${this.$data.currentFocusedDate.getTime()}`}\n , {\n allowReverse: this.$props.allowReverse,\n attrs: this.v3 ? undefined : {\n allowReverse: this.$props.allowReverse,\n isActive: this.$data.isActive,\n tabIndex: !this.$props.disabled ? this.$props.tabIndex || 0 : undefined,\n activeView: this.$data.currentActiveView,\n focusedDate: this._focusedDate,\n min: this.currentMin,\n max: this.currentMax,\n bus: this._bus,\n dates: this._dates,\n shouldScroll: this.$data.didNavigationChange,\n service: this._service,\n cell: cell,\n weekCell: weekCell,\n dom: this._dom,\n views: this.$props.views,\n selectionRange: visualizedRange,\n smoothScroll: this.$props.smoothScroll,\n showWeekNumbers: this.$props.weekNumber,\n value: this._selectedMultiple || this._selectedDate,\n cellUID: this.$data.cellUID\n },\n isActive: this.$data.isActive,\n tabIndex: !this.$props.disabled ? this.$props.tabIndex || 0 : undefined,\n ref: this.v3 ? function (el) {\n _this.calendarViewListRef = el;\n } : 'calendarViewList',\n activeView: this.$data.currentActiveView,\n focusedDate: this._focusedDate,\n min: this.currentMin,\n max: this.currentMax,\n bus: this._bus,\n dates: this._dates,\n shouldScroll: this.$data.didNavigationChange,\n service: this._service,\n cell: cell,\n weekCell: weekCell,\n dom: this._dom,\n views: this.$props.views,\n selectionRange: visualizedRange,\n smoothScroll: this.$props.smoothScroll,\n showWeekNumbers: this.$props.weekNumber,\n onChange: this.handleDateChange,\n on: this.v3 ? undefined : {\n \"change\": this.handleDateChange,\n \"weekcellclick\": this.handleWeekCellClick,\n \"weeknameclick\": this.handleWeekNameClick,\n \"listmousedown\": this.handleMouseDown,\n \"cellenter\": this.handleCellEnter,\n \"listkeydown\": this.tableKeyDown,\n \"listfocus\": this.handleFocus,\n \"listblur\": this.handleBlur\n },\n onWeekcellclick: this.handleWeekCellClick,\n onWeeknameclick: this.handleWeekNameClick,\n onListmousedown: this.handleMouseDown,\n onCellenter: this.handleCellEnter,\n onListkeydown: this.tableKeyDown,\n onListfocus: this.handleFocus,\n onListblur: this.handleBlur,\n value: this._selectedMultiple || this._selectedDate,\n cellUID: this.$data.cellUID\n })];\n return h(\"div\", {\n \"aria-disabled\": this.$props.disabled,\n attrs: this.v3 ? undefined : {\n \"aria-disabled\": this.$props.disabled,\n id: this.$props.id\n },\n \"class\": rootClassNames,\n id: this.$props.id,\n onFocusout: this.emitBlur,\n on: this.v3 ? undefined : {\n \"focusout\": this.emitBlur,\n \"focusin\": this.emitFocus\n },\n onFocusin: this.emitFocus\n }, [calendarBody]);\n }\n};\nvar CalendarVue3 = Calendar;\nexport { Calendar, CalendarVue3 };","/**\n * @hidden\n */\nvar Mask = /** @class */ (function () {\n function Mask() {\n this.symbols = '';\n }\n return Mask;\n}());\nexport { Mask };\n","/**\n * @hidden\n */\nexport var defaultFormat = 'd';\n/**\n * @hidden\n */\nexport var defaultFormatPlaceholder = 'wide';\n/**\n * @hidden\n */\nexport var padZero = function (length) { return new Array(Math.max(length, 0)).fill('0').join(''); };\n/**\n * @hidden\n */\nexport var approximateStringMatching = function (oldTextOrigin, oldFormat, newTextOrigin, selectionStart) {\n /*\n Remove the right part of the cursor.\n oldFormat = oldFormat.substring(0, caret + oldText.length - newText.length);\n */\n var oldTextSeparator = oldTextOrigin[selectionStart + oldTextOrigin.length - newTextOrigin.length];\n var oldText = oldTextOrigin.substring(0, selectionStart + oldTextOrigin.length - newTextOrigin.length);\n var newText = newTextOrigin.substring(0, selectionStart);\n var diff = [];\n /* Handle the typing of a single character over the same selection. */\n if (oldText === newText && selectionStart > 0) {\n diff.push([oldFormat[selectionStart - 1], newText[selectionStart - 1]]);\n return diff;\n }\n if (oldText.indexOf(newText) === 0 &&\n (newText.length === 0 || oldFormat[newText.length - 1] !== oldFormat[newText.length])) {\n /* Handle Delete/Backspace. */\n var deletedSymbol = '';\n /*\n The whole text is replaced by the same character.\n A nasty patch is required to keep the selection in the first segment.\n */\n if (newText.length === 1) {\n diff.push([oldFormat[0], newText[0]]);\n }\n for (var i = newText.length; i < oldText.length; i++) {\n if (oldFormat[i] !== deletedSymbol && oldFormat[i] !== '_') {\n deletedSymbol = oldFormat[i];\n diff.push([deletedSymbol, '']);\n }\n }\n return diff;\n }\n /*\n Handle the insertion of the text (the new text is longer than the previous one).\n Handle the typing over a literal as well.\n */\n if (newText.indexOf(oldText) === 0 || oldFormat[selectionStart - 1] === '_') {\n var symbol = oldFormat[0];\n for (var i = Math.max(0, oldText.length - 1); i < oldFormat.length; i++) {\n if (oldFormat[i] !== '_') {\n symbol = oldFormat[i];\n break;\n }\n }\n return [[symbol, newText[selectionStart - 1]]];\n }\n /* Handle the entering of a space or a separator for navigating to the next item. */\n if (newText[newText.length - 1] === ' ' || newText[newText.length - 1] === oldTextSeparator) {\n return [[oldFormat[selectionStart - 1], '_']];\n }\n /* Handle typing over a correctly selected part. */\n return [[oldFormat[selectionStart - 1], newText[selectionStart - 1]]];\n};\n/**\n * @hidden\n */\nexport var dateSymbolMap = function (map, part) { map[part.pattern[0]] = part.type; return map; };\n/**\n * @hidden\n */\nexport var isInRange = function (candidate, min, max) { return (candidate === null || !((min && min > candidate) || (max && max < candidate))); };\n/**\n * @hidden\n */\nexport var invalidClasses = ['k-state-invalid'];\n/** @hidden */\nexport var wrapperClasses = ['k-widget', 'k-dateinput'];\n","import { addMonths, cloneDate, createDate, isEqual, getDate, lastDayOfMonth } from '@progress/kendo-date-math';\nimport { Mask } from './mask';\nimport { dateSymbolMap } from './../utils';\n/**\n * @hidden\n */\nvar KendoDate = /** @class */ (function () {\n function KendoDate(intlProvider, formatPlaceholder, format) {\n this.year = true;\n this.month = true;\n this.date = true;\n this.hours = true;\n this.minutes = true;\n this.seconds = true;\n this.milliseconds = true;\n this.leadingZero = null;\n this.typedMonthPart = '';\n this.knownParts = 'adHhmMsEy';\n this.symbols = {\n 'E': 'E',\n 'H': 'H',\n 'M': 'M',\n 'a': 'a',\n 'd': 'd',\n 'h': 'h',\n 'm': 'm',\n 's': 's',\n 'y': 'y'\n };\n this._value = getDate(new Date());\n this.intlProvider = intlProvider;\n this.formatPlaceholder = formatPlaceholder;\n this.format = format;\n this.monthNames = this.allFormatedMonths();\n }\n Object.defineProperty(KendoDate.prototype, \"intl\", {\n get: function () {\n return this.intlProvider();\n },\n enumerable: false,\n configurable: true\n });\n Object.defineProperty(KendoDate.prototype, \"value\", {\n get: function () {\n return this._value;\n },\n enumerable: false,\n configurable: true\n });\n KendoDate.prototype.setValue = function (value) {\n if (!value) {\n this._value = getDate(new Date());\n this.modifyExisting(false);\n }\n else if (!isEqual(value, this._value)) {\n this._value = cloneDate(value);\n this.modifyExisting(true);\n }\n };\n KendoDate.prototype.hasValue = function () {\n var _this = this;\n var pred = function (a, p) { return a || p.type !== 'literal' && p.type !== 'dayperiod' && _this.getExisting(p.pattern[0]); };\n return this.intl.splitDateFormat(this.format).reduce(pred, false);\n };\n KendoDate.prototype.getDateObject = function () {\n for (var i = 0; i < this.knownParts.length; i++) {\n if (!this.getExisting(this.knownParts[i])) {\n return null;\n }\n }\n return cloneDate(this.value);\n };\n KendoDate.prototype.getTextAndFormat = function () {\n return this.merge(this.intl.formatDate(this.value, this.format), this.dateFormatString(this.value, this.format));\n };\n KendoDate.prototype.modifyExisting = function (value) {\n var sampleFormat = this.dateFormatString(this.value, this.format).symbols;\n for (var i = 0; i < sampleFormat.length; i++) {\n this.setExisting(sampleFormat[i], value);\n }\n };\n KendoDate.prototype.getExisting = function (symbol) {\n switch (symbol) {\n case 'y': return this.year;\n case 'M':\n case 'L': return this.month;\n case 'd': return this.date;\n case 'E': return this.date && this.month && this.year;\n case 'h':\n case 'H': return this.hours;\n case 'm': return this.minutes;\n case 's': return this.seconds;\n default: return true;\n }\n };\n KendoDate.prototype.setExisting = function (symbol, value) {\n switch (symbol) {\n case 'y':\n // allow 2/29 dates\n this.year = value;\n if (value === false) {\n this._value.setFullYear(2000);\n }\n break;\n case 'M':\n // make sure you can type 31 in the day part\n this.month = value;\n if (value === false) {\n this._value.setMonth(0);\n }\n break;\n case 'd':\n this.date = value;\n break;\n case 'h':\n case 'H':\n this.hours = value;\n break;\n case 'm':\n this.minutes = value;\n break;\n case 's':\n this.seconds = value;\n break;\n default: return;\n }\n };\n KendoDate.prototype.modifyPart = function (symbol, offset) {\n var newValue = cloneDate(this.value);\n switch (symbol) {\n case 'y':\n newValue.setFullYear(newValue.getFullYear() + offset);\n break;\n case 'M':\n newValue = addMonths(this.value, offset);\n break;\n case 'd':\n case 'E':\n newValue.setDate(newValue.getDate() + offset);\n break;\n case 'h':\n case 'H':\n newValue.setHours(newValue.getHours() + offset);\n break;\n case 'm':\n newValue.setMinutes(newValue.getMinutes() + offset);\n break;\n case 's':\n newValue.setSeconds(newValue.getSeconds() + offset);\n break;\n case 'a':\n newValue.setHours(newValue.getHours() + (12 * offset));\n break;\n default: break;\n }\n this.setExisting(symbol, true);\n this._value = newValue;\n };\n KendoDate.prototype.parsePart = function (symbol, currentChar) {\n var _a;\n this.resetLeadingZero();\n if (!currentChar) {\n this.setExisting(symbol, false);\n return { value: null };\n }\n var baseDate = this.intl.formatDate(this.value, this.format);\n var dateParts = this.dateFormatString(this.value, this.format);\n var baseFormat = dateParts.symbols;\n var replaced = false;\n var prefix = '';\n var current = '';\n var suffix = '';\n for (var i = 0; i < baseDate.length; i++) {\n if (baseFormat[i] === symbol) {\n current += this.getExisting(symbol) ? baseDate[i] : '0';\n replaced = true;\n }\n else if (!replaced) {\n prefix += baseDate[i];\n }\n else {\n suffix += baseDate[i];\n }\n }\n var parsedDate = null;\n var month = this.matchMonth(currentChar);\n while (current.length > 0 && current.charAt(0) === '0') {\n current = current.slice(1);\n }\n if (current.length >= 4) {\n current = '';\n }\n for (var i = 0; i < 2; i++) {\n var middle = current + currentChar;\n var middleNumber = parseInt(middle, 10);\n parsedDate = this.intl.parseDate(prefix + middle + suffix, this.format);\n if (!parsedDate && !isNaN(middleNumber) && !isNaN(parseInt(currentChar, 10))) {\n if (symbol === 'M' && !month) {\n var monthNumber = middleNumber - 1;\n if (monthNumber > -1 && monthNumber < 12) {\n parsedDate = cloneDate(this.value);\n parsedDate.setMonth(monthNumber);\n if (parsedDate.getMonth() !== monthNumber) {\n parsedDate = lastDayOfMonth(addMonths(parsedDate, -1));\n }\n }\n }\n if (symbol === 'y') {\n parsedDate = createDate(parseInt(middle, 10), this.month ? this.value.getMonth() : 0, this.date ? this.value.getDate() : 1, this.hours ? this.value.getHours() : 0, this.minutes ? this.value.getMinutes() : 0, this.seconds ? this.value.getSeconds() : 0, this.milliseconds ? this.value.getMilliseconds() : 0);\n if (this.date && parsedDate.getDate() !== this.value.getDate()) {\n parsedDate = lastDayOfMonth(addMonths(parsedDate, -1));\n }\n }\n }\n if (parsedDate) {\n this._value = parsedDate;\n this.setExisting(symbol, true);\n return { value: this.value };\n }\n current = '';\n }\n if (month) {\n parsedDate = this.intl.parseDate(prefix + month + suffix, this.format);\n if (parsedDate) {\n this._value = parsedDate;\n this.setExisting(symbol, true);\n return { value: this.value };\n }\n }\n if (currentChar === '0') {\n this.leadingZero = !this.isAbbrMonth(dateParts.partMap, symbol) ? (_a = {}, _a[symbol] = true, _a) : null;\n this.setExisting(symbol, false);\n }\n return { value: null };\n };\n KendoDate.prototype.symbolMap = function (symbol) {\n return (this.intl.splitDateFormat(this.format)).reduce(dateSymbolMap, {})[symbol];\n };\n KendoDate.prototype.resetLeadingZero = function () {\n var hasLeadingZero = this.leadingZero !== null;\n this.leadingZero = null;\n return hasLeadingZero;\n };\n KendoDate.prototype.isAbbrMonth = function (parts, symbol) {\n var pattern = this.partPattern(parts, symbol);\n return pattern.type === 'month' && pattern.names;\n };\n KendoDate.prototype.partPattern = function (parts, symbol) {\n return parts.filter(function (part) { return part.pattern.indexOf(symbol) !== -1; })[0];\n };\n KendoDate.prototype.matchMonth = function (typedChar) {\n this.typedMonthPart += typedChar.toLowerCase();\n if (this.monthNames.length === 0) {\n return '';\n }\n while (this.typedMonthPart.length > 0) {\n for (var i = 0; i < this.monthNames.length; i++) {\n if (this.monthNames[i].toLowerCase().indexOf(this.typedMonthPart) === 0) {\n return this.monthNames[i];\n }\n }\n var monthAsNum = parseInt(this.typedMonthPart, 10);\n /* ensure they exact match */\n if (monthAsNum >= 1 && monthAsNum <= 12 && monthAsNum.toString() === this.typedMonthPart) {\n return this.monthNames[monthAsNum - 1];\n }\n this.typedMonthPart = this.typedMonthPart.substring(1, this.typedMonthPart.length);\n }\n return '';\n };\n KendoDate.prototype.allFormatedMonths = function () {\n var dateFormatParts = this.intl.splitDateFormat(this.format);\n for (var i = 0; i < dateFormatParts.length; i++) {\n if (dateFormatParts[i].type === 'month' && dateFormatParts[i].names) {\n return this.intl.dateFormatNames(dateFormatParts[i].names);\n }\n }\n return [];\n };\n KendoDate.prototype.dateFormatString = function (date, format) {\n var dateFormatParts = this.intl.splitDateFormat(format);\n var parts = [];\n var partMap = [];\n for (var i = 0; i < dateFormatParts.length; i++) {\n var partLength = this.intl.formatDate(date, { pattern: dateFormatParts[i].pattern }).length;\n while (partLength > 0) {\n parts.push(this.symbols[dateFormatParts[i].pattern[0]] || '_');\n partMap.push(dateFormatParts[i]);\n partLength--;\n }\n }\n var returnValue = new Mask();\n returnValue.symbols = parts.join('');\n returnValue.partMap = partMap;\n return returnValue;\n };\n KendoDate.prototype.merge = function (text, mask) {\n // Important: right to left.\n var resultText = '';\n var resultFormat = '';\n var format = mask.symbols;\n for (var r = format.length - 1; r >= 0; r--) {\n if (this.knownParts.indexOf(format[r]) === -1 || this.getExisting(format[r])) {\n resultText = text[r] + resultText;\n resultFormat = format[r] + resultFormat;\n }\n else {\n var currentSymbol = format[r];\n while (r >= 0 && currentSymbol === format[r]) {\n r--;\n }\n r++;\n if (this.leadingZero && this.leadingZero[currentSymbol]) {\n resultText = '0' + resultText;\n }\n else {\n resultText = this.dateFieldName(mask.partMap[r]) + resultText;\n }\n while (resultFormat.length < resultText.length) {\n resultFormat = format[r] + resultFormat;\n }\n }\n }\n return { text: resultText, format: resultFormat };\n };\n KendoDate.prototype.dateFieldName = function (part) {\n var formatPlaceholder = this.formatPlaceholder || 'wide';\n if (formatPlaceholder[part.type]) {\n return formatPlaceholder[part.type];\n }\n if (formatPlaceholder === 'formatPattern') {\n return part.pattern;\n }\n return this.intl.dateFieldName(Object.assign(part, { nameType: formatPlaceholder }));\n };\n return KendoDate;\n}());\nexport { KendoDate };\n","/**\n * @hidden\n */\nexport var TIME_PART = {\n dayperiod: 'dayperiod',\n hour: 'hour',\n millisecond: 'millisecond',\n minute: 'minute',\n second: 'second'\n};\n","import { cloneDate, addDays } from '@progress/kendo-date-math';\nimport { TIME_PART } from './models/TimePart';\nimport { MIDNIGHT_DATE, setTime } from '../utils';\nvar setter = function (method) { return function (date, value) {\n var clone = cloneDate(date);\n clone[method](value);\n return clone;\n}; };\nvar defaultGetters = [\n { type: TIME_PART.hour, getter: function (value) { return value.getHours(); } },\n { type: TIME_PART.minute, getter: function (value) { return value.getMinutes(); } },\n { type: TIME_PART.second, getter: function (value) { return value.getSeconds(); } },\n { type: TIME_PART.millisecond, getter: function (value) { return value.getMilliseconds(); } }\n];\nvar left = function (getter) { return function (origin, _) { return getter(origin); }; };\nvar right = function (getter) { return function (_, candidate) { return getter(candidate); }; };\nvar convertToObject = function (parts) { return parts.reduce(function (obj, p) { obj[p.type] = p.type; return obj; }, {}); };\nvar getterByPart = function (parts) { return function (g) { return parts[g.type] ? right(g.getter) : left(g.getter); }; };\nvar gettersFactory = function (getters) { return function (parts) { return (getters.map(getterByPart(convertToObject(parts)))); }; };\nvar snapValue = function (getter, step, min, type) { return function (date) {\n var value = getter(date);\n var minValue = getter(min);\n if (type === 'hour') {\n return value - ((value - minValue) % step);\n }\n if (date.getTime() <= min.getTime()\n && value !== 0\n && value <= minValue) {\n return (Math.ceil(value / step)) * step;\n }\n return value - (value % step);\n}; };\nvar snappersFactory = function (getters) { return function (steps, min) { return (getters.map(function (g) {\n var step = Math.floor(steps[g.type]);\n return step ? snapValue(g.getter, step, min, g.type) : g.getter;\n})); }; };\n/**\n * @hidden\n */\nexport var generateGetters = gettersFactory(defaultGetters);\n/**\n * @hidden\n */\nexport var generateSnappers = snappersFactory(defaultGetters);\n/**\n * @hidden\n */\nexport var valueMerger = function (getters) { return function (origin, candidate) {\n origin.setHours.apply(origin, getters.map(function (g) { return g(origin, candidate); }));\n return origin;\n}; };\n/**\n * @hidden\n */\nexport var snapTime = function (snappers) { return function (candidate) {\n var date = cloneDate(candidate);\n date.setHours.apply(date, snappers.map(function (s) { return s(date); }));\n return date;\n}; };\n/**\n * @hidden\n */\nexport var setHours = setter('setHours');\n/**\n * @hidden\n */\nexport var setMinutes = setter('setMinutes');\n/**\n * @hidden\n */\nexport var setSeconds = setter('setSeconds');\n/**\n * @hidden\n */\nexport var getNow = function () { return new Date(); };\n/**\n * @hidden\n */\nexport var range = function (start, end, step) {\n if (step === void 0) { step = 1; }\n var result = [];\n for (var i = start; i < end; i = i + step) {\n result.push(i);\n }\n return result;\n};\nvar normalizeTimes = function (candidate, min, max) { return ({\n candidateValue: setTime(MIDNIGHT_DATE, candidate),\n maxValue: addDays(setTime(MIDNIGHT_DATE, max), min.getHours() < max.getHours() ? 0 : 1),\n minValue: setTime(MIDNIGHT_DATE, min)\n}); };\n/**\n * @hidden\n */\nexport var timeInRange = function (candidate, min, max) {\n if (!candidate || !min || !max) {\n return candidate;\n }\n var _a = normalizeTimes(candidate, min, max), candidateValue = _a.candidateValue, minValue = _a.minValue, maxValue = _a.maxValue;\n if (candidateValue < minValue) {\n return setTime(candidate, min);\n }\n if (candidateValue > maxValue) {\n return setTime(candidate, max);\n }\n return candidate;\n};\n/**\n * @hidden\n */\nexport var isInTimeRange = function (candidate, min, max) {\n if (!candidate || !min || !max) {\n return true;\n }\n var _a = normalizeTimes(candidate, min, max), candidateValue = _a.candidateValue, minValue = _a.minValue, maxValue = _a.maxValue;\n return minValue <= candidateValue && candidateValue <= maxValue;\n};\n/**\n * @hidden\n */\nexport var isInRange = function (candidate, min, max) {\n if (candidate === null) {\n return true;\n }\n var _a = normalizeTimes(candidate, min, max), candidateValue = _a.candidateValue, minValue = _a.minValue, maxValue = _a.maxValue;\n return minValue <= candidateValue && candidateValue <= maxValue;\n};\n/**\n * @hidden\n */\nexport var isSmallerThanMin = function (val, min) {\n if (val === null || min === null) {\n return false;\n }\n var normalizedValue = setTime(MIDNIGHT_DATE, val);\n var normalizedMin = setTime(MIDNIGHT_DATE, min);\n return normalizedValue.getTime() < normalizedMin.getHours();\n};\n/**\n * @hidden\n */\nexport var isBiggerThanMax = function (val, max) {\n if (val === null || max === null) {\n return false;\n }\n var normalizedValue = setTime(MIDNIGHT_DATE, val);\n var normalizedMax = setTime(MIDNIGHT_DATE, max);\n return normalizedMax.getTime() < normalizedValue.getHours();\n};\n","var __spreadArrays = this && this.__spreadArrays || function () {\n for (var s = 0, i = 0, il = arguments.length; i < il; i++) {\n s += arguments[i].length;\n }\n\n for (var r = Array(s), k = 0, i = 0; i < il; i++) {\n for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++) {\n r[k] = a[j];\n }\n }\n\n return r;\n}; // @ts-ignore\n\n\nimport * as Vue from 'vue';\nvar allVue = Vue;\nvar gh = allVue.h;\nvar ref = allVue.ref;\nvar inject = allVue.inject;\nimport { isEqual, cloneDate } from '@progress/kendo-date-math';\nimport { provideIntlService, provideLocalizationService } from '@progress/kendo-vue-intl';\nimport { KendoDate } from './models';\nimport { guid, noop, validatePackage, canUseDOM } from '@progress/kendo-vue-common';\nimport { packageMetadata } from '../package-metadata';\nimport { approximateStringMatching, defaultFormat, defaultFormatPlaceholder, isInRange, wrapperClasses } from './utils';\nimport { MAX_DATE, MIN_DATE } from './../utils';\nimport { messages, increaseValue, decreaseValue } from './../messages';\nimport { isInTimeRange } from '../timepicker/utils';\nimport { MIN_TIME, MAX_TIME } from '../defaults';\nimport { FloatingLabel } from '@progress/kendo-vue-labels';\nvar VALIDATION_MESSAGE = 'Please enter a valid value!';\nvar DateInput = {\n name: 'DateInput',\n model: {\n event: 'changemodel'\n },\n inject: {\n kendoIntlService: {\n default: null\n },\n kendoLocalizationService: {\n default: null\n }\n },\n // @ts-ignore\n emits: {\n 'change': null,\n 'changemodel': null,\n 'update:modelValue': null,\n 'focus': null,\n 'blur': null\n },\n props: {\n modelValue: Date,\n value: Date,\n defaultValue: Date,\n format: {\n type: [String, Object],\n default: function _default() {\n return defaultFormat;\n }\n },\n formatPlaceholder: {\n type: [String, Object],\n default: function _default() {\n return defaultFormatPlaceholder;\n }\n },\n tabIndex: Number,\n title: String,\n steps: Object,\n placeholder: String,\n max: {\n type: Date,\n default: function _default() {\n return cloneDate(MAX_DATE);\n }\n },\n min: {\n type: Date,\n default: function _default() {\n return cloneDate(MIN_DATE);\n }\n },\n maxTime: {\n type: Date,\n default: function _default() {\n return cloneDate(MAX_TIME);\n }\n },\n minTime: {\n type: Date,\n default: function _default() {\n return cloneDate(MIN_TIME);\n }\n },\n disabled: {\n type: Boolean,\n default: false\n },\n spinners: {\n type: Boolean,\n default: false\n },\n name: String,\n dir: String,\n label: String,\n id: String,\n validationMessage: {\n type: String,\n default: VALIDATION_MESSAGE\n },\n required: {\n type: Boolean,\n default: false\n },\n validityStyles: {\n type: Boolean,\n default: true\n },\n validate: Boolean,\n valid: {\n type: Boolean,\n default: undefined\n }\n },\n data: function data() {\n return {\n kendoDate: null,\n currentFormat: undefined,\n valueDuringOnChange: undefined,\n hasMounted: false,\n isEmpty: undefined,\n lastSelectedSymbol: undefined,\n isFocused: false\n };\n },\n created: function created() {\n validatePackage(packageMetadata);\n var _a = this.$props,\n formatPlaceholder = _a.formatPlaceholder,\n format = _a.format,\n value = _a.value,\n defaultValue = _a.defaultValue;\n this.kendoDate = new KendoDate(this.intl, formatPlaceholder, format);\n this.kendoDate.setValue(null);\n this._emptyText = this.kendoDate.getTextAndFormat().text;\n this.kendoDate.setValue(value || defaultValue || null);\n this._element = null;\n this._inputId = guid();\n },\n computed: {\n computedValue: {\n get: function get() {\n if (this.$data.valueDuringOnChange !== undefined) {\n return this.$data.valueDuringOnChange;\n }\n\n return this.kendoDate && this.kendoDate.getDateObject();\n }\n },\n wrapperClassNames: {\n get: function get() {\n var isValid = !this.$data.hasMounted || !this.$props.validityStyles || this.validity().valid;\n var disabled = this.$props.disabled;\n return {\n 'k-dateinput-wrap': true,\n 'k-state-disabled': disabled,\n 'k-state-invalid': !isValid && isValid !== undefined,\n 'k-state-focused': this.isFocused,\n 'k-rtl': this.$props.dir === 'rtl'\n };\n }\n }\n },\n methods: {\n selection: function selection() {\n var returnValue = {\n start: 0,\n end: 0\n };\n var element = this.element();\n\n if (element !== null && element.selectionStart !== undefined) {\n returnValue = {\n start: element.selectionStart,\n end: element.selectionEnd\n };\n }\n\n return returnValue;\n },\n element: function element() {\n return this._element;\n },\n focus: function focus(e) {\n if (this._element) {\n this._element.focus(e);\n }\n },\n handleFocus: function handleFocus(e) {\n this.$data.isFocused = true;\n this.$emit('focus', e);\n },\n handleBlur: function handleBlur(e) {\n this.$data.isFocused = false;\n this.$emit('blur', e);\n },\n intl: function intl() {\n return provideIntlService(this);\n },\n setValidity: function setValidity() {\n var element = this.element();\n\n if (element && element.setCustomValidity) {\n element.setCustomValidity(this.validity().valid ? '' : this.$props.validationMessage);\n }\n },\n spinnersMouseDown: function spinnersMouseDown(event) {\n var element = this.element();\n /* do not steal focus from input when changing value with spinners */\n\n event.preventDefault();\n /* manually focus the input in case the user clicks the spinners first */\n\n if (element && canUseDOM && document.activeElement !== element) {\n element.focus({\n preventScroll: true\n });\n }\n },\n elementChange: function elementChange(event) {\n var element = this.element();\n\n if (!element || !this.kendoDate) {\n return;\n }\n\n var _a = this.kendoDate.getTextAndFormat(),\n text = _a.text,\n currentFormat = _a.format;\n\n this.$data.currentFormat = currentFormat;\n var dateBeforeChange = this.computedValue;\n var diff = approximateStringMatching(text, this.$data.currentFormat, element.value, this.selection().start);\n var navigationOnly = diff.length === 1 && diff[0][1] === '_';\n\n if (!navigationOnly) {\n for (var i = 0; i < diff.length; i++) {\n this.kendoDate.parsePart(diff[i][0], diff[i][1]);\n }\n }\n\n if (diff.length && diff[0][0] !== '_') {\n this.setSelection(this.selectionBySymbol(diff[0][0]));\n }\n\n if (navigationOnly) {\n this.switchDateSegment(1);\n }\n\n this.triggerChange(event, dateBeforeChange);\n },\n elementClick: function elementClick(_) {\n this.setSelection(this.selectionByIndex(this.selection().start));\n },\n wheel: function wheel(event) {\n var element = this.element();\n\n if (canUseDOM && document.activeElement !== element) {\n return;\n }\n\n if (event.deltaY < 0) {\n event.preventDefault();\n this.increasePart(event);\n }\n\n if (event.deltaY > 0) {\n event.preventDefault();\n this.decreasePart(event);\n }\n },\n increasePart: function increasePart(event) {\n event.preventDefault();\n this.modifyDateSegmentValue(1, event);\n },\n decreasePart: function decreasePart(event) {\n event.preventDefault();\n this.modifyDateSegmentValue(-1, event);\n },\n elementKeyDown: function elementKeyDown(event) {\n if (event.altKey) {\n return;\n }\n\n switch (event.keyCode) {\n case 37:\n /*\n * Key: `Left Arrow`\n * Action: Switches to previous logical* segment.\n * (*) https://www.w3.org/International/articles/inline-bidi-markup/uba-basics\n */\n this.switchDateSegment(-1);\n break;\n\n case 38:\n /*\n * Key: `Up Arrow`\n * Action: Increases the currently selected segment value.\n */\n this.modifyDateSegmentValue(1, event);\n break;\n\n case 39:\n /*\n * Key: `Right Arrow`\n * Action: Switches to the next logical segment.\n */\n this.switchDateSegment(1);\n break;\n\n case 40:\n /*\n * Key: `Down Arrow`\n * Action: Decreases the currently selected segment value.\n */\n this.modifyDateSegmentValue(-1, event);\n break;\n\n default:\n /*\n * Key: any\n * Action: Does not prevent the default behavior.\n */\n return;\n }\n\n event.preventDefault();\n },\n setSelection: function setSelection(selection) {\n var element = this.element();\n this.$data.lastSelectedSymbol = this.$data.currentFormat[selection.start];\n window.requestAnimationFrame(function () {\n if (element && canUseDOM && document.activeElement === element) {\n element.setSelectionRange(selection.start, selection.end);\n }\n });\n },\n triggerChange: function triggerChange(event, oldValue) {\n this.$data.valueDuringOnChange = this.computedValue;\n\n if (!isEqual(oldValue, this.computedValue)) {\n // isEqual works with null\n this.$emit('change', {\n event: event,\n value: this.computedValue,\n component: this,\n target: {\n name: this.$props.name,\n value: this.$data.valueDuringOnChange,\n valueAsDate: this.$data.valueDuringOnChange\n },\n validity: this.validity()\n });\n this.$emit('changemodel', this.computedValue);\n this.$emit('update:modelValue', this.computedValue);\n }\n\n this.$data.valueDuringOnChange = undefined;\n },\n selectionBySymbol: function selectionBySymbol(symbol) {\n var start = -1;\n var end = 0;\n\n for (var i = 0; i < this.$data.currentFormat.length; i++) {\n if (this.$data.currentFormat[i] === symbol) {\n end = i + 1;\n\n if (start === -1) {\n start = i;\n }\n }\n }\n\n if (start < 0) {\n start = 0;\n }\n\n return {\n start: start,\n end: end\n };\n },\n selectionByIndex: function selectionByIndex(index) {\n var selection = {\n start: index,\n end: index\n };\n\n for (var i = index, j = index - 1; i < this.$data.currentFormat.length || j >= 0; i++, j--) {\n if (i < this.$data.currentFormat.length && this.$data.currentFormat[i] !== '_') {\n selection = this.selectionBySymbol(this.$data.currentFormat[i]);\n break;\n }\n\n if (j >= 0 && this.$data.currentFormat[j] !== '_') {\n selection = this.selectionBySymbol(this.$data.currentFormat[j]);\n break;\n }\n }\n\n return selection;\n },\n switchDateSegment: function switchDateSegment(offset) {\n var _a = this.selection(),\n selectionStart = _a.start,\n selectionEnd = _a.end;\n\n if (selectionStart < selectionEnd && this.$data.currentFormat[selectionStart] !== this.$data.currentFormat[selectionEnd - 1]) {\n this.setSelection(this.selectionByIndex(offset > 0 ? selectionStart : selectionEnd - 1));\n return;\n }\n\n var previousFormatSymbol = this.$data.currentFormat[selectionStart];\n var a = selectionStart + offset;\n\n while (a > 0 && a < this.$data.currentFormat.length) {\n if (this.$data.currentFormat[a] !== previousFormatSymbol && this.$data.currentFormat[a] !== '_') {\n break;\n }\n\n a += offset;\n }\n\n if (this.$data.currentFormat[a] === '_') {\n // no known symbol is found\n return;\n }\n\n var b = a;\n\n while (b >= 0 && b < this.$data.currentFormat.length) {\n if (this.$data.currentFormat[b] !== this.$data.currentFormat[a]) {\n break;\n }\n\n b += offset;\n }\n\n if (a > b && (b + 1 !== selectionStart || a + 1 !== selectionEnd)) {\n this.setSelection({\n start: b + 1,\n end: a + 1\n });\n } else if (a < b && (a !== selectionStart || b !== selectionEnd)) {\n this.setSelection({\n start: a,\n end: b\n });\n }\n },\n modifyDateSegmentValue: function modifyDateSegmentValue(offset, event) {\n if (!this.kendoDate) {\n return;\n }\n\n var oldValue = this.computedValue;\n var symbol = this.$data.currentFormat[this.selection().start];\n var currentStepSymbol = this.kendoDate.symbolMap(symbol);\n var step = ((this.$props.steps || {})[currentStepSymbol] || 1) * offset;\n this.kendoDate.modifyPart(symbol, step);\n this.setSelection(this.selectionBySymbol(symbol));\n this.triggerChange(event, oldValue);\n },\n validity: function validity() {\n var inRange = isInRange(this.computedValue, this.$props.min, this.$props.max) && isInTimeRange(this.computedValue, this.$props.minTime, this.$props.maxTime);\n var customError = this.$props.validationMessage !== undefined;\n var isValid = (!this.$props.required || this.computedValue !== null) && inRange;\n var valid = this.$props.valid !== undefined ? this.$props.valid : isValid;\n return {\n customError: customError,\n rangeOverflow: this.computedValue && this.$props.max.getTime() < this.computedValue.getTime() || false,\n rangeUnderflow: this.computedValue && this.computedValue.getTime() < this.$props.min.getTime() || false,\n valid: valid,\n valueMissing: this.computedValue === null\n };\n }\n },\n mounted: function mounted() {\n this._element = this.v3 ? this.inputRef : this.$refs.input;\n this.setValidity();\n this.$data.hasMounted = true;\n },\n updated: function updated() {\n if (this.$data.lastSelectedSymbol) {\n this.setSelection(this.selectionBySymbol(this.$data.lastSelectedSymbol));\n }\n\n this.setValidity();\n },\n // @ts-ignore\n setup: !gh ? undefined : function () {\n var v3 = !!gh;\n var inputRef = ref(null);\n var kendoIntlService = inject('kendoIntlService', {});\n var kendoLocalizationService = inject('kendoLocalizationService', {});\n return {\n v3: v3,\n inputRef: inputRef,\n kendoIntlService: kendoIntlService,\n kendoLocalizationService: kendoLocalizationService\n };\n },\n // @ts-ignore\n render: function render(createElement) {\n var _this = this;\n\n var h = gh || createElement;\n var localizationService = provideLocalizationService(this);\n var _a = this.$props,\n formatPlaceholder = _a.formatPlaceholder,\n format = _a.format,\n value = _a.value,\n modelValue = _a.modelValue,\n min = _a.min,\n max = _a.max,\n name = _a.name,\n label = _a.label,\n id = _a.id,\n defaultValue = _a.defaultValue;\n this.kendoDate.format = format;\n this.kendoDate.formatPlaceholder = formatPlaceholder;\n var currentValue = value !== undefined ? value : modelValue;\n\n if (currentValue !== undefined && this.computedValue !== currentValue) {\n this.kendoDate.setValue(currentValue);\n }\n\n var _b = this.kendoDate.getTextAndFormat(),\n currentText = _b.text,\n currentFormat = _b.format;\n\n this.$data.currentFormat = currentFormat;\n this.$data.isEmpty = currentText === this._emptyText;\n var showPlaceHolder = this.$props.placeholder !== undefined && this.$data.isEmpty && !this.$data.isFocused;\n var textToDisplay = !showPlaceHolder ? currentText : null;\n var inputId = id || this._inputId;\n var isValid = !this.$props.validityStyles || this.validity().valid;\n\n var wrapperClassesInstance = __spreadArrays(wrapperClasses);\n\n if (this.$props.className) {\n wrapperClassesInstance.push(this.$props.className);\n }\n\n var dateinput = h(\"span\", {\n dir: this.$props.dir,\n attrs: this.v3 ? undefined : {\n dir: this.$props.dir\n },\n \"class\": wrapperClassesInstance.join(' ')\n }, [h(\"span\", {\n \"class\": this.wrapperClassNames\n }, [h(\"input\", {\n role: \"spinbutton\",\n attrs: this.v3 ? undefined : {\n role: \"spinbutton\",\n tabIndex: this.$props.tabIndex,\n disabled: this.$props.disabled,\n title: this.$props.title !== undefined ? this.$props.title : currentText,\n type: \"text\",\n spellcheck: false,\n autoComplete: \"off\",\n autoCorrect: \"off\",\n id: inputId,\n placeholder: this.$props.placeholder,\n name: name,\n \"aria-valuenow\": this.computedValue !== null ? this.computedValue.getTime() : undefined,\n \"aria-valuemin\": min === null ? undefined : min.getTime(),\n \"aria-valuemax\": max === null ? undefined : max.getTime(),\n \"aria-valuetext\": currentText\n },\n tabIndex: this.$props.tabIndex,\n disabled: this.$props.disabled,\n title: this.$props.title !== undefined ? this.$props.title : currentText,\n type: \"text\",\n spellcheck: false,\n autoComplete: \"off\",\n autoCorrect: \"off\",\n \"class\": \"k-input\",\n id: inputId,\n placeholder: this.$props.placeholder,\n onWheel: this.wheel,\n on: this.v3 ? undefined : {\n \"wheel\": this.wheel,\n \"click\": this.elementClick,\n \"input\": this.elementChange,\n \"keydown\": this.elementKeyDown,\n \"change\": noop,\n \"focusin\": this.handleFocus,\n \"focusout\": this.handleBlur\n },\n onClick: this.elementClick,\n onInput: this.elementChange,\n onKeydown: this.elementKeyDown,\n onChange: noop,\n onFocusin: this.handleFocus,\n onFocusout: this.handleBlur,\n value: this.v3 ? textToDisplay : null,\n domProps: this.v3 ? undefined : {\n \"value\": textToDisplay\n },\n name: name,\n \"aria-valuenow\": this.computedValue !== null ? this.computedValue.getTime() : undefined,\n \"aria-valuemin\": min === null ? undefined : min.getTime(),\n \"aria-valuemax\": max === null ? undefined : max.getTime(),\n \"aria-valuetext\": currentText,\n ref: this.v3 ? function (el) {\n _this.inputRef = el;\n } : 'input'\n }), this.$props.children, this.$props.spinners && h(\"span\", {\n \"class\": \"k-select\",\n onMousedown: this.spinnersMouseDown,\n on: this.v3 ? undefined : {\n \"mousedown\": this.spinnersMouseDown\n }\n }, [h(\"span\", {\n \"class\": \"k-link k-link-increase\",\n \"aria-label\": localizationService.toLanguageString(increaseValue, messages[increaseValue]),\n attrs: this.v3 ? undefined : {\n \"aria-label\": localizationService.toLanguageString(increaseValue, messages[increaseValue]),\n title: localizationService.toLanguageString(increaseValue, messages[increaseValue])\n },\n title: localizationService.toLanguageString(increaseValue, messages[increaseValue]),\n onClick: this.increasePart,\n on: this.v3 ? undefined : {\n \"click\": this.increasePart\n }\n }, [h(\"span\", {\n \"class\": \"k-icon k-i-arrow-n\"\n })]), h(\"span\", {\n \"class\": \"k-link k-link-decrease\",\n \"aria-label\": localizationService.toLanguageString(decreaseValue, messages[decreaseValue]),\n attrs: this.v3 ? undefined : {\n \"aria-label\": localizationService.toLanguageString(decreaseValue, messages[decreaseValue]),\n title: localizationService.toLanguageString(decreaseValue, messages[decreaseValue])\n },\n title: localizationService.toLanguageString(decreaseValue, messages[decreaseValue]),\n onClick: this.decreasePart,\n on: this.v3 ? undefined : {\n \"click\": this.decreasePart\n }\n }, [h(\"span\", {\n \"class\": \"k-icon k-i-arrow-s\"\n })])])])]);\n return label ? // @ts-ignore function children\n h(FloatingLabel, {\n label: label,\n attrs: this.v3 ? undefined : {\n label: label,\n editorId: inputId,\n editorValue: textToDisplay,\n editorPlaceholder: this.$props.placeholder,\n editorValid: isValid,\n editorDisabled: this.$props.disabled\n },\n editorId: inputId,\n editorValue: textToDisplay,\n editorPlaceholder: this.$props.placeholder,\n editorValid: isValid,\n editorDisabled: this.$props.disabled\n }, this.v3 ? function () {\n return [dateinput];\n } : [dateinput]) : dateinput;\n }\n};\nvar DateInputVue3 = DateInput;\nexport { DateInput, DateInputVue3 };","// @ts-ignore\nimport * as Vue from 'vue';\nvar allVue = Vue;\nvar gh = allVue.h;\nimport { getDefaultSlots } from '@progress/kendo-vue-common';\n/**\n * Represents the default `toggleButton` component.\n */\n\nvar ToggleButton = {\n // @ts-ignore\n emits: {\n 'click': null,\n 'mousedown': null,\n 'mouseup': null\n },\n props: {\n id: String,\n tabIndex: {\n type: Number,\n default: undefined\n },\n title: String\n },\n methods: {\n handleMouseDown: function handleMouseDown(e) {\n this.$emit('mousedown', e);\n },\n handleMouseUp: function handleMouseUp(e) {\n this.$emit('mouseup', e);\n },\n handleClick: function handleClick(e) {\n this.$emit('click', e);\n }\n },\n // @ts-ignore\n setup: !gh ? undefined : function () {\n var v3 = !!gh;\n return {\n v3: v3\n };\n },\n // @ts-ignore\n render: function render(createElement) {\n var h = gh || createElement;\n var defaultSlot = getDefaultSlots(this);\n return h(\"a\", {\n id: this.$props.id,\n attrs: this.v3 ? undefined : {\n id: this.$props.id,\n role: \"button\",\n tabindex: this.$props.tabIndex,\n title: this.$props.title,\n \"aria-label\": this.$props.title\n },\n role: \"button\",\n \"class\": 'k-select',\n tabindex: this.$props.tabIndex,\n title: this.$props.title,\n \"aria-label\": this.$props.title,\n onMousedown: this.handleMouseDown,\n on: this.v3 ? undefined : {\n \"mousedown\": this.handleMouseDown,\n \"click\": this.handleClick,\n \"mouseup\": this.handleMouseUp\n },\n onClick: this.handleClick,\n onMouseup: this.handleMouseUp\n }, [defaultSlot]);\n }\n};\nvar ToggleButtonVue3 = ToggleButton;\nexport { ToggleButton, ToggleButtonVue3 };","// @ts-ignore\nimport * as Vue from 'vue';\nvar allVue = Vue;\nvar gh = allVue.h;\nimport { getDefaultSlots } from '@progress/kendo-vue-common';\n/**\n * Represents the default `pickerWrap` component\n */\n\nvar PickerWrap = {\n props: {\n id: String\n },\n // @ts-ignore\n setup: !gh ? undefined : function () {\n var v3 = !!gh;\n return {\n v3: v3\n };\n },\n // @ts-ignore\n render: function render(createElement) {\n var h = gh || createElement;\n var defaultSlot = getDefaultSlots(this);\n return h(\"span\", {\n id: this.$props.id,\n attrs: this.v3 ? undefined : {\n id: this.$props.id\n },\n \"class\": 'k-picker-wrap'\n }, [defaultSlot]);\n }\n};\nvar PickerWrapVue3 = PickerWrap;\nexport { PickerWrap, PickerWrapVue3 };","// @ts-ignore\nimport * as Vue from 'vue';\nvar allVue = Vue;\nvar gh = allVue.h;\nvar ref = allVue.ref;\nvar inject = allVue.inject;\nimport { Popup } from '@progress/kendo-vue-popup';\nimport { getDate, cloneDate } from '@progress/kendo-date-math';\nimport { classNames, guid, Keys, templateRendering, getListeners, getTemplate, validatePackage, canUseDOM } from '@progress/kendo-vue-common';\nimport { packageMetadata } from '../package-metadata';\nimport { DateInput } from '../dateinput/DateInput';\nimport { Calendar } from '../calendar/components/Calendar';\nimport { MIN_DATE, MAX_DATE, setTime } from '../utils';\nimport { isInDateRange } from '../utils';\nimport { messages, toggleCalendar } from '../messages';\nimport { provideLocalizationService } from '@progress/kendo-vue-intl';\nimport { ToggleButton } from './ToggleButton';\nimport { PickerWrap } from '../common/PickerWrap';\nimport { FloatingLabel } from '@progress/kendo-vue-labels'; // tslint:enable:max-line-length\n\nvar DatePicker = {\n name: 'DatePicker',\n inject: {\n kendoLocalizationService: {\n default: null\n }\n },\n model: {\n event: 'changemodel'\n },\n // @ts-ignore\n emits: {\n 'change': null,\n 'changemodel': null,\n 'update:modelValue': null,\n 'iconclick': null,\n 'focus': null,\n 'blur': null\n },\n props: {\n defaultShow: {\n type: Boolean,\n default: false\n },\n modelValue: {\n type: Date,\n default: undefined\n },\n defaultValue: {\n type: Date,\n default: undefined\n },\n disabled: {\n type: Boolean,\n default: false\n },\n dateInput: {\n type: [String, Object, Function],\n default: function _default() {\n return undefined;\n }\n },\n calendar: {\n type: [String, Object, Function],\n default: function _default() {\n return undefined;\n }\n },\n toggleButton: {\n type: [String, Object, Function],\n default: function _default() {\n return undefined;\n }\n },\n label: String,\n placeholder: String,\n popup: {\n type: [String, Object, Function],\n default: function _default() {\n return undefined;\n }\n },\n pickerWrap: {\n type: [String, Object, Function],\n default: function _default() {\n return undefined;\n }\n },\n focusedDate: Date,\n format: {\n type: [Object, String],\n default: function _default() {\n return 'd';\n }\n },\n formatPlaceholder: [Object, String],\n id: String,\n max: {\n type: Date,\n default: function _default() {\n return cloneDate(MAX_DATE);\n }\n },\n min: {\n type: Date,\n default: function _default() {\n return cloneDate(MIN_DATE);\n }\n },\n name: String,\n popupSettings: {\n type: Object,\n default: function _default() {\n return {};\n }\n },\n show: {\n type: Boolean,\n default: undefined\n },\n tabIndex: {\n type: Number,\n default: 0\n },\n title: {\n type: String,\n default: function _default() {\n return '';\n }\n },\n value: Date,\n weekNumber: Boolean,\n width: [Number, String],\n validityStyles: {\n type: Boolean,\n default: true\n },\n validationMessage: String,\n required: Boolean,\n validate: Boolean,\n valid: {\n type: Boolean,\n default: undefined\n }\n },\n data: function data() {\n return {\n isFocused: false,\n currentValue: undefined,\n currentShow: undefined,\n valueDuringOnChange: undefined,\n showDuringOnChange: undefined,\n shouldFocusDateInput: false\n };\n },\n created: function created() {\n validatePackage(packageMetadata);\n this._popupId = guid();\n this._anchor = guid();\n this._wrapper = null;\n this._dateInput = null;\n this._calendar = null;\n this.$data.currentValue = this.$props.defaultValue;\n this.$data.currentShow = this.$props.defaultShow;\n },\n mounted: function mounted() {\n this._wrapper = this.v3 ? this.wrapperRef : this.$refs.wrapper;\n this._dateInput = this.v3 ? this.dateInputRef : this.$refs.dateInput;\n\n if (this.$refs.calendar || this.calendarRef) {\n this._calendar = this.v3 ? this.calendarRef : this.$refs.calendar;\n }\n\n if (this.computedShow) {\n // If defaultShow is true during the initial render, the popup is not aligned.\n this.$forceUpdate();\n }\n\n if (this._dateInput && this._dateInput.$el) {\n this._dateInput.$el.setAttribute('aria-haspopup', 'true'); // this._dateInput.$el.setAttribute('aria-expanded', `${this.$data.currentShow}`);\n\n }\n\n if (this.$el) {\n this.$el.setAttribute('aria-expanded', \"\" + this.computedShow);\n }\n },\n updated: function updated() {\n if (this.$el) {\n this.$el.setAttribute('aria-expanded', \"\" + this.computedShow);\n }\n\n if (this.$refs.calendar || this.calendarRef) {\n this._calendar = this.v3 ? this.calendarRef : this.$refs.calendar;\n }\n\n if (this.computedShow) {\n if (this._calendar && this._calendar.$el && !this._oldShow) {\n this._calendar.focus({\n preventScroll: true\n });\n }\n } else {\n if (this._dateInput && this._dateInput.$el && this.$data.shouldFocusDateInput) {\n this._dateInput.focus({\n preventScroll: true\n });\n }\n }\n\n this.$data.shouldFocusDateInput = false;\n },\n watch: {\n show: function show(_newShow, oldShow) {\n this._oldShow = oldShow;\n },\n currentShow: function currentShow(_newShow, oldShow) {\n this._oldShow = oldShow;\n }\n },\n computed: {\n computedValue: {\n get: function get() {\n var value = this.$data.valueDuringOnChange !== undefined ? this.$data.valueDuringOnChange : this.$props.value !== undefined ? this.$props.value : this.$props.modelValue !== undefined ? this.$props.modelValue : this.$data.currentValue;\n return value !== null ? cloneDate(value) : null;\n }\n },\n computedShow: {\n get: function get() {\n return this.$data.showDuringOnChange !== undefined ? this.$data.showDuringOnChange : this.$props.show !== undefined ? this.$props.show : this.$data.currentShow;\n }\n },\n wrapperClassNames: {\n get: function get() {\n var disabled = this.$props.disabled;\n return {\n 'k-state-disabled': disabled,\n 'k-state-focused': this.$data.isFocused\n };\n }\n }\n },\n methods: {\n focus: function focus() {\n if (this._dateInput) {\n this._dateInput.focus();\n }\n },\n handleFocus: function handleFocus(event) {\n this._oldShow = this.computedShow;\n\n if (this._wrapper) {\n this.$data.isFocused = true;\n }\n\n this.$emit('focus', event);\n },\n handleBlur: function handleBlur(event) {\n if (this._wrapper) {\n this.$data.isFocused = false;\n }\n\n this.createBlurTimeout();\n this.$emit('blur', event);\n },\n calendarBlur: function calendarBlur() {\n this.$emit('blur', event);\n clearTimeout(this._blurTimeout);\n this.createBlurTimeout();\n },\n calendarFocus: function calendarFocus() {\n this.$emit('focus', event);\n clearTimeout(this._blurTimeout);\n },\n createBlurTimeout: function createBlurTimeout() {\n var _this = this;\n\n this._blurTimeout = setTimeout(function () {\n if (_this._dateInput && canUseDOM && document.activeElement !== _this._dateInput._element) {\n _this.setShow(false);\n }\n }, 200);\n },\n validity: function validity() {\n var value = this.computedValue;\n var inRange = isInDateRange(value, this.$props.min, this.$props.max);\n var customError = this.$props.validationMessage !== undefined;\n var isValid = (!this.$props.required || value !== null) && inRange;\n var valid = this.$props.valid !== undefined ? this.$props.valid : isValid;\n return {\n customError: customError,\n rangeOverflow: value && this.$props.max.getTime() < value.getTime() || false,\n rangeUnderflow: value && value.getTime() < this.$props.min.getTime() || false,\n valid: valid,\n valueMissing: value === null\n };\n },\n nextValue: function nextValue(nextProps, nextState) {\n return nextProps.value !== undefined ? nextProps.value : nextState.value;\n },\n nextShow: function nextShow(nextProps, nextState) {\n return nextProps.show !== undefined ? nextProps.show : nextState.show;\n },\n setShow: function setShow(show) {\n if (this.computedShow === show) {\n return;\n }\n\n this.$data.currentShow = show;\n },\n mergeTime: function mergeTime(value) {\n return this.computedValue && value ? setTime(value, this.computedValue) : value;\n },\n handleInputValueChange: function handleInputValueChange(event) {\n this.handleValueChange(event.value, event);\n },\n handleCalendarValueChange: function handleCalendarValueChange(event) {\n var value = this.mergeTime(event.value);\n this.handleValueChange(value, event);\n },\n getDateInputText: function getDateInputText() {\n return this.computedValue ? true : this._dateInput ? this._dateInput._element.value : '';\n },\n handleValueChange: function handleValueChange(value, event) {\n this.$data.currentValue = cloneDate(value || undefined);\n this.$data.currentShow = false;\n this.$data.valueDuringOnChange = value;\n this.$data.showDuringOnChange = false;\n this.$data.shouldFocusDateInput = true;\n this.$emit('change', {\n event: event.event,\n value: this.computedValue,\n show: this.computedShow,\n component: this,\n target: {\n name: this.$props.name,\n value: this.computedValue,\n valueAsDate: this.computedValue\n },\n validity: this.validity()\n });\n this.$emit('changemodel', this.computedValue);\n this.$emit('update:modelValue', this.computedValue);\n this.$data.valueDuringOnChange = undefined;\n this.$data.showDuringOnChange = undefined;\n },\n handleIconClick: function handleIconClick(event) {\n event.stopPropagation();\n event.preventDefault();\n\n if (this.$props.disabled) {\n return;\n }\n\n this.$data.shouldFocusDateInput = true;\n this.setShow(!this.computedShow);\n this.$emit('iconclick', event);\n },\n handleIconMouseDown: function handleIconMouseDown(event) {\n event.stopPropagation();\n event.preventDefault();\n },\n handleKeyDown: function handleKeyDown(event) {\n var altKey = event.altKey,\n keyCode = event.keyCode;\n\n if (keyCode === Keys.tab && event.target !== this._dateInput._element) {\n event.preventDefault();\n this.$data.shouldFocusDateInput = true;\n this.setShow(false);\n return;\n }\n\n if (keyCode === Keys.esc) {\n this.$data.shouldFocusDateInput = true;\n this.setShow(false);\n return;\n }\n\n if (altKey && (keyCode === Keys.up || keyCode === Keys.down)) {\n event.preventDefault();\n event.stopPropagation();\n this.$data.shouldFocusDateInput = keyCode === Keys.up;\n this.setShow(keyCode === Keys.down);\n }\n }\n },\n // @ts-ignore\n setup: !gh ? undefined : function () {\n var v3 = !!gh;\n var listRef = ref(null);\n var kendoAnchorRef = ref(null);\n var kendoLocalizationService = inject('kendoLocalizationService', {});\n return {\n v3: v3,\n listRef: listRef,\n kendoAnchorRef: kendoAnchorRef,\n kendoLocalizationService: kendoLocalizationService\n };\n },\n // @ts-ignore\n render: function render(createElement) {\n var _this = this;\n\n var h = gh || createElement;\n var _a = this.$props,\n disabled = _a.disabled,\n tabIndex = _a.tabIndex,\n title = _a.title,\n id = _a.id,\n format = _a.format,\n formatPlaceholder = _a.formatPlaceholder,\n min = _a.min,\n max = _a.max,\n weekNumber = _a.weekNumber,\n focusedDate = _a.focusedDate,\n className = _a.className,\n width = _a.width,\n name = _a.name,\n validationMessage = _a.validationMessage,\n required = _a.required,\n validityStyles = _a.validityStyles;\n var _b = this.$props.popupSettings,\n popupClass = _b.popupClass,\n animate = _b.animate,\n appendTo = _b.appendTo;\n var show = this.computedShow;\n var value = this.computedValue;\n var sanitizedValue = value && getDate(value);\n var isValid = !this.$props.validityStyles || this.validity().valid;\n var rootClassName = classNames('k-widget k-datepicker', {\n 'k-state-invalid': !isValid\n }, className);\n var popupClassNames = classNames('k-calendar-container k-group k-reset', popupClass);\n var toggleButton = this.$props.toggleButton ? templateRendering.call(this, this.$props.toggleButton, getListeners.call(this)) : undefined;\n var toggleButtonDefaultRendering = // @ts-ignore function children\n h(ToggleButton, {\n onMousedown: this.handleIconMouseDown,\n on: this.v3 ? undefined : {\n \"mousedown\": this.handleIconMouseDown,\n \"click\": this.handleIconClick\n },\n onClick: this.handleIconClick,\n title: provideLocalizationService(this).toLanguageString(toggleCalendar, messages[toggleCalendar]),\n attrs: this.v3 ? undefined : {\n title: provideLocalizationService(this).toLanguageString(toggleCalendar, messages[toggleCalendar])\n },\n \"class\": \"k-select\"\n }, this.v3 ? function () {\n return [h(\"span\", {\n \"class\": \"k-icon k-i-calendar\"\n })];\n } : [h(\"span\", {\n \"class\": \"k-icon k-i-calendar\"\n })]);\n var toggleButtonRendering = getTemplate.call(this, {\n h: h,\n template: toggleButton,\n defaultRendering: toggleButtonDefaultRendering,\n defaultSlots: h(\"span\", {\n \"class\": \"k-icon k-i-calendar\"\n }),\n additionalListeners: {\n click: this.handleIconClick\n }\n });\n var dateInput = this.$props.dateInput ? templateRendering.call(this, this.$props.dateInput, getListeners.call(this)) : undefined;\n var dateInputDefaultRendering = // @ts-ignore\n h(DateInput, {\n ref: this.v3 ? function (el) {\n _this.dateInputRef = el;\n } : 'dateInput',\n placeholder: this.$props.placeholder,\n attrs: this.v3 ? undefined : {\n placeholder: this.$props.placeholder,\n disabled: disabled,\n format: format,\n formatPlaceholder: formatPlaceholder,\n id: id,\n max: max,\n min: min,\n name: name,\n required: required,\n tabIndex: !show ? tabIndex : -1,\n title: title,\n valid: this.validity().valid,\n validationMessage: validationMessage,\n validityStyles: validityStyles,\n value: value\n },\n disabled: disabled,\n format: format,\n formatPlaceholder: formatPlaceholder,\n id: id,\n max: max,\n min: min,\n name: name,\n onChange: this.handleInputValueChange,\n on: this.v3 ? undefined : {\n \"change\": this.handleInputValueChange\n },\n required: required,\n tabIndex: !show ? tabIndex : -1,\n title: title,\n valid: this.validity().valid,\n validationMessage: validationMessage,\n validityStyles: validityStyles,\n value: value\n });\n var dateInputRendering = getTemplate.call(this, {\n h: h,\n template: dateInput,\n defaultRendering: dateInputDefaultRendering\n });\n var pickerWrap = this.$props.pickerWrap ? templateRendering.call(this, this.$props.pickerWrap, getListeners.call(this)) : undefined;\n var pickerWrapDefaultRendering = // @ts-ignore function children\n h(PickerWrap, {\n ref: this.v3 ? function (el) {\n _this.wrapperRef = el;\n } : 'wrapper',\n \"class\": this.wrapperClassNames\n }, this.v3 ? function () {\n return [dateInputRendering, toggleButtonRendering];\n } : [dateInputRendering, toggleButtonRendering]);\n var pickerWrapRendering = getTemplate.call(this, {\n h: h,\n template: pickerWrap,\n defaultRendering: pickerWrapDefaultRendering,\n defaultSlots: [dateInputRendering, toggleButtonRendering]\n });\n var calendar = this.$props.calendar ? templateRendering.call(this, this.$props.calendar, getListeners.call(this)) : undefined;\n var calendarDefaultRendering = // @ts-ignore\n h(Calendar, {\n ref: this.v3 ? function (el) {\n _this.calendarRef = el;\n } : 'calendar',\n onKeydown: this.handleKeyDown,\n on: this.v3 ? undefined : {\n \"keydown\": this.handleKeyDown,\n \"focus\": this.calendarFocus,\n \"blur\": this.calendarBlur,\n \"change\": this.handleCalendarValueChange\n },\n onFocus: this.calendarFocus,\n onBlur: this.calendarBlur,\n disabled: disabled,\n attrs: this.v3 ? undefined : {\n disabled: disabled,\n value: sanitizedValue,\n min: min,\n max: max,\n weekNumber: weekNumber,\n focusedDate: focusedDate\n },\n value: sanitizedValue,\n min: min,\n max: max,\n weekNumber: weekNumber,\n focusedDate: focusedDate,\n onChange: this.handleCalendarValueChange\n });\n var calendarRendering = getTemplate.call(this, {\n h: h,\n template: calendar,\n defaultRendering: calendarDefaultRendering\n });\n var popup = this.$props.popup ? templateRendering.call(this, this.$props.popup, getListeners.call(this)) : undefined;\n var popupDefaultRendering = // @ts-ignore function children\n h(Popup, {\n show: show,\n attrs: this.v3 ? undefined : {\n show: show,\n anchor: this._anchor,\n id: this._popupId,\n anchorAlign: {\n horizontal: 'left',\n vertical: 'bottom'\n },\n popupAlign: {\n horizontal: 'left',\n vertical: 'top'\n },\n animate: animate,\n appendTo: appendTo\n },\n anchor: this._anchor,\n \"class\": popupClassNames,\n id: this._popupId,\n anchorAlign: {\n horizontal: 'left',\n vertical: 'bottom'\n },\n popupAlign: {\n horizontal: 'left',\n vertical: 'top'\n },\n animate: animate,\n appendTo: appendTo\n }, this.v3 ? function () {\n return [calendarRendering];\n } : [calendarRendering]);\n var popupRendering = getTemplate.call(this, {\n h: h,\n template: popup,\n defaultRendering: popupDefaultRendering,\n defaultSlots: calendarRendering\n });\n var datepicker = h(\"span\", {\n ref: this.v3 ? function (el) {\n _this.kendoAnchorRef = el;\n } : this._anchor,\n role: \"group\",\n attrs: this.v3 ? undefined : {\n role: \"group\",\n \"aria-expanded\": this.computedShow\n },\n \"aria-expanded\": this.computedShow,\n \"class\": rootClassName,\n onKeydown: this.handleKeyDown,\n on: this.v3 ? undefined : {\n \"keydown\": this.handleKeyDown,\n \"focusin\": this.handleFocus,\n \"focusout\": this.handleBlur\n },\n onFocusin: this.handleFocus,\n onFocusout: this.handleBlur\n }, [pickerWrapRendering, popupRendering]);\n return this.$props.label ? // @ts-ignore function children\n h(FloatingLabel, {\n label: this.$props.label,\n attrs: this.v3 ? undefined : {\n label: this.$props.label,\n editorId: id,\n editorValid: isValid,\n editorValue: this.getDateInputText(),\n editorPlaceholder: this.$props.placeholder,\n editorDisabled: this.$props.disabled\n },\n editorId: id,\n editorValid: isValid,\n editorValue: this.getDateInputText(),\n editorPlaceholder: this.$props.placeholder,\n editorDisabled: this.$props.disabled,\n style: {\n width: width\n }\n }, this.v3 ? function () {\n return [datepicker];\n } : [datepicker]) : datepicker;\n }\n};\nvar DatePickerVue3 = DatePicker;\nexport { DatePicker, DatePickerVue3 };","var __spreadArrays = (this && this.__spreadArrays) || function () {\n for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\n for (var r = Array(s), k = 0, i = 0; i < il; i++)\n for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\n r[k] = a[j];\n return r;\n};\n/**\n * @hidden\n */\nvar update = function (arr, idx, value) { return (__spreadArrays(arr.slice(0, idx + 1), (arr.slice(idx + 1).map(function (x) { return x + value; })))); };\n/**\n * @hidden\n */\nvar RowHeightService = /** @class */ (function () {\n function RowHeightService(total, rowHeight, detailRowHeight) {\n if (total === void 0) { total = 0; }\n this.total = total;\n this.rowHeight = rowHeight;\n this.detailRowHeight = detailRowHeight;\n this.offsets = [];\n this.heights = [];\n var agg = 0;\n for (var idx = 0; idx < total; idx++) {\n this.offsets.push(agg);\n agg += rowHeight;\n this.heights.push(rowHeight);\n }\n }\n RowHeightService.prototype.height = function (rowIndex) {\n return this.heights[rowIndex];\n };\n RowHeightService.prototype.expandDetail = function (rowIndex) {\n if (this.height(rowIndex) === this.rowHeight) {\n this.updateRowHeight(rowIndex, this.detailRowHeight);\n }\n };\n RowHeightService.prototype.collapseDetail = function (rowIndex) {\n if (this.height(rowIndex) > this.rowHeight) {\n this.updateRowHeight(rowIndex, this.detailRowHeight * -1);\n }\n };\n RowHeightService.prototype.index = function (position) {\n for (var i = 0; i < this.offsets.length; i++) {\n if (position === this.offsets[i]) {\n return i;\n }\n if (position < this.offsets[i]) {\n return i - 1;\n }\n }\n return this.total - 1;\n };\n RowHeightService.prototype.offset = function (rowIndex) {\n return this.offsets[rowIndex];\n };\n RowHeightService.prototype.totalHeight = function () {\n return this.heights.reduce(function (prev, curr) { return prev + curr; }, 0);\n };\n RowHeightService.prototype.updateRowHeight = function (rowIndex, value) {\n this.heights[rowIndex] += value;\n this.offsets = update(this.offsets, rowIndex, value);\n };\n return RowHeightService;\n}());\nexport { RowHeightService };\n","var normalize = function (x) { return Math.max(x, 0); };\n/**\n * @hidden\n */\nvar ScrollAction = /** @class */ (function () {\n function ScrollAction(offset) {\n this.offset = offset;\n }\n return ScrollAction;\n}());\nexport { ScrollAction };\n/**\n * @hidden\n */\nvar PageAction = /** @class */ (function () {\n function PageAction(skip) {\n this.skip = skip;\n }\n return PageAction;\n}());\nexport { PageAction };\n/**\n * @hidden\n */\nvar ScrollerService = /** @class */ (function () {\n function ScrollerService(onScrollAction, onPageAction) {\n this.onScrollAction = onScrollAction;\n this.onPageAction = onPageAction;\n this.firstLoaded = 0;\n this.bottomOffset = 0;\n this.topOffset = 0;\n }\n ScrollerService.prototype.create = function (rowHeightService, skip, take, total, topOffset, bottomOffset, direction) {\n if (topOffset === void 0) { topOffset = 0; }\n if (bottomOffset === void 0) { bottomOffset = 0; }\n if (direction === void 0) { direction = 'vertical'; }\n this.rowHeightService = rowHeightService;\n this.firstLoaded = skip;\n this.lastLoaded = skip + take;\n this.take = take;\n this.total = total;\n this.lastScrollTop = 0;\n this.topOffset = topOffset;\n this.bottomOffset = bottomOffset;\n this.direction = direction;\n var offsetBufferRows = this.rowsForHeight(topOffset);\n var skipWithOffset = normalize(skip - offsetBufferRows);\n this.onScrollAction(new ScrollAction(this.rowOffset(skipWithOffset)));\n this.onPageAction(new PageAction(skipWithOffset));\n };\n ScrollerService.prototype.onScroll = function (_a) {\n var scrollLeft = _a.scrollLeft, scrollTop = _a.scrollTop, offsetHeight = _a.offsetHeight, offsetWidth = _a.offsetWidth;\n var scrollPosition = this.direction === 'vertical' ? scrollTop : scrollLeft;\n var offsetSize = this.direction === 'vertical' ? offsetHeight : offsetWidth;\n if (this.lastScrollTop === scrollPosition) {\n return;\n }\n var up = this.lastScrollTop >= scrollPosition;\n this.lastScrollTop = scrollPosition;\n var firstItemIndex = this.rowHeightService.index(normalize(scrollPosition - this.topOffset));\n var lastItemIndex = this.rowHeightService.index(normalize(scrollPosition + offsetSize - this.bottomOffset));\n if (!up && lastItemIndex >= this.lastLoaded && this.lastLoaded < this.total) {\n this.firstLoaded = firstItemIndex;\n this.onScrollAction(new ScrollAction(this.rowOffset(firstItemIndex)));\n this.lastLoaded = Math.min(this.firstLoaded + this.take, this.total);\n this.onPageAction(new PageAction(this.firstLoaded));\n }\n if (up && firstItemIndex <= this.firstLoaded) {\n var nonVisibleBuffer = Math.floor(this.take * 0.3);\n this.firstLoaded = normalize(firstItemIndex - nonVisibleBuffer);\n this.onScrollAction(new ScrollAction(this.rowOffset(this.firstLoaded)));\n this.lastLoaded = Math.min(this.firstLoaded + this.take, this.total);\n this.onPageAction(new PageAction(this.firstLoaded));\n }\n };\n ScrollerService.prototype.rowOffset = function (index) {\n return this.rowHeightService.offset(index) + this.topOffset;\n };\n ScrollerService.prototype.rowsForHeight = function (height) {\n return Math.ceil(height / this.rowHeightService.height(0));\n };\n return ScrollerService;\n}());\nexport { ScrollerService };\n","var _a, _b; // @ts-ignore\n\n\nimport * as Vue from 'vue';\nvar allVue = Vue;\nvar gh = allVue.h;\nvar inject = allVue.inject;\nimport { cloneDate } from '@progress/kendo-date-math';\nimport { canUseDOM, Keys, noop } from '@progress/kendo-vue-common';\nimport { provideIntlService } from '@progress/kendo-vue-intl';\nimport { Virtualization } from '../virtualization/Virtualization';\nimport { TIME_PART } from './models';\nimport { SecondsService, MinutesService, HoursService, DayPeriodService, DOMService } from './services';\nimport { MAX_TIME, MIDNIGHT_DATE } from '../utils';\nvar SCROLL_THRESHOLD = 2; // < 2px threshold\n\nvar SNAP_THRESHOLD = 0.05; // % of the item height\n\nvar SKIP = 0;\nvar getters = (_a = {}, _a[Keys.end] = function (data, _) {\n return data[data.length - 1];\n}, _a[Keys.home] = function (data, _) {\n return data[0];\n}, _a[Keys.up] = function (data, index) {\n return data[index - 1];\n}, _a[Keys.down] = function (data, index) {\n return data[index + 1];\n}, _a);\nvar services = (_b = {}, _b[TIME_PART.dayperiod] = DayPeriodService, _b[TIME_PART.hour] = HoursService, _b[TIME_PART.minute] = MinutesService, _b[TIME_PART.second] = SecondsService, _b);\nvar TimeList = {\n name: 'KendoTimeList',\n // @ts-ignore\n emits: {\n 'change': null,\n 'focus': null,\n 'blur': null\n },\n props: {\n id: Number,\n boundRange: {\n type: Boolean,\n default: false\n },\n max: {\n type: Date,\n default: function _default() {\n return MAX_TIME;\n }\n },\n min: {\n type: Date,\n default: function _default() {\n return MIDNIGHT_DATE;\n }\n },\n part: Object,\n step: {\n type: Number,\n default: 1\n },\n value: Date,\n smoothScroll: {\n type: Boolean,\n default: true\n }\n },\n inject: {\n kendoIntlService: {\n default: null\n }\n },\n data: function data() {\n return {\n animateToIndex: false\n };\n },\n created: function created() {\n this.topOffset = undefined;\n this.dom = new DOMService();\n },\n computed: {\n animate: function animate() {\n return Boolean(this.$props.smoothScroll && this.animateToIndex);\n }\n },\n mounted: function mounted() {\n var _this = this;\n\n this.virtualization = this.$refs.virtualization; // Async calculation of height to avoid animation cancellation\n\n Promise.resolve().then(function () {\n if (!_this.$el) {\n return;\n } // @ts-ignore\n\n\n _this.dom.calculateHeights(_this.$el);\n\n _this.$forceUpdate();\n });\n },\n updated: function updated() {\n if (!this.$refs.virtualization) {\n return;\n }\n\n this.virtualization = this.$refs.virtualization;\n var index = this.service.selectedIndex(this.$props.value);\n this.virtualization[this.animate ? 'animateToIndex' : 'scrollToIndex'](index);\n this.animateToIndex = true;\n },\n // @ts-ignore\n setup: !gh ? undefined : function () {\n var v3 = !!gh;\n var kendoIntlService = inject('kendoIntlService', {});\n return {\n v3: v3,\n kendoIntlService: kendoIntlService\n };\n },\n // @ts-ignore\n render: function render(createElement) {\n var _this2 = this;\n\n var h = gh || createElement;\n\n if (!this.$props.part.type || !services[this.$props.part.type]) {\n return;\n }\n\n this.calculateHeights();\n this.intl = provideIntlService(this);\n this.service = new services[this.$props.part.type](this.intl);\n this.configureServices();\n var data = this.service.data(this.$props.value);\n var transform = 'translateY(' + this.topOffset + 'px)';\n var total = this.service.total(this.$props.value);\n\n var list = function list() {\n return h(\"ul\", {\n style: {\n transform: transform,\n msTransform: transform\n },\n \"class\": \"k-reset\"\n }, [data.map(function (item, idx) {\n var _this = this;\n\n return h(\"li\", {\n key: idx,\n \"class\": \"k-item\",\n onClick: function onClick() {\n _this.handleChange(item);\n },\n on: this.v3 ? undefined : {\n \"click\": function onClick() {\n _this.handleChange(item);\n }\n }\n }, [h(\"span\", [item.text])]);\n }, this)]);\n };\n\n return h(\"div\", {\n \"class\": \"k-time-list\",\n id: String(this.$props.id || ''),\n attrs: this.v3 ? undefined : {\n id: String(this.$props.id || ''),\n tabIndex: this.$props.disabled ? -1 : 0\n },\n tabIndex: this.$props.disabled ? -1 : 0,\n onKeydown: this.handleKeyDown,\n on: this.v3 ? undefined : {\n \"keydown\": this.handleKeyDown,\n \"focusin\": this.handleFocus,\n \"focusout\": this.handleBlur,\n \"mouseover\": this.handleMouseOver\n },\n onFocusin: this.handleFocus,\n onFocusout: this.handleBlur,\n onMouseover: this.handleMouseOver\n }, [this.dom.didCalculate ? // @ts-ignore function children\n h(Virtualization, {\n bottomOffset: this.bottomOffset,\n attrs: this.v3 ? undefined : {\n bottomOffset: this.bottomOffset,\n itemHeight: this.itemHeight,\n maxScrollDifference: this.listHeight,\n role: \"presentation\",\n skip: SKIP,\n tabIndex: -1,\n take: total,\n topOffset: this.topOffset,\n total: total\n },\n \"class\": 'k-time-container',\n itemHeight: this.itemHeight,\n maxScrollDifference: this.listHeight,\n onScrollaction: this.handleScrollAction,\n on: this.v3 ? undefined : {\n \"scrollaction\": this.handleScrollAction\n },\n ref: 'virtualization',\n role: \"presentation\",\n skip: SKIP,\n tabIndex: -1,\n take: total,\n topOffset: this.topOffset,\n total: total\n }, this.v3 ? function () {\n return [list.call(_this2)];\n } : [list.call(_this2)]) : h(\"div\", {\n \"class\": \"k-time-container\"\n }, [list.call(this)])]);\n },\n methods: {\n focus: function focus(args) {\n var _this = this;\n\n Promise.resolve().then(function () {\n if (!_this.$el) {\n return;\n } // @ts-ignore\n\n\n _this.$el.focus(args);\n });\n },\n itemOffset: function itemOffset(scrollTop) {\n if (!this.virtualization) {\n return -1;\n }\n\n var valueIndex = this.service.selectedIndex(this.$props.value);\n var activeIndex = this.virtualization.activeIndex();\n var offset = this.virtualization.itemOffset(activeIndex);\n var distance = Math.abs(Math.ceil(scrollTop) - offset);\n\n if (valueIndex === activeIndex && distance < SCROLL_THRESHOLD) {\n return offset;\n }\n\n var scrollUp = valueIndex > activeIndex;\n var moveToNext = scrollUp && distance >= this.bottomThreshold || !scrollUp && distance > this.topThreshold;\n return moveToNext ? this.virtualization.itemOffset(activeIndex + 1) : offset;\n },\n calculateHeights: function calculateHeights() {\n if (!this.dom.didCalculate) {\n return;\n }\n\n this.itemHeight = this.dom.itemHeight;\n this.listHeight = this.dom.timeListHeight;\n this.topOffset = (this.listHeight - this.itemHeight) / 2;\n this.bottomOffset = this.listHeight - this.itemHeight;\n this.topThreshold = this.itemHeight * SNAP_THRESHOLD;\n this.bottomThreshold = this.itemHeight * (1 - SNAP_THRESHOLD);\n },\n configureServices: function configureServices(props) {\n var _a = props || this.$props,\n min = _a.min,\n max = _a.max,\n value = _a.value;\n\n var _b = this.service.limitRange(min || this.$props.min, max || this.$props.max, value || this.$props.value),\n newMin = _b[0],\n newMax = _b[1];\n\n this.service.configure(this.serviceSettings({\n min: newMin,\n max: newMax\n }));\n },\n serviceSettings: function serviceSettings(settings) {\n var defaults = {\n boundRange: this.$props.boundRange,\n insertUndividedMax: false,\n min: cloneDate(this.$props.min),\n max: cloneDate(this.$props.max),\n part: this.$props.part,\n step: this.$props.step\n };\n var result = Object.assign({}, defaults, settings);\n result.boundRange = result.part.type !== 'hour' || this.$props.boundRange;\n return result;\n },\n handleScrollAction: function handleScrollAction(_a) {\n var target = _a.target,\n animationInProgress = _a.animationInProgress;\n\n if (!this.virtualization) {\n return;\n }\n\n if (target && !animationInProgress) {\n this.animateToIndex = false;\n var index = this.virtualization.itemIndex(this.itemOffset(target.scrollTop));\n var dataItem = this.service.data(this.$props.value)[index];\n this.handleChange(dataItem);\n }\n },\n handleFocus: function handleFocus(event) {\n this.$emit('focus', event);\n },\n handleBlur: function handleBlur(event) {\n this.$emit('blur', event);\n },\n handleMouseOver: function handleMouseOver() {\n if (!this.$el) {\n return;\n }\n\n if (canUseDOM && document.activeElement !== this.$el) {\n // @ts-ignore\n this.$el.focus({\n preventScroll: true\n });\n }\n },\n handleKeyDown: function handleKeyDown(event) {\n var keyCode = event.keyCode;\n\n if (keyCode === Keys.down || keyCode === Keys.up || keyCode === Keys.end || keyCode === Keys.home) {\n event.preventDefault();\n }\n\n var getter = getters[event.keyCode] || noop;\n var dataItem = getter(this.service.data(this.$props.value), this.service.selectedIndex(this.$props.value));\n\n if (dataItem) {\n this.handleChange(dataItem);\n }\n },\n handleChange: function handleChange(dataItem) {\n var candidate = this.service.apply(this.$props.value, dataItem.value);\n\n if (this.$props.value.getTime() === candidate.getTime()) {\n return;\n }\n\n this.currentValue = candidate;\n this.$emit('change', candidate);\n }\n }\n};\nvar TimeListVue3 = TimeList;\nexport { TimeList, TimeListVue3 };","// @ts-ignore\nimport * as Vue from 'vue';\nvar allVue = Vue;\nvar gh = allVue.h;\nvar inject = allVue.inject;\nimport { cloneDate } from '@progress/kendo-date-math';\nimport { canUseDOM, classNames, Keys } from '@progress/kendo-vue-common';\nimport { provideIntlService, provideLocalizationService } from '@progress/kendo-vue-intl';\nimport { messages, now, selectNow } from '../messages';\nimport { TimeList } from './TimeList';\nimport { MIDNIGHT_DATE, MIN_TIME, MAX_TIME } from '../utils';\nimport { TIME_PART } from './models/TimePart';\nimport { generateSnappers, getNow, isInTimeRange, snapTime, timeInRange } from './utils';\nvar formatRegExp = new RegExp(TIME_PART.hour + \"|\" + TIME_PART.minute + \"|\" + TIME_PART.second + \"|\" + TIME_PART.dayperiod + \"|literal\");\n/**\n * @hidden\n */\n\nexport var Direction;\n\n(function (Direction) {\n Direction[Direction[\"Left\"] = 0] = \"Left\";\n Direction[Direction[\"Right\"] = 1] = \"Right\";\n})(Direction || (Direction = {}));\n\nvar TimePart = {\n name: 'KendoTimePart',\n props: {\n cancelButton: {\n type: Boolean,\n default: true\n },\n disabled: {\n type: Boolean,\n default: false\n },\n format: {\n type: String,\n default: function _default() {\n return 'hh:mm a';\n }\n },\n max: {\n type: Date,\n default: function _default() {\n return MAX_TIME;\n }\n },\n min: {\n type: Date,\n default: function _default() {\n return MIN_TIME;\n }\n },\n nowButton: {\n type: Boolean,\n default: true\n },\n steps: {\n type: Object,\n default: function _default() {\n return {};\n }\n },\n smoothScroll: {\n type: Boolean,\n default: true\n },\n tabIndex: Number,\n value: {\n type: Date,\n default: function _default() {\n return null;\n }\n }\n },\n // @ts-ignore\n emits: {\n 'change': null,\n 'focus': null,\n 'blur': null\n },\n created: function created() {\n this.timeLists = [];\n this.snapTime = snapTime(generateSnappers(this.$props.steps, this.$props.min));\n this.activeListIndex = -1;\n this.hasActiveButton = this.hasActiveButton.bind(this);\n },\n inject: {\n kendoIntlService: {\n default: null\n },\n kendoLocalizationService: {\n default: null\n }\n },\n data: function data() {\n return {\n activeListIndex: null\n };\n },\n computed: {\n element: function element() {\n return this._element;\n },\n computedValue: function computedValue() {\n return timeInRange(this.snapTime(cloneDate(this.$props.value || MIDNIGHT_DATE)), this.computedMin, this.computedMax);\n },\n intl: function intl() {\n return provideIntlService(this);\n },\n computedMin: function computedMin() {\n return this.snapTime(this.$props.min);\n },\n computedMax: function computedMax() {\n return this.snapTime(this.$props.max);\n }\n },\n mounted: function mounted() {\n var _this = this;\n\n this._nowButton = this.$refs.nowButton;\n this.dateFormatParts.forEach(function (item, idx) {\n if (item.type !== 'literal') {\n _this.timeLists.push(_this.$refs['timeList' + idx]);\n }\n });\n },\n // @ts-ignore\n setup: !gh ? undefined : function () {\n var v3 = !!gh;\n var kendoIntlService = inject('kendoIntlService', {});\n var kendoLocalizationService = inject('kendoLocalizationService', {});\n return {\n v3: v3,\n kendoIntlService: kendoIntlService,\n kendoLocalizationService: kendoLocalizationService\n };\n },\n // @ts-ignore\n render: function render(createElement) {\n var h = gh || createElement;\n var _a = this.$props,\n format = _a.format,\n smoothScroll = _a.smoothScroll,\n disabled = _a.disabled;\n this.snapTime = snapTime(generateSnappers(this.$props.steps, this.computedMin));\n this.dateFormatParts = this.intl.splitDateFormat(format).filter(this.timeFormatFilter);\n var rootClassName = classNames({\n 'k-state-disabled': disabled\n }, 'k-time-part');\n var localizationService = provideLocalizationService(this);\n var selectNowMessage = localizationService.toLanguageString(selectNow, messages[selectNow]);\n return h(\"div\", {\n \"class\": rootClassName\n }, [h(\"div\", {\n \"class\": \"k-time-header\"\n }, [h(\"span\", {\n \"class\": \"k-title\"\n }, [this.intl.formatDate(this.computedValue, this.dateFormatParts.reduce(this.timeFormatReducer, ''))]), this.showNowButton() && h(\"button\", {\n ref: 'nowButton',\n \"class\": \"k-button k-flat k-time-now\",\n title: selectNowMessage,\n attrs: this.v3 ? undefined : {\n title: selectNowMessage,\n \"aria-label\": selectNowMessage,\n tabIndex: disabled ? -1 : 0\n },\n \"aria-label\": selectNowMessage,\n onClick: this.onNowClick,\n on: this.v3 ? undefined : {\n \"click\": this.onNowClick\n },\n tabIndex: disabled ? -1 : 0\n }, [localizationService.toLanguageString(now, messages[now])])]), h(\"div\", {\n \"class\": \"k-time-list-container\",\n onKeydown: this.handleKeyDown,\n on: this.v3 ? undefined : {\n \"keydown\": this.handleKeyDown\n }\n }, [h(\"span\", {\n \"class\": \"k-time-highlight\"\n }), this.dateFormatParts.map(function (part, idx) {\n var _this = this;\n\n return part.type !== 'literal' ? h(\"div\", {\n key: idx,\n \"class\": classNames('k-time-list-wrapper', {\n 'k-state-focused': idx === this.activeListIndex\n }),\n role: \"presentation\",\n attrs: this.v3 ? undefined : {\n role: \"presentation\",\n tabIndex: -1\n },\n tabIndex: -1\n }, [h(\"span\", {\n \"class\": \"k-title\",\n onMousedown: function onMousedown(e) {\n e.preventDefault();\n },\n on: this.v3 ? undefined : {\n \"mousedown\": function onMousedown(e) {\n e.preventDefault();\n }\n }\n }, [this.intl.dateFieldName(part)]), // @ts-ignore function children\n h(TimeList, {\n min: this.computedMin,\n attrs: this.v3 ? undefined : {\n min: this.computedMin,\n max: this.computedMax,\n boundRange: this.$props.boundRange,\n part: part,\n step: part.type ? this.$props.steps[part.type] : 1,\n smoothScroll: smoothScroll,\n id: idx,\n value: this.computedValue,\n disabled: disabled\n },\n max: this.computedMax,\n boundRange: this.$props.boundRange,\n part: part,\n step: part.type ? this.$props.steps[part.type] : 1,\n smoothScroll: smoothScroll,\n ref: 'timeList' + idx,\n id: idx,\n onFocus: function onFocus(event) {\n _this.handleListFocus(event, idx);\n },\n on: this.v3 ? undefined : {\n \"focus\": function onFocus(event) {\n _this.handleListFocus(event, idx);\n },\n \"blur\": this.handleListBlur,\n \"change\": this.handleChange\n },\n onBlur: this.handleListBlur,\n onChange: this.handleChange,\n value: this.computedValue,\n disabled: disabled\n })]) : h(\"div\", {\n key: idx,\n \"class\": \"k-time-separator\"\n }, [part.pattern]);\n }, this)])]);\n },\n methods: {\n onNowClick: function onNowClick(event) {\n this.$emit('nowclick', event);\n },\n focus: function focus(args) {\n var _this = this;\n\n this.$nextTick(function () {\n var timeList = _this.timeLists[0];\n\n if (!_this.hasActiveButton() && timeList && timeList.$el) {\n timeList.focus(args);\n }\n });\n },\n timeFormatReducer: function timeFormatReducer(acc, current) {\n return acc + current.pattern;\n },\n timeFormatFilter: function timeFormatFilter(part, index, all) {\n var prevItem = index >= 1 && all[index - 1];\n\n if (!prevItem) {\n return formatRegExp.test(part.type || '');\n }\n\n if (prevItem && part.type === 'literal') {\n return formatRegExp.test(prevItem.type || '');\n }\n\n return formatRegExp.test(part.type || '');\n },\n hasActiveButton: function hasActiveButton() {\n return canUseDOM && document.activeElement === this._nowButton;\n },\n focusList: function focusList(dir) {\n if (!this.timeLists.length) {\n return;\n }\n\n this.timeLists.reduce(this.listReducer, []).map(function (state) {\n return dir === Direction.Right ? state.next : state.prev;\n }).map(function (list) {\n return list && list.$el && list.$el.focus({\n preventScroll: true\n });\n });\n },\n listReducer: function listReducer(state, list, idx, all) {\n if (state.length || list.$props.id !== this.activeListIndex) {\n return state;\n }\n\n return [{\n next: all[idx + 1] || list,\n prev: all[idx - 1] || list\n }];\n },\n showNowButton: function showNowButton() {\n return !this.hasSteps() && this.$props.nowButton && isInTimeRange(getNow(), this.computedMin, this.computedMax);\n },\n hasSteps: function hasSteps() {\n var _this = this;\n\n var keys = Object.keys(this.$props.steps);\n return keys.length !== keys.reduce(function (acc, k) {\n return acc + _this.$props.steps[k];\n }, 0);\n },\n handleKeyDown: function handleKeyDown(event) {\n var keyCode = event.keyCode;\n\n switch (keyCode) {\n case Keys.left:\n event.preventDefault();\n this.focusList(Direction.Left);\n return;\n\n case Keys.right:\n event.preventDefault();\n this.focusList(Direction.Right);\n return;\n\n default:\n return;\n }\n },\n handleListBlur: function handleListBlur(event) {\n this.$emit('blur', event);\n },\n handleListFocus: function handleListFocus(event, idx) {\n this.$emit('focus', event);\n this.activeListIndex = idx;\n },\n handleChange: function handleChange(candidate) {\n this.$emit('change', candidate);\n }\n }\n};\nvar TimePartVue3 = TimePart;\nexport { TimePart, TimePartVue3 };","import { cloneDate } from '@progress/kendo-date-math';\nvar setHours = function (date, hours) {\n var clone = cloneDate(date);\n clone.setHours(hours);\n return clone;\n};\nvar isAM = function (value) { return value !== null && value < 12; };\nvar isPM = function (value) { return value !== null && (!value || value > 11); };\nvar inRange = function (value, min, max) { return ((!min && !max) || (value >= min && value <= max)); };\nvar inReverseRange = function (value, min, max) { return ((!min && !max) || value >= min || value <= max); };\n/**\n * @hidden\n */\nvar DayPeriodService = /** @class */ (function () {\n function DayPeriodService(intl) {\n this.intl = intl;\n }\n /**\n * @hidden\n */\n DayPeriodService.prototype.apply = function (value, candidate) {\n var hour = value.getHours();\n var hourAM = isAM(hour);\n var candidateAM = isAM(candidate.getHours());\n if ((hourAM && candidateAM) || (!hourAM && !candidateAM)) {\n return value;\n }\n var _a = this.normalizedRange(), min = _a[0], _b = _a[1], max = _b === void 0 ? 24 : _b;\n var result = hour + (candidateAM ? -12 : 12);\n return setHours(value, Math.min(Math.max(min, result), (max || 24)));\n };\n /**\n * @hidden\n */\n DayPeriodService.prototype.configure = function (settings) {\n var _a = settings.min, min = _a === void 0 ? this.min : _a, _b = settings.max, max = _b === void 0 ? this.max : _b, _c = settings.part, part = _c === void 0 ? this.part : _c;\n this.min = min;\n this.max = max;\n this.part = part;\n };\n /**\n * @hidden\n */\n DayPeriodService.prototype.data = function (_) {\n var names = this.part.names;\n if (!names) {\n return [];\n }\n var data = [];\n var _a = this.normalizedRange(), min = _a[0], max = _a[1];\n var dayPeriod = this.intl.dateFormatNames(names);\n if (isAM(min)) {\n data.push({ text: dayPeriod.am, value: setHours(this.min, min) });\n }\n if (isPM(max)) {\n data.push({ text: dayPeriod.pm, value: setHours(this.min, Math.max(12, max)) });\n }\n return this.min.getHours() !== min ? data.reverse() : data;\n };\n /**\n * @hidden\n */\n DayPeriodService.prototype.isRangeChanged = function (_, __) {\n return false;\n };\n /**\n * @hidden\n */\n DayPeriodService.prototype.limitRange = function (min, max, _) {\n return [min, max];\n };\n /**\n * @hidden\n */\n DayPeriodService.prototype.total = function () {\n var _a = this.normalizedRange(), min = _a[0], max = _a[1];\n if (!min && !max) {\n return 2;\n }\n if (min > 11 || max < 12) {\n return 1;\n }\n return 2;\n };\n /**\n * @hidden\n */\n DayPeriodService.prototype.selectedIndex = function (value) {\n if (!this.valueInList(value)) {\n return -1;\n }\n var index = Math.floor(value.getHours() / 12);\n return this.min.getHours() === this.normalizedRange()[0] ? index : (index === 0 ? 1 : 0);\n };\n /**\n * @hidden\n */\n DayPeriodService.prototype.valueInList = function (value) {\n var reverse = this.min.getHours() !== this.normalizedRange()[0];\n var isInRange = reverse ? inReverseRange : inRange;\n return isInRange(value.getHours(), this.min.getHours(), this.max.getHours());\n };\n DayPeriodService.prototype.normalizedRange = function () {\n var minHour = this.min.getHours();\n var maxHour = this.max.getHours();\n return [\n Math.min(minHour, maxHour),\n Math.max(minHour, maxHour)\n ];\n };\n return DayPeriodService;\n}());\nexport { DayPeriodService };\n","import { domContainerFactory as containerFactory } from '../../utils';\nimport { canUseDOM } from '@progress/kendo-vue-common';\n/**\n * @hidden\n */\nvar DOMService = /** @class */ (function () {\n function DOMService() {\n this.didCalculate = false;\n }\n DOMService.prototype.ensureHeights = function () {\n if (this.timeListHeight !== undefined) {\n return;\n }\n this.calculateHeights();\n };\n DOMService.prototype.calculateHeights = function (container) {\n if (!canUseDOM) {\n return;\n }\n var div = containerFactory('div');\n var ul = containerFactory('ul');\n var li = containerFactory('li');\n var listItem = function () { return li('02', 'k-item'); };\n var list = function () { return ul([listItem()], 'k-reset'); };\n var scrollable = function () { return (div([list()], 'k-time-container k-content k-scrollable')); };\n var timeListWrapper = function () {\n return div([div([scrollable()], 'k-time-list')], 'k-time-list-wrapper', { left: '-10000px', position: 'absolute' });\n };\n var timeWrapper = timeListWrapper();\n var listContainer = container && container.querySelector('.k-time-container');\n var hostContainer = listContainer || document.body;\n var wrapper = hostContainer.appendChild(timeWrapper);\n this.timeListHeight = wrapper.querySelector('.k-scrollable').offsetHeight;\n this.itemHeight = wrapper.querySelector('li').offsetHeight;\n hostContainer.removeChild(wrapper);\n this.didCalculate = true;\n };\n return DOMService;\n}());\nexport { DOMService };\n","import { getDate, isEqual } from '@progress/kendo-date-math';\nimport { MIDNIGHT_DATE } from '../../utils';\nimport { range, setHours } from '../utils';\nvar HOURS_IN_DAY = 24;\nvar clampToRange = function (rangeValue) { return function (value) { return value % rangeValue; }; };\nvar clamp = clampToRange(HOURS_IN_DAY);\nvar stepper = function (start, step) { return function (idx) { return clamp(start + (idx * step)); }; };\nvar distanceFromMin = function (value, min) { return clamp(HOURS_IN_DAY + value - min); };\nvar limit = function (borderValue) { return function (barrier, value) {\n var useBarrier = !value || getDate(barrier).getTime() === getDate(value).getTime();\n return useBarrier ? barrier : setHours(barrier, borderValue);\n}; };\nvar limitDown = limit(0);\nvar limitUp = limit(HOURS_IN_DAY - 1);\n/**\n * @hidden\n */\nvar HoursService = /** @class */ (function () {\n function HoursService(intl) {\n this.intl = intl;\n this.boundRange = false;\n this.insertUndividedMax = false;\n }\n HoursService.prototype.apply = function (value, candidate) {\n return setHours(value, candidate.getHours());\n };\n HoursService.prototype.configure = function (settings) {\n var _this = this;\n var _a = settings.boundRange, boundRange = _a === void 0 ? this.boundRange : _a, _b = settings.insertUndividedMax, insertUndividedMax = _b === void 0 ? this.insertUndividedMax : _b, _c = settings.min, min = _c === void 0 ? this.min : _c, _d = settings.max, max = _d === void 0 ? this.max : _d, part = settings.part, _e = settings.step, step = _e === void 0 ? this.step : _e;\n this.boundRange = boundRange;\n this.insertUndividedMax = insertUndividedMax;\n this.toListItem = function (hour) {\n var date = setHours(MIDNIGHT_DATE, hour);\n return {\n text: _this.intl.formatDate(date, part.pattern),\n value: date\n };\n };\n this.min = min;\n this.max = max;\n this.step = step;\n };\n HoursService.prototype.data = function (selectedValue) {\n var _this = this;\n var min = this.range(selectedValue)[0];\n var getHour = stepper(min, this.step);\n var convertToItem = function (idx) { return (_this.toListItem(getHour(idx))); };\n var data = range(0, this.countFromMin(selectedValue)).map(convertToItem);\n this.addLast(data);\n if (selectedValue) {\n this.addMissing(data, selectedValue);\n }\n return data;\n };\n HoursService.prototype.isRangeChanged = function (min, max) {\n return !isEqual(this.min, min) || !isEqual(this.max, max);\n };\n HoursService.prototype.limitRange = function (min, max, value) {\n return this.boundRange ? [limitDown(min, value), limitUp(max, value)] : [min, max];\n };\n HoursService.prototype.total = function (value) {\n var last = this.insertUndividedMax && this.isLastMissing(value) ? 1 : 0;\n var missing = this.isMissing(value) ? 1 : 0;\n return this.countFromMin(value) + missing + last;\n };\n HoursService.prototype.selectedIndex = function (value) {\n return Math.ceil(this.divideByStep(value));\n };\n HoursService.prototype.valueInList = function (value) {\n if (!value) {\n return true;\n }\n var matchMax = this.insertUndividedMax && this.lastHour(value) === value.getHours();\n return matchMax || !this.isMissing(value);\n };\n HoursService.prototype.addLast = function (data, value) {\n if (this.insertUndividedMax && this.isLastMissing(value)) {\n data.push(this.toListItem(this.lastHour(value)));\n }\n return data;\n };\n HoursService.prototype.addMissing = function (data, value) {\n if (this.valueInList(value)) {\n return data;\n }\n var missingItem = this.toListItem(value.getHours());\n data.splice(this.selectedIndex(value), 0, missingItem);\n return data;\n };\n HoursService.prototype.countFromMin = function (value) {\n var _a = this.range(value), min = _a[0], max = _a[1];\n return Math.floor(distanceFromMin(max, min) / this.step) + 1; /* include min */\n };\n HoursService.prototype.isMissing = function (value) {\n if (!value) {\n return false;\n }\n return this.selectedIndex(value) !== this.divideByStep(value);\n };\n HoursService.prototype.isLastMissing = function (value) {\n return this.isMissing(setHours(this.max, this.lastHour(value)));\n };\n HoursService.prototype.divideByStep = function (value) {\n return distanceFromMin(value.getHours(), this.min.getHours()) / this.step;\n };\n HoursService.prototype.lastHour = function (value) {\n return this.range(value)[1];\n };\n HoursService.prototype.range = function (value) {\n var _a = this.limitRange(this.min, this.max, value), min = _a[0], max = _a[1];\n return [min.getHours(), max.getHours()];\n };\n return HoursService;\n}());\nexport { HoursService };\n","import { isEqual } from '@progress/kendo-date-math';\nimport { MIDNIGHT_DATE } from '../../utils';\nimport { range, setMinutes } from '../utils';\nvar MINUTES_IN_HOUR = 60;\nvar clampToRange = function (rangeValue) { return function (value) { return value % rangeValue; }; };\nvar clamp = clampToRange(MINUTES_IN_HOUR);\nvar stepper = function (start, step) { return function (idx) { return clamp(start + (idx * step)); }; };\nvar distanceFromMin = function (value, min) { return clamp(MINUTES_IN_HOUR + value - min); };\nvar limit = function (borderValue) { return function (barrier, value) {\n var useBarrier = !value || barrier.getHours() === value.getHours();\n return useBarrier ? barrier : setMinutes(barrier, borderValue);\n}; };\nvar limitDown = limit(0);\nvar limitUp = limit(MINUTES_IN_HOUR - 1);\n/**\n * @hidden\n */\nvar MinutesService = /** @class */ (function () {\n function MinutesService(intl) {\n this.intl = intl;\n this.insertUndividedMax = false;\n }\n MinutesService.prototype.apply = function (value, candidate) {\n return setMinutes(value, candidate.getMinutes());\n };\n MinutesService.prototype.configure = function (settings) {\n var _this = this;\n var _a = settings.insertUndividedMax, insertUndividedMax = _a === void 0 ? this.insertUndividedMax : _a, _b = settings.min, min = _b === void 0 ? this.min : _b, _c = settings.max, max = _c === void 0 ? this.max : _c, part = settings.part, _d = settings.step, step = _d === void 0 ? this.step : _d;\n this.insertUndividedMax = insertUndividedMax;\n this.toListItem = function (minute) {\n var date = setMinutes(MIDNIGHT_DATE, minute);\n return {\n text: _this.intl.formatDate(date, part.pattern),\n value: date\n };\n };\n this.min = min;\n this.max = max;\n this.step = step;\n };\n MinutesService.prototype.data = function (selectedValue) {\n var _this = this;\n var min = this.range(selectedValue)[0];\n var getMinute = stepper(min, this.step);\n var convertToItem = function (idx) { return (_this.toListItem(getMinute(idx))); };\n var data = range(0, this.countFromMin(selectedValue)).map(convertToItem);\n this.addLast(data);\n if (selectedValue) {\n this.addMissing(data, selectedValue);\n }\n return data;\n };\n MinutesService.prototype.isRangeChanged = function (min, max) {\n return !isEqual(this.min, min) || !isEqual(this.max, max);\n };\n MinutesService.prototype.limitRange = function (min, max, value) {\n return [limitDown(min, value), limitUp(max, value)];\n };\n MinutesService.prototype.total = function (value) {\n var last = this.insertUndividedMax && this.isLastMissing(value) ? 1 : 0;\n var missing = this.isMissing(value) ? 1 : 0;\n return this.countFromMin(value) + missing + last;\n };\n MinutesService.prototype.selectedIndex = function (value) {\n return Math.ceil(this.divideByStep(value));\n };\n MinutesService.prototype.valueInList = function (value) {\n if (!value) {\n return true;\n }\n var matchMax = this.insertUndividedMax && this.lastMinute(value) === value.getMinutes();\n return matchMax || !this.isMissing(value);\n };\n MinutesService.prototype.addLast = function (data, value) {\n if (this.insertUndividedMax && this.isLastMissing(value)) {\n data.push(this.toListItem(this.lastMinute(value)));\n }\n return data;\n };\n MinutesService.prototype.addMissing = function (data, value) {\n if (this.valueInList(value)) {\n return data;\n }\n var missingItem = this.toListItem(value.getMinutes());\n data.splice(this.selectedIndex(value), 0, missingItem);\n return data;\n };\n MinutesService.prototype.countFromMin = function (value) {\n var _a = this.range(value), min = _a[0], max = _a[1];\n return Math.floor(distanceFromMin(max, min) / this.step) + 1; /* include min */\n };\n MinutesService.prototype.isMissing = function (value) {\n if (!value) {\n return false;\n }\n return this.selectedIndex(value) !== this.divideByStep(value);\n };\n MinutesService.prototype.isLastMissing = function (value) {\n return this.isMissing(setMinutes(this.max, this.lastMinute(value)));\n };\n MinutesService.prototype.divideByStep = function (value) {\n return distanceFromMin(value.getMinutes(), this.min.getMinutes()) / this.step;\n };\n MinutesService.prototype.lastMinute = function (value) {\n return this.range(value)[1];\n };\n MinutesService.prototype.range = function (value) {\n var _a = this.limitRange(this.min, this.max, value), min = _a[0], max = _a[1];\n return [min.getMinutes(), max.getMinutes()];\n };\n return MinutesService;\n}());\nexport { MinutesService };\n","import { isEqual } from '@progress/kendo-date-math';\nimport { MIDNIGHT_DATE } from '../../utils';\nimport { range, setSeconds } from '../utils';\nvar SECONDS_IN_HOUR = 60;\nvar clampToRange = function (rangeValue) { return function (value) { return value % rangeValue; }; };\nvar clamp = clampToRange(SECONDS_IN_HOUR);\nvar stepper = function (start, step) { return function (idx) { return clamp(start + (idx * step)); }; };\nvar distanceFromMin = function (value, min) { return clamp(SECONDS_IN_HOUR + value - min); };\nvar limit = function (borderValue) { return function (barrier, value) {\n var useBarrier = !value ||\n (barrier.getMinutes() === value.getMinutes() && barrier.getHours() === value.getHours());\n return useBarrier ? barrier : setSeconds(barrier, borderValue);\n}; };\nvar limitDown = limit(0);\nvar limitUp = limit(SECONDS_IN_HOUR - 1);\n/**\n * @hidden\n */\nvar SecondsService = /** @class */ (function () {\n function SecondsService(intl) {\n this.intl = intl;\n this.insertUndividedMax = false;\n }\n SecondsService.prototype.apply = function (value, candidate) {\n return setSeconds(value, candidate.getSeconds());\n };\n SecondsService.prototype.configure = function (settings) {\n var _this = this;\n var _a = settings.insertUndividedMax, insertUndividedMax = _a === void 0 ? this.insertUndividedMax : _a, _b = settings.min, min = _b === void 0 ? this.min : _b, _c = settings.max, max = _c === void 0 ? this.max : _c, part = settings.part, _d = settings.step, step = _d === void 0 ? this.step : _d;\n this.insertUndividedMax = insertUndividedMax;\n this.toListItem = function (minute) {\n var date = setSeconds(MIDNIGHT_DATE, minute);\n return {\n text: _this.intl.formatDate(date, part.pattern),\n value: date\n };\n };\n this.min = min;\n this.max = max;\n this.step = step;\n };\n SecondsService.prototype.data = function (selectedValue) {\n var _this = this;\n var min = this.range(selectedValue)[0];\n var getSecond = stepper(min, this.step);\n var convertToItem = function (idx) { return (_this.toListItem(getSecond(idx))); };\n var data = range(0, this.countFromMin(selectedValue)).map(convertToItem);\n this.addLast(data);\n if (selectedValue) {\n this.addMissing(data, selectedValue);\n }\n return data;\n };\n SecondsService.prototype.isRangeChanged = function (min, max) {\n return !isEqual(this.min, min) || !isEqual(this.max, max);\n };\n SecondsService.prototype.limitRange = function (min, max, value) {\n return [limitDown(min, value), limitUp(max, value)];\n };\n SecondsService.prototype.total = function (value) {\n var last = this.insertUndividedMax && this.isLastMissing(value) ? 1 : 0;\n var missing = this.isMissing(value) ? 1 : 0;\n return this.countFromMin(value) + missing + last;\n };\n SecondsService.prototype.selectedIndex = function (value) {\n return Math.ceil(this.divideByStep(value));\n };\n SecondsService.prototype.valueInList = function (value) {\n if (!value) {\n return true;\n }\n var matchMax = this.insertUndividedMax && this.lastSecond(value) === value.getSeconds();\n return matchMax || !this.isMissing(value);\n };\n SecondsService.prototype.divideByStep = function (value) {\n return distanceFromMin(value.getSeconds(), this.min.getSeconds()) / this.step;\n };\n SecondsService.prototype.addLast = function (data, value) {\n if (this.insertUndividedMax && this.isLastMissing(value)) {\n data.push(this.toListItem(this.lastSecond(value)));\n }\n return data;\n };\n SecondsService.prototype.addMissing = function (data, value) {\n if (this.valueInList(value)) {\n return data;\n }\n var missingItem = this.toListItem(value.getSeconds());\n data.splice(this.selectedIndex(value), 0, missingItem);\n return data;\n };\n SecondsService.prototype.countFromMin = function (value) {\n var _a = this.range(value), min = _a[0], max = _a[1];\n return Math.floor(distanceFromMin(max, min) / this.step) + 1; /* include min */\n };\n SecondsService.prototype.isMissing = function (value) {\n if (!value) {\n return false;\n }\n return this.selectedIndex(value) !== this.divideByStep(value);\n };\n SecondsService.prototype.isLastMissing = function (value) {\n return this.isMissing(setSeconds(this.max, this.lastSecond(value)));\n };\n SecondsService.prototype.lastSecond = function (value) {\n return this.range(value)[1];\n };\n SecondsService.prototype.range = function (value) {\n var _a = this.limitRange(this.min, this.max, value), min = _a[0], max = _a[1];\n return [min.getSeconds(), max.getSeconds()];\n };\n return SecondsService;\n}());\nexport { SecondsService };\n","// @ts-ignore\nimport * as Vue from 'vue';\nvar allVue = Vue;\nvar gh = allVue.h;\nvar inject = allVue.inject;\nimport { cloneDate } from '@progress/kendo-date-math';\nimport { canUseDOM, classNames, Keys } from '@progress/kendo-vue-common';\nimport { provideIntlService, provideLocalizationService } from '@progress/kendo-vue-intl';\nimport { messages, timePickerCancel, timePickerSet } from '../messages';\nimport { MIN_TIME, MAX_TIME, MIDNIGHT_DATE } from '../utils';\nimport { generateGetters, getNow, valueMerger } from './utils';\nimport { TimePart } from './TimePart';\n/**\n * @hidden\n */\n\nexport var Direction;\n\n(function (Direction) {\n Direction[Direction[\"Left\"] = 0] = \"Left\";\n Direction[Direction[\"Right\"] = 1] = \"Right\";\n})(Direction || (Direction = {}));\n\nvar TimeSelector = {\n name: 'KendoTimeSelector',\n // @ts-ignore\n emits: {\n 'change': null,\n 'focus': null,\n 'blur': null\n },\n props: {\n cancelButton: {\n type: Boolean,\n default: true\n },\n boundRange: {\n type: Boolean,\n default: false\n },\n disabled: {\n type: Boolean,\n default: false\n },\n format: {\n type: String,\n default: function _default() {\n return 't';\n }\n },\n max: {\n type: Date,\n default: function _default() {\n return MAX_TIME;\n }\n },\n min: {\n type: Date,\n default: function _default() {\n return MIN_TIME;\n }\n },\n nowButton: Boolean,\n steps: {\n type: Object,\n default: function _default() {\n return {};\n }\n },\n smoothScroll: {\n type: Boolean,\n default: true\n },\n tabIndex: Number,\n value: {\n type: Date,\n default: function _default() {\n return null;\n }\n }\n },\n created: function created() {\n this.dateFormatParts = this.intl.splitDateFormat(this.$props.format);\n this.mergeValue = valueMerger(generateGetters(this.dateFormatParts));\n this.hasActiveButton = this.hasActiveButton.bind(this);\n this.currentState = this.$props.value || MIDNIGHT_DATE;\n this.currentValue = this.$props.value;\n },\n inject: {\n kendoIntlService: {\n default: null\n },\n kendoLocalizationService: {\n default: null\n }\n },\n data: function data() {\n return {\n currentState: null,\n currentValue: null,\n valueDuringOnChange: undefined\n };\n },\n computed: {\n computedValue: function computedValue() {\n var value = this.valueDuringOnChange !== undefined ? this.valueDuringOnChange : this.$props.value !== null ? this.$props.value : this.currentValue;\n return value !== null ? cloneDate(value) : null;\n },\n intl: function intl() {\n return provideIntlService(this);\n },\n current: function current() {\n return this.currentState !== null ? cloneDate(this.currentState) : null;\n }\n },\n mounted: function mounted() {\n this.timePart = this.$refs.timePart;\n this._acceptButton = this.$refs.acceptButton;\n this._cancelButton = this.$refs.cancelButton;\n },\n // @ts-ignore\n setup: !gh ? undefined : function () {\n var v3 = !!gh;\n var kendoIntlService = inject('kendoIntlService', {});\n var kendoLocalizationService = inject('kendoLocalizationService', {});\n return {\n v3: v3,\n kendoIntlService: kendoIntlService,\n kendoLocalizationService: kendoLocalizationService\n };\n },\n // @ts-ignore\n render: function render(createElement) {\n var h = gh || createElement;\n var _a = this.$props,\n format = _a.format,\n cancelButton = _a.cancelButton,\n disabled = _a.disabled,\n tabIndex = _a.tabIndex,\n smoothScroll = _a.smoothScroll,\n min = _a.min,\n max = _a.max,\n boundRange = _a.boundRange,\n nowButton = _a.nowButton,\n steps = _a.steps;\n var localizationService = provideLocalizationService(this);\n var cancelMessage = localizationService.toLanguageString(timePickerCancel, messages[timePickerCancel]);\n var setMessage = localizationService.toLanguageString(timePickerSet, messages[timePickerSet]);\n return h(\"div\", {\n tabIndex: !disabled ? tabIndex || 0 : undefined,\n attrs: this.v3 ? undefined : {\n tabIndex: !disabled ? tabIndex || 0 : undefined\n },\n \"class\": classNames('k-timeselector k-reset', {\n 'k-state-disabled': disabled\n }),\n onKeydown: this.handleKeyDown,\n on: this.v3 ? undefined : {\n \"keydown\": this.handleKeyDown\n }\n }, [// @ts-ignore function children\n h(TimePart, {\n ref: 'timePart',\n value: this.current,\n attrs: this.v3 ? undefined : {\n value: this.current,\n format: format,\n smoothScroll: smoothScroll,\n min: min,\n max: max,\n boundRange: boundRange,\n disabled: disabled,\n nowButton: nowButton,\n steps: steps\n },\n onChange: this.handleChange,\n on: this.v3 ? undefined : {\n \"change\": this.handleChange,\n \"nowclick\": this.handleNowClick,\n \"focus\": this.handleFocus,\n \"blur\": this.handleBlur\n },\n onNowclick: this.handleNowClick,\n format: format,\n smoothScroll: smoothScroll,\n min: min,\n max: max,\n onFocus: this.handleFocus,\n onBlur: this.handleBlur,\n boundRange: boundRange,\n disabled: disabled,\n nowButton: nowButton,\n steps: steps\n }), h(\"div\", {\n \"class\": \"k-time-footer k-action-buttons\"\n }, [cancelButton && h(\"button\", {\n ref: 'cancelButton',\n \"class\": \"k-button k-time-cancel\",\n onClick: this.handleReject,\n on: this.v3 ? undefined : {\n \"click\": this.handleReject\n },\n title: cancelMessage,\n attrs: this.v3 ? undefined : {\n title: cancelMessage,\n \"aria-label\": cancelMessage\n },\n \"aria-label\": cancelMessage\n }, [cancelMessage]), h(\"button\", {\n ref: 'acceptButton',\n \"class\": \"k-time-accept k-button k-primary\",\n onClick: this.handleAccept,\n on: this.v3 ? undefined : {\n \"click\": this.handleAccept\n },\n title: setMessage,\n attrs: this.v3 ? undefined : {\n title: setMessage,\n \"aria-label\": setMessage\n },\n \"aria-label\": setMessage\n }, [setMessage])])]);\n },\n methods: {\n handleBlur: function handleBlur(event) {\n this.$emit('blur', event);\n },\n handleFocus: function handleFocus(event) {\n this.$emit('focus', event);\n },\n focusActiveList: function focusActiveList() {\n if (!this.timePart) {\n return;\n }\n\n this.timePart.focus({\n preventScroll: true\n });\n },\n hasActiveButton: function hasActiveButton() {\n if (!this._acceptButton) {\n return false;\n }\n\n return canUseDOM && (document.activeElement === this._acceptButton || document.activeElement === this._cancelButton);\n },\n handleKeyDown: function handleKeyDown(event) {\n var keyCode = event.keyCode;\n this.$emit('keydown', event);\n\n switch (keyCode) {\n case Keys.enter:\n if (!this.hasActiveButton()) {\n this.handleAccept(event);\n }\n\n return;\n\n default:\n return;\n }\n },\n handleAccept: function handleAccept(event) {\n var value = this.mergeValue(cloneDate(this.computedValue || getNow()), this.timePart ? this.timePart.value : this.current);\n this.currentValue = value;\n this.valueDuringOnChange = value;\n this.$emit('change', {\n event: event,\n value: this.computedValue,\n target: this\n });\n this.valueDuringOnChange = undefined;\n },\n handleReject: function handleReject(event) {\n this.currentState = this.computedValue;\n this.$emit('reject', event);\n },\n handleNowClick: function handleNowClick(event) {\n var now = this.mergeValue(cloneDate(this.computedValue || getNow()), getNow());\n this.currentState = now;\n this.currentValue = now;\n this.valueDuringOnChange = now;\n this.$emit('change', {\n event: event,\n value: this.computedValue,\n target: this\n });\n this.valueDuringOnChange = undefined;\n },\n handleChange: function handleChange(candidate) {\n this.currentState = candidate;\n }\n }\n};\nvar TimeSelectorVue3 = TimeSelector;\nexport { TimeSelector, TimeSelectorVue3 };","var __assign = this && this.__assign || function () {\n __assign = Object.assign || function (t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n\n for (var p in s) {\n if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n }\n }\n\n return t;\n };\n\n return __assign.apply(this, arguments);\n}; // @ts-ignore\n\n\nimport * as Vue from 'vue';\nvar allVue = Vue;\nvar gh = allVue.h;\nvar ref = allVue.ref;\nvar inject = allVue.inject;\nimport { FloatingLabel } from '@progress/kendo-vue-labels';\nimport { Popup } from '@progress/kendo-vue-popup';\nimport { cloneDate } from '@progress/kendo-date-math';\nimport { classNames, guid, Keys, templateRendering, getListeners, getTemplate, canUseDOM } from '@progress/kendo-vue-common';\nimport { provideLocalizationService } from '@progress/kendo-vue-intl';\nimport { messages, toggleTimeSelector, toggleClock } from '../messages';\nimport { DateInput } from '../dateinput/DateInput';\nimport { TimeSelector } from './TimeSelector';\nimport { MIDNIGHT_DATE, MIN_TIME, MAX_TIME, setTime } from '../utils';\nimport { isInRange, isSmallerThanMin, isBiggerThanMax } from './utils';\nimport { defaultFormatPlaceholder } from '../dateinput/utils';\nvar TimePicker = {\n name: 'KendoTimePicker',\n // @ts-ignore\n emits: {\n 'changemodel': null,\n 'update:modelValue': null,\n 'iconclick': null,\n 'change': null,\n 'focus': null,\n 'blur': null\n },\n model: {\n event: 'changemodel'\n },\n props: {\n cancelButton: {\n type: Boolean,\n default: true\n },\n nowButton: {\n type: Boolean,\n default: undefined\n },\n defaultShow: {\n type: Boolean,\n default: false\n },\n modelValue: {\n type: Date,\n default: undefined\n },\n defaultValue: {\n type: Date,\n default: function _default() {\n return null;\n }\n },\n dateInput: {\n type: [String, Object, Function],\n default: function _default() {\n return undefined;\n }\n },\n popup: {\n type: [String, Object, Function],\n default: function _default() {\n return undefined;\n }\n },\n disabled: {\n type: Boolean,\n default: false\n },\n format: {\n type: [String, Object],\n default: function _default() {\n return 't';\n }\n },\n formatPlaceholder: {\n type: [String, Object],\n default: function _default() {\n return defaultFormatPlaceholder;\n }\n },\n id: String,\n ariaLabelledBy: String,\n ariaDescribedBy: String,\n min: {\n type: Date,\n default: function _default() {\n return MIN_TIME;\n }\n },\n max: {\n type: Date,\n default: function _default() {\n return MAX_TIME;\n }\n },\n name: String,\n label: String,\n placeholder: String,\n popupSettings: {\n type: Object,\n default: function _default() {\n return {};\n }\n },\n show: {\n type: Boolean,\n default: undefined\n },\n tabIndex: {\n type: Number,\n default: 0\n },\n steps: {\n type: Object,\n default: function _default() {\n return {};\n }\n },\n smoothScroll: {\n type: Boolean,\n default: true\n },\n title: {\n type: String,\n default: function _default() {\n return '';\n }\n },\n value: {\n type: Date,\n default: function _default() {\n return undefined;\n }\n },\n width: [Number, String],\n validationMessage: String,\n required: {\n type: Boolean,\n default: false\n },\n validityStyles: {\n type: Boolean,\n default: true\n },\n validate: Boolean,\n valid: {\n type: Boolean,\n default: undefined\n }\n },\n created: function created() {\n this._anchor = guid();\n this._popupId = guid();\n this._element = null;\n this._wrapper = null;\n this._dateInput = null;\n this._timeSelector = null;\n this.shouldFocusDateInput = false;\n this.currentValue = this.$props.defaultValue;\n this.currentShow = this.$props.defaultShow;\n },\n inject: {\n kendoLocalizationService: {\n default: null\n }\n },\n data: function data() {\n return {\n currentValue: null,\n currentShow: false,\n valueDuringOnChange: undefined,\n showDuringOnChange: undefined,\n isFocused: false\n };\n },\n computed: {\n timeSelector: function timeSelector() {\n return this._timeSelector;\n },\n computedValue: function computedValue() {\n var value = this.valueDuringOnChange !== undefined ? this.valueDuringOnChange : this.$props.value !== undefined ? this.$props.value : this.$props.modelValue !== undefined ? this.$props.modelValue : this.$data.currentValue;\n return value !== null ? cloneDate(value) : null;\n },\n computedShow: function computedShow() {\n return this.showDuringOnChange !== undefined ? this.showDuringOnChange : this.$props.show !== undefined ? this.$props.show : this.currentShow;\n }\n },\n watch: {\n show: function show(_newShow, oldShow) {\n this._oldShow = oldShow;\n },\n currentShow: function currentShow(_newShow, oldShow) {\n this._oldShow = oldShow;\n }\n },\n mounted: function mounted() {\n if (this.computedShow) {\n // If defaultShow is true during the initial render, the popup is not aligned.\n this.$forceUpdate();\n }\n\n this._dateInput = this.v3 ? this.dateInputRef : this.$refs.dateInput;\n this._timeSelector = this.$refs.timeSelector;\n this._wrapper = this.v3 ? this.kendoAnchorRef : this.$refs[this._anchor];\n\n if (this._dateInput && this._dateInput.element()) {\n this._dateInput.element().setAttribute('aria-haspopup', 'true');\n\n this._dateInput.element().setAttribute('aria-expanded', \"\" + this.computedShow);\n }\n },\n updated: function updated() {\n this._dateInput = this.v3 ? this.dateInputRef : this.$refs.dateInput;\n this._timeSelector = this.$refs.timeSelector;\n this._wrapper = this.v3 ? this.kendoAnchorRef : this.$refs[this._anchor];\n\n if (this._dateInput && this._dateInput.element()) {\n this._dateInput.element().setAttribute('aria-expanded', \"\" + this.computedShow);\n }\n\n if (this._timeSelector && this.computedShow && !this._oldShow) {\n this._timeSelector.focusActiveList();\n } else if (this._dateInput && this._dateInput.element() && !this.computedShow && this.shouldFocusDateInput) {\n this._dateInput.element().focus({\n preventScroll: true\n });\n }\n\n this.shouldFocusDateInput = false;\n },\n // @ts-ignore\n setup: !gh ? undefined : function () {\n var v3 = !!gh;\n var kendoAnchorRef = ref(null);\n var kendoLocalizationService = inject('kendoLocalizationService', {});\n return {\n v3: v3,\n kendoAnchorRef: kendoAnchorRef,\n kendoLocalizationService: kendoLocalizationService\n };\n },\n // @ts-ignore\n render: function render(createElement) {\n var _this = this;\n\n var h = gh || createElement;\n var _a = this.$props,\n disabled = _a.disabled,\n tabIndex = _a.tabIndex,\n title = _a.title,\n id = _a.id,\n placeholder = _a.placeholder,\n format = _a.format,\n formatPlaceholder = _a.formatPlaceholder,\n smoothScroll = _a.smoothScroll,\n width = _a.width,\n name = _a.name,\n steps = _a.steps,\n cancelButton = _a.cancelButton,\n nowButton = _a.nowButton,\n validationMessage = _a.validationMessage,\n required = _a.required,\n validityStyles = _a.validityStyles,\n ariaLabelledBy = _a.ariaLabelledBy,\n ariaDescribedBy = _a.ariaDescribedBy;\n var _b = this.$props.popupSettings,\n popupClass = _b.popupClass,\n appendTo = _b.appendTo,\n animate = _b.animate;\n var isValid = !this.$props.validityStyles || this.validity().valid;\n var rootClassName = classNames('k-widget k-timepicker');\n var wrapperClassNames = classNames('k-picker-wrap', {\n 'k-state-invalid': !isValid,\n 'k-state-disabled': disabled,\n 'k-state-focused': this.isFocused\n });\n var popupClassNames = classNames('k-group k-reset', popupClass);\n var localizationService = provideLocalizationService(this);\n var toggleClockMessage = localizationService.toLanguageString(toggleClock, messages[toggleClock]);\n var toggleTimeMessage = localizationService.toLanguageString(toggleTimeSelector, messages[toggleTimeSelector]);\n var dateInput = this.$props.dateInput ? templateRendering.call(this, this.$props.dateInput, getListeners.call(this)) : undefined;\n var dateInputDefaultRendering = // @ts-ignore function children\n h(DateInput, {\n ref: this.v3 ? function (el) {\n _this.dateInputRef = el;\n } : 'dateInput',\n placeholder: placeholder,\n attrs: this.v3 ? undefined : {\n placeholder: placeholder,\n disabled: disabled,\n format: format,\n formatPlaceholder: formatPlaceholder,\n id: id,\n ariaLabelledBy: ariaLabelledBy,\n ariaDescribedBy: ariaDescribedBy,\n max: this.normalizeTime(this.$props.max),\n min: this.normalizeTime(this.$props.min),\n name: name,\n required: required,\n steps: steps,\n tabIndex: !this.computedShow ? tabIndex : -1,\n title: title,\n valid: this.validity().valid,\n validationMessage: validationMessage,\n validityStyles: validityStyles,\n value: this.computedValue && this.normalizeTime(this.computedValue)\n },\n disabled: disabled,\n format: format,\n formatPlaceholder: formatPlaceholder,\n id: id,\n ariaLabelledBy: ariaLabelledBy,\n ariaDescribedBy: ariaDescribedBy,\n max: this.normalizeTime(this.$props.max),\n min: this.normalizeTime(this.$props.min),\n name: name,\n onChange: this.handleInputValueChange,\n on: this.v3 ? undefined : {\n \"change\": this.handleInputValueChange\n },\n required: required,\n steps: steps,\n tabIndex: !this.computedShow ? tabIndex : -1,\n title: title,\n valid: this.validity().valid,\n validationMessage: validationMessage,\n validityStyles: validityStyles,\n value: this.computedValue && this.normalizeTime(this.computedValue)\n });\n var timeSelector = // @ts-ignore function children\n h(TimeSelector, {\n ref: 'timeSelector',\n cancelButton: cancelButton,\n attrs: this.v3 ? undefined : {\n cancelButton: cancelButton,\n disabled: disabled,\n nowButton: nowButton,\n format: format,\n min: this.$props.min,\n max: this.$props.max,\n steps: steps,\n smoothScroll: smoothScroll,\n value: this.computedValue\n },\n disabled: disabled,\n nowButton: nowButton,\n format: format,\n min: this.$props.min,\n max: this.$props.max,\n steps: steps,\n smoothScroll: smoothScroll,\n value: this.computedValue,\n onChange: this.handleValueChange,\n on: this.v3 ? undefined : {\n \"change\": this.handleValueChange,\n \"reject\": this.handleValueReject,\n \"focus\": this.timeFocus,\n \"blur\": this.timeBlur,\n \"keydown\": this.handleKeyDown\n },\n onReject: this.handleValueReject,\n onFocus: this.timeFocus,\n onBlur: this.timeBlur,\n onKeydown: this.handleKeyDown\n });\n var dateInputRendering = getTemplate.call(this, {\n h: h,\n template: dateInput,\n defaultRendering: dateInputDefaultRendering\n });\n var popup = this.$props.popup ? templateRendering.call(this, this.$props.popup, getListeners.call(this)) : undefined;\n var popupDefaultRendering = // @ts-ignore function children\n h(Popup, {\n show: this.computedShow,\n attrs: this.v3 ? undefined : {\n show: this.computedShow,\n anchor: this._anchor,\n id: this._popupId,\n anchorAlign: {\n horizontal: 'left',\n vertical: 'bottom'\n },\n popupAlign: {\n horizontal: 'left',\n vertical: 'top'\n },\n appendTo: appendTo,\n animate: animate\n },\n anchor: this._anchor,\n \"class\": popupClassNames,\n id: this._popupId,\n anchorAlign: {\n horizontal: 'left',\n vertical: 'bottom'\n },\n popupAlign: {\n horizontal: 'left',\n vertical: 'top'\n },\n appendTo: appendTo,\n animate: animate\n }, this.v3 ? function () {\n return [timeSelector];\n } : [timeSelector]);\n var popupRendering = getTemplate.call(this, {\n h: h,\n template: popup,\n defaultRendering: popupDefaultRendering,\n defaultSlots: timeSelector\n });\n var timePicker = h(\"div\", {\n \"class\": rootClassName,\n onKeydown: this.handleKeyDown,\n on: this.v3 ? undefined : {\n \"keydown\": this.handleKeyDown,\n \"focusin\": this.handleFocus,\n \"focusout\": this.handleBlur\n },\n style: {\n width: width\n },\n onFocusin: this.handleFocus,\n onFocusout: this.handleBlur\n }, [h(\"span\", {\n ref: this.v3 ? function (el) {\n _this.kendoAnchorRef = el;\n } : this._anchor,\n \"class\": wrapperClassNames\n }, [dateInputRendering, h(\"span\", {\n role: \"button\",\n attrs: this.v3 ? undefined : {\n role: \"button\",\n title: toggleTimeMessage,\n \"aria-controls\": this._popupId,\n \"aria-label\": toggleClockMessage\n },\n onMousedown: this.handleIconMouseDown,\n on: this.v3 ? undefined : {\n \"mousedown\": this.handleIconMouseDown,\n \"click\": this.handleIconClick\n },\n onClick: this.handleIconClick,\n title: toggleTimeMessage,\n \"class\": \"k-select\",\n \"aria-controls\": this._popupId,\n \"aria-label\": toggleClockMessage\n }, [h(\"span\", {\n \"class\": \"k-icon k-i-clock\"\n })])]), popupRendering]);\n return this.$props.label ? // @ts-ignore function children\n h(FloatingLabel, {\n label: this.$props.label,\n attrs: this.v3 ? undefined : {\n label: this.$props.label,\n editorId: id,\n editorValid: isValid,\n editorValue: this.getDateInputText(),\n editorPlaceholder: this.$props.placeholder,\n editorDisabled: this.$props.disabled\n },\n editorId: id,\n editorValid: isValid,\n editorValue: this.getDateInputText(),\n editorPlaceholder: this.$props.placeholder,\n editorDisabled: this.$props.disabled,\n style: {\n width: width\n }\n }, this.v3 ? function () {\n return [timePicker];\n } : [timePicker]) : timePicker;\n },\n methods: {\n validity: function validity() {\n var value = this.computedValue && this.normalizeTime(this.computedValue);\n var min = this.normalizeTime(this.$props.min);\n var max = this.normalizeTime(this.$props.max);\n var inRange = isInRange(value, min, max);\n var customError = this.$props.validationMessage !== undefined;\n var isValid = (!this.$props.required || this.computedValue !== null) && inRange;\n var valid = this.$props.valid !== undefined ? this.$props.valid : isValid;\n return {\n customError: customError,\n rangeOverflow: isBiggerThanMax(value, max),\n rangeUnderflow: isSmallerThanMin(value, min),\n valid: valid,\n valueMissing: this.computedValue === null\n };\n },\n getDateInputText: function getDateInputText() {\n return this.computedValue ? true : this._dateInput ? this._dateInput._element.value : '';\n },\n focus: function focus() {\n if (this._dateInput) {\n this._dateInput.focus();\n }\n },\n normalizeTime: function normalizeTime(date) {\n return setTime(MIDNIGHT_DATE, date);\n },\n setShow: function setShow(show) {\n if (this.computedShow === show) {\n return;\n }\n\n this.currentShow = show;\n },\n mergeTime: function mergeTime(value) {\n return this.computedValue && value ? setTime(this.computedValue, value) : value;\n },\n handleInputValueChange: function handleInputValueChange(event) {\n var value = this.mergeTime(event.value);\n this.handleValueChange(__assign(__assign({}, event), {\n value: value\n }));\n },\n handleValueChange: function handleValueChange(event) {\n this.currentValue = cloneDate(event.value);\n this.currentShow = false;\n this.valueDuringOnChange = event.value;\n this.showDuringOnChange = false;\n this.shouldFocusDateInput = true;\n this.$emit('change', {\n event: event.event,\n value: this.computedValue,\n show: this.computedShow,\n component: this,\n target: {\n name: this.$props.name,\n value: this.computedValue,\n valueAsDate: this.computedValue\n }\n });\n this.$emit('changemodel', this.computedValue);\n this.$emit('update:modelValue', this.computedValue);\n this.valueDuringOnChange = undefined;\n this.showDuringOnChange = undefined;\n },\n handleFocus: function handleFocus(event) {\n this._oldShow = this.computedShow;\n this.isFocused = true;\n this.$emit('focus', event);\n },\n handleBlur: function handleBlur(event) {\n this.createBlurTimeout();\n this.$emit('blur', event);\n },\n timeBlur: function timeBlur(event) {\n this.$emit('blur', event);\n clearTimeout(this._blurTimeout);\n this.createBlurTimeout();\n },\n timeFocus: function timeFocus() {\n clearTimeout(this._blurTimeout);\n },\n createBlurTimeout: function createBlurTimeout() {\n var _this = this;\n\n this._blurTimeout = setTimeout(function () {\n _this.isFocused = false;\n\n if (_this._dateInput && canUseDOM && document.activeElement !== _this._dateInput.element() && document.activeElement && document.activeElement.className.indexOf('k-time-list') === -1) {\n _this.setShow(false);\n }\n }, 200);\n },\n handleValueReject: function handleValueReject(_) {\n this.setShow(false);\n },\n handleIconClick: function handleIconClick(event) {\n if (this.$props.disabled) {\n return;\n }\n\n this.shouldFocusDateInput = true;\n this.setShow(!this.computedShow);\n this.$emit('iconclick', event);\n },\n handleIconMouseDown: function handleIconMouseDown(event) {\n event.preventDefault();\n },\n handleKeyDown: function handleKeyDown(event) {\n var altKey = event.altKey,\n keyCode = event.keyCode;\n\n if (keyCode === Keys.tab && event.target !== this._dateInput._element) {\n event.preventDefault();\n this.shouldFocusDateInput = true;\n this.setShow(false);\n return;\n }\n\n if (keyCode === Keys.esc) {\n this.shouldFocusDateInput = true;\n this.setShow(false);\n return;\n }\n\n if (altKey && (keyCode === Keys.up || keyCode === Keys.down)) {\n event.preventDefault();\n event.stopPropagation();\n this.shouldFocusDateInput = keyCode === Keys.up;\n this.setShow(keyCode === Keys.down);\n }\n }\n }\n};\nvar TimePickerVue3 = TimePicker;\nexport { TimePicker, TimePickerVue3 };","// @ts-ignore\nimport * as Vue from 'vue';\nvar allVue = Vue;\nvar gh = allVue.h;\nvar ref = allVue.ref;\nvar inject = allVue.inject;\nimport { provideLocalizationService } from '@progress/kendo-vue-intl';\nimport { messages, date, time, dateTimePickerCancel as cancel, dateTimePickerSet as set } from '../messages';\nimport { Button, ButtonGroup } from '@progress/kendo-vue-buttons';\nimport { Calendar } from '../calendar/components/Calendar';\nimport { TimePart } from '../timepicker/TimePart';\nimport { setTime, getToday, MIN_TIME, MAX_TIME, MAX_DATE, MIN_DATE } from '../utils';\nimport { isEqualDate } from '@progress/kendo-date-math';\nimport { Keys, classNames, cloneDate, getTemplate, canUseDOM } from '@progress/kendo-vue-common';\nimport { MIDNIGHT_DATE } from '../defaults';\nimport { getNow } from '../timepicker/utils'; // tslint:enable:max-line-length\n\nvar DateTimeSelector = {\n name: 'KendoDateTimeSelector',\n props: {\n value: Date,\n disabled: {\n type: Boolean,\n default: false\n },\n cancelButton: {\n type: Boolean,\n default: true\n },\n min: {\n type: Date,\n default: MIN_DATE\n },\n max: {\n type: Date,\n default: MAX_DATE\n },\n maxTime: {\n type: Date,\n default: function _default() {\n return cloneDate(MAX_TIME);\n }\n },\n minTime: {\n type: Date,\n default: function _default() {\n return cloneDate(MIN_TIME);\n }\n },\n weekNumber: {\n type: Boolean,\n default: false\n },\n focusedDate: Date,\n format: String,\n calendar: Object\n },\n created: function created() {\n this._calendarWrap = null;\n this.currentTab = 'date';\n this.dateValue = this.$props.value;\n this.timeValue = this.$props.value || MIDNIGHT_DATE;\n },\n inject: {\n kendoLocalizationService: {\n default: null\n }\n },\n data: function data() {\n return {\n currentTab: null,\n dateValue: null,\n timeValue: Date\n };\n },\n computed: {\n hasDateValue: function hasDateValue() {\n return this.dateValue !== null;\n },\n computedMinTime: function computedMinTime() {\n return this.$props.minTime !== undefined ? this.$props.minTime : this.normalizeRange(this.$props.min, this.dateValue);\n },\n computedMaxTime: function computedMaxTime() {\n return this.$props.maxTime !== undefined ? this.$props.maxTime : this.normalizeRange(this.$props.max, this.dateValue);\n }\n },\n mounted: function mounted() {\n this._acceptButton = this.$refs.acceptButton;\n this._calendar = this.$refs.calendar;\n this._calendarWrap = this.$refs.calendarWrap;\n this._cancelButton = this.$refs.cancelButton;\n this._timePart = this.$refs.timePart;\n this.focus({\n preventScroll: true\n });\n },\n updated: function updated() {\n if (this.shouldFocusPart) {\n this.focus({\n preventScroll: true\n });\n }\n\n this.shouldFocusPart = false;\n },\n // @ts-ignore\n setup: !gh ? undefined : function () {\n var v3 = !!gh;\n var kendoAnchorRef = ref(null);\n var kendoLocalizationService = inject('kendoLocalizationService', {});\n return {\n v3: v3,\n kendoAnchorRef: kendoAnchorRef,\n kendoLocalizationService: kendoLocalizationService\n };\n },\n // @ts-ignore\n render: function render(createElement) {\n var _this2 = this;\n\n var h = gh || createElement;\n var _a = this.$props,\n disabled = _a.disabled,\n cancelButton = _a.cancelButton,\n min = _a.min,\n max = _a.max,\n weekNumber = _a.weekNumber,\n focusedDate = _a.focusedDate,\n format = _a.format;\n var rootClassName = classNames({\n 'k-date-tab': this.currentTab === 'date',\n 'k-time-tab': this.currentTab === 'time',\n 'k-state-disabled': disabled\n }, 'k-datetime-wrap');\n var setButtonClassName = classNames({\n 'k-state-disabled': !this.hasDateValue\n }, 'k-time-accept k-button k-primary');\n var localizationService = provideLocalizationService(this);\n var dateMessage = localizationService.toLanguageString(date, messages[date]);\n var timeMessage = localizationService.toLanguageString(time, messages[time]);\n var cancelMessage = localizationService.toLanguageString(cancel, messages[cancel]);\n var setMessage = localizationService.toLanguageString(set, messages[set]);\n var calendarDefaultRendering = // @ts-ignore function children\n h(Calendar, {\n ref: 'calendar',\n min: min,\n attrs: this.v3 ? undefined : {\n min: min,\n max: max,\n weekNumber: weekNumber,\n focusedDate: focusedDate,\n disabled: disabled || this.currentTab !== 'date',\n value: this.dateValue\n },\n max: max,\n weekNumber: weekNumber,\n focusedDate: focusedDate,\n disabled: disabled || this.currentTab !== 'date',\n value: this.dateValue,\n onChange: this.handleCalendarValueChange,\n on: this.v3 ? undefined : {\n \"change\": this.handleCalendarValueChange,\n \"focus\": this.handleFocus,\n \"blur\": this.handleBlur\n },\n onFocus: this.handleFocus,\n onBlur: this.handleBlur\n });\n var calendar = getTemplate.call(this, {\n h: h,\n template: this.$props.calendar,\n defaultRendering: calendarDefaultRendering\n });\n return h(\"div\", {\n onKeydown: this.handleKeyDown,\n on: this.v3 ? undefined : {\n \"keydown\": this.handleKeyDown\n },\n \"class\": rootClassName,\n tabIndex: -1,\n attrs: this.v3 ? undefined : {\n tabIndex: -1\n }\n }, [h(\"div\", {\n \"class\": \"k-datetime-buttongroup\"\n }, [// @ts-ignore function children\n h(ButtonGroup, {\n width: \"100%\",\n attrs: this.v3 ? undefined : {\n width: \"100%\"\n }\n }, this.v3 ? function () {\n return [// @ts-ignore function children\n h(Button, {\n selected: _this2.currentTab === 'date',\n attrs: _this2.v3 ? undefined : {\n selected: _this2.currentTab === 'date',\n togglable: true\n },\n togglable: true,\n onClick: _this2.handleDateClick,\n on: _this2.v3 ? undefined : {\n \"click\": _this2.handleDateClick\n }\n }, _this2.v3 ? function () {\n return [dateMessage];\n } : [dateMessage]), // @ts-ignore function children\n h(Button, {\n selected: _this2.currentTab === 'time',\n attrs: _this2.v3 ? undefined : {\n selected: _this2.currentTab === 'time',\n togglable: true\n },\n togglable: true,\n onClick: _this2.handleTimeClick,\n on: _this2.v3 ? undefined : {\n \"click\": _this2.handleTimeClick\n }\n }, _this2.v3 ? function () {\n return [timeMessage];\n } : [timeMessage])];\n } : [h(Button, {\n selected: _this2.currentTab === 'date',\n attrs: _this2.v3 ? undefined : {\n selected: _this2.currentTab === 'date',\n togglable: true\n },\n togglable: true,\n onClick: _this2.handleDateClick,\n on: _this2.v3 ? undefined : {\n \"click\": _this2.handleDateClick\n }\n }, _this2.v3 ? function () {\n return [dateMessage];\n } : [dateMessage]), h(Button, {\n selected: _this2.currentTab === 'time',\n attrs: _this2.v3 ? undefined : {\n selected: _this2.currentTab === 'time',\n togglable: true\n },\n togglable: true,\n onClick: _this2.handleTimeClick,\n on: _this2.v3 ? undefined : {\n \"click\": _this2.handleTimeClick\n }\n }, _this2.v3 ? function () {\n return [timeMessage];\n } : [timeMessage])])]), h(\"div\", {\n \"class\": \"k-datetime-selector\"\n }, [h(\"div\", {\n \"class\": \"k-datetime-calendar-wrap\",\n ref: 'calendarWrap'\n }, [calendar]), h(\"div\", {\n \"class\": \"k-datetime-time-wrap\"\n }, [// @ts-ignore function children\n h(TimePart, {\n key: 1,\n onNowclick: this.handleNowClick,\n on: this.v3 ? undefined : {\n \"nowclick\": this.handleNowClick,\n \"change\": this.handleTimeListContainerChange,\n \"mount\": this.handleTimePartMount,\n \"focus\": this.handleFocus,\n \"blur\": this.handleBlur\n },\n disabled: disabled || this.currentTab !== 'time',\n attrs: this.v3 ? undefined : {\n disabled: disabled || this.currentTab !== 'time',\n min: this.computedMinTime || MIN_TIME,\n max: this.computedMaxTime || MAX_TIME,\n value: this.timeValue,\n format: format\n },\n ref: 'timePart',\n min: this.computedMinTime || MIN_TIME,\n max: this.computedMaxTime || MAX_TIME,\n value: this.timeValue,\n format: format,\n onChange: this.handleTimeListContainerChange,\n onMount: this.handleTimePartMount,\n onFocus: this.handleFocus,\n onBlur: this.handleBlur\n })])]), h(\"div\", {\n \"class\": \"k-datetime-footer k-action-buttons\"\n }, [cancelButton && h(\"button\", {\n ref: 'cancelButton',\n \"class\": \"k-button k-time-cancel\",\n onClick: this.handleReject,\n on: this.v3 ? undefined : {\n \"click\": this.handleReject\n },\n title: cancelMessage,\n attrs: this.v3 ? undefined : {\n title: cancelMessage,\n \"aria-label\": cancelMessage\n },\n \"aria-label\": cancelMessage\n }, [cancelMessage]), h(\"button\", {\n ref: 'acceptButton',\n \"class\": setButtonClassName,\n onClick: this.handleAccept,\n on: this.v3 ? undefined : {\n \"click\": this.handleAccept\n },\n title: setMessage,\n attrs: this.v3 ? undefined : {\n title: setMessage,\n \"aria-label\": setMessage\n },\n \"aria-label\": setMessage\n }, [setMessage])])]);\n },\n methods: {\n handleBlur: function handleBlur(event) {\n this.$emit('blur', event);\n },\n handleFocus: function handleFocus(event) {\n this.$emit('focus', event);\n },\n focus: function focus(args) {\n var _this = this;\n\n this.$nextTick(function () {\n if (_this.currentTab === 'time' && _this._timePart) {\n _this._timePart.focus(args);\n }\n\n var calendarElement = _this.calendarElement();\n\n if (_this.currentTab === 'date' && calendarElement) {\n calendarElement.focus(args);\n }\n });\n },\n calendarElement: function calendarElement() {\n return this._calendar && this._calendar.$el ? this._calendar : null;\n },\n normalizeRange: function normalizeRange(candidate, value) {\n return isEqualDate(candidate, value || getToday()) ? candidate : null;\n },\n hasActiveButton: function hasActiveButton() {\n if (!this._acceptButton) {\n return false;\n }\n\n return canUseDOM && (document.activeElement === this._acceptButton || document.activeElement === this._cancelButton);\n },\n mergeTime: function mergeTime(current, candidate) {\n return current && candidate ? setTime(candidate, current) : candidate;\n },\n mergeDate: function mergeDate(candidate, value) {\n return candidate ? setTime(candidate || getToday(), value) : value;\n },\n move: function move(direction) {\n if (direction === 'right' && this.currentTab === 'time') {\n return;\n }\n\n if (direction === 'left' && this.currentTab === 'date') {\n return;\n }\n\n var nextPart = direction === 'left' ? 'date' : 'time';\n this.shouldFocusPart = true;\n this.currentTab = nextPart;\n },\n handleReject: function handleReject(event) {\n this.dateValue = this.$props.value;\n this.timeValue = this.$props.value || MIDNIGHT_DATE;\n var value = this.mergeDate(this.$props.value, this.$props.value || MIDNIGHT_DATE);\n var args = {\n event: event,\n target: this,\n value: value\n };\n this.$emit('reject', args);\n },\n handleAccept: function handleAccept(event, timeOverride) {\n if (!this.dateValue || !this.timeValue || !this.hasDateValue) {\n return;\n }\n\n var value = this.mergeDate(this.dateValue, timeOverride || this.timeValue);\n this.$emit('change', {\n event: event,\n value: value,\n target: this\n });\n },\n handleNowClick: function handleNowClick(event) {\n this.timeValue = getNow();\n this.handleAccept(event, getNow());\n },\n handleCalendarValueChange: function handleCalendarValueChange(event) {\n event.event.stopPropagation(); // @ts-ignore\n\n this.dateValue = event.value;\n this.currentTab = 'time';\n this.shouldFocusPart = true;\n },\n handleTimeListContainerChange: function handleTimeListContainerChange(candidate) {\n this.timeValue = candidate;\n },\n handleDateClick: function handleDateClick(event) {\n event.stopPropagation();\n this.move('left');\n },\n handleTimeClick: function handleTimeClick(event) {\n event.stopPropagation();\n this.move('right');\n },\n handleKeyDown: function handleKeyDown(event) {\n var keyCode = event.keyCode,\n altKey = event.altKey;\n this.$emit('keydown', event);\n\n switch (keyCode) {\n case Keys.enter:\n if (!this.hasActiveButton() && this.hasDateValue) {\n this.handleAccept(event);\n }\n\n return;\n\n case Keys.left:\n if (!altKey) {\n return;\n }\n\n this.move('left');\n return;\n\n case Keys.right:\n if (!altKey) {\n return;\n }\n\n this.move('right');\n return;\n\n default:\n return;\n }\n },\n handleTimePartMount: function handleTimePartMount(value) {\n this.timeValue = value;\n }\n }\n};\nvar DateTimeSelectorVue3 = DateTimeSelector;\nexport { DateTimeSelector, DateTimeSelectorVue3 };","// @ts-ignore\nimport * as Vue from 'vue';\nvar allVue = Vue;\nvar gh = allVue.h;\nvar ref = allVue.ref;\nvar inject = allVue.inject;\nimport { FloatingLabel } from '@progress/kendo-vue-labels';\nimport { Popup } from '@progress/kendo-vue-popup';\nimport { cloneDate } from '@progress/kendo-date-math';\nimport { classNames, guid, Keys, templateRendering, getListeners, getTemplate, validatePackage, canUseDOM } from '@progress/kendo-vue-common';\nimport { DateInput } from '../dateinput/DateInput';\nimport { packageMetadata } from '../package-metadata';\nimport { MIN_DATE, MAX_DATE, isInDateRange, MAX_TIME } from '../utils';\nimport { messages, toggleDateTimeSelector } from '../messages';\nimport { provideLocalizationService } from '@progress/kendo-vue-intl';\nimport { DateTimeSelector } from './DateTimeSelector';\nimport { isInTimeRange } from '../timepicker/utils';\nimport { MIN_TIME } from '../defaults';\nimport { defaultFormatPlaceholder } from '../dateinput/utils'; // tslint:enable:max-line-length\n\nvar DateTimePicker = {\n name: 'KendoDateTimePicker',\n // @ts-ignore\n emits: {\n 'changemodel': null,\n 'update:modelValue': null,\n 'iconclick': null,\n 'change': null,\n 'focus': null,\n 'blur': null\n },\n props: {\n modelValue: {\n type: Date,\n default: undefined\n },\n defaultShow: {\n type: Boolean,\n default: false\n },\n defaultValue: {\n type: Date,\n default: null\n },\n disabled: {\n type: Boolean,\n default: false\n },\n dateInput: {\n type: [String, Object, Function],\n default: function _default() {\n return undefined;\n }\n },\n popup: {\n type: [String, Object, Function],\n default: function _default() {\n return undefined;\n }\n },\n calendar: {\n type: [String, Object, Function],\n default: function _default() {\n return undefined;\n }\n },\n focusedDate: Date,\n format: {\n type: [String, Object],\n default: function _default() {\n return 'g';\n }\n },\n formatPlaceholder: {\n type: [String, Object],\n default: function _default() {\n return defaultFormatPlaceholder;\n }\n },\n id: String,\n ariaLabelledBy: String,\n ariaDescribedBy: String,\n min: {\n type: Date,\n default: function _default() {\n return MIN_DATE;\n }\n },\n max: {\n type: Date,\n default: function _default() {\n return MAX_DATE;\n }\n },\n maxTime: {\n type: Date,\n default: function _default() {\n return cloneDate(MAX_TIME);\n }\n },\n minTime: {\n type: Date,\n default: function _default() {\n return cloneDate(MIN_TIME);\n }\n },\n name: String,\n label: String,\n placeholder: String,\n popupSettings: {\n type: Object,\n default: function _default() {\n return {};\n }\n },\n show: {\n type: Boolean,\n default: undefined\n },\n tabIndex: {\n type: Number,\n default: 0\n },\n title: {\n type: String,\n default: function _default() {\n return '';\n }\n },\n steps: {\n type: Object,\n default: function _default() {\n return {};\n }\n },\n value: Date,\n weekNumber: {\n type: Boolean,\n default: false\n },\n width: String,\n validationMessage: String,\n required: {\n type: Boolean,\n default: false\n },\n validityStyles: {\n type: Boolean,\n default: true\n },\n validate: Boolean,\n valid: {\n type: Boolean,\n default: undefined\n },\n cancelButton: {\n type: Boolean,\n default: true\n }\n },\n model: {\n event: 'changemodel'\n },\n created: function created() {\n this._anchor = guid();\n this._popupId = guid();\n this._wrapper = null;\n this._dateInput = null;\n this._dateTimeSelector = null;\n validatePackage(packageMetadata);\n this.currentValue = this.$props.defaultValue;\n this.currentShow = this.$props.defaultShow;\n },\n inject: {\n kendoLocalizationService: {\n default: null\n }\n },\n data: function data() {\n return {\n currentValue: null,\n currentShow: false,\n valueDuringOnChange: undefined,\n showDuringOnChange: undefined,\n shouldFocusDateInput: false,\n isFocused: false\n };\n },\n computed: {\n computedValue: function computedValue() {\n var value = this.valueDuringOnChange !== undefined ? this.valueDuringOnChange : this.$props.value !== undefined ? this.$props.value : this.$props.modelValue !== undefined ? this.$props.modelValue : this.$data.currentValue;\n return value !== null ? cloneDate(value) : null;\n },\n computedShow: function computedShow() {\n return this.showDuringOnChange !== undefined ? this.showDuringOnChange : this.$props.show !== undefined ? this.$props.show : this.currentShow;\n }\n },\n watch: {\n show: function show(_newShow, oldShow) {\n this._oldShow = oldShow;\n },\n currentShow: function currentShow(_newShow, oldShow) {\n this._oldShow = oldShow;\n }\n },\n mounted: function mounted() {\n if (this.computedShow) {\n // If defaultShow is true during the initial render, the popup is not aligned.\n this.$forceUpdate();\n }\n\n var dateInputElement = this.dateInputElement();\n this._dateTimeSelector = this.$refs.dateTimeSelector;\n this._wrapper = this.v3 ? this.kendoAnchorRef : this.$refs[this._anchor];\n this._dateInput = this.v3 ? this.dateInputRef : this.$refs.dateInput;\n\n if (dateInputElement) {\n dateInputElement.setAttribute('aria-haspopup', 'true');\n dateInputElement.setAttribute('aria-expanded', \"\" + this.computedShow);\n }\n },\n updated: function updated() {\n var dateInputElement = this.dateInputElement();\n this._dateTimeSelector = this.$refs.dateTimeSelector;\n this._wrapper = this.v3 ? this.kendoAnchorRef : this.$refs[this._anchor];\n\n if (dateInputElement) {\n dateInputElement.setAttribute('aria-expanded', \"\" + this.computedShow);\n }\n\n if (this._dateTimeSelector && this.computedShow && !this._oldShow) {\n this._dateTimeSelector.focus({\n preventScroll: true\n });\n }\n\n if (dateInputElement && !this.computedShow && this.shouldFocusDateInput) {\n this._dateInput.focus({\n preventScroll: true\n });\n }\n\n this.shouldFocusDateInput = false;\n },\n // @ts-ignore\n setup: !gh ? undefined : function () {\n var v3 = !!gh;\n var kendoAnchorRef = ref(null);\n var kendoLocalizationService = inject('kendoLocalizationService', {});\n return {\n v3: v3,\n kendoAnchorRef: kendoAnchorRef,\n kendoLocalizationService: kendoLocalizationService\n };\n },\n // @ts-ignore\n render: function render(createElement) {\n var _this = this;\n\n var h = gh || createElement;\n var _a = this.$props,\n disabled = _a.disabled,\n tabIndex = _a.tabIndex,\n title = _a.title,\n id = _a.id,\n format = _a.format,\n formatPlaceholder = _a.formatPlaceholder,\n min = _a.min,\n max = _a.max,\n weekNumber = _a.weekNumber,\n focusedDate = _a.focusedDate,\n width = _a.width,\n name = _a.name,\n steps = _a.steps,\n placeholder = _a.placeholder,\n validationMessage = _a.validationMessage,\n required = _a.required,\n validityStyles = _a.validityStyles,\n cancelButton = _a.cancelButton,\n minTime = _a.minTime,\n maxTime = _a.maxTime,\n ariaLabelledBy = _a.ariaLabelledBy,\n ariaDescribedBy = _a.ariaDescribedBy;\n var _b = this.$props.popupSettings,\n popupClass = _b.popupClass,\n appendTo = _b.appendTo,\n animate = _b.animate;\n var isValid = !this.$props.validityStyles || this.validity().valid;\n var rootClassName = classNames('k-widget k-datetimepicker', {\n 'k-state-invalid': !isValid\n });\n var wrapperClassNames = classNames('k-picker-wrap', {\n 'k-state-disabled': disabled,\n 'k-state-focused': this.isFocused\n });\n var dateInput = this.$props.dateInput ? templateRendering.call(this, this.$props.dateInput, getListeners.call(this)) : undefined;\n var dateInputDefaultRendering = // @ts-ignore function children\n h(DateInput, {\n ref: this.v3 ? function (el) {\n _this.dateInputRef = el;\n } : 'dateInput',\n placeholder: placeholder,\n attrs: this.v3 ? undefined : {\n placeholder: placeholder,\n disabled: disabled,\n format: format,\n formatPlaceholder: formatPlaceholder,\n id: id,\n ariaLabelledBy: ariaLabelledBy,\n ariaDescribedBy: ariaDescribedBy,\n max: max,\n min: min,\n minTime: minTime,\n maxTime: maxTime,\n name: name,\n required: required,\n steps: steps,\n tabIndex: !this.computedShow ? tabIndex : -1,\n title: title,\n valid: this.validity().valid,\n validationMessage: validationMessage,\n validityStyles: validityStyles,\n value: this.computedValue\n },\n disabled: disabled,\n format: format,\n formatPlaceholder: formatPlaceholder,\n id: id,\n ariaLabelledBy: ariaLabelledBy,\n ariaDescribedBy: ariaDescribedBy,\n max: max,\n min: min,\n minTime: minTime,\n maxTime: maxTime,\n name: name,\n onChange: this.handleValueChange,\n on: this.v3 ? undefined : {\n \"change\": this.handleValueChange\n },\n required: required,\n steps: steps,\n tabIndex: !this.computedShow ? tabIndex : -1,\n title: title,\n valid: this.validity().valid,\n validationMessage: validationMessage,\n validityStyles: validityStyles,\n value: this.computedValue\n });\n var dateInputRendering = getTemplate.call(this, {\n h: h,\n template: dateInput,\n defaultRendering: dateInputDefaultRendering\n });\n var calendar = this.$props.calendar ? templateRendering.call(this, this.$props.calendar, getListeners.call(this)) : undefined;\n var dataTimeSelector = // @ts-ignore function children\n h(DateTimeSelector, {\n ref: 'dateTimeSelector',\n cancelButton: cancelButton,\n attrs: this.v3 ? undefined : {\n cancelButton: cancelButton,\n value: this.computedValue,\n disabled: disabled,\n weekNumber: weekNumber,\n min: this.$props.min,\n max: this.$props.max,\n minTime: minTime,\n maxTime: maxTime,\n focusedDate: focusedDate,\n format: format,\n calendar: calendar\n },\n value: this.computedValue,\n onChange: this.handleValueChange,\n on: this.v3 ? undefined : {\n \"change\": this.handleValueChange,\n \"reject\": this.handleReject,\n \"focus\": this.timeSelectorFocus,\n \"blur\": this.timeSelectorBlur,\n \"keydown\": this.handleKeyDown\n },\n onReject: this.handleReject,\n disabled: disabled,\n weekNumber: weekNumber,\n min: this.$props.min,\n max: this.$props.max,\n minTime: minTime,\n maxTime: maxTime,\n focusedDate: focusedDate,\n format: format,\n calendar: calendar,\n onFocus: this.timeSelectorFocus,\n onBlur: this.timeSelectorBlur,\n onKeydown: this.handleKeyDown\n });\n var popupClassNames = classNames('k-datetime-container k-group k-reset', popupClass);\n var popup = this.$props.popup ? templateRendering.call(this, this.$props.popup, getListeners.call(this)) : undefined;\n var popupDefaultRendering = // @ts-ignore function children\n h(Popup, {\n show: this.computedShow,\n attrs: this.v3 ? undefined : {\n show: this.computedShow,\n anchor: this._anchor,\n id: this._popupId,\n anchorAlign: {\n horizontal: 'left',\n vertical: 'bottom'\n },\n popupAlign: {\n horizontal: 'left',\n vertical: 'top'\n },\n appendTo: appendTo,\n animate: animate\n },\n anchor: this._anchor,\n \"class\": popupClassNames,\n id: this._popupId,\n anchorAlign: {\n horizontal: 'left',\n vertical: 'bottom'\n },\n popupAlign: {\n horizontal: 'left',\n vertical: 'top'\n },\n appendTo: appendTo,\n animate: animate\n }, this.v3 ? function () {\n return [dataTimeSelector];\n } : [dataTimeSelector]);\n var popupRendering = getTemplate.call(this, {\n h: h,\n template: popup,\n defaultRendering: popupDefaultRendering,\n defaultSlots: dataTimeSelector\n });\n var dateTimePicker = h(\"div\", {\n \"class\": rootClassName,\n onKeydown: this.handleKeyDown,\n on: this.v3 ? undefined : {\n \"keydown\": this.handleKeyDown,\n \"focusin\": this.handleFocus,\n \"focusout\": this.handleBlur\n },\n style: {\n width: width\n },\n onFocusin: this.handleFocus,\n onFocusout: this.handleBlur\n }, [h(\"div\", {\n ref: this.v3 ? function (el) {\n _this.kendoAnchorRef = el;\n } : this._anchor,\n \"class\": wrapperClassNames\n }, [dateInputRendering, h(\"span\", {\n role: \"button\",\n attrs: this.v3 ? undefined : {\n role: \"button\",\n title: provideLocalizationService(this).toLanguageString(toggleDateTimeSelector, messages[toggleDateTimeSelector]),\n \"aria-controls\": this._popupId,\n \"aria-label\": provideLocalizationService(this).toLanguageString(toggleDateTimeSelector, messages[toggleDateTimeSelector])\n },\n onMousedown: this.handleIconMouseDown,\n on: this.v3 ? undefined : {\n \"mousedown\": this.handleIconMouseDown,\n \"click\": this.handleDateIconClick\n },\n onClick: this.handleDateIconClick,\n title: provideLocalizationService(this).toLanguageString(toggleDateTimeSelector, messages[toggleDateTimeSelector]),\n \"class\": \"k-select\",\n \"aria-controls\": this._popupId,\n \"aria-label\": provideLocalizationService(this).toLanguageString(toggleDateTimeSelector, messages[toggleDateTimeSelector])\n }, [h(\"span\", {\n \"class\": \"k-link k-link-date\"\n }, [h(\"span\", {\n \"class\": \"k-icon k-i-calendar\"\n })])])]), popupRendering]);\n return this.$props.label ? // @ts-ignore function children\n h(FloatingLabel, {\n label: this.$props.label,\n attrs: this.v3 ? undefined : {\n label: this.$props.label,\n editorId: id,\n editorValid: isValid,\n editorValue: this.getDateInputText(),\n editorPlaceholder: this.$props.placeholder,\n editorDisabled: this.$props.disabled\n },\n editorId: id,\n editorValid: isValid,\n editorValue: this.getDateInputText(),\n editorPlaceholder: this.$props.placeholder,\n editorDisabled: this.$props.disabled,\n style: {\n width: width\n }\n }, this.v3 ? function () {\n return [dateTimePicker];\n } : [dateTimePicker]) : dateTimePicker;\n },\n methods: {\n validity: function validity() {\n var inRange = isInDateRange(this.computedValue, this.$props.min, this.$props.max) && isInTimeRange(this.computedValue, this.$props.minTime || MIN_TIME, this.$props.maxTime || MAX_TIME);\n var customError = this.$props.validationMessage !== undefined;\n var isValid = (!this.$props.required || this.computedValue !== null) && inRange;\n var valid = this.$props.valid !== undefined ? this.$props.valid : isValid;\n return {\n customError: customError,\n rangeOverflow: this.computedValue && this.$props.max.getTime() < this.computedValue.getTime() || false,\n rangeUnderflow: this.computedValue && this.computedValue.getTime() < this.$props.min.getTime() || false,\n valid: valid,\n valueMissing: this.computedValue === null\n };\n },\n getDateInputText: function getDateInputText() {\n return this.computedValue ? true : this._dateInput ? this._dateInput._element.value : '';\n },\n focus: function focus() {\n var dateInputElement = this.dateInputElement();\n\n if (dateInputElement) {\n dateInputElement.focus();\n }\n },\n setShow: function setShow(show) {\n if (this.computedShow === show) {\n return;\n }\n\n this.currentShow = show;\n },\n handleReject: function handleReject() {\n this.setShow(false);\n },\n handleValueChange: function handleValueChange(event) {\n this.currentValue = cloneDate(event.value || undefined);\n this.currentShow = false;\n this.valueDuringOnChange = event.value;\n this.showDuringOnChange = false;\n this.shouldFocusDateInput = true;\n this.$emit('change', {\n event: event.event,\n value: this.computedValue,\n show: this.computedShow,\n component: this,\n target: {\n name: this.$props.name,\n value: this.computedValue,\n valueAsDate: this.computedValue\n }\n });\n this.$emit('changemodel', this.computedValue);\n this.$emit('update:modelValue', this.computedValue);\n this.valueDuringOnChange = undefined;\n this.showDuringOnChange = undefined;\n },\n handleFocus: function handleFocus(event) {\n this.isFocused = true;\n this.$emit('focus', event);\n },\n handleBlur: function handleBlur(event) {\n this.createBlurTimeout();\n this.$emit('blur', event);\n },\n timeSelectorBlur: function timeSelectorBlur(event) {\n this.$emit('blur', event);\n clearTimeout(this._blurTimeout);\n this.createBlurTimeout();\n },\n timeSelectorFocus: function timeSelectorFocus() {\n clearTimeout(this._blurTimeout);\n },\n createBlurTimeout: function createBlurTimeout() {\n var _this = this;\n\n this._blurTimeout = setTimeout(function () {\n _this.isFocused = false;\n\n if (_this._dateInput && canUseDOM && document.activeElement !== _this._dateInput.element() && document.activeElement && document.activeElement.className.indexOf('k-time-list') === -1) {\n _this.setShow(false);\n }\n }, 200);\n },\n handleDateIconClick: function handleDateIconClick(event) {\n if (this.$props.disabled) {\n return;\n }\n\n this.shouldFocusDateInput = true;\n this.setShow(!this.computedShow);\n this.$emit('iconclick', event);\n },\n handleIconMouseDown: function handleIconMouseDown(event) {\n event.preventDefault();\n },\n handleKeyDown: function handleKeyDown(event) {\n var altKey = event.altKey,\n keyCode = event.keyCode;\n\n if (keyCode === Keys.tab && event.target !== this._dateInput._element) {\n event.preventDefault();\n this.$data.shouldFocusDateInput = true;\n this.setShow(false);\n return;\n }\n\n if (keyCode === Keys.esc) {\n this.shouldFocusDateInput = true;\n this.setShow(false);\n return;\n }\n\n if (altKey && (keyCode === Keys.up || keyCode === Keys.down)) {\n event.preventDefault();\n event.stopPropagation();\n this.shouldFocusDateInput = keyCode === Keys.up;\n this.setShow(keyCode === Keys.down);\n }\n },\n dateInputElement: function dateInputElement() {\n return this._dateInput && this._dateInput.$el || this._wrapper && this._wrapper.querySelector('.k-dateinput-wrap > input.k-input');\n }\n }\n};\nvar DateTimePickerVue3 = DateTimePicker;\nexport { DateTimePicker, DateTimePickerVue3 };","// @ts-ignore\nimport * as Vue from 'vue';\nvar allVue = Vue;\nvar gh = allVue.h;\nvar inject = allVue.inject;\nimport { messages, pagerOf, pagerPage, pagerTotalPages } from './../messages';\nimport { provideIntlService, provideLocalizationService } from '@progress/kendo-vue-intl';\n/**\n * Represents the default `PagerInput` component.\n */\n\nvar PagerInput = {\n name: 'KendoPagerInput',\n props: {\n totalPages: Number,\n currentPage: Number,\n messagesMap: Function\n },\n inject: {\n kendoIntlService: {\n default: null\n },\n kendoLocalizationService: {\n default: null\n }\n },\n methods: {\n changeHangler: function changeHangler(e) {\n var text = this._text = e.target.value.replace(/\\D/g, '');\n this.$forceUpdate();\n\n if (text) {\n this.$emit('pagechange', parseInt(text, 10), e);\n }\n },\n blurHandler: function blurHandler() {\n this.$forceUpdate();\n },\n value: function value() {\n var value = this._text === undefined ? this.$props.currentPage.toString() : this._text;\n this._text = undefined;\n return value;\n }\n },\n // @ts-ignore\n setup: !gh ? undefined : function () {\n var v3 = !!gh;\n var kendoIntlService = inject('kendoIntlService', {});\n var kendoLocalizationService = inject('kendoLocalizationService', {});\n return {\n v3: v3,\n kendoIntlService: kendoIntlService,\n kendoLocalizationService: kendoLocalizationService\n };\n },\n // @ts-ignore\n render: function render(createElement) {\n var h = gh || createElement;\n var intlService = provideIntlService(this);\n var localizationService = provideLocalizationService(this);\n var pageMessage = this.$props.messagesMap ? this.$props.messagesMap(pagerPage) : {\n messageKey: pagerPage,\n defaultMessage: messages[pagerPage]\n };\n var ofMessage = this.$props.messagesMap ? this.$props.messagesMap(pagerOf) : {\n messageKey: pagerOf,\n defaultMessage: messages[pagerOf]\n };\n var totalPagesMessage = this.$props.messagesMap ? this.$props.messagesMap(pagerTotalPages) : {\n messageKey: pagerTotalPages,\n defaultMessage: messages[pagerTotalPages]\n };\n return h(\"span\", {\n \"class\": \"k-pager-input k-label\"\n }, [localizationService.toLanguageString(pageMessage.messageKey, pageMessage.defaultMessage), \" \", h(\"input\", {\n \"class\": \"k-textbox\",\n value: this.v3 ? this.value() : null,\n domProps: this.v3 ? undefined : {\n \"value\": this.value()\n },\n onBlur: this.blurHandler,\n on: this.v3 ? undefined : {\n \"blur\": this.blurHandler,\n \"change\": this.changeHangler\n },\n onChange: this.changeHangler\n }), \" \", localizationService.toLanguageString(ofMessage.messageKey, ofMessage.defaultMessage) + \" \" + intlService.format(localizationService.toLanguageString(totalPagesMessage.messageKey, totalPagesMessage.defaultMessage), [this.$props.totalPages])]);\n }\n};\nvar PagerInputVue3 = PagerInput;\nexport { PagerInput, PagerInputVue3 };","var __assign = this && this.__assign || function () {\n __assign = Object.assign || function (t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n\n for (var p in s) {\n if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n }\n }\n\n return t;\n };\n\n return __assign.apply(this, arguments);\n}; // @ts-ignore\n\n\nimport * as Vue from 'vue';\nvar allVue = Vue;\nvar gh = allVue.h;\nvar ref = allVue.ref;\nimport { getTabIndex, classNames, getListeners, templateRendering, getTemplate, validatePackage } from '@progress/kendo-vue-common';\nimport { selectionReducer } from './selection-reducer';\nimport { focusReducer } from './focus-reducer';\nimport { dataReducer } from './data-reducer';\nimport { Chip } from './Chip';\nimport { packageMetadata } from '../package-metadata';\n/**\n * @hidden\n */\n\n/**\n * Represents the default `ChipList` component.\n */\n\nvar ChipList = {\n name: 'KendoVueChipList',\n props: {\n id: String,\n tabIndex: Number,\n dataItems: Array,\n defaultDataItems: {\n type: Array,\n default: function _default() {\n return [];\n }\n },\n value: [Object, Array, String, Number],\n defaultValue: {\n type: [Object, Array, String, Number],\n default: function _default() {\n return null;\n }\n },\n selection: {\n type: String,\n default: function _default() {\n return 'none';\n }\n },\n textField: {\n type: String,\n default: function _default() {\n return 'text';\n }\n },\n valueField: {\n type: String,\n default: function _default() {\n return 'value';\n }\n },\n disabled: {\n type: Boolean,\n default: false\n },\n dir: {\n type: String,\n default: function _default() {\n return 'ltr';\n }\n },\n chip: [String, Function, Object],\n ariaLabelledBy: String,\n ariaDescribedBy: String\n },\n provide: function provide() {\n return {\n kendoSelection: this.currentValue,\n kendoFocused: this.currentFocused,\n kendoDataItems: this.computedDataItems,\n handleDispatchDataItems: this.handleDispatchDataItems,\n handleDispatchSelection: this.handleDispatchSelection,\n handleDispatchFocus: this.handleDispatchFocus\n };\n },\n created: function created() {\n validatePackage(packageMetadata);\n this.currentDataItems = this.$props.dataItems || this.$props.defaultDataItems;\n this.currentValue.value = this.$props.value || this.$props.defaultValue;\n },\n data: function data() {\n return {\n currentDataItems: [],\n currentDir: 'ltr',\n isRtl: false,\n currentFocused: {\n value: false\n },\n currentValue: {\n value: null\n }\n };\n },\n mounted: function mounted() {\n this.chipList = this.v3 ? this.chipListRef : this.$refs.chipList;\n this.currentDir = this.$props.dir !== undefined ? this.$props.dir : this.$el && getComputedStyle(this.$el).direction === 'rtl' || false;\n this.isRtl = this.currentDir === 'rtl';\n },\n computed: {\n computedDataItems: function computedDataItems() {\n return this.$props.dataItems || this.currentDataItems;\n },\n computedValue: function computedValue() {\n return this.$props.value || this.currentValue.value;\n },\n items: function items() {\n return this.computedDataItems.reduce(this.itemsReducer, []);\n }\n },\n methods: {\n handleDispatchSelection: function handleDispatchSelection(action) {\n var newState = selectionReducer(this.computedValue, __assign(__assign({}, action), {\n selection: this.$props.selection,\n state: this.computedValue\n }));\n this.handleChange(newState, action.event);\n this.currentValue.value = newState;\n },\n handleDispatchFocus: function handleDispatchFocus(action) {\n var newState = focusReducer(action.payload, __assign(__assign({}, action), {\n items: this.items\n }));\n this.currentFocused.value = newState;\n },\n handleDispatchDataItems: function handleDispatchDataItems(action) {\n var newState = dataReducer(this.computedDataItems, __assign(__assign({}, action), {\n state: this.computedDataItems,\n valueField: this.$props.valueField\n }));\n this.handleDataChange(newState, action.event);\n this.currentDataItems = newState;\n },\n handleChange: function handleChange(newValue, event) {\n if (this.$el) {\n this.$emit('change', {\n value: newValue,\n target: this.$el,\n event: event\n });\n }\n },\n handleDataChange: function handleDataChange(newData, event) {\n if (this.$el) {\n this.$emit('datachange', {\n value: newData,\n target: this.$el,\n event: event\n });\n }\n },\n itemsReducer: function itemsReducer(acc, current) {\n acc.push(current[this.$props.valueField || this.$props.valueField]);\n return acc;\n }\n },\n // @ts-ignore\n setup: !gh ? undefined : function () {\n var v3 = !!gh;\n var chipListRef = ref(null);\n return {\n v3: v3,\n chipListRef: chipListRef\n };\n },\n render: function render(createElement) {\n var _this = this;\n\n var h = gh || createElement;\n return h(\"div\", {\n ref: this.v3 ? function (el) {\n _this.chipListRef = el;\n } : 'chipList',\n role: 'listbox',\n attrs: this.v3 ? undefined : {\n role: 'listbox',\n id: this.$props.id,\n dir: this.currentDir,\n tabIndex: getTabIndex(this.$props.tabIndex, this.$props.disabled, undefined),\n \"aria-labelledby\": this.$props.ariaLabelledBy,\n \"aria-describedby\": this.$props.ariaDescribedBy\n },\n id: this.$props.id,\n dir: this.currentDir,\n style: this.$props.style,\n tabIndex: getTabIndex(this.$props.tabIndex, this.$props.disabled, undefined),\n \"class\": classNames('k-chip-list', {\n 'k-rtl': this.currentDir === 'rtl',\n 'k-selection-single': this.$props.selection === 'single',\n 'k-selection-multiple': this.$props.selection === 'multiple',\n 'k-state-disabled': this.$props.disabled\n }, this.$props.className),\n \"aria-labelledby\": this.$props.ariaLabelledBy,\n \"aria-describedby\": this.$props.ariaDescribedBy\n }, [this.computedDataItems.map(function (item) {\n var chipTemplate = templateRendering.call(this, this.$props.chip, getListeners.call(this));\n var chipDefaultRendering = // @ts-ignore function children\n h(Chip, {\n role: 'option',\n attrs: this.v3 ? undefined : {\n role: 'option',\n dataItem: item,\n text: item[this.$props.textField],\n value: item[this.$props.valueField]\n },\n dataItem: item,\n key: item[this.$props.valueField],\n text: item[this.$props.textField],\n value: item[this.$props.valueField]\n });\n return getTemplate.call(this, {\n h: h,\n template: chipTemplate,\n defaultRendering: chipDefaultRendering\n });\n }, this)]);\n }\n};\nvar ChipListVue3 = ChipList;\nexport { ChipList, ChipListVue3 };","/**\n * @hidden\n */\nexport var ResultType;\n(function (ResultType) {\n ResultType[ResultType[\"Literal\"] = 0] = \"Literal\";\n ResultType[ResultType[\"Mask\"] = 1] = \"Mask\";\n ResultType[ResultType[\"Undefined\"] = 2] = \"Undefined\";\n})(ResultType || (ResultType = {}));\n/**\n * @hidden\n */\nvar Result = /** @class */ (function () {\n function Result(value, rest, type) {\n if (type === void 0) { type = ResultType.Undefined; }\n this.value = value;\n this.rest = rest;\n this.type = type;\n }\n // map :: Functor f => f a ~> (a -> b) -> f b\n Result.prototype.map = function (fn) {\n return new Result(fn(this.value), this.rest);\n };\n // chain :: Chain m => m a ~> (a -> m b) -> m b\n Result.prototype.chain = function (fn) {\n return fn(this.value, this.rest);\n };\n Result.prototype.fold = function (s, _ /*we don't need it*/) {\n return s(this.value, this.rest);\n };\n Result.prototype.concat = function (r) {\n return this.map(function (vs, _) { return r.chain(function (v, __) { return vs.concat([v]); }); });\n };\n Result.prototype.toString = function () {\n return \"Result({ value: '\" + this.value + \"', rest: \" + this.rest + \" })\";\n };\n return Result;\n}());\nexport { Result };\n","/**\n * @hidden\n */\nvar Stream = /** @class */ (function () {\n function Stream(input, control) {\n if (input === void 0) { input = []; }\n if (control === void 0) { control = []; }\n this.input = input;\n this.control = control;\n this.inputCursor = 0;\n this.controlCursor = 0;\n }\n Stream.prototype.eof = function () {\n return this.inputCursor >= this.input.length;\n };\n // Get the first value from the input.\n Stream.prototype.next = function () {\n return {\n char: this.input[this.inputCursor++],\n control: this.control[this.controlCursor++]\n };\n };\n Stream.prototype.peek = function () {\n return {\n char: this.input[this.inputCursor],\n control: this.control[this.controlCursor]\n };\n };\n Stream.prototype.eat_input = function () {\n this.inputCursor++;\n };\n Stream.prototype.eat_control = function () {\n this.controlCursor++;\n };\n Stream.prototype.eat = function () {\n this.inputCursor++;\n this.controlCursor++;\n };\n return Stream;\n}());\nexport { Stream };\n","import { Result, ResultType } from './result';\nimport { Stream } from './stream';\nvar toArray = function (value) { return (value || '').split(''); };\nvar ESCAPE_CHARACTER = '\\\\';\n/**\n * @hidden\n */\nvar Parser = /** @class */ (function () {\n function Parser(parse) {\n this.parse = parse;\n }\n Parser.prototype.run = function (input, control) {\n if (control === void 0) { control = ''; }\n if (input instanceof Stream) {\n return this.parse(input);\n }\n else {\n return this.parse(new Stream(toArray(input), toArray(control)));\n }\n };\n // map :: Functor f => f a ~> (a -> b) -> f b\n Parser.prototype.map = function (f) {\n var _this = this;\n return new Parser(function (stream) { return _this.parse(stream).map(f); });\n };\n // chain :: Chain m => m a ~> (a -> m b) -> m b\n Parser.prototype.chain = function (f) {\n var _this = this;\n return new Parser(function (stream) { return _this.parse(stream).chain(function (v, s) { return f(v).run(s); }); });\n };\n Parser.prototype.isLiteral = function (c) {\n return this.run(c).type === ResultType.Literal;\n };\n return Parser;\n}());\nexport { Parser };\n/**\n * @hidden\n */\nexport var mask = function (_a) {\n var prompt = _a.prompt, promptPlaceholder = _a.promptPlaceholder;\n return function (rule) { return new Parser(function (stream) {\n while (!stream.eof()) {\n var _a = stream.peek(), char = _a.char, control = _a.control;\n if (char === control && control === prompt) {\n stream.eat();\n return new Result(prompt, stream, ResultType.Mask);\n }\n if (rule.test(char)) {\n stream.eat();\n return new Result(char, stream, ResultType.Mask);\n }\n if (char === promptPlaceholder) {\n stream.eat();\n return new Result(prompt, stream, ResultType.Mask);\n }\n stream.eat_input();\n }\n stream.eat();\n return new Result(prompt, stream, ResultType.Mask);\n }); };\n};\n/**\n * @hidden\n */\nexport var literal = function (_token) { return new Parser(function (stream) {\n // let {char, control} = stream.peek();\n var char = stream.peek().char;\n if (char === _token) {\n stream.eat();\n return new Result(_token, stream, ResultType.Literal);\n }\n // if (control === _token) {\n // while (!stream.eof() && char !== _token) {\n // stream.eat_input();\n // char = stream.peek().char;\n // }\n // }\n //\n // if (control !== undefined) {\n // stream.eat();\n // }\n return new Result(_token, stream, ResultType.Literal);\n}); };\n/**\n * @hidden\n */\nexport var unmask = function (prompt) { return function (rule) { return new Parser(function (stream) {\n while (!stream.eof()) {\n var _a = stream.peek(), char = _a.char, control = _a.control;\n if (char === prompt && control === prompt) {\n stream.eat();\n return new Result(char, stream);\n }\n if (rule.test(char)) {\n stream.eat();\n return new Result(char, stream);\n }\n stream.eat_input();\n }\n stream.eat();\n return new Result('', stream);\n}); }; };\n/**\n * @hidden\n */\nexport var unliteral = function (_token) { return new Parser(function (stream) {\n if (stream.eof()) {\n return new Result('', stream);\n }\n var char = stream.peek().char;\n if (char === _token) {\n stream.eat();\n }\n return new Result(_token, stream);\n}); };\n/**\n * @hidden\n */\nexport var token = function (rules, creator) { return new Parser(function (stream) {\n var char = stream.next().char;\n var rule = rules[char];\n if (char === ESCAPE_CHARACTER) {\n char = stream.next().char;\n return new Result(creator.literal(char), stream);\n }\n if (!rule) {\n return new Result(creator.literal(char), stream);\n }\n return new Result(creator.mask(rule), stream);\n}); };\n/**\n * @hidden\n */\nexport var rawMask = function (_a) {\n var prompt = _a.prompt, promptPlaceholder = _a.promptPlaceholder;\n return new Parser(function (stream) {\n var char = stream.next().char;\n if (char === prompt) {\n return new Result(promptPlaceholder, stream);\n }\n return new Result(char, stream);\n });\n};\n/**\n * @hidden\n */\nexport var rawLiteral = function (includeLiterals) { return new Parser(function (stream) {\n var char = stream.next().char;\n if (includeLiterals) {\n return new Result(char, stream);\n }\n return new Result('', stream);\n}); };\n","import { Parser } from './parsers';\nimport { Result } from './result';\n/**\n * @hidden\n */\nvar always = function (value) { return new Parser(function (stream) { return new Result(value, stream); }); };\n/**\n * @hidden\n */\nvar append = function (p1, p2) { return p1.chain(function (vs) { return p2.map(function (v) { return vs.concat([v]); }); }); };\n/**\n * @hidden\n */\nexport var sequence = function (list) { return list.reduce(function (acc, parser) { return append(acc, parser); }, always([])); };\n/**\n * @hidden\n */\nexport var greedy = function (parser) { return new Parser(function (stream) {\n var result = new Result([], stream);\n while (!stream.eof()) {\n result = result.concat(parser.run(stream));\n }\n return result;\n}); };\n","import { greedy, sequence } from './parsing/combinators';\nimport { literal, mask as maskParser, rawLiteral, rawMask, token, unliteral, unmask } from './parsing/parsers';\n/**\n * @hidden\n */\nvar MaskingService = /** @class */ (function () {\n function MaskingService() {\n this.rules = {};\n this.prompt = '_';\n this.mask = '';\n this.promptPlaceholder = ' ';\n this.includeLiterals = false;\n this.maskTokens = [];\n this.unmaskTokens = [];\n this.rawTokens = [];\n this.validationTokens = [];\n }\n MaskingService.prototype.update = function (_a) {\n var _b = _a.mask, mask = _b === void 0 ? '' : _b, _c = _a.prompt, prompt = _c === void 0 ? '' : _c, _d = _a.promptPlaceholder, promptPlaceholder = _d === void 0 ? ' ' : _d, _e = _a.rules, rules = _e === void 0 ? {} : _e, _f = _a.includeLiterals, includeLiterals = _f === void 0 ? false : _f;\n this.mask = mask;\n this.prompt = prompt;\n this.promptPlaceholder = promptPlaceholder;\n this.rules = rules;\n this.includeLiterals = includeLiterals;\n this.tokenize();\n };\n MaskingService.prototype.validationValue = function (maskedValue) {\n if (maskedValue === void 0) { maskedValue = ''; }\n var value = maskedValue;\n sequence(this.validationTokens)\n .run(maskedValue)\n .fold(function (unmasked) {\n value = unmasked.join('');\n });\n return value;\n };\n MaskingService.prototype.rawValue = function (maskedValue) {\n if (maskedValue === void 0) { maskedValue = ''; }\n var value = maskedValue;\n if (!this.rawTokens.length) {\n return value;\n }\n sequence(this.rawTokens)\n .run(maskedValue)\n .fold(function (unmasked) {\n value = unmasked.join('');\n });\n return value;\n };\n /**\n * @hidden\n */\n MaskingService.prototype.maskRaw = function (rawValue) {\n if (rawValue === void 0) { rawValue = ''; }\n var value = rawValue;\n if (!this.maskTokens.length) {\n return value;\n }\n sequence(this.maskTokens)\n .run(rawValue)\n .fold(function (masked) {\n value = masked.join('');\n });\n return value;\n };\n MaskingService.prototype.maskInput = function (input, control, splitPoint) {\n if (input.length < control.length) {\n return this.maskRemoved(input, control, splitPoint);\n }\n return this.maskInserted(input, control, splitPoint);\n };\n MaskingService.prototype.maskInRange = function (pasted, oldValue, start, end) {\n var value = '';\n var selection = end;\n var beforeChange = oldValue.split('').slice(0, start);\n var afterChange = oldValue.split('').slice(end);\n sequence(this.maskTokens.slice(start, end))\n .run(pasted)\n .fold(function (masked) {\n value = beforeChange\n .concat(masked)\n .concat(afterChange)\n .join('');\n });\n return {\n selection: selection,\n value: value\n };\n };\n MaskingService.prototype.maskRemoved = function (input, control, splitPoint) {\n var _this = this;\n var value = '';\n var selection = splitPoint;\n var unchanged = input.split('').slice(splitPoint);\n var changed = input.split('').slice(0, splitPoint).join('');\n var take = this.maskTokens.length - (input.length - splitPoint);\n sequence(this.maskTokens.slice(0, take))\n .run(changed, control)\n .fold(function (masked) {\n selection = _this.adjustPosition(masked, selection);\n value = masked.concat(unchanged).join('');\n });\n return {\n selection: selection,\n value: value\n };\n };\n MaskingService.prototype.adjustPosition = function (input, selection) {\n var caretChar = input[selection];\n var isLiteral = this.maskTokens[selection].isLiteral(caretChar);\n if (!isLiteral && caretChar !== this.prompt) {\n return selection + 1;\n }\n return selection;\n };\n MaskingService.prototype.maskInserted = function (input, control, splitPoint) {\n var _this = this;\n var value = '';\n var selection = splitPoint;\n var changed = input.slice(0, splitPoint);\n sequence(this.unmaskTokens)\n .run(changed, control)\n .chain(function (unmasked) {\n selection = unmasked.join('').length;\n var unchanged = control.slice(selection);\n return sequence(_this.maskTokens)\n .run(unmasked.join('') + unchanged, control);\n })\n .fold(function (masked) {\n value = masked.join('');\n });\n return {\n selection: selection,\n value: value\n };\n };\n Object.defineProperty(MaskingService.prototype, \"maskTokenCreator\", {\n get: function () {\n var _a = this, prompt = _a.prompt, promptPlaceholder = _a.promptPlaceholder;\n return {\n literal: function (rule) { return literal(rule); },\n mask: function (rule) { return maskParser({ prompt: prompt, promptPlaceholder: promptPlaceholder })(rule); }\n };\n },\n enumerable: false,\n configurable: true\n });\n Object.defineProperty(MaskingService.prototype, \"unmaskTokenCreator\", {\n get: function () {\n var _this = this;\n return {\n literal: function (rule) { return unliteral(rule); },\n mask: function (rule) { return unmask(_this.prompt)(rule); }\n };\n },\n enumerable: false,\n configurable: true\n });\n Object.defineProperty(MaskingService.prototype, \"rawTokenCreator\", {\n get: function () {\n var _a = this, prompt = _a.prompt, promptPlaceholder = _a.promptPlaceholder, includeLiterals = _a.includeLiterals;\n return {\n literal: function (_) { return rawLiteral(includeLiterals); },\n mask: function (_) { return rawMask({ prompt: prompt, promptPlaceholder: promptPlaceholder }); }\n };\n },\n enumerable: false,\n configurable: true\n });\n Object.defineProperty(MaskingService.prototype, \"validationTokenCreator\", {\n get: function () {\n var prompt = this.prompt;\n return {\n literal: function (_) { return rawLiteral(false); },\n mask: function (_) { return rawMask({ prompt: prompt, promptPlaceholder: '' }); }\n };\n },\n enumerable: false,\n configurable: true\n });\n MaskingService.prototype.tokenize = function () {\n var _this = this;\n greedy(token(this.rules, this.maskTokenCreator))\n .run(this.mask)\n .fold(function (tokens, _) {\n _this.maskTokens = tokens;\n });\n greedy(token(this.rules, this.unmaskTokenCreator))\n .run(this.mask)\n .fold(function (tokens, _) {\n _this.unmaskTokens = tokens;\n });\n greedy(token(this.rules, this.rawTokenCreator))\n .run(this.mask)\n .fold(function (tokens, _) {\n _this.rawTokens = tokens;\n });\n greedy(token(this.rules, this.validationTokenCreator))\n .run(this.mask)\n .fold(function (tokens, _) {\n _this.validationTokens = tokens;\n });\n };\n return MaskingService;\n}());\nexport { MaskingService };\n","/**\n * @hidden\n */\nvar defaultRules = {\n '#': /[\\d\\s\\+\\-]/,\n '&': /[\\S]/,\n '0': /[\\d]/,\n '9': /[\\d\\s]/,\n '?': /[a-zA-Z\\s]/,\n 'A': /[a-zA-Z0-9]/,\n 'C': /./,\n 'L': /[a-zA-Z]/,\n 'a': /[a-zA-Z0-9\\s]/\n};\n/**\n * @hidden\n */\nvar returnFalse = function () { return false; };\n/**\n * @hidden\n */\nvar maskingChanged = function (prev, next) {\n return prev.includeLiterals !== next.includeLiterals ||\n prev.mask !== next.mask ||\n prev.prompt !== next.prompt ||\n prev.promptPlaceholder !== next.promptPlaceholder ||\n !sameRules(prev.rules, next.rules);\n};\n/**\n * @hidden\n */\nvar sameRules = function (rules1, rules2) {\n if (!!rules1 !== !!rules2) {\n return false;\n }\n if (rules1 === rules2 || (!rules1 || !rules2)) {\n return true;\n }\n var same = true;\n for (var key in rules1) {\n if (rules1[key] !== rules2[key]) {\n same = false;\n break;\n }\n }\n if (same) {\n for (var key in rules2) {\n if (!rules1.hasOwnProperty(key)) {\n same = false;\n break;\n }\n }\n }\n return same;\n};\nexport { defaultRules, maskingChanged, returnFalse };\n","// @ts-ignore\nimport * as Vue from 'vue';\nvar allVue = Vue;\nvar gh = allVue.h;\nvar ref = allVue.ref;\nimport { MaskingService } from './masking.service';\nimport { defaultRules, maskingChanged, returnFalse } from './utils';\nimport { guid, classNames, getTabIndex, validatePackage } from '@progress/kendo-vue-common';\nimport { packageMetadata } from '../package-metadata';\n/**\n * Represents the default `MaskedTextBox` component.\n */\n\nvar MaskedTextBox = {\n model: {\n event: 'changemodel'\n },\n props: {\n modelValue: String,\n modelRawValue: String,\n value: String,\n defaultValue: String,\n placeholder: String,\n title: String,\n dir: String,\n id: String,\n ariaLabelledBy: String,\n ariaDescribedBy: String,\n tabIndex: Number,\n accessKey: String,\n disabled: Boolean,\n readonly: Boolean,\n prompt: {\n type: String,\n default: '_'\n },\n promptPlaceholder: {\n type: String,\n default: ' '\n },\n includeLiterals: {\n type: Boolean,\n default: false\n },\n maskValidation: {\n type: Boolean,\n default: true\n },\n mask: String,\n rules: {\n type: Object,\n default: function _default() {\n return defaultRules;\n }\n },\n selection: Object,\n name: String,\n label: String,\n validationMessage: String,\n required: {\n type: Boolean,\n default: false\n },\n valid: {\n type: Boolean,\n default: undefined\n },\n validityStyles: {\n type: Boolean,\n default: true\n }\n },\n data: function data() {\n return {\n currentValue: undefined,\n currentFocused: false,\n inputValue: undefined,\n currentSelection: [null, null]\n };\n },\n created: function created() {\n validatePackage(packageMetadata);\n this.hasMounted = false;\n this.valueDuringOnChange = undefined;\n this.inputId = \"k-\" + guid();\n this.service = new MaskingService();\n this.isPasted = false;\n },\n // @ts-ignore\n setup: !gh ? undefined : function () {\n var v3 = !!gh;\n var inputRef = ref(null);\n return {\n v3: v3,\n inputRef: inputRef\n };\n },\n mounted: function mounted() {\n this.hasMounted = true; // @ts-ignore\n\n this.element = this.input = this.v3 ? this.inputRef : this.$refs.input;\n this.updateService();\n this.setValidity();\n },\n watch: {\n currentFocused: function currentFocused(_, oldValue) {\n this.prevCurrentFocused = oldValue;\n },\n selection: function selection(_, oldValue) {\n this.prevSelection = oldValue;\n },\n includeLiterals: function includeLiterals(_, oldValue) {\n this.prevIncludeLiterals = oldValue;\n },\n mask: function mask(_, oldValue) {\n this.prevMask = oldValue;\n },\n prompt: function prompt(_, oldValue) {\n this.prevPrompt = oldValue;\n },\n promptPlaceholder: function promptPlaceholder(_, oldValue) {\n this.prevPromptPlaceholder = oldValue;\n },\n rules: function rules(_, oldValue) {\n this.prevRules = oldValue;\n }\n },\n updated: function updated() {\n if (this.element && this.currentFocused) {\n // && this.prevCurrentFocused\n var _a = this.currentSelection,\n start = _a[0],\n end = _a[1];\n var prevSelection = this.prevSelection;\n var nextSelection = this.$props.selection;\n\n if (!prevSelection && nextSelection || prevSelection && nextSelection && (prevSelection.start !== nextSelection.start || prevSelection.end !== nextSelection.end)) {\n start = nextSelection.start;\n end = nextSelection.end;\n }\n\n if (start !== null && end !== null) {\n this.element.setSelectionRange(start, end);\n }\n }\n\n var prevProps = {\n includeLiterals: this.prevIncludeLiterals,\n mask: this.prevMask,\n prompt: this.prevPrompt,\n promptPlaceholder: this.prevPromptPlaceholder,\n rules: this.prevRules\n };\n\n if (maskingChanged(prevProps, this.$props)) {\n this.updateService();\n }\n\n this.setValidity();\n },\n computed: {\n computedRules: {\n get: function get() {\n return Object.assign({}, defaultRules, this.$props.rules);\n }\n },\n spanClassNames: {\n get: function get() {\n var isValid = !this.hasMounted || !this.$props.validityStyles || this.validity().valid;\n return {\n 'k-textbox-container': true,\n 'k-state-focused': this.currentFocused,\n 'k-state-empty': !this.computedValue(),\n 'k-state-invalid': !isValid && isValid !== undefined,\n 'k-rtl': this.$props.dir === 'rtl'\n };\n }\n }\n },\n methods: {\n focus: function focus() {\n if (this.input) {\n this.input.focus();\n }\n },\n computedValue: function computedValue() {\n var value;\n\n if (this.valueDuringOnChange !== undefined) {\n value = this.valueDuringOnChange;\n } else if (this.$props.value !== undefined) {\n value = this.$props.value;\n } else if (this.$props.modelValue !== undefined) {\n value = this.$props.modelValue;\n } else if (this.currentValue !== undefined) {\n value = this.currentValue;\n } else if (this.$props.defaultValue !== undefined) {\n value = this.$props.defaultValue;\n }\n\n return value || '';\n },\n rawValue: function rawValue() {\n return this.service.rawValue(this.computedValue());\n },\n validity: function validity() {\n var maskedValue = this.computedValue();\n var value = this.service.validationValue(maskedValue);\n var customError = this.$props.validationMessage !== undefined;\n var valid = this.$props.valid !== undefined ? this.$props.valid : (!this.$props.required || !!value) && (!this.$props.maskValidation || !this.$props.prompt || maskedValue.indexOf(this.$props.prompt) === -1);\n return {\n customError: customError,\n valid: valid,\n valueMissing: !value\n };\n },\n pasteHandler: function pasteHandler(event) {\n var _a = event.target,\n selectionStart = _a.selectionStart,\n selectionEnd = _a.selectionEnd;\n\n if (selectionEnd === selectionStart) {\n return;\n }\n\n this.isPasted = true;\n this.currentSelection = [selectionStart || 0, selectionEnd || 0];\n },\n onChangeHandler: function onChangeHandler(event) {\n var input = event.currentTarget;\n var value = this.inputValue = input.value;\n var start = this.currentSelection[0] || 0;\n var end = this.currentSelection[1] || 0;\n\n if (!this.$props.mask) {\n this.isPasted = false;\n this.currentSelection = [null, null];\n this.triggerOnChange(value, event);\n return;\n }\n\n var maskedValue = this.computedValue();\n var result;\n\n if (this.isPasted) {\n this.isPasted = false;\n var rightPart = maskedValue.length - end;\n var to = value.length - rightPart;\n result = this.service.maskInRange(value.slice(start, to), maskedValue, start, end);\n } else {\n result = this.service.maskInput(value, maskedValue, input.selectionStart || 0);\n }\n\n this.currentSelection = [result.selection, result.selection];\n this.triggerOnChange(result.value, event);\n this.inputValue = undefined;\n },\n focusHandler: function focusHandler(event) {\n if (!this.currentFocused) {\n this.currentFocused = true;\n this.$emit('focus', {\n target: this,\n event: event\n });\n }\n },\n blurHandler: function blurHandler(event) {\n if (this.currentFocused) {\n this.currentFocused = false;\n this.$emit('blur', {\n target: this,\n event: event\n });\n }\n },\n triggerOnChange: function triggerOnChange(maskedValue, event) {\n this.currentValue = maskedValue;\n this.valueDuringOnChange = maskedValue;\n this.$emit('change', {\n event: event,\n selectionStart: this.currentSelection[0],\n selectionEnd: this.currentSelection[1],\n value: this.computedValue(),\n component: this,\n target: {\n name: this.$props.name,\n value: this.computedValue(),\n rawValue: this.rawValue()\n },\n validity: this.validity()\n });\n this.$emit('changemodel', this.computedValue());\n this.$emit('update:modelValue', this.computedValue());\n this.$emit('update:modelRawValue', this.rawValue());\n this.valueDuringOnChange = undefined;\n },\n updateService: function updateService(extra) {\n var config = Object.assign({\n includeLiterals: this.$props.includeLiterals,\n mask: this.$props.mask,\n prompt: this.$props.prompt,\n promptPlaceholder: this.$props.promptPlaceholder,\n rules: this.$props.rules\n }, extra); // tslint:disable-line:align\n\n this.service.update(config);\n },\n setValidity: function setValidity() {\n if (this.element) {\n this.element.setCustomValidity(this.validity().valid ? '' : this.$props.validationMessage || '');\n }\n }\n },\n render: function render(createElement) {\n var _this = this;\n\n var h = gh || createElement;\n var inputId = this.$props.id || this.inputId;\n var isValid = !this.hasMounted || !this.$props.validityStyles || this.validity().valid;\n var newValue = this.computedValue();\n var inputValue = this.inputValue;\n var component = h(\"span\", {\n dir: this.$props.dir,\n attrs: this.v3 ? undefined : {\n dir: this.$props.dir\n },\n \"class\": classNames('k-widget k-maskedtextbox', this.$props.className, {\n 'k-state-focused': this.currentFocused,\n 'k-state-disabled': this.$props.disabled,\n 'k-state-invalid': !isValid\n }),\n style: !this.$props.label ? {\n width: this.$props.width\n } : undefined\n }, [h(\"input\", {\n type: \"text\",\n attrs: this.v3 ? undefined : {\n type: \"text\",\n autoComplete: \"off\",\n autoCorrect: \"off\",\n autoCapitalize: \"off\",\n spellCheck: false,\n id: inputId,\n \"aria-labelledby\": this.$props.ariaLabelledBy,\n \"aria-describedby\": this.$props.ariaDescribedBy,\n name: this.$props.name,\n tabIndex: getTabIndex(this.$props.tabIndex, this.$props.disabled, true),\n accessKey: this.$props.accessKey,\n title: this.$props.title,\n disabled: this.$props.disabled || undefined,\n readOnly: this.$props.readonly || undefined,\n placeholder: this.$props.placeholder\n },\n autoComplete: \"off\",\n autoCorrect: \"off\",\n autoCapitalize: \"off\",\n spellCheck: false,\n \"class\": \"k-textbox\",\n value: this.v3 ? newValue : null,\n domProps: this.v3 ? undefined : {\n \"value\": newValue\n },\n id: inputId,\n \"aria-labelledby\": this.$props.ariaLabelledBy,\n \"aria-describedby\": this.$props.ariaDescribedBy,\n name: this.$props.name,\n tabIndex: getTabIndex(this.$props.tabIndex, this.$props.disabled, true),\n accessKey: this.$props.accessKey,\n title: this.$props.title,\n disabled: this.$props.disabled || undefined,\n readOnly: this.$props.readonly || undefined,\n placeholder: this.$props.placeholder,\n ref: this.v3 ? function (el) {\n _this.inputRef = el;\n } : 'input',\n onInput: this.onChangeHandler,\n on: this.v3 ? undefined : {\n \"input\": this.onChangeHandler,\n \"paste\": this.pasteHandler,\n \"focus\": this.focusHandler,\n \"blur\": this.blurHandler,\n \"dragStart\": returnFalse,\n \"drop\": returnFalse\n },\n onPaste: this.pasteHandler,\n onFocus: this.focusHandler,\n onBlur: this.blurHandler,\n onDragStart: returnFalse,\n onDrop: returnFalse\n })]);\n return this.$props.label ? h(\"span\", {\n \"class\": this.spanClassNames,\n dir: this.$props.dir,\n attrs: this.v3 ? undefined : {\n dir: this.$props.dir\n }\n }, [component, this.$props.label ? inputId ? h(\"label\", {\n \"for\": inputId,\n attrs: this.v3 ? undefined : {\n \"for\": inputId\n },\n \"class\": \"k-label\"\n }, [this.$props.label]) : h(\"span\", {\n \"class\": \"k-label\"\n }, [this.$props.label]) : null]) : component;\n }\n};\nvar MaskedTextBoxVue3 = MaskedTextBox;\nexport { MaskedTextBox, MaskedTextBoxVue3 };","var __spreadArrays = (this && this.__spreadArrays) || function () {\n for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\n for (var r = Array(s), k = 0, i = 0; i < il; i++)\n for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\n r[k] = a[j];\n return r;\n};\n/**\n * @hidden\n */\nexport function tableColumnsVirtualization(args) {\n var enabled = args.enabled, _a = args.columns, columns = _a === void 0 ? [] : _a, tableViewPortWidth = args.tableViewPortWidth, scrollLeft = args.scrollLeft;\n var colSpans = columns.map(function () { return 1; });\n var hiddenColumns = columns.map(function () { return false; });\n if (!enabled) {\n return { colSpans: colSpans, hiddenColumns: hiddenColumns };\n }\n var widths = columns.map(function (c) { return parseFloat((c.width || '').toString()) || 10; });\n var widthOfHiddenColumns = 0;\n for (var i = 0; i < columns.length; i++) {\n if (columns[i].locked) {\n continue;\n }\n var considerNext = (i < widths.length - 1) ? widths[i + 1] : 0;\n if (widthOfHiddenColumns + widths[i] + considerNext < scrollLeft) {\n hiddenColumns[i] = true;\n widthOfHiddenColumns += widths[i];\n }\n else {\n break;\n }\n }\n var totalWidth = widths.reduce(function (acc, current) { return acc + current; }, 0);\n widthOfHiddenColumns = 0;\n for (var i = columns.length - 1; i >= 0; i--) {\n if (columns[i].locked) {\n continue;\n }\n if (widthOfHiddenColumns + 2 * widths[i] < totalWidth - tableViewPortWidth - scrollLeft) {\n hiddenColumns[i] = true;\n widthOfHiddenColumns += widths[i];\n }\n else {\n break;\n }\n }\n var hiddenCols = __spreadArrays(hiddenColumns);\n var hidden = function (value) { return value; };\n var lastVisible = hiddenCols.lastIndexOf(false);\n var anyHidden = hiddenCols.some(hidden);\n var allHidden = hiddenCols.every(hidden);\n var hiddenSeqLength;\n var updateIndex;\n while (anyHidden && hiddenCols.length && (lastVisible !== -1 || allHidden)) {\n if (lastVisible < hiddenCols.length - 1) {\n hiddenSeqLength = allHidden ? hiddenCols.length : hiddenCols.length - lastVisible - 1;\n updateIndex = hiddenCols.length - hiddenSeqLength;\n if (updateIndex === 0) {\n updateIndex = hiddenSeqLength - 1;\n }\n hiddenColumns[updateIndex] = false;\n colSpans[updateIndex] = hiddenSeqLength;\n hiddenCols.splice(lastVisible + 1, hiddenSeqLength);\n }\n while (hiddenCols.length && !hiddenCols[hiddenCols.length - 1]) {\n hiddenCols.pop();\n }\n lastVisible = hiddenCols.lastIndexOf(false);\n anyHidden = hiddenCols.some(hidden);\n allHidden = hiddenCols.every(hidden);\n }\n return { colSpans: colSpans, hiddenColumns: hiddenColumns };\n}\n","/**\n * @hidden\n */\nexport var packageMetadata = {\n name: '@progress/kendo-vue-inputs',\n productName: 'Kendo UI for Vue',\n productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],\n publishDate: 1635492906,\n version: '',\n licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'\n};\n","var __assign = this && this.__assign || function () {\n __assign = Object.assign || function (t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n\n for (var p in s) {\n if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n }\n }\n\n return t;\n };\n\n return __assign.apply(this, arguments);\n}; // @ts-ignore\n\n\nimport * as Vue from 'vue';\nvar allVue = Vue;\nvar gh = allVue.h;\nimport { Keys, validatePackage, getDefaultSlots } from '@progress/kendo-vue-common';\nimport { toolbarButtons } from './../util';\nimport { packageMetadata } from '../package-metadata'; // tslint:enable:max-line-length\n\nvar Toolbar = {\n name: 'KendoToolbar',\n props: {\n tabIndex: {\n type: Number,\n default: 0\n },\n dir: String,\n keyboardNavigation: Boolean,\n buttons: Array\n },\n created: function created() {\n this.element = null;\n this.offsetHeight = 0;\n this.offsetWidth = 0;\n this.currentButtons = [];\n this.focusedSelector = this.selectors.map(function (s) {\n return s + ':focus';\n }).join(',');\n validatePackage(packageMetadata);\n },\n computed: {\n selectors: function selectors() {\n return this.$props.buttons || toolbarButtons;\n }\n },\n mounted: function mounted() {\n window.addEventListener('resize', this.onWindowResize);\n var element = this.element;\n\n if (element) {\n this.offsetWidth = element.offsetWidth;\n this.offsetHeight = element.offsetHeight;\n\n if (this.$props.keyboardNavigation !== false) {\n this.currentButtons = this.getCurrentButtons();\n this.setTabIndex(0);\n }\n }\n },\n updated: function updated() {\n var element = this.element;\n\n if (!element || this.$props.keyboardNavigation === false) {\n return;\n }\n\n this.currentButtons = this.getCurrentButtons();\n this.setTabIndex(this.focusedIndex());\n },\n destroyed: !!gh ? undefined : function () {\n window.removeEventListener('resize', this.onWindowResize);\n this.currentButtons.length = 0;\n },\n // @ts-ignore\n unmounted: function unmounted() {\n window.removeEventListener('resize', this.onWindowResize);\n this.currentButtons.length = 0;\n },\n // @ts-ignore\n setup: !gh ? undefined : function () {\n var v3 = !!gh;\n return {\n v3: v3\n };\n },\n render: function render(createElement) {\n var h = gh || createElement;\n var defaultSlot = getDefaultSlots(this);\n return h(\"div\", {\n \"class\": 'k-widget k-toolbar',\n role: \"toolbar\",\n attrs: this.v3 ? undefined : {\n role: \"toolbar\",\n dir: this.$props.dir\n },\n dir: this.$props.dir,\n onKeydown: this.onKeyDown,\n on: this.v3 ? undefined : {\n \"keydown\": this.onKeyDown\n }\n }, [defaultSlot]);\n },\n methods: {\n getCurrentButtons: function getCurrentButtons() {\n return this.$el ? Array.from(this.$el.querySelectorAll(this.selectors.join(','))) : [];\n },\n focusedIndex: function focusedIndex() {\n var focused = this.element && this.element.querySelector(this.focusedSelector);\n return Math.max(0, this.currentButtons.findIndex(function (e) {\n return e === focused;\n }));\n },\n setTabIndex: function setTabIndex(focusedIndex) {\n var tabIndex = this.$props.tabIndex;\n this.currentButtons.forEach(function (button, index) {\n button.tabIndex = index === focusedIndex ? tabIndex : -1;\n });\n },\n onKeyDown: function onKeyDown(event) {\n if (this.$props.keyboardNavigation === false) {\n return;\n }\n\n var target = event.target;\n var arrowKey = event.keyCode === Keys.left || event.keyCode === Keys.right;\n\n if (!arrowKey || event.defaultPrevented || this.currentButtons.findIndex(function (b) {\n return b === target;\n }) === -1) {\n return;\n }\n\n var focusedIndex = this.focusedIndex();\n\n if (event.keyCode === Keys.left) {\n this.focusButton(focusedIndex, focusedIndex - 1);\n } else {\n this.focusButton(focusedIndex, focusedIndex + 1);\n }\n },\n focusButton: function focusButton(prevIndex, index) {\n var tabIndex = this.$props.tabIndex;\n var button = this.currentButtons[index];\n\n if (button) {\n button.tabIndex = tabIndex;\n button.focus();\n var prevButton = this.currentButtons[prevIndex];\n\n if (prevButton) {\n prevButton.tabIndex = -1;\n }\n }\n },\n onWindowResize: function onWindowResize(event) {\n var element = this.$el;\n\n if (!element) {\n return;\n }\n\n var offsetWidth = element.offsetWidth;\n var offsetHeight = element.offsetHeight;\n\n if (this.offsetWidth !== offsetWidth || this.offsetHeight !== offsetHeight) {\n this.offsetWidth = offsetWidth;\n this.offsetHeight = offsetHeight;\n var newSizes = {\n offsetWidth: this.offsetWidth,\n offsetHeight: this.offsetHeight\n };\n this.$emit('resize', __assign(__assign({\n target: this\n }, newSizes), {\n nativeEvent: event\n }));\n }\n }\n }\n};\nvar ToolbarVue3 = Toolbar;\nexport { Toolbar, ToolbarVue3 };","// @ts-ignore\nimport * as Vue from 'vue';\nvar allVue = Vue;\nvar gh = allVue.h;\nimport { getDefaultSlots } from '@progress/kendo-vue-common'; // tslint:enable:max-line-length\n\nvar ToolbarItem = {\n name: 'KendoToolbarItem',\n methods: {\n element: function element() {\n return this.$el;\n }\n },\n // @ts-ignore\n setup: !gh ? undefined : function () {\n var v3 = !!gh;\n return {\n v3: v3\n };\n },\n render: function render(createElement) {\n var h = gh || createElement;\n var defaultSlot = getDefaultSlots(this);\n return h(\"span\", [defaultSlot]);\n }\n};\nvar ToolbarItemVue3 = ToolbarItem;\nexport { ToolbarItem, ToolbarItemVue3 };","var __assign = this && this.__assign || function () {\n __assign = Object.assign || function (t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n\n for (var p in s) {\n if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n }\n }\n\n return t;\n };\n\n return __assign.apply(this, arguments);\n}; // @ts-ignore\n\n\nimport * as Vue from 'vue';\nvar allVue = Vue;\nvar gh = allVue.h;\nvar ref = allVue.ref;\nimport { Button as KendoButton } from '../Button';\nimport { classNames, guid, Keys } from '@progress/kendo-vue-common';\nimport navigation from './utils/navigation';\nimport { ButtonItem } from './ButtonItem';\nimport { Popup } from '@progress/kendo-vue-popup';\nimport { getAnchorAlign, getPopupAlign } from './utils/popup';\nimport { validatePackage, templateRendering, getListeners, canUseDOM } from '@progress/kendo-vue-common';\nimport { packageMetadata } from '../package-metadata'; // tslint:enable:max-line-length\n\nvar DropDownButton = {\n name: 'KendoDropDownButton',\n // @ts-ignore\n emits: {\n focus: null,\n blur: null,\n itemclick: null,\n open: null,\n close: null\n },\n props: {\n accessKey: String,\n primary: Boolean,\n items: {\n type: Array,\n default: function _default() {\n return [];\n }\n },\n text: String,\n textField: String,\n tabIndex: Number,\n disabled: Boolean,\n icon: String,\n iconClass: String,\n imageUrl: String,\n popupSettings: Object,\n itemRender: [String, Object, Function],\n item: Function,\n opened: {\n type: Boolean,\n default: undefined\n },\n look: {\n type: String,\n validator: function validator(value) {\n return ['default', 'flat', 'outline'].includes(value);\n }\n },\n buttonClass: String,\n dir: String\n },\n created: function created() {\n this._blurTimeout = null;\n this._anchor = guid();\n this.wrapper = null;\n this.mainButton = null;\n this.guid = guid();\n this.buttonsData = [];\n validatePackage(packageMetadata);\n },\n mounted: function mounted() {\n this.mainButton = this.v3 ? this.kendoAnchorRef : this.$refs[this._anchor]; // If this.$props.opened is true during the initial render, the popup is not aligned.\n\n if (this.$props.dir === undefined && this.isRtl() || this.computedOpened) {\n this.$forceUpdate();\n }\n },\n updated: function updated() {\n if (this.focused && this.element()) {\n this.mainButton = this.v3 ? this.kendoAnchorRef : this.$refs[this._anchor];\n this.mainButton.focus();\n }\n },\n data: function data() {\n return {\n currentOpened: false,\n focused: false,\n focusedIndex: -1\n };\n },\n computed: {\n computedOpened: function computedOpened() {\n return this.$props.opened === undefined ? this.currentOpened : this.$props.opened;\n },\n wrapperClass: function wrapperClass() {\n return {\n 'k-widget': true,\n 'k-dropdown-button': true,\n 'k-state-focused': this.focused\n };\n }\n },\n // @ts-ignore\n setup: !gh ? undefined : function () {\n var v3 = !!gh;\n var kendoAnchorRef = ref(null);\n return {\n v3: v3,\n kendoAnchorRef: kendoAnchorRef\n };\n },\n render: function render(createElement) {\n var _this3 = this;\n\n var _this = this;\n\n var h = gh || createElement;\n var rtl = this.isRtl();\n var dir = rtl ? 'rtl' : undefined;\n var _a = this.$props,\n tabIndex = _a.tabIndex,\n disabled = _a.disabled;\n this.buttonsData = this.$props.items;\n\n var renderChildItems = function renderChildItems() {\n var _a = this.$props,\n item = _a.item,\n itemRender = _a.itemRender,\n textField = _a.textField;\n return this.buttonsData.length > 0 ? this.buttonsData.map(function (dataItem, index) {\n var currentDataItem = typeof dataItem !== 'string' ? __assign(__assign({}, dataItem), {\n render: templateRendering.call(this, dataItem.render, getListeners.call(this))\n }) : dataItem;\n return (// @ts-ignore\n h(ButtonItem, {\n dataItem: currentDataItem,\n attrs: this.v3 ? undefined : {\n dataItem: currentDataItem,\n textField: textField,\n focused: this.focusedIndex === index,\n render: templateRendering.call(this, itemRender, getListeners.call(this)),\n item: item,\n index: index,\n id: this.guid + \"-\" + index\n },\n textField: textField,\n focused: this.focusedIndex === index,\n onClick: this.onItemClick,\n on: this.v3 ? undefined : {\n \"click\": this.onItemClick,\n \"down\": this.onItemDown\n },\n onDown: this.onItemDown,\n render: templateRendering.call(this, itemRender, getListeners.call(this)),\n item: item,\n index: index,\n key: index,\n id: this.guid + \"-\" + index\n })\n );\n }, this) : null;\n };\n\n var renderPopup = function renderPopup() {\n var _this2 = this;\n\n var _a = this.$props.popupSettings,\n popupSettings = _a === void 0 ? {} : _a;\n return (// @ts-ignore function children\n h(Popup, {\n anchor: this._anchor,\n attrs: this.v3 ? undefined : {\n anchor: this._anchor,\n show: this.computedOpened,\n animate: popupSettings.animate,\n popupClass: classNames('k-list-container k-reset k-group', popupSettings.popupClass),\n anchorAlign: popupSettings.anchorAlign || getAnchorAlign(rtl),\n popupAlign: popupSettings.popupAlign || getPopupAlign(rtl)\n },\n show: this.computedOpened,\n animate: popupSettings.animate,\n popupClass: classNames('k-list-container k-reset k-group', popupSettings.popupClass),\n anchorAlign: popupSettings.anchorAlign || getAnchorAlign(rtl),\n popupAlign: popupSettings.popupAlign || getPopupAlign(rtl),\n style: rtl ? {\n direction: 'rtl'\n } : undefined\n }, this.v3 ? function () {\n return [h(\"ul\", {\n \"class\": \"k-list k-reset\",\n role: \"menu\",\n attrs: _this2.v3 ? undefined : {\n role: \"menu\",\n id: _this2.guid\n },\n id: _this2.guid\n }, [renderChildItems.call(_this2)])];\n } : [h(\"ul\", {\n \"class\": \"k-list k-reset\",\n role: \"menu\",\n attrs: _this2.v3 ? undefined : {\n role: \"menu\",\n id: _this2.guid\n },\n id: _this2.guid\n }, [renderChildItems.call(_this2)])])\n );\n };\n\n return h(\"div\", {\n \"class\": this.wrapperClass,\n onKeydown: this.onKeyDown,\n on: this.v3 ? undefined : {\n \"keydown\": this.onKeyDown,\n \"focusin\": this.onFocus,\n \"focusout\": this.onBlur\n },\n onFocusin: this.onFocus,\n onFocusout: this.onBlur,\n dir: dir,\n attrs: this.v3 ? undefined : {\n dir: dir\n }\n }, [// @ts-ignore function children\n h(KendoButton, {\n onClick: this.onClickMainButton,\n on: this.v3 ? undefined : {\n \"click\": this.onClickMainButton,\n \"mousedown\": this.mouseDown\n },\n onMousedown: this.mouseDown,\n disabled: disabled || undefined,\n attrs: this.v3 ? undefined : {\n disabled: disabled || undefined,\n tabIndex: tabIndex,\n accessKey: this.$props.accessKey,\n icon: this.$props.icon,\n iconClass: this.$props.iconClass,\n imageUrl: this.$props.imageUrl,\n look: this.$props.look,\n primary: this.$props.primary,\n dir: dir,\n type: \"button\",\n \"aria-disabled\": disabled,\n \"aria-haspopup\": true,\n \"aria-expanded\": this.computedOpened,\n \"aria-label\": this.$props.text + \" dropdownbutton\",\n \"aria-owns\": this.guid,\n \"aria-activedescendant\": this.focusedIndex !== undefined && this.focusedIndex >= 0 ? this.guid + \"-\" + this.focusedIndex : undefined\n },\n tabIndex: tabIndex,\n accessKey: this.$props.accessKey,\n icon: this.$props.icon,\n iconClass: this.$props.iconClass,\n \"class\": this.$props.buttonClass,\n imageUrl: this.$props.imageUrl,\n look: this.$props.look,\n primary: this.$props.primary,\n dir: dir,\n ref: this.v3 ? function (el) {\n _this.kendoAnchorRef = el.$el;\n } : this._anchor,\n type: \"button\",\n \"aria-disabled\": disabled,\n \"aria-haspopup\": true,\n \"aria-expanded\": this.computedOpened,\n \"aria-label\": this.$props.text + \" dropdownbutton\",\n \"aria-owns\": this.guid,\n \"aria-activedescendant\": this.focusedIndex !== undefined && this.focusedIndex >= 0 ? this.guid + \"-\" + this.focusedIndex : undefined\n }, this.v3 ? function () {\n return [_this3.$props.text];\n } : [_this3.$props.text]), renderPopup.call(this)]);\n },\n methods: {\n element: function element() {\n return this.mainButton;\n },\n onKeyDown: function onKeyDown(event) {\n if (event.altKey) {\n if (!this.computedOpened && event.keyCode === Keys.down) {\n this.dispatchPopupEvent(event, true);\n this.focusedIndex = 0;\n this.currentOpened = true;\n } else if (this.computedOpened && event.keyCode === Keys.up) {\n this.dispatchPopupEvent(event, false);\n this.focusedIndex = -1;\n this.currentOpened = false;\n }\n\n return;\n }\n\n if (event.keyCode === Keys.enter || event.keyCode === Keys.space) {\n if (this.focusedIndex !== undefined && this.focusedIndex >= 0) {\n this.dispatchClickEvent(event, this.focusedIndex);\n } // Prevent default because otherwise when an item is selected\n // click on the default button gets emitted which opens the popup again.\n\n\n event.preventDefault();\n this.focusedIndex = this.computedOpened ? -1 : 0, this.currentOpened = !this.computedOpened;\n this.dispatchPopupEvent(event, this.currentOpened);\n } else if (this.computedOpened && event.keyCode === Keys.esc) {\n this.focusedIndex = -1;\n this.currentOpened = false;\n this.dispatchPopupEvent(event, this.currentOpened);\n }\n\n if (this.computedOpened) {\n var newFocused = navigation(this.focusedIndex, event.keyCode, event.altKey, this.buttonsData.length);\n this.focusedIndex = newFocused;\n var arrowKey = event.keyCode === Keys.up || event.keyCode === Keys.down || event.keyCode === Keys.left || event.keyCode === Keys.right;\n\n if (!event.altKey && arrowKey) {\n // Needed to notify the parent listeners that event is handled.\n event.preventDefault();\n }\n }\n },\n onFocus: function onFocus(event) {\n if (!this.focused) {\n this.focused = true;\n this.$emit('focus', event, this, undefined);\n }\n\n this.focusedIndex = this.computedOpened ? 0 : -1;\n clearTimeout(this._blurTimeout);\n },\n onBlur: function onBlur(event) {\n clearTimeout(this._blurTimeout);\n this.createBlurTimeout(event);\n },\n createBlurTimeout: function createBlurTimeout(event) {\n var that = this;\n this._blurTimeout = setTimeout(function () {\n if (canUseDOM && document.activeElement !== that.$el) {\n that.focused = false;\n that.focusedIndex = -1;\n that.$emit('blur', event, that, undefined);\n var fireCloseEvent = that.computedOpened;\n\n if (fireCloseEvent) {\n that.currentOpened = false;\n that.dispatchPopupEvent(event, false);\n }\n }\n }, 200);\n },\n onItemClick: function onItemClick(event, clickedItemIndex) {\n this.focusedIndex = -1;\n this.currentOpened = false;\n this.dispatchClickEvent(event, clickedItemIndex);\n this.dispatchPopupEvent(event, false);\n },\n onItemDown: function onItemDown(event) {\n if (document.activeElement === this.element()) {\n event.preventDefault();\n }\n },\n mouseDown: function mouseDown(event) {\n event.preventDefault();\n },\n dispatchClickEvent: function dispatchClickEvent(dispatchedEvent, index) {\n if (!this.isItemDisabled(index)) {\n this.$emit('itemclick', {\n event: dispatchedEvent,\n item: this.buttonsData[index],\n itemIndex: index\n });\n }\n },\n onClickMainButton: function onClickMainButton(event) {\n if (!this.buttonsData.length) {\n return;\n }\n\n var toOpen = !this.computedOpened;\n this.currentOpened = toOpen;\n this.focused = true;\n this.focusedIndex = toOpen ? 0 : -1;\n this.dispatchPopupEvent(event, toOpen);\n },\n dispatchPopupEvent: function dispatchPopupEvent(dispatchedEvent, open) {\n this.$emit(open ? 'open' : 'close', dispatchedEvent, this, undefined);\n },\n isItemDisabled: function isItemDisabled(index) {\n return this.buttonsData[index] ? this.buttonsData[index].disabled : this.$props.disabled;\n },\n isRtl: function isRtl() {\n return this.$props.dir !== undefined ? this.$props.dir === 'rtl' : !!this.$el && getComputedStyle(this.$el).direction === 'rtl';\n }\n }\n};\nvar DropDownButtonVue3 = DropDownButton;\nexport { DropDownButton, DropDownButtonVue3 };","var __assign = this && this.__assign || function () {\n __assign = Object.assign || function (t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n\n for (var p in s) {\n if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n }\n }\n\n return t;\n };\n\n return __assign.apply(this, arguments);\n}; // @ts-ignore\n\n\nimport * as Vue from 'vue';\nvar allVue = Vue;\nvar gh = allVue.h;\nimport { NumericTextBox } from '@progress/kendo-vue-inputs'; // tslint:enable:max-line-length\n\nvar NumericFilter = {\n name: 'kendoNumericFilter',\n props: {\n filter: {\n type: Object,\n required: true\n }\n },\n // @ts-ignore\n setup: !gh ? undefined : function () {\n var v3 = !!gh;\n return {\n v3: v3\n };\n },\n render: function render(createElement) {\n var h = gh || createElement;\n var filter = this.$props.filter;\n return (// @ts-ignore\n h(NumericTextBox, {\n value: typeof filter.value === 'number' ? filter.value : null,\n attrs: this.v3 ? undefined : {\n value: typeof filter.value === 'number' ? filter.value : null\n },\n onChange: this.onChange,\n on: this.v3 ? undefined : {\n \"change\": this.onChange\n }\n })\n );\n },\n methods: {\n onChange: function onChange(event) {\n this.$emit('filterchange', {\n nextFilter: __assign(__assign({}, this.$props.filter), {\n value: event.value\n })\n });\n }\n }\n};\nvar NumericFilterVue3 = NumericFilter;\nexport { NumericFilter, NumericFilterVue3 };","var __assign = this && this.__assign || function () {\n __assign = Object.assign || function (t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n\n for (var p in s) {\n if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n }\n }\n\n return t;\n };\n\n return __assign.apply(this, arguments);\n}; // @ts-ignore\n\n\nimport * as Vue from 'vue';\nvar allVue = Vue;\nvar gh = allVue.h;\nvar inject = allVue.inject;\nimport { PagerNumericButtons } from './PagerNumericButtons';\nimport { PagerInput } from './PagerInput';\nimport { PagerPageSizes } from './PagerPageSizes';\nimport { PagerInfo } from './PagerInfo';\nimport { PagerNavigationButton } from './PagerNavigationButton';\nimport { messages, pagerFirstPage, pagerLastPage, pagerNextPage, pagerPreviousPage } from '../messages';\nimport { provideLocalizationService } from '@progress/kendo-vue-intl';\nimport { getListeners, getTemplate, hasListener, templateRendering } from '@progress/kendo-vue-common';\n/**\n * @hidden\n */\n\nvar RESPONSIVE_BREAKPOINT_MEDIUM = 600;\n/**\n * @hidden\n */\n\nvar RESPONSIVE_BREAKPOINT_LARGE = 768;\n/**\n * Represents the default `Pager` component.\n */\n\nvar Pager = {\n name: 'KendoPager',\n props: {\n total: Number,\n skip: Number,\n take: Number,\n pageSize: Number,\n settings: [Object, Boolean],\n buttonCount: {\n type: Number,\n default: 10\n },\n info: {\n type: Boolean,\n default: true\n },\n type: {\n type: String,\n default: 'numeric',\n validator: function validator(value) {\n return ['numeric', 'input'].includes(value);\n }\n },\n pageSizes: {\n type: Array\n },\n previousNext: Boolean,\n messagesMap: Function,\n responsive: {\n type: Boolean,\n default: true\n },\n pagerRender: [String, Function, Object],\n width: [Number, String]\n },\n data: function data() {\n return {\n size: 'normal'\n };\n },\n mounted: function mounted() {\n window.addEventListener('resize', this.onWindowResize);\n this.onWindowResize();\n },\n updated: function updated() {\n this.onWindowResize();\n },\n destroyed: !!gh ? undefined : function () {\n window.removeEventListener('resize', this.onWindowResize);\n },\n // @ts-ignore\n unmounted: function unmounted() {\n window.removeEventListener('resize', this.onWindowResize);\n },\n inject: {\n kendoLocalizationService: {\n default: null\n },\n kendoIntlService: {\n default: null\n }\n },\n computed: {\n wrapperClass: {\n get: function get() {\n return {\n 'k-pager-wrap k-pager k-widget': true,\n 'k-pager-sm': this.size === 'small',\n 'k-pager-md': this.size === 'medium'\n };\n }\n },\n totalPages: {\n get: function get() {\n return Math.ceil((this.$props.total || 0) / this.currentTake);\n }\n },\n currentPage: {\n get: function get() {\n return Math.floor((this.$props.skip || 0) / this.currentTake) + 1;\n }\n },\n currentTake: {\n get: function get() {\n return this.$props.take || this.$props.pageSize;\n }\n }\n },\n methods: {\n changePage: function changePage(page, e) {\n if (page > 0 && page <= this.totalPages) {\n this.$emit('pagechange', {\n skip: (page - 1) * this.currentTake,\n take: this.currentTake\n }, e);\n }\n },\n triggerPageChange: function triggerPageChange(e) {\n var pagesizechange = hasListener.call(this, 'pagesizechange');\n\n if (pagesizechange) {\n this.$emit('pagesizechange', e);\n } else {\n this.$emit('pagechange', e);\n }\n },\n onWindowResize: function onWindowResize() {\n var element = this.$el;\n\n if (!element || !this.$props.responsive || this.$props.settings.responsive === false) {\n return;\n }\n\n var width = element.offsetWidth;\n\n if (width < RESPONSIVE_BREAKPOINT_MEDIUM) {\n this.size = 'small';\n } else if (width >= RESPONSIVE_BREAKPOINT_MEDIUM && width < RESPONSIVE_BREAKPOINT_LARGE) {\n this.size = 'medium';\n } else {\n this.size = 'large';\n }\n },\n transformDimesion: function transformDimesion(initialValue) {\n return typeof initialValue === 'string' ? initialValue.endsWith('px') ? initialValue : initialValue + 'px' : initialValue + 'px';\n }\n },\n // @ts-ignore\n setup: !gh ? undefined : function () {\n var v3 = !!gh;\n var kendoIntlService = inject('kendoIntlService', {});\n var kendoLocalizationService = inject('kendoLocalizationService', {});\n return {\n v3: v3,\n kendoIntlService: kendoIntlService,\n kendoLocalizationService: kendoLocalizationService\n };\n },\n // @ts-ignore \n render: function render(createElement) {\n var h = gh || createElement;\n var _a = this.$props,\n skip = _a.skip,\n take = _a.take,\n total = _a.total,\n pageSizes = _a.pageSizes,\n buttonCount = _a.buttonCount,\n messagesMap = _a.messagesMap,\n info = _a.info,\n type = _a.type,\n previousNext = _a.previousNext;\n\n var settings = __assign({\n pageSizes: pageSizes,\n buttonCount: buttonCount,\n info: info,\n previousNext: previousNext,\n type: type,\n skip: skip,\n take: take,\n total: total,\n messagesMap: messagesMap\n }, this.$props.settings);\n\n var pagerRender = this.$props.pagerRender || this.$props.settings.pagerRender;\n var pagerRenderTemplate = pagerRender ? templateRendering.call(this, pagerRender, getListeners.call(this)) : null;\n var localizationService = provideLocalizationService(this);\n var firstPageMessage = messagesMap ? messagesMap(pagerFirstPage) : {\n messageKey: pagerFirstPage,\n defaultMessage: messages[pagerFirstPage]\n };\n var previousPageMessage = messagesMap ? messagesMap(pagerPreviousPage) : {\n messageKey: pagerPreviousPage,\n defaultMessage: messages[pagerPreviousPage]\n };\n var nextPageMessage = messagesMap ? messagesMap(pagerNextPage) : {\n messageKey: pagerNextPage,\n defaultMessage: messages[pagerNextPage]\n };\n var lastPageMessage = messagesMap ? messagesMap(pagerLastPage) : {\n messageKey: pagerLastPage,\n defaultMessage: messages[pagerLastPage]\n };\n var changer = settings.type === 'numeric' ? // @ts-ignore\n h(PagerNumericButtons, {\n size: this.size,\n attrs: this.v3 ? undefined : {\n size: this.size,\n buttonCount: settings.buttonCount || 0,\n totalPages: this.totalPages,\n currentPage: this.currentPage\n },\n buttonCount: settings.buttonCount || 0,\n totalPages: this.totalPages,\n currentPage: this.currentPage,\n onPagechange: this.changePage,\n on: this.v3 ? undefined : {\n \"pagechange\": this.changePage\n }\n }) : // @ts-ignore\n h(PagerInput, {\n currentPage: this.currentPage,\n attrs: this.v3 ? undefined : {\n currentPage: this.currentPage,\n totalPages: this.totalPages,\n messagesMap: messagesMap\n },\n totalPages: this.totalPages,\n onPagechange: this.changePage,\n on: this.v3 ? undefined : {\n \"pagechange\": this.changePage\n },\n messagesMap: messagesMap\n });\n var first, prev, next, last;\n\n if (settings.previousNext) {\n first = // @ts-ignore function children\n h(PagerNavigationButton, {\n \"class\": 'k-pager-first' + (this.currentPage === 1 ? ' k-state-disabled' : ''),\n page: 1,\n attrs: this.v3 ? undefined : {\n page: 1,\n title: localizationService.toLanguageString(firstPageMessage.messageKey, firstPageMessage.defaultMessage),\n icon: 'k-icon k-i-seek-w'\n },\n title: localizationService.toLanguageString(firstPageMessage.messageKey, firstPageMessage.defaultMessage),\n icon: 'k-icon k-i-seek-w',\n onPagechange: this.changePage,\n on: this.v3 ? undefined : {\n \"pagechange\": this.changePage\n }\n });\n prev = // @ts-ignore function children\n h(PagerNavigationButton, {\n \"class\": this.currentPage === 1 ? ' k-state-disabled' : '',\n page: this.currentPage - 1,\n attrs: this.v3 ? undefined : {\n page: this.currentPage - 1,\n title: localizationService.toLanguageString(previousPageMessage.messageKey, previousPageMessage.defaultMessage),\n icon: 'k-icon k-i-arrow-w'\n },\n title: localizationService.toLanguageString(previousPageMessage.messageKey, previousPageMessage.defaultMessage),\n icon: 'k-icon k-i-arrow-w',\n onPagechange: this.changePage,\n on: this.v3 ? undefined : {\n \"pagechange\": this.changePage\n }\n });\n next = // @ts-ignore function children\n h(PagerNavigationButton, {\n \"class\": this.currentPage === this.totalPages ? ' k-state-disabled' : '',\n page: this.currentPage + 1,\n attrs: this.v3 ? undefined : {\n page: this.currentPage + 1,\n title: localizationService.toLanguageString(nextPageMessage.messageKey, nextPageMessage.defaultMessage),\n icon: 'k-icon k-i-arrow-e'\n },\n title: localizationService.toLanguageString(nextPageMessage.messageKey, nextPageMessage.defaultMessage),\n icon: 'k-icon k-i-arrow-e',\n onPagechange: this.changePage,\n on: this.v3 ? undefined : {\n \"pagechange\": this.changePage\n }\n });\n last = // @ts-ignore function children\n h(PagerNavigationButton, {\n \"class\": 'k-pager-last' + (this.currentPage === this.totalPages ? ' k-state-disabled' : ''),\n page: this.totalPages,\n attrs: this.v3 ? undefined : {\n page: this.totalPages,\n title: localizationService.toLanguageString(lastPageMessage.messageKey, lastPageMessage.defaultMessage),\n icon: 'k-icon k-i-seek-e'\n },\n title: localizationService.toLanguageString(lastPageMessage.messageKey, lastPageMessage.defaultMessage),\n icon: 'k-icon k-i-seek-e',\n onPagechange: this.changePage,\n on: this.v3 ? undefined : {\n \"pagechange\": this.changePage\n }\n });\n }\n\n var renderPageSizes = settings.pageSizes && // @ts-ignore function children\n h(PagerPageSizes, {\n onPagechange: this.triggerPageChange,\n on: this.v3 ? undefined : {\n \"pagechange\": this.triggerPageChange\n },\n pageSize: this.currentTake,\n attrs: this.v3 ? undefined : {\n pageSize: this.currentTake,\n pageSizes: settings.pageSizes,\n messagesMap: messagesMap\n },\n pageSizes: settings.pageSizes,\n messagesMap: messagesMap\n });\n var infoElement = !settings.info ? '' : // @ts-ignore function children\n h(PagerInfo, {\n totalPages: this.$props.total,\n attrs: this.v3 ? undefined : {\n totalPages: this.$props.total,\n skip: this.$props.skip,\n currentPage: this.currentTake,\n messagesMap: messagesMap\n },\n skip: this.$props.skip,\n currentPage: this.currentTake,\n messagesMap: messagesMap\n });\n var pagerContent = getTemplate.call(this, {\n h: h,\n template: pagerRenderTemplate,\n additionalProps: __assign(__assign({}, this.$props), {\n current: this.currentPage\n }),\n additionalListeners: {\n pagechange: this.triggerPageChange\n }\n });\n var width = this.transformDimesion(this.$props.width);\n return pagerRender ? h(\"div\", {\n \"class\": this.wrapperClass,\n style: {\n width: width\n },\n role: \"navigation\",\n attrs: this.v3 ? undefined : {\n role: \"navigation\"\n }\n }, [pagerContent]) : h(\"div\", {\n \"class\": this.wrapperClass,\n style: {\n width: width\n },\n role: \"navigation\",\n attrs: this.v3 ? undefined : {\n role: \"navigation\"\n }\n }, [first, prev, changer, next, last, renderPageSizes, infoElement]);\n }\n};\nvar PagerVue3 = Pager;\nexport { Pager, PagerVue3 };","// @ts-ignore\nimport * as Vue from 'vue';\nvar allVue = Vue;\nvar gh = allVue.h;\nvar inject = allVue.inject;\nimport { messages, pagerItemPerPage } from './../messages';\nimport { provideLocalizationService } from '@progress/kendo-vue-intl';\nimport { DropDownList } from '@progress/kendo-vue-dropdowns';\n/**\n * Represents the default `PagerPageSizes` component.\n */\n\nvar PagerPageSizes = {\n name: 'KendoPagerPageSizes',\n props: {\n pageSize: Number,\n pageSizes: Array,\n messagesMap: Function\n },\n inject: {\n kendoLocalizationService: {\n default: null\n }\n },\n methods: {\n pageSizeChange: function pageSizeChange(e) {\n this.$emit('pagechange', {\n skip: 0,\n take: parseInt(e.target.value, 10)\n }, e);\n }\n },\n // @ts-ignore\n setup: !gh ? undefined : function () {\n var v3 = !!gh;\n var kendoLocalizationService = inject('kendoLocalizationService', {});\n return {\n v3: v3,\n kendoLocalizationService: kendoLocalizationService\n };\n },\n // @ts-ignore\n render: function render(createElement) {\n var _this = this;\n\n var h = gh || createElement;\n var sizes = this.$props.pageSizes.slice();\n\n if (sizes.filter(function (s) {\n return s === _this.$props.pageSize;\n }).length === 0) {\n sizes.unshift(this.$props.pageSize);\n }\n\n var itemPerPageMessage = this.$props.messagesMap ? this.$props.messagesMap(pagerItemPerPage) : {\n messageKey: pagerItemPerPage,\n defaultMessage: messages[pagerItemPerPage]\n };\n return h(\"span\", {\n \"class\": \"k-pager-sizes k-label\"\n }, [// @ts-ignore function children\n h(DropDownList, {\n value: this.$props.pageSize,\n attrs: this.v3 ? undefined : {\n value: this.$props.pageSize,\n dataItems: sizes\n },\n dataItems: sizes,\n onChange: this.pageSizeChange,\n on: this.v3 ? undefined : {\n \"change\": this.pageSizeChange\n }\n }), provideLocalizationService(this).toLanguageString(itemPerPageMessage.messageKey, itemPerPageMessage.defaultMessage)]);\n }\n};\nvar PagerPageSizesVue3 = PagerPageSizes;\nexport { PagerPageSizes, PagerPageSizesVue3 };","// @ts-ignore\nimport * as Vue from 'vue';\nvar allVue = Vue;\nvar gh = allVue.h;\nimport { getTemplate } from '@progress/kendo-vue-common'; // tslint:enable:max-line-length\n\nvar ButtonItem = {\n name: 'KendoButtonItem',\n // @ts-ignore\n emits: {\n click: null,\n down: null\n },\n props: {\n focused: Boolean,\n index: Number,\n item: Object,\n render: [String, Object, Function],\n dataItem: [String, Object],\n id: String,\n textField: String\n },\n computed: {\n wrapperClass: function wrapperClass() {\n var _a = this.$props,\n dataItem = _a.dataItem,\n focused = _a.focused;\n return {\n 'k-item': true,\n 'k-state-focused': focused,\n 'k-state-selected': dataItem.selected,\n 'k-state-disabled': dataItem.disabled\n };\n }\n },\n methods: {\n onClick: function onClick(event) {\n this.$emit('click', event, this.$props.index);\n },\n onDown: function onDown(event) {\n this.$emit('down', event, this.$props.index);\n }\n },\n // @ts-ignore\n setup: !gh ? undefined : function () {\n var v3 = !!gh;\n return {\n v3: v3\n };\n },\n render: function render(createElement) {\n var h = gh || createElement;\n var _a = this.$props,\n dataItem = _a.dataItem,\n id = _a.id,\n render = _a.render;\n\n var renderContent = function renderContent() {\n var _a = this.$props,\n textField = _a.textField,\n index = _a.index;\n var text = dataItem.text !== undefined ? dataItem.text : textField ? dataItem[textField] : dataItem;\n var iconClass = dataItem.icon ? \"k-icon k-i-\" + dataItem.icon : dataItem.iconClass;\n var itemContent = [iconClass && h(\"span\", {\n \"class\": iconClass,\n role: \"presentation\",\n attrs: this.v3 ? undefined : {\n role: \"presentation\"\n },\n key: \"icon\"\n }), dataItem.imageUrl && h(\"img\", {\n \"class\": \"k-image\",\n alt: \"\",\n attrs: this.v3 ? undefined : {\n alt: \"\",\n src: dataItem.imageUrl,\n role: \"presentation\"\n },\n src: dataItem.imageUrl,\n role: \"presentation\",\n key: \"image\"\n }), text];\n return getTemplate.call(this, {\n h: h,\n template: this.$props.dataItem.render || render,\n defaultRendering: itemContent,\n additionalProps: {\n item: dataItem,\n itemIndex: index\n }\n });\n };\n\n var item = h(\"li\", {\n id: id,\n attrs: this.v3 ? undefined : {\n id: id,\n role: \"menuItem\",\n \"aria-disabled\": dataItem.disabled || undefined\n },\n \"class\": this.wrapperClass,\n onClick: this.onClick,\n on: this.v3 ? undefined : {\n \"click\": this.onClick,\n \"mousedown\": this.onDown,\n \"pointerdown\": this.onDown\n },\n onMousedown: this.onDown,\n onPointerdown: this.onDown,\n role: \"menuItem\",\n \"aria-disabled\": dataItem.disabled || undefined\n }, [renderContent.call(this)]);\n return item;\n }\n};\nvar ButtonItemVue3 = ButtonItem;\nexport { ButtonItem, ButtonItemVue3 };","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('base-dialog-button',{attrs:{\"isOpen\":_vm.dialogOpen},on:{\"closeDialog\":_vm.toggleDialog}},[_c('template',{slot:\"header\"},[_c('div',{staticClass:\"h-16 bg-secondary flex items-center justify-between text-white px-4\"},[_c('div',{staticClass:\"flex items-center\"},[_c('h2',{staticClass:\"font-bold ml-2\"},[_vm._v(_vm._s(_vm.$t('app.save_search')))])]),_c('span',{staticClass:\"cursor-pointer\",on:{\"click\":_vm.toggleDialog}},[_c('base-button-icon',{attrs:{\"name\":\"cross\",\"size\":\"xs\",\"iconSize\":\"sm\",\"mode\":\"secondary\"}})],1)])]),_c('template',{slot:\"main\"},[_c('div',{staticClass:\"form-wrapper p-4\"},[_c('el-form',{ref:\"ruleForm\",attrs:{\"model\":_vm.form,\"rules\":_vm.rules}},[_c('div',{staticClass:\"lg:mb-2\"},[_c('div',[_c('label',{staticClass:\"text-sm font-semibold text-secondary-600 block mb-1\"},[_c('base-obligatory-icon'),_vm._v(_vm._s(_vm.$t('configurations.name')))],1),_c('el-form-item',{attrs:{\"prop\":\"nombre\"}},[_c('el-input',{staticClass:\"w-full\",attrs:{\"clearable\":\"\",\"type\":\"text\",\"maxlength\":\"50\"},model:{value:(_vm.form.nombre),callback:function ($$v) {_vm.$set(_vm.form, \"nombre\", $$v)},expression:\"form.nombre\"}})],1)],1)]),_vm._l((0),function(i){return _c('p',{key:i},[_vm._v(\"form\")])})],2)],1)]),_c('template',{slot:\"footer\"},[_c('base-button',{attrs:{\"mode\":\"secondary-phantom-blue\",\"text\":_vm.$t('app.cancel')},on:{\"click\":_vm.toggleDialog}}),_c('base-button',{staticClass:\"w-full\",attrs:{\"mode\":\"secondary-phantom-blue\",\"text\":_vm.$t('app.apply')},on:{\"click\":function($event){return _vm.apply('ruleForm')}}})],1)],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import axiosInstance from '@/services/axiosInstance'\r\nimport mock from '@/services/mock/index'\r\n\r\nasync function guardarBusqueda (data = {}) {\r\n if (process.env.VUE_APP_ENVIRONMENT === 'test') {\r\n return new Promise((resolve, reject) => {\r\n setTimeout(() => {\r\n resolve(mock.getNotificationstatus)\r\n }, 500)\r\n })\r\n } else {\r\n const req = {\r\n url: '/api/usuarios/guardarBusqueda',\r\n method: 'POST',\r\n headers: {\r\n 'Content-type': 'application/json',\r\n 'access-control-allow-origin': '*'\r\n },\r\n data\r\n }\r\n const res = await axiosInstance(req)\r\n return res.data\r\n }\r\n}\r\n\r\nexport { guardarBusqueda }\r\n","\r\n \r\n \r\n
\r\n
\r\n
{{$t('app.save_search')}}
\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n
\r\n
form
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n\r\n\r\n\r\n\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CreateSearchDialog.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CreateSearchDialog.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./CreateSearchDialog.vue?vue&type=template&id=239d67b8&scoped=true\"\nimport script from \"./CreateSearchDialog.vue?vue&type=script&lang=js\"\nexport * from \"./CreateSearchDialog.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"239d67b8\",\n null\n \n)\n\nexport default component.exports","var _a;\n/**\n * @hidden\n */\nexport var numericIncreaseValue = 'numerictextbox.increment';\n/**\n * @hidden\n */\nexport var numericDecreaseValue = 'numerictextbox.decrement';\n/**\n * @hidden\n */\nexport var sliderIncreaseValue = 'slider.increment';\n/**\n * @hidden\n */\nexport var sliderDecreaseValue = 'slider.decrement';\n/**\n * @hidden\n */\nexport var sliderDragTitle = 'slider.dragTitle';\n/**\n * @hidden\n */\nexport var colorGradientR = 'colorGradient.r';\n/**\n * @hidden\n */\nexport var colorGradientG = 'colorGradient.g';\n/**\n * @hidden\n */\nexport var colorGradientB = 'colorGradient.b';\n/**\n * @hidden\n */\nexport var colorGradientA = 'colorGradient.a';\n/**\n * @hidden\n */\nexport var colorGradientHex = 'colorGradient.hex';\n/**\n * @hidden\n */\nexport var colorGradientContrastRatio = 'colorGradient.contrastRatio';\n/**\n * @hidden\n */\nexport var colorGradientAALevel = 'colorGradient.colorGradientAALevel';\n/**\n * @hidden\n */\nexport var colorGradientAAALevel = 'colorGradient.colorGradientAAALevel';\n/**\n * @hidden\n */\nexport var colorGradientPass = 'colorGradient.colorGradientPass';\n/**\n * @hidden\n */\nexport var colorGradientFail = 'colorGradient.colorGradientFail';\n/**\n * @hidden\n */\nexport var checkboxValidation = 'checkbox.validation';\n/**\n * @hidden\n */\nexport var checkboxOptionalText = 'checkbox.optionalText';\n/**\n * @hidden\n */\nexport var radioButtonValidation = 'radioButton.validation';\n/**\n * @hidden\n */\nexport var switchValidation = 'switch.validation';\n/**\n * @hidden\n */\nexport var messages = (_a = {},\n _a[numericIncreaseValue] = 'Increase value',\n _a[numericDecreaseValue] = 'Decrease value',\n _a[sliderIncreaseValue] = 'Increase',\n _a[sliderDecreaseValue] = 'Decrease',\n _a[sliderDragTitle] = 'Drag',\n _a[colorGradientR] = 'r',\n _a[colorGradientG] = 'g',\n _a[colorGradientB] = 'b',\n _a[colorGradientA] = 'a',\n _a[colorGradientHex] = 'hex',\n _a[colorGradientContrastRatio] = 'Contrast ratio',\n _a[colorGradientAALevel] = 'AA',\n _a[colorGradientAAALevel] = 'AAA',\n _a[colorGradientPass] = 'Pass',\n _a[colorGradientFail] = 'Fail',\n _a[checkboxValidation] = 'Please check this box if you want to proceed!',\n _a[checkboxOptionalText] = '(Optional)',\n _a[radioButtonValidation] = 'Please select option if you want to proceed!',\n _a[switchValidation] = 'Please turn on if you want to proceed!',\n _a);\n","export * from './filters';\nexport * from './Expression';\nexport * from './FieldSettings';\nexport * from './Filter';\nexport * from './GroupFilters';\nexport * from './operators';\n","// @ts-ignore\nimport * as Vue from 'vue';\nvar allVue = Vue;\nvar gh = allVue.h;\nvar ref = allVue.ref;\nvar inject = allVue.inject;\nimport { Keys, classNames, guid, getTabIndex, getDefaultSlots, validatePackage, templateRendering, getTemplate, getListeners } from '@progress/kendo-vue-common';\nimport { packageMetadata } from '../package-metadata';\nimport { provideLocalizationService } from '@progress/kendo-vue-intl';\nimport { messages, checkboxValidation, checkboxOptionalText } from './../messages';\nvar Checkbox = {\n name: 'KendoCheckbox',\n // @ts-ignore\n emits: {\n 'changemodel': null,\n 'update:modelValue': null,\n change: null,\n focus: null,\n blur: null\n },\n model: {\n event: 'changemodel'\n },\n inject: {\n kendoLocalizationService: {\n default: null\n }\n },\n props: {\n checked: {\n type: Boolean,\n default: undefined\n },\n defaultChecked: {\n type: Boolean,\n default: undefined\n },\n defaultValue: {\n type: [String, Boolean],\n default: undefined\n },\n modelValue: {\n type: [String, Boolean],\n default: undefined\n },\n dir: String,\n disabled: Boolean,\n id: String,\n ariaLabelledBy: String,\n ariaDescribedBy: String,\n label: String,\n labelRender: [String, Number, Boolean, Object],\n labelPlacement: String,\n labelOptional: Boolean,\n name: String,\n tabIndex: Number,\n value: {\n type: [String, Boolean],\n default: undefined\n },\n validationMessage: String,\n required: Boolean,\n valid: {\n type: Boolean,\n default: undefined\n },\n validityStyles: {\n type: Boolean,\n default: true\n }\n },\n data: function data() {\n return {\n valueDuringOnChange: undefined,\n currentDir: 'ltr',\n currentChecked: undefined,\n currentValue: undefined\n };\n },\n created: function created() {\n validatePackage(packageMetadata);\n this.calculatedId = guid();\n\n if (this.$props.defaultChecked !== undefined) {\n this.currentChecked = this.$props.defaultChecked;\n }\n\n if (this.$props.defaultValue !== undefined) {\n this.currentValue = this.$props.defaultValue;\n }\n\n this.currentDir = this.$props.dir;\n },\n computed: {\n valueIsBooleanOrNull: function valueIsBooleanOrNull() {\n var value = this.$props.value;\n return typeof value === 'boolean' || value === null;\n },\n isCheckedControlled: function isCheckedControlled() {\n return this.$props.checked !== undefined;\n },\n isValueControlled: function isValueControlled() {\n return this.$props.value !== undefined && this.valueIsBooleanOrNull;\n },\n computedValue: function computedValue() {\n return this.$data.valueDuringOnChange !== undefined ? this.$data.valueDuringOnChange : this.$props.value !== undefined ? this.$props.value : this.$props.modelValue !== undefined ? this.$props.modelValue : this.$data.currentValue;\n },\n computedChecked: function computedChecked() {\n return this.$data.valueDuringOnChange !== undefined ? this.$data.valueDuringOnChange : this.$props.checked !== undefined ? this.$props.checked : this.$props.modelValue !== undefined ? this.$props.modelValue : this.$data.currentChecked;\n },\n useValueAsChecked: function useValueAsChecked() {\n return this.computedChecked === undefined && this.computedValue;\n },\n checkedProp: function checkedProp() {\n return this.useValueAsChecked ? this.computedValue : this.computedChecked;\n },\n valueProp: function valueProp() {\n var value = this.$props.value;\n return this.useValueAsChecked || this.isValueControlled ? value === null ? value : undefined : value || this.computedValue;\n },\n indeterminateProp: function indeterminateProp() {\n return this.checkedProp === null || this.valueProp === null;\n },\n isValid: function isValid() {\n var valid = this.$props.valid;\n return valid !== undefined ? valid : !this.$props.required ? true : this.computedChecked ? true : false;\n }\n },\n mounted: function mounted() {\n this.input = this.v3 ? this.inputRef : this.$refs.input;\n\n if (!this.currentDir && window && this.$el) {\n // Note: getComputedStyle forces reflow\n var direction = window.getComputedStyle(this.$el).direction;\n\n if (direction) {\n this.currentDir = direction;\n }\n }\n\n this.setValidity();\n },\n updated: function updated() {\n if (!this.input) {\n this.input = this.v3 ? this.inputRef : this.$refs.input;\n }\n\n this.setValidity();\n },\n // @ts-ignore\n setup: !gh ? undefined : function () {\n var v3 = !!gh;\n var inputRef = ref(null);\n var kendoLocalizationService = inject('kendoLocalizationService', {});\n return {\n v3: v3,\n inputRef: inputRef,\n kendoLocalizationService: kendoLocalizationService\n };\n },\n render: function render(createElement) {\n var h = gh || createElement;\n var _a = this.$props,\n ariaDescribedBy = _a.ariaDescribedBy,\n ariaLabelledBy = _a.ariaLabelledBy,\n disabled = _a.disabled,\n id = _a.id,\n label = _a.label,\n labelRender = _a.labelRender,\n labelPlacement = _a.labelPlacement,\n name = _a.name,\n labelOptional = _a.labelOptional,\n tabIndex = _a.tabIndex,\n required = _a.required,\n validityStyles = _a.validityStyles;\n var defaultSlot = getDefaultSlots(this);\n var renderedLabel = label;\n this.localizationService = provideLocalizationService(this);\n this.defaultValidationMessage = this.localizeMessage(checkboxValidation);\n this.optionalMessage = this.localizeMessage(checkboxOptionalText);\n var checkboxClasses = classNames({\n 'k-state-disabled': disabled\n });\n var inputClasses = classNames({\n 'k-checkbox': true,\n 'k-state-indeterminate': this.indeterminateProp,\n 'k-state-invalid k-invalid': !(this.isValid || validityStyles !== undefined || validityStyles === true)\n });\n\n var checkboxInput = function checkboxInput() {\n var _this = this;\n\n return h(\"input\", {\n type: 'checkbox',\n attrs: this.v3 ? undefined : {\n type: 'checkbox',\n name: name,\n id: id || this.calculatedId,\n \"aria-labelledby\": ariaLabelledBy,\n \"aria-describedby\": ariaDescribedBy,\n disabled: disabled,\n tabIndex: getTabIndex(tabIndex, disabled),\n role: 'checkbox',\n required: required !== undefined ? required : false,\n \"aria-checked\": this.computedChecked || this.checkedProp ? true : this.indeterminateProp ? 'mixed' : false,\n \"aria-disabled\": disabled || undefined\n },\n \"class\": inputClasses,\n name: name,\n id: id || this.calculatedId,\n ref: this.v3 ? function (el) {\n _this.inputRef = el;\n } : 'input',\n \"aria-labelledby\": ariaLabelledBy,\n \"aria-describedby\": ariaDescribedBy,\n checked: this.v3 ? Boolean(this.checkedProp) : null,\n domProps: this.v3 ? undefined : {\n \"checked\": Boolean(this.checkedProp)\n },\n disabled: disabled,\n tabIndex: getTabIndex(tabIndex, disabled),\n role: 'checkbox',\n required: required !== undefined ? required : false,\n \"aria-checked\": this.computedChecked || this.checkedProp ? true : this.indeterminateProp ? 'mixed' : false,\n \"aria-disabled\": disabled || undefined,\n onChange: this.onChangeHandler,\n on: this.v3 ? undefined : {\n \"change\": this.onChangeHandler,\n \"keydown\": this.onKeyDownHandler,\n \"focus\": this.onFocusHandler,\n \"blur\": this.onBlurHandler\n },\n onKeydown: this.onKeyDownHandler,\n onFocus: this.onFocusHandler,\n onBlur: this.onBlurHandler\n });\n };\n\n if (labelRender) {\n var renderTemplate = labelRender ? templateRendering.call(this, labelRender, getListeners.call(this)) : null;\n renderedLabel = getTemplate.call(this, {\n h: h,\n template: renderTemplate\n });\n }\n\n var checkboxLabel = function checkboxLabel() {\n return renderedLabel !== undefined ? h(\"label\", {\n \"class\": 'k-checkbox-label',\n \"for\": id || this.calculatedId,\n attrs: this.v3 ? undefined : {\n \"for\": id || this.calculatedId\n },\n style: {\n userSelect: 'none'\n }\n }, [renderedLabel, labelOptional && h(\"span\", {\n \"class\": \"k-label-optional\"\n }, [this.optionalMessage])]) : null;\n };\n\n return labelPlacement === 'before' ? h(\"span\", {\n \"class\": checkboxClasses,\n dir: 'rtl',\n attrs: this.v3 ? undefined : {\n dir: 'rtl'\n }\n }, [checkboxInput.call(this), checkboxLabel.call(this), defaultSlot]) : h(\"span\", {\n \"class\": checkboxClasses,\n dir: this.currentDir,\n attrs: this.v3 ? undefined : {\n dir: this.currentDir\n }\n }, [checkboxInput.call(this), checkboxLabel.call(this), defaultSlot]);\n },\n methods: {\n setValidity: function setValidity() {\n var isValid = this.$props.valid !== undefined ? this.$props.valid : !this.$props.required ? true : this.computedChecked ? true : false; // @ts-ignore\n\n if (this.input && this.input.setCustomValidity) {\n // @ts-ignore\n this.input.setCustomValidity(isValid ? '' : this.$props.validationMessage || this.defaultValidationMessage);\n }\n },\n localizeMessage: function localizeMessage(message) {\n return this.localizationService.toLanguageString(message, messages[message]);\n },\n focusElement: function focusElement() {\n if (this.input) {\n // @ts-ignore\n this.input.focus();\n }\n },\n setValue: function setValue(e, val) {\n this.$data.valueDuringOnChange = val;\n var that = this;\n this.$nextTick(function () {\n if (!that.isCheckedControlled && !that.isValueControlled && !that.$props.disabled) {\n that.currentValue = val;\n that.currentChecked = val;\n }\n\n if (!that.$props.disabled) {\n var handle = {\n element: that.$el,\n focus: null // focusElement\n\n };\n that.$emit('change', {\n e: e,\n handle: handle,\n value: val\n });\n that.$emit('changemodel', val);\n that.$emit('update:modelValue', val);\n }\n\n this.$data.valueDuringOnChange = undefined;\n });\n },\n onChangeHandler: function onChangeHandler(e) {\n var newValue = e.target.checked;\n this.setValue(e, newValue);\n },\n onKeyDownHandler: function onKeyDownHandler(e) {\n if (this.$props.disabled) {\n return;\n }\n\n var keyCode = e.keyCode;\n var currentVal = e.currentTarget.checked;\n\n if (keyCode === Keys.space) {\n e.preventDefault();\n e.stopPropagation();\n this.setValue(e, !currentVal);\n }\n },\n onBlurHandler: function onBlurHandler(e) {\n if (!this.$props.disabled) {\n this.$emit('blur', e);\n }\n },\n onFocusHandler: function onFocusHandler(e) {\n if (!this.$props.disabled) {\n this.$emit('focus', e);\n }\n }\n }\n};\nvar CheckboxVue3 = Checkbox;\nexport { Checkbox, CheckboxVue3 };","/**\n * @hidden\n */\nexport var FOCUS_ACTION;\n\n(function (FOCUS_ACTION) {\n FOCUS_ACTION[\"next\"] = \"next\";\n FOCUS_ACTION[\"prev\"] = \"prev\";\n FOCUS_ACTION[\"current\"] = \"current\";\n FOCUS_ACTION[\"reset\"] = \"reset\";\n})(FOCUS_ACTION || (FOCUS_ACTION = {}));\n/**\n * @hidden\n */\n\n\nexport var focusReducer = function focusReducer(state, action) {\n var currentIndex = action.items.findIndex(function (i) {\n return i === state;\n });\n\n switch (action.type) {\n case FOCUS_ACTION.next:\n return currentIndex === action.items.length - 1 ? state : action.items[currentIndex + 1];\n\n case FOCUS_ACTION.prev:\n return currentIndex === 0 ? state : action.items[currentIndex - 1];\n\n case FOCUS_ACTION.current:\n return action.payload;\n\n case FOCUS_ACTION.reset:\n return null;\n\n default:\n return state;\n }\n};","// @ts-ignore\nimport * as Vue from 'vue';\nvar allVue = Vue;\nvar gh = allVue.h;\nvar ref = allVue.ref;\nimport { classNames, getTabIndex, getTemplate } from '@progress/kendo-vue-common';\n/**\n * Represents the [Kendo UI for Vue FloatingActionButtonItem component]({% slug overview_floatingactionbutton %}).\n *\n */\n\nvar FloatingActionButtonItem = {\n name: 'KendoVueFloatingActionButtonItem',\n props: {\n disabled: Boolean,\n focused: Boolean,\n index: Number,\n icon: String,\n item: [String, Function, Object],\n dataItem: Object,\n text: String,\n tabIndex: Number,\n customProp: [String, Function, Object]\n },\n // @ts-ignore\n emits: {\n 'click': null,\n 'down': null\n },\n mounted: function mounted() {\n this.element = this.v3 ? this.elementRef : this.$refs.element;\n },\n computed: {\n itemClassNames: function itemClassNames() {\n return classNames('k-fab-item', {\n 'k-state-focus': this.focused,\n 'k-state-disabled': this.disabled\n });\n }\n },\n methods: {\n handleClick: function handleClick(event) {\n if (this.$props.index !== undefined && !this.$props.disabled) {\n this.$emit('click', event, this.$props.index);\n }\n },\n focusElement: function focusElement() {\n if (this.$el) {\n this.$el.focus();\n }\n },\n onDown: function onDown(event) {\n this.$emit('down', event);\n }\n },\n // @ts-ignore\n setup: !gh ? undefined : function () {\n var v3 = !!gh;\n var elementRef = ref(null);\n return {\n v3: v3,\n elementRef: elementRef\n };\n },\n render: function render(createElement) {\n var _this = this;\n\n var h = gh || createElement;\n var _a = this.$props,\n disabled = _a.disabled,\n id = _a.id,\n tabIndex = _a.tabIndex,\n dataItem = _a.dataItem,\n customProp = _a.customProp;\n var text = dataItem.text,\n icon = dataItem.icon;\n var item;\n var itemDefaultRendering = h(\"li\", {\n ref: this.v3 ? function (el) {\n _this.elementRef = el;\n } : 'element',\n id: id,\n attrs: this.v3 ? undefined : {\n id: id,\n role: 'menuitem',\n tabIndex: getTabIndex(tabIndex, disabled),\n \"aria-disabled\": disabled,\n \"aria-label\": (text || '') + \" floatingactionbutton item\",\n customProp: customProp\n },\n \"class\": this.itemClassNames,\n role: 'menuitem',\n tabIndex: getTabIndex(tabIndex, disabled),\n \"aria-disabled\": disabled,\n \"aria-label\": (text || '') + \" floatingactionbutton item\",\n onClick: this.handleClick,\n on: this.v3 ? undefined : {\n \"click\": this.handleClick,\n \"mousedown\": this.onDown,\n \"pointerdown\": this.onDown\n },\n onMousedown: this.onDown,\n onPointerdown: this.onDown,\n customProp: customProp\n }, [text && h(\"span\", {\n \"class\": \"k-fab-item-text\"\n }, [text]), icon && h(\"span\", {\n \"class\": classNames(\"k-fab-item-icon k-icon k-i-\" + icon)\n })]);\n item = getTemplate.call(this, {\n h: h,\n template: this.$props.item,\n defaultRendering: itemDefaultRendering,\n additionalProps: this.$props,\n additionalListeners: {\n click: this.handleClick\n }\n });\n return item;\n }\n};\nvar FloatingActionButtonItemVue3 = FloatingActionButtonItem;\nexport { FloatingActionButtonItem, FloatingActionButtonItemVue3 };","// @ts-ignore\nimport * as Vue from 'vue';\nvar allVue = Vue;\nvar gh = allVue.h;\nimport { classNames, getDefaultSlots, validatePackage } from '@progress/kendo-vue-common';\nimport { packageMetadata } from './package-metadata';\nimport util from './util';\nvar styles = util.styles; // tslint:enable:max-line-length\n\nvar Button = {\n name: 'KendoButton',\n // @ts-ignore\n emits: {\n click: null\n },\n props: {\n look: {\n type: String,\n default: function _default() {\n return 'default';\n }\n },\n primary: {\n type: Boolean,\n default: false\n },\n selected: {\n type: Boolean,\n default: undefined\n },\n togglable: {\n type: Boolean,\n default: false\n },\n icon: {\n type: String,\n default: function _default() {\n return undefined;\n }\n },\n iconClass: {\n type: String,\n default: function _default() {\n return undefined;\n }\n },\n imageUrl: {\n type: String,\n default: function _default() {\n return undefined;\n }\n },\n imageAlt: String,\n disabled: {\n type: Boolean,\n default: undefined\n }\n },\n created: function created() {\n validatePackage(packageMetadata);\n this.currentActive = this.$props.togglable === true && this.$props.selected === true;\n },\n data: function data() {\n return {\n currentActive: null\n };\n },\n computed: {\n currentSelected: function currentSelected() {\n return this._activeTemp !== undefined ? this._activeTemp : this.currentActive;\n }\n },\n updated: function updated() {\n if (this.$props.togglable && this.$props.selected !== undefined && this.$props.selected !== this.currentActive) {\n this.currentActive = this.$props.selected;\n }\n },\n // @ts-ignore\n setup: !gh ? undefined : function () {\n var v3 = !!gh;\n return {\n v3: v3\n };\n },\n methods: {\n focus: function focus(e) {\n this.$el.focus(e);\n },\n toggleIfApplicable: function toggleIfApplicable() {\n if (this.$props.togglable && this.$props.selected === undefined) {\n var active = !this.currentActive;\n this._activeTemp = active;\n this.currentActive = active;\n this._activeTemp = undefined;\n }\n },\n handleClick: function handleClick(event) {\n this.toggleIfApplicable();\n this.$emit('click', event);\n }\n },\n // @ts-ignore\n render: function render(createElement) {\n var _a;\n\n var h = gh || createElement;\n var _b = this.$props,\n look = _b.look,\n primary = _b.primary,\n togglable = _b.togglable,\n icon = _b.icon,\n iconClass = _b.iconClass,\n imageUrl = _b.imageUrl,\n imageAlt = _b.imageAlt;\n var hasIcon = icon !== undefined || iconClass !== undefined || imageUrl !== undefined;\n var defaultSlot = getDefaultSlots(this);\n var hasChildren = defaultSlot;\n var buttonClasses = classNames([styles.button], (_a = {}, _a[styles[\"\" + look]] = look !== 'default', _a[styles.primary] = primary, _a[styles['state-disabled']] = this.$props.disabled, _a[styles['state-active']] = this.currentActive, _a[styles['button-icon']] = !hasChildren && hasIcon, _a[styles['button-icontext']] = hasChildren && hasIcon, _a), [styles[\"\" + this.$props.dir]]);\n\n var iconElement = function iconElement() {\n if (imageUrl) {\n return h(\"img\", {\n role: \"presentation\",\n attrs: this.v3 ? undefined : {\n role: \"presentation\",\n alt: imageAlt,\n src: imageUrl\n },\n \"class\": 'k-image',\n alt: imageAlt,\n src: imageUrl\n });\n } else if (icon) {\n var iconClasses = classNames('k-icon', 'k-i-' + icon);\n return h(\"span\", {\n role: \"presentation\",\n attrs: this.v3 ? undefined : {\n role: \"presentation\"\n },\n \"class\": iconClasses\n });\n } else if (iconClass) {\n return h(\"span\", {\n role: \"presentation\",\n attrs: this.v3 ? undefined : {\n role: \"presentation\"\n },\n \"class\": iconClass\n });\n }\n\n return null;\n };\n\n return h(\"button\", {\n \"class\": buttonClasses,\n onClick: this.handleClick // Accessibility properties\n ,\n on: this.v3 ? undefined : {\n \"click\": this.handleClick\n },\n role: togglable ? 'checkbox' : undefined,\n attrs: this.v3 ? undefined : {\n role: togglable ? 'checkbox' : undefined,\n \"aria-disabled\": this.$props.disabled || undefined,\n \"aria-checked\": togglable ? this.currentActive : undefined\n },\n \"aria-disabled\": this.$props.disabled || undefined,\n \"aria-checked\": togglable ? this.currentActive : undefined\n }, [iconElement.call(this), defaultSlot]);\n }\n};\nvar ButtonVue3 = Button;\nexport { Button, ButtonVue3 };","// @ts-ignore\nimport * as Vue from 'vue';\nvar allVue = Vue;\nvar gh = allVue.h;\nvar ref = allVue.ref;\nvar inject = allVue.inject;\nimport { RadioButton } from './RadioButton';\nimport { guid, classNames, focusFirstFocusableChild, validatePackage, isRtl } from '@progress/kendo-vue-common';\nimport { packageMetadata } from '../package-metadata';\nvar RadioGroup = {\n name: 'KendoRadioGroup',\n props: {\n ariaLabelledBy: String,\n ariaDescribedBy: String,\n dataItems: Array,\n defaultValue: [String, Number, Object],\n dir: String,\n disabled: Boolean,\n labelPlacement: String,\n item: {\n type: String,\n default: 'li'\n },\n layout: {\n type: String,\n default: 'vertical',\n validator: function validator(value) {\n return ['horizontal', 'vertical'].includes(value);\n }\n },\n name: String,\n modelValue: [String, Number, Object],\n value: [String, Number, Object],\n valid: {\n type: Boolean,\n default: undefined\n }\n },\n // @ts-ignore\n emits: {\n 'changemodel': null,\n 'update:modelValue': null,\n change: null,\n focus: null\n },\n model: {\n event: 'changemodel'\n },\n created: function created() {\n this.radioGroupName = guid();\n validatePackage(packageMetadata);\n this.stateChecked = this.$props.defaultValue;\n },\n watch: {\n value: function value(newValue) {\n if (newValue === undefined) {\n this.stateChecked = this.$props.defaultValue;\n }\n }\n },\n mounted: function mounted() {\n this.rtl = isRtl(this.$el);\n },\n computed: {\n radioGroupClasses: function radioGroupClasses() {\n var layout = this.$props.layout;\n return {\n 'k-radio-list': true,\n 'k-list-horizontal': layout === 'horizontal',\n 'k-list-vertical': layout === 'vertical' || layout === undefined\n };\n },\n checkedRadioValue: function checkedRadioValue() {\n var value = this.$props.value;\n return value !== undefined ? value : this.$props.modelValue !== undefined ? this.$props.modelValue : this.stateChecked;\n },\n currentDir: function currentDir() {\n var dir = this.$props.dir;\n return dir ? dir : this.rtl ? 'rtl' : undefined;\n }\n },\n data: function data() {\n return {\n rtl: false,\n stateChecked: undefined\n };\n },\n methods: {\n focusElement: function focusElement() {\n if (this.$el) {\n focusFirstFocusableChild(this.$el);\n }\n },\n handleChange: function handleChange(event) {\n var currentValue = event.value;\n\n if (!(this.$props.value !== undefined) && !this.$props.disabled) {\n this.stateChecked = currentValue;\n }\n\n if (!this.$props.disabled) {\n this.$emit('change', {\n event: event,\n value: currentValue\n });\n this.$emit('changemodel', currentValue);\n this.$emit('update:modelValue', currentValue);\n }\n },\n handleFocus: function handleFocus(event) {\n if (!this.$props.disabled) {\n this.$emit('focus', event);\n }\n },\n handleBlur: function handleBlur(event) {\n if (!this.$props.disabled) {\n this.$emit('blur', event);\n }\n }\n },\n // @ts-ignore\n setup: !gh ? undefined : function () {\n var v3 = !!gh;\n var inputRef = ref(null);\n return {\n v3: v3,\n inputRef: inputRef\n };\n },\n render: function render(createElement) {\n var h = gh || createElement;\n var _a = this.$props,\n ariaLabelledBy = _a.ariaLabelledBy,\n ariaDescribedBy = _a.ariaDescribedBy,\n dataItems = _a.dataItems,\n disabled = _a.disabled,\n name = _a.name,\n labelPlacement = _a.labelPlacement,\n valid = _a.valid;\n var radioOptions = dataItems && dataItems.map(function (option, index) {\n var isCurrentlyChecked = this.checkedRadioValue === option.value;\n var noOptionChecked = this.checkedRadioValue === null || this.checkedRadioValue === undefined;\n return h(\"li\", {\n \"class\": classNames('k-radio-item', {\n 'k-state-disabled': option.disabled || disabled\n }),\n key: index,\n role: 'radio',\n attrs: this.v3 ? undefined : {\n role: 'radio'\n }\n }, [// @ts-ignore function children\n h(RadioButton, {\n valid: valid,\n attrs: this.v3 ? undefined : {\n valid: valid,\n className: option.className,\n label: option.label,\n value: option.value,\n checked: isCurrentlyChecked,\n disabled: option.disabled || disabled ? true : false,\n labelPlacement: option.labelPlacement ? option.labelPlacement : labelPlacement,\n tabIndex: option.tabIndex ? option.tabIndex : noOptionChecked && index === 0 || isCurrentlyChecked ? 0 : -1,\n index: index,\n name: name || option.name || this.radioGroupName\n },\n className: option.className,\n label: option.label,\n value: option.value,\n checked: isCurrentlyChecked,\n disabled: option.disabled || disabled ? true : false,\n labelPlacement: option.labelPlacement ? option.labelPlacement : labelPlacement,\n tabIndex: option.tabIndex ? option.tabIndex : noOptionChecked && index === 0 || isCurrentlyChecked ? 0 : -1,\n index: index,\n name: name || option.name || this.radioGroupName,\n onChange: this.handleChange,\n on: this.v3 ? undefined : {\n \"change\": this.handleChange,\n \"focus\": this.handleFocus,\n \"blur\": this.handleBlur\n },\n onFocus: this.handleFocus,\n onBlur: this.handleBlur\n })]);\n }, this);\n return h(\"ul\", {\n role: \"radiogroup\",\n attrs: this.v3 ? undefined : {\n role: \"radiogroup\",\n dir: this.currentDir,\n \"aria-labelledby\": ariaLabelledBy,\n \"aria-describedby\": ariaDescribedBy\n },\n \"class\": this.radioGroupClasses,\n dir: this.currentDir,\n \"aria-labelledby\": ariaLabelledBy,\n \"aria-describedby\": ariaDescribedBy\n }, [radioOptions]);\n }\n};\nvar RadioGroupVue3 = RadioGroup;\nexport { RadioGroup, RadioGroupVue3 };","var __assign = this && this.__assign || function () {\n __assign = Object.assign || function (t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n\n for (var p in s) {\n if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n }\n }\n\n return t;\n };\n\n return __assign.apply(this, arguments);\n}; // @ts-ignore\n\n\nimport * as Vue from 'vue';\nvar allVue = Vue;\nvar gh = allVue.h;\nvar ref = allVue.ref;\nimport { guid, noop, validatePackage } from '@progress/kendo-vue-common';\nimport { packageMetadata } from '../package-metadata';\nimport { FloatingLabel } from '@progress/kendo-vue-labels';\nvar Input = {\n model: {\n event: 'changemodel'\n },\n inheritAttrs: false,\n // @ts-ignore\n emits: {\n 'input': null,\n 'change': null,\n 'changemodel': null,\n 'update:modelValue': null,\n 'focus': null,\n 'blur': null\n },\n props: {\n modelValue: {\n type: [String, Number],\n default: undefined\n },\n defaultValue: {\n type: [String, Number],\n default: ''\n },\n value: {\n type: [String, Number]\n },\n label: {\n type: String\n },\n placeholder: {\n type: String\n },\n required: {\n type: Boolean,\n default: false\n },\n dir: {\n type: String\n },\n id: String,\n valid: {\n type: Boolean,\n default: undefined\n },\n validate: {\n type: Boolean\n },\n validationMessage: {\n type: String\n },\n validityStyles: {\n type: Boolean,\n default: true\n }\n },\n data: function data() {\n return {\n hasMounted: false,\n autofill: false,\n currentValue: '',\n valueDuringOnChange: '',\n input: null,\n inputId: guid(),\n focused: false\n };\n },\n created: function created() {\n validatePackage(packageMetadata);\n this.$data.valueDuringOnChange = undefined;\n this.$data.currentValue = this.$props.defaultValue;\n },\n mounted: function mounted() {\n this.$data.input = this.v3 ? this.inputRef : this.$refs.input;\n this.$data.hasMounted = true;\n this.setValidity();\n },\n updated: function updated() {\n this.setValidity();\n },\n // @ts-ignore\n setup: !gh ? undefined : function () {\n var v3 = !!gh;\n var inputRef = ref(null);\n return {\n v3: v3,\n inputRef: inputRef\n };\n },\n render: function render(createElement) {\n var _this = this;\n\n var h = gh || createElement;\n var listeners = this.v3 ? this.$attrs : this.$listeners;\n var isValid = !this.$props.validityStyles || this.validity().valid;\n var hasInput = Object.keys(this.$attrs).some(function (attr) {\n return attr === 'onInput';\n });\n var hasModel = Object.keys(this.$attrs).some(function (attr) {\n return attr === 'onUpdate:modelValue';\n });\n var _a = this.$props,\n label = _a.label,\n id = _a.id,\n required = _a.required;\n var inputId = id || this.$data.inputId;\n var textbox = h('input', __assign(__assign({\n domProps: this.v3 ? null : __assign(__assign({}, this.$attrs), {\n placeholder: this.$props.placeholder,\n id: inputId,\n required: required,\n value: this.computedValue\n })\n }, this.$attrs), {\n placeholder: this.$props.placeholder,\n id: inputId,\n required: required,\n value: this.computedValue,\n class: __assign({}, this.inputClassNames()),\n ref: this.v3 ? function (el) {\n _this.inputRef = el;\n } : 'input',\n on: this.v3 ? null : {\n change: this.handleChange,\n focus: this.emitFocus,\n blur: this.emitBlur,\n input: listeners.input || listeners.changemodel ? this.handleInput : noop,\n animationstart: this.handleAutoFill,\n animationend: this.handleAutoFillEnd\n },\n onChange: this.handleChange,\n onFocus: this.emitFocus,\n onBlur: this.emitBlur,\n onInput: this.handleInput,\n onAnimationstart: this.handleAutoFill,\n onAnimationend: this.handleAutoFillEnd\n }));\n return label ? // @ts-ignore function children\n h(FloatingLabel, {\n label: label,\n attrs: this.v3 ? undefined : {\n label: label,\n editorId: inputId,\n editorValue: this.computedValue,\n editorValid: isValid,\n editorDisabled: this.$props.disabled,\n editorPlaceholder: this.$data.focused ? this.$props.placeholder : '',\n dir: this.$props.dir\n },\n editorId: inputId,\n editorValue: this.computedValue,\n editorValid: isValid,\n editorDisabled: this.$props.disabled,\n editorPlaceholder: this.$data.focused ? this.$props.placeholder : '',\n dir: this.$props.dir\n }, this.v3 ? function () {\n return [textbox];\n } : [textbox]) : textbox;\n },\n methods: {\n emitFocus: function emitFocus(e) {\n this.$emit('focus', e);\n this.$data.focused = true;\n },\n emitBlur: function emitBlur(e) {\n this.$emit('blur', e);\n this.$data.focused = false;\n },\n focus: function focus() {\n if (this.$data.input) {\n this.$data.input.focus();\n }\n },\n inputClassNames: function inputClassNames() {\n var isValid = !this.$data.hasMounted || !this.$props.validityStyles || this.validity().valid;\n return {\n 'k-textbox': true,\n 'k-state-invalid': !isValid && isValid !== undefined\n };\n },\n validity: function validity() {\n var result = {\n badInput: this.$data.input ? this.$data.input.validity.badInput : false,\n patternMismatch: this.$data.input ? this.$data.input.validity.patternMismatch : false,\n rangeOverflow: this.$data.input ? this.$data.input.validity.rangeOverflow : false,\n rangeUnderflow: this.$data.input ? this.$data.input.validity.rangeUnderflow : false,\n stepMismatch: this.$data.input ? this.$data.input.validity.stepMismatch : false,\n tooLong: this.$data.input ? this.$data.input.validity.tooLong : false,\n typeMismatch: this.$data.input ? this.$data.input.validity.typeMismatch : false,\n valueMissing: this.$data.input ? this.$data.input.validity.valueMissing : false\n };\n return __assign(__assign({}, result), {\n customError: this.$props.validationMessage !== undefined,\n valid: this.$props.valid !== undefined ? this.$props.valid : this.$data.input ? !this.isInvalid(result) : true\n });\n },\n isInvalid: function isInvalid(state) {\n var result = false;\n\n for (var prop in state) {\n if (state.hasOwnProperty(prop)) {\n result = result || state[prop];\n }\n }\n\n return result;\n },\n setValidity: function setValidity() {\n if (this.$data.input && this.$data.input.setCustomValidity) {\n this.$data.input.setCustomValidity(this.validity().valid ? '' : this.$props.validationMessage || '');\n }\n },\n handleInput: function handleInput(event) {\n var that = this;\n this.$data.currentValue = event.target.value;\n this.$data.valueDuringOnChange = event.target.value;\n this.$nextTick(function () {\n that.$emit('input', {\n event: event,\n value: event.target.value,\n component: that,\n target: event.target,\n validity: that.validity()\n });\n that.$emit('changemodel', event.target.value);\n that.$emit('update:modelValue', event.target.value);\n that.$data.valueDuringOnChange = undefined;\n });\n },\n handleChange: function handleChange(event) {\n var that = this;\n this.$data.currentValue = event.target.value;\n this.$data.valueDuringOnChange = event.target.value;\n this.$nextTick(function () {\n that.$emit('change', {\n event: event,\n value: event.target.value,\n component: that,\n target: event.target,\n validity: that.validity()\n });\n that.$emit('changemodel', event.target.value);\n that.$emit('update:modelValue', event.target.value);\n that.$data.valueDuringOnChange = undefined;\n });\n },\n handleAutoFill: function handleAutoFill(e) {\n if (e.animationName === 'autoFillStart') {\n var parent_1 = e.target.parentNode;\n\n if (parent_1 && parent_1.classList.contains('k-state-empty')) {\n this.$data.autofill = true;\n parent_1.classList.remove('k-state-empty');\n }\n }\n },\n handleAutoFillEnd: function handleAutoFillEnd(e) {\n if (e.animationName === 'autoFillEnd') {\n var parent_2 = e.target.parentNode;\n\n if (parent_2) {\n this.$data.autofill = false;\n }\n }\n },\n name: function name() {\n return this.$props.name;\n }\n },\n computed: {\n spanClassNames: {\n get: function get() {\n var isValid = !this.$data.hasMounted || !this.$props.validityStyles || this.validity().valid;\n return {\n 'k-floating-label-container': true,\n 'k-state-focused': this.$data.focused,\n 'k-state-empty': !((this.computedValue === 0 ? true : this.computedValue) || this.$props.placeholder || this.$data.autofill),\n 'k-autofill': this.$data.autofill,\n 'k-state-invalid': !isValid && isValid !== undefined,\n 'k-rtl': this.$props.dir === 'rtl'\n };\n }\n },\n computedValue: {\n get: function get() {\n return this.$data.valueDuringOnChange !== undefined ? this.$data.valueDuringOnChange : this.$props.value !== undefined ? this.$props.value : this.$props.modelValue !== undefined ? this.$props.modelValue : this.$data.currentValue;\n }\n }\n }\n};\nvar InputVue3 = Input;\nexport { Input, InputVue3 };","// @ts-ignore\nimport * as Vue from 'vue';\nvar allVue = Vue;\nvar gh = allVue.h;\nimport { getDefaultSlots } from '@progress/kendo-vue-common'; // tslint:enable:max-line-length\n\nvar ButtonWrap = {\n name: 'KendoButtonWrap',\n props: {},\n // @ts-ignore\n setup: !gh ? undefined : function () {\n var v3 = !!gh;\n return {\n v3: v3\n };\n },\n // @ts-ignore\n render: function render(createElement) {\n var h = gh || createElement;\n var defaultSlot = getDefaultSlots(this);\n return defaultSlot[0];\n }\n};\nvar ButtonWrapVue3 = ButtonWrap;\nexport { ButtonWrap, ButtonWrapVue3 };","// @ts-ignore\nimport * as Vue from 'vue';\nvar allVue = Vue;\nvar gh = allVue.h;\nimport { classNames, getDefaultSlots, validatePackage } from '@progress/kendo-vue-common';\nimport { ButtonWrap } from './ButtonWrap';\nimport { packageMetadata } from './package-metadata';\nimport util from './util';\nvar styles = util.styles; // tslint:enable:max-line-length\n\nvar ButtonGroup = {\n name: 'KendoButtonGroup',\n props: {\n disabled: {\n type: Boolean,\n default: undefined\n },\n width: String,\n dir: {\n type: String,\n default: function _default() {\n return undefined;\n }\n }\n },\n created: function created() {\n validatePackage(packageMetadata);\n },\n // @ts-ignore\n setup: !gh ? undefined : function () {\n var v3 = !!gh;\n return {\n v3: v3\n };\n },\n // @ts-ignore\n render: function render(createElement) {\n var _a;\n\n var h = gh || createElement;\n var defaultSlot = getDefaultSlots(this);\n\n var renderButton = function renderButton(child, index, isLast, isRtl) {\n var _a;\n\n var className = classNames((_a = {}, _a[styles['state-disabled']] = this.$props.disabled, _a[styles['group-start']] = isRtl ? isLast : index === 0, _a[styles['group-end']] = isRtl ? index === 0 : isLast, _a));\n return h(ButtonWrap, {\n class: className,\n attrs: this.v3 ? undefined : {\n 'aria-disabled': this.$props.disabled\n },\n 'aria-disabled': this.$props.disabled\n }, this.v3 ? function () {\n return [child];\n } : [child]);\n };\n\n var mapButtons = function mapButtons(children) {\n var _this = this;\n\n var count = children.length;\n var rtl = this.$props.dir !== undefined ? this.$props.dir === 'rtl' : this.$el && getComputedStyle(this.$el).direction === 'rtl' || false;\n return children.map(function (child, index) {\n if (_this.isValidButton(child)) {\n return renderButton.call(_this, child, index, index === count - 1, rtl);\n }\n\n return child;\n });\n };\n\n var groupClasses = classNames([styles['button-group']], (_a = {}, _a[styles['state-disabled']] = this.$props.disabled, _a[styles['button-group-stretched']] = !!this.$props.width, _a));\n return h(\"div\", {\n width: this.$props.width,\n attrs: this.v3 ? undefined : {\n width: this.$props.width,\n dir: this.$props.dir // Accessibility properties\n ,\n role: 'group',\n \"aria-disabled\": this.$props.disabled,\n \"aria-multiselectable\": true\n },\n dir: this.$props.dir,\n role: 'group',\n \"aria-disabled\": this.$props.disabled,\n \"aria-multiselectable\": true,\n \"class\": groupClasses\n }, [mapButtons.call(this, defaultSlot)]);\n },\n methods: {\n isValidButton: function isValidButton(child) {\n return child && child.tag && child.tag.toLowerCase().indexOf('button') !== -1 || child.componentOptions && child.componentOptions.tag && child.componentOptions.tag.toLowerCase().indexOf('button') !== -1 || child.type && child.type.name && child.type.name.toLowerCase().indexOf('kendobutton') !== -1;\n }\n }\n};\nvar ButtonGroupVue3 = ButtonGroup;\nexport { ButtonGroup, ButtonGroupVue3 };","var __assign = this && this.__assign || function () {\n __assign = Object.assign || function (t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n\n for (var p in s) {\n if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n }\n }\n\n return t;\n };\n\n return __assign.apply(this, arguments);\n}; // @ts-ignore\n\n\nimport * as Vue from 'vue';\nvar allVue = Vue;\nvar gh = allVue.h;\nvar ref = allVue.ref;\nimport { getDefaultSlots } from '@progress/kendo-vue-common';\n/**\n * @hidden\n */\n\nexport var SLIDER_LABEL_ATTRIBUTE = 'data-slider-label'; // tslint:enable:max-line-length\n\nvar SliderLabel = {\n name: 'KendoSliderLabel',\n // @ts-ignore\n emits: {\n click: null\n },\n props: {\n position: Number,\n title: String,\n vertical: Boolean\n },\n data: function data() {\n return {\n currentDir: 'ltr'\n };\n },\n inject: ['kendoMax', 'kendoMin', 'kendoVertical'],\n mounted: function mounted() {\n this.sliderLabelRef = this.$refs.sliderLabelRef;\n\n if (!this.currentDir && window && this.$el) {\n // Note: getComputedStyle forces reflow\n var direction = window.getComputedStyle(this.$el).direction;\n\n if (direction) {\n this.currentDir = direction;\n }\n }\n },\n // @ts-ignore\n setup: !gh ? undefined : function () {\n var v3 = !!gh;\n return {\n v3: v3\n };\n },\n // @ts-ignore\n render: function render(createElement) {\n var _a;\n\n var h = gh || createElement;\n var dir = this.currentDir;\n var defaultSlot = getDefaultSlots(this);\n var position = 100 * (this.$props.position - this.kendoMin) / (this.kendoMax - this.kendoMin);\n var vertical = this.kendoVertical;\n var style = vertical ? {\n bottom: position + \"%\",\n height: '1px',\n width: '100%'\n } : (_a = {}, _a[dir === 'rtl' ? 'right' : 'left'] = position + \"%\", _a.width = '1px', _a);\n return h(\"li\", {\n ref: 'sliderLabelRef',\n role: \"presentation\",\n attrs: this.v3 ? undefined : {\n role: \"presentation\",\n title: this.$props.title\n },\n \"class\": \"k-tick k-tick-large\",\n title: this.$props.title,\n style: __assign({\n zIndex: 1,\n position: 'absolute'\n }, style)\n }, [h(\"span\", {\n \"data-slider-label\": true,\n attrs: this.v3 ? undefined : {\n \"data-slider-label\": true\n },\n \"class\": \"k-label\",\n onClick: this.onClick,\n on: this.v3 ? undefined : {\n \"click\": this.onClick\n }\n }, [defaultSlot])]);\n },\n methods: {\n onClick: function onClick(event) {\n this.$emit('click', event);\n }\n }\n};\nvar SliderLabelVue3 = SliderLabel;\nexport { SliderLabel, SliderLabelVue3 };","var _a;\n/**\n * @hidden\n */\nexport var nodata = 'dropdowns.nodata';\n/**\n * @hidden\n */\nexport var clear = 'dropdowns.clear';\n/**\n * @hidden\n */\nexport var messages = (_a = {},\n _a[clear] = 'clear',\n _a[nodata] = 'NO DATA FOUND.',\n _a);\n","/**\n * @hidden\n */\nexport var ActiveDescendant;\n(function (ActiveDescendant) {\n ActiveDescendant[ActiveDescendant[\"PopupList\"] = 0] = \"PopupList\";\n ActiveDescendant[ActiveDescendant[\"TagsList\"] = 1] = \"TagsList\";\n})(ActiveDescendant || (ActiveDescendant = {}));\n","// @ts-ignore\nimport * as Vue from 'vue';\nvar allVue = Vue;\nvar gh = allVue.h;\nimport { Popup } from '@progress/kendo-vue-popup';\nimport { getDefaultSlots } from '@progress/kendo-vue-common';\n/**\n * Represents the default `ListContainer` component.\n */\n\nvar ListContainer = {\n name: 'list-container',\n // @ts-ignore\n emits: {\n mousedown: null,\n blur: null,\n open: null,\n close: null\n },\n props: {\n width: [String, Number],\n dir: String,\n itemsCount: Number,\n popupSettings: {\n type: Object,\n default: function _default() {\n return {\n animate: true,\n height: '200px'\n };\n }\n }\n },\n created: function created() {\n this.kendoAnchorRef = undefined;\n },\n // @ts-ignore\n setup: !gh ? undefined : function () {\n var v3 = !!gh;\n return {\n v3: v3\n };\n },\n methods: {\n onMouseDown: function onMouseDown(e) {\n this.$emit('mousedown', e);\n },\n onBlur: function onBlur(e) {\n this.$emit('blur', e);\n },\n onOpen: function onOpen(e) {\n this.$emit('open', e);\n },\n onClose: function onClose(e) {\n this.$emit('close', e);\n }\n },\n // @ts-ignore\n render: function render(createElement) {\n var _this = this;\n\n var h = gh || createElement;\n var defaultSlot = getDefaultSlots(this);\n var _a = this.$props,\n onMouseDown = _a.onMouseDown,\n onBlur = _a.onBlur,\n width = _a.width,\n dir = _a.dir,\n popupSettings = _a.popupSettings; // @ts-ignore\n\n var className = popupSettings.className,\n animate = popupSettings.animate,\n anchor = popupSettings.anchor,\n show = popupSettings.show,\n open = popupSettings.open,\n close = popupSettings.close,\n itemsCount = popupSettings.itemsCount;\n return (// @ts-ignore function children\n h(Popup, {\n style: {\n width: width,\n direction: dir\n },\n className: className,\n attrs: this.v3 ? undefined : {\n className: className,\n animate: animate,\n anchor: anchor,\n show: show,\n contentKey: itemsCount\n },\n animate: animate,\n anchor: anchor,\n show: show,\n contentKey: itemsCount,\n onOpen: this.onOpen,\n on: this.v3 ? undefined : {\n \"open\": this.onOpen,\n \"close\": this.onClose\n },\n onClose: this.onClose\n }, this.v3 ? function () {\n return [h(\"div\", {\n onMousedown: _this.onMouseDown,\n on: _this.v3 ? undefined : {\n \"mousedown\": _this.onMouseDown,\n \"focusout\": _this.onBlur\n },\n onFocusout: _this.onBlur\n }, [defaultSlot])];\n } : [h(\"div\", {\n onMousedown: _this.onMouseDown,\n on: _this.v3 ? undefined : {\n \"mousedown\": _this.onMouseDown,\n \"focusout\": _this.onBlur\n },\n onFocusout: _this.onBlur\n }, [defaultSlot])])\n );\n }\n};\nvar ListContainerVue3 = ListContainer;\nexport { ListContainer, ListContainerVue3 };","// @ts-ignore\nimport * as Vue from 'vue';\nvar allVue = Vue;\nvar gh = allVue.h;\nvar ref = allVue.ref;\n/**\n * Represents the default `ListFilter` component.\n */\n\nvar ListFilter = {\n name: 'list-filter',\n // @ts-ignore\n emits: {\n keydown: null,\n change: null\n },\n props: {\n value: String\n },\n // @ts-ignore\n setup: !gh ? undefined : function () {\n var v3 = !!gh;\n var inputRef = ref(null);\n return {\n v3: v3,\n inputRef: inputRef\n };\n },\n methods: {\n onKeyDown: function onKeyDown(e) {\n this.$emit('keydown', e);\n },\n onChange: function onChange(e) {\n this.$emit('change', e);\n }\n },\n mounted: function mounted() {\n this.input = this.v3 ? this.inputRef : this.$refs.input;\n },\n // @ts-ignore\n render: function render(createElement) {\n var _this = this;\n\n var h = gh || createElement;\n return h(\"span\", {\n \"class\": \"k-list-filter\"\n }, [h(\"input\", {\n ref: this.v3 ? function (el) {\n _this.inputRef = el;\n } : 'input',\n value: this.v3 ? this.$props.value || '' : null,\n domProps: this.v3 ? undefined : {\n \"value\": this.$props.value || ''\n },\n \"class\": \"k-textbox\",\n onInput: this.onChange,\n on: this.v3 ? undefined : {\n \"input\": this.onChange,\n \"keydown\": this.onKeyDown\n },\n onKeydown: this.onKeyDown\n }), h(\"span\", {\n \"class\": \"k-icon k-i-search\"\n })]);\n }\n};\nvar ListFilterVue3 = ListFilter;\nexport { ListFilter, ListFilterVue3 };","/**\n * @hidden\n */\nvar isPresent = function (value) { return value !== null && value !== undefined; };\n/**\n * @hidden\n */\nvar sameCharsOnly = function (word, character) {\n for (var idx = 0; idx < word.length; idx++) {\n if (word.charAt(idx) !== character) {\n return false;\n }\n }\n return true;\n};\n/**\n * @hidden\n */\nvar shuffleData = function (data, splitIndex, defaultItem) {\n var result = data;\n if (defaultItem) {\n result = [defaultItem].concat(result);\n }\n return result.slice(splitIndex).concat(result.slice(0, splitIndex));\n};\n/**\n * @hidden\n */\nvar matchText = function (text, word, ignoreCase) {\n if (!isPresent(text)) {\n return false;\n }\n var temp = String(text);\n if (ignoreCase) {\n temp = temp.toLowerCase();\n }\n return temp.indexOf(word) === 0;\n};\n/**\n * @hidden\n */\nvar scrollToItem = function (scrollElem, itemHeight, itemIndex, translate, virtualScroll) {\n var viewportHeight = scrollElem.offsetHeight;\n var itemOffsetTop = (itemHeight * itemIndex) +\n (virtualScroll ? translate - scrollElem.scrollTop : 0);\n if (virtualScroll) {\n var diff = 0;\n if (itemOffsetTop + itemHeight > viewportHeight) {\n diff = itemOffsetTop + itemHeight - viewportHeight;\n }\n else if (itemOffsetTop < 0) {\n diff = itemOffsetTop;\n }\n if (diff !== 0) {\n scrollElem.scrollTop += diff;\n }\n else if (scrollElem.scrollTop === 0 && translate !== 0) {\n scrollElem.scrollTop = translate;\n }\n }\n else {\n if (itemOffsetTop + itemHeight > viewportHeight + scrollElem.scrollTop) {\n scrollElem.scrollTop = (itemOffsetTop + itemHeight - viewportHeight);\n }\n else if (itemOffsetTop < scrollElem.scrollTop) {\n scrollElem.scrollTop -= scrollElem.scrollTop - itemOffsetTop;\n }\n }\n};\n/**\n * @hidden\n */\nvar itemIndexStartsWith = function (items, text, field) {\n var result = -1;\n if (text) {\n text = text.toLowerCase();\n for (var i = 0; i < items.length; i++) {\n var itemText = (getItemValue(items[i], field) || '') + '';\n if (itemText && itemText.toLowerCase().startsWith(text)) {\n result = i;\n break;\n }\n }\n }\n return result;\n};\n/**\n * @hidden\n */\nvar getItemIndexByText = function (data, text, textField, matchCase) {\n if (matchCase === void 0) { matchCase = false; }\n var casing = function (value) { return matchCase ? value : value.toLowerCase(); };\n return data.findIndex(function (item) {\n return textField ? casing(getItemValue(item, textField)) === casing(text) :\n casing(text) === casing(item.toString());\n });\n};\n/**\n * @hidden\n */\nvar getItemValue = function (item, field) {\n if (field && isPresent(item)) {\n var path = field.split('.');\n var data_1 = item;\n path.forEach(function (p) {\n data_1 = data_1 ? data_1[p] : undefined;\n });\n return data_1;\n }\n return item;\n};\n/**\n * @hidden\n */\nvar matchDataCollections = function (data1, data2, key) {\n if (data1 === void 0) { data1 = []; }\n if (data2 === void 0) { data2 = []; }\n if (data1 === data2) {\n return true;\n }\n if (data1.length !== data2.length) {\n return false;\n }\n for (var i = 0; i < data1.length; i++) {\n if (!areSame(data1[i], data2[i], key)) {\n return false;\n }\n }\n return true;\n};\n/**\n * @hidden\n */\nvar removeDataItems = function (items, toRemove, key) {\n toRemove.forEach(function (item) {\n var itemIndex = items.findIndex(function (i) { return areSame(i, item, key); });\n if (itemIndex !== -1) {\n items.splice(itemIndex, 1);\n }\n });\n};\n/**\n * @hidden\n */\nvar areSame = function (item1, item2, key) {\n return item1 === item2 ||\n (isPresent(item1) === isPresent(item2) && getItemValue(item1, key) === getItemValue(item2, key));\n};\n/**\n * @hidden\n */\nvar getFocusedItem = function (data, value, textField) {\n if (value) {\n var selectedIndex = getItemIndexByText(data, value, textField, true);\n return selectedIndex !== -1 ? data[selectedIndex] : data[itemIndexStartsWith(data, value, textField)];\n }\n return data[0];\n};\n/**\n * @hidden\n */\nvar suggestValue = function (value, data, textField) {\n if (data === void 0) { data = []; }\n var suggested = '';\n if (value) {\n var suggestedItem = data[itemIndexStartsWith(data, value, textField)];\n if (suggestedItem) {\n var suggestedText = getItemValue(suggestedItem, textField);\n if (value.toLowerCase() !== suggestedText.toLowerCase()) {\n suggested = suggestedText.substring(value.length);\n }\n }\n }\n return suggested;\n};\n/**\n * @hidden\n */\nvar preventDefaultNonInputs = function (event) {\n if (event.target.nodeName !== 'INPUT') {\n event.preventDefault();\n }\n};\nexport { isPresent, sameCharsOnly, shuffleData, matchText, scrollToItem, itemIndexStartsWith, getItemIndexByText, getItemValue, matchDataCollections, removeDataItems, areSame, getFocusedItem, preventDefaultNonInputs, suggestValue };\n","// @ts-ignore\nimport * as Vue from 'vue';\nvar allVue = Vue;\nvar gh = allVue.h;\nimport { classNames } from '@progress/kendo-vue-common';\nimport { getItemValue } from './utils';\n/**\n * Represents the default `ListDefaultItem` component.\n */\n\nvar ListDefaultItem = {\n name: 'list-default-item',\n props: {\n defaultItem: [Object, String],\n textField: String,\n selected: Boolean\n },\n // @ts-ignore\n setup: !gh ? undefined : function () {\n var v3 = !!gh;\n return {\n v3: v3\n };\n },\n methods: {\n onMouseDown: function onMouseDown(e) {\n e.preventDefault();\n },\n onClick: function onClick(e) {\n this.$emit('defaultitemclick', e);\n }\n },\n // @ts-ignore\n render: function render(createElement) {\n var h = gh || createElement;\n var _a = this.$props,\n selected = _a.selected,\n defaultItem = _a.defaultItem,\n textField = _a.textField;\n return h(\"div\", {\n onClick: this.onClick,\n on: this.v3 ? undefined : {\n \"click\": this.onClick,\n \"mousedown\": this.onMouseDown\n },\n onMousedown: this.onMouseDown,\n \"class\": classNames('k-list-optionlabel', {\n 'k-state-selected': selected\n })\n }, [getItemValue(defaultItem, textField) || '']);\n }\n};\nvar ListDefaultItemVue3 = ListDefaultItem;\nexport { ListDefaultItem, ListDefaultItemVue3 };","// @ts-ignore\nimport * as Vue from 'vue';\nvar allVue = Vue;\nvar gh = allVue.h;\nimport { classNames, getTemplate } from '@progress/kendo-vue-common';\nimport { getItemValue } from './utils';\n/**\n * Represents the default `ListItem` component.\n */\n\nvar ListItem = {\n name: 'list-item',\n props: {\n id: String,\n index: Number,\n dataItem: [Object, String, Number],\n textField: String,\n focused: Boolean,\n selected: Boolean,\n render: Object\n },\n // @ts-ignore\n setup: !gh ? undefined : function () {\n var v3 = !!gh;\n return {\n v3: v3\n };\n },\n methods: {\n handleClick: function handleClick(e) {\n this.$emit('itemclick', this.$props.index, e);\n }\n },\n // @ts-ignore\n render: function render(createElement) {\n var h = gh || createElement;\n var selected = this.$props.selected;\n var defaultRendering = h(\"li\", {\n id: this.$props.id,\n attrs: this.v3 ? undefined : {\n id: this.$props.id,\n role: \"option\",\n \"aria-selected\": selected\n },\n role: \"option\",\n \"aria-selected\": selected,\n \"class\": classNames('k-item', {\n 'k-state-selected': selected,\n 'k-state-focused': this.$props.focused\n }),\n onClick: this.handleClick,\n on: this.v3 ? undefined : {\n \"click\": this.handleClick\n }\n }, [getItemValue(this.$props.dataItem, this.$props.textField).toString()]);\n return getTemplate.call(this, {\n h: h,\n template: this.$props.render,\n defaultRendering: defaultRendering,\n additionalProps: this.$props,\n additionalListeners: {\n click: this.handleClick\n }\n });\n }\n};\nvar ListItemVue3 = ListItem;\nexport { ListItem, ListItemVue3 };","// @ts-ignore\nimport * as Vue from 'vue';\nvar allVue = Vue;\nvar gh = allVue.h;\nvar ref = allVue.ref;\nvar inject = allVue.inject;\nimport { ListItem } from './ListItem';\nimport { areSame } from './utils';\nimport { getTemplate } from '@progress/kendo-vue-common';\nimport { provideLocalizationService } from '@progress/kendo-vue-intl';\nimport { messages, nodata } from '../messages';\n/**\n * Represents the default `List` component.\n */\n\nvar List = {\n name: 'list',\n props: {\n id: String,\n show: Boolean,\n dataItems: Array,\n value: [Object, String, Number, Boolean, Array],\n textField: String,\n valueField: String,\n optionsGuid: String,\n wrapperCssClass: String,\n wrapperStyle: Object,\n listStyle: Object,\n skip: Number,\n focusedIndex: Number,\n highlightSelected: {\n type: Boolean,\n default: true\n },\n itemRender: [String, Function, Object],\n noDataRender: [String, Function, Object]\n },\n inject: {\n kendoLocalizationService: {\n default: null\n }\n },\n // @ts-ignore\n setup: !gh ? undefined : function () {\n var v3 = !!gh;\n var listRef = ref(null);\n var kendoLocalizationService = inject('kendoLocalizationService', {});\n return {\n v3: v3,\n listRef: listRef,\n kendoLocalizationService: kendoLocalizationService\n };\n },\n mounted: function mounted() {\n this.list = this.v3 ? this.listRef : this.$refs.list;\n },\n methods: {\n handleClick: function handleClick(e) {\n this.$emit('listclick', e);\n }\n },\n // @ts-ignore\n render: function render(createElement) {\n var _this = this;\n\n var h = gh || createElement;\n var localizationService = provideLocalizationService(this);\n var _a = this.$props,\n id = _a.id,\n show = _a.show,\n wrapperCssClass = _a.wrapperCssClass,\n wrapperStyle = _a.wrapperStyle,\n listStyle = _a.listStyle,\n listRef = _a.listRef;\n\n var renderNoValueElement = function renderNoValueElement() {\n var noDataRender = this.$props.noDataRender;\n var noDataElement = h(\"div\", {\n \"class\": 'k-nodata'\n }, [h(\"div\", [localizationService.toLanguageString(nodata, messages[nodata])])]);\n return getTemplate.call(this, {\n h: h,\n template: noDataRender,\n defaultRendering: noDataElement\n });\n };\n\n var renderItems = function renderItems() {\n var _a = this.$props,\n textField = _a.textField,\n valueField = _a.valueField,\n optionsGuid = _a.optionsGuid,\n _b = _a.skip,\n skip = _b === void 0 ? 0 : _b,\n focusedIndex = _a.focusedIndex,\n highlightSelected = _a.highlightSelected,\n value = _a.value,\n itemRender = _a.itemRender;\n var isArray = Array.isArray(value);\n return this.$props.dataItems.map(function (item, index) {\n var realIndex = skip + index;\n var selected = highlightSelected && (!isArray && areSame(item, value, valueField) || isArray && value.findIndex(function (i) {\n return areSame(i, item, valueField);\n }) !== -1);\n return (// @ts-ignore\n h(ListItem, {\n id: \"option-\" + optionsGuid + \"-\" + realIndex,\n attrs: this.v3 ? undefined : {\n id: \"option-\" + optionsGuid + \"-\" + realIndex,\n dataItem: item,\n selected: selected,\n focused: focusedIndex === index,\n index: realIndex,\n textField: textField,\n render: itemRender\n },\n dataItem: item,\n selected: selected,\n focused: focusedIndex === index,\n index: realIndex,\n key: realIndex,\n onItemclick: this.handleClick,\n on: this.v3 ? undefined : {\n \"itemclick\": this.handleClick\n },\n textField: textField,\n render: itemRender\n })\n );\n }, this);\n };\n\n var items = renderItems.call(this);\n return items.length ? h(\"div\", {\n \"class\": wrapperCssClass,\n style: wrapperStyle,\n unselectable: 'on',\n attrs: this.v3 ? undefined : {\n unselectable: 'on'\n }\n }, [h(\"ul\", {\n id: id,\n attrs: this.v3 ? undefined : {\n id: id,\n role: \"listbox\",\n \"aria-hidden\": !show ? true : undefined\n },\n role: \"listbox\",\n \"aria-hidden\": !show ? true : undefined,\n \"class\": 'k-list k-reset',\n ref: this.v3 ? function (el) {\n _this.listRef = el;\n } : 'list',\n style: listStyle\n }, [items])]) : renderNoValueElement.call(this);\n }\n};\nexport { List };","var maxHeightIE = 1533915;\n/**\n * @hidden\n */\n\nvar VirtualScroll =\n/** @class */\nfunction () {\n function VirtualScroll() {\n var _this = this;\n\n this.containerHeight = 0;\n this.skip = 0;\n this.total = 0;\n this.enabled = false;\n this.pageSize = 0;\n this.itemHeight = 0;\n this.prevScrollPos = 0;\n this.listTranslate = 0;\n this.scrollSyncing = false;\n\n this.scrollerRef = function (element) {\n var vs = _this;\n vs.container = element;\n\n if (element) {\n element.setAttribute('unselectable', 'on');\n setTimeout(vs.calcScrollElementHeight.bind(vs), 0);\n }\n };\n\n this.calcScrollElementHeight = function () {\n _this.scrollSyncing = true;\n var heightChanged = false;\n _this.itemHeight = _this.list ? _this.list.children[0].offsetHeight : _this.itemHeight;\n _this.containerHeight = Math.min(maxHeightIE, _this.itemHeight * _this.total);\n var newHeight = _this.containerHeight;\n\n if (_this.scrollElement) {\n heightChanged = _this.scrollElement.style.height !== newHeight + 'px';\n\n if (heightChanged) {\n _this.scrollElement.style.height = newHeight + 'px';\n }\n }\n\n _this.scrollSyncing = false;\n return heightChanged;\n };\n\n this.scrollHandler = this.scrollHandler.bind(this);\n }\n\n Object.defineProperty(VirtualScroll.prototype, \"translate\", {\n get: function get() {\n return this.listTranslate;\n },\n enumerable: false,\n configurable: true\n });\n\n VirtualScroll.prototype.changePage = function (skip, e) {\n var newSkip = Math.min(Math.max(0, skip), this.total - this.pageSize);\n\n if (newSkip !== this.skip) {\n this.PageChange({\n skip: newSkip,\n take: this.pageSize\n }, e);\n }\n };\n\n VirtualScroll.prototype.translateTo = function (dY) {\n this.listTranslate = dY;\n\n if (this.list) {\n this.list.style.transform = 'translateY(' + dY + 'px)';\n }\n };\n\n VirtualScroll.prototype.reset = function () {\n if (this.container) {\n this.calcScrollElementHeight();\n this.container.scrollTop = 0;\n this.translateTo(0);\n }\n };\n\n VirtualScroll.prototype.scrollToEnd = function () {\n if (this.container && this.list) {\n this.calcScrollElementHeight();\n this.container.scrollTop = this.container.scrollHeight - this.container.offsetHeight;\n this.translateTo(this.container.scrollHeight - this.list.offsetHeight);\n }\n };\n\n VirtualScroll.prototype.localScrollUp = function (e) {\n var height = this.itemHeight;\n var scrollTop = this.container.scrollTop;\n var targetTranslate = this.listTranslate;\n var items;\n var additionalOnTop = scrollTop - targetTranslate;\n\n if (additionalOnTop > height) {\n return;\n }\n\n for (items = 0; items < this.skip; items++) {\n if (targetTranslate + height + additionalOnTop <= scrollTop) {\n break;\n }\n\n targetTranslate -= height;\n }\n\n targetTranslate = this.validateTranslate(targetTranslate);\n\n if (this.skip - items <= 0 && targetTranslate >= scrollTop) {\n this.translateTo(0);\n this.changePage(0, e);\n this.container.scrollTop = 0;\n return;\n }\n\n if (targetTranslate !== this.listTranslate) {\n this.translateTo(targetTranslate);\n this.changePage(this.skip - items, e);\n }\n };\n\n VirtualScroll.prototype.localScrollDown = function (e) {\n var height = this.itemHeight;\n var scrollTop = this.container.scrollTop;\n var targetTranslate = this.listTranslate;\n var itemsLenght = this.list.children.length;\n var items;\n\n for (items = 0; items < itemsLenght; items++) {\n if (targetTranslate + height >= scrollTop) {\n break;\n }\n\n targetTranslate += height;\n }\n\n targetTranslate = this.validateTranslate(targetTranslate);\n\n if (items >= itemsLenght && this.skip + items >= this.total) {\n this.translateTo(targetTranslate);\n this.changePage(this.total - 1, e);\n } else if (targetTranslate !== this.listTranslate) {\n this.translateTo(targetTranslate);\n this.changePage(this.skip + items, e);\n }\n };\n\n VirtualScroll.prototype.scrollNonStrict = function (e) {\n var floatItemIndex = this.total * this.prevScrollPos / this.containerHeight;\n var itemIndex = Math.min(Math.floor(floatItemIndex), this.total - 1);\n var targetTranslate = this.containerHeight * floatItemIndex / this.total;\n targetTranslate = this.validateTranslate(targetTranslate);\n this.translateTo(targetTranslate);\n this.changePage(itemIndex, e);\n };\n\n VirtualScroll.prototype.scrollHandler = function (e) {\n var scrollTop = this.container ? this.container.scrollTop : 0;\n var prev = this.prevScrollPos;\n this.prevScrollPos = scrollTop;\n\n if (!this.enabled || !this.list || !this.container || this.scrollSyncing) {\n return;\n }\n\n if (scrollTop - prev <= 0 && scrollTop > this.listTranslate - this.list.scrollHeight / 10) {\n this.localScrollUp(e);\n } else if (scrollTop - prev > 0 && scrollTop < this.listTranslate + this.list.scrollHeight * 2 / 3) {\n this.localScrollDown(e);\n } else {\n this.scrollNonStrict(e);\n }\n };\n\n VirtualScroll.prototype.validateTranslate = function (translate) {\n translate = Math.max(0, translate);\n translate = Math.min(this.containerHeight - this.list.offsetHeight, translate);\n return translate;\n };\n\n return VirtualScroll;\n}();\n\nexport default VirtualScroll;","import { isPresent } from './utils';\nimport { Keys } from '@progress/kendo-vue-common';\n/**\n * @hidden\n */\nvar Navigation = /** @class */ (function () {\n function Navigation() {\n }\n Navigation.prototype.navigate = function (args) {\n var keyCode = args.keyCode;\n if (keyCode === Keys.up || keyCode === Keys.left) {\n return this.next({ current: args.current, min: args.min, max: args.max, step: -1 });\n }\n else if (keyCode === Keys.down || keyCode === Keys.right) {\n return this.next({ current: args.current, min: args.min, max: args.max, step: 1 });\n }\n else if (keyCode === Keys.home) {\n return 0;\n }\n else if (keyCode === Keys.end) {\n return args.max;\n }\n };\n Navigation.prototype.next = function (args) {\n if (!isPresent(args.current)) {\n return args.min;\n }\n else {\n return Math.min(args.max, Math.max(args.current + args.step, args.min));\n }\n };\n return Navigation;\n}());\nexport { Navigation };\n","/**\n * @hidden\n */\nexport var packageMetadata = {\n name: '@progress/kendo-vue-dropdowns',\n productName: 'Kendo UI for Vue',\n productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],\n publishDate: 1635492884,\n version: '',\n licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'\n};\n","var __assign = this && this.__assign || function () {\n __assign = Object.assign || function (t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n\n for (var p in s) {\n if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n }\n }\n\n return t;\n };\n\n return __assign.apply(this, arguments);\n};\n\nimport VirtualScroll from './VirtualScroll';\nimport { Navigation } from './Navigation';\nimport { scrollToItem, areSame } from './utils';\nimport { guid, validatePackage } from '@progress/kendo-vue-common';\nimport { packageMetadata } from '../package-metadata';\n/**\n * @hidden\n */\n\nvar DropDownBase =\n/** @class */\nfunction () {\n function DropDownBase(component) {\n var _this = this;\n\n this.vs = new VirtualScroll();\n this.navigation = new Navigation();\n\n this.handleItemClick = function (index, event) {\n var state = _this.initState();\n\n state.event = event;\n\n _this.component.handleItemSelect(index, state);\n\n _this.togglePopup(state);\n\n _this.applyState(state);\n };\n\n this.handleFocus = function (event) {\n if (!_this.component.currentFocused) {\n var state = _this.initState(); // @ts-ignore\n\n\n state.data.currentFocused = true;\n state.events.push({\n type: 'focus'\n });\n state.event = event;\n\n _this.applyState(state);\n }\n };\n\n this.filterChanged = function (text, state) {\n // @ts-ignore\n var _a = _this.component.$props,\n textField = _a.textField,\n filterable = _a.filterable;\n\n if (filterable) {\n state.events.push({\n type: 'filterchange',\n filter: {\n field: textField,\n operator: 'contains',\n ignoreCase: true,\n value: text\n }\n });\n }\n };\n\n this.togglePopup = function (state) {\n // @ts-ignore\n var props = _this.component.$props; // @ts-ignore\n\n var opened = props.opened !== undefined ? props.opened : _this.component.currentOpened; // @ts-ignore\n\n if (props.opened === undefined) {\n // @ts-ignore\n state.data.currentOpened = !opened;\n }\n\n if (opened) {\n state.events.push({\n type: 'close'\n });\n } else {\n state.events.push({\n type: 'open'\n });\n\n _this.calculatePopupWidth();\n }\n };\n\n this.pageChange = function (page, event) {\n var state = _this.initState();\n\n state.event = event;\n\n _this.triggerOnPageChange(state, page.skip, page.take);\n\n _this.applyState(state);\n };\n\n this.scrollToVirtualItem = function (virtual, selectedItemIndex) {\n var vs = _this.vs;\n vs.enabled = false;\n\n if (virtual.skip === 0) {\n vs.reset();\n } else if (virtual.skip + virtual.pageSize === virtual.total) {\n vs.scrollToEnd();\n } else {\n var scrollTop = vs.translate;\n\n if (scrollTop === 0) {\n vs.calcScrollElementHeight();\n scrollTop = vs.itemHeight * virtual.skip;\n vs.translateTo(scrollTop - vs.itemHeight);\n }\n\n if (vs.container) {\n vs.container.scrollTop = scrollTop;\n }\n\n _this.scrollToItem(selectedItemIndex, true);\n }\n\n setTimeout(function () {\n return vs.enabled = true;\n }, 10);\n };\n\n validatePackage(packageMetadata);\n this.listBoxId = guid();\n this.guid = guid();\n this.component = component;\n this.vs.PageChange = this.pageChange;\n }\n\n DropDownBase.prototype.didMount = function () {\n // @ts-ignore\n var props = this.component.$props;\n var popupSettings = props.popupSettings || {};\n var style = props.style || {};\n var popupWidth = popupSettings.width;\n var shouldUpdate = props.opened === true;\n\n if (popupWidth === undefined) {\n this.calculatePopupWidth();\n }\n\n if (props.dir === undefined && style.direction === undefined) {\n this.calculateDir();\n shouldUpdate = true;\n }\n\n if (shouldUpdate) {\n // @ts-ignore\n this.component.$forceUpdate();\n }\n };\n\n DropDownBase.prototype.calculateDir = function () {\n if (this.component.element) {\n this.dirCalculated = window.getComputedStyle(this.component.element).direction || undefined;\n }\n };\n\n DropDownBase.prototype.calculatePopupWidth = function () {\n if (this.wrapper) {\n this.popupWidth = this.wrapper.offsetWidth + 'px';\n }\n };\n\n DropDownBase.prototype.scrollToItem = function (itemIndex, vsEnabled) {\n var list = this.list || this.vs.list;\n var item = list ? list.children[0] : undefined;\n\n if (item && itemIndex >= 0) {\n var vs = this.vs;\n var scrollElement = vs.container || list.parentNode;\n var virtualScroll = vsEnabled !== undefined ? vsEnabled : vs.enabled;\n scrollToItem(scrollElement, item.offsetHeight, itemIndex, vs.translate, virtualScroll);\n }\n };\n\n DropDownBase.prototype.initState = function () {\n var state = {\n data: {},\n events: [],\n event: undefined\n };\n return state;\n };\n\n DropDownBase.prototype.applyState = function (state) {\n var _this = this;\n\n if (Object.keys(state.data).length > 0) {\n Object.keys(state.data).forEach(function (key) {\n _this.component[key] = state.data[key];\n });\n } // @ts-ignore\n\n\n var newValue = this.component.computedValue();\n var eventArgs = {\n event: state.event,\n component: this.component,\n target: {\n // @ts-ignore\n name: this.component.$props.name,\n value: newValue\n },\n value: newValue\n };\n state.events.forEach(function (eventData) {\n var type = eventData.type;\n delete eventData.type;\n\n if (type) {\n // @ts-ignore\n _this.component.$emit(type, __assign(__assign({}, eventArgs), eventData));\n\n if (type === 'change') {\n // @ts-ignore\n _this.component.$emit('changemodel', newValue); // @ts-ignore\n\n\n _this.component.$emit('update:modelValue', newValue);\n }\n }\n });\n };\n\n DropDownBase.prototype.triggerOnPageChange = function (state, skip, take) {\n // @ts-ignore\n var virtual = this.component.$props.virtual;\n\n if (virtual) {\n var newSkip = Math.min(Math.max(0, skip), Math.max(0, virtual.total - take));\n\n if (newSkip !== virtual.skip) {\n state.events.push({\n type: 'pagechange',\n page: {\n skip: newSkip,\n take: take\n }\n });\n }\n }\n };\n\n DropDownBase.prototype.triggerPageChangeCornerItems = function (item, state) {\n // @ts-ignore\n var props = this.component.$props;\n var _a = props.dataItems,\n dataItems = _a === void 0 ? [] : _a,\n dataItemKey = props.dataItemKey,\n virtual = props.virtual;\n var opened = props.opened !== undefined ? props.opened : this.component.currentOpened;\n\n if (item && virtual && this.vs.enabled) {\n if (virtual.skip > 0 && areSame(item, dataItems[0], dataItemKey)) {\n this.triggerOnPageChange(state, virtual.skip - 1, virtual.pageSize);\n } else if (!opened && virtual.skip + virtual.pageSize < virtual.total && areSame(item, dataItems[dataItems.length - 1], dataItemKey)) {\n this.triggerOnPageChange(state, virtual.skip + 1, virtual.pageSize);\n }\n }\n };\n\n DropDownBase.defaultProps = {\n popupSettings: {\n animate: true,\n height: '200px'\n },\n required: false,\n validityStyles: true\n };\n return DropDownBase;\n}();\n\nexport default DropDownBase;","var __assign = this && this.__assign || function () {\n __assign = Object.assign || function (t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n\n for (var p in s) {\n if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n }\n }\n\n return t;\n };\n\n return __assign.apply(this, arguments);\n}; // @ts-ignore\n\n\nimport * as Vue from 'vue';\nvar allVue = Vue;\nvar gh = allVue.h;\nvar ref = allVue.ref;\nimport { templateRendering, getListeners, classNames, Keys, guid, noop, getTemplate } from '@progress/kendo-vue-common';\nimport { ListContainer } from '../common/ListContainer';\nimport { ListFilter } from '../common/ListFilter';\nimport { ListDefaultItem } from '../common/ListDefaultItem';\nimport { List } from '../common/List';\nimport DropDownBase from '../common/DropDownBase';\nimport { isPresent, getItemValue, sameCharsOnly, shuffleData, matchText, areSame, preventDefaultNonInputs, getFocusedItem } from '../common/utils';\nvar VALIDATION_MESSAGE = 'Please select a value from the list!';\n/**\n * Represents the default `DropDownList` component.\n */\n\nvar DropDownList = {\n name: 'KendoDropDownList',\n model: {\n event: 'changemodel'\n },\n props: {\n id: String,\n dataItemKey: {\n type: [Object, String]\n },\n defaultValue: {\n type: [String, Object, Number, Boolean],\n default: undefined\n },\n name: String,\n modelValue: {\n type: [String, Object, Number, Boolean],\n default: undefined\n },\n value: {\n type: [String, Object, Number, Boolean],\n default: undefined\n },\n label: {\n type: String\n },\n placeholder: String,\n required: {\n type: Boolean,\n default: false\n },\n valid: {\n type: Boolean,\n default: undefined\n },\n validate: {\n type: Boolean\n },\n validationMessage: {\n type: String,\n default: undefined\n },\n validityStyles: {\n type: Boolean,\n default: true\n },\n delay: {\n type: Number,\n default: 500\n },\n ignoreCase: {\n type: Boolean,\n default: true\n },\n iconClassName: String,\n defaultItem: [Object, String],\n valueRender: [String, Function, Object],\n valueMap: Function,\n opened: {\n type: Boolean,\n default: undefined\n },\n disabled: Boolean,\n dir: {\n type: String,\n default: undefined\n },\n tabIndex: {\n type: Number,\n default: 0\n },\n accessKey: String,\n dataItems: Array,\n textField: String,\n className: String,\n loading: Boolean,\n popupSettings: {\n type: Object,\n default: function _default() {\n return {\n animate: true,\n height: '200px'\n };\n }\n },\n itemRender: [String, Function, Object],\n listNoDataRender: [String, Function, Object],\n focusedItemIndex: Function,\n header: [String, Function, Object],\n footer: [String, Function, Object],\n filterable: Boolean,\n filter: {\n type: String,\n default: undefined\n },\n virtual: {\n type: Object,\n default: undefined\n },\n ariaLabelledBy: String,\n ariaDescribedBy: String\n },\n data: function data() {\n return {\n hasMounted: false,\n currentText: '',\n currentValue: '',\n currentFocused: false,\n currentOpened: false,\n searchState: {\n word: '',\n last: ''\n },\n _skipFocusEvent: false,\n valueDuringOnChange: {},\n _navigated: false\n };\n },\n watch: {\n currentOpened: function currentOpened(_, oldValue) {\n // @ts-ignore\n this.prevCurrentOpened = oldValue;\n },\n opened: function opened(_, oldValue) {\n // @ts-ignore\n this.prevOpened = oldValue;\n },\n value: function value(_, oldValue) {\n // @ts-ignore\n this.prevValue = oldValue;\n },\n currentValue: function currentValue(_, oldValue) {\n // @ts-ignore\n this.prevCurrnetValue = oldValue;\n },\n virtual: function virtual(_newValue, _oldValue) {\n // @ts-ignore\n if (_newValue.total !== _oldValue.total) {\n // @ts-ignore\n this.virtualTotalHasChanged = true;\n } // @ts-ignore\n\n\n this.virtualHasChanged = true;\n }\n },\n created: function created() {\n this.valueDuringOnChange = undefined;\n this.currentText = undefined;\n this.currentValue = undefined;\n this.currentFocused = undefined;\n this.currentOpened = undefined;\n this.base = new DropDownBase(this);\n this.anchor = guid();\n this.inputId = guid();\n },\n // @ts-ignore\n setup: !gh ? undefined : function () {\n var v3 = !!gh;\n var selectRef = ref(null);\n var baseWrapperRef = ref(null);\n var kendoAnchorRef = ref(null);\n return {\n v3: v3,\n selectRef: selectRef,\n baseWrapperRef: baseWrapperRef,\n kendoAnchorRef: kendoAnchorRef\n };\n },\n mounted: function mounted() {\n this.hasMounted = true;\n this.select = this.v3 ? this.selectRef : this.$refs.select;\n this.base.wrapper = this.v3 ? this.baseWrapperRef : this.$refs.baseWrapper;\n this.base.didMount();\n this.setValidity();\n },\n updated: function updated() {\n var _a = this.$props,\n _b = _a.dataItems,\n dataItems = _b === void 0 ? [] : _b,\n dataItemKey = _a.dataItemKey,\n virtual = _a.virtual;\n var opened = this.$props.opened !== undefined ? this.$props.opened : this.currentOpened;\n var prevOpened = this.prevOpened !== undefined ? this.prevOpened : this.prevCurrentOpened;\n var opening = !prevOpened && opened;\n var closing = prevOpened && !opened;\n var list = this.$refs.list;\n var filterInput = this.$refs.filterInput;\n var scrollElement = this.$refs.scrollElement;\n var scroller = this.$refs.scroller;\n\n if (list) {\n // @ts-ignore\n this.base.vs.list = list.list; // @ts-ignore\n\n this.base.list = list.list;\n }\n\n if (scrollElement) {\n this.base.vs.scrollElement = scrollElement;\n }\n\n if (filterInput) {\n this.filterInput = filterInput;\n }\n\n if (scroller) {\n this.base.vs.scrollerRef(scroller);\n }\n\n if (!this.$props.popupSettings.animate) {\n if (opening) {\n this.onPopupOpened();\n } else if (closing) {// this.onPopupClosed();\n }\n } // @ts-ignore\n\n\n if (virtual && this.virtualTotalHasChanged) {\n this.base.vs.calcScrollElementHeight();\n this.base.vs.reset(); // @ts-ignore\n\n this.virtualTotalHasChanged = false;\n } else {\n var selectedItem_1 = this.computedValue();\n var prevSelectedItem = this.prevValue !== undefined ? this.prevValue : this.prevCurrnetValue;\n var selectedItemIndex = dataItems.findIndex(function (i) {\n return areSame(i, selectedItem_1, dataItemKey);\n });\n var selectedItemChanged = !areSame(prevSelectedItem, selectedItem_1, dataItemKey);\n\n if (opening && virtual) {\n this.base.scrollToVirtualItem(virtual, selectedItemIndex);\n this.prevCurrentOpened = true;\n } else if (opening && !virtual) {\n this.base.scrollToItem(selectedItemIndex);\n this.prevCurrentOpened = true;\n } else if (opened && prevOpened && selectedItem_1 && selectedItemChanged && !this._navigated) {\n this.base.scrollToItem(selectedItemIndex);\n } else if (opened && prevOpened && this._navigated) {\n if (this._navigated && virtual && virtual.skip === 0) {\n this.base.vs.reset();\n } else if (this._navigated && virtual && virtual.skip === virtual.total - virtual.pageSize) {\n this.base.vs.scrollToEnd();\n }\n }\n }\n\n this._navigated = false;\n this.setValidity();\n },\n computed: {\n index: {\n get: function get() {\n var _a = this.$props,\n _b = _a.dataItems,\n dataItems = _b === void 0 ? [] : _b,\n dataItemKey = _a.dataItemKey;\n var value = this.computedValue(); // TO DO: deprecate it!\n\n return dataItems.findIndex(function (i) {\n return areSame(i, value, dataItemKey);\n });\n }\n },\n spanClassNames: {\n get: function get() {\n var isValid = !this.hasMounted || !this.$props.validityStyles || this.validity().valid;\n return {\n 'k-textbox-container': true,\n 'k-state-focused': this.currentFocused,\n 'k-state-empty': !this.computedValue(),\n 'k-state-invalid': !isValid && isValid !== undefined,\n 'k-rtl': this.$props.dir === 'rtl'\n };\n }\n }\n },\n methods: {\n focus: function focus() {\n if (this.base.wrapper) {\n this.base.wrapper.focus();\n }\n },\n computedValue: function computedValue() {\n var value;\n\n if (this.valueDuringOnChange !== undefined) {\n value = this.valueDuringOnChange;\n } else if (this.$props.value !== undefined) {\n value = this.$props.value;\n } else if (this.$props.modelValue !== undefined) {\n value = this.$props.modelValue;\n } else if (this.currentValue !== undefined) {\n value = this.currentValue;\n } else if (this.$props.defaultValue !== undefined) {\n value = this.$props.defaultValue;\n }\n\n if (!isPresent(value) && this.$props.defaultItem !== undefined) {\n value = this.$props.defaultItem;\n }\n\n return value;\n },\n validity: function validity() {\n var customError = this.$props.validationMessage !== undefined;\n var isValid = !this.$props.required || this.computedValue() !== null && this.computedValue() !== '' && this.computedValue() !== undefined;\n var valid = this.$props.valid !== undefined ? this.$props.valid : isValid;\n return {\n customError: customError,\n valid: valid,\n valueMissing: this.computedValue() === null\n };\n },\n handleItemSelect: function handleItemSelect(index, state) {\n var _a = this.$props,\n _b = _a.dataItems,\n dataItems = _b === void 0 ? [] : _b,\n virtual = _a.virtual,\n dataItemKey = _a.dataItemKey,\n defaultItem = _a.defaultItem;\n var skip = virtual ? virtual.skip : 0;\n var item = index === -1 && defaultItem !== undefined ? defaultItem : dataItems[index - skip];\n var newSelected = !areSame(item, this.computedValue(), dataItemKey);\n this.triggerOnChange(item, state);\n\n if (newSelected) {\n this.base.triggerPageChangeCornerItems(item, state);\n }\n },\n onNavigate: function onNavigate(state, keyCode) {\n var _a = this.$props,\n _b = _a.dataItems,\n dataItems = _b === void 0 ? [] : _b,\n defaultItem = _a.defaultItem,\n dataItemKey = _a.dataItemKey,\n _c = _a.virtual,\n virtual = _c === void 0 ? {\n skip: 0,\n total: 0,\n pageSize: 0\n } : _c;\n var vs = this.base.vs;\n var value = this.computedValue();\n var index = dataItems.findIndex(function (i) {\n return areSame(i, value, dataItemKey);\n });\n var newIndex = this.base.navigation.navigate({\n current: virtual.skip + index,\n max: (vs.enabled ? virtual.total : dataItems.length) - 1,\n min: defaultItem !== undefined ? -1 : 0,\n keyCode: keyCode\n });\n\n if (newIndex !== undefined) {\n this.handleItemSelect(newIndex, state);\n }\n\n this.applyState(state);\n },\n search: function search(event) {\n var _this = this;\n\n clearTimeout(this.typingTimeout);\n\n if (!this.$props.filterable) {\n this.typingTimeout = setTimeout(function () {\n return _this.searchState.word = '';\n }, this.$props.delay);\n this.selectNext(event);\n }\n },\n selectNext: function selectNext(event) {\n var _this = this;\n\n var _a = this.$props,\n _b = _a.dataItems,\n dataItems = _b === void 0 ? [] : _b,\n dataItemKey = _a.dataItemKey;\n var mappedData = dataItems.map(function (item, idx) {\n return {\n item: item,\n itemIndex: idx\n };\n });\n var word = this.searchState.word;\n var last = this.searchState.last;\n var isInLoop = sameCharsOnly(word, last);\n var dataLength = mappedData.length;\n var startIndex = Math.max(0, dataItems.findIndex(function (i) {\n return areSame(i, _this.computedValue(), dataItemKey);\n }));\n var defaultItem;\n\n if (this.$props.defaultItem) {\n defaultItem = {\n item: this.$props.defaultItem,\n itemIndex: -1\n };\n dataLength += 1;\n startIndex += 1;\n }\n\n startIndex += isInLoop ? 1 : 0;\n mappedData = shuffleData(mappedData, startIndex, defaultItem);\n var text,\n loopMatch,\n nextMatch,\n index = 0;\n var _c = this.$props,\n textField = _c.textField,\n ignoreCase = _c.ignoreCase;\n\n for (; index < dataLength; index++) {\n text = getItemValue(mappedData[index].item, textField);\n loopMatch = isInLoop && matchText(text, last, ignoreCase);\n nextMatch = matchText(text, word, ignoreCase);\n\n if (loopMatch || nextMatch) {\n index = mappedData[index].itemIndex;\n break;\n }\n }\n\n if (index !== dataLength) {\n var state = this.base.initState();\n state.event = event;\n this.handleItemSelect(index, state);\n this.applyState(state);\n this.valueDuringOnChange = undefined;\n }\n },\n handleKeyDown: function handleKeyDown(event) {\n var _a = this.$props,\n _b = _a.dataItems,\n dataItems = _b === void 0 ? [] : _b,\n filterable = _a.filterable,\n disabled = _a.disabled,\n _c = _a.virtual,\n virtual = _c === void 0 ? {\n skip: 0,\n total: 0,\n pageSize: 0\n } : _c;\n var opened = this.$props.opened !== undefined ? this.$props.opened : this.currentOpened;\n var keyCode = event.keyCode;\n var homeOrEndKeys = keyCode === Keys.home || keyCode === Keys.end;\n var upOrDownKeys = keyCode === Keys.up || keyCode === Keys.down;\n var shouldOpen = !opened && (event.altKey && keyCode === Keys.down || keyCode === Keys.enter || keyCode === Keys.space);\n var shouldClose = opened && (event.altKey && keyCode === Keys.up || keyCode === Keys.esc);\n var leftOrRightKeys = keyCode === Keys.left || keyCode === Keys.right;\n var shouldNavigate = upOrDownKeys || !filterable && (leftOrRightKeys || homeOrEndKeys);\n var state = this.base.initState();\n state.event = event;\n\n if (disabled) {\n return;\n } else if (homeOrEndKeys && this.base.vs.enabled) {\n if (keyCode === Keys.home) {\n if (virtual.skip !== 0) {\n this.base.triggerOnPageChange(state, 0, virtual.pageSize);\n this._navigated = true;\n } else {\n this.triggerOnChange(dataItems[0], state);\n }\n } else {\n if (virtual.skip < virtual.total - virtual.pageSize) {\n this.base.triggerOnPageChange(state, virtual.total - virtual.pageSize, virtual.pageSize);\n this._navigated = true;\n } else {\n this.triggerOnChange(dataItems[dataItems.length - 1], state);\n }\n }\n } else if (opened && keyCode === Keys.enter) {\n var focusedIndex = this.focusedIndex();\n\n if (focusedIndex !== undefined) {\n this.handleItemSelect(focusedIndex, state);\n }\n\n this.base.togglePopup(state);\n event.preventDefault();\n } else if (shouldOpen || shouldClose) {\n this.base.togglePopup(state);\n event.preventDefault();\n } else if (shouldNavigate) {\n this.onNavigate(state, keyCode);\n event.preventDefault();\n }\n\n this.applyState(state);\n },\n handleItemClick: function handleItemClick(index, event) {\n this.base.handleItemClick(index, event);\n this.valueDuringOnChange = undefined;\n },\n handleFocus: function handleFocus(event) {\n if (this._skipFocusEvent) {\n return;\n }\n\n this.base.handleFocus(event);\n },\n handleBlur: function handleBlur(event) {\n if (this._skipFocusEvent || !this.currentFocused) {\n return;\n }\n\n var opened = this.$props.opened !== undefined ? this.$props.opened : this.currentOpened;\n var state = this.base.initState();\n state.event = event;\n state.data.currentFocused = false;\n state.events.push({\n type: 'blur'\n });\n\n if (opened) {\n this.base.togglePopup(state);\n }\n\n this.applyState(state);\n },\n handleDefaultItemClick: function handleDefaultItemClick(event) {\n var state = this.base.initState();\n state.event = event;\n this.base.togglePopup(state);\n this.triggerOnChange(this.$props.defaultItem, state);\n this.applyState(state);\n },\n handleWrapperClick: function handleWrapperClick(event) {\n var state = this.base.initState();\n state.event = event;\n\n if (!this.currentFocused) {\n // @ts-ignore\n state.data.currentFocused = true;\n }\n\n this.base.togglePopup(state);\n this.applyState(state);\n },\n handleKeyPress: function handleKeyPress(event) {\n if (this.$props.filterable || event.keyCode === Keys.enter) {\n return;\n }\n\n var character = String.fromCharCode(event.charCode || event.keyCode);\n\n if (this.$props.ignoreCase) {\n character = character.toLowerCase();\n }\n\n if (character === ' ') {\n event.preventDefault();\n }\n\n this.searchState = {\n word: this.searchState.word + character,\n last: this.searchState.last + character\n };\n this.search(event);\n },\n handleListFilterChange: function handleListFilterChange(event) {\n var state = this.base.initState();\n state.event = event;\n\n if (this.$props.filter === undefined) {\n // @ts-ignore\n state.data.currentText = event.target.value;\n }\n\n this.base.filterChanged(event.target.value, state);\n this.applyState(state);\n },\n onPopupOpened: function onPopupOpened() {\n if (this.filterInput) {\n this.focusElement(this.filterInput.input);\n }\n },\n onPopupClosed: function onPopupClosed() {\n var _this = this;\n\n if (this.currentFocused) {\n setTimeout(function () {\n if (_this.currentFocused && _this.base.wrapper) {\n _this.focusElement(_this.base.wrapper);\n }\n });\n }\n },\n focusedIndex: function focusedIndex() {\n var filterText = isPresent(this.$props.filter) ? this.$props.filter : this.currentText;\n var _a = this.$props,\n _b = _a.dataItems,\n dataItems = _b === void 0 ? [] : _b,\n _c = _a.virtual,\n virtual = _c === void 0 ? {\n skip: 0\n } : _c,\n dataItemKey = _a.dataItemKey,\n textField = _a.textField,\n focusedItemIndex = _a.focusedItemIndex;\n var value = this.computedValue();\n var selectedIndex = dataItems.findIndex(function (i) {\n return areSame(i, value, dataItemKey);\n });\n var hasSelected = !(selectedIndex < 0 && !this.$props.defaultItem);\n\n if (!hasSelected && filterText && virtual.skip === 0) {\n return focusedItemIndex ? focusedItemIndex(dataItems, filterText, textField) : dataItems.indexOf(getFocusedItem(dataItems, filterText, textField));\n } else {\n return !hasSelected && virtual.skip === 0 ? 0 : undefined;\n }\n },\n focusElement: function focusElement(element) {\n var _this = this;\n\n this._skipFocusEvent = true;\n element.focus();\n setTimeout(function () {\n return _this._skipFocusEvent = false;\n }, 30);\n },\n setValidity: function setValidity() {\n if (this.select && this.select.setCustomValidity) {\n this.select.setCustomValidity(this.validity().valid ? '' : this.$props.validationMessage || VALIDATION_MESSAGE);\n }\n },\n triggerOnChange: function triggerOnChange(item, state) {\n if (areSame(this.computedValue(), item, this.$props.dataItemKey)) {\n return;\n }\n\n if (this.$props.value === undefined) {\n this.currentValue = item;\n }\n\n this.valueDuringOnChange = item;\n state.events.push({\n type: 'change'\n });\n },\n applyState: function applyState(state) {\n this.base.applyState(state);\n this.valueDuringOnChange = undefined;\n }\n },\n render: function render(createElement) {\n var _this = this;\n\n var h = gh || createElement;\n var _a = this.$props,\n style = _a.style,\n className = _a.className,\n label = _a.label,\n dir = _a.dir,\n _b = _a.virtual,\n virtual = _b === void 0 ? {\n skip: 0\n } : _b;\n var opened = this.$props.opened !== undefined ? this.$props.opened : this.currentOpened;\n var text = getItemValue(this.computedValue(), this.$props.textField);\n var isValid = !this.$props.validityStyles || this.validity().valid;\n var base = this.base;\n var vs = base.vs;\n var id = this.$props.id || this.inputId;\n vs.enabled = this.$props.virtual !== undefined;\n var popupSettings = Object.assign({}, {\n animate: true,\n height: '200px'\n }, this.$props.popupSettings);\n\n var dummySelect = function dummySelect(value) {\n var _this = this;\n /* Dummy component to support forms */\n\n\n return h(\"select\", {\n name: this.$props.name,\n attrs: this.v3 ? undefined : {\n name: this.$props.name,\n id: id,\n tabIndex: -1,\n \"aria-hidden\": true,\n title: this.$props.label\n },\n id: id,\n ref: this.v3 ? function (el) {\n _this.selectRef = el;\n } : 'select',\n tabIndex: -1,\n \"aria-hidden\": true,\n title: this.$props.label,\n style: {\n opacity: 0,\n width: 1,\n border: 0,\n zIndex: -1,\n position: 'absolute',\n left: '50%'\n }\n }, [h(\"option\", {\n value: this.v3 ? this.$props.valueMap ? this.$props.valueMap.call(undefined, value) : value : null,\n domProps: this.v3 ? undefined : {\n \"value\": this.$props.valueMap ? this.$props.valueMap.call(undefined, value) : value\n }\n })]);\n };\n\n var renderDropDownWrapper = function renderDropDownWrapper() {\n var _this = this;\n\n var _a = this.$props,\n dataItemKey = _a.dataItemKey,\n _b = _a.dataItems,\n dataItems = _b === void 0 ? [] : _b,\n disabled = _a.disabled,\n tabIndex = _a.tabIndex,\n loading = _a.loading,\n iconClassName = _a.iconClassName;\n var valueRender = templateRendering.call(this, this.$props.valueRender, getListeners.call(this));\n var focused = this.currentFocused;\n var value = this.computedValue();\n var selectedIndex = dataItems.findIndex(function (i) {\n return areSame(i, value, dataItemKey);\n });\n var valueDefaultRendering = h(\"span\", {\n \"class\": \"k-input\"\n }, [text]);\n var valueElement = getTemplate.call(this, {\n h: h,\n template: valueRender,\n defaultRendering: valueDefaultRendering,\n additionalProps: __assign({\n value: this.computedValue()\n }, this.$data)\n });\n return h(\"span\", {\n ref: this.v3 ? function (el) {\n _this.baseWrapperRef = el;\n } : 'baseWrapper',\n role: 'listbox',\n attrs: this.v3 ? undefined : {\n role: 'listbox',\n tabIndex: disabled ? undefined : tabIndex,\n accessKey: this.$props.accessKey,\n \"aria-disabled\": disabled || undefined,\n \"aria-haspopup\": true,\n \"aria-expanded\": opened || false,\n \"aria-owns\": this.base.listBoxId,\n \"aria-activedescendant\": 'option-' + this.base.guid + '-' + (selectedIndex + virtual.skip),\n \"aria-label\": this.$props.label,\n \"aria-labelledby\": this.$props.ariaLabelledBy,\n \"aria-describedby\": this.$props.ariaDescribedBy\n },\n tabIndex: disabled ? undefined : tabIndex,\n accessKey: this.$props.accessKey,\n \"class\": classNames('k-dropdown-wrap', {\n 'k-state-focused': focused,\n 'k-state-disabled': disabled\n }),\n style: this.$props.style,\n onKeydown: this.handleKeyDown,\n on: this.v3 ? undefined : {\n \"keydown\": this.handleKeyDown,\n \"keypress\": this.handleKeyPress,\n \"click\": disabled ? noop : this.handleWrapperClick\n },\n onKeypress: this.handleKeyPress,\n onClick: disabled ? noop : this.handleWrapperClick,\n \"aria-disabled\": disabled || undefined,\n \"aria-haspopup\": true,\n \"aria-expanded\": opened || false,\n \"aria-owns\": this.base.listBoxId,\n \"aria-activedescendant\": 'option-' + this.base.guid + '-' + (selectedIndex + virtual.skip),\n \"aria-label\": this.$props.label,\n \"aria-labelledby\": this.$props.ariaLabelledBy,\n \"aria-describedby\": this.$props.ariaDescribedBy\n }, [valueElement, h(\"span\", {\n \"class\": \"k-select\"\n }, [h(\"span\", {\n \"class\": classNames('k-icon', iconClassName, {\n 'k-i-arrow-s': !loading && !iconClassName,\n 'k-i-loading': loading && !iconClassName\n })\n })]), dummySelect.call(this, value)]);\n };\n\n var renderDefaultItem = function renderDefaultItem() {\n var _a = this.$props,\n textField = _a.textField,\n defaultItem = _a.defaultItem,\n dataItemKey = _a.dataItemKey;\n return defaultItem !== undefined && // @ts-ignore\n h(ListDefaultItem, {\n defaultItem: defaultItem,\n attrs: this.v3 ? undefined : {\n defaultItem: defaultItem,\n textField: textField,\n selected: areSame(this.computedValue(), defaultItem, dataItemKey)\n },\n textField: textField,\n selected: areSame(this.computedValue(), defaultItem, dataItemKey),\n key: \"defaultitemkey\",\n onDefaultitemclick: this.handleDefaultItemClick,\n on: this.v3 ? undefined : {\n \"defaultitemclick\": this.handleDefaultItemClick\n }\n });\n };\n\n var renderList = function renderList() {\n var _a = this.$props,\n _b = _a.dataItems,\n dataItems = _b === void 0 ? [] : _b,\n textField = _a.textField,\n dataItemKey = _a.dataItemKey;\n var itemRender = templateRendering.call(this, this.$props.itemRender, getListeners.call(this));\n var listNoDataRender = templateRendering.call(this, this.$props.listNoDataRender, getListeners.call(this));\n var skip = virtual.skip;\n var translate = \"translateY(\" + vs.translate + \"px)\";\n return (// @ts-ignore\n h(List, {\n id: this.base.listBoxId,\n attrs: this.v3 ? undefined : {\n id: this.base.listBoxId,\n show: opened,\n dataItems: dataItems.slice(),\n focusedIndex: this.focusedIndex(),\n value: this.computedValue(),\n textField: textField,\n valueField: dataItemKey,\n optionsGuid: this.base.guid,\n wrapperStyle: !vs.enabled ? {\n maxHeight: popupSettings.height\n } : {\n float: 'left',\n width: '100%'\n },\n wrapperCssClass: !vs.enabled ? 'k-list-scroller' : undefined,\n listStyle: vs.enabled ? {\n transform: translate\n } : undefined,\n skip: skip,\n itemRender: itemRender,\n noDataRender: listNoDataRender\n },\n show: opened,\n dataItems: dataItems.slice(),\n focusedIndex: this.focusedIndex(),\n value: this.computedValue(),\n textField: textField,\n valueField: dataItemKey,\n optionsGuid: this.base.guid,\n ref: 'list',\n wrapperStyle: !vs.enabled ? {\n maxHeight: popupSettings.height\n } : {\n float: 'left',\n width: '100%'\n },\n wrapperCssClass: !vs.enabled ? 'k-list-scroller' : undefined,\n listStyle: vs.enabled ? {\n transform: translate\n } : undefined,\n key: \"listkey\",\n skip: skip,\n onListclick: this.handleItemClick,\n on: this.v3 ? undefined : {\n \"listclick\": this.handleItemClick\n },\n itemRender: itemRender,\n noDataRender: listNoDataRender\n })\n );\n };\n\n var renderListFilter = function renderListFilter() {\n var filterText = this.$props.filter !== undefined ? this.$props.filter : this.currentText;\n return this.$props.filterable && // @ts-ignore\n h(ListFilter, {\n value: filterText,\n attrs: this.v3 ? undefined : {\n value: filterText\n },\n ref: 'filterInput',\n onChange: this.handleListFilterChange,\n on: this.v3 ? undefined : {\n \"change\": this.handleListFilterChange,\n \"keydown\": this.handleKeyDown\n },\n onKeydown: this.handleKeyDown\n });\n }; // Common rendering\n\n\n var renderScrollWrapper = function renderScrollWrapper(children) {\n return vs.enabled ? h(\"div\", {\n onScroll: vs.scrollHandler,\n on: this.v3 ? undefined : {\n \"scroll\": vs.scrollHandler\n },\n ref: 'scroller',\n style: {\n height: popupSettings.height,\n overflowY: 'scroll'\n }\n }, [children]) : children;\n };\n\n var renderScrollElement = function renderScrollElement() {\n return vs.enabled && h(\"div\", {\n ref: 'scrollElement',\n key: 'scrollElementKey'\n });\n };\n\n var renderListContainer = function renderListContainer() {\n var _this2 = this;\n\n var headerTemplate = templateRendering.call(this, this.$props.header, getListeners.call(this));\n var footerTemplate = templateRendering.call(this, this.$props.footer, getListeners.call(this));\n var header = getTemplate.call(this, {\n h: h,\n template: headerTemplate\n });\n var footer = getTemplate.call(this, {\n h: h,\n template: footerTemplate\n });\n var popupWidth = popupSettings.width !== undefined ? popupSettings.width : base.popupWidth;\n return (// @ts-ignore function children\n h(ListContainer, {\n onMousedown: preventDefaultNonInputs,\n on: this.v3 ? undefined : {\n \"mousedown\": preventDefaultNonInputs,\n \"open\": this.onPopupOpened,\n \"close\": this.onPopupClosed,\n \"blur\": this.handleBlur\n },\n dir: dir !== undefined ? dir : base.dirCalculated,\n attrs: this.v3 ? undefined : {\n dir: dir !== undefined ? dir : base.dirCalculated,\n width: popupWidth // @ts-ignore\n ,\n popupSettings: {\n className: classNames('k-list-container k-reset', popupSettings.className),\n animate: popupSettings.animate,\n anchor: this.anchor,\n show: opened\n }\n },\n width: popupWidth,\n popupSettings: {\n className: classNames('k-list-container k-reset', popupSettings.className),\n animate: popupSettings.animate,\n anchor: this.anchor,\n show: opened\n },\n onOpen: this.onPopupOpened,\n onClose: this.onPopupClosed,\n onBlur: this.handleBlur\n }, this.v3 ? function () {\n return [renderListFilter.call(_this2), _this2.$props.virtual ? renderDefaultItem.call(_this2) : undefined, _this2.$props.virtual && header, renderScrollWrapper.call(_this2, !_this2.$props.virtual ? [renderDefaultItem.call(_this2), header, renderList.call(_this2), footer, renderScrollElement.call(_this2)] : [renderList.call(_this2), renderScrollElement.call(_this2)]), _this2.$props.virtual && footer];\n } : [renderListFilter.call(_this2), _this2.$props.virtual ? renderDefaultItem.call(_this2) : undefined, _this2.$props.virtual && header, renderScrollWrapper.call(_this2, !_this2.$props.virtual ? [renderDefaultItem.call(_this2), header, renderList.call(_this2), footer, renderScrollElement.call(_this2)] : [renderList.call(_this2), renderScrollElement.call(_this2)]), _this2.$props.virtual && footer])\n );\n };\n\n if (this.$props.virtual !== undefined) {\n base.vs.skip = virtual.skip; // @ts-ignore\n\n base.vs.total = virtual.total; // @ts-ignore\n\n base.vs.pageSize = virtual.pageSize;\n }\n\n var dropdownlist = h(\"span\", {\n ref: this.v3 ? function (el) {\n _this.kendoAnchorRef = el;\n } : this.anchor,\n \"class\": classNames('k-widget k-dropdown', {\n 'k-state-invalid': !isValid\n }, className),\n style: !label ? style : __assign(__assign({}, style), {\n width: undefined\n }),\n dir: dir,\n attrs: this.v3 ? undefined : {\n dir: dir\n },\n onMousedown: opened ? preventDefaultNonInputs : noop,\n on: this.v3 ? undefined : {\n \"mousedown\": opened ? preventDefaultNonInputs : noop,\n \"focusin\": this.handleFocus,\n \"focusout\": this.handleBlur\n },\n onFocusin: this.handleFocus,\n onFocusout: this.handleBlur\n }, [renderDropDownWrapper.call(this), renderListContainer.call(this)]);\n return label ? h(\"span\", {\n \"class\": this.spanClassNames,\n onFocusin: this.handleFocus,\n on: this.v3 ? undefined : {\n \"focusin\": this.handleFocus,\n \"focusout\": this.handleBlur\n },\n onFocusout: this.handleBlur,\n dir: this.$props.dir,\n attrs: this.v3 ? undefined : {\n dir: this.$props.dir\n }\n }, [dropdownlist, this.$props.label ? id ? h(\"label\", {\n \"for\": id,\n attrs: this.v3 ? undefined : {\n \"for\": id\n },\n \"class\": \"k-label\"\n }, [this.$props.label]) : h(\"span\", {\n \"class\": \"k-label\"\n }, [this.$props.label]) : null]) : dropdownlist;\n }\n};\nvar DropDownListVue3 = DropDownList;\nexport { DropDownList, DropDownListVue3 };","// @ts-ignore\nimport * as Vue from 'vue';\nvar allVue = Vue;\nvar gh = allVue.h;\nvar ref = allVue.ref;\nimport { canUseDOM } from '@progress/kendo-vue-common';\n/**\n * Represents the default `SearchBar` component.\n */\n\nvar SearchBar = {\n name: 'search-bar',\n // @ts-ignore\n emits: {\n 'change': null,\n 'keydown': null,\n 'focus': null,\n 'blur': null\n },\n props: {\n value: String,\n id: String,\n placeholder: String,\n tabIndex: Number,\n size: {\n type: Number,\n default: undefined\n },\n suggestedText: String,\n focused: Boolean,\n disabled: Boolean,\n readOnly: Boolean,\n expanded: Boolean,\n owns: String,\n name: String,\n activedescendant: String,\n describedby: String,\n clearButton: Boolean,\n accessKey: String\n },\n data: function data() {\n return {\n prevValue: undefined,\n prevSuggestedText: undefined\n };\n },\n watch: {\n suggestedText: function suggestedText(_, oldValue) {\n this.prevSuggestedText = oldValue;\n },\n value: function value(_, oldValue) {\n this.prevValue = oldValue;\n }\n },\n updated: function updated() {\n var _a = this.$props,\n value = _a.value,\n suggestedText = _a.suggestedText,\n focused = _a.focused;\n\n if (!this.input) {\n this.input = this.$refs.input;\n }\n\n var input = this.input;\n var valueChanged = this.$data.prevValue !== value || suggestedText !== this.prevSuggestedText;\n var deleting = valueChanged && this.$data.prevValue && this.$data.prevValue.startsWith(value) && !(this.$data.prevSuggestedText && suggestedText && this.$data.prevSuggestedText.endsWith(suggestedText));\n\n if (focused && input && canUseDOM && document.activeElement !== input) {\n input.focus();\n }\n\n if (suggestedText && valueChanged && !deleting && input) {\n input.setSelectionRange(value.length - suggestedText.length, value.length);\n }\n },\n // @ts-ignore\n setup: !gh ? undefined : function () {\n var v3 = !!gh;\n var inputRef = ref(null);\n return {\n v3: v3,\n inputRef: inputRef\n };\n },\n mounted: function mounted() {\n this.input = this.v3 ? this.inputRef : this.$refs.input;\n },\n methods: {\n onChange: function onChange(e) {\n this.$emit('change', e);\n },\n onBlur: function onBlur(e) {\n this.$emit('blur', e);\n },\n onFocus: function onFocus(e) {\n this.$emit('focus', e);\n },\n onKeyDown: function onKeyDown(e) {\n this.$emit('keydown', e);\n },\n clearButtonClick: function clearButtonClick(e) {\n this.$emit('clearbuttonclick', e);\n }\n },\n // @ts-ignore\n render: function render(createElement) {\n var _this = this;\n\n var h = gh || createElement;\n var suggestedText = this.$props.suggestedText;\n return h(\"span\", {\n \"class\": \"k-searchbar\",\n key: \"searchbar\"\n }, [h(\"input\", {\n autoComplete: \"off\",\n attrs: this.v3 ? undefined : {\n autoComplete: \"off\",\n id: this.$props.id,\n type: \"text\",\n placeholder: this.$props.placeholder,\n tabIndex: this.$props.tabIndex,\n accessKey: this.$props.accessKey,\n role: \"listbox\",\n name: this.$props.name,\n size: this.$props.size ? this.$props.size : 20,\n \"aria-disabled\": this.$props.disabled || undefined,\n disabled: this.$props.disabled || undefined,\n readOnly: this.$props.readOnly || undefined,\n \"aria-haspopup\": \"listbox\",\n \"aria-expanded\": this.$props.expanded || false,\n \"aria-owns\": this.$props.owns,\n \"aria-activedescendant\": this.$props.activedescendant,\n \"aria-describedby\": this.$props.describedby\n },\n id: this.$props.id,\n type: \"text\",\n placeholder: this.$props.placeholder,\n \"class\": \"k-input\",\n tabIndex: this.$props.tabIndex,\n accessKey: this.$props.accessKey,\n role: \"listbox\",\n name: this.$props.name,\n value: this.v3 ? this.$props.value : null,\n domProps: this.v3 ? undefined : {\n \"value\": this.$props.value\n },\n size: this.$props.size ? this.$props.size : 20,\n onInput: this.onChange,\n on: this.v3 ? undefined : {\n \"input\": this.onChange,\n \"keydown\": this.onKeyDown,\n \"focusin\": this.onFocus,\n \"blur\": this.onBlur\n },\n ref: this.v3 ? function (el) {\n _this.inputRef = el;\n } : 'input',\n onKeydown: this.onKeyDown,\n onFocusin: this.onFocus,\n onBlur: this.onBlur,\n \"aria-disabled\": this.$props.disabled || undefined,\n disabled: this.$props.disabled || undefined,\n readOnly: this.$props.readOnly || undefined,\n \"aria-haspopup\": \"listbox\",\n \"aria-expanded\": this.$props.expanded || false,\n \"aria-owns\": this.$props.owns,\n \"aria-activedescendant\": this.$props.activedescendant,\n \"aria-describedby\": this.$props.describedby\n })]);\n }\n};\nvar SearchBarVue3 = SearchBar;\nexport { SearchBar, SearchBarVue3 };","// @ts-ignore\nimport * as Vue from 'vue';\nvar allVue = Vue;\nvar gh = allVue.h;\nvar inject = allVue.inject;\nimport { provideLocalizationService } from '@progress/kendo-vue-intl';\nimport { messages, clear } from '../messages';\n/**\n * Represents the default `ClearButton` component.\n */\n\nvar ClearButton = {\n name: 'clear-button',\n inject: {\n kendoLocalizationService: {\n default: null\n }\n },\n // @ts-ignore\n setup: !gh ? undefined : function () {\n var v3 = !!gh;\n var kendoLocalizationService = inject('kendoLocalizationService', {});\n return {\n v3: v3,\n kendoLocalizationService: kendoLocalizationService\n };\n },\n methods: {\n onMouseDown: function onMouseDown(e) {\n e.preventDefault();\n },\n onClickHandler: function onClickHandler(e) {\n this.$emit('clearclick', e);\n }\n },\n // @ts-ignore\n render: function render(createElement) {\n var h = gh || createElement;\n var title = provideLocalizationService(this).toLanguageString(clear, messages[clear]);\n return h(\"span\", {\n \"class\": \"k-icon k-clear-value k-i-close\",\n role: \"button\",\n attrs: this.v3 ? undefined : {\n role: \"button\",\n tabIndex: -1,\n title: title\n },\n onClick: this.onClickHandler,\n on: this.v3 ? undefined : {\n \"click\": this.onClickHandler,\n \"mousedown\": this.onMouseDown\n },\n onMousedown: this.onMouseDown,\n tabIndex: -1,\n title: title,\n key: \"clearbutton\"\n });\n }\n};\nvar ClearButtonVue3 = ClearButton;\nexport { ClearButton, ClearButtonVue3 };","var __assign = this && this.__assign || function () {\n __assign = Object.assign || function (t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n\n for (var p in s) {\n if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n }\n }\n\n return t;\n };\n\n return __assign.apply(this, arguments);\n}; // @ts-ignore\n\n\nimport * as Vue from 'vue';\nvar allVue = Vue;\nvar gh = allVue.h;\nvar ref = allVue.ref;\nimport DropDownBase from '../common/DropDownBase';\nimport { guid, classNames, Keys, templateRendering, getListeners, getTemplate } from '@progress/kendo-vue-common';\nimport { areSame, itemIndexStartsWith, getItemIndexByText, getItemValue, isPresent, suggestValue as _suggestValue } from '../common/utils';\nimport { SearchBar } from '../common/SearchBar';\nimport { ListContainer } from '../common/ListContainer';\nimport { List } from '../common/List';\nimport { ClearButton } from '../common/ClearButton';\nvar VALIDATION_MESSAGE = 'Please enter a valid value!';\n/**\n * Represents the default `ComboBox` component.\n */\n\nvar ComboBox = {\n name: 'KendoComboBox',\n model: {\n event: 'changemodel'\n },\n // @ts-ignore\n emits: {\n 'changemodel': null,\n 'update:modelValue': null,\n 'filterchange': null,\n change: null,\n focus: null,\n blur: null,\n open: null,\n close: null\n },\n props: {\n id: String,\n dataItemKey: {\n type: [Object, String]\n },\n defaultValue: {\n type: [String, Object, Number, Boolean],\n default: undefined\n },\n name: String,\n modelValue: {\n type: [String, Object, Number, Boolean],\n default: undefined\n },\n value: {\n type: [String, Object, Number, Boolean],\n default: undefined\n },\n label: {\n type: String\n },\n placeholder: String,\n required: {\n type: Boolean,\n default: false\n },\n valid: {\n type: Boolean,\n default: undefined\n },\n validationMessage: {\n type: String,\n default: undefined\n },\n validityStyles: {\n type: Boolean,\n default: true\n },\n iconClassName: String,\n opened: {\n type: Boolean,\n default: undefined\n },\n disabled: Boolean,\n dir: {\n type: String,\n default: undefined\n },\n tabIndex: {\n type: Number,\n default: 0\n },\n accessKey: String,\n dataItems: Array,\n textField: String,\n className: String,\n loading: Boolean,\n popupSettings: {\n type: Object,\n default: function _default() {\n return {\n animate: true,\n height: '200px'\n };\n }\n },\n itemRender: [String, Function, Object],\n listNoDataRender: [String, Function, Object],\n focusedItemIndex: Function,\n header: [String, Function, Object],\n footer: [String, Function, Object],\n filterable: Boolean,\n filter: {\n type: String,\n default: undefined\n },\n virtual: {\n type: Object,\n default: undefined\n },\n suggest: {\n type: Boolean,\n default: false\n },\n allowCustom: {\n type: Boolean,\n default: false\n },\n clearButton: {\n type: Boolean,\n default: true\n },\n ariaLabelledBy: String,\n ariaDescribedBy: String\n },\n data: function data() {\n return {\n hasMounted: false,\n currentText: '',\n currentValue: '',\n currentFocused: false,\n currentOpened: false,\n searchState: {\n word: '',\n last: ''\n },\n _skipFocusEvent: false,\n valueDuringOnChange: {},\n _navigated: false,\n suggested: ''\n };\n },\n created: function created() {\n this.valueDuringOnChange = undefined;\n this.currentText = undefined;\n this.currentValue = undefined;\n this.currentFocused = undefined;\n this.currentOpened = undefined;\n this.base = new DropDownBase(this);\n this.anchor = guid();\n this.inputId = guid();\n },\n // @ts-ignore\n setup: !gh ? undefined : function () {\n var v3 = !!gh;\n var inputRef = ref(null);\n var elementRef = ref(null);\n var kendoAnchorRef = ref(null);\n return {\n v3: v3,\n inputRef: inputRef,\n elementRef: elementRef,\n kendoAnchorRef: kendoAnchorRef\n };\n },\n mounted: function mounted() {\n this.hasMounted = true; // @ts-ignore\n\n this.input = this.v3 ? this.inputRef.input : this.$refs.input.input;\n this.base.wrapper = this.v3 ? this.baseWrapperRef : this.$refs.baseWrapper;\n this.element = this.v3 ? this.elementRef : this.$refs.element;\n this.base.didMount();\n this.setValidity();\n },\n updated: function updated() {\n var _a = this.$props,\n _b = _a.dataItems,\n dataItems = _b === void 0 ? [] : _b,\n dataItemKey = _a.dataItemKey,\n virtual = _a.virtual;\n var opened = this.$props.opened !== undefined ? this.$props.opened : this.currentOpened;\n var prevOpened = this.prevOpened !== undefined ? this.prevOpened : this.prevCurrentOpened;\n var opening = !prevOpened && opened;\n var closing = prevOpened && !opened;\n var list = this.$refs.list;\n var scrollElement = this.$refs.scrollElement;\n var scroller = this.$refs.scroller;\n var selectedItem = this.computedValue();\n this.valueOnDidUpdate = selectedItem;\n\n if (list) {\n // @ts-ignore\n this.base.vs.list = list.list; // @ts-ignore\n\n this.base.list = list.list;\n }\n\n if (scrollElement) {\n this.base.vs.scrollElement = scrollElement;\n }\n\n if (scroller) {\n this.base.vs.scrollerRef(scroller);\n } // @ts-ignore\n\n\n if (virtual && this.virtualTotalHasChanged) {\n this.base.vs.calcScrollElementHeight();\n this.base.vs.reset();\n this.virtualTotalHasChanged = false;\n } else {\n var prevSelectedItem = this.prevValue !== undefined ? this.prevValue : this.prevCurrentValue;\n var selectedItemIndex = dataItems.findIndex(function (i) {\n return areSame(i, selectedItem, dataItemKey);\n });\n var selectedItemChanged = !areSame(prevSelectedItem, selectedItem, dataItemKey);\n\n if (opening && virtual) {\n this.base.scrollToVirtualItem(virtual, selectedItemIndex);\n this.prevCurrentOpened = true;\n } else if (opening && !virtual) {\n this.base.scrollToItem(selectedItemIndex);\n this.prevCurrentOpened = true;\n } else if (opened && prevOpened && selectedItem && selectedItemChanged) {\n this.base.scrollToItem(selectedItemIndex);\n }\n }\n\n if (opening && this.input) {\n this.input.focus();\n }\n\n this.setValidity();\n },\n watch: {\n currentOpened: function currentOpened(_, oldValue) {\n this.prevCurrentOpened = oldValue;\n },\n opened: function opened(_, oldValue) {\n this.prevOpened = oldValue;\n },\n value: function value(_, oldValue) {\n this.prevValue = oldValue;\n },\n currentValue: function currentValue(_, oldValue) {\n this.prevCurrentValue = oldValue;\n },\n virtual: function virtual(_newValue, _oldValue) {\n if (_newValue.total !== _oldValue.total) {\n this.virtualTotalHasChanged = true;\n }\n\n this.virtualHasChanged = true;\n }\n },\n computed: {\n index: {\n get: function get() {\n var _a = this.$props,\n _b = _a.dataItems,\n dataItems = _b === void 0 ? [] : _b,\n dataItemKey = _a.dataItemKey;\n var value = this.computedValue(); // TO DO: deprecate it!\n\n return dataItems.findIndex(function (i) {\n return areSame(i, value, dataItemKey);\n });\n }\n },\n spanClassNames: {\n get: function get() {\n var isValid = !this.hasMounted || !this.$props.validityStyles || this.validity().valid;\n return {\n 'k-textbox-container': true,\n 'k-state-focused': this.currentFocused,\n 'k-state-empty': !this.computedValue(),\n 'k-state-invalid': !isValid && isValid !== undefined,\n 'k-rtl': this.$props.dir === 'rtl'\n };\n }\n }\n },\n methods: {\n focus: function focus() {\n if (this.input) {\n this.input.focus();\n }\n },\n computedValue: function computedValue() {\n var value;\n\n if (this.valueDuringOnChange !== undefined) {\n value = this.valueDuringOnChange;\n } else if (this.$props.value !== undefined) {\n value = this.$props.value;\n } else if (this.$props.modelValue !== undefined) {\n value = this.$props.modelValue;\n } else if (this.currentValue !== undefined) {\n value = this.currentValue;\n } else if (this.$props.defaultValue !== undefined) {\n value = this.$props.defaultValue;\n }\n\n return value;\n },\n validity: function validity() {\n var customError = this.$props.validationMessage !== undefined;\n var isValid = !this.$props.required || this.computedValue() !== null && this.computedValue() !== '' && this.computedValue() !== undefined;\n var valid = this.$props.valid !== undefined ? this.$props.valid : isValid;\n return {\n customError: customError,\n valid: valid,\n valueMissing: this.computedValue() === null\n };\n },\n handleItemSelect: function handleItemSelect(index, state) {\n var _a = this.$props,\n _b = _a.dataItems,\n dataItems = _b === void 0 ? [] : _b,\n virtual = _a.virtual,\n dataItemKey = _a.dataItemKey;\n var skip = virtual ? virtual.skip : 0;\n var item = dataItems[index - skip];\n var newSelected = !areSame(item, this.computedValue(), dataItemKey);\n this.triggerOnChange(item, state);\n\n if (this.currentText !== undefined) {\n // @ts-ignore\n state.data.currentText = undefined;\n }\n\n if (newSelected) {\n this.base.triggerPageChangeCornerItems(item, state);\n }\n },\n onNavigate: function onNavigate(state, keyCode) {\n var _a = this.$props,\n _b = _a.dataItems,\n dataItems = _b === void 0 ? [] : _b,\n _c = _a.virtual,\n virtual = _c === void 0 ? {\n skip: 0\n } : _c;\n var text = this.$props.filter ? this.$props.filter : this.currentText;\n var focusedIndex = this.getFocusedIndex();\n var vs = this.base.vs;\n var value = this.computedValue();\n this.suggested = '';\n\n if (focusedIndex !== -1 && !isPresent(value)) {\n this.handleItemSelect(focusedIndex, state);\n } else if (text === '') {\n this.handleItemSelect(0, state);\n } else {\n var currentIndex = virtual.skip + focusedIndex;\n var newIndex = this.base.navigation.navigate({\n keyCode: keyCode,\n current: currentIndex,\n max: (vs.enabled ? vs.total : dataItems.length) - 1,\n min: 0\n });\n\n if (newIndex !== undefined) {\n this.handleItemSelect(newIndex, state);\n }\n }\n },\n toggleBtnClick: function toggleBtnClick(event) {\n var state = this.base.initState();\n state.event = event;\n this.base.togglePopup(state);\n this.applyState(state);\n },\n applyValueOnEnter: function applyValueOnEnter(value, state) {\n var _a;\n\n var _b = this.$props,\n _c = _b.dataItems,\n dataItems = _c === void 0 ? [] : _c,\n textField = _b.textField,\n allowCustom = _b.allowCustom;\n var opened = this.$props.opened !== undefined ? this.$props.opened : this.currentOpened;\n var currentValueText = getItemValue(this.computedValue(), textField);\n var valueIndex = currentValueText === value ? this.index : getItemIndexByText(dataItems, value, textField);\n var itemSelected = valueIndex !== -1;\n var newSelected = undefined;\n this.suggested = '';\n\n if (itemSelected) {\n // typed text match item from list\n newSelected = dataItems[valueIndex];\n } else {\n if (allowCustom) {\n // any custom text not in list\n newSelected = textField !== undefined ? (_a = {}, _a[textField] = value, _a) : value;\n } else {\n return this.selectFocusedItem(value, state);\n }\n }\n\n this.triggerOnChange(newSelected, state);\n\n if (opened) {\n this.base.togglePopup(state);\n }\n\n if (this.$props.filter === undefined && this.currentText !== undefined) {\n // @ts-ignore\n state.data.currentText = undefined;\n }\n\n this.applyState(state);\n },\n applyValueOnRejectSuggestions: function applyValueOnRejectSuggestions(text, state) {\n var _a;\n\n var _b = this.$props,\n _c = _b.dataItems,\n dataItems = _c === void 0 ? [] : _c,\n textField = _b.textField,\n allowCustom = _b.allowCustom;\n var opened = this.$props.opened !== undefined ? this.$props.opened : this.currentOpened;\n var valueItemText = getItemValue(this.computedValue(), textField);\n this.suggested = '';\n\n if (text === valueItemText || text === '' && !isPresent(valueItemText)) {\n if (opened) {\n this.base.togglePopup(state);\n }\n\n return this.applyState(state);\n }\n\n var valueIndex = getItemIndexByText(dataItems, text, textField, true);\n var itemSelected = valueIndex !== -1;\n var newSelected = null;\n\n if (itemSelected) {\n newSelected = dataItems[valueIndex];\n } else if (allowCustom) {\n newSelected = text ? textField ? (_a = {}, _a[textField] = text, _a) : text : null;\n }\n\n this.triggerOnChange(newSelected, state);\n\n if (this.currentText !== undefined) {\n // @ts-ignore\n state.data.currentText = undefined;\n this.base.filterChanged('', state);\n }\n\n if (opened) {\n this.base.togglePopup(state);\n }\n\n this.applyState(state);\n },\n selectFocusedItem: function selectFocusedItem(text, state) {\n var opened = this.$props.opened !== undefined ? this.$props.opened : this.currentOpened;\n var _a = this.$props,\n _b = _a.dataItems,\n dataItems = _b === void 0 ? [] : _b,\n textField = _a.textField,\n _c = _a.virtual,\n virtual = _c === void 0 ? {\n skip: 0\n } : _c,\n _d = _a.focusedItemIndex,\n focusedItemIndex = _d === void 0 ? itemIndexStartsWith : _d;\n var skip = virtual.skip;\n var focusedIndex = text === '' && skip === 0 ? 0 : focusedItemIndex(dataItems, text, textField);\n\n if (focusedIndex !== -1) {\n this.handleItemSelect(focusedIndex + skip, state);\n } else {\n this.triggerOnChange(null, state);\n\n if (this.currentText !== undefined) {\n // @ts-ignore\n state.data.currentText = undefined;\n }\n }\n\n if (opened) {\n this.base.togglePopup(state);\n }\n\n return this.applyState(state);\n },\n handleItemClick: function handleItemClick(index, event) {\n this.base.handleItemClick(index, event);\n this.valueDuringOnChange = undefined;\n },\n handleFocus: function handleFocus(event) {\n this.$emit('focus', event);\n },\n handleBlur: function handleBlur(event) {\n if (this.currentFocused) {\n var state = this.base.initState();\n state.data.currentFocused = false;\n state.events.push({\n type: 'blur'\n });\n state.event = event;\n this.applyValueOnRejectSuggestions(event.currentTarget.value, state);\n }\n },\n onInputKeyDown: function onInputKeyDown(event) {\n var _this = this;\n\n var keyCode = event.keyCode;\n var opened = this.$props.opened !== undefined ? this.$props.opened : this.currentOpened;\n var state = this.base.initState();\n state.event = event;\n\n if (!event.altKey && (keyCode === Keys.up || keyCode === Keys.down)) {\n event.preventDefault();\n this.onNavigate(state, keyCode);\n this.applyState(state);\n return;\n }\n\n var togglePopup = function togglePopup() {\n event.preventDefault();\n\n _this.base.togglePopup(state);\n\n _this.applyState(state);\n };\n\n if (opened) {\n if (event.altKey && keyCode === Keys.up) {\n togglePopup();\n } else if (keyCode === Keys.enter) {\n event.preventDefault();\n this.applyValueOnEnter(event.currentTarget.value, state);\n } else if (keyCode === Keys.esc) {\n this.applyValueOnRejectSuggestions(event.currentTarget.value, state);\n }\n } else if (event.altKey && keyCode === Keys.down) {\n togglePopup();\n }\n },\n inputOnChange: function inputOnChange(event) {\n var state = this.base.initState();\n state.event = event;\n var opened = this.$props.opened !== undefined ? this.$props.opened : this.currentOpened;\n var input = event.currentTarget;\n var value = input.value;\n\n if (this.$props.suggest) {\n var selectionAtEnd = input.selectionEnd === value.length;\n var prevText = this.$props.filter !== undefined ? this.$props.filter : this.currentText;\n\n if (!isPresent(prevText)) {\n prevText = getItemValue(this.computedValue(), this.$props.textField) || '';\n }\n\n var deletedSuggestion = prevText && prevText === value;\n var deleting = prevText && prevText.length > value.length;\n\n if (deletedSuggestion || deleting || !selectionAtEnd) {\n this.suggested = '';\n } else {\n this.suggestValue(value);\n }\n }\n\n if (this.$props.filter === undefined) {\n // @ts-ignore\n state.data.currentText = value;\n }\n\n if (this.currentFocusedItem !== undefined) {\n // @ts-ignore\n state.data.focusedItem = undefined;\n }\n\n if (!opened) {\n this.base.togglePopup(state);\n }\n\n this.base.filterChanged(value, state);\n this.applyState(state);\n },\n clearButtonClick: function clearButtonClick(event) {\n var state = this.base.initState();\n state.event = event;\n event.stopPropagation();\n this.suggested = '';\n this.base.filterChanged('', state);\n\n if (this.$props.filter === undefined && this.currentText !== undefined) {\n // @ts-ignore\n state.data.currentText = undefined;\n }\n\n this.triggerOnChange(null, state);\n var opened = this.$props.opened !== undefined ? this.$props.opened : this.currentOpened;\n\n if (opened) {\n this.base.togglePopup(state);\n }\n\n this.applyState(state);\n },\n getFocusedIndex: function getFocusedIndex() {\n var value = this.computedValue();\n var _a = this.$props,\n _b = _a.dataItems,\n dataItems = _b === void 0 ? [] : _b,\n textField = _a.textField,\n dataItemKey = _a.dataItemKey,\n _c = _a.virtual,\n virtual = _c === void 0 ? {\n skip: 0\n } : _c,\n _d = _a.focusedItemIndex,\n focusedItemIndex = _d === void 0 ? itemIndexStartsWith : _d;\n var text = this.$props.filter ? this.$props.filter : this.currentText;\n\n if (isPresent(value) && text === undefined) {\n return dataItems.findIndex(function (i) {\n return areSame(i, value, dataItemKey);\n });\n } else if (text) {\n return focusedItemIndex(dataItems, text, textField);\n } else {\n return virtual.skip === 0 ? 0 : -1;\n }\n },\n suggestValue: function suggestValue(value) {\n var _a = this.$props,\n dataItems = _a.dataItems,\n textField = _a.textField;\n this.suggested = _suggestValue(value, dataItems, textField);\n },\n setValidity: function setValidity() {\n if (this.input && this.input.setCustomValidity) {\n this.input.setCustomValidity(this.validity().valid ? '' : this.$props.validationMessage || VALIDATION_MESSAGE);\n }\n },\n triggerOnChange: function triggerOnChange(item, state) {\n var value = this.computedValue();\n\n if (!isPresent(value) && !isPresent(item) || areSame(value, item, this.$props.dataItemKey)) {\n return;\n }\n\n if (this.$props.value === undefined) {\n this.currentValue = item;\n }\n\n this.valueDuringOnChange = item;\n state.events.push({\n type: 'change'\n });\n },\n applyState: function applyState(state) {\n this.base.applyState(state);\n this.valueDuringOnChange = undefined;\n }\n },\n render: function render(createElement) {\n var _this = this;\n\n var h = gh || createElement;\n var _a = this.$props,\n dir = _a.dir,\n disabled = _a.disabled,\n clearButton = _a.clearButton,\n label = _a.label,\n textField = _a.textField,\n className = _a.className,\n style = _a.style,\n loading = _a.loading,\n iconClassName = _a.iconClassName,\n virtual = _a.virtual;\n var focused = this.currentFocused;\n var isValid = !this.$props.validityStyles || this.validity().valid;\n var text = this.$props.filter !== undefined ? this.$props.filter : this.currentText;\n var selectedItemText = getItemValue(this.computedValue(), textField);\n var inputText = isPresent(text) ? text : selectedItemText;\n var renderClearButton = clearButton && (!!inputText || isPresent(this.computedValue()));\n var base = this.base;\n var vs = base.vs;\n var id = this.$props.id || this.inputId;\n var popupSettings = Object.assign({}, {\n animate: true,\n height: '200px'\n }, this.$props.popupSettings);\n vs.enabled = virtual !== undefined;\n\n if (virtual !== undefined) {\n vs.skip = virtual.skip;\n vs.total = virtual.total;\n vs.pageSize = virtual.pageSize;\n }\n\n var renderList = function renderList() {\n var _a = this.$props,\n dataItemKey = _a.dataItemKey,\n _b = _a.dataItems,\n dataItems = _b === void 0 ? [] : _b;\n var itemRender = templateRendering.call(this, this.$props.itemRender, getListeners.call(this));\n var listNoDataRender = templateRendering.call(this, this.$props.listNoDataRender, getListeners.call(this));\n\n if (!virtual) {\n virtual = {\n skip: 0\n };\n }\n\n var skip = virtual.skip;\n var opened = this.$props.opened !== undefined ? this.$props.opened : this.currentOpened;\n var translate = \"translateY(\" + vs.translate + \"px)\";\n var focusedIndex = opened ? this.getFocusedIndex() : undefined;\n var value = isPresent(text) && text !== selectedItemText ? null : this.computedValue();\n return (// @ts-ignore\n h(List, {\n id: base.listBoxId,\n attrs: this.v3 ? undefined : {\n id: base.listBoxId,\n show: opened,\n dataItems: dataItems,\n focusedIndex: focusedIndex,\n value: value,\n textField: textField,\n valueField: dataItemKey,\n optionsGuid: base.guid,\n wrapperStyle: !vs.enabled ? {\n maxHeight: popupSettings.height\n } : {\n float: 'left',\n width: '100%'\n },\n wrapperCssClass: !vs.enabled ? 'k-list-scroller' : undefined,\n listStyle: vs.enabled ? {\n transform: translate\n } : undefined,\n skip: skip,\n itemRender: itemRender,\n noDataRender: listNoDataRender\n },\n show: opened,\n dataItems: dataItems,\n focusedIndex: focusedIndex,\n value: value,\n textField: textField,\n valueField: dataItemKey,\n optionsGuid: base.guid,\n ref: 'list',\n wrapperStyle: !vs.enabled ? {\n maxHeight: popupSettings.height\n } : {\n float: 'left',\n width: '100%'\n },\n wrapperCssClass: !vs.enabled ? 'k-list-scroller' : undefined,\n listStyle: vs.enabled ? {\n transform: translate\n } : undefined,\n key: \"listkey\",\n skip: skip,\n onListclick: this.handleItemClick,\n on: this.v3 ? undefined : {\n \"listclick\": this.handleItemClick\n },\n itemRender: itemRender,\n noDataRender: listNoDataRender\n })\n );\n }; // Common rendering\n\n\n var renderScrollWrapper = function renderScrollWrapper(children) {\n return vs.enabled ? h(\"div\", {\n onScroll: vs.scrollHandler,\n on: this.v3 ? undefined : {\n \"scroll\": vs.scrollHandler\n },\n ref: 'scroller',\n style: {\n height: popupSettings.height,\n overflowY: 'scroll'\n }\n }, [children]) : children;\n };\n\n var renderScrollElement = function renderScrollElement() {\n return vs.enabled && h(\"div\", {\n ref: 'scrollElement',\n key: 'scrollElementKey'\n });\n };\n\n var renderListContainer = function renderListContainer() {\n var _this2 = this;\n\n var headerTemplate = templateRendering.call(this, this.$props.header, getListeners.call(this));\n var footerTemplate = templateRendering.call(this, this.$props.footer, getListeners.call(this));\n var header = getTemplate.call(this, {\n h: h,\n template: headerTemplate\n });\n var footer = getTemplate.call(this, {\n h: h,\n template: footerTemplate\n });\n var opened = this.$props.opened !== undefined ? this.$props.opened : this.currentOpened;\n var popupWidth = popupSettings.width !== undefined ? popupSettings.width : base.popupWidth;\n return (// @ts-ignore function children\n h(ListContainer, {\n onMousedown: function onMousedown(e) {\n return e.preventDefault();\n },\n on: this.v3 ? undefined : {\n \"mousedown\": function onMousedown(e) {\n return e.preventDefault();\n }\n },\n width: popupWidth,\n attrs: this.v3 ? undefined : {\n width: popupWidth,\n popupSettings: {\n animate: popupSettings.animate,\n anchor: this.anchor,\n show: opened,\n className: classNames('k-list-container k-reset', popupSettings.className),\n appendTo: popupSettings.appendTo\n },\n dir: dir !== undefined ? dir : this.base.dirCalculated\n },\n popupSettings: {\n animate: popupSettings.animate,\n anchor: this.anchor,\n show: opened,\n className: classNames('k-list-container k-reset', popupSettings.className),\n appendTo: popupSettings.appendTo\n },\n dir: dir !== undefined ? dir : this.base.dirCalculated\n }, this.v3 ? function () {\n return [header, renderScrollWrapper.call(_this2, [renderList.call(_this2), renderScrollElement.call(_this2)]), footer];\n } : [header, renderScrollWrapper.call(_this2, [renderList.call(_this2), renderScrollElement.call(_this2)]), footer])\n );\n };\n\n var renderSearchBar = function renderSearchBar(searchText, searchId) {\n var _this = this;\n\n var _a = this.$props,\n placeholder = _a.placeholder,\n tabIndex = _a.tabIndex,\n _b = _a.dataItems,\n dataItems = _b === void 0 ? [] : _b,\n dataItemKey = _a.dataItemKey;\n\n if (!virtual) {\n virtual = {\n skip: 0\n };\n }\n\n var opened = this.$props.opened !== undefined ? this.$props.opened : this.currentOpened;\n var value = this.computedValue();\n var selectedIndex = Math.max(0, dataItems.findIndex(function (i) {\n return areSame(i, value, dataItemKey);\n }));\n\n if (this.suggested && !areSame(this.valueOnDidUpdate, value, dataItemKey)) {\n this.suggested = '';\n }\n\n return (// @ts-ignore function children\n h(SearchBar, {\n id: searchId,\n attrs: this.v3 ? undefined : {\n id: searchId,\n placeholder: placeholder,\n tabIndex: tabIndex || undefined,\n accessKey: this.$props.accessKey,\n value: searchText + this.suggested,\n suggestedText: this.suggested,\n disabled: disabled,\n expanded: opened,\n owns: this.base.listBoxId,\n activedescendant: this.base.guid + '-' + (selectedIndex + virtual.skip),\n ariaLabelledBy: this.$props.ariaLabelledBy,\n ariaDescribedBy: this.$props.ariaDescribedBy\n },\n placeholder: placeholder,\n tabIndex: tabIndex || undefined,\n accessKey: this.$props.accessKey,\n value: searchText + this.suggested,\n suggestedText: this.suggested,\n ref: this.v3 ? function (el) {\n _this.inputRef = el;\n } : 'input',\n onKeydown: this.onInputKeyDown,\n on: this.v3 ? undefined : {\n \"keydown\": this.onInputKeyDown,\n \"change\": this.inputOnChange,\n \"focus\": this.base.handleFocus,\n \"blur\": this.handleBlur\n },\n onChange: this.inputOnChange,\n onFocus: this.base.handleFocus,\n onBlur: this.handleBlur,\n disabled: disabled,\n expanded: opened,\n owns: this.base.listBoxId,\n activedescendant: this.base.guid + '-' + (selectedIndex + virtual.skip),\n ariaLabelledBy: this.$props.ariaLabelledBy,\n ariaDescribedBy: this.$props.ariaDescribedBy\n })\n );\n };\n\n var combobox = h(\"span\", {\n \"class\": classNames('k-widget k-combobox', {\n 'k-combobox-clearable': clearButton,\n 'k-state-invalid': !isValid\n }, className),\n ref: this.v3 ? function (el) {\n _this.kendoAnchorRef = el;\n } : this.anchor,\n style: !label ? style : __assign(__assign({}, style), {\n width: undefined\n }),\n dir: dir,\n attrs: this.v3 ? undefined : {\n dir: dir\n }\n }, [h(\"span\", {\n ref: this.v3 ? function (el) {\n _this.baseWrapperRef = el;\n } : 'baseWrapper',\n \"class\": classNames('k-dropdown-wrap', {\n 'k-state-disabled': disabled,\n 'k-state-focused': focused && !disabled\n })\n }, [renderSearchBar.call(this, inputText || '', id), renderClearButton && // @ts-ignore function children\n h(ClearButton, {\n onClearclick: this.clearButtonClick,\n on: this.v3 ? undefined : {\n \"clearclick\": this.clearButtonClick\n },\n key: \"clearbutton\"\n }), h(\"span\", {\n \"class\": \"k-select\",\n onClick: this.toggleBtnClick,\n on: this.v3 ? undefined : {\n \"click\": this.toggleBtnClick,\n \"mousedown\": function mousedown(e) {\n return e.preventDefault();\n }\n },\n onMousedown: function mousedown(e) {\n return e.preventDefault();\n }\n }, [h(\"span\", {\n \"class\": classNames('k-icon', iconClassName, {\n 'k-i-arrow-s': !loading && !iconClassName,\n 'k-i-loading': loading && !iconClassName\n })\n })])]), renderListContainer.call(this)]);\n return label ? h(\"span\", {\n \"class\": this.spanClassNames,\n onFocusin: this.handleFocus,\n on: this.v3 ? undefined : {\n \"focusin\": this.handleFocus\n },\n dir: this.$props.dir,\n attrs: this.v3 ? undefined : {\n dir: this.$props.dir\n }\n }, [combobox, this.$props.label ? id ? h(\"label\", {\n \"for\": id,\n attrs: this.v3 ? undefined : {\n \"for\": id\n },\n \"class\": \"k-label\"\n }, [this.$props.label]) : h(\"span\", {\n \"class\": \"k-label\"\n }, [this.$props.label]) : null]) : combobox;\n }\n};\nvar ComboBoxVue3 = ComboBox;\nexport { ComboBox, ComboBoxVue3 };","var __assign = this && this.__assign || function () {\n __assign = Object.assign || function (t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n\n for (var p in s) {\n if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n }\n }\n\n return t;\n };\n\n return __assign.apply(this, arguments);\n}; // @ts-ignore\n\n\nimport * as Vue from 'vue';\nvar allVue = Vue;\nvar gh = allVue.h;\nvar ref = allVue.ref;\nimport { SearchBar } from './../common/SearchBar';\nimport { ListContainer } from './../common/ListContainer';\nimport { List } from './../common/List';\nimport DropDownBase from '../common/DropDownBase';\nimport { ClearButton } from '../common/ClearButton';\nimport { itemIndexStartsWith, getItemValue, areSame, getFocusedItem } from '../common/utils';\nimport { guid, Keys, classNames, templateRendering, getListeners, getTemplate } from '@progress/kendo-vue-common';\nvar VALIDATION_MESSAGE = 'Please enter a valid value!';\n/**\n * Represents the default `AutoComplete` component.\n */\n\nvar AutoComplete = {\n name: 'KendoAutoComplete',\n model: {\n event: 'changemodel'\n },\n props: {\n id: String,\n defaultValue: {\n type: [String],\n default: undefined\n },\n name: String,\n modelValue: {\n type: [String],\n default: undefined\n },\n value: {\n type: [String],\n default: undefined\n },\n label: {\n type: String\n },\n placeholder: String,\n required: {\n type: Boolean,\n default: false\n },\n valid: {\n type: Boolean,\n default: undefined\n },\n validationMessage: {\n type: String,\n default: undefined\n },\n validityStyles: {\n type: Boolean,\n default: true\n },\n opened: {\n type: Boolean,\n default: undefined\n },\n disabled: Boolean,\n dir: {\n type: String,\n default: undefined\n },\n tabIndex: {\n type: Number,\n default: 0\n },\n readonly: Boolean,\n accessKey: String,\n dataItems: Array,\n textField: String,\n className: String,\n loading: Boolean,\n popupSettings: {\n type: Object,\n default: function _default() {\n return {\n animate: true,\n height: '200px'\n };\n }\n },\n itemRender: [String, Function, Object],\n listNoDataRender: [String, Function, Object],\n focusedItemIndex: Function,\n header: [String, Function, Object],\n footer: [String, Function, Object],\n suggest: {\n type: [Boolean, String],\n default: false\n },\n ariaLabelledBy: String,\n ariaDescribedBy: String\n },\n data: function data() {\n return {\n hasMounted: false,\n currentText: '',\n currentValue: '',\n currentFocused: false,\n currentOpened: false,\n focusedItem: undefined,\n searchState: {\n word: '',\n last: ''\n },\n valueDuringOnChange: {},\n suggested: ''\n };\n },\n created: function created() {\n this.valueDuringOnChange = undefined;\n this.currentText = undefined;\n this.currentValue = undefined;\n this.currentFocused = undefined;\n this.currentOpened = undefined;\n this.base = new DropDownBase(this);\n this.anchor = guid();\n this.inputId = guid();\n },\n // @ts-ignore\n setup: !gh ? undefined : function () {\n var v3 = !!gh;\n var inputRef = ref(null);\n var kendoAnchorRef = ref(null);\n return {\n v3: v3,\n inputRef: inputRef,\n kendoAnchorRef: kendoAnchorRef\n };\n },\n mounted: function mounted() {\n this.hasMounted = true; // @ts-ignore\n\n this.input = this.v3 ? this.inputRef.input : this.$refs.input.input;\n this.base.wrapper = this.v3 ? this.kendoAnchorRef : this.$refs[this.anchor];\n this.element = this.v3 ? this.kendoAnchorRef : this.$refs[this.anchor];\n this.base.didMount();\n this.setValidity();\n },\n watch: {\n currentOpened: function currentOpened(_, oldValue) {\n this.prevCurrentOpened = oldValue;\n },\n opened: function opened(_, oldValue) {\n this.prevOpened = oldValue;\n },\n dataItems: function dataItems(_, oldValue) {\n this.prevData = oldValue;\n },\n focusedItem: function focusedItem(_, oldValue) {\n this.prevFocusedItem = oldValue;\n }\n },\n updated: function updated() {\n var _a = this.$props.dataItems,\n dataItems = _a === void 0 ? [] : _a;\n var focusedIndex = this.focusedIndex();\n var focusedItem = dataItems[focusedIndex];\n var dataChanged = this.prevData !== dataItems;\n var focusedItemChanged = focusedItem !== undefined && this.prevFocusedItem !== focusedItem;\n var opened = this.$props.opened !== undefined ? this.$props.opened : this.currentOpened;\n var prevOpened = this.prevOpened !== undefined ? this.prevOpened : this.prevCurrentOpened;\n var opening = !prevOpened && opened;\n var list = this.$refs.list;\n\n if (list) {\n // @ts-ignore\n this.base.vs.list = list.list; // @ts-ignore\n\n this.base.list = list.list;\n }\n\n if (dataItems.length && (opened && (focusedItemChanged || dataChanged) || opening)) {\n this.base.scrollToItem(focusedIndex);\n }\n\n this.setValidity();\n },\n computed: {\n spanClassNames: {\n get: function get() {\n var isValid = !this.hasMounted || !this.$props.validityStyles || this.validity().valid;\n return {\n 'k-textbox-container': true,\n 'k-state-focused': this.currentFocused,\n 'k-state-empty': !this.computedValue(),\n 'k-state-invalid': !isValid && isValid !== undefined,\n 'k-rtl': this.$props.dir === 'rtl'\n };\n }\n }\n },\n methods: {\n focus: function focus() {\n if (this.input) {\n this.input.focus();\n }\n },\n computedValue: function computedValue() {\n var value;\n\n if (this.valueDuringOnChange !== undefined) {\n value = this.valueDuringOnChange;\n } else if (this.$props.value !== undefined) {\n value = this.$props.value;\n } else if (this.$props.modelValue !== undefined) {\n value = this.$props.modelValue;\n } else if (this.currentValue !== undefined) {\n value = this.currentValue;\n } else if (this.$props.defaultValue !== undefined) {\n value = this.$props.defaultValue;\n }\n\n return value;\n },\n validity: function validity() {\n var customError = this.$props.validationMessage !== undefined;\n var isValid = !this.$props.required || this.computedValue() !== null && this.computedValue() !== '' && this.computedValue() !== undefined;\n var valid = this.$props.valid !== undefined ? this.$props.valid : isValid;\n return {\n customError: customError,\n valid: valid,\n valueMissing: this.computedValue() === null\n };\n },\n handleItemSelect: function handleItemSelect(index, state) {\n var _a = this.$props.dataItems,\n dataItems = _a === void 0 ? [] : _a;\n var newText = getItemValue(dataItems[index], this.$props.textField);\n this.triggerOnChange(newText, state);\n },\n itemFocus: function itemFocus(index, state) {\n var _a = this.$props,\n _b = _a.dataItems,\n dataItems = _b === void 0 ? [] : _b,\n textField = _a.textField;\n var focusedItem = dataItems[index];\n\n if (!areSame(this.$data.focusedItem, focusedItem, textField)) {\n state.data.focusedItem = focusedItem;\n }\n },\n togglePopup: function togglePopup(state) {\n this.base.togglePopup(state);\n },\n onNavigate: function onNavigate(state, keyCode) {\n var _this = this;\n\n var typedText = this.computedValue();\n var _a = this.$props,\n _b = _a.dataItems,\n dataItems = _b === void 0 ? [] : _b,\n textField = _a.textField,\n focusedItemIndex = _a.focusedItemIndex;\n var focusedIndex = this.$data.focusedItem !== undefined ? dataItems.findIndex(function (i) {\n return areSame(i, _this.$data.focusedItem, textField);\n }) : focusedItemIndex ? focusedItemIndex(dataItems, typedText, textField) : dataItems.indexOf(getFocusedItem(dataItems, typedText, textField));\n var newFocused = this.base.navigation.navigate({\n keyCode: keyCode,\n current: focusedIndex,\n max: dataItems.length - 1,\n min: 0\n });\n\n if (newFocused !== undefined) {\n this.itemFocus(newFocused, state);\n }\n\n this.applyState(state);\n },\n\n /**\n * @hidden\n */\n applyInputValue: function applyInputValue(value, state, eventKey) {\n var opened = this.$props.opened !== undefined ? this.$props.opened : this.currentOpened;\n var _a = this.$props,\n _b = _a.dataItems,\n dataItems = _b === void 0 ? [] : _b,\n textField = _a.textField;\n this.suggested = '';\n\n if (opened && eventKey === Keys.enter) {\n var newValue = getItemValue(dataItems[this.focusedIndex(value)], textField);\n this.triggerOnChange(newValue, state);\n }\n\n if (opened) {\n this.togglePopup(state);\n }\n\n this.applyState(state);\n },\n setValidity: function setValidity() {\n if (this.input && this.input.setCustomValidity) {\n this.input.setCustomValidity(this.validity().valid ? '' : this.$props.validationMessage || VALIDATION_MESSAGE);\n }\n },\n handleItemClick: function handleItemClick(index, event) {\n this.base.handleItemClick(index, event);\n this.valueDuringOnChange = undefined;\n },\n onChangeHandler: function onChangeHandler(event) {\n var base = this.base;\n var state = base.initState();\n var input = event.target;\n var value = input.value;\n var selectionAtEnd = input.selectionEnd === value.length;\n state.event = event;\n var prevSuggestion = this.suggested;\n var prevValue = this.computedValue();\n var prevUserInput = prevValue && prevSuggestion && prevValue.substring(0, prevValue.length - prevSuggestion.length);\n var deletedSuggestion = prevUserInput && prevUserInput === value;\n var deleting = prevUserInput && prevUserInput.length > value.length;\n var suggest = this.$props.suggest;\n var opened = this.$props.opened !== undefined ? this.$props.opened : this.currentOpened;\n\n if (suggest !== undefined && suggest !== false) {\n if (deletedSuggestion || deleting || !selectionAtEnd) {\n this.suggested = '';\n } else {\n this.suggestValue(value);\n }\n\n var newValue = value + this.suggested;\n var suggestion = {\n userInput: value,\n value: this.suggested\n };\n this.triggerOnChange(newValue, state, {\n suggestion: suggestion\n });\n } else {\n this.suggested = '';\n this.triggerOnChange(value, state);\n }\n\n if (!opened && value || opened && !value) {\n this.togglePopup(state);\n }\n\n state.data.focusedItem = undefined;\n this.applyState(state);\n },\n clearButtonClick: function clearButtonClick(event) {\n var base = this.base;\n var state = base.initState();\n var opened = this.$props.opened !== undefined ? this.$props.opened : this.currentOpened;\n state.event = event;\n var newValue = '';\n this.suggested = '';\n this.triggerOnChange(newValue, state);\n\n if (this.$data.focusedItem !== undefined) {\n state.data.focusedItem = undefined;\n }\n\n if (opened) {\n this.togglePopup(state);\n }\n\n this.applyState(state);\n },\n onInputKeyDown: function onInputKeyDown(event) {\n var keyCode = event.keyCode;\n var opened = this.$props.opened !== undefined ? this.$props.opened : this.currentOpened;\n var state = this.base.initState();\n state.event = event;\n\n var preventDefault = function preventDefault() {\n if (opened) {\n event.preventDefault();\n }\n };\n\n if (keyCode === Keys.enter || keyCode === Keys.esc) {\n preventDefault();\n this.applyInputValue(event.currentTarget.value, state, event.keyCode);\n } else if (keyCode === Keys.up || keyCode === Keys.down) {\n preventDefault();\n this.onNavigate(state, keyCode);\n }\n },\n handleBlur: function handleBlur(event) {\n if (this.currentFocused) {\n var state = this.base.initState();\n state.data.focused = false;\n state.events.push({\n type: 'blur'\n });\n state.event = event;\n this.applyInputValue(event.currentTarget.value, state);\n this.currentFocused = false;\n }\n },\n triggerOnChange: function triggerOnChange(newValue, state, eventArgs) {\n if (this.computedValue() === newValue && !eventArgs) {\n return;\n } // @ts-ignore\n\n\n state.data.currentValue = newValue;\n this.valueDuringOnChange = newValue;\n state.events.push(__assign({\n type: 'change'\n }, eventArgs || {}));\n },\n applyState: function applyState(state) {\n this.base.applyState(state);\n this.valueDuringOnChange = undefined;\n },\n suggestValue: function suggestValue(value) {\n this.suggested = '';\n\n if (value) {\n var _a = this.$props,\n _b = _a.dataItems,\n dataItems = _b === void 0 ? [] : _b,\n textField = _a.textField;\n var suggestedItem = dataItems[itemIndexStartsWith(dataItems, value, textField)];\n\n if (suggestedItem) {\n var suggestedText = getItemValue(suggestedItem, textField);\n\n if (value.toLowerCase() !== suggestedText.toLowerCase()) {\n this.suggested = suggestedText.substring(value.length);\n }\n }\n }\n },\n focusedIndex: function focusedIndex(value) {\n var _this = this;\n\n var _a = this.$props,\n _b = _a.dataItems,\n dataItems = _b === void 0 ? [] : _b,\n textField = _a.textField,\n focusedItemIndex = _a.focusedItemIndex;\n var inputValue = value !== undefined ? value : this.computedValue();\n return this.$data.focusedItem !== undefined ? dataItems.findIndex(function (i) {\n return areSame(i, _this.$data.focusedItem, textField);\n }) : focusedItemIndex ? focusedItemIndex(dataItems, inputValue, textField) : Math.max(0, dataItems.indexOf(getFocusedItem(dataItems, inputValue, textField)));\n }\n },\n render: function render(createElement) {\n var _this = this;\n\n var h = gh || createElement;\n var _a = this.$props,\n dir = _a.dir,\n disabled = _a.disabled,\n label = _a.label,\n className = _a.className,\n style = _a.style,\n loading = _a.loading,\n suggest = _a.suggest;\n var isValid = !this.$props.validityStyles || this.validity().valid;\n var focused = this.currentFocused;\n var base = this.base;\n var value = this.computedValue();\n var clearButton = !loading && !!value;\n var id = this.$props.id || this.inputId;\n var popupSettings = Object.assign({}, {\n animate: true,\n height: '200px'\n }, this.$props.popupSettings);\n\n if (typeof suggest === 'string') {\n this.suggested = suggest;\n }\n\n var renderSearchBar = function renderSearchBar(searchValue, searchId) {\n var _this = this;\n\n var _a = this.$props,\n placeholder = _a.placeholder,\n tabIndex = _a.tabIndex,\n readonly = _a.readonly;\n var opened = this.$props.opened !== undefined ? this.$props.opened : this.currentOpened;\n return (// @ts-ignore function children\n h(SearchBar, {\n id: searchId,\n attrs: this.v3 ? undefined : {\n id: searchId,\n placeholder: placeholder,\n tabIndex: tabIndex || undefined,\n accessKey: this.$props.accessKey,\n value: searchValue,\n suggestedText: this.suggested,\n focused: focused,\n name: this.$props.name,\n disabled: disabled,\n readOnly: readonly,\n expanded: opened,\n owns: base.listBoxId,\n activedescendant: 'option-' + base.guid + '-' + this.focusedIndex(),\n ariaLabelledBy: this.$props.ariaLabelledBy,\n ariaDescribedBy: this.$props.ariaDescribedBy\n },\n placeholder: placeholder,\n tabIndex: tabIndex || undefined,\n accessKey: this.$props.accessKey,\n value: searchValue,\n suggestedText: this.suggested,\n focused: focused,\n name: this.$props.name,\n ref: this.v3 ? function (el) {\n _this.inputRef = el;\n } : 'input',\n onKeydown: this.onInputKeyDown,\n on: this.v3 ? undefined : {\n \"keydown\": this.onInputKeyDown,\n \"change\": this.onChangeHandler,\n \"focus\": base.handleFocus,\n \"blur\": this.handleBlur,\n \"clearbuttonclick\": this.clearButtonClick\n },\n onChange: this.onChangeHandler,\n onFocus: base.handleFocus,\n onBlur: this.handleBlur,\n disabled: disabled,\n readOnly: readonly,\n expanded: opened,\n owns: base.listBoxId,\n activedescendant: 'option-' + base.guid + '-' + this.focusedIndex(),\n onClearbuttonclick: this.clearButtonClick,\n ariaLabelledBy: this.$props.ariaLabelledBy,\n ariaDescribedBy: this.$props.ariaDescribedBy\n })\n );\n };\n\n var renderList = function renderList() {\n var _a = this.$props,\n textField = _a.textField,\n _b = _a.dataItems,\n dataItems = _b === void 0 ? [] : _b;\n var itemRender = templateRendering.call(this, this.$props.itemRender, getListeners.call(this));\n var listNoDataRender = templateRendering.call(this, this.$props.listNoDataRender, getListeners.call(this));\n var opened = this.$props.opened !== undefined ? this.$props.opened : this.currentOpened;\n return (// @ts-ignore\n h(List, {\n id: base.listBoxId,\n attrs: this.v3 ? undefined : {\n id: base.listBoxId,\n show: opened,\n dataItems: dataItems.slice(),\n focusedIndex: this.focusedIndex(),\n value: value,\n textField: textField,\n valueField: textField,\n highlightSelected: false,\n optionsGuid: base.guid,\n wrapperStyle: {\n maxHeight: popupSettings.height\n },\n wrapperCssClass: \"k-list-scroller\",\n itemRender: itemRender,\n noDataRender: listNoDataRender\n },\n show: opened,\n dataItems: dataItems.slice(),\n focusedIndex: this.focusedIndex(),\n value: value,\n textField: textField,\n valueField: textField,\n highlightSelected: false,\n optionsGuid: base.guid,\n ref: 'list',\n wrapperStyle: {\n maxHeight: popupSettings.height\n },\n wrapperCssClass: \"k-list-scroller\",\n onListclick: this.handleItemClick,\n on: this.v3 ? undefined : {\n \"listclick\": this.handleItemClick\n },\n itemRender: itemRender,\n noDataRender: listNoDataRender\n })\n );\n };\n\n var renderListContainer = function renderListContainer() {\n var _this2 = this;\n\n var headerTemplate = templateRendering.call(this, this.$props.header, getListeners.call(this));\n var footerTemplate = templateRendering.call(this, this.$props.footer, getListeners.call(this));\n var header = getTemplate.call(this, {\n h: h,\n template: headerTemplate\n });\n var footer = getTemplate.call(this, {\n h: h,\n template: footerTemplate\n });\n var opened = this.$props.opened !== undefined ? this.$props.opened : this.currentOpened;\n var popupWidth = popupSettings.width !== undefined ? popupSettings.width : base.popupWidth;\n return (// @ts-ignore function children\n h(ListContainer, {\n onMousedown: function onMousedown(e) {\n return e.preventDefault();\n },\n on: this.v3 ? undefined : {\n \"mousedown\": function onMousedown(e) {\n return e.preventDefault();\n }\n },\n width: popupWidth,\n attrs: this.v3 ? undefined : {\n width: popupWidth,\n popupSettings: {\n animate: popupSettings.animate,\n anchor: this.anchor,\n show: opened,\n className: classNames('k-list-container k-reset', popupSettings.className),\n appendTo: popupSettings.appendTo\n },\n dir: dir !== undefined ? dir : this.base.dirCalculated\n },\n ref: 'container',\n popupSettings: {\n animate: popupSettings.animate,\n anchor: this.anchor,\n show: opened,\n className: classNames('k-list-container k-reset', popupSettings.className),\n appendTo: popupSettings.appendTo\n },\n dir: dir !== undefined ? dir : this.base.dirCalculated\n }, this.v3 ? function () {\n return [header, renderList.call(_this2), footer];\n } : [header, renderList.call(_this2), footer])\n );\n };\n\n var renderClearButton = function renderClearButton(cbutton) {\n if (cbutton) {\n // @ts-ignore function children\n return h(ClearButton, {\n onClearclick: this.clearButtonClick,\n on: this.v3 ? undefined : {\n \"clearclick\": this.clearButtonClick\n },\n key: \"clearbutton\"\n });\n }\n\n return h(\"span\");\n };\n\n var renderLoading = function renderLoading(cloading) {\n if (cloading) {\n return h(\"span\", {\n \"class\": \"k-icon k-i-loading\"\n });\n }\n\n return h(\"span\");\n };\n\n var autoComplete = h(\"span\", {\n \"class\": classNames('k-widget k-autocomplete', className, {\n 'k-state-disabled': disabled,\n 'k-state-focused': focused && !disabled,\n 'k-state-invalid': !isValid\n }),\n ref: this.v3 ? function (el) {\n _this.kendoAnchorRef = el;\n } : this.anchor,\n style: !label ? style : __assign(__assign({}, style), {\n width: undefined\n }),\n dir: dir,\n attrs: this.v3 ? undefined : {\n dir: dir\n }\n }, [renderSearchBar.call(this, value || '', id), renderClearButton.call(this, clearButton), renderLoading.call(this, loading), renderListContainer.call(this)]);\n return label ? h(\"span\", {\n \"class\": this.spanClassNames,\n dir: this.$props.dir,\n attrs: this.v3 ? undefined : {\n dir: this.$props.dir\n }\n }, [autoComplete, this.$props.label ? id ? h(\"label\", {\n \"for\": id,\n attrs: this.v3 ? undefined : {\n \"for\": id\n },\n \"class\": \"k-label\"\n }, [this.$props.label]) : h(\"span\", {\n \"class\": \"k-label\"\n }, [this.$props.label]) : null]) : autoComplete;\n }\n};\nvar AutoCompleteVue3 = AutoComplete;\nexport { AutoComplete, AutoCompleteVue3 };","var __assign = this && this.__assign || function () {\n __assign = Object.assign || function (t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n\n for (var p in s) {\n if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n }\n }\n\n return t;\n };\n\n return __assign.apply(this, arguments);\n}; // @ts-ignore\n\n\nimport { getTemplate } from '@progress/kendo-vue-common';\nimport * as Vue from 'vue';\nvar allVue = Vue;\nvar gh = allVue.h;\nvar ref = allVue.ref;\nvar tagClassName = 'k-button';\nvar focusedTagClassName = tagClassName + ' k-state-focused';\n\nvar preventDefault = function preventDefault(event) {\n return event.preventDefault();\n};\n\nvar stopPropagation = function stopPropagation(event) {\n return event.stopPropagation();\n};\n/**\n * Represents the default `TagList` component.\n */\n\n\nvar TagList = {\n name: 'TagList',\n props: {\n dataItems: Array,\n guid: String,\n focused: Object,\n tagRender: [String, Function, Object]\n },\n // @ts-ignore\n setup: !gh ? undefined : function () {\n var v3 = !!gh;\n return {\n v3: v3\n };\n },\n methods: {\n onTagDelete: function onTagDelete(tagData, event) {\n this.$emit('tagdelete', tagData, event);\n }\n },\n render: function render(createElement) {\n var h = gh || createElement;\n var _a = this.$props,\n dataItems = _a.dataItems,\n guid = _a.guid;\n return h(\"ul\", {\n \"class\": \"k-reset\",\n role: \"listbox\",\n attrs: this.v3 ? undefined : {\n role: \"listbox\",\n id: 'tagslist-' + guid\n },\n id: 'tagslist-' + guid\n }, [dataItems.map(function (tagData, index) {\n var _this = this;\n\n var defaultRendering = h(\"li\", {\n \"class\": tagData === this.$props.focused ? focusedTagClassName : tagClassName,\n key: tagData.text + index,\n id: \"tag-\" + guid + \"-\" + tagData.text.replace(/\\s+/g, '-'),\n attrs: this.v3 ? undefined : {\n id: \"tag-\" + guid + \"-\" + tagData.text.replace(/\\s+/g, '-'),\n \"aria-selected\": true,\n role: \"option\",\n \"aria-setsize\": dataItems.length\n },\n onMousedown: preventDefault,\n on: this.v3 ? undefined : {\n \"mousedown\": preventDefault,\n \"click\": stopPropagation\n },\n onClick: stopPropagation,\n \"aria-selected\": true,\n role: \"option\",\n \"aria-setsize\": dataItems.length\n }, [h(\"span\", [tagData.text]), h(\"span\", {\n \"aria-label\": \"delete\",\n attrs: this.v3 ? undefined : {\n \"aria-label\": \"delete\"\n },\n \"class\": \"k-select\",\n onClick: function onClick(e) {\n return _this.onTagDelete(tagData.data, e);\n },\n on: this.v3 ? undefined : {\n \"click\": function onClick(e) {\n return _this.onTagDelete(tagData.data, e);\n }\n }\n }, [h(\"span\", {\n \"class\": \"k-icon k-i-close\"\n })])]);\n return getTemplate.call(this, {\n h: h,\n template: this.$props.tagRender,\n defaultRendering: defaultRendering,\n additionalProps: __assign(__assign({}, this.$props), {\n tagData: tagData,\n index: index\n }),\n additionalListeners: {\n tagdelete: this.onTagDelete\n }\n });\n }, this)]);\n }\n};\nexport { TagList };","var __assign = this && this.__assign || function () {\n __assign = Object.assign || function (t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n\n for (var p in s) {\n if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n }\n }\n\n return t;\n };\n\n return __assign.apply(this, arguments);\n};\n\nvar __spreadArrays = this && this.__spreadArrays || function () {\n for (var s = 0, i = 0, il = arguments.length; i < il; i++) {\n s += arguments[i].length;\n }\n\n for (var r = Array(s), k = 0, i = 0; i < il; i++) {\n for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++) {\n r[k] = a[j];\n }\n }\n\n return r;\n}; // @ts-ignore\n\n\nimport * as Vue from 'vue';\nvar allVue = Vue;\nvar gh = allVue.h;\nvar ref = allVue.ref;\nimport { classNames, Keys, guid, templateRendering, getListeners, getTemplate } from '@progress/kendo-vue-common';\nimport { ListContainer } from '../common/ListContainer';\nimport { List } from '../common/List';\nimport { TagList } from './TagList';\nimport { SearchBar } from '../common/SearchBar';\nimport DropDownBase from '../common/DropDownBase';\nimport { ClearButton } from '../common/ClearButton';\nimport { ActiveDescendant } from './../common/settings';\nimport { itemIndexStartsWith, getItemValue, areSame, matchDataCollections, removeDataItems, isPresent, preventDefaultNonInputs } from '../common/utils';\nvar VALIDATION_MESSAGE = 'Please enter a valid value!';\n\nvar preventDefault = function preventDefault(event) {\n return event.preventDefault();\n};\n\nvar matchTags = function matchTags(tag1, tag2, key) {\n if (!!tag1 !== !!tag2 || tag1.text !== tag2.text) {\n return false;\n }\n\n return tag1 === tag2 || matchDataCollections(tag1.data, tag2.data, key);\n};\n\nvar isCustom = function isCustom(type) {\n return type === FocusedItemType.CustomItem;\n};\n\nvar FocusedItemType;\n\n(function (FocusedItemType) {\n FocusedItemType[FocusedItemType[\"None\"] = 0] = \"None\";\n FocusedItemType[FocusedItemType[\"ListItem\"] = 1] = \"ListItem\";\n FocusedItemType[FocusedItemType[\"CustomItem\"] = 2] = \"CustomItem\";\n})(FocusedItemType || (FocusedItemType = {}));\n/**\n * Represents the default `MultiSelect` component.\n */\n\n\nvar MultiSelect = {\n name: 'KendoMultiSelect',\n model: {\n event: 'changemodel'\n },\n props: {\n autoClose: {\n type: Boolean,\n default: true\n },\n allowCustom: Boolean,\n modelValue: Array,\n opened: {\n type: Boolean,\n default: undefined\n },\n disabled: Boolean,\n dir: String,\n tabIndex: {\n type: Number,\n default: 0\n },\n accessKey: String,\n dataItems: Array,\n textField: String,\n label: String,\n loading: Boolean,\n name: String,\n value: Array,\n defaultValue: Array,\n dataItemKey: String,\n placeholder: String,\n tags: Array,\n required: {\n type: Boolean,\n default: false\n },\n valid: {\n type: Boolean,\n default: undefined\n },\n validate: {\n type: Boolean\n },\n validationMessage: {\n type: String,\n default: undefined\n },\n validityStyles: {\n type: Boolean,\n default: true\n },\n tagRender: [String, Function, Object],\n id: String,\n popupSettings: {\n type: Object,\n default: function _default() {\n return {\n animate: true,\n height: '200px'\n };\n }\n },\n itemRender: [String, Function, Object],\n listNoDataRender: [String, Function, Object],\n focusedItemIndex: Function,\n virtual: {\n type: Object,\n default: undefined\n },\n header: [String, Function, Object],\n footer: [String, Function, Object],\n filterable: Boolean,\n filter: {\n type: String,\n default: undefined\n },\n ariaLabelledBy: String,\n ariaDescribedBy: String\n },\n // @ts-ignore\n setup: !gh ? undefined : function () {\n var v3 = !!gh;\n var inputRef = ref(null);\n var kendoAnchorRef = ref(null);\n return {\n v3: v3,\n inputRef: inputRef,\n kendoAnchorRef: kendoAnchorRef\n };\n },\n computed: {\n spanClassNames: {\n get: function get() {\n var isValid = !this.hasMounted || !this.$props.validityStyles || this.validity().valid;\n var editorValue = this.currentText || getItemValue(this.computedValue()[0], this.$props.textField);\n return {\n 'k-textbox-container': true,\n 'k-state-focused': this.currentFocused,\n 'k-state-empty': !(editorValue && editorValue !== 0),\n 'k-state-invalid': !isValid && isValid !== undefined,\n 'k-rtl': this.$props.dir === 'rtl'\n };\n }\n }\n },\n created: function created() {\n this.valuesItemsDuringOnChange = null;\n this._tags = [];\n this._skipFocusEvent = false;\n this.scrollToFocused = false;\n this.base = new DropDownBase(this);\n this.anchor = guid();\n this.inputId = guid();\n },\n data: function data() {\n return {\n hasMounted: false,\n currentText: '',\n currentValue: '',\n currentFocused: false,\n currentOpened: false,\n currentFocusedIndex: undefined,\n currentFocusedTag: undefined,\n searchState: {\n word: '',\n last: ''\n },\n suggested: '',\n activedescendant: ActiveDescendant.PopupList\n };\n },\n watch: {\n currentOpened: function currentOpened(_, oldValue) {\n this.prevCurrentOpened = oldValue;\n },\n opened: function opened(_, oldValue) {\n this.prevOpened = oldValue;\n },\n virtual: function virtual(_newValue, _oldValue) {\n if (_newValue.total !== _oldValue.total) {\n this.virtualTotalHasChanged = true;\n }\n }\n },\n updated: function updated() {\n var virtual = this.$props.virtual;\n var skip = virtual ? virtual.skip : 0;\n var opened = this.$props.opened !== undefined ? this.$props.opened : this.currentOpened;\n var prevOpened = this.prevOpened !== undefined ? this.prevOpened : this.prevCurrentOpened;\n var opening = !prevOpened && opened;\n var closing = prevOpened && !opened;\n var popupSettings = Object.assign({}, {\n animate: true,\n height: '200px'\n }, this.$props.popupSettings);\n var list = this.$refs.list;\n var scrollElement = this.$refs.scrollElement;\n var scroller = this.$refs.scroller;\n\n if (list) {\n // @ts-ignore\n this.base.vs.list = list.list; // @ts-ignore\n\n this.base.list = list.list;\n }\n\n if (scrollElement) {\n this.base.vs.scrollElement = scrollElement;\n }\n\n if (scroller) {\n this.base.vs.scrollerRef(scroller);\n }\n\n if (!popupSettings.animate && closing) {\n this.onPopupClosed();\n }\n\n if (virtual && this.virtualTotalHasChanged) {\n this.base.vs.calcScrollElementHeight();\n this.base.vs.reset();\n this.virtualTotalHasChanged = false;\n } else {\n var _a = this.getFocusedState(),\n focusedItem = _a.focusedItem,\n focusedIndex = _a.focusedIndex;\n\n if (opening && virtual) {\n this.base.scrollToVirtualItem(virtual, focusedIndex - skip);\n this.prevCurrentOpened = true;\n } else if (opening && !virtual) {\n this.base.scrollToItem(focusedIndex);\n this.prevCurrentOpened = true;\n } else if (opened && prevOpened && focusedItem && this.scrollToFocused) {\n this.base.scrollToItem(focusedIndex - skip);\n }\n }\n\n this.scrollToFocused = false;\n this.searchBarRef();\n this.setValidity();\n },\n mounted: function mounted() {\n this.hasMounted = true; // @ts-ignore\n\n this.input = this.v3 ? this.inputRef.input : this.$refs.input.input;\n this.base.wrapper = this.v3 ? this.baseWrapperRef : this.$refs.baseWrapper;\n this.element = this.v3 ? this.kendoAnchorRef : this.$refs[this.anchor];\n this.base.didMount();\n this.searchBarRef();\n this.setValidity();\n },\n methods: {\n computedValue: function computedValue() {\n var result = [];\n\n if (this.valuesItemsDuringOnChange) {\n result.push.apply(result, this.valuesItemsDuringOnChange);\n } else if (this.$props.value) {\n result.push.apply(result, this.$props.value);\n } else if (this.$props.modelValue !== undefined) {\n result.push.apply(result, this.$props.modelValue);\n } else if (this.currentValue) {\n result.push.apply(result, this.currentValue);\n } else if (this.$props.defaultValue) {\n result.push.apply(result, this.$props.defaultValue);\n }\n\n return result;\n },\n validity: function validity() {\n var customError = this.$props.validationMessage !== undefined;\n var value = this.computedValue();\n var isValid = !this.$props.required || value !== null && value.length > 0 && value !== undefined;\n var valid = this.$props.valid !== undefined ? this.$props.valid : isValid;\n return {\n customError: customError,\n valid: valid,\n valueMissing: value === null\n };\n },\n handleItemSelect: function handleItemSelect(index, state) {\n var _a = this.$props,\n _b = _a.dataItems,\n dataItems = _b === void 0 ? [] : _b,\n dataItemKey = _a.dataItemKey,\n virtual = _a.virtual;\n var value = this.computedValue();\n var skip = virtual ? virtual.skip : 0;\n var dataItem = dataItems[index - skip];\n var indexInValue = value.findIndex(function (i) {\n return areSame(i, dataItem, dataItemKey);\n });\n var newItems = [];\n\n if (indexInValue !== -1) {\n // item is already selected\n newItems = value;\n newItems.splice(indexInValue, 1);\n } else {\n newItems = __spreadArrays(value, [dataItem]);\n }\n\n var text = this.$props.filter !== undefined ? this.$props.filter : this.currentText;\n\n if (text) {\n if (this.currentText) {\n state.data.currentText = '';\n }\n\n this.base.filterChanged('', state);\n }\n\n if (this.currentFocusedIndex !== undefined) {\n state.data.currentFocusedIndex = undefined;\n }\n\n this.triggerOnChange(newItems, state);\n this.base.triggerPageChangeCornerItems(dataItem, state);\n },\n onTagDelete: function onTagDelete(itemsToRemove, event) {\n var opened = this.$props.opened !== undefined ? this.$props.opened : this.currentOpened;\n var state = this.base.initState();\n state.event = event;\n\n if (opened) {\n this.base.togglePopup(state);\n }\n\n if (!this.currentFocused) {\n state.data.currentFocused = true;\n }\n\n var selected = this.computedValue();\n removeDataItems(selected, itemsToRemove, this.$props.dataItemKey);\n this.triggerOnChange(selected, state);\n this.applyState(state);\n },\n onNavigate: function onNavigate(state, keyCode) {\n var _a = this.$props,\n allowCustom = _a.allowCustom,\n _b = _a.dataItems,\n dataItems = _b === void 0 ? [] : _b;\n var opened = this.$props.opened !== undefined ? this.$props.opened : this.currentOpened;\n var text = this.$props.filter !== undefined ? this.$props.filter : this.currentText;\n\n var _c = this.getFocusedState(),\n focusedType = _c.focusedType,\n focusedIndex = _c.focusedIndex;\n\n var customItem = allowCustom && text;\n var customItemFocused = isCustom(focusedType);\n var base = this.base;\n var vs = base.vs;\n\n if (opened && keyCode === Keys.up && customItemFocused) {\n if (this.currentFocusedIndex !== undefined) {\n state.data.currentFocusedIndex = undefined;\n }\n } else {\n var newFocused = base.navigation.navigate({\n keyCode: keyCode,\n current: focusedIndex,\n max: (vs.enabled ? vs.total : dataItems.length) - 1,\n min: customItem ? -1 : 0\n });\n\n if (newFocused !== undefined) {\n this.itemFocus(newFocused, state);\n this.scrollToFocused = true;\n }\n }\n\n this.applyState(state);\n },\n itemFocus: function itemFocus(index, state) {\n var _a = this.$props,\n _b = _a.dataItems,\n dataItems = _b === void 0 ? [] : _b,\n allowCustom = _a.allowCustom,\n virtual = _a.virtual;\n var skip = virtual ? virtual.skip : 0;\n var text = this.$props.filter !== undefined ? this.$props.filter : this.currentText;\n var focusedIndex = this.getFocusedState().focusedIndex;\n var customItem = allowCustom && text;\n var nextFocusedItem = dataItems[index - skip];\n\n if (nextFocusedItem && focusedIndex !== index) {\n if (this.currentFocusedIndex !== index) {\n state.data.currentFocusedIndex = index;\n state.data.activedescendant = ActiveDescendant.PopupList;\n }\n } else if (customItem && index === -1) {\n if (this.currentFocusedIndex !== undefined) {\n state.data.currentFocusedIndex = undefined;\n }\n }\n\n this.base.triggerPageChangeCornerItems(nextFocusedItem, state);\n },\n searchBarRef: function searchBarRef() {\n var _this = this;\n\n if (this.input && this.currentFocused) {\n setTimeout(function () {\n return _this.input.focus();\n }, 0);\n }\n },\n onChangeHandler: function onChangeHandler(event) {\n var state = this.base.initState();\n var value = event.currentTarget.value;\n var opened = this.$props.opened !== undefined ? this.$props.opened : this.currentOpened;\n state.event = event;\n\n if (this.$props.filter === undefined) {\n state.data.currentText = value;\n }\n\n state.data.currentFocusedIndex = undefined;\n\n if (!opened) {\n this.base.togglePopup(state);\n }\n\n this.base.filterChanged(value, state);\n this.applyState(state);\n },\n clearButtonClick: function clearButtonClick(event) {\n var opened = this.$props.opened !== undefined ? this.$props.opened : this.currentOpened;\n var state = this.base.initState();\n state.event = event;\n event.stopPropagation();\n\n if (this.computedValue().length > 0) {\n this.triggerOnChange([], state);\n }\n\n if (this.currentFocusedIndex !== undefined) {\n state.data.currentFocusedIndex = undefined;\n }\n\n if (opened) {\n this.base.togglePopup(state);\n }\n\n var text = this.$props.filter !== undefined ? this.$props.filter : this.currentText;\n\n if (isPresent(text) && text !== '') {\n this.base.filterChanged('', state);\n }\n\n if (this.currentText) {\n state.data.currentText = '';\n }\n\n this.applyState(state);\n },\n onInputKeyDown: function onInputKeyDown(event) {\n var _this = this;\n\n var keyCode = event.keyCode;\n var text = this.$props.filter !== undefined ? this.$props.filter : this.currentText;\n var opened = this.$props.opened !== undefined ? this.$props.opened : this.currentOpened;\n var focusedItem = this.getFocusedState().focusedItem;\n var state = this.base.initState();\n state.event = event;\n\n if (!text && this.computedValue().length > 0 && (keyCode === Keys.left || keyCode === Keys.right || keyCode === Keys.home || keyCode === Keys.end || keyCode === Keys.delete || keyCode === Keys.backspace)) {\n return this.onTagsNavigate(event, state);\n }\n\n var togglePopup = function togglePopup() {\n event.preventDefault();\n\n _this.base.togglePopup(state);\n\n _this.applyState(state);\n };\n\n if (opened) {\n if (event.altKey && keyCode === Keys.up) {\n togglePopup();\n } else if (keyCode === Keys.up || keyCode === Keys.down) {\n event.preventDefault();\n this.onNavigate(state, keyCode);\n } else if (keyCode === Keys.enter) {\n event.preventDefault();\n\n if (this.$props.allowCustom && text && focusedItem === null) {\n this.customItemSelect(event);\n } else {\n this.selectFocusedItem(event);\n }\n } else if (keyCode === Keys.esc) {\n togglePopup();\n }\n } else if (event.altKey && keyCode === Keys.down) {\n togglePopup();\n }\n },\n onTagsNavigate: function onTagsNavigate(event, state) {\n var keyCode = event.keyCode;\n var focusedTag = this.currentFocusedTag;\n var tags = this._tags;\n var itemsKey = this.$props.dataItemKey;\n var focusedIndex = focusedTag ? tags.findIndex(function (t) {\n return matchTags(t, focusedTag, itemsKey);\n }) : -1;\n var newFocusedTag = undefined;\n var hasFocused = focusedIndex !== -1;\n\n if (keyCode === Keys.left) {\n if (hasFocused) {\n focusedIndex = Math.max(0, focusedIndex - 1);\n } else {\n focusedIndex = tags.length - 1;\n }\n\n newFocusedTag = tags[focusedIndex];\n } else if (keyCode === Keys.right) {\n if (focusedIndex === tags.length - 1) {\n newFocusedTag = undefined;\n } else if (hasFocused) {\n focusedIndex = Math.min(tags.length - 1, focusedIndex + 1);\n newFocusedTag = tags[focusedIndex];\n }\n } else if (keyCode === Keys.home) {\n newFocusedTag = tags[0];\n } else if (keyCode === Keys.end) {\n newFocusedTag = tags[tags.length - 1];\n } else if (keyCode === Keys.delete) {\n if (hasFocused) {\n var items = this.computedValue();\n removeDataItems(items, tags[focusedIndex].data, itemsKey);\n this.triggerOnChange(items, state);\n }\n } else if (keyCode === Keys.backspace) {\n var items = this.computedValue();\n\n if (hasFocused) {\n removeDataItems(items, tags[focusedIndex].data, itemsKey);\n this.triggerOnChange(items, state);\n } else if (!hasFocused && tags.length) {\n var removed = tags.pop();\n removeDataItems(items, removed.data, itemsKey);\n this.triggerOnChange(items, state);\n }\n }\n\n if (newFocusedTag !== focusedTag) {\n state.data.currentFocusedTag = newFocusedTag;\n state.data.activedescendant = ActiveDescendant.TagsList;\n }\n\n this.applyState(state);\n },\n triggerOnChange: function triggerOnChange(items, state) {\n if (this.$props.value === undefined) {\n state.data.currentValue = __spreadArrays(items);\n }\n\n this.valuesItemsDuringOnChange = [];\n this.setItems(items, this.valuesItemsDuringOnChange);\n state.events.push({\n type: 'change'\n });\n },\n selectFocusedItem: function selectFocusedItem(event) {\n var _a = this.$props,\n _b = _a.dataItems,\n dataItems = _b === void 0 ? [] : _b,\n virtual = _a.virtual;\n var focusedIndex = this.getFocusedState().focusedIndex;\n var skip = virtual ? virtual.skip : 0;\n\n if (dataItems[focusedIndex - skip] !== undefined) {\n this.handleItemClick(focusedIndex, event);\n }\n },\n setItems: function setItems(srcItems, destItems) {\n destItems.length = 0;\n destItems.push.apply(destItems, srcItems);\n },\n getFocusedState: function getFocusedState() {\n var focusedIndex = this.currentFocusedIndex;\n var text = this.$props.filter !== undefined ? this.$props.filter : this.currentText;\n var _a = this.$props,\n allowCustom = _a.allowCustom,\n _b = _a.dataItems,\n dataItems = _b === void 0 ? [] : _b,\n dataItemKey = _a.dataItemKey,\n virtual = _a.virtual,\n textField = _a.textField,\n _c = _a.focusedItemIndex,\n focusedItemIndex = _c === void 0 ? itemIndexStartsWith : _c;\n var skip = virtual && virtual.skip || 0;\n var focusedInd;\n\n if (focusedIndex !== undefined) {\n return {\n focusedIndex: focusedIndex,\n focusedItem: dataItems[focusedIndex - skip],\n focusedType: FocusedItemType.ListItem\n };\n }\n\n var selected = this.computedValue();\n\n if (allowCustom && text) {\n return {\n focusedItem: null,\n focusedIndex: -1,\n focusedType: FocusedItemType.CustomItem\n };\n } else if (text) {\n focusedInd = focusedItemIndex(dataItems, text, textField);\n return {\n focusedItem: dataItems[focusedInd],\n focusedIndex: focusedInd + skip,\n focusedType: FocusedItemType.ListItem\n };\n } else if (selected.length) {\n var last_1 = selected[selected.length - 1];\n focusedInd = dataItems.findIndex(function (i) {\n return areSame(i, last_1, dataItemKey);\n });\n\n if (dataItems[focusedInd] !== undefined) {\n return {\n focusedIndex: focusedInd + skip,\n focusedItem: dataItems[focusedInd],\n focusedType: FocusedItemType.ListItem\n };\n }\n\n return {\n focusedType: FocusedItemType.None,\n focusedIndex: -1\n };\n }\n\n return skip === 0 ? {\n focusedItem: dataItems[0],\n focusedIndex: 0,\n focusedType: FocusedItemType.ListItem\n } : {\n focusedType: FocusedItemType.None,\n focusedIndex: -1\n };\n },\n customItemSelect: function customItemSelect(event) {\n var _a;\n\n var itemText = this.$props.filter !== undefined ? this.$props.filter : this.currentText;\n var textField = this.$props.textField;\n\n if (!itemText) {\n return;\n }\n\n var state = this.base.initState();\n state.event = event;\n var item = textField ? (_a = {}, _a[textField] = itemText, _a) : itemText;\n\n if (this.currentText !== undefined) {\n state.data.currentText = '';\n }\n\n state.data.currentFocusedIndex = undefined;\n this.base.filterChanged('', state);\n\n var newItems = __spreadArrays(this.computedValue(), [item]);\n\n this.triggerOnChange(newItems, state);\n this.base.togglePopup(state);\n this.applyState(state);\n },\n handleWrapperClick: function handleWrapperClick(event) {\n var opened = this.$props.opened !== undefined ? this.$props.opened : this.currentOpened;\n var input = this.input;\n\n if (!opened && input) {\n this.focusElement(input);\n }\n\n var state = this.base.initState();\n state.event = event;\n\n if (!this.currentFocused) {\n state.events.push({\n type: 'focus'\n });\n state.data.currentFocused = true;\n }\n\n this.base.togglePopup(state);\n this.applyState(state);\n },\n handleItemClick: function handleItemClick(index, event) {\n var state = this.base.initState();\n state.event = event;\n this.handleItemSelect(index, state);\n\n if (this.$props.autoClose) {\n this.base.togglePopup(state);\n }\n\n this.applyState(state);\n },\n handleBlur: function handleBlur(event) {\n if (!this.currentFocused || this._skipFocusEvent) {\n return;\n }\n\n var opened = this.$props.opened !== undefined ? this.$props.opened : this.currentOpened;\n var state = this.base.initState();\n var _a = this.$props,\n allowCustom = _a.allowCustom,\n filterable = _a.filterable;\n state.event = event;\n state.data.currentFocused = false;\n state.events.push({\n type: 'blur'\n });\n\n if (opened) {\n if (this.currentOpened) {\n state.data.currentOpened = false;\n }\n\n state.events.push({\n type: 'close'\n });\n }\n\n if (!allowCustom && !filterable && this.currentText) {\n state.data.currentText = '';\n }\n\n this.applyState(state);\n },\n handleFocus: function handleFocus(event) {\n if (this._skipFocusEvent) {\n return;\n }\n\n this.base.handleFocus(event);\n },\n onPopupOpened: function onPopupOpened() {\n if (this.input && this.currentFocused) {\n this.focusElement(this.input);\n }\n },\n onPopupClosed: function onPopupClosed() {\n var _this = this;\n\n if (this.currentFocused) {\n setTimeout(function () {\n if (_this.currentFocused) {\n _this.focusElement(_this.input);\n }\n }, 0);\n }\n },\n focusElement: function focusElement(element) {\n var _this = this;\n\n this._skipFocusEvent = true;\n element.focus();\n setTimeout(function () {\n return _this._skipFocusEvent = false;\n }, 30);\n },\n applyState: function applyState(state) {\n this.base.applyState(state);\n this.valuesItemsDuringOnChange = null;\n },\n setValidity: function setValidity() {\n if (this.input && this.input.setCustomValidity) {\n this.input.setCustomValidity(this.validity().valid ? '' : this.$props.validationMessage || VALIDATION_MESSAGE);\n }\n },\n focus: function focus() {\n if (this.input) {\n this.input.focus();\n }\n }\n },\n render: function render(createElement) {\n var _this = this;\n\n var h = gh || createElement;\n var _a = this.$props,\n style = _a.style,\n label = _a.label,\n dir = _a.dir,\n disabled = _a.disabled,\n tags = _a.tags,\n textField = _a.textField,\n dataItemKey = _a.dataItemKey,\n virtual = _a.virtual,\n loading = _a.loading;\n var focused = this.currentFocused;\n var popupSettings = Object.assign({}, {\n animate: true,\n height: '200px'\n }, this.$props.popupSettings);\n var focusedTag = this.currentFocusedTag;\n var value = this.computedValue();\n var searchText = (this.$props.filter !== undefined ? this.$props.filter : this.currentText) || '';\n var clearButton = !loading && (!!searchText || value.length > 0);\n var vs = this.base.vs;\n var id = this.$props.id || this.inputId;\n var tagRender = templateRendering.call(this, this.$props.tagRender, getListeners.call(this));\n vs.enabled = virtual !== undefined;\n\n if (virtual !== undefined) {\n vs.skip = virtual.skip;\n vs.total = virtual.total;\n vs.pageSize = virtual.pageSize;\n }\n\n var tagsToRender = [];\n\n if (tags === undefined) {\n this.computedValue().forEach(function (item) {\n tagsToRender.push({\n text: getItemValue(item, textField),\n data: [item]\n });\n });\n } else {\n tagsToRender.push.apply(tagsToRender, tags);\n }\n\n this.setItems(tagsToRender, this._tags);\n var isValid = !this.$props.validityStyles || this.validity().valid;\n\n var renderClearButton = function renderClearButton(cbutton) {\n if (cbutton) {\n // @ts-ignore function children\n return h(ClearButton, {\n onClearclick: this.clearButtonClick,\n on: this.v3 ? undefined : {\n \"clearclick\": this.clearButtonClick\n },\n key: \"clearbutton\"\n });\n }\n\n return h(\"span\");\n };\n\n var renderLoading = function renderLoading(cloading) {\n if (cloading) {\n return h(\"span\", {\n \"class\": \"k-icon k-i-loading\"\n });\n }\n\n return h(\"span\");\n };\n\n var renderSearchBar = function renderSearchBar(searchId) {\n var _this = this;\n\n var activedescendant = this.activedescendant;\n var placeholder = this.$props.placeholder;\n var opened = this.$props.opened !== undefined ? this.$props.opened : this.currentOpened;\n var focusedIndex = this.getFocusedState().focusedIndex;\n var placeholderToShow = value.length === 0 && !searchText ? placeholder : undefined;\n var ariaActivedescendant = activedescendant === ActiveDescendant.TagsList && focusedTag !== undefined ? \"tag-\" + this.base.guid + \"-\" + focusedTag.text.replace(/\\s+/g, '-') : \"option-\" + this.base.guid + \"-\" + focusedIndex;\n return (// @ts-ignore function children\n h(SearchBar, {\n id: searchId,\n attrs: this.v3 ? undefined : {\n id: searchId,\n size: Math.max((placeholderToShow || '').length, searchText.length, 1),\n tabIndex: this.$props.tabIndex,\n accessKey: this.$props.accessKey,\n placeholder: placeholderToShow,\n value: searchText,\n disabled: disabled,\n expanded: opened,\n owns: this.base.listBoxId,\n activedescendant: ariaActivedescendant,\n \"aria-describedBy\": \"tagslist-\" + this.base.guid + \" \" + (this.$props.ariaDescribedBy || ''),\n \"aria-labelledBy\": this.$props.ariaLabelledBy\n },\n size: Math.max((placeholderToShow || '').length, searchText.length, 1),\n tabIndex: this.$props.tabIndex,\n accessKey: this.$props.accessKey,\n placeholder: placeholderToShow,\n value: searchText,\n onChange: this.onChangeHandler,\n on: this.v3 ? undefined : {\n \"change\": this.onChangeHandler,\n \"blur\": this.handleBlur,\n \"keydown\": this.onInputKeyDown\n },\n onBlur: this.handleBlur,\n onKeydown: this.onInputKeyDown,\n ref: this.v3 ? function (el) {\n _this.inputRef = el;\n } : 'input',\n disabled: disabled,\n expanded: opened,\n owns: this.base.listBoxId,\n activedescendant: ariaActivedescendant,\n \"aria-describedBy\": \"tagslist-\" + this.base.guid + \" \" + (this.$props.ariaDescribedBy || ''),\n \"aria-labelledBy\": this.$props.ariaLabelledBy\n })\n );\n };\n\n var renderList = function renderList() {\n var _a = this.$props.dataItems,\n dataItems = _a === void 0 ? [] : _a;\n var itemRender = templateRendering.call(this, this.$props.itemRender, getListeners.call(this));\n var listNoDataRender = templateRendering.call(this, this.$props.listNoDataRender, getListeners.call(this));\n var skip = virtual ? virtual.skip : 0;\n var opened = this.$props.opened !== undefined ? this.$props.opened : this.currentOpened;\n var focusedIndex = this.getFocusedState().focusedIndex;\n var translate = \"translateY(\" + vs.translate + \"px)\";\n return (// @ts-ignore\n h(List, {\n id: this.base.listBoxId,\n attrs: this.v3 ? undefined : {\n id: this.base.listBoxId,\n show: opened,\n dataItems: dataItems.slice(),\n focusedIndex: focusedIndex - skip,\n value: this.computedValue(),\n textField: textField,\n valueField: dataItemKey,\n optionsGuid: this.base.guid,\n wrapperStyle: vs.enabled ? {\n float: 'left',\n width: '100%'\n } : {\n maxHeight: popupSettings.height\n },\n wrapperCssClass: vs.enabled ? undefined : 'k-list-scroller',\n listStyle: vs.enabled ? {\n transform: translate\n } : undefined,\n skip: skip,\n itemRender: itemRender,\n noDataRender: listNoDataRender\n },\n show: opened,\n dataItems: dataItems.slice(),\n focusedIndex: focusedIndex - skip,\n value: this.computedValue(),\n textField: textField,\n valueField: dataItemKey,\n optionsGuid: this.base.guid,\n ref: 'list',\n wrapperStyle: vs.enabled ? {\n float: 'left',\n width: '100%'\n } : {\n maxHeight: popupSettings.height\n },\n wrapperCssClass: vs.enabled ? undefined : 'k-list-scroller',\n listStyle: vs.enabled ? {\n transform: translate\n } : undefined,\n key: \"listKey\",\n skip: skip,\n onListclick: this.handleItemClick,\n on: this.v3 ? undefined : {\n \"listclick\": this.handleItemClick\n },\n itemRender: itemRender,\n noDataRender: listNoDataRender\n })\n );\n }; // Common rendering\n\n\n var renderScrollWrapper = function renderScrollWrapper(children) {\n return vs.enabled ? h(\"div\", {\n onScroll: vs.scrollHandler,\n on: this.v3 ? undefined : {\n \"scroll\": vs.scrollHandler\n },\n ref: 'scroller',\n style: {\n height: popupSettings.height,\n overflowY: 'scroll'\n }\n }, [children]) : children;\n };\n\n var renderScrollElement = function renderScrollElement() {\n return vs.enabled && h(\"div\", {\n ref: 'scrollElement',\n key: 'scrollElementKey'\n });\n };\n\n var renderListContainer = function renderListContainer() {\n var _this2 = this;\n\n var base = this.base;\n var _a = this.$props,\n allowCustom = _a.allowCustom,\n _b = _a.dataItems,\n dataItems = _b === void 0 ? [] : _b;\n var headerTemplate = templateRendering.call(this, this.$props.header, getListeners.call(this));\n var footerTemplate = templateRendering.call(this, this.$props.footer, getListeners.call(this));\n var header = getTemplate.call(this, {\n h: h,\n template: headerTemplate\n });\n var footer = getTemplate.call(this, {\n h: h,\n template: footerTemplate\n });\n var opened = this.$props.opened !== undefined ? this.$props.opened : this.currentOpened;\n var currentText = this.$props.filter !== undefined ? this.$props.filter : this.currentText;\n var popupWidth = popupSettings.width !== undefined ? popupSettings.width : base.popupWidth;\n var focusedType = this.getFocusedState().focusedType;\n var customItem = allowCustom && currentText && h(\"div\", {\n \"class\": \"k-list\",\n key: \"customitem\",\n onClick: this.customItemSelect,\n on: this.v3 ? undefined : {\n \"click\": this.customItemSelect\n }\n }, [h(\"div\", {\n \"class\": classNames('k-item k-custom-item', {\n 'k-state-focused': isCustom(focusedType)\n })\n }, [currentText, h(\"span\", {\n \"class\": \"k-icon k-i-plus\",\n style: {\n float: 'right'\n }\n })])]);\n return (// @ts-ignore function children\n h(ListContainer, {\n ref: 'container',\n onMousedown: preventDefault,\n on: this.v3 ? undefined : {\n \"mousedown\": preventDefault,\n \"blur\": this.handleBlur\n },\n dir: dir !== undefined ? dir : base.dirCalculated,\n attrs: this.v3 ? undefined : {\n dir: dir !== undefined ? dir : base.dirCalculated,\n width: popupWidth,\n popupSettings: {\n animate: popupSettings.animate,\n anchor: this.anchor,\n show: opened,\n onOpen: this.onPopupOpened,\n onClose: this.onPopupClosed,\n className: classNames('k-list-container k-reset', popupSettings.className),\n appendTo: popupSettings.appendTo\n },\n itemsCount: dataItems.length\n },\n onBlur: this.handleBlur,\n width: popupWidth,\n popupSettings: {\n animate: popupSettings.animate,\n anchor: this.anchor,\n show: opened,\n onOpen: this.onPopupOpened,\n onClose: this.onPopupClosed,\n className: classNames('k-list-container k-reset', popupSettings.className),\n appendTo: popupSettings.appendTo\n },\n itemsCount: dataItems.length\n }, this.v3 ? function () {\n return [virtual && header, renderScrollWrapper.call(_this2, [!virtual && header, customItem, renderList.call(_this2), !virtual && footer, renderScrollElement.call(_this2)]), virtual && footer];\n } : [virtual && header, renderScrollWrapper.call(_this2, [!virtual && header, customItem, renderList.call(_this2), !virtual && footer, renderScrollElement.call(_this2)]), virtual && footer])\n );\n };\n\n var component = h(\"span\", {\n ref: this.v3 ? function (el) {\n _this.kendoAnchorRef = el;\n } : this.anchor,\n \"class\": classNames('k-widget k-multiselect', {\n 'k-state-focused': focused && !disabled,\n 'k-state-invalid': !isValid,\n 'k-state-disabled': disabled\n }),\n style: !label ? style : __assign(__assign({}, style), {\n width: undefined\n }),\n dir: dir,\n attrs: this.v3 ? undefined : {\n dir: dir\n },\n onFocusin: this.handleFocus,\n on: this.v3 ? undefined : {\n \"focusin\": this.handleFocus\n }\n }, [h(\"div\", {\n onClick: this.handleWrapperClick,\n on: this.v3 ? undefined : {\n \"click\": this.handleWrapperClick,\n \"mousedown\": preventDefaultNonInputs\n },\n ref: this.v3 ? function (el) {\n _this.baseWrapperRef = el;\n } : 'baseWrapper',\n \"class\": \"k-multiselect-wrap k-floatwrap\",\n onMousedown: preventDefaultNonInputs\n }, [tagsToRender.length > 0 && // @ts-ignore function children\n h(TagList, {\n tagRender: tagRender,\n attrs: this.v3 ? undefined : {\n tagRender: tagRender,\n dataItems: tagsToRender,\n guid: this.base.guid,\n focused: focusedTag ? tagsToRender.find(function (t) {\n return matchTags(t, focusedTag, dataItemKey);\n }) : undefined\n },\n onTagdelete: this.onTagDelete,\n on: this.v3 ? undefined : {\n \"tagdelete\": this.onTagDelete\n },\n dataItems: tagsToRender,\n guid: this.base.guid,\n focused: focusedTag ? tagsToRender.find(function (t) {\n return matchTags(t, focusedTag, dataItemKey);\n }) : undefined\n }), renderSearchBar.call(this, id), renderClearButton.call(this, clearButton), renderLoading.call(this, loading)]), renderListContainer.call(this)]);\n return label ? h(\"span\", {\n \"class\": this.spanClassNames,\n dir: this.$props.dir,\n attrs: this.v3 ? undefined : {\n dir: this.$props.dir\n }\n }, [component, this.$props.label ? id ? h(\"label\", {\n \"for\": id,\n attrs: this.v3 ? undefined : {\n \"for\": id\n },\n \"class\": \"k-label\"\n }, [this.$props.label]) : h(\"span\", {\n \"class\": \"k-label\"\n }, [this.$props.label]) : null]) : component;\n }\n};\nvar MultiSelectVue3 = MultiSelect;\nexport { MultiSelect, MultiSelectVue3 };","/**\n * @hidden\n */\nexport var isPresent = function (value) { return value !== null && value !== undefined; };\n/**\n * @hidden\n */\nexport var isBlank = function (value) { return value === null || value === undefined; };\n/**\n * @hidden\n */\nexport var isArray = function (value) { return Array.isArray(value); };\n/**\n * @hidden\n */\nexport var isFunction = function (value) { return typeof value === 'function'; };\n/**\n * @hidden\n */\nexport var isString = function (value) { return typeof value === 'string'; };\n/**\n * @hidden\n */\nexport var isTruthy = function (value) { return !!value; };\n/**\n * @hidden\n */\nexport var isNullOrEmptyString = function (value) { return isBlank(value) || value.trim().length === 0; };\n/**\n * @hidden\n */\nexport var isNotNullOrEmptyString = function (value) { return !isNullOrEmptyString(value); };\n/**\n * @hidden\n */\nexport var isNumeric = function (value) { return !isNaN(value - parseFloat(value)); };\n/**\n * @hidden\n */\nexport var isDate = function (value) { return value && value.getTime; };\n","import { isPresent } from '../utils';\n// tslint:enable:max-line-length\n/**\n * @hidden\n * Type guard for `CompositeFilterDescriptor`.\n */\nexport var isCompositeFilterDescriptor = function (source) {\n return isPresent(source.filters);\n};\n","/**\n * @hidden\n */\nexport var ifElse = function (predicate, right, left) { return function (value) { return predicate(value) ? right(value) : left(value); }; };\n/**\n * @hidden\n * Performs the right-to-left function composition. Functions should have a unary.\n */\nexport var compose = function () {\n var args = [];\n for (var _i = 0; _i < arguments.length; _i++) {\n args[_i] = arguments[_i];\n }\n return function (data) { return args.reduceRight(function (acc, curr) { return curr(acc); }, data); };\n};\n/**\n * @hidden\n */\nexport var constant = function (x) { return function () { return x; }; };\n/**\n * @hidden\n */\nexport var identity = function (x) { return x; };\n","import * as tslib_1 from \"tslib\";\nimport { isString, isDate } from './utils';\n/**\n * @hidden\n * Creates a single arity function which wraps the value based on the provided predicate.\n * @example\n * ```\n * wrapIf(() => ignoreCase) `tolower(${field})`\n * //ignoreCase=true -> tolower(${field})`\n * //ignoreCase=false -> ${field}`\n * ```\n */\nexport var wrapIf = function (predicate) { return function (str) {\n var args = [];\n for (var _i = 1; _i < arguments.length; _i++) {\n args[_i - 1] = arguments[_i];\n }\n return predicate() ? \"\" + str[0] + args[0] + str[1] : args[0];\n}; };\n/**\n * @hidden\n */\nexport var toUTC = function (date) {\n return new Date(Date.UTC(date.getFullYear(), date.getMonth(), date.getDate(), date.getHours(), date.getMinutes(), date.getSeconds(), date.getMilliseconds()));\n};\n/**\n * @hidden\n */\nexport var quote = function (_a) {\n var field = _a.field, value = _a.value, ignoreCase = _a.ignoreCase, operator = _a.operator;\n return ({\n value: \"'\" + value.replace(/'/g, \"''\") + \"'\",\n field: field,\n ignoreCase: ignoreCase,\n operator: operator\n });\n};\n/**\n * @hidden\n */\nexport var encodeValue = function (_a) {\n var field = _a.field, value = _a.value, ignoreCase = _a.ignoreCase, operator = _a.operator;\n return ({\n value: \"\" + encodeURIComponent(value),\n field: field,\n ignoreCase: ignoreCase,\n operator: operator\n });\n};\n/**\n * @hidden\n */\nexport var toLower = function (_a) {\n var field = _a.field, value = _a.value, ignoreCase = _a.ignoreCase, operator = _a.operator;\n return ({\n field: wrapIf(function () { return ignoreCase; })(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject([\"tolower(\", \")\"], [\"tolower(\", \")\"])), field),\n value: value,\n ignoreCase: ignoreCase,\n operator: operator\n });\n};\n/**\n * @hidden\n */\nexport var normalizeField = function (_a) {\n var field = _a.field, value = _a.value, ignoreCase = _a.ignoreCase, operator = _a.operator;\n return ({\n value: value,\n field: field.replace(/\\./g, \"/\"),\n ignoreCase: ignoreCase,\n operator: operator\n });\n};\n/**\n * @hidden\n */\nexport var isStringValue = function (x) { return isString(x.value); };\n/**\n * @hidden\n */\nexport var isDateValue = function (x) { return isDate(x.value); };\n/**\n * @hidden\n */\nexport var serializeFilters = function (map, join) { return function (filter) {\n var brackets = wrapIf(function () { return filter.filters.length > 1; });\n return brackets(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject([\"(\", \")\"], [\"(\",\n \")\"])), filter.filters\n .map(map)\n .join(join(filter)));\n}; };\nvar templateObject_1, templateObject_2;\n","import { isPresent, isString, isArray } from '../utils';\nimport { isCompositeFilterDescriptor } from './filter-descriptor.interface';\nvar operatorMap = function (key) { return ({\n \"!=\": \"neq\",\n \"<\": \"lt\",\n \"<=\": \"lte\",\n \"==\": \"eq\",\n \">\": \"gt\",\n \">=\": \"gte\",\n equal: \"eq\",\n equals: \"eq\",\n equalto: \"eq\",\n ge: \"gte\",\n greater: \"gt\",\n greaterthan: \"gt\",\n greaterthanequal: \"gte\",\n isempty: \"isempty\",\n isequalto: \"eq\",\n isgreaterthan: \"gt\",\n isgreaterthanorequalto: \"gte\",\n islessthan: \"lt\",\n islessthanorequalto: \"lte\",\n isnotempty: \"isnotempty\",\n isnotequalto: \"neq\",\n isnull: \"isnull\",\n le: \"lte\",\n less: \"lt\",\n lessthan: \"lt\",\n lessthanequal: \"lte\",\n ne: \"neq\",\n notequal: \"neq\",\n notequals: \"neq\",\n notequalto: \"neq\",\n notsubstringof: \"doesnotcontain\"\n}[key.toLowerCase()] || key); };\nvar normalizeOperator = function (descriptor) {\n if (descriptor.filters) {\n descriptor.filters = descriptor.filters.map(function (filter) {\n var result = Object.assign({}, filter);\n if (!isCompositeFilterDescriptor(filter) && isString(filter.operator)) {\n result.operator = operatorMap(filter.operator);\n }\n if (isCompositeFilterDescriptor(filter)) {\n normalizeOperator(result);\n }\n return result;\n });\n }\n};\nvar normalizeDescriptor = function (descriptor) {\n if (!isCompositeFilterDescriptor(descriptor)) {\n return {\n filters: isArray(descriptor) ? descriptor : [descriptor],\n logic: \"and\"\n };\n }\n return Object.assign({}, descriptor);\n};\n// tslint:disable:max-line-length\n/**\n * Converts a [FilterDescriptor]({% slug api_kendo-data-query_filterdescriptor %}) into a [CompositeFilterDescriptor]({% slug api_kendo-data-query_compositefilterdescriptor %}). If a `CompositeFilterDescriptor` is passed, no modifications will be made.\n *\n * @param {CompositeFilterDescriptor | FilterDescriptor} descriptor - The descriptor that will be normalized.\n * @returns {CompositeFilterDescriptor} - The normalized descriptor.\n */\n// tslint:enable:max-line-length\nexport var normalizeFilters = function (descriptor) {\n if (isPresent(descriptor)) {\n descriptor = normalizeDescriptor(descriptor);\n normalizeOperator(descriptor);\n }\n return descriptor;\n};\n","import { isPresent } from './utils';\nvar getterCache = {};\nvar FIELD_REGEX = /\\[(?:(\\d+)|['\"](.*?)['\"])\\]|((?:(?!\\[.*?\\]|\\.).)+)/g;\n// tslint:disable-next-line:no-string-literal\ngetterCache['undefined'] = function (obj) { return obj; };\n/**\n * @hidden\n */\nexport var getter = function (field, safe) {\n var key = field + safe;\n if (getterCache[key]) {\n return getterCache[key];\n }\n var fields = [];\n field.replace(FIELD_REGEX, function (_, index, indexAccessor, field) {\n fields.push(isPresent(index) ? index : (indexAccessor || field));\n return undefined;\n });\n getterCache[key] = function (obj) {\n var result = obj;\n for (var idx = 0; idx < fields.length; idx++) {\n result = result[fields[idx]];\n if (!isPresent(result) && safe) {\n return result;\n }\n }\n return result;\n };\n return getterCache[key];\n};\n","import * as tslib_1 from \"tslib\";\nimport { isPresent, isNotNullOrEmptyString } from './utils';\nimport { serializeFilter } from './odata-filtering.operators';\nimport { ifElse, constant } from './funcs';\nvar serializeSort = function (orderby) {\n var str = orderby\n .filter(function (sort) { return isPresent(sort.dir); })\n .map(function (sort) {\n var order = sort.field.replace(/\\./g, \"/\");\n return sort.dir === \"desc\" ? order + \" desc\" : order;\n }).join(\",\");\n return str ? \"$orderby=\" + str : str;\n};\nvar emptyString = constant('');\nvar concat = function (a) { return function (b) { return a + b; }; };\nvar serializeKey = function (strings, val) { return ifElse(isPresent, concat(strings[0]), emptyString)(val); };\nvar rules = function (settings, state) { return function (key) { return ({\n \"filter\": serializeFilter(state.filter || {}, settings),\n \"skip\": serializeKey(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject([\"$skip=\", \"\"], [\"$skip=\", \"\"])), state.skip),\n \"sort\": serializeSort(state.sort || []),\n \"take\": serializeKey(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject([\"$top=\", \"\"], [\"$top=\", \"\"])), state.take)\n}[key]); }; };\n// tslint:enable:max-line-length\n/**\n * Converts a [State]({% slug api_kendo-data-query_state %}) into an OData v4 compatible string.\n *\n * @param {State} state - The state that will be serialized.\n * @param {ODataSettings} settings - The settings that are used during the serialization.\n * @returns {string} - The serialized state.\n */\nexport var toODataString = function (state, settings) {\n if (settings === void 0) { settings = {}; }\n return (Object.keys(state)\n .map(rules(settings, state))\n .filter(isNotNullOrEmptyString)\n .join('&'));\n};\nvar templateObject_1, templateObject_2;\n","import * as tslib_1 from \"tslib\";\nimport { isCompositeFilterDescriptor } from '../filtering/filter-descriptor.interface';\nimport { isPresent, isNotNullOrEmptyString, isArray } from '../utils';\nimport { getter } from '../accessor';\nimport { compose, ifElse, identity } from '../funcs';\nimport { isStringValue, isDateValue, quote, serializeFilters, toUTC, encodeValue } from '../filter-serialization.common';\nvar toQueryString = function (values) { return values.reduce(function (acc, _a) {\n var key = _a[0], value = _a[1];\n return acc.concat([key + \"=\" + value]);\n}, []); };\nvar toObject = function (values) { return values.reduce(function (acc, _a) {\n var key = _a[0], value = _a[1];\n var _b;\n return (tslib_1.__assign({}, acc, (_b = {}, _b[key] = value, _b)));\n}, {}); };\nvar pairwise = function (key) { return function (value) { return [key, value]; }; };\nvar empty = function () { return null; };\nvar isNotEmptyArray = function (value) { return isPresent(value) && isArray(value) && value.length > 0; };\nvar has = function (accessor) { return function (value) { return isPresent(accessor(value)); }; };\nvar isNotEmpty = function (accessor) { return function (value) { return isNotEmptyArray(accessor(value)); }; };\nvar runOrEmpty = function (predicate, fn) { return ifElse(predicate, fn, empty); };\nvar calcPage = function (_a) {\n var skip = _a.skip, take = _a.take;\n return Math.floor((skip || 0) / take) + 1;\n};\nvar formatDescriptors = function (accessor, formatter) { return function (state) { return (accessor(state).map(formatter).join(\"~\")); }; };\nvar removeAfter = function (what) { return function (str) { return str.slice(0, str.indexOf(what)); }; };\nvar replace = function (patterns) {\n return compose.apply(void 0, patterns.map(function (_a) {\n var left = _a[0], right = _a[1];\n return function (s) { return s.replace(new RegExp(left, \"g\"), right); };\n }));\n};\nvar sanitizeDateLiterals = replace([[\"\\\"\", \"\"], [\":\", \"-\"]]);\nvar removeAfterDot = removeAfter(\".\");\nvar directionFormatter = function (_a) {\n var field = _a.field, _b = _a.dir, dir = _b === void 0 ? \"asc\" : _b;\n return field + \"-\" + dir;\n};\nvar aggregateFormatter = function (_a) {\n var field = _a.field, aggregate = _a.aggregate;\n return field + \"-\" + aggregate;\n};\nvar take = getter(\"take\");\nvar aggregates = getter(\"aggregates\");\nvar skip = getter(\"skip\");\nvar group = getter(\"group\");\nvar sort = getter(\"sort\", true);\nvar formatSort = formatDescriptors(sort, directionFormatter);\nvar formatGroup = formatDescriptors(group, directionFormatter);\nvar formatAggregates = formatDescriptors(aggregates, aggregateFormatter);\nvar prefixDateValue = function (value) { return \"datetime'\" + value + \"'\"; };\nvar formatDateValue = compose(prefixDateValue, removeAfterDot, sanitizeDateLiterals, JSON.stringify, toUTC);\nvar formatDate = function (_a) {\n var field = _a.field, value = _a.value, ignoreCase = _a.ignoreCase, operator = _a.operator;\n return ({\n value: formatDateValue(value),\n field: field,\n ignoreCase: ignoreCase,\n operator: operator\n });\n};\nvar normalizeSort = function (state) { return Object.assign({}, state, {\n sort: (sort(state) || []).filter(function (_a) {\n var dir = _a.dir;\n return isNotNullOrEmptyString(dir);\n })\n}); };\nvar transformSkip = compose(pairwise('page'), calcPage);\nvar transformTake = compose(pairwise('pageSize'), take);\nvar transformGroup = compose(pairwise('group'), formatGroup);\nvar transformSort = compose(pairwise('sort'), formatSort);\nvar transformAggregates = compose(pairwise('aggregate'), formatAggregates);\nvar serializePage = runOrEmpty(has(skip), transformSkip);\nvar serializePageSize = runOrEmpty(has(take), transformTake);\nvar serializeGroup = runOrEmpty(isNotEmpty(group), transformGroup);\nvar serializeAggregates = runOrEmpty(has(aggregates), transformAggregates);\nvar serializeSort = compose(runOrEmpty(isNotEmpty(sort), transformSort), normalizeSort);\nvar hasField = function (_a) {\n var field = _a.field;\n return isNotNullOrEmptyString(field);\n};\nvar filterFormatter = function (_a) {\n var field = _a.field, operator = _a.operator, value = _a.value;\n return field + \"~\" + operator + \"~\" + value;\n};\nvar dateFormatter = ifElse(isDateValue, compose(filterFormatter, formatDate), filterFormatter);\nvar typedFormatter = function (encode) { return runOrEmpty(hasField, ifElse(isStringValue, compose(filterFormatter, quote, encode ? encodeValue : identity), dateFormatter)); };\nvar join = function (_a) {\n var logic = _a.logic;\n return \"~\" + logic + \"~\";\n};\nvar serialize = function (encode) { return serializeFilters(function (filter) { return ifElse(isCompositeFilterDescriptor, serialize(encode), typedFormatter(encode))(filter); }, join); };\nvar serializeFilter = function (_a, encode) {\n var filter = _a.filter;\n if (filter && filter.filters) {\n var filters = serialize(encode)(filter);\n if (filters.length) {\n return ['filter', filters];\n }\n }\n return null;\n};\nvar rules = function (state, encode) {\n if (encode === void 0) { encode = true; }\n return function (key) { return ({\n \"aggregates\": serializeAggregates(state),\n \"filter\": serializeFilter(state, encode),\n \"group\": serializeGroup(state),\n \"skip\": serializePage(state),\n \"sort\": serializeSort(state),\n \"take\": serializePageSize(state)\n }[key]); };\n};\n/**\n * Converts a [DataSourceRequestState]({% slug api_kendo-data-query_datasourcerequeststate %}) into a string\n * that is comparable with the `DataSourceRequest` format in UI for ASP.NET MVC.\n *\n * @param {DataRequestState} state - The state that will be serialized.\n * @returns {string} - The serialized state.\n *\n * @example\n * {% platform_content angular %}\n * ```ts\n * import {\n * toDataSourceRequestString,\n * translateDataSourceResultGroups,\n * translateAggregateResults\n * } from '@progress/kendo-data-query';\n *\n * export class Service {\n * private BASE_URL: string = '...';\n *\n * constructor(private http: Http) { }\n *\n * // Omitted for brevity...\n *\n * private fetch(state: DataSourceRequestState): Observable {\n * const queryStr = `${toDataSourceRequestString(state)}`; //serialize the state\n * const hasGroups = state.group && state.group.length;\n *\n * return this.http\n * .get(`${this.BASE_URL}?${queryStr}`) //send the state to the server\n * .map(response => response.json())\n * .map(({Data, Total, AggregateResults}) => // process the response\n * ({\n * //if there are groups convert them to compatible format\n * data: hasGroups ? translateDataSourceResultGroups(Data) : Data,\n * total: Total,\n * // convert the aggregates if such exists\n * aggregateResult: translateAggregateResults(AggregateResults)\n * })\n * );\n * }\n * }\n * ```\n * {% endplatform_content %}\n *\n * {% platform_content react %}\n * ```jsx\n * import React from 'react';\n * import { toDataSourceRequestString, translateDataSourceResultGroups } from '@progress/kendo-data-query';\n *\n * export function withState(WrappedGrid) {\n * return class StatefullGrid extends React.Component {\n * constructor(props) {\n * super(props);\n * this.state = { dataState: { skip: 0, take: 20 } };\n * }\n *\n * render() {\n * return (\n * \n * );\n * }\n *\n * componentDidMount() {\n * this.fetchData(this.state.dataState);\n * }\n *\n * dataStateChange = (changeEvent) => {\n * this.setState({ dataState: changeEvent.data });\n * this.fetchData(changeEvent.data);\n * }\n *\n * fetchData(dataState) {\n * const queryStr = `${toDataSourceRequestString(dataState)}`; // Serialize the state\n * const hasGroups = dataState.group && dataState.group.length;\n *\n * const base_url = 'api/Products';\n * const init = { method: 'GET', accept: 'application/json', headers: {} };\n *\n * fetch(`${base_url}?${queryStr}`, init)\n * .then(response => response.json())\n * .then(({ data, total }) => {\n * this.setState({\n * data: hasGroups ? translateDataSourceResultGroups(data) : data,\n * total,\n * dataState\n * });\n * });\n * }\n * }\n * }\n * ```\n * {% endplatform_content %}\n */\nexport var toDataSourceRequestString = function (state) { return (toQueryString(Object.keys(state)\n .map(rules(state))\n .filter(isPresent)).join('&')); };\n/**\n * Converts a [DataSourceRequestState]({% slug api_kendo-data-query_datasourcerequeststate %}) into an object\n * that is compatible with the `DataSourceRequest` format in UI for ASP.NET MVC.\n *\n * @param {DataRequestState} state - The state that will be serialized.\n * @returns {any} - The serialized state.\n */\nexport var toDataSourceRequest = function (state) { return (toObject(Object.keys(state)\n .map(rules(state, false))\n .filter(isPresent))); };\n","import { isPresent } from '../utils';\nimport { compose } from '../funcs';\n// tslint:enable:max-line-length\nvar set = function (field, target, value) {\n target[field] = value;\n return target;\n};\nvar toCamelCase = function (str) { return str.replace(/(^[A-Z])/g, function (_, g1) { return g1.toLowerCase(); }); };\nvar prop = function (fieldName) { return function (obj) {\n var value = obj[fieldName];\n if (isPresent(value)) {\n return value;\n }\n return obj[toCamelCase(fieldName)];\n}; };\nvar member = prop(\"Member\");\nvar aggregateMethodName = prop(\"AggregateMethodName\");\nvar value = prop(\"Value\");\nvar convert = function (mapper) { return function (values) { return Object.keys(values).reduce(mapper.bind(null, values), {}); }; };\nvar translateAggregate = convert(function (source, acc, field) { return set(field.toLowerCase(), acc, source[field]); });\nvar translateAggregates = convert(function (source, acc, field) { return set(field, acc, translateAggregate(source[field])); });\nvar valueOrDefault = function (value, defaultValue) { return isPresent(value) ? value : defaultValue; };\nvar normalizeGroup = function (group) { return ({\n aggregates: group.Aggregates || group.aggregates,\n field: group.Member || group.member || group.field,\n hasSubgroups: group.HasSubgroups || group.hasSubgroups || false,\n items: group.Items || group.items,\n value: valueOrDefault(group.Key, valueOrDefault(group.key, group.value))\n}); };\nvar translateGroup = compose(function (_a) {\n var field = _a.field, hasSubgroups = _a.hasSubgroups, value = _a.value, aggregates = _a.aggregates, items = _a.items;\n return ({\n aggregates: translateAggregates(aggregates),\n field: field,\n items: hasSubgroups ? items.map(translateGroup) : items,\n value: value\n });\n}, normalizeGroup);\n// tslint:disable:max-line-length\n/**\n * Converts the grouped result, which is returned into the `Data` field of the UI for ASP.NET MVC `ToDataSourceResult` method, to a comparable format.\n * @param data - The value of the `Data` field of the response.\n * @returns {GroupResult[]} - The converted result.\n */\nexport var translateDataSourceResultGroups = function (data) { return data.map(translateGroup); };\n/**\n * Converts the `AggregateResults` field content, which is returned by the UI for ASP.NET MVC `ToDataSourceResult` method, to a comparable format.\n * @param data - The value of the `AggregateResults` field of the response.\n * @returns {AggregateResult} - The converted result.\n */\n// tslint:enable:max-line-length\nexport var translateAggregateResults = function (data) { return ((data || []).reduce(function (acc, x) { return set(member(x), acc, set(aggregateMethodName(x).toLowerCase(), acc[member(x)] || {}, value(x))); }, {})); };\n","import { isPresent, isBlank } from '../utils';\nimport { getter } from '../accessor';\nvar compare = function (a, b) {\n if (isBlank(a)) {\n return a === b ? 0 : -1;\n }\n if (isBlank(b)) {\n return 1;\n }\n if (a.localeCompare) {\n return a.localeCompare(b);\n }\n return a > b ? 1 : (a < b ? -1 : 0);\n};\nvar compareDesc = function (a, b) { return compare(b, a); };\nvar descriptorAsFunc = function (descriptor) {\n var prop = getter(descriptor.field, true);\n return function (a, b) { return (descriptor.dir === 'asc' ? compare : compareDesc)(prop(a), prop(b)); };\n};\nvar initial = function (_a, _b) { return 0; };\n// tslint:disable:max-line-length\n/**\n * Converts the `SortDescriptors` into a [Comparer]({% slug api_kendo-data-query_comparer %}) function that can be used through `Array.sort`. If multiple descriptors are provided, sorting is applied in a right-to-left order.\n * @param {SortDescriptor[]} descriptors - The descriptors which will be converted.\n * @returns {Comparer} - The produced function.\n *\n * @example\n * ```ts\n * import { composeSortDescriptors } from '@progress/kendo-data-query';\n *\n * const data = [{ name: \"Pork\" }, { name: \"Pepper\" }, { name: \"Beef\" } ];\n * const comparer = composeSortDescriptors([{ field: \"name\", dir: \"asc\" }]);\n * const result = data.sort(comparer);\n * // output: [{ name: \"Beef\" }, { name: \"Pepper\" }, { name: \"Pork\" }];\n * ```\n */\n// tslint:enable:max-line-length\nexport var composeSortDescriptors = function (descriptors) { return (descriptors\n .filter(function (x) { return isPresent(x.dir); })\n .map(function (descriptor) { return descriptorAsFunc(descriptor); })\n .reduce(function (acc, curr) { return function (a, b) { return acc(a, b) || curr(a, b); }; }, initial)); };\n","import { isPresent, isNumeric, isDate } from './utils';\nimport { getter } from './accessor';\nvar valueToString = function (value) {\n value = isPresent(value) && value.getTime ? value.getTime() : value;\n return value + \"\";\n};\n/**\n * @hidden\n */\nexport var groupCombinator = function (field) {\n var prop = getter(field, true);\n var position = 0;\n return function (agg, value) {\n agg[field] = agg[field] || {};\n var groupValue = prop(value);\n var key = valueToString(groupValue);\n var values = agg[field][key] || { __position: position++, aggregates: {}, items: [], value: groupValue };\n values.items.push(value);\n agg[field][key] = values;\n return agg;\n };\n};\n/**\n * @hidden\n */\nexport var expandAggregates = function (result) {\n if (result === void 0) { result = {}; }\n Object.keys(result).forEach(function (field) {\n var aggregates = result[field];\n Object.keys(aggregates).forEach(function (aggregate) {\n aggregates[aggregate] = aggregates[aggregate].result();\n });\n });\n return result;\n};\nvar aggregatesFuncs = function (name) { return ({\n average: function () {\n var value = 0;\n var count = 0;\n return {\n calc: function (curr) {\n if (isNumeric(curr)) {\n value += curr;\n count++;\n }\n else {\n value = curr;\n }\n },\n result: function () { return isNumeric(value) ? value / count : value; }\n };\n },\n count: function () {\n var state = 0;\n return {\n calc: function () { return state++; },\n result: function () { return state; }\n };\n },\n max: function () {\n var state = Number.NEGATIVE_INFINITY;\n return {\n calc: function (value) {\n state = isNumeric(state) || isDate(state) ? state : value;\n if (state < value && (isNumeric(value) || isDate(value))) {\n state = value;\n }\n },\n result: function () { return state; }\n };\n },\n min: function () {\n var state = Number.POSITIVE_INFINITY;\n return {\n calc: function (value) {\n state = isNumeric(state) || isDate(state) ? state : value;\n if (state > value && (isNumeric(value) || isDate(value))) {\n state = value;\n }\n },\n result: function () { return state; }\n };\n },\n sum: function () {\n var state = 0;\n return {\n calc: function (value) {\n value = isPresent(value) ? value : 0;\n state += value;\n },\n result: function () { return state; }\n };\n }\n}[name]()); };\n/**\n * @hidden\n */\nexport var aggregatesCombinator = function (descriptors) {\n var functions = descriptors.map(function (descriptor) {\n var fieldAccessor = getter(descriptor.field, true);\n var aggregateName = (descriptor.aggregate || \"\").toLowerCase();\n var aggregateAccessor = getter(aggregateName, true);\n return function (state, value) {\n var fieldAggregates = state[descriptor.field] || {};\n var aggregateFunction = aggregateAccessor(fieldAggregates)\n || aggregatesFuncs(aggregateName);\n aggregateFunction.calc(fieldAccessor(value));\n fieldAggregates[descriptor.aggregate] = aggregateFunction;\n state[descriptor.field] = fieldAggregates;\n return state;\n };\n });\n return function (state, value) { return functions.reduce(function (agg, calc) { return calc(agg, value); }, state); };\n};\n/**\n * @hidden\n * Adds the value to the `arr` and produces a new array.\n *\n * > The original array will be modified.\n */\nexport var concat = function (arr, value) {\n arr.push(value);\n return arr;\n};\n/**\n * @hidden\n * Returns a reducer that will apply the specified transformation to the value.\n */\nexport var map = function (transform) { return (function (reduce) { return (function (acc, curr, index) { return reduce(acc, transform(curr, index)); }); }); };\n/**\n * @hidden\n * Returns a reducer that will filter out items which do not match the `Predicate`.\n */\nexport var filter = function (predicate) { return (function (reduce) { return (function (acc, curr) { return predicate(curr) ? reduce(acc, curr) : acc; }); }); };\n/**\n * @hidden\n */\nexport var isTransformerResult = function (source) {\n return isPresent(source.__value);\n};\nvar reduced = function (x) {\n if (isTransformerResult(x)) {\n return x;\n }\n return {\n __value: x,\n reduced: true\n };\n};\n/**\n * @hidden\n * Returns a reducer that will take the specified number of items.\n */\nexport var take = function (count) { return (function (reduce) { return (function (acc, curr) { return count-- > 0 ? reduce(acc, curr) : reduced(acc); }); }); };\n/**\n * @hidden\n * Returns a reducer that will take the specified number of items.\n */\nexport var takeWhile = function (predicate) { return (function (reduce) { return (function (acc, curr) { return predicate(curr) ? reduce(acc, curr) : reduced(acc); }); }); };\n/**\n * @hidden\n * Returns a reducer that will skip the specified number of items.\n */\nexport var skip = function (count) { return (function (reduce) { return (function (acc, curr) { return count-- <= 0 ? reduce(acc, curr) : acc; }); }); };\n/**\n * @hidden\n * Transforms the data by applying the supplied transformer.\n */\nexport var exec = function (transform, initialValue, data) {\n var result = initialValue;\n for (var idx = 0, length_1 = data.length; idx < length_1; idx++) {\n result = transform(result, data[idx], idx);\n if (isTransformerResult(result)) {\n result = result.__value;\n break;\n }\n }\n return result;\n};\n","import { exec, map, aggregatesCombinator, expandAggregates } from '../transducers';\nvar identity = map(function (x) { return x; });\n// tslint:disable:max-line-length\n/**\n * Applies the specified [AggregateDescriptors]({% slug api_kendo-data-query_aggregatedescriptor %}) to the data. Returns an [AggregateResult]({% slug api_kendo-data-query_aggregateresult %}) instance.\n *\n * @example\n * ```ts\n * const data = [\n * { unitPrice: 23, unitsInStock: 21 },\n * { unitPrice: 10, unitsInStock: 12 },\n * { unitPrice: 20, unitsInStock: 33 }\n * ];\n *\n * const result = aggregateBy(data, [\n * { aggregate: \"sum\", field: \"unitPrice\" },\n * { aggregate: \"sum\", field: \"unitsInStock\" }\n * ]);\n *\n * //output:\n * // {\n * // \"unitPrice\": { \"sum\": 53 },\n * // \"unitsInStock\": { \"sum\": 66 }\n * // }\n * ```\n * @param {T[]} data - The data on which the calculation will be executed.\n * @param {AggregateDescriptor[]} descriptors - The aggregate operations that will be executed.\n * @param {any} transformers - For internal use.\n * @returns {AggregateResult} - The aggregated result.\n * For more information, refer to the [aggregateresult]({% slug api_kendo-data-query_aggregateresult %}) configuration.\n */\n// tslint:enable:max-line-length\nexport var aggregateBy = function (data, descriptors, transformers) {\n if (descriptors === void 0) { descriptors = []; }\n if (transformers === void 0) { transformers = identity; }\n var initialValue = {};\n if (!descriptors.length) {\n return initialValue;\n }\n var result = exec(transformers(aggregatesCombinator(descriptors)), initialValue, data);\n return expandAggregates(result);\n};\n","import { isCompositeFilterDescriptor } from \"./filter-descriptor.interface\";\nimport { getter } from \"../accessor\";\nimport { isFunction, isPresent, isDate, isString, isBlank, isNumeric } from \"../utils\";\nvar logic = {\n \"or\": {\n concat: function (acc, fn) { return function (a) { return acc(a) || fn(a); }; },\n identity: function () { return false; }\n },\n \"and\": {\n concat: function (acc, fn) { return function (a) { return acc(a) && fn(a); }; },\n identity: function () { return true; }\n }\n};\nvar operatorsMap = {\n contains: function (a, b) { return (a || \"\").indexOf(b) >= 0; },\n doesnotcontain: function (a, b) { return (a || \"\").indexOf(b) === -1; },\n doesnotendwith: function (a, b) { return (a || \"\").indexOf(b, (a || \"\").length - (b || \"\").length) < 0; },\n doesnotstartwith: function (a, b) { return (a || \"\").lastIndexOf(b, 0) === -1; },\n endswith: function (a, b) { return (a || \"\").indexOf(b, (a || \"\").length - (b || \"\").length) >= 0; },\n eq: function (a, b) { return a === b; },\n gt: function (a, b) { return a > b; },\n gte: function (a, b) { return a >= b; },\n isempty: function (a) { return a === ''; },\n isnotempty: function (a) { return a !== ''; },\n isnotnull: function (a) { return isPresent(a); },\n isnull: function (a) { return isBlank(a); },\n lt: function (a, b) { return a < b; },\n lte: function (a, b) { return a <= b; },\n neq: function (a, b) { return a != b; },\n startswith: function (a, b) { return (a || \"\").lastIndexOf(b, 0) === 0; }\n};\nvar dateRegExp = /^\\/Date\\((.*?)\\)\\/$/;\nvar convertValue = function (value, ignoreCase) {\n if (value != null && isString(value)) {\n var date = dateRegExp.exec(value);\n if (date) {\n return new Date(+date[1]).getTime();\n }\n else if (ignoreCase) {\n return value.toLowerCase();\n }\n }\n else if (value != null && isDate(value)) {\n return value.getTime();\n }\n return value;\n};\nvar typedGetter = function (prop, value, ignoreCase) {\n if (!isPresent(value)) {\n return prop;\n }\n var acc = prop;\n if (isString(value)) {\n var date = dateRegExp.exec(value);\n if (date) {\n value = new Date(+date[1]);\n }\n else {\n acc = function (a) {\n var x = prop(a);\n if (typeof x === 'string' && ignoreCase) {\n return x.toLowerCase();\n }\n else {\n return isNumeric(x) ? x + \"\" : x;\n }\n };\n }\n }\n if (isDate(value)) {\n return function (a) {\n var x = acc(a);\n return isDate(x) ? x.getTime() : x;\n };\n }\n return acc;\n};\nvar transformFilter = function (_a) {\n var field = _a.field, ignoreCase = _a.ignoreCase, value = _a.value, operator = _a.operator;\n field = !isPresent(field) ? function (a) { return a; } : field;\n ignoreCase = isPresent(ignoreCase) ? ignoreCase : true;\n var itemProp = typedGetter(isFunction(field) ? field : getter(field, true), value, ignoreCase);\n value = convertValue(value, ignoreCase);\n var op = isFunction(operator) ? operator : operatorsMap[operator];\n return function (a) { return op(itemProp(a), value, ignoreCase); };\n};\n/**\n * @hidden\n */\nexport var transformCompositeFilter = function (filter) {\n var combiner = logic[filter.logic];\n return filter.filters\n .filter(isPresent)\n .map(function (x) { return isCompositeFilterDescriptor(x) ? transformCompositeFilter(x) : transformFilter(x); })\n .reduce(combiner.concat, combiner.identity);\n};\n","import { isPresent } from '../utils';\nimport { isCompositeFilterDescriptor } from './filter-descriptor.interface';\nimport { normalizeFilters } from './filter.operators';\nimport { transformCompositeFilter } from \"./filter-no-eval\";\n// tslint:disable:max-line-length\n/**\n * Creates a [Predicate]({% slug api_kendo-data-query_predicate %}) function for the specified [CompositeFilterDescriptor]({% slug api_kendo-data-query_compositefilterdescriptor %}).\n *\n * @param {CompositeFilterDescriptor} descriptor - The descriptor for which the predicate is created.\n * @returns {Predicate} - The created function instance.\n *\n * @example\n * ```ts\n * import { compileFilter } from '@progress/kendo-data-query';\n *\n * const data = [{ name: \"Pork\" }, { name: \"Pepper\" }, { name: \"Beef\" } ];\n * const predicate = compileFilter({ logic: \"and\", filters: [{ field: \"name\", operator: \"startswith\", value: \"P\" }] });\n * const result = data.filter(predicate);\n *\n * ```\n */\n// tslint:enable:max-line-length\nexport var compileFilter = function (descriptor) {\n if (!descriptor || descriptor.filters.length === 0) {\n return function () { return true; };\n }\n return transformCompositeFilter(descriptor);\n};\n// tslint:disable:max-line-length\n/**\n * Filters the provided array according to the specified [CompositeFilterDescriptor]({% slug api_kendo-data-query_compositefilterdescriptor %}).\n *\n * @param {T[]} data - The data that will be filtered.\n * @param {(CompositeFilterDescriptor | FilterDescriptor)} descriptor - The filter criteria that will be applied.\n * @returns {T[]} - The filtered data.\n *\n * @example\n * ```ts\n * import { filterBy } from '@progress/kendo-data-query';\n *\n * const data = [\n * { name: \"Pork\", category: \"Food\", subcategory: \"Meat\" },\n * { name: \"Pepper\", category: \"Food\", subcategory: \"Vegetables\" },\n * { name: \"Beef\", category: \"Food\", subcategory: \"Meat\" }\n * ];\n *\n * const result = filterBy(data, {\n * logic: 'and',\n * filters: [\n * { field: \"name\", operator: \"startswith\", value: \"p\", ignoreCase: true },\n * { field: \"subcategory\", operator: \"eq\", value: \"Meat\" },\n * ]\n * });\n *\n * // output:\n * // [{ \"name\": \"Pork\", \"category\": \"Food\", \"subcategory\": \"Meat\" }]\n * ```\n */\n// tslint:enable:max-line-length\nexport var filterBy = function (data, descriptor) {\n if (!isPresent(descriptor) || (isCompositeFilterDescriptor(descriptor) && descriptor.filters.length === 0)) {\n return data;\n }\n return data.filter(compileFilter(normalizeFilters(descriptor)));\n};\n","import { exec, map, groupCombinator } from '../transducers';\nimport { isArray, isPresent } from '../utils';\nimport { aggregateBy } from './aggregate.operators';\nimport { filterBy } from '../filtering/filter-expression.factory';\n/**\n * @hidden\n */\nexport var normalizeGroups = function (descriptors) {\n descriptors = isArray(descriptors) ? descriptors : [descriptors];\n return descriptors.map(function (x) { return Object.assign({ dir: \"asc\" }, x); });\n};\nvar identity = map(function (x) { return x; });\n/**\n * Groups the provided data according to the specified descriptors.\n *\n * @param {Array} data - The data that will be grouped.\n * @param {GroupDescriptor[]} descriptors - The descriptors.\n * @param {any} transformers - For internal use.\n * @param {Array} originalData - For internal use.\n * @returns {(Array> | T[])} - The grouped data.\n *\n * @example\n * ```ts\n *\n * import { groupBy } from '@progress/kendo-data-query';\n *\n * const data = [\n * { name: \"Pork\", category: \"Food\", subcategory: \"Meat\" },\n * { name: \"Pepper\", category: \"Food\", subcategory: \"Vegetables\" },\n * { name: \"Beef\", category: \"Food\", subcategory: \"Meat\" }\n * ];\n *\n * const result = groupBy(data, [{ field: \"subcategory\" }]);\n * ```\n */\nexport var groupBy = function (data, descriptors, transformers, originalData) {\n if (descriptors === void 0) { descriptors = []; }\n if (transformers === void 0) { transformers = identity; }\n if (originalData === void 0) { originalData = data; }\n descriptors = normalizeGroups(descriptors);\n if (!descriptors.length) {\n return data;\n }\n var descriptor = descriptors[0];\n var initialValue = {};\n var view = exec(transformers(groupCombinator(descriptor.field)), initialValue, data);\n var result = [];\n Object.keys(view).forEach(function (field) {\n Object.keys(view[field]).forEach(function (value) {\n var group = view[field][value];\n var aggregateResult = {};\n var filteredData = originalData;\n if (isPresent(descriptor.aggregates)) {\n filteredData = filterBy(originalData, {\n field: descriptor.field,\n ignoreCase: false,\n operator: 'eq',\n value: group.value\n });\n aggregateResult = aggregateBy(filteredData, descriptor.aggregates);\n }\n result[group.__position] = {\n aggregates: aggregateResult,\n field: field,\n items: descriptors.length > 1 ?\n groupBy(group.items, descriptors.slice(1), identity, filteredData)\n : group.items,\n value: group.value\n };\n });\n });\n return result;\n};\n","var merge = function (data, left, middle, right, compare) {\n var leftLength = middle - left;\n var rightLength = right - middle;\n var temp = [];\n for (var idx = 0; idx < leftLength; idx++) {\n temp.push(data[left + idx]);\n }\n var cursor1 = 0;\n var cursor2 = middle;\n var dest = left;\n do {\n if (compare(data[cursor2], temp[cursor1]) < 0) {\n data[dest++] = data[cursor2++];\n rightLength--;\n }\n else {\n data[dest++] = temp[cursor1++];\n leftLength--;\n }\n } while (rightLength > 0 && leftLength > 0);\n while (leftLength) {\n data[dest++] = temp[cursor1++];\n leftLength--;\n }\n while (rightLength) {\n data[dest++] = data[cursor2++];\n rightLength--;\n }\n};\n/**\n * @hidden\n */\nexport var sort = function (data, start, end, compare) {\n if (end - start < 2) {\n return;\n }\n var mid = (start + end) >>> 1; // tslint:disable-line:no-bitwise\n sort(data, start, mid, compare);\n sort(data, mid, end, compare);\n merge(data, start, mid, end, compare);\n};\n","import { isPresent, isString } from './utils';\nimport { composeSortDescriptors } from './sorting/sort-array.operator';\nimport { groupBy, normalizeGroups } from './grouping/group.operators';\nimport { normalizeFilters } from './filtering/filter.operators';\nimport { compileFilter } from './filtering/filter-expression.factory';\nimport { exec, skip, take, filter, concat } from './transducers';\nimport { getter } from './accessor';\nimport { compose } from './funcs';\nimport { sort } from './sorting/sort';\n/**\n * Orders the specified array according to the provided sort descriptors.\n *\n * @param {T[]} data - The data to be sorted.\n * @param {SortDescriptor[]} descriptors - The descriptors by which the data will be sorted.\n * @returns {T[]} - The sorted data.\n *\n * @example\n * ```ts\n * import { orderBy } from '@progress/kendo-data-query';\n *\n * const data = [\n * { name: \"Pork\", category: \"Food\", subcategory: \"Meat\" },\n * { name: \"Pepper\", category: \"Food\", subcategory: \"Vegetables\" },\n * { name: \"Beef\", category: \"Food\", subcategory: \"Meat\" }\n * ];\n *\n * const result = orderBy(data, [{ field: \"name\", dir: \"asc\" }]);\n * ```\n */\nexport var orderBy = function (data, descriptors) {\n if (descriptors.some(function (x) { return isPresent(x.dir); })) {\n data = data.slice(0);\n var comparer = composeSortDescriptors(descriptors);\n sort(data, 0, data.length, comparer);\n }\n return data;\n};\nvar defaultComparer = function (a, b) { return a === b; };\nvar normalizeComparer = function (comparer) {\n if (isString(comparer)) {\n var accessor_1 = getter(comparer);\n comparer = function (a, b) { return accessor_1(a) === accessor_1(b); };\n }\n return comparer;\n};\nvar _distinct = function (data, comparer) {\n return data.filter(function (x, idx, xs) { return xs.findIndex(comparer.bind(null, x)) === idx; });\n};\n/**\n * Reduces the provided array so it contains only unique values.\n *\n * @param {T[]} data - The array that will be reduced.\n * @param {(Comparer | string)} comparer - An optional custom comparer function or the field name that will be used for comparison.\n * @returns {T[]} - The reduced data.\n *\n * @example\n * ```ts\n * import { distinct } from '@progress/kendo-data-query';\n *\n * const data = [\n * { name: \"Pork\", category: \"Food\", subcategory: \"Meat\" },\n * { name: \"Pepper\", category: \"Food\", subcategory: \"Vegetables\" },\n * { name: \"Beef\", category: \"Food\", subcategory: \"Meat\" }\n * ];\n *\n * const result = distinct(data, \"subcategory\");\n *\n * // output:\n * // result => [\n * // { name: \"Pork\", category: \"Food\", subcategory: \"Meat\" },\n * // { name: \"Pepper\", category: \"Food\", subcategory: \"Vegetables\" }\n * // ];\n * ```\n */\nexport var distinct = function (data, comparer) {\n if (comparer === void 0) { comparer = defaultComparer; }\n return _distinct(data, normalizeComparer(comparer));\n};\n/**\n * @hidden\n */\nexport var count = function (data, predicate) {\n var counter = 0;\n for (var idx = 0, length_1 = data.length; idx < length_1; idx++) {\n if (predicate(data[idx])) {\n counter++;\n }\n }\n return counter;\n};\n/**\n * @hidden\n */\nexport var limit = function (data, predicate) {\n if (predicate) {\n return data.filter(predicate);\n }\n return data;\n};\n/**\n * Applies the specified operation descriptors to the data.\n *\n * @param {T[]} data - The data to be processed.\n * @param {State} state - The operation descriptors that will be applied to the data.\n * @returns {DataResult} - The processed data.\n *\n * @example\n * ```ts\n *\n * const result = process(data, {\n * skip: 10,\n * take: 20,\n * group: [{\n * field: 'category.categoryName',\n * aggregates: [\n * { aggregate: \"sum\", field: \"unitPrice\" },\n * { aggregate: \"sum\", field: \"unitsInStock\" }\n * ]\n * }],\n * sort: [{ field: 'productName', dir: 'desc' }],\n * filter: {\n * logic: \"or\",\n * filters: [\n * { field: \"discontinued\", operator: \"eq\", value: true },\n * { field: \"unitPrice\", operator: \"lt\", value: 22 }\n * ]\n * }\n * });\n *\n * ```\n */\nexport var process = function (data, state) {\n var skipCount = state.skip, takeCount = state.take, filterDescriptor = state.filter, sort = state.sort, group = state.group;\n var sortDescriptors = normalizeGroups(group || []).concat(sort || []);\n if (sortDescriptors.length) {\n data = orderBy(data, sortDescriptors);\n }\n var hasFilters = isPresent(filterDescriptor) && filter.length;\n var hasGroups = isPresent(group) && group.length;\n if (!hasFilters && !hasGroups) {\n return {\n data: takeCount ? data.slice(skipCount, skipCount + takeCount) : data,\n total: data.length\n };\n }\n var total;\n var transformers = [];\n var predicate;\n if (hasFilters) {\n predicate = compileFilter(normalizeFilters(filterDescriptor));\n total = count(data, predicate);\n transformers.push(filter(predicate));\n }\n else {\n total = data.length;\n }\n if (isPresent(skipCount) && isPresent(takeCount)) {\n transformers.push(skip(skipCount));\n transformers.push(take(takeCount));\n }\n if (transformers.length) {\n var transform = compose.apply(void 0, transformers);\n var result = hasGroups ?\n groupBy(data, group, transform, limit(data, predicate)) :\n exec(transform(concat), [], data);\n return { data: result, total: total };\n }\n return {\n data: hasGroups ? groupBy(data, group) : data,\n total: total\n };\n};\n","var __spreadArrays = this && this.__spreadArrays || function () {\n for (var s = 0, i = 0, il = arguments.length; i < il; i++) {\n s += arguments[i].length;\n }\n\n for (var r = Array(s), k = 0, i = 0; i < il; i++) {\n for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++) {\n r[k] = a[j];\n }\n }\n\n return r;\n};\n/**\n * @hidden\n */\n\n\nexport var SELECTION_TYPE;\n\n(function (SELECTION_TYPE) {\n SELECTION_TYPE[\"single\"] = \"single\";\n SELECTION_TYPE[\"multiple\"] = \"multiple\";\n SELECTION_TYPE[\"none\"] = \"none\";\n})(SELECTION_TYPE || (SELECTION_TYPE = {}));\n/**\n * @hidden\n */\n\n\nexport var SELECTION_ACTION;\n\n(function (SELECTION_ACTION) {\n SELECTION_ACTION[\"toggle\"] = \"toggle\";\n SELECTION_ACTION[\"remove\"] = \"remove\";\n})(SELECTION_ACTION || (SELECTION_ACTION = {}));\n/**\n * @hidden\n */\n\n\nexport var selectionReducer = function selectionReducer(state, action) {\n switch (action.selection) {\n case SELECTION_TYPE.single:\n switch (action.type) {\n case SELECTION_ACTION.toggle:\n {\n if (!Array.isArray(state) || state === null) {\n return action.payload === state ? null : action.payload;\n }\n\n throw new Error('State cannot be an array in single selection');\n }\n\n case SELECTION_ACTION.remove:\n {\n return action.payload === state ? null : state;\n }\n\n default:\n return state;\n }\n\n case SELECTION_TYPE.multiple:\n switch (action.type) {\n case SELECTION_ACTION.toggle:\n {\n if (Array.isArray(state)) {\n return state.some(function (i) {\n return i === action.payload;\n }) ? state.filter(function (i) {\n return i !== action.payload;\n }) : __spreadArrays(state, [action.payload]);\n }\n\n if (state === null) {\n return [action.payload];\n }\n\n throw new Error('State cannot be non-array in multiple selection');\n }\n\n case SELECTION_ACTION.remove:\n {\n if (Array.isArray(state)) {\n return state.some(function (i) {\n return i === action.payload;\n }) ? state.filter(function (i) {\n return i !== action.payload;\n }) : __spreadArrays(state, [action.payload]);\n }\n\n return state;\n }\n\n default:\n return state;\n }\n\n case SELECTION_TYPE.none:\n return null;\n\n default:\n return state;\n }\n};","import * as Vue from 'vue';\nvar allVue = Vue;\nvar gh = allVue.h;\n/**\n * Represents the default `PagerNumericButtons` component.\n */\n\nvar PagerNumericButtons = {\n name: 'KendoNumericButtons',\n props: {\n buttonCount: Number,\n totalPages: Number,\n currentPage: Number,\n size: String\n },\n computed: {\n start: {\n get: function get() {\n var page = this.$props.currentPage;\n var buttonCount = this.$props.buttonCount;\n\n if (page > buttonCount) {\n var reminder = page % buttonCount;\n return reminder === 0 ? page - buttonCount + 1 : page - reminder + 1;\n }\n\n return 1;\n }\n },\n end: {\n get: function get() {\n return Math.min(this.start + this.$props.buttonCount - 1, this.$props.totalPages);\n }\n }\n },\n methods: {\n click: function click(e, page) {\n e.preventDefault();\n this.$emit('pagechange', page, e);\n },\n ddlChange: function ddlChange(event) {\n this.$emit('pagechange', parseInt(event.target.value, 10), event);\n }\n },\n // @ts-ignore\n setup: !gh ? undefined : function () {\n var v3 = !!gh;\n return {\n v3: v3\n };\n },\n // @ts-ignore\n render: function render(createElement) {\n var _this = this;\n\n var h = gh || createElement;\n var prevDots = this.start > 1 ? h(\"li\", [h(\"a\", {\n \"class\": \"k-link\",\n onClick: function onClick(e) {\n return _this.click(e, _this.start - 1);\n },\n on: this.v3 ? undefined : {\n \"click\": function onClick(e) {\n return _this.click(e, _this.start - 1);\n }\n },\n href: \"#\",\n attrs: this.v3 ? undefined : {\n href: \"#\"\n }\n }, [\"...\"])]) : '';\n var postDots = this.end < this.$props.totalPages ? h(\"li\", [h(\"a\", {\n \"class\": \"k-link\",\n onClick: function onClick(e) {\n return _this.click(e, _this.end + 1);\n },\n on: this.v3 ? undefined : {\n \"click\": function onClick(e) {\n return _this.click(e, _this.end + 1);\n }\n },\n href: \"#\",\n attrs: this.v3 ? undefined : {\n href: \"#\"\n }\n }, [\"...\"])]) : '';\n var buttons = [];\n\n for (var idx = this.start; idx <= this.end; idx++) {\n buttons.push(idx);\n }\n\n var numerics = buttons.map(function (page) {\n var _this = this;\n\n return h(\"li\", {\n key: page\n }, [h(\"a\", {\n href: \"#\",\n attrs: this.v3 ? undefined : {\n href: \"#\"\n },\n onClick: function onClick(e) {\n return _this.click(e, page);\n },\n on: this.v3 ? undefined : {\n \"click\": function onClick(e) {\n return _this.click(e, page);\n }\n },\n \"class\": this.$props.currentPage === page ? 'k-link k-state-selected' : 'k-link'\n }, [page])]);\n }, this);\n\n var dropdown = function dropdown(currentButtons) {\n return h(\"select\", {\n \"class\": \"k-dropdown\",\n onChange: this.ddlChange,\n on: this.v3 ? undefined : {\n \"change\": this.ddlChange\n }\n }, [currentButtons.map(function (cb) {\n return h(\"option\", {\n value: this.v3 ? cb : null,\n domProps: this.v3 ? undefined : {\n \"value\": cb,\n \"selected\": cb === this.$props.currentPage\n },\n selected: this.v3 ? cb === this.$props.currentPage : null\n }, [cb]);\n }, this)]);\n };\n\n return h(\"div\", {\n \"class\": \"k-pager-numbers-wrap\"\n }, [this.$props.size !== 'small' ? h(\"ul\", {\n \"class\": \"k-pager-numbers k-reset\"\n }, [prevDots, numerics, postDots]) : dropdown.call(this, buttons)]);\n }\n};\nvar PagerNumericButtonsVue3 = PagerNumericButtons;\nexport { PagerNumericButtons, PagerNumericButtonsVue3 };","import { FOCUSABLE_ELEMENTS, KEYBOARD_NAV_DATA_BODY, KEYBOARD_NAV_DATA_HEADER, KEYBOARD_NAV_DATA_ID, KEYBOARD_NAV_DATA_LEVEL, KEYBOARD_NAV_DATA_SCOPE, KEYBOARD_NAV_FILTER_COL_SUFFIX, TABBABLE_ELEMENTS } from './constants';\n/**\n * @hidden\n */\nexport var generateNavigatableId = function (navigationId, idPrefix, type) {\n if (type === void 0) { type = 'cell'; }\n return idPrefix + \"_\" + navigationId + \"_\" + type;\n};\n/**\n * @hidden\n */\nexport var getNavigatableLevel = function (element) {\n if (!element) {\n return;\n }\n return parseInt(element.getAttribute(KEYBOARD_NAV_DATA_LEVEL) || '', 10);\n};\n/**\n * @hidden\n */\nexport var getNavigatableId = function (element) {\n if (!element) {\n return;\n }\n var dataId = element.getAttribute(KEYBOARD_NAV_DATA_ID);\n return dataId ? dataId : undefined;\n};\n/**\n * @hidden\n */\nexport var isNavigatable = function (element) {\n if (!element) {\n return false;\n }\n var dataId = element.getAttribute(KEYBOARD_NAV_DATA_ID);\n return Boolean(dataId);\n};\n/**\n * @hidden\n */\nexport var getNavigatableElement = function (scope, options) {\n if (options === void 0) { options = { level: 0 }; }\n return scope.querySelector(\"[\" + KEYBOARD_NAV_DATA_LEVEL + \"='\" + options.level + \"']\");\n};\n/**\n * @hidden\n */\nexport var getClosestNavigatableElement = function (target) {\n return (target.parentElement &&\n target.parentElement.closest(\"[\" + KEYBOARD_NAV_DATA_LEVEL + \"]\"));\n};\n/**\n * @hidden\n */\nexport var getActiveElement = function (scope, activeId) {\n return scope.querySelector(\"[\" + KEYBOARD_NAV_DATA_ID + \"='\" + activeId + \"']\");\n};\n/**\n * @hidden\n */\nexport var getClosestScope = function (target) {\n return (target.parentElement &&\n target.parentElement.closest(\"[\" + KEYBOARD_NAV_DATA_SCOPE + \"]\"));\n};\n/**\n * @hidden\n */\nexport var getHeaderElement = function (scope) {\n return scope.querySelector(\"[\" + KEYBOARD_NAV_DATA_HEADER + \"]\");\n};\n/**\n * @hidden\n */\nexport var getBodyElement = function (scope) {\n return scope.querySelector(\"[\" + KEYBOARD_NAV_DATA_BODY + \"]\");\n};\n/**\n * @hidden\n */\nexport var getFocusableElements = function (scope, options) {\n if (options === void 0) { options = { focusable: false }; }\n var selectors = options.focusable ? FOCUSABLE_ELEMENTS : TABBABLE_ELEMENTS;\n return Array.from(scope.querySelectorAll(selectors.join(',')));\n};\n/**\n * @hidden\n */\nexport var getNavigatableElements = function (scope, options) {\n if (options === void 0) { options = { level: 0 }; }\n if (!scope) {\n return [];\n }\n var selector = FOCUSABLE_ELEMENTS.map(function (el) { return el + (\"[\" + KEYBOARD_NAV_DATA_LEVEL + \"='\" + options.level + \"']\"); }).join(',');\n return Array.from(scope.querySelectorAll(selector));\n};\n/**\n * @hidden\n */\nexport var filterNavigatableElements = function (options) {\n if (options === void 0) { options = { level: 0 }; }\n var selector = FOCUSABLE_ELEMENTS.map(function (sel) { return sel + (\"[\" + KEYBOARD_NAV_DATA_LEVEL + \"='\" + options.level + \"']\"); }).join(',');\n return function (element) { return element.matches(selector); };\n};\n/**\n * @hidden\n */\nexport var focusElement = function (options) {\n var elementForFocus = options.elementForFocus, event = options.event, kbContext = options.kbContext, prevElement = options.prevElement;\n if (kbContext && elementForFocus && elementForFocus.focus) {\n event.preventDefault();\n elementForFocus.focus();\n if (isNavigatable(elementForFocus)) {\n elementForFocus.setAttribute('tabIndex', '0');\n kbContext.activeId = getNavigatableId(elementForFocus);\n }\n if (prevElement && isNavigatable(prevElement)) {\n prevElement.setAttribute('tabIndex', '-1');\n }\n }\n};\n/**\n * @hidden\n */\nexport var getIdPrefix = function (navigation) {\n return navigation ? navigation.idPrefix : '';\n};\n/**\n * @hidden\n */\nexport var findNextIdByRowIndex = function (initialRowIndex, cellIndex, elementId, matrix, isReverse) {\n if (!elementId) {\n return [];\n }\n var currentRowIndex = initialRowIndex + (isReverse ? -1 : 1);\n while (currentRowIndex >= 0 && currentRowIndex < matrix.length) {\n var currentId = matrix[currentRowIndex][cellIndex];\n if (currentId !== elementId) {\n return [currentId, [currentRowIndex, cellIndex]];\n }\n currentRowIndex = currentRowIndex + (isReverse ? -1 : 1);\n }\n return [];\n};\n/**\n * @hidden\n */\nexport var findNextIdByCellIndex = function (rowIndex, initialCellIndex, elementId, matrix, isReverse) {\n if (!elementId) {\n return [];\n }\n var currentCellIndex = initialCellIndex + (isReverse ? -1 : 1);\n while (currentCellIndex >= 0 && currentCellIndex < matrix[rowIndex].length) {\n var currentId = matrix[rowIndex][currentCellIndex];\n if (currentId !== elementId) {\n return [currentId, [rowIndex, currentCellIndex]];\n }\n currentCellIndex = currentCellIndex + (isReverse ? -1 : 1);\n }\n return [];\n};\n/**\n * @hidden\n */\nexport var findId = function (navigationMatrix, cellId) {\n if (!cellId) {\n return;\n }\n for (var rowIndex = 0; rowIndex < navigationMatrix.length; rowIndex++) {\n for (var cellIndex = 0; cellIndex < navigationMatrix[rowIndex].length; cellIndex++) {\n if (navigationMatrix[rowIndex][cellIndex] === cellId) {\n return [rowIndex, cellIndex];\n }\n }\n }\n};\n/**\n * @hidden\n */\nexport var getNextNavigationIndex = function (navigation) {\n return navigation ? navigation.navigationMatrix.length : 0;\n};\n/**\n * @hidden\n */\nexport var getFilterColumnId = function (columnId) {\n return columnId ? \"\" + columnId + KEYBOARD_NAV_FILTER_COL_SUFFIX : '';\n};\n/**\n * @hidden\n */\nexport var tableKeyboardNavigationTools = {\n generateNavigatableId: generateNavigatableId,\n getNavigatableId: getNavigatableId,\n getNavigatableLevel: getNavigatableLevel,\n getNavigatableElement: getNavigatableElement,\n getClosestNavigatableElement: getClosestNavigatableElement,\n getActiveElement: getActiveElement,\n getClosestScope: getClosestScope,\n getHeaderElement: getHeaderElement,\n getBodyElement: getBodyElement,\n getFocusableElements: getFocusableElements,\n getNavigatableElements: getNavigatableElements,\n filterNavigatableElements: filterNavigatableElements,\n focusElement: focusElement,\n getIdPrefix: getIdPrefix,\n isNavigatable: isNavigatable,\n findNextIdByRowIndex: findNextIdByRowIndex,\n findNextIdByCellIndex: findNextIdByCellIndex,\n findId: findId,\n getNextNavigationIndex: getNextNavigationIndex,\n getFilterColumnId: getFilterColumnId\n};\n","/**\n * @hidden\n */\nvar outerHeight = function (element) {\n if (!element) {\n return 0;\n }\n var wnd = element.ownerDocument.defaultView;\n var computedStyles = wnd.getComputedStyle(element);\n var marginTop = parseFloat(computedStyles.marginTop);\n var marginBottom = parseFloat(computedStyles.marginBottom);\n return element.offsetHeight + marginTop + marginBottom;\n};\n/**\n * @hidden\n */\nvar outerWidth = function (element) {\n if (!element) {\n return 0;\n }\n var wnd = element.ownerDocument.defaultView;\n var computedStyles = wnd.getComputedStyle(element);\n var marginLeft = parseFloat(computedStyles.marginLeft);\n var marginRight = parseFloat(computedStyles.marginRight);\n return element.offsetWidth + marginLeft + marginRight;\n};\n/**\n * @hidden\n */\nvar styles = {\n 'animation-container': 'k-animation-container',\n 'animation-container-relative': 'k-animation-container-relative',\n 'animation-container-fixed': 'k-animation-container-fixed',\n 'push-right-enter': 'k-push-right-enter',\n 'push-right-appear': 'k-push-right-appear',\n 'push-right-enter-active': 'k-push-right-enter-active',\n 'push-right-appear-active': 'k-push-right-appear-active',\n 'push-right-exit': 'k-push-right-exit',\n 'push-right-exit-active': 'k-push-right-exit-active',\n 'push-left-enter': 'k-push-left-enter',\n 'push-left-appear': 'k-push-left-appear',\n 'push-left-enter-active': 'k-push-left-enter-active',\n 'push-left-appear-active': 'k-push-left-appear-active',\n 'push-left-exit': 'k-push-left-exit',\n 'push-left-exit-active': 'k-push-left-exit-active',\n 'push-down-enter': 'k-push-down-enter',\n 'push-down-appear': 'k-push-down-appear',\n 'push-down-enter-active': 'k-push-down-enter-active',\n 'push-down-appear-active': 'k-push-down-appear-active',\n 'push-down-exit': 'k-push-down-exit',\n 'push-down-exit-active': 'k-push-down-exit-active',\n 'push-up-enter': 'k-push-up-enter',\n 'push-up-appear': 'k-push-up-appear',\n 'push-up-enter-active': 'k-push-up-enter-active',\n 'push-up-appear-active': 'k-push-up-appear-active',\n 'push-up-exit': 'k-push-up-exit',\n 'push-up-exit-active': 'k-push-up-exit-active',\n 'expand': 'k-expand',\n 'expand-vertical-enter': 'k-expand-vertical-enter',\n 'expand-vertical-appear': 'k-expand-vertical-appear',\n 'expand-vertical-enter-active': 'k-expand-vertical-enter-active',\n 'expand-vertical-appear-active': 'k-expand-vertical-appear-active',\n 'expand-vertical-exit': 'k-expand-vertical-exit',\n 'expand-vertical-exit-active': 'k-expand-vertical-exit-active',\n 'expand-horizontal-enter': 'k-expand-horizontal-enter',\n 'expand-horizontal-appear': 'k-expand-horizontal-appear',\n 'expand-horizontal-enter-active': 'k-expand-horizontal-enter-active',\n 'expand-horizontal-appear-active': 'k-expand-horizontal-appear-active',\n 'expand-horizontal-exit': 'k-expand-horizontal-exit',\n 'expand-horizontal-exit-active': 'k-expand-horizontal-exit-active',\n 'child-animation-container': 'k-child-animation-container',\n 'fade-enter': 'k-fade-enter',\n 'fade-appear': 'k-fade-appear',\n 'fade-enter-active': 'k-fade-enter-active',\n 'fade-appear-active': 'k-fade-appear-active',\n 'fade-exit': 'k-fade-exit',\n 'fade-exit-active': 'k-fade-exit-active',\n 'zoom-in-enter': 'k-zoom-in-enter',\n 'zoom-in-appear': 'k-zoom-in-appear',\n 'zoom-in-enter-active': 'k-zoom-in-enter-active',\n 'zoom-in-appear-active': 'k-zoom-in-appear-active',\n 'zoom-in-exit': 'k-zoom-in-exit',\n 'zoom-in-exit-active': 'k-zoom-in-exit-active',\n 'zoom-out-enter': 'k-zoom-out-enter',\n 'zoom-out-appear': 'k-zoom-out-appear',\n 'zoom-out-enter-active': 'k-zoom-out-enter-active',\n 'zoom-out-appear-active': 'k-zoom-out-appear-active',\n 'zoom-out-exit': 'k-zoom-out-exit',\n 'zoom-out-exit-active': 'k-zoom-out-exit-active',\n 'slide-in-appear': 'k-slide-in-appear',\n 'centered': 'k-centered',\n 'slide-in-appear-active': 'k-slide-in-appear-active',\n 'slide-down-enter': 'k-slide-down-enter',\n 'slide-down-appear': 'k-slide-down-appear',\n 'slide-down-enter-active': 'k-slide-down-enter-active',\n 'slide-down-appear-active': 'k-slide-down-appear-active',\n 'slide-down-exit': 'k-slide-down-exit',\n 'slide-down-exit-active': 'k-slide-down-exit-active',\n 'slide-up-enter': 'k-slide-up-enter',\n 'slide-up-appear': 'k-slide-up-appear',\n 'slide-up-enter-active': 'k-slide-up-enter-active',\n 'slide-up-appear-active': 'k-slide-up-appear-active',\n 'slide-up-exit': 'k-slide-up-exit',\n 'slide-up-exit-active': 'k-slide-up-exit-active',\n 'slide-right-enter': 'k-slide-right-enter',\n 'slide-right-appear': 'k-slide-right-appear',\n 'slide-right-enter-active': 'k-slide-right-enter-active',\n 'slide-right-appear-active': 'k-slide-right-appear-active',\n 'slide-right-exit': 'k-slide-right-exit',\n 'slide-right-exit-active': 'k-slide-right-exit-active',\n 'slide-left-enter': 'k-slide-left-enter',\n 'slide-left-appear': 'k-slide-left-appear',\n 'slide-left-enter-active': 'k-slide-left-enter-active',\n 'slide-left-appear-active': 'k-slide-left-appear-active',\n 'slide-left-exit': 'k-slide-left-exit',\n 'slide-left-exit-active': 'k-slide-left-exit-active',\n 'reveal-vertical-enter': 'k-reveal-vertical-enter',\n 'reveal-vertical-appear': 'k-reveal-vertical-appear',\n 'reveal-vertical-enter-active': 'k-reveal-vertical-enter-active',\n 'reveal-vertical-appear-active': 'k-reveal-vertical-appear-active',\n 'reveal-vertical-exit': 'k-reveal-vertical-exit',\n 'reveal-vertical-exit-active': 'k-reveal-vertical-exit-active',\n 'reveal-horizontal-enter': 'k-reveal-horizontal-enter',\n 'reveal-horizontal-appear': 'k-reveal-horizontal-appear',\n 'reveal-horizontal-enter-active': 'k-reveal-horizontal-enter-active',\n 'reveal-horizontal-appear-active': 'k-reveal-horizontal-appear-active',\n 'reveal-horizontal-exit': 'k-reveal-horizontal-exit',\n 'reveal-horizontal-exit-active': 'k-reveal-horizontal-exit-active'\n};\n/**\n * @hidden\n */\nexport default {\n outerHeight: outerHeight,\n outerWidth: outerWidth,\n styles: styles\n};\n","var __assign = this && this.__assign || function () {\n __assign = Object.assign || function (t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n\n for (var p in s) {\n if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n }\n }\n\n return t;\n };\n\n return __assign.apply(this, arguments);\n};\n\nvar __rest = this && this.__rest || function (s, e) {\n var t = {};\n\n for (var p in s) {\n if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n }\n\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n }\n return t;\n}; // @ts-ignore\n\n\nimport * as Vue from 'vue';\nvar allVue = Vue;\nvar gh = allVue.h;\nvar ref = allVue.ref;\nvar Transition = allVue.Transition;\nimport util from './util';\nimport { getDefaultSlots } from '@progress/kendo-vue-common';\nvar styles = util.styles;\n/**\n * Represents the default `Animation` component.\n */\n\nvar AnimationChild = {\n props: {\n in: Boolean,\n transitionName: {\n type: String,\n required: true\n },\n transitionStyle: Object,\n componentChildClassName: [Array],\n className: String,\n appear: {\n type: Boolean,\n default: true\n },\n enter: {\n type: Boolean,\n default: true\n },\n exit: {\n type: Boolean,\n default: true\n },\n transitionEnterDuration: Number,\n transitionExitDuration: Number,\n mountOnEnter: Boolean,\n unmountOnExit: Boolean,\n animationEnteringStyle: Object,\n animationEnteredStyle: Object,\n animationExitingStyle: Object,\n animationExitedStyle: Object\n },\n created: function created() {\n this.animationStep = '';\n },\n // @ts-ignore\n setup: !gh ? undefined : function () {\n var v3 = !!gh;\n var elementRef = ref(null);\n return {\n v3: v3,\n elementRef: elementRef\n };\n },\n mounted: function mounted() {\n this._element = this.v3 ? this.elementRef || null : this.$refs.element || null;\n },\n computed: {\n element: {\n get: function get() {\n return this._element;\n }\n }\n },\n methods: {\n onBeforeEnter: function onBeforeEnter(e) {\n this.$emit('beforeenter', {\n animatedElement: e,\n target: this\n });\n },\n onEnter: function onEnter(e) {\n this.animationStep = 'entering';\n this.$emit('entering', {\n animatedElement: e,\n target: this\n });\n },\n onAfterEnter: function onAfterEnter(e) {\n this.animationStep = 'entered';\n this.$emit('entered', {\n animatedElement: e,\n target: this\n });\n },\n onBeforeLeave: function onBeforeLeave(e) {\n this.$emit('exit', {\n animatedElement: e,\n target: this\n });\n },\n onLeave: function onLeave(e) {\n this.animationStep = 'exiting';\n this.$emit('exiting', {\n animatedElement: e,\n target: this\n });\n },\n onAfterLeave: function onAfterLeave(e) {\n this.animationStep = 'exited';\n this.$emit('exited', {\n animatedElement: e,\n target: this\n });\n }\n },\n // @ts-ignore\n render: function render(createElement) {\n var _this = this;\n\n var h = gh || createElement;\n\n var _a = this.$props,\n appear = _a.appear,\n enter = _a.enter,\n exit = _a.exit,\n transitionName = _a.transitionName,\n transitionEnterDuration = _a.transitionEnterDuration,\n transitionExitDuration = _a.transitionExitDuration,\n className = _a.className,\n componentChildClassName = _a.componentChildClassName,\n mountOnEnter = _a.mountOnEnter,\n unmountOnExit = _a.unmountOnExit,\n animationEnteringStyle = _a.animationEnteringStyle,\n animationEnteredStyle = _a.animationEnteredStyle,\n animationExitingStyle = _a.animationExitingStyle,\n animationExitedStyle = _a.animationExitedStyle,\n other = __rest(_a, [\"appear\", \"enter\", \"exit\", \"transitionName\", \"transitionEnterDuration\", \"transitionExitDuration\", \"className\", \"componentChildClassName\", \"mountOnEnter\", \"unmountOnExit\", \"animationEnteringStyle\", \"animationEnteredStyle\", \"animationExitingStyle\", \"animationExitedStyle\"]);\n\n var defaultSlot = getDefaultSlots(this);\n var hasChildren = this.v3 ? appear : !!defaultSlot;\n var transitionTag = this.v3 ? Transition : 'transition';\n var childAnimationContainerClassNames = [componentChildClassName, styles['child-animation-container']];\n var enterDuration = enter ? transitionEnterDuration : 0;\n var exitDuration = exit ? transitionExitDuration : 0;\n\n var defaultStyle = __assign({\n transitionDelay: '0ms',\n transitionDuration: hasChildren ? enterDuration + \"ms\" : exitDuration + \"ms\"\n }, this.$props.transitionStyle);\n\n var animationStyle = {\n entering: __assign({\n transitionDuration: enterDuration + \"ms\"\n }, animationEnteringStyle),\n entered: __assign({}, animationEnteredStyle),\n exiting: __assign({\n transitionDuration: exitDuration + \"ms\"\n }, animationExitingStyle),\n exited: __assign({}, animationExitedStyle)\n };\n var childElementStyles = [defaultStyle, animationStyle[this.animationStep]];\n var duration = {\n enter: enterDuration,\n leave: exitDuration\n };\n var rendererChildren = [hasChildren ? h('div', {\n style: childElementStyles,\n 'class': childAnimationContainerClassNames,\n ref: this.v3 ? function (el) {\n _this.elementRef = el;\n } : 'element'\n }, [defaultSlot]) : null];\n return h(transitionTag, {\n duration: duration,\n attrs: this.v3 ? null : {\n duration: duration,\n name: transitionName,\n appear: appear,\n appearClass: styles[transitionName + \"-appear\"] || transitionName + \"-appear\",\n appearToClass: styles[transitionName + \"-appear-active\"] || transitionName + \"-appear-active\",\n enterClass: styles[transitionName + \"-enter\"] || transitionName + \"-enter\",\n enterToClass: styles[transitionName + \"-enter-active\"] || transitionName + \"-enter-active\",\n leaveClass: styles[transitionName + \"-exit\"] || transitionName + \"-exit\",\n leaveToClass: styles[transitionName + \"-exit-active\"] || transitionName + \"-exit-active\"\n },\n name: transitionName,\n appear: appear,\n appearFromClass: styles[transitionName + \"-appear\"] || transitionName + \"-appear\",\n enterFromClass: styles[transitionName + \"-enter\"] || transitionName + \"-enter\",\n leaveFromClass: styles[transitionName + \"-exit\"] || transitionName + \"-exit\",\n appearToClass: styles[transitionName + \"-appear-active\"] || transitionName + \"-appear-active\",\n enterToClass: styles[transitionName + \"-enter-active\"] || transitionName + \"-enter-active\",\n leaveToClass: styles[transitionName + \"-exit-active\"] || transitionName + \"-exit-active\",\n onBeforeEnter: this.onBeforeEnter,\n on: this.v3 ? null : {\n 'beforeEnter': this.onBeforeEnter,\n 'enter': this.onEnter,\n 'afterEnter': this.onAfterEnter,\n 'beforeLeave': this.onBeforeLeave,\n 'leave': this.onLeave,\n 'afterLeave': this.onAfterLeave\n },\n onEnter: this.onEnter,\n onAfterEnter: this.onAfterEnter,\n onBeforeLeave: this.onBeforeLeave,\n onLeave: this.onLeave,\n onAfterLeave: this.onAfterLeave\n }, this.v3 ? function () {\n return rendererChildren;\n } : rendererChildren);\n }\n};\nvar AnimationChildVue3 = AnimationChild;\nexport { AnimationChild, AnimationChildVue3 };","/**\n * @hidden\n */\nexport var packageMetadata = {\n name: '@progress/kendo-vue-animation',\n productName: 'Kendo UI for Vue',\n productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],\n publishDate: 1635492670,\n version: '',\n licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'\n};\n","var __rest = this && this.__rest || function (s, e) {\n var t = {};\n\n for (var p in s) {\n if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n }\n\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n }\n return t;\n}; // @ts-ignore\n\n\nimport * as Vue from 'vue';\nvar allVue = Vue;\nvar gh = allVue.h;\nimport { AnimationChild } from './AnimationChild';\nimport { getDefaultSlots, validatePackage } from '@progress/kendo-vue-common';\nimport { packageMetadata } from './package-metadata';\nimport util from './util';\nvar styles = util.styles;\n/**\n * Represents the default `Animation` component.\n */\n\nvar Animation = {\n props: {\n childFactory: Object,\n className: String,\n tag: String,\n id: String,\n animationEnteringStyle: Object,\n animationExitingStyle: Object,\n componentChildClassName: [Array],\n transitionName: {\n type: String,\n required: true\n },\n appear: {\n type: Boolean,\n default: true\n },\n enter: {\n type: Boolean,\n default: true\n },\n exit: {\n type: Boolean,\n default: true\n },\n transitionEnterDuration: {\n type: Number\n },\n transitionExitDuration: {\n type: Number\n }\n },\n methods: {\n onEntering: function onEntering(e) {\n this.$emit('entering', e);\n },\n onEnter: function onEnter(e) {\n this.$emit('enter', e);\n },\n onEntered: function onEntered(e) {\n this.$emit('entered', e);\n },\n onExit: function onExit(e) {\n this.$emit('exit', e);\n },\n onExiting: function onExiting(e) {\n this.$emit('exiting', e);\n },\n onExited: function onExited(e) {\n this.$emit('exited', e);\n }\n },\n // @ts-ignore\n setup: !gh ? undefined : function () {\n var v3 = !!gh;\n return {\n v3: v3\n };\n },\n created: function created() {\n validatePackage(packageMetadata);\n },\n // @ts-ignore\n render: function render(createElement) {\n var h = gh || createElement;\n var defaultSlot = getDefaultSlots(this);\n\n var _a = this.$props,\n id = _a.id,\n tag = _a.tag,\n className = _a.className,\n childFactory = _a.childFactory,\n stackChildren = _a.stackChildren,\n componentChildStyle = _a.componentChildStyle,\n componentChildClassName = _a.componentChildClassName,\n other = __rest(_a, [\"id\", \"tag\", \"className\", \"childFactory\", \"stackChildren\", \"componentChildStyle\", \"componentChildClassName\"]);\n\n var parentDivClass = [styles['animation-container'], styles['animation-container-relative'], className];\n return h(\"div\", {\n id: this.$props.id,\n attrs: this.v3 ? undefined : {\n id: this.$props.id\n },\n \"class\": parentDivClass\n }, [// @ts-ignore function children\n h(AnimationChild, {\n key: 'some',\n appear: this.$props.appear,\n attrs: this.v3 ? undefined : {\n appear: this.$props.appear,\n enter: this.$props.enter,\n exit: this.$props.exit,\n transitionName: this.$props.transitionName,\n componentChildClassName: this.$props.componentChildClassName,\n animationEnteringStyle: this.$props.animationEnteringStyle,\n animationExitingStyle: this.$props.animationExitingStyle,\n transitionEnterDuration: this.$props.transitionEnterDuration,\n transitionExitDuration: this.$props.transitionExitDuration\n },\n enter: this.$props.enter,\n exit: this.$props.exit,\n transitionName: this.$props.transitionName,\n componentChildClassName: this.$props.componentChildClassName,\n onBeforeenter: this.onEnter,\n on: this.v3 ? undefined : {\n \"beforeenter\": this.onEnter,\n \"entering\": this.onEntering,\n \"entered\": this.onEntered,\n \"exit\": this.onExit,\n \"exiting\": this.onExiting,\n \"exited\": this.onExited\n },\n onEntering: this.onEntering,\n onEntered: this.onEntered,\n onExit: this.onExit,\n onExiting: this.onExiting,\n onExited: this.onExited,\n animationEnteringStyle: this.$props.animationEnteringStyle,\n animationExitingStyle: this.$props.animationExitingStyle,\n transitionEnterDuration: this.$props.transitionEnterDuration,\n transitionExitDuration: this.$props.transitionExitDuration\n }, this.v3 ? function () {\n return [defaultSlot];\n } : [defaultSlot])]);\n }\n};\nvar AnimationVue3 = Animation;\nexport { Animation, AnimationVue3 };","// @ts-ignore\nimport * as Vue from 'vue';\nvar allVue = Vue;\nvar gh = allVue.h;\nimport { Animation } from './Animation';\nimport { getDefaultSlots } from '@progress/kendo-vue-common';\n/**\n * Represents the default `Fade` component.\n */\n\nvar Fade = {\n props: {\n appear: {\n type: Boolean,\n default: false\n },\n enter: {\n type: Boolean,\n default: true\n },\n exit: {\n type: Boolean,\n default: false\n },\n transitionEnterDuration: {\n type: Number,\n default: 500\n },\n transitionExitDuration: {\n type: Number,\n default: 500\n },\n childFactory: Object,\n className: String,\n tag: String,\n id: String\n },\n // @ts-ignore\n setup: !gh ? undefined : function () {\n var v3 = !!gh;\n return {\n v3: v3\n };\n },\n // @ts-ignore\n render: function render(createElement) {\n var h = gh || createElement;\n var defaultSlot = getDefaultSlots(this);\n return (// @ts-ignore function children\n h(Animation, {\n transitionName: \"fade\",\n attrs: this.v3 ? undefined : {\n transitionName: \"fade\",\n appear: this.$props.appear,\n enter: this.$props.enter,\n exit: this.$props.exit,\n transitionEnterDuration: this.$props.transitionEnterDuration,\n transitionExitDuration: this.$props.transitionExitDuration\n },\n appear: this.$props.appear,\n enter: this.$props.enter,\n exit: this.$props.exit,\n transitionEnterDuration: this.$props.transitionEnterDuration,\n transitionExitDuration: this.$props.transitionExitDuration\n }, this.v3 ? function () {\n return [defaultSlot];\n } : [defaultSlot])\n );\n }\n};\nvar FadeVue3 = Fade;\nexport { Fade, FadeVue3 };","var __rest = this && this.__rest || function (s, e) {\n var t = {};\n\n for (var p in s) {\n if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n }\n\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n }\n return t;\n}; // @ts-ignore\n\n\nimport * as Vue from 'vue';\nvar allVue = Vue;\nvar gh = allVue.h;\nimport { Animation } from './Animation';\nimport { getDefaultSlots } from '@progress/kendo-vue-common';\n/**\n * Represents the default `Expand` component.\n */\n\nvar Expand = {\n props: {\n appear: {\n type: Boolean,\n default: false\n },\n enter: {\n type: Boolean,\n default: true\n },\n exit: {\n type: Boolean,\n default: true\n },\n transitionEnterDuration: {\n type: Number,\n default: 300\n },\n transitionExitDuration: {\n type: Number,\n default: 300\n },\n childFactory: Object,\n className: String,\n direction: {\n type: String,\n default: 'vertical'\n },\n tag: String,\n id: String\n },\n // @ts-ignore\n setup: !gh ? undefined : function () {\n var v3 = !!gh;\n return {\n v3: v3\n };\n },\n // @ts-ignore\n render: function render(createElement) {\n var h = gh || createElement;\n var defaultSlot = getDefaultSlots(this);\n\n var _a = this.$props,\n direction = _a.direction,\n other = __rest(_a, [\"direction\"]);\n\n var transitionName = \"expand-\" + this.$props.direction;\n return (// @ts-ignore function children\n h(Animation, {\n transitionName: transitionName,\n attrs: this.v3 ? undefined : {\n transitionName: transitionName,\n appear: this.$props.appear,\n enter: this.$props.enter,\n exit: this.$props.exit,\n transitionEnterDuration: this.$props.transitionEnterDuration,\n transitionExitDuration: this.$props.transitionExitDuration\n },\n appear: this.$props.appear,\n enter: this.$props.enter,\n exit: this.$props.exit,\n transitionEnterDuration: this.$props.transitionEnterDuration,\n transitionExitDuration: this.$props.transitionExitDuration\n }, this.v3 ? function () {\n return [defaultSlot];\n } : [defaultSlot])\n );\n }\n};\nvar ExpandVue3 = Expand;\nexport { Expand, ExpandVue3 };","// @ts-ignore\nimport * as Vue from 'vue';\nvar allVue = Vue;\nvar gh = allVue.h;\nimport { Animation } from './Animation';\nimport { getDefaultSlots } from '@progress/kendo-vue-common';\nvar EXITING_ANIMATION_STYLE = {\n position: 'absolute',\n top: '0',\n left: '0'\n};\n/**\n * Represents the default `Push` component.\n */\n\nvar Push = {\n props: {\n appear: {\n type: Boolean,\n default: false\n },\n enter: {\n type: Boolean,\n default: true\n },\n exit: {\n type: Boolean,\n default: true\n },\n transitionEnterDuration: {\n type: Number,\n default: 300\n },\n transitionExitDuration: {\n type: Number,\n default: 300\n },\n childFactory: Object,\n className: String,\n direction: {\n type: String,\n default: 'right'\n },\n tag: String,\n id: String\n },\n // @ts-ignore\n setup: !gh ? undefined : function () {\n var v3 = !!gh;\n return {\n v3: v3\n };\n },\n // @ts-ignore\n render: function render(createElement) {\n var h = gh || createElement;\n var defaultSlot = getDefaultSlots(this);\n var transitionName = \"push-\" + this.$props.direction;\n return (// @ts-ignore function children\n h(Animation, {\n transitionName: transitionName,\n attrs: this.v3 ? undefined : {\n transitionName: transitionName,\n appear: this.$props.appear,\n enter: this.$props.enter,\n exit: this.$props.exit,\n transitionEnterDuration: this.$props.transitionEnterDuration,\n transitionExitDuration: this.$props.transitionExitDuration,\n animationExitingStyle: this.$props.stackChildren ? EXITING_ANIMATION_STYLE : undefined\n },\n appear: this.$props.appear,\n enter: this.$props.enter,\n exit: this.$props.exit,\n transitionEnterDuration: this.$props.transitionEnterDuration,\n transitionExitDuration: this.$props.transitionExitDuration,\n animationExitingStyle: this.$props.stackChildren ? EXITING_ANIMATION_STYLE : undefined\n }, this.v3 ? function () {\n return [defaultSlot];\n } : [defaultSlot])\n );\n }\n};\nvar PushVue3 = Push;\nexport { Push, PushVue3 };","var __rest = this && this.__rest || function (s, e) {\n var t = {};\n\n for (var p in s) {\n if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n }\n\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n }\n return t;\n}; // @ts-ignore\n\n\nimport * as Vue from 'vue';\nvar allVue = Vue;\nvar gh = allVue.h;\nimport { Animation } from './Animation';\nimport { getDefaultSlots } from '@progress/kendo-vue-common';\n/**\n * Represents the default `Slide` component.\n */\n\nvar Slide = {\n props: {\n appear: {\n type: Boolean,\n default: false\n },\n enter: {\n type: Boolean,\n default: true\n },\n exit: {\n type: Boolean,\n default: true\n },\n transitionEnterDuration: {\n type: Number,\n default: 300\n },\n transitionExitDuration: {\n type: Number,\n default: 300\n },\n componentChildClassName: [Array],\n childFactory: Object,\n className: String,\n direction: {\n type: String,\n default: 'down'\n },\n tag: String,\n id: String\n },\n methods: {\n onEntering: function onEntering(e) {\n this.$emit('entering', e);\n },\n onEnter: function onEnter(e) {\n this.$emit('enter', e);\n },\n onEntered: function onEntered(e) {\n this.$emit('entered', e);\n },\n onExit: function onExit(e) {\n this.$emit('exit', e);\n },\n onExiting: function onExiting(e) {\n this.$emit('exiting', e);\n },\n onExited: function onExited(e) {\n this.$emit('exited', e);\n }\n },\n // @ts-ignore\n setup: !gh ? undefined : function () {\n var v3 = !!gh;\n return {\n v3: v3\n };\n },\n // @ts-ignore\n render: function render(createElement) {\n var h = gh || createElement;\n var defaultSlot = getDefaultSlots(this);\n\n var _a = this.$props,\n direction = _a.direction,\n other = __rest(_a, [\"direction\"]);\n\n var transitionName = \"slide-\" + this.$props.direction;\n return (// @ts-ignore function children\n h(Animation, {\n transitionName: transitionName,\n attrs: this.v3 ? undefined : {\n transitionName: transitionName,\n componentChildClassName: this.$props.componentChildClassName,\n appear: this.$props.appear,\n enter: this.$props.enter,\n exit: this.$props.exit,\n transitionEnterDuration: this.$props.transitionEnterDuration,\n transitionExitDuration: this.$props.transitionExitDuration\n },\n componentChildClassName: this.$props.componentChildClassName,\n appear: this.$props.appear,\n enter: this.$props.enter,\n exit: this.$props.exit,\n onEnter: this.onEnter,\n on: this.v3 ? undefined : {\n \"enter\": this.onEnter,\n \"entering\": this.onEntering,\n \"entered\": this.onEntered,\n \"exit\": this.onExit,\n \"exiting\": this.onExiting,\n \"exited\": this.onExited\n },\n onEntering: this.onEntering,\n onEntered: this.onEntered,\n onExit: this.onExit,\n onExiting: this.onExiting,\n onExited: this.onExited,\n transitionEnterDuration: this.$props.transitionEnterDuration,\n transitionExitDuration: this.$props.transitionExitDuration\n }, this.v3 ? function () {\n return [defaultSlot];\n } : [defaultSlot])\n );\n }\n};\nvar SlideVue3 = Slide;\nexport { Slide, SlideVue3 };","// @ts-ignore\nimport * as Vue from 'vue';\nvar allVue = Vue;\nvar gh = allVue.h;\nimport { Animation } from './Animation';\nimport { getDefaultSlots } from '@progress/kendo-vue-common';\nvar EXITING_ANIMATION_STYLE = {\n position: 'absolute',\n top: '0',\n left: '0'\n};\n/**\n * Represents the default `Zoom` component.\n */\n\nvar Zoom = {\n props: {\n appear: {\n type: Boolean,\n default: false\n },\n enter: {\n type: Boolean,\n default: true\n },\n exit: {\n type: Boolean,\n default: true\n },\n stackChildren: {\n type: Boolean,\n default: false\n },\n transitionEnterDuration: {\n type: Number,\n default: 300\n },\n transitionExitDuration: {\n type: Number,\n default: 300\n },\n childFactory: Object,\n className: String,\n direction: {\n type: String,\n default: 'out'\n },\n tag: String,\n id: String\n },\n // @ts-ignore\n setup: !gh ? undefined : function () {\n var v3 = !!gh;\n return {\n v3: v3\n };\n },\n // @ts-ignore\n render: function render(createElement) {\n var h = gh || createElement;\n var defaultSlot = getDefaultSlots(this);\n var transitionName = \"zoom-\" + this.$props.direction;\n return (// @ts-ignore function children\n h(Animation, {\n transitionName: transitionName,\n attrs: this.v3 ? undefined : {\n transitionName: transitionName,\n appear: this.$props.appear,\n enter: this.$props.enter,\n exit: this.$props.exit,\n transitionEnterDuration: this.$props.transitionEnterDuration,\n transitionExitDuration: this.$props.transitionExitDuration,\n animationExitingStyle: this.$props.stackChildren ? EXITING_ANIMATION_STYLE : undefined\n },\n appear: this.$props.appear,\n enter: this.$props.enter,\n exit: this.$props.exit,\n transitionEnterDuration: this.$props.transitionEnterDuration,\n transitionExitDuration: this.$props.transitionExitDuration,\n animationExitingStyle: this.$props.stackChildren ? EXITING_ANIMATION_STYLE : undefined\n }, this.v3 ? function () {\n return [defaultSlot];\n } : [defaultSlot])\n );\n }\n};\nvar ZoomVue3 = Zoom;\nexport { Zoom, ZoomVue3 };","var __rest = this && this.__rest || function (s, e) {\n var t = {};\n\n for (var p in s) {\n if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n }\n\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n }\n return t;\n}; // @ts-ignore\n\n\nimport * as Vue from 'vue';\nvar allVue = Vue;\nvar gh = allVue.h;\nimport { Animation } from './Animation';\nimport util from './util';\nimport { getDefaultSlots } from '@progress/kendo-vue-common';\n/**\n * @hidden\n */\n\nvar noop = function noop() {};\n/**\n * Represents the default `Reveal` component.\n */\n\n\nvar Reveal = {\n props: {\n appear: {\n type: Boolean,\n default: false\n },\n enter: {\n type: Boolean,\n default: true\n },\n exit: {\n type: Boolean,\n default: true\n },\n transitionEnterDuration: {\n type: Number,\n default: 300\n },\n transitionExitDuration: {\n type: Number,\n default: 300\n },\n childFactory: Object,\n className: String,\n direction: {\n type: String,\n default: 'vertical'\n },\n tag: String,\n id: String\n },\n data: function data() {\n return {\n maxHeight: '',\n maxWidth: ''\n };\n },\n methods: {\n componentWillEnter: function componentWillEnter(event) {\n var onEnter = this.$props.onEnter;\n this.updateContainerDimensions(event.animatedElement, function () {\n if (onEnter) {\n onEnter.call(undefined, event);\n }\n });\n },\n componentIsEntering: function componentIsEntering(event) {\n var onEntering = this.$props.onEntering;\n this.updateContainerDimensions(event.animatedElement, function () {\n if (onEntering) {\n onEntering.call(undefined, event);\n }\n });\n },\n componentWillExit: function componentWillExit(event) {\n var onExit = this.$props.onExit;\n this.updateContainerDimensions(event.animatedElement, function () {\n if (onExit) {\n onExit.call(undefined, event);\n }\n });\n },\n updateContainerDimensions: function updateContainerDimensions(node, done) {\n if (done === void 0) {\n done = noop;\n }\n\n var content = node ? node.firstElementChild : null;\n\n if (content) {\n var newHeight = util.outerHeight(content);\n var newWidth = util.outerWidth(content);\n this.$data.maxHeight = newHeight;\n this.$data.maxWidth = newWidth;\n done();\n }\n }\n },\n computed: {\n animationEnteringStyle: {\n get: function get() {\n var maxOffset;\n\n if (this.$props.direction === 'vertical') {\n maxOffset = {\n maxHeight: this.maxHeight ? this.maxHeight + \"px\" : null\n };\n } else {\n maxOffset = {\n maxWidth: this.maxWidth ? this.maxWidth + \"px\" : null\n };\n }\n\n return {\n maxHeight: maxOffset.maxHeight,\n maxWidth: maxOffset.maxWidth\n };\n }\n }\n },\n // @ts-ignore\n setup: !gh ? undefined : function () {\n var v3 = !!gh;\n return {\n v3: v3\n };\n },\n // @ts-ignore\n render: function render(createElement) {\n var h = gh || createElement;\n var defaultSlot = getDefaultSlots(this);\n\n var _a = this.$props,\n direction = _a.direction,\n childFactory = _a.childFactory,\n other = __rest(_a, [\"direction\", \"childFactory\"]);\n\n var transitionName = \"reveal-\" + this.$props.direction;\n return (// @ts-ignore function children\n h(Animation, {\n appear: this.$props.appear,\n attrs: this.v3 ? undefined : {\n appear: this.$props.appear,\n enter: this.$props.enter,\n exit: this.$props.exit,\n transitionEnterDuration: this.$props.transitionEnterDuration,\n transitionExitDuration: this.$props.transitionExitDuration,\n animationEnteringStyle: this.animationEnteringStyle,\n transitionName: transitionName\n },\n enter: this.$props.enter,\n exit: this.$props.exit,\n transitionEnterDuration: this.$props.transitionEnterDuration,\n transitionExitDuration: this.$props.transitionExitDuration,\n onEnter: this.componentWillEnter,\n on: this.v3 ? undefined : {\n \"enter\": this.componentWillEnter,\n \"entering\": this.componentIsEntering,\n \"exit\": this.componentWillExit\n },\n onEntering: this.componentIsEntering,\n onExit: this.componentWillExit,\n animationEnteringStyle: this.animationEnteringStyle,\n transitionName: transitionName\n }, this.v3 ? function () {\n return [defaultSlot];\n } : [defaultSlot])\n );\n }\n};\nvar RevealVue3 = Reveal;\nexport { Reveal, RevealVue3 };","/**\n * @hidden\n */\nexport var packageMetadata = {\n name: '@progress/kendo-vue-buttons',\n productName: 'Kendo UI for Vue',\n productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],\n publishDate: 1635492817,\n version: '',\n licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'\n};\n","/**\n * @hidden\n */\nexport var DEFAULT_OFFSET = '16px';\n/**\n * @hidden\n */\nexport var toStringValues = function (val) {\n if (typeof val === 'number') {\n return val + 'px';\n }\n return val;\n};\n/**\n * @hidden\n */\nexport var getAnchorAlign = function (fabAlign, rtl) {\n var align = { horizontal: (rtl ? 'right' : 'left'), vertical: 'bottom' };\n if (fabAlign.horizontal === 'end') {\n align.horizontal = rtl ? 'left' : 'right';\n }\n return align;\n};\n/**\n * @hidden\n */\nexport var getPopupAlign = function (fabAlign, rtl) {\n var align = { horizontal: (rtl ? 'right' : 'left'), vertical: 'top' };\n if (fabAlign.horizontal === 'end') {\n align.horizontal = rtl ? 'left' : 'right';\n }\n return align;\n};\n/**\n * @hidden\n */\nexport var getTextDirectionClass = function (rtl, hAlign) {\n var al = hAlign === 'end' ? 'end' : 'start';\n var directions = {\n rtl: { end: 'k-text-left', start: 'k-text-right' },\n ltr: { start: 'k-text-left', end: 'k-text-right' }\n };\n return directions[rtl][al];\n};\n/**\n * @hidden\n */\nexport var position = function (ref, align, alignOffset, isRtl) {\n var horizontal = align.horizontal;\n var vertical = align.vertical;\n if (ref) {\n var xFab = alignOffset && alignOffset.x !== undefined ?\n toStringValues(alignOffset.x) :\n DEFAULT_OFFSET;\n var xCenterFab = alignOffset && alignOffset.x !== undefined ?\n \"calc(50% + \" + toStringValues(alignOffset.x) + \")\" :\n '50%';\n var yFab = alignOffset && alignOffset.y !== undefined ?\n toStringValues(alignOffset.y) :\n DEFAULT_OFFSET;\n var yCenterFab = alignOffset && alignOffset.y !== undefined ?\n \"calc(50% + \" + toStringValues(alignOffset.y) + \")\" :\n '50%';\n ref.style.setProperty(horizontalPosition(align, isRtl), horizontal === 'center' ? xCenterFab : xFab);\n ref.style.setProperty(verticalPosition(align), vertical === 'middle' ? yCenterFab : yFab);\n if (isRtl) {\n if ((vertical === 'top' || vertical === 'bottom') && horizontal === 'start') {\n ref.style.setProperty('left', 'unset');\n }\n if (vertical === 'middle' && horizontal === 'end') {\n ref.style.setProperty('right', 'unset');\n }\n if (vertical === 'middle' && horizontal === 'start') {\n ref.style.setProperty('left', 'unset');\n }\n }\n }\n};\nvar horizontalPosition = function (align, isRtl) {\n var horizontal = align.horizontal;\n return {\n end: isRtl ? 'left' : 'right',\n center: 'left',\n start: isRtl ? 'right' : 'left'\n }[horizontal || 'end'];\n};\nvar verticalPosition = function (align) {\n return {\n top: 'top',\n middle: 'top',\n bottom: 'bottom'\n }[align.vertical || 'bottom'];\n};\n","// @ts-ignore\nimport * as Vue from 'vue';\nvar allVue = Vue;\nvar gh = allVue.h;\nvar ref = allVue.ref;\nimport { classNames, guid, Keys, getTabIndex, templateRendering, getListeners, validatePackage, canUseDOM } from '@progress/kendo-vue-common';\nimport { FloatingActionButtonItem } from './FloatingActionButtonItem';\nimport { packageMetadata } from '../package-metadata';\nimport { position, getAnchorAlign, getPopupAlign, getTextDirectionClass } from './utils';\nimport { Popup } from '@progress/kendo-vue-popup';\n/**\n * @hidden\n */\n\n/**\n * Represents the default `FloatingActionButton` component.\n */\n\nvar FloatingActionButton = {\n name: 'KendoVueFloatingActionButton',\n props: {\n id: String,\n dir: String,\n tabIndex: Number,\n accessKey: String,\n disabled: Boolean,\n icon: String,\n iconClass: String,\n items: [Object, Array],\n item: [String, Function, Object],\n text: String,\n alignOffset: Object,\n opened: {\n type: Boolean,\n default: undefined\n },\n align: {\n type: Object,\n default: function _default() {\n return {\n vertical: 'bottom',\n horizontal: 'end'\n };\n }\n },\n positionMode: {\n type: String,\n default: function _default() {\n return 'fixed';\n }\n },\n popupSettings: {\n type: Object,\n default: function _default() {\n return {};\n }\n },\n shape: {\n type: String,\n default: function _default() {\n return 'pill';\n }\n },\n size: {\n type: String,\n default: function _default() {\n return 'medium';\n }\n },\n themeColor: {\n type: String,\n default: function _default() {\n return 'primary';\n }\n }\n },\n // @ts-ignore\n emits: {\n 'click': null,\n 'mousedown': null,\n 'mouseup': null,\n 'open': null,\n 'close': null,\n 'itemclick': null,\n 'focus': null,\n 'blur': null,\n 'keydown': null\n },\n data: function data() {\n return {\n currentOpened: false,\n currentFocused: false,\n focusedIndex: -1,\n currentDir: 'ltr',\n isRtl: false\n };\n },\n created: function created() {\n validatePackage(packageMetadata);\n this.element = undefined;\n this._anchor = guid();\n this.listId = guid();\n this.buttonId = guid();\n },\n mounted: function mounted() {\n this.element = this.v3 ? this.kendoAnchorRef : this.$refs[this._anchor];\n this.list = this.v3 ? this.listRef : this.$refs.list;\n this.popup = this.v3 ? this.popupRef : this.$refs.popup;\n this.currentDir = this.$props.dir !== undefined ? this.$props.dir : this.$el && getComputedStyle(this.$el).direction === 'rtl' || false;\n this.isRtl = this.currentDir === 'rtl';\n\n if (this.opened !== undefined) {\n position(this.$el, this.$props.align, this.$props.alignOffset, this.isRtl);\n }\n },\n updated: function updated() {\n position(this.$el, this.$props.align, this.$props.alignOffset, this.isRtl);\n\n if (this.currentFocused && this.element) {\n this.element.focus();\n }\n },\n computed: {\n buttonClassNames: function buttonClassNames() {\n return classNames('k-fab', \"k-fab-\" + this.$props.themeColor, \"k-fab-\" + this.$props.shape, {\n 'k-fab-sm': this.$props.size === 'small',\n 'k-fab-md': this.$props.size === 'medium',\n 'k-fab-lg': this.$props.size === 'large',\n 'k-state-disabled': this.$props.disabled,\n 'k-state-focus': this.currentFocused\n }, \"k-\" + this.$props.align.vertical + \"-\" + this.$props.align.horizontal);\n },\n computedOpened: function computedOpened() {\n return this.$props.opened === undefined ? this.currentOpened : this.$props.opened;\n },\n rootClassNames: function rootClassNames() {\n return classNames({\n 'k-pos-absolute': this.$props.positionMode === 'absolute',\n 'k-pos-fixed': this.$props.positionMode === 'fixed'\n });\n }\n },\n methods: {\n dispatchPopupEvent: function dispatchPopupEvent(dispatchedEvent, isOpen) {\n if (!this.$props.items) {\n return;\n }\n\n this.$emit(isOpen ? 'open' : 'close', {\n event: dispatchedEvent,\n isOpened: !isOpen\n });\n },\n handleClick: function handleClick(event) {\n if (!event.target || this.$props.disabled) {\n return;\n }\n\n if (!this.$props.items) {\n this.$emit('click', event, undefined);\n } else {\n var currentOpenToggled = !this.computedOpened;\n this.currentOpened = currentOpenToggled;\n this.currentFocused = true;\n this.focusedIndex = currentOpenToggled ? 0 : -1;\n this.dispatchPopupEvent(event, !this.computedOpened);\n }\n },\n handleFocus: function handleFocus(event) {\n this.currentFocused = true;\n this.focusedIndex = this.computedOpened ? 0 : -1;\n this.$emit('focus', event, undefined);\n },\n handleBlur: function handleBlur(event) {\n this.currentFocused = false;\n this.currentOpened = false;\n this.focusedIndex = -1;\n this.$emit('blur', event, undefined);\n var fireCloseEvent = this.computedOpened;\n\n if (fireCloseEvent) {\n this.dispatchPopupEvent(event, false);\n }\n },\n handleMouseDown: function handleMouseDown(event) {\n event.preventDefault();\n this.$emit('mousedown', event);\n },\n handleMouseUp: function handleMouseUp(event) {\n this.$emit('mouseup', event);\n },\n dispatchItemClickEvent: function dispatchItemClickEvent(dispatchedEvent, index) {\n if (!this.$props.items) {\n return;\n }\n\n if (!this.$props.items[index].disabled) {\n this.$emit('itemclick', dispatchedEvent, {\n itemProps: this.$props.items[index],\n itemIndex: index\n });\n }\n },\n handleItemClick: function handleItemClick(event, clickedItemIndex) {\n if (!event.target || !this.$props.items) {\n return;\n }\n\n this.focusedIndex = clickedItemIndex;\n this.currentOpened = false;\n this.dispatchItemClickEvent(event, clickedItemIndex);\n this.dispatchPopupEvent(event, false);\n },\n handleItemDown: function handleItemDown(event) {\n if (canUseDOM && document.activeElement === this.element) {\n event.preventDefault();\n }\n },\n handleKeyDown: function handleKeyDown(event) {\n var currIndex = this.focusedIndex;\n var maxNavIndex = this.$props.items ? this.$props.items.length - 1 : -1;\n var isAtBottom = this.$props.align.vertical === 'bottom';\n\n switch (event.keyCode) {\n case Keys.enter:\n case Keys.space:\n if (currIndex >= 0) {\n this.dispatchItemClickEvent(event, currIndex);\n }\n\n event.preventDefault();\n this.currentOpened = !this.currentOpened;\n this.focusedIndex = !this.currentOpened ? 0 : -1;\n break;\n\n case Keys.esc:\n event.preventDefault();\n this.currentOpened = false;\n this.focusedIndex = -1;\n break;\n\n case Keys.home:\n event.preventDefault();\n this.focusedIndex = 0;\n break;\n\n case Keys.end:\n event.preventDefault();\n this.focusedIndex = maxNavIndex;\n break;\n\n case Keys.down:\n case Keys.right:\n event.preventDefault();\n\n if (currIndex < maxNavIndex && !isAtBottom) {\n this.focusedIndex = currIndex + 1;\n }\n\n if (currIndex > 0 && isAtBottom) {\n this.focusedIndex = currIndex - 1;\n }\n\n break;\n\n case Keys.up:\n case Keys.left:\n event.preventDefault();\n\n if (currIndex > 0 && !isAtBottom) {\n this.focusedIndex = currIndex - 1;\n }\n\n if (currIndex < maxNavIndex && isAtBottom) {\n this.focusedIndex = currIndex + 1;\n }\n\n break;\n\n default:\n break;\n }\n\n this.$emit('keydown', event, undefined);\n }\n },\n // @ts-ignore\n setup: !gh ? undefined : function () {\n var v3 = !!gh;\n var chipRef = ref(null);\n var kendoAnchorRef = ref(null);\n return {\n v3: v3,\n chipRef: chipRef,\n kendoAnchorRef: kendoAnchorRef\n };\n },\n render: function render(createElement) {\n var _this2 = this;\n\n var _this = this;\n\n var h = gh || createElement;\n var _a = this.$props,\n align = _a.align,\n disabled = _a.disabled,\n icon = _a.icon,\n iconClass = _a.iconClass,\n id = _a.id,\n items = _a.items,\n text = _a.text,\n tabIndex = _a.tabIndex,\n accessKey = _a.accessKey,\n popupSettings = _a.popupSettings;\n var item = templateRendering.call(this, this.$props.item, getListeners.call(this));\n\n var fabItems = function fabItems() {\n return items && items.map(function (element, index) {\n return (// @ts-ignore function children\n h(FloatingActionButtonItem, {\n key: index,\n index: index,\n attrs: this.v3 ? undefined : {\n index: index,\n id: this.listId + \"-\" + index,\n disabled: disabled || element.disabled,\n focused: this.focusedIndex === index,\n dataItem: element,\n item: item\n },\n id: this.listId + \"-\" + index,\n disabled: disabled || element.disabled,\n focused: this.focusedIndex === index,\n dataItem: element,\n item: item,\n \"class\": classNames(element.className, getTextDirectionClass(this.currentDir || 'ltr', align.horizontal)),\n onClick: this.handleItemClick,\n on: this.v3 ? undefined : {\n \"click\": this.handleItemClick,\n \"down\": this.handleItemDown\n },\n onDown: this.handleItemDown\n })\n );\n }, this);\n };\n\n var isIconFab = icon && !text;\n var fabWidth = this.element ? this.element.offsetWidth : 0;\n var iconWidth = 32;\n var spacing = fabWidth / 2 - iconWidth / 2;\n return h(\"div\", {\n \"class\": this.rootClassNames\n }, [h(\"button\", {\n ref: this.v3 ? function (el) {\n _this.kendoAnchorRef = el;\n } : this._anchor,\n id: id || this.buttonId,\n attrs: this.v3 ? undefined : {\n id: id || this.buttonId,\n role: items ? 'menubutton' : 'button',\n type: 'button',\n \"aria-disabled\": disabled,\n \"aria-expanded\": items ? this.computedOpened : undefined,\n \"aria-haspopup\": items ? true : false,\n \"aria-label\": (text || '') + \" floatingactionbutton\",\n \"aria-owns\": items ? this.listId : undefined,\n \"aria-activedescendant\": this.focusedIndex >= 0 && items ? this.listId + \"-\" + this.focusedIndex : undefined,\n tabIndex: getTabIndex(tabIndex, disabled),\n accessKey: accessKey,\n dir: this.currentDir,\n disabled: disabled\n },\n role: items ? 'menubutton' : 'button',\n type: 'button',\n \"aria-disabled\": disabled,\n \"aria-expanded\": items ? this.computedOpened : undefined,\n \"aria-haspopup\": items ? true : false,\n \"aria-label\": (text || '') + \" floatingactionbutton\",\n \"aria-owns\": items ? this.listId : undefined,\n \"aria-activedescendant\": this.focusedIndex >= 0 && items ? this.listId + \"-\" + this.focusedIndex : undefined,\n tabIndex: getTabIndex(tabIndex, disabled),\n accessKey: accessKey,\n dir: this.currentDir,\n disabled: disabled,\n \"class\": this.buttonClassNames,\n onClick: this.handleClick,\n on: this.v3 ? undefined : {\n \"click\": this.handleClick,\n \"mousedown\": this.handleMouseDown,\n \"mouseup\": this.handleMouseUp,\n \"focusin\": this.handleFocus,\n \"blur\": this.handleBlur,\n \"keydown\": this.handleKeyDown\n },\n onMousedown: this.handleMouseDown,\n onMouseup: this.handleMouseUp,\n onFocusin: this.handleFocus,\n onBlur: this.handleBlur,\n onKeydown: this.handleKeyDown\n }, [icon ? h(\"span\", {\n role: \"presentation\",\n attrs: this.v3 ? undefined : {\n role: \"presentation\"\n },\n \"class\": classNames(\"k-fab-icon k-icon k-i-\" + icon)\n }) : iconClass ? h(\"span\", {\n role: \"presentation\",\n attrs: this.v3 ? undefined : {\n role: \"presentation\"\n },\n \"class\": iconClass\n }) : null, text && h(\"span\", {\n \"class\": \"k-fab-text\"\n }, [text])]), // @ts-ignore function children\n h(Popup, {\n ref: this.v3 ? function (el) {\n _this.popupRef = el;\n } : 'popup',\n show: this.computedOpened,\n attrs: this.v3 ? undefined : {\n show: this.computedOpened,\n anchor: this._anchor,\n animate: popupSettings.animate,\n popupClass: classNames('k-popup-transparent k-fab-popup', popupSettings.popupClass),\n anchorAlign: popupSettings.anchorAlign || getAnchorAlign(align, this.isRtl),\n popupAlign: popupSettings.popupAlign || getPopupAlign(align, this.isRtl)\n },\n anchor: this._anchor,\n animate: popupSettings.animate,\n popupClass: classNames('k-popup-transparent k-fab-popup', popupSettings.popupClass),\n anchorAlign: popupSettings.anchorAlign || getAnchorAlign(align, this.isRtl),\n popupAlign: popupSettings.popupAlign || getPopupAlign(align, this.isRtl),\n style: {\n boxShadow: 'none'\n }\n }, this.v3 ? function () {\n return [h(\"ul\", {\n ref: _this2.v3 ? function (el) {\n _this.listRef = el;\n } : 'list',\n role: 'menu',\n attrs: _this2.v3 ? undefined : {\n role: 'menu',\n \"aria-labelledby\": id,\n id: _this2.listId\n },\n \"aria-labelledby\": id,\n id: _this2.listId,\n \"class\": classNames('k-fab-items', {\n 'k-fab-items-bottom': align.vertical !== 'bottom',\n 'k-fab-items-top': align.vertical === 'bottom'\n }),\n style: {\n paddingLeft: isIconFab ? spacing + 'px' : undefined,\n paddingRight: isIconFab ? spacing + 'px' : undefined\n }\n }, [fabItems.call(_this2)])];\n } : [h(\"ul\", {\n ref: _this2.v3 ? function (el) {\n _this.listRef = el;\n } : 'list',\n role: 'menu',\n attrs: _this2.v3 ? undefined : {\n role: 'menu',\n \"aria-labelledby\": id,\n id: _this2.listId\n },\n \"aria-labelledby\": id,\n id: _this2.listId,\n \"class\": classNames('k-fab-items', {\n 'k-fab-items-bottom': align.vertical !== 'bottom',\n 'k-fab-items-top': align.vertical === 'bottom'\n }),\n style: {\n paddingLeft: isIconFab ? spacing + 'px' : undefined,\n paddingRight: isIconFab ? spacing + 'px' : undefined\n }\n }, [fabItems.call(_this2)])])]);\n }\n};\nvar FloatingActionButtonVue3 = FloatingActionButton;\nexport { FloatingActionButton, FloatingActionButtonVue3 };","import { Keys } from '@progress/kendo-vue-common';\n/**\n * @hidden\n */\nvar navigate = function (focusedIndex, keyCode, altKey, total) {\n if (altKey) {\n return focusedIndex;\n }\n switch (keyCode) {\n case Keys.enter:\n case Keys.space:\n case Keys.esc:\n return -1;\n case Keys.up:\n case Keys.left:\n return Math.max(0, focusedIndex - 1);\n case Keys.down:\n case Keys.right:\n return Math.min(total - 1, focusedIndex + 1);\n default:\n return focusedIndex;\n }\n};\nexport default navigate;\n","// @ts-ignore\nimport * as Vue from 'vue';\nvar allVue = Vue;\nvar gh = allVue.h;\nvar inject = allVue.inject;\nimport { provideIntlService, provideLocalizationService } from '@progress/kendo-vue-intl';\nimport { messages, pagerInfo } from '../messages';\n/**\n * Represents the default `PagerInfo` component.\n */\n\nvar PagerInfo = {\n name: 'KendoPagerInfo',\n props: {\n totalPages: Number,\n currentPage: Number,\n skip: Number,\n messagesMap: Function\n },\n inject: {\n kendoLocalizationService: {\n default: null\n },\n kendoIntlService: {\n default: null\n }\n },\n // @ts-ignore\n setup: !gh ? undefined : function () {\n var v3 = !!gh;\n var kendoIntlService = inject('kendoIntlService', {});\n var kendoLocalizationService = inject('kendoLocalizationService', {});\n return {\n v3: v3,\n kendoIntlService: kendoIntlService,\n kendoLocalizationService: kendoLocalizationService\n };\n },\n // @ts-ignore\n render: function render(createElement) {\n var h = gh || createElement;\n var intlService = provideIntlService(this);\n var localizationService = provideLocalizationService(this);\n var infoMessage = this.$props.messagesMap ? this.$props.messagesMap(pagerInfo) : {\n messageKey: pagerInfo,\n defaultMessage: messages[pagerInfo]\n };\n return h(\"div\", {\n \"class\": \"k-pager-info k-label\"\n }, [intlService.format(localizationService.toLanguageString(infoMessage.messageKey, infoMessage.defaultMessage), [Math.min(this.$props.skip + 1, this.$props.totalPages), Math.min(this.$props.skip + this.$props.currentPage, this.$props.totalPages), this.$props.totalPages])]);\n }\n};\nvar PagerInfoVue3 = PagerInfo;\nexport { PagerInfo, PagerInfoVue3 };","export default {\n \"bottom\": \"bottom\",\n \"center\": \"center\",\n \"middle\": \"middle\",\n \"left\": \"left\",\n \"right\": \"right\",\n \"top\": \"top\"\n};\n","import point from './align-point';\n\nvar align = function (options) {\n var anchorRect = options.anchorRect;\n var anchorAlign = options.anchorAlign;\n var elementRect = options.elementRect;\n var elementAlign = options.elementAlign;\n var margin = options.margin; if ( margin === void 0 ) margin = {};\n var anchorHorizontal = anchorAlign.horizontal;\n var anchorVertical = anchorAlign.vertical;\n var elementHorizontal = elementAlign.horizontal;\n var elementVertical = elementAlign.vertical;\n\n var horizontalMargin = margin.horizontal || 0;\n var verticalMargin = margin.vertical || 0;\n\n var top = anchorRect.top;\n var left = anchorRect.left;\n\n if (anchorVertical === point.bottom) {\n top += anchorRect.height;\n }\n\n if (anchorVertical === point.center || anchorVertical === point.middle) {\n top += Math.round(anchorRect.height / 2);\n }\n\n if (elementVertical === point.bottom) {\n top -= elementRect.height;\n verticalMargin *= -1;\n }\n\n if (elementVertical === point.center || elementVertical === point.middle) {\n top -= Math.round(elementRect.height / 2);\n verticalMargin *= -1;\n }\n\n if (anchorHorizontal === point.right) {\n left += anchorRect.width;\n }\n\n if (anchorHorizontal === point.center || anchorHorizontal === point.middle) {\n left += Math.round(anchorRect.width / 2);\n }\n\n if (elementHorizontal === point.right) {\n left -= elementRect.width;\n horizontalMargin *= -1;\n }\n\n if (elementHorizontal === point.center || elementHorizontal === point.middle) {\n left -= Math.round(elementRect.width / 2);\n horizontalMargin *= -1;\n }\n\n return {\n top: top + verticalMargin,\n left: left + horizontalMargin\n };\n};\n\nexport default align;\n","export default function addScroll(rect, scroll) {\n return {\n top: rect.top + scroll.y,\n left: rect.left + scroll.x,\n height: rect.height,\n width: rect.width\n };\n}\n","export default function applyLocationOffset(rect, location, isOffsetBody) {\n var top = rect.top;\n var left = rect.left;\n\n if (isOffsetBody) {\n left = 0;\n top = 0;\n }\n\n return {\n top: top + location.top,\n left: left + location.left,\n height: rect.height,\n width: rect.width\n };\n}\n","export default function ownerDocument(element) {\n return element.ownerDocument || element.document || element;\n}\n","import ownerDocument from './owner-document';\n\nvar getWindow = function (element) { return ownerDocument(element).defaultView; };\n\nexport default getWindow;\n","import ownerDocument from './owner-document';\n\nvar getDocument = function (element) { return ownerDocument(element).documentElement; };\n\nexport default getDocument;\n","var cachedWidth = 0;\n\nexport default function scrollbarWidth() {\n if (!cachedWidth && typeof document !== 'undefined') {\n var div = document.createElement(\"div\");\n\n div.style.cssText = \"overflow:scroll;overflow-x:hidden;zoom:1;clear:both;display:block\";\n div.innerHTML = \" \";\n document.body.appendChild(div);\n\n cachedWidth = div.offsetWidth - div.scrollWidth;\n\n document.body.removeChild(div);\n }\n\n return cachedWidth;\n}\n","import wnd from './window';\nimport getDocument from './document';\nimport scrollbarWidth from './scrollbar-width';\n\nexport default function windowViewport(element) {\n var win = wnd(element);\n var document = getDocument(element);\n var result = {\n height: win.innerHeight,\n width: win.innerWidth\n };\n\n if (document.scrollHeight - document.clientHeight > 0) {\n result.width -= scrollbarWidth();\n }\n\n return result;\n}\n","import windowViewport from './window-viewport';\n\nvar boundingOffset = function (element) {\n if (!element.getBoundingClientRect) {\n var viewport = windowViewport(element);\n return {\n bottom: viewport.height,\n left: 0,\n right: viewport.width,\n top: 0\n };\n }\n\n var ref = element.getBoundingClientRect();\n var bottom = ref.bottom;\n var left = ref.left;\n var right = ref.right;\n var top = ref.top;\n\n return {\n bottom: bottom,\n left: left,\n right: right,\n top: top\n };\n};\n\nexport default boundingOffset;\n","import documentElement from './document';\n\nvar offsetParent = function (element) {\n var offsetParent = element.offsetParent;\n\n while (offsetParent && offsetParent.style.position === \"static\") {\n offsetParent = offsetParent.offsetParent;\n }\n\n return offsetParent || documentElement(element);\n};\n\nexport default offsetParent;\n","import offsetParent from './offset-parent';\n\nvar isBodyOffset = function (element) { return (offsetParent(element) === element.ownerDocument.body); };\n\nexport default isBodyOffset;\n","var rectOfHiddenElement = function (element) {\n var ref = element.style;\n var display = ref.display;\n var left = ref.left;\n var position = ref.position;\n\n element.style.display = '';\n element.style.left = '-10000px';\n element.style.position = 'absolute';\n\n var rect = element.getBoundingClientRect();\n\n element.style.display = display;\n element.style.left = left;\n element.style.position = position;\n\n return rect;\n};\n\nvar offset = function (element) {\n var rect = element.getBoundingClientRect();\n var left = rect.left;\n var top = rect.top;\n\n if (!rect.height && !rect.width) {\n rect = rectOfHiddenElement(element);\n }\n\n return {\n top: top,\n left: left,\n height: rect.height,\n width: rect.width\n };\n};\n\nexport default offset;\n","export default function (element, until) {\n var result = [];\n var next = element.parentNode;\n\n while (next) {\n result.push(next);\n\n if (next === until) { break; }\n\n next = next.parentNode;\n }\n\n return result;\n};\n","import docElement from './document';\nimport wnd from './window';\n\nexport default function scrollPosition(element) {\n var documentElement = docElement(element);\n var win = wnd(element);\n\n return {\n x: win.pageXOffset || documentElement.scrollLeft || 0,\n y: win.pageYOffset || documentElement.scrollTop || 0\n };\n}\n","import scrollPosition from './scroll-position';\n\nexport default function (element) {\n if (element === (element.ownerDocument || {}).body) {\n return scrollPosition(element);\n }\n\n return {\n x: element.scrollLeft,\n y: element.scrollTop\n };\n};\n","import offsetParent from './offset-parent';\nimport elementScrollPosition from './element-scroll-position';\n\nexport default function parentScrollPosition(element) {\n var parent = offsetParent(element);\n\n return parent ? elementScrollPosition(parent) : { x: 0, y: 0 };\n}\n","import offsetParent from './offset-parent';\nimport offsetRect from './offset';\nimport wnd from './window';\n\nvar position = function (element, parent) {\n var win = wnd(element);\n var elementStyles = win.getComputedStyle(element);\n var offset = offsetRect(element);\n var parentElement = parent || offsetParent(element);\n\n var ownerDocument = element.ownerDocument;\n var useRelative = parentElement !== ownerDocument.body && parentElement !== ownerDocument.documentElement;\n\n var parentOffset = { top: 0, left: 0 };\n\n if (elementStyles.position !== \"fixed\" && useRelative) {\n var parentStyles = win.getComputedStyle(parentElement);\n\n parentOffset = offsetRect(parentElement);\n parentOffset.top += parseInt(parentStyles.borderTopWidth, 10);\n parentOffset.left += parseInt(parentStyles.borderLeftWidth, 10);\n }\n\n return {\n top: offset.top - parentOffset.top,\n left: offset.left - parentOffset.left,\n height: offset.height,\n width: offset.width\n };\n};\n\nexport default position;\n","import elementScrollPosition from './element-scroll-position';\nimport parentScrollPosition from './parent-scroll-position';\n\nexport default function (offsetParentElement, element) { return ( // eslint-disable-line no-arrow-condition\n offsetParentElement ? elementScrollPosition(offsetParentElement) : parentScrollPosition(element)\n); };\n","import offsetParentScrollPosition from './offset-parent-scroll-position';\nimport offsetParent from './offset-parent';\nimport position from './position';\n\nexport default function (element, parent, scale) {\n if ( scale === void 0 ) scale = 1;\n\n var offsetParentElement = parent ? offsetParent(parent) : null;\n var ref = position(element, offsetParentElement);\n var top = ref.top;\n var left = ref.left;\n var height = ref.height;\n var width = ref.width;\n var ref$1 = offsetParentScrollPosition(offsetParentElement, element);\n var x = ref$1.x;\n var y = ref$1.y;\n var ownerDocument = element.ownerDocument;\n var positionScale = offsetParentElement === ownerDocument.body || offsetParentElement === ownerDocument.documentElement ? 1 : scale;\n\n return {\n top: top + y * positionScale,\n left: left + x * positionScale,\n height: height,\n width: width\n };\n};\n","export default function removeScroll(rect, scroll) {\n return {\n top: rect.top - scroll.y,\n left: rect.left - scroll.x,\n height: rect.height,\n width: rect.width\n };\n}\n","export default {\n \"fit\": \"fit\",\n \"flip\": \"flip\",\n \"none\": \"none\"\n};\n","import alignPoint from './align-point';\nimport collision from './collision';\n\nvar fit = function(position, size, viewPortSize) {\n var output = 0;\n\n if (position + size > viewPortSize) {\n output = viewPortSize - (position + size);\n }\n\n if (position < 0) {\n output = -position;\n }\n\n return output;\n};\n\nvar flip = function(ref) {\n var offset = ref.offset;\n var size = ref.size;\n var anchorSize = ref.anchorSize;\n var viewPortSize = ref.viewPortSize;\n var anchorAlignPoint = ref.anchorAlignPoint;\n var elementAlignPoint = ref.elementAlignPoint;\n var margin = ref.margin;\n\n var output = 0;\n\n var isPositionCentered = elementAlignPoint === alignPoint.center || elementAlignPoint === alignPoint.middle;\n var isOriginCentered = anchorAlignPoint === alignPoint.center || anchorAlignPoint === alignPoint.middle;\n var marginToAdd = 2 * margin; //2x to keep margin after flip\n\n if (elementAlignPoint !== anchorAlignPoint && !isPositionCentered && !isOriginCentered) {\n var isBeforeAnchor = anchorAlignPoint === alignPoint.top || anchorAlignPoint === alignPoint.left;\n if (offset < 0 && isBeforeAnchor) {\n output = size + anchorSize + marginToAdd;\n if (offset + output + size > viewPortSize) {\n output = 0; //skip flip\n }\n } else if (offset >= 0 && !isBeforeAnchor) {\n if (offset + size > viewPortSize) {\n output += -(anchorSize + size + marginToAdd);\n }\n\n if (offset + output < 0) {\n output = 0; //skip flip\n }\n }\n }\n\n return output;\n};\n\nvar restrictToView = function (options) {\n var anchorRect = options.anchorRect;\n var anchorAlign = options.anchorAlign;\n var elementRect = options.elementRect;\n var elementAlign = options.elementAlign;\n var collisions = options.collisions;\n var viewPort = options.viewPort;\n var margin = options.margin; if ( margin === void 0 ) margin = {};\n var elementTop = elementRect.top;\n var elementLeft = elementRect.left;\n var elementHeight = elementRect.height;\n var elementWidth = elementRect.width;\n var viewPortHeight = viewPort.height;\n var viewPortWidth = viewPort.width;\n var horizontalMargin = margin.horizontal || 0;\n var verticalMargin = margin.vertical || 0;\n\n var left = 0;\n var top = 0;\n\n var isVerticalFit = collisions.vertical === collision.fit;\n var isHorizontalFit = collisions.horizontal === collision.fit;\n var isVerticalFlip = collisions.vertical === collision.flip;\n var isHorizontalFlip = collisions.horizontal === collision.flip;\n\n if (isVerticalFit) {\n top += fit(elementTop, elementHeight, viewPortHeight);\n }\n\n if (isHorizontalFit) {\n left += fit(elementLeft, elementWidth, viewPortWidth);\n }\n\n if (isVerticalFlip) {\n top += flip({\n margin: verticalMargin,\n offset: elementTop,\n size: elementHeight,\n anchorSize: anchorRect.height,\n viewPortSize: viewPortHeight,\n anchorAlignPoint: anchorAlign.vertical,\n elementAlignPoint: elementAlign.vertical\n });\n }\n\n if (isHorizontalFlip) {\n left += flip({\n margin: horizontalMargin,\n offset: elementLeft,\n size: elementWidth,\n anchorSize: anchorRect.width,\n viewPortSize: viewPortWidth,\n anchorAlignPoint: anchorAlign.horizontal,\n elementAlignPoint: elementAlign.horizontal\n });\n }\n\n var flippedVertical = isVerticalFlip && top !== 0;\n var flippedHorizontal = isHorizontalFlip && left !== 0;\n var fittedVertical = isVerticalFit && top !== 0;\n var fittedHorizontal = isHorizontalFit && left !== 0;\n\n return {\n flipped: flippedHorizontal || flippedVertical,\n fitted: fittedVertical || fittedHorizontal,\n flip: {\n horizontal: flippedHorizontal,\n vertical: flippedVertical\n },\n fit: {\n horizontal: fittedHorizontal,\n vertical: fittedVertical\n },\n offset: {\n left: left,\n top: top\n }\n };\n};\n\nexport default restrictToView;\n","export default function (element) {\n var result = [];\n\n var sibling = element.parentNode.firstElementChild;\n\n while (sibling) {\n if (sibling !== element) {\n result.push(sibling);\n }\n\n sibling = sibling.nextElementSibling;\n }\n return result;\n};\n","/* eslint-disable no-loop-func */\n\nimport parents from './parents';\nimport siblings from './siblings';\n\nexport default function (anchor, container) {\n var parentElements = parents(anchor);\n var containerElement = container;\n var siblingElements;\n var result;\n\n while (containerElement) {\n siblingElements = siblings(containerElement);\n\n result = parentElements.reduce(\n function (list, p) { return list.concat(siblingElements.filter(function (s) { return s === p; })); },\n []\n )[0];\n\n if (result) { break; }\n\n containerElement = containerElement.parentElement;\n }\n\n return result;\n};\n\n","\nvar eitherRect = function (rect, offset) {\n if (!rect) {\n return { height: 0, left: offset.left, top: offset.top, width: 0 };\n }\n\n return rect;\n};\n\nvar scaleRect = function (rect, scale) {\n if (!rect || scale === 1) {\n return rect;\n }\n\n return {\n height: rect.height / scale,\n left: rect.left / scale,\n top: rect.top / scale,\n width: rect.width / scale\n };\n};\n\nvar removeStackingOffset = function (rect, stackingOffset) {\n if (!stackingOffset) { return rect; }\n\n var result = {\n height: rect.height,\n left: rect.left - stackingOffset.left,\n top: rect.top - stackingOffset.top,\n width: rect.width\n };\n\n return result;\n};\n\nfunction memoize(fun) {\n var result;\n var called = false;\n\n return function () {\n var args = [], len = arguments.length;\n while ( len-- ) args[ len ] = arguments[ len ];\n\n if (called) {\n return result;\n }\n\n result = fun.apply(void 0, args);\n called = true;\n return result;\n };\n}\n\nvar hasRelativeStackingContext = memoize(function (elementSource) {\n if (!canUseDOM()) { return false; }\n\n // Component need to pass element to make sure document owner is correct.\n // This however might be performance hit if checked for example on each drag event.\n var currentDocument = elementSource ? elementSource.ownerDocument : document;\n\n if (!currentDocument || !currentDocument.body) { return false; }\n\n var top = 10;\n var parent = currentDocument.createElement(\"div\");\n parent.style.transform = \"matrix(10, 0, 0, 10, 0, 0)\";\n parent.innerHTML = \"
child
\";\n\n currentDocument.body.appendChild(parent);\n\n var isDifferent = parent.children[0].getBoundingClientRect().top !== top;\n\n currentDocument.body.removeChild(parent);\n\n return isDifferent;\n});\n\nvar canUseDOM = function () { return Boolean(\n // from fbjs\n typeof window !== 'undefined' &&\n window.document &&\n window.document.createElement\n); };\n\nvar utils = {\n eitherRect: eitherRect,\n scaleRect: scaleRect,\n removeStackingOffset: removeStackingOffset,\n hasRelativeStackingContext: hasRelativeStackingContext,\n canUseDOM: canUseDOM\n};\n\nexport default utils;","import { parents, siblingContainer } from '@progress/kendo-popup-common';\n/**\n * @hidden\n */\n\nexport var eitherRect = function eitherRect(rect, offset) {\n if (!rect) {\n return {\n height: 0,\n left: offset.left,\n top: offset.top,\n width: 0\n };\n }\n\n return rect;\n};\n/**\n * @hidden\n */\n\nexport var replaceOffset = function replaceOffset(rect, offset) {\n if (!offset) {\n return rect;\n }\n\n var result = {\n height: rect.height,\n left: offset.left,\n top: offset.top,\n width: rect.width\n };\n return result;\n};\n/**\n * @hidden\n */\n\nexport var removeStackingOffset = function removeStackingOffset(rect, stackingOffset) {\n if (!stackingOffset) {\n return rect;\n }\n\n var result = {\n height: rect.height,\n left: rect.left - stackingOffset.left,\n top: rect.top - stackingOffset.top,\n width: rect.width\n };\n return result;\n};\n/**\n * @hidden\n */\n\nexport var isDifferentOffset = function isDifferentOffset(oldOffset, newOffset) {\n var oldLeft = oldOffset.left,\n oldTop = oldOffset.top;\n var newLeft = newOffset.left,\n newTop = newOffset.top;\n return Math.abs(oldLeft - newLeft) >= 1 || Math.abs(oldTop - newTop) >= 1;\n};\n/**\n * @hidden\n */\n\nexport var isDocumentAvailable = function isDocumentAvailable() {\n return typeof document !== 'undefined' && !!document.body;\n};\n/**\n * @hidden\n */\n\nexport var isWindowAvailable = function isWindowAvailable() {\n return typeof window !== 'undefined';\n};\n/**\n * @hidden\n */\n\nexport var hasBoundingRect = function hasBoundingRect(elem) {\n return !!elem.getBoundingClientRect;\n};\n/**\n * @hidden\n */\n\nexport var OVERFLOW_REGEXP = /auto|scroll/;\n/**\n * @hidden\n */\n\nvar overflowStyle = function overflowStyle(element) {\n var styles = window.getComputedStyle(element);\n return \"\" + styles.overflow + styles.overflowX + styles.overflowY;\n};\n/**\n * @hidden\n */\n\n\nexport var scrollableParents = function scrollableParents(element) {\n var parentElements = [];\n\n if (!isDocumentAvailable() || !isWindowAvailable()) {\n return parentElements;\n }\n\n var parent = element.parentElement;\n\n while (parent) {\n if (OVERFLOW_REGEXP.test(overflowStyle(parent))) {\n parentElements.push(parent);\n }\n\n parent = parent.parentElement;\n }\n\n parentElements.push(window);\n return parentElements;\n};\n/**\n * @hidden\n */\n\nexport var FRAME_DURATION = 1000 / 60; // 1000ms divided by 60fps\n\n/**\n * @hidden\n */\n\nexport var hasRelativeStackingContext = function hasRelativeStackingContext() {\n if (!isDocumentAvailable()) {\n return false;\n }\n\n var top = 10;\n var parent = document.createElement('div');\n parent.style.transform = 'matrix(10, 0, 0, 10, 0, 0)';\n parent.innerHTML = \"
child
\";\n document.body.appendChild(parent);\n\n if (parent && parent.firstChild) {\n var firstChild = parent.firstChild;\n firstChild.style.position = 'fixed';\n firstChild.style.top = top + \"px\";\n }\n\n var isDifferent = parent.children[0].getBoundingClientRect().top !== top;\n document.body.removeChild(parent);\n return isDifferent;\n};\n/**\n * @hidden\n */\n\nexport var HAS_RELATIVE_STACKING_CONTEXT = hasRelativeStackingContext();\n/**\n * @hidden\n */\n\nexport var zIndex = function zIndex(anchor, container) {\n if (!anchor || !isDocumentAvailable() || !isWindowAvailable()) {\n return null;\n }\n\n var sibling = siblingContainer(anchor, container);\n\n if (!sibling) {\n return null;\n }\n\n var result = [anchor].concat(parents(anchor, sibling)).reduce(function (index, p) {\n var zIndexStyle = p.style.zIndex || window.getComputedStyle(p).zIndex;\n var current = parseInt(zIndexStyle, 10);\n return current > index ? current : index;\n }, 0);\n return result ? result + 1 : null;\n};\n/**\n * @hidden\n */\n\nexport var CollisionType = {\n fit: 'fit',\n flip: 'flip'\n};\n/**\n * @hidden\n */\n\nexport var AlignPoint = {\n left: 'left',\n center: 'center',\n right: 'right',\n bottom: 'bottom',\n top: 'top'\n};\n/**\n * @hidden\n */\n\nexport var throttle = function throttle(func, wait, options) {\n if (options === void 0) {\n options = {};\n }\n\n var timeout, context, args, result;\n var previous = 0;\n options = options || {};\n\n var later = function later() {\n previous = options.leading === false ? 0 : new Date().getTime();\n timeout = null;\n result = func.apply(context, args);\n\n if (!timeout) {\n context = args = null;\n }\n };\n\n var throttled = function throttled() {\n var now = new Date().getTime();\n\n if (!previous && options.leading === false) {\n previous = now;\n }\n\n var remaining = wait - (now - previous); // @ts-ignore\n\n context = this;\n args = arguments;\n\n if (remaining <= 0 || remaining > wait) {\n if (timeout) {\n clearTimeout(timeout);\n timeout = null;\n }\n\n previous = now;\n result = func.apply(context, args);\n\n if (!timeout) {\n context = args = null;\n }\n } else if (!timeout && options.trailing !== false) {\n timeout = setTimeout(later, remaining);\n }\n\n return result;\n };\n\n return throttled;\n};","import { eitherRect, removeStackingOffset } from '../util';\n/**\n * @hidden\n */\nvar AlignService = /** @class */ (function () {\n function AlignService(_dom) {\n this._dom = _dom;\n }\n AlignService.prototype.alignElement = function (settings) {\n var anchor = settings.anchor, element = settings.element, anchorAlign = settings.anchorAlign, elementAlign = settings.elementAlign, offset = settings.offset;\n var fixedMode = !this._dom.hasOffsetParent(element);\n var anchorRect = fixedMode ?\n this.absoluteRect(anchor, element, offset) :\n this.relativeRect(anchor, element, offset);\n return this._dom.align({\n anchorAlign: anchorAlign,\n anchorRect: anchorRect,\n elementAlign: elementAlign,\n elementRect: this._dom.offset(element)\n });\n };\n AlignService.prototype.absoluteRect = function (anchor, element, offset) {\n var dom = this._dom;\n var rect = eitherRect(dom.offset(anchor), offset);\n var stackingOffset = dom.stackingElementOffset(element);\n var removedOffset = removeStackingOffset(rect, stackingOffset);\n var stackingScroll = dom.stackingElementScroll(element);\n var withScroll = dom.addScroll(removedOffset, stackingScroll);\n var scrollPosition = this.elementScrollPosition(anchor, element);\n var result = dom.removeScroll(withScroll, scrollPosition);\n result.left += window.scrollX || window.pageXOffset;\n result.top += window.scrollY || window.pageYOffset;\n return result;\n };\n AlignService.prototype.elementScrollPosition = function (anchor, element) {\n return anchor ? { x: 0, y: 0 } : this._dom.scrollPosition(element);\n };\n AlignService.prototype.relativeRect = function (anchor, element, offset) {\n return eitherRect(this._dom.position(anchor, element), offset);\n };\n return AlignService;\n}());\nexport { AlignService };\n","import { align, applyLocationOffset, boundingOffset, getWindowViewPort, isBodyOffset, offset, positionWithScroll, restrictToView, addScroll, removeScroll, scrollPosition, siblingContainer } from '@progress/kendo-popup-common';\nimport { isDocumentAvailable, isWindowAvailable, HAS_RELATIVE_STACKING_CONTEXT, scrollableParents, zIndex } from '../util';\n/**\n * @hidden\n */\nvar DOMService = /** @class */ (function () {\n function DOMService() {\n }\n DOMService.prototype.addOffset = function (current, addition) {\n return {\n left: current.left + addition.left,\n top: current.top + addition.top\n };\n };\n DOMService.prototype.align = function (settings) {\n return align(settings);\n };\n DOMService.prototype.boundingOffset = function (el) {\n return boundingOffset(el);\n };\n DOMService.prototype.getWindow = function () {\n return isWindowAvailable() ? window : null;\n };\n DOMService.prototype.isBodyOffset = function (el) {\n return isBodyOffset(el);\n };\n DOMService.prototype.hasOffsetParent = function (el) {\n if (!el) {\n return false;\n }\n var offsetParentEl = el.offsetParent;\n return offsetParentEl &&\n !(offsetParentEl.nodeName === 'BODY' &&\n window.getComputedStyle(offsetParentEl).position === 'static');\n };\n DOMService.prototype.offset = function (el) {\n if (!el) {\n return null;\n }\n return offset(el);\n };\n DOMService.prototype.staticOffset = function (element) {\n if (!element) {\n return null;\n }\n var _a = element.style, left = _a.left, top = _a.top;\n element.style.left = '0px';\n element.style.top = '0px';\n var currentOffset = offset(element);\n element.style.left = left;\n element.style.top = top;\n return currentOffset;\n };\n DOMService.prototype.position = function (element, popup) {\n if (!element || !popup) {\n return null;\n }\n var parentSibling = siblingContainer(element, popup);\n return positionWithScroll(element, parentSibling);\n };\n DOMService.prototype.relativeOffset = function (el, currentLocation) {\n return applyLocationOffset(this.offset(el), currentLocation, this.isBodyOffset(el));\n };\n DOMService.prototype.addScroll = function (rect, scroll) {\n return addScroll(rect, scroll);\n };\n DOMService.prototype.removeScroll = function (rect, scroll) {\n return removeScroll(rect, scroll);\n };\n DOMService.prototype.restrictToView = function (settings) {\n return restrictToView(settings);\n };\n DOMService.prototype.scrollPosition = function (el) {\n return scrollPosition(el);\n };\n DOMService.prototype.scrollableParents = function (el) {\n return scrollableParents(el);\n };\n DOMService.prototype.stackingElementOffset = function (el) {\n var relativeContextElement = this.getRelativeContextElement(el);\n if (!relativeContextElement) {\n return null;\n }\n return offset(relativeContextElement);\n };\n DOMService.prototype.stackingElementScroll = function (el) {\n var relativeContextElement = this.getRelativeContextElement(el);\n if (!relativeContextElement) {\n return { x: 0, y: 0 };\n }\n return {\n x: relativeContextElement.scrollLeft,\n y: relativeContextElement.scrollTop\n };\n };\n DOMService.prototype.stackingElementViewPort = function (el) {\n var relativeContextElement = this.getRelativeContextElement(el);\n if (!relativeContextElement) {\n return null;\n }\n return {\n height: relativeContextElement.scrollHeight,\n width: relativeContextElement.scrollWidth\n };\n };\n DOMService.prototype.getRelativeContextElement = function (el) {\n if (!el || !HAS_RELATIVE_STACKING_CONTEXT) {\n return null;\n }\n var parent = el.parentElement;\n while (parent) {\n if (window.getComputedStyle(parent).transform !== 'none') {\n return parent;\n }\n parent = parent.parentElement;\n }\n return null;\n };\n DOMService.prototype.useRelativePosition = function (el) {\n return !!this.getRelativeContextElement(el);\n };\n DOMService.prototype.windowViewPort = function (el) {\n return getWindowViewPort(el);\n };\n DOMService.prototype.zIndex = function (anchor, container) {\n return zIndex(anchor, container);\n };\n DOMService.prototype.zoomLevel = function () {\n if (!isDocumentAvailable() || !isWindowAvailable()) {\n return 1;\n }\n return parseFloat((document.documentElement.clientWidth / window.innerWidth).toFixed(2));\n };\n DOMService.prototype.isZoomed = function () {\n return this.zoomLevel() > 1;\n };\n return DOMService;\n}());\nexport { DOMService };\n","import { eitherRect, replaceOffset } from '../util';\n/**\n * @hidden\n */\nvar PositionService = /** @class */ (function () {\n function PositionService(_dom) {\n this._dom = _dom;\n }\n PositionService.prototype.positionElement = function (settings) {\n var anchor = settings.anchor, currentLocation = settings.currentLocation, element = settings.element, anchorAlign = settings.anchorAlign, elementAlign = settings.elementAlign, collisions = settings.collisions;\n var dom = this._dom;\n var viewPort = settings.viewPort || dom.stackingElementViewPort(element) || dom.windowViewPort(element);\n var anchorRect = eitherRect(dom.offset(anchor), currentLocation);\n var initialElementRect = replaceOffset(dom.staticOffset(element), currentLocation);\n var elementRect = this.elementRect(element, initialElementRect);\n var result = dom.restrictToView({\n anchorAlign: anchorAlign,\n anchorRect: anchorRect,\n collisions: collisions,\n elementAlign: elementAlign,\n elementRect: elementRect,\n viewPort: viewPort\n });\n return {\n flipped: result.flipped,\n offset: dom.addOffset(initialElementRect, result.offset)\n };\n };\n PositionService.prototype.elementRect = function (element, rect) {\n return this._dom.removeScroll(rect, this._dom.scrollPosition(element));\n };\n return PositionService;\n}());\nexport { PositionService };\n","/**\n * @hidden\n */\nexport var packageMetadata = {\n name: '@progress/kendo-vue-popup',\n productName: 'Kendo UI for Vue',\n productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],\n publishDate: 1635492688,\n version: '',\n licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'\n};\n","// @ts-ignore\nimport * as Vue from 'vue';\nvar allVue = Vue;\nvar gh = allVue.h;\nimport { Slide } from '@progress/kendo-vue-animation';\nimport { CollisionType, AlignPoint, throttle, FRAME_DURATION, isWindowAvailable } from './util';\nimport { AlignService } from './services/alignService';\nimport { DOMService } from './services/domService';\nimport { PositionService } from './services/positionService';\nimport { canUseDOM, getDefaultSlots, validatePackage } from '@progress/kendo-vue-common';\nimport { packageMetadata } from './package-metadata';\nvar DEFAULT_OFFSET = {\n left: -1000,\n top: 0\n};\nvar ANIMATION_CONTAINER = 'k-animation-container';\nvar ANIMATION_CONTAINER_SHOWN = 'k-animation-container-shown';\nvar K_POPUP = 'k-popup';\n/**\n * Represents the default `Animation` component.\n */\n\nvar Popup = {\n name: 'Popup',\n props: {\n appendTo: {\n type: String,\n default: ''\n },\n anchor: {\n type: String,\n default: ''\n },\n className: String,\n id: String,\n popupClass: String,\n collision: {\n type: Object,\n default: function _default() {\n return {\n horizontal: CollisionType.fit,\n vertical: CollisionType.flip\n };\n }\n },\n anchorAlign: {\n type: Object,\n default: function _default() {\n return {\n horizontal: AlignPoint.left,\n vertical: AlignPoint.bottom\n };\n }\n },\n popupAlign: {\n type: Object,\n default: function _default() {\n return {\n horizontal: AlignPoint.left,\n vertical: AlignPoint.top\n };\n }\n },\n offset: {\n type: Object,\n default: function _default() {\n return DEFAULT_OFFSET;\n }\n },\n show: {\n type: Boolean,\n default: false\n },\n animate: {\n type: [Boolean, Object],\n default: function _default() {\n return true;\n }\n },\n direction: {\n type: String,\n default: 'down'\n },\n transition: {\n type: String,\n default: 'expand'\n }\n },\n data: function data() {\n return {\n hasMounted: false\n };\n },\n created: function created() {\n validatePackage(packageMetadata);\n this.mountedAppendTo = undefined;\n this.mountedAnchor = undefined;\n this._initiallyMountedContent = undefined;\n this._flipped = false;\n this._offsetTop = 0;\n this._offsetLeft = -1000;\n this._exitingAnimation = false;\n this._prevShow = false;\n this._prevShow = this.$props.show;\n this._domService = new DOMService();\n this._alignService = new AlignService(this._domService);\n this._positionService = new PositionService(this._domService);\n this.reposition = throttle(this.reposition.bind(this), FRAME_DURATION);\n },\n // @ts-ignore\n setup: !gh ? undefined : function () {\n var v3 = !!gh;\n return {\n v3: v3\n };\n },\n mounted: function mounted() {\n if (canUseDOM) {\n this.mountedAppendTo = this.$props.appendTo ? this.getParentRef(this.$props.appendTo) : document.body;\n this.mountedAnchor = this.$props.anchor ? this.getParentRef(this.$props.anchor) : document.body;\n }\n\n this._parentElement = this.$el.parentElement;\n this._initiallyMountedContent = this.$el.cloneNode(true);\n this.hasMounted = true;\n this.mountedAppendTo.appendChild(this.$el);\n },\n updated: function updated() {\n this._prevShow = this.$props.show;\n },\n destroyed: !!gh ? undefined : function () {\n this.detachRepositionHandlers();\n },\n beforeDestroy: !!gh ? undefined : function () {\n if (this._parentElement) {\n this._parentElement.appendChild(this.$el);\n }\n },\n // @ts-ignore\n unmounted: function unmounted() {\n this.detachRepositionHandlers();\n },\n // @ts-ignore\n beforeUnmount: function beforeUnmount() {\n if (this._parentElement) {\n this._parentElement.appendChild(this.$el);\n }\n },\n methods: {\n onOpened: function onOpened() {\n var element = this.$el;\n\n if (this.$props.show) {\n element.classList.add(ANIMATION_CONTAINER_SHOWN);\n }\n\n this.attachRepositionHandlers(element);\n this.$emit('open', {\n target: this\n });\n },\n onClosing: function onClosing() {\n if (!this.$props.show) {\n var element = this.$el;\n element.classList.remove(ANIMATION_CONTAINER_SHOWN);\n }\n\n this.detachRepositionHandlers();\n },\n onClosed: function onClosed() {\n if (this._exitingAnimation) {\n this._exitingAnimation = false;\n this.$forceUpdate();\n }\n\n this.$emit('close', {\n target: this\n });\n },\n transitionDuration: function transitionDuration() {\n var animate = this.$props.animate;\n var transitionEnterDuration = 0;\n var transitionExitDuration = 0;\n\n if (animate) {\n if (animate === true) {\n // Inherit the default duration of the Animation component.\n transitionEnterDuration = transitionExitDuration = undefined;\n } else {\n transitionEnterDuration = animate.openDuration;\n transitionExitDuration = animate.closeDuration;\n }\n }\n\n return {\n transitionEnterDuration: transitionEnterDuration,\n transitionExitDuration: transitionExitDuration\n };\n },\n getParentRef: function getParentRef(anchor) {\n // @ts-ignore\n var parent = this.$parent;\n\n while (!parent.$refs[anchor]) {\n // @ts-ignore\n if (parent && parent.kendoAnchorRef) {\n // @ts-ignore\n return parent.kendoAnchorRef;\n } // @ts-ignore\n\n\n parent = parent.$parent;\n\n if (!parent && canUseDOM) {\n return document.body;\n }\n } // @ts-ignore\n\n\n return parent.$refs[anchor].$el || parent.$refs[anchor];\n },\n position: function position(settings, element, anchor) {\n var anchorAlign = settings.anchorAlign,\n popupAlign = settings.popupAlign,\n collision = settings.collision,\n offset = settings.offset;\n var anchorElement = anchor ? this.v3 ? this.mountedAnchor : this.getParentRef(anchor) : document.body;\n\n var alignedOffset = this._alignService.alignElement({\n anchor: anchor ? anchorElement : undefined,\n element: element,\n elementAlign: popupAlign,\n anchorAlign: anchorAlign,\n offset: offset\n });\n\n var result = this._positionService.positionElement({\n anchor: anchorElement,\n anchorAlign: anchorAlign,\n collisions: collision,\n element: element,\n currentLocation: alignedOffset,\n elementAlign: popupAlign\n });\n\n return result;\n },\n calculatePosition: function calculatePosition($props, appendToElement) {\n if (!appendToElement || !isWindowAvailable() || !canUseDOM) {\n return {\n flipped: false,\n offset: $props.offset\n };\n }\n\n var defaultSlot = getDefaultSlots(this);\n var root = document.createElement('div');\n var contentElement = this.$el && this.$el.firstChild ? this.$el.firstChild.firstChild ? this.$el.firstChild.firstChild.cloneNode(true) : null : null;\n var divWrapper = contentElement && contentElement.getBoundingClientRect ? contentElement : this._initiallyMountedContent;\n\n if (divWrapper) {\n root.appendChild(divWrapper);\n } else {\n // @ts-ignore\n var internalClass = this.v3 ? defaultSlot && defaultSlot[0].props ? defaultSlot[0].props.class : '' : defaultSlot && defaultSlot[0].data ? defaultSlot[0].data.staticClass : ''; // @ts-ignore\n\n var domClass = this.v3 ? this.$props.popupClass ? this.$props.popupClass : '' : defaultSlot && defaultSlot[0].data ? defaultSlot[0].data.class : '';\n root.innerHTML = \"