@web-atoms/web-controls 2.2.0 → 2.2.2

package/dist/data-pager/AtomDataPager.js

@@ -1,103 +1,113 @@
-var __decorate = (this && this.__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;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-(function (factory) {
-    if (typeof module === "object" && typeof module.exports === "object") {
-        var v = factory(require, exports);
-        if (v !== undefined) module.exports = v;
-    }
-    else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/core/Colors", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/view-model/AtomViewModel", "@web-atoms/core/dist/web/controls/AtomControl", "@web-atoms/core/dist/web/controls/AtomItemsControl", "@web-atoms/core/dist/web/styles/AtomStyle"], factory);
-    }
-})(function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.AtomDataPagerStyle = exports.AtomDataPagerViewModel = void 0;
-    const Bind_1 = require("@web-atoms/core/dist/core/Bind");
-    const Colors_1 = require("@web-atoms/core/dist/core/Colors");
-    const XNode_1 = require("@web-atoms/core/dist/core/XNode");
-    const AtomViewModel_1 = require("@web-atoms/core/dist/view-model/AtomViewModel");
-    const AtomControl_1 = require("@web-atoms/core/dist/web/controls/AtomControl");
-    const AtomItemsControl_1 = require("@web-atoms/core/dist/web/controls/AtomItemsControl");
-    const AtomStyle_1 = require("@web-atoms/core/dist/web/styles/AtomStyle");
-    class AtomDataPagerViewModel extends AtomViewModel_1.AtomViewModel {
+System.register(["@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/core/Colors", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/view-model/AtomViewModel", "@web-atoms/core/dist/web/controls/AtomControl", "@web-atoms/core/dist/web/controls/AtomItemsControl", "@web-atoms/core/dist/web/styles/AtomStyle"], function (_export, _context) {
+  "use strict";
+
+  var Bind, Colors, XNode, AtomViewModel, Watch, AtomControl, AtomItemsControl, AtomStyle, AtomDataPagerViewModel, AtomDataPagerStyle, AtomDataPager, __decorate, __metadata;
+  _export({
+    AtomDataPagerViewModel: void 0,
+    AtomDataPagerStyle: void 0,
+    default: void 0
+  });
+  return {
+    setters: [function (_webAtomsCoreDistCoreBind) {
+      Bind = _webAtomsCoreDistCoreBind.default;
+    }, function (_webAtomsCoreDistCoreColors) {
+      Colors = _webAtomsCoreDistCoreColors.default;
+    }, function (_webAtomsCoreDistCoreXNode) {
+      XNode = _webAtomsCoreDistCoreXNode.default;
+    }, function (_webAtomsCoreDistViewModelAtomViewModel) {
+      AtomViewModel = _webAtomsCoreDistViewModelAtomViewModel.AtomViewModel;
+      Watch = _webAtomsCoreDistViewModelAtomViewModel.Watch;
+    }, function (_webAtomsCoreDistWebControlsAtomControl) {
+      AtomControl = _webAtomsCoreDistWebControlsAtomControl.AtomControl;
+    }, function (_webAtomsCoreDistWebControlsAtomItemsControl) {
+      AtomItemsControl = _webAtomsCoreDistWebControlsAtomItemsControl.AtomItemsControl;
+    }, function (_webAtomsCoreDistWebStylesAtomStyle) {
+      AtomStyle = _webAtomsCoreDistWebStylesAtomStyle.AtomStyle;
+    }],
+    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);
+      };
+      _export("AtomDataPagerViewModel", AtomDataPagerViewModel = class AtomDataPagerViewModel extends AtomViewModel {
         get pages() {
-            const r = [];
-            const size = this.owner.size;
-            if (size <= 0) {
-                return r;
-            }
-            const total = Math.ceil(this.owner.total / size);
-            let current = this.owner.current;
-            if (current === null) {
-                current = 0;
-                this.owner.current = 0;
-            }
-            if (current >= total) {
-                current = total - 1;
-            }
-            const start = Math.max(0, current <= 2
-                ? 0
-                : (current + 5 > total ? (total - 5) : current - 3));
-            const max = Math.min(start + 5, total);
-            for (let index = start; index < max; index++) {
-                r.push({
-                    label: `${index + 1}`,
-                    value: index
-                });
-            }
+          const r = [];
+          const size = this.owner.size;
+          if (size <= 0) {
             return r;
+          }
+          const total = Math.ceil(this.owner.total / size);
+          let current = this.owner.current;
+          if (current === null) {
+            current = 0;
+            this.owner.current = 0;
+          }
+          if (current >= total) {
+            current = total - 1;
+          }
+          const start = Math.max(0, current <= 2 ? 0 : current + 5 > total ? total - 5 : current - 3);
+          const max = Math.min(start + 5, total);
+          for (let index = start; index < max; index++) {
+            r.push({
+              label: `${index + 1}`,
+              value: index
+            });
+          }
+          return r;
         }
-    }
-    __decorate([
-        AtomViewModel_1.Watch,
-        __metadata("design:type", Object),
-        __metadata("design:paramtypes", [])
-    ], AtomDataPagerViewModel.prototype, "pages", null);
-    exports.AtomDataPagerViewModel = AtomDataPagerViewModel;
-    class AtomDataPagerStyle extends AtomStyle_1.AtomStyle {
+      });
+      __decorate([Watch, __metadata("design:type", Object), __metadata("design:paramtypes", [])], AtomDataPagerViewModel.prototype, "pages", null);
+      _export("AtomDataPagerStyle", AtomDataPagerStyle = class AtomDataPagerStyle extends AtomStyle {
         get root() {
-            return {
-                subclasses: {
-                    " button": {
-                        margin: "5px"
-                    },
-                    " button.selected": {
-                        margin: "5px",
-                        backgroundColor: Colors_1.default.blue,
-                        color: Colors_1.default.white
-                    }
-                }
-            };
+          return {
+            subclasses: {
+              " button": {
+                margin: "5px"
+              },
+              " button.selected": {
+                margin: "5px",
+                backgroundColor: Colors.blue,
+                color: Colors.white
+              }
+            }
+          };
         }
-    }
-    exports.AtomDataPagerStyle = AtomDataPagerStyle;
-    class AtomDataPager extends AtomControl_1.AtomControl {
+      });
+      _export("default", AtomDataPager = class AtomDataPager extends AtomControl {
         create() {
-            this.defaultControlStyle = AtomDataPagerStyle;
-            this.current = 0;
-            this.size = 0;
-            this.total = 0;
-            this.localViewModel = this.resolve(AtomDataPagerViewModel, "owner");
-            this.render(XNode_1.default.create("div", { styleClass: this.controlStyle.name },
-                XNode_1.default.create("button", { eventClick: Bind_1.default.event(() => this.current = 0), text: "First" }),
-                XNode_1.default.create(AtomItemsControl_1.AtomItemsControl, { for: "span", items: Bind_1.default.oneWay(() => this.localViewModel.pages) },
-                    XNode_1.default.create(AtomItemsControl_1.AtomItemsControl.itemTemplate, null,
-                        XNode_1.default.create("button", { styleClass: Bind_1.default.oneWay((x) => ({
-                                item: 1,
-                                selected: x.data.value === this.current
-                            })), eventClick: Bind_1.default.event((x) => this.current = x.data.value), text: Bind_1.default.oneTime((x) => x.data.label) }))),
-                XNode_1.default.create("button", { eventClick: Bind_1.default.event(() => this.current = this.total > 0
-                        ? Math.floor(this.total / this.size)
-                        : 0), text: "Last" })));
+          this.defaultControlStyle = AtomDataPagerStyle;
+          this.current = 0;
+          this.size = 0;
+          this.total = 0;
+          this.localViewModel = this.resolve(AtomDataPagerViewModel, "owner");
+          this.render(XNode.create("div", {
+            styleClass: this.controlStyle.name
+          }, XNode.create("button", {
+            eventClick: Bind.event(() => this.current = 0),
+            text: "First"
+          }), XNode.create(AtomItemsControl, {
+            for: "span",
+            items: Bind.oneWay(() => this.localViewModel.pages)
+          }, XNode.create(AtomItemsControl.itemTemplate, null, XNode.create("button", {
+            styleClass: Bind.oneWay(x => ({
+              item: 1,
+              selected: x.data.value === this.current
+            })),
+            eventClick: Bind.event(x => this.current = x.data.value),
+            text: Bind.oneTime(x => x.data.label)
+          }))), XNode.create("button", {
+            eventClick: Bind.event(() => this.current = this.total > 0 ? Math.floor(this.total / this.size) : 0),
+            text: "Last"
+          })));
         }
+      });
     }
-    exports.default = AtomDataPager;
-});
+  };
+});
 //# sourceMappingURL=AtomDataPager.js.map

