@gitlab/ui 132.0.3 → 132.2.0
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/accordion/accordion_item.js +1 -3
- package/dist/components/base/avatar/avatar.js +76 -5
- package/dist/components/base/badge/badge.js +5 -7
- package/dist/components/base/button/button.js +1 -3
- package/dist/components/base/collapse/collapse.js +2 -6
- package/dist/components/base/datepicker/datepicker.js +4 -5
- package/dist/components/base/daterange_picker/daterange_picker.js +2 -4
- package/dist/components/base/dropdown/dropdown_item.js +3 -4
- package/dist/components/base/filtered_search/filtered_search.js +55 -7
- package/dist/components/base/filtered_search/filtered_search_token.js +6 -14
- package/dist/components/base/filtered_search/filtered_search_token_segment.js +39 -19
- package/dist/components/base/filtered_search/filtered_search_utils.js +57 -7
- package/dist/components/base/form/form_checkbox/form_checkbox.js +13 -26
- package/dist/components/base/form/form_checkbox/form_checkbox_group.js +1 -3
- package/dist/components/base/form/form_fields/form_fields_loop.js +57 -6
- package/dist/components/base/form/form_group/form_group.js +1 -3
- package/dist/components/base/form/form_input/form_input.js +95 -41
- package/dist/components/base/form/form_input_group/form_input_group.js +2 -4
- package/dist/components/base/form/form_radio/form_radio.js +5 -9
- package/dist/components/base/form/form_radio_group/form_radio_group.js +1 -3
- package/dist/components/base/form/form_select/form_select.js +76 -5
- package/dist/components/base/infinite_scroll/infinite_scroll.js +7 -14
- package/dist/components/base/link/link.js +26 -7
- package/dist/components/base/new_dropdowns/base_dropdown/base_dropdown.js +93 -32
- package/dist/components/base/new_dropdowns/disclosure/disclosure_dropdown.js +2 -6
- package/dist/components/base/new_dropdowns/disclosure/disclosure_dropdown_item.js +2 -6
- package/dist/components/base/new_dropdowns/listbox/listbox.js +5 -13
- package/dist/components/base/new_dropdowns/listbox/listbox_item.js +1 -3
- package/dist/components/base/new_dropdowns/listbox/mock_data.js +2 -6
- package/dist/components/base/new_dropdowns/listbox/utils.js +6 -11
- package/dist/components/base/path/path.js +1 -5
- package/dist/components/base/search_box_by_type/search_box_by_type.js +2 -6
- package/dist/components/base/skeleton_loader/skeleton_loader.js +3 -5
- package/dist/components/base/table/table.js +32 -21
- package/dist/components/base/table_lite/table_lite.js +1 -3
- package/dist/components/base/tabs/tab/tab.js +1 -3
- package/dist/components/base/tabs/tabs/scrollable_tabs.js +1 -5
- package/dist/components/base/token_selector/token_selector.js +2 -6
- package/dist/components/charts/area/area.js +6 -7
- package/dist/components/charts/column/column.js +11 -15
- package/dist/components/charts/discrete_scatter/discrete_scatter.js +57 -5
- package/dist/components/charts/gauge/gauge.js +13 -21
- package/dist/components/charts/heatmap/heatmap.js +66 -18
- package/dist/components/charts/legend/legend.js +59 -13
- package/dist/components/charts/line/line.js +6 -7
- package/dist/components/charts/shared/tooltip/tooltip.js +11 -18
- package/dist/components/charts/sparkline/sparkline.js +72 -19
- package/dist/components/charts/stacked_column/stacked_column.js +18 -31
- package/dist/components/dashboards/dashboard_layout/grid_layout/grid_layout.js +40 -24
- package/dist/components/utilities/friendly_wrap/friendly_wrap.js +3 -7
- package/dist/components/utilities/intersperse/intersperse.js +6 -11
- package/dist/components/utilities/sprintf/sprintf.js +58 -7
- package/dist/components/utilities/truncate/truncate.js +2 -4
- package/dist/components/utilities/truncate_text/truncate_text.js +1 -3
- package/dist/config.js +3 -4
- package/dist/directives/hover_load/hover_load.js +1 -3
- package/dist/directives/outside/outside.js +9 -16
- package/dist/directives/resize_observer/resize_observer.js +6 -8
- package/dist/directives/safe_html/safe_html.js +1 -3
- package/dist/directives/safe_link/safe_link.js +11 -14
- package/dist/index.css +2 -2
- package/dist/index.css.map +1 -1
- package/dist/tokens/build/js/tokens.dark.js +95 -95
- package/dist/tokens/build/js/tokens.js +74 -74
- package/dist/tokens/common_story_options.js +7 -8
- package/dist/utils/charts/config.js +122 -90
- package/dist/utils/constants.js +26 -1
- package/dist/utils/data_utils.js +28 -1
- package/dist/utils/form_options_utils.js +4 -6
- package/dist/utils/is_slot_empty.js +3 -5
- package/dist/utils/stories_utils.js +8 -8
- package/dist/utils/use_mock_intersection_observer.js +63 -12
- package/dist/utils/utils.js +76 -19
- package/dist/vendor/bootstrap-vue/src/components/button/button-close.js +8 -11
- package/dist/vendor/bootstrap-vue/src/components/button/button.js +12 -17
- package/dist/vendor/bootstrap-vue/src/components/dropdown/dropdown-divider.js +3 -6
- package/dist/vendor/bootstrap-vue/src/components/dropdown/dropdown-form.js +6 -9
- package/dist/vendor/bootstrap-vue/src/components/dropdown/dropdown-group.js +14 -19
- package/dist/vendor/bootstrap-vue/src/components/dropdown/dropdown-header.js +8 -13
- package/dist/vendor/bootstrap-vue/src/components/dropdown/dropdown-item-button.js +9 -12
- package/dist/vendor/bootstrap-vue/src/components/dropdown/dropdown-item.js +8 -11
- package/dist/vendor/bootstrap-vue/src/components/dropdown/dropdown-text.js +9 -14
- package/dist/vendor/bootstrap-vue/src/components/dropdown/dropdown.js +34 -43
- package/dist/vendor/bootstrap-vue/src/components/form/form-invalid-feedback.js +5 -9
- package/dist/vendor/bootstrap-vue/src/components/form/form-text.js +7 -10
- package/dist/vendor/bootstrap-vue/src/components/form/form-valid-feedback.js +5 -9
- package/dist/vendor/bootstrap-vue/src/components/form/form.js +7 -10
- package/dist/vendor/bootstrap-vue/src/components/form-group/form-group.js +77 -33
- package/dist/vendor/bootstrap-vue/src/components/form-select/form-select-option-group.js +6 -11
- package/dist/vendor/bootstrap-vue/src/components/form-select/form-select-option.js +6 -12
- package/dist/vendor/bootstrap-vue/src/components/form-select/form-select.js +28 -29
- package/dist/vendor/bootstrap-vue/src/components/form-textarea/form-textarea.js +7 -10
- package/dist/vendor/bootstrap-vue/src/components/layout/col.js +7 -11
- package/dist/vendor/bootstrap-vue/src/components/layout/form-row.js +3 -5
- package/dist/vendor/bootstrap-vue/src/components/link/link.js +19 -31
- package/dist/vendor/bootstrap-vue/src/components/modal/helpers/modal-manager.js +3 -4
- package/dist/vendor/bootstrap-vue/src/components/modal/modal.js +59 -68
- package/dist/vendor/bootstrap-vue/src/components/popover/helpers/bv-popover-template.js +2 -4
- package/dist/vendor/bootstrap-vue/src/components/popover/popover.js +4 -5
- package/dist/vendor/bootstrap-vue/src/components/table/helpers/default-sort-compare.js +11 -7
- package/dist/vendor/bootstrap-vue/src/components/table/helpers/mixin-bottom-row.js +4 -6
- package/dist/vendor/bootstrap-vue/src/components/table/helpers/mixin-busy.js +3 -6
- package/dist/vendor/bootstrap-vue/src/components/table/helpers/mixin-caption.js +4 -7
- package/dist/vendor/bootstrap-vue/src/components/table/helpers/mixin-colgroup.js +1 -3
- package/dist/vendor/bootstrap-vue/src/components/table/helpers/mixin-empty.js +16 -20
- package/dist/vendor/bootstrap-vue/src/components/table/helpers/mixin-filtering.js +14 -25
- package/dist/vendor/bootstrap-vue/src/components/table/helpers/mixin-items.js +23 -35
- package/dist/vendor/bootstrap-vue/src/components/table/helpers/mixin-pagination.js +6 -8
- package/dist/vendor/bootstrap-vue/src/components/table/helpers/mixin-provider.js +8 -10
- package/dist/vendor/bootstrap-vue/src/components/table/helpers/mixin-selectable.js +8 -15
- package/dist/vendor/bootstrap-vue/src/components/table/helpers/mixin-sorting.js +33 -41
- package/dist/vendor/bootstrap-vue/src/components/table/helpers/mixin-stacked.js +3 -8
- package/dist/vendor/bootstrap-vue/src/components/table/helpers/mixin-table-renderer.js +38 -50
- package/dist/vendor/bootstrap-vue/src/components/table/helpers/mixin-tbody-row.js +19 -31
- package/dist/vendor/bootstrap-vue/src/components/table/helpers/mixin-tbody.js +13 -23
- package/dist/vendor/bootstrap-vue/src/components/table/helpers/mixin-tfoot.js +5 -6
- package/dist/vendor/bootstrap-vue/src/components/table/helpers/mixin-thead.js +17 -21
- package/dist/vendor/bootstrap-vue/src/components/table/helpers/mixin-top-row.js +4 -6
- package/dist/vendor/bootstrap-vue/src/components/table/helpers/sanitize-row.js +1 -3
- package/dist/vendor/bootstrap-vue/src/components/table/tbody.js +3 -6
- package/dist/vendor/bootstrap-vue/src/components/table/td.js +9 -14
- package/dist/vendor/bootstrap-vue/src/components/table/tfoot.js +1 -2
- package/dist/vendor/bootstrap-vue/src/components/table/thead.js +1 -2
- package/dist/vendor/bootstrap-vue/src/components/table/tr.js +2 -5
- package/dist/vendor/bootstrap-vue/src/components/tabs/tab.js +19 -36
- package/dist/vendor/bootstrap-vue/src/components/tabs/tabs.js +66 -81
- package/dist/vendor/bootstrap-vue/src/components/tooltip/helpers/bv-popper.js +2 -6
- package/dist/vendor/bootstrap-vue/src/components/tooltip/helpers/bv-tooltip-template.js +5 -11
- package/dist/vendor/bootstrap-vue/src/components/tooltip/helpers/bv-tooltip.js +8 -14
- package/dist/vendor/bootstrap-vue/src/components/tooltip/tooltip.js +19 -22
- package/dist/vendor/bootstrap-vue/src/components/transition/bv-transition.js +7 -10
- package/dist/vendor/bootstrap-vue/src/components/transporter/transporter.js +7 -14
- package/dist/vendor/bootstrap-vue/src/directives/modal/modal.js +4 -5
- package/dist/vendor/bootstrap-vue/src/directives/visible/visible.js +5 -9
- package/dist/vendor/bootstrap-vue/src/mixins/dropdown.js +17 -29
- package/dist/vendor/bootstrap-vue/src/mixins/form-control.js +6 -7
- package/dist/vendor/bootstrap-vue/src/mixins/form-custom.js +1 -2
- package/dist/vendor/bootstrap-vue/src/mixins/form-options.js +5 -6
- package/dist/vendor/bootstrap-vue/src/mixins/form-size.js +1 -2
- package/dist/vendor/bootstrap-vue/src/mixins/form-state.js +1 -2
- package/dist/vendor/bootstrap-vue/src/mixins/form-text.js +29 -43
- package/dist/vendor/bootstrap-vue/src/mixins/id.js +1 -2
- package/dist/vendor/bootstrap-vue/src/utils/create-new-child-component.js +62 -15
- package/dist/vendor/bootstrap-vue/src/utils/dom.js +3 -9
- package/dist/vendor/bootstrap-vue/src/utils/events.js +7 -5
- package/dist/vendor/bootstrap-vue/src/utils/plugins.js +4 -5
- package/dist/vendor/bootstrap-vue/src/utils/router.js +9 -13
- package/package.json +10 -8
- package/src/components/dashboards/dashboard_layout/grid_layout/grid_layout.vue +21 -19
- package/src/scss/gitlab_ui.scss +3 -0
- package/src/scss/storybook.scss +3 -0
- package/src/scss/themes.scss +84 -0
- package/src/tokens/build/css/tokens.css +142 -142
- package/src/tokens/build/css/tokens.dark.css +138 -138
- package/src/tokens/build/docs/tokens-tailwind-docs.dark.json +580 -580
- package/src/tokens/build/docs/tokens-tailwind-docs.json +495 -495
- package/src/tokens/build/figma/constants.dark.json +799 -799
- package/src/tokens/build/figma/constants.json +799 -799
- package/src/tokens/build/js/tokens.dark.js +95 -95
- package/src/tokens/build/js/tokens.js +74 -74
- package/src/tokens/build/json/tokens.dark.json +1668 -1668
- package/src/tokens/build/json/tokens.json +1647 -1647
- package/src/tokens/build/scss/_tokens.dark.scss +138 -138
- package/src/tokens/build/scss/_tokens.scss +142 -142
- package/src/tokens/build/scss/_tokens_custom_properties.scss +73 -73
- package/src/tokens/constant/color.blue.tokens.json +182 -0
- package/src/tokens/constant/color.brand.tokens.json +252 -0
- package/src/tokens/constant/color.data.tokens.json +894 -0
- package/src/tokens/constant/color.green.tokens.json +182 -0
- package/src/tokens/constant/color.neutral.tokens.json +230 -0
- package/src/tokens/constant/color.orange.tokens.json +182 -0
- package/src/tokens/constant/color.purple.tokens.json +182 -0
- package/src/tokens/constant/color.red.tokens.json +182 -0
- package/src/tokens/constant/color.theme.tokens.json +1168 -0
- package/src/tokens/deprecated/deprecated.color.tokens.json +134 -1340
- package/src/utils/constants.js +9 -0
- package/src/vendor/bootstrap-vue/src/components/button/button-close.js +4 -5
- package/src/vendor/bootstrap-vue/src/components/button/button.js +7 -8
- package/src/vendor/bootstrap-vue/src/components/dropdown/dropdown-divider.js +1 -2
- package/src/vendor/bootstrap-vue/src/components/dropdown/dropdown-form.js +2 -8
- package/src/vendor/bootstrap-vue/src/components/dropdown/dropdown-group.js +6 -7
- package/src/vendor/bootstrap-vue/src/components/dropdown/dropdown-header.js +3 -4
- package/src/vendor/bootstrap-vue/src/components/dropdown/dropdown-item-button.js +6 -12
- package/src/vendor/bootstrap-vue/src/components/dropdown/dropdown-item.js +2 -3
- package/src/vendor/bootstrap-vue/src/components/dropdown/dropdown-text.js +3 -4
- package/src/vendor/bootstrap-vue/src/components/dropdown/dropdown.js +19 -26
- package/src/vendor/bootstrap-vue/src/components/form/form-text.js +4 -6
- package/src/vendor/bootstrap-vue/src/components/form/form.js +4 -6
- package/src/vendor/bootstrap-vue/src/components/form-group/form-group.js +66 -19
- package/src/vendor/bootstrap-vue/src/components/form-select/form-select-option-group.js +1 -2
- package/src/vendor/bootstrap-vue/src/components/form-select/form-select-option.js +1 -4
- package/src/vendor/bootstrap-vue/src/components/form-select/form-select.js +13 -14
- package/src/vendor/bootstrap-vue/src/components/form-textarea/form-textarea.js +5 -6
- package/src/vendor/bootstrap-vue/src/components/modal/modal.js +53 -62
- package/src/vendor/bootstrap-vue/src/components/popover/popover.js +4 -10
- package/src/vendor/bootstrap-vue/src/components/table/helpers/mixin-busy.js +1 -2
- package/src/vendor/bootstrap-vue/src/components/table/helpers/mixin-caption.js +2 -3
- package/src/vendor/bootstrap-vue/src/components/table/helpers/mixin-empty.js +5 -6
- package/src/vendor/bootstrap-vue/src/components/table/helpers/mixin-filtering.js +5 -13
- package/src/vendor/bootstrap-vue/src/components/table/helpers/mixin-items.js +12 -21
- package/src/vendor/bootstrap-vue/src/components/table/helpers/mixin-pagination.js +2 -3
- package/src/vendor/bootstrap-vue/src/components/table/helpers/mixin-provider.js +5 -11
- package/src/vendor/bootstrap-vue/src/components/table/helpers/mixin-selectable.js +4 -5
- package/src/vendor/bootstrap-vue/src/components/table/helpers/mixin-sorting.js +14 -21
- package/src/vendor/bootstrap-vue/src/components/table/helpers/mixin-stacked.js +1 -2
- package/src/vendor/bootstrap-vue/src/components/table/helpers/mixin-table-renderer.js +14 -20
- package/src/vendor/bootstrap-vue/src/components/table/helpers/mixin-tbody-row.js +3 -9
- package/src/vendor/bootstrap-vue/src/components/table/helpers/mixin-tbody.js +1 -2
- package/src/vendor/bootstrap-vue/src/components/table/helpers/mixin-tfoot.js +5 -11
- package/src/vendor/bootstrap-vue/src/components/table/helpers/mixin-thead.js +4 -5
- package/src/vendor/bootstrap-vue/src/components/table/tbody.js +2 -3
- package/src/vendor/bootstrap-vue/src/components/table/td.js +5 -6
- package/src/vendor/bootstrap-vue/src/components/table/tfoot.js +1 -2
- package/src/vendor/bootstrap-vue/src/components/table/thead.js +1 -2
- package/src/vendor/bootstrap-vue/src/components/table/tr.js +1 -2
- package/src/vendor/bootstrap-vue/src/components/tabs/tab.js +10 -16
- package/src/vendor/bootstrap-vue/src/components/tabs/tabs.js +33 -39
- package/src/vendor/bootstrap-vue/src/components/tooltip/tooltip.js +17 -25
- package/src/vendor/bootstrap-vue/src/components/transition/bv-transition.js +4 -5
- package/src/vendor/bootstrap-vue/src/components/transporter/transporter.js +4 -10
- package/src/vendor/bootstrap-vue/src/mixins/dropdown.js +9 -15
- package/src/vendor/bootstrap-vue/src/mixins/form-control.js +6 -7
- package/src/vendor/bootstrap-vue/src/mixins/form-custom.js +1 -2
- package/src/vendor/bootstrap-vue/src/mixins/form-options.js +5 -6
- package/src/vendor/bootstrap-vue/src/mixins/form-size.js +1 -2
- package/src/vendor/bootstrap-vue/src/mixins/form-state.js +1 -2
- package/src/vendor/bootstrap-vue/src/mixins/form-text.js +21 -33
- package/src/vendor/bootstrap-vue/src/mixins/id.js +1 -2
- package/dist/vendor/bootstrap-vue/src/mixins/model.js +0 -10
- package/dist/vendor/bootstrap-vue/src/utils/model.js +0 -33
- package/src/tokens/constant/color.tokens.json +0 -3422
- package/src/vendor/bootstrap-vue/src/mixins/model.js +0 -5
- package/src/vendor/bootstrap-vue/src/utils/model.js +0 -29
|
@@ -6,6 +6,55 @@ import { engineeringNotation } from '../number_utils';
|
|
|
6
6
|
import { hexToRgba } from '../utils';
|
|
7
7
|
import { arrowSymbol, ANNOTATIONS_SERIES_NAME, CHART_TYPE_BAR, CHART_TYPE_LINE } from './constants';
|
|
8
8
|
|
|
9
|
+
function _arrayLikeToArray(r, a) {
|
|
10
|
+
(null == a || a > r.length) && (a = r.length);
|
|
11
|
+
for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
|
|
12
|
+
return n;
|
|
13
|
+
}
|
|
14
|
+
function _arrayWithHoles(r) {
|
|
15
|
+
if (Array.isArray(r)) return r;
|
|
16
|
+
}
|
|
17
|
+
function _iterableToArrayLimit(r, l) {
|
|
18
|
+
var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
|
|
19
|
+
if (null != t) {
|
|
20
|
+
var e,
|
|
21
|
+
n,
|
|
22
|
+
i,
|
|
23
|
+
u,
|
|
24
|
+
a = [],
|
|
25
|
+
f = !0,
|
|
26
|
+
o = !1;
|
|
27
|
+
try {
|
|
28
|
+
if (i = (t = t.call(r)).next, 0 === l) {
|
|
29
|
+
if (Object(t) !== t) return;
|
|
30
|
+
f = !1;
|
|
31
|
+
} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
|
|
32
|
+
} catch (r) {
|
|
33
|
+
o = !0, n = r;
|
|
34
|
+
} finally {
|
|
35
|
+
try {
|
|
36
|
+
if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;
|
|
37
|
+
} finally {
|
|
38
|
+
if (o) throw n;
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
return a;
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
function _nonIterableRest() {
|
|
45
|
+
throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
46
|
+
}
|
|
47
|
+
function _slicedToArray(r, e) {
|
|
48
|
+
return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
|
|
49
|
+
}
|
|
50
|
+
function _unsupportedIterableToArray(r, a) {
|
|
51
|
+
if (r) {
|
|
52
|
+
if ("string" == typeof r) return _arrayLikeToArray(r, a);
|
|
53
|
+
var t = {}.toString.call(r).slice(8, -1);
|
|
54
|
+
return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
|
|
9
58
|
const defaultAreaOpacity = 0.2;
|
|
10
59
|
const defaultFontSize = 12;
|
|
11
60
|
const defaultHeight = 400;
|
|
@@ -96,9 +145,9 @@ const LESS_THAN = ['<', '<'];
|
|
|
96
145
|
* @param {Object} options
|
|
97
146
|
*/
|
|
98
147
|
const getDataZoomConfig = function () {
|
|
99
|
-
let {
|
|
100
|
-
filterMode =
|
|
101
|
-
|
|
148
|
+
let _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
|
|
149
|
+
_ref$filterMode = _ref.filterMode,
|
|
150
|
+
filterMode = _ref$filterMode === void 0 ? 'none' : _ref$filterMode;
|
|
102
151
|
const disabledBreakpoints = ['lg', 'xl'];
|
|
103
152
|
const disabled = disabledBreakpoints.includes(GlBreakpointInstance.getBreakpointSize());
|
|
104
153
|
const minSpan = filterMode === 'none' ? 0.01 : null;
|
|
@@ -129,9 +178,8 @@ const getDataZoomConfig = function () {
|
|
|
129
178
|
// an array of objects.
|
|
130
179
|
const mergeSeriesToOptions = function (options) {
|
|
131
180
|
let series = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
|
|
132
|
-
const
|
|
133
|
-
|
|
134
|
-
} = options;
|
|
181
|
+
const _options$series = options.series,
|
|
182
|
+
optSeries = _options$series === void 0 ? [] : _options$series;
|
|
135
183
|
return {
|
|
136
184
|
...options,
|
|
137
185
|
series: [...castArray(series), ...castArray(optSeries)]
|
|
@@ -182,11 +230,9 @@ const dataZoomAdjustments = dataZoom => {
|
|
|
182
230
|
* @param {String} axis markArea is generated against this axis
|
|
183
231
|
* @returns {Array}
|
|
184
232
|
*/
|
|
185
|
-
const generateMarkArea = function (
|
|
186
|
-
let
|
|
187
|
-
|
|
188
|
-
max
|
|
189
|
-
} = _ref;
|
|
233
|
+
const generateMarkArea = function (_ref2) {
|
|
234
|
+
let min = _ref2.min,
|
|
235
|
+
max = _ref2.max;
|
|
190
236
|
let axis = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'yAxis';
|
|
191
237
|
return [{
|
|
192
238
|
[axis]: min
|
|
@@ -217,11 +263,9 @@ const generateMarkArea = function (_ref) {
|
|
|
217
263
|
* @param {String} axis markLine is generated against this axis
|
|
218
264
|
* @returns {Object}
|
|
219
265
|
*/
|
|
220
|
-
const generateMarkLines = function (
|
|
221
|
-
let
|
|
222
|
-
|
|
223
|
-
max
|
|
224
|
-
} = _ref2;
|
|
266
|
+
const generateMarkLines = function (_ref3) {
|
|
267
|
+
let min = _ref3.min,
|
|
268
|
+
max = _ref3.max;
|
|
225
269
|
let axis = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'yAxis';
|
|
226
270
|
if (min) {
|
|
227
271
|
return {
|
|
@@ -243,11 +287,9 @@ const generateMarkLines = function (_ref2) {
|
|
|
243
287
|
* @param {Object} annotation object
|
|
244
288
|
* @return {Object}
|
|
245
289
|
*/
|
|
246
|
-
const generateMarkPoints =
|
|
247
|
-
let
|
|
248
|
-
|
|
249
|
-
tooltipData
|
|
250
|
-
} = _ref3;
|
|
290
|
+
const generateMarkPoints = _ref4 => {
|
|
291
|
+
let min = _ref4.min,
|
|
292
|
+
tooltipData = _ref4.tooltipData;
|
|
251
293
|
return {
|
|
252
294
|
name: 'annotations',
|
|
253
295
|
xAxis: min,
|
|
@@ -270,10 +312,8 @@ function getThresholdConfig(thresholds) {
|
|
|
270
312
|
return {};
|
|
271
313
|
}
|
|
272
314
|
const data = thresholds.reduce((acc, alert) => {
|
|
273
|
-
const
|
|
274
|
-
|
|
275
|
-
operator
|
|
276
|
-
} = alert;
|
|
315
|
+
const threshold = alert.threshold,
|
|
316
|
+
operator = alert.operator;
|
|
277
317
|
if (GREATER_THAN.includes(operator)) {
|
|
278
318
|
acc.areas.push(generateMarkArea({
|
|
279
319
|
min: threshold,
|
|
@@ -350,10 +390,9 @@ const getAnnotationsConfig = annotations => {
|
|
|
350
390
|
|
|
351
391
|
// annotations parsing is moved out so that it can be tested
|
|
352
392
|
// for markLines and markAreas.
|
|
353
|
-
const
|
|
354
|
-
lines,
|
|
355
|
-
points
|
|
356
|
-
} = parseAnnotations(annotations);
|
|
393
|
+
const _parseAnnotations = parseAnnotations(annotations),
|
|
394
|
+
lines = _parseAnnotations.lines,
|
|
395
|
+
points = _parseAnnotations.points;
|
|
357
396
|
return {
|
|
358
397
|
markLine: {
|
|
359
398
|
lineStyle: {
|
|
@@ -409,14 +448,14 @@ const generateAnnotationSeries = function (annotations) {
|
|
|
409
448
|
* @param {number} [options.yAxisIndex] - specifies the yAxis to use (if there are multiple)
|
|
410
449
|
* @returns {Object} Bar chart series
|
|
411
450
|
*/
|
|
412
|
-
const generateBarSeries =
|
|
413
|
-
let
|
|
414
|
-
|
|
415
|
-
|
|
416
|
-
|
|
417
|
-
data = [],
|
|
418
|
-
yAxisIndex =
|
|
419
|
-
|
|
451
|
+
const generateBarSeries = _ref5 => {
|
|
452
|
+
let name = _ref5.name,
|
|
453
|
+
color = _ref5.color,
|
|
454
|
+
stack = _ref5.stack,
|
|
455
|
+
_ref5$data = _ref5.data,
|
|
456
|
+
data = _ref5$data === void 0 ? [] : _ref5$data,
|
|
457
|
+
_ref5$yAxisIndex = _ref5.yAxisIndex,
|
|
458
|
+
yAxisIndex = _ref5$yAxisIndex === void 0 ? 0 : _ref5$yAxisIndex;
|
|
420
459
|
return {
|
|
421
460
|
type: CHART_TYPE_BAR,
|
|
422
461
|
name,
|
|
@@ -447,13 +486,13 @@ const generateBarSeries = _ref4 => {
|
|
|
447
486
|
* @param {number} [options.yAxisIndex] - specifies the yAxis to use (if there are multiple)
|
|
448
487
|
* @returns {Object} Line chart series
|
|
449
488
|
*/
|
|
450
|
-
const generateLineSeries =
|
|
451
|
-
let
|
|
452
|
-
|
|
453
|
-
|
|
454
|
-
data = [],
|
|
455
|
-
yAxisIndex =
|
|
456
|
-
|
|
489
|
+
const generateLineSeries = _ref6 => {
|
|
490
|
+
let name = _ref6.name,
|
|
491
|
+
color = _ref6.color,
|
|
492
|
+
_ref6$data = _ref6.data,
|
|
493
|
+
data = _ref6$data === void 0 ? [] : _ref6$data,
|
|
494
|
+
_ref6$yAxisIndex = _ref6.yAxisIndex,
|
|
495
|
+
yAxisIndex = _ref6$yAxisIndex === void 0 ? 0 : _ref6$yAxisIndex;
|
|
457
496
|
return {
|
|
458
497
|
name,
|
|
459
498
|
data,
|
|
@@ -489,10 +528,8 @@ const getTooltipTitle = function () {
|
|
|
489
528
|
let titleAxisName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
|
|
490
529
|
let dimensionIndex = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
|
|
491
530
|
if (!params) return '';
|
|
492
|
-
const title = params.seriesData.reduce((acc,
|
|
493
|
-
let
|
|
494
|
-
value
|
|
495
|
-
} = _ref6;
|
|
531
|
+
const title = params.seriesData.reduce((acc, _ref7) => {
|
|
532
|
+
let value = _ref7.value;
|
|
496
533
|
const dimension = value[dimensionIndex];
|
|
497
534
|
if (acc.includes(dimension)) {
|
|
498
535
|
return acc;
|
|
@@ -508,14 +545,11 @@ const getTooltipContent = function () {
|
|
|
508
545
|
if (!params) {
|
|
509
546
|
return {};
|
|
510
547
|
}
|
|
511
|
-
const
|
|
512
|
-
seriesData
|
|
513
|
-
} = params;
|
|
548
|
+
const seriesData = params.seriesData;
|
|
514
549
|
if (seriesData.length === 1) {
|
|
515
|
-
const
|
|
516
|
-
value,
|
|
517
|
-
seriesName
|
|
518
|
-
} = seriesData[0];
|
|
550
|
+
const _seriesData$ = seriesData[0],
|
|
551
|
+
value = _seriesData$.value,
|
|
552
|
+
seriesName = _seriesData$.seriesName;
|
|
519
553
|
return {
|
|
520
554
|
[valueAxisName || seriesName]: {
|
|
521
555
|
value: value[metricIndex],
|
|
@@ -523,12 +557,10 @@ const getTooltipContent = function () {
|
|
|
523
557
|
}
|
|
524
558
|
};
|
|
525
559
|
}
|
|
526
|
-
return seriesData.reduce((acc,
|
|
527
|
-
let
|
|
528
|
-
|
|
529
|
-
|
|
530
|
-
color
|
|
531
|
-
} = _ref7;
|
|
560
|
+
return seriesData.reduce((acc, _ref8) => {
|
|
561
|
+
let value = _ref8.value,
|
|
562
|
+
seriesName = _ref8.seriesName,
|
|
563
|
+
color = _ref8.color;
|
|
532
564
|
acc[seriesName] = {
|
|
533
565
|
value: value[metricIndex],
|
|
534
566
|
color
|
|
@@ -553,14 +585,12 @@ const getTooltipParams = function () {
|
|
|
553
585
|
let params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
|
|
554
586
|
let options = arguments.length > 1 ? arguments[1] : undefined;
|
|
555
587
|
if (!params) return null;
|
|
556
|
-
const {
|
|
557
|
-
series
|
|
558
|
-
|
|
559
|
-
const seriesStacks = Object.fromEntries(optionsSeries.map(
|
|
560
|
-
let
|
|
561
|
-
|
|
562
|
-
stack
|
|
563
|
-
} = _ref8;
|
|
588
|
+
const _ref9 = options !== null && options !== void 0 ? options : {},
|
|
589
|
+
_ref9$series = _ref9.series,
|
|
590
|
+
optionsSeries = _ref9$series === void 0 ? [] : _ref9$series;
|
|
591
|
+
const seriesStacks = Object.fromEntries(optionsSeries.map(_ref0 => {
|
|
592
|
+
let name = _ref0.name,
|
|
593
|
+
stack = _ref0.stack;
|
|
564
594
|
return [name, stack];
|
|
565
595
|
}));
|
|
566
596
|
return {
|
|
@@ -586,27 +616,29 @@ const getTooltipParams = function () {
|
|
|
586
616
|
const getDefaultTooltipContent = function (params) {
|
|
587
617
|
let yAxisTitle = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
|
|
588
618
|
const seriesDataLength = params.seriesData.length;
|
|
589
|
-
const {
|
|
590
|
-
|
|
591
|
-
|
|
592
|
-
|
|
593
|
-
|
|
594
|
-
|
|
595
|
-
|
|
596
|
-
|
|
597
|
-
|
|
598
|
-
|
|
599
|
-
|
|
600
|
-
|
|
601
|
-
|
|
602
|
-
|
|
603
|
-
|
|
604
|
-
|
|
605
|
-
|
|
606
|
-
|
|
607
|
-
|
|
608
|
-
|
|
609
|
-
|
|
619
|
+
const _params$seriesData$re = params.seriesData.reduce((acc, chartItem) => {
|
|
620
|
+
const _ref1 = chartItem.value || [],
|
|
621
|
+
_ref10 = _slicedToArray(_ref1, 2),
|
|
622
|
+
title = _ref10[0],
|
|
623
|
+
value = _ref10[1];
|
|
624
|
+
// Let's use the y axis title as series name when only one series exists
|
|
625
|
+
// This way, TooltipDefaultFormat will display the y axis title as label
|
|
626
|
+
const seriesName = seriesDataLength === 1 && yAxisTitle ? yAxisTitle : chartItem.seriesName;
|
|
627
|
+
const color = seriesDataLength === 1 ? '' : chartItem.color;
|
|
628
|
+
acc.tooltipContent[seriesName] = {
|
|
629
|
+
value,
|
|
630
|
+
color
|
|
631
|
+
};
|
|
632
|
+
if (!acc.xLabels.includes(title)) {
|
|
633
|
+
acc.xLabels.push(title);
|
|
634
|
+
}
|
|
635
|
+
return acc;
|
|
636
|
+
}, {
|
|
637
|
+
xLabels: [],
|
|
638
|
+
tooltipContent: {}
|
|
639
|
+
}),
|
|
640
|
+
xLabels = _params$seriesData$re.xLabels,
|
|
641
|
+
tooltipContent = _params$seriesData$re.tooltipContent;
|
|
610
642
|
return {
|
|
611
643
|
xLabels,
|
|
612
644
|
tooltipContent
|
package/dist/utils/constants.js
CHANGED
|
@@ -327,5 +327,30 @@ const loadingIconVariants = {
|
|
|
327
327
|
spinner: 'spinner',
|
|
328
328
|
dots: 'dots'
|
|
329
329
|
};
|
|
330
|
+
const themes = [{
|
|
331
|
+
class: null,
|
|
332
|
+
value: 'default',
|
|
333
|
+
title: 'Default'
|
|
334
|
+
}, {
|
|
335
|
+
class: 'tint-neutral-indigo',
|
|
336
|
+
value: 'indigo',
|
|
337
|
+
title: 'Indigo'
|
|
338
|
+
}, {
|
|
339
|
+
class: 'tint-neutral-blue',
|
|
340
|
+
value: 'blue',
|
|
341
|
+
title: 'Blue'
|
|
342
|
+
}, {
|
|
343
|
+
class: 'tint-neutral-green',
|
|
344
|
+
value: 'green',
|
|
345
|
+
title: 'Green'
|
|
346
|
+
}, {
|
|
347
|
+
class: 'tint-neutral-red',
|
|
348
|
+
value: 'red',
|
|
349
|
+
title: 'Red'
|
|
350
|
+
}, {
|
|
351
|
+
class: 'tint-neutral-gray',
|
|
352
|
+
value: 'gray',
|
|
353
|
+
title: 'Gray'
|
|
354
|
+
}];
|
|
330
355
|
|
|
331
|
-
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, 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 };
|
|
356
|
+
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, keyboard, labelColorOptions, linkVariantInline, linkVariantMention, linkVariantMentionCurrent, linkVariantMeta, linkVariantOptions, linkVariantUnstyled, loadingIconSizes, loadingIconVariants, maxZIndex, modalButtonDefaults, modalSizeOptions, popoverPlacements, progressBarVariantOptions, resizeDebounceTime, stackedPresentationOptions, tabsButtonDefaults, targetOptions, themes, toggleLabelPosition, tokenVariants, tooltipActionEvents, tooltipPlacements, triggerVariantOptions, truncateOptions, variantCssColorMap, viewModeOptions };
|
package/dist/utils/data_utils.js
CHANGED
|
@@ -1,3 +1,28 @@
|
|
|
1
|
+
function _arrayLikeToArray(r, a) {
|
|
2
|
+
(null == a || a > r.length) && (a = r.length);
|
|
3
|
+
for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
|
|
4
|
+
return n;
|
|
5
|
+
}
|
|
6
|
+
function _arrayWithHoles(r) {
|
|
7
|
+
if (Array.isArray(r)) return r;
|
|
8
|
+
}
|
|
9
|
+
function _iterableToArray(r) {
|
|
10
|
+
if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
|
|
11
|
+
}
|
|
12
|
+
function _nonIterableRest() {
|
|
13
|
+
throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
14
|
+
}
|
|
15
|
+
function _toArray(r) {
|
|
16
|
+
return _arrayWithHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableRest();
|
|
17
|
+
}
|
|
18
|
+
function _unsupportedIterableToArray(r, a) {
|
|
19
|
+
if (r) {
|
|
20
|
+
if ("string" == typeof r) return _arrayLikeToArray(r, a);
|
|
21
|
+
var t = {}.toString.call(r).slice(8, -1);
|
|
22
|
+
return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
|
|
1
26
|
const getRepeatingValue = index => {
|
|
2
27
|
const values = [100, 500, 400, 200, 100, 800, 400, 500, 600, 300, 800, 900, 110, 700, 400, 300, 500, 300, 400, 600, 700];
|
|
3
28
|
return index < values.length ? values[index] : values[index % values.length];
|
|
@@ -7,7 +32,9 @@ const generateTimeSeries = () => new Array(100).fill(0).map((el, i) => [new Date
|
|
|
7
32
|
// takes an element and a list and `intersperses' that element between the elements of the list.
|
|
8
33
|
// (',' ['a', 'b', 'c']) -> ['a', ',', 'b', ',', 'c']
|
|
9
34
|
const intersperse = (separator, items) => {
|
|
10
|
-
const
|
|
35
|
+
const _items = _toArray(items),
|
|
36
|
+
head = _items[0],
|
|
37
|
+
rest = _arrayLikeToArray(_items).slice(1);
|
|
11
38
|
const separatorFactory = typeof separator === 'function' ? separator : () => separator;
|
|
12
39
|
return [head, ...rest.flatMap(item => [separatorFactory(), item], rest)];
|
|
13
40
|
};
|
|
@@ -3,12 +3,10 @@
|
|
|
3
3
|
*/
|
|
4
4
|
function normalizeOption(option) {
|
|
5
5
|
if (option !== null && typeof option === 'object') {
|
|
6
|
-
const
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
disabled
|
|
11
|
-
} = option;
|
|
6
|
+
const value = option.value,
|
|
7
|
+
text = option.text,
|
|
8
|
+
html = option.html,
|
|
9
|
+
disabled = option.disabled;
|
|
12
10
|
return {
|
|
13
11
|
value: value === undefined ? text : value,
|
|
14
12
|
text: String(text),
|
|
@@ -1,11 +1,9 @@
|
|
|
1
1
|
import Vue from 'vue';
|
|
2
2
|
|
|
3
3
|
// Fragment will be available only in Vue.js 3
|
|
4
|
-
const
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
Text
|
|
8
|
-
} = Vue;
|
|
4
|
+
const Fragment = Vue.Fragment,
|
|
5
|
+
Comment = Vue.Comment,
|
|
6
|
+
Text = Vue.Text;
|
|
9
7
|
function isVnodeEmpty(vnode) {
|
|
10
8
|
if (!vnode || Comment && vnode.type === Comment) {
|
|
11
9
|
return true;
|
|
@@ -10,10 +10,11 @@ const disableControls = function () {
|
|
|
10
10
|
}]));
|
|
11
11
|
};
|
|
12
12
|
const getA11yParameters = function () {
|
|
13
|
-
let {
|
|
14
|
-
skipRules =
|
|
15
|
-
|
|
16
|
-
|
|
13
|
+
let _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
|
|
14
|
+
_ref$skipRules = _ref.skipRules,
|
|
15
|
+
skipRules = _ref$skipRules === void 0 ? [] : _ref$skipRules,
|
|
16
|
+
_ref$temporarySkipRul = _ref.temporarySkipRules,
|
|
17
|
+
temporarySkipRules = _ref$temporarySkipRul === void 0 ? [] : _ref$temporarySkipRul;
|
|
17
18
|
const skippedRules = skipRules.concat(temporarySkipRules).map(id => ({
|
|
18
19
|
id,
|
|
19
20
|
enabled: false
|
|
@@ -45,10 +46,9 @@ const isPropType = (propType, Type) => Array.isArray(propType) ? propType.includ
|
|
|
45
46
|
* @param {object} ComponentOptions A Vue ComponentOptions object.
|
|
46
47
|
*/
|
|
47
48
|
const propDefaultFactory = ComponentOptions => prop => {
|
|
48
|
-
const
|
|
49
|
-
type,
|
|
50
|
-
default
|
|
51
|
-
} = ComponentOptions.props[prop];
|
|
49
|
+
const _ComponentOptions$pro = ComponentOptions.props[prop],
|
|
50
|
+
type = _ComponentOptions$pro.type,
|
|
51
|
+
defaultValue = _ComponentOptions$pro.default;
|
|
52
52
|
if (typeof defaultValue === 'function' && !isPropType(type, Function)) {
|
|
53
53
|
// Note: Vue 2 passes the instance to the `default` function via `this`,
|
|
54
54
|
// whereas Vue 3 passes the raw props to it as an argument. Here, we do
|
|
@@ -1,7 +1,53 @@
|
|
|
1
1
|
import { isMatch } from 'lodash-es';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
3
|
+
function _arrayLikeToArray(r, a) {
|
|
4
|
+
(null == a || a > r.length) && (a = r.length);
|
|
5
|
+
for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
|
|
6
|
+
return n;
|
|
7
|
+
}
|
|
8
|
+
function _arrayWithHoles(r) {
|
|
9
|
+
if (Array.isArray(r)) return r;
|
|
10
|
+
}
|
|
11
|
+
function _iterableToArrayLimit(r, l) {
|
|
12
|
+
var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
|
|
13
|
+
if (null != t) {
|
|
14
|
+
var e,
|
|
15
|
+
n,
|
|
16
|
+
i,
|
|
17
|
+
u,
|
|
18
|
+
a = [],
|
|
19
|
+
f = !0,
|
|
20
|
+
o = !1;
|
|
21
|
+
try {
|
|
22
|
+
if (i = (t = t.call(r)).next, 0 === l) {
|
|
23
|
+
if (Object(t) !== t) return;
|
|
24
|
+
f = !1;
|
|
25
|
+
} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
|
|
26
|
+
} catch (r) {
|
|
27
|
+
o = !0, n = r;
|
|
28
|
+
} finally {
|
|
29
|
+
try {
|
|
30
|
+
if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;
|
|
31
|
+
} finally {
|
|
32
|
+
if (o) throw n;
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
return a;
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
function _nonIterableRest() {
|
|
39
|
+
throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
40
|
+
}
|
|
41
|
+
function _slicedToArray(r, e) {
|
|
42
|
+
return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
|
|
43
|
+
}
|
|
44
|
+
function _unsupportedIterableToArray(r, a) {
|
|
45
|
+
if (r) {
|
|
46
|
+
if ("string" == typeof r) return _arrayLikeToArray(r, a);
|
|
47
|
+
var t = {}.toString.call(r).slice(8, -1);
|
|
48
|
+
return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
|
|
49
|
+
}
|
|
50
|
+
}
|
|
5
51
|
|
|
6
52
|
/**
|
|
7
53
|
* This class gives us a JSDom friendly DOM observer which we can manually trigger in tests
|
|
@@ -26,10 +72,11 @@ class MockObserver {
|
|
|
26
72
|
}
|
|
27
73
|
takeRecords() {}
|
|
28
74
|
$_triggerObserve(nodeParam) {
|
|
29
|
-
let {
|
|
30
|
-
entry =
|
|
31
|
-
|
|
32
|
-
|
|
75
|
+
let _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
|
|
76
|
+
_ref$entry = _ref.entry,
|
|
77
|
+
entry = _ref$entry === void 0 ? {} : _ref$entry,
|
|
78
|
+
_ref$options = _ref.options,
|
|
79
|
+
options = _ref$options === void 0 ? {} : _ref$options;
|
|
33
80
|
const nodes = this.$_getNodesFromParam(nodeParam);
|
|
34
81
|
nodes.forEach(node => {
|
|
35
82
|
if (this.$_hasObserver(node, options)) {
|
|
@@ -42,15 +89,18 @@ class MockObserver {
|
|
|
42
89
|
}
|
|
43
90
|
$_hasObserver(node) {
|
|
44
91
|
let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
45
|
-
return this.$_observers.some(
|
|
46
|
-
let
|
|
92
|
+
return this.$_observers.some(_ref2 => {
|
|
93
|
+
let _ref3 = _slicedToArray(_ref2, 2),
|
|
94
|
+
obvNode = _ref3[0],
|
|
95
|
+
obvOptions = _ref3[1];
|
|
47
96
|
return node === obvNode && isMatch(options, obvOptions);
|
|
48
97
|
});
|
|
49
98
|
}
|
|
50
99
|
$_getNodesFromParam(nodeParam) {
|
|
51
100
|
if (!nodeParam) {
|
|
52
|
-
return this.$_observers.map(
|
|
53
|
-
let
|
|
101
|
+
return this.$_observers.map(_ref4 => {
|
|
102
|
+
let _ref5 = _slicedToArray(_ref4, 1),
|
|
103
|
+
node = _ref5[0];
|
|
54
104
|
return node;
|
|
55
105
|
});
|
|
56
106
|
}
|
|
@@ -62,8 +112,9 @@ class MockObserver {
|
|
|
62
112
|
}
|
|
63
113
|
class MockIntersectionObserver extends MockObserver {
|
|
64
114
|
unobserve(node) {
|
|
65
|
-
this.$_observers = this.$_observers.filter(
|
|
66
|
-
let
|
|
115
|
+
this.$_observers = this.$_observers.filter(_ref6 => {
|
|
116
|
+
let _ref7 = _slicedToArray(_ref6, 1),
|
|
117
|
+
obvNode = _ref7[0];
|
|
67
118
|
return node !== obvNode;
|
|
68
119
|
});
|
|
69
120
|
}
|