bromcom-ui 2.3.66 → 2.3.70
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/bromcom-ui/{index-43956e3c.js → _commonjsHelpers-2088bffa.js} +1 -56
- package/dist/bromcom-ui/bcm-ad02f9c9.js +453 -0
- package/dist/bromcom-ui/bcm-alert.entry.js +53 -58
- package/dist/bromcom-ui/bcm-autocomplete.entry.js +4 -3
- package/dist/bromcom-ui/bcm-avatar.entry.js +27 -28
- package/dist/bromcom-ui/bcm-badge.entry.js +60 -31
- package/dist/bromcom-ui/bcm-breadcrumb.entry.js +26 -32
- package/dist/bromcom-ui/bcm-button.entry.js +92 -215
- package/dist/bromcom-ui/bcm-card-footer.entry.js +1 -1
- package/dist/bromcom-ui/bcm-card-header.entry.js +1 -1
- package/dist/bromcom-ui/bcm-card.entry.js +5 -4
- package/dist/bromcom-ui/bcm-checkbox-group.entry.js +253 -227
- package/dist/bromcom-ui/bcm-checkbox-lite.entry.js +29 -26
- package/dist/bromcom-ui/bcm-checkbox.entry.js +85 -89
- package/dist/bromcom-ui/bcm-collapse-group.entry.js +11 -16
- package/dist/bromcom-ui/bcm-collapse.entry.js +31 -18
- package/dist/bromcom-ui/bcm-colorpicker.entry.js +7 -6
- package/dist/bromcom-ui/bcm-comment-editor.entry.js +4 -3
- package/dist/bromcom-ui/bcm-comment-group.entry.js +4 -3
- package/dist/bromcom-ui/bcm-comment.entry.js +5 -4
- package/dist/bromcom-ui/bcm-date-picker.entry.js +31 -34
- package/dist/bromcom-ui/bcm-datetime-picker.entry.js +20 -46
- package/dist/bromcom-ui/bcm-divider.entry.js +11 -11
- package/dist/bromcom-ui/bcm-dropdown-button.entry.js +35 -61
- package/dist/bromcom-ui/bcm-dropdown-item.entry.js +66 -16
- package/dist/bromcom-ui/bcm-dropdown-list.entry.js +31 -49
- package/dist/bromcom-ui/bcm-dropdown.entry.js +17 -46
- package/dist/bromcom-ui/bcm-empty.entry.js +14 -45
- package/dist/bromcom-ui/bcm-error-layout.entry.js +20 -34
- package/dist/bromcom-ui/bcm-form-group.entry.js +3 -3
- package/dist/bromcom-ui/bcm-form.entry.js +31 -16
- package/dist/bromcom-ui/bcm-icon.entry.js +55 -35
- package/dist/bromcom-ui/bcm-input.entry.js +170 -276
- package/dist/bromcom-ui/bcm-label.entry.js +12 -549
- package/dist/bromcom-ui/bcm-link.entry.js +26 -5
- package/dist/bromcom-ui/bcm-list-2.entry.js +1063 -0
- package/dist/bromcom-ui/bcm-list-item.entry.js +4 -3
- package/dist/bromcom-ui/bcm-list-select.entry.js +14 -13
- package/dist/bromcom-ui/bcm-list.entry.js +10 -5
- package/dist/bromcom-ui/bcm-listbox-group.entry.js +5 -4
- package/dist/bromcom-ui/bcm-listbox-item.entry.js +5 -4
- package/dist/bromcom-ui/bcm-listbox.entry.js +17 -14
- package/dist/bromcom-ui/bcm-menu-group.entry.js +4 -3
- package/dist/bromcom-ui/bcm-menu-item.entry.js +4 -3
- package/dist/bromcom-ui/bcm-menu.entry.js +4 -3
- package/dist/bromcom-ui/bcm-message.entry.js +54 -50
- package/dist/bromcom-ui/bcm-modal.entry.js +47 -160
- package/dist/bromcom-ui/bcm-notification.entry.js +59 -47
- package/dist/bromcom-ui/bcm-popconfirm-box.entry.js +61 -21
- package/dist/bromcom-ui/bcm-popconfirm.entry.js +49 -93
- package/dist/bromcom-ui/bcm-popover-box.entry.js +44 -16
- package/dist/bromcom-ui/bcm-popover.entry.js +61 -101
- package/dist/bromcom-ui/bcm-progress.entry.js +77 -63
- package/dist/bromcom-ui/bcm-pulldown-group.entry.js +5 -4
- package/dist/bromcom-ui/bcm-pulldown-item.entry.js +4 -3
- package/dist/bromcom-ui/bcm-pulldown.entry.js +5 -4
- package/dist/bromcom-ui/bcm-radio-group.entry.js +183 -85
- package/dist/bromcom-ui/bcm-radio.entry.js +59 -79
- package/dist/bromcom-ui/bcm-range.entry.js +161 -0
- package/dist/bromcom-ui/bcm-result.entry.js +62 -38
- package/dist/bromcom-ui/bcm-search-2.entry.js +219 -0
- package/dist/bromcom-ui/bcm-search.entry.js +5 -4
- package/dist/bromcom-ui/bcm-select-box.entry.js +4 -3
- package/dist/bromcom-ui/bcm-select-group.entry.js +4 -3
- package/dist/bromcom-ui/bcm-select-option.entry.js +5 -4
- package/dist/bromcom-ui/bcm-select.entry.js +11 -12
- package/dist/bromcom-ui/bcm-selecto.entry.js +3 -2
- package/dist/bromcom-ui/bcm-slider.entry.js +4 -3
- package/dist/bromcom-ui/bcm-sub-comment.entry.js +5 -4
- package/dist/bromcom-ui/bcm-switch.entry.js +48 -37
- package/dist/bromcom-ui/bcm-tab-pane.entry.js +4 -3
- package/dist/bromcom-ui/bcm-tab.entry.js +8 -8
- package/dist/bromcom-ui/bcm-tabs-content.entry.js +5 -4
- package/dist/bromcom-ui/bcm-tabs.entry.js +6 -5
- package/dist/bromcom-ui/bcm-tag.entry.js +48 -44
- package/dist/bromcom-ui/bcm-text.entry.js +16 -10
- package/dist/bromcom-ui/bcm-textarea.entry.js +45 -68
- package/dist/bromcom-ui/bcm-time-picker.entry.js +4 -3
- package/dist/bromcom-ui/bcm-timeline-item.entry.js +10 -24
- package/dist/bromcom-ui/bcm-timeline.entry.js +11 -33
- package/dist/bromcom-ui/bcm-tooltip-box.entry.js +54 -16
- package/dist/bromcom-ui/bcm-tooltip.entry.js +48 -99
- package/dist/bromcom-ui/bcm-treeview-group.entry.js +1 -1
- package/dist/bromcom-ui/bcm-treeview-item.entry.js +5 -4
- package/dist/bromcom-ui/bcm-treeview.entry.js +6 -5
- package/dist/bromcom-ui/bcm-upload.entry.js +5 -4
- package/dist/bromcom-ui/bromcom-ui.css +40153 -35
- package/dist/bromcom-ui/bromcom-ui.esm.js +2 -2
- package/dist/bromcom-ui/caption-template-2d4ffc88.js +25 -0
- package/dist/bromcom-ui/color-helper-19448077.js +35 -0
- package/dist/bromcom-ui/{element-dragger-e40f0410.js → element-dragger-2a215f47.js} +1 -1
- package/dist/bromcom-ui/generate-8e440fc4.js +91 -0
- package/dist/bromcom-ui/index-55174f2a.js +58 -0
- package/dist/bromcom-ui/{index-9dbea026.js → index-dbc63c66.js} +2 -2
- package/dist/bromcom-ui/index-dd5c1283.js +187 -0
- package/dist/bromcom-ui/input-template-487d3243.js +83 -0
- package/dist/bromcom-ui/json-parse-decarator-223ea680.js +21 -0
- package/dist/bromcom-ui/label-template-501216fc.js +19 -0
- package/dist/bromcom-ui/number-helper-fea1966f.js +13 -0
- package/dist/bromcom-ui/{popover-placement-fb1f91e9.js → popover-placement-f7a6551c.js} +25 -17
- package/dist/bromcom-ui/property-decorators-21b15487.js +36 -0
- package/dist/bromcom-ui/slot-template-f79b82ee.js +9 -0
- package/dist/bromcom-ui/snq.es5-946822b8.js +14 -0
- package/dist/bromcom-ui/string-helper-35840f91.js +109 -0
- package/dist/bromcom-ui/types-6b2a6629.js +172 -0
- package/dist/bromcom-ui/{utils-1feb01eb.js → utils-333ded7f.js} +4 -1
- package/dist/types/components/atoms/avatar/avatar.d.ts +9 -5
- package/dist/types/components/atoms/badge/badge.d.ts +14 -9
- package/dist/types/components/atoms/button/button.d.ts +17 -10
- package/dist/types/components/atoms/button/types.d.ts +0 -22
- package/dist/types/components/atoms/divider/divider.d.ts +2 -2
- package/dist/types/components/atoms/icon/icon.d.ts +14 -9
- package/dist/types/components/atoms/label/label.d.ts +1 -2
- package/dist/types/components/atoms/link/link.d.ts +6 -1
- package/dist/types/components/atoms/states/badge.states.d.ts +7 -0
- package/dist/types/components/atoms/states/button.states.d.ts +7 -0
- package/dist/types/components/atoms/tag/tag.d.ts +14 -11
- package/dist/types/components/atoms/text/text.d.ts +4 -3
- package/dist/types/components/molecules/alert/alert.d.ts +15 -37
- package/dist/types/components/molecules/breadcrumb/breadcrumb.d.ts +9 -22
- package/dist/types/components/molecules/breadcrumb/types.d.ts +10 -0
- package/dist/types/components/molecules/checkbox/checkbox-lite.d.ts +7 -22
- package/dist/types/components/molecules/checkbox/checkbox.d.ts +26 -31
- package/dist/types/components/molecules/checkbox/group.d.ts +24 -83
- package/dist/types/components/molecules/collapse/collapse.d.ts +9 -6
- package/dist/types/components/molecules/collapse/group.d.ts +4 -2
- package/dist/types/components/molecules/dropdown/dropdown-button.d.ts +18 -31
- package/dist/types/components/molecules/dropdown/dropdown-item.d.ts +17 -16
- package/dist/types/components/molecules/dropdown/dropdown-list.d.ts +12 -35
- package/dist/types/components/molecules/dropdown/dropdown.d.ts +5 -30
- package/dist/types/components/molecules/empty/empty.d.ts +7 -24
- package/dist/types/components/molecules/empty/types.d.ts +0 -15
- package/dist/types/components/molecules/error-layout/error-layout.d.ts +6 -18
- package/dist/types/components/molecules/input/input.d.ts +39 -45
- package/dist/types/components/molecules/input/types.d.ts +13 -0
- package/dist/types/components/molecules/list/list-select.d.ts +0 -1
- package/dist/types/components/molecules/list/list.d.ts +0 -1
- package/dist/types/components/molecules/message/message.d.ts +13 -25
- package/dist/types/components/molecules/modal/modal.d.ts +12 -65
- package/dist/types/components/molecules/notification/notification.d.ts +14 -21
- package/dist/types/components/molecules/popconfirm/popconfirm-box.d.ts +14 -12
- package/dist/types/components/molecules/popconfirm/popconfirm.d.ts +10 -14
- package/dist/types/components/molecules/popover/popover-box.d.ts +10 -10
- package/dist/types/components/molecules/popover/popover.d.ts +13 -19
- package/dist/types/components/molecules/progress/progress.d.ts +8 -6
- package/dist/types/components/molecules/progress/types.d.ts +24 -0
- package/dist/types/components/molecules/radio/group.d.ts +28 -22
- package/dist/types/components/molecules/radio/radio.d.ts +13 -17
- package/dist/types/components/molecules/range/range.d.ts +36 -0
- package/dist/types/components/molecules/result/result.d.ts +14 -8
- package/dist/types/components/molecules/search-2/search-2.d.ts +30 -0
- package/dist/types/components/molecules/select/select.d.ts +4 -5
- package/dist/types/components/molecules/states/alert.states.d.ts +7 -0
- package/dist/types/components/molecules/states/checkbox-group.states.d.ts +53 -0
- package/dist/types/components/molecules/states/message.states.d.ts +7 -0
- package/dist/types/components/molecules/states/notification.states.d.ts +7 -0
- package/dist/types/components/molecules/states/radio-group.states.d.ts +47 -0
- package/dist/types/components/molecules/states/result.states.d.ts +7 -0
- package/dist/types/components/molecules/states/search.states.d.ts +13 -0
- package/dist/types/components/molecules/switch/switch.d.ts +18 -15
- package/dist/types/components/molecules/textarea/textarea.d.ts +23 -23
- package/dist/types/components/molecules/textarea/types.d.ts +9 -0
- package/dist/types/components/molecules/timeline/timeline-item.d.ts +0 -12
- package/dist/types/components/molecules/timeline/timeline.d.ts +2 -19
- package/dist/types/components/molecules/tooltip/tooltip-box.d.ts +11 -8
- package/dist/types/components/molecules/tooltip/tooltip.d.ts +13 -17
- package/dist/types/components/organism/colorpicker/colorpicker.d.ts +1 -2
- package/dist/types/components/organism/date-picker/date-picker.d.ts +7 -11
- package/dist/types/components/organism/datetime-picker/datetime-picker.d.ts +4 -5
- package/dist/types/components/organism/form/form.d.ts +2 -1
- package/dist/types/components/organism/list-2/list-2.d.ts +109 -0
- package/dist/types/components/organism/listbox/listbox.d.ts +1 -2
- package/dist/types/components/organism/states/bcm-list2.states.d.ts +24 -0
- package/dist/types/components/organism/tabs/tab.d.ts +2 -1
- package/dist/types/components/organism/time-picker/time-picker.d.ts +1 -1
- package/dist/types/components.d.ts +554 -511
- package/dist/types/decorators/json-parse-decarator.d.ts +4 -0
- package/dist/types/decorators/property-decorators.d.ts +6 -0
- package/dist/types/global/variables/colors.d.ts +0 -1
- package/dist/types/helper/generate.d.ts +4 -1
- package/dist/types/helper/number-helper.d.ts +9 -0
- package/dist/types/helper/string-helper.d.ts +3 -0
- package/dist/types/models/bcm.d.ts +1 -1
- package/dist/types/models/states/Atoms/bcm-Atoms-state.d.ts +34 -0
- package/dist/types/models/states/molecules/bcm-molecules-state.d.ts +78 -0
- package/dist/types/models/states/organisms/bcm-organisms-state.d.ts +71 -0
- package/dist/types/templates/button-template.d.ts +16 -0
- package/dist/types/templates/checkbox-group-template.d.ts +10 -0
- package/dist/types/templates/checkbox-template.d.ts +13 -0
- package/dist/types/templates/info-footer-template.d.ts +10 -0
- package/dist/types/templates/input-template.d.ts +30 -0
- package/dist/types/templates/list-item-template.d.ts +11 -0
- package/dist/types/templates/list-template.d.ts +23 -0
- package/dist/types/templates/tag-template.d.ts +17 -0
- package/dist/types/types/index.d.ts +1 -1
- package/dist/types/utils/popover-placement.d.ts +3 -3
- package/dist/types/utils/utils.d.ts +1 -0
- package/package.json +1 -1
- package/dist/bromcom-ui/bcm-content.entry.js +0 -15
- package/dist/bromcom-ui/bcm-dropdown-group.entry.js +0 -58
- package/dist/bromcom-ui/bcm-footer.entry.js +0 -15
- package/dist/bromcom-ui/bcm-header.entry.js +0 -15
- package/dist/bromcom-ui/datetime-helper-c373f888.js +0 -5
- package/dist/bromcom-ui/types-0e4b533d.js +0 -14
- package/dist/bromcom-ui/types-911a8837.js +0 -21
- package/dist/types/components/atoms/badge/types.d.ts +0 -4
- package/dist/types/components/molecules/checkbox/types.d.ts +0 -29
- package/dist/types/components/molecules/dropdown/dropdown-group.d.ts +0 -28
- package/dist/types/components/molecules/dropdown/types.d.ts +0 -20
- package/dist/types/components/molecules/error-layout/types.d.ts +0 -4
- package/dist/types/components/molecules/message/types.d.ts +0 -13
- package/dist/types/components/molecules/modal/modal-content.d.ts +0 -4
- package/dist/types/components/molecules/modal/modal-header.d.ts +0 -4
- package/dist/types/components/molecules/modal/model-footer.d.ts +0 -4
- package/dist/types/components/molecules/modal/types.d.ts +0 -41
- package/dist/types/components/molecules/notification/types.d.ts +0 -14
- package/dist/types/components/molecules/result/types.d.ts +0 -19
- package/dist/types/helper/datetime-helper.d.ts +0 -3
|
@@ -1,546 +1,11 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
if (loading)
|
|
10
|
-
return { icon: 'loading', color: 'blue-6' };
|
|
11
|
-
switch (status) {
|
|
12
|
-
case StatusProps.info:
|
|
13
|
-
return { color: 'blue-6', icon: 'info-circle' };
|
|
14
|
-
case StatusProps.error:
|
|
15
|
-
return { color: 'red-6', icon: 'close-circle' };
|
|
16
|
-
case StatusProps.warning:
|
|
17
|
-
return { color: 'warmyellow-6', icon: 'exclamation-circle' };
|
|
18
|
-
case StatusProps.success:
|
|
19
|
-
return { color: 'green-6', icon: 'check-circle' };
|
|
20
|
-
}
|
|
21
|
-
};
|
|
22
|
-
Generate.createComponent = (element, props) => {
|
|
23
|
-
let box = document.createElement(element);
|
|
24
|
-
Object.keys(props).forEach(key => {
|
|
25
|
-
box[key] = props[key];
|
|
26
|
-
});
|
|
27
|
-
document.body.appendChild(box);
|
|
28
|
-
return box;
|
|
29
|
-
};
|
|
30
|
-
Generate.debounceInput = (func, wait, immediate) => {
|
|
31
|
-
let timeout;
|
|
32
|
-
return function () {
|
|
33
|
-
let context = this, args = arguments;
|
|
34
|
-
let later = function () {
|
|
35
|
-
timeout = null;
|
|
36
|
-
if (!immediate)
|
|
37
|
-
func.apply(context, args);
|
|
38
|
-
};
|
|
39
|
-
let callNow = immediate && !timeout;
|
|
40
|
-
clearTimeout(timeout);
|
|
41
|
-
timeout = setTimeout(later, wait);
|
|
42
|
-
if (callNow)
|
|
43
|
-
func.apply(context, args);
|
|
44
|
-
};
|
|
45
|
-
};
|
|
46
|
-
Generate.flatArray = (arr) => {
|
|
47
|
-
return arr.reduce((acc, val) => {
|
|
48
|
-
return acc.concat(Array.isArray(val) ? Generate.flatArray(val) : val);
|
|
49
|
-
}, []);
|
|
50
|
-
};
|
|
51
|
-
|
|
52
|
-
var Bcm;
|
|
53
|
-
(function (Bcm) {
|
|
54
|
-
let HtmlElementType;
|
|
55
|
-
(function (HtmlElementType) {
|
|
56
|
-
HtmlElementType["div"] = "div";
|
|
57
|
-
HtmlElementType["span"] = "span";
|
|
58
|
-
HtmlElementType["button"] = "button";
|
|
59
|
-
HtmlElementType["a"] = "a";
|
|
60
|
-
HtmlElementType["input"] = "input";
|
|
61
|
-
HtmlElementType["textarea"] = "textarea";
|
|
62
|
-
HtmlElementType["select"] = "select";
|
|
63
|
-
HtmlElementType["option"] = "option";
|
|
64
|
-
HtmlElementType["img"] = "img";
|
|
65
|
-
HtmlElementType["table"] = "table";
|
|
66
|
-
HtmlElementType["tr"] = "tr";
|
|
67
|
-
HtmlElementType["td"] = "td";
|
|
68
|
-
HtmlElementType["th"] = "th";
|
|
69
|
-
HtmlElementType["tbody"] = "tbody";
|
|
70
|
-
HtmlElementType["thead"] = "thead";
|
|
71
|
-
HtmlElementType["tfoot"] = "tfoot";
|
|
72
|
-
HtmlElementType["ul"] = "ul";
|
|
73
|
-
HtmlElementType["li"] = "li";
|
|
74
|
-
HtmlElementType["form"] = "form";
|
|
75
|
-
HtmlElementType["label"] = "label";
|
|
76
|
-
HtmlElementType["main"] = "main";
|
|
77
|
-
HtmlElementType["header"] = "header";
|
|
78
|
-
HtmlElementType["footer"] = "footer";
|
|
79
|
-
HtmlElementType["section"] = "section";
|
|
80
|
-
HtmlElementType["article"] = "article";
|
|
81
|
-
HtmlElementType["nav"] = "nav";
|
|
82
|
-
HtmlElementType["aside"] = "aside";
|
|
83
|
-
})(HtmlElementType = Bcm.HtmlElementType || (Bcm.HtmlElementType = {}));
|
|
84
|
-
let Status;
|
|
85
|
-
(function (Status) {
|
|
86
|
-
Status["info"] = "info";
|
|
87
|
-
Status["error"] = "error";
|
|
88
|
-
Status["warning"] = "warning";
|
|
89
|
-
Status["success"] = "success";
|
|
90
|
-
Status["default"] = "default";
|
|
91
|
-
})(Status = Bcm.Status || (Bcm.Status = {}));
|
|
92
|
-
let Shape;
|
|
93
|
-
(function (Shape) {
|
|
94
|
-
Shape["ellipse"] = "ellipse";
|
|
95
|
-
Shape["square"] = "square";
|
|
96
|
-
})(Shape = Bcm.Shape || (Bcm.Shape = {}));
|
|
97
|
-
let Direction;
|
|
98
|
-
(function (Direction) {
|
|
99
|
-
Direction["horizontal"] = "horizontal";
|
|
100
|
-
Direction["vertical"] = "vertical";
|
|
101
|
-
})(Direction = Bcm.Direction || (Bcm.Direction = {}));
|
|
102
|
-
let PreDefinedIconSize;
|
|
103
|
-
(function (PreDefinedIconSize) {
|
|
104
|
-
PreDefinedIconSize[PreDefinedIconSize["large"] = 48] = "large";
|
|
105
|
-
PreDefinedIconSize[PreDefinedIconSize["medium"] = 24] = "medium";
|
|
106
|
-
PreDefinedIconSize[PreDefinedIconSize["default"] = 16] = "default";
|
|
107
|
-
PreDefinedIconSize[PreDefinedIconSize["small"] = 12] = "small";
|
|
108
|
-
PreDefinedIconSize[PreDefinedIconSize["xsmall"] = 8] = "xsmall";
|
|
109
|
-
})(PreDefinedIconSize = Bcm.PreDefinedIconSize || (Bcm.PreDefinedIconSize = {}));
|
|
110
|
-
let IconSize;
|
|
111
|
-
(function (IconSize) {
|
|
112
|
-
IconSize["small"] = "16";
|
|
113
|
-
IconSize["medium"] = "20";
|
|
114
|
-
IconSize["large"] = "24";
|
|
115
|
-
})(IconSize = Bcm.IconSize || (Bcm.IconSize = {}));
|
|
116
|
-
let Size;
|
|
117
|
-
(function (Size) {
|
|
118
|
-
Size["small"] = "small";
|
|
119
|
-
Size["medium"] = "medium";
|
|
120
|
-
Size["large"] = "large";
|
|
121
|
-
Size["xsmall"] = "xsmall";
|
|
122
|
-
Size["xlarge"] = "xlarge";
|
|
123
|
-
Size["xxlarge"] = "xxlarge";
|
|
124
|
-
Size["xxxlarge"] = "xxxlarge";
|
|
125
|
-
})(Size = Bcm.Size || (Bcm.Size = {}));
|
|
126
|
-
let Kind;
|
|
127
|
-
(function (Kind) {
|
|
128
|
-
Kind["solid"] = "solid";
|
|
129
|
-
Kind["ghost"] = "ghost";
|
|
130
|
-
Kind["link"] = "link";
|
|
131
|
-
Kind["solid-link"] = "solid-link";
|
|
132
|
-
Kind["ghost-link"] = "ghost-link";
|
|
133
|
-
})(Kind = Bcm.Kind || (Bcm.Kind = {}));
|
|
134
|
-
let ButtonType;
|
|
135
|
-
(function (ButtonType) {
|
|
136
|
-
ButtonType["button"] = "button";
|
|
137
|
-
ButtonType["reset"] = "reset";
|
|
138
|
-
ButtonType["submit"] = "submit";
|
|
139
|
-
})(ButtonType = Bcm.ButtonType || (Bcm.ButtonType = {}));
|
|
140
|
-
let IconPosition;
|
|
141
|
-
(function (IconPosition) {
|
|
142
|
-
IconPosition["prefix"] = "prefix";
|
|
143
|
-
IconPosition["suffix"] = "suffix";
|
|
144
|
-
})(IconPosition = Bcm.IconPosition || (Bcm.IconPosition = {}));
|
|
145
|
-
let TagType;
|
|
146
|
-
(function (TagType) {
|
|
147
|
-
TagType["basic"] = "basic";
|
|
148
|
-
TagType["add"] = "add";
|
|
149
|
-
TagType["checkable"] = "checkable";
|
|
150
|
-
TagType["dissmisable"] = "dissmisable";
|
|
151
|
-
})(TagType = Bcm.TagType || (Bcm.TagType = {}));
|
|
152
|
-
let FontSize;
|
|
153
|
-
(function (FontSize) {
|
|
154
|
-
FontSize["size-1"] = "size-1";
|
|
155
|
-
FontSize["size-2"] = "size-2";
|
|
156
|
-
FontSize["size-3"] = "size-3";
|
|
157
|
-
FontSize["size-4"] = "size-4";
|
|
158
|
-
FontSize["size-5"] = "size-5";
|
|
159
|
-
FontSize["size-6"] = "size-6";
|
|
160
|
-
FontSize["size-7"] = "size-7";
|
|
161
|
-
FontSize["size-8"] = "size-8";
|
|
162
|
-
FontSize["size-9"] = "size-9";
|
|
163
|
-
})(FontSize = Bcm.FontSize || (Bcm.FontSize = {}));
|
|
164
|
-
let FontSizeValue;
|
|
165
|
-
(function (FontSizeValue) {
|
|
166
|
-
FontSizeValue[FontSizeValue["size-1"] = 12] = "size-1";
|
|
167
|
-
FontSizeValue[FontSizeValue["size-2"] = 14] = "size-2";
|
|
168
|
-
FontSizeValue[FontSizeValue["size-3"] = 16] = "size-3";
|
|
169
|
-
FontSizeValue[FontSizeValue["size-4"] = 20] = "size-4";
|
|
170
|
-
FontSizeValue[FontSizeValue["size-5"] = 24] = "size-5";
|
|
171
|
-
FontSizeValue[FontSizeValue["size-6"] = 30] = "size-6";
|
|
172
|
-
FontSizeValue[FontSizeValue["size-7"] = 38] = "size-7";
|
|
173
|
-
FontSizeValue[FontSizeValue["size-8"] = 46] = "size-8";
|
|
174
|
-
FontSizeValue[FontSizeValue["size-9"] = 56] = "size-9";
|
|
175
|
-
})(FontSizeValue = Bcm.FontSizeValue || (Bcm.FontSizeValue = {}));
|
|
176
|
-
let FontWeight;
|
|
177
|
-
(function (FontWeight) {
|
|
178
|
-
FontWeight["thin"] = "thin";
|
|
179
|
-
FontWeight["light"] = "light";
|
|
180
|
-
FontWeight["regular"] = "regular";
|
|
181
|
-
FontWeight["medium"] = "medium";
|
|
182
|
-
FontWeight["bold"] = "bold";
|
|
183
|
-
FontWeight["black"] = "black";
|
|
184
|
-
})(FontWeight = Bcm.FontWeight || (Bcm.FontWeight = {}));
|
|
185
|
-
let ColorPalette;
|
|
186
|
-
(function (ColorPalette) {
|
|
187
|
-
ColorPalette["default"] = "default";
|
|
188
|
-
ColorPalette["black"] = "black";
|
|
189
|
-
ColorPalette["white"] = "white";
|
|
190
|
-
ColorPalette["prime-blue"] = "prime-blue";
|
|
191
|
-
ColorPalette["prime-blue-1"] = "prime-blue-1";
|
|
192
|
-
ColorPalette["prime-blue-2"] = "prime-blue-2";
|
|
193
|
-
ColorPalette["prime-blue-3"] = "prime-blue-3";
|
|
194
|
-
ColorPalette["prime-blue-4"] = "prime-blue-4";
|
|
195
|
-
ColorPalette["prime-blue-5"] = "prime-blue-5";
|
|
196
|
-
ColorPalette["prime-blue-6"] = "prime-blue-6";
|
|
197
|
-
ColorPalette["prime-blue-7"] = "prime-blue-7";
|
|
198
|
-
ColorPalette["prime-blue-8"] = "prime-blue-8";
|
|
199
|
-
ColorPalette["prime-blue-9"] = "prime-blue-9";
|
|
200
|
-
ColorPalette["prime-blue-10"] = "prime-blue-10";
|
|
201
|
-
ColorPalette["grey"] = "grey";
|
|
202
|
-
ColorPalette["grey-1"] = "grey-1";
|
|
203
|
-
ColorPalette["grey-2"] = "grey-2";
|
|
204
|
-
ColorPalette["grey-3"] = "grey-3";
|
|
205
|
-
ColorPalette["grey-4"] = "grey-4";
|
|
206
|
-
ColorPalette["grey-5"] = "grey-5";
|
|
207
|
-
ColorPalette["grey-6"] = "grey-6";
|
|
208
|
-
ColorPalette["grey-7"] = "grey-7";
|
|
209
|
-
ColorPalette["grey-8"] = "grey-8";
|
|
210
|
-
ColorPalette["grey-9"] = "grey-9";
|
|
211
|
-
ColorPalette["grey-10"] = "grey-10";
|
|
212
|
-
ColorPalette["blue"] = "blue";
|
|
213
|
-
ColorPalette["blue-1"] = "blue-1";
|
|
214
|
-
ColorPalette["blue-2"] = "blue-2";
|
|
215
|
-
ColorPalette["blue-3"] = "blue-3";
|
|
216
|
-
ColorPalette["blue-4"] = "blue-4";
|
|
217
|
-
ColorPalette["blue-5"] = "blue-5";
|
|
218
|
-
ColorPalette["blue-6"] = "blue-6";
|
|
219
|
-
ColorPalette["blue-7"] = "blue-7";
|
|
220
|
-
ColorPalette["blue-8"] = "blue-8";
|
|
221
|
-
ColorPalette["blue-9"] = "blue-9";
|
|
222
|
-
ColorPalette["blue-10"] = "blue-10";
|
|
223
|
-
ColorPalette["warmyellow"] = "warmyellow";
|
|
224
|
-
ColorPalette["warmyellow-1"] = "warmyellow-1";
|
|
225
|
-
ColorPalette["warmyellow-2"] = "warmyellow-2";
|
|
226
|
-
ColorPalette["warmyellow-3"] = "warmyellow-3";
|
|
227
|
-
ColorPalette["warmyellow-4"] = "warmyellow-4";
|
|
228
|
-
ColorPalette["warmyellow-5"] = "warmyellow-5";
|
|
229
|
-
ColorPalette["warmyellow-6"] = "warmyellow-6";
|
|
230
|
-
ColorPalette["warmyellow-7"] = "warmyellow-7";
|
|
231
|
-
ColorPalette["warmyellow-8"] = "warmyellow-8";
|
|
232
|
-
ColorPalette["warmyellow-9"] = "warmyellow-9";
|
|
233
|
-
ColorPalette["warmyellow-10"] = "warmyellow-10";
|
|
234
|
-
ColorPalette["yellow"] = "yellow";
|
|
235
|
-
ColorPalette["yellow-1"] = "yellow-1";
|
|
236
|
-
ColorPalette["yellow-2"] = "yellow-2";
|
|
237
|
-
ColorPalette["yellow-3"] = "yellow-3";
|
|
238
|
-
ColorPalette["yellow-4"] = "yellow-4";
|
|
239
|
-
ColorPalette["yellow-5"] = "yellow-5";
|
|
240
|
-
ColorPalette["yellow-6"] = "yellow-6";
|
|
241
|
-
ColorPalette["yellow-7"] = "yellow-7";
|
|
242
|
-
ColorPalette["yellow-8"] = "yellow-8";
|
|
243
|
-
ColorPalette["yellow-9"] = "yellow-9";
|
|
244
|
-
ColorPalette["yellow-10"] = "yellow-10";
|
|
245
|
-
ColorPalette["limegreen"] = "limegreen";
|
|
246
|
-
ColorPalette["limegreen-1"] = "limegreen-1";
|
|
247
|
-
ColorPalette["limegreen-2"] = "limegreen-2";
|
|
248
|
-
ColorPalette["limegreen-3"] = "limegreen-3";
|
|
249
|
-
ColorPalette["limegreen-4"] = "limegreen-4";
|
|
250
|
-
ColorPalette["limegreen-5"] = "limegreen-5";
|
|
251
|
-
ColorPalette["limegreen-6"] = "limegreen-6";
|
|
252
|
-
ColorPalette["limegreen-7"] = "limegreen-7";
|
|
253
|
-
ColorPalette["limegreen-8"] = "limegreen-8";
|
|
254
|
-
ColorPalette["limegreen-9"] = "limegreen-9";
|
|
255
|
-
ColorPalette["limegreen-10"] = "limegreen-10";
|
|
256
|
-
ColorPalette["red"] = "red";
|
|
257
|
-
ColorPalette["red-1"] = "red-1";
|
|
258
|
-
ColorPalette["red-2"] = "red-2";
|
|
259
|
-
ColorPalette["red-3"] = "red-3";
|
|
260
|
-
ColorPalette["red-4"] = "red-4";
|
|
261
|
-
ColorPalette["red-5"] = "red-5";
|
|
262
|
-
ColorPalette["red-6"] = "red-6";
|
|
263
|
-
ColorPalette["red-7"] = "red-7";
|
|
264
|
-
ColorPalette["red-8"] = "red-8";
|
|
265
|
-
ColorPalette["red-9"] = "red-9";
|
|
266
|
-
ColorPalette["red-10"] = "red-10";
|
|
267
|
-
ColorPalette["darkorange"] = "darkorange";
|
|
268
|
-
ColorPalette["darkorange-1"] = "darkorange-1";
|
|
269
|
-
ColorPalette["darkorange-2"] = "darkorange-2";
|
|
270
|
-
ColorPalette["darkorange-3"] = "darkorange-3";
|
|
271
|
-
ColorPalette["darkorange-4"] = "darkorange-4";
|
|
272
|
-
ColorPalette["darkorange-5"] = "darkorange-5";
|
|
273
|
-
ColorPalette["darkorange-6"] = "darkorange-6";
|
|
274
|
-
ColorPalette["darkorange-7"] = "darkorange-7";
|
|
275
|
-
ColorPalette["darkorange-8"] = "darkorange-8";
|
|
276
|
-
ColorPalette["darkorange-9"] = "darkorange-9";
|
|
277
|
-
ColorPalette["darkorange-10"] = "darkorange-10";
|
|
278
|
-
ColorPalette["orange"] = "orange";
|
|
279
|
-
ColorPalette["orange-1"] = "orange-1";
|
|
280
|
-
ColorPalette["orange-2"] = "orange-2";
|
|
281
|
-
ColorPalette["orange-3"] = "orange-3";
|
|
282
|
-
ColorPalette["orange-4"] = "orange-4";
|
|
283
|
-
ColorPalette["orange-5"] = "orange-5";
|
|
284
|
-
ColorPalette["orange-6"] = "orange-6";
|
|
285
|
-
ColorPalette["orange-7"] = "orange-7";
|
|
286
|
-
ColorPalette["orange-8"] = "orange-8";
|
|
287
|
-
ColorPalette["orange-9"] = "orange-9";
|
|
288
|
-
ColorPalette["orange-10"] = "orange-10";
|
|
289
|
-
ColorPalette["green"] = "green";
|
|
290
|
-
ColorPalette["green-1"] = "green-1";
|
|
291
|
-
ColorPalette["green-2"] = "green-2";
|
|
292
|
-
ColorPalette["green-3"] = "green-3";
|
|
293
|
-
ColorPalette["green-4"] = "green-4";
|
|
294
|
-
ColorPalette["green-5"] = "green-5";
|
|
295
|
-
ColorPalette["green-6"] = "green-6";
|
|
296
|
-
ColorPalette["green-7"] = "green-7";
|
|
297
|
-
ColorPalette["green-8"] = "green-8";
|
|
298
|
-
ColorPalette["green-9"] = "green-9";
|
|
299
|
-
ColorPalette["green-10"] = "green-10";
|
|
300
|
-
ColorPalette["turquosie"] = "turquosie";
|
|
301
|
-
ColorPalette["turquosie-1"] = "turquosie-1";
|
|
302
|
-
ColorPalette["turquosie-2"] = "turquosie-2";
|
|
303
|
-
ColorPalette["turquosie-3"] = "turquosie-3";
|
|
304
|
-
ColorPalette["turquosie-4"] = "turquosie-4";
|
|
305
|
-
ColorPalette["turquosie-5"] = "turquosie-5";
|
|
306
|
-
ColorPalette["turquosie-6"] = "turquosie-6";
|
|
307
|
-
ColorPalette["turquosie-7"] = "turquosie-7";
|
|
308
|
-
ColorPalette["turquosie-8"] = "turquosie-8";
|
|
309
|
-
ColorPalette["turquosie-9"] = "turquosie-9";
|
|
310
|
-
ColorPalette["turquosie-10"] = "turquosie-10";
|
|
311
|
-
ColorPalette["cobaltblue"] = "cobaltblue";
|
|
312
|
-
ColorPalette["cobaltblue-1"] = "cobaltblue-1";
|
|
313
|
-
ColorPalette["cobaltblue-2"] = "cobaltblue-2";
|
|
314
|
-
ColorPalette["cobaltblue-3"] = "cobaltblue-3";
|
|
315
|
-
ColorPalette["cobaltblue-4"] = "cobaltblue-4";
|
|
316
|
-
ColorPalette["cobaltblue-5"] = "cobaltblue-5";
|
|
317
|
-
ColorPalette["cobaltblue-6"] = "cobaltblue-6";
|
|
318
|
-
ColorPalette["cobaltblue-7"] = "cobaltblue-7";
|
|
319
|
-
ColorPalette["cobaltblue-8"] = "cobaltblue-8";
|
|
320
|
-
ColorPalette["cobaltblue-9"] = "cobaltblue-9";
|
|
321
|
-
ColorPalette["cobaltblue-10"] = "cobaltblue-10";
|
|
322
|
-
ColorPalette["magenta"] = "magenta";
|
|
323
|
-
ColorPalette["magenta-1"] = "magenta-1";
|
|
324
|
-
ColorPalette["magenta-2"] = "magenta-2";
|
|
325
|
-
ColorPalette["magenta-3"] = "magenta-3";
|
|
326
|
-
ColorPalette["magenta-4"] = "magenta-4";
|
|
327
|
-
ColorPalette["magenta-5"] = "magenta-5";
|
|
328
|
-
ColorPalette["magenta-6"] = "magenta-6";
|
|
329
|
-
ColorPalette["magenta-7"] = "magenta-7";
|
|
330
|
-
ColorPalette["magenta-8"] = "magenta-8";
|
|
331
|
-
ColorPalette["magenta-9"] = "magenta-9";
|
|
332
|
-
ColorPalette["magenta-10"] = "magenta-10";
|
|
333
|
-
ColorPalette["purple"] = "purple";
|
|
334
|
-
ColorPalette["purple-1"] = "purple-1";
|
|
335
|
-
ColorPalette["purple-2"] = "purple-2";
|
|
336
|
-
ColorPalette["purple-3"] = "purple-3";
|
|
337
|
-
ColorPalette["purple-4"] = "purple-4";
|
|
338
|
-
ColorPalette["purple-5"] = "purple-5";
|
|
339
|
-
ColorPalette["purple-6"] = "purple-6";
|
|
340
|
-
ColorPalette["purple-7"] = "purple-7";
|
|
341
|
-
ColorPalette["purple-8"] = "purple-8";
|
|
342
|
-
ColorPalette["purple-9"] = "purple-9";
|
|
343
|
-
ColorPalette["purple-10"] = "purple-10";
|
|
344
|
-
ColorPalette["bc-red"] = "bc-red";
|
|
345
|
-
ColorPalette["bc-red-1"] = "bc-red-1";
|
|
346
|
-
ColorPalette["bc-red-2"] = "bc-red-2";
|
|
347
|
-
ColorPalette["bc-red-3"] = "bc-red-3";
|
|
348
|
-
ColorPalette["bc-red-4"] = "bc-red-4";
|
|
349
|
-
ColorPalette["bc-red-5"] = "bc-red-5";
|
|
350
|
-
ColorPalette["bc-red-6"] = "bc-red-6";
|
|
351
|
-
ColorPalette["bc-red-7"] = "bc-red-7";
|
|
352
|
-
ColorPalette["bc-red-8"] = "bc-red-8";
|
|
353
|
-
ColorPalette["bc-red-9"] = "bc-red-9";
|
|
354
|
-
ColorPalette["bc-blue"] = "bc-blue";
|
|
355
|
-
ColorPalette["bc-blue-1"] = "bc-blue-1";
|
|
356
|
-
ColorPalette["bc-blue-2"] = "bc-blue-2";
|
|
357
|
-
ColorPalette["bc-blue-3"] = "bc-blue-3";
|
|
358
|
-
ColorPalette["bc-blue-4"] = "bc-blue-4";
|
|
359
|
-
ColorPalette["bc-blue-5"] = "bc-blue-5";
|
|
360
|
-
ColorPalette["bc-blue-6"] = "bc-blue-6";
|
|
361
|
-
ColorPalette["bc-blue-7"] = "bc-blue-7";
|
|
362
|
-
ColorPalette["bc-blue-8"] = "bc-blue-8";
|
|
363
|
-
ColorPalette["bc-blue-9"] = "bc-blue-9";
|
|
364
|
-
ColorPalette["bc-green"] = "bc-green";
|
|
365
|
-
ColorPalette["bc-green-1"] = "bc-green-1";
|
|
366
|
-
ColorPalette["bc-green-2"] = "bc-green-2";
|
|
367
|
-
ColorPalette["bc-green-3"] = "bc-green-3";
|
|
368
|
-
ColorPalette["bc-green-4"] = "bc-green-4";
|
|
369
|
-
ColorPalette["bc-green-5"] = "bc-green-5";
|
|
370
|
-
ColorPalette["bc-green-6"] = "bc-green-6";
|
|
371
|
-
ColorPalette["bc-green-7"] = "bc-green-7";
|
|
372
|
-
ColorPalette["bc-green-8"] = "bc-green-8";
|
|
373
|
-
ColorPalette["bc-green-9"] = "bc-green-9";
|
|
374
|
-
ColorPalette["bc-orange"] = "bc-orange";
|
|
375
|
-
ColorPalette["bc-orange-1"] = "bc-orange-1";
|
|
376
|
-
ColorPalette["bc-orange-2"] = "bc-orange-2";
|
|
377
|
-
ColorPalette["bc-orange-3"] = "bc-orange-3";
|
|
378
|
-
ColorPalette["bc-orange-4"] = "bc-orange-4";
|
|
379
|
-
ColorPalette["bc-orange-5"] = "bc-orange-5";
|
|
380
|
-
ColorPalette["bc-orange-6"] = "bc-orange-6";
|
|
381
|
-
ColorPalette["bc-orange-7"] = "bc-orange-7";
|
|
382
|
-
ColorPalette["bc-orange-8"] = "bc-orange-8";
|
|
383
|
-
ColorPalette["bc-orange-9"] = "bc-orange-9";
|
|
384
|
-
})(ColorPalette = Bcm.ColorPalette || (Bcm.ColorPalette = {}));
|
|
385
|
-
let InputType;
|
|
386
|
-
(function (InputType) {
|
|
387
|
-
InputType["text"] = "text";
|
|
388
|
-
InputType["number"] = "number";
|
|
389
|
-
InputType["email"] = "email";
|
|
390
|
-
InputType["password"] = "password";
|
|
391
|
-
InputType["url"] = "url";
|
|
392
|
-
InputType["search"] = "search";
|
|
393
|
-
InputType["tel"] = "tel";
|
|
394
|
-
InputType["hidden"] = "hidden";
|
|
395
|
-
})(InputType = Bcm.InputType || (Bcm.InputType = {}));
|
|
396
|
-
let KeyCode;
|
|
397
|
-
(function (KeyCode) {
|
|
398
|
-
KeyCode[KeyCode["backspace"] = 8] = "backspace";
|
|
399
|
-
KeyCode[KeyCode["tab"] = 9] = "tab";
|
|
400
|
-
KeyCode[KeyCode["enter"] = 13] = "enter";
|
|
401
|
-
KeyCode[KeyCode["shift"] = 16] = "shift";
|
|
402
|
-
KeyCode[KeyCode["ctrl"] = 17] = "ctrl";
|
|
403
|
-
KeyCode[KeyCode["alt"] = 18] = "alt";
|
|
404
|
-
KeyCode[KeyCode["pause"] = 19] = "pause";
|
|
405
|
-
KeyCode[KeyCode["capslock"] = 20] = "capslock";
|
|
406
|
-
KeyCode[KeyCode["escape"] = 27] = "escape";
|
|
407
|
-
KeyCode[KeyCode["space"] = 32] = "space";
|
|
408
|
-
KeyCode[KeyCode["pageup"] = 33] = "pageup";
|
|
409
|
-
KeyCode[KeyCode["pagedown"] = 34] = "pagedown";
|
|
410
|
-
KeyCode[KeyCode["end"] = 35] = "end";
|
|
411
|
-
KeyCode[KeyCode["home"] = 36] = "home";
|
|
412
|
-
KeyCode[KeyCode["left"] = 37] = "left";
|
|
413
|
-
KeyCode[KeyCode["up"] = 38] = "up";
|
|
414
|
-
KeyCode[KeyCode["right"] = 39] = "right";
|
|
415
|
-
KeyCode[KeyCode["down"] = 40] = "down";
|
|
416
|
-
KeyCode[KeyCode["insert"] = 45] = "insert";
|
|
417
|
-
KeyCode[KeyCode["delete"] = 46] = "delete";
|
|
418
|
-
KeyCode[KeyCode["f1"] = 112] = "f1";
|
|
419
|
-
KeyCode[KeyCode["f2"] = 113] = "f2";
|
|
420
|
-
KeyCode[KeyCode["f3"] = 114] = "f3";
|
|
421
|
-
KeyCode[KeyCode["f4"] = 115] = "f4";
|
|
422
|
-
KeyCode[KeyCode["f5"] = 116] = "f5";
|
|
423
|
-
KeyCode[KeyCode["f6"] = 117] = "f6";
|
|
424
|
-
KeyCode[KeyCode["f7"] = 118] = "f7";
|
|
425
|
-
KeyCode[KeyCode["f8"] = 119] = "f8";
|
|
426
|
-
KeyCode[KeyCode["f9"] = 120] = "f9";
|
|
427
|
-
KeyCode[KeyCode["f10"] = 121] = "f10";
|
|
428
|
-
KeyCode[KeyCode["f11"] = 122] = "f11";
|
|
429
|
-
KeyCode[KeyCode["f12"] = 123] = "f12";
|
|
430
|
-
KeyCode[KeyCode["numlock"] = 144] = "numlock";
|
|
431
|
-
KeyCode[KeyCode["scrolllock"] = 145] = "scrolllock";
|
|
432
|
-
KeyCode[KeyCode["semicolon"] = 186] = "semicolon";
|
|
433
|
-
KeyCode[KeyCode["equal"] = 187] = "equal";
|
|
434
|
-
KeyCode[KeyCode["comma"] = 188] = "comma";
|
|
435
|
-
KeyCode[KeyCode["dash"] = 189] = "dash";
|
|
436
|
-
KeyCode[KeyCode["period"] = 190] = "period";
|
|
437
|
-
KeyCode[KeyCode["slash"] = 191] = "slash";
|
|
438
|
-
KeyCode[KeyCode["backslash"] = 220] = "backslash";
|
|
439
|
-
KeyCode[KeyCode["bracketleft"] = 219] = "bracketleft";
|
|
440
|
-
KeyCode[KeyCode["bracketright"] = 221] = "bracketright";
|
|
441
|
-
KeyCode[KeyCode["quote"] = 222] = "quote";
|
|
442
|
-
KeyCode[KeyCode["backtick"] = 192] = "backtick";
|
|
443
|
-
KeyCode[KeyCode["a"] = 65] = "a";
|
|
444
|
-
})(KeyCode = Bcm.KeyCode || (Bcm.KeyCode = {}));
|
|
445
|
-
Bcm.FormErrorMessages = {
|
|
446
|
-
'email': 'Please enter a valid email address',
|
|
447
|
-
'password': 'Please enter a valid password',
|
|
448
|
-
'url': 'Please enter a valid URL',
|
|
449
|
-
'phone': 'Please enter a valid phone number',
|
|
450
|
-
'search': 'Please enter a valid search term',
|
|
451
|
-
'number': 'Please enter a valid number',
|
|
452
|
-
'text': 'Please enter a valid text',
|
|
453
|
-
'required': 'This field is required',
|
|
454
|
-
'minlength': 'This field must be at least {0} characters long',
|
|
455
|
-
'maxlength': 'This field must be at most {0} characters long',
|
|
456
|
-
'min': 'This field must be at least {0}',
|
|
457
|
-
'max': 'This field must be at most {0}',
|
|
458
|
-
'between': 'This field must be between {0} and {1}',
|
|
459
|
-
'pattern': 'This field is invalid',
|
|
460
|
-
'date': 'Please enter a valid date',
|
|
461
|
-
'time': 'Please enter a valid time',
|
|
462
|
-
'datetime': 'Please enter a valid date and time',
|
|
463
|
-
'datetime-local': 'Please enter a valid date and time',
|
|
464
|
-
'month': 'Please enter a valid month',
|
|
465
|
-
'week': 'Please enter a valid week',
|
|
466
|
-
'color': 'Please enter a valid color',
|
|
467
|
-
'file': 'Please enter a valid file',
|
|
468
|
-
'range': 'Please enter a valid range',
|
|
469
|
-
'radio': 'Please select a valid option',
|
|
470
|
-
'checkbox': 'Please select a valid option',
|
|
471
|
-
'select': 'Please select a valid option',
|
|
472
|
-
'multiple': 'Please select a valid option',
|
|
473
|
-
};
|
|
474
|
-
let IndeterminateType;
|
|
475
|
-
(function (IndeterminateType) {
|
|
476
|
-
IndeterminateType["uncheck"] = "uncheck";
|
|
477
|
-
IndeterminateType["indeterminate"] = "indeterminate";
|
|
478
|
-
IndeterminateType["determinate"] = "determinate"; // true
|
|
479
|
-
})(IndeterminateType = Bcm.IndeterminateType || (Bcm.IndeterminateType = {}));
|
|
480
|
-
let Placement;
|
|
481
|
-
(function (Placement) {
|
|
482
|
-
Placement["top"] = "top";
|
|
483
|
-
Placement["top-start"] = "top-start";
|
|
484
|
-
Placement["top-end"] = "top-end";
|
|
485
|
-
Placement["bottom"] = "bottom";
|
|
486
|
-
Placement["bottom-start"] = "bottom-start";
|
|
487
|
-
Placement["bottom-end"] = "bottom-end";
|
|
488
|
-
Placement["left"] = "left";
|
|
489
|
-
Placement["left-start"] = "left-start";
|
|
490
|
-
Placement["left-end"] = "left-end";
|
|
491
|
-
Placement["right"] = "right";
|
|
492
|
-
Placement["right-start"] = "right-start";
|
|
493
|
-
Placement["right-end"] = "right-end";
|
|
494
|
-
})(Placement = Bcm.Placement || (Bcm.Placement = {}));
|
|
495
|
-
let TriggerType;
|
|
496
|
-
(function (TriggerType) {
|
|
497
|
-
TriggerType["hover"] = "hover";
|
|
498
|
-
TriggerType["click"] = "click";
|
|
499
|
-
TriggerType["focus"] = "focus";
|
|
500
|
-
})(TriggerType = Bcm.TriggerType || (Bcm.TriggerType = {}));
|
|
501
|
-
})(Bcm || (Bcm = {}));
|
|
502
|
-
const Bcm$1 = Bcm;
|
|
503
|
-
|
|
504
|
-
class StringHelper {
|
|
505
|
-
}
|
|
506
|
-
StringHelper.lowercase = (str) => str.toLowerCase();
|
|
507
|
-
StringHelper.uppercase = (str) => str.toUpperCase();
|
|
508
|
-
StringHelper.capitalize = (str) => str.charAt(0).toUpperCase() + str.slice(1);
|
|
509
|
-
StringHelper.camelCase = (str) => str.replace(/\s(.)/g, function ($1) { return $1.toUpperCase(); }).replace(/\s/g, '');
|
|
510
|
-
StringHelper.kebabCase = (str) => str.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();
|
|
511
|
-
StringHelper.snakeCase = (str) => str.replace(/([a-z])([A-Z])/g, '$1_$2').toLowerCase();
|
|
512
|
-
StringHelper.titleCase = (str) => str.replace(/\w\S*/g, function (txt) { return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase(); });
|
|
513
|
-
StringHelper.trim = (str) => str.trim();
|
|
514
|
-
StringHelper.trimLeft = (str) => str.trimLeft();
|
|
515
|
-
StringHelper.trimRight = (str) => str.trimRight();
|
|
516
|
-
StringHelper.trimAll = (str) => str.trim().replace(/\s+/g, ' ');
|
|
517
|
-
StringHelper.replace = (str, search, replace) => str.replace(search, replace);
|
|
518
|
-
StringHelper.remove = (str, search) => str.replace(search, '');
|
|
519
|
-
StringHelper.isNullOrEmpty = (str) => str === null || str === undefined || str === '';
|
|
520
|
-
StringHelper.localizationMessage = (str, args) => str.replace(/{(\d+)}/g, (match, number) => typeof args[number] != 'undefined' ? args[number] : match);
|
|
521
|
-
StringHelper.getMessage = (type, args) => StringHelper.localizationMessage(Bcm$1.FormErrorMessages[type], args);
|
|
522
|
-
StringHelper.split = (str, separator) => str.split(separator);
|
|
523
|
-
StringHelper.textContains = (str, search) => str.indexOf(search) !== -1;
|
|
524
|
-
|
|
525
|
-
const SlotTemplate = ({ value, className, name }) => {
|
|
526
|
-
return StringHelper.isNullOrEmpty(value) ? h("span", { class: className },
|
|
527
|
-
h("slot", Object.assign({}, (name && { name: name })))) : h("span", { class: className }, value);
|
|
528
|
-
};
|
|
529
|
-
|
|
530
|
-
const LabelTemplate = ({ required, value, size, form, htmlFor, type }) => {
|
|
531
|
-
size = size || Bcm$1.FontSize['size-1'];
|
|
532
|
-
type = type || Bcm$1.Status.default;
|
|
533
|
-
const labelClasses = classnames('bcm-label__text', size, {
|
|
534
|
-
'bcm-label__text-error': type === Bcm$1.Status.error,
|
|
535
|
-
});
|
|
536
|
-
return (h("label", { form: form, htmlFor: htmlFor, class: labelClasses },
|
|
537
|
-
" ",
|
|
538
|
-
h(SlotTemplate, { value: value }),
|
|
539
|
-
" ",
|
|
540
|
-
required && ('*')));
|
|
541
|
-
};
|
|
542
|
-
|
|
543
|
-
const labelCss = "@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}.bcm-label{display:flex;align-items:center;grid-gap:2px}.bcm-label__text{display:inline-block;color:var(--bcm-color-grey-9);margin-bottom:4px}.bcm-label__text-error{color:var(--bcm-color-red-6)}";
|
|
1
|
+
import { r as registerInstance, h, f as Host, g as getElement } from './index-dbc63c66.js';
|
|
2
|
+
import { G as Generate } from './generate-8e440fc4.js';
|
|
3
|
+
import './_commonjsHelpers-2088bffa.js';
|
|
4
|
+
import { c as classnames } from './index-55174f2a.js';
|
|
5
|
+
import { B as Bcm } from './bcm-ad02f9c9.js';
|
|
6
|
+
import './string-helper-35840f91.js';
|
|
7
|
+
import './slot-template-f79b82ee.js';
|
|
8
|
+
import { L as LabelTemplate } from './label-template-501216fc.js';
|
|
544
9
|
|
|
545
10
|
const BcmLabel = class {
|
|
546
11
|
constructor(hostRef) {
|
|
@@ -548,18 +13,16 @@ const BcmLabel = class {
|
|
|
548
13
|
/** Props **/
|
|
549
14
|
this._id = Generate.UID();
|
|
550
15
|
this.required = false;
|
|
551
|
-
this.size = Bcm
|
|
16
|
+
this.size = Bcm.FontSize['size-1'];
|
|
552
17
|
this.hidden = false;
|
|
553
|
-
this.type = Bcm
|
|
18
|
+
this.type = Bcm.Status.default;
|
|
554
19
|
}
|
|
555
20
|
render() {
|
|
556
|
-
const { required, value, size, form, htmlFor, hidden, type
|
|
21
|
+
const { required, value, size, form, htmlFor, hidden, type } = this;
|
|
557
22
|
const hostClasses = classnames('bcm-label', { hidden });
|
|
558
|
-
|
|
559
|
-
return (h(Host, null, h("div", { class: hostClasses }, Label, tooltip && (h("bcm-tooltip", { message: tooltip, placement: 'top', trigger: 'hover' }, h("bcm-icon", { color: "grey-8", icon: "question-circle", type: "fill" }))))));
|
|
23
|
+
return (h(Host, { class: hostClasses }, h(LabelTemplate, { form: form, htmlFor: htmlFor, value: value, size: size, type: type, required: required })));
|
|
560
24
|
}
|
|
561
25
|
get el() { return getElement(this); }
|
|
562
26
|
};
|
|
563
|
-
BcmLabel.style = labelCss;
|
|
564
27
|
|
|
565
28
|
export { BcmLabel as bcm_label };
|