@social-mail/social-mail-client 1.2.98 → 1.2.99

package/dist/public/channel/emoji/EmojiPopup.d.ts

@@ -0,0 +1,6 @@
+import InlinePopup from "@web-atoms/web-controls/dist/basic/InlinePopup";
+export default class EmojiPopup extends InlinePopup {
+    constructor(app: any, e: any);
+    init(): Promise<void>;
+}
+//# sourceMappingURL=EmojiPopup.d.ts.map

package/dist/public/channel/emoji/EmojiPopup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmojiPopup.d.ts","sourceRoot":"","sources":["../../../../src/public/channel/emoji/EmojiPopup.tsx"],"names":[],"mappings":"AAEA,OAAO,WAAW,MAAM,gDAAgD,CAAC;AAIzE,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,WAAW;gBACnC,GAAG,KAAA,EAAE,CAAC,KAAA;IAKZ,IAAI;CAeb"}

package/dist/public/channel/emoji/EmojiPopup.js

@@ -0,0 +1,37 @@
+System.register(["tslib", "@web-atoms/core/dist/web/WebApp", "@web-atoms/web-controls/dist/basic/InlinePopup"], function (_export, _context) {
+  "use strict";
+
+  var __awaiter, WebApp, InlinePopup, EmojiPopup;
+  _export("default", void 0);
+  return {
+    setters: [function (_tslib) {
+      __awaiter = _tslib.__awaiter;
+    }, function (_webAtomsCoreDistWebWebApp) {
+      WebApp = _webAtomsCoreDistWebWebApp.default;
+    }, function (_webAtomsWebControlsDistBasicInlinePopup) {
+      InlinePopup = _webAtomsWebControlsDistBasicInlinePopup.default;
+    }],
+    execute: function () {
+      _export("default", EmojiPopup = class EmojiPopup extends InlinePopup {
+        constructor(app, e) {
+          super(app, e);
+          this.runAfterInit(() => this.app.runAsync(() => this.init()));
+        }
+        init() {
+          return __awaiter(this, void 0, void 0, function* () {
+            yield WebApp.installScript("https://cdn.jsdelivr.net/npm/emoji-mart@latest/dist/browser.js");
+            const picker = new EmojiMart.Picker({
+              previewPosition: "none",
+              autoFocus: true,
+              theme: "light",
+              maxFrequentRows: 2,
+              onEmojiSelect: emoji => this.close(emoji.native)
+            });
+            this.element.appendChild(picker);
+          });
+        }
+      });
+    }
+  };
+});
+//# sourceMappingURL=EmojiPopup.js.map

package/dist/public/channel/emoji/EmojiPopup.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["EmojiPopup","_export","setters","_tslib","WebApp","_webAtomsCoreDistWebWebApp","default","_webAtomsWebControlsDistBasicInlinePopup","InlinePopup","execute","constructor","app","e","runAfterInit","runAsync","init","installScript","picker","EmojiMart","Picker","previewPosition","autoFocus","theme","maxFrequentRows","onEmojiSelect","emoji","close","native","element","appendChild"],"sources":["../../../../src/public/channel/emoji/EmojiPopup.tsx"],"sourcesContent":[null],"mappings":";;;sCAMqBA,UAAW;EAAAC,OAAA;EAAA;IAAAC,OAAA,aAAAC,MAAA;;;MANzBC,MAAM,GAAAC,0BAAA,CAAAC,OAAA;IAAA,aAAAC,wCAAA;MAENC,WAAW,GAAAD,wCAAA,CAAAD,OAAA;IAAA;IAAAG,OAAA,WAAAA,CAAA;MAAAR,OAAA,YAIGD,UAAW,GAAlB,MAAOA,UAAW,SAAQQ,WAAW;QAC/CE,YAAYC,GAAG,EAAEC,CAAC;UACd,KAAK,CAACD,GAAG,EAAEC,CAAC,CAAC;UACb,IAAI,CAACC,YAAY,CAAC,MAAM,IAAI,CAACF,GAAG,CAACG,QAAQ,CAAC,MAAM,IAAI,CAACC,IAAI,EAAE,CAAC,CAAC;QACjE;QAEMA,IAAIA,CAAA;;YAEN,MAAMX,MAAM,CAACY,aAAa,CAAC,gEAAgE,CAAC;YAE5F,MAAMC,MAAM,GAAG,IAAIC,SAAS,CAACC,MAAM,CAAC;cAChCC,eAAe,EAAE,MAAM;cACvBC,SAAS,EAAE,IAAI;cACfC,KAAK,EAAE,OAAO;cACdC,eAAe,EAAE,CAAC;cAClBC,aAAa,EAAGC,KAAK,IAAK,IAAI,CAACC,KAAK,CAACD,KAAK,CAACE,MAAM;aACpD,CAAC;YAEF,IAAI,CAACC,OAAO,CAACC,WAAW,CAACZ,MAAM,CAAC;UAEpC,CAAC;;OACJ;IAAA;EAAA;AAAA"}

