bromcom-ui 2.8.0-rc.10-g → 2.8.0-rc.10-i

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

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

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

@@ -0,0 +1,96 @@
+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/dist/types/helper/generate.d.ts

@@ -19,4 +19,7 @@ export declare class Generate {
   static setAttributes: (item: any, obj: any) => void;
   static computedStyle: (element: HTMLElement, property: string) => string;
   static getAncestor: (el: any, selector: any) => any;
+  static findParentElement: (element: any, selector: any) => any;
+  static observeElementRemoval(element: Element, callback: () => void): void;
+  static getTwColor(color: string, variable?: string): {};
 }

package/dist/types/helper/popover-helper.d.ts

@@ -7,14 +7,23 @@ export declare class Popover {
   color?: string;
   el?: HTMLElement;
   trigger?: string;
-  constructor({ content, message, targetId, placement, color, trigger }: {
+  openDelay: number;
+  closeDelay: number;
+  emitShow: () => void;
+  emitHide: () => void;
+  constructor({ content, message, targetId, placement, color, trigger, openDelay, closeDelay, emitShow, emitHide }: {
     content: any;
     message: any;
     targetId: any;
     placement?: string;
     color?: string;
     trigger?: string;
+    openDelay?: number;
+    closeDelay?: number;
+    emitShow?: () => void;
+    emitHide?: () => void;
   });
+  destroy: () => void;
   private bgColor;
   exepcitonColors: {
     white: string;
@@ -24,8 +33,9 @@ export declare class Popover {
   private init;
   update: () => void;
   listener: () => void;
+  removeListener: () => void;
   private calculatePosition;
-  show: () => void;
-  hide: () => void;
+  show: () => Promise<void>;
+  hide: () => Promise<void>;
   toggle: () => void;
 }

package/dist/types/helper/tooltip-helper.d.ts

@@ -6,20 +6,33 @@ export declare class Tooltip {
   color: string;
   el: HTMLElement;
   trigger: string;
-  constructor({ message, targetId, placement, color, trigger }: {
+  size: string;
+  openDelay: number;
+  closeDelay: number;
+  emitShow: () => void;
+  emitHide: () => void;
+  constructor({ message, targetId, placement, color, trigger, size, openDelay, closeDelay, emitShow, emitHide, }: {
     message: any;
     targetId: any;
     placement?: string;
     color?: string;
     trigger?: string;
+    size?: string;
+    openDelay?: number;
+    closeDelay?: number;
+    emitShow?: () => void;
+    emitHide?: () => void;
   });
+  destroy: () => void;
   private bgColor;
   private target;
+  private sizeClass;
   private init;
   update: () => void;
   listener: () => void;
+  removeListener: () => void;
   private calculatePosition;
-  show: () => void;
-  hide: () => void;
+  show: () => Promise<void>;
+  hide: () => Promise<void>;
   toggle: () => void;
 }

package/dist/types/index.d.ts

@@ -1 +1 @@
-export { Components, JSX } from './components';
+export { Components, JSX } from "./components";

package/dist/types/models/bcm.d.ts

@@ -321,7 +321,8 @@ export declare namespace Bcm {
     url = "url",
     search = "search",
     tel = "tel",
-    hidden = "hidden"
+    hidden = "hidden",
+    color = "color"
   }
   enum KeyCode {
     backspace = 8,

package/dist/types/templates/input-template.d.ts

@@ -1,7 +1,7 @@
-import { FunctionalComponent } from '../stencil-public-runtime';
-import Bcm from '../models/bcm';
+import { FunctionalComponent } from "../stencil-public-runtime";
+import Bcm from "../models/bcm";
 interface InputTemplateProps extends Bcm.InputClickEvent {
-  elementType?: 'textarea' | 'input';
+  elementType?: "textarea" | "input";
   rows?: any;
   id?: any;
   internalId?: any;
@@ -29,6 +29,8 @@ interface InputTemplateProps extends Bcm.InputClickEvent {
   changePasswordVisibility?: () => void;
   handleClear?: (e: MouseEvent) => void;
   steps?: (type: any) => void;
+  isEyeDropperSupported?: () => boolean;
+  eyeDropper?: () => void;
 }
 export declare const InputTemplate: FunctionalComponent<InputTemplateProps>;
 export {};

package/dist/types/templates/list-template.d.ts

@@ -6,6 +6,7 @@ interface ListTemplateProps extends Bcm.ListClickEvent {
   bcmListContainer?: any;
   infoFooter?: any;
   searchPlaceholder?: string;
+  minSearchLength?: number;
   searchIsOnlyChilds?: boolean;
   value?: any;
   totalData?: any;

package/helper/index.d.ts

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

package/helper/index.d.ts.map

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

package/helper/index.js

@@ -0,0 +1,17 @@
+"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

@@ -0,0 +1,97 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,115 @@
+"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;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bromcom-ui",
-  "version": "2.8.0-rc.10-g",
+  "version": "2.8.0-rc.10-i",
   "description": "Stencil Component Starter",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -12,16 +12,18 @@
   "unpkg": "dist/bromcom-ui/bromcom-ui.js",
   "files": [
     "dist/",
-    "loader/"
+    "loader/",
+    "helper/"
   ],
   "scripts": {
     "start": "npm-run-all clean:www -p dev:*",
     "clean:www": "rm -rf www",
     "dev:stencil": "stencil build --dev --watch --serve",
     "dev:tailwind": "tailwindcss -i ./src/directives.css -o ./src/global/tailwind.css --watch --minify",
-    "build": "run-s clean:dist clean:loader build:tailwind build:stencil build:aliases",
+    "build": "run-s clean:dist clean:loader clean:helper tsc-helper build:tailwind build:stencil build:aliases",
     "clean:dist": "rm -rf dist",
     "clean:loader": "rm -rf loader",
+    "clean:helper": "rm -rf helper",
     "build:tailwind": "tailwindcss -i ./src/directives.css -o ./src/global/tailwind.css --minify",
     "build:stencil": "stencil build --prod",
     "build:aliases": "tsc-alias -p tsconfig.aliases.json",
@@ -31,7 +33,9 @@
     "ds-version": "npm run build && npm version patch && npm run build",
     "storybook": "start-storybook -p 8000",
     "build:storybook": "build-storybook",
-    "generate:storybook": "npm run build && npm run build:storybook"
+    "generate:storybook": "npm run build && npm run build:storybook",
+    "tsc-helper": "npm run clean:helper && cd ./src/global/helper && tsc index.ts --declaration --declarationMap --allowJs --outDir ./../../../helper",
+    "format": "prettier --write \"src/**/*.tsx\""
   },
   "license": "MIT",
   "devDependencies": {
@@ -43,29 +47,36 @@
     "@stencil/core": "^2.17.1",
     "@stencil/sass": "^1.3.2",
     "@stencil/store": "^1.5.0",
-    "@storybook/addon-a11y": "^6.5.14",
-    "@storybook/addon-actions": "^6.5.14",
-    "@storybook/addon-docs": "^6.5.14",
-    "@storybook/addon-essentials": "^6.5.14",
-    "@storybook/addon-interactions": "^6.5.15",
-    "@storybook/addon-links": "^6.5.14",
+    "@storybook/addon-a11y": "^6.5.16",
+    "@storybook/addon-actions": "^6.5.16",
+    "@storybook/addon-docs": "^6.5.16",
+    "@storybook/addon-essentials": "^6.5.16",
+    "@storybook/addon-interactions": "^6.5.16",
+    "@storybook/addon-links": "^6.5.16",
     "@storybook/addon-notes": "^5.3.21",
-    "@storybook/builder-webpack4": "^6.5.14",
-    "@storybook/builder-webpack5": "^6.5.14",
-    "@storybook/html": "^6.5.14",
-    "@storybook/manager-webpack4": "^6.5.14",
-    "@storybook/manager-webpack5": "^6.5.14",
+    "@storybook/builder-webpack4": "^6.5.16",
+    "@storybook/builder-webpack5": "^6.5.16",
+    "@storybook/html": "^6.5.16",
+    "@storybook/manager-webpack4": "^6.5.16",
+    "@storybook/manager-webpack5": "^6.5.16",
     "@storybook/testing-library": "^0.0.13",
-    "@types/node": "^18.7.1",
+    "@types/estree": "^1.0.0",
+    "@types/node": "^18.15.3",
     "babel-loader": "^8.2.0",
     "classnames": "^2.2.6",
     "cpy-cli": "^4.2.0",
     "fs-extra": "^11.1.0",
     "jsx-dom": "^6.4.23",
     "npm-run-all": "^4.1.5",
-    "prettier": "^2.8.3",
-    "prettier-plugin-tailwindcss": "^0.2.2",
-    "rollup-plugin-dotenv": "^0.3.0",
+    "prettier": "^2.8.7",
+    "prettier-plugin-organize-imports": "^3.2.2",
+    "prettier-plugin-tailwindcss": "^0.2.6",
+    "react": "^16.14.0",
+    "react-colorful": "^5.6.1",
+    "react-dom": "^16.14.0",
+    "rollup": "^2.58.0",
+    "@rollup/plugin-replace": "^3.1.0",
+    "rollup-plugin-dotenv": "latest",
     "slugify": "^1.6.5",
     "snq": "^1.0.3",
     "storybook-fetch-addon": "^1.2.1",

package/dist/bromcom-ui/p-0175104f.entry.js

@@ -1,5 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import{r as e,c as t,h as i,g as c}from"./p-35ea8fad.js";import{G as s,s as l}from"./p-2d7a2ff7.js";import{I as o}from"./p-3edd3360.js";import{S as r}from"./p-ea218e23.js";import"./p-c9bd85e9.js";import"./p-6f56f8ca.js";const n=class{constructor(i){e(this,i),this.bcmItems=t(this,"bcm-items",7),this._id=s.UID()}connectedCallback(){if(this.el.children&&this.el.children.length>0){let e=this.nestedItems(this.el);this.bcmItems.emit(e),this.el.remove()}}mapItems(e){var t;const i=null===(t=null==e?void 0:e.innerHTML)||void 0===t?void 0:t.replace(/<bcm-item>.*<\/bcm-item>/g,"").replace(/<bcm-item .*>.*<\/bcm-item>/g,"").replace(/<!--(.|\s)*?-->/g,"").trim(),c=t=>r.elementBooleanCheck(e.getAttribute(t));return Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({id:e.getAttribute("id")||s.UID(),text:e.getAttribute("text")||i},e.innerHTML.trim()&&{isHtmlContent:e.textContent.length>0?e.innerHTML.trim():null}),c("disabled")&&{disabled:c("disabled")}),c("selected")&&{selected:c("selected")}),c("checked")&&{checked:c("checked")}),c("readonly")&&{readonly:c("readonly")}),c("active")&&{active:c("active")}),c("icon")&&{icon:e.getAttribute("icon")}),c("link")&&{link:e.getAttribute("link")})}nestedItems(e){return l((()=>Array.from(null==e?void 0:e.children).map((e=>{var t;return Object.assign(Object.assign({},"bcm-item"===(null===(t=null==e?void 0:e.tagName)||void 0===t?void 0:t.toLowerCase())&&this.mapItems(e)),{items:this.nestedItems(e)})}))),[])}render(){return i("slot",null)}get el(){return c(this)}};!function(e,t,i,c){var s,l=arguments.length,o=l<3?t:null===c?c=Object.getOwnPropertyDescriptor(t,i):c;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,i,c);else for(var r=e.length-1;r>=0;r--)(s=e[r])&&(o=(l<3?s(o):l>3?s(t,i,o):s(t,i))||o);l>3&&o&&Object.defineProperty(t,i,o)}([o()],n.prototype,"el",void 0);export{n as bcm_items}

package/dist/bromcom-ui/p-0248c4f7.entry.js

@@ -1,5 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import{r as t,h as i,H as e,g as s}from"./p-35ea8fad.js";import{c as a}from"./p-d65a1e21.js";import{I as n}from"./p-3edd3360.js";import{G as h}from"./p-2d7a2ff7.js";import{B as p}from"./p-c9bd85e9.js";import{d as r}from"./p-8c018ae0.js";import"./p-6f56f8ca.js";const o=class{constructor(i){t(this,i),this._id=h.UID(),this.time=new Date,this.value=void 0,this.hidden=!1,this.name=void 0,this.fullWidth=!1,this.required=!1,this.label=void 0,this.placeholder=void 0,this.disabled=!1,this.noCaption=!1,this.caption="",this.captionError=void 0,this.captionType="default",this.alignment=void 0,this.placement=p.Placement["bottom-start"],this.linkedComponent=void 0,this.clearable=!1}componentWillLoad(){if("string"==typeof this.time){const t=!!/\b([01][0-9]|2[0-3]):([0-5][0-9])\b/.test(this.time)&&this.time.split(":");this.time=t?new Date((new Date).setHours(Number(t[0]),Number(t[1]))):new Date}}handlePickerLoad(){this.value=this.picker.value}handlePickerChange(t){this.value=t.detail}async set(t){return this.picker.set(t)}async get(){var t;return(null===(t=this.value)||void 0===t?void 0:t.timestamp)||null}async setDisabled(t){this.disabled=t}async getInput(){return await this.picker.getInput()}async getValue(){return this.value}async isValid(){return await this.picker.isValid()}async setClear(){return await this.picker.setClear(),await r(10),Promise.resolve()}async resetCaption(){return await r(10),await this.picker.resetCaption(),this.captionType="default",this.captionError=null,await r(10),Promise.resolve()}async open(){return await this.picker.open()}render(){const t=a(this.hidden?"hidden":null,{"full-width":this.fullWidth});return i(e,{class:t},i("bcm-datetime-picker",{"linked-component":this.linkedComponent,id:this._id,fullWidth:this.fullWidth,required:this.required,label:this.label,name:this.name,placeholder:this.placeholder,type:"time",clearable:this.clearable,date:this.time,ref:t=>this.picker=t,disabled:this.disabled,"on-bcm-load":()=>this.handlePickerLoad(),"on-bcm-change":t=>this.handlePickerChange(t),noCaption:this.noCaption,captionError:this.captionError,caption:this.caption,captionType:this.captionType,alignment:this.alignment,placement:this.placement}))}get el(){return s(this)}};(function(t,i,e,s){var a,n=arguments.length,h=n<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,e):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)h=Reflect.decorate(t,i,e,s);else for(var p=t.length-1;p>=0;p--)(a=t[p])&&(h=(n<3?a(h):n>3?a(i,e,h):a(i,e))||h);n>3&&h&&Object.defineProperty(i,e,h)})([n()],o.prototype,"el",void 0),o.style='@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:inline-block;width:100%;max-width:256px}:host(.full-width){max-width:100%}:host(.hidden){display:none}:host(.linked-component){display:none}';export{o as bcm_time_picker}

