toggle-components-library 1.25.18 → 1.25.19

package/dist/img/delete-trash.3a307964.svg

@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="92.67" height="75.812" viewBox="0 0 92.67 75.812">
+  <g id="Group_218" data-name="Group 218" transform="translate(-804.783 -4099.451)">
+    <g id="Group_182" data-name="Group 182" transform="translate(804.783 4110.5)">
+      <path id="Union_2" data-name="Union 2" d="M4.528,13.346a4.528,4.528,0,1,1,0-9.056h5.979A4.529,4.529,0,0,1,15.029,0H28.346a4.528,4.528,0,0,1,4.522,4.29h5.979a4.528,4.528,0,1,1,0,9.056Z" transform="translate(0.642 0)" fill="#3e4a5b"/>
+      <path id="Subtraction_1" data-name="Subtraction 1" d="M35.318,44.4H9.638c-2.749,0-4.519-2.437-4.845-4.844L0,4.85A4.853,4.853,0,0,1,4.848,0H40.112A4.852,4.852,0,0,1,44.957,4.85L40.166,39.555C39.792,42.406,37.8,44.4,35.318,44.4ZM22.331,26.917l0,0,4.716,4.716a3.335,3.335,0,0,0,4.715-4.719L27.046,22.2l4.719-4.716a3.335,3.335,0,1,0-4.715-4.719l-4.719,4.719-4.72-4.719a3.337,3.337,0,1,0-4.719,4.719L17.611,22.2l-4.719,4.719a3.337,3.337,0,1,0,4.719,4.719l4.716-4.716Z" transform="translate(0 20.364)" fill="#354B64"/>
+    </g>
+    <g id="Group_216" data-name="Group 216" transform="translate(850.432 4110.5)">
+      <path id="Union_2-2" data-name="Union 2" d="M4.528,13.346a4.528,4.528,0,1,1,0-9.056h5.979A4.529,4.529,0,0,1,15.029,0H28.346a4.528,4.528,0,0,1,4.522,4.29h5.979a4.528,4.528,0,1,1,0,9.056Z" transform="translate(5.541 -11.049) rotate(17)" fill="#f58686"/>
+      <path id="Subtraction_1-2" data-name="Subtraction 1" d="M35.318,44.4H9.638c-2.749,0-4.519-2.437-4.845-4.844L0,4.85A4.853,4.853,0,0,1,4.848,0H40.112A4.852,4.852,0,0,1,44.957,4.85L40.166,39.555C39.792,42.406,37.8,44.4,35.318,44.4ZM22.331,26.917l0,0,4.716,4.716a3.335,3.335,0,0,0,4.715-4.719L27.046,22.2l4.719-4.716a3.335,3.335,0,1,0-4.715-4.719l-4.719,4.719-4.72-4.719a3.337,3.337,0,1,0-4.719,4.719L17.611,22.2l-4.719,4.719a3.337,3.337,0,1,0,4.719,4.719l4.716-4.716Z" transform="translate(0 20.364)" fill="#f58686"/>
+    </g>
+  </g>
+</svg>

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

@@ -19106,6 +19106,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");
 
@@ -19163,6 +19340,8 @@ var main = __webpack_require__("dc44");
 
 
 
+
+
 
 
 
@@ -19220,7 +19399,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]);