@kris701/ez-ui 1.3.3 → 1.3.4

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.
Files changed (4) hide show
  1. package/fesm2022/kris701-ez-ui.mjs +55 -28
  2. package/fesm2022/kris701-ez-ui.mjs.map +1 -1
  3. package/package.json +1 -1
  4. package/types/kris701-ez-ui.d.ts +18 -9
package/fesm2022/kris701-ez-ui.mjs CHANGED
@@ -111,6 +111,7 @@ class EzUIDateInput {
111
111
  valueChange = new EventEmitter();
112
112
  internalValue = signal(null, /* @ts-ignore */
113
113
  ...(ngDevMode ? [{ debugName: "internalValue" }] : /* istanbul ignore next */ []));
114
+ showClear = true;
114
115
  ngOnChanges(changes) {
115
116
  if (changes['value'] && changes['value'].currentValue != changes['value'].previousValue) {
116
117
  this.value = changes['value'].currentValue;
@@ -140,8 +141,8 @@ class EzUIDateInput {
140
141
  return null;
141
142
  }
142
143
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: EzUIDateInput, deps: [], target: i0.ɵɵFactoryTarget.Component });
143
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.0", type: EzUIDateInput, isStandalone: true, selector: "ezui-dateinput", inputs: { icon: "icon", label: "label", size: "size", disabled: "disabled", min: "min", max: "max", value: "value" }, outputs: { valueChange: "valueChange" }, usesOnChanges: true, ngImport: i0, template: `
144
- <tui-textfield [tuiTextfieldSize]="size" [iconStart]="icon" tuiDropdownSheet>
144
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.0", type: EzUIDateInput, isStandalone: true, selector: "ezui-dateinput", inputs: { icon: "icon", label: "label", size: "size", disabled: "disabled", min: "min", max: "max", value: "value", showClear: "showClear" }, outputs: { valueChange: "valueChange" }, usesOnChanges: true, ngImport: i0, template: `
145
+ <tui-textfield [tuiTextfieldSize]="size" [iconStart]="icon" tuiDropdownSheet [tuiTextfieldCleaner]="showClear">
145
146
  @if(label){
146
147
  <label tuiLabel>{{label}}</label>
147
148
  }
@@ -158,7 +159,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
158
159
  TuiInputDate,
159
160
  TuiDropdownSheet
160
161
  ], template: `
161
- <tui-textfield [tuiTextfieldSize]="size" [iconStart]="icon" tuiDropdownSheet>
162
+ <tui-textfield [tuiTextfieldSize]="size" [iconStart]="icon" tuiDropdownSheet [tuiTextfieldCleaner]="showClear">
162
163
  @if(label){
163
164
  <label tuiLabel>{{label}}</label>
164
165
  }
@@ -182,6 +183,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
182
183
  type: Input
183
184
  }], valueChange: [{
184
185
  type: Output
186
+ }], showClear: [{
187
+ type: Input
185
188
  }] } });
186
189
 
187
190
  class EzUIDateTimeInput {
@@ -199,6 +202,7 @@ class EzUIDateTimeInput {
199
202
  valueChange = new EventEmitter();
200
203
  internalValue = signal(null, /* @ts-ignore */
201
204
  ...(ngDevMode ? [{ debugName: "internalValue" }] : /* istanbul ignore next */ []));
205
+ showClear = true;
202
206
  ngOnChanges(changes) {
203
207
  if (changes['value'] && changes['value'].currentValue != changes['value'].previousValue) {
204
208
  this.value = changes['value'].currentValue;
@@ -268,8 +272,8 @@ class EzUIDateTimeInput {
268
272
  return null;
269
273
  }
270
274
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: EzUIDateTimeInput, deps: [], target: i0.ɵɵFactoryTarget.Component });
271
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.0", type: EzUIDateTimeInput, isStandalone: true, selector: "ezui-datetimeinput", inputs: { icon: "icon", label: "label", size: "size", disabled: "disabled", min: "min", max: "max", value: "value" }, outputs: { valueChange: "valueChange" }, usesOnChanges: true, ngImport: i0, template: `
272
- <tui-textfield [tuiTextfieldSize]="size" [iconStart]="icon" tuiDropdownSheet>>
275
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.0", type: EzUIDateTimeInput, isStandalone: true, selector: "ezui-datetimeinput", inputs: { icon: "icon", label: "label", size: "size", disabled: "disabled", min: "min", max: "max", value: "value", showClear: "showClear" }, outputs: { valueChange: "valueChange" }, usesOnChanges: true, ngImport: i0, template: `
276
+ <tui-textfield [tuiTextfieldSize]="size" [iconStart]="icon" tuiDropdownSheet [tuiTextfieldCleaner]="showClear">
273
277
  @if(label){
274
278
  <label tuiLabel>{{label}}</label>
275
279
  }
