@progress/kendo-angular-inputs 21.4.1 → 22.0.0

package/esm2022/slider.module.mjs

@@ -1,48 +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_SLIDER } from './directives';
-import { IconsService } from '@progress/kendo-angular-icons';
-import { PopupService } from '@progress/kendo-angular-popup';
-import { ResizeBatchService } from '@progress/kendo-angular-common';
-import * as i0 from "@angular/core";
-import * as i1 from "./slider/slider.component";
-import * as i2 from "./slider/localization/custom-messages.component";
-import * as i3 from "./sliders-common/label-template.directive";
-//IMPORTANT: NgModule export kept for backwards compatibility
-/**
- * Defines the [`NgModule`](link:site.data.urls.angular['ngmoduleapi']) for the Slider component.
- *
- * Use this module to add the Slider component to your NgModule-based Angular application.
- *
- * @example
- *
- * ```typescript
- * import { SliderModule } from '@progress/kendo-angular-inputs';
- * import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
- * import { NgModule } from '@angular/core';
- * import { AppComponent } from './app.component';
- *
- * @NgModule({
- *     declarations: [AppComponent],
- *     imports:      [BrowserModule, BrowserAnimationsModule, SliderModule],
- *     bootstrap:    [AppComponent]
- * })
- * export class AppModule {}
- * ```
- */
-export class SliderModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SliderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: SliderModule, imports: [i1.SliderComponent, i2.SliderCustomMessagesComponent, i3.LabelTemplateDirective], exports: [i1.SliderComponent, i2.SliderCustomMessagesComponent, i3.LabelTemplateDirective] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SliderModule, providers: [IconsService, PopupService, ResizeBatchService], imports: [i1.SliderComponent] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SliderModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [...KENDO_SLIDER],
-                    exports: [...KENDO_SLIDER],
-                    providers: [IconsService, PopupService, ResizeBatchService]
-                }]
-        }] });

package/esm2022/sliders-common/label-template.directive.mjs

@@ -1,37 +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 { Directive, TemplateRef, Optional } from '@angular/core';
-import * as i0 from "@angular/core";
-/**
- * Represents the template for Slider labels.
- * To define a labels template, nest an `<ng-template>` tag with the `kendoSliderLabelTemplate` directive inside
- * the `<kendo-slider>` tag. The template context provides the `value`.
- *
- * @example
- * ```html
- * <kendo-slider [largeStep]="2">
- *   <ng-template kendoSliderLabelTemplate let-value="value">
- *     <p>{{ value }}</p>
- *   </ng-template>
- * </kendo-slider>
- * ```
- */
-export class LabelTemplateDirective {
-    templateRef;
-    constructor(templateRef) {
-        this.templateRef = templateRef;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LabelTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: LabelTemplateDirective, isStandalone: true, selector: "[kendoSliderLabelTemplate]", ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LabelTemplateDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoSliderLabelTemplate]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i0.TemplateRef, decorators: [{
-                    type: Optional
-                }] }] });

package/esm2022/sliders-common/slider-base.mjs

