@kris701/ez-ui 1.3.2 → 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 +59 -30
  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,
@@ -2853,7 +2862,7 @@ class EzUIMarkdownEditor {
2853
2862
  setTimeout(async () => await this.formatPreview(), 500);
2854
2863
  }
2855
2864
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: EzUIMarkdownEditor, deps: [], target: i0.ɵɵFactoryTarget.Component });
2856
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.0", type: EzUIMarkdownEditor, isStandalone: true, selector: "ezui-markdowneditor", inputs: { disabled: "disabled", slim: "slim", value: "value" }, outputs: { valueChange: "valueChange" }, host: { classAttribute: "flex h-full w-full" }, viewQueries: [{ propertyName: "preview", first: true, predicate: ["preview"], descendants: true }, { propertyName: "editor", first: true, predicate: ["editor"], descendants: true }, { propertyName: "fileUpload", first: true, predicate: ["fileUpload"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `
2865
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.0", type: EzUIMarkdownEditor, isStandalone: true, selector: "ezui-markdowneditor", inputs: { disabled: "disabled", slim: "slim", value: "value" }, outputs: { valueChange: "valueChange" }, host: { classAttribute: "flex w-full" }, viewQueries: [{ propertyName: "preview", first: true, predicate: ["preview"], descendants: true }, { propertyName: "editor", first: true, predicate: ["editor"], descendants: true }, { propertyName: "fileUpload", first: true, predicate: ["fileUpload"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `
2857
2866
  @if(isEditing() && !disabled){
2858
2867
  <div class="editor-container">
2859
2868
  <div class="editor">
@@ -2885,6 +2894,7 @@ class EzUIMarkdownEditor {
2885
2894
  [style.border-radius]="slim ? '0px' : ''"
2886
2895
  [style.background-color]="slim ? 'transparent' : 'var(--tui-background-base)'"
2887
2896
  [style.outline]="slim ? '0' : ''"
2897
+ [style.box-shadow]="slim ? 'none' : ''"
2888
2898
  >
2889
2899
  @if(!disabled){
2890
2900
  <button tuiButton class="edit-button" iconStart="edit" appearance="flat" size="s"(click)="toggleEdit(false)"></button>
@@ -2937,6 +2947,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
2937
2947
  [style.border-radius]="slim ? '0px' : ''"
2938
2948
  [style.background-color]="slim ? 'transparent' : 'var(--tui-background-base)'"
2939
2949
  [style.outline]="slim ? '0' : ''"
2950
+ [style.box-shadow]="slim ? 'none' : ''"
2940
2951
  >
2941
2952
  @if(!disabled){
2942
2953
  <button tuiButton class="edit-button" iconStart="edit" appearance="flat" size="s"(click)="toggleEdit(false)"></button>
@@ -2954,7 +2965,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
2954
2965
  </div>
2955
2966
  }
2956
2967
  `, host: {
2957
- class: 'flex h-full w-full'
2968
+ class: 'flex w-full'
2958
2969
  }, styles: [".editor-container{display:flex;flex-direction:row;width:100%;outline:.125rem solid var(--tui-background-accent-1);border-radius:var(--tui-radius-l)}.editor-container .editor{display:flex;flex-direction:column;width:100%}.editor-container .editor .editor-field{block-size:100%;border-radius:0px 0px 0px var(--tui-radius-l)}.preview-container{width:100%;border-radius:0px var(--tui-radius-l) var(--tui-radius-l) 0px;transition-property:box-shadow,background-color,outline-color,border-color,color;transition-duration:calc(var(--tui-duration) / 2);transition-timing-function:var(--tui-curve-productive-standard);--t-shadow: 0 .125rem .1875rem rgba(0, 0, 0, .1);background-color:var(--tui-background-base);color:var(--tui-text-tertiary);box-shadow:var(--t-shadow);outline:1px solid var(--tui-border-normal);outline-offset:-1px;border-width:0;block-size:100%}.preview-container ::ng-deep tui-scrollbar{height:100%}.preview-container ::ng-deep .t-content{display:flex;block-size:auto!important}.preview-container .preview{padding:10px}.preview-container .preview ::ng-deep p{margin:0}.preview-readonly-container{width:100%;border-radius:var(--tui-radius-l);transition-property:box-shadow,background-color,outline-color,border-color,color;transition-duration:calc(var(--tui-duration) / 2);transition-timing-function:var(--tui-curve-productive-standard);--t-shadow: 0 .125rem .1875rem rgba(0, 0, 0, .1);background-color:var(--tui-background-base);color:var(--tui-text-tertiary);box-shadow:var(--t-shadow);outline:1px solid var(--tui-border-normal);outline-offset:-1px;border-width:0;block-size:100%}.preview-readonly-container .edit-button{position:absolute;z-index:999}.preview-readonly-container ::ng-deep tui-scrollbar{height:100%}.preview-readonly-container ::ng-deep .t-content{display:flex;block-size:auto!important}.preview-readonly-container .preview{padding:10px}.preview-readonly-container .preview ::ng-deep p{margin:0}\n"] }]
2959
2970
  }], propDecorators: { preview: [{
2960
2971
  type: ViewChild,
@@ -2989,6 +3000,7 @@ class EzUIMultiSelect {
2989
3000
  appearanceMap = {};
2990
3001
  enableSearch = false;
2991
3002
  searchValue = "";
3003
+ showClear = true;
2992
3004
  ngOnChanges(changes) {
2993
3005
  if (changes['selected'] && changes['selected'].currentValue != changes['selected'].previousValue) {
2994
3006
  this.selected = changes['selected'].currentValue;
@@ -3010,8 +3022,8 @@ class EzUIMultiSelect {
3010
3022
  return item[this.optionValue];
3011
3023
  }
3012
3024
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: EzUIMultiSelect, deps: [], target: i0.ɵɵFactoryTarget.Component });
3013
- 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: `
3014
- <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">
3015
3027
  @if(label != '' && size != 's'){
3016
3028
  <label tuiLabel>{{label}}</label>
3017
3029
  }
@@ -3060,7 +3072,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
3060
3072
  TuiAutoFocus,
3061
3073
  TuiInput
3062
3074
  ], template: `
3063
- <tui-textfield multi tuiChevron [stringify]="stringify" [tuiTextfieldSize]="size" [iconStart]="icon">
3075
+ <tui-textfield multi tuiChevron [stringify]="stringify" [tuiTextfieldSize]="size" [iconStart]="icon" [tuiTextfieldCleaner]="showClear">
3064
3076
  @if(label != '' && size != 's'){
3065
3077
  <label tuiLabel>{{label}}</label>
3066
3078
  }
@@ -3116,6 +3128,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
3116
3128
  type: Input
3117
3129
  }], enableSearch: [{
3118
3130
  type: Input
3131
+ }], showClear: [{
3132
+ type: Input
3119
3133
  }] } });
3120
3134
 
3121
3135
  class EzUITreeMultiSelect {
@@ -3131,6 +3145,7 @@ class EzUITreeMultiSelect {
3131
3145
  enableSearch = false;
3132
3146
  searchValue = signal("", /* @ts-ignore */
3133
3147
  ...(ngDevMode ? [{ debugName: "searchValue" }] : /* istanbul ignore next */ []));
3148
+ showClear = true;
3134
3149
  map = new Map();
3135
3150
  ngOnChanges(changes) {
3136
3151
  if (changes['selected'] && changes['selected'].currentValue != changes['selected'].previousValue) {
@@ -3181,8 +3196,8 @@ class EzUITreeMultiSelect {
3181
3196
  return expanded;
3182
3197
  }
3183
3198
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: EzUITreeMultiSelect, deps: [], target: i0.ɵɵFactoryTarget.Component });
3184
- 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: `
3185
- <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">
3186
3201
  @if(label != '' && size != 's'){
3187
3202
  <label tuiLabel>{{label}}</label>
3188
3203
  }
@@ -3254,7 +3269,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
3254
3269
  TuiButton,
3255
3270
  TuiTree
3256
3271
  ], template: `
3257
- <tui-textfield multi tuiChevron [stringify]="stringify" [tuiTextfieldSize]="size" [iconStart]="icon">
3272
+ <tui-textfield multi tuiChevron [stringify]="stringify" [tuiTextfieldSize]="size" [iconStart]="icon" [tuiTextfieldCleaner]="showClear">
3258
3273
  @if(label != '' && size != 's'){
3259
3274
  <label tuiLabel>{{label}}</label>
3260
3275
  }
@@ -3324,6 +3339,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
3324
3339
  type: Output
3325
3340
  }], enableSearch: [{
3326
3341
  type: Input
3342
+ }], showClear: [{
3343
+ type: Input
3327
3344
  }] } });
3328
3345
 
3329
3346
  class EzUINumberInput {
@@ -3336,14 +3353,15 @@ class EzUINumberInput {
3336
3353
  step = 0;
3337
3354
  value = "";
3338
3355
  valueChange = new EventEmitter();
3356
+ showClear = true;
3339
3357
  ngOnChanges(changes) {
3340
3358
  if (changes['value'] && changes['value'].currentValue != changes['value'].previousValue) {
3341
3359
  this.value = changes['value'].currentValue;
3342
3360
  }
3343
3361
  }
3344
3362
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: EzUINumberInput, deps: [], target: i0.ɵɵFactoryTarget.Component });
3345
- 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: `
3346
- <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">
3347
3365
  @if(label){
3348
3366
  <label tuiLabel>{{label}}</label>
3349
3367
  }
@@ -3359,7 +3377,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
3359
3377
  TuiInput,
3360
3378
  TuiInputNumber
3361
3379
  ], template: `
3362
- <tui-textfield [tuiTextfieldSize]="size" [iconStart]="icon">
3380
+ <tui-textfield [tuiTextfieldSize]="size" [iconStart]="icon" [tuiTextfieldCleaner]="showClear">
3363
3381
  @if(label){
3364
3382
  <label tuiLabel>{{label}}</label>
3365
3383
  }
@@ -3384,6 +3402,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
3384
3402
  type: Input
3385
3403
  }], valueChange: [{
3386
3404
  type: Output
3405
+ }], showClear: [{
3406
+ type: Input
3387
3407
  }] } });
3388
3408
 
3389
3409
  class EzUIPasswordInput {
@@ -3393,14 +3413,15 @@ class EzUIPasswordInput {
3393
3413
  disabled = false;
3394
3414
  value = "";
3395
3415
  valueChange = new EventEmitter();
3416
+ showClear = true;
3396
3417
  ngOnChanges(changes) {
3397
3418
  if (changes['value'] && changes['value'].currentValue != changes['value'].previousValue) {
3398
3419
  this.value = changes['value'].currentValue;
3399
3420
  }
3400
3421
  }
3401
3422
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: EzUIPasswordInput, deps: [], target: i0.ɵɵFactoryTarget.Component });
3402
- 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: `
3403
- <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">
3404
3425
  @if(label){
3405
3426
  <label tuiLabel>{{label}}</label>
3406
3427
  }