package/dist/bromcom-ui/p-036b5e90.js

@@ -1,5 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import"./p-7e44e6b5.js";import{S as t}from"./p-ea218e23.js";import{F as s}from"./p-e8d18848.js";import{C as i}from"./p-1c09af4f.js";import"./p-626a65e9.js";import{G as h}from"./p-2d7a2ff7.js";import"./p-0f7a532c.js";import"./p-9b93939a.js";class o{constructor({message:o,targetId:e,placement:r="top",color:a="slate-700",trigger:w="none"}){this.bgColor=()=>i.twColor(this.color,700),this.target=()=>document.getElementById(this.targetId),this.init=()=>{this.el=h.createElement("div",{id:`${this.targetId}-tooltip-box`,class:`\n            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 tw-text-1 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: ${i.twColorReverse(this.bgColor())}`,innerHTML:t.trim(this.message)})},this.update=()=>{this.el=document.getElementById(this.id),this.el&&(this.hide(),this.show())},this.listener=()=>{if(window.addEventListener("resize",this.calculatePosition.bind(this)),window.addEventListener("scroll",this.calculatePosition.bind(this),!0),window.addEventListener("wheel",this.calculatePosition.bind(this)),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),!0),this.target().addEventListener("blur",this.hide.bind(this),!0)}this.calculatePosition()},this.calculatePosition=()=>{this.el=document.getElementById(this.id),this.el&&s({ref:this.target(),floating:this.el,placement:this.placement,offset:8,arrow:!0,arrowColor:`tw-bg-${this.bgColor()}`})},this.show=()=>{this.message?(this.init(),this.calculatePosition()):this.hide()},this.hide=()=>{this.el=document.getElementById(this.id),this.el&&this.el.remove()},this.toggle=()=>{this.el=document.getElementById(this.id),this.el?this.hide():this.show()},this.message=o,this.targetId=e,this.placement=r,this.color=a,this.id=e+"-tooltip-box",this.trigger=w}}export{o as T}

