bromcom-ui 2.7.37-rc.9 → 2.7.38-rc.0

package/dist/collection/components/molecules/breadcrumb/breadcrumb.js

@@ -4,16 +4,21 @@
  */
 var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+    r = Reflect.decorate(decorators, target, key, desc);
+  else
+    for (var i = decorators.length - 1; i >= 0; i--)
+      if (d = decorators[i])
+        r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
   return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { Component, h, Listen, Prop, State, Element, Event, Host } from '@stencil/core';
+import { h, Host } from '@stencil/core';
 import cs from 'classnames';
 import { IsLoad } from '../../../decorators/is-load-decorator';
 import { Generate } from '../../../helper/generate';
 export class BcmBreadcrumb {
   constructor() {
+    this.items = undefined;
     this.seperator = '/';
     this.hidden = false;
     this.isOpen = false;
@@ -40,115 +45,116 @@ export class BcmBreadcrumb {
         'active': item.index === items.length - 1,
         'is-link': (item.child == true || item.index < items.length - 1) && item.href
       }) }), item.label ? item.label : null));
-    const DropdownTemplate = (item) => (h("details", { class: cs('bcm-breadcrumb__dropdown-item', { 'active': item.index === items.length - 1, 'open': this.isOpen === item.id }), id: item.id, open: this.isOpen === item.id },
-      h("summary", { onClick: () => this.handleOpen(item.id), class: this.isOpen === item.id && 'open' },
-        h("span", { class: "is-link" },
-          h(LinkTemplate, Object.assign({}, { 'icon': item.icon, 'label': item.label, 'href': 'javascript:void(0)', 'index': item.index })),
-          h("bcm-icon", { icon: "fas fa-caret-down" }))),
-      h("div", { class: "bcm-breadcrumb__dropdown-submenu" }, item.dropdown.map(link => (h("span", { class: "size-2 dropdown-item" },
-        h(LinkTemplate, Object.assign({}, link, { child: true }))))))));
-    return (h(Host, { class: hostClasses },
-      h("span", { hidden: true },
-        h("slot", null)),
-      items.map((item, index) => (h("span", { class: "bcm-breadcrumb__item" },
-        item.dropdown && item.dropdown.length > 0 ? DropdownTemplate(this.parseItem(item, index)) : LinkTemplate(this.parseItem(item, index)),
-        index < items.length - 1 ? h("span", { class: "seperator" }, seperator) : null)))));
+    const DropdownTemplate = (item) => (h("details", { class: cs('bcm-breadcrumb__dropdown-item', { 'active': item.index === items.length - 1, 'open': this.isOpen === item.id }), id: item.id, open: this.isOpen === item.id }, h("summary", { onClick: () => this.handleOpen(item.id), class: this.isOpen === item.id && 'open' }, h("span", { class: "is-link" }, h(LinkTemplate, Object.assign({}, { 'icon': item.icon, 'label': item.label, 'href': 'javascript:void(0)', 'index': item.index })), h("bcm-icon", { icon: "fas fa-caret-down" }))), h("div", { class: "bcm-breadcrumb__dropdown-submenu" }, item.dropdown.map(link => (h("span", { class: "size-2 dropdown-item" }, h(LinkTemplate, Object.assign({}, link, { child: true }))))))));
+    return (h(Host, { class: hostClasses }, h("span", { hidden: true }, h("slot", null)), items.map((item, index) => (h("span", { class: "bcm-breadcrumb__item" }, item.dropdown && item.dropdown.length > 0 ? DropdownTemplate(this.parseItem(item, index)) : LinkTemplate(this.parseItem(item, index)), index < items.length - 1 ? h("span", { class: "seperator" }, seperator) : null)))));
   }
   static get is() { return "bcm-breadcrumb"; }