@@ -1,300 +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 { increment, decrement, incrementLarge, decrementLarge, identity } from './sliders-util';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { Input, Output, EventEmitter, HostBinding, Injector, Renderer2, NgZone, ChangeDetectorRef, ElementRef, ViewChild, ContentChild, Component } from '@angular/core';
-import { Subscription } from 'rxjs';
-import { NgControl } from '@angular/forms';
-import { Keys } from '@progress/kendo-angular-common';
-import { validatePackage } from '@progress/kendo-licensing';
-import { packageMetadata } from '../package-metadata';
-import { LabelTemplateDirective } from './label-template.directive';
-import * as i0 from "@angular/core";
-import * as i1 from "@progress/kendo-angular-l10n";
-/**
- * @hidden
- */
-export class SliderBase {
-    localizationService;
-    injector;
-    renderer;
-    ngZone;
-    changeDetector;
-    hostElement;
-    /**
-     * Sets the title for the ticks.
-     * The default title for each tick is its Slider value.
-     * If you use a callback function, the function receives the component value and returns a string for the new title [see example]({% slug ticks_slider %}#toc-titles).
-     */
-    title = identity;
-    /**
-     * Sets the location of the tick marks in the Slider [see example]({% slug ticks_slider %}#toc-placement).
-     *
-     * The options are:
-     * - `before` – Shows tick marks above a horizontal track or left of a vertical track.
-     * - `after` – Shows tick marks below a horizontal track or right of a vertical track.
-     * - `both` – Shows tick marks on both sides of the track.
-     * - `none` – Hides tick marks and removes them from the DOM.
-     *
-     * @default 'both'
-     */
-    tickPlacement = 'both';
-    /**
-     * When `true`. renders a vertical Slider [see example]({% slug orientation_slider %}).
-     *
-     * @default false
-     */
-    vertical = false;
-    /**
-     * Sets the minimum value of the Slider.
-     * Accepts integers and floating-point numbers [see example]({% slug predefinedsteps_slider %}#toc-small-steps).
-     *
-     * @default 0
-     */
-    min = 0;
-    /**
-     * Sets the maximum value of the Slider.
-     * Accepts integers and floating-point numbers [see example]({% slug predefinedsteps_slider %}#toc-small-steps).
-     *
-     * @default 10
-     */
-    max = 10;
-    /**
-     * Sets the step value of the Slider.
-     * Accepts only positive values.
-     * Can be an integer or a floating-point number [see example]({% slug predefinedsteps_slider %}#toc-small-steps).
-     *
-     * @default 1
-     */
-    smallStep = 1;
-    /**
-     * Sets every n<sup>th</sup> tick as large and shows a label for it [see example]({% slug predefinedsteps_slider %}#toc-large-steps).
-     *
-     * @default null
-     */
-    largeStep = null;
-    /**
-     * Sets the width between two ticks along the track, in pixels.
-     * If you do not set `fixedTickWidth`, the Slider adjusts the tick width automatically [see example]({% slug ticks_slider %}#toc-width).
-     *
-     */
-    fixedTickWidth;
-    /**
-     * When `true`, disables the Slider.
-     * To disable the component in reactive forms, see [Forms Support](slug:formssupport_slider#toc-managing-the-slider-disabled-state-in-reactive-forms) [see example]({% slug disabledstate_slider %}).
-     *
-     * @default false
-     */
-    disabled = false;
-    /**
-     * When `true`, sets the Slider to read-only [see example]({% slug readonly_slider %}).
-     *
-     * @default false
-     */
-    readonly = false;
-    /**
-     * Sets the [`tabindex`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) of the Slider.
-     *
-     * @default 0
-     */
-    tabindex = 0;
-    /**
-     * Fires when the user focuses the component.
-     *
-     */
-    onFocus = new EventEmitter();
-    /**
-     * Fires when the component is blurred.
-     *
-     */
-    onBlur = new EventEmitter();
-    /**
-     * Fires when the user selects a new value.
-     *
-     */
-    valueChange = new EventEmitter();
-    direction;
-    get horizontalClass() {
-        return !this.vertical;
-    }
-    get verticalClass() {
-        return this.vertical;
-    }
-    sliderClass = true;
-    get disabledClass() {
-        return this.disabled;
-    }
-    wrapper;
-    track;
-    sliderSelection;
-    ticksContainer;
-    ticks;
-    labelTemplate;
-    subscriptions = new Subscription();
-    isFocused;
-    isDragged;
-    control;
-    constructor(localizationService, injector, renderer, ngZone, changeDetector, hostElement) {
-        this.localizationService = localizationService;
-        this.injector = injector;
-        this.renderer = renderer;
-        this.ngZone = ngZone;
-        this.changeDetector = changeDetector;
-        this.hostElement = hostElement;
-        validatePackage(packageMetadata);
-        this.direction = localizationService.rtl ? 'rtl' : 'ltr';
-    }
-    /**
-     * @hidden
-     * Called when the status of the component changes to or from `disabled`.
-     * Depending on the value, it enables or disables the appropriate DOM element.
-     *
-     * @param isDisabled
-     */
-    setDisabledState(isDisabled) {
-        this.changeDetector.markForCheck();
-        this.disabled = isDisabled;
-    }
-    ngOnInit() {
-        this.subscriptions.add(this.localizationService
-            .changes
-            .subscribe(({ rtl }) => {
-            this.direction = rtl ? 'rtl' : 'ltr';
-            this.sizeComponent();
-        }));
-        if (this.hostElement) {
-            this.renderer.removeAttribute(this.hostElement.nativeElement, "tabindex");
-        }
-        this.control = this.injector.get(NgControl, null);
-    }
-    /**
-     * @hidden
-     */
-    get isDisabled() {
-        return this.disabled || this.readonly;
-    }
-    /**
-     * @hidden
-     */
-    ifEnabled = (callback, event) => {
-        if (!this.isDisabled) {
-            callback.call(this, event);
-        }
-    };
-    /**
-     * @hidden
-     * Used by the FloatingLabel to determine if the component is empty.
-     */
-    isEmpty() {
-        return false;
-    }
-    get reverse() {
-        return this.localizationService.rtl && !this.vertical;
-    }
-    get keyBinding() {
-        const reverse = this.reverse;
-        return {
-            [Keys.ArrowLeft]: reverse ? increment : decrement,
-            [Keys.ArrowRight]: reverse ? decrement : increment,
-            [Keys.ArrowDown]: decrement,
-            [Keys.ArrowUp]: increment,
-            [Keys.PageUp]: incrementLarge,
-            [Keys.PageDown]: decrementLarge,
-            [Keys.Home]: ({ min }) => min,
-            [Keys.End]: ({ max }) => max
-        };
-    }
-    resetStyles(elements) {
-        elements.forEach(el => {
-            if (el) {
-                if (this.vertical) {
-                    this.renderer.removeStyle(el, 'width');
-                    this.renderer.removeStyle(el, 'left');
-                    this.renderer.removeStyle(el, 'right');
-                }
-                else {
-                    this.renderer.removeStyle(el, 'height');
-                    this.renderer.removeStyle(el, 'bottom');
-                }
-                this.renderer.removeStyle(el, 'padding-top');
-            }
-        });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SliderBase, deps: [{ token: i1.LocalizationService }, { token: i0.Injector }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: SliderBase, selector: "kendo-slider-base", inputs: { title: "title", tickPlacement: "tickPlacement", vertical: "vertical", min: "min", max: "max", smallStep: "smallStep", largeStep: "largeStep", fixedTickWidth: "fixedTickWidth", disabled: "disabled", readonly: "readonly", tabindex: "tabindex" }, outputs: { onFocus: "focus", onBlur: "blur", valueChange: "valueChange" }, host: { properties: { "class.k-readonly": "this.readonly", "attr.dir": "this.direction", "class.k-slider-horizontal": "this.horizontalClass", "class.k-slider-vertical": "this.verticalClass", "class.k-slider": "this.sliderClass", "class.k-disabled": "this.disabledClass" } }, queries: [{ propertyName: "labelTemplate", first: true, predicate: LabelTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "wrapper", first: true, predicate: ["wrap"], descendants: true, static: true }, { propertyName: "track", first: true, predicate: ["track"], descendants: true, static: true }, { propertyName: "sliderSelection", first: true, predicate: ["sliderSelection"], descendants: true, static: true }, { propertyName: "ticksContainer", first: true, predicate: ["ticks"], descendants: true, read: ElementRef }, { propertyName: "ticks", first: true, predicate: ["ticks"], descendants: true }], ngImport: i0, template: ``, isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SliderBase, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'kendo-slider-base',
-                    template: ``
-                }]
-        }], ctorParameters: () => [{ type: i1.LocalizationService }, { type: i0.Injector }, { type: i0.Renderer2 }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }], propDecorators: { title: [{
-                type: Input
-            }], tickPlacement: [{
-                type: Input
-            }], vertical: [{
-                type: Input
-            }], min: [{
-                type: Input
-            }], max: [{
-                type: Input
-            }], smallStep: [{
-                type: Input
-            }], largeStep: [{
-                type: Input
-            }], fixedTickWidth: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], readonly: [{
-                type: Input
-            }, {
-                type: HostBinding,
-                args: ['class.k-readonly']
-            }], tabindex: [{
-                type: Input
-            }], onFocus: [{
-                type: Output,
-                args: ['focus']
-            }], onBlur: [{
-                type: Output,
-                args: ['blur']
-            }], valueChange: [{
-                type: Output
-            }], direction: [{
-                type: HostBinding,
-                args: ['attr.dir']
-            }], horizontalClass: [{
-                type: HostBinding,
-                args: ['class.k-slider-horizontal']
-            }], verticalClass: [{
-                type: HostBinding,
-                args: ['class.k-slider-vertical']
-            }], sliderClass: [{
-                type: HostBinding,
-                args: ['class.k-slider']
-            }], disabledClass: [{
-                type: HostBinding,
-                args: ['class.k-disabled']
-            }], wrapper: [{
-                type: ViewChild,
-                args: ['wrap', { static: true }]
-            }], track: [{
-                type: ViewChild,
-                args: ['track', { static: true }]
-            }], sliderSelection: [{
-                type: ViewChild,
-                args: ['sliderSelection', { static: true }]
-            }], ticksContainer: [{
-                type: ViewChild,
-                args: ['ticks', { read: ElementRef, static: false }]
-            }], ticks: [{
-                type: ViewChild,
-                args: ['ticks', { static: false }]
-            }], labelTemplate: [{
-                type: ContentChild,
-                args: [LabelTemplateDirective, { static: false }]
-            }] } });