package/dist/bromcom-ui/p-0a759563.entry.js

@@ -1,5 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import{r as t,h as e,H as i,g as s}from"./p-35ea8fad.js";import{c as a}from"./p-d65a1e21.js";import{I as h}from"./p-3edd3360.js";import{D as n}from"./p-626a65e9.js";import{G as p}from"./p-2d7a2ff7.js";import{B as r}from"./p-c9bd85e9.js";import{d as l}from"./p-8c018ae0.js";import"./p-6f56f8ca.js";const o=class{constructor(e){t(this,e),this._id=p.UID(),this.date=new Date,this.value=void 0,this.endDate=null,this.range=!1,this.hidden=!1,this.name=void 0,this.fullWidth=!1,this.required=!1,this.label=void 0,this.placeholder=void 0,this.disabledDates="",this.disabled=!1,this.noCaption=!1,this.caption="",this.captionError=void 0,this.captionType="default",this.alignment=void 0,this._internal_id=(4*Math.random()).toString(16).replace(".",""),this.placement=r.Placement["bottom-start"],this.linkedComponent=void 0,this.clearable=!1,this.stateStartDate=null,this.stateEndDate=null}handleStartDateChange(){this.handleDate()}handleEndDateChange(){this.handleDate()}handlePickerLoad(){this.value=this.picker.value}handlePickerChange(t){this.value=t.detail}async set(t){return this.picker.set(t)}async get(){var t;return(null===(t=this.value)||void 0===t?void 0:t.timestamp)||null}async setDisabled(t){this.disabled=t}async setClear(){return await this.picker.setClear(),await l(10),Promise.resolve()}async setStartDate(t){t?(t=n.convertTimeStampToDate(new Date(t).getTime()),this.stateStartDate=t):this.setClear()}async setEndDate(t){t?(t=n.convertTimeStampToDate(new Date(t).getTime()),this.stateEndDate=t):this.setClear()}handleDate(){this.range?this.stateStartDate&&this.stateEndDate&&this.set(this.stateStartDate+"-"+this.stateEndDate):this.set(this.stateStartDate)}async getInput(){return await this.picker.getInput()}async open(){return await this.picker.open()}async getValue(){return this.value}async isValid(){return await this.picker.isValid()}async resetCaption(){return await l(10),await this.picker.resetCaption(),this.captionType="default",this.captionError=null,await l(10),Promise.resolve()}render(){const t=a(this.hidden?"hidden":null,{"full-width":this.fullWidth,"linked-component":this.linkedComponent});return e(i,{class:t},e("bcm-datetime-picker",{"linked-component":this.linkedComponent,id:this._id,name:this.name,type:this.range?"range":"date",date:this.date,placeholder:this.placeholder,fullWidth:this.fullWidth,ref:t=>this.picker=t,required:this.required,clearable:this.clearable,label:this.label,"end-date":this.endDate,disabled:this.disabled,disabledDates:this.disabledDates,"on-bcm-load":()=>this.handlePickerLoad(),"on-bcm-change":t=>this.handlePickerChange(t),noCaption:this.noCaption,caption:this.caption,captionError:this.captionError,captionType:this.captionType,alignment:this.alignment,placement:this.placement}))}get el(){return s(this)}static get watchers(){return{stateStartDate:["handleStartDateChange"],stateEndDate:["handleEndDateChange"]}}};(function(t,e,i,s){var a,h=arguments.length,n=h<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var p=t.length-1;p>=0;p--)(a=t[p])&&(n=(h<3?a(n):h>3?a(e,i,n):a(e,i))||n);h>3&&n&&Object.defineProperty(e,i,n)})([h()],o.prototype,"el",void 0),o.style='@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:inline-block;width:100%;max-width:256px}:host(.full-width){max-width:100%}:host(.hidden){display:none}:host(.linked-component){display:none}';export{o as bcm_date_picker}