@genesislcap/foundation-zero 14.252.1-alpha-ea46342.0 → 14.252.1-alpha-37ebbf6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -12,7 +12,7 @@
12
12
  "type": {
13
13
  "text": "object"
14
14
  },
15
- "default": "{\n zeroAccordion,\n zeroAccordionItem,\n zeroActionsMenu,\n zeroAnchor,\n zeroAnchoredRegion,\n zeroAvatar,\n zeroBadge,\n zeroBanner,\n zeroBreadcrumb,\n zeroBreadcrumbItem,\n zeroButton,\n zeroCalendar,\n zeroCard,\n zeroCategorizedMultiselect,\n zeroCheckbox,\n zeroCombobox,\n zeroConnectionIndicator,\n zeroDataGrid,\n zeroDatePicker,\n zeroDesignSystemProvider,\n zeroDialog,\n zeroDisclosure,\n zeroDivider,\n zeroDraggableModal,\n zeroDropdownMenu,\n zeroErrorBanner,\n zeroErrorBoundary,\n zeroErrorDialog,\n zeroFileUpload,\n zeroFilter,\n zeroFilterBar,\n zeroFlexLayout,\n zeroFlipper,\n zeroFlyout,\n zeroGridLayout,\n zeroGridLayoutItem,\n zeroHorizontalScroll,\n zeroIcon,\n zeroListbox,\n zeroListboxOption,\n zeroMenu,\n zeroMenuItem,\n zeroModal,\n zeroMultiselect,\n zeroNotificationListener,\n zeroNumberField,\n zeroProgress,\n zeroProgressRing,\n zeroRadio,\n zeroRadioGroup,\n zeroSearchBar,\n zeroSearchBarCombobox,\n zeroSegmentedControl,\n zeroSegmentedItem,\n zeroSelect,\n zeroSkeleton,\n zeroSlider,\n zeroSliderLabel,\n zeroSnackbar,\n zeroStackingIcons,\n zeroStepper,\n zeroStepperTab,\n zeroStepperTabPanel,\n zeroSwitch,\n zeroSystemHealthOverlay,\n zeroTab,\n zeroTabPanel,\n zeroTabs,\n zeroTextArea,\n zeroTextField,\n zeroToast,\n zeroToolbar,\n zeroTooltip,\n zeroTreeItem,\n zeroTreeView,\n zeroUrlInput,\n register(container?: Container, ...rest: any[]) {\n if (!container) {\n // preserve backward compatibility with code that loops through\n // the values of this object and calls them as funcs with no args\n return;\n }\n\n for (const key in this) {\n if (key === 'register') {\n continue;\n }\n\n this[key]().register(container, ...rest);\n }\n },\n}"
15
+ "default": "{\n zeroAccordion,\n zeroAccordionItem,\n zeroActionsMenu,\n zeroAnchor,\n zeroAnchoredRegion,\n zeroAvatar,\n zeroBadge,\n zeroBanner,\n zeroBreadcrumb,\n zeroBreadcrumbItem,\n zeroButton,\n zeroCalendar,\n zeroCard,\n zeroCategorizedMultiselect,\n zeroCheckbox,\n zeroCombobox,\n zeroConnectionIndicator,\n zeroDataGrid,\n zeroDatePicker,\n zeroDesignSystemProvider,\n zeroDialog,\n zeroDisclosure,\n zeroDivider,\n zeroDropdownMenu,\n zeroErrorBanner,\n zeroErrorBoundary,\n zeroErrorDialog,\n zeroFileUpload,\n zeroFilter,\n zeroFilterBar,\n zeroFlexLayout,\n zeroFlipper,\n zeroFlyout,\n zeroGridLayout,\n zeroGridLayoutItem,\n zeroHorizontalScroll,\n zeroIcon,\n zeroListbox,\n zeroListboxOption,\n zeroMenu,\n zeroMenuItem,\n zeroModal,\n zeroMultiselect,\n zeroNotificationListener,\n zeroNumberField,\n zeroProgress,\n zeroProgressRing,\n zeroRadio,\n zeroRadioGroup,\n zeroSearchBar,\n zeroSearchBarCombobox,\n zeroSegmentedControl,\n zeroSegmentedItem,\n zeroSelect,\n zeroSkeleton,\n zeroSlider,\n zeroSliderLabel,\n zeroSnackbar,\n zeroStackingIcons,\n zeroStepper,\n zeroStepperTab,\n zeroStepperTabPanel,\n zeroSwitch,\n zeroSystemHealthOverlay,\n zeroTab,\n zeroTabPanel,\n zeroTabs,\n zeroTextArea,\n zeroTextField,\n zeroToast,\n zeroToolbar,\n zeroTooltip,\n zeroTreeItem,\n zeroTreeView,\n zeroUrlInput,\n register(container?: Container, ...rest: any[]) {\n if (!container) {\n // preserve backward compatibility with code that loops through\n // the values of this object and calls them as funcs with no args\n return;\n }\n\n for (const key in this) {\n if (key === 'register') {\n continue;\n }\n\n this[key]().register(container, ...rest);\n }\n },\n}"
16
16
  }
17
17
  ],
18
18
  "exports": [
@@ -252,14 +252,6 @@
252
252
  "package": "./divider"
253
253
  }
254
254
  },
255
- {
256
- "kind": "js",
257
- "name": "*",
258
- "declaration": {
259
- "name": "*",
260
- "package": "./draggable-modal"
261
- }
262
- },
263
255
  {
264
256
  "kind": "js",
265
257
  "name": "*",
@@ -11303,6 +11295,28 @@
11303
11295
  "module": "src/dialog/dialog.ts"
11304
11296
  }
11305
11297
  },
11298
+ {
11299
+ "kind": "field",
11300
+ "name": "topElement",
11301
+ "type": {
11302
+ "text": "HTMLElement"
11303
+ },
11304
+ "inheritedFrom": {
11305
+ "name": "DialogElement",
11306
+ "module": "src/dialog/dialog.ts"
11307
+ }
11308
+ },
11309
+ {
11310
+ "kind": "field",
11311
+ "name": "topElementSlot",
11312
+ "type": {
11313
+ "text": "HTMLSlotElement"
11314
+ },
11315
+ "inheritedFrom": {
11316
+ "name": "DialogElement",
11317
+ "module": "src/dialog/dialog.ts"
11318
+ }
11319
+ },
11306
11320
  {
11307
11321
  "kind": "field",
11308
11322
  "name": "notification",
@@ -11927,252 +11941,223 @@
11927
11941
  },
