@social-mail/social-mail-client 1.2.464 → 1.2.466

package/dist/public/preview/pdf/PreviewPDF.pack.js

@@ -1975,8 +1975,42 @@ const UMD = new UMDClass();
 //# sourceMappingURL=umd.js.map
 
         AmdLoader.instance.register(
-            ["@social-mail/social-mail-client","@web-atoms/core","reflect-metadata","@web-atoms/web-controls","@web-atoms/date-time"],
-            ["@social-mail/social-mail-client/dist/public/preview/pdf/PreviewPDF","@web-atoms/core/dist/core/XNode","@web-atoms/core/dist/core/Bind","@web-atoms/core/dist/core/ExpressionParser","@web-atoms/core/dist/core/types","reflect-metadata","@web-atoms/core/dist/core/AtomMap","@web-atoms/core/dist/style/styled","@web-atoms/core/dist/App","@web-atoms/core/dist/core/AtomBinder","@web-atoms/core/dist/core/AtomDispatcher","@web-atoms/core/dist/di/RegisterSingleton","@web-atoms/core/dist/di/Register","@web-atoms/core/dist/di/ServiceCollection","@web-atoms/core/dist/di/TypeKey","@web-atoms/core/dist/di/ServiceProvider","@web-atoms/core/dist/core/TransientDisposable","@web-atoms/core/dist/di/Inject","@web-atoms/core/dist/services/BusyIndicatorService","@web-atoms/web-controls/dist/basic/Form","@web-atoms/core/dist/core/StringHelper","@web-atoms/web-controls/dist/basic/FormField","@web-atoms/core/dist/core/FormattedString","@web-atoms/core/dist/services/NavigationService","@web-atoms/core/dist/core/AtomComponent","@web-atoms/core/dist/core/AtomDisposableList","@web-atoms/core/dist/core/AtomWatcher","@web-atoms/core/dist/core/Hacks","@web-atoms/core/dist/web/core/AtomUI","@web-atoms/core/dist/core/InheritedProperty","@web-atoms/core/dist/core/PropertyMap","@web-atoms/core/dist/core/AtomUri","@web-atoms/core/dist/services/ReferenceService","@web-atoms/core/dist/di/DISingleton","@web-atoms/core/dist/web/services/PopupService","@web-atoms/core/dist/web/controls/AtomControl","@web-atoms/core/dist/core/BindableProperty","@web-atoms/core/dist/core/Command","@web-atoms/core/dist/core/EventScope","@web-atoms/date-time/dist/DateTime","@web-atoms/date-time/dist/TimeSpan","@web-atoms/core/dist/core/Route","@web-atoms/core/dist/core/WebImage","@web-atoms/core/dist/web/styles/AtomStyle","@web-atoms/core/dist/web/styles/AtomStyleSheet","@web-atoms/core/dist/web/services/PopupWindow","@web-atoms/core/dist/core/sleep","@web-atoms/web-controls/dist/basic/styles/form-field-style","@web-atoms/web-controls/dist/basic/PasswordBox","@web-atoms/web-controls/dist/basic/styles/password-box-style","@social-mail/social-mail-client/dist/common/controls/buttons/IconButton","@social-mail/social-mail-client/dist/common/fileUrl","@social-mail/social-mail-client/dist/common/apiPath","@social-mail/social-mail-client/dist/common/Modules","@web-atoms/core/dist/Pack","@web-atoms/core/dist/web/WebApp","@web-atoms/core/dist/core/AtomOnce","@web-atoms/core/dist/web/services/WebBusyIndicatorService","@web-atoms/core/dist/web/styles/StyleBuilder","@web-atoms/core/dist/web/services/WindowService","@web-atoms/core/dist/Atom","@web-atoms/core/dist/core/AtomLoader","@web-atoms/core/dist/services/JsonService","@web-atoms/core/dist/core/FormattedError","@web-atoms/core/dist/view-model/AtomWindowViewModel","@web-atoms/core/dist/view-model/AtomViewModel","@web-atoms/core/dist/view-model/baseTypes","@web-atoms/core/dist/web/controls/AtomAlertWindow","@web-atoms/core/dist/web/styles/AtomAlertWindowStyle","@web-atoms/core/dist/core/Colors","@web-atoms/core/dist/web/styles/AtomWindowStyle","@web-atoms/core/src/web/images/close-button-hover.svg","@web-atoms/core/dist/web/controls/AtomWindow","@web-atoms/core/dist/web/controls/AtomTemplate","@web-atoms/core/dist/web/controls/AtomNotification","@web-atoms/core/dist/web/styles/AtomNotificationStyle","@web-atoms/core/dist/web/styles/AtomPopupStyle","@web-atoms/core/dist/web/services/NotificationPopup","@web-atoms/core/dist/web/styles/AtomTheme"]);
+            ["@social-mail/social-mail-client","@web-atoms/data-styles","@web-atoms/core","reflect-metadata","@web-atoms/web-controls","@web-atoms/date-time"],
+            ["@social-mail/social-mail-client/dist/public/preview/pdf/PreviewPDF","@web-atoms/data-styles/data-styles","@web-atoms/core/dist/core/XNode","@web-atoms/core/dist/core/Bind","@web-atoms/core/dist/core/ExpressionParser","@web-atoms/core/dist/core/types","reflect-metadata","@web-atoms/core/dist/core/AtomMap","@web-atoms/core/dist/style/styled","@web-atoms/core/dist/App","@web-atoms/core/dist/core/AtomBinder","@web-atoms/core/dist/core/AtomDispatcher","@web-atoms/core/dist/di/RegisterSingleton","@web-atoms/core/dist/di/Register","@web-atoms/core/dist/di/ServiceCollection","@web-atoms/core/dist/di/TypeKey","@web-atoms/core/dist/di/ServiceProvider","@web-atoms/core/dist/core/TransientDisposable","@web-atoms/core/dist/di/Inject","@web-atoms/core/dist/services/BusyIndicatorService","@web-atoms/web-controls/dist/basic/Form","@web-atoms/core/dist/core/StringHelper","@web-atoms/web-controls/dist/basic/FormField","@web-atoms/core/dist/core/FormattedString","@web-atoms/core/dist/services/NavigationService","@web-atoms/core/dist/core/AtomComponent","@web-atoms/core/dist/core/AtomDisposableList","@web-atoms/core/dist/core/AtomWatcher","@web-atoms/core/dist/core/Hacks","@web-atoms/core/dist/web/core/AtomUI","@web-atoms/core/dist/core/InheritedProperty","@web-atoms/core/dist/core/PropertyMap","@web-atoms/core/dist/core/AtomUri","@web-atoms/core/dist/services/ReferenceService","@web-atoms/core/dist/di/DISingleton","@web-atoms/core/dist/web/services/PopupService","@web-atoms/core/dist/web/controls/AtomControl","@web-atoms/core/dist/core/BindableProperty","@web-atoms/core/dist/core/Command","@web-atoms/core/dist/core/EventScope","@web-atoms/date-time/dist/DateTime","@web-atoms/date-time/dist/TimeSpan","@web-atoms/core/dist/core/Route","@web-atoms/core/dist/core/WebImage","@web-atoms/core/dist/web/styles/AtomStyle","@web-atoms/core/dist/web/styles/AtomStyleSheet","@web-atoms/core/dist/web/services/PopupWindow","@web-atoms/core/dist/core/sleep","@web-atoms/web-controls/dist/basic/styles/form-field-style","@web-atoms/web-controls/dist/basic/PasswordBox","@web-atoms/web-controls/dist/basic/styles/password-box-style","@social-mail/social-mail-client/dist/common/controls/buttons/IconButton","@social-mail/social-mail-client/dist/common/fileUrl","@social-mail/social-mail-client/dist/common/apiPath","@social-mail/social-mail-client/dist/common/Modules","@web-atoms/core/dist/Pack","@web-atoms/core/dist/web/WebApp","@web-atoms/core/dist/core/AtomOnce","@web-atoms/core/dist/web/services/WebBusyIndicatorService","@web-atoms/core/dist/web/styles/StyleBuilder","@web-atoms/core/dist/web/services/WindowService","@web-atoms/core/dist/Atom","@web-atoms/core/dist/core/AtomLoader","@web-atoms/core/dist/services/JsonService","@web-atoms/core/dist/core/FormattedError","@web-atoms/core/dist/view-model/AtomWindowViewModel","@web-atoms/core/dist/view-model/AtomViewModel","@web-atoms/core/dist/view-model/baseTypes","@web-atoms/core/dist/web/controls/AtomAlertWindow","@web-atoms/core/dist/web/styles/AtomAlertWindowStyle","@web-atoms/core/dist/core/Colors","@web-atoms/core/dist/web/styles/AtomWindowStyle","@web-atoms/core/src/web/images/close-button-hover.svg","@web-atoms/core/dist/web/controls/AtomWindow","@web-atoms/core/dist/web/controls/AtomTemplate","@web-atoms/core/dist/web/controls/AtomNotification","@web-atoms/core/dist/web/styles/AtomNotificationStyle","@web-atoms/core/dist/web/styles/AtomPopupStyle","@web-atoms/core/dist/web/services/NotificationPopup","@web-atoms/core/dist/web/styles/AtomTheme"]);
+
+
+System.register([], function(_export, _context) {
+    return {
+        setters: [],
+        execute: function() {
+
+            // this is because in web atoms loader
+            // root url may not be set when the module is registered
+            setTimeout(() => {
+
+                const cssModule = _context.meta.resolve("./data-styles.css");
+                const cssURL = System.resolve(cssModule);
+
+                const link = document.createElement("link");
+                link.id = "data-styles";
+                link.setAttribute("href", cssURL);
+                link.setAttribute("rel", "stylesheet");
+                link.setAttribute("as", "style");
+                link.setAttribute("crossorigin", "anonymous");
+                const head = document.head;
+                const firstElementChild = head.firstElementChild;
+                if (firstElementChild) {
+                    head.insertBefore(link, firstElementChild);
+                } else {
+                    head.appendChild(link);
+                }
+            }, 1);
+        }
+    };
+});
+    
+
+    AmdLoader.instance.setup("@web-atoms/data-styles/data-styles");
 
 System.register([], function (_export, _context) {
   "use strict";
@@ -10778,16 +10812,16 @@ System.register([], function (_export, _context) {
 
     AmdLoader.instance.setup("@web-atoms/core/dist/Pack");
 
-System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/style/styled", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/App", "@web-atoms/web-controls/dist/basic/Form", "@web-atoms/web-controls/dist/basic/FormField", "@web-atoms/web-controls/dist/basic/PasswordBox", "@web-atoms/core/dist/web/controls/AtomControl", "../../../common/controls/buttons/IconButton", "../../../common/fileUrl", "../../../common/Modules", "@web-atoms/core/dist/Pack"], function (_export, _context) {
+System.register(["tslib", "@web-atoms/data-styles/data-styles", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/style/styled", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/App", "@web-atoms/web-controls/dist/basic/Form", "@web-atoms/web-controls/dist/basic/FormField", "@web-atoms/web-controls/dist/basic/PasswordBox", "@web-atoms/core/dist/web/controls/AtomControl", "../../../common/controls/buttons/IconButton", "../../../common/fileUrl", "../../../common/Modules", "@web-atoms/core/dist/Pack"], function (_export, _context) {
   "use strict";
 
-  var __awaiter, __decorate, __metadata, XNode, styled, Bind, App, Form, FormField, PasswordBox, AtomControl, IconButton, fileUrl, Modules, Pack, installStyleSheet, fileInfo, PreviewDocument;
+  var __awaiter, __decorate, __metadata, XNode, styled, Bind, App, Form, FormField, PasswordBox, AtomControl, IconButton, fileUrl, Modules, Pack, css, installStyleSheet, fileInfo, PreviewDocument;
   return {
     setters: [function (_tslib) {
       __awaiter = _tslib.__awaiter;
       __decorate = _tslib.__decorate;
       __metadata = _tslib.__metadata;
-    }, function (_webAtomsCoreDistCoreXNode) {
+    }, function (_webAtomsDataStylesDataStyles) {}, function (_webAtomsCoreDistCoreXNode) {
       XNode = _webAtomsCoreDistCoreXNode.default;
     }, function (_webAtomsCoreDistStyleStyled) {
       styled = _webAtomsCoreDistStyleStyled.default;
@@ -10813,143 +10847,147 @@ System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/di
       Pack = _webAtomsCoreDistPack.default;
     }],
     execute: function () {
-      styled.css`
-    display: grid;
-    width: 100%;
-    height: 100%;
-    grid-template-columns:auto 1fr auto;
-    grid-template-rows: auto 1fr auto auto;
-    overflow: hidden;
-    background: gray;
-
-    position: absolute;
-    left: 0;
-    top: 0;
-    right: 0;
-    bottom: 0;
-
-    & pdf-page {
-        display: inline-block;
-        padding: 10px;
-        position: relative;
-    }
+      css = styled.css`
 
-    & > .title {
-        position: absolute;
-        left: 5px;
-        top: 5px;
-    }
+    & > pdf-frame {
 
-    & > .preview {
-        display: flex;
-        grid-row: 2;
-        grid-column: 1;
-        display: flex;
-        flex-direction: column;
-        overflow-x: hidden;
-        overflow-y: auto;
-        gap: 10px;
-        & > * {
-            cursor: pointer;
-            padding: 10px;
-            & > canvas {
-                object-fit: contain;
-                max-height: 30vh;
-                max-width: 20vw;
-            }
-            &:hover {
-                background: highlight;
-            }
-        }
-    }
+        display: grid;
+        width: 100%;
+        height: 100%;
+        grid-template-columns:auto 1fr auto;
+        grid-template-rows: auto 1fr auto auto;
+        overflow: hidden;
+        background: gray;
 
-    & > .viewer {
-        grid-row: 2;
-        grid-column: 2;
-        overflow: auto;
-        gap: 10px;
-        display: flex;
-        flex-direction: column;
-        justify-content: start;
-        align-items: center;
-        &[align-left=true] {
-            align-items: start;
-        }
-        & > * {
+        position: absolute;
+        left: 0;
+        top: 0;
+        right: 0;
+        bottom: 0;
+
+        & pdf-page {
+            display: inline-block;
             padding: 10px;
             position: relative;
-            & > canvas {
-                position: absolute;
-                left: 10px;
-                top: 10px;
-            }
-            & > * {
-                left: 10px;
-                top: 10px;
-            }
         }
-    }
-
-    & > .toolbar {
-        grid-column: 1 / span 3;
-        grid-row: 1;
-        display: flex;
-        flex-direction: row;
-        gap: 10px;
-        background-color: lightgray;
 
-        & > * {
-            flex: 1 1 33%;
+        & > .title {
+            position: absolute;
+            left: 5px;
+            top: 5px;
         }
 
-        & > .left {
-            margin-right: auto;
+        & > .preview {
+            display: flex;
+            grid-row: 2;
+            grid-column: 1;
+            display: flex;
+            flex-direction: column;
+            overflow-x: hidden;
+            overflow-y: auto;
+            gap: 10px;
+            & > * {
+                cursor: pointer;
+                padding: 10px;
+                & > canvas {
+                    object-fit: contain;
+                    max-height: 30vh;
+                    max-width: 20vw;
+                }
+                &:hover {
+                    background: highlight;
+                }
+            }
         }
 
-        & > .middle {
-            margin-left: auto;
-            margin-right: auto;
+        & > .viewer {
+            grid-row: 2;
+            grid-column: 2;
+            overflow: auto;
+            gap: 10px;
             display: flex;
-            flex-direction: row;
+            flex-direction: column;
+            justify-content: start;
             align-items: center;
-            gap: 5px;
-            justify-content: center;
-            & > i {
-                padding: 5px;
-                cursor: pointer;
+            &[align-left=true] {
+                align-items: start;
             }
-            & > input {
-                max-width: 50px;
+            & > * {
+                padding: 10px;
+                position: relative;
+                & > canvas {
+                    position: absolute;
+                    left: 10px;
+                    top: 10px;
+                }
+                & > * {
+                    left: 10px;
+                    top: 10px;
+                }
             }
         }
 
-        & > .right {
+        & > .toolbar {
+            grid-column: 1 / span 3;
+            grid-row: 1;
             display: flex;
-            margin-left: auto;
-            align-items: center;
-            justify-content: end;
-            margin-right: 10px;
-            gap: 5px;
+            flex-direction: row;
+            gap: 10px;
+            background-color: lightgray;
+
             & > * {
-                cursor: pointer;
-                padding: 5px;
+                flex: 1 1 33%;
+            }
+
+            & > .left {
+                margin-right: auto;
+            }
+
+            & > .middle {
+                margin-left: auto;
+                margin-right: auto;
+                display: flex;
+                flex-direction: row;
+                align-items: center;
+                gap: 5px;
+                justify-content: center;
+                & > i {
+                    padding: 5px;
+                    cursor: pointer;
+                }
+                & > input {
+                    max-width: 50px;
+                }
+            }
+
+            & > .right {
+                display: flex;
+                margin-left: auto;
+                align-items: center;
+                justify-content: end;
+                margin-right: 10px;
+                gap: 5px;
+                & > * {
+                    cursor: pointer;
+                    padding: 5px;
+                }
             }
         }
-    }
 
-    @media (max-width: 500px) {
-        & > .preview {
-            grid-row: 3;
-            grid-column: 2 / span 2;
-            max-height: 30vh;
-            flex-direction: row;
-            flex-wrap: nowrap;
-            overflow-x: auto;
-            overflow-y: hidden;
+        @media (max-width: 500px) {
+            & > .preview {
+                grid-row: 3;
+                grid-column: 2 / span 2;
+                max-height: 30vh;
+                flex-direction: row;
+                flex-wrap: nowrap;
+                overflow-x: auto;
+                overflow-y: hidden;
+            }
         }
     }
 
-`.installGlobal("div > .pdf-frame");
+`.installLocal();
       installStyleSheet = () => {
         App.installStyleSheet("https://cdn.jsdelivr.net/npm/pdfjs-dist@4.4.168/web/pdf_viewer.css");
         installStyleSheet = null;
@@ -10971,6 +11009,7 @@ System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/di
         }
         init() {
           return __awaiter(this, void 0, void 0, function* () {
+            this.element.className = css;
             installStyleSheet === null || installStyleSheet === void 0 ? void 0 : installStyleSheet();
             const {
               name
@@ -10998,7 +11037,6 @@ System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/di
             const loaderTask = pdfjsLib.getDocument(pdf);
             let tries = 0;
             loaderTask.onPassword = (callback, reason) => {
-              console.log(reason);
               tries++;
               if (tries > 3) {
                 this.renderer = XNode.create("div", null, XNode.create("div", {
@@ -11015,7 +11053,7 @@ System.register(["tslib", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/di
                   callback(password);
                 }
               }, XNode.create("div", null, XNode.create("h4", {
-                text: reason ? "Invalid Password, try again." : "Password is required to view this document."
+                text: reason > 1 ? "Invalid Password, try again." : "Password is required to view this document."
               })), XNode.create(FormField, {
                 label: "Password"
               }, XNode.create(PasswordBox, {