matestack-ui-core 0.7.0 → 0.7.1

data/lib/generators/matestack_app/templates/matestack_app.erb

@@ -0,0 +1,26 @@
+class Apps::<%= class_name %> < Matestack::Ui::App
+
+# OPTIONAL: Prepare data that gets used on every page of this app
+# def prepare
+#   API calls and db queries go here
+# end
+
+# MANDATORY: This is where your matestack pages get yielded
+def response
+  components {
+    page_content
+  }
+end
+
+# OPTIONAL: Use partials to render stuff like layout components
+# def partial_one
+#   partial {
+#     # your components go here
+#   }
+# end
+
+# OPTIONAL: Slots come after partials
+# def slots
+# end
+
+end

data/lib/generators/matestack_app/templates/matestack_app_controller.erb

@@ -0,0 +1,7 @@
+class <%= class_name %>Controller < ApplicationController
+
+  def example_page
+    responder_for(Pages::<%= class_name %>::ExamplePage)
+  end
+
+end

data/lib/generators/matestack_component/USAGE

@@ -0,0 +1,20 @@
+Description:
+    Stubs out a new matestack component. Pass the component name, under_scored.
+
+    To create a dynamic component, specify it using the --dynamic option.
+
+    To place this component within a namespace, specify the namespace name under_scored and it
+    will get generated into 'app/matestack/components/namespace/*'.
+
+Example 1:
+    `rails generate matestack_component NAME`
+
+    This will create:
+        app/matestack/components/NAME.rb
+
+Example 2:
+    `rails generate matestack_component NAME --dynamic --namespace sample_namespace`
+
+    This will create:
+        app/matestack/components/sample_namespace/NAME.rb
+        app/matestack/components/sample_namespace/NAME.js

data/lib/generators/matestack_component/matestack_component_generator.rb

@@ -0,0 +1,30 @@
+class MatestackComponentGenerator < Rails::Generators::NamedBase
+  source_root File.expand_path('templates', __dir__)
+
+  class_option :dynamic, type: :boolean, default: false
+  class_option :scss, type: :boolean, default: false
+  class_option :haml, type: :boolean, default: false
+  class_option :namespace, type: :string
+
+  def create_matestack_component
+    @dynamic = options[:dynamic]
+    @namespace = options[:namespace]
+
+    # Future: Check for matestack-compatible namespacing!
+
+    to_be_created_files = ['.rb']
+    to_be_created_files << '.js' if options[:dynamic]
+    to_be_created_files << '.scss' if options[:scss]
+    to_be_created_files << '.haml' if options[:haml]
+
+    matestack_component_dir_path = "app/matestack/components/"
+    matestack_component_dir_path << "#{@namespace}/" unless @namespace.nil?
+
+    to_be_created_files.each do |file|
+      generator_path = matestack_component_dir_path + "/#{file_name}#{file}"
+      template "matestack_component#{file}.erb", generator_path
+    end
+
+  end
+
+end

data/lib/generators/matestack_component/templates/matestack_component.haml.erb

@@ -0,0 +1,5 @@
+.<%= file_name %>{@tag_attributes}
+  %div
+    This is your custom <%= class_name %> component
+  - if block_given?
+    = yield

data/lib/generators/matestack_component/templates/matestack_component.js.erb

@@ -0,0 +1,17 @@
+// Require your custom component in your application.js before usage
+// Place it below "//= require matestack-ui-core" using the following line:
+//= require <% unless @namespace.nil? %><%= @namespace %>/<% end %><%= file_name %>
+
+MatestackUiCore.Vue.component('custom<% unless @namespace.nil? %>-<%= @namespace %><% end %>-<%= file_name %>', {
+  mixins: [MatestackUiCore.componentMixin],
+  data: function() {
+    return {
+      foo: 'bar'
+    };
+  },
+  methods: {},
+  mounted: function(){
+    // this is your completeness check and should be deleted before deployment
+    console.log('Custom Dynamic Component <%= class_name %> mounted!')
+  }
+});

data/lib/generators/matestack_component/templates/matestack_component.rb.erb

@@ -0,0 +1,13 @@
+class Components::<% unless @namespace.nil? %><%= @namespace.camelize %>::<% end %><%= class_name %> < Matestack::Ui::<% if @dynamic == true %>DynamicComponent<% else %>StaticComponent<% end %>
+
+  def prepare
+    # DB queries and API calls go here
+  end
+
+  def response
+    components {
+      # orchestrate existing matestack components here
+    }
+  end
+
+end

data/lib/generators/matestack_component/templates/matestack_component.scss.erb

@@ -0,0 +1 @@
+// your styles for the component <%= class_name %> go here

data/lib/generators/matestack_page/USAGE

@@ -0,0 +1,28 @@
+Description:
+    Stubs out a new matestack page and its route. Pass the page name and --app-name, both under_scored.
+
+    To place the page within a namespace, specify the namespace name under_scored and it
+    will get generated into 'app/matestack/pages/namespace/*'.
+
+    To create a custom controller#action to use in the created route, specify it as
+    under_scored_controller#under_scored_action
+
+    This generates a matestack page class in app/matestack/pages/ and adds a route to config/routes.rb
+
+Example 1:
+    `rails generate matestack_page example_page --app_name example_app`
+
+    This will create:
+        app/matestack/pages/example_app/example_page.rb
+
+    This will add to routes:
+        get 'example_app/example_page', to: 'example_app#example_page'
+
+Example 2:
+    `rails generate matestack_page example_page --app_name example_app --controller_action=static#second`
+
+    This will create:
+        app/matestack/pages/example_app/example_page.rb
+
+    This will add to routes:
+        get 'example_app/example_page', to: 'static#second'

data/lib/generators/matestack_page/matestack_page_generator.rb

@@ -0,0 +1,41 @@
+class MatestackPageGenerator < Rails::Generators::NamedBase
+  source_root File.expand_path('templates', __dir__)
+
+  class_option :app_name, type: :string, required: true
+  class_option :namespace, type: :string
+  class_option :controller_action, type: :string
+  class_option :called_by_app_generator, type: :boolean, default: false
+
+  def create_matestack_page
+    @app_name = options[:app_name]
+    @namespace = options[:namespace]
+
+    if options[:controller_action].nil?
+      @controller_action = "#{@app_name}\##{file_name}"
+    else
+      @controller_action = options[:controller_action]
+    end
+
+    matestack_page_dir_path = "app/matestack/pages"
+    matestack_page_dir_path << "/#{@app_name}" unless @app_name.nil?
+    matestack_page_dir_path << "/#{@namespace}" unless @namespace.nil?
+
+    generator_path = matestack_page_dir_path + "/#{file_name}.rb"
+
+    template "matestack_page.erb", generator_path
+
+    unless options[:called_by_app_generator]
+      route %{get '#{@app_name}/#{@namespace}/#{file_name}', to: '#{@controller_action}'} unless @namespace.nil?
+      route %{get '#{@app_name}/#{file_name}', to: '#{@controller_action}'} if @namespace.nil?
+      puts "Page created! Make sure to modify"
+      puts ""
+      puts "def controller_action"
+      puts "  responder_for(Pages::#{@app_name.camelize}::#{@namespace.camelize}::#{file_name.camelize})" unless @namespace.nil?
+      puts "  responder_for(Pages::#{@app_name.camelize}::#{file_name.camelize})" if @namespace.nil?
+      puts "end"
+      puts ""
+      puts "and add it to the desired controller!"
+    end
+
+  end
+end

data/lib/generators/matestack_page/templates/matestack_page.erb

@@ -0,0 +1,15 @@
+class Pages::<% unless @namespace.nil? %><%= @namespace.camelize %>::<% end %><% unless @app_name.nil? %><%= @app_name.camelize %>::<% end %><%= class_name %> < Matestack::Ui::Page
+
+# OPTIONAL: Prepare data for the response method
+# def prepare
+#   API calls and db queries go here
+# end
+
+# MANDATORY: This is where the matestack magic happens
+def response
+  components {
+    plain 'Hello, mate!'
+  }
+end
+
+end

data/lib/matestack/ui/core/version.rb

@@ -1,7 +1,7 @@
 module Matestack
   module Ui
     module Core
-      VERSION = '0.7.0'
+      VERSION = '0.7.1'
     end
   end
 end

data/vendor/assets/javascripts/matestack-ui-core.js

