@web-atoms/web-controls 2.1.265 → 2.1.266

package/dist/basic/AtomChips.sys.js

@@ -0,0 +1,429 @@
+System.register(["@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/core/BindableProperty", "@web-atoms/core/dist/core/Colors", "@web-atoms/core/dist/core/types", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/style/StyleRule", "@web-atoms/core/dist/web/services/PopupService", "@web-atoms/core/dist/web/styles/CSS", "./AtomRepeater"], function (_export, _context) {
+  "use strict";
+
+  var Bind, BindableProperty, Colors, CancelToken, XNode, StyleRule, PopupControl, CSS, AtomRepeater, AtomChips, __decorate, __metadata, __awaiter;
+
+  function getChips(target) {
+    let start = target;
+
+    while (start) {
+      const chips = start.atomControl;
+
+      if (chips && chips instanceof AtomChips) {
+        return chips;
+      }
+
+      start = start.parentElement;
+    }
+  }
+
+  function askSuggestionPopup(host, opener, itemRenderer, cancelToken) {
+    class Suggestions extends PopupControl {
+      create() {
+        this.opener = opener;
+        this.render(XNode.create("div", {
+          "data-suggestion-popup": "suggestion-popup"
+        }, XNode.create("div", {
+          class: "items"
+        }, XNode.create(AtomRepeater, {
+          class: "presenter",
+          selectedItem: Bind.oneWay(() => this.opener.anchorItem),
+          itemRenderer: itemRenderer,
+          eventDeleteSuggestion: e => opener.element.dispatchEvent(e),
+          eventItemClick: e => {
+            this.close(e.detail);
+          },
+          items: Bind.oneWay(() => this.opener.suggestions)
+        }))));
+      }
+
+    }
+
+    return Suggestions.showControl(host, {
+      cancelToken,
+      alignment: "auto"
+    });
+  }
+
+  function Chip({
+    icon,
+    label,
+    header,
+    deleteIcon = "fa-solid fa-xmark",
+    draggable,
+    recreate = true,
+    deleted
+  }, ...nodes) {
+    return XNode.create("div", {
+      "data-recreate": recreate,
+      "data-deleted": !!deleted,
+      "data-item-chip": "chip",
+      draggable: draggable
+    }, icon && XNode.create("i", {
+      class: "icon " + icon
+    }), header && XNode.create("label", {
+      class: "header",
+      text: header
+    }), label && XNode.create("label", {
+      class: "label",
+      text: label
+    }), ...nodes, deleteIcon && XNode.create("i", {
+      class: "delete " + deleteIcon,
+      "data-click-event": "remove-chip"
+    }));
+  }
+
+  function Suggestion({
+    icon,
+    label,
+    header,
+    deleteIcon
+  }, ...nodes) {
+    return XNode.create("div", {
+      "data-item-suggestion": "suggestion"
+    }, icon && XNode.create("i", {
+      class: "icon " + icon
+    }), header && XNode.create("label", {
+      class: "header",
+      text: header
+    }), label && XNode.create("label", {
+      class: "label",
+      text: label
+    }), ...nodes, deleteIcon && XNode.create("i", {
+      class: "delete " + deleteIcon,
+      "data-click-event": "remove-suggestion"
+    }));
+  }
+
+  _export({
+    Chip: Chip,
+    Suggestion: Suggestion,
+    default: void 0
+  });
+
+  return {
+    setters: [function (_webAtomsCoreDistCoreBind) {
+      Bind = _webAtomsCoreDistCoreBind.default;
+    }, function (_webAtomsCoreDistCoreBindableProperty) {
+      BindableProperty = _webAtomsCoreDistCoreBindableProperty.BindableProperty;
+    }, function (_webAtomsCoreDistCoreColors) {
+      Colors = _webAtomsCoreDistCoreColors.default;
+    }, function (_webAtomsCoreDistCoreTypes) {
+      CancelToken = _webAtomsCoreDistCoreTypes.CancelToken;
+    }, function (_webAtomsCoreDistCoreXNode) {
+      XNode = _webAtomsCoreDistCoreXNode.default;
+    }, function (_webAtomsCoreDistStyleStyleRule) {
+      StyleRule = _webAtomsCoreDistStyleStyleRule.default;
+    }, function (_webAtomsCoreDistWebServicesPopupService) {
+      PopupControl = _webAtomsCoreDistWebServicesPopupService.PopupControl;
+    }, function (_webAtomsCoreDistWebStylesCSS) {
+      CSS = _webAtomsCoreDistWebStylesCSS.default;
+    }, function (_AtomRepeater) {
+      AtomRepeater = _AtomRepeater.default;
+    }],
+    execute: function () {
+      __decorate = void 0 && (void 0).__decorate || function (decorators, target, key, desc) {
+        var c = arguments.length,
+            r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
+            d;
+        if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+        return c > 3 && r && Object.defineProperty(target, key, r), r;
+      };
+
+      __metadata = void 0 && (void 0).__metadata || function (k, v) {
+        if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+      };
+
+      __awaiter = void 0 && (void 0).__awaiter || function (thisArg, _arguments, P, generator) {
+        function adopt(value) {
+          return value instanceof P ? value : new P(function (resolve) {
+            resolve(value);
+          });
+        }
+
+        return new (P || (P = Promise))(function (resolve, reject) {
+          function fulfilled(value) {
+            try {
+              step(generator.next(value));
+            } catch (e) {
+              reject(e);
+            }
+          }
+
+          function rejected(value) {
+            try {
+              step(generator["throw"](value));
+            } catch (e) {
+              reject(e);
+            }
+          }
+
+          function step(result) {
+            result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
+          }
+
+          step((generator = generator.apply(thisArg, _arguments || [])).next());
+        });
+      };
+
+      CSS(StyleRule().flexLayout({
+        justifyContent: "stretch"
+      }).flexFlow("wrap").child(StyleRule(".search").border("none").outline("none")).child(StyleRule(".presenter").flexLayout({
+        inline: true,
+        justifyContent: "flex-start"
+      }).flexFlow("wrap").child(StyleRule("*").backgroundColor(Colors.lightGray.withAlphaPercent(0.3)))).and(StyleRule("[data-mode=search]").child(StyleRule(".search").paddingLeft(20).background(`transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'%3E%3C/path%3E%3C/svg%3E") no-repeat 1px center`))), "div[data-atom-chips]");
+      document.body.addEventListener("focusin", e => {
+        const chips = getChips(e.target);
+        chips === null || chips === void 0 ? void 0 : chips.setFocus(true);
+      });
+      document.body.addEventListener("focusout", e => {
+        const chips = getChips(e.target);
+        chips === null || chips === void 0 ? void 0 : chips.setFocus(false);
+      });
+      document.body.addEventListener("keydown", e => {
+        const chips = getChips(e.target);
+        chips === null || chips === void 0 ? void 0 : chips.onKey(e);
+      });
+      CSS(StyleRule().padding(1).paddingLeft(5).paddingRight(5).borderRadius(10).display("grid").alignItems("center").gridTemplateRows("auto 1fr").gridTemplateColumns("auto 1fr auto").child(StyleRule("[data-content]").gridRowStart("2").gridColumnStart("2")).child(StyleRule(".icon").gridColumnStart("1").gridRowStart("1").gridRowEnd("span 2").alignSelf("center")).child(StyleRule(".delete").gridColumnStart("3").gridRowStart("1").gridRowEnd("span 2").alignSelf("center").fontSize("small").backgroundColor(Colors.transparent).borderRadius(4).padding(2).color(Colors.gray).hover(StyleRule().backgroundColor(Colors.lightGray).color(Colors.red))).child(StyleRule(".header").fontSize("x-small").gridRowStart("1").gridColumnStart("2")).child(StyleRule(".label").gridRowStart("2").gridColumnStart("2")).and(StyleRule("[data-deleted=true]").display("none")), "*[data-item-chip]");
+      CSS(StyleRule().padding(1).paddingLeft(5).paddingRight(5).borderRadius(10).display("grid").alignItems("center").gridTemplateRows("auto 1fr").gridTemplateColumns("auto 1fr auto").child(StyleRule("[data-content]").gridRowStart("2").gridColumnStart("2")).child(StyleRule(".icon").gridColumnStart("1").gridRowStart("1").gridRowEnd("span 2").alignSelf("center")).child(StyleRule(".delete").gridColumnStart("3").gridRowStart("1").gridRowEnd("span 2").alignSelf("center").color(Colors.red)).child(StyleRule(".header").fontSize("x-small").gridRowStart("1").gridColumnStart("2")).child(StyleRule(".label").gridRowStart("2").gridColumnStart("2")), "*[data-item-suggestion]");
+
+      _export("default", AtomChips = class AtomChips extends AtomRepeater {
+        onPropertyChanged(name) {
+          var _a;
+
+          super.onPropertyChanged(name);
+
+          switch (name) {
+            case "labelPath":
+              this.itemRenderer = item => XNode.create("div", {
+                text: this.labelPath(item)
+              });
+
+              break;
+
+            case "prompt":
+              this.updateClasses();
+              break;
+
+            case "focused":
+              this.updatePopup();
+              break;
+
+            case "suggestions":
+              (_a = this.suggestionsWatcher) === null || _a === void 0 ? void 0 : _a.dispose();
+              this.suggestionsWatcher = undefined;
+              const suggestions = this.suggestions;
+
+              if (suggestions) {
+                this.suggestionsWatcher = this.registerDisposable(suggestions.watch(() => {
+                  this.updatePopup();
+                }));
+              }
+
+              this.updatePopup();
+              break;
+          }
+        }
+
+        preCreate() {
+          this.prompt = "Search";
+          this.element.dataset.atomChips = "atom-chips";
+          this.element.dataset.mode = "search";
+
+          this.valuePath = item => {
+            var _a;
+
+            return (_a = item === null || item === void 0 ? void 0 : item.value) !== null && _a !== void 0 ? _a : item;
+          };
+
+          this.labelPath = item => {
+            var _a;
+
+            return (_a = item === null || item === void 0 ? void 0 : item.label) !== null && _a !== void 0 ? _a : item;
+          };
+
+          this.itemRenderer = item => XNode.create("div", {
+            text: this.labelPath(item)
+          });
+
+          this.element.dataset.dropDown = "drop-down";
+          this.render(XNode.create("div", null, XNode.create("div", {
+            class: "presenter"
+          }), XNode.create("input", {
+            class: "search",
+            placeholder: Bind.oneWay(() => this.prompt),
+            value: Bind.twoWaysImmediate(() => this.search),
+            type: "search"
+          }), XNode.create("div", {
+            class: "footer"
+          })));
+          this.itemsPresenter = this.element.children[0];
+          this.searchInput = this.element.children[1];
+          this.footerPresenter = this.element.children[2];
+          this.bindEvent(this.element, "removeChip", e => this.removeItem(e.detail));
+        }
+
+        setFocus(hasFocus) {
+          if (hasFocus) {
+            this.focused = true;
+            return;
+          }
+
+          setTimeout(() => {
+            this.focused = false;
+          }, 250);
+        }
+
+        updatePopup() {
+          var _a, _b, _c;
+
+          return __awaiter(this, void 0, void 0, function* () {
+            const suggestions = this.suggestions;
+
+            if (!this.focused) {
+              (_a = this.popupCancelToken) === null || _a === void 0 ? void 0 : _a.cancel();
+              this.popupCancelToken = null;
+              return;
+            }
+
+            if (!suggestions || !suggestions.length) {
+              (_b = this.popupCancelToken) === null || _b === void 0 ? void 0 : _b.cancel();
+              this.popupCancelToken = null;
+              return;
+            }
+
+            if (this.popupCancelToken) {
+              return;
+            }
+
+            const cancelToken = this.popupCancelToken = new CancelToken();
+
+            try {
+              let selectedItem = yield askSuggestionPopup(this.element, this, (_c = this.suggestionRenderer) !== null && _c !== void 0 ? _c : this.itemRenderer, cancelToken);
+              const itemToChip = this.itemToChip;
+
+              if (itemToChip) {
+                selectedItem = itemToChip(selectedItem, this.search);
+              }
+
+              this.addItem(selectedItem);
+              this.search = "";
+              this.popupCancelToken = null;
+            } catch (e) {
+              this.popupCancelToken = null;
+
+              if (CancelToken.isCancelled(e)) {
+                return;
+              }
+
+              console.warn(e);
+            }
+          });
+        }
+
+        addItem(selectedItem) {
+          const ce = new CustomEvent("suggestionChosen", {
+            detail: selectedItem,
+            cancelable: true,
+            bubbles: true
+          });
+          this.element.dispatchEvent(ce);
+
+          if (!ce.defaultPrevented) {
+            this.items.add(ce.detail);
+          }
+        }
+
+        removeItem(detail) {
+          const ce = new CustomEvent("removeChip", {
+            detail,
+            cancelable: true,
+            bubbles: true
+          });
+
+          if (!ce.defaultPrevented) {
+            this.items.remove(ce.detail);
+          }
+        }
+
+        onKey(e) {
+          var _a, _b;
+
+          const suggested = this.suggestions;
+
+          switch (e.key) {
+            case "Enter":
+              (_a = e.preventDefault) === null || _a === void 0 ? void 0 : _a.call(e);
+              (_b = e.stopImmediatePropagation) === null || _b === void 0 ? void 0 : _b.call(e);
+              setTimeout(() => {
+                let anchorItem = this.anchorItem;
+                const itemToChip = this.itemToChip;
+
+                if (itemToChip) {
+                  anchorItem = itemToChip(anchorItem, this.search);
+                }
+
+                if (!anchorItem) {
+                  return;
+                }
+
+                this.addItem(anchorItem);
+                this.anchorIndex = 0;
+                this.anchorItem = null;
+                this.search = "";
+              }, 1);
+              break;
+
+            case "ArrowDown":
+              if (suggested) {
+                if (!this.anchorItem) {
+                  this.anchorIndex = 0;
+                } else {
+                  if (this.anchorIndex < suggested.length - 1) {
+                    this.anchorIndex++;
+                  }
+                }
+
+                this.anchorItem = suggested[this.anchorIndex];
+              }
+
+              break;
+
+            case "ArrowUp":
+              if (suggested) {
+                if (!this.anchorItem) {
+                  return;
+                }
+
+                if (this.anchorIndex) {
+                  this.anchorIndex--;
+                }
+
+                this.anchorItem = suggested[this.anchorIndex];
+              }
+
+              break;
+          }
+        }
+
+      });
+
+      __decorate([BindableProperty, __metadata("design:type", Array)], AtomChips.prototype, "suggestions", void 0);
+
+      __decorate([BindableProperty, __metadata("design:type", String)], AtomChips.prototype, "search", void 0);
+
+      __decorate([BindableProperty, __metadata("design:type", String)], AtomChips.prototype, "prompt", void 0);
+
+      __decorate([BindableProperty, __metadata("design:type", String)], AtomChips.prototype, "suggestionPrompt", void 0);
+
+      __decorate([BindableProperty, __metadata("design:type", Function)], AtomChips.prototype, "labelPath", void 0);
+
+      __decorate([BindableProperty, __metadata("design:type", Function)], AtomChips.prototype, "match", void 0);
+
+      __decorate([BindableProperty, __metadata("design:type", Function)], AtomChips.prototype, "suggestionRenderer", void 0);
+
+      __decorate([BindableProperty, __metadata("design:type", Boolean)], AtomChips.prototype, "focused", void 0);
+    }
+  };
+});
+//# sourceMappingURL=AtomChips.sys.js.map

