bromcom-ui 2.8.0-rc.10-d → 2.8.0-rc.10-e

package/dist/esm/tooltip-helper-a3982181.js

@@ -1,147 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import './element-dragger-89bb52fd.js';
-import { S as StringHelper } from './string-helper-6bd24967.js';
-import { d as delay } from './utils-57652744.js';
-import { F as FloatingUI } from './floating-ui-e7341329.js';
-import { C as ColorHelper } from './color-helper-e8ce23d7.js';
-import './datetime-helper-df25808a.js';
-import { G as Generate } from './generate-20047511.js';
-import './number-helper-2cfc8a29.js';
-import './validators-ffa8cc9d.js';
-import { a as Bcm } from './bcm-9f50af9c.js';
-
-class Tooltip {
-  constructor({ message, targetId, placement = "top", color = "slate-700", trigger = "none", size = "medium", openDelay = 0, closeDelay = 0, emitShow = () => { }, emitHide = () => { }, }) {
-    this.destroy = () => {
-      this.el = document.getElementById(this.id);
-      if (this.el) {
-        this.el.remove();
-        this.emitHide();
-      }
-      this.removeListener();
-    };
-    this.bgColor = () => ColorHelper.twColor(this.color, 700);
-    this.target = () => document.getElementById(this.targetId);
-    this.sizeClass = () => {
-      switch (this.size) {
-        case Bcm.Size.small:
-          return "tw-text-1";
-        case Bcm.Size.medium:
-          return "tw-text-2";
-        case Bcm.Size.large:
-          return "tw-text-3";
-        default:
-          return "tw-text-2";
-      }
-    };
-    this.init = () => {
-      this.el = Generate.createElement("div", {
-        "id": `${this.targetId}-tooltip-box`,
-        "class": `
-            tw-whitespace-normal tw-break-words tw-block tw-font-sans tw-pointer-events-none tw-max-w-xs tw-py-1 tw-px-2 tw-rounded tw-bg-${this.bgColor()} tw-text-white ${this.sizeClass()} tw-absolute tw-top-0 tw-left-0 tw-z-tooltip tw-opacity-0 tw-transition-opacity tw-duration-300`,
-        "role": "tooltip",
-        "aria-hidden": "true",
-        "style": `color: ${ColorHelper.twColorReverse(this.bgColor())}`,
-        "innerHTML": StringHelper.trim(this.message),
-      });
-    };
-    this.update = () => {
-      this.el = document.getElementById(this.id);
-      if (this.el) {
-        this.hide();
-        this.show();
-      }
-    };
-    this.listener = () => {
-      window.addEventListener("resize", this.calculatePosition.bind(this));
-      window.addEventListener("scroll", this.calculatePosition.bind(this), true);
-      window.addEventListener("wheel", this.calculatePosition.bind(this));
-      if (this.trigger && this.target()) {
-        switch (this.trigger) {
-          case "click":
-            this.target().addEventListener("click", this.toggle.bind(this));
-            break;
-          case "hover":
-            this.target().addEventListener("mouseenter", this.show.bind(this));
-            this.target().addEventListener("mouseleave", this.hide.bind(this));
-            break;
-          case "focus":
-            this.target().addEventListener("focus", this.show.bind(this), true);
-            this.target().addEventListener("blur", this.hide.bind(this), true);
-            break;
-        }
-      }
-      this.calculatePosition();
-    };
-    this.removeListener = () => {
-      window.removeEventListener("resize", this.calculatePosition.bind(this));
-      window.removeEventListener("scroll", this.calculatePosition.bind(this), true);
-      window.removeEventListener("wheel", this.calculatePosition.bind(this));
-      if (this.target()) {
-        this.target().removeEventListener("click", this.toggle.bind(this));
-        this.target().removeEventListener("mouseenter", this.show.bind(this));
-        this.target().removeEventListener("mouseleave", this.hide.bind(this));
-        this.target().removeEventListener("focus", this.show.bind(this), true);
-        this.target().removeEventListener("blur", this.hide.bind(this), true);
-      }
-    };
-    this.calculatePosition = () => {
-      this.el = document.getElementById(this.id);
-      if (this.el) {
-        FloatingUI({
-          ref: this.target(),
-          floating: this.el,
-          placement: this.placement,
-          offset: 8,
-          arrow: true,
-          arrowColor: `tw-bg-${this.bgColor()}`,
-        });
-      }
-    };
-    this.show = async () => {
-      if (this.message) {
-        this.init();
-        await delay(this.openDelay);
-        this.calculatePosition();
-        this.emitShow();
-      }
-      else {
-        this.hide();
-      }
-    };
-    this.hide = async () => {
-      this.el = document.getElementById(this.id);
-      if (this.el) {
-        await delay(this.closeDelay);
-        this.el && this.el.remove();
-        this.emitHide();
-      }
-    };
-    this.toggle = () => {
-      this.el = document.getElementById(this.id);
-      if (this.el) {
-        this.hide();
-      }
-      else {
-        this.show();
-      }
-    };
-    this.message = message;
-    this.targetId = targetId;
-    this.placement = placement;
-    this.color = color;
-    this.id = targetId + "-tooltip-box";
-    this.trigger = trigger;
-    this.size = size;
-    this.openDelay = openDelay;
-    this.closeDelay = closeDelay;
-    this.emitShow = emitShow;
-    this.emitHide = emitHide;
-    Generate.observeElementRemoval(document.getElementById(this.targetId), this.destroy.bind(this));
-  }
-}
-
-export { Tooltip as T };

