@syncfusion/ej2-vue-navigations 20.1.47 → 20.1.48

package/styles/treeview/bootstrap5-dark.css

@@ -469,7 +469,7 @@
 }
 
 .e-treeview .e-checkbox-wrapper {
-  margin: 0 0 0 12px;
+  margin: 0 0 0 8px;
   pointer-events: all;
   position: relative;
 }
@@ -651,7 +651,7 @@
 }
 
 .e-treeview .e-navigable .e-anchor-wrap {
-  padding: 0 0 0 12px;
+  padding: 0 0 0 8px;
 }
 
 .e-treeview .e-navigable .e-list-icon,
@@ -716,7 +716,7 @@
 }
 
 .e-treeview.e-rtl .e-navigable .e-anchor-wrap {
-  padding: 0 12px 0 0;
+  padding: 0 8px 0 0;
 }
 
 .e-treeview.e-rtl .e-navigable .e-list-icon,
@@ -738,7 +738,7 @@
 }
 
 .e-treeview.e-rtl .e-checkbox-wrapper {
-  margin: 0 12px 0 0;
+  margin: 0 8px 0 0;
 }
 
 .e-treeview.e-rtl .e-checkbox-wrapper + .e-list-icon,

package/styles/treeview/bootstrap5.css

@@ -469,7 +469,7 @@
 }
 
 .e-treeview .e-checkbox-wrapper {
-  margin: 0 0 0 12px;
+  margin: 0 0 0 8px;
   pointer-events: all;
   position: relative;
 }
@@ -651,7 +651,7 @@
 }
 
 .e-treeview .e-navigable .e-anchor-wrap {
-  padding: 0 0 0 12px;
+  padding: 0 0 0 8px;
 }
 
 .e-treeview .e-navigable .e-list-icon,
@@ -716,7 +716,7 @@
 }
 
 .e-treeview.e-rtl .e-navigable .e-anchor-wrap {
-  padding: 0 12px 0 0;
+  padding: 0 8px 0 0;
 }
 
 .e-treeview.e-rtl .e-navigable .e-list-icon,
@@ -738,7 +738,7 @@
 }
 
 .e-treeview.e-rtl .e-checkbox-wrapper {
-  margin: 0 12px 0 0;
+  margin: 0 8px 0 0;
 }
 
 .e-treeview.e-rtl .e-checkbox-wrapper + .e-list-icon,

package/styles/treeview/tailwind-dark.css

@@ -2,7 +2,7 @@
 /*! TreeView's tailwind theme wise override definitions and variables */
 /*! TreeView icons */
 .e-treeview .e-list-item div.e-icons::before {
-  content: '\e75c';
+  content: '\e707';
 }
 
 .e-treeview .e-sibling::before {
@@ -14,19 +14,19 @@
 }
 
 .e-treeview.e-drag-item .e-icons.e-drop-in::before {
-  content: '\e768';
+  content: '\e783';
 }
 
 .e-treeview.e-drag-item .e-icons.e-drop-out::before {
-  content: '\e839';
+  content: '\e77e';
 }
 
 .e-treeview.e-drag-item .e-icons.e-drop-next::before {
-  content: '\e736';
+  content: '\e7a9';
 }
 
 .e-treeview.e-drag-item .e-icons.e-no-drop::before {
-  content: '\e839';
+  content: '\e77e';
 }
 
 @keyframes rotation {
@@ -191,7 +191,7 @@
 
 .e-bigger .e-treeview .e-checkbox-wrapper,
 .e-treeview.e-bigger .e-checkbox-wrapper {
-  margin: 0 0 0 8px;
+  margin: 0 0 0 12px;
 }
 
 .e-bigger .e-treeview .e-checkbox-wrapper + .e-list-text,
@@ -303,7 +303,7 @@
 
 .e-bigger .e-treeview.e-rtl .e-checkbox-wrapper,
 .e-treeview.e-bigger.e-rtl .e-checkbox-wrapper {
-  margin: 0 8px 0 0;
+  margin: 0 12px 0 0;
 }
 
 .e-bigger .e-treeview.e-rtl .e-checkbox-wrapper + .e-list-icon,
@@ -393,7 +393,7 @@
 }
 
 .e-treeview .e-list-item.e-active {
-  font-weight: 600;
+  font-weight: 500;
 }
 
 .e-treeview .e-list-item div.e-icons.interaction {
@@ -416,6 +416,7 @@
 
 .e-treeview .e-list-item {
   list-style: none;
+  padding: 2px 0;
 }
 
 .e-treeview .e-list-item .e-ul {
@@ -473,7 +474,7 @@
 }
 
 .e-treeview .e-checkbox-wrapper {
-  margin: 0 0 0 6px;
+  margin: 0 0 0 8px;
   pointer-events: all;
   position: relative;
 }
@@ -509,7 +510,7 @@
 
 .e-treeview .e-list-text .e-input-group {
   height: 30px;
-  margin-bottom: 3px;
+  margin-top: 3px;
   min-width: 150px;
   vertical-align: bottom;
 }
@@ -655,7 +656,7 @@
 }
 
 .e-treeview .e-navigable .e-anchor-wrap {
-  padding: 0 0 0 6px;
+  padding: 0 0 0 8px;
 }
 
 .e-treeview .e-navigable .e-list-icon,
