@gitlab/ui 131.3.0 → 131.3.1

package/dist/components/base/card/card.js

@@ -1,69 +0,0 @@
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
-
-var script = {
-  name: 'GlCard',
-  props: {
-    /**
-     * Additional CSS class(es) to be applied to the header.
-     */
-    headerClass: {
-      type: [String, Object, Array],
-      required: false,
-      default: ''
-    },
-    /**
-     * Additional CSS class(es) to be applied to the body.
-     */
-    bodyClass: {
-      type: [String, Object, Array],
-      required: false,
-      default: ''
-    },
-    /**
-     * Additional CSS class(es) to be applied to the footer.
-     */
-    footerClass: {
-      type: [String, Object, Array],
-      required: false,
-      default: ''
-    }
-  }
-};
-
-/* 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:"gl-card"},[(_vm.$scopedSlots.header)?_c('div',{staticClass:"gl-card-header",class:_vm.headerClass},[_vm._t("header")],2):_vm._e(),_vm._v(" "),_c('div',{staticClass:"gl-card-body",class:_vm.bodyClass},[_vm._t("default")],2),_vm._v(" "),(_vm.$scopedSlots.footer)?_c('div',{staticClass:"gl-card-footer",class:_vm.footerClass},[_vm._t("footer")],2):_vm._e()])};
-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__ = /*#__PURE__*/__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 { __vue_component__ as default };

package/dist/components/base/collapse/collapse.js

@@ -1,163 +0,0 @@
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
-
-var script = {
-  name: 'GlCollapse',
-  model: {
-    prop: 'visible',
-    event: 'input'
-  },
-  props: {
-    /**
-     * Controls the visibility state of the collapse.
-     */
-    visible: {
-      type: Boolean,
-      default: false,
-      required: false
-    },
-    /**
-     * HTML tag to use for the collapse container element.
-     */
-    tag: {
-      type: String,
-      required: false,
-      default: 'div'
-    }
-  },
-  data() {
-    return {
-      show: this.visible,
-      transitioning: false
-    };
-  },
-  computed: {
-    classObject() {
-      const {
-        transitioning
-      } = this;
-      return {
-        collapse: !transitioning,
-        show: this.show && !transitioning
-      };
-    },
-    slotScope() {
-      return {
-        visible: this.show,
-        close: () => {
-          this.show = false;
-        }
-      };
-    },
-    transitionProps() {
-      return {
-        ...this.$attrs,
-        css: true,
-        enterClass: '',
-        enterActiveClass: 'collapsing',
-        enterToClass: 'collapse show',
-        leaveClass: 'collapse show',
-        leaveActiveClass: 'collapsing',
-        leaveToClass: 'collapse'
-      };
-    }
-  },
-  watch: {
-    visible(newValue) {
-      if (newValue !== this.show) {
-        this.show = newValue;
-      }
-    },
-    show(newValue, oldValue) {
-      if (newValue !== oldValue) {
-        this.emitState();
-      }
-    }
-  },
-  mounted() {
-    this.$nextTick(() => {
-      this.emitState();
-    });
-  },
-  beforeDestroy() {
-    // Trigger state emit if needed
-    this.show = false;
-  },
-  methods: {
-    reflow(el) {
-      // Requesting an elements offsetHeight will trigger a reflow of the element content
-      // Without forcing a reflow, the browser optimize the operation and cause animation to fail
-      return Boolean(el && el.nodeType === Node.ELEMENT_NODE) && el.offsetHeight;
-    },
-    emitState() {
-      const {
-        show
-      } = this;
-      this.$emit('input', show);
-    },
-    enter(el) {
-      this.transitioning = true;
-      el.style.height = 0;
-      // In a `debounceByAnimationFrame()` for `appear` to work
-      window.requestAnimationFrame(() => {
-        this.reflow(el);
-        el.style.height = `${el.scrollHeight}px`;
-      });
-    },
-    afterEnter(el) {
-      this.transitioning = false;
-      this.$emit('shown');
-      el.style.height = '';
-    },
-    leave(el) {
-      this.transitioning = true;
-      el.style.height = 'auto';
-      el.style.display = 'block';
-      el.style.height = `${el.getBoundingClientRect().height}px`;
-      this.reflow(el);
-      el.style.height = 0;
-    },
-    afterLeave(el) {
-      this.transitioning = false;
-      this.$emit('hidden');
-      el.style.height = '';
-    }
-  }
-};
-
-/* 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('transition',_vm._g(_vm._b({attrs:{"visible":_vm.visible},on:{"enter":_vm.enter,"after-enter":_vm.afterEnter,"leave":_vm.leave,"afterLeave":_vm.afterLeave}},'transition',_vm.transitionProps,false),_vm.$listeners),[_c(_vm.tag,{directives:[{name:"show",rawName:"v-show",value:(_vm.show),expression:"show"}],tag:"component",class:_vm.classObject},[_vm._t("default",null,null,_vm.slotScope)],2)],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__ = /*#__PURE__*/__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 { __vue_component__ as default };

package/dist/components/base/color_mode_toggle/color_mode_toggle.js

@@ -1,92 +0,0 @@
-import { translate } from '../../../utils/i18n';
-import GlButton from '../button/button';
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
-
-var script = {
-  name: 'GlColorModeToggle',
-  components: {
-    GlButton
-  },
-  props: {
-    /**
-     * Whether dark mode is currently active.
-     */
-    isDarkMode: {
-      type: Boolean,
-      required: false,
-      default: false
-    },
-    /**
-     * The label when in dark mode. Screen-reader only.
-     */
-    darkLabel: {
-      type: String,
-      required: false,
-      default: () => translate('GlColorModeToggle.darkLabel', 'Dark mode')
-    },
-    /**
-     * The label when in light mode. Screen-reader only.
-     */
-    lightLabel: {
-      type: String,
-      required: false,
-      default: () => translate('GlColorModeToggle.lightLabel', 'Light mode')
-    }
-  },
-  computed: {
-    ariaLabel() {
-      return this.isDarkMode ? this.darkLabel : this.lightLabel;
-    },
-    iconName() {
-      return this.isDarkMode ? 'moon' : 'sun';
-    }
-  },
-  methods: {
-    /**
-     * Emitted when the toggle button is clicked.
-     *
-     * @event toggle
-     */
-    handleClick() {
-      this.$emit('toggle');
-    }
-  }
-};
-
-/* 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-button',{staticClass:"btn-icon",attrs:{"aria-label":_vm.ariaLabel,"category":"tertiary","icon":_vm.iconName},on:{"click":_vm.handleClick}})};
-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__ = /*#__PURE__*/__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 { __vue_component__ as default };