@genesislcap/foundation-ui 14.341.0 → 14.342.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/custom-elements.json +901 -137
  2. package/dist/dts/dialog/dialog.d.ts +28 -3
  3. package/dist/dts/dialog/dialog.d.ts.map +1 -1
  4. package/dist/dts/dialog/dialog.styles.d.ts.map +1 -1
  5. package/dist/dts/dialog/dialog.template.d.ts.map +1 -1
  6. package/dist/esm/dialog/dialog.js +217 -0
  7. package/dist/esm/dialog/dialog.styles.js +142 -0
  8. package/dist/esm/dialog/dialog.template.js +10 -0
  9. package/package.json +18 -18
package/dist/custom-elements.json CHANGED
@@ -14538,7 +14538,7 @@
14538
14538
  "type": {
14539
14539
  "text": "ElementStyles"
14540
14540
  },
14541
- "default": "css`\n :host {\n --dialog-close-icon-display: flex;\n --dialog-min-width: 358px;\n --notification-details-min-height: 40px;\n }\n\n dialog[type='error'],\n dialog[type='success'] {\n padding: calc(var(--design-unit) * 2px) calc(var(--design-unit) * 4px)\n calc(var(--design-unit) * 2px) calc(var(--design-unit) * 6px);\n }\n\n dialog[type='error']::before,\n dialog[type='success']::before {\n content: '';\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n left: calc(var(--design-unit) * 3px - 2px);\n height: calc(100% - (var(--design-unit) * 4px));\n width: 4px;\n border-radius: 2px;\n }\n\n dialog[type='error']::before {\n background-color: var(--error-color);\n }\n\n dialog[type='success']::before {\n background-color: var(--success-color);\n }\n\n .close-icon {\n display: var(--dialog-close-icon-display);\n }\n\n dialog {\n background-color: var(--dialog-background, var(--fill-color));\n padding: calc(var(--design-unit) * 2px) calc(var(--design-unit) * 4px)\n calc(var(--design-unit) * 4px);\n outline: none;\n overflow: inherit;\n }\n\n :host([position='right']) dialog .content-wrapper,\n :host([position='left']) dialog .content-wrapper,\n :host([position='left']) dialog,\n :host([position='right']) dialog {\n height: 100%;\n }\n\n :host([position='left']) dialog {\n margin-left: 0;\n }\n\n :host([position='right']) dialog {\n margin-right: 0;\n }\n\n ::slotted(zero-divider) {\n width: 100%;\n }\n\n .title {\n margin-top: calc(var(--design-unit) * 2px);\n font-size: 14px;\n }\n\n .details {\n font-size: 12px;\n overflow: hidden;\n min-height: var(--notification-details-min-height);\n white-space: pre-line;\n }\n`"
14541
+ "default": "css`\n :host {\n --dialog-close-icon-display: flex;\n --dialog-min-width: 358px;\n --notification-details-min-height: 40px;\n }\n\n dialog[type='error'],\n dialog[type='success'] {\n padding: calc(var(--design-unit) * 2px) calc(var(--design-unit) * 4px)\n calc(var(--design-unit) * 2px) calc(var(--design-unit) * 6px);\n }\n\n dialog[type='error']::before,\n dialog[type='success']::before {\n content: '';\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n left: calc(var(--design-unit) * 3px - 2px);\n height: calc(100% - (var(--design-unit) * 4px));\n width: 4px;\n border-radius: 2px;\n }\n\n dialog[type='error']::before {\n background-color: var(--error-color);\n }\n\n dialog[type='success']::before {\n background-color: var(--success-color);\n }\n\n .close-icon {\n display: var(--dialog-close-icon-display);\n }\n\n dialog {\n background-color: var(--dialog-background, var(--fill-color));\n padding: calc(var(--design-unit) * 2px) calc(var(--design-unit) * 4px)\n calc(var(--design-unit) * 4px);\n outline: none;\n overflow: inherit;\n }\n\n :host([position='right']) dialog .content-wrapper,\n :host([position='left']) dialog .content-wrapper,\n :host([position='left']) dialog,\n :host([position='right']) dialog {\n height: 100%;\n }\n\n :host([position='left']) dialog {\n margin-left: 0;\n }\n\n :host([position='right']) dialog {\n margin-right: 0;\n }\n\n ::slotted(zero-divider) {\n width: 100%;\n }\n\n .title {\n margin-top: calc(var(--design-unit) * 2px);\n font-size: 14px;\n }\n\n .details {\n font-size: 12px;\n overflow: hidden;\n min-height: var(--notification-details-min-height);\n white-space: pre-line;\n }\n\n :host([resizable]) dialog {\n position: relative;\n box-sizing: border-box;\n }\n\n :host([resizable]) dialog .content-wrapper {\n position: relative;\n height: 100%;\n width: 100%;\n min-width: 100%;\n max-width: 100%;\n resize: none;\n }\n\n /* Resize handles */\n .resize-handle {\n position: absolute;\n z-index: 10;\n }\n\n /* Edge handles */\n .resize-handle-n,\n .resize-handle-s {\n left: 0;\n right: 0;\n height: 8px;\n cursor: ns-resize;\n }\n\n .resize-handle-n {\n top: 0;\n }\n\n .resize-handle-s {\n bottom: 0;\n }\n\n .resize-handle-e,\n .resize-handle-w {\n top: 0;\n bottom: 0;\n width: 8px;\n cursor: ew-resize;\n }\n\n .resize-handle-e {\n right: 0;\n }\n\n .resize-handle-w {\n left: 0;\n }\n\n /* Corner handles */\n .resize-handle-ne,\n .resize-handle-nw,\n .resize-handle-se,\n .resize-handle-sw {\n width: 16px;\n height: 16px;\n }\n\n .resize-handle-ne {\n top: 0;\n right: 0;\n cursor: nesw-resize;\n }\n\n .resize-handle-nw {\n top: 0;\n left: 0;\n cursor: nwse-resize;\n }\n\n .resize-handle-se {\n bottom: 0;\n right: 0;\n cursor: nwse-resize;\n }\n\n .resize-handle-sw {\n bottom: 0;\n left: 0;\n cursor: nesw-resize;\n }\n\n /* Visual indicator for corner handles */\n .resize-handle-se::after,\n .resize-handle-sw::after,\n .resize-handle-ne::after,\n .resize-handle-nw::after {\n content: '';\n position: absolute;\n width: 8px;\n height: 8px;\n border-style: solid;\n border-color: var(--neutral-stroke-divider-rest);\n opacity: 50%;\n transition: opacity 0.2s;\n margin: 2px;\n }\n\n .resize-handle-se::after {\n bottom: 2px;\n right: 2px;\n border-width: 0 3px 3px 0;\n }\n\n .resize-handle-sw::after {\n bottom: 2px;\n left: 2px;\n border-width: 0 0 3px 3px;\n }\n\n .resize-handle-ne::after {\n top: 2px;\n right: 2px;\n border-width: 3px 3px 0 0;\n }\n\n .resize-handle-nw::after {\n top: 2px;\n left: 2px;\n border-width: 3px 0 0 3px;\n }\n\n /* Hover effect */\n .resize-handle:hover::after {\n opacity: 100%;\n }\n\n /* Resizing state */\n dialog.resizing {\n user-select: none;\n pointer-events: auto;\n }\n\n /* Fixed positioning support for resizable dialogs */\n dialog[style*='position: fixed'] {\n margin: 0;\n }\n`"
14542
14542
  }