@@ -315,7 +319,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
315
319
  TuiButton,
316
320
  TuiDropdownSheet
317
321
  ], template: `
318
- <tui-textfield [tuiTextfieldSize]="size" [iconStart]="icon" tuiDropdownSheet>>
322
+ <tui-textfield [tuiTextfieldSize]="size" [iconStart]="icon" tuiDropdownSheet [tuiTextfieldCleaner]="showClear">
319
323
  @if(label){
320
324
  <label tuiLabel>{{label}}</label>
321
325
  }
@@ -367,6 +371,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
367
371
  type: Input
368
372
  }], valueChange: [{
369
373
  type: Output
374
+ }], showClear: [{
375
+ type: Input
370
376
  }] } });
371
377
 
372
378
  class EzUIDialog {
@@ -2295,14 +2301,15 @@ class EzUITextInput {
2295
2301
  disabled = false;
2296
2302
  value = "";
2297
2303
  valueChange = new EventEmitter();
2304
+ showClear = true;
2298
2305
  ngOnChanges(changes) {
2299
2306
  if (changes['value'] && changes['value'].currentValue != changes['value'].previousValue) {
2300
2307
  this.value = changes['value'].currentValue;
2301
2308
  }
2302
2309
  }
2303
2310
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: EzUITextInput, deps: [], target: i0.ɵɵFactoryTarget.Component });
2304
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.0", type: EzUITextInput, isStandalone: true, selector: "ezui-textinput", inputs: { icon: "icon", label: "label", size: "size", disabled: "disabled", value: "value" }, outputs: { valueChange: "valueChange" }, usesOnChanges: true, ngImport: i0, template: `
2305
- <tui-textfield [tuiTextfieldSize]="size" [iconStart]="icon">
2311
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.0", type: EzUITextInput, isStandalone: true, selector: "ezui-textinput", inputs: { icon: "icon", label: "label", size: "size", disabled: "disabled", value: "value", showClear: "showClear" }, outputs: { valueChange: "valueChange" }, usesOnChanges: true, ngImport: i0, template: `
2312
+ <tui-textfield [tuiTextfieldSize]="size" [iconStart]="icon" [tuiTextfieldCleaner]="showClear">
2306
2313
  @if(label){
2307
2314
  <label tuiLabel>{{label}}</label>
2308
2315
  }
@@ -2317,7 +2324,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
2317
2324
  CommonModule,
2318
2325
  TuiInput