package/dist/basic/AtomChips.sys.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":"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","names":["AtomChips","getChips","target","start","chips","atomControl","parentElement","askSuggestionPopup","host","opener","itemRenderer","cancelToken","Suggestions","PopupControl","create","render","XNode","class","AtomRepeater","selectedItem","Bind","oneWay","anchorItem","eventDeleteSuggestion","e","element","dispatchEvent","eventItemClick","close","detail","items","suggestions","showControl","alignment","Chip","icon","label","header","deleteIcon","draggable","recreate","deleted","nodes","text","Suggestion","BindableProperty","Colors","CancelToken","StyleRule","CSS","flexLayout","justifyContent","flexFlow","child","border","outline","inline","backgroundColor","lightGray","withAlphaPercent","and","paddingLeft","background","document","body","addEventListener","setFocus","onKey","padding","paddingRight","borderRadius","display","alignItems","gridTemplateRows","gridTemplateColumns","gridRowStart","gridColumnStart","gridRowEnd","alignSelf","fontSize","transparent","color","gray","hover","red","onPropertyChanged","name","item","labelPath","updateClasses","updatePopup","suggestionsWatcher","_a","dispose","undefined","registerDisposable","watch","preCreate","prompt","dataset","atomChips","mode","valuePath","value","dropDown","placeholder","twoWaysImmediate","search","type","itemsPresenter","children","searchInput","footerPresenter","bindEvent","removeItem","hasFocus","focused","setTimeout","popupCancelToken","cancel","length","_b","suggestionRenderer","_c","itemToChip","addItem","isCancelled","console","warn","ce","CustomEvent","cancelable","bubbles","defaultPrevented","add","remove","suggested","key","preventDefault","stopImmediatePropagation","anchorIndex","__decorate"],"sourceRoot":"","sources":["../../src/basic/AtomChips.tsx"],"sourcesContent":[null]}