@wenle_2523097/agri-map 1.0.1 → 1.0.2

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/index.css CHANGED
@@ -270,7 +270,7 @@
270
270
  box-sizing: border-box;
271
271
  }
272
272
 
273
- /* 缩放控件 - 固定左下角 */
273
+ /* 缩放控件 - 位置由 JS 动态设置 */
274
274
  .zoom-control {
275
275
  position: absolute;
276
276
  z-index: 501;
@@ -281,8 +281,6 @@
281
281
  overflow: hidden;
282
282
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
283
283
  background: transparent;
284
- bottom: 50px;
285
- left: 30px;
286
284
  }
287
285
 
288
286
  .zoom-control:hover {
@@ -3909,6 +3907,714 @@
3909
3907
  color: #40a9ff;
3910
3908
  }
3911
3909
 
3910
+ /**
3911
+ * 样式主入口
3912
+ * @description 统一导出所有样式
3913
+ */
3914
+ /**
3915
+ * 测量工具栏样式
3916
+ * @description 使用 edit-toolbar mixin 实现与 Marker/Plot/Road 等组件一致的工具栏样式
3917
+ */
3918
+ .measurement-toolbar {
3919
+ position: absolute;
3920
+ bottom: 20px;
3921
+ left: 50%;
3922
+ transform: translateX(-50%);
3923
+ z-index: 1000;
3924
+ display: flex;
3925
+ align-items: center;
3926
+ gap: 8px;
3927
+ }
3928
+
3929
+ .measurement-toolbar__button-group {
3930
+ display: inline-flex;
3931
+ align-items: center;
3932
+ gap: 0;
3933
+ background: #fff;
3934
+ border-radius: 6px;
3935
+ box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
3936
+ }
3937
+
3938
+ .measurement-toolbar__button {
3939
+ position: relative;
3940
+ display: inline-flex;
3941
+ align-items: center;
3942
+ justify-content: center;
3943
+ gap: 8px;
3944
+ height: 32px;
3945
+ padding: 0 12px;
3946
+ font-size: 14px;
3947
+ font-weight: 400;
3948
+ line-height: 1.5714;
3949
+ border: 1px solid transparent;
3950
+ border-radius: calc(6px - 2px);
3951
+ background: #fff;
3952
+ color: rgba(0, 0, 0, 0.88);
3953
+ cursor: pointer;
3954
+ transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
3955
+ white-space: nowrap;
3956
+ user-select: none;
3957
+ margin: 0;
3958
+ outline: none;
3959
+ }
3960
+ .measurement-toolbar__button:focus-visible {
3961
+ box-shadow: 0 0 0 2px rgba(22, 119, 255, 0.2);
3962
+ }
3963
+ .measurement-toolbar__button svg {
3964
+ width: 16px;
3965
+ height: 16px;
3966
+ flex-shrink: 0;
3967
+ }
3968
+ .measurement-toolbar__button:hover:not(:disabled) {
3969
+ color: #1677ff;
3970
+ background: rgba(0, 0, 0, 0.06);
3971
+ border-color: #1677ff;
3972
+ }
3973
+ .measurement-toolbar__button:active:not(:disabled) {
3974
+ color: #4096ff;
3975
+ background: rgba(0, 0, 0, 0.1);
3976
+ border-color: #4096ff;
3977
+ }
3978
+ .measurement-toolbar__button:disabled, .measurement-toolbar__button--disabled {
3979
+ color: rgba(0, 0, 0, 0.25);
3980
+ background: rgba(0, 0, 0, 0.06);
3981
+ cursor: not-allowed;
3982
+ }
3983
+ .measurement-toolbar__button:disabled svg, .measurement-toolbar__button--disabled svg {
3984
+ opacity: 0.4;
3985
+ }
3986
+ .measurement-toolbar__button--primary {
3987
+ color: #fff;
3988
+ background: #1677ff;
3989
+ border-color: #1677ff;
3990
+ }
3991
+ .measurement-toolbar__button--primary:hover:not(:disabled) {
3992
+ background: #4096ff;
3993
+ border-color: #4096ff;
3994
+ }
3995
+ .measurement-toolbar__button--primary:active:not(:disabled) {
3996
+ background: #1677ff;
3997
+ border-color: #1677ff;
3998
+ }
3999
+ .measurement-toolbar__button--primary:disabled, .measurement-toolbar__button--primary.disabled {
4000
+ color: rgba(255, 255, 255, 0.6);
4001
+ background: rgba(22, 119, 255, 0.5);
4002
+ border-color: rgba(22, 119, 255, 0.5);
4003
+ cursor: not-allowed;
4004
+ }
4005
+ .measurement-toolbar__button--danger {
4006
+ color: #ff4d4f;
4007
+ background: transparent;
4008
+ border-color: transparent;
4009
+ }
4010
+ .measurement-toolbar__button--danger:hover:not(:disabled) {
4011
+ color: #fff;
4012
+ background: #ff4d4f;
4013
+ border-color: #ff4d4f;
4014
+ }
4015
+ .measurement-toolbar__button--danger:active:not(:disabled) {
4016
+ color: #fff;
4017
+ background: rgb(255, 26, 28.5730337079);
4018
+ border-color: rgb(255, 26, 28.5730337079);
4019
+ }
4020
+ .measurement-toolbar__button--danger:disabled, .measurement-toolbar__button--danger.disabled {
4021
+ color: rgba(0, 0, 0, 0.25);
4022
+ background: transparent;
4023
+ cursor: not-allowed;
4024
+ }
4025
+ .measurement-toolbar__button--active {
4026
+ color: #fff;
4027
+ background: #1677ff;
4028
+ border-color: #1677ff;
4029
+ }
4030
+ .measurement-toolbar__button--success {
4031
+ color: #52c41a;
4032
+ background: transparent;
4033
+ border-color: transparent;
4034
+ }
4035
+ .measurement-toolbar__button--success:hover:not(:disabled) {
4036
+ color: #fff;
4037
+ background: #52c41a;
4038
+ border-color: #52c41a;
4039
+ }
4040
+ .measurement-toolbar__button--success:active:not(:disabled) {
4041
+ color: #fff;
4042
+ background: rgb(63.1621621622, 150.972972973, 20.027027027);
4043
+ border-color: rgb(63.1621621622, 150.972972973, 20.027027027);
4044
+ }
4045
+ .measurement-toolbar__button--success:disabled, .measurement-toolbar__button--success.disabled {
4046
+ color: rgba(0, 0, 0, 0.25);
4047
+ background: transparent;
4048
+ border-color: transparent;
4049
+ cursor: not-allowed;
4050
+ }
4051
+ .measurement-toolbar__button--warning {
4052
+ color: #faad14;
4053
+ background: transparent;
4054
+ border-color: transparent;
4055
+ }
4056
+ .measurement-toolbar__button--warning:hover:not(:disabled) {
4057
+ color: #fff;
4058
+ background: #faad14;
4059
+ border-color: #faad14;
4060
+ }
4061
+ .measurement-toolbar__button--warning:active:not(:disabled) {
4062
+ color: #fff;
4063
+ background: rgb(214.4375, 144.175, 4.5625);
4064
+ border-color: rgb(214.4375, 144.175, 4.5625);
4065
+ }
4066
+ .measurement-toolbar__button--warning:disabled, .measurement-toolbar__button--warning.disabled {
4067
+ color: rgba(0, 0, 0, 0.25);
4068
+ background: transparent;
4069
+ border-color: transparent;
4070
+ cursor: not-allowed;
4071
+ }
4072
+ .measurement-toolbar__button--error {
4073
+ color: #ff4d4f;
4074
+ background: transparent;
4075
+ border-color: transparent;
4076
+ }
4077
+ .measurement-toolbar__button--error:hover:not(:disabled) {
4078
+ color: #fff;
4079
+ background: #ff4d4f;
4080
+ border-color: #ff4d4f;
4081
+ }
4082
+ .measurement-toolbar__button--error:active:not(:disabled) {
4083
+ color: #fff;
4084
+ background: rgb(255, 26, 28.5730337079);
4085
+ border-color: rgb(255, 26, 28.5730337079);
4086
+ }
4087
+ .measurement-toolbar__button--error:disabled, .measurement-toolbar__button--error.disabled {
4088
+ color: rgba(0, 0, 0, 0.25);
4089
+ background: transparent;
4090
+ border-color: transparent;
4091
+ cursor: not-allowed;
4092
+ }
4093
+ .measurement-toolbar__button--magenta {
4094
+ color: #eb2f96;
4095
+ background: transparent;
4096
+ border-color: transparent;
4097
+ }
4098
+ .measurement-toolbar__button--magenta:hover:not(:disabled) {
4099
+ color: #fff;
4100
+ background: #eb2f96;
4101
+ border-color: #eb2f96;
4102
+ }
4103
+ .measurement-toolbar__button--magenta:active:not(:disabled) {
4104
+ color: #fff;
4105
+ background: rgb(210.7368421053, 20.2631578947, 124.6184210526);
4106
+ border-color: rgb(210.7368421053, 20.2631578947, 124.6184210526);
4107
+ }
4108
+ .measurement-toolbar__button--magenta:disabled, .measurement-toolbar__button--magenta.disabled {
4109
+ color: rgba(0, 0, 0, 0.25);
4110
+ background: transparent;
4111
+ border-color: transparent;
4112
+ cursor: not-allowed;
4113
+ }
4114
+ .measurement-toolbar__button--volcano {
4115
+ color: #fa541c;
4116
+ background: transparent;
4117
+ border-color: transparent;
4118
+ }
4119
+ .measurement-toolbar__button--volcano:hover:not(:disabled) {
4120
+ color: #fff;
4121
+ background: #fa541c;
4122
+ border-color: #fa541c;
4123
+ }
4124
+ .measurement-toolbar__button--volcano:active:not(:disabled) {
4125
+ color: #fff;
4126
+ background: rgb(222.1077586207, 59.6853448276, 4.8922413793);
4127
+ border-color: rgb(222.1077586207, 59.6853448276, 4.8922413793);
4128
+ }
4129
+ .measurement-toolbar__button--volcano:disabled, .measurement-toolbar__button--volcano.disabled {
4130
+ color: rgba(0, 0, 0, 0.25);
4131
+ background: transparent;
4132
+ border-color: transparent;
4133
+ cursor: not-allowed;
4134
+ }
4135
+ .measurement-toolbar__button--gold {
4136
+ color: #faad14;
4137
+ background: transparent;
4138
+ border-color: transparent;
4139
+ }
4140
+ .measurement-toolbar__button--gold:hover:not(:disabled) {
4141
+ color: #fff;
4142
+ background: #faad14;
4143
+ border-color: #faad14;
4144
+ }
4145
+ .measurement-toolbar__button--gold:active:not(:disabled) {
4146
+ color: #fff;
4147
+ background: rgb(214.4375, 144.175, 4.5625);
4148
+ border-color: rgb(214.4375, 144.175, 4.5625);
4149
+ }
4150
+ .measurement-toolbar__button--gold:disabled, .measurement-toolbar__button--gold.disabled {
4151
+ color: rgba(0, 0, 0, 0.25);
4152
+ background: transparent;
4153
+ border-color: transparent;
4154
+ cursor: not-allowed;
4155
+ }
4156
+ .measurement-toolbar__button--orange {
4157
+ color: #fa8c16;
4158
+ background: transparent;
4159
+ border-color: transparent;
4160
+ }
4161
+ .measurement-toolbar__button--orange:hover:not(:disabled) {
4162
+ color: #fff;
4163
+ background: #fa8c16;
4164
+ border-color: #fa8c16;
4165
+ }
4166
+ .measurement-toolbar__button--orange:active:not(:disabled) {
4167
+ color: #fff;
4168
+ background: rgb(216.3571428571, 114.2142857143, 4.6428571429);
4169
+ border-color: rgb(216.3571428571, 114.2142857143, 4.6428571429);
4170
+ }
4171
+ .measurement-toolbar__button--orange:disabled, .measurement-toolbar__button--orange.disabled {
4172
+ color: rgba(0, 0, 0, 0.25);
4173
+ background: transparent;
4174
+ border-color: transparent;
4175
+ cursor: not-allowed;
4176
+ }
4177
+ .measurement-toolbar__button--cyan {
4178
+ color: #13c2c2;
4179
+ background: transparent;
4180
+ border-color: transparent;
4181
+ }
4182
+ .measurement-toolbar__button--cyan:hover:not(:disabled) {
4183
+ color: #fff;
4184
+ background: #13c2c2;
4185
+ border-color: #13c2c2;
4186
+ }
4187
+ .measurement-toolbar__button--cyan:active:not(:disabled) {
4188
+ color: #fff;
4189
+ background: rgb(14.4507042254, 147.5492957746, 147.5492957746);
4190
+ border-color: rgb(14.4507042254, 147.5492957746, 147.5492957746);
4191
+ }
4192
+ .measurement-toolbar__button--cyan:disabled, .measurement-toolbar__button--cyan.disabled {
4193
+ color: rgba(0, 0, 0, 0.25);
4194
+ background: transparent;
4195
+ border-color: transparent;
4196
+ cursor: not-allowed;
4197
+ }
4198
+ .measurement-toolbar__button--geekblue {
4199
+ color: #2f54eb;
4200
+ background: transparent;
4201
+ border-color: transparent;
4202
+ }
4203
+ .measurement-toolbar__button--geekblue:hover:not(:disabled) {
4204
+ color: #fff;
4205
+ background: #2f54eb;
4206
+ border-color: #2f54eb;
4207
+ }
4208
+ .measurement-toolbar__button--geekblue:active:not(:disabled) {
4209
+ color: #fff;
4210
+ background: rgb(20.2631578947, 57.75, 210.7368421053);
4211
+ border-color: rgb(20.2631578947, 57.75, 210.7368421053);
4212
+ }
4213
+ .measurement-toolbar__button--geekblue:disabled, .measurement-toolbar__button--geekblue.disabled {
4214
+ color: rgba(0, 0, 0, 0.25);
4215
+ background: transparent;
4216
+ border-color: transparent;
4217
+ cursor: not-allowed;
4218
+ }
4219
+ .measurement-toolbar__button--purple {
4220
+ color: #722ed1;
4221
+ background: transparent;
4222
+ border-color: transparent;
4223
+ }
4224
+ .measurement-toolbar__button--purple:hover:not(:disabled) {
4225
+ color: #fff;
4226
+ background: #722ed1;
4227
+ border-color: #722ed1;
4228
+ }
4229
+ .measurement-toolbar__button--purple:active:not(:disabled) {
4230
+ color: #fff;
4231
+ background: rgb(91.2, 36.8, 167.2);
4232
+ border-color: rgb(91.2, 36.8, 167.2);
4233
+ }
4234
+ .measurement-toolbar__button--purple:disabled, .measurement-toolbar__button--purple.disabled {
4235
+ color: rgba(0, 0, 0, 0.25);
4236
+ background: transparent;
4237
+ border-color: transparent;
4238
+ cursor: not-allowed;
4239
+ }
4240
+ .measurement-toolbar__button--large {
4241
+ height: 40px;
4242
+ padding: 0 16px;
4243
+ font-size: 16px;
4244
+ border-radius: 6px;
4245
+ }
4246
+ .measurement-toolbar__button--large svg {
4247
+ width: 20px;
4248
+ height: 20px;
4249
+ }
4250
+ .measurement-toolbar__button--small {
4251
+ height: 32px;
4252
+ padding: 0 8px;
4253
+ font-size: 12px;
4254
+ border-radius: calc(6px - 2px);
4255
+ }
4256
+ .measurement-toolbar__button--small svg {
4257
+ width: 14px;
4258
+ height: 14px;
4259
+ }
4260
+
4261
+ .measurement-toolbar--large .measurement-toolbar__button {
4262
+ height: 40px;
4263
+ padding: 0 16px;
4264
+ font-size: 16px;
4265
+ }
4266
+ .measurement-toolbar--large .measurement-toolbar__button svg {
4267
+ width: 20px;
4268
+ height: 20px;
4269
+ }
4270
+
4271
+ .measurement-toolbar--small .measurement-toolbar__button {
4272
+ height: 32px;
4273
+ padding: 0 8px;
4274
+ font-size: 12px;
4275
+ }
4276
+ .measurement-toolbar--small .measurement-toolbar__button svg {
4277
+ width: 14px;
4278
+ height: 14px;
4279
+ }
4280
+
4281
+ .measurement-toolbar--large .measurement-toolbar__icon {
4282
+ width: 20px;
4283
+ height: 20px;
4284
+ }
4285
+
4286
+ .measurement-toolbar--small .measurement-toolbar__icon {
4287
+ width: 14px;
4288
+ height: 14px;
4289
+ }
4290
+
4291
+ .measurement-toolbar__button-group:not(.measurement-toolbar__button-group--custom) .measurement-toolbar__button + .measurement-toolbar__button:not(.measurement-toolbar__button--primary):not(.measurement-toolbar__button--danger)::before {
4292
+ content: "";
4293
+ position: absolute;
4294
+ left: -1px;
4295
+ top: 50%;
4296
+ transform: translateY(-50%);
4297
+ width: 1px;
4298
+ height: 48%;
4299
+ background-color: rgba(0, 0, 0, 0.06);
4300
+ pointer-events: none;
4301
+ }
4302
+
4303
+ .measurement-toolbar__icon {
4304
+ display: inline-flex;
4305
+ align-items: center;
4306
+ justify-content: center;
4307
+ width: 16px;
4308
+ height: 16px;
4309
+ }
4310
+
4311
+ .measurement-toolbar__label {
4312
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
4313
+ }
4314
+
4315
+ .leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group, .leaflet-container[data-theme=dark] .measurement-toolbar__button-group,
4316
+ [data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group,
4317
+ [data-theme=dark] .measurement-toolbar__button-group {
4318
+ background: #1f1f1f;
4319
+ box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.35), 0 3px 6px -4px rgba(0, 0, 0, 0.4), 0 9px 28px 8px rgba(0, 0, 0, 0.3);
4320
+ }
4321
+ .leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button, .leaflet-container[data-theme=dark] .measurement-toolbar__button,
4322
+ [data-theme=dark] .measurement-toolbar .measurement-toolbar__button,
4323
+ [data-theme=dark] .measurement-toolbar__button {
4324
+ color: #f0f6fc;
4325
+ background: transparent;
4326
+ border-color: transparent;
4327
+ }
4328
+ .leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button:hover:not(:disabled), .leaflet-container[data-theme=dark] .measurement-toolbar__button:hover:not(:disabled),
4329
+ [data-theme=dark] .measurement-toolbar .measurement-toolbar__button:hover:not(:disabled),
4330
+ [data-theme=dark] .measurement-toolbar__button:hover:not(:disabled) {
4331
+ color: #1668dc;
4332
+ background: rgba(255, 255, 255, 0.08);
4333
+ border-color: transparent;
4334
+ }
4335
+ .leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button:active:not(:disabled), .leaflet-container[data-theme=dark] .measurement-toolbar__button:active:not(:disabled),
4336
+ [data-theme=dark] .measurement-toolbar .measurement-toolbar__button:active:not(:disabled),
4337
+ [data-theme=dark] .measurement-toolbar__button:active:not(:disabled) {
4338
+ color: #1668dc;
4339
+ background: rgba(255, 255, 255, 0.15);
4340
+ border-color: transparent;
4341
+ }
4342
+ .leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button:disabled, .leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button--disabled, .leaflet-container[data-theme=dark] .measurement-toolbar__button:disabled, .leaflet-container[data-theme=dark] .measurement-toolbar__button--disabled,
4343
+ [data-theme=dark] .measurement-toolbar .measurement-toolbar__button:disabled,
4344
+ [data-theme=dark] .measurement-toolbar .measurement-toolbar__button--disabled,
4345
+ [data-theme=dark] .measurement-toolbar__button:disabled,
4346
+ [data-theme=dark] .measurement-toolbar__button--disabled {
4347
+ color: rgba(255, 255, 255, 0.25);
4348
+ background: transparent;
4349
+ border-color: transparent;
4350
+ }
4351
+ .leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button--primary, .leaflet-container[data-theme=dark] .measurement-toolbar__button--primary,
4352
+ [data-theme=dark] .measurement-toolbar .measurement-toolbar__button--primary,
4353
+ [data-theme=dark] .measurement-toolbar__button--primary {
4354
+ color: #fff;
4355
+ background: #1668dc;
4356
+ border-color: #1668dc;
4357
+ }
4358
+ .leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button--primary:hover:not(:disabled), .leaflet-container[data-theme=dark] .measurement-toolbar__button--primary:hover:not(:disabled),
4359
+ [data-theme=dark] .measurement-toolbar .measurement-toolbar__button--primary:hover:not(:disabled),
4360
+ [data-theme=dark] .measurement-toolbar__button--primary:hover:not(:disabled) {
4361
+ background: rgb(57.7272727273, 131.2561983471, 235.2727272727);
4362
+ border-color: rgb(57.7272727273, 131.2561983471, 235.2727272727);
4363
+ }
4364
+ .leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button--primary:active:not(:disabled), .leaflet-container[data-theme=dark] .measurement-toolbar__button--primary:active:not(:disabled),
4365
+ [data-theme=dark] .measurement-toolbar .measurement-toolbar__button--primary:active:not(:disabled),
4366
+ [data-theme=dark] .measurement-toolbar__button--primary:active:not(:disabled) {
4367
+ background: #1668dc;
4368
+ border-color: #1668dc;
4369
+ }
4370
+ .leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button--primary:disabled, .leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button--primary.disabled, .leaflet-container[data-theme=dark] .measurement-toolbar__button--primary:disabled, .leaflet-container[data-theme=dark] .measurement-toolbar__button--primary.disabled,
4371
+ [data-theme=dark] .measurement-toolbar .measurement-toolbar__button--primary:disabled,
4372
+ [data-theme=dark] .measurement-toolbar .measurement-toolbar__button--primary.disabled,
4373
+ [data-theme=dark] .measurement-toolbar__button--primary:disabled,
4374
+ [data-theme=dark] .measurement-toolbar__button--primary.disabled {
4375
+ color: rgba(255, 255, 255, 0.6);
4376
+ background: rgba(22, 104, 220, 0.5);
4377
+ border-color: rgba(22, 104, 220, 0.5);
4378
+ }
4379
+ .leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button--danger, .leaflet-container[data-theme=dark] .measurement-toolbar__button--danger,
4380
+ [data-theme=dark] .measurement-toolbar .measurement-toolbar__button--danger,
4381
+ [data-theme=dark] .measurement-toolbar__button--danger {
4382
+ color: #ff7875;
4383
+ background: transparent;
4384
+ border-color: transparent;
4385
+ }
4386
+ .leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button--danger:hover:not(:disabled), .leaflet-container[data-theme=dark] .measurement-toolbar__button--danger:hover:not(:disabled),
4387
+ [data-theme=dark] .measurement-toolbar .measurement-toolbar__button--danger:hover:not(:disabled),
4388
+ [data-theme=dark] .measurement-toolbar__button--danger:hover:not(:disabled) {
4389
+ color: #fff;
4390
+ background: #ff4d4f;
4391
+ border-color: #ff4d4f;
4392
+ }
4393
+ .leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button--danger:active:not(:disabled), .leaflet-container[data-theme=dark] .measurement-toolbar__button--danger:active:not(:disabled),
4394
+ [data-theme=dark] .measurement-toolbar .measurement-toolbar__button--danger:active:not(:disabled),
4395
+ [data-theme=dark] .measurement-toolbar__button--danger:active:not(:disabled) {
4396
+ color: #fff;
4397
+ background: rgb(255, 26, 28.5730337079);
4398
+ border-color: rgb(255, 26, 28.5730337079);
4399
+ }
4400
+ .leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button--danger:disabled, .leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button--danger.disabled, .leaflet-container[data-theme=dark] .measurement-toolbar__button--danger:disabled, .leaflet-container[data-theme=dark] .measurement-toolbar__button--danger.disabled,
4401
+ [data-theme=dark] .measurement-toolbar .measurement-toolbar__button--danger:disabled,
4402
+ [data-theme=dark] .measurement-toolbar .measurement-toolbar__button--danger.disabled,
4403
+ [data-theme=dark] .measurement-toolbar__button--danger:disabled,
4404
+ [data-theme=dark] .measurement-toolbar__button--danger.disabled {
4405
+ color: rgba(255, 255, 255, 0.25);
4406
+ background: transparent;
4407
+ border-color: transparent;
4408
+ }
4409
+ .leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button--active, .leaflet-container[data-theme=dark] .measurement-toolbar__button--active,
4410
+ [data-theme=dark] .measurement-toolbar .measurement-toolbar__button--active,
4411
+ [data-theme=dark] .measurement-toolbar__button--active {
4412
+ color: #fff;
4413
+ background: #1668dc;
4414
+ border-color: #1668dc;
4415
+ }
4416
+ .leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group .measurement-toolbar__button + .measurement-toolbar__button:not(.measurement-toolbar__button--primary):not(.measurement-toolbar__button--danger)::before, .leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button + .leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .measurement-toolbar__button-group__button--primary,
4417
+ [data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--primary,
4418
+ [data-theme=dark] .measurement-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .measurement-toolbar__button-group__button--danger,
4419
+ [data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--danger,
4420
+ [data-theme=dark] .measurement-toolbar__button-group__button--danger)::before, .leaflet-container[data-theme=dark] .measurement-toolbar__button-group .measurement-toolbar__button + .measurement-toolbar__button:not(.measurement-toolbar__button--primary):not(.measurement-toolbar__button--danger)::before, .leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button + .leaflet-container[data-theme=dark] .measurement-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .measurement-toolbar__button-group__button--primary,
4421
+ [data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--primary,
4422
+ [data-theme=dark] .measurement-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .measurement-toolbar__button-group__button--danger,
4423
+ [data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--danger,
4424
+ [data-theme=dark] .measurement-toolbar__button-group__button--danger)::before,
4425
+ [data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group .measurement-toolbar__button + .measurement-toolbar__button:not(.measurement-toolbar__button--primary):not(.measurement-toolbar__button--danger)::before,
4426
+ .leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button + [data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .measurement-toolbar__button-group__button--primary,
4427
+ [data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--primary,
4428
+ [data-theme=dark] .measurement-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .measurement-toolbar__button-group__button--danger,
4429
+ [data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--danger,
4430
+ [data-theme=dark] .measurement-toolbar__button-group__button--danger)::before,
4431
+ [data-theme=dark] .measurement-toolbar__button-group .measurement-toolbar__button + .measurement-toolbar__button:not(.measurement-toolbar__button--primary):not(.measurement-toolbar__button--danger)::before,
4432
+ .leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button + [data-theme=dark] .measurement-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .measurement-toolbar__button-group__button--primary,
4433
+ [data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--primary,
4434
+ [data-theme=dark] .measurement-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .measurement-toolbar__button-group__button--danger,
4435
+ [data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--danger,
4436
+ [data-theme=dark] .measurement-toolbar__button-group__button--danger)::before, .leaflet-container[data-theme=dark] .measurement-toolbar__button-group__button + .leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .measurement-toolbar__button-group__button--primary,
4437
+ [data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--primary,
4438
+ [data-theme=dark] .measurement-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .measurement-toolbar__button-group__button--danger,
4439
+ [data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--danger,
4440
+ [data-theme=dark] .measurement-toolbar__button-group__button--danger)::before, .leaflet-container[data-theme=dark] .measurement-toolbar__button-group__button + .leaflet-container[data-theme=dark] .measurement-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .measurement-toolbar__button-group__button--primary,
4441
+ [data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--primary,
4442
+ [data-theme=dark] .measurement-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .measurement-toolbar__button-group__button--danger,
4443
+ [data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--danger,
4444
+ [data-theme=dark] .measurement-toolbar__button-group__button--danger)::before,
4445
+ .leaflet-container[data-theme=dark] .measurement-toolbar__button-group__button + [data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .measurement-toolbar__button-group__button--primary,
4446
+ [data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--primary,
4447
+ [data-theme=dark] .measurement-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .measurement-toolbar__button-group__button--danger,
4448
+ [data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--danger,
4449
+ [data-theme=dark] .measurement-toolbar__button-group__button--danger)::before,
4450
+ .leaflet-container[data-theme=dark] .measurement-toolbar__button-group__button + [data-theme=dark] .measurement-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .measurement-toolbar__button-group__button--primary,
4451
+ [data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--primary,
4452
+ [data-theme=dark] .measurement-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .measurement-toolbar__button-group__button--danger,
4453
+ [data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--danger,
4454
+ [data-theme=dark] .measurement-toolbar__button-group__button--danger)::before,
4455
+ [data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button + .leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .measurement-toolbar__button-group__button--primary,
4456
+ [data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--primary,
4457
+ [data-theme=dark] .measurement-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .measurement-toolbar__button-group__button--danger,
4458
+ [data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--danger,
4459
+ [data-theme=dark] .measurement-toolbar__button-group__button--danger)::before,
4460
+ [data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button + .leaflet-container[data-theme=dark] .measurement-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .measurement-toolbar__button-group__button--primary,
4461
+ [data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--primary,
4462
+ [data-theme=dark] .measurement-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .measurement-toolbar__button-group__button--danger,
4463
+ [data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--danger,
4464
+ [data-theme=dark] .measurement-toolbar__button-group__button--danger)::before,
4465
+ [data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button + [data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .measurement-toolbar__button-group__button--primary,
4466
+ [data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--primary,
4467
+ [data-theme=dark] .measurement-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .measurement-toolbar__button-group__button--danger,
4468
+ [data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--danger,
4469
+ [data-theme=dark] .measurement-toolbar__button-group__button--danger)::before,
4470
+ [data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button + [data-theme=dark] .measurement-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .measurement-toolbar__button-group__button--primary,
4471
+ [data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--primary,
4472
+ [data-theme=dark] .measurement-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .measurement-toolbar__button-group__button--danger,
4473
+ [data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--danger,
4474
+ [data-theme=dark] .measurement-toolbar__button-group__button--danger)::before,
4475
+ [data-theme=dark] .measurement-toolbar__button-group__button + .leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .measurement-toolbar__button-group__button--primary,
4476
+ [data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--primary,
4477
+ [data-theme=dark] .measurement-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .measurement-toolbar__button-group__button--danger,
4478
+ [data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--danger,
4479
+ [data-theme=dark] .measurement-toolbar__button-group__button--danger)::before,
4480
+ [data-theme=dark] .measurement-toolbar__button-group__button + .leaflet-container[data-theme=dark] .measurement-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .measurement-toolbar__button-group__button--primary,
4481
+ [data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--primary,
4482
+ [data-theme=dark] .measurement-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .measurement-toolbar__button-group__button--danger,
4483
+ [data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--danger,
4484
+ [data-theme=dark] .measurement-toolbar__button-group__button--danger)::before,
4485
+ [data-theme=dark] .measurement-toolbar__button-group__button + [data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .measurement-toolbar__button-group__button--primary,
4486
+ [data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--primary,
4487
+ [data-theme=dark] .measurement-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .measurement-toolbar__button-group__button--danger,
4488
+ [data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--danger,
4489
+ [data-theme=dark] .measurement-toolbar__button-group__button--danger)::before,
4490
+ [data-theme=dark] .measurement-toolbar__button-group__button + [data-theme=dark] .measurement-toolbar__button-group__button:not(.leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--primary, .leaflet-container[data-theme=dark] .measurement-toolbar__button-group__button--primary,
4491
+ [data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--primary,
4492
+ [data-theme=dark] .measurement-toolbar__button-group__button--primary):not(.leaflet-container[data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--danger, .leaflet-container[data-theme=dark] .measurement-toolbar__button-group__button--danger,
4493
+ [data-theme=dark] .measurement-toolbar .measurement-toolbar__button-group__button--danger,
4494
+ [data-theme=dark] .measurement-toolbar__button-group__button--danger)::before {
4495
+ background-color: rgba(255, 255, 255, 0.06);
4496
+ }
4497
+
4498
+ .measurement-toolbar {
4499
+ display: flex !important;
4500
+ flex-direction: column !important;
4501
+ gap: 8px !important;
4502
+ padding: 8px !important;
4503
+ background: #fff !important;
4504
+ border-radius: 8px !important;
4505
+ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
4506
+ border: 1px solid rgba(0, 0, 0, 0.1) !important;
4507
+ }
4508
+ .measurement-toolbar--topleft {
4509
+ top: 20px !important;
4510
+ bottom: auto !important;
4511
+ left: 20px !important;
4512
+ right: auto !important;
4513
+ transform: none !important;
4514
+ }
4515
+ .measurement-toolbar--topright {
4516
+ top: 20px !important;
4517
+ bottom: auto !important;
4518
+ left: auto !important;
4519
+ right: 20px !important;
4520
+ transform: none !important;
4521
+ }
4522
+ .measurement-toolbar--bottomleft {
4523
+ top: auto !important;
4524
+ bottom: 20px !important;
4525
+ left: 20px !important;
4526
+ right: auto !important;
4527
+ transform: none !important;
4528
+ }
4529
+ .measurement-toolbar--bottomright {
4530
+ top: auto !important;
4531
+ bottom: 20px !important;
4532
+ left: auto !important;
4533
+ right: 20px !important;
4534
+ transform: none !important;
4535
+ }
4536
+
4537
+ .measurement-toolbar__button-group {
4538
+ display: flex !important;
4539
+ flex-direction: column !important;
4540
+ gap: 4px !important;
4541
+ background: transparent !important;
4542
+ box-shadow: none !important;
4543
+ }
4544
+
4545
+ .measurement-toolbar__button {
4546
+ width: 36px !important;
4547
+ height: 36px !important;
4548
+ padding: 0 !important;
4549
+ border-radius: 4px !important;
4550
+ justify-content: center !important;
4551
+ }
4552
+
4553
+ .measurement-toolbar__icon {
4554
+ display: inline-flex !important;
4555
+ align-items: center !important;
4556
+ justify-content: center !important;
4557
+ font-size: 18px !important;
4558
+ line-height: 1 !important;
4559
+ }
4560
+
4561
+ .measurement-toolbar__label {
4562
+ display: none !important;
4563
+ }
4564
+
4565
+ .measurement-toolbar__clear-btn {
4566
+ margin-top: 4px !important;
4567
+ padding-top: 4px !important;
4568
+ border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
4569
+ }
4570
+ .measurement-toolbar__clear-btn:hover:not(:disabled) {
4571
+ background: rgba(255, 77, 79, 0.1) !important;
4572
+ border-color: rgba(255, 77, 79, 0.3) !important;
4573
+ }
4574
+
4575
+ [data-theme=dark] .measurement-toolbar__clear-btn {
4576
+ border-top-color: rgba(255, 255, 255, 0.1) !important;
4577
+ }
4578
+ [data-theme=dark] .measurement-toolbar__clear-btn:hover:not(:disabled) {
4579
+ background: rgba(255, 77, 79, 0.2) !important;
4580
+ border-color: rgba(255, 77, 79, 0.4) !important;
4581
+ }
4582
+
4583
+ .measurement-label {
4584
+ background: transparent !important;
4585
+ border: none !important;
4586
+ }
4587
+
4588
+ .measurement-label .measurement-text {
4589
+ background: rgba(24, 144, 255, 0.95) !important;
4590
+ color: #fff !important;
4591
+ padding: 6px 12px !important;
4592
+ border-radius: 4px !important;
4593
+ font-size: 13px !important;
4594
+ font-weight: 500 !important;
4595
+ white-space: nowrap !important;
4596
+ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25) !important;
4597
+ display: inline-block !important;
4598
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
4599
+ }
4600
+
4601
+ [data-theme=dark] .measurement-toolbar {
4602
+ background: #1f1f1f !important;
4603
+ border-color: rgba(255, 255, 255, 0.1) !important;
4604
+ }
4605
+
4606
+ [data-theme=dark] .measurement-toolbar__display {
4607
+ color: #e0e0e0 !important;
4608
+ background: rgba(255, 255, 255, 0.08) !important;
4609
+ border-top-color: rgba(255, 255, 255, 0.1) !important;
4610
+ }
4611
+
4612
+ [data-theme=dark] .measurement-toolbar__button {
4613
+ background: #2a2a2a !important;
4614
+ color: #fff !important;
4615
+ border-color: rgba(255, 255, 255, 0.1) !important;
4616
+ }
4617
+
3912
4618
  .tooltip-hover-only .leaflet-tooltip {
3913
4619
  opacity: 0;
3914
4620
  pointer-events: none;