@skyux/code-examples 13.11.0 → 13.11.2
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/fesm2022/skyux-code-examples.mjs +1148 -1723
- package/fesm2022/skyux-code-examples.mjs.map +1 -1
- package/index.d.ts +51 -89
- package/package.json +34 -34
package/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import {
|
|
2
|
+
import { TemplateRef, OnDestroy, OnInit } from '@angular/core';
|
|
3
3
|
import * as _angular_forms from '@angular/forms';
|
|
4
4
|
import { FormControl, FormGroup, AbstractControl } from '@angular/forms';
|
|
5
5
|
import { SkySummaryActionBarError } from '@skyux/action-bars';
|
|
@@ -88,7 +88,7 @@ interface AutocompleteOption$a {
|
|
|
88
88
|
id: string;
|
|
89
89
|
name: string;
|
|
90
90
|
}
|
|
91
|
-
interface AgGridDemoRow$
|
|
91
|
+
interface AgGridDemoRow$5 {
|
|
92
92
|
selected?: boolean;
|
|
93
93
|
name: string;
|
|
94
94
|
age: number;
|
|
@@ -103,12 +103,9 @@ interface AgGridDemoRow$3 {
|
|
|
103
103
|
*/
|
|
104
104
|
declare class AgGridDataEntryGridBasicExampleComponent {
|
|
105
105
|
#private;
|
|
106
|
-
protected gridData: AgGridDemoRow$
|
|
107
|
-
protected gridOptions: GridOptions
|
|
108
|
-
protected noRowsTemplate: string;
|
|
109
|
-
protected searchText: string;
|
|
106
|
+
protected readonly gridData: i0.WritableSignal<AgGridDemoRow$5[]>;
|
|
107
|
+
protected gridOptions: ag_grid_community.GridOptions<any>;
|
|
110
108
|
constructor();
|
|
111
|
-
onGridReady(gridReadyEvent: GridReadyEvent): void;
|
|
112
109
|
protected openModal(): void;
|
|
113
110
|
protected searchApplied(searchText: string | void): void;
|
|
114
111
|
static ɵfac: i0.ɵɵFactoryDeclaration<AgGridDataEntryGridBasicExampleComponent, never>;
|
|
@@ -119,7 +116,8 @@ interface AutocompleteOption$9 {
|
|
|
119
116
|
id: string;
|
|
120
117
|
name: string;
|
|
121
118
|
}
|
|
122
|
-
interface AgGridDemoRow$
|
|
119
|
+
interface AgGridDemoRow$4 {
|
|
120
|
+
id: string;
|
|
123
121
|
selected?: boolean;
|
|
124
122
|
name: string;
|
|
125
123
|
age: number;
|
|
@@ -127,6 +125,8 @@ interface AgGridDemoRow$2 {
|
|
|
127
125
|
endDate?: Date;
|
|
128
126
|
department: AutocompleteOption$9;
|
|
129
127
|
jobTitle?: AutocompleteOption$9;
|
|
128
|
+
validationCurrency?: string;
|
|
129
|
+
validationDate?: string;
|
|
130
130
|
}
|
|
131
131
|
|
|
132
132
|
declare class SalesModalComponent$2 implements SkyFilterItemModal {
|
|
@@ -144,14 +144,12 @@ declare class SalesModalComponent$2 implements SkyFilterItemModal {
|
|
|
144
144
|
/**
|
|
145
145
|
* @title Data manager setup
|
|
146
146
|
*/
|
|
147
|
-
declare class AgGridDataEntryGridDataManagerAddedExampleComponent
|
|
147
|
+
declare class AgGridDataEntryGridDataManagerAddedExampleComponent {
|
|
148
148
|
#private;
|
|
149
|
-
protected items: AgGridDemoRow$
|
|
150
|
-
protected salesModal: typeof SalesModalComponent$2;
|
|
149
|
+
protected readonly items: i0.WritableSignal<AgGridDemoRow$4[]>;
|
|
150
|
+
protected readonly salesModal: typeof SalesModalComponent$2;
|
|
151
151
|
protected readonly recordCount: i0.Signal<number>;
|
|
152
152
|
constructor();
|
|
153
|
-
ngOnInit(): void;
|
|
154
|
-
ngOnDestroy(): void;
|
|
155
153
|
protected openModal(): void;
|
|
156
154
|
onJobTitleSearchAsync(args: SkyFilterItemLookupSearchAsyncArgs): void;
|
|
157
155
|
static ɵfac: i0.ɵɵFactoryDeclaration<AgGridDataEntryGridDataManagerAddedExampleComponent, never>;
|
|
@@ -162,7 +160,7 @@ interface AutocompleteOption$8 {
|
|
|
162
160
|
id: string;
|
|
163
161
|
name: string;
|
|
164
162
|
}
|
|
165
|
-
interface AgGridDemoRow$
|
|
163
|
+
interface AgGridDemoRow$3 {
|
|
166
164
|
selected?: boolean;
|
|
167
165
|
name: string;
|
|
168
166
|
age: number;
|
|
@@ -179,8 +177,7 @@ interface AgGridDemoRow$1 {
|
|
|
179
177
|
*/
|
|
180
178
|
declare class AgGridDataEntryGridFocusExampleComponent {
|
|
181
179
|
#private;
|
|
182
|
-
protected
|
|
183
|
-
protected gridOptions: ag_grid_community.GridOptions<AgGridDemoRow$1>;
|
|
180
|
+
protected gridOptions: ag_grid_community.GridOptions<AgGridDemoRow$3>;
|
|
184
181
|
static ɵfac: i0.ɵɵFactoryDeclaration<AgGridDataEntryGridFocusExampleComponent, never>;
|
|
185
182
|
static ɵcmp: i0.ɵɵComponentDeclaration<AgGridDataEntryGridFocusExampleComponent, "app-ag-grid-data-entry-grid-focus-example", never, {}, {}, never, never, true, never>;
|
|
186
183
|
}
|
|
@@ -189,7 +186,7 @@ interface AutocompleteOption$7 {
|
|
|
189
186
|
id: string;
|
|
190
187
|
name: string;
|
|
191
188
|
}
|
|
192
|
-
interface AgGridDemoRow {
|
|
189
|
+
interface AgGridDemoRow$2 {
|
|
193
190
|
selected?: boolean;
|
|
194
191
|
name: string;
|
|
195
192
|
age: number;
|
|
@@ -197,6 +194,8 @@ interface AgGridDemoRow {
|
|
|
197
194
|
endDate?: Date;
|
|
198
195
|
department: AutocompleteOption$7;
|
|
199
196
|
jobTitle?: AutocompleteOption$7;
|
|
197
|
+
validationCurrency?: string;
|
|
198
|
+
validationDate?: string;
|
|
200
199
|
}
|
|
201
200
|
|
|
202
201
|
/**
|
|
@@ -204,12 +203,9 @@ interface AgGridDemoRow {
|
|
|
204
203
|
*/
|
|
205
204
|
declare class AgGridDataEntryGridInlineHelpExampleComponent {
|
|
206
205
|
#private;
|
|
207
|
-
protected gridData: AgGridDemoRow[]
|
|
208
|
-
protected gridOptions: GridOptions
|
|
209
|
-
protected noRowsTemplate: string;
|
|
210
|
-
protected searchText: string;
|
|
206
|
+
protected readonly gridData: i0.WritableSignal<AgGridDemoRow$2[]>;
|
|
207
|
+
protected gridOptions: GridOptions<AgGridDemoRow$2>;
|
|
211
208
|
constructor();
|
|
212
|
-
onGridReady(gridReadyEvent: GridReadyEvent): void;
|
|
213
209
|
protected openModal(): void;
|
|
214
210
|
protected searchApplied(searchText: string | void): void;
|
|
215
211
|
static ɵfac: i0.ɵɵFactoryDeclaration<AgGridDataEntryGridInlineHelpExampleComponent, never>;
|
|
@@ -317,6 +313,16 @@ interface AutocompleteOption$4 {
|
|
|
317
313
|
id: string;
|
|
318
314
|
name: string;
|
|
319
315
|
}
|
|
316
|
+
interface AgGridDemoRow$1 {
|
|
317
|
+
id: string;
|
|
318
|
+
selected?: boolean;
|
|
319
|
+
name: string;
|
|
320
|
+
age: number;
|
|
321
|
+
startDate: Date;
|
|
322
|
+
endDate?: Date;
|
|
323
|
+
department: AutocompleteOption$4;
|
|
324
|
+
jobTitle?: AutocompleteOption$4;
|
|
325
|
+
}
|
|
320
326
|
|
|
321
327
|
declare class SalesModalComponent$1 implements SkyFilterItemModal {
|
|
322
328
|
#private;
|
|
@@ -333,36 +339,12 @@ declare class SalesModalComponent$1 implements SkyFilterItemModal {
|
|
|
333
339
|
/**
|
|
334
340
|
* @title Data manager setup with multiselect
|
|
335
341
|
*/
|
|
336
|
-
declare class AgGridDataGridDataManagerMultiselectExampleComponent
|
|
342
|
+
declare class AgGridDataGridDataManagerMultiselectExampleComponent {
|
|
337
343
|
#private;
|
|
338
|
-
protected items:
|
|
339
|
-
selected: boolean;
|
|
340
|
-
name: string;
|
|
341
|
-
age: number;
|
|
342
|
-
startDate: Date;
|
|
343
|
-
department: {
|
|
344
|
-
id: string;
|
|
345
|
-
name: string;
|
|
346
|
-
};
|
|
347
|
-
jobTitle: AutocompleteOption$4;
|
|
348
|
-
endDate?: undefined;
|
|
349
|
-
} | {
|
|
350
|
-
selected: boolean;
|
|
351
|
-
name: string;
|
|
352
|
-
age: number;
|
|
353
|
-
startDate: Date;
|
|
354
|
-
endDate: Date;
|
|
355
|
-
department: {
|
|
356
|
-
id: string;
|
|
357
|
-
name: string;
|
|
358
|
-
};
|
|
359
|
-
jobTitle: AutocompleteOption$4;
|
|
360
|
-
})[];
|
|
344
|
+
protected items: AgGridDemoRow$1[];
|
|
361
345
|
protected salesModal: typeof SalesModalComponent$1;
|
|
362
346
|
protected readonly recordCount: i0.Signal<number>;
|
|
363
347
|
constructor();
|
|
364
|
-
ngOnInit(): void;
|
|
365
|
-
ngOnDestroy(): void;
|
|
366
348
|
onJobTitleSearchAsync(args: SkyFilterItemLookupSearchAsyncArgs): void;
|
|
367
349
|
static ɵfac: i0.ɵɵFactoryDeclaration<AgGridDataGridDataManagerMultiselectExampleComponent, never>;
|
|
368
350
|
static ɵcmp: i0.ɵɵComponentDeclaration<AgGridDataGridDataManagerMultiselectExampleComponent, "app-ag-grid-data-grid-data-manager-example", never, {}, {}, never, never, true, never>;
|
|
@@ -372,6 +354,16 @@ interface AutocompleteOption$3 {
|
|
|
372
354
|
id: string;
|
|
373
355
|
name: string;
|
|
374
356
|
}
|
|
357
|
+
interface AgGridDemoRow {
|
|
358
|
+
id: string;
|
|
359
|
+
selected?: boolean;
|
|
360
|
+
name: string;
|
|
361
|
+
age: number;
|
|
362
|
+
startDate: Date;
|
|
363
|
+
endDate?: Date;
|
|
364
|
+
department: AutocompleteOption$3;
|
|
365
|
+
jobTitle?: AutocompleteOption$3;
|
|
366
|
+
}
|
|
375
367
|
|
|
376
368
|
declare class SalesModalComponent implements SkyFilterItemModal {
|
|
377
369
|
#private;
|
|
@@ -388,34 +380,12 @@ declare class SalesModalComponent implements SkyFilterItemModal {
|
|
|
388
380
|
/**
|
|
389
381
|
* @title Data manager setup
|
|
390
382
|
*/
|
|
391
|
-
declare class AgGridDataGridDataManagerExampleComponent
|
|
383
|
+
declare class AgGridDataGridDataManagerExampleComponent {
|
|
392
384
|
#private;
|
|
393
|
-
protected items:
|
|
394
|
-
name: string;
|
|
395
|
-
age: number;
|
|
396
|
-
startDate: Date;
|
|
397
|
-
department: {
|
|
398
|
-
id: string;
|
|
399
|
-
name: string;
|
|
400
|
-
};
|
|
401
|
-
jobTitle: AutocompleteOption$3;
|
|
402
|
-
endDate?: undefined;
|
|
403
|
-
} | {
|
|
404
|
-
name: string;
|
|
405
|
-
age: number;
|
|
406
|
-
startDate: Date;
|
|
407
|
-
endDate: Date;
|
|
408
|
-
department: {
|
|
409
|
-
id: string;
|
|
410
|
-
name: string;
|
|
411
|
-
};
|
|
412
|
-
jobTitle: AutocompleteOption$3;
|
|
413
|
-
})[];
|
|
385
|
+
protected items: AgGridDemoRow[];
|
|
414
386
|
protected salesModal: typeof SalesModalComponent;
|
|
415
387
|
protected readonly recordCount: i0.Signal<number>;
|
|
416
388
|
constructor();
|
|
417
|
-
ngOnInit(): void;
|
|
418
|
-
ngOnDestroy(): void;
|
|
419
389
|
onJobTitleSearchAsync(args: SkyFilterItemLookupSearchAsyncArgs): void;
|
|
420
390
|
static ɵfac: i0.ɵɵFactoryDeclaration<AgGridDataGridDataManagerExampleComponent, never>;
|
|
421
391
|
static ɵcmp: i0.ɵɵComponentDeclaration<AgGridDataGridDataManagerExampleComponent, "app-ag-grid-data-grid-data-manager-example", never, {}, {}, never, never, true, never>;
|
|
@@ -480,7 +450,7 @@ interface AutocompleteOption$1 {
|
|
|
480
450
|
/**
|
|
481
451
|
* @title Basic setup with paging (without data manager)
|
|
482
452
|
*/
|
|
483
|
-
declare class AgGridDataGridPagingExampleComponent
|
|
453
|
+
declare class AgGridDataGridPagingExampleComponent {
|
|
484
454
|
#private;
|
|
485
455
|
protected currentPage: number;
|
|
486
456
|
protected readonly pageSize = 3;
|
|
@@ -517,8 +487,6 @@ declare class AgGridDataGridPagingExampleComponent implements OnInit, OnDestroy
|
|
|
517
487
|
})[];
|
|
518
488
|
protected gridOptions: GridOptions;
|
|
519
489
|
constructor();
|
|
520
|
-
ngOnInit(): void;
|
|
521
|
-
ngOnDestroy(): void;
|
|
522
490
|
onGridReady(gridReadyEvent: GridReadyEvent): void;
|
|
523
491
|
protected onPageChange(page: number): Promise<void>;
|
|
524
492
|
static ɵfac: i0.ɵɵFactoryDeclaration<AgGridDataGridPagingExampleComponent, never>;
|
|
@@ -528,11 +496,10 @@ declare class AgGridDataGridPagingExampleComponent implements OnInit, OnDestroy
|
|
|
528
496
|
/**
|
|
529
497
|
* @title Basic setup with template ref column type (without data manager)
|
|
530
498
|
*/
|
|
531
|
-
declare class AgGridDataGridTemplateRefColumnExampleComponent
|
|
532
|
-
|
|
533
|
-
protected
|
|
534
|
-
protected
|
|
535
|
-
protected gridData: ({
|
|
499
|
+
declare class AgGridDataGridTemplateRefColumnExampleComponent {
|
|
500
|
+
protected readonly boldColumn: i0.Signal<TemplateRef<unknown> | undefined>;
|
|
501
|
+
protected readonly emphasizedColumn: i0.Signal<TemplateRef<unknown> | undefined>;
|
|
502
|
+
protected gridOptions: ag_grid_community.GridOptions<{
|
|
536
503
|
name: string;
|
|
537
504
|
age: number;
|
|
538
505
|
department: string;
|
|
@@ -553,9 +520,7 @@ declare class AgGridDataGridTemplateRefColumnExampleComponent implements OnInit
|
|
|
553
520
|
department: string;
|
|
554
521
|
jobTitle: string;
|
|
555
522
|
jobLevel: string;
|
|
556
|
-
}
|
|
557
|
-
protected gridOptions: GridOptions | undefined;
|
|
558
|
-
ngOnInit(): void;
|
|
523
|
+
}>;
|
|
559
524
|
static ɵfac: i0.ɵɵFactoryDeclaration<AgGridDataGridTemplateRefColumnExampleComponent, never>;
|
|
560
525
|
static ɵcmp: i0.ɵɵComponentDeclaration<AgGridDataGridTemplateRefColumnExampleComponent, "app-ag-grid-data-grid-template-ref-column-example", never, {}, {}, never, never, true, never>;
|
|
561
526
|
}
|
|
@@ -884,13 +849,10 @@ interface DataManagerDemoRow {
|
|
|
884
849
|
color: string;
|
|
885
850
|
}
|
|
886
851
|
|
|
887
|
-
declare class OrangeModalComponent implements SkyFilterItemModal
|
|
888
|
-
#private;
|
|
889
|
-
protected hideOrange: boolean | undefined;
|
|
890
|
-
protected modalLabel: string;
|
|
852
|
+
declare class OrangeModalComponent implements SkyFilterItemModal {
|
|
891
853
|
readonly modalInstance: SkyFilterItemModalInstance<any>;
|
|
892
|
-
|
|
893
|
-
|
|
854
|
+
protected hideOrange: _angular_forms.FormControl<boolean | null>;
|
|
855
|
+
protected modalLabel: string;
|
|
894
856
|
protected applyFilters(): void;
|
|
895
857
|
protected cancel(): void;
|
|
896
858
|
static ɵfac: i0.ɵɵFactoryDeclaration<OrangeModalComponent, never>;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@skyux/code-examples",
|
|
3
|
-
"version": "13.11.
|
|
3
|
+
"version": "13.11.2",
|
|
4
4
|
"author": "Blackbaud, Inc.",
|
|
5
5
|
"description": "Internal SKY UX use only",
|
|
6
6
|
"keywords": [
|
|
@@ -23,39 +23,39 @@
|
|
|
23
23
|
"@angular/forms": "^20.3.15",
|
|
24
24
|
"@angular/router": "^20.3.15",
|
|
25
25
|
"@blackbaud/angular-tree-component": "^1.0.0",
|
|
26
|
-
"@skyux/action-bars": "13.11.
|
|
27
|
-
"@skyux/ag-grid": "13.11.
|
|
28
|
-
"@skyux/angular-tree-component": "13.11.
|
|
29
|
-
"@skyux/autonumeric": "13.11.
|
|
30
|
-
"@skyux/avatar": "13.11.
|
|
31
|
-
"@skyux/colorpicker": "13.11.
|
|
32
|
-
"@skyux/core": "13.11.
|
|
33
|
-
"@skyux/data-manager": "13.11.
|
|
34
|
-
"@skyux/datetime": "13.11.
|
|
35
|
-
"@skyux/errors": "13.11.
|
|
36
|
-
"@skyux/filter-bar": "13.11.
|
|
37
|
-
"@skyux/flyout": "13.11.
|
|
38
|
-
"@skyux/forms": "13.11.
|
|
39
|
-
"@skyux/help-inline": "13.11.
|
|
40
|
-
"@skyux/icon": "13.11.
|
|
41
|
-
"@skyux/indicators": "13.11.
|
|
42
|
-
"@skyux/inline-form": "13.11.
|
|
43
|
-
"@skyux/layout": "13.11.
|
|
44
|
-
"@skyux/lists": "13.11.
|
|
45
|
-
"@skyux/lookup": "13.11.
|
|
46
|
-
"@skyux/modals": "13.11.
|
|
47
|
-
"@skyux/navbar": "13.11.
|
|
48
|
-
"@skyux/pages": "13.11.
|
|
49
|
-
"@skyux/phone-field": "13.11.
|
|
50
|
-
"@skyux/popovers": "13.11.
|
|
51
|
-
"@skyux/progress-indicator": "13.11.
|
|
52
|
-
"@skyux/router": "13.11.
|
|
53
|
-
"@skyux/split-view": "13.11.
|
|
54
|
-
"@skyux/tabs": "13.11.
|
|
55
|
-
"@skyux/text-editor": "13.11.
|
|
56
|
-
"@skyux/tiles": "13.11.
|
|
57
|
-
"@skyux/toast": "13.11.
|
|
58
|
-
"@skyux/validation": "13.11.
|
|
26
|
+
"@skyux/action-bars": "13.11.2",
|
|
27
|
+
"@skyux/ag-grid": "13.11.2",
|
|
28
|
+
"@skyux/angular-tree-component": "13.11.2",
|
|
29
|
+
"@skyux/autonumeric": "13.11.2",
|
|
30
|
+
"@skyux/avatar": "13.11.2",
|
|
31
|
+
"@skyux/colorpicker": "13.11.2",
|
|
32
|
+
"@skyux/core": "13.11.2",
|
|
33
|
+
"@skyux/data-manager": "13.11.2",
|
|
34
|
+
"@skyux/datetime": "13.11.2",
|
|
35
|
+
"@skyux/errors": "13.11.2",
|
|
36
|
+
"@skyux/filter-bar": "13.11.2",
|
|
37
|
+
"@skyux/flyout": "13.11.2",
|
|
38
|
+
"@skyux/forms": "13.11.2",
|
|
39
|
+
"@skyux/help-inline": "13.11.2",
|
|
40
|
+
"@skyux/icon": "13.11.2",
|
|
41
|
+
"@skyux/indicators": "13.11.2",
|
|
42
|
+
"@skyux/inline-form": "13.11.2",
|
|
43
|
+
"@skyux/layout": "13.11.2",
|
|
44
|
+
"@skyux/lists": "13.11.2",
|
|
45
|
+
"@skyux/lookup": "13.11.2",
|
|
46
|
+
"@skyux/modals": "13.11.2",
|
|
47
|
+
"@skyux/navbar": "13.11.2",
|
|
48
|
+
"@skyux/pages": "13.11.2",
|
|
49
|
+
"@skyux/phone-field": "13.11.2",
|
|
50
|
+
"@skyux/popovers": "13.11.2",
|
|
51
|
+
"@skyux/progress-indicator": "13.11.2",
|
|
52
|
+
"@skyux/router": "13.11.2",
|
|
53
|
+
"@skyux/split-view": "13.11.2",
|
|
54
|
+
"@skyux/tabs": "13.11.2",
|
|
55
|
+
"@skyux/text-editor": "13.11.2",
|
|
56
|
+
"@skyux/tiles": "13.11.2",
|
|
57
|
+
"@skyux/toast": "13.11.2",
|
|
58
|
+
"@skyux/validation": "13.11.2",
|
|
59
59
|
"ag-grid-angular": "^34.3.1",
|
|
60
60
|
"ag-grid-community": "^34.3.1"
|
|
61
61
|
},
|