bromcom-ui 2.9.0-rc.7 → 2.9.0-rc.9

package/dist/collection/components/third-parts/table/table.js

@@ -0,0 +1,284 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+import { Generate } from "@bcm/helpers";
+import { ToolbarTemplate } from "@bcm/template";
+import { Host, h } from "@stencil/core";
+import { Grid } from "ag-grid-enterprise";
+import cs from "classnames";
+import snq from "snq";
+import { ExportTypes, tableOptions } from "./table-definations";
+export class BcmTable {
+  constructor() {
+    this._id = Generate.UID();
+    this.gridOptions = {};
+    this.extensions = "csv";
+    this.height = "250px";
+    this.showToolbar = false;
+    this.showFooter = false;
+    this.toolBarConfig = {
+      showNewButton: false,
+      showExportButton: true,
+      showColumnButton: true,
+      showFilterButton: false,
+      showSearchInput: true,
+    };
+    this.agGrid = null;
+    this.columns = undefined;
+    this.fileTypes = [];
+    this.isReady = false;
+    this.footerOptions = {
+      statusBar: {
+        statusPanels: [
+          { statusPanel: "agTotalAndFilteredRowCountComponent", align: "left" },
+          { statusPanel: "agTotalRowCountComponent", align: "right" },
+          { statusPanel: "agFilteredRowCountComponent" },
+          { statusPanel: "agSelectedRowCountComponent" },
+          { statusPanel: "agAggregationComponent" },
+        ],
+      },
+    };
+  }
+  get grid() {
+    var _a;
+    return (_a = this.agGrid) === null || _a === void 0 ? void 0 : _a.gridOptions;
+  }
+  componentDidLoad() {
+    this.initGrid();
+  }
+  initGrid() {
+    var _a;
+    const agGridDiv = this.el.querySelector(`#bcm-table-${this._id}`);
+    if (!agGridDiv)
+      return;
+    const options = Object.assign(Object.assign(Object.assign({}, tableOptions), Object.assign({}, (this.showFooter && this.footerOptions))), this.gridOptions);
+    (_a = this.agGrid) === null || _a === void 0 ? void 0 : _a.destroy();
+    this.agGrid = new Grid(agGridDiv, Object.assign(Object.assign({}, options), { onGridReady: params => this.initToolbar(params) }));
+  }
+  initToolbar(params) {
+    this.columns = snq(() => { var _a; return (_a = params === null || params === void 0 ? void 0 : params.api) === null || _a === void 0 ? void 0 : _a.getColumnDefs(); }, [])
+      .filter(Boolean)
+      .filter((col) => !col.hide)
+      .map((column) => {
+      var _a, _b, _c, _d, _e;
+      return ({
+        id: column.colId,
+        type: (_c = (_b = (_a = column === null || column === void 0 ? void 0 : column.filterParams) === null || _a === void 0 ? void 0 : _a.type) === null || _b === void 0 ? void 0 : _b.toLowerCase()) !== null && _c !== void 0 ? _c : "text",
+        disabled: (_e = (_d = column === null || column === void 0 ? void 0 : column.filterParams) === null || _d === void 0 ? void 0 : _d.disabledColumn) !== null && _e !== void 0 ? _e : false,
+      });
+    });
+    this.fileTypes = snq(() => {
+      var _a;
+      return (_a = this.extensions
+        .toLowerCase()
+        .split(",")) === null || _a === void 0 ? void 0 : _a.map((extention) => extention.trim()).map((extention) => ExportTypes[extention]);
+    }, []);
+    this.isReady = true;
+  }
+  handleColumnVisible({ checked, id }) {
+    if (!id)
+      return;
+    this.grid.columnApi.setColumnVisible(id, checked);
+  }
+  handleFileType({ text }) {
+    if (!text)
+      return;
+    switch (text.toLowerCase()) {
+      case "csv":
+        this.grid.api.exportDataAsCsv();
+        break;
+      case "excel":
+        this.grid.api.exportDataAsExcel();
+        break;
+      case "pdf":
+        alert("PDF export is not supported yet");
+        break;
+    }
+  }
+  handleSearch(text) {
+    if (text === undefined)
+      return;
+    this.grid.api.setQuickFilter(text);
+    if (this.grid.api.getDisplayedRowCount() === 0) {
+      this.grid.api.showNoRowsOverlay();
+    }
+    else {
+      this.grid.api.hideOverlay();
+    }
+  }
+  watchHandler(newValue, oldValue) {
+    if (newValue !== oldValue) {
+      this.initGrid();
+    }
+  }
+  render() {
+    const { _id, height, toolBarConfig, columns } = this;
+    return (h(Host, null, h("div", { class: cs("bcm-ui-element bcm-ui-table bcm-table", "tw-flex tw-w-full tw-flex-col tw-gap-2", {
+        "tw-hidden": !this.isReady,
+      }) }, this.showToolbar && (h(ToolbarTemplate, { tableId: _id, config: toolBarConfig, columns: columns, onHideColumn: e => this.handleColumnVisible(e), onSearch: e => this.handleSearch(e), onSelectExportType: e => this.handleFileType(e), extensions: this.fileTypes })), h("div", { id: `bcm-table-${this._id}`, class: "ag-theme-bcm", style: { height } }))));
+  }
+  static get is() { return "bcm-table"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["table.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["table.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "_id": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "_id",
+        "reflect": true,
+        "defaultValue": "Generate.UID()"
+      },
+      "gridOptions": {
+        "type": "unknown",
+        "mutable": true,
+        "complexType": {
+          "original": "GridOptions",
+          "resolved": "GridOptions<any>",
+          "references": {
+            "GridOptions": {
+              "location": "import",
+              "path": "ag-grid-enterprise"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "defaultValue": "{}"
+      },
+      "extensions": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "extensions",
+        "reflect": true,
+        "defaultValue": "\"csv\""
+      },
+      "height": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "height",
+        "reflect": true,
+        "defaultValue": "\"250px\""
+      },
+      "showToolbar": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "show-toolbar",
+        "reflect": true,
+        "defaultValue": "false"
+      },
+      "showFooter": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "show-footer",
+        "reflect": true,
+        "defaultValue": "false"
+      },
+      "toolBarConfig": {
+        "type": "unknown",
+        "mutable": true,
+        "complexType": {
+          "original": "Bcm.ToolBarButtonProps",
+          "resolved": "ToolBarButtonProps",
+          "references": {
+            "Bcm": {
+              "location": "import",
+              "path": "@bcm/model"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "defaultValue": "{\n        showNewButton: false,\n        showExportButton: true,\n        showColumnButton: true,\n        showFilterButton: false,\n        showSearchInput: true,\n    }"
+      }
+    };
+  }
+  static get states() {
+    return {
+      "agGrid": {},
+      "columns": {},
+      "fileTypes": {},
+      "isReady": {},
+      "footerOptions": {}
+    };
+  }
+  static get elementRef() { return "el"; }
+  static get watchers() {
+    return [{
+        "propName": "gridOptions",
+        "methodName": "watchHandler"
+      }];
+  }
+}

package/dist/collection/global/global.js

@@ -1,4 +1,6 @@
 import { version } from "../../package.json";
+import { LicenseManager } from "ag-grid-enterprise";
+import { Env } from "@stencil/core";
 
 window.bcm = (function () {
     return {
@@ -17,6 +19,10 @@ function addHeadScript(obj) {
 
 addHeadScript({ src: "https://kit.fontawesome.com/5e86bea963.js", crossOrigin: "anonymous" });
 
+(() => {
+    LicenseManager.setLicenseKey(Env["AG_GRID_LICENSE_KEY"]);
+})();
+
 async function fetchJSON(url = null) {
     const response = await fetch(url);
     return await response.json();

package/dist/collection/models/bcm.js

@@ -456,6 +456,7 @@ export var Bcm;
     TriggerType["hover"] = "hover";
     TriggerType["click"] = "click";
     TriggerType["focus"] = "focus";
+    TriggerType["custom"] = "custom";
   })(TriggerType = Bcm.TriggerType || (Bcm.TriggerType = {}));
   let ListType;
   (function (ListType) {

package/dist/collection/templates/index.js

@@ -15,3 +15,5 @@ export * from './list-template';
 export * from './slot-template';
 export * from './step-template';
 export * from './tag-template';
+export * from './toolbar-template';
+export * from './toolbar-hamburger-template';

package/dist/collection/templates/toolbar-hamburger-template.js

@@ -0,0 +1,14 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+import { StringHelper } from "@bcm/helpers";
+import { Fragment, h } from "@stencil/core";
+export const ToolbarHamburgerTemplate = ({ hamburgerMenuId, config, column, extensions, onHideColumn, onSelectExportType }) => {
+  const { showColumnButton, showExportButton, showNewButton } = config;
+  return (h(Fragment, null, h("bcm-linked", { class: "lg:tw-hidden md:tw-hidden", "target-id": hamburgerMenuId, "main-linked": true }, h("div", { class: "tw-shadow-custom tw-w-full tw-min-w-[180px] tw-flex-col tw-gap-2 tw-p-4" }, showNewButton && (h("bcm-item", { color: "white" }, h("div", { class: "tw-flex tw-h-5 tw-w-full tw-flex-1 tw-items-center tw-justify-between tw-gap-1" }, h("span", null, "New")))), showColumnButton && (h("bcm-item", { id: hamburgerMenuId + "-hamburger-linked", color: "white" }, h("div", { class: "tw-flex tw-h-5 tw-w-full tw-flex-1 tw-items-center tw-justify-between tw-gap-1" }, h("span", { class: "tw-mr-2" }, "Add Column"), h("i", { class: "fas fa-chevron-right" })))), showExportButton && (h("bcm-item", { id: hamburgerMenuId + "-hamburger-extentions", color: "white" }, h("div", { class: "tw-flex tw-h-5 tw-w-full tw-flex-1 tw-items-center tw-justify-between tw-gap-1" }, h("span", { class: "tw-mr-2" }, "Exports"), h("i", { class: "fas fa-chevron-right" })))))), h("bcm-linked", { trigger: "hover", "target-id": hamburgerMenuId + "-hamburger-linked", placement: "left-start", "hide-delay": "200" }, h(Fragment, null, h("div", { class: "tw-shadow-custom tw-w-full tw-min-w-[200px] tw-flex-col tw-gap-2 tw-p-4" }, column === null || column === void 0 ? void 0 : column.map(col => {
+    return (h("bcm-item", { color: "white" }, h("div", { class: "tw-flex tw-h-5 tw-w-full tw-flex-1 tw-items-center tw-justify-between tw-gap-1" }, h("span", null, StringHelper.capitalize(col.id)), h("bcm-switch", { disabled: col.disabled, accessKey: col.id, id: col.id, class: "tw-mt-2", "no-caption": true, checked: true, "onBcm-change": e => onHideColumn({ checked: e.detail, id: col.id }) }))));
+  })))), h("bcm-linked", { trigger: "hover", "target-id": hamburgerMenuId + "-hamburger-extentions", placement: "left-start", "hide-delay": "200" }, h(Fragment, null, h("div", { class: "tw-shadow-custom tw-flex tw-w-full tw-min-w-[200px] tw-flex-col tw-gap-2 tw-p-4" }, extensions === null || extensions === void 0 ? void 0 : extensions.map(ext => {
+    return (h("div", { class: "tw-flex tw-w-full tw-flex-1 tw-cursor-pointer tw-flex-row tw-items-center tw-justify-start tw-gap-2 tw-rounded tw-bg-white tw-px-3 tw-py-[5px] tw-font-sans tw-text-size-4 tw-font-medium tw-antialiased hover:tw-bg-slate-100", onClick: () => onSelectExportType(ext) }, h("span", null, h("i", { class: "tw-text-size-5 " + ext.icon })), h("span", null, ext.text)));
+  }))))));
+};

package/dist/collection/templates/toolbar-template.js

@@ -0,0 +1,15 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+import { StringHelper } from "@bcm/helpers";
+import { Fragment, h } from "@stencil/core";
+import { ToolbarHamburgerTemplate } from "./toolbar-hamburger-template";
+export const ToolbarTemplate = ({ columns, config, extensions, tableId, onHideColumn, onSearch, onSelectExportType }) => {
+  const { showColumnButton, showExportButton, showNewButton, showFilterButton, showSearchInput } = config;
+  return (h("div", { class: "tw-flex tw-w-full tw-flex-row tw-items-center tw-justify-between" }, h("div", { class: "tw-flex tw-flex-row tw-items-center tw-justify-start tw-gap-2" }, h("slot", { name: "left" }), showFilterButton && (h("bcm-dropdown", { kind: "ghost" }, h("bcm-icon", { icon: "far fa-filter" }), "Filter", h("bcm-badge", { color: "blue", size: "small", value: "1" }, "1"))), showSearchInput && h("bcm-input", { class: "!tw-mb-0", placeholder: "Search", type: "search", "no-caption": true, "onBcm-input": e => onSearch(e.detail) })), h("div", null), h("div", { class: "tw-flex tw-flex-row tw-flex-wrap tw-items-center tw-justify-start tw-gap-2", id: "test" }, h("slot", { name: "right" }), showNewButton && h("bcm-button", { icon: "fas fa-plus" }, "New"), showColumnButton && (h("section", { class: "tw-hidden lg:tw-block md:tw-block" }, h("bcm-dropdown", { kind: "ghost", placement: "bottom-end" }, h("bcm-icon", { icon: "far fa-plus" }), "Add Column", h(Fragment, null, h("bcm-content", { class: "tw-hidden lg:tw-block md:tw-block" }, h("div", { class: "tw-shadow-custom tw-w-full tw-min-w-[256px] tw-flex-col tw-gap-2 tw-p-4" }, columns === null || columns === void 0 ? void 0 : columns.map(col => {
+    return (h("bcm-item", { color: "white" }, h("div", { class: "tw-flex tw-h-4 tw-w-full tw-flex-1 tw-items-center tw-justify-between tw-gap-1 tw-font-medium" }, h("span", null, StringHelper.capitalize(col.id)), h("bcm-switch", { class: "!tw-mt-2", disabled: col.disabled, "onBcm-change": e => onHideColumn({ checked: e.detail, id: col.id }), accessKey: col.id, id: col.id, "no-caption": true, checked: true }))));
+  }))))))), showExportButton && (h("section", { class: "tw-hidden lg:tw-block md:tw-block" }, (extensions === null || extensions === void 0 ? void 0 : extensions.length) > 1 && (h("bcm-dropdown", { id: tableId + "extention-content", selectable: false, kind: "ghost", class: "!tw-font-medium" }, "Export As", h("bcm-content", { class: "tw-hidden lg:tw-block md:tw-block" }, h("div", { class: "tw-shadow-custom tw-flex tw-w-full tw-min-w-[200px] tw-flex-col tw-gap-2 tw-p-4" }, extensions === null || extensions === void 0 ? void 0 : extensions.map(ext => {
+    return (h("div", { class: "tw-flex tw-w-full tw-flex-1 tw-cursor-pointer tw-flex-row tw-items-center tw-justify-start tw-gap-2 tw-rounded tw-bg-white tw-px-3 tw-py-[5px] tw-font-sans tw-text-size-4 tw-font-medium tw-antialiased hover:tw-bg-slate-100", onClick: () => onSelectExportType(ext) }, h("span", null, h("i", { class: "tw-text-size-5 " + ext.icon })), h("span", null, ext.text)));
+  }))))), (extensions === null || extensions === void 0 ? void 0 : extensions.length) == 1 && (h("bcm-button", { outline: true, onClick: () => onSelectExportType(extensions[0]) }, h("img", { src: "assets/" + extensions[0].path }), " Export as ", extensions[0].text))))), h("bcm-button", { outline: true, id: tableId + "-hamburger-menu", class: "sm:tw-block lg:tw-hidden md:tw-hidden", icon: "fas fa-bars" }), h(ToolbarHamburgerTemplate, { hamburgerMenuId: tableId + "-hamburger-menu", config: config, column: columns, extensions: extensions, onHideColumn: onHideColumn, onSelectExportType: onSelectExportType })));
+};

package/dist/components/_commonjsHelpers.js

@@ -18,8 +18,23 @@ function createCommonjsModule(fn, basedir, module) {
 	}, fn(module, module.exports), module.exports;
 }
 
+function getAugmentedNamespace(n) {
+	if (n.__esModule) return n;
+	var a = Object.defineProperty({}, '__esModule', {value: true});
+	Object.keys(n).forEach(function (k) {
+		var d = Object.getOwnPropertyDescriptor(n, k);
+		Object.defineProperty(a, k, d.get ? d : {
+			enumerable: true,
+			get: function () {
+				return n[k];
+			}
+		});
+	});
+	return a;
+}
+
 function commonjsRequire () {
 	throw new Error('Dynamic requires are not currently supported by @rollup/plugin-commonjs');
 }
 
-export { commonjsGlobal as a, createCommonjsModule as c, getDefaultExportFromCjs as g };
+export { commonjsGlobal as a, getDefaultExportFromCjs as b, createCommonjsModule as c, getAugmentedNamespace as g };

package/dist/components/bcm-date.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface BcmDate extends Components.BcmDate, HTMLElement {}
+export const BcmDate: {
+  prototype: BcmDate;
+  new (): BcmDate;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/bcm-date.js

@@ -0,0 +1,161 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { I as IsLoad } from './is-load-decorator.js';
+import './color-helper.js';
+import './validators.js';
+import { G as Generate } from './generate.js';
+import './number-helper.js';
+import './string-helper.js';
+import './element-dragger.js';
+import { a as Bcm } from './bcm.js';
+import { C as CaptionTemplate } from './caption-template.js';
+import { c as classnames } from './index2.js';
+import './types.js';
+import { L as LabelTemplate } from './label-template.js';
+import './types2.js';
+import { h as hooks, d as defineCustomElement$2 } from './rc-picker.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$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.change = createEvent(this, "bcm-change", 7);
+    this.onChange = (e) => {
+      this.value = this.getValueObject(e.detail);
+      this.change.emit(this.value);
+    };
+    this.getValueObject = (value) => {
+      if (value && hooks(value).isValid()) {
+        return {
+          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.format),
+        };
+      }
+      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.caption = undefined;
+    this.noCaption = false;
+    this.captionType = Bcm.Status.default;
+    this.captionError = undefined;
+    this.type = undefined;
+    this.format = "DD/MM/YYYY";
+    this.showTime = false;
+    this.showToday = true;
+    this.showNow = true;
+  }
+  async getValue() {
+    var _a;
+    return ((_a = this.getValueObject(this.value)) === null || _a === void 0 ? void 0 : _a.value) || null;
+  }
+  async get() {
+    var _a;
+    return ((_a = this.getValueObject(this.value)) === null || _a === void 0 ? void 0 : _a.timestamp) || null;
+  }
+  async set(value) {
+    this.value = value;
+  }
+  async setClear() {
+    this.value = 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;
+  }
+  render() {
+    const { label, size, captionType, required, _id } = this;
+    return (h(Host, { class: classnames("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 })));
+  }
+  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],
+    "caption": [1],
+    "noCaption": [4, "no-caption"],
+    "captionType": [1025, "caption-type"],
+    "captionError": [1025, "caption-error"],
+    "type": [1],
+    "format": [1],
+    "showTime": [4, "show-time"],
+    "showToday": [4, "show-today"],
+    "showNow": [4, "show-now"],
+    "getValue": [64],
+    "get": [64],
+    "set": [64],
+    "setClear": [64],
+    "resetCaption": [64],
+    "getInput": [64],
+    "isValid": [64]
+  }]);
+__decorate([
+  IsLoad()
+], BcmDate$1.prototype, "el", void 0);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["bcm-date", "bcm-rc-picker"];
+  components.forEach(tagName => { switch (tagName) {
+    case "bcm-date":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, BcmDate$1);
+      }
+      break;
+    case "bcm-rc-picker":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
+
+const BcmDate = BcmDate$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { BcmDate, defineCustomElement };

package/dist/components/bcm-form-2.js

@@ -20,12 +20,15 @@ const BcmFormComponents = [
   'BCM-FORM-GROUP',
   'BCM-LIST',
   'BCM-COLORPICKER',
+  'BCM-DATE',
   'BCM-DATE-PICKER',
   'BCM-TIME-PICKER',
   'BCM-DATETIME-PICKER',
   'BCM-SELECT',
   'BCM-LISTBOX',
-  'BCM-CHIP-GROUP', // to be added to v3
+  'BCM-CHIP-GROUP',
+  'BCM-INPUT-DROPDOWN'
+  //... to be added to v3
 ];
 
 const form2Css = "@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}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}:host{display:block}";

package/dist/components/bcm-form.js

@@ -96,6 +96,7 @@ const BcmForm$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
         LIST: 'list',
         //
         COLORPICKER: 'colorpicker',
+        DATE: 'date',
         // picker aslında tek komponent hepsi datetimepicker
         DATE_PICKER: 'date-picker',
         TIME_PICKER: 'time-picker',

package/dist/components/bcm-input-dropdown.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface BcmInputDropdown extends Components.BcmInputDropdown, HTMLElement {}
+export const BcmInputDropdown: {
+  prototype: BcmInputDropdown;
+  new (): BcmInputDropdown;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;