bromcom-ui 2.11.2-test.0 → 2.12.0-test.1

package/dist/esm/bcm-date.entry.js

@@ -0,0 +1,178 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0615c2b8.js';
+import { I as IsLoad } from './is-load-decorator-8277e3b8.js';
+import './color-helper-c0bb1d8a.js';
+import './datetime-helper-df25808a.js';
+import { G as Generate } from './generate-a1817b7f.js';
+import './number-helper-ccf5aba4.js';
+import './string-helper-85990695.js';
+import './validators-e63fdc75.js';
+import './element-dragger-89bb52fd.js';
+import { a as Bcm } from './bcm-a50d55ba.js';
+import { C as CaptionTemplate } from './caption-template-5c43c733.js';
+import { c as classnames } from './index-b84bc8c9.js';
+import './types-6f06fa1a.js';
+import './types-9493a7ed.js';
+import { h as hooks } from './moment-15cd9198.js';
+import './colors-1d7854ea.js';
+import './utils-57652744.js';
+import './colors-df32bb43.js';
+import './_commonjsHelpers-be0d4ec8.js';
+import './package-5d20a20d.js';
+
+var __decorate = (undefined && undefined.__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;
+};
+const BcmDate = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.change = createEvent(this, "bcm-change", 7);
+    this.onChange = (e) => {
+      this.value = this.getValueObject(e.detail);
+      this.change.emit(this.value);
+    };
+    // type a göre format belirleme işlemi
+    this.getFormat = () => {
+      if (!this.format) {
+        const hourFormat = this.use12Hours ? "hh" : "HH";
+        const timeFormat = `${this.showSecond ? `${hourFormat}:mm:ss` : this.showMinute ? `${hourFormat}:mm` : `${hourFormat}`}${this.use12Hours ? " a" : ""}`;
+        switch (this.type) {
+          case "time":
+            return `${timeFormat}`;
+          case "date":
+            return "DD/MM/YYYY";
+          case "datetime":
+            return `DD/MM/YYYY ${timeFormat}`;
+          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 (this.range) {
+        return this.getRangeValueObject(value);
+      }
+      else {
+        return this.createValueObject(value);
+      }
+    };
+    this.getRangeValueObject = (value) => {
+      const [start, end] = value || [null, null];
+      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(),
+            day: hooks(value).date(),
+            month: hooks(value).month(),
+            dayOfWeek: hooks(value).day(),
+            monthFirstDay: hooks(value).startOf("month").day(),
+          }, 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.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.showNow = true;
+    this.showHour = true;
+    this.showMinute = true;
+    this.showSecond = false;
+    this.use12Hours = false;
+    this.hourStep = 1;
+    this.minuteStep = 1;
+    this.secondStep = 1;
+    this.hideDisabledOptions = false;
+    this.disabledTime = undefined;
+    this.showToday = true;
+    this.disabledDates = undefined;
+  }
+  async getValue() {
+    return this.value;
+  }
+  async get() {
+    var _a;
+    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.getPickerElement().set(null);
+  }
+  async resetCaption() {
+    this.captionType = "default";
+    this.captionError = null;
+  }
+  async getInput() {
+    return this.el.querySelector("input");
+  }
+  async isValid() {
+    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: 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("bcm-label", { 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 getElement(this); }
+};
+__decorate([
+  IsLoad()
+], BcmDate.prototype, "el", void 0);
+
+export { BcmDate as bcm_date };