@@ -61,7 +61,7 @@ var MatestackUiCore =
 /******/ 	__webpack_require__.p = "/../../vendor/assets/javascripts/";
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 15);
+/******/ 	return __webpack_require__(__webpack_require__.s = 17);
 /******/ })
 /************************************************************************/
 /******/ ([
@@ -11031,10 +11031,85 @@ Vue.compile = compileToFunctions;
 
 /* harmony default export */ __webpack_exports__["a"] = (Vue);
 
-/* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(/*! ./../../../builder/node_modules/webpack/buildin/global.js */ 6), __webpack_require__(/*! ./../../../builder/node_modules/timers-browserify/main.js */ 16).setImmediate))
+/* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(/*! ./../../../builder/node_modules/webpack/buildin/global.js */ 6), __webpack_require__(/*! ./../../../builder/node_modules/timers-browserify/main.js */ 18).setImmediate))
 
 /***/ }),
 /* 1 */
+/*!****************************************************************!*\
+  !*** ../app/concepts/matestack/ui/core/component/component.js ***!
+  \****************************************************************/
+/*! exports provided: default */
+/*! exports used: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_vue_dist_vue_esm__ = __webpack_require__(/*! vue/dist/vue.esm */ 0);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_axios__ = __webpack_require__(/*! axios */ 5);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_axios___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_axios__);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_v_runtime_template__ = __webpack_require__(/*! v-runtime-template */ 15);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_js_event_hub__ = __webpack_require__(/*! js/event-hub */ 3);
+
+
+
+
+
+
+const componentMixin = {
+  props: ['componentConfig', 'params'],
+  data: function () {
+    return {
+      asyncTemplate: null
+    };
+  },
+  methods: {
+    onRerender: function (event) {
+      if (this.$el.id === event + "__wrapper") {
+        this.rerender();
+      }
+    },
+    onMatestackUiCoreChannel: function (event) {
+      if (this.componentConfig["rerender_on"] == event.message) {
+        this.rerender();
+      }
+    },
+    rerender: function () {
+      var self = this;
+      self.params["component_key"] = self.componentConfig["component_key"];
+      __WEBPACK_IMPORTED_MODULE_1_axios___default()({
+        method: "get",
+        url: location.pathname + location.search,
+        headers: {
+          'X-CSRF-Token': document.getElementsByName("csrf-token")[0].getAttribute('content')
+        },
+        params: { "component_key": self.componentConfig["component_key"] }
+      }).then(function (response) {
+        self.asyncTemplate = response["data"];
+      });
+    },
+    rerenderWith: function (newParams) {
+      Object.assign(this.params, newParams);
+      this.rerender();
+    }
+  },
+  created: function () {
+    const self = this;
+    __WEBPACK_IMPORTED_MODULE_3_js_event_hub__["a" /* default */].$on('rerender', self.onRerender);
+    __WEBPACK_IMPORTED_MODULE_3_js_event_hub__["a" /* default */].$on('MatestackUiCoreChannel', self.onMatestackUiCoreChannel);
+  },
+  beforeDestroy: function () {
+    const self = this;
+    __WEBPACK_IMPORTED_MODULE_3_js_event_hub__["a" /* default */].$off('rerender', self.onRerender);
+    __WEBPACK_IMPORTED_MODULE_3_js_event_hub__["a" /* default */].$off('MatestackUiCoreChannel', self.onMatestackUiCoreChannel);
+  },
+  components: {
+    VRuntimeTemplate: __WEBPACK_IMPORTED_MODULE_2_v_runtime_template__["a" /* default */]
+  }
+};
+
+/* harmony default export */ __webpack_exports__["a"] = (componentMixin);
+
+/***/ }),
+/* 2 */
 /*!******************************************!*\
   !*** ../node_modules/axios/lib/utils.js ***!
   \******************************************/
@@ -11045,8 +11120,8 @@ Vue.compile = compileToFunctions;
 "use strict";
 
 
-var bind = __webpack_require__(/*! ./helpers/bind */ 9);
-var isBuffer = __webpack_require__(/*! is-buffer */ 19);
+var bind = __webpack_require__(/*! ./helpers/bind */ 10);
+var isBuffer = __webpack_require__(/*! is-buffer */ 21);
 
 /*global toString:true*/
 
@@ -11348,81 +11423,6 @@ module.exports = {
 };
 
 
-/***/ }),
-/* 2 */
-/*!****************************************************************!*\
-  !*** ../app/concepts/matestack/ui/core/component/component.js ***!
-  \****************************************************************/
-/*! exports provided: default */
-/*! exports used: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_vue_dist_vue_esm__ = __webpack_require__(/*! vue/dist/vue.esm */ 0);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_axios__ = __webpack_require__(/*! axios */ 5);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_axios___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_axios__);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_v_runtime_template__ = __webpack_require__(/*! v-runtime-template */ 14);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_js_event_hub__ = __webpack_require__(/*! js/event-hub */ 3);
-
-
-
-
-
-
-const componentMixin = {
-  props: ['componentConfig', 'params'],
-  data: function () {
-    return {
-      asyncTemplate: null
-    };
-  },
-  methods: {
-    onRerender: function (event) {
-      if (this.$el.id === event + "__wrapper") {
-        this.rerender();
-      }
-    },
-    onMatestackUiCoreChannel: function (event) {
-      if (this.componentConfig["rerender_on"] == event.message) {
-        this.rerender();
-      }
-    },
-    rerender: function () {
-      var self = this;
-      self.params["component_key"] = self.componentConfig["component_key"];
-      __WEBPACK_IMPORTED_MODULE_1_axios___default()({
-        method: "get",
-        url: self.componentConfig["origin_url"],
-        headers: {
-          'X-CSRF-Token': document.getElementsByName("csrf-token")[0].getAttribute('content')
-        },
-        params: self.params
-      }).then(function (response) {
-        self.asyncTemplate = response["data"];
-      });
-    },
-    rerenderWith: function (newParams) {
-      Object.assign(this.params, newParams);
-      this.rerender();
-    }
-  },
-  created: function () {
-    const self = this;
-    __WEBPACK_IMPORTED_MODULE_3_js_event_hub__["a" /* default */].$on('rerender', self.onRerender);
-    __WEBPACK_IMPORTED_MODULE_3_js_event_hub__["a" /* default */].$on('MatestackUiCoreChannel', self.onMatestackUiCoreChannel);
-  },
-  beforeDestroy: function () {
-    const self = this;
-    __WEBPACK_IMPORTED_MODULE_3_js_event_hub__["a" /* default */].$off('rerender', self.onRerender);
-    __WEBPACK_IMPORTED_MODULE_3_js_event_hub__["a" /* default */].$off('MatestackUiCoreChannel', self.onMatestackUiCoreChannel);
-  },
-  components: {
-    VRuntimeTemplate: __WEBPACK_IMPORTED_MODULE_2_v_runtime_template__["a" /* default */]
-  }
-};
-
-/* harmony default export */ __webpack_exports__["a"] = (componentMixin);
-
 /***/ }),
 /* 3 */
 /*!*********************************************************!*\
@@ -12399,7 +12399,7 @@ var index_esm = {
 /*! exports used: default */
 /***/ (function(module, exports, __webpack_require__) {
 
-module.exports = __webpack_require__(/*! ./lib/axios */ 18);
+module.exports = __webpack_require__(/*! ./lib/axios */ 20);
 
 /***/ }),
 /* 6 */
@@ -12445,8 +12445,8 @@ module.exports = g;
 "use strict";
 /* WEBPACK VAR INJECTION */(function(process) {
 
-var utils = __webpack_require__(/*! ./utils */ 1);
-var normalizeHeaderName = __webpack_require__(/*! ./helpers/normalizeHeaderName */ 21);
+var utils = __webpack_require__(/*! ./utils */ 2);
+var normalizeHeaderName = __webpack_require__(/*! ./helpers/normalizeHeaderName */ 23);
 
 var DEFAULT_CONTENT_TYPE = {
   'Content-Type': 'application/x-www-form-urlencoded'
@@ -12462,10 +12462,10 @@ function getDefaultAdapter() {
   var adapter;
   if (typeof XMLHttpRequest !== 'undefined') {
     // For browsers use XHR adapter
-    adapter = __webpack_require__(/*! ./adapters/xhr */ 10);
+    adapter = __webpack_require__(/*! ./adapters/xhr */ 11);
   } else if (typeof process !== 'undefined') {
     // For node use HTTP adapter
-    adapter = __webpack_require__(/*! ./adapters/http */ 10);
+    adapter = __webpack_require__(/*! ./adapters/http */ 11);
   }
   return adapter;
 }
@@ -12540,10 +12540,71 @@ utils.forEach(['post', 'put', 'patch'], function forEachMethodWithData(method) {
 
 module.exports = defaults;
 
-/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(/*! ./../../../builder/node_modules/process/browser.js */ 8)))
+/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(/*! ./../../../builder/node_modules/process/browser.js */ 9)))
 
 /***/ }),
 /* 8 */