package/esm2022/sliders-common/slider-model.base.mjs

@@ -1,118 +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 { calculateFixedTrackSize, calculateTicksCount } from '../sliders-common/sliders-util';
-import { subtract } from '../common/math';
-import { isPresent } from '../common/utils';
-import { isDocumentAvailable } from '@progress/kendo-angular-common';
-/**
- * @hidden
- */
-export class SliderModelBase {
-    props;
-    wrapper;
-    track;
-    renderer;
-    button;
-    tickSizes;
-    constructor(props, wrapper, track, renderer, button) {
-        this.props = props;
-        this.wrapper = wrapper;
-        this.track = track;
-        this.renderer = renderer;
-        this.button = button;
-        this.props = props;
-        this.wrapper = wrapper;
-        this.track = track;
-        this.tickSizes = this.getTickSizes();
-    }
-    resizeTrack() {
-        const orientation = this.props.vertical ? 'height' : 'width';
-        const altOrientation = this.props.vertical ? 'width' : 'height';
-        const trackWidth = this.trackWidth();
-        this.track.parentElement.style[orientation] = `${trackWidth}px`;
-        this.track.parentElement.style[altOrientation] = '';
-    }
-    resizeTicks(ticksContainer, ticks) {
-        const dimension = this.props.vertical ? "height" : "width";
-        [...ticks].forEach((tick, index) => tick.style[dimension] = `${this.tickSizes[index]}px`);
-        if (this.props.vertical) {
-            this.adjustPadding(ticksContainer);
-        }
-    }
-    resizeWrapper() {
-        const dimension = this.props.vertical ? "height" : "width";
-        const fixedTrackWidth = calculateFixedTrackSize(this.props);
-        const wrapperParentEl = this.wrapper.parentElement;
-        if (fixedTrackWidth) {
-            wrapperParentEl.style[dimension] = "auto";
-        }
-    }
-    trackWidth() {
-        if (this.props.fixedTickWidth) {
-            return calculateFixedTrackSize(this.props);
-        }
-        const wrapperWidth = this.elementSize(this.wrapper.parentElement);
-        const trackOffset = this.getTrackOffset();
-        return wrapperWidth - trackOffset;
-    }
-    getTickSizes() {
-        const { min, max, smallStep } = this.props;
-        const count = calculateTicksCount(min, max, smallStep);
-        const trackSize = this.trackWidth();
-        const distStep = trackSize / subtract(max, min);
-        const result = [];
-        let usedSpace = 0;
-        let endPoint = 0;
-        for (let i = 0; i < count; i++) {
-            if (i === 0 || i === count - 1) {
-                endPoint += (smallStep / 2) * distStep;
-            }
-            else {
-                endPoint += smallStep * distStep;
-            }
-            // ensure that the sum of the tick sizes does not exceed the track width
-            endPoint = +endPoint.toFixed(2) - 0.01;
-            const size = Math.round(endPoint - usedSpace);
-            result.push(size);
-            usedSpace += size;
-        }
-        if (usedSpace >= trackSize) {
-            result[result.length - 1] -= 1;
-        }
-        return result;
-    }
-    adjustPadding(ticksContainer) {
-        const totalTickSize = this.tickSizes.reduce((prev, curr) => prev + curr, 0);
-        const trackWidth = this.trackWidth();
-        const reminder = trackWidth - totalTickSize;
-        if (reminder !== 0) {
-            const padding = reminder + this.elementOffset(this.track);
-            ticksContainer.style.paddingTop = `${padding}px`;
-        }
-    }
-    elementOffset(element) {
-        if (!isDocumentAvailable()) {
-            return 0;
-        }
-        const { vertical } = this.props;
-        const style = getComputedStyle(element);
-        return parseInt(vertical ? style.bottom : style.left, 10);
-    }
-    elementSize(element) {
-        const { vertical } = this.props;
-        return vertical ? element.clientHeight : element.clientWidth;
-    }
-    getTrackOffset() {
-        const showButtons = this.props.buttons && isPresent(this.button);
-        if (!showButtons) {
-            return 0;
-        }
-        const BUTTONS_COUNT = 2;
-        const buttonStyles = this.button.nativeElement.getBoundingClientRect();
-        const wrapperGap = isDocumentAvailable() ? parseInt(window.getComputedStyle(this.wrapper.parentElement).gap) : 0;
-        const buttonSize = this.props.vertical ? buttonStyles?.height : buttonStyles?.width;
-        return (buttonSize + wrapperGap) * BUTTONS_COUNT;
-    }
-}

