@progress/kendo-vue-scheduler 5.3.0-dev.202410141143 → 5.3.0-develop.2

package/dist/npm/slots/SchedulerEditSlot.js

@@ -1,402 +0,0 @@
-"use strict";
-
-var __assign = undefined && undefined.__assign || function () {
-  __assign = Object.assign || function (t) {
-    for (var s, i = 1, n = arguments.length; i < n; i++) {
-      s = arguments[i];
-      for (var p in s) {
-        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-      }
-    }
-    return t;
-  };
-  return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SchedulerEditSlotVue2 = exports.SchedulerEditSlot = void 0;
-// @ts-ignore
-var Vue = require("vue");
-var allVue = Vue;
-var gh = allVue.h;
-var isV3 = allVue.version && allVue.version[0] === '3';
-var kendo_vue_common_1 = require("@progress/kendo-vue-common");
-var Scheduler_1 = require("../Scheduler");
-var main_1 = require("../utils/main");
-var SchedulerViewSlot_1 = require("./SchedulerViewSlot");
-var main_2 = require("../hooks/main");
-var use_slots_selection_1 = require("../hooks/use-slots-selection");
-var main_3 = require("../main");
-/**
- * @hidden
- */
-var SchedulerEditSlotVue2 = {
-  name: 'KendoSchedulerEditSlot',
-  inheritAttrs: false,
-  props: {
-    tabIndex: {
-      type: Number,
-      default: undefined
-    },
-    className: String,
-    form: Object,
-    formItem: Object,
-    refTo: [Function, Object],
-    items: Array,
-    row: Number,
-    group: Object,
-    range: Object,
-    isWorkDay: {
-      type: Boolean,
-      default: true
-    },
-    isWorkHour: {
-      type: Boolean,
-      default: true
-    },
-    selected: Boolean,
-    col: Number,
-    index: Number,
-    start: Date,
-    end: Date,
-    zonedStart: Object,
-    zonedEnd: Object,
-    isAllDay: Boolean,
-    expandable: [Boolean, Object],
-    slotRender: [String, Function, Object],
-    viewSlot: [String, Function, Object],
-    navDay: Boolean,
-    editable: [Object, Boolean],
-    itemsPerSlot: Number
-  },
-  created: function created() {
-    this.slot = null;
-    this.editableSlot = null;
-  },
-  provide: function provide() {
-    return {
-      ksEditFormSubmit: this.handleEditFormSubmit,
-      ksEditFormCancel: this.handleEditFormCancel,
-      ksEditFormClose: this.handleEditFormClose
-    };
-  },
-  inject: {
-    bv: {
-      default: null
-    },
-    ks: {
-      default: null
-    },
-    dispatchSelectedItems: {
-      default: null
-    },
-    dispatchFocusedItems: {
-      default: null
-    },
-    dispatchFocusedSlots: {
-      default: null
-    },
-    dispatchSelectedSlots: {
-      default: null
-    },
-    ksSlots: {
-      default: {}
-    }
-  },
-  data: function data() {
-    return {
-      currentFormItem: null
-    };
-  },
-  computed: {
-    cSlot: function cSlot() {
-      return this.ksSlots.cSlots ? this.ksSlots.cSlots[this.index] : {};
-    },
-    currentTabIndex: function currentTabIndex() {
-      var isFirst = this.bv.slots.length && (0, main_1.compareSlots)(this.bv.slots[0].cSlot, this.cSlot);
-      return this.$props.tabIndex !== undefined ? this.$props.tabIndex === null ? undefined : this.$props.tabIndex : this.bv.selectedSlots.length === 0 ? isFirst && this.cSlot.items.length === 0 ? 0 : undefined : undefined;
-    },
-    computedEditable: function computedEditable() {
-      return (0, main_2.useEditable)(this.$props.editable);
-    },
-    compFormItem: function compFormItem() {
-      return this.formItem !== undefined ? this.formItem : this.currentFormItem;
-    }
-  },
-  // @ts-ignore
-  setup: !isV3 ? undefined : function () {
-    var v3 = !!isV3;
-    return {
-      v3: v3
-    };
-  },
-  // @ts-ignore
-  render: function render(createElement) {
-    var _this = this;
-    var h = gh || createElement;
-    var defaultSlot = (0, kendo_vue_common_1.getDefaultSlots)(this);
-    var _a = this.$props,
-      propViewSlot = _a.viewSlot,
-      propForm = _a.form,
-      propFormItem = _a.formItem,
-      items = _a.items,
-      row = _a.row,
-      group = _a.group,
-      range = _a.range,
-      isWorkDay = _a.isWorkDay,
-      isWorkHour = _a.isWorkHour,
-      col = _a.col,
-      index = _a.index,
-      start = _a.start,
-      end = _a.end,
-      zonedStart = _a.zonedStart,
-      zonedEnd = _a.zonedEnd,
-      navDay = _a.navDay,
-      itemsPerSlot = _a.itemsPerSlot,
-      className = _a.className;
-    var selected = this.bv.selectedSlots.some(function (s) {
-      return (0, main_1.compareSlots)(s.cSlot, _this.cSlot);
-    });
-    var editSlotRender;
-    var editSlotRenderDefaultRendering =
-    // @ts-ignore  function children
-    h(SchedulerViewSlot_1.SchedulerViewSlot, {
-      className: className,
-      attrs: this.v3 ? undefined : {
-        className: className,
-        slotRender: this.$props.slotRender,
-        isAllDay: this.isAllDay,
-        expandable: this.expandable,
-        editable: this.editable,
-        items: items,
-        row: row,
-        group: group,
-        range: range,
-        isWorkDay: isWorkDay,
-        isWorkHour: isWorkHour,
-        col: col,
-        index: index,
-        start: start,
-        end: end,
-        zonedStart: zonedStart,
-        zonedEnd: zonedEnd,
-        selected: selected,
-        navDay: navDay,
-        itemsPerSlot: itemsPerSlot,
-        tabIndex: this.currentTabIndex,
-        formItem: this.compFormItem
-        // Focus
-      },
-      slotRender: this.$props.slotRender,
-      isAllDay: this.isAllDay,
-      expandable: this.expandable,
-      editable: this.editable,
-      items: items,
-      row: row,
-      group: group,
-      range: range,
-      isWorkDay: isWorkDay,
-      isWorkHour: isWorkHour,
-      col: col,
-      index: index,
-      start: start,
-      end: end,
-      zonedStart: zonedStart,
-      zonedEnd: zonedEnd,
-      selected: selected,
-      navDay: navDay,
-      itemsPerSlot: itemsPerSlot,
-      tabIndex: this.currentTabIndex,
-      formItem: this.compFormItem,
-      onFocus: this.handleFocus
-      // Mouse
-      ,
-      on: this.v3 ? undefined : {
-        "focus": this.handleFocus,
-        "doubleclick": this.handleDoubleClick,
-        "keydown": this.handleKeyDown,
-        "showmoreitems": this.handleShowMoreItemsClick
-      },
-      onDoubleclick: this.handleDoubleClick
-      // Keyboard
-      ,
-      onKeydown: this.handleKeyDown,
-      onShowmoreitems: this.handleShowMoreItemsClick
-    }, this.v3 ? function () {
-      return [defaultSlot];
-    } : [defaultSlot]);
-    editSlotRender = kendo_vue_common_1.getTemplate.call(this, {
-      h: h,
-      template: this.$props.slotRender,
-      defaultRendering: editSlotRenderDefaultRendering,
-      defaultSlots: defaultSlot,
-      additionalProps: __assign(__assign({}, this.cSlot), {
-        isAllDay: this.cSlot.isAllDay,
-        expandable: this.expandable,
-        editable: this.editable,
-        items: items,
-        row: this.cSlot.row,
-        group: this.cSlot.group,
-        range: this.cSlot.range,
-        isWorkDay: isWorkDay,
-        isWorkHour: isWorkHour,
-        col: this.cSlot.col,
-        index: index,
-        start: this.cSlot.start,
-        end: this.cSlot.end,
-        zonedStart: zonedStart,
-        zonedEnd: zonedEnd,
-        selected: selected,
-        navDay: navDay,
-        itemsPerSlot: itemsPerSlot,
-        tabIndex: this.currentTabIndex
-      }),
-      additionalListeners: {
-        focus: this.handleFocus,
-        doubleclick: this.handleDoubleClick,
-        keydown: this.handleKeyDown,
-        showmoreitems: this.handleShowMoreItemsClick
-      }
-    });
-    return editSlotRender;
-  },
-  methods: {
-    handleShowMoreItemsClick: function handleShowMoreItemsClick(event) {
-      this.$emit('showmoreitems', event);
-    },
-    createDataItemFromSlot: function createDataItemFromSlot() {
-      var dataItem = {};
-      (0, main_1.setField)(dataItem, this.ks.fields.start, new Date(this.cSlot.start.getTime()));
-      (0, main_1.setField)(dataItem, this.ks.fields.end, new Date(this.cSlot.end.getTime()));
-      (0, main_1.setField)(dataItem, this.ks.fields.isAllDay, this.cSlot.isAllDay);
-      if (this.cSlot.group.resources.length) {
-        for (var idx = 0; idx < this.cSlot.group.resources.length; idx++) {
-          var resource = this.cSlot.group.resources[idx];
-          if ((0, main_1.isGroupped)(this.cSlot.group.resources)) {
-            var value = (0, main_1.getField)(this.cSlot.group.resources[idx], resource.valueField);
-            (0, main_1.setField)(dataItem, resource.field, resource.multiple ? [value] : value);
-          } else {
-            (0, main_1.setField)(dataItem, resource.field, resource.multiple ? [] : undefined);
-          }
-        }
-      }
-      return dataItem;
-    },
-    handleFocus: function handleFocus(event) {
-      if (this.computedEditable.select) {
-        this.dispatchSelectedSlots({
-          type: use_slots_selection_1.SLOTS_SELECT_ACTION.select,
-          slot: this
-        }, event.event);
-      }
-      this.$emit('focus', event);
-    },
-    handleDoubleClick: function handleDoubleClick(event) {
-      if (this.computedEditable.add) {
-        var dataItem = this.createDataItemFromSlot();
-        this.setFormItem(dataItem, event);
-      }
-      this.$emit('doubleclick', event);
-    },
-    handleKeyDown: function handleKeyDown(event) {
-      var nextItem;
-      switch (event.event.keyCode) {
-        case kendo_vue_common_1.Keys.left:
-          if (!this.bv.slots) {
-            return;
-          }
-          event.event.preventDefault();
-          this.dispatchFocusedSlots({
-            type: main_2.SLOTS_FOCUS_ACTION.left,
-            slot: this
-          }, event.event);
-          break;
-        case kendo_vue_common_1.Keys.right:
-          if (!this.bv.slots) {
-            return;
-          }
-          event.event.preventDefault();
-          this.dispatchFocusedSlots({
-            type: main_2.SLOTS_FOCUS_ACTION.right,
-            slot: this
-          }, event.event);
-          break;
-        case kendo_vue_common_1.Keys.up:
-          if (!this.bv.slots) {
-            return;
-          }
-          event.event.preventDefault();
-          this.dispatchFocusedSlots({
-            type: main_2.SLOTS_FOCUS_ACTION.up,
-            slot: this
-          }, event.event);
-          break;
-        case kendo_vue_common_1.Keys.down:
-          if (!this.bv.slots) {
-            return;
-          }
-          event.event.preventDefault();
-          this.dispatchFocusedSlots({
-            type: main_2.SLOTS_FOCUS_ACTION.down,
-            slot: this
-          }, event.event);
-          break;
-        case kendo_vue_common_1.Keys.enter:
-          if (!this.bv.slots || !this.computedEditable.add) {
-            return;
-          }
-          var dataItem = this.createDataItemFromSlot();
-          this.setFormItem(dataItem);
-          break;
-        case kendo_vue_common_1.Keys.tab:
-          var fi = (0, main_1.findFirstItem)(event.target);
-          nextItem = fi ? (0, main_1.findCurrentItem)(fi, this.bv.items, false) : (0, main_1.getSortedSlots)(this.bv.items, this.ignoreIsAllDay)[0];
-          this.dispatchFocusedItems({
-            type: main_2.ITEMS_FOCUS_ACTION.current,
-            item: nextItem
-          }, event.event);
-          this.dispatchSelectedItems({
-            type: main_3.ITEMS_SELECT_ACTION.select,
-            item: nextItem
-          }, event);
-          break;
-        default:
-          break;
-      }
-      if (nextItem) {
-        event.event.preventDefault();
-      }
-    },
-    handleEditFormSubmit: function handleEditFormSubmit(event) {
-      this.$emit('dataaction', {
-        type: Scheduler_1.DATA_ACTION.create,
-        series: false,
-        dataItem: event.value
-      }, event);
-      this.setFormItem(null, event.event);
-    },
-    handleEditFormCancel: function handleEditFormCancel(event) {
-      this.setFormItem(null, event.event);
-    },
-    handleEditFormClose: function handleEditFormClose(event) {
-      this.setFormItem(null, event);
-    },
-    handleFormItemChange: function handleFormItemChange(value, event) {
-      if (!this.setFormItem) {
-        return;
-      }
-      this.setFormItem(value, event);
-    },
-    setFormItem: function setFormItem(dataItem, event) {
-      this.currentFormItem = dataItem;
-      this.$emit('formitemchange', event);
-    }
-  }
-};
-exports.SchedulerEditSlotVue2 = SchedulerEditSlotVue2;
-/**
- * @hidden
- */
-var SchedulerEditSlot = SchedulerEditSlotVue2;
-exports.SchedulerEditSlot = SchedulerEditSlot;

package/dist/npm/slots/SchedulerSlot.d.ts

@@ -1,146 +0,0 @@
-import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
-declare type DefaultData<V> = object | ((this: V) => {});
-declare type DefaultMethods<V> = {
-    [key: string]: (this: V, ...args: any[]) => any;
-};
-import { Slot, SchedulerSlotMouseEvent, SchedulerSlotKeyboardEvent, SchedulerSlotFocusEvent, EditableProp } from '../models/main';
-/**
- * Represents the props of the Kendo UI for Vue [SchedulerSlot]({% slug api_scheduler_schedulerslotprops %}) component.
- */
-export interface SchedulerSlotProps extends Slot {
-    /** @hidden */
-    refTo: any;
-    /** @hidden */
-    navDay?: boolean;
-    /** @hidden */
-    itemsPerSlot?: number;
-    /** @hidden */
-    formItem?: object;
-    /** @hidden */
-    viewSlot?: any;
-    /** @hidden */
-    slotStyle?: any;
-    /** @hidden */
-    className?: string;
-    /**
-     * Specifies the `id` of the wrapping element of the SchedulerSlot.
-     */
-    id?: string;
-    /**
-     * Specifies the `tabIndex` attribute of the wrapping element of the SchedulerSlot.
-     *
-     * Providing `null` will not apply any `tabIndex` to the element.
-     */
-    tabIndex?: number;
-    /**
-     * Overrides the `editable` prop of the `Scheduler` and the active view.
-     */
-    editable?: EditableProp | boolean;
-    /**
-     * Specifies if the `day` of the SchedulerSlot(in the current timezone) is between the `workDayStart` and `workDayEnd` of the active view.
-     */
-    isWorkDay?: boolean;
-    /**
-     * Specifies if the `time` of the SchedulerSlot(in the current timezone) is between the `workDayStart` and `workDayEnd` of the active view.
-     */
-    isWorkHour?: boolean;
-    /**
-     * Sets the selected state of the SchedulerSlot. By default the `k-selected` className is added if `props.selected` is `true`.
-     */
-    selected?: boolean;
-    /**
-     * Sets the `row` in the context of the current active view.
-     * This property is being used to provide keyboard navigation between the SchedulerSlot components.
-     */
-    row: number;
-    /**
-     * Sets the `col` in the context of the current active view.
-     * This property is being used to provide keyboard navigation between the SchedulerSlot components.
-     */
-    col: number;
-    /**
-     * Called each time the element, or any of its child elements, receive focus.
-     */
-    onFocus?: (event: SchedulerSlotFocusEvent) => void;
-    /**
-     * Called each time the element, or any of its child elements, lose focus.
-     */
-    onBlur?: (event: SchedulerSlotFocusEvent) => void;
-    /**
-     * Called each time the element, or any of its child elements, is clicked.
-     */
-    onClick?: (event: SchedulerSlotMouseEvent) => void;
-    /**
-     * Called each time the element, or any of its child elements receives `mouseenter` event.
-     */
-    onMouseEnter?: (event: SchedulerSlotMouseEvent) => void;
-    /**
-     * Called each time the element, or any of its child elements receives `mouseleave` event.
-     */
-    onMouseLeave?: (event: SchedulerSlotMouseEvent) => void;
-    /**
-     * Called each time the element, or any of its child elements receives `mouseover` event.
-     */
-    onMouseOver?: (event: SchedulerSlotMouseEvent) => void;
-    /**
-     * Called each time the element, or any of its child elements receives `mouseout` event.
-     */
-    onMouseOut?: (event: SchedulerSlotMouseEvent) => void;
-    /**
-     * Called each time the element, or any of its child elements, is double-clicked.
-     */
-    onDoubleClick?: (event: SchedulerSlotMouseEvent) => void;
-    /**
-     * Called each time a `keydown` event propagates to the wrapping element.
-     */
-    onKeyDown?: (event: SchedulerSlotKeyboardEvent) => void;
-    /**
-     * Called each time a `keypress` event propagates to the wrapping element.
-     */
-    onKeyPress?: (event: SchedulerSlotKeyboardEvent) => void;
-    /**
-     * Called each time a `keyup` event propagates to the wrapping element.
-     */
-    onKeyUp?: (event: SchedulerSlotKeyboardEvent) => void;
-}
-/** @hidden */
-export interface SchedulerSlotHandle {
-    element: HTMLDivElement | null;
-    props: SchedulerSlotProps;
-}
-/**
- * @hidden
- */
-export interface SchedulerSlotState {
-}
-/**
- * @hidden
- */
-export interface SchedulerSlotComputed {
-    [key: string]: any;
-}
-/**
- * @hidden
- */
-export interface SchedulerSlotMethods {
-    [key: string]: any;
-}
-/**
- * @hidden
- */
-export interface SchedulerSlotData {
-}
-/**
- * @hidden
- */
-export interface SchedulerSlotAll extends Vue2type, SchedulerSlotMethods, SchedulerSlotData, SchedulerSlotComputed, SchedulerSlotState {
-}
-/**
- * @hidden
- */
-declare let SchedulerSlotVue2: ComponentOptions<SchedulerSlotAll, DefaultData<SchedulerSlotData>, DefaultMethods<SchedulerSlotAll>, SchedulerSlotComputed, RecordPropsDefinition<SchedulerSlotProps>>;
-/**
- * @hidden
- */
-declare const SchedulerSlot: DefineComponent<SchedulerSlotProps, any, SchedulerSlotData, SchedulerSlotComputed, SchedulerSlotMethods, {}, {}, {}, string, SchedulerSlotProps, SchedulerSlotProps, {}>;
-export { SchedulerSlot, SchedulerSlotVue2 };