@vonage/vivid 3.9.0 → 3.11.0

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 (136) hide show
  1. package/accordion/index.js +1 -0
  2. package/alert/index.js +28 -0
  3. package/avatar/index.js +1 -1
  4. package/badge/index.js +1 -1
  5. package/banner/index.js +3 -3
  6. package/breadcrumb/index.js +2 -1
  7. package/breadcrumb-item/index.js +1 -1
  8. package/button/index.js +2 -2
  9. package/calendar/index.js +1 -1
  10. package/calendar-event/index.js +1 -1
  11. package/card/index.js +3 -2
  12. package/checkbox/index.js +1 -1
  13. package/combobox/index.js +7 -6
  14. package/custom-elements.json +589 -377
  15. package/data-grid/index.js +3 -2
  16. package/dialog/index.js +5 -4
  17. package/divider/index.js +1 -1
  18. package/elevation/index.js +1 -1
  19. package/fab/index.js +1 -1
  20. package/header/index.js +2 -2
  21. package/index.js +54 -52
  22. package/layout/index.js +1 -1
  23. package/lib/alert/alert.d.ts +24 -0
  24. package/lib/alert/alert.template.d.ts +4 -0
  25. package/lib/alert/definition.d.ts +2 -0
  26. package/lib/alert/index.d.ts +1 -0
  27. package/lib/components.d.ts +1 -0
  28. package/lib/enums.d.ts +10 -9
  29. package/lib/layout/layout.d.ts +2 -0
  30. package/lib/pagination/definition.d.ts +3 -0
  31. package/lib/pagination/index.d.ts +1 -0
  32. package/lib/pagination/pagination.d.ts +18 -0
  33. package/lib/pagination/pagination.template.d.ts +4 -0
  34. package/lib/popup/popup.d.ts +2 -2
  35. package/lib/text-area/text-area.d.ts +2 -1
  36. package/lib/tooltip/tooltip.d.ts +10 -4
  37. package/listbox/index.js +3 -2
  38. package/menu/index.js +7 -6
  39. package/menu-item/index.js +1 -1
  40. package/nav/index.js +1 -1
  41. package/nav-disclosure/index.js +1 -1
  42. package/nav-item/index.js +1 -1
  43. package/note/index.js +1 -1
  44. package/number-field/index.js +4 -4
  45. package/option/index.js +1 -1
  46. package/package.json +1 -1
  47. package/pagination/index.js +329 -0
  48. package/popup/index.js +4 -4
  49. package/progress/index.js +1 -1
  50. package/progress-ring/index.js +1 -1
  51. package/radio/index.js +1 -1
  52. package/radio-group/index.js +3 -2
  53. package/select/index.js +7 -6
  54. package/shared/children.js +1 -1
  55. package/shared/definition.js +3 -2
  56. package/shared/definition10.js +46 -63
  57. package/shared/definition11.js +38 -92
  58. package/shared/definition12.js +96 -31
  59. package/shared/definition13.js +85 -757
  60. package/shared/definition14.js +32 -95
  61. package/shared/definition15.js +758 -100
  62. package/shared/definition16.js +103 -24
  63. package/shared/definition17.js +96 -154
  64. package/shared/definition18.js +108 -663
  65. package/shared/definition19.js +667 -1532
  66. package/shared/definition2.js +1 -1
  67. package/shared/definition20.js +1532 -223
  68. package/shared/definition21.js +183 -964
  69. package/shared/definition22.js +1034 -218
  70. package/shared/definition23.js +226 -67
  71. package/shared/definition24.js +68 -77
  72. package/shared/definition25.js +76 -47
  73. package/shared/definition26.js +46 -32
  74. package/shared/definition27.js +39 -49
  75. package/shared/definition28.js +48 -344
  76. package/shared/definition29.js +273 -282
  77. package/shared/definition30.js +356 -14
  78. package/shared/definition31.js +13 -67
  79. package/shared/definition32.js +65 -21
  80. package/shared/definition33.js +21 -39
  81. package/shared/definition34.js +31 -432
  82. package/shared/definition35.js +432 -76
  83. package/shared/definition36.js +82 -33
  84. package/shared/definition37.js +31 -422
  85. package/shared/definition38.js +358 -564
  86. package/shared/definition39.js +628 -75
  87. package/shared/definition4.js +1 -1
  88. package/shared/definition40.js +70 -573
  89. package/shared/definition41.js +538 -81
  90. package/shared/definition42.js +127 -47
  91. package/shared/definition43.js +51 -16
  92. package/shared/definition44.js +17 -425
  93. package/shared/definition45.js +421 -103
  94. package/shared/definition46.js +114 -19
  95. package/shared/definition47.js +19 -269
  96. package/shared/definition48.js +244 -86
  97. package/shared/definition49.js +110 -70
  98. package/shared/definition5.js +1 -1
  99. package/shared/definition50.js +88 -67
  100. package/shared/definition51.js +69 -294
  101. package/shared/definition52.js +305 -0
  102. package/shared/definition6.js +142 -45
  103. package/shared/definition7.js +97 -24
  104. package/shared/definition8.js +22 -103
  105. package/shared/definition9.js +62 -102
  106. package/shared/enums.js +10 -9
  107. package/shared/es.object.assign.js +1 -1
  108. package/shared/form-associated.js +1 -1
  109. package/shared/form-elements.js +2 -2
  110. package/shared/index.js +1 -1
  111. package/shared/listbox.js +2 -2
  112. package/shared/node-observation.js +74 -0
  113. package/shared/patterns/form-elements/form-elements.d.ts +4 -4
  114. package/shared/repeat.js +1 -1
  115. package/shared/slotted.js +3 -73
  116. package/shared/text-field.js +1 -1
  117. package/shared/text-field2.js +1 -1
  118. package/side-drawer/index.js +1 -1
  119. package/slider/index.js +1 -1
  120. package/styles/core/all.css +1 -1
  121. package/styles/core/theme.css +1 -1
  122. package/styles/core/typography.css +1 -1
  123. package/styles/tokens/theme-dark.css +4 -4
  124. package/styles/tokens/theme-light.css +4 -4
  125. package/switch/index.js +1 -1
  126. package/tab/index.js +1 -1
  127. package/tab-panel/index.js +1 -1
  128. package/tabs/index.js +4 -3
  129. package/tag/index.js +1 -1
  130. package/tag-group/index.js +1 -1
  131. package/text-area/index.js +1 -1
  132. package/text-field/index.js +1 -1
  133. package/tooltip/index.js +5 -5
  134. package/tree-item/index.js +2 -1
  135. package/tree-view/index.js +2 -1
  136. package/vivid.api.json +128 -16
