@zsviczian/excalidraw 0.17.1-obsidian-50 → 0.17.1-obsidian-52

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.
@@ -4825,143 +4825,98 @@
4825
4825
  margin: 0;
4826
4826
  color: var(--text-primary-color);
4827
4827
  }
4828
- /*!****************************************************************************************************************************************************************************************************!*\
4829
- !*** 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 ***!
4830
- \****************************************************************************************************************************************************************************************************/
4831
- :export {
4832
- themeFilter: invert(93%) hue-rotate(180deg);
4833
- rightSidebarWidth: 302px;
4834
- }
4835
-
4836
- .excalidraw .layer-ui__wrapper.animate {
4837
- transition: width 0.1s ease-in-out;
4838
- }
4839
- .excalidraw .layer-ui__wrapper {
4840
- position: absolute;
4841
- width: 100%;
4842
- height: 100%;
4843
- pointer-events: none;
4844
- z-index: var(--zIndex-layerUI);
4845
- }
4846
- .excalidraw .layer-ui__wrapper__top-right {
4828
+ /*!*******************************************************************************************************************************************************************************************************!*\
4829
+ !*** 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/SearchMenu.scss ***!
4830
+ \*******************************************************************************************************************************************************************************************************/
4831
+ .excalidraw .layer-ui__search {
4832
+ flex: 1 0 auto;
4847
4833
  display: flex;
4848
- width: 100%;
4849
- justify-content: flex-end;
4850
- pointer-events: none !important;
4851
- }
4852
- .excalidraw .layer-ui__wrapper__top-right > * {
4853
- pointer-events: var(--ui-pointerEvents);
4854
- }
4855
- .excalidraw .layer-ui__wrapper__footer {
4856
- width: 100%;
4834
+ flex-direction: column;
4835
+ padding: 8px 0 0 0;
4857
4836
  }
4858
- .excalidraw .layer-ui__wrapper__footer-right {
4859
- z-index: 100;
4837
+ .excalidraw .layer-ui__search-header {
4860
4838
  display: flex;
4839
+ justify-content: space-between;
4840
+ align-items: center;
4841
+ padding: 0 0.75rem;
4861
4842
  }
4862
- .excalidraw .layer-ui__wrapper .zen-mode-transition {
4863
- transition: transform 0.5s ease-in-out;
4864
- }
4865
- :root[dir=ltr] .excalidraw .layer-ui__wrapper .zen-mode-transition.transition-left {
4866
- transform: translate(-999px, 0);
4867
- }
4868
- :root[dir=ltr] .excalidraw .layer-ui__wrapper .zen-mode-transition.transition-right {
4869
- transform: translate(999px, 0);
4870
- }
4871
- :root[dir=rtl] .excalidraw .layer-ui__wrapper .zen-mode-transition.transition-left {
4872
- transform: translate(999px, 0);
4873
- }
4874
- :root[dir=rtl] .excalidraw .layer-ui__wrapper .zen-mode-transition.transition-right {
4875
- transform: translate(-999px, 0);
4876
- }
4877
- .excalidraw .layer-ui__wrapper .zen-mode-transition.layer-ui__wrapper__footer-left--transition-bottom {
4878
- transform: translate(0, 92px);
4879
- }
4880
- .excalidraw .layer-ui__wrapper .disable-zen-mode {
4881
- padding: 10px;
4882
- position: absolute;
4883
- bottom: 0;
4884
- opacity: 0;
4885
- visibility: hidden;
4886
- transition: visibility 0s linear 0s, opacity 0.5s;
4887
- font-family: var(--ui-font);
4888
- font-size: 0.75rem;
4889
- font-weight: 500;
4890
- line-height: 1;
4891
- border-radius: var(--border-radius-lg);
4892
- border: 1px solid var(--default-border-color);
4893
- background-color: var(--island-bg-color);
4894
- color: var(--text-primary-color);
4843
+ .excalidraw .layer-ui__search-header .ExcTextField {
4844
+ flex: 1 0 auto;
4895
4845
  }
4896
- [dir=ltr] .excalidraw .layer-ui__wrapper .disable-zen-mode {
4897
- right: 1rem;
4846
+ .excalidraw .layer-ui__search-header .ExcTextField__input {
4847
+ background-color: var(--color-gray-90);
4848
+ border-radius: var(--border-radius-md);
4849
+ border: 0;
4898
4850
  }
4899
- [dir=rtl] .excalidraw .layer-ui__wrapper .disable-zen-mode {
4900
- left: 1rem;
4851
+ .excalidraw.theme--dark.excalidraw .layer-ui__search-header .ExcTextField__input {
4852
+ background-color: var(--color-gray-90);
4901
4853
  }
4902
- .excalidraw .layer-ui__wrapper .disable-zen-mode:hover {
4903
- background-color: var(--button-hover-bg);
4854
+
4855
+ .excalidraw .layer-ui__search-header .ExcTextField__input input::placeholder {
4856
+ font-size: 0.9rem;
4904
4857
  }
4905
- .excalidraw .layer-ui__wrapper .disable-zen-mode:active {
4906
- border-color: var(--color-primary);
4858
+ .excalidraw .layer-ui__search-count {
4859
+ display: flex;
4860
+ justify-content: space-between;
4861
+ align-items: center;
4862
+ padding: 8px 8px 0 8px;
4863
+ margin: 0 0.75rem 0.25rem 0.75rem;
4864
+ font-size: 0.8em;
4907
4865
  }
4908
- .excalidraw .layer-ui__wrapper .disable-zen-mode--visible {
4909
- opacity: 1;
4910
- visibility: visible;
4911
- transition: visibility 0s linear 300ms, opacity 0.5s;
4912
- transition-delay: 0.8s;
4913
- pointer-events: var(--ui-pointerEvents);
4866
+ .excalidraw .layer-ui__search-count .result-nav {
4867
+ display: flex;
4914
4868
  }
4915
- .excalidraw .layer-ui__wrapper .layer-ui__wrapper__footer-left > *,
4916
- .excalidraw .layer-ui__wrapper .footer-center > *,
4917
- .excalidraw .layer-ui__wrapper .layer-ui__wrapper__footer-right > * {
4918
- pointer-events: var(--ui-pointerEvents);
4869
+ .excalidraw .layer-ui__search-count .result-nav .result-nav-btn {
4870
+ width: 36px;
4871
+ height: 36px;
4872
+ --button-border: transparent;
4919
4873
  }
4920
- .excalidraw .layer-ui__wrapper .layer-ui__wrapper__footer-right {
4921
- margin-top: auto;
4922
- margin-bottom: auto;
4874
+ .excalidraw .layer-ui__search-count .result-nav .result-nav-btn:active {
4875
+ background-color: var(--color-surface-high);
4923
4876
  }
4924
- /*!****************************************************************************************************************************************************************************************************!*\
4925
- !*** 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/Toolbar.scss ***!
4926
- \****************************************************************************************************************************************************************************************************/
4927
- :export {
4928
- themeFilter: invert(93%) hue-rotate(180deg);
4929
- rightSidebarWidth: 302px;
4877
+ .excalidraw .layer-ui__search-count .result-nav .result-nav-btn:first {
4878
+ margin-right: 4px;
4930
4879
  }
4931
-
4932
- .excalidraw .App-toolbar.zen-mode .ToolIcon__keybinding,
4933
- .excalidraw .App-toolbar.zen-mode .HintViewer {
4934
- display: none;
4880
+ .excalidraw .layer-ui__search-result-container {
4881
+ overflow-y: auto;
4882
+ flex: 1 1 0;
4883
+ display: flex;
4884
+ flex-direction: column;
4885
+ gap: 0.125rem;
4935
4886
  }
4936
- .excalidraw .App-toolbar__divider {
4937
- width: 1px;
4938
- height: 1.5rem;
4939
- align-self: center;
4940
- background-color: var(--default-border-color);
4941
- margin: 0 0.25rem;
4887
+ .excalidraw .layer-ui__result-item {
4888
+ display: flex;
4889
+ align-items: center;
4890
+ min-height: 2rem;
4891
+ flex: 0 0 auto;
4892
+ padding: 0.25rem 0.75rem;
4893
+ cursor: pointer;
4894
+ border: 1px solid transparent;
4895
+ outline: none;
4896
+ margin: 0 0.75rem;
4897
+ border-radius: var(--border-radius-md);
4942
4898
  }
4943
- .excalidraw--mobile.excalidraw .App-toolbar__divider {
4944
- margin: 0;
4899
+ .excalidraw .layer-ui__result-item .text-icon {
4900
+ width: 1rem;
4901
+ height: 1rem;
4902
+ margin-right: 0.75rem;
4945
4903
  }
4946
-
4947
- .excalidraw .App-toolbar__extra-tools-trigger {
4948
- box-shadow: none;
4949
- border: 0;
4950
- background-color: transparent;
4904
+ .excalidraw .layer-ui__result-item .preview-text {
4905
+ flex: 1;
4906
+ max-height: 48px;
4907
+ line-height: 24px;
4908
+ overflow: hidden;
4909
+ text-overflow: ellipsis;
4910
+ word-break: break-all;
4951
4911
  }
4952
- .excalidraw .App-toolbar__extra-tools-trigger:active {
4953
- background-color: var(--button-hover-bg);
4954
- box-shadow: 0 0 0 1px var(--button-active-border, var(--color-primary-darkest)) inset;
4912
+ .excalidraw .layer-ui__result-item:hover {
4913
+ background-color: var(--color-surface-high);
4955
4914
  }
4956
- .excalidraw .App-toolbar__extra-tools-trigger--selected, .excalidraw .App-toolbar__extra-tools-trigger--selected:hover {
4957
- background: var(--color-primary-light);
4958
- color: var(--color-primary);
4915
+ .excalidraw .layer-ui__result-item:active {
4916
+ border-color: var(--color-primary);
4959
4917
  }
4960
- .excalidraw .App-toolbar__extra-tools-dropdown {
4961
- margin-top: 0.375rem;
4962
- right: 0;
4963
- min-width: 11.875rem;
4964
- z-index: 1;
4918
+ .excalidraw .layer-ui__result-item.active {
4919
+ background-color: var(--color-surface-high);
4965
4920
  }
4966
4921
  /*!****************************************************************************************************************************************************************************************************************!*\
4967
4922
  !*** 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/TTDDialog/TTDDialog.scss ***!
@@ -5241,98 +5196,143 @@
5241
5196
  padding: 2px 3px;
5242
5197
  border-radius: 4px;
5243
5198
  }
5244
- /*!*******************************************************************************************************************************************************************************************************!*\
5245
- !*** 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/SearchMenu.scss ***!
5246
- \*******************************************************************************************************************************************************************************************************/
5247
- .excalidraw .layer-ui__search {
5248
- flex: 1 0 auto;
5249
- display: flex;
5250
- flex-direction: column;
5251
- padding: 8px 0 0 0;
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/LayerUI.scss ***!
5201
+ \****************************************************************************************************************************************************************************************************/
5202
+ :export {
5203
+ themeFilter: invert(93%) hue-rotate(180deg);
5204
+ rightSidebarWidth: 302px;
5252
5205
  }
5253
- .excalidraw .layer-ui__search-header {
5254
- display: flex;
5255
- justify-content: space-between;
5256
- align-items: center;
5257
- padding: 0 0.75rem;
5206
+
5207
+ .excalidraw .layer-ui__wrapper.animate {
5208
+ transition: width 0.1s ease-in-out;
5258
5209
  }
5259
- .excalidraw .layer-ui__search-header .ExcTextField {
5260
- flex: 1 0 auto;
5210
+ .excalidraw .layer-ui__wrapper {
5211
+ position: absolute;
5212
+ width: 100%;
5213
+ height: 100%;
5214
+ pointer-events: none;
5215
+ z-index: var(--zIndex-layerUI);
5261
5216
  }
5262
- .excalidraw .layer-ui__search-header .ExcTextField__input {
5263
- background-color: #f5f5f9;
5264
- border-radius: var(--border-radius-md);
5265
- border: 0;
5217
+ .excalidraw .layer-ui__wrapper__top-right {
5218
+ display: flex;
5219
+ width: 100%;
5220
+ justify-content: flex-end;
5221
+ pointer-events: none !important;
5266
5222
  }
5267
- .excalidraw.theme--dark.excalidraw .layer-ui__search-header .ExcTextField__input {
5268
- background-color: #31303b;
5223
+ .excalidraw .layer-ui__wrapper__top-right > * {
5224
+ pointer-events: var(--ui-pointerEvents);
5269
5225
  }
5270
-
5271
- .excalidraw .layer-ui__search-header .ExcTextField__input input::placeholder {
5272
- font-size: 0.9rem;
5226
+ .excalidraw .layer-ui__wrapper__footer {
5227
+ width: 100%;
5273
5228
  }
5274
- .excalidraw .layer-ui__search-count {
5229
+ .excalidraw .layer-ui__wrapper__footer-right {
5230
+ z-index: 100;
5275
5231
  display: flex;
5276
- justify-content: space-between;
5277
- align-items: center;
5278
- padding: 8px 8px 0 8px;
5279
- margin: 0 0.75rem 0.25rem 0.75rem;
5280
- font-size: 0.8em;
5281
5232
  }
5282
- .excalidraw .layer-ui__search-count .result-nav {
5283
- display: flex;
5233
+ .excalidraw .layer-ui__wrapper .zen-mode-transition {
5234
+ transition: transform 0.5s ease-in-out;
5284
5235
  }
5285
- .excalidraw .layer-ui__search-count .result-nav .result-nav-btn {
5286
- width: 36px;
5287
- height: 36px;
5288
- --button-border: transparent;
5236
+ :root[dir=ltr] .excalidraw .layer-ui__wrapper .zen-mode-transition.transition-left {
5237
+ transform: translate(-999px, 0);
5289
5238
  }
5290
- .excalidraw .layer-ui__search-count .result-nav .result-nav-btn:active {
5291
- background-color: var(--color-surface-high);
5239
+ :root[dir=ltr] .excalidraw .layer-ui__wrapper .zen-mode-transition.transition-right {
5240
+ transform: translate(999px, 0);
5292
5241
  }
5293
- .excalidraw .layer-ui__search-count .result-nav .result-nav-btn:first {
5294
- margin-right: 4px;
5242
+ :root[dir=rtl] .excalidraw .layer-ui__wrapper .zen-mode-transition.transition-left {
5243
+ transform: translate(999px, 0);
5295
5244
  }
5296
- .excalidraw .layer-ui__search-result-container {
5297
- overflow-y: auto;
5298
- flex: 1 1 0;
5299
- display: flex;
5300
- flex-direction: column;
5301
- gap: 0.125rem;
5245
+ :root[dir=rtl] .excalidraw .layer-ui__wrapper .zen-mode-transition.transition-right {
5246
+ transform: translate(-999px, 0);
5302
5247
  }
5303
- .excalidraw .layer-ui__result-item {
5304
- display: flex;
5305
- align-items: center;
5306
- min-height: 2rem;
5307
- flex: 0 0 auto;
5308
- padding: 0.25rem 0.75rem;
5309
- cursor: pointer;
5310
- border: 1px solid transparent;
5311
- outline: none;
5312
- margin: 0 0.75rem;
5313
- border-radius: var(--border-radius-md);
5248
+ .excalidraw .layer-ui__wrapper .zen-mode-transition.layer-ui__wrapper__footer-left--transition-bottom {
5249
+ transform: translate(0, 92px);
5314
5250
  }
5315
- .excalidraw .layer-ui__result-item .text-icon {
5316
- width: 1rem;
5317
- height: 1rem;
5318
- margin-right: 0.75rem;
5251
+ .excalidraw .layer-ui__wrapper .disable-zen-mode {
5252
+ padding: 10px;
5253
+ position: absolute;
5254
+ bottom: 0;
5255
+ opacity: 0;
5256
+ visibility: hidden;
5257
+ transition: visibility 0s linear 0s, opacity 0.5s;
5258
+ font-family: var(--ui-font);
5259
+ font-size: 0.75rem;
5260
+ font-weight: 500;
5261
+ line-height: 1;
5262
+ border-radius: var(--border-radius-lg);
5263
+ border: 1px solid var(--default-border-color);
5264
+ background-color: var(--island-bg-color);
5265
+ color: var(--text-primary-color);
5319
5266
  }
5320
- .excalidraw .layer-ui__result-item .preview-text {
5321
- flex: 1;
5322
- max-height: 48px;
5323
- line-height: 24px;
5324
- overflow: hidden;
5325
- text-overflow: ellipsis;
5326
- word-break: break-all;
5267
+ [dir=ltr] .excalidraw .layer-ui__wrapper .disable-zen-mode {
5268
+ right: 1rem;
5327
5269
  }
5328
- .excalidraw .layer-ui__result-item:hover {
5329
- background-color: var(--color-surface-high);
5270
+ [dir=rtl] .excalidraw .layer-ui__wrapper .disable-zen-mode {
5271
+ left: 1rem;
5330
5272
  }
5331
- .excalidraw .layer-ui__result-item:active {
5273
+ .excalidraw .layer-ui__wrapper .disable-zen-mode:hover {
5274
+ background-color: var(--button-hover-bg);
5275
+ }
5276
+ .excalidraw .layer-ui__wrapper .disable-zen-mode:active {
5332
5277
  border-color: var(--color-primary);
5333
5278
  }
5334
- .excalidraw .layer-ui__result-item.active {
5335
- background-color: var(--color-surface-high);
5279
+ .excalidraw .layer-ui__wrapper .disable-zen-mode--visible {
5280
+ opacity: 1;
5281
+ visibility: visible;
5282
+ transition: visibility 0s linear 300ms, opacity 0.5s;
5283
+ transition-delay: 0.8s;
5284
+ pointer-events: var(--ui-pointerEvents);
5285
+ }
5286
+ .excalidraw .layer-ui__wrapper .layer-ui__wrapper__footer-left > *,
5287
+ .excalidraw .layer-ui__wrapper .footer-center > *,
5288
+ .excalidraw .layer-ui__wrapper .layer-ui__wrapper__footer-right > * {
5289
+ pointer-events: var(--ui-pointerEvents);
5290
+ }
5291
+ .excalidraw .layer-ui__wrapper .layer-ui__wrapper__footer-right {
5292
+ margin-top: auto;
5293
+ margin-bottom: auto;
5294
+ }
5295
+ /*!****************************************************************************************************************************************************************************************************!*\
5296
+ !*** 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/Toolbar.scss ***!
5297
+ \****************************************************************************************************************************************************************************************************/
5298
+ :export {
5299
+ themeFilter: invert(93%) hue-rotate(180deg);
5300
+ rightSidebarWidth: 302px;
5301
+ }
5302
+
5303
+ .excalidraw .App-toolbar.zen-mode .ToolIcon__keybinding,
5304
+ .excalidraw .App-toolbar.zen-mode .HintViewer {
5305
+ display: none;
5306
+ }
5307
+ .excalidraw .App-toolbar__divider {
5308
+ width: 1px;
5309
+ height: 1.5rem;
5310
+ align-self: center;
5311
+ background-color: var(--default-border-color);
5312
+ margin: 0 0.25rem;
5313
+ }
5314
+ .excalidraw--mobile.excalidraw .App-toolbar__divider {
5315
+ margin: 0;
5316
+ }
5317
+
5318
+ .excalidraw .App-toolbar__extra-tools-trigger {
5319
+ box-shadow: none;
5320
+ border: 0;
5321
+ background-color: transparent;
5322
+ }
5323
+ .excalidraw .App-toolbar__extra-tools-trigger:active {
5324
+ background-color: var(--button-hover-bg);
5325
+ box-shadow: 0 0 0 1px var(--button-active-border, var(--color-primary-darkest)) inset;
5326
+ }
5327
+ .excalidraw .App-toolbar__extra-tools-trigger--selected, .excalidraw .App-toolbar__extra-tools-trigger--selected:hover {
5328
+ background: var(--color-primary-light);
5329
+ color: var(--color-primary);
5330
+ }
5331
+ .excalidraw .App-toolbar__extra-tools-dropdown {
5332
+ margin-top: 0.375rem;
5333
+ right: 0;
5334
+ min-width: 11.875rem;
5335
+ z-index: 1;
5336
5336
  }
5337
5337
  /*!**************************************************************************************************************************************************************************************************!*\
5338
5338
  !*** 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/Toast.scss ***!
@@ -50,10 +50,10 @@
50
50
  :export{themeFilter:invert(93%) hue-rotate(180deg);rightSidebarWidth:302px}.excalidraw .sidebar{display:flex;flex-direction:column;position:absolute;top:0;bottom:0;right:0;z-index:5;margin:0;padding:0;box-sizing:border-box;background-color:var(--sidebar-bg-color);box-shadow:var(--sidebar-shadow);pointer-events:var(--ui-pointerEvents);overflow:hidden;border-radius:0;width:calc(302px - var(--space-factor) * 2);border-left:1px solid var(--sidebar-border-color)}:root[dir=rtl] .excalidraw .sidebar{left:0;right:auto}.excalidraw .sidebar--docked{box-shadow:none}:root[dir=rtl] .excalidraw .sidebar{border-right:1px solid var(--sidebar-border-color);border-left:0}.excalidraw .sidebar__header{box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;width:100%;padding:1rem .75rem;position:relative}.excalidraw .sidebar__header::after{content:"";width:calc(100% - 1.5rem);height:1px;background:var(--sidebar-border-color);position:absolute;bottom:-1px}.excalidraw .sidebar__header__buttons{gap:0;display:flex;align-items:center;margin-left:auto}.excalidraw .sidebar__header__buttons button{display:flex;justify-content:center;align-items:center;padding:.625rem;width:var(--button-width, var(--default-button-size));height:var(--button-height, var(--default-button-size));box-sizing:border-box;border-width:1px;border-style:solid;border-color:var(--button-border, var(--default-border-color));border-radius:var(--border-radius-lg);cursor:pointer;background-color:var(--button-bg, var(--island-bg-color));color:var(--button-color, var(--color-on-surface));font-family:var(--ui-font);--button-bg: transparent;border:0 !important;width:var(--lg-button-size);height:var(--lg-button-size);padding:0}.excalidraw .sidebar__header__buttons button svg{width:var(--button-width, var(--lg-icon-size));height:var(--button-height, var(--lg-icon-size))}.excalidraw .sidebar__header__buttons button:hover{background-color:var(--button-hover-bg, var(--island-bg-color));border-color:var(--button-hover-border, var(--button-border, var(--default-border-color)));color:var(--button-hover-color, var(--button-color, var(--text-primary-color, inherit)))}.excalidraw .sidebar__header__buttons button:active{background-color:var(--button-active-bg, var(--island-bg-color));border-color:var(--button-active-border, var(--color-primary-darkest))}.excalidraw .sidebar__header__buttons button.active{background-color:var(--button-selected-bg, var(--color-surface-primary-container));border-color:var(--button-selected-border, var(--color-surface-primary-container))}.excalidraw .sidebar__header__buttons button.active:hover{background-color:var(--button-selected-hover-bg, var(--color-surface-primary-container))}.excalidraw .sidebar__header__buttons button.active svg{color:var(--button-color, var(--color-on-primary-container))}.excalidraw .sidebar__header__buttons button svg{width:var(--lg-icon-size);height:var(--lg-icon-size)}.excalidraw .sidebar__header__buttons button:hover{background:var(--button-hover-bg, var(--island-bg-color))}.excalidraw .sidebar__header__buttons .sidebar__dock.selected svg{stroke:var(--color-primary);fill:var(--color-primary)}.excalidraw .sidebar-tabs-root{display:flex;flex-direction:column;flex:1 1 auto;padding:1rem 0}.excalidraw .sidebar-tabs-root [role=tabpanel]{flex:1;outline:none;flex:1 1 auto;display:flex;flex-direction:column;outline:none}.excalidraw .sidebar-tabs-root [role=tabpanel][data-state=inactive]{display:none !important}.excalidraw .sidebar-tabs-root [role=tablist]{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit, minmax(0, 1fr))}.excalidraw .sidebar-tabs-root>.sidebar__header{padding-top:0;padding-bottom:1rem}.excalidraw .sidebar-tab-trigger{--button-width: auto;--button-bg: transparent;--button-hover-bg: transparent;--button-active-bg: var(--color-primary);--button-hover-color: var(--color-primary);--button-hover-border: var(--color-primary)}.excalidraw .sidebar-tab-trigger[data-state=active]{--button-bg: var(--color-primary);--button-hover-bg: var(--color-primary-darker);--button-hover-color: var(--color-icon-white);--button-border: var(--color-primary);color:var(--color-icon-white)}.excalidraw .default-sidebar{display:flex;flex-direction:column}.excalidraw .default-sidebar .sidebar-triggers{display:flex;gap:0;padding:2px;margin-top:-3px;margin-bottom:-3px;border:1px solid var(--sidebar-border-color);background:var(--default-bg-color);border-radius:.625rem}.excalidraw .default-sidebar .sidebar-triggers .sidebar-tab-trigger{height:var(--lg-button-size);width:var(--lg-button-size);border:none}
51
51
  .excalidraw .ActiveFile .ActiveFile__fileName{display:flex;align-items:center}.excalidraw .ActiveFile .ActiveFile__fileName span{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:9.3em}.excalidraw .ActiveFile .ActiveFile__fileName svg{width:1.15em;margin-inline-end:.3em;transform:scaleY(0.9)}
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
+ .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-90);border-radius:var(--border-radius-md);border:0}.excalidraw.theme--dark.excalidraw .layer-ui__search-header .ExcTextField__input{background-color:var(--color-gray-90)}.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
+ :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}
53
55
  :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}
54
56
  :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}
55
- :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}
56
- .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:#f5f5f9;border-radius:var(--border-radius-md);border:0}.excalidraw.theme--dark.excalidraw .layer-ui__search-header .ExcTextField__input{background-color:#31303b}.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)}
57
57
  :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}}
58
58
  :export{themeFilter:invert(93%) hue-rotate(180deg);rightSidebarWidth:302px}.excalidraw .SVGLayer{pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:var(--zIndex-svgLayer)}.excalidraw .SVGLayer svg{image-rendering:auto;overflow:visible;position:absolute;width:100%;height:100%;top:0;left:0}
59
59
  .excalidraw .excalidraw-canvas-buttons{position:absolute;box-shadow:0px 2px 4px 0 rgba(0,0,0,.3);z-index:var(--zIndex-canvasButtons);background:var(--island-bg-color);border-radius:var(--border-radius-lg);display:flex;flex-direction:column;gap:.375rem}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zsviczian/excalidraw",
3
- "version": "0.17.1-obsidian-50",
3
+ "version": "0.17.1-obsidian-52",
4
4
  "main": "main.js",
5
5
  "types": "types/excalidraw/index.d.ts",
6
6
  "files": [
@@ -1,5 +1,5 @@
1
1
  import type { ExcalidrawElement } from "../element/types";
2
- import type { AppClassProperties, AppState } from "../types";
2
+ import type { AppState, Offsets, AppClassProperties } from "../types";
3
3
  import type { SceneBounds } from "../element/bounds";
4
4
  export declare const actionChangeViewBackgroundColor: {
5
5
  name: "changeViewBackgroundColor";
@@ -864,13 +864,21 @@ export declare const actionResetZoom: {
864
864
  } & {
865
865
  keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
866
866
  };
867
- export declare const zoomToFitBounds: ({ bounds, appState, fitToViewport, viewportZoomFactor, }: {
867
+ export declare const zoomToFitBounds: ({ bounds, appState, canvasOffsets, fitToViewport, viewportZoomFactor, minZoom, maxZoom, }: {
868
868
  bounds: SceneBounds;
869
+ canvasOffsets?: Partial<{
870
+ top: number;
871
+ right: number;
872
+ bottom: number;
873
+ left: number;
874
+ }> | undefined;
869
875
  appState: Readonly<AppState>;
870
876
  /** whether to fit content to viewport (beyond >100%) */
871
877
  fitToViewport: boolean;
872
878
  /** zoom content to cover X of the viewport, when fitToViewport=true */
873
879
  viewportZoomFactor?: number | undefined;
880
+ minZoom?: number | undefined;
881
+ maxZoom?: number | undefined;
874
882
  }) => {
875
883
  appState: {
876
884
  scrollX: number;
@@ -1071,13 +1079,21 @@ export declare const zoomToFitBounds: ({ bounds, appState, fitToViewport, viewpo
1071
1079
  };
1072
1080
  storeAction: "none";
1073
1081
  };
1074
- export declare const zoomToFit: ({ targetElements, appState, fitToViewport, viewportZoomFactor, }: {
1082
+ export declare const zoomToFit: ({ canvasOffsets, targetElements, appState, fitToViewport, viewportZoomFactor, minZoom, maxZoom, }: {
1083
+ canvasOffsets?: Partial<{
1084
+ top: number;
1085
+ right: number;
1086
+ bottom: number;
1087
+ left: number;
1088
+ }> | undefined;
1075
1089
  targetElements: readonly ExcalidrawElement[];
1076
1090
  appState: Readonly<AppState>;
1077
1091
  /** whether to fit content to viewport (beyond >100%) */
1078
1092
  fitToViewport: boolean;
1079
1093
  /** zoom content to cover X of the viewport, when fitToViewport=true */
1080
1094
  viewportZoomFactor?: number | undefined;
1095
+ minZoom?: number | undefined;
1096
+ maxZoom?: number | undefined;
1081
1097
  }) => {
1082
1098
  appState: {
1083
1099
  scrollX: number;
@@ -1708,7 +1724,7 @@ export declare const actionZoomToFit: {
1708
1724
  trackEvent: {
1709
1725
  category: "canvas";
1710
1726
  };
1711
- perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>) => {
1727
+ perform: (elements: readonly import("../element/types").OrderedExcalidrawElement[], appState: Readonly<AppState>, _: any, app: AppClassProperties) => {
1712
1728
  appState: {
1713
1729
  scrollX: number;
1714
1730
  scrollY: number;
@@ -209,7 +209,8 @@ export declare const actionToggleSearchMenu: {
209
209
  } | {
210
210
  appState: {
211
211
  openSidebar: {
212
- name: string;
212
+ name: "default";
213
+ tab: string;
213
214
  };
214
215
  openDialog: null;
215
216
  contextMenu: {
@@ -8,7 +8,7 @@ import { LinearElementEditor } from "../element/linearElementEditor";
8
8
  import type { ExcalidrawElement, ExcalidrawLinearElement, NonDeleted, NonDeletedExcalidrawElement, ExcalidrawFrameLikeElement, ExcalidrawIframeElement, ExcalidrawEmbeddableElement, Ordered } from "../element/types";
9
9
  import { History } from "../history";
10
10
  import Scene from "../scene/Scene";
11
- import type { AppClassProperties, AppProps, AppState, ExcalidrawImperativeAPI, BinaryFiles, LibraryItems, SceneData, Device, FrameNameBoundsCache, SidebarName, SidebarTabName, ToolType, OnUserFollowedPayload, GenerateDiagramToCode, NullableGridSize } from "../types";
11
+ import type { AppClassProperties, AppProps, AppState, ExcalidrawImperativeAPI, BinaryFiles, LibraryItems, SceneData, Device, FrameNameBoundsCache, SidebarName, SidebarTabName, ToolType, OnUserFollowedPayload, GenerateDiagramToCode, NullableGridSize, Offsets } from "../types";
12
12
  import type { FileSystemHandle } from "../data/filesystem";
13
13
  import { Fonts } from "../fonts";
14
14
  import { Renderer } from "../scene/Renderer";
@@ -328,7 +328,7 @@ declare class App extends React.Component<AppProps, AppState> {
328
328
  */
329
329
  zoomCanvas: (value: number) => void;
330
330
  private cancelInProgressAnimation;
331
- scrollToContent: (target?: ExcalidrawElement | readonly ExcalidrawElement[], opts?: {
331
+ scrollToContent: (target?: ExcalidrawElement | readonly ExcalidrawElement[], opts?: ({
332
332
  fitToContent?: boolean;
333
333
  fitToViewport?: never;
334
334
  viewportZoomFactor?: number;
@@ -343,6 +343,10 @@ declare class App extends React.Component<AppProps, AppState> {
343
343
  viewportZoomFactor?: number;
344
344
  animate?: boolean;
345
345
  duration?: number;
346
+ }) & {
347
+ minZoom?: number;
348
+ maxZoom?: number;
349
+ canvasOffsets?: Offsets;
346
350
  }) => void;
347
351
  private maybeUnfollowRemoteUser;
348
352
  /** use when changing scrollX/scrollY/zoom based on user interaction */
@@ -383,12 +387,7 @@ declare class App extends React.Component<AppProps, AppState> {
383
387
  force?: boolean | undefined;
384
388
  }) => boolean;
385
389
  private updateCurrentCursorPosition;
386
- getEditorUIOffsets: () => {
387
- top: number;
388
- right: number;
389
- bottom: number;
390
- left: number;
391
- };
390
+ getEditorUIOffsets: () => Offsets;
392
391
  private onKeyDown;
393
392
  private onKeyUp;
394
393
  private isToolSupported;
@@ -22,9 +22,9 @@ export declare const DefaultSidebar: import("react").FC<Omit<MarkOptional<Omit<{
22
22
  __fallback?: boolean | undefined;
23
23
  }>;
24
24
  TabTriggers: {
25
- ({ children, ...rest }: {
25
+ ({ children }: {
26
26
  children: React.ReactNode;
27
- } & import("react").HTMLAttributes<HTMLDivElement>): JSX.Element;
27
+ }): JSX.Element;
28
28
  displayName: string;
29
29
  };
30
30
  };