bromcom-ui 2.7.37-rc.9 → 2.7.37

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

@@ -4,18 +4,23 @@
  */
 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 { AttrReflect, IsLoad } from '@bcm/decorator';
+import { IsLoad } from '@bcm/decorator';
 import { Generate } from '@bcm/helpers';
 import { Bcm } from '@bcm/model';
-import { Component, Element, Event, h, Host, Listen, Method, Prop, State, Watch } from '@stencil/core';
+import { h, Host } from '@stencil/core';
 import cs from 'classnames';
 export class BcmDrawer {
   constructor() {
     this._id = Generate.UID();
+    this._title = undefined;
     this.position = Bcm.Position.right;
     this.fullWidth = false;
     this._open = false;
@@ -69,204 +74,203 @@ export class BcmDrawer {
       'bcm-drawer__overlay--open': this._open,
       'bcm-drawer__overlay--close': this._close,
     });
-    return (h(Host, { class: hostClasses },
-      h("div", { class: overlay, onClick: () => this.hide() }),
-      h("div", { class: contentClasses },
-        h("div", { class: "bcm-drawer__content-header" },
-          h("bcm-text", { class: "bcm-drawer__content-header-title", "font-size": "6", weight: "600", color: "slate-800" },
-            this._title,
-            " ",
-            h("slot", { name: "header" })),
-          h("div", { class: "bcm-drawer__content-header-close size-4", onClick: () => this.hide() },
-            h("bcm-icon", { icon: "fal fa-times" }))),
-        h("div", { style: { 'overflow': 'auto', 'flex': '1' } },
-          h("div", { class: "bcm-drawer__content-body" },
-            h("slot", null))),
-        h("div", { class: "bcm-drawer__content-footer" },
-          h("slot", { name: "footer" })))));
+    return (h(Host, { class: hostClasses }, h("div", { class: overlay, onClick: () => this.hide() }), h("div", { class: contentClasses }, h("div", { class: "bcm-drawer__content-header" }, h("bcm-text", { class: "bcm-drawer__content-header-title", "font-size": "6", weight: "600", color: "slate-800" }, this._title, " ", h("slot", { name: "header" })), h("div", { class: "bcm-drawer__content-header-close size-4", onClick: () => this.hide() }, h("bcm-icon", { icon: "fal fa-times" }))), h("div", { style: { 'overflow': 'auto', 'flex': '1' } }, h("div", { class: "bcm-drawer__content-body" }, h("slot", null))), h("div", { class: "bcm-drawer__content-footer" }, h("slot", { name: "footer" })))));
   }
   static get is() { return "bcm-drawer"; }
-  static get originalStyleUrls() { return {
-    "$": ["drawer.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["drawer.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()"
-    },
-    "_title": {
-      "type": "any",
-      "mutable": true,
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "_title",
-      "reflect": false
-    },
-    "position": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "PositionTypes",
-        "resolved": "\"bottom\" | \"left\" | \"right\" | \"top\"",
-        "references": {
-          "PositionTypes": {
-            "location": "import",
-            "path": "@bcm/model"
-          }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "position",
-      "reflect": false,
-      "defaultValue": "Bcm.Position.right"
-    },
-    "fullWidth": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "full-width",
-      "reflect": false,
-      "defaultValue": "false"
-    }
-  }; }
-  static get states() { return {
-    "_open": {},
-    "_close": {}
-  }; }
-  static get events() { return [{
-      "method": "bcmBeforeOpen",
-      "name": "bcm-before-open",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
+  static get originalStyleUrls() {
+    return {
+      "$": ["drawer.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["drawer.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()"
       },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      }
-    }, {
-      "method": "bcmBeforeClose",
-      "name": "bcm-before-close",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "_title": {
+        "type": "any",
+        "mutable": true,
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "_title",
+        "reflect": false
       },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      }
-    }]; }
-  static get methods() { return {
-    "show": {
-      "complexType": {
-        "signature": "() => Promise<void>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
+      "position": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "PositionTypes",
+          "resolved": "\"bottom\" | \"left\" | \"right\" | \"top\"",
+          "references": {
+            "PositionTypes": {
+              "location": "import",
+              "path": "@bcm/model"
+            }
           }
         },
-        "return": "Promise<void>"
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "position",
+        "reflect": false,
+        "defaultValue": "Bcm.Position.right"
       },
-      "docs": {
-        "text": "",
-        "tags": []
+      "fullWidth": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "full-width",
+        "reflect": false,
+        "defaultValue": "false"
       }
-    },
-    "hide": {
-      "complexType": {
-        "signature": "() => Promise<void>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+    };
+  }
+  static get states() {
+    return {
+      "_open": {},
+      "_close": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "bcmBeforeOpen",
+        "name": "bcm-before-open",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }, {
+        "method": "bcmBeforeClose",
+        "name": "bcm-before-close",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
         },
-        "return": "Promise<void>"
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }];
+  }
+  static get methods() {
+    return {
+      "show": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "",
+          "tags": []
+        }
       },
-      "docs": {
-        "text": "",
-        "tags": []
+      "hide": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "",
+          "tags": []
+        }
       }
-    }
-  }; }
+    };
+  }
   static get elementRef() { return "el"; }
-  static get watchers() { return [{
-      "propName": "_open",
-      "methodName": "_openHandler"
-    }]; }
-  static get listeners() { return [{
-      "name": "bcm-before-open",
-      "method": "_beforeOpen",
-      "target": "window",
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "bcm-before-close",
-      "method": "_beforeClose",
-      "target": "window",
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "keydown",
-      "method": "keyboardNavigation",
-      "target": "document",
-      "capture": false,
-      "passive": false
-    }]; }
+  static get watchers() {
+    return [{
+        "propName": "_open",
+        "methodName": "_openHandler"
+      }];
+  }
+  static get listeners() {
+    return [{
+        "name": "bcm-before-open",
+        "method": "_beforeOpen",
+        "target": "window",
+        "capture": false,
+        "passive": false
+      }, {
+        "name": "bcm-before-close",
+        "method": "_beforeClose",
+        "target": "window",
+        "capture": false,
+        "passive": false
+      }, {
+        "name": "keydown",
+        "method": "keyboardNavigation",
+        "target": "document",
+        "capture": false,
+        "passive": false
+      }];
+  }
 }
 __decorate([
   IsLoad()
 ], BcmDrawer.prototype, "el", void 0);
-__decorate([
-  AttrReflect('title')
-], BcmDrawer.prototype, "_title", void 0);