bromcom-ui 2.12.1-test.1 → 3.0.0-preview.0

package/dist/cjs/bcm-error-layout.cjs.entry.js

@@ -6,7 +6,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c591ecec.js');
+const index = require('./index-bb6ac306.js');
 const index$1 = require('./index-95ae50d0.js');
 require('./_commonjsHelpers-ed84c3ca.js');
 

package/dist/cjs/bcm-form-2.cjs.entry.js

@@ -6,12 +6,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c591ecec.js');
-const isLoadDecorator = require('./is-load-decorator-15036f37.js');
-const generate = require('./generate-920aff8f.js');
-const stringHelper = require('./string-helper-1ee6dc21.js');
-const bcm = require('./bcm-1d1fcf21.js');
-require('./package-fc8c9633.js');
+const index = require('./index-bb6ac306.js');
+const isLoadDecorator = require('./is-load-decorator-60805e8b.js');
+const generate = require('./generate-eda14f12.js');
+const stringHelper = require('./string-helper-cc89c9d6.js');
+const bcm = require('./bcm-51d38d17.js');
+require('./package-f644e6eb.js');
 require('./colors-250d0982.js');
 require('./_commonjsHelpers-ed84c3ca.js');
 

package/dist/cjs/bcm-form-group.cjs.entry.js

@@ -6,7 +6,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c591ecec.js');
+const index = require('./index-bb6ac306.js');
 
 const formGroupCss = "@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}:host(.hidden){display:none}";
 

package/dist/cjs/bcm-input-custom.cjs.entry.js

@@ -6,10 +6,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c591ecec.js');
-const generate = require('./generate-920aff8f.js');
+const index = require('./index-bb6ac306.js');
+const generate = require('./generate-eda14f12.js');
 const index$1 = require('./index-95ae50d0.js');
-require('./package-fc8c9633.js');
+require('./package-f644e6eb.js');
 require('./colors-250d0982.js');
 require('./_commonjsHelpers-ed84c3ca.js');
 

package/dist/cjs/bcm-input-dropdown.cjs.entry.js

@@ -6,25 +6,25 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index$1 = require('./index-c591ecec.js');
+const index$1 = require('./index-bb6ac306.js');
 require('./color-helper-dc98a2ca.js');
 require('./datetime-helper-eaf4fadb.js');
-const generate = require('./generate-920aff8f.js');
-require('./number-helper-a99f8b57.js');
-require('./string-helper-1ee6dc21.js');
-require('./validators-aafcc99c.js');
+const generate = require('./generate-eda14f12.js');
+require('./number-helper-d14c9546.js');
+require('./string-helper-cc89c9d6.js');
+require('./popover.style-e390b5a1.js');
 require('./element-dragger-a8562f82.js');
-const bcm = require('./bcm-1d1fcf21.js');
-const captionTemplate = require('./caption-template-85a18b6d.js');
+const bcm = require('./bcm-51d38d17.js');
+const captionTemplate = require('./caption-template-1ba40085.js');
+require('./types-e4c4d1b2.js');
 const index$2 = require('./index-95ae50d0.js');
-require('./types-cc4adee7.js');
 require('./types-7523fd99.js');
-const index = require('./index-5279dea2.js');
+const index = require('./index-d3b89435.js');
 require('./colors-56282b00.js');
 require('./utils-fc077139.js');
 require('./colors-250d0982.js');
 require('./_commonjsHelpers-ed84c3ca.js');
