@progress/kendo-angular-treelist 3.1.3-dev.202110041229

package/dist/npm/pager/pager-page-sizes.component.js

@@ -0,0 +1,135 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+// tslint:disable:no-access-missing-member
+var core_1 = require("@angular/core");
+var pager_element_component_1 = require("./pager-element.component");
+var kendo_angular_l10n_1 = require("@progress/kendo-angular-l10n");
+var pager_context_service_1 = require("./pager-context.service");
+/**
+ * Displays a drop-down list for the page size selection ([see example]({% slug paging_treelist %}#toc-pager-templates)).
+ */
+var PagerPageSizesComponent = /** @class */ (function (_super) {
+    tslib_1.__extends(PagerPageSizesComponent, _super);
+    function PagerPageSizesComponent(localization, cd, pagerContext) {
+        var _this = _super.call(this, localization, pagerContext, cd) || this;
+        _this.pagerContext = pagerContext;
+        _this._pageSizes = [];
+        return _this;
+    }
+    Object.defineProperty(PagerPageSizesComponent.prototype, "pageSizes", {
+        get: function () {
+            return this._pageSizes;
+        },
+        /**
+         * The page sizes collection. Can be an Array of numbers and/or PageSizeItem objects.
+         *
+         * {% meta height:500 %}
+         * {% embed_file configuration/pager-template-page-sizes/app.component.ts preview %}
+         * {% embed_file configuration/pager-template-page-sizes/app.module.ts %}
+         * {% embed_file shared/filesystem.ts %}
+         * {% embed_file shared/main.ts %}
+         * {% endmeta %}
+         */
+        set: function (pageSizes) {
+            var _this = this;
+            var normalizedItems = [];
+            pageSizes.forEach(function (item) {
+                if (typeof item === 'number') {
+                    normalizedItems.push({
+                        text: item.toString(),
+                        value: item
+                    });
+                }
+                else {
+                    normalizedItems.push(item);
+                }
+            });
+            if (this.pageSize && !normalizedItems.some(function (item) { return item.value === _this.pageSize; })) {
+                normalizedItems = [{ text: this.pageSize.toString(), value: this.pageSize }].concat(normalizedItems);
+            }
+            this._pageSizes = normalizedItems;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(PagerPageSizesComponent.prototype, "classes", {
+        /**
+         * @hidden
+         *
+         * @readonly
+         */
+        get: function () {
+            return true;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(PagerPageSizesComponent.prototype, "showInitialPageSize", {
+        /**
+         * @hidden
+         *
+         * @readonly
+         */
+        get: function () {
+            var _this = this;
+            return this.pageSizes
+                .filter(function (item) {
+                if (typeof item.value === 'number') {
+                    return item.value === Number(_this.pageSize);
+                }
+                return _this.total === Number(_this.pageSize);
+            })
+                .length === 0;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    /**
+     * @hidden
+     */
+    PagerPageSizesComponent.prototype.pageSizeChange = function (value) {
+        this.pageSize = typeof value === 'number' ? value : this.total;
+        this.pagerContext.changePageSize(this.pageSize);
+    };
+    /**
+     * @hidden
+     */
+    PagerPageSizesComponent.prototype.getValue = function (page) {
+        return typeof page.value === 'number' ? page.value : this.total;
+    };
+    PagerPageSizesComponent.prototype.onChanges = function (_a) {
+        var total = _a.total, skip = _a.skip, pageSize = _a.pageSize;
+        this.total = total;
+        this.skip = skip;
+        this.pageSize = typeof pageSize === 'number' ? pageSize : this.total;
+        this.cd.markForCheck();
+    };
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Array),
+        tslib_1.__metadata("design:paramtypes", [Array])
+    ], PagerPageSizesComponent.prototype, "pageSizes", null);
+    tslib_1.__decorate([
+        core_1.HostBinding("class.k-pager-sizes"),
+        core_1.HostBinding("class.k-label"),
+        tslib_1.__metadata("design:type", Boolean),
+        tslib_1.__metadata("design:paramtypes", [])
+    ], PagerPageSizesComponent.prototype, "classes", null);
+    PagerPageSizesComponent = tslib_1.__decorate([
+        core_1.Component({
+            changeDetection: core_1.ChangeDetectionStrategy.OnPush,
+            selector: 'kendo-treelist-pager-page-sizes',
+            template: "\n        <kendo-dropdownlist\n            #dropdownlist\n            [data]=\"pageSizes\"\n            textField=\"text\"\n            valueField=\"value\"\n            [valuePrimitive]=\"true\"\n            [value]=\"pageSize\"\n            (valueChange)=\"pageSizeChange($event)\"></kendo-dropdownlist>\n        <kendo-label [for]=\"dropdownlist\" [text]=\"textFor('pagerItemsPerPage')\"></kendo-label>\n    "
+        }),
+        tslib_1.__metadata("design:paramtypes", [kendo_angular_l10n_1.LocalizationService,
+            core_1.ChangeDetectorRef,
+            pager_context_service_1.PagerContextService])
+    ], PagerPageSizesComponent);
+    return PagerPageSizesComponent;
+}(pager_element_component_1.PagerElementComponent));
+exports.PagerPageSizesComponent = PagerPageSizesComponent;

package/dist/npm/pager/pager-prev-buttons.component.js

@@ -0,0 +1,54 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+// tslint:disable:no-access-missing-member
+var core_1 = require("@angular/core");
+var pager_context_service_1 = require("./pager-context.service");
+var pager_element_component_1 = require("./pager-element.component");
+var kendo_angular_l10n_1 = require("@progress/kendo-angular-l10n");
+/**
+ * Displays buttons for navigating to the first and to the previous page ([see example]({% slug paging_treelist %}#toc-pager-templates)).
+ */
+var PagerPrevButtonsComponent = /** @class */ (function (_super) {
+    tslib_1.__extends(PagerPrevButtonsComponent, _super);
+    function PagerPrevButtonsComponent(localization, pagerContext, cd) {
+        return _super.call(this, localization, pagerContext, cd) || this;
+    }
+    Object.defineProperty(PagerPrevButtonsComponent.prototype, "disabled", {
+        /**
+         * @hidden
+         *
+         * @readonly
+         * @type {boolean}
+         * @memberOf PagerPrevButtonsComponent
+         */
+        get: function () {
+            return this.currentPage === 1 || !this.total;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    PagerPrevButtonsComponent.prototype.onChanges = function (_a) {
+        var total = _a.total, skip = _a.skip, pageSize = _a.pageSize;
+        this.total = total;
+        this.skip = skip;
+        this.pageSize = pageSize;
+        this.cd.markForCheck();
+    };
+    PagerPrevButtonsComponent = tslib_1.__decorate([
+        core_1.Component({
+            changeDetection: core_1.ChangeDetectionStrategy.OnPush,
+            selector: 'kendo-treelist-pager-prev-buttons',
+            template: "\n        <a  href=\"#\"\n            tabindex=\"-1\"\n            [title]=\"textFor('pagerFirstPage')\"\n            (click)=\"currentPage !== 1 ? changePage(0) : false\"\n            [ngClass]=\"{\n                'k-link': true,\n                'k-pager-nav': true,\n                'k-state-disabled': disabled,\n                'k-pager-first': true\n            }\">\n            <span [attr.aria-label]=\"textFor('pagerFirstPage')\"\n                [ngClass]=\"{\n                    'k-icon':true,\n                    'k-i-seek-w': true\n                }\">\n            </span>\n        </a>\n        <a  href=\"#\"\n            tabindex=\"-1\"\n            [title]=\"textFor('pagerPreviousPage')\"\n            (click)=\"currentPage !== 1 ? changePage(currentPage-2) : false\"\n            [ngClass]=\"{\n                'k-link': true,\n                'k-pager-nav': true,\n                'k-state-disabled': disabled,\n                '': true\n            }\">\n            <span [attr.aria-label]=\"textFor('pagerPreviousPage')\"\n                [ngClass]=\"{\n                    'k-icon':true,\n                    'k-i-arrow-w': true\n                }\">\n            </span>\n        </a>\n    "
+        }),
+        tslib_1.__metadata("design:paramtypes", [kendo_angular_l10n_1.LocalizationService,
+            pager_context_service_1.PagerContextService,
+            core_1.ChangeDetectorRef])
+    ], PagerPrevButtonsComponent);
+    return PagerPrevButtonsComponent;
+}(pager_element_component_1.PagerElementComponent));
+exports.PagerPrevButtonsComponent = PagerPrevButtonsComponent;

package/dist/npm/pager/pager-settings.js

@@ -0,0 +1,28 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+/**
+ * @hidden
+ */
+var normalizeSettings = function (_a) {
+    var _b = _a.buttonCount, buttonCount = _b === void 0 ? 10 : _b, _c = _a.info, info = _c === void 0 ? true : _c, _d = _a.type, type = _d === void 0 ? 'numeric' : _d, _e = _a.pageSizes, pageSizes = _e === void 0 ? false : _e, _f = _a.previousNext, previousNext = _f === void 0 ? true : _f, _g = _a.responsive, responsive = _g === void 0 ? true : _g;
+    return ({
+        buttonCount: buttonCount,
+        info: info,
+        pageSizes: pageSizes === true ? [5, 10, 20] : pageSizes,
+        previousNext: previousNext,
+        type: type,
+        responsive: responsive
+    });
+};
+var ɵ0 = normalizeSettings;
+exports.ɵ0 = ɵ0;
+/**
+ * @hidden
+ */
+exports.normalize = function (settings) {
+    return normalizeSettings(settings === true ? {} : settings);
+};

package/dist/npm/pager/pager-template.directive.js

@@ -0,0 +1,40 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var core_1 = require("@angular/core");
+/**
+ * Represents the pager template which helps to customize the pager appearance in the TreeList. To define a pager
+ * template, nest an `<ng-template>` tag with the `kendoTreeListPagerTemplate` directive inside `<kendo-treelist>`.
+ *
+ * The template context provides the following fields:
+ * * `currentPage`&mdash;The index of the displayed page.
+ * * `pageSize`&mdash;The value of the current `pageSize`.
+ * * `skip`&mdash;The current skip value.
+ * * `total`&mdash;The total number of records.
+ * * `totalPages`&mdash;The total number of available pages.
+ *
+ * {% meta height:470 %}
+ * {% embed_file configuration/pager-template-all/app.component.ts preview %}
+ * {% embed_file configuration/pager-template-all/app.module.ts %}
+ * {% embed_file shared/main.ts %}
+ * {% embed_file shared/filesystem.ts %}
+ * {% endmeta %}
+ */
+var PagerTemplateDirective = /** @class */ (function () {
+    function PagerTemplateDirective(templateRef) {
+        this.templateRef = templateRef;
+    }
+    PagerTemplateDirective = tslib_1.__decorate([
+        core_1.Directive({
+            selector: '[kendoTreeListPagerTemplate]'
+        }),
+        tslib_1.__param(0, core_1.Optional()),
+        tslib_1.__metadata("design:paramtypes", [core_1.TemplateRef])
+    ], PagerTemplateDirective);
+    return PagerTemplateDirective;
+}());
+exports.PagerTemplateDirective = PagerTemplateDirective;

package/dist/npm/pager/pager.component.js

@@ -0,0 +1,172 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var core_1 = require("@angular/core");
+var pager_settings_1 = require("./pager-settings");
+var pager_template_directive_1 = require("./pager-template.directive");
+var utils_1 = require("../utils");
+var pager_context_service_1 = require("./pager-context.service");
+var rxjs_1 = require("rxjs");
+var constants_1 = require("../constants");
+/**
+ * @hidden
+ */
+var PagerComponent = /** @class */ (function () {
+    function PagerComponent(pagerContext, element, renderer) {
+        var _this = this;
+        this.pagerContext = pagerContext;
+        this.element = element;
+        this.renderer = renderer;
+        this.allCount = 0;
+        this.total = 0;
+        this.skip = 1;
+        this.pageChange = new core_1.EventEmitter();
+        this.pagerWrapClass = true;
+        this.gridPagerClass = true;
+        this.widgetClass = true;
+        this.settings = pager_settings_1.normalize({});
+        this.subscriptions = new rxjs_1.Subscription();
+        this._templateContext = {};
+        this.resizeHandler = function () {
+            var element = _this.element.nativeElement;
+            if (_this.template || !element) {
+                return;
+            }
+            var width = element.offsetWidth;
+            if (width < constants_1.RESPONSIVE_BREAKPOINT_MEDIUM) {
+                _this.renderer.removeClass(element, 'k-pager-md');
+                _this.renderer.addClass(element, 'k-pager-sm');
+            }
+            else if (width >= constants_1.RESPONSIVE_BREAKPOINT_MEDIUM && width < constants_1.RESPONSIVE_BREAKPOINT_LARGE) {
+                _this.renderer.addClass(element, 'k-pager-md');
+                _this.renderer.removeClass(element, 'k-pager-sm');
+            }
+            else {
+                _this.clearResponsiveClasses();
+            }
+        };
+    }
+    Object.defineProperty(PagerComponent.prototype, "options", {
+        set: function (value) {
+            this.settings = pager_settings_1.normalize(value);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(PagerComponent.prototype, "totalPages", {
+        get: function () {
+            return Math.ceil((this.total || 0) / this.pageSize);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(PagerComponent.prototype, "currentPage", {
+        get: function () {
+            return Math.floor((this.skip || 0) / this.pageSize) + 1;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(PagerComponent.prototype, "templateContext", {
+        get: function () {
+            var context = this._templateContext;
+            context.totalPages = this.totalPages;
+            context.total = this.total;
+            context.allCount = this.allCount || this.total;
+            context.skip = this.skip;
+            context.pageSize = this.pageSize;
+            context.currentPage = this.currentPage;
+            return context;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    PagerComponent.prototype.ngOnInit = function () {
+        this.subscriptions.add(this.pagerContext.pageChange.subscribe(this.changePage.bind(this)));
+    };
+    PagerComponent.prototype.ngOnChanges = function (changes) {
+        if (utils_1.anyChanged(["pageSize", "skip", "total", "allCount"], changes, false)) {
+            this.pagerContext.notifyChanges({
+                pageSize: this.pageSize,
+                skip: this.skip,
+                total: this.total,
+                allCount: this.allCount || this.total
+            });
+        }
+        if (changes.template) {
+            changes.template.currentValue ? this.clearResponsiveClasses() : this.resizeHandler();
+        }
+        if (changes.options) {
+            this.settings.responsive ? this.resizeHandler() : this.clearResponsiveClasses();
+        }
+    };
+    PagerComponent.prototype.ngOnDestroy = function () {
+        if (this.subscriptions) {
+            this.subscriptions.unsubscribe();
+        }
+    };
+    PagerComponent.prototype.changePage = function (event) {
+        this.pageChange.emit(event);
+    };
+    PagerComponent.prototype.clearResponsiveClasses = function () {
+        var element = this.element.nativeElement;
+        this.renderer.removeClass(element, 'k-pager-sm');
+        this.renderer.removeClass(element, 'k-pager-md');
+    };
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Number)
+    ], PagerComponent.prototype, "allCount", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Number)
+    ], PagerComponent.prototype, "total", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Number)
+    ], PagerComponent.prototype, "skip", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Number)
+    ], PagerComponent.prototype, "pageSize", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Object),
+        tslib_1.__metadata("design:paramtypes", [Object])
+    ], PagerComponent.prototype, "options", null);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", pager_template_directive_1.PagerTemplateDirective)
+    ], PagerComponent.prototype, "template", void 0);
+    tslib_1.__decorate([
+        core_1.Output(),
+        tslib_1.__metadata("design:type", core_1.EventEmitter)
+    ], PagerComponent.prototype, "pageChange", void 0);
+    tslib_1.__decorate([
+        core_1.HostBinding('class.k-pager-wrap'),
+        tslib_1.__metadata("design:type", Boolean)
+    ], PagerComponent.prototype, "pagerWrapClass", void 0);
+    tslib_1.__decorate([
+        core_1.HostBinding('class.k-grid-pager'),
+        tslib_1.__metadata("design:type", Boolean)
+    ], PagerComponent.prototype, "gridPagerClass", void 0);
+    tslib_1.__decorate([
+        core_1.HostBinding('class.k-widget'),
+        tslib_1.__metadata("design:type", Boolean)
+    ], PagerComponent.prototype, "widgetClass", void 0);
+    PagerComponent = tslib_1.__decorate([
+        core_1.Component({
+            selector: 'kendo-treelist-pager',
+            template: "\n        <ng-container\n            *ngIf=\"template?.templateRef\"\n            [ngTemplateOutlet]=\"template.templateRef\"\n            [ngTemplateOutletContext]=\"templateContext\">\n        </ng-container>\n        <ng-container *ngIf=\"!template?.templateRef\">\n            <kendo-treelist-pager-prev-buttons *ngIf=\"settings.previousNext\"></kendo-treelist-pager-prev-buttons>\n            <kendo-treelist-pager-numeric-buttons\n                *ngIf=\"settings.type === 'numeric'\"\n                [buttonCount]=\"settings.buttonCount\">\n            </kendo-treelist-pager-numeric-buttons>\n            <kendo-treelist-pager-input *ngIf=\"settings.type === 'input'\"></kendo-treelist-pager-input>\n            <kendo-treelist-pager-next-buttons *ngIf=\"settings.previousNext\"></kendo-treelist-pager-next-buttons>\n            <kendo-treelist-pager-info *ngIf='settings.info'></kendo-treelist-pager-info>\n            <kendo-treelist-pager-page-sizes *ngIf=\"settings.pageSizes\" [pageSizes]=\"settings.pageSizes\"></kendo-treelist-pager-page-sizes>\n        </ng-container>\n        <kendo-resize-sensor *ngIf=\"settings.responsive\" (resize)=\"resizeHandler()\"></kendo-resize-sensor>\n  "
+        }),
+        tslib_1.__metadata("design:paramtypes", [pager_context_service_1.PagerContextService,
+            core_1.ElementRef,
+            core_1.Renderer2])
+    ], PagerComponent);
+    return PagerComponent;
+}());
+exports.PagerComponent = PagerComponent;

package/dist/npm/pager/pager.module.js

@@ -0,0 +1,70 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var core_1 = require("@angular/core");
+var common_1 = require("@angular/common");
+var kendo_angular_inputs_1 = require("@progress/kendo-angular-inputs");
+var pager_component_1 = require("./pager.component");
+var pager_prev_buttons_component_1 = require("./pager-prev-buttons.component");
+var pager_next_buttons_component_1 = require("./pager-next-buttons.component");
+var pager_numeric_buttons_component_1 = require("./pager-numeric-buttons.component");
+var pager_input_component_1 = require("./pager-input.component");
+var pager_info_component_1 = require("./pager-info.component");
+var pager_page_sizes_component_1 = require("./pager-page-sizes.component");
+var pager_template_directive_1 = require("./pager-template.directive");
+var shared_module_1 = require("../shared.module");
+var kendo_angular_common_1 = require("@progress/kendo-angular-common");
+var kendo_angular_common_2 = require("@progress/kendo-angular-common");
+var kendo_angular_dropdowns_1 = require("@progress/kendo-angular-dropdowns");
+var kendo_angular_label_1 = require("@progress/kendo-angular-label");
+var importedModules = [
+    common_1.CommonModule,
+    kendo_angular_inputs_1.InputsModule,
+    kendo_angular_label_1.LabelModule,
+    kendo_angular_dropdowns_1.DropDownsModule,
+    kendo_angular_common_2.ResizeSensorModule,
+    shared_module_1.SharedModule,
+    kendo_angular_common_1.EventsModule
+];
+var INTERNAL_COMPONENTS = [
+    pager_component_1.PagerComponent,
+    pager_prev_buttons_component_1.PagerPrevButtonsComponent,
+    pager_next_buttons_component_1.PagerNextButtonsComponent,
+    pager_numeric_buttons_component_1.PagerNumericButtonsComponent,
+    pager_input_component_1.PagerInputComponent,
+    pager_info_component_1.PagerInfoComponent,
+    pager_page_sizes_component_1.PagerPageSizesComponent,
+    pager_template_directive_1.PagerTemplateDirective
+];
+/**
+ * @hidden
+ */
+var PagerModule = /** @class */ (function () {
+    function PagerModule() {
+    }
+    PagerModule.exports = function () {
+        return [
+            pager_component_1.PagerComponent,
+            pager_prev_buttons_component_1.PagerPrevButtonsComponent,
+            pager_next_buttons_component_1.PagerNextButtonsComponent,
+            pager_numeric_buttons_component_1.PagerNumericButtonsComponent,
+            pager_input_component_1.PagerInputComponent,
+            pager_info_component_1.PagerInfoComponent,
+            pager_page_sizes_component_1.PagerPageSizesComponent,
+            pager_template_directive_1.PagerTemplateDirective
+        ];
+    };
+    PagerModule = tslib_1.__decorate([
+        core_1.NgModule({
+            declarations: [INTERNAL_COMPONENTS],
+            exports: [INTERNAL_COMPONENTS],
+            imports: importedModules.slice()
+        })
+    ], PagerModule);
+    return PagerModule;
+}());
+exports.PagerModule = PagerModule;

package/dist/npm/pager/pagesize-item.interface.js

@@ -0,0 +1,6 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/pdf/export-element.js

@@ -0,0 +1,127 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var treelist_query_1 = require("./treelist-query");
+var FIRST_CLASS = 'k-first';
+var INPUTS = ['input', 'select', 'textarea', 'option'];
+/** @hidden */
+exports.cloneNode = function (node) {
+    var clone = node.cloneNode(false);
+    if (node._kendoExportVisual) {
+        clone._kendoExportVisual = node._kendoExportVisual;
+    }
+    if (INPUTS.indexOf(String(node.nodeName).toLowerCase()) >= 0) {
+        clone.removeAttribute("id");
+        clone.removeAttribute("name");
+        clone.value = node.value;
+        clone.checked = node.checked;
+        clone.selected = node.selected;
+    }
+    var child = node.firstChild;
+    while (child) {
+        clone.appendChild(exports.cloneNode(child));
+        child = child.nextSibling;
+    }
+    return clone;
+};
+var appendNodes = function (element, nodes) {
+    var length = nodes.length;
+    for (var idx = 0; idx < length; idx++) {
+        element.appendChild(exports.cloneNode(nodes[idx]));
+    }
+};
+var ɵ0 = appendNodes;
+exports.ɵ0 = ɵ0;
+var wrapTable = function (table) {
+    var wrapper = document.createElement('div');
+    wrapper.className = 'k-widget k-grid';
+    wrapper.appendChild(table);
+    return wrapper;
+};
+var ɵ1 = wrapTable;
+exports.ɵ1 = ɵ1;
+var createTableElement = function (sources) {
+    var sourceCount = sources.length;
+    var element = exports.cloneNode(sources[0]);
+    var rowsCount = element.rows.length;
+    if (sourceCount > 1) {
+        for (var rowIdx = 0; rowIdx < rowsCount; rowIdx++) {
+            for (var sourceIdx = 1; sourceIdx < sourceCount; sourceIdx++) {
+                appendNodes(element.rows[rowIdx], sources[sourceIdx].rows[rowIdx].cells);
+            }
+        }
+    }
+    return element;
+};
+var ɵ2 = createTableElement;
+exports.ɵ2 = ɵ2;
+var setFirstCellClass = function (header, headers) {
+    if (headers.length > 1 && header.rows.length > 1) {
+        for (var idx = 1; idx < header.rows.length; idx++) {
+            var firstCellIndex = headers[0].rows[idx].cells.length;
+            var cell = header.rows[idx].cells[firstCellIndex];
+            if (String(cell.className).indexOf(FIRST_CLASS) === -1) {
+                cell.className += " " + FIRST_CLASS;
+            }
+        }
+    }
+};
+var ɵ3 = setFirstCellClass;
+exports.ɵ3 = ɵ3;
+var createTable = function (colGroups, headers, bodies, footers) {
+    var table = document.createElement('table');
+    var colGroup = colGroups[0].cloneNode(true);
+    for (var idx = 1; idx < colGroups.length; idx++) {
+        appendNodes(colGroup, colGroups[idx].querySelectorAll('col'));
+    }
+    var header = createTableElement(headers);
+    var body = createTableElement(bodies);
+    header.className = treelist_query_1.HEADER_CLASS;
+    setFirstCellClass(header, headers);
+    table.appendChild(colGroup);
+    table.appendChild(header);
+    table.appendChild(body);
+    if (footers.length) {
+        var footer = createTableElement(footers);
+        footer.className = treelist_query_1.FOOTER_CLASS;
+        table.appendChild(footer);
+    }
+    return wrapTable(table);
+};
+var ɵ4 = createTable;
+exports.ɵ4 = ɵ4;
+/**
+ * @hidden
+ */
+exports.exportElement = function (wrapper) {
+    var query = new treelist_query_1.TreeListQuery(wrapper);
+    var content = query.content();
+    var result;
+    if (content) {
+        var colGroups = [content.querySelector('colgroup')];
+        var headers = [query.header().querySelector('thead')];
+        var bodies = [content.querySelector('tbody')];
+        var footer = query.footer();
+        var footers = [];
+        if (footer) {
+            footers.push(footer.querySelector('tfoot'));
+        }
+        var lockedContent = query.content(true);
+        if (lockedContent) {
+            colGroups.unshift(lockedContent.querySelector('colgroup'));
+            headers.unshift(query.header(true).querySelector('thead'));
+            bodies.unshift(lockedContent.querySelector('tbody'));
+            if (footer) {
+                footers.unshift(query.footer(true).querySelector('tfoot'));
+            }
+        }
+        result = createTable(colGroups, headers, bodies, footers);
+    }
+    else {
+        result = wrapTable(query.table().cloneNode(true));
+    }
+    return result;
+};