bromcom-ui 2.3.67 → 2.3.71

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

@@ -1,6 +1,7 @@
 import { h, r as registerInstance, f as Host, g as getElement } from './index-9dbea026.js';
 import { S as StatusProps } from './types-911a8837.js';
 import { c as classnames } from './index-43956e3c.js';
+import { S as StringHelper, B as Bcm } from './string-helper-1d51eff7.js';
 
 class Generate {
 }
@@ -49,489 +50,16 @@ Generate.flatArray = (arr) => {
   }, []);
 };
 
-var Bcm;
-(function (Bcm) {
-  let HtmlElementType;
-  (function (HtmlElementType) {
-    HtmlElementType["div"] = "div";
-    HtmlElementType["span"] = "span";
-    HtmlElementType["button"] = "button";
-    HtmlElementType["a"] = "a";
-    HtmlElementType["input"] = "input";
-    HtmlElementType["textarea"] = "textarea";
-    HtmlElementType["select"] = "select";
-    HtmlElementType["option"] = "option";
-    HtmlElementType["img"] = "img";
-    HtmlElementType["table"] = "table";
-    HtmlElementType["tr"] = "tr";
-    HtmlElementType["td"] = "td";
-    HtmlElementType["th"] = "th";
-    HtmlElementType["tbody"] = "tbody";
-    HtmlElementType["thead"] = "thead";
-    HtmlElementType["tfoot"] = "tfoot";
-    HtmlElementType["ul"] = "ul";
-    HtmlElementType["li"] = "li";
-    HtmlElementType["form"] = "form";
-    HtmlElementType["label"] = "label";
-    HtmlElementType["main"] = "main";
-    HtmlElementType["header"] = "header";
-    HtmlElementType["footer"] = "footer";
-    HtmlElementType["section"] = "section";
-    HtmlElementType["article"] = "article";
-    HtmlElementType["nav"] = "nav";
-    HtmlElementType["aside"] = "aside";
-  })(HtmlElementType = Bcm.HtmlElementType || (Bcm.HtmlElementType = {}));
-  let Status;
-  (function (Status) {
-    Status["info"] = "info";
-    Status["error"] = "error";
-    Status["warning"] = "warning";
-    Status["success"] = "success";
-    Status["default"] = "default";
-  })(Status = Bcm.Status || (Bcm.Status = {}));
-  let Shape;
-  (function (Shape) {
-    Shape["ellipse"] = "ellipse";
-    Shape["square"] = "square";
-  })(Shape = Bcm.Shape || (Bcm.Shape = {}));
-  let Direction;
-  (function (Direction) {
-    Direction["horizontal"] = "horizontal";
-    Direction["vertical"] = "vertical";
-  })(Direction = Bcm.Direction || (Bcm.Direction = {}));
-  let PreDefinedIconSize;
-  (function (PreDefinedIconSize) {
-    PreDefinedIconSize[PreDefinedIconSize["large"] = 48] = "large";
-    PreDefinedIconSize[PreDefinedIconSize["medium"] = 24] = "medium";
-    PreDefinedIconSize[PreDefinedIconSize["default"] = 16] = "default";
-    PreDefinedIconSize[PreDefinedIconSize["small"] = 12] = "small";
-    PreDefinedIconSize[PreDefinedIconSize["xsmall"] = 8] = "xsmall";
-  })(PreDefinedIconSize = Bcm.PreDefinedIconSize || (Bcm.PreDefinedIconSize = {}));
-  let IconSize;
-  (function (IconSize) {
-    IconSize["small"] = "16";
-    IconSize["medium"] = "20";
-    IconSize["large"] = "24";
-  })(IconSize = Bcm.IconSize || (Bcm.IconSize = {}));
-  let Size;
-  (function (Size) {
-    Size["small"] = "small";
-    Size["medium"] = "medium";
-    Size["large"] = "large";
-    Size["xsmall"] = "xsmall";
-    Size["xlarge"] = "xlarge";
-    Size["xxlarge"] = "xxlarge";
-    Size["xxxlarge"] = "xxxlarge";
-  })(Size = Bcm.Size || (Bcm.Size = {}));
-  let Kind;
-  (function (Kind) {
-    Kind["solid"] = "solid";
-    Kind["ghost"] = "ghost";
-    Kind["link"] = "link";
-    Kind["solid-link"] = "solid-link";
-    Kind["ghost-link"] = "ghost-link";
-  })(Kind = Bcm.Kind || (Bcm.Kind = {}));
-  let ButtonType;
-  (function (ButtonType) {
-    ButtonType["button"] = "button";
-    ButtonType["reset"] = "reset";
-    ButtonType["submit"] = "submit";
-  })(ButtonType = Bcm.ButtonType || (Bcm.ButtonType = {}));
-  let IconPosition;
-  (function (IconPosition) {
-    IconPosition["prefix"] = "prefix";
-    IconPosition["suffix"] = "suffix";
-  })(IconPosition = Bcm.IconPosition || (Bcm.IconPosition = {}));
-  let TagType;
-  (function (TagType) {
-    TagType["basic"] = "basic";
-    TagType["add"] = "add";
-    TagType["checkable"] = "checkable";
-    TagType["dissmisable"] = "dissmisable";
-  })(TagType = Bcm.TagType || (Bcm.TagType = {}));
-  let FontSize;
-  (function (FontSize) {
-    FontSize["size-1"] = "size-1";
-    FontSize["size-2"] = "size-2";
-    FontSize["size-3"] = "size-3";
-    FontSize["size-4"] = "size-4";
-    FontSize["size-5"] = "size-5";
-    FontSize["size-6"] = "size-6";
-    FontSize["size-7"] = "size-7";
-    FontSize["size-8"] = "size-8";
-    FontSize["size-9"] = "size-9";
-  })(FontSize = Bcm.FontSize || (Bcm.FontSize = {}));
-  let FontSizeValue;
-  (function (FontSizeValue) {
-    FontSizeValue[FontSizeValue["size-1"] = 12] = "size-1";
-    FontSizeValue[FontSizeValue["size-2"] = 14] = "size-2";
-    FontSizeValue[FontSizeValue["size-3"] = 16] = "size-3";
-    FontSizeValue[FontSizeValue["size-4"] = 20] = "size-4";
-    FontSizeValue[FontSizeValue["size-5"] = 24] = "size-5";
-    FontSizeValue[FontSizeValue["size-6"] = 30] = "size-6";
-    FontSizeValue[FontSizeValue["size-7"] = 38] = "size-7";
-    FontSizeValue[FontSizeValue["size-8"] = 46] = "size-8";
-    FontSizeValue[FontSizeValue["size-9"] = 56] = "size-9";
-  })(FontSizeValue = Bcm.FontSizeValue || (Bcm.FontSizeValue = {}));
-  let FontWeight;
-  (function (FontWeight) {
-    FontWeight["thin"] = "thin";
-    FontWeight["light"] = "light";
-    FontWeight["regular"] = "regular";
-    FontWeight["medium"] = "medium";
-    FontWeight["bold"] = "bold";
-    FontWeight["black"] = "black";
-  })(FontWeight = Bcm.FontWeight || (Bcm.FontWeight = {}));
-  let ColorPalette;
-  (function (ColorPalette) {
-    ColorPalette["default"] = "default";
-    ColorPalette["black"] = "black";
-    ColorPalette["white"] = "white";
-    ColorPalette["prime-blue"] = "prime-blue";
-    ColorPalette["prime-blue-1"] = "prime-blue-1";
-    ColorPalette["prime-blue-2"] = "prime-blue-2";
-    ColorPalette["prime-blue-3"] = "prime-blue-3";
-    ColorPalette["prime-blue-4"] = "prime-blue-4";
-    ColorPalette["prime-blue-5"] = "prime-blue-5";
-    ColorPalette["prime-blue-6"] = "prime-blue-6";
-    ColorPalette["prime-blue-7"] = "prime-blue-7";
-    ColorPalette["prime-blue-8"] = "prime-blue-8";
-    ColorPalette["prime-blue-9"] = "prime-blue-9";
-    ColorPalette["prime-blue-10"] = "prime-blue-10";
-    ColorPalette["grey"] = "grey";
-    ColorPalette["grey-1"] = "grey-1";
-    ColorPalette["grey-2"] = "grey-2";
-    ColorPalette["grey-3"] = "grey-3";
-    ColorPalette["grey-4"] = "grey-4";
-    ColorPalette["grey-5"] = "grey-5";
-    ColorPalette["grey-6"] = "grey-6";
-    ColorPalette["grey-7"] = "grey-7";
-    ColorPalette["grey-8"] = "grey-8";
-    ColorPalette["grey-9"] = "grey-9";
-    ColorPalette["grey-10"] = "grey-10";
-    ColorPalette["blue"] = "blue";
-    ColorPalette["blue-1"] = "blue-1";
-    ColorPalette["blue-2"] = "blue-2";
-    ColorPalette["blue-3"] = "blue-3";
-    ColorPalette["blue-4"] = "blue-4";
-    ColorPalette["blue-5"] = "blue-5";
-    ColorPalette["blue-6"] = "blue-6";
-    ColorPalette["blue-7"] = "blue-7";
-    ColorPalette["blue-8"] = "blue-8";
-    ColorPalette["blue-9"] = "blue-9";
-    ColorPalette["blue-10"] = "blue-10";
-    ColorPalette["warmyellow"] = "warmyellow";
-    ColorPalette["warmyellow-1"] = "warmyellow-1";
-    ColorPalette["warmyellow-2"] = "warmyellow-2";
-    ColorPalette["warmyellow-3"] = "warmyellow-3";
-    ColorPalette["warmyellow-4"] = "warmyellow-4";
-    ColorPalette["warmyellow-5"] = "warmyellow-5";
-    ColorPalette["warmyellow-6"] = "warmyellow-6";
-    ColorPalette["warmyellow-7"] = "warmyellow-7";
-    ColorPalette["warmyellow-8"] = "warmyellow-8";
-    ColorPalette["warmyellow-9"] = "warmyellow-9";
-    ColorPalette["warmyellow-10"] = "warmyellow-10";
-    ColorPalette["yellow"] = "yellow";
-    ColorPalette["yellow-1"] = "yellow-1";
-    ColorPalette["yellow-2"] = "yellow-2";
-    ColorPalette["yellow-3"] = "yellow-3";
-    ColorPalette["yellow-4"] = "yellow-4";
-    ColorPalette["yellow-5"] = "yellow-5";
-    ColorPalette["yellow-6"] = "yellow-6";
-    ColorPalette["yellow-7"] = "yellow-7";
-    ColorPalette["yellow-8"] = "yellow-8";
-    ColorPalette["yellow-9"] = "yellow-9";
-    ColorPalette["yellow-10"] = "yellow-10";
-    ColorPalette["limegreen"] = "limegreen";
-    ColorPalette["limegreen-1"] = "limegreen-1";
-    ColorPalette["limegreen-2"] = "limegreen-2";
-    ColorPalette["limegreen-3"] = "limegreen-3";
-    ColorPalette["limegreen-4"] = "limegreen-4";
-    ColorPalette["limegreen-5"] = "limegreen-5";
-    ColorPalette["limegreen-6"] = "limegreen-6";
-    ColorPalette["limegreen-7"] = "limegreen-7";
-    ColorPalette["limegreen-8"] = "limegreen-8";
-    ColorPalette["limegreen-9"] = "limegreen-9";
-    ColorPalette["limegreen-10"] = "limegreen-10";
-    ColorPalette["red"] = "red";
-    ColorPalette["red-1"] = "red-1";
-    ColorPalette["red-2"] = "red-2";
-    ColorPalette["red-3"] = "red-3";
-    ColorPalette["red-4"] = "red-4";
-    ColorPalette["red-5"] = "red-5";
-    ColorPalette["red-6"] = "red-6";
-    ColorPalette["red-7"] = "red-7";
-    ColorPalette["red-8"] = "red-8";
-    ColorPalette["red-9"] = "red-9";
-    ColorPalette["red-10"] = "red-10";
-    ColorPalette["darkorange"] = "darkorange";
-    ColorPalette["darkorange-1"] = "darkorange-1";
-    ColorPalette["darkorange-2"] = "darkorange-2";
-    ColorPalette["darkorange-3"] = "darkorange-3";
-    ColorPalette["darkorange-4"] = "darkorange-4";
-    ColorPalette["darkorange-5"] = "darkorange-5";
-    ColorPalette["darkorange-6"] = "darkorange-6";
-    ColorPalette["darkorange-7"] = "darkorange-7";
-    ColorPalette["darkorange-8"] = "darkorange-8";
-    ColorPalette["darkorange-9"] = "darkorange-9";
-    ColorPalette["darkorange-10"] = "darkorange-10";
-    ColorPalette["orange"] = "orange";
-    ColorPalette["orange-1"] = "orange-1";
-    ColorPalette["orange-2"] = "orange-2";
-    ColorPalette["orange-3"] = "orange-3";
-    ColorPalette["orange-4"] = "orange-4";
-    ColorPalette["orange-5"] = "orange-5";
-    ColorPalette["orange-6"] = "orange-6";
-    ColorPalette["orange-7"] = "orange-7";
-    ColorPalette["orange-8"] = "orange-8";
-    ColorPalette["orange-9"] = "orange-9";
-    ColorPalette["orange-10"] = "orange-10";
-    ColorPalette["green"] = "green";
-    ColorPalette["green-1"] = "green-1";
-    ColorPalette["green-2"] = "green-2";
-    ColorPalette["green-3"] = "green-3";
-    ColorPalette["green-4"] = "green-4";
-    ColorPalette["green-5"] = "green-5";
-    ColorPalette["green-6"] = "green-6";
-    ColorPalette["green-7"] = "green-7";
-    ColorPalette["green-8"] = "green-8";
-    ColorPalette["green-9"] = "green-9";
-    ColorPalette["green-10"] = "green-10";
-    ColorPalette["turquosie"] = "turquosie";
-    ColorPalette["turquosie-1"] = "turquosie-1";
-    ColorPalette["turquosie-2"] = "turquosie-2";
-    ColorPalette["turquosie-3"] = "turquosie-3";
-    ColorPalette["turquosie-4"] = "turquosie-4";
-    ColorPalette["turquosie-5"] = "turquosie-5";
-    ColorPalette["turquosie-6"] = "turquosie-6";
-    ColorPalette["turquosie-7"] = "turquosie-7";
-    ColorPalette["turquosie-8"] = "turquosie-8";
-    ColorPalette["turquosie-9"] = "turquosie-9";
-    ColorPalette["turquosie-10"] = "turquosie-10";
-    ColorPalette["cobaltblue"] = "cobaltblue";
-    ColorPalette["cobaltblue-1"] = "cobaltblue-1";
-    ColorPalette["cobaltblue-2"] = "cobaltblue-2";
-    ColorPalette["cobaltblue-3"] = "cobaltblue-3";
-    ColorPalette["cobaltblue-4"] = "cobaltblue-4";
-    ColorPalette["cobaltblue-5"] = "cobaltblue-5";
-    ColorPalette["cobaltblue-6"] = "cobaltblue-6";
-    ColorPalette["cobaltblue-7"] = "cobaltblue-7";
-    ColorPalette["cobaltblue-8"] = "cobaltblue-8";
-    ColorPalette["cobaltblue-9"] = "cobaltblue-9";
-    ColorPalette["cobaltblue-10"] = "cobaltblue-10";
-    ColorPalette["magenta"] = "magenta";
-    ColorPalette["magenta-1"] = "magenta-1";
-    ColorPalette["magenta-2"] = "magenta-2";
-    ColorPalette["magenta-3"] = "magenta-3";
-    ColorPalette["magenta-4"] = "magenta-4";
-    ColorPalette["magenta-5"] = "magenta-5";
-    ColorPalette["magenta-6"] = "magenta-6";
-    ColorPalette["magenta-7"] = "magenta-7";
-    ColorPalette["magenta-8"] = "magenta-8";
-    ColorPalette["magenta-9"] = "magenta-9";
-    ColorPalette["magenta-10"] = "magenta-10";
-    ColorPalette["purple"] = "purple";
-    ColorPalette["purple-1"] = "purple-1";
-    ColorPalette["purple-2"] = "purple-2";
-    ColorPalette["purple-3"] = "purple-3";
-    ColorPalette["purple-4"] = "purple-4";
-    ColorPalette["purple-5"] = "purple-5";
-    ColorPalette["purple-6"] = "purple-6";
-    ColorPalette["purple-7"] = "purple-7";
-    ColorPalette["purple-8"] = "purple-8";
-    ColorPalette["purple-9"] = "purple-9";
-    ColorPalette["purple-10"] = "purple-10";
-    ColorPalette["bc-red"] = "bc-red";
-    ColorPalette["bc-red-1"] = "bc-red-1";
-    ColorPalette["bc-red-2"] = "bc-red-2";
-    ColorPalette["bc-red-3"] = "bc-red-3";
-    ColorPalette["bc-red-4"] = "bc-red-4";
-    ColorPalette["bc-red-5"] = "bc-red-5";
-    ColorPalette["bc-red-6"] = "bc-red-6";
-    ColorPalette["bc-red-7"] = "bc-red-7";
-    ColorPalette["bc-red-8"] = "bc-red-8";
-    ColorPalette["bc-red-9"] = "bc-red-9";
-    ColorPalette["bc-blue"] = "bc-blue";
-    ColorPalette["bc-blue-1"] = "bc-blue-1";
-    ColorPalette["bc-blue-2"] = "bc-blue-2";
-    ColorPalette["bc-blue-3"] = "bc-blue-3";
-    ColorPalette["bc-blue-4"] = "bc-blue-4";
-    ColorPalette["bc-blue-5"] = "bc-blue-5";
-    ColorPalette["bc-blue-6"] = "bc-blue-6";
-    ColorPalette["bc-blue-7"] = "bc-blue-7";
-    ColorPalette["bc-blue-8"] = "bc-blue-8";
-    ColorPalette["bc-blue-9"] = "bc-blue-9";
-    ColorPalette["bc-green"] = "bc-green";
-    ColorPalette["bc-green-1"] = "bc-green-1";
-    ColorPalette["bc-green-2"] = "bc-green-2";
-    ColorPalette["bc-green-3"] = "bc-green-3";
-    ColorPalette["bc-green-4"] = "bc-green-4";
-    ColorPalette["bc-green-5"] = "bc-green-5";
-    ColorPalette["bc-green-6"] = "bc-green-6";
-    ColorPalette["bc-green-7"] = "bc-green-7";
-    ColorPalette["bc-green-8"] = "bc-green-8";
-    ColorPalette["bc-green-9"] = "bc-green-9";
-    ColorPalette["bc-orange"] = "bc-orange";
-    ColorPalette["bc-orange-1"] = "bc-orange-1";
-    ColorPalette["bc-orange-2"] = "bc-orange-2";
-    ColorPalette["bc-orange-3"] = "bc-orange-3";
-    ColorPalette["bc-orange-4"] = "bc-orange-4";
-    ColorPalette["bc-orange-5"] = "bc-orange-5";
-    ColorPalette["bc-orange-6"] = "bc-orange-6";
-    ColorPalette["bc-orange-7"] = "bc-orange-7";
-    ColorPalette["bc-orange-8"] = "bc-orange-8";
-    ColorPalette["bc-orange-9"] = "bc-orange-9";
-  })(ColorPalette = Bcm.ColorPalette || (Bcm.ColorPalette = {}));
-  let InputType;
-  (function (InputType) {
-    InputType["text"] = "text";
-    InputType["number"] = "number";
-    InputType["email"] = "email";
-    InputType["password"] = "password";
-    InputType["url"] = "url";
-    InputType["search"] = "search";
-    InputType["tel"] = "tel";
-    InputType["hidden"] = "hidden";
-  })(InputType = Bcm.InputType || (Bcm.InputType = {}));
-  let KeyCode;
-  (function (KeyCode) {
-    KeyCode[KeyCode["backspace"] = 8] = "backspace";
-    KeyCode[KeyCode["tab"] = 9] = "tab";
-    KeyCode[KeyCode["enter"] = 13] = "enter";
-    KeyCode[KeyCode["shift"] = 16] = "shift";
-    KeyCode[KeyCode["ctrl"] = 17] = "ctrl";
-    KeyCode[KeyCode["alt"] = 18] = "alt";
-    KeyCode[KeyCode["pause"] = 19] = "pause";
-    KeyCode[KeyCode["capslock"] = 20] = "capslock";
-    KeyCode[KeyCode["escape"] = 27] = "escape";
-    KeyCode[KeyCode["space"] = 32] = "space";
-    KeyCode[KeyCode["pageup"] = 33] = "pageup";
-    KeyCode[KeyCode["pagedown"] = 34] = "pagedown";
-    KeyCode[KeyCode["end"] = 35] = "end";
-    KeyCode[KeyCode["home"] = 36] = "home";
-    KeyCode[KeyCode["left"] = 37] = "left";
-    KeyCode[KeyCode["up"] = 38] = "up";
-    KeyCode[KeyCode["right"] = 39] = "right";
-    KeyCode[KeyCode["down"] = 40] = "down";
-    KeyCode[KeyCode["insert"] = 45] = "insert";
-    KeyCode[KeyCode["delete"] = 46] = "delete";
-    KeyCode[KeyCode["f1"] = 112] = "f1";
-    KeyCode[KeyCode["f2"] = 113] = "f2";
-    KeyCode[KeyCode["f3"] = 114] = "f3";
-    KeyCode[KeyCode["f4"] = 115] = "f4";
-    KeyCode[KeyCode["f5"] = 116] = "f5";
-    KeyCode[KeyCode["f6"] = 117] = "f6";
-    KeyCode[KeyCode["f7"] = 118] = "f7";
-    KeyCode[KeyCode["f8"] = 119] = "f8";
-    KeyCode[KeyCode["f9"] = 120] = "f9";
-    KeyCode[KeyCode["f10"] = 121] = "f10";
-    KeyCode[KeyCode["f11"] = 122] = "f11";
-    KeyCode[KeyCode["f12"] = 123] = "f12";
-    KeyCode[KeyCode["numlock"] = 144] = "numlock";
-    KeyCode[KeyCode["scrolllock"] = 145] = "scrolllock";
-    KeyCode[KeyCode["semicolon"] = 186] = "semicolon";
-    KeyCode[KeyCode["equal"] = 187] = "equal";
-    KeyCode[KeyCode["comma"] = 188] = "comma";
-    KeyCode[KeyCode["dash"] = 189] = "dash";
-    KeyCode[KeyCode["period"] = 190] = "period";
-    KeyCode[KeyCode["slash"] = 191] = "slash";
-    KeyCode[KeyCode["backslash"] = 220] = "backslash";
-    KeyCode[KeyCode["bracketleft"] = 219] = "bracketleft";
-    KeyCode[KeyCode["bracketright"] = 221] = "bracketright";
-    KeyCode[KeyCode["quote"] = 222] = "quote";
-    KeyCode[KeyCode["backtick"] = 192] = "backtick";
-    KeyCode[KeyCode["a"] = 65] = "a";
-  })(KeyCode = Bcm.KeyCode || (Bcm.KeyCode = {}));
-  Bcm.FormErrorMessages = {
-    'email': 'Please enter a valid email address',
-    'password': 'Please enter a valid password',
-    'url': 'Please enter a valid URL',
-    'phone': 'Please enter a valid phone number',
-    'search': 'Please enter a valid search term',
-    'number': 'Please enter a valid number',
-    'text': 'Please enter a valid text',
-    'required': 'This field is required',
-    'minlength': 'This field must be at least {0} characters long',
-    'maxlength': 'This field must be at most {0} characters long',
-    'min': 'This field must be at least {0}',
-    'max': 'This field must be at most {0}',
-    'between': 'This field must be between {0} and {1}',
-    'pattern': 'This field is invalid',
-    'date': 'Please enter a valid date',
-    'time': 'Please enter a valid time',
-    'datetime': 'Please enter a valid date and time',
-    'datetime-local': 'Please enter a valid date and time',
-    'month': 'Please enter a valid month',
-    'week': 'Please enter a valid week',
-    'color': 'Please enter a valid color',
-    'file': 'Please enter a valid file',
-    'range': 'Please enter a valid range',
-    'radio': 'Please select a valid option',
-    'checkbox': 'Please select a valid option',
-    'select': 'Please select a valid option',
-    'multiple': 'Please select a valid option',
-  };
-  let IndeterminateType;
-  (function (IndeterminateType) {
-    IndeterminateType["uncheck"] = "uncheck";
-    IndeterminateType["indeterminate"] = "indeterminate";
-    IndeterminateType["determinate"] = "determinate"; // true
-  })(IndeterminateType = Bcm.IndeterminateType || (Bcm.IndeterminateType = {}));
-  let Placement;
-  (function (Placement) {
-    Placement["top"] = "top";
-    Placement["top-start"] = "top-start";
-    Placement["top-end"] = "top-end";
-    Placement["bottom"] = "bottom";
-    Placement["bottom-start"] = "bottom-start";
-    Placement["bottom-end"] = "bottom-end";
-    Placement["left"] = "left";
-    Placement["left-start"] = "left-start";
-    Placement["left-end"] = "left-end";
-    Placement["right"] = "right";
-    Placement["right-start"] = "right-start";
-    Placement["right-end"] = "right-end";
-  })(Placement = Bcm.Placement || (Bcm.Placement = {}));
-  let TriggerType;
-  (function (TriggerType) {
-    TriggerType["hover"] = "hover";
-    TriggerType["click"] = "click";
-    TriggerType["focus"] = "focus";
-  })(TriggerType = Bcm.TriggerType || (Bcm.TriggerType = {}));
-})(Bcm || (Bcm = {}));
-const Bcm$1 = Bcm;
-
-class StringHelper {
-}
-StringHelper.lowercase = (str) => str.toLowerCase();
-StringHelper.uppercase = (str) => str.toUpperCase();
-StringHelper.capitalize = (str) => str.charAt(0).toUpperCase() + str.slice(1);
-StringHelper.camelCase = (str) => str.replace(/\s(.)/g, function ($1) { return $1.toUpperCase(); }).replace(/\s/g, '');
-StringHelper.kebabCase = (str) => str.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();
-StringHelper.snakeCase = (str) => str.replace(/([a-z])([A-Z])/g, '$1_$2').toLowerCase();
-StringHelper.titleCase = (str) => str.replace(/\w\S*/g, function (txt) { return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase(); });
-StringHelper.trim = (str) => str.trim();
-StringHelper.trimLeft = (str) => str.trimLeft();
-StringHelper.trimRight = (str) => str.trimRight();
-StringHelper.trimAll = (str) => str.trim().replace(/\s+/g, ' ');
-StringHelper.replace = (str, search, replace) => str.replace(search, replace);
-StringHelper.remove = (str, search) => str.replace(search, '');
-StringHelper.isNullOrEmpty = (str) => str === null || str === undefined || str === '';
-StringHelper.localizationMessage = (str, args) => str.replace(/{(\d+)}/g, (match, number) => typeof args[number] != 'undefined' ? args[number] : match);
-StringHelper.getMessage = (type, args) => StringHelper.localizationMessage(Bcm$1.FormErrorMessages[type], args);
-StringHelper.split = (str, separator) => str.split(separator);
-StringHelper.textContains = (str, search) => str.indexOf(search) !== -1;
-
 const SlotTemplate = ({ value, className, name }) => {
   return StringHelper.isNullOrEmpty(value) ? h("span", { class: className },
     h("slot", Object.assign({}, (name && { name: name })))) : h("span", { class: className }, value);
 };
 
 const LabelTemplate = ({ required, value, size, form, htmlFor, type }) => {
-  size = size || Bcm$1.FontSize['size-1'];
-  type = type || Bcm$1.Status.default;
+  size = size || Bcm.FontSize['size-1'];
+  type = type || Bcm.Status.default;
   const labelClasses = classnames('bcm-label__text', size, {
-    'bcm-label__text-error': type === Bcm$1.Status.error,
+    'bcm-label__text-error': type === Bcm.Status.error,
   });
   return (h("label", { form: form, htmlFor: htmlFor, class: labelClasses },
     " ",
@@ -548,9 +76,9 @@ const BcmLabel = class {
     /** Props **/
     this._id = Generate.UID();
     this.required = false;
-    this.size = Bcm$1.FontSize['size-1'];
+    this.size = Bcm.FontSize['size-1'];
     this.hidden = false;
-    this.type = Bcm$1.Status.default;
+    this.type = Bcm.Status.default;
   }
   render() {
     const { required, value, size, form, htmlFor, hidden, type, tooltip } = this;

package/dist/bromcom-ui/bcm-select-box.entry.js

@@ -17,6 +17,9 @@ const BcmSelectBox = class {
   componentDidRender() { }
   componentWillUpdate() { }
   componentDidUpdate() { }
+  handleChangeEvent(event) {
+    event.stopPropagation();
+  }
   render() {
     const classes = classnames('select-box');
     const hostClasses = classnames(this.hidden ? 'hidden' : null, {

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

@@ -1,6 +1,7 @@
 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 { b as dropInComponent } from './utils-1feb01eb.js';
+import { S as StringHelper } from './string-helper-1d51eff7.js';
 
 const selectCss = "@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:100%;margin:0 0 8px 0}:host(.hidden){display:none}.container{display:block;max-width:256px;position:relative}.container.full-width{width:100%;max-width:100%}.selected{width:100%;box-sizing:border-box;color:var(--bcm-color-grey-8);background-color:var(--bcm-color-grey-1);display:flex;justify-content:space-between;align-items:center;border:1px solid var(--bcm-color-grey-5);user-select:none;cursor:pointer}.selected:hover:not(.disabled){border-color:var(--bcm-color-prime-blue-5)}.selected:hover:not(.disabled) .select-clear-button{opacity:1}.selected:focus:not(.disabled){border-color:var(--bcm-color-prime-blue-5);box-shadow:0px 0px 4px var(--bcm-color-prime-blue-6)}.selected:focus:not(.disabled) .select-clear-button{opacity:1}.selected:focus{outline:none}.selected.disabled{background-color:var(--bcm-color-grey-3);color:var(--bcm-color-grey-8);cursor:not-allowed}.selected .buttons{padding:8px;height:100%;display:flex;align-items:center;justify-content:center}.selected .selected-text{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;padding:0 8px;width:100%}.selected .selected-tags{padding:0 4px;height:100%}.selected .tag-container{height:100%;display:flex;align-items:center;justify-content:flex-start;grid-gap:2px}.selected .tag-container>span{height:100%;align-items:center;justify-content:flex-start;display:flex;grid-gap:2px}.selected .tag-container .tag{max-width:200px}.selected .tag-container #other-tag{cursor:pointer}.selected .open,.selected .close{display:inline-flex}.selected .close{transform:rotate(180deg)}.selected .placeholder{color:var(--bcm-color-grey-6);user-select:none;font-size:14px;height:100%;display:flex;align-items:center;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.options-viewport{display:inline-block}.option-container{display:block;position:absolute;background-color:var(--bcm-color-grey-1);box-shadow:0px 2px 8px rgba(0, 0, 0, 0.15);box-sizing:border-box;width:100%;z-index:10000}.option-container.alignment-left{left:0}.option-container.alignment-right{right:0}.option-container.hidden{display:none}.option-container .search{position:sticky;padding:8px;margin-bottom:4px}.option-container .search:after{content:\"\";position:absolute;bottom:0;height:1px;width:calc( 100% - 16px);background-color:var(--bcm-color-grey-5)}.options-viewport{display:block}.options-viewport bcm-select-option,.options-viewport ::slotted(bcm-select-option){white-space:normal}.options-viewport.hidden{display:none}.options-viewport.vertical{height:fit-content;max-height:200px}.options-viewport.horizontal:not(.flex){overflow-x:auto;width:100%}.options-viewport.horizontal:not(.flex) bcm-select-option,.options-viewport.horizontal:not(.flex) ::slotted(bcm-select-option){white-space:nowrap}.items{display:flex;flex-direction:column}.buttons{display:flex}.select-clear-button{display:inline-flex;align-items:center;outline:none;border:none;background:none;padding:0;cursor:pointer;margin-right:4px;opacity:0}.label{display:block;color:var(--bcm-color-grey-9);margin-bottom:4px}.caption-area{min-height:20px}.input-caption{display:block}.selected-large{height:40px}.selected-medium{height:32px}.selected-small{height:24px}.caption-default{color:#8C8C8C}.caption-primary{color:#4293CF}.caption-success{color:#52C41A}.caption-warning{color:#FA8C16}.caption-error{color:#F5222D}.error .label{color:var(--bcm-color-red-6) !important}.error .selected{border:1px solid var(--bcm-color-red-6) !important}";
 
@@ -296,7 +297,10 @@ const BcmSelect = class {
       }
       else {
         if (newValue != null) {
-          this.value = null;
+          // this.value = null
+          newValue.selected && (delete newValue.selected);
+          newValue.checked && (delete newValue.checked);
+          this.value = newValue;
         }
         this.checklist = [];
       }
@@ -433,12 +437,16 @@ const BcmSelect = class {
     this.captionTypeCache = this.captionType;
   }
   handleChange(newValue, oldValue) {
-    if (newValue != oldValue) {
-      this.change.emit(newValue);
+    if (oldValue != newValue) {
+      if (this.checkboxes == true) {
+        this.change.emit(newValue);
+      }
+      else {
+        if (newValue[this.objectMapping['id']] != (oldValue && oldValue[this.objectMapping['id']])) {
+          this.change.emit(newValue);
+        }
+      }
     }
-    // if(this.checkboxes){
-    //     this.calculateContainer()
-    // }
   }
   async handleOpenState() {
     if (this.isOpen == false) {
@@ -733,12 +741,16 @@ const BcmSelect = class {
    * @desc
    */
   handleListboxSelected(event) {
+    // console.log(event)
+    // debugger;
     var path = event.path || (event.composedPath && event.composedPath());
     if (path && path.filter((input) => input['_internal_id'] == this._internal_id)[0] != undefined) {
       setTimeout(() => {
         if (this.checkboxes !== true) {
           const optionValue = event.detail;
-          this.value = optionValue;
+          optionValue.selected && (delete optionValue.selected);
+          optionValue.checked && (delete optionValue.checked);
+          optionValue != this.value && (this.value = optionValue);
           this.selectText = optionValue[this.objectMapping['text']];
         }
       }, 100);
@@ -804,7 +816,7 @@ const BcmSelect = class {
     const container = this.el.shadowRoot.querySelector(".selected-text");
     this.otherTagsWidth = 135;
     await delay(100);
-    this.areaWidth = container.clientWidth;
+    this.areaWidth = container.clientWidth && container.clientWidth > 100 ? container.clientWidth : 100;
     if (this.clearable === true) {
       this.areaWidth = this.areaWidth - 22;
     }
@@ -813,13 +825,17 @@ const BcmSelect = class {
     const bcmtags = container.querySelectorAll("bcm-tag");
     await delay(50);
     bcmtags.forEach((item) => {
-      this.itemsWidthArray.push({ "id": String(item.id), "clientWidth": item.clientWidth });
-      this.itemsWidth += item.clientWidth + 4;
+      const itemClientWidth = item.clientWidth && item.clientWidth > 40 ? item.clientWidth : 40;
+      this.itemsWidthArray.push({ "id": String(item.id), "clientWidth": itemClientWidth });
+      this.itemsWidth += itemClientWidth + 4;
       if (this.itemsWidth > this.areaWidth) {
         const tagitem = this.visibleTags[this.visibleTags.findIndex(x => String(x[this.objectMapping['id']]) === String(item.id))];
-        if (String(item.id) == String(tagitem[this.objectMapping['id']])) {
-          this.visibleTags.splice(this.visibleTags.findIndex(x => String(x[this.objectMapping['id']]) === String(item.id)), 1);
-          this.hiddenTags.push(tagitem);
+        if (tagitem && tagitem[this.objectMapping['id']]) {
+          if (StringHelper.lowercase(item.id) == StringHelper.lowercase(tagitem[this.objectMapping['id']])) {
+            // if (String(item.id) == String(tagitem[this.objectMapping['id']])) {
+            this.visibleTags.splice(this.visibleTags.findIndex(x => String(x[this.objectMapping['id']]) === String(item.id)), 1);
+            this.hiddenTags.push(tagitem);
+          }
         }
       }
     });
@@ -838,11 +854,13 @@ const BcmSelect = class {
         if (item.id != "other-tag") {
           var tagitem = this.visibleTags[this.visibleTags.findIndex(x => String(x[this.objectMapping['id']]) === String(item.id))];
           if (tagitem) {
-            if (String(item.id) == String(tagitem[this.objectMapping['id']])) {
-              this.itemsWidth += (item.clientWidth + 4);
-              if (this.itemsWidth + this.otherTagsWidth > this.areaWidth) {
-                this.visibleTags.splice(this.visibleTags.findIndex(x => String(x[this.objectMapping['id']]) === String(item.id)), 1);
-                this.hiddenTags.push(tagitem);
+            if (tagitem && tagitem[this.objectMapping['id']]) {
+              if (StringHelper.lowercase(item.id) == StringHelper.lowercase(tagitem[this.objectMapping['id']])) {
+                this.itemsWidth += (item.clientWidth + 4);
+                if (this.itemsWidth + this.otherTagsWidth > this.areaWidth) {
+                  this.visibleTags.splice(this.visibleTags.findIndex(x => String(x[this.objectMapping['id']]) === String(item.id)), 1);
+                  this.hiddenTags.push(tagitem);
+                }
               }
             }
           }