@progress/kendo-angular-layout 21.4.1 → 22.0.0

package/esm2022/tabstrip/tabstrip.service.mjs

@@ -1,155 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Injectable, NgZone } from '@angular/core';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { Keys, normalizeKeys } from '@progress/kendo-angular-common';
-import { isArrowKey, isHorizontalArrowKey, isNavigationKey, isVerticalArrowKey } from '../common/util';
-import { SelectEvent } from './events';
-import { isTabClosable, getActiveTab, isTabElement, isTablistHorizontal, getTabByIndex, getTabHeaderByIndex, resetTabSelection } from './util';
-import * as i0 from "@angular/core";
-import * as i1 from "@progress/kendo-angular-l10n";
-/**
- * @hidden
- */
-export class TabStripService {
-    localization;
-    ngZone;
-    owner;
-    constructor(localization, ngZone) {
-        this.localization = localization;
-        this.ngZone = ngZone;
-    }
-    onKeyDown(event) {
-        if (!isTabElement(event.target)) {
-            return;
-        }
-        // on some keyboards arrow keys, PageUp/Down, and Home/End are mapped to Numpad keys
-        const code = normalizeKeys(event);
-        if (this.shouldHandleKey(code)) {
-            event.preventDefault();
-        }
-        else {
-            return;
-        }
-        if (isNavigationKey(code) || isArrowKey(code)) {
-            this.onNavigate(code);
-        }
-        else if (code === Keys.Delete || code === Keys.Backspace) {
-            this.onDelete();
-        }
-    }
-    onTabSelect(tab, index) {
-        const selectArgs = new SelectEvent(index, tab.title);
-        this.owner.tabSelect.emit(selectArgs);
-        if (!selectArgs.isDefaultPrevented()) {
-            if (tab.selected) {
-                this.focusTabHeader(index);
-                return;
-            }
-            this.selectTab(tab, index);
-        }
-    }
-    selectTab(tab, index) {
-        resetTabSelection(this.owner.tabs);
-        this.focusTabHeader(index);
-        tab.selected = true;
-        if (this.owner.isScrollable) {
-            this.owner.scrollToSelectedTab();
-        }
-    }
-    onNavigate(keyCode) {
-        const { tab: activeTab, index: activeIndex } = getActiveTab(this.owner.tabs);
-        if (!NgZone.isInAngularZone()) {
-            this.ngZone.run(() => {
-                if (activeIndex < 0) {
-                    this.owner.selectTab(this.firstNavigableIndex());
-                    return;
-                }
-                activeTab.focused = false;
-                const nextIndex = this.computeNextIndex(activeIndex, keyCode);
-                this.activateTab(nextIndex);
-            });
-        }
-    }
-    onDelete() {
-        const { tab: activeTab, index: activeTabIndex } = getActiveTab(this.owner.tabs);
-        if (isTabClosable(activeTab, this.owner.closable) && !activeTab.disabled) {
-            this.ngZone.run(() => {
-                this.owner.tabClose.emit({ tab: activeTab, index: activeTabIndex });
-            });
-        }
-    }
-    activateTab(index) {
-        const tab = getTabByIndex(this.owner.tabs, index);
-        if (tab.disabled) {
-            this.focusTabHeader(index);
-            tab.focused = true;
-        }
-        else {
-            this.onTabSelect(tab, index);
-        }
-    }
-    focusTabHeader(index) {
-        const tabHeader = getTabHeaderByIndex(this.owner.tabHeaderContainers, index);
-        tabHeader.nativeElement.focus();
-    }
-    shouldHandleKey(keyCode) {
-        if (isNavigationKey(keyCode)) {
-            return true;
-        }
-        if (isTablistHorizontal(this.owner.tabPosition) && isHorizontalArrowKey(keyCode)) {
-            return true;
-        }
-        if (!isTablistHorizontal(this.owner.tabPosition) && isVerticalArrowKey(keyCode)) {
-            return true;
-        }
-        if (keyCode === Keys.Delete || keyCode === Keys.Backspace) {
-            return true;
-        }
-        return false;
-    }
-    computeNextIndex(activeIndex, keyCode) {
-        switch (keyCode) {
-            case this.invertKeys(Keys.ArrowLeft, Keys.ArrowRight):
-            case this.invertKeys(Keys.ArrowUp, Keys.ArrowDown):
-                return this.prevNavigableIndex(activeIndex);
-            case this.invertKeys(Keys.ArrowRight, Keys.ArrowLeft):
-            case this.invertKeys(Keys.ArrowDown, Keys.ArrowUp):
-                return this.nextNavigableIndex(activeIndex);
-            case Keys.Home:
-                return this.firstNavigableIndex();
-            case Keys.End:
-                return this.lastNavigableIndex();
-            default:
-                return;
-        }
-    }
-    invertKeys(original, inverted) {
-        return this.localization.rtl ? inverted : original;
-    }
-    firstNavigableIndex() {
-        return 0;
-    }
-    lastNavigableIndex() {
-        return this.owner.tabs.length - 1;
-    }
-    prevNavigableIndex(selectedIndex) {
-        if (selectedIndex - 1 < 0) {
-            return this.lastNavigableIndex();
-        }
-        return selectedIndex - 1;
-    }
-    nextNavigableIndex(selectedIndex) {
-        if (selectedIndex + 1 >= this.owner.tabs.length) {
-            return this.firstNavigableIndex();
-        }
-        return selectedIndex + 1;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TabStripService, deps: [{ token: i1.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TabStripService });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TabStripService, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [{ type: i1.LocalizationService }, { type: i0.NgZone }] });