package/dist/data-pager/AtomDataPager.js.map

@@ -1 +1 @@
-{"version":3,"file":"AtomDataPager.js","sourceRoot":"","sources":["../../src/data-pager/AtomDataPager.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;IAAA,yDAAkD;IAClD,6DAAsD;IACtD,2DAAoD;IACpD,iFAAqF;IACrF,+EAA4E;IAC5E,yFAAsF;IACtF,yEAAsE;IAGtE,MAAa,sBAAuB,SAAQ,6BAAa;QAIrD,IACW,KAAK;YACZ,MAAM,CAAC,GAAG,EAAE,CAAC;YACb,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;YAC7B,IAAI,IAAI,IAAI,CAAC,EAAE;gBACX,OAAO,CAAC,CAAC;aACZ;YACD,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC;YACjD,IAAI,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC;YACjC,IAAI,OAAO,KAAK,IAAI,EAAE;gBAClB,OAAO,GAAG,CAAC,CAAC;gBACZ,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,CAAC,CAAC;aAC1B;YACD,IAAI,OAAO,IAAI,KAAK,EAAE;gBAClB,OAAO,GAAG,KAAK,GAAG,CAAC,CAAC;aACvB;YACD,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,OAAO,IAAI,CAAC;gBAClC,CAAC,CAAC,CAAC;gBACH,CAAC,CAAC,CAAC,OAAO,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC,CAAC;YACzD,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC,EAAE,KAAK,CAAC,CAAC;YACvC,KAAK,IAAI,KAAK,GAAG,KAAK,EAAE,KAAK,GAAG,GAAG,EAAE,KAAK,EAAE,EAAE;gBAC1C,CAAC,CAAC,IAAI,CAAC;oBACH,KAAK,EAAE,GAAG,KAAK,GAAG,CAAC,EAAE;oBACrB,KAAK,EAAE,KAAK;iBACf,CAAC,CAAC;aACN;YACD,OAAO,CAAC,CAAC;QACb,CAAC;KAEJ;IA7BG;QAAC,qBAAK;;;uDA2BL;IA/BL,wDAiCC;IAED,MAAa,kBAAmB,SAAQ,qBAAS;QAC7C,IAAW,IAAI;YACX,OAAO;gBACH,UAAU,EAAE;oBACR,SAAS,EAAE;wBACP,MAAM,EAAE,KAAK;qBAChB;oBACD,kBAAkB,EAAE;wBAChB,MAAM,EAAE,KAAK;wBACb,eAAe,EAAE,gBAAM,CAAC,IAAI;wBAC5B,KAAK,EAAE,gBAAM,CAAC,KAAK;qBACtB;iBACJ;aACJ,CAAC;QACN,CAAC;KACJ;IAfD,gDAeC;IAED,MAAqB,aAAc,SAAQ,yBAAW;QAU3C,MAAM;YACT,IAAI,CAAC,mBAAmB,GAAG,kBAAkB,CAAC;YAC9C,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC;YACjB,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC;YACd,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;YACf,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,OAAO,CAAC,sBAAsB,EAAE,OAAO,CAAC,CAAC;YACpE,IAAI,CAAC,MAAM,CAAC,gCACR,UAAU,EAAE,IAAI,CAAC,YAAY,CAAC,IAAI;gBAGlC,mCACI,UAAU,EAAE,cAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC,EAC9C,IAAI,EAAC,OAAO,GAAE;gBAClB,uBAAC,mCAAgB,IACb,GAAG,EAAC,MAAM,EACV,KAAK,EAAE,cAAI,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC;oBACnD,uBAAC,mCAAgB,CAAC,YAAY;wBAC1B,mCACI,UAAU,EAAE,cAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;gCAC5B,IAAI,EAAE,CAAC;gCACP,QAAQ,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,OAAO;6BAC1C,CAAC,CAAE,EACJ,UAAU,EAAE,cAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC,IAAI,CAAC,KAAK,CAAE,EAC3D,IAAI,EAAE,cAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,GACrC,CACsB,CACjB;gBACnB,mCACI,UAAU,EAAE,cAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC;wBACtD,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC;wBACpC,CAAC,CAAC,CAAC,CAAC,EACR,IAAI,EAAC,MAAM,GAAE,CACf,CAAC,CAAC;QACZ,CAAC;KAEJ;IA7CD,gCA6CC"}
+{"version":3,"mappings":"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","names":["AtomDataPagerViewModel","AtomDataPagerStyle","AtomDataPager","Bind","Colors","XNode","AtomViewModel","Watch","AtomControl","AtomItemsControl","AtomStyle","pages","r","size","owner","total","Math","ceil","current","start","max","min","index","push","label","value","__decorate","root","subclasses","margin","backgroundColor","blue","color","white","create","defaultControlStyle","localViewModel","resolve","render","styleClass","controlStyle","name","eventClick","event","text","for","items","oneWay","itemTemplate","x","item","selected","data","oneTime","floor"],"sourceRoot":"","sources":["../../src/data-pager/AtomDataPager.tsx"],"sourcesContent":[null]}

package/dist/date-field/AtomDateField.js

@@ -1,56 +1,61 @@
-(function (factory) {
-    if (typeof module === "object" && typeof module.exports === "object") {
-        var v = factory(require, exports);
-        if (v !== undefined) module.exports = v;
-    }
-    else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/core/XNode", "../buttons/AtomPopupButton", "../calendar/AtomCalendar", "../calendar/res/SRCalendar"], factory);
-    }
-})(function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    const Bind_1 = require("@web-atoms/core/dist/core/Bind");
-    const XNode_1 = require("@web-atoms/core/dist/core/XNode");
-    const AtomPopupButton_1 = require("../buttons/AtomPopupButton");
-    const AtomCalendar_1 = require("../calendar/AtomCalendar");
-    const SRCalendar_1 = require("../calendar/res/SRCalendar");
-    const shortDate = {
+System.register(["@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/core/XNode", "../buttons/AtomPopupButton", "../calendar/AtomCalendar", "../calendar/res/SRCalendar"], function (_export, _context) {
+  "use strict";
+
+  var Bind, XNode, AtomPopupButton, AtomCalendar, SRCalendar, AtomDateField, shortDate;
+  _export("default", void 0);
+  return {
+    setters: [function (_webAtomsCoreDistCoreBind) {
+      Bind = _webAtomsCoreDistCoreBind.default;
+    }, function (_webAtomsCoreDistCoreXNode) {
+      XNode = _webAtomsCoreDistCoreXNode.default;
+    }, function (_buttonsAtomPopupButton) {
+      AtomPopupButton = _buttonsAtomPopupButton.default;
+    }, function (_calendarAtomCalendar) {
+      AtomCalendar = _calendarAtomCalendar.default;
+    }, function (_calendarResSRCalendar) {
+      SRCalendar = _calendarResSRCalendar.default;
+    }],
+    execute: function () {
+      shortDate = {
         year: "numeric",
         month: "short",
         day: "numeric"
-    };
-    class AtomDateField extends AtomPopupButton_1.default {
+      };
+      _export("default", AtomDateField = class AtomDateField extends AtomPopupButton {
         create() {
-            const srCalendar = this.app.resolve(SRCalendar_1.default);
-            this.selectedDate = null;
-            this.yearStart = -10;
-            this.yearEnd = 10;
-            this.enableFunc = null;
-            this.labelFunc = null;
-            this.locale = "en-US";
-            this.localeOptions = shortDate;
-            this.placeholder = "Select Date";
-            this.render(XNode_1.default.create("div", { text: Bind_1.default.oneWay(() => this.selectedDate
-                    ? (this.labelFunc
-                        ? this.labelFunc(this.selectedDate)
-                        : (this.selectedDate.toLocaleDateString
-                            ? this.selectedDate.toLocaleDateString(this.locale, this.localeOptions)
-                            : srCalendar.toShortDate(this.selectedDate)))
-                    : this.placeholder), eventResult: Bind_1.default.event((s, e) => this.selectedDate = e.detail) },
-                XNode_1.default.create(AtomPopupButton_1.default.page, null,
-                    XNode_1.default.create(AtomCalendar_1.default, { selectedDate: Bind_1.default.twoWays(() => this.selectedDate), yearStart: Bind_1.default.oneWay(() => this.yearStart), yearEnd: Bind_1.default.oneWay(() => this.yearEnd), enableFunc: Bind_1.default.oneWay(() => this.enableFunc), itemTemplate: Bind_1.default.oneWay(() => this.itemTemplate || undefined), eventDateClicked: Bind_1.default.event((s, e) => s.viewModel.close(e.detail.value)) }))));
+          const srCalendar = this.app.resolve(SRCalendar);
+          this.selectedDate = null;
+          this.yearStart = -10;
+          this.yearEnd = 10;
+          this.enableFunc = null;
+          this.labelFunc = null;
+          this.locale = "en-US";
+          this.localeOptions = shortDate;
+          this.placeholder = "Select Date";
+          this.render(XNode.create("div", {
+            text: Bind.oneWay(() => this.selectedDate ? this.labelFunc ? this.labelFunc(this.selectedDate) : this.selectedDate.toLocaleDateString ? this.selectedDate.toLocaleDateString(this.locale, this.localeOptions) : srCalendar.toShortDate(this.selectedDate) : this.placeholder),
+            eventResult: Bind.event((s, e) => this.selectedDate = e.detail)
+          }, XNode.create(AtomPopupButton.page, null, XNode.create(AtomCalendar, {
+            selectedDate: Bind.twoWays(() => this.selectedDate),
+            yearStart: Bind.oneWay(() => this.yearStart),
+            yearEnd: Bind.oneWay(() => this.yearEnd),
+            enableFunc: Bind.oneWay(() => this.enableFunc),
+            itemTemplate: Bind.oneWay(() => this.itemTemplate || undefined),
+            eventDateClicked: Bind.event((s, e) => s.viewModel.close(e.detail.value))
+          }))));
         }
         preCreate() {
-            super.preCreate();
-            this.selectedDate = null;
-            this.yearStart = null;
-            this.yearEnd = null;
-            this.enableFunc = null;
-            this.currentMonth = null;
-            this.itemTemplate = null;
+          super.preCreate();
+          this.selectedDate = null;
+          this.yearStart = null;
+          this.yearEnd = null;
+          this.enableFunc = null;
+          this.currentMonth = null;
+          this.itemTemplate = null;
         }
+      });
+      AtomDateField.itemTemplate = XNode.prepare("itemTemplate", true, true);
     }
-    exports.default = AtomDateField;
-    AtomDateField.itemTemplate = XNode_1.default.prepare("itemTemplate", true, true);
-});
+  };
+});
 //# sourceMappingURL=AtomDateField.js.map

