@skyux/popovers 6.0.0-beta.7 → 6.0.0-beta.8

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 (18) hide show
  1. package/documentation.json +230 -175
  2. package/esm2020/index.mjs +2 -1
  3. package/esm2020/lib/modules/dropdown/dropdown.component.mjs +1 -1
  4. package/esm2020/lib/modules/popover/popover-content.component.mjs +2 -9
  5. package/esm2020/lib/modules/popover/popover-context.mjs +1 -1
  6. package/esm2020/lib/modules/popover/popover.component.mjs +3 -5
  7. package/esm2020/lib/modules/popover/popover.directive.mjs +30 -10
  8. package/esm2020/lib/modules/popover/types/popover-type.mjs +2 -0
  9. package/fesm2015/skyux-popovers.mjs +32 -21
  10. package/fesm2015/skyux-popovers.mjs.map +1 -1
  11. package/fesm2020/skyux-popovers.mjs +32 -21
  12. package/fesm2020/skyux-popovers.mjs.map +1 -1
  13. package/index.d.ts +1 -0
  14. package/lib/modules/popover/popover-context.d.ts +2 -2
  15. package/lib/modules/popover/popover.component.d.ts +4 -6
  16. package/lib/modules/popover/popover.directive.d.ts +7 -4
  17. package/lib/modules/popover/types/popover-type.d.ts +4 -0
  18. package/package.json +6 -6
package/documentation.json CHANGED
@@ -17,7 +17,8 @@
17
17
  "SkyDropdownTriggerType": "type-alias-skydropdowntriggertype",
18
18
  "SkyPopoverAlignment": "type-alias-skypopoveralignment",
19
19
  "SkyPopoverPlacement": "type-alias-skypopoverplacement",
20
- "SkyPopoverTrigger": "type-alias-skypopovertrigger"
20
+ "SkyPopoverTrigger": "type-alias-skypopovertrigger",
21
+ "SkyPopoverType": "type-alias-skypopovertype"
21
22
  },
22
23
  "typedoc": {
23
24
  "id": 0,
@@ -28,7 +29,7 @@
28
29
  "originalName": "",
29
30
  "children": [
30
31
  {
31
- "id": 327,
32
+ "id": 336,
32
33
  "name": "SkyDropdownMessageType",
33
34
  "kind": 8,
34
35
  "kindString": "Enumeration",
@@ -38,7 +39,7 @@
38
39
  },
39
40
  "children": [
40
41
  {
41
- "id": 329,
42
+ "id": 338,
42
43
  "name": "Close",
43
44
  "kind": 16,
44
45
  "kindString": "Enumeration member",
@@ -56,7 +57,7 @@
56
57
  "defaultValue": "1"
57
58
  },
58
59
  {
59
- "id": 334,
60
+ "id": 343,
60
61
  "name": "FocusFirstItem",
61
62
  "kind": 16,
62
63
  "kindString": "Enumeration member",
@@ -74,7 +75,7 @@
74
75
  "defaultValue": "6"
75
76
  },
76
77
  {
77
- "id": 335,
78
+ "id": 344,
78
79
  "name": "FocusLastItem",
79
80
  "kind": 16,
80
81
  "kindString": "Enumeration member",
@@ -92,7 +93,7 @@
92
93
  "defaultValue": "7"
93
94
  },
94
95
  {
95
- "id": 331,
96
+ "id": 340,
96
97
  "name": "FocusNextItem",
97
98
  "kind": 16,
98
99
  "kindString": "Enumeration member",
@@ -110,7 +111,7 @@
110
111
  "defaultValue": "3"
111
112
  },
112
113
  {
113
- "id": 332,
114
+ "id": 341,
114
115
  "name": "FocusPreviousItem",
115
116
  "kind": 16,
116
117
  "kindString": "Enumeration member",
@@ -128,7 +129,7 @@
128
129
  "defaultValue": "4"
129
130
  },
130
131
  {
131
- "id": 330,
132
+ "id": 339,
132
133
  "name": "FocusTriggerButton",
133
134
  "kind": 16,
134
135
  "kindString": "Enumeration member",
@@ -146,7 +147,7 @@
146
147
  "defaultValue": "2"
147
148
  },
148
149
  {
149
- "id": 328,
150
+ "id": 337,
150
151
  "name": "Open",
151
152
  "kind": 16,
152
153
  "kindString": "Enumeration member",
@@ -164,7 +165,7 @@
164
165
  "defaultValue": "0"
165
166
  },
166
167
  {
167
- "id": 333,
168
+ "id": 342,
168
169
  "name": "Reposition",
169
170
  "kind": 16,
170
171
  "kindString": "Enumeration member",
@@ -187,14 +188,14 @@
187
188
  "title": "Enumeration members",
188
189
  "kind": 16,
189
190
  "children": [
190
- 329,
191
- 334,
192
- 335,
193
- 331,
194
- 332,
195
- 330,
196
- 328,
197
- 333
191
+ 338,
192
+ 343,
193
+ 344,
194
+ 340,
195
+ 341,
196
+ 339,
197
+ 337,
198
+ 342
198
199
  ]
199
200
  }
200
201
  ],
@@ -207,7 +208,7 @@
207
208
  ]
208
209
  },
