@web-atoms/web-controls 2.3.0 → 2.3.2

package/dist/basic/FormField.js

@@ -1,193 +1,2 @@
-System.register(["@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/core/Colors", "@web-atoms/core/dist/core/FormattedString", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/services/NavigationService", "@web-atoms/core/dist/style/StyleRule", "@web-atoms/core/dist/web/services/PopupService", "@web-atoms/core/dist/web/styles/CSS"], function (_export, _context) {
-  "use strict";
-
-  var Bind, Colors, FormattedString, XNode, NavigationService, StyleRule, PopupWindow, CSS, __rest, css;
-  function FormField(_a, node) {
-    var _b, _c;
-    var {
-        label,
-        required,
-        error,
-        helpIcon = "fas fa-question-circle",
-        help,
-        helpEventClick,
-        helpTitle,
-        border = false
-      } = _a,
-      others = __rest(_a, ["label", "required", "error", "helpIcon", "help", "helpEventClick", "helpTitle", "border"]);
-    if (node) {
-      const na = (_b = node.attributes) !== null && _b !== void 0 ? _b : node.attributes = {};
-      na["data-element"] = "content";
-    }
-    if (!helpEventClick && help) {
-      helpEventClick = Bind.event((s, e) => {
-        const app = s.app;
-        if (typeof help === "string" || help instanceof FormattedString) {
-          const ns = app.resolve(NavigationService);
-          ns.notify(help);
-          return;
-        }
-        class HelpPopup extends PopupWindow {
-          create() {
-            this.render(XNode.create("div", {
-              "data-form-field-help": "help-window"
-            }, help));
-          }
-        }
-        HelpPopup.showWindow({
-          title: helpTitle !== null && helpTitle !== void 0 ? helpTitle : "Help"
-        });
-      });
-    }
-    let labelIsNode = false;
-    if (label && label instanceof XNode) {
-      const la = (_c = label.attributes) !== null && _c !== void 0 ? _c : label.attributes = {};
-      la["data-element"] = "label";
-      labelIsNode = true;
-    }
-    return XNode.create("div", Object.assign({
-      "data-wa-form-field": "wa-form-field",
-      "data-border": border
-    }, others), label && (labelIsNode ? label : XNode.create("label", {
-      "data-element": "label",
-      text: label
-    })), required && XNode.create("span", {
-      "data-required": "required",
-      class: required,
-      text: "*"
-    }), border && XNode.create("i", {
-      "data-border": "border"
-    }), node, help && XNode.create("i", {
-      "data-help": "help",
-      class: helpIcon,
-      title: helpTitle,
-      eventClick: helpEventClick
-    }), XNode.create("div", {
-      class: "field-error",
-      text: error
-    }));
-  }
-  function HorizontalFormField(_a, node) {
-    var _b;
-    var {
-        label,
-        required,
-        error,
-        helpIcon = "fas fa-question-circle",
-        help,
-        helpEventClick,
-        helpTitle,
-        border = false
-      } = _a,
-      others = __rest(_a, ["label", "required", "error", "helpIcon", "help", "helpEventClick", "helpTitle", "border"]);
-    if (node) {
-      const na = (_b = node.attributes) !== null && _b !== void 0 ? _b : node.attributes = {};
-      na["data-content"] = "content";
-    }
-    if (!helpEventClick && help) {
-      helpEventClick = Bind.event((s, e) => {
-        const app = s.app;
-        if (typeof help === "string" || help instanceof FormattedString) {
-          const ns = app.resolve(NavigationService);
-          ns.notify(help);
-          return;
-        }
-        class HelpPopup extends PopupWindow {
-          create() {
-            this.render(XNode.create("div", {
-              "data-form-field-help": "help-window"
-            }, help));
-          }
-        }
-        HelpPopup.showWindow({
-          title: helpTitle !== null && helpTitle !== void 0 ? helpTitle : "Help"
-        });
-      });
-    }
-    return XNode.create("div", Object.assign({
-      "data-wa-form-field": "wa-form-field",
-      "data-layout": "horizontal",
-      "data-border": border
-    }, others), label && XNode.create("label", {
-      class: "label",
-      text: label
-    }), required && XNode.create("span", {
-      "data-required": "required",
-      class: required,
-      text: "*"
-    }), border && XNode.create("i", {
-      "data-border": "border"
-    }), node, help && XNode.create("i", {
-      "data-help": "help",
-      class: helpIcon,
-      title: helpTitle,
-      eventClick: helpEventClick
-    }), XNode.create("div", {
-      class: "field-error",
-      text: error
-    }));
-  }
-  _export({
-    default: FormField,
-    HorizontalFormField: HorizontalFormField
-  });
-  return {
-    setters: [function (_webAtomsCoreDistCoreBind) {
-      Bind = _webAtomsCoreDistCoreBind.default;
-    }, function (_webAtomsCoreDistCoreColors) {
-      Colors = _webAtomsCoreDistCoreColors.default;
-    }, function (_webAtomsCoreDistCoreFormattedString) {
-      FormattedString = _webAtomsCoreDistCoreFormattedString.default;
-    }, function (_webAtomsCoreDistCoreXNode) {
-      XNode = _webAtomsCoreDistCoreXNode.default;
-    }, function (_webAtomsCoreDistServicesNavigationService) {
-      NavigationService = _webAtomsCoreDistServicesNavigationService.NavigationService;
-    }, function (_webAtomsCoreDistStyleStyleRule) {
-      StyleRule = _webAtomsCoreDistStyleStyleRule.default;
-    }, function (_webAtomsCoreDistWebServicesPopupService) {
-      PopupWindow = _webAtomsCoreDistWebServicesPopupService.PopupWindow;
-    }, function (_webAtomsCoreDistWebStylesCSS) {
-      CSS = _webAtomsCoreDistWebStylesCSS.default;
-    }],
-    execute: function () {
-      __rest = void 0 && (void 0).__rest || function (s, e) {
-        var t = {};
-        for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-        if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-          if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-        }
-        return t;
-      };
-      css = CSS(StyleRule().display("grid").alignItems("center").gridTemplateColumns("auto 1fr auto auto").gridTemplateRows("auto auto auto").child(StyleRule("[data-element=label]").gridRow("1").gridColumn("1")).child(StyleRule("[data-element=content]").gridRowStart("2").gridColumnStart("1").gridColumnEnd("span 3").marginTop(5).marginBottom(5)).and(StyleRule("[data-border=true]").nested(StyleRule("input").border("none").outline("none")).nested(StyleRule("textarea").border("none").outline("none")).nested(StyleRule("select").border("none"))).child(StyleRule("i[data-border=border]").gridColumnStart("1").gridColumnEnd("span 3").gridRowStart("3").alignSelf("flex-end").borderBottomStyle("solid").borderBottomWidth("1px").borderBottomColor(Colors.lightGray)).and(StyleRule("[data-focused=true]").child(StyleRule("i[data-border=border]").borderBottomColor(Colors.black))).child(StyleRule("i[data-help=help]").gridRowStart("2").gridColumnStart("3").padding(5).fontSize("x-large").cursor("pointer").marginLeft("auto").color(Colors.lightGreen)).child(StyleRule(".field-error").gridRowStart("4").gridColumnStart("1").gridColumnEnd("span 3").padding(5).margin(5).borderRadius(9999).backgroundColor(Colors.red).color(Colors.white).fontSize("smaller").and(StyleRule(":empty").display("none"))).child(StyleRule("span[data-required=required]").gridColumnStart("2").gridRow("1").visibility("hidden").color(Colors.red).and(StyleRule(".true").visibility("visible"))).and(StyleRule("[data-layout=horizontal]").gridTemplateColumns("auto auto 1fr auto").gridTemplateRows("auto auto").child(StyleRule("label.label").gridRowStart("2").marginRight(5).marginBottom(5)).child(StyleRule("[data-content=content]").gridRowStart("2").gridColumnStart("3").marginTop(0).marginBottom(5)).child(StyleRule("i[data-help=help]").gridRowStart("2").gridColumnStart("4")).child(StyleRule(".field-error").gridRowStart("4").gridColumnStart("1").gridColumnEnd("span 3")).child(StyleRule("span[data-required=required]").gridRowStart("2").gridColumnStart("2").marginRight(5).display("none").color(Colors.red).and(StyleRule(".true").display("inline")))), "div[data-wa-form-field=wa-form-field]");
-      CSS(StyleRule().width(300).maxHeight(500).overflow("auto").padding(10).verticalFlexLayout({
-        alignItems: "center",
-        justifyContent: "flex-start"
-      }), "div[data-form-field-help=help-window]");
-      document.addEventListener("focusin", e => {
-        let {
-          target
-        } = e;
-        while (target) {
-          if (target.dataset.waFormField === "wa-form-field") {
-            target.dataset.focused = "true";
-            break;
-          }
-          target = target.parentElement;
-        }
-      });
-      document.addEventListener("focusout", e => {
-        let {
-          target
-        } = e;
-        while (target) {
-          if (target.dataset.waFormField === "wa-form-field") {
-            delete target.dataset.focused;
-            break;
-          }
-          target = target.parentElement;
-        }
-      });
-    }
-  };
-});
+System.register(["tslib","@web-atoms/core/dist/core/Bind","@web-atoms/core/dist/core/Colors","@web-atoms/core/dist/core/FormattedString","@web-atoms/core/dist/core/XNode","@web-atoms/core/dist/services/NavigationService","@web-atoms/core/dist/style/StyleRule","@web-atoms/core/dist/web/services/PopupService","@web-atoms/core/dist/web/styles/CSS"],function(_export,_context){"use strict";var __rest,Bind,Colors,FormattedString,XNode,NavigationService,StyleRule,PopupWindow,CSS,css;function FormField(_a,node){var _b,_c;var{label,required,error,helpIcon="fas fa-question-circle",help,helpEventClick,helpTitle,border=false}=_a,others=__rest(_a,["label","required","error","helpIcon","help","helpEventClick","helpTitle","border"]);if(node){const na=(_b=node.attributes)!==null&&_b!==void 0?_b:node.attributes={};na["data-element"]="content";}if(!helpEventClick&&help){helpEventClick=Bind.event((s,e)=>{const app=s.app;if(typeof help==="string"||help instanceof FormattedString){const ns=app.resolve(NavigationService);ns.notify(help);return;}class HelpPopup extends PopupWindow{create(){this.render(XNode.create("div",{"data-form-field-help":"help-window"},help));}}HelpPopup.showWindow({title:helpTitle!==null&&helpTitle!==void 0?helpTitle:"Help"});});}let labelIsNode=false;if(label&&label instanceof XNode){const la=(_c=label.attributes)!==null&&_c!==void 0?_c:label.attributes={};la["data-element"]="label";labelIsNode=true;}return XNode.create("div",Object.assign({"data-wa-form-field":"wa-form-field","data-border":border},others),label&&(labelIsNode?label:XNode.create("label",{"data-element":"label",text:label})),required&&XNode.create("span",{"data-required":"required",class:required,text:"*"}),border&&XNode.create("i",{"data-border":"border"}),node,help&&XNode.create("i",{"data-help":"help",class:helpIcon,title:helpTitle,eventClick:helpEventClick}),XNode.create("div",{class:"field-error",text:error}));}function HorizontalFormField(_a,node){var _b;var{label,required,error,helpIcon="fas fa-question-circle",help,helpEventClick,helpTitle,border=false}=_a,others=__rest(_a,["label","required","error","helpIcon","help","helpEventClick","helpTitle","border"]);if(node){const na=(_b=node.attributes)!==null&&_b!==void 0?_b:node.attributes={};na["data-content"]="content";}if(!helpEventClick&&help){helpEventClick=Bind.event((s,e)=>{const app=s.app;if(typeof help==="string"||help instanceof FormattedString){const ns=app.resolve(NavigationService);ns.notify(help);return;}class HelpPopup extends PopupWindow{create(){this.render(XNode.create("div",{"data-form-field-help":"help-window"},help));}}HelpPopup.showWindow({title:helpTitle!==null&&helpTitle!==void 0?helpTitle:"Help"});});}return XNode.create("div",Object.assign({"data-wa-form-field":"wa-form-field","data-layout":"horizontal","data-border":border},others),label&&XNode.create("label",{class:"label",text:label}),required&&XNode.create("span",{"data-required":"required",class:required,text:"*"}),border&&XNode.create("i",{"data-border":"border"}),node,help&&XNode.create("i",{"data-help":"help",class:helpIcon,title:helpTitle,eventClick:helpEventClick}),XNode.create("div",{class:"field-error",text:error}));}_export({default:FormField,HorizontalFormField:HorizontalFormField});return{setters:[function(_tslib){__rest=_tslib.__rest;},function(_webAtomsCoreDistCoreBind){Bind=_webAtomsCoreDistCoreBind.default;},function(_webAtomsCoreDistCoreColors){Colors=_webAtomsCoreDistCoreColors.default;},function(_webAtomsCoreDistCoreFormattedString){FormattedString=_webAtomsCoreDistCoreFormattedString.default;},function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default;},function(_webAtomsCoreDistServicesNavigationService){NavigationService=_webAtomsCoreDistServicesNavigationService.NavigationService;},function(_webAtomsCoreDistStyleStyleRule){StyleRule=_webAtomsCoreDistStyleStyleRule.default;},function(_webAtomsCoreDistWebServicesPopupService){PopupWindow=_webAtomsCoreDistWebServicesPopupService.PopupWindow;},function(_webAtomsCoreDistWebStylesCSS){CSS=_webAtomsCoreDistWebStylesCSS.default;}],execute:function(){css=CSS(StyleRule().display("grid").alignItems("center").gridTemplateColumns("auto 1fr auto auto").gridTemplateRows("auto auto auto").child(StyleRule("[data-element=label]").gridRow("1").gridColumn("1")).child(StyleRule("[data-element=content]").gridRowStart("2").gridColumnStart("1").gridColumnEnd("span 3").marginTop(5).marginBottom(5)).and(StyleRule("[data-border=true]").nested(StyleRule("input").border("none").outline("none")).nested(StyleRule("textarea").border("none").outline("none")).nested(StyleRule("select").border("none"))).child(StyleRule("i[data-border=border]").gridColumnStart("1").gridColumnEnd("span 3").gridRowStart("3").alignSelf("flex-end").borderBottomStyle("solid").borderBottomWidth("1px").borderBottomColor(Colors.lightGray)).and(StyleRule("[data-focused=true]").child(StyleRule("i[data-border=border]").borderBottomColor(Colors.black))).child(StyleRule("i[data-help=help]").gridRowStart("2").gridColumnStart("3").padding(5).fontSize("x-large").cursor("pointer").marginLeft("auto").color(Colors.lightGreen)).child(StyleRule(".field-error").gridRowStart("4").gridColumnStart("1").gridColumnEnd("span 3").padding(5).margin(5).borderRadius(9999).backgroundColor(Colors.red).color(Colors.white).fontSize("smaller").and(StyleRule(":empty").display("none"))).child(StyleRule("span[data-required=required]").gridColumnStart("2").gridRow("1").visibility("hidden").color(Colors.red).and(StyleRule(".true").visibility("visible"))).and(StyleRule("[data-layout=horizontal]").gridTemplateColumns("auto auto 1fr auto").gridTemplateRows("auto auto").child(StyleRule("label.label").gridRowStart("2").marginRight(5).marginBottom(5)).child(StyleRule("[data-content=content]").gridRowStart("2").gridColumnStart("3").marginTop(0).marginBottom(5)).child(StyleRule("i[data-help=help]").gridRowStart("2").gridColumnStart("4")).child(StyleRule(".field-error").gridRowStart("4").gridColumnStart("1").gridColumnEnd("span 3")).child(StyleRule("span[data-required=required]").gridRowStart("2").gridColumnStart("2").marginRight(5).display("none").color(Colors.red).and(StyleRule(".true").display("inline")))),"div[data-wa-form-field=wa-form-field]");CSS(StyleRule().width(300).maxHeight(500).overflow("auto").padding(10).verticalFlexLayout({alignItems:"center",justifyContent:"flex-start"}),"div[data-form-field-help=help-window]");document.addEventListener("focusin",e=>{let{target}=e;while(target){if(target.dataset.waFormField==="wa-form-field"){target.dataset.focused="true";break;}target=target.parentElement;}});document.addEventListener("focusout",e=>{let{target}=e;while(target){if(target.dataset.waFormField==="wa-form-field"){delete target.dataset.focused;break;}target=target.parentElement;}});}};});
 //# sourceMappingURL=FormField.js.map

