bromcom-ui 2.3.63 → 2.3.64

package/dist/{esm → bromcom-ui}/bcm-colorpicker.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, c as createEvent, h, a as getAssetPath, H as Host, g as getElement } from './index-8fe7aea4.js';
-import { c as classnames } from './index-e58a2d48.js';
-import './utils-de9aee67.js';
-import { E as ElementDragger, D as DragDirections } from './element-dragger-97a8f373.js';
+import { r as registerInstance, e as createEvent, h, f as Host, i as getAssetPath, g as getElement } from './index-9dbea026.js';
+import { c as classnames } from './index-43956e3c.js';
+import './utils-1feb01eb.js';
+import { E as ElementDragger, D as DragDirections } from './element-dragger-e40f0410.js';
 
 const colorpickerCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}:host{position:relative;margin:0 0 8px 0}.color-picker{position:relative;width:200px}.color-picker.open .picker{opacity:1;visibility:visible;transform:scale(1) translateY(56px)}.picker{width:300px;position:absolute;top:0;z-index:1;background-color:#ffffff;border:1px solid #F6F6F6;box-shadow:0px 3px 3.6px 0.4px rgba(0, 0, 0, 0.15);opacity:0;visibility:hidden;transition:transform 0.2s ease, opacity 0.3s ease;transform:scale(0.8) translateY(-100px)}.label{display:flex;flex-direction:column;color:var(--bcm-color-grey-9);margin-bottom:4px}.caption-area{min-height:20px}.input-caption{display:block}.input{display:flex;cursor:pointer;border:1px solid var(--bcm-color-grey-5);border-radius:2px}.color{position:relative;width:100%;height:166px;user-select:none}.color img{width:100%;height:100%;user-select:none;pointer-events:none}.color-indicator{position:absolute;top:0;left:0;width:17px;height:17px;border:1px solid rgba(255, 255, 255, 0.82);box-shadow:0px 1px 2px rgba(0, 0, 0, 0.25);transform:translate(0, 0);border-radius:100%;user-select:none;box-sizing:border-box;pointer-events:none}.colors{position:relative;width:100%;height:16px;margin-top:8px}.colors img{width:100%;user-select:none;pointer-events:none}.colors-holder{position:absolute;top:50%;left:0;width:100%;height:8px;overflow:hidden;transform:translateY(-50%);border-radius:8px;user-select:none}.colors-indicator{position:absolute;top:50%;left:0;width:17px;height:17px;border:2px solid rgba(255, 255, 255, 0.82);box-shadow:0px 1px 4px rgba(0, 0, 0, 0.25);transform:translateY(-50%);border-radius:100%;user-select:none;box-sizing:border-box;pointer-events:none}.transparency{position:relative;width:100%;height:16px;margin-top:8px}.transparency-holder{position:absolute;top:50%;left:0;width:100%;height:8px;overflow:hidden;transform:translateY(-50%);border-radius:8px;background:transparent none repeat center center/20px}.transparency-indicator{position:absolute;top:50%;left:0;width:17px;height:17px;border:2px solid rgba(255, 255, 255, 0.82);box-shadow:0px 1px 4px rgba(0, 0, 0, 0.25);transform:translateY(-50%);border-radius:100%;user-select:none;box-sizing:border-box}.colors-transparency{padding:16px}.active-color{display:flex;align-items:center;width:100%;height:30px}.active-color .color-thumb{width:100%;height:100%;background-color:transparent;border-radius:1px 0 0 1px}.active-color .color-text{font-size:14px;color:#656565;margin-left:8px}.icon{display:flex;align-items:center;justify-content:center;cursor:pointer;width:30px;color:var(--bcm-color-grey-6)}.color-input{border:none;width:100%;padding:10px;outline:none;-webkit-tap-highlight-color:transparent}";
 

package/dist/{esm → bromcom-ui}/bcm-comment-editor.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-8fe7aea4.js';
-import { c as classnames } from './index-e58a2d48.js';
+import { r as registerInstance, e as createEvent, h, f as Host, g as getElement } from './index-9dbea026.js';
+import { c as classnames } from './index-43956e3c.js';
 
 const commentEditorCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}:host{display:block}:host(.hidden){display:none}.comment-editor{display:flex}.comment{width:100%;margin-left:16px}bcm-button{margin-top:24px}";
 

package/dist/{esm → bromcom-ui}/bcm-comment-group.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, H as Host } from './index-8fe7aea4.js';
-import { c as classnames } from './index-e58a2d48.js';
+import { r as registerInstance, h, f as Host } from './index-9dbea026.js';
+import { c as classnames } from './index-43956e3c.js';
 
 const commentGroupCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}:host{display:block}:host(.hidden){display:none}.comment-group{width:500px}.comment-group.full-width{width:100%}";
 

