@progress/kendo-angular-inputs 8.0.9-dev.202203231216 → 9.0.0-dev.202204191046

package/dist/es/rangeslider/rangeslider.component.js

@@ -1,471 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Renderer2, Component, ElementRef, Input, ViewChild, forwardRef, NgZone, Injector, ChangeDetectorRef } from '@angular/core';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
-import { take } from 'rxjs/operators';
-import { trimValue, isSameRange, trimValueRange, validateValue } from '../sliders-common/sliders-util';
-import { RangeSliderModel } from './rangeslider-model';
-import { L10N_PREFIX, LocalizationService } from '@progress/kendo-angular-l10n';
-import { eventValue, isStartHandle } from '../sliders-common/sliders-util';
-import { invokeElementMethod } from '../common/dom-utils';
-import { guid, isDocumentAvailable, Keys, KendoInput, anyChanged, hasObservers } from '@progress/kendo-angular-common';
-import { requiresZoneOnBlur } from '../common/utils';
-import { SliderBase } from '../sliders-common/slider-base';
-var PRESSED = 'k-pressed';
-/**
- * Represents the [Kendo UI RangeSlider component for Angular]({% slug overview_rangeslider %}).
- */
-var RangeSliderComponent = /** @class */ (function (_super) {
-    tslib_1.__extends(RangeSliderComponent, _super);
-    function RangeSliderComponent(localization, injector, renderer, ngZone, changeDetector, hostElement) {
-        var _this = _super.call(this, localization, injector, renderer, ngZone, changeDetector, hostElement) || this;
-        _this.localization = localization;
-        _this.injector = injector;
-        _this.renderer = renderer;
-        _this.ngZone = ngZone;
-        _this.changeDetector = changeDetector;
-        _this.hostElement = hostElement;
-        /**
-         * @hidden
-         */
-        _this.startHandleId = "k-start-handle-" + guid();
-        /**
-         * @hidden
-         */
-        _this.endHandleId = "k-end-handle-" + guid();
-        /**
-         * @hidden
-         */
-        _this.focusableId = _this.startHandleId;
-        _this.handleZIndex = 0;
-        _this.activeHandle = 'startHandle';
-        _this.focusChangedProgrammatically = false;
-        /**
-         * @hidden
-         */
-        _this.onWrapClick = function (args) {
-            if (!_this.isDisabled) {
-                _this.value = _this.value || [_this.min, _this.min];
-                var trackValue = eventValue(args, _this.track.nativeElement, _this.getProps());
-                var newRangeValue = void 0;
-                var _a = newRangeValue = _this.value, startValue = _a[0], endValue = _a[1];
-                if (trackValue <= startValue) {
-                    newRangeValue = [trackValue, endValue];
-                    _this.activeHandle = 'startHandle';
-                }
-                else if (startValue < trackValue && trackValue < endValue) {
-                    if (trackValue < (startValue + endValue) / 2) {
-                        newRangeValue = [trackValue, endValue];
-                        _this.activeHandle = 'startHandle';
-                    }
-                    else {
-                        newRangeValue = [startValue, trackValue];
-                        _this.activeHandle = 'endHandle';
-                    }
-                }
-                else if (trackValue >= endValue) {
-                    newRangeValue = [startValue, trackValue];
-                    _this.activeHandle = 'endHandle';
-                }
-                var activeHandle = _this.activeHandle === 'startHandle' ? _this.draghandleStart : _this.draghandleEnd;
-                invokeElementMethod(activeHandle, 'focus');
-                _this.changeValue(newRangeValue);
-            }
-        };
-        /**
-         * @hidden
-         */
-        _this.onKeyDown = function (e) {
-            _this.value = _this.value || [_this.min, _this.min];
-            var options = _this.getProps();
-            var max = options.max, min = options.min;
-            var handler = _this.keyBinding[e.keyCode];
-            if (_this.isDisabled || !handler) {
-                return;
-            }
-            _this.renderer.setStyle(e.target, 'zIndex', ++_this.handleZIndex);
-            var startHandleIsActive = isStartHandle(e.target);
-            var value = handler(tslib_1.__assign({}, options, { value: startHandleIsActive ? _this.value[0] : _this.value[1] }));
-            if (startHandleIsActive) {
-                if (value > _this.value[1]) {
-                    _this.value[1] = value;
-                }
-            }
-            else {
-                if (value < _this.value[0]) {
-                    _this.value[0] = value;
-                }
-            }
-            var trimmedValue = trimValue(max, min, value);
-            var newValue = startHandleIsActive ? [trimmedValue, _this.value[1]]
-                : [_this.value[0], trimmedValue];
-            _this.changeValue(newValue);
-            e.preventDefault();
-        };
-        _this.ngChange = function (_) { };
-        _this.ngTouched = function () { };
-        _this.handleBlur = function () {
-            _this.changeDetector.markForCheck();
-            _this.focused = false;
-            if (hasObservers(_this.onBlur) || requiresZoneOnBlur(_this.control)) {
-                _this.ngZone.run(function () {
-                    _this.ngTouched();
-                    if (!_this.focusChangedProgrammatically) {
-                        _this.onBlur.emit();
-                    }
-                });
-            }
-        };
-        return _this;
-    }
-    RangeSliderComponent_1 = RangeSliderComponent;
-    /**
-     * Focuses the RangeSlider.
-     *
-     * @example
-     * ```ts-no-run
-     * _@Component({
-     * selector: 'my-app',
-     * template: `
-     *     <div>
-     *         <button class="k-button" (click)="slider.focus()">Focus</button>
-     *     </div>
-     *     <kendo-rangeslider #slider></kendo-rangeslider>
-     * `
-     * })
-     * class AppComponent { }
-     * ```
-     */
-    RangeSliderComponent.prototype.focus = function () {
-        this.focusChangedProgrammatically = true;
-        invokeElementMethod(this.draghandleStart, 'focus');
-        this.focusChangedProgrammatically = false;
-    };
-    /**
-     * Blurs the RangeSlider.
-     */
-    RangeSliderComponent.prototype.blur = function () {
-        this.focusChangedProgrammatically = true;
-        var activeHandle = this.activeHandle === 'startHandle' ? this.draghandleStart : this.draghandleEnd;
-        invokeElementMethod(activeHandle, 'blur');
-        this.handleBlur();
-        this.focusChangedProgrammatically = false;
-    };
-    RangeSliderComponent.prototype.ngOnInit = function () {
-        if (!this.value) {
-            this.value = [this.min, this.max];
-        }
-        _super.prototype.ngOnInit.call(this);
-    };
-    RangeSliderComponent.prototype.ngOnChanges = function (changes) {
-        var _this = this;
-        if (anyChanged(['value', 'fixedTickWidth', 'tickPlacement'], changes, true)) {
-            if (changes.value && changes.value.currentValue) {
-                validateValue(changes.value.currentValue);
-            }
-            this.ngZone.onStable.asObservable().pipe(take(1)).subscribe(function () {
-                _this.sizeComponent();
-            });
-        }
-    };
-    RangeSliderComponent.prototype.ngAfterViewInit = function () {
-        var _this = this;
-        if (!isDocumentAvailable()) {
-            return;
-        }
-        this.sizeComponent();
-        if (this.ticks) {
-            this.ticks.tickElements
-                .changes
-                .subscribe(function () { return _this.sizeComponent(); });
-        }
-        this.attachElementEventHandlers();
-    };
-    RangeSliderComponent.prototype.ngOnDestroy = function () {
-        if (this.subscriptions) {
-            this.subscriptions.unsubscribe();
-        }
-    };
-    /**
-     * @hidden
-     */
-    RangeSliderComponent.prototype.textFor = function (key) {
-        return this.localization.get(key);
-    };
-    Object.defineProperty(RangeSliderComponent.prototype, "valueText", {
-        /**
-         * @hidden
-         */
-        get: function () {
-            return this.value ? this.value[0] + " - " + this.value[1] : '';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    /**
-     * @hidden
-     */
-    RangeSliderComponent.prototype.handleDragPress = function (args) {
-        if (args.originalEvent) {
-            args.originalEvent.preventDefault();
-        }
-        var target = args.originalEvent.target;
-        this.draggedHandle = target;
-        this.renderer.setStyle(target, 'zIndex', ++this.handleZIndex);
-    };
-    /**
-     * @hidden
-     */
-    RangeSliderComponent.prototype.onHandleDrag = function (args) {
-        var _this = this;
-        this.value = this.value || [this.min, this.min];
-        var target = args.originalEvent.target;
-        var lastCoords = this.draggedHandle.getBoundingClientRect();
-        this.lastHandlePosition = { x: lastCoords.left, y: lastCoords.top };
-        this.dragging = { value: true, target: target };
-        var mousePos = {
-            x: (args.pageX - 0.5) - (lastCoords.width / 2),
-            y: (args.pageY - (lastCoords.width / 2))
-        };
-        var left = mousePos.x < this.lastHandlePosition.x;
-        var right = mousePos.x > this.lastHandlePosition.x;
-        var up = mousePos.y > this.lastHandlePosition.y;
-        var moveStartHandle = function () { return _this.changeValue([eventValue(args, _this.track.nativeElement, _this.getProps()), _this.value[1]]); };
-        var moveEndHandle = function () { return _this.changeValue([_this.value[0], eventValue(args, _this.track.nativeElement, _this.getProps())]); };
-        var moveBothHandles = function () { return _this.changeValue([eventValue(args, _this.track.nativeElement, _this.getProps()), eventValue(args, _this.track.nativeElement, _this.getProps())]); };
-        var activeStartHandle = isStartHandle(this.draggedHandle);
-        var vertical = this.vertical;
-        var horizontal = !vertical;
-        var forward = (vertical && up) || (this.reverse ? horizontal && right : horizontal && left);
-        var incorrectValueState = this.value[0] > this.value[1];
-        if (this.value[0] === this.value[1] || incorrectValueState) {
-            if (forward) {
-                activeStartHandle ? moveStartHandle() : moveBothHandles();
-            }
-            else {
-                activeStartHandle ? moveBothHandles() : moveEndHandle();
-            }
-        }
-        else {
-            activeStartHandle ? moveStartHandle() : moveEndHandle();
-        }
-    };
-    /**
-     * @hidden
-     */
-    RangeSliderComponent.prototype.onHandleRelease = function (args) {
-        this.dragging = { value: false, target: args.originalEvent.target }; //needed for animation
-        this.draggedHandle = undefined;
-    };
-    //ngModel binding
-    /**
-     * @hidden
-     */
-    RangeSliderComponent.prototype.writeValue = function (value) {
-        validateValue(value);
-        this.value = value;
-        this.sizeComponent();
-    };
-    /**
-     * @hidden
-     */
-    RangeSliderComponent.prototype.registerOnChange = function (fn) {
-        this.ngChange = fn;
-    };
-    /**
-     * @hidden
-     */
-    RangeSliderComponent.prototype.registerOnTouched = function (fn) {
-        this.ngTouched = fn;
-    };
-    /**
-     * @hidden
-     */
-    RangeSliderComponent.prototype.changeValue = function (value) {
-        var _this = this;
-        if (!this.value || !isSameRange(this.value, value)) {
-            this.ngZone.run(function () {
-                _this.value = value;
-                _this.ngChange(value);
-                if (_this.value) {
-                    _this.valueChange.emit(value);
-                }
-                _this.sizeComponent();
-            });
-        }
-    };
-    /**
-     * @hidden
-     */
-    RangeSliderComponent.prototype.sizeComponent = function () {
-        if (!isDocumentAvailable()) {
-            return;
-        }
-        var wrapper = this.wrapper.nativeElement;
-        var track = this.track.nativeElement;
-        var selectionEl = this.sliderSelection.nativeElement;
-        var dragHandleStartEl = this.draghandleStart.nativeElement;
-        var dragHandleEndEl = this.draghandleEnd.nativeElement;
-        var ticks = this.ticks ? this.ticksContainer.nativeElement : null;
-        this.resetStyles([track, selectionEl, dragHandleStartEl, dragHandleEndEl, ticks, this.hostElement.nativeElement]);
-        var props = this.getProps();
-        var model = new RangeSliderModel(props, wrapper, track, this.renderer);
-        model.resizeTrack();
-        if (this.ticks) { //for case when tickPlacement: none
-            model.resizeTicks(this.ticksContainer.nativeElement, this.ticks.tickElements.map(function (element) { return element.nativeElement; }));
-        }
-        model.positionHandle(dragHandleStartEl);
-        model.positionHandle(dragHandleEndEl);
-        model.positionSelection(dragHandleStartEl, selectionEl);
-        if (this.fixedTickWidth) {
-            model.resizeWrapper();
-        }
-    };
-    Object.defineProperty(RangeSliderComponent.prototype, "isDisabled", {
-        /**
-         * @hidden
-         */
-        get: function () {
-            return this.disabled || this.readonly;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    /**
-     * @hidden
-     * Used by the FloatingLabel to determine if the component is empty.
-     */
-    RangeSliderComponent.prototype.isEmpty = function () {
-        return false;
-    };
-    Object.defineProperty(RangeSliderComponent.prototype, "focused", {
-        set: function (value) {
-            if (this.isFocused !== value && this.hostElement) {
-                this.isFocused = value;
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(RangeSliderComponent.prototype, "dragging", {
-        set: function (data) {
-            if (this.isDragged !== data.value && this.sliderSelection && this.draghandleStart && this.draghandleEnd) {
-                var sliderSelection = this.sliderSelection.nativeElement;
-                var draghandle = data.target;
-                if (data.value) {
-                    this.renderer.addClass(sliderSelection, PRESSED);
-                    this.renderer.addClass(draghandle, PRESSED);
-                }
-                else {
-                    this.renderer.removeClass(sliderSelection, PRESSED);
-                    this.renderer.removeClass(draghandle, PRESSED);
-                }
-                this.isDragged = data.value;
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    RangeSliderComponent.prototype.getProps = function () {
-        return {
-            disabled: this.disabled,
-            fixedTickWidth: this.fixedTickWidth,
-            largeStep: this.largeStep,
-            max: this.max,
-            min: this.min,
-            readonly: this.readonly,
-            reverse: this.reverse,
-            rtl: this.localizationService.rtl,
-            smallStep: this.smallStep,
-            value: trimValueRange(this.max, this.min, this.value),
-            vertical: this.vertical,
-            buttons: false
-        };
-    };
-    RangeSliderComponent.prototype.attachElementEventHandlers = function () {
-        var _this = this;
-        var hostElement = this.hostElement.nativeElement;
-        var tabbing = false;
-        var cursorInsideWrapper = false;
-        this.ngZone.runOutsideAngular(function () {
-            // focusIn and focusOut are relative to the host element
-            _this.subscriptions.add(_this.renderer.listen(hostElement, 'focusin', function () {
-                if (!_this.isFocused) {
-                    _this.ngZone.run(function () {
-                        if (!_this.focusChangedProgrammatically) {
-                            _this.onFocus.emit();
-                        }
-                        _this.focused = true;
-                    });
-                }
-            }));
-            _this.subscriptions.add(_this.renderer.listen(hostElement, 'focusout', function (args) {
-                if (!_this.isFocused) {
-                    return;
-                }
-                if (tabbing) {
-                    if (args.relatedTarget !== _this.draghandleStart.nativeElement && args.relatedTarget !== _this.draghandleEnd.nativeElement) {
-                        _this.handleBlur();
-                    }
-                    tabbing = false;
-                }
-                else {
-                    if (!cursorInsideWrapper) {
-                        _this.handleBlur();
-                    }
-                }
-            }));
-            _this.subscriptions.add(_this.renderer.listen(hostElement, 'mouseenter', function () {
-                cursorInsideWrapper = true;
-            }));
-            _this.subscriptions.add(_this.renderer.listen(hostElement, 'mouseleave', function () {
-                cursorInsideWrapper = false;
-            }));
-            _this.subscriptions.add(_this.renderer.listen(hostElement, 'keydown', function (args) {
-                if (args.keyCode === Keys.Tab) {
-                    tabbing = true;
-                }
-                else {
-                    tabbing = false;
-                }
-            }));
-        });
-    };
-    var RangeSliderComponent_1;
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Array)
-    ], RangeSliderComponent.prototype, "value", void 0);
-    tslib_1.__decorate([
-        ViewChild('draghandleStart', { static: true }),
-        tslib_1.__metadata("design:type", ElementRef)
-    ], RangeSliderComponent.prototype, "draghandleStart", void 0);
-    tslib_1.__decorate([
-        ViewChild('draghandleEnd', { static: true }),
-        tslib_1.__metadata("design:type", ElementRef)
-    ], RangeSliderComponent.prototype, "draghandleEnd", void 0);
-    RangeSliderComponent = RangeSliderComponent_1 = tslib_1.__decorate([
-        Component({
-            exportAs: 'kendoRangeSlider',
-            providers: [
-                LocalizationService,
-                { provide: L10N_PREFIX, useValue: 'kendo.rangeslider' },
-                { multi: true, provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(function () { return RangeSliderComponent_1; }) },
-                { provide: KendoInput, useExisting: forwardRef(function () { return RangeSliderComponent_1; }) }
-            ],
-            selector: 'kendo-rangeslider',
-            template: "\n        <ng-container kendoSliderLocalizedMessages\n            i18n-dragHandleStart=\"kendo.rangeslider.dragHandleStart|The title of the **Start** drag handle of the Slider.\"\n            dragHandleStart=\"Drag\"\n            i18n-dragHandleEnd=\"kendo.rangeslider.dragHandleEnd|The title of the **End** drag handle of the Slider.\"\n            dragHandleEnd=\"Drag\"\n        >\n\n        <div class=\"k-slider-wrap\" #wrap\n            [class.k-slider-topleft]=\"tickPlacement === 'before'\"\n            [class.k-slider-bottomright]=\"tickPlacement === 'after'\"\n            [kendoEventsOutsideAngular]=\"{ click: onWrapClick, keydown: onKeyDown }\"\n            >\n            <div class=\"k-slider-track-wrap\">\n                <ul kendoSliderTicks\n                    #ticks\n                    *ngIf=\"tickPlacement !== 'none'\"\n                    [tickTitle]=\"title\"\n                    [vertical]=\"vertical\"\n                    [step]=\"smallStep\"\n                    [largeStep]=\"largeStep\"\n                    [min]=\"min\"\n                    [max]=\"max\"\n                    [labelTemplate]=\"labelTemplate?.templateRef\"\n                    [attr.aria-hidden]=\"true\"\n                >\n                </ul>\n                <div #track class=\"k-slider-track\">\n                    <div #sliderSelection class=\"k-slider-selection\">\n                    </div>\n                    <a #draghandleStart\n                        role=\"slider\"\n                        [id]=\"startHandleId\"\n                        [attr.tabindex]=\"disabled ? undefined : tabindex\"\n                        [attr.aria-valuemin]=\"min\"\n                        [attr.aria-valuemax]=\"max\"\n                        [attr.aria-valuenow]=\"value ? value[0] : null\"\n                        [attr.aria-valuetext]=\"valueText\"\n                        [attr.aria-disabled]=\"disabled ? true : undefined\"\n                        [attr.aria-readonly]=\"readonly ? true : undefined\"\n                        [attr.aria-orientation]=\"vertical ? 'vertical' : 'horizontal'\"\n                        [style.touch-action]=\"isDisabled ? '' : 'none'\"\n                        class=\"k-draghandle\"\n                        [title]=\"textFor('dragHandleStart')\"\n                        kendoDraggable\n                        (kendoPress)=\"ifEnabled(handleDragPress ,$event)\"\n                        (kendoDrag)=\"ifEnabled(onHandleDrag ,$event)\"\n                        (kendoRelease)=\"ifEnabled(onHandleRelease, $event)\"\n                    ></a>\n                    <a #draghandleEnd\n                        role=\"slider\"\n                        [id]=\"endHandleId\"\n                        [attr.tabindex]=\"disabled ? undefined : tabindex\"\n                        [attr.aria-valuemin]=\"min\"\n                        [attr.aria-valuemax]=\"max\"\n                        [attr.aria-valuenow]=\"value ? value[1] : null\"\n                        [attr.aria-valuetext]=\"valueText\"\n                        [attr.aria-disabled]=\"disabled ? true : undefined\"\n                        [attr.aria-readonly]=\"readonly ? true : undefined\"\n                        [attr.aria-orientation]=\"vertical ? 'vertical' : 'horizontal'\"\n                        [style.touch-action]=\"isDisabled ? '' : 'none'\"\n                        class=\"k-draghandle\"\n                        [title]=\"textFor('dragHandleEnd')\"\n                        kendoDraggable\n                        (kendoPress)=\"ifEnabled(handleDragPress ,$event)\"\n                        (kendoDrag)=\"ifEnabled(onHandleDrag ,$event)\"\n                        (kendoRelease)=\"ifEnabled(onHandleRelease, $event)\"\n                    ></a>\n                </div>\n            </div>\n            <kendo-resize-sensor (resize)=\"sizeComponent()\"></kendo-resize-sensor>\n        </div>\n  "
-        }),
-        tslib_1.__metadata("design:paramtypes", [LocalizationService,
-            Injector,
-            Renderer2,
-            NgZone,
-            ChangeDetectorRef,
-            ElementRef])
-    ], RangeSliderComponent);
-    return RangeSliderComponent;
-}(SliderBase));
-export { RangeSliderComponent };

package/dist/es/rangeslider.module.js

@@ -1,66 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { SlidersCommonModule } from './sliders-common/sliders-common.module';
-import { RangeSliderComponent } from './rangeslider/rangeslider.component';
-import { LocalizedRangeSliderMessagesDirective } from './rangeslider/localization/localized-rangeslider-messages.directive';
-import { RangeSliderCustomMessagesComponent } from './rangeslider/localization/custom-messages.component';
-import { LabelTemplateDirective } from './sliders-common/label-template.directive';
-/**
- * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
- * definition for the RangeSlider component.
- *
- * @example
- *
- * ```ts-no-run
- * // Import the Inputs module
- * import { RangeSliderModule } from '@progress/kendo-angular-inputs';
- *
- * // The browser platform with a compiler
- * import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
- * import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
- *
- * import { NgModule } from '@angular/core';
- *
- * // Import the app component
- * import { AppComponent } from './app.component';
- *
- * // Define the app module
- * _@NgModule({
- *     declarations: [AppComponent], // declare app component
- *     imports:      [BrowserModule, BrowserAnimationsModule, RangeSliderModule], // import RangeSlider module
- *     bootstrap:    [AppComponent]
- * })
- * export class AppModule {}
- *
- * // Compile and launch the module
- * platformBrowserDynamic().bootstrapModule(AppModule);
- *
- * ```
- */
-var RangeSliderModule = /** @class */ (function () {
-    function RangeSliderModule() {
-    }
-    RangeSliderModule = tslib_1.__decorate([
-        NgModule({
-            declarations: [
-                RangeSliderComponent,
-                RangeSliderCustomMessagesComponent,
-                LocalizedRangeSliderMessagesDirective
-            ],
-            exports: [
-                RangeSliderComponent,
-                RangeSliderCustomMessagesComponent,
-                LocalizedRangeSliderMessagesDirective,
-                LabelTemplateDirective
-            ],
-            imports: [CommonModule, SlidersCommonModule]
-        })
-    ], RangeSliderModule);
-    return RangeSliderModule;
-}());
-export { RangeSliderModule };

package/dist/es/shared/input-separator.component.js

@@ -1,41 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Component, HostBinding } from '@angular/core';
-/**
- * Specifies a separator in the content of components like the TextArea and the TextBox. ([see examples]({% slug adornments_textbox %}#toc-separator)).
- * @example
- * ```ts-no-run
- * _@Component({
- * selector: 'my-app',
- * template: `
- *  <kendo-textbox>
- *    <ng-template kendoTextBoxSuffixTemplate>
- *        <kendo-input-separator></kendo-input-separator>
- *        <button kendoButton look="clear" icon="image"></button>
- *    </ng-template>
- *  </kendo-textbox>
- * `
- * })
- * class AppComponent {}
- * ```
- */
-var InputSeparatorComponent = /** @class */ (function () {
-    function InputSeparatorComponent() {
-        this.hostClass = true;
-    }
-    tslib_1.__decorate([
-        HostBinding('class.k-input-separator'),
-        tslib_1.__metadata("design:type", Boolean)
-    ], InputSeparatorComponent.prototype, "hostClass", void 0);
-    InputSeparatorComponent = tslib_1.__decorate([
-        Component({
-            selector: 'kendo-input-separator, kendo-textbox-separator',
-            template: ""
-        })
-    ], InputSeparatorComponent);
-    return InputSeparatorComponent;
-}());
-export { InputSeparatorComponent };