@@ -3418,7 +3439,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
3418
3439
  TuiIcon,
3419
3440
  TuiPassword
3420
3441
  ], template: `
3421
- <tui-textfield [tuiTextfieldSize]="size" [iconStart]="icon">
3442
+ <tui-textfield [tuiTextfieldSize]="size" [iconStart]="icon" [tuiTextfieldCleaner]="showClear">
3422
3443
  @if(label){
3423
3444
  <label tuiLabel>{{label}}</label>
3424
3445
  }
@@ -3438,6 +3459,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
3438
3459
  type: Input
3439
3460
  }], valueChange: [{
3440
3461
  type: Output
3462
+ }], showClear: [{
3463
+ type: Input
3441
3464
  }] } });
3442
3465
 
3443
3466
  class EzUISelect {
@@ -3455,6 +3478,7 @@ class EzUISelect {
3455
3478
  appearanceMap = {};
3456
3479
  enableSearch = false;
3457
3480
  searchValue = "";
3481
+ showClear = true;
3458
3482
  ngOnChanges(changes) {
3459
3483
  if (changes['selected'] && changes['selected'].currentValue != changes['selected'].previousValue) {
3460
3484
  this.selected = changes['selected'].currentValue;
@@ -3479,8 +3503,8 @@ class EzUISelect {
3479
3503
  return item[this.optionValue];
3480
3504
  }
3481
3505
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: EzUISelect, deps: [], target: i0.ɵɵFactoryTarget.Component });
3482
- 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: `
3483
- <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">
3484
3508
  @if(label != '' && size != 's'){
3485
3509
  <label tuiLabel>{{label}}</label>
3486
3510
  }
