bromcom-ui 2.9.0-rc.17 → 2.9.0-rc.19

package/dist/components/bcm-date.js

@@ -60,6 +60,22 @@ const BcmDate$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       return this.format;
     };
     this.getValueObject = (value) => {
+      if (this.range) {
+        return this.getRangeValueObject(value);
+      }
+      else {
+        return this.createValueObject(value);
+      }
+    };
+    this.getRangeValueObject = (value) => {
+      const [start, end] = value._i || [];
+      const startObject = this.createValueObject(start);
+      const endObject = this.createValueObject(end);
+      return Object.assign({ isValid: startObject.isValid && endObject.isValid, start: startObject, end: endObject, date: [startObject.date, endObject.date], timestamp: [startObject.timestamp, endObject.timestamp], value: `${startObject.value} - ${endObject.value}` }, (this.type === "time" && {
+        time: `${startObject.time} - ${endObject.time}`,
+      }));
+    };
+    this.createValueObject = (value) => {
       if (value && hooks(value).isValid()) {
         return Object.assign({ isValid: hooks(value).isValid(), date: hooks(value).toDate(), timestamp: hooks(value).valueOf(), dateObject: {
             year: hooks(value).year(),
@@ -67,58 +83,64 @@ const BcmDate$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
             month: hooks(value).month(),
             dayOfWeek: hooks(value).day(),
             monthFirstDay: hooks(value).startOf("month").day(),
-          }, value: hooks(value).format(this.getFormat()) }, this.type === "time" && {
+          }, value: hooks(value).format(this.getFormat()) }, (this.type === "time" && {
           time: hooks(value).format(this.getFormat()),
           timeObject: {
             hour: hooks(value).hour(),
             minute: hooks(value).minute(),
             second: hooks(value).second(),
           },
-        });
+        }));
       }
       else {
         return null;
       }
     };
     this._id = Generate.UID();
-    this.name = undefined;
-    this.value = undefined;
     this.label = undefined;
     this.placeholder = undefined;
     this.size = Bcm.Size.medium;
     this.fullWidth = false;
     this.required = false;
     this.clearable = false;
+    this.disabled = false;
     this.noMargin = false;
     this.caption = undefined;
     this.noCaption = false;
     this.captionType = Bcm.Status.default;
     this.captionError = undefined;
+    this.name = undefined;
+    this.value = undefined;
     this.type = "date";
     this.format = undefined;
+    this.range = false;
     this.showTime = false;
-    this.showToday = true;
     this.showNow = true;
     this.showHour = true;
     this.showMinute = true;
     this.showSecond = false;
     this.use12Hours = false;
