@salla.sa/twilight-components 2.11.29 → 2.11.30
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/salla-button_36.cjs.entry.js +57 -25
- package/dist/cjs/twilight.cjs.js +1 -1
- package/dist/collection/components/salla-map/salla-map.js +59 -34
- package/dist/collection/components/salla-rating-stars/salla-rating-stars.js +31 -0
- package/dist/components/salla-map2.js +51 -25
- package/dist/components/salla-rating-stars2.js +12 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/salla-button_36.entry.js +57 -25
- package/dist/esm/twilight.js +1 -1
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/salla-button_36.entry.js +1 -1
- package/dist/esm-es5/twilight.js +1 -1
- package/dist/twilight/{p-7dcf1bf3.entry.js → p-04bedf79.entry.js} +4 -4
- package/dist/twilight/p-1b87ab66.system.js +1 -1
- package/dist/twilight/{p-ae899ce6.system.entry.js → p-3a054cb1.system.entry.js} +1 -1
- package/dist/twilight/twilight.esm.js +1 -1
- package/dist/types/components/salla-map/salla-map.d.ts +8 -3
- package/dist/types/components/salla-rating-stars/salla-rating-stars.d.ts +6 -0
- package/dist/types/components.d.ts +11 -3
- package/package.json +4 -4
|
@@ -18,7 +18,9 @@ export class SallaMap {
|
|
|
18
18
|
this.confirmButtonTitle = salla.lang.get('pages.checkout.confirm_address');
|
|
19
19
|
this.locateButtonTitle = salla.lang.get('pages.cart.detect_location');
|
|
20
20
|
this.locateButtonEdit = salla.lang.get('common.elements.edit');
|
|
21
|
+
this.searchPlaceholder = salla.lang.get('pages.checkout.search_for_address');
|
|
21
22
|
this.searchInputValue = null;
|
|
23
|
+
this.formattedAddress = '';
|
|
22
24
|
this.geolocationError = false;
|
|
23
25
|
/**
|
|
24
26
|
* File input name for the native formData
|
|
@@ -36,10 +38,6 @@ export class SallaMap {
|
|
|
36
38
|
* Sets the search bar visibility.
|
|
37
39
|
*/
|
|
38
40
|
this.searchable = false;
|
|
39
|
-
/**
|
|
40
|
-
* Modal Title
|
|
41
|
-
*/
|
|
42
|
-
this.modalTitle = this.modalActivityTitle;
|
|
43
41
|
/**
|
|
44
42
|
* Sets start map zoom.
|
|
45
43
|
*/
|
|
@@ -53,25 +51,29 @@ export class SallaMap {
|
|
|
53
51
|
this.confirmButtonTitle = salla.lang.get('pages.checkout.confirm_address');
|
|
54
52
|
this.locateButtonTitle = salla.lang.get('pages.cart.detect_location');
|
|
55
53
|
this.locateButtonEdit = salla.lang.get('common.elements.edit');
|
|
54
|
+
this.searchPlaceholder = salla.lang.get('pages.checkout.search_for_address');
|
|
56
55
|
});
|
|
57
56
|
this.apiKey = 'AIzaSyBPhPJ4KG13ywvmeAovLRnbi7WzlsdcWKs';
|
|
58
57
|
}
|
|
59
58
|
formatAddress(address) {
|
|
60
59
|
return address.length > 25 ? address.substring(0, 25) + '...' : address;
|
|
61
60
|
}
|
|
62
|
-
getPositionAddress(location) {
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
if (
|
|
61
|
+
getPositionAddress(location, submit = false) {
|
|
62
|
+
// get address and set it to search input
|
|
63
|
+
const Geocoder = new google.maps.Geocoder();
|
|
64
|
+
Geocoder.geocode({
|
|
65
|
+
location,
|
|
66
|
+
}, (results, status) => {
|
|
67
|
+
if (status === google.maps.GeocoderStatus.OK) {
|
|
68
|
+
if (this.searchable) {
|
|
70
69
|
this.searchInputValue = results[0].formatted_address;
|
|
71
70
|
this.searchInput.value = results[0].formatted_address;
|
|
72
71
|
}
|
|
73
|
-
|
|
74
|
-
|
|
72
|
+
if (submit) {
|
|
73
|
+
this.formattedAddress = results[0].formatted_address;
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
});
|
|
75
77
|
}
|
|
76
78
|
initGoogleMaps(options, mapDOM) {
|
|
77
79
|
const loader = new Loader(this.apiKey, options);
|
|
@@ -116,6 +118,7 @@ export class SallaMap {
|
|
|
116
118
|
// set marker
|
|
117
119
|
this.marker.setPosition(places[0].geometry.location);
|
|
118
120
|
this.searchInputValue = places[0].formatted_address;
|
|
121
|
+
this.formattedAddress = places[0].formatted_address;
|
|
119
122
|
}
|
|
120
123
|
});
|
|
121
124
|
}
|
|
@@ -123,7 +126,6 @@ export class SallaMap {
|
|
|
123
126
|
google.maps.event.addListener(this.map, 'click', e => {
|
|
124
127
|
if (this.readonly)
|
|
125
128
|
return;
|
|
126
|
-
this.searchInputValue = null;
|
|
127
129
|
this.marker.setPosition(e.latLng);
|
|
128
130
|
this.lat = e.latLng.lat();
|
|
129
131
|
this.lng = e.latLng.lng();
|
|
@@ -131,10 +133,10 @@ export class SallaMap {
|
|
|
131
133
|
this.mapClicked.emit({
|
|
132
134
|
lat: e.latLng.lat(),
|
|
133
135
|
lng: e.latLng.lng(),
|
|
134
|
-
address: this.
|
|
136
|
+
address: this.formattedAddress ? this.formattedAddress : null,
|
|
135
137
|
});
|
|
136
138
|
});
|
|
137
|
-
if (this.lat
|
|
139
|
+
if (!this.lat && !this.lng) {
|
|
138
140
|
this.getCurrentLocation();
|
|
139
141
|
if (this.geolocationError) {
|
|
140
142
|
this.map.setCenter({
|
|
@@ -164,7 +166,7 @@ export class SallaMap {
|
|
|
164
166
|
this.currentLocationChanged.emit({
|
|
165
167
|
lat: position.coords.latitude,
|
|
166
168
|
lng: position.coords.longitude,
|
|
167
|
-
address: this.
|
|
169
|
+
address: this.formattedAddress ? this.formattedAddress : null,
|
|
168
170
|
});
|
|
169
171
|
}, this.handleLocationError.bind(this));
|
|
170
172
|
}
|
|
@@ -190,31 +192,48 @@ export class SallaMap {
|
|
|
190
192
|
break;
|
|
191
193
|
}
|
|
192
194
|
}
|
|
195
|
+
componentDidLoad() {
|
|
196
|
+
// if lat and lng provided then get the formatted address
|
|
197
|
+
if (this.lat && this.lng) {
|
|
198
|
+
// get address
|
|
199
|
+
fetch(`https://maps.googleapis.com/maps/api/geocode/json?latlng=${this.lat},${this.lng}&key=${this.apiKey}&language=${salla.config.get('user.language_code') ||
|
|
200
|
+
document.documentElement.lang ||
|
|
201
|
+
'ar'}`)
|
|
202
|
+
.then(res => res.json())
|
|
203
|
+
.then(res => {
|
|
204
|
+
if (res.status === 'OK') {
|
|
205
|
+
this.formattedAddress = res.results[0].formatted_address;
|
|
206
|
+
this.searchInputValue = res.results[0].formatted_address;
|
|
207
|
+
this.searchInput.value = res.results[0].formatted_address;
|
|
208
|
+
}
|
|
209
|
+
});
|
|
210
|
+
}
|
|
211
|
+
}
|
|
193
212
|
/**
|
|
194
213
|
* Open location component
|
|
195
214
|
*/
|
|
196
215
|
async open() {
|
|
197
|
-
var _a
|
|
216
|
+
var _a;
|
|
198
217
|
// only init google maps on modal open :) to save resources
|
|
199
218
|
if (!this.map)
|
|
200
219
|
this.initGoogleMaps({
|
|
201
220
|
libraries: this.searchable ? ['places', 'search'] : [],
|
|
202
221
|
language: salla.config.get('user.language_code') ||
|
|
203
|
-
|
|
222
|
+
document.documentElement.lang ||
|
|
204
223
|
'ar',
|
|
205
224
|
}, this.mapElement);
|
|
206
|
-
return (
|
|
225
|
+
return (_a = this.locationModal) === null || _a === void 0 ? void 0 : _a.open();
|
|
207
226
|
}
|
|
208
227
|
// rendering functions
|
|
209
228
|
getLocationModal() {
|
|
210
229
|
return (h("div", null,
|
|
211
|
-
h("div", { class: "s-map-modal-title" }, this.modalTitle),
|
|
230
|
+
h("div", { class: "s-map-modal-title" }, this.modalTitle || this.modalActivityTitle),
|
|
212
231
|
h("div", { class: "s-map-modal-body" },
|
|
213
232
|
h("div", { class: "s-map-element", ref: el => (this.mapElement = el) }),
|
|
214
233
|
this.readonly ? "" :
|
|
215
234
|
[
|
|
216
235
|
this.searchable && (h("div", { class: "s-map-search-wrapper" },
|
|
217
|
-
h("input", { class: "s-map-search-input", ref: el => (this.searchInput = el) }))),
|
|
236
|
+
h("input", { class: "s-map-search-input", ref: el => (this.searchInput = el), placeholder: this.searchPlaceholder }))),
|
|
218
237
|
h("salla-button", { class: "s-map-my-location-button", onClick: () => {
|
|
219
238
|
this.getCurrentLocation();
|
|
220
239
|
}, shape: "icon", color: "primary" },
|
|
@@ -223,11 +242,14 @@ export class SallaMap {
|
|
|
223
242
|
let points = {
|
|
224
243
|
lat: this.lat,
|
|
225
244
|
lng: this.lng,
|
|
226
|
-
address: this.
|
|
245
|
+
address: this.formattedAddress ? this.formattedAddress : null,
|
|
227
246
|
};
|
|
228
247
|
this.mapInput.value = `${points.lat}, ${points.lng}`;
|
|
229
248
|
salla.event.emit('salla-map::selected', points);
|
|
230
249
|
this.selected.emit(points);
|
|
250
|
+
this.selectedLat = points.lat;
|
|
251
|
+
this.selectedLng = points.lng;
|
|
252
|
+
this.getPositionAddress(new google.maps.LatLng(points.lat, points.lng), true);
|
|
231
253
|
this.mapInput.dispatchEvent(new window.Event('change', { bubbles: true }));
|
|
232
254
|
this.locationModal.close();
|
|
233
255
|
} }, this.confirmButtonTitle)
|
|
@@ -243,12 +265,12 @@ export class SallaMap {
|
|
|
243
265
|
h("salla-button", { onClick: () => {
|
|
244
266
|
this.open();
|
|
245
267
|
}, color: "primary", class: "s-map-location-button" },
|
|
246
|
-
h("span", { class: "s-map-location-icon", innerHTML: this.
|
|
247
|
-
this.
|
|
268
|
+
h("span", { class: "s-map-location-icon", innerHTML: this.formattedAddress ? Edit : Location }),
|
|
269
|
+
this.formattedAddress ? (h("div", null,
|
|
248
270
|
this.locateButtonEdit,
|
|
249
271
|
" | ",
|
|
250
|
-
this.formatAddress(this.
|
|
251
|
-
h("input", { type: "hidden", name: this.name, required: this.required, value: `${this.
|
|
272
|
+
this.formatAddress(this.formattedAddress))) : (this.locateButtonTitle))),
|
|
273
|
+
h("input", { type: "hidden", name: this.name, required: this.required, value: `${this.selectedLat}, ${this.selectedLng}`, ref: color => this.mapInput = color })));
|
|
252
274
|
}
|
|
253
275
|
static get is() { return "salla-map"; }
|
|
254
276
|
static get originalStyleUrls() { return {
|
|
@@ -396,8 +418,7 @@ export class SallaMap {
|
|
|
396
418
|
"text": "Modal Title"
|
|
397
419
|
},
|
|
398
420
|
"attribute": "modal-title",
|
|
399
|
-
"reflect": false
|
|
400
|
-
"defaultValue": "this.modalActivityTitle"
|
|
421
|
+
"reflect": false
|
|
401
422
|
},
|
|
402
423
|
"zoom": {
|
|
403
424
|
"type": "number",
|
|
@@ -441,11 +462,15 @@ export class SallaMap {
|
|
|
441
462
|
"confirmButtonTitle": {},
|
|
442
463
|
"locateButtonTitle": {},
|
|
443
464
|
"locateButtonEdit": {},
|
|
465
|
+
"searchPlaceholder": {},
|
|
444
466
|
"searchInputValue": {},
|
|
467
|
+
"formattedAddress": {},
|
|
445
468
|
"geolocationError": {},
|
|
446
469
|
"searchInput": {},
|
|
447
470
|
"mapInput": {},
|
|
448
|
-
"mapElement": {}
|
|
471
|
+
"mapElement": {},
|
|
472
|
+
"selectedLat": {},
|
|
473
|
+
"selectedLng": {}
|
|
449
474
|
}; }
|
|
450
475
|
static get events() { return [{
|
|
451
476
|
"method": "selected",
|
|
@@ -455,7 +480,7 @@ export class SallaMap {
|
|
|
455
480
|
"composed": true,
|
|
456
481
|
"docs": {
|
|
457
482
|
"tags": [],
|
|
458
|
-
"text": "
|
|
483
|
+
"text": "Custom DOM event emitter when location is selected"
|
|
459
484
|
},
|
|
460
485
|
"complexType": {
|
|
461
486
|
"original": "any",
|
|
@@ -470,7 +495,7 @@ export class SallaMap {
|
|
|
470
495
|
"composed": true,
|
|
471
496
|
"docs": {
|
|
472
497
|
"tags": [],
|
|
473
|
-
"text": "
|
|
498
|
+
"text": "Custom DOM event emitter when map is clicked"
|
|
474
499
|
},
|
|
475
500
|
"complexType": {
|
|
476
501
|
"original": "any",
|
|
@@ -485,7 +510,7 @@ export class SallaMap {
|
|
|
485
510
|
"composed": true,
|
|
486
511
|
"docs": {
|
|
487
512
|
"tags": [],
|
|
488
|
-
"text": "
|
|
513
|
+
"text": "Custom DOM event emitter when current location is selected"
|
|
489
514
|
},
|
|
490
515
|
"complexType": {
|
|
491
516
|
"original": "any",
|
|
@@ -14,6 +14,13 @@ export class SallaRatingStars {
|
|
|
14
14
|
* Sets the height and width of the component. Defaults to medium.
|
|
15
15
|
*/
|
|
16
16
|
this.size = 'medium';
|
|
17
|
+
/**
|
|
18
|
+
* Number of reviews to display.
|
|
19
|
+
*/
|
|
20
|
+
this.reviews = 0;
|
|
21
|
+
salla.lang.onLoaded(() => {
|
|
22
|
+
this.reviewsElement && (this.reviewsElement.innerText = `(${salla.helpers.number(salla.lang.choice('pages.rating.reviews', this.reviews))})`);
|
|
23
|
+
});
|
|
17
24
|
}
|
|
18
25
|
initiateRating() {
|
|
19
26
|
this.host.addEventListener('click', () => {
|
|
@@ -56,6 +63,12 @@ export class SallaRatingStars {
|
|
|
56
63
|
's-rating-stars-selected': i < n
|
|
57
64
|
}, innerHTML: Star2 }));
|
|
58
65
|
}
|
|
66
|
+
if (this.reviews > 0) {
|
|
67
|
+
stars.push(h("span", { class: "s-rating-reviews", ref: el => this.reviewsElement = el },
|
|
68
|
+
"(",
|
|
69
|
+
salla.helpers.number(salla.lang.choice('pages.rating.reviews', this.reviews)),
|
|
70
|
+
")"));
|
|
71
|
+
}
|
|
59
72
|
return stars;
|
|
60
73
|
}
|
|
61
74
|
render() {
|
|
@@ -138,6 +151,24 @@ export class SallaRatingStars {
|
|
|
138
151
|
},
|
|
139
152
|
"attribute": "value",
|
|
140
153
|
"reflect": false
|
|
154
|
+
},
|
|
155
|
+
"reviews": {
|
|
156
|
+
"type": "number",
|
|
157
|
+
"mutable": false,
|
|
158
|
+
"complexType": {
|
|
159
|
+
"original": "number",
|
|
160
|
+
"resolved": "number",
|
|
161
|
+
"references": {}
|
|
162
|
+
},
|
|
163
|
+
"required": false,
|
|
164
|
+
"optional": false,
|
|
165
|
+
"docs": {
|
|
166
|
+
"tags": [],
|
|
167
|
+
"text": "Number of reviews to display."
|
|
168
|
+
},
|
|
169
|
+
"attribute": "reviews",
|
|
170
|
+
"reflect": false,
|
|
171
|
+
"defaultValue": "0"
|
|
141
172
|
}
|
|
142
173
|
}; }
|
|
143
174
|
static get elementRef() { return "host"; }
|
|
@@ -454,7 +454,9 @@ const SallaMap = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
|
454
454
|
this.confirmButtonTitle = salla.lang.get('pages.checkout.confirm_address');
|
|
455
455
|
this.locateButtonTitle = salla.lang.get('pages.cart.detect_location');
|
|
456
456
|
this.locateButtonEdit = salla.lang.get('common.elements.edit');
|
|
457
|
+
this.searchPlaceholder = salla.lang.get('pages.checkout.search_for_address');
|
|
457
458
|
this.searchInputValue = null;
|
|
459
|
+
this.formattedAddress = '';
|
|
458
460
|
this.geolocationError = false;
|
|
459
461
|
/**
|
|
460
462
|
* File input name for the native formData
|
|
@@ -472,10 +474,6 @@ const SallaMap = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
|
472
474
|
* Sets the search bar visibility.
|
|
473
475
|
*/
|
|
474
476
|
this.searchable = false;
|
|
475
|
-
/**
|
|
476
|
-
* Modal Title
|
|
477
|
-
*/
|
|
478
|
-
this.modalTitle = this.modalActivityTitle;
|
|
479
477
|
/**
|
|
480
478
|
* Sets start map zoom.
|
|
481
479
|
*/
|
|
@@ -489,25 +487,29 @@ const SallaMap = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
|
489
487
|
this.confirmButtonTitle = salla.lang.get('pages.checkout.confirm_address');
|
|
490
488
|
this.locateButtonTitle = salla.lang.get('pages.cart.detect_location');
|
|
491
489
|
this.locateButtonEdit = salla.lang.get('common.elements.edit');
|
|
490
|
+
this.searchPlaceholder = salla.lang.get('pages.checkout.search_for_address');
|
|
492
491
|
});
|
|
493
492
|
this.apiKey = 'AIzaSyBPhPJ4KG13ywvmeAovLRnbi7WzlsdcWKs';
|
|
494
493
|
}
|
|
495
494
|
formatAddress(address) {
|
|
496
495
|
return address.length > 25 ? address.substring(0, 25) + '...' : address;
|
|
497
496
|
}
|
|
498
|
-
getPositionAddress(location) {
|
|
499
|
-
|
|
500
|
-
|
|
501
|
-
|
|
502
|
-
|
|
503
|
-
|
|
504
|
-
|
|
505
|
-
if (
|
|
497
|
+
getPositionAddress(location, submit = false) {
|
|
498
|
+
// get address and set it to search input
|
|
499
|
+
const Geocoder = new google.maps.Geocoder();
|
|
500
|
+
Geocoder.geocode({
|
|
501
|
+
location,
|
|
502
|
+
}, (results, status) => {
|
|
503
|
+
if (status === google.maps.GeocoderStatus.OK) {
|
|
504
|
+
if (this.searchable) {
|
|
506
505
|
this.searchInputValue = results[0].formatted_address;
|
|
507
506
|
this.searchInput.value = results[0].formatted_address;
|
|
508
507
|
}
|
|
509
|
-
|
|
510
|
-
|
|
508
|
+
if (submit) {
|
|
509
|
+
this.formattedAddress = results[0].formatted_address;
|
|
510
|
+
}
|
|
511
|
+
}
|
|
512
|
+
});
|
|
511
513
|
}
|
|
512
514
|
initGoogleMaps(options, mapDOM) {
|
|
513
515
|
const loader = new Loader(this.apiKey, options);
|
|
@@ -552,6 +554,7 @@ const SallaMap = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
|
552
554
|
// set marker
|
|
553
555
|
this.marker.setPosition(places[0].geometry.location);
|
|
554
556
|
this.searchInputValue = places[0].formatted_address;
|
|
557
|
+
this.formattedAddress = places[0].formatted_address;
|
|
555
558
|
}
|
|
556
559
|
});
|
|
557
560
|
}
|
|
@@ -559,7 +562,6 @@ const SallaMap = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
|
559
562
|
google.maps.event.addListener(this.map, 'click', e => {
|
|
560
563
|
if (this.readonly)
|
|
561
564
|
return;
|
|
562
|
-
this.searchInputValue = null;
|
|
563
565
|
this.marker.setPosition(e.latLng);
|
|
564
566
|
this.lat = e.latLng.lat();
|
|
565
567
|
this.lng = e.latLng.lng();
|
|
@@ -567,10 +569,10 @@ const SallaMap = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
|
567
569
|
this.mapClicked.emit({
|
|
568
570
|
lat: e.latLng.lat(),
|
|
569
571
|
lng: e.latLng.lng(),
|
|
570
|
-
address: this.
|
|
572
|
+
address: this.formattedAddress ? this.formattedAddress : null,
|
|
571
573
|
});
|
|
572
574
|
});
|
|
573
|
-
if (this.lat
|
|
575
|
+
if (!this.lat && !this.lng) {
|
|
574
576
|
this.getCurrentLocation();
|
|
575
577
|
if (this.geolocationError) {
|
|
576
578
|
this.map.setCenter({
|
|
@@ -600,7 +602,7 @@ const SallaMap = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
|
600
602
|
this.currentLocationChanged.emit({
|
|
601
603
|
lat: position.coords.latitude,
|
|
602
604
|
lng: position.coords.longitude,
|
|
603
|
-
address: this.
|
|
605
|
+
address: this.formattedAddress ? this.formattedAddress : null,
|
|
604
606
|
});
|
|
605
607
|
}, this.handleLocationError.bind(this));
|
|
606
608
|
}
|
|
@@ -626,26 +628,43 @@ const SallaMap = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
|
626
628
|
break;
|
|
627
629
|
}
|
|
628
630
|
}
|
|
631
|
+
componentDidLoad() {
|
|
632
|
+
// if lat and lng provided then get the formatted address
|
|
633
|
+
if (this.lat && this.lng) {
|
|
634
|
+
// get address
|
|
635
|
+
fetch(`https://maps.googleapis.com/maps/api/geocode/json?latlng=${this.lat},${this.lng}&key=${this.apiKey}&language=${salla.config.get('user.language_code') ||
|
|
636
|
+
document.documentElement.lang ||
|
|
637
|
+
'ar'}`)
|
|
638
|
+
.then(res => res.json())
|
|
639
|
+
.then(res => {
|
|
640
|
+
if (res.status === 'OK') {
|
|
641
|
+
this.formattedAddress = res.results[0].formatted_address;
|
|
642
|
+
this.searchInputValue = res.results[0].formatted_address;
|
|
643
|
+
this.searchInput.value = res.results[0].formatted_address;
|
|
644
|
+
}
|
|
645
|
+
});
|
|
646
|
+
}
|
|
647
|
+
}
|
|
629
648
|
/**
|
|
630
649
|
* Open location component
|
|
631
650
|
*/
|
|
632
651
|
async open() {
|
|
633
|
-
var _a
|
|
652
|
+
var _a;
|
|
634
653
|
// only init google maps on modal open :) to save resources
|
|
635
654
|
if (!this.map)
|
|
636
655
|
this.initGoogleMaps({
|
|
637
656
|
libraries: this.searchable ? ['places', 'search'] : [],
|
|
638
657
|
language: salla.config.get('user.language_code') ||
|
|
639
|
-
|
|
658
|
+
document.documentElement.lang ||
|
|
640
659
|
'ar',
|
|
641
660
|
}, this.mapElement);
|
|
642
|
-
return (
|
|
661
|
+
return (_a = this.locationModal) === null || _a === void 0 ? void 0 : _a.open();
|
|
643
662
|
}
|
|
644
663
|
// rendering functions
|
|
645
664
|
getLocationModal() {
|
|
646
|
-
return (h("div", null, h("div", { class: "s-map-modal-title" }, this.modalTitle), h("div", { class: "s-map-modal-body" }, h("div", { class: "s-map-element", ref: el => (this.mapElement = el) }), this.readonly ? "" :
|
|
665
|
+
return (h("div", null, h("div", { class: "s-map-modal-title" }, this.modalTitle || this.modalActivityTitle), h("div", { class: "s-map-modal-body" }, h("div", { class: "s-map-element", ref: el => (this.mapElement = el) }), this.readonly ? "" :
|
|
647
666
|
[
|
|
648
|
-
this.searchable && (h("div", { class: "s-map-search-wrapper" }, h("input", { class: "s-map-search-input", ref: el => (this.searchInput = el) }))),
|
|
667
|
+
this.searchable && (h("div", { class: "s-map-search-wrapper" }, h("input", { class: "s-map-search-input", ref: el => (this.searchInput = el), placeholder: this.searchPlaceholder }))),
|
|
649
668
|
h("salla-button", { class: "s-map-my-location-button", onClick: () => {
|
|
650
669
|
this.getCurrentLocation();
|
|
651
670
|
}, shape: "icon", color: "primary" }, h("span", { innerHTML: CurrentLocation })),
|
|
@@ -653,11 +672,14 @@ const SallaMap = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
|
653
672
|
let points = {
|
|
654
673
|
lat: this.lat,
|
|
655
674
|
lng: this.lng,
|
|
656
|
-
address: this.
|
|
675
|
+
address: this.formattedAddress ? this.formattedAddress : null,
|
|
657
676
|
};
|
|
658
677
|
this.mapInput.value = `${points.lat}, ${points.lng}`;
|
|
659
678
|
salla.event.emit('salla-map::selected', points);
|
|
660
679
|
this.selected.emit(points);
|
|
680
|
+
this.selectedLat = points.lat;
|
|
681
|
+
this.selectedLng = points.lng;
|
|
682
|
+
this.getPositionAddress(new google.maps.LatLng(points.lat, points.lng), true);
|
|
661
683
|
this.mapInput.dispatchEvent(new window.Event('change', { bubbles: true }));
|
|
662
684
|
this.locationModal.close();
|
|
663
685
|
} }, this.confirmButtonTitle)
|
|
@@ -669,7 +691,7 @@ const SallaMap = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
|
669
691
|
this.locationModal = modal;
|
|
670
692
|
} }, this.getLocationModal()), h("slot", { name: "button" }, h("salla-button", { onClick: () => {
|
|
671
693
|
this.open();
|
|
672
|
-
}, color: "primary", class: "s-map-location-button" }, h("span", { class: "s-map-location-icon", innerHTML: this.
|
|
694
|
+
}, color: "primary", class: "s-map-location-button" }, h("span", { class: "s-map-location-icon", innerHTML: this.formattedAddress ? Edit : Location }), this.formattedAddress ? (h("div", null, this.locateButtonEdit, " | ", this.formatAddress(this.formattedAddress))) : (this.locateButtonTitle))), h("input", { type: "hidden", name: this.name, required: this.required, value: `${this.selectedLat}, ${this.selectedLng}`, ref: color => this.mapInput = color })));
|
|
673
695
|
}
|
|
674
696
|
get host() { return this; }
|
|
675
697
|
static get style() { return sallaMapCss; }
|
|
@@ -688,11 +710,15 @@ const SallaMap = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
|
688
710
|
"confirmButtonTitle": [32],
|
|
689
711
|
"locateButtonTitle": [32],
|
|
690
712
|
"locateButtonEdit": [32],
|
|
713
|
+
"searchPlaceholder": [32],
|
|
691
714
|
"searchInputValue": [32],
|
|
715
|
+
"formattedAddress": [32],
|
|
692
716
|
"geolocationError": [32],
|
|
693
717
|
"searchInput": [32],
|
|
694
718
|
"mapInput": [32],
|
|
695
719
|
"mapElement": [32],
|
|
720
|
+
"selectedLat": [32],
|
|
721
|
+
"selectedLng": [32],
|
|
696
722
|
"open": [64]
|
|
697
723
|
}]);
|
|
698
724
|
function defineCustomElement() {
|
|
@@ -19,6 +19,13 @@ const SallaRatingStars = /*@__PURE__*/ proxyCustomElement(class extends HTMLElem
|
|
|
19
19
|
* Sets the height and width of the component. Defaults to medium.
|
|
20
20
|
*/
|
|
21
21
|
this.size = 'medium';
|
|
22
|
+
/**
|
|
23
|
+
* Number of reviews to display.
|
|
24
|
+
*/
|
|
25
|
+
this.reviews = 0;
|
|
26
|
+
salla.lang.onLoaded(() => {
|
|
27
|
+
this.reviewsElement && (this.reviewsElement.innerText = `(${salla.helpers.number(salla.lang.choice('pages.rating.reviews', this.reviews))})`);
|
|
28
|
+
});
|
|
22
29
|
}
|
|
23
30
|
initiateRating() {
|
|
24
31
|
this.host.addEventListener('click', () => {
|
|
@@ -61,6 +68,9 @@ const SallaRatingStars = /*@__PURE__*/ proxyCustomElement(class extends HTMLElem
|
|
|
61
68
|
's-rating-stars-selected': i < n
|
|
62
69
|
}, innerHTML: Rate }));
|
|
63
70
|
}
|
|
71
|
+
if (this.reviews > 0) {
|
|
72
|
+
stars.push(h("span", { class: "s-rating-reviews", ref: el => this.reviewsElement = el }, "(", salla.helpers.number(salla.lang.choice('pages.rating.reviews', this.reviews)), ")"));
|
|
73
|
+
}
|
|
64
74
|
return stars;
|
|
65
75
|
}
|
|
66
76
|
render() {
|
|
@@ -82,7 +92,8 @@ const SallaRatingStars = /*@__PURE__*/ proxyCustomElement(class extends HTMLElem
|
|
|
82
92
|
}, [0, "salla-rating-stars", {
|
|
83
93
|
"name": [1],
|
|
84
94
|
"size": [1],
|
|
85
|
-
"value": [2]
|
|
95
|
+
"value": [2],
|
|
96
|
+
"reviews": [2]
|
|
86
97
|
}]);
|
|
87
98
|
function defineCustomElement() {
|
|
88
99
|
if (typeof customElements === "undefined") {
|
package/dist/esm/loader.js
CHANGED
|
@@ -30,7 +30,7 @@ const defineCustomElements = (win, options) => {
|
|
|
30
30
|
if (typeof window === 'undefined') return Promise.resolve();
|
|
31
31
|
return patchEsm().then(() => {
|
|
32
32
|
globalScripts();
|
|
33
|
-
return bootstrapLazy(JSON.parse("[[\"salla-button_36\",[[4,\"salla-gifting\",{\"productId\":[2,\"product-id\"],\"sectionTitle\":[32],\"sectionSubtitle\":[32],\"sectionBtnText\":[32],\"giftDetails\":[32],\"selectImageForYourGift\":[32],\"selectImageOrUpload\":[32],\"selectGiftMessage\":[32],\"giftCustomText\":[32],\"textId\":[32],\"incorrectGiftText\":[32],\"nextStep\":[32],\"senderNameLabel\":[32],\"receiverNameFieldLabel\":[32],\"receiverMobileFieldLabel\":[32],\"receiverEmailFieldLabel\":[32],\"emailPlaceholder\":[32],\"sendLater\":[32],\"selectSendDateAndTime\":[32],\"canNotEditOrderAfterSelectDate\":[32],\"sendGift\":[32],\"donationRequired\":[32],\"currentStep\":[32],\"showCalendar\":[32],\"showGiftText\":[32],\"currentLang\":[32],\"parentClass\":[32],\"errors\":[32],\"gift\":[32],\"selectedGiftTextOption\":[32],\"showTextArea\":[32],\"selectedImage\":[32],\"uploadedImage\":[32],\"selectedText\":[32],\"senderName\":[32],\"errorMessage\":[32],\"hasError\":[32],\"quantity\":[32],\"deliveryDate\":[32],\"timeZone\":[32],\"receiverName\":[32],\"receiverMobile\":[32],\"receiverCountryCode\":[32],\"receiverEmail\":[32],\"open\":[64],\"close\":[64],\"goToStep2\":[64]}],[4,\"salla-loyalty\",{\"prizePoints\":[8,\"prize-points\"],\"customerPoints\":[2,\"customer-points\"],\"prizeTitle\":[1,\"prize-title\"],\"allowEmail\":[4,\"allow-email\"],\"allowMobile\":[4,\"allow-mobile\"],\"requireEmail\":[4,\"require-email\"],\"guestMessage\":[1025,\"guest-message\"],\"loyaltyProgram\":[32],\"buttonLoading\":[32],\"selectedItem\":[32],\"askConfirmation\":[32],\"is_loggedin\":[32],\"hasError\":[32],\"errorMessage\":[32],\"translationLoaded\":[32],\"open\":[64],\"close\":[64],\"resetExchange\":[64],\"exchangeLoyaltyPoint\":[64]}],[4,\"salla-product-size-guide\",{\"guides\":[32],\"productId\":[32],\"placeholder_title\":[32],\"placeholder_description\":[32],\"modal_title\":[32],\"hasError\":[32],\"open\":[64],\"close\":[64]}],[4,\"salla-login-modal\",{\"isEmailAllowed\":[1028,\"is-email-allowed\"],\"isMobileAllowed\":[1028,\"is-mobile-allowed\"],\"isEmailRequired\":[1028,\"is-email-required\"],\"supportWebAuth\":[516,\"support-web-auth\"],\"currentTabName\":[32],\"regType\":[32],\"translationLoaded\":[32],\"title\":[32],\"emailErrorMsg\":[32],\"firstNameErrorMsg\":[32],\"lastNameErrorMsg\":[32],\"dragAndDrop\":[32],\"browseFromFiles\":[32],\"customFields\":[32],\"uploadedImage\":[32],\"open\":[64]},[[8,\"verified\",\"onVerified\"]]],[0,\"salla-offer-modal\",{\"offer\":[32],\"offer_name\":[32],\"offer_message\":[32],\"hasError\":[32],\"errorMessage\":[32],\"productID\":[32],\"translationLoaded\":[32],\"addToCartLabel\":[32],\"open\":[64],\"showOffer\":[64]}],[0,\"salla-rating-modal\",{\"orderId\":[2,\"order-id\"],\"order\":[32],\"hasError\":[32],\"errorMessage\":[32],\"translationLoaded\":[32],\"open\":[64],\"close\":[64]}],[4,\"salla-scopes\",{\"selection\":[1],\"searchDisplayLimit\":[2,\"search-display-limit\"],\"translationLoaded\":[32],\"mode\":[32],\"current_scope\":[32],\"scopes\":[32],\"originalScopesList\":[32],\"selected_scope\":[32],\"isOpenedBefore\":[32],\"hasError\":[32],\"loading\":[32],\"close\":[64],\"open\":[64],\"handleSubmit\":[64]}],[0,\"salla-localization-modal\",{\"language\":[1537],\"currency\":[1537],\"translationLoaded\":[32],\"languages\":[32],\"currencies\":[32],\"hasError\":[32],\"errorMessage\":[32],\"open\":[64],\"close\":[64],\"submit\":[64]}],[0,\"salla-quick-order\",{\"quickOrderTitle\":[1025,\"quick-order-title\"],\"subTitle\":[1025,\"sub-title\"],\"payButtonTitle\":[1025,\"pay-button-title\"],\"confirmPayButtonTitle\":[1025,\"confirm-pay-button-title\"],\"agreementText\":[1025,\"agreement-text\"],\"isEmailRequired\":[1028,\"is-email-required\"],\"productId\":[1025,\"product-id\"],\"thanksMessage\":[1025,\"thanks-message\"],\"quickOrderStyle\":[1025,\"quick-order-style\"],\"user\":[32],\"isAvailable\":[32],\"oneClick\":[32],\"expanded\":[32],\"isTermsRequired\":[32],\"countryCode\":[32],\"submitSucess\":[32],\"placeHolderEmail\":[32],\"emailOptional\":[32],\"agreementShowText\":[32],\"agreementModalHead\":[32],\"userNameLabel\":[32],\"termsChecked\":[32]}],[0,\"salla-user-settings\",{\"isNotifiable\":[516,\"is-notifiable\"],\"deactivateAccount\":[32],\"promotionalMsgs\":[32],\"deactivateDesc\":[32],\"promotionalMsgsDesc\":[32],\"sorryForLeavingText\":[32],\"warningText\":[32],\"keepAccount\":[32],\"buttonLoading\":[32]}],[0,\"salla-search\",{\"inline\":[4],\"oval\":[4],\"height\":[2],\"translationLoaded\":[32],\"results\":[32],\"loading\":[32],\"typing\":[32],\"debounce\":[32],\"search_term\":[32]},[[0,\"keydown\",\"handleKeyDown\"]]],[0,\"salla-comment-form\",{\"type\":[1537],\"showAvatar\":[4,\"show-avatar\"],\"itemId\":[1544,\"item-id\"],\"placeholder\":[32],\"submitText\":[32],\"canComment\":[32]}],[4,\"salla-social-share\",{\"url\":[513],\"urlName\":[513,\"url-name\"],\"platforms\":[513],\"opened\":[32],\"allPlatforms\":[32],\"platformIcons\":[32],\"convertedPlatforms\":[32],\"open\":[64]}],[4,\"salla-cart-summary\",{\"cartSummaryCount\":[32],\"cartSummaryTotal\":[32],\"animateToCart\":[64]}],[4,\"salla-infinite-scroll\",{\"nextPage\":[1,\"next-page\"],\"autoload\":[1028],\"container\":[1],\"item\":[1],\"loadMore\":[32],\"noMore\":[32],\"failedToLoad\":[32]}],[4,\"salla-quantity-input\",{\"quantity\":[32],\"decrease\":[64],\"increase\":[64],\"setValue\":[64]}],[0,\"salla-user-menu\",{\"inline\":[516],\"avatarOnly\":[516,\"avatar-only\"],\"showHeader\":[516,\"show-header\"],\"relativeDropdown\":[516,\"relative-dropdown\"],\"accountLoading\":[32],\"opened\":[32],\"notifications\":[32],\"orders\":[32],\"pending_orders\":[32],\"wishlist\":[32],\"profile\":[32],\"rating\":[32],\"logout\":[32],\"hello\":[32],\"first_name\":[32],\"last_name\":[32],\"avatar\":[32],\"badges\":[32],\"hasBadges\":[32],\"OrderUpdate\":[32]}],[0,\"salla-product-availability\",{\"channels\":[1],\"productId\":[2,\"product-id\"],\"isSubscribed\":[1028,\"is-subscribed\"],\"translationLoaded\":[32],\"title_\":[32],\"isVisitorSubscribed\":[32]}],[4,\"salla-map\",{\"name\":[1],\"required\":[4],\"readonly\":[4],\"searchable\":[1028],\"lat\":[1026],\"lng\":[1026],\"apiKey\":[1025,\"api-key\"],\"modalTitle\":[1,\"modal-title\"],\"zoom\":[1026],\"theme\":[1025],\"modalActivityTitle\":[32],\"confirmButtonTitle\":[32],\"locateButtonTitle\":[32],\"locateButtonEdit\":[32],\"searchInputValue\":[32],\"geolocationError\":[32],\"searchInput\":[32],\"mapInput\":[32],\"mapElement\":[32],\"open\":[64]}],[4,\"salla-verify\",{\"display\":[1],\"type\":[1025],\"autoReload\":[4,\"auto-reload\"],\"supportWebAuth\":[4,\"support-web-auth\"],\"translationLoaded\":[32],\"title\":[32],\"resendAfter\":[32],\"isProfileVerify\":[32],\"getCode\":[64],\"open\":[64]}],[4,\"salla-color-picker\",{\"name\":[1],\"required\":[4],\"color\":[1],\"format\":[1],\"showCancelButton\":[4,\"show-cancel-button\"],\"showTextField\":[4,\"show-text-field\"],\"enableAlpha\":[4,\"enable-alpha\"],\"widgetColor\":[32],\"setPickerOption\":[64],\"movePopUp\":[64],\"setColorValue\":[64],\"openPicker\":[64],\"closePicker\":[64],\"destroyPicker\":[64]}],[0,\"salla-progress-bar\",{\"donation\":[1],\"target\":[1026],\"value\":[1026],\"header\":[1025],\"message\":[1025],\"unit\":[1025],\"color\":[1025]}],[0,\"salla-rating-stars\",{\"name\":[1],\"size\":[1],\"value\":[2]}],[0,\"salla-datetime-picker\",{\"value\":[1537],\"required\":[4],\"name\":[513],\"placeholder\":[1],\"allowInput\":[4,\"allow-input\"],\"allowInvalidPreload\":[4,\"allow-invalid-preload\"],\"altFormat\":[1,\"alt-format\"],\"altInput\":[4,\"alt-input\"],\"altInputClass\":[1,\"alt-input-class\"],\"appendTo\":[16],\"ariaDateFormat\":[1,\"aria-date-format\"],\"autoFillDefaultTime\":[4,\"auto-fill-default-time\"],\"clickOpens\":[4,\"click-opens\"],\"closeOnSelect\":[4,\"close-on-select\"],\"conjunction\":[1],\"dateFormat\":[1,\"date-format\"],\"defaultDate\":[8,\"default-date\"],\"defaultHour\":[2,\"default-hour\"],\"defaultMinute\":[2,\"default-minute\"],\"defaultSeconds\":[2,\"default-seconds\"],\"disable\":[16],\"disableMobile\":[4,\"disable-mobile\"],\"enable\":[16],\"enableSeconds\":[4,\"enable-seconds\"],\"enableTime\":[4,\"enable-time\"],\"formatDate\":[16],\"hourIncrement\":[2,\"hour-increment\"],\"inline\":[4],\"locale\":[1],\"maxDate\":[8,\"max-date\"],\"maxTime\":[8,\"max-time\"],\"minDate\":[8,\"min-date\"],\"minTime\":[8,\"min-time\"],\"minuteIncrement\":[2,\"minute-increment\"],\"mode\":[1],\"monthSelectorType\":[1,\"month-selector-type\"],\"nextArrow\":[1,\"next-arrow\"],\"noCalendar\":[4,\"no-calendar\"],\"dateParser\":[16],\"position\":[1],\"positionElement\":[16],\"prevArrow\":[1,\"prev-arrow\"],\"shorthandCurrentMonth\":[4,\"shorthand-current-month\"],\"static\":[4],\"showMonths\":[2,\"show-months\"],\"time_24hr\":[4,\"time_-2-4hr\"],\"weekNumbers\":[4,\"week-numbers\"],\"wrap\":[4]}],[4,\"salla-tab-content\",{\"name\":[1],\"isSelected\":[32],\"getChild\":[64]}],[4,\"salla-tab-header\",{\"name\":[1],\"activeClass\":[1,\"active-class\"],\"height\":[8],\"centered\":[4],\"isSelected\":[32],\"getChild\":[64]}],[4,\"salla-tabs\",{\"backgroundColor\":[1,\"background-color\"],\"vertical\":[4]},[[0,\"tabSelected\",\"onSelectedTab\"]]],[0,\"salla-file-upload\",{\"value\":[1537],\"files\":[513],\"height\":[513],\"cartItemId\":[1,\"cart-item-id\"],\"profileImage\":[516,\"profile-image\"],\"name\":[1537],\"payloadName\":[1,\"payload-name\"],\"accept\":[1537],\"fileId\":[2,\"file-id\"],\"url\":[1025],\"method\":[1],\"formData\":[1,\"form-data\"],\"required\":[4],\"maxFileSize\":[1,\"max-file-size\"],\"disabled\":[4],\"allowDrop\":[4,\"allow-drop\"],\"allowBrowse\":[4,\"allow-browse\"],\"allowPaste\":[4,\"allow-paste\"],\"allowMultiple\":[4,\"allow-multiple\"],\"allowReplace\":[4,\"allow-replace\"],\"allowRevert\":[4,\"allow-revert\"],\"allowRemove\":[4,\"allow-remove\"],\"allowProcess\":[4,\"allow-process\"],\"allowReorder\":[4,\"allow-reorder\"],\"storeAsFile\":[4,\"store-as-file\"],\"forceRevert\":[4,\"force-revert\"],\"maxFilesCount\":[2,\"max-files-count\"],\"maxParallelUploads\":[2,\"max-parallel-uploads\"],\"checkValidity\":[4,\"check-validity\"],\"itemInsertLocation\":[1,\"item-insert-location\"],\"itemInsertInterval\":[2,\"item-insert-interval\"],\"credits\":[4],\"dropOnPage\":[4,\"drop-on-page\"],\"dropOnElement\":[4,\"drop-on-element\"],\"dropValidation\":[4,\"drop-validation\"],\"ignoredFiles\":[16],\"instantUpload\":[1028,\"instant-upload\"],\"chunkUploads\":[4,\"chunk-uploads\"],\"chunkForce\":[4,\"chunk-force\"],\"chunkSize\":[2,\"chunk-size\"],\"chunkRetryDelays\":[16],\"labelDecimalSeparator\":[1,\"label-decimal-separator\"],\"labelThousandsSeparator\":[1,\"label-thousands-separator\"],\"labelIdle\":[1025,\"label-idle\"],\"iconRemove\":[1,\"icon-remove\"],\"iconProcess\":[1,\"icon-process\"],\"iconRetry\":[1,\"icon-retry\"],\"iconUndo\":[1,\"icon-undo\"],\"setOption\":[64]}],[4,\"salla-slider\",{\"blockTitle\":[513,\"block-title\"],\"blockSubtitle\":[513,\"block-subtitle\"],\"displayAllUrl\":[513,\"display-all-url\"],\"arrowsCentered\":[516,\"arrows-centered\"],\"verticalThumbs\":[516,\"vertical-thumbs\"],\"vertical\":[516],\"autoHeight\":[516,\"auto-height\"],\"showControls\":[516,\"show-controls\"],\"controlsOuter\":[516,\"controls-outer\"],\"showThumbsControls\":[4,\"show-thumbs-controls\"],\"autoPlay\":[4,\"auto-play\"],\"slidesPerView\":[1,\"slides-per-view\"],\"pagination\":[4],\"centered\":[4],\"loop\":[4],\"type\":[1],\"sliderConfig\":[520,\"slider-config\"],\"thumbsConfig\":[520,\"thumbs-config\"],\"currentIndex\":[32],\"isEnd\":[32],\"isBeginning\":[32],\"isRTL\":[32],\"swiperScript\":[32],\"displayAllTitle\":[32],\"slideTo\":[64],\"slideNext\":[64],\"slidePrev\":[64],\"slideToLoop\":[64],\"slideNextLoop\":[64],\"slidePrevLoop\":[64],\"slideReset\":[64],\"slideToClosest\":[64],\"update\":[64],\"updateAutoHeight\":[64],\"updateSlides\":[64],\"updateProgress\":[64],\"updateSlidesClasses\":[64],\"getSlides\":[64]}],[4,\"salla-list-tile\",{\"href\":[1],\"target\":[1]}],[0,\"salla-tel-input\",{\"phone\":[1025],\"name\":[1],\"countryCode\":[1025,\"country-code\"],\"mobileRequired\":[32],\"countryCodeLabel\":[32],\"mobileLabel\":[32],\"tooShort\":[32],\"tooLong\":[32],\"invalidCountryCode\":[32],\"invalidNumber\":[32],\"errorMap\":[32],\"getValues\":[64],\"isValid\":[64]}],[4,\"salla-placeholder\",{\"icon\":[1],\"alignment\":[1],\"iconSize\":[1,\"icon-size\"],\"translationLoaded\":[32]}],[0,\"salla-skeleton\",{\"type\":[1],\"width\":[1],\"height\":[1]}],[4,\"salla-modal\",{\"isClosable\":[1028,\"is-closable\"],\"width\":[513],\"position\":[513],\"visible\":[516],\"hasSkeleton\":[516,\"has-skeleton\"],\"isLoading\":[1540,\"is-loading\"],\"subTitleFirst\":[4,\"sub-title-first\"],\"noPadding\":[4,\"no-padding\"],\"subTitle\":[1,\"sub-title\"],\"centered\":[4],\"iconStyle\":[1,\"icon-style\"],\"modalTitle\":[32],\"open\":[64],\"close\":[64],\"setTitle\":[64],\"loading\":[64],\"stopLoading\":[64]},[[0,\"keyup\",\"handleKeyUp\"]]],[4,\"salla-button\",{\"shape\":[513],\"color\":[513],\"fill\":[513],\"size\":[513],\"width\":[513],\"loading\":[516],\"disabled\":[516],\"loaderPosition\":[1,\"loader-position\"],\"href\":[1],\"load\":[64],\"stop\":[64],\"setText\":[64],\"disable\":[64],\"enable\":[64]}],[0,\"salla-loading\",{\"size\":[8],\"width\":[8],\"color\":[1],\"bgColor\":[1,\"bg-color\"]}]]],[\"salla-product-options\",[[0,\"salla-product-options\",{\"productId\":[2,\"product-id\"],\"options\":[1],\"optionsData\":[32],\"outOfStockText\":[32],\"donationAmount\":[32]}]]],[\"salla-add-product-button\",[[4,\"salla-add-product-button\",{\"channels\":[513],\"quantity\":[514],\"donatingAmount\":[514,\"donating-amount\"],\"productId\":[520,\"product-id\"],\"productStatus\":[513,\"product-status\"],\"productType\":[513,\"product-type\"]}]]],[\"salla-installment\",[[0,\"salla-installment\",{\"price\":[1],\"language\":[1],\"currency\":[1],\"tamaraIsActive\":[32],\"tabbyIsActive\":[32],\"spotiiIsActive\":[32]}]]],[\"salla-loyalty-prize-item\",[[0,\"salla-loyalty-prize-item\",{\"item\":[16]}]]],[\"salla-select\",[[0,\"salla-select\",{\"label\":[1],\"items\":[16],\"itemText\":[1,\"item-text\"],\"itemValue\":[1,\"item-value\"],\"itemDisabled\":[1,\"item-disabled\"],\"size\":[1],\"value\":[1032],\"autofocus\":[4],\"clearable\":[4],\"clearIcon\":[1,\"clear-icon\"],\"color\":[1],\"flat\":[4],\"disabled\":[4],\"loading\":[4],\"loadingColor\":[1,\"loading-color\"],\"hint\":[1],\"persistHint\":[4,\"persist-hint\"],\"placeholder\":[1],\"multiple\":[4],\"autocomplete\":[4],\"required\":[4],\"chips\":[4],\"shape\":[1],\"returnObject\":[4,\"return-object\"],\"hideDetail\":[4,\"hide-detail\"]}]]],[\"salla-conditional-fields\",[[4,\"salla-conditional-fields\",null,[[0,\"change\",\"changeHandler\"]]]]]]"), options);
|
|
33
|
+
return bootstrapLazy(JSON.parse("[[\"salla-button_36\",[[4,\"salla-gifting\",{\"productId\":[2,\"product-id\"],\"sectionTitle\":[32],\"sectionSubtitle\":[32],\"sectionBtnText\":[32],\"giftDetails\":[32],\"selectImageForYourGift\":[32],\"selectImageOrUpload\":[32],\"selectGiftMessage\":[32],\"giftCustomText\":[32],\"textId\":[32],\"incorrectGiftText\":[32],\"nextStep\":[32],\"senderNameLabel\":[32],\"receiverNameFieldLabel\":[32],\"receiverMobileFieldLabel\":[32],\"receiverEmailFieldLabel\":[32],\"emailPlaceholder\":[32],\"sendLater\":[32],\"selectSendDateAndTime\":[32],\"canNotEditOrderAfterSelectDate\":[32],\"sendGift\":[32],\"donationRequired\":[32],\"currentStep\":[32],\"showCalendar\":[32],\"showGiftText\":[32],\"currentLang\":[32],\"parentClass\":[32],\"errors\":[32],\"gift\":[32],\"selectedGiftTextOption\":[32],\"showTextArea\":[32],\"selectedImage\":[32],\"uploadedImage\":[32],\"selectedText\":[32],\"senderName\":[32],\"errorMessage\":[32],\"hasError\":[32],\"quantity\":[32],\"deliveryDate\":[32],\"timeZone\":[32],\"receiverName\":[32],\"receiverMobile\":[32],\"receiverCountryCode\":[32],\"receiverEmail\":[32],\"open\":[64],\"close\":[64],\"goToStep2\":[64]}],[4,\"salla-loyalty\",{\"prizePoints\":[8,\"prize-points\"],\"customerPoints\":[2,\"customer-points\"],\"prizeTitle\":[1,\"prize-title\"],\"allowEmail\":[4,\"allow-email\"],\"allowMobile\":[4,\"allow-mobile\"],\"requireEmail\":[4,\"require-email\"],\"guestMessage\":[1025,\"guest-message\"],\"loyaltyProgram\":[32],\"buttonLoading\":[32],\"selectedItem\":[32],\"askConfirmation\":[32],\"is_loggedin\":[32],\"hasError\":[32],\"errorMessage\":[32],\"translationLoaded\":[32],\"open\":[64],\"close\":[64],\"resetExchange\":[64],\"exchangeLoyaltyPoint\":[64]}],[4,\"salla-product-size-guide\",{\"guides\":[32],\"productId\":[32],\"placeholder_title\":[32],\"placeholder_description\":[32],\"modal_title\":[32],\"hasError\":[32],\"open\":[64],\"close\":[64]}],[4,\"salla-login-modal\",{\"isEmailAllowed\":[1028,\"is-email-allowed\"],\"isMobileAllowed\":[1028,\"is-mobile-allowed\"],\"isEmailRequired\":[1028,\"is-email-required\"],\"supportWebAuth\":[516,\"support-web-auth\"],\"currentTabName\":[32],\"regType\":[32],\"translationLoaded\":[32],\"title\":[32],\"emailErrorMsg\":[32],\"firstNameErrorMsg\":[32],\"lastNameErrorMsg\":[32],\"dragAndDrop\":[32],\"browseFromFiles\":[32],\"customFields\":[32],\"uploadedImage\":[32],\"open\":[64]},[[8,\"verified\",\"onVerified\"]]],[0,\"salla-offer-modal\",{\"offer\":[32],\"offer_name\":[32],\"offer_message\":[32],\"hasError\":[32],\"errorMessage\":[32],\"productID\":[32],\"translationLoaded\":[32],\"addToCartLabel\":[32],\"open\":[64],\"showOffer\":[64]}],[0,\"salla-rating-modal\",{\"orderId\":[2,\"order-id\"],\"order\":[32],\"hasError\":[32],\"errorMessage\":[32],\"translationLoaded\":[32],\"open\":[64],\"close\":[64]}],[4,\"salla-scopes\",{\"selection\":[1],\"searchDisplayLimit\":[2,\"search-display-limit\"],\"translationLoaded\":[32],\"mode\":[32],\"current_scope\":[32],\"scopes\":[32],\"originalScopesList\":[32],\"selected_scope\":[32],\"isOpenedBefore\":[32],\"hasError\":[32],\"loading\":[32],\"close\":[64],\"open\":[64],\"handleSubmit\":[64]}],[0,\"salla-localization-modal\",{\"language\":[1537],\"currency\":[1537],\"translationLoaded\":[32],\"languages\":[32],\"currencies\":[32],\"hasError\":[32],\"errorMessage\":[32],\"open\":[64],\"close\":[64],\"submit\":[64]}],[0,\"salla-quick-order\",{\"quickOrderTitle\":[1025,\"quick-order-title\"],\"subTitle\":[1025,\"sub-title\"],\"payButtonTitle\":[1025,\"pay-button-title\"],\"confirmPayButtonTitle\":[1025,\"confirm-pay-button-title\"],\"agreementText\":[1025,\"agreement-text\"],\"isEmailRequired\":[1028,\"is-email-required\"],\"productId\":[1025,\"product-id\"],\"thanksMessage\":[1025,\"thanks-message\"],\"quickOrderStyle\":[1025,\"quick-order-style\"],\"user\":[32],\"isAvailable\":[32],\"oneClick\":[32],\"expanded\":[32],\"isTermsRequired\":[32],\"countryCode\":[32],\"submitSucess\":[32],\"placeHolderEmail\":[32],\"emailOptional\":[32],\"agreementShowText\":[32],\"agreementModalHead\":[32],\"userNameLabel\":[32],\"termsChecked\":[32]}],[0,\"salla-user-settings\",{\"isNotifiable\":[516,\"is-notifiable\"],\"deactivateAccount\":[32],\"promotionalMsgs\":[32],\"deactivateDesc\":[32],\"promotionalMsgsDesc\":[32],\"sorryForLeavingText\":[32],\"warningText\":[32],\"keepAccount\":[32],\"buttonLoading\":[32]}],[0,\"salla-search\",{\"inline\":[4],\"oval\":[4],\"height\":[2],\"translationLoaded\":[32],\"results\":[32],\"loading\":[32],\"typing\":[32],\"debounce\":[32],\"search_term\":[32]},[[0,\"keydown\",\"handleKeyDown\"]]],[0,\"salla-comment-form\",{\"type\":[1537],\"showAvatar\":[4,\"show-avatar\"],\"itemId\":[1544,\"item-id\"],\"placeholder\":[32],\"submitText\":[32],\"canComment\":[32]}],[4,\"salla-social-share\",{\"url\":[513],\"urlName\":[513,\"url-name\"],\"platforms\":[513],\"opened\":[32],\"allPlatforms\":[32],\"platformIcons\":[32],\"convertedPlatforms\":[32],\"open\":[64]}],[4,\"salla-cart-summary\",{\"cartSummaryCount\":[32],\"cartSummaryTotal\":[32],\"animateToCart\":[64]}],[4,\"salla-infinite-scroll\",{\"nextPage\":[1,\"next-page\"],\"autoload\":[1028],\"container\":[1],\"item\":[1],\"loadMore\":[32],\"noMore\":[32],\"failedToLoad\":[32]}],[4,\"salla-quantity-input\",{\"quantity\":[32],\"decrease\":[64],\"increase\":[64],\"setValue\":[64]}],[0,\"salla-user-menu\",{\"inline\":[516],\"avatarOnly\":[516,\"avatar-only\"],\"showHeader\":[516,\"show-header\"],\"relativeDropdown\":[516,\"relative-dropdown\"],\"accountLoading\":[32],\"opened\":[32],\"notifications\":[32],\"orders\":[32],\"pending_orders\":[32],\"wishlist\":[32],\"profile\":[32],\"rating\":[32],\"logout\":[32],\"hello\":[32],\"first_name\":[32],\"last_name\":[32],\"avatar\":[32],\"badges\":[32],\"hasBadges\":[32],\"OrderUpdate\":[32]}],[0,\"salla-product-availability\",{\"channels\":[1],\"productId\":[2,\"product-id\"],\"isSubscribed\":[1028,\"is-subscribed\"],\"translationLoaded\":[32],\"title_\":[32],\"isVisitorSubscribed\":[32]}],[4,\"salla-map\",{\"name\":[1],\"required\":[4],\"readonly\":[4],\"searchable\":[1028],\"lat\":[1026],\"lng\":[1026],\"apiKey\":[1025,\"api-key\"],\"modalTitle\":[1,\"modal-title\"],\"zoom\":[1026],\"theme\":[1025],\"modalActivityTitle\":[32],\"confirmButtonTitle\":[32],\"locateButtonTitle\":[32],\"locateButtonEdit\":[32],\"searchPlaceholder\":[32],\"searchInputValue\":[32],\"formattedAddress\":[32],\"geolocationError\":[32],\"searchInput\":[32],\"mapInput\":[32],\"mapElement\":[32],\"selectedLat\":[32],\"selectedLng\":[32],\"open\":[64]}],[4,\"salla-verify\",{\"display\":[1],\"type\":[1025],\"autoReload\":[4,\"auto-reload\"],\"supportWebAuth\":[4,\"support-web-auth\"],\"translationLoaded\":[32],\"title\":[32],\"resendAfter\":[32],\"isProfileVerify\":[32],\"getCode\":[64],\"open\":[64]}],[4,\"salla-color-picker\",{\"name\":[1],\"required\":[4],\"color\":[1],\"format\":[1],\"showCancelButton\":[4,\"show-cancel-button\"],\"showTextField\":[4,\"show-text-field\"],\"enableAlpha\":[4,\"enable-alpha\"],\"widgetColor\":[32],\"setPickerOption\":[64],\"movePopUp\":[64],\"setColorValue\":[64],\"openPicker\":[64],\"closePicker\":[64],\"destroyPicker\":[64]}],[0,\"salla-progress-bar\",{\"donation\":[1],\"target\":[1026],\"value\":[1026],\"header\":[1025],\"message\":[1025],\"unit\":[1025],\"color\":[1025]}],[0,\"salla-rating-stars\",{\"name\":[1],\"size\":[1],\"value\":[2],\"reviews\":[2]}],[0,\"salla-datetime-picker\",{\"value\":[1537],\"required\":[4],\"name\":[513],\"placeholder\":[1],\"allowInput\":[4,\"allow-input\"],\"allowInvalidPreload\":[4,\"allow-invalid-preload\"],\"altFormat\":[1,\"alt-format\"],\"altInput\":[4,\"alt-input\"],\"altInputClass\":[1,\"alt-input-class\"],\"appendTo\":[16],\"ariaDateFormat\":[1,\"aria-date-format\"],\"autoFillDefaultTime\":[4,\"auto-fill-default-time\"],\"clickOpens\":[4,\"click-opens\"],\"closeOnSelect\":[4,\"close-on-select\"],\"conjunction\":[1],\"dateFormat\":[1,\"date-format\"],\"defaultDate\":[8,\"default-date\"],\"defaultHour\":[2,\"default-hour\"],\"defaultMinute\":[2,\"default-minute\"],\"defaultSeconds\":[2,\"default-seconds\"],\"disable\":[16],\"disableMobile\":[4,\"disable-mobile\"],\"enable\":[16],\"enableSeconds\":[4,\"enable-seconds\"],\"enableTime\":[4,\"enable-time\"],\"formatDate\":[16],\"hourIncrement\":[2,\"hour-increment\"],\"inline\":[4],\"locale\":[1],\"maxDate\":[8,\"max-date\"],\"maxTime\":[8,\"max-time\"],\"minDate\":[8,\"min-date\"],\"minTime\":[8,\"min-time\"],\"minuteIncrement\":[2,\"minute-increment\"],\"mode\":[1],\"monthSelectorType\":[1,\"month-selector-type\"],\"nextArrow\":[1,\"next-arrow\"],\"noCalendar\":[4,\"no-calendar\"],\"dateParser\":[16],\"position\":[1],\"positionElement\":[16],\"prevArrow\":[1,\"prev-arrow\"],\"shorthandCurrentMonth\":[4,\"shorthand-current-month\"],\"static\":[4],\"showMonths\":[2,\"show-months\"],\"time_24hr\":[4,\"time_-2-4hr\"],\"weekNumbers\":[4,\"week-numbers\"],\"wrap\":[4]}],[4,\"salla-tab-content\",{\"name\":[1],\"isSelected\":[32],\"getChild\":[64]}],[4,\"salla-tab-header\",{\"name\":[1],\"activeClass\":[1,\"active-class\"],\"height\":[8],\"centered\":[4],\"isSelected\":[32],\"getChild\":[64]}],[4,\"salla-tabs\",{\"backgroundColor\":[1,\"background-color\"],\"vertical\":[4]},[[0,\"tabSelected\",\"onSelectedTab\"]]],[0,\"salla-file-upload\",{\"value\":[1537],\"files\":[513],\"height\":[513],\"cartItemId\":[1,\"cart-item-id\"],\"profileImage\":[516,\"profile-image\"],\"name\":[1537],\"payloadName\":[1,\"payload-name\"],\"accept\":[1537],\"fileId\":[2,\"file-id\"],\"url\":[1025],\"method\":[1],\"formData\":[1,\"form-data\"],\"required\":[4],\"maxFileSize\":[1,\"max-file-size\"],\"disabled\":[4],\"allowDrop\":[4,\"allow-drop\"],\"allowBrowse\":[4,\"allow-browse\"],\"allowPaste\":[4,\"allow-paste\"],\"allowMultiple\":[4,\"allow-multiple\"],\"allowReplace\":[4,\"allow-replace\"],\"allowRevert\":[4,\"allow-revert\"],\"allowRemove\":[4,\"allow-remove\"],\"allowProcess\":[4,\"allow-process\"],\"allowReorder\":[4,\"allow-reorder\"],\"storeAsFile\":[4,\"store-as-file\"],\"forceRevert\":[4,\"force-revert\"],\"maxFilesCount\":[2,\"max-files-count\"],\"maxParallelUploads\":[2,\"max-parallel-uploads\"],\"checkValidity\":[4,\"check-validity\"],\"itemInsertLocation\":[1,\"item-insert-location\"],\"itemInsertInterval\":[2,\"item-insert-interval\"],\"credits\":[4],\"dropOnPage\":[4,\"drop-on-page\"],\"dropOnElement\":[4,\"drop-on-element\"],\"dropValidation\":[4,\"drop-validation\"],\"ignoredFiles\":[16],\"instantUpload\":[1028,\"instant-upload\"],\"chunkUploads\":[4,\"chunk-uploads\"],\"chunkForce\":[4,\"chunk-force\"],\"chunkSize\":[2,\"chunk-size\"],\"chunkRetryDelays\":[16],\"labelDecimalSeparator\":[1,\"label-decimal-separator\"],\"labelThousandsSeparator\":[1,\"label-thousands-separator\"],\"labelIdle\":[1025,\"label-idle\"],\"iconRemove\":[1,\"icon-remove\"],\"iconProcess\":[1,\"icon-process\"],\"iconRetry\":[1,\"icon-retry\"],\"iconUndo\":[1,\"icon-undo\"],\"setOption\":[64]}],[4,\"salla-slider\",{\"blockTitle\":[513,\"block-title\"],\"blockSubtitle\":[513,\"block-subtitle\"],\"displayAllUrl\":[513,\"display-all-url\"],\"arrowsCentered\":[516,\"arrows-centered\"],\"verticalThumbs\":[516,\"vertical-thumbs\"],\"vertical\":[516],\"autoHeight\":[516,\"auto-height\"],\"showControls\":[516,\"show-controls\"],\"controlsOuter\":[516,\"controls-outer\"],\"showThumbsControls\":[4,\"show-thumbs-controls\"],\"autoPlay\":[4,\"auto-play\"],\"slidesPerView\":[1,\"slides-per-view\"],\"pagination\":[4],\"centered\":[4],\"loop\":[4],\"type\":[1],\"sliderConfig\":[520,\"slider-config\"],\"thumbsConfig\":[520,\"thumbs-config\"],\"currentIndex\":[32],\"isEnd\":[32],\"isBeginning\":[32],\"isRTL\":[32],\"swiperScript\":[32],\"displayAllTitle\":[32],\"slideTo\":[64],\"slideNext\":[64],\"slidePrev\":[64],\"slideToLoop\":[64],\"slideNextLoop\":[64],\"slidePrevLoop\":[64],\"slideReset\":[64],\"slideToClosest\":[64],\"update\":[64],\"updateAutoHeight\":[64],\"updateSlides\":[64],\"updateProgress\":[64],\"updateSlidesClasses\":[64],\"getSlides\":[64]}],[4,\"salla-list-tile\",{\"href\":[1],\"target\":[1]}],[0,\"salla-tel-input\",{\"phone\":[1025],\"name\":[1],\"countryCode\":[1025,\"country-code\"],\"mobileRequired\":[32],\"countryCodeLabel\":[32],\"mobileLabel\":[32],\"tooShort\":[32],\"tooLong\":[32],\"invalidCountryCode\":[32],\"invalidNumber\":[32],\"errorMap\":[32],\"getValues\":[64],\"isValid\":[64]}],[4,\"salla-placeholder\",{\"icon\":[1],\"alignment\":[1],\"iconSize\":[1,\"icon-size\"],\"translationLoaded\":[32]}],[0,\"salla-skeleton\",{\"type\":[1],\"width\":[1],\"height\":[1]}],[4,\"salla-modal\",{\"isClosable\":[1028,\"is-closable\"],\"width\":[513],\"position\":[513],\"visible\":[516],\"hasSkeleton\":[516,\"has-skeleton\"],\"isLoading\":[1540,\"is-loading\"],\"subTitleFirst\":[4,\"sub-title-first\"],\"noPadding\":[4,\"no-padding\"],\"subTitle\":[1,\"sub-title\"],\"centered\":[4],\"iconStyle\":[1,\"icon-style\"],\"modalTitle\":[32],\"open\":[64],\"close\":[64],\"setTitle\":[64],\"loading\":[64],\"stopLoading\":[64]},[[0,\"keyup\",\"handleKeyUp\"]]],[4,\"salla-button\",{\"shape\":[513],\"color\":[513],\"fill\":[513],\"size\":[513],\"width\":[513],\"loading\":[516],\"disabled\":[516],\"loaderPosition\":[1,\"loader-position\"],\"href\":[1],\"load\":[64],\"stop\":[64],\"setText\":[64],\"disable\":[64],\"enable\":[64]}],[0,\"salla-loading\",{\"size\":[8],\"width\":[8],\"color\":[1],\"bgColor\":[1,\"bg-color\"]}]]],[\"salla-product-options\",[[0,\"salla-product-options\",{\"productId\":[2,\"product-id\"],\"options\":[1],\"optionsData\":[32],\"outOfStockText\":[32],\"donationAmount\":[32]}]]],[\"salla-add-product-button\",[[4,\"salla-add-product-button\",{\"channels\":[513],\"quantity\":[514],\"donatingAmount\":[514,\"donating-amount\"],\"productId\":[520,\"product-id\"],\"productStatus\":[513,\"product-status\"],\"productType\":[513,\"product-type\"]}]]],[\"salla-installment\",[[0,\"salla-installment\",{\"price\":[1],\"language\":[1],\"currency\":[1],\"tamaraIsActive\":[32],\"tabbyIsActive\":[32],\"spotiiIsActive\":[32]}]]],[\"salla-loyalty-prize-item\",[[0,\"salla-loyalty-prize-item\",{\"item\":[16]}]]],[\"salla-select\",[[0,\"salla-select\",{\"label\":[1],\"items\":[16],\"itemText\":[1,\"item-text\"],\"itemValue\":[1,\"item-value\"],\"itemDisabled\":[1,\"item-disabled\"],\"size\":[1],\"value\":[1032],\"autofocus\":[4],\"clearable\":[4],\"clearIcon\":[1,\"clear-icon\"],\"color\":[1],\"flat\":[4],\"disabled\":[4],\"loading\":[4],\"loadingColor\":[1,\"loading-color\"],\"hint\":[1],\"persistHint\":[4,\"persist-hint\"],\"placeholder\":[1],\"multiple\":[4],\"autocomplete\":[4],\"required\":[4],\"chips\":[4],\"shape\":[1],\"returnObject\":[4,\"return-object\"],\"hideDetail\":[4,\"hide-detail\"]}]]],[\"salla-conditional-fields\",[[4,\"salla-conditional-fields\",null,[[0,\"change\",\"changeHandler\"]]]]]]"), options);
|
|
34
34
|
});
|
|
35
35
|
};
|
|
36
36
|
|