@wizishop/wizi-block 3.3.66 → 3.3.68

package/bundles/wizishop-wizi-block.umd.js

@@ -20781,21 +20781,27 @@
             return id;
         };
         YoutubeService.prototype.getFullLinkFromUrlAndOption = function (link, autoplay, mute, loop, control) {
+            var _this = this;
             var youtubeId = this.youTubeGetID(link);
-            if (youtubeId === null) {
-                return '';
-            }
-            return ('https://www.youtube.com/embed/' +
-                youtubeId +
-                '?version=3&showinfo=0&rel=0&modestbranding=1&fs=0&autohide=2' +
-                '&autoplay=' +
-                (autoplay ? '1' : '0') +
-                '&mute=' +
-                (mute ? '1' : '0') +
-                '&loop=' +
-                (loop ? '1' + '&playlist=' + this.youTubeGetID(link) : '0') +
-                '&controls=' +
-                (control ? '1' : '0'));
+            return new Promise(function (resolve, reject) {
+                if (youtubeId === null) {
+                    resolve('');
+                }
+                setTimeout(function () {
+                    var youtubeUrl = 'https://www.youtube.com/embed/' +
+                        youtubeId +
+                        '?version=3&showinfo=0&rel=0&modestbranding=1&fs=0&autohide=2' +
+                        '&autoplay=' +
+                        (autoplay ? '1' : '0') +
+                        '&mute=' +
+                        (mute ? '1' : '0') +
+                        '&loop=' +
+                        (loop ? '1' + '&playlist=' + _this.youTubeGetID(link) : '0') +
+                        '&controls=' +
+                        (control ? '1' : '0');
+                    resolve(youtubeUrl);
+                }, 500);
+            });
         };
         YoutubeService.prototype.isURL = function (str) {
             try {
@@ -20920,7 +20926,19 @@
             }
         };
         VideosTxtComponent.prototype.changeYoutubeCode = function () {
-            this.urlVideo = this.youtubeService.getFullLinkFromUrlAndOption(this.contentBlock.link, this.contentBlock.autoplay, this.contentBlock.mute, this.contentBlock.loop, this.contentBlock.control);
+            return __awaiter(this, void 0, void 0, function () {
+                var _a;
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
+                        case 0:
+                            _a = this;
+                            return [4 /*yield*/, this.youtubeService.getFullLinkFromUrlAndOption(this.contentBlock.link, this.contentBlock.autoplay, this.contentBlock.mute, this.contentBlock.loop, this.contentBlock.control)];
+                        case 1:
+                            _a.urlVideo = _b.sent();
+                            return [2 /*return*/];
+                    }
+                });
+            });
         };
         VideosTxtComponent.prototype.changeVimeoCode = function () {
             this.urlVideo = this.vimeoService.getFullLinkFromUrlAndOption(this.contentBlock.link, this.contentBlock.autoplay, this.contentBlock.mute, this.contentBlock.loop, this.contentBlock.control);
@@ -21008,7 +21026,19 @@
             }
         };
         VideosTxtContentComponent.prototype.changeYoutubeCode = function () {
-            this.urlVideo = this.youtubeService.getFullLinkFromUrlAndOption(this.contentBlock.link, this.contentBlock.autoplay, this.contentBlock.mute, this.contentBlock.loop, this.contentBlock.control);
+            return __awaiter(this, void 0, void 0, function () {
+                var _a;
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
+                        case 0:
+                            _a = this;
+                            return [4 /*yield*/, this.youtubeService.getFullLinkFromUrlAndOption(this.contentBlock.link, this.contentBlock.autoplay, this.contentBlock.mute, this.contentBlock.loop, this.contentBlock.control)];
+                        case 1:
+                            _a.urlVideo = _b.sent();
+                            return [2 /*return*/];
+                    }
+                });
+            });
         };
         VideosTxtContentComponent.prototype.changeVimeoCode = function () {
             this.urlVideo = this.vimeoService.getFullLinkFromUrlAndOption(this.contentBlock.link, this.contentBlock.autoplay, this.contentBlock.mute, this.contentBlock.loop, this.contentBlock.control);
@@ -21096,7 +21126,19 @@
             }
         };
         VideosSimpleComponent.prototype.changeYoutubeCode = function () {
-            this.urlVideo = this.youtubeService.getFullLinkFromUrlAndOption(this.contentBlock.link, this.contentBlock.autoplay, this.contentBlock.mute, this.contentBlock.loop, this.contentBlock.control);
+            return __awaiter(this, void 0, void 0, function () {
+                var _a;
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
+                        case 0:
+                            _a = this;
+                            return [4 /*yield*/, this.youtubeService.getFullLinkFromUrlAndOption(this.contentBlock.link, this.contentBlock.autoplay, this.contentBlock.mute, this.contentBlock.loop, this.contentBlock.control)];
+                        case 1:
+                            _a.urlVideo = _b.sent();
+                            return [2 /*return*/];
+                    }
+                });
+            });
         };
         VideosSimpleComponent.prototype.changeVimeoCode = function () {
             this.urlVideo = this.vimeoService.getFullLinkFromUrlAndOption(this.contentBlock.link, this.contentBlock.autoplay, this.contentBlock.mute, this.contentBlock.loop, this.contentBlock.control);
@@ -21184,7 +21226,19 @@
             }
         };
         VideosTxtLeftComponent.prototype.changeYoutubeCode = function () {
-            this.urlVideo = this.youtubeService.getFullLinkFromUrlAndOption(this.contentBlock.link, this.contentBlock.autoplay, this.contentBlock.mute, this.contentBlock.loop, this.contentBlock.control);
+            return __awaiter(this, void 0, void 0, function () {
+                var _a;
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
+                        case 0:
+                            _a = this;
+                            return [4 /*yield*/, this.youtubeService.getFullLinkFromUrlAndOption(this.contentBlock.link, this.contentBlock.autoplay, this.contentBlock.mute, this.contentBlock.loop, this.contentBlock.control)];
+                        case 1:
+                            _a.urlVideo = _b.sent();
+                            return [2 /*return*/];
+                    }
+                });
+            });
         };
         VideosTxtLeftComponent.prototype.changeVimeoCode = function () {
             this.urlVideo = this.vimeoService.getFullLinkFromUrlAndOption(this.contentBlock.link, this.contentBlock.autoplay, this.contentBlock.mute, this.contentBlock.loop, this.contentBlock.control);
@@ -21279,7 +21333,19 @@
             }
         };
         LaunchVideosButtonComponent.prototype.changeYoutubeCode = function () {
-            this.urlVideo = this.youtubeService.getFullLinkFromUrlAndOption(this.contentBlock.link, true, this.contentBlock.mute, true, this.contentBlock.control);
+            return __awaiter(this, void 0, void 0, function () {
+                var _a;
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
+                        case 0:
+                            _a = this;
+                            return [4 /*yield*/, this.youtubeService.getFullLinkFromUrlAndOption(this.contentBlock.link, true, this.contentBlock.mute, true, this.contentBlock.control)];
+                        case 1:
+                            _a.urlVideo = _b.sent();
+                            return [2 /*return*/];
+                    }
+                });
+            });
         };
         LaunchVideosButtonComponent.prototype.changeVimeoCode = function () {
             this.urlVideo = this.vimeoService.getFullLinkFromUrlAndOption(this.contentBlock.link, true, this.contentBlock.mute, true, this.contentBlock.control);
@@ -21374,7 +21440,19 @@
             }
         };
         LaunchVideosButtontxtComponent.prototype.changeYoutubeCode = function () {
-            this.urlVideo = this.youtubeService.getFullLinkFromUrlAndOption(this.contentBlock.link, true, this.contentBlock.mute, true, this.contentBlock.control);
+            return __awaiter(this, void 0, void 0, function () {
+                var _a;
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
+                        case 0:
+                            _a = this;
+                            return [4 /*yield*/, this.youtubeService.getFullLinkFromUrlAndOption(this.contentBlock.link, true, this.contentBlock.mute, true, this.contentBlock.control)];
+                        case 1:
+                            _a.urlVideo = _b.sent();
+                            return [2 /*return*/];
+                    }
+                });
+            });
         };
         LaunchVideosButtontxtComponent.prototype.changeVimeoCode = function () {
             this.urlVideo = this.vimeoService.getFullLinkFromUrlAndOption(this.contentBlock.link, true, this.contentBlock.mute, true, this.contentBlock.control);
@@ -23950,7 +24028,7 @@
     ReviewsWaterfallComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: ReviewsWaterfallService.selector(),
-                    template: "<div class=\"wb-reviews-waterfall\" [style.background-color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BACKGROUND_COLOR]\">\n    <div *ngIf=\"isLoading\" class=\"wb-forms-background__loader\">\n        <wb-loader></wb-loader>\n    </div>\n    <div class=\"wb-reviews-simple__nocomment\" *ngIf=\"!isLoading && !comments.length\">\n        <p>{{ 'wb.structures.template.28' | translate }}</p>\n    </div>\n    <div *ngIf=\"!isLoading\">\n        <wb-quill [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TITLE]\" (contentChange)=\"persist()\"></wb-quill>\n        <div class=\"wb-reviews-waterfall__starcontainer\">\n            <wb-star\n                [colorStar]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_STAR_COLOR]\"\n                [colorBackgroundStar]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_STAR_SECONDARY_COLOR]\"\n                [maxNumber]=\"5\"\n                [score]=\"totalCommentsNote\"\n            ></wb-star>\n            <p [style.color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TEXT_COLOR]\">{{ totalCommentsNote }}/5</p>\n        </div>\n\n        <div class=\"columns is-gapless\" *ngIf=\"!isLoading\">\n            <div class=\"column\">\n                <div\n                    [style.background-color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_COLOR]\"\n                    *ngFor=\"let comment of comments | evenodd: 'odd'\"\n                >\n                    <div>\n                        <wb-star\n                            [colorStar]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_STAR_COLOR]\"\n                            [colorBackgroundStar]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_STAR_SECONDARY_COLOR]\"\n                            [maxNumber]=\"5\"\n                            [score]=\"comment.note\"\n                        ></wb-star>\n                        <span [style.color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TEXT_COLOR]\">{{ totalCommentsNote }}/5</span>\n                    </div>\n                    <p class=\"wb-reviews-waterfall__first\" [style.color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_SECONDARY_COLOR]\">\n                        {{ comment.content | wbStripTags }}\n                    </p>\n                    <p class=\"wb-reviews-waterfall__second\" [style.color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TEXT_COLOR]\">\n                        {{ comment.author }}\n                    </p>\n                    <p class=\"wb-reviews-waterfall__last\" [style.color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_SECONDARY_COLOR]\">\n                        {{ 'wb.structures.template.57' | translate: { created_at: comment.created_at | date: 'd/MM/y \u00E0 H:mm:s' } }}\n                    </p>\n                </div>\n            </div>\n            <div class=\"column\">\n                <div\n                    [style.background-color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_COLOR]\"\n                    *ngFor=\"let comment of comments | evenodd: 'even'\"\n                >\n                    <div>\n                        <wb-star\n                            [colorStar]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_STAR_COLOR]\"\n                            [colorBackgroundStar]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_STAR_SECONDARY_COLOR]\"\n                            [maxNumber]=\"5\"\n                            [score]=\"comment.note\"\n                        ></wb-star>\n                        <span [style.color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TEXT_COLOR]\">{{ totalCommentsNote }}/5</span>\n                    </div>\n                    <p class=\"wb-reviews-waterfall__first\" [style.color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_SECONDARY_COLOR]\">\n                        {{ comment.content | wbStripTags }}\n                    </p>\n                    <p class=\"wb-reviews-waterfall__second\" [style.color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TEXT_COLOR]\">\n                        {{ comment.author }}\n                    </p>\n                    <p class=\"wb-reviews-waterfall__last\" [style.color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_SECONDARY_COLOR]\">\n                        {{ 'wb.structures.template.57' | translate: { created_at: comment.created_at | date: 'd/MM/y \u00E0 H:mm:s' } }}\n                    </p>\n                </div>\n            </div>\n        </div>\n        <div *ngIf=\"!isLoading && comments.length\">\n            <a>{{ 'wb.structures.template.29' | translate }}</a>\n        </div>\n    </div>\n</div>\n"
+                    template: "<div class=\"wb-reviews-waterfall\" [style.background-color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BACKGROUND_COLOR]\">\n    <div *ngIf=\"isLoading\" class=\"wb-forms-background__loader\">\n        <wb-loader></wb-loader>\n    </div>\n    <div class=\"wb-reviews-simple__nocomment\" *ngIf=\"!isLoading && !comments.length\">\n        <p>{{ 'wb.structures.template.28' | translate }}</p>\n    </div>\n    <div *ngIf=\"!isLoading\">\n        <wb-quill [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TITLE]\" (contentChange)=\"persist()\"></wb-quill>\n        <div class=\"wb-reviews-waterfall__starcontainer\">\n            <wb-star\n                [colorStar]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_STAR_COLOR]\"\n                [colorBackgroundStar]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_STAR_SECONDARY_COLOR]\"\n                [maxNumber]=\"5\"\n                [score]=\"totalCommentsNote\"\n            ></wb-star>\n            <p [style.color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TEXT_COLOR]\">{{ totalCommentsNote }}/5</p>\n        </div>\n\n        <div class=\"columns is-gapless\" *ngIf=\"!isLoading\">\n            <div class=\"column\">\n                <div\n                    [style.background-color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_COLOR]\"\n                    *ngFor=\"let comment of comments | evenodd: 'odd'\"\n                >\n                    <div>\n                        <wb-star\n                            [colorStar]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_STAR_COLOR]\"\n                            [colorBackgroundStar]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_STAR_SECONDARY_COLOR]\"\n                            [maxNumber]=\"5\"\n                            [score]=\"comment.note\"\n                        ></wb-star>\n                        <span [style.color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TEXT_COLOR]\">{{ totalCommentsNote }}/5</span>\n                    </div>\n                    <p class=\"wb-reviews-waterfall__first\" [style.color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_SECONDARY_COLOR]\">\n                        {{ comment.content | wbStripTags }}\n                    </p>\n                    <p class=\"wb-reviews-waterfall__second\" [style.color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TEXT_COLOR]\">\n                        {{ comment.author }}\n                    </p>\n                    <p class=\"wb-reviews-waterfall__last\" [style.color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_SECONDARY_COLOR]\">\n                        {{ 'wb.structures.template.57' | translate: { created_at: comment.created_at | date: 'd/MM/y \u00E0 H:mm:s' } }}\n                    </p>\n                </div>\n            </div>\n            <div class=\"column\">\n                <div\n                    [style.background-color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_COLOR]\"\n                    *ngFor=\"let comment of comments | evenodd: 'even'\"\n                >\n                    <div>\n                        <wb-star\n                            [colorStar]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_STAR_COLOR]\"\n                            [colorBackgroundStar]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_STAR_SECONDARY_COLOR]\"\n                            [maxNumber]=\"5\"\n                            [score]=\"comment.note\"\n                        ></wb-star>\n                        <span [style.color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TEXT_COLOR]\">{{ totalCommentsNote }}/5</span>\n                    </div>\n                    <p class=\"wb-reviews-waterfall__first\" [style.color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_SECONDARY_COLOR]\">\n                        {{ comment.content | wbStripTags }}\n                    </p>\n                    <p class=\"wb-reviews-waterfall__second\" [style.color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TEXT_COLOR]\">\n                        {{ comment.author }}\n                    </p>\n                    <p class=\"wb-reviews-waterfall__last\" [style.color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_SECONDARY_COLOR]\">\n                        {{ 'wb.structures.template.57' | translate: { created_at: comment.created_at | date: 'd/MM/y \u00E0 H:mm:s' } }}\n                    </p>\n                </div>\n            </div>\n        </div>\n        <div *ngIf=\"!isLoading && comments.length && contents[BASE_BLOCK_CONTENT][FORM_NAME_RATINGS_LINK]\">\n            <a>{{ 'wb.structures.template.29' | translate }}</a>\n        </div>\n    </div>\n</div>\n"
                 },] }
     ];
     ReviewsWaterfallComponent.ctorParameters = function () { return [