-    this.disabled = false;
+    this.hourStep = 1;
+    this.minuteStep = 1;
+    this.secondStep = 1;
+    this.hideDisabledOptions = false;
+    this.disabledTime = undefined;
+    this.showToday = true;
+    this.disabledDates = undefined;
   }
   async getValue() {
-    var _a;
-    return ((_a = this.getValueObject(this.value)) === null || _a === void 0 ? void 0 : _a.value) || null;
+    return this.value;
   }
   async get() {
     var _a;
-    return ((_a = this.getValueObject(this.value)) === null || _a === void 0 ? void 0 : _a.timestamp) || null;
+    return ((_a = this.value) === null || _a === void 0 ? void 0 : _a.timestamp) || null;
   }
   async set(value) {
     // this.value = value;
     this.getPickerElement().set(value);
   }
   async setClear() {
-    this.value = null;
+    this.getPickerElement().set(null);
   }
   async resetCaption() {
     this.captionType = "default";
@@ -139,34 +161,41 @@ const BcmDate$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     return (h(Host, { class: classnames("bcm-ui-element bcm-ui-input", "tw-relative tw-m-0 tw-inline-flex tw-w-full tw-flex-col", {
         "tw-max-w-[256px]": !this.fullWidth,
         "tw-mb-2": !this.noMargin,
-      }) }, label && h(LabelTemplate, { size: size, type: captionType, value: label, required: required, htmlFor: _id }), h("bcm-rc-picker", { id: _id + "-picker", onBcmRCPickerChange: e => this.onChange(e), type: this.type, format: this.getFormat(), clearable: this.clearable, val: this.value, class: classnames("w-full tw-flex"), size: size, placeholder: this.placeholder, showTime: this.showTime, showToday: this.showToday, showNow: this.showNow, showHour: this.showHour, showMinute: this.showMinute, showSecond: this.showSecond, use12Hours: this.use12Hours, error: this.captionType === "error", disabled: this.disabled }), h(CaptionTemplate, { noCaption: this.noCaption, captionType: this.captionType, captionError: this.captionError, caption: this.caption })));
+      }) }, label && h(LabelTemplate, { size: size, type: captionType, value: label, required: required, htmlFor: _id }), h("bcm-rc-picker", { id: _id + "-picker", class: classnames("w-full tw-flex"), onBcmRCPickerChange: e => this.onChange(e), disabled: this.disabled, clearable: this.clearable, size: size, placeholder: this.placeholder, error: this.captionType === "error", type: this.type, format: this.getFormat(), range: this.range, showToday: this.showToday, disabledDates: this.disabledDates, showTime: this.showTime, showNow: this.showNow, showHour: this.showHour, showMinute: this.showMinute, showSecond: this.showSecond, use12Hours: this.use12Hours, hourStep: this.hourStep, minuteStep: this.minuteStep, secondStep: this.secondStep, hideDisabledOptions: this.hideDisabledOptions, disabledTime: this.disabledTime }), h(CaptionTemplate, { noCaption: this.noCaption, captionType: this.captionType, captionError: this.captionError, caption: this.caption })));
   }
   get el() { return this; }
 }, [0, "bcm-date", {
     "_id": [513, "id"],
-    "name": [1],
-    "value": [1032],
     "label": [1],
     "placeholder": [1],
     "size": [1],
     "fullWidth": [4, "full-width"],
     "required": [4],
     "clearable": [4],
+    "disabled": [4],
     "noMargin": [4, "no-margin"],
     "caption": [1],
     "noCaption": [4, "no-caption"],
     "captionType": [1025, "caption-type"],
     "captionError": [1025, "caption-error"],
+    "name": [1],
+    "value": [1032],
     "type": [1],
     "format": [8],
+    "range": [4],
     "showTime": [4, "show-time"],
-    "showToday": [4, "show-today"],
     "showNow": [4, "show-now"],
     "showHour": [4, "show-hour"],
     "showMinute": [4, "show-minute"],
     "showSecond": [4, "show-second"],
     "use12Hours": [4, "use-1-2-hours"],
-    "disabled": [4],
+    "hourStep": [2, "hour-step"],
+    "minuteStep": [2, "minute-step"],
+    "secondStep": [2, "second-step"],
+    "hideDisabledOptions": [4, "hide-disabled-options"],
+    "disabledTime": [8, "disabled-time"],
+    "showToday": [4, "show-today"],
+    "disabledDates": [8, "disabled-dates"],
     "getValue": [64],
     "get": [64],
     "set": [64],

package/dist/components/generate.js

@@ -5,7 +5,7 @@
 import { Build } from '@stencil/core/internal/client';
 import { c as colors } from './colors2.js';
 
-const version = "2.9.0-rc.17";
+const version = "2.9.0-rc.19";
 
 /**
  * 'status' prop predefined values

package/dist/components/input.js

@@ -299,7 +299,6 @@ const BcmInput = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   whatchHasFocus() {
     const { type, focused, valueCache, inValid } = this;
     if (type == Bcm.InputType.number && inValid) {
-      console.log("whatchHasFocus");
       if (focused) {
         this.value = '';
       }
@@ -325,7 +324,6 @@ const BcmInput = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     eyeDropper
       .open()
       .then((color) => {
-      console.log("color: ", color.sRGBHex);
       this.setValue(color.sRGBHex);
     })
       .catch((error) => {

package/dist/components/linked.js

@@ -28,6 +28,9 @@ const BcmLinked = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.isOpen = false;
     this.hideDelay = 500;
     this.isMouseOverLink = false;
+    window.addEventListener("scroll", () => this.calculatePosition(), true);
+    window.addEventListener("wheel", () => this.calculatePosition(), true);
+    window.addEventListener("resize", () => this.calculatePosition(), true);
   }
   target() {
     const target = document.querySelectorAll(`[id="${this.targetId}"]`);
@@ -174,15 +177,6 @@ const BcmLinked = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       isTarget && this.show(false);
     }
   }
-  resizeListener() {
-    this.calculatePosition();
-  }
-  scrollListener() {
-    this.calculatePosition();
-  }
-  wheelListener() {
-    this.calculatePosition();
-  }
   listenMouseOver() {
     var _a, _b;
     this.el.addEventListener("mouseover", () => (this.isMouseOverLink = true));
@@ -226,7 +220,7 @@ const BcmLinked = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     "show": [64],
     "hide": [64],
     "toggle": [64]
-  }, [[4, "linked-data-dismiss", "onLinkedDataDismis"], [4, "bcm-floating-is-hide", "onBcmFloatingIsHide"], [6, "click", "clickListener"], [9, "resize", "resizeListener"], [9, "scroll", "scrollListener"], [9, "wheel", "wheelListener"]]]);
+  }, [[4, "linked-data-dismiss", "onLinkedDataDismis"], [4, "bcm-floating-is-hide", "onBcmFloatingIsHide"], [6, "click", "clickListener"]]]);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;

package/dist/components/list.js

@@ -935,6 +935,9 @@ const BcmList = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.placement = Bcm$1.Placement["bottom-start"];
     this.disableChangeEvent = false;
     this.data = [];
+    window.addEventListener("scroll", this.handleWheel.bind(this), true);
+    window.addEventListener("wheel", this.handleWheel.bind(this), true);
+    window.addEventListener("resize", this.handleResize.bind(this), true);
   }
   connectedCallback() {
     if (this.height != "256px") {
@@ -1668,7 +1671,7 @@ const BcmList = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     "resetCaption": [64],
     "show": [64],
     "hide": [64]
-  }, [[2, "bcm-is-intersecting", "isIntersecting"], [2, "bcm-items", "handleSlotItems"], [0, "bcm-change", "handleChange"], [9, "resize", "handleResize"], [7, "scroll", "handleWheel"], [4, "wheel", "handleWheel"], [0, "bcm-select-other-tag", "handleSelectOtherTag"], [0, "bcm-delete-tag", "handleDeleteTag"], [0, "bcm-select-tag", "handleSelectTag"], [10, "click", "handleClick"], [10, "bcm-on-search-clear", "bcmOnSearchClear"], [10, "bcm-on-search", "bcmOnSearch"], [10, "keydown", "handleKeyDown"], [10, "keyup", "handleKeyUp"]]]);
+  }, [[2, "bcm-is-intersecting", "isIntersecting"], [2, "bcm-items", "handleSlotItems"], [0, "bcm-change", "handleChange"], [0, "bcm-select-other-tag", "handleSelectOtherTag"], [0, "bcm-delete-tag", "handleDeleteTag"], [0, "bcm-select-tag", "handleSelectTag"], [10, "click", "handleClick"], [10, "bcm-on-search-clear", "bcmOnSearchClear"], [10, "bcm-on-search", "bcmOnSearch"], [10, "keydown", "handleKeyDown"], [10, "keyup", "handleKeyUp"]]]);
 __decorate([
   IsLoad()
 ], BcmList.prototype, "el", void 0);