@progress/kendo-angular-layout 21.4.1 → 22.0.0

package/esm2022/card.module.mjs

@@ -1,45 +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_CARD } from './directives';
-import * as i0 from "@angular/core";
-import * as i1 from "./card/card.component";
-import * as i2 from "./card/card-actions.component";
-import * as i3 from "./card/card-body.component";
-import * as i4 from "./card/card-footer.component";
-import * as i5 from "./card/card-header.component";
-import * as i6 from "./card/directives/card-media.directive";
-import * as i7 from "./card/directives/card-separator.directive";
-import * as i8 from "./card/directives/card-subtitle.directive";
-import * as i9 from "./card/directives/card-title.directive";
-// IMPORTANT: NgModule export kept for backwards compatibility
-/**
- * Defines the [`NgModule`](link:site.data.urls.angular['ngmoduleapi']) for the Card component.
- *
- * Use this module to add the Card component to your NgModule-based Angular application.
- *
- * @example
- * ```typescript
- * import { CardModule } from '@progress/kendo-angular-layout';
- * import { NgModule } from '@angular/core';
- *
- * @NgModule({
- *   imports: [CardModule]
- * })
- * export class AppModule { }
- * ```
- */
-export class CardModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: CardModule, imports: [i1.CardComponent, i2.CardActionsComponent, i3.CardBodyComponent, i4.CardFooterComponent, i5.CardHeaderComponent, i6.CardMediaDirective, i7.CardSeparatorDirective, i8.CardSubtitleDirective, i9.CardTitleDirective], exports: [i1.CardComponent, i2.CardActionsComponent, i3.CardBodyComponent, i4.CardFooterComponent, i5.CardHeaderComponent, i6.CardMediaDirective, i7.CardSeparatorDirective, i8.CardSubtitleDirective, i9.CardTitleDirective] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CardModule });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CardModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    exports: [...KENDO_CARD],
-                    imports: [...KENDO_CARD]
-                }]
-        }] });

package/esm2022/common/direction.mjs

@@ -1,5 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-export {};

package/esm2022/common/dom-queries.mjs

@@ -1,47 +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';
-const focusableRegex = /^(?:a|input|select|option|textarea|button|object)$/i;
-const toClassList = (classNames) => String(classNames).trim().split(' ');
-/**
- * @hidden
- */
-export const isFocusable = (element) => {
-    if (element.tagName) {
-        const tagName = element.tagName.toLowerCase();
-        const tabIndex = element.getAttribute('tabindex');
-        const skipTab = tabIndex === '-1';
-        let focusable = tabIndex !== null && !skipTab;
-        if (focusableRegex.test(tagName)) {
-            focusable = !element.disabled && !skipTab;
-        }
-        return focusable;
-    }
-    return false;
-};
-/**
- * @hidden
- */
-export const hasClass = (element, className) => Boolean(toClassList(element.className).find((name) => name === className));
-/**
- * @hidden
- */
-export const closestInScope = (target, predicate, scope, targetAttr) => {
-    while (target && target !== scope && !predicate(target, targetAttr)) {
-        target = target.parentNode;
-    }
-    if (target !== scope) {
-        return target;
-    }
-};
-/**
- * @hidden
- */
-export const itemIndex = (item, indexAttr) => +item.getAttribute(indexAttr);
-const hasItemIndex = (item, indexAttr) => isPresent(item.getAttribute(indexAttr));
-/**
- * @hidden
- */
-export const closestItem = (target, targetAttr, scope) => closestInScope(target, hasItemIndex, scope, targetAttr);

package/esm2022/common/orientation.mjs

@@ -1,5 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-export {};

package/esm2022/common/preventable-event.mjs

@@ -1,31 +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 class PreventableEvent {
-    prevented = false;
-    /**
-     * Prevents the default action for a specified event.
-     * The source component suppresses the built-in behavior that follows the event.
-     */
-    preventDefault() {
-        this.prevented = true;
-    }
-    /**
-     * Returns `true` if the event was prevented by any of its subscribers.
-     *
-     * @returns `true` if the default action was prevented. Otherwise, returns `false`.
-     */
-    isDefaultPrevented() {
-        return this.prevented;
-    }
-    /**
-     * @hidden
-     */
-    constructor(args) {
-        Object.assign(this, args);
-    }
-}

