bromcom-ui 2.3.56 → 2.3.60

package/dist/{esm → bromcom-ui}/bcm-dropdown-button.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-8fe7aea4.js';
-import { c as classnames } from './index-e58a2d48.js';
+import { r as registerInstance, e as createEvent, h, f as Host, g as getElement } from './index-9dbea026.js';
+import { c as classnames } from './index-43956e3c.js';
 import { i as iconSizes } from './types-0e4b533d.js';
 
 const dropdownButtonCss = "@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}.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}button,a{border:none;outline:0;cursor:pointer;display:flex;align-items:center;justify-content:center;text-align:center;font-family:\"Roboto\", sans-serif;padding:unset;text-decoration:none;box-sizing:border-box;position:relative;border:none}.button .loading{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.button.rounded{border-radius:100%}.button.rounded .loading{border-radius:100%}.button:before,.button:after{content:\"\"}.solid button,.solid a{color:var(--bcm-color-grey-1);background-color:var(--bcm-color-prime-blue-6);border:1px solid var(--bcm-color-prime-blue-6)}.solid button .loading,.solid a .loading{background-color:var(--bcm-color-prime-blue-6)}.solid button:hover,.solid button:focus,.solid a:hover,.solid a:focus{background-color:var(--bcm-color-prime-blue-5);border-color:var(--bcm-color-prime-blue-5)}.solid button:active,.solid a:active{background-color:var(--bcm-color-prime-blue-7);border-color:var(--bcm-color-prime-blue-7)}.solid button:disabled,.solid a:disabled{color:var(--bcm-color-grey-6) !important;background-color:var(--bcm-color-grey-3) !important;border-color:var(--bcm-color-grey-5);cursor:not-allowed}.solid.outline button,.solid.outline a{color:var(--bcm-color-grey-8);background-color:var(--bcm-color-grey-1);border-color:var(--bcm-color-grey-5)}.solid.outline button .loading,.solid.outline a .loading{background-color:var(--bcm-color-grey-1)}.solid.outline button:hover,.solid.outline button:focus,.solid.outline a:hover,.solid.outline a:focus{color:var(--bcm-color-prime-blue-5);background-color:var(--bcm-color-grey-1)}.solid.outline button:active,.solid.outline a:active{color:var(--bcm-color-prime-blue-7);background-color:var(--bcm-color-grey-1)}.ghost button,.ghost a{color:var(--bcm-color-prime-blue-6);background-color:transparent;border:1px solid var(--bcm-color-prime-blue-6)}.ghost button .loading,.ghost a .loading{background-color:var(--bcm-color-grey-1)}.ghost button:hover,.ghost button:focus,.ghost a:hover,.ghost a:focus{color:var(--bcm-color-prime-blue-5);border-color:var(--bcm-color-prime-blue-5)}.ghost button:active,.ghost a:active{color:var(--bcm-color-prime-blue-7);border-color:var(--bcm-color-prime-blue-7)}.ghost button:disabled,.ghost a:disabled{color:var(--bcm-color-grey-6);border-color:var(--bcm-color-grey-5);cursor:not-allowed}.ghost.outline button,.ghost.outline a{color:var(--bcm-color-grey-1);border-color:var(--bcm-color-grey-1)}.button>bcm-icon.prefix{margin-right:4px}.button>bcm-icon.suffix{margin-left:4px}.large{min-height:40px;min-width:120px}.large bcm-icon.prefix{margin-right:16px}.large bcm-icon.suffix{margin-left:16px}.large:not(.rounded){padding:0 16px}.large:not(.rounded).with_suffix{padding-right:0}.medium{min-height:32px;min-width:32px}.medium:not(.rounded){padding:0 16px}.medium:not(.rounded).with_suffix{padding-right:0}.small{min-height:24px;min-width:24px}.small:not(.rounded){padding:0 8px}.small:not(.rounded).with_suffix{padding-right:0}.dropdown-button{display:flex;align-items:center;justify-content:center;flex-direction:row;border-radius:2px}.dropdown-button.split.solid .button:not(:disabled){border-right-color:var(--bcm-color-prime-blue-7)}.dropdown-button.split.outline .button:not(:disabled){border-right-color:var(--bcm-color-grey-5)}.dropdown-button.split button.large bcm-icon.prefix,.dropdown-button.split a.large bcm-icon.prefix{margin-right:8px}.dropdown-button.split button.large.button,.dropdown-button.split a.large.button{padding:0 16px}.dropdown-button.split button.large.caret,.dropdown-button.split a.large.caret{border-left:0px;padding:0;min-width:40px}.dropdown-button.split button.medium bcm-icon.prefix,.dropdown-button.split a.medium bcm-icon.prefix{margin-right:8px}.dropdown-button.split button.medium.button,.dropdown-button.split a.medium.button{padding:0 8px}.dropdown-button.split button.medium.caret,.dropdown-button.split a.medium.caret{border-left:0px;padding:0;min-width:30px}.dropdown-button.split button.small bcm-icon.prefix,.dropdown-button.split a.small bcm-icon.prefix{margin-right:16px}.dropdown-button.split button.small.button,.dropdown-button.split a.small.button{padding:0 8px}.dropdown-button.split button.small.caret,.dropdown-button.split a.small.caret{border-left:0px;padding:0;min-width:30px}";

