@progress/kendo-angular-toolbar 21.4.1 → 22.0.0-develop.1

package/esm2022/scroll.service.mjs

@@ -1,110 +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 { isDocumentAvailable } from '@progress/kendo-angular-common';
-import { Subject } from 'rxjs';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-import * as i0 from "@angular/core";
-import * as i1 from "@progress/kendo-angular-l10n";
-const DEFAULT_SCROLL_BEHAVIOR = 'smooth';
-const DEFAULT_SCROLL_SPEED = 100;
-/**
- * @hidden
- */
-export class ScrollService {
-    ngZone;
-    localization;
-    owner;
-    position = 0;
-    scrollButtonActiveStateChange = new Subject();
-    get scrollElement() {
-        return this.owner.scrollContainer?.nativeElement;
-    }
-    get scrollContainerOverflowSize() {
-        if (!isDocumentAvailable()) {
-            return 0;
-        }
-        if (!this.scrollElement) {
-            return 0;
-        }
-        const overflowSize = Math.floor(this.scrollElement.scrollWidth - this.scrollElement.getBoundingClientRect().width);
-        return overflowSize < 0 ? 0 : overflowSize;
-    }
-    get toolsOverflow() {
-        return this.scrollContainerOverflowSize > 0;
-    }
-    constructor(ngZone, localization) {
-        this.ngZone = ngZone;
-        this.localization = localization;
-    }
-    toggleScrollButtonsState() {
-        const toolbar = this.owner;
-        if (!toolbar.hasScrollButtons) {
-            return;
-        }
-        const currentPrevButtonActive = !this.isDisabled('prev');
-        const currentNextButtonActive = !this.isDisabled('next');
-        const defaultOffset = 1;
-        const rtlDelta = this.localization.rtl ? -1 : 1;
-        const calculatedPrevButtonActive = (this.position * rtlDelta) > 0 && this.scrollContainerOverflowSize > 0;
-        const calculatedNextButtonActive = (this.position * rtlDelta) < this.scrollContainerOverflowSize - defaultOffset && this.scrollContainerOverflowSize > 0;
-        if (calculatedPrevButtonActive !== currentPrevButtonActive) {
-            this.ngZone.run(() => this.toggleButtonActiveState('prev', calculatedPrevButtonActive));
-        }
-        if (calculatedNextButtonActive !== currentNextButtonActive) {
-            this.ngZone.run(() => this.toggleButtonActiveState('next', calculatedNextButtonActive));
-        }
-    }
-    onScroll(e) {
-        this.position = e.target.scrollLeft;
-        this.toggleScrollButtonsState();
-    }
-    scrollTools(direction) {
-        this.calculateListPosition(direction, DEFAULT_SCROLL_SPEED);
-        if (this.scrollElement) {
-            this.scrollElement.scrollTo({ left: this.position, behavior: DEFAULT_SCROLL_BEHAVIOR });
-        }
-        this.toggleScrollButtonsState();
-    }
-    updateScrollPosition(element) {
-        this.position = element.scrollLeft;
-    }
-    calculateListPosition(direction, scrollSpeed) {
-        if (direction === 'prev') {
-            if (!this.localization.rtl) {
-                this.position = this.position - scrollSpeed <= 0 ? 0 : this.position - scrollSpeed;
-            }
-            else {
-                this.position = this.position + scrollSpeed >= 0 ? 0 : this.position + scrollSpeed;
-            }
-        }
-        else if (direction === 'next' && this.position < this.scrollContainerOverflowSize) {
-            if (this.position + scrollSpeed > this.scrollContainerOverflowSize) {
-                if (this.localization.rtl) {
-                    this.position = -this.scrollContainerOverflowSize;
-                }
-                else {
-                    this.position = this.scrollContainerOverflowSize;
-                }
-                return;
-            }
-            if (this.localization.rtl) {
-                this.position -= scrollSpeed;
-            }
-            else {
-                this.position += scrollSpeed;
-            }
-        }
-    }
-    toggleButtonActiveState(buttonType, active) {
-        this.scrollButtonActiveStateChange.next({ buttonType, active });
-    }
-    isDisabled = (buttonType) => this.owner[`${buttonType}ScrollButton`]?.nativeElement.classList.contains('k-disabled');
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScrollService, deps: [{ token: i0.NgZone }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScrollService });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScrollService, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [{ type: i0.NgZone }, { type: i1.LocalizationService }] });

package/esm2022/scrollable-button.component.mjs

