@skyux/angular-tree-component 9.0.0-alpha.0 → 9.0.0-alpha.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.
Files changed (4) hide show
  1. package/documentation.json +129 -129
  2. package/esm2022/index.mjs +2 -2
  3. package/index.d.ts +1 -1
  4. package/package.json +6 -6
package/documentation.json CHANGED
@@ -13,7 +13,7 @@
13
13
  "originalName": "",
14
14
  "children": [
15
15
  {
16
- "id": 106,
16
+ "id": 1,
17
17
  "name": "SkyAngularTreeModule",
18
18
  "kind": 128,
19
19
  "kindString": "Class",
@@ -38,7 +38,7 @@
38
38
  "title": "Constructors",
39
39
  "kind": 512,
40
40
  "children": [
41
- 107
41
+ 2
42
42
  ]
43
43
  }
44
44
  ],
@@ -51,7 +51,7 @@
51
51
  ]
52
52
  },
53
53
  {
54
- "id": 1,
54
+ "id": 4,
55
55
  "name": "SkyAngularTreeWrapperComponent",
56
56
  "kind": 128,
57
57
  "kindString": "Class",
@@ -75,7 +75,7 @@
75
75
  ],
76
76
  "children": [
77
77
  {
78
- "id": 4,
78
+ "id": 7,
79
79
  "name": "readOnly",
80
80
  "kind": 1024,
81
81
  "kindString": "Property",
@@ -117,7 +117,7 @@
117
117
  "defaultValue": "false"
118
118
  },
119
119
  {
120
- "id": 5,
120
+ "id": 8,
121
121
  "name": "selectLeafNodesOnly",
122
122
  "kind": 1024,
123
123
  "kindString": "Property",
@@ -159,7 +159,7 @@
159
159
  "defaultValue": "false"
160
160
  },
161
161
  {
162
- "id": 6,
162
+ "id": 9,
163
163
  "name": "selectSingle",
164
164
  "kind": 1024,
165
165
  "kindString": "Property",
@@ -201,7 +201,7 @@
201
201
  "defaultValue": "false"
202
202
  },
203
203
  {
204
- "id": 8,
204
+ "id": 11,
205
205
  "name": "selectableNodeIds",
206
206
  "kind": 1024,
207
207
  "kindString": "Property",
@@ -224,7 +224,7 @@
224
224
  "defaultValue": "{}"
225
225
  },
226
226
  {
227
- "id": 7,
227
+ "id": 10,
228
228
  "name": "showToolbar",
229
229
  "kind": 1024,
230
230
  "kindString": "Property",
@@ -266,7 +266,7 @@
266
266
  "defaultValue": "false"
267
267
  },
268
268
  {
269
- "id": 9,
269
+ "id": 12,
270
270
  "name": "treeComponent",
271
271
  "kind": 1024,
272
272
  "kindString": "Property",
@@ -302,7 +302,7 @@
302
302
  }
303
303
  },
304
304
  {
305
- "id": 12,
305
+ "id": 15,
306
306
  "name": "multiselectable",
307
307
  "kind": 2048,
308
308
  "kindString": "Method",
@@ -318,7 +318,7 @@
318
318
  ],
319
319
  "signatures": [
320
320
  {
321
- "id": 13,
321
+ "id": 16,
322
322
  "name": "multiselectable",
323
323
  "kind": 4096,
324
324
  "kindString": "Call signature",
@@ -331,7 +331,7 @@
331
331
  ]
332
332
  },
333
333
  {
334
- "id": 10,
334
+ "id": 13,
335
335
  "name": "ngAfterViewInit",
336
336
  "kind": 2048,
337
337
  "kindString": "Method",
@@ -347,7 +347,7 @@
347
347
  ],
348
348
  "signatures": [
349
349
  {
350
- "id": 11,
350
+ "id": 14,
351
351
  "name": "ngAfterViewInit",
352
352
  "kind": 4096,
353
353
  "kindString": "Call signature",
@@ -368,7 +368,7 @@
368
368
  }
369
369
  },
370
370
  {
371
- "id": 14,
371
+ "id": 17,
372
372
  "name": "onClearAllClick",
373
373
  "kind": 2048,
374
374
  "kindString": "Method",
@@ -384,7 +384,7 @@
384
384
  ],
385
385
  "signatures": [
386
386
  {
387
- "id": 15,
387
+ "id": 18,
388
388
  "name": "onClearAllClick",
389
389
  "kind": 4096,
390
390
  "kindString": "Call signature",
@@ -397,7 +397,7 @@
397
397
  ]
398
398
  },
399
399
  {
400
- "id": 16,
400
+ "id": 19,
401
401
  "name": "onCollapseAllClick",
402
402
  "kind": 2048,
403
403
  "kindString": "Method",
@@ -413,7 +413,7 @@
413
413
  ],
414
414
  "signatures": [
415
415
  {
416
- "id": 17,
416
+ "id": 20,
417
417
  "name": "onCollapseAllClick",
418
418
  "kind": 4096,
419
419
  "kindString": "Call signature",
@@ -426,7 +426,7 @@
426
426
  ]
427
427
  },
428
428
  {
429
- "id": 18,
429
+ "id": 21,
430
430
  "name": "onExpandAllClick",
431
431
  "kind": 2048,
432
432
  "kindString": "Method",
@@ -442,7 +442,7 @@
442
442
  ],
443
443
  "signatures": [
444
444
  {
445
- "id": 19,
445
+ "id": 22,
446
446
  "name": "onExpandAllClick",
447
447
  "kind": 4096,
448
448
  "kindString": "Call signature",
@@ -455,7 +455,7 @@
455
455
  ]
456
456
  },
457
457
  {
458
- "id": 20,
458
+ "id": 23,
459
459
  "name": "onSelectAllClick",
460
460
  "kind": 2048,
461
461
  "kindString": "Method",
@@ -471,7 +471,7 @@
471
471
  ],
472
472
  "signatures": [
473
473
  {
474
- "id": 21,
474
+ "id": 24,
475
475
  "name": "onSelectAllClick",
476
476
  "kind": 4096,
477
477
  "kindString": "Call signature",
@@ -484,7 +484,7 @@
484
484
  ]
485
485
  },
486
486
  {
487
- "id": 22,
487
+ "id": 25,
488
488
  "name": "showSelectButtons",
489
489
  "kind": 2048,
490
490
  "kindString": "Method",
@@ -500,7 +500,7 @@
500
500
  ],
501
501
  "signatures": [
502
502
  {
503
- "id": 23,
503
+ "id": 26,
504
504
  "name": "showSelectButtons",
505
505
  "kind": 4096,
506
506
  "kindString": "Call signature",
@@ -518,32 +518,32 @@
518
518
  "title": "Constructors",
519
519
  "kind": 512,
520
520
  "children": [
521
- 2
521
+ 5
522
522
  ]
523
523
  },
524
524
  {
525
525
  "title": "Properties",
526
526
  "kind": 1024,
527
527
  "children": [
528
- 4,
529
- 5,
530
- 6,
531
- 8,
532
528
  7,
533
- 9
529
+ 8,
530
+ 9,
531
+ 11,
532
+ 10,
533
+ 12
534
534
  ]
535
535
  },
536
536
  {
537
537
  "title": "Methods",
538
538
  "kind": 2048,
539
539
  "children": [
540
- 12,
541
- 10,
542
- 14,
543
- 16,
544
- 18,
545
- 20,
546
- 22
540
+ 15,
541
+ 13,
542
+ 17,
543
+ 19,
544
+ 21,
545
+ 23,
546
+ 25
547
547
  ]
548
548
  }
549
549
  ],
