bromcom-ui 2.11.1-rc.9-3 → 2.11.1-rc.9-4

package/dist/types/components/molecules/number-input/react-input.d.ts

@@ -0,0 +1,16 @@
+import { ComponentInterface } from "../../../stencil-public-runtime";
+import { NumberFormatValues, NumericFormatProps } from "react-number-format";
+type ExtendedNumericPropsType = NumericFormatProps & {
+  mode: "strict" | "none";
+  onValueChange?: (e: NumberFormatValues) => void;
+};
+export declare class BcmReactNumber implements ComponentInterface {
+  el: HTMLElement;
+  disabled: boolean;
+  options: ExtendedNumericPropsType;
+  private isRange;
+  componentWillRender(): void | Promise<void>;
+  componentDidLoad(): void;
+  private init;
+}
+export {};

package/dist/types/components.d.ts

@@ -618,6 +618,49 @@ export namespace Components {
         "unitPrefix": string;
         "value": any;
     }
+    interface BcmInput2 {
+        /**
+          * Props *
+         */
+        "_id": string;
+        "_internal_id": string;
+        "_prefix": string;
+        "_suffix": string;
+        "autocomplete": boolean;
+        "caption": string;
+        "captionError": string;
+        "captionType": StatusTypes1;
+        "clearable": boolean;
+        "customErrorMessage": string;
+        "decimal": boolean;
+        "disableWatchValue": boolean;
+        "disabled": boolean;
+        "fullWidth": boolean;
+        "hidden": boolean;
+        "label": string;
+        "max": number;
+        "maxLength": number;
+        "min": number;
+        "minLength": number;
+        "name": string;
+        "noCaption": boolean;
+        "noDefaultIcon": boolean;
+        "onBcmBlur": () => Promise<void>;
+        "onBcmFocus": () => Promise<void>;
+        "onBcmSelect": () => Promise<void>;
+        "passwordToggle": boolean;
+        "pattern": string;
+        "placeholder": string;
+        "readonly": boolean;
+        "required": boolean;
+        "size": SizeTypes1;
+        "step": any;
+        "tooltip": string;
+        "type": InputTypes;
+        "unit": string;
+        "unitPrefix": string;
+        "value": any;
+    }
     interface BcmInputCustom {
         "_id": string;
         "disabled": boolean;
@@ -931,25 +974,54 @@ export namespace Components {
     }
     interface BcmNumberInput {
         "_id": string;
+        "_prefix"?: string;
+        "_suffix"?: string;
+        "allowLeadingZeros"?: boolean;
+        "allowNegative"?: boolean;
+        /**
+          * Caption Props
+         */
         "caption": string;
         "captionError": string;
         "captionType": StatusTypes;
+        "clearable": boolean;
         "customErrorMessage": string;
-        "disabled": boolean;
+        "decimalScale"?: number;
+        "decimalSeparator"?: string;
+        "defaultValue"?: number | string;
+        "disabled"?: boolean;
+        "fixedDecimalScale"?: boolean;
+        "fullWidth": boolean;
+        "get": () => Promise<string | number>;
         "label": string;
-        "max": number;
-        "min": number;
+        "max"?: number | string;
+        "min"?: number | string;
+        /**
+          * Number Input Props
+         */
+        "mode": "strict" | "none";
+        "name": string;
         "noCaption": boolean;
-        "pattern": string;
+        "onBcmBlur": () => Promise<void>;
+        "onBcmFocus": () => Promise<void>;
+        "onBcmSelect": () => Promise<void>;
         "placeholder": string;
-        "prefixIcon": string;
-        "readonly": boolean;
-        "required": boolean;
-        "size": SizeTypes;
-        "step": number;
-        "suffixIcon": string;
-        "tooltip": string;
-        "value": number;
+        /**
+          * Input states
+         */
+        "readonly"?: boolean;
+        "required"?: boolean;
+        "resetCaption": () => Promise<void>;
+        "set": (data: any) => Promise<void>;
+        "setCaption": (caption?: any, captionType?: any) => Promise<void>;
+        "setClear": () => Promise<void>;
+        "setValue": (value: any) => Promise<void>;
+        "size"?: SizeTypes;
+        "step"?: number;
+        "thousandSeparator"?: string | boolean;
+        "unitPrefix"?: string;
+        "unitSuffix"?: string;
+        "value"?: number | string;
     }
     interface BcmOldInput {
         "_id": string;
@@ -1161,6 +1233,10 @@ export namespace Components {
         "type": "time" | "date" | "week" | "month" | "year" | "datetime";
         "use12Hours": boolean;
     }
+    interface BcmReactNumber {
+        "disabled": boolean;
+        "options": ExtendedNumericPropsType;
+    }
     interface BcmResult {
         "description": string;
         "heading": string;
@@ -1764,6 +1840,10 @@ export interface BcmInputCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBcmInputElement;
 }
+export interface BcmInput2CustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBcmInput2Element;
+}
 export interface BcmInputDropdownCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBcmInputDropdownElement;
@@ -1804,6 +1884,10 @@ export interface BcmNotificationCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBcmNotificationElement;
 }
