@genesislcap/foundation-zero 14.207.3 → 14.208.1

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 (2) hide show
  1. package/dist/custom-elements.json +761 -761
  2. package/package.json +12 -12
@@ -35784,7 +35784,7 @@
35784
35784
  },
35785
35785
  {
35786
35786
  "kind": "javascript-module",
35787
- "path": "src/tooltip/index.ts",
35787
+ "path": "src/tree-item/index.ts",
35788
35788
  "declarations": [],
35789
35789
  "exports": [
35790
35790
  {
@@ -35792,7 +35792,7 @@
35792
35792
  "name": "*",
35793
35793
  "declaration": {
35794
35794
  "name": "*",
35795
- "package": "./tooltip"
35795
+ "package": "./tree-item.template"
35796
35796
  }
35797
35797
  },
35798
35798
  {
@@ -35800,7 +35800,7 @@
35800
35800
  "name": "*",
35801
35801
  "declaration": {
35802
35802
  "name": "*",
35803
- "package": "./tooltip.styles"
35803
+ "package": "./tree-item.styles"
35804
35804
  }
35805
35805
  },
35806
35806
  {
@@ -35808,58 +35808,18 @@
35808
35808
  "name": "*",
35809
35809
  "declaration": {
35810
35810
  "name": "*",
35811
- "package": "./tooltip.template"
35812
- }
35813
- }
35814
- ]
35815
- },
35816
- {
35817
- "kind": "javascript-module",
35818
- "path": "src/tooltip/tooltip.stories.ts",
35819
- "declarations": [
35820
- {
35821
- "kind": "variable",
35822
- "name": "meta",
35823
- "type": {
35824
- "text": "Meta"
35825
- },
35826
- "default": "{\n title: 'Tooltip',\n component: 'zero-tooltip',\n}"
35827
- },
35828
- {
35829
- "kind": "variable",
35830
- "name": "Primary",
35831
- "type": {
35832
- "text": "StoryObj"
35833
- },
35834
- "default": "{\n render: () => html`\n <zero-button id=\"zero-btn-tooltip-anchor\">Hover me</zero-button>\n <zero-tooltip anchor=\"zero-btn-tooltip-anchor\">oh hello there!</zero-tooltip>\n <zero-badge id=\"zero-badge-tooltip-anchor\">And me too!</zero-badge>\n <zero-tooltip anchor=\"zero-badge-tooltip-anchor\">again!</zero-tooltip>\n `,\n}"
35835
- }
35836
- ],
35837
- "exports": [
35838
- {
35839
- "kind": "js",
35840
- "name": "default",
35841
- "declaration": {
35842
- "name": "meta",
35843
- "module": "src/tooltip/tooltip.stories.ts"
35844
- }
35845
- },
35846
- {
35847
- "kind": "js",
35848
- "name": "Primary",
35849
- "declaration": {
35850
- "name": "Primary",
35851
- "module": "src/tooltip/tooltip.stories.ts"
35811
+ "package": "./tree-item"
35852
35812
  }
35853
35813
  }
35854
35814
  ]
35855
35815
  },