+/*!***************************************************************************!*\
+  !*** ../app/concepts/matestack/ui/core/js/helpers/query-params-helper.js ***!
+  \***************************************************************************/
+/*! exports provided: default */
+/*! exports used: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+const updateQueryParams = (key, value, url) => {
+    if (!url) url = window.location.href;
+    let re = new RegExp(`([?&])${key}=.*?(&|#|$)(.*)`, "gi"),
+        hash;
+
+    if (re.test(url)) {
+        if (typeof value !== 'undefined' && value !== null) return url.replace(re, `$1${key}=${value}$2$3`);else {
+            hash = url.split('#');
+            url = hash[0].replace(re, '$1$3').replace(/(&|\?)$/, '');
+            if (typeof hash[1] !== 'undefined' && hash[1] !== null) url += `#${hash[1]}`;
+            return url;
+        }
+    } else {
+        if (typeof value !== 'undefined' && value !== null) {
+            const separator = url.indexOf('?') !== -1 ? '&' : '?';
+            hash = url.split('#');
+            url = `${hash[0]}${separator}${key}=${value}`;
+            if (typeof hash[1] !== 'undefined' && hash[1] !== null) url += `#${hash[1]}`;
+            return url;
+        } else return url;
+    }
+};
+
+const getQueryParam = (name, url) => {
+    if (!url) url = window.location.href;
+    name = name.replace(/[\[\]]/g, '\\$&');
+    const regex = new RegExp(`[?&]${name}(=([^&#]*)|&|#|$)`),
+          results = regex.exec(url);
+    if (!results) return null;
+    if (!results[2]) return '';
+    return decodeURIComponent(results[2].replace(/\+/g, ' '));
+};
+
+const queryParamsToObject = () => {
+    const search = window.location.search.substring(1);
+    if (search.length === 0) {
+        return {};
+    } else {
+        const result = JSON.parse(`{"${search.replace(/&/g, '","').replace(/=/g, '":"')}"}`, (key, value) => {
+            return key === "" ? value : decodeURIComponent(value);
+        });
+        return result;
+    }
+};
+
+/* harmony default export */ __webpack_exports__["a"] = ({
+    updateQueryParams: updateQueryParams,
+    getQueryParam: getQueryParam,
+    queryParamsToObject: queryParamsToObject
+});
+
+/***/ }),
+/* 9 */
 /*!*****************************************!*\
   !*** ./node_modules/process/browser.js ***!
   \*****************************************/
@@ -12738,7 +12799,7 @@ process.umask = function() { return 0; };
 
 
 /***/ }),
-/* 9 */
+/* 10 */
 /*!*************************************************!*\
   !*** ../node_modules/axios/lib/helpers/bind.js ***!
   \*************************************************/
@@ -12761,7 +12822,7 @@ module.exports = function bind(fn, thisArg) {
 
 
 /***/ }),
-/* 10 */
+/* 11 */
 /*!*************************************************!*\
   !*** ../node_modules/axios/lib/adapters/xhr.js ***!
   \*************************************************/
@@ -12772,13 +12833,13 @@ module.exports = function bind(fn, thisArg) {
 "use strict";
 
 
-var utils = __webpack_require__(/*! ./../utils */ 1);
-var settle = __webpack_require__(/*! ./../core/settle */ 22);
-var buildURL = __webpack_require__(/*! ./../helpers/buildURL */ 24);
-var parseHeaders = __webpack_require__(/*! ./../helpers/parseHeaders */ 25);
-var isURLSameOrigin = __webpack_require__(/*! ./../helpers/isURLSameOrigin */ 26);
-var createError = __webpack_require__(/*! ../core/createError */ 11);
-var btoa = (typeof window !== 'undefined' && window.btoa && window.btoa.bind(window)) || __webpack_require__(/*! ./../helpers/btoa */ 27);
+var utils = __webpack_require__(/*! ./../utils */ 2);
+var settle = __webpack_require__(/*! ./../core/settle */ 24);
+var buildURL = __webpack_require__(/*! ./../helpers/buildURL */ 26);
+var parseHeaders = __webpack_require__(/*! ./../helpers/parseHeaders */ 27);
+var isURLSameOrigin = __webpack_require__(/*! ./../helpers/isURLSameOrigin */ 28);
+var createError = __webpack_require__(/*! ../core/createError */ 12);
+var btoa = (typeof window !== 'undefined' && window.btoa && window.btoa.bind(window)) || __webpack_require__(/*! ./../helpers/btoa */ 29);
 
 module.exports = function xhrAdapter(config) {
   return new Promise(function dispatchXhrRequest(resolve, reject) {
@@ -12875,7 +12936,7 @@ module.exports = function xhrAdapter(config) {
     // This is only done if running in a standard browser environment.
     // Specifically not if we're in a web worker, or react-native.
     if (utils.isStandardBrowserEnv()) {
-      var cookies = __webpack_require__(/*! ./../helpers/cookies */ 28);
+      var cookies = __webpack_require__(/*! ./../helpers/cookies */ 30);
 
       // Add xsrf header
       var xsrfValue = (config.withCredentials || isURLSameOrigin(config.url)) && config.xsrfCookieName ?
@@ -12953,7 +13014,7 @@ module.exports = function xhrAdapter(config) {
 
 
 /***/ }),
-/* 11 */
+/* 12 */
 /*!*****************************************************!*\
   !*** ../node_modules/axios/lib/core/createError.js ***!
   \*****************************************************/
@@ -12964,7 +13025,7 @@ module.exports = function xhrAdapter(config) {
 "use strict";
 
 
-var enhanceError = __webpack_require__(/*! ./enhanceError */ 23);
+var enhanceError = __webpack_require__(/*! ./enhanceError */ 25);
 
 /**
  * Create an Error with the specified message, config, error code, request and response.
@@ -12983,7 +13044,7 @@ module.exports = function createError(message, config, code, request, response)
 
 
 /***/ }),
-/* 12 */
+/* 13 */
 /*!****************************************************!*\
   !*** ../node_modules/axios/lib/cancel/isCancel.js ***!
   \****************************************************/
@@ -13000,7 +13061,7 @@ module.exports = function isCancel(value) {
 
 
 /***/ }),
-/* 13 */
+/* 14 */
 /*!**************************************************!*\
   !*** ../node_modules/axios/lib/cancel/Cancel.js ***!
   \**************************************************/
@@ -13031,7 +13092,7 @@ module.exports = Cancel;
 
 
 /***/ }),
-/* 14 */
+/* 15 */
 /*!************************************************************************!*\
   !*** ../node_modules/v-runtime-template/dist/v-runtime-template.es.js ***!
   \************************************************************************/
@@ -13106,7 +13167,96 @@ var index = {
 
 
 /***/ }),
