bromcom-ui 2.3.23 → 2.3.24

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

@@ -27,6 +27,8 @@ export declare class BcmCheckbox {
   caption: string;
   captionError: string;
   captionType: 'primary' | 'success' | 'warning' | 'error' | 'default';
+  captionCache: string;
+  captionTypeCache: any;
   /**
    * Component Events
    */
@@ -37,6 +39,8 @@ export declare class BcmCheckbox {
   * @ComponentMethod
   */
   connectedCallback(): void;
+  setClear(): Promise<void>;
+  resetCaption(): Promise<void>;
   componentDidLoad(): void;
   /**
    * @desc

package/dist/types/components/molecules/checkbox/group.d.ts

@@ -50,6 +50,8 @@ export declare class BcmCheckboxGroup {
    */
   connectedCallback(): void;
   componentDidLoad(): void;
+  setClear(): Promise<void>;
+  resetCaption(): Promise<void>;
   /**
   * @ComponentMethod
   */

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

@@ -2,6 +2,7 @@ import { EventEmitter } from '../../../stencil-public-runtime';
 export declare class BcmCollapse {
   borderless: boolean;
   open: boolean;
+  noBorder: boolean;
   collapseId: string;
   hidden: boolean;
   bcmCollapseOpen: EventEmitter;

package/dist/types/components/molecules/collapse/group.d.ts

@@ -1,8 +1,11 @@
 export declare class BcmCollapseGroup {
   openId: any;
-  host: HTMLElement;
+  el: HTMLElement;
   borderless: boolean;
+  open: boolean;
+  multiple: boolean;
   hidden: boolean;
   handleOpen(e: any): void;
+  componentDidLoad(): void;
   render(): any;
 }

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

@@ -7,6 +7,7 @@ export declare class BcmInput {
   size: 'small' | 'medium' | 'large';
   label: string;
   noCaption: boolean;
+  noMargin: boolean;
   captionError: string;
   caption: string;
   captionType: 'primary' | 'success' | 'warning' | 'error' | 'default';

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

@@ -12,13 +12,24 @@ export declare class BcmSwitch {
   hidden: boolean;
   value: any;
   name: string;
+  label: string;
+  required: boolean;
+  noCaption: boolean;
+  caption: string;
+  captionError: string;
+  captionType: 'primary' | 'success' | 'warning' | 'error' | 'default';
+  captionCache: string;
+  captionTypeCache: any;
   change: EventEmitter;
   focus: EventEmitter;
   blur: EventEmitter;
+  connectedCallback(): void;
   handleClick(): void;
   componentDidLoad(): void;
   handleFocus(): void;
   handleBlur(): void;
   componentWillRender(): void;
+  setClear(): Promise<void>;
+  resetCaption(): Promise<void>;
   render(): any;
 }

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

@@ -23,6 +23,7 @@ export declare class BcmForm {
   getInputs(): void;
   getItemValue(item: any): any;
   isWrapperComponent(item: string): boolean;
+  isGroupComponent(item: string): boolean;
   userFormData(): Promise<any>;
   handleChange(e: any): Promise<void>;
   render(): any;

package/dist/types/components.d.ts

@@ -120,6 +120,8 @@ export namespace Components {
         "optionType": 'default' | 'button';
         "readOnly": boolean;
         "required": boolean;
+        "resetCaption": () => Promise<void>;
+        "setClear": () => Promise<void>;
         "size": 'small' | 'medium' | 'large';
         /**
           * Component Properties
@@ -158,6 +160,8 @@ export namespace Components {
         "noCaption": boolean;
         "optionType": 'default' | 'button';
         "required": boolean;
+        "resetCaption": () => Promise<void>;
+        "setClear": () => Promise<void>;
         "size": 'small' | 'medium' | 'large';
         "value": any;
     }
@@ -167,6 +171,7 @@ export namespace Components {
         "checked": boolean;
         "disabled": boolean;
         "hidden": boolean;
+        "indeterminate": boolean;
         "name": string;
         "noCaption": boolean;
         "readOnly": boolean;
@@ -180,11 +185,14 @@ export namespace Components {
         "borderless": boolean;
         "collapseId": string;
         "hidden": boolean;
+        "noBorder": boolean;
         "open": boolean;
     }
     interface BcmCollapseGroup {
         "borderless": boolean;
         "hidden": boolean;
+        "multiple": boolean;
+        "open": boolean;
     }
     interface BcmColorpicker {
         /**
@@ -468,6 +476,7 @@ export namespace Components {
         "name": string;
         "noCaption": boolean;
         "noDefaultIcon": boolean;
+        "noMargin": boolean;
         "passwordToggle": boolean;
         "placeholder": string;
         "readonly": boolean;
@@ -952,13 +961,21 @@ export namespace Components {
     interface BcmSwitch {
         "activeIcon": string;
         "activeText": string;
+        "caption": string;
+        "captionError": string;
+        "captionType": 'primary' | 'success' | 'warning' | 'error' | 'default';
         "checked": boolean;
         "disabled": boolean;
         "hidden": boolean;
         "inactiveIcon": string;
         "inactiveText": string;
+        "label": string;
         "name": string;
+        "noCaption": boolean;
         "pending": boolean;
+        "required": boolean;
+        "resetCaption": () => Promise<void>;
+        "setClear": () => Promise<void>;
         "size": 'small' | 'medium';
         "value": any;
     }
@@ -1924,6 +1941,7 @@ declare namespace LocalJSX {
         "checked"?: boolean;
         "disabled"?: boolean;
         "hidden"?: boolean;
+        "indeterminate"?: boolean;
         "name"?: string;
         "noCaption"?: boolean;
         "readOnly"?: boolean;
@@ -1937,12 +1955,15 @@ declare namespace LocalJSX {
         "borderless"?: boolean;
         "collapseId"?: string;
         "hidden"?: boolean;
+        "noBorder"?: boolean;
         "onBcm-collapse-open"?: (event: CustomEvent<any>) => void;
         "open"?: boolean;
     }
     interface BcmCollapseGroup {
         "borderless"?: boolean;
         "hidden"?: boolean;
+        "multiple"?: boolean;
+        "open"?: boolean;
     }
     interface BcmColorpicker {
         /**
@@ -2196,6 +2217,7 @@ declare namespace LocalJSX {
         "name"?: string;
         "noCaption"?: boolean;
         "noDefaultIcon"?: boolean;
+        "noMargin"?: boolean;
         "onBcm-blur"?: (event: CustomEvent<any>) => void;
         "onBcm-change"?: (event: CustomEvent<any>) => void;
         "onBcm-clear"?: (event: CustomEvent<any>) => void;
@@ -2662,16 +2684,22 @@ declare namespace LocalJSX {
     interface BcmSwitch {
         "activeIcon"?: string;
         "activeText"?: string;
+        "caption"?: string;
+        "captionError"?: string;
+        "captionType"?: 'primary' | 'success' | 'warning' | 'error' | 'default';
         "checked"?: boolean;
         "disabled"?: boolean;
         "hidden"?: boolean;
         "inactiveIcon"?: string;
         "inactiveText"?: string;
+        "label"?: string;
         "name"?: string;
+        "noCaption"?: boolean;
         "onBcm-blur"?: (event: CustomEvent<any>) => void;
         "onBcm-change"?: (event: CustomEvent<any>) => void;
         "onBcm-focus"?: (event: CustomEvent<any>) => void;
         "pending"?: boolean;
+        "required"?: boolean;
         "size"?: 'small' | 'medium';
         "value"?: any;
     }

package/package.json

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

package/dist/bromcom-ui/p-088e3939.entry.js

@@ -1 +0,0 @@
-import{r as s,h as t,H as o,g as r}from"./p-6e0d3067.js";import{c as l}from"./p-5525b672.js";const n=class{constructor(t){s(this,t),this.openId=null,this.borderless=!1,this.hidden=!1}handleOpen(s){if(this.host===s.target.parentElement){const t=s.detail;this.host.querySelectorAll("bcm-collapse").forEach((s=>{s.open=s.id===t}))}}render(){const s=l(this.hidden?"hidden":null);return t(o,{class:s},t("slot",null))}get host(){return r(this)}};export{n as bcm_collapse_group}

package/dist/bromcom-ui/p-2dce84ef.entry.js

@@ -1 +0,0 @@
-import{r as e,c as o,h as s,H as i}from"./p-6e0d3067.js";import{c as l}from"./p-5525b672.js";let r=0;const t=class{constructor(s){e(this,s),this.bcmCollapseOpen=o(this,"bcm-collapse-open",7),this.borderless=!1,this.open=!1,this.collapseId="collapse-"+ ++r,this.hidden=!1}componentDidRender(){this.open&&this.bcmCollapseOpen.emit(this.collapseId)}handleClick(){this.open=!this.open,this.open&&this.bcmCollapseOpen.emit(this.collapseId)}render(){const e=l("collapse",{borderless:this.borderless,open:this.open}),o=l(this.hidden?"hidden":null);return s(i,{class:o,id:this.collapseId},s("details",{class:e,open:this.open},s("summary",{class:"collapse-header size-2",onClick:()=>this.handleClick()},s("bcm-icon",{class:"collapse-icon",size:16,icon:this.open?"caret-down":"caret-right",type:"fill",color:"grey-10"}),s("slot",{name:"title"})),s("div",{class:"collapse-body"},s("slot",{name:"body"}))))}};t.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}*{box-sizing:border-box}::-webkit-details-marker{display:none}:host{display:block}:host(.hidden){display:none}:host(:not(:first-child)) .collapse{border-top:none}.collapse{border:1px solid var(--bcm-color-grey-5)}.collapse.borderless{border:none;border-bottom:1px solid var(--bcm-color-grey-5)}.collapse.borderless .collapse-header{border-bottom:none}.collapse.borderless .collapse-body{background-color:var(--bcm-color-grey-2);padding:0 40px 16px}.collapse:not(.open) .collapse-header{border-bottom:none}.collapse-header{display:flex;align-items:center;color:var(--bcm-color-grey-9);padding:16px;background-color:var(--bcm-color-grey-2);border-bottom:1px solid var(--bcm-color-grey-5);cursor:default}.collapse-header:focus{outline:none}.collapse-header .collapse-icon{margin-right:8px}.collapse-body{padding:16px;background-color:var(--bcm-color-grey-1);color:var(--bcm-color-grey-8)}';export{t as bcm_collapse}

package/dist/bromcom-ui/p-860cb26e.entry.js

@@ -1 +0,0 @@
-import{r as i,c as e,h as t,H as n}from"./p-6e0d3067.js";import{c as o}from"./p-5525b672.js";const c=class{constructor(t){i(this,t),this.change=e(this,"bcm-change",7),this.focus=e(this,"bcm-focus",7),this.blur=e(this,"bcm-blur",7),this.checked=!1,this.size="medium",this.pending=!1,this.disabled=!1,this.hidden=!1,this.value=""}handleClick(){this.checked=this.input.checked,this.value=this.checked,this.change.emit(this.checked)}componentDidLoad(){this.value=this.checked}handleFocus(){this.focus.emit()}handleBlur(){this.blur.emit()}componentWillRender(){this.pending&&(this.disabled=!0)}render(){const{checked:i,size:e,activeIcon:c,inactiveIcon:s,activeText:a,inactiveText:r,pending:l,disabled:h}=this,p=o("container",e,{"switch-checked":i,disabled:h}),d=o("wrapper",{checked:i,disabled:h}),x=i=>i&&"medium"===e,b="medium"===e,m=o(this.hidden?"hidden":null);return t(n,{class:m},t("label",{class:d},x(r)&&t("span",{class:"inactive-text size-1"},r),t("div",{class:p},b&&t("bcm-icon",{icon:c,size:14,class:"icon-active"}),t("span",{class:"handle"},l&&t("span",{class:"spinner"})),b&&t("bcm-icon",{icon:s,size:14,class:"icon-inactive"})),t("input",{onClick:()=>this.handleClick(),onFocus:()=>this.handleFocus(),onBlur:()=>this.handleBlur(),ref:i=>this.input=i,checked:i,type:"checkbox",class:"switch",disabled:h}),x(a)&&t("span",{class:"active-text size-1"},a)))}};c.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}:host{display:inline-block}:host(.hidden){display:none}*{box-sizing:border-box}.wrapper{display:inline-flex;align-items:center}.wrapper .active-text{color:var(--bcm-color-prime-blue-6);margin-left:4px}.wrapper .inactive-text{color:var(--bcm-color-grey-6);margin-right:4px}.container{display:flex;justify-content:space-between;align-items:center;border-radius:16px;background-color:var(--bcm-color-grey-6);position:relative}.container .handle{padding:1px;position:absolute;background-color:var(--bcm-color-grey-1);display:inline-flex;align-items:center;justify-content:center;border-radius:16px;transition:all 0.2s ease-in-out;box-shadow:0px 2px 2px rgba(0, 0, 0, 0.1), 0px 3px 1px rgba(0, 0, 0, 0.05), 0px 1px 5px rgba(0, 0, 0, 0.1)}.container .icon-active{opacity:0}.container .icon-inactive{opacity:1}.container.small{width:28px;height:16px;padding:4px}.container.small .handle{width:12px;height:12px;left:4px}.container.small.switch-checked .handle{left:12px}.container.small:active:not(.disabled) .handle{width:16px}.container.small:active.switch-checked:not(.disabled) .handle{left:8px}.container.small .spinner{box-sizing:border-box;display:inline-flex;width:9px;height:9px;border-radius:50%;border:1px solid var(--bcm-color-grey-1);border-top-color:var(--bcm-color-grey-6);animation:spinner 1.5s linear infinite}.container.medium{width:44px;height:22px;padding:4px}.container.medium .handle{width:16px;height:16px;left:4px}.container.medium.switch-checked .handle{left:24px}.container.medium:active:not(.disabled) .handle{width:22px}.container.medium:active.switch-checked:not(.disabled) .handle{left:18px}.container.medium .spinner{box-sizing:border-box;display:inline-flex;width:13px;height:13px;border-radius:50%;border:1px solid var(--bcm-color-grey-1);border-top-color:var(--bcm-color-grey-6);animation:spinner 1.5s linear infinite}.container.switch-checked{background-color:var(--bcm-color-prime-blue-6)}.container.switch-checked .icon-active{color:var(--bcm-color-grey-1);opacity:1}.container.switch-checked .icon-inactive{opacity:0}.container.switch-checked .spinner{border-top-color:var(--bcm-color-prime-blue-6)}.wrapper.disabled{opacity:40%;cursor:not-allowed}@keyframes spinner{to{transform:rotate(360deg)}}input[type=checkbox]{position:absolute;width:0;height:0;opacity:0}';export{c as bcm_switch}