package/dist/{esm/bcm-dropdown-group_2.entry.js → bromcom-ui/bcm-dropdown-group.entry.js}

@@ -1,6 +1,5 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-8fe7aea4.js';
-import { c as classnames } from './index-e58a2d48.js';
-import { i as iconSizes } from './types-0e4b533d.js';
+import { r as registerInstance, e as createEvent, h, f as Host, g as getElement } from './index-9dbea026.js';
+import { c as classnames } from './index-43956e3c.js';
 
 const dropdownGroupCss = "@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:block}@media screen and (min-width: 576px){:host{width:100%}}:host(.hidden){display:none}.dropdown-group{--const-padding-vertical-sub:8px;--const-padding-horizontal-sub:40px;--group-shadow:0px 4px 4px rgba(0, 0, 0, 0.25)}.dropdown-group ::slotted(bcm-dropdown-item){--padding-vertical-sub:var(--const-padding-vertical-sub);--padding-horizontal-sub:var(--const-padding-horizontal-sub);--hover-color:var(--bcm-color-prime-blue-6);--selected-bg-color:var(--bcm-color-prime-blue-6)}.dropdown-group.open .title{background-color:var(--bcm-color-prime-blue-6);color:#ffffff}.dropdown-group.open .title:hover:not(.disabled){background-color:var(--bcm-color-prime-blue-7);color:#ffffff}.dropdown-group.open .inner{display:block}.inner{position:absolute;top:calc(100% + 5px);display:none;transition:height 0.3s ease;background-color:#ffffff;border-radius:2px;box-shadow:var(--group-shadow)}@media screen and (min-width: 576px){.inner{position:relative;box-shadow:none}}.title{display:flex;align-items:center;justify-content:space-between;color:var(--bcm-color-grey-8);cursor:pointer;padding:8px 8px;height:100%}.title .text-content{display:flex;align-items:center}.title .collapse-icon{margin-left:8px}.title ::slotted(bcm-icon){margin-right:10px}.title:hover{color:var(--bcm-color-prime-blue-6);background-color:var(--bcm-color-prime-blue-1)}@media screen and (min-width: 576px){.title{padding:var(--const-padding-vertical-sub) var(--const-padding-horizontal-sub)}}.dropdown-group .title{padding:var(--const-padding-vertical-sub) var(--const-padding-horizontal-sub);white-space:nowrap}.dropdown-group .inner{position:relative;box-shadow:none}.dropdown-group.right{position:relative;--nowrap-sub:nowrap}.dropdown-group.right .inner{position:absolute;top:0;left:100%;margin-left:2px;box-shadow:var(--group-shadow)}@media screen and (min-width: 576px){.dropdown-group.right .inner{position:relative;left:0;box-shadow:none}}";
 
@@ -56,36 +55,4 @@ const BcmDropdownGroup = class {
 };
 BcmDropdownGroup.style = dropdownGroupCss;
 