-  static get originalStyleUrls() { return {
-    "$": ["breadcrumb.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["breadcrumb.css"]
-  }; }
-  static get properties() { return {
-    "items": {
-      "type": "unknown",
-      "mutable": true,
-      "complexType": {
-        "original": "Array<ItemType>",
-        "resolved": "ItemType[]",
-        "references": {
-          "Array": {
-            "location": "global"
-          },
-          "ItemType": {
-            "location": "import",
-            "path": "./types"
+  static get originalStyleUrls() {
+    return {
+      "$": ["breadcrumb.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["breadcrumb.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "items": {
+        "type": "unknown",
+        "mutable": true,
+        "complexType": {
+          "original": "Array<ItemType>",
+          "resolved": "ItemType[]",
+          "references": {
+            "Array": {
+              "location": "global"
+            },
+            "ItemType": {
+              "location": "import",
+              "path": "./types"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
         }
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "seperator": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "seperator": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "seperator",
+        "reflect": false,
+        "defaultValue": "'/'"
       },
-      "attribute": "seperator",
-      "reflect": false,
-      "defaultValue": "'/'"
-    },
-    "hidden": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "hidden",
-      "reflect": false,
-      "defaultValue": "false"
-    }
-  }; }
-  static get states() { return {
-    "isOpen": {}
-  }; }
-  static get events() { return [{
-      "method": "bcmBreadcrumb",
-      "name": "bcm-breadcrumb-click",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
+      "hidden": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "hidden",
+        "reflect": false,
+        "defaultValue": "false"
       }
-    }]; }
+    };
+  }
+  static get states() {
+    return {
+      "isOpen": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "bcmBreadcrumb",
+        "name": "bcm-breadcrumb-click",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }];
+  }
   static get elementRef() { return "el"; }
-  static get listeners() { return [{
-      "name": "click",
-      "method": "handleClickOutside",
-      "target": "window",
-      "capture": false,
-      "passive": false
-    }]; }
+  static get listeners() {
+    return [{
+        "name": "click",
+        "method": "handleClickOutside",
+        "target": "window",
+        "capture": false,
+        "passive": false
+      }];
+  }
 }
 __decorate([
   IsLoad()

package/dist/collection/components/molecules/breadcrumb/types.js

@@ -1,5 +1 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
 export {};

package/dist/collection/components/molecules/button-group/button-group.js

@@ -4,11 +4,15 @@
  */
 var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+    r = Reflect.decorate(decorators, target, key, desc);
+  else
+    for (var i = decorators.length - 1; i >= 0; i--)
+      if (d = decorators[i])
+        r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
   return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { Component, Element, Event, h, Host, Listen, Prop } from '@stencil/core';
+import { h, Host } from '@stencil/core';
 import { Generate } from '../../../helper/generate';
 import Bcm from '../../../models/bcm';
 import { IsLoad } from '../../../decorators/is-load-decorator';
@@ -20,6 +24,8 @@ export class BcmButtonGroup {
     this._id = Generate.UID();
     this.size = Bcm.Size.medium;
     this.type = 'button';
+    this.color = undefined;
+    this.disabled = undefined;
     this.direction = Bcm.Direction.horizontal;
   }
   componentWillLoad() {
@@ -77,158 +83,167 @@ export class BcmButtonGroup {
     const hostClasses = cs('bcm-button-group', {
       'bcm-button-group__vertical': this.direction === Bcm.Direction.vertical,
     });
-    return (h(Host, { class: hostClasses },
-      h("slot", null)));
+    return (h(Host, { class: hostClasses }, h("slot", null)));
   }
   static get is() { return "bcm-button-group"; }
-  static get originalStyleUrls() { return {
-    "$": ["button-group.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["button-group.css"]
-  }; }
-  static get properties() { return {
-    "_id": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+  static get originalStyleUrls() {
+    return {
+      "$": ["button-group.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["button-group.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "_id": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "id",
+        "reflect": true,
+        "defaultValue": "Generate.UID()"
       },
-      "attribute": "id",
-      "reflect": true,
-      "defaultValue": "Generate.UID()"
-    },
-    "size": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "SizeTypes",
-        "resolved": "\"large\" | \"medium\" | \"small\"",
-        "references": {
-          "SizeTypes": {
-            "location": "import",
-            "path": "../../../models/bcm-types"
+      "size": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "SizeTypes",
+          "resolved": "\"large\" | \"medium\" | \"small\"",
+          "references": {
+            "SizeTypes": {
+              "location": "import",
+              "path": "../../../models/bcm-types"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "size",
+        "reflect": false,
+        "defaultValue": "Bcm.Size.medium"
       },
-      "attribute": "size",
-      "reflect": false,
-      "defaultValue": "Bcm.Size.medium"
-    },
-    "type": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "'checkbox' | 'radio' | 'button'",
-        "resolved": "\"button\" | \"checkbox\" | \"radio\"",
-        "references": {}
+      "type": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "'checkbox' | 'radio' | 'button'",
+          "resolved": "\"button\" | \"checkbox\" | \"radio\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "type",
+        "reflect": false,
+        "defaultValue": "'button'"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "color": {
+        "type": "any",
+        "mutable": true,
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "color",
+        "reflect": false
       },
-      "attribute": "type",
-      "reflect": false,
-      "defaultValue": "'button'"
-    },
-    "color": {
-      "type": "any",
-      "mutable": true,
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
+      "disabled": {
+        "type": "any",
+        "mutable": true,
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "disabled",
+        "reflect": false
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "color",
-      "reflect": false
-    },
-    "disabled": {
-      "type": "any",
-      "mutable": true,
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "disabled",
-      "reflect": false
-    },
-    "direction": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "DirectionTypes",
-        "resolved": "\"horizontal\" | \"vertical\"",
-        "references": {
-          "DirectionTypes": {
-            "location": "import",
-            "path": "../../../models/bcm-types"
+      "direction": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "DirectionTypes",
+          "resolved": "\"horizontal\" | \"vertical\"",
+          "references": {
+            "DirectionTypes": {
+              "location": "import",
+              "path": "../../../models/bcm-types"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "direction",
-      "reflect": false,
-      "defaultValue": "Bcm.Direction.horizontal"
-    }
-  }; }
-  static get events() { return [{
-      "method": "bcmChange",
-      "name": "bcm-change",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "direction",
+        "reflect": false,
+        "defaultValue": "Bcm.Direction.horizontal"
       }
-    }]; }
+    };
+  }
+  static get events() {
+    return [{
+        "method": "bcmChange",
+        "name": "bcm-change",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }];
+  }
   static get elementRef() { return "el"; }
-  static get listeners() { return [{
-      "name": "bcm-click",
-      "method": "listenButton",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }]; }
+  static get listeners() {
+    return [{
+        "name": "bcm-click",
+        "method": "listenButton",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }];
+  }
 }
 __decorate([
   IsLoad()