2319
2326
  ], template: `
2320
- <tui-textfield [tuiTextfieldSize]="size" [iconStart]="icon">
2327
+ <tui-textfield [tuiTextfieldSize]="size" [iconStart]="icon" [tuiTextfieldCleaner]="showClear">
2321
2328
  @if(label){
2322
2329
  <label tuiLabel>{{label}}</label>
2323
2330
  }
@@ -2336,6 +2343,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
2336
2343
  type: Input
2337
2344
  }], valueChange: [{
2338
2345
  type: Output
2346
+ }], showClear: [{
2347
+ type: Input
2339
2348
  }] } });
2340
2349
 
2341
2350
  class EzUIIconSelector {
@@ -2394,7 +2403,7 @@ class EzUIIconSelector {
2394
2403
  }
2395
2404
  </div>
2396
2405
  </ng-template>
2397
- `, isInline: true, styles: [".dropdown-container{display:flex;flex-direction:column;padding:10px;min-width:10rem;gap:5px}.dropdown-container .icon-container{display:flex;flex-wrap:wrap;gap:5px;max-width:80vw;max-height:30vh}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],label[tuiButton],a[tuiIconButton],button[tuiIconButton],label[tuiIconButton]", inputs: ["size"] }, { kind: "directive", type: i3$1.TuiDropdownDirective, selector: "[tuiDropdown]:not(ng-container):not(ng-template)", inputs: ["tuiDropdown"], exportAs: ["tuiDropdown"] }, { kind: "directive", type: i3$1.TuiDropdownOpen, selector: "[tuiDropdown][tuiDropdownAuto],[tuiDropdown][tuiDropdownOpen],[tuiDropdown][tuiDropdownOpenChange]", inputs: ["tuiDropdownEnabled", "tuiDropdownOpen"], outputs: ["tuiDropdownOpenChange"] }, { kind: "component", type: EzUITextInput, selector: "ezui-textinput", inputs: ["icon", "label", "size", "disabled", "value"], outputs: ["valueChange"] }] });
2406
+ `, isInline: true, styles: [".dropdown-container{display:flex;flex-direction:column;padding:10px;min-width:10rem;gap:5px}.dropdown-container .icon-container{display:flex;flex-wrap:wrap;gap:5px;max-width:80vw;max-height:30vh}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],label[tuiButton],a[tuiIconButton],button[tuiIconButton],label[tuiIconButton]", inputs: ["size"] }, { kind: "directive", type: i3$1.TuiDropdownDirective, selector: "[tuiDropdown]:not(ng-container):not(ng-template)", inputs: ["tuiDropdown"], exportAs: ["tuiDropdown"] }, { kind: "directive", type: i3$1.TuiDropdownOpen, selector: "[tuiDropdown][tuiDropdownAuto],[tuiDropdown][tuiDropdownOpen],[tuiDropdown][tuiDropdownOpenChange]", inputs: ["tuiDropdownEnabled", "tuiDropdownOpen"], outputs: ["tuiDropdownOpenChange"] }, { kind: "component", type: EzUITextInput, selector: "ezui-textinput", inputs: ["icon", "label", "size", "disabled", "value", "showClear"], outputs: ["valueChange"] }] });
2398
2407
  }
2399
2408
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: EzUIIconSelector, decorators: [{
2400
2409
  type: Component,
@@ -2991,6 +3000,7 @@ class EzUIMultiSelect {
2991
3000
  appearanceMap = {};
2992
3001
  enableSearch = false;
2993
3002
  searchValue = "";
3003
+ showClear = true;
2994
3004
  ngOnChanges(changes) {
2995
3005
  if (changes['selected'] && changes['selected'].currentValue != changes['selected'].previousValue) {
2996
3006
  this.selected = changes['selected'].currentValue;
@@ -3012,8 +3022,8 @@ class EzUIMultiSelect {
3012
3022
  return item[this.optionValue];
3013
3023
  }
3014
3024
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: EzUIMultiSelect, deps: [], target: i0.ɵɵFactoryTarget.Component });
3015
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.0", type: EzUIMultiSelect, isStandalone: true, selector: "ezui-multiselect", inputs: { icon: "icon", label: "label", size: "size", optionLabel: "optionLabel", optionValue: "optionValue", options: "options", disabled: "disabled", selected: "selected", appearanceMap: "appearanceMap", enableSearch: "enableSearch" }, outputs: { selectedChange: "selectedChange" }, queries: [{ propertyName: "itemTemplate", first: true, predicate: ["itemTemplate"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `
3016
- <tui-textfield multi tuiChevron [stringify]="stringify" [tuiTextfieldSize]="size" [iconStart]="icon">
3025
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.0", type: EzUIMultiSelect, isStandalone: true, selector: "ezui-multiselect", inputs: { icon: "icon", label: "label", size: "size", optionLabel: "optionLabel", optionValue: "optionValue", options: "options", disabled: "disabled", selected: "selected", appearanceMap: "appearanceMap", enableSearch: "enableSearch", showClear: "showClear" }, outputs: { selectedChange: "selectedChange" }, queries: [{ propertyName: "itemTemplate", first: true, predicate: ["itemTemplate"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `
3026
+ <tui-textfield multi tuiChevron [stringify]="stringify" [tuiTextfieldSize]="size" [iconStart]="icon" [tuiTextfieldCleaner]="showClear">
3017
3027
  @if(label != '' && size != 's'){
3018
3028
  <label tuiLabel>{{label}}</label>
3019
3029
  }
