bromcom-ui 2.8.1-rc.3 → 2.8.1-rc.4

package/dist/esm/old-bcm-popover-box.entry.js

@@ -7,8 +7,8 @@ import './element-dragger-89bb52fd.js';
 import { g as getPlacement, s as setPosition } from './popover-placement-78f86f15.js';
 import { F as FloatingUI } from './floating-ui-e7341329.js';
 import { c as classnames } from './index-ed9652af.js';
-import { G as Generate } from './generate-5684c743.js';
-import { N as NumberHelper } from './number-helper-3c971b4e.js';
+import { G as Generate } from './generate-dab287b3.js';
+import { N as NumberHelper } from './number-helper-026bc937.js';
 import { S as StringHelper } from './string-helper-6bd24967.js';
 import './utils-57652744.js';
 import './bcm-9f50af9c.js';

package/dist/esm/old-bcm-popover.entry.js

@@ -5,7 +5,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-39133086.js';
 import { c as classnames } from './index-ed9652af.js';
 import { B as Bcm } from './bcm-9f50af9c.js';
-import { G as Generate } from './generate-5684c743.js';
+import { G as Generate } from './generate-dab287b3.js';
 import './_commonjsHelpers-3016b722.js';
 import './colors-44c95e7e.js';
 

package/dist/esm/{stepper-states-2f1dd0bd.js → stepper-states-699bc7d9.js}

@@ -3,7 +3,7 @@
  * Copyright (c) Bromcom.
  */
 import { c as createStore } from './index-93e36fdb.js';
