@gitlab/ui 32.45.1 → 32.49.0

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/stacked_column/examples/index.js

@@ -1,13 +0,0 @@
-import StackedColumnChartBasicExample from './stacked_column.basic.example';
-
-var index = [{
-  name: 'Basic',
-  items: [{
-    id: 'stacked-column-basic',
-    name: 'Basic',
-    description: 'Basic Stacked Column Chart',
-    component: StackedColumnChartBasicExample
-  }]
-}];
-
-export default index;

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

@@ -1,46 +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-stacked-column-chart',{attrs:{"bars":[
-    {
-      name: 'Fun 1',
-      data: [58, 49, 38, 23, 27, 68, 38, 35, 7, 64, 65, 31],
-    },
-    {
-      name: 'Fun 2',
-      data: [8, 6, 34, 19, 9, 7, 17, 25, 14, 7, 10, 32],
-    } ],"group-by":['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],"x-axis-type":"category","x-axis-title":"January - December 2018","y-axis-title":"Commits"}})};
-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/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;

package/dist/components/utilities/intersperse/examples/index.js

@@ -1,31 +0,0 @@
-import IntersperseCustomLastSeparator from './intersperse.custom_last_separator.example';
-import IntersperseCustomLastSeparatorTwoItems from './intersperse.custom_last_separator_two_items.example';
-import IntersperseCustomSeparator from './intersperse.custom_separator.example';
-import Intersperse from './intersperse.default.example';
-
-var index = [{
-  name: 'Basic',
-  items: [{
-    id: 'intersperse-default',
-    name: 'Default Intersperse',
-    description: 'Default intersperse usage',
-    component: Intersperse
-  }, {
-    id: 'intersperse-custom-separator',
-    name: 'Intersperse with custom separator',
-    description: 'Set a custom separator',
-    component: IntersperseCustomSeparator
-  }, {
-    id: 'intersperse-custom-last-separator',
-    name: 'Intersperse with custom last separator',
-    description: 'Set a custom last separator',
-    component: IntersperseCustomLastSeparator
-  }, {
-    id: 'intersperse-custom-last-separator-two-items',
-    name: 'Intersperse with custom last separator and two items',
-    description: 'Set a custom last separator on two items',
-    component: IntersperseCustomLastSeparatorTwoItems
-  }]
-}];
-
-export default index;

package/dist/components/utilities/intersperse/examples/intersperse.custom_last_separator.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-intersperse',{attrs:{"last-separator":" and "}},[_c('span',[_vm._v("Item 1")]),_vm._v(" "),_c('span',[_vm._v("Item 2")]),_vm._v(" "),_c('span',[_vm._v("Item 3")])])};
-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/utilities/intersperse/examples/intersperse.custom_last_separator_two_items.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-intersperse',{attrs:{"last-separator":" and "}},[_c('span',[_vm._v("Item 1")]),_vm._v(" "),_c('span',[_vm._v("Item 2")])])};
-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/utilities/intersperse/examples/intersperse.custom_separator.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-intersperse',{attrs:{"separator":"/"}},[_c('span',[_vm._v("Item 1")]),_vm._v(" "),_c('span',[_vm._v("Item 2")]),_vm._v(" "),_c('span',[_vm._v("Item 3")])])};
-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/utilities/intersperse/examples/intersperse.default.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-intersperse',[_c('span',[_vm._v("Item 1")]),_vm._v(" "),_c('span',[_vm._v("Item 2")]),_vm._v(" "),_c('span',[_vm._v("Item 3")])])};
-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/src/components/base/avatar_labeled/examples/avatar.labeled.example.vue

@@ -1,8 +0,0 @@
-<template>
-  <gl-avatar-labeled
-    :size="32"
-    src="https://assets.gitlab-static.net/uploads/-/system/group/avatar/9970/logo-extra-whitespace.png?width=64"
-    label="GitLab User"
-    sub-label="gitlab"
-  />
-</template>

package/src/components/base/avatar_labeled/examples/avatar.labeled_badges.example.vue

@@ -1,17 +0,0 @@
-<template>
-  <gl-avatar-labeled
-    :size="32"
-    src="https://assets.gitlab-static.net/uploads/-/system/group/avatar/9970/logo-extra-whitespace.png?width=64"
-    label="GitLab User"
-    sub-label="gitlab"
-  >
-    <template #meta>
-      <div class="gl-p-1">
-        <gl-badge class="gl-display-flex!" size="sm" variant="info">2FA</gl-badge>
-      </div>
-      <div class="gl-p-1">
-        <gl-badge class="gl-display-flex!" size="sm" variant="danger">Blocked</gl-badge>
-      </div>
-    </template>
-  </gl-avatar-labeled>
-</template>

package/src/components/base/avatar_labeled/examples/avatar.labeled_links.example.vue

@@ -1,10 +0,0 @@
-<template>
-  <gl-avatar-labeled
-    :size="32"
-    src="https://assets.gitlab-static.net/uploads/-/system/group/avatar/9970/logo-extra-whitespace.png?width=64"
-    label="GitLab User"
-    sub-label="gitlab@example.com"
-    label-link="#"
-    sub-label-link="mailto:#"
-  />
-</template>

package/src/components/base/avatar_labeled/examples/avatar.labeled_tooltip.example.vue

@@ -1,10 +0,0 @@
-<template>
-  <gl-avatar-labeled
-    v-gl-tooltip="{ placement: 'bottom' }"
-    :size="32"
-    src="https://assets.gitlab-static.net/uploads/-/system/group/avatar/9970/logo-extra-whitespace.png?width=64"
-    label="GitLab User"
-    sub-label="gitlab"
-    title="Avatar labeled with tooltip"
-  />
-</template>

package/src/components/base/avatar_labeled/examples/index.js

@@ -1,36 +0,0 @@
-import AvatarLabeledExample from './avatar.labeled.example.vue';
-import AvatarLabeledBadgesExample from './avatar.labeled_badges.example.vue';
-import AvatarLabeledSlotsExample from './avatar.labeled_links.example.vue';
-import AvatarLabeledTooltipExample from './avatar.labeled_tooltip.example.vue';
-
-export default [
-  {
-    name: 'Basic',
-    items: [
-      {
-        id: 'avatar-labeled',
-        name: 'Avatar Labeled',
-        description: 'Avatar with text labels',
-        component: AvatarLabeledExample,
-      },
-      {
-        id: 'avatar-labeled-tooltip',
-        name: 'With tooltip',
-        description: 'Avatar labeled with tooltip',
-        component: AvatarLabeledTooltipExample,
-      },
-      {
-        id: 'avatar-labeled-badges',
-        name: 'With badges',
-        description: 'Avatar labeled with badges',
-        component: AvatarLabeledBadgesExample,
-      },
-      {
-        id: 'avatar-labeled-links',
-        name: 'With label links',
-        description: 'Avatar labeled with links',
-        component: AvatarLabeledSlotsExample,
-      },
-    ],
-  },
-];

package/src/components/base/avatars_inline/examples/avatars.inline.example.vue

@@ -1,18 +0,0 @@
-<script>
-export default {
-  data() {
-    return {
-      avatars: [
-        { src: 'https://picsum.photos/id/1005/24' },
-        { src: 'https://picsum.photos/id/1006/24' },
-        { src: 'https://picsum.photos/id/1009/24' },
-        { src: 'https://picsum.photos/id/1011/24' },
-        { src: 'https://picsum.photos/id/1012/24' },
-      ],
-    };
-  },
-};
-</script>
-<template>
-  <gl-avatars-inline :avatars="avatars" :collapsed="true" :avatar-size="24" :max-visible="2" />
-</template>

package/src/components/base/avatars_inline/examples/avatars.inline_large.example.vue

@@ -1,18 +0,0 @@
-<script>
-export default {
-  data() {
-    return {
-      avatars: [
-        { src: 'https://picsum.photos/id/1005/32' },
-        { src: 'https://picsum.photos/id/1006/32' },
-        { src: 'https://picsum.photos/id/1009/32' },
-        { src: 'https://picsum.photos/id/1011/32' },
-        { src: 'https://picsum.photos/id/1012/32' },
-      ],
-    };
-  },
-};
-</script>
-<template>
-  <gl-avatars-inline :avatars="avatars" :collapsed="true" :avatar-size="32" :max-visible="2" />
-</template>

package/src/components/base/avatars_inline/examples/avatars.inline_links_and_tooltips.example.vue

@@ -1,24 +0,0 @@
-<script>
-export default {
-  data() {
-    return {
-      avatars: [
-        { src: 'https://picsum.photos/id/1005/32', tooltip: 'Avatar 1', href: '//gitlab.com' },
-        { src: 'https://picsum.photos/id/1006/32', tooltip: 'Avatar 2', href: '//gitlab.com' },
-        { src: 'https://picsum.photos/id/1009/32', tooltip: 'Avatar 3', href: '//gitlab.com' },
-        { src: 'https://picsum.photos/id/1011/32', tooltip: 'Avatar 4', href: '//gitlab.com' },
-        { src: 'https://picsum.photos/id/1012/32', tooltip: 'Avatar 5', href: '//gitlab.com' },
-      ],
-    };
-  },
-};
-</script>
-<template>
-  <gl-avatars-inline :avatars="avatars" :collapsed="true" :avatar-size="32" :max-visible="2">
-    <template #avatar="{ avatar }">
-      <gl-avatar-link v-gl-tooltip target="blank" :href="avatar.href" :title="avatar.tooltip">
-        <gl-avatar :src="avatar.src" :size="32" />
-      </gl-avatar-link>
-    </template>
-  </gl-avatars-inline>
-</template>

package/src/components/base/avatars_inline/examples/avatars.inline_links_and_tooltips_badge.example.vue

@@ -1,31 +0,0 @@
-<script>
-export default {
-  data() {
-    return {
-      avatars: [
-        { src: 'https://picsum.photos/id/1005/32', tooltip: 'Avatar 1', href: '//gitlab.com' },
-        { src: 'https://picsum.photos/id/1006/32', tooltip: 'Avatar 2', href: '//gitlab.com' },
-        { src: 'https://picsum.photos/id/1009/32', tooltip: 'Avatar 3', href: '//gitlab.com' },
-        { src: 'https://picsum.photos/id/1011/32', tooltip: 'Avatar 4', href: '//gitlab.com' },
-        { src: 'https://picsum.photos/id/1012/32', tooltip: 'Avatar 5', href: '//gitlab.com' },
-      ],
-    };
-  },
-};
-</script>
-<template>
-  <gl-avatars-inline
-    :avatars="avatars"
-    :collapsed="true"
-    :avatar-size="32"
-    :max-visible="2"
-    badge-tooltip-prop="tooltip"
-    :badge-tooltip-max-chars="20"
-  >
-    <template #avatar="{ avatar }">
-      <gl-avatar-link v-gl-tooltip target="_blank" :href="avatar.href" :title="avatar.tooltip">
-        <gl-avatar :src="avatar.src" :size="32" />
-      </gl-avatar-link>
-    </template>
-  </gl-avatars-inline>
-</template>