@@ -3533,7 +3557,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
3533
3557
  TuiChip,
3534
3558
  TuiAutoFocus
3535
3559
  ], template: `
3536
- <tui-textfield tuiChevron [content]="content" [tuiTextfieldSize]="size" [iconStart]="icon">
3560
+ <tui-textfield tuiChevron [content]="content" [tuiTextfieldSize]="size" [iconStart]="icon" [tuiTextfieldCleaner]="showClear">
3537
3561
  @if(label != '' && size != 's'){
3538
3562
  <label tuiLabel>{{label}}</label>
3539
3563
  }
@@ -3599,6 +3623,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
3599
3623
  type: Input
3600
3624
  }], enableSearch: [{
3601
3625
  type: Input
3626
+ }], showClear: [{
3627
+ type: Input
3602
3628
  }] } });
3603
3629
 
3604
3630
  class EzUITreeSelect {
@@ -3615,6 +3641,7 @@ class EzUITreeSelect {
3615
3641
  enableSearch = false;
3616
3642
  searchValue = signal("", /* @ts-ignore */
3617
3643
  ...(ngDevMode ? [{ debugName: "searchValue" }] : /* istanbul ignore next */ []));
3644
+ showClear = true;
3618
3645
  map = new Map();
3619
3646
  ngOnChanges(changes) {
3620
3647
  if (changes['selected'] && changes['selected'].currentValue != changes['selected'].previousValue)
@@ -3663,8 +3690,8 @@ class EzUITreeSelect {
3663
3690
  return expanded;
3664
3691
  }
3665
3692
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: EzUITreeSelect, deps: [], target: i0.ɵɵFactoryTarget.Component });
3666
- 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: `
3667
- <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">
3668
3695
  @if(label != '' && size != 's'){
3669
3696
  <label tuiLabel>{{label}}</label>
3670
3697
  }
@@ -3741,7 +3768,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
3741
3768
  TuiIcon,
3742
3769
  TuiButton
3743
3770
  ], template: `
3744
- <tui-textfield tuiChevron [content]="content" [tuiTextfieldSize]="size" [iconStart]="icon">
3771
+ <tui-textfield tuiChevron [content]="content" [tuiTextfieldSize]="size" [iconStart]="icon" [tuiTextfieldCleaner]="showClear">
3745
3772
  @if(label != '' && size != 's'){
3746
3773
  <label tuiLabel>{{label}}</label>
3747
3774
  }
@@ -3822,6 +3849,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
3822
3849
  type: Output
3823
3850
  }], enableSearch: [{
3824
3851
  type: Input
3852
+ }], showClear: [{
3853
+ type: Input
3825
3854
  }] } });
3826
3855
 
3827
3856
  class EzUIShowMoreText {