surveysparrow-ionic-plugin 1.0.7-beta.19 → 1.0.7-beta.21

package/dist/plugin.js

@@ -51354,7 +51354,7 @@ Please check that 1) the type for the parameter at index ${index} is correct and
     const getSpotcheckComponentCssStyles = (state) => {
         let styles = {};
         let wrapperStyles = {};
-        let padding = 30;
+        let extraPaddingForMiniCardCloseButtonIfTopPosition = 0;
         if (state.isFullScreenMode && state.isVisible) {
             wrapperStyles = {
                 display: 'flex',
@@ -51368,7 +51368,6 @@ Please check that 1) the type for the parameter at index ${index} is correct and
         if (state.isVisible && state.isMounted) {
             let height = Math.min(state.currentQuestionHeight, (state.maxHeight * window.innerHeight));
             if (state.spotChecksMode === 'miniCard') {
-                padding = 45;
                 if (state.avatarEnabled) {
                     height = height - 56;
                 }
@@ -51396,6 +51395,9 @@ Please check that 1) the type for the parameter at index ${index} is correct and
                         display: 'flex',
                         justifyContent: 'flex-start',
                     };
+                    if (state.spotChecksMode === 'miniCard' && state.isCloseButtonEnabled) {
+                        extraPaddingForMiniCardCloseButtonIfTopPosition = 30;
+                    }
                     break;
                 case 'center':
                     styles = {
@@ -51410,8 +51412,8 @@ Please check that 1) the type for the parameter at index ${index} is correct and
             }
         }
         return {
-            wrapperStyles: Object.assign({ position: 'fixed', width: '100%', height: '100%', top: '0', left: '0', backgroundColor: 'rgba(0, 0, 0, 0.3)', zIndex: '99999999', display: 'none', flexDirection: 'column', paddingTop: padding + 'px', paddingBottom: padding + 'px' }, wrapperStyles),
-            styles: Object.assign({ display: 'none', flexDirection: 'column' }, styles)
+            wrapperStyles: Object.assign({ position: 'fixed', width: '100%', height: '100%', top: '0', left: '0', backgroundColor: 'rgba(0, 0, 0, 0.3)', zIndex: '99999999', display: 'none', flexDirection: 'column' }, wrapperStyles),
+            styles: Object.assign({ display: 'none', flexDirection: 'column', paddingTop: extraPaddingForMiniCardCloseButtonIfTopPosition + 'px' }, styles)
         };
     };
     const closeSpotCheckAndHandleSurveyEnd = async () => {
@@ -51433,6 +51435,7 @@ Please check that 1) the type for the parameter at index ${index} is correct and
             this.sanitizer = sanitizer;
             this.url = '';
             this.webviewType = 'classic';
+            this.isMiniCard = false;
             this.safeUrl = null;
         }
         ngOnInit() {
@@ -51505,6 +51508,10 @@ Please check that 1) the type for the parameter at index ${index} is correct and
         Input(),
         __metadata("design:type", String)
     ], WebViewComponent.prototype, "webviewType", void 0);
+    __decorate$1([
+        Input(),
+        __metadata("design:type", Boolean)
+    ], WebViewComponent.prototype, "isMiniCard", void 0);
     __decorate$1([
         ViewChild('iframeRef'),
         __metadata("design:type", ElementRef)
@@ -51519,11 +51526,12 @@ Please check that 1) the type for the parameter at index ${index} is correct and
         Component({
             selector: 'WebViewComponent',
             template: `
-    <div style="overflow: hidden; height: 100%;">
+    <div style="overflow: hidden; height: 100%; border-radius: {{isMiniCard ? 12 : 0}}px; padding-left: {{isMiniCard ? 12 : 0}}px; padding-right: {{isMiniCard ? 12 : 0}}px; box-sizing: border-box;">
       <iframe
+        allow="camera; microphone; geolocation; display-capture; autoplay; clipboard-read; clipboard-write;"
         #iframeRef
         [src]="safeUrl"
-        style="width: 100%; height: 100%; display: block;"
+        style="width: 100%; height: 100%; display: block; border-radius: {{isMiniCard ? 12 : 0}}px;"
         frameborder="0"
       >
       </iframe>
@@ -51704,6 +51712,7 @@ Please check that 1) the type for the parameter at index ${index} is correct and
         Component({
             selector: 'SpotCheckComponent',
             templateUrl: './SpotCheckComponent.html',
+            styleUrls: ['./SpotCheckComponent.css'],
             standalone: true,
             imports: [CommonModule, WebViewComponent, CloseButtonComponent],
         }),