bromcom-ui 2.7.37-rc.2 → 2.7.37-rc.3

package/dist/types/components/atoms/avatar/avatar.d.ts

@@ -1,4 +1,4 @@
-import { ShapeTypes, SizeTypes, StatusTypes } from '@bcm/model';
+import { ShapeTypes, SizeTypes, StatusTypes } from '../../../models';
 import { ComponentInterface } from '../../../stencil-public-runtime';
 export declare class BcmAvatar implements ComponentInterface {
   el: HTMLElement;

package/dist/types/components/atoms/button/button.d.ts

@@ -22,7 +22,7 @@ export declare class BcmButton implements ComponentInterface {
   color: any;
   checked: boolean;
   bcmClick: EventEmitter;
-  handleOnClick(e: MouseEvent): void;
+  handleOnClick(e: MouseEvent): boolean;
   componentWillRender(): void;
   getStateData(): import("../../../models/states/atoms/bcm-atoms-state").BcmAtomsState.Button;
   isHaveChildNodes(): boolean;

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

@@ -1,4 +1,4 @@
-import { PositionTypes } from '@bcm/model';
+import { PositionTypes } from '../../../models';
 import { ComponentInterface, EventEmitter } from '../../../stencil-public-runtime';
 export declare class BcmDrawer implements ComponentInterface {
   el: HTMLElement;

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

@@ -1,5 +1,5 @@
 import { ComponentInterface } from '../../../stencil-public-runtime';
-import { PlacementTypes, TrigglerTypes } from '@bcm/model';
+import { PlacementTypes, TrigglerTypes } from '../../../models';
 export declare class BcmLinked implements ComponentInterface {
   el: HTMLElement;
   _id: string;

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

@@ -1,12 +1,11 @@
 import { EventEmitter, ComponentInterface } from '../../../stencil-public-runtime';
-import { FullSizeTypes } from '../../../models/bcm-types';
 export declare class BcmModal implements ComponentInterface {
   el: HTMLElement;
   modalSlots: {};
   _id: string;
   isShow: boolean;
   hidden: boolean;
-  size: FullSizeTypes;
+  size: any;
   backdrop: boolean | 'static';
   width: string;
   height: string;

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

@@ -1,5 +1,5 @@
-import { Popover } from '@bcm/helpers';
-import { PlacementTypes, TrigglerTypes } from '@bcm/model';
+import { Popover } from '../../../helper';
+import { PlacementTypes, TrigglerTypes } from '../../../models';
 import { ComponentInterface } from '../../../stencil-public-runtime';
 export declare class BcmPopover implements ComponentInterface {
   el: HTMLElement;

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

@@ -1,5 +1,5 @@
-import { Tooltip } from '@bcm/helpers';
-import { PlacementTypes, TrigglerTypes } from '@bcm/model';
+import { Tooltip } from '../../../helper';
+import { PlacementTypes, TrigglerTypes } from '../../../models';
 import { ComponentInterface } from '../../../stencil-public-runtime';
 export declare class BcmTooltip implements ComponentInterface {
   el: HTMLElement;

package/dist/types/components/organism/list/list.d.ts

@@ -1,4 +1,4 @@
-import { Bcm, ListTypes, PlacementTypes, SizeTypes, StatusTypes } from '@bcm/model';
+import { Bcm, ListTypes, PlacementTypes, SizeTypes, StatusTypes } from '../../../models';
 import { ComponentInterface, EventEmitter } from '../../../stencil-public-runtime';
 export declare class BcmList implements ComponentInterface {
   private debounce;

package/dist/types/components.d.ts

@@ -6,8 +6,8 @@
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { StatusProp, TypeProp } from "./components/molecules/alert/types";
-import { ListTypes, PlacementTypes as PlacementTypes1, PositionTypes, ShapeTypes, SizeTypes, StatusTypes, TrigglerTypes } from "@bcm/model";
-import { ButtonTypes, ColorPaletteTypes as ColorPaletteTypes1, DirectionTypes, FontSizesTypes, FullSizeTypes, IconPositionTypes, IndeterminateTypes, InputTypes, KindTypes, PlacementTypes, SizeTypes as SizeTypes1, StatusTypes as StatusTypes1, TagTypes, TrigglerTypes as TrigglerTypes1 } from "./models/bcm-types";
+import { ListTypes, PlacementTypes as PlacementTypes1, PositionTypes, ShapeTypes, SizeTypes, StatusTypes, TrigglerTypes } from "./models";
+import { ButtonTypes, ColorPaletteTypes as ColorPaletteTypes1, DirectionTypes, FontSizesTypes, IconPositionTypes, IndeterminateTypes, InputTypes, KindTypes, PlacementTypes, SizeTypes as SizeTypes1, StatusTypes as StatusTypes1, TagTypes, TrigglerTypes as TrigglerTypes1 } from "./models/bcm-types";
 import { ItemType } from "./components/molecules/breadcrumb/types";
 import { VariantProp } from "./components/atoms/button/types";
 import { Type } from "./components/organism/datetime-picker/types";
@@ -721,7 +721,7 @@ export namespace Components {
         "hide": () => Promise<void>;
         "isShow": boolean;
         "show": () => Promise<void>;
-        "size": FullSizeTypes1;
+        "size": any;
         "width": string;
     }
     interface BcmNotification {
@@ -2757,7 +2757,7 @@ declare namespace LocalJSX {
         "onBcm-close"?: (event: BcmModalCustomEvent<any>) => void;
         "onBeforeClose"?: (event: BcmModalCustomEvent<any>) => void;
         "onBeforeOpen"?: (event: BcmModalCustomEvent<any>) => void;
-        "size"?: FullSizeTypes1;
+        "size"?: any;
         "width"?: string;
     }
     interface BcmNotification {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "bromcom-ui",
-    "version": "2.7.37-rc.2",
+    "version": "2.7.37-rc.3",
     "description": "Stencil Component Starter",
     "main": "dist/index.cjs.js",
     "module": "dist/index.js",
@@ -19,10 +19,11 @@
         "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 build:tailwind build:stencil",
+        "build": "run-s clean:dist build:tailwind build:stencil build:aliases",
         "clean:dist": "rm -rf dist",
         "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",
@@ -30,6 +31,7 @@
     },
     "license": "MIT",
     "devDependencies": {
+        "@floating-ui/dom": "^1.0.1",
         "@stencil/core": "^2.17.1",
         "@stencil/sass": "^1.3.2",
         "@stencil/store": "^1.5.0",
@@ -40,7 +42,7 @@
         "slugify": "^1.6.5",
         "snq": "^1.0.3",
         "tailwindcss": "^3.1.8",
-        "@floating-ui/dom": "^1.0.1"
+        "tsc-alias": "^1.7.0"
     },
     "__comment__": [
         {

package/dist/bromcom-ui/p-444235f5.js

@@ -1,5 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import{g as t}from"./p-10caf4ce.js";import{s as n}from"./p-2cca68b4.js";function s(s,o=!1){return(c,i)=>{const{connectedCallback:r,componentWillRender:e}=c;c.connectedCallback=function(){const o=t(this);if(o[i]){const t=n((()=>o.hasAttribute(s)?o.getAttribute(s).valueOf():o[s].valueOf()),null);t&&(this[i]=n((()=>"string"==typeof t?JSON.parse(t):t),[]),o.removeAttribute(s))}return r&&r.call(this)},c.componentWillRender=async function(){if(o){const c=t(this);if(o){const t=n((()=>c.hasAttribute(s)?c.getAttribute(s).valueOf():c[s].valueOf()),null);t&&t.length>0&&"string"==typeof t&&(this[s]=n((()=>JSON.parse(t)),[])),c.removeAttribute(s)}return e&&e.call(this)}}}}export{s as J}

package/dist/bromcom-ui/p-4f99361a.js

@@ -1,5 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import{s}from"./p-2cca68b4.js";class a{}a.isNumber=a=>s((()=>/^[0-9]+$/i.test(a))),a.convertToNumber=a=>s((()=>Number(a))),a.replaceNumber=a=>s((()=>a.replace(/[^0-9]/g,""))),a.replaceFloat=a=>s((()=>a.replace(/[^0-9.]/g,""))),a.toFixed=(a,r)=>s((()=>a.toFixed(r))),a.parseFloatFixed=(r,e)=>s((()=>parseFloat(a.replaceFloat(r)).toFixed(e))),a.getDecimalLength=a=>s((()=>a.split(".")[1]?a.split(".")[1].length:0)),a.toNumber=a=>s((()=>Number(a.replace(/[^0-9.]/g,""))));export{a as N}

package/dist/bromcom-ui/p-705d248e.entry.js

@@ -1,5 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import{h as o,r as e,c,H as r,g as n}from"./p-10caf4ce.js";import{s as t,G as l}from"./p-2cca68b4.js";import{B as i}from"./p-c9bd85e9.js";import{c as s}from"./p-d5b08a77.js";import{c as a}from"./p-f9cb7ae4.js";import{S as d}from"./p-4be4c5bf.js";import{C as b}from"./p-a3ffcb0d.js";import{I as m}from"./p-cd0490e2.js";import{S as f}from"./p-04c8b756.js";import{d as w,g as u}from"./p-8c018ae0.js";import"./p-6f56f8ca.js";import"./p-436364c8.js";const h={save:{text:"Save",color:"emerald",icon:"far fa-save",iconPosition:"prefix"},ok:{text:"Ok",color:"emerald",icon:"far fa-check",iconPosition:"prefix"},new:{text:"New",color:"emerald",icon:"far fa-plus",iconPosition:"prefix"},add:{text:"Add",color:"emerald",icon:"far fa-plus",iconPosition:"prefix"},create:{text:"Create",color:"emerald",icon:"far fa-plus",iconPosition:"prefix"},prev:{text:"Prev",color:"",icon:"far fa-arrow-left",iconPosition:"prefix"},next:{text:"Next",color:"",icon:"far fa-arrow-right",iconPosition:"suffix"},apply:{text:"Apply",color:"",icon:"far fa-check-circle",iconPosition:"prefix"},submit:{text:"Submit",color:"",icon:"far fa-save",iconPosition:"prefix"},send:{text:"Send",color:"emerald",icon:"far fa-paper-plane",iconPosition:"prefix"},delete:{text:"Delete",color:"red",icon:"far fa-trash",iconPosition:"prefix"},cancel:{text:"Cancel",color:"red",icon:"far fa-times",iconPosition:"prefix"},decline:{text:"Decline",color:"red",icon:"far fa-ban",iconPosition:"prefix"},close:{text:"Close",color:"red",icon:"far fa-times-circle",iconPosition:"prefix"},archive:{text:"Archive",color:"red",icon:"far fa-folder-open",iconPosition:"prefix"},remove:{text:"Remove",color:"red",icon:"far fa-minus-circle",iconPosition:"prefix"},edit:{text:"Edit",color:"",icon:"far fa-edit",iconPosition:"prefix"},export:{text:"Export",color:"",icon:"far fa-sign-out",iconPosition:"prefix"},import:{text:"Import",color:"",icon:"far fa-sign-in",iconPosition:"prefix"},filter:{text:"Filter",color:"",icon:"far fa-filter",iconPosition:"prefix"},update:{text:"Update",color:"",icon:"far fa-sync",iconPosition:"prefix"},reset:{text:"Reset",color:"",icon:"far fa-sync",iconPosition:"prefix"},download:{text:"Download",color:"",icon:"far fa-download",iconPosition:"prefix"}};var p;!function(o){o.save="save",o.submit="submit",o.ok="ok",o.new="new",o.add="add",o.create="create",o.apply="apply",o.prev="prev",o.next="next",o.send="send",o.delete="delete",o.cancel="cancel",o.decline="decline",o.close="close",o.archive="archive",o.remove="remove",o.edit="edit",o.export="export",o.import="import",o.filter="filter",o.update="update",o.reset="Reset",o.download="download"}(p||(p={}));const{state:g}=a({value:new Map,setData:{},removeData:{}}),x=({value:e,type:c,componentClass:r,disabled:n,href:t,target:l,loading:s,isIconOnly:a,icon:b,iconPosition:m,id:f})=>o(t&&!n?i.HtmlElementType.a:i.HtmlElementType.button,Object.assign({id:f},c==i.HtmlElementType.button&&{type:c},{class:r,disabled:n,href:t,target:l,tabindex:"1"}),o("span",{hidden:!0},o("slot",null)),s&&o("span",{class:"bcm-button__container-loading"}," ",o("span",{class:"bcm-button__container-icon"},o("i",{class:"far fa-spinner-third fa-spin"})," ")),b&&o("span",{class:`${m} bcm-button__container-icon`},o("i",{class:`${b}`})),!a&&o(d,{className:"bcm-button__container-text",value:e}),o("slot",{name:"suffix"}));const v=class{constructor(o){e(this,o),this.bcmClick=c(this,"bcm-click",7),this._id=l.UID(),this.hidden=!1,this.type=i.ButtonType.button,this.size=i.Size.medium,this.disabled=!1,this.kind=i.Kind.solid,this.outline=!1,this.loading=!1,this.dataDismiss=!1,this.fullWidth=!1,this.iconPosition=i.IconPosition.prefix,this.checked=!1}handleOnClick(o){this.disabled&&(o.preventDefault(),o.stopPropagation())}componentWillRender(){const{size:o,kind:e,icon:c,iconPosition:r,disabled:n,outline:t,href:l,type:s,target:a,loading:d,variant:b,fullWidth:m,hidden:f,value:w}=this;(o=>{const e=Object.assign(Object.assign({},o),h[o.variant]&&{icon:h[o.variant].icon,value:h[o.variant].text,iconPosition:i.IconPosition[h[o.variant].iconPosition],variantColor:h[o.variant].color});g.value.set(e.id,e)})({id:this._id,size:o,type:s,kind:e,icon:c,iconPosition:r,disabled:n,outline:t,href:l,target:a,loading:d,variant:b,fullWidth:m,hidden:f,value:w,isIconOnly:!(!this.isHaveChildNodes()||!this.icon)})}getStateData(){return o=this._id,t((()=>g.value.get(o)),{});var o}isHaveChildNodes(){return void 0===Array.from(this.el.childNodes).find((o=>o.nodeType===Node.TEXT_NODE))}setColor(o=this.color){if(!o)return;const{kind:e}=this,c=`--bcm-button-${e}`;return"solid"===e?{[`${c}-color-default`]:b.dsColor("white"),[`${c}-color-hover`]:b.dsColor("white"),[`${c}-color-focus-visible`]:b.dsColor("white"),[`${c}-color-active`]:b.dsColor("white"),[`${c}-color-disabled`]:b.dsColor("white"),[`${c}-background-color-default`]:b.dsColor(o+"-500"),[`${c}-background-color-hover`]:b.dsColor(o+"-600"),[`${c}-background-color-focus-visible`]:b.dsColor(o+"-700"),[`${c}-background-color-active`]:b.dsColor(o+"-800"),[`${c}-background-color-disabled`]:b.dsColor("slate-400"),[`${c}-border-default`]:b.dsColor(o+"-500"),[`${c}-border-hover`]:b.dsColor(o+"-600"),[`${c}-border-focus-visible`]:b.dsColor(o+"-700"),[`${c}-border-active`]:b.dsColor(o+"-800"),[`${c}-border-disabled`]:b.dsColor("slate-400")}:"link"==e?{[`${c}-color-default`]:b.dsColor(o+"-500"),[`${c}-color-hover`]:b.dsColor(o+"-600"),[`${c}-color-focus-visible`]:b.dsColor(o+"-800"),[`${c}-color-active`]:b.dsColor(o+"-700"),[`${c}-color-disabled`]:b.dsColor("slate-400"),[`${c}-background-color-default`]:b.dsColor("transparent"),[`${c}-background-color-hover`]:b.dsColor("transparent"),[`${c}-background-color-focus-visible`]:b.dsColor("slate-50"),[`${c}-background-color-active`]:b.dsColor("slate-50"),[`${c}-background-color-disabled`]:b.dsColor("transparent"),[`${c}-border-default`]:b.dsColor("transparent"),[`${c}-border-hover`]:b.dsColor("transparent"),[`${c}-border-focus-visible`]:b.dsColor("slate-50"),[`${c}-border-active`]:b.dsColor("slate-50"),[`${c}-border-disabled`]:b.dsColor("transparent")}:"ghost"==e?{[`${c}-color-default`]:b.dsColor(o+"-600"),[`${c}-color-hover`]:b.dsColor(o+"-600"),[`${c}-color-focus-visible`]:b.dsColor(o+"-600"),[`${c}-color-active`]:b.dsColor(o+"-600"),[`${c}-color-disabled`]:b.dsColor(o+"-300"),[`${c}-background-color-default`]:b.dsColor(o+"-100"),[`${c}-background-color-hover`]:b.dsColor(o+"-200"),[`${c}-background-color-focus-visible`]:b.dsColor(o+"-400"),[`${c}-background-color-active`]:b.dsColor(o+"-300"),[`${c}-background-color-disabled`]:b.dsColor(o+"-50"),[`${c}-border-default`]:b.dsColor(o+"-300"),[`${c}-border-hover`]:b.dsColor(o+"-400"),[`${c}-border-focus-visible`]:b.dsColor(o+"-600"),[`${c}-border-active`]:b.dsColor(o+"-500"),[`${c}-border-disabled`]:b.dsColor(o+"-200")}:void 0}render(){const{size:e,kind:c,disabled:n,outline:t,type:l,href:i,target:a,loading:d,variantColor:b,fullWidth:m,hidden:f,icon:w,iconPosition:u,value:h,isIconOnly:p,iconSize:g}=this.getStateData();let v=s("bcm-button__container",`bcm-button__container-size-${e}`,`bcm-button__container-kind-${t?"ghost":c}`,{"full-width":m,checked:this.checked});const k=s("bcm-button",{hidden:f,"full-width":m});return o(r,{class:k,tabindex:"-1",style:this.setColor(b),onClick:()=>!n&&this.bcmClick.emit(this.el)},o(x,{type:l,value:h,componentClass:v,disabled:n,href:i,target:a,icon:w,loading:d,iconSize:g,isIconOnly:p,iconPosition:u}))}get el(){return n(this)}};(function(o,e,c,r){var n,t=arguments.length,l=t<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,c):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(o,e,c,r);else for(var i=o.length-1;i>=0;i--)(n=o[i])&&(l=(t<3?n(l):t>3?n(e,c,l):n(e,c))||l);t>3&&l&&Object.defineProperty(e,c,l)})([m()],v.prototype,"el",void 0),v.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}:root{--bcm-new-ds-color-inherit:inherit;--bcm-new-ds-color-current:currentColor;--bcm-new-ds-color-transparent:transparent;--bcm-new-ds-color-black:#000;--bcm-new-ds-color-white:#fff;--bcm-new-ds-color-slate:#64748b;--bcm-new-ds-color-slate-50:#f8fafc;--bcm-new-ds-color-slate-100:#f1f5f9;--bcm-new-ds-color-slate-200:#e2e8f0;--bcm-new-ds-color-slate-300:#cbd5e1;--bcm-new-ds-color-slate-400:#94a3b8;--bcm-new-ds-color-slate-500:#64748b;--bcm-new-ds-color-slate-600:#475569;--bcm-new-ds-color-slate-700:#334155;--bcm-new-ds-color-slate-800:#1e293b;--bcm-new-ds-color-slate-900:#0f172a;--bcm-new-ds-color-gray:#6b7280;--bcm-new-ds-color-gray-50:#f9fafb;--bcm-new-ds-color-gray-100:#f3f4f6;--bcm-new-ds-color-gray-200:#e5e7eb;--bcm-new-ds-color-gray-300:#d1d5db;--bcm-new-ds-color-gray-400:#9ca3af;--bcm-new-ds-color-gray-500:#6b7280;--bcm-new-ds-color-gray-600:#4b5563;--bcm-new-ds-color-gray-700:#374151;--bcm-new-ds-color-gray-800:#1f2937;--bcm-new-ds-color-gray-900:#111827;--bcm-new-ds-color-zinc:#71717a;--bcm-new-ds-color-zinc-50:#fafafa;--bcm-new-ds-color-zinc-100:#f4f4f5;--bcm-new-ds-color-zinc-200:#e4e4e7;--bcm-new-ds-color-zinc-300:#d4d4d8;--bcm-new-ds-color-zinc-400:#a1a1aa;--bcm-new-ds-color-zinc-500:#71717a;--bcm-new-ds-color-zinc-600:#52525b;--bcm-new-ds-color-zinc-700:#3f3f46;--bcm-new-ds-color-zinc-800:#27272a;--bcm-new-ds-color-zinc-900:#18181b;--bcm-new-ds-color-neutral:#737373;--bcm-new-ds-color-neutral-50:#fafafa;--bcm-new-ds-color-neutral-100:#f5f5f5;--bcm-new-ds-color-neutral-200:#e5e5e5;--bcm-new-ds-color-neutral-300:#d4d4d4;--bcm-new-ds-color-neutral-400:#a3a3a3;--bcm-new-ds-color-neutral-500:#737373;--bcm-new-ds-color-neutral-600:#525252;--bcm-new-ds-color-neutral-700:#404040;--bcm-new-ds-color-neutral-800:#262626;--bcm-new-ds-color-neutral-900:#171717;--bcm-new-ds-color-stone:#78716c;--bcm-new-ds-color-stone-50:#fafaf9;--bcm-new-ds-color-stone-100:#f5f5f4;--bcm-new-ds-color-stone-200:#e7e5e4;--bcm-new-ds-color-stone-300:#d6d3d1;--bcm-new-ds-color-stone-400:#a8a29e;--bcm-new-ds-color-stone-500:#78716c;--bcm-new-ds-color-stone-600:#57534e;--bcm-new-ds-color-stone-700:#44403c;--bcm-new-ds-color-stone-800:#292524;--bcm-new-ds-color-stone-900:#1c1917;--bcm-new-ds-color-red:#ef4444;--bcm-new-ds-color-red-50:#fef2f2;--bcm-new-ds-color-red-100:#fee2e2;--bcm-new-ds-color-red-200:#fecaca;--bcm-new-ds-color-red-300:#fca5a5;--bcm-new-ds-color-red-400:#f87171;--bcm-new-ds-color-red-500:#ef4444;--bcm-new-ds-color-red-600:#dc2626;--bcm-new-ds-color-red-700:#b91c1c;--bcm-new-ds-color-red-800:#991b1b;--bcm-new-ds-color-red-900:#7f1d1d;--bcm-new-ds-color-orange:#f97316;--bcm-new-ds-color-orange-50:#fff7ed;--bcm-new-ds-color-orange-100:#ffedd5;--bcm-new-ds-color-orange-200:#fed7aa;--bcm-new-ds-color-orange-300:#fdba74;--bcm-new-ds-color-orange-400:#fb923c;--bcm-new-ds-color-orange-500:#f97316;--bcm-new-ds-color-orange-600:#ea580c;--bcm-new-ds-color-orange-700:#c2410c;--bcm-new-ds-color-orange-800:#9a3412;--bcm-new-ds-color-orange-900:#7c2d12;--bcm-new-ds-color-amber:#f59e0b;--bcm-new-ds-color-amber-50:#fffbeb;--bcm-new-ds-color-amber-100:#fef3c7;--bcm-new-ds-color-amber-200:#fde68a;--bcm-new-ds-color-amber-300:#fcd34d;--bcm-new-ds-color-amber-400:#fbbf24;--bcm-new-ds-color-amber-500:#f59e0b;--bcm-new-ds-color-amber-600:#d97706;--bcm-new-ds-color-amber-700:#b45309;--bcm-new-ds-color-amber-800:#92400e;--bcm-new-ds-color-amber-900:#78350f;--bcm-new-ds-color-yellow:#eab308;--bcm-new-ds-color-yellow-50:#fefce8;--bcm-new-ds-color-yellow-100:#fef9c3;--bcm-new-ds-color-yellow-200:#fef08a;--bcm-new-ds-color-yellow-300:#fde047;--bcm-new-ds-color-yellow-400:#facc15;--bcm-new-ds-color-yellow-500:#eab308;--bcm-new-ds-color-yellow-600:#ca8a04;--bcm-new-ds-color-yellow-700:#a16207;--bcm-new-ds-color-yellow-800:#854d0e;--bcm-new-ds-color-yellow-900:#713f12;--bcm-new-ds-color-lime:#84cc16;--bcm-new-ds-color-lime-50:#f7fee7;--bcm-new-ds-color-lime-100:#ecfccb;--bcm-new-ds-color-lime-200:#d9f99d;--bcm-new-ds-color-lime-300:#bef264;--bcm-new-ds-color-lime-400:#a3e635;--bcm-new-ds-color-lime-500:#84cc16;--bcm-new-ds-color-lime-600:#65a30d;--bcm-new-ds-color-lime-700:#4d7c0f;--bcm-new-ds-color-lime-800:#3f6212;--bcm-new-ds-color-lime-900:#365314;--bcm-new-ds-color-green:#22c55e;--bcm-new-ds-color-green-50:#f0fdf4;--bcm-new-ds-color-green-100:#dcfce7;--bcm-new-ds-color-green-200:#bbf7d0;--bcm-new-ds-color-green-300:#86efac;--bcm-new-ds-color-green-400:#4ade80;--bcm-new-ds-color-green-500:#22c55e;--bcm-new-ds-color-green-600:#16a34a;--bcm-new-ds-color-green-700:#15803d;--bcm-new-ds-color-green-800:#166534;--bcm-new-ds-color-green-900:#14532d;--bcm-new-ds-color-emerald:#10b981;--bcm-new-ds-color-emerald-50:#ecfdf5;--bcm-new-ds-color-emerald-100:#d1fae5;--bcm-new-ds-color-emerald-200:#a7f3d0;--bcm-new-ds-color-emerald-300:#6ee7b7;--bcm-new-ds-color-emerald-400:#34d399;--bcm-new-ds-color-emerald-500:#10b981;--bcm-new-ds-color-emerald-600:#059669;--bcm-new-ds-color-emerald-700:#047857;--bcm-new-ds-color-emerald-800:#065f46;--bcm-new-ds-color-emerald-900:#064e3b;--bcm-new-ds-color-teal:#14b8a6;--bcm-new-ds-color-teal-50:#f0fdfa;--bcm-new-ds-color-teal-100:#ccfbf1;--bcm-new-ds-color-teal-200:#99f6e4;--bcm-new-ds-color-teal-300:#5eead4;--bcm-new-ds-color-teal-400:#2dd4bf;--bcm-new-ds-color-teal-500:#14b8a6;--bcm-new-ds-color-teal-600:#0d9488;--bcm-new-ds-color-teal-700:#0f766e;--bcm-new-ds-color-teal-800:#115e59;--bcm-new-ds-color-teal-900:#134e4a;--bcm-new-ds-color-cyan:#06b6d4;--bcm-new-ds-color-cyan-50:#ecfeff;--bcm-new-ds-color-cyan-100:#cffafe;--bcm-new-ds-color-cyan-200:#a5f3fc;--bcm-new-ds-color-cyan-300:#67e8f9;--bcm-new-ds-color-cyan-400:#22d3ee;--bcm-new-ds-color-cyan-500:#06b6d4;--bcm-new-ds-color-cyan-600:#0891b2;--bcm-new-ds-color-cyan-700:#0e7490;--bcm-new-ds-color-cyan-800:#155e75;--bcm-new-ds-color-cyan-900:#164e63;--bcm-new-ds-color-sky:#0ea5e9;--bcm-new-ds-color-sky-50:#f0f9ff;--bcm-new-ds-color-sky-100:#e0f2fe;--bcm-new-ds-color-sky-200:#bae6fd;--bcm-new-ds-color-sky-300:#7dd3fc;--bcm-new-ds-color-sky-400:#38bdf8;--bcm-new-ds-color-sky-500:#0ea5e9;--bcm-new-ds-color-sky-600:#0284c7;--bcm-new-ds-color-sky-700:#0369a1;--bcm-new-ds-color-sky-800:#075985;--bcm-new-ds-color-sky-900:#0c4a6e;--bcm-new-ds-color-blue:#3b82f6;--bcm-new-ds-color-blue-50:#eff6ff;--bcm-new-ds-color-blue-100:#dbeafe;--bcm-new-ds-color-blue-200:#bfdbfe;--bcm-new-ds-color-blue-300:#93c5fd;--bcm-new-ds-color-blue-400:#60a5fa;--bcm-new-ds-color-blue-500:#3b82f6;--bcm-new-ds-color-blue-600:#2563eb;--bcm-new-ds-color-blue-700:#1d4ed8;--bcm-new-ds-color-blue-800:#1e40af;--bcm-new-ds-color-blue-900:#1e3a8a;--bcm-new-ds-color-indigo:#6366f1;--bcm-new-ds-color-indigo-50:#eef2ff;--bcm-new-ds-color-indigo-100:#e0e7ff;--bcm-new-ds-color-indigo-200:#c7d2fe;--bcm-new-ds-color-indigo-300:#a5b4fc;--bcm-new-ds-color-indigo-400:#818cf8;--bcm-new-ds-color-indigo-500:#6366f1;--bcm-new-ds-color-indigo-600:#4f46e5;--bcm-new-ds-color-indigo-700:#4338ca;--bcm-new-ds-color-indigo-800:#3730a3;--bcm-new-ds-color-indigo-900:#312e81;--bcm-new-ds-color-violet:#8b5cf6;--bcm-new-ds-color-violet-50:#f5f3ff;--bcm-new-ds-color-violet-100:#ede9fe;--bcm-new-ds-color-violet-200:#ddd6fe;--bcm-new-ds-color-violet-300:#c4b5fd;--bcm-new-ds-color-violet-400:#a78bfa;--bcm-new-ds-color-violet-500:#8b5cf6;--bcm-new-ds-color-violet-600:#7c3aed;--bcm-new-ds-color-violet-700:#6d28d9;--bcm-new-ds-color-violet-800:#5b21b6;--bcm-new-ds-color-violet-900:#4c1d95;--bcm-new-ds-color-purple:#a855f7;--bcm-new-ds-color-purple-50:#faf5ff;--bcm-new-ds-color-purple-100:#f3e8ff;--bcm-new-ds-color-purple-200:#e9d5ff;--bcm-new-ds-color-purple-300:#d8b4fe;--bcm-new-ds-color-purple-400:#c084fc;--bcm-new-ds-color-purple-500:#a855f7;--bcm-new-ds-color-purple-600:#9333ea;--bcm-new-ds-color-purple-700:#7e22ce;--bcm-new-ds-color-purple-800:#6b21a8;--bcm-new-ds-color-purple-900:#581c87;--bcm-new-ds-color-fuchsia:#d946ef;--bcm-new-ds-color-fuchsia-50:#fdf4ff;--bcm-new-ds-color-fuchsia-100:#fae8ff;--bcm-new-ds-color-fuchsia-200:#f5d0fe;--bcm-new-ds-color-fuchsia-300:#f0abfc;--bcm-new-ds-color-fuchsia-400:#e879f9;--bcm-new-ds-color-fuchsia-500:#d946ef;--bcm-new-ds-color-fuchsia-600:#c026d3;--bcm-new-ds-color-fuchsia-700:#a21caf;--bcm-new-ds-color-fuchsia-800:#86198f;--bcm-new-ds-color-fuchsia-900:#701a75;--bcm-new-ds-color-pink:#ec4899;--bcm-new-ds-color-pink-50:#fdf2f8;--bcm-new-ds-color-pink-100:#fce7f3;--bcm-new-ds-color-pink-200:#fbcfe8;--bcm-new-ds-color-pink-300:#f9a8d4;--bcm-new-ds-color-pink-400:#f472b6;--bcm-new-ds-color-pink-500:#ec4899;--bcm-new-ds-color-pink-600:#db2777;--bcm-new-ds-color-pink-700:#be185d;--bcm-new-ds-color-pink-800:#9d174d;--bcm-new-ds-color-pink-900:#831843;--bcm-new-ds-color-rose:#f43f5e;--bcm-new-ds-color-rose-50:#fff1f2;--bcm-new-ds-color-rose-100:#ffe4e6;--bcm-new-ds-color-rose-200:#fecdd3;--bcm-new-ds-color-rose-300:#fda4af;--bcm-new-ds-color-rose-400:#fb7185;--bcm-new-ds-color-rose-500:#f43f5e;--bcm-new-ds-color-rose-600:#e11d48;--bcm-new-ds-color-rose-700:#be123c;--bcm-new-ds-color-rose-800:#9f1239;--bcm-new-ds-color-rose-900:#881337}*{box-sizing:border-box}.bcm-button{display:inline-flex;width:fit-content;height:fit-content;--bcm-button-solid-color-default:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-default:var(--bcm-new-ds-color-blue-500);--bcm-button-solid-border-default:var(--bcm-new-ds-color-blue-500);--bcm-button-solid-color-hover:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-hover:var(--bcm-new-ds-color-blue-600);--bcm-button-solid-border-hover:var(--bcm-new-ds-color-blue-600);--bcm-button-solid-color-focus-visible:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-focus-visible:var(--bcm-new-ds-color-blue-800);--bcm-button-solid-border-focus-visible:var(--bcm-new-ds-color-blue-800);--bcm-button-solid-color-active:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-active:var(--bcm-new-ds-color-blue-700);--bcm-button-solid-border-active:var(--bcm-new-ds-color-blue-700);--bcm-button-solid-color-disabled:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-disabled:var(--bcm-new-ds-color-slate-400);--bcm-button-solid-border-disabled:var(--bcm-new-ds-color-slate-400);--bcm-button-ghost-color-default:var(--bcm-new-ds-color-slate-600);--bcm-button-ghost-background-color-default:var(--bcm-new-ds-color-slate-100);--bcm-button-ghost-border-default:var(--bcm-new-ds-color-slate-300);--bcm-button-ghost-color-hover:var(--bcm-new-ds-color-slate-600);--bcm-button-ghost-background-color-hover:var(--bcm-new-ds-color-slate-200);--bcm-button-ghost-border-hover:var(--bcm-new-ds-color-slate-400);--bcm-button-ghost-color-focus-visible:var(--bcm-new-ds-color-slate-600);--bcm-button-ghost-background-color-focus-visible:var(--bcm-new-ds-color-slate-400);--bcm-button-ghost-border-focus-visible:var(--bcm-new-ds-color-slate-600);--bcm-button-ghost-color-active:var(--bcm-new-ds-color-slate-600);--bcm-button-ghost-background-color-active:var(--bcm-new-ds-color-slate-300);--bcm-button-ghost-border-active:var(--bcm-new-ds-color-slate-500);--bcm-button-ghost-color-disabled:var(--bcm-new-ds-color-slate-300);--bcm-button-ghost-background-color-disabled:var(--bcm-new-ds-color-slate-50);--bcm-button-ghost-border-disabled:var(--bcm-new-ds-color-slate-200);--bcm-button-link-color-default:var(--bcm-new-ds-color-blue-500);--bcm-button-link-background-color-default:var(--bcm-new-ds-color-transparent);--bcm-button-link-border-default:var(--bcm-new-ds-color-transparent);--bcm-button-link-color-hover:var(--bcm-new-ds-color-blue-600);--bcm-button-link-background-color-hover:var(--bcm-new-ds-color-transparent);--bcm-button-link-border-hover:var(--bcm-new-ds-color-transparent);--bcm-button-link-color-focus-visible:var(--bcm-new-ds-color-blue-800);--bcm-button-link-background-color-focus-visible:var(--bcm-new-ds-color-slate-50);--bcm-button-link-border-focus-visible:var(--bcm-new-ds-color-slate-50);--bcm-button-link-color-active:var(--bcm-new-ds-color-blue-700);--bcm-button-link-background-color-active:var(--bcm-new-ds-color-slate-50);--bcm-button-link-border-active:var(--bcm-new-ds-color-slate-50);--bcm-button-link-color-disabled:var(--bcm-new-ds-color-slate-400);--bcm-button-link-background-color-disabled:var(--bcm-new-ds-color-transparent);--bcm-button-link-border-disabled:var(--bcm-new-ds-color-transparent)}.bcm-button.full-width{width:100%}.bcm-button.full-width .bcm-button__container{width:100%}.bcm-button:after,.bcm-button:before{content:"";clear:both}.bcm-button__container{border:none;color:inherit;background-color:inherit;padding:0;margin:0;font:inherit;cursor:pointer;outline:none;text-decoration:none;font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:4px 12px;outline:none;border-radius:4px;transition:background-color 0.1s ease-in-out;position:relative;min-width:40px;border-width:1px;border-style:solid;border-color:initial}.bcm-button__container:hover,.bcm-button__container:focus,.bcm-button__container:active{outline:none;text-decoration:none}.bcm-button__container-loading{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:4px;display:flex;align-items:center;justify-content:center}.bcm-button__container-kind-solid{color:var(--bcm-button-solid-color-default);background-color:var(--bcm-button-solid-background-color-default);border-color:var(--bcm-button-solid-border-default)}.bcm-button__container-kind-solid:hover{color:var(--bcm-button-solid-color-hover);background-color:var(--bcm-button-solid-background-color-hover);border-color:var(--bcm-button-solid-border-hover)}.bcm-button__container-kind-solid:focus-visible{color:var(--bcm-button-solid-color-focus-visible);background-color:var(--bcm-button-solid-background-color-focus-visible);border-color:var(--bcm-button-solid-border-focus-visible)}.bcm-button__container-kind-solid:active{color:var(--bcm-button-solid-color-active);background-color:var(--bcm-button-solid-background-color-active);border-color:var(--bcm-button-solid-border-active)}.bcm-button__container-kind-solid:disabled{color:var(--bcm-button-solid-color-disabled);background-color:var(--bcm-button-solid-background-color-disabled);border-color:var(--bcm-button-solid-border-disabled)}.bcm-button__container-kind-solid.checked{color:var(--bcm-button-solid-color-active);background-color:var(--bcm-button-solid-background-color-active);border-color:var(--bcm-button-solid-border-active)}.bcm-button__container-kind-solid .bcm-button__container-loading{color:var(--bcm-button-solid-color-default);background-color:var(--bcm-button-solid-background-color-default);border-color:var(--bcm-button-solid-border-default)}.bcm-button__container-kind-ghost{color:var(--bcm-button-ghost-color-default);background-color:var(--bcm-button-ghost-background-color-default);border-color:var(--bcm-button-ghost-border-default)}.bcm-button__container-kind-ghost:not([disabled]) .bcm-icon{color:var(--bcm-new-ds-color-slate-500)}.bcm-button__container-kind-ghost:hover{color:var(--bcm-button-ghost-color-hover);background-color:var(--bcm-button-ghost-background-color-hover);border-color:var(--bcm-button-ghost-border-hover)}.bcm-button__container-kind-ghost:focus-visible{color:var(--bcm-button-ghost-color-focus-visible);background-color:var(--bcm-button-ghost-background-color-focus-visible);border-color:var(--bcm-button-ghost-border-focus-visible)}.bcm-button__container-kind-ghost:active{color:var(--bcm-button-ghost-color-active);background-color:var(--bcm-button-ghost-background-color-active);border-color:var(--bcm-button-ghost-border-active)}.bcm-button__container-kind-ghost:disabled{color:var(--bcm-button-ghost-color-disabled);background-color:var(--bcm-button-ghost-background-color-disabled);border-color:var(--bcm-button-ghost-border-disabled)}.bcm-button__container-kind-ghost.checked{color:var(--bcm-button-ghost-color-active);background-color:var(--bcm-button-ghost-background-color-active);border-color:var(--bcm-button-ghost-border-active)}.bcm-button__container-kind-ghost .bcm-button__container-loading{color:var(--bcm-button-ghost-color-default);background-color:var(--bcm-button-ghost-background-color-default);border-color:var(--bcm-button-ghost-border-default)}.bcm-button__container-kind-link{color:var(--bcm-button-link-color-default);background-color:var(--bcm-button-link-background-color-default);border-color:var(--bcm-button-link-border-default)}.bcm-button__container-kind-link:hover{color:var(--bcm-button-link-color-hover);background-color:var(--bcm-button-link-background-color-hover);border-color:var(--bcm-button-link-border-hover)}.bcm-button__container-kind-link:focus-visible{color:var(--bcm-button-link-color-focus-visible);background-color:var(--bcm-button-link-background-color-focus-visible);border-color:var(--bcm-button-link-border-focus-visible)}.bcm-button__container-kind-link:active{color:var(--bcm-button-link-color-active);background-color:var(--bcm-button-link-background-color-active);border-color:var(--bcm-button-link-border-active)}.bcm-button__container-kind-link:disabled{color:var(--bcm-button-link-color-disabled);background-color:var(--bcm-button-link-background-color-disabled);border-color:var(--bcm-button-link-border-disabled)}.bcm-button__container-kind-link.checked{color:var(--bcm-button-link-color-active);background-color:var(--bcm-button-link-background-color-active);border-color:var(--bcm-button-link-border-active)}.bcm-button__container-kind-link .bcm-button__container-loading{color:var(--bcm-button-link-color-default);background-color:var(--bcm-button-link-background-color-default);border-color:var(--bcm-button-link-border-default)}.bcm-button__container[disabled]{cursor:not-allowed}.bcm-button__container-text{order:3;display:flex;align-items:center;gap:8px;white-space:nowrap}.bcm-button__container-icon{min-height:calc(12px + 8px)}.bcm-button__container-icon.prefix{order:2}.bcm-button__container-icon.suffix{order:4}.bcm-button__container-size-small{font-size:12px;line-height:calc(12px + 8px);padding:calc(4px - 3px) 12px;min-height:calc(calc(12px + 8px) + calc(calc(4px - 2px)) * 2)}.bcm-button__container-size-small .bcm-button__container-icon{min-height:calc(12px + 8px)}.bcm-button__container-size-medium{font-size:calc(12px + 1px);line-height:calc(12px + 8px);padding:calc(4px + 1px) 12px;min-height:calc(calc(12px + 8px) + calc(calc(4px + 2px)) * 2)}.bcm-button__container-size-medium .bcm-button__container-icon{min-height:calc(12px + 8px)}.bcm-button__container-size-large{font-size:16px;line-height:calc(16px + 8px);padding:calc(8px - 1px) 12px;min-height:calc(calc(16px + 8px) + (calc(8px) * 2))}.bcm-button__container-size-large .bcm-button__container-icon{min-height:calc(16px + 8px)}';const k=new class{constructor(){}response(o,e){return Object.assign(Object.assign({valid:o},e&&{message:e}),!o&&{type:"error"})}required(o,e){let c=this.response(!0);return""!=o&&""!=o&&null!=o&&null!=o&&!1!==o||(c=this.response(!1,"This field is required.")),e&&(e.valid||(c=this.response(!1,e.errorText)),o instanceof Object&&o.isValid&&0==o.isValid&&(c=this.response(!1,"This field is required."))),c}selfValidation(o){let e=this.response(!0);return null==o.captionError&&"error"!=o.captionType||(e=this.response(!1,o.captionError)),e}};const z=class{constructor(o){e(this,o),this.bcmForm=c(this,"bcm-form",7),this.formData={},this.inputs=[],this.duplicateInput=[],this.isValid=!0,this.returnCaption=[],this.Bromcom={errors:{targetFormNotExist:"target form is not exist --\x3e "},inputComponents:{INPUT:"input",TEXTAREA:"textarea",SWITCH:"switch",CHECKBOX:"checkbox",RADIO_GROUP:"radio-group",CHECKBOX_GROUP:"checkbox-group",RANGE:"range",FORM:"form",FORM_GROUP:"form-group",LIST:"list",COLORPICKER:"colorpicker",DATE_PICKER:"date-picker",TIME_PICKER:"time-picker",DATETIME_PICKER:"datetime-picker",SELECT:"select",LISTBOX:"listbox"},helpers:{randomId:function(){return Math.random().toString(16).slice(2,-1)}}},this._id=(4*Math.random()).toString(16).replace(".",""),this.hidden=!1,this.validation=!1,this.name="",this.autocomplete=!1}handleSubmit(){}async submitFunction(){this.formData={},this.inputs=[],this.selector=this.el,await this.getInputs(),await w(10);const o=await this.userFormData();var e={isValid:!0,formData:o};return this.name&&(e=Object.assign(Object.assign({},e),{formName:this.name})),this.isValid?(this.bcmForm.emit(e),e):(this.returnCaption={isValid:!1,message:"Please fill in all inputs",errorDetails:this.returnCaption,formData:o},this.name&&(this.returnCaption=Object.assign(Object.assign({},this.returnCaption),{formName:this.name})),this.bcmForm.emit(this.returnCaption),this.returnCaption)}async submit(){return Promise.resolve(this.submitFunction())}async set(o){var e;const c=this.validation;if(this.validation=!1,this.selector=this.el,await this.getInputs(),o&&(null===(e=this.inputs)||void 0===e?void 0:e.length)>0)for(const e of Object.keys(o)){const c=this.inputs.find((o=>o.name===e));if(c)try{await c.set(o[e])}catch(o){console.log(c.nodeName,"set",o)}}this.validation=c}async get(){var o;let e={};this.selector=this.el;const c=this.inputs;return await this.getInputs(),(null===(o=this.inputs)||void 0===o?void 0:o.length)>0&&this.inputs.forEach((async o=>{try{const c=await o.get();e=Object.assign(Object.assign({},e),{[o.name]:c})}catch(e){console.log(`${o.nodeName} get error`)}})),this.inputs=c,await w(10),Promise.resolve(e)}async setClear(){this.formData={},this.inputs=[],this.selector=this.el;let o=[];return await this.getInputs(),this.inputs.forEach((async e=>{try{o.push(await e.setClear())}catch(o){console.log(o)}})),await Promise.all(o).then((()=>{this.formData={},this.inputs=[],this.duplicateInput=[],this.isValid=!0,this.returnCaption=[]})),await w(10),Promise.resolve(!0)}async resetCaption(){await w(10),this.formData={},this.inputs=[],this.selector=this.el,await this.getInputs();for(const o of this.inputs)try{await o.resetCaption()}catch(e){console.log(o.nodeName,"rc p")}return await w(10),Promise.resolve()}async config(o){return o.validation&&(this.validation="boolean"==typeof o.validation&&o.validation),!0}async getInputs(){var o=this.selector;if(!o)return void console.warn(this.Bromcom.errors.targetFormNotExist+this.selector);const e=Array.from(o.querySelectorAll("bcm-"+Object.values(this.Bromcom.inputComponents).join(",bcm-")));this.duplicateInput=[];const c=e.filter((o=>{var e;return!o["s-hn"]||"BcmForm"!==(null===(e=o["s-hn"])||void 0===e?void 0:e.nodeName)}));for(const o of c){if("bcm-checkbox-group"==f.lowercase(o.nodeName)){let e=o.querySelectorAll("bcm-checkbox");if(e)for(const o of e)this.duplicateInput.push(o.name)}if("bcm-form"==f.lowercase(o.nodeName)){const e=Array.from(o.querySelectorAll("bcm-"+Object.values(this.Bromcom.inputComponents).join(",bcm-")));let c={};for(const o of e){var r=o.name,n=o.value;c=Object.assign(Object.assign({},c),{[r]:n}),this.duplicateInput.push(o.name)}o.value=c;let t=o.querySelectorAll("bcm-checkbox");if(t)for(const o of t)this.duplicateInput.push(o.name)}}await w(10),this.inputs=c}getItemValue(o){return o.tagName.toLowerCase().replace("bcm-",""),o.value}isWrapperComponent(o){return["bcm-datetime-picker","bcm-date-picker","bcm-time-picker"].includes(o.toLowerCase())}isGroupComponent(o){return["bcm-checkbox-group"].includes(o.toLowerCase())}isListComponent(o){return["bcm-list"].includes(o.toLowerCase())}async userFormData(){this.formData={},this.isValid=!0,this.returnCaption=[];for(const e of this.inputs){const c=this.isGroupComponent(e.tagName),r=this.isWrapperComponent(e.tagName),n=r&&e,t=r?await e.getInput()&&e:e;if(this.validation){let o=null;if(r){const e=await n.isValid();o=k.required(t.value,e),o&&(t.value instanceof Object?0==t.value.isValid&&(o=k.required("",e)):o=k.required(t.value,e))}else if(c){const e=u(t,"bcm-checkbox:not(#bcm-indeterminate-element)");if(e&&e.length>0)for(const c of e)c&&!0===c.required&&(o=k.required(c.checked),o.valid?(c.noCaption=t.noCaption,c.captionError=null,c.captionType="default"):(c.noCaption=!1,c.captionError=o.message,c.captionType=o.type))}else o=k.required(t.value);if(t.required){o.valid?(t.captionError=null,t.captionType="default"):(t.captionError=o.message,t.captionType=o.type),await w(10);const e=k.selfValidation(t);o.valid&&(e.valid||(t.captionError=e.message,t.captionType=e.type))}let e=t.name,l=t.captionError;!t.hidden&&"error"==t.captionType&&(this.returnCaption=[...Array.from(this.returnCaption),{[e]:l}],this.isValid=!1)}if(t.name&&!this.duplicateInput.includes(t.name)){var o=this.getItemValue(t);o&&null!=o&&null!=o||(o=null),this.formData[t.name]=o}}return this.formData}async handleChange(o){const e=this.isWrapperComponent(o.target.tagName),c=this.isGroupComponent(o.target.tagName);let r;if(e)r=o.target.getInput&&await o.target.getInput()||o.target;else if(c){let e=!1;const c=u(o.target,"bcm-checkbox:not(#bcm-indeterminate-element)");c.length>0&&c.forEach((o=>{o&&!0===o.required&&(e=!0)})),r=Object.assign(Object.assign({},o.target),{required:e})}else r=o.target;const n=o.target.value,t=e&&o.target;var l;e&&(l=await t.isValid());const i=setTimeout((()=>{if(r.required){let t=null;if(e)t=k.required(n,l),t&&(n instanceof Object?0==n.isValid&&(t=k.required("",l)):t=k.required(n,l));else if(c){const e=u(o.target,"bcm-checkbox:not(#bcm-indeterminate-element)");e.length>0&&e.forEach((e=>{e&&!0===e.required&&(t=k.required(e.checked),t.valid?(e.noCaption=o.target.noCaption,e.captionError=null,e.captionType="default"):(e.noCaption=!1,e.captionError=t.message,e.captionType=t.type))}))}else t=k.required(n);t.valid?(r.captionError=null,r.captionType=null):(r.captionError=t.message,r.captionType=t.type)}clearTimeout(i)}));this.value=await this.userFormData()}render(){const e=s(this.hidden?"hidden":null);return o(r,{class:e,tabindex:"-1"},o("form",{class:"bcm-form",autocomplete:this.autocomplete?"on":"off",tabindex:"-1"},o("slot",null)))}get el(){return n(this)}};(function(o,e,c,r){var n,t=arguments.length,l=t<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,c):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(o,e,c,r);else for(var i=o.length-1;i>=0;i--)(n=o[i])&&(l=(t<3?n(l):t>3?n(e,c,l):n(e,c))||l);t>3&&l&&Object.defineProperty(e,c,l)})([m()],z.prototype,"el",void 0),z.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;margin-bottom:8px}:host(.hidden){display:none}';const y=class{constructor(o){e(this,o),this.hidden=!1}render(){const{icon:e,hidden:c}=this;return o(r,{class:"bcm-icon fa "+(c?"hidden":"")},o("i",{class:`${e}`}))}get el(){return n(this)}};(function(o,e,c,r){var n,t=arguments.length,l=t<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,c):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(o,e,c,r);else for(var i=o.length-1;i>=0;i--)(n=o[i])&&(l=(t<3?n(l):t>3?n(e,c,l):n(e,c))||l);t>3&&l&&Object.defineProperty(e,c,l)})([m()],y.prototype,"el",void 0),y.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-icon.hidden{display:none}';const _=class{constructor(o){e(this,o),this.beforeOpen=c(this,"beforeOpen",7),this.beforeClose=c(this,"beforeClose",7),this.close=c(this,"bcm-close",7),this.modalSlots={},this._id=l.UID(),this.isShow=!1,this.hidden=!1,this.size=i.Size.medium,this.backdrop=!0,this.fullWidth=!1}connectedCallback(){const o=this.el.querySelectorAll("bcm-modal-header, bcm-modal-footer");o&&o.forEach((o=>{let e=f.lowercase(f.split(o.nodeName,"-").pop());o.slot=e,o.classList.add(`bcm-modal__container-${e}-content`),this.modalSlots[e]=o}));const e=`bcm-modal--disable-scroll-${this._id}`,c=`bcm-modal-style-${this._id}`;let r=document.getElementById(c);r||(r=document.createElement("style"),r.id=c,r.innerHTML=`.${e} { overflow: hidden; }`,document.head.appendChild(r))}handleSubmit(o){const e=l.findEventPathWithNodeName(o,f.uppercase("bcm-button"));e&&e.dataDismiss&&this.hide()}handleBackdrop(){1==this.backdrop&&this.hide()}async hide(){this.beforeClose.emit(this.el),this.isShow=!1,this.close.emit(this)}async show(){this.beforeOpen.emit(this.el),this.isShow=!0}keyboardNavigation(o){1==this.backdrop&&(o.keyCode||0)==i.KeyCode.escape&&(o.preventDefault(),this.hide())}_openHandler(){const o=`bcm-modal--disable-scroll-${this._id}`;this.isShow?document.body.classList.add(o):document.body.classList.remove(o)}disconnectedCallback(){document.body.classList.remove(`bcm-modal--disable-scroll-${this._id}`)}render(){const{isShow:e,size:c,fullWidth:n,hidden:t,width:l,height:i}=this,a=s("bcm-modal__container",c,{"custom-size":l||i,"full-width":n,"bcm-modal__show":e}),b=s("bcm-modal",{hidden:t,"bcm-modal__show":e}),m=s("bcm-modal__container-main","size-2"),f=Object.assign(Object.assign({},l&&{width:l}),i&&{height:i});return o(r,{class:b},o("div",{class:"overlay",onClick:()=>this.handleBackdrop()}),o("div",{class:a,style:f},o((()=>this.modalSlots.header&&o("header",{class:"bcm-modal__container-header"},o(d,{name:"header",className:"full-width"}),o("div",{class:"bcm-modal__container-header-close",onClick:()=>this.hide()},o("bcm-icon",{icon:"far fa-times"})))),null),o("main",{class:m},o("article",null,o(d,null))),o((()=>this.modalSlots.footer&&o("footer",{class:"bcm-modal__container-footer"},o("slot",{name:"footer"}))),null)))}get el(){return n(this)}static get watchers(){return{isShow:["_openHandler"]}}};(function(o,e,c,r){var n,t=arguments.length,l=t<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,c):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(o,e,c,r);else for(var i=o.length-1;i>=0;i--)(n=o[i])&&(l=(t<3?n(l):t>3?n(e,c,l):n(e,c))||l);t>3&&l&&Object.defineProperty(e,c,l)})([m()],_.prototype,"el",void 0),_.style='@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}:root{--bcm-new-ds-color-inherit:inherit;--bcm-new-ds-color-current:currentColor;--bcm-new-ds-color-transparent:transparent;--bcm-new-ds-color-black:#000;--bcm-new-ds-color-white:#fff;--bcm-new-ds-color-slate:#64748b;--bcm-new-ds-color-slate-50:#f8fafc;--bcm-new-ds-color-slate-100:#f1f5f9;--bcm-new-ds-color-slate-200:#e2e8f0;--bcm-new-ds-color-slate-300:#cbd5e1;--bcm-new-ds-color-slate-400:#94a3b8;--bcm-new-ds-color-slate-500:#64748b;--bcm-new-ds-color-slate-600:#475569;--bcm-new-ds-color-slate-700:#334155;--bcm-new-ds-color-slate-800:#1e293b;--bcm-new-ds-color-slate-900:#0f172a;--bcm-new-ds-color-gray:#6b7280;--bcm-new-ds-color-gray-50:#f9fafb;--bcm-new-ds-color-gray-100:#f3f4f6;--bcm-new-ds-color-gray-200:#e5e7eb;--bcm-new-ds-color-gray-300:#d1d5db;--bcm-new-ds-color-gray-400:#9ca3af;--bcm-new-ds-color-gray-500:#6b7280;--bcm-new-ds-color-gray-600:#4b5563;--bcm-new-ds-color-gray-700:#374151;--bcm-new-ds-color-gray-800:#1f2937;--bcm-new-ds-color-gray-900:#111827;--bcm-new-ds-color-zinc:#71717a;--bcm-new-ds-color-zinc-50:#fafafa;--bcm-new-ds-color-zinc-100:#f4f4f5;--bcm-new-ds-color-zinc-200:#e4e4e7;--bcm-new-ds-color-zinc-300:#d4d4d8;--bcm-new-ds-color-zinc-400:#a1a1aa;--bcm-new-ds-color-zinc-500:#71717a;--bcm-new-ds-color-zinc-600:#52525b;--bcm-new-ds-color-zinc-700:#3f3f46;--bcm-new-ds-color-zinc-800:#27272a;--bcm-new-ds-color-zinc-900:#18181b;--bcm-new-ds-color-neutral:#737373;--bcm-new-ds-color-neutral-50:#fafafa;--bcm-new-ds-color-neutral-100:#f5f5f5;--bcm-new-ds-color-neutral-200:#e5e5e5;--bcm-new-ds-color-neutral-300:#d4d4d4;--bcm-new-ds-color-neutral-400:#a3a3a3;--bcm-new-ds-color-neutral-500:#737373;--bcm-new-ds-color-neutral-600:#525252;--bcm-new-ds-color-neutral-700:#404040;--bcm-new-ds-color-neutral-800:#262626;--bcm-new-ds-color-neutral-900:#171717;--bcm-new-ds-color-stone:#78716c;--bcm-new-ds-color-stone-50:#fafaf9;--bcm-new-ds-color-stone-100:#f5f5f4;--bcm-new-ds-color-stone-200:#e7e5e4;--bcm-new-ds-color-stone-300:#d6d3d1;--bcm-new-ds-color-stone-400:#a8a29e;--bcm-new-ds-color-stone-500:#78716c;--bcm-new-ds-color-stone-600:#57534e;--bcm-new-ds-color-stone-700:#44403c;--bcm-new-ds-color-stone-800:#292524;--bcm-new-ds-color-stone-900:#1c1917;--bcm-new-ds-color-red:#ef4444;--bcm-new-ds-color-red-50:#fef2f2;--bcm-new-ds-color-red-100:#fee2e2;--bcm-new-ds-color-red-200:#fecaca;--bcm-new-ds-color-red-300:#fca5a5;--bcm-new-ds-color-red-400:#f87171;--bcm-new-ds-color-red-500:#ef4444;--bcm-new-ds-color-red-600:#dc2626;--bcm-new-ds-color-red-700:#b91c1c;--bcm-new-ds-color-red-800:#991b1b;--bcm-new-ds-color-red-900:#7f1d1d;--bcm-new-ds-color-orange:#f97316;--bcm-new-ds-color-orange-50:#fff7ed;--bcm-new-ds-color-orange-100:#ffedd5;--bcm-new-ds-color-orange-200:#fed7aa;--bcm-new-ds-color-orange-300:#fdba74;--bcm-new-ds-color-orange-400:#fb923c;--bcm-new-ds-color-orange-500:#f97316;--bcm-new-ds-color-orange-600:#ea580c;--bcm-new-ds-color-orange-700:#c2410c;--bcm-new-ds-color-orange-800:#9a3412;--bcm-new-ds-color-orange-900:#7c2d12;--bcm-new-ds-color-amber:#f59e0b;--bcm-new-ds-color-amber-50:#fffbeb;--bcm-new-ds-color-amber-100:#fef3c7;--bcm-new-ds-color-amber-200:#fde68a;--bcm-new-ds-color-amber-300:#fcd34d;--bcm-new-ds-color-amber-400:#fbbf24;--bcm-new-ds-color-amber-500:#f59e0b;--bcm-new-ds-color-amber-600:#d97706;--bcm-new-ds-color-amber-700:#b45309;--bcm-new-ds-color-amber-800:#92400e;--bcm-new-ds-color-amber-900:#78350f;--bcm-new-ds-color-yellow:#eab308;--bcm-new-ds-color-yellow-50:#fefce8;--bcm-new-ds-color-yellow-100:#fef9c3;--bcm-new-ds-color-yellow-200:#fef08a;--bcm-new-ds-color-yellow-300:#fde047;--bcm-new-ds-color-yellow-400:#facc15;--bcm-new-ds-color-yellow-500:#eab308;--bcm-new-ds-color-yellow-600:#ca8a04;--bcm-new-ds-color-yellow-700:#a16207;--bcm-new-ds-color-yellow-800:#854d0e;--bcm-new-ds-color-yellow-900:#713f12;--bcm-new-ds-color-lime:#84cc16;--bcm-new-ds-color-lime-50:#f7fee7;--bcm-new-ds-color-lime-100:#ecfccb;--bcm-new-ds-color-lime-200:#d9f99d;--bcm-new-ds-color-lime-300:#bef264;--bcm-new-ds-color-lime-400:#a3e635;--bcm-new-ds-color-lime-500:#84cc16;--bcm-new-ds-color-lime-600:#65a30d;--bcm-new-ds-color-lime-700:#4d7c0f;--bcm-new-ds-color-lime-800:#3f6212;--bcm-new-ds-color-lime-900:#365314;--bcm-new-ds-color-green:#22c55e;--bcm-new-ds-color-green-50:#f0fdf4;--bcm-new-ds-color-green-100:#dcfce7;--bcm-new-ds-color-green-200:#bbf7d0;--bcm-new-ds-color-green-300:#86efac;--bcm-new-ds-color-green-400:#4ade80;--bcm-new-ds-color-green-500:#22c55e;--bcm-new-ds-color-green-600:#16a34a;--bcm-new-ds-color-green-700:#15803d;--bcm-new-ds-color-green-800:#166534;--bcm-new-ds-color-green-900:#14532d;--bcm-new-ds-color-emerald:#10b981;--bcm-new-ds-color-emerald-50:#ecfdf5;--bcm-new-ds-color-emerald-100:#d1fae5;--bcm-new-ds-color-emerald-200:#a7f3d0;--bcm-new-ds-color-emerald-300:#6ee7b7;--bcm-new-ds-color-emerald-400:#34d399;--bcm-new-ds-color-emerald-500:#10b981;--bcm-new-ds-color-emerald-600:#059669;--bcm-new-ds-color-emerald-700:#047857;--bcm-new-ds-color-emerald-800:#065f46;--bcm-new-ds-color-emerald-900:#064e3b;--bcm-new-ds-color-teal:#14b8a6;--bcm-new-ds-color-teal-50:#f0fdfa;--bcm-new-ds-color-teal-100:#ccfbf1;--bcm-new-ds-color-teal-200:#99f6e4;--bcm-new-ds-color-teal-300:#5eead4;--bcm-new-ds-color-teal-400:#2dd4bf;--bcm-new-ds-color-teal-500:#14b8a6;--bcm-new-ds-color-teal-600:#0d9488;--bcm-new-ds-color-teal-700:#0f766e;--bcm-new-ds-color-teal-800:#115e59;--bcm-new-ds-color-teal-900:#134e4a;--bcm-new-ds-color-cyan:#06b6d4;--bcm-new-ds-color-cyan-50:#ecfeff;--bcm-new-ds-color-cyan-100:#cffafe;--bcm-new-ds-color-cyan-200:#a5f3fc;--bcm-new-ds-color-cyan-300:#67e8f9;--bcm-new-ds-color-cyan-400:#22d3ee;--bcm-new-ds-color-cyan-500:#06b6d4;--bcm-new-ds-color-cyan-600:#0891b2;--bcm-new-ds-color-cyan-700:#0e7490;--bcm-new-ds-color-cyan-800:#155e75;--bcm-new-ds-color-cyan-900:#164e63;--bcm-new-ds-color-sky:#0ea5e9;--bcm-new-ds-color-sky-50:#f0f9ff;--bcm-new-ds-color-sky-100:#e0f2fe;--bcm-new-ds-color-sky-200:#bae6fd;--bcm-new-ds-color-sky-300:#7dd3fc;--bcm-new-ds-color-sky-400:#38bdf8;--bcm-new-ds-color-sky-500:#0ea5e9;--bcm-new-ds-color-sky-600:#0284c7;--bcm-new-ds-color-sky-700:#0369a1;--bcm-new-ds-color-sky-800:#075985;--bcm-new-ds-color-sky-900:#0c4a6e;--bcm-new-ds-color-blue:#3b82f6;--bcm-new-ds-color-blue-50:#eff6ff;--bcm-new-ds-color-blue-100:#dbeafe;--bcm-new-ds-color-blue-200:#bfdbfe;--bcm-new-ds-color-blue-300:#93c5fd;--bcm-new-ds-color-blue-400:#60a5fa;--bcm-new-ds-color-blue-500:#3b82f6;--bcm-new-ds-color-blue-600:#2563eb;--bcm-new-ds-color-blue-700:#1d4ed8;--bcm-new-ds-color-blue-800:#1e40af;--bcm-new-ds-color-blue-900:#1e3a8a;--bcm-new-ds-color-indigo:#6366f1;--bcm-new-ds-color-indigo-50:#eef2ff;--bcm-new-ds-color-indigo-100:#e0e7ff;--bcm-new-ds-color-indigo-200:#c7d2fe;--bcm-new-ds-color-indigo-300:#a5b4fc;--bcm-new-ds-color-indigo-400:#818cf8;--bcm-new-ds-color-indigo-500:#6366f1;--bcm-new-ds-color-indigo-600:#4f46e5;--bcm-new-ds-color-indigo-700:#4338ca;--bcm-new-ds-color-indigo-800:#3730a3;--bcm-new-ds-color-indigo-900:#312e81;--bcm-new-ds-color-violet:#8b5cf6;--bcm-new-ds-color-violet-50:#f5f3ff;--bcm-new-ds-color-violet-100:#ede9fe;--bcm-new-ds-color-violet-200:#ddd6fe;--bcm-new-ds-color-violet-300:#c4b5fd;--bcm-new-ds-color-violet-400:#a78bfa;--bcm-new-ds-color-violet-500:#8b5cf6;--bcm-new-ds-color-violet-600:#7c3aed;--bcm-new-ds-color-violet-700:#6d28d9;--bcm-new-ds-color-violet-800:#5b21b6;--bcm-new-ds-color-violet-900:#4c1d95;--bcm-new-ds-color-purple:#a855f7;--bcm-new-ds-color-purple-50:#faf5ff;--bcm-new-ds-color-purple-100:#f3e8ff;--bcm-new-ds-color-purple-200:#e9d5ff;--bcm-new-ds-color-purple-300:#d8b4fe;--bcm-new-ds-color-purple-400:#c084fc;--bcm-new-ds-color-purple-500:#a855f7;--bcm-new-ds-color-purple-600:#9333ea;--bcm-new-ds-color-purple-700:#7e22ce;--bcm-new-ds-color-purple-800:#6b21a8;--bcm-new-ds-color-purple-900:#581c87;--bcm-new-ds-color-fuchsia:#d946ef;--bcm-new-ds-color-fuchsia-50:#fdf4ff;--bcm-new-ds-color-fuchsia-100:#fae8ff;--bcm-new-ds-color-fuchsia-200:#f5d0fe;--bcm-new-ds-color-fuchsia-300:#f0abfc;--bcm-new-ds-color-fuchsia-400:#e879f9;--bcm-new-ds-color-fuchsia-500:#d946ef;--bcm-new-ds-color-fuchsia-600:#c026d3;--bcm-new-ds-color-fuchsia-700:#a21caf;--bcm-new-ds-color-fuchsia-800:#86198f;--bcm-new-ds-color-fuchsia-900:#701a75;--bcm-new-ds-color-pink:#ec4899;--bcm-new-ds-color-pink-50:#fdf2f8;--bcm-new-ds-color-pink-100:#fce7f3;--bcm-new-ds-color-pink-200:#fbcfe8;--bcm-new-ds-color-pink-300:#f9a8d4;--bcm-new-ds-color-pink-400:#f472b6;--bcm-new-ds-color-pink-500:#ec4899;--bcm-new-ds-color-pink-600:#db2777;--bcm-new-ds-color-pink-700:#be185d;--bcm-new-ds-color-pink-800:#9d174d;--bcm-new-ds-color-pink-900:#831843;--bcm-new-ds-color-rose:#f43f5e;--bcm-new-ds-color-rose-50:#fff1f2;--bcm-new-ds-color-rose-100:#ffe4e6;--bcm-new-ds-color-rose-200:#fecdd3;--bcm-new-ds-color-rose-300:#fda4af;--bcm-new-ds-color-rose-400:#fb7185;--bcm-new-ds-color-rose-500:#f43f5e;--bcm-new-ds-color-rose-600:#e11d48;--bcm-new-ds-color-rose-700:#be123c;--bcm-new-ds-color-rose-800:#9f1239;--bcm-new-ds-color-rose-900:#881337}*{box-sizing:border-box}.bcm-modal{font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;flex-wrap:nowrap;width:100%;height:100%;position:fixed;z-index:-1;opacity:0;top:0;left:0;visibility:hidden;overflow:auto;padding:24px;transition:opacity 0.5s ease, visibility 0.4s ease-in-out, 0.3s z-index}.bcm-modal__show{opacity:1;z-index:10500;visibility:visible;transition:opacity 0.2s ease, visibility 0.4s ease-in-out, 0.3s z-index}.bcm-modal__show .bcm-modal__container{transition:opacity 0.2s ease-in-out, transform 0.2s ease-in-out;transform:translateY(0)}.bcm-modal .overlay{position:fixed;width:100vw;height:100vh;z-index:1;top:0;left:0;opacity:0.6;background-color:var(--bcm-new-ds-color-slate-900)}.bcm-modal__container{display:flex;flex-direction:column;width:100%;box-shadow:0 2px 6px 1px rgba(17, 24, 38, 0.1);border-radius:8px;background-color:var(--bcm-new-ds-color-white);z-index:2;transform:translateY(-50px);transition:opacity 0.2s ease-in-out, transform 0.2s ease-in-out}.bcm-modal__container.portrait{max-width:312px}.bcm-modal__container.landscape{max-width:475px}.bcm-modal__container.small{max-width:576px}.bcm-modal__container.medium{max-width:768px}.bcm-modal__container.large{max-width:992px}.bcm-modal__container.xlarge{max-width:1024px}.bcm-modal__container.xxlarge{max-width:1200px}.bcm-modal__container.xxxlarge{max-width:1700px}.bcm-modal__container.full-width{width:100%;max-width:100%}.bcm-modal__container.custom-size main{overflow:auto;height:100%;width:100%}.bcm-modal__container-main{color:var(--bcm-color-grey-8);padding:0}.bcm-modal__container-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:nowrap;padding:12px 24px;font-size:16px;line-height:calc(16px + 8px);font-weight:500;color:var(--bcm-new-ds-color-slate-600);background-color:var(--bcm-new-ds-color-sky-50);position:relative}.bcm-modal__container-header span.full-width{width:100%}.bcm-modal__container-header-close{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;padding:8px;cursor:pointer;color:var(--bcm-new-ds-color-slate-500);transition:color 0.1s ease-in-out}.bcm-modal__container-header-close:hover{color:var(--bcm-new-ds-color-slate-600)}.bcm-modal__container-header-close:active{color:var(--bcm-new-ds-color-slate-700)}.bcm-modal__container-header-close:focus-visible{color:var(--bcm-new-ds-color-slate-800)}.bcm-modal__container-header:after{border-radius:8px 8px 0 0;content:"";display:block;width:100%;height:4px;background-color:var(--bcm-new-ds-color-blue-400);position:absolute;top:-4px;left:0}.bcm-modal__container-footer-content{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-end;flex-wrap:nowrap;padding:12px 24px 24px;grid-gap:8px}';export{v as bcm_button,z as bcm_form,y as bcm_icon,_ as bcm_modal}

package/dist/bromcom-ui/p-8b72bce1.js

@@ -1,5 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import{s as f}from"./p-2cca68b4.js";class a{}a.compareTwoArrayIsSame=(a,d)=>f((()=>a.length===d.length&&a.every(((f,a)=>f===d[a])))),a.isEmailValid=f=>/^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(f),a.isUrlValid=f=>/^(?:(?:https?|ftp):\/\/)(?:\S+(?::\S*)?@)?(?:(?!(?:10|127)(?:\.\d{1,3}){3})(?!(?:169\.254|192\.168)(?:\.\d{1,3}){2})(?!172\.(?:1[6-9]|2\d|3[0-1])(?:\.\d{1,3}){2})(?:[1-9]\d?|1\d\d|2[01]\d|22[0-3])(?:\.(?:1?\d{1,2}|2[0-4]\d|25[0-5])){2}(?:\.(?:[1-9]\d?|1\d\d|2[0-4]\d|25[0-4]))|(?:(?:[a-z\u00a1-\uffff0-9]-*)*[a-z\u00a1-\uffff0-9]+)(?:\.(?:[a-z\u00a1-\uffff0-9]-*)*[a-z\u00a1-\uffff0-9]+)*(?:\.(?:[a-z\u00a1-\uffff]{2,})))(?::\d{2,5})?(?:\/\S*)?$/i.test(f),a.isNumberValid=f=>/^[+-]?\d+$/.test(f),a.isNumberFloatValid=f=>/^\d+(\.\d+)?$/.test(f),a.isPhoneValid=f=>/^(?=.*[0-9])[- +()0-9]+$/.test(f),a.pattern=(f,a)=>new RegExp(a).test(f),a.isValidate=(f,d)=>{switch(d){case"email":return a.isEmailValid(f);case"url":return a.isUrlValid(f);case"number":return a.isNumberValid(f)||a.isNumberFloatValid(f);case"phone":return a.isPhoneValid(f);default:return!0}};export{a as V}

package/dist/bromcom-ui/p-f2caf9d3.entry.js

@@ -1,5 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import{r as t,h as s,H as i,g as e}from"./p-10caf4ce.js";import{I as h}from"./p-cd0490e2.js";import{C as o}from"./p-a3ffcb0d.js";import"./p-626a65e9.js";import{G as r}from"./p-2cca68b4.js";import"./p-4f99361a.js";import{S as c}from"./p-04c8b756.js";import"./p-8b72bce1.js";import"./p-7e44e6b5.js";import{a as n}from"./p-c9bd85e9.js";import{F as a}from"./p-fe3e3210.js";import"./p-436364c8.js";import"./p-8c018ae0.js";import"./p-6f56f8ca.js";class p{constructor({content:t,message:s,targetId:i,placement:e="top",color:h="slate-700",trigger:n="none"}){this.bgColor=()=>o.twColor(this.color,700),this.exepcitonColors={white:"slate-300",black:"slate-700"},this.target=()=>document.getElementById(this.targetId),this.init=()=>{console.log(this.content,this.message);const t=`<div class="tw-z-[1] tw-rounded tw-py-2 tw-bg-${this.bgColor()}">\n            ${this.message?`<div class="tw-font-medium tw-w-full tw-pb-1 tw-px-4">${c.trim(this.message)}</div>`:""}\n            ${this.content?`<div class="tw-font-normal tw-px-4">${c.trim(this.content)}</div>`:""}\n        </div>`;this.el=r.createElement("div",{id:`${this.targetId}-popover-box`,class:`\n            tw-whitespace-normal tw-break-words tw-block tw-font-sans tw-pointer-events-none tw-max-w-[256px] tw-rounded tw-bg-${this.bgColor()} tw-text-white tw-text-3 tw-absolute tw-top-0 tw-left-0 tw-z-tooltip tw-opacity-0 tw-transition-opacity tw-duration-300\n            tw-shadow`,role:"popover","aria-hidden":"true",style:`color: ${o.twColorReverse(this.bgColor())}`,innerHTML:t})},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)),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&&a({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.content=t,this.message=s,this.targetId=i,this.placement=e,this.color=h,this.trigger=n,this.id=i+"-popover-box"}}const l=class{constructor(s){t(this,s),this._id=r.UID(),this.message="",this.content="",this.placement=n.Placement.top,this.trigger=n.TriggerType.click,this.open=!1,this.color="white",this.popover=new p({targetId:this._id,content:this.content,message:this.message,placement:this.placement,color:this.color,trigger:this.trigger})}componentDidLoad(){this.popover.listener()}componentDidRender(){const{content:t,message:s,placement:i,color:e,trigger:h}=this;this.popover.content=t,this.popover.message=s,this.popover.placement=i,this.popover.color=e,this.popover.trigger=h,this.popover.update()}async show(){this.popover.show()}async hide(){this.popover.hide()}async toggle(){this.popover.toggle()}render(){return s(i,{"aria-describedby":"popover",tabindex:"-1",class:"tw-inline-flex tw-w-fit tw-h-fit"},s("slot",null))}get el(){return e(this)}};!function(t,s,i,e){var h,o=arguments.length,r=o<3?s:null===e?e=Object.getOwnPropertyDescriptor(s,i):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,s,i,e);else for(var c=t.length-1;c>=0;c--)(h=t[c])&&(r=(o<3?h(r):o>3?h(s,i,r):h(s,i))||r);o>3&&r&&Object.defineProperty(s,i,r)}([h()],l.prototype,"el",void 0);export{l as bcm_popover}