gd-bs 5.2.2 → 5.2.3
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/build/bs.js +1 -1
- package/build/components/dropdown/index.js +39 -1
- package/build/components/popover/index.js +31 -6
- package/build/components/tooltip/index.js +31 -6
- package/dist/gd-bs-icons.js +4 -4
- package/dist/gd-bs-icons.min.js +1 -1
- package/dist/gd-bs.d.ts +10 -0
- package/dist/gd-bs.js +4 -4
- package/dist/gd-bs.min.js +1 -1
- package/package.json +1 -1
- package/src/bs.scss +141 -24
- package/src/components/dropdown/index.ts +40 -1
- package/src/components/popover/index.ts +31 -6
- package/src/components/popover/types.d.ts +5 -0
- package/src/components/tooltip/index.ts +31 -6
- package/src/components/tooltip/types.d.ts +5 -0
|
@@ -222,11 +222,49 @@ var _Dropdown = /** @class */ (function (_super) {
|
|
|
222
222
|
// Get the toggle
|
|
223
223
|
var toggle = this.el.querySelector(".dropdown-toggle");
|
|
224
224
|
if (toggle && this._elMenu) {
|
|
225
|
+
// Set the type, based on the current dropdown type
|
|
226
|
+
var popoverType = popover_1.PopoverTypes.Light;
|
|
227
|
+
switch (this.props.type) {
|
|
228
|
+
case exports.DropdownTypes.Danger:
|
|
229
|
+
case exports.DropdownTypes.OutlineDanger:
|
|
230
|
+
popoverType = popover_1.PopoverTypes.Danger;
|
|
231
|
+
break;
|
|
232
|
+
case exports.DropdownTypes.Dark:
|
|
233
|
+
case exports.DropdownTypes.OutlineDark:
|
|
234
|
+
popoverType = popover_1.PopoverTypes.Dark;
|
|
235
|
+
break;
|
|
236
|
+
case exports.DropdownTypes.Info:
|
|
237
|
+
case exports.DropdownTypes.OutlineInfo:
|
|
238
|
+
popoverType = popover_1.PopoverTypes.Info;
|
|
239
|
+
break;
|
|
240
|
+
case exports.DropdownTypes.Light:
|
|
241
|
+
case exports.DropdownTypes.OutlineLight:
|
|
242
|
+
case exports.DropdownTypes.Link:
|
|
243
|
+
case exports.DropdownTypes.OutlineLink:
|
|
244
|
+
popoverType = popover_1.PopoverTypes.Light;
|
|
245
|
+
break;
|
|
246
|
+
case exports.DropdownTypes.Primary:
|
|
247
|
+
case exports.DropdownTypes.OutlinePrimary:
|
|
248
|
+
popoverType = popover_1.PopoverTypes.Primary;
|
|
249
|
+
break;
|
|
250
|
+
case exports.DropdownTypes.Secondary:
|
|
251
|
+
case exports.DropdownTypes.OutlineSecondary:
|
|
252
|
+
popoverType = popover_1.PopoverTypes.Secondary;
|
|
253
|
+
break;
|
|
254
|
+
case exports.DropdownTypes.Success:
|
|
255
|
+
case exports.DropdownTypes.OutlineSuccess:
|
|
256
|
+
popoverType = popover_1.PopoverTypes.Success;
|
|
257
|
+
break;
|
|
258
|
+
case exports.DropdownTypes.Warning:
|
|
259
|
+
case exports.DropdownTypes.OutlineWarning:
|
|
260
|
+
popoverType = popover_1.PopoverTypes.Warning;
|
|
261
|
+
break;
|
|
262
|
+
}
|
|
225
263
|
// Create the props
|
|
226
264
|
var props = {
|
|
227
265
|
target: toggle,
|
|
228
266
|
placement: popover_1.PopoverPlacements.LeftEnd,
|
|
229
|
-
type:
|
|
267
|
+
type: popoverType,
|
|
230
268
|
options: {
|
|
231
269
|
arrow: false,
|
|
232
270
|
trigger: "click",
|
|
@@ -35,12 +35,17 @@ var common_1 = require("../common");
|
|
|
35
35
|
*/
|
|
36
36
|
var PopoverTypes;
|
|
37
37
|
(function (PopoverTypes) {
|
|
38
|
-
PopoverTypes[PopoverTypes["
|
|
39
|
-
PopoverTypes[PopoverTypes["
|
|
40
|
-
PopoverTypes[PopoverTypes["
|
|
41
|
-
PopoverTypes[PopoverTypes["
|
|
42
|
-
PopoverTypes[PopoverTypes["
|
|
43
|
-
PopoverTypes[PopoverTypes["
|
|
38
|
+
PopoverTypes[PopoverTypes["Danger"] = 1] = "Danger";
|
|
39
|
+
PopoverTypes[PopoverTypes["Dark"] = 2] = "Dark";
|
|
40
|
+
PopoverTypes[PopoverTypes["Info"] = 3] = "Info";
|
|
41
|
+
PopoverTypes[PopoverTypes["Light"] = 4] = "Light";
|
|
42
|
+
PopoverTypes[PopoverTypes["LightBorder"] = 5] = "LightBorder";
|
|
43
|
+
PopoverTypes[PopoverTypes["Material"] = 6] = "Material";
|
|
44
|
+
PopoverTypes[PopoverTypes["Primary"] = 7] = "Primary";
|
|
45
|
+
PopoverTypes[PopoverTypes["Secondary"] = 8] = "Secondary";
|
|
46
|
+
PopoverTypes[PopoverTypes["Success"] = 9] = "Success";
|
|
47
|
+
PopoverTypes[PopoverTypes["Translucent"] = 10] = "Translucent";
|
|
48
|
+
PopoverTypes[PopoverTypes["Warning"] = 11] = "Warning";
|
|
44
49
|
})(PopoverTypes = exports.PopoverTypes || (exports.PopoverTypes = {}));
|
|
45
50
|
/**
|
|
46
51
|
* Popover Placements
|
|
@@ -144,6 +149,18 @@ var _Popover = /** @class */ (function (_super) {
|
|
|
144
149
|
// Set the theme
|
|
145
150
|
var theme = null;
|
|
146
151
|
switch (this.props.type) {
|
|
152
|
+
// Dark
|
|
153
|
+
case PopoverTypes.Dark:
|
|
154
|
+
theme = "dark";
|
|
155
|
+
break;
|
|
156
|
+
// Danger
|
|
157
|
+
case PopoverTypes.Danger:
|
|
158
|
+
theme = "danger";
|
|
159
|
+
break;
|
|
160
|
+
// Info
|
|
161
|
+
case PopoverTypes.Info:
|
|
162
|
+
theme = "info";
|
|
163
|
+
break;
|
|
147
164
|
// Light
|
|
148
165
|
case PopoverTypes.Light:
|
|
149
166
|
theme = "light";
|
|
@@ -163,10 +180,18 @@ var _Popover = /** @class */ (function (_super) {
|
|
|
163
180
|
case PopoverTypes.Secondary:
|
|
164
181
|
theme = "secondary";
|
|
165
182
|
break;
|
|
183
|
+
// Success
|
|
184
|
+
case PopoverTypes.Success:
|
|
185
|
+
theme = "success";
|
|
186
|
+
break;
|
|
166
187
|
// Translucent
|
|
167
188
|
case PopoverTypes.Translucent:
|
|
168
189
|
theme = "translucent";
|
|
169
190
|
break;
|
|
191
|
+
// Warning
|
|
192
|
+
case PopoverTypes.Warning:
|
|
193
|
+
theme = "warning";
|
|
194
|
+
break;
|
|
170
195
|
// Default - Light Border
|
|
171
196
|
default:
|
|
172
197
|
theme = "light-border";
|
|
@@ -35,12 +35,17 @@ var common_1 = require("../common");
|
|
|
35
35
|
*/
|
|
36
36
|
var TooltipTypes;
|
|
37
37
|
(function (TooltipTypes) {
|
|
38
|
-
TooltipTypes[TooltipTypes["
|
|
39
|
-
TooltipTypes[TooltipTypes["
|
|
40
|
-
TooltipTypes[TooltipTypes["
|
|
41
|
-
TooltipTypes[TooltipTypes["
|
|
42
|
-
TooltipTypes[TooltipTypes["
|
|
43
|
-
TooltipTypes[TooltipTypes["
|
|
38
|
+
TooltipTypes[TooltipTypes["Danger"] = 1] = "Danger";
|
|
39
|
+
TooltipTypes[TooltipTypes["Dark"] = 2] = "Dark";
|
|
40
|
+
TooltipTypes[TooltipTypes["Info"] = 3] = "Info";
|
|
41
|
+
TooltipTypes[TooltipTypes["Light"] = 4] = "Light";
|
|
42
|
+
TooltipTypes[TooltipTypes["LightBorder"] = 5] = "LightBorder";
|
|
43
|
+
TooltipTypes[TooltipTypes["Material"] = 6] = "Material";
|
|
44
|
+
TooltipTypes[TooltipTypes["Primary"] = 7] = "Primary";
|
|
45
|
+
TooltipTypes[TooltipTypes["Secondary"] = 8] = "Secondary";
|
|
46
|
+
TooltipTypes[TooltipTypes["Success"] = 9] = "Success";
|
|
47
|
+
TooltipTypes[TooltipTypes["Translucent"] = 10] = "Translucent";
|
|
48
|
+
TooltipTypes[TooltipTypes["Warning"] = 11] = "Warning";
|
|
44
49
|
})(TooltipTypes = exports.TooltipTypes || (exports.TooltipTypes = {}));
|
|
45
50
|
/**
|
|
46
51
|
* Tooltip Placements
|
|
@@ -160,6 +165,18 @@ var _Tooltip = /** @class */ (function (_super) {
|
|
|
160
165
|
// Set the theme
|
|
161
166
|
var theme = null;
|
|
162
167
|
switch (this.props.type) {
|
|
168
|
+
// Dark
|
|
169
|
+
case TooltipTypes.Dark:
|
|
170
|
+
theme = "dark";
|
|
171
|
+
break;
|
|
172
|
+
// Danger
|
|
173
|
+
case TooltipTypes.Danger:
|
|
174
|
+
theme = "danger";
|
|
175
|
+
break;
|
|
176
|
+
// Info
|
|
177
|
+
case TooltipTypes.Info:
|
|
178
|
+
theme = "info";
|
|
179
|
+
break;
|
|
163
180
|
// Light
|
|
164
181
|
case TooltipTypes.Light:
|
|
165
182
|
theme = "light";
|
|
@@ -179,10 +196,18 @@ var _Tooltip = /** @class */ (function (_super) {
|
|
|
179
196
|
case TooltipTypes.Secondary:
|
|
180
197
|
theme = "secondary";
|
|
181
198
|
break;
|
|
199
|
+
// Success
|
|
200
|
+
case TooltipTypes.Success:
|
|
201
|
+
theme = "success";
|
|
202
|
+
break;
|
|
182
203
|
// Translucent
|
|
183
204
|
case TooltipTypes.Translucent:
|
|
184
205
|
theme = "translucent";
|
|
185
206
|
break;
|
|
207
|
+
// Warning
|
|
208
|
+
case TooltipTypes.Warning:
|
|
209
|
+
theme = "warning";
|
|
210
|
+
break;
|
|
186
211
|
// Default - Secondary
|
|
187
212
|
default:
|
|
188
213
|
theme = "secondary";
|