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

package/dist/npm/filtering/shared-filtering.module.js

@@ -0,0 +1,89 @@
+/**-----------------------------------------------------------------------------------------
+* 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 forms_1 = require("@angular/forms");
+var kendo_angular_dropdowns_1 = require("@progress/kendo-angular-dropdowns");
+var kendo_angular_inputs_1 = require("@progress/kendo-angular-inputs");
+var kendo_angular_dateinputs_1 = require("@progress/kendo-angular-dateinputs");
+var kendo_angular_popup_1 = require("@progress/kendo-angular-popup");
+var shared_module_1 = require("../shared.module");
+var filter_cell_operators_component_1 = require("./cell/filter-cell-operators.component");
+var filter_input_directive_1 = require("./filter-input.directive");
+var contains_filter_operator_component_1 = require("./operators/contains-filter-operator.component");
+var not_contains_filter_operator_component_1 = require("./operators/not-contains-filter-operator.component");
+var ends_with_filter_operator_component_1 = require("./operators/ends-with-filter-operator.component");
+var eq_filter_operator_component_1 = require("./operators/eq-filter-operator.component");
+var is_empty_filter_operator_component_1 = require("./operators/is-empty-filter-operator.component");
+var is_not_empty_filter_operator_component_1 = require("./operators/is-not-empty-filter-operator.component");
+var is_not_null_filter_operator_component_1 = require("./operators/is-not-null-filter-operator.component");
+var isnull_filter_operator_component_1 = require("./operators/isnull-filter-operator.component");
+var neq_filter_operator_component_1 = require("./operators/neq-filter-operator.component");
+var starts_with_filter_operator_component_1 = require("./operators/starts-with-filter-operator.component");
+var gt_filter_operator_component_1 = require("./operators/gt-filter-operator.component");
+var gte_filter_operator_component_1 = require("./operators/gte-filter-operator.component");
+var lt_filter_operator_component_1 = require("./operators/lt-filter-operator.component");
+var lte_filter_operator_component_1 = require("./operators/lte-filter-operator.component");
+var after_filter_operator_component_1 = require("./operators/after-filter-operator.component");
+var after_eq_filter_operator_component_1 = require("./operators/after-eq-filter-operator.component");
+var before_eq_filter_operator_component_1 = require("./operators/before-eq-filter-operator.component");
+var before_filter_operator_component_1 = require("./operators/before-filter-operator.component");
+var FILTER_OPERATORS = [
+    filter_cell_operators_component_1.FilterCellOperatorsComponent,
+    contains_filter_operator_component_1.ContainsFilterOperatorComponent,
+    not_contains_filter_operator_component_1.DoesNotContainFilterOperatorComponent,
+    ends_with_filter_operator_component_1.EndsWithFilterOperatorComponent,
+    eq_filter_operator_component_1.EqualFilterOperatorComponent,
+    is_empty_filter_operator_component_1.IsEmptyFilterOperatorComponent,
+    is_not_empty_filter_operator_component_1.IsNotEmptyFilterOperatorComponent,
+    is_not_null_filter_operator_component_1.IsNotNullFilterOperatorComponent,
+    isnull_filter_operator_component_1.IsNullFilterOperatorComponent,
+    neq_filter_operator_component_1.NotEqualFilterOperatorComponent,
+    starts_with_filter_operator_component_1.StartsWithFilterOperatorComponent,
+    gt_filter_operator_component_1.GreaterFilterOperatorComponent,
+    gte_filter_operator_component_1.GreaterOrEqualToFilterOperatorComponent,
+    lt_filter_operator_component_1.LessFilterOperatorComponent,
+    lte_filter_operator_component_1.LessOrEqualToFilterOperatorComponent,
+    after_filter_operator_component_1.AfterFilterOperatorComponent,
+    after_eq_filter_operator_component_1.AfterEqFilterOperatorComponent,
+    before_eq_filter_operator_component_1.BeforeEqFilterOperatorComponent,
+    before_filter_operator_component_1.BeforeFilterOperatorComponent
+];
+var importedModules = [
+    common_1.CommonModule,
+    forms_1.ReactiveFormsModule,
+    forms_1.FormsModule,
+    kendo_angular_dropdowns_1.DropDownListModule,
+    kendo_angular_dropdowns_1.AutoCompleteModule,
+    kendo_angular_inputs_1.InputsModule,
+    kendo_angular_dateinputs_1.DatePickerModule,
+    kendo_angular_popup_1.PopupModule,
+    shared_module_1.SharedModule
+];
+var COMPONENTS = [
+    filter_input_directive_1.FilterInputDirective
+];
+/**
+ * @hidden
+ */
+var SharedFilterModule = /** @class */ (function () {
+    function SharedFilterModule() {
+    }
+    SharedFilterModule.exports = function () {
+        return FILTER_OPERATORS.slice();
+    };
+    SharedFilterModule = tslib_1.__decorate([
+        core_1.NgModule({
+            declarations: [FILTER_OPERATORS, COMPONENTS],
+            exports: [FILTER_OPERATORS, importedModules, COMPONENTS],
+            imports: importedModules.slice()
+        })
+    ], SharedFilterModule);
+    return SharedFilterModule;
+}());
+exports.SharedFilterModule = SharedFilterModule;