+export interface BcmNumberInputCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBcmNumberInputElement;
+}
 export interface BcmOldInputCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBcmOldInputElement;
@@ -2155,6 +2239,12 @@ declare global {
         prototype: HTMLBcmInputElement;
         new (): HTMLBcmInputElement;
     };
+    interface HTMLBcmInput2Element extends Components.BcmInput2, HTMLStencilElement {
+    }
+    var HTMLBcmInput2Element: {
+        prototype: HTMLBcmInput2Element;
+        new (): HTMLBcmInput2Element;
+    };
     interface HTMLBcmInputCustomElement extends Components.BcmInputCustom, HTMLStencilElement {
     }
     var HTMLBcmInputCustomElement: {
@@ -2347,6 +2437,12 @@ declare global {
         prototype: HTMLBcmRcPickerElement;
         new (): HTMLBcmRcPickerElement;
     };
+    interface HTMLBcmReactNumberElement extends Components.BcmReactNumber, HTMLStencilElement {
+    }
+    var HTMLBcmReactNumberElement: {
+        prototype: HTMLBcmReactNumberElement;
+        new (): HTMLBcmReactNumberElement;
+    };
     interface HTMLBcmResultElement extends Components.BcmResult, HTMLStencilElement {
     }
     var HTMLBcmResultElement: {
@@ -2593,6 +2689,7 @@ declare global {
         "bcm-form-group": HTMLBcmFormGroupElement;
         "bcm-icon": HTMLBcmIconElement;
         "bcm-input": HTMLBcmInputElement;
+        "bcm-input-2": HTMLBcmInput2Element;
         "bcm-input-custom": HTMLBcmInputCustomElement;
         "bcm-input-dropdown": HTMLBcmInputDropdownElement;
         "bcm-item": HTMLBcmItemElement;
@@ -2625,6 +2722,7 @@ declare global {
         "bcm-range": HTMLBcmRangeElement;
         "bcm-rc-overflow": HTMLBcmRcOverflowElement;
         "bcm-rc-picker": HTMLBcmRcPickerElement;
+        "bcm-react-number": HTMLBcmReactNumberElement;
         "bcm-result": HTMLBcmResultElement;
         "bcm-scroll-area": HTMLBcmScrollAreaElement;
         "bcm-search": HTMLBcmSearchElement;
@@ -3181,6 +3279,54 @@ declare namespace LocalJSX {
         "unitPrefix"?: string;
         "value"?: any;
     }
+    interface BcmInput2 {
+        /**
+          * Props *
+         */
+        "_id"?: string;
+        "_internal_id"?: string;
+        "_prefix"?: string;
+        "_suffix"?: string;
+        "autocomplete"?: boolean;
+        "caption"?: string;
+        "captionError"?: string;
+        "captionType"?: StatusTypes1;
+        "clearable"?: boolean;
+        "customErrorMessage"?: string;
+        "decimal"?: boolean;
+        "disableWatchValue"?: boolean;
+        "disabled"?: boolean;
+        "fullWidth"?: boolean;
+        "hidden"?: boolean;
+        "label"?: string;
+        "max"?: number;
+        "maxLength"?: number;
+        "min"?: number;
+        "minLength"?: number;
+        "name"?: string;
+        "noCaption"?: boolean;
+        "noDefaultIcon"?: boolean;
+        "onBcm-blur"?: (event: BcmInput2CustomEvent<any>) => void;
+        "onBcm-change"?: (event: BcmInput2CustomEvent<any>) => void;
+        "onBcm-clear"?: (event: BcmInput2CustomEvent<any>) => void;
+        /**
+          * Events *
+         */
+        "onBcm-focus"?: (event: BcmInput2CustomEvent<any>) => void;
+        "onBcm-input"?: (event: BcmInput2CustomEvent<any>) => void;
+        "passwordToggle"?: boolean;
+        "pattern"?: string;
+        "placeholder"?: string;
+        "readonly"?: boolean;
+        "required"?: boolean;
+        "size"?: SizeTypes1;
+        "step"?: any;
+        "tooltip"?: string;
+        "type"?: InputTypes;
+        "unit"?: string;
+        "unitPrefix"?: string;
+        "value"?: any;
+    }
     interface BcmInputCustom {
         "_id"?: string;
         "disabled"?: boolean;
@@ -3483,25 +3629,55 @@ declare namespace LocalJSX {
     }
     interface BcmNumberInput {
         "_id"?: string;
+        "_prefix"?: string;
+        "_suffix"?: string;
+        "allowLeadingZeros"?: boolean;
+        "allowNegative"?: boolean;
+        /**
+          * Caption Props
+         */
         "caption"?: string;
         "captionError"?: string;
         "captionType"?: StatusTypes;
+        "clearable"?: boolean;
         "customErrorMessage"?: string;
+        "decimalScale"?: number;
+        "decimalSeparator"?: string;
+        "defaultValue"?: number | string;
         "disabled"?: boolean;
+        "fixedDecimalScale"?: boolean;
+        "fullWidth"?: boolean;
         "label"?: string;
-        "max"?: number;
-        "min"?: number;
+        "max"?: number | string;
+        "min"?: number | string;
+        /**
+          * Number Input Props
+         */
+        "mode"?: "strict" | "none";
+        "name"?: string;
         "noCaption"?: boolean;
-        "pattern"?: string;
+        "onBcm-blur"?: (event: BcmNumberInputCustomEvent<any>) => void;
+        "onBcm-change"?: (event: BcmNumberInputCustomEvent<any>) => void;
+        "onBcm-clear"?: (event: BcmNumberInputCustomEvent<any>) => void;
+        /**
+          * Events *
+         */
+        "onBcm-focus"?: (event: BcmNumberInputCustomEvent<any>) => void;
+        "onBcm-input"?: (event: BcmNumberInputCustomEvent<any>) => void;
+        "onBcm-input-before-clear"?: (event: BcmNumberInputCustomEvent<any>) => void;
+        "onBcm-onchange"?: (event: BcmNumberInputCustomEvent<any>) => void;
         "placeholder"?: string;
-        "prefixIcon"?: string;
+        /**
+          * Input states
+         */
         "readonly"?: boolean;
         "required"?: boolean;
         "size"?: SizeTypes;
         "step"?: number;
-        "suffixIcon"?: string;
-        "tooltip"?: string;
-        "value"?: number;
+        "thousandSeparator"?: string | boolean;
+        "unitPrefix"?: string;
+        "unitSuffix"?: string;
+        "value"?: number | string;
     }
     interface BcmOldInput {
         "_id"?: string;
@@ -3708,6 +3884,10 @@ declare namespace LocalJSX {
         "type"?: "time" | "date" | "week" | "month" | "year" | "datetime";
         "use12Hours"?: boolean;
     }
+    interface BcmReactNumber {
+        "disabled"?: boolean;
+        "options"?: ExtendedNumericPropsType;
+    }
     interface BcmResult {
         "description"?: string;
         "heading"?: string;
@@ -4223,6 +4403,7 @@ declare namespace LocalJSX {
         "bcm-form-group": BcmFormGroup;
         "bcm-icon": BcmIcon;
         "bcm-input": BcmInput;
+        "bcm-input-2": BcmInput2;
         "bcm-input-custom": BcmInputCustom;
         "bcm-input-dropdown": BcmInputDropdown;
         "bcm-item": BcmItem;
@@ -4255,6 +4436,7 @@ declare namespace LocalJSX {
         "bcm-range": BcmRange;
         "bcm-rc-overflow": BcmRcOverflow;
         "bcm-rc-picker": BcmRcPicker;
+        "bcm-react-number": BcmReactNumber;
         "bcm-result": BcmResult;
         "bcm-scroll-area": BcmScrollArea;
         "bcm-search": BcmSearch;
@@ -4336,6 +4518,7 @@ declare module "@stencil/core" {
             "bcm-form-group": LocalJSX.BcmFormGroup & JSXBase.HTMLAttributes<HTMLBcmFormGroupElement>;
             "bcm-icon": LocalJSX.BcmIcon & JSXBase.HTMLAttributes<HTMLBcmIconElement>;
             "bcm-input": LocalJSX.BcmInput & JSXBase.HTMLAttributes<HTMLBcmInputElement>;
+            "bcm-input-2": LocalJSX.BcmInput2 & JSXBase.HTMLAttributes<HTMLBcmInput2Element>;
             "bcm-input-custom": LocalJSX.BcmInputCustom & JSXBase.HTMLAttributes<HTMLBcmInputCustomElement>;
             "bcm-input-dropdown": LocalJSX.BcmInputDropdown & JSXBase.HTMLAttributes<HTMLBcmInputDropdownElement>;
             "bcm-item": LocalJSX.BcmItem & JSXBase.HTMLAttributes<HTMLBcmItemElement>;
@@ -4368,6 +4551,7 @@ declare module "@stencil/core" {
             "bcm-range": LocalJSX.BcmRange & JSXBase.HTMLAttributes<HTMLBcmRangeElement>;
             "bcm-rc-overflow": LocalJSX.BcmRcOverflow & JSXBase.HTMLAttributes<HTMLBcmRcOverflowElement>;
             "bcm-rc-picker": LocalJSX.BcmRcPicker & JSXBase.HTMLAttributes<HTMLBcmRcPickerElement>;
+            "bcm-react-number": LocalJSX.BcmReactNumber & JSXBase.HTMLAttributes<HTMLBcmReactNumberElement>;
             "bcm-result": LocalJSX.BcmResult & JSXBase.HTMLAttributes<HTMLBcmResultElement>;
             "bcm-scroll-area": LocalJSX.BcmScrollArea & JSXBase.HTMLAttributes<HTMLBcmScrollAreaElement>;
             "bcm-search": LocalJSX.BcmSearch & JSXBase.HTMLAttributes<HTMLBcmSearchElement>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bromcom-ui",
-  "version": "2.11.1-rc.9-3",
+  "version": "2.11.1-rc.9-4",
   "description": "Bromcom UI is a collection of web components built with StencilJS",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -81,12 +81,13 @@
     "react": "^16.14.0",
     "react-colorful": "^5.6.1",
     "react-dom": "^16.14.0",
+    "react-number-format": "^5.3.1",
     "rollup": "^2.58.0",
     "rollup-plugin-dotenv": "latest",
     "slugify": "^1.6.5",
     "snq": "^1.0.3",
     "storybook-fetch-addon": "^1.2.1",
-    "tailwindcss": "^3.1.8",
+    "tailwindcss": "^3.4.1",
     "ts-dedent": "^2.2.0",
     "tsc-alias": "^1.7.0"
   },
@@ -121,7 +122,7 @@
   },
   "dependencies": {
     "moment": "^2.24.0",
-    "rc-picker": "^3.14.3",
+    "rc-picker": "^4.1.4",
     "tailwind-variants": "^0.1.14"
   },
   "resolutions": {

package/dist/bromcom-ui/p-3361f6c9.entry.js

@@ -1,5 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import{r as i,c as t,h as e,H as p,g as s}from"./p-170cf07d.js";import"./p-61753299.js";import"./p-626a65e9.js";import{G as n}from"./p-930f3618.js";import"./p-ede82918.js";import"./p-a0d6d680.js";import"./p-e93d6619.js";import"./p-7e44e6b5.js";import{B as o}from"./p-a313fba6.js";import{C as a}from"./p-2cd6cdee.js";import{c as r}from"./p-e0ab7b38.js";import"./p-3fac58f7.js";import{L as h}from"./p-eca0acda.js";import"./p-2e73d572.js";import"./p-436364c8.js";import"./p-8c018ae0.js";import"./p-3a43bf45.js";import"./p-6657830f.js";import"./p-8b31581f.js";const l=class{constructor(e){i(this,e),this.change=t(this,"bcm-change",7),this._id=n.UID(),this.name=void 0,this.value=void 0,this.required=!1,this.size="medium",this.label=void 0,this.caption=void 0,this.noCaption=!1,this.captionType=o.Status.default,this.captionError=void 0}handleSelectItem(i){const t=null==i?void 0:i.target;if(t instanceof HTMLElement){const e=i.detail,p=document.createElement("bcm-chip");p.setAttribute("value",e.id),p.innerHTML=e.text,t.parentNode.insertBefore(p,t),this.setSelect(e.id)}}handleDismiss(i){const t=null==i?void 0:i.target;t instanceof HTMLElement&&(t.remove(),this.setSelect())}handleSelect(i){const t=null==i?void 0:i.target;t instanceof HTMLElement&&("addable"===t.type?this.showListComponent(t.id):this.setSelect(t.value))}showListComponent(i){const t=document.getElementById(i+"-list");t&&t.show()}getSlots(){return this.el.querySelectorAll("bcm-chip")}setSelect(i=this.value,t=!1){const e=this.getSlots();if(0===(null==e?void 0:e.length))return;const p=Array.from(e),s=p.find((t=>t.value===i));this.value=s?i:p[0].value,p.forEach((i=>{i.selected=i.value===this.value})),t||this.change.emit(this.value)}setAttr(){const i=this.getSlots();0!==(null==i?void 0:i.length)&&Array.from(i).forEach((i=>{i.setAttribute("size",this.size)}))}componentWillLoad(){this.setSelect()}componentDidRender(){this.setAttr()}render(){const{label:i,required:t,noCaption:s,captionType:n,captionError:o,caption:l}=this,c=r("bcm-chip-group");return e(p,{class:c},i&&e("div",null,e(h,{type:n,value:i,required:t})),e("div",{class:"tw-flex tw-flex-wrap tw-gap-1"},e("slot",null)),e(a,{noCaption:s,captionType:n,captionError:o,caption:l}))}get el(){return s(this)}};l.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}.bcm-chip-group .bcm-chip{cursor:pointer}';export{l as bcm_chip_group}

package/dist/bromcom-ui/p-350dbff0.entry.js

@@ -1,5 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import{r as t,c as e,f as i,h as s,H as a,g as o}from"./p-170cf07d.js";import{I as n}from"./p-9850cbce.js";import{G as r,s as h}from"./p-930f3618.js";import{S as p}from"./p-a0d6d680.js";import{a as l}from"./p-a313fba6.js";import"./p-8b31581f.js";import"./p-3a43bf45.js";import"./p-6657830f.js";const c=["BCM-INPUT","BCM-TEXTAREA","BCM-SWITCH","BCM-CHECKBOX","BCM-RADIO-GROUP","BCM-CHECKBOX-GROUP","BCM-RANGE","BCM-FORM","BCM-FORM-GROUP","BCM-LIST","BCM-COLORPICKER","BCM-DATE","BCM-DATE-PICKER","BCM-TIME-PICKER","BCM-DATETIME-PICKER","BCM-SELECT","BCM-LISTBOX","BCM-CHIP-GROUP","BCM-INPUT-DROPDOWN"];const m=class{constructor(i){t(this,i),this.bcmForm=e(this,"bcm-form",7),this.isLoad=!1,this.formData={},this.formObj=new Map,this._id=r.UID(),this.validation=!1}componentDidLoad(){this.isLoad=!0,i(this)}componentIsValid(t){if(!t.hidden){this.checkIsGroup(t);const e=["bcm-checkbox","bcm-switch"].includes(p.lowercase(t.tagName))?0==t.value:p.isNullOrEmpty(t.value);t.required&&(e?(t.captionError=l.FormErrorMessages.required,t.captionType="error",this.formObj.set(t.id,{name:t.name,valid:!1,errorDetails:t.captionError})):(t.captionError=null,t.captionType="default",this.formObj.delete(t.id)))}}isGroup(t){return["bcm-checkbox-group"].includes(p.lowercase(t.tagName))}checkIsGroup(t){if(this.isGroup(t))for(let e of Array.from(t.querySelectorAll("bcm-checkbox")))e&&this.componentIsValid(e)}changeCheckboxGroup(t){const e=t.target,{changed:i}=t.detail,s=Array.from(e.querySelectorAll("bcm-checkbox"));for(let t of s)t.id==i.element.id&&(t.value=i.event.value,this.componentIsValid(t))}bcmComponentList(){return h((()=>Array.from(this.el.querySelectorAll("*")).filter((t=>c.includes(t.tagName)&&(!t["s-hn"]||"BCM-FORM-2"==t["s-hn"]))).filter(Boolean)),[])}formResponse(){const t={formData:this.formData,isValid:0==this.formObj.size,errorDetails:Object.assign({},this.formObj.size>0&&Array.from(this.formObj).map((([t,e])=>({[e.name]:e.errorDetails})))),message:0==this.formObj.size?"":"Please fill in all inputs"};return this.bcmForm.emit(t),t}async setMethodType(t){const{isLoad:e,validation:i}=this;if(e)for(const e of this.bcmComponentList())try{await e[t](),"setClear"==t&&i&&this.componentIsValid(e)}catch(i){console.error(e.nodeName,t,i)}return Promise.resolve()}async submit(){const{isLoad:t,validation:e}=this;if(t)for(const t of this.bcmComponentList()){const{name:i,value:s}=t;this.formData[i]=p.isNullOrEmpty(s)?null:s,e&&this.componentIsValid(t)}return Promise.resolve(this.formResponse())}async set(t){var e,i,s;if(this.isLoad&&t&&(null===(e=this.bcmComponentList())||void 0===e?void 0:e.length)>0)for(let e of Object.keys(t)){const a=null!==(s=null===(i=this.bcmComponentList())||void 0===i?void 0:i.find((t=>t.name==e)))&&void 0!==s?s:{};if(a)try{await a.set(t[e]),this.componentIsValid(a)}catch(t){console.warn("set: ",e,a.nodeName)}}}async get(){var t;let e={};if((null===(t=this.bcmComponentList())||void 0===t?void 0:t.length)>0)for(let t of this.bcmComponentList()){const i=await t.get();e=Object.assign(Object.assign({},e),{[t.name]:p.isNullOrEmpty(i)?null:i})}return Promise.resolve(e)}async resetCaption(){return Promise.resolve(await this.setMethodType("resetCaption"))}async setClear(){return this.formData={},this.formObj=new Map,Promise.resolve(await this.setMethodType("setClear"))}onChange(t){const{isLoad:e,validation:i}=this;if(e){const e=t.target,s=e&&e.tagName.toLowerCase().startsWith("bcm-");if(i&&s){if(this.isGroup(e))return this.changeCheckboxGroup(t);this.componentIsValid(e)}}}render(){return s(a,null,s("slot",null))}get el(){return o(this)}};(function(t,e,i,s){var a,o=arguments.length,n=o<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 r=t.length-1;r>=0;r--)(a=t[r])&&(n=(o<3?a(n):o>3?a(e,i,n):a(e,i))||n);o>3&&n&&Object.defineProperty(e,i,n)})([n()],m.prototype,"el",void 0),m.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{m as bcm_form_2}

package/dist/bromcom-ui/p-3a43bf45.js

@@ -1,5 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import{c as e,a as f}from"./p-6657830f.js";var a=String,d=function(){return{isColorSupported:!1,reset:a,bold:a,dim:a,italic:a,underline:a,inverse:a,hidden:a,strikethrough:a,black:a,red:a,green:a,yellow:a,blue:a,magenta:a,cyan:a,white:a,gray:a,bgBlack:a,bgRed:a,bgGreen:a,bgYellow:a,bgBlue:a,bgMagenta:a,bgCyan:a,bgWhite:a}},c=d();c.createColors=d;var r=e((function(e,f){Object.defineProperty(f,"__esModule",{value:!0}),function(e,f){for(var a in f)Object.defineProperty(e,a,{enumerable:!0,get:f[a]})}(f,{dim:()=>n,default:()=>b});const a=d(c);function d(e){return e&&e.__esModule?e:{default:e}}let r=new Set;function t(e,f,a){"undefined"!=typeof process&&process.env.JEST_WORKER_ID||a&&r.has(a)||(a&&r.add(a),console.warn(""),f.forEach((f=>console.warn(e,"-",f))))}function n(e){return a.default.dim(e)}const b={info(e,f){t(a.default.bold(a.default.cyan("info")),...Array.isArray(e)?[e]:[f,e])},warn(e,f){t(a.default.bold(a.default.yellow("warn")),...Array.isArray(e)?[e]:[f,e])},risk(e,f){t(a.default.bold(a.default.magenta("risk")),...Array.isArray(e)?[e]:[f,e])}}})),t=e((function(e,f){Object.defineProperty(f,"__esModule",{value:!0}),Object.defineProperty(f,"default",{enumerable:!0,get:()=>t});const a=d(r);function d(e){return e&&e.__esModule?e:{default:e}}function c({version:e,from:f,to:d}){a.default.warn(`${f}-color-renamed`,[`As of Tailwind CSS ${e}, \`${f}\` has been renamed to \`${d}\`.`,"Update your configuration file to silence this warning."])}const t={inherit:"inherit",current:"currentColor",transparent:"transparent",black:"#000",white:"#fff",slate:{50:"#f8fafc",100:"#f1f5f9",200:"#e2e8f0",300:"#cbd5e1",400:"#94a3b8",500:"#64748b",600:"#475569",700:"#334155",800:"#1e293b",900:"#0f172a",950:"#020617"},gray:{50:"#f9fafb",100:"#f3f4f6",200:"#e5e7eb",300:"#d1d5db",400:"#9ca3af",500:"#6b7280",600:"#4b5563",700:"#374151",800:"#1f2937",900:"#111827",950:"#030712"},zinc:{50:"#fafafa",100:"#f4f4f5",200:"#e4e4e7",300:"#d4d4d8",400:"#a1a1aa",500:"#71717a",600:"#52525b",700:"#3f3f46",800:"#27272a",900:"#18181b",950:"#09090b"},neutral:{50:"#fafafa",100:"#f5f5f5",200:"#e5e5e5",300:"#d4d4d4",400:"#a3a3a3",500:"#737373",600:"#525252",700:"#404040",800:"#262626",900:"#171717",950:"#0a0a0a"},stone:{50:"#fafaf9",100:"#f5f5f4",200:"#e7e5e4",300:"#d6d3d1",400:"#a8a29e",500:"#78716c",600:"#57534e",700:"#44403c",800:"#292524",900:"#1c1917",950:"#0c0a09"},red:{50:"#fef2f2",100:"#fee2e2",200:"#fecaca",300:"#fca5a5",400:"#f87171",500:"#ef4444",600:"#dc2626",700:"#b91c1c",800:"#991b1b",900:"#7f1d1d",950:"#450a0a"},orange:{50:"#fff7ed",100:"#ffedd5",200:"#fed7aa",300:"#fdba74",400:"#fb923c",500:"#f97316",600:"#ea580c",700:"#c2410c",800:"#9a3412",900:"#7c2d12",950:"#431407"},amber:{50:"#fffbeb",100:"#fef3c7",200:"#fde68a",300:"#fcd34d",400:"#fbbf24",500:"#f59e0b",600:"#d97706",700:"#b45309",800:"#92400e",900:"#78350f",950:"#451a03"},yellow:{50:"#fefce8",100:"#fef9c3",200:"#fef08a",300:"#fde047",400:"#facc15",500:"#eab308",600:"#ca8a04",700:"#a16207",800:"#854d0e",900:"#713f12",950:"#422006"},lime:{50:"#f7fee7",100:"#ecfccb",200:"#d9f99d",300:"#bef264",400:"#a3e635",500:"#84cc16",600:"#65a30d",700:"#4d7c0f",800:"#3f6212",900:"#365314",950:"#1a2e05"},green:{50:"#f0fdf4",100:"#dcfce7",200:"#bbf7d0",300:"#86efac",400:"#4ade80",500:"#22c55e",600:"#16a34a",700:"#15803d",800:"#166534",900:"#14532d",950:"#052e16"},emerald:{50:"#ecfdf5",100:"#d1fae5",200:"#a7f3d0",300:"#6ee7b7",400:"#34d399",500:"#10b981",600:"#059669",700:"#047857",800:"#065f46",900:"#064e3b",950:"#022c22"},teal:{50:"#f0fdfa",100:"#ccfbf1",200:"#99f6e4",300:"#5eead4",400:"#2dd4bf",500:"#14b8a6",600:"#0d9488",700:"#0f766e",800:"#115e59",900:"#134e4a",950:"#042f2e"},cyan:{50:"#ecfeff",100:"#cffafe",200:"#a5f3fc",300:"#67e8f9",400:"#22d3ee",500:"#06b6d4",600:"#0891b2",700:"#0e7490",800:"#155e75",900:"#164e63",950:"#083344"},sky:{50:"#f0f9ff",100:"#e0f2fe",200:"#bae6fd",300:"#7dd3fc",400:"#38bdf8",500:"#0ea5e9",600:"#0284c7",700:"#0369a1",800:"#075985",900:"#0c4a6e",950:"#082f49"},blue:{50:"#eff6ff",100:"#dbeafe",200:"#bfdbfe",300:"#93c5fd",400:"#60a5fa",500:"#3b82f6",600:"#2563eb",700:"#1d4ed8",800:"#1e40af",900:"#1e3a8a",950:"#172554"},indigo:{50:"#eef2ff",100:"#e0e7ff",200:"#c7d2fe",300:"#a5b4fc",400:"#818cf8",500:"#6366f1",600:"#4f46e5",700:"#4338ca",800:"#3730a3",900:"#312e81",950:"#1e1b4b"},violet:{50:"#f5f3ff",100:"#ede9fe",200:"#ddd6fe",300:"#c4b5fd",400:"#a78bfa",500:"#8b5cf6",600:"#7c3aed",700:"#6d28d9",800:"#5b21b6",900:"#4c1d95",950:"#2e1065"},purple:{50:"#faf5ff",100:"#f3e8ff",200:"#e9d5ff",300:"#d8b4fe",400:"#c084fc",500:"#a855f7",600:"#9333ea",700:"#7e22ce",800:"#6b21a8",900:"#581c87",950:"#3b0764"},fuchsia:{50:"#fdf4ff",100:"#fae8ff",200:"#f5d0fe",300:"#f0abfc",400:"#e879f9",500:"#d946ef",600:"#c026d3",700:"#a21caf",800:"#86198f",900:"#701a75",950:"#4a044e"},pink:{50:"#fdf2f8",100:"#fce7f3",200:"#fbcfe8",300:"#f9a8d4",400:"#f472b6",500:"#ec4899",600:"#db2777",700:"#be185d",800:"#9d174d",900:"#831843",950:"#500724"},rose:{50:"#fff1f2",100:"#ffe4e6",200:"#fecdd3",300:"#fda4af",400:"#fb7185",500:"#f43f5e",600:"#e11d48",700:"#be123c",800:"#9f1239",900:"#881337",950:"#4c0519"},get lightBlue(){return c({version:"v2.2",from:"lightBlue",to:"sky"}),this.sky},get warmGray(){return c({version:"v3.0",from:"warmGray",to:"stone"}),this.stone},get trueGray(){return c({version:"v3.0",from:"trueGray",to:"neutral"}),this.neutral},get coolGray(){return c({version:"v3.0",from:"coolGray",to:"gray"}),this.gray},get blueGray(){return c({version:"v3.0",from:"blueGray",to:"slate"}),this.slate}}}));const n=f(e((function(e){e.exports=(t.__esModule?t:{default:t}).default})));export{n as c}