@@ -378,6 +378,243 @@
378
378
  }
379
379
  ]
380
380
  },
381
+ {
382
+ "kind": "javascript-module",
383
+ "path": "libs/components/src/lib/alert/alert.ts",
384
+ "declarations": [
385
+ {
386
+ "kind": "class",
387
+ "description": "Base class for alert",
388
+ "name": "Alert",
389
+ "slots": [
390
+ {
391
+ "description": "Add action items to alert using this slot.",
392
+ "name": "action-items"
393
+ }
394
+ ],
395
+ "members": [
396
+ {
397
+ "kind": "field",
398
+ "name": "timeout",
399
+ "type": {
400
+ "text": "any"
401
+ },
402
+ "privacy": "private"
403
+ },
404
+ {
405
+ "kind": "field",
406
+ "name": "removable",
407
+ "type": {
408
+ "text": "boolean"
409
+ },
410
+ "default": "false",
411
+ "description": "if the alert is removable\naccepts boolean",
412
+ "privacy": "public"
413
+ },
414
+ {
415
+ "kind": "field",
416
+ "name": "placement",
417
+ "type": {
418
+ "text": "AlertPlacement | undefined"
419
+ },
420
+ "default": "'bottom'",
421
+ "description": "the placement of the alert",
422
+ "privacy": "public"
423
+ },
424
+ {
425
+ "kind": "field",
426
+ "name": "headline",
427
+ "type": {
428
+ "text": "string | undefined"
429
+ },
430
+ "description": "the text of the alert heading\naccepts string",
431
+ "privacy": "public"
432
+ },
433
+ {
434
+ "kind": "field",
435
+ "name": "subtitle",
436
+ "type": {
437
+ "text": "string | undefined"
438
+ },
439
+ "description": "the text of the alert sub-heading\naccepts string",
440
+ "privacy": "public"
441
+ },
442
+ {
443
+ "kind": "field",
444
+ "name": "icon",
445
+ "type": {
446
+ "text": "string | undefined"
447
+ },
448
+ "description": "alert header icon",
449
+ "privacy": "public"
450
+ },
451
+ {
452
+ "kind": "field",
453
+ "name": "open",
454
+ "type": {
455
+ "text": "boolean"
456
+ },
457
+ "default": "false",
458
+ "description": "indicates whether the alert is open",
459
+ "privacy": "public"
460
+ },
461
+ {
462
+ "kind": "field",
463
+ "name": "timeoutms",
464
+ "type": {
465
+ "text": "number"
466
+ },
467
+ "default": "0",
468
+ "description": "the timeout ms to show the alert\naccepts number",
469
+ "privacy": "public"
470
+ },
471
+ {
472
+ "kind": "field",
473
+ "name": "connotation",
474
+ "type": {
475
+ "text": "AlertConnotation | undefined"
476
+ },
477
+ "description": "alert connotation",
478
+ "privacy": "public"
479
+ },
480
+ {
481
+ "kind": "field",
482
+ "name": "conditionedIcon",
483
+ "readonly": true
484
+ },
485
+ {
486
+ "kind": "field",
487
+ "name": "#show",
488
+ "privacy": "private"
489
+ },
490
+ {
491
+ "kind": "field",
492
+ "name": "remove"
493
+ },
494
+ {
495
+ "kind": "field",
496
+ "name": "#closeOnKeyDown",
497
+ "privacy": "private"
498
+ }
499
+ ],
500
+ "attributes": [
501
+ {
502
+ "type": {
503
+ "text": "boolean"
504
+ },
505
+ "default": "false",
506
+ "description": "if the alert is removable\naccepts boolean",
507
+ "fieldName": "removable"
508
+ },
509
+ {
510
+ "type": {
511
+ "text": "AlertPlacement | undefined"
512
+ },
513
+ "default": "'bottom'",
514
+ "description": "the placement of the alert",
515
+ "fieldName": "placement"
516
+ },
517
+ {
518
+ "name": "headline",
519
+ "type": {
520
+ "text": "string | undefined"
521
+ },
522
+ "description": "the text of the alert heading\naccepts string",
523
+ "fieldName": "headline"
524
+ },
525
+ {
526
+ "name": "subtitle",
527
+ "type": {
528
+ "text": "string | undefined"
529
+ },
530
+ "description": "the text of the alert sub-heading\naccepts string",
531
+ "fieldName": "subtitle"
532
+ },
533
+ {
534
+ "name": "icon",
535
+ "type": {
536
+ "text": "string | undefined"
537
+ },
538
+ "description": "alert header icon",
539
+ "fieldName": "icon"
540
+ },
541
+ {
542
+ "type": {
543
+ "text": "boolean"
544
+ },
545
+ "default": "false",
546
+ "description": "indicates whether the alert is open",
547
+ "fieldName": "open"
548
+ },
549
+ {
550
+ "type": {
551
+ "text": "number"
552
+ },
553
+ "default": "0",
554
+ "description": "the timeout ms to show the alert\naccepts number",
555
+ "fieldName": "timeoutms"
556
+ },
557
+ {
558
+ "name": "connotation",
559
+ "type": {
560
+ "text": "AlertConnotation | undefined"
561
+ },
562
+ "description": "alert connotation",
563
+ "fieldName": "connotation"
564
+ }
565
+ ],
566
+ "superclass": {
567
+ "name": "FoundationElement",
568
+ "package": "@microsoft/fast-foundation"
569
+ }
570
+ }
571
+ ],
572
+ "exports": [
573
+ {
574
+ "kind": "js",
575
+ "name": "Alert",
576
+ "declaration": {
577
+ "name": "Alert",
578
+ "module": "libs/components/src/lib/alert/alert.ts"
579
+ }
580
+ }
581
+ ]
582
+ },
583
+ {
584
+ "kind": "javascript-module",
585
+ "path": "libs/components/src/lib/alert/definition.ts",
586
+ "declarations": [
587
+ {
588
+ "kind": "variable",
589
+ "name": "registerAlert",
590
+ "description": "Registers the alert elements with the design system.",
591
+ "parameters": [
592
+ {
593
+ "description": "the prefix to use for the component name",
594
+ "name": "prefix"
595
+ }
596
+ ]
597
+ }
598
+ ],
599
+ "exports": [
600
+ {
601
+ "kind": "js",
602
+ "name": "AlertConnotation",
603
+ "declaration": {
604
+ "name": "AlertConnotation",
605
+ "module": "./alert"
606
+ }
607
+ },
608
+ {
609
+ "kind": "js",
610
+ "name": "registerAlert",
611
+ "declaration": {
612
+ "name": "registerAlert",
613
+ "module": "libs/components/src/lib/alert/definition.ts"
614
+ }
615
+ }
616
+ ]
617
+ },
381
618
  {
382
619
  "kind": "javascript-module",
383
620
  "path": "libs/components/src/lib/avatar/avatar.ts",
@@ -3459,6 +3696,15 @@
3459
3696
  "description": "sets the initial preferred spacing of a column from predefined available options",
3460
3697
  "privacy": "public"
3461
3698
  },