-const dropdownItemCss = "@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:block}@media screen and (min-width: 576px){:host{width:100%}}:host(.hidden){display:none}.dropdown-item{--padding-vertical:8px;--padding-horizontal:8px;--nowrap:normal}.dropdown-item{border:none;outline:0;cursor:pointer;display:flex;align-items:center;justify-content:center;text-align:center;font-family:\"Roboto\", sans-serif;color:var(--bcm-color-grey-8);background-color:transparent;text-decoration:none;box-sizing:border-box;position:relative;border:none;padding:var(--padding-vertical-sub, var(--padding-vertical)) var(--padding-horizontal-sub, var(--padding-horizontal));white-space:var(--nowrap-sub, var(--nowrap));min-width:150px;width:100%;cursor:pointer}.dropdown-item.disabled{color:var(--bcm-color-grey-6)}.dropdown-item.selected{background-color:var(--bcm-color-prime-blue-6);color:#ffffff}.dropdown-item.selected:hover:not(.disabled){background-color:var(--bcm-color-prime-blue-7);color:#ffffff}.dropdown-item:hover:not(.disabled){color:var(--hover-color, var(--bcm-color-prime-blue-6));background-color:var(--hover-bg-color, var(--bcm-color-prime-blue-1))}.dropdown-item bcm-icon{margin-right:10px}";
-
-const BcmDropdownItem = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.menuItemSelected = createEvent(this, "bcm-dropdown-item-selected", 7);
-    this.size = 'medium';
-    this.disabled = false;
-    this._id = (Math.random() * 4).toString(16).replace('.', '');
-    this.hidden = false;
-  }
-  /**
-   * @desc
-   */
-  handleClick() {
-    this.menuItemSelected.emit(this._id);
-  }
-  render() {
-    const { disabled, icon, target, href, size } = this;
-    const iconSize = iconSizes.default[size];
-    const Component = (href && !disabled) ? 'a' : 'button';
-    const classes = classnames('dropdown-item', size, {
-      'size-2': size === 'small' || size === 'medium',
-      'size-3': size === 'large',
-    });
-    const hostClasses = classnames(this.hidden ? 'hidden' : null);
-    return (h(Host, { class: hostClasses, onClick: () => this.handleClick() }, h(Component, { class: classes, disabled: disabled, href: href, target: target }, icon && h("bcm-icon", { type: "outlined", class: "prefix", icon: icon, size: iconSize }), h("slot", null))));
-  }
-  get el() { return getElement(this); }
-};
-BcmDropdownItem.style = dropdownItemCss;
-
-export { BcmDropdownGroup as bcm_dropdown_group, BcmDropdownItem as bcm_dropdown_item };
+export { BcmDropdownGroup as bcm_dropdown_group };

package/dist/bromcom-ui/bcm-dropdown-item.entry.js

@@ -0,0 +1,37 @@
+import { r as registerInstance, e as createEvent, h, f as Host, g as getElement } from './index-9dbea026.js';
+import { c as classnames } from './index-43956e3c.js';
+import { i as iconSizes } from './types-0e4b533d.js';
+
+const dropdownItemCss = "@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:block}@media screen and (min-width: 576px){:host{width:100%}}:host(.hidden){display:none}.dropdown-item{--padding-vertical:8px;--padding-horizontal:8px;--nowrap:normal}.dropdown-item{border:none;outline:0;cursor:pointer;display:flex;align-items:center;justify-content:center;text-align:center;font-family:\"Roboto\", sans-serif;color:var(--bcm-color-grey-8);background-color:transparent;text-decoration:none;box-sizing:border-box;position:relative;border:none;padding:var(--padding-vertical-sub, var(--padding-vertical)) var(--padding-horizontal-sub, var(--padding-horizontal));white-space:var(--nowrap-sub, var(--nowrap));min-width:150px;width:100%;cursor:pointer}.dropdown-item.disabled{color:var(--bcm-color-grey-6)}.dropdown-item.selected{background-color:var(--bcm-color-prime-blue-6);color:#ffffff}.dropdown-item.selected:hover:not(.disabled){background-color:var(--bcm-color-prime-blue-7);color:#ffffff}.dropdown-item:hover:not(.disabled){color:var(--hover-color, var(--bcm-color-prime-blue-6));background-color:var(--hover-bg-color, var(--bcm-color-prime-blue-1))}.dropdown-item bcm-icon{margin-right:10px}";
+
+const BcmDropdownItem = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.menuItemSelected = createEvent(this, "bcm-dropdown-item-selected", 7);
+    this.size = 'medium';
+    this.disabled = false;
+    this._id = (Math.random() * 4).toString(16).replace('.', '');
+    this.hidden = false;
+  }
+  /**
+   * @desc
+   */
+  handleClick() {
+    this.menuItemSelected.emit(this._id);
+  }
+  render() {
+    const { disabled, icon, target, href, size } = this;
+    const iconSize = iconSizes.default[size];
+    const Component = (href && !disabled) ? 'a' : 'button';
+    const classes = classnames('dropdown-item', size, {
+      'size-2': size === 'small' || size === 'medium',
+      'size-3': size === 'large',
+    });
+    const hostClasses = classnames(this.hidden ? 'hidden' : null);
+    return (h(Host, { class: hostClasses, onClick: () => this.handleClick() }, h(Component, { class: classes, disabled: disabled, href: href, target: target }, icon && h("bcm-icon", { type: "outlined", class: "prefix", icon: icon, size: iconSize }), h("slot", null))));
+  }
+  get el() { return getElement(this); }
+};
+BcmDropdownItem.style = dropdownItemCss;
+
+export { BcmDropdownItem as bcm_dropdown_item };