@@ -1,152 +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 { Component, ElementRef, HostBinding, Input, Renderer2, NgZone, Output, EventEmitter } from '@angular/core';
-import { Subscription } from 'rxjs';
-import { caretAltLeftIcon, caretAltRightIcon } from '@progress/kendo-svg-icons';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { IconWrapperComponent } from '@progress/kendo-angular-icons';
-import * as i0 from "@angular/core";
-import * as i1 from "@progress/kendo-angular-l10n";
-const DIRECTION_CLASSES = {
-    left: 'caret-alt-left',
-    right: 'caret-alt-right'
-};
-/**
- * @hidden
- */
-export class ToolbarScrollableButtonComponent {
-    host;
-    renderer;
-    ngZone;
-    localization;
-    get prevClass() {
-        return this.prev;
-    }
-    get nextClass() {
-        return !this.prev;
-    }
-    role = 'button';
-    prev = false;
-    overflow;
-    onClick = new EventEmitter();
-    get iconClass() {
-        return this.scrollButtonIconClass;
-    }
-    get customIconClass() {
-        return this.customScrollButtonIconClass;
-    }
-    get svgIcon() {
-        return this.scrollButtonSVGIcon;
-    }
-    caretAltLeftIcon = caretAltLeftIcon;
-    caretAltRightIcon = caretAltRightIcon;
-    subs = new Subscription();
-    constructor(host, renderer, ngZone, localization) {
-        this.host = host;
-        this.renderer = renderer;
-        this.ngZone = ngZone;
-        this.localization = localization;
-    }
-    ngAfterViewInit() {
-        this.ngZone.runOutsideAngular(() => {
-            this.subs.add(this.renderer.listen(this.host.nativeElement, 'click', this.clickHandler));
-        });
-    }
-    ngOnDestroy() {
-        this.subs.unsubscribe();
-    }
-    clickHandler = () => {
-        const buttonType = this.prev ? 'prev' : 'next';
-        this.onClick.emit(buttonType);
-    };
-    get scrollButtonIconClass() {
-        const defaultPrevIcon = !this.localization.rtl ?
-            DIRECTION_CLASSES.left :
-            DIRECTION_CLASSES.right;
-        const defaultNextIcon = !this.localization.rtl ?
-            DIRECTION_CLASSES.right :
-            DIRECTION_CLASSES.left;
-        if (typeof this.overflow === 'object') {
-            const prevIcon = typeof this.overflow.prevButtonIcon === 'undefined' ? defaultPrevIcon : '';
-            const nextIcon = typeof this.overflow.nextButtonIcon === 'undefined' ? defaultNextIcon : '';
-            if (prevIcon && this.prev) {
-                return prevIcon;
-            }
-            else if (nextIcon && !this.prev) {
-                return nextIcon;
-            }
-        }
-    }
-    get customScrollButtonIconClass() {
-        if (typeof this.overflow === 'object') {
-            const prevIcon = this.overflow.prevButtonIcon;
-            const nextIcon = this.overflow.nextButtonIcon;
-            if (prevIcon && this.prev) {
-                return `k-icon ${prevIcon}`;
-            }
-            if (nextIcon && !this.prev) {
-                return `k-icon ${nextIcon}`;
-            }
-        }
-    }
-    get scrollButtonSVGIcon() {
-        const defaultPrevSVGIcon = !this.localization.rtl ?
-            this.caretAltLeftIcon :
-            this.caretAltRightIcon;
-        const defaultNextSVGIcon = !this.localization.rtl ?
-            this.caretAltRightIcon :
-            this.caretAltLeftIcon;
-        if (typeof this.overflow === 'object') {
-            const prevIcon = this.overflow.prevSVGButtonIcon !== undefined ? this.overflow.prevSVGButtonIcon : defaultPrevSVGIcon;
-            const nextIcon = this.overflow.nextSVGButtonIcon !== undefined ? this.overflow.nextSVGButtonIcon : defaultNextSVGIcon;
-            if (prevIcon || nextIcon) {
-                return this.prev ? prevIcon : nextIcon;
-            }
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ToolbarScrollableButtonComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ToolbarScrollableButtonComponent, isStandalone: true, selector: "[kendoToolbarScrollableButton]", inputs: { prev: "prev", overflow: "overflow" }, outputs: { onClick: "onClick" }, host: { properties: { "class.k-toolbar-prev": "this.prevClass", "class.k-toolbar-next": "this.nextClass", "attr.role": "this.role" } }, ngImport: i0, template: `
-        <kendo-icon-wrapper
-            [name]="iconClass"
-            [customFontClass]="customIconClass"
-            [svgIcon]="svgIcon"
-            innerCssClass="k-button-icon"
-        >
-        </kendo-icon-wrapper>
-    `, isInline: true, dependencies: [{ kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ToolbarScrollableButtonComponent, decorators: [{
-            type: Component,
-            args: [{
-                    template: `
-        <kendo-icon-wrapper
-            [name]="iconClass"
-            [customFontClass]="customIconClass"
-            [svgIcon]="svgIcon"
-            innerCssClass="k-button-icon"
-        >
-        </kendo-icon-wrapper>
-    `,
-                    // eslint-disable-next-line @angular-eslint/component-selector
-                    selector: '[kendoToolbarScrollableButton]',
-                    standalone: true,
-                    imports: [IconWrapperComponent]
-                }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.NgZone }, { type: i1.LocalizationService }], propDecorators: { prevClass: [{
-                type: HostBinding,
-                args: ['class.k-toolbar-prev']
-            }], nextClass: [{
-                type: HostBinding,
-                args: ['class.k-toolbar-next']
-            }], role: [{
-                type: HostBinding,
-                args: ['attr.role']
-            }], prev: [{
-                type: Input
-            }], overflow: [{
-                type: Input
-            }], onClick: [{
-                type: Output
-            }] } });

package/esm2022/tool-options.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 {};