@zsviczian/excalidraw 0.17.6-14 → 0.17.6-15

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 (47) hide show
  1. package/dist/excalidraw.development.js +75 -31
  2. package/dist/excalidraw.production.min.js +1 -1
  3. package/dist/styles.development.css +78 -0
  4. package/dist/styles.production.css +1 -0
  5. package/package.json +1 -2
  6. package/types/excalidraw/actions/actionAddToLibrary.d.ts +18 -0
  7. package/types/excalidraw/actions/actionBoundText.d.ts +12 -0
  8. package/types/excalidraw/actions/actionCanvas.d.ts +84 -0
  9. package/types/excalidraw/actions/actionClipboard.d.ts +36 -0
  10. package/types/excalidraw/actions/actionCropEditor.d.ts +6 -0
  11. package/types/excalidraw/actions/actionDeleteSelected.d.ts +18 -0
  12. package/types/excalidraw/actions/actionElementLink.d.ts +244 -0
  13. package/types/excalidraw/actions/actionElementLock.d.ts +12 -0
  14. package/types/excalidraw/actions/actionExport.d.ts +51 -0
  15. package/types/excalidraw/actions/actionFinalize.d.ts +12 -0
  16. package/types/excalidraw/actions/actionFrame.d.ts +24 -0
  17. package/types/excalidraw/actions/actionGroup.d.ts +12 -0
  18. package/types/excalidraw/actions/actionLinearEditor.d.ts +6 -0
  19. package/types/excalidraw/actions/actionLink.d.ts +7 -1
  20. package/types/excalidraw/actions/actionMenu.d.ts +15 -0
  21. package/types/excalidraw/actions/actionNavigate.d.ts +12 -0
  22. package/types/excalidraw/actions/actionProperties.d.ts +90 -0
  23. package/types/excalidraw/actions/actionSelectAll.d.ts +6 -0
  24. package/types/excalidraw/actions/actionStyles.d.ts +6 -0
  25. package/types/excalidraw/actions/actionToggleGridMode.d.ts +6 -0
  26. package/types/excalidraw/actions/actionToggleObjectsSnapMode.d.ts +6 -0
  27. package/types/excalidraw/actions/actionToggleSearchMenu.d.ts +9 -0
  28. package/types/excalidraw/actions/actionToggleStats.d.ts +6 -0
  29. package/types/excalidraw/actions/actionToggleViewMode.d.ts +6 -0
  30. package/types/excalidraw/actions/actionToggleZenMode.d.ts +6 -0
  31. package/types/excalidraw/actions/types.d.ts +1 -1
  32. package/types/excalidraw/components/App.d.ts +9 -1
  33. package/types/excalidraw/components/ElementLinkDialog.d.ts +11 -0
  34. package/types/excalidraw/components/LayerUI.d.ts +2 -1
  35. package/types/excalidraw/components/hyperlink/Hyperlink.d.ts +1 -1
  36. package/types/excalidraw/components/hyperlink/helpers.d.ts +1 -0
  37. package/types/excalidraw/components/icons.d.ts +1 -0
  38. package/types/excalidraw/constants.d.ts +2 -0
  39. package/types/excalidraw/data/encode.d.ts +1 -0
  40. package/types/excalidraw/element/binding.d.ts +1 -1
  41. package/types/excalidraw/element/elementLink.d.ts +13 -0
  42. package/types/excalidraw/element/embeddable.d.ts +6 -0
  43. package/types/excalidraw/errors.d.ts +7 -0
  44. package/types/excalidraw/index.d.ts +1 -0
  45. package/types/excalidraw/renderer/renderElement.d.ts +1 -1
  46. package/types/excalidraw/scene/Scene.d.ts +1 -0
  47. package/types/excalidraw/types.d.ts +9 -0
@@ -5196,6 +5196,84 @@
5196
5196
  padding: 2px 3px;
5197
5197
  border-radius: 4px;
5198
5198
  }
5199
+ /*!**************************************************************************************************************************************************************************************************************!*\
5200
+ !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!../../node_modules/sass-loader/dist/cjs.js!./components/ElementLinkDialog.scss ***!
5201
+ \**************************************************************************************************************************************************************************************************************/
5202
+ :export {
5203
+ themeFilter: invert(93%) hue-rotate(180deg);
5204
+ rightSidebarWidth: 302px;
5205
+ }
5206
+
5207
+ .excalidraw .ElementLinkDialog {
5208
+ position: absolute;
5209
+ top: var(--editor-container-padding);
5210
+ left: var(--editor-container-padding);
5211
+ z-index: var(--zIndex-modal);
5212
+ border-radius: 10px;
5213
+ padding: 1.5rem;
5214
+ display: flex;
5215
+ flex-direction: column;
5216
+ justify-content: space-between;
5217
+ box-shadow: var(--shadow-island);
5218
+ background-color: var(--island-bg-color);
5219
+ }
5220
+ .excalidraw--mobile.excalidraw .ElementLinkDialog {
5221
+ left: 0;
5222
+ margin-left: 0.5rem;
5223
+ margin-right: 0.5rem;
5224
+ width: calc(100% - 1rem);
5225
+ box-sizing: border-box;
5226
+ z-index: 5;
5227
+ }
5228
+
5229
+ .excalidraw .ElementLinkDialog .ElementLinkDialog__header {
5230
+ margin-bottom: 1.5rem;
5231
+ }
5232
+ .excalidraw .ElementLinkDialog .ElementLinkDialog__header h2 {
5233
+ margin-top: 0;
5234
+ margin-bottom: 0.5rem;
5235
+ }
5236
+ .excalidraw--mobile.excalidraw .ElementLinkDialog .ElementLinkDialog__header h2 {
5237
+ font-size: 1.25rem;
5238
+ }
5239
+
5240
+ .excalidraw .ElementLinkDialog .ElementLinkDialog__header p {
5241
+ margin: 0;
5242
+ }
5243
+ .excalidraw--mobile.excalidraw .ElementLinkDialog .ElementLinkDialog__header p {
5244
+ font-size: 0.875rem;
5245
+ }
5246
+
5247
+ .excalidraw--mobile.excalidraw .ElementLinkDialog .ElementLinkDialog__header {
5248
+ margin-bottom: 1rem;
5249
+ }
5250
+
5251
+ .excalidraw .ElementLinkDialog .ElementLinkDialog__input {
5252
+ display: flex;
5253
+ }
5254
+ .excalidraw .ElementLinkDialog .ElementLinkDialog__input .ElementLinkDialog__input-field {
5255
+ flex: 1;
5256
+ }
5257
+ .excalidraw .ElementLinkDialog .ElementLinkDialog__input .ElementLinkDialog__remove {
5258
+ color: #c92a2a;
5259
+ margin-left: 1rem;
5260
+ }
5261
+ .excalidraw .ElementLinkDialog .ElementLinkDialog__input .ElementLinkDialog__remove .ToolIcon__icon {
5262
+ width: 2rem;
5263
+ height: 2rem;
5264
+ }
5265
+ .excalidraw .ElementLinkDialog .ElementLinkDialog__input .ElementLinkDialog__remove .ToolIcon__icon svg {
5266
+ color: #fa5252;
5267
+ }
5268
+ .excalidraw .ElementLinkDialog .ElementLinkDialog__actions {
5269
+ display: flex;
5270
+ justify-content: flex-end;
5271
+ margin-top: 1.5rem;
5272
+ }
5273
+ .excalidraw--mobile.excalidraw .ElementLinkDialog .ElementLinkDialog__actions {
5274
+ font-size: 0.875rem;
5275
+ margin-top: 1rem;
5276
+ }
5199
5277
  /*!****************************************************************************************************************************************************************************************************!*\
5200
5278
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!../../node_modules/sass-loader/dist/cjs.js!./components/LayerUI.scss ***!
5201
5279
  \****************************************************************************************************************************************************************************************************/
