@progress/kendo-angular-inputs 15.0.2-develop.5 → 15.0.2-develop.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -9,7 +9,7 @@ export const packageMetadata = {
|
|
|
9
9
|
name: '@progress/kendo-angular-inputs',
|
|
10
10
|
productName: 'Kendo UI for Angular',
|
|
11
11
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
12
|
-
publishDate:
|
|
13
|
-
version: '15.0.2-develop.
|
|
12
|
+
publishDate: 1707920216,
|
|
13
|
+
version: '15.0.2-develop.7',
|
|
14
14
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
15
15
|
};
|
|
@@ -5,11 +5,11 @@
|
|
|
5
5
|
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
6
6
|
import { isJapanese } from './../shared/utils';
|
|
7
7
|
import { NG_VALUE_ACCESSOR, NgControl } from '@angular/forms';
|
|
8
|
-
import { Component, ElementRef, forwardRef, Input, Output, EventEmitter, HostBinding, ViewChild, NgZone, ChangeDetectorRef, Injector, ContentChild, Renderer2
|
|
8
|
+
import { Component, ElementRef, forwardRef, Input, Output, EventEmitter, HostBinding, ViewChild, NgZone, ChangeDetectorRef, Injector, ContentChild, Renderer2 } from '@angular/core';
|
|
9
9
|
import { validatePackage } from '@progress/kendo-licensing';
|
|
10
10
|
import { packageMetadata } from '../package-metadata';
|
|
11
11
|
import { invokeElementMethod } from '../common/dom-utils';
|
|
12
|
-
import { areSame, requiresZoneOnBlur, getStylingClasses
|
|
12
|
+
import { areSame, requiresZoneOnBlur, getStylingClasses } from '../common/utils';
|
|
13
13
|
import { guid, hasObservers, KendoInput, isSafari, SuffixTemplateDirective, PrefixTemplateDirective } from '@progress/kendo-angular-common';
|
|
14
14
|
import { TextBoxSuffixTemplateDirective } from './textbox-suffix.directive';
|
|
15
15
|
import { TextBoxPrefixTemplateDirective } from './textbox-prefix.directive';
|
|
@@ -304,9 +304,8 @@ export class TextBoxComponent {
|
|
|
304
304
|
});
|
|
305
305
|
}
|
|
306
306
|
ngAfterContentInit() {
|
|
307
|
-
this.
|
|
308
|
-
this.
|
|
309
|
-
this.subscriptions.add(this.textBoxSuffixTemplate.changes.subscribe(this.configureAdornments.bind(this)));
|
|
307
|
+
this.prefix = this.textBoxPrefixTemplate || this.prefixTemplate;
|
|
308
|
+
this.suffix = this.textBoxSuffixTemplate || this.suffixTemplate;
|
|
310
309
|
}
|
|
311
310
|
ngOnChanges(changes) {
|
|
312
311
|
if (changes['disabled'] || changes['readonly'] || changes['value']) {
|
|
@@ -584,14 +583,6 @@ export class TextBoxComponent {
|
|
|
584
583
|
this.renderer.addClass(elem, classes.toAdd);
|
|
585
584
|
}
|
|
586
585
|
}
|
|
587
|
-
configureAdornments() {
|
|
588
|
-
if (isPresent(this.textBoxPrefixTemplate.first)) {
|
|
589
|
-
this.prefixTemplate = this.textBoxPrefixTemplate.first;
|
|
590
|
-
}
|
|
591
|
-
if (isPresent(this.textBoxSuffixTemplate.first)) {
|
|
592
|
-
this.suffixTemplate = this.textBoxSuffixTemplate.first;
|
|
593
|
-
}
|
|
594
|
-
}
|
|
595
586
|
}
|
|
596
587
|
TextBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TextBoxComponent, deps: [{ token: i1.LocalizationService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }, { token: i0.Injector }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
597
588
|
TextBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: TextBoxComponent, selector: "kendo-textbox", inputs: { focusableId: "focusableId", title: "title", type: "type", disabled: "disabled", readonly: "readonly", tabindex: "tabindex", value: "value", selectOnFocus: "selectOnFocus", showSuccessIcon: "showSuccessIcon", showErrorIcon: "showErrorIcon", clearButton: "clearButton", successIcon: "successIcon", successSvgIcon: "successSvgIcon", errorIcon: "errorIcon", errorSvgIcon: "errorSvgIcon", clearButtonIcon: "clearButtonIcon", clearButtonSvgIcon: "clearButtonSvgIcon", size: "size", rounded: "rounded", fillMode: "fillMode", tabIndex: "tabIndex", placeholder: "placeholder", maxlength: "maxlength" }, outputs: { valueChange: "valueChange", inputFocus: "inputFocus", inputBlur: "inputBlur", onFocus: "focus", onBlur: "blur" }, host: { properties: { "class.k-disabled": "this.disabledClass", "class.k-textbox": "this.hostClasses", "class.k-input": "this.hostClasses", "attr.dir": "this.direction" } }, providers: [
|
|
@@ -603,7 +594,7 @@ TextBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versi
|
|
|
603
594
|
multi: true
|
|
604
595
|
},
|
|
605
596
|
{ provide: KendoInput, useExisting: forwardRef(() => TextBoxComponent) }
|
|
606
|
-
], queries: [{ propertyName: "
|
|
597
|
+
], queries: [{ propertyName: "textBoxSuffixTemplate", first: true, predicate: TextBoxSuffixTemplateDirective, descendants: true }, { propertyName: "textBoxPrefixTemplate", first: true, predicate: TextBoxPrefixTemplateDirective, descendants: true }, { propertyName: "suffixTemplate", first: true, predicate: SuffixTemplateDirective, descendants: true }, { propertyName: "prefixTemplate", first: true, predicate: PrefixTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true, static: true }], exportAs: ["kendoTextBox"], usesOnChanges: true, ngImport: i0, template: `
|
|
607
598
|
<ng-container kendoTextBoxLocalizedMessages
|
|
608
599
|
i18n-clear="kendo.textbox.clear|The title for the **Clear** button in the TextBox."
|
|
609
600
|
clear="Clear">
|
|
@@ -616,11 +607,11 @@ TextBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versi
|
|
|
616
607
|
(onFocus)="handleFocus()"
|
|
617
608
|
[clearButtonClicked]="clearButtonClicked"
|
|
618
609
|
>
|
|
619
|
-
<span *ngIf="
|
|
620
|
-
<ng-template [ngTemplateOutlet]="
|
|
610
|
+
<span *ngIf="prefix" class="k-input-prefix k-input-prefix-horizontal">
|
|
611
|
+
<ng-template [ngTemplateOutlet]="prefix?.templateRef">
|
|
621
612
|
</ng-template>
|
|
622
613
|
</span>
|
|
623
|
-
<kendo-input-separator *ngIf="
|
|
614
|
+
<kendo-input-separator *ngIf="prefix && prefix.showSeparator"></kendo-input-separator>
|
|
624
615
|
<input #input
|
|
625
616
|
class="k-input-inner"
|
|
626
617
|
[id]="focusableId"
|
|
@@ -672,9 +663,9 @@ TextBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versi
|
|
|
672
663
|
[svgIcon]="successSvgIcon || svgIcon('checkIcon')"
|
|
673
664
|
>
|
|
674
665
|
</kendo-icon-wrapper>
|
|
675
|
-
<kendo-input-separator *ngIf="
|
|
676
|
-
<span *ngIf="
|
|
677
|
-
<ng-template [ngTemplateOutlet]="
|
|
666
|
+
<kendo-input-separator *ngIf="suffix && suffix.showSeparator"></kendo-input-separator>
|
|
667
|
+
<span *ngIf="suffix" class="k-input-suffix k-input-suffix-horizontal">
|
|
668
|
+
<ng-template [ngTemplateOutlet]="suffix?.templateRef">
|
|
678
669
|
</ng-template>
|
|
679
670
|
</span>
|
|
680
671
|
<ng-container>
|
|
@@ -707,11 +698,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
707
698
|
(onFocus)="handleFocus()"
|
|
708
699
|
[clearButtonClicked]="clearButtonClicked"
|
|
709
700
|
>
|
|
710
|
-
<span *ngIf="
|
|
711
|
-
<ng-template [ngTemplateOutlet]="
|
|
701
|
+
<span *ngIf="prefix" class="k-input-prefix k-input-prefix-horizontal">
|
|
702
|
+
<ng-template [ngTemplateOutlet]="prefix?.templateRef">
|
|
712
703
|
</ng-template>
|
|
713
704
|
</span>
|
|
714
|
-
<kendo-input-separator *ngIf="
|
|
705
|
+
<kendo-input-separator *ngIf="prefix && prefix.showSeparator"></kendo-input-separator>
|
|
715
706
|
<input #input
|
|
716
707
|
class="k-input-inner"
|
|
717
708
|
[id]="focusableId"
|
|
@@ -763,9 +754,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
763
754
|
[svgIcon]="successSvgIcon || svgIcon('checkIcon')"
|
|
764
755
|
>
|
|
765
756
|
</kendo-icon-wrapper>
|
|
766
|
-
<kendo-input-separator *ngIf="
|
|
767
|
-
<span *ngIf="
|
|
768
|
-
<ng-template [ngTemplateOutlet]="
|
|
757
|
+
<kendo-input-separator *ngIf="suffix && suffix.showSeparator"></kendo-input-separator>
|
|
758
|
+
<span *ngIf="suffix" class="k-input-suffix k-input-suffix-horizontal">
|
|
759
|
+
<ng-template [ngTemplateOutlet]="suffix?.templateRef">
|
|
769
760
|
</ng-template>
|
|
770
761
|
</span>
|
|
771
762
|
<ng-container>
|
|
@@ -833,11 +824,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
833
824
|
type: ViewChild,
|
|
834
825
|
args: ['input', { static: true }]
|
|
835
826
|
}], textBoxSuffixTemplate: [{
|
|
836
|
-
type:
|
|
837
|
-
args: [TextBoxSuffixTemplateDirective
|
|
827
|
+
type: ContentChild,
|
|
828
|
+
args: [TextBoxSuffixTemplateDirective]
|
|
838
829
|
}], textBoxPrefixTemplate: [{
|
|
839
|
-
type:
|
|
840
|
-
args: [TextBoxPrefixTemplateDirective
|
|
830
|
+
type: ContentChild,
|
|
831
|
+
args: [TextBoxPrefixTemplateDirective]
|
|
841
832
|
}], suffixTemplate: [{
|
|
842
833
|
type: ContentChild,
|
|
843
834
|
args: [SuffixTemplateDirective]
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
import * as i0 from '@angular/core';
|
|
6
|
-
import { isDevMode, Directive, Optional, EventEmitter, ElementRef, Component, Input, Output, HostBinding, ViewChild, ContentChild, ViewChildren, forwardRef, Inject, Injectable, HostListener, NgModule,
|
|
6
|
+
import { isDevMode, Directive, Optional, EventEmitter, ElementRef, Component, Input, Output, HostBinding, ViewChild, ContentChild, ViewChildren, forwardRef, Inject, Injectable, HostListener, NgModule, ViewContainerRef, ContentChildren, ChangeDetectionStrategy } from '@angular/core';
|
|
7
7
|
import { NgControl, NG_VALUE_ACCESSOR, NG_VALIDATORS, RadioControlValueAccessor } from '@angular/forms';
|
|
8
8
|
import { Subscription, fromEvent, interval, merge, BehaviorSubject, Subject } from 'rxjs';
|
|
9
9
|
import { take, filter, concatMap, startWith, takeUntil, skip, debounceTime, throttleTime } from 'rxjs/operators';
|
|
@@ -538,8 +538,8 @@ const packageMetadata = {
|
|
|
538
538
|
name: '@progress/kendo-angular-inputs',
|
|
539
539
|
productName: 'Kendo UI for Angular',
|
|
540
540
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
541
|
-
publishDate:
|
|
542
|
-
version: '15.0.2-develop.
|
|
541
|
+
publishDate: 1707920216,
|
|
542
|
+
version: '15.0.2-develop.7',
|
|
543
543
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
544
544
|
};
|
|
545
545
|
|
|
@@ -6947,9 +6947,8 @@ class TextBoxComponent {
|
|
|
6947
6947
|
});
|
|
6948
6948
|
}
|
|
6949
6949
|
ngAfterContentInit() {
|
|
6950
|
-
this.
|
|
6951
|
-
this.
|
|
6952
|
-
this.subscriptions.add(this.textBoxSuffixTemplate.changes.subscribe(this.configureAdornments.bind(this)));
|
|
6950
|
+
this.prefix = this.textBoxPrefixTemplate || this.prefixTemplate;
|
|
6951
|
+
this.suffix = this.textBoxSuffixTemplate || this.suffixTemplate;
|
|
6953
6952
|
}
|
|
6954
6953
|
ngOnChanges(changes) {
|
|
6955
6954
|
if (changes['disabled'] || changes['readonly'] || changes['value']) {
|
|
@@ -7227,14 +7226,6 @@ class TextBoxComponent {
|
|
|
7227
7226
|
this.renderer.addClass(elem, classes.toAdd);
|
|
7228
7227
|
}
|
|
7229
7228
|
}
|
|
7230
|
-
configureAdornments() {
|
|
7231
|
-
if (isPresent(this.textBoxPrefixTemplate.first)) {
|
|
7232
|
-
this.prefixTemplate = this.textBoxPrefixTemplate.first;
|
|
7233
|
-
}
|
|
7234
|
-
if (isPresent(this.textBoxSuffixTemplate.first)) {
|
|
7235
|
-
this.suffixTemplate = this.textBoxSuffixTemplate.first;
|
|
7236
|
-
}
|
|
7237
|
-
}
|
|
7238
7229
|
}
|
|
7239
7230
|
TextBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TextBoxComponent, deps: [{ token: i1.LocalizationService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }, { token: i0.Injector }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
7240
7231
|
TextBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: TextBoxComponent, selector: "kendo-textbox", inputs: { focusableId: "focusableId", title: "title", type: "type", disabled: "disabled", readonly: "readonly", tabindex: "tabindex", value: "value", selectOnFocus: "selectOnFocus", showSuccessIcon: "showSuccessIcon", showErrorIcon: "showErrorIcon", clearButton: "clearButton", successIcon: "successIcon", successSvgIcon: "successSvgIcon", errorIcon: "errorIcon", errorSvgIcon: "errorSvgIcon", clearButtonIcon: "clearButtonIcon", clearButtonSvgIcon: "clearButtonSvgIcon", size: "size", rounded: "rounded", fillMode: "fillMode", tabIndex: "tabIndex", placeholder: "placeholder", maxlength: "maxlength" }, outputs: { valueChange: "valueChange", inputFocus: "inputFocus", inputBlur: "inputBlur", onFocus: "focus", onBlur: "blur" }, host: { properties: { "class.k-disabled": "this.disabledClass", "class.k-textbox": "this.hostClasses", "class.k-input": "this.hostClasses", "attr.dir": "this.direction" } }, providers: [
|
|
@@ -7246,7 +7237,7 @@ TextBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versi
|
|
|
7246
7237
|
multi: true
|
|
7247
7238
|
},
|
|
7248
7239
|
{ provide: KendoInput, useExisting: forwardRef(() => TextBoxComponent) }
|
|
7249
|
-
], queries: [{ propertyName: "
|
|
7240
|
+
], queries: [{ propertyName: "textBoxSuffixTemplate", first: true, predicate: TextBoxSuffixTemplateDirective, descendants: true }, { propertyName: "textBoxPrefixTemplate", first: true, predicate: TextBoxPrefixTemplateDirective, descendants: true }, { propertyName: "suffixTemplate", first: true, predicate: SuffixTemplateDirective, descendants: true }, { propertyName: "prefixTemplate", first: true, predicate: PrefixTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true, static: true }], exportAs: ["kendoTextBox"], usesOnChanges: true, ngImport: i0, template: `
|
|
7250
7241
|
<ng-container kendoTextBoxLocalizedMessages
|
|
7251
7242
|
i18n-clear="kendo.textbox.clear|The title for the **Clear** button in the TextBox."
|
|
7252
7243
|
clear="Clear">
|
|
@@ -7259,11 +7250,11 @@ TextBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versi
|
|
|
7259
7250
|
(onFocus)="handleFocus()"
|
|
7260
7251
|
[clearButtonClicked]="clearButtonClicked"
|
|
7261
7252
|
>
|
|
7262
|
-
<span *ngIf="
|
|
7263
|
-
<ng-template [ngTemplateOutlet]="
|
|
7253
|
+
<span *ngIf="prefix" class="k-input-prefix k-input-prefix-horizontal">
|
|
7254
|
+
<ng-template [ngTemplateOutlet]="prefix?.templateRef">
|
|
7264
7255
|
</ng-template>
|
|
7265
7256
|
</span>
|
|
7266
|
-
<kendo-input-separator *ngIf="
|
|
7257
|
+
<kendo-input-separator *ngIf="prefix && prefix.showSeparator"></kendo-input-separator>
|
|
7267
7258
|
<input #input
|
|
7268
7259
|
class="k-input-inner"
|
|
7269
7260
|
[id]="focusableId"
|
|
@@ -7315,9 +7306,9 @@ TextBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versi
|
|
|
7315
7306
|
[svgIcon]="successSvgIcon || svgIcon('checkIcon')"
|
|
7316
7307
|
>
|
|
7317
7308
|
</kendo-icon-wrapper>
|
|
7318
|
-
<kendo-input-separator *ngIf="
|
|
7319
|
-
<span *ngIf="
|
|
7320
|
-
<ng-template [ngTemplateOutlet]="
|
|
7309
|
+
<kendo-input-separator *ngIf="suffix && suffix.showSeparator"></kendo-input-separator>
|
|
7310
|
+
<span *ngIf="suffix" class="k-input-suffix k-input-suffix-horizontal">
|
|
7311
|
+
<ng-template [ngTemplateOutlet]="suffix?.templateRef">
|
|
7321
7312
|
</ng-template>
|
|
7322
7313
|
</span>
|
|
7323
7314
|
<ng-container>
|
|
@@ -7350,11 +7341,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
7350
7341
|
(onFocus)="handleFocus()"
|
|
7351
7342
|
[clearButtonClicked]="clearButtonClicked"
|
|
7352
7343
|
>
|
|
7353
|
-
<span *ngIf="
|
|
7354
|
-
<ng-template [ngTemplateOutlet]="
|
|
7344
|
+
<span *ngIf="prefix" class="k-input-prefix k-input-prefix-horizontal">
|
|
7345
|
+
<ng-template [ngTemplateOutlet]="prefix?.templateRef">
|
|
7355
7346
|
</ng-template>
|
|
7356
7347
|
</span>
|
|
7357
|
-
<kendo-input-separator *ngIf="
|
|
7348
|
+
<kendo-input-separator *ngIf="prefix && prefix.showSeparator"></kendo-input-separator>
|
|
7358
7349
|
<input #input
|
|
7359
7350
|
class="k-input-inner"
|
|
7360
7351
|
[id]="focusableId"
|
|
@@ -7406,9 +7397,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
7406
7397
|
[svgIcon]="successSvgIcon || svgIcon('checkIcon')"
|
|
7407
7398
|
>
|
|
7408
7399
|
</kendo-icon-wrapper>
|
|
7409
|
-
<kendo-input-separator *ngIf="
|
|
7410
|
-
<span *ngIf="
|
|
7411
|
-
<ng-template [ngTemplateOutlet]="
|
|
7400
|
+
<kendo-input-separator *ngIf="suffix && suffix.showSeparator"></kendo-input-separator>
|
|
7401
|
+
<span *ngIf="suffix" class="k-input-suffix k-input-suffix-horizontal">
|
|
7402
|
+
<ng-template [ngTemplateOutlet]="suffix?.templateRef">
|
|
7412
7403
|
</ng-template>
|
|
7413
7404
|
</span>
|
|
7414
7405
|
<ng-container>
|
|
@@ -7476,11 +7467,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
7476
7467
|
type: ViewChild,
|
|
7477
7468
|
args: ['input', { static: true }]
|
|
7478
7469
|
}], textBoxSuffixTemplate: [{
|
|
7479
|
-
type:
|
|
7480
|
-
args: [TextBoxSuffixTemplateDirective
|
|
7470
|
+
type: ContentChild,
|
|
7471
|
+
args: [TextBoxSuffixTemplateDirective]
|
|
7481
7472
|
}], textBoxPrefixTemplate: [{
|
|
7482
|
-
type:
|
|
7483
|
-
args: [TextBoxPrefixTemplateDirective
|
|
7473
|
+
type: ContentChild,
|
|
7474
|
+
args: [TextBoxPrefixTemplateDirective]
|
|
7484
7475
|
}], suffixTemplate: [{
|
|
7485
7476
|
type: ContentChild,
|
|
7486
7477
|
args: [SuffixTemplateDirective]
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
import * as i0 from '@angular/core';
|
|
6
|
-
import { isDevMode, Directive, Optional, EventEmitter, ElementRef, Component, Input, Output, HostBinding, ViewChild, ContentChild, ViewChildren, forwardRef, Inject, Injectable, HostListener, NgModule,
|
|
6
|
+
import { isDevMode, Directive, Optional, EventEmitter, ElementRef, Component, Input, Output, HostBinding, ViewChild, ContentChild, ViewChildren, forwardRef, Inject, Injectable, HostListener, NgModule, ViewContainerRef, ContentChildren, ChangeDetectionStrategy } from '@angular/core';
|
|
7
7
|
import { NgControl, NG_VALUE_ACCESSOR, NG_VALIDATORS, RadioControlValueAccessor } from '@angular/forms';
|
|
8
8
|
import { Subscription, fromEvent, interval, merge, BehaviorSubject, Subject } from 'rxjs';
|
|
9
9
|
import { take, filter, concatMap, startWith, takeUntil, skip, debounceTime, throttleTime } from 'rxjs/operators';
|
|
@@ -537,8 +537,8 @@ const packageMetadata = {
|
|
|
537
537
|
name: '@progress/kendo-angular-inputs',
|
|
538
538
|
productName: 'Kendo UI for Angular',
|
|
539
539
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
540
|
-
publishDate:
|
|
541
|
-
version: '15.0.2-develop.
|
|
540
|
+
publishDate: 1707920216,
|
|
541
|
+
version: '15.0.2-develop.7',
|
|
542
542
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
543
543
|
};
|
|
544
544
|
|
|
@@ -6934,9 +6934,8 @@ class TextBoxComponent {
|
|
|
6934
6934
|
});
|
|
6935
6935
|
}
|
|
6936
6936
|
ngAfterContentInit() {
|
|
6937
|
-
this.
|
|
6938
|
-
this.
|
|
6939
|
-
this.subscriptions.add(this.textBoxSuffixTemplate.changes.subscribe(this.configureAdornments.bind(this)));
|
|
6937
|
+
this.prefix = this.textBoxPrefixTemplate || this.prefixTemplate;
|
|
6938
|
+
this.suffix = this.textBoxSuffixTemplate || this.suffixTemplate;
|
|
6940
6939
|
}
|
|
6941
6940
|
ngOnChanges(changes) {
|
|
6942
6941
|
if (changes['disabled'] || changes['readonly'] || changes['value']) {
|
|
@@ -7214,14 +7213,6 @@ class TextBoxComponent {
|
|
|
7214
7213
|
this.renderer.addClass(elem, classes.toAdd);
|
|
7215
7214
|
}
|
|
7216
7215
|
}
|
|
7217
|
-
configureAdornments() {
|
|
7218
|
-
if (isPresent(this.textBoxPrefixTemplate.first)) {
|
|
7219
|
-
this.prefixTemplate = this.textBoxPrefixTemplate.first;
|
|
7220
|
-
}
|
|
7221
|
-
if (isPresent(this.textBoxSuffixTemplate.first)) {
|
|
7222
|
-
this.suffixTemplate = this.textBoxSuffixTemplate.first;
|
|
7223
|
-
}
|
|
7224
|
-
}
|
|
7225
7216
|
}
|
|
7226
7217
|
TextBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TextBoxComponent, deps: [{ token: i1.LocalizationService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }, { token: i0.Injector }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
7227
7218
|
TextBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: TextBoxComponent, selector: "kendo-textbox", inputs: { focusableId: "focusableId", title: "title", type: "type", disabled: "disabled", readonly: "readonly", tabindex: "tabindex", value: "value", selectOnFocus: "selectOnFocus", showSuccessIcon: "showSuccessIcon", showErrorIcon: "showErrorIcon", clearButton: "clearButton", successIcon: "successIcon", successSvgIcon: "successSvgIcon", errorIcon: "errorIcon", errorSvgIcon: "errorSvgIcon", clearButtonIcon: "clearButtonIcon", clearButtonSvgIcon: "clearButtonSvgIcon", size: "size", rounded: "rounded", fillMode: "fillMode", tabIndex: "tabIndex", placeholder: "placeholder", maxlength: "maxlength" }, outputs: { valueChange: "valueChange", inputFocus: "inputFocus", inputBlur: "inputBlur", onFocus: "focus", onBlur: "blur" }, host: { properties: { "class.k-disabled": "this.disabledClass", "class.k-textbox": "this.hostClasses", "class.k-input": "this.hostClasses", "attr.dir": "this.direction" } }, providers: [
|
|
@@ -7233,7 +7224,7 @@ TextBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versi
|
|
|
7233
7224
|
multi: true
|
|
7234
7225
|
},
|
|
7235
7226
|
{ provide: KendoInput, useExisting: forwardRef(() => TextBoxComponent) }
|
|
7236
|
-
], queries: [{ propertyName: "
|
|
7227
|
+
], queries: [{ propertyName: "textBoxSuffixTemplate", first: true, predicate: TextBoxSuffixTemplateDirective, descendants: true }, { propertyName: "textBoxPrefixTemplate", first: true, predicate: TextBoxPrefixTemplateDirective, descendants: true }, { propertyName: "suffixTemplate", first: true, predicate: SuffixTemplateDirective, descendants: true }, { propertyName: "prefixTemplate", first: true, predicate: PrefixTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true, static: true }], exportAs: ["kendoTextBox"], usesOnChanges: true, ngImport: i0, template: `
|
|
7237
7228
|
<ng-container kendoTextBoxLocalizedMessages
|
|
7238
7229
|
i18n-clear="kendo.textbox.clear|The title for the **Clear** button in the TextBox."
|
|
7239
7230
|
clear="Clear">
|
|
@@ -7246,11 +7237,11 @@ TextBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versi
|
|
|
7246
7237
|
(onFocus)="handleFocus()"
|
|
7247
7238
|
[clearButtonClicked]="clearButtonClicked"
|
|
7248
7239
|
>
|
|
7249
|
-
<span *ngIf="
|
|
7250
|
-
<ng-template [ngTemplateOutlet]="
|
|
7240
|
+
<span *ngIf="prefix" class="k-input-prefix k-input-prefix-horizontal">
|
|
7241
|
+
<ng-template [ngTemplateOutlet]="prefix?.templateRef">
|
|
7251
7242
|
</ng-template>
|
|
7252
7243
|
</span>
|
|
7253
|
-
<kendo-input-separator *ngIf="
|
|
7244
|
+
<kendo-input-separator *ngIf="prefix && prefix.showSeparator"></kendo-input-separator>
|
|
7254
7245
|
<input #input
|
|
7255
7246
|
class="k-input-inner"
|
|
7256
7247
|
[id]="focusableId"
|
|
@@ -7302,9 +7293,9 @@ TextBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versi
|
|
|
7302
7293
|
[svgIcon]="successSvgIcon || svgIcon('checkIcon')"
|
|
7303
7294
|
>
|
|
7304
7295
|
</kendo-icon-wrapper>
|
|
7305
|
-
<kendo-input-separator *ngIf="
|
|
7306
|
-
<span *ngIf="
|
|
7307
|
-
<ng-template [ngTemplateOutlet]="
|
|
7296
|
+
<kendo-input-separator *ngIf="suffix && suffix.showSeparator"></kendo-input-separator>
|
|
7297
|
+
<span *ngIf="suffix" class="k-input-suffix k-input-suffix-horizontal">
|
|
7298
|
+
<ng-template [ngTemplateOutlet]="suffix?.templateRef">
|
|
7308
7299
|
</ng-template>
|
|
7309
7300
|
</span>
|
|
7310
7301
|
<ng-container>
|
|
@@ -7337,11 +7328,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
7337
7328
|
(onFocus)="handleFocus()"
|
|
7338
7329
|
[clearButtonClicked]="clearButtonClicked"
|
|
7339
7330
|
>
|
|
7340
|
-
<span *ngIf="
|
|
7341
|
-
<ng-template [ngTemplateOutlet]="
|
|
7331
|
+
<span *ngIf="prefix" class="k-input-prefix k-input-prefix-horizontal">
|
|
7332
|
+
<ng-template [ngTemplateOutlet]="prefix?.templateRef">
|
|
7342
7333
|
</ng-template>
|
|
7343
7334
|
</span>
|
|
7344
|
-
<kendo-input-separator *ngIf="
|
|
7335
|
+
<kendo-input-separator *ngIf="prefix && prefix.showSeparator"></kendo-input-separator>
|
|
7345
7336
|
<input #input
|
|
7346
7337
|
class="k-input-inner"
|
|
7347
7338
|
[id]="focusableId"
|
|
@@ -7393,9 +7384,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
7393
7384
|
[svgIcon]="successSvgIcon || svgIcon('checkIcon')"
|
|
7394
7385
|
>
|
|
7395
7386
|
</kendo-icon-wrapper>
|
|
7396
|
-
<kendo-input-separator *ngIf="
|
|
7397
|
-
<span *ngIf="
|
|
7398
|
-
<ng-template [ngTemplateOutlet]="
|
|
7387
|
+
<kendo-input-separator *ngIf="suffix && suffix.showSeparator"></kendo-input-separator>
|
|
7388
|
+
<span *ngIf="suffix" class="k-input-suffix k-input-suffix-horizontal">
|
|
7389
|
+
<ng-template [ngTemplateOutlet]="suffix?.templateRef">
|
|
7399
7390
|
</ng-template>
|
|
7400
7391
|
</span>
|
|
7401
7392
|
<ng-container>
|
|
@@ -7463,11 +7454,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
7463
7454
|
type: ViewChild,
|
|
7464
7455
|
args: ['input', { static: true }]
|
|
7465
7456
|
}], textBoxSuffixTemplate: [{
|
|
7466
|
-
type:
|
|
7467
|
-
args: [TextBoxSuffixTemplateDirective
|
|
7457
|
+
type: ContentChild,
|
|
7458
|
+
args: [TextBoxSuffixTemplateDirective]
|
|
7468
7459
|
}], textBoxPrefixTemplate: [{
|
|
7469
|
-
type:
|
|
7470
|
-
args: [TextBoxPrefixTemplateDirective
|
|
7460
|
+
type: ContentChild,
|
|
7461
|
+
args: [TextBoxPrefixTemplateDirective]
|
|
7471
7462
|
}], suffixTemplate: [{
|
|
7472
7463
|
type: ContentChild,
|
|
7473
7464
|
args: [SuffixTemplateDirective]
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-angular-inputs",
|
|
3
|
-
"version": "15.0.2-develop.
|
|
3
|
+
"version": "15.0.2-develop.7",
|
|
4
4
|
"description": "Kendo UI for Angular Inputs Package - Everything you need to build professional form functionality (Checkbox, ColorGradient, ColorPalette, ColorPicker, FlatColorPicker, FormField, MaskedTextBox, NumericTextBox, RadioButton, RangeSlider, Slider, Switch, TextArea, and TextBox Components)",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"author": "Progress",
|
|
@@ -34,19 +34,19 @@
|
|
|
34
34
|
"@angular/platform-browser": "13 - 17",
|
|
35
35
|
"@progress/kendo-drawing": "^1.19.0",
|
|
36
36
|
"@progress/kendo-licensing": "^1.0.2",
|
|
37
|
-
"@progress/kendo-angular-buttons": "15.0.2-develop.
|
|
38
|
-
"@progress/kendo-angular-common": "15.0.2-develop.
|
|
39
|
-
"@progress/kendo-angular-dialog": "15.0.2-develop.
|
|
40
|
-
"@progress/kendo-angular-intl": "15.0.2-develop.
|
|
41
|
-
"@progress/kendo-angular-l10n": "15.0.2-develop.
|
|
42
|
-
"@progress/kendo-angular-popup": "15.0.2-develop.
|
|
43
|
-
"@progress/kendo-angular-icons": "15.0.2-develop.
|
|
37
|
+
"@progress/kendo-angular-buttons": "15.0.2-develop.7",
|
|
38
|
+
"@progress/kendo-angular-common": "15.0.2-develop.7",
|
|
39
|
+
"@progress/kendo-angular-dialog": "15.0.2-develop.7",
|
|
40
|
+
"@progress/kendo-angular-intl": "15.0.2-develop.7",
|
|
41
|
+
"@progress/kendo-angular-l10n": "15.0.2-develop.7",
|
|
42
|
+
"@progress/kendo-angular-popup": "15.0.2-develop.7",
|
|
43
|
+
"@progress/kendo-angular-icons": "15.0.2-develop.7",
|
|
44
44
|
"rxjs": "^6.5.3 || ^7.0.0",
|
|
45
|
-
"@progress/kendo-angular-upload": "15.0.2-develop.
|
|
45
|
+
"@progress/kendo-angular-upload": "15.0.2-develop.7"
|
|
46
46
|
},
|
|
47
47
|
"dependencies": {
|
|
48
48
|
"tslib": "^2.3.1",
|
|
49
|
-
"@progress/kendo-angular-schematics": "15.0.2-develop.
|
|
49
|
+
"@progress/kendo-angular-schematics": "15.0.2-develop.7",
|
|
50
50
|
"@progress/kendo-common": "^0.2.2",
|
|
51
51
|
"@progress/kendo-draggable": "^3.0.0",
|
|
52
52
|
"@progress/kendo-inputs-common": "^3.1.0"
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
import { Subscription } from 'rxjs';
|
|
6
6
|
import { ControlValueAccessor, NgControl } from '@angular/forms';
|
|
7
|
-
import { ElementRef, EventEmitter, NgZone, ChangeDetectorRef, Injector, Renderer2, SimpleChanges
|
|
7
|
+
import { ElementRef, EventEmitter, NgZone, ChangeDetectorRef, Injector, Renderer2, SimpleChanges } from '@angular/core';
|
|
8
8
|
import { IconShowOptions } from './models/icon-show-options';
|
|
9
9
|
import { SuffixTemplateDirective, PrefixTemplateDirective } from '@progress/kendo-angular-common';
|
|
10
10
|
import { TextBoxSuffixTemplateDirective } from './textbox-suffix.directive';
|
|
@@ -230,11 +230,11 @@ export declare class TextBoxComponent implements ControlValueAccessor {
|
|
|
230
230
|
/**
|
|
231
231
|
* @hidden
|
|
232
232
|
*/
|
|
233
|
-
textBoxSuffixTemplate:
|
|
233
|
+
textBoxSuffixTemplate: TextBoxSuffixTemplateDirective;
|
|
234
234
|
/**
|
|
235
235
|
* @hidden
|
|
236
236
|
*/
|
|
237
|
-
textBoxPrefixTemplate:
|
|
237
|
+
textBoxPrefixTemplate: TextBoxPrefixTemplateDirective;
|
|
238
238
|
/**
|
|
239
239
|
* @hidden
|
|
240
240
|
*/
|
|
@@ -254,6 +254,14 @@ export declare class TextBoxComponent implements ControlValueAccessor {
|
|
|
254
254
|
* @hidden
|
|
255
255
|
*/
|
|
256
256
|
clearButtonClicked: boolean;
|
|
257
|
+
/**
|
|
258
|
+
* @hidden
|
|
259
|
+
*/
|
|
260
|
+
suffix: TextBoxSuffixTemplateDirective | SuffixTemplateDirective;
|
|
261
|
+
/**
|
|
262
|
+
* @hidden
|
|
263
|
+
*/
|
|
264
|
+
prefix: TextBoxPrefixTemplateDirective | PrefixTemplateDirective;
|
|
257
265
|
protected control: NgControl;
|
|
258
266
|
protected subscriptions: Subscription;
|
|
259
267
|
private _isFocused;
|
|
@@ -401,7 +409,6 @@ export declare class TextBoxComponent implements ControlValueAccessor {
|
|
|
401
409
|
*/
|
|
402
410
|
handleBlur(): void;
|
|
403
411
|
private handleClasses;
|
|
404
|
-
private configureAdornments;
|
|
405
412
|
static ɵfac: i0.ɵɵFactoryDeclaration<TextBoxComponent, never>;
|
|
406
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TextBoxComponent, "kendo-textbox", ["kendoTextBox"], { "focusableId": "focusableId"; "title": "title"; "type": "type"; "disabled": "disabled"; "readonly": "readonly"; "tabindex": "tabindex"; "value": "value"; "selectOnFocus": "selectOnFocus"; "showSuccessIcon": "showSuccessIcon"; "showErrorIcon": "showErrorIcon"; "clearButton": "clearButton"; "successIcon": "successIcon"; "successSvgIcon": "successSvgIcon"; "errorIcon": "errorIcon"; "errorSvgIcon": "errorSvgIcon"; "clearButtonIcon": "clearButtonIcon"; "clearButtonSvgIcon": "clearButtonSvgIcon"; "size": "size"; "rounded": "rounded"; "fillMode": "fillMode"; "tabIndex": "tabIndex"; "placeholder": "placeholder"; "maxlength": "maxlength"; }, { "valueChange": "valueChange"; "inputFocus": "inputFocus"; "inputBlur": "inputBlur"; "onFocus": "focus"; "onBlur": "blur"; }, ["
|
|
413
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TextBoxComponent, "kendo-textbox", ["kendoTextBox"], { "focusableId": "focusableId"; "title": "title"; "type": "type"; "disabled": "disabled"; "readonly": "readonly"; "tabindex": "tabindex"; "value": "value"; "selectOnFocus": "selectOnFocus"; "showSuccessIcon": "showSuccessIcon"; "showErrorIcon": "showErrorIcon"; "clearButton": "clearButton"; "successIcon": "successIcon"; "successSvgIcon": "successSvgIcon"; "errorIcon": "errorIcon"; "errorSvgIcon": "errorSvgIcon"; "clearButtonIcon": "clearButtonIcon"; "clearButtonSvgIcon": "clearButtonSvgIcon"; "size": "size"; "rounded": "rounded"; "fillMode": "fillMode"; "tabIndex": "tabIndex"; "placeholder": "placeholder"; "maxlength": "maxlength"; }, { "valueChange": "valueChange"; "inputFocus": "inputFocus"; "inputBlur": "inputBlur"; "onFocus": "focus"; "onBlur": "blur"; }, ["textBoxSuffixTemplate", "textBoxPrefixTemplate", "suffixTemplate", "prefixTemplate"], never>;
|
|
407
414
|
}
|