@momentum-design/components 0.87.2 → 0.88.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.
- package/dist/browser/index.js +9 -3
- package/dist/browser/index.js.map +3 -3
- package/dist/components/alertchip/alertchip.component.js +6 -2
- package/dist/components/chip/chip.component.js +5 -1
- package/dist/components/inputchip/inputchip.component.js +5 -1
- package/dist/custom-elements.json +195 -195
- package/dist/react/index.d.ts +1 -1
- package/dist/react/index.js +1 -1
- package/package.json +1 -1
|
@@ -33715,28 +33715,24 @@
|
|
|
33715
33715
|
},
|
|
33716
33716
|
{
|
|
33717
33717
|
"kind": "javascript-module",
|
|
33718
|
-
"path": "components/
|
|
33718
|
+
"path": "components/toggletip/toggletip.component.js",
|
|
33719
33719
|
"declarations": [
|
|
33720
33720
|
{
|
|
33721
33721
|
"kind": "class",
|
|
33722
|
-
"description": "A
|
|
33723
|
-
"name": "
|
|
33722
|
+
"description": "A toggletip is triggered by clicking a trigger element.\n\nIt can contain interactive content and can be closed by\nclicking outside the toggletip or pressing the escape key.\n\nIt can have optional close button to close the toggletip.\n\nToggletip component uses `mdc-screenreaderannouncer` internally to\nannounce the toggletip text content with screen readers when the toggletip is shown.\n\n`screenreader-announcer-identity` attribute can be used to provide ID of an element\nin DOM to which announcement elements are added. If not set, a visually hidden\ndiv element is created in DOM to which announcement elements are added.\n\nPlease refer to the `mdc-screenreaderannouncer` component for more details.",
|
|
33723
|
+
"name": "ToggleTip",
|
|
33724
33724
|
"cssProperties": [
|
|
33725
33725
|
{
|
|
33726
|
-
"description": "The maximum width of the
|
|
33727
|
-
"name": "--mdc-
|
|
33728
|
-
},
|
|
33729
|
-
{
|
|
33730
|
-
"description": "The padding of the tooltip.",
|
|
33731
|
-
"name": "--mdc-tooltip-padding"
|
|
33726
|
+
"description": "The maximum width of the toggletip.",
|
|
33727
|
+
"name": "--mdc-toggletip-max-width"
|
|
33732
33728
|
},
|
|
33733
33729
|
{
|
|
33734
|
-
"description": "The text color of the
|
|
33735
|
-
"name": "--mdc-
|
|
33730
|
+
"description": "The text color of the toggletip.",
|
|
33731
|
+
"name": "--mdc-toggletip-text-color"
|
|
33736
33732
|
},
|
|
33737
33733
|
{
|
|
33738
|
-
"description": "The text color of the
|
|
33739
|
-
"name": "--mdc-
|
|
33734
|
+
"description": "The text color of the toggletip when the color is contrast.",
|
|
33735
|
+
"name": "--mdc-toggletip-text-color-contrast"
|
|
33740
33736
|
},
|
|
33741
33737
|
{
|
|
33742
33738
|
"description": "radius of the arrow border",
|
|
@@ -33819,18 +33815,17 @@
|
|
|
33819
33815
|
}
|
|
33820
33816
|
}
|
|
33821
33817
|
],
|
|
33822
|
-
"
|
|
33818
|
+
"slots": [
|
|
33823
33819
|
{
|
|
33824
|
-
"
|
|
33825
|
-
"name": "
|
|
33826
|
-
"
|
|
33827
|
-
"
|
|
33828
|
-
|
|
33829
|
-
|
|
33830
|
-
|
|
33831
|
-
|
|
33832
|
-
|
|
33833
|
-
},
|
|
33820
|
+
"description": "Default slot for the toggletip content",
|
|
33821
|
+
"name": "",
|
|
33822
|
+
"inheritedFrom": {
|
|
33823
|
+
"name": "Popover",
|
|
33824
|
+
"module": "src/components/popover/popover.component.ts"
|
|
33825
|
+
}
|
|
33826
|
+
}
|
|
33827
|
+
],
|
|
33828
|
+
"members": [
|
|
33834
33829
|
{
|
|
33835
33830
|
"kind": "field",
|
|
33836
33831
|
"name": "defaultSlotNodes",
|
|
@@ -33840,76 +33835,50 @@
|
|
|
33840
33835
|
"privacy": "private"
|
|
33841
33836
|
},
|
|
33842
33837
|
{
|
|
33843
|
-
"kind": "
|
|
33844
|
-
"name": "
|
|
33845
|
-
"
|
|
33846
|
-
|
|
33847
|
-
"type": {
|
|
33848
|
-
"text": ""
|
|
33849
|
-
}
|
|
33850
|
-
}
|
|
33851
|
-
},
|
|
33852
|
-
{
|
|
33853
|
-
"kind": "method",
|
|
33854
|
-
"name": "setTooltipType",
|
|
33855
|
-
"privacy": "private",
|
|
33856
|
-
"return": {
|
|
33857
|
-
"type": {
|
|
33858
|
-
"text": "void"
|
|
33859
|
-
}
|
|
33838
|
+
"kind": "field",
|
|
33839
|
+
"name": "screenreaderAnnouncerIdentity",
|
|
33840
|
+
"type": {
|
|
33841
|
+
"text": "string | undefined"
|
|
33860
33842
|
},
|
|
33861
|
-
"
|
|
33862
|
-
|
|
33863
|
-
|
|
33864
|
-
"type": {
|
|
33865
|
-
"text": "TooltipType"
|
|
33866
|
-
},
|
|
33867
|
-
"description": "The type to set."
|
|
33868
|
-
}
|
|
33869
|
-
],
|
|
33870
|
-
"description": "Sets the type attribute for the tooltip component.\nIf the provided type is not included in the TOOLTIP_TYPES,\nit defaults to the value specified in DEFAULTS.TOOLTIP_TYPE."
|
|
33843
|
+
"description": "Set this attribute with the id of the element in the DOM, to which announcement\nelements will be appended.\nIf an id is provided, the announcement elements will be appended to this element.\nIf id is not provided, a visually hidden div element will be created in the DOM.\n\nPlease refer to the `mdc-screenreaderannouncer` component for more details.",
|
|
33844
|
+
"attribute": "screenreader-announcer-identity",
|
|
33845
|
+
"reflects": true
|
|
33871
33846
|
},
|
|
33872
33847
|
{
|
|
33873
|
-
"kind": "
|
|
33874
|
-
"name": "
|
|
33875
|
-
"
|
|
33876
|
-
|
|
33877
|
-
"type": {
|
|
33878
|
-
"text": "void"
|
|
33879
|
-
}
|
|
33848
|
+
"kind": "field",
|
|
33849
|
+
"name": "placement",
|
|
33850
|
+
"type": {
|
|
33851
|
+
"text": "PopoverPlacement"
|
|
33880
33852
|
},
|
|
33881
|
-
"description": "
|
|
33853
|
+
"description": "The placement of the popover.\n- **top**\n- **top-start**\n- **top-end**\n- **bottom**\n- **bottom-start**\n- **bottom-end**\n- **left**\n- **left-start**\n- **left-end**\n- **right**\n- **right-start**\n- **right-end**",
|
|
33854
|
+
"default": "bottom",
|
|
33855
|
+
"attribute": "placement",
|
|
33856
|
+
"reflects": true,
|
|
33857
|
+
"inheritedFrom": {
|
|
33858
|
+
"name": "Popover",
|
|
33859
|
+
"module": "components/popover/popover.component.js"
|
|
33860
|
+
}
|
|
33882
33861
|
},
|
|
33883
33862
|
{
|
|
33884
33863
|
"kind": "method",
|
|
33885
|
-
"name": "
|
|
33864
|
+
"name": "getToggleTipText",
|
|
33886
33865
|
"privacy": "private",
|
|
33887
33866
|
"return": {
|
|
33888
33867
|
"type": {
|
|
33889
|
-
"text": "
|
|
33868
|
+
"text": ""
|
|
33890
33869
|
}
|
|
33891
|
-
}
|
|
33892
|
-
"description": "Updates the placement attribute if it is not a valid placement.\nOverriding the default from Popover"
|
|
33870
|
+
}
|
|
33893
33871
|
},
|
|
33894
33872
|
{
|
|
33895
33873
|
"kind": "method",
|
|
33896
|
-
"name": "
|
|
33874
|
+
"name": "onPlacementUpdated",
|
|
33897
33875
|
"privacy": "private",
|
|
33898
33876
|
"return": {
|
|
33899
33877
|
"type": {
|
|
33900
33878
|
"text": "void"
|
|
33901
33879
|
}
|
|
33902
33880
|
},
|
|
33903
|
-
"
|
|
33904
|
-
{
|
|
33905
|
-
"name": "changedProperties",
|
|
33906
|
-
"type": {
|
|
33907
|
-
"text": "PropertyValues"
|
|
33908
|
-
},
|
|
33909
|
-
"description": "The changed properties."
|
|
33910
|
-
}
|
|
33911
|
-
],
|
|
33912
|
-
"description": "Updates the tooltip type attribute and sets the appropriate aria props on the trigger component."
|
|
33881
|
+
"description": "Updates the placement attribute if it is not a valid placement.\nDefault placement for toggle tip is top."
|
|
33913
33882
|
},
|
|
33914
33883
|
{
|
|
33915
33884
|
"kind": "field",
|
|
@@ -34502,21 +34471,6 @@
|
|
|
34502
34471
|
"module": "components/popover/popover.component.js"
|
|
34503
34472
|
}
|
|
34504
34473
|
},
|
|
34505
|
-
{
|
|
34506
|
-
"kind": "field",
|
|
34507
|
-
"name": "placement",
|
|
34508
|
-
"type": {
|
|
34509
|
-
"text": "PopoverPlacement"
|
|
34510
|
-
},
|
|
34511
|
-
"description": "The placement of the popover.\n- **top**\n- **top-start**\n- **top-end**\n- **bottom**\n- **bottom-start**\n- **bottom-end**\n- **left**\n- **left-start**\n- **left-end**\n- **right**\n- **right-start**\n- **right-end**",
|
|
34512
|
-
"default": "bottom",
|
|
34513
|
-
"attribute": "placement",
|
|
34514
|
-
"reflects": true,
|
|
34515
|
-
"inheritedFrom": {
|
|
34516
|
-
"name": "Popover",
|
|
34517
|
-
"module": "components/popover/popover.component.js"
|
|
34518
|
-
}
|
|
34519
|
-
},
|
|
34520
34474
|
{
|
|
34521
34475
|
"kind": "field",
|
|
34522
34476
|
"name": "color",
|
|
@@ -35084,7 +35038,7 @@
|
|
|
35084
35038
|
],
|
|
35085
35039
|
"events": [
|
|
35086
35040
|
{
|
|
35087
|
-
"description": "(React: onShown) This event is dispatched when the
|
|
35041
|
+
"description": "(React: onShown) This event is dispatched when the toggletip is shown",
|
|
35088
35042
|
"name": "shown",
|
|
35089
35043
|
"reactName": "onShown",
|
|
35090
35044
|
"inheritedFrom": {
|
|
@@ -35093,7 +35047,7 @@
|
|
|
35093
35047
|
}
|
|
35094
35048
|
},
|
|
35095
35049
|
{
|
|
35096
|
-
"description": "(React: onHidden) This event is dispatched when the
|
|
35050
|
+
"description": "(React: onHidden) This event is dispatched when the toggletip is hidden",
|
|
35097
35051
|
"name": "hidden",
|
|
35098
35052
|
"reactName": "onHidden",
|
|
35099
35053
|
"inheritedFrom": {
|
|
@@ -35102,7 +35056,7 @@
|
|
|
35102
35056
|
}
|
|
35103
35057
|
},
|
|
35104
35058
|
{
|
|
35105
|
-
"description": "(React: onCreated) This event is dispatched when the
|
|
35059
|
+
"description": "(React: onCreated) This event is dispatched when the toggletip is created (added to the DOM)",
|
|
35106
35060
|
"name": "created",
|
|
35107
35061
|
"reactName": "onCreated",
|
|
35108
35062
|
"inheritedFrom": {
|
|
@@ -35111,7 +35065,7 @@
|
|
|
35111
35065
|
}
|
|
35112
35066
|
},
|
|
35113
35067
|
{
|
|
35114
|
-
"description": "(React: onDestroyed) This event is dispatched when the
|
|
35068
|
+
"description": "(React: onDestroyed) This event is dispatched when the toggletip is destroyed (removed from the DOM)",
|
|
35115
35069
|
"name": "destroyed",
|
|
35116
35070
|
"reactName": "onDestroyed",
|
|
35117
35071
|
"inheritedFrom": {
|
|
@@ -35122,13 +35076,25 @@
|
|
|
35122
35076
|
],
|
|
35123
35077
|
"attributes": [
|
|
35124
35078
|
{
|
|
35125
|
-
"name": "
|
|
35079
|
+
"name": "screenreader-announcer-identity",
|
|
35126
35080
|
"type": {
|
|
35127
|
-
"text": "
|
|
35081
|
+
"text": "string | undefined"
|
|
35128
35082
|
},
|
|
35129
|
-
"description": "
|
|
35130
|
-
"
|
|
35131
|
-
|
|
35083
|
+
"description": "Set this attribute with the id of the element in the DOM, to which announcement\nelements will be appended.\nIf an id is provided, the announcement elements will be appended to this element.\nIf id is not provided, a visually hidden div element will be created in the DOM.\n\nPlease refer to the `mdc-screenreaderannouncer` component for more details.",
|
|
35084
|
+
"fieldName": "screenreaderAnnouncerIdentity"
|
|
35085
|
+
},
|
|
35086
|
+
{
|
|
35087
|
+
"name": "placement",
|
|
35088
|
+
"type": {
|
|
35089
|
+
"text": "PopoverPlacement"
|
|
35090
|
+
},
|
|
35091
|
+
"description": "The placement of the popover.\n- **top**\n- **top-start**\n- **top-end**\n- **bottom**\n- **bottom-start**\n- **bottom-end**\n- **left**\n- **left-start**\n- **left-end**\n- **right**\n- **right-start**\n- **right-end**",
|
|
35092
|
+
"default": "bottom",
|
|
35093
|
+
"fieldName": "placement",
|
|
35094
|
+
"inheritedFrom": {
|
|
35095
|
+
"name": "Popover",
|
|
35096
|
+
"module": "src/components/popover/popover.component.ts"
|
|
35097
|
+
}
|
|
35132
35098
|
},
|
|
35133
35099
|
{
|
|
35134
35100
|
"name": "should-focus-trap-wrap",
|
|
@@ -35182,19 +35148,6 @@
|
|
|
35182
35148
|
"module": "src/components/popover/popover.component.ts"
|
|
35183
35149
|
}
|
|
35184
35150
|
},
|
|
35185
|
-
{
|
|
35186
|
-
"name": "placement",
|
|
35187
|
-
"type": {
|
|
35188
|
-
"text": "PopoverPlacement"
|
|
35189
|
-
},
|
|
35190
|
-
"description": "The placement of the popover.\n- **top**\n- **top-start**\n- **top-end**\n- **bottom**\n- **bottom-start**\n- **bottom-end**\n- **left**\n- **left-start**\n- **left-end**\n- **right**\n- **right-start**\n- **right-end**",
|
|
35191
|
-
"default": "bottom",
|
|
35192
|
-
"fieldName": "placement",
|
|
35193
|
-
"inheritedFrom": {
|
|
35194
|
-
"name": "Popover",
|
|
35195
|
-
"module": "src/components/popover/popover.component.ts"
|
|
35196
|
-
}
|
|
35197
|
-
},
|
|
35198
35151
|
{
|
|
35199
35152
|
"name": "color",
|
|
35200
35153
|
"type": {
|
|
@@ -35525,19 +35478,9 @@
|
|
|
35525
35478
|
"name": "Popover",
|
|
35526
35479
|
"module": "/src/components/popover/popover.component"
|
|
35527
35480
|
},
|
|
35528
|
-
"tagName": "mdc-
|
|
35529
|
-
"jsDoc": "/**\n * A
|
|
35530
|
-
"customElement": true
|
|
35531
|
-
"slots": [
|
|
35532
|
-
{
|
|
35533
|
-
"description": "Default slot for the popover content",
|
|
35534
|
-
"name": "",
|
|
35535
|
-
"inheritedFrom": {
|
|
35536
|
-
"name": "Popover",
|
|
35537
|
-
"module": "src/components/popover/popover.component.ts"
|
|
35538
|
-
}
|
|
35539
|
-
}
|
|
35540
|
-
]
|
|
35481
|
+
"tagName": "mdc-toggletip",
|
|
35482
|
+
"jsDoc": "/**\n * A toggletip is triggered by clicking a trigger element.\n *\n * It can contain interactive content and can be closed by\n * clicking outside the toggletip or pressing the escape key.\n *\n * It can have optional close button to close the toggletip.\n *\n * Toggletip component uses `mdc-screenreaderannouncer` internally to\n * announce the toggletip text content with screen readers when the toggletip is shown.\n *\n * `screenreader-announcer-identity` attribute can be used to provide ID of an element\n * in DOM to which announcement elements are added. If not set, a visually hidden\n * div element is created in DOM to which announcement elements are added.\n *\n * Please refer to the `mdc-screenreaderannouncer` component for more details.\n *\n * @dependency mdc-screenreaderannouncer\n * @dependency mdc-button\n *\n * @tagname mdc-toggletip\n *\n * @event shown - (React: onShown) This event is dispatched when the toggletip is shown\n * @event hidden - (React: onHidden) This event is dispatched when the toggletip is hidden\n * @event created - (React: onCreated) This event is dispatched when the toggletip is created (added to the DOM)\n * @event destroyed - (React: onDestroyed) This event is dispatched when the toggletip\n * is destroyed (removed from the DOM)\n *\n * @cssproperty --mdc-toggletip-max-width - The maximum width of the toggletip.\n * @cssproperty --mdc-toggletip-text-color - The text color of the toggletip.\n * @cssproperty --mdc-toggletip-text-color-contrast - The text color of the toggletip\n * when the color is contrast.\n *\n * @slot - Default slot for the toggletip content\n */",
|
|
35483
|
+
"customElement": true
|
|
35541
35484
|
}
|
|
35542
35485
|
],
|
|
35543
35486
|
"exports": [
|
|
@@ -35545,32 +35488,36 @@
|
|
|
35545
35488
|
"kind": "js",
|
|
35546
35489
|
"name": "default",
|
|
35547
35490
|
"declaration": {
|
|
35548
|
-
"name": "
|
|
35549
|
-
"module": "components/
|
|
35491
|
+
"name": "ToggleTip",
|
|
35492
|
+
"module": "components/toggletip/toggletip.component.js"
|
|
35550
35493
|
}
|
|
35551
35494
|
}
|
|
35552
35495
|
]
|
|
35553
35496
|
},
|
|
35554
35497
|
{
|
|
35555
35498
|
"kind": "javascript-module",
|
|
35556
|
-
"path": "components/
|
|
35499
|
+
"path": "components/tooltip/tooltip.component.js",
|
|
35557
35500
|
"declarations": [
|
|
35558
35501
|
{
|
|
35559
35502
|
"kind": "class",
|
|
35560
|
-
"description": "A
|
|
35561
|
-
"name": "
|
|
35503
|
+
"description": "A tooltip is triggered by mouse hover or by keyboard focus\nand will disappear upon mouse exit or focus change.\n\nNote: Tooltips cannot contain content that can be focused or interacted with.",
|
|
35504
|
+
"name": "Tooltip",
|
|
35562
35505
|
"cssProperties": [
|
|
35563
35506
|
{
|
|
35564
|
-
"description": "The maximum width of the
|
|
35565
|
-
"name": "--mdc-
|
|
35507
|
+
"description": "The maximum width of the tooltip.",
|
|
35508
|
+
"name": "--mdc-tooltip-max-width"
|
|
35566
35509
|
},
|
|
35567
35510
|
{
|
|
35568
|
-
"description": "The
|
|
35569
|
-
"name": "--mdc-
|
|
35511
|
+
"description": "The padding of the tooltip.",
|
|
35512
|
+
"name": "--mdc-tooltip-padding"
|
|
35570
35513
|
},
|
|
35571
35514
|
{
|
|
35572
|
-
"description": "The text color of the
|
|
35573
|
-
"name": "--mdc-
|
|
35515
|
+
"description": "The text color of the tooltip.",
|
|
35516
|
+
"name": "--mdc-tooltip-text-color"
|
|
35517
|
+
},
|
|
35518
|
+
{
|
|
35519
|
+
"description": "The text color of the tooltip when the color is contrast.",
|
|
35520
|
+
"name": "--mdc-tooltip-text-color-contrast"
|
|
35574
35521
|
},
|
|
35575
35522
|
{
|
|
35576
35523
|
"description": "radius of the arrow border",
|
|
@@ -35653,53 +35600,29 @@
|
|
|
35653
35600
|
}
|
|
35654
35601
|
}
|
|
35655
35602
|
],
|
|
35656
|
-
"slots": [
|
|
35657
|
-
{
|
|
35658
|
-
"description": "Default slot for the toggletip content",
|
|
35659
|
-
"name": "",
|
|
35660
|
-
"inheritedFrom": {
|
|
35661
|
-
"name": "Popover",
|
|
35662
|
-
"module": "src/components/popover/popover.component.ts"
|
|
35663
|
-
}
|
|
35664
|
-
}
|
|
35665
|
-
],
|
|
35666
35603
|
"members": [
|
|
35667
35604
|
{
|
|
35668
35605
|
"kind": "field",
|
|
35669
|
-
"name": "
|
|
35670
|
-
"type": {
|
|
35671
|
-
"text": "Array<Node>"
|
|
35672
|
-
},
|
|
35673
|
-
"privacy": "private"
|
|
35674
|
-
},
|
|
35675
|
-
{
|
|
35676
|
-
"kind": "field",
|
|
35677
|
-
"name": "screenreaderAnnouncerIdentity",
|
|
35606
|
+
"name": "tooltipType",
|
|
35678
35607
|
"type": {
|
|
35679
|
-
"text": "
|
|
35608
|
+
"text": "TooltipType"
|
|
35680
35609
|
},
|
|
35681
|
-
"description": "
|
|
35682
|
-
"
|
|
35610
|
+
"description": "The type of tooltip.\n- **description** sets aria-describedby on the trigger component which refers to the tooltip id.\n- **label** sets aria-labelledby on the trigger component which refers to the tooltip id.\n- **none** no aria props set on trigger component referring to the tooltip id.",
|
|
35611
|
+
"default": "'description'",
|
|
35612
|
+
"attribute": "tooltip-type",
|
|
35683
35613
|
"reflects": true
|
|
35684
35614
|
},
|
|
35685
35615
|
{
|
|
35686
35616
|
"kind": "field",
|
|
35687
|
-
"name": "
|
|
35617
|
+
"name": "defaultSlotNodes",
|
|
35688
35618
|
"type": {
|
|
35689
|
-
"text": "
|
|
35619
|
+
"text": "Array<Node>"
|
|
35690
35620
|
},
|
|
35691
|
-
"
|
|
35692
|
-
"default": "bottom",
|
|
35693
|
-
"attribute": "placement",
|
|
35694
|
-
"reflects": true,
|
|
35695
|
-
"inheritedFrom": {
|
|
35696
|
-
"name": "Popover",
|
|
35697
|
-
"module": "components/popover/popover.component.js"
|
|
35698
|
-
}
|
|
35621
|
+
"privacy": "private"
|
|
35699
35622
|
},
|
|
35700
35623
|
{
|
|
35701
35624
|
"kind": "method",
|
|
35702
|
-
"name": "
|
|
35625
|
+
"name": "getTooltipText",
|
|
35703
35626
|
"privacy": "private",
|
|
35704
35627
|
"return": {
|
|
35705
35628
|
"type": {
|
|
@@ -35707,6 +35630,37 @@
|
|
|
35707
35630
|
}
|
|
35708
35631
|
}
|
|
35709
35632
|
},
|
|
35633
|
+
{
|
|
35634
|
+
"kind": "method",
|
|
35635
|
+
"name": "setTooltipType",
|
|
35636
|
+
"privacy": "private",
|
|
35637
|
+
"return": {
|
|
35638
|
+
"type": {
|
|
35639
|
+
"text": "void"
|
|
35640
|
+
}
|
|
35641
|
+
},
|
|
35642
|
+
"parameters": [
|
|
35643
|
+
{
|
|
35644
|
+
"name": "type",
|
|
35645
|
+
"type": {
|
|
35646
|
+
"text": "TooltipType"
|
|
35647
|
+
},
|
|
35648
|
+
"description": "The type to set."
|
|
35649
|
+
}
|
|
35650
|
+
],
|
|
35651
|
+
"description": "Sets the type attribute for the tooltip component.\nIf the provided type is not included in the TOOLTIP_TYPES,\nit defaults to the value specified in DEFAULTS.TOOLTIP_TYPE."
|
|
35652
|
+
},
|
|
35653
|
+
{
|
|
35654
|
+
"kind": "method",
|
|
35655
|
+
"name": "onIdUpdated",
|
|
35656
|
+
"privacy": "private",
|
|
35657
|
+
"return": {
|
|
35658
|
+
"type": {
|
|
35659
|
+
"text": "void"
|
|
35660
|
+
}
|
|
35661
|
+
},
|
|
35662
|
+
"description": "Updates the tooltip id if it is empty."
|
|
35663
|
+
},
|
|
35710
35664
|
{
|
|
35711
35665
|
"kind": "method",
|
|
35712
35666
|
"name": "onPlacementUpdated",
|
|
@@ -35716,7 +35670,27 @@
|
|
|
35716
35670
|
"text": "void"
|
|
35717
35671
|
}
|
|
35718
35672
|
},
|
|
35719
|
-
"description": "Updates the placement attribute if it is not a valid placement.\
|
|
35673
|
+
"description": "Updates the placement attribute if it is not a valid placement.\nOverriding the default from Popover"
|
|
35674
|
+
},
|
|
35675
|
+
{
|
|
35676
|
+
"kind": "method",
|
|
35677
|
+
"name": "onTooltipTypeUpdated",
|
|
35678
|
+
"privacy": "private",
|
|
35679
|
+
"return": {
|
|
35680
|
+
"type": {
|
|
35681
|
+
"text": "void"
|
|
35682
|
+
}
|
|
35683
|
+
},
|
|
35684
|
+
"parameters": [
|
|
35685
|
+
{
|
|
35686
|
+
"name": "changedProperties",
|
|
35687
|
+
"type": {
|
|
35688
|
+
"text": "PropertyValues"
|
|
35689
|
+
},
|
|
35690
|
+
"description": "The changed properties."
|
|
35691
|
+
}
|
|
35692
|
+
],
|
|
35693
|
+
"description": "Updates the tooltip type attribute and sets the appropriate aria props on the trigger component."
|
|
35720
35694
|
},
|
|
35721
35695
|
{
|
|
35722
35696
|
"kind": "field",
|
|
@@ -36309,6 +36283,21 @@
|
|
|
36309
36283
|
"module": "components/popover/popover.component.js"
|
|
36310
36284
|
}
|
|
36311
36285
|
},
|
|
36286
|
+
{
|
|
36287
|
+
"kind": "field",
|
|
36288
|
+
"name": "placement",
|
|
36289
|
+
"type": {
|
|
36290
|
+
"text": "PopoverPlacement"
|
|
36291
|
+
},
|
|
36292
|
+
"description": "The placement of the popover.\n- **top**\n- **top-start**\n- **top-end**\n- **bottom**\n- **bottom-start**\n- **bottom-end**\n- **left**\n- **left-start**\n- **left-end**\n- **right**\n- **right-start**\n- **right-end**",
|
|
36293
|
+
"default": "bottom",
|
|
36294
|
+
"attribute": "placement",
|
|
36295
|
+
"reflects": true,
|
|
36296
|
+
"inheritedFrom": {
|
|
36297
|
+
"name": "Popover",
|
|
36298
|
+
"module": "components/popover/popover.component.js"
|
|
36299
|
+
}
|
|
36300
|
+
},
|
|
36312
36301
|
{
|
|
36313
36302
|
"kind": "field",
|
|
36314
36303
|
"name": "color",
|
|
@@ -36876,7 +36865,7 @@
|
|
|
36876
36865
|
],
|
|
36877
36866
|
"events": [
|
|
36878
36867
|
{
|
|
36879
|
-
"description": "(React: onShown) This event is dispatched when the
|
|
36868
|
+
"description": "(React: onShown) This event is dispatched when the tooltip is shown",
|
|
36880
36869
|
"name": "shown",
|
|
36881
36870
|
"reactName": "onShown",
|
|
36882
36871
|
"inheritedFrom": {
|
|
@@ -36885,7 +36874,7 @@
|
|
|
36885
36874
|
}
|
|
36886
36875
|
},
|
|
36887
36876
|
{
|
|
36888
|
-
"description": "(React: onHidden) This event is dispatched when the
|
|
36877
|
+
"description": "(React: onHidden) This event is dispatched when the tooltip is hidden",
|
|
36889
36878
|
"name": "hidden",
|
|
36890
36879
|
"reactName": "onHidden",
|
|
36891
36880
|
"inheritedFrom": {
|
|
@@ -36894,7 +36883,7 @@
|
|
|
36894
36883
|
}
|
|
36895
36884
|
},
|
|
36896
36885
|
{
|
|
36897
|
-
"description": "(React: onCreated) This event is dispatched when the
|
|
36886
|
+
"description": "(React: onCreated) This event is dispatched when the tooltip is created (added to the DOM)",
|
|
36898
36887
|
"name": "created",
|
|
36899
36888
|
"reactName": "onCreated",
|
|
36900
36889
|
"inheritedFrom": {
|
|
@@ -36903,7 +36892,7 @@
|
|
|
36903
36892
|
}
|
|
36904
36893
|
},
|
|
36905
36894
|
{
|
|
36906
|
-
"description": "(React: onDestroyed) This event is dispatched when the
|
|
36895
|
+
"description": "(React: onDestroyed) This event is dispatched when the tooltip is destroyed (removed from the DOM)",
|
|
36907
36896
|
"name": "destroyed",
|
|
36908
36897
|
"reactName": "onDestroyed",
|
|
36909
36898
|
"inheritedFrom": {
|
|
@@ -36914,25 +36903,13 @@
|
|
|
36914
36903
|
],
|
|
36915
36904
|
"attributes": [
|
|
36916
36905
|
{
|
|
36917
|
-
"name": "
|
|
36918
|
-
"type": {
|
|
36919
|
-
"text": "string | undefined"
|
|
36920
|
-
},
|
|
36921
|
-
"description": "Set this attribute with the id of the element in the DOM, to which announcement\nelements will be appended.\nIf an id is provided, the announcement elements will be appended to this element.\nIf id is not provided, a visually hidden div element will be created in the DOM.\n\nPlease refer to the `mdc-screenreaderannouncer` component for more details.",
|
|
36922
|
-
"fieldName": "screenreaderAnnouncerIdentity"
|
|
36923
|
-
},
|
|
36924
|
-
{
|
|
36925
|
-
"name": "placement",
|
|
36906
|
+
"name": "tooltip-type",
|
|
36926
36907
|
"type": {
|
|
36927
|
-
"text": "
|
|
36908
|
+
"text": "TooltipType"
|
|
36928
36909
|
},
|
|
36929
|
-
"description": "The
|
|
36930
|
-
"default": "
|
|
36931
|
-
"fieldName": "
|
|
36932
|
-
"inheritedFrom": {
|
|
36933
|
-
"name": "Popover",
|
|
36934
|
-
"module": "src/components/popover/popover.component.ts"
|
|
36935
|
-
}
|
|
36910
|
+
"description": "The type of tooltip.\n- **description** sets aria-describedby on the trigger component which refers to the tooltip id.\n- **label** sets aria-labelledby on the trigger component which refers to the tooltip id.\n- **none** no aria props set on trigger component referring to the tooltip id.",
|
|
36911
|
+
"default": "'description'",
|
|
36912
|
+
"fieldName": "tooltipType"
|
|
36936
36913
|
},
|
|
36937
36914
|
{
|
|
36938
36915
|
"name": "should-focus-trap-wrap",
|
|
@@ -36986,6 +36963,19 @@
|
|
|
36986
36963
|
"module": "src/components/popover/popover.component.ts"
|
|
36987
36964
|
}
|
|
36988
36965
|
},
|
|
36966
|
+
{
|
|
36967
|
+
"name": "placement",
|
|
36968
|
+
"type": {
|
|
36969
|
+
"text": "PopoverPlacement"
|
|
36970
|
+
},
|
|
36971
|
+
"description": "The placement of the popover.\n- **top**\n- **top-start**\n- **top-end**\n- **bottom**\n- **bottom-start**\n- **bottom-end**\n- **left**\n- **left-start**\n- **left-end**\n- **right**\n- **right-start**\n- **right-end**",
|
|
36972
|
+
"default": "bottom",
|
|
36973
|
+
"fieldName": "placement",
|
|
36974
|
+
"inheritedFrom": {
|
|
36975
|
+
"name": "Popover",
|
|
36976
|
+
"module": "src/components/popover/popover.component.ts"
|
|
36977
|
+
}
|
|
36978
|
+
},
|
|
36989
36979
|
{
|
|
36990
36980
|
"name": "color",
|
|
36991
36981
|
"type": {
|
|
@@ -37316,9 +37306,19 @@
|
|
|
37316
37306
|
"name": "Popover",
|
|
37317
37307
|
"module": "/src/components/popover/popover.component"
|
|
37318
37308
|
},
|
|
37319
|
-
"tagName": "mdc-
|
|
37320
|
-
"jsDoc": "/**\n * A
|
|
37321
|
-
"customElement": true
|
|
37309
|
+
"tagName": "mdc-tooltip",
|
|
37310
|
+
"jsDoc": "/**\n * A tooltip is triggered by mouse hover or by keyboard focus\n * and will disappear upon mouse exit or focus change.\n *\n * Note: Tooltips cannot contain content that can be focused or interacted with.\n *\n * @tagname mdc-tooltip\n *\n * @event shown - (React: onShown) This event is dispatched when the tooltip is shown\n * @event hidden - (React: onHidden) This event is dispatched when the tooltip is hidden\n * @event created - (React: onCreated) This event is dispatched when the tooltip is created (added to the DOM)\n * @event destroyed - (React: onDestroyed) This event is dispatched when the tooltip is destroyed (removed from the DOM)\n *\n * @cssproperty --mdc-tooltip-max-width - The maximum width of the tooltip.\n * @cssproperty --mdc-tooltip-padding - The padding of the tooltip.\n * @cssproperty --mdc-tooltip-text-color - The text color of the tooltip.\n * @cssproperty --mdc-tooltip-text-color-contrast - The text color of the tooltip when the color is contrast.\n *\n */",
|
|
37311
|
+
"customElement": true,
|
|
37312
|
+
"slots": [
|
|
37313
|
+
{
|
|
37314
|
+
"description": "Default slot for the popover content",
|
|
37315
|
+
"name": "",
|
|
37316
|
+
"inheritedFrom": {
|
|
37317
|
+
"name": "Popover",
|
|
37318
|
+
"module": "src/components/popover/popover.component.ts"
|
|
37319
|
+
}
|
|
37320
|
+
}
|
|
37321
|
+
]
|
|
37322
37322
|
}
|
|
37323
37323
|
],
|
|
37324
37324
|
"exports": [
|
|
@@ -37326,8 +37326,8 @@
|
|
|
37326
37326
|
"kind": "js",
|
|
37327
37327
|
"name": "default",
|
|
37328
37328
|
"declaration": {
|
|
37329
|
-
"name": "
|
|
37330
|
-
"module": "components/
|
|
37329
|
+
"name": "Tooltip",
|
|
37330
|
+
"module": "components/tooltip/tooltip.component.js"
|
|
37331
37331
|
}
|
|
37332
37332
|
}
|
|
37333
37333
|
]
|
package/dist/react/index.d.ts
CHANGED
|
@@ -63,6 +63,6 @@ export { default as Text } from './text';
|
|
|
63
63
|
export { default as Textarea } from './textarea';
|
|
64
64
|
export { default as ThemeProvider } from './themeprovider';
|
|
65
65
|
export { default as Toggle } from './toggle';
|
|
66
|
-
export { default as Tooltip } from './tooltip';
|
|
67
66
|
export { default as ToggleTip } from './toggletip';
|
|
67
|
+
export { default as Tooltip } from './tooltip';
|
|
68
68
|
export { default as VirtualizedList } from './virtualizedlist';
|