@@ -564,7 +564,7 @@
564
564
  ]
565
565
  },
566
566
  {
567
- "id": 43,
567
+ "id": 46,
568
568
  "name": "SkyAngularTreeNodeComponent",
569
569
  "kind": 128,
570
570
  "kindString": "Class",
@@ -588,7 +588,7 @@
588
588
  ],
589
589
  "children": [
590
590
  {
591
- "id": 44,
591
+ "id": 47,
592
592
  "name": "constructor",
593
593
  "kind": 512,
594
594
  "kindString": "Constructor",
@@ -602,14 +602,14 @@
602
602
  ],
603
603
  "signatures": [
604
604
  {
605
- "id": 45,
605
+ "id": 48,
606
606
  "name": "SkyAngularTreeNodeComponent",
607
607
  "kind": 16384,
608
608
  "kindString": "Constructor signature",
609
609
  "flags": {},
610
610
  "parameters": [
611
611
  {
612
- "id": 46,
612
+ "id": 49,
613
613
  "name": "changeDetectorRef",
614
614
  "kind": 32768,
615
615
  "kindString": "Parameter",
@@ -622,7 +622,7 @@
622
622
  }
623
623
  },
624
624
  {
625
- "id": 47,
625
+ "id": 50,
626
626
  "name": "adapterService",
627
627
  "kind": 32768,
628
628
  "kindString": "Parameter",
@@ -633,7 +633,7 @@
633
633
  }
634
634
  },
635
635
  {
636
- "id": 48,
636
+ "id": 51,
637
637
  "name": "skyAngularTreeWrapper",
638
638
  "kind": 32768,
639
639
  "kindString": "Parameter",
@@ -654,21 +654,21 @@
654
654
  ],
655
655
  "type": {
656
656
  "type": "reference",
657
- "id": 1,
657
+ "id": 4,
658
658
  "name": "SkyAngularTreeWrapperComponent"
659
659
  }
660
660
  }
661
661
  ],
662
662
  "type": {
663
663
  "type": "reference",
664
- "id": 43,
664
+ "id": 46,
665
665
  "name": "SkyAngularTreeNodeComponent"
666
666
  }
667
667
  }
668
668
  ]
669
669
  },
670
670
  {
671
- "id": 49,
671
+ "id": 52,
672
672
  "name": "index",
673
673
  "kind": 1024,
674
674
  "kindString": "Property",
@@ -709,7 +709,7 @@
709
709
  }
710
710
  },
711
711
  {
712
- "id": 50,
712
+ "id": 53,
713
713
  "name": "node",
714
714
  "kind": 1024,
715
715
  "kindString": "Property",
@@ -752,7 +752,7 @@
752
752
  }
753
753
  },
754
754
  {
755
- "id": 71,
755
+ "id": 74,
756
756
  "name": "nodeContentWrapperRef",
757
757
  "kind": 1024,
758
758
  "kindString": "Property",
@@ -795,7 +795,7 @@
795
795
  }
796
796
  },
797
797
  {
798
- "id": 51,
798
+ "id": 54,
799
799
  "name": "templates",
800
800
  "kind": 1024,
801
801
  "kindString": "Property",
@@ -830,7 +830,7 @@
830
830
  }
831
831
  },
832
832
  {
833
- "id": 52,
833
+ "id": 55,
834
834
  "name": "childFocusIndex",
835
835
  "kind": 262144,
836
836
  "kindString": "Accessor",
@@ -846,7 +846,7 @@
846
846
  ],
