toggle-components-library 1.25.18 → 1.25.20

package/dist/toggle-components-library.umd.js

@@ -12624,14 +12624,15 @@ var ToggleDateRangePicker_component = normalizeComponent(
 )
 
 /* harmony default export */ var ToggleDateRangePicker = (ToggleDateRangePicker_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"7aa07ae6-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/forms/ToggleInputSelect.vue?vue&type=template&id=1fed8e17&
-var ToggleInputSelectvue_type_template_id_1fed8e17_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"7aa07ae6-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/forms/ToggleInputSelect.vue?vue&type=template&id=5f3e0d51&
+var ToggleInputSelectvue_type_template_id_5f3e0d51_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
     staticClass: "toggle-input-container",
     class: {
-      'toggle-input-is-invalid': _vm.isInvalid
+      'toggle-input-is-invalid': _vm.isInvalid,
+      'toggle-input-is-disabled': _vm.disabled
     },
     on: {
       "click": _vm.focusClosestInput
@@ -12655,7 +12656,8 @@ var ToggleInputSelectvue_type_template_id_1fed8e17_render = function render() {
     attrs: {
       "name": _vm.name ? _vm.name : 'ToggleInputSelect',
       "autocomplete": _vm.autocomplete ? 'on' : 'off',
-      "required": _vm.required
+      "required": _vm.required,
+      "disabled": _vm.disabled
     },
     on: {
       "change": function ($event) {
@@ -12686,9 +12688,9 @@ var ToggleInputSelectvue_type_template_id_1fed8e17_render = function render() {
     }
   }, [_vm._v(" " + _vm._s(_vm.errorMessage) + " ")]) : _vm._e()]);
 };
-var ToggleInputSelectvue_type_template_id_1fed8e17_staticRenderFns = [];
+var ToggleInputSelectvue_type_template_id_5f3e0d51_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/forms/ToggleInputSelect.vue?vue&type=template&id=1fed8e17&
+// CONCATENATED MODULE: ./src/components/forms/ToggleInputSelect.vue?vue&type=template&id=5f3e0d51&
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/forms/ToggleInputSelect.vue?vue&type=script&lang=js&
 
@@ -12733,6 +12735,11 @@ var ToggleInputSelectvue_type_template_id_1fed8e17_staticRenderFns = [];
     fontFamily: {
       type: String,
       required: false
+    },
+    disabled: {
+      type: Boolean,
+      required: false,
+      default: false
     }
   },
   created: function () {},
