bromcom-ui 2.9.0-rc.13 → 2.9.0-rc.15

package/dist/collection/components/organism/list/list.js

@@ -54,6 +54,7 @@ export class BcmList {
     this.keyControl = false;
     this.checkAll = true;
     this.stopDeepClean = false;
+    this.openIntersecting = false;
     this.linkedComponent = undefined;
     this.isOpen = false;
     this.calculatedViewport = false;
@@ -1253,6 +1254,24 @@ export class BcmList {
         "reflect": false,
         "defaultValue": "false"
       },
+      "openIntersecting": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "open-intersecting",
+        "reflect": false,
+        "defaultValue": "false"
+      },
       "linkedComponent": {
         "type": "string",
         "mutable": true,

package/dist/collection/components/other/toast/toast.js

@@ -19,6 +19,7 @@ export class BcmToast {
     this.messageIcon = undefined;
     this.viewButton = false;
     this.closeButton = true;
+    this.removeAfterClose = true;
     this.visible = false;
     this.visibleContainer = false;
   }
@@ -44,6 +45,10 @@ export class BcmToast {
     this.bcmToastClose.emit();
     await delay(100);
     this.visible = false;
+    if (this.removeAfterClose) {
+      await delay(100);
+      this.el.remove();
+    }
   }
   handleMouseEnter() {
     clearTimeout(this.timer);
@@ -265,6 +270,24 @@ export class BcmToast {
         "attribute": "close-button",
         "reflect": false,
         "defaultValue": "true"
+      },
+      "removeAfterClose": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "remove-after-close",
+        "reflect": false,
+        "defaultValue": "true"
       }
     };
   }

package/dist/collection/components/third-parts/rc-picker/date.js

@@ -25,21 +25,44 @@ export class BcmDate {
       this.value = this.getValueObject(e.detail);
       this.change.emit(this.value);
     };
