@yesilyazilim/web.spa.gis 1.0.0

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 +568 -0
  2. package/index.css.map +1 -0
  3. package/index.d.ts +289 -0
  4. package/index.d.ts.map +1 -0
  5. package/index.js +4704 -0
  6. package/index.js.map +1 -0
  7. package/package.json +19 -0
package/index.css ADDED
@@ -0,0 +1,568 @@
1
+ .icon--measure-area {
2
+ --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");
3
+ width: 1em;
4
+ height: 1em;
5
+ -webkit-mask-image: var(--svg);
6
+ mask-image: var(--svg);
7
+ background-color: currentColor;
8
+ display: inline-block;
9
+ mask-size: 100% 100%;
10
+ mask-repeat: no-repeat;
11
+ }
12
+
13
+ .icon--measure-line {
14
+ --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");
15
+ width: 1em;
16
+ height: 1em;
17
+ -webkit-mask-image: var(--svg);
18
+ mask-image: var(--svg);
19
+ background-color: currentColor;
20
+ display: inline-block;
21
+ mask-size: 100% 100%;
22
+ mask-repeat: no-repeat;
23
+ }
24
+
25
+ .icon--identify {
26
+ --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");
27
+ width: 1em;
28
+ height: 1em;
29
+ -webkit-mask-image: var(--svg);
30
+ mask-image: var(--svg);
31
+ background-color: currentColor;
32
+ display: inline-block;
33
+ mask-size: 100% 100%;
34
+ mask-repeat: no-repeat;
35
+ }
36
+
37
+ ags-attr-table {
38
+ width: 100%;
39
+ height: 100%;
40
+ padding: var(--spacing);
41
+ display: block;
42
+ }
43
+
44
+ map-feat-cm {
45
+ background: var(--background-color);
46
+ z-index: 10000;
47
+ flex-direction: column;
48
+ display: flex;
49
+ position: absolute;
50
+ box-shadow: 0 0 4px gray;
51
+ }
52
+
53
+ map-feat-cm > map-feat-cm-item {
54
+ gap: var(--spacing);
55
+ cursor: pointer;
56
+ border-bottom: 1px solid var(--border-color);
57
+ padding: 0;
58
+ padding: var(--spacing);
59
+ grid-template-columns: auto 1fr;
60
+ align-items: center;
61
+ display: grid;
62
+ }
63
+
64
+ map-feat-cm > map-feat-cm-item:hover {
65
+ background-color: #00000010;
66
+ }
67
+
68
+ map-feat-cm > map-feat-cm-item:last-child {
69
+ border-bottom: none;
70
+ }
71
+
72
+ map-feat-cm > map-feat-cm-item > .cm-icon {
73
+ grid-column: 1;
74
+ }
75
+
76
+ map-feat-cm > map-feat-cm-item > .cm-title {
77
+ cursor: pointer;
78
+ grid-column: 2;
79
+ margin-bottom: 0;
80
+ }
81
+
82
+ map-feat-cm > .GroupTitle {
83
+ text-align: center;
84
+ width: 100%;
85
+ color: var(--grey-400);
86
+ font-size: 12px;
87
+ }
88
+
89
+ map-feat-cm > .Seperator {
90
+ border-bottom: 1px solid var(--grey-300);
91
+ width: 100%;
92
+ }
93
+
94
+ map-feat-cm.glass {
95
+ backdrop-filter: blur(3px);
96
+ background: #fff3;
97
+ border-bottom: none;
98
+ }
99
+
100
+ map-feat-cm.glass > map-feat-cm-item:hover {
101
+ background-color: #0000;
102
+ }
103
+
104
+ map-feat-cm.glass > map-feat-cm-item:hover .cm-icon {
105
+ color: var(--cyan-500);
106
+ }
107
+
108
+ map-feat-cm.glass > map-feat-cm-item:hover .cm-title {
109
+ color: var(--cyan-700);
110
+ }
111
+
112
+ map-identify-results {
113
+ background: var(--background-color);
114
+ grid-template-rows: auto 1fr;
115
+ width: 100%;
116
+ min-width: 100px;
117
+ height: 100%;
118
+ display: grid;
119
+ position: relative;
120
+ overflow: hidden;
121
+ }
122
+
123
+ map-identify-results > .header {
124
+ padding: var(--spacing);
125
+ align-items: center;
126
+ gap: var(--spacing);
127
+ grid-template-columns: auto 1fr;
128
+ display: grid;
129
+ }
130
+
131
+ map-identify-results > .body {
132
+ height: 100%;
133
+ padding: var(--spacing);
134
+ gap: var(--spacing);
135
+ flex-direction: column;
136
+ display: flex;
137
+ overflow-y: auto;
138
+ }
139
+
140
+ map-identify-results > .body > app-accordion {
141
+ overflow: visible;
142
+ }
143
+
144
+ map-identify-results > .body > app-accordion > .accordion-header {
145
+ padding: var(--spacing-half) var(--spacing);
146
+ }
147
+
148
+ app-toc {
149
+ background: color-mix(in srgb, var(--base-down) 100%, var(--transparent) 100%);
150
+ width: 100%;
151
+ min-width: 200px;
152
+ height: 100%;
153
+ padding-top: var(--spacing-half);
154
+ padding-bottom: var(--spacing);
155
+ padding-right: var(--spacing-half);
156
+ user-select: none;
157
+ font-size: .875rem;
158
+ display: block;
159
+ position: relative;
160
+ overflow: auto;
161
+ }
162
+
163
+ 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
+ opacity: .5;
165
+ }
166
+
167
+ app-toc input, app-toc select, app-toc textarea {
168
+ margin-bottom: 0 !important;
169
+ }
170
+
171
+ app-map-legend {
172
+ background: color-mix(in srgb, var(--base-down) 100%, var(--transparent) 100%);
173
+ user-select: none;
174
+ grid-template-rows: 1fr;
175
+ grid-template-columns: 1fr;
176
+ width: 100%;
177
+ min-width: 200px;
178
+ height: 100%;
179
+ display: grid;
180
+ position: relative;
181
+ overflow: auto;
182
+ }
183
+
184
+ app-map-legend > app-list {
185
+ padding-left: var(--spacing);
186
+ gap: 0;
187
+ }
188
+
189
+ app-map-legend > app-list > .itemContainer > .main-legend-item {
190
+ gap: calc(var(--spacing) / 2);
191
+ flex-direction: column;
192
+ display: flex;
193
+ }
194
+
195
+ app-map-legend > app-list > .itemContainer > .main-legend-item > h3 {
196
+ margin-bottom: var(--spacing);
197
+ font-size: 13px;
198
+ }
199
+
200
+ app-map-legend > app-list > .itemContainer > .main-legend-item app-layer-legend-item {
201
+ margin-bottom: var(--spacing);
202
+ flex-direction: column;
203
+ display: flex;
204
+ }
205
+
206
+ app-map-legend > app-list > .itemContainer > .main-legend-item app-layer-legend-item > .legend-title {
207
+ border-bottom: 1px solid var(--primary-gray-ghost);
208
+ padding-bottom: 2px;
209
+ font-size: .9rem;
210
+ font-weight: 500;
211
+ }
212
+
213
+ app-map-legend > app-list > .itemContainer > .main-legend-item app-layer-legend-item > .legend-subtitle {
214
+ font-style: italic;
215
+ }
216
+
217
+ app-map-legend > app-list > .itemContainer > .main-legend-item app-layer-legend-item > .legend-table {
218
+ width: fit-content;
219
+ margin-bottom: 0;
220
+ }
221
+
222
+ app-map-legend > app-list > .itemContainer > .main-legend-item app-layer-legend-item > .legend-table > tr > td {
223
+ font-size: 11px;
224
+ border: none !important;
225
+ padding: 2px !important;
226
+ }
227
+
228
+ app-map-legend > app-list > .itemContainer > .main-legend-item app-layer-legend-item > .legend-table > tr > td:first-child, app-map-legend > app-list > .itemContainer > .main-legend-item app-layer-legend-item > .legend-table > tr > td:first-child > img {
229
+ max-width: 50px;
230
+ }
231
+
232
+ app-drawer-contanier.mapdrawer-container > .dr-parent {
233
+ z-index: auto;
234
+ }
235
+
236
+ app-drawer-contanier.mapdrawer-container > .dr-parent > app-drawer {
237
+ height: calc(80% - var(--drw-pad));
238
+ }
239
+
240
+ app-drawer-contanier.mapdrawer-container > .dr-parent > app-drawer .leftInnerPane {
241
+ height: 100%;
242
+ padding: var(--spacing);
243
+ }
244
+
245
+ app-drawer-contanier.mapdrawer-container app-map.historic:after {
246
+ content: "";
247
+ z-index: 4;
248
+ pointer-events: none;
249
+ width: 100%;
250
+ height: 100%;
251
+ box-shadow: inset 0px 0px 20px 3px var(--amber-300);
252
+ background: none;
253
+ position: absolute;
254
+ top: 0;
255
+ left: 0;
256
+ }
257
+
258
+ app-drawer-contanier.mapdrawer-container app-map .ol-popup {
259
+ border: 1px solid var(--form-element-border-color);
260
+ border-radius: var(--border-radius);
261
+ min-width: 200px;
262
+ padding: var(--spacing);
263
+ backdrop-filter: blur(5px);
264
+ background-color: #ffffff80;
265
+ position: absolute;
266
+ bottom: 12px;
267
+ left: -50px;
268
+ box-shadow: 0 -3px 15px 2px #0005;
269
+ }
270
+
271
+ app-drawer-contanier.mapdrawer-container app-map .ol-popup:after, app-drawer-contanier.mapdrawer-container app-map .ol-popup:before {
272
+ content: " ";
273
+ pointer-events: none;
274
+ border: solid #0000;
275
+ width: 0;
276
+ height: 0;
277
+ position: absolute;
278
+ top: 100%;
279
+ }
280
+
281
+ app-drawer-contanier.mapdrawer-container app-map .ol-popup:after {
282
+ border-width: 10px;
283
+ border-top-color: #fff;
284
+ margin-left: -10px;
285
+ left: 48px;
286
+ }
287
+
288
+ app-drawer-contanier.mapdrawer-container app-map .ol-popup:before {
289
+ border-width: 11px;
290
+ border-top-color: #ccc;
291
+ margin-left: -11px;
292
+ left: 48px;
293
+ }
294
+
295
+ app-drawer-contanier.mapdrawer-container app-map .ol-popup-closer {
296
+ cursor: pointer;
297
+ z-index: 1;
298
+ text-decoration: none;
299
+ position: absolute;
300
+ top: 5px;
301
+ right: 5px;
302
+ }
303
+
304
+ app-drawer-contanier.mapdrawer-container app-map .ol-popup-closer:after {
305
+ content: "✖";
306
+ }
307
+
308
+ app-drawer-contanier.mapdrawer-container app-map .popup-feature-properties {
309
+ gap: 3px;
310
+ width: 100%;
311
+ max-width: 400px;
312
+ max-height: 200px;
313
+ overflow-y: auto;
314
+ }
315
+
316
+ app-drawer-contanier.mapdrawer-container app-map .popup-feature-properties > label {
317
+ font-weight: bold;
318
+ }
319
+
320
+ app-drawer-contanier.mapdrawer-container app-map .ol-control {
321
+ background-color: none;
322
+ opacity: .6;
323
+ transition: opacity .5s;
324
+ }
325
+
326
+ app-drawer-contanier.mapdrawer-container app-map .ol-control:hover {
327
+ opacity: 1;
328
+ }
329
+
330
+ app-drawer-contanier.mapdrawer-container app-map .ol-zoom {
331
+ filter: drop-shadow(2px 2px 4px var(--drop-shadow-color));
332
+ }
333
+
334
+ app-map-bar {
335
+ --bar-color: color-mix(in srgb, var(--primary-gray), transparent 50%);
336
+ background: var(--bar-color);
337
+ backdrop-filter: blur(4px);
338
+ color: var(--primary-inverse);
339
+ flex-direction: row;
340
+ justify-content: end;
341
+ align-items: center;
342
+ display: flex;
343
+ position: absolute;
344
+ bottom: 0;
345
+ left: 0;
346
+ right: 0;
347
+ }
348
+
349
+ app-map-bar .ol-control {
350
+ background-color: var(--ol-subtle-background-color);
351
+ border-radius: inherit;
352
+ position: relative;
353
+ }
354
+
355
+ app-map-bar .mouse-position {
356
+ align-self: flex-end;
357
+ display: flex;
358
+ }
359
+
360
+ app-map-bar .mouse-position .ol-mouse-position {
361
+ top: 0;
362
+ right: inherit;
363
+ white-space: nowrap;
364
+ width: 150px;
365
+ position: relative;
366
+ }
367
+
368
+ app-map-bar .zoom-label {
369
+ padding-left: 4px;
370
+ padding-right: 10px;
371
+ }
372
+
373
+ app-map-bar .ol-scale-line {
374
+ background: none;
375
+ bottom: -2px;
376
+ left: 0;
377
+ }
378
+
379
+ app-map-bar .ol-scale-line .ol-scale-line-inner {
380
+ border: 1px solid var(--primary-inverse);
381
+ color: var(--primary-inverse);
382
+ text-align: center;
383
+ will-change: contents, width;
384
+ border-top: none;
385
+ margin: 1px;
386
+ font-size: 12px;
387
+ transition: all .25s;
388
+ }
389
+
390
+ app-map-bar .overview-btn {
391
+ --background-color: white;
392
+ --border-color: white;
393
+ --color: var(--success);
394
+ width: auto;
395
+ margin-bottom: 0;
396
+ padding: 0;
397
+ font-size: 14px;
398
+ }
399
+
400
+ app-map-bar .overview-div {
401
+ border: 1px solid var(--border-color);
402
+ opacity: .8;
403
+ pointer-events: none;
404
+ width: 200px;
405
+ height: 150px;
406
+ transition-property: right;
407
+ transition-duration: .5s;
408
+ transition-timing-function: ease-out;
409
+ position: absolute;
410
+ bottom: 100%;
411
+ right: -200px;
412
+ }
413
+
414
+ app-map-bar .overview-div .ol-overviewmap {
415
+ bottom: inherit;
416
+ left: inherit;
417
+ }
418
+
419
+ app-map-bar .overview-div.show {
420
+ right: 0;
421
+ }
422
+
423
+ map-search {
424
+ z-index: 1;
425
+ opacity: .7;
426
+ transition: opacity .5s;
427
+ position: absolute;
428
+ top: .5em;
429
+ left: 2.5em;
430
+ }
431
+
432
+ map-search > .search-top {
433
+ padding: var(--spacing-half);
434
+ filter: drop-shadow(2px 2px 4px var(--drop-shadow-color));
435
+ flex-direction: row;
436
+ align-items: center;
437
+ height: 3rem;
438
+ padding-left: 2.5rem;
439
+ display: flex;
440
+ overflow: hidden;
441
+ }
442
+
443
+ map-search > .search-top > .search-logo {
444
+ background: var(--base-down);
445
+ padding: var(--spacing);
446
+ z-index: 1;
447
+ border-radius: 50%;
448
+ font-size: 2rem;
449
+ position: absolute;
450
+ left: 0;
451
+ }
452
+
453
+ map-search > .search-top > .search-items {
454
+ flex-direction: row;
455
+ justify-content: center;
456
+ align-items: stretch;
457
+ display: flex;
458
+ }
459
+
460
+ map-search > .search-top > .search-items > .select-holder {
461
+ background: var(--main-backgroundcolor);
462
+ }
463
+
464
+ map-search > .search-top > .search-items > .select-holder > select {
465
+ cursor: pointer;
466
+ border: none;
467
+ border-radius: 0;
468
+ width: auto;
469
+ height: 2.5rem;
470
+ margin-bottom: 0;
471
+ line-height: 1rem;
472
+ }
473
+
474
+ map-search > .search-top > .search-items > input {
475
+ background: var(--main-backgroundcolor);
476
+ border: none;
477
+ border-radius: 0;
478
+ min-width: 100px;
479
+ margin-bottom: 0;
480
+ }
481
+
482
+ map-search > .search-top > .search-items > input:focus {
483
+ box-shadow: none;
484
+ }
485
+
486
+ map-search > .search-top > .search-items > button {
487
+ padding: var(--spacing);
488
+ border-top-left-radius: 0;
489
+ border-bottom-left-radius: 0;
490
+ }
491
+
492
+ map-search:hover {
493
+ opacity: 1;
494
+ }
495
+
496
+ map-search > app-dropdown app-dropdown-button app-dropdown button {
497
+ border-radius: 4px;
498
+ }
499
+
500
+ map-search > app-dropdown app-list > .itemContainer {
501
+ gap: 0;
502
+ max-height: 40vh;
503
+ }
504
+
505
+ map-search > app-dropdown app-list .search-result-item {
506
+ padding: var(--spacing) var(--spacing-half);
507
+ border-bottom: 1px solid var(--primary-gray-lighter);
508
+ grid-template-columns: auto auto;
509
+ display: grid;
510
+ margin-left: 8px !important;
511
+ }
512
+
513
+ map-search > app-dropdown app-list .search-result-item:last-child {
514
+ border-bottom: none;
515
+ }
516
+
517
+ map-search > app-dropdown app-list .search-result-item > .actions {
518
+ flex-direction: row;
519
+ justify-content: center;
520
+ align-items: center;
521
+ margin-right: auto;
522
+ display: flex;
523
+ margin-left: auto !important;
524
+ }
525
+
526
+ map-search > app-dropdown app-list .search-result-item > .actions app-dropdown.open > .ddBody {
527
+ border-radius: 16px;
528
+ width: 120px;
529
+ }
530
+
531
+ map-search > app-dropdown app-list .search-result-item > .actions > button {
532
+ width: 24px;
533
+ height: 24px;
534
+ margin: 0;
535
+ padding: 0;
536
+ }
537
+
538
+ map-search > app-dropdown app-list .search-result-item > .text-body {
539
+ gap: var(--spacing-half);
540
+ cursor: pointer;
541
+ flex-direction: column;
542
+ display: flex;
543
+ }
544
+
545
+ map-search > app-dropdown app-list .search-result-item > .text-body > .item-title {
546
+ font-weight: bold;
547
+ }
548
+
549
+ map-search > app-dropdown app-list .search-result-item > .text-body > .item-detail {
550
+ flex-direction: column;
551
+ margin-top: 4px;
552
+ display: flex;
553
+ }
554
+
555
+ map-search > app-dropdown app-list .search-result-item > .text-body > .detail-line {
556
+ color: #555;
557
+ font-size: .9em;
558
+ line-height: 1.4;
559
+ }
560
+
561
+ map-search > app-dropdown app-list .search-result-item > .text-body > .marked-sentence {
562
+ display: flex;
563
+ }
564
+
565
+ map-search > app-dropdown app-list .search-result-item > .text-body > .marked-sentence > .marked {
566
+ background-color: var(--amber-100);
567
+ }
568
+ /*# sourceMappingURL=index.css.map */
package/index.css.map ADDED
@@ -0,0 +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 {\r\n display: inline-block;\r\n width: 1em;\r\n height: 1em;\r\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\");\r\n background-color: currentColor;\r\n -webkit-mask-image: var(--svg);\r\n mask-image: var(--svg);\r\n -webkit-mask-repeat: no-repeat;\r\n mask-repeat: no-repeat;\r\n -webkit-mask-size: 100% 100%;\r\n mask-size: 100% 100%;\r\n}\r\n\r\n.icon--measure-line {\r\n display: inline-block;\r\n width: 1em;\r\n height: 1em;\r\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\");\r\n background-color: currentColor;\r\n -webkit-mask-image: var(--svg);\r\n mask-image: var(--svg);\r\n -webkit-mask-repeat: no-repeat;\r\n mask-repeat: no-repeat;\r\n -webkit-mask-size: 100% 100%;\r\n mask-size: 100% 100%;\r\n}\r\n\r\n.icon--identify {\r\n display: inline-block;\r\n width: 1em;\r\n height: 1em;\r\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\");\r\n background-color: currentColor;\r\n -webkit-mask-image: var(--svg);\r\n mask-image: var(--svg);\r\n -webkit-mask-repeat: no-repeat;\r\n mask-repeat: no-repeat;\r\n -webkit-mask-size: 100% 100%;\r\n mask-size: 100% 100%;\r\n}","ags-attr-table {\r\n width: 100%;\r\n height: 100%;\r\n display: block;\r\n padding: var(--spacing);\r\n}\r\n","map-feat-cm {\r\n position: absolute;\r\n display: flex;\r\n flex-direction: column;\r\n background: var(--background-color);\r\n box-shadow: 0px 0px 4px 0px gray;\r\n z-index: 10000;\r\n\r\n >map-feat-cm-item {\r\n display: grid;\r\n grid-template-columns: auto 1fr;\r\n gap: var(--spacing);\r\n padding: 0px 0px;\r\n cursor: pointer;\r\n border-bottom: 1px solid var(--border-color);\r\n padding: var(--spacing);\r\n align-items: center;\r\n\r\n &:hover {\r\n background-color: #00000010;\r\n }\r\n\r\n &:last-child {\r\n border-bottom: none;\r\n }\r\n\r\n >.cm-icon {\r\n grid-column: 1;\r\n }\r\n\r\n >.cm-title {\r\n grid-column: 2;\r\n cursor: pointer;\r\n margin-bottom: 0;\r\n // font-weight: bold;\r\n }\r\n }\r\n\r\n >.GroupTitle {\r\n width: 100%;\r\n text-align: center;\r\n font-size: 12px;\r\n color: var(--grey-400);\r\n }\r\n\r\n >.Seperator {\r\n width: 100%;\r\n border-bottom: 1px solid var(--grey-300);\r\n }\r\n\r\n &.glass {\r\n background: rgba(255, 255, 255, 0.2);\r\n backdrop-filter: blur(3px);\r\n border-bottom: none;\r\n\r\n >map-feat-cm-item {\r\n &:hover {\r\n background-color: transparent;\r\n }\r\n\r\n &:hover .cm-icon {\r\n color: var(--cyan-500);\r\n }\r\n\r\n &:hover .cm-title {\r\n color: var(--cyan-700);\r\n }\r\n }\r\n }\r\n}","map-identify-results {\r\n width: 100%;\r\n height: 100%;\r\n min-width: 100px;\r\n background: var(--background-color);\r\n position: relative;\r\n overflow: hidden;\r\n display: grid;\r\n grid-template-rows: auto 1fr;\r\n\r\n >.header {\r\n display: grid;\r\n grid-template-columns: auto 1fr;\r\n align-items: center;\r\n padding: var(--spacing);\r\n gap: var(--spacing);\r\n }\r\n\r\n >.body {\r\n height: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n padding: var(--spacing);\r\n gap: var(--spacing);\r\n overflow-y: auto;\r\n\r\n >app-accordion {\r\n overflow: visible;\r\n\r\n >.accordion-header {\r\n padding: var(--spacing-half) var(--spacing);\r\n }\r\n }\r\n }\r\n}","app-toc {\r\n display: block;\r\n background: color-mix(in srgb, var(--base-down) 100%, var(--transparent) 100%);\r\n position: relative;\r\n width: 100%;\r\n height: 100%;\r\n min-width: 200px;\r\n padding-top: var(--spacing-half);\r\n padding-bottom: var(--spacing);\r\n padding-right: var(--spacing-half);\r\n user-select: none;\r\n overflow: auto;\r\n font-size: 0.875rem;\r\n\r\n >app-treeview {\r\n app-treeview-item {\r\n &.passive {\r\n app-treeview-item-header {\r\n >input[type=\"checkbox\"] {\r\n opacity: 0.5;\r\n }\r\n\r\n >label {\r\n opacity: 0.5;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n input,\r\n select,\r\n textarea {\r\n margin-bottom: 0 !important;\r\n }\r\n}","app-map-legend {\r\n width: 100%;\r\n height: 100%;\r\n background: color-mix(in srgb, var(--base-down) 100%, var(--transparent) 100%);\r\n min-width: 200px;\r\n position: relative;\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n grid-template-rows: 1fr;\r\n user-select: none;\r\n overflow: auto;\r\n\r\n >app-list {\r\n gap: 0;\r\n padding-left: var(--spacing);\r\n\r\n >.itemContainer {\r\n >.main-legend-item {\r\n gap: calc(var(--spacing) / 2);\r\n display: flex;\r\n flex-direction: column;\r\n\r\n >h3 {\r\n font-size: 13px;\r\n margin-bottom: var(--spacing);\r\n }\r\n\r\n app-layer-legend-item {\r\n display: flex;\r\n flex-direction: column;\r\n margin-bottom: var(--spacing);\r\n\r\n >.legend-title {\r\n border-bottom: 1px solid var(--primary-gray-ghost);\r\n padding-bottom: 2px;\r\n font-size: 0.9rem;\r\n font-weight: 500;\r\n }\r\n\r\n >.legend-subtitle {\r\n font-style: italic;\r\n }\r\n\r\n >.legend-table {\r\n width: fit-content;\r\n margin-bottom: 0;\r\n\r\n >tr {\r\n >td {\r\n border: none !important;\r\n font-size: 11px;\r\n padding: 2px !important;\r\n }\r\n\r\n >td:first-child {\r\n max-width: 50px;\r\n\r\n >img {\r\n max-width: 50px;\r\n }\r\n }\r\n\r\n .leg-image-col {}\r\n }\r\n }\r\n }\r\n }\r\n\r\n\r\n }\r\n }\r\n}","app-drawer-contanier.mapdrawer-container {\r\n >.dr-parent {\r\n\r\n z-index: auto;\r\n\r\n >app-drawer {\r\n height: calc(80% - var(--drw-pad));\r\n .leftInnerPane{\r\n height: 100%;\r\n padding: var(--spacing);\r\n }\r\n }\r\n }\r\n\r\n >.dr-main {}\r\n\r\n\r\n app-map {\r\n\r\n // &::after {\r\n // content: \"\";\r\n // z-index: 4;\r\n // pointer-events: none;\r\n // width: 100%;\r\n // height: 100%;\r\n // position: absolute;\r\n // top: 0;\r\n // left: 0;\r\n // background: transparent;\r\n // box-shadow: inset 0px 0px 6px 2px white;\r\n // }\r\n\r\n &.historic {\r\n &::after {\r\n content: \"\";\r\n z-index: 4;\r\n pointer-events: none;\r\n width: 100%;\r\n height: 100%;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n background: transparent;\r\n box-shadow: inset 0px 0px 20px 3px var(--amber-300);\r\n }\r\n }\r\n\r\n .ol-popup {\r\n\r\n background-color: #ffffff80;\r\n border: 1px solid var(--form-element-border-color);\r\n border-radius: var(--border-radius);\r\n min-width: 200px;\r\n padding: var(--spacing);\r\n position: absolute;\r\n bottom: 12px;\r\n left: -50px;\r\n box-shadow: 0 -3px 15px 2px #0005;\r\n backdrop-filter: blur(5px);\r\n\r\n &:after,\r\n &:before {\r\n top: 100%;\r\n border: solid transparent;\r\n content: \" \";\r\n height: 0;\r\n width: 0;\r\n position: absolute;\r\n pointer-events: none;\r\n }\r\n\r\n &:after {\r\n border-top-color: white;\r\n border-width: 10px;\r\n left: 48px;\r\n margin-left: -10px;\r\n }\r\n\r\n &:before {\r\n border-top-color: #cccccc;\r\n border-width: 11px;\r\n left: 48px;\r\n margin-left: -11px;\r\n }\r\n }\r\n\r\n .ol-popup-closer {\r\n text-decoration: none;\r\n position: absolute;\r\n cursor: pointer;\r\n top: 5px;\r\n right: 5px;\r\n z-index: 1;\r\n\r\n &:after {\r\n content: \"✖\";\r\n }\r\n }\r\n\r\n .popup-feature-properties {\r\n max-height: 200px;\r\n max-width: 400px;\r\n overflow-y: auto;\r\n gap: 3px;\r\n width: 100%;\r\n\r\n >label {\r\n font-weight: bold;\r\n }\r\n }\r\n\r\n .ol-control {\r\n background-color: none;\r\n transition: .5s ease opacity;\r\n opacity: 0.6;\r\n\r\n &:hover {\r\n opacity: 1;\r\n }\r\n }\r\n\r\n .ol-zoom {\r\n filter: drop-shadow(2px 2px 4px var(--drop-shadow-color));\r\n }\r\n }\r\n}","app-map-bar {\r\n\r\n --bar-color: color-mix(in srgb, var(--primary-gray), transparent 50%);\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n justify-content: end;\r\n position: absolute;\r\n bottom: 0;\r\n right: 0;\r\n left: 0;\r\n background: var(--bar-color);\r\n backdrop-filter: blur(4px);\r\n color: var(--primary-inverse);\r\n\r\n .ol-control {\r\n background-color: var(--ol-subtle-background-color);\r\n border-radius: inherit;\r\n position: relative;\r\n }\r\n\r\n .mouse-position {\r\n align-self: flex-end;\r\n display: flex;\r\n\r\n .ol-mouse-position {\r\n position: relative;\r\n top: 0;\r\n right: inherit;\r\n //color: white;\r\n width: 150px;\r\n white-space: nowrap;\r\n }\r\n }\r\n\r\n .zoom-label {\r\n //color: white;\r\n padding-left: 4px;\r\n padding-right: 10px;\r\n }\r\n\r\n\r\n .ol-scale-line {\r\n background: none;\r\n bottom: -2;\r\n left: 0;\r\n\r\n .ol-scale-line-inner {\r\n border: 1px solid var(--primary-inverse);\r\n color: var(--primary-inverse);\r\n text-align: center;\r\n will-change: contents, width;\r\n border-top: none;\r\n margin: 1px;\r\n font-size: 12px;\r\n transition: all .25s;\r\n }\r\n }\r\n\r\n .overview-btn {\r\n width: auto;\r\n margin-bottom: 0;\r\n padding: 0px;\r\n font-size: 14px;\r\n --background-color: white;\r\n --border-color: white;\r\n --color: var(--success);\r\n }\r\n\r\n .overview-div {\r\n width: 200px;\r\n height: 150px;\r\n position: absolute;\r\n bottom: 100%;\r\n right: -200px;\r\n transition-property: right;\r\n transition-duration: .5s;\r\n transition-timing-function: ease-out;\r\n border: 1px solid var(--border-color);\r\n opacity: 0.8;\r\n pointer-events: none;\r\n\r\n .ol-overviewmap {\r\n bottom: inherit;\r\n left: inherit;\r\n }\r\n\r\n &.show {\r\n right: 0;\r\n }\r\n }\r\n}","map-search {\r\n position: absolute;\r\n z-index: 1;\r\n top: 0.5em;\r\n left: 2.5em;\r\n transition: .5s ease opacity;\r\n opacity: 0.7;\r\n\r\n >.search-top {\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n padding: var(--spacing-half);\r\n padding-left: 2.5rem;\r\n filter: drop-shadow(2px 2px 4px var(--drop-shadow-color));\r\n height: 3rem;\r\n overflow: hidden;\r\n\r\n >.search-logo {\r\n font-size: 2rem;\r\n position: absolute;\r\n left: 0;\r\n border-radius: 50%;\r\n background: var(--base-down);\r\n padding: var(--spacing);\r\n z-index: 1;\r\n //padding-left: 3px;\r\n }\r\n\r\n >.search-items {\r\n display: flex;\r\n flex-direction: row;\r\n align-items: stretch;\r\n justify-content: center;\r\n\r\n //left: calc(-1 * 100%);\r\n //transition: 0.5s ease left;\r\n >.select-holder {\r\n background: var(--main-backgroundcolor);\r\n\r\n >select {\r\n cursor: pointer;\r\n width: auto;\r\n margin-bottom: 0;\r\n border: none;\r\n border-radius: 0;\r\n height: 2.5rem;\r\n line-height: 1rem;\r\n }\r\n }\r\n\r\n >input {\r\n min-width: 100px;\r\n margin-bottom: 0;\r\n background: var(--main-backgroundcolor);\r\n border: none;\r\n border-radius: 0;\r\n\r\n &:focus {\r\n box-shadow: none;\r\n }\r\n }\r\n\r\n >button {\r\n padding: var(--spacing);\r\n border-top-left-radius: 0;\r\n border-bottom-left-radius: 0;\r\n // border-top-right-radius: 40%;\r\n // border-bottom-right-radius: 40%;\r\n }\r\n }\r\n }\r\n\r\n &:hover {\r\n opacity: 1;\r\n }\r\n\r\n >app-dropdown {\r\n app-dropdown-button app-dropdown button {\r\n border-radius: 4px;\r\n }\r\n \r\n app-list {\r\n >.itemContainer {\r\n max-height: 40vh;\r\n gap: 0;\r\n }\r\n .search-result-item {\r\n display: grid;\r\n grid-template-columns: auto auto;\r\n padding: var(--spacing) var(--spacing-half);\r\n border-bottom: 1px solid var(--primary-gray-lighter);\r\n margin-left: 8px !important;\r\n\r\n &:last-child {\r\n border-bottom: none;\r\n }\r\n\r\n >.actions {\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n justify-content: center;\r\n margin-left: auto !important;\r\n margin-right: auto;\r\n\r\n app-dropdown.open > .ddBody {\r\n width: 120px;\r\n border-radius: 16px;\r\n }\r\n\r\n >button {\r\n margin: 0px;\r\n padding: 0px;\r\n height: 24px;\r\n width: 24px;\r\n }\r\n }\r\n\r\n >.text-body {\r\n display: flex;\r\n flex-direction: column;\r\n gap: var(--spacing-half);\r\n cursor: pointer;\r\n\r\n >.item-title {\r\n font-weight: bold;\r\n }\r\n\r\n >.item-detail {\r\n display: flex;\r\n flex-direction: column; \r\n margin-top: 4px;\r\n }\r\n >.detail-line {\r\n font-size: 0.9em;\r\n color: #555;\r\n line-height: 1.4;\r\n }\r\n\r\n >.marked-sentence {\r\n display: flex;\r\n\r\n >.marked {\r\n background-color: var(--amber-100);\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}"],"names":[],"version":3,"file":"index.css.map"}