package/dist/{esm → bromcom-ui}/bcm-dropdown-list.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-8fe7aea4.js';
-import { c as classnames } from './index-e58a2d48.js';
+import { r as registerInstance, h, f as Host, g as getElement } from './index-9dbea026.js';
+import { c as classnames } from './index-43956e3c.js';
 
 const dropdownListCss = "@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:block}:host(.hidden){display:none}";
 

package/dist/{esm → bromcom-ui}/bcm-dropdown.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-8fe7aea4.js';
-import { c as classnames } from './index-e58a2d48.js';
-import { g as getChilds } from './utils-b7fba7c4.js';
+import { r as registerInstance, e as createEvent, h, f as Host, g as getElement } from './index-9dbea026.js';
+import { c as classnames } from './index-43956e3c.js';
+import { a as getChilds } from './utils-1feb01eb.js';
 
 const dropdownCss = "@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;width:fit-content}:host(.hidden){display:none}*{box-sizing:border-box}::-webkit-details-marker{display:none}summary{display:inline-block}.items-container{--group-shadow:0px 4px 4px rgba(0, 0, 0, 0.25)}details{position:relative}.items-container{min-width:150px;transition:height 0.3s ease;position:absolute;left:0;transition:height 0.3s ease;background-color:#ffffff;border-radius:2px;box-shadow:var(--group-shadow);z-index:10000}";
 

package/dist/bromcom-ui/bcm-empty.entry.js

@@ -0,0 +1,67 @@
+import { r as registerInstance, h, f as Host, i as getAssetPath, g as getElement } from './index-9dbea026.js';
+import { c as classnames } from './index-43956e3c.js';
+
+/**
+ * 'image' prop predefined values
+ */
+var ImageProps;
+(function (ImageProps) {
+  ImageProps["default"] = "default.svg";
+  ImageProps["simple"] = "simple.svg";
+})(ImageProps || (ImageProps = {}));
+/**
+ * 'size' prop predefined values
+ */
+var SizeProps;
+(function (SizeProps) {
+  SizeProps["small"] = "small";
+  SizeProps["medium"] = "medium";
+  SizeProps["big"] = "big";
+})(SizeProps || (SizeProps = {}));
+
+const emptyCss = "@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:block}:host(.hidden){display:none}.empty.small{max-width:100px}.empty.medium{max-width:140px}.empty.big{max-width:200px}.text{font-size:14px;color:var(--bcm-color-grey-8)}.content{text-align:center}img{max-width:100%}";
+
+const BcmEmpty = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    /**
+     * Component Properties
+     */
+    this._image = ImageProps.default;
+    this.size = SizeProps.medium;
+    this.hidden = false;
+  }
+  /**
+  * @ComponentMethod
+  */
+  componentWillLoad() {
+    this.parseImage(this._image);
+  }
+  /**
+  * @desc
+  * @param newValue
+  * @returns {void}
+  */
+  parseImage(newValue) {
+    if (newValue) {
+      newValue in ImageProps
+        ? this.image = ImageProps[newValue]
+        : this.image = ImageProps.default;
+    }
+  }
+  render() {
+    const classes = classnames('empty', {
+      [this.size]: this.size
+    });
+    const hostClasses = classnames(this.hidden ? 'hidden' : null);
+    return (h(Host, { class: hostClasses }, h("div", { class: classes }, h("img", { src: getAssetPath(`./static/${this.image}`) }), h("div", { class: "content" }, this.text && (h("span", { class: "text" }, this.text)), h("slot", null)))));
+  }
+  static get assetsDirs() { return ["static"]; }
+  get el() { return getElement(this); }
+  static get watchers() { return {
+    "_image": ["parseImage"]
+  }; }
+};
+BcmEmpty.style = emptyCss;
+
+export { BcmEmpty as bcm_empty };

