@social-mail/social-mail-client 1.2.452 → 1.2.454

package/dist/admin/AdminAppIndex.pack.js

@@ -36006,12 +36006,14 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
 System.register(["@web-atoms/core/dist/style/styled"], function (_export, _context) {
   "use strict";
 
-  var styled;
+  var styled, svgAsCssDataUrl, svg;
   return {
     setters: [function (_webAtomsCoreDistStyleStyled) {
       styled = _webAtomsCoreDistStyleStyled.default;
+      svgAsCssDataUrl = _webAtomsCoreDistStyleStyled.svgAsCssDataUrl;
     }],
     execute: function () {
+      svg = svgAsCssDataUrl(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--><path d="M502.6 54.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L336 130.7 336 80c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 128c0 17.7 14.3 32 32 32l128 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-50.7 0L502.6 54.6zM80 272c-17.7 0-32 14.3-32 32s14.3 32 32 32l50.7 0L9.4 457.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L176 381.3l0 50.7c0 17.7 14.3 32 32 32s32-14.3 32-32l0-128c0-17.7-14.3-32-32-32L80 272z"/></svg>`);
       styled.css`
         position: relative;
         overflow: hidden;
@@ -36030,6 +36032,12 @@ System.register(["@web-atoms/core/dist/style/styled"], function (_export, _conte
             background-color: white;
             padding: 4px;
             color: black;
+            width: 30px;
+            height: 30px;
+            background-image: ${svg};
+            background-position: 2px 2px;
+            background-size: 20px 20px;
+            background-repeat: no-repeat;
         }
 
         & > .image-container {
@@ -36115,6 +36123,7 @@ System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dis
             y: 0
           };
           this.element.dataset.pinchZoom = "true";
+          this.element.draggable = false;
           this.render(XNode.create("div", null, XNode.create("div", {
             class: "image-container"
           }, XNode.create("img", {
@@ -36128,7 +36137,7 @@ System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dis
             class: Bind.oneWay(() => this.loading ? "spinner fa-duotone fa-spinner fa-spin" : "hide")
           }), XNode.create("i", {
             "event-click": () => this.updateZoom(),
-            class: Bind.oneWay(() => this.zoom.scale ? "scale fa-solid fa-arrows-minimize" : "hide"),
+            class: Bind.oneWay(() => this.zoom.scale ? "scale" : "hide"),
             title: "Display entire image"
           })));
           this.imageContainer = this.element.firstElementChild;
@@ -36141,9 +36150,6 @@ System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dis
             previous = center(evs);
             let previousDistance = undefined;
             touchMoveDisposable !== null && touchMoveDisposable !== void 0 ? touchMoveDisposable : touchMoveDisposable = this.bindEvent(scrollView, "touchmove", ev => {
-              var _a;
-              ev.preventDefault();
-              (_a = ev.stopImmediatePropagation) === null || _a === void 0 ? void 0 : _a.call(ev);
               let {
                 x,
                 y,
@@ -36152,6 +36158,8 @@ System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dis
                 scale
               } = this.zoom;
               if (ev.touches.length === 2) {
+                ev.preventDefault();
+                ev.stopImmediatePropagation();
                 const rect = this.element.getBoundingClientRect();
                 const first = ev.touches[0];
                 const second = ev.touches[1];
@@ -36201,6 +36209,10 @@ System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dis
           });
           let mouseMoveDisposable;
           let mouseUpDisposable;
+          this.bindEvent(scrollView, "dragstart", ev => {
+            ev.preventDefault();
+            ev.stopImmediatePropagation();
+          });
           this.bindEvent(scrollView, "mousedown", ev => {
             this.element.dataset.state = "grabbing";
             previous = {