+    // type a göre format belirleme işlemi
+    this.getFormat = () => {
+      if (!this.format) {
+        switch (this.type) {
+          case "time":
+            return this.showSecond ? "HH:mm:ss" : this.showMinute ? "HH:mm" : "HH";
+          case "date":
+            return "DD/MM/YYYY";
+          case "datetime":
+            return this.showSecond ? "DD/MM/YYYY HH:mm:ss" : this.showMinute ? "DD/MM/YYYY HH:mm" : "DD/MM/YYYY HH";
+          case "week":
+            return "YYYY-wo";
+          case "month":
+            return "MM/YYYY";
+          case "year":
+            return "YYYY";
+          default:
+            return "DD/MM/YYYY";
+        }
+      }
+      return this.format;
+    };
     this.getValueObject = (value) => {
       if (value && moment(value).isValid()) {
-        return {
-          isValid: moment(value).isValid(),
-          date: moment(value).toDate(),
-          timestamp: moment(value).valueOf(),
-          dateObject: {
+        return Object.assign({ isValid: moment(value).isValid(), date: moment(value).toDate(), timestamp: moment(value).valueOf(), dateObject: {
             year: moment(value).year(),
             day: moment(value).date(),
             month: moment(value).month(),
             dayOfWeek: moment(value).day(),
             monthFirstDay: moment(value).startOf("month").day(),
+          }, value: moment(value).format(this.getFormat()) }, this.type === "time" && {
+          time: moment(value).format(this.getFormat()),
+          timeObject: {
+            hour: moment(value).hour(),
+            minute: moment(value).minute(),
+            second: moment(value).second(),
           },
-          value: moment(value).format(this.format),
-        };
+        });
       }
       else {
         return null;
@@ -54,15 +77,21 @@ export class BcmDate {
     this.fullWidth = false;
     this.required = false;
     this.clearable = false;
+    this.noMargin = false;
     this.caption = undefined;
     this.noCaption = false;
     this.captionType = Bcm.Status.default;
     this.captionError = undefined;
-    this.type = undefined;
-    this.format = "DD/MM/YYYY";
+    this.type = "date";
+    this.format = undefined;
     this.showTime = false;
     this.showToday = true;
     this.showNow = true;
+    this.showHour = true;
+    this.showMinute = true;
+    this.showSecond = false;
+    this.use12Hours = false;
+    this.disabled = false;
   }
   async getValue() {
     var _a;
@@ -73,7 +102,8 @@ export class BcmDate {
     return ((_a = this.getValueObject(this.value)) === null || _a === void 0 ? void 0 : _a.timestamp) || null;
   }
   async set(value) {
-    this.value = value;
+    // this.value = value;
+    this.getPickerElement().set(value);
   }
   async setClear() {
     this.value = null;
@@ -89,9 +119,15 @@ export class BcmDate {
     var _a;
     return ((_a = this.getValueObject(this.value)) === null || _a === void 0 ? void 0 : _a.isValid) || false;
   }
+  getPickerElement() {
+    return this.el.querySelector("bcm-rc-picker");
+  }
   render() {
     const { label, size, captionType, required, _id } = this;
-    return (h(Host, { class: cs("bcm-ui-element bcm-ui-action", "tw-inline-flex tw-flex-col") }, label && h(LabelTemplate, { size: size, type: captionType, value: label, required: required, htmlFor: _id }), h("bcm-rc-picker", { onBcmRCPickerChange: e => this.onChange(e), type: this.type, format: this.format, "show-time": this.showTime, clearable: this.clearable, val: this.value }), h(CaptionTemplate, { noCaption: this.noCaption, captionType: this.captionType, captionError: this.captionError, caption: this.caption })));
+    return (h(Host, { class: cs("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: cs("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 })));
   }
   static get is() { return "bcm-date"; }
   static get properties() {
@@ -259,6 +295,24 @@ export class BcmDate {
         "reflect": false,
         "defaultValue": "false"
       },
+      "noMargin": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "no-margin",
+        "reflect": false,
+        "defaultValue": "false"
+      },
       "caption": {
         "type": "string",
         "mutable": false,
@@ -338,8 +392,8 @@ export class BcmDate {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "\"time\" | \"date\" | \"week\" | \"month\" | \"year\"",
-          "resolved": "\"date\" | \"month\" | \"time\" | \"week\" | \"year\"",
+          "original": "\"time\" | \"date\" | \"week\" | \"month\" | \"year\" | \"datetime\"",
+          "resolved": "\"date\" | \"datetime\" | \"month\" | \"time\" | \"week\" | \"year\"",
           "references": {}
         },
         "required": false,
@@ -349,14 +403,15 @@ export class BcmDate {
           "text": ""
         },
         "attribute": "type",
-        "reflect": false
+        "reflect": false,
+        "defaultValue": "\"date\""
       },
       "format": {
-        "type": "string",
+        "type": "any",
         "mutable": false,
         "complexType": {
-          "original": "string",
-          "resolved": "string",
+          "original": "any",
+          "resolved": "any",
           "references": {}
         },
         "required": false,
@@ -366,8 +421,7 @@ export class BcmDate {
           "text": ""
         },
         "attribute": "format",
-        "reflect": false,
-        "defaultValue": "\"DD/MM/YYYY\""
+        "reflect": false
       },
       "showTime": {
         "type": "boolean",
@@ -422,6 +476,96 @@ export class BcmDate {
         "attribute": "show-now",
         "reflect": false,
         "defaultValue": "true"
+      },
+      "showHour": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "show-hour",
+        "reflect": false,
+        "defaultValue": "true"
+      },
+      "showMinute": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "show-minute",
+        "reflect": false,
+        "defaultValue": "true"
+      },
+      "showSecond": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "show-second",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "use12Hours": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "use-1-2-hours",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "disabled": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "disabled",
+        "reflect": false,
+        "defaultValue": "false"
       }
     };
   }