209
210
  {
210
- "id": 346,
211
+ "id": 355,
211
212
  "name": "SkyPopoverMessageType",
212
213
  "kind": 8,
213
214
  "kindString": "Enumeration",
@@ -217,7 +218,7 @@
217
218
  },
218
219
  "children": [
219
220
  {
220
- "id": 348,
221
+ "id": 357,
221
222
  "name": "Close",
222
223
  "kind": 16,
223
224
  "kindString": "Enumeration member",
@@ -235,7 +236,7 @@
235
236
  "defaultValue": "1"
236
237
  },
237
238
  {
238
- "id": 350,
239
+ "id": 359,
239
240
  "name": "Focus",
240
241
  "kind": 16,
241
242
  "kindString": "Enumeration member",
@@ -253,7 +254,7 @@
253
254
  "defaultValue": "3"
254
255
  },
255
256
  {
256
- "id": 347,
257
+ "id": 356,
257
258
  "name": "Open",
258
259
  "kind": 16,
259
260
  "kindString": "Enumeration member",
@@ -271,7 +272,7 @@
271
272
  "defaultValue": "0"
272
273
  },
273
274
  {
274
- "id": 349,
275
+ "id": 358,
275
276
  "name": "Reposition",
276
277
  "kind": 16,
277
278
  "kindString": "Enumeration member",
@@ -294,10 +295,10 @@
294
295
  "title": "Enumeration members",
295
296
  "kind": 16,
296
297
  "children": [
297
- 348,
298
- 350,
299
- 347,
300
- 349
298
+ 357,
299
+ 359,
300
+ 356,
301
+ 358
301
302
  ]
302
303
  }
303
304
  ],
@@ -310,7 +311,7 @@
310
311
  ]
311
312
  },
312
313
  {
313
- "id": 337,
314
+ "id": 346,
314
315
  "name": "SkyDropdownModule",
315
316
  "kind": 128,
316
317
  "kindString": "Class",
@@ -335,7 +336,7 @@
335
336
  "title": "Constructors",
336
337
  "kind": 512,
337
338
  "children": [
338
- 338
339
+ 347
339
340
  ]
340
341
  }
341
342
  ],
@@ -348,7 +349,7 @@
348
349
  ]
349
350
  },
350
351
  {
351
- "id": 340,
352
+ "id": 349,
352
353
  "name": "SkyPopoverModule",
353
354
  "kind": 128,
354
355
  "kindString": "Class",
@@ -373,7 +374,7 @@
373
374
  "title": "Constructors",
374
375
  "kind": 512,
375
376
  "children": [
376
- 341
377
+ 350
377
378
  ]
378
379
  }
379
380
  ],
@@ -1141,7 +1142,7 @@
1141
1142
  "typeArguments": [
1142
1143
  {
1143
1144
  "type": "reference",
1144
- "id": 325,
1145
+ "id": 334,
1145
1146
  "name": "SkyDropdownMessage"
1146
1147
  }
1147
1148
  ],
@@ -1801,7 +1802,7 @@
1801
1802
  },
1802
1803
  "type": {
1803
1804
  "type": "reference",
1804
- "id": 336,
1805
+ "id": 345,
1805
1806
  "name": "SkyDropdownTriggerType"
1806
1807
  }
1807
1808
  }
@@ -1835,7 +1836,7 @@
1835
1836
  "flags": {},
1836
1837
  "type": {
1837
1838
  "type": "reference",
1838
- "id": 336,
1839
+ "id": 345,
1839
1840
  "name": "SkyDropdownTriggerType"
1840
1841
  }
1841
1842
  }
@@ -2189,7 +2190,7 @@
2189
2190
  "typeArguments": [
2190
2191
  {
2191
2192
  "type": "reference",
2192
- "id": 321,
2193
+ "id": 330,
2193
2194
  "name": "SkyDropdownMenuChange"
2194
2195
  }
2195
2196
  ],
@@ -2781,7 +2782,7 @@
2781
2782
  "sources": [
2782
2783
  {
2783
2784
  "fileName": "projects/popovers/src/modules/popover/popover.component.ts",
2784
- "line": 135,
2785
+ "line": 133,
2785
2786
  "character": 2
2786
2787
  }
2787
2788
  ],
@@ -2824,7 +2825,7 @@
2824
2825
  "sources": [
2825
2826
  {
2826
2827
  "fileName": "projects/popovers/src/modules/popover/popover.component.ts",
2827
- "line": 113,
2828
+ "line": 111,
2828
2829
  "character": 9
2829
2830
  }
2830
2831
  ],
@@ -2860,7 +2861,7 @@
2860
2861
  "sources": [
2861
2862
  {
2862
2863
  "fileName": "projects/popovers/src/modules/popover/popover.component.ts",
2863
- "line": 92,
2864
+ "line": 90,
2864
2865
  "character": 9
2865
2866
  }
2866
2867
  ],
@@ -2905,7 +2906,7 @@
2905
2906
  "sources": [
2906
2907
  {
2907
2908
  "fileName": "projects/popovers/src/modules/popover/popover.component.ts",
2908
- "line": 98,
2909
+ "line": 96,
2909
2910
  "character": 9
2910
2911
  }
2911
2912
  ],