package/esm2022/common/styling-classes.mjs

@@ -1,5 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-export {};

package/esm2022/common/util.mjs

@@ -1,85 +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 { Keys } from '@progress/kendo-angular-common';
-let nextId = 0;
-const SIZES = {
-    small: 'sm',
-    medium: 'md',
-    large: 'lg'
-};
-const ROUNDNESS = {
-    small: 'sm',
-    medium: 'md',
-    large: 'lg',
-    full: 'full'
-};
-const SHAPE_TO_ROUNDED = {
-    rounded: 'large',
-    circle: 'full'
-};
-/**
- * @hidden
- */
-export const parsePanelBarItems = (data) => {
-    return data.map((item) => {
-        if (!isPresent(item.id)) {
-            item.id = `default-${nextId++}`;
-        }
-        if (item.children) {
-            item.children = parsePanelBarItems(item.children);
-        }
-        return item;
-    });
-};
-/**
- * @hidden
- */
-export const isPresent = (value) => value !== null && value !== undefined;
-/**
- * @hidden
- */
-export const isHorizontalArrowKey = keyCode => keyCode === Keys.ArrowLeft || keyCode === Keys.ArrowRight;
-/**
- * @hidden
- */
-export const isVerticalArrowKey = keyCode => keyCode === Keys.ArrowUp || keyCode === Keys.ArrowDown;
-/**
- * @hidden
- */
-export const isArrowKey = keyCode => isHorizontalArrowKey(keyCode) || isVerticalArrowKey(keyCode);
-/**
- * @hidden
- */
-export const isNavigationKey = keyCode => keyCode === Keys.PageUp || keyCode === Keys.PageDown ||
-    keyCode === Keys.Home || keyCode === Keys.End;
-/**
- * @hidden
- *
- * Returns the styling classes to be added and removed
- */
-export const getStylingClasses = (componentType, stylingOption, previousValue, newValue) => {
-    switch (stylingOption) {
-        case 'size':
-            return {
-                toRemove: `k-${componentType}-${SIZES[previousValue]}`,
-                toAdd: newValue !== 'none' ? `k-${componentType}-${SIZES[newValue]}` : ''
-            };
-        case 'rounded':
-            return {
-                toRemove: `k-rounded-${ROUNDNESS[previousValue]}`,
-                toAdd: newValue !== 'none' ? `k-rounded-${ROUNDNESS[newValue]}` : ''
-            };
-        default:
-            break;
-    }
-};
-/**
- * @hidden
- */
-export const mapShapeToRounded = (shape) => SHAPE_TO_ROUNDED[shape] || 'none';
-/**
- * @hidden
- */
-export const isNumber = (value) => typeof value === 'number' && isFinite(value);

package/esm2022/directives.mjs