package/dist/types/components/molecules/color-input/color-input.d.ts

@@ -1,20 +0,0 @@
-import { ComponentInterface } from "../../../stencil-public-runtime";
-export declare class BcmColorInput implements ComponentInterface {
-  el: HTMLElement;
-  _id: string;
-  label: string;
-  placeholder: string;
-  value: string;
-  required: boolean;
-  disabled: boolean;
-  readonly: boolean;
-  fullWidth: boolean;
-  handleChange(color: any): void;
-  getInputElement(): HTMLBcmInputElement;
-  getPickerElement(): HTMLBcmColorfulElement;
-  handleInputChanged(e: any): void;
-  eyeDropper(): void;
-  isEyeDropperSupported(): boolean;
-  render(): any;
-  [memberName: string]: any;
-}

package/dist/types/components/molecules/colorful/colorful.d.ts

@@ -1,8 +0,0 @@
-import { ComponentInterface, EventEmitter } from "../../../stencil-public-runtime";
-export declare class BcmColorful implements ComponentInterface {
-  el: HTMLElement;
-  color: any;
-  bcmChange: EventEmitter;
-  handleChange(e: any): void;
-  componentDidRender(): void;
-}

package/dist/types/components/molecules/tab-group/tab-item-header.d.ts

@@ -1,13 +0,0 @@
-import { SizeTypes } from "../../../models";
-import { ComponentInterface } from "../../../stencil-public-runtime";
-export declare class BcmTabItemHeader implements ComponentInterface {
-  el: HTMLElement;
-  _id: string;
-  active: boolean;
-  disabled: boolean;
-  index: any;
-  color: string;
-  size: SizeTypes;
-  handleClick(): void;
-  render(): any;
-}

package/dist/types/components/molecules/tab-group/tab-item.d.ts

@@ -1,17 +0,0 @@
-import { ComponentInterface } from "../../../stencil-public-runtime";
-export declare class BcmTabItem implements ComponentInterface {
-  el: HTMLElement;
-  _id: string;
-  active: boolean;
-  disabled: boolean;
-  index: any;
-  componentWillLoad(): void;
-  componentDidRender(): void;
-  getHeaderItem(): HTMLBcmTabItemHeaderElement;
-  getParentTabGroup(): any;
-  getFindHeaderItem(): any;
-  headerMove(): void;
-  indexControl(): void;
-  componentDidLoad(): void;
-  render(): any;
-}

package/dist/types/components/other/input-custom/input-custom.d.ts

@@ -1,20 +0,0 @@
-import { ComponentInterface } from "../../../stencil-public-runtime";
-export declare class BcmInputCustom implements ComponentInterface {
-  el: HTMLElement;
-  _id: string;
-  name: string;
-  value: string;
-  type: string;
-  label: string;
-  required: boolean;
-  disabled: boolean;
-  readonly: boolean;
-  placeholder: string;
-  fullwidth: boolean;
-  hasFocus: boolean;
-  handleFocus: () => void;
-  handleBlur: () => void;
-  handleChange: (e: Event) => void;
-  handleInput: (e: Event) => void;
-  render(): any;
-}

package/dist/types/components/other/modal-2/modal-2-footer.d.ts