3699
+ {
3700
+ "kind": "field",
3701
+ "name": "rowSpacing",
3702
+ "type": {
3703
+ "text": "RowSpacing | undefined"
3704
+ },
3705
+ "description": "sets the initial preferred spacing of a row from predefined available options",
3706
+ "privacy": "public"
3707
+ },
3462
3708
  {
3463
3709
  "kind": "field",
3464
3710
  "name": "autoSizing",
@@ -3494,6 +3740,14 @@
3494
3740
  "description": "sets the initial preferred spacing of a column from predefined available options",
3495
3741
  "fieldName": "columnSpacing"
3496
3742
  },
3743
+ {
3744
+ "name": "row-spacing",
3745
+ "type": {
3746
+ "text": "RowSpacing | undefined"
3747
+ },
3748
+ "description": "sets the initial preferred spacing of a row from predefined available options",
3749
+ "fieldName": "rowSpacing"
3750
+ },
3497
3751
  {
3498
3752
  "name": "auto-sizing",
3499
3753
  "type": {
@@ -4542,17 +4796,16 @@
4542
4796
  },
4543
4797
  {
4544
4798
  "kind": "javascript-module",
4545
- "path": "libs/components/src/lib/popup/definition.ts",
4799
+ "path": "libs/components/src/lib/pagination/definition.ts",
4546
4800
  "declarations": [
4547
4801
  {
4548
4802
  "kind": "variable",
4549
- "name": "popupDefinition",
4550
- "description": "Represents a popup custom element.\npopup is..."
4803
+ "name": "paginationDefinition"
4551
4804
  },
4552
4805
  {
4553
4806
  "kind": "variable",
4554
- "name": "registerPopup",
4555
- "description": "Registers the popup elements with the design system.",
4807
+ "name": "registerPagination",
4808
+ "description": "Registers the pagination element with the design system.",
4556
4809
  "parameters": [
4557
4810
  {
4558
4811
  "description": "the prefix to use for the component name",
@@ -4564,104 +4817,306 @@
4564
4817
  "exports": [
4565
4818
  {
4566
4819
  "kind": "js",
4567
- "name": "Popup",
4568
- "declaration": {
4569
- "name": "Popup",
4570
- "module": "./popup"
4571
- }
4572
- },
4573
- {
4574
- "kind": "js",
4575
- "name": "Strategy",
4576
- "declaration": {
4577
- "name": "Strategy",
4578
- "package": "@floating-ui/dom"
4579
- }
4580
- },
4581
- {
4582
- "kind": "js",
4583
- "name": "popupDefinition",
4820
+ "name": "paginationDefinition",
4584
4821
  "declaration": {
4585
- "name": "popupDefinition",
4586
- "module": "libs/components/src/lib/popup/definition.ts"
4822
+ "name": "paginationDefinition",
4823
+ "module": "libs/components/src/lib/pagination/definition.ts"
4587
4824
  }
4588
4825
  },
4589
4826
  {
4590
4827
  "kind": "js",
4591
- "name": "registerPopup",
4828
+ "name": "registerPagination",
4592
4829
  "declaration": {
4593
- "name": "registerPopup",
4594
- "module": "libs/components/src/lib/popup/definition.ts"
4830
+ "name": "registerPagination",
4831
+ "module": "libs/components/src/lib/pagination/definition.ts"
4595
4832
  }
4596
4833
  }
4597
4834
  ]
4598
4835
  },
4599
4836
  {
4600
4837
  "kind": "javascript-module",
4601
- "path": "libs/components/src/lib/popup/popup.ts",
4838
+ "path": "libs/components/src/lib/pagination/pagination.ts",
4602
4839
  "declarations": [
4603
4840
  {
4604
4841
  "kind": "class",
4605
- "description": "Base class for popup",
4606
- "name": "Popup",
4607
- "slots": [
4608
- {
4609
- "description": "Default slot.",
4610
- "name": ""
4611
- }
4612
- ],
4842
+ "description": "Base class for pagination",
4843
+ "name": "Pagination",
4613
4844
  "members": [
4614
4845
  {
4615
4846
  "kind": "field",
4616
- "name": "#arrowPosition",
4617
- "privacy": "private",
4847
+ "name": "size",
4618
4848
  "type": {
4619
- "text": "any"
4620
- },
4621
- "readonly": true
4849
+ "text": "PaginationSize | undefined"
4850
+ }
4622
4851
  },
4623
4852
  {
4624
4853
  "kind": "field",
4625
- "name": "#padding",
4626
- "privacy": "private",
4854
+ "name": "paginationButtons",
4627
4855
  "type": {
4628
- "text": "number"
4629
- },
4630
- "readonly": true
4856
+ "text": "Button[] | undefined"
4857
+ }
4631
4858
  },
4632
4859
  {
4633
4860
  "kind": "field",
4634
- "name": "#distance",
4635
- "privacy": "private",
4861
+ "name": "prevButton",
4636
4862
  "type": {
4637
- "text": "number"
4638
- },
4863
+ "text": "Button | undefined"
4864
+ }
4865
+ },
4866
+ {
4867
+ "kind": "field",
4868
+ "name": "nextButton",
4869
+ "type": {
4870
+ "text": "Button | undefined"
4871
+ }
4872
+ },
4873
+ {
4874
+ "kind": "field",
4875
+ "name": "navIcons",
4876
+ "type": {
4877
+ "text": "boolean"
4878
+ },
4879
+ "default": "false"
4880
+ },
4881
+ {
4882
+ "kind": "field",
4883
+ "name": "pagesList",
4639
4884
  "readonly": true
4640
4885
  },
4641
4886
  {
4642
4887
  "kind": "field",
4643
- "name": "#middleware",
4888
+ "name": "total",
4889
+ "type": {
4890
+ "text": "number"
4891
+ },
4892
+ "default": "0"
4893
+ },
4894
+ {
4895
+ "kind": "field",
4896
+ "name": "selectedIndex",
4897
+ "type": {
4898
+ "text": "number | undefined"
4899
+ },
4900
+ "default": "0"
4901
+ },
4902
+ {
4903
+ "kind": "method",
4904
+ "name": "totalChanged",
4905
+ "parameters": [
4906
+ {
4907
+ "name": "_",
4908
+ "type": {
4909
+ "text": "number"
4910
+ }
4911
+ },
4912
+ {
4913
+ "name": "newValue",
4914
+ "type": {
4915
+ "text": "number"
4916
+ }
4917
+ }
4918
+ ]
4919
+ },
4920
+ {
4921
+ "kind": "method",
4922
+ "name": "selectedIndexChanged",
4923
+ "parameters": [
4924
+ {
4925
+ "name": "oldValue",
4926
+ "type": {
4927
+ "text": "number"
4928
+ }
4929
+ },
4930
+ {
4931
+ "name": "newValue",
4932
+ "type": {
4933
+ "text": "number"
4934
+ }
4935
+ }
4936
+ ]
4937
+ },
4938
+ {
4939
+ "kind": "method",
4940
+ "name": "paginationButtonsChanged",
4941
+ "parameters": [
4942
+ {
4943
+ "name": "_",
4944
+ "type": {
4945
+ "text": "Button[] | undefined"
4946
+ }
4947
+ },
4948
+ {
4949
+ "name": "newValue",
4950
+ "type": {
4951
+ "text": "Button[]"
4952
+ }
4953
+ }
4954
+ ]
4955
+ }
4956
+ ],
4957
+ "attributes": [
4958
+ {
4959
+ "name": "size",
4960
+ "type": {
4961
+ "text": "PaginationSize | undefined"
4962
+ },
4963
+ "fieldName": "size"
4964
+ },
4965
+ {
4966
+ "name": "nav-icons",
4967
+ "type": {
4968
+ "text": "boolean"
4969
+ },
4970
+ "default": "false",
4971
+ "fieldName": "navIcons"
4972
+ },
4973
+ {
4974
+ "type": {
4975
+ "text": "number"
4976
+ },
4977
+ "default": "0",
4978
+ "fieldName": "total"
4979
+ },
4980
+ {
4981
+ "name": "selected-index",
4982
+ "type": {
4983
+ "text": "number | undefined"
4984
+ },
4985
+ "default": "0",
4986
+ "fieldName": "selectedIndex"
4987
+ }
4988
+ ],
4989
+ "superclass": {
4990
+ "name": "FoundationElement",
4991
+ "package": "@microsoft/fast-foundation"
4992
+ }
4993
+ }
4994
+ ],
4995
+ "exports": [
4996
+ {
4997
+ "kind": "js",
4998
+ "name": "Pagination",
4999
+ "declaration": {
5000
+ "name": "Pagination",
5001
+ "module": "libs/components/src/lib/pagination/pagination.ts"
5002
+ }
5003
+ }
5004
+ ]
5005
+ },
5006
+ {
5007
+ "kind": "javascript-module",
5008
+ "path": "libs/components/src/lib/popup/definition.ts",
5009
+ "declarations": [
5010
+ {
5011
+ "kind": "variable",
5012
+ "name": "popupDefinition",
5013
+ "description": "Represents a popup custom element.\npopup is..."
5014
+ },
5015
+ {
5016
+ "kind": "variable",
5017
+ "name": "registerPopup",
5018
+ "description": "Registers the popup elements with the design system.",
5019
+ "parameters": [
5020
+ {
5021
+ "description": "the prefix to use for the component name",
5022
+ "name": "prefix"
5023
+ }
5024
+ ]
5025
+ }
5026
+ ],
5027
+ "exports": [
5028
+ {
5029
+ "kind": "js",
5030
+ "name": "Popup",
5031
+ "declaration": {
5032
+ "name": "Popup",
5033
+ "module": "./popup"
5034
+ }
5035
+ },
5036
+ {
5037
+ "kind": "js",
5038
+ "name": "Strategy",
5039
+ "declaration": {
5040
+ "name": "Strategy",
5041
+ "package": "@floating-ui/dom"
5042
+ }
5043
+ },
5044
+ {
5045
+ "kind": "js",
5046
+ "name": "popupDefinition",
5047
+ "declaration": {
5048
+ "name": "popupDefinition",
5049
+ "module": "libs/components/src/lib/popup/definition.ts"
5050
+ }
5051
+ },
5052
+ {
5053
+ "kind": "js",
5054
+ "name": "registerPopup",
5055
+ "declaration": {
5056
+ "name": "registerPopup",
5057
+ "module": "libs/components/src/lib/popup/definition.ts"
5058
+ }
5059
+ }
5060
+ ]
5061
+ },
5062
+ {
5063
+ "kind": "javascript-module",
5064
+ "path": "libs/components/src/lib/popup/popup.ts",
5065
+ "declarations": [
5066
+ {
5067
+ "kind": "class",
5068
+ "description": "Base class for popup",
5069
+ "name": "Popup",
5070
+ "slots": [
5071
+ {
5072
+ "description": "Default slot.",
5073
+ "name": ""
5074
+ }
5075
+ ],
5076
+ "members": [
5077
+ {
5078
+ "kind": "field",
5079
+ "name": "#arrowPosition",
4644
5080
  "privacy": "private",
4645
5081
  "type": {
4646
- "text": "Array<any>"
5082
+ "text": "any"
4647
5083
  },
4648
5084
  "readonly": true
4649
5085
  },
4650
5086
  {
4651
5087
  "kind": "field",
4652
- "name": "#cleanup",
5088
+ "name": "#padding",
4653
5089
  "privacy": "private",
4654
5090
  "type": {
4655
- "text": "() => void | undefined"
4656
- }
5091
+ "text": "number"
5092
+ },
5093
+ "readonly": true
4657
5094
  },
4658
5095
  {
4659
5096
  "kind": "field",
4660
- "name": "anchorEl",
5097
+ "name": "#distance",
5098
+ "privacy": "private",
5099
+ "type": {
5100
+ "text": "number"
5101
+ },
5102
+ "readonly": true
5103
+ },
5104
+ {
5105
+ "kind": "field",
5106
+ "name": "#middleware",
5107
+ "privacy": "private",
4661
5108
  "type": {
4662
- "text": "Element | null | undefined"
5109
+ "text": "Array<any>"
4663
5110
  },
4664
- "privacy": "protected"
5111
+ "readonly": true
5112
+ },
5113
+ {
5114
+ "kind": "field",
5115
+ "name": "#cleanup",
5116
+ "privacy": "private",
5117
+ "type": {
5118
+ "text": "() => void | undefined"
5119
+ }
4665
5120
  },
4666
5121
  {
4667
5122
  "kind": "field",
@@ -4763,7 +5218,7 @@
4763
5218
  "kind": "field",
4764
5219
  "name": "anchor",
4765
5220
  "type": {
4766
- "text": "string | HTMLElement"
5221
+ "text": "string | HTMLElement | undefined"
4767
5222
  },
4768
5223
  "description": "ID reference to element in the popup’s owner document or HTMLElement.",
4769
5224
  "privacy": "public"
@@ -4810,14 +5265,13 @@
4810
5265
  ]
4811
5266
  },
4812
5267
  {
4813
- "kind": "method",
4814
- "name": "#getAnchor",
4815
- "return": {
4816
- "type": {
4817
- "text": "HTMLElement | null"
4818
- }
5268
+ "kind": "field",
5269
+ "name": "anchorEl",
5270
+ "type": {
5271
+ "text": "HTMLElement | null"
4819
5272
  },
4820
- "description": "Gets the anchor element by id"
5273
+ "description": "Gets the anchor element by id",
5274
+ "readonly": true
4821
5275
  },
4822
5276
  {
4823
5277
  "kind": "method",
@@ -4889,7 +5343,7 @@
4889
5343
  {
4890
5344
  "name": "anchor",
4891
5345
  "type": {
4892
- "text": "string | HTMLElement"
5346
+ "text": "string | HTMLElement | undefined"
4893
5347
  },
4894
5348
  "description": "ID reference to element in the popup’s owner document or HTMLElement.",
4895
5349
  "fieldName": "anchor"
@@ -6852,6 +7306,15 @@
6852
7306
  "description": "Base class for tooltip",
6853
7307
  "name": "Tooltip",
6854
7308
  "members": [
7309
+ {
7310
+ "kind": "field",
7311
+ "name": "#anchorEl",
7312
+ "privacy": "private",
7313
+ "type": {
7314
+ "text": "HTMLElement | null"
7315
+ },
7316
+ "default": "null"
7317
+ },
6855
7318
  {
6856
7319
  "kind": "field",
6857
7320
  "name": "text",
@@ -6862,277 +7325,90 @@
6862
7325
  "privacy": "public"
6863
7326
  },
6864
7327
  {
6865
- "kind": "method",
6866
- "name": "#anchorUpdated",
6867
- "return": {
6868
- "type": {
6869
- "text": "void"
6870
- }
7328
+ "kind": "field",
7329
+ "name": "placement",
7330
+ "type": {
7331
+ "text": "Placement | undefined"
6871
7332
  }
6872
7333
  },
6873
7334
  {
6874
- "kind": "method",
6875
- "name": "#addEventListener",
6876
- "return": {
6877
- "type": {
6878
- "text": "void"
6879
- }
6880
- }
6881
- },
6882
- {
6883
- "kind": "method",
6884
- "name": "#removeEventListener",
6885
- "return": {
6886
- "type": {
6887
- "text": "void"
6888
- }
6889
- }
6890
- },
6891
- {
6892
- "kind": "field",
6893
- "name": "#show",
6894
- "privacy": "private"
6895
- },
6896
- {
6897
- "kind": "field",
6898
- "name": "#hide",
6899
- "privacy": "private"
6900
- },
6901
- {
6902
- "kind": "field",
6903
- "name": "#arrowPosition",
6904
- "privacy": "private",
6905
- "type": {
6906
- "text": "any"
6907
- },
6908
- "readonly": true,
6909
- "inheritedFrom": {
6910
- "name": "Popup",
6911
- "module": "libs/components/src/lib/popup/popup.ts"
6912
- }
6913
- },
6914
- {
6915
- "kind": "field",
6916
- "name": "#padding",
6917
- "privacy": "private",
6918
- "type": {
6919
- "text": "number"
6920
- },
6921
- "readonly": true,
6922
- "inheritedFrom": {
6923
- "name": "Popup",
6924
- "module": "libs/components/src/lib/popup/popup.ts"
6925
- }
6926
- },
6927
- {
6928
- "kind": "field",
6929
- "name": "#distance",
6930
- "privacy": "private",
6931
- "type": {
6932
- "text": "number"
6933
- },
6934
- "readonly": true,
6935
- "inheritedFrom": {
6936
- "name": "Popup",
6937
- "module": "libs/components/src/lib/popup/popup.ts"
6938
- }
7335
+ "kind": "field",
7336
+ "name": "open",
7337
+ "type": {
7338
+ "text": "boolean"
7339
+ },
7340
+ "default": "false"
6939
7341
  },
6940
7342
  {
6941
7343
  "kind": "field",
6942
- "name": "#middleware",
6943
- "privacy": "private",
6944
- "type": {
6945
- "text": "Array<any>"
6946
- },
6947
- "readonly": true,
6948
- "inheritedFrom": {
6949
- "name": "Popup",
6950
- "module": "libs/components/src/lib/popup/popup.ts"
6951
- }
6952
- },
6953
- {
6954
- "kind": "field",
6955
- "name": "#cleanup",
6956
- "privacy": "private",
6957
- "type": {
6958
- "text": "() => void | undefined"
6959
- },
6960
- "inheritedFrom": {
6961
- "name": "Popup",
6962
- "module": "libs/components/src/lib/popup/popup.ts"
6963
- }
6964
- },
6965
- {
6966
- "kind": "field",
6967
- "name": "anchorEl",
6968
- "type": {
6969
- "text": "Element | null | undefined"
6970
- },
6971
- "privacy": "protected",
6972
- "inheritedFrom": {
6973
- "name": "Popup",
6974
- "module": "libs/components/src/lib/popup/popup.ts"
6975
- }
6976
- },
6977
- {
6978
- "kind": "field",
6979
- "name": "popupEl",
6980
- "type": {
6981
- "text": "HTMLElement"
6982
- },
6983
- "inheritedFrom": {
6984
- "name": "Popup",
6985
- "module": "libs/components/src/lib/popup/popup.ts"
6986
- }
6987
- },
6988
- {
6989
- "kind": "field",
6990
- "name": "arrowEl",
6991
- "type": {
6992
- "text": "HTMLElement"
6993
- },
6994
- "inheritedFrom": {
6995
- "name": "Popup",
6996
- "module": "libs/components/src/lib/popup/popup.ts"
6997
- }
6998
- },
6999
- {
7000
- "kind": "field",
7001
- "name": "open",
7344
+ "name": "anchor",
7002
7345
  "type": {
7003
- "text": "boolean"
7004
- },
7005
- "default": "false",
7006
- "description": "indicates whether the popup is open",
7007
- "privacy": "public",
7008
- "inheritedFrom": {
7009
- "name": "Popup",
7010
- "module": "libs/components/src/lib/popup/popup.ts"
7346
+ "text": "anchorType | undefined"
7011
7347
  }
7012
7348
  },
7013
7349
  {
7014
7350
  "kind": "method",
7015
- "name": "openChanged",
7016
- "return": {
7017
- "type": {
7018
- "text": "void"
7019
- }
7020
- },
7351
+ "name": "anchorChanged",
7021
7352
  "parameters": [
7022
7353
  {
7023
7354
  "name": "_",
7024
7355
  "type": {
7025
- "text": "boolean"
7356
+ "text": "anchorType"
7026
7357
  }
7027
7358
  },
7028
7359
  {
7029
7360
  "name": "newValue",
7030
7361
  "type": {
7031
- "text": "boolean"
7362
+ "text": "anchorType"
7032
7363
  }
7033
7364
  }
7034
- ],
7035
- "inheritedFrom": {
7036
- "name": "Popup",
7037
- "module": "libs/components/src/lib/popup/popup.ts"
7038
- }
7365
+ ]
7039
7366
  },
7040
7367
  {
7041
- "kind": "field",
7042
- "name": "dismissible",
7043
- "type": {
7044
- "text": "boolean"
7045
- },
7046
- "default": "false",
7047
- "description": "adds close button to the popup",
7048
- "privacy": "public",
7049
- "inheritedFrom": {
7050
- "name": "Popup",
7051
- "module": "libs/components/src/lib/popup/popup.ts"
7368
+ "kind": "method",
7369
+ "name": "#anchorUpdated",
7370
+ "return": {
7371
+ "type": {
7372
+ "text": "void"
7373
+ }
7052
7374
  }
7053
7375
  },
7054
7376
  {
7055
- "kind": "field",
7056
- "name": "arrow",
7057
- "type": {
7058
- "text": "boolean"
7059
- },
7060
- "default": "false",
7061
- "description": "adds small triangle to indicate the trigger element",
7062
- "privacy": "public",
7063
- "inheritedFrom": {
7064
- "name": "Popup",
7065
- "module": "libs/components/src/lib/popup/popup.ts"
7377
+ "kind": "method",
7378
+ "name": "#addEventListener",
7379
+ "return": {
7380
+ "type": {
7381
+ "text": "void"
7382
+ }
7066
7383
  }
7067
7384
  },
7068
7385
  {
7069
- "kind": "field",
7070
- "name": "alternate",
7071
- "type": {
7072
- "text": "boolean"
7073
- },
7074
- "default": "false",
7075
- "description": "set the color-scheme to dark",
7076
- "privacy": "public",
7077
- "inheritedFrom": {
7078
- "name": "Popup",
7079
- "module": "libs/components/src/lib/popup/popup.ts"
7386
+ "kind": "method",
7387
+ "name": "#removeEventListener",
7388
+ "return": {
7389
+ "type": {
7390
+ "text": "void"
7391
+ }
7080
7392
  }
7081
7393
  },
7082
7394
  {
7083
7395
  "kind": "field",
7084
- "name": "placement",
7085
- "type": {
7086
- "text": "Placement | undefined"
7087
- },
7088
- "description": "the placement of the popup",
7089
- "privacy": "public",
7090
- "inheritedFrom": {
7091
- "name": "Popup",
7092
- "module": "libs/components/src/lib/popup/popup.ts"
7093
- }
7396
+ "name": "#show",
7397
+ "privacy": "private"
7094
7398
  },
7095
7399
  {
7096
7400
  "kind": "field",
7097
- "name": "strategy",
7098
- "type": {
7099
- "text": "Strategy | undefined"
7100
- },
7101
- "default": "'fixed'",
7102
- "description": "the strategy of the popup",
7103
- "privacy": "public",
7104
- "inheritedFrom": {
7105
- "name": "Popup",
7106
- "module": "libs/components/src/lib/popup/popup.ts"
7107
- }
7401
+ "name": "#hide",
7402
+ "privacy": "private"
7108
7403
  },
7109
7404
  {
7110
7405
  "kind": "field",
7111
- "name": "anchor",
7112
- "type": {
7113
- "text": "string | HTMLElement"
7114
- },
7115
- "description": "ID reference to element in the popup’s owner document or HTMLElement.",
7116
- "privacy": "public",
7117
- "inheritedFrom": {
7118
- "name": "Popup",
7119
- "module": "libs/components/src/lib/popup/popup.ts"
7120
- }
7121
- },
7122
- {
7123
- "kind": "method",
7124
- "name": "updatePosition",
7125
- "description": "Updates popup's position",
7126
- "privacy": "public",
7127
- "async": true,
7128
- "inheritedFrom": {
7129
- "name": "Popup",
7130
- "module": "libs/components/src/lib/popup/popup.ts"
7131
- }
7406
+ "name": "#closeOnEscape",
7407
+ "privacy": "private"
7132
7408
  },
7133
7409
  {
7134
7410
  "kind": "method",
7135
- "name": "#assignPopupPosition",
7411
+ "name": "openChanged",
7136
7412
  "return": {
7137
7413
  "type": {
7138
7414
  "text": "void"
@@ -7140,77 +7416,18 @@
7140
7416
  },
7141
7417
  "parameters": [
7142
7418
  {
7143
- "name": "data",
7419
+ "name": "_",
7144
7420
  "type": {
7145
- "text": "any"
7421
+ "text": "boolean"
7146
7422
  }
7147
- }
7148
- ],
7149
- "inheritedFrom": {
7150
- "name": "Popup",
7151
- "module": "libs/components/src/lib/popup/popup.ts"
7152
- }
7153
- },
7154
- {
7155
- "kind": "method",
7156
- "name": "#assignArrowPosition",
7157
- "return": {
7158
- "type": {
7159
- "text": "void"
7160
- }
7161
- },
7162
- "parameters": [
7423
+ },
7163
7424
  {
7164
- "name": "data",
7425
+ "name": "newValue",
7165
7426
  "type": {
7166
- "text": "any"
7427
+ "text": "boolean"
7167
7428
  }
7168
7429
  }
7169
- ],
7170
- "inheritedFrom": {
7171
- "name": "Popup",
7172
- "module": "libs/components/src/lib/popup/popup.ts"
7173
- }
7174
- },
7175
- {
7176
- "kind": "method",
7177
- "name": "#getAnchor",
7178
- "return": {
7179
- "type": {
7180
- "text": "HTMLElement | null"
7181
- }
7182
- },
7183
- "description": "Gets the anchor element by id",
7184
- "inheritedFrom": {
7185
- "name": "Popup",
7186
- "module": "libs/components/src/lib/popup/popup.ts"
7187
- }
7188
- },
7189
- {
7190
- "kind": "method",
7191
- "name": "show",
7192
- "return": {
7193
- "type": {
7194
- "text": "void"
7195
- }
7196
- },
7197
- "inheritedFrom": {
7198
- "name": "Popup",
7199
- "module": "libs/components/src/lib/popup/popup.ts"
7200
- }
7201
- },
7202
- {
7203
- "kind": "method",
7204
- "name": "hide",
7205
- "return": {
7206
- "type": {
7207
- "text": "void"
7208
- }
7209
- },
7210
- "inheritedFrom": {
7211
- "name": "Popup",
7212
- "module": "libs/components/src/lib/popup/popup.ts"
7213
- }
7430
+ ]
7214
7431
  }
7215
7432
  ],
7216
7433
  "attributes": [
@@ -7224,32 +7441,27 @@
7224
7441
  },
7225
7442
  {
7226
7443
  "type": {
7227
- "text": "Strategy | undefined"
7444
+ "text": "Placement | undefined"
7445
+ },
7446
+ "fieldName": "placement"
7447
+ },
7448
+ {
7449
+ "type": {
7450
+ "text": "boolean"
7228
7451
  },
7229
7452
  "default": "false",
7230
- "description": "indicates whether the popup is open",
7231
- "fieldName": "open",
7232
- "inheritedFrom": {
7233
- "name": "Popup",
7234
- "module": "libs/components/src/lib/popup/popup.ts"
7235
- }
7453
+ "fieldName": "open"
7236
7454
  },
7237
7455
  {
7238
- "name": "anchor",
7239
7456
  "type": {
7240
- "text": "string | HTMLElement"
7457
+ "text": "anchorType | undefined"
7241
7458
  },
7242
- "description": "ID reference to element in the popup’s owner document or HTMLElement.",
7243
- "fieldName": "anchor",
7244
- "inheritedFrom": {
7245
- "name": "Popup",
7246
- "module": "libs/components/src/lib/popup/popup.ts"
7247
- }
7459
+ "fieldName": "anchor"
7248
7460
  }
7249
7461
  ],
7250
7462
  "superclass": {
7251
- "name": "Popup",
7252
- "module": "/libs/components/src/lib/popup/popup"
7463
+ "name": "FoundationElement",
7464
+ "package": "@microsoft/fast-foundation"
7253
7465
  }
7254
7466
  }
7255
7467
  ],