-/* 15 */
+/* 16 */
+/*!********************************************************!*\
+  !*** ../app/concepts/matestack/ui/core/async/async.js ***!
+  \********************************************************/
+/*! exports provided: default */
+/*! exports used: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_vue_dist_vue_esm__ = __webpack_require__(/*! vue/dist/vue.esm */ 0);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_js_event_hub__ = __webpack_require__(/*! js/event-hub */ 3);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_component_component__ = __webpack_require__(/*! component/component */ 1);
+
+
+
+
+
+
+const componentDef = {
+  mixins: [__WEBPACK_IMPORTED_MODULE_2_component_component__["a" /* default */]],
+  data: function () {
+    return {
+      showing: true,
+      hide_after_timeout: null,
+      event: {
+        data: {}
+      }
+    };
+  },
+  methods: {
+    show: function (event_data) {
+      const self = this;
+      if (this.showing === true) {
+        return;
+      }
+      this.showing = true;
+      this.event.data = event_data;
+      if (this.componentConfig["defer"] != undefined) {
+        if (!isNaN(this.componentConfig["defer"])) {
+          this.startDefer();
+        }
+      }
+      if (this.componentConfig["hide_after"] != undefined) {
+        self.hide_after_timeout = setTimeout(function () {
+          self.hide();
+        }, parseInt(this.componentConfig["hide_after"]));
+      }
+    },
+    hide: function () {
+      this.showing = false;
+      this.event.data = {};
+    },
+    startDefer: function () {
+      const self = this;
+      setTimeout(function () {
+        self.rerender();
+      }, parseInt(this.componentConfig["defer"]));
+    }
+  },
+  created: function () {
+    const self = this;
+    __WEBPACK_IMPORTED_MODULE_1_js_event_hub__["a" /* default */].$on(this.componentConfig["rerender_on"], self.rerender);
+    __WEBPACK_IMPORTED_MODULE_1_js_event_hub__["a" /* default */].$on(this.componentConfig["show_on"], self.show);
+    __WEBPACK_IMPORTED_MODULE_1_js_event_hub__["a" /* default */].$on(this.componentConfig["hide_on"], self.hide);
+    if (this.componentConfig["show_on"] != undefined) {
+      this.showing = false;
+    }
+    if (this.componentConfig["defer"] != undefined) {
+      if (!isNaN(this.componentConfig["defer"])) {
+        if (this.componentConfig["show_on"] == undefined) {
+          this.startDefer();
+        }
+      }
+    }
+  },
+  beforeDestroy: function () {
+    const self = this;
+    clearTimeout(self.hide_after_timeout);
+    __WEBPACK_IMPORTED_MODULE_1_js_event_hub__["a" /* default */].$off(this.componentConfig["rerender_on"], self.rerender);
+    __WEBPACK_IMPORTED_MODULE_1_js_event_hub__["a" /* default */].$off(this.componentConfig["show_on"], self.show);
+    __WEBPACK_IMPORTED_MODULE_1_js_event_hub__["a" /* default */].$off(this.componentConfig["hide_on"], self.hide);
+  }
+};
+
+let component = __WEBPACK_IMPORTED_MODULE_0_vue_dist_vue_esm__["a" /* default */].component('matestack-ui-core-async', componentDef);
+
+/* harmony default export */ __webpack_exports__["a"] = (componentDef);
+
+/***/ }),
+/* 17 */
 /*!*********************************************!*\
   !*** ./app/javascript/packs/application.js ***!
   \*********************************************/
@@ -13121,8 +13271,8 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_axios__ = __webpack_require__(/*! axios */ 5);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_axios___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_axios__);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_js_event_hub__ = __webpack_require__(/*! js/event-hub */ 3);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_component_component__ = __webpack_require__(/*! component/component */ 2);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_js_core__ = __webpack_require__(/*! js/core */ 36);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_component_component__ = __webpack_require__(/*! component/component */ 1);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_js_core__ = __webpack_require__(/*! js/core */ 38);
 /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "Vue", function() { return __WEBPACK_IMPORTED_MODULE_0_vue_dist_vue_esm__["a"]; });
 /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "Vuex", function() { return __WEBPACK_IMPORTED_MODULE_1_vuex__["a"]; });
 /* harmony reexport (default from non-hamory) */ __webpack_require__.d(__webpack_exports__, "axios", function() { return __WEBPACK_IMPORTED_MODULE_2_axios___default.a; });
@@ -13148,7 +13298,7 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
 
 
 /***/ }),
-/* 16 */
+/* 18 */
 /*!************************************************!*\
   !*** ./node_modules/timers-browserify/main.js ***!
   \************************************************/
@@ -13209,7 +13359,7 @@ exports._unrefActive = exports.active = function(item) {
 };
 
 // setimmediate attaches itself to the global object
-__webpack_require__(/*! setimmediate */ 17);
+__webpack_require__(/*! setimmediate */ 19);
 // On some exotic environments, it's not clear which object `setimmediate` was
 // able to install onto.  Search each possibility in the same order as the
 // `setimmediate` library.
@@ -13223,7 +13373,7 @@ exports.clearImmediate = (typeof self !== "undefined" && self.clearImmediate) ||
 /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(/*! ./../webpack/buildin/global.js */ 6)))
 
 /***/ }),
-/* 17 */
+/* 19 */
 /*!***************************************************!*\
   !*** ./node_modules/setimmediate/setImmediate.js ***!
   \***************************************************/
@@ -13418,10 +13568,10 @@ exports.clearImmediate = (typeof self !== "undefined" && self.clearImmediate) ||
     attachTo.clearImmediate = clearImmediate;
 }(typeof self === "undefined" ? typeof global === "undefined" ? this : global : self));
 
-/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(/*! ./../webpack/buildin/global.js */ 6), __webpack_require__(/*! ./../process/browser.js */ 8)))
+/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(/*! ./../webpack/buildin/global.js */ 6), __webpack_require__(/*! ./../process/browser.js */ 9)))
 
 /***/ }),
-/* 18 */
+/* 20 */
 /*!******************************************!*\
   !*** ../node_modules/axios/lib/axios.js ***!
   \******************************************/
@@ -13432,9 +13582,9 @@ exports.clearImmediate = (typeof self !== "undefined" && self.clearImmediate) ||
 "use strict";
 
 
-var utils = __webpack_require__(/*! ./utils */ 1);
-var bind = __webpack_require__(/*! ./helpers/bind */ 9);
-var Axios = __webpack_require__(/*! ./core/Axios */ 20);
+var utils = __webpack_require__(/*! ./utils */ 2);
+var bind = __webpack_require__(/*! ./helpers/bind */ 10);
+var Axios = __webpack_require__(/*! ./core/Axios */ 22);
 var defaults = __webpack_require__(/*! ./defaults */ 7);
 
 /**
@@ -13468,15 +13618,15 @@ axios.create = function create(instanceConfig) {
 };
 
 // Expose Cancel & CancelToken
-axios.Cancel = __webpack_require__(/*! ./cancel/Cancel */ 13);
-axios.CancelToken = __webpack_require__(/*! ./cancel/CancelToken */ 34);
-axios.isCancel = __webpack_require__(/*! ./cancel/isCancel */ 12);
+axios.Cancel = __webpack_require__(/*! ./cancel/Cancel */ 14);
+axios.CancelToken = __webpack_require__(/*! ./cancel/CancelToken */ 36);
+axios.isCancel = __webpack_require__(/*! ./cancel/isCancel */ 13);
 
 // Expose all/spread
 axios.all = function all(promises) {
   return Promise.all(promises);
 };
-axios.spread = __webpack_require__(/*! ./helpers/spread */ 35);
+axios.spread = __webpack_require__(/*! ./helpers/spread */ 37);
 
 module.exports = axios;
 
@@ -13485,7 +13635,7 @@ module.exports.default = axios;
 
 
 /***/ }),
-/* 19 */
+/* 21 */
 /*!******************************************!*\
   !*** ../node_modules/is-buffer/index.js ***!
   \******************************************/
@@ -13517,7 +13667,7 @@ function isSlowBuffer (obj) {
 
 
 /***/ }),
-/* 20 */
+/* 22 */
 /*!***********************************************!*\
   !*** ../node_modules/axios/lib/core/Axios.js ***!
   \***********************************************/
@@ -13529,9 +13679,9 @@ function isSlowBuffer (obj) {
 
 
 var defaults = __webpack_require__(/*! ./../defaults */ 7);
-var utils = __webpack_require__(/*! ./../utils */ 1);
-var InterceptorManager = __webpack_require__(/*! ./InterceptorManager */ 29);
-var dispatchRequest = __webpack_require__(/*! ./dispatchRequest */ 30);
+var utils = __webpack_require__(/*! ./../utils */ 2);
+var InterceptorManager = __webpack_require__(/*! ./InterceptorManager */ 31);
+var dispatchRequest = __webpack_require__(/*! ./dispatchRequest */ 32);
 
 /**
  * Create a new instance of Axios
@@ -13608,7 +13758,7 @@ module.exports = Axios;
 
 
 /***/ }),
-/* 21 */
+/* 23 */
 /*!****************************************************************!*\
   !*** ../node_modules/axios/lib/helpers/normalizeHeaderName.js ***!
   \****************************************************************/
@@ -13619,7 +13769,7 @@ module.exports = Axios;
 "use strict";
 
 
