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

package/dist/types/helper/generate.d.ts

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

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

@@ -6,33 +6,20 @@ export declare class Tooltip {
   color: string;
   el: HTMLElement;
   trigger: string;
-  size: string;
-  openDelay: number;
-  closeDelay: number;
-  emitShow: () => void;
-  emitHide: () => void;
-  constructor({ message, targetId, placement, color, trigger, size, openDelay, closeDelay, emitShow, emitHide, }: {
+  constructor({ message, targetId, placement, color, trigger }: {
     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: () => Promise<void>;
-  hide: () => Promise<void>;
+  show: () => void;
+  hide: () => 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,8 +321,7 @@ export declare namespace Bcm {
     url = "url",
     search = "search",
     tel = "tel",
-    hidden = "hidden",
-    color = "color"
+    hidden = "hidden"
   }
   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,8 +29,6 @@ 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,7 +6,6 @@ interface ListTemplateProps extends Bcm.ListClickEvent {
   bcmListContainer?: any;
   infoFooter?: any;
   searchPlaceholder?: string;
-  minSearchLength?: number;
   searchIsOnlyChilds?: boolean;
   value?: any;
   totalData?: any;

package/package.json

@@ -1,111 +1,72 @@
 {
-  "name": "bromcom-ui",
-  "version": "2.8.0-rc.10-c",
-  "description": "Stencil Component Starter",
-  "main": "dist/index.cjs.js",
-  "module": "dist/index.js",
-  "es2015": "dist/esm/index.mjs",
-  "es2017": "dist/esm/index.mjs",
-  "collection": "dist/collection/collection-manifest.json",
-  "collection:main": "dist/collection/index.js",
-  "types": "dist/types/components.d.ts",
-  "unpkg": "dist/bromcom-ui/bromcom-ui.js",
-  "files": [
-    "dist/",
-    "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 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",
-    "generate": "stencil generate",
-    "distRemove": "rm -rf ./dist/cjs && rm -rf ./dist/esm && rm -rf ./dist/types && rm -rf ./dist/collection && rm -r ./dist/index.cjs.js && rm -r ./dist/index.js",
-    "pre-version": "npm run build && npm version prerelease --preid=rc && npm run build",
-    "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",
-    "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": {
-    "@babel/core": "^7.12.3",
-    "@babel/plugin-syntax-jsx": "^7.12.1",
-    "@babel/plugin-transform-react-jsx": "^7.12.5",
-    "@etchteam/storybook-addon-status": "^4.2.2",
-    "@floating-ui/dom": "^1.0.1",
-    "@stencil/core": "^2.17.1",
-    "@stencil/sass": "^1.3.2",
-    "@stencil/store": "^1.5.0",
-    "@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.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/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.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",
-    "tailwindcss": "^3.1.8",
-    "ts-dedent": "^2.2.0",
-    "tsc-alias": "^1.7.0"
-  },
-  "__comment__": [
-    {
-      "@babel/core": "^7.12.3",
-      "@babel/plugin-syntax-jsx": "^7.12.1",
-      "@babel/plugin-transform-react-jsx": "^7.12.5",
-      "babel-loader": "^8.2.0",
-      "cpy-cli": "^3.1.1",
-      "fs-extra": "^9.0.1",
-      "glob": "^7.1.6",
-      "gulp": "^4.0.2",
-      "gulp-autoprefixer": "^8.0.0",
-      "gulp-concat": "^2.6.1",
-      "gulp-minify-css": "^1.2.4",
-      "gulp-sass": "^5.1.0",
-      "sass": "^1.49.8",
-      "@storybook/addon-actions": "^6.0.28",
-      "@storybook/addon-backgrounds": "^6.1.9",
-      "@storybook/addon-controls": "^6.0.28",
-      "@storybook/addon-docs": "^6.5.9",
-      "@storybook/addon-notes": "^5.3.21",
-      "@storybook/addon-viewport": "^6.1.9",
-      "@storybook/html": "^6.0.28"
-    }
-  ]
+    "name": "bromcom-ui",
+    "version": "2.8.0-rc.10-e",
+    "description": "Stencil Component Starter",
+    "main": "dist/index.cjs.js",
+    "module": "dist/index.js",
+    "es2015": "dist/esm/index.mjs",
+    "es2017": "dist/esm/index.mjs",
+    "collection": "dist/collection/collection-manifest.json",
+    "collection:main": "dist/collection/index.js",
+    "types": "dist/types/components.d.ts",
+    "unpkg": "dist/bromcom-ui/bromcom-ui.js",
+    "files": [
+        "dist/",
+        "loader/"
+    ],
+    "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",
+        "clean:dist": "rm -rf dist",
+        "clean:loader": "rm -rf loader",
+        "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",
+        "generate": "stencil generate",
+        "distRemove": "rm -rf ./dist/cjs && rm -rf ./dist/esm && rm -rf ./dist/types && rm -rf ./dist/collection && rm -r ./dist/index.cjs.js && rm -r ./dist/index.js",
+        "pre-version": "npm run build && npm version prerelease --preid=rc && npm run build",
+        "ds-version": "npm run build && npm version patch && npm run build"
+    },
+    "license": "MIT",
+    "devDependencies": {
+        "@floating-ui/dom": "^1.0.1",
+        "@stencil/core": "^2.17.1",
+        "@stencil/sass": "^1.3.2",
+        "@stencil/store": "^1.5.0",
+        "@types/node": "^18.7.1",
+        "classnames": "^2.2.6",
+        "npm-run-all": "^4.1.5",
+        "rollup-plugin-dotenv": "^0.3.0",
+        "slugify": "^1.6.5",
+        "snq": "^1.0.3",
+        "tailwindcss": "^3.1.8",
+        "tsc-alias": "^1.7.0"
+    },
+    "__comment__": [
+        {
+            "@babel/core": "^7.12.3",
+            "@babel/plugin-syntax-jsx": "^7.12.1",
+            "@babel/plugin-transform-react-jsx": "^7.12.5",
+            "babel-loader": "^8.2.0",
+            "cpy-cli": "^3.1.1",
+            "fs-extra": "^9.0.1",
+            "glob": "^7.1.6",
+            "gulp": "^4.0.2",
+            "gulp-autoprefixer": "^8.0.0",
+            "gulp-concat": "^2.6.1",
+            "gulp-minify-css": "^1.2.4",
+            "gulp-sass": "^5.1.0",
+            "sass": "^1.49.8",
+            "@storybook/addon-actions": "^6.0.28",
+            "@storybook/addon-backgrounds": "^6.1.9",
+            "@storybook/addon-controls": "^6.0.28",
+            "@storybook/addon-docs": "^6.5.9",
+            "@storybook/addon-notes": "^5.3.21",
+            "@storybook/addon-viewport": "^6.1.9",
+            "@storybook/html": "^6.0.28"
+        }
+    ]
 }

package/dist/bromcom-ui/global/helper/index.ts

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

package/dist/bromcom-ui/global/helper/toast.ts

@@ -1,136 +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 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) {
-        this.options = options;
-
-        this.createElement();
-        this.listeners();
-        this.setAttributes();
-        return this.element;
-    }
-
-    private createElement() {
-        let el: any;
-        this.options?.id && (el = document.getElementById(this.options.id));
-        if (el) {
-            this.element = el;
-        } else {
-            const tag = "bcm-toast";
-            this.element = document.createElement(tag);
-        }
-
-        document.body.appendChild(this.element);
-        return this.element;
-    }
-
-    private listeners() {
-        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);
-    }
-
-    private setAttributes() {
-        for (let 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
-     * });
-     */
-    show() {
-        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
-     * });
-     */
-    hide() {
-        this.element.hide();
-        return this.element;
-    }
-}

package/dist/bromcom-ui/p-09ef65b7.entry.js

@@ -1,5 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import{r as t,c as s,h as i,H as e,g as a}from"./p-da1055cb.js";import{c as o}from"./p-d65a1e21.js";import{I as w}from"./p-c23b6240.js";import{G as r}from"./p-90b6a399.js";import{S as h}from"./p-8d0ca8c2.js";import{B as n}from"./p-a429e85b.js";import{d as c}from"./p-8c018ae0.js";import"./p-6f56f8ca.js";import"./p-4aa0e6b1.js";const l=class{constructor(i){t(this,i),this.bcmToastClose=s(this,"bcm-toast-close",7),this.bcmToastOpen=s(this,"bcm-toast-open",7),this.bcmToastView=s(this,"bcm-toast-view",7),this._id=r.UID(),this.status=void 0,this.message="",this.description="",this.duration=3e3,this.position=n.Placement.bottom,this.messageIcon=void 0,this.viewButton=!1,this.closeButton=!0,this.visible=!1,this.visibleContainer=!1}async show(){const t=document.getElementById(this._id+"-container");return t&&document.body.appendChild(t),this.visible=!0,await c(50),this.visibleContainer=!0,this.bcmToastOpen.emit(),this.timer&&clearTimeout(this.timer),this.timer=setTimeout((()=>this.hide()),this.duration),this.el}async hide(){this.visibleContainer=!1,clearTimeout(this.timer),this.bcmToastClose.emit(),await c(100),this.visible=!1}handleMouseEnter(){clearTimeout(this.timer)}handleMouseLeave(){this.visible&&(this.timer=setTimeout((()=>this.hide()),1e3))}render(){return i(e,{class:"tw-hidden"},i("div",{class:o({"tw-hidden":!this.visible}),id:this._id+"-container",onMouseEnter:()=>this.handleMouseEnter(),onMouseLeave:()=>this.handleMouseLeave()},i("div",{class:o("tw-pointer-events-auto tw-transform tw-transition tw-duration-300 tw-ease-in-out","tw-flex tw-min-w-[256px] tw-max-w-[420px] tw-flex-col tw-gap-2 tw-rounded-lg tw-border tw-font-sans tw-font-normal tw-shadow-2","tw-border-gray-300 tw-bg-white tw-text-slate-600",{"tw-p-4":!this.description,"tw-p-6":this.description},"tw-fixed tw-z-50","tw-transform tw-transition tw-duration-300 tw-ease-in-out ",{"tw-inset-x-0 tw-top-4 tw-mx-auto":this.position===n.Placement.top,"tw-inset-x-0 tw-bottom-4 tw-mx-auto":this.position===n.Placement.bottom,"tw-top-4 tw-left-4":this.position===n.Placement["top-start"],"tw-top-4 tw-right-4":this.position===n.Placement["top-end"],"tw-bottom-4 tw-left-4":this.position===n.Placement["bottom-start"],"tw-bottom-4 tw-right-4":this.position===n.Placement["bottom-end"],"tw-translate-y-0 tw-opacity-100 ":this.visibleContainer,"tw-opacity-0":!this.visibleContainer,"tw-translate-y-[-100%]":!this.visibleContainer&&"top"===this.position.split("-")[0],"tw-translate-y-[100%]":!this.visibleContainer&&"bottom"===this.position.split("-")[0]})},i("div",{class:"tw-flex tw-items-center tw-justify-between tw-gap-5"},i("div",{class:"tw-flex tw-items-center tw-gap-3 "},this.status&&i("i",{class:o("tw-text-6",this.messageIcon?this.messageIcon:"far",{"tw-text-emerald-500":"success"===this.status,"tw-text-red-500":"error"===this.status,"tw-text-amber-500":"warning"===this.status,"tw-text-blue-500":"info"===this.status},{"fa-check-circle":!this.messageIcon&&"success"===this.status,"fa-exclamation-circle":!this.messageIcon&&"error"===this.status,"fa-exclamation-triangle":!this.messageIcon&&"warning"===this.status,"fa-info-circle":!this.messageIcon&&"info"===this.status})}),i("span",{class:o({"tw-text-4":!this.description,"tw-text-6 tw-font-medium":this.description})},!this.description&&this.status&&i("span",null,h.capitalize(this.status),": "),this.message)),i("div",{class:"tw-flex tw-items-baseline tw-gap-2"},this.viewButton&&i("button",{onClick:()=>this.bcmToastView.emit(),title:"View details",class:o("tw-cursor-pointer tw-rounded tw-bg-transparent tw-p-0 tw-px-1 tw-text-4 tw-text-inherit","hover:tw-bg-gray-100 hover:tw-text-slate-800","active:tw-bg-gray-200","tw-transition tw-duration-300 tw-ease-in-out",{"tw-font-medium":this.description})},"View"),this.closeButton&&i("button",{title:"Close",onClick:()=>this.hide(),class:o("tw-rounded tw-bg-transparent tw-p-0","tw-flex tw-h-6 tw-w-6 tw-cursor-pointer tw-items-center tw-justify-center tw-text-3 tw-text-inherit","hover:tw-bg-gray-100 hover:tw-text-slate-800","active:tw-bg-gray-200")},i("i",{class:"fal fa-times"})))),this.description&&i("div",{class:"tw-text-3 "},this.description),i("slot",null))))}get el(){return a(this)}};!function(t,s,i,e){var a,o=arguments.length,w=o<3?s:null===e?e=Object.getOwnPropertyDescriptor(s,i):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)w=Reflect.decorate(t,s,i,e);else for(var r=t.length-1;r>=0;r--)(a=t[r])&&(w=(o<3?a(w):o>3?a(s,i,w):a(s,i))||w);o>3&&w&&Object.defineProperty(s,i,w)}([w()],l.prototype,"el",void 0);export{l as bcm_toast}

package/dist/bromcom-ui/p-1491e7f7.entry.js

@@ -1,5 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import{r as e,h as i,H as t,g as n}from"./p-da1055cb.js";import{I as p}from"./p-c23b6240.js";import{G as a}from"./p-90b6a399.js";import"./p-4aa0e6b1.js";import"./p-6f56f8ca.js";const s=class{constructor(i){e(this,i),this._id=a.UID(),this.multi=!1}componentDidRender(){this.multi||this.checkExpandedCount()}checkExpandedCount(){var e,i;const t=this.el.querySelectorAll(".bcm-expansion-panel");if(t&&Array.from(t).map((e=>e.expanded)).filter(Boolean).length>1){const n=null===(i=null===(e=Array.from(t).filter((e=>e.expanded)))||void 0===e?void 0:e.pop())||void 0===i?void 0:i.id;Array.from(t).forEach((e=>{e.id!==n&&(e.expanded=!1)}))}}open(e){if(this.multi)return;const i=e.detail,t=this.el.querySelectorAll(".bcm-expansion-panel");t&&t.forEach((e=>{e.id!==i&&(e.expanded=!1)}))}isLoad(e){var i,t,n;if(!this.multi){var p=(null===(t=null===(i=null==e?void 0:e.target)||void 0===i?void 0:i.parentElement)||void 0===t?void 0:t.id)||null;"BCM-EXPANSION-PANEL"==((null===(n=null==e?void 0:e.target)||void 0===n?void 0:n.nodeName)||null)&&this._id==p&&this.checkExpandedCount()}}render(){return i(t,{id:this._id},i("slot",null))}get el(){return n(this)}};(function(e,i,t,n){var p,a=arguments.length,s=a<3?i:null===n?n=Object.getOwnPropertyDescriptor(i,t):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,i,t,n);else for(var o=e.length-1;o>=0;o--)(p=e[o])&&(s=(a<3?p(s):a>3?p(i,t,s):p(i,t))||s);a>3&&s&&Object.defineProperty(i,t,s)})([p()],s.prototype,"el",void 0),s.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:block}';export{s as bcm_accordion}

package/dist/bromcom-ui/p-23a21e41.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-da1055cb.js";import{c as a}from"./p-d65a1e21.js";import{I as n}from"./p-c23b6240.js";import{G as h}from"./p-90b6a399.js";import{B as p}from"./p-a429e85b.js";import{d as r}from"./p-8c018ae0.js";import"./p-6f56f8ca.js";import"./p-4aa0e6b1.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}