@gitlab/ui 32.18.0 → 32.20.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/accordion/accordion.js +7 -0
- package/dist/components/base/accordion/accordion_item.js +11 -0
- package/dist/components/base/alert/alert.js +3 -3
- package/dist/components/base/button/button.documentation.js +17 -1
- package/dist/components/base/button/button.js +10 -10
- package/dist/components/base/card/card.documentation.js +2 -26
- package/dist/components/base/card/card.js +11 -0
- package/dist/components/base/daterange_picker/daterange_picker.js +43 -1
- package/dist/components/base/dropdown/dropdown.js +9 -9
- package/dist/components/base/form/form_checkbox/form_checkbox.documentation.js +2 -14
- package/dist/components/base/form/form_checkbox/form_checkbox.js +21 -1
- package/dist/components/base/form/form_checkbox/form_checkbox_group.js +2 -2
- package/dist/components/base/form/form_input_group/form_input_group.js +1 -1
- package/dist/components/base/form/form_input_group/form_input_group_mixin.js +2 -2
- package/dist/components/base/form/form_radio_group/form_radio_group.js +2 -2
- package/dist/components/base/tabs/tabs/examples/tabs.basic.example.js +1 -1
- package/dist/components/base/tabs/tabs/examples/tabs.counterbadges.example.js +1 -1
- package/dist/components/base/tabs/tabs/examples/tabs.custom_title.example.js +1 -1
- package/dist/components/base/tabs/tabs/examples/tabs.disabled.example.js +1 -1
- package/dist/components/base/tabs/tabs/examples/tabs.justified.example.js +1 -1
- package/dist/components/base/tabs/tabs/examples/tabs.scrollable.example.js +2 -2
- package/dist/components/base/tabs/tabs/examples/tabs.styles_only.example.js +1 -1
- package/dist/components/base/tabs/tabs/tabs.documentation.js +1 -1
- package/dist/components/charts/single_stat/single_stat.js +1 -1
- package/dist/components/mixins/button_mixin.js +4 -4
- package/dist/directives/safe_html/safe_html.js +1 -1
- package/dist/index.css +1 -1
- package/dist/index.css.map +1 -1
- package/dist/index.js +1 -1
- package/dist/utility_classes.css +1 -1
- package/dist/utility_classes.css.map +1 -1
- package/dist/utils/charts/mock_data.js +0 -2
- package/dist/utils/constants.js +8 -8
- package/dist/utils/use_fake_date.js +4 -4
- package/dist/utils/validation_utils.js +0 -2
- package/documentation/components_documentation.js +0 -3
- package/documentation/documented_stories.js +5 -0
- package/index.js +1 -1
- package/package.json +11 -11
- package/src/components/base/accordion/accordion.md +0 -4
- package/src/components/base/accordion/accordion.stories.js +58 -20
- package/src/components/base/accordion/accordion.vue +7 -0
- package/src/components/base/accordion/accordion_item.md +0 -4
- package/src/components/base/accordion/accordion_item.stories.js +56 -11
- package/src/components/base/accordion/accordion_item.vue +10 -0
- package/src/components/base/alert/alert.spec.js +3 -3
- package/src/components/base/alert/alert.vue +3 -3
- package/src/components/base/badge/badge.scss +1 -0
- package/src/components/base/button/button.documentation.js +18 -0
- package/src/components/base/button/button.stories.js +13 -13
- package/src/components/base/button/button.vue +15 -15
- package/src/components/base/card/card.documentation.js +0 -27
- package/src/components/base/card/card.md +0 -4
- package/src/components/base/card/card.stories.js +32 -18
- package/src/components/base/card/card.vue +12 -0
- package/src/components/base/datepicker/datepicker.stories.js +1 -1
- package/src/components/base/daterange_picker/daterange_picker.md +0 -4
- package/src/components/base/daterange_picker/daterange_picker.stories.js +151 -88
- package/src/components/base/daterange_picker/daterange_picker.vue +43 -4
- package/src/components/base/dropdown/dropdown.stories.js +5 -5
- package/src/components/base/dropdown/dropdown.vue +12 -12
- package/src/components/base/form/form_checkbox/form_checkbox.documentation.js +0 -15
- package/src/components/base/form/form_checkbox/form_checkbox.md +2 -4
- package/src/components/base/form/form_checkbox/form_checkbox.stories.js +31 -39
- package/src/components/base/form/form_checkbox/form_checkbox.vue +21 -6
- package/src/components/base/form/form_checkbox/form_checkbox_group.vue +1 -1
- package/src/components/base/form/form_input_group/form_input_group.vue +1 -1
- package/src/components/base/form/form_input_group/form_input_group_mixin.js +1 -1
- package/src/components/base/form/form_radio_group/form_radio_group.vue +1 -1
- package/src/components/base/tabs/tabs/examples/tabs.basic.example.vue +2 -2
- package/src/components/base/tabs/tabs/examples/tabs.counterbadges.example.vue +9 -6
- package/src/components/base/tabs/tabs/examples/tabs.custom_title.example.vue +3 -3
- package/src/components/base/tabs/tabs/examples/tabs.disabled.example.vue +3 -3
- package/src/components/base/tabs/tabs/examples/tabs.justified.example.vue +2 -2
- package/src/components/base/tabs/tabs/examples/tabs.scrollable.example.vue +2 -2
- package/src/components/base/tabs/tabs/examples/tabs.styles_only.example.vue +4 -4
- package/src/components/base/tabs/tabs/tabs.md +8 -8
- package/src/components/base/tabs/tabs/tabs.stories.js +42 -40
- package/src/components/charts/single_stat/single_stat.vue +5 -1
- package/src/components/mixins/button_mixin.js +3 -3
- package/src/directives/safe_html/safe_html.js +1 -3
- package/src/directives/safe_html/safe_html.spec.js +1 -1
- package/src/scss/utilities.scss +8 -0
- package/src/scss/utility-mixins/sizing.scss +4 -0
- package/src/utils/charts/mock_data.js +0 -2
- package/src/utils/constants.js +7 -7
- package/src/utils/use_fake_date.js +2 -2
- package/src/utils/validation_utils.js +0 -2
- package/dist/components/base/accordion/accordion.documentation.js +0 -20
- package/dist/components/base/accordion/accordion_item.documentation.js +0 -22
- package/dist/components/base/accordion/examples/accordion.auto_collapse.example.js +0 -38
- package/dist/components/base/accordion/examples/accordion.basic.example.js +0 -38
- package/dist/components/base/accordion/examples/accordion.initial_visible.example.js +0 -38
- package/dist/components/base/accordion/examples/index.js +0 -25
- package/dist/components/base/card/examples/card.basic.example.js +0 -38
- package/dist/components/base/card/examples/card.headerfooter.example.js +0 -38
- package/dist/components/base/card/examples/index.js +0 -19
- package/dist/components/base/daterange_picker/daterange_picker.documentation.js +0 -29
- package/dist/components/base/daterange_picker/examples/daterange_picker.basic.example.js +0 -49
- package/dist/components/base/daterange_picker/examples/index.js +0 -12
- package/dist/components/base/form/form_checkbox/examples/form_checkbox.checked.example.js +0 -48
- package/dist/components/base/form/form_checkbox/examples/form_checkbox.checked_disabled.example.js +0 -48
- package/dist/components/base/form/form_checkbox/examples/form_checkbox.disabled.example.js +0 -38
- package/dist/components/base/form/form_checkbox/examples/form_checkbox.help.example.js +0 -38
- package/dist/components/base/form/form_checkbox/examples/form_checkbox.indeterminant.example.js +0 -38
- package/dist/components/base/form/form_checkbox/examples/form_checkbox.unchecked.example.js +0 -38
- package/dist/components/base/form/form_checkbox/examples/form_checkbox.values.example.js +0 -48
- package/dist/components/base/form/form_checkbox/examples/form_checkbox_group.options_array.example.js +0 -58
- package/dist/components/base/form/form_checkbox/examples/form_checkbox_group.slots.example.js +0 -38
- package/dist/components/base/form/form_checkbox/examples/index.js +0 -55
- package/src/components/base/accordion/accordion.documentation.js +0 -19
- package/src/components/base/accordion/accordion_item.documentation.js +0 -20
- package/src/components/base/accordion/examples/accordion.auto_collapse.example.vue +0 -16
- package/src/components/base/accordion/examples/accordion.basic.example.vue +0 -17
- package/src/components/base/accordion/examples/accordion.initial_visible.example.vue +0 -16
- package/src/components/base/accordion/examples/index.js +0 -29
- package/src/components/base/card/examples/card.basic.example.vue +0 -3
- package/src/components/base/card/examples/card.headerfooter.example.vue +0 -11
- package/src/components/base/card/examples/index.js +0 -22
- package/src/components/base/daterange_picker/daterange_picker.documentation.js +0 -34
- package/src/components/base/daterange_picker/examples/daterange_picker.basic.example.vue +0 -13
- package/src/components/base/daterange_picker/examples/index.js +0 -14
- package/src/components/base/form/form_checkbox/examples/form_checkbox.checked.example.vue +0 -13
- package/src/components/base/form/form_checkbox/examples/form_checkbox.checked_disabled.example.vue +0 -13
- package/src/components/base/form/form_checkbox/examples/form_checkbox.disabled.example.vue +0 -3
- package/src/components/base/form/form_checkbox/examples/form_checkbox.help.example.vue +0 -6
- package/src/components/base/form/form_checkbox/examples/form_checkbox.indeterminant.example.vue +0 -3
- package/src/components/base/form/form_checkbox/examples/form_checkbox.unchecked.example.vue +0 -3
- package/src/components/base/form/form_checkbox/examples/form_checkbox.values.example.vue +0 -15
- package/src/components/base/form/form_checkbox/examples/form_checkbox_group.options_array.example.vue +0 -27
- package/src/components/base/form/form_checkbox/examples/form_checkbox_group.slots.example.vue +0 -11
- package/src/components/base/form/form_checkbox/examples/index.js +0 -67
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
|
|
2
|
-
|
|
3
|
-
/* script */
|
|
4
|
-
|
|
5
|
-
/* template */
|
|
6
|
-
var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('gl-accordion',{attrs:{"header-level":3,"auto-collapse":true}},[_c('gl-accordion-item',{attrs:{"title":"Item 1"}},[_vm._v("\n Only one collapse in an accordion group can be open at a time by providing an accordion group\n identifier.\n ")]),_vm._v(" "),_c('gl-accordion-item',{attrs:{"title":"Item 2"}},[_vm._v("\n Only one collapse in an accordion group can be open at a time by providing an accordion group\n identifier.\n ")]),_vm._v(" "),_c('gl-accordion-item',{attrs:{"title":"Item 3"}},[_vm._v("\n Only one collapse in an accordion group can be open at a time by providing an accordion group\n identifier.\n ")])],1)};
|
|
7
|
-
var __vue_staticRenderFns__ = [];
|
|
8
|
-
|
|
9
|
-
/* style */
|
|
10
|
-
const __vue_inject_styles__ = undefined;
|
|
11
|
-
/* scoped */
|
|
12
|
-
const __vue_scope_id__ = undefined;
|
|
13
|
-
/* module identifier */
|
|
14
|
-
const __vue_module_identifier__ = undefined;
|
|
15
|
-
/* functional template */
|
|
16
|
-
const __vue_is_functional_template__ = false;
|
|
17
|
-
/* style inject */
|
|
18
|
-
|
|
19
|
-
/* style inject SSR */
|
|
20
|
-
|
|
21
|
-
/* style inject shadow dom */
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
const __vue_component__ = __vue_normalize__(
|
|
26
|
-
{ render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
|
|
27
|
-
__vue_inject_styles__,
|
|
28
|
-
{},
|
|
29
|
-
__vue_scope_id__,
|
|
30
|
-
__vue_is_functional_template__,
|
|
31
|
-
__vue_module_identifier__,
|
|
32
|
-
false,
|
|
33
|
-
undefined,
|
|
34
|
-
undefined,
|
|
35
|
-
undefined
|
|
36
|
-
);
|
|
37
|
-
|
|
38
|
-
export default __vue_component__;
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
|
|
2
|
-
|
|
3
|
-
/* script */
|
|
4
|
-
|
|
5
|
-
/* template */
|
|
6
|
-
var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('gl-accordion',{attrs:{"header-level":3}},[_c('gl-accordion-item',{attrs:{"title":"Item 1"}},[_vm._v("\n Each accordion can be expanded or collapsed independently of others.\n ")]),_vm._v(" "),_c('gl-accordion-item',{attrs:{"title":"Item 2"}},[_vm._v("\n If you want the other accordion items to collapse when one is open, please see\n "),_c('code',[_vm._v("Collapse Other")]),_vm._v(" example.\n ")]),_vm._v(" "),_c('gl-accordion-item',{attrs:{"title":"Item 3"}},[_vm._v("\n If you want to have an accordion item to be initially visible, please see\n "),_c('code',[_vm._v("Initial Visible")]),_vm._v(" example.\n ")])],1)};
|
|
7
|
-
var __vue_staticRenderFns__ = [];
|
|
8
|
-
|
|
9
|
-
/* style */
|
|
10
|
-
const __vue_inject_styles__ = undefined;
|
|
11
|
-
/* scoped */
|
|
12
|
-
const __vue_scope_id__ = undefined;
|
|
13
|
-
/* module identifier */
|
|
14
|
-
const __vue_module_identifier__ = undefined;
|
|
15
|
-
/* functional template */
|
|
16
|
-
const __vue_is_functional_template__ = false;
|
|
17
|
-
/* style inject */
|
|
18
|
-
|
|
19
|
-
/* style inject SSR */
|
|
20
|
-
|
|
21
|
-
/* style inject shadow dom */
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
const __vue_component__ = __vue_normalize__(
|
|
26
|
-
{ render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
|
|
27
|
-
__vue_inject_styles__,
|
|
28
|
-
{},
|
|
29
|
-
__vue_scope_id__,
|
|
30
|
-
__vue_is_functional_template__,
|
|
31
|
-
__vue_module_identifier__,
|
|
32
|
-
false,
|
|
33
|
-
undefined,
|
|
34
|
-
undefined,
|
|
35
|
-
undefined
|
|
36
|
-
);
|
|
37
|
-
|
|
38
|
-
export default __vue_component__;
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
|
|
2
|
-
|
|
3
|
-
/* script */
|
|
4
|
-
|
|
5
|
-
/* template */
|
|
6
|
-
var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('gl-accordion',{attrs:{"header-level":4}},[_c('gl-accordion-item',{attrs:{"title":"Item 1"}},[_vm._v("\n Lorem ipsum dolor sit amet consectetur adipisicing elit. Aperiam, a!\n ")]),_vm._v(" "),_c('gl-accordion-item',{attrs:{"title":"Item 2"}},[_vm._v("\n Lorem ipsum dolor, sit amet consectetur adipisicing elit. Debitis tenetur ipsa quos ullam\n quibusdam blanditiis libero voluptas delectus corporis vitae.\n ")]),_vm._v(" "),_c('gl-accordion-item',{attrs:{"title":"Initially Visible","visible":""}},[_vm._v("\n I am visible initially and expanded on start.\n ")])],1)};
|
|
7
|
-
var __vue_staticRenderFns__ = [];
|
|
8
|
-
|
|
9
|
-
/* style */
|
|
10
|
-
const __vue_inject_styles__ = undefined;
|
|
11
|
-
/* scoped */
|
|
12
|
-
const __vue_scope_id__ = undefined;
|
|
13
|
-
/* module identifier */
|
|
14
|
-
const __vue_module_identifier__ = undefined;
|
|
15
|
-
/* functional template */
|
|
16
|
-
const __vue_is_functional_template__ = false;
|
|
17
|
-
/* style inject */
|
|
18
|
-
|
|
19
|
-
/* style inject SSR */
|
|
20
|
-
|
|
21
|
-
/* style inject shadow dom */
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
const __vue_component__ = __vue_normalize__(
|
|
26
|
-
{ render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
|
|
27
|
-
__vue_inject_styles__,
|
|
28
|
-
{},
|
|
29
|
-
__vue_scope_id__,
|
|
30
|
-
__vue_is_functional_template__,
|
|
31
|
-
__vue_module_identifier__,
|
|
32
|
-
false,
|
|
33
|
-
undefined,
|
|
34
|
-
undefined,
|
|
35
|
-
undefined
|
|
36
|
-
);
|
|
37
|
-
|
|
38
|
-
export default __vue_component__;
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import AccordionAutoCollapseExample from './accordion.auto_collapse.example';
|
|
2
|
-
import AccordionBasicExample from './accordion.basic.example';
|
|
3
|
-
import AccordionInitialVisibleExample from './accordion.initial_visible.example';
|
|
4
|
-
|
|
5
|
-
var index = [{
|
|
6
|
-
name: 'Basic',
|
|
7
|
-
items: [{
|
|
8
|
-
id: 'accordion-basic',
|
|
9
|
-
name: 'Basic',
|
|
10
|
-
description: 'Basic Accordion',
|
|
11
|
-
component: AccordionBasicExample
|
|
12
|
-
}, {
|
|
13
|
-
id: 'accordion-initial-visible',
|
|
14
|
-
name: 'Initial Visible',
|
|
15
|
-
description: 'Initial visibility (start expanded)',
|
|
16
|
-
component: AccordionInitialVisibleExample
|
|
17
|
-
}, {
|
|
18
|
-
id: 'accordion-auto-collapse',
|
|
19
|
-
name: 'Auto Collapse',
|
|
20
|
-
description: 'Auto collapse in an accordion group',
|
|
21
|
-
component: AccordionAutoCollapseExample
|
|
22
|
-
}]
|
|
23
|
-
}];
|
|
24
|
-
|
|
25
|
-
export default index;
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
|
|
2
|
-
|
|
3
|
-
/* script */
|
|
4
|
-
|
|
5
|
-
/* template */
|
|
6
|
-
var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('gl-card',{attrs:{"title":"Basic Card"}},[_vm._v("Hello World")])};
|
|
7
|
-
var __vue_staticRenderFns__ = [];
|
|
8
|
-
|
|
9
|
-
/* style */
|
|
10
|
-
const __vue_inject_styles__ = undefined;
|
|
11
|
-
/* scoped */
|
|
12
|
-
const __vue_scope_id__ = undefined;
|
|
13
|
-
/* module identifier */
|
|
14
|
-
const __vue_module_identifier__ = undefined;
|
|
15
|
-
/* functional template */
|
|
16
|
-
const __vue_is_functional_template__ = false;
|
|
17
|
-
/* style inject */
|
|
18
|
-
|
|
19
|
-
/* style inject SSR */
|
|
20
|
-
|
|
21
|
-
/* style inject shadow dom */
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
const __vue_component__ = __vue_normalize__(
|
|
26
|
-
{ render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
|
|
27
|
-
__vue_inject_styles__,
|
|
28
|
-
{},
|
|
29
|
-
__vue_scope_id__,
|
|
30
|
-
__vue_is_functional_template__,
|
|
31
|
-
__vue_module_identifier__,
|
|
32
|
-
false,
|
|
33
|
-
undefined,
|
|
34
|
-
undefined,
|
|
35
|
-
undefined
|
|
36
|
-
);
|
|
37
|
-
|
|
38
|
-
export default __vue_component__;
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
|
|
2
|
-
|
|
3
|
-
/* script */
|
|
4
|
-
|
|
5
|
-
/* template */
|
|
6
|
-
var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('gl-card',{scopedSlots:_vm._u([{key:"header",fn:function(){return [_c('h3',{staticClass:"gl-my-0 gl-font-weight-bold"},[_vm._v("This is a custom header")])]},proxy:true},{key:"footer",fn:function(){return [_c('span',[_vm._v("This is a custom footer")])]},proxy:true}])},[_vm._v("\n Hello World\n ")])};
|
|
7
|
-
var __vue_staticRenderFns__ = [];
|
|
8
|
-
|
|
9
|
-
/* style */
|
|
10
|
-
const __vue_inject_styles__ = undefined;
|
|
11
|
-
/* scoped */
|
|
12
|
-
const __vue_scope_id__ = undefined;
|
|
13
|
-
/* module identifier */
|
|
14
|
-
const __vue_module_identifier__ = undefined;
|
|
15
|
-
/* functional template */
|
|
16
|
-
const __vue_is_functional_template__ = false;
|
|
17
|
-
/* style inject */
|
|
18
|
-
|
|
19
|
-
/* style inject SSR */
|
|
20
|
-
|
|
21
|
-
/* style inject shadow dom */
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
const __vue_component__ = __vue_normalize__(
|
|
26
|
-
{ render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
|
|
27
|
-
__vue_inject_styles__,
|
|
28
|
-
{},
|
|
29
|
-
__vue_scope_id__,
|
|
30
|
-
__vue_is_functional_template__,
|
|
31
|
-
__vue_module_identifier__,
|
|
32
|
-
false,
|
|
33
|
-
undefined,
|
|
34
|
-
undefined,
|
|
35
|
-
undefined
|
|
36
|
-
);
|
|
37
|
-
|
|
38
|
-
export default __vue_component__;
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import CardBasicExample from './card.basic.example';
|
|
2
|
-
import CardHeaderFooter from './card.headerfooter.example';
|
|
3
|
-
|
|
4
|
-
var index = [{
|
|
5
|
-
name: 'Basic',
|
|
6
|
-
items: [{
|
|
7
|
-
id: 'card-basic',
|
|
8
|
-
name: 'Basic',
|
|
9
|
-
description: 'Basic Card',
|
|
10
|
-
component: CardBasicExample
|
|
11
|
-
}, {
|
|
12
|
-
id: 'card-with-header-footer',
|
|
13
|
-
name: 'Card with Header and Footer',
|
|
14
|
-
description: 'Card with Header and Footer',
|
|
15
|
-
component: CardHeaderFooter
|
|
16
|
-
}]
|
|
17
|
-
}];
|
|
18
|
-
|
|
19
|
-
export default index;
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import examples from './examples';
|
|
2
|
-
|
|
3
|
-
var description = "# Daterange Picker\n\n<!-- STORY -->\n\n## Usage\n\nDaterange picker allows users to choose a date range by manually typing the start/end date\ninto the input fields or by using a calendar-like dropdown.\n\nA `maxDateRange` can be specified in order to limit the maximum number of days the component\nwill allow to be selected i.e. if the start date is `2020-08-01` and `maxDateRange` is set to `10`,\nthe highest selectable end date would be `2020-08-11`. This value will be offset by `1` if\n`sameDaySelection` is set to `true`. A `defaultMaxDate` will need to be\nprovided when making use of the `maxDateRange`.\n\nBy default, the component does not allow selection of the same start and end date.\nIn a scenario where this is required, the `sameDaySelection` property can be configured.\nThis is specifically useful when a single day selection is being defined as `2020-01-01 00:00:00`\nto `2020-01-01 23:59:59` instead of `2020-01-01 00:00:00` to `2020-01-02 00:00:00`.\n\nWhen `maxDateRange` is set it's a good idea to set the `tooltip` specifying the date range limit\nand to indicate the number of days currently selected using the default slot. For example:\n\n```vue\n<template #default=\"{ daysSelected }\">\n <span v-if=\"daysSelected > -1\">{{ daysSelected }} days selected</span>\n <span v-else>No days selected</span>\n</template>\n```\n\nThe `daysSelected` slot prop is the effective date range, thus the value is increased by one when\n`sameDaySelection` is set to `true`. When no date range has been selected the value is `-1`.\n\n### Note\n\nIf specifying a maxDateRange, it is good practice to include a date range indicator and toolip.\n";
|
|
4
|
-
|
|
5
|
-
var daterange_picker_documentation = {
|
|
6
|
-
followsDesignSystem: true,
|
|
7
|
-
description,
|
|
8
|
-
examples,
|
|
9
|
-
events: [{
|
|
10
|
-
event: 'start-picker-open',
|
|
11
|
-
description: 'Emitted when the start date datepicker becomes visible.'
|
|
12
|
-
}, {
|
|
13
|
-
event: 'start-picker-close',
|
|
14
|
-
description: 'Emitted when the start date datepicker is hidden.'
|
|
15
|
-
}, {
|
|
16
|
-
event: 'end-picker-open',
|
|
17
|
-
description: 'Emitted when the end date datepicker becomes visible.'
|
|
18
|
-
}, {
|
|
19
|
-
event: 'end-picker-close',
|
|
20
|
-
description: 'Emitted when the end date datepicker is hidden.'
|
|
21
|
-
}],
|
|
22
|
-
slots: [{
|
|
23
|
-
name: 'default',
|
|
24
|
-
description: 'Content to display for days selected. The value is -1 when no date range is selected.',
|
|
25
|
-
scopedProps: 'daysSelected (Number)'
|
|
26
|
-
}]
|
|
27
|
-
};
|
|
28
|
-
|
|
29
|
-
export default daterange_picker_documentation;
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
|
|
2
|
-
|
|
3
|
-
var script = {
|
|
4
|
-
data() {
|
|
5
|
-
return {
|
|
6
|
-
defaultStartDate: null,
|
|
7
|
-
defaultEndDate: null
|
|
8
|
-
};
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
};
|
|
12
|
-
|
|
13
|
-
/* script */
|
|
14
|
-
const __vue_script__ = script;
|
|
15
|
-
|
|
16
|
-
/* template */
|
|
17
|
-
var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('gl-daterange-picker',{staticClass:"d-flex"})};
|
|
18
|
-
var __vue_staticRenderFns__ = [];
|
|
19
|
-
|
|
20
|
-
/* style */
|
|
21
|
-
const __vue_inject_styles__ = undefined;
|
|
22
|
-
/* scoped */
|
|
23
|
-
const __vue_scope_id__ = undefined;
|
|
24
|
-
/* module identifier */
|
|
25
|
-
const __vue_module_identifier__ = undefined;
|
|
26
|
-
/* functional template */
|
|
27
|
-
const __vue_is_functional_template__ = false;
|
|
28
|
-
/* style inject */
|
|
29
|
-
|
|
30
|
-
/* style inject SSR */
|
|
31
|
-
|
|
32
|
-
/* style inject shadow dom */
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
const __vue_component__ = __vue_normalize__(
|
|
37
|
-
{ render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
|
|
38
|
-
__vue_inject_styles__,
|
|
39
|
-
__vue_script__,
|
|
40
|
-
__vue_scope_id__,
|
|
41
|
-
__vue_is_functional_template__,
|
|
42
|
-
__vue_module_identifier__,
|
|
43
|
-
false,
|
|
44
|
-
undefined,
|
|
45
|
-
undefined,
|
|
46
|
-
undefined
|
|
47
|
-
);
|
|
48
|
-
|
|
49
|
-
export default __vue_component__;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import DaterangePickerBasicExample from './daterange_picker.basic.example';
|
|
2
|
-
|
|
3
|
-
var index = [{
|
|
4
|
-
name: 'Daterange Picker',
|
|
5
|
-
items: [{
|
|
6
|
-
id: 'basic-daterange-picker',
|
|
7
|
-
name: 'Basic daterange picker',
|
|
8
|
-
component: DaterangePickerBasicExample
|
|
9
|
-
}]
|
|
10
|
-
}];
|
|
11
|
-
|
|
12
|
-
export default index;
|
|
@@ -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
|
-
checked: true
|
|
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-checkbox',{model:{value:(_vm.checked),callback:function ($$v) {_vm.checked=$$v;},expression:"checked"}},[_vm._v("Checked Form Checkbox")])};
|
|
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__;
|
package/dist/components/base/form/form_checkbox/examples/form_checkbox.checked_disabled.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
|
-
checked: true
|
|
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-checkbox',{attrs:{"disabled":""},model:{value:(_vm.checked),callback:function ($$v) {_vm.checked=$$v;},expression:"checked"}},[_vm._v("Disabled and Checked Form Checkbox")])};
|
|
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,38 +0,0 @@
|
|
|
1
|
-
import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
|
|
2
|
-
|
|
3
|
-
/* script */
|
|
4
|
-
|
|
5
|
-
/* template */
|
|
6
|
-
var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('gl-form-checkbox',{attrs:{"disabled":""}},[_vm._v("Disabled Form Checkbox")])};
|
|
7
|
-
var __vue_staticRenderFns__ = [];
|
|
8
|
-
|
|
9
|
-
/* style */
|
|
10
|
-
const __vue_inject_styles__ = undefined;
|
|
11
|
-
/* scoped */
|
|
12
|
-
const __vue_scope_id__ = undefined;
|
|
13
|
-
/* module identifier */
|
|
14
|
-
const __vue_module_identifier__ = undefined;
|
|
15
|
-
/* functional template */
|
|
16
|
-
const __vue_is_functional_template__ = false;
|
|
17
|
-
/* style inject */
|
|
18
|
-
|
|
19
|
-
/* style inject SSR */
|
|
20
|
-
|
|
21
|
-
/* style inject shadow dom */
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
const __vue_component__ = __vue_normalize__(
|
|
26
|
-
{ render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
|
|
27
|
-
__vue_inject_styles__,
|
|
28
|
-
{},
|
|
29
|
-
__vue_scope_id__,
|
|
30
|
-
__vue_is_functional_template__,
|
|
31
|
-
__vue_module_identifier__,
|
|
32
|
-
false,
|
|
33
|
-
undefined,
|
|
34
|
-
undefined,
|
|
35
|
-
undefined
|
|
36
|
-
);
|
|
37
|
-
|
|
38
|
-
export default __vue_component__;
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
|
|
2
|
-
|
|
3
|
-
/* script */
|
|
4
|
-
|
|
5
|
-
/* template */
|
|
6
|
-
var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('gl-form-checkbox',{scopedSlots:_vm._u([{key:"help",fn:function(){return [_vm._v("Help text")]},proxy:true}])},[_vm._v("\n Checkbox with help text\n ")])};
|
|
7
|
-
var __vue_staticRenderFns__ = [];
|
|
8
|
-
|
|
9
|
-
/* style */
|
|
10
|
-
const __vue_inject_styles__ = undefined;
|
|
11
|
-
/* scoped */
|
|
12
|
-
const __vue_scope_id__ = undefined;
|
|
13
|
-
/* module identifier */
|
|
14
|
-
const __vue_module_identifier__ = undefined;
|
|
15
|
-
/* functional template */
|
|
16
|
-
const __vue_is_functional_template__ = false;
|
|
17
|
-
/* style inject */
|
|
18
|
-
|
|
19
|
-
/* style inject SSR */
|
|
20
|
-
|
|
21
|
-
/* style inject shadow dom */
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
const __vue_component__ = __vue_normalize__(
|
|
26
|
-
{ render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
|
|
27
|
-
__vue_inject_styles__,
|
|
28
|
-
{},
|
|
29
|
-
__vue_scope_id__,
|
|
30
|
-
__vue_is_functional_template__,
|
|
31
|
-
__vue_module_identifier__,
|
|
32
|
-
false,
|
|
33
|
-
undefined,
|
|
34
|
-
undefined,
|
|
35
|
-
undefined
|
|
36
|
-
);
|
|
37
|
-
|
|
38
|
-
export default __vue_component__;
|
package/dist/components/base/form/form_checkbox/examples/form_checkbox.indeterminant.example.js
DELETED
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
|
|
2
|
-
|
|
3
|
-
/* script */
|
|
4
|
-
|
|
5
|
-
/* template */
|
|
6
|
-
var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('gl-form-checkbox',{attrs:{"indeterminate":true}},[_vm._v("Indeterminate status")])};
|
|
7
|
-
var __vue_staticRenderFns__ = [];
|
|
8
|
-
|
|
9
|
-
/* style */
|
|
10
|
-
const __vue_inject_styles__ = undefined;
|
|
11
|
-
/* scoped */
|
|
12
|
-
const __vue_scope_id__ = undefined;
|
|
13
|
-
/* module identifier */
|
|
14
|
-
const __vue_module_identifier__ = undefined;
|
|
15
|
-
/* functional template */
|
|
16
|
-
const __vue_is_functional_template__ = false;
|
|
17
|
-
/* style inject */
|
|
18
|
-
|
|
19
|
-
/* style inject SSR */
|
|
20
|
-
|
|
21
|
-
/* style inject shadow dom */
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
const __vue_component__ = __vue_normalize__(
|
|
26
|
-
{ render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
|
|
27
|
-
__vue_inject_styles__,
|
|
28
|
-
{},
|
|
29
|
-
__vue_scope_id__,
|
|
30
|
-
__vue_is_functional_template__,
|
|
31
|
-
__vue_module_identifier__,
|
|
32
|
-
false,
|
|
33
|
-
undefined,
|
|
34
|
-
undefined,
|
|
35
|
-
undefined
|
|
36
|
-
);
|
|
37
|
-
|
|
38
|
-
export default __vue_component__;
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
|
|
2
|
-
|
|
3
|
-
/* script */
|
|
4
|
-
|
|
5
|
-
/* template */
|
|
6
|
-
var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('gl-form-checkbox',[_vm._v("Unchecked Form Checkbox")])};
|
|
7
|
-
var __vue_staticRenderFns__ = [];
|
|
8
|
-
|
|
9
|
-
/* style */
|
|
10
|
-
const __vue_inject_styles__ = undefined;
|
|
11
|
-
/* scoped */
|
|
12
|
-
const __vue_scope_id__ = undefined;
|
|
13
|
-
/* module identifier */
|
|
14
|
-
const __vue_module_identifier__ = undefined;
|
|
15
|
-
/* functional template */
|
|
16
|
-
const __vue_is_functional_template__ = false;
|
|
17
|
-
/* style inject */
|
|
18
|
-
|
|
19
|
-
/* style inject SSR */
|
|
20
|
-
|
|
21
|
-
/* style inject shadow dom */
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
const __vue_component__ = __vue_normalize__(
|
|
26
|
-
{ render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
|
|
27
|
-
__vue_inject_styles__,
|
|
28
|
-
{},
|
|
29
|
-
__vue_scope_id__,
|
|
30
|
-
__vue_is_functional_template__,
|
|
31
|
-
__vue_module_identifier__,
|
|
32
|
-
false,
|
|
33
|
-
undefined,
|
|
34
|
-
undefined,
|
|
35
|
-
undefined
|
|
36
|
-
);
|
|
37
|
-
|
|
38
|
-
export default __vue_component__;
|
|
@@ -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
|
-
status: 'not-accepted'
|
|
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-checkbox',{attrs:{"value":"accepted","unchecked-value":"not-accepted"},model:{value:(_vm.status),callback:function ($$v) {_vm.status=$$v;},expression:"status"}},[_vm._v("\n Accepted or Not Accepted\n")])};
|
|
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__;
|