@@ -2950,7 +2951,7 @@
2950
2951
  "sources": [
2951
2952
  {
2952
2953
  "fileName": "projects/popovers/src/modules/popover/popover.component.ts",
2953
- "line": 78,
2954
+ "line": 77,
2954
2955
  "character": 9
2955
2956
  }
2956
2957
  ],
@@ -2968,7 +2969,7 @@
2968
2969
  "isPublic": true
2969
2970
  },
2970
2971
  "comment": {
2971
- "shortText": "Specifies the type of popover.\nOptions include `\"info\"` and `\"danger\"`.",
2972
+ "shortText": "Specifies the type of popover.",
2972
2973
  "tags": [
2973
2974
  {
2974
2975
  "tag": "default",
@@ -2991,22 +2992,14 @@
2991
2992
  "sources": [
2992
2993
  {
2993
2994
  "fileName": "projects/popovers/src/modules/popover/popover.component.ts",
2994
- "line": 86,
2995
+ "line": 84,
2995
2996
  "character": 9
2996
2997
  }
2997
2998
  ],
2998
2999
  "type": {
2999
- "type": "union",
3000
- "types": [
3001
- {
3002
- "type": "literal",
3003
- "value": "danger"
3004
- },
3005
- {
3006
- "type": "literal",
3007
- "value": "info"
3008
- }
3009
- ]
3000
+ "type": "reference",
3001
+ "id": 369,
3002
+ "name": "SkyPopoverType"
3010
3003
  }
3011
3004
  },
3012
3005
  {
@@ -3044,7 +3037,7 @@
3044
3037
  "kindString": "Get signature",
3045
3038
  "flags": {},
3046
3039
  "comment": {
3047
- "shortText": "Specifies the horizontal alignment of the popover in relation to the trigger element.\nThe `skyPopoverAlignment` property on the popover directive overwrites this property.\nOptions include:`\"center\"`, `\"right\"`, and `'\"left\"`.",
3040
+ "shortText": "Specifies the horizontal alignment of the popover in relation to the trigger element.\nThe `skyPopoverAlignment` property on the popover directive takes precedence over this property when specified.",
3048
3041
  "tags": [
3049
3042
  {
3050
3043
  "tag": "default",
@@ -3054,7 +3047,7 @@
3054
3047
  },
3055
3048
  "type": {
3056
3049
  "type": "reference",
3057
- "id": 343,
3050
+ "id": 352,
3058
3051
  "name": "SkyPopoverAlignment"
3059
3052
  }
3060
3053
  }
@@ -3067,7 +3060,7 @@
3067
3060
  "kindString": "Set signature",
3068
3061
  "flags": {},
3069
3062
  "comment": {
3070
- "shortText": "Specifies the horizontal alignment of the popover in relation to the trigger element.\nThe `skyPopoverAlignment` property on the popover directive overwrites this property.\nOptions include:`\"center\"`, `\"right\"`, and `'\"left\"`.",
3063
+ "shortText": "Specifies the horizontal alignment of the popover in relation to the trigger element.\nThe `skyPopoverAlignment` property on the popover directive takes precedence over this property when specified.",
3071
3064
  "tags": [
3072
3065
  {
3073
3066
  "tag": "default",
@@ -3084,7 +3077,7 @@
3084
3077
  "flags": {},
3085
3078
  "type": {
3086
3079
  "type": "reference",
3087
- "id": 343,
3080
+ "id": 352,
3088
3081
  "name": "SkyPopoverAlignment"
3089
3082
  }
3090
3083
  }
@@ -3204,7 +3197,7 @@
3204
3197
  "sources": [
3205
3198
  {
3206
3199
  "fileName": "projects/popovers/src/modules/popover/popover.component.ts",
3207
- "line": 66,
3200
+ "line": 65,
3208
3201
  "character": 13
3209
3202
  }
3210
3203
  ],
@@ -3216,7 +3209,7 @@
3216
3209
  "kindString": "Get signature",
3217
3210
  "flags": {},
3218
3211
  "comment": {
3219
- "shortText": "Specifies the placement of the popover in relation to the trigger element.\nThe `skyPopoverPlacement` property on the popover directive overwrites this property.\nOptions include:`\"above\"`, `\"below\"`, `\"right\"`, and `\"left\"`.",
3212
+ "shortText": "Specifies the placement of the popover in relation to the trigger element.\nThe `skyPopoverPlacement` property on the popover directive takes precedence over this property when specified.",
3220
3213
  "tags": [
3221
3214
  {
3222
3215
  "tag": "default",
@@ -3226,7 +3219,7 @@
3226
3219
  },
3227
3220
  "type": {
3228
3221
  "type": "reference",
3229
- "id": 351,
3222
+ "id": 360,
3230
3223
  "name": "SkyPopoverPlacement"
3231
3224
  }
3232
3225
  }
@@ -3239,7 +3232,7 @@
3239
3232
  "kindString": "Set signature",
3240
3233
  "flags": {},
3241
3234
  "comment": {
3242
- "shortText": "Specifies the placement of the popover in relation to the trigger element.\nThe `skyPopoverPlacement` property on the popover directive overwrites this property.\nOptions include:`\"above\"`, `\"below\"`, `\"right\"`, and `\"left\"`.",
3235
+ "shortText": "Specifies the placement of the popover in relation to the trigger element.\nThe `skyPopoverPlacement` property on the popover directive takes precedence over this property when specified.",
3243
3236
  "tags": [
3244
3237
  {
3245
3238
  "tag": "default",
@@ -3256,7 +3249,7 @@
3256
3249
  "flags": {},
3257
3250
  "type": {
3258
3251
  "type": "reference",
3259
- "id": 351,
3252
+ "id": 360,
3260
3253
  "name": "SkyPopoverPlacement"
3261
3254
  }
3262
3255
  }
@@ -3279,7 +3272,7 @@
3279
3272
  "sources": [
3280
3273
  {
3281
3274
  "fileName": "projects/popovers/src/modules/popover/popover.component.ts",
3282
- "line": 137,
3275
+ "line": 135,
3283
3276
  "character": 9
3284
3277
  }
3285
3278
  ],
@@ -3345,7 +3338,7 @@
3345
3338
  "sources": [
3346
3339
  {
3347
3340
  "fileName": "projects/popovers/src/modules/popover/popover.component.ts",
3348
- "line": 25,
3341
+ "line": 26,
3349
3342
  "character": 13
3350
3343
  }
3351
3344
  ],
@@ -3388,7 +3381,7 @@
3388
3381
  "sources": [
3389
3382
  {
3390
3383
  "fileName": "projects/popovers/src/modules/popover/popover.directive.ts",
3391
- "line": 62,
3384
+ "line": 73,
3392
3385
  "character": 2
3393
3386
  }
3394
3387
  ],
@@ -3479,7 +3472,7 @@
3479
3472
  "isPublic": true
3480
3473
  },
3481
3474
  "comment": {
3482
- "shortText": "Specifies the horizontal alignment of the popover in relation to the trigger element.\nOptions include:`\"center\"`, `\"right\"`, and `\"left\"`.",
3475
+ "shortText": "Specifies the horizontal alignment of the popover in relation to the trigger element.",
3483
3476
  "tags": [
3484
3477
  {
3485
3478
  "tag": "default",
@@ -3502,26 +3495,32 @@
3502
3495
  "sources": [
3503
3496
  {
3504
3497
  "fileName": "projects/popovers/src/modules/popover/popover.directive.ts",
3505
- "line": 30,
3498
+ "line": 29,
3506
3499
  "character": 9
3507
3500
  }
3508
3501
  ],
3509
3502
  "type": {
3510
3503
  "type": "reference",
3511
- "id": 343,
3504
+ "id": 352,
3512
3505
  "name": "SkyPopoverAlignment"
3513
3506
  }
3514
3507
  },
3515
3508
  {
3516
- "id": 290,
3517
- "name": "skyPopoverMessageStream",
3509
+ "id": 296,
3510
+ "name": "skyPopoverPlacement",
3518
3511
  "kind": 1024,
3519
3512
  "kindString": "Property",
3520
3513
  "flags": {
3521
3514
  "isPublic": true
3522
3515
  },
3523
3516
  "comment": {
3524
- "shortText": "Provides an observable to send commands to the popover that respect the `SkyPopoverMessage` type."
3517
+ "shortText": "Specifies the placement of the popover in relation to the trigger element.",
3518
+ "tags": [
3519
+ {
3520
+ "tag": "default",
3521
+ "text": "\"above\"\n"
3522
+ }
3523
+ ]
3525
3524
  },
3526
3525
  "decorators": [
3527
3526
  {
@@ -3538,42 +3537,24 @@
3538
3537
  "sources": [
3539
3538
  {
3540
3539
  "fileName": "projects/popovers/src/modules/popover/popover.directive.ts",
3541
- "line": 36,
3540
+ "line": 55,
3542
3541
  "character": 9
3543
3542
  }
3544
3543
  ],
3545
3544
  "type": {
3546
3545
  "type": "reference",
3547
- "typeArguments": [
3548
- {
3549
- "type": "reference",
3550
- "id": 344,
3551
- "name": "SkyPopoverMessage"
3552
- }
3553
- ],
3554
- "qualifiedName": "Subject",
3555
- "package": "rxjs",
3556
- "name": "Subject"
3557
- },
3558
- "defaultValue": "..."
3546
+ "id": 360,
3547
+ "name": "SkyPopoverPlacement"
3548
+ }
3559
3549
  },
3560
3550
  {
3561
- "id": 291,
3562
- "name": "skyPopoverPlacement",
3563
- "kind": 1024,
3564
- "kindString": "Property",
3551
+ "id": 290,
3552
+ "name": "skyPopoverMessageStream",
3553
+ "kind": 262144,
3554
+ "kindString": "Accessor",
3565
3555
  "flags": {
3566
3556
  "isPublic": true
3567
3557
  },
3568
- "comment": {
3569
- "shortText": "Specifies the placement of the popover in relation to the trigger element.\nOptions include:`\"above\"`, `\"below\"`, `\"right\"`, and `\"left\"`.",
3570
- "tags": [
3571
- {
3572
- "tag": "default",
3573
- "text": "\"above\"\n"
3574
- }
3575
- ]
3576
- },
3577
3558
  "decorators": [
3578
3559
  {
3579
3560
  "name": "Input",
@@ -3589,18 +3570,76 @@
3589
3570
  "sources": [
3590
3571
  {
3591
3572
  "fileName": "projects/popovers/src/modules/popover/popover.directive.ts",
3592
- "line": 44,
3593
- "character": 9
3573
+ "line": 35,
3574
+ "character": 13
3594
3575
  }
3595
3576
  ],
3596
- "type": {
3597
- "type": "reference",
3598
- "id": 351,
3599
- "name": "SkyPopoverPlacement"
3600
- }
3577
+ "getSignature": [
3578
+ {
3579
+ "id": 291,
3580
+ "name": "skyPopoverMessageStream",
3581
+ "kind": 524288,
3582
+ "kindString": "Get signature",
3583
+ "flags": {},
3584
+ "comment": {
3585
+ "shortText": "Provides an RxJS `Subject` to send commands to the popover that respect the `SkyPopoverMessage` type."
3586
+ },
3587
+ "type": {
3588
+ "type": "reference",
3589
+ "typeArguments": [
3590
+ {
3591
+ "type": "reference",
3592
+ "id": 353,
3593
+ "name": "SkyPopoverMessage"
3594
+ }
3595
+ ],
3596
+ "qualifiedName": "Subject",
3597
+ "package": "rxjs",
3598
+ "name": "Subject"
3599
+ }
3600
+ }
3601
+ ],
3602
+ "setSignature": [
3603
+ {
3604
+ "id": 292,
3605
+ "name": "skyPopoverMessageStream",
3606
+ "kind": 1048576,
3607
+ "kindString": "Set signature",
3608
+ "flags": {},
3609
+ "comment": {
3610
+ "shortText": "Provides an RxJS `Subject` to send commands to the popover that respect the `SkyPopoverMessage` type."
3611
+ },
3612
+ "parameters": [
3613
+ {
3614
+ "id": 293,
3615
+ "name": "value",
3616
+ "kind": 32768,
3617
+ "kindString": "Parameter",
3618
+ "flags": {},
3619
+ "type": {
3620
+ "type": "reference",
3621
+ "typeArguments": [
3622
+ {
3623
+ "type": "reference",
3624
+ "id": 353,
3625
+ "name": "SkyPopoverMessage"
3626
+ }
3627
+ ],
3628
+ "qualifiedName": "Subject",
3629
+ "package": "rxjs",
3630
+ "name": "Subject"
3631
+ }
3632
+ }
3633
+ ],
3634
+ "type": {
3635
+ "type": "intrinsic",
3636
+ "name": "void"
3637
+ }
3638
+ }
3639
+ ]
3601
3640
  },
3602
3641
  {
3603
- "id": 292,
3642
+ "id": 297,
3604
3643
  "name": "skyPopoverTrigger",
3605
3644
  "kind": 262144,
3606
3645
  "kindString": "Accessor",
@@ -3622,13 +3661,13 @@
3622
3661
  "sources": [
3623
3662
  {
3624
3663
  "fileName": "projects/popovers/src/modules/popover/popover.directive.ts",
3625
- "line": 50,
3664
+ "line": 61,
3626
3665
  "character": 13
3627
3666
  }
3628
3667
  ],
3629
3668
  "getSignature": [
3630
3669
  {
3631
- "id": 293,
3670
+ "id": 298,
3632
3671
  "name": "skyPopoverTrigger",
3633
3672
  "kind": 524288,
3634
3673
  "kindString": "Get signature",
@@ -3638,14 +3677,14 @@
3638
3677
  },
3639
3678
  "type": {
3640
3679
  "type": "reference",
3641
- "id": 359,
3680
+ "id": 368,
3642
3681
  "name": "SkyPopoverTrigger"
3643
3682
  }
3644
3683
  }
3645
3684
  ],
3646
3685
  "setSignature": [
3647
3686
  {
3648
- "id": 294,
3687
+ "id": 299,
3649
3688
  "name": "skyPopoverTrigger",
3650
3689
  "kind": 1048576,
3651
3690
  "kindString": "Set signature",
@@ -3655,14 +3694,14 @@
3655
3694
  },
3656
3695
  "parameters": [
3657
3696
  {
3658
- "id": 295,
3697
+ "id": 300,
3659
3698
  "name": "value",
3660
3699
  "kind": 32768,
3661
3700
  "kindString": "Parameter",
3662
3701
  "flags": {},
3663
3702
  "type": {
3664
3703
  "type": "reference",
3665
- "id": 359,
3704
+ "id": 368,
3666
3705
  "name": "SkyPopoverTrigger"
3667
3706
  }
3668
3707
  }
@@ -3675,7 +3714,7 @@
3675
3714
  ]
3676
3715
  },
3677
3716
  {
3678
- "id": 300,
3717
+ "id": 305,
3679
3718
  "name": "ngOnDestroy",
3680
3719
  "kind": 2048,
3681
3720
  "kindString": "Method",
@@ -3685,13 +3724,13 @@
3685
3724
  "sources": [
3686
3725
  {
3687
3726
  "fileName": "projects/popovers/src/modules/popover/popover.directive.ts",
3688
- "line": 68,
3727
+ "line": 81,
3689
3728
  "character": 9
3690
3729
  }
3691
3730
  ],
3692
3731
  "signatures": [
3693
3732
  {
3694
- "id": 301,
3733
+ "id": 306,
3695
3734
  "name": "ngOnDestroy",
3696
3735
  "kind": 4096,
3697
3736
  "kindString": "Call signature",
@@ -3712,7 +3751,7 @@
3712
3751
  }
3713
3752
  },
3714
3753
  {
3715
- "id": 298,
3754
+ "id": 303,
3716
3755
  "name": "ngOnInit",
3717
3756
  "kind": 2048,
3718
3757
  "kindString": "Method",
@@ -3722,13 +3761,13 @@
3722
3761
  "sources": [
3723
3762
  {
3724
3763
  "fileName": "projects/popovers/src/modules/popover/popover.directive.ts",
3725
- "line": 64,
3764
+ "line": 77,
3726
3765
  "character": 9
3727
3766
  }
3728
3767
  ],
3729
3768
  "signatures": [
3730
3769
  {
3731
- "id": 299,
3770
+ "id": 304,
3732
3771
  "name": "ngOnInit",
3733
3772
  "kind": 4096,
3734
3773
  "kindString": "Call signature",
@@ -3749,7 +3788,7 @@
3749
3788
  }
3750
3789
  },
3751
3790
  {
3752
- "id": 302,
3791
+ "id": 307,
3753
3792
  "name": "togglePopover",
3754
3793
  "kind": 2048,
3755
3794
  "kindString": "Method",
@@ -3759,13 +3798,13 @@
3759
3798
  "sources": [
3760
3799
  {
3761
3800
  "fileName": "projects/popovers/src/modules/popover/popover.directive.ts",
3762
- "line": 72,
3801
+ "line": 86,
3763
3802
  "character": 9
3764
3803
  }
3765
3804
  ],
3766
3805
  "signatures": [
3767
3806
  {
3768
- "id": 303,
3807
+ "id": 308,
3769
3808
  "name": "togglePopover",
3770
3809
  "kind": 4096,
3771
3810
  "kindString": "Call signature",
@@ -3792,24 +3831,24 @@
3792
3831
  "children": [
3793
3832
  288,
3794
3833
  289,
3795
- 290,
3796
- 291
3834
+ 296
3797
3835
  ]
3798
3836
  },
3799
3837
  {
3800
3838
  "title": "Accessors",
3801
3839
  "kind": 262144,
3802
3840
  "children": [
3803
- 292
3841
+ 290,
3842
+ 297
3804
3843
  ]
3805
3844
  },
3806
3845
  {
3807
3846
  "title": "Methods",
3808
3847
  "kind": 2048,
3809
3848
  "children": [
3810
- 300,
3811
- 298,
3812
- 302
3849
+ 305,
3850
+ 303,
3851
+ 307
3813
3852
  ]
3814
3853
  }
3815
3854
  ],
@@ -3836,7 +3875,7 @@
3836
3875
  ]
3837
3876
  },
3838
3877
  {
3839
- "id": 321,
3878
+ "id": 330,
3840
3879
  "name": "SkyDropdownMenuChange",
3841
3880
  "kind": 256,
3842
3881
  "kindString": "Interface",
@@ -3846,7 +3885,7 @@
3846
3885
  },
3847
3886
  "children": [
3848
3887
  {
3849
- "id": 322,
3888
+ "id": 331,
3850
3889
  "name": "activeIndex",
3851
3890
  "kind": 1024,
3852
3891
  "kindString": "Property",
@@ -3869,7 +3908,7 @@
3869
3908
  }
3870
3909
  },
3871
3910
  {
3872
- "id": 323,
3911
+ "id": 332,
3873
3912
  "name": "items",
3874
3913
  "kind": 1024,
3875
3914
  "kindString": "Property",
@@ -3896,7 +3935,7 @@
3896
3935
  }
3897
3936
  },
3898
3937
  {
3899
- "id": 324,
3938
+ "id": 333,
3900
3939
  "name": "selectedItem",
3901
3940
  "kind": 1024,
3902
3941
  "kindString": "Property",
@@ -3925,9 +3964,9 @@
3925
3964
  "title": "Properties",
3926
3965
  "kind": 1024,
3927
3966
  "children": [
3928
- 322,
3929
- 323,
3930
- 324
3967
+ 331,
3968
+ 332,
3969
+ 333
3931
3970
  ]
3932
3971
  }
3933
3972
  ],
@@ -3940,7 +3979,7 @@
3940
3979
  ]
3941
3980
  },
3942
3981
  {
3943
- "id": 325,
3982
+ "id": 334,
3944
3983
  "name": "SkyDropdownMessage",
3945
3984
  "kind": 256,
3946
3985
  "kindString": "Interface",
@@ -3950,7 +3989,7 @@
3950
3989
  },
3951
3990
  "children": [
3952
3991
  {
3953
- "id": 326,
3992
+ "id": 335,
3954
3993
  "name": "type",
3955
3994
  "kind": 1024,
3956
3995
  "kindString": "Property",
@@ -3969,7 +4008,7 @@
3969
4008
  ],
3970
4009
  "type": {
3971
4010
  "type": "reference",
3972
- "id": 327,
4011
+ "id": 336,
3973
4012
  "name": "SkyDropdownMessageType"
3974
4013
  }
3975
4014
  }
@@ -3979,7 +4018,7 @@
3979
4018
  "title": "Properties",
3980
4019
  "kind": 1024,
3981
4020
  "children": [
3982
- 326
4021
+ 335
3983
4022
  ]
3984
4023
  }
3985
4024
  ],
@@ -3992,7 +4031,7 @@
3992
4031
  ]
3993
4032
  },
3994
4033
  {
3995
- "id": 344,
4034
+ "id": 353,
3996
4035
  "name": "SkyPopoverMessage",
3997
4036
  "kind": 256,
3998
4037
  "kindString": "Interface",
@@ -4002,7 +4041,7 @@
4002
4041
  },
4003
4042
  "children": [
4004
4043
  {
4005
- "id": 345,
4044
+ "id": 354,
4006
4045
  "name": "type",
4007
4046
  "kind": 1024,
4008
4047
  "kindString": "Property",
@@ -4021,7 +4060,7 @@
4021
4060
  ],
4022
4061
  "type": {
4023
4062
  "type": "reference",
4024
- "id": 346,
4063
+ "id": 355,
4025
4064
  "name": "SkyPopoverMessageType"
4026
4065
  }
4027
4066
  }
@@ -4031,7 +4070,7 @@
4031
4070
  "title": "Properties",
4032
4071
  "kind": 1024,
4033
4072
  "children": [
4034
- 345
4073
+ 354
4035
4074
  ]
4036
4075
  }
4037
4076
  ],
@@ -4044,7 +4083,7 @@
4044
4083
  ]
4045
4084
  },
4046
4085
  {
4047
- "id": 320,
4086
+ "id": 329,
4048
4087
  "name": "SkyDropdownHorizontalAlignment",
4049
4088
  "kind": 4194304,
4050
4089
  "kindString": "Type alias",
@@ -4065,7 +4104,7 @@
4065
4104
  }
4066
4105
  },
4067
4106
  {
4068
- "id": 336,
4107
+ "id": 345,
4069
4108
  "name": "SkyDropdownTriggerType",
4070
4109
  "kind": 4194304,
4071
4110
  "kindString": "Type alias",
@@ -4095,7 +4134,7 @@
4095
4134
  }
4096
4135
  },