@@ -3062,7 +3072,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
3062
3072
  TuiAutoFocus,
3063
3073
  TuiInput
3064
3074
  ], template: `
3065
- <tui-textfield multi tuiChevron [stringify]="stringify" [tuiTextfieldSize]="size" [iconStart]="icon">
3075
+ <tui-textfield multi tuiChevron [stringify]="stringify" [tuiTextfieldSize]="size" [iconStart]="icon" [tuiTextfieldCleaner]="showClear">
3066
3076
  @if(label != '' && size != 's'){
3067
3077
  <label tuiLabel>{{label}}</label>
3068
3078
  }
@@ -3118,6 +3128,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
3118
3128
  type: Input
3119
3129
  }], enableSearch: [{
3120
3130
  type: Input
3131
+ }], showClear: [{
3132
+ type: Input
3121
3133
  }] } });
3122
3134
 
3123
3135
  class EzUITreeMultiSelect {
@@ -3133,6 +3145,7 @@ class EzUITreeMultiSelect {
3133
3145
  enableSearch = false;
3134
3146
  searchValue = signal("", /* @ts-ignore */
3135
3147
  ...(ngDevMode ? [{ debugName: "searchValue" }] : /* istanbul ignore next */ []));
3148
+ showClear = true;
3136
3149
  map = new Map();
3137
3150
  ngOnChanges(changes) {
3138
3151
  if (changes['selected'] && changes['selected'].currentValue != changes['selected'].previousValue) {
@@ -3183,8 +3196,8 @@ class EzUITreeMultiSelect {
3183
3196
  return expanded;
3184
3197
  }
3185
3198
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: EzUITreeMultiSelect, deps: [], target: i0.ɵɵFactoryTarget.Component });
3186
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.0", type: EzUITreeMultiSelect, isStandalone: true, selector: "ezui-treemultiselect", inputs: { icon: "icon", label: "label", size: "size", options: "options", disabled: "disabled", selected: "selected", enableSearch: "enableSearch" }, outputs: { selectedChange: "selectedChange" }, queries: [{ propertyName: "itemTemplate", first: true, predicate: ["itemTemplate"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `
3187
- <tui-textfield multi tuiChevron [stringify]="stringify" [tuiTextfieldSize]="size" [iconStart]="icon">
3199
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.0", type: EzUITreeMultiSelect, isStandalone: true, selector: "ezui-treemultiselect", inputs: { icon: "icon", label: "label", size: "size", options: "options", disabled: "disabled", selected: "selected", enableSearch: "enableSearch", showClear: "showClear" }, outputs: { selectedChange: "selectedChange" }, queries: [{ propertyName: "itemTemplate", first: true, predicate: ["itemTemplate"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `
3200
+ <tui-textfield multi tuiChevron [stringify]="stringify" [tuiTextfieldSize]="size" [iconStart]="icon" [tuiTextfieldCleaner]="showClear">
3188
3201
  @if(label != '' && size != 's'){
3189
3202
  <label tuiLabel>{{label}}</label>
3190
3203
  }
@@ -3256,7 +3269,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
3256
3269
  TuiButton,
3257
3270
  TuiTree