@@ -1,174 +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 { AvatarComponent } from "./avatar/avatar.component";
-import { AvatarCustomMessagesComponent } from "./avatar/l10n/custom-messages.component";
-import { CardActionsComponent } from "./card/card-actions.component";
-import { CardBodyComponent } from "./card/card-body.component";
-import { CardFooterComponent } from "./card/card-footer.component";
-import { CardHeaderComponent } from "./card/card-header.component";
-import { CardComponent } from "./card/card.component";
-import { CardMediaDirective } from "./card/directives/card-media.directive";
-import { CardSeparatorDirective } from "./card/directives/card-separator.directive";
-import { CardSubtitleDirective } from "./card/directives/card-subtitle.directive";
-import { CardTitleDirective } from "./card/directives/card-title.directive";
-import { DrawerContainerComponent } from "./drawer/drawer-container.component";
-import { DrawerContentComponent } from "./drawer/drawer-content.component";
-import { DrawerComponent } from "./drawer/drawer.component";
-import { DrawerFooterTemplateDirective, DrawerHeaderTemplateDirective, DrawerItemTemplateDirective, DrawerTemplateDirective } from "./drawer/template-directives";
-import { ExpansionPanelTitleDirective } from "./expansionpanel/expansionpanel-title.directive";
-import { ExpansionPanelComponent } from "./expansionpanel/expansionpanel.component";
-import { GridLayoutComponent } from "./layouts/grid-layout.component";
-import { GridLayoutItemComponent } from "./layouts/gridlayout-item.component";
-import { StackLayoutComponent } from "./layouts/stack-layout.component";
-import { PanelBarContentDirective } from "./panelbar/panelbar-content.directive";
-import { PanelBarItemTemplateDirective } from "./panelbar/panelbar-item-template.directive";
-import { PanelBarItemTitleDirective } from "./panelbar/panelbar-item-title.directive";
-import { PanelBarItemComponent } from "./panelbar/panelbar-item.component";
-import { PanelBarComponent } from "./panelbar/panelbar.component";
-import { SplitterPaneComponent } from "./splitter/splitter-pane.component";
-import { SplitterComponent } from "./splitter/splitter.component";
-import { StepperCustomMessagesComponent } from "./stepper/localization/custom-messages.component";
-import { StepperComponent } from "./stepper/stepper.component";
-import { StepperIndicatorTemplateDirective, StepperLabelTemplateDirective, StepperStepTemplateDirective } from "./stepper/template-directives";
-import { TabContentDirective } from "./tabstrip/directives/tab-content.directive";
-import { TabTitleDirective } from "./tabstrip/directives/tab-title.directive";
-import { TabStripCustomMessagesComponent } from "./tabstrip/localization/custom-messages.component";
-import { TabStripTabComponent } from "./tabstrip/models/tabstrip-tab.component";
-import { TabStripComponent } from "./tabstrip/tabstrip.component";
-import { TileLayoutItemBodyComponent } from "./tilelayout/tilelayout-item-body.component";
-import { TileLayoutItemHeaderComponent } from "./tilelayout/tilelayout-item-header.component";
-import { TileLayoutItemComponent } from "./tilelayout/tilelayout-item.component";
-import { TileLayoutComponent } from "./tilelayout/tilelayout.component";
-import { TimelineCustomMessagesComponent } from "./timeline/localization/custom-messages.component";
-import { TimelineCardActionsTemplateDirective } from "./timeline/templates/timeline-card-actions.directive";
-import { TimelineCardBodyTemplateDirective } from "./timeline/templates/timeline-card-body.directive";
-import { TimelineCardHeaderTemplateDirective } from "./timeline/templates/timeline-card-header.directive";
-import { TimelineComponent } from "./timeline/timeline.component";
-/**
- * Use the `KENDO_AVATAR` utility array to add all Avatar-related components and directives to a standalone Angular component.
- */
-export const KENDO_AVATAR = [
-    AvatarComponent,
-    AvatarCustomMessagesComponent
-];
-/**
- * Use the `KENDO_CARD` utility array to add all Card-related components and directives to a standalone Angular component.
- */
-export const KENDO_CARD = [
-    CardComponent,
-    CardActionsComponent,
-    CardBodyComponent,
-    CardFooterComponent,
-    CardHeaderComponent,
-    CardMediaDirective,
-    CardSeparatorDirective,
-    CardSubtitleDirective,
-    CardTitleDirective
-];
-/**
- * Use the `KENDO_DRAWER` utility array to add all Drawer-related components and directives to a standalone Angular component.
- */
-export const KENDO_DRAWER = [
-    DrawerComponent,
-    DrawerContainerComponent,
-    DrawerContentComponent,
-    DrawerTemplateDirective,
-    DrawerFooterTemplateDirective,
-    DrawerHeaderTemplateDirective,
-    DrawerItemTemplateDirective
-];
-/**
- * Use the `KENDO_EXPANSIONPANEL` utility array to add all ExpansionPanel-related components and directives to a standalone Angular component.
- */
-export const KENDO_EXPANSIONPANEL = [
-    ExpansionPanelComponent,
-    ExpansionPanelTitleDirective
-];
-/**
- * Use the `KENDO_GRIDLAYOUT` utility array to add all GridLayout-related components and directives to a standalone Angular component.
- */
-export const KENDO_GRIDLAYOUT = [
-    GridLayoutComponent,
-    GridLayoutItemComponent
-];
-/**
- * Use the `KENDO_PANELBAR` utility array to add all PanelBar-related components and directives to a standalone Angular component.
- */
-export const KENDO_PANELBAR = [
-    PanelBarComponent,
-    PanelBarItemComponent,
-    PanelBarContentDirective,
-    PanelBarItemTemplateDirective,
-    PanelBarItemTitleDirective
-];
-/**
- * Use the `KENDO_SPLITTER` utility array to add all Splitter-related components and directives to a standalone Angular component.
- */
-export const KENDO_SPLITTER = [
-    SplitterComponent,
-    SplitterPaneComponent
-];
-/**
- * Use the `KENDO_STACKLAYOUT` utility array to add all StackLayout-related components and directives to a standalone Angular component.
- */
-export const KENDO_STACKLAYOUT = [
-    StackLayoutComponent
-];
-/**
- * Use the `KENDO_STEPPER` utility array to add all Stepper-related components and directives to a standalone Angular component.
- */
-export const KENDO_STEPPER = [
-    StepperComponent,
-    StepperCustomMessagesComponent,
-    StepperIndicatorTemplateDirective,
-    StepperLabelTemplateDirective,
-    StepperStepTemplateDirective
-];
-/**
- * Use the `KENDO_TABSTRIP` utility array to add all TabStrip-related components and directives to a standalone Angular component.
- */
-export const KENDO_TABSTRIP = [
-    TabStripComponent,
-    TabStripTabComponent,
-    TabContentDirective,
-    TabTitleDirective,
-    TabStripCustomMessagesComponent
-];
-/**
- * Use the `KENDO_TILELAYOUT` utility array to add all TileLayout-related components and directives to a standalone Angular component.
- */
-export const KENDO_TILELAYOUT = [
-    TileLayoutComponent,
-    TileLayoutItemBodyComponent,
-    TileLayoutItemComponent,
-    TileLayoutItemHeaderComponent
-];
-/**
- * Use the `KENDO_TIMELINE` utility array to add all Timeline-related components and directives to a standalone Angular component.
- */
-export const KENDO_TIMELINE = [
-    TimelineComponent,
-    TimelineCustomMessagesComponent,
-    TimelineCardActionsTemplateDirective,
-    TimelineCardBodyTemplateDirective,
-    TimelineCardHeaderTemplateDirective
-];
-/**
- * Use the `KENDO_LAYOUT` utility array to add all `@progress/kendo-angular-layout`-related components and directives to a standalone Angular component.
- */
-export const KENDO_LAYOUT = [
-    ...KENDO_AVATAR,
-    ...KENDO_CARD,
-    ...KENDO_DRAWER,
-    ...KENDO_EXPANSIONPANEL,
-    ...KENDO_GRIDLAYOUT,
-    ...KENDO_PANELBAR,
-    ...KENDO_SPLITTER,
-    ...KENDO_STACKLAYOUT,
-    ...KENDO_STEPPER,
-    ...KENDO_TABSTRIP,
-    ...KENDO_TILELAYOUT,
-    ...KENDO_TIMELINE
-];

