bromcom-ui 2.3.54 → 2.3.58

package/dist/esm/bcm-alert.entry.js

@@ -1,25 +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';
-
-/**
- * 'status' prop predefined values
- */
-var StatusProps;
-(function (StatusProps) {
-  StatusProps["info"] = "info";
-  StatusProps["error"] = "error";
-  StatusProps["warning"] = "warning";
-  StatusProps["success"] = "success";
-  StatusProps["default"] = "default";
-})(StatusProps || (StatusProps = {}));
-/**
- * 'type' prop predefined values
- */
-var TypeProps;
-(function (TypeProps) {
-  TypeProps["banner"] = "banner";
-  TypeProps["basic"] = "basic";
-})(TypeProps || (TypeProps = {}));
+import { S as StatusProps, T as TypeProps } from './types-911a8837.js';
 
 const alertCss = "@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}.alert{display:flex;width:100%;box-sizing:border-box;padding:8px 16px;box-shadow:0px 2px 4px rgba(0, 0, 0, 0.15);border-radius:2px}.alert:not(.full-width){max-width:400px}.alert.has-slot{padding-top:16px;padding-bottom:16px}.alert.has-slot .title{font-size:16px}.alert.info{background-color:var(--bcm-color-blue-1);border:1px solid var(--bcm-color-blue-3)}.alert.error{background-color:var(--bcm-color-red-1);border:1px solid var(--bcm-color-red-3)}.alert.warning{background-color:var(--bcm-color-warmyellow-1);border:1px solid var(--bcm-color-warmyellow-3)}.alert.success{background-color:var(--bcm-color-green-1);border:1px solid var(--bcm-color-green-3)}.alert.banner{border:none}.text-content{width:100%}.title{position:relative;display:flex;align-items:center;padding-right:24px;padding-top:4px;padding-bottom:4px;font-size:14px;color:var(--bcm-color-grey-8)}.title .dismiss{position:absolute;right:0;top:5px;cursor:pointer}.title bcm-icon{margin-right:9px}p{margin-top:8px;margin-bottom:0;font-size:14px;line-height:22px;color:var(--bcm-color-grey-8)}p:not(.visible){display:none}p.hidden{display:none}.icon-content{padding-top:2px;padding-right:16px}";
 

package/dist/esm/bcm-badge.entry.js

@@ -0,0 +1,46 @@
+import { r as registerInstance, h, H as Host } from './index-8fe7aea4.js';
+import { c as classnames } from './index-e58a2d48.js';
+import { C as ColorPalette } from './colors-7c7b35e9.js';
+import { e as extractColor } from './utils-de9aee67.js';
+
+const badgeCss = "@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}.success{background-color:#52C41A}.error{background-color:#F5222D}.default{background-color:#D9D9D9}.processing{background-color:#4293CF}.warning{background-color:#FA8C16}.badge-basic{padding:0 8px;border:1px solid #FFFFFF;color:var(--bcm-color-grey-1);border-radius:16px;font-size:14px;height:22px;display:inline-flex;align-items:center;justify-content:center}.badge-info{display:inline-flex;align-items:center}.badge-text{color:var(--bcm-color-grey-7);font-size:14px}.badge-dot{display:inline-block;width:8px;height:8px;border:1px solid #FFFFFF;margin-right:8px;border-radius:100%;box-sizing:border-box;margin-bottom:1px}.badge-dot.basic.medium{width:12px;height:12px;margin-bottom:-1px;line-height:1}.badge-dot.basic.large{width:16px;height:16px;margin-bottom:-1px;line-height:1}";
+
+/**
+ * @desc
+ * @param str
+ */
+const lowercase = (str) => str.toLowerCase();
+const BcmBadge = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.type = 'basic';
+    this.status = this.type === 'basic' ? 'error' : 'default';
+    this.hidden = false;
+    this.color = null;
+    this.size = 'small';
+  }
+  handleColor(color) {
+    var returnColor;
+    if (color) {
+      if (color.match(/^#[a-f0-9]{6}$/i) !== null || lowercase(color.substring(0, 3)) === "rgb") {
+        returnColor = color;
+      }
+      else {
+        returnColor = extractColor(ColorPalette, color);
+      }
+      return { backgroundColor: returnColor };
+    }
+  }
+  render() {
+    const dotClass = classnames('badge-dot', this.status, this.type, this.size);
+    if (this.type === 'info') {
+      return (h("div", { class: "badge-info" }, h("span", { class: dotClass, style: this.handleColor(this.color) }), h("span", { class: "badge-text" }, h("slot", null))));
+    }
+    const hostClasses = classnames(this.hidden ? 'hidden' : null);
+    return (h(Host, { class: hostClasses }, !this.value ? h("span", { class: dotClass, style: this.handleColor(this.color) })
+      : (h("span", { class: `badge-basic ${this.status}` }, " ", this.value, " "))));
+  }
+};
+BcmBadge.style = badgeCss;
+
+export { BcmBadge as bcm_badge };