@@ -12772,8 +12779,8 @@ var ToggleInputSelectvue_type_template_id_1fed8e17_staticRenderFns = [];
 
 var ToggleInputSelect_component = normalizeComponent(
   forms_ToggleInputSelectvue_type_script_lang_js_,
-  ToggleInputSelectvue_type_template_id_1fed8e17_render,
-  ToggleInputSelectvue_type_template_id_1fed8e17_staticRenderFns,
+  ToggleInputSelectvue_type_template_id_5f3e0d51_render,
+  ToggleInputSelectvue_type_template_id_5f3e0d51_staticRenderFns,
   false,
   null,
   null,
@@ -19115,6 +19122,183 @@ var ToggleMetricFunnelChart_component = normalizeComponent(
 )
 
 /* harmony default export */ var ToggleMetricFunnelChart = (ToggleMetricFunnelChart_component.exports);
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"7aa07ae6-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/threedots/ToggleThreeDots.vue?vue&type=template&id=60e9badc&
+var ToggleThreeDotsvue_type_template_id_60e9badc_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', {
+    staticClass: "toggle-three-dots-container"
+  }, [_c('button', {
+    staticClass: "toggle-three-dots",
+    class: {
+      active: _vm.active
+    },
+    on: {
+      "click": _vm.toggleActive
+    }
+  }, [_c('div', {
+    staticClass: "toggle-three-dots-circle"
+  }), _c('div', {
+    staticClass: "toggle-three-dots-circle"
+  }), _c('div', {
+    staticClass: "toggle-three-dots-circle"
+  })]), _c('ul', {
+    staticClass: "toggle-three-dots-list"
+  }, [_c('div', {
+    staticClass: "toggle-three-dots-list-tab"
+  }), _vm._t("default")], 2)]);
+};
+var ToggleThreeDotsvue_type_template_id_60e9badc_staticRenderFns = [];
+
+// CONCATENATED MODULE: ./src/components/threedots/ToggleThreeDots.vue?vue&type=template&id=60e9badc&
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/threedots/ToggleThreeDots.vue?vue&type=script&lang=js&
+/* harmony default export */ var ToggleThreeDotsvue_type_script_lang_js_ = ({
+  name: 'ThreeDots',
+  data: function () {
+    return {
+      active: false
+    };
+  },
+  created: function () {
+    window.addEventListener('click', this.windowClick, true);
+    this.$toggle_event.$on('threedots_active', this.removeActive);
+  },
+  beforeDestroy() {
+    window.removeEventListener('click', this.windowClick, true);
+    this.$toggle_event.$off('threedots_active', this.removeActive);
+  },
+  methods: {
+    removeActive() {
+      this.active = false;
+    },
+    toggleActive() {
+      if (this.active) {
+        this.$toggle_event.$emit('threedots_active', true);
+      } else {
+        this.$toggle_event.$emit('threedots_active', true);
+        this.active = true;
+      }
+    },
+    windowClick(e) {
+      if (!e.target.matches('.toggle-three-dots-container, .toggle-three-dots-container *')) {
+        this.active = false;
+      }
+    }
+  }
+});
+// CONCATENATED MODULE: ./src/components/threedots/ToggleThreeDots.vue?vue&type=script&lang=js&
+ /* harmony default export */ var threedots_ToggleThreeDotsvue_type_script_lang_js_ = (ToggleThreeDotsvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./src/components/threedots/ToggleThreeDots.vue
+
+
+
+
+
+/* normalize component */
+
+var ToggleThreeDots_component = normalizeComponent(
+  threedots_ToggleThreeDotsvue_type_script_lang_js_,
+  ToggleThreeDotsvue_type_template_id_60e9badc_render,
+  ToggleThreeDotsvue_type_template_id_60e9badc_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var ToggleThreeDots = (ToggleThreeDots_component.exports);
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"7aa07ae6-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/threedots/ToggleThreeDotsButton.vue?vue&type=template&id=57dcbb8e&
+var ToggleThreeDotsButtonvue_type_template_id_57dcbb8e_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('li', {
+    staticClass: "toggle-three-dots-list-item",
+    class: {
+      'toggle-three-dots-list-item--delete': _vm.buttonDelete
+    }
+  }, [_vm.buttonDelete ? _c('hr') : _vm._e(), _c('button', {
+    attrs: {
+      "type": _vm.type,
+      "disabled": _vm.disabled
+    },
+    on: {
+      "click": _vm.click
+    }
+  }, [_vm._t("default", function () {
+    return [_vm._v(_vm._s(_vm.buttonText))];
+  })], 2)]);
+};
+var ToggleThreeDotsButtonvue_type_template_id_57dcbb8e_staticRenderFns = [];
+
+// CONCATENATED MODULE: ./src/components/threedots/ToggleThreeDotsButton.vue?vue&type=template&id=57dcbb8e&
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/threedots/ToggleThreeDotsButton.vue?vue&type=script&lang=js&
+/* harmony default export */ var ToggleThreeDotsButtonvue_type_script_lang_js_ = ({
+  name: 'ThreeDotsButton',
+  props: {
+    /**
+     * The test to display in side the button
+     */
+    buttonText: {
+      type: String,
+      default: "button"
+    },
+    /**
+     * The HTML button type i.e. `submit` or `button`
+     */
+    type: {
+      type: String,
+      default: "button"
+    },
+    /**
+     * Should the button be disabled?
+     */
+    disabled: {
+      default: false
+    },
+    /**
+     * Is this button a 'Delete' button?
+     */
+    buttonDelete: {
+      type: Boolean,
+      default: false
+    }
+  },
+  methods: {
+    click() {
+      /**
+       * Emitted when the button is clicked.
+       * @event click
+       * @type {Event}
+       */
+      this.$emit('click');
+    }
+  }
+});
+// CONCATENATED MODULE: ./src/components/threedots/ToggleThreeDotsButton.vue?vue&type=script&lang=js&
+ /* harmony default export */ var threedots_ToggleThreeDotsButtonvue_type_script_lang_js_ = (ToggleThreeDotsButtonvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./src/components/threedots/ToggleThreeDotsButton.vue
+
+
+
+
+
+/* normalize component */
+
+var ToggleThreeDotsButton_component = normalizeComponent(
+  threedots_ToggleThreeDotsButtonvue_type_script_lang_js_,
+  ToggleThreeDotsButtonvue_type_template_id_57dcbb8e_render,
+  ToggleThreeDotsButtonvue_type_template_id_57dcbb8e_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var ToggleThreeDotsButton = (ToggleThreeDotsButton_component.exports);
 // EXTERNAL MODULE: ./src/sass/main.scss
 var main = __webpack_require__("dc44");
 
@@ -19172,6 +19356,8 @@ var main = __webpack_require__("dc44");
 
 
 
+
+
 
 
 
@@ -19229,7 +19415,9 @@ const Components = {
   ToggleMetricSparkLine: ToggleMetricSparkLine,
   ToggleMetricBarChart: ToggleMetricBarChart,
   ToggleMetricPieChart: ToggleMetricPieChart,
-  ToggleMetricFunnelChart: ToggleMetricFunnelChart
+  ToggleMetricFunnelChart: ToggleMetricFunnelChart,
+  ToggleThreeDots: ToggleThreeDots,
+  ToggleThreeDotsButton: ToggleThreeDotsButton
 };
 Object.keys(Components).forEach(name => {
   external_commonjs_vue_commonjs2_vue_root_Vue_default.a.component(name, Components[name]);