11928
11942
  {
11929
11943
  "kind": "javascript-module",
11930
- "path": "src/draggable-modal/draggable-modal.styles.ts",
11944
+ "path": "src/dropdown-menu/dropdown-menu.styles.ts",
11931
11945
  "declarations": [
11932
11946
  {
11933
- "kind": "variable",
11934
- "name": "zeroDraggableModalStyles",
11935
- "default": "css`\n ${zeroModalStyles}\n\n dialog .top {\n cursor: move;\n }\n`"
11947
+ "kind": "function",
11948
+ "name": "zeroDropdownMenuStyles",
11949
+ "return": {
11950
+ "type": {
11951
+ "text": "ElementStyles"
11952
+ }
11953
+ },
11954
+ "parameters": [
11955
+ {
11956
+ "name": "context",
11957
+ "type": {
11958
+ "text": "ElementDefinitionContext"
11959
+ }
11960
+ },
11961
+ {
11962
+ "name": "definition",
11963
+ "type": {
11964
+ "text": "FoundationElementDefinition"
11965
+ }
11966
+ }
11967
+ ]
11936
11968
  }
11937
11969
  ],
11938
11970
  "exports": [
11939
11971
  {
11940
11972
  "kind": "js",
11941
- "name": "zeroDraggableModalStyles",
11973
+ "name": "zeroDropdownMenuStyles",
11942
11974
  "declaration": {
11943
- "name": "zeroDraggableModalStyles",
11944
- "module": "src/draggable-modal/draggable-modal.styles.ts"
11975
+ "name": "zeroDropdownMenuStyles",
11976
+ "module": "src/dropdown-menu/dropdown-menu.styles.ts"
11945
11977
  }
11946
11978
  }
11947
11979
  ]
11948
11980
  },