package/dist/{esm → bromcom-ui}/bcm-error-layout.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-8fe7aea4.js';
-import { c as classnames } from './index-e58a2d48.js';
+import { r as registerInstance, h, f as Host, g as getElement } from './index-9dbea026.js';
+import { c as classnames } from './index-43956e3c.js';
 
 const errorLayoutCss = "@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}.error-layout{padding:12px 12px 12px 25px;background:#fff1f0;border:2px solid #ffa39e;box-sizing:border-box;border-radius:2px;color:#f5222d;font-size:12px}";
 

package/dist/{esm → bromcom-ui}/bcm-footer.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, H as Host } from './index-8fe7aea4.js';
-import { c as classnames } from './index-e58a2d48.js';
+import { r as registerInstance, h, f as Host } from './index-9dbea026.js';
+import { c as classnames } from './index-43956e3c.js';
 
 const BcmFooter = class {
   constructor(hostRef) {

package/dist/{esm → bromcom-ui}/bcm-form-group.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-8fe7aea4.js';
+import { r as registerInstance, h, f as Host } from './index-9dbea026.js';
 
 const formGroupCss = "@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:block}:host(.hidden){display:none}";
 

package/dist/{collection/components/organism/form/form.js → bromcom-ui/bcm-form.entry.js}

@@ -1,14 +1,55 @@
-import { Component, h, Host, Listen, Element, Prop, Event, Method } from '@stencil/core';
-import cs from 'classnames';
-import { getChilds } from '../../../utils/utils';
-import { validate } from '../../../utils/validation';
+import { r as registerInstance, e as createEvent, h, f as Host, g as getElement } from './index-9dbea026.js';
+import { c as classnames } from './index-43956e3c.js';
+import { a as getChilds } from './utils-1feb01eb.js';
+
+// /**
+//  * 
+//  * @param type 
+//  */
+// export const required = (value:any) => {
+//   if ( value || value != null ) {
+//     return true
+//   } else {
+//     return true
+//   }
+// }
+class rules {
+  constructor() { }
+  response(status, message) {
+    return Object.assign(Object.assign({ valid: status }, (message && { message })), (!status && { type: 'error' }));
+  }
+  required(value, componentValidation) {
+    let validation = this.response(true);
+    if (value == '' || value == "" || value == undefined || value == null || value === false) {
+      validation = this.response(false, 'This field is required.');
+    }
+    if (componentValidation) {
+      if (!componentValidation.valid) {
+        validation = this.response(false, componentValidation.errorText);
+      }
+      if (value instanceof Object) {
+        if (value.isValid) {
+          if (value.isValid == false)
+            validation = this.response(false, 'This field is required.');
+        }
+      }
+    }
+    return validation;
+  }
+}
+const validate = new rules;
+
+const formCss = "@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:block;margin-bottom:8px}:host(.hidden){display:none}";
+
 /**
  * @desc
  * @param str
  */
 const lowercase = (str) => str.toLowerCase();
-export class BcmForm {
-  constructor() {
+const BcmForm = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.bcmForm = createEvent(this, "bcm-form", 7);
     this.formData = {};
     this.inputs = [];
     this.duplicateInput = [];
@@ -167,7 +208,7 @@ export class BcmForm {
     return ['bcm-datetime-picker', 'bcm-date-picker', 'bcm-time-picker'].includes(item.toLowerCase());
   }
   isGroupComponent(item) {
-    return ['bcm-checkbox-group', 'bcm-radio-group'].includes(item.toLowerCase());
+    return ['bcm-checkbox-group'].includes(item.toLowerCase());
   }
   async userFormData() {
     this.formData = {};
@@ -199,8 +240,9 @@ export class BcmForm {
           }
         }
         else if (isGroupComponent) {
-          getChilds(input, "bcm-checkbox").forEach(element => {
-            if (element.required == true) {
+          const childsCheckbox = getChilds(input, "bcm-checkbox");
+          childsCheckbox.length > 0 && (childsCheckbox.forEach((element) => {
+            if (element && element.required === true) {
               valid = validate.required(element.value);
               if (!valid['valid']) {
                 element.noCaption = false;
@@ -213,7 +255,7 @@ export class BcmForm {
                 element.captionType = "default";
               }
             }
-          });
+          }));
         }
         else {
           valid = validate.required(input.value);
@@ -287,210 +329,11 @@ export class BcmForm {
     this.value = this.userFormData();
   }
   render() {
-    const hostClasses = cs(this.hidden ? 'hidden' : null);
-    return (h(Host, { class: hostClasses },
-      h("form", { class: "bcm-form" },
-        h("slot", null))));
+    const hostClasses = classnames(this.hidden ? 'hidden' : null);
+    return (h(Host, { class: hostClasses }, h("form", { class: "bcm-form" }, h("slot", null))));
   }
-  static get is() { return "bcm-form"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["form.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["form.css"]
-  }; }
-  static get properties() { return {
-    "_id": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "id",
-      "reflect": true,
-      "defaultValue": "(Math.random() * 4).toString(16).replace('.', '')"
-    },
-    "hidden": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "hidden",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "validation": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "validation",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "name": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "name",
-      "reflect": false,
-      "defaultValue": "\"\""
-    },
-    "value": {
-      "type": "any",
-      "mutable": false,
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "value",
-      "reflect": false
-    }
-  }; }
-  static get events() { return [{
-      "method": "bcmForm",
-      "name": "bcm-form",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      }
-    }]; }
-  static get methods() { return {
-    "submit": {
-      "complexType": {
-        "signature": "() => Promise<any>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
-        },
-        "return": "Promise<any>"
-      },
-      "docs": {
-        "text": "",
-        "tags": []
-      }
-    },
-    "setClear": {
-      "complexType": {
-        "signature": "() => Promise<void>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
-        },
-        "return": "Promise<void>"
-      },
-      "docs": {
-        "text": "",
-        "tags": []
-      }
-    },
-    "resetCaption": {
-      "complexType": {
-        "signature": "() => Promise<void>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
-        },
-        "return": "Promise<void>"
-      },
-      "docs": {
-        "text": "",
-        "tags": []
-      }
-    },
-    "config": {
-      "complexType": {
-        "signature": "(_config: Array<object>) => Promise<boolean>",
-        "parameters": [{
-            "tags": [],
-            "text": ""
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
-          },
-          "Array": {
-            "location": "global"
-          }
-        },
-        "return": "Promise<boolean>"
-      },
-      "docs": {
-        "text": "",
-        "tags": []
-      }
-    }
-  }; }
-  static get elementRef() { return "el"; }
-  static get listeners() { return [{
-      "name": "click",
-      "method": "handleSubmit",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "bcm-change",
-      "method": "handleChange",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }]; }
-}
+  get el() { return getElement(this); }
+};
+BcmForm.style = formCss;
+
+export { BcmForm as bcm_form };

package/dist/{esm → bromcom-ui}/bcm-header.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, H as Host } from './index-8fe7aea4.js';
-import { c as classnames } from './index-e58a2d48.js';
+import { r as registerInstance, h, f as Host } from './index-9dbea026.js';
+import { c as classnames } from './index-43956e3c.js';
 
 const BcmHeader = class {
   constructor(hostRef) {