package/dist/npm/filtering/string-filter.component.js

@@ -0,0 +1,94 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+// tslint:disable:no-access-missing-member
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var core_1 = require("@angular/core");
+var column_component_1 = require("../columns/column.component");
+var base_filter_cell_component_1 = require("./base-filter-cell.component");
+var filter_operator_base_1 = require("./operators/filter-operator.base");
+var stringOperators = base_filter_cell_component_1.localizeOperators({
+    "filterEqOperator": "eq",
+    "filterNotEqOperator": "neq",
+    // tslint:disable-next-line:object-literal-sort-keys
+    "filterContainsOperator": "contains",
+    "filterNotContainsOperator": "doesnotcontain",
+    "filterStartsWithOperator": "startswith",
+    "filterEndsWithOperator": "endswith",
+    "filterIsNullOperator": "isnull",
+    "filterIsNotNullOperator": "isnotnull",
+    "filterIsEmptyOperator": "isempty",
+    "filterIsNotEmptyOperator": "isnotempty"
+});
+/**
+ * Represents a base string filter component.
+ */
+var StringFilterComponent = /** @class */ (function (_super) {
+    tslib_1.__extends(StringFilterComponent, _super);
+    function StringFilterComponent(filterService, localization) {
+        var _this = _super.call(this, filterService) || this;
+        _this.localization = localization;
+        /**
+         * The default filter operator. Defaults to `contains`.
+         * @type {string}
+         */
+        _this.operator = "contains";
+        return _this;
+    }
+    Object.defineProperty(StringFilterComponent.prototype, "currentFilter", {
+        /**
+         * The current filter for the associated column field.
+         * @readonly
+         * @type {FilterDescriptor}
+         */
+        get: function () {
+            return this.filterByField((this.column || {}).field);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(StringFilterComponent.prototype, "currentOperator", {
+        /**
+         * The current filter operator for the associated column field.
+         * @readonly
+         * @type {string}
+         */
+        get: function () {
+            return this.currentFilter ? this.currentFilter.operator : this.operator;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    StringFilterComponent.prototype.ngOnInit = function () {
+        this.subscription = this.localization.changes.subscribe(this.localizationChange.bind(this));
+    };
+    StringFilterComponent.prototype.ngOnDestroy = function () {
+        if (this.subscription) {
+            this.subscription.unsubscribe();
+        }
+        _super.prototype.ngOnDestroy.call(this);
+    };
+    StringFilterComponent.prototype.localizationChange = function () {
+        this.defaultOperators = stringOperators(this.localization);
+        if (this.operatorList.length) {
+            this.operators = filter_operator_base_1.toJSON(this.operatorList.toArray());
+        }
+    };
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", column_component_1.ColumnComponent)
+    ], StringFilterComponent.prototype, "column", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Object)
+    ], StringFilterComponent.prototype, "filter", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", String)
+    ], StringFilterComponent.prototype, "operator", void 0);
+    return StringFilterComponent;
+}(base_filter_cell_component_1.BaseFilterCellComponent));
+exports.StringFilterComponent = StringFilterComponent;

package/dist/npm/index.js

@@ -0,0 +1,184 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+/**
+ * Generated bundle index. Do not edit.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./main"), exports);
+var base_binding_directive_1 = require("./binding-directives/base-binding.directive");
+exports.BaseBindingDirective = base_binding_directive_1.BaseBindingDirective
+var column_chooser_component_1 = require("./column-menu/column-chooser.component");
+exports.ColumnChooserComponent = column_chooser_component_1.ColumnChooserComponent
+var column_list_component_1 = require("./column-menu/column-list.component");
+exports.ColumnListComponent = column_list_component_1.ColumnListComponent
+var column_menu_chooser_component_1 = require("./column-menu/column-menu-chooser.component");
+exports.ColumnMenuChooserComponent = column_menu_chooser_component_1.ColumnMenuChooserComponent
+var column_menu_filter_component_1 = require("./column-menu/column-menu-filter.component");
+exports.ColumnMenuFilterComponent = column_menu_filter_component_1.ColumnMenuFilterComponent
+var column_menu_item_base_1 = require("./column-menu/column-menu-item-base");
+exports.ColumnMenuItemBase = column_menu_item_base_1.ColumnMenuItemBase
+var column_menu_item_content_template_directive_1 = require("./column-menu/column-menu-item-content-template.directive");
+exports.ColumnMenuItemContentTemplateDirective = column_menu_item_content_template_directive_1.ColumnMenuItemContentTemplateDirective
+var column_menu_item_component_1 = require("./column-menu/column-menu-item.component");
+exports.ColumnMenuItemComponent = column_menu_item_component_1.ColumnMenuItemComponent
+var column_menu_lock_component_1 = require("./column-menu/column-menu-lock.component");
+exports.ColumnMenuLockComponent = column_menu_lock_component_1.ColumnMenuLockComponent
+var column_menu_sort_component_1 = require("./column-menu/column-menu-sort.component");
+exports.ColumnMenuSortComponent = column_menu_sort_component_1.ColumnMenuSortComponent
+var column_menu_template_directive_1 = require("./column-menu/column-menu-template.directive");
+exports.ColumnMenuTemplateDirective = column_menu_template_directive_1.ColumnMenuTemplateDirective
+var column_menu_module_1 = require("./column-menu/column-menu.module");
+exports.ColumnMenuModule = column_menu_module_1.ColumnMenuModule
+var column_menu_service_1 = require("./column-menu/column-menu.service");
+exports.ColumnMenuService = column_menu_service_1.ColumnMenuService
+var column_handle_directive_1 = require("./column-resizing/column-handle.directive");
+exports.ColumnHandleDirective = column_handle_directive_1.ColumnHandleDirective
+var column_resizing_service_1 = require("./column-resizing/column-resizing.service");
+exports.ColumnResizingService = column_resizing_service_1.ColumnResizingService
+var table_directive_1 = require("./column-resizing/table.directive");
+exports.TableDirective = table_directive_1.TableDirective
+var column_info_service_1 = require("./common/column-info.service");
+exports.ColumnInfoService = column_info_service_1.ColumnInfoService
+var dom_events_service_1 = require("./common/dom-events.service");
+exports.DomEventsService = dom_events_service_1.DomEventsService
+var id_service_1 = require("./common/id.service");
+exports.IdService = id_service_1.IdService
+var option_changes_service_1 = require("./common/option-changes.service");
+exports.OptionChangesService = option_changes_service_1.OptionChangesService
+var preventable_event_1 = require("./common/preventable-event");
+exports.PreventableEvent = preventable_event_1.PreventableEvent
+var sort_service_1 = require("./common/sort.service");
+exports.SortService = sort_service_1.SortService
+var change_notification_service_1 = require("./data/change-notification.service");
+exports.ChangeNotificationService = change_notification_service_1.ChangeNotificationService
+var column_reorder_service_1 = require("./dragdrop/column-reorder.service");
+exports.ColumnReorderService = column_reorder_service_1.ColumnReorderService
+var drag_and_drop_module_1 = require("./dragdrop/drag-and-drop.module");
+exports.DragAndDropModule = drag_and_drop_module_1.DragAndDropModule
+var drag_and_drop_service_1 = require("./dragdrop/drag-and-drop.service");
+exports.DragAndDropService = drag_and_drop_service_1.DragAndDropService
+var drag_hint_service_1 = require("./dragdrop/drag-hint.service");
+exports.DragHintService = drag_hint_service_1.DragHintService
+var draggable_column_directive_1 = require("./dragdrop/draggable-column.directive");
+exports.DraggableColumnDirective = draggable_column_directive_1.DraggableColumnDirective
+var drop_cue_service_1 = require("./dragdrop/drop-cue.service");
+exports.DropCueService = drop_cue_service_1.DropCueService
+var drop_target_directive_1 = require("./dragdrop/drop-target.directive");
+exports.DropTargetDirective = drop_target_directive_1.DropTargetDirective
+var editing_directive_base_1 = require("./editing-directives/editing-directive-base");
+exports.EditingDirectiveBase = editing_directive_base_1.EditingDirectiveBase
+var row_editing_directive_base_1 = require("./editing-directives/row-editing-directive-base");
+exports.RowEditingDirectiveBase = row_editing_directive_base_1.RowEditingDirectiveBase
+var add_command_directive_1 = require("./editing/add-command.directive");
+exports.AddCommandDirective = add_command_directive_1.AddCommandDirective
+var base_command_directive_1 = require("./editing/base-command.directive");
+exports.BaseCommandDirective = base_command_directive_1.BaseCommandDirective
+var cancel_command_directive_1 = require("./editing/cancel-command.directive");
+exports.CancelCommandDirective = cancel_command_directive_1.CancelCommandDirective
+var edit_command_directive_1 = require("./editing/edit-command.directive");
+exports.EditCommandDirective = edit_command_directive_1.EditCommandDirective
+var edit_service_1 = require("./editing/edit.service");
+exports.EditService$1 = edit_service_1.EditService
+var remove_command_directive_1 = require("./editing/remove-command.directive");
+exports.RemoveCommandDirective = remove_command_directive_1.RemoveCommandDirective
+var save_command_directive_1 = require("./editing/save-command.directive");
+exports.SaveCommandDirective = save_command_directive_1.SaveCommandDirective
+var excel_command_directive_1 = require("./excel/excel-command.directive");
+exports.ExcelCommandDirective = excel_command_directive_1.ExcelCommandDirective
+var expand_state_service_1 = require("./expand-state/expand-state.service");
+exports.ExpandStateService = expand_state_service_1.ExpandStateService
+var expandable_tree_component_1 = require("./expand-state/expandable-tree-component");
+exports.ExpandableTreeComponent = expandable_tree_component_1.ExpandableTreeComponent
+var boolean_filter_component_1 = require("./filtering/boolean-filter.component");
+exports.BooleanFilterComponent = boolean_filter_component_1.BooleanFilterComponent
+var boolean_filter_cell_component_1 = require("./filtering/cell/boolean-filter-cell.component");
+exports.BooleanFilterCellComponent = boolean_filter_cell_component_1.BooleanFilterCellComponent
+var filter_cell_host_directive_1 = require("./filtering/cell/filter-cell-host.directive");
+exports.FilterCellHostDirective = filter_cell_host_directive_1.FilterCellHostDirective
+var filter_cell_operators_component_1 = require("./filtering/cell/filter-cell-operators.component");
+exports.FilterCellOperatorsComponent = filter_cell_operators_component_1.FilterCellOperatorsComponent
+var filter_cell_wrapper_component_1 = require("./filtering/cell/filter-cell-wrapper.component");
+exports.FilterCellWrapperComponent = filter_cell_wrapper_component_1.FilterCellWrapperComponent
+var date_filter_component_1 = require("./filtering/date-filter.component");
+exports.DateFilterComponent = date_filter_component_1.DateFilterComponent
+var filter_host_directive_1 = require("./filtering/filter-host.directive");
+exports.FilterHostDirective = filter_host_directive_1.FilterHostDirective
+var filter_input_wrapper_component_1 = require("./filtering/filter-input-wrapper.component");
+exports.FilterInputWrapperComponent = filter_input_wrapper_component_1.FilterInputWrapperComponent
+var filter_input_directive_1 = require("./filtering/filter-input.directive");
+exports.FilterInputDirective = filter_input_directive_1.FilterInputDirective
+var filter_row_component_1 = require("./filtering/filter-row.component");
+exports.FilterRowComponent = filter_row_component_1.FilterRowComponent
+var date_filter_menu_input_component_1 = require("./filtering/menu/date-filter-menu-input.component");
+exports.DateFilterMenuInputComponent = date_filter_menu_input_component_1.DateFilterMenuInputComponent
+var filter_menu_container_component_1 = require("./filtering/menu/filter-menu-container.component");
+exports.FilterMenuContainerComponent = filter_menu_container_component_1.FilterMenuContainerComponent
+var filter_menu_host_directive_1 = require("./filtering/menu/filter-menu-host.directive");
+exports.FilterMenuHostDirective = filter_menu_host_directive_1.FilterMenuHostDirective
+var filter_menu_input_wrapper_component_1 = require("./filtering/menu/filter-menu-input-wrapper.component");
+exports.FilterMenuInputWrapperComponent = filter_menu_input_wrapper_component_1.FilterMenuInputWrapperComponent
+var filter_menu_component_1 = require("./filtering/menu/filter-menu.component");
+exports.FilterMenuComponent = filter_menu_component_1.FilterMenuComponent
+var numeric_filter_menu_input_component_1 = require("./filtering/menu/numeric-filter-menu-input.component");
+exports.NumericFilterMenuInputComponent = numeric_filter_menu_input_component_1.NumericFilterMenuInputComponent
+var string_filter_menu_input_component_1 = require("./filtering/menu/string-filter-menu-input.component");
+exports.StringFilterMenuInputComponent = string_filter_menu_input_component_1.StringFilterMenuInputComponent
+var numeric_filter_component_1 = require("./filtering/numeric-filter.component");
+exports.NumericFilterComponent = numeric_filter_component_1.NumericFilterComponent
+var filter_operator_base_1 = require("./filtering/operators/filter-operator.base");
+exports.FilterOperatorBase = filter_operator_base_1.FilterOperatorBase
+var shared_filtering_module_1 = require("./filtering/shared-filtering.module");
+exports.SharedFilterModule = shared_filtering_module_1.SharedFilterModule
+var string_filter_component_1 = require("./filtering/string-filter.component");
+exports.StringFilterComponent = string_filter_component_1.StringFilterComponent
+var browser_support_service_1 = require("./layout/browser-support.service");
+exports.BrowserSupportService = browser_support_service_1.BrowserSupportService
+var resize_service_1 = require("./layout/resize.service");
+exports.ResizeService = resize_service_1.ResizeService
+var responsive_service_1 = require("./layout/responsive.service");
+exports.ResponsiveService = responsive_service_1.ResponsiveService
+var localized_messages_directive_1 = require("./localization/localized-messages.directive");
+exports.LocalizedMessagesDirective = localized_messages_directive_1.LocalizedMessagesDirective
+var messages_1 = require("./localization/messages");
+exports.Messages = messages_1.Messages
+var focus_group_1 = require("./navigation/focus-group");
+exports.FocusGroup = focus_group_1.FocusGroup
+var focus_root_1 = require("./navigation/focus-root");
+exports.FocusRoot = focus_root_1.FocusRoot
+var logical_cell_directive_1 = require("./navigation/logical-cell.directive");
+exports.LogicalCellDirective = logical_cell_directive_1.LogicalCellDirective
+var logical_row_directive_1 = require("./navigation/logical-row.directive");
+exports.LogicalRowDirective = logical_row_directive_1.LogicalRowDirective
+var navigation_service_1 = require("./navigation/navigation.service");
+exports.NavigationService = navigation_service_1.NavigationService
+var pager_context_service_1 = require("./pager/pager-context.service");
+exports.PagerContextService = pager_context_service_1.PagerContextService
+var pager_element_component_1 = require("./pager/pager-element.component");
+exports.PagerElementComponent = pager_element_component_1.PagerElementComponent
+var pdf_command_directive_1 = require("./pdf/pdf-command.directive");
+exports.PDFCommandDirective = pdf_command_directive_1.PDFCommandDirective
+var pdf_template_directive_1 = require("./pdf/pdf-template.directive");
+exports.PDFTemplateDirective = pdf_template_directive_1.PDFTemplateDirective
+var cell_component_1 = require("./rendering/cell.component");
+exports.CellComponent = cell_component_1.CellComponent
+var field_accessor_pipe_1 = require("./rendering/common/field-accessor.pipe");
+exports.FieldAccessorPipe = field_accessor_pipe_1.FieldAccessorPipe
+var level_items_pipe_1 = require("./rendering/common/level-items.pipe");
+exports.LevelItemsPipe = level_items_pipe_1.LevelItemsPipe
+var list_component_1 = require("./rendering/list.component");
+exports.DEFAULT_SCROLLER_FACTORY = list_component_1.DEFAULT_SCROLLER_FACTORY
+exports.SCROLLER_FACTORY_TOKEN = list_component_1.SCROLLER_FACTORY_TOKEN
+var scroll_request_service_1 = require("./scrolling/scroll-request.service");
+exports.ScrollRequestService = scroll_request_service_1.ScrollRequestService
+var scroll_sync_service_1 = require("./scrolling/scroll-sync.service");
+exports.ScrollSyncService = scroll_sync_service_1.ScrollSyncService
+var scroller_service_1 = require("./scrolling/scroller.service");
+exports.ScrollerService = scroller_service_1.ScrollerService
+var marquee_directive_1 = require("./selection/marquee.directive");
+exports.MarqueeDirective = marquee_directive_1.MarqueeDirective
+var selection_service_1 = require("./selection/selection.service");
+exports.SelectionService = selection_service_1.SelectionService

package/dist/npm/layout/browser-support.service.js

@@ -0,0 +1,87 @@
+/**-----------------------------------------------------------------------------------------
+* 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 rxjs_1 = require("rxjs");
+var operators_1 = require("rxjs/operators");
+var kendo_angular_common_1 = require("@progress/kendo-angular-common");
+var canCreateElement = function () { return kendo_angular_common_1.isDocumentAvailable() && document.createElement; };
+var ɵ0 = canCreateElement;
+exports.ɵ0 = ɵ0;
+var cachedScrollbarWidth = null;
+var cachedPixelRatio;
+var cachedRtlScrollLeft = null;
+function scrollbarWidth() {
+    if (cachedScrollbarWidth === null && canCreateElement()) {
+        cachedPixelRatio = window.devicePixelRatio || 1;
+        var div = document.createElement("div");
+        div.style.cssText = "overflow:scroll;overflow-x:hidden;zoom:1;clear:both;display:block";
+        div.innerHTML = " ";
+        document.body.appendChild(div);
+        cachedScrollbarWidth = div.offsetWidth - div.scrollWidth;
+        document.body.removeChild(div);
+    }
+    return cachedScrollbarWidth;
+}
+function rtlScrollLeft() {
+    if (cachedRtlScrollLeft === null && canCreateElement()) {
+        var div = document.createElement("div");
+        div.style.cssText = "overflow:scroll;zoom:1;clear:both;display:block;width:100px;visibility:hidden;position:absolute;left:-10000px;direction:rtl;";
+        div.innerHTML = "<div style='width:200px;height:1px;'</div>";
+        document.body.appendChild(div);
+        var initial = div.scrollLeft;
+        div.scrollLeft = -1;
+        cachedRtlScrollLeft = div.scrollLeft < 0 ? div.scrollLeft : initial;
+        document.body.removeChild(div);
+    }
+    return cachedRtlScrollLeft;
+}
+/**
+ * @hidden
+ * move to kendo-common
+ */
+var BrowserSupportService = /** @class */ (function () {
+    function BrowserSupportService(zone, changeDetector) {
+        var _this = this;
+        this.zone = zone;
+        this.changeDetector = changeDetector;
+        this.changes = new core_1.EventEmitter();
+        if (typeof window !== 'undefined') {
+            this.zone.runOutsideAngular(function () {
+                rxjs_1.fromEvent(window, 'resize').pipe(operators_1.auditTime(100)).subscribe(function () {
+                    if (cachedPixelRatio !== window.devicePixelRatio) {
+                        zone.run(function () {
+                            cachedScrollbarWidth = null;
+                            _this.changes.emit();
+                            _this.changeDetector.markForCheck();
+                        });
+                    }
+                });
+            });
+        }
+    }
+    Object.defineProperty(BrowserSupportService.prototype, "scrollbarWidth", {
+        get: function () {
+            return scrollbarWidth();
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(BrowserSupportService.prototype, "rtlScrollLeft", {
+        get: function () {
+            return rtlScrollLeft();
+        },
+        enumerable: true,
+        configurable: true
+    });
+    BrowserSupportService = tslib_1.__decorate([
+        core_1.Injectable(),
+        tslib_1.__metadata("design:paramtypes", [core_1.NgZone, core_1.ChangeDetectorRef])
+    ], BrowserSupportService);
+    return BrowserSupportService;
+}());
+exports.BrowserSupportService = BrowserSupportService;

package/dist/npm/layout/resizable.directive.js

@@ -0,0 +1,93 @@
+/**-----------------------------------------------------------------------------------------
+* 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 treelist_component_1 = require("../treelist.component");
+var resize_service_1 = require("./resize.service");
+/**
+ * @hidden
+ */
+var ResizableContainerDirective = /** @class */ (function () {
+    function ResizableContainerDirective(el, renderer, resizeService, treelist) {
+        this.el = el;
+        this.renderer = renderer;
+        this.resizeService = resizeService;
+        this.treelist = treelist;
+        this.enabled = false;
+    }
+    Object.defineProperty(ResizableContainerDirective.prototype, "lockedWidth", {
+        set: function (value) {
+            this._lockedWidth = value;
+            if (this.enabled) {
+                this.attachResize();
+                this.resize();
+            }
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(ResizableContainerDirective.prototype, "kendoTreeListResizableContainer", {
+        set: function (enabled) {
+            var refresh = enabled !== this.enabled;
+            this.enabled = enabled;
+            if (refresh) {
+                this.attachResize();
+                this.resize();
+            }
+        },
+        enumerable: true,
+        configurable: true
+    });
+    ResizableContainerDirective.prototype.ngOnDestroy = function () {
+        if (this.resizeSubscription) {
+            this.resizeSubscription.unsubscribe();
+        }
+    };
+    ResizableContainerDirective.prototype.attachResize = function () {
+        if (this.resizeSubscription && !this.enabled) {
+            this.resizeSubscription.unsubscribe();
+            this.resizeSubscription = null;
+        }
+        if (!this.resizeSubscription && this.enabled) {
+            this.resizeSubscription = this.resizeService.changes.subscribe(this.resize.bind(this));
+        }
+    };
+    ResizableContainerDirective.prototype.resize = function () {
+        if (this.treelist && this.treelist.wrapper) {
+            var containerElement = this.treelist.wrapper.nativeElement;
+            var width = Math.max(containerElement.clientWidth - this._lockedWidth, 0);
+            if (this.enabled && width > 0) {
+                this.renderer.setStyle(this.el.nativeElement, "width", width + "px");
+            }
+            else {
+                this.renderer.setStyle(this.el.nativeElement, "width", "");
+            }
+        }
+    };
+    tslib_1.__decorate([
+        core_1.Input('lockedWidth'),
+        tslib_1.__metadata("design:type", Number),
+        tslib_1.__metadata("design:paramtypes", [Number])
+    ], ResizableContainerDirective.prototype, "lockedWidth", null);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Boolean),
+        tslib_1.__metadata("design:paramtypes", [Boolean])
+    ], ResizableContainerDirective.prototype, "kendoTreeListResizableContainer", null);
+    ResizableContainerDirective = tslib_1.__decorate([
+        core_1.Directive({
+            selector: '[kendoTreeListResizableContainer]'
+        }),
+        tslib_1.__param(3, core_1.Optional()),
+        tslib_1.__metadata("design:paramtypes", [core_1.ElementRef,
+            core_1.Renderer2,
+            resize_service_1.ResizeService,
+            treelist_component_1.TreeListComponent])
+    ], ResizableContainerDirective);
+    return ResizableContainerDirective;
+}());
+exports.ResizableContainerDirective = ResizableContainerDirective;

package/dist/npm/layout/resize.service.js

@@ -0,0 +1,34 @@
+/**-----------------------------------------------------------------------------------------
+* 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 rxjs_1 = require("rxjs");
+var operators_1 = require("rxjs/operators");
+/**
+ * @hidden
+ */
+var ResizeService = /** @class */ (function () {
+    function ResizeService() {
+        this.resizeSubscription = new rxjs_1.Subscription(function () { });
+        this.dispatcher = new rxjs_1.Subject();
+        // tslint:disable-next-line:member-ordering
+        this.changes = this.dispatcher.asObservable().pipe(operators_1.throttleTime(100));
+    }
+    ResizeService.prototype.connect = function (resizes) {
+        this.resizeSubscription.add(resizes.subscribe(this.dispatcher));
+    };
+    ResizeService.prototype.destroy = function () {
+        if (this.resizeSubscription) {
+            this.resizeSubscription.unsubscribe();
+        }
+    };
+    ResizeService = tslib_1.__decorate([
+        core_1.Injectable()
+    ], ResizeService);
+    return ResizeService;
+}());
+exports.ResizeService = ResizeService;

package/dist/npm/layout/responsive.service.js

@@ -0,0 +1,44 @@
+/**-----------------------------------------------------------------------------------------
+* 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");
+/* tslint:disable: object-literal-sort-keys */
+var bootstrapToMedia = function (media) { return (({
+    "xs": "(max-width: 576px)",
+    "sm": "(min-width: 576px)",
+    "md": "(min-width: 768px)",
+    "lg": "(min-width: 992px)",
+    "xl": "(min-width: 1200px)"
+})[media] || media); };
+var ɵ0 = bootstrapToMedia;
+exports.ɵ0 = ɵ0;
+/* tslint:enable: object-literal-sort-keys */
+var browserMatchMedia = function (media) { return window.matchMedia(media).matches; };
+var ɵ1 = browserMatchMedia;
+exports.ɵ1 = ɵ1;
+/**
+ * @hidden
+ */
+var ResponsiveService = /** @class */ (function () {
+    function ResponsiveService() {
+        /**
+         * @hidden
+         */
+        this.matchMedia = browserMatchMedia;
+    }
+    /**
+     * @hidden
+     */
+    ResponsiveService.prototype.matchesMedia = function (media) {
+        return !media || this.matchMedia(bootstrapToMedia(media));
+    };
+    ResponsiveService = tslib_1.__decorate([
+        core_1.Injectable()
+    ], ResponsiveService);
+    return ResponsiveService;
+}());
+exports.ResponsiveService = ResponsiveService;