package/esm2022/drawer/animations.mjs

@@ -1,146 +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 { animate, style } from '@angular/animations';
-/**
- * @hidden
- */
-function miniExpandPush(duration, width, miniWidth) {
-    return [
-        style({ overflow: 'hidden', flexBasis: `${miniWidth}px` }),
-        animate(`${duration}ms ease-in`, style({ flexBasis: `${width}px` }))
-    ];
-}
-/**
- * @hidden
- */
-function miniCollapsePush(duration, width, miniWidth) {
-    return [
-        style({ overflow: 'hidden', flexBasis: `${width}px` }),
-        animate(`${duration}ms ease-in`, style({ flexBasis: `${miniWidth}px` }))
-    ];
-}
-/**
- * @hidden
- *
- */
-function miniExpandOverlay(duration, width, miniWidth) {
-    return [
-        style({ width: `${miniWidth}px` }),
-        animate(`${duration}ms ease-in`, style({ overflow: 'hidden', width: `${width}px` }))
-    ];
-}
-/**
- * @hidden
- */
-function expandPush(duration, width) {
-    return [
-        style({ overflow: 'hidden', flexBasis: '0px' }),
-        animate(`${duration}ms ease-in`, style({ flexBasis: `${width}px` }))
-    ];
-}
-/**
- * @hidden
- */
-function collapsePush(duration, width) {
-    return [
-        style({ flexBasis: `${width}px` }),
-        animate(`${duration}ms ease-in`, style({ overflow: 'hidden', flexBasis: `0px` }))
-    ];
-}
-/**
- * @hidden
- */
-function expandRTLOverlay(duration) {
-    return [
-        style({ transform: `translateX(100%)` }),
-        animate(`${duration}ms ease-in`, style({ overflow: 'hidden', transform: `translateX(0)` }))
-    ];
-}
-/**
- * @hidden
- */
-function expandOverlay(duration, position) {
-    const translateDir = position !== 'end' ? `-100%` : `100%`;
-    return [
-        style({ transform: `translateX(${translateDir})` }),
-        animate(`${duration}ms ease-in`, style({ overflow: 'hidden', transform: `translateX(0)` }))
-    ];
-}
-/**
- * @hidden
- */
-function miniCollapseOverlay(duration, width, miniWidth) {
-    return [
-        style({ width: `${width}px` }),
-        animate(`${duration}ms ease-in`, style({ overflow: 'hidden', width: `${miniWidth}px` }))
-    ];
-}
-/**
- * @hidden
- */
-function collapseOverlay(duration, position) {
-    const translateDir = position !== 'end' ? '-100%' : '100%';
-    return [
-        style({ transform: `translateX(0)` }),
-        animate(`${duration}ms ease-in`, style({ overflow: 'hidden', transform: `translateX(${translateDir})` }))
-    ];
-}
-/**
- * @hidden
- */
-function collapseRTLOverlay(duration) {
-    return [
-        style({ transform: `translateX(0)` }),
-        animate(`${duration}ms ease-in`, style({ overflow: 'hidden', transform: `translateX(100%)` }))
-    ];
-}
-/**
- * @hidden
- */
-export function expandAnimation(settings) {
-    const duration = settings.animation.duration;
-    const width = settings.width;
-    const miniWidth = settings.miniWidth;
-    const mode = settings.mode;
-    const mini = settings.mini;
-    const rtl = settings.rtl;
-    const position = settings.position;
-    if (mini && mode === 'push') {
-        return miniExpandPush(duration, width, miniWidth);
-    }
-    if (!mini && mode === 'push') {
-        return expandPush(duration, width);
-    }
-    if (!mini && mode === 'overlay') {
-        return rtl ? expandRTLOverlay(duration) : expandOverlay(duration, position);
-    }
-    if (mini && mode === 'overlay') {
-        return miniExpandOverlay(duration, width, miniWidth);
-    }
-}
-/**
- * @hidden
- */
-export function collapseAnimation(settings) {
-    const duration = settings.animation.duration;
-    const width = settings.width;
-    const miniWidth = settings.miniWidth;
-    const mode = settings.mode;
-    const mini = settings.mini;
-    const rtl = settings.rtl;
-    const position = settings.position;
-    if (mini && mode === 'push') {
-        return miniCollapsePush(duration, width, miniWidth);
-    }
-    if (!mini && mode === 'push') {
-        return collapsePush(duration, width);
-    }
-    if (!mini && mode === 'overlay') {
-        return rtl ? collapseRTLOverlay(duration) : collapseOverlay(duration, position);
-    }
-    if (mini && mode === 'overlay') {
-        return miniCollapseOverlay(duration, width, miniWidth);
-    }
-}