3258
3271
  ], template: `
3259
- <tui-textfield multi tuiChevron [stringify]="stringify" [tuiTextfieldSize]="size" [iconStart]="icon">
3272
+ <tui-textfield multi tuiChevron [stringify]="stringify" [tuiTextfieldSize]="size" [iconStart]="icon" [tuiTextfieldCleaner]="showClear">
3260
3273
  @if(label != '' && size != 's'){
3261
3274
  <label tuiLabel>{{label}}</label>
3262
3275
  }
@@ -3326,6 +3339,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
3326
3339
  type: Output
3327
3340
  }], enableSearch: [{
3328
3341
  type: Input
3342
+ }], showClear: [{
3343
+ type: Input
3329
3344
  }] } });
3330
3345
 
3331
3346
  class EzUINumberInput {
@@ -3338,14 +3353,15 @@ class EzUINumberInput {
3338
3353
  step = 0;
3339
3354
  value = "";
3340
3355
  valueChange = new EventEmitter();
3356
+ showClear = true;
3341
3357
  ngOnChanges(changes) {
3342
3358
  if (changes['value'] && changes['value'].currentValue != changes['value'].previousValue) {
3343
3359
  this.value = changes['value'].currentValue;
3344
3360
  }
3345
3361
  }
3346
3362
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: EzUINumberInput, deps: [], target: i0.ɵɵFactoryTarget.Component });
3347
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.0", type: EzUINumberInput, isStandalone: true, selector: "ezui-numberinput", inputs: { icon: "icon", label: "label", size: "size", disabled: "disabled", min: "min", max: "max", step: "step", value: "value" }, outputs: { valueChange: "valueChange" }, usesOnChanges: true, ngImport: i0, template: `
3348
- <tui-textfield [tuiTextfieldSize]="size" [iconStart]="icon">
3363
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.0", type: EzUINumberInput, isStandalone: true, selector: "ezui-numberinput", inputs: { icon: "icon", label: "label", size: "size", disabled: "disabled", min: "min", max: "max", step: "step", value: "value", showClear: "showClear" }, outputs: { valueChange: "valueChange" }, usesOnChanges: true, ngImport: i0, template: `
3364
+ <tui-textfield [tuiTextfieldSize]="size" [iconStart]="icon" [tuiTextfieldCleaner]="showClear">
3349
3365
  @if(label){
3350
3366
  <label tuiLabel>{{label}}</label>
3351
3367
  }
@@ -3361,7 +3377,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
3361
3377
  TuiInput,
3362
3378
  TuiInputNumber
3363
3379
  ], template: `
3364
- <tui-textfield [tuiTextfieldSize]="size" [iconStart]="icon">
3380
+ <tui-textfield [tuiTextfieldSize]="size" [iconStart]="icon" [tuiTextfieldCleaner]="showClear">
3365
3381
  @if(label){
3366
3382
  <label tuiLabel>{{label}}</label>
3367
3383
  }
@@ -3386,6 +3402,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
3386
3402
  type: Input
3387
3403
  }], valueChange: [{
3388
3404
  type: Output
3405
+ }], showClear: [{
3406
+ type: Input
3389
3407
  }] } });
3390
3408
 
3391
3409
  class EzUIPasswordInput {
@@ -3395,14 +3413,15 @@ class EzUIPasswordInput {
3395
3413
  disabled = false;
3396
3414
  value = "";
3397
3415
  valueChange = new EventEmitter();
3416
+ showClear = true;
3398
3417
  ngOnChanges(changes) {
3399
3418
  if (changes['value'] && changes['value'].currentValue != changes['value'].previousValue) {
3400
3419
  this.value = changes['value'].currentValue;
3401
3420
  }
3402
3421
  }
3403
3422
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: EzUIPasswordInput, deps: [], target: i0.ɵɵFactoryTarget.Component });
3404
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.0", type: EzUIPasswordInput, isStandalone: true, selector: "ezui-passwordinput", inputs: { icon: "icon", label: "label", size: "size", disabled: "disabled", value: "value" }, outputs: { valueChange: "valueChange" }, usesOnChanges: true, ngImport: i0, template: `
3405
- <tui-textfield [tuiTextfieldSize]="size" [iconStart]="icon">
3423
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.0", type: EzUIPasswordInput, isStandalone: true, selector: "ezui-passwordinput", inputs: { icon: "icon", label: "label", size: "size", disabled: "disabled", value: "value", showClear: "showClear" }, outputs: { valueChange: "valueChange" }, usesOnChanges: true, ngImport: i0, template: `
3424
+ <tui-textfield [tuiTextfieldSize]="size" [iconStart]="icon" [tuiTextfieldCleaner]="showClear">
3406
3425
  @if(label){
3407
3426
  <label tuiLabel>{{label}}</label>
3408
3427
  }