4097
4136
  {
4098
- "id": 343,
4137
+ "id": 352,
4099
4138
  "name": "SkyPopoverAlignment",
4100
4139
  "kind": 4194304,
4101
4140
  "kindString": "Type alias",
@@ -4129,7 +4168,7 @@
4129
4168
  }
4130
4169
  },
4131
4170
  {
4132
- "id": 351,
4171
+ "id": 360,
4133
4172
  "name": "SkyPopoverPlacement",
4134
4173
  "kind": 4194304,
4135
4174
  "kindString": "Type alias",
@@ -4167,7 +4206,7 @@
4167
4206
  }
4168
4207
  },
4169
4208
  {
4170
- "id": 359,
4209
+ "id": 368,
4171
4210
  "name": "SkyPopoverTrigger",
4172
4211
  "kind": 4194304,
4173
4212
  "kindString": "Type alias",
@@ -4195,6 +4234,36 @@
4195
4234
  }
4196
4235
  ]
4197
4236
  }
4237
+ },
4238
+ {
4239
+ "id": 369,
4240
+ "name": "SkyPopoverType",
4241
+ "kind": 4194304,
4242
+ "kindString": "Type alias",
4243
+ "flags": {},
4244
+ "comment": {
4245
+ "shortText": "The style type of the popover."
4246
+ },
4247
+ "sources": [
4248
+ {
4249
+ "fileName": "projects/popovers/src/modules/popover/types/popover-type.ts",
4250
+ "line": 4,
4251
+ "character": 12
4252
+ }
4253
+ ],
4254
+ "type": {
4255
+ "type": "union",
4256
+ "types": [
4257
+ {
4258
+ "type": "literal",
4259
+ "value": "danger"
4260
+ },
4261
+ {
4262
+ "type": "literal",
4263
+ "value": "info"
4264
+ }
4265
+ ]
4266
+ }
4198
4267
  }