package/dist/{esm → bromcom-ui}/bcm-comment.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-8fe7aea4.js';
-import { c as classnames } from './index-e58a2d48.js';
+import { r as registerInstance, e as createEvent, h, f as Host } from './index-9dbea026.js';
+import { c as classnames } from './index-43956e3c.js';
 import { L as LikeStatusProps } from './types-acccf7c5.js';
 
 const commentCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}:host{display:block}:host(.hidden){display:none}.comment-item{display:flex}.info{display:flex}.info bcm-text+bcm-text{margin-left:8px}.text-content{margin-left:16px}.actions{display:flex;flex-direction:row;align-items:center;margin-top:8px;margin-bottom:32px}.actions .action{display:flex;align-items:center;cursor:pointer;user-select:none;color:var(--bcm-color-grey-7)}.actions .action+.action{margin-left:8px}.actions .action:active{color:var(--bcm-color-grey-8)}.actions .action.active{color:var(--bcm-color-grey-7)}.actions .action.reply{color:var(--bcm-color-grey-7)}.actions .action.reply.active{color:var(--bcm-color-grey-8)}.actions .action bcm-icon{margin-right:4px}.editor{height:0;overflow:hidden;margin-bottom:0;transform:translateY(-2px);transition:transform 0.3s ease, margin 0.2s ease}.editor.active{height:auto;transform:translateY(0);margin-bottom:32px}";

package/dist/{esm → bromcom-ui}/bcm-content.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, H as Host } from './index-8fe7aea4.js';
-import { c as classnames } from './index-e58a2d48.js';
+import { r as registerInstance, h, f as Host } from './index-9dbea026.js';
+import { c as classnames } from './index-43956e3c.js';
 
 const BcmContent = class {
   constructor(hostRef) {

package/dist/bromcom-ui/bcm-date-picker.entry.js

@@ -0,0 +1,126 @@
+import { r as registerInstance, h, f as Host } from './index-9dbea026.js';
+import { c as classnames } from './index-43956e3c.js';
+import { D as DateTimeHelper } from './datetime-helper-c373f888.js';
+
+const datePickerCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}:host{display:inline-block;width:100%;max-width:256px}:host(.full-width){max-width:100%}:host(.hidden){display:none}";
+
+const BcmDatePicker = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.date = new Date();
+    this.endDate = null;
+    this.range = false;
+    this.hidden = false;
+    this.fullWidth = false;
+    this.required = false;
+    this.disabledDates = '';
+    this.disabled = false;
+    this.noCaption = false;
+    this.caption = '';
+    this.captionType = 'default';
+    this.alignment = 'left';
+    this._internal_id = (Math.random() * 4).toString(16).replace('.', '');
+    this.stateStartDate = null;
+    this.stateEndDate = null;
+  }
+  handleStartDateChange() {
+    this.handleDate();
+  }
+  handleEndDateChange() {
+    this.handleDate();
+  }
+  /**
+   * @desc
+   */
+  handlePickerLoad() {
+    this.value = this.picker.value;
+  }
+  /**
+   * @desc
+   * @param event
+   */
+  handlePickerChange(event) {
+    this.value = event.detail;
+  }
+  /**
+   * @desc
+   * @param value
+   */
+  async set(value) {
+    return this.picker.set(value);
+  }
+  /**
+   * @desc
+   * @param disabled
+   */
+  async setDisabled(disabled) {
+    this.disabled = disabled;
+  }
+  async setClear() {
+    await this.picker.setClear();
+    return Promise.resolve();
+  }
+  async setStartDate(dateOrTime) {
+    if (dateOrTime) {
+      dateOrTime = DateTimeHelper.convertTimeStampToDate(new Date(dateOrTime).getTime());
+      this.stateStartDate = dateOrTime;
+    }
+    else {
+      this.setClear();
+    }
+  }
+  async setEndDate(dateOrTime) {
+    if (dateOrTime) {
+      dateOrTime = DateTimeHelper.convertTimeStampToDate(new Date(dateOrTime).getTime());
+      this.stateEndDate = dateOrTime;
+    }
+    else {
+      this.setClear();
+    }
+  }
+  /* mp --- */
+  handleDate() {
+    if (this.range) {
+      if (this.stateStartDate && this.stateEndDate) {
+        this.set(this.stateStartDate + '-' + this.stateEndDate);
+      }
+    }
+    else {
+      this.set(this.stateStartDate);
+    }
+  }
+  /**
+   * @desc
+   */
+  async getInput() {
+    return await this.picker.getInput();
+  }
+  /**
+   * @desc
+   */
+  async getValue() {
+    return this.value;
+  }
+  /**
+   * @desc
+   */
+  async isValid() {
+    return await this.picker.isValid();
+  }
+  async resetCaption() {
+    await this.picker.resetCaption();
+  }
+  render() {
+    const hostClasses = classnames(this.hidden ? 'hidden' : null, {
+      'full-width': this.fullWidth
+    });
+    return (h(Host, { class: hostClasses }, h("bcm-datetime-picker", { id: this._internal_id, name: this.name, type: this.range ? 'range' : 'date', date: this.date, fullWidth: this.fullWidth, ref: el => (this.picker = el), required: this.required, label: this.label, "end-date": this.endDate, disabled: this.disabled, disabledDates: this.disabledDates, "on-bcm-load": () => this.handlePickerLoad(), "on-bcm-change": (e) => this.handlePickerChange(e), noCaption: this.noCaption, caption: this.caption, captionType: this.captionType, alignment: this.alignment })));
+  }
+  static get watchers() { return {
+    "stateStartDate": ["handleStartDateChange"],
+    "stateEndDate": ["handleEndDateChange"]
+  }; }
+};
+BcmDatePicker.style = datePickerCss;
+
+export { BcmDatePicker as bcm_date_picker };