11949
11981
  {
11950
11982
  "kind": "javascript-module",
11951
- "path": "src/draggable-modal/draggable-modal.ts",
11983
+ "path": "src/dropdown-menu/dropdown-menu.ts",
11952
11984
  "declarations": [
11953
- {
11954
- "kind": "variable",
11955
- "name": "defaultDraggableModalConfig",
11956
- "default": "foundationConfig"
11957
- },
11958
- {
11959
- "kind": "variable",
11960
- "name": "zeroDraggableModalTemplate",
11961
- "default": "foundationDraggableModalTemplate"
11962
- },
11963
- {
11964
- "kind": "variable",
11965
- "name": "zeroDraggableModalShadowOptions",
11966
- "default": "foundationDraggableModalShadowOptions"
11967
- },
11968
11985
  {
11969
11986
  "kind": "class",
11970
11987
  "description": "",
11971
- "name": "DraggableModal",
11988
+ "name": "DropdownMenu",
11972
11989
  "superclass": {
11973
- "name": "FoundationDraggableModal",
11990
+ "name": "FoundationDropdownMenu",
11974
11991
  "package": "@genesislcap/foundation-ui"
11975
11992
  },
11976
- "tagName": "%%prefix%%-draggable-modal",
11993
+ "tagName": "%%prefix%%-dropdown-menu",
11977
11994
  "customElement": true,
11978
11995
  "attributes": [
11979
11996
  {
11980
- "name": "type",
11997
+ "name": "auto-close",
11981
11998
  "type": {
11982
- "text": "DialogType"
11999
+ "text": "boolean"
11983
12000
  },
11984
- "default": "'default'",
11985
- "fieldName": "type",
12001
+ "default": "true",
12002
+ "fieldName": "autoClose",
11986
12003
  "inheritedFrom": {
11987
- "name": "DialogElement",
11988
- "module": "src/dialog/dialog.ts"
12004
+ "name": "DropdownMenu",
12005
+ "module": "src/dropdown-menu/dropdown-menu.ts"
11989
12006
  }
11990
12007
  },
11991
12008
  {
11992
- "name": "position",
12009
+ "name": "disable-button",
11993
12010
  "type": {
11994
- "text": "DialogPosition"
12011
+ "text": "boolean"
11995
12012
  },
11996
- "default": "'center'",
11997
- "fieldName": "position",
12013
+ "default": "false",
12014
+ "fieldName": "disabled",
11998
12015
  "inheritedFrom": {
11999
- "name": "DialogElement",
12000
- "module": "src/dialog/dialog.ts"
12016
+ "name": "DropdownMenu",
12017
+ "module": "src/dropdown-menu/dropdown-menu.ts"
12001
12018
  }
12002
12019
  },
12003
12020
  {
12004
- "name": "show-close-icon",
12021
+ "name": "name",
12005
12022
  "type": {
12006
- "text": "boolean"
12023
+ "text": "string"
12007
12024
  },
12008
- "default": "true",
12009
- "description": "Whether or not to show the close icon",
12010
- "fieldName": "showCloseIcon",
12025
+ "default": "'Dropdown Menu'",
12026
+ "fieldName": "name",
12011
12027
  "inheritedFrom": {
12012
- "name": "DialogElement",
12013
- "module": "src/dialog/dialog.ts"
12028
+ "name": "DropdownMenu",
12029
+ "module": "src/dropdown-menu/dropdown-menu.ts"
12014
12030
  }
12015
- }
12016
- ],
12017
- "members": [
12031
+ },
12018
12032
  {
12019
- "kind": "field",
12020
- "name": "isDragging",
12033
+ "name": "open",
12021
12034
  "type": {
12022
12035
  "text": "boolean"
12023
12036
  },
12024
- "privacy": "public",
12025
12037
  "default": "false",
12038
+ "fieldName": "open",
12026
12039
  "inheritedFrom": {
12027
- "name": "DraggableModal",
12028
- "module": "src/draggable-modal/draggable-modal.ts"
12040
+ "name": "DropdownMenu",
12041
+ "module": "src/dropdown-menu/dropdown-menu.ts"
12029
12042
  }
12030
12043
  },
12031
12044
  {
12032
- "kind": "field",
12033
- "name": "offsetX",
12045
+ "name": "buttonAppearance",
12034
12046
  "type": {
12035
- "text": "number"
12047
+ "text": "string"
12036
12048
  },
12037
- "privacy": "public",
12038
- "default": "0",
12049
+ "fieldName": "buttonAppearance",
12039
12050
  "inheritedFrom": {
12040
- "name": "DraggableModal",
12041
- "module": "src/draggable-modal/draggable-modal.ts"
12051
+ "name": "DropdownMenu",
12052
+ "module": "src/dropdown-menu/dropdown-menu.ts"
12042
12053
  }
12043
- },
12054
+ }
12055
+ ],
12056
+ "members": [
12044
12057
  {
12045
12058
  "kind": "field",
12046
- "name": "offsetY",
12059
+ "name": "items",
12047
12060
  "type": {
12048
- "text": "number"
12061
+ "text": "DropdownMenuItem[]"
12049
12062
  },
12050
- "privacy": "public",
12051
- "default": "0",
12052
12063
  "inheritedFrom": {
12053
- "name": "DraggableModal",
12054
- "module": "src/draggable-modal/draggable-modal.ts"
12064
+ "name": "DropdownMenu",
12065
+ "module": "src/dropdown-menu/dropdown-menu.ts"
12055
12066
  }
12056
12067
  },
12057
12068
  {
12058
12069
  "kind": "field",
12059
- "name": "shadowHost",
12070
+ "name": "autoClose",
12060
12071
  "type": {
12061
- "text": "HTMLElement | null"
12072
+ "text": "boolean"
12062
12073
  },
12063
- "privacy": "public",
12064
- "default": "null",
12074
+ "default": "true",
12065
12075
  "inheritedFrom": {
12066
- "name": "DraggableModal",
12067
- "module": "src/draggable-modal/draggable-modal.ts"
12076
+ "name": "DropdownMenu",
12077
+ "module": "src/dropdown-menu/dropdown-menu.ts"
12068
12078
  }
12069
12079
  },
12070
12080
  {
12071
12081
  "kind": "field",
12072
- "name": "draggableTarget",
12082
+ "name": "disabled",
12073
12083
  "type": {
12074
- "text": "HTMLElement | null"
12084
+ "text": "boolean"
12075
12085
  },
12076
- "privacy": "public",
12077
- "default": "null",
12086
+ "default": "false",
12078
12087
  "inheritedFrom": {
12079
- "name": "DraggableModal",
12080
- "module": "src/draggable-modal/draggable-modal.ts"
12088
+ "name": "DropdownMenu",
12089
+ "module": "src/dropdown-menu/dropdown-menu.ts"
12081
12090
  }
12082
12091
  },
12083
12092
  {
12084
12093
  "kind": "field",
12085
- "name": "onMouseMoveBound",
12094
+ "name": "classNames",
12086
12095
  "type": {
12087
- "text": "(event: MouseEvent) => void"
12096
+ "text": "string"
12088
12097
  },
12089
- "privacy": "private",
12090
12098
  "inheritedFrom": {
12091
- "name": "DraggableModal",
12092
- "module": "src/draggable-modal/draggable-modal.ts"
12099
+ "name": "DropdownMenu",
12100
+ "module": "src/dropdown-menu/dropdown-menu.ts"
12093
12101
  }
12094
12102
  },
12095
12103
  {
12096
12104
  "kind": "field",
12097
- "name": "onMouseUpBound",
12105
+ "name": "name",
12098
12106
  "type": {
12099
- "text": "() => void"
12107
+ "text": "string"
12100
12108
  },
12101
- "privacy": "private",
12109
+ "default": "'Dropdown Menu'",
12102
12110
  "inheritedFrom": {
12103
- "name": "DraggableModal",
12104
- "module": "src/draggable-modal/draggable-modal.ts"
12111
+ "name": "DropdownMenu",
12112
+ "module": "src/dropdown-menu/dropdown-menu.ts"
12105
12113
  }
12106
12114
  },
12107
12115
  {
12108
12116
  "kind": "field",
12109
- "name": "onCloseCallback",
12117
+ "name": "open",
12110
12118
  "type": {
12111
- "text": "() => void"
12119
+ "text": "boolean"
12112
12120
  },
12113
- "description": "Callback to run *after* HTMLDialogElement is closed",
12121
+ "default": "false",
12114
12122
  "inheritedFrom": {
12115
- "name": "DialogElement",
12116
- "module": "src/dialog/dialog.ts"
12117
- },
12118
- "privacy": "public"
12123
+ "name": "DropdownMenu",
12124
+ "module": "src/dropdown-menu/dropdown-menu.ts"
12125
+ }
12119
12126
  },
12120
12127
  {
12121
- "kind": "method",
12122
- "name": "makeDraggable",
12123
- "privacy": "private",
12128
+ "kind": "field",
12129
+ "name": "buttonAppearance",
12130
+ "type": {
12131
+ "text": "string"
12132
+ },
12124
12133
  "inheritedFrom": {
12125
- "name": "DraggableModal",
12126
- "module": "src/draggable-modal/draggable-modal.ts"
12134
+ "name": "DropdownMenu",
12135
+ "module": "src/dropdown-menu/dropdown-menu.ts"
12127
12136
  }
12128
12137
  },
12129
12138
  {
12130
- "kind": "method",
12131
- "name": "isEventTargetInDraggableTarget",
12132
- "privacy": "private",
12133
- "return": {
12134
- "type": {
12135
- "text": "boolean"
12136
- }
12139
+ "kind": "field",
12140
+ "name": "dropdownMenu",
12141
+ "type": {
12142
+ "text": "HTMLElement"
12137
12143
  },
12138
- "parameters": [
12139
- {
12140
- "name": "event",
12141
- "type": {
12142
- "text": "MouseEvent"
12143
- }
12144
- }
12145
- ],
12146
12144
  "inheritedFrom": {
12147
- "name": "DraggableModal",
12148
- "module": "src/draggable-modal/draggable-modal.ts"
12145
+ "name": "DropdownMenu",
12146
+ "module": "src/dropdown-menu/dropdown-menu.ts"
12149
12147
  }
12150
12148
  },
12151
12149
  {
12152
- "kind": "method",
12153
- "name": "isInsideSlot",
12150
+ "kind": "field",
12151
+ "name": "clickOutside",
12154
12152
  "privacy": "private",
12155
- "return": {
12156
- "type": {
12157
- "text": "boolean"
12158
- }
12159
- },
12160
- "parameters": [
12161
- {
12162
- "name": "target",
12163
- "type": {
12164
- "text": "Node"
12165
- }
12166
- }
12167
- ],
12168
12153
  "inheritedFrom": {
12169
- "name": "DraggableModal",
12170
- "module": "src/draggable-modal/draggable-modal.ts"
12154
+ "name": "DropdownMenu",
12155
+ "module": "src/dropdown-menu/dropdown-menu.ts"
12171
12156
  }
12172
12157
  },
12173
12158
  {
12174
12159
  "kind": "method",
12175
- "name": "onMouseDown",
12160
+ "name": "handleClickOutside",
12176
12161
  "privacy": "private",
12177
12162
  "parameters": [
12178
12163
  {
@@ -12183,641 +12168,33 @@
12183
12168
  }
12184
12169
  ],
12185
12170
  "inheritedFrom": {
12186
- "name": "DraggableModal",
12187
- "module": "src/draggable-modal/draggable-modal.ts"
12171
+ "name": "DropdownMenu",
12172
+ "module": "src/dropdown-menu/dropdown-menu.ts"
12188
12173
  }
12189
12174
  },
12190
12175
  {
12191
12176
  "kind": "method",
12192
- "name": "onMouseMove",
12193
- "privacy": "private",
12194
- "parameters": [
12195
- {
12196
- "name": "event",
12197
- "type": {
12198
- "text": "MouseEvent"
12199
- }
12200
- }
12201
- ],
12177
+ "name": "openChanged",
12178
+ "privacy": "protected",
12202
12179
  "inheritedFrom": {
12203
- "name": "DraggableModal",
12204
- "module": "src/draggable-modal/draggable-modal.ts"
12180
+ "name": "DropdownMenu",
12181
+ "module": "src/dropdown-menu/dropdown-menu.ts"
12205
12182
  }
12206
12183
  },
12207
12184
  {
12208
12185
  "kind": "method",
12209
- "name": "onMouseUp",
12210
- "privacy": "private",
12186
+ "name": "toggleDropdownMenuVisibility",
12211
12187
  "inheritedFrom": {
12212
- "name": "DraggableModal",
12213
- "module": "src/draggable-modal/draggable-modal.ts"
12188
+ "name": "DropdownMenu",
12189
+ "module": "src/dropdown-menu/dropdown-menu.ts"
12214
12190
  }
12215
12191
  },
12216
12192
  {
12217
12193
  "kind": "method",
12218
- "name": "removeEventListeners",
12219
- "privacy": "private",
12194
+ "name": "onDropdownMenuItemClick",
12220
12195
  "inheritedFrom": {
12221
- "name": "DraggableModal",
12222
- "module": "src/draggable-modal/draggable-modal.ts"
12223
- }
12224
- },
12225
- {
12226
- "kind": "method",
12227
- "name": "show",
12228
- "return": {
12229
- "type": {
12230
- "text": "void"
12231
- }
12232
- },
12233
- "description": "Show the HTMLDialogElement and its contents",
12234
- "inheritedFrom": {
12235
- "name": "DialogElement",
12236
- "module": "src/dialog/dialog.ts"
12237
- }
12238
- },
12239
- {
12240
- "kind": "field",
12241
- "name": "mainElement",
12242
- "type": {
12243
- "text": "HTMLDialogElement"
12244
- },
12245
- "description": "A reference to the dialog element\nin the component Shadow DOM.",
12246
- "inheritedFrom": {
12247
- "name": "DialogElement",
12248
- "module": "src/dialog/dialog.ts"
12249
- }
12250
- },
12251
- {
12252
- "kind": "field",
12253
- "name": "notification",
12254
- "type": {
12255
- "text": "NotificationStructure"
12256
- },
12257
- "inheritedFrom": {
12258
- "name": "DialogElement",
12259
- "module": "src/dialog/dialog.ts"
12260
- }
12261
- },
12262
- {
12263
- "kind": "method",
12264
- "name": "notificationChanged",
12265
- "inheritedFrom": {
12266
- "name": "DialogElement",
12267
- "module": "src/dialog/dialog.ts"
12268
- }
12269
- },
12270
- {
12271
- "kind": "field",
12272
- "name": "type",
12273
- "type": {
12274
- "text": "DialogType"
12275
- },
12276
- "default": "'default'",
12277
- "inheritedFrom": {
12278
- "name": "DialogElement",
12279
- "module": "src/dialog/dialog.ts"
12280
- }
12281
- },
12282
- {
12283
- "kind": "field",
12284
- "name": "position",
12285
- "type": {
12286
- "text": "DialogPosition"
12287
- },
12288
- "default": "'center'",
12289
- "inheritedFrom": {
12290
- "name": "DialogElement",
12291
- "module": "src/dialog/dialog.ts"
12292
- }
12293
- },
12294
- {
12295
- "kind": "field",
12296
- "name": "showCloseIcon",
12297
- "type": {
12298
- "text": "boolean"
12299
- },
12300
- "default": "true",
12301
- "description": "Whether or not to show the close icon",
12302
- "inheritedFrom": {
12303
- "name": "DialogElement",
12304
- "module": "src/dialog/dialog.ts"
12305
- }
12306
- },
12307
- {
12308
- "kind": "field",
12309
- "name": "onShowCallback",
12310
- "type": {
12311
- "text": "() => void"
12312
- },
12313
- "description": "Callback to run *before* HTMLDialogElement is shown",
12314
- "inheritedFrom": {
12315
- "name": "DialogElement",
12316
- "module": "src/dialog/dialog.ts"
12317
- }
12318
- },
12319
- {
12320
- "kind": "field",
12321
- "name": "open",
12322
- "type": {
12323
- "text": "boolean"
12324
- },
12325
- "description": "Determine if the dialog is showing or closed.",
12326
- "readonly": true,
12327
- "inheritedFrom": {
12328
- "name": "DialogElement",
12329
- "module": "src/dialog/dialog.ts"
12330
- }
12331
- },
12332
- {
12333
- "kind": "method",
12334
- "name": "close",
12335
- "return": {
12336
- "type": {
12337
- "text": "void"
12338
- }
12339
- },
12340
- "description": "Remove the HTMLDialogElement from display",
12341
- "inheritedFrom": {
12342
- "name": "DialogElement",
12343
- "module": "src/dialog/dialog.ts"
12344
- }
12345
- },
12346
- {
12347
- "kind": "method",
12348
- "name": "dismiss",
12349
- "privacy": "public",
12350
- "description": "Dismiss the Dialog from display and calls the dismissing action.",
12351
- "inheritedFrom": {
12352
- "name": "DialogElement",
12353
- "module": "src/dialog/dialog.ts"
12354
- }
12355
- },
12356
- {
12357
- "kind": "method",
12358
- "name": "closeDialog",
12359
- "privacy": "public",
12360
- "return": {
12361
- "type": {
12362
- "text": "void"
12363
- }
12364
- },
12365
- "description": "Dismiss the Dialog from display.",
12366
- "inheritedFrom": {
12367
- "name": "DialogElement",
12368
- "module": "src/dialog/dialog.ts"
12369
- }
12370
- },
12371
- {
12372
- "kind": "field",
12373
- "name": "_presentation",
12374
- "type": {
12375
- "text": "ComponentPresentation | null | undefined"
12376
- },
12377
- "privacy": "private",
12378
- "default": "void 0",
12379
- "inheritedFrom": {
12380
- "name": "FoundationElement",
12381
- "module": "src/foundation-element/foundation-element.ts"
12382
- }
12383
- },
12384
- {
12385
- "kind": "field",
12386
- "name": "$presentation",
12387
- "type": {
12388
- "text": "ComponentPresentation | null"
12389
- },
12390
- "privacy": "public",
12391
- "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
12392
- "inheritedFrom": {
12393
- "name": "FoundationElement",
12394
- "module": "src/foundation-element/foundation-element.ts"
12395
- }
12396
- },
12397
- {
12398
- "kind": "field",
12399
- "name": "template",
12400
- "type": {
12401
- "text": "ElementViewTemplate | void | null"
12402
- },
12403
- "privacy": "public",
12404
- "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.",
12405
- "inheritedFrom": {
12406
- "name": "FoundationElement",
12407
- "module": "src/foundation-element/foundation-element.ts"
12408
- }
12409
- },
12410
- {
12411
- "kind": "method",
12412
- "name": "templateChanged",
12413
- "privacy": "protected",
12414
- "return": {
12415
- "type": {
12416
- "text": "void"
12417
- }
12418
- },
12419
- "inheritedFrom": {
12420
- "name": "FoundationElement",
12421
- "module": "src/foundation-element/foundation-element.ts"
12422
- }
12423
- },
12424
- {
12425
- "kind": "field",
12426
- "name": "styles",
12427
- "type": {
12428
- "text": "ElementStyles | void | null"
12429
- },
12430
- "privacy": "public",
12431
- "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.",
12432
- "inheritedFrom": {
12433
- "name": "FoundationElement",
12434
- "module": "src/foundation-element/foundation-element.ts"
12435
- }
12436
- },
12437
- {
12438
- "kind": "method",
12439
- "name": "stylesChanged",
12440
- "privacy": "protected",
12441
- "return": {
12442
- "type": {
12443
- "text": "void"
12444
- }
12445
- },
12446
- "inheritedFrom": {
12447
- "name": "FoundationElement",
12448
- "module": "src/foundation-element/foundation-element.ts"
12449
- }
12450
- },
12451
- {
12452
- "kind": "method",
12453
- "name": "compose",
12454
- "privacy": "public",
12455
- "static": true,
12456
- "return": {
12457
- "type": {
12458
- "text": "(\n overrideDefinition?: OverrideFoundationElementDefinition<T>\n ) => FoundationElementRegistry<T, K>"
12459
- }
12460
- },
12461
- "parameters": [
12462
- {
12463
- "name": "this",
12464
- "type": {
12465
- "text": "K"
12466
- }
12467
- },
12468
- {
12469
- "name": "elementDefinition",
12470
- "type": {
12471
- "text": "T"
12472
- },
12473
- "description": "The definition of the element to create the registry\nfunction for."
12474
- }
12475
- ],
12476
- "description": "Defines an element registry function with a set of element definition defaults.",
12477
- "inheritedFrom": {
12478
- "name": "FoundationElement",
12479
- "module": "src/foundation-element/foundation-element.ts"
12480
- }
12481
- }
12482
- ]
12483
- },
12484
- {
12485
- "kind": "variable",
12486
- "name": "zeroDraggableModal",
12487
- "description": "The Zero Draggable Modal",
12488
- "privacy": "public"
12489
- }
12490
- ],
12491
- "exports": [
12492
- {
12493
- "kind": "js",
12494
- "name": "defaultDraggableModalConfig",
12495
- "declaration": {
12496
- "name": "defaultDraggableModalConfig",
12497
- "module": "src/draggable-modal/draggable-modal.ts"
12498
- }
12499
- },
12500
- {
12501
- "kind": "js",
12502
- "name": "zeroDraggableModalTemplate",
12503
- "declaration": {
12504
- "name": "zeroDraggableModalTemplate",
12505
- "module": "src/draggable-modal/draggable-modal.ts"
12506
- }
12507
- },
12508
- {
12509
- "kind": "js",
12510
- "name": "zeroDraggableModalShadowOptions",
12511
- "declaration": {
12512
- "name": "zeroDraggableModalShadowOptions",
12513
- "module": "src/draggable-modal/draggable-modal.ts"
12514
- }
12515
- },
12516
- {
12517
- "kind": "js",
12518
- "name": "DraggableModal",
12519
- "declaration": {
12520
- "name": "DraggableModal",
12521
- "module": "src/draggable-modal/draggable-modal.ts"
12522
- }
12523
- },
12524
- {
12525
- "kind": "js",
12526
- "name": "zeroDraggableModal",
12527
- "declaration": {
12528
- "name": "zeroDraggableModal",
12529
- "module": "src/draggable-modal/draggable-modal.ts"
12530
- }
12531
- }
12532
- ]
12533
- },
12534
- {
12535
- "kind": "javascript-module",
12536
- "path": "src/draggable-modal/index.ts",
12537
- "declarations": [],
12538
- "exports": [
12539
- {
12540
- "kind": "js",
12541
- "name": "zeroDraggableModalTemplate",
12542
- "declaration": {
12543
- "name": "foundationDraggableModalTemplate",
12544
- "package": "@genesislcap/foundation-ui"
12545
- }
12546
- },
12547
- {
12548
- "kind": "js",
12549
- "name": "*",
12550
- "declaration": {
12551
- "name": "*",
12552
- "package": "./draggable-modal"
12553
- }
12554
- },
12555
- {
12556
- "kind": "js",
12557
- "name": "*",
12558
- "declaration": {
12559
- "name": "*",
12560
- "package": "./draggable-modal.styles"
12561
- }
12562
- }
12563
- ]
12564
- },
12565
- {
12566
- "kind": "javascript-module",
12567
- "path": "src/dropdown-menu/dropdown-menu.styles.ts",
12568
- "declarations": [
12569
- {
12570
- "kind": "function",
12571
- "name": "zeroDropdownMenuStyles",
12572
- "return": {
12573
- "type": {
12574
- "text": "ElementStyles"
12575
- }
12576
- },
12577
- "parameters": [
12578
- {
12579
- "name": "context",
12580
- "type": {
12581
- "text": "ElementDefinitionContext"
12582
- }
12583
- },
12584
- {
12585
- "name": "definition",
12586
- "type": {
12587
- "text": "FoundationElementDefinition"
12588
- }
12589
- }
12590
- ]
12591
- }
12592
- ],
12593
- "exports": [
12594
- {
12595
- "kind": "js",
12596
- "name": "zeroDropdownMenuStyles",
12597
- "declaration": {
12598
- "name": "zeroDropdownMenuStyles",
12599
- "module": "src/dropdown-menu/dropdown-menu.styles.ts"
12600
- }
12601
- }
12602
- ]
12603
- },
12604
- {
12605
- "kind": "javascript-module",
12606
- "path": "src/dropdown-menu/dropdown-menu.ts",
12607
- "declarations": [
12608
- {
12609
- "kind": "class",
12610
- "description": "",
12611
- "name": "DropdownMenu",
12612
- "superclass": {
12613
- "name": "FoundationDropdownMenu",
12614
- "package": "@genesislcap/foundation-ui"
12615
- },
12616
- "tagName": "%%prefix%%-dropdown-menu",
12617
- "customElement": true,
12618
- "attributes": [
12619
- {
12620
- "name": "auto-close",
12621
- "type": {
12622
- "text": "boolean"
12623
- },
12624
- "default": "true",
12625
- "fieldName": "autoClose",
12626
- "inheritedFrom": {
12627
- "name": "DropdownMenu",
12628
- "module": "src/dropdown-menu/dropdown-menu.ts"
12629
- }
12630
- },
12631
- {
12632
- "name": "disable-button",
12633
- "type": {
12634
- "text": "boolean"
12635
- },
12636
- "default": "false",
12637
- "fieldName": "disabled",
12638
- "inheritedFrom": {
12639
- "name": "DropdownMenu",
12640
- "module": "src/dropdown-menu/dropdown-menu.ts"
12641
- }
12642
- },
12643
- {
12644
- "name": "name",
12645
- "type": {
12646
- "text": "string"
12647
- },
12648
- "default": "'Dropdown Menu'",
12649
- "fieldName": "name",
12650
- "inheritedFrom": {
12651
- "name": "DropdownMenu",
12652
- "module": "src/dropdown-menu/dropdown-menu.ts"
12653
- }
12654
- },
12655
- {
12656
- "name": "open",
12657
- "type": {
12658
- "text": "boolean"
12659
- },
12660
- "default": "false",
12661
- "fieldName": "open",
12662
- "inheritedFrom": {
12663
- "name": "DropdownMenu",
12664
- "module": "src/dropdown-menu/dropdown-menu.ts"
12665
- }
12666
- },
12667
- {
12668
- "name": "buttonAppearance",
12669
- "type": {
12670
- "text": "string"
12671
- },
12672
- "fieldName": "buttonAppearance",
12673
- "inheritedFrom": {
12674
- "name": "DropdownMenu",
12675
- "module": "src/dropdown-menu/dropdown-menu.ts"
12676
- }
12677
- }
12678
- ],
12679
- "members": [
12680
- {
12681
- "kind": "field",
12682
- "name": "items",
12683
- "type": {
12684
- "text": "DropdownMenuItem[]"
12685
- },
12686
- "inheritedFrom": {
12687
- "name": "DropdownMenu",
12688
- "module": "src/dropdown-menu/dropdown-menu.ts"
12689
- }
12690
- },
12691
- {
12692
- "kind": "field",
12693
- "name": "autoClose",
12694
- "type": {
12695
- "text": "boolean"
12696
- },
12697
- "default": "true",
12698
- "inheritedFrom": {
12699
- "name": "DropdownMenu",
12700
- "module": "src/dropdown-menu/dropdown-menu.ts"
12701
- }
12702
- },
12703
- {
12704
- "kind": "field",
12705
- "name": "disabled",
12706
- "type": {
12707
- "text": "boolean"
12708
- },
12709
- "default": "false",
12710
- "inheritedFrom": {
12711
- "name": "DropdownMenu",
12712
- "module": "src/dropdown-menu/dropdown-menu.ts"
12713
- }
12714
- },
12715
- {
12716
- "kind": "field",
12717
- "name": "classNames",
12718
- "type": {
12719
- "text": "string"
12720
- },
12721
- "inheritedFrom": {
12722
- "name": "DropdownMenu",
12723
- "module": "src/dropdown-menu/dropdown-menu.ts"
12724
- }
12725
- },
12726
- {
12727
- "kind": "field",
12728
- "name": "name",
12729
- "type": {
12730
- "text": "string"
12731
- },
12732
- "default": "'Dropdown Menu'",
12733
- "inheritedFrom": {
12734
- "name": "DropdownMenu",
12735
- "module": "src/dropdown-menu/dropdown-menu.ts"
12736
- }
12737
- },
12738
- {
12739
- "kind": "field",
12740
- "name": "open",
12741
- "type": {
12742
- "text": "boolean"
12743
- },
12744
- "default": "false",
12745
- "inheritedFrom": {
12746
- "name": "DropdownMenu",
12747
- "module": "src/dropdown-menu/dropdown-menu.ts"
12748
- }
12749
- },
12750
- {
12751
- "kind": "field",
12752
- "name": "buttonAppearance",
12753
- "type": {
12754
- "text": "string"
12755
- },
12756
- "inheritedFrom": {
12757
- "name": "DropdownMenu",
12758
- "module": "src/dropdown-menu/dropdown-menu.ts"
12759
- }
12760
- },
12761
- {
12762
- "kind": "field",
12763
- "name": "dropdownMenu",
12764
- "type": {
12765
- "text": "HTMLElement"
12766
- },
12767
- "inheritedFrom": {
12768
- "name": "DropdownMenu",
12769
- "module": "src/dropdown-menu/dropdown-menu.ts"
12770
- }
12771
- },
12772
- {
12773
- "kind": "field",
12774
- "name": "clickOutside",
12775
- "privacy": "private",
12776
- "inheritedFrom": {
12777
- "name": "DropdownMenu",
12778
- "module": "src/dropdown-menu/dropdown-menu.ts"
12779
- }
12780
- },
12781
- {
12782
- "kind": "method",
12783
- "name": "handleClickOutside",
12784
- "privacy": "private",
12785
- "parameters": [
12786
- {
12787
- "name": "event",
12788
- "type": {
12789
- "text": "MouseEvent"
12790
- }
12791
- }
12792
- ],
12793
- "inheritedFrom": {
12794
- "name": "DropdownMenu",
12795
- "module": "src/dropdown-menu/dropdown-menu.ts"
12796
- }
12797
- },
12798
- {
12799
- "kind": "method",
12800
- "name": "openChanged",
12801
- "privacy": "protected",
12802
- "inheritedFrom": {
12803
- "name": "DropdownMenu",
12804
- "module": "src/dropdown-menu/dropdown-menu.ts"
12805
- }
12806
- },
12807
- {
12808
- "kind": "method",
12809
- "name": "toggleDropdownMenuVisibility",
12810
- "inheritedFrom": {
12811
- "name": "DropdownMenu",
12812
- "module": "src/dropdown-menu/dropdown-menu.ts"
12813
- }
12814
- },
12815
- {
12816
- "kind": "method",
12817
- "name": "onDropdownMenuItemClick",
12818
- "inheritedFrom": {
12819
- "name": "DropdownMenu",
12820
- "module": "src/dropdown-menu/dropdown-menu.ts"
12196
+ "name": "DropdownMenu",
12197
+ "module": "src/dropdown-menu/dropdown-menu.ts"
12821
12198
  }
12822
12199
  },
12823
12200
  {
@@ -21242,7 +20619,7 @@
21242
20619
  {
21243
20620
  "kind": "variable",
21244
20621
  "name": "zeroModalStyles",
21245
- "default": "css`\n ${zeroDialogStyles}\n`"
20622
+ "default": "css`\n ${zeroDialogStyles}\n\n :host([draggable])::part(top) {\n cursor: move;\n }\n`"
21246
20623
  }
21247
20624
  ],
21248
20625
  "exports": [
@@ -21286,6 +20663,17 @@
21286
20663
  "tagName": "%%prefix%%-modal",
21287
20664
  "customElement": true,
21288
20665
  "attributes": [
20666
+ {
20667
+ "type": {
20668
+ "text": "boolean"
20669
+ },
20670
+ "default": "false",
20671
+ "fieldName": "draggable",
20672
+ "inheritedFrom": {
20673
+ "name": "Modal",
20674
+ "module": "src/modal/modal.ts"
20675
+ }
20676
+ },
21289
20677
  {
21290
20678
  "name": "type",
21291
20679
  "type": {
@@ -21325,6 +20713,141 @@
21325
20713
  }
21326
20714
  ],
21327
20715
  "members": [
20716
+ {
20717
+ "kind": "field",
20718
+ "name": "isDragging",
20719
+ "type": {
20720
+ "text": "boolean"
20721
+ },
20722
+ "privacy": "private",
20723
+ "default": "false",
20724
+ "inheritedFrom": {
20725
+ "name": "Modal",
20726
+ "module": "src/modal/modal.ts"
20727
+ }
20728
+ },
20729
+ {
20730
+ "kind": "field",
20731
+ "name": "offsetX",
20732
+ "type": {
20733
+ "text": "number"
20734
+ },
20735
+ "privacy": "private",
20736
+ "default": "0",
20737
+ "inheritedFrom": {
20738
+ "name": "Modal",
20739
+ "module": "src/modal/modal.ts"
20740
+ }
20741
+ },
20742
+ {
20743
+ "kind": "field",
20744
+ "name": "offsetY",
20745
+ "type": {
20746
+ "text": "number"
20747
+ },
20748
+ "privacy": "private",
20749
+ "default": "0",
20750
+ "inheritedFrom": {
20751
+ "name": "Modal",
20752
+ "module": "src/modal/modal.ts"
20753
+ }
20754
+ },
20755
+ {
20756
+ "kind": "field",
20757
+ "name": "modalWidth",
20758
+ "type": {
20759
+ "text": "number"
20760
+ },
20761
+ "privacy": "private",
20762
+ "default": "0",
20763
+ "inheritedFrom": {
20764
+ "name": "Modal",
20765
+ "module": "src/modal/modal.ts"
20766
+ }
20767
+ },
20768
+ {
20769
+ "kind": "field",
20770
+ "name": "modalHeight",
20771
+ "type": {
20772
+ "text": "number"
20773
+ },
20774
+ "privacy": "private",
20775
+ "default": "0",
20776
+ "inheritedFrom": {
20777
+ "name": "Modal",
20778
+ "module": "src/modal/modal.ts"
20779
+ }
20780
+ },
20781
+ {
20782
+ "kind": "field",
20783
+ "name": "onMouseDownBound",
20784
+ "type": {
20785
+ "text": "((event: MouseEvent) => void) | null"
20786
+ },
20787
+ "privacy": "private",
20788
+ "default": "null",
20789
+ "inheritedFrom": {
20790
+ "name": "Modal",
20791
+ "module": "src/modal/modal.ts"
20792
+ }
20793
+ },
20794
+ {
20795
+ "kind": "field",
20796
+ "name": "onMouseMoveBound",
20797
+ "type": {
20798
+ "text": "((event: MouseEvent) => void) | null"
20799
+ },
20800
+ "privacy": "private",
20801
+ "default": "null",
20802
+ "inheritedFrom": {
20803
+ "name": "Modal",
20804
+ "module": "src/modal/modal.ts"
20805
+ }
20806
+ },
20807
+ {
20808
+ "kind": "field",
20809
+ "name": "onMouseUpBound",
20810
+ "type": {
20811
+ "text": "(() => void) | null"
20812
+ },
20813
+ "privacy": "private",
20814
+ "default": "null",
20815
+ "inheritedFrom": {
20816
+ "name": "Modal",
20817
+ "module": "src/modal/modal.ts"
20818
+ }
20819
+ },
20820
+ {
20821
+ "kind": "field",
20822
+ "name": "draggable",
20823
+ "type": {
20824
+ "text": "boolean"
20825
+ },
20826
+ "default": "false",
20827
+ "inheritedFrom": {
20828
+ "name": "Modal",
20829
+ "module": "src/modal/modal.ts"
20830
+ }
20831
+ },
20832
+ {
20833
+ "kind": "method",
20834
+ "name": "draggableChanged",
20835
+ "parameters": [
20836
+ {
20837
+ "name": "ignore"
20838
+ },
20839
+ {
20840
+ "name": "newValue",
20841
+ "type": {
20842
+ "text": "boolean"
20843
+ }
20844
+ }
20845
+ ],
20846
+ "inheritedFrom": {
20847
+ "name": "Modal",
20848
+ "module": "src/modal/modal.ts"
20849
+ }
20850
+ },
21328
20851
  {
21329
20852
  "kind": "method",
21330
20853
  "name": "show",
@@ -21339,6 +20862,114 @@
21339
20862
  "module": "src/dialog/dialog.ts"
21340
20863
  }
21341
20864
  },
20865
+ {
20866
+ "kind": "field",
20867
+ "name": "onCloseCallback",
20868
+ "type": {
20869
+ "text": "() => void"
20870
+ },
20871
+ "description": "Callback to run *after* HTMLDialogElement is closed",
20872
+ "inheritedFrom": {
20873
+ "name": "DialogElement",
20874
+ "module": "src/dialog/dialog.ts"
20875
+ }
20876
+ },
20877
+ {
20878
+ "kind": "method",
20879
+ "name": "isEventTargetInDraggableTarget",
20880
+ "privacy": "private",
20881
+ "return": {
20882
+ "type": {
20883
+ "text": "boolean"
20884
+ }
20885
+ },
20886
+ "parameters": [
20887
+ {
20888
+ "name": "event",
20889
+ "type": {
20890
+ "text": "MouseEvent"
20891
+ }
20892
+ }
20893
+ ],
20894
+ "inheritedFrom": {
20895
+ "name": "Modal",
20896
+ "module": "src/modal/modal.ts"
20897
+ }
20898
+ },
20899
+ {
20900
+ "kind": "method",
20901
+ "name": "isInsideTopSlot",
20902
+ "privacy": "private",
20903
+ "return": {
20904
+ "type": {
20905
+ "text": "boolean"
20906
+ }
20907
+ },
20908
+ "parameters": [
20909
+ {
20910
+ "name": "target",
20911
+ "type": {
20912
+ "text": "Node"
20913
+ }
20914
+ }
20915
+ ],
20916
+ "inheritedFrom": {
20917
+ "name": "Modal",
20918
+ "module": "src/modal/modal.ts"
20919
+ }
20920
+ },
20921
+ {
20922
+ "kind": "method",
20923
+ "name": "onMouseDown",
20924
+ "privacy": "private",
20925
+ "parameters": [
20926
+ {
20927
+ "name": "event",
20928
+ "type": {
20929
+ "text": "MouseEvent"
20930
+ }
20931
+ }
20932
+ ],
20933
+ "inheritedFrom": {
20934
+ "name": "Modal",
20935
+ "module": "src/modal/modal.ts"
20936
+ }
20937
+ },
20938
+ {
20939
+ "kind": "method",
20940
+ "name": "onMouseMove",
20941
+ "privacy": "private",
20942
+ "parameters": [
20943
+ {
20944
+ "name": "event",
20945
+ "type": {
20946
+ "text": "MouseEvent"
20947
+ }
20948
+ }
20949
+ ],
20950
+ "inheritedFrom": {
20951
+ "name": "Modal",
20952
+ "module": "src/modal/modal.ts"
20953
+ }
20954
+ },
20955
+ {
20956
+ "kind": "method",
20957
+ "name": "onMouseUp",
20958
+ "privacy": "private",
20959
+ "inheritedFrom": {
20960
+ "name": "Modal",
20961
+ "module": "src/modal/modal.ts"
20962
+ }
20963
+ },
20964
+ {
20965
+ "kind": "method",
20966
+ "name": "removeDraggableEventListeners",
20967
+ "privacy": "private",
20968
+ "inheritedFrom": {
20969
+ "name": "Modal",
20970
+ "module": "src/modal/modal.ts"
20971
+ }
20972
+ },
21342
20973
  {
21343
20974
  "kind": "field",
21344
20975
  "name": "mainElement",
@@ -21351,6 +20982,28 @@
21351
20982
  "module": "src/dialog/dialog.ts"
21352
20983
  }
21353
20984
  },
20985
+ {
20986
+ "kind": "field",
20987
+ "name": "topElement",
20988
+ "type": {
20989
+ "text": "HTMLElement"
20990
+ },
20991
+ "inheritedFrom": {
20992
+ "name": "DialogElement",
20993
+ "module": "src/dialog/dialog.ts"
20994
+ }
20995
+ },
20996
+ {
20997
+ "kind": "field",
20998
+ "name": "topElementSlot",
20999
+ "type": {
21000
+ "text": "HTMLSlotElement"
21001
+ },
21002
+ "inheritedFrom": {
21003
+ "name": "DialogElement",
21004
+ "module": "src/dialog/dialog.ts"
21005
+ }
21006
+ },
21354
21007
  {
21355
21008
  "kind": "field",
21356
21009
  "name": "notification",
@@ -21419,18 +21072,6 @@
21419
21072
  "module": "src/dialog/dialog.ts"
21420
21073
  }
21421
21074
  },
21422
- {
21423
- "kind": "field",
21424
- "name": "onCloseCallback",
21425
- "type": {
21426
- "text": "() => void"
21427
- },
21428
- "description": "Callback to run *after* HTMLDialogElement is closed",
21429
- "inheritedFrom": {
21430
- "name": "DialogElement",
21431
- "module": "src/dialog/dialog.ts"
21432
- }
21433
- },
21434
21075
  {
21435
21076
  "kind": "field",
21436
21077
  "name": "open",