4199
4268
  ],
4200
4269
  "groups": [
@@ -4202,16 +4271,16 @@
4202
4271
  "title": "Enumerations",
4203
4272
  "kind": 8,
4204
4273
  "children": [
4205
- 327,
4206
- 346
4274
+ 336,
4275
+ 355
4207
4276
  ]
4208
4277
  },
4209
4278
  {
4210
4279
  "title": "Classes",
4211
4280
  "kind": 128,
4212
4281
  "children": [
4213
- 337,
4214
- 340,
4282
+ 346,
4283
+ 349,
4215
4284
  1,
4216
4285
  26,
4217
4286
  29,
@@ -4224,20 +4293,21 @@
4224
4293
  "title": "Interfaces",
4225
4294
  "kind": 256,
4226
4295
  "children": [
4227
- 321,
4228
- 325,
4229
- 344
4296
+ 330,
4297
+ 334,
4298
+ 353
4230
4299
  ]
4231
4300
  },
4232
4301
  {
4233
4302
  "title": "Type aliases",
4234
4303
  "kind": 4194304,
4235
4304
  "children": [
4236
- 320,
4237
- 336,
4238
- 343,
4239
- 351,
4240
- 359
4305
+ 329,
4306
+ 345,
4307
+ 352,
4308
+ 360,
4309
+ 368,
4310
+ 369
4241
4311
  ]
4242
4312
  }
4243
4313
  ],