14543
14543
  ],
14544
14544
  "exports": [
@@ -14603,8 +14603,7 @@
14603
14603
  "type": {
14604
14604
  "text": "ShadowRootInit"
14605
14605
  },
14606
- "default": "{\n mode: 'open',\n delegatesFocus: true,\n}",
14607
- "description": "Focus trapping will be addressed as part of https://genesisglobal.atlassian.net/browse/FUI-2083"
14606
+ "default": "{\n mode: 'open',\n delegatesFocus: true,\n}"
14608
14607
  },
14609
14608
  {
14610
14609
  "kind": "variable",
@@ -14677,6 +14676,33 @@
14677
14676
  "default": "true",
14678
14677
  "description": "Whether or not to show the close icon"
14679
14678
  },
14679
+ {
14680
+ "kind": "field",
14681
+ "name": "resizable",
14682
+ "type": {
14683
+ "text": "boolean"
14684
+ },
14685
+ "default": "false",
14686
+ "description": "Whether or not the dialog is resizable"
14687
+ },
14688
+ {
14689
+ "kind": "field",
14690
+ "name": "minWidth",
14691
+ "type": {
14692
+ "text": "number"
14693
+ },
14694
+ "default": "300",
14695
+ "description": "Minimum width for the dialog"
14696
+ },
14697
+ {
14698
+ "kind": "field",
14699
+ "name": "minHeight",
14700
+ "type": {
14701
+ "text": "number"
14702
+ },
14703
+ "default": "200",
14704
+ "description": "Minimum height for the dialog"
14705
+ },
14680
14706
  {
14681
14707
  "kind": "field",
14682
14708
  "name": "onShowCallback",
@@ -14693,6 +14719,145 @@
14693
14719
  },
14694
14720
  "description": "Callback to run *after* HTMLDialogElement is closed"
14695
14721
  },
14722
+ {
14723
+ "kind": "field",
14724
+ "name": "isResizing",
14725
+ "type": {
14726
+ "text": "boolean"
14727
+ },
14728
+ "privacy": "private",
14729
+ "default": "false"
14730
+ },
14731
+ {
14732
+ "kind": "field",
14733
+ "name": "currentResizeHandle",
14734
+ "type": {
14735
+ "text": "string"
14736
+ },
14737
+ "privacy": "private",
14738
+ "default": "null"
14739
+ },
14740
+ {
14741
+ "kind": "field",
14742
+ "name": "startX",
14743
+ "type": {
14744
+ "text": "number"
14745
+ },
14746
+ "privacy": "private",
14747
+ "default": "0"
14748
+ },
14749
+ {
14750
+ "kind": "field",
14751
+ "name": "startY",
14752
+ "type": {
14753
+ "text": "number"
14754
+ },
14755
+ "privacy": "private",
14756
+ "default": "0"
14757
+ },
14758
+ {
14759
+ "kind": "field",
14760
+ "name": "startWidth",
14761
+ "type": {
14762
+ "text": "number"
14763
+ },
14764
+ "privacy": "private",
14765
+ "default": "0"
14766
+ },
14767
+ {
14768
+ "kind": "field",
14769
+ "name": "startHeight",
14770
+ "type": {
14771
+ "text": "number"
14772
+ },
14773
+ "privacy": "private",
14774
+ "default": "0"
14775
+ },
14776
+ {
14777
+ "kind": "field",
14778
+ "name": "startLeft",
14779
+ "type": {
14780
+ "text": "number"
14781
+ },
14782
+ "privacy": "private",
14783
+ "default": "0"
14784
+ },
14785
+ {
14786
+ "kind": "field",
14787
+ "name": "startTop",
14788
+ "type": {
14789
+ "text": "number"
14790
+ },
14791
+ "privacy": "private",
14792
+ "default": "0"
14793
+ },
14794
+ {
14795
+ "kind": "field",
14796
+ "name": "resizeOffsetX",
14797
+ "type": {
14798
+ "text": "number"
14799
+ },
14800
+ "privacy": "private",
14801
+ "default": "0"
14802
+ },
14803
+ {
14804
+ "kind": "field",
14805
+ "name": "resizeOffsetY",
14806
+ "type": {
14807
+ "text": "number"
14808
+ },
14809
+ "privacy": "private",
14810
+ "default": "0"
14811
+ },
14812
+ {
14813
+ "kind": "method",
14814
+ "name": "setupResizeHandlers",
14815
+ "privacy": "private"
14816
+ },
14817
+ {
14818
+ "kind": "method",
14819
+ "name": "removeResizeHandlers",
14820
+ "privacy": "private"
14821
+ },
14822
+ {
14823
+ "kind": "method",
14824
+ "name": "handleResizeStart",
14825
+ "privacy": "private",
14826
+ "parameters": [
14827
+ {
14828
+ "name": "e",
14829
+ "type": {
14830
+ "text": "MouseEvent"
14831
+ }
14832
+ }
14833
+ ]
14834
+ },
14835
+ {
14836
+ "kind": "method",
14837
+ "name": "handleResizeMove",
14838
+ "privacy": "private",
14839
+ "parameters": [
14840
+ {
14841
+ "name": "e",
14842
+ "type": {
14843
+ "text": "MouseEvent"
14844
+ }
14845
+ }
14846
+ ]
14847
+ },
14848
+ {
14849
+ "kind": "method",
14850
+ "name": "handleResizeEnd",
14851
+ "privacy": "private",
14852
+ "parameters": [
14853
+ {
14854
+ "name": "e",
14855
+ "type": {
14856
+ "text": "MouseEvent"
14857
+ }
14858
+ }
14859
+ ]
14860
+ },
14696
14861
  {
14697
14862
  "kind": "field",
14698
14863
  "name": "open",
@@ -14876,6 +15041,39 @@
14876
15041
  "default": "true",
14877
15042
  "description": "Whether or not to show the close icon",
14878
15043
  "fieldName": "showCloseIcon"
15044
+ },
15045
+ {
15046
+ "name": "resizable",
15047
+ "type": {
15048
+ "text": "boolean"
15049
+ },
15050
+ "default": "false",
15051
+ "description": "Whether or not the dialog is resizable",
15052
+ "fieldName": "resizable"
15053
+ },
15054
+ {
15055
+ "name": "min-width",
15056
+ "type": {
15057
+ "text": "number"
15058
+ },
15059
+ "default": "MIN_WIDTH",
15060
+ "description": "Minimum width for the dialog",
15061
+ "resolveInitializer": {
15062
+ "module": "src/dialog/dialog.ts"
15063
+ },
15064
+ "fieldName": "minWidth"
15065
+ },
15066
+ {
15067
+ "name": "min-height",
15068
+ "type": {
15069
+ "text": "number"
15070
+ },
15071
+ "default": "MIN_HEIGHT",
15072
+ "description": "Minimum height for the dialog",
15073
+ "resolveInitializer": {
15074
+ "module": "src/dialog/dialog.ts"
15075
+ },
15076
+ "fieldName": "minHeight"
14879
15077
  }