@@ -3420,7 +3439,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
3420
3439
  TuiIcon,
3421
3440
  TuiPassword
3422
3441
  ], template: `
3423
- <tui-textfield [tuiTextfieldSize]="size" [iconStart]="icon">
3442
+ <tui-textfield [tuiTextfieldSize]="size" [iconStart]="icon" [tuiTextfieldCleaner]="showClear">
3424
3443
  @if(label){
3425
3444
  <label tuiLabel>{{label}}</label>
3426
3445
  }
@@ -3440,6 +3459,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
3440
3459
  type: Input
3441
3460
  }], valueChange: [{
3442
3461
  type: Output
3462
+ }], showClear: [{
3463
+ type: Input
3443
3464
  }] } });
3444
3465
 
3445
3466
  class EzUISelect {
@@ -3457,6 +3478,7 @@ class EzUISelect {
3457
3478
  appearanceMap = {};
3458
3479
  enableSearch = false;
3459
3480
  searchValue = "";
3481
+ showClear = true;
3460
3482
  ngOnChanges(changes) {
3461
3483
  if (changes['selected'] && changes['selected'].currentValue != changes['selected'].previousValue) {
3462
3484
  this.selected = changes['selected'].currentValue;
@@ -3481,8 +3503,8 @@ class EzUISelect {
3481
3503
  return item[this.optionValue];
3482
3504
  }
3483
3505
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: EzUISelect, deps: [], target: i0.ɵɵFactoryTarget.Component });
3484
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.0", type: EzUISelect, isStandalone: true, selector: "ezui-select", inputs: { icon: "icon", label: "label", size: "size", optionLabel: "optionLabel", optionValue: "optionValue", options: "options", disabled: "disabled", selected: "selected", appearanceMap: "appearanceMap", enableSearch: "enableSearch" }, outputs: { selectedChange: "selectedChange" }, queries: [{ propertyName: "selectedTemplate", first: true, predicate: ["selectedTemplate"], descendants: true }, { propertyName: "itemTemplate", first: true, predicate: ["itemTemplate"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `
3485
- <tui-textfield tuiChevron [content]="content" [tuiTextfieldSize]="size" [iconStart]="icon">
3506
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.0", type: EzUISelect, isStandalone: true, selector: "ezui-select", inputs: { icon: "icon", label: "label", size: "size", optionLabel: "optionLabel", optionValue: "optionValue", options: "options", disabled: "disabled", selected: "selected", appearanceMap: "appearanceMap", enableSearch: "enableSearch", showClear: "showClear" }, outputs: { selectedChange: "selectedChange" }, queries: [{ propertyName: "selectedTemplate", first: true, predicate: ["selectedTemplate"], descendants: true }, { propertyName: "itemTemplate", first: true, predicate: ["itemTemplate"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `
3507
+ <tui-textfield tuiChevron [content]="content" [tuiTextfieldSize]="size" [iconStart]="icon" [tuiTextfieldCleaner]="showClear">
3486
3508
  @if(label != '' && size != 's'){
3487
3509
  <label tuiLabel>{{label}}</label>
3488
3510
  }