-var utils = __webpack_require__(/*! ../utils */ 1);
+var utils = __webpack_require__(/*! ../utils */ 2);
 
 module.exports = function normalizeHeaderName(headers, normalizedName) {
   utils.forEach(headers, function processHeader(value, name) {
@@ -13632,7 +13782,7 @@ module.exports = function normalizeHeaderName(headers, normalizedName) {
 
 
 /***/ }),
-/* 22 */
+/* 24 */
 /*!************************************************!*\
   !*** ../node_modules/axios/lib/core/settle.js ***!
   \************************************************/
@@ -13643,7 +13793,7 @@ module.exports = function normalizeHeaderName(headers, normalizedName) {
 "use strict";
 
 
-var createError = __webpack_require__(/*! ./createError */ 11);
+var createError = __webpack_require__(/*! ./createError */ 12);
 
 /**
  * Resolve or reject a Promise based on response status.
@@ -13670,7 +13820,7 @@ module.exports = function settle(resolve, reject, response) {
 
 
 /***/ }),
-/* 23 */
+/* 25 */
 /*!******************************************************!*\
   !*** ../node_modules/axios/lib/core/enhanceError.js ***!
   \******************************************************/
@@ -13703,7 +13853,7 @@ module.exports = function enhanceError(error, config, code, request, response) {
 
 
 /***/ }),
-/* 24 */
+/* 26 */
 /*!*****************************************************!*\
   !*** ../node_modules/axios/lib/helpers/buildURL.js ***!
   \*****************************************************/
@@ -13714,7 +13864,7 @@ module.exports = function enhanceError(error, config, code, request, response) {
 "use strict";
 
 
-var utils = __webpack_require__(/*! ./../utils */ 1);
+var utils = __webpack_require__(/*! ./../utils */ 2);
 
 function encode(val) {
   return encodeURIComponent(val).
@@ -13781,7 +13931,7 @@ module.exports = function buildURL(url, params, paramsSerializer) {
 
 
 /***/ }),
-/* 25 */
+/* 27 */
 /*!*********************************************************!*\
   !*** ../node_modules/axios/lib/helpers/parseHeaders.js ***!
   \*********************************************************/
@@ -13792,7 +13942,7 @@ module.exports = function buildURL(url, params, paramsSerializer) {
 "use strict";
 
 
-var utils = __webpack_require__(/*! ./../utils */ 1);
+var utils = __webpack_require__(/*! ./../utils */ 2);
 
 // Headers whose duplicates are ignored by node
 // c.f. https://nodejs.org/api/http.html#http_message_headers
@@ -13846,7 +13996,7 @@ module.exports = function parseHeaders(headers) {
 
 
 /***/ }),
-/* 26 */
+/* 28 */
 /*!************************************************************!*\
   !*** ../node_modules/axios/lib/helpers/isURLSameOrigin.js ***!
   \************************************************************/
@@ -13857,7 +14007,7 @@ module.exports = function parseHeaders(headers) {
 "use strict";
 
 
-var utils = __webpack_require__(/*! ./../utils */ 1);
+var utils = __webpack_require__(/*! ./../utils */ 2);
 
 module.exports = (
   utils.isStandardBrowserEnv() ?
@@ -13926,7 +14076,7 @@ module.exports = (
 
 
 /***/ }),
-/* 27 */
+/* 29 */
 /*!*************************************************!*\
   !*** ../node_modules/axios/lib/helpers/btoa.js ***!
   \*************************************************/
@@ -13974,7 +14124,7 @@ module.exports = btoa;
 
 
 /***/ }),
-/* 28 */
+/* 30 */
 /*!****************************************************!*\
   !*** ../node_modules/axios/lib/helpers/cookies.js ***!
   \****************************************************/
@@ -13985,7 +14135,7 @@ module.exports = btoa;
 "use strict";
 
 
-var utils = __webpack_require__(/*! ./../utils */ 1);
+var utils = __webpack_require__(/*! ./../utils */ 2);
 
 module.exports = (
   utils.isStandardBrowserEnv() ?
@@ -14039,7 +14189,7 @@ module.exports = (
 
 
 /***/ }),
-/* 29 */
+/* 31 */
 /*!************************************************************!*\
   !*** ../node_modules/axios/lib/core/InterceptorManager.js ***!
   \************************************************************/
@@ -14050,7 +14200,7 @@ module.exports = (
 "use strict";
 
 
-var utils = __webpack_require__(/*! ./../utils */ 1);
+var utils = __webpack_require__(/*! ./../utils */ 2);
 
 function InterceptorManager() {
   this.handlers = [];
@@ -14103,7 +14253,7 @@ module.exports = InterceptorManager;
 
 
 /***/ }),
-/* 30 */
+/* 32 */
 /*!*********************************************************!*\
   !*** ../node_modules/axios/lib/core/dispatchRequest.js ***!
   \*********************************************************/
@@ -14114,12 +14264,12 @@ module.exports = InterceptorManager;
 "use strict";
 
 
-var utils = __webpack_require__(/*! ./../utils */ 1);
-var transformData = __webpack_require__(/*! ./transformData */ 31);
-var isCancel = __webpack_require__(/*! ../cancel/isCancel */ 12);
+var utils = __webpack_require__(/*! ./../utils */ 2);
+var transformData = __webpack_require__(/*! ./transformData */ 33);
+var isCancel = __webpack_require__(/*! ../cancel/isCancel */ 13);
 var defaults = __webpack_require__(/*! ../defaults */ 7);
-var isAbsoluteURL = __webpack_require__(/*! ./../helpers/isAbsoluteURL */ 32);
-var combineURLs = __webpack_require__(/*! ./../helpers/combineURLs */ 33);
+var isAbsoluteURL = __webpack_require__(/*! ./../helpers/isAbsoluteURL */ 34);
+var combineURLs = __webpack_require__(/*! ./../helpers/combineURLs */ 35);
 
 /**
  * Throws a `Cancel` if cancellation has been requested.
@@ -14201,7 +14351,7 @@ module.exports = function dispatchRequest(config) {
 
 
 /***/ }),
-/* 31 */
+/* 33 */
 /*!*******************************************************!*\
   !*** ../node_modules/axios/lib/core/transformData.js ***!
   \*******************************************************/
@@ -14212,7 +14362,7 @@ module.exports = function dispatchRequest(config) {
 "use strict";
 
 
-var utils = __webpack_require__(/*! ./../utils */ 1);
+var utils = __webpack_require__(/*! ./../utils */ 2);
 
 /**
  * Transform the data for a request or a response
@@ -14233,7 +14383,7 @@ module.exports = function transformData(data, headers, fns) {
 
 
 /***/ }),
-/* 32 */
+/* 34 */
 /*!**********************************************************!*\
   !*** ../node_modules/axios/lib/helpers/isAbsoluteURL.js ***!
   \**********************************************************/
@@ -14259,7 +14409,7 @@ module.exports = function isAbsoluteURL(url) {
 
 
 /***/ }),
-/* 33 */
+/* 35 */
 /*!********************************************************!*\
   !*** ../node_modules/axios/lib/helpers/combineURLs.js ***!
   \********************************************************/
@@ -14285,7 +14435,7 @@ module.exports = function combineURLs(baseURL, relativeURL) {
 
 
 /***/ }),
-/* 34 */
+/* 36 */
 /*!*******************************************************!*\
   !*** ../node_modules/axios/lib/cancel/CancelToken.js ***!
   \*******************************************************/
@@ -14296,7 +14446,7 @@ module.exports = function combineURLs(baseURL, relativeURL) {
 "use strict";
 
 
-var Cancel = __webpack_require__(/*! ./Cancel */ 13);
+var Cancel = __webpack_require__(/*! ./Cancel */ 14);
 
 /**
  * A `CancelToken` is an object that can be used to request cancellation of an operation.
@@ -14354,7 +14504,7 @@ module.exports = CancelToken;
 
 
 /***/ }),
-/* 35 */
+/* 37 */
 /*!***************************************************!*\
   !*** ../node_modules/axios/lib/helpers/spread.js ***!
   \***************************************************/
@@ -14393,7 +14543,7 @@ module.exports = function spread(callback) {
 
 
 /***/ }),
-/* 36 */
+/* 38 */
 /*!****************************************************!*\
   !*** ../app/concepts/matestack/ui/core/js/core.js ***!
   \****************************************************/