@@ -1,7 +0,0 @@
-import { ComponentInterface } from "../../../stencil-public-runtime";
-export declare class BcmModal2Footer implements ComponentInterface {
-  el: HTMLElement;
-  _id: string;
-  constructor();
-  render(): any;
-}

package/dist/types/components/other/modal-2/modal-2-header.d.ts

@@ -1,7 +0,0 @@
-import { ComponentInterface } from "../../../stencil-public-runtime";
-export declare class BcmModal2Header implements ComponentInterface {
-  el: HTMLElement;
-  _id: string;
-  constructor();
-  render(): any;
-}

package/dist/types/components/other/modal-2/modal-2.d.ts

@@ -1,33 +0,0 @@
-import { ComponentInterface, EventEmitter } from "../../../stencil-public-runtime";
-export declare class BcmModal2 implements ComponentInterface {
-  el: HTMLElement;
-  _id: string;
-  isShow: boolean;
-  center: boolean;
-  zIndex: string;
-  size: any;
-  backdrop: boolean | "static";
-  fullWidth: boolean;
-  fullScreen: boolean;
-  overflow: boolean;
-  isShowModal: boolean;
-  shake: boolean;
-  modalClose: EventEmitter;
-  modalOpen: EventEmitter;
-  modalBeforeClose: EventEmitter;
-  modalBeforeOpen: EventEmitter;
-  handleClick(e: MouseEvent): void;
-  handleKeyDown(ev: KeyboardEvent): void;
-  shakeModal(): void;
-  hide(): Promise<void>;
-  hideModal(e: any): Promise<void>;
-  show(): Promise<void>;
-  showModal(e: any): Promise<void>;
-  getWidth(size: any): any;
-  setSize(): {
-    width: any;
-    minHeight: string;
-    height: string;
-  };
-  render(): any;
-}

package/dist/types/components/other/overlay/overlay.d.ts

@@ -1,8 +0,0 @@
-import { ComponentInterface } from "../../../stencil-public-runtime";
-export declare class BcmOverlay implements ComponentInterface {
-  center: boolean;
-  color: "#000";
-  opacity: string;
-  zIndex: string;
-  render(): any;
-}

package/dist/types/components/other/scroll-area/scroll-area.d.ts

@@ -1,7 +0,0 @@
-import { ComponentInterface } from "../../../stencil-public-runtime";
-export declare class BcmScrollArea implements ComponentInterface {
-  width: string;
-  height: string;
-  isDisabled: boolean;
-  render(): any;
-}

package/dist/types/components/other/toast/toast.d.ts

@@ -1,25 +0,0 @@
-import { ComponentInterface, EventEmitter } from "../../../stencil-public-runtime";
-import { PlacementTypes } from "../../../models/bcm-types";
-export declare class BcmToast implements ComponentInterface {
-  el: HTMLElement;
-  _id: string;
-  status: "success" | "error" | "warning" | "info";
-  message: string;
-  description: string;
-  duration: number;
-  position: PlacementTypes;
-  messageIcon: any;
-  viewButton: boolean;
-  closeButton: boolean;
-  bcmToastClose: EventEmitter;
-  bcmToastOpen: EventEmitter;
-  bcmToastView: EventEmitter;
-  visible: boolean;
-  visibleContainer: boolean;
-  private timer;
-  show(): Promise<HTMLElement>;
-  hide(): Promise<void>;
-  private handleMouseEnter;
-  private handleMouseLeave;
-  render(): any;
-}

package/dist/types/global/helper/index.d.ts

@@ -1 +0,0 @@
-export * from "./toast";

package/dist/types/global/helper/toast.d.ts

