monkey-style-guide-v2 0.0.44 → 0.0.45
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.
|
@@ -9,7 +9,10 @@
|
|
|
9
9
|
.mecx-autocomplete-address-wrapper {
|
|
10
10
|
position: relative;
|
|
11
11
|
padding: 4px;
|
|
12
|
-
|
|
12
|
+
display: flex;
|
|
13
|
+
flex-direction: column;
|
|
14
|
+
justify-content: space-between;
|
|
15
|
+
min-height: 100px;
|
|
13
16
|
|
|
14
17
|
.mecx-autocomplete-address-loading,
|
|
15
18
|
.mecx-autocomplete-address-no-data {
|
|
@@ -6,7 +6,7 @@ import { Injectable, input, Component, TemplateRef, inject, booleanAttribute, In
|
|
|
6
6
|
import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
|
|
7
7
|
import * as i3 from '@angular/forms';
|
|
8
8
|
import { Validators, NgControl, FormsModule, ReactiveFormsModule, FormControlDirective, NgModel, FormControlName, FormGroupDirective, NG_VALUE_ACCESSOR, NG_VALIDATORS } from '@angular/forms';
|
|
9
|
-
import { filter, map, BehaviorSubject, merge, Subject, debounceTime, distinctUntilChanged, switchMap,
|
|
9
|
+
import { filter, of, map, BehaviorSubject, merge, Subject, debounceTime, distinctUntilChanged, switchMap, catchError, Subscription } from 'rxjs';
|
|
10
10
|
import * as i1$1 from '@angular/cdk/overlay';
|
|
11
11
|
import { Overlay, OverlayPositionBuilder, OverlayConfig, OverlayRef } from '@angular/cdk/overlay';
|
|
12
12
|
import { ComponentPortal, TemplatePortal } from '@angular/cdk/portal';
|
|
@@ -264,10 +264,49 @@ class UtilIconComponent {
|
|
|
264
264
|
}
|
|
265
265
|
|
|
266
266
|
@case ('googleMaps') {
|
|
267
|
-
<svg
|
|
267
|
+
<svg
|
|
268
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
269
|
+
xmlns:xlink="http://www.w3.org/1999/xlink"
|
|
270
|
+
width="120"
|
|
271
|
+
height="22"
|
|
272
|
+
viewBox="0 0 264.6 50.86"
|
|
273
|
+
>
|
|
268
274
|
<path
|
|
269
|
-
d="
|
|
270
|
-
|
|
275
|
+
d="M9.835 37.67a51.38 51.38 0 0 1 4.007 5.91c1.022 1.938 1.448 3.252 2.195 5.587.458 1.29.872 1.675 1.762 1.675.97 0 1.41-.655 1.75-1.668.706-2.205 1.26-3.888 2.134-5.478 1.715-3.07 3.846-5.798 5.94-8.42.567-.742 4.232-5.065 5.882-8.476 0 0 2.028-3.747 2.028-8.98 0-4.895-2-8.29-2-8.29l-5.758 1.542-3.497 9.21-.865 1.27-.173.23-.23.288-.404.46-.577.577-3.114 2.537-7.785 4.495z"
|
|
276
|
+
fill="#34a853"
|
|
277
|
+
/>
|
|
278
|
+
<path
|
|
279
|
+
d="M1.8 26.17c1.9 4.34 5.564 8.155 8.043 11.503L23.01 22.076s-1.855 2.426-5.22 2.426c-3.748 0-6.776-2.993-6.776-6.767 0-2.588 1.557-4.366 1.557-4.366l-8.938 2.395z"
|
|
280
|
+
fill="#fbbc04"
|
|
281
|
+
/>
|
|
282
|
+
<path
|
|
283
|
+
d="M23.157.792c4.373 1.41 8.116 4.37 10.38 8.735l-10.523 12.54s1.557-1.81 1.557-4.382c0-3.862-3.252-6.747-6.765-6.747-3.322 0-5.23 2.422-5.23 2.422v-7.9z"
|
|
284
|
+
fill="#4285f4"
|
|
285
|
+
/>
|
|
286
|
+
<path
|
|
287
|
+
d="M4.212 6.333C6.824 3.208 11.42-.01 17.756-.01c3.074 0 5.39.807 5.39.807l-10.58 12.57H5.07z"
|
|
288
|
+
fill="#1a73e8"
|
|
289
|
+
/>
|
|
290
|
+
<path
|
|
291
|
+
d="M1.8 26.17S.052 22.747.052 17.788c0-4.687 1.822-8.784 4.16-11.455l8.36 7.035z"
|
|
292
|
+
fill="#ea4335"
|
|
293
|
+
/>
|
|
294
|
+
<g fill="#767676">
|
|
295
|
+
<path
|
|
296
|
+
d="M181.68 41.235V14.508h3.434l9.295 16.275h.15l9.295-16.275h3.434v26.727h-3.434V25.37l.15-4.48h-.15l-8.36 14.67h-2.015l-8.36-14.67h-.15l.15 4.48v15.864zm35.648.56c-1.94 0-3.565-.56-4.87-1.68s-1.96-2.6-1.96-4.442c0-2 .77-3.552 2.314-4.685s3.446-1.698 5.7-1.698c2.016 0 3.67.373 4.965 1.12v-.523c0-1.344-.46-2.42-1.38-3.228s-2.053-1.213-3.398-1.213c-.995 0-1.896.236-2.705.7s-1.362 1.12-1.66 1.94l-3.136-1.343c.423-1.095 1.257-2.1 2.5-3.042s2.886-1.4 4.927-1.4c2.34 0 4.28.685 5.823 2.053s2.314 3.298 2.314 5.787V41.2h-3.284v-2.54h-.15c-1.37 2.1-3.373 3.135-6 3.135zm.56-3.135c1.418 0 2.705-.53 3.863-1.586s1.736-2.3 1.736-3.75c-.97-.797-2.426-1.195-4.367-1.195-1.668 0-2.925.36-3.77 1.083s-1.27 1.568-1.27 2.538c0 .896.386 1.605 1.157 2.128s1.655.784 2.65.784zm21.742 3.135c-1.393 0-2.644-.3-3.75-.896s-1.935-1.344-2.48-2.24h-.15l.15 2.538v8.063h-3.434V22.908h3.286v2.538h.15c.547-.896 1.374-1.642 2.48-2.24s2.358-.896 3.75-.896c2.364 0 4.405.933 6.122 2.8s2.576 4.18 2.576 6.943-.86 5.077-2.576 6.943-3.758 2.8-6.122 2.8zm-.56-3.135c1.593 0 2.96-.604 4.106-1.8s1.717-2.806 1.717-4.797-.572-3.6-1.717-4.797-2.514-1.8-4.106-1.8c-1.617 0-2.993.597-4.125 1.792s-1.697 2.8-1.697 4.815.566 3.62 1.697 4.815 2.507 1.792 4.125 1.792zm18.385 3.135c-2.04 0-3.726-.498-5.058-1.493s-2.3-2.24-2.93-3.733l3.06-1.27c.97 2.3 2.626 3.433 4.966 3.433 1.07 0 1.948-.236 2.632-.7s1.027-1.095 1.027-1.866c0-1.194-.834-2.004-2.502-2.426l-3.695-.895c-1.17-.298-2.277-.865-3.322-1.698s-1.568-1.96-1.568-3.377c0-1.617.715-2.93 2.146-3.94s3.13-1.512 5.095-1.512c1.617 0 3.06.367 4.33 1.1a6.21 6.21 0 0 1 2.725 3.154l-2.987 1.232c-.67-1.617-2.065-2.426-4.18-2.426-1.02 0-1.88.212-2.575.634s-1.045.996-1.045 1.718c0 1.045.8 1.754 2.426 2.128l3.62.858c1.717.398 2.986 1.083 3.807 2.053s1.232 2.066 1.232 3.286c0 1.642-.672 3-2.016 4.106s-3.073 1.642-5.2 1.642zM79.916 25.3H65.83v4.18h10c-.493 5.86-5.37 8.36-9.973 8.36a10.98 10.98 0 0 1-11.029-11.128c0-6.327 4.898-11.2 11.04-11.2 4.74 0 7.53 3.022 7.53 3.022l2.927-3.03s-3.757-4.18-10.607-4.18c-8.723 0-15.473 7.363-15.473 15.316 0 7.792 6.35 15.393 15.696 15.393 8.22 0 14.24-5.632 14.24-13.96 0-1.756-.255-2.772-.255-2.772z"
|
|
297
|
+
/>
|
|
298
|
+
<use xlink:href="#B" />
|
|
299
|
+
<use xlink:href="#B" x="21.476" />
|
|
300
|
+
<path
|
|
301
|
+
d="M134.102 22.327c-5.305 0-9.476 4.647-9.476 9.862 0 5.94 4.834 9.88 9.383 9.88 2.813 0 4.308-1.117 5.414-2.4v1.946c0 3.405-2.068 5.445-5.2 5.445-3.015 0-4.526-2.242-5.052-3.514l-3.793 1.586c1.346 2.845 4.054 5.813 8.878 5.813 5.275 0 9.296-3.322 9.296-10.3v-17.73h-4.138v1.672c-1.272-1.37-3.012-2.265-5.32-2.265zm.384 3.87c2.602 0 5.272 2.22 5.272 6.013 0 3.856-2.665 5.98-5.33 5.98-2.828 0-5.46-2.296-5.46-5.944 0-3.8 2.732-6.05 5.518-6.05zm27.534-3.87c-5.004 0-9.207 3.98-9.207 9.857 0 6.216 4.683 9.904 9.687 9.904 4.176 0 6.74-2.285 8.268-4.332l-3.4-2.27c-.885 1.374-2.366 2.718-4.835 2.718-2.775 0-4.05-1.52-4.84-2.992l13.234-5.5-.687-1.6c-1.28-3.152-4.262-5.784-8.2-5.784zm.172 3.796c1.804 0 3.1.96 3.653 2.108l-8.838 3.694c-.38-2.86 2.328-5.802 5.186-5.802zm-15.7 15.377h4.346V12.4h-4.346z"
|
|
302
|
+
/>
|
|
303
|
+
</g>
|
|
304
|
+
<defs>
|
|
305
|
+
<path
|
|
306
|
+
id="B"
|
|
307
|
+
d="M91.48 22.327c-5.78 0-9.922 4.518-9.922 9.788 0 5.348 4.018 9.95 10 9.95 5.407 0 9.836-4.132 9.836-9.836 0-6.537-5.153-9.904-9.904-9.904zm.057 3.877c2.843 0 5.536 2.298 5.536 6 0 3.624-2.683 5.99-5.55 5.99-3.15 0-5.635-2.523-5.635-6.017 0-3.418 2.455-5.972 5.648-5.972z"
|
|
308
|
+
/>
|
|
309
|
+
</defs>
|
|
271
310
|
</svg>
|
|
272
311
|
}
|
|
273
312
|
|
|
@@ -462,10 +501,49 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
|
|
|
462
501
|
}
|
|
463
502
|
|
|
464
503
|
@case ('googleMaps') {
|
|
465
|
-
<svg
|
|
504
|
+
<svg
|
|
505
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
506
|
+
xmlns:xlink="http://www.w3.org/1999/xlink"
|
|
507
|
+
width="120"
|
|
508
|
+
height="22"
|
|
509
|
+
viewBox="0 0 264.6 50.86"
|
|
510
|
+
>
|
|
466
511
|
<path
|
|
467
|
-
d="
|
|
468
|
-
|
|
512
|
+
d="M9.835 37.67a51.38 51.38 0 0 1 4.007 5.91c1.022 1.938 1.448 3.252 2.195 5.587.458 1.29.872 1.675 1.762 1.675.97 0 1.41-.655 1.75-1.668.706-2.205 1.26-3.888 2.134-5.478 1.715-3.07 3.846-5.798 5.94-8.42.567-.742 4.232-5.065 5.882-8.476 0 0 2.028-3.747 2.028-8.98 0-4.895-2-8.29-2-8.29l-5.758 1.542-3.497 9.21-.865 1.27-.173.23-.23.288-.404.46-.577.577-3.114 2.537-7.785 4.495z"
|
|
513
|
+
fill="#34a853"
|
|
514
|
+
/>
|
|
515
|
+
<path
|
|
516
|
+
d="M1.8 26.17c1.9 4.34 5.564 8.155 8.043 11.503L23.01 22.076s-1.855 2.426-5.22 2.426c-3.748 0-6.776-2.993-6.776-6.767 0-2.588 1.557-4.366 1.557-4.366l-8.938 2.395z"
|
|
517
|
+
fill="#fbbc04"
|
|
518
|
+
/>
|
|
519
|
+
<path
|
|
520
|
+
d="M23.157.792c4.373 1.41 8.116 4.37 10.38 8.735l-10.523 12.54s1.557-1.81 1.557-4.382c0-3.862-3.252-6.747-6.765-6.747-3.322 0-5.23 2.422-5.23 2.422v-7.9z"
|
|
521
|
+
fill="#4285f4"
|
|
522
|
+
/>
|
|
523
|
+
<path
|
|
524
|
+
d="M4.212 6.333C6.824 3.208 11.42-.01 17.756-.01c3.074 0 5.39.807 5.39.807l-10.58 12.57H5.07z"
|
|
525
|
+
fill="#1a73e8"
|
|
526
|
+
/>
|
|
527
|
+
<path
|
|
528
|
+
d="M1.8 26.17S.052 22.747.052 17.788c0-4.687 1.822-8.784 4.16-11.455l8.36 7.035z"
|
|
529
|
+
fill="#ea4335"
|
|
530
|
+
/>
|
|
531
|
+
<g fill="#767676">
|
|
532
|
+
<path
|
|
533
|
+
d="M181.68 41.235V14.508h3.434l9.295 16.275h.15l9.295-16.275h3.434v26.727h-3.434V25.37l.15-4.48h-.15l-8.36 14.67h-2.015l-8.36-14.67h-.15l.15 4.48v15.864zm35.648.56c-1.94 0-3.565-.56-4.87-1.68s-1.96-2.6-1.96-4.442c0-2 .77-3.552 2.314-4.685s3.446-1.698 5.7-1.698c2.016 0 3.67.373 4.965 1.12v-.523c0-1.344-.46-2.42-1.38-3.228s-2.053-1.213-3.398-1.213c-.995 0-1.896.236-2.705.7s-1.362 1.12-1.66 1.94l-3.136-1.343c.423-1.095 1.257-2.1 2.5-3.042s2.886-1.4 4.927-1.4c2.34 0 4.28.685 5.823 2.053s2.314 3.298 2.314 5.787V41.2h-3.284v-2.54h-.15c-1.37 2.1-3.373 3.135-6 3.135zm.56-3.135c1.418 0 2.705-.53 3.863-1.586s1.736-2.3 1.736-3.75c-.97-.797-2.426-1.195-4.367-1.195-1.668 0-2.925.36-3.77 1.083s-1.27 1.568-1.27 2.538c0 .896.386 1.605 1.157 2.128s1.655.784 2.65.784zm21.742 3.135c-1.393 0-2.644-.3-3.75-.896s-1.935-1.344-2.48-2.24h-.15l.15 2.538v8.063h-3.434V22.908h3.286v2.538h.15c.547-.896 1.374-1.642 2.48-2.24s2.358-.896 3.75-.896c2.364 0 4.405.933 6.122 2.8s2.576 4.18 2.576 6.943-.86 5.077-2.576 6.943-3.758 2.8-6.122 2.8zm-.56-3.135c1.593 0 2.96-.604 4.106-1.8s1.717-2.806 1.717-4.797-.572-3.6-1.717-4.797-2.514-1.8-4.106-1.8c-1.617 0-2.993.597-4.125 1.792s-1.697 2.8-1.697 4.815.566 3.62 1.697 4.815 2.507 1.792 4.125 1.792zm18.385 3.135c-2.04 0-3.726-.498-5.058-1.493s-2.3-2.24-2.93-3.733l3.06-1.27c.97 2.3 2.626 3.433 4.966 3.433 1.07 0 1.948-.236 2.632-.7s1.027-1.095 1.027-1.866c0-1.194-.834-2.004-2.502-2.426l-3.695-.895c-1.17-.298-2.277-.865-3.322-1.698s-1.568-1.96-1.568-3.377c0-1.617.715-2.93 2.146-3.94s3.13-1.512 5.095-1.512c1.617 0 3.06.367 4.33 1.1a6.21 6.21 0 0 1 2.725 3.154l-2.987 1.232c-.67-1.617-2.065-2.426-4.18-2.426-1.02 0-1.88.212-2.575.634s-1.045.996-1.045 1.718c0 1.045.8 1.754 2.426 2.128l3.62.858c1.717.398 2.986 1.083 3.807 2.053s1.232 2.066 1.232 3.286c0 1.642-.672 3-2.016 4.106s-3.073 1.642-5.2 1.642zM79.916 25.3H65.83v4.18h10c-.493 5.86-5.37 8.36-9.973 8.36a10.98 10.98 0 0 1-11.029-11.128c0-6.327 4.898-11.2 11.04-11.2 4.74 0 7.53 3.022 7.53 3.022l2.927-3.03s-3.757-4.18-10.607-4.18c-8.723 0-15.473 7.363-15.473 15.316 0 7.792 6.35 15.393 15.696 15.393 8.22 0 14.24-5.632 14.24-13.96 0-1.756-.255-2.772-.255-2.772z"
|
|
534
|
+
/>
|
|
535
|
+
<use xlink:href="#B" />
|
|
536
|
+
<use xlink:href="#B" x="21.476" />
|
|
537
|
+
<path
|
|
538
|
+
d="M134.102 22.327c-5.305 0-9.476 4.647-9.476 9.862 0 5.94 4.834 9.88 9.383 9.88 2.813 0 4.308-1.117 5.414-2.4v1.946c0 3.405-2.068 5.445-5.2 5.445-3.015 0-4.526-2.242-5.052-3.514l-3.793 1.586c1.346 2.845 4.054 5.813 8.878 5.813 5.275 0 9.296-3.322 9.296-10.3v-17.73h-4.138v1.672c-1.272-1.37-3.012-2.265-5.32-2.265zm.384 3.87c2.602 0 5.272 2.22 5.272 6.013 0 3.856-2.665 5.98-5.33 5.98-2.828 0-5.46-2.296-5.46-5.944 0-3.8 2.732-6.05 5.518-6.05zm27.534-3.87c-5.004 0-9.207 3.98-9.207 9.857 0 6.216 4.683 9.904 9.687 9.904 4.176 0 6.74-2.285 8.268-4.332l-3.4-2.27c-.885 1.374-2.366 2.718-4.835 2.718-2.775 0-4.05-1.52-4.84-2.992l13.234-5.5-.687-1.6c-1.28-3.152-4.262-5.784-8.2-5.784zm.172 3.796c1.804 0 3.1.96 3.653 2.108l-8.838 3.694c-.38-2.86 2.328-5.802 5.186-5.802zm-15.7 15.377h4.346V12.4h-4.346z"
|
|
539
|
+
/>
|
|
540
|
+
</g>
|
|
541
|
+
<defs>
|
|
542
|
+
<path
|
|
543
|
+
id="B"
|
|
544
|
+
d="M91.48 22.327c-5.78 0-9.922 4.518-9.922 9.788 0 5.348 4.018 9.95 10 9.95 5.407 0 9.836-4.132 9.836-9.836 0-6.537-5.153-9.904-9.904-9.904zm.057 3.877c2.843 0 5.536 2.298 5.536 6 0 3.624-2.683 5.99-5.55 5.99-3.15 0-5.635-2.523-5.635-6.017 0-3.418 2.455-5.972 5.648-5.972z"
|
|
545
|
+
/>
|
|
546
|
+
</defs>
|
|
469
547
|
</svg>
|
|
470
548
|
}
|
|
471
549
|
|
|
@@ -1421,6 +1499,9 @@ class MonkeyEcxAddressService {
|
|
|
1421
1499
|
});
|
|
1422
1500
|
}
|
|
1423
1501
|
get(textQuery) {
|
|
1502
|
+
if (!textQuery) {
|
|
1503
|
+
return of([]);
|
|
1504
|
+
}
|
|
1424
1505
|
return this._http
|
|
1425
1506
|
.post('https://places.googleapis.com/v1/places:searchText', {
|
|
1426
1507
|
textQuery
|
|
@@ -2272,7 +2353,12 @@ class MonkeyAutocompleteComponent {
|
|
|
2272
2353
|
}
|
|
2273
2354
|
ngAfterContentInit() {
|
|
2274
2355
|
this._searchEvent
|
|
2275
|
-
?.pipe(debounceTime(this.debounce), distinctUntilChanged(
|
|
2356
|
+
?.pipe(debounceTime(this.debounce), distinctUntilChanged((prev, current) => {
|
|
2357
|
+
if (prev === current) {
|
|
2358
|
+
this.loading = false;
|
|
2359
|
+
}
|
|
2360
|
+
return prev === current;
|
|
2361
|
+
}), switchMap((query) => {
|
|
2276
2362
|
return this.fetchOptions
|
|
2277
2363
|
? this.fetchOptions(query || '').pipe(catchError(() => {
|
|
2278
2364
|
return of({ data: [] });
|
|
@@ -2381,6 +2467,7 @@ class MonkeyAutocompleteComponent {
|
|
|
2381
2467
|
monkeyPopoverDir="ltr"
|
|
2382
2468
|
[monkeyPopoverBackdrop]="false"
|
|
2383
2469
|
[monkeyPopoverHideHeader]="true"
|
|
2470
|
+
[monkeyPopoverWatch]="true"
|
|
2384
2471
|
>
|
|
2385
2472
|
<div
|
|
2386
2473
|
#containerWrapper
|
|
@@ -2454,6 +2541,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
|
|
|
2454
2541
|
monkeyPopoverDir="ltr"
|
|
2455
2542
|
[monkeyPopoverBackdrop]="false"
|
|
2456
2543
|
[monkeyPopoverHideHeader]="true"
|
|
2544
|
+
[monkeyPopoverWatch]="true"
|
|
2457
2545
|
>
|
|
2458
2546
|
<div
|
|
2459
2547
|
#containerWrapper
|
|
@@ -2627,7 +2715,12 @@ class MonkeyAutocompleteAddressComponent {
|
|
|
2627
2715
|
}
|
|
2628
2716
|
ngAfterContentInit() {
|
|
2629
2717
|
this._searchEvent
|
|
2630
|
-
?.pipe(debounceTime(this.debounce), distinctUntilChanged(
|
|
2718
|
+
?.pipe(debounceTime(this.debounce), distinctUntilChanged((prev, current) => {
|
|
2719
|
+
if (prev === current) {
|
|
2720
|
+
this.loading = false;
|
|
2721
|
+
}
|
|
2722
|
+
return prev === current;
|
|
2723
|
+
}), switchMap((query) => {
|
|
2631
2724
|
return this._addressService.get(query || '').pipe(catchError(() => {
|
|
2632
2725
|
return of([]);
|
|
2633
2726
|
}));
|
|
@@ -2734,35 +2827,38 @@ class MonkeyAutocompleteAddressComponent {
|
|
|
2734
2827
|
monkeyPopoverDir="ltr"
|
|
2735
2828
|
[monkeyPopoverBackdrop]="false"
|
|
2736
2829
|
[monkeyPopoverHideHeader]="true"
|
|
2830
|
+
[monkeyPopoverWatch]="true"
|
|
2737
2831
|
>
|
|
2738
2832
|
<div
|
|
2739
2833
|
#containerWrapper
|
|
2740
2834
|
class="mecx-autocomplete-address-wrapper"
|
|
2741
2835
|
[style.width.px]="initialDisplayWidth"
|
|
2742
2836
|
>
|
|
2743
|
-
|
|
2744
|
-
|
|
2745
|
-
<
|
|
2746
|
-
|
|
2837
|
+
<div class="flex-grow-1">
|
|
2838
|
+
@if (loading) {
|
|
2839
|
+
<div class="mecx-autocomplete-address-loading">
|
|
2840
|
+
<util-icon name="loading" />
|
|
2841
|
+
{{ loadingDictionary | async }}
|
|
2842
|
+
</div>
|
|
2843
|
+
}
|
|
2844
|
+
<div *ngIf="options.length > 0" class="mecx-autocomplete-address-options">
|
|
2845
|
+
<monkey-option
|
|
2846
|
+
class="mecx-autocomplete-address-option"
|
|
2847
|
+
*ngFor="let option of options"
|
|
2848
|
+
(click)="onSelect(option)"
|
|
2849
|
+
[class.mecx-option-selected]="isSelected(option)"
|
|
2850
|
+
>
|
|
2851
|
+
<util-icon class="mecx-autocomplete-address-option-icon" name="location" />
|
|
2852
|
+
<span [innerHTML]="option.adrFormatAddress"></span>
|
|
2853
|
+
</monkey-option>
|
|
2747
2854
|
</div>
|
|
2748
|
-
|
|
2749
|
-
|
|
2750
|
-
|
|
2751
|
-
|
|
2752
|
-
|
|
2753
|
-
|
|
2754
|
-
[class.mecx-option-selected]="isSelected(option)"
|
|
2755
|
-
>
|
|
2756
|
-
<util-icon class="mecx-autocomplete-address-option-icon" name="location" />
|
|
2757
|
-
<span [innerHTML]="option.adrFormatAddress"></span>
|
|
2758
|
-
</monkey-option>
|
|
2855
|
+
@if (!loading && !options.length) {
|
|
2856
|
+
<div class="mecx-autocomplete-address-no-data">
|
|
2857
|
+
<util-icon class="mecx-autocomplete-address-no-data-icon" name="searchFail" />
|
|
2858
|
+
{{ noDataDictionary | async }}
|
|
2859
|
+
</div>
|
|
2860
|
+
}
|
|
2759
2861
|
</div>
|
|
2760
|
-
@if (!loading && !options.length) {
|
|
2761
|
-
<div class="mecx-autocomplete-address-no-data">
|
|
2762
|
-
<util-icon class="mecx-autocomplete-address-no-data-icon" name="searchFail" />
|
|
2763
|
-
{{ noDataDictionary | async }}
|
|
2764
|
-
</div>
|
|
2765
|
-
}
|
|
2766
2862
|
<div class="mecx-autocomplete-address-footer">
|
|
2767
2863
|
<util-icon name="googleMaps" />
|
|
2768
2864
|
</div>
|
|
@@ -2802,35 +2898,38 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
|
|
|
2802
2898
|
monkeyPopoverDir="ltr"
|
|
2803
2899
|
[monkeyPopoverBackdrop]="false"
|
|
2804
2900
|
[monkeyPopoverHideHeader]="true"
|
|
2901
|
+
[monkeyPopoverWatch]="true"
|
|
2805
2902
|
>
|
|
2806
2903
|
<div
|
|
2807
2904
|
#containerWrapper
|
|
2808
2905
|
class="mecx-autocomplete-address-wrapper"
|
|
2809
2906
|
[style.width.px]="initialDisplayWidth"
|
|
2810
2907
|
>
|
|
2811
|
-
|
|
2812
|
-
|
|
2813
|
-
<
|
|
2814
|
-
|
|
2908
|
+
<div class="flex-grow-1">
|
|
2909
|
+
@if (loading) {
|
|
2910
|
+
<div class="mecx-autocomplete-address-loading">
|
|
2911
|
+
<util-icon name="loading" />
|
|
2912
|
+
{{ loadingDictionary | async }}
|
|
2913
|
+
</div>
|
|
2914
|
+
}
|
|
2915
|
+
<div *ngIf="options.length > 0" class="mecx-autocomplete-address-options">
|
|
2916
|
+
<monkey-option
|
|
2917
|
+
class="mecx-autocomplete-address-option"
|
|
2918
|
+
*ngFor="let option of options"
|
|
2919
|
+
(click)="onSelect(option)"
|
|
2920
|
+
[class.mecx-option-selected]="isSelected(option)"
|
|
2921
|
+
>
|
|
2922
|
+
<util-icon class="mecx-autocomplete-address-option-icon" name="location" />
|
|
2923
|
+
<span [innerHTML]="option.adrFormatAddress"></span>
|
|
2924
|
+
</monkey-option>
|
|
2815
2925
|
</div>
|
|
2816
|
-
|
|
2817
|
-
|
|
2818
|
-
|
|
2819
|
-
|
|
2820
|
-
|
|
2821
|
-
|
|
2822
|
-
[class.mecx-option-selected]="isSelected(option)"
|
|
2823
|
-
>
|
|
2824
|
-
<util-icon class="mecx-autocomplete-address-option-icon" name="location" />
|
|
2825
|
-
<span [innerHTML]="option.adrFormatAddress"></span>
|
|
2826
|
-
</monkey-option>
|
|
2926
|
+
@if (!loading && !options.length) {
|
|
2927
|
+
<div class="mecx-autocomplete-address-no-data">
|
|
2928
|
+
<util-icon class="mecx-autocomplete-address-no-data-icon" name="searchFail" />
|
|
2929
|
+
{{ noDataDictionary | async }}
|
|
2930
|
+
</div>
|
|
2931
|
+
}
|
|
2827
2932
|
</div>
|
|
2828
|
-
@if (!loading && !options.length) {
|
|
2829
|
-
<div class="mecx-autocomplete-address-no-data">
|
|
2830
|
-
<util-icon class="mecx-autocomplete-address-no-data-icon" name="searchFail" />
|
|
2831
|
-
{{ noDataDictionary | async }}
|
|
2832
|
-
</div>
|
|
2833
|
-
}
|
|
2834
2933
|
<div class="mecx-autocomplete-address-footer">
|
|
2835
2934
|
<util-icon name="googleMaps" />
|
|
2836
2935
|
</div>
|