@gitlab/ui 32.48.0 โ 32.51.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/CHANGELOG.md +28 -0
- package/dist/components/base/form/form.documentation.js +1 -5
- package/dist/components/base/form/form_radio/form_radio.documentation.js +2 -33
- package/dist/components/base/form/form_radio/form_radio.js +15 -2
- package/dist/components/base/form/form_select/form_select.documentation.js +2 -17
- package/dist/components/base/keyset_pagination/keyset_pagination.documentation.js +2 -84
- package/dist/components/base/keyset_pagination/keyset_pagination.js +42 -0
- package/dist/components/base/modal/modal.documentation.js +2 -32
- package/dist/components/base/modal/modal.js +15 -1
- package/dist/utility_classes.css +1 -1
- package/dist/utility_classes.css.map +1 -1
- package/dist/utils/string_utils.js +6 -2
- package/documentation/documented_stories.js +5 -0
- package/package.json +5 -3
- package/scss_to_js/scss_variables.js +2 -0
- package/scss_to_js/scss_variables.json +10 -0
- package/src/components/base/form/form.documentation.js +0 -3
- package/src/components/base/form/form.stories.js +99 -14
- package/src/components/base/form/form_radio/form_radio.documentation.js +0 -31
- package/src/components/base/form/form_radio/form_radio.md +7 -14
- package/src/components/base/form/form_radio/form_radio.stories.js +40 -28
- package/src/components/base/form/form_radio/form_radio.vue +26 -1
- package/src/components/base/form/form_select/form_select.documentation.js +0 -19
- package/src/components/base/form/form_select/form_select.md +0 -2
- package/src/components/base/form/form_select/form_select.stories.js +98 -80
- package/src/components/base/keyset_pagination/keyset_pagination.documentation.js +0 -99
- package/src/components/base/keyset_pagination/keyset_pagination.md +0 -2
- package/src/components/base/keyset_pagination/keyset_pagination.stories.js +60 -58
- package/src/components/base/keyset_pagination/keyset_pagination.vue +35 -1
- package/src/components/base/modal/modal.documentation.js +0 -42
- package/src/components/base/modal/modal.md +2 -7
- package/src/components/base/modal/modal.stories.js +107 -85
- package/src/components/base/modal/modal.vue +73 -32
- package/src/scss/utilities.scss +16 -0
- package/src/scss/utility-mixins/sizing.scss +8 -0
- package/src/scss/variables.scss +2 -0
- package/src/utils/string_utils.js +6 -2
- package/src/utils/string_utils.spec.js +8 -0
- package/dist/components/base/form/examples/form.basic.example.js +0 -76
- package/dist/components/base/form/examples/form.edit.example.js +0 -66
- package/dist/components/base/form/examples/form.inline.example.js +0 -62
- package/dist/components/base/form/examples/form.novalidate.example.js +0 -61
- package/dist/components/base/form/examples/index.js +0 -27
- package/dist/components/base/form/form_radio/examples/form_radio.basic.example.js +0 -48
- package/dist/components/base/form/form_radio/examples/form_radio.checked_disabled.example.js +0 -48
- package/dist/components/base/form/form_radio/examples/index.js +0 -19
- package/dist/components/base/form/form_select/examples/form_select.basic.example.js +0 -55
- package/dist/components/base/form/form_select/examples/form_select.disabled.example.js +0 -55
- package/dist/components/base/form/form_select/examples/form_select.manual_options.example.js +0 -48
- package/dist/components/base/form/form_select/examples/form_select.mixed_options.example.js +0 -55
- package/dist/components/base/form/form_select/examples/index.js +0 -27
- package/dist/components/base/keyset_pagination/examples/index.js +0 -37
- package/dist/components/base/keyset_pagination/examples/keyset_pagination.basic.example.js +0 -51
- package/dist/components/base/keyset_pagination/examples/keyset_pagination.events.example.js +0 -64
- package/dist/components/base/keyset_pagination/examples/keyset_pagination.internationalization.example.js +0 -59
- package/dist/components/base/keyset_pagination/examples/keyset_pagination.links.example.js +0 -51
- package/dist/components/base/keyset_pagination/examples/keyset_pagination.slots.example.js +0 -51
- package/dist/components/base/modal/examples/index.js +0 -31
- package/dist/components/base/modal/examples/modal.basic.example.js +0 -62
- package/dist/components/base/modal/examples/modal.disabled.example.js +0 -89
- package/dist/components/base/modal/examples/modal.sizes.example.js +0 -62
- package/src/components/base/form/examples/form.basic.example.vue +0 -73
- package/src/components/base/form/examples/form.edit.example.vue +0 -37
- package/src/components/base/form/examples/form.inline.example.vue +0 -36
- package/src/components/base/form/examples/form.novalidate.example.vue +0 -30
- package/src/components/base/form/examples/index.js +0 -32
- package/src/components/base/form/form_radio/examples/form_radio.basic.example.vue +0 -16
- package/src/components/base/form/form_radio/examples/form_radio.checked_disabled.example.vue +0 -13
- package/src/components/base/form/form_radio/examples/index.js +0 -22
- package/src/components/base/form/form_select/examples/form_select.basic.example.vue +0 -17
- package/src/components/base/form/form_select/examples/form_select.disabled.example.vue +0 -17
- package/src/components/base/form/form_select/examples/form_select.manual_options.example.vue +0 -17
- package/src/components/base/form/form_select/examples/form_select.mixed_options.example.vue +0 -21
- package/src/components/base/form/form_select/examples/index.js +0 -32
- package/src/components/base/keyset_pagination/examples/index.js +0 -43
- package/src/components/base/keyset_pagination/examples/keyset_pagination.basic.example.vue +0 -16
- package/src/components/base/keyset_pagination/examples/keyset_pagination.events.example.vue +0 -29
- package/src/components/base/keyset_pagination/examples/keyset_pagination.internationalization.example.vue +0 -23
- package/src/components/base/keyset_pagination/examples/keyset_pagination.links.example.vue +0 -20
- package/src/components/base/keyset_pagination/examples/keyset_pagination.slots.example.vue +0 -23
- package/src/components/base/modal/examples/index.js +0 -39
- package/src/components/base/modal/examples/modal.basic.example.vue +0 -39
- package/src/components/base/modal/examples/modal.disabled.example.vue +0 -58
- package/src/components/base/modal/examples/modal.sizes.example.vue +0 -61
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
|
|
2
|
-
|
|
3
|
-
var script = {
|
|
4
|
-
data() {
|
|
5
|
-
return {
|
|
6
|
-
selected: 'pizza',
|
|
7
|
-
options: [{
|
|
8
|
-
text: 'Pizza',
|
|
9
|
-
value: 'pizza'
|
|
10
|
-
}, {
|
|
11
|
-
text: 'Tacos',
|
|
12
|
-
value: 'tacos'
|
|
13
|
-
}]
|
|
14
|
-
};
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
};
|
|
18
|
-
|
|
19
|
-
/* script */
|
|
20
|
-
const __vue_script__ = script;
|
|
21
|
-
|
|
22
|
-
/* template */
|
|
23
|
-
var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('gl-form-select',{attrs:{"options":_vm.options},model:{value:(_vm.selected),callback:function ($$v) {_vm.selected=$$v;},expression:"selected"}})};
|
|
24
|
-
var __vue_staticRenderFns__ = [];
|
|
25
|
-
|
|
26
|
-
/* style */
|
|
27
|
-
const __vue_inject_styles__ = undefined;
|
|
28
|
-
/* scoped */
|
|
29
|
-
const __vue_scope_id__ = undefined;
|
|
30
|
-
/* module identifier */
|
|
31
|
-
const __vue_module_identifier__ = undefined;
|
|
32
|
-
/* functional template */
|
|
33
|
-
const __vue_is_functional_template__ = false;
|
|
34
|
-
/* style inject */
|
|
35
|
-
|
|
36
|
-
/* style inject SSR */
|
|
37
|
-
|
|
38
|
-
/* style inject shadow dom */
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
const __vue_component__ = __vue_normalize__(
|
|
43
|
-
{ render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
|
|
44
|
-
__vue_inject_styles__,
|
|
45
|
-
__vue_script__,
|
|
46
|
-
__vue_scope_id__,
|
|
47
|
-
__vue_is_functional_template__,
|
|
48
|
-
__vue_module_identifier__,
|
|
49
|
-
false,
|
|
50
|
-
undefined,
|
|
51
|
-
undefined,
|
|
52
|
-
undefined
|
|
53
|
-
);
|
|
54
|
-
|
|
55
|
-
export default __vue_component__;
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
|
|
2
|
-
|
|
3
|
-
var script = {
|
|
4
|
-
data() {
|
|
5
|
-
return {
|
|
6
|
-
selected: 'pizza',
|
|
7
|
-
options: [{
|
|
8
|
-
text: 'Pizza',
|
|
9
|
-
value: 'pizza'
|
|
10
|
-
}, {
|
|
11
|
-
text: 'Tacos',
|
|
12
|
-
value: 'tacos'
|
|
13
|
-
}]
|
|
14
|
-
};
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
};
|
|
18
|
-
|
|
19
|
-
/* script */
|
|
20
|
-
const __vue_script__ = script;
|
|
21
|
-
|
|
22
|
-
/* template */
|
|
23
|
-
var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('gl-form-select',{attrs:{"options":_vm.options,"disabled":true},model:{value:(_vm.selected),callback:function ($$v) {_vm.selected=$$v;},expression:"selected"}})};
|
|
24
|
-
var __vue_staticRenderFns__ = [];
|
|
25
|
-
|
|
26
|
-
/* style */
|
|
27
|
-
const __vue_inject_styles__ = undefined;
|
|
28
|
-
/* scoped */
|
|
29
|
-
const __vue_scope_id__ = undefined;
|
|
30
|
-
/* module identifier */
|
|
31
|
-
const __vue_module_identifier__ = undefined;
|
|
32
|
-
/* functional template */
|
|
33
|
-
const __vue_is_functional_template__ = false;
|
|
34
|
-
/* style inject */
|
|
35
|
-
|
|
36
|
-
/* style inject SSR */
|
|
37
|
-
|
|
38
|
-
/* style inject shadow dom */
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
const __vue_component__ = __vue_normalize__(
|
|
43
|
-
{ render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
|
|
44
|
-
__vue_inject_styles__,
|
|
45
|
-
__vue_script__,
|
|
46
|
-
__vue_scope_id__,
|
|
47
|
-
__vue_is_functional_template__,
|
|
48
|
-
__vue_module_identifier__,
|
|
49
|
-
false,
|
|
50
|
-
undefined,
|
|
51
|
-
undefined,
|
|
52
|
-
undefined
|
|
53
|
-
);
|
|
54
|
-
|
|
55
|
-
export default __vue_component__;
|
package/dist/components/base/form/form_select/examples/form_select.manual_options.example.js
DELETED
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
|
|
2
|
-
|
|
3
|
-
var script = {
|
|
4
|
-
data() {
|
|
5
|
-
return {
|
|
6
|
-
selected: 'pizza'
|
|
7
|
-
};
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
};
|
|
11
|
-
|
|
12
|
-
/* script */
|
|
13
|
-
const __vue_script__ = script;
|
|
14
|
-
|
|
15
|
-
/* template */
|
|
16
|
-
var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('gl-form-select',{model:{value:(_vm.selected),callback:function ($$v) {_vm.selected=$$v;},expression:"selected"}},[_c('option',{attrs:{"value":"pizza"}},[_vm._v("Pizza")]),_vm._v(" "),_c('option',{attrs:{"value":"tacos"}},[_vm._v("Tacos")]),_vm._v(" "),_c('option',{attrs:{"value":"pad-thai","disabled":""}},[_vm._v("Pad Thai")])])};
|
|
17
|
-
var __vue_staticRenderFns__ = [];
|
|
18
|
-
|
|
19
|
-
/* style */
|
|
20
|
-
const __vue_inject_styles__ = undefined;
|
|
21
|
-
/* scoped */
|
|
22
|
-
const __vue_scope_id__ = undefined;
|
|
23
|
-
/* module identifier */
|
|
24
|
-
const __vue_module_identifier__ = undefined;
|
|
25
|
-
/* functional template */
|
|
26
|
-
const __vue_is_functional_template__ = false;
|
|
27
|
-
/* style inject */
|
|
28
|
-
|
|
29
|
-
/* style inject SSR */
|
|
30
|
-
|
|
31
|
-
/* style inject shadow dom */
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
const __vue_component__ = __vue_normalize__(
|
|
36
|
-
{ render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
|
|
37
|
-
__vue_inject_styles__,
|
|
38
|
-
__vue_script__,
|
|
39
|
-
__vue_scope_id__,
|
|
40
|
-
__vue_is_functional_template__,
|
|
41
|
-
__vue_module_identifier__,
|
|
42
|
-
false,
|
|
43
|
-
undefined,
|
|
44
|
-
undefined,
|
|
45
|
-
undefined
|
|
46
|
-
);
|
|
47
|
-
|
|
48
|
-
export default __vue_component__;
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
|
|
2
|
-
|
|
3
|
-
var script = {
|
|
4
|
-
data() {
|
|
5
|
-
return {
|
|
6
|
-
selected: 'pizza',
|
|
7
|
-
options: [{
|
|
8
|
-
text: 'Pizza',
|
|
9
|
-
value: 'pizza'
|
|
10
|
-
}, {
|
|
11
|
-
text: 'Tacos',
|
|
12
|
-
value: 'tacos'
|
|
13
|
-
}]
|
|
14
|
-
};
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
};
|
|
18
|
-
|
|
19
|
-
/* script */
|
|
20
|
-
const __vue_script__ = script;
|
|
21
|
-
|
|
22
|
-
/* template */
|
|
23
|
-
var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('gl-form-select',{attrs:{"options":_vm.options},scopedSlots:_vm._u([{key:"first",fn:function(){return [_c('option',{attrs:{"disabled":""},domProps:{"value":null}},[_vm._v("Select a dish")])]},proxy:true}]),model:{value:(_vm.selected),callback:function ($$v) {_vm.selected=$$v;},expression:"selected"}})};
|
|
24
|
-
var __vue_staticRenderFns__ = [];
|
|
25
|
-
|
|
26
|
-
/* style */
|
|
27
|
-
const __vue_inject_styles__ = undefined;
|
|
28
|
-
/* scoped */
|
|
29
|
-
const __vue_scope_id__ = undefined;
|
|
30
|
-
/* module identifier */
|
|
31
|
-
const __vue_module_identifier__ = undefined;
|
|
32
|
-
/* functional template */
|
|
33
|
-
const __vue_is_functional_template__ = false;
|
|
34
|
-
/* style inject */
|
|
35
|
-
|
|
36
|
-
/* style inject SSR */
|
|
37
|
-
|
|
38
|
-
/* style inject shadow dom */
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
const __vue_component__ = __vue_normalize__(
|
|
43
|
-
{ render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
|
|
44
|
-
__vue_inject_styles__,
|
|
45
|
-
__vue_script__,
|
|
46
|
-
__vue_scope_id__,
|
|
47
|
-
__vue_is_functional_template__,
|
|
48
|
-
__vue_module_identifier__,
|
|
49
|
-
false,
|
|
50
|
-
undefined,
|
|
51
|
-
undefined,
|
|
52
|
-
undefined
|
|
53
|
-
);
|
|
54
|
-
|
|
55
|
-
export default __vue_component__;
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import FormSelectBasicExample from './form_select.basic.example';
|
|
2
|
-
import FormSelectDisabledExample from './form_select.disabled.example';
|
|
3
|
-
import FormSelectManualOptionsExample from './form_select.manual_options.example';
|
|
4
|
-
import FormSelectMixedOptionsExample from './form_select.mixed_options.example';
|
|
5
|
-
|
|
6
|
-
var index = [{
|
|
7
|
-
name: 'Form Select',
|
|
8
|
-
items: [{
|
|
9
|
-
id: 'form-select-options-array',
|
|
10
|
-
name: 'Form select with options property',
|
|
11
|
-
component: FormSelectBasicExample
|
|
12
|
-
}, {
|
|
13
|
-
id: 'form-select-manual-options',
|
|
14
|
-
name: 'Form select with manual options',
|
|
15
|
-
component: FormSelectManualOptionsExample
|
|
16
|
-
}, {
|
|
17
|
-
id: 'form-select-mixed-options',
|
|
18
|
-
name: 'Form select with mixed options',
|
|
19
|
-
component: FormSelectMixedOptionsExample
|
|
20
|
-
}, {
|
|
21
|
-
id: 'form-select-disabled',
|
|
22
|
-
name: 'Form select disabled',
|
|
23
|
-
component: FormSelectDisabledExample
|
|
24
|
-
}]
|
|
25
|
-
}];
|
|
26
|
-
|
|
27
|
-
export default index;
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import BasicExample from './keyset_pagination.basic.example';
|
|
2
|
-
import EventsExample from './keyset_pagination.events.example';
|
|
3
|
-
import I18nExample from './keyset_pagination.internationalization.example';
|
|
4
|
-
import LinksExample from './keyset_pagination.links.example';
|
|
5
|
-
import SlotsExample from './keyset_pagination.slots.example';
|
|
6
|
-
|
|
7
|
-
var index = [{
|
|
8
|
-
name: 'Usage examples',
|
|
9
|
-
items: [{
|
|
10
|
-
id: 'keyset-pagination-basic',
|
|
11
|
-
name: 'Basic',
|
|
12
|
-
description: 'Basic Cursor Pagination',
|
|
13
|
-
component: BasicExample
|
|
14
|
-
}, {
|
|
15
|
-
id: 'keyset-pagination-slots',
|
|
16
|
-
name: 'Custom button slots',
|
|
17
|
-
description: 'Custom "Prev" or "Next" button content',
|
|
18
|
-
component: SlotsExample
|
|
19
|
-
}, {
|
|
20
|
-
id: 'keyset-pagination-links',
|
|
21
|
-
name: 'Link buttons',
|
|
22
|
-
description: '"Prev" and "Next" buttons as link buttons',
|
|
23
|
-
component: LinksExample
|
|
24
|
-
}, {
|
|
25
|
-
id: 'keyset-pagination-events',
|
|
26
|
-
name: 'Button events',
|
|
27
|
-
description: '"prev" and "next" events',
|
|
28
|
-
component: EventsExample
|
|
29
|
-
}, {
|
|
30
|
-
id: 'keyset-pagination-i18n',
|
|
31
|
-
name: 'Internationalization',
|
|
32
|
-
description: 'Internationalizing the "Prev" and "Next" button text',
|
|
33
|
-
component: I18nExample
|
|
34
|
-
}]
|
|
35
|
-
}];
|
|
36
|
-
|
|
37
|
-
export default index;
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
|
|
2
|
-
|
|
3
|
-
var script = {
|
|
4
|
-
data() {
|
|
5
|
-
return {
|
|
6
|
-
pageInfo: {
|
|
7
|
-
hasPreviousPage: true,
|
|
8
|
-
hasNextPage: true
|
|
9
|
-
}
|
|
10
|
-
};
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
};
|
|
14
|
-
|
|
15
|
-
/* script */
|
|
16
|
-
const __vue_script__ = script;
|
|
17
|
-
|
|
18
|
-
/* template */
|
|
19
|
-
var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('gl-keyset-pagination',_vm._b({},'gl-keyset-pagination',_vm.pageInfo,false))};
|
|
20
|
-
var __vue_staticRenderFns__ = [];
|
|
21
|
-
|
|
22
|
-
/* style */
|
|
23
|
-
const __vue_inject_styles__ = undefined;
|
|
24
|
-
/* scoped */
|
|
25
|
-
const __vue_scope_id__ = undefined;
|
|
26
|
-
/* module identifier */
|
|
27
|
-
const __vue_module_identifier__ = undefined;
|
|
28
|
-
/* functional template */
|
|
29
|
-
const __vue_is_functional_template__ = false;
|
|
30
|
-
/* style inject */
|
|
31
|
-
|
|
32
|
-
/* style inject SSR */
|
|
33
|
-
|
|
34
|
-
/* style inject shadow dom */
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
const __vue_component__ = __vue_normalize__(
|
|
39
|
-
{ render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
|
|
40
|
-
__vue_inject_styles__,
|
|
41
|
-
__vue_script__,
|
|
42
|
-
__vue_scope_id__,
|
|
43
|
-
__vue_is_functional_template__,
|
|
44
|
-
__vue_module_identifier__,
|
|
45
|
-
false,
|
|
46
|
-
undefined,
|
|
47
|
-
undefined,
|
|
48
|
-
undefined
|
|
49
|
-
);
|
|
50
|
-
|
|
51
|
-
export default __vue_component__;
|
|
@@ -1,64 +0,0 @@
|
|
|
1
|
-
import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
|
|
2
|
-
|
|
3
|
-
/* eslint-disable no-alert */
|
|
4
|
-
var script = {
|
|
5
|
-
data() {
|
|
6
|
-
return {
|
|
7
|
-
pageInfo: {
|
|
8
|
-
startCursor: 'eyJpZCI6IjE3NTg1ODciLCJyZWxlYXNlZF9hdCI6IjIwMjAtMDgtMjAgMTQ6NDc6MDguNTQ1MjE1MDAwIFVUQyJ9',
|
|
9
|
-
endCursor: 'eyJpZCI6IjEyNjcxNzkiLCJyZWxlYXNlZF9hdCI6IjIwMjAtMDItMTkgMjE6MDA6MDUuODU5NTQ2MDAwIFVUQyJ9',
|
|
10
|
-
hasPreviousPage: true,
|
|
11
|
-
hasNextPage: true
|
|
12
|
-
}
|
|
13
|
-
};
|
|
14
|
-
},
|
|
15
|
-
|
|
16
|
-
methods: {
|
|
17
|
-
onPrev(startCursor) {
|
|
18
|
-
alert(`"prev" event fired with start cursor: "${startCursor}"`);
|
|
19
|
-
},
|
|
20
|
-
|
|
21
|
-
onNext(endCursor) {
|
|
22
|
-
alert(`"next" event fired with end cursor: "${endCursor}"`);
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
}
|
|
26
|
-
};
|
|
27
|
-
|
|
28
|
-
/* script */
|
|
29
|
-
const __vue_script__ = script;
|
|
30
|
-
|
|
31
|
-
/* template */
|
|
32
|
-
var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('gl-keyset-pagination',_vm._b({on:{"prev":function($event){return _vm.onPrev($event)},"next":function($event){return _vm.onNext($event)}}},'gl-keyset-pagination',_vm.pageInfo,false))};
|
|
33
|
-
var __vue_staticRenderFns__ = [];
|
|
34
|
-
|
|
35
|
-
/* style */
|
|
36
|
-
const __vue_inject_styles__ = undefined;
|
|
37
|
-
/* scoped */
|
|
38
|
-
const __vue_scope_id__ = undefined;
|
|
39
|
-
/* module identifier */
|
|
40
|
-
const __vue_module_identifier__ = undefined;
|
|
41
|
-
/* functional template */
|
|
42
|
-
const __vue_is_functional_template__ = false;
|
|
43
|
-
/* style inject */
|
|
44
|
-
|
|
45
|
-
/* style inject SSR */
|
|
46
|
-
|
|
47
|
-
/* style inject shadow dom */
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
const __vue_component__ = __vue_normalize__(
|
|
52
|
-
{ render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
|
|
53
|
-
__vue_inject_styles__,
|
|
54
|
-
__vue_script__,
|
|
55
|
-
__vue_scope_id__,
|
|
56
|
-
__vue_is_functional_template__,
|
|
57
|
-
__vue_module_identifier__,
|
|
58
|
-
false,
|
|
59
|
-
undefined,
|
|
60
|
-
undefined,
|
|
61
|
-
undefined
|
|
62
|
-
);
|
|
63
|
-
|
|
64
|
-
export default __vue_component__;
|
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
|
|
2
|
-
|
|
3
|
-
var script = {
|
|
4
|
-
data() {
|
|
5
|
-
return {
|
|
6
|
-
pageInfo: {
|
|
7
|
-
hasPreviousPage: true,
|
|
8
|
-
hasNextPage: true
|
|
9
|
-
}
|
|
10
|
-
};
|
|
11
|
-
},
|
|
12
|
-
|
|
13
|
-
methods: {
|
|
14
|
-
// Stub version of our i18n function in GitLab
|
|
15
|
-
// eslint-disable-next-line no-underscore-dangle
|
|
16
|
-
__(text) {
|
|
17
|
-
return text;
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
}
|
|
21
|
-
};
|
|
22
|
-
|
|
23
|
-
/* script */
|
|
24
|
-
const __vue_script__ = script;
|
|
25
|
-
|
|
26
|
-
/* template */
|
|
27
|
-
var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('gl-keyset-pagination',_vm._b({attrs:{"prev-text":_vm.__('Prev'),"next-text":_vm.__('Next')}},'gl-keyset-pagination',_vm.pageInfo,false))};
|
|
28
|
-
var __vue_staticRenderFns__ = [];
|
|
29
|
-
|
|
30
|
-
/* style */
|
|
31
|
-
const __vue_inject_styles__ = undefined;
|
|
32
|
-
/* scoped */
|
|
33
|
-
const __vue_scope_id__ = undefined;
|
|
34
|
-
/* module identifier */
|
|
35
|
-
const __vue_module_identifier__ = undefined;
|
|
36
|
-
/* functional template */
|
|
37
|
-
const __vue_is_functional_template__ = false;
|
|
38
|
-
/* style inject */
|
|
39
|
-
|
|
40
|
-
/* style inject SSR */
|
|
41
|
-
|
|
42
|
-
/* style inject shadow dom */
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
const __vue_component__ = __vue_normalize__(
|
|
47
|
-
{ render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
|
|
48
|
-
__vue_inject_styles__,
|
|
49
|
-
__vue_script__,
|
|
50
|
-
__vue_scope_id__,
|
|
51
|
-
__vue_is_functional_template__,
|
|
52
|
-
__vue_module_identifier__,
|
|
53
|
-
false,
|
|
54
|
-
undefined,
|
|
55
|
-
undefined,
|
|
56
|
-
undefined
|
|
57
|
-
);
|
|
58
|
-
|
|
59
|
-
export default __vue_component__;
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
|
|
2
|
-
|
|
3
|
-
var script = {
|
|
4
|
-
data() {
|
|
5
|
-
return {
|
|
6
|
-
pageInfo: {
|
|
7
|
-
hasPreviousPage: true,
|
|
8
|
-
hasNextPage: true
|
|
9
|
-
}
|
|
10
|
-
};
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
};
|
|
14
|
-
|
|
15
|
-
/* script */
|
|
16
|
-
const __vue_script__ = script;
|
|
17
|
-
|
|
18
|
-
/* template */
|
|
19
|
-
var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('gl-keyset-pagination',_vm._b({attrs:{"prev-button-link":"https://example.com/prev","next-button-link":"https://example.com/next"}},'gl-keyset-pagination',_vm.pageInfo,false))};
|
|
20
|
-
var __vue_staticRenderFns__ = [];
|
|
21
|
-
|
|
22
|
-
/* style */
|
|
23
|
-
const __vue_inject_styles__ = undefined;
|
|
24
|
-
/* scoped */
|
|
25
|
-
const __vue_scope_id__ = undefined;
|
|
26
|
-
/* module identifier */
|
|
27
|
-
const __vue_module_identifier__ = undefined;
|
|
28
|
-
/* functional template */
|
|
29
|
-
const __vue_is_functional_template__ = false;
|
|
30
|
-
/* style inject */
|
|
31
|
-
|
|
32
|
-
/* style inject SSR */
|
|
33
|
-
|
|
34
|
-
/* style inject shadow dom */
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
const __vue_component__ = __vue_normalize__(
|
|
39
|
-
{ render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
|
|
40
|
-
__vue_inject_styles__,
|
|
41
|
-
__vue_script__,
|
|
42
|
-
__vue_scope_id__,
|
|
43
|
-
__vue_is_functional_template__,
|
|
44
|
-
__vue_module_identifier__,
|
|
45
|
-
false,
|
|
46
|
-
undefined,
|
|
47
|
-
undefined,
|
|
48
|
-
undefined
|
|
49
|
-
);
|
|
50
|
-
|
|
51
|
-
export default __vue_component__;
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
|
|
2
|
-
|
|
3
|
-
var script = {
|
|
4
|
-
data() {
|
|
5
|
-
return {
|
|
6
|
-
pageInfo: {
|
|
7
|
-
hasPreviousPage: true,
|
|
8
|
-
hasNextPage: true
|
|
9
|
-
}
|
|
10
|
-
};
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
};
|
|
14
|
-
|
|
15
|
-
/* script */
|
|
16
|
-
const __vue_script__ = script;
|
|
17
|
-
|
|
18
|
-
/* template */
|
|
19
|
-
var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('gl-keyset-pagination',_vm._b({scopedSlots:_vm._u([{key:"previous-button-content",fn:function(){return [_c('span',{staticClass:"gl-font-weight-bold",staticStyle:{"color":"hotpink"}},[_vm._v("๐ฆ แฎแแแแฅแงแฌแ")])]},proxy:true},{key:"next-button-content",fn:function(){return [_c('span',{staticClass:"gl-font-weight-bold",staticStyle:{"color":"purple"}},[_vm._v("แแแแ ๐")])]},proxy:true}])},'gl-keyset-pagination',_vm.pageInfo,false))};
|
|
20
|
-
var __vue_staticRenderFns__ = [];
|
|
21
|
-
|
|
22
|
-
/* style */
|
|
23
|
-
const __vue_inject_styles__ = undefined;
|
|
24
|
-
/* scoped */
|
|
25
|
-
const __vue_scope_id__ = undefined;
|
|
26
|
-
/* module identifier */
|
|
27
|
-
const __vue_module_identifier__ = undefined;
|
|
28
|
-
/* functional template */
|
|
29
|
-
const __vue_is_functional_template__ = false;
|
|
30
|
-
/* style inject */
|
|
31
|
-
|
|
32
|
-
/* style inject SSR */
|
|
33
|
-
|
|
34
|
-
/* style inject shadow dom */
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
const __vue_component__ = __vue_normalize__(
|
|
39
|
-
{ render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
|
|
40
|
-
__vue_inject_styles__,
|
|
41
|
-
__vue_script__,
|
|
42
|
-
__vue_scope_id__,
|
|
43
|
-
__vue_is_functional_template__,
|
|
44
|
-
__vue_module_identifier__,
|
|
45
|
-
false,
|
|
46
|
-
undefined,
|
|
47
|
-
undefined,
|
|
48
|
-
undefined
|
|
49
|
-
);
|
|
50
|
-
|
|
51
|
-
export default __vue_component__;
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import ModalBasicExample from './modal.basic.example';
|
|
2
|
-
import ModalDisabledExample from './modal.disabled.example';
|
|
3
|
-
import ModalSizesExample from './modal.sizes.example';
|
|
4
|
-
|
|
5
|
-
var index = [{
|
|
6
|
-
name: 'Basic',
|
|
7
|
-
items: [{
|
|
8
|
-
id: 'modal-basic',
|
|
9
|
-
name: 'Basic',
|
|
10
|
-
description: 'Basic Modal',
|
|
11
|
-
component: ModalBasicExample
|
|
12
|
-
}]
|
|
13
|
-
}, {
|
|
14
|
-
name: 'Disabled',
|
|
15
|
-
items: [{
|
|
16
|
-
id: 'modal-disabled',
|
|
17
|
-
name: 'Disabled',
|
|
18
|
-
description: 'Disabled Modal',
|
|
19
|
-
component: ModalDisabledExample
|
|
20
|
-
}]
|
|
21
|
-
}, {
|
|
22
|
-
name: 'Sizes',
|
|
23
|
-
items: [{
|
|
24
|
-
id: 'modal-sizes',
|
|
25
|
-
name: 'Sizes',
|
|
26
|
-
description: 'Modal Sizes',
|
|
27
|
-
component: ModalSizesExample
|
|
28
|
-
}]
|
|
29
|
-
}];
|
|
30
|
-
|
|
31
|
-
export default index;
|
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
|
|
2
|
-
|
|
3
|
-
var script = {
|
|
4
|
-
computed: {
|
|
5
|
-
primaryProps() {
|
|
6
|
-
return {
|
|
7
|
-
text: 'Okay'
|
|
8
|
-
};
|
|
9
|
-
},
|
|
10
|
-
|
|
11
|
-
secondaryProps() {
|
|
12
|
-
return {
|
|
13
|
-
text: 'Secondary'
|
|
14
|
-
};
|
|
15
|
-
},
|
|
16
|
-
|
|
17
|
-
cancelProps() {
|
|
18
|
-
return {
|
|
19
|
-
text: 'Cancel'
|
|
20
|
-
};
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
}
|
|
24
|
-
};
|
|
25
|
-
|
|
26
|
-
/* script */
|
|
27
|
-
const __vue_script__ = script;
|
|
28
|
-
|
|
29
|
-
/* template */
|
|
30
|
-
var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('gl-button',{directives:[{name:"gl-modal-directive",rawName:"v-gl-modal-directive",value:('basic-modal-id'),expression:"'basic-modal-id'"}],attrs:{"category":"primary","variant":"confirm"}},[_vm._v("\n Open modal\n ")]),_vm._v(" "),_c('gl-modal',{attrs:{"modal-id":"basic-modal-id","title":"Example title","no-fade":"","action-primary":_vm.primaryProps,"action-secondary":_vm.secondaryProps,"action-cancel":_vm.cancelProps}},[_vm._v("\n This is my content\n ")])],1)};
|
|
31
|
-
var __vue_staticRenderFns__ = [];
|
|
32
|
-
|
|
33
|
-
/* style */
|
|
34
|
-
const __vue_inject_styles__ = undefined;
|
|
35
|
-
/* scoped */
|
|
36
|
-
const __vue_scope_id__ = undefined;
|
|
37
|
-
/* module identifier */
|
|
38
|
-
const __vue_module_identifier__ = undefined;
|
|
39
|
-
/* functional template */
|
|
40
|
-
const __vue_is_functional_template__ = false;
|
|
41
|
-
/* style inject */
|
|
42
|
-
|
|
43
|
-
/* style inject SSR */
|
|
44
|
-
|
|
45
|
-
/* style inject shadow dom */
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
const __vue_component__ = __vue_normalize__(
|
|
50
|
-
{ render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
|
|
51
|
-
__vue_inject_styles__,
|
|
52
|
-
__vue_script__,
|
|
53
|
-
__vue_scope_id__,
|
|
54
|
-
__vue_is_functional_template__,
|
|
55
|
-
__vue_module_identifier__,
|
|
56
|
-
false,
|
|
57
|
-
undefined,
|
|
58
|
-
undefined,
|
|
59
|
-
undefined
|
|
60
|
-
);
|
|
61
|
-
|
|
62
|
-
export default __vue_component__;
|