@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.
- package/esm2022/dialogs/file-link-dialog.component.mjs +118 -119
- package/esm2022/editor.component.mjs +296 -283
- package/esm2022/package-metadata.mjs +2 -2
- package/esm2022/tools/colorpicker/editor-colorpicker.component.mjs +112 -107
- package/esm2022/tools/fontfamily/editor-fontfamily.component.mjs +78 -75
- package/esm2022/tools/fontsize/editor-fontsize.component.mjs +78 -75
- package/esm2022/tools/format/editor-format-dropdownlist.component.mjs +118 -101
- package/esm2022/tools/format/editor-format.component.mjs +76 -73
- package/esm2022/tools/tables/editor-insert-table-button.component.mjs +86 -83
- package/esm2022/tools/tables/popup-table-grid.component.mjs +28 -25
- package/fesm2022/progress-kendo-angular-editor.mjs +993 -935
- package/package.json +15 -15
- package/schematics/ngAdd/index.js +4 -4
|
@@ -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, Input, forwardRef, Output, EventEmitter, ElementRef, 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 { applyFormatIcon } from '@progress/kendo-svg-icons';
|
|
@@ -170,50 +169,52 @@ export class EditorFormatComponent extends ToolBarToolComponent {
|
|
|
170
169
|
return false;
|
|
171
170
|
}
|
|
172
171
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditorFormatComponent, deps: [{ token: i1.DialogService }, { token: i2.EditorLocalizationService }, { token: i3.ProviderService }, { token: i4.EditorToolsService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
173
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
172
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: EditorFormatComponent, isStandalone: true, selector: "kendo-toolbar-dropdownlist[kendoEditorFormat]", inputs: { data: "data" }, outputs: { valueChange: "valueChange" }, providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => EditorFormatComponent) }], viewQueries: [{ propertyName: "formatDropDownList", first: true, predicate: ["formatDropDownList"], descendants: true }, { propertyName: "formatButton", first: true, predicate: ["formatButton"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: `
|
|
174
173
|
<ng-template #toolbarTemplate>
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
174
|
+
<kendo-editor-format-dropdownlist
|
|
175
|
+
#formatDropDownList
|
|
176
|
+
[defaultItem]="defaultItem"
|
|
177
|
+
[data]="data"
|
|
178
|
+
[(value)]="value"
|
|
179
|
+
[itemDisabled]="itemDisabled"
|
|
180
|
+
[title]="title"
|
|
181
|
+
[disabled]="disabled"
|
|
182
|
+
[tabindex]="tabindex"
|
|
183
|
+
(valueChange)="onValueChange($event)"
|
|
185
184
|
>
|
|
186
|
-
|
|
185
|
+
</kendo-editor-format-dropdownlist>
|
|
187
186
|
</ng-template>
|
|
188
187
|
<ng-template #popupTemplate>
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
</span>
|
|
200
|
-
|
|
188
|
+
<div #formatButton
|
|
189
|
+
role="menuitem"
|
|
190
|
+
class="k-item k-menu-item"
|
|
191
|
+
[class.k-disabled]="disabled"
|
|
192
|
+
[tabindex]="tabindex"
|
|
193
|
+
(click)="openDialog()">
|
|
194
|
+
<span
|
|
195
|
+
class="k-link k-menu-link">
|
|
196
|
+
<kendo-icon-wrapper name="apply-format" [svgIcon]="applyFormatSVGIcon"></kendo-icon-wrapper>
|
|
197
|
+
@if (title) {
|
|
198
|
+
<span class="k-menu-link-text">{{title}}</span>
|
|
199
|
+
}
|
|
200
|
+
</span>
|
|
201
|
+
</div>
|
|
201
202
|
</ng-template>
|
|
202
203
|
<ng-template #sectionTemplate>
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
204
|
+
<kendo-editor-format-dropdownlist
|
|
205
|
+
#formatDropDownList
|
|
206
|
+
[defaultItem]="defaultItem"
|
|
207
|
+
[data]="data"
|
|
208
|
+
[(value)]="value"
|
|
209
|
+
[itemDisabled]="itemDisabled"
|
|
210
|
+
[title]="title"
|
|
211
|
+
[disabled]="disabled"
|
|
212
|
+
[tabindex]="tabindex"
|
|
213
|
+
(valueChange)="onValueChange($event)"
|
|
213
214
|
>
|
|
214
|
-
|
|
215
|
+
</kendo-editor-format-dropdownlist>
|
|
215
216
|
</ng-template>
|
|
216
|
-
|
|
217
|
+
`, isInline: true, dependencies: [{ kind: "component", type: FormatDropDownListComponent, selector: "kendo-editor-format-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"] }] });
|
|
217
218
|
}
|
|
218
219
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditorFormatComponent, decorators: [{
|
|
219
220
|
type: Component,
|
|
@@ -222,50 +223,52 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
222
223
|
selector: 'kendo-toolbar-dropdownlist[kendoEditorFormat]',
|
|
223
224
|
template: `
|
|
224
225
|
<ng-template #toolbarTemplate>
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
226
|
+
<kendo-editor-format-dropdownlist
|
|
227
|
+
#formatDropDownList
|
|
228
|
+
[defaultItem]="defaultItem"
|
|
229
|
+
[data]="data"
|
|
230
|
+
[(value)]="value"
|
|
231
|
+
[itemDisabled]="itemDisabled"
|
|
232
|
+
[title]="title"
|
|
233
|
+
[disabled]="disabled"
|
|
234
|
+
[tabindex]="tabindex"
|
|
235
|
+
(valueChange)="onValueChange($event)"
|
|
235
236
|
>
|
|
236
|
-
|
|
237
|
+
</kendo-editor-format-dropdownlist>
|
|
237
238
|
</ng-template>
|
|
238
239
|
<ng-template #popupTemplate>
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
</span>
|
|
250
|
-
|
|
240
|
+
<div #formatButton
|
|
241
|
+
role="menuitem"
|
|
242
|
+
class="k-item k-menu-item"
|
|
243
|
+
[class.k-disabled]="disabled"
|
|
244
|
+
[tabindex]="tabindex"
|
|
245
|
+
(click)="openDialog()">
|
|
246
|
+
<span
|
|
247
|
+
class="k-link k-menu-link">
|
|
248
|
+
<kendo-icon-wrapper name="apply-format" [svgIcon]="applyFormatSVGIcon"></kendo-icon-wrapper>
|
|
249
|
+
@if (title) {
|
|
250
|
+
<span class="k-menu-link-text">{{title}}</span>
|
|
251
|
+
}
|
|
252
|
+
</span>
|
|
253
|
+
</div>
|
|
251
254
|
</ng-template>
|
|
252
255
|
<ng-template #sectionTemplate>
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
256
|
+
<kendo-editor-format-dropdownlist
|
|
257
|
+
#formatDropDownList
|
|
258
|
+
[defaultItem]="defaultItem"
|
|
259
|
+
[data]="data"
|
|
260
|
+
[(value)]="value"
|
|
261
|
+
[itemDisabled]="itemDisabled"
|
|
262
|
+
[title]="title"
|
|
263
|
+
[disabled]="disabled"
|
|
264
|
+
[tabindex]="tabindex"
|
|
265
|
+
(valueChange)="onValueChange($event)"
|
|
263
266
|
>
|
|
264
|
-
|
|
267
|
+
</kendo-editor-format-dropdownlist>
|
|
265
268
|
</ng-template>
|
|
266
|
-
|
|
269
|
+
`,
|
|
267
270
|
standalone: true,
|
|
268
|
-
imports: [FormatDropDownListComponent, IconWrapperComponent
|
|
271
|
+
imports: [FormatDropDownListComponent, IconWrapperComponent]
|
|
269
272
|
}]
|
|
270
273
|
}], ctorParameters: () => [{ type: i1.DialogService }, { type: i2.EditorLocalizationService }, { type: i3.ProviderService }, { type: i4.EditorToolsService }, { type: i0.Renderer2 }], propDecorators: { data: [{
|
|
271
274
|
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, TemplateRef, ViewChild, ElementRef, forwardRef, EventEmitter, Renderer2 } from '@angular/core';
|
|
6
|
-
import { NgIf } from '@angular/common';
|
|
7
6
|
import { interval } from 'rxjs';
|
|
8
7
|
import { concatMap, take, takeUntil } from 'rxjs/operators';
|
|
9
8
|
import { ToolBarToolComponent } from '@progress/kendo-angular-toolbar';
|
|
@@ -185,55 +184,57 @@ export class EditorInsertTableButtonComponent extends ToolBarToolComponent {
|
|
|
185
184
|
return (this.overflows ? this.overflowElement : this.element)?.nativeElement;
|
|
186
185
|
}
|
|
187
186
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditorInsertTableButtonComponent, deps: [{ token: i1.EditorLocalizationService }, { token: i2.PopupService }, { token: i3.DialogService }, { token: i4.ProviderService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
188
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
187
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: EditorInsertTableButtonComponent, isStandalone: true, selector: "kendo-editor-insert-table-button", providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => EditorInsertTableButtonComponent) }], viewQueries: [{ propertyName: "element", first: true, predicate: ["element"], descendants: true, read: ElementRef }, { propertyName: "overflowElement", first: true, predicate: ["overflowElement"], descendants: true, read: ElementRef }, { propertyName: "popupGridTemplate", first: true, predicate: ["popupGridTemplate"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: `
|
|
189
188
|
<ng-template #toolbarTemplate>
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
189
|
+
<button
|
|
190
|
+
type="button"
|
|
191
|
+
kendoButton
|
|
192
|
+
class="k-toolbar-button"
|
|
193
|
+
#element
|
|
194
|
+
[attr.title]="title"
|
|
195
|
+
[attr.tabindex]="tabIndex"
|
|
196
|
+
icon="table-add"
|
|
197
|
+
[svgIcon]="addTableSVGIcon"
|
|
198
|
+
[disabled]="disabled"
|
|
199
|
+
(click)="toggle()"
|
|
200
|
+
(blur)="onBlur()"
|
|
201
|
+
></button>
|
|
203
202
|
</ng-template>
|
|
204
203
|
<ng-template #popupTemplate>
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
</span>
|
|
216
|
-
|
|
204
|
+
<div #overflowElement
|
|
205
|
+
role="menuitem"
|
|
206
|
+
class="k-item k-menu-item"
|
|
207
|
+
[class.k-disabled]="disabled"
|
|
208
|
+
[attr.tabindex]="tabIndex"
|
|
209
|
+
(click)="openDialog()">
|
|
210
|
+
<span
|
|
211
|
+
class="k-link k-menu-link">
|
|
212
|
+
<kendo-icon-wrapper name="table-add" [svgIcon]="addTableSVGIcon"></kendo-icon-wrapper>
|
|
213
|
+
@if (title) {
|
|
214
|
+
<span class="k-menu-link-text">{{title}}</span>
|
|
215
|
+
}
|
|
216
|
+
</span>
|
|
217
|
+
</div>
|
|
217
218
|
</ng-template>
|
|
218
219
|
<ng-template #popupGridTemplate>
|
|
219
|
-
|
|
220
|
+
<kendo-popup-table-grid (cellClick)="onCellClick($event)"></kendo-popup-table-grid>
|
|
220
221
|
</ng-template>
|
|
221
222
|
<ng-template #sectionTemplate>
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
223
|
+
<button
|
|
224
|
+
type="button"
|
|
225
|
+
kendoButton
|
|
226
|
+
class="k-toolbar-button"
|
|
227
|
+
#element
|
|
228
|
+
[attr.title]="title"
|
|
229
|
+
[attr.tabindex]="tabIndex"
|
|
230
|
+
icon="table-add"
|
|
231
|
+
[svgIcon]="addTableSVGIcon"
|
|
232
|
+
[disabled]="disabled"
|
|
233
|
+
(click)="toggle()"
|
|
234
|
+
(blur)="onBlur()"
|
|
235
|
+
></button>
|
|
235
236
|
</ng-template>
|
|
236
|
-
|
|
237
|
+
`, isInline: true, dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: PopupTableGridComponent, selector: "kendo-popup-table-grid", outputs: ["cellClick", "tableWizardClick"] }] });
|
|
237
238
|
}
|
|
238
239
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditorInsertTableButtonComponent, decorators: [{
|
|
239
240
|
type: Component,
|
|
@@ -242,55 +243,57 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
242
243
|
selector: 'kendo-editor-insert-table-button',
|
|
243
244
|
template: `
|
|
244
245
|
<ng-template #toolbarTemplate>
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
246
|
+
<button
|
|
247
|
+
type="button"
|
|
248
|
+
kendoButton
|
|
249
|
+
class="k-toolbar-button"
|
|
250
|
+
#element
|
|
251
|
+
[attr.title]="title"
|
|
252
|
+
[attr.tabindex]="tabIndex"
|
|
253
|
+
icon="table-add"
|
|
254
|
+
[svgIcon]="addTableSVGIcon"
|
|
255
|
+
[disabled]="disabled"
|
|
256
|
+
(click)="toggle()"
|
|
257
|
+
(blur)="onBlur()"
|
|
258
|
+
></button>
|
|
258
259
|
</ng-template>
|
|
259
260
|
<ng-template #popupTemplate>
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
</span>
|
|
271
|
-
|
|
261
|
+
<div #overflowElement
|
|
262
|
+
role="menuitem"
|
|
263
|
+
class="k-item k-menu-item"
|
|
264
|
+
[class.k-disabled]="disabled"
|
|
265
|
+
[attr.tabindex]="tabIndex"
|
|
266
|
+
(click)="openDialog()">
|
|
267
|
+
<span
|
|
268
|
+
class="k-link k-menu-link">
|
|
269
|
+
<kendo-icon-wrapper name="table-add" [svgIcon]="addTableSVGIcon"></kendo-icon-wrapper>
|
|
270
|
+
@if (title) {
|
|
271
|
+
<span class="k-menu-link-text">{{title}}</span>
|
|
272
|
+
}
|
|
273
|
+
</span>
|
|
274
|
+
</div>
|
|
272
275
|
</ng-template>
|
|
273
276
|
<ng-template #popupGridTemplate>
|
|
274
|
-
|
|
277
|
+
<kendo-popup-table-grid (cellClick)="onCellClick($event)"></kendo-popup-table-grid>
|
|
275
278
|
</ng-template>
|
|
276
279
|
<ng-template #sectionTemplate>
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
280
|
+
<button
|
|
281
|
+
type="button"
|
|
282
|
+
kendoButton
|
|
283
|
+
class="k-toolbar-button"
|
|
284
|
+
#element
|
|
285
|
+
[attr.title]="title"
|
|
286
|
+
[attr.tabindex]="tabIndex"
|
|
287
|
+
icon="table-add"
|
|
288
|
+
[svgIcon]="addTableSVGIcon"
|
|
289
|
+
[disabled]="disabled"
|
|
290
|
+
(click)="toggle()"
|
|
291
|
+
(blur)="onBlur()"
|
|
292
|
+
></button>
|
|
290
293
|
</ng-template>
|
|
291
|
-
|
|
294
|
+
`,
|
|
292
295
|
standalone: true,
|
|
293
|
-
imports: [ButtonComponent, IconWrapperComponent,
|
|
296
|
+
imports: [ButtonComponent, IconWrapperComponent, PopupTableGridComponent]
|
|
294
297
|
}]
|
|
295
298
|
}], ctorParameters: () => [{ type: i1.EditorLocalizationService }, { type: i2.PopupService }, { type: i3.DialogService }, { type: i4.ProviderService }, { type: i0.Renderer2 }], propDecorators: { element: [{
|
|
296
299
|
type: ViewChild,
|
|
@@ -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, Output, EventEmitter } from '@angular/core';
|
|
6
|
-
import { NgFor } from '@angular/common';
|
|
7
6
|
import { tableWizardIcon } from '@progress/kendo-svg-icons';
|
|
8
7
|
import { EditorLocalizationService } from '../../localization/editor-localization.service';
|
|
9
8
|
import { replaceMessagePlaceholder } from '../../util';
|
|
@@ -59,26 +58,28 @@ export class PopupTableGridComponent {
|
|
|
59
58
|
this.tableWizardClick.emit();
|
|
60
59
|
}
|
|
61
60
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PopupTableGridComponent, deps: [{ token: i1.EditorLocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
62
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
61
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: PopupTableGridComponent, isStandalone: true, selector: "kendo-popup-table-grid", outputs: { cellClick: "cellClick", tableWizardClick: "tableWizardClick" }, ngImport: i0, template: `
|
|
63
62
|
<div
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
63
|
+
[style.border-color]="'inherit'"
|
|
64
|
+
class="k-ct-popup"
|
|
65
|
+
(mouseleave)="resetState()"
|
|
66
|
+
(click)="insertTable()">
|
|
67
|
+
@for (i of cells; track i) {
|
|
68
|
+
<span
|
|
69
|
+
class="k-ct-cell"
|
|
70
|
+
[class.k-selected]="selected(i)"
|
|
71
|
+
[class.k-disabled]="!selected(i)"
|
|
72
|
+
(mouseenter)="setState(i)">
|
|
73
73
|
</span>
|
|
74
|
+
}
|
|
74
75
|
</div>
|
|
75
76
|
<div class="k-status" unselectable="on">{{ message }}</div>
|
|
76
77
|
<!-- uncomment when TableWizard is completed
|
|
77
78
|
<div class="k-editor-toolbar" unselectable="on">
|
|
78
|
-
|
|
79
|
+
<button type="button" kendoButton class="k-tool" [icon]="'table-wizard'" [svgIcon]="tableWizardIcon" (click)="openTableWizard()" title="Table Wizard">Table Wizard</button>
|
|
79
80
|
</div>
|
|
80
81
|
-->
|
|
81
|
-
|
|
82
|
+
`, isInline: true });
|
|
82
83
|
}
|
|
83
84
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PopupTableGridComponent, decorators: [{
|
|
84
85
|
type: Component,
|
|
@@ -86,26 +87,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
86
87
|
selector: 'kendo-popup-table-grid',
|
|
87
88
|
template: `
|
|
88
89
|
<div
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
90
|
+
[style.border-color]="'inherit'"
|
|
91
|
+
class="k-ct-popup"
|
|
92
|
+
(mouseleave)="resetState()"
|
|
93
|
+
(click)="insertTable()">
|
|
94
|
+
@for (i of cells; track i) {
|
|
95
|
+
<span
|
|
96
|
+
class="k-ct-cell"
|
|
97
|
+
[class.k-selected]="selected(i)"
|
|
98
|
+
[class.k-disabled]="!selected(i)"
|
|
99
|
+
(mouseenter)="setState(i)">
|
|
98
100
|
</span>
|
|
101
|
+
}
|
|
99
102
|
</div>
|
|
100
103
|
<div class="k-status" unselectable="on">{{ message }}</div>
|
|
101
104
|
<!-- uncomment when TableWizard is completed
|
|
102
105
|
<div class="k-editor-toolbar" unselectable="on">
|
|
103
|
-
|
|
106
|
+
<button type="button" kendoButton class="k-tool" [icon]="'table-wizard'" [svgIcon]="tableWizardIcon" (click)="openTableWizard()" title="Table Wizard">Table Wizard</button>
|
|
104
107
|
</div>
|
|
105
108
|
-->
|
|
106
|
-
|
|
109
|
+
`,
|
|
107
110
|
standalone: true,
|
|
108
|
-
imports: [
|
|
111
|
+
imports: []
|
|
109
112
|
}]
|
|
110
113
|
}], ctorParameters: () => [{ type: i1.EditorLocalizationService }], propDecorators: { cellClick: [{
|
|
111
114
|
type: Output
|