@@ -1,96 +0,0 @@
-interface ToastOptions {
-  "id"?: string;
-  "message"?: string;
-  "status"?: "success" | "error" | "warning" | "info";
-  "description"?: string;
-  "duration"?: number;
-  "position"?: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end";
-  "message-icon"?: string;
-  "view-button"?: boolean;
-  "close-button"?: boolean;
-}
-interface ToastEvents {
-  bcmToastView?: (event: any) => void;
-  bcmToastClose?: (event: any) => void;
-  bcmToastOpen?: (event: any) => void;
-}
-export declare class Toast {
-  element: any;
-  options: ToastOptions & ToastEvents;
-  /**
-   * Creates an instance of Toast.
-   * @param {ToastOptions & ToastEvents} [options={}]
-   * @example
-   * const toast = new Toast();
-   * @example
-   * const toast = new Toast({
-   * id: "my-toast",
-   * message: "Hello World",
-   * status: "success",
-   * description: "This is a description",
-   * duration: 5000,
-   * position: "top",
-   * "message-icon": "check",
-   * "view-button": true,
-   * "close-button": true,
-   * bcmToastView: (event) => {
-   * // This Event fires when the view button is clicked
-   * // do something
-   * },
-   * bcmToastClose: (event) => {
-   * // This Event fires when the toast is closed
-   * // do something
-   * },
-   * bcmToastOpen: (event) => {
-   * // This Event fires when the toast is opened
-   * // do something
-   * }
-   * });
-   * toast.show();
-   */
-  constructor(options: ToastOptions & ToastEvents);
-  private createElement;
-  private listeners;
-  private setAttributes;
-  /**
-   * Shows the toast
-   * @returns {HTMLElement} The element that was shown
-   * @example
-   * const toast = new Toast();
-   * toast.show();
-   * @example
-   * const toast = new Toast();
-   * toast.show().then(() => {
-   *   // do something
-   * });
-   * @example
-   * const toast = new Toast();
-   * toast.show().then(() => {
-   *  // do something
-   * }).catch(() => {
-   * // do something else
-   * });
-   */
-  show(): any;
-  /**
-   * Hides the toast
-   * @returns {HTMLElement} The element that was hidden
-   * @example
-   * const toast = new Toast();
-   * toast.hide();
-   * @example
-   * const toast = new Toast();
-   * toast.hide().then(() => {
-   *    // do something
-   * });
-   * @example
-   * const toast = new Toast();
-   * toast.hide().then(() => {
-   *   // do something
-   * }).catch(() => {
-   *  // do something else
-   * });
-   */
-  hide(): any;
-}
-export {};

package/helper/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./toast";
-//# sourceMappingURL=index.d.ts.map

package/helper/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/global/helper/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}

package/helper/index.js

@@ -1,17 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./toast"), exports);

package/helper/toast.d.ts

@@ -1,97 +0,0 @@
-interface ToastOptions {
-    "id"?: string;
-    "message"?: string;
-    "status"?: "success" | "error" | "warning" | "info";
-    "description"?: string;
-    "duration"?: number;
-    "position"?: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end";
-    "message-icon"?: string;
-    "view-button"?: boolean;
-    "close-button"?: boolean;
-}
-interface ToastEvents {
-    bcmToastView?: (event: any) => void;
-    bcmToastClose?: (event: any) => void;
-    bcmToastOpen?: (event: any) => void;
-}
-export declare class Toast {
-    element: any;
-    options: ToastOptions & ToastEvents;
-    /**
-     * Creates an instance of Toast.
-     * @param {ToastOptions & ToastEvents} [options={}]
-     * @example
-     * const toast = new Toast();
-     * @example
-     * const toast = new Toast({
-     * id: "my-toast",
-     * message: "Hello World",
-     * status: "success",
-     * description: "This is a description",
-     * duration: 5000,
-     * position: "top",
-     * "message-icon": "check",
-     * "view-button": true,
-     * "close-button": true,
-     * bcmToastView: (event) => {
-     * // This Event fires when the view button is clicked
-     * // do something
-     * },
-     * bcmToastClose: (event) => {
-     * // This Event fires when the toast is closed
-     * // do something
-     * },
-     * bcmToastOpen: (event) => {
-     * // This Event fires when the toast is opened
-     * // do something
-     * }
-     * });
-     * toast.show();
-     */
-    constructor(options: ToastOptions & ToastEvents);
-    private createElement;
-    private listeners;
-    private setAttributes;
-    /**
-     * Shows the toast
-     * @returns {HTMLElement} The element that was shown
-     * @example
-     * const toast = new Toast();
-     * toast.show();
-     * @example
-     * const toast = new Toast();
-     * toast.show().then(() => {
-     *   // do something
-     * });
-     * @example
-     * const toast = new Toast();
-     * toast.show().then(() => {
-     *  // do something
-     * }).catch(() => {
-     * // do something else
-     * });
-     */
-    show(): any;
-    /**
-     * Hides the toast
-     * @returns {HTMLElement} The element that was hidden
-     * @example
-     * const toast = new Toast();
-     * toast.hide();
-     * @example
-     * const toast = new Toast();
-     * toast.hide().then(() => {
-     *    // do something
-     * });
-     * @example
-     * const toast = new Toast();
-     * toast.hide().then(() => {
-     *   // do something
-     * }).catch(() => {
-     *  // do something else
-     * });
-     */
-    hide(): any;
-}
-export {};
-//# sourceMappingURL=toast.d.ts.map