package/dist/date-field/AtomDateField.js.map

@@ -1 +1 @@
-{"version":3,"file":"AtomDateField.js","sourceRoot":"","sources":["../../src/date-field/AtomDateField.tsx"],"names":[],"mappings":"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"}
+{"version":3,"mappings":";;;8DAaqBA,aAAc;EAAA;EAAA;IAAA;MAb5BC,IAAI;IAAA;MAEJC,KAAK;IAAA;MACLC,eAAe;IAAA;MACfC,YAAY;IAAA;MACZC,UAAU;IAAA;IAAA;MAEXC,SAAS,GAAG;QACjBC,IAAI,EAAE,SAAS;QACfC,KAAK,EAAE,OAAO;QACdC,GAAG,EAAE;OACL;MAAA,mBAEoBT,aAAc,GAArB,MAAOA,aAAc,SAAQG,eAAe;QA0BlDO,MAAM;UAEZ,MAAMC,UAAU,GAAG,IAAI,CAACC,GAAG,CAACC,OAAO,CAACR,UAAU,CAAC;UAE/C,IAAI,CAACS,YAAY,GAAG,IAAI;UACxB,IAAI,CAACC,SAAS,GAAG,CAAC,EAAE;UACpB,IAAI,CAACC,OAAO,GAAG,EAAE;UACjB,IAAI,CAACC,UAAU,GAAG,IAAI;UACtB,IAAI,CAACC,SAAS,GAAG,IAAI;UACrB,IAAI,CAACC,MAAM,GAAG,OAAO;UACrB,IAAI,CAACC,aAAa,GAAGd,SAAS;UAC9B,IAAI,CAACe,WAAW,GAAG,aAAa;UAChC,IAAI,CAACC,MAAM,CACXpB;YACCqB,IAAI,EAAEtB,IAAI,CAACuB,MAAM,CAAC,MAAM,IAAI,CAACV,YAAY,GACrC,IAAI,CAACI,SAAS,GACd,IAAI,CAACA,SAAS,CAAC,IAAI,CAACJ,YAAY,CAAC,GAChC,IAAI,CAACA,YAAY,CAACW,kBAAkB,GACpC,IAAI,CAACX,YAAY,CAACW,kBAAkB,CAAC,IAAI,CAACN,MAAM,EAAE,IAAI,CAACC,aAAa,CAAC,GACrET,UAAU,CAACe,WAAW,CAAC,IAAI,CAACZ,YAAY,CAAE,GAC5C,IAAI,CAACO,WAAW,CAAC;YACpBM,WAAW,EAAE1B,IAAI,CAAC2B,KAAK,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAK,IAAI,CAAChB,YAAY,GAAGgB,CAAC,CAACC,MAAM;UAAC,GAC/D7B,aAACC,eAAe,CAAC6B,IAAI,QACpB9B,aAACE,YAAY;YACZU,YAAY,EAAEb,IAAI,CAACgC,OAAO,CAAC,MAAM,IAAI,CAACnB,YAAY,CAAC;YACnDC,SAAS,EAAEd,IAAI,CAACuB,MAAM,CAAC,MAAM,IAAI,CAACT,SAAS,CAAC;YAC5CC,OAAO,EAAEf,IAAI,CAACuB,MAAM,CAAC,MAAM,IAAI,CAACR,OAAO,CAAC;YACxCC,UAAU,EAAEhB,IAAI,CAACuB,MAAM,CAAC,MAAM,IAAI,CAACP,UAAU,CAAC;YAC9CiB,YAAY,EAAEjC,IAAI,CAACuB,MAAM,CAAC,MAAM,IAAI,CAACU,YAAY,IAAIC,SAAS,CAAC;YAC/DC,gBAAgB,EAAEnC,IAAI,CAAC2B,KAAK,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAKD,CAAC,CAACQ,SAAS,CAACC,KAAK,CAACR,CAAC,CAACC,MAAM,CAACQ,KAAK,CAAC;UAAC,EAC3D,CACO,CAClB,CACL;QACF;QAEOC,SAAS;UACf,KAAK,CAACA,SAAS,EAAE;UACjB,IAAI,CAAC1B,YAAY,GAAG,IAAI;UACxB,IAAI,CAACC,SAAS,GAAG,IAAI;UACrB,IAAI,CAACC,OAAO,GAAG,IAAI;UACnB,IAAI,CAACC,UAAU,GAAG,IAAI;UACtB,IAAI,CAACwB,YAAY,GAAG,IAAI;UACxB,IAAI,CAACP,YAAY,GAAG,IAAI;QACzB;;MApEclC,0BAAY,GAAGE,KAAK,CAACwC,OAAO,CAAC,cAAc,EAAE,IAAI,EAAE,IAAI,CAAC;IAAC;EAAA;AAAA","names":["AtomDateField","Bind","XNode","AtomPopupButton","AtomCalendar","SRCalendar","shortDate","year","month","day","create","srCalendar","app","resolve","selectedDate","yearStart","yearEnd","enableFunc","labelFunc","locale","localeOptions","placeholder","render","text","oneWay","toLocaleDateString","toShortDate","eventResult","event","s","e","detail","page","twoWays","itemTemplate","undefined","eventDateClicked","viewModel","close","value","preCreate","currentMonth","prepare"],"sourceRoot":"","sources":["../../src/date-field/AtomDateField.tsx"],"sourcesContent":[null]}