@@ -14402,18 +14552,24 @@ module.exports = function spread(callback) {
 
 "use strict";
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_vue_dist_vue_esm__ = __webpack_require__(/*! vue/dist/vue.esm */ 0);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_app_app__ = __webpack_require__(/*! app/app */ 37);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_async_async__ = __webpack_require__(/*! async/async */ 38);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_page_content__ = __webpack_require__(/*! page/content */ 39);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_app_store__ = __webpack_require__(/*! app/store */ 40);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_component_component__ = __webpack_require__(/*! component/component */ 2);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_component_anonym_dynamic_component__ = __webpack_require__(/*! component/anonym-dynamic-component */ 41);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_html_html__ = __webpack_require__(/*! html/html */ 42);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_transition_transition__ = __webpack_require__(/*! transition/transition */ 43);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9_action_action__ = __webpack_require__(/*! action/action */ 44);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10_form_form__ = __webpack_require__(/*! form/form */ 45);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_11_view_view__ = __webpack_require__(/*! view/view */ 46);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_12_onclick_onclick__ = __webpack_require__(/*! onclick/onclick */ 47);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_app_app__ = __webpack_require__(/*! app/app */ 39);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_async_async__ = __webpack_require__(/*! async/async */ 16);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_page_content__ = __webpack_require__(/*! page/content */ 40);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_app_store__ = __webpack_require__(/*! app/store */ 41);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_component_component__ = __webpack_require__(/*! component/component */ 1);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_component_anonym_dynamic_component__ = __webpack_require__(/*! component/anonym-dynamic-component */ 42);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_html_html__ = __webpack_require__(/*! html/html */ 43);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_transition_transition__ = __webpack_require__(/*! transition/transition */ 44);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9_action_action__ = __webpack_require__(/*! action/action */ 45);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10_form_form__ = __webpack_require__(/*! form/form */ 46);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_11_view_view__ = __webpack_require__(/*! view/view */ 47);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_12_onclick_onclick__ = __webpack_require__(/*! onclick/onclick */ 48);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_13_collection_content_content__ = __webpack_require__(/*! collection/content/content */ 49);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_14_collection_filter_filter__ = __webpack_require__(/*! collection/filter/filter */ 50);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_15_collection_order_order__ = __webpack_require__(/*! collection/order/order */ 51);
+
+
+
 
 
 
@@ -14442,7 +14598,7 @@ document.addEventListener('DOMContentLoaded', () => {
 /* unused harmony default export */ var _unused_webpack_default_export = (__WEBPACK_IMPORTED_MODULE_0_vue_dist_vue_esm__["a" /* default */]);
 
 /***/ }),
-/* 37 */
+/* 39 */
 /*!****************************************************!*\
   !*** ../app/concepts/matestack/ui/core/app/app.js ***!
   \****************************************************/
@@ -14453,7 +14609,7 @@ document.addEventListener('DOMContentLoaded', () => {
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_vue_dist_vue_esm__ = __webpack_require__(/*! vue/dist/vue.esm */ 0);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_axios__ = __webpack_require__(/*! axios */ 5);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_axios___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_axios__);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_v_runtime_template__ = __webpack_require__(/*! v-runtime-template */ 14);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_v_runtime_template__ = __webpack_require__(/*! v-runtime-template */ 15);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_vuex__ = __webpack_require__(/*! vuex */ 4);
 
 
@@ -14484,77 +14640,7 @@ let component = __WEBPACK_IMPORTED_MODULE_0_vue_dist_vue_esm__["a" /* default */
 /* unused harmony default export */ var _unused_webpack_default_export = (componentDef);
 
 /***/ }),
-/* 38 */
-/*!********************************************************!*\
-  !*** ../app/concepts/matestack/ui/core/async/async.js ***!
-  \********************************************************/
-/*! exports provided: default */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_vue_dist_vue_esm__ = __webpack_require__(/*! vue/dist/vue.esm */ 0);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_js_event_hub__ = __webpack_require__(/*! js/event-hub */ 3);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_component_component__ = __webpack_require__(/*! component/component */ 2);
-
-
-
-
-
-
-const componentDef = {
-  mixins: [__WEBPACK_IMPORTED_MODULE_2_component_component__["a" /* default */]],
-  data: function () {
-    return {
-      showing: true,
-      hide_after_timeout: null,
-      event: {
-        data: {}
-      }
-    };
-  },
-  methods: {
-    show: function (event_data) {
-      const self = this;
-      this.showing = true;
-      this.event.data = event_data;
-      if (this.componentConfig["hide_after"] != undefined) {
-        self.hide_after_timeout = setTimeout(function () {
-          self.hide();
-        }, parseInt(this.componentConfig["hide_after"]));
-      }
-    },
-    hide: function () {
-      this.showing = false;
-      this.event.data = {};
-    }
-  },
-  created: function () {
-    const self = this;
-    __WEBPACK_IMPORTED_MODULE_1_js_event_hub__["a" /* default */].$on(this.componentConfig["rerender_on"], self.rerender);
-    __WEBPACK_IMPORTED_MODULE_1_js_event_hub__["a" /* default */].$on(this.componentConfig["show_on"], self.show);
-    __WEBPACK_IMPORTED_MODULE_1_js_event_hub__["a" /* default */].$on(this.componentConfig["hide_on"], self.hide);
-    if (this.componentConfig["show_on"] != undefined) {
-      this.showing = false;
-    }
-    if (this.componentConfig["hide_on"] != undefined) {
-      this.showing = true;
-    }
-  },
-  beforeDestroy: function () {
-    const self = this;
-    clearTimeout(self.hide_after_timeout);
-    __WEBPACK_IMPORTED_MODULE_1_js_event_hub__["a" /* default */].$off(this.componentConfig["rerender_on"], self.rerender);
-    __WEBPACK_IMPORTED_MODULE_1_js_event_hub__["a" /* default */].$off(this.componentConfig["show_on"], self.show);
-    __WEBPACK_IMPORTED_MODULE_1_js_event_hub__["a" /* default */].$off(this.componentConfig["hide_on"], self.hide);
-  }
-};
-
-let component = __WEBPACK_IMPORTED_MODULE_0_vue_dist_vue_esm__["a" /* default */].component('matestack-ui-core-async', componentDef);
-
-/* unused harmony default export */ var _unused_webpack_default_export = (componentDef);
-
-/***/ }),
-/* 39 */
+/* 40 */
 /*!*********************************************************!*\
   !*** ../app/concepts/matestack/ui/core/page/content.js ***!
   \*********************************************************/
@@ -14564,7 +14650,7 @@ let component = __WEBPACK_IMPORTED_MODULE_0_vue_dist_vue_esm__["a" /* default */
 "use strict";
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_vue_dist_vue_esm__ = __webpack_require__(/*! vue/dist/vue.esm */ 0);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_vuex__ = __webpack_require__(/*! vuex */ 4);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_component_component__ = __webpack_require__(/*! component/component */ 2);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_component_component__ = __webpack_require__(/*! component/component */ 1);
 
 
 
@@ -14584,7 +14670,7 @@ let component = __WEBPACK_IMPORTED_MODULE_0_vue_dist_vue_esm__["a" /* default */
 /* unused harmony default export */ var _unused_webpack_default_export = (componentDef);
 
 /***/ }),
-/* 40 */
+/* 41 */
 /*!******************************************************!*\
   !*** ../app/concepts/matestack/ui/core/app/store.js ***!
   \******************************************************/
@@ -14669,7 +14755,7 @@ const store = new __WEBPACK_IMPORTED_MODULE_1_vuex__["a" /* default */].Store({
 /* harmony default export */ __webpack_exports__["a"] = (store);
 
 /***/ }),
-/* 41 */
+/* 42 */
 /*!*******************************************************************************!*\
   !*** ../app/concepts/matestack/ui/core/component/anonym-dynamic-component.js ***!
   \*******************************************************************************/