package/helper/toast.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../src/global/helper/toast.ts"],"names":[],"mappings":"AAAA,UAAU,YAAY;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;IACpD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,KAAK,GAAG,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,cAAc,GAAG,YAAY,CAAC;IACxF,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,UAAU,WAAW;IACjB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IACpC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IACrC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;CACvC;AAED,qBAAa,KAAK;IACd,OAAO,EAAE,GAAG,CAAC;IACb,OAAO,EAAE,YAAY,GAAG,WAAW,CAAC;IAEpC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA8BG;gBACS,OAAO,EAAE,YAAY,GAAG,WAAW;IAS/C,OAAO,CAAC,aAAa;IAcrB,OAAO,CAAC,SAAS;IAMjB,OAAO,CAAC,aAAa;IAMrB;;;;;;;;;;;;;;;;;;OAkBG;IACH,IAAI;IAKJ;;;;;;;;;;;;;;;;;;OAkBG;IACH,IAAI;CAIP"}

package/helper/toast.js

@@ -1,115 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Toast = void 0;
-var Toast = /** @class */ (function () {
-    /**
-     * Creates an instance of Toast.
-     * @param {ToastOptions & ToastEvents} [options={}]
-     * @example
-     * const toast = new Toast();
-     * @example
-     * const toast = new Toast({
-     * id: "my-toast",
-     * message: "Hello World",
-     * status: "success",
-     * description: "This is a description",
-     * duration: 5000,
-     * position: "top",
-     * "message-icon": "check",
-     * "view-button": true,
-     * "close-button": true,
-     * bcmToastView: (event) => {
-     * // This Event fires when the view button is clicked
-     * // do something
-     * },
-     * bcmToastClose: (event) => {
-     * // This Event fires when the toast is closed
-     * // do something
-     * },
-     * bcmToastOpen: (event) => {
-     * // This Event fires when the toast is opened
-     * // do something
-     * }
-     * });
-     * toast.show();
-     */
-    function Toast(options) {
-        this.options = options;
-        this.createElement();
-        this.listeners();
-        this.setAttributes();
-        return this.element;
-    }
-    Toast.prototype.createElement = function () {
-        var _a;
-        var el;
-        ((_a = this.options) === null || _a === void 0 ? void 0 : _a.id) && (el = document.getElementById(this.options.id));
-        if (el) {
-            this.element = el;
-        }
-        else {
-            var tag = "bcm-toast";
-            this.element = document.createElement(tag);
-        }
-        document.body.appendChild(this.element);
-        return this.element;
-    };
-    Toast.prototype.listeners = function () {
-        this.options.bcmToastView && this.element.addEventListener("bcm-toast-view", this.options.bcmToastView);
-        this.options.bcmToastClose && this.element.addEventListener("bcm-toast-close", this.options.bcmToastClose);
-        this.options.bcmToastOpen && this.element.addEventListener("bcm-toast-open", this.options.bcmToastOpen);
-    };
-    Toast.prototype.setAttributes = function () {
-        for (var key in this.options) {
-            this.element.setAttribute(key, this.options[key]);
-        }
-    };
-    /**
-     * Shows the toast
-     * @returns {HTMLElement} The element that was shown
-     * @example
-     * const toast = new Toast();
-     * toast.show();
-     * @example
-     * const toast = new Toast();
-     * toast.show().then(() => {
-     *   // do something
-     * });
-     * @example
-     * const toast = new Toast();
-     * toast.show().then(() => {
-     *  // do something
-     * }).catch(() => {
-     * // do something else
-     * });
-     */
-    Toast.prototype.show = function () {
-        this.element.show();
-        return this.element;
-    };
-    /**
-     * Hides the toast
-     * @returns {HTMLElement} The element that was hidden
-     * @example
-     * const toast = new Toast();
-     * toast.hide();
-     * @example
-     * const toast = new Toast();
-     * toast.hide().then(() => {
-     *    // do something
-     * });
-     * @example
-     * const toast = new Toast();
-     * toast.hide().then(() => {
-     *   // do something
-     * }).catch(() => {
-     *  // do something else
-     * });
-     */
-    Toast.prototype.hide = function () {
-        this.element.hide();
-        return this.element;
-    };
-    return Toast;
-}());
-exports.Toast = Toast;