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

package/dist/collection/components/molecules/progress/progress.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, h, Host, Method, Prop, State } from "@stencil/core";
+import { h, Host } from "@stencil/core";
 import cs from "classnames";
 import { IsLoad } from "../../../decorators/is-load-decorator";
 import { ColorHelper } from "../../../helper/color-helper";
@@ -117,286 +121,275 @@ export class BcmProgress {
       hidden,
       "full-width": fullWidth,
     });
-    const CircleTemplate = () => (h("div", { class: "bcm-progress__circle", style: containerStyle },
-      h("svg", { width: circleSize, height: circleSize },
-        h("circle", { r: radius, cx: centerOfCircle, cy: centerOfCircle, class: "bcm-progress__circle-circle" }),
-        h("circle", { r: radius, cx: centerOfCircle, cy: centerOfCircle, class: circleClasses, id: "circle" }),
-        (this.info && this.info != "icon") && !this.error && (h("text", { x: centerOfCircle, y: centerOfCircle, "text-anchor": "middle", class: textSize, "alignment-baseline": "middle" },
-          this.info === "value-max" && (value + "/" + this.max),
-          this.info === "value" && { value },
-          this.info === "percent" &&
-            (100 / this.max) * +(value) + "%"))),
-      this.getIcon("circle")));
-    const LineTemplate = () => (h("div", { class: "bcm-progress__line" },
-      h("progress", { class: lineClasses, value: value, max: this.max }),
-      this.info === "value-max" && h("span", { class: "value" },
-        value,
-        "/",
-        this.max,
-        " "),
-      this.info === "value" && h("span", { class: "value" },
-        value,
-        " "),
-      this.info === "percent" &&
-        h("span", { class: "value" },
-          (100 / this.max) * +(value),
-          "%"),
-      this.info === "icon" && h("span", { class: "value" }, this.getIcon("line"))));
+    const CircleTemplate = () => (h("div", { class: "bcm-progress__circle", style: containerStyle }, h("svg", { width: circleSize, height: circleSize }, h("circle", { r: radius, cx: centerOfCircle, cy: centerOfCircle, class: "bcm-progress__circle-circle" }), h("circle", { r: radius, cx: centerOfCircle, cy: centerOfCircle, class: circleClasses, id: "circle" }), (this.info && this.info != "icon") && !this.error && (h("text", { x: centerOfCircle, y: centerOfCircle, "text-anchor": "middle", class: textSize, "alignment-baseline": "middle" }, this.info === "value-max" && (value + "/" + this.max), this.info === "value" && { value }, this.info === "percent" &&
+      (100 / this.max) * +(value) + "%"))), this.getIcon("circle")));
+    const LineTemplate = () => (h("div", { class: "bcm-progress__line" }, h("progress", { class: lineClasses, value: value, max: this.max }), this.info === "value-max" && h("span", { class: "value" }, value, "/", this.max, " "), this.info === "value" && h("span", { class: "value" }, value, " "), this.info === "percent" &&
+      h("span", { class: "value" }, (100 / this.max) * +(value), "%"), this.info === "icon" && h("span", { class: "value" }, this.getIcon("line"))));
     return (h(Host, { class: hostClasses, style: {
         [`--bcm-progress-color`]: ColorHelper.dsColor(this.color),
       } }, type === "circle" ? h(CircleTemplate, null) : h(LineTemplate, null)));
   }
   static get is() { return "bcm-progress"; }
-  static get originalStyleUrls() { return {
-    "$": ["progress.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["progress.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()"
-    },
-    "value": {
-      "type": "number",
-      "mutable": true,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "value",
-      "reflect": false,
-      "defaultValue": "0"
-    },
-    "max": {
-      "type": "number",
-      "mutable": true,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "max",
-      "reflect": false,
-      "defaultValue": "100"
-    },
-    "size": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "\"small\" | \"medium\"",
-        "resolved": "\"medium\" | \"small\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "size",
-      "reflect": false,
-      "defaultValue": "Bcm.Size.medium"
-    },
-    "type": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "\"line\" | \"line-rounded\" | \"circle\"",
-        "resolved": "\"circle\" | \"line\" | \"line-rounded\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "type",
-      "reflect": false,
-      "defaultValue": "\"line-rounded\""
-    },
-    "info": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "\"value-max\" | \"value\" | \"percent\" | \"icon\"",
-        "resolved": "\"icon\" | \"percent\" | \"value\" | \"value-max\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "info",
-      "reflect": false,
-      "defaultValue": "null"
-    },
-    "error": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+  static get originalStyleUrls() {
+    return {
+      "$": ["progress.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["progress.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()"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "value": {
+        "type": "number",
+        "mutable": true,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "value",
+        "reflect": false,
+        "defaultValue": "0"
       },
-      "attribute": "error",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "hidden": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "max": {
+        "type": "number",
+        "mutable": true,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "max",
+        "reflect": false,
+        "defaultValue": "100"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "size": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "\"small\" | \"medium\"",
+          "resolved": "\"medium\" | \"small\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "size",
+        "reflect": false,
+        "defaultValue": "Bcm.Size.medium"
       },
-      "attribute": "hidden",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "fullWidth": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "type": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "\"line\" | \"line-rounded\" | \"circle\"",
+          "resolved": "\"circle\" | \"line\" | \"line-rounded\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "type",
+        "reflect": false,
+        "defaultValue": "\"line-rounded\""
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "info": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "\"value-max\" | \"value\" | \"percent\" | \"icon\"",
+          "resolved": "\"icon\" | \"percent\" | \"value\" | \"value-max\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "info",
+        "reflect": false,
+        "defaultValue": "null"
       },
-      "attribute": "full-width",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "color": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "error": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "error",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "hidden": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "hidden",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "attribute": "color",
-      "reflect": false,
-      "defaultValue": "\"blue\""
-    }
-  }; }
-  static get states() { return {
-    "isCompleted": {}
-  }; }
-  static get methods() { return {
-    "increment": {
-      "complexType": {
-        "signature": "(percent: number) => Promise<void>",
-        "parameters": [{
-            "tags": [],
-            "text": ""
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+      "fullWidth": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
         },
-        "return": "Promise<void>"
+        "attribute": "full-width",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "docs": {
-        "text": "",
-        "tags": []
+      "color": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "color",
+        "reflect": false,
+        "defaultValue": "\"blue\""
       }
-    },
-    "decrement": {
-      "complexType": {
-        "signature": "(percent: number) => Promise<void>",
-        "parameters": [{
-            "tags": [],
-            "text": ""
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+    };
+  }
+  static get states() {
+    return {
+      "isCompleted": {}
+    };
+  }
+  static get methods() {
+    return {
+      "increment": {
+        "complexType": {
+          "signature": "(percent: number) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
         },
-        "return": "Promise<void>"
+        "docs": {
+          "text": "",
+          "tags": []
+        }
       },
-      "docs": {
-        "text": "",
-        "tags": []
-      }
-    },
-    "set": {
-      "complexType": {
-        "signature": "(percent: number) => Promise<void>",
-        "parameters": [{
-            "tags": [],
-            "text": ""
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+      "decrement": {
+        "complexType": {
+          "signature": "(percent: number) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
         },
-        "return": "Promise<void>"
+        "docs": {
+          "text": "",
+          "tags": []
+        }
       },
-      "docs": {
-        "text": "",
-        "tags": []
+      "set": {
+        "complexType": {
+          "signature": "(percent: number) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "",
+          "tags": []
+        }
       }
-    }
-  }; }
+    };
+  }
   static get elementRef() { return "el"; }
 }
 __decorate([