monkey-style-guide-v2 0.0.44 → 0.0.46
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: [] });
|
|
@@ -2300,6 +2386,8 @@ class MonkeyAutocompleteComponent {
|
|
|
2300
2386
|
}
|
|
2301
2387
|
onClear() {
|
|
2302
2388
|
this.searchData = '';
|
|
2389
|
+
this._onChange(null);
|
|
2390
|
+
this.onChange.emit(null);
|
|
2303
2391
|
}
|
|
2304
2392
|
_onFocus() {
|
|
2305
2393
|
if (!this.disabled) {
|
|
@@ -2381,6 +2469,7 @@ class MonkeyAutocompleteComponent {
|
|
|
2381
2469
|
monkeyPopoverDir="ltr"
|
|
2382
2470
|
[monkeyPopoverBackdrop]="false"
|
|
2383
2471
|
[monkeyPopoverHideHeader]="true"
|
|
2472
|
+
[monkeyPopoverWatch]="true"
|
|
2384
2473
|
>
|
|
2385
2474
|
<div
|
|
2386
2475
|
#containerWrapper
|
|
@@ -2454,6 +2543,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
|
|
|
2454
2543
|
monkeyPopoverDir="ltr"
|
|
2455
2544
|
[monkeyPopoverBackdrop]="false"
|
|
2456
2545
|
[monkeyPopoverHideHeader]="true"
|
|
2546
|
+
[monkeyPopoverWatch]="true"
|
|
2457
2547
|
>
|
|
2458
2548
|
<div
|
|
2459
2549
|
#containerWrapper
|
|
@@ -2627,7 +2717,12 @@ class MonkeyAutocompleteAddressComponent {
|
|
|
2627
2717
|
}
|
|
2628
2718
|
ngAfterContentInit() {
|
|
2629
2719
|
this._searchEvent
|
|
2630
|
-
?.pipe(debounceTime(this.debounce), distinctUntilChanged(
|
|
2720
|
+
?.pipe(debounceTime(this.debounce), distinctUntilChanged((prev, current) => {
|
|
2721
|
+
if (prev === current) {
|
|
2722
|
+
this.loading = false;
|
|
2723
|
+
}
|
|
2724
|
+
return prev === current;
|
|
2725
|
+
}), switchMap((query) => {
|
|
2631
2726
|
return this._addressService.get(query || '').pipe(catchError(() => {
|
|
2632
2727
|
return of([]);
|
|
2633
2728
|
}));
|
|
@@ -2653,6 +2748,8 @@ class MonkeyAutocompleteAddressComponent {
|
|
|
2653
2748
|
}
|
|
2654
2749
|
onClear() {
|
|
2655
2750
|
this.searchData = '';
|
|
2751
|
+
this._onChange(null);
|
|
2752
|
+
this.onChange.emit(null);
|
|
2656
2753
|
}
|
|
2657
2754
|
_onFocus() {
|
|
2658
2755
|
if (!this.disabled) {
|
|
@@ -2734,35 +2831,38 @@ class MonkeyAutocompleteAddressComponent {
|
|
|
2734
2831
|
monkeyPopoverDir="ltr"
|
|
2735
2832
|
[monkeyPopoverBackdrop]="false"
|
|
2736
2833
|
[monkeyPopoverHideHeader]="true"
|
|
2834
|
+
[monkeyPopoverWatch]="true"
|
|
2737
2835
|
>
|
|
2738
2836
|
<div
|
|
2739
2837
|
#containerWrapper
|
|
2740
2838
|
class="mecx-autocomplete-address-wrapper"
|
|
2741
2839
|
[style.width.px]="initialDisplayWidth"
|
|
2742
2840
|
>
|
|
2743
|
-
|
|
2744
|
-
|
|
2745
|
-
<
|
|
2746
|
-
|
|
2841
|
+
<div class="flex-grow-1">
|
|
2842
|
+
@if (loading) {
|
|
2843
|
+
<div class="mecx-autocomplete-address-loading">
|
|
2844
|
+
<util-icon name="loading" />
|
|
2845
|
+
{{ loadingDictionary | async }}
|
|
2846
|
+
</div>
|
|
2847
|
+
}
|
|
2848
|
+
<div *ngIf="options.length > 0" class="mecx-autocomplete-address-options">
|
|
2849
|
+
<monkey-option
|
|
2850
|
+
class="mecx-autocomplete-address-option"
|
|
2851
|
+
*ngFor="let option of options"
|
|
2852
|
+
(click)="onSelect(option)"
|
|
2853
|
+
[class.mecx-option-selected]="isSelected(option)"
|
|
2854
|
+
>
|
|
2855
|
+
<util-icon class="mecx-autocomplete-address-option-icon" name="location" />
|
|
2856
|
+
<span [innerHTML]="option.adrFormatAddress"></span>
|
|
2857
|
+
</monkey-option>
|
|
2747
2858
|
</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>
|
|
2859
|
+
@if (!loading && !options.length) {
|
|
2860
|
+
<div class="mecx-autocomplete-address-no-data">
|
|
2861
|
+
<util-icon class="mecx-autocomplete-address-no-data-icon" name="searchFail" />
|
|
2862
|
+
{{ noDataDictionary | async }}
|
|
2863
|
+
</div>
|
|
2864
|
+
}
|
|
2759
2865
|
</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
2866
|
<div class="mecx-autocomplete-address-footer">
|
|
2767
2867
|
<util-icon name="googleMaps" />
|
|
2768
2868
|
</div>
|
|
@@ -2802,35 +2902,38 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
|
|
|
2802
2902
|
monkeyPopoverDir="ltr"
|
|
2803
2903
|
[monkeyPopoverBackdrop]="false"
|
|
2804
2904
|
[monkeyPopoverHideHeader]="true"
|
|
2905
|
+
[monkeyPopoverWatch]="true"
|
|
2805
2906
|
>
|
|
2806
2907
|
<div
|
|
2807
2908
|
#containerWrapper
|
|
2808
2909
|
class="mecx-autocomplete-address-wrapper"
|
|
2809
2910
|
[style.width.px]="initialDisplayWidth"
|
|
2810
2911
|
>
|
|
2811
|
-
|
|
2812
|
-
|
|
2813
|
-
<
|
|
2814
|
-
|
|
2912
|
+
<div class="flex-grow-1">
|
|
2913
|
+
@if (loading) {
|
|
2914
|
+
<div class="mecx-autocomplete-address-loading">
|
|
2915
|
+
<util-icon name="loading" />
|
|
2916
|
+
{{ loadingDictionary | async }}
|
|
2917
|
+
</div>
|
|
2918
|
+
}
|
|
2919
|
+
<div *ngIf="options.length > 0" class="mecx-autocomplete-address-options">
|
|
2920
|
+
<monkey-option
|
|
2921
|
+
class="mecx-autocomplete-address-option"
|
|
2922
|
+
*ngFor="let option of options"
|
|
2923
|
+
(click)="onSelect(option)"
|
|
2924
|
+
[class.mecx-option-selected]="isSelected(option)"
|
|
2925
|
+
>
|
|
2926
|
+
<util-icon class="mecx-autocomplete-address-option-icon" name="location" />
|
|
2927
|
+
<span [innerHTML]="option.adrFormatAddress"></span>
|
|
2928
|
+
</monkey-option>
|
|
2815
2929
|
</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>
|
|
2930
|
+
@if (!loading && !options.length) {
|
|
2931
|
+
<div class="mecx-autocomplete-address-no-data">
|
|
2932
|
+
<util-icon class="mecx-autocomplete-address-no-data-icon" name="searchFail" />
|
|
2933
|
+
{{ noDataDictionary | async }}
|
|
2934
|
+
</div>
|
|
2935
|
+
}
|
|
2827
2936
|
</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
2937
|
<div class="mecx-autocomplete-address-footer">
|
|
2835
2938
|
<util-icon name="googleMaps" />
|
|
2836
2939
|
</div>
|