@social-mail/social-mail-client 1.2.374 → 1.2.375

package/dist/public/store/Store.pack.js

@@ -20010,10 +20010,10 @@ System.register(["../../common/apiPath", "../../common/toBase36"], function (_ex
 
     AmdLoader.instance.setup("@social-mail/social-mail-client/dist/public/store/storeItemLink");
 
-System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/style/styled", "@web-atoms/core/dist/web/controls/AtomControl", "@web-atoms/web-controls/dist/basic/AtomRepeater", "../../common/controls/repeater/InfiniteRepeater", "@web-atoms/core/dist/core/InjectProperty", "../../services/EntityService", "../../model/model", "../../common/Sql", "../../common/apiPath", "../../common/currency", "./storeItemLink"], function (_export, _context) {
+System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/style/styled", "@web-atoms/core/dist/web/controls/AtomControl", "@web-atoms/web-controls/dist/basic/AtomRepeater", "../../common/controls/repeater/InfiniteRepeater", "@web-atoms/core/dist/core/InjectProperty", "../../services/EntityService", "../../model/model", "../../common/Sql", "../../common/apiPath", "../../common/currency", "./storeItemLink", "@web-atoms/core/dist/view-model/Action"], function (_export, _context) {
   "use strict";
 
-  var __awaiter, __decorate, __metadata, Bind, XNode, styled, AtomControl, AtomRepeater, InfiniteRepeater, InjectProperty, EntityService, StoreItem, StoreMediaFile, StoreTag, Sql, apiPath, formatPrice, storeItemLink, StoreItemListView;
+  var __awaiter, __decorate, __metadata, Bind, XNode, styled, AtomControl, AtomRepeater, InfiniteRepeater, InjectProperty, EntityService, StoreItem, StoreMediaFile, StoreTag, Sql, apiPath, formatPrice, storeItemLink, Action, StoreItemListView;
   _export("default", void 0);
   return {
     setters: [function (_tslib) {
@@ -20048,6 +20048,8 @@ System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dis
       formatPrice = _commonCurrency.formatPrice;
     }, function (_storeItemLink) {
       storeItemLink = _storeItemLink.storeItemLink;
+    }, function (_webAtomsCoreDistViewModelAction) {
+      Action = _webAtomsCoreDistViewModelAction.default;
     }],
     execute: function () {
       styled.css`
@@ -20141,6 +20143,8 @@ System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dis
           super(app, e);
           this.search = "";
           this.items = [];
+          this.tags = [];
+          this.version = 0;
           this.element.setAttribute("data-shopping-cart-list", "shopping-cart-list");
           this.runAfterInit(() => this.app.runAsync(() => this.init()));
         }
@@ -20148,23 +20152,36 @@ System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dis
           return __awaiter(this, void 0, void 0, function* () {
             this.render(XNode.create("div", {
               "data-shopping-cart-list": "shopping-cart-list"
-            }, XNode.create("header", null, XNode.create("input", {
+            }, XNode.create("header", null, XNode.create(AtomRepeater, {
+              class: "search-tags",
+              items: this.tags,
+              itemRenderer: x => XNode.create("div", {
+                "data-layout": "row"
+              }, " ", XNode.create("label", {
+                text: `${x.tag.label} (${x.count})`
+              }), " ", XNode.create("i", {
+                "data-click-event": "remove-tag",
+                class: "fas fa-times-circle"
+              }), " ")
+            }), XNode.create("input", {
               type: "search",
               value: Bind.twoWaysImmediate(() => this.search)
             }), XNode.create(AtomRepeater, {
               class: "tags",
-              items: Bind.oneWayAsync((c, e, cancelToken) => this.searchTags(this.search, cancelToken), {
+              items: Bind.oneWayAsync((c, e, cancelToken) => this.searchTags(this.search, cancelToken, this.version), {
                 default: []
               }),
               itemRenderer: x => XNode.create("label", {
                 text: `${x.tag.label} (${x.count})`
-              })
+              }),
+              "data-click-event": "select-tag"
             })), XNode.create(AtomRepeater, Object.assign({
               for: "section",
               items: this.items
             }, InfiniteRepeater.pagedItems(start => (c, e, cancelToken) => this.searchItems({
               start,
               search: this.search,
+              version: this.version,
               cancelToken
             })), {
               itemRenderer: item => XNode.create("div", {
@@ -20191,7 +20208,18 @@ System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dis
             })), XNode.create("footer", null)));
           });
         }
-        searchTags(search, cancelToken) {
+        removeTag(tag) {
+          this.tags.remove(tag);
+          this.version++;
+        }
+        selectTag(tag) {
+          if (this.tags.find(t => t.tagID === tag.tagID)) {
+            return;
+          }
+          this.tags.add(tag);
+          this.version++;
+        }
+        searchTags(search, cancelToken, v) {
           return __awaiter(this, void 0, void 0, function* () {
             let q = this.entityService.query(StoreTag, "storeQuery");
             if (search) {
@@ -20200,6 +20228,12 @@ System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dis
                 search
               }, p => x => (Sql.text.like(x.tag.lowerCaseName, p.search) || Sql.text.like(x.tag.parent.lowerCaseName, p.search)) && x.count > 0);
             }
+            if (this.tags.length) {
+              const ids = this.tags.map(t => t.tagID);
+              q = q.where({
+                ids
+              }, p => x => !Sql.in(x.tagID, p.ids));
+            }
             const tags = yield q.orderByDescending(x => x.count).include(x => x.tag).toPagedList({
               size: 10,
               cancelToken
@@ -20217,6 +20251,7 @@ System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dis
           start,
           search = "",
           size = 50,
+          version = 0,
           cancelToken
         }) {
           var _a;
@@ -20230,6 +20265,12 @@ System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dis
                 lowerSearch
               }, p => x => Sql.text.iLike(x.name, p.search) || Sql.text.iLike(x.description, p.search) || x.sizes.some(s => Sql.text.iLike(s.name, p.search) || Sql.text.iLike(s.description, p.search)) || x.variants.some(s => Sql.text.iLike(s.name, p.search) || Sql.text.iLike(s.description, p.search)) || x.storeItemTags.some(t => Sql.text.like(t.tag.lowerCaseName, p.lowerSearch) || Sql.text.like(t.tag.parent.lowerCaseName, p.lowerSearch)));
             }
+            if (this.tags.length) {
+              const ids = this.tags.map(t => t.tagID);
+              q = q.where({
+                ids
+              }, p => x => x.storeItemTags.some(st => Sql.in(st.tagID, p.ids)));
+            }
             const items = yield q.orderByDescending(x => x.storeItemID).include(x => [x.storeItemPrices, x.storeItemTags.forEach(t => t.tag)]).toPagedList({
               start,
               size,
@@ -20244,6 +20285,12 @@ System.register(["tslib", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dis
         }
       });
       __decorate([InjectProperty, __metadata("design:type", EntityService)], StoreItemListView.prototype, "entityService", void 0);
+      __decorate([Action({
+        onEvent: "remove-tag"
+      }), __metadata("design:type", Function), __metadata("design:paramtypes", [Object]), __metadata("design:returntype", void 0)], StoreItemListView.prototype, "removeTag", null);
+      __decorate([Action({
+        onEvent: "select-tag"
+      }), __metadata("design:type", Function), __metadata("design:paramtypes", [Object]), __metadata("design:returntype", void 0)], StoreItemListView.prototype, "selectTag", null);
     }
   };
 });