@@ -3535,7 +3557,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
3535
3557
  TuiChip,
3536
3558
  TuiAutoFocus
3537
3559
  ], template: `
3538
- <tui-textfield tuiChevron [content]="content" [tuiTextfieldSize]="size" [iconStart]="icon">
3560
+ <tui-textfield tuiChevron [content]="content" [tuiTextfieldSize]="size" [iconStart]="icon" [tuiTextfieldCleaner]="showClear">
3539
3561
  @if(label != '' && size != 's'){
3540
3562
  <label tuiLabel>{{label}}</label>
3541
3563
  }
@@ -3601,6 +3623,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
3601
3623
  type: Input
3602
3624
  }], enableSearch: [{
3603
3625
  type: Input
3626
+ }], showClear: [{
3627
+ type: Input
3604
3628
  }] } });
3605
3629
 
3606
3630
  class EzUITreeSelect {
@@ -3617,6 +3641,7 @@ class EzUITreeSelect {
3617
3641
  enableSearch = false;
3618
3642
  searchValue = signal("", /* @ts-ignore */
3619
3643
  ...(ngDevMode ? [{ debugName: "searchValue" }] : /* istanbul ignore next */ []));
3644
+ showClear = true;
3620
3645
  map = new Map();
3621
3646
  ngOnChanges(changes) {
3622
3647
  if (changes['selected'] && changes['selected'].currentValue != changes['selected'].previousValue)
@@ -3665,8 +3690,8 @@ class EzUITreeSelect {
3665
3690
  return expanded;
3666
3691
  }
3667
3692
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: EzUITreeSelect, deps: [], target: i0.ɵɵFactoryTarget.Component });
3668
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.0", type: EzUITreeSelect, isStandalone: true, selector: "ezui-treeselect", inputs: { icon: "icon", label: "label", size: "size", options: "options", disabled: "disabled", selected: "selected", enableSearch: "enableSearch" }, outputs: { selectedChange: "selectedChange" }, queries: [{ propertyName: "selectedTemplate", first: true, predicate: ["selectedTemplate"], descendants: true }, { propertyName: "itemTemplate", first: true, predicate: ["itemTemplate"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `
3669
- <tui-textfield tuiChevron [content]="content" [tuiTextfieldSize]="size" [iconStart]="icon">
3693
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.0", type: EzUITreeSelect, isStandalone: true, selector: "ezui-treeselect", inputs: { icon: "icon", label: "label", size: "size", options: "options", disabled: "disabled", selected: "selected", enableSearch: "enableSearch", showClear: "showClear" }, outputs: { selectedChange: "selectedChange" }, queries: [{ propertyName: "selectedTemplate", first: true, predicate: ["selectedTemplate"], descendants: true }, { propertyName: "itemTemplate", first: true, predicate: ["itemTemplate"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `
3694
+ <tui-textfield tuiChevron [content]="content" [tuiTextfieldSize]="size" [iconStart]="icon" [tuiTextfieldCleaner]="showClear">
3670
3695
  @if(label != '' && size != 's'){
3671
3696
  <label tuiLabel>{{label}}</label>
3672
3697
  }
@@ -3743,7 +3768,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
3743
3768
  TuiIcon,
3744
3769
  TuiButton
3745
3770
  ], template: `
3746
- <tui-textfield tuiChevron [content]="content" [tuiTextfieldSize]="size" [iconStart]="icon">
3771
+ <tui-textfield tuiChevron [content]="content" [tuiTextfieldSize]="size" [iconStart]="icon" [tuiTextfieldCleaner]="showClear">
3747
3772
  @if(label != '' && size != 's'){
3748
3773
  <label tuiLabel>{{label}}</label>
3749
3774
  }
@@ -3824,6 +3849,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
3824
3849
  type: Output
3825
3850
  }], enableSearch: [{
3826
3851
  type: Input
3852
+ }], showClear: [{
3853
+ type: Input
3827
3854
  }] } });
3828
3855
 
3829
3856
  class EzUIShowMoreText {