package/esm2022/tabstrip/util.mjs

@@ -1,120 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { isPresent } from "../common/util";
-/**
- * @hidden
- *
- * Checks if the current target is a TabStrip tab element
- */
-export const isTabElement = (target) => {
-    const targetId = target.getAttribute('id');
-    if (isPresent(targetId) || targetId?.indexOf('k-tabstrip-tab-') >= 0) {
-        return true;
-    }
-    return false;
-};
-/**
- * @hidden
- *
- * Checks if the current tab is closable. Depends on the value of the TabStrip closable property.
- */
-export const isTabClosable = (tab, tabStripClosable) => {
-    if (tab.closable !== undefined) {
-        return tab.closable;
-    }
-    return tabStripClosable;
-};
-/**
- * @hidden
- *
- * Checks if the TabStrip scroll buttons will be rendered. Depends on the value of the TabStrip scrollable settings.
- */
-export const tabStripHasScrollButtons = (scrollableSettings) => {
-    const visible = scrollableSettings.enabled && scrollableSettings.scrollButtons !== 'hidden';
-    const position = scrollableSettings.scrollButtonsPosition;
-    return {
-        visible,
-        position
-    };
-};
-/**
- * @hidden
- *
- * Checks if the TabStrip mouse scroll will be enabled. Depends on the value of the TabStrip scrollable settings.
- */
-export const mouseScrollEnabled = (scrollableSettings) => {
-    return scrollableSettings.enabled && scrollableSettings.mouseScroll;
-};
-/**
- * @hidden
- *
- * Retrieves the current active tab element and its index.
- * This could either be the currently selected tab or the currently focused tab.
- */
-export const getActiveTab = (tabs) => {
-    let focusedTab;
-    let selectedTab;
-    let focusedIndex = -1;
-    let selectedIndex = -1;
-    tabs.forEach((tab, index) => {
-        if (tab.selected) {
-            selectedTab = tab;
-            selectedIndex = index;
-        }
-        else if (tab.focused) {
-            focusedTab = tab;
-            focusedIndex = index;
-        }
-    });
-    return focusedIndex >= 0 ?
-        { tab: focusedTab, index: focusedIndex } :
-        { tab: selectedTab, index: selectedIndex };
-};
-/**
- * @hidden
- */
-export const getTabByIndex = (tabs, index) => {
-    const filtered = tabs.filter((_tab, i) => i === index);
-    if (filtered.length > 0) {
-        return filtered[0];
-    }
-    return null;
-};
-/**
- * @hidden
- */
-export const getTabHeaderByIndex = (tabHeaderContainers, index) => {
-    const filtered = tabHeaderContainers.filter((_tabHeader, i) => i === index);
-    if (filtered.length > 0) {
-        return filtered[0];
-    }
-    return null;
-};
-/**
- * @hidden
- */
-export const resetTabFocus = (tabs) => {
-    tabs.forEach((tab) => {
-        tab.focused = false;
-    });
-};
-/**
- * @hidden
- */
-export const resetTabSelection = (tabs) => {
-    tabs.forEach((tab) => {
-        tab.selected = false;
-    });
-};
-/**
- * @hidden
- */
-export const isTablistHorizontal = (tabPosition) => tabPosition === 'top' || tabPosition === 'bottom';
-/**
- * @hidden
- */
-export const getId = (prefix, tabStripId, tabIndex) => {
-    return `${prefix}-${tabStripId}-${tabIndex}`;
-};

