@skyux/flyout 7.0.0-beta.2 → 7.0.0-beta.3
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/documentation.json +162 -175
- package/esm2020/lib/modules/flyout/flyout-adapter.service.mjs +19 -11
- package/esm2020/lib/modules/flyout/flyout-instance.mjs +22 -18
- package/esm2020/lib/modules/flyout/flyout-iterator.component.mjs +13 -12
- package/esm2020/lib/modules/flyout/flyout-media-query.service.mjs +11 -12
- package/esm2020/lib/modules/flyout/flyout.component.mjs +267 -249
- package/esm2020/lib/modules/flyout/flyout.service.mjs +110 -115
- package/esm2020/lib/modules/flyout/types/flyout-config-internal.mjs +2 -0
- package/fesm2015/skyux-flyout.mjs +436 -415
- package/fesm2015/skyux-flyout.mjs.map +1 -1
- package/fesm2020/skyux-flyout.mjs +432 -412
- package/fesm2020/skyux-flyout.mjs.map +1 -1
- package/lib/modules/flyout/flyout-adapter.service.d.ts +2 -4
- package/lib/modules/flyout/flyout-instance.d.ts +2 -7
- package/lib/modules/flyout/flyout-iterator.component.d.ts +3 -5
- package/lib/modules/flyout/flyout-media-query.service.d.ts +2 -3
- package/lib/modules/flyout/flyout.component.d.ts +13 -39
- package/lib/modules/flyout/flyout.service.d.ts +4 -17
- package/lib/modules/flyout/types/flyout-config-internal.d.ts +26 -0
- package/package.json +6 -6
package/documentation.json
CHANGED
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
"originalName": "",
|
|
19
19
|
"children": [
|
|
20
20
|
{
|
|
21
|
-
"id":
|
|
21
|
+
"id": 204,
|
|
22
22
|
"name": "SkyFlyoutBeforeCloseHandler",
|
|
23
23
|
"kind": 128,
|
|
24
24
|
"kindString": "Class",
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
},
|
|
29
29
|
"children": [
|
|
30
30
|
{
|
|
31
|
-
"id":
|
|
31
|
+
"id": 205,
|
|
32
32
|
"name": "constructor",
|
|
33
33
|
"kind": 512,
|
|
34
34
|
"kindString": "Constructor",
|
|
@@ -42,14 +42,14 @@
|
|
|
42
42
|
],
|
|
43
43
|
"signatures": [
|
|
44
44
|
{
|
|
45
|
-
"id":
|
|
45
|
+
"id": 206,
|
|
46
46
|
"name": "new SkyFlyoutBeforeCloseHandler",
|
|
47
47
|
"kind": 16384,
|
|
48
48
|
"kindString": "Constructor signature",
|
|
49
49
|
"flags": {},
|
|
50
50
|
"parameters": [
|
|
51
51
|
{
|
|
52
|
-
"id":
|
|
52
|
+
"id": 207,
|
|
53
53
|
"name": "closeFlyoutFunction",
|
|
54
54
|
"kind": 32768,
|
|
55
55
|
"kindString": "Parameter",
|
|
@@ -64,14 +64,14 @@
|
|
|
64
64
|
],
|
|
65
65
|
"type": {
|
|
66
66
|
"type": "reference",
|
|
67
|
-
"id":
|
|
67
|
+
"id": 204,
|
|
68
68
|
"name": "SkyFlyoutBeforeCloseHandler"
|
|
69
69
|
}
|
|
70
70
|
}
|
|
71
71
|
]
|
|
72
72
|
},
|
|
73
73
|
{
|
|
74
|
-
"id":
|
|
74
|
+
"id": 208,
|
|
75
75
|
"name": "closeFlyout",
|
|
76
76
|
"kind": 1024,
|
|
77
77
|
"kindString": "Property",
|
|
@@ -102,14 +102,14 @@
|
|
|
102
102
|
"title": "Constructors",
|
|
103
103
|
"kind": 512,
|
|
104
104
|
"children": [
|
|
105
|
-
|
|
105
|
+
205
|
|
106
106
|
]
|
|
107
107
|
},
|
|
108
108
|
{
|
|
109
109
|
"title": "Properties",
|
|
110
110
|
"kind": 1024,
|
|
111
111
|
"children": [
|
|
112
|
-
|
|
112
|
+
208
|
|
113
113
|
]
|
|
114
114
|
}
|
|
115
115
|
],
|
|
@@ -122,7 +122,7 @@
|
|
|
122
122
|
]
|
|
123
123
|
},
|
|
124
124
|
{
|
|
125
|
-
"id":
|
|
125
|
+
"id": 125,
|
|
126
126
|
"name": "SkyFlyoutInstance",
|
|
127
127
|
"kind": 128,
|
|
128
128
|
"kindString": "Class",
|
|
@@ -132,7 +132,7 @@
|
|
|
132
132
|
},
|
|
133
133
|
"children": [
|
|
134
134
|
{
|
|
135
|
-
"id":
|
|
135
|
+
"id": 126,
|
|
136
136
|
"name": "constructor",
|
|
137
137
|
"kind": 512,
|
|
138
138
|
"kindString": "Constructor",
|
|
@@ -146,27 +146,41 @@
|
|
|
146
146
|
],
|
|
147
147
|
"signatures": [
|
|
148
148
|
{
|
|
149
|
-
"id":
|
|
149
|
+
"id": 127,
|
|
150
150
|
"name": "new SkyFlyoutInstance",
|
|
151
151
|
"kind": 16384,
|
|
152
152
|
"kindString": "Constructor signature",
|
|
153
153
|
"flags": {},
|
|
154
154
|
"typeParameter": [
|
|
155
155
|
{
|
|
156
|
-
"id":
|
|
156
|
+
"id": 128,
|
|
157
157
|
"name": "T",
|
|
158
158
|
"kind": 131072,
|
|
159
159
|
"kindString": "Type parameter",
|
|
160
160
|
"flags": {}
|
|
161
161
|
}
|
|
162
162
|
],
|
|
163
|
+
"parameters": [
|
|
164
|
+
{
|
|
165
|
+
"id": 129,
|
|
166
|
+
"name": "componentInstance",
|
|
167
|
+
"kind": 32768,
|
|
168
|
+
"kindString": "Parameter",
|
|
169
|
+
"flags": {},
|
|
170
|
+
"type": {
|
|
171
|
+
"type": "reference",
|
|
172
|
+
"id": 128,
|
|
173
|
+
"name": "T"
|
|
174
|
+
}
|
|
175
|
+
}
|
|
176
|
+
],
|
|
163
177
|
"type": {
|
|
164
178
|
"type": "reference",
|
|
165
|
-
"id":
|
|
179
|
+
"id": 125,
|
|
166
180
|
"typeArguments": [
|
|
167
181
|
{
|
|
168
182
|
"type": "reference",
|
|
169
|
-
"id":
|
|
183
|
+
"id": 128,
|
|
170
184
|
"name": "T"
|
|
171
185
|
}
|
|
172
186
|
],
|
|
@@ -176,7 +190,7 @@
|
|
|
176
190
|
]
|
|
177
191
|
},
|
|
178
192
|
{
|
|
179
|
-
"id":
|
|
193
|
+
"id": 132,
|
|
180
194
|
"name": "closed",
|
|
181
195
|
"kind": 1024,
|
|
182
196
|
"kindString": "Property",
|
|
@@ -208,7 +222,7 @@
|
|
|
208
222
|
"defaultValue": "..."
|
|
209
223
|
},
|
|
210
224
|
{
|
|
211
|
-
"id":
|
|
225
|
+
"id": 133,
|
|
212
226
|
"name": "componentInstance",
|
|
213
227
|
"kind": 1024,
|
|
214
228
|
"kindString": "Property",
|
|
@@ -227,12 +241,12 @@
|
|
|
227
241
|
],
|
|
228
242
|
"type": {
|
|
229
243
|
"type": "reference",
|
|
230
|
-
"id":
|
|
244
|
+
"id": 128,
|
|
231
245
|
"name": "T"
|
|
232
246
|
}
|
|
233
247
|
},
|
|
234
248
|
{
|
|
235
|
-
"id":
|
|
249
|
+
"id": 136,
|
|
236
250
|
"name": "isOpen",
|
|
237
251
|
"kind": 1024,
|
|
238
252
|
"kindString": "Property",
|
|
@@ -262,7 +276,7 @@
|
|
|
262
276
|
"defaultValue": "true"
|
|
263
277
|
},
|
|
264
278
|
{
|
|
265
|
-
"id":
|
|
279
|
+
"id": 130,
|
|
266
280
|
"name": "beforeClose",
|
|
267
281
|
"kind": 262144,
|
|
268
282
|
"kindString": "Accessor",
|
|
@@ -278,7 +292,7 @@
|
|
|
278
292
|
],
|
|
279
293
|
"getSignature": [
|
|
280
294
|
{
|
|
281
|
-
"id":
|
|
295
|
+
"id": 131,
|
|
282
296
|
"name": "beforeClose",
|
|
283
297
|
"kind": 524288,
|
|
284
298
|
"kindString": "Get signature",
|
|
@@ -291,7 +305,7 @@
|
|
|
291
305
|
"typeArguments": [
|
|
292
306
|
{
|
|
293
307
|
"type": "reference",
|
|
294
|
-
"id":
|
|
308
|
+
"id": 204,
|
|
295
309
|
"name": "SkyFlyoutBeforeCloseHandler"
|
|
296
310
|
}
|
|
297
311
|
],
|
|
@@ -303,7 +317,7 @@
|
|
|
303
317
|
]
|
|
304
318
|
},
|
|
305
319
|
{
|
|
306
|
-
"id":
|
|
320
|
+
"id": 137,
|
|
307
321
|
"name": "iteratorNextButtonClick",
|
|
308
322
|
"kind": 262144,
|
|
309
323
|
"kindString": "Accessor",
|
|
@@ -319,7 +333,7 @@
|
|
|
319
333
|
],
|
|
320
334
|
"getSignature": [
|
|
321
335
|
{
|
|
322
|
-
"id":
|
|
336
|
+
"id": 138,
|
|
323
337
|
"name": "iteratorNextButtonClick",
|
|
324
338
|
"kind": 524288,
|
|
325
339
|
"kindString": "Get signature",
|
|
@@ -343,7 +357,7 @@
|
|
|
343
357
|
]
|
|
344
358
|
},
|
|
345
359
|
{
|
|
346
|
-
"id":
|
|
360
|
+
"id": 141,
|
|
347
361
|
"name": "iteratorNextButtonDisabled",
|
|
348
362
|
"kind": 262144,
|
|
349
363
|
"kindString": "Accessor",
|
|
@@ -359,7 +373,7 @@
|
|
|
359
373
|
],
|
|
360
374
|
"getSignature": [
|
|
361
375
|
{
|
|
362
|
-
"id":
|
|
376
|
+
"id": 142,
|
|
363
377
|
"name": "iteratorNextButtonDisabled",
|
|
364
378
|
"kind": 524288,
|
|
365
379
|
"kindString": "Get signature",
|
|
@@ -381,7 +395,7 @@
|
|
|
381
395
|
],
|
|
382
396
|
"setSignature": [
|
|
383
397
|
{
|
|
384
|
-
"id":
|
|
398
|
+
"id": 143,
|
|
385
399
|
"name": "iteratorNextButtonDisabled",
|
|
386
400
|
"kind": 1048576,
|
|
387
401
|
"kindString": "Set signature",
|
|
@@ -397,7 +411,7 @@
|
|
|
397
411
|
},
|
|
398
412
|
"parameters": [
|
|
399
413
|
{
|
|
400
|
-
"id":
|
|
414
|
+
"id": 144,
|
|
401
415
|
"name": "newValue",
|
|
402
416
|
"kind": 32768,
|
|
403
417
|
"kindString": "Parameter",
|
|
@@ -416,7 +430,7 @@
|
|
|
416
430
|
]
|
|
417
431
|
},
|
|
418
432
|
{
|
|
419
|
-
"id":
|
|
433
|
+
"id": 139,
|
|
420
434
|
"name": "iteratorPreviousButtonClick",
|
|
421
435
|
"kind": 262144,
|
|
422
436
|
"kindString": "Accessor",
|
|
@@ -432,7 +446,7 @@
|
|
|
432
446
|
],
|
|
433
447
|
"getSignature": [
|
|
434
448
|
{
|
|
435
|
-
"id":
|
|
449
|
+
"id": 140,
|
|
436
450
|
"name": "iteratorPreviousButtonClick",
|
|
437
451
|
"kind": 524288,
|
|
438
452
|
"kindString": "Get signature",
|
|
@@ -456,7 +470,7 @@
|
|
|
456
470
|
]
|
|
457
471
|
},
|
|
458
472
|
{
|
|
459
|
-
"id":
|
|
473
|
+
"id": 145,
|
|
460
474
|
"name": "iteratorPreviousButtonDisabled",
|
|
461
475
|
"kind": 262144,
|
|
462
476
|
"kindString": "Accessor",
|
|
@@ -472,7 +486,7 @@
|
|
|
472
486
|
],
|
|
473
487
|
"getSignature": [
|
|
474
488
|
{
|
|
475
|
-
"id":
|
|
489
|
+
"id": 146,
|
|
476
490
|
"name": "iteratorPreviousButtonDisabled",
|
|
477
491
|
"kind": 524288,
|
|
478
492
|
"kindString": "Get signature",
|
|
@@ -494,7 +508,7 @@
|
|
|
494
508
|
],
|
|
495
509
|
"setSignature": [
|
|
496
510
|
{
|
|
497
|
-
"id":
|
|
511
|
+
"id": 147,
|
|
498
512
|
"name": "iteratorPreviousButtonDisabled",
|
|
499
513
|
"kind": 1048576,
|
|
500
514
|
"kindString": "Set signature",
|
|
@@ -510,7 +524,7 @@
|
|
|
510
524
|
},
|
|
511
525
|
"parameters": [
|
|
512
526
|
{
|
|
513
|
-
"id":
|
|
527
|
+
"id": 148,
|
|
514
528
|
"name": "newValue",
|
|
515
529
|
"kind": 32768,
|
|
516
530
|
"kindString": "Parameter",
|
|
@@ -529,7 +543,7 @@
|
|
|
529
543
|
]
|
|
530
544
|
},
|
|
531
545
|
{
|
|
532
|
-
"id":
|
|
546
|
+
"id": 155,
|
|
533
547
|
"name": "close",
|
|
534
548
|
"kind": 2048,
|
|
535
549
|
"kindString": "Method",
|
|
@@ -539,13 +553,13 @@
|
|
|
539
553
|
"sources": [
|
|
540
554
|
{
|
|
541
555
|
"fileName": "projects/flyout/src/modules/flyout/flyout-instance.ts",
|
|
542
|
-
"line":
|
|
556
|
+
"line": 126,
|
|
543
557
|
"character": 9
|
|
544
558
|
}
|
|
545
559
|
],
|
|
546
560
|
"signatures": [
|
|
547
561
|
{
|
|
548
|
-
"id":
|
|
562
|
+
"id": 156,
|
|
549
563
|
"name": "close",
|
|
550
564
|
"kind": 4096,
|
|
551
565
|
"kindString": "Call signature",
|
|
@@ -555,7 +569,7 @@
|
|
|
555
569
|
},
|
|
556
570
|
"parameters": [
|
|
557
571
|
{
|
|
558
|
-
"id":
|
|
572
|
+
"id": 157,
|
|
559
573
|
"name": "args",
|
|
560
574
|
"kind": 32768,
|
|
561
575
|
"kindString": "Parameter",
|
|
@@ -567,7 +581,7 @@
|
|
|
567
581
|
},
|
|
568
582
|
"type": {
|
|
569
583
|
"type": "reference",
|
|
570
|
-
"id":
|
|
584
|
+
"id": 209,
|
|
571
585
|
"name": "SkyFlyoutCloseArgs"
|
|
572
586
|
}
|
|
573
587
|
}
|
|
@@ -585,34 +599,34 @@
|
|
|
585
599
|
"title": "Constructors",
|
|
586
600
|
"kind": 512,
|
|
587
601
|
"children": [
|
|
588
|
-
|
|
602
|
+
126
|
|
589
603
|
]
|
|
590
604
|
},
|
|
591
605
|
{
|
|
592
606
|
"title": "Properties",
|
|
593
607
|
"kind": 1024,
|
|
594
608
|
"children": [
|
|
595
|
-
|
|
596
|
-
|
|
597
|
-
|
|
609
|
+
132,
|
|
610
|
+
133,
|
|
611
|
+
136
|
|
598
612
|
]
|
|
599
613
|
},
|
|
600
614
|
{
|
|
601
615
|
"title": "Accessors",
|
|
602
616
|
"kind": 262144,
|
|
603
617
|
"children": [
|
|
604
|
-
|
|
605
|
-
|
|
606
|
-
|
|
607
|
-
|
|
608
|
-
|
|
618
|
+
130,
|
|
619
|
+
137,
|
|
620
|
+
141,
|
|
621
|
+
139,
|
|
622
|
+
145
|
|
609
623
|
]
|
|
610
624
|
},
|
|
611
625
|
{
|
|
612
626
|
"title": "Methods",
|
|
613
627
|
"kind": 2048,
|
|
614
628
|
"children": [
|
|
615
|
-
|
|
629
|
+
155
|
|
616
630
|
]
|
|
617
631
|
}
|
|
618
632
|
],
|
|
@@ -625,7 +639,7 @@
|
|
|
625
639
|
],
|
|
626
640
|
"typeParameter": [
|
|
627
641
|
{
|
|
628
|
-
"id":
|
|
642
|
+
"id": 158,
|
|
629
643
|
"name": "T",
|
|
630
644
|
"kind": 131072,
|
|
631
645
|
"kindString": "Type parameter",
|
|
@@ -634,7 +648,7 @@
|
|
|
634
648
|
]
|
|
635
649
|
},
|
|
636
650
|
{
|
|
637
|
-
"id":
|
|
651
|
+
"id": 159,
|
|
638
652
|
"name": "SkyFlyoutModule",
|
|
639
653
|
"kind": 128,
|
|
640
654
|
"kindString": "Class",
|
|
@@ -659,7 +673,7 @@
|
|
|
659
673
|
"title": "Constructors",
|
|
660
674
|
"kind": 512,
|
|
661
675
|
"children": [
|
|
662
|
-
|
|
676
|
+
160
|
|
663
677
|
]
|
|
664
678
|
}
|
|
665
679
|
],
|
|
@@ -672,7 +686,7 @@
|
|
|
672
686
|
]
|
|
673
687
|
},
|
|
674
688
|
{
|
|
675
|
-
"id":
|
|
689
|
+
"id": 162,
|
|
676
690
|
"name": "SkyFlyoutService",
|
|
677
691
|
"kind": 128,
|
|
678
692
|
"kindString": "Class",
|
|
@@ -696,7 +710,7 @@
|
|
|
696
710
|
],
|
|
697
711
|
"children": [
|
|
698
712
|
{
|
|
699
|
-
"id":
|
|
713
|
+
"id": 163,
|
|
700
714
|
"name": "constructor",
|
|
701
715
|
"kind": 512,
|
|
702
716
|
"kindString": "Constructor",
|
|
@@ -704,20 +718,20 @@
|
|
|
704
718
|
"sources": [
|
|
705
719
|
{
|
|
706
720
|
"fileName": "projects/flyout/src/modules/flyout/flyout.service.ts",
|
|
707
|
-
"line":
|
|
721
|
+
"line": 45,
|
|
708
722
|
"character": 2
|
|
709
723
|
}
|
|
710
724
|
],
|
|
711
725
|
"signatures": [
|
|
712
726
|
{
|
|
713
|
-
"id":
|
|
727
|
+
"id": 164,
|
|
714
728
|
"name": "new SkyFlyoutService",
|
|
715
729
|
"kind": 16384,
|
|
716
730
|
"kindString": "Constructor signature",
|
|
717
731
|
"flags": {},
|
|
718
732
|
"parameters": [
|
|
719
733
|
{
|
|
720
|
-
"id":
|
|
734
|
+
"id": 165,
|
|
721
735
|
"name": "coreAdapter",
|
|
722
736
|
"kind": 32768,
|
|
723
737
|
"kindString": "Parameter",
|
|
@@ -728,7 +742,7 @@
|
|
|
728
742
|
}
|
|
729
743
|
},
|
|
730
744
|
{
|
|
731
|
-
"id":
|
|
745
|
+
"id": 166,
|
|
732
746
|
"name": "windowRef",
|
|
733
747
|
"kind": 32768,
|
|
734
748
|
"kindString": "Parameter",
|
|
@@ -739,7 +753,7 @@
|
|
|
739
753
|
}
|
|
740
754
|
},
|
|
741
755
|
{
|
|
742
|
-
"id":
|
|
756
|
+
"id": 167,
|
|
743
757
|
"name": "dynamicComponentService",
|
|
744
758
|
"kind": 32768,
|
|
745
759
|
"kindString": "Parameter",
|
|
@@ -750,7 +764,7 @@
|
|
|
750
764
|
}
|
|
751
765
|
},
|
|
752
766
|
{
|
|
753
|
-
"id":
|
|
767
|
+
"id": 168,
|
|
754
768
|
"name": "router",
|
|
755
769
|
"kind": 32768,
|
|
756
770
|
"kindString": "Parameter",
|
|
@@ -763,8 +777,8 @@
|
|
|
763
777
|
}
|
|
764
778
|
},
|
|
765
779
|
{
|
|
766
|
-
"id":
|
|
767
|
-
"name": "
|
|
780
|
+
"id": 169,
|
|
781
|
+
"name": "ngZone",
|
|
768
782
|
"kind": 32768,
|
|
769
783
|
"kindString": "Parameter",
|
|
770
784
|
"flags": {},
|
|
@@ -774,45 +788,18 @@
|
|
|
774
788
|
"package": "@angular/core",
|
|
775
789
|
"name": "NgZone"
|
|
776
790
|
}
|
|
777
|
-
},
|
|
778
|
-
{
|
|
779
|
-
"id": 165,
|
|
780
|
-
"name": "_applicationRef",
|
|
781
|
-
"kind": 32768,
|
|
782
|
-
"kindString": "Parameter",
|
|
783
|
-
"flags": {
|
|
784
|
-
"isOptional": true
|
|
785
|
-
},
|
|
786
|
-
"decorators": [
|
|
787
|
-
{
|
|
788
|
-
"name": "Optional",
|
|
789
|
-
"type": {
|
|
790
|
-
"type": "reference",
|
|
791
|
-
"qualifiedName": "OptionalDecorator",
|
|
792
|
-
"package": "@angular/core",
|
|
793
|
-
"name": "Optional"
|
|
794
|
-
},
|
|
795
|
-
"arguments": {}
|
|
796
|
-
}
|
|
797
|
-
],
|
|
798
|
-
"type": {
|
|
799
|
-
"type": "reference",
|
|
800
|
-
"qualifiedName": "ApplicationRef",
|
|
801
|
-
"package": "@angular/core",
|
|
802
|
-
"name": "ApplicationRef"
|
|
803
|
-
}
|
|
804
791
|
}
|
|
805
792
|
],
|
|
806
793
|
"type": {
|
|
807
794
|
"type": "reference",
|
|
808
|
-
"id":
|
|
795
|
+
"id": 162,
|
|
809
796
|
"name": "SkyFlyoutService"
|
|
810
797
|
}
|
|
811
798
|
}
|
|
812
799
|
]
|
|
813
800
|
},
|
|
814
801
|
{
|
|
815
|
-
"id":
|
|
802
|
+
"id": 181,
|
|
816
803
|
"name": "close",
|
|
817
804
|
"kind": 2048,
|
|
818
805
|
"kindString": "Method",
|
|
@@ -822,13 +809,13 @@
|
|
|
822
809
|
"sources": [
|
|
823
810
|
{
|
|
824
811
|
"fileName": "projects/flyout/src/modules/flyout/flyout.service.ts",
|
|
825
|
-
"line":
|
|
812
|
+
"line": 70,
|
|
826
813
|
"character": 9
|
|
827
814
|
}
|
|
828
815
|
],
|
|
829
816
|
"signatures": [
|
|
830
817
|
{
|
|
831
|
-
"id":
|
|
818
|
+
"id": 182,
|
|
832
819
|
"name": "close",
|
|
833
820
|
"kind": 4096,
|
|
834
821
|
"kindString": "Call signature",
|
|
@@ -838,7 +825,7 @@
|
|
|
838
825
|
},
|
|
839
826
|
"parameters": [
|
|
840
827
|
{
|
|
841
|
-
"id":
|
|
828
|
+
"id": 183,
|
|
842
829
|
"name": "args",
|
|
843
830
|
"kind": 32768,
|
|
844
831
|
"kindString": "Parameter",
|
|
@@ -850,7 +837,7 @@
|
|
|
850
837
|
},
|
|
851
838
|
"type": {
|
|
852
839
|
"type": "reference",
|
|
853
|
-
"id":
|
|
840
|
+
"id": 209,
|
|
854
841
|
"name": "SkyFlyoutCloseArgs"
|
|
855
842
|
}
|
|
856
843
|
}
|
|
@@ -863,7 +850,7 @@
|
|
|
863
850
|
]
|
|
864
851
|
},
|
|
865
852
|
{
|
|
866
|
-
"id":
|
|
853
|
+
"id": 179,
|
|
867
854
|
"name": "ngOnDestroy",
|
|
868
855
|
"kind": 2048,
|
|
869
856
|
"kindString": "Method",
|
|
@@ -873,13 +860,13 @@
|
|
|
873
860
|
"sources": [
|
|
874
861
|
{
|
|
875
862
|
"fileName": "projects/flyout/src/modules/flyout/flyout.service.ts",
|
|
876
|
-
"line":
|
|
863
|
+
"line": 59,
|
|
877
864
|
"character": 9
|
|
878
865
|
}
|
|
879
866
|
],
|
|
880
867
|
"signatures": [
|
|
881
868
|
{
|
|
882
|
-
"id":
|
|
869
|
+
"id": 180,
|
|
883
870
|
"name": "ngOnDestroy",
|
|
884
871
|
"kind": 4096,
|
|
885
872
|
"kindString": "Call signature",
|
|
@@ -900,7 +887,7 @@
|
|
|
900
887
|
}
|
|
901
888
|
},
|
|
902
889
|
{
|
|
903
|
-
"id":
|
|
890
|
+
"id": 184,
|
|
904
891
|
"name": "open",
|
|
905
892
|
"kind": 2048,
|
|
906
893
|
"kindString": "Method",
|
|
@@ -910,13 +897,13 @@
|
|
|
910
897
|
"sources": [
|
|
911
898
|
{
|
|
912
899
|
"fileName": "projects/flyout/src/modules/flyout/flyout.service.ts",
|
|
913
|
-
"line":
|
|
900
|
+
"line": 86,
|
|
914
901
|
"character": 9
|
|
915
902
|
}
|
|
916
903
|
],
|
|
917
904
|
"signatures": [
|
|
918
905
|
{
|
|
919
|
-
"id":
|
|
906
|
+
"id": 185,
|
|
920
907
|
"name": "open",
|
|
921
908
|
"kind": 4096,
|
|
922
909
|
"kindString": "Call signature",
|
|
@@ -926,7 +913,7 @@
|
|
|
926
913
|
},
|
|
927
914
|
"typeParameter": [
|
|
928
915
|
{
|
|
929
|
-
"id":
|
|
916
|
+
"id": 186,
|
|
930
917
|
"name": "T",
|
|
931
918
|
"kind": 131072,
|
|
932
919
|
"kindString": "Type parameter",
|
|
@@ -935,7 +922,7 @@
|
|
|
935
922
|
],
|
|
936
923
|
"parameters": [
|
|
937
924
|
{
|
|
938
|
-
"id":
|
|
925
|
+
"id": 187,
|
|
939
926
|
"name": "component",
|
|
940
927
|
"kind": 32768,
|
|
941
928
|
"kindString": "Parameter",
|
|
@@ -948,7 +935,7 @@
|
|
|
948
935
|
"typeArguments": [
|
|
949
936
|
{
|
|
950
937
|
"type": "reference",
|
|
951
|
-
"id":
|
|
938
|
+
"id": 186,
|
|
952
939
|
"name": "T"
|
|
953
940
|
}
|
|
954
941
|
],
|
|
@@ -958,7 +945,7 @@
|
|
|
958
945
|
}
|
|
959
946
|
},
|
|
960
947
|
{
|
|
961
|
-
"id":
|
|
948
|
+
"id": 188,
|
|
962
949
|
"name": "config",
|
|
963
950
|
"kind": 32768,
|
|
964
951
|
"kindString": "Parameter",
|
|
@@ -970,18 +957,18 @@
|
|
|
970
957
|
},
|
|
971
958
|
"type": {
|
|
972
959
|
"type": "reference",
|
|
973
|
-
"id":
|
|
960
|
+
"id": 211,
|
|
974
961
|
"name": "SkyFlyoutConfig"
|
|
975
962
|
}
|
|
976
963
|
}
|
|
977
964
|
],
|
|
978
965
|
"type": {
|
|
979
966
|
"type": "reference",
|
|
980
|
-
"id":
|
|
967
|
+
"id": 125,
|
|
981
968
|
"typeArguments": [
|
|
982
969
|
{
|
|
983
970
|
"type": "reference",
|
|
984
|
-
"id":
|
|
971
|
+
"id": 186,
|
|
985
972
|
"name": "T"
|
|
986
973
|
}
|
|
987
974
|
],
|
|
@@ -996,23 +983,23 @@
|
|
|
996
983
|
"title": "Constructors",
|
|
997
984
|
"kind": 512,
|
|
998
985
|
"children": [
|
|
999
|
-
|
|
986
|
+
163
|
|
1000
987
|
]
|
|
1001
988
|
},
|
|
1002
989
|
{
|
|
1003
990
|
"title": "Methods",
|
|
1004
991
|
"kind": 2048,
|
|
1005
992
|
"children": [
|
|
1006
|
-
|
|
1007
|
-
|
|
1008
|
-
|
|
993
|
+
181,
|
|
994
|
+
179,
|
|
995
|
+
184
|
|
1009
996
|
]
|
|
1010
997
|
}
|
|
1011
998
|
],
|
|
1012
999
|
"sources": [
|
|
1013
1000
|
{
|
|
1014
1001
|
"fileName": "projects/flyout/src/modules/flyout/flyout.service.ts",
|
|
1015
|
-
"line":
|
|
1002
|
+
"line": 33,
|
|
1016
1003
|
"character": 13
|
|
1017
1004
|
}
|
|
1018
1005
|
],
|
|
@@ -1026,14 +1013,14 @@
|
|
|
1026
1013
|
]
|
|
1027
1014
|
},
|
|
1028
1015
|
{
|
|
1029
|
-
"id":
|
|
1016
|
+
"id": 199,
|
|
1030
1017
|
"name": "SkyFlyoutAction",
|
|
1031
1018
|
"kind": 256,
|
|
1032
1019
|
"kindString": "Interface",
|
|
1033
1020
|
"flags": {},
|
|
1034
1021
|
"children": [
|
|
1035
1022
|
{
|
|
1036
|
-
"id":
|
|
1023
|
+
"id": 203,
|
|
1037
1024
|
"name": "closeAfterInvoking",
|
|
1038
1025
|
"kind": 1024,
|
|
1039
1026
|
"kindString": "Property",
|
|
@@ -1056,7 +1043,7 @@
|
|
|
1056
1043
|
}
|
|
1057
1044
|
},
|
|
1058
1045
|
{
|
|
1059
|
-
"id":
|
|
1046
|
+
"id": 200,
|
|
1060
1047
|
"name": "label",
|
|
1061
1048
|
"kind": 1024,
|
|
1062
1049
|
"kindString": "Property",
|
|
@@ -1079,7 +1066,7 @@
|
|
|
1079
1066
|
}
|
|
1080
1067
|
},
|
|
1081
1068
|
{
|
|
1082
|
-
"id":
|
|
1069
|
+
"id": 201,
|
|
1083
1070
|
"name": "callback",
|
|
1084
1071
|
"kind": 2048,
|
|
1085
1072
|
"kindString": "Method",
|
|
@@ -1095,7 +1082,7 @@
|
|
|
1095
1082
|
],
|
|
1096
1083
|
"signatures": [
|
|
1097
1084
|
{
|
|
1098
|
-
"id":
|
|
1085
|
+
"id": 202,
|
|
1099
1086
|
"name": "callback",
|
|
1100
1087
|
"kind": 4096,
|
|
1101
1088
|
"kindString": "Call signature",
|
|
@@ -1116,15 +1103,15 @@
|
|
|
1116
1103
|
"title": "Properties",
|
|
1117
1104
|
"kind": 1024,
|
|
1118
1105
|
"children": [
|
|
1119
|
-
|
|
1120
|
-
|
|
1106
|
+
203,
|
|
1107
|
+
200
|
|
1121
1108
|
]
|
|
1122
1109
|
},
|
|
1123
1110
|
{
|
|
1124
1111
|
"title": "Methods",
|
|
1125
1112
|
"kind": 2048,
|
|
1126
1113
|
"children": [
|
|
1127
|
-
|
|
1114
|
+
201
|
|
1128
1115
|
]
|
|
1129
1116
|
}
|
|
1130
1117
|
],
|
|
@@ -1137,7 +1124,7 @@
|
|
|
1137
1124
|
]
|
|
1138
1125
|
},
|
|
1139
1126
|
{
|
|
1140
|
-
"id":
|
|
1127
|
+
"id": 209,
|
|
1141
1128
|
"name": "SkyFlyoutCloseArgs",
|
|
1142
1129
|
"kind": 256,
|
|
1143
1130
|
"kindString": "Interface",
|
|
@@ -1147,7 +1134,7 @@
|
|
|
1147
1134
|
},
|
|
1148
1135
|
"children": [
|
|
1149
1136
|
{
|
|
1150
|
-
"id":
|
|
1137
|
+
"id": 210,
|
|
1151
1138
|
"name": "ignoreBeforeClose",
|
|
1152
1139
|
"kind": 1024,
|
|
1153
1140
|
"kindString": "Property",
|
|
@@ -1175,7 +1162,7 @@
|
|
|
1175
1162
|
"title": "Properties",
|
|
1176
1163
|
"kind": 1024,
|
|
1177
1164
|
"children": [
|
|
1178
|
-
|
|
1165
|
+
210
|
|
1179
1166
|
]
|
|
1180
1167
|
}
|
|
1181
1168
|
],
|
|
@@ -1188,7 +1175,7 @@
|
|
|
1188
1175
|
]
|
|
1189
1176
|
},
|
|
1190
1177
|
{
|
|
1191
|
-
"id":
|
|
1178
|
+
"id": 211,
|
|
1192
1179
|
"name": "SkyFlyoutConfig",
|
|
1193
1180
|
"kind": 256,
|
|
1194
1181
|
"kindString": "Interface",
|
|
@@ -1198,7 +1185,7 @@
|
|
|
1198
1185
|
},
|
|
1199
1186
|
"children": [
|
|
1200
1187
|
{
|
|
1201
|
-
"id":
|
|
1188
|
+
"id": 212,
|
|
1202
1189
|
"name": "ariaDescribedBy",
|
|
1203
1190
|
"kind": 1024,
|
|
1204
1191
|
"kindString": "Property",
|
|
@@ -1221,7 +1208,7 @@
|
|
|
1221
1208
|
}
|
|
1222
1209
|
},
|
|
1223
1210
|
{
|
|
1224
|
-
"id":
|
|
1211
|
+
"id": 213,
|
|
1225
1212
|
"name": "ariaLabel",
|
|
1226
1213
|
"kind": 1024,
|
|
1227
1214
|
"kindString": "Property",
|
|
@@ -1244,7 +1231,7 @@
|
|
|
1244
1231
|
}
|
|
1245
1232
|
},
|
|
1246
1233
|
{
|
|
1247
|
-
"id":
|
|
1234
|
+
"id": 214,
|
|
1248
1235
|
"name": "ariaLabelledBy",
|
|
1249
1236
|
"kind": 1024,
|
|
1250
1237
|
"kindString": "Property",
|
|
@@ -1267,7 +1254,7 @@
|
|
|
1267
1254
|
}
|
|
1268
1255
|
},
|
|
1269
1256
|
{
|
|
1270
|
-
"id":
|
|
1257
|
+
"id": 215,
|
|
1271
1258
|
"name": "ariaRole",
|
|
1272
1259
|
"kind": 1024,
|
|
1273
1260
|
"kindString": "Property",
|
|
@@ -1300,7 +1287,7 @@
|
|
|
1300
1287
|
}
|
|
1301
1288
|
},
|
|
1302
1289
|
{
|
|
1303
|
-
"id":
|
|
1290
|
+
"id": 216,
|
|
1304
1291
|
"name": "defaultWidth",
|
|
1305
1292
|
"kind": 1024,
|
|
1306
1293
|
"kindString": "Property",
|
|
@@ -1323,7 +1310,7 @@
|
|
|
1323
1310
|
}
|
|
1324
1311
|
},
|
|
1325
1312
|
{
|
|
1326
|
-
"id":
|
|
1313
|
+
"id": 224,
|
|
1327
1314
|
"name": "iteratorNextButtonDisabled",
|
|
1328
1315
|
"kind": 1024,
|
|
1329
1316
|
"kindString": "Property",
|
|
@@ -1352,7 +1339,7 @@
|
|
|
1352
1339
|
}
|
|
1353
1340
|
},
|
|
1354
1341
|
{
|
|
1355
|
-
"id":
|
|
1342
|
+
"id": 223,
|
|
1356
1343
|
"name": "iteratorPreviousButtonDisabled",
|
|
1357
1344
|
"kind": 1024,
|
|
1358
1345
|
"kindString": "Property",
|
|
@@ -1381,7 +1368,7 @@
|
|
|
1381
1368
|
}
|
|
1382
1369
|
},
|
|
1383
1370
|
{
|
|
1384
|
-
"id":
|
|
1371
|
+
"id": 218,
|
|
1385
1372
|
"name": "maxWidth",
|
|
1386
1373
|
"kind": 1024,
|
|
1387
1374
|
"kindString": "Property",
|
|
@@ -1410,7 +1397,7 @@
|
|
|
1410
1397
|
}
|
|
1411
1398
|
},
|
|
1412
1399
|
{
|
|
1413
|
-
"id":
|
|
1400
|
+
"id": 217,
|
|
1414
1401
|
"name": "minWidth",
|
|
1415
1402
|
"kind": 1024,
|
|
1416
1403
|
"kindString": "Property",
|
|
@@ -1439,7 +1426,7 @@
|
|
|
1439
1426
|
}
|
|
1440
1427
|
},
|
|
1441
1428
|
{
|
|
1442
|
-
"id":
|
|
1429
|
+
"id": 219,
|
|
1443
1430
|
"name": "permalink",
|
|
1444
1431
|
"kind": 1024,
|
|
1445
1432
|
"kindString": "Property",
|
|
@@ -1458,12 +1445,12 @@
|
|
|
1458
1445
|
],
|
|
1459
1446
|
"type": {
|
|
1460
1447
|
"type": "reference",
|
|
1461
|
-
"id":
|
|
1448
|
+
"id": 238,
|
|
1462
1449
|
"name": "SkyFlyoutPermalink"
|
|
1463
1450
|
}
|
|
1464
1451
|
},
|
|
1465
1452
|
{
|
|
1466
|
-
"id":
|
|
1453
|
+
"id": 220,
|
|
1467
1454
|
"name": "primaryAction",
|
|
1468
1455
|
"kind": 1024,
|
|
1469
1456
|
"kindString": "Property",
|
|
@@ -1482,12 +1469,12 @@
|
|
|
1482
1469
|
],
|
|
1483
1470
|
"type": {
|
|
1484
1471
|
"type": "reference",
|
|
1485
|
-
"id":
|
|
1472
|
+
"id": 199,
|
|
1486
1473
|
"name": "SkyFlyoutAction"
|
|
1487
1474
|
}
|
|
1488
1475
|
},
|
|
1489
1476
|
{
|
|
1490
|
-
"id":
|
|
1477
|
+
"id": 221,
|
|
1491
1478
|
"name": "providers",
|
|
1492
1479
|
"kind": 1024,
|
|
1493
1480
|
"kindString": "Property",
|
|
@@ -1513,7 +1500,7 @@
|
|
|
1513
1500
|
}
|
|
1514
1501
|
},
|
|
1515
1502
|
{
|
|
1516
|
-
"id":
|
|
1503
|
+
"id": 225,
|
|
1517
1504
|
"name": "settingsKey",
|
|
1518
1505
|
"kind": 1024,
|
|
1519
1506
|
"kindString": "Property",
|
|
@@ -1536,7 +1523,7 @@
|
|
|
1536
1523
|
}
|
|
1537
1524
|
},
|
|
1538
1525
|
{
|
|
1539
|
-
"id":
|
|
1526
|
+
"id": 222,
|
|
1540
1527
|
"name": "showIterator",
|
|
1541
1528
|
"kind": 1024,
|
|
1542
1529
|
"kindString": "Property",
|
|
@@ -1570,20 +1557,20 @@
|
|
|
1570
1557
|
"title": "Properties",
|
|
1571
1558
|
"kind": 1024,
|
|
1572
1559
|
"children": [
|
|
1573
|
-
203,
|
|
1574
|
-
204,
|
|
1575
|
-
205,
|
|
1576
|
-
206,
|
|
1577
|
-
207,
|
|
1578
|
-
215,
|
|
1579
|
-
214,
|
|
1580
|
-
209,
|
|
1581
|
-
208,
|
|
1582
|
-
210,
|
|
1583
|
-
211,
|
|
1584
1560
|
212,
|
|
1561
|
+
213,
|
|
1562
|
+
214,
|
|
1563
|
+
215,
|
|
1585
1564
|
216,
|
|
1586
|
-
|
|
1565
|
+
224,
|
|
1566
|
+
223,
|
|
1567
|
+
218,
|
|
1568
|
+
217,
|
|
1569
|
+
219,
|
|
1570
|
+
220,
|
|
1571
|
+
221,
|
|
1572
|
+
225,
|
|
1573
|
+
222
|
|
1587
1574
|
]
|
|
1588
1575
|
}
|
|
1589
1576
|
],
|
|
@@ -1596,14 +1583,14 @@
|
|
|
1596
1583
|
]
|
|
1597
1584
|
},
|
|
1598
1585
|
{
|
|
1599
|
-
"id":
|
|
1586
|
+
"id": 238,
|
|
1600
1587
|
"name": "SkyFlyoutPermalink",
|
|
1601
1588
|
"kind": 256,
|
|
1602
1589
|
"kindString": "Interface",
|
|
1603
1590
|
"flags": {},
|
|
1604
1591
|
"children": [
|
|
1605
1592
|
{
|
|
1606
|
-
"id":
|
|
1593
|
+
"id": 239,
|
|
1607
1594
|
"name": "label",
|
|
1608
1595
|
"kind": 1024,
|
|
1609
1596
|
"kindString": "Property",
|
|
@@ -1626,7 +1613,7 @@
|
|
|
1626
1613
|
}
|
|
1627
1614
|
},
|
|
1628
1615
|
{
|
|
1629
|
-
"id":
|
|
1616
|
+
"id": 240,
|
|
1630
1617
|
"name": "route",
|
|
1631
1618
|
"kind": 1024,
|
|
1632
1619
|
"kindString": "Property",
|
|
@@ -1646,14 +1633,14 @@
|
|
|
1646
1633
|
"type": {
|
|
1647
1634
|
"type": "reflection",
|
|
1648
1635
|
"declaration": {
|
|
1649
|
-
"id":
|
|
1636
|
+
"id": 241,
|
|
1650
1637
|
"name": "__type",
|
|
1651
1638
|
"kind": 65536,
|
|
1652
1639
|
"kindString": "Type literal",
|
|
1653
1640
|
"flags": {},
|
|
1654
1641
|
"children": [
|
|
1655
1642
|
{
|
|
1656
|
-
"id":
|
|
1643
|
+
"id": 242,
|
|
1657
1644
|
"name": "commands",
|
|
1658
1645
|
"kind": 1024,
|
|
1659
1646
|
"kindString": "Property",
|
|
@@ -1674,7 +1661,7 @@
|
|
|
1674
1661
|
}
|
|
1675
1662
|
},
|
|
1676
1663
|
{
|
|
1677
|
-
"id":
|
|
1664
|
+
"id": 243,
|
|
1678
1665
|
"name": "extras",
|
|
1679
1666
|
"kind": 1024,
|
|
1680
1667
|
"kindString": "Property",
|
|
@@ -1701,8 +1688,8 @@
|
|
|
1701
1688
|
"title": "Properties",
|
|
1702
1689
|
"kind": 1024,
|
|
1703
1690
|
"children": [
|
|
1704
|
-
|
|
1705
|
-
|
|
1691
|
+
242,
|
|
1692
|
+
243
|
|
1706
1693
|
]
|
|
1707
1694
|
}
|
|
1708
1695
|
]
|
|
@@ -1710,7 +1697,7 @@
|
|
|
1710
1697
|
}
|
|
1711
1698
|
},
|
|
1712
1699
|
{
|
|
1713
|
-
"id":
|
|
1700
|
+
"id": 244,
|
|
1714
1701
|
"name": "url",
|
|
1715
1702
|
"kind": 1024,
|
|
1716
1703
|
"kindString": "Property",
|
|
@@ -1738,9 +1725,9 @@
|
|
|
1738
1725
|
"title": "Properties",
|
|
1739
1726
|
"kind": 1024,
|
|
1740
1727
|
"children": [
|
|
1741
|
-
|
|
1742
|
-
|
|
1743
|
-
|
|
1728
|
+
239,
|
|
1729
|
+
240,
|
|
1730
|
+
244
|
|
1744
1731
|
]
|
|
1745
1732
|
}
|
|
1746
1733
|
],
|
|
@@ -1758,20 +1745,20 @@
|
|
|
1758
1745
|
"title": "Classes",
|
|
1759
1746
|
"kind": 128,
|
|
1760
1747
|
"children": [
|
|
1761
|
-
|
|
1762
|
-
|
|
1763
|
-
|
|
1764
|
-
|
|
1748
|
+
204,
|
|
1749
|
+
125,
|
|
1750
|
+
159,
|
|
1751
|
+
162
|
|
1765
1752
|
]
|
|
1766
1753
|
},
|
|
1767
1754
|
{
|
|
1768
1755
|
"title": "Interfaces",
|
|
1769
1756
|
"kind": 256,
|
|
1770
1757
|
"children": [
|
|
1771
|
-
|
|
1772
|
-
|
|
1773
|
-
|
|
1774
|
-
|
|
1758
|
+
199,
|
|
1759
|
+
209,
|
|
1760
|
+
211,
|
|
1761
|
+
238
|
|
1775
1762
|
]
|
|
1776
1763
|
}
|
|
1777
1764
|
],
|
|
@@ -1797,7 +1784,7 @@
|
|
|
1797
1784
|
{
|
|
1798
1785
|
"fileName": "flyout-demo.component.ts",
|
|
1799
1786
|
"filePath": "/projects/flyout/documentation/code-examples/flyout/basic/flyout-demo.component.ts",
|
|
1800
|
-
"rawContents": "import { Component } from '@angular/core';\nimport {\n SkyFlyoutConfig,\n SkyFlyoutInstance,\n SkyFlyoutService,\n} from '@skyux/flyout';\n\nimport { FlyoutDemoFlyoutComponent } from './flyout-demo-flyout.component';\n\n@Component({\n selector: 'app-flyout-demo',\n templateUrl: './flyout-demo.component.html',\n})\nexport class FlyoutDemoComponent {\n public flyout: SkyFlyoutInstance<any>;\n\n constructor(
|
|
1787
|
+
"rawContents": "import { Component } from '@angular/core';\nimport {\n SkyFlyoutConfig,\n SkyFlyoutInstance,\n SkyFlyoutService,\n} from '@skyux/flyout';\n\nimport { FlyoutDemoFlyoutComponent } from './flyout-demo-flyout.component';\n\n@Component({\n selector: 'app-flyout-demo',\n templateUrl: './flyout-demo.component.html',\n})\nexport class FlyoutDemoComponent {\n public flyout: SkyFlyoutInstance<any>;\n\n #flyoutService: SkyFlyoutService;\n\n constructor(flyoutService: SkyFlyoutService) {\n this.#flyoutService = flyoutService;\n }\n\n public closeAndRemoveFlyout(): void {\n if (this.flyout && this.flyout.isOpen) {\n this.#flyoutService.close();\n }\n this.flyout = undefined;\n }\n\n public openFlyoutWithCutsomWidth(): void {\n const flyoutConfig: SkyFlyoutConfig = {\n ariaLabelledBy: 'flyout-title',\n ariaRole: 'dialog',\n defaultWidth: 350,\n maxWidth: 500,\n minWidth: 200,\n };\n this.flyout = this.#flyoutService.open(\n FlyoutDemoFlyoutComponent,\n flyoutConfig\n );\n\n this.flyout.closed.subscribe(() => {\n this.flyout = undefined;\n });\n }\n\n public openSimpleFlyout(): void {\n const flyoutConfig: SkyFlyoutConfig = {\n ariaLabelledBy: 'flyout-title',\n ariaRole: 'dialog',\n };\n this.flyout = this.#flyoutService.open(\n FlyoutDemoFlyoutComponent,\n flyoutConfig\n );\n\n this.flyout.closed.subscribe(() => {\n this.flyout = undefined;\n });\n }\n}\n"
|
|
1801
1788
|
},
|
|
1802
1789
|
{
|
|
1803
1790
|
"fileName": "flyout-demo.module.ts",
|
|
@@ -1817,7 +1804,7 @@
|
|
|
1817
1804
|
{
|
|
1818
1805
|
"fileName": "flyout-demo.component.ts",
|
|
1819
1806
|
"filePath": "/projects/flyout/documentation/code-examples/flyout/custom-headers/flyout-demo.component.ts",
|
|
1820
|
-
"rawContents": "import { Component } from '@angular/core';\nimport {\n SkyFlyoutConfig,\n SkyFlyoutInstance,\n SkyFlyoutService,\n} from '@skyux/flyout';\n\nimport { FlyoutDemoFlyoutComponent } from './flyout-demo-flyout.component';\n\n@Component({\n selector: 'app-flyout-demo',\n templateUrl: './flyout-demo.component.html',\n})\nexport class FlyoutDemoComponent {\n public flyout: SkyFlyoutInstance<any>;\n\n constructor(
|
|
1807
|
+
"rawContents": "import { Component } from '@angular/core';\nimport {\n SkyFlyoutConfig,\n SkyFlyoutInstance,\n SkyFlyoutService,\n} from '@skyux/flyout';\n\nimport { FlyoutDemoFlyoutComponent } from './flyout-demo-flyout.component';\n\n@Component({\n selector: 'app-flyout-demo',\n templateUrl: './flyout-demo.component.html',\n})\nexport class FlyoutDemoComponent {\n public flyout: SkyFlyoutInstance<any>;\n\n #flyoutService: SkyFlyoutService;\n\n constructor(flyoutService: SkyFlyoutService) {\n this.#flyoutService = flyoutService;\n }\n\n public openFlyoutWithIterators(): void {\n const flyoutConfig: SkyFlyoutConfig = {\n ariaLabelledBy: 'flyout-title',\n ariaRole: 'dialog',\n showIterator: true,\n };\n this.flyout = this.#flyoutService.open(\n FlyoutDemoFlyoutComponent,\n flyoutConfig\n );\n\n this.flyout.iteratorNextButtonClick.subscribe(() => {\n alert('Next iterator button clicked!');\n });\n\n this.flyout.iteratorPreviousButtonClick.subscribe(() => {\n alert('Prvious iterator button clicked!');\n });\n\n this.flyout.closed.subscribe(() => {\n this.flyout = undefined;\n });\n }\n\n public openFlyoutWithRoutePermalink(): void {\n const flyoutConfig: SkyFlyoutConfig = {\n ariaLabelledBy: 'flyout-title',\n ariaRole: 'dialog',\n permalink: {\n label: 'Go to Components page',\n route: {\n commands: ['/components'],\n extras: {\n fragment: 'helloWorld',\n queryParams: {\n foo: 'bar',\n },\n },\n },\n },\n };\n this.flyout = this.#flyoutService.open(\n FlyoutDemoFlyoutComponent,\n flyoutConfig\n );\n\n this.flyout.closed.subscribe(() => {\n this.flyout = undefined;\n });\n }\n\n public openFlyoutWithUrlPermalink(): void {\n const flyoutConfig: SkyFlyoutConfig = {\n ariaLabelledBy: 'flyout-title',\n ariaRole: 'dialog',\n permalink: {\n label: `Visit blackbaud.com`,\n url: 'http://www.blackbaud.com',\n },\n };\n this.flyout = this.#flyoutService.open(\n FlyoutDemoFlyoutComponent,\n flyoutConfig\n );\n\n this.flyout.closed.subscribe(() => {\n this.flyout = undefined;\n });\n }\n}\n"
|
|
1821
1808
|
},
|
|
1822
1809
|
{
|
|
1823
1810
|
"fileName": "flyout-demo.module.ts",
|
|
@@ -1847,7 +1834,7 @@
|
|
|
1847
1834
|
{
|
|
1848
1835
|
"fileName": "flyout-demo.component.ts",
|
|
1849
1836
|
"filePath": "/projects/flyout/documentation/code-examples/flyout/grid/flyout-demo.component.ts",
|
|
1850
|
-
"rawContents": "import { Component, ViewChild } from '@angular/core';\nimport {\n SkyFlyoutConfig,\n SkyFlyoutInstance,\n SkyFlyoutService,\n} from '@skyux/flyout';\nimport { ListItemModel } from '@skyux/list-builder-common';\nimport { SkyListViewGridComponent } from '@skyux/list-builder-view-grids';\n\nimport { Subject, of } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport { FlyoutDemoContext } from './flyout-demo-context';\nimport { FlyoutDemoFlyoutComponent } from './flyout-demo-flyout.component';\n\n@Component({\n selector: 'app-flyout-demo',\n templateUrl: './flyout-demo.component.html',\n})\nexport class FlyoutDemoComponent {\n public flyout: SkyFlyoutInstance<any>;\n\n public rowHighlightedId: string;\n\n public users = of([\n {\n id: '1',\n name: 'Troy Barnes',\n constituentCode: 'Alumnus',\n latestGift: 175,\n status: 'Paid',\n },\n {\n id: '2',\n name: 'Britta Perry',\n constituentCode: 'Friend',\n latestGift: 5,\n status: 'Past due',\n },\n {\n id: '3',\n name: 'Pierce Hawthorne',\n constituentCode: 'Board Member',\n latestGift: 1500,\n status: 'Paid',\n },\n {\n id: '4',\n name: 'Annie Edison',\n constituentCode: 'Alumnus',\n latestGift: 100,\n status: 'Paid',\n },\n {\n id: '5',\n name: 'Shirley Bennett',\n constituentCode: 'Board Member',\n latestGift: 250,\n status: 'Paid',\n },\n {\n id: '6',\n name: 'Jeff Winger',\n constituentCode: 'Friend',\n latestGift: 250,\n status: 'Paid',\n },\n {\n id: '7',\n name: 'Abed Nadir',\n constituentCode: 'Major Donor',\n latestGift: 100000,\n status: 'Paid',\n },\n ]);\n\n @ViewChild(SkyListViewGridComponent)\n public listViewGridComponent: SkyListViewGridComponent;\n\n
|
|
1837
|
+
"rawContents": "import { Component, ViewChild } from '@angular/core';\nimport {\n SkyFlyoutConfig,\n SkyFlyoutInstance,\n SkyFlyoutService,\n} from '@skyux/flyout';\nimport { ListItemModel } from '@skyux/list-builder-common';\nimport { SkyListViewGridComponent } from '@skyux/list-builder-view-grids';\n\nimport { Subject, of } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport { FlyoutDemoContext } from './flyout-demo-context';\nimport { FlyoutDemoFlyoutComponent } from './flyout-demo-flyout.component';\n\n@Component({\n selector: 'app-flyout-demo',\n templateUrl: './flyout-demo.component.html',\n})\nexport class FlyoutDemoComponent {\n public flyout: SkyFlyoutInstance<any>;\n\n public rowHighlightedId: string;\n\n public users = of([\n {\n id: '1',\n name: 'Troy Barnes',\n constituentCode: 'Alumnus',\n latestGift: 175,\n status: 'Paid',\n },\n {\n id: '2',\n name: 'Britta Perry',\n constituentCode: 'Friend',\n latestGift: 5,\n status: 'Past due',\n },\n {\n id: '3',\n name: 'Pierce Hawthorne',\n constituentCode: 'Board Member',\n latestGift: 1500,\n status: 'Paid',\n },\n {\n id: '4',\n name: 'Annie Edison',\n constituentCode: 'Alumnus',\n latestGift: 100,\n status: 'Paid',\n },\n {\n id: '5',\n name: 'Shirley Bennett',\n constituentCode: 'Board Member',\n latestGift: 250,\n status: 'Paid',\n },\n {\n id: '6',\n name: 'Jeff Winger',\n constituentCode: 'Friend',\n latestGift: 250,\n status: 'Paid',\n },\n {\n id: '7',\n name: 'Abed Nadir',\n constituentCode: 'Major Donor',\n latestGift: 100000,\n status: 'Paid',\n },\n ]);\n\n @ViewChild(SkyListViewGridComponent)\n public listViewGridComponent: SkyListViewGridComponent | undefined;\n\n #listState: ListItemModel[];\n\n #openFlyoutStream = new Subject<boolean>();\n\n #flyoutService: SkyFlyoutService;\n\n constructor(flyoutService: SkyFlyoutService) {\n this.#flyoutService = flyoutService;\n }\n\n public onNameClick(record: FlyoutDemoContext): void {\n this.#openRecord(record);\n }\n\n #openRecord(record: FlyoutDemoContext) {\n // Prevent highlight from being prematurely removed.\n this.#openFlyoutStream.next(true);\n\n const flyoutConfig: SkyFlyoutConfig = {\n providers: [\n {\n provide: FlyoutDemoContext,\n useValue: record,\n },\n ],\n ariaLabelledBy: 'flyout-title',\n ariaRole: 'dialog',\n permalink: {\n route: {\n commands: ['/users', record.id],\n extras: {\n queryParams: {\n envid: '123456789',\n },\n },\n },\n },\n showIterator: true,\n };\n\n this.flyout = this.#flyoutService.open(\n FlyoutDemoFlyoutComponent,\n flyoutConfig\n );\n\n this.flyout.closed.subscribe(() => {\n this.flyout = undefined;\n });\n\n this.#initIterators(record, this.flyout);\n }\n\n #initIterators(record: any, flyout: SkyFlyoutInstance<any>) {\n this.rowHighlightedId = record.id;\n\n // Remove highlights when flyout is closed.\n flyout.closed.pipe(takeUntil(this.#openFlyoutStream)).subscribe(() => {\n this.rowHighlightedId = undefined;\n });\n\n this.listViewGridComponent?.items\n .pipe(takeUntil(this.#openFlyoutStream))\n .subscribe((s: any) => {\n this.#listState = s;\n\n flyout.iteratorPreviousButtonDisabled = this.#isFirstElementInArray(\n this.rowHighlightedId,\n this.#listState\n );\n flyout.iteratorNextButtonDisabled = this.#isLastElementInArray(\n this.rowHighlightedId,\n this.#listState\n );\n });\n\n flyout.iteratorPreviousButtonClick\n .pipe(takeUntil(this.#openFlyoutStream))\n .subscribe(() => {\n const previous = this.#stepToItemInArray(\n this.#listState,\n this.rowHighlightedId,\n -1\n );\n this.#openRecord(previous.data);\n });\n\n flyout.iteratorNextButtonClick\n .pipe(takeUntil(this.#openFlyoutStream))\n .subscribe(() => {\n const next = this.#stepToItemInArray(\n this.#listState,\n this.rowHighlightedId,\n 1\n );\n this.#openRecord(next.data);\n });\n\n flyout.iteratorPreviousButtonDisabled = this.#isFirstElementInArray(\n this.rowHighlightedId,\n this.#listState\n );\n flyout.iteratorNextButtonDisabled = this.#isLastElementInArray(\n this.rowHighlightedId,\n this.#listState\n );\n }\n\n #stepToItemInArray(array: Array<any>, currentId: string, step: number) {\n for (let i = 0; i < array.length; i++) {\n if (array[i].id === currentId) {\n return array[i + step];\n }\n }\n }\n\n #isFirstElementInArray(id: any, array: any[]) {\n const element = array.find((x) => x.id === id);\n if (array[0] === element) {\n return true;\n }\n return false;\n }\n\n #isLastElementInArray(id: any, array: any[]) {\n const element = array.find((x) => x.id === id);\n if (array[array.length - 1] === element) {\n return true;\n }\n return false;\n }\n}\n"
|
|
1851
1838
|
},
|
|
1852
1839
|
{
|
|
1853
1840
|
"fileName": "flyout-demo.module.ts",
|