@gitlab/ui 32.46.0 → 32.50.0

package/dist/components/base/keyset_pagination/examples/keyset_pagination.internationalization.example.js

@@ -1,59 +0,0 @@
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
-
-var script = {
-  data() {
-    return {
-      pageInfo: {
-        hasPreviousPage: true,
-        hasNextPage: true
-      }
-    };
-  },
-
-  methods: {
-    // Stub version of our i18n function in GitLab
-    // eslint-disable-next-line no-underscore-dangle
-    __(text) {
-      return text;
-    }
-
-  }
-};
-
-/* script */
-const __vue_script__ = script;
-
-/* template */
-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))};
-var __vue_staticRenderFns__ = [];
-
-  /* style */
-  const __vue_inject_styles__ = undefined;
-  /* scoped */
-  const __vue_scope_id__ = undefined;
-  /* module identifier */
-  const __vue_module_identifier__ = undefined;
-  /* functional template */
-  const __vue_is_functional_template__ = false;
-  /* style inject */
-  
-  /* style inject SSR */
-  
-  /* style inject shadow dom */
-  
-
-  
-  const __vue_component__ = __vue_normalize__(
-    { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
-    __vue_inject_styles__,
-    __vue_script__,
-    __vue_scope_id__,
-    __vue_is_functional_template__,
-    __vue_module_identifier__,
-    false,
-    undefined,
-    undefined,
-    undefined
-  );
-
-export default __vue_component__;

package/dist/components/base/keyset_pagination/examples/keyset_pagination.links.example.js

@@ -1,51 +0,0 @@
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
-
-var script = {
-  data() {
-    return {
-      pageInfo: {
-        hasPreviousPage: true,
-        hasNextPage: true
-      }
-    };
-  }
-
-};
-
-/* script */
-const __vue_script__ = script;
-
-/* template */
-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))};
-var __vue_staticRenderFns__ = [];
-
-  /* style */
-  const __vue_inject_styles__ = undefined;
-  /* scoped */
-  const __vue_scope_id__ = undefined;
-  /* module identifier */
-  const __vue_module_identifier__ = undefined;
-  /* functional template */
-  const __vue_is_functional_template__ = false;
-  /* style inject */
-  
-  /* style inject SSR */
-  
-  /* style inject shadow dom */
-  
-
-  
-  const __vue_component__ = __vue_normalize__(
-    { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
-    __vue_inject_styles__,
-    __vue_script__,
-    __vue_scope_id__,
-    __vue_is_functional_template__,
-    __vue_module_identifier__,
-    false,
-    undefined,
-    undefined,
-    undefined
-  );
-
-export default __vue_component__;

package/dist/components/base/keyset_pagination/examples/keyset_pagination.slots.example.js

@@ -1,51 +0,0 @@
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
-
-var script = {
-  data() {
-    return {
-      pageInfo: {
-        hasPreviousPage: true,
-        hasNextPage: true
-      }
-    };
-  }
-
-};
-
-/* script */
-const __vue_script__ = script;
-
-/* template */
-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))};
-var __vue_staticRenderFns__ = [];
-
-  /* style */
-  const __vue_inject_styles__ = undefined;
-  /* scoped */
-  const __vue_scope_id__ = undefined;
-  /* module identifier */
-  const __vue_module_identifier__ = undefined;
-  /* functional template */
-  const __vue_is_functional_template__ = false;
-  /* style inject */
-  
-  /* style inject SSR */
-  
-  /* style inject shadow dom */
-  
-
-  
-  const __vue_component__ = __vue_normalize__(
-    { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
-    __vue_inject_styles__,
-    __vue_script__,
-    __vue_scope_id__,
-    __vue_is_functional_template__,
-    __vue_module_identifier__,
-    false,
-    undefined,
-    undefined,
-    undefined
-  );
-
-export default __vue_component__;

package/dist/components/base/modal/examples/index.js

@@ -1,31 +0,0 @@
-import ModalBasicExample from './modal.basic.example';
-import ModalDisabledExample from './modal.disabled.example';
-import ModalSizesExample from './modal.sizes.example';
-
-var index = [{
-  name: 'Basic',
-  items: [{
-    id: 'modal-basic',
-    name: 'Basic',
-    description: 'Basic Modal',
-    component: ModalBasicExample
-  }]
-}, {
-  name: 'Disabled',
-  items: [{
-    id: 'modal-disabled',
-    name: 'Disabled',
-    description: 'Disabled Modal',
-    component: ModalDisabledExample
-  }]
-}, {
-  name: 'Sizes',
-  items: [{
-    id: 'modal-sizes',
-    name: 'Sizes',
-    description: 'Modal Sizes',
-    component: ModalSizesExample
-  }]
-}];
-
-export default index;

package/dist/components/base/modal/examples/modal.basic.example.js

@@ -1,62 +0,0 @@
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
-
-var script = {
-  computed: {
-    primaryProps() {
-      return {
-        text: 'Okay'
-      };
-    },
-
-    secondaryProps() {
-      return {
-        text: 'Secondary'
-      };
-    },
-
-    cancelProps() {
-      return {
-        text: 'Cancel'
-      };
-    }
-
-  }
-};
-
-/* script */
-const __vue_script__ = script;
-
-/* template */
-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)};
-var __vue_staticRenderFns__ = [];
-
-  /* style */
-  const __vue_inject_styles__ = undefined;
-  /* scoped */
-  const __vue_scope_id__ = undefined;
-  /* module identifier */
-  const __vue_module_identifier__ = undefined;
-  /* functional template */
-  const __vue_is_functional_template__ = false;
-  /* style inject */
-  
-  /* style inject SSR */
-  
-  /* style inject shadow dom */
-  
-
-  
-  const __vue_component__ = __vue_normalize__(
-    { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
-    __vue_inject_styles__,
-    __vue_script__,
-    __vue_scope_id__,
-    __vue_is_functional_template__,
-    __vue_module_identifier__,
-    false,
-    undefined,
-    undefined,
-    undefined
-  );
-
-export default __vue_component__;

package/dist/components/base/modal/examples/modal.disabled.example.js

@@ -1,89 +0,0 @@
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
-
-var script = {
-  data() {
-    return {
-      enteredText: ''
-    };
-  },
-
-  computed: {
-    primaryProps() {
-      return {
-        text: 'Okay',
-        attributes: [{
-          disabled: !this.canSubmit
-        }, {
-          variant: 'confirm'
-        }]
-      };
-    },
-
-    secondaryProps() {
-      return {
-        text: 'Secondary',
-        attributes: [{
-          disabled: !this.canSubmit
-        }, {
-          variant: 'confirm',
-          category: 'secondary'
-        }]
-      };
-    },
-
-    cancelProps() {
-      return {
-        text: 'Cancel'
-      };
-    },
-
-    canSubmit() {
-      return this.enteredText === 'gitlab';
-    }
-
-  },
-  methods: {
-    clearInput() {
-      this.enteredText = '';
-    }
-
-  }
-};
-
-/* script */
-const __vue_script__ = script;
-
-/* template */
-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},on:{"primary":_vm.clearInput,"secondary":_vm.clearInput,"cancel":_vm.clearInput}},[_c('p',[_vm._v("Enter \"gitlab\" to change the button state.")]),_vm._v(" "),_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.enteredText),expression:"enteredText"}],attrs:{"type":"text"},domProps:{"value":(_vm.enteredText)},on:{"input":function($event){if($event.target.composing){ return; }_vm.enteredText=$event.target.value;}}})])],1)};
-var __vue_staticRenderFns__ = [];
-
-  /* style */
-  const __vue_inject_styles__ = undefined;
-  /* scoped */
-  const __vue_scope_id__ = undefined;
-  /* module identifier */
-  const __vue_module_identifier__ = undefined;
-  /* functional template */
-  const __vue_is_functional_template__ = false;
-  /* style inject */
-  
-  /* style inject SSR */
-  
-  /* style inject shadow dom */
-  
-
-  
-  const __vue_component__ = __vue_normalize__(
-    { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
-    __vue_inject_styles__,
-    __vue_script__,
-    __vue_scope_id__,
-    __vue_is_functional_template__,
-    __vue_module_identifier__,
-    false,
-    undefined,
-    undefined,
-    undefined
-  );
-
-export default __vue_component__;

package/dist/components/base/modal/examples/modal.sizes.example.js

@@ -1,62 +0,0 @@
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
-
-var script = {
-  computed: {
-    primaryProps() {
-      return {
-        text: 'Okay'
-      };
-    },
-
-    secondaryProps() {
-      return {
-        text: 'Secondary'
-      };
-    },
-
-    cancelProps() {
-      return {
-        text: 'Cancel'
-      };
-    }
-
-  }
-};
-
-/* script */
-const __vue_script__ = script;
-
-/* template */
-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:('small-modal-id'),expression:"'small-modal-id'"}],attrs:{"variant":"confirm"}},[_vm._v("Small Modal")]),_vm._v(" "),_c('gl-button',{directives:[{name:"gl-modal-directive",rawName:"v-gl-modal-directive",value:('medium-modal-id'),expression:"'medium-modal-id'"}],attrs:{"variant":"confirm"}},[_vm._v("Default Modal")]),_vm._v(" "),_c('gl-button',{directives:[{name:"gl-modal-directive",rawName:"v-gl-modal-directive",value:('large-modal-id'),expression:"'large-modal-id'"}],attrs:{"variant":"confirm"}},[_vm._v("Large Modal")]),_vm._v(" "),_c('gl-modal',{attrs:{"modal-id":"small-modal-id","title":"Example title","no-fade":"","action-primary":_vm.primaryProps,"action-secondary":_vm.secondaryProps,"action-cancel":_vm.cancelProps,"size":"sm"}},[_c('p',[_vm._v("Small modal: 512px")])]),_vm._v(" "),_c('gl-modal',{attrs:{"modal-id":"medium-modal-id","title":"Example title","no-fade":"","action-primary":_vm.primaryProps,"action-secondary":_vm.secondaryProps,"action-cancel":_vm.cancelProps}},[_c('p',[_vm._v("Medium modal: 768px (default)")])]),_vm._v(" "),_c('gl-modal',{attrs:{"modal-id":"large-modal-id","title":"Example title","no-fade":"","action-primary":_vm.primaryProps,"action-secondary":_vm.secondaryProps,"action-cancel":_vm.cancelProps,"size":"lg"}},[_c('p',[_vm._v("Large modal: 990px")])])],1)};
-var __vue_staticRenderFns__ = [];
-
-  /* style */
-  const __vue_inject_styles__ = undefined;
-  /* scoped */
-  const __vue_scope_id__ = undefined;
-  /* module identifier */
-  const __vue_module_identifier__ = undefined;
-  /* functional template */
-  const __vue_is_functional_template__ = false;
-  /* style inject */
-  
-  /* style inject SSR */
-  
-  /* style inject shadow dom */
-  
-
-  
-  const __vue_component__ = __vue_normalize__(
-    { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
-    __vue_inject_styles__,
-    __vue_script__,
-    __vue_scope_id__,
-    __vue_is_functional_template__,
-    __vue_module_identifier__,
-    false,
-    undefined,
-    undefined,
-    undefined
-  );
-
-export default __vue_component__;

package/dist/components/charts/gauge/examples/gauge.basic.example.js

@@ -1,38 +0,0 @@
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
-
-/* script */
-
-/* template */
-var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('gl-gauge-chart',{attrs:{"value":48,"min":0,"max":100,"thresholds":[38, 82],"split-number":10}})],1)};
-var __vue_staticRenderFns__ = [];
-
-  /* style */
-  const __vue_inject_styles__ = undefined;
-  /* scoped */
-  const __vue_scope_id__ = undefined;
-  /* module identifier */
-  const __vue_module_identifier__ = undefined;
-  /* functional template */
-  const __vue_is_functional_template__ = false;
-  /* style inject */
-  
-  /* style inject SSR */
-  
-  /* style inject shadow dom */
-  
-
-  
-  const __vue_component__ = __vue_normalize__(
-    { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
-    __vue_inject_styles__,
-    {},
-    __vue_scope_id__,
-    __vue_is_functional_template__,
-    __vue_module_identifier__,
-    false,
-    undefined,
-    undefined,
-    undefined
-  );
-
-export default __vue_component__;

package/dist/components/charts/gauge/examples/gauge.no_thresholds.example.js

@@ -1,38 +0,0 @@
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
-
-/* script */
-
-/* template */
-var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('gl-gauge-chart',{attrs:{"value":48,"min":0,"max":100,"split-number":10}})],1)};
-var __vue_staticRenderFns__ = [];
-
-  /* style */
-  const __vue_inject_styles__ = undefined;
-  /* scoped */
-  const __vue_scope_id__ = undefined;
-  /* module identifier */
-  const __vue_module_identifier__ = undefined;
-  /* functional template */
-  const __vue_is_functional_template__ = false;
-  /* style inject */
-  
-  /* style inject SSR */
-  
-  /* style inject shadow dom */
-  
-
-  
-  const __vue_component__ = __vue_normalize__(
-    { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
-    __vue_inject_styles__,
-    {},
-    __vue_scope_id__,
-    __vue_is_functional_template__,
-    __vue_module_identifier__,
-    false,
-    undefined,
-    undefined,
-    undefined
-  );
-
-export default __vue_component__;

package/dist/components/charts/gauge/examples/gauge.no_value.example.js

@@ -1,38 +0,0 @@
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
-
-/* script */
-
-/* template */
-var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('gl-gauge-chart',{attrs:{"min":0,"max":100,"thresholds":[38, 82],"split-number":10}})],1)};
-var __vue_staticRenderFns__ = [];
-
-  /* style */
-  const __vue_inject_styles__ = undefined;
-  /* scoped */
-  const __vue_scope_id__ = undefined;
-  /* module identifier */
-  const __vue_module_identifier__ = undefined;
-  /* functional template */
-  const __vue_is_functional_template__ = false;
-  /* style inject */
-  
-  /* style inject SSR */
-  
-  /* style inject shadow dom */
-  
-
-  
-  const __vue_component__ = __vue_normalize__(
-    { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
-    __vue_inject_styles__,
-    {},
-    __vue_scope_id__,
-    __vue_is_functional_template__,
-    __vue_module_identifier__,
-    false,
-    undefined,
-    undefined,
-    undefined
-  );
-
-export default __vue_component__;

package/dist/components/charts/gauge/examples/gauge.with_text.example.js

@@ -1,38 +0,0 @@
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
-
-/* script */
-
-/* template */
-var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('gl-gauge-chart',{attrs:{"value":48,"text":"48Mbps","min":0,"max":100,"thresholds":[38, 82],"split-number":10}})],1)};
-var __vue_staticRenderFns__ = [];
-
-  /* style */
-  const __vue_inject_styles__ = undefined;
-  /* scoped */
-  const __vue_scope_id__ = undefined;
-  /* module identifier */
-  const __vue_module_identifier__ = undefined;
-  /* functional template */
-  const __vue_is_functional_template__ = false;
-  /* style inject */
-  
-  /* style inject SSR */
-  
-  /* style inject shadow dom */
-  
-
-  
-  const __vue_component__ = __vue_normalize__(
-    { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
-    __vue_inject_styles__,
-    {},
-    __vue_scope_id__,
-    __vue_is_functional_template__,
-    __vue_module_identifier__,
-    false,
-    undefined,
-    undefined,
-    undefined
-  );
-
-export default __vue_component__;

package/dist/components/charts/gauge/examples/index.js

@@ -1,31 +0,0 @@
-import BasicExample from './gauge.basic.example';
-import NoThresholdsExample from './gauge.no_thresholds.example';
-import NoValueExample from './gauge.no_value.example';
-import WithTextExample from './gauge.with_text.example';
-
-var index = [{
-  name: 'Basic',
-  items: [{
-    id: 'gauge-basic',
-    name: 'Basic',
-    description: 'Basic Gauge',
-    component: BasicExample
-  }, {
-    id: 'gauge-no-thresholds',
-    name: 'No thresholds set',
-    description: 'Gauge with no thresholds set',
-    component: NoThresholdsExample
-  }, {
-    id: 'gauge-no-value',
-    name: 'No value set',
-    description: 'Gauge with no value set',
-    component: NoValueExample
-  }, {
-    id: 'gauge-with-text',
-    name: 'With text set',
-    description: 'Gauge with custom text set',
-    component: WithTextExample
-  }]
-}];
-
-export default index;

package/dist/components/charts/tooltip/examples/chart_tooltip.basic.example.js

@@ -1,54 +0,0 @@
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
-
-var script = {
-  data() {
-    return {
-      echartInstance: null
-    };
-  },
-
-  methods: {
-    onCreated(chart) {
-      this.echartInstance = chart;
-    }
-
-  }
-};
-
-/* script */
-const __vue_script__ = script;
-
-/* template */
-var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"position-relative"},[_c('gl-chart',{attrs:{"options":{},"height":100},on:{"created":_vm.onCreated}}),_vm._v(" "),(_vm.echartInstance)?_c('gl-chart-tooltip',{attrs:{"chart":_vm.echartInstance,"show":true,"top":"50%","left":"0px"},scopedSlots:_vm._u([{key:"title",fn:function(){return [_c('div',[_vm._v("Tooltip Title")])]},proxy:true}],null,false,1548852484)},[_vm._v("\n    Basic Tooltip Content\n  ")]):_vm._e()],1)};
-var __vue_staticRenderFns__ = [];
-
-  /* style */
-  const __vue_inject_styles__ = undefined;
-  /* scoped */
-  const __vue_scope_id__ = undefined;
-  /* module identifier */
-  const __vue_module_identifier__ = undefined;
-  /* functional template */
-  const __vue_is_functional_template__ = false;
-  /* style inject */
-  
-  /* style inject SSR */
-  
-  /* style inject shadow dom */
-  
-
-  
-  const __vue_component__ = __vue_normalize__(
-    { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
-    __vue_inject_styles__,
-    __vue_script__,
-    __vue_scope_id__,
-    __vue_is_functional_template__,
-    __vue_module_identifier__,
-    false,
-    undefined,
-    undefined,
-    undefined
-  );
-
-export default __vue_component__;

package/dist/components/charts/tooltip/examples/index.js

@@ -1,13 +0,0 @@
-import ChartTooltipBasicExample from './chart_tooltip.basic.example';
-
-var index = [{
-  name: 'Basic',
-  items: [{
-    id: 'chart-tooltip-basic',
-    name: 'Basic',
-    description: 'Basic Tooltip',
-    component: ChartTooltipBasicExample
-  }]
-}];
-
-export default index;