@yesilyazilim/web.spa.gis 1.0.2 → 1.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/index.css +157 -14
  2. package/index.css.map +1 -1
  3. package/index.d.ts +93 -41
  4. package/index.d.ts.map +1 -1
  5. package/index.js +710 -344
  6. package/index.js.map +1 -1
  7. package/package.json +3 -3
package/index.css CHANGED
@@ -160,6 +160,31 @@ app-toc {
160
160
  overflow: auto;
161
161
  }
162
162
 
163
+ app-toc > app-treeview app-treeview-item > app-treeview-item-header {
164
+ grid-template: "ga-tw-expicon ga-tw-check ga-tw-itemicon ga-tw-title"
165
+ ". ga-tw-actions ga-tw-actions ga-tw-actions"
166
+ / 16px auto auto 1fr;
167
+ height: auto;
168
+ font-size: .875rem;
169
+ }
170
+
171
+ app-toc > app-treeview app-treeview-item > app-treeview-item-header > .actionsContainer {
172
+ z-index: 1;
173
+ width: 100%;
174
+ transition: var(--transition);
175
+ flex-flow: row-reverse;
176
+ justify-content: start;
177
+ position: absolute;
178
+ top: 100%;
179
+ }
180
+
181
+ app-toc > app-treeview app-treeview-item > app-treeview-item-header:hover > .actionsContainer {
182
+ box-shadow: 0 3px 6px 0 var(--drop-shadow-color);
183
+ padding: var(--spacing);
184
+ background: var(--base-down);
185
+ position: absolute;
186
+ }
187
+
163
188
  app-toc > app-treeview app-treeview-item.passive app-treeview-item-header > input[type="checkbox"], app-toc > app-treeview app-treeview-item.passive app-treeview-item-header > label {
164
189
  opacity: .5;
165
190
  }
@@ -168,6 +193,109 @@ app-toc input, app-toc select, app-toc textarea {
168
193
  margin-bottom: 0 !important;
169
194
  }
170
195
 