@@ -717,7 +718,7 @@
 }
 
 .e-treeview.e-rtl .e-navigable .e-anchor-wrap {
-  padding: 0 6px 0 0;
+  padding: 0 8px 0 0;
 }
 
 .e-treeview.e-rtl .e-navigable .e-list-icon,
@@ -739,7 +740,7 @@
 }
 
 .e-treeview.e-rtl .e-checkbox-wrapper {
-  margin: 0 6px 0 0;
+  margin: 0 8px 0 0;
 }
 
 .e-treeview.e-rtl .e-checkbox-wrapper + .e-list-icon,

package/styles/treeview/tailwind.css

@@ -2,7 +2,7 @@
 /*! TreeView's tailwind theme wise override definitions and variables */
 /*! TreeView icons */
 .e-treeview .e-list-item div.e-icons::before {
-  content: '\e75c';
+  content: '\e707';
 }
 
 .e-treeview .e-sibling::before {
@@ -14,19 +14,19 @@
 }
 
 .e-treeview.e-drag-item .e-icons.e-drop-in::before {
-  content: '\e768';
+  content: '\e783';
 }
 
 .e-treeview.e-drag-item .e-icons.e-drop-out::before {
-  content: '\e839';
+  content: '\e77e';
 }
 
 .e-treeview.e-drag-item .e-icons.e-drop-next::before {
-  content: '\e736';
+  content: '\e7a9';
 }
 
 .e-treeview.e-drag-item .e-icons.e-no-drop::before {
-  content: '\e839';
+  content: '\e77e';
 }
 
 @keyframes rotation {
@@ -191,7 +191,7 @@
 
 .e-bigger .e-treeview .e-checkbox-wrapper,
 .e-treeview.e-bigger .e-checkbox-wrapper {
-  margin: 0 0 0 8px;
+  margin: 0 0 0 12px;
 }
 
 .e-bigger .e-treeview .e-checkbox-wrapper + .e-list-text,
@@ -303,7 +303,7 @@
 
 .e-bigger .e-treeview.e-rtl .e-checkbox-wrapper,
 .e-treeview.e-bigger.e-rtl .e-checkbox-wrapper {
-  margin: 0 8px 0 0;
+  margin: 0 12px 0 0;
 }
 
 .e-bigger .e-treeview.e-rtl .e-checkbox-wrapper + .e-list-icon,
@@ -393,7 +393,7 @@
 }
 
 .e-treeview .e-list-item.e-active {
-  font-weight: 600;
+  font-weight: 500;
 }
 
 .e-treeview .e-list-item div.e-icons.interaction {
@@ -416,6 +416,7 @@
 
 .e-treeview .e-list-item {
   list-style: none;
+  padding: 2px 0;
 }
 
 .e-treeview .e-list-item .e-ul {
@@ -473,7 +474,7 @@
 }
 
 .e-treeview .e-checkbox-wrapper {
-  margin: 0 0 0 6px;
+  margin: 0 0 0 8px;
   pointer-events: all;
   position: relative;
 }
@@ -509,7 +510,7 @@
 
 .e-treeview .e-list-text .e-input-group {
   height: 30px;
-  margin-bottom: 3px;
+  margin-top: 3px;
   min-width: 150px;
   vertical-align: bottom;
 }
@@ -655,7 +656,7 @@
 }
 
 .e-treeview .e-navigable .e-anchor-wrap {
-  padding: 0 0 0 6px;
+  padding: 0 0 0 8px;
 }
 
 .e-treeview .e-navigable .e-list-icon,
