@progress/kendo-angular-editor 21.1.1-develop.2 → 21.2.0-develop.1

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.
@@ -10,7 +10,7 @@ export const packageMetadata = {
10
10
  productName: 'Kendo UI for Angular',
11
11
  productCode: 'KENDOUIANGULAR',
12
12
  productCodes: ['KENDOUIANGULAR'],
13
- publishDate: 1763729402,
14
- version: '21.1.1-develop.2',
13
+ publishDate: 1763998513,
14
+ version: '21.2.0-develop.1',
15
15
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
16
16
  };
@@ -3,7 +3,6 @@
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  import { Component, Input, forwardRef, ViewChild, ElementRef, NgZone, Renderer2 } from '@angular/core';
6
- import { NgIf } from '@angular/common';
7
6
  import { take } from 'rxjs/operators';
8
7
  import { ToolBarToolComponent } from '@progress/kendo-angular-toolbar';
9
8
  import { ColorPickerComponent } from '@progress/kendo-angular-inputs';
@@ -213,67 +212,70 @@ export class EditorColorPickerComponent extends ToolBarToolComponent {
213
212
  return false;
214
213
  }
215
214
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditorColorPickerComponent, deps: [{ token: i1.EditorLocalizationService }, { token: i2.DialogService }, { token: i0.NgZone }, { token: i3.ProviderService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
216
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: EditorColorPickerComponent, isStandalone: true, selector: "kendo-toolbar-colorpicker", inputs: { value: "value", icon: "icon", svgIcon: "svgIcon", paletteSettings: "paletteSettings", editorCommand: "editorCommand", disabled: "disabled", views: "views", view: "view" }, providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => EditorColorPickerComponent) }], viewQueries: [{ propertyName: "element", first: true, predicate: ["colorpicker"], descendants: true, read: ElementRef }, { propertyName: "colorPicker", first: true, predicate: ["colorpicker"], descendants: true, read: ColorPickerComponent }, { propertyName: "colorPickerButton", first: true, predicate: ["colorPickerButton"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: `
215
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: EditorColorPickerComponent, isStandalone: true, selector: "kendo-toolbar-colorpicker", inputs: { value: "value", icon: "icon", svgIcon: "svgIcon", paletteSettings: "paletteSettings", editorCommand: "editorCommand", disabled: "disabled", views: "views", view: "view" }, providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => EditorColorPickerComponent) }], viewQueries: [{ propertyName: "element", first: true, predicate: ["colorpicker"], descendants: true, read: ElementRef }, { propertyName: "colorPicker", first: true, predicate: ["colorpicker"], descendants: true, read: ColorPickerComponent }, { propertyName: "colorPickerButton", first: true, predicate: ["colorPickerButton"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: `
217
216
  <ng-template #toolbarTemplate>
218
- <kendo-colorpicker
219
- #colorpicker
220
- [attr.title]="title"
221
- [icon]="icon"
222
- [svgIcon]="svgIcon"
223
- [views]="views"
224
- [format]="'hex'"
225
- [(value)]="value"
226
- [paletteSettings]="paletteSettings"
227
- [disabled]="disabled"
228
- [tabindex]="tabindex"
229
- (valueChange)="handleValueChange($event)"
230
- (clearButtonClick)="handleClearButtonClick()"
231
- (activeColorClick)="handleActiveColorClick($event)"
232
- (close)="onClose()"
233
- (activeViewChange)="onActiveViewChange($event)"
217
+ <kendo-colorpicker
218
+ #colorpicker
219
+ [attr.title]="title"
220
+ [icon]="icon"
221
+ [svgIcon]="svgIcon"
222
+ [views]="views"
223
+ [format]="'hex'"
224
+ [(value)]="value"
225
+ [paletteSettings]="paletteSettings"
226
+ [disabled]="disabled"
227
+ [tabindex]="tabindex"
228
+ (valueChange)="handleValueChange($event)"
229
+ (clearButtonClick)="handleClearButtonClick()"
230
+ (activeColorClick)="handleActiveColorClick($event)"
231
+ (close)="onClose()"
232
+ (activeViewChange)="onActiveViewChange($event)"
234
233
  >
235
- </kendo-colorpicker>
234
+ </kendo-colorpicker>
236
235
  </ng-template>
237
236
  <ng-template #popupTemplate>
238
- <div #colorPickerButton
239
- tabindex="-1"
240
- role="menuitem"
241
- class="k-item k-menu-item"
242
- [class.k-disabled]="disabled"
243
- [tabindex]="tabindex"
244
- (click)="openDialog()">
245
- <span
246
- class="k-link k-menu-link">
247
- <kendo-icon-wrapper
248
- *ngIf="icon"
249
- [name]="icon"
250
- [svgIcon]="svgIcon"
251
- ></kendo-icon-wrapper>
252
- <span *ngIf="title" class="k-menu-link-text">{{title}}</span>
253
- </span>
254
- </div>
237
+ <div #colorPickerButton
238
+ tabindex="-1"
239
+ role="menuitem"
240
+ class="k-item k-menu-item"
241
+ [class.k-disabled]="disabled"
242
+ [tabindex]="tabindex"
243
+ (click)="openDialog()">
244
+ <span
245
+ class="k-link k-menu-link">
246
+ @if (icon) {
247
+ <kendo-icon-wrapper
248
+ [name]="icon"
249
+ [svgIcon]="svgIcon"
250
+ ></kendo-icon-wrapper>
251
+ }
252
+ @if (title) {
253
+ <span class="k-menu-link-text">{{title}}</span>
254
+ }
255
+ </span>
256
+ </div>
255
257
  </ng-template>
256
258
  <ng-template #sectionTemplate>
257
- <kendo-colorpicker
258
- #colorpicker
259
- [attr.title]="title"
260
- [icon]="icon"
261
- [svgIcon]="svgIcon"
262
- [views]="views"
263
- [format]="'hex'"
264
- [(value)]="value"
265
- [paletteSettings]="paletteSettings"
266
- [disabled]="disabled"
267
- [tabindex]="tabindex"
268
- (valueChange)="handleValueChange($event)"
269
- (clearButtonClick)="handleClearButtonClick()"
270
- (activeColorClick)="handleActiveColorClick($event)"
271
- (close)="onClose()"
272
- (activeViewChange)="onActiveViewChange($event)"
259
+ <kendo-colorpicker
260
+ #colorpicker
261
+ [attr.title]="title"
262
+ [icon]="icon"
263
+ [svgIcon]="svgIcon"
264
+ [views]="views"
265
+ [format]="'hex'"
266
+ [(value)]="value"
267
+ [paletteSettings]="paletteSettings"
268
+ [disabled]="disabled"
269
+ [tabindex]="tabindex"
270
+ (valueChange)="handleValueChange($event)"
271
+ (clearButtonClick)="handleClearButtonClick()"
272
+ (activeColorClick)="handleActiveColorClick($event)"
273
+ (close)="onClose()"
274
+ (activeViewChange)="onActiveViewChange($event)"
273
275
  >
274
- </kendo-colorpicker>
276
+ </kendo-colorpicker>
275
277
  </ng-template>
276
- `, isInline: true, dependencies: [{ kind: "component", type: ColorPickerComponent, selector: "kendo-colorpicker", inputs: ["views", "view", "adaptiveMode", "activeView", "readonly", "disabled", "format", "value", "popupSettings", "paletteSettings", "gradientSettings", "icon", "iconClass", "svgIcon", "adaptiveTitle", "adaptiveSubtitle", "clearButton", "tabindex", "preview", "actionsLayout", "size", "rounded", "fillMode"], outputs: ["valueChange", "open", "close", "focus", "blur", "cancel", "activeColorClick", "clearButtonClick", "activeViewChange"], exportAs: ["kendoColorPicker"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }] });
278
+ `, isInline: true, dependencies: [{ kind: "component", type: ColorPickerComponent, selector: "kendo-colorpicker", inputs: ["views", "view", "adaptiveMode", "activeView", "readonly", "disabled", "format", "value", "popupSettings", "paletteSettings", "gradientSettings", "icon", "iconClass", "svgIcon", "adaptiveTitle", "adaptiveSubtitle", "clearButton", "tabindex", "preview", "actionsLayout", "size", "rounded", "fillMode"], outputs: ["valueChange", "open", "close", "focus", "blur", "cancel", "activeColorClick", "clearButtonClick", "activeViewChange"], exportAs: ["kendoColorPicker"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }] });
277
279
  }
278
280
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditorColorPickerComponent, decorators: [{
279
281
  type: Component,
@@ -282,67 +284,70 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
282
284
  selector: 'kendo-toolbar-colorpicker',
283
285
  template: `
284
286
  <ng-template #toolbarTemplate>
285
- <kendo-colorpicker
286
- #colorpicker
287
- [attr.title]="title"
288
- [icon]="icon"
289
- [svgIcon]="svgIcon"
290
- [views]="views"
291
- [format]="'hex'"
292
- [(value)]="value"
293
- [paletteSettings]="paletteSettings"
294
- [disabled]="disabled"
295
- [tabindex]="tabindex"
296
- (valueChange)="handleValueChange($event)"
297
- (clearButtonClick)="handleClearButtonClick()"
298
- (activeColorClick)="handleActiveColorClick($event)"
299
- (close)="onClose()"
300
- (activeViewChange)="onActiveViewChange($event)"
287
+ <kendo-colorpicker
288
+ #colorpicker
289
+ [attr.title]="title"
290
+ [icon]="icon"
291
+ [svgIcon]="svgIcon"
292
+ [views]="views"
293
+ [format]="'hex'"
294
+ [(value)]="value"
295
+ [paletteSettings]="paletteSettings"
296
+ [disabled]="disabled"
297
+ [tabindex]="tabindex"
298
+ (valueChange)="handleValueChange($event)"
299
+ (clearButtonClick)="handleClearButtonClick()"
300
+ (activeColorClick)="handleActiveColorClick($event)"
301
+ (close)="onClose()"
302
+ (activeViewChange)="onActiveViewChange($event)"
301
303
  >
302
- </kendo-colorpicker>
304
+ </kendo-colorpicker>
303
305
  </ng-template>
304
306
  <ng-template #popupTemplate>
305
- <div #colorPickerButton
306
- tabindex="-1"
307
- role="menuitem"
308
- class="k-item k-menu-item"
309
- [class.k-disabled]="disabled"
310
- [tabindex]="tabindex"
311
- (click)="openDialog()">
312
- <span
313
- class="k-link k-menu-link">
314
- <kendo-icon-wrapper
315
- *ngIf="icon"
316
- [name]="icon"
317
- [svgIcon]="svgIcon"
318
- ></kendo-icon-wrapper>
319
- <span *ngIf="title" class="k-menu-link-text">{{title}}</span>
320
- </span>
321
- </div>
307
+ <div #colorPickerButton
308
+ tabindex="-1"
309
+ role="menuitem"
310
+ class="k-item k-menu-item"
311
+ [class.k-disabled]="disabled"
312
+ [tabindex]="tabindex"
313
+ (click)="openDialog()">
314
+ <span
315
+ class="k-link k-menu-link">
316
+ @if (icon) {
317
+ <kendo-icon-wrapper
318
+ [name]="icon"
319
+ [svgIcon]="svgIcon"
320
+ ></kendo-icon-wrapper>
321
+ }
322
+ @if (title) {
323
+ <span class="k-menu-link-text">{{title}}</span>
324
+ }
325
+ </span>
326
+ </div>
322
327
  </ng-template>
323
328
  <ng-template #sectionTemplate>
324
- <kendo-colorpicker
325
- #colorpicker
326
- [attr.title]="title"
327
- [icon]="icon"
328
- [svgIcon]="svgIcon"
329
- [views]="views"
330
- [format]="'hex'"
331
- [(value)]="value"
332
- [paletteSettings]="paletteSettings"
333
- [disabled]="disabled"
334
- [tabindex]="tabindex"
335
- (valueChange)="handleValueChange($event)"
336
- (clearButtonClick)="handleClearButtonClick()"
337
- (activeColorClick)="handleActiveColorClick($event)"
338
- (close)="onClose()"
339
- (activeViewChange)="onActiveViewChange($event)"
329
+ <kendo-colorpicker
330
+ #colorpicker
331
+ [attr.title]="title"
332
+ [icon]="icon"
333
+ [svgIcon]="svgIcon"
334
+ [views]="views"
335
+ [format]="'hex'"
336
+ [(value)]="value"
337
+ [paletteSettings]="paletteSettings"
338
+ [disabled]="disabled"
339
+ [tabindex]="tabindex"
340
+ (valueChange)="handleValueChange($event)"
341
+ (clearButtonClick)="handleClearButtonClick()"
342
+ (activeColorClick)="handleActiveColorClick($event)"
343
+ (close)="onClose()"
344
+ (activeViewChange)="onActiveViewChange($event)"
340
345
  >
341
- </kendo-colorpicker>
346
+ </kendo-colorpicker>
342
347
  </ng-template>
343
- `,
348
+ `,
344
349
  standalone: true,
345
- imports: [ColorPickerComponent, NgIf, IconWrapperComponent]
350
+ imports: [ColorPickerComponent, IconWrapperComponent]
346
351
  }]
347
352
  }], ctorParameters: () => [{ type: i1.EditorLocalizationService }, { type: i2.DialogService }, { type: i0.NgZone }, { type: i3.ProviderService }, { type: i0.Renderer2 }], propDecorators: { value: [{
348
353
  type: Input
@@ -3,7 +3,6 @@
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  import { Component, ViewChild, ElementRef, forwardRef, Input, Output, EventEmitter, Renderer2 } from '@angular/core';
6
- import { NgIf } from '@angular/common';
7
6
  import { ToolBarToolComponent } from '@progress/kendo-angular-toolbar';
8
7
  import { DialogService } from '@progress/kendo-angular-dialog';
9
8
  import { fontFamilyIcon } from '@progress/kendo-svg-icons';
@@ -179,51 +178,53 @@ export class EditorFontFamilyComponent extends ToolBarToolComponent {
179
178
  return false;
180
179
  }
181
180
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditorFontFamilyComponent, deps: [{ token: i1.DialogService }, { token: i2.EditorLocalizationService }, { token: i3.ProviderService }, { token: i4.EditorToolsService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
182
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: EditorFontFamilyComponent, isStandalone: true, selector: "kendo-toolbar-dropdownlist[kendoEditorFontFamily]", inputs: { data: "data" }, outputs: { valueChange: "valueChange" }, providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => EditorFontFamilyComponent) }], viewQueries: [{ propertyName: "element", first: true, predicate: ["element"], descendants: true }, { propertyName: "fontFamilyDropDownList", first: true, predicate: ["element"], descendants: true, read: FontFamilyDropDownListComponent }, { propertyName: "fontFamilyButton", first: true, predicate: ["fontFamilyButton"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: `
181
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: EditorFontFamilyComponent, isStandalone: true, selector: "kendo-toolbar-dropdownlist[kendoEditorFontFamily]", inputs: { data: "data" }, outputs: { valueChange: "valueChange" }, providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => EditorFontFamilyComponent) }], viewQueries: [{ propertyName: "element", first: true, predicate: ["element"], descendants: true }, { propertyName: "fontFamilyDropDownList", first: true, predicate: ["element"], descendants: true, read: FontFamilyDropDownListComponent }, { propertyName: "fontFamilyButton", first: true, predicate: ["fontFamilyButton"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: `
183
182
  <ng-template #toolbarTemplate>
184
- <kendo-editor-fontfamily-dropdownlist
185
- #element
186
- [defaultItem]="defaultItem"
187
- [data]="data"
188
- [(value)]="value"
189
- [itemDisabled]="itemDisabled"
190
- [title]="title"
191
- [disabled]="disabled"
192
- [tabindex]="tabindex"
193
- (valueChange)="onValueChange($event)"
183
+ <kendo-editor-fontfamily-dropdownlist
184
+ #element
185
+ [defaultItem]="defaultItem"
186
+ [data]="data"
187
+ [(value)]="value"
188
+ [itemDisabled]="itemDisabled"
189
+ [title]="title"
190
+ [disabled]="disabled"
191
+ [tabindex]="tabindex"
192
+ (valueChange)="onValueChange($event)"
194
193
  >
195
- </kendo-editor-fontfamily-dropdownlist>
194
+ </kendo-editor-fontfamily-dropdownlist>
196
195
  </ng-template>
197
196
  <ng-template #popupTemplate>
198
- <div #fontFamilyButton
199
- tabindex="-1"
200
- role="menuitem"
201
- class="k-item k-menu-item"
202
- [class.k-disabled]="disabled"
203
- [tabindex]="tabindex"
204
- (click)="openDialog()">
205
- <span
206
- class="k-link k-menu-link">
207
- <kendo-icon-wrapper name="font-family" [svgIcon]="fontFamilySVGIcon"></kendo-icon-wrapper>
208
- <span *ngIf="title" class="k-menu-link-text">{{title}}</span>
209
- </span>
210
- </div>
197
+ <div #fontFamilyButton
198
+ tabindex="-1"
199
+ role="menuitem"
200
+ class="k-item k-menu-item"
201
+ [class.k-disabled]="disabled"
202
+ [tabindex]="tabindex"
203
+ (click)="openDialog()">
204
+ <span
205
+ class="k-link k-menu-link">
206
+ <kendo-icon-wrapper name="font-family" [svgIcon]="fontFamilySVGIcon"></kendo-icon-wrapper>
207
+ @if (title) {
208
+ <span class="k-menu-link-text">{{title}}</span>
209
+ }
210
+ </span>
211
+ </div>
211
212
  </ng-template>
212
213
  <ng-template #sectionTemplate>
213
- <kendo-editor-fontfamily-dropdownlist
214
- #element
215
- [defaultItem]="defaultItem"
216
- [data]="data"
217
- [(value)]="value"
218
- [itemDisabled]="itemDisabled"
219
- [title]="title"
220
- [disabled]="disabled"
221
- [tabindex]="tabindex"
222
- (valueChange)="onValueChange($event)"
214
+ <kendo-editor-fontfamily-dropdownlist
215
+ #element
216
+ [defaultItem]="defaultItem"
217
+ [data]="data"
218
+ [(value)]="value"
219
+ [itemDisabled]="itemDisabled"
220
+ [title]="title"
221
+ [disabled]="disabled"
222
+ [tabindex]="tabindex"
223
+ (valueChange)="onValueChange($event)"
223
224
  >
224
- </kendo-editor-fontfamily-dropdownlist>
225
+ </kendo-editor-fontfamily-dropdownlist>
225
226
  </ng-template>
226
- `, isInline: true, dependencies: [{ kind: "component", type: FontFamilyDropDownListComponent, selector: "kendo-editor-fontfamily-dropdownlist", inputs: ["data", "value", "defaultItem", "itemDisabled", "title", "disabled", "tabindex"], outputs: ["valueChange"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
227
+ `, isInline: true, dependencies: [{ kind: "component", type: FontFamilyDropDownListComponent, selector: "kendo-editor-fontfamily-dropdownlist", inputs: ["data", "value", "defaultItem", "itemDisabled", "title", "disabled", "tabindex"], outputs: ["valueChange"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }] });
227
228
  }
228
229
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditorFontFamilyComponent, decorators: [{
229
230
  type: Component,
@@ -232,51 +233,53 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
232
233
  selector: 'kendo-toolbar-dropdownlist[kendoEditorFontFamily]',
233
234
  template: `
234
235
  <ng-template #toolbarTemplate>
235
- <kendo-editor-fontfamily-dropdownlist
236
- #element
237
- [defaultItem]="defaultItem"
238
- [data]="data"
239
- [(value)]="value"
240
- [itemDisabled]="itemDisabled"
241
- [title]="title"
242
- [disabled]="disabled"
243
- [tabindex]="tabindex"
244
- (valueChange)="onValueChange($event)"
236
+ <kendo-editor-fontfamily-dropdownlist
237
+ #element
238
+ [defaultItem]="defaultItem"
239
+ [data]="data"
240
+ [(value)]="value"
241
+ [itemDisabled]="itemDisabled"
242
+ [title]="title"
243
+ [disabled]="disabled"
244
+ [tabindex]="tabindex"
245
+ (valueChange)="onValueChange($event)"
245
246
  >
246
- </kendo-editor-fontfamily-dropdownlist>
247
+ </kendo-editor-fontfamily-dropdownlist>
247
248
  </ng-template>
248
249
  <ng-template #popupTemplate>
249
- <div #fontFamilyButton
250
- tabindex="-1"
251
- role="menuitem"
252
- class="k-item k-menu-item"
253
- [class.k-disabled]="disabled"
254
- [tabindex]="tabindex"
255
- (click)="openDialog()">
256
- <span
257
- class="k-link k-menu-link">
258
- <kendo-icon-wrapper name="font-family" [svgIcon]="fontFamilySVGIcon"></kendo-icon-wrapper>
259
- <span *ngIf="title" class="k-menu-link-text">{{title}}</span>
260
- </span>
261
- </div>
250
+ <div #fontFamilyButton
251
+ tabindex="-1"
252
+ role="menuitem"
253
+ class="k-item k-menu-item"
254
+ [class.k-disabled]="disabled"
255
+ [tabindex]="tabindex"
256
+ (click)="openDialog()">
257
+ <span
258
+ class="k-link k-menu-link">
259
+ <kendo-icon-wrapper name="font-family" [svgIcon]="fontFamilySVGIcon"></kendo-icon-wrapper>
260
+ @if (title) {
261
+ <span class="k-menu-link-text">{{title}}</span>
262
+ }
263
+ </span>
264
+ </div>
262
265
  </ng-template>
263
266
  <ng-template #sectionTemplate>
264
- <kendo-editor-fontfamily-dropdownlist
265
- #element
266
- [defaultItem]="defaultItem"
267
- [data]="data"
268
- [(value)]="value"
269
- [itemDisabled]="itemDisabled"
270
- [title]="title"
271
- [disabled]="disabled"
272
- [tabindex]="tabindex"
273
- (valueChange)="onValueChange($event)"
267
+ <kendo-editor-fontfamily-dropdownlist
268
+ #element
269
+ [defaultItem]="defaultItem"
270
+ [data]="data"
271
+ [(value)]="value"
272
+ [itemDisabled]="itemDisabled"
273
+ [title]="title"
274
+ [disabled]="disabled"
275
+ [tabindex]="tabindex"
276
+ (valueChange)="onValueChange($event)"
274
277
  >
275
- </kendo-editor-fontfamily-dropdownlist>
278
+ </kendo-editor-fontfamily-dropdownlist>
276
279
  </ng-template>
277
- `,
280
+ `,
278
281
  standalone: true,
279
- imports: [FontFamilyDropDownListComponent, IconWrapperComponent, NgIf]
282
+ imports: [FontFamilyDropDownListComponent, IconWrapperComponent]
280
283
  }]
281
284
  }], ctorParameters: () => [{ type: i1.DialogService }, { type: i2.EditorLocalizationService }, { type: i3.ProviderService }, { type: i4.EditorToolsService }, { type: i0.Renderer2 }], propDecorators: { data: [{
282
285
  type: Input