@@ -52,6 +52,7 @@
52
52
  :export{themeFilter:invert(93%) hue-rotate(180deg);rightSidebarWidth:302px}.excalidraw .OverwriteConfirm{display:flex;flex-direction:column;align-items:center;gap:.75rem;isolation:isolate}.excalidraw .OverwriteConfirm h3{margin:0;font-weight:700;font-size:1.3125rem;line-height:130%;align-self:flex-start;color:var(--text-primary-color)}.excalidraw .OverwriteConfirm__Description{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;width:100%;gap:1rem;padding:2.5rem;background:var(--color-danger-background);border-radius:.5rem;font-family:"Assistant";font-style:normal;font-weight:400;font-size:1rem;line-height:150%;color:var(--color-danger-color)}.excalidraw--mobile.excalidraw .OverwriteConfirm__Description{flex-direction:column;text-align:center}.excalidraw .OverwriteConfirm__Description__spacer{flex-grow:1}.excalidraw .OverwriteConfirm__Description__icon{box-sizing:border-box;display:flex;align-items:center;justify-content:center;border-radius:2.5rem;background:var(--color-danger-icon-background);width:3.5rem;height:3.5rem;padding:.75rem}.excalidraw .OverwriteConfirm__Description__icon svg{color:var(--color-danger-icon-color);width:1.5rem;height:1.5rem}.excalidraw .OverwriteConfirm__Description.OverwriteConfirm__Description--color-warning{background:var(--color-warning-background);color:var(--color-warning-color)}.excalidraw .OverwriteConfirm__Description.OverwriteConfirm__Description--color-warning .OverwriteConfirm__Description__icon{background:var(--color-warning-icon-background);flex:0 0 auto}.excalidraw .OverwriteConfirm__Description.OverwriteConfirm__Description--color-warning .OverwriteConfirm__Description__icon svg{color:var(--color-warning-icon-color)}.excalidraw .OverwriteConfirm__Actions{display:flex;flex-direction:row;align-items:stretch;justify-items:stretch;justify-content:center;gap:1.5rem}.excalidraw--mobile.excalidraw .OverwriteConfirm__Actions{flex-direction:column}.excalidraw .OverwriteConfirm__Actions__Action{display:flex;flex-direction:column;align-items:center;padding:1.5rem;gap:.75rem;flex-basis:50%;flex-grow:0}.excalidraw .OverwriteConfirm__Actions__Action__content{height:100%;font-size:.875rem;text-align:center}.excalidraw .OverwriteConfirm__Actions__Action h4{font-weight:700;font-size:1.125rem;line-height:130%;margin:0;color:var(--text-primary-color)}
53
53
  .excalidraw .layer-ui__search{flex:1 0 auto;display:flex;flex-direction:column;padding:8px 0 0 0}.excalidraw .layer-ui__search-header{display:flex;justify-content:space-between;align-items:center;padding:0 .75rem}.excalidraw .layer-ui__search-header .ExcTextField{flex:1 0 auto}.excalidraw .layer-ui__search-header .ExcTextField__input{background-color:var(--color-gray-50);border-radius:var(--border-radius-md);border:0}.excalidraw.theme--dark.excalidraw .layer-ui__search-header .ExcTextField__input{background-color:var(--color-gray-50)}.excalidraw .layer-ui__search-header .ExcTextField__input input::placeholder{font-size:.9rem}.excalidraw .layer-ui__search-count{display:flex;justify-content:space-between;align-items:center;padding:8px 8px 0 8px;margin:0 .75rem .25rem .75rem;font-size:.8em}.excalidraw .layer-ui__search-count .result-nav{display:flex}.excalidraw .layer-ui__search-count .result-nav .result-nav-btn{width:36px;height:36px;--button-border: transparent}.excalidraw .layer-ui__search-count .result-nav .result-nav-btn:active{background-color:var(--color-surface-high)}.excalidraw .layer-ui__search-count .result-nav .result-nav-btn:first{margin-right:4px}.excalidraw .layer-ui__search-result-container{overflow-y:auto;flex:1 1 0;display:flex;flex-direction:column;gap:.125rem}.excalidraw .layer-ui__result-item{display:flex;align-items:center;min-height:2rem;flex:0 0 auto;padding:.25rem .75rem;cursor:pointer;border:1px solid rgba(0,0,0,0);outline:none;margin:0 .75rem;border-radius:var(--border-radius-md)}.excalidraw .layer-ui__result-item .text-icon{width:1rem;height:1rem;margin-right:.75rem}.excalidraw .layer-ui__result-item .preview-text{flex:1;max-height:48px;line-height:24px;overflow:hidden;text-overflow:ellipsis;word-break:break-all}.excalidraw .layer-ui__result-item:hover{background-color:var(--color-surface-high)}.excalidraw .layer-ui__result-item:active{border-color:var(--color-primary)}.excalidraw .layer-ui__result-item.active{background-color:var(--color-surface-high)}