@@ -717,7 +718,7 @@
 }
 
 .e-treeview.e-rtl .e-navigable .e-anchor-wrap {
-  padding: 0 6px 0 0;
+  padding: 0 8px 0 0;
 }
 
 .e-treeview.e-rtl .e-navigable .e-list-icon,
@@ -739,7 +740,7 @@
 }
 
 .e-treeview.e-rtl .e-checkbox-wrapper {
-  margin: 0 6px 0 0;
+  margin: 0 8px 0 0;
 }
 
 .e-treeview.e-rtl .e-checkbox-wrapper + .e-list-icon,

package/styles/v-scroll/tailwind-dark.css

@@ -2,20 +2,20 @@
 /*! component's theme wise override definitions and variables */
 /*! vscroll icons */
 .e-vscroll.e-scroll-device .e-nav-up-arrow::before {
-  content: '\e7dd';
+  content: '\e7a0';
 }
 
 .e-vscroll.e-scroll-device .e-nav-down-arrow::before {
-  content: '\e734';
+  content: '\e7b3';
 }
 
 .e-vscroll .e-nav-up-arrow::before {
-  content: '\e7dd';
+  content: '\e7a0';
   line-height: normal;
 }
 
 .e-vscroll .e-nav-down-arrow::before {
-  content: '\e734';
+  content: '\e7b3';
   line-height: normal;
 }
 

package/styles/v-scroll/tailwind.css

@@ -2,20 +2,20 @@
 /*! component's theme wise override definitions and variables */
 /*! vscroll icons */
 .e-vscroll.e-scroll-device .e-nav-up-arrow::before {
-  content: '\e7dd';
+  content: '\e7a0';
 }
 
 .e-vscroll.e-scroll-device .e-nav-down-arrow::before {
-  content: '\e734';
+  content: '\e7b3';
 }
 
 .e-vscroll .e-nav-up-arrow::before {
-  content: '\e7dd';
+  content: '\e7a0';
   line-height: normal;
 }
 
 .e-vscroll .e-nav-down-arrow::before {
-  content: '\e734';
+  content: '\e7b3';
   line-height: normal;
 }
 

package/carousel.d.ts

@@ -1,4 +0,0 @@
-/**
- * carousel
- */
-export * from './src/carousel/index';

package/carousel.js

@@ -1,4 +0,0 @@
-/**
- * carousel
- */
-export * from './src/carousel/index';

package/src/carousel/carousel.component.d.ts

@@ -1,43 +0,0 @@
-import { ComponentBase } from '@syncfusion/ej2-vue-base';
-export declare const properties: string[];
-export declare const modelProps: string[];
-export declare const testProp: any;
-export declare const props: any;
-export declare const watch: any;
-export declare const emitProbs: any;
-export declare const isExecute: any;
-/**
- * Represents the VueJS Carousel Component.
- * ```html
- * <ejs-carousel :items='carouselItems'></ejs-carousel>
- * ```
- */
-export declare class CarouselComponent extends ComponentBase {
-    ej2Instances: any;
-    propKeys: string[];
-    models: string[];
-    hasChildDirective: boolean;
-    protected hasInjectedModules: boolean;
-    tagMapper: {
-        [key: string]: Object;
-    };
-    tagNameMapper: Object;
-    isVue3: boolean;
-    templateCollection: any;
-    constructor();
-    clearTemplate(templateNames?: string[]): any;
-    setProperties(prop: any, muteOnChange: boolean): void;
-    trigger(eventName: string, eventProp: {
-        [key: string]: Object;
-    }, successHandler?: Function): void;
-    render(createElement: any): any;
-    custom(): void;
-    next(): void;
-    pause(): void;
-    play(): void;
-    prev(): void;
-}
-export declare const CarouselPlugin: {
-    name: string;
-    install(Vue: any): void;
-};

package/src/carousel/carousel.component.js