@@ -14678,7 +14764,7 @@ const store = new __WEBPACK_IMPORTED_MODULE_1_vuex__["a" /* default */].Store({
 
 "use strict";
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_vue_dist_vue_esm__ = __webpack_require__(/*! vue/dist/vue.esm */ 0);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_component_component__ = __webpack_require__(/*! component/component */ 2);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_component_component__ = __webpack_require__(/*! component/component */ 1);
 
 
 
@@ -14691,7 +14777,7 @@ let component = __WEBPACK_IMPORTED_MODULE_0_vue_dist_vue_esm__["a" /* default */
 /* unused harmony default export */ var _unused_webpack_default_export = (componentDef);
 
 /***/ }),
-/* 42 */
+/* 43 */
 /*!******************************************************!*\
   !*** ../app/concepts/matestack/ui/core/html/html.js ***!
   \******************************************************/
@@ -14700,7 +14786,7 @@ let component = __WEBPACK_IMPORTED_MODULE_0_vue_dist_vue_esm__["a" /* default */
 
 "use strict";
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_vue_dist_vue_esm__ = __webpack_require__(/*! vue/dist/vue.esm */ 0);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_component_component__ = __webpack_require__(/*! component/component */ 2);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_component_component__ = __webpack_require__(/*! component/component */ 1);
 
 
 
@@ -14713,7 +14799,7 @@ let component = __WEBPACK_IMPORTED_MODULE_0_vue_dist_vue_esm__["a" /* default */
 /* unused harmony default export */ var _unused_webpack_default_export = (component);
 
 /***/ }),
-/* 43 */
+/* 44 */
 /*!******************************************************************!*\
   !*** ../app/concepts/matestack/ui/core/transition/transition.js ***!
   \******************************************************************/
@@ -14723,7 +14809,7 @@ let component = __WEBPACK_IMPORTED_MODULE_0_vue_dist_vue_esm__["a" /* default */
 "use strict";
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_vue_dist_vue_esm__ = __webpack_require__(/*! vue/dist/vue.esm */ 0);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_vuex__ = __webpack_require__(/*! vuex */ 4);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_component_component__ = __webpack_require__(/*! component/component */ 2);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_component_component__ = __webpack_require__(/*! component/component */ 1);
 
 
 
@@ -14752,7 +14838,7 @@ let component = __WEBPACK_IMPORTED_MODULE_0_vue_dist_vue_esm__["a" /* default */
 /* unused harmony default export */ var _unused_webpack_default_export = (componentDef);
 
 /***/ }),
-/* 44 */
+/* 45 */
 /*!**********************************************************!*\
   !*** ../app/concepts/matestack/ui/core/action/action.js ***!
   \**********************************************************/
@@ -14765,7 +14851,7 @@ let component = __WEBPACK_IMPORTED_MODULE_0_vue_dist_vue_esm__["a" /* default */
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_axios__ = __webpack_require__(/*! axios */ 5);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_axios___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_axios__);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_js_event_hub__ = __webpack_require__(/*! js/event-hub */ 3);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_component_component__ = __webpack_require__(/*! component/component */ 2);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_component_component__ = __webpack_require__(/*! component/component */ 1);
 
 
 
@@ -14815,7 +14901,7 @@ let component = __WEBPACK_IMPORTED_MODULE_0_vue_dist_vue_esm__["a" /* default */
 /* unused harmony default export */ var _unused_webpack_default_export = (componentDef);
 
 /***/ }),
-/* 45 */
+/* 46 */
 /*!******************************************************!*\
   !*** ../app/concepts/matestack/ui/core/form/form.js ***!
   \******************************************************/
@@ -14828,7 +14914,7 @@ let component = __WEBPACK_IMPORTED_MODULE_0_vue_dist_vue_esm__["a" /* default */
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_axios__ = __webpack_require__(/*! axios */ 5);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_axios___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_axios__);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_js_event_hub__ = __webpack_require__(/*! js/event-hub */ 3);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_component_component__ = __webpack_require__(/*! component/component */ 2);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_component_component__ = __webpack_require__(/*! component/component */ 1);
 
 
 
@@ -14962,7 +15048,7 @@ let component = __WEBPACK_IMPORTED_MODULE_0_vue_dist_vue_esm__["a" /* default */
 /* unused harmony default export */ var _unused_webpack_default_export = (componentDef);
 
 /***/ }),
-/* 46 */
+/* 47 */
 /*!******************************************************!*\
   !*** ../app/concepts/matestack/ui/core/view/view.js ***!
   \******************************************************/
@@ -14972,7 +15058,7 @@ let component = __WEBPACK_IMPORTED_MODULE_0_vue_dist_vue_esm__["a" /* default */
 "use strict";
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_vue_dist_vue_esm__ = __webpack_require__(/*! vue/dist/vue.esm */ 0);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_js_event_hub__ = __webpack_require__(/*! js/event-hub */ 3);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_component_component__ = __webpack_require__(/*! component/component */ 2);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_component_component__ = __webpack_require__(/*! component/component */ 1);
 
 
 
@@ -15017,7 +15103,7 @@ let component = __WEBPACK_IMPORTED_MODULE_0_vue_dist_vue_esm__["a" /* default */
 /* unused harmony default export */ var _unused_webpack_default_export = (componentDef);
 
 /***/ }),
-/* 47 */
+/* 48 */
 /*!************************************************************!*\
   !*** ../app/concepts/matestack/ui/core/onclick/onclick.js ***!
   \************************************************************/