package/dist/desktop-app/DesktopApp.js

@@ -1,132 +1,96 @@
-var __decorate = (this && this.__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;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-(function (factory) {
-    if (typeof module === "object" && typeof module.exports === "object") {
-        var v = factory(require, exports);
-        if (v !== undefined) module.exports = v;
-    }
-    else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "@web-atoms/core/dist/core/BindableProperty", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/style/StyleRule", "@web-atoms/core/dist/web/controls/AtomControl", "@web-atoms/core/dist/web/core/AtomUI", "@web-atoms/core/dist/web/styles/CSS", "../mobile-app/MobileApp"], factory);
-    }
-})(function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    const BindableProperty_1 = require("@web-atoms/core/dist/core/BindableProperty");
-    const XNode_1 = require("@web-atoms/core/dist/core/XNode");
-    const StyleRule_1 = require("@web-atoms/core/dist/style/StyleRule");
-    const AtomControl_1 = require("@web-atoms/core/dist/web/controls/AtomControl");
-    const AtomUI_1 = require("@web-atoms/core/dist/web/core/AtomUI");
-    const CSS_1 = require("@web-atoms/core/dist/web/styles/CSS");
-    const MobileApp_1 = require("../mobile-app/MobileApp");
-    (0, CSS_1.default)((0, StyleRule_1.default)()
-        .position("relative")
-        .overflow("hidden")
-        .display("grid")
-        .minWidth(900)
-        .gridTemplateRows("1fr auto")
-        .gridTemplateColumns("auto 1fr auto")
-        .child((0, StyleRule_1.default)("[data-page-element=app]")
-        .gridRow("1")
-        .gridColumn("2")
-        .position("inherit"))
-        .child((0, StyleRule_1.default)("[data-page-element=menu-renderer]")
-        .gridRow("1")
-        .gridColumn("1")
-        .overflowX("hidden")
-        .overflowY("auto"))
-        .child((0, StyleRule_1.default)("[data-page-element=side-bar]")
-        .gridRow("1")
-        .gridColumn("3")
-        .overflowX("hidden")
-        .overflowY("auto"))
-        .child((0, StyleRule_1.default)("[data-page-element=status-bar]")
-        .gridRow("2")
-        .gridColumn("1 / span 3")
-        .padding(5)
-        .marginTop(2)
-        .borderTop("solid 1px lightgray")
-        .overflow("hidden")), "*[data-desktop-app=desktop-app]");
-    (0, CSS_1.default)((0, StyleRule_1.default)()
-        .width("100%")
-        .height("100%"), "html,body");
-    (0, CSS_1.default)((0, StyleRule_1.default)()
-        .overflow("hidden")
-        .display("flex")
-        .justifyContent("space-around")
-        .alignItems("stretch")
-        .alignContent("stretch")
-        .flexDirection("row"), "body");
-    class DesktopApp extends AtomControl_1.AtomControl {
+System.register(["@web-atoms/core/dist/core/BindableProperty", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/style/StyleRule", "@web-atoms/core/dist/web/controls/AtomControl", "@web-atoms/core/dist/web/core/AtomUI", "@web-atoms/core/dist/web/styles/CSS", "../mobile-app/MobileApp"], function (_export, _context) {
+  "use strict";
+
+  var BindableProperty, XNode, StyleRule, AtomControl, ChildEnumerator, CSS, MobileApp, DesktopApp, __decorate, __metadata;
+  _export("default", void 0);
+  return {
+    setters: [function (_webAtomsCoreDistCoreBindableProperty) {
+      BindableProperty = _webAtomsCoreDistCoreBindableProperty.BindableProperty;
+    }, function (_webAtomsCoreDistCoreXNode) {
+      XNode = _webAtomsCoreDistCoreXNode.default;
+    }, function (_webAtomsCoreDistStyleStyleRule) {
+      StyleRule = _webAtomsCoreDistStyleStyleRule.default;
+    }, function (_webAtomsCoreDistWebControlsAtomControl) {
+      AtomControl = _webAtomsCoreDistWebControlsAtomControl.AtomControl;
+    }, function (_webAtomsCoreDistWebCoreAtomUI) {
+      ChildEnumerator = _webAtomsCoreDistWebCoreAtomUI.ChildEnumerator;
+    }, function (_webAtomsCoreDistWebStylesCSS) {
+      CSS = _webAtomsCoreDistWebStylesCSS.default;
+    }, function (_mobileAppMobileApp) {
+      MobileApp = _mobileAppMobileApp.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);
+      };
+      CSS(StyleRule().position("relative").overflow("hidden").display("grid").minWidth(900).gridTemplateRows("1fr auto").gridTemplateColumns("auto 1fr auto").child(StyleRule("[data-page-element=app]").gridRow("1").gridColumn("2").position("inherit")).child(StyleRule("[data-page-element=menu-renderer]").gridRow("1").gridColumn("1").overflowX("hidden").overflowY("auto")).child(StyleRule("[data-page-element=side-bar]").gridRow("1").gridColumn("3").overflowX("hidden").overflowY("auto")).child(StyleRule("[data-page-element=status-bar]").gridRow("2").gridColumn("1 / span 3").padding(5).marginTop(2).borderTop("solid 1px lightgray").overflow("hidden")), "*[data-desktop-app=desktop-app]");
+      CSS(StyleRule().width("100%").height("100%"), "html,body");
+      CSS(StyleRule().overflow("hidden").display("flex").justifyContent("space-around").alignItems("stretch").alignContent("stretch").flexDirection("row"), "body");
+      _export("default", DesktopApp = class DesktopApp extends AtomControl {
         onPropertyChanged(name) {
-            super.onPropertyChanged(name);
-            if (!this.initialized) {
-                return;
-            }
-            switch (name) {
-                case "statusBarRenderer":
-                    this.recreate(name, "status-bar");
-                    break;
-                case "menuRenderer":
-                    this.recreate(name, "menu-renderer");
-                    break;
-                case "sideBarRenderer":
-                    this.recreate(name, "side-bar");
-                    break;
-            }
-        }
-        init() {
+          super.onPropertyChanged(name);
+          if (!this.initialized) {
+            return;
+          }
+          switch (name) {
+            case "statusBarRenderer":
+              this.recreate(name, "status-bar");
+              break;
+            case "menuRenderer":
+              this.recreate(name, "menu-renderer");
+              break;
+            case "sideBarRenderer":
+              this.recreate(name, "side-bar");
+              break;
+          }
         }
+        init() {}
         recreate(renderer, name, remove = true) {
-            var _a, _b, _c;
-            const node = (_b = (_a = this[renderer]) === null || _a === void 0 ? void 0 : _a.call(this)) !== null && _b !== void 0 ? _b : undefined;
-            if (remove) {
-                for (const e of AtomUI_1.ChildEnumerator.enumerate(this.element)) {
-                    if (e.dataset.pageElement === name) {
-                        this.dispose(e);
-                        e.remove();
-                        break;
-                    }
-                }
-            }
-            if (node) {
-                const na = (_c = node.attributes) !== null && _c !== void 0 ? _c : (node.attributes = {});
-                na["data-page-element"] = name;
-                this.render(XNode_1.default.create("div", null, node));
-                return this.element.querySelector(`[data-page-element="${name}"]`);
+          var _a, _b, _c;
+          const node = (_b = (_a = this[renderer]) === null || _a === void 0 ? void 0 : _a.call(this)) !== null && _b !== void 0 ? _b : undefined;
+          if (remove) {
+            for (const e of ChildEnumerator.enumerate(this.element)) {
+              if (e.dataset.pageElement === name) {
+                this.dispose(e);
+                e.remove();
+                break;
+              }
             }
-            return null;
+          }
+          if (node) {
+            const na = (_c = node.attributes) !== null && _c !== void 0 ? _c : node.attributes = {};
+            na["data-page-element"] = name;
+            this.render(XNode.create("div", null, node));
+            return this.element.querySelector(`[data-page-element="${name}"]`);
+          }
+          return null;
         }
         create() {
-            this.render(XNode_1.default.create("div", { "data-desktop-app": "desktop-app" },
-                XNode_1.default.create(MobileApp_1.default, { "data-page-element": "app" })));
-            this.recreate("menuRenderer", "menu-renderer", false);
-            this.recreate("sideBarRenderer", "side-bar", false);
-            this.recreate("statusBarRenderer", "status-bar", false);
-            this.initialized = true;
-            this.runAfterInit(() => {
-                this.app.runAsync(() => this.init());
-            });
+          this.render(XNode.create("div", {
+            "data-desktop-app": "desktop-app"
+          }, XNode.create(MobileApp, {
+            "data-page-element": "app"
+          })));
+          this.recreate("menuRenderer", "menu-renderer", false);
+          this.recreate("sideBarRenderer", "side-bar", false);
+          this.recreate("statusBarRenderer", "status-bar", false);
+          this.initialized = true;
+          this.runAfterInit(() => {
+            this.app.runAsync(() => this.init());
+          });
         }
+      });
+      __decorate([BindableProperty, __metadata("design:type", Function)], DesktopApp.prototype, "menuRenderer", void 0);
+      __decorate([BindableProperty, __metadata("design:type", Function)], DesktopApp.prototype, "sideBarRenderer", void 0);
+      __decorate([BindableProperty, __metadata("design:type", Function)], DesktopApp.prototype, "statusBarRenderer", void 0);
     }
-    __decorate([
-        BindableProperty_1.BindableProperty,
-        __metadata("design:type", Function)
-    ], DesktopApp.prototype, "menuRenderer", void 0);
-    __decorate([
-        BindableProperty_1.BindableProperty,
-        __metadata("design:type", Function)
-    ], DesktopApp.prototype, "sideBarRenderer", void 0);
-    __decorate([
-        BindableProperty_1.BindableProperty,
-        __metadata("design:type", Function)
-    ], DesktopApp.prototype, "statusBarRenderer", void 0);
-    exports.default = DesktopApp;
-});
+  };
+});
 //# sourceMappingURL=DesktopApp.js.map