@@ -1,202 +0,0 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { isUndefined } from '@syncfusion/ej2-base';
-import { ComponentBase, EJComponentDecorator, getProps, gh } from '@syncfusion/ej2-vue-base';
-import { isNullOrUndefined, getValue } from '@syncfusion/ej2-base';
-import { Carousel } from '@syncfusion/ej2-navigations';
-import { CarouselItemsDirective, CarouselItemDirective, CarouselItemsPlugin, CarouselItemPlugin } from './items.directive';
-import { Options } from 'vue-class-component';
-export var properties = ['isLazyUpdate', 'animation', 'autoPlay', 'buttonsVisibility', 'cssClass', 'dataSource', 'enablePersistence', 'enableRtl', 'enableTouchSwipe', 'height', 'htmlAttributes', 'indicatorsTemplate', 'interval', 'itemTemplate', 'items', 'locale', 'loop', 'nextButtonTemplate', 'playButtonTemplate', 'previousButtonTemplate', 'selectedIndex', 'showIndicators', 'showPlayButton', 'width', 'slideChanged', 'slideChanging'];
-export var modelProps = ['selectedIndex'];
-export var testProp = getProps({ props: properties });
-export var props = testProp[0];
-export var watch = testProp[1];
-export var emitProbs = Object.keys(watch);
-emitProbs.push('modelchanged');
-for (var _i = 0, modelProps_1 = modelProps; _i < modelProps_1.length; _i++) {
-    var props_1 = modelProps_1[_i];
-    emitProbs.push('update:' + props_1);
-}
-export var isExecute = gh ? false : true;
-/**
- * Represents the VueJS Carousel Component.
- * ```html
- * <ejs-carousel :items='carouselItems'></ejs-carousel>
- * ```
- */
-var CarouselComponent = /** @class */ (function (_super) {
-    __extends(CarouselComponent, _super);
-    function CarouselComponent() {
-        var _this = _super.call(this, arguments) || this;
-        _this.propKeys = properties;
-        _this.models = modelProps;
-        _this.hasChildDirective = true;
-        _this.hasInjectedModules = false;
-        _this.tagMapper = { "e-carousel-items": "e-carousel-item" };
-        _this.tagNameMapper = { "e-carousel-items": "e-items" };
-        _this.isVue3 = !isExecute;
-        _this.ej2Instances = new Carousel({});
-        _this.ej2Instances._trigger = _this.ej2Instances.trigger;
-        _this.ej2Instances.trigger = _this.trigger;
-        _this.bindProperties();
-        _this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
-        _this.ej2Instances.setProperties = _this.setProperties;
-        _this.ej2Instances.clearTemplate = _this.clearTemplate;
-        _this.updated = _this.updated;
-        return _this;
-    }
-    CarouselComponent.prototype.clearTemplate = function (templateNames) {
-        if (!templateNames) {
-            templateNames = Object.keys(this.templateCollection || {});
-        }
-        if (templateNames.length && this.templateCollection) {
-            for (var _i = 0, templateNames_1 = templateNames; _i < templateNames_1.length; _i++) {
-                var tempName = templateNames_1[_i];
-                var elementCollection = this.templateCollection[tempName];
-                if (elementCollection && elementCollection.length) {
-                    for (var _a = 0, elementCollection_1 = elementCollection; _a < elementCollection_1.length; _a++) {
-                        var ele = elementCollection_1[_a];
-                        var destroy = getValue('__vue__.$destroy', ele);
-                        if (destroy) {
-                            ele.__vue__.$destroy();
-                        }
-                        if (ele.innerHTML) {
-                            ele.innerHTML = '';
-                        }
-                    }
-                    delete this.templateCollection[tempName];
-                }
-            }
-        }
-    };
-    CarouselComponent.prototype.setProperties = function (prop, muteOnChange) {
-        var _this = this;
-        if (this.isVue3) {
-            this.models = !this.models ? this.ej2Instances.referModels : this.models;
-        }
-        if (this.ej2Instances && this.ej2Instances._setProperties) {
-            this.ej2Instances._setProperties(prop, muteOnChange);
-        }
-        if (prop && this.models && this.models.length) {
-            Object.keys(prop).map(function (key) {
-                _this.models.map(function (model) {
-                    if ((key === model) && !(/datasource/i.test(key))) {
-                        if (_this.isVue3) {
-                            _this.ej2Instances.vueInstance.$emit('update:' + key, prop[key]);
-                        }
-                        else {
-                            _this.$emit('update:' + key, prop[key]);
-                            _this.$emit('modelchanged', prop[key]);
-                        }
-                    }
-                });
-            });
-        }
-    };
-    CarouselComponent.prototype.trigger = function (eventName, eventProp, successHandler) {
-        if (!isExecute) {
-            this.models = !this.models ? this.ej2Instances.referModels : this.models;
-        }
-        if ((eventName === 'change' || eventName === 'input') && this.models && (this.models.length !== 0)) {
-            var key = this.models.toString().match(/checked|value/) || [];
-            var propKey = key[0];
-            if (eventProp && key && !isUndefined(eventProp[propKey])) {
-                if (!isExecute) {
-                    this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
-                    this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
-                }
-                else {
-                    if (eventName === 'change' || (this.$props && !this.$props.isLazyUpdate)) {
-                        this.$emit('update:' + propKey, eventProp[propKey]);
-                        this.$emit('modelchanged', eventProp[propKey]);
-                    }
-                }
-            }
-        }
-        else if ((eventName === 'actionBegin' && eventProp.requestType === 'dateNavigate') && this.models && (this.models.length !== 0)) {
-            var key = this.models.toString().match(/currentView|selectedDate/) || [];
-            var propKey = key[0];
-            if (eventProp && key && !isUndefined(eventProp[propKey])) {
-                if (!isExecute) {
-                    this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
-                    this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
-                }
-                else {
-                    this.$emit('update:' + propKey, eventProp[propKey]);
-                    this.$emit('modelchanged', eventProp[propKey]);
-                }
-            }
-        }
-        if ((this.ej2Instances && this.ej2Instances._trigger)) {
-            this.ej2Instances._trigger(eventName, eventProp, successHandler);
-        }
-    };
-    CarouselComponent.prototype.render = function (createElement) {
-        var h = gh || createElement;
-        var slots = null;
-        if (!isNullOrUndefined(this.$slots.default)) {
-            slots = gh ? this.$slots.default() : this.$slots.default;
-        }
-        return h('div', slots);
-    };
-    CarouselComponent.prototype.custom = function () {
-        this.updated();
-    };
-    CarouselComponent.prototype.next = function () {
-        return this.ej2Instances.next();
-    };
-    CarouselComponent.prototype.pause = function () {
-        return this.ej2Instances.pause();
-    };
-    CarouselComponent.prototype.play = function () {
-        return this.ej2Instances.play();
-    };
-    CarouselComponent.prototype.prev = function () {
-        return this.ej2Instances.prev();
-    };
-    CarouselComponent = __decorate([
-        EJComponentDecorator({
-            props: properties,
-            model: {
-                event: 'modelchanged'
-            }
-        }, isExecute)
-        ,Options({
-            props: props,
-            watch: watch,
-            emits: emitProbs,
-            provide: function provide() {
-                return {
-                    custom: this.custom
-                };
-            }
-        })
-    ], CarouselComponent);
-    return CarouselComponent;
-}(ComponentBase));
-export { CarouselComponent };
-export var CarouselPlugin = {
-    name: 'ejs-carousel',
-    install: function (Vue) {
-        Vue.component(CarouselPlugin.name, CarouselComponent);
-        Vue.component(CarouselItemPlugin.name, CarouselItemDirective);
-        Vue.component(CarouselItemsPlugin.name, CarouselItemsDirective);
-    }
-};

