@genesislcap/foundation-zero 14.208.1 → 14.208.2

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