847
847
  "getSignature": [
848
848
  {
849
- "id": 53,
849
+ "id": 56,
850
850
  "name": "childFocusIndex",
851
851
  "kind": 524288,
852
852
  "kindString": "Get signature",
@@ -859,14 +859,14 @@
859
859
  ],
860
860
  "setSignature": [
861
861
  {
862
- "id": 54,
862
+ "id": 57,
863
863
  "name": "childFocusIndex",
864
864
  "kind": 1048576,
865
865
  "kindString": "Set signature",
866
866
  "flags": {},
867
867
  "parameters": [
868
868
  {
869
- "id": 55,
869
+ "id": 58,
870
870
  "name": "value",
871
871
  "kind": 32768,
872
872
  "kindString": "Parameter",
@@ -885,7 +885,7 @@
885
885
  ]
886
886
  },
887
887
  {
888
- "id": 56,
888
+ "id": 59,
889
889
  "name": "focused",
890
890
  "kind": 262144,
891
891
  "kindString": "Accessor",
@@ -901,14 +901,14 @@
901
901
  ],
902
902
  "setSignature": [
903
903
  {
904
- "id": 57,
904
+ "id": 60,
905
905
  "name": "focused",
906
906
  "kind": 1048576,
907
907
  "kindString": "Set signature",
908
908
  "flags": {},
909
909
  "parameters": [
910
910
  {
911
- "id": 58,
911
+ "id": 61,
912
912
  "name": "value",
913
913
  "kind": 32768,
914
914
  "kindString": "Parameter",
@@ -927,7 +927,7 @@
927
927
  ]
928
928
  },
929
929
  {
930
- "id": 59,
930
+ "id": 62,
931
931
  "name": "isPartiallySelected",
932
932
  "kind": 262144,
933
933
  "kindString": "Accessor",
@@ -943,7 +943,7 @@
943
943
  ],
944
944
  "getSignature": [
945
945
  {
946
- "id": 60,
946
+ "id": 63,
947
947
  "name": "isPartiallySelected",
948
948
  "kind": 524288,
949
949
  "kindString": "Get signature",
@@ -956,14 +956,14 @@
956
956
  ],
957
957
  "setSignature": [
958
958
  {
959
- "id": 61,
959
+ "id": 64,
960
960
  "name": "isPartiallySelected",
961
961
  "kind": 1048576,
962
962
  "kindString": "Set signature",
963
963
  "flags": {},
964
964
  "parameters": [
965
965
  {
966
- "id": 62,
966
+ "id": 65,
967
967
  "name": "value",
968
968
  "kind": 32768,
969
969
  "kindString": "Parameter",
@@ -982,7 +982,7 @@
982
982
  ]
983
983
  },
984
984
  {
985
- "id": 63,
985
+ "id": 66,
986
986
  "name": "isSelected",
987
987
  "kind": 262144,
988
988
  "kindString": "Accessor",
@@ -998,7 +998,7 @@
998
998
  ],
999
999
  "getSignature": [
1000
1000
  {
1001
- "id": 64,
1001
+ "id": 67,
1002
1002
  "name": "isSelected",
1003
1003
  "kind": 524288,
1004
1004
  "kindString": "Get signature",
@@ -1011,14 +1011,14 @@
1011
1011
  ],
1012
1012
  "setSignature": [
1013
1013
  {
1014
- "id": 65,
1014
+ "id": 68,
1015
1015
  "name": "isSelected",
1016
1016
  "kind": 1048576,
1017
1017
  "kindString": "Set signature",
1018
1018
  "flags": {},
1019
1019
  "parameters": [
1020
1020
  {
1021
- "id": 66,
1021
+ "id": 69,
1022
1022
  "name": "value",
1023
1023
  "kind": 32768,
1024
1024
  "kindString": "Parameter",
@@ -1037,7 +1037,7 @@
1037
1037
  ]
1038
1038
  },
1039
1039
  {
1040
- "id": 67,
1040
+ "id": 70,
1041
1041
  "name": "tabIndex",
1042
1042
  "kind": 262144,
1043
1043
  "kindString": "Accessor",
@@ -1053,7 +1053,7 @@
1053
1053
  ],
1054
1054
  "getSignature": [
1055
1055
  {
1056
- "id": 68,
1056
+ "id": 71,
1057
1057
  "name": "tabIndex",
1058
1058
  "kind": 524288,
1059
1059
  "kindString": "Get signature",
@@ -1066,14 +1066,14 @@
1066
1066
  ],
1067
1067
  "setSignature": [
1068
1068
  {
1069
- "id": 69,
1069
+ "id": 72,
1070
1070
  "name": "tabIndex",
1071
1071
  "kind": 1048576,
1072
1072
  "kindString": "Set signature",
1073
1073
  "flags": {},
1074
1074
  "parameters": [
1075
1075
  {
1076
- "id": 70,
1076
+ "id": 73,
1077
1077
  "name": "value",
1078
1078
  "kind": 32768,
1079
1079
  "kindString": "Parameter",
@@ -1092,7 +1092,7 @@
1092
1092
  ]
1093
1093
  },
1094
1094
  {
1095
- "id": 83,
1095
+ "id": 86,
1096
1096
  "name": "ngAfterViewInit",
1097
1097
  "kind": 2048,
1098
1098
  "kindString": "Method",
@@ -1108,7 +1108,7 @@
1108
1108
  ],
1109
1109
  "signatures": [
1110
1110
  {
1111
- "id": 84,
1111
+ "id": 87,
1112
1112
  "name": "ngAfterViewInit",
1113
1113
  "kind": 4096,
1114
1114
  "kindString": "Call signature",
@@ -1129,7 +1129,7 @@
1129
1129
  }
1130
1130
  },
1131
1131
  {
1132
- "id": 81,
1132
+ "id": 84,
1133
1133
  "name": "ngOnInit",
1134
1134
  "kind": 2048,
1135
1135
  "kindString": "Method",
@@ -1145,7 +1145,7 @@
1145
1145
  ],
1146
1146
  "signatures": [
1147
1147
  {
1148
- "id": 82,
1148
+ "id": 85,
1149
1149
  "name": "ngOnInit",
1150
1150
  "kind": 4096,
1151
1151
  "kindString": "Call signature",
@@ -1166,7 +1166,7 @@
1166
1166
  }
1167
1167
  },
1168
1168
  {
1169
- "id": 95,
1169
+ "id": 98,
1170
1170
  "name": "onFocus",
1171
1171
  "kind": 2048,
1172
1172
  "kindString": "Method",
@@ -1182,7 +1182,7 @@
1182
1182
  ],
1183
1183
  "signatures": [
1184
1184
  {
1185
- "id": 96,
1185
+ "id": 99,
1186
1186
  "name": "onFocus",
1187
1187
  "kind": 4096,
1188
1188
  "kindString": "Call signature",
@@ -1195,7 +1195,7 @@
1195
1195
  ]
1196
1196
  },
1197
1197
  {
1198
- "id": 101,
1198
+ "id": 104,
1199
1199
  "name": "onKeyDown",
1200
1200
  "kind": 2048,
1201
1201
  "kindString": "Method",
@@ -1211,14 +1211,14 @@
1211
1211
  ],
1212
1212
  "signatures": [
1213
1213
  {
1214
- "id": 102,
1214
+ "id": 105,
1215
1215
  "name": "onKeyDown",
1216
1216
  "kind": 4096,
1217
1217
  "kindString": "Call signature",
1218
1218
  "flags": {},
1219
1219
  "parameters": [
1220
1220
  {
1221
- "id": 103,
1221
+ "id": 106,
1222
1222
  "name": "event",
1223
1223
  "kind": 32768,
1224
1224
  "kindString": "Parameter",
@@ -1239,7 +1239,7 @@
1239
1239
  ]
1240
1240
  },
1241
1241
  {
1242
- "id": 97,
1242
+ "id": 100,
1243
1243
  "name": "onMouseDown",
1244
1244
  "kind": 2048,
1245
1245
  "kindString": "Method",
@@ -1255,7 +1255,7 @@
1255
1255
  ],
1256
1256
  "signatures": [
1257
1257
  {
1258
- "id": 98,
1258
+ "id": 101,
1259
1259
  "name": "onMouseDown",
1260
1260
  "kind": 4096,
1261
1261
  "kindString": "Call signature",
@@ -1268,7 +1268,7 @@
1268
1268
  ]
1269
1269
  },
1270
1270
  {
1271
- "id": 99,
1271
+ "id": 102,
1272
1272
  "name": "onMouseUp",
1273
1273
  "kind": 2048,
1274
1274
  "kindString": "Method",
@@ -1284,7 +1284,7 @@
1284
1284
  ],
1285
1285
  "signatures": [
1286
1286
  {
1287
- "id": 100,
1287
+ "id": 103,
1288
1288
  "name": "onMouseUp",
1289
1289
  "kind": 4096,
1290
1290
  "kindString": "Call signature",
@@ -1297,7 +1297,7 @@
1297
1297
  ]
1298
1298
  },
1299
1299
  {
1300
- "id": 91,
1300
+ "id": 94,
1301
1301
  "name": "showActiveClass",
1302
1302
  "kind": 2048,
1303
1303
  "kindString": "Method",
@@ -1313,7 +1313,7 @@
1313
1313
  ],
1314
1314
  "signatures": [
1315
1315
  {
1316
- "id": 92,
1316
+ "id": 95,
1317
1317
  "name": "showActiveClass",
1318
1318
  "kind": 4096,
1319
1319
  "kindString": "Call signature",
@@ -1326,7 +1326,7 @@
1326
1326
  ]
1327
1327
  },
1328
1328
  {
1329
- "id": 87,
1329
+ "id": 90,
1330
1330
  "name": "showCheckbox",
1331
1331
  "kind": 2048,
1332
1332
  "kindString": "Method",
@@ -1342,7 +1342,7 @@
1342
1342
  ],
1343
1343
  "signatures": [
1344
1344
  {
1345
- "id": 88,
1345
+ "id": 91,
1346
1346
  "name": "showCheckbox",
1347
1347
  "kind": 4096,
1348
1348
  "kindString": "Call signature",
@@ -1355,7 +1355,7 @@
1355
1355
  ]
1356
1356
  },
1357
1357
  {
1358
- "id": 89,
1358
+ "id": 92,
1359
1359
  "name": "showSelectedClass",
1360
1360
  "kind": 2048,
1361
1361
  "kindString": "Method",
@@ -1371,7 +1371,7 @@
1371
1371
  ],
1372
1372
  "signatures": [
1373
1373
  {
1374
- "id": 90,
1374
+ "id": 93,
1375
1375
  "name": "showSelectedClass",
1376
1376
  "kind": 4096,
1377
1377
  "kindString": "Call signature",
@@ -1384,7 +1384,7 @@
1384
1384
  ]
1385
1385
  },
1386
1386
  {
1387
- "id": 93,
1387
+ "id": 96,
1388
1388
  "name": "showTogglePlaceholder",
1389
1389
  "kind": 2048,
1390
1390
  "kindString": "Method",
@@ -1400,7 +1400,7 @@
1400
1400
  ],
1401
1401
  "signatures": [
1402
1402
  {
1403
- "id": 94,
1403
+ "id": 97,
1404
1404
  "name": "showTogglePlaceholder",
1405
1405
  "kind": 4096,
1406
1406
  "kindString": "Call signature",
@@ -1418,44 +1418,44 @@
1418
1418
  "title": "Constructors",
1419
1419
  "kind": 512,
1420
1420
  "children": [
1421
- 44
1421
+ 47
1422
1422
  ]
1423
1423
  },
1424
1424
  {
1425
1425
  "title": "Properties",
1426
1426
  "kind": 1024,
1427
1427
  "children": [
1428
- 49,
1429
- 50,
1430
- 71,
1431
- 51
1428
+ 52,
1429
+ 53,
1430
+ 74,
1431
+ 54
1432
1432
  ]
1433
1433
  },
1434
1434
  {
1435
1435
  "title": "Accessors",
1436
1436
  "kind": 262144,
1437
1437
  "children": [
1438
- 52,
1439
- 56,
1438
+ 55,
1440
1439
  59,
1441
- 63,
1442
- 67
1440
+ 62,
1441
+ 66,
1442
+ 70
1443
1443
  ]
1444
1444
  },
1445
1445
  {
1446
1446
  "title": "Methods",
1447
1447
  "kind": 2048,
1448
1448
  "children": [
1449
- 83,
1450
- 81,
1451
- 95,
1452
- 101,
1453
- 97,
1454
- 99,
1455
- 91,
1456
- 87,
1457
- 89,
1458
- 93
1449
+ 86,
1450
+ 84,
1451
+ 98,
1452
+ 104,
1453
+ 100,
1454
+ 102,
1455
+ 94,
1456
+ 90,
1457
+ 92,
1458
+ 96
1459
1459
  ]
1460
1460
  }
1461
1461
  ],
@@ -1487,9 +1487,9 @@
1487
1487
  "title": "Classes",
1488
1488
  "kind": 128,
1489
1489
  "children": [
1490
- 106,
1491
1490
  1,
1492
- 43
1491
+ 4,
1492
+ 46
1493
1493
  ]
1494
1494
  }
1495
1495
  ],
@@ -1503,24 +1503,24 @@
1503
1503
  },
1504
1504
  "codeExamples": [
1505
1505
  {
1506
- "fileName": "angular-tree-demo-node.ts",
1507
- "filePath": "/projects/angular-tree-component/documentation/code-examples/angular-tree/advanced/angular-tree-demo-node.ts",
1508
- "rawContents": "export interface AngularTreeDemoNode {\n name: string;\n isExpanded?: boolean;\n children?: AngularTreeDemoNode[];\n}\n"
1506
+ "fileName": "angular-tree-demo.module.ts",
1507
+ "filePath": "/projects/angular-tree-component/documentation/code-examples/angular-tree/inline-help/angular-tree-demo.module.ts",
1508
+ "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { TreeModule } from '@blackbaud/angular-tree-component';\nimport { SkyAngularTreeModule } from '@skyux/angular-tree-component';\nimport { SkyCheckboxModule, SkyRadioModule } from '@skyux/forms';\nimport { SkyHelpInlineModule } from '@skyux/indicators';\nimport { SkyFluidGridModule } from '@skyux/layout';\nimport { SkyDropdownModule } from '@skyux/popovers';\n\nimport { AngularTreeDemoComponent } from './angular-tree-demo.component';\n\n@NgModule({\n imports: [\n CommonModule,\n ReactiveFormsModule,\n SkyAngularTreeModule,\n SkyCheckboxModule,\n SkyDropdownModule,\n SkyFluidGridModule,\n SkyRadioModule,\n TreeModule,\n SkyHelpInlineModule,\n ],\n declarations: [AngularTreeDemoComponent],\n exports: [AngularTreeDemoComponent],\n})\nexport class AngularTreeDemoModule {}\n"
1509
1509
  },
1510
1510
  {
1511
- "fileName": "angular-tree-demo.component.html",
1512
- "filePath": "/projects/angular-tree-component/documentation/code-examples/angular-tree/advanced/angular-tree-demo.component.html",
1513
- "rawContents": "<div class=\"sky-margin-stacked-xl\">\n <!-- #region The following tree options are for demonstration purposes only. -->\n <form novalidate [formGroup]=\"demoOptions\">\n <sky-fluid-grid>\n <sky-row>\n <sky-column [screenSmall]=\"6\">\n <h4 id=\"sky-demo-modes\">Modes</h4>\n <sky-radio-group ariaLabel=\"Tree modes\" formControlName=\"treeMode\">\n <ul class=\"sky-list-unstyled\">\n <li>\n <sky-radio value=\"navigation\">\n <sky-radio-label> Navigation </sky-radio-label>\n </sky-radio>\n </li>\n <li>\n <sky-radio value=\"readOnly\">\n <sky-radio-label> Read-only </sky-radio-label>\n </sky-radio>\n </li>\n <li>\n <sky-radio value=\"selection\">\n <sky-radio-label> Selection </sky-radio-label>\n </sky-radio>\n </li>\n </ul>\n </sky-radio-group>\n <ul class=\"sky-list-unstyled\" style=\"margin: 10px 0 10px 20px\">\n <li>\n <sky-checkbox\n [disabled]=\"\n demoOptions.value.treeMode !== 'selection' || enableCascading\n \"\n formControlName=\"selectLeafNodesOnly\"\n >\n <sky-checkbox-label>\n Leaf-node selection only\n </sky-checkbox-label>\n </sky-checkbox>\n </li>\n <li>\n <sky-radio-group\n ariaLabel=\"Select modes\"\n formControlName=\"selectMode\"\n >\n <ul class=\"sky-list-unstyled\">\n <li>\n <sky-radio\n value=\"singleSelect\"\n [disabled]=\"demoOptions.value.treeMode !== 'selection'\"\n >\n <sky-radio-label> Single-select </sky-radio-label>\n </sky-radio>\n </li>\n <li>\n <sky-radio\n value=\"multiSelect\"\n [disabled]=\"demoOptions.value.treeMode !== 'selection'\"\n >\n <sky-radio-label> Multi-select </sky-radio-label>\n </sky-radio>\n <ul\n class=\"sky-list-unstyled\"\n style=\"margin: 10px 0 10px 20px\"\n >\n <li>\n <sky-checkbox\n formControlName=\"enableCascading\"\n [disabled]=\"\n demoOptions.value.treeMode !== 'selection' ||\n selectLeafNodesOnly ||\n selectSingle\n \"\n >\n <sky-checkbox-label>\n Enable cascading\n </sky-checkbox-label>\n </sky-checkbox>\n </li>\n </ul>\n </li>\n </ul>\n </sky-radio-group>\n </li>\n </ul>\n </sky-column>\n <sky-column [screenSmall]=\"6\">\n <ul class=\"sky-list-unstyled\">\n <li>\n <sky-checkbox formControlName=\"showToolbar\">\n <sky-checkbox-label> Include toolbar </sky-checkbox-label>\n </sky-checkbox>\n </li>\n <li>\n <sky-checkbox formControlName=\"showContextMenus\">\n <sky-checkbox-label> Include context menus </sky-checkbox-label>\n </sky-checkbox>\n </li>\n </ul>\n </sky-column>\n </sky-row>\n </sky-fluid-grid>\n </form>\n <!-- #endregion -->\n\n <div class=\"sky-padding-even-xl app-demo-container\">\n <sky-angular-tree-wrapper\n [readOnly]=\"readOnly\"\n [selectLeafNodesOnly]=\"selectLeafNodesOnly\"\n [selectSingle]=\"selectSingle\"\n [showToolbar]=\"demoOptions.value.showToolbar\"\n >\n <tree-root\n [nodes]=\"nodes\"\n [options]=\"treeOptions\"\n (stateChange)=\"onTreeStateChange($event)\"\n #tree\n >\n <ng-template\n let-index=\"index\"\n let-node\n let-templates=\"templates\"\n #treeNodeFullTemplate\n >\n <sky-angular-tree-node\n [index]=\"index\"\n [node]=\"node\"\n [templates]=\"templates\"\n >\n <sky-dropdown\n *ngIf=\"demoOptions.value.showContextMenus\"\n buttonType=\"context-menu\"\n >\n <sky-dropdown-menu>\n <sky-dropdown-item *ngFor=\"let item of dropdownItems\">\n <button\n type=\"button\"\n (click)=\"actionClicked(item.name, node)\"\n >\n {{ item.name }}\n </button>\n </sky-dropdown-item>\n </sky-dropdown-menu>\n </sky-dropdown>\n </sky-angular-tree-node>\n </ng-template>\n </tree-root>\n </sky-angular-tree-wrapper>\n </div>\n</div>\n"
1511
+ "fileName": "angular-tree-demo.component.ts",
1512
+ "filePath": "/projects/angular-tree-component/documentation/code-examples/angular-tree/inline-help/angular-tree-demo.component.ts",
1513
+ "rawContents": "import { ChangeDetectionStrategy, Component } from '@angular/core';\n\n@Component({\n selector: 'app-angular-tree-component-demo',\n styleUrls: ['./angular-tree-demo.component.scss'],\n templateUrl: './angular-tree-demo.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AngularTreeDemoComponent {\n public nodes = [\n {\n name: 'Animals',\n isExpanded: true,\n showHelp: true,\n children: [\n {\n name: 'Cats',\n isExpanded: true,\n showHelp: true,\n children: [\n { name: 'Burmese' },\n { name: 'Persian' },\n { name: 'Tabby' },\n ],\n },\n {\n name: 'Dogs',\n isExpanded: true,\n children: [\n {\n name: 'Beagle',\n showHelp: true,\n },\n { name: 'German shepherd' },\n { name: 'Labrador retriever' },\n ],\n },\n ],\n },\n ];\n\n public onActionClick(): void {\n alert('Help inline button clicked!');\n }\n}\n"
1514
1514
  },
1515
1515
  {
1516
1516
  "fileName": "angular-tree-demo.component.scss",
1517
- "filePath": "/projects/angular-tree-component/documentation/code-examples/angular-tree/advanced/angular-tree-demo.component.scss",
1517
+ "filePath": "/projects/angular-tree-component/documentation/code-examples/angular-tree/inline-help/angular-tree-demo.component.scss",
1518
1518
  "rawContents": ".app-demo-container {\n border: 1px solid #cdcfd2;\n padding: 20px;\n\n .angular-tree-component {\n background: #fff;\n }\n}\n"
1519
1519
  },
1520
1520
  {
1521
- "fileName": "angular-tree-demo.component.ts",
1522
- "filePath": "/projects/angular-tree-component/documentation/code-examples/angular-tree/advanced/angular-tree-demo.component.ts",
1523
- "rawContents": "import {\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n OnInit,\n ViewChild,\n} from '@angular/core';\nimport { FormBuilder, FormControl, FormGroup } from '@angular/forms';\nimport {\n ITreeOptions,\n ITreeState,\n TreeModel,\n TreeNode,\n} from '@blackbaud/angular-tree-component';\n\nimport { AngularTreeDemoNode } from './angular-tree-demo-node';\n\n@Component({\n selector: 'app-angular-tree-component-demo',\n styleUrls: ['./angular-tree-demo.component.scss'],\n templateUrl: './angular-tree-demo.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AngularTreeDemoComponent implements OnInit {\n public demoOptions: FormGroup;\n\n public set enableCascading(value: boolean) {\n this.#resetSelection();\n this.treeOptions.useTriState = value;\n this.#_enableCascading = value;\n\n if (value) {\n this.selectLeafNodesOnly = false;\n }\n }\n\n public get enableCascading(): boolean {\n return this.#_enableCascading;\n }\n\n public readOnly = false;\n\n public selectedSelectMode = 'multiSelect';\n\n public set selectLeafNodesOnly(value: boolean) {\n this.#resetSelection();\n this.#_selectLeafNodesOnly = value;\n\n if (value) {\n this.enableCascading = false;\n }\n }\n\n public get selectLeafNodesOnly(): boolean {\n return this.#_selectLeafNodesOnly;\n }\n\n public selectSingle = false;\n\n public showContextMenus = false;\n\n public showToolbar = false;\n\n #_enableCascading = false;\n\n #_selectLeafNodesOnly = false;\n\n public treeOptions: ITreeOptions = {\n animateExpand: true,\n useTriState: false,\n };\n\n public dropdownItems: { name: string; disabled: boolean }[] = [\n { name: 'Insert an item at this level', disabled: false },\n { name: 'Insert an item under this level', disabled: false },\n { name: 'Move up', disabled: false },\n { name: 'Move down', disabled: false },\n { name: 'Move left', disabled: false },\n { name: 'Move right', disabled: false },\n { name: 'Edit', disabled: false },\n { name: 'Delete', disabled: false },\n ];\n\n public nodes: AngularTreeDemoNode[] = [\n {\n name: 'Animals',\n isExpanded: true,\n children: [\n {\n name: 'Cats',\n isExpanded: true,\n children: [\n { name: 'Burmese' },\n { name: 'Persian' },\n { name: 'Tabby' },\n ],\n },\n {\n name: 'Dogs',\n isExpanded: true,\n children: [\n { name: 'Beagle' },\n { name: 'German shepherd' },\n { name: 'Labrador retriever' },\n ],\n },\n ],\n },\n ];\n\n @ViewChild(TreeModel)\n public tree: TreeModel | undefined;\n\n #changeRef: ChangeDetectorRef;\n\n constructor(changeRef: ChangeDetectorRef, formBuilder: FormBuilder) {\n this.#changeRef = changeRef;\n\n this.demoOptions = formBuilder.group({\n treeMode: new FormControl('navigation'),\n selectMode: new FormControl('multiSelect'),\n selectLeafNodesOnly: new FormControl(),\n enableCascading: new FormControl(),\n showToolbar: new FormControl(),\n showContextMenus: new FormControl(),\n });\n }\n\n public ngOnInit(): void {\n this.demoOptions.valueChanges.subscribe((value) => {\n if (value.treeMode) {\n switch (value.treeMode) {\n case 'selection':\n this.readOnly = false;\n this.#enableSelection(true);\n break;\n\n case 'readOnly':\n this.readOnly = true;\n this.#enableSelection(false);\n break;\n\n case 'navigation':\n this.readOnly = false;\n this.#enableSelection(false);\n break;\n\n default:\n break;\n }\n }\n\n if (value.selectMode) {\n switch (value.selectMode) {\n case 'singleSelect':\n this.#resetSelection();\n this.selectSingle = true;\n this.enableCascading = false;\n break;\n\n case 'multiSelect':\n this.#resetSelection();\n this.selectSingle = false;\n this.enableCascading = false;\n break;\n\n default:\n break;\n }\n }\n\n if (value.enableCascading) {\n this.enableCascading = value.enableCascading;\n }\n\n if (value.selectLeafNodesOnly) {\n this.selectLeafNodesOnly = value.selectLeafNodesOnly;\n }\n\n this.#changeRef.markForCheck();\n });\n }\n\n public actionClicked(name: string, node: TreeNode): void {\n // Add custom actions here.\n alert(name + `: \"${node.data.name}\"`);\n }\n\n public onTreeStateChange(treeModel: ITreeState): void {\n // Watch for tree state changes here.\n console.log(treeModel);\n }\n\n #enableSelection(value: boolean): void {\n this.#resetSelection();\n this.treeOptions.useCheckbox = value;\n this.selectLeafNodesOnly = false;\n this.enableCascading = false;\n }\n\n #resetSelection(): void {\n if (this.tree) {\n this.tree.selectedLeafNodeIds = {};\n this.tree.activeNodeIds = {};\n }\n }\n}\n"
1521
+ "fileName": "angular-tree-demo.component.html",
1522
+ "filePath": "/projects/angular-tree-component/documentation/code-examples/angular-tree/inline-help/angular-tree-demo.component.html",
1523
+ "rawContents": "<sky-angular-tree-wrapper>\n <tree-root [nodes]=\"nodes\" #tree>\n <ng-template\n let-index=\"index\"\n let-node\n let-templates=\"templates\"\n #treeNodeFullTemplate\n >\n <sky-angular-tree-node\n [index]=\"index\"\n [node]=\"node\"\n [templates]=\"templates\"\n >\n <sky-help-inline\n *ngIf=\"node.data.showHelp\"\n class=\"sky-control-help\"\n (actionClick)=\"onActionClick()\"\n ></sky-help-inline>\n </sky-angular-tree-node>\n </ng-template>\n </tree-root>\n</sky-angular-tree-wrapper>\n"
1524
1524
  },
1525
1525
  {
1526
1526
  "fileName": "angular-tree-demo.module.ts",
@@ -1528,24 +1528,24 @@
1528
1528
  "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { TreeModule } from '@blackbaud/angular-tree-component';\nimport { SkyAngularTreeModule } from '@skyux/angular-tree-component';\nimport { SkyCheckboxModule, SkyRadioModule } from '@skyux/forms';\nimport { SkyFluidGridModule } from '@skyux/layout';\nimport { SkyDropdownModule } from '@skyux/popovers';\n\nimport { AngularTreeDemoComponent } from './angular-tree-demo.component';\n\n@NgModule({\n imports: [\n CommonModule,\n ReactiveFormsModule,\n SkyAngularTreeModule,\n SkyCheckboxModule,\n SkyDropdownModule,\n SkyFluidGridModule,\n SkyRadioModule,\n TreeModule,\n ],\n declarations: [AngularTreeDemoComponent],\n exports: [AngularTreeDemoComponent],\n})\nexport class AngularTreeDemoModule {}\n"
1529
1529
  },
1530
1530
  {
1531
- "fileName": "angular-tree-demo.component.html",
1532
- "filePath": "/projects/angular-tree-component/documentation/code-examples/angular-tree/inline-help/angular-tree-demo.component.html",
1533
- "rawContents": "<sky-angular-tree-wrapper>\n <tree-root [nodes]=\"nodes\" #tree>\n <ng-template\n let-index=\"index\"\n let-node\n let-templates=\"templates\"\n #treeNodeFullTemplate\n >\n <sky-angular-tree-node\n [index]=\"index\"\n [node]=\"node\"\n [templates]=\"templates\"\n >\n <sky-help-inline\n *ngIf=\"node.data.showHelp\"\n class=\"sky-control-help\"\n (actionClick)=\"onActionClick()\"\n ></sky-help-inline>\n </sky-angular-tree-node>\n </ng-template>\n </tree-root>\n</sky-angular-tree-wrapper>\n"
1531
+ "fileName": "angular-tree-demo.component.ts",
1532
+ "filePath": "/projects/angular-tree-component/documentation/code-examples/angular-tree/advanced/angular-tree-demo.component.ts",
1533
+ "rawContents": "import {\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n OnInit,\n ViewChild,\n} from '@angular/core';\nimport { FormBuilder, FormControl, FormGroup } from '@angular/forms';\nimport {\n ITreeOptions,\n ITreeState,\n TreeModel,\n TreeNode,\n} from '@blackbaud/angular-tree-component';\n\nimport { AngularTreeDemoNode } from './angular-tree-demo-node';\n\n@Component({\n selector: 'app-angular-tree-component-demo',\n styleUrls: ['./angular-tree-demo.component.scss'],\n templateUrl: './angular-tree-demo.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AngularTreeDemoComponent implements OnInit {\n public demoOptions: FormGroup;\n\n public set enableCascading(value: boolean) {\n this.#resetSelection();\n this.treeOptions.useTriState = value;\n this.#_enableCascading = value;\n\n if (value) {\n this.selectLeafNodesOnly = false;\n }\n }\n\n public get enableCascading(): boolean {\n return this.#_enableCascading;\n }\n\n public readOnly = false;\n\n public selectedSelectMode = 'multiSelect';\n\n public set selectLeafNodesOnly(value: boolean) {\n this.#resetSelection();\n this.#_selectLeafNodesOnly = value;\n\n if (value) {\n this.enableCascading = false;\n }\n }\n\n public get selectLeafNodesOnly(): boolean {\n return this.#_selectLeafNodesOnly;\n }\n\n public selectSingle = false;\n\n public showContextMenus = false;\n\n public showToolbar = false;\n\n #_enableCascading = false;\n\n #_selectLeafNodesOnly = false;\n\n public treeOptions: ITreeOptions = {\n animateExpand: true,\n useTriState: false,\n };\n\n public dropdownItems: { name: string; disabled: boolean }[] = [\n { name: 'Insert an item at this level', disabled: false },\n { name: 'Insert an item under this level', disabled: false },\n { name: 'Move up', disabled: false },\n { name: 'Move down', disabled: false },\n { name: 'Move left', disabled: false },\n { name: 'Move right', disabled: false },\n { name: 'Edit', disabled: false },\n { name: 'Delete', disabled: false },\n ];\n\n public nodes: AngularTreeDemoNode[] = [\n {\n name: 'Animals',\n isExpanded: true,\n children: [\n {\n name: 'Cats',\n isExpanded: true,\n children: [\n { name: 'Burmese' },\n { name: 'Persian' },\n { name: 'Tabby' },\n ],\n },\n {\n name: 'Dogs',\n isExpanded: true,\n children: [\n { name: 'Beagle' },\n { name: 'German shepherd' },\n { name: 'Labrador retriever' },\n ],\n },\n ],\n },\n ];\n\n @ViewChild(TreeModel)\n public tree: TreeModel | undefined;\n\n #changeRef: ChangeDetectorRef;\n\n constructor(changeRef: ChangeDetectorRef, formBuilder: FormBuilder) {\n this.#changeRef = changeRef;\n\n this.demoOptions = formBuilder.group({\n treeMode: new FormControl('navigation'),\n selectMode: new FormControl('multiSelect'),\n selectLeafNodesOnly: new FormControl(),\n enableCascading: new FormControl(),\n showToolbar: new FormControl(),\n showContextMenus: new FormControl(),\n });\n }\n\n public ngOnInit(): void {\n this.demoOptions.valueChanges.subscribe((value) => {\n if (value.treeMode) {\n switch (value.treeMode) {\n case 'selection':\n this.readOnly = false;\n this.#enableSelection(true);\n break;\n\n case 'readOnly':\n this.readOnly = true;\n this.#enableSelection(false);\n break;\n\n case 'navigation':\n this.readOnly = false;\n this.#enableSelection(false);\n break;\n\n default:\n break;\n }\n }\n\n if (value.selectMode) {\n switch (value.selectMode) {\n case 'singleSelect':\n this.#resetSelection();\n this.selectSingle = true;\n this.enableCascading = false;\n break;\n\n case 'multiSelect':\n this.#resetSelection();\n this.selectSingle = false;\n this.enableCascading = false;\n break;\n\n default:\n break;\n }\n }\n\n if (value.enableCascading) {\n this.enableCascading = value.enableCascading;\n }\n\n if (value.selectLeafNodesOnly) {\n this.selectLeafNodesOnly = value.selectLeafNodesOnly;\n }\n\n this.#changeRef.markForCheck();\n });\n }\n\n public actionClicked(name: string, node: TreeNode): void {\n // Add custom actions here.\n alert(name + `: \"${node.data.name}\"`);\n }\n\n public onTreeStateChange(treeModel: ITreeState): void {\n // Watch for tree state changes here.\n console.log(treeModel);\n }\n\n #enableSelection(value: boolean): void {\n this.#resetSelection();\n this.treeOptions.useCheckbox = value;\n this.selectLeafNodesOnly = false;\n this.enableCascading = false;\n }\n\n #resetSelection(): void {\n if (this.tree) {\n this.tree.selectedLeafNodeIds = {};\n this.tree.activeNodeIds = {};\n }\n }\n}\n"
1534
1534
  },
1535
1535
  {
1536
1536
  "fileName": "angular-tree-demo.component.scss",
1537
- "filePath": "/projects/angular-tree-component/documentation/code-examples/angular-tree/inline-help/angular-tree-demo.component.scss",
1537
+ "filePath": "/projects/angular-tree-component/documentation/code-examples/angular-tree/advanced/angular-tree-demo.component.scss",
1538
1538
  "rawContents": ".app-demo-container {\n border: 1px solid #cdcfd2;\n padding: 20px;\n\n .angular-tree-component {\n background: #fff;\n }\n}\n"
1539
1539
  },
1540
1540
  {
1541
- "fileName": "angular-tree-demo.component.ts",
1542
- "filePath": "/projects/angular-tree-component/documentation/code-examples/angular-tree/inline-help/angular-tree-demo.component.ts",
1543
- "rawContents": "import { ChangeDetectionStrategy, Component } from '@angular/core';\n\n@Component({\n selector: 'app-angular-tree-component-demo',\n styleUrls: ['./angular-tree-demo.component.scss'],\n templateUrl: './angular-tree-demo.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AngularTreeDemoComponent {\n public nodes = [\n {\n name: 'Animals',\n isExpanded: true,\n showHelp: true,\n children: [\n {\n name: 'Cats',\n isExpanded: true,\n showHelp: true,\n children: [\n { name: 'Burmese' },\n { name: 'Persian' },\n { name: 'Tabby' },\n ],\n },\n {\n name: 'Dogs',\n isExpanded: true,\n children: [\n {\n name: 'Beagle',\n showHelp: true,\n },\n { name: 'German shepherd' },\n { name: 'Labrador retriever' },\n ],\n },\n ],\n },\n ];\n\n public onActionClick(): void {\n alert('Help inline button clicked!');\n }\n}\n"
1541
+ "fileName": "angular-tree-demo.component.html",
1542
+ "filePath": "/projects/angular-tree-component/documentation/code-examples/angular-tree/advanced/angular-tree-demo.component.html",
1543
+ "rawContents": "<div class=\"sky-margin-stacked-xl\">\n <!-- #region The following tree options are for demonstration purposes only. -->\n <form novalidate [formGroup]=\"demoOptions\">\n <sky-fluid-grid>\n <sky-row>\n <sky-column [screenSmall]=\"6\">\n <h4 id=\"sky-demo-modes\">Modes</h4>\n <sky-radio-group ariaLabel=\"Tree modes\" formControlName=\"treeMode\">\n <ul class=\"sky-list-unstyled\">\n <li>\n <sky-radio value=\"navigation\">\n <sky-radio-label> Navigation </sky-radio-label>\n </sky-radio>\n </li>\n <li>\n <sky-radio value=\"readOnly\">\n <sky-radio-label> Read-only </sky-radio-label>\n </sky-radio>\n </li>\n <li>\n <sky-radio value=\"selection\">\n <sky-radio-label> Selection </sky-radio-label>\n </sky-radio>\n </li>\n </ul>\n </sky-radio-group>\n <ul class=\"sky-list-unstyled\" style=\"margin: 10px 0 10px 20px\">\n <li>\n <sky-checkbox\n [disabled]=\"\n demoOptions.value.treeMode !== 'selection' || enableCascading\n \"\n formControlName=\"selectLeafNodesOnly\"\n >\n <sky-checkbox-label>\n Leaf-node selection only\n </sky-checkbox-label>\n </sky-checkbox>\n </li>\n <li>\n <sky-radio-group\n ariaLabel=\"Select modes\"\n formControlName=\"selectMode\"\n >\n <ul class=\"sky-list-unstyled\">\n <li>\n <sky-radio\n value=\"singleSelect\"\n [disabled]=\"demoOptions.value.treeMode !== 'selection'\"\n >\n <sky-radio-label> Single-select </sky-radio-label>\n </sky-radio>\n </li>\n <li>\n <sky-radio\n value=\"multiSelect\"\n [disabled]=\"demoOptions.value.treeMode !== 'selection'\"\n >\n <sky-radio-label> Multi-select </sky-radio-label>\n </sky-radio>\n <ul\n class=\"sky-list-unstyled\"\n style=\"margin: 10px 0 10px 20px\"\n >\n <li>\n <sky-checkbox\n formControlName=\"enableCascading\"\n [disabled]=\"\n demoOptions.value.treeMode !== 'selection' ||\n selectLeafNodesOnly ||\n selectSingle\n \"\n >\n <sky-checkbox-label>\n Enable cascading\n </sky-checkbox-label>\n </sky-checkbox>\n </li>\n </ul>\n </li>\n </ul>\n </sky-radio-group>\n </li>\n </ul>\n </sky-column>\n <sky-column [screenSmall]=\"6\">\n <ul class=\"sky-list-unstyled\">\n <li>\n <sky-checkbox formControlName=\"showToolbar\">\n <sky-checkbox-label> Include toolbar </sky-checkbox-label>\n </sky-checkbox>\n </li>\n <li>\n <sky-checkbox formControlName=\"showContextMenus\">\n <sky-checkbox-label> Include context menus </sky-checkbox-label>\n </sky-checkbox>\n </li>\n </ul>\n </sky-column>\n </sky-row>\n </sky-fluid-grid>\n </form>\n <!-- #endregion -->\n\n <div class=\"sky-padding-even-xl app-demo-container\">\n <sky-angular-tree-wrapper\n [readOnly]=\"readOnly\"\n [selectLeafNodesOnly]=\"selectLeafNodesOnly\"\n [selectSingle]=\"selectSingle\"\n [showToolbar]=\"demoOptions.value.showToolbar\"\n >\n <tree-root\n [nodes]=\"nodes\"\n [options]=\"treeOptions\"\n (stateChange)=\"onTreeStateChange($event)\"\n #tree\n >\n <ng-template\n let-index=\"index\"\n let-node\n let-templates=\"templates\"\n #treeNodeFullTemplate\n >\n <sky-angular-tree-node\n [index]=\"index\"\n [node]=\"node\"\n [templates]=\"templates\"\n >\n <sky-dropdown\n *ngIf=\"demoOptions.value.showContextMenus\"\n buttonType=\"context-menu\"\n >\n <sky-dropdown-menu>\n <sky-dropdown-item *ngFor=\"let item of dropdownItems\">\n <button\n type=\"button\"\n (click)=\"actionClicked(item.name, node)\"\n >\n {{ item.name }}\n </button>\n </sky-dropdown-item>\n </sky-dropdown-menu>\n </sky-dropdown>\n </sky-angular-tree-node>\n </ng-template>\n </tree-root>\n </sky-angular-tree-wrapper>\n </div>\n</div>\n"
1544
1544
  },
1545
1545
  {
1546
- "fileName": "angular-tree-demo.module.ts",
1547
- "filePath": "/projects/angular-tree-component/documentation/code-examples/angular-tree/inline-help/angular-tree-demo.module.ts",
1548
- "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { TreeModule } from '@blackbaud/angular-tree-component';\nimport { SkyAngularTreeModule } from '@skyux/angular-tree-component';\nimport { SkyCheckboxModule, SkyRadioModule } from '@skyux/forms';\nimport { SkyHelpInlineModule } from '@skyux/indicators';\nimport { SkyFluidGridModule } from '@skyux/layout';\nimport { SkyDropdownModule } from '@skyux/popovers';\n\nimport { AngularTreeDemoComponent } from './angular-tree-demo.component';\n\n@NgModule({\n imports: [\n CommonModule,\n ReactiveFormsModule,\n SkyAngularTreeModule,\n SkyCheckboxModule,\n SkyDropdownModule,\n SkyFluidGridModule,\n SkyRadioModule,\n TreeModule,\n SkyHelpInlineModule,\n ],\n declarations: [AngularTreeDemoComponent],\n exports: [AngularTreeDemoComponent],\n})\nexport class AngularTreeDemoModule {}\n"
1546
+ "fileName": "angular-tree-demo-node.ts",
1547
+ "filePath": "/projects/angular-tree-component/documentation/code-examples/angular-tree/advanced/angular-tree-demo-node.ts",
1548
+ "rawContents": "export interface AngularTreeDemoNode {\n name: string;\n isExpanded?: boolean;\n children?: AngularTreeDemoNode[];\n}\n"
1549
1549
  }
1550
1550
  ]
1551
1551
  }
package/esm2022/index.mjs CHANGED
@@ -1,6 +1,6 @@
1
- export * from './lib/modules/angular-tree/angular-tree.module';
1
+ export { SkyAngularTreeModule } from './lib/modules/angular-tree/angular-tree.module';
2
2
  // Components and directives must be exported to support Angular's "partial" Ivy compiler.
3
3
  // Obscure names are used to indicate types are not part of the public API.
4
4
  export { SkyAngularTreeWrapperComponent as λ1 } from './lib/modules/angular-tree/angular-tree-wrapper.component';
5
5
  export { SkyAngularTreeNodeComponent as λ2 } from './lib/modules/angular-tree/angular-tree-node.component';
6
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvYW5ndWxhci10cmVlLWNvbXBvbmVudC9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxnREFBZ0QsQ0FBQztBQUUvRCwwRkFBMEY7QUFDMUYsMkVBQTJFO0FBQzNFLE9BQU8sRUFBRSw4QkFBOEIsSUFBSSxFQUFFLEVBQUUsTUFBTSwyREFBMkQsQ0FBQztBQUNqSCxPQUFPLEVBQUUsMkJBQTJCLElBQUksRUFBRSxFQUFFLE1BQU0sd0RBQXdELENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2xpYi9tb2R1bGVzL2FuZ3VsYXItdHJlZS9hbmd1bGFyLXRyZWUubW9kdWxlJztcblxuLy8gQ29tcG9uZW50cyBhbmQgZGlyZWN0aXZlcyBtdXN0IGJlIGV4cG9ydGVkIHRvIHN1cHBvcnQgQW5ndWxhcidzIFwicGFydGlhbFwiIEl2eSBjb21waWxlci5cbi8vIE9ic2N1cmUgbmFtZXMgYXJlIHVzZWQgdG8gaW5kaWNhdGUgdHlwZXMgYXJlIG5vdCBwYXJ0IG9mIHRoZSBwdWJsaWMgQVBJLlxuZXhwb3J0IHsgU2t5QW5ndWxhclRyZWVXcmFwcGVyQ29tcG9uZW50IGFzIM67MSB9IGZyb20gJy4vbGliL21vZHVsZXMvYW5ndWxhci10cmVlL2FuZ3VsYXItdHJlZS13cmFwcGVyLmNvbXBvbmVudCc7XG5leHBvcnQgeyBTa3lBbmd1bGFyVHJlZU5vZGVDb21wb25lbnQgYXMgzrsyIH0gZnJvbSAnLi9saWIvbW9kdWxlcy9hbmd1bGFyLXRyZWUvYW5ndWxhci10cmVlLW5vZGUuY29tcG9uZW50JztcbiJdfQ==
6
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvYW5ndWxhci10cmVlLWNvbXBvbmVudC9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sZ0RBQWdELENBQUM7QUFFdEYsMEZBQTBGO0FBQzFGLDJFQUEyRTtBQUMzRSxPQUFPLEVBQUUsOEJBQThCLElBQUksRUFBRSxFQUFFLE1BQU0sMkRBQTJELENBQUM7QUFDakgsT0FBTyxFQUFFLDJCQUEyQixJQUFJLEVBQUUsRUFBRSxNQUFNLHdEQUF3RCxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHsgU2t5QW5ndWxhclRyZWVNb2R1bGUgfSBmcm9tICcuL2xpYi9tb2R1bGVzL2FuZ3VsYXItdHJlZS9hbmd1bGFyLXRyZWUubW9kdWxlJztcblxuLy8gQ29tcG9uZW50cyBhbmQgZGlyZWN0aXZlcyBtdXN0IGJlIGV4cG9ydGVkIHRvIHN1cHBvcnQgQW5ndWxhcidzIFwicGFydGlhbFwiIEl2eSBjb21waWxlci5cbi8vIE9ic2N1cmUgbmFtZXMgYXJlIHVzZWQgdG8gaW5kaWNhdGUgdHlwZXMgYXJlIG5vdCBwYXJ0IG9mIHRoZSBwdWJsaWMgQVBJLlxuZXhwb3J0IHsgU2t5QW5ndWxhclRyZWVXcmFwcGVyQ29tcG9uZW50IGFzIM67MSB9IGZyb20gJy4vbGliL21vZHVsZXMvYW5ndWxhci10cmVlL2FuZ3VsYXItdHJlZS13cmFwcGVyLmNvbXBvbmVudCc7XG5leHBvcnQgeyBTa3lBbmd1bGFyVHJlZU5vZGVDb21wb25lbnQgYXMgzrsyIH0gZnJvbSAnLi9saWIvbW9kdWxlcy9hbmd1bGFyLXRyZWUvYW5ndWxhci10cmVlLW5vZGUuY29tcG9uZW50JztcbiJdfQ==
package/index.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- export * from './lib/modules/angular-tree/angular-tree.module';
1
+ export { SkyAngularTreeModule } from './lib/modules/angular-tree/angular-tree.module';
2
2
  export { SkyAngularTreeWrapperComponent as λ1 } from './lib/modules/angular-tree/angular-tree-wrapper.component';
3
3
  export { SkyAngularTreeNodeComponent as λ2 } from './lib/modules/angular-tree/angular-tree-node.component';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@skyux/angular-tree-component",
3
- "version": "9.0.0-alpha.0",
3
+ "version": "9.0.0-alpha.2",
4
4
  "author": "Blackbaud, Inc.",
5
5
  "keywords": [
6
6
  "blackbaud",
@@ -33,11 +33,11 @@
33
33
  "@angular/common": "^16.1.7",
34
34
  "@angular/core": "^16.1.7",
35
35
  "@blackbaud/angular-tree-component": "^1.0.0-alpha.0",
36
- "@skyux/core": "9.0.0-alpha.0",
37
- "@skyux/forms": "9.0.0-alpha.0",
38
- "@skyux/i18n": "9.0.0-alpha.0",
39
- "@skyux/indicators": "9.0.0-alpha.0",
40
- "@skyux/layout": "9.0.0-alpha.0"
36
+ "@skyux/core": "9.0.0-alpha.2",
37
+ "@skyux/forms": "9.0.0-alpha.2",
38
+ "@skyux/i18n": "9.0.0-alpha.2",
39
+ "@skyux/indicators": "9.0.0-alpha.2",
40
+ "@skyux/layout": "9.0.0-alpha.2"
41
41
  },
42
42
  "dependencies": {
43
43
  "tslib": "^2.5.0"