196
+ :root {
197
+ --range-border-color: var(--border-color);
198
+ --range-active-border-color: var(--border-color);
199
+ --range-thumb-border-color: var(--background-color);
200
+ --range-thumb-color: var(--secondary);
201
+ --range-thumb-hover-color: var(--secondary-hover);
202
+ --range-thumb-active-color: var(--primary);
203
+ }
204
+
205
+ [type="range"] {
206
+ appearance: none;
207
+ background: none;
208
+ width: 100%;
209
+ height: 1.25rem;
210
+ }
211
+
212
+ [type="range"]::-webkit-slider-runnable-track {
213
+ border-radius: var(--border-radius);
214
+ background-color: var(--range-border-color);
215
+ width: 100%;
216
+ height: .25rem;
217
+ -webkit-transition: background-color var(--transition), box-shadow var(--transition);
218
+ transition: background-color var(--transition), box-shadow var(--transition);
219
+ }
220
+
221
+ [type="range"]::-moz-range-track {
222
+ border-radius: var(--border-radius);
223
+ background-color: var(--range-border-color);
224
+ width: 100%;
225
+ height: .25rem;
226
+ -moz-transition: background-color var(--transition), box-shadow var(--transition);
227
+ transition: background-color var(--transition), box-shadow var(--transition);
228
+ }
229
+
230
+ [type="range"]::-ms-track {
231
+ border-radius: var(--border-radius);
232
+ background-color: var(--range-border-color);
233
+ width: 100%;
234
+ height: .25rem;
235
+ -ms-transition: background-color var(--transition), box-shadow var(--transition);
236
+ transition: background-color var(--transition), box-shadow var(--transition);
237
+ }
238
+
239
+ [type="range"]::-webkit-slider-thumb {
240
+ -webkit-appearance: none;
241
+ border: 2px solid var(--range-thumb-border-color);
242
+ background-color: var(--range-thumb-color);
243
+ cursor: pointer;
244
+ width: 1.25rem;
245
+ height: 1.25rem;
246
+ -webkit-transition: background-color var(--transition), transform var(--transition);
247
+ transition: background-color var(--transition), transform var(--transition);
248
+ border-radius: 50%;
249
+ margin-top: -.5rem;
250
+ }
251
+
252
+ [type="range"]::-moz-range-thumb {
253
+ -webkit-appearance: none;
254
+ border: 2px solid var(--range-thumb-border-color);
255
+ background-color: var(--range-thumb-color);
256
+ cursor: pointer;
257
+ width: 1.25rem;
258
+ height: 1.25rem;
259
+ -moz-transition: background-color var(--transition), transform var(--transition);
260
+ transition: background-color var(--transition), transform var(--transition);
261
+ border-radius: 50%;
262
+ margin-top: -.5rem;
263
+ }
264
+
265
+ [type="range"]::-ms-thumb {
266
+ -webkit-appearance: none;
267
+ border: 2px solid var(--range-thumb-border-color);
268
+ background-color: var(--range-thumb-color);
269
+ cursor: pointer;
270
+ width: 1.25rem;
271
+ height: 1.25rem;
272
+ -ms-transition: background-color var(--transition), transform var(--transition);
273
+ transition: background-color var(--transition), transform var(--transition);
274
+ border-radius: 50%;
275
+ margin-top: -.5rem;
276
+ }
277
+
278
+ [type="range"]:hover, [type="range"]:focus {
279
+ --range-border-color: var(--range-active-border-color);
280
+ --range-thumb-color: var(--range-thumb-hover-color);
281
+ }
282
+
283
+ [type="range"]:active {
284
+ --range-thumb-color: var(--range-thumb-active-color);
285
+ }
286
+
287
+ [type="range"]:active::-webkit-slider-thumb {
288
+ transform: scale(1.25);
289
+ }
290
+
291
+ [type="range"]:active::-moz-range-thumb {
292
+ transform: scale(1.25);
293
+ }
294
+
295
+ [type="range"]:active::-ms-thumb {
296
+ transform: scale(1.25);
297
+ }
298
+
171
299
  app-map-legend {
172
300
  background: color-mix(in srgb, var(--base-down) 100%, var(--transparent) 100%);
173
301
  user-select: none;
@@ -238,10 +366,21 @@ app-drawer-contanier.mapdrawer-container > .dr-parent > app-drawer {
238
366
  }
239
367
 
240
368
  app-drawer-contanier.mapdrawer-container > .dr-parent > app-drawer .leftInnerPane {
369
+ width: 300px;
241
370
  height: 100%;
242
371
  padding: var(--spacing);
243
372
  }
244
373
 
374
+ app-drawer-contanier.mapdrawer-container app-map :root {
375
+ --ol-background-color: var(--base-down);
376
+ --ol-accent-background-color: #f5f5f5;
377
+ --ol-subtle-background-color: #80808040;
378
+ --ol-partial-background-color: #ffffffbf;
379
+ --ol-foreground-color: var(--text-color);
380
+ --ol-subtle-foreground-color: var(--mid);
381
+ --ol-brand-color: var(--primary);
382
+ }
383
+
245
384
  app-drawer-contanier.mapdrawer-container app-map.historic:after {
246
385
  content: "";
247
386
  z-index: 4;
@@ -256,16 +395,16 @@ app-drawer-contanier.mapdrawer-container app-map.historic:after {
256
395
  }
257
396
 
258
397
  app-drawer-contanier.mapdrawer-container app-map .ol-popup {
259
- border: 1px solid var(--form-element-border-color);
398
+ border: var(--glass-border);
399
+ backdrop-filter: blur(5px);
400
+ background: var(--glass-bg-img);
401
+ box-shadow: var(--glass-shadow);
260
402
  border-radius: var(--border-radius);
261
403
  min-width: 200px;
262
404
  padding: var(--spacing);
263
- backdrop-filter: blur(5px);
264
- background-color: #ffffff80;
265
405
  position: absolute;
266
406
  bottom: 12px;
267
407
  left: -50px;
268
- box-shadow: 0 -3px 15px 2px #0005;
269
408
  }
270
409
 
271
410
  app-drawer-contanier.mapdrawer-container app-map .ol-popup:after, app-drawer-contanier.mapdrawer-container app-map .ol-popup:before {
@@ -279,15 +418,15 @@ app-drawer-contanier.mapdrawer-container app-map .ol-popup:after, app-drawer-con
279
418
  }
280
419
 
281
420
  app-drawer-contanier.mapdrawer-container app-map .ol-popup:after {
421
+ border-top-color: var(--base-down);
282
422
  border-width: 10px;
283
- border-top-color: #fff;
284
423
  margin-left: -10px;
285
424
  left: 48px;
286
425
  }
287
426
 
288
427
  app-drawer-contanier.mapdrawer-container app-map .ol-popup:before {
428
+ border-top-color: var(--border-color);
289
429
  border-width: 11px;
290
- border-top-color: #ccc;
291
430
  margin-left: -11px;
292
431
  left: 48px;
293
432
  }
@@ -332,10 +471,12 @@ app-drawer-contanier.mapdrawer-container app-map .ol-zoom {
332
471
  }
333
472
 
334
473
  app-map-bar {
335
- --bar-color: color-mix(in srgb, var(--primary-gray), transparent 50%);
474
+ color: var(--text-color);
475
+ --bar-color: color-mix(in srgb, var(--base-down), transparent 60%);
476
+ padding: var(--spacing-half);
477
+ gap: var(--spacing);
336
478
  background: var(--bar-color);
337
479
  backdrop-filter: blur(4px);
338
- color: var(--primary-inverse);
339
480
  flex-direction: row;
340
481
  justify-content: end;
341
482
  align-items: center;
@@ -377,8 +518,8 @@ app-map-bar .ol-scale-line {
377
518
  }
378
519
 
379
520
  app-map-bar .ol-scale-line .ol-scale-line-inner {
380
- border: 1px solid var(--primary-inverse);
381
- color: var(--primary-inverse);
521
+ border: 1px solid var(--text-color);
522
+ color: var(--text-color);
382
523
  text-align: center;
383
524
  will-change: contents, width;
384
525
  border-top: none;
@@ -388,9 +529,9 @@ app-map-bar .ol-scale-line .ol-scale-line-inner {
388
529
  }
389
530
 
390
531
  app-map-bar .overview-btn {
391
- --background-color: white;
392
- --border-color: white;
532
+ --background-color: var(--base-up);
393
533
  --color: var(--success);
534
+ border: none;
394
535
  width: auto;
395
536
  margin-bottom: 0;
396
537
  padding: 0;
@@ -398,17 +539,19 @@ app-map-bar .overview-btn {
398
539
  }
399
540
 
400
541
  app-map-bar .overview-div {
401
- border: 1px solid var(--border-color);
402
542
  opacity: .8;
403
543
  pointer-events: none;
404
544
  width: 200px;
405
545
  height: 150px;
546
+ box-shadow: -10px -10px 30px 10px var(--drop-shadow-color);
547
+ border-top-left-radius: var(--border-radius);
406
548
  transition-property: right;
407
549
  transition-duration: .5s;
408
550
  transition-timing-function: ease-out;
409
551
  position: absolute;
410
552
  bottom: 100%;
411
- right: -200px;
553
+ right: -240px;
554
+ overflow: hidden;
412
555
  }
413
556
 
414
557
  app-map-bar .overview-div .ol-overviewmap {
package/index.css.map CHANGED
@@ -1 +1 @@
1
- {"mappings":"ACAA;;;;;;;;;;;;AAcA;;;;;;;;;;;;AAcA;;;;;;;;;;;;AC5BA;;;;;;;ACAA;;;;;;;;;AAAA;;;;;;;;;;;AAkBQ;;;;AAIA;;;;AAtBR;;;;AAAA;;;;;;AAAA;;;;;;;AAAA;;;;;AAkDI;;;;;;AAMQ;;;;AAIA;;;;AAIA;;;;AChEZ;;;;;;;;;;;AAAA;;;;;;;;AAAA;;;;;;;;;AAAA;;;;AAAA;;;;ACAA;;;;;;;;;;;;;;;AAgBY;;;;AAhBZ;;;;ACAA;;;;;;;;;;;;;AAAA;;;;;AAAA;;;;;;AAAA;;;;;AAAA;;;;;;AAAA;;;;;;;AAAA;;;;AAAA;;;;;AAAA;;;;;;AAAA;;;;ACAA;;;;AAAA;;;;AAAA;;;;;AAiCY;;;;;;;;;;;;;AAjCZ;;;;;;;;;;;;;AA4DY;;;;;;;;;;AAWA;;;;;;;AAOA;;;;;;;AA9EZ;;;;;;;;;AA8FY;;;;AA9FZ;;;;;;;;AAAA;;;;AAAA;;;;;;AAoHY;;;;AApHZ;;;;ACAA;;;;;;;;;;;;;;;AAAA;;;;;;AAAA;;;;;AAAA;;;;;;;;AAAA;;;;;AAAA;;;;;;AAAA;;;;;;;;;;;AAAA;;;;;;;;;;AAAA;;;;;;;;;;;;;;AAAA;;;;;AAuFQ;;;;ACvFR;;;;;;;;;AAAA;;;;;;;;;;;AAAA;;;;;;;;;;AAAA;;;;;;;AAAA;;;;AAAA;;;;;;;;;;AAAA;;;;;;;;AA0DgB;;;;AA1DhB;;;;;;AAyEI;;;;AAzEJ;;;;AAAA;;;;;AAAA;;;;;;;;AA8FgB;;;;AA9FhB;;;;;;;;;AAAA;;;;;AAAA;;;;;;;AAAA;;;;;;;AAAA;;;;AAAA;;;;;;AAAA;;;;;;AAAA;;;;AAAA","sources":["d2f6291b0d60d91f","src/tools/ribbon-general/styles.less","src/components/styles/ags.attributetable.component.less","src/components/styles/feature.contextmenu.component.less","src/components/styles/identify-results.component.less","src/components/styles/toc-component.less","src/components/styles/legend.less","src/components/styles/map-component.less","src/components/styles/map-bar.less","src/components/styles/map-search.component.less"],"sourcesContent":["@import \"99f7e3c6217919b9\";\n@import \"667e7f488b98cb0d\";\n@import \"06ad641ee06d271a\";\n@import \"6a3077bc8b9b2877\";\n@import \"e28b239f27a0ce5c\";\n@import \"f1e666a3583a5cd1\";\n@import \"8c5c78b8b3ab4135\";\n@import \"74a8fc2bd402af1e\";\n@import \"66aec83afbf1d5cd\";\n",".icon--measure-area {\n display: inline-block;\n width: 1em;\n height: 1em;\n --svg: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M35.102 0c-6.258 0-11.385 5.135-11.385 11.393c0 2.952 1.171 5.63 3.035 7.662L17.404 37.92c-.338-.031-.665-.102-1.011-.102C10.135 37.818 5 42.945 5 49.203s5.135 11.393 11.393 11.393c3.96 0 7.46-2.064 9.503-5.16l46.67 6.736c1.213 4.983 5.703 8.734 11.041 8.734C89.865 70.906 95 65.78 95 59.521c0-6.062-4.83-11.038-10.82-11.345l-6.133-19.133c2.624-2.093 4.351-5.276 4.351-8.867c0-6.258-5.134-11.395-11.392-11.395c-3.965 0-7.468 2.065-9.512 5.168L46.338 9.81C45.553 4.298 40.818 0 35.102 0m0 5.771c3.14 0 5.63 2.482 5.63 5.622s-2.49 5.623-5.63 5.623s-5.614-2.484-5.614-5.623s2.474-5.622 5.614-5.622m35.904 8.782c3.14 0 5.615 2.483 5.615 5.623s-2.475 5.62-5.615 5.62s-5.629-2.48-5.629-5.62s2.49-5.623 5.629-5.623m-26.158 2.634l14.867 4.07c.555 5.74 5.38 10.284 11.252 10.304l5.998 18.755c-1.55 1.126-2.771 2.638-3.606 4.375l-45.691-6.593c-.277-2.76-1.504-5.248-3.41-7.08l9.111-18.405c.57.09 1.138.174 1.733.174c4.139 0 7.749-2.266 9.746-5.6M16.393 43.58c3.14 0 5.63 2.483 5.63 5.623a5.59 5.59 0 0 1-5.63 5.629c-3.14 0-5.622-2.49-5.622-5.629a5.58 5.58 0 0 1 5.622-5.623m67.214 10.313c3.14 0 5.622 2.489 5.622 5.628s-2.482 5.608-5.622 5.608s-5.63-2.468-5.63-5.608a5.59 5.59 0 0 1 5.63-5.628M5 76v24h90V76h-6.27v17.896h-7.687V81.174h-6.27v12.722h-7.681V81.174h-6.268v12.722h-7.69V76h-6.269v17.896h-7.69V81.174h-6.267v12.722h-7.681V81.174h-6.27v12.722H11.27V76z' color='%23000'/%3E%3C/svg%3E\");\n background-color: currentColor;\n -webkit-mask-image: var(--svg);\n mask-image: var(--svg);\n -webkit-mask-repeat: no-repeat;\n mask-repeat: no-repeat;\n -webkit-mask-size: 100% 100%;\n mask-size: 100% 100%;\n}\n\n.icon--measure-line {\n display: inline-block;\n width: 1em;\n height: 1em;\n --svg: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M34.266 0C28.07 0 22.982 5.09 22.982 11.285c0 3.494 1.621 6.634 4.145 8.71L18.021 38.81a11 11 0 0 0-1.736-.149C10.091 38.662 5 43.751 5 49.945S10.09 61.23 16.285 61.23c5.98 0 10.883-4.755 11.219-10.657a3 3 0 0 0 .062-.627a3 3 0 0 0-.062-.627c-.176-3.093-1.616-5.862-3.799-7.806l9.211-19.033c.444.053.892.087 1.35.087c4.148 0 7.775-2.287 9.722-5.658l16.01 4.23c.84 5.256 5.35 9.337 10.791 9.503l6.299 19.2c-2.81 2.06-4.654 5.375-4.654 9.096c0 6.195 5.088 11.282 11.283 11.282c5.98 0 10.885-4.753 11.22-10.655a3 3 0 0 0 .063-.626a3 3 0 0 0-.062-.627c-.336-5.902-5.241-10.659-11.221-10.659c-.24 0-.475.02-.711.035L76.889 29.04c3.102-1.88 5.243-5.212 5.46-9.035a3 3 0 0 0 .063-.627a3 3 0 0 0-.062-.627c-.336-5.902-5.241-10.658-11.221-10.658c-4.585 0-8.558 2.792-10.317 6.754L45.51 10.799l-.024-.14C45.151 4.756 40.246 0 34.266 0m0 6.293c2.793 0 4.99 2.199 4.99 4.992s-2.197 4.988-4.99 4.988s-4.99-2.195-4.99-4.988s2.196-4.992 4.99-4.992m36.863 8.092c2.793 0 4.99 2.199 4.99 4.992s-2.197 4.988-4.99 4.988s-4.99-2.195-4.99-4.988s2.197-4.992 4.99-4.992m-54.844 30.57c2.793 0 4.988 2.197 4.988 4.99s-2.195 4.99-4.988 4.99s-4.992-2.197-4.992-4.99s2.199-4.99 4.992-4.99m67.432 8.99c2.793 0 4.99 2.2 4.99 4.993s-2.197 4.988-4.99 4.988s-4.99-2.195-4.99-4.989s2.197-4.992 4.99-4.992M5 76v24h90V76h-6.27v17.896h-7.687V81.174h-6.27v12.722h-7.681V81.174h-6.268v12.722h-7.69V76h-6.269v17.896h-7.69V81.174h-6.267v12.722h-7.681V81.174h-6.27v12.722H11.27V76z' color='%23000'/%3E%3C/svg%3E\");\n background-color: currentColor;\n -webkit-mask-image: var(--svg);\n mask-image: var(--svg);\n -webkit-mask-repeat: no-repeat;\n mask-repeat: no-repeat;\n -webkit-mask-size: 100% 100%;\n mask-size: 100% 100%;\n}\n\n.icon--identify {\n display: inline-block;\n width: 1em;\n height: 1em;\n --svg: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23000' d='M50.002 0C28.103 0 10 17.008 10 37.932c0 8.061 2.712 15.566 7.268 21.71l25.996 36.194l.109.135c2.05 2.538 4.37 4.262 7.094 4.004c2.724-.26 4.491-2.142 6.156-4.28l.088-.11l28.732-39.937l.018-.03c.671-1.151 1.166-2.323 1.588-3.464A35.9 35.9 0 0 0 90 37.932C90 17.009 71.9 0 50.002 0m0 5.318c19.148 0 34.674 14.762 34.674 32.614c0 4.296-.9 8.395-2.531 12.168l-.03.068l-.027.07c-.362.986-.756 1.892-1.223 2.694l-.004.007L52.37 92.484c-1.327 1.683-2.261 2.18-2.408 2.194s-.854-.126-2.371-1.973l-25.9-36.033l-.075-.1c-3.968-5.313-6.29-11.726-6.29-18.64c0-17.851 15.529-32.614 34.677-32.614' color='%23000'/%3E%3Cpath fill='%23000' d='M50.04 12.432q-3.4 0-5.772 2.373q-2.295 2.293-2.295 5.615t2.373 5.693t5.693 2.371t5.615-2.37q2.373-2.373 2.373-5.694t-2.373-5.615q-2.293-2.373-5.615-2.373m3.89 20.832c.246 0-.49.037-.72.109l-15.448 3.65c-.967.309-1.44 1.17-1.063 1.934l.582 1.174c.379.765 1.47 1.149 2.45.861c.969-.285 1.716-.394 2.15-.394c.4 0 .449.057.451.058l.059.037c-.115-.072.09.089.232.567c.576 5.733.336 7.126.336 13.492c0 1.765-.307 2.955-.402 3.115l-.02.037c-.236.429-.459.595-.682.694c.056-.025-1.063.228-2.792.228c-1.055 0-1.91.672-1.91 1.5V61.5c0 .828.855 1.5 1.91 1.5H61.52c1.055 0 1.909-.672 1.909-1.5v-1.174c0-.828-.854-1.5-1.909-1.5c-1.65 0-2.697-.228-2.785-.264c-.294-.137-.512-.325-.722-.666c-.08-.165-.35-1.363-.35-3.144V34.764c0-.829-.856-1.5-1.91-1.5z'/%3E%3C/svg%3E\");\n background-color: currentColor;\n -webkit-mask-image: var(--svg);\n mask-image: var(--svg);\n -webkit-mask-repeat: no-repeat;\n mask-repeat: no-repeat;\n -webkit-mask-size: 100% 100%;\n mask-size: 100% 100%;\n}","ags-attr-table {\n width: 100%;\n height: 100%;\n display: block;\n padding: var(--spacing);\n}\n","map-feat-cm {\n position: absolute;\n display: flex;\n flex-direction: column;\n background: var(--background-color);\n box-shadow: 0px 0px 4px 0px gray;\n z-index: 10000;\n\n >map-feat-cm-item {\n display: grid;\n grid-template-columns: auto 1fr;\n gap: var(--spacing);\n padding: 0px 0px;\n cursor: pointer;\n border-bottom: 1px solid var(--border-color);\n padding: var(--spacing);\n align-items: center;\n\n &:hover {\n background-color: #00000010;\n }\n\n &:last-child {\n border-bottom: none;\n }\n\n >.cm-icon {\n grid-column: 1;\n }\n\n >.cm-title {\n grid-column: 2;\n cursor: pointer;\n margin-bottom: 0;\n // font-weight: bold;\n }\n }\n\n >.GroupTitle {\n width: 100%;\n text-align: center;\n font-size: 12px;\n color: var(--grey-400);\n }\n\n >.Seperator {\n width: 100%;\n border-bottom: 1px solid var(--grey-300);\n }\n\n &.glass {\n background: rgba(255, 255, 255, 0.2);\n backdrop-filter: blur(3px);\n border-bottom: none;\n\n >map-feat-cm-item {\n &:hover {\n background-color: transparent;\n }\n\n &:hover .cm-icon {\n color: var(--cyan-500);\n }\n\n &:hover .cm-title {\n color: var(--cyan-700);\n }\n }\n }\n}","map-identify-results {\n width: 100%;\n height: 100%;\n min-width: 100px;\n background: var(--background-color);\n position: relative;\n overflow: hidden;\n display: grid;\n grid-template-rows: auto 1fr;\n\n >.header {\n display: grid;\n grid-template-columns: auto 1fr;\n align-items: center;\n padding: var(--spacing);\n gap: var(--spacing);\n }\n\n >.body {\n height: 100%;\n display: flex;\n flex-direction: column;\n padding: var(--spacing);\n gap: var(--spacing);\n overflow-y: auto;\n\n >app-accordion {\n overflow: visible;\n\n >.accordion-header {\n padding: var(--spacing-half) var(--spacing);\n }\n }\n }\n}","app-toc {\n display: block;\n background: color-mix(in srgb, var(--base-down) 100%, var(--transparent) 100%);\n position: relative;\n width: 100%;\n height: 100%;\n min-width: 200px;\n padding-top: var(--spacing-half);\n padding-bottom: var(--spacing);\n padding-right: var(--spacing-half);\n user-select: none;\n overflow: auto;\n font-size: 0.875rem;\n\n >app-treeview {\n app-treeview-item {\n &.passive {\n app-treeview-item-header {\n >input[type=\"checkbox\"] {\n opacity: 0.5;\n }\n\n >label {\n opacity: 0.5;\n }\n }\n }\n }\n }\n\n input,\n select,\n textarea {\n margin-bottom: 0 !important;\n }\n}","app-map-legend {\n width: 100%;\n height: 100%;\n background: color-mix(in srgb, var(--base-down) 100%, var(--transparent) 100%);\n min-width: 200px;\n position: relative;\n display: grid;\n grid-template-columns: 1fr;\n grid-template-rows: 1fr;\n user-select: none;\n overflow: auto;\n\n >app-list {\n gap: 0;\n padding-left: var(--spacing);\n\n >.itemContainer {\n >.main-legend-item {\n gap: calc(var(--spacing) / 2);\n display: flex;\n flex-direction: column;\n\n >h3 {\n font-size: 13px;\n margin-bottom: var(--spacing);\n }\n\n app-layer-legend-item {\n display: flex;\n flex-direction: column;\n margin-bottom: var(--spacing);\n\n >.legend-title {\n border-bottom: 1px solid var(--primary-gray-ghost);\n padding-bottom: 2px;\n font-size: 0.9rem;\n font-weight: 500;\n }\n\n >.legend-subtitle {\n font-style: italic;\n }\n\n >.legend-table {\n width: fit-content;\n margin-bottom: 0;\n\n >tr {\n >td {\n border: none !important;\n font-size: 11px;\n padding: 2px !important;\n }\n\n >td:first-child {\n max-width: 50px;\n\n >img {\n max-width: 50px;\n }\n }\n\n .leg-image-col {}\n }\n }\n }\n }\n\n\n }\n }\n}","app-drawer-contanier.mapdrawer-container {\n >.dr-parent {\n\n z-index: auto;\n\n >app-drawer {\n height: calc(80% - var(--drw-pad));\n .leftInnerPane{\n height: 100%;\n padding: var(--spacing);\n }\n }\n }\n\n >.dr-main {}\n\n\n app-map {\n\n // &::after {\n // content: \"\";\n // z-index: 4;\n // pointer-events: none;\n // width: 100%;\n // height: 100%;\n // position: absolute;\n // top: 0;\n // left: 0;\n // background: transparent;\n // box-shadow: inset 0px 0px 6px 2px white;\n // }\n\n &.historic {\n &::after {\n content: \"\";\n z-index: 4;\n pointer-events: none;\n width: 100%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n background: transparent;\n box-shadow: inset 0px 0px 20px 3px var(--amber-300);\n }\n }\n\n .ol-popup {\n\n background-color: #ffffff80;\n border: 1px solid var(--form-element-border-color);\n border-radius: var(--border-radius);\n min-width: 200px;\n padding: var(--spacing);\n position: absolute;\n bottom: 12px;\n left: -50px;\n box-shadow: 0 -3px 15px 2px #0005;\n backdrop-filter: blur(5px);\n\n &:after,\n &:before {\n top: 100%;\n border: solid transparent;\n content: \" \";\n height: 0;\n width: 0;\n position: absolute;\n pointer-events: none;\n }\n\n &:after {\n border-top-color: white;\n border-width: 10px;\n left: 48px;\n margin-left: -10px;\n }\n\n &:before {\n border-top-color: #cccccc;\n border-width: 11px;\n left: 48px;\n margin-left: -11px;\n }\n }\n\n .ol-popup-closer {\n text-decoration: none;\n position: absolute;\n cursor: pointer;\n top: 5px;\n right: 5px;\n z-index: 1;\n\n &:after {\n content: \"✖\";\n }\n }\n\n .popup-feature-properties {\n max-height: 200px;\n max-width: 400px;\n overflow-y: auto;\n gap: 3px;\n width: 100%;\n\n >label {\n font-weight: bold;\n }\n }\n\n .ol-control {\n background-color: none;\n transition: .5s ease opacity;\n opacity: 0.6;\n\n &:hover {\n opacity: 1;\n }\n }\n\n .ol-zoom {\n filter: drop-shadow(2px 2px 4px var(--drop-shadow-color));\n }\n }\n}","app-map-bar {\n\n --bar-color: color-mix(in srgb, var(--primary-gray), transparent 50%);\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: end;\n position: absolute;\n bottom: 0;\n right: 0;\n left: 0;\n background: var(--bar-color);\n backdrop-filter: blur(4px);\n color: var(--primary-inverse);\n\n .ol-control {\n background-color: var(--ol-subtle-background-color);\n border-radius: inherit;\n position: relative;\n }\n\n .mouse-position {\n align-self: flex-end;\n display: flex;\n\n .ol-mouse-position {\n position: relative;\n top: 0;\n right: inherit;\n //color: white;\n width: 150px;\n white-space: nowrap;\n }\n }\n\n .zoom-label {\n //color: white;\n padding-left: 4px;\n padding-right: 10px;\n }\n\n\n .ol-scale-line {\n background: none;\n bottom: -2;\n left: 0;\n\n .ol-scale-line-inner {\n border: 1px solid var(--primary-inverse);\n color: var(--primary-inverse);\n text-align: center;\n will-change: contents, width;\n border-top: none;\n margin: 1px;\n font-size: 12px;\n transition: all .25s;\n }\n }\n\n .overview-btn {\n width: auto;\n margin-bottom: 0;\n padding: 0px;\n font-size: 14px;\n --background-color: white;\n --border-color: white;\n --color: var(--success);\n }\n\n .overview-div {\n width: 200px;\n height: 150px;\n position: absolute;\n bottom: 100%;\n right: -200px;\n transition-property: right;\n transition-duration: .5s;\n transition-timing-function: ease-out;\n border: 1px solid var(--border-color);\n opacity: 0.8;\n pointer-events: none;\n\n .ol-overviewmap {\n bottom: inherit;\n left: inherit;\n }\n\n &.show {\n right: 0;\n }\n }\n}","map-search {\n position: absolute;\n z-index: 1;\n top: 0.5em;\n left: 2.5em;\n transition: .5s ease opacity;\n opacity: 0.7;\n\n >.search-top {\n display: flex;\n flex-direction: row;\n align-items: center;\n padding: var(--spacing-half);\n padding-left: 2.5rem;\n filter: drop-shadow(2px 2px 4px var(--drop-shadow-color));\n height: 3rem;\n overflow: hidden;\n\n >.search-logo {\n font-size: 2rem;\n position: absolute;\n left: 0;\n border-radius: 50%;\n background: var(--base-down);\n padding: var(--spacing);\n z-index: 1;\n //padding-left: 3px;\n }\n\n >.search-items {\n display: flex;\n flex-direction: row;\n align-items: stretch;\n justify-content: center;\n\n //left: calc(-1 * 100%);\n //transition: 0.5s ease left;\n >.select-holder {\n background: var(--main-backgroundcolor);\n\n >select {\n cursor: pointer;\n width: auto;\n margin-bottom: 0;\n border: none;\n border-radius: 0;\n height: 2.5rem;\n line-height: 1rem;\n }\n }\n\n >input {\n min-width: 100px;\n margin-bottom: 0;\n background: var(--main-backgroundcolor);\n border: none;\n border-radius: 0;\n\n &:focus {\n box-shadow: none;\n }\n }\n\n >button {\n padding: var(--spacing);\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n // border-top-right-radius: 40%;\n // border-bottom-right-radius: 40%;\n }\n }\n }\n\n &:hover {\n opacity: 1;\n }\n\n >app-dropdown {\n app-dropdown-button app-dropdown button {\n border-radius: 4px;\n }\n \n app-list {\n >.itemContainer {\n max-height: 40vh;\n gap: 0;\n }\n .search-result-item {\n display: grid;\n grid-template-columns: auto auto;\n padding: var(--spacing) var(--spacing-half);\n border-bottom: 1px solid var(--primary-gray-lighter);\n margin-left: 8px !important;\n\n &:last-child {\n border-bottom: none;\n }\n\n >.actions {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n margin-left: auto !important;\n margin-right: auto;\n\n app-dropdown.open > .ddBody {\n width: 120px;\n border-radius: 16px;\n }\n\n >button {\n margin: 0px;\n padding: 0px;\n height: 24px;\n width: 24px;\n }\n }\n\n >.text-body {\n display: flex;\n flex-direction: column;\n gap: var(--spacing-half);\n cursor: pointer;\n\n >.item-title {\n font-weight: bold;\n }\n\n >.item-detail {\n display: flex;\n flex-direction: column; \n margin-top: 4px;\n }\n >.detail-line {\n font-size: 0.9em;\n color: #555;\n line-height: 1.4;\n }\n\n >.marked-sentence {\n display: flex;\n\n >.marked {\n background-color: var(--amber-100);\n }\n }\n }\n }\n }\n }\n}"],"names":[],"version":3,"file":"index.css.map"}
1
+ {"mappings":"ACAA;;;;;;;;;;;;AAcA;;;;;;;;;;;;AAcA;;;;;;;;;;;;AC5BA;;;;;;;ACAA;;;;;;;;;AAAA;;;;;;;;;;;AAkBQ;;;;AAIA;;;;AAtBR;;;;AAAA;;;;;;AAAA;;;;;;;AAAA;;;;;AAkDI;;;;;;AAMQ;;;;AAIA;;;;AAIA;;;;AChEZ;;;;;;;;;;;AAAA;;;;;;;;AAAA;;;;;;;;;AAAA;;;;AAAA;;;;ACAA;;;;;;;;;;;;;;;AAAA;;;;;;;;AAAA;;;;;;;;;;AAoCgB;;;;;;;AAUJ;;;;AA9CZ;;;;AAmEA;;;;;;;;;AAUA;;;;;;;AASA;;;;;;;;;AASA;;;;;;;;;AASA;;;;;;;;;AASA;;;;;;;;;;;;;AAaA;;;;;;;;;;;;;AAaA;;;;;;;;;;;;;AAaA;;;;;AAMA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AC1KA;;;;;;;;;;;;;AAAA;;;;;AAAA;;;;;;AAAA;;;;;AAAA;;;;;;AAAA;;;;;;;AAAA;;;;AAAA;;;;;AAAA;;;;;;AAAA;;;;ACAA;;;;AAAA;;;;AAAA;;;;;;AAAA;;;;;;;;;;AA8CY;;;;;;;;;;;;;AA9CZ;;;;;;;;;;;;;AA0EY;;;;;;;;;;AAWA;;;;;;;AAOA;;;;;;;AA5FZ;;;;;;;;;AA4GY;;;;AA5GZ;;;;;;;;AAAA;;;;AAAA;;;;;;AAkIY;;;;AAlIZ;;;;ACAA;;;;;;;;;;;;;;;;;AAAA;;;;;;AAAA;;;;;AAAA;;;;;;;;AAAA;;;;;AAAA;;;;;;AAAA;;;;;;;;;;;AAAA;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;AAAA;;;;;AA+FQ;;;;AC/FR;;;;;;;;;AAAA;;;;;;;;;;;AAAA;;;;;;;;;;AAAA;;;;;;;AAAA;;;;AAAA;;;;;;;;;;AAAA;;;;;;;;AA0DgB;;;;AA1DhB;;;;;;AAyEI;;;;AAzEJ;;;;AAAA;;;;;AAAA;;;;;;;;AA8FgB;;;;AA9FhB;;;;;;;;;AAAA;;;;;AAAA;;;;;;;AAAA;;;;;;;AAAA;;;;AAAA;;;;;;AAAA;;;;;;AAAA;;;;AAAA","sources":["d2f6291b0d60d91f","src/tools/ribbon-general/styles.less","src/components/styles/ags.attributetable.component.less","src/components/styles/feature.contextmenu.component.less","src/components/styles/identify-results.component.less","src/components/styles/toc-component.less","src/components/styles/legend.less","src/components/styles/map-component.less","src/components/styles/map-bar.less","src/components/styles/map-search.component.less"],"sourcesContent":["@import \"99f7e3c6217919b9\";\n@import \"667e7f488b98cb0d\";\n@import \"06ad641ee06d271a\";\n@import \"6a3077bc8b9b2877\";\n@import \"e28b239f27a0ce5c\";\n@import \"f1e666a3583a5cd1\";\n@import \"8c5c78b8b3ab4135\";\n@import \"74a8fc2bd402af1e\";\n@import \"66aec83afbf1d5cd\";\n",".icon--measure-area {\n display: inline-block;\n width: 1em;\n height: 1em;\n --svg: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M35.102 0c-6.258 0-11.385 5.135-11.385 11.393c0 2.952 1.171 5.63 3.035 7.662L17.404 37.92c-.338-.031-.665-.102-1.011-.102C10.135 37.818 5 42.945 5 49.203s5.135 11.393 11.393 11.393c3.96 0 7.46-2.064 9.503-5.16l46.67 6.736c1.213 4.983 5.703 8.734 11.041 8.734C89.865 70.906 95 65.78 95 59.521c0-6.062-4.83-11.038-10.82-11.345l-6.133-19.133c2.624-2.093 4.351-5.276 4.351-8.867c0-6.258-5.134-11.395-11.392-11.395c-3.965 0-7.468 2.065-9.512 5.168L46.338 9.81C45.553 4.298 40.818 0 35.102 0m0 5.771c3.14 0 5.63 2.482 5.63 5.622s-2.49 5.623-5.63 5.623s-5.614-2.484-5.614-5.623s2.474-5.622 5.614-5.622m35.904 8.782c3.14 0 5.615 2.483 5.615 5.623s-2.475 5.62-5.615 5.62s-5.629-2.48-5.629-5.62s2.49-5.623 5.629-5.623m-26.158 2.634l14.867 4.07c.555 5.74 5.38 10.284 11.252 10.304l5.998 18.755c-1.55 1.126-2.771 2.638-3.606 4.375l-45.691-6.593c-.277-2.76-1.504-5.248-3.41-7.08l9.111-18.405c.57.09 1.138.174 1.733.174c4.139 0 7.749-2.266 9.746-5.6M16.393 43.58c3.14 0 5.63 2.483 5.63 5.623a5.59 5.59 0 0 1-5.63 5.629c-3.14 0-5.622-2.49-5.622-5.629a5.58 5.58 0 0 1 5.622-5.623m67.214 10.313c3.14 0 5.622 2.489 5.622 5.628s-2.482 5.608-5.622 5.608s-5.63-2.468-5.63-5.608a5.59 5.59 0 0 1 5.63-5.628M5 76v24h90V76h-6.27v17.896h-7.687V81.174h-6.27v12.722h-7.681V81.174h-6.268v12.722h-7.69V76h-6.269v17.896h-7.69V81.174h-6.267v12.722h-7.681V81.174h-6.27v12.722H11.27V76z' color='%23000'/%3E%3C/svg%3E\");\n background-color: currentColor;\n -webkit-mask-image: var(--svg);\n mask-image: var(--svg);\n -webkit-mask-repeat: no-repeat;\n mask-repeat: no-repeat;\n -webkit-mask-size: 100% 100%;\n mask-size: 100% 100%;\n}\n\n.icon--measure-line {\n display: inline-block;\n width: 1em;\n height: 1em;\n --svg: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M34.266 0C28.07 0 22.982 5.09 22.982 11.285c0 3.494 1.621 6.634 4.145 8.71L18.021 38.81a11 11 0 0 0-1.736-.149C10.091 38.662 5 43.751 5 49.945S10.09 61.23 16.285 61.23c5.98 0 10.883-4.755 11.219-10.657a3 3 0 0 0 .062-.627a3 3 0 0 0-.062-.627c-.176-3.093-1.616-5.862-3.799-7.806l9.211-19.033c.444.053.892.087 1.35.087c4.148 0 7.775-2.287 9.722-5.658l16.01 4.23c.84 5.256 5.35 9.337 10.791 9.503l6.299 19.2c-2.81 2.06-4.654 5.375-4.654 9.096c0 6.195 5.088 11.282 11.283 11.282c5.98 0 10.885-4.753 11.22-10.655a3 3 0 0 0 .063-.626a3 3 0 0 0-.062-.627c-.336-5.902-5.241-10.659-11.221-10.659c-.24 0-.475.02-.711.035L76.889 29.04c3.102-1.88 5.243-5.212 5.46-9.035a3 3 0 0 0 .063-.627a3 3 0 0 0-.062-.627c-.336-5.902-5.241-10.658-11.221-10.658c-4.585 0-8.558 2.792-10.317 6.754L45.51 10.799l-.024-.14C45.151 4.756 40.246 0 34.266 0m0 6.293c2.793 0 4.99 2.199 4.99 4.992s-2.197 4.988-4.99 4.988s-4.99-2.195-4.99-4.988s2.196-4.992 4.99-4.992m36.863 8.092c2.793 0 4.99 2.199 4.99 4.992s-2.197 4.988-4.99 4.988s-4.99-2.195-4.99-4.988s2.197-4.992 4.99-4.992m-54.844 30.57c2.793 0 4.988 2.197 4.988 4.99s-2.195 4.99-4.988 4.99s-4.992-2.197-4.992-4.99s2.199-4.99 4.992-4.99m67.432 8.99c2.793 0 4.99 2.2 4.99 4.993s-2.197 4.988-4.99 4.988s-4.99-2.195-4.99-4.989s2.197-4.992 4.99-4.992M5 76v24h90V76h-6.27v17.896h-7.687V81.174h-6.27v12.722h-7.681V81.174h-6.268v12.722h-7.69V76h-6.269v17.896h-7.69V81.174h-6.267v12.722h-7.681V81.174h-6.27v12.722H11.27V76z' color='%23000'/%3E%3C/svg%3E\");\n background-color: currentColor;\n -webkit-mask-image: var(--svg);\n mask-image: var(--svg);\n -webkit-mask-repeat: no-repeat;\n mask-repeat: no-repeat;\n -webkit-mask-size: 100% 100%;\n mask-size: 100% 100%;\n}\n\n.icon--identify {\n display: inline-block;\n width: 1em;\n height: 1em;\n --svg: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23000' d='M50.002 0C28.103 0 10 17.008 10 37.932c0 8.061 2.712 15.566 7.268 21.71l25.996 36.194l.109.135c2.05 2.538 4.37 4.262 7.094 4.004c2.724-.26 4.491-2.142 6.156-4.28l.088-.11l28.732-39.937l.018-.03c.671-1.151 1.166-2.323 1.588-3.464A35.9 35.9 0 0 0 90 37.932C90 17.009 71.9 0 50.002 0m0 5.318c19.148 0 34.674 14.762 34.674 32.614c0 4.296-.9 8.395-2.531 12.168l-.03.068l-.027.07c-.362.986-.756 1.892-1.223 2.694l-.004.007L52.37 92.484c-1.327 1.683-2.261 2.18-2.408 2.194s-.854-.126-2.371-1.973l-25.9-36.033l-.075-.1c-3.968-5.313-6.29-11.726-6.29-18.64c0-17.851 15.529-32.614 34.677-32.614' color='%23000'/%3E%3Cpath fill='%23000' d='M50.04 12.432q-3.4 0-5.772 2.373q-2.295 2.293-2.295 5.615t2.373 5.693t5.693 2.371t5.615-2.37q2.373-2.373 2.373-5.694t-2.373-5.615q-2.293-2.373-5.615-2.373m3.89 20.832c.246 0-.49.037-.72.109l-15.448 3.65c-.967.309-1.44 1.17-1.063 1.934l.582 1.174c.379.765 1.47 1.149 2.45.861c.969-.285 1.716-.394 2.15-.394c.4 0 .449.057.451.058l.059.037c-.115-.072.09.089.232.567c.576 5.733.336 7.126.336 13.492c0 1.765-.307 2.955-.402 3.115l-.02.037c-.236.429-.459.595-.682.694c.056-.025-1.063.228-2.792.228c-1.055 0-1.91.672-1.91 1.5V61.5c0 .828.855 1.5 1.91 1.5H61.52c1.055 0 1.909-.672 1.909-1.5v-1.174c0-.828-.854-1.5-1.909-1.5c-1.65 0-2.697-.228-2.785-.264c-.294-.137-.512-.325-.722-.666c-.08-.165-.35-1.363-.35-3.144V34.764c0-.829-.856-1.5-1.91-1.5z'/%3E%3C/svg%3E\");\n background-color: currentColor;\n -webkit-mask-image: var(--svg);\n mask-image: var(--svg);\n -webkit-mask-repeat: no-repeat;\n mask-repeat: no-repeat;\n -webkit-mask-size: 100% 100%;\n mask-size: 100% 100%;\n}","ags-attr-table {\n width: 100%;\n height: 100%;\n display: block;\n padding: var(--spacing);\n}\n","map-feat-cm {\n position: absolute;\n display: flex;\n flex-direction: column;\n background: var(--background-color);\n box-shadow: 0px 0px 4px 0px gray;\n z-index: 10000;\n\n >map-feat-cm-item {\n display: grid;\n grid-template-columns: auto 1fr;\n gap: var(--spacing);\n padding: 0px 0px;\n cursor: pointer;\n border-bottom: 1px solid var(--border-color);\n padding: var(--spacing);\n align-items: center;\n\n &:hover {\n background-color: #00000010;\n }\n\n &:last-child {\n border-bottom: none;\n }\n\n >.cm-icon {\n grid-column: 1;\n }\n\n >.cm-title {\n grid-column: 2;\n cursor: pointer;\n margin-bottom: 0;\n // font-weight: bold;\n }\n }\n\n >.GroupTitle {\n width: 100%;\n text-align: center;\n font-size: 12px;\n color: var(--grey-400);\n }\n\n >.Seperator {\n width: 100%;\n border-bottom: 1px solid var(--grey-300);\n }\n\n &.glass {\n background: rgba(255, 255, 255, 0.2);\n backdrop-filter: blur(3px);\n border-bottom: none;\n\n >map-feat-cm-item {\n &:hover {\n background-color: transparent;\n }\n\n &:hover .cm-icon {\n color: var(--cyan-500);\n }\n\n &:hover .cm-title {\n color: var(--cyan-700);\n }\n }\n }\n}","map-identify-results {\n width: 100%;\n height: 100%;\n min-width: 100px;\n background: var(--background-color);\n position: relative;\n overflow: hidden;\n display: grid;\n grid-template-rows: auto 1fr;\n\n >.header {\n display: grid;\n grid-template-columns: auto 1fr;\n align-items: center;\n padding: var(--spacing);\n gap: var(--spacing);\n }\n\n >.body {\n height: 100%;\n display: flex;\n flex-direction: column;\n padding: var(--spacing);\n gap: var(--spacing);\n overflow-y: auto;\n\n >app-accordion {\n overflow: visible;\n\n >.accordion-header {\n padding: var(--spacing-half) var(--spacing);\n }\n }\n }\n}","app-toc {\n display: block;\n background: color-mix(in srgb, var(--base-down) 100%, var(--transparent) 100%);\n position: relative;\n width: 100%;\n height: 100%;\n min-width: 200px;\n padding-top: var(--spacing-half);\n padding-bottom: var(--spacing);\n padding-right: var(--spacing-half);\n user-select: none;\n overflow: auto;\n font-size: 0.875rem;\n\n\n\n >app-treeview {\n app-treeview-item {\n\n >app-treeview-item-header {\n height: auto;\n grid-template-columns: 16px auto auto 1fr;\n grid-template-rows: auto;\n grid-template-areas: \"ga-tw-expicon ga-tw-check ga-tw-itemicon ga-tw-title\" \". ga-tw-actions ga-tw-actions ga-tw-actions\";\n font-size: 0.875rem;\n\n >.actionsContainer {\n position: absolute;\n flex-flow: row-reverse;\n justify-content: start;\n width: 100%;\n top: 100%;\n z-index: 1;\n transition: var(--transition);\n }\n\n &:hover {\n >.actionsContainer {\n position: absolute;\n box-shadow: 0 3px 6px 0 var(--drop-shadow-color);\n padding: var(--spacing);\n background: var(--base-down);\n }\n }\n }\n\n &.passive {\n app-treeview-item-header {\n >input[type=\"checkbox\"] {\n opacity: 0.5;\n }\n\n >label {\n opacity: 0.5;\n }\n }\n }\n }\n }\n\n input,\n select,\n textarea {\n margin-bottom: 0 !important;\n }\n}\n\n:root {\n --range-border-color: var(--border-color);\n --range-active-border-color: var(--border-color);\n --range-thumb-border-color: var(--background-color);\n --range-thumb-color: var(--secondary);\n --range-thumb-hover-color: var(--secondary-hover);\n --range-thumb-active-color: var(--primary);\n}\n\n\n[type=range] {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n width: 100%;\n height: 1.25rem;\n background: none;\n}\n\n[type=range]::-webkit-slider-runnable-track {\n width: 100%;\n height: 0.25rem;\n border-radius: var(--border-radius);\n background-color: var(--range-border-color);\n -webkit-transition: background-color var(--transition), box-shadow var(--transition);\n transition: background-color var(--transition), box-shadow var(--transition);\n}\n\n[type=range]::-moz-range-track {\n width: 100%;\n height: 0.25rem;\n border-radius: var(--border-radius);\n background-color: var(--range-border-color);\n -moz-transition: background-color var(--transition), box-shadow var(--transition);\n transition: background-color var(--transition), box-shadow var(--transition);\n}\n\n[type=range]::-ms-track {\n width: 100%;\n height: 0.25rem;\n border-radius: var(--border-radius);\n background-color: var(--range-border-color);\n -ms-transition: background-color var(--transition), box-shadow var(--transition);\n transition: background-color var(--transition), box-shadow var(--transition);\n}\n\n[type=range]::-webkit-slider-thumb {\n -webkit-appearance: none;\n width: 1.25rem;\n height: 1.25rem;\n margin-top: -0.5rem;\n border: 2px solid var(--range-thumb-border-color);\n border-radius: 50%;\n background-color: var(--range-thumb-color);\n cursor: pointer;\n -webkit-transition: background-color var(--transition), transform var(--transition);\n transition: background-color var(--transition), transform var(--transition);\n}\n\n[type=range]::-moz-range-thumb {\n -webkit-appearance: none;\n width: 1.25rem;\n height: 1.25rem;\n margin-top: -0.5rem;\n border: 2px solid var(--range-thumb-border-color);\n border-radius: 50%;\n background-color: var(--range-thumb-color);\n cursor: pointer;\n -moz-transition: background-color var(--transition), transform var(--transition);\n transition: background-color var(--transition), transform var(--transition);\n}\n\n[type=range]::-ms-thumb {\n -webkit-appearance: none;\n width: 1.25rem;\n height: 1.25rem;\n margin-top: -0.5rem;\n border: 2px solid var(--range-thumb-border-color);\n border-radius: 50%;\n background-color: var(--range-thumb-color);\n cursor: pointer;\n -ms-transition: background-color var(--transition), transform var(--transition);\n transition: background-color var(--transition), transform var(--transition);\n}\n\n[type=range]:hover,\n[type=range]:focus {\n --range-border-color: var(--range-active-border-color);\n --range-thumb-color: var(--range-thumb-hover-color);\n}\n\n[type=range]:active {\n --range-thumb-color: var(--range-thumb-active-color);\n}\n\n[type=range]:active::-webkit-slider-thumb {\n transform: scale(1.25);\n}\n\n[type=range]:active::-moz-range-thumb {\n transform: scale(1.25);\n}\n\n[type=range]:active::-ms-thumb {\n transform: scale(1.25);\n}","app-map-legend {\n width: 100%;\n height: 100%;\n background: color-mix(in srgb, var(--base-down) 100%, var(--transparent) 100%);\n min-width: 200px;\n position: relative;\n display: grid;\n grid-template-columns: 1fr;\n grid-template-rows: 1fr;\n user-select: none;\n overflow: auto;\n\n >app-list {\n gap: 0;\n padding-left: var(--spacing);\n\n >.itemContainer {\n >.main-legend-item {\n gap: calc(var(--spacing) / 2);\n display: flex;\n flex-direction: column;\n\n >h3 {\n font-size: 13px;\n margin-bottom: var(--spacing);\n }\n\n app-layer-legend-item {\n display: flex;\n flex-direction: column;\n margin-bottom: var(--spacing);\n\n >.legend-title {\n border-bottom: 1px solid var(--primary-gray-ghost);\n padding-bottom: 2px;\n font-size: 0.9rem;\n font-weight: 500;\n }\n\n >.legend-subtitle {\n font-style: italic;\n }\n\n >.legend-table {\n width: fit-content;\n margin-bottom: 0;\n\n >tr {\n >td {\n border: none !important;\n font-size: 11px;\n padding: 2px !important;\n }\n\n >td:first-child {\n max-width: 50px;\n\n >img {\n max-width: 50px;\n }\n }\n\n .leg-image-col {}\n }\n }\n }\n }\n\n\n }\n }\n}","app-drawer-contanier.mapdrawer-container {\n >.dr-parent {\n\n z-index: auto;\n\n >app-drawer {\n height: calc(80% - var(--drw-pad));\n\n .leftInnerPane {\n width: 300px;\n height: 100%;\n padding: var(--spacing);\n }\n }\n }\n\n >.dr-main {}\n\n\n app-map {\n\n :root {\n //--accent2-bg-img: linear-gradient(to right, var(--primary2-d2) 0%, var(--primary2-d2) 30%, var(--primary-d2) 100%);\n --ol-background-color: var(--base-down);\n --ol-accent-background-color: #f5f5f5;\n --ol-subtle-background-color: #80808040;\n --ol-partial-background-color: #ffffffbf;\n --ol-foreground-color: var(--text-color);\n --ol-subtle-foreground-color: var(--mid);\n --ol-brand-color: var(--primary);\n }\n\n // &::after {\n // content: \"\";\n // z-index: 4;\n // pointer-events: none;\n // width: 100%;\n // height: 100%;\n // position: absolute;\n // top: 0;\n // left: 0;\n // background: transparent;\n // box-shadow: inset 0px 0px 6px 2px white;\n // }\n\n &.historic {\n &::after {\n content: \"\";\n z-index: 4;\n pointer-events: none;\n width: 100%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n background: transparent;\n box-shadow: inset 0px 0px 20px 3px var(--amber-300);\n }\n }\n\n .ol-popup {\n\n border: var(--glass-border);\n backdrop-filter: blur(5px);\n background: var(--glass-bg-img);\n box-shadow: var(--glass-shadow);\n\n border-radius: var(--border-radius);\n min-width: 200px;\n padding: var(--spacing);\n position: absolute;\n bottom: 12px;\n left: -50px;\n\n &:after,\n &:before {\n top: 100%;\n border: solid transparent;\n content: \" \";\n height: 0;\n width: 0;\n position: absolute;\n pointer-events: none;\n }\n\n &:after {\n border-top-color: var(--base-down);\n border-width: 10px;\n left: 48px;\n margin-left: -10px;\n }\n\n &:before {\n border-top-color: var(--border-color);\n border-width: 11px;\n left: 48px;\n margin-left: -11px;\n }\n }\n\n .ol-popup-closer {\n text-decoration: none;\n position: absolute;\n cursor: pointer;\n top: 5px;\n right: 5px;\n z-index: 1;\n\n &:after {\n content: \"✖\";\n }\n }\n\n .popup-feature-properties {\n max-height: 200px;\n max-width: 400px;\n overflow-y: auto;\n gap: 3px;\n width: 100%;\n\n >label {\n font-weight: bold;\n }\n }\n\n .ol-control {\n background-color: none;\n transition: .5s ease opacity;\n opacity: 0.6;\n\n &:hover {\n opacity: 1;\n }\n }\n\n .ol-zoom {\n filter: drop-shadow(2px 2px 4px var(--drop-shadow-color));\n }\n }\n}\n","app-map-bar {\n color: var(--text-color);\n --bar-color: color-mix(in srgb, var(--base-down), transparent 60%);\n padding: var(--spacing-half);\n gap: var(--spacing);\n\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: end;\n position: absolute;\n bottom: 0;\n right: 0;\n left: 0;\n background: var(--bar-color);\n backdrop-filter: blur(4px);\n\n\n\n .ol-control {\n background-color: var(--ol-subtle-background-color);\n border-radius: inherit;\n position: relative;\n }\n\n .mouse-position {\n align-self: flex-end;\n display: flex;\n\n .ol-mouse-position {\n position: relative;\n top: 0;\n right: inherit;\n //color: white;\n width: 150px;\n white-space: nowrap;\n }\n }\n\n .zoom-label {\n //color: white;\n padding-left: 4px;\n padding-right: 10px;\n }\n\n\n .ol-scale-line {\n background: none;\n bottom: -2;\n left: 0;\n\n .ol-scale-line-inner {\n border: 1px solid var(--text-color);\n color: var(--text-color);\n text-align: center;\n will-change: contents, width;\n border-top: none;\n margin: 1px;\n font-size: 12px;\n transition: all .25s;\n }\n }\n\n .overview-btn {\n\n --background-color: var(--base-up);\n border: none;\n width: auto;\n margin-bottom: 0;\n padding: 0px;\n font-size: 14px;\n --color: var(--success);\n }\n\n .overview-div {\n width: 200px;\n height: 150px;\n position: absolute;\n bottom: 100%;\n right: -240px;\n transition-property: right;\n transition-duration: .5s;\n transition-timing-function: ease-out;\n opacity: 0.8;\n pointer-events: none;\n\n box-shadow: -10px -10px 30px 10px var(--drop-shadow-color);\n border-top-left-radius: var(--border-radius);\n overflow: hidden;\n\n .ol-overviewmap {\n bottom: inherit;\n left: inherit;\n }\n\n &.show {\n right: 0;\n }\n }\n}\n","map-search {\n position: absolute;\n z-index: 1;\n top: 0.5em;\n left: 2.5em;\n transition: .5s ease opacity;\n opacity: 0.7;\n\n >.search-top {\n display: flex;\n flex-direction: row;\n align-items: center;\n padding: var(--spacing-half);\n padding-left: 2.5rem;\n filter: drop-shadow(2px 2px 4px var(--drop-shadow-color));\n height: 3rem;\n overflow: hidden;\n\n >.search-logo {\n font-size: 2rem;\n position: absolute;\n left: 0;\n border-radius: 50%;\n background: var(--base-down);\n padding: var(--spacing);\n z-index: 1;\n //padding-left: 3px;\n }\n\n >.search-items {\n display: flex;\n flex-direction: row;\n align-items: stretch;\n justify-content: center;\n\n //left: calc(-1 * 100%);\n //transition: 0.5s ease left;\n >.select-holder {\n background: var(--main-backgroundcolor);\n\n >select {\n cursor: pointer;\n width: auto;\n margin-bottom: 0;\n border: none;\n border-radius: 0;\n height: 2.5rem;\n line-height: 1rem;\n }\n }\n\n >input {\n min-width: 100px;\n margin-bottom: 0;\n background: var(--main-backgroundcolor);\n border: none;\n border-radius: 0;\n\n &:focus {\n box-shadow: none;\n }\n }\n\n >button {\n padding: var(--spacing);\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n // border-top-right-radius: 40%;\n // border-bottom-right-radius: 40%;\n }\n }\n }\n\n &:hover {\n opacity: 1;\n }\n\n >app-dropdown {\n app-dropdown-button app-dropdown button {\n border-radius: 4px;\n }\n \n app-list {\n >.itemContainer {\n max-height: 40vh;\n gap: 0;\n }\n .search-result-item {\n display: grid;\n grid-template-columns: auto auto;\n padding: var(--spacing) var(--spacing-half);\n border-bottom: 1px solid var(--primary-gray-lighter);\n margin-left: 8px !important;\n\n &:last-child {\n border-bottom: none;\n }\n\n >.actions {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n margin-left: auto !important;\n margin-right: auto;\n\n app-dropdown.open > .ddBody {\n width: 120px;\n border-radius: 16px;\n }\n\n >button {\n margin: 0px;\n padding: 0px;\n height: 24px;\n width: 24px;\n }\n }\n\n >.text-body {\n display: flex;\n flex-direction: column;\n gap: var(--spacing-half);\n cursor: pointer;\n\n >.item-title {\n font-weight: bold;\n }\n\n >.item-detail {\n display: flex;\n flex-direction: column; \n margin-top: 4px;\n }\n >.detail-line {\n font-size: 0.9em;\n color: #555;\n line-height: 1.4;\n }\n\n >.marked-sentence {\n display: flex;\n\n >.marked {\n background-color: var(--amber-100);\n }\n }\n }\n }\n }\n }\n}"],"names":[],"version":3,"file":"index.css.map"}