package/dist/public/channel/styles/channelViewStyle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"channelViewStyle.d.ts","sourceRoot":"","sources":["../../../../src/public/channel/styles/channelViewStyle.ts"],"names":[],"mappings":"AAsEA,eAAO,MAAM,gBAAgB,QAuCb,CAAC"}

package/dist/public/channel/styles/channelViewStyle.js

@@ -0,0 +1,120 @@
+System.register(["@web-atoms/core/dist/style/styled"], function (_export, _context) {
+  "use strict";
+
+  var styled, channelViewStyle;
+  return {
+    setters: [function (_webAtomsCoreDistStyleStyled) {
+      styled = _webAtomsCoreDistStyleStyled.default;
+    }],
+    execute: function () {
+      styled.css`
+
+box-sizing: border-box;
+
+& > header {
+
+}
+
+& > section {
+    & [data-element=blog-item] {
+        margin: 10px;
+        border: solid 1px lightgray;
+        border-radius: 10px;
+        display: grid;
+        grid-template-columns: 1fr auto auto;
+        grid-template-rows: auto 1fr auto;
+
+        background-color: gray;
+
+        & > h4 {
+            grid-row: 1;
+            grid-column: 1;
+            margin-block-start: 0;
+            margin-block-end: 0;
+            padding: 10px;
+            & > a {
+                text-decoration: none;
+                color: white;
+                &:hover {
+                    text-decoration: underline;
+                    color: #73ff73;
+                }
+            }
+        }
+
+        & > h5 {
+            grid-row: 1;
+            grid-column: 2;
+            margin-block-start: 0;
+            margin-block-end: 0;
+            padding: 10px;
+        }
+        & > h6 {
+            grid-row: 1;
+            grid-column: 3;
+            margin-block-start: 0;
+            margin-block-end: 0;
+            padding: 10px;
+        }
+        & > section {
+            padding: 10px;
+            grid-row: 2;
+            grid-column: 1 / span 3;
+            background-color: canvas;
+        }
+        & > footer {
+            padding: 10px;
+            grid-row: 3;
+            grid-column: 1/ span 3;
+            background-color: canvas;
+            border-bottom-left-radius: 10px;
+            border-bottom-right-radius: 10px;
+        }
+    }
+}
+
+`.installGlobal("[data-blog-list=blog-list]");
+      _export("channelViewStyle", channelViewStyle = styled.css`
+
+    display: flex;
+    flex-direction: column;
+    gap: 5px;
+
+    & > header, & > footer {
+        display: flex;
+        flex-direction: row;
+        flex-wrap: wrap;
+        gap: 10px;
+        padding: 10px;
+        background: #FAFAFA;
+    }
+
+    @media (min-width: 900px) {
+        display: grid;
+        grid-template-columns: 1fr auto;
+        grid-template-rows: auto 1fr auto;
+        gap: 5px;
+
+        & > header {
+            grid-row: 1;
+            grid-column: 1 / span 2;
+        }
+        & > section {
+            grid-row: 2;
+            grid-column: 1;
+        }
+        & > aside {
+            grid-row: 2;
+            grid-column: 2;
+        }
+        & > footer {
+            grid-row: 3;
+            grid-column: 1 / span 2;
+        }
+    }
+
+`.installLocal());
+    }
+  };
+});
+//# sourceMappingURL=channelViewStyle.js.map

package/dist/public/channel/styles/channelViewStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["styled","_webAtomsCoreDistStyleStyled","default","execute","css","installGlobal","_export","channelViewStyle","installLocal"],"sources":["../../../../src/public/channel/styles/channelViewStyle.ts"],"sourcesContent":[null],"mappings":";;;;;;MAAOA,MAAM,GAAAC,4BAAA,CAAAC,OAAA;IAAA;IAAAC,OAAA,WAAAA,CAAA;MAEbH,MAAM,CAACI,GAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkEV,CAACC,aAAa,CAAC,4BAA4B,CAAC;MAACC,OAAA,qBAEjCC,gBAAgB,GAAGP,MAAM,CAACI,GAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuC1C,CAACI,YAAY,EAAE;IAAA;EAAA;AAAA"}