package/dist/basic/FormField.js.map

@@ -1 +1 @@
-{"version":3,"mappings":"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","names":["FormField","_a","node","label","required","error","helpIcon","help","helpEventClick","helpTitle","border","others","na","attributes","Bind","event","s","e","app","FormattedString","ns","resolve","NavigationService","notify","HelpPopup","PopupWindow","create","render","XNode","showWindow","title","labelIsNode","la","text","class","eventClick","HorizontalFormField","Colors","StyleRule","CSS","css","display","alignItems","gridTemplateColumns","gridTemplateRows","child","gridRow","gridColumn","gridRowStart","gridColumnStart","gridColumnEnd","marginTop","marginBottom","and","nested","outline","alignSelf","borderBottomStyle","borderBottomWidth","borderBottomColor","lightGray","black","padding","fontSize","cursor","marginLeft","color","lightGreen","margin","borderRadius","backgroundColor","red","white","visibility","marginRight","width","maxHeight","overflow","verticalFlexLayout","justifyContent","document","addEventListener","target","dataset","waFormField","focused","parentElement"],"sourceRoot":"","sources":["../../src/basic/FormField.tsx"],"sourcesContent":[null]}
+{"version":3,"mappings":"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","names":["FormField","_a","node","label","required","error","helpIcon","help","helpEventClick","helpTitle","border","others","na","attributes","Bind","event","s","e","app","FormattedString","ns","resolve","NavigationService","notify","HelpPopup","PopupWindow","create","render","XNode","showWindow","title","labelIsNode","la","text","class","eventClick","HorizontalFormField","Colors","StyleRule","CSS","css","display","alignItems","gridTemplateColumns","gridTemplateRows","child","gridRow","gridColumn","gridRowStart","gridColumnStart","gridColumnEnd","marginTop","marginBottom","and","nested","outline","alignSelf","borderBottomStyle","borderBottomWidth","borderBottomColor","lightGray","black","padding","fontSize","cursor","marginLeft","color","lightGreen","margin","borderRadius","backgroundColor","red","white","visibility","marginRight","width","maxHeight","overflow","verticalFlexLayout","justifyContent","document","addEventListener","target","dataset","waFormField","focused","parentElement"],"sourceRoot":"","sources":["../../src/basic/FormField.tsx"],"sourcesContent":[null]}

