@gitlab/ui 128.17.0 → 128.17.1
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/components/base/tooltip/tooltip.js +1 -3
- package/dist/config.js +0 -37
- package/dist/utils/constants.js +1 -7
- package/dist/vendor/bootstrap-vue/src/components/button/button-close.js +3 -3
- package/dist/vendor/bootstrap-vue/src/components/button/button.js +3 -3
- package/dist/vendor/bootstrap-vue/src/components/dropdown/dropdown-divider.js +3 -3
- package/dist/vendor/bootstrap-vue/src/components/dropdown/dropdown-form.js +3 -3
- package/dist/vendor/bootstrap-vue/src/components/dropdown/dropdown-group.js +3 -3
- package/dist/vendor/bootstrap-vue/src/components/dropdown/dropdown-header.js +3 -3
- package/dist/vendor/bootstrap-vue/src/components/dropdown/dropdown-item-button.js +3 -3
- package/dist/vendor/bootstrap-vue/src/components/dropdown/dropdown-item.js +3 -3
- package/dist/vendor/bootstrap-vue/src/components/dropdown/dropdown-text.js +3 -3
- package/dist/vendor/bootstrap-vue/src/components/dropdown/dropdown.js +3 -3
- package/dist/vendor/bootstrap-vue/src/components/form/form-invalid-feedback.js +3 -3
- package/dist/vendor/bootstrap-vue/src/components/form/form-text.js +3 -3
- package/dist/vendor/bootstrap-vue/src/components/form/form-valid-feedback.js +3 -3
- package/dist/vendor/bootstrap-vue/src/components/form/form.js +3 -3
- package/dist/vendor/bootstrap-vue/src/components/form-group/form-group.js +3 -3
- package/dist/vendor/bootstrap-vue/src/components/form-radio/form-radio-group.js +1 -2
- package/dist/vendor/bootstrap-vue/src/components/form-radio/form-radio.js +1 -2
- package/dist/vendor/bootstrap-vue/src/components/form-select/form-select-option-group.js +3 -3
- package/dist/vendor/bootstrap-vue/src/components/form-select/form-select-option.js +3 -3
- package/dist/vendor/bootstrap-vue/src/components/form-select/form-select.js +3 -3
- package/dist/vendor/bootstrap-vue/src/components/form-select/helpers/mixin-options.js +3 -3
- package/dist/vendor/bootstrap-vue/src/components/form-textarea/form-textarea.js +3 -3
- package/dist/vendor/bootstrap-vue/src/components/layout/col.js +3 -3
- package/dist/vendor/bootstrap-vue/src/components/layout/form-row.js +3 -3
- package/dist/vendor/bootstrap-vue/src/components/modal/modal.js +3 -3
- package/dist/vendor/bootstrap-vue/src/components/popover/popover.js +8 -4
- package/dist/vendor/bootstrap-vue/src/components/table/table-lite.js +2 -3
- package/dist/vendor/bootstrap-vue/src/components/table/table-simple.js +2 -3
- package/dist/vendor/bootstrap-vue/src/components/table/table.js +2 -3
- package/dist/vendor/bootstrap-vue/src/components/table/tbody.js +3 -3
- package/dist/vendor/bootstrap-vue/src/components/table/td.js +3 -3
- package/dist/vendor/bootstrap-vue/src/components/table/tfoot.js +3 -3
- package/dist/vendor/bootstrap-vue/src/components/table/th.js +1 -2
- package/dist/vendor/bootstrap-vue/src/components/table/thead.js +3 -3
- package/dist/vendor/bootstrap-vue/src/components/table/tr.js +3 -3
- package/dist/vendor/bootstrap-vue/src/components/tabs/tab.js +3 -3
- package/dist/vendor/bootstrap-vue/src/components/tabs/tabs.js +3 -3
- package/dist/vendor/bootstrap-vue/src/components/toast/toast.js +3 -3
- package/dist/vendor/bootstrap-vue/src/components/toast/toaster.js +3 -3
- package/dist/vendor/bootstrap-vue/src/components/tooltip/tooltip.js +7 -6
- package/dist/vendor/bootstrap-vue/src/constants/config.js +7 -1
- package/dist/vendor/bootstrap-vue/src/directives/tooltip/tooltip.js +6 -7
- package/dist/vendor/bootstrap-vue/src/mixins/dropdown.js +3 -3
- package/dist/vendor/bootstrap-vue/src/mixins/form-control.js +3 -3
- package/dist/vendor/bootstrap-vue/src/mixins/form-custom.js +3 -3
- package/dist/vendor/bootstrap-vue/src/mixins/form-options.js +3 -3
- package/dist/vendor/bootstrap-vue/src/mixins/form-radio-check-group.js +3 -3
- package/dist/vendor/bootstrap-vue/src/mixins/form-radio-check.js +3 -3
- package/dist/vendor/bootstrap-vue/src/mixins/form-size.js +3 -3
- package/dist/vendor/bootstrap-vue/src/mixins/form-state.js +3 -3
- package/dist/vendor/bootstrap-vue/src/mixins/form-text.js +3 -3
- package/package.json +1 -1
- package/src/components/base/tooltip/tooltip.vue +0 -3
- package/src/config.js +0 -40
- package/src/utils/constants.js +0 -6
- package/src/vendor/bootstrap-vue/src/components/button/button-close.js +7 -10
- package/src/vendor/bootstrap-vue/src/components/button/button.js +13 -16
- package/src/vendor/bootstrap-vue/src/components/dropdown/dropdown-divider.js +4 -7
- package/src/vendor/bootstrap-vue/src/components/dropdown/dropdown-form.js +6 -9
- package/src/vendor/bootstrap-vue/src/components/dropdown/dropdown-group.js +9 -12
- package/src/vendor/bootstrap-vue/src/components/dropdown/dropdown-header.js +6 -9
- package/src/vendor/bootstrap-vue/src/components/dropdown/dropdown-item-button.js +9 -12
- package/src/vendor/bootstrap-vue/src/components/dropdown/dropdown-item.js +6 -9
- package/src/vendor/bootstrap-vue/src/components/dropdown/dropdown-text.js +6 -9
- package/src/vendor/bootstrap-vue/src/components/dropdown/dropdown.js +27 -30
- package/src/vendor/bootstrap-vue/src/components/form/form-invalid-feedback.js +11 -14
- package/src/vendor/bootstrap-vue/src/components/form/form-text.js +7 -10
- package/src/vendor/bootstrap-vue/src/components/form/form-valid-feedback.js +11 -14
- package/src/vendor/bootstrap-vue/src/components/form/form.js +7 -10
- package/src/vendor/bootstrap-vue/src/components/form-group/form-group.js +27 -30
- package/src/vendor/bootstrap-vue/src/components/form-radio/form-radio-group.js +1 -2
- package/src/vendor/bootstrap-vue/src/components/form-radio/form-radio.js +1 -2
- package/src/vendor/bootstrap-vue/src/components/form-select/form-select-option-group.js +5 -8
- package/src/vendor/bootstrap-vue/src/components/form-select/form-select-option.js +5 -8
- package/src/vendor/bootstrap-vue/src/components/form-select/form-select.js +14 -17
- package/src/vendor/bootstrap-vue/src/components/form-select/helpers/mixin-options.js +6 -9
- package/src/vendor/bootstrap-vue/src/components/form-textarea/form-textarea.js +17 -20
- package/src/vendor/bootstrap-vue/src/components/layout/col.js +16 -19
- package/src/vendor/bootstrap-vue/src/components/layout/form-row.js +4 -7
- package/src/vendor/bootstrap-vue/src/components/modal/modal.js +59 -62
- package/src/vendor/bootstrap-vue/src/components/popover/popover.js +13 -11
- package/src/vendor/bootstrap-vue/src/components/table/table-lite.js +11 -15
- package/src/vendor/bootstrap-vue/src/components/table/table-simple.js +5 -9
- package/src/vendor/bootstrap-vue/src/components/table/table.js +20 -24
- package/src/vendor/bootstrap-vue/src/components/table/tbody.js +5 -8
- package/src/vendor/bootstrap-vue/src/components/table/td.js +8 -11
- package/src/vendor/bootstrap-vue/src/components/table/tfoot.js +5 -8
- package/src/vendor/bootstrap-vue/src/components/table/th.js +1 -2
- package/src/vendor/bootstrap-vue/src/components/table/thead.js +6 -9
- package/src/vendor/bootstrap-vue/src/components/table/tr.js +4 -7
- package/src/vendor/bootstrap-vue/src/components/tabs/tab.js +16 -19
- package/src/vendor/bootstrap-vue/src/components/tabs/tabs.js +22 -25
- package/src/vendor/bootstrap-vue/src/components/toast/toast.js +23 -26
- package/src/vendor/bootstrap-vue/src/components/toast/toaster.js +9 -12
- package/src/vendor/bootstrap-vue/src/components/tooltip/tooltip.js +36 -38
- package/src/vendor/bootstrap-vue/src/constants/config.js +6 -0
- package/src/vendor/bootstrap-vue/src/directives/tooltip/tooltip.js +6 -7
- package/src/vendor/bootstrap-vue/src/mixins/dropdown.js +22 -25
- package/src/vendor/bootstrap-vue/src/mixins/form-control.js +9 -12
- package/src/vendor/bootstrap-vue/src/mixins/form-custom.js +4 -7
- package/src/vendor/bootstrap-vue/src/mixins/form-options.js +8 -11
- package/src/vendor/bootstrap-vue/src/mixins/form-radio-check-group.js +13 -16
- package/src/vendor/bootstrap-vue/src/mixins/form-radio-check.js +13 -16
- package/src/vendor/bootstrap-vue/src/mixins/form-size.js +4 -7
- package/src/vendor/bootstrap-vue/src/mixins/form-state.js +5 -8
- package/src/vendor/bootstrap-vue/src/mixins/form-text.js +17 -20
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { BTooltip } from '../../../vendor/bootstrap-vue/src/components/tooltip/tooltip';
|
|
2
|
-
import { tooltipDelay } from '../../../utils/constants';
|
|
3
2
|
import tooltipMixin from '../../mixins/tooltip_mixin';
|
|
4
3
|
import { getGlTooltipDefaultContainer } from '../../../directives/tooltip/container';
|
|
5
4
|
import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
|
|
@@ -7,7 +6,6 @@ import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
|
|
|
7
6
|
const tooltipRefName = 'bvTooltip';
|
|
8
7
|
var script = {
|
|
9
8
|
name: 'GlTooltip',
|
|
10
|
-
tooltipDelay,
|
|
11
9
|
components: {
|
|
12
10
|
BTooltip
|
|
13
11
|
},
|
|
@@ -21,7 +19,7 @@ var script = {
|
|
|
21
19
|
const __vue_script__ = script;
|
|
22
20
|
|
|
23
21
|
/* template */
|
|
24
|
-
var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-tooltip',_vm._g(_vm._b({ref:_vm.$options.tooltipRefName,attrs:{"container":_vm.$attrs.container || _vm.$options.getGlTooltipDefaultContainer()
|
|
22
|
+
var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-tooltip',_vm._g(_vm._b({ref:_vm.$options.tooltipRefName,attrs:{"container":_vm.$attrs.container || _vm.$options.getGlTooltipDefaultContainer()}},'b-tooltip',_vm.$attrs,false),_vm.$listeners),[_vm._t("default")],2)};
|
|
25
23
|
var __vue_staticRenderFns__ = [];
|
|
26
24
|
|
|
27
25
|
/* style */
|
package/dist/config.js
CHANGED
|
@@ -1,36 +1,5 @@
|
|
|
1
|
-
import Vue from 'vue';
|
|
2
1
|
import translationKeys from '../translations';
|
|
3
|
-
import { BVConfigPlugin } from './vendor/bootstrap-vue/src/bv-config';
|
|
4
|
-
import { tooltipDelay } from './utils/constants';
|
|
5
2
|
|
|
6
|
-
const tooltipGlobalConfig = {
|
|
7
|
-
// Work around for https://github.com/bootstrap-vue/bootstrap-vue/issues/6507
|
|
8
|
-
boundaryPadding: 5,
|
|
9
|
-
customClass: 'gl-tooltip',
|
|
10
|
-
delay: tooltipDelay
|
|
11
|
-
};
|
|
12
|
-
const popoverDelayConfig = {
|
|
13
|
-
show: 50,
|
|
14
|
-
// BootstrapVue's default delay on show.
|
|
15
|
-
hide: 150 // Increased hide delay so that it doesn't disappear to quickly when user attempts to interact with the content.
|
|
16
|
-
};
|
|
17
|
-
|
|
18
|
-
/**
|
|
19
|
-
* Guard against nonexistent localStorage,
|
|
20
|
-
* or corrupted localStorage
|
|
21
|
-
*
|
|
22
|
-
* localStorage access is not possible in certain environments like
|
|
23
|
-
* - in iframe usage in Chrome if embedded on another domain
|
|
24
|
-
* - tests / node
|
|
25
|
-
*/
|
|
26
|
-
try {
|
|
27
|
-
const glTooltipDelay = localStorage.getItem('gl-tooltip-delay');
|
|
28
|
-
if (glTooltipDelay) {
|
|
29
|
-
tooltipGlobalConfig.delay = JSON.parse(glTooltipDelay);
|
|
30
|
-
}
|
|
31
|
-
} catch {
|
|
32
|
-
// localStorage doesn't exist (or the value is not properly formatted)
|
|
33
|
-
}
|
|
34
3
|
const i18n = translationKeys;
|
|
35
4
|
const defaultConfig = {
|
|
36
5
|
firstDayOfWeek: 0 // Defaults to 0 (Sunday)
|
|
@@ -59,12 +28,6 @@ const setConfigs = function () {
|
|
|
59
28
|
return;
|
|
60
29
|
}
|
|
61
30
|
configured = true;
|
|
62
|
-
Vue.use(BVConfigPlugin, {
|
|
63
|
-
BTooltip: tooltipGlobalConfig,
|
|
64
|
-
BPopover: {
|
|
65
|
-
delay: popoverDelayConfig
|
|
66
|
-
}
|
|
67
|
-
});
|
|
68
31
|
if (typeof firstDayOfWeek === 'number' && firstDayOfWeek >= 0 && firstDayOfWeek <= 6) {
|
|
69
32
|
defaultConfig.firstDayOfWeek = firstDayOfWeek;
|
|
70
33
|
}
|
package/dist/utils/constants.js
CHANGED
|
@@ -206,12 +206,6 @@ const tooltipPlacements = {
|
|
|
206
206
|
right: 'right',
|
|
207
207
|
bottom: 'bottom'
|
|
208
208
|
};
|
|
209
|
-
|
|
210
|
-
// in milliseconds
|
|
211
|
-
const tooltipDelay = {
|
|
212
|
-
show: 500,
|
|
213
|
-
hide: 0
|
|
214
|
-
};
|
|
215
209
|
const popoverPlacements = {
|
|
216
210
|
top: 'top',
|
|
217
211
|
right: 'right',
|
|
@@ -336,4 +330,4 @@ const loadingIconVariants = {
|
|
|
336
330
|
};
|
|
337
331
|
const isVue3 = Boolean(Vue.Fragment);
|
|
338
332
|
|
|
339
|
-
export { COMMA, CONTRAST_LEVELS, HEX_REGEX, LEFT_MOUSE_BUTTON, alertVariantIconMap, alertVariantOptions, alignOptions, animatedIconVariantOptions, avatarShapeOptions, avatarSizeOptions, avatarsInlineSizeOptions, badgeForButtonOptions, badgeIconSizeOptions, badgeSizeOptions, badgeVariantOptions, badgeVariantToIconVariantMap, bannerVariants, breadCrumbSizeOptions, buttonCategoryOptions, buttonSizeOptions, buttonVariantOptions, colorThemes, datepickerWidthOptionsMap, defaultDateFormat, drawerVariants, dropdownAllowedAutoPlacements, dropdownItemVariantOptions, dropdownPlacements, dropdownVariantOptions, focusableTags, formInputWidths, formStateOptions, iconSizeOptions, iconVariantOptions, isVue3, keyboard, labelColorOptions, linkVariantInline, linkVariantMention, linkVariantMentionCurrent, linkVariantMeta, linkVariantOptions, linkVariantUnstyled, loadingIconSizes, loadingIconVariants, maxZIndex, modalButtonDefaults, modalSizeOptions, popoverPlacements, progressBarVariantOptions, resizeDebounceTime, stackedPresentationOptions, tabsButtonDefaults, targetOptions, toggleLabelPosition, tokenVariants, tooltipActionEvents,
|
|
333
|
+
export { COMMA, CONTRAST_LEVELS, HEX_REGEX, LEFT_MOUSE_BUTTON, alertVariantIconMap, alertVariantOptions, alignOptions, animatedIconVariantOptions, avatarShapeOptions, avatarSizeOptions, avatarsInlineSizeOptions, badgeForButtonOptions, badgeIconSizeOptions, badgeSizeOptions, badgeVariantOptions, badgeVariantToIconVariantMap, bannerVariants, breadCrumbSizeOptions, buttonCategoryOptions, buttonSizeOptions, buttonVariantOptions, colorThemes, datepickerWidthOptionsMap, defaultDateFormat, drawerVariants, dropdownAllowedAutoPlacements, dropdownItemVariantOptions, dropdownPlacements, dropdownVariantOptions, focusableTags, formInputWidths, formStateOptions, iconSizeOptions, iconVariantOptions, isVue3, keyboard, labelColorOptions, linkVariantInline, linkVariantMention, linkVariantMentionCurrent, linkVariantMeta, linkVariantOptions, linkVariantUnstyled, loadingIconSizes, loadingIconVariants, maxZIndex, modalButtonDefaults, modalSizeOptions, popoverPlacements, progressBarVariantOptions, resizeDebounceTime, stackedPresentationOptions, tabsButtonDefaults, targetOptions, toggleLabelPosition, tokenVariants, tooltipActionEvents, tooltipPlacements, triggerVariantOptions, truncateOptions, variantCssColorMap, viewModeOptions };
|
|
@@ -4,17 +4,17 @@ import { PROP_TYPE_STRING, PROP_TYPE_BOOLEAN } from '../../constants/props';
|
|
|
4
4
|
import { SLOT_NAME_DEFAULT } from '../../constants/slots';
|
|
5
5
|
import { stopEvent } from '../../utils/events';
|
|
6
6
|
import { isEvent } from '../../utils/inspect';
|
|
7
|
-
import {
|
|
7
|
+
import { makeProp } from '../../utils/props';
|
|
8
8
|
import { hasNormalizedSlot, normalizeSlot } from '../../utils/normalize-slot';
|
|
9
9
|
|
|
10
10
|
// --- Props ---
|
|
11
11
|
|
|
12
|
-
const props =
|
|
12
|
+
const props = {
|
|
13
13
|
ariaLabel: makeProp(PROP_TYPE_STRING, 'Close'),
|
|
14
14
|
content: makeProp(PROP_TYPE_STRING, '×'),
|
|
15
15
|
disabled: makeProp(PROP_TYPE_BOOLEAN, false),
|
|
16
16
|
textVariant: makeProp(PROP_TYPE_STRING)
|
|
17
|
-
}
|
|
17
|
+
};
|
|
18
18
|
|
|
19
19
|
// --- Main component ---
|
|
20
20
|
|
|
@@ -7,7 +7,7 @@ import { isTag, addClass, removeClass } from '../../utils/dom';
|
|
|
7
7
|
import { stopEvent } from '../../utils/events';
|
|
8
8
|
import { isBoolean, isEvent, isFunction } from '../../utils/inspect';
|
|
9
9
|
import { omit, sortKeys } from '../../utils/object';
|
|
10
|
-
import {
|
|
10
|
+
import { makeProp, pluckProps } from '../../utils/props';
|
|
11
11
|
import { isLink as isLink$1 } from '../../utils/router';
|
|
12
12
|
import { props as props$1, BLink } from '../link/link';
|
|
13
13
|
|
|
@@ -16,7 +16,7 @@ import { props as props$1, BLink } from '../link/link';
|
|
|
16
16
|
const linkProps = omit(props$1, ['event', 'routerTag']);
|
|
17
17
|
delete linkProps.href.default;
|
|
18
18
|
delete linkProps.to.default;
|
|
19
|
-
const props =
|
|
19
|
+
const props = sortKeys({
|
|
20
20
|
...linkProps,
|
|
21
21
|
block: makeProp(PROP_TYPE_BOOLEAN, false),
|
|
22
22
|
disabled: makeProp(PROP_TYPE_BOOLEAN, false),
|
|
@@ -27,7 +27,7 @@ const props = makePropsConfigurable(sortKeys({
|
|
|
27
27
|
tag: makeProp(PROP_TYPE_STRING, 'button'),
|
|
28
28
|
type: makeProp(PROP_TYPE_STRING, 'button'),
|
|
29
29
|
variant: makeProp(PROP_TYPE_STRING, 'secondary')
|
|
30
|
-
})
|
|
30
|
+
});
|
|
31
31
|
|
|
32
32
|
// --- Helper methods ---
|
|
33
33
|
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { extend, mergeData } from '../../vue';
|
|
2
2
|
import { NAME_DROPDOWN_DIVIDER } from '../../constants/components';
|
|
3
3
|
import { PROP_TYPE_STRING } from '../../constants/props';
|
|
4
|
-
import {
|
|
4
|
+
import { makeProp } from '../../utils/props';
|
|
5
5
|
import { omit } from '../../utils/object';
|
|
6
6
|
|
|
7
7
|
// --- Props ---
|
|
8
8
|
|
|
9
|
-
const props =
|
|
9
|
+
const props = {
|
|
10
10
|
tag: makeProp(PROP_TYPE_STRING, 'hr')
|
|
11
|
-
}
|
|
11
|
+
};
|
|
12
12
|
|
|
13
13
|
// --- Main component ---
|
|
14
14
|
|
|
@@ -2,16 +2,16 @@ import { extend, mergeData } from '../../vue';
|
|
|
2
2
|
import { NAME_DROPDOWN_FORM } from '../../constants/components';
|
|
3
3
|
import { PROP_TYPE_BOOLEAN, PROP_TYPE_ARRAY_OBJECT_STRING } from '../../constants/props';
|
|
4
4
|
import { sortKeys, omit } from '../../utils/object';
|
|
5
|
-
import {
|
|
5
|
+
import { makeProp } from '../../utils/props';
|
|
6
6
|
import { props as props$1, BForm } from '../form/form';
|
|
7
7
|
|
|
8
8
|
// --- Props ---
|
|
9
9
|
|
|
10
|
-
const props =
|
|
10
|
+
const props = sortKeys({
|
|
11
11
|
...props$1,
|
|
12
12
|
disabled: makeProp(PROP_TYPE_BOOLEAN, false),
|
|
13
13
|
formClass: makeProp(PROP_TYPE_ARRAY_OBJECT_STRING)
|
|
14
|
-
})
|
|
14
|
+
});
|
|
15
15
|
|
|
16
16
|
// --- Main component ---
|
|
17
17
|
|
|
@@ -6,18 +6,18 @@ import { isTag } from '../../utils/dom';
|
|
|
6
6
|
import { identity } from '../../utils/identity';
|
|
7
7
|
import { hasNormalizedSlot, normalizeSlot } from '../../utils/normalize-slot';
|
|
8
8
|
import { omit } from '../../utils/object';
|
|
9
|
-
import {
|
|
9
|
+
import { makeProp } from '../../utils/props';
|
|
10
10
|
|
|
11
11
|
// --- Props ---
|
|
12
12
|
|
|
13
|
-
const props =
|
|
13
|
+
const props = {
|
|
14
14
|
ariaDescribedby: makeProp(PROP_TYPE_STRING),
|
|
15
15
|
header: makeProp(PROP_TYPE_STRING),
|
|
16
16
|
headerClasses: makeProp(PROP_TYPE_ARRAY_OBJECT_STRING),
|
|
17
17
|
headerTag: makeProp(PROP_TYPE_STRING, 'header'),
|
|
18
18
|
headerVariant: makeProp(PROP_TYPE_STRING),
|
|
19
19
|
id: makeProp(PROP_TYPE_STRING)
|
|
20
|
-
}
|
|
20
|
+
};
|
|
21
21
|
|
|
22
22
|
// --- Main component ---
|
|
23
23
|
|
|
@@ -3,15 +3,15 @@ import { NAME_DROPDOWN_HEADER } from '../../constants/components';
|
|
|
3
3
|
import { PROP_TYPE_STRING } from '../../constants/props';
|
|
4
4
|
import { isTag } from '../../utils/dom';
|
|
5
5
|
import { omit } from '../../utils/object';
|
|
6
|
-
import {
|
|
6
|
+
import { makeProp } from '../../utils/props';
|
|
7
7
|
|
|
8
8
|
// --- Props ---
|
|
9
9
|
|
|
10
|
-
const props =
|
|
10
|
+
const props = {
|
|
11
11
|
id: makeProp(PROP_TYPE_STRING),
|
|
12
12
|
tag: makeProp(PROP_TYPE_STRING, 'header'),
|
|
13
13
|
variant: makeProp(PROP_TYPE_STRING)
|
|
14
|
-
}
|
|
14
|
+
};
|
|
15
15
|
|
|
16
16
|
// --- Main component ---
|
|
17
17
|
|
|
@@ -2,20 +2,20 @@ import { extend } from '../../vue';
|
|
|
2
2
|
import { NAME_DROPDOWN_ITEM_BUTTON } from '../../constants/components';
|
|
3
3
|
import { EVENT_NAME_CLICK } from '../../constants/events';
|
|
4
4
|
import { PROP_TYPE_BOOLEAN, PROP_TYPE_STRING, PROP_TYPE_ARRAY_OBJECT_STRING } from '../../constants/props';
|
|
5
|
-
import {
|
|
5
|
+
import { makeProp } from '../../utils/props';
|
|
6
6
|
import { attrsMixin } from '../../mixins/attrs';
|
|
7
7
|
import { normalizeSlotMixin } from '../../mixins/normalize-slot';
|
|
8
8
|
|
|
9
9
|
// --- Props ---
|
|
10
10
|
|
|
11
|
-
const props =
|
|
11
|
+
const props = {
|
|
12
12
|
active: makeProp(PROP_TYPE_BOOLEAN, false),
|
|
13
13
|
activeClass: makeProp(PROP_TYPE_STRING, 'active'),
|
|
14
14
|
buttonClass: makeProp(PROP_TYPE_ARRAY_OBJECT_STRING),
|
|
15
15
|
disabled: makeProp(PROP_TYPE_BOOLEAN, false),
|
|
16
16
|
variant: makeProp(PROP_TYPE_STRING),
|
|
17
17
|
role: makeProp(PROP_TYPE_STRING, 'menuitem')
|
|
18
|
-
}
|
|
18
|
+
};
|
|
19
19
|
|
|
20
20
|
// --- Main component ---
|
|
21
21
|
|
|
@@ -4,7 +4,7 @@ import { EVENT_NAME_CLICK } from '../../constants/events';
|
|
|
4
4
|
import { PROP_TYPE_ARRAY_OBJECT_STRING, PROP_TYPE_STRING } from '../../constants/props';
|
|
5
5
|
import { requestAF } from '../../utils/dom';
|
|
6
6
|
import { omit, sortKeys } from '../../utils/object';
|
|
7
|
-
import {
|
|
7
|
+
import { makeProp, pluckProps } from '../../utils/props';
|
|
8
8
|
import { attrsMixin } from '../../mixins/attrs';
|
|
9
9
|
import { normalizeSlotMixin } from '../../mixins/normalize-slot';
|
|
10
10
|
import { props as props$1, BLink } from '../link/link';
|
|
@@ -12,11 +12,11 @@ import { props as props$1, BLink } from '../link/link';
|
|
|
12
12
|
// --- Props ---
|
|
13
13
|
|
|
14
14
|
const linkProps = omit(props$1, ['event', 'routerTag']);
|
|
15
|
-
const props =
|
|
15
|
+
const props = sortKeys({
|
|
16
16
|
...linkProps,
|
|
17
17
|
linkClass: makeProp(PROP_TYPE_ARRAY_OBJECT_STRING),
|
|
18
18
|
variant: makeProp(PROP_TYPE_STRING)
|
|
19
|
-
})
|
|
19
|
+
});
|
|
20
20
|
|
|
21
21
|
// --- Main component ---
|
|
22
22
|
|
|
@@ -2,15 +2,15 @@ import { extend, mergeData } from '../../vue';
|
|
|
2
2
|
import { NAME_DROPDOWN_TEXT } from '../../constants/components';
|
|
3
3
|
import { PROP_TYPE_STRING, PROP_TYPE_ARRAY_OBJECT_STRING } from '../../constants/props';
|
|
4
4
|
import { omit } from '../../utils/object';
|
|
5
|
-
import {
|
|
5
|
+
import { makeProp } from '../../utils/props';
|
|
6
6
|
|
|
7
7
|
// --- Props ---
|
|
8
8
|
|
|
9
|
-
const props =
|
|
9
|
+
const props = {
|
|
10
10
|
tag: makeProp(PROP_TYPE_STRING, 'p'),
|
|
11
11
|
textClass: makeProp(PROP_TYPE_ARRAY_OBJECT_STRING),
|
|
12
12
|
variant: makeProp(PROP_TYPE_STRING)
|
|
13
|
-
}
|
|
13
|
+
};
|
|
14
14
|
|
|
15
15
|
// --- Main component ---
|
|
16
16
|
|
|
@@ -4,7 +4,7 @@ import { PROP_TYPE_BOOLEAN, PROP_TYPE_STRING, PROP_TYPE_ARRAY_OBJECT_STRING, PRO
|
|
|
4
4
|
import { SLOT_NAME_BUTTON_CONTENT, SLOT_NAME_DEFAULT } from '../../constants/slots';
|
|
5
5
|
import { arrayIncludes } from '../../utils/array';
|
|
6
6
|
import { htmlOrText } from '../../utils/html';
|
|
7
|
-
import {
|
|
7
|
+
import { makeProp } from '../../utils/props';
|
|
8
8
|
import { toString } from '../../utils/string';
|
|
9
9
|
import { props as props$2, dropdownMixin } from '../../mixins/dropdown';
|
|
10
10
|
import { props as props$1, idMixin } from '../../mixins/id';
|
|
@@ -14,7 +14,7 @@ import { sortKeys } from '../../utils/object';
|
|
|
14
14
|
|
|
15
15
|
// --- Props ---
|
|
16
16
|
|
|
17
|
-
const props =
|
|
17
|
+
const props = sortKeys({
|
|
18
18
|
...props$1,
|
|
19
19
|
...props$2,
|
|
20
20
|
block: makeProp(PROP_TYPE_BOOLEAN, false),
|
|
@@ -40,7 +40,7 @@ const props = makePropsConfigurable(sortKeys({
|
|
|
40
40
|
// TODO: This really should be `toggleLabel`
|
|
41
41
|
toggleText: makeProp(PROP_TYPE_STRING, 'Toggle dropdown'),
|
|
42
42
|
variant: makeProp(PROP_TYPE_STRING, 'secondary')
|
|
43
|
-
})
|
|
43
|
+
});
|
|
44
44
|
|
|
45
45
|
// --- Main component ---
|
|
46
46
|
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { extend, mergeData } from '../../vue';
|
|
2
2
|
import { NAME_FORM_INVALID_FEEDBACK } from '../../constants/components';
|
|
3
3
|
import { PROP_TYPE_STRING, PROP_TYPE_BOOLEAN } from '../../constants/props';
|
|
4
|
-
import {
|
|
4
|
+
import { makeProp } from '../../utils/props';
|
|
5
5
|
|
|
6
6
|
// --- Props ---
|
|
7
7
|
|
|
8
|
-
const props =
|
|
8
|
+
const props = {
|
|
9
9
|
ariaLive: makeProp(PROP_TYPE_STRING),
|
|
10
10
|
forceShow: makeProp(PROP_TYPE_BOOLEAN, false),
|
|
11
11
|
id: makeProp(PROP_TYPE_STRING),
|
|
@@ -14,7 +14,7 @@ const props = makePropsConfigurable({
|
|
|
14
14
|
state: makeProp(PROP_TYPE_BOOLEAN, null),
|
|
15
15
|
tag: makeProp(PROP_TYPE_STRING, 'div'),
|
|
16
16
|
tooltip: makeProp(PROP_TYPE_BOOLEAN, false)
|
|
17
|
-
}
|
|
17
|
+
};
|
|
18
18
|
|
|
19
19
|
// --- Main component ---
|
|
20
20
|
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import { extend, mergeData } from '../../vue';
|
|
2
2
|
import { NAME_FORM_TEXT } from '../../constants/components';
|
|
3
3
|
import { PROP_TYPE_STRING, PROP_TYPE_BOOLEAN } from '../../constants/props';
|
|
4
|
-
import {
|
|
4
|
+
import { makeProp } from '../../utils/props';
|
|
5
5
|
|
|
6
6
|
// --- Props ---
|
|
7
7
|
|
|
8
|
-
const props =
|
|
8
|
+
const props = {
|
|
9
9
|
id: makeProp(PROP_TYPE_STRING),
|
|
10
10
|
inline: makeProp(PROP_TYPE_BOOLEAN, false),
|
|
11
11
|
tag: makeProp(PROP_TYPE_STRING, 'small'),
|
|
12
12
|
textVariant: makeProp(PROP_TYPE_STRING, 'muted')
|
|
13
|
-
}
|
|
13
|
+
};
|
|
14
14
|
|
|
15
15
|
// --- Main component ---
|
|
16
16
|
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { extend, mergeData } from '../../vue';
|
|
2
2
|
import { NAME_FORM_VALID_FEEDBACK } from '../../constants/components';
|
|
3
3
|
import { PROP_TYPE_STRING, PROP_TYPE_BOOLEAN } from '../../constants/props';
|
|
4
|
-
import {
|
|
4
|
+
import { makeProp } from '../../utils/props';
|
|
5
5
|
|
|
6
6
|
// --- Props ---
|
|
7
7
|
|
|
8
|
-
const props =
|
|
8
|
+
const props = {
|
|
9
9
|
ariaLive: makeProp(PROP_TYPE_STRING),
|
|
10
10
|
forceShow: makeProp(PROP_TYPE_BOOLEAN, false),
|
|
11
11
|
id: makeProp(PROP_TYPE_STRING),
|
|
@@ -14,7 +14,7 @@ const props = makePropsConfigurable({
|
|
|
14
14
|
state: makeProp(PROP_TYPE_BOOLEAN, null),
|
|
15
15
|
tag: makeProp(PROP_TYPE_STRING, 'div'),
|
|
16
16
|
tooltip: makeProp(PROP_TYPE_BOOLEAN, false)
|
|
17
|
-
}
|
|
17
|
+
};
|
|
18
18
|
|
|
19
19
|
// --- Main component ---
|
|
20
20
|
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import { extend, mergeData } from '../../vue';
|
|
2
2
|
import { NAME_FORM } from '../../constants/components';
|
|
3
3
|
import { PROP_TYPE_STRING, PROP_TYPE_BOOLEAN } from '../../constants/props';
|
|
4
|
-
import {
|
|
4
|
+
import { makeProp } from '../../utils/props';
|
|
5
5
|
|
|
6
6
|
// --- Props ---
|
|
7
7
|
|
|
8
|
-
const props =
|
|
8
|
+
const props = {
|
|
9
9
|
id: makeProp(PROP_TYPE_STRING),
|
|
10
10
|
inline: makeProp(PROP_TYPE_BOOLEAN, false),
|
|
11
11
|
novalidate: makeProp(PROP_TYPE_BOOLEAN, false),
|
|
12
12
|
validated: makeProp(PROP_TYPE_BOOLEAN, false)
|
|
13
|
-
}
|
|
13
|
+
};
|
|
14
14
|
|
|
15
15
|
// --- Main component ---
|
|
16
16
|
|
|
@@ -11,7 +11,7 @@ import { identity } from '../../utils/identity';
|
|
|
11
11
|
import { isBoolean } from '../../utils/inspect';
|
|
12
12
|
import { toInteger } from '../../utils/number';
|
|
13
13
|
import { sortKeys, create, keys } from '../../utils/object';
|
|
14
|
-
import {
|
|
14
|
+
import { suffixPropName, makeProp } from '../../utils/props';
|
|
15
15
|
import { props as props$1, formStateMixin } from '../../mixins/form-state';
|
|
16
16
|
import { props, idMixin } from '../../mixins/id';
|
|
17
17
|
import { normalizeSlotMixin } from '../../mixins/normalize-slot';
|
|
@@ -34,7 +34,7 @@ const LEGEND_INTERACTIVE_ELEMENTS = [...INPUTS, 'a', 'button', 'label'];
|
|
|
34
34
|
// --- Props ---
|
|
35
35
|
|
|
36
36
|
// Prop generator for lazy generation of props
|
|
37
|
-
const generateProps = () =>
|
|
37
|
+
const generateProps = () => sortKeys({
|
|
38
38
|
...props,
|
|
39
39
|
...props$1,
|
|
40
40
|
...getBreakpointsUpCached().reduce((props, breakpoint) => {
|
|
@@ -59,7 +59,7 @@ const generateProps = () => makePropsConfigurable(sortKeys({
|
|
|
59
59
|
tooltip: makeProp(PROP_TYPE_BOOLEAN, false),
|
|
60
60
|
validFeedback: makeProp(PROP_TYPE_STRING),
|
|
61
61
|
validated: makeProp(PROP_TYPE_BOOLEAN, false)
|
|
62
|
-
})
|
|
62
|
+
});
|
|
63
63
|
|
|
64
64
|
// --- Main component ---
|
|
65
65
|
|
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
import { extend } from '../../vue';
|
|
2
2
|
import { NAME_FORM_RADIO_GROUP } from '../../constants/components';
|
|
3
|
-
import { makePropsConfigurable } from '../../utils/props';
|
|
4
3
|
import { props as props$1, formRadioCheckGroupMixin } from '../../mixins/form-radio-check-group';
|
|
5
4
|
|
|
6
5
|
// --- Props ---
|
|
7
6
|
|
|
8
|
-
const props =
|
|
7
|
+
const props = props$1;
|
|
9
8
|
|
|
10
9
|
// --- Main component ---
|
|
11
10
|
|
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
import { extend } from '../../vue';
|
|
2
2
|
import { NAME_FORM_RADIO } from '../../constants/components';
|
|
3
|
-
import { makePropsConfigurable } from '../../utils/props';
|
|
4
3
|
import { props as props$1, formRadioCheckMixin } from '../../mixins/form-radio-check';
|
|
5
4
|
|
|
6
5
|
// --- Props ---
|
|
7
6
|
|
|
8
|
-
const props =
|
|
7
|
+
const props = props$1;
|
|
9
8
|
|
|
10
9
|
// --- Main component ---
|
|
11
10
|
|
|
@@ -4,17 +4,17 @@ import { PROP_TYPE_STRING } from '../../constants/props';
|
|
|
4
4
|
import { SLOT_NAME_FIRST } from '../../constants/slots';
|
|
5
5
|
import { htmlOrText } from '../../utils/html';
|
|
6
6
|
import { sortKeys } from '../../utils/object';
|
|
7
|
-
import {
|
|
7
|
+
import { makeProp } from '../../utils/props';
|
|
8
8
|
import { props as props$1, formOptionsMixin } from '../../mixins/form-options';
|
|
9
9
|
import { normalizeSlotMixin } from '../../mixins/normalize-slot';
|
|
10
10
|
import { BFormSelectOption } from './form-select-option';
|
|
11
11
|
|
|
12
12
|
// --- Props ---
|
|
13
13
|
|
|
14
|
-
const props =
|
|
14
|
+
const props = sortKeys({
|
|
15
15
|
...props$1,
|
|
16
16
|
label: makeProp(PROP_TYPE_STRING, undefined, true) // Required
|
|
17
|
-
})
|
|
17
|
+
});
|
|
18
18
|
|
|
19
19
|
// --- Main component ---
|
|
20
20
|
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { extend, mergeData } from '../../vue';
|
|
2
2
|
import { NAME_FORM_SELECT_OPTION } from '../../constants/components';
|
|
3
3
|
import { PROP_TYPE_BOOLEAN, PROP_TYPE_ANY } from '../../constants/props';
|
|
4
|
-
import {
|
|
4
|
+
import { makeProp } from '../../utils/props';
|
|
5
5
|
|
|
6
6
|
// --- Props ---
|
|
7
7
|
|
|
8
|
-
const props =
|
|
8
|
+
const props = {
|
|
9
9
|
disabled: makeProp(PROP_TYPE_BOOLEAN, false),
|
|
10
10
|
value: makeProp(PROP_TYPE_ANY, undefined, true) // Required
|
|
11
|
-
}
|
|
11
|
+
};
|
|
12
12
|
|
|
13
13
|
// --- Main component ---
|
|
14
14
|
|
|
@@ -8,7 +8,7 @@ import { attemptFocus, attemptBlur } from '../../utils/dom';
|
|
|
8
8
|
import { htmlOrText } from '../../utils/html';
|
|
9
9
|
import { isArray } from '../../utils/inspect';
|
|
10
10
|
import { sortKeys } from '../../utils/object';
|
|
11
|
-
import {
|
|
11
|
+
import { makeProp } from '../../utils/props';
|
|
12
12
|
import { props as props$3, formControlMixin } from '../../mixins/form-control';
|
|
13
13
|
import { props as props$4, formCustomMixin } from '../../mixins/form-custom';
|
|
14
14
|
import { props as props$5, formSizeMixin } from '../../mixins/form-size';
|
|
@@ -22,7 +22,7 @@ import { BFormSelectOptionGroup } from './form-select-option-group';
|
|
|
22
22
|
|
|
23
23
|
// --- Props ---
|
|
24
24
|
|
|
25
|
-
const props =
|
|
25
|
+
const props = sortKeys({
|
|
26
26
|
...props$1,
|
|
27
27
|
...props$2,
|
|
28
28
|
...props$3,
|
|
@@ -34,7 +34,7 @@ const props = makePropsConfigurable(sortKeys({
|
|
|
34
34
|
// Browsers default size to `0`, which shows 4 rows in most browsers in multiple mode
|
|
35
35
|
// Size of `1` can bork out Firefox
|
|
36
36
|
selectSize: makeProp(PROP_TYPE_NUMBER, 0)
|
|
37
|
-
})
|
|
37
|
+
});
|
|
38
38
|
|
|
39
39
|
// --- Main component ---
|
|
40
40
|
|
|
@@ -3,16 +3,16 @@ import { PROP_TYPE_STRING } from '../../../constants/props';
|
|
|
3
3
|
import { get } from '../../../utils/get';
|
|
4
4
|
import { isPlainObject, isNull, isUndefined } from '../../../utils/inspect';
|
|
5
5
|
import { sortKeys } from '../../../utils/object';
|
|
6
|
-
import {
|
|
6
|
+
import { makeProp } from '../../../utils/props';
|
|
7
7
|
import { props as props$1, formOptionsMixin } from '../../../mixins/form-options';
|
|
8
8
|
|
|
9
9
|
// --- Props ---
|
|
10
10
|
|
|
11
|
-
const props =
|
|
11
|
+
const props = sortKeys({
|
|
12
12
|
...props$1,
|
|
13
13
|
labelField: makeProp(PROP_TYPE_STRING, 'label'),
|
|
14
14
|
optionsField: makeProp(PROP_TYPE_STRING, 'options')
|
|
15
|
-
})
|
|
15
|
+
});
|
|
16
16
|
|
|
17
17
|
// --- Mixin ---
|
|
18
18
|
|
|
@@ -6,7 +6,7 @@ import { isNull } from '../../utils/inspect';
|
|
|
6
6
|
import { mathMax, mathMin, mathCeil } from '../../utils/math';
|
|
7
7
|
import { toInteger, toFloat } from '../../utils/number';
|
|
8
8
|
import { sortKeys } from '../../utils/object';
|
|
9
|
-
import {
|
|
9
|
+
import { makeProp } from '../../utils/props';
|
|
10
10
|
import { props as props$2, formControlMixin } from '../../mixins/form-control';
|
|
11
11
|
import { formSelectionMixin } from '../../mixins/form-selection';
|
|
12
12
|
import { props as props$3, formSizeMixin } from '../../mixins/form-size';
|
|
@@ -20,7 +20,7 @@ import { VBVisible } from '../../directives/visible/visible';
|
|
|
20
20
|
|
|
21
21
|
// --- Props ---
|
|
22
22
|
|
|
23
|
-
const props =
|
|
23
|
+
const props = sortKeys({
|
|
24
24
|
...props$1,
|
|
25
25
|
...props$2,
|
|
26
26
|
...props$3,
|
|
@@ -35,7 +35,7 @@ const props = makePropsConfigurable(sortKeys({
|
|
|
35
35
|
// 'soft', 'hard' or 'off'
|
|
36
36
|
// Browser default is 'soft'
|
|
37
37
|
wrap: makeProp(PROP_TYPE_STRING, 'soft')
|
|
38
|
-
})
|
|
38
|
+
});
|
|
39
39
|
|
|
40
40
|
// --- Main component ---
|
|
41
41
|
|
|
@@ -8,7 +8,7 @@ import { identity } from '../../utils/identity';
|
|
|
8
8
|
import { isUndefinedOrNull } from '../../utils/inspect';
|
|
9
9
|
import { memoize } from '../../utils/memoize';
|
|
10
10
|
import { create, assign, keys, sortKeys } from '../../utils/object';
|
|
11
|
-
import { makeProp, suffixPropName
|
|
11
|
+
import { makeProp, suffixPropName } from '../../utils/props';
|
|
12
12
|
import { lowerCase } from '../../utils/string';
|
|
13
13
|
|
|
14
14
|
// --- Constants ---
|
|
@@ -78,7 +78,7 @@ const generateProps = () => {
|
|
|
78
78
|
});
|
|
79
79
|
|
|
80
80
|
// Return the generated props
|
|
81
|
-
return
|
|
81
|
+
return sortKeys({
|
|
82
82
|
...breakpointCol,
|
|
83
83
|
...breakpointOffset,
|
|
84
84
|
...breakpointOrder,
|
|
@@ -93,7 +93,7 @@ const generateProps = () => {
|
|
|
93
93
|
offset: makeProp(PROP_TYPE_NUMBER_STRING),
|
|
94
94
|
order: makeProp(PROP_TYPE_NUMBER_STRING),
|
|
95
95
|
tag: makeProp(PROP_TYPE_STRING, 'div')
|
|
96
|
-
})
|
|
96
|
+
});
|
|
97
97
|
};
|
|
98
98
|
|
|
99
99
|
// --- Main component ---
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { extend, mergeData } from '../../vue';
|
|
2
2
|
import { NAME_FORM_ROW } from '../../constants/components';
|
|
3
3
|
import { PROP_TYPE_STRING } from '../../constants/props';
|
|
4
|
-
import {
|
|
4
|
+
import { makeProp } from '../../utils/props';
|
|
5
5
|
|
|
6
6
|
// --- Props ---
|
|
7
7
|
|
|
8
|
-
const props =
|
|
8
|
+
const props = {
|
|
9
9
|
tag: makeProp(PROP_TYPE_STRING, 'div')
|
|
10
|
-
}
|
|
10
|
+
};
|
|
11
11
|
|
|
12
12
|
// --- Main component ---
|
|
13
13
|
|