@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.
- package/dist/excalidraw.development.js +19 -30
- package/dist/excalidraw.production.min.js +1 -1
- package/dist/styles.development.css +191 -191
- package/dist/styles.production.css +2 -2
- package/package.json +1 -1
- package/types/excalidraw/actions/actionCanvas.d.ts +20 -4
- package/types/excalidraw/actions/actionToggleSearchMenu.d.ts +2 -1
- package/types/excalidraw/components/App.d.ts +7 -8
- package/types/excalidraw/components/DefaultSidebar.d.ts +2 -2
- package/types/excalidraw/constants.d.ts +1 -3
- package/types/excalidraw/element/newElement.d.ts +0 -1
- package/types/excalidraw/element/sizeHelpers.d.ts +2 -7
- package/types/excalidraw/fonts/ExcalidrawFont.d.ts +2 -2
- package/types/excalidraw/scene/scroll.d.ts +8 -2
- package/types/excalidraw/types.d.ts +6 -0
- package/types/math/utils.d.ts +3 -2
|
@@ -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/
|
|
4830
|
-
|
|
4831
|
-
|
|
4832
|
-
|
|
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
|
-
|
|
4849
|
-
|
|
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-
|
|
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-
|
|
4863
|
-
|
|
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
|
-
|
|
4897
|
-
|
|
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
|
-
|
|
4900
|
-
|
|
4851
|
+
.excalidraw.theme--dark.excalidraw .layer-ui__search-header .ExcTextField__input {
|
|
4852
|
+
background-color: var(--color-gray-90);
|
|
4901
4853
|
}
|
|
4902
|
-
|
|
4903
|
-
|
|
4854
|
+
|
|
4855
|
+
.excalidraw .layer-ui__search-header .ExcTextField__input input::placeholder {
|
|
4856
|
+
font-size: 0.9rem;
|
|
4904
4857
|
}
|
|
4905
|
-
.excalidraw .layer-
|
|
4906
|
-
|
|
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-
|
|
4909
|
-
|
|
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-
|
|
4916
|
-
|
|
4917
|
-
|
|
4918
|
-
|
|
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-
|
|
4921
|
-
|
|
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
|
-
|
|
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
|
-
|
|
4933
|
-
|
|
4934
|
-
display:
|
|
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 .
|
|
4937
|
-
|
|
4938
|
-
|
|
4939
|
-
|
|
4940
|
-
|
|
4941
|
-
|
|
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
|
|
4944
|
-
|
|
4899
|
+
.excalidraw .layer-ui__result-item .text-icon {
|
|
4900
|
+
width: 1rem;
|
|
4901
|
+
height: 1rem;
|
|
4902
|
+
margin-right: 0.75rem;
|
|
4945
4903
|
}
|
|
4946
|
-
|
|
4947
|
-
|
|
4948
|
-
|
|
4949
|
-
|
|
4950
|
-
|
|
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 .
|
|
4953
|
-
background-color: var(--
|
|
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 .
|
|
4957
|
-
|
|
4958
|
-
color: var(--color-primary);
|
|
4915
|
+
.excalidraw .layer-ui__result-item:active {
|
|
4916
|
+
border-color: var(--color-primary);
|
|
4959
4917
|
}
|
|
4960
|
-
.excalidraw .
|
|
4961
|
-
|
|
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/
|
|
5246
|
-
|
|
5247
|
-
|
|
5248
|
-
|
|
5249
|
-
|
|
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
|
-
|
|
5254
|
-
|
|
5255
|
-
|
|
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-
|
|
5260
|
-
|
|
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-
|
|
5263
|
-
|
|
5264
|
-
|
|
5265
|
-
|
|
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
|
|
5268
|
-
|
|
5223
|
+
.excalidraw .layer-ui__wrapper__top-right > * {
|
|
5224
|
+
pointer-events: var(--ui-pointerEvents);
|
|
5269
5225
|
}
|
|
5270
|
-
|
|
5271
|
-
|
|
5272
|
-
font-size: 0.9rem;
|
|
5226
|
+
.excalidraw .layer-ui__wrapper__footer {
|
|
5227
|
+
width: 100%;
|
|
5273
5228
|
}
|
|
5274
|
-
.excalidraw .layer-
|
|
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-
|
|
5283
|
-
|
|
5233
|
+
.excalidraw .layer-ui__wrapper .zen-mode-transition {
|
|
5234
|
+
transition: transform 0.5s ease-in-out;
|
|
5284
5235
|
}
|
|
5285
|
-
.excalidraw .layer-
|
|
5286
|
-
|
|
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-
|
|
5291
|
-
|
|
5239
|
+
:root[dir=ltr] .excalidraw .layer-ui__wrapper .zen-mode-transition.transition-right {
|
|
5240
|
+
transform: translate(999px, 0);
|
|
5292
5241
|
}
|
|
5293
|
-
.excalidraw .layer-
|
|
5294
|
-
|
|
5242
|
+
:root[dir=rtl] .excalidraw .layer-ui__wrapper .zen-mode-transition.transition-left {
|
|
5243
|
+
transform: translate(999px, 0);
|
|
5295
5244
|
}
|
|
5296
|
-
.excalidraw .layer-
|
|
5297
|
-
|
|
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-
|
|
5304
|
-
|
|
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-
|
|
5316
|
-
|
|
5317
|
-
|
|
5318
|
-
|
|
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-
|
|
5321
|
-
|
|
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-
|
|
5329
|
-
|
|
5270
|
+
[dir=rtl] .excalidraw .layer-ui__wrapper .disable-zen-mode {
|
|
5271
|
+
left: 1rem;
|
|
5330
5272
|
}
|
|
5331
|
-
.excalidraw .layer-
|
|
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-
|
|
5335
|
-
|
|
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,5 +1,5 @@
|
|
|
1
1
|
import type { ExcalidrawElement } from "../element/types";
|
|
2
|
-
import type {
|
|
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;
|
|
@@ -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
|
|
25
|
+
({ children }: {
|
|
26
26
|
children: React.ReactNode;
|
|
27
|
-
}
|
|
27
|
+
}): JSX.Element;
|
|
28
28
|
displayName: string;
|
|
29
29
|
};
|
|
30
30
|
};
|