brew-js-react 0.3.2 → 0.3.3

package/dist/brew-js-react.js

@@ -1,85 +1,85 @@
-(function webpackUniversalModuleDefinition(root, factory) {
-	if(typeof exports === 'object' && typeof module === 'object')
-		module.exports = factory(require("brew-js"), require("react"), require("react-dom"), (function webpackLoadOptionalExternalModule() { try { return require("react-dom/client"); } catch(e) {} }()), require("zeta-dom"), require("zeta-dom-react"), require("waterpipe"), require("jQuery"));
-	else if(typeof define === 'function' && define.amd)
-		define("brew-js-react", ["brew-js", "react", "react-dom", "react-dom/client", "zeta-dom", "zeta-dom-react", "waterpipe", "jQuery"], factory);
-	else if(typeof exports === 'object')
-		exports["brew-js-react"] = factory(require("brew-js"), require("react"), require("react-dom"), (function webpackLoadOptionalExternalModule() { try { return require("react-dom/client"); } catch(e) {} }()), require("zeta-dom"), require("zeta-dom-react"), require("waterpipe"), require("jQuery"));
-	else
-		root["brew-js-react"] = factory(root["brew"], root["React"], root["ReactDOM"], root["react-dom/client"], root["zeta"], root["zeta-dom-react"], root["waterpipe"], root["jQuery"]);
-})(self, function(__WEBPACK_EXTERNAL_MODULE__80__, __WEBPACK_EXTERNAL_MODULE__359__, __WEBPACK_EXTERNAL_MODULE__318__, __WEBPACK_EXTERNAL_MODULE__715__, __WEBPACK_EXTERNAL_MODULE__654__, __WEBPACK_EXTERNAL_MODULE__103__, __WEBPACK_EXTERNAL_MODULE__28__, __WEBPACK_EXTERNAL_MODULE__145__) {
-return /******/ (() => { // webpackBootstrap
-/******/ 	var __webpack_modules__ = ({
-
-/***/ 145:
-/***/ ((module) => {
-
-"use strict";
-module.exports = __WEBPACK_EXTERNAL_MODULE__145__;
-
-/***/ }),
-
-/***/ 715:
-/***/ ((module) => {
-
-"use strict";
-if(typeof __WEBPACK_EXTERNAL_MODULE__715__ === 'undefined') { var e = new Error("Cannot find module 'react-dom/client'"); e.code = 'MODULE_NOT_FOUND'; throw e; }
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__715__;
-
-/***/ }),
-
-/***/ 28:
-/***/ ((module) => {
-
-"use strict";
-module.exports = __WEBPACK_EXTERNAL_MODULE__28__;
-
-/***/ }),
-
-/***/ 103:
-/***/ ((module) => {
-
-"use strict";
-module.exports = __WEBPACK_EXTERNAL_MODULE__103__;
-
-/***/ }),
-
-/***/ 80:
-/***/ ((module) => {
-
-"use strict";
-module.exports = __WEBPACK_EXTERNAL_MODULE__80__;
-
-/***/ }),
-
-/***/ 359:
-/***/ ((module) => {
-
-"use strict";
-module.exports = __WEBPACK_EXTERNAL_MODULE__359__;
-
-/***/ }),
-
-/***/ 318:
-/***/ ((module) => {
-
-"use strict";
-module.exports = __WEBPACK_EXTERNAL_MODULE__318__;
-
-/***/ }),
-
-/***/ 654:
-/***/ ((module) => {
-
-"use strict";
-module.exports = __WEBPACK_EXTERNAL_MODULE__654__;
-
-/***/ }),
-
-/***/ 662:
-/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
-
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory(require("brew-js"), require("react"), require("react-dom"), (function webpackLoadOptionalExternalModule() { try { return require("react-dom/client"); } catch(e) {} }()), require("zeta-dom"), require("zeta-dom-react"), require("waterpipe"), require("jQuery"));
+	else if(typeof define === 'function' && define.amd)
+		define("brew-js-react", ["brew-js", "react", "react-dom", "react-dom/client", "zeta-dom", "zeta-dom-react", "waterpipe", "jQuery"], factory);
+	else if(typeof exports === 'object')
+		exports["brew-js-react"] = factory(require("brew-js"), require("react"), require("react-dom"), (function webpackLoadOptionalExternalModule() { try { return require("react-dom/client"); } catch(e) {} }()), require("zeta-dom"), require("zeta-dom-react"), require("waterpipe"), require("jQuery"));
+	else
+		root["brew-js-react"] = factory(root["brew"], root["React"], root["ReactDOM"], root["react-dom/client"], root["zeta"], root["zeta-dom-react"], root["waterpipe"], root["jQuery"]);
+})(self, function(__WEBPACK_EXTERNAL_MODULE__80__, __WEBPACK_EXTERNAL_MODULE__359__, __WEBPACK_EXTERNAL_MODULE__318__, __WEBPACK_EXTERNAL_MODULE__715__, __WEBPACK_EXTERNAL_MODULE__654__, __WEBPACK_EXTERNAL_MODULE__103__, __WEBPACK_EXTERNAL_MODULE__28__, __WEBPACK_EXTERNAL_MODULE__145__) {
+return /******/ (() => { // webpackBootstrap
+/******/ 	var __webpack_modules__ = ({
+
+/***/ 145:
+/***/ ((module) => {
+
+"use strict";
+module.exports = __WEBPACK_EXTERNAL_MODULE__145__;
+
+/***/ }),
+
+/***/ 715:
+/***/ ((module) => {
+
+"use strict";
+if(typeof __WEBPACK_EXTERNAL_MODULE__715__ === 'undefined') { var e = new Error("Cannot find module 'react-dom/client'"); e.code = 'MODULE_NOT_FOUND'; throw e; }
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__715__;
+
+/***/ }),
+
+/***/ 28:
+/***/ ((module) => {
+
+"use strict";
+module.exports = __WEBPACK_EXTERNAL_MODULE__28__;
+
+/***/ }),
+
+/***/ 103:
+/***/ ((module) => {
+
+"use strict";
+module.exports = __WEBPACK_EXTERNAL_MODULE__103__;
+
+/***/ }),
+
+/***/ 80:
+/***/ ((module) => {
+
+"use strict";
+module.exports = __WEBPACK_EXTERNAL_MODULE__80__;
+
+/***/ }),
+
+/***/ 359:
+/***/ ((module) => {
+
+"use strict";
+module.exports = __WEBPACK_EXTERNAL_MODULE__359__;
+
+/***/ }),
+
+/***/ 318:
+/***/ ((module) => {
+
+"use strict";
+module.exports = __WEBPACK_EXTERNAL_MODULE__318__;
+
+/***/ }),
+
+/***/ 654:
+/***/ ((module) => {
+
+"use strict";
+module.exports = __WEBPACK_EXTERNAL_MODULE__654__;
+
+/***/ }),
+
+/***/ 662:
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
 var React = __webpack_require__(318);
 var ReactDOMClient;
 try {
@@ -111,1675 +111,1679 @@ try {
 }
 /** @type {import("react-dom/client")} */
 module.exports = ReactDOMClient;
-
-
-/***/ })
-
-/******/ 	});
-/************************************************************************/
-/******/ 	// The module cache
-/******/ 	var __webpack_module_cache__ = {};
-/******/ 	
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/ 		// Check if module is in cache
-/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
-/******/ 		if (cachedModule !== undefined) {
-/******/ 			return cachedModule.exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = __webpack_module_cache__[moduleId] = {
-/******/ 			// no module.id needed
-/******/ 			// no module.loaded needed
-/******/ 			exports: {}
-/******/ 		};
-/******/ 	
-/******/ 		// Execute the module function
-/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
-/******/ 	
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/ 	
-/************************************************************************/
-/******/ 	/* webpack/runtime/define property getters */
-/******/ 	(() => {
-/******/ 		// define getter functions for harmony exports
-/******/ 		__webpack_require__.d = (exports, definition) => {
-/******/ 			for(var key in definition) {
-/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
-/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
-/******/ 				}
-/******/ 			}
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
-/******/ 	(() => {
-/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/make namespace object */
-/******/ 	(() => {
-/******/ 		// define __esModule on exports
-/******/ 		__webpack_require__.r = (exports) => {
-/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 			}
-/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/************************************************************************/
-var __webpack_exports__ = {};
-// This entry need to be wrapped in an IIFE because it need to be in strict mode.
-(() => {
-"use strict";
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "default": () => (/* binding */ entry)
-});
-
-// NAMESPACE OBJECT: ./src/index.js
-var src_namespaceObject = {};
-__webpack_require__.r(src_namespaceObject);
-__webpack_require__.d(src_namespaceObject, {
-  "AnimateMixin": () => (AnimateMixin),
-  "AnimateSequenceItemMixin": () => (AnimateSequenceItemMixin),
-  "AnimateSequenceMixin": () => (AnimateSequenceMixin),
-  "ClassNameMixin": () => (ClassNameMixin),
-  "Dialog": () => (Dialog),
-  "FlyoutMixin": () => (FlyoutMixin),
-  "FlyoutToggleMixin": () => (FlyoutToggleMixin),
-  "FocusStateMixin": () => (FocusStateMixin),
-  "LoadingStateMixin": () => (LoadingStateMixin),
-  "Mixin": () => (Mixin),
-  "ScrollableMixin": () => (ScrollableMixin),
-  "StatefulMixin": () => (StatefulMixin),
-  "ViewStateContainer": () => (ViewStateContainer),
-  "createDialog": () => (createDialog),
-  "default": () => (src),
-  "isViewMatched": () => (isViewMatched),
-  "linkTo": () => (linkTo),
-  "makeTranslation": () => (makeTranslation),
-  "matchView": () => (matchView),
-  "navigateTo": () => (navigateTo),
-  "redirectTo": () => (redirectTo),
-  "registerErrorView": () => (registerErrorView),
-  "registerView": () => (registerView),
-  "renderView": () => (renderView),
-  "useAnimateMixin": () => (useAnimateMixin),
-  "useAnimateSequenceMixin": () => (useAnimateSequenceMixin),
-  "useAppReady": () => (useAppReady),
-  "useFlyoutMixin": () => (useFlyoutMixin),
-  "useFocusStateMixin": () => (useFocusStateMixin),
-  "useLanguage": () => (useLanguage),
-  "useLoadingStateMixin": () => (useLoadingStateMixin),
-  "useMixin": () => (useMixin),
-  "useMixinRef": () => (useMixinRef),
-  "useRouteParam": () => (useRouteParam),
-  "useRouteState": () => (useRouteState),
-  "useScrollableMixin": () => (useScrollableMixin),
-  "useViewContainerState": () => (useViewContainerState)
-});
-
-// EXTERNAL MODULE: external {"commonjs":"brew-js","commonjs2":"brew-js","amd":"brew-js","root":"brew"}
-var external_commonjs_brew_js_commonjs2_brew_js_amd_brew_js_root_brew_ = __webpack_require__(80);
-;// CONCATENATED MODULE: ./tmp/brew-js/app.js
-
-var _defaultExport = external_commonjs_brew_js_commonjs2_brew_js_amd_brew_js_root_brew_;
-/* harmony default export */ const app = (_defaultExport);
-var install = external_commonjs_brew_js_commonjs2_brew_js_amd_brew_js_root_brew_.install,
-    addExtension = external_commonjs_brew_js_commonjs2_brew_js_amd_brew_js_root_brew_.addExtension,
-    addDetect = external_commonjs_brew_js_commonjs2_brew_js_amd_brew_js_root_brew_.addDetect,
-    isElementActive = external_commonjs_brew_js_commonjs2_brew_js_amd_brew_js_root_brew_.isElementActive;
-
-;// CONCATENATED MODULE: ./src/include/brew-js/app.js
-
-
-/* harmony default export */ const brew_js_app = (app);
-// EXTERNAL MODULE: external {"commonjs":"react","commonjs2":"react","amd":"react","root":"React"}
-var external_commonjs_react_commonjs2_react_amd_react_root_React_ = __webpack_require__(359);
-// EXTERNAL MODULE: external {"commonjs":"react-dom","commonjs2":"react-dom","amd":"react-dom","root":"ReactDOM"}
-var external_commonjs_react_dom_commonjs2_react_dom_amd_react_dom_root_ReactDOM_ = __webpack_require__(318);
-// EXTERNAL MODULE: ./node_modules/@misonou/react-dom-client/index.js
-var react_dom_client = __webpack_require__(662);
-;// CONCATENATED MODULE: ./src/include/external/react-dom-client.js
-// @ts-nocheck
-
-/** @type {import("react-dom/client")} */
-
-/* harmony default export */ const external_react_dom_client = (react_dom_client);
-// EXTERNAL MODULE: external {"commonjs":"zeta-dom","commonjs2":"zeta-dom","amd":"zeta-dom","root":"zeta"}
-var external_commonjs_zeta_dom_commonjs2_zeta_dom_amd_zeta_dom_root_zeta_ = __webpack_require__(654);
-;// CONCATENATED MODULE: ./tmp/zeta-dom/util.js
-
-var _lib$util = external_commonjs_zeta_dom_commonjs2_zeta_dom_amd_zeta_dom_root_zeta_.util,
-    noop = _lib$util.noop,
-    pipe = _lib$util.pipe,
-    either = _lib$util.either,
-    is = _lib$util.is,
-    isUndefinedOrNull = _lib$util.isUndefinedOrNull,
-    isArray = _lib$util.isArray,
-    isFunction = _lib$util.isFunction,
-    isThenable = _lib$util.isThenable,
-    isPlainObject = _lib$util.isPlainObject,
-    isArrayLike = _lib$util.isArrayLike,
-    makeArray = _lib$util.makeArray,
-    extend = _lib$util.extend,
-    each = _lib$util.each,
-    map = _lib$util.map,
-    grep = _lib$util.grep,
-    splice = _lib$util.splice,
-    any = _lib$util.any,
-    single = _lib$util.single,
-    kv = _lib$util.kv,
-    fill = _lib$util.fill,
-    pick = _lib$util.pick,
-    exclude = _lib$util.exclude,
-    mapObject = _lib$util.mapObject,
-    mapGet = _lib$util.mapGet,
-    mapRemove = _lib$util.mapRemove,
-    arrRemove = _lib$util.arrRemove,
-    setAdd = _lib$util.setAdd,
-    equal = _lib$util.equal,
-    combineFn = _lib$util.combineFn,
-    executeOnce = _lib$util.executeOnce,
-    createPrivateStore = _lib$util.createPrivateStore,
-    util_setTimeout = _lib$util.setTimeout,
-    setTimeoutOnce = _lib$util.setTimeoutOnce,
-    util_setInterval = _lib$util.setInterval,
-    setIntervalSafe = _lib$util.setIntervalSafe,
-    setImmediate = _lib$util.setImmediate,
-    setImmediateOnce = _lib$util.setImmediateOnce,
-    _throws = _lib$util["throws"],
-    throwNotFunction = _lib$util.throwNotFunction,
-    errorWithCode = _lib$util.errorWithCode,
-    isErrorWithCode = _lib$util.isErrorWithCode,
-    util_keys = _lib$util.keys,
-    values = _lib$util.values,
-    util_hasOwnProperty = _lib$util.hasOwnProperty,
-    getOwnPropertyDescriptors = _lib$util.getOwnPropertyDescriptors,
-    util_define = _lib$util.define,
-    definePrototype = _lib$util.definePrototype,
-    defineOwnProperty = _lib$util.defineOwnProperty,
-    defineGetterProperty = _lib$util.defineGetterProperty,
-    defineHiddenProperty = _lib$util.defineHiddenProperty,
-    defineAliasProperty = _lib$util.defineAliasProperty,
-    defineObservableProperty = _lib$util.defineObservableProperty,
-    watch = _lib$util.watch,
-    watchOnce = _lib$util.watchOnce,
-    watchable = _lib$util.watchable,
-    inherit = _lib$util.inherit,
-    freeze = _lib$util.freeze,
-    deepFreeze = _lib$util.deepFreeze,
-    iequal = _lib$util.iequal,
-    randomId = _lib$util.randomId,
-    repeat = _lib$util.repeat,
-    camel = _lib$util.camel,
-    hyphenate = _lib$util.hyphenate,
-    ucfirst = _lib$util.ucfirst,
-    lcfirst = _lib$util.lcfirst,
-    trim = _lib$util.trim,
-    matchWord = _lib$util.matchWord,
-    htmlDecode = _lib$util.htmlDecode,
-    resolve = _lib$util.resolve,
-    reject = _lib$util.reject,
-    always = _lib$util.always,
-    resolveAll = _lib$util.resolveAll,
-    retryable = _lib$util.retryable,
-    deferrable = _lib$util.deferrable,
-    catchAsync = _lib$util.catchAsync,
-    setPromiseTimeout = _lib$util.setPromiseTimeout,
-    delay = _lib$util.delay,
-    makeAsync = _lib$util.makeAsync;
-
-;// CONCATENATED MODULE: ./src/include/zeta-dom/util.js
-
-;// CONCATENATED MODULE: ./tmp/zeta-dom/domUtil.js
-
-var domUtil_lib$util = external_commonjs_zeta_dom_commonjs2_zeta_dom_amd_zeta_dom_root_zeta_.util,
-    domReady = domUtil_lib$util.domReady,
-    tagName = domUtil_lib$util.tagName,
-    isVisible = domUtil_lib$util.isVisible,
-    matchSelector = domUtil_lib$util.matchSelector,
-    comparePosition = domUtil_lib$util.comparePosition,
-    connected = domUtil_lib$util.connected,
-    containsOrEquals = domUtil_lib$util.containsOrEquals,
-    acceptNode = domUtil_lib$util.acceptNode,
-    combineNodeFilters = domUtil_lib$util.combineNodeFilters,
-    iterateNode = domUtil_lib$util.iterateNode,
-    iterateNodeToArray = domUtil_lib$util.iterateNodeToArray,
-    getCommonAncestor = domUtil_lib$util.getCommonAncestor,
-    parentsAndSelf = domUtil_lib$util.parentsAndSelf,
-    selectIncludeSelf = domUtil_lib$util.selectIncludeSelf,
-    selectClosestRelative = domUtil_lib$util.selectClosestRelative,
-    createNodeIterator = domUtil_lib$util.createNodeIterator,
-    createTreeWalker = domUtil_lib$util.createTreeWalker,
-    bind = domUtil_lib$util.bind,
-    bindUntil = domUtil_lib$util.bindUntil,
-    dispatchDOMMouseEvent = domUtil_lib$util.dispatchDOMMouseEvent,
-    removeNode = domUtil_lib$util.removeNode,
-    getClass = domUtil_lib$util.getClass,
-    setClass = domUtil_lib$util.setClass,
-    getScrollOffset = domUtil_lib$util.getScrollOffset,
-    getScrollParent = domUtil_lib$util.getScrollParent,
-    getContentRect = domUtil_lib$util.getContentRect,
-    scrollBy = domUtil_lib$util.scrollBy,
-    scrollIntoView = domUtil_lib$util.scrollIntoView,
-    makeSelection = domUtil_lib$util.makeSelection,
-    getRect = domUtil_lib$util.getRect,
-    getRects = domUtil_lib$util.getRects,
-    toPlainRect = domUtil_lib$util.toPlainRect,
-    rectEquals = domUtil_lib$util.rectEquals,
-    rectCovers = domUtil_lib$util.rectCovers,
-    rectIntersects = domUtil_lib$util.rectIntersects,
-    pointInRect = domUtil_lib$util.pointInRect,
-    mergeRect = domUtil_lib$util.mergeRect,
-    elementFromPoint = domUtil_lib$util.elementFromPoint;
-
-;// CONCATENATED MODULE: ./src/include/zeta-dom/domUtil.js
-
-;// CONCATENATED MODULE: ./tmp/zeta-dom/dom.js
-
-var dom_defaultExport = external_commonjs_zeta_dom_commonjs2_zeta_dom_amd_zeta_dom_root_zeta_.dom;
-/* harmony default export */ const dom = (dom_defaultExport);
-var _lib$dom = external_commonjs_zeta_dom_commonjs2_zeta_dom_amd_zeta_dom_root_zeta_.dom,
-    textInputAllowed = _lib$dom.textInputAllowed,
-    beginDrag = _lib$dom.beginDrag,
-    beginPinchZoom = _lib$dom.beginPinchZoom,
-    getShortcut = _lib$dom.getShortcut,
-    setShortcut = _lib$dom.setShortcut,
-    focusable = _lib$dom.focusable,
-    focused = _lib$dom.focused,
-    setModal = _lib$dom.setModal,
-    releaseModal = _lib$dom.releaseModal,
-    retainFocus = _lib$dom.retainFocus,
-    releaseFocus = _lib$dom.releaseFocus,
-    iterateFocusPath = _lib$dom.iterateFocusPath,
-    dom_focus = _lib$dom.focus;
-
-;// CONCATENATED MODULE: ./src/include/zeta-dom/dom.js
-
-
-/* harmony default export */ const zeta_dom_dom = (dom);
-;// CONCATENATED MODULE: ./tmp/zeta-dom/domLock.js
-
-var domLock_lib$dom = external_commonjs_zeta_dom_commonjs2_zeta_dom_amd_zeta_dom_root_zeta_.dom,
-    lock = domLock_lib$dom.lock,
-    locked = domLock_lib$dom.locked,
-    cancelLock = domLock_lib$dom.cancelLock,
-    subscribeAsync = domLock_lib$dom.subscribeAsync,
-    notifyAsync = domLock_lib$dom.notifyAsync,
-    preventLeave = domLock_lib$dom.preventLeave;
-
-;// CONCATENATED MODULE: ./src/include/zeta-dom/domLock.js
-
-;// CONCATENATED MODULE: ./tmp/brew-js/domAction.js
-
-var addAsyncAction = external_commonjs_brew_js_commonjs2_brew_js_amd_brew_js_root_brew_.addAsyncAction,
-    closeFlyout = external_commonjs_brew_js_commonjs2_brew_js_amd_brew_js_root_brew_.closeFlyout,
-    openFlyout = external_commonjs_brew_js_commonjs2_brew_js_amd_brew_js_root_brew_.openFlyout;
-
-;// CONCATENATED MODULE: ./src/include/brew-js/domAction.js
-
-;// CONCATENATED MODULE: ./src/dialog.js
-
-
-
-
-
-
-
-
+
+
+/***/ })
+
+/******/ 	});
+/************************************************************************/
+/******/ 	// The module cache
+/******/ 	var __webpack_module_cache__ = {};
+/******/ 	
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/ 		// Check if module is in cache
+/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
+/******/ 		if (cachedModule !== undefined) {
+/******/ 			return cachedModule.exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = __webpack_module_cache__[moduleId] = {
+/******/ 			// no module.id needed
+/******/ 			// no module.loaded needed
+/******/ 			exports: {}
+/******/ 		};
+/******/ 	
+/******/ 		// Execute the module function
+/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+/******/ 	
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/ 	
+/************************************************************************/
+/******/ 	/* webpack/runtime/define property getters */
+/******/ 	(() => {
+/******/ 		// define getter functions for harmony exports
+/******/ 		__webpack_require__.d = (exports, definition) => {
+/******/ 			for(var key in definition) {
+/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 				}
+/******/ 			}
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
+/******/ 	(() => {
+/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/make namespace object */
+/******/ 	(() => {
+/******/ 		// define __esModule on exports
+/******/ 		__webpack_require__.r = (exports) => {
+/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 			}
+/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/************************************************************************/
+var __webpack_exports__ = {};
+// This entry need to be wrapped in an IIFE because it need to be in strict mode.
+(() => {
+"use strict";
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "default": () => (/* binding */ entry)
+});
+
+// NAMESPACE OBJECT: ./src/index.js
+var src_namespaceObject = {};
+__webpack_require__.r(src_namespaceObject);
+__webpack_require__.d(src_namespaceObject, {
+  "AnimateMixin": () => (AnimateMixin),
+  "AnimateSequenceItemMixin": () => (AnimateSequenceItemMixin),
+  "AnimateSequenceMixin": () => (AnimateSequenceMixin),
+  "ClassNameMixin": () => (ClassNameMixin),
+  "Dialog": () => (Dialog),
+  "FlyoutMixin": () => (FlyoutMixin),
+  "FlyoutToggleMixin": () => (FlyoutToggleMixin),
+  "FocusStateMixin": () => (FocusStateMixin),
+  "LoadingStateMixin": () => (LoadingStateMixin),
+  "Mixin": () => (Mixin),
+  "ScrollableMixin": () => (ScrollableMixin),
+  "StatefulMixin": () => (StatefulMixin),
+  "ViewStateContainer": () => (ViewStateContainer),
+  "createDialog": () => (createDialog),
+  "default": () => (src),
+  "isViewMatched": () => (isViewMatched),
+  "linkTo": () => (linkTo),
+  "makeTranslation": () => (makeTranslation),
+  "matchView": () => (matchView),
+  "navigateTo": () => (navigateTo),
+  "redirectTo": () => (redirectTo),
+  "registerErrorView": () => (registerErrorView),
+  "registerView": () => (registerView),
+  "renderView": () => (renderView),
+  "useAnimateMixin": () => (useAnimateMixin),
+  "useAnimateSequenceMixin": () => (useAnimateSequenceMixin),
+  "useAppReady": () => (useAppReady),
+  "useFlyoutMixin": () => (useFlyoutMixin),
+  "useFocusStateMixin": () => (useFocusStateMixin),
+  "useLanguage": () => (useLanguage),
+  "useLoadingStateMixin": () => (useLoadingStateMixin),
+  "useMixin": () => (useMixin),
+  "useMixinRef": () => (useMixinRef),
+  "useRouteParam": () => (useRouteParam),
+  "useRouteState": () => (useRouteState),
+  "useScrollableMixin": () => (useScrollableMixin),
+  "useViewContainerState": () => (useViewContainerState)
+});
+
+// EXTERNAL MODULE: external {"commonjs":"brew-js","commonjs2":"brew-js","amd":"brew-js","root":"brew"}
+var external_commonjs_brew_js_commonjs2_brew_js_amd_brew_js_root_brew_ = __webpack_require__(80);
+;// CONCATENATED MODULE: ./tmp/brew-js/app.js
+
+var _defaultExport = external_commonjs_brew_js_commonjs2_brew_js_amd_brew_js_root_brew_;
+/* harmony default export */ const app = (_defaultExport);
+var install = external_commonjs_brew_js_commonjs2_brew_js_amd_brew_js_root_brew_.install,
+    addExtension = external_commonjs_brew_js_commonjs2_brew_js_amd_brew_js_root_brew_.addExtension,
+    addDetect = external_commonjs_brew_js_commonjs2_brew_js_amd_brew_js_root_brew_.addDetect,
+    isElementActive = external_commonjs_brew_js_commonjs2_brew_js_amd_brew_js_root_brew_.isElementActive;
+
+;// CONCATENATED MODULE: ./src/include/brew-js/app.js
+
+
+/* harmony default export */ const brew_js_app = (app);
+// EXTERNAL MODULE: external {"commonjs":"react","commonjs2":"react","amd":"react","root":"React"}
+var external_commonjs_react_commonjs2_react_amd_react_root_React_ = __webpack_require__(359);
+// EXTERNAL MODULE: external {"commonjs":"react-dom","commonjs2":"react-dom","amd":"react-dom","root":"ReactDOM"}
+var external_commonjs_react_dom_commonjs2_react_dom_amd_react_dom_root_ReactDOM_ = __webpack_require__(318);
+// EXTERNAL MODULE: ./node_modules/@misonou/react-dom-client/index.js
+var react_dom_client = __webpack_require__(662);
+;// CONCATENATED MODULE: ./src/include/external/react-dom-client.js
+// @ts-nocheck
+
+/** @type {import("react-dom/client")} */
+
+/* harmony default export */ const external_react_dom_client = (react_dom_client);
+// EXTERNAL MODULE: external {"commonjs":"zeta-dom","commonjs2":"zeta-dom","amd":"zeta-dom","root":"zeta"}
+var external_commonjs_zeta_dom_commonjs2_zeta_dom_amd_zeta_dom_root_zeta_ = __webpack_require__(654);
+;// CONCATENATED MODULE: ./tmp/zeta-dom/util.js
+
+var _lib$util = external_commonjs_zeta_dom_commonjs2_zeta_dom_amd_zeta_dom_root_zeta_.util,
+    noop = _lib$util.noop,
+    pipe = _lib$util.pipe,
+    either = _lib$util.either,
+    is = _lib$util.is,
+    isUndefinedOrNull = _lib$util.isUndefinedOrNull,
+    isArray = _lib$util.isArray,
+    isFunction = _lib$util.isFunction,
+    isThenable = _lib$util.isThenable,
+    isPlainObject = _lib$util.isPlainObject,
+    isArrayLike = _lib$util.isArrayLike,
+    makeArray = _lib$util.makeArray,
+    extend = _lib$util.extend,
+    each = _lib$util.each,
+    map = _lib$util.map,
+    grep = _lib$util.grep,
+    splice = _lib$util.splice,
+    any = _lib$util.any,
+    single = _lib$util.single,
+    kv = _lib$util.kv,
+    fill = _lib$util.fill,
+    pick = _lib$util.pick,
+    exclude = _lib$util.exclude,
+    mapObject = _lib$util.mapObject,
+    mapGet = _lib$util.mapGet,
+    mapRemove = _lib$util.mapRemove,
+    arrRemove = _lib$util.arrRemove,
+    setAdd = _lib$util.setAdd,
+    equal = _lib$util.equal,
+    combineFn = _lib$util.combineFn,
+    executeOnce = _lib$util.executeOnce,
+    createPrivateStore = _lib$util.createPrivateStore,
+    util_setTimeout = _lib$util.setTimeout,
+    setTimeoutOnce = _lib$util.setTimeoutOnce,
+    util_setInterval = _lib$util.setInterval,
+    setIntervalSafe = _lib$util.setIntervalSafe,
+    setImmediate = _lib$util.setImmediate,
+    setImmediateOnce = _lib$util.setImmediateOnce,
+    _throws = _lib$util["throws"],
+    throwNotFunction = _lib$util.throwNotFunction,
+    errorWithCode = _lib$util.errorWithCode,
+    isErrorWithCode = _lib$util.isErrorWithCode,
+    util_keys = _lib$util.keys,
+    values = _lib$util.values,
+    util_hasOwnProperty = _lib$util.hasOwnProperty,
+    getOwnPropertyDescriptors = _lib$util.getOwnPropertyDescriptors,
+    util_define = _lib$util.define,
+    definePrototype = _lib$util.definePrototype,
+    defineOwnProperty = _lib$util.defineOwnProperty,
+    defineGetterProperty = _lib$util.defineGetterProperty,
+    defineHiddenProperty = _lib$util.defineHiddenProperty,
+    defineAliasProperty = _lib$util.defineAliasProperty,
+    defineObservableProperty = _lib$util.defineObservableProperty,
+    watch = _lib$util.watch,
+    watchOnce = _lib$util.watchOnce,
+    watchable = _lib$util.watchable,
+    inherit = _lib$util.inherit,
+    freeze = _lib$util.freeze,
+    deepFreeze = _lib$util.deepFreeze,
+    iequal = _lib$util.iequal,
+    randomId = _lib$util.randomId,
+    repeat = _lib$util.repeat,
+    camel = _lib$util.camel,
+    hyphenate = _lib$util.hyphenate,
+    ucfirst = _lib$util.ucfirst,
+    lcfirst = _lib$util.lcfirst,
+    trim = _lib$util.trim,
+    matchWord = _lib$util.matchWord,
+    htmlDecode = _lib$util.htmlDecode,
+    resolve = _lib$util.resolve,
+    reject = _lib$util.reject,
+    always = _lib$util.always,
+    resolveAll = _lib$util.resolveAll,
+    retryable = _lib$util.retryable,
+    deferrable = _lib$util.deferrable,
+    catchAsync = _lib$util.catchAsync,
+    setPromiseTimeout = _lib$util.setPromiseTimeout,
+    delay = _lib$util.delay,
+    makeAsync = _lib$util.makeAsync;
+
+;// CONCATENATED MODULE: ./tmp/zeta-dom/domUtil.js
+
+var domUtil_lib$util = external_commonjs_zeta_dom_commonjs2_zeta_dom_amd_zeta_dom_root_zeta_.util,
+    domReady = domUtil_lib$util.domReady,
+    tagName = domUtil_lib$util.tagName,
+    isVisible = domUtil_lib$util.isVisible,
+    matchSelector = domUtil_lib$util.matchSelector,
+    comparePosition = domUtil_lib$util.comparePosition,
+    connected = domUtil_lib$util.connected,
+    containsOrEquals = domUtil_lib$util.containsOrEquals,
+    acceptNode = domUtil_lib$util.acceptNode,
+    combineNodeFilters = domUtil_lib$util.combineNodeFilters,
+    iterateNode = domUtil_lib$util.iterateNode,
+    iterateNodeToArray = domUtil_lib$util.iterateNodeToArray,
+    getCommonAncestor = domUtil_lib$util.getCommonAncestor,
+    parentsAndSelf = domUtil_lib$util.parentsAndSelf,
+    selectIncludeSelf = domUtil_lib$util.selectIncludeSelf,
+    selectClosestRelative = domUtil_lib$util.selectClosestRelative,
+    createNodeIterator = domUtil_lib$util.createNodeIterator,
+    createTreeWalker = domUtil_lib$util.createTreeWalker,
+    bind = domUtil_lib$util.bind,
+    bindUntil = domUtil_lib$util.bindUntil,
+    dispatchDOMMouseEvent = domUtil_lib$util.dispatchDOMMouseEvent,
+    removeNode = domUtil_lib$util.removeNode,
+    getClass = domUtil_lib$util.getClass,
+    setClass = domUtil_lib$util.setClass,
+    getScrollOffset = domUtil_lib$util.getScrollOffset,
+    getScrollParent = domUtil_lib$util.getScrollParent,
+    getContentRect = domUtil_lib$util.getContentRect,
+    scrollBy = domUtil_lib$util.scrollBy,
+    scrollIntoView = domUtil_lib$util.scrollIntoView,
+    makeSelection = domUtil_lib$util.makeSelection,
+    getRect = domUtil_lib$util.getRect,
+    getRects = domUtil_lib$util.getRects,
+    toPlainRect = domUtil_lib$util.toPlainRect,
+    rectEquals = domUtil_lib$util.rectEquals,
+    rectCovers = domUtil_lib$util.rectCovers,
+    rectIntersects = domUtil_lib$util.rectIntersects,
+    pointInRect = domUtil_lib$util.pointInRect,
+    mergeRect = domUtil_lib$util.mergeRect,
+    elementFromPoint = domUtil_lib$util.elementFromPoint;
+
+;// CONCATENATED MODULE: ./tmp/zeta-dom/dom.js
+
+var dom_defaultExport = external_commonjs_zeta_dom_commonjs2_zeta_dom_amd_zeta_dom_root_zeta_.dom;
+/* harmony default export */ const dom = (dom_defaultExport);
+var _lib$dom = external_commonjs_zeta_dom_commonjs2_zeta_dom_amd_zeta_dom_root_zeta_.dom,
+    textInputAllowed = _lib$dom.textInputAllowed,
+    beginDrag = _lib$dom.beginDrag,
+    beginPinchZoom = _lib$dom.beginPinchZoom,
+    getShortcut = _lib$dom.getShortcut,
+    setShortcut = _lib$dom.setShortcut,
+    focusable = _lib$dom.focusable,
+    focused = _lib$dom.focused,
+    setModal = _lib$dom.setModal,
+    releaseModal = _lib$dom.releaseModal,
+    retainFocus = _lib$dom.retainFocus,
+    releaseFocus = _lib$dom.releaseFocus,
+    iterateFocusPath = _lib$dom.iterateFocusPath,
+    dom_focus = _lib$dom.focus;
+
+;// CONCATENATED MODULE: ./src/include/zeta-dom/dom.js
+
+
+/* harmony default export */ const zeta_dom_dom = (dom);
+;// CONCATENATED MODULE: ./tmp/zeta-dom/domLock.js
+
+var domLock_lib$dom = external_commonjs_zeta_dom_commonjs2_zeta_dom_amd_zeta_dom_root_zeta_.dom,
+    lock = domLock_lib$dom.lock,
+    locked = domLock_lib$dom.locked,
+    cancelLock = domLock_lib$dom.cancelLock,
+    subscribeAsync = domLock_lib$dom.subscribeAsync,
+    notifyAsync = domLock_lib$dom.notifyAsync,
+    preventLeave = domLock_lib$dom.preventLeave;
+
+;// CONCATENATED MODULE: ./tmp/brew-js/domAction.js
+
+var addAsyncAction = external_commonjs_brew_js_commonjs2_brew_js_amd_brew_js_root_brew_.addAsyncAction,
+    closeFlyout = external_commonjs_brew_js_commonjs2_brew_js_amd_brew_js_root_brew_.closeFlyout,
+    openFlyout = external_commonjs_brew_js_commonjs2_brew_js_amd_brew_js_root_brew_.openFlyout;
+
+;// CONCATENATED MODULE: ./src/dialog.js
+
+
+
+
+
+
+
+
 /**
  * @param {Partial<import("./dialog").DialogOptions<any>>} props
- */
-
-function createDialog(props) {
-  var root = document.createElement('div');
-  var reactRoot = external_react_dom_client.createRoot(root);
-
-  var _closeDialog = closeFlyout.bind(0, root);
-
-  var promise;
-  zeta_dom_dom.on(root, 'flyouthide', function () {
-    removeNode(root);
-    (props.onClose || noop)(root);
-
-    if (props.onRender) {
-      reactRoot.unmount();
-    }
-  });
-  return {
-    root: root,
-    close: _closeDialog,
-    open: function open() {
-      if (promise) {
-        return promise;
-      }
-
-      root.className = props.className || '';
-      document.body.appendChild(root);
-      zeta_dom_dom.retainFocus(zeta_dom_dom.activeElement, root);
-
-      if (props.modal) {
-        root.setAttribute('is-modal', '');
-        zeta_dom_dom.setModal(root);
-      }
-
-      if (props.onRender) {
-        var dialogProps = extend({}, props, {
-          closeDialog: function closeDialog(value) {
-            var promise = makeAsync(props.onCommit || pipe)(value);
-            catchAsync(lock(zeta_dom_dom.activeElement, promise));
-            promise.then(_closeDialog, noop);
-          }
-        });
-        var content = /*#__PURE__*/(0,external_commonjs_react_commonjs2_react_amd_react_root_React_.createElement)(props.onRender, dialogProps);
-
-        if (props.wrapper) {
-          content = /*#__PURE__*/(0,external_commonjs_react_commonjs2_react_amd_react_root_React_.createElement)(props.wrapper, dialogProps, content);
-        }
-
-        reactRoot.render(content);
-      }
-
-      promise = openFlyout(root);
-
-      if (props.preventLeave) {
-        preventLeave(root, promise);
-      } else if (props.preventNavigation) {
-        lock(root, promise);
-      }
-
-      always(promise, function () {
-        promise = null;
-      });
-      (props.onOpen || noop)(root);
-      return promise;
-    }
-  };
-}
+ */
+
+function createDialog(props) {
+  var root = document.createElement('div');
+  var reactRoot = external_react_dom_client.createRoot(root);
+
+  var _closeDialog = closeFlyout.bind(0, root);
+
+  var promise;
+  zeta_dom_dom.on(root, 'flyouthide', function () {
+    removeNode(root);
+    (props.onClose || noop)(root);
+
+    if (props.onRender) {
+      reactRoot.unmount();
+    }
+  });
+  return {
+    root: root,
+    close: _closeDialog,
+    open: function open() {
+      if (promise) {
+        return promise;
+      }
+
+      root.className = props.className || '';
+      document.body.appendChild(root);
+      zeta_dom_dom.retainFocus(zeta_dom_dom.activeElement, root);
+
+      if (props.modal) {
+        root.setAttribute('is-modal', '');
+        zeta_dom_dom.setModal(root);
+      }
+
+      if (props.onRender) {
+        var dialogProps = extend({}, props, {
+          closeDialog: function closeDialog(value) {
+            var promise = makeAsync(props.onCommit || pipe)(value);
+            catchAsync(lock(zeta_dom_dom.activeElement, promise));
+            promise.then(_closeDialog, noop);
+          }
+        });
+        var content = /*#__PURE__*/(0,external_commonjs_react_commonjs2_react_amd_react_root_React_.createElement)(props.onRender, dialogProps);
+
+        if (props.wrapper) {
+          content = /*#__PURE__*/(0,external_commonjs_react_commonjs2_react_amd_react_root_React_.createElement)(props.wrapper, dialogProps, content);
+        }
+
+        reactRoot.render(content);
+      }
+
+      promise = openFlyout(root);
+
+      if (props.preventLeave) {
+        preventLeave(root, promise);
+      } else if (props.preventNavigation) {
+        lock(root, promise);
+      }
+
+      always(promise, function () {
+        promise = null;
+      });
+      (props.onOpen || noop)(root);
+      return promise;
+    }
+  };
+}
 /**
  * @param {import("./dialog").DialogProps} props
- */
-
-function Dialog(props) {
-  var _props = (0,external_commonjs_react_commonjs2_react_amd_react_root_React_.useState)({})[0];
-  var dialog = (0,external_commonjs_react_commonjs2_react_amd_react_root_React_.useState)(function () {
-    return createDialog(_props);
-  })[0];
-  extend(_props, props);
-  (0,external_commonjs_react_commonjs2_react_amd_react_root_React_.useEffect)(function () {
-    var opened = containsOrEquals(zeta_dom_dom.root, dialog.root);
-
-    if (either(opened, _props.isOpen)) {
-      if (!opened) {
-        dialog.open();
-      } else {
-        dialog.close();
-      }
-    }
-  }, [_props.isOpen]);
-  (0,external_commonjs_react_commonjs2_react_amd_react_root_React_.useEffect)(function () {
-    return dialog.close;
-  }, [dialog]);
-  return /*#__PURE__*/external_commonjs_react_dom_commonjs2_react_dom_amd_react_dom_root_ReactDOM_.createPortal(props.children, dialog.root);
-}
-// EXTERNAL MODULE: external "zeta-dom-react"
-var external_zeta_dom_react_ = __webpack_require__(103);
-;// CONCATENATED MODULE: ./tmp/zeta-dom/events.js
-
-var ZetaEventContainer = external_commonjs_zeta_dom_commonjs2_zeta_dom_amd_zeta_dom_root_zeta_.EventContainer;
-
-;// CONCATENATED MODULE: ./src/include/zeta-dom/events.js
-
-;// CONCATENATED MODULE: ./tmp/brew-js/defaults.js
-
-var defaults_defaultExport = external_commonjs_brew_js_commonjs2_brew_js_amd_brew_js_root_brew_.defaults;
-/* harmony default export */ const defaults = (defaults_defaultExport);
-;// CONCATENATED MODULE: ./src/include/brew-js/defaults.js
-
-/* harmony default export */ const brew_js_defaults = (defaults);
-;// CONCATENATED MODULE: ./src/app.js
-
-
-/** @type {Brew.AppInstance<Brew.WithRouter & Brew.WithI18n>} */
-
-var app_app;
-install('react', function (app_) {
-  // @ts-ignore: type inference issue
-  app_app = app_;
-});
-brew_js_defaults.react = true;
-;// CONCATENATED MODULE: ./tmp/brew-js/anim.js
-
-var animateIn = external_commonjs_brew_js_commonjs2_brew_js_amd_brew_js_root_brew_.animateIn,
-    animateOut = external_commonjs_brew_js_commonjs2_brew_js_amd_brew_js_root_brew_.animateOut,
-    addAnimateIn = external_commonjs_brew_js_commonjs2_brew_js_amd_brew_js_root_brew_.addAnimateIn,
-    addAnimateOut = external_commonjs_brew_js_commonjs2_brew_js_amd_brew_js_root_brew_.addAnimateOut;
-
-;// CONCATENATED MODULE: ./src/include/brew-js/anim.js
-
-;// CONCATENATED MODULE: ./tmp/brew-js/util/path.js
-
-var setBaseUrl = external_commonjs_brew_js_commonjs2_brew_js_amd_brew_js_root_brew_.setBaseUrl,
-    combinePath = external_commonjs_brew_js_commonjs2_brew_js_amd_brew_js_root_brew_.combinePath,
-    normalizePath = external_commonjs_brew_js_commonjs2_brew_js_amd_brew_js_root_brew_.normalizePath,
-    removeQueryAndHash = external_commonjs_brew_js_commonjs2_brew_js_amd_brew_js_root_brew_.removeQueryAndHash,
-    withBaseUrl = external_commonjs_brew_js_commonjs2_brew_js_amd_brew_js_root_brew_.withBaseUrl,
-    toAbsoluteUrl = external_commonjs_brew_js_commonjs2_brew_js_amd_brew_js_root_brew_.toAbsoluteUrl,
-    toRelativeUrl = external_commonjs_brew_js_commonjs2_brew_js_amd_brew_js_root_brew_.toRelativeUrl,
-    isSubPathOf = external_commonjs_brew_js_commonjs2_brew_js_amd_brew_js_root_brew_.isSubPathOf,
-    toSegments = external_commonjs_brew_js_commonjs2_brew_js_amd_brew_js_root_brew_.toSegments;
-
-;// CONCATENATED MODULE: ./src/include/brew-js/util/path.js
-
-;// CONCATENATED MODULE: ./src/view.js
-
-
-
-
-
-
-
-
-
-var root = zeta_dom_dom.root;
-var routeMap = new Map();
-var usedParams = {};
-var sortedViews = [];
-var StateContext = /*#__PURE__*/external_commonjs_react_commonjs2_react_amd_react_root_React_.createContext(Object.freeze({
-  container: root,
-  active: true
-}));
-var errorView;
-
-function ErrorBoundary() {
-  external_commonjs_react_commonjs2_react_amd_react_root_React_.Component.apply(this, arguments);
-  this.state = {};
-}
-
-ErrorBoundary.contextType = StateContext;
-definePrototype(ErrorBoundary, external_commonjs_react_commonjs2_react_amd_react_root_React_.Component, {
-  componentDidCatch: function componentDidCatch(error) {
-    var self = this;
-
-    if (errorView && !self.state.error) {
-      self.setState({
-        error: error
-      });
-    } else {
-      zeta_dom_dom.emit('error', self.context.container, {
-        error: error
-      }, true);
-    }
-  },
-  render: function render() {
-    var self = this;
-    var props = {
-      view: self.context.view,
-      error: self.state.error,
-      reset: self.reset.bind(self)
-    };
-    var onComponentLoaded = self.props.onComponentLoaded;
-
-    if (props.error) {
-      return /*#__PURE__*/external_commonjs_react_commonjs2_react_amd_react_root_React_.createElement(errorView, {
-        onComponentLoaded: onComponentLoaded,
-        viewProps: props
-      });
-    }
-
-    return /*#__PURE__*/external_commonjs_react_commonjs2_react_amd_react_root_React_.createElement(props.view, {
-      onComponentLoaded: onComponentLoaded
-    });
-  },
-  reset: function reset() {
-    this.setState({
-      error: null
-    });
-  }
-});
-
-function ViewContainer() {
-  external_commonjs_react_commonjs2_react_amd_react_root_React_.Component.apply(this, arguments);
-  this.stateId = history.state;
-}
-
-definePrototype(ViewContainer, external_commonjs_react_commonjs2_react_amd_react_root_React_.Component, {
-  componentDidMount: function componentDidMount() {
-    /** @type {any} */
-    var self = this;
-    self.componentWillUnmount = combineFn(watch(app_app.route, function () {
-      self.setActive(self.getViewComponent() === self.currentViewComponent);
-    }), app_app.on('beforepageload', function (e) {
-      self.waitFor = e.waitFor;
-      self.stateId = history.state;
-      self.forceUpdate();
-    }));
-  },
-  render: function render() {
-    /** @type {any} */
-    var self = this;
-
-    if (history.state !== self.stateId) {
-      return self.lastChild || null;
-    }
-
-    var V = self.getViewComponent();
-
-    if (V) {
-      // ensure the current path actually corresponds to the matched view
-      // when some views are not included in the list of allowed views
-      var targetPath = linkTo(V, getCurrentParams(V, true));
-
-      if (targetPath !== removeQueryAndHash(app_app.path)) {
-        app_app.navigate(targetPath, true);
-      }
-    }
-
-    if (V && V !== self.currentViewComponent) {
-      var prevElement = self.currentElement;
-
-      if (prevElement) {
-        self.setActive(false);
-        self.prevView = self.currentView;
-        self.currentElement = undefined;
-        app_app.emit('pageleave', prevElement, {
-          pathname: self.currentPath
-        }, true);
-        animateOut(prevElement, 'show').then(function () {
-          self.prevView = undefined;
-          self.forceUpdate();
-        });
-      }
-
-      var onComponentLoaded;
-      var promise = new Promise(function (resolve) {
-        onComponentLoaded = resolve;
-      });
-      var initElement = executeOnce(function (element) {
-        self.currentElement = element;
-        state.container = element;
-        promise.then(function () {
-          animateIn(element, 'show');
-          app_app.emit('pageenter', element, {
-            pathname: app_app.path
-          }, true);
-        });
-        notifyAsync(element, promise);
-      });
-      var state = {
-        view: V
-      };
-      var view = /*#__PURE__*/external_commonjs_react_commonjs2_react_amd_react_root_React_.createElement(StateContext.Provider, {
-        key: routeMap.get(V).id,
-        value: state
-      }, /*#__PURE__*/external_commonjs_react_commonjs2_react_amd_react_root_React_.createElement(ViewStateContainer, null, /*#__PURE__*/external_commonjs_react_commonjs2_react_amd_react_root_React_.createElement('div', extend({}, self.props.rootProps, {
-        ref: initElement
-      }), /*#__PURE__*/external_commonjs_react_commonjs2_react_amd_react_root_React_.createElement(ErrorBoundary, {
-        onComponentLoaded: onComponentLoaded
-      }))));
-      extend(self, {
-        currentPath: app_app.path,
-        currentView: view,
-        currentViewComponent: V,
-        setActive: defineObservableProperty(state, 'active', true, true)
-      });
-      (self.waitFor || noop)(promise);
-    }
-
-    var child = /*#__PURE__*/external_commonjs_react_commonjs2_react_amd_react_root_React_.createElement(external_commonjs_react_commonjs2_react_amd_react_root_React_.Fragment, null, self.prevView, self.currentView);
-    self.lastChild = child;
-    return child;
-  },
-  getViewComponent: function getViewComponent() {
-    var props = this.props;
-    return any(props.views, isViewMatched) || props.defaultView;
-  }
-});
-
-function getCurrentParams(view, includeAll, params) {
-  var state = routeMap.get(view);
-
-  if (!state.maxParams) {
-    var matchers = exclude(state.matchers, ['remainingSegments']);
-    var matched = map(app_app.routes, function (v) {
-      var route = app_app.parseRoute(v);
-      var matched = route.length && !any(matchers, function (v, i) {
-        var pos = route.params[i];
-        return (v ? !(pos >= 0) : pos < route.minLength) || !isFunction(v) && !route.match(i, v);
-      });
-      return matched ? route : null;
-    });
-
-    if (matched[1]) {
-      matched = grep(matched, function (v) {
-        return !single(v.params, function (v, i) {
-          return usedParams[i] && !matchers[i];
-        });
-      });
-    }
-
-    if (matched[0]) {
-      var last = matched.slice(-1)[0];
-      state.maxParams = util_keys(extend.apply(0, [{
-        remainingSegments: true
-      }].concat(matched.map(function (v) {
-        return v.params;
-      }))));
-      state.minParams = map(last.params, function (v, i) {
-        return state.params[i] || v >= last.minLength ? null : i;
-      });
-    }
-  }
-
-  return pick(params || app_app.route, includeAll ? state.maxParams : state.minParams);
-}
-
-function sortViews(a, b) {
-  return (routeMap.get(b) || {}).matchCount - (routeMap.get(a) || {}).matchCount;
-}
-
-function matchViewParams(view, route) {
-  var params = routeMap.get(view);
-  return !!params && !single(params.matchers, function (v, i) {
-    var value = route[i] || '';
-    return isFunction(v) ? !v(value) : (v || '') !== value;
-  });
-}
-
-function createViewComponent(factory) {
-  var promise;
-  throwNotFunction(factory);
-
-  if (factory.prototype instanceof external_commonjs_react_commonjs2_react_amd_react_root_React_.Component) {
-    factory = external_commonjs_react_commonjs2_react_amd_react_root_React_.createElement.bind(null, factory);
-  }
-
-  return function (props) {
-    var viewProps = Object.freeze(props.viewProps || {});
-    var children = !promise && factory(viewProps);
-
-    if (isThenable(children)) {
-      promise = children;
-      children = null;
-    }
-
-    var state = (0,external_zeta_dom_react_.useAsync)(function () {
-      return promise.then(function (s) {
-        return /*#__PURE__*/external_commonjs_react_commonjs2_react_amd_react_root_React_.createElement(s["default"], viewProps);
-      });
-    }, !!promise)[1];
-
-    if (!promise || !state.loading) {
-      props.onComponentLoaded();
-
-      if (state.error) {
-        throw state.error;
-      }
-    }
-
-    return children || state.value || /*#__PURE__*/external_commonjs_react_commonjs2_react_amd_react_root_React_.createElement(external_commonjs_react_commonjs2_react_amd_react_root_React_.Fragment);
-  };
-}
-
-function useViewContainerState() {
-  return external_commonjs_react_commonjs2_react_amd_react_root_React_.useContext(StateContext);
-}
-function isViewMatched(view) {
-  return matchViewParams(view, app_app.route);
-}
-function matchView(path, views) {
-  var route = app_app.route;
-
-  if (typeof path === 'string') {
-    route = route.parse(path);
-  } else {
-    views = path;
-  }
-
-  views = views ? makeArray(views).sort(sortViews) : sortedViews;
-  return any(views, function (v) {
-    return matchViewParams(v, route);
-  }) || undefined;
-}
-function registerView(factory, routeParams) {
-  var Component = createViewComponent(factory);
-  routeParams = extend({}, routeParams);
-  each(routeParams, function (i, v) {
-    usedParams[i] = true;
-
-    if (v instanceof RegExp) {
-      routeParams[i] = v.test.bind(v);
-    }
-  });
-  routeMap.set(Component, {
-    id: randomId(),
-    matchCount: util_keys(routeParams).length,
-    matchers: routeParams,
-    params: pick(routeParams, function (v) {
-      return isUndefinedOrNull(v) || typeof v === 'string';
-    })
-  });
-  sortedViews.push(Component);
-  sortedViews.sort(sortViews);
-  return Component;
-}
-function registerErrorView(factory) {
-  errorView = createViewComponent(factory);
-}
-function renderView() {
-  var views = makeArray(arguments);
-  var rootProps = isFunction(views[0]) ? {} : views.shift();
-  var defaultView = views[0];
-  views.sort(sortViews);
-  return /*#__PURE__*/external_commonjs_react_commonjs2_react_amd_react_root_React_.createElement(ViewContainer, {
-    rootProps: rootProps,
-    views: views,
-    defaultView: defaultView
-  });
-}
-function linkTo(view, params) {
-  var state = routeMap.get(view);
-
-  if (!state) {
-    return '/';
-  }
-
-  var newParams = extend(getCurrentParams(view), getCurrentParams(view, true, params || {}), state.params);
-  return app_app.route.getPath(newParams);
-}
-function navigateTo(view, params) {
-  return app_app.navigate(linkTo(view, params));
-}
-function redirectTo(view, params) {
-  return app_app.navigate(linkTo(view, params), true);
-}
-;// CONCATENATED MODULE: ./src/hooks.js
-
-
-
-
-
-
-var emitter = new ZetaEventContainer();
-var states = {};
-
-function getCurrentStates() {
-  return states[history.state] || (states[history.state] = {});
-}
-
-function ViewState(key, value) {
-  this.key = key;
-  this.value = value;
-}
-
-definePrototype(ViewState, {
-  get: function get() {
-    return this.value;
-  },
-  set: function set(value) {
-    this.value = value;
-  },
-  onPopState: function onPopState(callback) {
-    throwNotFunction(callback);
-    return emitter.add(this, 'popstate', function (e) {
-      callback.call(this, e.newValue);
-    });
-  }
-});
-function useAppReady() {
-  var sReady = (0,external_commonjs_react_commonjs2_react_amd_react_root_React_.useState)(false);
-  var ready = sReady[0],
-      setReady = sReady[1];
-  (0,external_commonjs_react_commonjs2_react_amd_react_root_React_.useEffect)(function () {
-    app_app.ready.then(function () {
-      setReady(true);
-    });
-  }, []);
-  return ready;
-}
-function useRouteParam(name, defaultValue) {
-  var container = useViewContainerState();
-  var route = app_app.route;
-  var value = route[name] || '';
-  var ref = (0,external_commonjs_react_commonjs2_react_amd_react_root_React_.useRef)(value);
-  var forceUpdate = (0,external_commonjs_react_commonjs2_react_amd_react_root_React_.useState)()[1];
-  (0,external_commonjs_react_commonjs2_react_amd_react_root_React_.useEffect)(function () {
-    var setValue = function setValue() {
-      var current = route[name] || '';
-
-      if (current !== ref.current) {
-        if (container.active) {
-          ref.current = current;
-          forceUpdate({});
-        } else {
-          watch(container, 'active', setValue);
-        }
-      }
-    }; // route parameter might be changed after state initialization and before useEffect hook is called
-
-
-    setValue();
-
-    if (name in route) {
-      return route.watch(name, function () {
-        setImmediateOnce(setValue);
-      });
-    }
-
-    console.error('Route parameter ' + name + ' does not exist');
-  }, [name, defaultValue]);
-  ref.current = value;
-
-  if (defaultValue !== undefined && (!value || name === 'remainingSegments' && value === '/')) {
-    app_app.navigate(route.getPath(extend({}, route, kv(name, defaultValue))), true);
-  }
-
-  return value;
-}
-function useRouteState(key, defaultValue) {
-  var container = useViewContainerState();
-  var cur = getCurrentStates();
-  var state = (0,external_commonjs_react_commonjs2_react_amd_react_root_React_.useState)(key in cur ? cur[key] : defaultValue);
-
-  if (container.active) {
-    cur[key] = state[0];
-  }
-
-  return state;
-}
-function ViewStateContainer(props) {
-  var container = useViewContainerState();
-  var provider = (0,external_commonjs_react_commonjs2_react_amd_react_root_React_.useState)(function () {
-    var cache = {};
-    return {
-      getState: function getState(uniqueId, key) {
-        var cur = getCurrentStates();
-        var state = cache[uniqueId] || (cache[uniqueId] = new ViewState(key, cur[key] && cur[key].value));
-
-        if (container.active) {
-          var stateId = state.stateId;
-
-          if (stateId && (stateId !== history.state || key !== state.key)) {
-            var newValue = cur[key] && cur[key].value;
-            emitter.emit('popstate', state, {
-              newValue: newValue
-            }); // detach value in previous history state from current one
-
-            var previous = new ViewState(state.key, state.value);
-            states[stateId][previous.key] = previous;
-            state.value = newValue;
-            state.key = key;
-          }
-
-          state.stateId = history.state;
-          cur[key] = state;
-        }
-
-        return state;
-      }
-    };
-  })[0];
-  return /*#__PURE__*/(0,external_commonjs_react_commonjs2_react_amd_react_root_React_.createElement)(external_zeta_dom_react_.ViewStateProvider, {
-    value: provider
-  }, props.children);
-}
-// EXTERNAL MODULE: external "waterpipe"
-var external_waterpipe_ = __webpack_require__(28);
-;// CONCATENATED MODULE: ./src/include/external/waterpipe.js
-// @ts-nocheck
-
-/* harmony default export */ const waterpipe = (external_waterpipe_);
-;// CONCATENATED MODULE: ./src/i18n.js
-
-
-
-
-var empty = Object.create(null);
-var toPrimitive = typeof Symbol === 'function' && Symbol.toPrimitive;
-
-function TString(toString) {
-  this.toString = toString;
-}
-
-if (toPrimitive) {
-  TString.prototype[toPrimitive] = function () {
-    return this.toString();
-  };
-}
-
-function createCallback(translate) {
-  var callback = function callback(key, data) {
-    var result = translate(key, data, true);
-    return result !== undefined ? result : key;
-  };
-
-  return extend(callback, {
-    html: function html(id, data) {
-      return {
-        __html: translate(id, data)
-      };
-    },
-    lazy: function lazy(id, data) {
-      return new TString(translate.bind(0, id, data, true));
-    }
-  });
-}
-
-function useLanguage() {
-  return (0,external_zeta_dom_react_.useObservableProperty)(app_app, 'language');
-}
-function makeTranslation(resources, defaultLang) {
-  var re = new RegExp('^(' + Object.keys(resources[defaultLang]).join('|') + ')\\.');
-  var cache = {};
-
-  function getTranslation(prefix, name, data, noEncode, lang) {
-    var str = ((resources[lang] || empty)[prefix] || empty)[name];
-
-    if (typeof str === 'string') {
-      if (str && (!noEncode || data !== undefined)) {
-        return waterpipe(str, data, {
-          noEncode: noEncode
-        });
-      }
-
-      return str;
-    }
-
-    if (lang !== defaultLang) {
-      return getTranslation(prefix, name, data, noEncode, defaultLang);
-    }
-  }
-
-  function translate(key, data, noEncode) {
-    var prefix = re.test(key) ? RegExp.$1 : '';
-    var name = prefix ? key.slice(RegExp.lastMatch.length) : key;
-    return getTranslation(prefix, name, data, noEncode, app_app.language);
-  }
-
-  function getTranslationCallback() {
-    var prefix = makeArray(arguments);
-    var key = prefix.join(' ');
-    return cache[key] || (cache[key] = createCallback(function (key, data, noEncode) {
-      var lang = app_app.language;
-      return single(prefix, function (v) {
-        return getTranslation(v, key, data, noEncode, lang);
-      });
-    }));
-  }
-
-  function useTranslation() {
-    var language = useLanguage();
-    var t = getTranslationCallback.apply(0, arguments);
-    return {
-      language: language,
-      t: t
-    };
-  }
-
-  cache[''] = createCallback(translate);
-  return {
-    translate: cache[''],
-    getTranslation: getTranslationCallback,
-    useTranslation: useTranslation,
-    keys: function keys(prefix) {
-      return util_keys(resources[defaultLang][prefix] || empty);
-    }
-  };
-}
-;// CONCATENATED MODULE: ./src/mixins/StaticAttributeMixin.js
-
-
-function StaticAttributeMixin(attributes) {
-  Mixin.call(this);
-  this.attributes = attributes || {};
-}
-definePrototype(StaticAttributeMixin, Mixin, {
-  getCustomAttributes: function getCustomAttributes() {
-    return extend({}, this.attributes);
-  }
-});
-;// CONCATENATED MODULE: ./src/mixins/Mixin.js
-
-
-
-function Mixin() {}
-definePrototype(Mixin, {
-  next: function next() {},
-  getRef: function getRef() {
-    return noop;
-  },
-  getClassNames: function getClassNames() {
-    return [];
-  },
-  getCustomAttributes: function getCustomAttributes() {
-    return {};
-  },
-  dispose: function dispose() {}
-});
-watchable(Mixin.prototype);
-util_define(Mixin, {
-  get scrollableTarget() {
-    return new StaticAttributeMixin({
-      'scrollable-target': ''
-    });
-  },
-
-  use: function use() {
-    var args = makeArray(arguments);
-    var ref = args[0];
-    var props = {};
-    var mixins = args.filter(function (v) {
-      return v instanceof Mixin;
-    });
-    var refs = mixins.map(function (v) {
-      return v.getRef();
-    });
-
-    if (ref && !(ref instanceof Mixin)) {
-      if (typeof ref !== 'function') {
-        refs.push(function (v) {
-          ref.current = v;
-        });
-      } else {
-        refs.push(ref);
-      }
-
-      args.shift();
-    } else if (!ref) {
-      args.shift();
-    }
-
-    each(mixins, function (i, v) {
-      extend(props, v.getCustomAttributes());
-    });
-    extend(props, {
-      ref: combineFn(refs),
-      className: external_zeta_dom_react_.classNames.apply(null, args)
-    });
-    each(mixins, function (i, v) {
-      v.next();
-    });
-    return props;
-  }
-});
-;// CONCATENATED MODULE: ./tmp/zeta-dom/observe.js
-
-var observe_lib$dom = external_commonjs_zeta_dom_commonjs2_zeta_dom_amd_zeta_dom_root_zeta_.dom,
-    observe = observe_lib$dom.observe,
-    registerCleanup = observe_lib$dom.registerCleanup,
-    createAutoCleanupMap = observe_lib$dom.createAutoCleanupMap,
-    afterDetached = observe_lib$dom.afterDetached,
-    watchElements = observe_lib$dom.watchElements,
-    watchAttributes = observe_lib$dom.watchAttributes,
-    watchOwnAttributes = observe_lib$dom.watchOwnAttributes;
-
-;// CONCATENATED MODULE: ./src/include/zeta-dom/observe.js
-
-;// CONCATENATED MODULE: ./src/mixins/StatefulMixin.js
-
-
-
-var _ = createPrivateStore();
-
-function MixinRefImpl(mixin) {
-  this.mixin = mixin;
-}
-
-definePrototype(MixinRefImpl, {
-  getMixin: function getMixin() {
-    return this.mixin;
-  }
-});
-function StatefulMixin() {
-  Mixin.call(this);
-
-  _(this, {
-    elements: new WeakSet(),
-    flush: watch(this, false),
-    dispose: [],
-    states: {},
-    prefix: '',
-    counter: 0
-  });
-}
-definePrototype(StatefulMixin, Mixin, {
-  get ref() {
-    var self = this;
-    var state = self.state;
-    self.next();
-    return state.ref || (state.ref = new MixinRefImpl(self.clone()));
-  },
-
-  get state() {
-    var obj = _(this);
-
-    var key = obj.prefix + obj.counter;
-    return obj.states[key] || (obj.states[key] = this.initState());
-  },
-
-  reset: function reset() {
-    _(this).counter = 0;
-    return this;
-  },
-  next: function next() {
-    _(this).counter++;
-    return this;
-  },
-  getRef: function getRef() {
-    var self = this;
-    var state = self.state;
-    return function (current) {
-      state.element = current;
-
-      if (current && setAdd(_(self).elements, current)) {
-        self.initElement(current, state);
-      }
-    };
-  },
-  elements: function elements() {
-    return values(_(this).states).map(function (v) {
-      return v.element;
-    }).filter(function (v) {
-      return v;
-    });
-  },
-  onDispose: function onDispose(callback) {
-    _(this).dispose.push(callback);
-  },
-  initState: function initState() {
-    return {
-      element: null
-    };
-  },
-  initElement: function initElement(element, state) {},
-  clone: function clone() {
-    var self = this;
-    var clone = inherit(Object.getPrototypeOf(self), self);
-
-    _(clone, extend({}, _(self), {
-      prefix: randomId() + '.',
-      counter: 0
-    }));
-
-    return clone;
-  },
-  dispose: function dispose() {
-    var state = _(this);
-
-    var states = state.states;
-    combineFn(state.dispose.splice(0))();
-    state.flush();
-    each(states, function (i, v) {
-      delete states[i];
-    });
-  }
-});
-;// CONCATENATED MODULE: ./src/mixins/ClassNameMixin.js
-
-
-
-
-
-var ClassNameMixinSuper = StatefulMixin.prototype;
-
-function checkState(self, element, state, isAsync) {
-  var classNames = state.classNames;
-  var prev = extend({}, classNames);
-  each(self.classNames, function (i, v) {
-    classNames[v] = element.classList.contains(v);
-  });
-
-  if (!equal(prev, classNames)) {
-    var cb = self.onClassNameUpdated.bind(self, element, prev, extend({}, classNames));
-
-    if (isAsync) {
-      setImmediate(cb);
-    } else {
-      cb();
-    }
-  }
-}
-
-function ClassNameMixin(classNames) {
-  StatefulMixin.call(this);
-  this.classNames = classNames || [];
-}
-definePrototype(ClassNameMixin, StatefulMixin, {
-  getClassNames: function getClassNames() {
-    return [this.state.classNames];
-  },
-  getRef: function getRef() {
-    var self = this;
-    var element = self.state.element;
-
-    if (element && containsOrEquals(zeta_dom_dom.root, element)) {
-      checkState(self, element, self.state, true);
-    }
-
-    return ClassNameMixinSuper.getRef.call(this);
-  },
-  initState: function initState() {
-    return {
-      element: null,
-      classNames: {}
-    };
-  },
-  initElement: function initElement(element, state) {
-    var self = this;
-    watchOwnAttributes(element, 'class', function () {
-      checkState(self, element, state);
-    });
-  },
-  onClassNameUpdated: function onClassNameUpdated(element, prevState, state) {}
-});
-;// CONCATENATED MODULE: ./src/mixins/AnimateMixin.js
-
-
-var AnimateMixinSuper = ClassNameMixin.prototype;
-function AnimateMixin() {
-  ClassNameMixin.call(this, ['tweening-in', 'tweening-out']);
-}
-definePrototype(AnimateMixin, ClassNameMixin, {
-  next: function next() {
-    var self = this;
-    self.effects = undefined;
-    self.trigger = undefined;
-    return AnimateMixinSuper.next.call(self);
-  },
-  "with": function _with(props) {
-    var self = this;
-    self.effects = props.effects;
-    self.trigger = props.trigger;
-    return self;
-  },
-  withEffects: function withEffects() {
-    this.effects = makeArray(arguments);
-    return this;
-  },
-  getCustomAttributes: function getCustomAttributes() {
-    var self = this;
-    return extend({}, AnimateMixinSuper.getCustomAttributes.call(self), {
-      'animate-in': (self.effects || []).join(' '),
-      'animate-on': self.trigger || 'show'
-    });
-  }
-});
-;// CONCATENATED MODULE: ./src/mixins/AnimateSequenceItemMixin.js
-
-
-var AnimateSequenceItemMixinSuper = ClassNameMixin.prototype;
-function AnimateSequenceItemMixin(className) {
-  ClassNameMixin.call(this, ['tweening-in', 'tweening-out']);
-  this.className = className;
-}
-definePrototype(AnimateSequenceItemMixin, ClassNameMixin, {
-  getClassNames: function getClassNames() {
-    return [this.className].concat(AnimateSequenceItemMixinSuper.getClassNames.call(this));
-  }
-});
-;// CONCATENATED MODULE: ./src/mixins/AnimateSequenceMixin.js
-
-
-
-var AnimateSequenceMixinSuper = AnimateMixin.prototype;
-var animateSequenceMixinCounter = 0;
-function AnimateSequenceMixin() {
-  var self = this;
-  AnimateMixin.call(self);
-  self.className = 'brew-anim-' + ++animateSequenceMixinCounter;
-  self.item = new AnimateSequenceItemMixin(self.className);
-}
-definePrototype(AnimateSequenceMixin, AnimateMixin, {
-  reset: function reset() {
-    this.item.reset();
-    return AnimateSequenceMixinSuper.reset.call(this);
-  },
-  getCustomAttributes: function getCustomAttributes() {
-    return extend({}, AnimateSequenceMixinSuper.getCustomAttributes.call(this), {
-      'animate-sequence': '.' + this.className
-    });
-  },
-  clone: function clone() {
-    return extend(AnimateSequenceMixinSuper.clone.call(this), {
-      item: this.item.ref.getMixin()
-    });
-  }
-});
-;// CONCATENATED MODULE: ./src/mixins/FlyoutToggleMixin.js
-
-
-var FlyoutToggleMixinSuper = ClassNameMixin.prototype;
-function FlyoutToggleMixin(mixin) {
-  ClassNameMixin.call(this, ['target-opened']);
-  this.flyoutMixin = mixin;
-}
-definePrototype(FlyoutToggleMixin, ClassNameMixin, {
-  open: function open(value) {
-    return this.flyoutMixin.open(value);
-  },
-  close: function close(value) {
-    return this.flyoutMixin.close(value);
-  },
-  getCustomAttributes: function getCustomAttributes() {
-    var element = this.flyoutMixin.elements()[0];
-    return extend({}, FlyoutToggleMixinSuper.getCustomAttributes.call(this), {
-      'toggle': element && '#' + element.id
-    });
-  }
-});
-;// CONCATENATED MODULE: ./src/mixins/FlyoutMixin.js
-
-
-
-
-
-var FlyoutMixinSuper = ClassNameMixin.prototype;
-var valueMap = new WeakMap();
-var flyoutMixinCounter = 0;
-function FlyoutMixin() {
-  var self = this;
-  ClassNameMixin.call(self, ['open', 'closing', 'visible', 'tweening-in', 'tweening-out']);
-  self.modal = false;
-  self.tabThrough = false;
-  self.isFlyoutOpened = false;
-  self.animating = false;
-  self.visible = false;
-  self.toggle = new FlyoutToggleMixin(self);
-  self.onDispose(function () {
-    self.isFlyoutOpened = false;
-    self.visible = false;
-  });
-}
-definePrototype(FlyoutMixin, ClassNameMixin, {
-  reset: function reset() {
-    this.toggle.reset();
-    return FlyoutMixinSuper.reset.call(this);
-  },
-  next: function next() {
-    this.effects = undefined;
-    return FlyoutMixinSuper.next.call(this);
-  },
-  withEffects: function withEffects() {
-    this.effects = makeArray(arguments);
-    return this;
-  },
-  getCustomAttributes: function getCustomAttributes() {
-    var self = this;
-    return extend({}, FlyoutMixinSuper.getCustomAttributes.call(self), {
-      'is-flyout': '',
-      'swipe-dismiss': self.swipeToDismiss
-    }, self.modal && {
-      'is-modal': ''
-    }, self.tabThrough && {
-      'tab-through': ''
-    }, self.effects && {
-      'animate-on': 'open',
-      'animate-in': self.effects.join(' '),
-      'animate-out': ''
-    });
-  },
-  open: function open(value) {
-    var element = this.elements()[0];
-    valueMap.set(element, value);
-    return openFlyout(element);
-  },
-  close: function close(value) {
-    return closeFlyout(this.elements()[0], value);
-  },
-  onOpen: function onOpen(callback) {
-    var element = this.elements()[0];
-    return this.onToggleState(function (opened) {
-      if (opened) {
-        return callback(valueMap.get(element));
-      }
-    });
-  },
-  onToggleState: function onToggleState(callback) {
-    return this.watch('isFlyoutOpened', callback);
-  },
-  onVisibilityChanged: function onVisibilityChanged(callback) {
-    return this.watch('visible', callback);
-  },
-  initElement: function initElement(element, state) {
-    var self = this;
-    FlyoutMixinSuper.initElement.call(self, element, state);
-
-    if (!element.id) {
-      element.id = 'flyout-' + ++flyoutMixinCounter;
-    }
-
-    app_app.on(element, {
-      animationstart: function animationstart() {
-        self.animating = true;
-      },
-      animationcomplete: function animationcomplete() {
-        self.animating = false;
-      }
-    }, true);
-    setImmediate(function () {
-      each(self.toggle.elements(), function (i, v) {
-        v.setAttribute('toggle', '#' + element.id);
-      });
-    });
-  },
-  clone: function clone() {
-    var self = this;
-    var mixin = extend(FlyoutMixinSuper.clone.call(self), {
-      toggle: self.toggle.ref.getMixin()
-    });
-    defineAliasProperty(mixin, 'isFlyoutOpened', self);
-    defineAliasProperty(mixin, 'modal', self);
-    return mixin;
-  },
-  onClassNameUpdated: function onClassNameUpdated(element, prevState, state) {
-    var self = this;
-    self.visible = state.open;
-    self.isFlyoutOpened = state.open && !state.closing && !state['tweening-out'];
-  }
-});
-;// CONCATENATED MODULE: ./src/mixins/FocusStateMixin.js
-
-
-
-
-var FocusStateMixinSuper = StatefulMixin.prototype;
-function FocusStateMixin() {
-  StatefulMixin.call(this);
-}
-definePrototype(FocusStateMixin, StatefulMixin, {
-  initElement: function initElement(element, state) {
-    FocusStateMixinSuper.initElement.call(this, element, state);
-    zeta_dom_dom.on(element, {
-      focusin: function focusin(e) {
-        state.focused = true;
-        setClass(element, 'focused', e.source);
-      },
-      focusout: function focusout() {
-        state.focused = false;
-        setClass(element, 'focused', false);
-      }
-    });
-  },
-  getClassNames: function getClassNames() {
-    return [{
-      focused: !!this.state.focused
-    }];
-  }
-});
-;// CONCATENATED MODULE: ./src/mixins/LoadingStateMixin.js
-
-
-
-
-
-var LoadingStateMixinSuper = StatefulMixin.prototype;
-function LoadingStateMixin() {
-  StatefulMixin.call(this);
-}
-definePrototype(LoadingStateMixin, StatefulMixin, {
-  initElement: function initElement(element, state) {
-    LoadingStateMixinSuper.initElement.call(this, element, state);
-    lock(element);
-    zeta_dom_dom.on(element, {
-      asyncStart: function asyncStart() {
-        state.loading = true;
-        setClass(element, 'loading', true);
-      },
-      asyncEnd: function asyncEnd() {
-        state.loading = false;
-        setClass(element, 'loading', false);
-      },
-      cancelled: function cancelled() {
-        state.loading = false;
-        setClass(element, 'loading', false);
-      }
-    });
-  },
-  getClassNames: function getClassNames() {
-    return [{
-      loading: !!this.state.loading
-    }];
-  }
-});
-// EXTERNAL MODULE: external "jQuery"
-var external_jQuery_ = __webpack_require__(145);
-;// CONCATENATED MODULE: ./src/include/external/jquery.js
-// @ts-nocheck
-
-/* harmony default export */ const jquery = (external_jQuery_);
-;// CONCATENATED MODULE: ./src/mixins/ScrollableMixin.js
-
-
-
-
-
-var ScrollableMixinSuper = ClassNameMixin.prototype;
-function ScrollableMixin() {
-  var self = this;
-  ClassNameMixin.call(self, ['scrollable-x', 'scrollable-x-l', 'scrollable-x-r', 'scrollable-y', 'scrollable-y-d', 'scrollable-y-u']);
-  self.target = Mixin.scrollableTarget;
-  self.pageIndex = 0;
-  self.scrolling = false;
-}
-definePrototype(ScrollableMixin, ClassNameMixin, {
-  withOptions: function withOptions(options) {
-    this.options = options;
-    return this;
-  },
-  getCustomAttributes: function getCustomAttributes() {
-    var options = this.options || {};
-    return extend({}, ScrollableMixinSuper.getCustomAttributes.call(this), {
-      'scrollable': [options.direction || 'both', options.handle || 'auto'].join(' ')
-    }, options.paged && {
-      'var': '{ pageIndex: 0 }',
-      'scroller-snap-page': options.paged,
-      'scroller-page': options.pagedItemSelector,
-      'scroller-state': 'pageIndex'
-    });
-  },
-  onPageIndexChanged: function onPageIndexChanged(callback) {
-    return this.watch('pageIndex', callback);
-  },
-  initElement: function initElement(element, state) {
-    var self = this;
-    app_app.on(element, {
-      statechange: function statechange(e) {
-        if ('pageIndex' in e.newValues) {
-          extend(self, {
-            pageIndex: e.newValues.pageIndex
-          });
-        }
-      },
-      scrollStart: function scrollStart() {
-        self.scrolling = true;
-      },
-      scrollStop: function scrollStop() {
-        self.scrolling = false;
-      }
-    }, true);
-  },
-  clone: function clone() {
-    var mixin = ScrollableMixinSuper.clone.call(this);
-    defineAliasProperty(mixin, 'pageIndex', this);
-    return mixin;
-  }
-});
-each('destroy enable disable setOptions refresh scrollPadding stop scrollLeft scrollTop scrollBy scrollTo scrollByPage scrollToPage scrollToElement', function (i, v) {
-  defineHiddenProperty(ScrollableMixin.prototype, v, function () {
-    var obj = jquery(this.elements());
-    return obj.scrollable.apply(obj, [v].concat(makeArray(arguments)));
-  });
-});
-;// CONCATENATED MODULE: ./src/mixin.js
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-function extendSelf(options) {
-  extend(this, options);
-}
-
-function createUseFunction(ctor) {
-  return function () {
-    var mixin = useMixin(ctor);
-    (mixin.withOptions || extendSelf).apply(mixin, arguments);
-    return mixin;
-  };
-}
-
-var useAnimateMixin = createUseFunction(AnimateMixin);
-var useAnimateSequenceMixin = createUseFunction(AnimateSequenceMixin);
-var useFlyoutMixin = createUseFunction(FlyoutMixin);
-var useFocusStateMixin = createUseFunction(FocusStateMixin);
-var useLoadingStateMixin = createUseFunction(LoadingStateMixin);
-var useScrollableMixin = createUseFunction(ScrollableMixin);
-function useMixin(ctor) {
-  var mixin = (0,external_commonjs_react_commonjs2_react_amd_react_root_React_.useState)(function () {
-    return new ctor();
-  })[0].reset();
-  (0,external_commonjs_react_commonjs2_react_amd_react_root_React_.useEffect)(function () {
-    return mixin.dispose.bind(mixin);
-  }, []);
-  return mixin;
-}
-function useMixinRef(mixin) {
-  return mixin && mixin.getMixin().reset();
-}
-
-;// CONCATENATED MODULE: ./src/index.js
-
-/* harmony default export */ const src = (brew_js_app);
-
-
-
-
-
-;// CONCATENATED MODULE: ./src/entry.js
-
-/* harmony default export */ const entry = (src_namespaceObject);
-
-brew_js_app.react = src_namespaceObject;
-})();
-
-__webpack_exports__ = __webpack_exports__["default"];
-/******/ 	return __webpack_exports__;
-/******/ })()
-;
-});
+ */
+
+function Dialog(props) {
+  var _props = (0,external_commonjs_react_commonjs2_react_amd_react_root_React_.useState)({})[0];
+  var dialog = (0,external_commonjs_react_commonjs2_react_amd_react_root_React_.useState)(function () {
+    return createDialog(_props);
+  })[0];
+  extend(_props, props);
+  (0,external_commonjs_react_commonjs2_react_amd_react_root_React_.useEffect)(function () {
+    var opened = containsOrEquals(zeta_dom_dom.root, dialog.root);
+
+    if (either(opened, _props.isOpen)) {
+      if (!opened) {
+        dialog.open();
+      } else {
+        dialog.close();
+      }
+    }
+  }, [_props.isOpen]);
+  (0,external_commonjs_react_commonjs2_react_amd_react_root_React_.useEffect)(function () {
+    return dialog.close;
+  }, [dialog]);
+  return /*#__PURE__*/external_commonjs_react_dom_commonjs2_react_dom_amd_react_dom_root_ReactDOM_.createPortal(props.children, dialog.root);
+}
+// EXTERNAL MODULE: external "zeta-dom-react"
+var external_zeta_dom_react_ = __webpack_require__(103);
+;// CONCATENATED MODULE: ./tmp/zeta-dom/events.js
+
+var ZetaEventContainer = external_commonjs_zeta_dom_commonjs2_zeta_dom_amd_zeta_dom_root_zeta_.EventContainer;
+
+;// CONCATENATED MODULE: ./tmp/brew-js/defaults.js
+
+var defaults_defaultExport = external_commonjs_brew_js_commonjs2_brew_js_amd_brew_js_root_brew_.defaults;
+/* harmony default export */ const defaults = (defaults_defaultExport);
+;// CONCATENATED MODULE: ./src/include/brew-js/defaults.js
+
+/* harmony default export */ const brew_js_defaults = (defaults);
+;// CONCATENATED MODULE: ./src/app.js
+
+
+/** @type {Brew.AppInstance<Brew.WithRouter & Brew.WithI18n>} */
+
+var app_app;
+install('react', function (app_) {
+  // @ts-ignore: type inference issue
+  app_app = app_;
+});
+brew_js_defaults.react = true;
+;// CONCATENATED MODULE: ./tmp/brew-js/anim.js
+
+var animateIn = external_commonjs_brew_js_commonjs2_brew_js_amd_brew_js_root_brew_.animateIn,
+    animateOut = external_commonjs_brew_js_commonjs2_brew_js_amd_brew_js_root_brew_.animateOut,
+    addAnimateIn = external_commonjs_brew_js_commonjs2_brew_js_amd_brew_js_root_brew_.addAnimateIn,
+    addAnimateOut = external_commonjs_brew_js_commonjs2_brew_js_amd_brew_js_root_brew_.addAnimateOut;
+
+;// CONCATENATED MODULE: ./tmp/brew-js/util/path.js
+
+var setBaseUrl = external_commonjs_brew_js_commonjs2_brew_js_amd_brew_js_root_brew_.setBaseUrl,
+    combinePath = external_commonjs_brew_js_commonjs2_brew_js_amd_brew_js_root_brew_.combinePath,
+    parsePath = external_commonjs_brew_js_commonjs2_brew_js_amd_brew_js_root_brew_.parsePath,
+    normalizePath = external_commonjs_brew_js_commonjs2_brew_js_amd_brew_js_root_brew_.normalizePath,
+    removeQueryAndHash = external_commonjs_brew_js_commonjs2_brew_js_amd_brew_js_root_brew_.removeQueryAndHash,
+    withBaseUrl = external_commonjs_brew_js_commonjs2_brew_js_amd_brew_js_root_brew_.withBaseUrl,
+    toAbsoluteUrl = external_commonjs_brew_js_commonjs2_brew_js_amd_brew_js_root_brew_.toAbsoluteUrl,
+    toRelativeUrl = external_commonjs_brew_js_commonjs2_brew_js_amd_brew_js_root_brew_.toRelativeUrl,
+    isSubPathOf = external_commonjs_brew_js_commonjs2_brew_js_amd_brew_js_root_brew_.isSubPathOf,
+    toSegments = external_commonjs_brew_js_commonjs2_brew_js_amd_brew_js_root_brew_.toSegments;
+
+;// CONCATENATED MODULE: ./src/view.js
+
+
+
+
+
+
+
+
+
+var root = zeta_dom_dom.root;
+var routeMap = new Map();
+var usedParams = {};
+var sortedViews = [];
+var StateContext = /*#__PURE__*/external_commonjs_react_commonjs2_react_amd_react_root_React_.createContext(Object.freeze({
+  container: root,
+  active: true
+}));
+var errorView;
+
+function ErrorBoundary() {
+  external_commonjs_react_commonjs2_react_amd_react_root_React_.Component.apply(this, arguments);
+  this.state = {};
+}
+
+ErrorBoundary.contextType = StateContext;
+definePrototype(ErrorBoundary, external_commonjs_react_commonjs2_react_amd_react_root_React_.Component, {
+  componentDidCatch: function componentDidCatch(error) {
+    var self = this;
+
+    if (errorView && !self.state.error) {
+      self.setState({
+        error: error
+      });
+    } else {
+      // emit error in next tick as ref callback may yet to be invoked
+      // if error is thrown synchronously in first render
+      setImmediate(function () {
+        zeta_dom_dom.emit('error', self.context.container, {
+          error: error
+        }, true);
+      });
+    }
+  },
+  render: function render() {
+    var self = this;
+    var props = {
+      view: self.context.view,
+      error: self.state.error,
+      reset: self.reset.bind(self)
+    };
+    var onComponentLoaded = self.props.onComponentLoaded;
+
+    if (props.error) {
+      return /*#__PURE__*/external_commonjs_react_commonjs2_react_amd_react_root_React_.createElement(errorView, {
+        onComponentLoaded: onComponentLoaded,
+        viewProps: props
+      });
+    }
+
+    return /*#__PURE__*/external_commonjs_react_commonjs2_react_amd_react_root_React_.createElement(props.view, {
+      onComponentLoaded: onComponentLoaded
+    });
+  },
+  reset: function reset() {
+    this.setState({
+      error: null
+    });
+  }
+});
+
+function ViewContainer() {
+  external_commonjs_react_commonjs2_react_amd_react_root_React_.Component.apply(this, arguments);
+  this.stateId = history.state;
+}
+
+definePrototype(ViewContainer, external_commonjs_react_commonjs2_react_amd_react_root_React_.Component, {
+  componentDidMount: function componentDidMount() {
+    /** @type {any} */
+    var self = this;
+    self.componentWillUnmount = combineFn(watch(app_app.route, function () {
+      self.setActive(self.getViewComponent() === self.currentViewComponent);
+    }), app_app.on('beforepageload', function (e) {
+      self.waitFor = e.waitFor;
+      self.stateId = history.state;
+      self.forceUpdate();
+    }));
+  },
+  render: function render() {
+    /** @type {any} */
+    var self = this;
+
+    if (history.state !== self.stateId) {
+      return self.lastChild || null;
+    }
+
+    var V = self.getViewComponent();
+
+    if (V) {
+      // ensure the current path actually corresponds to the matched view
+      // when some views are not included in the list of allowed views
+      var targetPath = linkTo(V, getCurrentParams(V, true));
+
+      if (targetPath !== removeQueryAndHash(app_app.path)) {
+        app_app.navigate(targetPath, true);
+      }
+    }
+
+    if (V && V !== self.currentViewComponent) {
+      var prevElement = self.currentElement;
+
+      if (prevElement) {
+        self.setActive(false);
+        self.prevView = self.currentView;
+        self.currentElement = undefined;
+        app_app.emit('pageleave', prevElement, {
+          pathname: self.currentPath
+        }, true);
+        animateOut(prevElement, 'show').then(function () {
+          self.prevView = undefined;
+          self.forceUpdate();
+        });
+      }
+
+      var onComponentLoaded;
+      var promise = new Promise(function (resolve) {
+        onComponentLoaded = resolve;
+      });
+      var initElement = executeOnce(function (element) {
+        self.currentElement = element;
+        state.container = element;
+        promise.then(function () {
+          animateIn(element, 'show');
+          app_app.emit('pageenter', element, {
+            pathname: app_app.path
+          }, true);
+        });
+        notifyAsync(element, promise);
+      });
+      var state = {
+        view: V
+      };
+      var view = /*#__PURE__*/external_commonjs_react_commonjs2_react_amd_react_root_React_.createElement(StateContext.Provider, {
+        key: routeMap.get(V).id,
+        value: state
+      }, /*#__PURE__*/external_commonjs_react_commonjs2_react_amd_react_root_React_.createElement(ViewStateContainer, null, /*#__PURE__*/external_commonjs_react_commonjs2_react_amd_react_root_React_.createElement('div', extend({}, self.props.rootProps, {
+        ref: initElement
+      }), /*#__PURE__*/external_commonjs_react_commonjs2_react_amd_react_root_React_.createElement(ErrorBoundary, {
+        onComponentLoaded: onComponentLoaded
+      }))));
+      extend(self, {
+        currentPath: app_app.path,
+        currentView: view,
+        currentViewComponent: V,
+        setActive: defineObservableProperty(state, 'active', true, true)
+      });
+      (self.waitFor || noop)(promise);
+    }
+
+    var child = /*#__PURE__*/external_commonjs_react_commonjs2_react_amd_react_root_React_.createElement(external_commonjs_react_commonjs2_react_amd_react_root_React_.Fragment, null, self.prevView, self.currentView);
+    self.lastChild = child;
+    return child;
+  },
+  getViewComponent: function getViewComponent() {
+    var props = this.props;
+    return any(props.views, isViewMatched) || props.defaultView;
+  }
+});
+
+function getCurrentParams(view, includeAll, params) {
+  var state = routeMap.get(view);
+
+  if (!state.maxParams) {
+    var matchers = exclude(state.matchers, ['remainingSegments']);
+    var matched = map(app_app.routes, function (v) {
+      var route = app_app.parseRoute(v);
+      var matched = route.length && !any(matchers, function (v, i) {
+        var pos = route.params[i];
+        return (v ? !(pos >= 0) : pos < route.minLength) || !isFunction(v) && !route.match(i, v);
+      });
+      return matched ? route : null;
+    });
+
+    if (matched[1]) {
+      matched = grep(matched, function (v) {
+        return !single(v.params, function (v, i) {
+          return usedParams[i] && !matchers[i];
+        });
+      });
+    }
+
+    if (matched[0]) {
+      var last = matched.slice(-1)[0];
+      state.maxParams = util_keys(extend.apply(0, [{
+        remainingSegments: true
+      }].concat(matched.map(function (v) {
+        return v.params;
+      }))));
+      state.minParams = map(last.params, function (v, i) {
+        return state.params[i] || v >= last.minLength ? null : i;
+      });
+    }
+  }
+
+  return pick(params || app_app.route, includeAll ? state.maxParams : state.minParams);
+}
+
+function sortViews(a, b) {
+  return (routeMap.get(b) || {}).matchCount - (routeMap.get(a) || {}).matchCount;
+}
+
+function matchViewParams(view, route) {
+  var params = routeMap.get(view);
+  return !!params && !single(params.matchers, function (v, i) {
+    var value = route[i] || '';
+    return isFunction(v) ? !v(value) : (v || '') !== value;
+  });
+}
+
+function createViewComponent(factory) {
+  var promise;
+  throwNotFunction(factory);
+
+  if (factory.prototype instanceof external_commonjs_react_commonjs2_react_amd_react_root_React_.Component) {
+    factory = external_commonjs_react_commonjs2_react_amd_react_root_React_.createElement.bind(null, factory);
+  }
+
+  return function (props) {
+    var viewProps = Object.freeze(props.viewProps || {});
+    var children = !promise && factory(viewProps);
+
+    if (isThenable(children)) {
+      promise = children;
+      children = null;
+    }
+
+    var state = (0,external_zeta_dom_react_.useAsync)(function () {
+      return promise.then(function (s) {
+        return /*#__PURE__*/external_commonjs_react_commonjs2_react_amd_react_root_React_.createElement(s["default"], viewProps);
+      });
+    }, !!promise)[1];
+
+    if (!promise || !state.loading) {
+      props.onComponentLoaded();
+
+      if (state.error) {
+        throw state.error;
+      }
+    }
+
+    return children || state.value || /*#__PURE__*/external_commonjs_react_commonjs2_react_amd_react_root_React_.createElement(external_commonjs_react_commonjs2_react_amd_react_root_React_.Fragment);
+  };
+}
+
+function useViewContainerState() {
+  return external_commonjs_react_commonjs2_react_amd_react_root_React_.useContext(StateContext);
+}
+function isViewMatched(view) {
+  return matchViewParams(view, app_app.route);
+}
+function matchView(path, views) {
+  var route = app_app.route;
+
+  if (typeof path === 'string') {
+    route = route.parse(path);
+  } else {
+    views = path;
+  }
+
+  views = views ? makeArray(views).sort(sortViews) : sortedViews;
+  return any(views, function (v) {
+    return matchViewParams(v, route);
+  }) || undefined;
+}
+function registerView(factory, routeParams) {
+  var Component = createViewComponent(factory);
+  routeParams = extend({}, routeParams);
+  each(routeParams, function (i, v) {
+    usedParams[i] = true;
+
+    if (v instanceof RegExp) {
+      routeParams[i] = v.test.bind(v);
+    }
+  });
+  routeMap.set(Component, {
+    id: randomId(),
+    matchCount: util_keys(routeParams).length,
+    matchers: routeParams,
+    params: pick(routeParams, function (v) {
+      return isUndefinedOrNull(v) || typeof v === 'string';
+    })
+  });
+  sortedViews.push(Component);
+  sortedViews.sort(sortViews);
+  return Component;
+}
+function registerErrorView(factory) {
+  errorView = createViewComponent(factory);
+}
+function renderView() {
+  var views = makeArray(arguments);
+  var rootProps = isFunction(views[0]) ? {} : views.shift();
+  var defaultView = views[0];
+  views.sort(sortViews);
+  return /*#__PURE__*/external_commonjs_react_commonjs2_react_amd_react_root_React_.createElement(ViewContainer, {
+    rootProps: rootProps,
+    views: views,
+    defaultView: defaultView
+  });
+}
+function linkTo(view, params) {
+  var state = routeMap.get(view);
+
+  if (!state) {
+    return '/';
+  }
+
+  var newParams = extend(getCurrentParams(view), getCurrentParams(view, true, params || {}), state.params);
+  return app_app.route.getPath(newParams);
+}
+function navigateTo(view, params) {
+  return app_app.navigate(linkTo(view, params));
+}
+function redirectTo(view, params) {
+  return app_app.navigate(linkTo(view, params), true);
+}
+;// CONCATENATED MODULE: ./src/hooks.js
+
+
+
+
+
+
+
+var emitter = new ZetaEventContainer();
+var states = {};
+
+function getCurrentStates() {
+  return states[history.state] || (states[history.state] = {});
+}
+
+function ViewState(key, value) {
+  this.key = key;
+  this.value = value;
+}
+
+definePrototype(ViewState, {
+  get: function get() {
+    return this.value;
+  },
+  set: function set(value) {
+    this.value = value;
+  },
+  onPopState: function onPopState(callback) {
+    throwNotFunction(callback);
+    return emitter.add(this, 'popstate', function (e) {
+      callback.call(this, e.newValue);
+    });
+  }
+});
+function useAppReady() {
+  var sReady = (0,external_commonjs_react_commonjs2_react_amd_react_root_React_.useState)(false);
+  var ready = sReady[0],
+      setReady = sReady[1];
+  (0,external_commonjs_react_commonjs2_react_amd_react_root_React_.useEffect)(function () {
+    app_app.ready.then(function () {
+      setReady(true);
+    });
+  }, []);
+  return ready;
+}
+function useRouteParam(name, defaultValue) {
+  var container = useViewContainerState();
+  var route = app_app.route;
+  var value = route[name] || '';
+  var ref = (0,external_commonjs_react_commonjs2_react_amd_react_root_React_.useRef)(value);
+  var forceUpdate = (0,external_commonjs_react_commonjs2_react_amd_react_root_React_.useState)()[1];
+  (0,external_commonjs_react_commonjs2_react_amd_react_root_React_.useEffect)(function () {
+    var setValue = function setValue() {
+      var current = route[name] || '';
+
+      if (current !== ref.current) {
+        if (container.active) {
+          ref.current = current;
+          forceUpdate({});
+        } else {
+          watch(container, 'active', setValue);
+        }
+      }
+    }; // route parameter might be changed after state initialization and before useEffect hook is called
+
+
+    setValue();
+
+    if (name in route) {
+      return route.watch(name, function () {
+        setImmediateOnce(setValue);
+      });
+    }
+
+    console.error('Route parameter ' + name + ' does not exist');
+  }, [name, defaultValue]);
+  ref.current = value;
+
+  if (defaultValue !== undefined && (!value || name === 'remainingSegments' && value === '/')) {
+    app_app.navigate(route.getPath(extend({}, route, kv(name, defaultValue))), true);
+  }
+
+  return value;
+}
+function useRouteState(key, defaultValue, snapshotOnUpdate) {
+  var container = useViewContainerState();
+  var cur = getCurrentStates();
+  var state = (0,external_commonjs_react_commonjs2_react_amd_react_root_React_.useState)(key in cur ? cur[key] : defaultValue);
+
+  if (container.active && cur[key] !== state[0]) {
+    if (snapshotOnUpdate && key in cur) {
+      app_app.snapshot();
+      cur = getCurrentStates();
+    }
+
+    cur[key] = state[0];
+  }
+
+  (0,external_commonjs_react_commonjs2_react_amd_react_root_React_.useEffect)(function () {
+    return bind(window, 'popstate', function () {
+      if (snapshotOnUpdate && container.active) {
+        var cur = getCurrentStates();
+        state[1](key in cur ? cur[key] : defaultValue);
+      }
+    });
+  }, [container, snapshotOnUpdate]);
+  return state;
+}
+function ViewStateContainer(props) {
+  var container = useViewContainerState();
+  var provider = (0,external_commonjs_react_commonjs2_react_amd_react_root_React_.useState)(function () {
+    var cache = {};
+    return {
+      getState: function getState(uniqueId, key) {
+        var cur = getCurrentStates();
+        var state = cache[uniqueId] || (cache[uniqueId] = new ViewState(key, cur[key] && cur[key].value));
+
+        if (container.active) {
+          var stateId = state.stateId;
+
+          if (stateId && (stateId !== history.state || key !== state.key)) {
+            var newValue = cur[key] && cur[key].value;
+            emitter.emit('popstate', state, {
+              newValue: newValue
+            }); // detach value in previous history state from current one
+
+            var previous = new ViewState(state.key, state.value);
+            states[stateId][previous.key] = previous;
+            state.value = newValue;
+            state.key = key;
+          }
+
+          state.stateId = history.state;
+          cur[key] = state;
+        }
+
+        return state;
+      }
+    };
+  })[0];
+  return /*#__PURE__*/(0,external_commonjs_react_commonjs2_react_amd_react_root_React_.createElement)(external_zeta_dom_react_.ViewStateProvider, {
+    value: provider
+  }, props.children);
+}
+// EXTERNAL MODULE: external "waterpipe"
+var external_waterpipe_ = __webpack_require__(28);
+;// CONCATENATED MODULE: ./src/include/external/waterpipe.js
+// @ts-nocheck
+
+/* harmony default export */ const waterpipe = (external_waterpipe_);
+;// CONCATENATED MODULE: ./src/i18n.js
+
+
+
+
+var empty = Object.create(null);
+var toPrimitive = typeof Symbol === 'function' && Symbol.toPrimitive;
+
+function TString(toString) {
+  this.toString = toString;
+}
+
+if (toPrimitive) {
+  TString.prototype[toPrimitive] = function () {
+    return this.toString();
+  };
+}
+
+function createCallback(translate) {
+  var callback = function callback(key, data) {
+    var result = translate(key, data, true);
+    return result !== undefined ? result : key;
+  };
+
+  return extend(callback, {
+    html: function html(id, data) {
+      return {
+        __html: translate(id, data)
+      };
+    },
+    lazy: function lazy(id, data) {
+      return new TString(translate.bind(0, id, data, true));
+    }
+  });
+}
+
+function useLanguage() {
+  return (0,external_zeta_dom_react_.useObservableProperty)(app_app, 'language');
+}
+function makeTranslation(resources, defaultLang) {
+  var re = new RegExp('^(' + Object.keys(resources[defaultLang]).join('|') + ')\\.');
+  var cache = {};
+
+  function getTranslation(prefix, name, data, noEncode, lang) {
+    var str = ((resources[lang] || empty)[prefix] || empty)[name];
+
+    if (typeof str === 'string') {
+      if (str && (!noEncode || data !== undefined)) {
+        return waterpipe(str, data, {
+          noEncode: noEncode
+        });
+      }
+
+      return str;
+    }
+
+    if (lang !== defaultLang) {
+      return getTranslation(prefix, name, data, noEncode, defaultLang);
+    }
+  }
+
+  function translate(key, data, noEncode) {
+    var prefix = re.test(key) ? RegExp.$1 : '';
+    var name = prefix ? key.slice(RegExp.lastMatch.length) : key;
+    return getTranslation(prefix, name, data, noEncode, app_app.language);
+  }
+
+  function getTranslationCallback() {
+    var prefix = makeArray(arguments);
+    var key = prefix.join(' ');
+    return cache[key] || (cache[key] = createCallback(function (key, data, noEncode) {
+      var lang = app_app.language;
+      return single(prefix, function (v) {
+        return getTranslation(v, key, data, noEncode, lang);
+      });
+    }));
+  }
+
+  function useTranslation() {
+    var language = useLanguage();
+    var t = getTranslationCallback.apply(0, arguments);
+    return {
+      language: language,
+      t: t
+    };
+  }
+
+  cache[''] = createCallback(translate);
+  return {
+    translate: cache[''],
+    getTranslation: getTranslationCallback,
+    useTranslation: useTranslation,
+    keys: function keys(prefix) {
+      return util_keys(resources[defaultLang][prefix] || empty);
+    }
+  };
+}
+;// CONCATENATED MODULE: ./src/mixins/StaticAttributeMixin.js
+
+
+function StaticAttributeMixin(attributes) {
+  Mixin.call(this);
+  this.attributes = attributes || {};
+}
+definePrototype(StaticAttributeMixin, Mixin, {
+  getCustomAttributes: function getCustomAttributes() {
+    return extend({}, this.attributes);
+  }
+});
+;// CONCATENATED MODULE: ./src/mixins/Mixin.js
+
+
+
+function Mixin() {}
+definePrototype(Mixin, {
+  next: function next() {},
+  getRef: function getRef() {
+    return noop;
+  },
+  getClassNames: function getClassNames() {
+    return [];
+  },
+  getCustomAttributes: function getCustomAttributes() {
+    return {};
+  },
+  dispose: function dispose() {}
+});
+watchable(Mixin.prototype);
+util_define(Mixin, {
+  get scrollableTarget() {
+    return new StaticAttributeMixin({
+      'scrollable-target': ''
+    });
+  },
+
+  use: function use() {
+    var args = makeArray(arguments);
+    var ref = args[0];
+    var props = {};
+    var mixins = args.filter(function (v) {
+      return v instanceof Mixin;
+    });
+    var refs = mixins.map(function (v) {
+      return v.getRef();
+    });
+
+    if (ref && !(ref instanceof Mixin)) {
+      if (typeof ref !== 'function') {
+        refs.push(function (v) {
+          ref.current = v;
+        });
+      } else {
+        refs.push(ref);
+      }
+
+      args.shift();
+    } else if (!ref) {
+      args.shift();
+    }
+
+    each(mixins, function (i, v) {
+      extend(props, v.getCustomAttributes());
+    });
+    extend(props, {
+      ref: combineFn(refs),
+      className: external_zeta_dom_react_.classNames.apply(null, args)
+    });
+    each(mixins, function (i, v) {
+      v.next();
+    });
+    return props;
+  }
+});
+;// CONCATENATED MODULE: ./tmp/zeta-dom/observe.js
+
+var observe_lib$dom = external_commonjs_zeta_dom_commonjs2_zeta_dom_amd_zeta_dom_root_zeta_.dom,
+    observe = observe_lib$dom.observe,
+    registerCleanup = observe_lib$dom.registerCleanup,
+    createAutoCleanupMap = observe_lib$dom.createAutoCleanupMap,
+    afterDetached = observe_lib$dom.afterDetached,
+    watchElements = observe_lib$dom.watchElements,
+    watchAttributes = observe_lib$dom.watchAttributes,
+    watchOwnAttributes = observe_lib$dom.watchOwnAttributes;
+
+;// CONCATENATED MODULE: ./src/mixins/StatefulMixin.js
+
+
+
+var _ = createPrivateStore();
+
+function MixinRefImpl(mixin) {
+  this.mixin = mixin;
+}
+
+definePrototype(MixinRefImpl, {
+  getMixin: function getMixin() {
+    return this.mixin;
+  }
+});
+function StatefulMixin() {
+  Mixin.call(this);
+
+  _(this, {
+    elements: new Set(),
+    flush: watch(this, false),
+    dispose: [],
+    states: {},
+    prefix: '',
+    counter: 0
+  });
+}
+definePrototype(StatefulMixin, Mixin, {
+  get ref() {
+    var self = this;
+    var state = self.state;
+    self.next();
+    return state.ref || (state.ref = new MixinRefImpl(self.clone()));
+  },
+
+  get state() {
+    var obj = _(this);
+
+    var key = obj.prefix + obj.counter;
+    return obj.states[key] || (obj.states[key] = this.initState());
+  },
+
+  reset: function reset() {
+    _(this).counter = 0;
+    return this;
+  },
+  next: function next() {
+    _(this).counter++;
+    return this;
+  },
+  getRef: function getRef() {
+    var self = this;
+    var state = self.state;
+    return function (current) {
+      state.element = current;
+
+      if (current && setAdd(_(self).elements, current)) {
+        self.initElement(current, state);
+      }
+    };
+  },
+  elements: function elements() {
+    return values(_(this).states).map(function (v) {
+      return v.element;
+    }).filter(function (v) {
+      return v;
+    });
+  },
+  onDispose: function onDispose(callback) {
+    _(this).dispose.push(callback);
+  },
+  initState: function initState() {
+    return {
+      element: null
+    };
+  },
+  initElement: function initElement(element, state) {},
+  clone: function clone() {
+    var self = this;
+    var clone = inherit(Object.getPrototypeOf(self), self);
+
+    _(clone, extend({}, _(self), {
+      prefix: randomId() + '.',
+      counter: 0
+    }));
+
+    return clone;
+  },
+  dispose: function dispose() {
+    var state = _(this);
+
+    var states = state.states;
+    combineFn(state.dispose.splice(0))();
+    state.flush();
+    state.elements.clear();
+    each(states, function (i, v) {
+      delete states[i];
+    });
+  }
+});
+;// CONCATENATED MODULE: ./src/mixins/ClassNameMixin.js
+
+
+
+
+
+var ClassNameMixinSuper = StatefulMixin.prototype;
+
+function checkState(self, element, state, isAsync) {
+  var classNames = state.classNames;
+  var prev = extend({}, classNames);
+  each(self.classNames, function (i, v) {
+    classNames[v] = element.classList.contains(v);
+  });
+
+  if (!equal(prev, classNames)) {
+    var cb = self.onClassNameUpdated.bind(self, element, prev, extend({}, classNames));
+
+    if (isAsync) {
+      setImmediate(cb);
+    } else {
+      cb();
+    }
+  }
+}
+
+function ClassNameMixin(classNames) {
+  StatefulMixin.call(this);
+  this.classNames = classNames || [];
+}
+definePrototype(ClassNameMixin, StatefulMixin, {
+  getClassNames: function getClassNames() {
+    return [this.state.classNames];
+  },
+  getRef: function getRef() {
+    var self = this;
+    var element = self.state.element;
+
+    if (element && containsOrEquals(zeta_dom_dom.root, element)) {
+      checkState(self, element, self.state, true);
+    }
+
+    return ClassNameMixinSuper.getRef.call(this);
+  },
+  initState: function initState() {
+    return {
+      element: null,
+      classNames: {}
+    };
+  },
+  initElement: function initElement(element, state) {
+    var self = this;
+    watchOwnAttributes(element, 'class', function () {
+      checkState(self, element, state);
+    });
+  },
+  onClassNameUpdated: function onClassNameUpdated(element, prevState, state) {}
+});
+;// CONCATENATED MODULE: ./src/mixins/AnimateMixin.js
+
+
+var AnimateMixinSuper = ClassNameMixin.prototype;
+function AnimateMixin() {
+  ClassNameMixin.call(this, ['tweening-in', 'tweening-out']);
+}
+definePrototype(AnimateMixin, ClassNameMixin, {
+  next: function next() {
+    var self = this;
+    self.effects = undefined;
+    self.trigger = undefined;
+    return AnimateMixinSuper.next.call(self);
+  },
+  "with": function _with(props) {
+    var self = this;
+    self.effects = props.effects;
+    self.trigger = props.trigger;
+    return self;
+  },
+  withEffects: function withEffects() {
+    this.effects = makeArray(arguments);
+    return this;
+  },
+  getCustomAttributes: function getCustomAttributes() {
+    var self = this;
+    return extend({}, AnimateMixinSuper.getCustomAttributes.call(self), {
+      'animate-in': (self.effects || []).join(' '),
+      'animate-on': self.trigger || 'show'
+    });
+  }
+});
+;// CONCATENATED MODULE: ./src/mixins/AnimateSequenceItemMixin.js
+
+
+var AnimateSequenceItemMixinSuper = ClassNameMixin.prototype;
+function AnimateSequenceItemMixin(className) {
+  ClassNameMixin.call(this, ['tweening-in', 'tweening-out']);
+  this.className = className;
+}
+definePrototype(AnimateSequenceItemMixin, ClassNameMixin, {
+  getClassNames: function getClassNames() {
+    return [this.className].concat(AnimateSequenceItemMixinSuper.getClassNames.call(this));
+  }
+});
+;// CONCATENATED MODULE: ./src/mixins/AnimateSequenceMixin.js
+
+
+
+var AnimateSequenceMixinSuper = AnimateMixin.prototype;
+var animateSequenceMixinCounter = 0;
+function AnimateSequenceMixin() {
+  var self = this;
+  AnimateMixin.call(self);
+  self.className = 'brew-anim-' + ++animateSequenceMixinCounter;
+  self.item = new AnimateSequenceItemMixin(self.className);
+}
+definePrototype(AnimateSequenceMixin, AnimateMixin, {
+  reset: function reset() {
+    this.item.reset();
+    return AnimateSequenceMixinSuper.reset.call(this);
+  },
+  getCustomAttributes: function getCustomAttributes() {
+    return extend({}, AnimateSequenceMixinSuper.getCustomAttributes.call(this), {
+      'animate-sequence': '.' + this.className
+    });
+  },
+  clone: function clone() {
+    return extend(AnimateSequenceMixinSuper.clone.call(this), {
+      item: this.item.ref.getMixin()
+    });
+  }
+});
+;// CONCATENATED MODULE: ./src/mixins/FlyoutToggleMixin.js
+
+
+var FlyoutToggleMixinSuper = ClassNameMixin.prototype;
+function FlyoutToggleMixin(mixin) {
+  ClassNameMixin.call(this, ['target-opened']);
+  this.flyoutMixin = mixin;
+}
+definePrototype(FlyoutToggleMixin, ClassNameMixin, {
+  open: function open(value) {
+    return this.flyoutMixin.open(value);
+  },
+  close: function close(value) {
+    return this.flyoutMixin.close(value);
+  },
+  getCustomAttributes: function getCustomAttributes() {
+    var element = this.flyoutMixin.elements()[0];
+    return extend({}, FlyoutToggleMixinSuper.getCustomAttributes.call(this), {
+      'toggle': element && '#' + element.id
+    });
+  }
+});
+;// CONCATENATED MODULE: ./src/mixins/FlyoutMixin.js
+
+
+
+
+
+var FlyoutMixinSuper = ClassNameMixin.prototype;
+var valueMap = new WeakMap();
+var flyoutMixinCounter = 0;
+function FlyoutMixin() {
+  var self = this;
+  ClassNameMixin.call(self, ['open', 'closing', 'visible', 'tweening-in', 'tweening-out']);
+  self.modal = false;
+  self.tabThrough = false;
+  self.isFlyoutOpened = false;
+  self.animating = false;
+  self.visible = false;
+  self.toggle = new FlyoutToggleMixin(self);
+  self.onDispose(function () {
+    self.isFlyoutOpened = false;
+    self.visible = false;
+  });
+}
+definePrototype(FlyoutMixin, ClassNameMixin, {
+  reset: function reset() {
+    this.toggle.reset();
+    return FlyoutMixinSuper.reset.call(this);
+  },
+  next: function next() {
+    this.effects = undefined;
+    return FlyoutMixinSuper.next.call(this);
+  },
+  withEffects: function withEffects() {
+    this.effects = makeArray(arguments);
+    return this;
+  },
+  getCustomAttributes: function getCustomAttributes() {
+    var self = this;
+    return extend({}, FlyoutMixinSuper.getCustomAttributes.call(self), {
+      'is-flyout': '',
+      'swipe-dismiss': self.swipeToDismiss
+    }, self.modal && {
+      'is-modal': ''
+    }, self.tabThrough && {
+      'tab-through': ''
+    }, self.effects && {
+      'animate-on': 'open',
+      'animate-in': self.effects.join(' '),
+      'animate-out': ''
+    });
+  },
+  open: function open(value) {
+    var element = this.elements()[0];
+    valueMap.set(element, value);
+    return openFlyout(element);
+  },
+  close: function close(value) {
+    return closeFlyout(this.elements()[0], value);
+  },
+  onOpen: function onOpen(callback) {
+    var element = this.elements()[0];
+    return this.onToggleState(function (opened) {
+      if (opened) {
+        return callback(valueMap.get(element));
+      }
+    });
+  },
+  onToggleState: function onToggleState(callback) {
+    return this.watch('isFlyoutOpened', callback);
+  },
+  onVisibilityChanged: function onVisibilityChanged(callback) {
+    return this.watch('visible', callback);
+  },
+  initElement: function initElement(element, state) {
+    var self = this;
+    FlyoutMixinSuper.initElement.call(self, element, state);
+
+    if (!element.id) {
+      element.id = 'flyout-' + ++flyoutMixinCounter;
+    }
+
+    self.onDispose(app_app.on(element, {
+      animationstart: function animationstart() {
+        self.animating = true;
+      },
+      animationcomplete: function animationcomplete() {
+        self.animating = false;
+      }
+    }, true));
+    setImmediate(function () {
+      each(self.toggle.elements(), function (i, v) {
+        v.setAttribute('toggle', '#' + element.id);
+      });
+    });
+  },
+  clone: function clone() {
+    var self = this;
+    var mixin = extend(FlyoutMixinSuper.clone.call(self), {
+      toggle: self.toggle.ref.getMixin()
+    });
+    defineAliasProperty(mixin, 'isFlyoutOpened', self);
+    defineAliasProperty(mixin, 'modal', self);
+    return mixin;
+  },
+  onClassNameUpdated: function onClassNameUpdated(element, prevState, state) {
+    var self = this;
+    self.visible = state.open;
+    self.isFlyoutOpened = state.open && !state.closing && !state['tweening-out'];
+  }
+});
+;// CONCATENATED MODULE: ./src/mixins/FocusStateMixin.js
+
+
+
+
+var FocusStateMixinSuper = StatefulMixin.prototype;
+function FocusStateMixin() {
+  StatefulMixin.call(this);
+}
+definePrototype(FocusStateMixin, StatefulMixin, {
+  initElement: function initElement(element, state) {
+    FocusStateMixinSuper.initElement.call(this, element, state);
+    this.onDispose(zeta_dom_dom.on(element, {
+      focusin: function focusin(e) {
+        state.focused = true;
+        setClass(element, 'focused', e.source);
+      },
+      focusout: function focusout() {
+        state.focused = false;
+        setClass(element, 'focused', false);
+      }
+    }));
+  },
+  getClassNames: function getClassNames() {
+    return [{
+      focused: !!this.state.focused
+    }];
+  }
+});
+;// CONCATENATED MODULE: ./src/mixins/LoadingStateMixin.js
+
+
+
+
+
+var LoadingStateMixinSuper = StatefulMixin.prototype;
+function LoadingStateMixin() {
+  StatefulMixin.call(this);
+}
+definePrototype(LoadingStateMixin, StatefulMixin, {
+  initElement: function initElement(element, state) {
+    LoadingStateMixinSuper.initElement.call(this, element, state);
+    lock(element);
+    this.onDispose(zeta_dom_dom.on(element, {
+      asyncStart: function asyncStart() {
+        state.loading = true;
+        setClass(element, 'loading', true);
+      },
+      asyncEnd: function asyncEnd() {
+        state.loading = false;
+        setClass(element, 'loading', false);
+      },
+      cancelled: function cancelled() {
+        state.loading = false;
+        setClass(element, 'loading', false);
+      }
+    }));
+  },
+  getClassNames: function getClassNames() {
+    return [{
+      loading: !!this.state.loading
+    }];
+  }
+});
+// EXTERNAL MODULE: external "jQuery"
+var external_jQuery_ = __webpack_require__(145);
+;// CONCATENATED MODULE: ./src/include/external/jquery.js
+// @ts-nocheck
+
+/* harmony default export */ const jquery = (external_jQuery_);
+;// CONCATENATED MODULE: ./src/mixins/ScrollableMixin.js
+
+
+
+
+
+var ScrollableMixinSuper = ClassNameMixin.prototype;
+function ScrollableMixin() {
+  var self = this;
+  ClassNameMixin.call(self, ['scrollable-x', 'scrollable-x-l', 'scrollable-x-r', 'scrollable-y', 'scrollable-y-d', 'scrollable-y-u']);
+  self.target = Mixin.scrollableTarget;
+  self.pageIndex = 0;
+  self.scrolling = false;
+}
+definePrototype(ScrollableMixin, ClassNameMixin, {
+  withOptions: function withOptions(options) {
+    this.options = options;
+    return this;
+  },
+  getCustomAttributes: function getCustomAttributes() {
+    var options = this.options || {};
+    return extend({}, ScrollableMixinSuper.getCustomAttributes.call(this), {
+      'scrollable': [options.direction || 'both', options.handle || 'auto'].join(' ')
+    }, options.paged && {
+      'var': '{ pageIndex: 0 }',
+      'scroller-snap-page': options.paged,
+      'scroller-page': options.pagedItemSelector,
+      'scroller-state': 'pageIndex'
+    });
+  },
+  onPageIndexChanged: function onPageIndexChanged(callback) {
+    return this.watch('pageIndex', callback);
+  },
+  initElement: function initElement(element, state) {
+    var self = this;
+    self.onDispose(app_app.on(element, {
+      statechange: function statechange(e) {
+        if ('pageIndex' in e.newValues) {
+          extend(self, {
+            pageIndex: e.newValues.pageIndex
+          });
+        }
+      },
+      scrollStart: function scrollStart() {
+        self.scrolling = true;
+      },
+      scrollStop: function scrollStop() {
+        self.scrolling = false;
+      }
+    }, true));
+  },
+  clone: function clone() {
+    var mixin = ScrollableMixinSuper.clone.call(this);
+    defineAliasProperty(mixin, 'pageIndex', this);
+    return mixin;
+  }
+});
+each('destroy enable disable setOptions refresh scrollPadding stop scrollLeft scrollTop scrollBy scrollTo scrollByPage scrollToPage scrollToElement', function (i, v) {
+  defineHiddenProperty(ScrollableMixin.prototype, v, function () {
+    var obj = jquery(this.elements());
+    return obj.scrollable.apply(obj, [v].concat(makeArray(arguments)));
+  });
+});
+;// CONCATENATED MODULE: ./src/mixin.js
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+function extendSelf(options) {
+  extend(this, options);
+}
+
+function createUseFunction(ctor) {
+  return function () {
+    var mixin = useMixin(ctor);
+    (mixin.withOptions || extendSelf).apply(mixin, arguments);
+    return mixin;
+  };
+}
+
+var useAnimateMixin = createUseFunction(AnimateMixin);
+var useAnimateSequenceMixin = createUseFunction(AnimateSequenceMixin);
+var useFlyoutMixin = createUseFunction(FlyoutMixin);
+var useFocusStateMixin = createUseFunction(FocusStateMixin);
+var useLoadingStateMixin = createUseFunction(LoadingStateMixin);
+var useScrollableMixin = createUseFunction(ScrollableMixin);
+function useMixin(ctor) {
+  var mixin = (0,external_commonjs_react_commonjs2_react_amd_react_root_React_.useState)(function () {
+    return new ctor();
+  })[0].reset();
+  (0,external_commonjs_react_commonjs2_react_amd_react_root_React_.useEffect)(function () {
+    return mixin.dispose.bind(mixin);
+  }, []);
+  return mixin;
+}
+function useMixinRef(mixin) {
+  return mixin && mixin.getMixin().reset();
+}
+
+;// CONCATENATED MODULE: ./src/index.js
+
+/* harmony default export */ const src = (brew_js_app);
+
+
+
+
+
+;// CONCATENATED MODULE: ./src/entry.js
+
+/* harmony default export */ const entry = (src_namespaceObject);
+
+brew_js_app.react = src_namespaceObject;
+})();
+
+__webpack_exports__ = __webpack_exports__["default"];
+/******/ 	return __webpack_exports__;
+/******/ })()
+;
+});
 //# sourceMappingURL=brew-js-react.js.map