package/dist/basic/IElement.js

@@ -1,9 +1,2 @@
-System.register([], function (_export, _context) {
-  "use strict";
-
-  return {
-    setters: [],
-    execute: function () {}
-  };
-});
+System.register([],function(_export,_context){"use strict";return{setters:[],execute:function(){}};});
 //# sourceMappingURL=IElement.js.map

package/dist/basic/InlinePopup.js

@@ -1,328 +1,2 @@
-System.register(["@web-atoms/core/dist/core/AtomDisposableList", "@web-atoms/core/dist/core/Colors", "@web-atoms/core/dist/core/sleep", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/style/StyleRule", "@web-atoms/core/dist/web/controls/AtomControl", "@web-atoms/core/dist/web/styles/CSS"], function (_export, _context) {
-  "use strict";
-
-  var AtomDisposableList, Colors, sleep, XNode, StyleRule, AtomControl, ElementValueSetters, CSS, InlinePopup, __awaiter, __rest;
-  function closeHandler(opener, container, close) {
-    let handler = null;
-    const body = document.body;
-    handler = e => {
-      var _a;
-      let start = e.target;
-      if (e.defaultPrevented) {
-        return;
-      }
-      while (start) {
-        if (start === body) {
-          break;
-        }
-        if (start === opener) {
-          return;
-        }
-        if (start === container) {
-          return;
-        }
-        start = start.parentElement;
-      }
-      close();
-      e.preventDefault();
-      (_a = e.stopImmediatePropagation) === null || _a === void 0 ? void 0 : _a.call(e);
-    };
-    document.body.addEventListener("click", handler, true);
-    let ce = container;
-    const containNoneList = [];
-    while (ce) {
-      const isNotNone = window.getComputedStyle(ce).contain !== "none";
-      if (isNotNone) {
-        ce.setAttribute("data-force-contain", "none");
-        containNoneList.push(ce);
-      }
-      ce = ce.parentElement;
-    }
-    return () => {
-      document.body.removeEventListener("click", handler, true);
-      for (const iterator of containNoneList) {
-        iterator.removeAttribute("data-force-contain");
-      }
-    };
-  }
-  function InlinePopupButton(_a, ...popupNodes) {
-    var {
-        text,
-        label,
-        icon,
-        hasBorder = false,
-        nodes = [],
-        defaultOnClick = "close",
-        anchorRight = false,
-        popup
-      } = _a,
-      a = __rest(_a, ["text", "label", "icon", "hasBorder", "nodes", "defaultOnClick", "anchorRight", "popup"]);
-    if (popup) {
-      return XNode.create("button", Object.assign({
-        "data-popup-class": popup,
-        "data-has-border": !!hasBorder,
-        "data-inline-popup-button": "inline-popup-button",
-        "data-alignment": anchorRight ? "bottomRight" : "bottomLeft"
-      }, a), icon && XNode.create("i", {
-        class: icon
-      }), text && XNode.create("span", {
-        text: text
-      }), label && XNode.create("label", {
-        text: text
-      }), ...nodes);
-    }
-    let isOpen = false;
-    const done = () => isOpen = false;
-    const click = e => __awaiter(this, void 0, void 0, function* () {
-      if (isOpen || e.defaultPrevented) {
-        return;
-      }
-      const popupNode = popupNodes.length > 1 ? XNode.create("div", null, ...popupNodes) : popupNodes[0];
-      try {
-        isOpen = true;
-        yield InlinePopup.show(e.currentTarget, popupNode, {
-          defaultOnClick
-        });
-      } finally {
-        done();
-      }
-    });
-    return XNode.create("button", Object.assign({
-      "event-click": click,
-      "data-has-border": !!hasBorder,
-      "data-alignment": anchorRight ? "bottomRight" : "bottomLeft",
-      "data-inline-popup-button": "inline-popup-button"
-    }, a), icon && XNode.create("i", {
-      class: icon
-    }), text && XNode.create("span", {
-      text: text
-    }), label && XNode.create("label", {
-      text: text
-    }), ...nodes);
-  }
-  _export({
-    default: void 0,
-    InlinePopupButton: InlinePopupButton
-  });
-  return {
-    setters: [function (_webAtomsCoreDistCoreAtomDisposableList) {
-      AtomDisposableList = _webAtomsCoreDistCoreAtomDisposableList.AtomDisposableList;
-    }, function (_webAtomsCoreDistCoreColors) {
-      Colors = _webAtomsCoreDistCoreColors.default;
-    }, function (_webAtomsCoreDistCoreSleep) {
-      sleep = _webAtomsCoreDistCoreSleep.default;
-    }, function (_webAtomsCoreDistCoreXNode) {
-      XNode = _webAtomsCoreDistCoreXNode.default;
-    }, function (_webAtomsCoreDistStyleStyleRule) {
-      StyleRule = _webAtomsCoreDistStyleStyleRule.default;
-    }, function (_webAtomsCoreDistWebControlsAtomControl) {
-      AtomControl = _webAtomsCoreDistWebControlsAtomControl.AtomControl;
-      ElementValueSetters = _webAtomsCoreDistWebControlsAtomControl.ElementValueSetters;
-    }, function (_webAtomsCoreDistWebStylesCSS) {
-      CSS = _webAtomsCoreDistWebStylesCSS.default;
-    }],
-    execute: function () {
-      __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());
-        });
-      };
-      __rest = void 0 && (void 0).__rest || function (s, e) {
-        var t = {};
-        for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-        if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-          if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-        }
-        return t;
-      };
-      CSS(StyleRule().position("absolute").borderRadius(5).padding(5).border("solid 1px lightgray").defaultBoxShadow().zIndex(5000).backgroundColor("var(--primary-bg, white)").color("var(--primary-color, darkgray)").left(0), "*[data-inline-popup=inline-popup]");
-      CSS(StyleRule().right(0).left("unset"), "*[data-alignment=bottom-right] > [data-inline-popup=inline-popup]");
-      _export("default", InlinePopup = class InlinePopup extends AtomControl {
-        static show(target, node, options = {}) {
-          var _a, _b;
-          return __awaiter(this, void 0, void 0, function* () {
-            const targetElement = (_a = target.element) !== null && _a !== void 0 ? _a : target;
-            const control = target.element ? target : AtomControl.from(target);
-            const targetStyle = window.getComputedStyle(targetElement);
-            if (!/fixed|absolute|relative/i.test(targetStyle.position)) {
-              targetElement.style.position = "relative";
-            }
-            yield sleep(10);
-            const container = document.createElement("div");
-            container.setAttribute("data-inline-popup", "inline-popup");
-            const alignment = (_b = options.alignment) !== null && _b !== void 0 ? _b : "none";
-            switch (alignment) {
-              case "bottomLeft":
-                container.style.top = `${targetElement.offsetHeight}px`;
-                container.style.left = "0px";
-                break;
-              case "bottomRight":
-                container.style.top = `${targetElement.offsetHeight}px`;
-                container.style.right = "0px";
-                break;
-              case "topRight":
-                container.style.top = "0px";
-                container.style.left = `${targetElement.offsetWidth}px`;
-                break;
-              default:
-                container.style.top = `${targetElement.offsetHeight}px`;
-                break;
-            }
-            container._logicalParent = targetElement;
-            control.render(XNode.create("div", null, " ", node, " "), container, control);
-            targetElement.insertAdjacentElement("beforeend", container);
-            return yield new Promise((resolve, reject) => {
-              var _a;
-              const disposables = new AtomDisposableList();
-              let resolved = false;
-              const close = r => {
-                if (resolved) {
-                  return;
-                }
-                resolved = true;
-                resolve(r);
-                disposables.dispose();
-              };
-              const cancel = (r = "cancelled") => {
-                if (resolved) {
-                  return;
-                }
-                resolved = true;
-                reject(r);
-                disposables.dispose();
-              };
-              const firstChild = container.firstElementChild.atomControl;
-              if (firstChild instanceof InlinePopup) {
-                firstChild.cancel = cancel;
-                firstChild.close = close;
-              } else {
-                if (options.onClick === void 0) {
-                  options.onClick = options.defaultOnClick;
-                }
-              }
-              const defaultClose = options.onClick === "close" ? close : cancel;
-              const observer = new MutationObserver(() => {
-                if (!container.isConnected) {
-                  defaultClose();
-                }
-              });
-              observer.observe(targetElement, {
-                childList: true
-              });
-              disposables.add(() => {
-                observer.disconnect();
-                control.dispose(container);
-                container.remove();
-              });
-              if (options.onClick) {
-                disposables.add(control.bindEvent(container, "click", () => __awaiter(this, void 0, void 0, function* () {
-                  yield sleep(200);
-                  defaultClose();
-                })));
-              }
-              (_a = options.cancelToken) === null || _a === void 0 ? void 0 : _a.registerForCancel(cancel);
-              disposables.add(closeHandler(targetElement, container, defaultClose));
-            });
-          });
-        }
-        static showControl(target, options = {}) {
-          const node = XNode.create(this, {});
-          return this.show(target, node, options);
-        }
-        dispatchClickEvent(e, data) {
-          let start = this.element.parentElement;
-          while (start) {
-            const atomControl = AtomControl.from(start);
-            if (atomControl) {
-              atomControl.dispatchClickEvent(e, data);
-              return;
-            }
-            start = start.parentElement;
-          }
-          super.dispatchClickEvent(e, data);
-        }
-      });
-      CSS(StyleRule().flexLayout({
-        alignItems: "center",
-        inline: true,
-        justifyContent: "center"
-      }).flexWrap("wrap").padding(3).paddingLeft(5).paddingRight(5).and(StyleRule("[data-has-border=false]").border("none").backgroundColor(Colors.transparent)), "*[data-inline-popup-button=inline-popup-button]");
-      document.body.addEventListener("click", e => {
-        let start = e.target;
-        let popupFactory;
-        let alignment;
-        while (start) {
-          popupFactory = start.popupFactory;
-          if (popupFactory) {
-            alignment = start.dataset.alignment;
-            break;
-          }
-          start = start.parentElement;
-        }
-        if (!start) {
-          return;
-        }
-        const control = AtomControl.from(start);
-        const app = control.app;
-        const target = start;
-        const element = control.element;
-        let itemIndex;
-        let data;
-        if (control.items && control.itemRenderer) {
-          while (start && start !== element) {
-            itemIndex !== null && itemIndex !== void 0 ? itemIndex : itemIndex = start.dataset.itemIndex;
-            if (itemIndex) {
-              data = control.items[itemIndex];
-              break;
-            }
-            start = start.parentElement;
-          }
-        }
-        if (!data) {
-          data = new Proxy(target, {
-            get(t, p, receiver) {
-              let s = target;
-              while (s) {
-                const v = s.dataset[p];
-                if (v !== void 0) {
-                  return v;
-                }
-                s = s.parentElement;
-              }
-            }
-          });
-        }
-        const node = popupFactory(data);
-        app.runAsync(() => InlinePopup.show(target, node, {
-          alignment
-        }));
-      });
-      ElementValueSetters["data-popup-class"] = (c, e, v) => {
-        e.popupFactory = v;
-      };
-    }
-  };
-});
+System.register(["tslib","@web-atoms/core/dist/core/AtomDisposableList","@web-atoms/core/dist/core/Colors","@web-atoms/core/dist/core/sleep","@web-atoms/core/dist/core/XNode","@web-atoms/core/dist/style/StyleRule","@web-atoms/core/dist/web/controls/AtomControl","@web-atoms/core/dist/web/styles/CSS"],function(_export,_context){"use strict";var __awaiter,__rest,AtomDisposableList,Colors,sleep,XNode,StyleRule,AtomControl,ElementValueSetters,CSS,InlinePopup;function closeHandler(opener,container,close){let handler=null;const body=document.body;handler=e=>{var _a;let start=e.target;if(e.defaultPrevented){return;}while(start){if(start===body){break;}if(start===opener){return;}if(start===container){return;}start=start.parentElement;}close();e.preventDefault();(_a=e.stopImmediatePropagation)===null||_a===void 0?void 0:_a.call(e);};document.body.addEventListener("click",handler,true);let ce=container;const containNoneList=[];while(ce){const isNotNone=window.getComputedStyle(ce).contain!=="none";if(isNotNone){ce.setAttribute("data-force-contain","none");containNoneList.push(ce);}ce=ce.parentElement;}return()=>{document.body.removeEventListener("click",handler,true);for(const iterator of containNoneList){iterator.removeAttribute("data-force-contain");}};}function InlinePopupButton(_a,...popupNodes){var{text,label,icon,hasBorder=false,nodes=[],defaultOnClick="close",anchorRight=false,popup}=_a,a=__rest(_a,["text","label","icon","hasBorder","nodes","defaultOnClick","anchorRight","popup"]);if(popup){return XNode.create("button",Object.assign({"data-popup-class":popup,"data-has-border":!!hasBorder,"data-inline-popup-button":"inline-popup-button","data-alignment":anchorRight?"bottomRight":"bottomLeft"},a),icon&&XNode.create("i",{class:icon}),text&&XNode.create("span",{text:text}),label&&XNode.create("label",{text:text}),...nodes);}let isOpen=false;const done=()=>isOpen=false;const click=e=>__awaiter(this,void 0,void 0,function*(){if(isOpen||e.defaultPrevented){return;}const popupNode=popupNodes.length>1?XNode.create("div",null,...popupNodes):popupNodes[0];try{isOpen=true;yield InlinePopup.show(e.currentTarget,popupNode,{defaultOnClick});}finally{done();}});return XNode.create("button",Object.assign({"event-click":click,"data-has-border":!!hasBorder,"data-alignment":anchorRight?"bottomRight":"bottomLeft","data-inline-popup-button":"inline-popup-button"},a),icon&&XNode.create("i",{class:icon}),text&&XNode.create("span",{text:text}),label&&XNode.create("label",{text:text}),...nodes);}_export({default:void 0,InlinePopupButton:InlinePopupButton});return{setters:[function(_tslib){__awaiter=_tslib.__awaiter;__rest=_tslib.__rest;},function(_webAtomsCoreDistCoreAtomDisposableList){AtomDisposableList=_webAtomsCoreDistCoreAtomDisposableList.AtomDisposableList;},function(_webAtomsCoreDistCoreColors){Colors=_webAtomsCoreDistCoreColors.default;},function(_webAtomsCoreDistCoreSleep){sleep=_webAtomsCoreDistCoreSleep.default;},function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default;},function(_webAtomsCoreDistStyleStyleRule){StyleRule=_webAtomsCoreDistStyleStyleRule.default;},function(_webAtomsCoreDistWebControlsAtomControl){AtomControl=_webAtomsCoreDistWebControlsAtomControl.AtomControl;ElementValueSetters=_webAtomsCoreDistWebControlsAtomControl.ElementValueSetters;},function(_webAtomsCoreDistWebStylesCSS){CSS=_webAtomsCoreDistWebStylesCSS.default;}],execute:function(){CSS(StyleRule().position("absolute").borderRadius(5).padding(5).border("solid 1px lightgray").defaultBoxShadow().zIndex(5000).backgroundColor("var(--primary-bg, white)").color("var(--primary-color, darkgray)").left(0),"*[data-inline-popup=inline-popup]");CSS(StyleRule().right(0).left("unset"),"*[data-alignment=bottom-right] > [data-inline-popup=inline-popup]");_export("default",InlinePopup=class InlinePopup extends AtomControl{static show(target,node,options={}){var _a,_b;return __awaiter(this,void 0,void 0,function*(){const targetElement=(_a=target.element)!==null&&_a!==void 0?_a:target;const control=target.element?target:AtomControl.from(target);const targetStyle=window.getComputedStyle(targetElement);if(!/fixed|absolute|relative/i.test(targetStyle.position)){targetElement.style.position="relative";}yield sleep(10);const container=document.createElement("div");container.setAttribute("data-inline-popup","inline-popup");const alignment=(_b=options.alignment)!==null&&_b!==void 0?_b:"none";switch(alignment){case"bottomLeft":container.style.top=`${targetElement.offsetHeight}px`;container.style.left="0px";break;case"bottomRight":container.style.top=`${targetElement.offsetHeight}px`;container.style.right="0px";break;case"topRight":container.style.top="0px";container.style.left=`${targetElement.offsetWidth}px`;break;default:container.style.top=`${targetElement.offsetHeight}px`;break;}container._logicalParent=targetElement;control.render(XNode.create("div",null," ",node," "),container,control);targetElement.insertAdjacentElement("beforeend",container);return yield new Promise((resolve,reject)=>{var _a;const disposables=new AtomDisposableList();let resolved=false;const close=r=>{if(resolved){return;}resolved=true;resolve(r);disposables.dispose();};const cancel=(r="cancelled")=>{if(resolved){return;}resolved=true;reject(r);disposables.dispose();};const firstChild=container.firstElementChild.atomControl;if(firstChild instanceof InlinePopup){firstChild.cancel=cancel;firstChild.close=close;}else{if(options.onClick===void 0){options.onClick=options.defaultOnClick;}}const defaultClose=options.onClick==="close"?close:cancel;const observer=new MutationObserver(()=>{if(!container.isConnected){defaultClose();}});observer.observe(targetElement,{childList:true});disposables.add(()=>{observer.disconnect();control.dispose(container);container.remove();});if(options.onClick){disposables.add(control.bindEvent(container,"click",()=>__awaiter(this,void 0,void 0,function*(){yield sleep(200);defaultClose();})));}(_a=options.cancelToken)===null||_a===void 0?void 0:_a.registerForCancel(cancel);disposables.add(closeHandler(targetElement,container,defaultClose));});});}static showControl(target,options={}){const node=XNode.create(this,{});return this.show(target,node,options);}dispatchClickEvent(e,data){let start=this.element.parentElement;while(start){const atomControl=AtomControl.from(start);if(atomControl){atomControl.dispatchClickEvent(e,data);return;}start=start.parentElement;}super.dispatchClickEvent(e,data);}});CSS(StyleRule().flexLayout({alignItems:"center",inline:true,justifyContent:"center"}).flexWrap("wrap").padding(3).paddingLeft(5).paddingRight(5).and(StyleRule("[data-has-border=false]").border("none").backgroundColor(Colors.transparent)),"*[data-inline-popup-button=inline-popup-button]");document.body.addEventListener("click",e=>{let start=e.target;let popupFactory;let alignment;while(start){popupFactory=start.popupFactory;if(popupFactory){alignment=start.dataset.alignment;break;}start=start.parentElement;}if(!start){return;}const control=AtomControl.from(start);const app=control.app;const target=start;const element=control.element;let itemIndex;let data;if(control.items&&control.itemRenderer){while(start&&start!==element){itemIndex!==null&&itemIndex!==void 0?itemIndex:itemIndex=start.dataset.itemIndex;if(itemIndex){data=control.items[itemIndex];break;}start=start.parentElement;}}if(!data){data=new Proxy(target,{get(t,p,receiver){let s=target;while(s){const v=s.dataset[p];if(v!==void 0){return v;}s=s.parentElement;}}});}const node=popupFactory(data);app.runAsync(()=>InlinePopup.show(target,node,{alignment}));});ElementValueSetters["data-popup-class"]=(c,e,v)=>{e.popupFactory=v;};}};});
 //# sourceMappingURL=InlinePopup.js.map