package/esm2022/sliders-common/slider-ticks.component.mjs

@@ -1,147 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/* eslint-disable @angular-eslint/component-selector */
-import { Component, Input, QueryList, ViewChildren, HostBinding, TemplateRef } from '@angular/core';
-import { calculateTicksCount, calculateValueFromTick } from './sliders-util';
-import { NgClass, NgTemplateOutlet } from '@angular/common';
-import * as i0 from "@angular/core";
-/**
- * @hidden
- */
-class SliderTick {
-    value;
-    classes = {
-        'k-tick': true
-    };
-    large;
-    constructor(value) {
-        this.value = value;
-    }
-}
-/**
- * @hidden
- */
-export class SliderTicksComponent {
-    wrapperClasses = 'k-reset k-slider-items';
-    tickTitle;
-    vertical;
-    step;
-    largeStep;
-    min;
-    max;
-    labelTemplate;
-    tickElements;
-    ticks = [];
-    ngOnChanges(_) {
-        this.createTicks();
-    }
-    createTicks() {
-        const count = calculateTicksCount(this.min, this.max, this.step);
-        const largeStep = this.largeStep;
-        const tickValueProps = {
-            max: this.max,
-            min: this.min,
-            smallStep: this.step
-        };
-        const result = [];
-        for (let i = 0; i < count; i++) {
-            result.push(new SliderTick(calculateValueFromTick(i, tickValueProps)));
-            if (largeStep && i % largeStep === 0) {
-                result[i].large = true;
-                result[i].classes['k-tick-large'] = true;
-            }
-        }
-        if (result.length > 0) {
-            Object.assign(result[0].classes, this.endTickClasses(true));
-            Object.assign(result[result.length - 1].classes, this.endTickClasses(false));
-        }
-        this.ticks = result;
-    }
-    endTickClasses(first) {
-        return {
-            'k-first': (first && !this.vertical) || (!first && this.vertical),
-            'k-last': (!first && !this.vertical) || (first && this.vertical)
-        };
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SliderTicksComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: SliderTicksComponent, isStandalone: true, selector: "[kendoSliderTicks]", inputs: { tickTitle: "tickTitle", vertical: "vertical", step: "step", largeStep: "largeStep", min: "min", max: "max", labelTemplate: "labelTemplate" }, host: { properties: { "class": "this.wrapperClasses" } }, viewQueries: [{ propertyName: "tickElements", predicate: ["tickElement"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `
-    @for (tick of ticks; track tick) {
-      <li #tickElement
-        [ngClass]="tick.classes"
-        title="{{ tickTitle(tick.value) }}"
-        role="presentation"
-        >
-        @switch (tick.large) {
-          @case (true) {
-            <span class="k-label">
-              <ng-container [ngTemplateOutlet]="labelTemplate || defaultLabel" [ngTemplateOutletContext]="tick">
-              </ng-container>
-            </span>
-          }
-          @case (false) {
-            &nbsp;
-          }
-        }
-      </li>
-    }
-    
-    <ng-template #defaultLabel let-value="value">
-      {{ tickTitle(value) }}
-    </ng-template>
-    `, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SliderTicksComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: '[kendoSliderTicks]',
-                    template: `
-    @for (tick of ticks; track tick) {
-      <li #tickElement
-        [ngClass]="tick.classes"
-        title="{{ tickTitle(tick.value) }}"
-        role="presentation"
-        >
-        @switch (tick.large) {
-          @case (true) {
-            <span class="k-label">
-              <ng-container [ngTemplateOutlet]="labelTemplate || defaultLabel" [ngTemplateOutletContext]="tick">
-              </ng-container>
-            </span>
-          }
-          @case (false) {
-            &nbsp;
-          }
-        }
-      </li>
-    }
-    
-    <ng-template #defaultLabel let-value="value">
-      {{ tickTitle(value) }}
-    </ng-template>
-    `,
-                    standalone: true,
-                    imports: [NgClass, NgTemplateOutlet]
-                }]
-        }], propDecorators: { wrapperClasses: [{
-                type: HostBinding,
-                args: ['class']
-            }], tickTitle: [{
-                type: Input
-            }], vertical: [{
-                type: Input
-            }], step: [{
-                type: Input
-            }], largeStep: [{
-                type: Input
-            }], min: [{
-                type: Input
-            }], max: [{
-                type: Input
-            }], labelTemplate: [{
-                type: Input
-            }], tickElements: [{
-                type: ViewChildren,
-                args: ['tickElement']
-            }] } });