-require('./package-fc8c9633.js');
+require('./package-f644e6eb.js');
 
 const inputDropdownStyle = index.ce({
   slots: {

package/dist/cjs/bcm-message.cjs.entry.js

@@ -6,7 +6,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c591ecec.js');
+const index = require('./index-bb6ac306.js');
 const index$1 = require('./index-95ae50d0.js');
 require('./_commonjsHelpers-ed84c3ca.js');
 

package/dist/cjs/bcm-modal-2-footer.cjs.entry.js

@@ -6,21 +6,22 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c591ecec.js');
+const index = require('./index-bb6ac306.js');
 require('./color-helper-dc98a2ca.js');
 require('./datetime-helper-eaf4fadb.js');
-const generate = require('./generate-920aff8f.js');
-require('./number-helper-a99f8b57.js');
-require('./string-helper-1ee6dc21.js');
-require('./validators-aafcc99c.js');
+const generate = require('./generate-eda14f12.js');
+require('./number-helper-d14c9546.js');
+require('./string-helper-cc89c9d6.js');
+require('./popover.style-e390b5a1.js');
 require('./element-dragger-a8562f82.js');
-require('./bcm-1d1fcf21.js');
+require('./bcm-51d38d17.js');
 const index$1 = require('./index-95ae50d0.js');
 require('./colors-56282b00.js');
 require('./utils-fc077139.js');
 require('./colors-250d0982.js');
 require('./_commonjsHelpers-ed84c3ca.js');
-require('./package-fc8c9633.js');
+require('./package-f644e6eb.js');
+require('./index-d3b89435.js');
 
 const BcmModal2Footer = class {
   constructor(hostRef) {

package/dist/cjs/bcm-modal-2-header.cjs.entry.js

@@ -6,20 +6,21 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c591ecec.js');
+const index = require('./index-bb6ac306.js');
 require('./color-helper-dc98a2ca.js');
 require('./datetime-helper-eaf4fadb.js');
-const generate = require('./generate-920aff8f.js');
-require('./number-helper-a99f8b57.js');
-require('./string-helper-1ee6dc21.js');
-require('./validators-aafcc99c.js');
+const generate = require('./generate-eda14f12.js');
+require('./number-helper-d14c9546.js');
+require('./string-helper-cc89c9d6.js');
+require('./popover.style-e390b5a1.js');
 require('./element-dragger-a8562f82.js');
-require('./bcm-1d1fcf21.js');
+require('./bcm-51d38d17.js');
 require('./colors-56282b00.js');
 require('./utils-fc077139.js');
 require('./colors-250d0982.js');
 require('./_commonjsHelpers-ed84c3ca.js');
-require('./package-fc8c9633.js');
+require('./package-f644e6eb.js');
+require('./index-d3b89435.js');
 
 const BcmModal2Header = class {
   constructor(hostRef) {

package/dist/cjs/bcm-modal-2.cjs.entry.js

@@ -6,21 +6,22 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c591ecec.js');
+const index = require('./index-bb6ac306.js');
 require('./color-helper-dc98a2ca.js');
 require('./datetime-helper-eaf4fadb.js');
-const generate = require('./generate-920aff8f.js');
-require('./number-helper-a99f8b57.js');
-require('./string-helper-1ee6dc21.js');
-require('./validators-aafcc99c.js');
+const generate = require('./generate-eda14f12.js');
+require('./number-helper-d14c9546.js');
+require('./string-helper-cc89c9d6.js');
+require('./popover.style-e390b5a1.js');
 require('./element-dragger-a8562f82.js');
 const utils = require('./utils-fc077139.js');
-const bcm = require('./bcm-1d1fcf21.js');
+const bcm = require('./bcm-51d38d17.js');
 const index$1 = require('./index-95ae50d0.js');
 require('./colors-56282b00.js');
 require('./colors-250d0982.js');
 require('./_commonjsHelpers-ed84c3ca.js');
-require('./package-fc8c9633.js');
+require('./package-f644e6eb.js');
+require('./index-d3b89435.js');
 
 const BcmModal2 = class {
   constructor(hostRef) {

package/dist/cjs/bcm-notification.cjs.entry.js

@@ -6,7 +6,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c591ecec.js');
+const index = require('./index-bb6ac306.js');
 const index$1 = require('./index-95ae50d0.js');
 require('./_commonjsHelpers-ed84c3ca.js');
 

package/dist/cjs/bcm-number-input.cjs.entry.js

@@ -6,26 +6,26 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c591ecec.js');
+const index = require('./index-bb6ac306.js');
 require('./color-helper-dc98a2ca.js');
 require('./datetime-helper-eaf4fadb.js');
-const generate = require('./generate-920aff8f.js');
-require('./number-helper-a99f8b57.js');
-const stringHelper = require('./string-helper-1ee6dc21.js');
-require('./validators-aafcc99c.js');
+const generate = require('./generate-eda14f12.js');
+require('./number-helper-d14c9546.js');
+const stringHelper = require('./string-helper-cc89c9d6.js');
+require('./popover.style-e390b5a1.js');
 require('./element-dragger-a8562f82.js');
 const utils = require('./utils-fc077139.js');
-const bcm = require('./bcm-1d1fcf21.js');
-const captionTemplate = require('./caption-template-85a18b6d.js');
+const bcm = require('./bcm-51d38d17.js');
+const captionTemplate = require('./caption-template-1ba40085.js');
+require('./types-e4c4d1b2.js');
 const index$1 = require('./index-95ae50d0.js');
-require('./types-cc4adee7.js');
 require('./types-7523fd99.js');
-const input_style = require('./input.style-b5676e6a.js');
+const input_style = require('./input.style-3e8b7803.js');
 require('./colors-56282b00.js');
 require('./colors-250d0982.js');
 require('./_commonjsHelpers-ed84c3ca.js');
-require('./package-fc8c9633.js');
-require('./index-5279dea2.js');
+require('./package-f644e6eb.js');
+require('./index-d3b89435.js');
 
 const NumberInput = class {
   constructor(hostRef) {
@@ -286,7 +286,7 @@ const NumberInput = class {
         this.value = floatValue;
         this._onChange.emit(e);
       } });
-    return (index.h(index.Host, { class: host() }, label && index.h("bcm-label", { size: size, type: captionType, value: label, required: required, htmlFor: _id + "-base-input", id: _id + "-label" }), index.h("div", { class: inputContainer() }, index.h("div", { class: slotClass() }, index.h("slot", { name: "prefix" }, _prefix && _prefix.length > 0 && index.h("span", { innerHTML: _prefix }))), index.h("bcm-react-number", { disabled: disabled, class: "tw-flex-1", options: generalProps }), index.h("div", { class: slotClass() }, !disabled && isActiveClearable && (index.h("button", { class: clearButton(), onClick: event => this.handleClear(event) }, index.h("i", { class: "far fa-times" }))), index.h("slot", { name: "suffix" }, _suffix && _suffix.length > 0 && index.h("span", { innerHTML: _suffix })), index.h("div", { class: controls() }, index.h("button", { type: "button", disabled: disabled, class: index$1.classnames(controlsBtn(), controlsBtnUp()), onClick: this.up.bind(this), "aria-label": "Increase value" }, index.h("i", { class: "fas fa-caret-up" })), index.h("div", { class: controlsDivider() }), index.h("button", { type: "button", disabled: disabled, class: index$1.classnames(controlsBtn(), controlsBtnDown()), onClick: this.down.bind(this), "aria-label": "Decrease value" }, index.h("i", { class: "fas fa-caret-down" }))))), index.h(captionTemplate.CaptionTemplate, { noCaption: noCaption, captionType: captionType, captionError: captionError, caption: caption, customErrorMessage: this.customErrorMessage })));
+    return (index.h(index.Host, { class: host() }, label && index.h("bcm-label", { size: size, type: captionType, value: label, required: required, htmlFor: _id + "-base-input", id: _id + "-label" }), index.h("div", { class: inputContainer(), id: _id + "-container" }, index.h("div", { class: slotClass() }, index.h("slot", { name: "prefix" }, _prefix && _prefix.length > 0 && index.h("span", { innerHTML: _prefix }))), index.h("bcm-react-number", { disabled: disabled, class: "tw-flex-1", options: generalProps }), index.h("div", { class: slotClass() }, !disabled && isActiveClearable && (index.h("button", { class: clearButton(), onClick: event => this.handleClear(event) }, index.h("i", { class: "far fa-times" }))), index.h("slot", { name: "suffix" }, _suffix && _suffix.length > 0 && index.h("span", { innerHTML: _suffix })), index.h("div", { class: controls() }, index.h("button", { tabindex: "-1", type: "button", disabled: disabled, class: index$1.classnames(controlsBtn(), controlsBtnUp()), onClick: this.up.bind(this), "aria-label": "Increase value" }, index.h("i", { class: "fas fa-caret-up" })), index.h("div", { class: controlsDivider() }), index.h("button", { tabindex: "-1", type: "button", disabled: disabled, class: index$1.classnames(controlsBtn(), controlsBtnDown()), onClick: this.down.bind(this), "aria-label": "Decrease value" }, index.h("i", { class: "fas fa-caret-down" }))))), index.h(captionTemplate.CaptionTemplate, { noCaption: noCaption, captionType: captionType, captionError: captionError, caption: caption, customErrorMessage: this.customErrorMessage })));
   }
   get el() { return index.getElement(this); }
   static get watchers() { return {

package/dist/cjs/bcm-overlay_2.cjs.entry.js

@@ -6,7 +6,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c591ecec.js');
+const index = require('./index-bb6ac306.js');
 const index$1 = require('./index-95ae50d0.js');
 const colors = require('./colors-250d0982.js');
 require('./_commonjsHelpers-ed84c3ca.js');

package/dist/cjs/bcm-popconfirm-box-v2.cjs.entry.js

@@ -0,0 +1,109 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index$1 = require('./index-bb6ac306.js');
+const bcm = require('./bcm-51d38d17.js');
+const index = require('./index-d3b89435.js');
+const colorHelper = require('./color-helper-dc98a2ca.js');
+require('./_commonjsHelpers-ed84c3ca.js');
+require('./colors-56282b00.js');
+require('./utils-fc077139.js');
+require('./colors-250d0982.js');
+
+const popConfirmStyle = index.ce({
+  slots: {
+    host: "bcm-ui-element tw-absolute tw-min-w-80 tw-shadow-2 tw-rounded-lg tw-bg-white tw-z-tooltip tw-invisible",
+    container: "tw-flex tw-flex-col tw-items-center tw-justify-start tw-gap-4 tw-text-wrap  tw-w-full",
+    header: "tw-flex tw-flex-row tw-justify-between tw-items-center tw-font-medium tw-w-full",
+    title: "tw-flex tw-flex-row tw-items-center tw-justify-start tw-gap-2",
+    body: "tw-font-normal",
+    footer: "tw-flex tw-flex-row tw-items-center tw-justify-center tw-w-full",
+    icon: ""
+  },
+  variants: {
+    size: {
+      small: {
+        container: "tw-p-4",
+        header: "tw-text-base",
+        body: "tw-text-2",
+        footer: "tw-gap-2"
+      },
+      medium: {
+        container: "tw-p-6",
+        header: "tw-text-5",
+        body: "tw-text-3",
+        footer: "tw-gap-2"
+      },
+      large: {
+        container: "tw-p-8 tw-gap-6",
+        header: "tw-text-6",
+        body: "tw-text-base",
+        footer: "tw-gap-3"
+      },
+    },
+    status: {
+      default: {},
+      info: {
+        icon: "tw-text-blue-600"
+      },
+      warning: {
+        icon: "tw-text-amber-600"
+      },
+      success: {
+        icon: "tw-text-emerald-600"
+      },
+      error: {
+        icon: "tw-text-red-600"
+      },
+    },
+  },
+  defaultVariants: {
+    size: "medium",
+    status: "info",
+  },
+});
+
+const statusColor = {
+  info: "blue",
+  success: "emerald",
+  warning: "amber",
+  error: "red",
+};
+const statusIcons = {
+  info: "fa-solid fa-circle-info",
+  success: "fa-solid fa-circle-check",
+  warning: "fa-solid fa-triangle-exclamation",
+  error: "fa-solid fa-circle-x",
+};
+const BcmPopconfirmBoxV2 = class {
+  constructor(hostRef) {
+    index$1.registerInstance(this, hostRef);
+    this.bcmCancel = index$1.createEvent(this, "bcm-cancel", 3);
+    this.description = "";
+    this.headerText = "";
+    this.cancelText = "Cancel";
+    this.okeyText = "Save";
+    this.size = bcm.Bcm$1.Size.medium;
+    this.status = bcm.Bcm$1.Status.info;
+    this.statusIcon = true;
+  }
+  render() {
+    var _a;
+    // style  props
+    const { size, status } = this;
+    // base props
+    const { headerText, cancelText, okeyText, description, statusIcon } = this;
+    // classes
+    const { host, container, header, title, body, footer, icon } = popConfirmStyle({ size, status });
+    const arrowColor = (_a = colorHelper.ColorHelper.getTwColorToHex(statusColor[status])[600]) !== null && _a !== void 0 ? _a : "white";
+    return (index$1.h(index$1.Host, { class: host(), style: { '--arrow-color': arrowColor } }, index$1.h("div", { class: container() }, index$1.h("header", { class: header() }, index$1.h("div", { class: title() }, statusIcon && (index$1.h("span", { class: icon() }, index$1.h("i", { class: statusIcons[status] }))), index$1.h("span", null, headerText))), index$1.h("main", { class: body() }, index$1.h("slot", null, description)), index$1.h("footer", { class: footer() }, index$1.h("bcm-button", { kind: "ghost", "full-width": true, size: size, onClick: () => this.bcmCancel.emit() }, cancelText), index$1.h("bcm-button", { color: statusColor[status], "full-width": true, size: size }, okeyText)))));
+  }
+  get el() { return index$1.getElement(this); }
+};
+
+exports.bcm_popconfirm_box_v2 = BcmPopconfirmBoxV2;

package/dist/cjs/bcm-popconfirm-host.cjs.entry.js

@@ -0,0 +1,135 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-bb6ac306.js');
+const generate = require('./generate-eda14f12.js');
+const floatingUi_dom_esm = require('./floating-ui.dom.esm-f0638c44.js');
+const bcm = require('./bcm-51d38d17.js');
+require('./package-f644e6eb.js');
+require('./colors-250d0982.js');
+require('./_commonjsHelpers-ed84c3ca.js');
+
+class PopConfirmPosition {
+  constructor(ref) {
+    this.ref = null;
+    this.clickX = null;
+    this.clickY = null;
+    this.ref = ref;
+  }
+  update() {
+    const { ref, floating, placement } = this.ref;
+    let arrowElement = document.getElementById(`${floating.id}-arrow`);
+    if (!arrowElement) {
+      arrowElement = document.createElement("bcm-arrow");
+      arrowElement.setAttribute("id", `${floating.id}-arrow`);
+    }
+    floating.prepend(arrowElement);
+    if (this.clickX && this.clickY) {
+      ref.x = this.clickX;
+      ref.y = this.clickY;
+    }
+    floatingUi_dom_esm.computePosition(ref, floating, {
+      placement: placement,
+      middleware: [floatingUi_dom_esm.offset(10), floatingUi_dom_esm.flip(), floatingUi_dom_esm.shift({ padding: 5 }), floatingUi_dom_esm.arrow({ element: arrowElement })],
+    }).then(({ x, y, placement, middlewareData }) => {
+      Object.assign(floating.style, {
+        left: `${x}px`,
+        top: `${y}px`,
+      });
+      const { x: arrowX, y: arrowY } = middlewareData.arrow;
+      const placementParts = placement.split("-");
+      const staticSide = {
+        top: "bottom",
+        right: "left",
+        bottom: "top",
+        left: "right",
+      }[placementParts[0]];
+      arrowElement.setAttribute("position", staticSide);
+      Object.assign(arrowElement.style, {
+        left: arrowX != null ? `${arrowX}px` : "",
+        top: arrowY != null ? `${arrowY}px` : "",
+        right: "",
+        bottom: "",
+        [staticSide]: "-16px",
+      });
+    });
+  }
+  show() {
+    this.update();
+    this.ref.floating.classList.remove("tw-invisible");
+    this.ref.floating.classList.add("tw-visible");
+  }
+  hide() {
+    this.ref.floating.classList.remove("tw-visible");
+    this.ref.floating.classList.add("tw-invisible");
+  }
+  listener() {
+    window.addEventListener("resize", this.update.bind(this));
+    window.addEventListener("scroll", this.update.bind(this), true);
+    this.ref.ref.addEventListener("click", this.toggle.bind(this));
+    this.ref.floating.addEventListener("bcm-cancel", () => {
+      this.hide();
+    });
+  }
+  toggle() {
+    if (this.ref.floating.classList.contains("tw-invisible")) {
+      this.show();
+    }
+    else {
+      this.hide();
+    }
+  }
+}
+
+const BcmPopconfirmHost = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.bcmTooltipShow = index.createEvent(this, "bcmTooltipShow", 7);
+    this.bcmTooltipHide = index.createEvent(this, "bcmTooltipHide", 7);
+    this._id = generate.Generate.UID();
+    this.message = "";
+    this.placement = bcm.Bcm$1.Placement.top;
+    this.trigger = bcm.Bcm$1.TriggerType.click;
+    this.status = bcm.Bcm$1.Status.info;
+    this.open = false;
+    this.size = bcm.Bcm$1.Size.medium;
+    this.openDelay = 0;
+    this.closeDelay = 0;
+    this.autoHide = false;
+    this.targetId = undefined;
+    this.tooltip = undefined;
+  }
+  emitShow() {
+    this.bcmTooltipShow.emit();
+  }
+  emitHide() {
+    this.bcmTooltipHide.emit();
+  }
+  connectedCallback() {
+    const obs = generate.Generate.createComponent("bcm-popconfirm-box-v2", {
+      id: this._id + "-popconfirm-box",
+      description: this.message,
+      headerText: "hello",
+      status: this.status,
+    });
+    this.tooltip = new PopConfirmPosition({
+      ref: this.el,
+      floating: obs,
+      placement: this.placement,
+    });
+  }
+  componentDidLoad() {
+    this.tooltip.listener();
+  }
+  render() {
+    return (index.h(index.Host, { class: "tw-relative tw-inline-flex tw-h-fit tw-w-fit", role: "tooltip" }, index.h("slot", null)));
+  }
+  get el() { return index.getElement(this); }
+};
+
+exports.bcm_popconfirm_host = BcmPopconfirmHost;

package/dist/cjs/bcm-range.cjs.entry.js

@@ -6,13 +6,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c591ecec.js');
+const index = require('./index-bb6ac306.js');
 const index$1 = require('./index-95ae50d0.js');
-const generate = require('./generate-920aff8f.js');
-const bcm = require('./bcm-1d1fcf21.js');
+const generate = require('./generate-eda14f12.js');
+const bcm = require('./bcm-51d38d17.js');
 const utils = require('./utils-fc077139.js');
 require('./_commonjsHelpers-ed84c3ca.js');
-require('./package-fc8c9633.js');
+require('./package-f644e6eb.js');
 require('./colors-250d0982.js');
 
 const rangeCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap\"); .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}*{box-sizing:border-box}.bcm-range{font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;width:100%;position:relative;display:block;margin:16px 0}.bcm-range input[type=range]{position:absolute;pointer-events:none;-webkit-appearance:none;z-index:4;height:30px;width:100%;top:-17px;opacity:0}.bcm-range input[type=range].single{display:none}.bcm-range input[type=range]::-webkit-slider-thumb{pointer-events:all;width:30px;height:30px;border-radius:0;border:0 none;background-color:red;-webkit-appearance:none;cursor:pointer}.bcm-range__container-bar{width:calc(100% - 24px);left:12px;position:relative}.bcm-range__container-bar-track{position:absolute;top:-2px;width:100%;height:4px;background-color:var(--bcm-new-ds-color-slate-300);z-index:1}.bcm-range__container-bar-range{position:absolute;top:-2px;left:22.22%;right:22.22%;height:4px;background-color:var(--bcm-new-ds-color-blue-500);z-index:2}.bcm-range__container-bar-thumb{position:absolute;top:0;width:16px;height:16px;background-color:var(--bcm-new-ds-color-blue-500);border-radius:50%;z-index:3;transition:box-shadow 0.2s ease-in-out;display:flex;align-items:center;justify-content:center}.bcm-range__container-bar-thumb>span{display:flex;width:100%;height:100%}.bcm-range__container-bar-thumb.hover{box-shadow:0px 2px 2px rgba(0, 0, 0, 0.1), 0px 3px 1px rgba(0, 0, 0, 0.05), 0px 1px 5px rgba(0, 0, 0, 0.1);cursor:pointer}.bcm-range__container-bar-thumb.hidden{display:none}.bcm-range__container-bar-thumb.left{left:22.22222%;transform:translate(-8px, -8px)}.bcm-range__container-bar-thumb.right{right:0%;transform:translate(8px, -8px)}.bcm-range .ticks{position:absolute;z-index:0;top:0;left:0;width:100%;display:flex;justify-content:space-between;padding:4px 0;user-select:none}.bcm-range .tick{position:relative;display:flex;justify-content:center;width:1px;color:var(--bcm-new-ds-color-slate-300);cursor:pointer;height:8px;line-height:32px;margin-bottom:8px;z-index:-1;transition:color 0.1s ease-in-out}.bcm-range .tick::before,.bcm-range .tick::after{content:\" \";position:absolute;width:1px;height:8px;background-color:var(--bcm-new-ds-color-slate-300);z-index:-1;transition:background-color 0.1s ease-in-out}.bcm-range .tick::before{top:-16px}.bcm-range .tick::after{top:0}.bcm-range .tick.hover{color:var(--bcm-new-ds-color-slate-400)}.bcm-range .tick.hover::before,.bcm-range .tick.hover::after{background-color:var(--bcm-new-ds-color-slate-400)}.bcm-range .touch{position:absolute;width:calc(100% + 48px);left:-24px;top:-17px;opacity:0;height:45px;z-index:2;background-color:transparent;display:flex;flex-direction:row;justify-content:space-between}.bcm-range .touch-point{cursor:pointer;flex:1;border:1px solid var(--bcm-new-ds-color-slate-300);box-sizing:border-box;background-color:var(--bcm-new-ds-color-slate-300)}.bcm-range .touch-point:hover{border-color:var(--bcm-new-ds-color-blue-500);background-color:var(--bcm-new-ds-color-blue-500)}.bcm-range .touch::after,.bcm-range .touch::before{content:\"\";position:absolute;width:24px;height:100%;top:0}.bcm-range .touch::before{left:0}.bcm-range .touch::after{right:0}.bcm-range.vertical{margin:0 16px;padding:12px 0}.bcm-range.vertical .touch{width:calc(100% + 12px);left:-6px;top:-17px}.bcm-range.vertical .touch::after,.bcm-range.vertical .touch::before{width:12px}.bcm-range.vertical .bcm-range__container{transform:rotate(270deg)}.bcm-range.vertical .bcm-range__container .ticks .tick-text{position:absolute;top:0px;width:100%;transform:rotate(90deg)}";

package/dist/cjs/bcm-react-number.cjs.entry.js

@@ -6,7 +6,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index$1 = require('./index-c591ecec.js');
+const index$1 = require('./index-bb6ac306.js');
 const index = require('./index-e05a7c6f.js');
 require('./_commonjsHelpers-ed84c3ca.js');
 

package/dist/cjs/bcm-resizable-pane.cjs.entry.js

@@ -0,0 +1,42 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-bb6ac306.js');
+
+const BcmResizablePane = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.initialLeftPanelWidth = 50;
+    this.isDragging = false;
+    this.startClientX = 0;
+    this.leftPanelWidth = this.initialLeftPanelWidth;
+  }
+  onMouseMove(event) {
+    if (!this.isDragging) {
+      return;
+    }
+    const diff = event.clientX - this.startClientX;
+    const containerWidth = this.el.offsetWidth;
+    this.leftPanelWidth = Math.max(0, Math.min(100, this.leftPanelWidth + (diff / containerWidth) * 100));
+    this.startClientX = event.clientX;
+  }
+  onMouseUp() {
+    this.isDragging = false;
+  }
+  handleMouseDown(event) {
+    this.isDragging = true;
+    this.startClientX = event.clientX;
+  }
+  render() {
+    const rightPanelWidth = 100 - this.leftPanelWidth;
+    return (index.h(index.Host, { class: "tw-block tw-h-full tw-w-full" }, index.h("div", { class: "resizable-panes tw-flex tw-h-full" }, index.h("div", { class: "panel panel-left tw-flex-1 ", style: { flexBasis: `${this.leftPanelWidth}%` } }, index.h("slot", { name: "left-panel" })), index.h("div", { class: "splitter tw-flex tw-cursor-ew-resize tw-items-center tw-justify-center tw-bg-gray-300 tw-p-1 tw-text-color-gray-500", role: "separator", tabIndex: 0, "aria-orientation": "vertical", "aria-valuenow": this.leftPanelWidth, title: "Interact to resize", onMouseDown: event => this.handleMouseDown(event) }, index.h("slot", { name: "splitter" }, index.h("i", { class: "fa-light fa-grip-lines-vertical" }))), index.h("div", { class: "panel panel-right tw-flex-1 ", style: { flexBasis: `${rightPanelWidth}%` } }, index.h("slot", { name: "right-panel" })))));
+  }
+  get el() { return index.getElement(this); }
+};
+
+exports.bcm_resizable_pane = BcmResizablePane;

package/dist/cjs/bcm-result-footer.cjs.entry.js

@@ -0,0 +1,39 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-bb6ac306.js');
+require('./color-helper-dc98a2ca.js');
+require('./datetime-helper-eaf4fadb.js');
+const generate = require('./generate-eda14f12.js');
+require('./number-helper-d14c9546.js');
+require('./string-helper-cc89c9d6.js');
+require('./popover.style-e390b5a1.js');
+require('./element-dragger-a8562f82.js');
+require('./bcm-51d38d17.js');
+const result_style = require('./result.style-f58d0ac4.js');
+require('./colors-56282b00.js');
+require('./utils-fc077139.js');
+require('./colors-250d0982.js');
+require('./_commonjsHelpers-ed84c3ca.js');
+require('./package-f644e6eb.js');
+require('./index-d3b89435.js');
+
+const BcmResultFooter = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this._id = generate.Generate.UID();
+    this.el.slot = "footer";
+  }
+  render() {
+    const { footer } = result_style.resultStyle();
+    return (index.h(index.Host, { class: footer() }, index.h("slot", null)));
+  }
+  get el() { return index.getElement(this); }
+};
+
+exports.bcm_result_footer = BcmResultFooter;