@gitlab/ui 37.1.0 → 37.4.0

package/dist/components/base/form/form_group/examples/form_group/form_group.validation.example.js

@@ -1,66 +0,0 @@
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
-
-var script = {
-  data() {
-    return {
-      name: ''
-    };
-  },
-
-  computed: {
-    state() {
-      return this.name.length >= 4;
-    },
-
-    invalidFeedback() {
-      let feedbackText = 'This field is required.';
-
-      if (this.name.length > 4) {
-        feedbackText = '';
-      } else if (this.name.length > 0) {
-        feedbackText = 'Enter at least 4 characters.';
-      }
-
-      return feedbackText;
-    }
-
-  }
-};
-
-/* 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-form-group',{attrs:{"label":"Name","description":"Enter a first and last name.","invalid-feedback":_vm.invalidFeedback,"state":_vm.state,"label-for":"input1"}},[_c('gl-form-input',{attrs:{"id":"input1","state":_vm.state},model:{value:(_vm.name),callback:function ($$v) {_vm.name=(typeof $$v === 'string'? $$v.trim(): $$v);},expression:"name"}})],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/form/form_group/examples/form_group/index.js

@@ -1,27 +0,0 @@
-import FormGroupBasicExample from './form_group.basic.example';
-import FormGroupDisabledExample from './form_group.disabled.example';
-import FormGroupTextareaExample from './form_group.textarea.example';
-import FormGroupValidationExample from './form_group.validation.example';
-
-var index = [{
-  name: 'Form Group',
-  items: [{
-    id: 'form-group',
-    name: 'basic example',
-    component: FormGroupBasicExample
-  }, {
-    id: 'form-group-validations',
-    name: 'with validations',
-    component: FormGroupValidationExample
-  }, {
-    id: 'form-group-disabled',
-    name: 'disabled',
-    component: FormGroupDisabledExample
-  }, {
-    id: 'form-group-textarea',
-    name: 'textarea',
-    component: FormGroupTextareaExample
-  }]
-}];
-
-export default index;

package/dist/components/base/form/form_input_group/examples/form_input_group.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('gl-form-input-group',{scopedSlots:_vm._u([{key:"prepend",fn:function(){return [_c('gl-input-group-text',[_vm._v("Username")])]},proxy:true},{key:"append",fn:function(){return [_c('gl-button',{attrs:{"variant":"success"}},[_vm._v("Add")])]},proxy:true}])})};
-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/base/form/form_input_group/examples/form_input_group.predefined_options.example.js

@@ -1,54 +0,0 @@
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
-
-var script = {
-  data() {
-    return {
-      optionValues: [{
-        name: 'Embed',
-        value: 'https://embed.com'
-      }, {
-        name: 'Share',
-        value: 'https://share.org'
-      }]
-    };
-  }
-
-};
-
-/* 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-form-input-group',{attrs:{"predefined-options":_vm.optionValues},scopedSlots:_vm._u([{key:"append",fn:function(){return [_c('gl-button',{attrs:{"variant":"success"}},[_vm._v("Add")])]},proxy:true}])})};
-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/form/form_input_group/examples/form_input_group.predefined_reactive.example.js

@@ -1,55 +0,0 @@
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
-
-var script = {
-  data() {
-    return {
-      testVal: 'foo',
-      optionValues: [{
-        name: 'Embed',
-        value: 'https://embed.com'
-      }, {
-        name: 'Share',
-        value: 'https://share.org'
-      }]
-    };
-  }
-
-};
-
-/* 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('label',[_vm._v("\n      Data outside of the component\n      "),_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.testVal),expression:"testVal"}],staticClass:"gl-form-input",attrs:{"type":"text"},domProps:{"value":(_vm.testVal)},on:{"input":function($event){if($event.target.composing){ return; }_vm.testVal=$event.target.value;}}})]),_vm._v(" "),_c('gl-form-input-group',{attrs:{"predefined-options":_vm.optionValues},scopedSlots:_vm._u([{key:"append",fn:function(){return [_c('gl-button',{attrs:{"variant":"success"}},[_vm._v("Add")])]},proxy:true}]),model:{value:(_vm.testVal),callback:function ($$v) {_vm.testVal=$$v;},expression:"testVal"}})],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/form/form_input_group/examples/form_input_group.reactive.example.js

@@ -1,48 +0,0 @@
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
-
-var script = {
-  data() {
-    return {
-      testVal: 'foo'
-    };
-  }
-
-};
-
-/* 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('label',[_vm._v("\n    Data outside of the component\n    "),_c('gl-form-input',{attrs:{"type":"text"},model:{value:(_vm.testVal),callback:function ($$v) {_vm.testVal=$$v;},expression:"testVal"}})],1),_vm._v(" "),_c('gl-form-input-group',{scopedSlots:_vm._u([{key:"prepend",fn:function(){return [_c('gl-input-group-text',[_vm._v("Username")])]},proxy:true},{key:"append",fn:function(){return [_c('gl-button',{attrs:{"variant":"success"}},[_vm._v("Add")])]},proxy:true}]),model:{value:(_vm.testVal),callback:function ($$v) {_vm.testVal=$$v;},expression:"testVal"}})],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/form/form_input_group/examples/index.js

@@ -1,27 +0,0 @@
-import BasicExample from './form_input_group.basic.example';
-import PredefinedOptionsExample from './form_input_group.predefined_options.example';
-import PredefinedReactiveExample from './form_input_group.predefined_reactive.example';
-import ReactiveExample from './form_input_group.reactive.example';
-
-var index = [{
-  name: 'Text Input Group',
-  items: [{
-    id: 'input-text-group',
-    name: 'Basic',
-    component: BasicExample
-  }, {
-    id: 'input-text-group-reactive',
-    name: 'Reactive update of/from the component',
-    component: ReactiveExample
-  }, {
-    id: 'input-text-group-predefined-options',
-    name: 'With predefined options',
-    component: PredefinedOptionsExample
-  }, {
-    id: 'input-text-group-predefined-reactive',
-    name: 'With predefined options and reactive updates',
-    component: PredefinedReactiveExample
-  }]
-}];
-
-export default index;

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

@@ -1,22 +0,0 @@
-import SearchBoxByClickDefaultExample from './search_box_by_click.default.example';
-import SearchBoxByClickHistoryExample from './search_box_by_click.history.example';
-import SearchBoxByClickVModelExample from './search_box_by_click.v_model.example';
-
-var index = [{
-  name: 'Search Box By Click',
-  items: [{
-    id: 'search-box-by-click',
-    name: 'default',
-    component: SearchBoxByClickDefaultExample
-  }, {
-    id: 'search-box-by-click-v-model',
-    name: 'Using v-model',
-    component: SearchBoxByClickVModelExample
-  }, {
-    id: 'search-box-by-click-with-history',
-    name: 'with history',
-    component: SearchBoxByClickHistoryExample
-  }]
-}];
-
-export default index;

package/dist/components/base/search_box_by_click/examples/search_box_by_click.default.example.js

@@ -1,48 +0,0 @@
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
-
-var script = {
-  data() {
-    return {
-      value: ''
-    };
-  }
-
-};
-
-/* 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',{attrs:{"id":"tooltipcontainer"}},[_c('gl-search-box-by-click',{attrs:{"tooltip-container":"#tooltipcontainer"},model:{value:(_vm.value),callback:function ($$v) {_vm.value=$$v;},expression:"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/search_box_by_click/examples/search_box_by_click.history.example.js

@@ -1,51 +0,0 @@
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
-
-var script = {
-  data() {
-    return {
-      value: '',
-      history: ['author:@admin', 'assignee:@admin milestone:%12.5', 'label:~test']
-    };
-  }
-
-};
-
-/* 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',{attrs:{"id":"tooltipcontainer"}},[_c('gl-search-box-by-click',{attrs:{"history-items":_vm.history,"tooltip-container":"#tooltipcontainer"},scopedSlots:_vm._u([{key:"history-item",fn:function(ref){
-var historyItem = ref.historyItem;
-return [_vm._v("\n      "+_vm._s(historyItem)+"\n    ")]}}]),model:{value:(_vm.value),callback:function ($$v) {_vm.value=$$v;},expression:"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/search_box_by_click/examples/search_box_by_click.v_model.example.js

@@ -1,54 +0,0 @@
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
-
-var script = {
-  data() {
-    return {
-      text: ''
-    };
-  },
-
-  methods: {
-    setText() {
-      this.text = 'Something else';
-    }
-
-  }
-};
-
-/* 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',{attrs:{"id":"tooltipcontainer"}},[_c('gl-search-box-by-click',{attrs:{"tooltip-container":"#tooltipcontainer"},model:{value:(_vm.text),callback:function ($$v) {_vm.text=$$v;},expression:"text"}}),_vm._v(" "),_c('gl-button',{staticClass:"gl-mt-4",on:{"click":_vm.setText}},[_vm._v("Click here to set text to \"Something else\" using v-model")])],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/search_box_by_type/examples/index.js

@@ -1,17 +0,0 @@
-import SearchBoxByTypeDefaultExample from './search_box_by_type.default.example';
-import SearchBoxByTypeLoadingExample from './search_box_by_type.loading.example';
-
-var index = [{
-  name: 'Search Box By Type',
-  items: [{
-    id: 'search-box-by-type',
-    name: 'default',
-    component: SearchBoxByTypeDefaultExample
-  }, {
-    id: 'search-box-by-type-loading',
-    name: 'loading',
-    component: SearchBoxByTypeLoadingExample
-  }]
-}];
-
-export default index;

package/dist/components/base/search_box_by_type/examples/search_box_by_type.default.example.js

@@ -1,48 +0,0 @@
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
-
-var script = {
-  data() {
-    return {
-      value: ''
-    };
-  }
-
-};
-
-/* 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',{attrs:{"id":"tooltipcontainer"}},[_c('gl-search-box-by-type',{attrs:{"tooltip-container":"#tooltipcontainer"},model:{value:(_vm.value),callback:function ($$v) {_vm.value=$$v;},expression:"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/search_box_by_type/examples/search_box_by_type.loading.example.js

@@ -1,65 +0,0 @@
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
-
-var script = {
-  data() {
-    return {
-      value: '',
-      isLoading: false
-    };
-  },
-
-  watch: {
-    value(newValue) {
-      if (newValue) {
-        clearTimeout(this.loader);
-        this.isLoading = true;
-        this.loader = setTimeout(() => {
-          this.isLoading = false;
-        }, 2000);
-      } else if (this.loader) {
-        this.isLoading = false;
-        clearTimeout(this.loader);
-        this.loader = null;
-      }
-    }
-
-  }
-};
-
-/* 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',{attrs:{"id":"tooltipcontainer"}},[_c('gl-search-box-by-type',{attrs:{"is-loading":_vm.isLoading,"tooltip-container":"#tooltipcontainer"},model:{value:(_vm.value),callback:function ($$v) {_vm.value=$$v;},expression:"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/directives/resize_observer/examples/index.js

@@ -1,12 +0,0 @@
-import BasicExample from './resize_observer.basic.example';
-
-var index = [{
-  name: 'ResizeObserver directive',
-  items: [{
-    id: 'resize-observer-directive-example',
-    name: 'ResizeObserver directive example',
-    component: BasicExample
-  }]
-}];
-
-export default index;