14880
15078
  ],
14881
15079
  "superclass": {
@@ -14994,11 +15192,12 @@
14994
15192
  },
14995
15193
  {
14996
15194
  "kind": "field",
14997
- "name": "onShowCallback",
15195
+ "name": "resizable",
14998
15196
  "type": {
14999
- "text": "() => void"
15197
+ "text": "boolean"
15000
15198
  },
15001
- "description": "Callback to run *before* HTMLDialogElement is shown",
15199
+ "default": "false",
15200
+ "description": "Whether or not the dialog is resizable",
15002
15201
  "inheritedFrom": {
15003
15202
  "name": "<local>_DialogElement",
15004
15203
  "module": "src/dialog/dialog.ts"
@@ -15006,11 +15205,12 @@
15006
15205
  },
15007
15206
  {
15008
15207
  "kind": "field",
15009
- "name": "onCloseCallback",
15208
+ "name": "minWidth",
15010
15209
  "type": {
15011
- "text": "() => void"
15210
+ "text": "number"
15012
15211
  },
15013
- "description": "Callback to run *after* HTMLDialogElement is closed",
15212
+ "default": "300",
15213
+ "description": "Minimum width for the dialog",
15014
15214
  "inheritedFrom": {
15015
15215
  "name": "<local>_DialogElement",
15016
15216
  "module": "src/dialog/dialog.ts"
@@ -15018,51 +15218,49 @@
15018
15218
  },
15019
15219
  {
15020
15220
  "kind": "field",
15021
- "name": "open",
15221
+ "name": "minHeight",
15022
15222
  "type": {
15023
- "text": "boolean"
15223
+ "text": "number"
15024
15224
  },
15025
- "description": "Determine if the dialog is showing or closed.",
15026
- "readonly": true,
15225
+ "default": "200",
15226
+ "description": "Minimum height for the dialog",
15027
15227
  "inheritedFrom": {
15028
15228
  "name": "<local>_DialogElement",
15029
15229
  "module": "src/dialog/dialog.ts"
15030
15230
  }
15031
15231
  },
15032
15232
  {
15033
- "kind": "method",
15034
- "name": "close",
15035
- "return": {
15036
- "type": {
15037
- "text": "void"
15038
- }
15233
+ "kind": "field",
15234
+ "name": "onShowCallback",
15235
+ "type": {
15236
+ "text": "() => void"
15039
15237
  },
15040
- "description": "Remove the HTMLDialogElement from display",
15238
+ "description": "Callback to run *before* HTMLDialogElement is shown",
15041
15239
  "inheritedFrom": {
15042
15240
  "name": "<local>_DialogElement",
15043
15241
  "module": "src/dialog/dialog.ts"
15044
15242
  }
15045
15243
  },
15046
15244
  {
15047
- "kind": "method",
15048
- "name": "dismiss",
15049
- "privacy": "public",
15050
- "description": "Dismiss the Dialog from display and calls the dismissing action.",
15245
+ "kind": "field",
15246
+ "name": "onCloseCallback",
15247
+ "type": {
15248
+ "text": "() => void"
15249
+ },
15250
+ "description": "Callback to run *after* HTMLDialogElement is closed",
15051
15251
  "inheritedFrom": {
15052
15252
  "name": "<local>_DialogElement",
15053
15253
  "module": "src/dialog/dialog.ts"
15054
15254
  }
15055
15255
  },
15056
15256
  {
15057
- "kind": "method",
15058
- "name": "closeDialog",
15059
- "privacy": "public",
15060
- "return": {
15061
- "type": {
15062
- "text": "void"
15063
- }
15257
+ "kind": "field",
15258
+ "name": "isResizing",
15259
+ "type": {
15260
+ "text": "boolean"
15064
15261
  },
15065
- "description": "Dismiss the Dialog from display.",
15262
+ "privacy": "private",
15263
+ "default": "false",
15066
15264
  "inheritedFrom": {
15067
15265
  "name": "<local>_DialogElement",
15068
15266
  "module": "src/dialog/dialog.ts"
@@ -15070,37 +15268,275 @@
15070
15268
  },
15071
15269
  {
15072
15270
  "kind": "field",
15073
- "name": "_presentation",
15271
+ "name": "currentResizeHandle",
15074
15272
  "type": {
15075
- "text": "ComponentPresentation | null | undefined"
15273
+ "text": "string"
15076
15274
  },
15077
15275
  "privacy": "private",
15078
- "default": "void 0",
15276
+ "default": "null",
15079
15277
  "inheritedFrom": {
15080
- "name": "FoundationElement",
15081
- "module": "src/foundation-element/foundation-element.ts"
15278
+ "name": "<local>_DialogElement",
15279
+ "module": "src/dialog/dialog.ts"
15082
15280
  }
15083
15281
  },
15084
15282
  {
15085
15283
  "kind": "field",
15086
- "name": "$presentation",
15284
+ "name": "startX",
15087
15285
  "type": {
15088
- "text": "ComponentPresentation | null"
15286
+ "text": "number"
15089
15287
  },
15090
- "privacy": "public",
15091
- "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
15288
+ "privacy": "private",
15289
+ "default": "0",
15092
15290
  "inheritedFrom": {
15093
- "name": "FoundationElement",
15094
- "module": "src/foundation-element/foundation-element.ts"
15291
+ "name": "<local>_DialogElement",
15292
+ "module": "src/dialog/dialog.ts"
15095
15293
  }
15096
15294
  },
15097
15295
  {
15098
15296
  "kind": "field",
15099
- "name": "template",
15297
+ "name": "startY",
15100
15298
  "type": {
15101
- "text": "ElementViewTemplate | void | null"
15299
+ "text": "number"
15102
15300
  },
15103
- "privacy": "public",
15301
+ "privacy": "private",
15302
+ "default": "0",
15303
+ "inheritedFrom": {
15304
+ "name": "<local>_DialogElement",
15305
+ "module": "src/dialog/dialog.ts"
15306
+ }
15307
+ },
15308
+ {
15309
+ "kind": "field",
15310
+ "name": "startWidth",
15311
+ "type": {
15312
+ "text": "number"
15313
+ },
15314
+ "privacy": "private",
15315
+ "default": "0",
15316
+ "inheritedFrom": {
15317
+ "name": "<local>_DialogElement",
15318
+ "module": "src/dialog/dialog.ts"
15319
+ }
15320
+ },
15321
+ {
15322
+ "kind": "field",
15323
+ "name": "startHeight",
15324
+ "type": {
15325
+ "text": "number"
15326
+ },
15327
+ "privacy": "private",
15328
+ "default": "0",
15329
+ "inheritedFrom": {
15330
+ "name": "<local>_DialogElement",
15331
+ "module": "src/dialog/dialog.ts"
15332
+ }
15333
+ },
15334
+ {
15335
+ "kind": "field",
15336
+ "name": "startLeft",
15337
+ "type": {
15338
+ "text": "number"
15339
+ },
15340
+ "privacy": "private",
15341
+ "default": "0",
15342
+ "inheritedFrom": {
15343
+ "name": "<local>_DialogElement",
15344
+ "module": "src/dialog/dialog.ts"
15345
+ }
15346
+ },
15347
+ {
15348
+ "kind": "field",
15349
+ "name": "startTop",
15350
+ "type": {
15351
+ "text": "number"
15352
+ },
15353
+ "privacy": "private",
15354
+ "default": "0",
15355
+ "inheritedFrom": {
15356
+ "name": "<local>_DialogElement",
15357
+ "module": "src/dialog/dialog.ts"
15358
+ }
15359
+ },
15360
+ {
15361
+ "kind": "field",
15362
+ "name": "resizeOffsetX",
15363
+ "type": {
15364
+ "text": "number"
15365
+ },
15366
+ "privacy": "private",
15367
+ "default": "0",
15368
+ "inheritedFrom": {
15369
+ "name": "<local>_DialogElement",
15370
+ "module": "src/dialog/dialog.ts"
15371
+ }
15372
+ },
15373
+ {
15374
+ "kind": "field",
15375
+ "name": "resizeOffsetY",
15376
+ "type": {
15377
+ "text": "number"
15378
+ },
15379
+ "privacy": "private",
15380
+ "default": "0",
15381
+ "inheritedFrom": {
15382
+ "name": "<local>_DialogElement",
15383
+ "module": "src/dialog/dialog.ts"
15384
+ }
15385
+ },
15386
+ {
15387
+ "kind": "method",
15388
+ "name": "setupResizeHandlers",
15389
+ "privacy": "private",
15390
+ "inheritedFrom": {
15391
+ "name": "<local>_DialogElement",
15392
+ "module": "src/dialog/dialog.ts"
15393
+ }
15394
+ },
15395
+ {
15396
+ "kind": "method",
15397
+ "name": "removeResizeHandlers",
15398
+ "privacy": "private",
15399
+ "inheritedFrom": {
15400
+ "name": "<local>_DialogElement",
15401
+ "module": "src/dialog/dialog.ts"
15402
+ }
15403
+ },
15404
+ {
15405
+ "kind": "method",
15406
+ "name": "handleResizeStart",
15407
+ "privacy": "private",
15408
+ "parameters": [
15409
+ {
15410
+ "name": "e",
15411
+ "type": {
15412
+ "text": "MouseEvent"
15413
+ }
15414
+ }
15415
+ ],
15416
+ "inheritedFrom": {
15417
+ "name": "<local>_DialogElement",
15418
+ "module": "src/dialog/dialog.ts"
15419
+ }
15420
+ },
15421
+ {
15422
+ "kind": "method",
15423
+ "name": "handleResizeMove",
15424
+ "privacy": "private",
15425
+ "parameters": [
15426
+ {
15427
+ "name": "e",
15428
+ "type": {
15429
+ "text": "MouseEvent"
15430
+ }
15431
+ }
15432
+ ],
15433
+ "inheritedFrom": {
15434
+ "name": "<local>_DialogElement",
15435
+ "module": "src/dialog/dialog.ts"
15436
+ }
15437
+ },
15438
+ {
15439
+ "kind": "method",
15440
+ "name": "handleResizeEnd",
15441
+ "privacy": "private",
15442
+ "parameters": [
15443
+ {
15444
+ "name": "e",
15445
+ "type": {
15446
+ "text": "MouseEvent"
15447
+ }
15448
+ }
15449
+ ],
15450
+ "inheritedFrom": {
15451
+ "name": "<local>_DialogElement",
15452
+ "module": "src/dialog/dialog.ts"
15453
+ }
15454
+ },
15455
+ {
15456
+ "kind": "field",
15457
+ "name": "open",
15458
+ "type": {
15459
+ "text": "boolean"
15460
+ },
15461
+ "description": "Determine if the dialog is showing or closed.",
15462
+ "readonly": true,
15463
+ "inheritedFrom": {
15464
+ "name": "<local>_DialogElement",
15465
+ "module": "src/dialog/dialog.ts"
15466
+ }
15467
+ },
15468
+ {
15469
+ "kind": "method",
15470
+ "name": "close",
15471
+ "return": {
15472
+ "type": {
15473
+ "text": "void"
15474
+ }
15475
+ },
15476
+ "description": "Remove the HTMLDialogElement from display",
15477
+ "inheritedFrom": {
15478
+ "name": "<local>_DialogElement",
15479
+ "module": "src/dialog/dialog.ts"
15480
+ }
15481
+ },
15482
+ {
15483
+ "kind": "method",
15484
+ "name": "dismiss",
15485
+ "privacy": "public",
15486
+ "description": "Dismiss the Dialog from display and calls the dismissing action.",
15487
+ "inheritedFrom": {
15488
+ "name": "<local>_DialogElement",
15489
+ "module": "src/dialog/dialog.ts"
15490
+ }
15491
+ },
15492
+ {
15493
+ "kind": "method",
15494
+ "name": "closeDialog",
15495
+ "privacy": "public",
15496
+ "return": {
15497
+ "type": {
15498
+ "text": "void"
15499
+ }
15500
+ },
15501
+ "description": "Dismiss the Dialog from display.",
15502
+ "inheritedFrom": {
15503
+ "name": "<local>_DialogElement",
15504
+ "module": "src/dialog/dialog.ts"
15505
+ }
15506
+ },
15507
+ {
15508
+ "kind": "field",
15509
+ "name": "_presentation",
15510
+ "type": {
15511
+ "text": "ComponentPresentation | null | undefined"
15512
+ },
15513
+ "privacy": "private",
15514
+ "default": "void 0",
15515
+ "inheritedFrom": {
15516
+ "name": "FoundationElement",
15517
+ "module": "src/foundation-element/foundation-element.ts"
15518
+ }
15519
+ },
15520
+ {
15521
+ "kind": "field",
15522
+ "name": "$presentation",
15523
+ "type": {
15524
+ "text": "ComponentPresentation | null"
15525
+ },
15526
+ "privacy": "public",
15527
+ "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
15528
+ "inheritedFrom": {
15529
+ "name": "FoundationElement",
15530
+ "module": "src/foundation-element/foundation-element.ts"
15531
+ }
15532
+ },
15533
+ {
15534
+ "kind": "field",
15535
+ "name": "template",
15536
+ "type": {
15537
+ "text": "ElementViewTemplate | void | null"
15538
+ },
15539
+ "privacy": "public",
15104
15540
  "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.",
15105
15541
  "inheritedFrom": {
15106
15542
  "name": "FoundationElement",
@@ -15223,6 +15659,51 @@
15223
15659
  "name": "<local>_DialogElement",
15224
15660
  "module": "src/dialog/dialog.ts"
15225
15661
  }
15662
+ },
15663
+ {
15664
+ "name": "resizable",
15665
+ "type": {
15666
+ "text": "boolean"
15667
+ },
15668
+ "default": "false",
15669
+ "description": "Whether or not the dialog is resizable",
15670
+ "fieldName": "resizable",
15671
+ "inheritedFrom": {
15672
+ "name": "<local>_DialogElement",
15673
+ "module": "src/dialog/dialog.ts"
15674
+ }
15675
+ },
15676
+ {
15677
+ "name": "min-width",
15678
+ "type": {
15679
+ "text": "number"
15680
+ },
15681
+ "default": "MIN_WIDTH",
15682
+ "description": "Minimum width for the dialog",
15683
+ "resolveInitializer": {
15684
+ "module": "src/dialog/dialog.ts"
15685
+ },
15686
+ "fieldName": "minWidth",
15687
+ "inheritedFrom": {
15688
+ "name": "<local>_DialogElement",
15689
+ "module": "src/dialog/dialog.ts"
15690
+ }
15691
+ },
15692
+ {
15693
+ "name": "min-height",
15694
+ "type": {
15695
+ "text": "number"
15696
+ },
15697
+ "default": "MIN_HEIGHT",
15698
+ "description": "Minimum height for the dialog",
15699
+ "resolveInitializer": {
15700
+ "module": "src/dialog/dialog.ts"
15701
+ },
15702
+ "fieldName": "minHeight",
15703
+ "inheritedFrom": {
15704
+ "name": "<local>_DialogElement",
15705
+ "module": "src/dialog/dialog.ts"
15706
+ }
15226
15707
  }
15227
15708
  ]
15228
15709
  },
@@ -27003,7 +27484,194 @@
27003
27484
  "text": "void"
27004
27485
  }
27005
27486
  },
27006
- "description": "Show the HTMLDialogElement and its contents",
27487
+ "description": "Show the HTMLDialogElement and its contents",
27488
+ "inheritedFrom": {
27489
+ "name": "<local>_DialogElement",
27490
+ "module": "src/dialog/dialog.ts"
27491
+ }
27492
+ },
27493
+ {
27494
+ "kind": "field",
27495
+ "name": "onCloseCallback",
27496
+ "type": {
27497
+ "text": "() => void"
27498
+ },
27499
+ "description": "Callback to run *after* HTMLDialogElement is closed",
27500
+ "inheritedFrom": {
27501
+ "name": "<local>_DialogElement",
27502
+ "module": "src/dialog/dialog.ts"
27503
+ }
27504
+ },
27505
+ {
27506
+ "kind": "method",
27507
+ "name": "isEventTargetInDraggableTarget",
27508
+ "privacy": "private",
27509
+ "return": {
27510
+ "type": {
27511
+ "text": "boolean"
27512
+ }
27513
+ },
27514
+ "parameters": [
27515
+ {
27516
+ "name": "event",
27517
+ "type": {
27518
+ "text": "MouseEvent"
27519
+ }
27520
+ }
27521
+ ]
27522
+ },
27523
+ {
27524
+ "kind": "method",
27525
+ "name": "isInsideTopSlot",
27526
+ "privacy": "private",
27527
+ "return": {
27528
+ "type": {
27529
+ "text": "boolean"
27530
+ }
27531
+ },
27532
+ "parameters": [
27533
+ {
27534
+ "name": "target",
27535
+ "type": {
27536
+ "text": "Node"
27537
+ }
27538
+ }
27539
+ ]
27540
+ },
27541
+ {
27542
+ "kind": "method",
27543
+ "name": "onMouseDown",
27544
+ "privacy": "private",
27545
+ "parameters": [
27546
+ {
27547
+ "name": "event",
27548
+ "type": {
27549
+ "text": "MouseEvent"
27550
+ }
27551
+ }
27552
+ ]
27553
+ },
27554
+ {
27555
+ "kind": "method",
27556
+ "name": "onMouseMove",
27557
+ "privacy": "private",
27558
+ "parameters": [
27559
+ {
27560
+ "name": "event",
27561
+ "type": {
27562
+ "text": "MouseEvent"
27563
+ }
27564
+ }
27565
+ ]
27566
+ },
27567
+ {
27568
+ "kind": "method",
27569
+ "name": "onMouseUp",
27570
+ "privacy": "private"
27571
+ },
27572
+ {
27573
+ "kind": "method",
27574
+ "name": "removeDraggableEventListeners",
27575
+ "privacy": "private"
27576
+ },
27577
+ {
27578
+ "kind": "field",
27579
+ "name": "mainElement",
27580
+ "type": {
27581
+ "text": "HTMLDialogElement"
27582
+ },
27583
+ "description": "A reference to the dialog element\nin the component Shadow DOM.",
27584
+ "inheritedFrom": {
27585
+ "name": "<local>_DialogElement",
27586
+ "module": "src/dialog/dialog.ts"
27587
+ }
27588
+ },
27589
+ {
27590
+ "kind": "field",
27591
+ "name": "topElement",
27592
+ "type": {
27593
+ "text": "HTMLElement"
27594
+ },
27595
+ "inheritedFrom": {
27596
+ "name": "<local>_DialogElement",
27597
+ "module": "src/dialog/dialog.ts"
27598
+ }
27599
+ },
27600
+ {
27601
+ "kind": "field",
27602
+ "name": "topElementSlot",
27603
+ "type": {
27604
+ "text": "HTMLSlotElement"
27605
+ },
27606
+ "inheritedFrom": {
27607
+ "name": "<local>_DialogElement",
27608
+ "module": "src/dialog/dialog.ts"
27609
+ }
27610
+ },
27611
+ {
27612
+ "kind": "field",
27613
+ "name": "notification",
27614
+ "type": {
27615
+ "text": "NotificationStructure"
27616
+ },
27617
+ "inheritedFrom": {
27618
+ "name": "<local>_DialogElement",
27619
+ "module": "src/dialog/dialog.ts"
27620
+ }
27621
+ },
27622
+ {
27623
+ "kind": "method",
27624
+ "name": "notificationChanged",
27625
+ "inheritedFrom": {
27626
+ "name": "<local>_DialogElement",
27627
+ "module": "src/dialog/dialog.ts"
27628
+ }
27629
+ },
27630
+ {
27631
+ "kind": "field",
27632
+ "name": "type",
27633
+ "type": {
27634
+ "text": "DialogType"
27635
+ },
27636
+ "default": "'default'",
27637
+ "inheritedFrom": {
27638
+ "name": "<local>_DialogElement",
27639
+ "module": "src/dialog/dialog.ts"
27640
+ }
27641
+ },
27642
+ {
27643
+ "kind": "field",
27644
+ "name": "position",
27645
+ "type": {
27646
+ "text": "DialogPosition"
27647
+ },
27648
+ "default": "'center'",
27649
+ "inheritedFrom": {
27650
+ "name": "<local>_DialogElement",
27651
+ "module": "src/dialog/dialog.ts"
27652
+ }
27653
+ },
27654
+ {
27655
+ "kind": "field",
27656
+ "name": "showCloseIcon",
27657
+ "type": {
27658
+ "text": "boolean"
27659
+ },
27660
+ "default": "true",
27661
+ "description": "Whether or not to show the close icon",
27662
+ "inheritedFrom": {
27663
+ "name": "<local>_DialogElement",
27664
+ "module": "src/dialog/dialog.ts"
27665
+ }
27666
+ },
27667
+ {
27668
+ "kind": "field",
27669
+ "name": "resizable",
27670
+ "type": {
27671
+ "text": "boolean"
27672
+ },
27673
+ "default": "false",
27674
+ "description": "Whether or not the dialog is resizable",
27007
27675
  "inheritedFrom": {
27008
27676
  "name": "<local>_DialogElement",
27009
27677
  "module": "src/dialog/dialog.ts"
@@ -27011,95 +27679,63 @@
27011
27679
  },
27012
27680
  {
27013
27681
  "kind": "field",
27014
- "name": "onCloseCallback",
27682
+ "name": "minWidth",
27015
27683
  "type": {
27016
- "text": "() => void"
27684
+ "text": "number"
27017
27685
  },
27018
- "description": "Callback to run *after* HTMLDialogElement is closed",
27686
+ "default": "300",
27687
+ "description": "Minimum width for the dialog",
27019
27688
  "inheritedFrom": {
27020
27689
  "name": "<local>_DialogElement",
27021
27690
  "module": "src/dialog/dialog.ts"
27022
27691
  }
27023
27692
  },
27024
27693
  {
27025
- "kind": "method",
27026
- "name": "isEventTargetInDraggableTarget",
27027
- "privacy": "private",
27028
- "return": {
27029
- "type": {
27030
- "text": "boolean"
27031
- }
27694
+ "kind": "field",
27695
+ "name": "minHeight",
27696
+ "type": {
27697
+ "text": "number"
27032
27698
  },
27033
- "parameters": [
27034
- {
27035
- "name": "event",
27036
- "type": {
27037
- "text": "MouseEvent"
27038
- }
27039
- }
27040
- ]
27699
+ "default": "200",
27700
+ "description": "Minimum height for the dialog",
27701
+ "inheritedFrom": {
27702
+ "name": "<local>_DialogElement",
27703
+ "module": "src/dialog/dialog.ts"
27704
+ }
27041
27705
  },
27042
27706
  {
27043
- "kind": "method",
27044
- "name": "isInsideTopSlot",
27045
- "privacy": "private",
27046
- "return": {
27047
- "type": {
27048
- "text": "boolean"
27049
- }
27707
+ "kind": "field",
27708
+ "name": "onShowCallback",
27709
+ "type": {
27710
+ "text": "() => void"
27050
27711
  },
27051
- "parameters": [
27052
- {
27053
- "name": "target",
27054
- "type": {
27055
- "text": "Node"
27056
- }
27057
- }
27058
- ]
27059
- },
27060
- {
27061
- "kind": "method",
27062
- "name": "onMouseDown",
27063
- "privacy": "private",
27064
- "parameters": [
27065
- {
27066
- "name": "event",
27067
- "type": {
27068
- "text": "MouseEvent"
27069
- }
27070
- }
27071
- ]
27712
+ "description": "Callback to run *before* HTMLDialogElement is shown",
27713
+ "inheritedFrom": {
27714
+ "name": "<local>_DialogElement",
27715
+ "module": "src/dialog/dialog.ts"
27716
+ }
27072
27717
  },
27073
27718
  {
27074
- "kind": "method",
27075
- "name": "onMouseMove",
27719
+ "kind": "field",
27720
+ "name": "isResizing",
27721
+ "type": {
27722
+ "text": "boolean"
27723
+ },
27076
27724
  "privacy": "private",
27077
- "parameters": [
27078
- {
27079
- "name": "event",
27080
- "type": {
27081
- "text": "MouseEvent"
27082
- }
27083
- }
27084
- ]
27085
- },
27086
- {
27087
- "kind": "method",
27088
- "name": "onMouseUp",
27089
- "privacy": "private"
27090
- },
27091
- {
27092
- "kind": "method",
27093
- "name": "removeDraggableEventListeners",
27094
- "privacy": "private"
27725
+ "default": "false",
27726
+ "inheritedFrom": {
27727
+ "name": "<local>_DialogElement",
27728
+ "module": "src/dialog/dialog.ts"
27729
+ }
27095
27730
  },
27096
27731
  {
27097
27732
  "kind": "field",
27098
- "name": "mainElement",
27733
+ "name": "currentResizeHandle",
27099
27734
  "type": {
27100
- "text": "HTMLDialogElement"
27735
+ "text": "string"
27101
27736
  },
27102
- "description": "A reference to the dialog element\nin the component Shadow DOM.",
27737
+ "privacy": "private",
27738
+ "default": "null",
27103
27739
  "inheritedFrom": {
27104
27740
  "name": "<local>_DialogElement",
27105
27741
  "module": "src/dialog/dialog.ts"
@@ -27107,10 +27743,12 @@
27107
27743
  },
27108
27744
  {
27109
27745
  "kind": "field",
27110
- "name": "topElement",
27746
+ "name": "startX",
27111
27747
  "type": {
27112
- "text": "HTMLElement"
27748
+ "text": "number"
27113
27749
  },
27750
+ "privacy": "private",
27751
+ "default": "0",
27114
27752
  "inheritedFrom": {
27115
27753
  "name": "<local>_DialogElement",
27116
27754
  "module": "src/dialog/dialog.ts"
@@ -27118,10 +27756,12 @@
27118
27756
  },
27119
27757
  {
27120
27758
  "kind": "field",
27121
- "name": "topElementSlot",
27759
+ "name": "startY",
27122
27760
  "type": {
27123
- "text": "HTMLSlotElement"
27761
+ "text": "number"
27124
27762
  },
27763
+ "privacy": "private",
27764
+ "default": "0",
27125
27765
  "inheritedFrom": {
27126
27766
  "name": "<local>_DialogElement",
27127
27767
  "module": "src/dialog/dialog.ts"
@@ -27129,18 +27769,25 @@
27129
27769
  },
27130
27770
  {
27131
27771
  "kind": "field",
27132
- "name": "notification",
27772
+ "name": "startWidth",
27133
27773
  "type": {
27134
- "text": "NotificationStructure"
27774
+ "text": "number"
27135
27775
  },
27776
+ "privacy": "private",
27777
+ "default": "0",
27136
27778
  "inheritedFrom": {
27137
27779
  "name": "<local>_DialogElement",
27138
27780
  "module": "src/dialog/dialog.ts"
27139
27781
  }
27140
27782
  },
27141
27783
  {
27142
- "kind": "method",
27143
- "name": "notificationChanged",
27784
+ "kind": "field",
27785
+ "name": "startHeight",
27786
+ "type": {
27787
+ "text": "number"
27788
+ },
27789
+ "privacy": "private",
27790
+ "default": "0",
27144
27791
  "inheritedFrom": {
27145
27792
  "name": "<local>_DialogElement",
27146
27793
  "module": "src/dialog/dialog.ts"
@@ -27148,11 +27795,12 @@
27148
27795
  },
27149
27796
  {
27150
27797
  "kind": "field",
27151
- "name": "type",
27798
+ "name": "startLeft",
27152
27799
  "type": {
27153
- "text": "DialogType"
27800
+ "text": "number"
27154
27801
  },
27155
- "default": "'default'",
27802
+ "privacy": "private",
27803
+ "default": "0",
27156
27804
  "inheritedFrom": {
27157
27805
  "name": "<local>_DialogElement",
27158
27806
  "module": "src/dialog/dialog.ts"
@@ -27160,11 +27808,12 @@
27160
27808
  },
27161
27809
  {
27162
27810
  "kind": "field",
27163
- "name": "position",
27811
+ "name": "startTop",
27164
27812
  "type": {
27165
- "text": "DialogPosition"
27813
+ "text": "number"
27166
27814
  },
27167
- "default": "'center'",
27815
+ "privacy": "private",
27816
+ "default": "0",
27168
27817
  "inheritedFrom": {
27169
27818
  "name": "<local>_DialogElement",
27170
27819
  "module": "src/dialog/dialog.ts"
@@ -27172,12 +27821,12 @@
27172
27821
  },
27173
27822
  {
27174
27823
  "kind": "field",
27175
- "name": "showCloseIcon",
27824
+ "name": "resizeOffsetX",
27176
27825
  "type": {
27177
- "text": "boolean"
27826
+ "text": "number"
27178
27827
  },
27179
- "default": "true",
27180
- "description": "Whether or not to show the close icon",
27828
+ "privacy": "private",
27829
+ "default": "0",
27181
27830
  "inheritedFrom": {
27182
27831
  "name": "<local>_DialogElement",
27183
27832
  "module": "src/dialog/dialog.ts"
@@ -27185,11 +27834,81 @@
27185
27834
  },
27186
27835
  {
27187
27836
  "kind": "field",
27188
- "name": "onShowCallback",
27837
+ "name": "resizeOffsetY",
27189
27838
  "type": {
27190
- "text": "() => void"
27839
+ "text": "number"
27191
27840
  },
27192
- "description": "Callback to run *before* HTMLDialogElement is shown",
27841
+ "privacy": "private",
27842
+ "default": "0",
27843
+ "inheritedFrom": {
27844
+ "name": "<local>_DialogElement",
27845
+ "module": "src/dialog/dialog.ts"
27846
+ }
27847
+ },
27848
+ {
27849
+ "kind": "method",
27850
+ "name": "setupResizeHandlers",
27851
+ "privacy": "private",
27852
+ "inheritedFrom": {
27853
+ "name": "<local>_DialogElement",
27854
+ "module": "src/dialog/dialog.ts"
27855
+ }
27856
+ },
27857
+ {
27858
+ "kind": "method",
27859
+ "name": "removeResizeHandlers",
27860
+ "privacy": "private",
27861
+ "inheritedFrom": {
27862
+ "name": "<local>_DialogElement",
27863
+ "module": "src/dialog/dialog.ts"
27864
+ }
27865
+ },
27866
+ {
27867
+ "kind": "method",
27868
+ "name": "handleResizeStart",
27869
+ "privacy": "private",
27870
+ "parameters": [
27871
+ {
27872
+ "name": "e",
27873
+ "type": {
27874
+ "text": "MouseEvent"
27875
+ }
27876
+ }
27877
+ ],
27878
+ "inheritedFrom": {
27879
+ "name": "<local>_DialogElement",
27880
+ "module": "src/dialog/dialog.ts"
27881
+ }
27882
+ },
27883
+ {
27884
+ "kind": "method",
27885
+ "name": "handleResizeMove",
27886
+ "privacy": "private",
27887
+ "parameters": [
27888
+ {
27889
+ "name": "e",
27890
+ "type": {
27891
+ "text": "MouseEvent"
27892
+ }
27893
+ }
27894
+ ],
27895
+ "inheritedFrom": {
27896
+ "name": "<local>_DialogElement",
27897
+ "module": "src/dialog/dialog.ts"
27898
+ }
27899
+ },
27900
+ {
27901
+ "kind": "method",
27902
+ "name": "handleResizeEnd",
27903
+ "privacy": "private",
27904
+ "parameters": [
27905
+ {
27906
+ "name": "e",
27907
+ "type": {
27908
+ "text": "MouseEvent"
27909
+ }
27910
+ }
27911
+ ],
27193
27912
  "inheritedFrom": {
27194
27913
  "name": "<local>_DialogElement",
27195
27914
  "module": "src/dialog/dialog.ts"
@@ -27403,6 +28122,51 @@
27403
28122
  "name": "<local>_DialogElement",
27404
28123
  "module": "src/dialog/dialog.ts"
27405
28124
  }
28125
+ },
28126
+ {
28127
+ "name": "resizable",
28128
+ "type": {
28129
+ "text": "boolean"
28130
+ },
28131
+ "default": "false",
28132
+ "description": "Whether or not the dialog is resizable",
28133
+ "fieldName": "resizable",
28134
+ "inheritedFrom": {
28135
+ "name": "<local>_DialogElement",
28136
+ "module": "src/dialog/dialog.ts"
28137
+ }
28138
+ },
28139
+ {
28140
+ "name": "min-width",
28141
+ "type": {
28142
+ "text": "number"
28143
+ },
28144
+ "default": "MIN_WIDTH",
28145
+ "description": "Minimum width for the dialog",
28146
+ "resolveInitializer": {
28147
+ "module": "src/dialog/dialog.ts"
28148
+ },
28149
+ "fieldName": "minWidth",
28150
+ "inheritedFrom": {
28151
+ "name": "<local>_DialogElement",
28152
+ "module": "src/dialog/dialog.ts"
28153
+ }
28154
+ },
28155
+ {
28156
+ "name": "min-height",
28157
+ "type": {
28158
+ "text": "number"
28159
+ },
28160
+ "default": "MIN_HEIGHT",
28161
+ "description": "Minimum height for the dialog",
28162
+ "resolveInitializer": {
28163
+ "module": "src/dialog/dialog.ts"
28164
+ },
28165
+ "fieldName": "minHeight",
28166
+ "inheritedFrom": {
28167
+ "name": "<local>_DialogElement",
28168
+ "module": "src/dialog/dialog.ts"
28169
+ }
27406
28170
  }
27407
28171
  ],
27408
28172
  "superclass": {