54
54
  :export{themeFilter:invert(93%) hue-rotate(180deg);rightSidebarWidth:302px}.excalidraw .Modal.Dialog.ttd-dialog{padding:1.25rem}.excalidraw .Modal.Dialog.ttd-dialog.Dialog--fullscreen{margin-top:0}.excalidraw .Modal.Dialog.ttd-dialog .Island{padding-inline:0 !important;height:100%;display:flex;flex-direction:column;flex:1 1 auto;box-shadow:none}.excalidraw .Modal.Dialog.ttd-dialog .Modal__content{height:auto;max-height:100%}@media screen and (min-width: 861px){.excalidraw .Modal.Dialog.ttd-dialog .Modal__content{max-height:750px;height:100%}}.excalidraw .Modal.Dialog.ttd-dialog .Dialog__content{flex:1 1 auto}.excalidraw .ttd-dialog-desc{font-size:15px;font-style:italic;font-weight:500;margin-bottom:1.5rem}.excalidraw .ttd-dialog-tabs-root{width:100%;height:100%;display:flex;flex-direction:column}.excalidraw .ttd-dialog-tab-trigger{color:var(--color-on-surface);font-size:.875rem;margin:0;padding:0 1rem;background-color:rgba(0,0,0,0);border:0;height:2.875rem;font-weight:600;font-family:inherit;letter-spacing:.4px}.excalidraw .ttd-dialog-tab-trigger[data-state=active]{border-bottom:2px solid var(--color-primary)}.excalidraw .ttd-dialog-triggers{border-bottom:1px solid var(--color-surface-high);margin-bottom:1.5rem;padding-inline:2.5rem}.excalidraw .ttd-dialog-content{padding-inline:2.5rem;height:100%;display:flex;flex-direction:column}.excalidraw .ttd-dialog-content[hidden]{display:none}.excalidraw .ttd-dialog-input{width:auto;height:10rem;resize:none;border-radius:var(--border-radius-lg);border:1px solid var(--dialog-border-color);white-space:pre-wrap;padding:.85rem;box-sizing:border-box;font-family:monospace;text-wrap:wrap !important}@media screen and (min-width: 861px){.excalidraw .ttd-dialog-input{width:100%;height:100%}}.excalidraw .ttd-dialog-output-wrapper{display:flex;align-items:center;justify-content:center;padding:.85rem;box-sizing:border-box;flex-grow:1;position:relative;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMUlEQVQ4T2NkYGAQYcAP3uCTZhw1gGGYhAGBZIA/nYDCgBDAm9BGDWAAJyRCgLaBCAAgXwixzAS0pgAAAABJRU5ErkJggg==) left center;border-radius:var(--border-radius-lg);border:1px solid var(--dialog-border-color);height:400px;width:auto}@media screen and (min-width: 861px){.excalidraw .ttd-dialog-output-wrapper{width:100%;height:200px}}.excalidraw .ttd-dialog-output-wrapper canvas{max-width:100%;max-height:100%}.excalidraw .ttd-dialog-output-canvas-container{display:flex;width:100%;height:100%;align-items:center;justify-content:center;flex-grow:1}.excalidraw .ttd-dialog-output-error{color:red;font-weight:700;font-size:30px;word-break:break-word;overflow:auto;max-height:100%;height:100%;width:100%;text-align:center;position:absolute;z-index:10}.excalidraw .ttd-dialog-output-error p{font-weight:500;font-family:Cascadia;text-align:left;white-space:pre-wrap;font-size:.875rem;padding:0 10px}.excalidraw .ttd-dialog-panels{height:100%}@media screen and (min-width: 861px){.excalidraw .ttd-dialog-panels{display:grid;grid-template-columns:1fr 1fr;gap:4rem}}.excalidraw .ttd-dialog-panel{display:flex;flex-direction:column;width:100%}.excalidraw .ttd-dialog-panel__header{display:flex;margin:0px 4px 4px 4px;align-items:center;gap:1rem}.excalidraw .ttd-dialog-panel__header label{font-size:14px;font-style:normal;font-weight:600}.excalidraw .ttd-dialog-panel:first-child .ttd-dialog-panel-button-container:not(.invisible){margin-bottom:4rem}@media screen and (min-width: 861px){.excalidraw .ttd-dialog-panel .ttd-dialog-panel-button-container:not(.invisible){margin-bottom:.5rem !important}}.excalidraw .ttd-dialog-panel textarea{height:100%;resize:none;border-radius:var(--border-radius-lg);border:1px solid var(--dialog-border-color);white-space:pre-wrap;padding:.85rem;box-sizing:border-box;width:100%;font-family:monospace}@media screen and (max-width: 861px){.excalidraw .ttd-dialog-panel textarea{width:auto;height:10rem}}.excalidraw .ttd-dialog-panel-button-container{margin-top:1rem;margin-bottom:.5rem}.excalidraw .ttd-dialog-panel-button-container.invisible .ttd-dialog-panel-button{display:none}@media screen and (min-width: 861px){.excalidraw .ttd-dialog-panel-button-container.invisible .ttd-dialog-panel-button{display:block;visibility:hidden}}.excalidraw .ttd-dialog-panel-button{position:relative}.excalidraw .ttd-dialog-panel-button.excalidraw-button{font-family:inherit;font-weight:600;height:2.5rem;font-size:12px;color:#fff;background-color:var(--color-primary);width:100%}.excalidraw .ttd-dialog-panel-button.excalidraw-button:hover{background-color:var(--color-primary-darker)}.excalidraw .ttd-dialog-panel-button.excalidraw-button:active{background-color:var(--color-primary-darkest)}.excalidraw .ttd-dialog-panel-button.excalidraw-button:disabled{opacity:.5;cursor:not-allowed}.excalidraw .ttd-dialog-panel-button.excalidraw-button:disabled:hover{background-color:var(--color-primary)}@media screen and (min-width: 861px){.excalidraw .ttd-dialog-panel-button.excalidraw-button{width:auto;min-width:7.5rem}}.excalidraw.theme--dark.excalidraw .ttd-dialog-panel-button.excalidraw-button{color:var(--color-gray-100)}.excalidraw .ttd-dialog-panel-button div{display:contents}.excalidraw .ttd-dialog-panel-button div.invisible{visibility:hidden}.excalidraw .ttd-dialog-panel-button div.Spinner{display:flex !important;position:absolute;inset:0;--spinner-color: white}.excalidraw.theme--dark.excalidraw .ttd-dialog-panel-button div.Spinner{--spinner-color: var(--color-gray-100)}.excalidraw .ttd-dialog-panel-button div span{padding-left:.5rem;display:flex}.excalidraw .ttd-dialog-submit-shortcut{margin-inline-start:.5rem;font-size:.625rem;opacity:.6;display:flex;gap:.125rem}.excalidraw .ttd-dialog-submit-shortcut__key{border:1px solid gray;padding:2px 3px;border-radius:4px}
55
+ :export{themeFilter:invert(93%) hue-rotate(180deg);rightSidebarWidth:302px}.excalidraw .ElementLinkDialog{position:absolute;top:var(--editor-container-padding);left:var(--editor-container-padding);z-index:var(--zIndex-modal);border-radius:10px;padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow-island);background-color:var(--island-bg-color)}.excalidraw--mobile.excalidraw .ElementLinkDialog{left:0;margin-left:.5rem;margin-right:.5rem;width:calc(100% - 1rem);box-sizing:border-box;z-index:5}.excalidraw .ElementLinkDialog .ElementLinkDialog__header{margin-bottom:1.5rem}.excalidraw .ElementLinkDialog .ElementLinkDialog__header h2{margin-top:0;margin-bottom:.5rem}.excalidraw--mobile.excalidraw .ElementLinkDialog .ElementLinkDialog__header h2{font-size:1.25rem}.excalidraw .ElementLinkDialog .ElementLinkDialog__header p{margin:0}.excalidraw--mobile.excalidraw .ElementLinkDialog .ElementLinkDialog__header p{font-size:.875rem}.excalidraw--mobile.excalidraw .ElementLinkDialog .ElementLinkDialog__header{margin-bottom:1rem}.excalidraw .ElementLinkDialog .ElementLinkDialog__input{display:flex}.excalidraw .ElementLinkDialog .ElementLinkDialog__input .ElementLinkDialog__input-field{flex:1}.excalidraw .ElementLinkDialog .ElementLinkDialog__input .ElementLinkDialog__remove{color:#c92a2a;margin-left:1rem}.excalidraw .ElementLinkDialog .ElementLinkDialog__input .ElementLinkDialog__remove .ToolIcon__icon{width:2rem;height:2rem}.excalidraw .ElementLinkDialog .ElementLinkDialog__input .ElementLinkDialog__remove .ToolIcon__icon svg{color:#fa5252}.excalidraw .ElementLinkDialog .ElementLinkDialog__actions{display:flex;justify-content:flex-end;margin-top:1.5rem}.excalidraw--mobile.excalidraw .ElementLinkDialog .ElementLinkDialog__actions{font-size:.875rem;margin-top:1rem}
55
56
  :export{themeFilter:invert(93%) hue-rotate(180deg);rightSidebarWidth:302px}.excalidraw .layer-ui__wrapper.animate{transition:width .1s ease-in-out}.excalidraw .layer-ui__wrapper{position:absolute;width:100%;height:100%;pointer-events:none;z-index:var(--zIndex-layerUI)}.excalidraw .layer-ui__wrapper__top-right{display:flex;width:100%;justify-content:flex-end;pointer-events:none !important}.excalidraw .layer-ui__wrapper__top-right>*{pointer-events:var(--ui-pointerEvents)}.excalidraw .layer-ui__wrapper__footer{width:100%}.excalidraw .layer-ui__wrapper__footer-right{z-index:100;display:flex}.excalidraw .layer-ui__wrapper .zen-mode-transition{transition:transform .5s ease-in-out}:root[dir=ltr] .excalidraw .layer-ui__wrapper .zen-mode-transition.transition-left{transform:translate(-999px, 0)}:root[dir=ltr] .excalidraw .layer-ui__wrapper .zen-mode-transition.transition-right{transform:translate(999px, 0)}:root[dir=rtl] .excalidraw .layer-ui__wrapper .zen-mode-transition.transition-left{transform:translate(999px, 0)}:root[dir=rtl] .excalidraw .layer-ui__wrapper .zen-mode-transition.transition-right{transform:translate(-999px, 0)}.excalidraw .layer-ui__wrapper .zen-mode-transition.layer-ui__wrapper__footer-left--transition-bottom{transform:translate(0, 92px)}.excalidraw .layer-ui__wrapper .disable-zen-mode{padding:10px;position:absolute;bottom:0;opacity:0;visibility:hidden;transition:visibility 0s linear 0s,opacity .5s;font-family:var(--ui-font);font-size:.75rem;font-weight:500;line-height:1;border-radius:var(--border-radius-lg);border:1px solid var(--default-border-color);background-color:var(--island-bg-color);color:var(--text-primary-color)}[dir=ltr] .excalidraw .layer-ui__wrapper .disable-zen-mode{right:1rem}[dir=rtl] .excalidraw .layer-ui__wrapper .disable-zen-mode{left:1rem}.excalidraw .layer-ui__wrapper .disable-zen-mode:hover{background-color:var(--button-hover-bg)}.excalidraw .layer-ui__wrapper .disable-zen-mode:active{border-color:var(--color-primary)}.excalidraw .layer-ui__wrapper .disable-zen-mode--visible{opacity:1;visibility:visible;transition:visibility 0s linear 300ms,opacity .5s;transition-delay:.8s;pointer-events:var(--ui-pointerEvents)}.excalidraw .layer-ui__wrapper .layer-ui__wrapper__footer-left>*,.excalidraw .layer-ui__wrapper .footer-center>*,.excalidraw .layer-ui__wrapper .layer-ui__wrapper__footer-right>*{pointer-events:var(--ui-pointerEvents)}.excalidraw .layer-ui__wrapper .layer-ui__wrapper__footer-right{margin-top:auto;margin-bottom:auto}
56
57
  :export{themeFilter:invert(93%) hue-rotate(180deg);rightSidebarWidth:302px}.excalidraw .App-toolbar.zen-mode .ToolIcon__keybinding,.excalidraw .App-toolbar.zen-mode .HintViewer{display:none}.excalidraw .App-toolbar__divider{width:1px;height:1.5rem;align-self:center;background-color:var(--default-border-color);margin:0 .25rem}.excalidraw--mobile.excalidraw .App-toolbar__divider{margin:0}.excalidraw .App-toolbar__extra-tools-trigger{box-shadow:none;border:0;background-color:rgba(0,0,0,0)}.excalidraw .App-toolbar__extra-tools-trigger:active{background-color:var(--button-hover-bg);box-shadow:0 0 0 1px var(--button-active-border, var(--color-primary-darkest)) inset}.excalidraw .App-toolbar__extra-tools-trigger--selected,.excalidraw .App-toolbar__extra-tools-trigger--selected:hover{background:var(--color-primary-light);color:var(--color-primary)}.excalidraw .App-toolbar__extra-tools-dropdown{margin-top:.375rem;right:0;min-width:11.875rem;z-index:1}
57
58
  :export{themeFilter:invert(93%) hue-rotate(180deg);rightSidebarWidth:302px}.excalidraw .Toast{animation:fade-in .5s;background-color:var(--button-gray-1);border-radius:4px;bottom:10px;box-sizing:border-box;cursor:default;left:50%;margin-left:-150px;padding:4px 0;position:absolute;text-align:center;width:300px;z-index:999999}.excalidraw .Toast .Toast__message{padding:0 1.6rem;color:var(--popup-text-color);white-space:pre-wrap}.excalidraw .Toast .close{position:absolute;top:0;right:0;padding:.4rem}.excalidraw .Toast .close .ToolIcon__icon{width:1.2rem;height:1.2rem}@keyframes fade-in{from{opacity:0}to{opacity:1}}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zsviczian/excalidraw",
3
- "version": "0.17.6-14",
3
+ "version": "0.17.6-15",
4
4
  "main": "main.js",
5
5
  "types": "types/excalidraw/index.d.ts",
6
6
  "files": [
@@ -50,7 +50,6 @@
50
50
  "@excalidraw/random-username": "1.1.0",
51
51
  "@radix-ui/react-popover": "1.0.3",
52
52
  "@radix-ui/react-tabs": "1.0.2",
53
- "@tldraw/vec": "1.7.1",
54
53
  "browser-fs-access": "0.29.1",
55
54
  "canvas-roundrect-polyfill": "0.0.1",
56
55
  "clsx": "1.1.1",
@@ -88,12 +88,18 @@ export declare const actionAddToLibrary: {
88
88
  tab: "mermaid" | "text-to-diagram";
89
89
  } | {
90
90
  name: "commandPalette";
91
+ } | {
92
+ name: "elementLinkSelector";
93
+ sourceElementId: string;
91
94
  } | null;
92
95
  defaultSidebarDockedPreference: boolean;
93
96
  lastPointerDownWith: import("../element/types").PointerType;
94
97
  selectedElementIds: Readonly<{
95
98
  [id: string]: true;
96
99
  }>;
100
+ hoveredElementIds: Readonly<{
101
+ [id: string]: true;
102
+ }>;
97
103
  previousSelectedElementIds: {
98
104
  [id: string]: true;
99
105
  };
@@ -284,12 +290,18 @@ export declare const actionAddToLibrary: {
284
290
  tab: "mermaid" | "text-to-diagram";
285
291
  } | {
286
292
  name: "commandPalette";
293
+ } | {
294
+ name: "elementLinkSelector";
295
+ sourceElementId: string;
287
296
  } | null;
288
297
  defaultSidebarDockedPreference: boolean;
289
298
  lastPointerDownWith: import("../element/types").PointerType;
290
299
  selectedElementIds: Readonly<{
291
300
  [id: string]: true;
292
301
  }>;
302
+ hoveredElementIds: Readonly<{
303
+ [id: string]: true;
304
+ }>;
293
305
  previousSelectedElementIds: {
294
306
  [id: string]: true;
295
307
  };
@@ -485,12 +497,18 @@ export declare const actionAddToLibrary: {
485
497
  tab: "mermaid" | "text-to-diagram";
486
498
  } | {
487
499
  name: "commandPalette";
500
+ } | {
501
+ name: "elementLinkSelector";
502
+ sourceElementId: string;
488
503
  } | null;
489
504
  defaultSidebarDockedPreference: boolean;
490
505
  lastPointerDownWith: import("../element/types").PointerType;
491
506
  selectedElementIds: Readonly<{
492
507
  [id: string]: true;
493
508
  }>;
509
+ hoveredElementIds: Readonly<{
510
+ [id: string]: true;
511
+ }>;
494
512
  previousSelectedElementIds: {
495
513
  [id: string]: true;
496
514
  };
@@ -108,9 +108,15 @@ export declare const actionBindText: {
108
108
  tab: "mermaid" | "text-to-diagram";
109
109
  } | {
110
110
  name: "commandPalette";
111
+ } | {
112
+ name: "elementLinkSelector";
113
+ sourceElementId: string;
111
114
  } | null;
112
115
  defaultSidebarDockedPreference: boolean;
113
116
  lastPointerDownWith: import("../element/types").PointerType;
117
+ hoveredElementIds: Readonly<{
118
+ [id: string]: true;
119
+ }>;
114
120
  previousSelectedElementIds: {
115
121
  [id: string]: true;
116
122
  };
@@ -321,9 +327,15 @@ export declare const actionWrapTextInContainer: {
321
327
  tab: "mermaid" | "text-to-diagram";
322
328
  } | {
323
329
  name: "commandPalette";
330
+ } | {
331
+ name: "elementLinkSelector";
332
+ sourceElementId: string;
324
333
  } | null;
325
334
  defaultSidebarDockedPreference: boolean;
326
335
  lastPointerDownWith: import("../element/types").PointerType;
336
+ hoveredElementIds: Readonly<{
337
+ [id: string]: true;
338
+ }>;
327
339
  previousSelectedElementIds: {
328
340
  [id: string]: true;
329
341
  };
@@ -137,12 +137,18 @@ export declare const actionClearCanvas: {
137
137
  tab: "mermaid" | "text-to-diagram";
138
138
  } | {
139
139
  name: "commandPalette";
140
+ } | {
141
+ name: "elementLinkSelector";
142
+ sourceElementId: string;
140
143
  } | null;
141
144
  defaultSidebarDockedPreference: boolean;
142
145
  lastPointerDownWith: import("../element/types").PointerType;
143
146
  selectedElementIds: Readonly<{
144
147
  [id: string]: true;
145
148
  }>;
149
+ hoveredElementIds: Readonly<{
150
+ [id: string]: true;
151
+ }>;
146
152
  previousSelectedElementIds: {
147
153
  [id: string]: true;
148
154
  };
@@ -317,12 +323,18 @@ export declare const actionZoomIn: {
317
323
  tab: "mermaid" | "text-to-diagram";
318
324
  } | {
319
325
  name: "commandPalette";
326
+ } | {
327
+ name: "elementLinkSelector";
328
+ sourceElementId: string;
320
329
  } | null;
321
330
  defaultSidebarDockedPreference: boolean;
322
331
  lastPointerDownWith: import("../element/types").PointerType;
323
332
  selectedElementIds: Readonly<{
324
333
  [id: string]: true;
325
334
  }>;
335
+ hoveredElementIds: Readonly<{
336
+ [id: string]: true;
337
+ }>;
326
338
  previousSelectedElementIds: {
327
339
  [id: string]: true;
328
340
  };
@@ -532,12 +544,18 @@ export declare const actionZoomOut: {
532
544
  tab: "mermaid" | "text-to-diagram";
533
545
  } | {
534
546
  name: "commandPalette";
547
+ } | {
548
+ name: "elementLinkSelector";
549
+ sourceElementId: string;
535
550
  } | null;
536
551
  defaultSidebarDockedPreference: boolean;
537
552
  lastPointerDownWith: import("../element/types").PointerType;
538
553
  selectedElementIds: Readonly<{
539
554
  [id: string]: true;
540
555
  }>;
556
+ hoveredElementIds: Readonly<{
557
+ [id: string]: true;
558
+ }>;
541
559
  previousSelectedElementIds: {
542
560
  [id: string]: true;
543
561
  };
@@ -747,12 +765,18 @@ export declare const actionResetZoom: {
747
765
  tab: "mermaid" | "text-to-diagram";
748
766
  } | {
749
767
  name: "commandPalette";
768
+ } | {
769
+ name: "elementLinkSelector";
770
+ sourceElementId: string;
750
771
  } | null;
751
772
  defaultSidebarDockedPreference: boolean;
752
773
  lastPointerDownWith: import("../element/types").PointerType;
753
774
  selectedElementIds: Readonly<{
754
775
  [id: string]: true;
755
776
  }>;
777
+ hoveredElementIds: Readonly<{
778
+ [id: string]: true;
779
+ }>;
756
780
  previousSelectedElementIds: {
757
781
  [id: string]: true;
758
782
  };
@@ -968,12 +992,18 @@ export declare const zoomToFitBounds: ({ bounds, appState, canvasOffsets, fitToV
968
992
  tab: "mermaid" | "text-to-diagram";
969
993
  } | {
970
994
  name: "commandPalette";
995
+ } | {
996
+ name: "elementLinkSelector";
997
+ sourceElementId: string;
971
998
  } | null;
972
999
  defaultSidebarDockedPreference: boolean;
973
1000
  lastPointerDownWith: import("../element/types").PointerType;
974
1001
  selectedElementIds: Readonly<{
975
1002
  [id: string]: true;
976
1003
  }>;
1004
+ hoveredElementIds: Readonly<{
1005
+ [id: string]: true;
1006
+ }>;
977
1007
  previousSelectedElementIds: {
978
1008
  [id: string]: true;
979
1009
  };
@@ -1185,12 +1215,18 @@ export declare const zoomToFit: ({ canvasOffsets, targetElements, appState, fitT
1185
1215
  tab: "mermaid" | "text-to-diagram";
1186
1216
  } | {
1187
1217
  name: "commandPalette";
1218
+ } | {
1219
+ name: "elementLinkSelector";
1220
+ sourceElementId: string;
1188
1221
  } | null;
1189
1222
  defaultSidebarDockedPreference: boolean;
1190
1223
  lastPointerDownWith: import("../element/types").PointerType;
1191
1224
  selectedElementIds: Readonly<{
1192
1225
  [id: string]: true;
1193
1226
  }>;
1227
+ hoveredElementIds: Readonly<{
1228
+ [id: string]: true;
1229
+ }>;
1194
1230
  previousSelectedElementIds: {
1195
1231
  [id: string]: true;
1196
1232
  };
@@ -1394,12 +1430,18 @@ export declare const actionZoomToFitSelectionInViewport: {
1394
1430
  tab: "mermaid" | "text-to-diagram";
1395
1431
  } | {
1396
1432
  name: "commandPalette";
1433
+ } | {
1434
+ name: "elementLinkSelector";
1435
+ sourceElementId: string;
1397
1436
  } | null;
1398
1437
  defaultSidebarDockedPreference: boolean;
1399
1438
  lastPointerDownWith: import("../element/types").PointerType;
1400
1439
  selectedElementIds: Readonly<{
1401
1440
  [id: string]: true;
1402
1441
  }>;
1442
+ hoveredElementIds: Readonly<{
1443
+ [id: string]: true;
1444
+ }>;
1403
1445
  previousSelectedElementIds: {
1404
1446
  [id: string]: true;
1405
1447
  };
@@ -1607,12 +1649,18 @@ export declare const actionZoomToFitSelection: {
1607
1649
  tab: "mermaid" | "text-to-diagram";
1608
1650
  } | {
1609
1651
  name: "commandPalette";
1652
+ } | {
1653
+ name: "elementLinkSelector";
1654
+ sourceElementId: string;
1610
1655
  } | null;
1611
1656
  defaultSidebarDockedPreference: boolean;
1612
1657
  lastPointerDownWith: import("../element/types").PointerType;
1613
1658
  selectedElementIds: Readonly<{
1614
1659
  [id: string]: true;
1615
1660
  }>;
1661
+ hoveredElementIds: Readonly<{
1662
+ [id: string]: true;
1663
+ }>;
1616
1664
  previousSelectedElementIds: {
1617
1665
  [id: string]: true;
1618
1666
  };
@@ -1821,12 +1869,18 @@ export declare const actionZoomToFit: {
1821
1869
  tab: "mermaid" | "text-to-diagram";
1822
1870
  } | {
1823
1871
  name: "commandPalette";
1872
+ } | {
1873
+ name: "elementLinkSelector";
1874
+ sourceElementId: string;
1824
1875
  } | null;
1825
1876
  defaultSidebarDockedPreference: boolean;
1826
1877
  lastPointerDownWith: import("../element/types").PointerType;
1827
1878
  selectedElementIds: Readonly<{
1828
1879
  [id: string]: true;
1829
1880
  }>;
1881
+ hoveredElementIds: Readonly<{
1882
+ [id: string]: true;
1883
+ }>;
1830
1884
  previousSelectedElementIds: {
1831
1885
  [id: string]: true;
1832
1886
  };
@@ -2037,12 +2091,18 @@ export declare const actionToggleTheme: {
2037
2091
  tab: "mermaid" | "text-to-diagram";
2038
2092
  } | {
2039
2093
  name: "commandPalette";
2094
+ } | {
2095
+ name: "elementLinkSelector";
2096
+ sourceElementId: string;
2040
2097
  } | null;
2041
2098
  defaultSidebarDockedPreference: boolean;
2042
2099
  lastPointerDownWith: import("../element/types").PointerType;
2043
2100
  selectedElementIds: Readonly<{
2044
2101
  [id: string]: true;
2045
2102
  }>;
2103
+ hoveredElementIds: Readonly<{
2104
+ [id: string]: true;
2105
+ }>;
2046
2106
  previousSelectedElementIds: {
2047
2107
  [id: string]: true;
2048
2108
  };
@@ -2248,9 +2308,15 @@ export declare const actionToggleEraserTool: {
2248
2308
  tab: "mermaid" | "text-to-diagram";
2249
2309
  } | {
2250
2310
  name: "commandPalette";
2311
+ } | {
2312
+ name: "elementLinkSelector";
2313
+ sourceElementId: string;
2251
2314
  } | null;
2252
2315
  defaultSidebarDockedPreference: boolean;
2253
2316
  lastPointerDownWith: import("../element/types").PointerType;
2317
+ hoveredElementIds: Readonly<{
2318
+ [id: string]: true;
2319
+ }>;
2254
2320
  previousSelectedElementIds: {
2255
2321
  [id: string]: true;
2256
2322
  };
@@ -2456,9 +2522,15 @@ export declare const actionToggleHandTool: {
2456
2522
  tab: "mermaid" | "text-to-diagram";
2457
2523
  } | {
2458
2524
  name: "commandPalette";
2525
+ } | {
2526
+ name: "elementLinkSelector";
2527
+ sourceElementId: string;
2459
2528
  } | null;
2460
2529
  defaultSidebarDockedPreference: boolean;
2461
2530
  lastPointerDownWith: import("../element/types").PointerType;
2531
+ hoveredElementIds: Readonly<{
2532
+ [id: string]: true;
2533
+ }>;
2462
2534
  previousSelectedElementIds: {
2463
2535
  [id: string]: true;
2464
2536
  };
@@ -2661,9 +2733,15 @@ export declare const actionToggleLaserPointer: {
2661
2733
  tab: "mermaid" | "text-to-diagram";
2662
2734
  } | {
2663
2735
  name: "commandPalette";
2736
+ } | {
2737
+ name: "elementLinkSelector";
2738
+ sourceElementId: string;
2664
2739
  } | null;
2665
2740
  defaultSidebarDockedPreference: boolean;
2666
2741
  lastPointerDownWith: import("../element/types").PointerType;
2742
+ hoveredElementIds: Readonly<{
2743
+ [id: string]: true;
2744
+ }>;
2667
2745
  previousSelectedElementIds: {
2668
2746
  [id: string]: true;
2669
2747
  };
@@ -2863,12 +2941,18 @@ export declare const zoomToFitElements: (elements: readonly ExcalidrawElement[],
2863
2941
  tab: "mermaid" | "text-to-diagram";
2864
2942
  } | {
2865
2943
  name: "commandPalette";
2944
+ } | {
2945
+ name: "elementLinkSelector";
2946
+ sourceElementId: string;
2866
2947
  } | null;
2867
2948
  defaultSidebarDockedPreference: boolean;
2868
2949
  lastPointerDownWith: import("../element/types").PointerType;
2869
2950
  selectedElementIds: Readonly<{
2870
2951
  [id: string]: true;
2871
2952
  }>;
2953
+ hoveredElementIds: Readonly<{
2954
+ [id: string]: true;
2955
+ }>;
2872
2956
  previousSelectedElementIds: {
2873
2957
  [id: string]: true;
2874
2958
  };
@@ -87,12 +87,18 @@ export declare const actionCopy: {
87
87
  tab: "mermaid" | "text-to-diagram";
88
88
  } | {
89
89
  name: "commandPalette";
90
+ } | {
91
+ name: "elementLinkSelector";
92
+ sourceElementId: string;
90
93
  } | null;
91
94
  defaultSidebarDockedPreference: boolean;
92
95
  lastPointerDownWith: import("../element/types").PointerType;
93
96
  selectedElementIds: Readonly<{
94
97
  [id: string]: true;
95
98
  }>;
99
+ hoveredElementIds: Readonly<{
100
+ [id: string]: true;
101
+ }>;
96
102
  previousSelectedElementIds: {
97
103
  [id: string]: true;
98
104
  };
@@ -302,12 +308,18 @@ export declare const actionPaste: {
302
308
  tab: "mermaid" | "text-to-diagram";
303
309
  } | {
304
310
  name: "commandPalette";
311
+ } | {
312
+ name: "elementLinkSelector";
313
+ sourceElementId: string;
305
314
  } | null;
306
315
  defaultSidebarDockedPreference: boolean;
307
316
  lastPointerDownWith: import("../element/types").PointerType;
308
317
  selectedElementIds: Readonly<{
309
318
  [id: string]: true;
310
319
  }>;
320
+ hoveredElementIds: Readonly<{
321
+ [id: string]: true;
322
+ }>;
311
323
  previousSelectedElementIds: {
312
324
  [id: string]: true;
313
325
  };
@@ -518,12 +530,18 @@ export declare const actionCut: {
518
530
  tab: "mermaid" | "text-to-diagram";
519
531
  } | {
520
532
  name: "commandPalette";
533
+ } | {
534
+ name: "elementLinkSelector";
535
+ sourceElementId: string;
521
536
  } | null;
522
537
  defaultSidebarDockedPreference: boolean;
523
538
  lastPointerDownWith: import("../element/types").PointerType;
524
539
  selectedElementIds: Readonly<{
525
540
  [id: string]: true;
526
541
  }>;
542
+ hoveredElementIds: Readonly<{
543
+ [id: string]: true;
544
+ }>;
527
545
  previousSelectedElementIds: {
528
546
  [id: string]: true;
529
547
  };
@@ -750,12 +768,18 @@ export declare const actionCut: {
750
768
  tab: "mermaid" | "text-to-diagram";
751
769
  } | {
752
770
  name: "commandPalette";
771
+ } | {
772
+ name: "elementLinkSelector";
773
+ sourceElementId: string;
753
774
  } | null;
754
775
  defaultSidebarDockedPreference: boolean;
755
776
  lastPointerDownWith: import("../element/types").PointerType;
756
777
  selectedElementIds: Readonly<{
757
778
  [id: string]: true;
758
779
  }>;
780
+ hoveredElementIds: Readonly<{
781
+ [id: string]: true;
782
+ }>;
759
783
  previousSelectedElementIds: {
760
784
  [id: string]: true;
761
785
  };
@@ -951,9 +975,15 @@ export declare const actionCut: {
951
975
  tab: "mermaid" | "text-to-diagram";
952
976
  } | {
953
977
  name: "commandPalette";
978
+ } | {
979
+ name: "elementLinkSelector";
980
+ sourceElementId: string;
954
981
  } | null;
955
982
  defaultSidebarDockedPreference: boolean;
956
983
  lastPointerDownWith: import("../element/types").PointerType;
984
+ hoveredElementIds: Readonly<{
985
+ [id: string]: true;
986
+ }>;
957
987
  previousSelectedElementIds: {
958
988
  [id: string]: true;
959
989
  };
@@ -1191,12 +1221,18 @@ export declare const actionCopyAsPng: {
1191
1221
  tab: "mermaid" | "text-to-diagram";
1192
1222
  } | {
1193
1223
  name: "commandPalette";
1224
+ } | {
1225
+ name: "elementLinkSelector";
1226
+ sourceElementId: string;
1194
1227
  } | null;
1195
1228
  defaultSidebarDockedPreference: boolean;
1196
1229
  lastPointerDownWith: import("../element/types").PointerType;
1197
1230
  selectedElementIds: Readonly<{
1198
1231
  [id: string]: true;
1199
1232
  }>;
1233
+ hoveredElementIds: Readonly<{
1234
+ [id: string]: true;
1235
+ }>;
1200
1236
  previousSelectedElementIds: {
1201
1237
  [id: string]: true;
1202
1238
  };
@@ -90,12 +90,18 @@ export declare const actionToggleCropEditor: {
90
90
  tab: "mermaid" | "text-to-diagram";
91
91
  } | {
92
92
  name: "commandPalette";
93
+ } | {
94
+ name: "elementLinkSelector";
95
+ sourceElementId: string;
93
96
  } | null;
94
97
  defaultSidebarDockedPreference: boolean;
95
98
  lastPointerDownWith: import("../element/types").PointerType;
96
99
  selectedElementIds: Readonly<{
97
100
  [id: string]: true;
98
101
  }>;
102
+ hoveredElementIds: Readonly<{
103
+ [id: string]: true;
104
+ }>;
99
105
  previousSelectedElementIds: {
100
106
  [id: string]: true;
101
107
  };
@@ -91,12 +91,18 @@ export declare const actionDeleteSelected: {
91
91
  tab: "mermaid" | "text-to-diagram";
92
92
  } | {
93
93
  name: "commandPalette";
94
+ } | {
95
+ name: "elementLinkSelector";
96
+ sourceElementId: string;
94
97
  } | null;
95
98
  defaultSidebarDockedPreference: boolean;
96
99
  lastPointerDownWith: import("../element/types").PointerType;
97
100
  selectedElementIds: Readonly<{
98
101
  [id: string]: true;
99
102
  }>;
103
+ hoveredElementIds: Readonly<{
104
+ [id: string]: true;
105
+ }>;
100
106
  previousSelectedElementIds: {
101
107
  [id: string]: true;
102
108
  };
@@ -323,12 +329,18 @@ export declare const actionDeleteSelected: {
323
329
  tab: "mermaid" | "text-to-diagram";
324
330
  } | {
325
331
  name: "commandPalette";
332
+ } | {
333
+ name: "elementLinkSelector";
334
+ sourceElementId: string;
326
335
  } | null;
327
336
  defaultSidebarDockedPreference: boolean;
328
337
  lastPointerDownWith: import("../element/types").PointerType;
329
338
  selectedElementIds: Readonly<{
330
339
  [id: string]: true;
331
340
  }>;
341
+ hoveredElementIds: Readonly<{
342
+ [id: string]: true;
343
+ }>;
332
344
  previousSelectedElementIds: {
333
345
  [id: string]: true;
334
346
  };
@@ -524,9 +536,15 @@ export declare const actionDeleteSelected: {
524
536
  tab: "mermaid" | "text-to-diagram";
525
537
  } | {
526
538
  name: "commandPalette";
539
+ } | {
540
+ name: "elementLinkSelector";
541
+ sourceElementId: string;
527
542
  } | null;
528
543
  defaultSidebarDockedPreference: boolean;
529
544
  lastPointerDownWith: import("../element/types").PointerType;
545
+ hoveredElementIds: Readonly<{
546
+ [id: string]: true;
547
+ }>;
530
548
  previousSelectedElementIds: {
531
549
  [id: string]: true;
532
550
  };