package/src/carousel/index.d.ts

@@ -1,2 +0,0 @@
-export { CarouselItemsDirective, CarouselItemDirective, CarouselItemsPlugin, CarouselItemPlugin } from './items.directive';
-export { CarouselComponent, CarouselPlugin } from './carousel.component';

package/src/carousel/index.js

@@ -1,2 +0,0 @@
-export { CarouselItemsDirective, CarouselItemDirective, CarouselItemsPlugin, CarouselItemPlugin } from './items.directive';
-export { CarouselComponent, CarouselPlugin } from './carousel.component';

package/src/carousel/items.directive.d.ts

@@ -1,33 +0,0 @@
-export declare const isExecute: any;
-declare let vueImport: any;
-export declare class CarouselItemsDirective extends vueImport {
-    constructor();
-    render(createElement: any): void;
-    updated(): void;
-    getTag(): string;
-}
-export declare const CarouselItemsPlugin: {
-    name: string;
-    install(Vue: any): void;
-};
-/**
- * `e-carousel-item` directive represent a item of the Vue Carousel.
- * It must be contained in a Carousel component(`ejs-carousel`).
- * ```html
- * <ejs-carousel>
- *   <e-carousel-items>
- *    <e-carousel-item template='itemTemplate'></e-carousel-item>
- *    <e-carousel-item template='secondItemTemplate'></e-carousel-item>
- *   </e-carousel-items>
- * </ejs-carousel>
- * ```
- */
-export declare class CarouselItemDirective extends vueImport {
-    render(): void;
-    getTag(): string;
-}
-export declare const CarouselItemPlugin: {
-    name: string;
-    install(Vue: any): void;
-};
-export {};