bromcom-ui 2.9.0-rc.8 → 2.9.0

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

@@ -0,0 +1,288 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+import { ClientSideRowModelModule } from "@ag-grid-community/client-side-row-model";
+import { Grid, ModuleRegistry } from "@ag-grid-community/core";
+import { ExcelExportModule } from "@ag-grid-enterprise/excel-export";
+import { StatusBarModule } from "@ag-grid-enterprise/status-bar";
+import { Generate } from "@bcm/helpers";
+import { ToolbarTemplate } from "@bcm/template";
+import { Host, h } from "@stencil/core";
+import cs from "classnames";
+import snq from "snq";
+import { ExportTypes, tableOptions } from "./table-definations";
+ModuleRegistry.registerModules([StatusBarModule, ClientSideRowModelModule, ExcelExportModule]);
+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-community/core"
+            }
+          }
+        },
+        "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/decorators/bcm-decorator.js

@@ -0,0 +1,28 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+import { getElement } from "@stencil/core";
+export function BcmComponent() {
+  return (target, _propertyKey) => {
+    const originalComponentDidLoad = target.componentWillRender;
+    target.componentWillRender = function () {
+      const hostElement = getElement(this); //
+      const isStopChange = hostElement.hasAttribute("stop-change");
+      if (isStopChange) {
+        hostElement.addEventListener("bcm-change", (event) => {
+          event.stopImmediatePropagation();
+        }, {
+          capture: true,
+          once: true,
+        });
+      }
+      else {
+        hostElement.removeAttribute("stop-change");
+      }
+      if (originalComponentDidLoad) {
+        originalComponentDidLoad.call(this);
+      }
+    };
+  };
+}

package/dist/collection/decorators/event-decorator.js

@@ -0,0 +1,31 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+import { getElement } from "@stencil/core";
+export function BcmEventControl() {
+  return (target, _propertyKey) => {
+    const originalComponentWillRender = target.componentWillRender;
+    target.componentWillRender = function () {
+      const hostElement = getElement(this);
+      const stopEvents = hostElement["stopEvents"];
+      if (stopEvents) {
+        const events = hostElement["stopEvents"];
+        const eventList = (events === null || events === void 0 ? void 0 : events.split(",")) || [];
+        (eventList === null || eventList === void 0 ? void 0 : eventList.length) > 0
+          ? eventList.forEach(event => {
+            hostElement.addEventListener(event, (event) => {
+              event.stopPropagation();
+            }, {
+              capture: true,
+              once: true,
+            });
+          })
+          : null;
+      }
+      if (originalComponentWillRender) {
+        originalComponentWillRender.call(this);
+      }
+    };
+  };
+}

package/dist/collection/decorators/index.js

@@ -6,3 +6,4 @@ export * from './id-decorator';
 export * from './is-load-decorator';
 export * from './json-parse-decarator';
 export * from './property-decorators';
+export * from './event-decorator';

package/dist/collection/decorators/is-load-decorator.js

@@ -8,8 +8,9 @@ export function IsLoad() {
     const { componentDidLoad } = proto;
     proto.componentDidLoad = function () {
       const host = getElement(this);
+      const { openIntersecting } = host;
       initProps(host);
-      registerAttrReflect(host);
+      openIntersecting && registerAttrReflect(host);
       return componentDidLoad && componentDidLoad.call(this);
     };
   };

package/dist/collection/global/global.js

@@ -1,4 +1,6 @@
 import { version } from "../../package.json";
+import { LicenseManager } from "@ag-grid-enterprise/core";
+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/global/helper/toast.js