@@ -4280,25 +4350,10 @@
4280
4350
  "filePath": "/projects/popovers/documentation/code-examples/dropdown/remote/dropdown-demo.module.ts",
4281
4351
  "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SkyDropdownModule } from '@skyux/popovers';\n\nimport { DropdownDemoComponent } from './dropdown-demo.component';\n\n@NgModule({\n imports: [CommonModule, SkyDropdownModule],\n exports: [DropdownDemoComponent],\n declarations: [DropdownDemoComponent],\n})\nexport class DropdownDemoModule {}\n"
4282
4352
  },
4283
- {
4284
- "fileName": "popover-demo.component.html",
4285
- "filePath": "/projects/popovers/documentation/code-examples/popover/asynchronous/popover-demo.component.html",
4286
- "rawContents": "<button\n class=\"sky-btn sky-btn-default\"\n type=\"button\"\n [skyPopover]=\"asyncPopoverRef\"\n>\n Open popover\n</button>\n\n<sky-popover #asyncPopover> My asynchronous popover. </sky-popover>\n"
4287
- },
4288
- {
4289
- "fileName": "popover-demo.component.ts",
4290
- "filePath": "/projects/popovers/documentation/code-examples/popover/asynchronous/popover-demo.component.ts",
4291
- "rawContents": "import { AfterViewInit, Component, ViewChild } from '@angular/core';\n\n@Component({\n selector: 'app-popover-demo',\n templateUrl: './popover-demo.component.html',\n})\nexport class PopoverDemoComponent implements AfterViewInit {\n public asyncPopoverRef: any;\n\n @ViewChild('asyncPopover')\n private asyncPopover: any;\n\n public ngAfterViewInit(): void {\n // Simulate asynchronous retrieval.\n setTimeout(() => {\n this.asyncPopoverRef = this.asyncPopover;\n }, 1000);\n }\n}\n"
4292
- },
4293
- {
4294
- "fileName": "popover-demo.module.ts",
4295
- "filePath": "/projects/popovers/documentation/code-examples/popover/asynchronous/popover-demo.module.ts",
4296
- "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SkyPopoverModule } from '@skyux/popovers';\n\nimport { PopoverDemoComponent } from './popover-demo.component';\n\n@NgModule({\n imports: [CommonModule, SkyPopoverModule],\n declarations: [PopoverDemoComponent],\n exports: [PopoverDemoComponent],\n})\nexport class PopoverDemoModule {}\n"
4297
- },
4298
4353
  {
4299
4354
  "fileName": "popover-demo.component.html",
4300
4355
  "filePath": "/projects/popovers/documentation/code-examples/popover/basic/popover-demo.component.html",
4301
- "rawContents": "<button\n class=\"sky-btn sky-margin-inline-compact\"\n type=\"button\"\n [skyPopover]=\"myPopover\"\n>\n Open popover on click\n</button>\n\n<button\n class=\"sky-btn\"\n type=\"button\"\n [skyPopover]=\"myPopover\"\n skyPopoverTrigger=\"mouseenter\"\n>\n Open popover on hover\n</button>\n\n<sky-popover popoverTitle=\"Did you know?\" #myPopover>\n This is a popover.\n</sky-popover>\n"
4356
+ "rawContents": "<button\n class=\"sky-btn sky-btn-default sky-margin-inline-compact\"\n type=\"button\"\n [skyPopover]=\"myPopover\"\n>\n Open popover on click\n</button>\n\n<button\n class=\"sky-btn sky-btn-link\"\n type=\"button\"\n [skyPopover]=\"myPopover\"\n skyPopoverTrigger=\"mouseenter\"\n>\n Open popover on hover\n</button>\n\n<sky-popover popoverTitle=\"Did you know?\" #myPopover>\n This is a popover.\n</sky-popover>\n"
4302
4357
  },