@@ -15027,7 +15113,7 @@ let component = __WEBPACK_IMPORTED_MODULE_0_vue_dist_vue_esm__["a" /* default */
 "use strict";
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_vue_dist_vue_esm__ = __webpack_require__(/*! vue/dist/vue.esm */ 0);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_js_event_hub__ = __webpack_require__(/*! js/event-hub */ 3);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_component_component__ = __webpack_require__(/*! component/component */ 2);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_component_component__ = __webpack_require__(/*! component/component */ 1);
 
 
 
@@ -15050,6 +15136,257 @@ let component = __WEBPACK_IMPORTED_MODULE_0_vue_dist_vue_esm__["a" /* default */
 
 /* unused harmony default export */ var _unused_webpack_default_export = (componentDef);
 
+/***/ }),
+/* 49 */
+/*!***********************************************************************!*\
+  !*** ../app/concepts/matestack/ui/core/collection/content/content.js ***!
+  \***********************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_vue_dist_vue_esm__ = __webpack_require__(/*! vue/dist/vue.esm */ 0);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_js_event_hub__ = __webpack_require__(/*! js/event-hub */ 3);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_js_helpers_query_params_helper__ = __webpack_require__(/*! js/helpers/query-params-helper */ 8);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_component_component__ = __webpack_require__(/*! component/component */ 1);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_async_async__ = __webpack_require__(/*! async/async */ 16);
+
+
+
+
+
+
+
+
+const componentDef = {
+  mixins: [__WEBPACK_IMPORTED_MODULE_3_component_component__["a" /* default */], __WEBPACK_IMPORTED_MODULE_4_async_async__["a" /* default */]],
+  data: function () {
+    return {
+      currentLimit: null,
+      currentOffset: null,
+      currentFilteredCount: null,
+      currentBaseCount: null
+    };
+  },
+  methods: {
+    next: function () {
+      if (this.currentTo() < this.currentCount()) {
+        this.currentOffset += this.currentLimit;
+        var url = __WEBPACK_IMPORTED_MODULE_2_js_helpers_query_params_helper__["a" /* default */].updateQueryParams(this.componentConfig["id"] + "-offset", this.currentOffset);
+        window.history.pushState({ matestackApp: true, url: url }, null, url);
+        __WEBPACK_IMPORTED_MODULE_1_js_event_hub__["a" /* default */].$emit(this.componentConfig["id"] + "-update");
+      }
+    },
+    previous: function () {
+      if ((this.currentOffset - this.currentLimit) * -1 != this.currentLimit) {
+        if (this.currentOffset - this.currentLimit < 0) {
+          this.currentOffset = 0;
+        } else {
+          this.currentOffset -= this.currentLimit;
+        }
+        var url = __WEBPACK_IMPORTED_MODULE_2_js_helpers_query_params_helper__["a" /* default */].updateQueryParams(this.componentConfig["id"] + "-offset", this.currentOffset);
+        window.history.pushState({ matestackApp: true, url: url }, null, url);
+        __WEBPACK_IMPORTED_MODULE_1_js_event_hub__["a" /* default */].$emit(this.componentConfig["id"] + "-update");
+      }
+    },
+    currentTo: function () {
+      var to = parseInt(this.currentOffset) + parseInt(this.currentLimit);
+      if (to > parseInt(this.currentCount())) {
+        return this.currentCount();
+      } else {
+        return to;
+      }
+    },
+    currentCount: function () {
+      if (this.currentFilteredCount != null || this.currentFilteredCount != undefined) {
+        return this.currentFilteredCount;
+      } else {
+        return this.currentBaseCount;
+      }
+    },
+    goToPage: function (page) {
+      this.currentOffset = parseInt(this.currentLimit) * (parseInt(page) - 1);
+      var url = __WEBPACK_IMPORTED_MODULE_2_js_helpers_query_params_helper__["a" /* default */].updateQueryParams(this.componentConfig["id"] + "-offset", this.currentOffset);
+      window.history.pushState({ matestackApp: true, url: url }, null, url);
+      __WEBPACK_IMPORTED_MODULE_1_js_event_hub__["a" /* default */].$emit(this.componentConfig["id"] + "-update");
+    }
+  },
+  mounted: function () {
+    if (__WEBPACK_IMPORTED_MODULE_2_js_helpers_query_params_helper__["a" /* default */].getQueryParam(this.componentConfig["id"] + "-offset") != null) {
+      this.currentOffset = parseInt(__WEBPACK_IMPORTED_MODULE_2_js_helpers_query_params_helper__["a" /* default */].getQueryParam(this.componentConfig["id"] + "-offset"));
+    } else {
+      if (this.componentConfig["init_offset"] != undefined) {
+        this.currentOffset = this.componentConfig["init_offset"];
+      } else {
+        this.currentOffset = 0;
+      }
+    }
+
+    if (__WEBPACK_IMPORTED_MODULE_2_js_helpers_query_params_helper__["a" /* default */].getQueryParam(this.componentConfig["id"] + "-limit") != null) {
+      this.currentOffset = parseInt(__WEBPACK_IMPORTED_MODULE_2_js_helpers_query_params_helper__["a" /* default */].getQueryParam(this.componentConfig["id"] + "-limit"));
+    } else {
+      if (this.componentConfig["init_limit"] != undefined) {
+        this.currentLimit = this.componentConfig["init_limit"];
+      } else {
+        this.currentLimit = 10;
+      }
+    }
+
+    if (this.componentConfig["filtered_count"] != undefined) {
+      this.currentFilteredCount = this.componentConfig["filtered_count"];
+      if (this.currentOffset >= this.currentFilteredCount) {
+        this.previous();
+      }
+    }
+    if (this.componentConfig["base_count"] != undefined) {
+      this.currentBaseCount = this.componentConfig["base_count"];
+      if (this.currentOffset >= this.currentBaseCount) {
+        this.previous();
+      }
+    }
+  }
+};
+
+let component = __WEBPACK_IMPORTED_MODULE_0_vue_dist_vue_esm__["a" /* default */].component('matestack-ui-core-collection-content', componentDef);
+
+/* unused harmony default export */ var _unused_webpack_default_export = (componentDef);
+
+/***/ }),
+/* 50 */
+/*!*********************************************************************!*\
+  !*** ../app/concepts/matestack/ui/core/collection/filter/filter.js ***!
+  \*********************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_vue_dist_vue_esm__ = __webpack_require__(/*! vue/dist/vue.esm */ 0);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_js_event_hub__ = __webpack_require__(/*! js/event-hub */ 3);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_js_helpers_query_params_helper__ = __webpack_require__(/*! js/helpers/query-params-helper */ 8);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_component_component__ = __webpack_require__(/*! component/component */ 1);
+
+
+
+
+
+
+
+const componentDef = {
+  mixins: [__WEBPACK_IMPORTED_MODULE_3_component_component__["a" /* default */]],
+  data: function () {
+    return {
+      filter: {}
+    };
+  },
+  methods: {
+    submitFilter: function () {
+      var url;
+      var filter = this.filter;
+      for (var key in this.filter) {
+        url = __WEBPACK_IMPORTED_MODULE_2_js_helpers_query_params_helper__["a" /* default */].updateQueryParams(this.componentConfig["id"] + "-filter-" + key, this.filter[key], url);
+      }
+      url = __WEBPACK_IMPORTED_MODULE_2_js_helpers_query_params_helper__["a" /* default */].updateQueryParams(this.componentConfig["id"] + "-offset", 0, url);
+      window.history.pushState({ matestackApp: true, url: url }, null, url);
+      __WEBPACK_IMPORTED_MODULE_1_js_event_hub__["a" /* default */].$emit(this.componentConfig["id"] + "-update");
+    },
+    resetFilter: function () {
+      var url;
+      for (var key in this.filter) {
+        url = __WEBPACK_IMPORTED_MODULE_2_js_helpers_query_params_helper__["a" /* default */].updateQueryParams(this.componentConfig["id"] + "-filter-" + key, null, url);
+        this.filter[key] = null;
+        this.$forceUpdate();
+      }
+      window.history.pushState({ matestackApp: true, url: url }, null, url);
+      __WEBPACK_IMPORTED_MODULE_1_js_event_hub__["a" /* default */].$emit(this.componentConfig["id"] + "-update");
+    }
+  },
+  created: function () {
+    var self = this;
+    var queryParamsObject = __WEBPACK_IMPORTED_MODULE_2_js_helpers_query_params_helper__["a" /* default */].queryParamsToObject();
+    Object.keys(queryParamsObject).forEach(function (key) {
+      if (key.startsWith(self.componentConfig["id"] + "-filter-")) {
+        self.filter[key.replace(self.componentConfig["id"] + "-filter-", "")] = queryParamsObject[key];
+      }
+    });
+  }
+};
+
+let component = __WEBPACK_IMPORTED_MODULE_0_vue_dist_vue_esm__["a" /* default */].component('matestack-ui-core-collection-filter', componentDef);
+
+/* unused harmony default export */ var _unused_webpack_default_export = (componentDef);
+
+/***/ }),
+/* 51 */
+/*!*******************************************************************!*\
+  !*** ../app/concepts/matestack/ui/core/collection/order/order.js ***!
+  \*******************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_vue_dist_vue_esm__ = __webpack_require__(/*! vue/dist/vue.esm */ 0);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_js_event_hub__ = __webpack_require__(/*! js/event-hub */ 3);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_js_helpers_query_params_helper__ = __webpack_require__(/*! js/helpers/query-params-helper */ 8);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_component_component__ = __webpack_require__(/*! component/component */ 1);
+
+
+
+
+
+
+
+const componentDef = {
+  mixins: [__WEBPACK_IMPORTED_MODULE_3_component_component__["a" /* default */]],
+  data: function () {
+    return {
+      ordering: {}
+    };
+  },
+  methods: {
+    toggleOrder: function (key) {
+      if (this.ordering[key] == undefined) {
+        this.ordering[key] = "asc";
+      } else if (this.ordering[key] == "asc") {
+        this.ordering[key] = "desc";
+      } else if (this.ordering[key] = "desc") {
+        this.ordering[key] = undefined;
+      }
+      var url;
+      url = __WEBPACK_IMPORTED_MODULE_2_js_helpers_query_params_helper__["a" /* default */].updateQueryParams(this.componentConfig["id"] + "-order-" + key, this.ordering[key]);
+      url = __WEBPACK_IMPORTED_MODULE_2_js_helpers_query_params_helper__["a" /* default */].updateQueryParams(this.componentConfig["id"] + "-offset", 0, url);
+      window.history.pushState({ matestackApp: true, url: url }, null, url);
+      __WEBPACK_IMPORTED_MODULE_1_js_event_hub__["a" /* default */].$emit(this.componentConfig["id"] + "-update");
+      this.$forceUpdate();
+    },
+    orderIndicator(key, indicators) {
+      return indicators[this.ordering[key]];
+    },
+    resetFilter: function () {
+      var url;
+      for (var key in this.filter) {
+        url = __WEBPACK_IMPORTED_MODULE_2_js_helpers_query_params_helper__["a" /* default */].updateQueryParams(this.componentConfig["id"] + "-filter-" + key, null);
+        this.filter[key] = null;
+        this.$forceUpdate();
+      }
+      window.history.pushState({ matestackApp: true, url: url }, null, url);
+      __WEBPACK_IMPORTED_MODULE_1_js_event_hub__["a" /* default */].$emit(this.componentConfig["id"] + "-update");
+    }
+  },
+  created: function () {
+    var self = this;
+    var queryParamsObject = __WEBPACK_IMPORTED_MODULE_2_js_helpers_query_params_helper__["a" /* default */].queryParamsToObject();
+    Object.keys(queryParamsObject).forEach(function (key) {
+      if (key.startsWith(self.componentConfig["id"] + "-order-")) {
+        self.ordering[key.replace(self.componentConfig["id"] + "-order-", "")] = queryParamsObject[key];
+      }
+    });
+  }
+};
+
+let component = __WEBPACK_IMPORTED_MODULE_0_vue_dist_vue_esm__["a" /* default */].component('matestack-ui-core-collection-order', componentDef);
+
+/* unused harmony default export */ var _unused_webpack_default_export = (componentDef);
+
 /***/ })
 /******/ ]);
 //# sourceMappingURL=matestack-ui-core.js.map