package/esm2022/tabstrip.module.mjs

@@ -1,41 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { NgModule } from '@angular/core';
-import { KENDO_TABSTRIP } from './directives';
-import * as i0 from "@angular/core";
-import * as i1 from "./tabstrip/tabstrip.component";
-import * as i2 from "./tabstrip/models/tabstrip-tab.component";
-import * as i3 from "./tabstrip/directives/tab-content.directive";
-import * as i4 from "./tabstrip/directives/tab-title.directive";
-import * as i5 from "./tabstrip/localization/custom-messages.component";
-// IMPORTANT: NgModule export kept for backwards compatibility
-/**
- * Defines the [`NgModule`](link:site.data.urls.angular['ngmoduleapi']) for the TabStrip component.
- *
- * Use this module to add the TabStrip component to your NgModule-based Angular application.
- *
- * @example
- * ```typescript
- * import { TabStripModule } from '@progress/kendo-angular-layout';
- * import { NgModule } from '@angular/core';
- *
- * @NgModule({
- *   imports: [TabStripModule]
- * })
- * export class AppModule { }
- * ```
- */
-export class TabStripModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TabStripModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: TabStripModule, imports: [i1.TabStripComponent, i2.TabStripTabComponent, i3.TabContentDirective, i4.TabTitleDirective, i5.TabStripCustomMessagesComponent], exports: [i1.TabStripComponent, i2.TabStripTabComponent, i3.TabContentDirective, i4.TabTitleDirective, i5.TabStripCustomMessagesComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TabStripModule, imports: [i1.TabStripComponent] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TabStripModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    exports: [...KENDO_TABSTRIP],
-                    imports: [...KENDO_TABSTRIP]
-                }]
-        }] });

package/esm2022/tilelayout/constants.mjs

@@ -1,70 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * @hidden
- */
-export const RESIZE_HANDLE_UNIDIRECTIONAL_SIZE = 9;
-/**
- * @hidden
- */
-export const RESIZE_HANDLE_BIDIRECTIONAL_SIZE = 25;
-/**
- * @hidden
- */
-export const RESIZE_HANDLE_UNIDIRECTIONAL_OVERLAP = 5;
-/**
- * @hidden
- */
-export const RESIZE_HANDLE_BIDIRECTIONAL_OVERLAP = 18;
-/**
- * @hidden
- */
-export const DRAGGED_ZINDEX = 10;
-/**
- * @hidden
- */
-export const RESIZE_DIRECTIONS = ['ew', 'ns', 'nwse'];
-/**
- * @hidden
- */
-export const RTL_RESIZE_DIRECTIONS = ['ew', 'ns', 'nesw'];
-/**
- * @hidden
- */
-export const RESIZE_HANDLE_DIMENSIONS = {
-    // numeric values represent pixels
-    ew: {
-        width: RESIZE_HANDLE_UNIDIRECTIONAL_SIZE,
-        overlapX: RESIZE_HANDLE_UNIDIRECTIONAL_OVERLAP
-    },
-    ns: {
-        height: RESIZE_HANDLE_UNIDIRECTIONAL_SIZE,
-        overlapY: RESIZE_HANDLE_UNIDIRECTIONAL_OVERLAP
-    },
-    nwse: {
-        width: RESIZE_HANDLE_BIDIRECTIONAL_SIZE,
-        height: RESIZE_HANDLE_BIDIRECTIONAL_SIZE,
-        overlapX: RESIZE_HANDLE_BIDIRECTIONAL_OVERLAP,
-        overlapY: RESIZE_HANDLE_BIDIRECTIONAL_OVERLAP
-    },
-    nesw: {
-        width: RESIZE_HANDLE_BIDIRECTIONAL_SIZE,
-        height: RESIZE_HANDLE_BIDIRECTIONAL_SIZE,
-        overlapX: RESIZE_HANDLE_BIDIRECTIONAL_OVERLAP,
-        overlapY: RESIZE_HANDLE_BIDIRECTIONAL_OVERLAP
-    }
-};
-/**
- * @hidden
- */
-export const OVERLAP_THRESHOLD = 0.3;
-/**
- * @hidden
- */
-export const REVERSE_OVERLAP_THRESHOLD = -0.7;
-/**
- * @hidden
- */
-export const HINT_BORDERS_HEIGHT = 2;