-import { G as Generate, s as snq } from './generate-5684c743.js';
+import { G as Generate, s as snq } from './generate-dab287b3.js';
 import { f as forceUpdate } from './index-39133086.js';
 
 const { state } = createStore({

package/dist/esm/{tooltip-helper-86b9b16e.js → tooltip-helper-6cbb0b45.js}

@@ -8,9 +8,9 @@ import { d as delay } from './utils-57652744.js';
 import { F as FloatingUI } from './floating-ui-e7341329.js';
 import { C as ColorHelper } from './color-helper-e8ce23d7.js';
 import './datetime-helper-df25808a.js';
-import { G as Generate } from './generate-5684c743.js';
-import './number-helper-3c971b4e.js';
-import './validators-d6dd6432.js';
+import { G as Generate } from './generate-dab287b3.js';
+import './number-helper-026bc937.js';
+import './validators-d525dbd6.js';
 import { a as Bcm } from './bcm-9f50af9c.js';
 
 class Tooltip {

package/dist/esm/{validators-d6dd6432.js → validators-d525dbd6.js}

@@ -2,7 +2,7 @@
  * Built with Stencil
  * Copyright (c) Bromcom.
  */
-import { s as snq } from './generate-5684c743.js';
+import { s as snq } from './generate-dab287b3.js';
 
 class Validators {
 }

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

@@ -13,6 +13,7 @@ export declare class BcmStepper implements ComponentInterface {
   data: any[];
   tick: {};
   bcmStepChange: EventEmitter;
+  bcmStepperBeforeChange: EventEmitter;
   dataChanged(): Promise<void>;
   componentDidLoad(): void;
   disconnectedCallback(): void;
@@ -31,5 +32,7 @@ export declare class BcmStepper implements ComponentInterface {
   getCurrentStep(): Promise<any>;
   getSteps(): Promise<any[]>;
   private getItems;
+  private headerClick;
+  handleBcmStepBeforeChange(e: CustomEvent): Promise<void>;
   render(): any;
 }

package/dist/types/components.d.ts

@@ -3337,6 +3337,7 @@ declare namespace LocalJSX {
         "hidden"?: boolean;
         "icon"?: boolean;
         "linear"?: boolean;
+        "onBcm-step-before-change"?: (event: BcmStepperCustomEvent<any>) => void;
         "onBcm-step-change"?: (event: BcmStepperCustomEvent<any>) => void;
         "size"?: SizeTypes;
         "stepperId"?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bromcom-ui",
-  "version": "2.8.1-rc.3",
+  "version": "2.8.1-rc.4",
   "description": "Stencil Component Starter",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/dist/bromcom-ui/p-59efe1da.js

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

package/dist/bromcom-ui/p-63608aaa.entry.js

@@ -1,5 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import{h as e,r,c as t,f as i,H as o,g as c}from"./p-da1055cb.js";import"./p-843905c8.js";import"./p-626a65e9.js";import{G as a,s}from"./p-594fbc80.js";import"./p-59efe1da.js";import"./p-8d0ca8c2.js";import"./p-e1119ff2.js";import"./p-7e44e6b5.js";import{g as p}from"./p-8c018ae0.js";import{a as m}from"./p-a429e85b.js";import{c as n}from"./p-d65a1e21.js";import"./p-3fac58f7.js";import"./p-2e73d572.js";import{s as d}from"./p-aea6f62f.js";import"./p-436364c8.js";import"./p-4aa0e6b1.js";import"./p-6f56f8ca.js";import"./p-a60a2dd0.js";const l=({_title:r,description:t,status:i,valid:o,index:c,loading:a,active:s,stepChange:p,statusIcon:m,icon:d,disabled:l,headerHidden:b})=>{const h=n("bcm-stepper__header-item",`bcm-stepper__header-item--${i}`,{"bcm-stepper__header-item--active":s,"bcm-stepper__header-item--valid":o,"bcm-stepper__header-item--invalid":!o,"bcm-stepper__header-item--disabled":l,hidden:b}),_={success:"fal fa-check",warning:"fal fa-exclamation-triangle",error:"fal fa-times"},g=(d||m&&_[i])&&e("bcm-icon",{icon:d||_[i]});return e("div",{class:h},e("div",{class:"bcm-stepper__header-item--container",onClick:()=>!l&&p(c)},e("div",{class:"bcm-stepper__header-item-icon size-3"},a?e("bcm-icon",{icon:"far fa-spinner-third fa-spin"}):g||c),e("div",{class:"bcm-stepper__header-item-title size-2"},r),e("div",{class:"bcm-stepper__header-item-description size-1"},t)))},b=class{constructor(e){r(this,e),this.bcmStepChange=t(this,"bcm-step-change",7),this.hidden=!1,this._id=a.UID(),this.direction=m.Direction.horizontal,this.linear=!1,this.size=m.Size.medium,this.icon=!1,this.active=1,this.stepperId=a.UID(),this.data=[],this.tick={}}async dataChanged(){this.initState()}componentDidLoad(){this.initState()}disconnectedCallback(){this.reset()}async initState(){const{stepperId:e,data:r,direction:t,linear:i,size:o,icon:c,active:a,el:s}=this,p=r.length>0?r:this.getSlotElements();await d.setValue({id:e,el:s,direction:t,linear:i,size:o,icon:c,active:a,steps:p}),this.markForCheck()}componentDidRender(){this.setSteps(this.getItems())}setSteps(e){const r=p(this.el,"bcm-step");r.length>0&&r.forEach(((r,t)=>{const i=e.find((e=>!r.headerHidden&&e.id===r.id));i&&(a.setAttributes(r,Object.assign({title:"",_title:i.title||i._title||"",status:i.status||"default",disabled:i.disabled||!1,valid:i.valid||!0,loading:i.loading||!1,index:i.index||t,active:i.active||!1,innerHtml:i.innerHtml||""},1==r.hidden&&{headerHidden:!0})),(r.hidden=!1)&&r.removeAttribute("hidden"))}))}markForCheck(){this.tick=a.UID()}handleChangeBcmHidden(){this.initState()}getActiveIndex(){return d.getActiveIndex(this.stepperId)}getSlotElements(){return s((()=>p(this.el,"bcm-step")),[])}async onStepChange(e){return e&&(d.changeActiveStep(this.stepperId,e),this.bcmStepChange.emit(e)),i(this.el),Promise.resolve(e)}async prev(){const e=this.getActiveIndex()-1;if(e>=1)if(this.linear)await this.onStepChange(e);else{if(this.getItems()[e-1].disabled)return;await this.onStepChange(e)}return i(this.el),Promise.resolve(this.getActiveIndex())}async next(e){let r;r=0==e?0:1==r?1:e||this.getActiveIndex();const t=await this.getCurrentStep(),o=this.getItems()[this.getItems().length-1];return t.valid?(this.linear&&o.id!=t.id&&(t.status="success"),r<this.getItems().length&&await this.onStepChange(r+1)):t.status="error",i(this.el),Promise.resolve(this.getActiveIndex())}async setActive(e){if(e)if("number"==typeof e)if(this.linear){const r=this.getItems().filter((r=>r.index<e));(null==r?void 0:r.map((e=>({id:e.id,status:e.status,disabled:e.disabled}))).every((e=>"success"==e.status||"default"==e.status)))&&(null==r||r.forEach((e=>{e.status="success",e.disabled=!1})),await this.next(e-1))}else d.setActiveIndex(this.stepperId,e),await this.next(e-1);else console.warn("index must be a number")}async reset(){return await this.onStepChange(1),d.stepperReset(this.stepperId),Promise.resolve(this.getActiveIndex())}async getCurrentStep(){var e;return s((()=>this.getItems().filter((e=>1==e.active))[0]),null!==(e=this.getItems()[0])&&void 0!==e?e:null)}async getSteps(){return Promise.resolve(this.getItems())}getItems(){return s((()=>{var e;return null===(e=d.getValue(this.stepperId).steps)||void 0===e?void 0:e.filter((e=>!e.headerHidden))}),[])}render(){const{hidden:r,direction:t,linear:i,size:c}=this,a=n("bcm-stepper","bcm-stepper__direction-"+t,"bcm-stepper__size-"+c,{"bcm-stepper__linear":i,hidden:r}),s=e=>n("bcm-stepper__header-line",`bcm-stepper__header-line--${(null==e?void 0:e.disabled)?"disabled":"error"===(null==e?void 0:e.status)?"default":null==e?void 0:e.status}`),p=this.getItems();return e(o,{class:a},e("span",{hidden:!0,id:`bcm-stepper__steps-${this._id}`},e("slot",null)),e("main",null,e("header",{class:"bcm-stepper__header"},null==p?void 0:p.map(((r,t)=>[e(l,Object.assign({},r,{stepChange:e=>this.next(e-1)})),p.length>t+1&&e("div",{class:s(r)})]))),e("section",{class:"bcm-stepper__body"},this.data&&this.data.length>0?null==p?void 0:p.map((r=>e("bcm-step",Object.assign({},r)))):e("slot",null))))}get el(){return c(this)}static get watchers(){return{data:["dataChanged"]}}};b.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}*{box-sizing:border-box}.bcm-stepper{display:block;font-family:"Inter", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400}.bcm-stepper__header{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;padding:16px}.bcm-stepper__header *,.bcm-stepper__header ::after,.bcm-stepper__header ::before{box-sizing:content-box}.bcm-stepper__header-item{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.bcm-stepper__header-item--container{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.bcm-stepper__header-item-icon{position:relative;width:32px;height:32px;display:flex;justify-content:center;align-items:center;border-radius:50%;background-color:var(--bcm-color-prime-blue-6);color:var(--bcm-color-grey-1);line-height:1;margin-bottom:16px;user-select:none}.bcm-stepper__header-item-icon::before{width:40px;height:40px;border-radius:50%;border:2px solid var(--bcm-color-prime-blue-6);border-color:transparent;position:absolute;z-index:0;user-select:none;top:-6px;left:-6px}.bcm-stepper__header-item-title{color:var(--bcm-color-grey-8)}.bcm-stepper__header-item:not(.bcm-stepper__header-item--disabled):hover{cursor:pointer}.bcm-stepper__header-item:not(.bcm-stepper__header-item--disabled):hover .bcm-stepper__header-item-icon{background-color:var(--bcm-color-prime-blue-7)}.bcm-stepper__header-item::before,.bcm-stepper__header-item::after{content:"";position:absolute;width:calc(50% - 24px);height:2px;background-color:var(--bcm-color-prime-blue-6);top:16px;box-sizing:content-box}.bcm-stepper__header-item::after{right:0}.bcm-stepper__header-item::before{left:0}.bcm-stepper__header-item:first-of-type::before{display:none}.bcm-stepper__header-item:last-of-type::after{display:none}.bcm-stepper__header-item--active .bcm-stepper__header-item-icon::before{content:"";border:2px solid var(--bcm-color-prime-blue-6)}.bcm-stepper__header-item--active .bcm-stepper__header-item-title{font-weight:500}.bcm-stepper__header-line{width:100%;flex:1;height:2px;background-color:var(--bcm-color-prime-blue-6);margin-top:16px}.bcm-stepper__header-line--warning{background-color:var(--bcm-color-warmyellow-6)}.bcm-stepper__header-line--warning+.bcm-stepper__header-item::before{background-color:var(--bcm-color-warmyellow-6)}.bcm-stepper__header-item--warning::after{background-color:var(--bcm-color-warmyellow-6)}.bcm-stepper__header-item--warning .bcm-stepper__header-item-icon{background-color:var(--bcm-color-warmyellow-6)}.bcm-stepper__header-item--warning .bcm-stepper__header-item-icon::before{border-color:var(--bcm-color-warmyellow-6)}.bcm-stepper__header-item--warning:not(.bcm-stepper__header-item--disabled):hover{cursor:pointer}.bcm-stepper__header-item--warning:not(.bcm-stepper__header-item--disabled):hover .bcm-stepper__header-item-icon{background-color:var(--bcm-color-warmyellow-5)}.bcm-stepper__header-line--success{background-color:var(--bcm-color-green-6)}.bcm-stepper__header-line--success+.bcm-stepper__header-item::before{background-color:var(--bcm-color-green-6)}.bcm-stepper__header-item--success::after{background-color:var(--bcm-color-green-6)}.bcm-stepper__header-item--success .bcm-stepper__header-item-icon{background-color:var(--bcm-color-green-6)}.bcm-stepper__header-item--success .bcm-stepper__header-item-icon::before{border-color:var(--bcm-color-green-6)}.bcm-stepper__header-item--success:not(.bcm-stepper__header-item--disabled):hover{cursor:pointer}.bcm-stepper__header-item--success:not(.bcm-stepper__header-item--disabled):hover .bcm-stepper__header-item-icon{background-color:var(--bcm-color-green-5)}.bcm-stepper__header-line--error{background-color:var(--bcm-color-grey-6)}.bcm-stepper__header-line--error+.bcm-stepper__header-item::before{background-color:var(--bcm-color-grey-6)}.bcm-stepper__header-item--error::after{background-color:var(--bcm-color-grey-6)}.bcm-stepper__header-item--error .bcm-stepper__header-item-icon{background-color:var(--bcm-color-red-6)}.bcm-stepper__header-item--error .bcm-stepper__header-item-icon::before{border-color:var(--bcm-color-red-6)}.bcm-stepper__header-item--error:not(.bcm-stepper__header-item--disabled):hover{cursor:pointer}.bcm-stepper__header-item--error:not(.bcm-stepper__header-item--disabled):hover .bcm-stepper__header-item-icon{background-color:var(--bcm-color-red-5)}.bcm-stepper__header-line--default{background-color:var(--bcm-color-grey-6)}.bcm-stepper__header-line--default+.bcm-stepper__header-item::before{background-color:var(--bcm-color-grey-6)}.bcm-stepper__header-item--default::after{background-color:var(--bcm-color-grey-6)}.bcm-stepper__header-item--default .bcm-stepper__header-item-icon{background-color:var(--bcm-color-prime-blue-6)}.bcm-stepper__header-item--default .bcm-stepper__header-item-icon::before{border-color:var(--bcm-color-prime-blue-6)}.bcm-stepper__header-item--default:not(.bcm-stepper__header-item--disabled):hover{cursor:pointer}.bcm-stepper__header-item--default:not(.bcm-stepper__header-item--disabled):hover .bcm-stepper__header-item-icon{background-color:var(--bcm-color-prime-blue-5)}.bcm-stepper__header-line--loading{background-color:var(--bcm-color-prime-blue-6)}.bcm-stepper__header-line--loading+.bcm-stepper__header-item::before{background-color:var(--bcm-color-prime-blue-6)}.bcm-stepper__header-item--loading::after{background-color:var(--bcm-color-prime-blue-6)}.bcm-stepper__header-item--loading .bcm-stepper__header-item-icon{background-color:var(--bcm-color-prime-blue-6)}.bcm-stepper__header-item--loading .bcm-stepper__header-item-icon::before{border-color:var(--bcm-color-prime-blue-6)}.bcm-stepper__header-item--loading:not(.bcm-stepper__header-item--disabled):hover{cursor:pointer}.bcm-stepper__header-item--loading:not(.bcm-stepper__header-item--disabled):hover .bcm-stepper__header-item-icon{background-color:var(--bcm-color-prime-blue-5)}.bcm-stepper__header-line--disabled{background-color:var(--bcm-color-grey-6)}.bcm-stepper__header-line--disabled+.bcm-stepper__header-item::before{background-color:var(--bcm-color-grey-6)}.bcm-stepper__header-item--disabled::after{background-color:var(--bcm-color-grey-6)}.bcm-stepper__header-item--disabled .bcm-stepper__header-item-icon{background-color:var(--bcm-color-grey-6)}.bcm-stepper__header-item--disabled .bcm-stepper__header-item-icon::before{border-color:var(--bcm-color-grey-6)}.bcm-stepper__header-item--disabled:not(.bcm-stepper__header-item--disabled):hover{cursor:pointer}.bcm-stepper__header-item--disabled:not(.bcm-stepper__header-item--disabled):hover .bcm-stepper__header-item-icon{background-color:var(--bcm-color-grey-5)}.bcm-stepper__header-item--disabled{cursor:not-allowed}.bcm-stepper__header-item--disabled.bcm-stepper__header-item--container{pointer-events:none}.bcm-stepper__step{display:none}.bcm-stepper__step-active{display:block}';export{b as bcm_stepper}