4303
4358
  {
4304
4359
  "fileName": "popover-demo.component.ts",
@@ -4313,7 +4368,7 @@
4313
4368
  {
4314
4369
  "fileName": "popover-demo.component.html",
4315
4370
  "filePath": "/projects/popovers/documentation/code-examples/popover/programmatic/popover-demo.component.html",
4316
- "rawContents": "<sky-help-inline\n [skyPopover]=\"myPopover\"\n [skyPopoverMessageStream]=\"popoverController\"\n></sky-help-inline>\n\n<button\n class=\"sky-btn sky-margin-inline-default\"\n type=\"button\"\n (click)=\"openPopover()\"\n>\n Open popover with message stream\n</button>\n\n<sky-popover\n #myPopover\n (popoverClosed)=\"onPopoverStateChange(false)\"\n (popoverOpened)=\"onPopoverStateChange(true)\"\n>\n This is a popover.\n</sky-popover>\n"
4371
+ "rawContents": "<sky-help-inline\n [skyPopover]=\"myPopover\"\n [skyPopoverMessageStream]=\"popoverController\"\n></sky-help-inline>\n\n<button\n class=\"sky-btn sky-btn-default sky-margin-inline-default\"\n type=\"button\"\n (click)=\"openPopover()\"\n>\n Open popover with message stream\n</button>\n\n<sky-popover\n #myPopover\n (popoverClosed)=\"onPopoverStateChange(false)\"\n (popoverOpened)=\"onPopoverStateChange(true)\"\n>\n This is a popover.\n</sky-popover>\n"
4317
4372
  },
4318
4373
  {
4319
4374
  "fileName": "popover-demo.component.ts",