35856
35816
  {
35857
35817
  "kind": "javascript-module",
35858
- "path": "src/tooltip/tooltip.styles.ts",
35818
+ "path": "src/tree-item/tree-item.styles.ts",
35859
35819
  "declarations": [
35860
35820
  {
35861
35821
  "kind": "function",
35862
- "name": "zeroTooltipStyles",
35822
+ "name": "zeroTreeItemStyles",
35863
35823
  "return": {
35864
35824
  "type": {
35865
35825
  "text": "ElementStyles"
@@ -35884,24 +35844,24 @@
35884
35844
  "exports": [
35885
35845
  {
35886
35846
  "kind": "js",
35887
- "name": "zeroTooltipStyles",
35847
+ "name": "zeroTreeItemStyles",
35888
35848
  "declaration": {
35889
- "name": "zeroTooltipStyles",
35890
- "module": "src/tooltip/tooltip.styles.ts"
35849
+ "name": "zeroTreeItemStyles",
35850
+ "module": "src/tree-item/tree-item.styles.ts"
35891
35851
  }
35892
35852
  }
35893
35853
  ]
35894
35854
  },
35895
35855
  {
35896
35856
  "kind": "javascript-module",
35897
- "path": "src/tooltip/tooltip.template.ts",
35857
+ "path": "src/tree-item/tree-item.template.ts",
35898
35858
  "declarations": [
35899
35859
  {
35900
35860
  "kind": "function",
35901
- "name": "zeroTooltipTemplate",
35861
+ "name": "zeroTreeItemTemplate",
35902
35862
  "return": {
35903
35863
  "type": {
35904
- "text": "ViewTemplate<Tooltip>"
35864
+ "text": "ViewTemplate<TreeItem>"
35905
35865
  }
35906
35866
  },
35907
35867
  "parameters": [
@@ -35923,133 +35883,60 @@
35923
35883
  "exports": [
35924
35884
  {
35925
35885
  "kind": "js",
35926
- "name": "zeroTooltipTemplate",
35886
+ "name": "zeroTreeItemTemplate",
35927
35887
  "declaration": {
35928
- "name": "zeroTooltipTemplate",
35929
- "module": "src/tooltip/tooltip.template.ts"
35888
+ "name": "zeroTreeItemTemplate",
35889
+ "module": "src/tree-item/tree-item.template.ts"
35930
35890
  }
35931
35891
  }
35932
35892
  ]
35933
35893
  },
35934
35894
  {
35935
35895
  "kind": "javascript-module",
35936
- "path": "src/tooltip/tooltip.ts",
35896
+ "path": "src/tree-item/tree-item.ts",
35937
35897
  "declarations": [
35938
35898
  {
35939
35899
  "kind": "class",
35940
35900
  "description": "",
35941
- "name": "Tooltip",
35901
+ "name": "TreeItem",
35942
35902
  "superclass": {
35943
- "name": "FoundationTooltip",
35903
+ "name": "FoundationTreeItem",
35944
35904
  "package": "@genesislcap/foundation-ui"
35945
35905
  },
35946
- "tagName": "%%prefix%%-tooltip",
35906
+ "tagName": "%%prefix%%-tree-item",
35947
35907
  "customElement": true,
35948
35908
  "attributes": [
35949
35909
  {
35950
35910
  "type": {
35951
35911
  "text": "boolean"
35952
35912
  },
35953
- "description": "Whether the tooltip is visible or not.\nIf undefined tooltip is shown when anchor element is hovered",
35954
- "fieldName": "visible",
35955
- "inheritedFrom": {
35956
- "name": "Tooltip",
35957
- "module": "src/tooltip/tooltip.ts"
35958
- }
35959
- },
35960
- {
35961
- "name": "anchor",
35962
- "type": {
35963
- "text": "string"
35964
- },
35965
- "default": "\"\"",
35966
- "description": "The id of the element the tooltip is anchored to",
35967
- "fieldName": "anchor",
35968
- "inheritedFrom": {
35969
- "name": "Tooltip",
35970
- "module": "src/tooltip/tooltip.ts"
35971
- }
35972
- },
35973
- {
35974
- "name": "delay",
35975
- "type": {
35976
- "text": "number"
35977
- },
35978
- "default": "300",
35979
- "description": "The delay in milliseconds before a tooltip is shown after a hover event",
35980
- "fieldName": "delay",
35981
- "inheritedFrom": {
35982
- "name": "Tooltip",
35983
- "module": "src/tooltip/tooltip.ts"
35984
- }
35985
- },
35986
- {
35987
- "name": "position",
35988
- "type": {
35989
- "text": "TooltipPosition"
35990
- },
35991
- "description": "Controls the placement of the tooltip relative to the anchor.\nWhen the position is undefined the tooltip is placed above or below the anchor based on available space.",
35992
- "fieldName": "position",
35993
- "inheritedFrom": {
35994
- "name": "Tooltip",
35995
- "module": "src/tooltip/tooltip.ts"
35996
- }
35997
- },
35998
- {
35999
- "name": "auto-update-mode",
36000
- "type": {
36001
- "text": "AutoUpdateMode"
36002
- },
36003
- "default": "\"anchor\"",
36004
- "description": "Controls when the tooltip updates its position, default is 'anchor' which only updates when\nthe anchor is resized. 'auto' will update on scroll/resize events.\nCorresponds to anchored-region auto-update-mode.",
36005
- "fieldName": "autoUpdateMode",
36006
- "inheritedFrom": {
36007
- "name": "Tooltip",
36008
- "module": "src/tooltip/tooltip.ts"
36009
- }
36010
- },
36011
- {
36012
- "name": "horizontal-viewport-lock",
36013
- "type": {
36014
- "text": "boolean"
36015
- },
36016
- "description": "Controls if the tooltip will always remain fully in the viewport on the horizontal axis",
36017
- "fieldName": "horizontalViewportLock",
36018
- "inheritedFrom": {
36019
- "name": "Tooltip",
36020
- "module": "src/tooltip/tooltip.ts"
36021
- }
36022
- },
36023
- {
36024
- "name": "vertical-viewport-lock",
36025
- "type": {
36026
- "text": "boolean"
36027
- },
36028
- "description": "Controls if the tooltip will always remain fully in the viewport on the vertical axis",
36029
- "fieldName": "verticalViewportLock",
35913
+ "description": "When true, the control will be appear expanded by user interaction.",
35914
+ "fieldName": "expanded",
35915
+ "default": "false",
36030
35916
  "inheritedFrom": {
36031
- "name": "Tooltip",
36032
- "module": "src/tooltip/tooltip.ts"
35917
+ "name": "TreeItem",
35918
+ "module": "src/tree-item/tree-item.ts"
36033
35919
  }
36034
35920
  }
36035
35921
  ],
36036
35922
  "members": [
36037
35923
  {
36038
35924
  "kind": "field",
36039
- "name": "visible",
35925
+ "name": "expanded",
36040
35926
  "type": {
36041
35927
  "text": "boolean"
36042
35928
  },
36043
35929
  "privacy": "public",
36044
- "description": "Whether the tooltip is visible or not.\nIf undefined tooltip is shown when anchor element is hovered",
35930
+ "default": "false",
35931
+ "description": "When true, the control will be appear expanded by user interaction.",
36045
35932
  "inheritedFrom": {
36046
- "name": "Tooltip",
36047
- "module": "src/tooltip/tooltip.ts"
35933
+ "name": "TreeItem",
35934
+ "module": "src/tree-item/tree-item.ts"
36048
35935
  }
36049
35936
  },
36050
35937
  {
36051
35938
  "kind": "method",
36052
- "name": "visibleChanged",
35939
+ "name": "expandedChanged",
36053
35940
  "privacy": "private",
36054
35941
  "return": {
36055
35942
  "type": {
@@ -36057,27 +35944,26 @@
36057
35944
  }
36058
35945
  },
36059
35946
  "inheritedFrom": {
36060
- "name": "Tooltip",
36061
- "module": "src/tooltip/tooltip.ts"
35947
+ "name": "TreeItem",
35948
+ "module": "src/tree-item/tree-item.ts"
36062
35949
  }
36063
35950
  },
36064
35951
  {
36065
35952
  "kind": "field",
36066
- "name": "anchor",
35953
+ "name": "selected",
36067
35954
  "type": {
36068
- "text": "string"
35955
+ "text": "boolean"
36069
35956
  },
36070
35957
  "privacy": "public",
36071
- "default": "\"\"",
36072
- "description": "The id of the element the tooltip is anchored to",
35958
+ "description": "When true, the control will appear selected by user interaction.",
36073
35959
  "inheritedFrom": {
36074
- "name": "Tooltip",
36075
- "module": "src/tooltip/tooltip.ts"
35960
+ "name": "TreeItem",
35961
+ "module": "src/tree-item/tree-item.ts"
36076
35962
  }
36077
35963
  },
36078
35964
  {
36079
35965
  "kind": "method",
36080
- "name": "anchorChanged",
35966
+ "name": "selectedChanged",
36081
35967
  "privacy": "private",
36082
35968
  "return": {
36083
35969
  "type": {
@@ -36085,532 +35971,239 @@
36085
35971
  }
36086
35972
  },
36087
35973
  "inheritedFrom": {
36088
- "name": "Tooltip",
36089
- "module": "src/tooltip/tooltip.ts"
36090
- }
36091
- },
36092
- {
36093
- "kind": "field",
36094
- "name": "delay",
36095
- "type": {
36096
- "text": "number"
36097
- },
36098
- "privacy": "public",
36099
- "default": "300",
36100
- "description": "The delay in milliseconds before a tooltip is shown after a hover event",
36101
- "inheritedFrom": {
36102
- "name": "Tooltip",
36103
- "module": "src/tooltip/tooltip.ts"
35974
+ "name": "TreeItem",
35975
+ "module": "src/tree-item/tree-item.ts"
36104
35976
  }
36105
35977
  },
36106
35978
  {
36107
35979
  "kind": "field",
36108
- "name": "position",
35980
+ "name": "disabled",
36109
35981
  "type": {
36110
- "text": "TooltipPosition"
35982
+ "text": "boolean"
36111
35983
  },
36112
35984
  "privacy": "public",
36113
- "description": "Controls the placement of the tooltip relative to the anchor.\nWhen the position is undefined the tooltip is placed above or below the anchor based on available space.",
35985
+ "description": "When true, the control will be immutable by user interaction. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled | disabled HTML attribute} for more information.",
36114
35986
  "inheritedFrom": {
36115
- "name": "Tooltip",
36116
- "module": "src/tooltip/tooltip.ts"
35987
+ "name": "TreeItem",
35988
+ "module": "src/tree-item/tree-item.ts"
36117
35989
  }
36118
35990
  },
36119
35991
  {
36120
35992
  "kind": "method",
36121
- "name": "positionChanged",
35993
+ "name": "itemsChanged",
36122
35994
  "privacy": "private",
36123
35995
  "return": {
36124
35996
  "type": {
36125
35997
  "text": "void"
36126
35998
  }
36127
35999
  },
36000
+ "parameters": [
36001
+ {
36002
+ "name": "oldValue",
36003
+ "type": {
36004
+ "text": "unknown"
36005
+ }
36006
+ },
36007
+ {
36008
+ "name": "newValue",
36009
+ "type": {
36010
+ "text": "HTMLElement[]"
36011
+ }
36012
+ }
36013
+ ],
36128
36014
  "inheritedFrom": {
36129
- "name": "Tooltip",
36130
- "module": "src/tooltip/tooltip.ts"
36015
+ "name": "TreeItem",
36016
+ "module": "src/tree-item/tree-item.ts"
36131
36017
  }
36132
36018
  },
36133
36019
  {
36134
- "kind": "field",
36135
- "name": "autoUpdateMode",
36136
- "type": {
36137
- "text": "AutoUpdateMode"
36138
- },
36020
+ "kind": "method",
36021
+ "name": "focusItem",
36139
36022
  "privacy": "public",
36140
- "default": "\"anchor\"",
36141
- "description": "Controls when the tooltip updates its position, default is 'anchor' which only updates when\nthe anchor is resized. 'auto' will update on scroll/resize events.\nCorresponds to anchored-region auto-update-mode.",
36142
- "inheritedFrom": {
36143
- "name": "Tooltip",
36144
- "module": "src/tooltip/tooltip.ts"
36145
- }
36146
- },
36147
- {
36148
- "kind": "field",
36149
- "name": "horizontalViewportLock",
36150
- "type": {
36151
- "text": "boolean"
36152
- },
36153
- "privacy": "public",
36154
- "description": "Controls if the tooltip will always remain fully in the viewport on the horizontal axis",
36155
- "inheritedFrom": {
36156
- "name": "Tooltip",
36157
- "module": "src/tooltip/tooltip.ts"
36158
- }
36159
- },
36160
- {
36161
- "kind": "field",
36162
- "name": "verticalViewportLock",
36163
- "type": {
36164
- "text": "boolean"
36165
- },
36166
- "privacy": "public",
36167
- "description": "Controls if the tooltip will always remain fully in the viewport on the vertical axis",
36168
- "inheritedFrom": {
36169
- "name": "Tooltip",
36170
- "module": "src/tooltip/tooltip.ts"
36171
- }
36172
- },
36173
- {
36174
- "kind": "field",
36175
- "name": "anchorElement",
36176
- "type": {
36177
- "text": "HTMLElement | null"
36178
- },
36179
- "privacy": "public",
36180
- "default": "null",
36181
- "description": "the html element currently being used as anchor.\nSetting this directly overrides the anchor attribute.",
36182
- "inheritedFrom": {
36183
- "name": "Tooltip",
36184
- "module": "src/tooltip/tooltip.ts"
36185
- }
36186
- },
36187
- {
36188
- "kind": "method",
36189
- "name": "anchorElementChanged",
36190
- "privacy": "private",
36191
- "return": {
36192
- "type": {
36193
- "text": "void"
36194
- }
36195
- },
36023
+ "static": true,
36196
36024
  "parameters": [
36197
36025
  {
36198
- "name": "oldValue",
36026
+ "name": "el",
36199
36027
  "type": {
36200
- "text": "HTMLElement | null"
36201
- }
36028
+ "text": "HTMLElement"
36029
+ },
36030
+ "description": "the element to focus"
36202
36031
  }
36203
36032
  ],
36033
+ "description": "Places document focus on a tree item",
36204
36034
  "inheritedFrom": {
36205
- "name": "Tooltip",
36206
- "module": "src/tooltip/tooltip.ts"
36207
- }
36208
- },
36209
- {
36210
- "kind": "method",
36211
- "name": "viewportElementChanged",
36212
- "privacy": "private",
36213
- "return": {
36214
- "type": {
36215
- "text": "void"
36216
- }
36217
- },
36218
- "inheritedFrom": {
36219
- "name": "Tooltip",
36220
- "module": "src/tooltip/tooltip.ts"
36035
+ "name": "TreeItem",
36036
+ "module": "src/tree-item/tree-item.ts"
36221
36037
  }
36222
36038
  },
36223
36039
  {
36224
36040
  "kind": "field",
36225
- "name": "showDelayTimer",
36226
- "type": {
36227
- "text": "number | null"
36228
- },
36229
- "privacy": "private",
36230
- "default": "null",
36231
- "description": "The timer that tracks delay time before the tooltip is shown on hover",
36041
+ "name": "isNestedItem",
36042
+ "privacy": "public",
36043
+ "description": "Whether the tree is nested",
36232
36044
  "inheritedFrom": {
36233
- "name": "Tooltip",
36234
- "module": "src/tooltip/tooltip.ts"
36045
+ "name": "TreeItem",
36046
+ "module": "src/tree-item/tree-item.ts"
36235
36047
  }
36236
36048
  },
36237
36049
  {
36238
36050
  "kind": "field",
36239
- "name": "hideDelayTimer",
36051
+ "name": "_presentation",
36240
36052
  "type": {
36241
- "text": "number | null"
36053
+ "text": "ComponentPresentation | null | undefined"
36242
36054
  },
36243
36055
  "privacy": "private",
36244
- "default": "null",
36245
- "description": "The timer that tracks delay time before the tooltip is hidden",
36056
+ "default": "void 0",
36246
36057
  "inheritedFrom": {
36247
- "name": "Tooltip",
36248
- "module": "src/tooltip/tooltip.ts"
36058
+ "name": "TreeItem",
36059
+ "module": "src/tree-item/tree-item.ts"
36249
36060
  }
36250
36061
  },
36251
36062
  {
36252
36063
  "kind": "field",
36253
- "name": "isAnchorHoveredFocused",
36064
+ "name": "$presentation",
36254
36065
  "type": {
36255
- "text": "boolean"
36066
+ "text": "ComponentPresentation | null"
36256
36067
  },
36257
- "privacy": "private",
36258
- "default": "false",
36259
- "description": "Indicates whether the anchor is currently being hovered or has focus",
36068
+ "privacy": "public",
36069
+ "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
36260
36070
  "inheritedFrom": {
36261
- "name": "Tooltip",
36262
- "module": "src/tooltip/tooltip.ts"
36071
+ "name": "TreeItem",
36072
+ "module": "src/tree-item/tree-item.ts"
36263
36073
  }
36264
36074
  },
36265
36075
  {
36266
36076
  "kind": "field",
36267
- "name": "isRegionHovered",
36077
+ "name": "template",
36268
36078
  "type": {
36269
- "text": "boolean"
36079
+ "text": "ElementViewTemplate | void | null"
36270
36080
  },
36271
- "privacy": "private",
36272
- "default": "false",
36273
- "description": "Indicates whether the region is currently being hovered",
36274
- "inheritedFrom": {
36275
- "name": "Tooltip",
36276
- "module": "src/tooltip/tooltip.ts"
36277
- }
36278
- },
36279
- {
36280
- "kind": "field",
36281
- "name": "handleRegionMouseOver",
36282
- "privacy": "private",
36283
- "description": "mouse enters region",
36284
- "inheritedFrom": {
36285
- "name": "Tooltip",
36286
- "module": "src/tooltip/tooltip.ts"
36287
- }
36288
- },
36289
- {
36290
- "kind": "field",
36291
- "name": "handleRegionMouseOut",
36292
- "privacy": "private",
36293
- "description": "mouse leaves region",
36294
- "inheritedFrom": {
36295
- "name": "Tooltip",
36296
- "module": "src/tooltip/tooltip.ts"
36297
- }
36298
- },
36299
- {
36300
- "kind": "field",
36301
- "name": "handleAnchorMouseOver",
36302
- "privacy": "private",
36303
- "description": "mouse enters anchor",
36081
+ "privacy": "public",
36082
+ "description": "Sets the template of the element instance. When undefined,\nthe element will attempt to resolve the template from\nthe associated presentation or custom element definition.",
36304
36083
  "inheritedFrom": {
36305
- "name": "Tooltip",
36306
- "module": "src/tooltip/tooltip.ts"
36084
+ "name": "TreeItem",
36085
+ "module": "src/tree-item/tree-item.ts"
36307
36086
  }
36308
36087
  },
36309
36088
  {
36310
- "kind": "field",
36311
- "name": "handleAnchorMouseOut",
36312
- "privacy": "private",
36313
- "description": "mouse leaves anchor",
36089
+ "kind": "method",
36090
+ "name": "templateChanged",
36091
+ "privacy": "protected",
36092
+ "return": {
36093
+ "type": {
36094
+ "text": "void"
36095
+ }
36096
+ },
36314
36097
  "inheritedFrom": {
36315
- "name": "Tooltip",
36316
- "module": "src/tooltip/tooltip.ts"
36098
+ "name": "TreeItem",
36099
+ "module": "src/tree-item/tree-item.ts"
36317
36100
  }
36318
36101
  },
36319
36102
  {
36320
36103
  "kind": "field",
36321
- "name": "handleAnchorFocusIn",
36322
- "privacy": "private",
36323
- "description": "anchor gets focus",
36104
+ "name": "styles",
36105
+ "type": {
36106
+ "text": "ElementStyles | void | null"
36107
+ },
36108
+ "privacy": "public",
36109
+ "description": "Sets the default styles for the element instance. When undefined,\nthe element will attempt to resolve default styles from\nthe associated presentation or custom element definition.",
36324
36110
  "inheritedFrom": {
36325
- "name": "Tooltip",
36326
- "module": "src/tooltip/tooltip.ts"
36111
+ "name": "TreeItem",
36112
+ "module": "src/tree-item/tree-item.ts"
36327
36113
  }
36328
36114
  },
36329
36115
  {
36330
- "kind": "field",
36331
- "name": "handleAnchorFocusOut",
36332
- "privacy": "private",
36333
- "description": "anchor loses focus",
36116
+ "kind": "method",
36117
+ "name": "stylesChanged",
36118
+ "privacy": "protected",
36119
+ "return": {
36120
+ "type": {
36121
+ "text": "void"
36122
+ }
36123
+ },
36334
36124
  "inheritedFrom": {
36335
- "name": "Tooltip",
36336
- "module": "src/tooltip/tooltip.ts"
36125
+ "name": "TreeItem",
36126
+ "module": "src/tree-item/tree-item.ts"
36337
36127
  }
36338
36128
  },
36339
36129
  {
36340
- "kind": "field",
36341
- "name": "startHideDelayTimer",
36342
- "privacy": "private",
36343
- "description": "starts the hide timer",
36130
+ "kind": "method",
36131
+ "name": "compose",
36132
+ "privacy": "public",
36133
+ "static": true,
36134
+ "return": {
36135
+ "type": {
36136
+ "text": "(\n overrideDefinition?: OverrideFoundationElementDefinition<T>\n ) => FoundationElementRegistry<T, K>"
36137
+ }
36138
+ },
36139
+ "parameters": [
36140
+ {
36141
+ "name": "this",
36142
+ "type": {
36143
+ "text": "K"
36144
+ }
36145
+ },
36146
+ {
36147
+ "name": "elementDefinition",
36148
+ "type": {
36149
+ "text": "T"
36150
+ },
36151
+ "description": "The definition of the element to create the registry\nfunction for."
36152
+ }
36153
+ ],
36154
+ "description": "Defines an element registry function with a set of element definition defaults.",
36344
36155
  "inheritedFrom": {
36345
- "name": "Tooltip",
36346
- "module": "src/tooltip/tooltip.ts"
36156
+ "name": "TreeItem",
36157
+ "module": "src/tree-item/tree-item.ts"
36347
36158
  }
36348
- },
36159
+ }
36160
+ ],
36161
+ "events": [
36349
36162
  {
36350
- "kind": "field",
36351
- "name": "clearHideDelayTimer",
36352
- "privacy": "private",
36353
- "description": "clears the hide delay",
36163
+ "description": "Fires a custom 'expanded-change' event when the expanded state changes",
36164
+ "name": "expanded-change",
36354
36165
  "inheritedFrom": {
36355
- "name": "Tooltip",
36356
- "module": "src/tooltip/tooltip.ts"
36166
+ "name": "TreeItem",
36167
+ "module": "src/tree-item/tree-item.ts"
36357
36168
  }
36358
36169
  },
36359
36170
  {
36360
- "kind": "field",
36361
- "name": "startShowDelayTimer",
36362
- "privacy": "private",
36363
- "description": "starts the show timer if not currently running",
36171
+ "description": "Fires a custom 'selected-change' event when the selected state changes",
36172
+ "name": "selected-change",
36364
36173
  "inheritedFrom": {
36365
- "name": "Tooltip",
36366
- "module": "src/tooltip/tooltip.ts"
36367
- }
36368
- },
36369
- {
36370
- "kind": "field",
36371
- "name": "startHover",
36372
- "privacy": "private",
36373
- "description": "start hover",
36374
- "inheritedFrom": {
36375
- "name": "Tooltip",
36376
- "module": "src/tooltip/tooltip.ts"
36377
- }
36378
- },
36379
- {
36380
- "kind": "field",
36381
- "name": "clearShowDelayTimer",
36382
- "privacy": "private",
36383
- "description": "clears the show delay",
36384
- "inheritedFrom": {
36385
- "name": "Tooltip",
36386
- "module": "src/tooltip/tooltip.ts"
36387
- }
36388
- },
36389
- {
36390
- "kind": "method",
36391
- "name": "updateLayout",
36392
- "privacy": "private",
36393
- "return": {
36394
- "type": {
36395
- "text": "void"
36396
- }
36397
- },
36398
- "description": "updated the properties being passed to the anchored region",
36399
- "inheritedFrom": {
36400
- "name": "Tooltip",
36401
- "module": "src/tooltip/tooltip.ts"
36402
- }
36403
- },
36404
- {
36405
- "kind": "field",
36406
- "name": "getAnchor",
36407
- "privacy": "private",
36408
- "description": "Gets the anchor element by id",
36409
- "inheritedFrom": {
36410
- "name": "Tooltip",
36411
- "module": "src/tooltip/tooltip.ts"
36412
- }
36413
- },
36414
- {
36415
- "kind": "field",
36416
- "name": "handleDocumentKeydown",
36417
- "privacy": "private",
36418
- "description": "handles key down events to check for dismiss",
36419
- "inheritedFrom": {
36420
- "name": "Tooltip",
36421
- "module": "src/tooltip/tooltip.ts"
36422
- }
36423
- },
36424
- {
36425
- "kind": "field",
36426
- "name": "updateTooltipVisibility",
36427
- "privacy": "private",
36428
- "description": "determines whether to show or hide the tooltip based on current state",
36429
- "inheritedFrom": {
36430
- "name": "Tooltip",
36431
- "module": "src/tooltip/tooltip.ts"
36432
- }
36433
- },
36434
- {
36435
- "kind": "field",
36436
- "name": "showTooltip",
36437
- "privacy": "private",
36438
- "description": "shows the tooltip",
36439
- "inheritedFrom": {
36440
- "name": "Tooltip",
36441
- "module": "src/tooltip/tooltip.ts"
36442
- }
36443
- },
36444
- {
36445
- "kind": "field",
36446
- "name": "hideTooltip",
36447
- "privacy": "private",
36448
- "description": "hides the tooltip",
36449
- "inheritedFrom": {
36450
- "name": "Tooltip",
36451
- "module": "src/tooltip/tooltip.ts"
36452
- }
36453
- },
36454
- {
36455
- "kind": "field",
36456
- "name": "setRegionProps",
36457
- "privacy": "private",
36458
- "description": "updates the tooltip anchored region props after it has been\nadded to the DOM",
36459
- "inheritedFrom": {
36460
- "name": "Tooltip",
36461
- "module": "src/tooltip/tooltip.ts"
36462
- }
36463
- },
36464
- {
36465
- "kind": "field",
36466
- "name": "_presentation",
36467
- "type": {
36468
- "text": "ComponentPresentation | null | undefined"
36469
- },
36470
- "privacy": "private",
36471
- "default": "void 0",
36472
- "inheritedFrom": {
36473
- "name": "Tooltip",
36474
- "module": "src/tooltip/tooltip.ts"
36475
- }
36476
- },
36477
- {
36478
- "kind": "field",
36479
- "name": "$presentation",
36480
- "type": {
36481
- "text": "ComponentPresentation | null"
36482
- },
36483
- "privacy": "public",
36484
- "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
36485
- "inheritedFrom": {
36486
- "name": "Tooltip",
36487
- "module": "src/tooltip/tooltip.ts"
36488
- }
36489
- },
36490
- {
36491
- "kind": "field",
36492
- "name": "template",
36493
- "type": {
36494
- "text": "ElementViewTemplate | void | null"
36495
- },
36496
- "privacy": "public",
36497
- "description": "Sets the template of the element instance. When undefined,\nthe element will attempt to resolve the template from\nthe associated presentation or custom element definition.",
36498
- "inheritedFrom": {
36499
- "name": "Tooltip",
36500
- "module": "src/tooltip/tooltip.ts"
36501
- }
36502
- },
36503
- {
36504
- "kind": "method",
36505
- "name": "templateChanged",
36506
- "privacy": "protected",
36507
- "return": {
36508
- "type": {
36509
- "text": "void"
36510
- }
36511
- },
36512
- "inheritedFrom": {
36513
- "name": "Tooltip",
36514
- "module": "src/tooltip/tooltip.ts"
36515
- }
36516
- },
36517
- {
36518
- "kind": "field",
36519
- "name": "styles",
36520
- "type": {
36521
- "text": "ElementStyles | void | null"
36522
- },
36523
- "privacy": "public",
36524
- "description": "Sets the default styles for the element instance. When undefined,\nthe element will attempt to resolve default styles from\nthe associated presentation or custom element definition.",
36525
- "inheritedFrom": {
36526
- "name": "Tooltip",
36527
- "module": "src/tooltip/tooltip.ts"
36528
- }
36529
- },
36530
- {
36531
- "kind": "method",
36532
- "name": "stylesChanged",
36533
- "privacy": "protected",
36534
- "return": {
36535
- "type": {
36536
- "text": "void"
36537
- }
36538
- },
36539
- "inheritedFrom": {
36540
- "name": "Tooltip",
36541
- "module": "src/tooltip/tooltip.ts"
36542
- }
36543
- },
36544
- {
36545
- "kind": "method",
36546
- "name": "compose",
36547
- "privacy": "public",
36548
- "static": true,
36549
- "return": {
36550
- "type": {
36551
- "text": "(\n overrideDefinition?: OverrideFoundationElementDefinition<T>\n ) => FoundationElementRegistry<T, K>"
36552
- }
36553
- },
36554
- "parameters": [
36555
- {
36556
- "name": "this",
36557
- "type": {
36558
- "text": "K"
36559
- }
36560
- },
36561
- {
36562
- "name": "elementDefinition",
36563
- "type": {
36564
- "text": "T"
36565
- },
36566
- "description": "The definition of the element to create the registry\nfunction for."
36567
- }
36568
- ],
36569
- "description": "Defines an element registry function with a set of element definition defaults.",
36570
- "inheritedFrom": {
36571
- "name": "Tooltip",
36572
- "module": "src/tooltip/tooltip.ts"
36573
- }
36574
- }
36575
- ],
36576
- "events": [
36577
- {
36578
- "description": "Fires a custom 'dismiss' event when the tooltip is visible and escape key is pressed",
36579
- "name": "dismiss",
36580
- "inheritedFrom": {
36581
- "name": "Tooltip",
36582
- "module": "src/tooltip/tooltip.ts"
36174
+ "name": "TreeItem",
36175
+ "module": "src/tree-item/tree-item.ts"
36583
36176
  }
36584
36177
  }
36585
36178
  ]
36586
36179
  },
36587
36180
  {
36588
36181
  "kind": "variable",
36589
- "name": "zeroTooltip"
36182
+ "name": "zeroTreeItem"
36590
36183
  }
36591
36184
  ],
36592
36185
  "exports": [
36593
36186
  {
36594
36187
  "kind": "js",
36595
- "name": "Tooltip",
36188
+ "name": "TreeItem",
36596
36189
  "declaration": {
36597
- "name": "Tooltip",
36598
- "module": "src/tooltip/tooltip.ts"
36190
+ "name": "TreeItem",
36191
+ "module": "src/tree-item/tree-item.ts"
36599
36192
  }
36600
36193
  },
36601
36194
  {
36602
36195
  "kind": "js",
36603
- "name": "zeroTooltip",
36196
+ "name": "zeroTreeItem",
36604
36197
  "declaration": {
36605
- "name": "zeroTooltip",
36606
- "module": "src/tooltip/tooltip.ts"
36198
+ "name": "zeroTreeItem",
36199
+ "module": "src/tree-item/tree-item.ts"
36607
36200
  }
36608
36201
  }
36609
36202
  ]
36610
36203
  },
36611
36204
  {
36612
36205
  "kind": "javascript-module",
36613
- "path": "src/tree-item/index.ts",
36206
+ "path": "src/tooltip/index.ts",
36614
36207
  "declarations": [],
36615
36208
  "exports": [
36616
36209
  {
@@ -36618,7 +36211,7 @@
36618
36211
  "name": "*",
36619
36212
  "declaration": {
36620
36213
  "name": "*",
36621
- "package": "./tree-item.template"
36214
+ "package": "./tooltip"
36622
36215
  }
36623
36216
  },
36624
36217
  {
@@ -36626,7 +36219,7 @@
36626
36219
  "name": "*",
36627
36220
  "declaration": {
36628
36221
  "name": "*",
36629
- "package": "./tree-item.styles"
36222
+ "package": "./tooltip.styles"
36630
36223
  }
36631
36224
  },
36632
36225
  {
@@ -36634,30 +36227,70 @@
36634
36227
  "name": "*",
36635
36228
  "declaration": {
36636
36229
  "name": "*",
36637
- "package": "./tree-item"
36230
+ "package": "./tooltip.template"
36638
36231
  }
36639
36232
  }
36640
36233
  ]
36641
36234
  },
36642
36235
  {
36643
36236
  "kind": "javascript-module",
36644
- "path": "src/tree-item/tree-item.styles.ts",
36237
+ "path": "src/tooltip/tooltip.stories.ts",
36645
36238
  "declarations": [
36646
36239
  {
36647
- "kind": "function",
36648
- "name": "zeroTreeItemStyles",
36649
- "return": {
36650
- "type": {
36651
- "text": "ElementStyles"
36652
- }
36240
+ "kind": "variable",
36241
+ "name": "meta",
36242
+ "type": {
36243
+ "text": "Meta"
36653
36244
  },
36654
- "parameters": [
36655
- {
36656
- "name": "context",
36657
- "type": {
36658
- "text": "ElementDefinitionContext"
36659
- }
36660
- },
36245
+ "default": "{\n title: 'Tooltip',\n component: 'zero-tooltip',\n}"
36246
+ },
36247
+ {
36248
+ "kind": "variable",
36249
+ "name": "Primary",
36250
+ "type": {
36251
+ "text": "StoryObj"
36252
+ },
36253
+ "default": "{\n render: () => html`\n <zero-button id=\"zero-btn-tooltip-anchor\">Hover me</zero-button>\n <zero-tooltip anchor=\"zero-btn-tooltip-anchor\">oh hello there!</zero-tooltip>\n <zero-badge id=\"zero-badge-tooltip-anchor\">And me too!</zero-badge>\n <zero-tooltip anchor=\"zero-badge-tooltip-anchor\">again!</zero-tooltip>\n `,\n}"
36254
+ }
36255
+ ],
36256
+ "exports": [
36257
+ {
36258
+ "kind": "js",
36259
+ "name": "default",
36260
+ "declaration": {
36261
+ "name": "meta",
36262
+ "module": "src/tooltip/tooltip.stories.ts"
36263
+ }
36264
+ },
36265
+ {
36266
+ "kind": "js",
36267
+ "name": "Primary",
36268
+ "declaration": {
36269
+ "name": "Primary",
36270
+ "module": "src/tooltip/tooltip.stories.ts"
36271
+ }
36272
+ }
36273
+ ]
36274
+ },
36275
+ {
36276
+ "kind": "javascript-module",
36277
+ "path": "src/tooltip/tooltip.styles.ts",
36278
+ "declarations": [
36279
+ {
36280
+ "kind": "function",
36281
+ "name": "zeroTooltipStyles",
36282
+ "return": {
36283
+ "type": {
36284
+ "text": "ElementStyles"
36285
+ }
36286
+ },
36287
+ "parameters": [
36288
+ {
36289
+ "name": "context",
36290
+ "type": {
36291
+ "text": "ElementDefinitionContext"
36292
+ }
36293
+ },
36661
36294
  {
36662
36295
  "name": "definition",
36663
36296
  "type": {
@@ -36670,24 +36303,24 @@
36670
36303
  "exports": [
36671
36304
  {
36672
36305
  "kind": "js",
36673
- "name": "zeroTreeItemStyles",
36306
+ "name": "zeroTooltipStyles",
36674
36307
  "declaration": {
36675
- "name": "zeroTreeItemStyles",
36676
- "module": "src/tree-item/tree-item.styles.ts"
36308
+ "name": "zeroTooltipStyles",
36309
+ "module": "src/tooltip/tooltip.styles.ts"
36677
36310
  }
36678
36311
  }
36679
36312
  ]
36680
36313
  },
36681
36314
  {
36682
36315
  "kind": "javascript-module",
36683
- "path": "src/tree-item/tree-item.template.ts",
36316
+ "path": "src/tooltip/tooltip.template.ts",
36684
36317
  "declarations": [
36685
36318
  {
36686
36319
  "kind": "function",
36687
- "name": "zeroTreeItemTemplate",
36320
+ "name": "zeroTooltipTemplate",
36688
36321
  "return": {
36689
36322
  "type": {
36690
- "text": "ViewTemplate<TreeItem>"
36323
+ "text": "ViewTemplate<Tooltip>"
36691
36324
  }
36692
36325
  },
36693
36326
  "parameters": [
@@ -36709,167 +36342,542 @@
36709
36342
  "exports": [
36710
36343
  {
36711
36344
  "kind": "js",
36712
- "name": "zeroTreeItemTemplate",
36345
+ "name": "zeroTooltipTemplate",
36713
36346
  "declaration": {
36714
- "name": "zeroTreeItemTemplate",
36715
- "module": "src/tree-item/tree-item.template.ts"
36347
+ "name": "zeroTooltipTemplate",
36348
+ "module": "src/tooltip/tooltip.template.ts"
36716
36349
  }
36717
36350
  }
36718
36351
  ]
36719
36352
  },
36720
36353
  {
36721
36354
  "kind": "javascript-module",
36722
- "path": "src/tree-item/tree-item.ts",
36355
+ "path": "src/tooltip/tooltip.ts",
36723
36356
  "declarations": [
36724
36357
  {
36725
36358
  "kind": "class",
36726
36359
  "description": "",
36727
- "name": "TreeItem",
36360
+ "name": "Tooltip",
36728
36361
  "superclass": {
36729
- "name": "FoundationTreeItem",
36362
+ "name": "FoundationTooltip",
36730
36363
  "package": "@genesislcap/foundation-ui"
36731
36364
  },
36732
- "tagName": "%%prefix%%-tree-item",
36365
+ "tagName": "%%prefix%%-tooltip",
36733
36366
  "customElement": true,
36734
36367
  "attributes": [
36735
36368
  {
36736
36369
  "type": {
36737
36370
  "text": "boolean"
36738
36371
  },
36739
- "description": "When true, the control will be appear expanded by user interaction.",
36740
- "fieldName": "expanded",
36372
+ "description": "Whether the tooltip is visible or not.\nIf undefined tooltip is shown when anchor element is hovered",
36373
+ "fieldName": "visible",
36374
+ "inheritedFrom": {
36375
+ "name": "Tooltip",
36376
+ "module": "src/tooltip/tooltip.ts"
36377
+ }
36378
+ },
36379
+ {
36380
+ "name": "anchor",
36381
+ "type": {
36382
+ "text": "string"
36383
+ },
36384
+ "default": "\"\"",
36385
+ "description": "The id of the element the tooltip is anchored to",
36386
+ "fieldName": "anchor",
36387
+ "inheritedFrom": {
36388
+ "name": "Tooltip",
36389
+ "module": "src/tooltip/tooltip.ts"
36390
+ }
36391
+ },
36392
+ {
36393
+ "name": "delay",
36394
+ "type": {
36395
+ "text": "number"
36396
+ },
36397
+ "default": "300",
36398
+ "description": "The delay in milliseconds before a tooltip is shown after a hover event",
36399
+ "fieldName": "delay",
36400
+ "inheritedFrom": {
36401
+ "name": "Tooltip",
36402
+ "module": "src/tooltip/tooltip.ts"
36403
+ }
36404
+ },
36405
+ {
36406
+ "name": "position",
36407
+ "type": {
36408
+ "text": "TooltipPosition"
36409
+ },
36410
+ "description": "Controls the placement of the tooltip relative to the anchor.\nWhen the position is undefined the tooltip is placed above or below the anchor based on available space.",
36411
+ "fieldName": "position",
36412
+ "inheritedFrom": {
36413
+ "name": "Tooltip",
36414
+ "module": "src/tooltip/tooltip.ts"
36415
+ }
36416
+ },
36417
+ {
36418
+ "name": "auto-update-mode",
36419
+ "type": {
36420
+ "text": "AutoUpdateMode"
36421
+ },
36422
+ "default": "\"anchor\"",
36423
+ "description": "Controls when the tooltip updates its position, default is 'anchor' which only updates when\nthe anchor is resized. 'auto' will update on scroll/resize events.\nCorresponds to anchored-region auto-update-mode.",
36424
+ "fieldName": "autoUpdateMode",
36425
+ "inheritedFrom": {
36426
+ "name": "Tooltip",
36427
+ "module": "src/tooltip/tooltip.ts"
36428
+ }
36429
+ },
36430
+ {
36431
+ "name": "horizontal-viewport-lock",
36432
+ "type": {
36433
+ "text": "boolean"
36434
+ },
36435
+ "description": "Controls if the tooltip will always remain fully in the viewport on the horizontal axis",
36436
+ "fieldName": "horizontalViewportLock",
36437
+ "inheritedFrom": {
36438
+ "name": "Tooltip",
36439
+ "module": "src/tooltip/tooltip.ts"
36440
+ }
36441
+ },
36442
+ {
36443
+ "name": "vertical-viewport-lock",
36444
+ "type": {
36445
+ "text": "boolean"
36446
+ },
36447
+ "description": "Controls if the tooltip will always remain fully in the viewport on the vertical axis",
36448
+ "fieldName": "verticalViewportLock",
36449
+ "inheritedFrom": {
36450
+ "name": "Tooltip",
36451
+ "module": "src/tooltip/tooltip.ts"
36452
+ }
36453
+ }
36454
+ ],
36455
+ "members": [
36456
+ {
36457
+ "kind": "field",
36458
+ "name": "visible",
36459
+ "type": {
36460
+ "text": "boolean"
36461
+ },
36462
+ "privacy": "public",
36463
+ "description": "Whether the tooltip is visible or not.\nIf undefined tooltip is shown when anchor element is hovered",
36464
+ "inheritedFrom": {
36465
+ "name": "Tooltip",
36466
+ "module": "src/tooltip/tooltip.ts"
36467
+ }
36468
+ },
36469
+ {
36470
+ "kind": "method",
36471
+ "name": "visibleChanged",
36472
+ "privacy": "private",
36473
+ "return": {
36474
+ "type": {
36475
+ "text": "void"
36476
+ }
36477
+ },
36478
+ "inheritedFrom": {
36479
+ "name": "Tooltip",
36480
+ "module": "src/tooltip/tooltip.ts"
36481
+ }
36482
+ },
36483
+ {
36484
+ "kind": "field",
36485
+ "name": "anchor",
36486
+ "type": {
36487
+ "text": "string"
36488
+ },
36489
+ "privacy": "public",
36490
+ "default": "\"\"",
36491
+ "description": "The id of the element the tooltip is anchored to",
36492
+ "inheritedFrom": {
36493
+ "name": "Tooltip",
36494
+ "module": "src/tooltip/tooltip.ts"
36495
+ }
36496
+ },
36497
+ {
36498
+ "kind": "method",
36499
+ "name": "anchorChanged",
36500
+ "privacy": "private",
36501
+ "return": {
36502
+ "type": {
36503
+ "text": "void"
36504
+ }
36505
+ },
36506
+ "inheritedFrom": {
36507
+ "name": "Tooltip",
36508
+ "module": "src/tooltip/tooltip.ts"
36509
+ }
36510
+ },
36511
+ {
36512
+ "kind": "field",
36513
+ "name": "delay",
36514
+ "type": {
36515
+ "text": "number"
36516
+ },
36517
+ "privacy": "public",
36518
+ "default": "300",
36519
+ "description": "The delay in milliseconds before a tooltip is shown after a hover event",
36520
+ "inheritedFrom": {
36521
+ "name": "Tooltip",
36522
+ "module": "src/tooltip/tooltip.ts"
36523
+ }
36524
+ },
36525
+ {
36526
+ "kind": "field",
36527
+ "name": "position",
36528
+ "type": {
36529
+ "text": "TooltipPosition"
36530
+ },
36531
+ "privacy": "public",
36532
+ "description": "Controls the placement of the tooltip relative to the anchor.\nWhen the position is undefined the tooltip is placed above or below the anchor based on available space.",
36533
+ "inheritedFrom": {
36534
+ "name": "Tooltip",
36535
+ "module": "src/tooltip/tooltip.ts"
36536
+ }
36537
+ },
36538
+ {
36539
+ "kind": "method",
36540
+ "name": "positionChanged",
36541
+ "privacy": "private",
36542
+ "return": {
36543
+ "type": {
36544
+ "text": "void"
36545
+ }
36546
+ },
36547
+ "inheritedFrom": {
36548
+ "name": "Tooltip",
36549
+ "module": "src/tooltip/tooltip.ts"
36550
+ }
36551
+ },
36552
+ {
36553
+ "kind": "field",
36554
+ "name": "autoUpdateMode",
36555
+ "type": {
36556
+ "text": "AutoUpdateMode"
36557
+ },
36558
+ "privacy": "public",
36559
+ "default": "\"anchor\"",
36560
+ "description": "Controls when the tooltip updates its position, default is 'anchor' which only updates when\nthe anchor is resized. 'auto' will update on scroll/resize events.\nCorresponds to anchored-region auto-update-mode.",
36561
+ "inheritedFrom": {
36562
+ "name": "Tooltip",
36563
+ "module": "src/tooltip/tooltip.ts"
36564
+ }
36565
+ },
36566
+ {
36567
+ "kind": "field",
36568
+ "name": "horizontalViewportLock",
36569
+ "type": {
36570
+ "text": "boolean"
36571
+ },
36572
+ "privacy": "public",
36573
+ "description": "Controls if the tooltip will always remain fully in the viewport on the horizontal axis",
36574
+ "inheritedFrom": {
36575
+ "name": "Tooltip",
36576
+ "module": "src/tooltip/tooltip.ts"
36577
+ }
36578
+ },
36579
+ {
36580
+ "kind": "field",
36581
+ "name": "verticalViewportLock",
36582
+ "type": {
36583
+ "text": "boolean"
36584
+ },
36585
+ "privacy": "public",
36586
+ "description": "Controls if the tooltip will always remain fully in the viewport on the vertical axis",
36587
+ "inheritedFrom": {
36588
+ "name": "Tooltip",
36589
+ "module": "src/tooltip/tooltip.ts"
36590
+ }
36591
+ },
36592
+ {
36593
+ "kind": "field",
36594
+ "name": "anchorElement",
36595
+ "type": {
36596
+ "text": "HTMLElement | null"
36597
+ },
36598
+ "privacy": "public",
36599
+ "default": "null",
36600
+ "description": "the html element currently being used as anchor.\nSetting this directly overrides the anchor attribute.",
36601
+ "inheritedFrom": {
36602
+ "name": "Tooltip",
36603
+ "module": "src/tooltip/tooltip.ts"
36604
+ }
36605
+ },
36606
+ {
36607
+ "kind": "method",
36608
+ "name": "anchorElementChanged",
36609
+ "privacy": "private",
36610
+ "return": {
36611
+ "type": {
36612
+ "text": "void"
36613
+ }
36614
+ },
36615
+ "parameters": [
36616
+ {
36617
+ "name": "oldValue",
36618
+ "type": {
36619
+ "text": "HTMLElement | null"
36620
+ }
36621
+ }
36622
+ ],
36623
+ "inheritedFrom": {
36624
+ "name": "Tooltip",
36625
+ "module": "src/tooltip/tooltip.ts"
36626
+ }
36627
+ },
36628
+ {
36629
+ "kind": "method",
36630
+ "name": "viewportElementChanged",
36631
+ "privacy": "private",
36632
+ "return": {
36633
+ "type": {
36634
+ "text": "void"
36635
+ }
36636
+ },
36637
+ "inheritedFrom": {
36638
+ "name": "Tooltip",
36639
+ "module": "src/tooltip/tooltip.ts"
36640
+ }
36641
+ },
36642
+ {
36643
+ "kind": "field",
36644
+ "name": "showDelayTimer",
36645
+ "type": {
36646
+ "text": "number | null"
36647
+ },
36648
+ "privacy": "private",
36649
+ "default": "null",
36650
+ "description": "The timer that tracks delay time before the tooltip is shown on hover",
36651
+ "inheritedFrom": {
36652
+ "name": "Tooltip",
36653
+ "module": "src/tooltip/tooltip.ts"
36654
+ }
36655
+ },
36656
+ {
36657
+ "kind": "field",
36658
+ "name": "hideDelayTimer",
36659
+ "type": {
36660
+ "text": "number | null"
36661
+ },
36662
+ "privacy": "private",
36663
+ "default": "null",
36664
+ "description": "The timer that tracks delay time before the tooltip is hidden",
36665
+ "inheritedFrom": {
36666
+ "name": "Tooltip",
36667
+ "module": "src/tooltip/tooltip.ts"
36668
+ }
36669
+ },
36670
+ {
36671
+ "kind": "field",
36672
+ "name": "isAnchorHoveredFocused",
36673
+ "type": {
36674
+ "text": "boolean"
36675
+ },
36676
+ "privacy": "private",
36741
36677
  "default": "false",
36678
+ "description": "Indicates whether the anchor is currently being hovered or has focus",
36742
36679
  "inheritedFrom": {
36743
- "name": "TreeItem",
36744
- "module": "src/tree-item/tree-item.ts"
36680
+ "name": "Tooltip",
36681
+ "module": "src/tooltip/tooltip.ts"
36682
+ }
36683
+ },
36684
+ {
36685
+ "kind": "field",
36686
+ "name": "isRegionHovered",
36687
+ "type": {
36688
+ "text": "boolean"
36689
+ },
36690
+ "privacy": "private",
36691
+ "default": "false",
36692
+ "description": "Indicates whether the region is currently being hovered",
36693
+ "inheritedFrom": {
36694
+ "name": "Tooltip",
36695
+ "module": "src/tooltip/tooltip.ts"
36696
+ }
36697
+ },
36698
+ {
36699
+ "kind": "field",
36700
+ "name": "handleRegionMouseOver",
36701
+ "privacy": "private",
36702
+ "description": "mouse enters region",
36703
+ "inheritedFrom": {
36704
+ "name": "Tooltip",
36705
+ "module": "src/tooltip/tooltip.ts"
36706
+ }
36707
+ },
36708
+ {
36709
+ "kind": "field",
36710
+ "name": "handleRegionMouseOut",
36711
+ "privacy": "private",
36712
+ "description": "mouse leaves region",
36713
+ "inheritedFrom": {
36714
+ "name": "Tooltip",
36715
+ "module": "src/tooltip/tooltip.ts"
36716
+ }
36717
+ },
36718
+ {
36719
+ "kind": "field",
36720
+ "name": "handleAnchorMouseOver",
36721
+ "privacy": "private",
36722
+ "description": "mouse enters anchor",
36723
+ "inheritedFrom": {
36724
+ "name": "Tooltip",
36725
+ "module": "src/tooltip/tooltip.ts"
36726
+ }
36727
+ },
36728
+ {
36729
+ "kind": "field",
36730
+ "name": "handleAnchorMouseOut",
36731
+ "privacy": "private",
36732
+ "description": "mouse leaves anchor",
36733
+ "inheritedFrom": {
36734
+ "name": "Tooltip",
36735
+ "module": "src/tooltip/tooltip.ts"
36736
+ }
36737
+ },
36738
+ {
36739
+ "kind": "field",
36740
+ "name": "handleAnchorFocusIn",
36741
+ "privacy": "private",
36742
+ "description": "anchor gets focus",
36743
+ "inheritedFrom": {
36744
+ "name": "Tooltip",
36745
+ "module": "src/tooltip/tooltip.ts"
36746
+ }
36747
+ },
36748
+ {
36749
+ "kind": "field",
36750
+ "name": "handleAnchorFocusOut",
36751
+ "privacy": "private",
36752
+ "description": "anchor loses focus",
36753
+ "inheritedFrom": {
36754
+ "name": "Tooltip",
36755
+ "module": "src/tooltip/tooltip.ts"
36756
+ }
36757
+ },
36758
+ {
36759
+ "kind": "field",
36760
+ "name": "startHideDelayTimer",
36761
+ "privacy": "private",
36762
+ "description": "starts the hide timer",
36763
+ "inheritedFrom": {
36764
+ "name": "Tooltip",
36765
+ "module": "src/tooltip/tooltip.ts"
36766
+ }
36767
+ },
36768
+ {
36769
+ "kind": "field",
36770
+ "name": "clearHideDelayTimer",
36771
+ "privacy": "private",
36772
+ "description": "clears the hide delay",
36773
+ "inheritedFrom": {
36774
+ "name": "Tooltip",
36775
+ "module": "src/tooltip/tooltip.ts"
36776
+ }
36777
+ },
36778
+ {
36779
+ "kind": "field",
36780
+ "name": "startShowDelayTimer",
36781
+ "privacy": "private",
36782
+ "description": "starts the show timer if not currently running",
36783
+ "inheritedFrom": {
36784
+ "name": "Tooltip",
36785
+ "module": "src/tooltip/tooltip.ts"
36786
+ }
36787
+ },
36788
+ {
36789
+ "kind": "field",
36790
+ "name": "startHover",
36791
+ "privacy": "private",
36792
+ "description": "start hover",
36793
+ "inheritedFrom": {
36794
+ "name": "Tooltip",
36795
+ "module": "src/tooltip/tooltip.ts"
36745
36796
  }
36746
- }
36747
- ],
36748
- "members": [
36797
+ },
36749
36798
  {
36750
36799
  "kind": "field",
36751
- "name": "expanded",
36752
- "type": {
36753
- "text": "boolean"
36754
- },
36755
- "privacy": "public",
36756
- "default": "false",
36757
- "description": "When true, the control will be appear expanded by user interaction.",
36800
+ "name": "clearShowDelayTimer",
36801
+ "privacy": "private",
36802
+ "description": "clears the show delay",
36758
36803
  "inheritedFrom": {
36759
- "name": "TreeItem",
36760
- "module": "src/tree-item/tree-item.ts"
36804
+ "name": "Tooltip",
36805
+ "module": "src/tooltip/tooltip.ts"
36761
36806
  }
36762
36807
  },
36763
36808
  {
36764
36809
  "kind": "method",
36765
- "name": "expandedChanged",
36810
+ "name": "updateLayout",
36766
36811
  "privacy": "private",
36767
36812
  "return": {
36768
36813
  "type": {
36769
36814
  "text": "void"
36770
36815
  }
36771
36816
  },
36817
+ "description": "updated the properties being passed to the anchored region",
36772
36818
  "inheritedFrom": {
36773
- "name": "TreeItem",
36774
- "module": "src/tree-item/tree-item.ts"
36819
+ "name": "Tooltip",
36820
+ "module": "src/tooltip/tooltip.ts"
36775
36821
  }
36776
36822
  },
36777
36823
  {
36778
36824
  "kind": "field",
36779
- "name": "selected",
36780
- "type": {
36781
- "text": "boolean"
36782
- },
36783
- "privacy": "public",
36784
- "description": "When true, the control will appear selected by user interaction.",
36825
+ "name": "getAnchor",
36826
+ "privacy": "private",
36827
+ "description": "Gets the anchor element by id",
36785
36828
  "inheritedFrom": {
36786
- "name": "TreeItem",
36787
- "module": "src/tree-item/tree-item.ts"
36829
+ "name": "Tooltip",
36830
+ "module": "src/tooltip/tooltip.ts"
36788
36831
  }
36789
36832
  },
36790
36833
  {
36791
- "kind": "method",
36792
- "name": "selectedChanged",
36834
+ "kind": "field",
36835
+ "name": "handleDocumentKeydown",
36793
36836
  "privacy": "private",
36794
- "return": {
36795
- "type": {
36796
- "text": "void"
36797
- }
36798
- },
36837
+ "description": "handles key down events to check for dismiss",
36799
36838
  "inheritedFrom": {
36800
- "name": "TreeItem",
36801
- "module": "src/tree-item/tree-item.ts"
36839
+ "name": "Tooltip",
36840
+ "module": "src/tooltip/tooltip.ts"
36802
36841
  }
36803
36842
  },
36804
36843
  {
36805
36844
  "kind": "field",
36806
- "name": "disabled",
36807
- "type": {
36808
- "text": "boolean"
36809
- },
36810
- "privacy": "public",
36811
- "description": "When true, the control will be immutable by user interaction. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled | disabled HTML attribute} for more information.",
36845
+ "name": "updateTooltipVisibility",
36846
+ "privacy": "private",
36847
+ "description": "determines whether to show or hide the tooltip based on current state",
36812
36848
  "inheritedFrom": {
36813
- "name": "TreeItem",
36814
- "module": "src/tree-item/tree-item.ts"
36849
+ "name": "Tooltip",
36850
+ "module": "src/tooltip/tooltip.ts"
36815
36851
  }
36816
36852
  },
36817
36853
  {
36818
- "kind": "method",
36819
- "name": "itemsChanged",
36854
+ "kind": "field",
36855
+ "name": "showTooltip",
36820
36856
  "privacy": "private",
36821
- "return": {
36822
- "type": {
36823
- "text": "void"
36824
- }
36825
- },
36826
- "parameters": [
36827
- {
36828
- "name": "oldValue",
36829
- "type": {
36830
- "text": "unknown"
36831
- }
36832
- },
36833
- {
36834
- "name": "newValue",
36835
- "type": {
36836
- "text": "HTMLElement[]"
36837
- }
36838
- }
36839
- ],
36857
+ "description": "shows the tooltip",
36840
36858
  "inheritedFrom": {
36841
- "name": "TreeItem",
36842
- "module": "src/tree-item/tree-item.ts"
36859
+ "name": "Tooltip",
36860
+ "module": "src/tooltip/tooltip.ts"
36843
36861
  }
36844
36862
  },
36845
36863
  {
36846
- "kind": "method",
36847
- "name": "focusItem",
36848
- "privacy": "public",
36849
- "static": true,
36850
- "parameters": [
36851
- {
36852
- "name": "el",
36853
- "type": {
36854
- "text": "HTMLElement"
36855
- },
36856
- "description": "the element to focus"
36857
- }
36858
- ],
36859
- "description": "Places document focus on a tree item",
36864
+ "kind": "field",
36865
+ "name": "hideTooltip",
36866
+ "privacy": "private",
36867
+ "description": "hides the tooltip",
36860
36868
  "inheritedFrom": {
36861
- "name": "TreeItem",
36862
- "module": "src/tree-item/tree-item.ts"
36869
+ "name": "Tooltip",
36870
+ "module": "src/tooltip/tooltip.ts"
36863
36871
  }
36864
36872
  },
36865
36873
  {
36866
36874
  "kind": "field",
36867
- "name": "isNestedItem",
36868
- "privacy": "public",
36869
- "description": "Whether the tree is nested",
36875
+ "name": "setRegionProps",
36876
+ "privacy": "private",
36877
+ "description": "updates the tooltip anchored region props after it has been\nadded to the DOM",
36870
36878
  "inheritedFrom": {
36871
- "name": "TreeItem",
36872
- "module": "src/tree-item/tree-item.ts"
36879
+ "name": "Tooltip",
36880
+ "module": "src/tooltip/tooltip.ts"
36873
36881
  }
36874
36882
  },
36875
36883
  {
@@ -36881,8 +36889,8 @@
36881
36889
  "privacy": "private",
36882
36890
  "default": "void 0",
36883
36891
  "inheritedFrom": {
36884
- "name": "TreeItem",
36885
- "module": "src/tree-item/tree-item.ts"
36892
+ "name": "Tooltip",
36893
+ "module": "src/tooltip/tooltip.ts"
36886
36894
  }
36887
36895
  },
36888
36896
  {
@@ -36894,8 +36902,8 @@
36894
36902
  "privacy": "public",
36895
36903
  "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
36896
36904
  "inheritedFrom": {
36897
- "name": "TreeItem",
36898
- "module": "src/tree-item/tree-item.ts"
36905
+ "name": "Tooltip",
36906
+ "module": "src/tooltip/tooltip.ts"
36899
36907
  }
36900
36908
  },
36901
36909
  {
@@ -36907,8 +36915,8 @@
36907
36915
  "privacy": "public",
36908
36916
  "description": "Sets the template of the element instance. When undefined,\nthe element will attempt to resolve the template from\nthe associated presentation or custom element definition.",
36909
36917
  "inheritedFrom": {
36910
- "name": "TreeItem",
36911
- "module": "src/tree-item/tree-item.ts"
36918
+ "name": "Tooltip",
36919
+ "module": "src/tooltip/tooltip.ts"
36912
36920
  }
36913
36921
  },
36914
36922
  {
@@ -36921,8 +36929,8 @@
36921
36929
  }
36922
36930
  },
36923
36931
  "inheritedFrom": {
36924
- "name": "TreeItem",
36925
- "module": "src/tree-item/tree-item.ts"
36932
+ "name": "Tooltip",
36933
+ "module": "src/tooltip/tooltip.ts"
36926
36934
  }
36927
36935
  },
36928
36936
  {
@@ -36934,8 +36942,8 @@
36934
36942
  "privacy": "public",
36935
36943
  "description": "Sets the default styles for the element instance. When undefined,\nthe element will attempt to resolve default styles from\nthe associated presentation or custom element definition.",
36936
36944
  "inheritedFrom": {
36937
- "name": "TreeItem",
36938
- "module": "src/tree-item/tree-item.ts"
36945
+ "name": "Tooltip",
36946
+ "module": "src/tooltip/tooltip.ts"
36939
36947
  }
36940
36948
  },
36941
36949
  {
@@ -36948,8 +36956,8 @@
36948
36956
  }
36949
36957
  },
36950
36958
  "inheritedFrom": {
36951
- "name": "TreeItem",
36952
- "module": "src/tree-item/tree-item.ts"
36959
+ "name": "Tooltip",
36960
+ "module": "src/tooltip/tooltip.ts"
36953
36961
  }
36954
36962
  },
36955
36963
  {
@@ -36979,50 +36987,42 @@
36979
36987
  ],
36980
36988
  "description": "Defines an element registry function with a set of element definition defaults.",
36981
36989
  "inheritedFrom": {
36982
- "name": "TreeItem",
36983
- "module": "src/tree-item/tree-item.ts"
36990
+ "name": "Tooltip",
36991
+ "module": "src/tooltip/tooltip.ts"
36984
36992
  }
36985
36993
  }
36986
36994
  ],
36987
36995
  "events": [
36988
36996
  {
36989
- "description": "Fires a custom 'expanded-change' event when the expanded state changes",
36990
- "name": "expanded-change",
36991
- "inheritedFrom": {
36992
- "name": "TreeItem",
36993
- "module": "src/tree-item/tree-item.ts"
36994
- }
36995
- },
36996
- {
36997
- "description": "Fires a custom 'selected-change' event when the selected state changes",
36998
- "name": "selected-change",
36997
+ "description": "Fires a custom 'dismiss' event when the tooltip is visible and escape key is pressed",
36998
+ "name": "dismiss",
36999
36999
  "inheritedFrom": {
37000
- "name": "TreeItem",
37001
- "module": "src/tree-item/tree-item.ts"
37000
+ "name": "Tooltip",
37001
+ "module": "src/tooltip/tooltip.ts"
37002
37002
  }
37003
37003
  }
37004
37004
  ]
37005
37005
  },
37006
37006
  {
37007
37007
  "kind": "variable",
37008
- "name": "zeroTreeItem"
37008
+ "name": "zeroTooltip"
37009
37009
  }
37010
37010
  ],
37011
37011
  "exports": [
37012
37012
  {
37013
37013
  "kind": "js",
37014
- "name": "TreeItem",
37014
+ "name": "Tooltip",
37015
37015
  "declaration": {
37016
- "name": "TreeItem",
37017
- "module": "src/tree-item/tree-item.ts"
37016
+ "name": "Tooltip",
37017
+ "module": "src/tooltip/tooltip.ts"
37018
37018
  }
37019
37019
  },
37020
37020
  {
37021
37021
  "kind": "js",
37022
- "name": "zeroTreeItem",
37022
+ "name": "zeroTooltip",
37023
37023
  "declaration": {
37024
- "name": "zeroTreeItem",
37025
- "module": "src/tree-item/tree-item.ts"
37024
+ "name": "zeroTooltip",
37025
+ "module": "src/tooltip/tooltip.ts"
37026
37026
  }
37027
37027
  }
37028
37028
  ]
@@ -39634,41 +39634,6 @@
39634
39634
  }
39635
39635
  ]
39636
39636
  },
39637
- {
39638
- "kind": "javascript-module",
39639
- "path": "src/listbox-option/style/colors.ts",
39640
- "declarations": [
39641
- {
39642
- "kind": "variable",
39643
- "name": "defaultSelectedListboxFillColor"
39644
- }
39645
- ],
39646
- "exports": [
39647
- {
39648
- "kind": "js",
39649
- "name": "defaultSelectedListboxFillColor",
39650
- "declaration": {
39651
- "name": "defaultSelectedListboxFillColor",
39652
- "module": "src/listbox-option/style/colors.ts"
39653
- }
39654
- }
39655
- ]
39656
- },
39657
- {
39658
- "kind": "javascript-module",
39659
- "path": "src/listbox-option/style/index.ts",
39660
- "declarations": [],
39661
- "exports": [
39662
- {
39663
- "kind": "js",
39664
- "name": "*",
39665
- "declaration": {
39666
- "name": "*",
39667
- "package": "./colors"
39668
- }
39669
- }
39670
- ]
39671
- },
39672
39637
  {
39673
39638
  "kind": "javascript-module",
39674
39639
  "path": "src/overlays/system-health/index.ts",
@@ -40227,6 +40192,41 @@
40227
40192
  }
40228
40193
  ]
40229
40194
  },
40195
+ {
40196
+ "kind": "javascript-module",
40197
+ "path": "src/listbox-option/style/colors.ts",
40198
+ "declarations": [
40199
+ {
40200
+ "kind": "variable",
40201
+ "name": "defaultSelectedListboxFillColor"
40202
+ }
40203
+ ],
40204
+ "exports": [
40205
+ {
40206
+ "kind": "js",
40207
+ "name": "defaultSelectedListboxFillColor",
40208
+ "declaration": {
40209
+ "name": "defaultSelectedListboxFillColor",
40210
+ "module": "src/listbox-option/style/colors.ts"
40211
+ }
40212
+ }
40213
+ ]
40214
+ },
40215
+ {
40216
+ "kind": "javascript-module",
40217
+ "path": "src/listbox-option/style/index.ts",
40218
+ "declarations": [],
40219
+ "exports": [
40220
+ {
40221
+ "kind": "js",
40222
+ "name": "*",
40223
+ "declaration": {
40224
+ "name": "*",
40225
+ "package": "./colors"
40226
+ }
40227
+ }
40228
+ ]
40229
+ },
40230
40230
  {
40231
40231
  "kind": "javascript-module",
40232
40232
  "path": "src/_config/styles/external/roboto-font/index.ts",