@@ -19,6 +19,7 @@ export class Toast {
    * "message-icon": "check",
    * "view-button": true,
    * "close-button": true,
+   * "remove-after-close": true, // This will remove the toast from the DOM after it is closed
    * bcmToastView: (event) => {
    * // This Event fires when the view button is clicked
    * // do something

package/dist/collection/global/helper/toast.ts

@@ -8,6 +8,7 @@ interface ToastOptions {
     "message-icon"?: string;
     "view-button"?: boolean;
     "close-button"?: boolean;
+    "remove-after-close"?: boolean;
 }
 
 interface ToastEvents {
@@ -36,6 +37,7 @@ export class Toast {
      * "message-icon": "check",
      * "view-button": true,
      * "close-button": true,
+     * "remove-after-close": true, // This will remove the toast from the DOM after it is closed
      * bcmToastView: (event) => {
      * // This Event fires when the view button is clicked
      * // do something

package/dist/collection/helper/string-helper.js

@@ -40,10 +40,10 @@ StringHelper.slugify = (str) => slugify(str, {
   trim: false, // trim leading and trailing replacement chars, defaults to `true`
 });
 StringHelper.highlight = (str, search) => {
-  const searchText = search;
-  const regex = new RegExp(searchText, 'gi');
   let text = str;
   text = text.replace(/(<mark>|<\/mark>)/gim, '');
+  const escapedSearch = search.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&'); // Özel karakterleri kaçış dizileri ile kaçır
+  const regex = new RegExp(escapedSearch, 'gi');
   const newText = text.replace(regex, '<mark>$&</mark>');
   return newText;
 };

package/dist/collection/models/bcm.js

@@ -81,6 +81,7 @@ export var Bcm;
     Kind["solid"] = "solid";
     Kind["ghost"] = "ghost";
     Kind["link"] = "link";
+    Kind["ghost-link"] = "ghost-link";
   })(Kind = Bcm.Kind || (Bcm.Kind = {}));
   let ButtonType;
   (function (ButtonType) {
@@ -395,33 +396,33 @@ export var Bcm;
     KeyCode[KeyCode["a"] = 65] = "a";
   })(KeyCode = Bcm.KeyCode || (Bcm.KeyCode = {}));
   Bcm.FormErrorMessages = {
-    'email': 'Please enter a valid email address',
-    'password': 'Please enter a valid password',
-    'url': 'Please enter a valid URL',
-    'phone': 'Please enter a valid phone number',
-    'search': 'Please enter a valid search term',
-    'number': 'Please enter a valid number',
-    'text': 'Please enter a valid text',
-    'required': 'This field is required',
-    'minlength': 'This field must be at least {0} characters long',
-    'maxlength': 'This field must be at most {0} characters long',
-    'min': 'This field must be at least {0}',
-    'max': 'This field must be at most {0}',
-    'between': 'This field must be between {0} and {1}',
-    'pattern': 'Please use a valid format',
-    'date': 'Please enter a valid date',
-    'time': 'Please enter a valid time',
-    'datetime': 'Please enter a valid date and time',
-    'datetime-local': 'Please enter a valid date and time',
-    'month': 'Please enter a valid month',
-    'week': 'Please enter a valid week',
-    'color': 'Please enter a valid color',
-    'file': 'Please enter a valid file',
-    'range': 'Please enter a valid range',
-    'radio': 'Please select a valid option',
-    'checkbox': 'Please select a valid option',
-    'select': 'Please select a valid option',
-    'multiple': 'Please select a valid option',
+    "email": "Please enter a valid email address",
+    "password": "Please enter a valid password",
+    "url": "Please enter a valid URL",
+    "phone": "Please enter a valid phone number",
+    "search": "Please enter a valid search term",
+    "number": "Please enter a valid number",
+    "text": "Please enter a valid text",
+    "required": "This field is required",
+    "minlength": "This field must be at least {0} characters long",
+    "maxlength": "This field must be at most {0} characters long",
+    "min": "This field must be at least {0}",
+    "max": "This field must be at most {0}",
+    "between": "This field must be between {0} and {1}",
+    "pattern": "Please use a valid format",
+    "date": "Please enter a valid date",
+    "time": "Please enter a valid time",
+    "datetime": "Please enter a valid date and time",
+    "datetime-local": "Please enter a valid date and time",
+    "month": "Please enter a valid month",
+    "week": "Please enter a valid week",
+    "color": "Please enter a valid color",
+    "file": "Please enter a valid file",
+    "range": "Please enter a valid range",
+    "radio": "Please select a valid option",
+    "checkbox": "Please select a valid option",
+    "select": "Please select a valid option",
+    "multiple": "Please select a valid option",
   };
   let IndeterminateType;
   (function (IndeterminateType) {
@@ -456,6 +457,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 };