brew-js-react 0.5.3 → 0.5.5

package/dist/brew-js-react.js

@@ -1,77 +1,77 @@
-/*! brew-js-react v0.5.3 | (c) misonou | https://misonou.github.io */
+/*! brew-js-react v0.5.5 | (c) misonou | https://misonou.github.io */
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
-		module.exports = factory(require("brew-js"), require("react"), require("react-dom"), require("zeta-dom"), require("zeta-dom-react"), require("waterpipe"), require("jquery"));
+		module.exports = factory(require("zeta-dom"), require("react"), require("react-dom"), require("brew-js"), require("zeta-dom-react"), require("waterpipe"), require("jquery"));
 	else if(typeof define === 'function' && define.amd)
-		define("brew-js-react", ["brew-js", "react", "react-dom", "zeta-dom", "zeta-dom-react", "waterpipe", "jquery"], factory);
+		define("brew-js-react", ["zeta-dom", "react", "react-dom", "brew-js", "zeta-dom-react", "waterpipe", "jquery"], factory);
 	else if(typeof exports === 'object')
-		exports["brew-js-react"] = factory(require("brew-js"), require("react"), require("react-dom"), require("zeta-dom"), require("zeta-dom-react"), require("waterpipe"), require("jquery"));
+		exports["brew-js-react"] = factory(require("zeta-dom"), require("react"), require("react-dom"), require("brew-js"), require("zeta-dom-react"), require("waterpipe"), require("jquery"));
 	else
-		root["brew-js-react"] = factory(root["brew"], root["React"], root["ReactDOM"], 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__654__, __WEBPACK_EXTERNAL_MODULE__103__, __WEBPACK_EXTERNAL_MODULE__28__, __WEBPACK_EXTERNAL_MODULE__47__) {
+		root["brew"] = root["brew"] || {}, root["brew"]["react"] = factory(root["zeta"], root["React"], root["ReactDOM"], root["brew"], root["zeta"]["react"], root["waterpipe"], root["jQuery"]);
+})(self, (__WEBPACK_EXTERNAL_MODULE__231__, __WEBPACK_EXTERNAL_MODULE__12__, __WEBPACK_EXTERNAL_MODULE__311__, __WEBPACK_EXTERNAL_MODULE__760__, __WEBPACK_EXTERNAL_MODULE__402__, __WEBPACK_EXTERNAL_MODULE__87__, __WEBPACK_EXTERNAL_MODULE__942__) => {
 return /******/ (() => { // webpackBootstrap
 /******/ 	var __webpack_modules__ = ({
 
-/***/ 28:
+/***/ 87:
 /***/ ((module) => {
 
 "use strict";
-module.exports = __WEBPACK_EXTERNAL_MODULE__28__;
+module.exports = __WEBPACK_EXTERNAL_MODULE__87__;
 
 /***/ }),
 
-/***/ 103:
+/***/ 760:
 /***/ ((module) => {
 
 "use strict";
-module.exports = __WEBPACK_EXTERNAL_MODULE__103__;
+module.exports = __WEBPACK_EXTERNAL_MODULE__760__;
 
 /***/ }),
 
-/***/ 80:
+/***/ 942:
 /***/ ((module) => {
 
 "use strict";
-module.exports = __WEBPACK_EXTERNAL_MODULE__80__;
+module.exports = __WEBPACK_EXTERNAL_MODULE__942__;
 
 /***/ }),
 
-/***/ 47:
+/***/ 12:
 /***/ ((module) => {
 
 "use strict";
-module.exports = __WEBPACK_EXTERNAL_MODULE__47__;
+module.exports = __WEBPACK_EXTERNAL_MODULE__12__;
 
 /***/ }),
 
-/***/ 359:
+/***/ 311:
 /***/ ((module) => {
 
 "use strict";
-module.exports = __WEBPACK_EXTERNAL_MODULE__359__;
+module.exports = __WEBPACK_EXTERNAL_MODULE__311__;
 
 /***/ }),
 
-/***/ 318:
+/***/ 231:
 /***/ ((module) => {
 
 "use strict";
-module.exports = __WEBPACK_EXTERNAL_MODULE__318__;
+module.exports = __WEBPACK_EXTERNAL_MODULE__231__;
 
 /***/ }),
 
-/***/ 654:
+/***/ 402:
 /***/ ((module) => {
 
 "use strict";
-module.exports = __WEBPACK_EXTERNAL_MODULE__654__;
+module.exports = __WEBPACK_EXTERNAL_MODULE__402__;
 
 /***/ }),
 
-/***/ 862:
+/***/ 621:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
-var ReactDOM = __webpack_require__(318);
+var ReactDOM = __webpack_require__(311);
 var ReactDOMClient;
 
 if (ReactDOM.createRoot) {
@@ -161,268 +161,143 @@ var __webpack_exports__ = {};
 // This entry need to be wrapped in an IIFE because it need to be in strict mode.
 (() => {
 "use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
-  "default": () => (/* binding */ entry)
+  AnimateMixin: () => (/* reexport */ AnimateMixin),
+  AnimateSequenceItemMixin: () => (/* reexport */ AnimateSequenceItemMixin),
+  AnimateSequenceMixin: () => (/* reexport */ AnimateSequenceMixin),
+  ClassNameMixin: () => (/* reexport */ ClassNameMixin),
+  ClassNameToggleMixin: () => (/* reexport */ ClassNameToggleMixin),
+  Dialog: () => (/* reexport */ Dialog),
+  FlyoutMixin: () => (/* reexport */ FlyoutMixin),
+  FlyoutToggleMixin: () => (/* reexport */ FlyoutToggleMixin),
+  FocusStateMixin: () => (/* reexport */ FocusStateMixin),
+  LoadingStateMixin: () => (/* reexport */ LoadingStateMixin),
+  Mixin: () => (/* reexport */ Mixin),
+  ScrollIntoViewMixin: () => (/* reexport */ ScrollIntoViewMixin),
+  ScrollableMixin: () => (/* reexport */ ScrollableMixin),
+  StatefulMixin: () => (/* reexport */ StatefulMixin),
+  UnmanagedClassNameMixin: () => (/* reexport */ UnmanagedClassNameMixin),
+  ViewStateContainer: () => (/* reexport */ ViewStateContainer),
+  createDialog: () => (/* reexport */ createDialog),
+  isViewMatched: () => (/* reexport */ isViewMatched),
+  isViewRendered: () => (/* reexport */ isViewRendered),
+  linkTo: () => (/* reexport */ linkTo),
+  makeTranslation: () => (/* reexport */ makeTranslation),
+  matchView: () => (/* reexport */ matchView),
+  navigateTo: () => (/* reexport */ navigateTo),
+  redirectTo: () => (/* reexport */ redirectTo),
+  registerErrorView: () => (/* reexport */ registerErrorView),
+  registerView: () => (/* reexport */ registerView),
+  renderView: () => (/* reexport */ renderView),
+  resolvePath: () => (/* reexport */ resolvePath),
+  useAnimateMixin: () => (/* reexport */ useAnimateMixin),
+  useAnimateSequenceMixin: () => (/* reexport */ useAnimateSequenceMixin),
+  useAppReady: () => (/* reexport */ useAppReady),
+  useAppReadyState: () => (/* reexport */ useAppReadyState),
+  useClassNameToggleMixin: () => (/* reexport */ useClassNameToggleMixin),
+  useFlyoutMixin: () => (/* reexport */ useFlyoutMixin),
+  useFocusStateMixin: () => (/* reexport */ useFocusStateMixin),
+  useLanguage: () => (/* reexport */ useLanguage),
+  useLoadingStateMixin: () => (/* reexport */ useLoadingStateMixin),
+  useMixin: () => (/* reexport */ useMixin),
+  useMixinRef: () => (/* reexport */ useMixinRef),
+  useRouteParam: () => (/* reexport */ useRouteParam),
+  useRouteState: () => (/* reexport */ useRouteState),
+  useScrollIntoViewMixin: () => (/* reexport */ useScrollIntoViewMixin),
+  useScrollableMixin: () => (/* reexport */ useScrollableMixin),
+  useUnmanagedClassNameMixin: () => (/* reexport */ useUnmanagedClassNameMixin),
+  useViewContainerState: () => (/* reexport */ useViewContext),
+  useViewContext: () => (/* reexport */ useViewContext)
 });
 
-// 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),
-  "ClassNameToggleMixin": () => (ClassNameToggleMixin),
-  "Dialog": () => (Dialog),
-  "FlyoutMixin": () => (FlyoutMixin),
-  "FlyoutToggleMixin": () => (FlyoutToggleMixin),
-  "FocusStateMixin": () => (FocusStateMixin),
-  "LoadingStateMixin": () => (LoadingStateMixin),
-  "Mixin": () => (Mixin),
-  "ScrollIntoViewMixin": () => (ScrollIntoViewMixin),
-  "ScrollableMixin": () => (ScrollableMixin),
-  "StatefulMixin": () => (StatefulMixin),
-  "UnmanagedClassNameMixin": () => (UnmanagedClassNameMixin),
-  "ViewStateContainer": () => (ViewStateContainer),
-  "createDialog": () => (createDialog),
-  "default": () => (src),
-  "isViewMatched": () => (isViewMatched),
-  "linkTo": () => (linkTo),
-  "makeTranslation": () => (makeTranslation),
-  "matchView": () => (matchView),
-  "navigateTo": () => (navigateTo),
-  "redirectTo": () => (redirectTo),
-  "registerErrorView": () => (registerErrorView),
-  "registerView": () => (registerView),
-  "renderView": () => (renderView),
-  "resolvePath": () => (resolvePath),
-  "useAnimateMixin": () => (useAnimateMixin),
-  "useAnimateSequenceMixin": () => (useAnimateSequenceMixin),
-  "useAppReady": () => (useAppReady),
-  "useAppReadyState": () => (useAppReadyState),
-  "useClassNameToggleMixin": () => (useClassNameToggleMixin),
-  "useFlyoutMixin": () => (useFlyoutMixin),
-  "useFocusStateMixin": () => (useFocusStateMixin),
-  "useLanguage": () => (useLanguage),
-  "useLoadingStateMixin": () => (useLoadingStateMixin),
-  "useMixin": () => (useMixin),
-  "useMixinRef": () => (useMixinRef),
-  "useRouteParam": () => (useRouteParam),
-  "useRouteState": () => (useRouteState),
-  "useScrollIntoViewMixin": () => (useScrollIntoViewMixin),
-  "useScrollableMixin": () => (useScrollableMixin),
-  "useUnmanagedClassNameMixin": () => (useUnmanagedClassNameMixin),
-  "useViewContainerState": () => (useViewContext),
-  "useViewContext": () => (useViewContext)
-});
-
-// 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,
-    emitAppEvent = external_commonjs_brew_js_commonjs2_brew_js_amd_brew_js_root_brew_.emitAppEvent,
-    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/fallback.js
-var fallback = __webpack_require__(862);
-;// CONCATENATED MODULE: ./src/include/external/react-dom-client.js
-// @ts-nocheck
-
-/** @type {import("react-dom/client")} */
-
-/* harmony default export */ const react_dom_client = (fallback);
 // 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 external_commonjs_zeta_dom_commonjs2_zeta_dom_amd_zeta_dom_root_zeta_ = __webpack_require__(231);
+;// CONCATENATED MODULE: ./|umd|/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,
-    sameValueZero = _lib$util.sameValueZero,
-    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,
-    clearImmediateOnce = _lib$util.clearImmediateOnce,
-    _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,
-    matchWordMulti = _lib$util.matchWordMulti,
-    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
+  any = _lib$util.any,
+  arrRemove = _lib$util.arrRemove,
+  catchAsync = _lib$util.catchAsync,
+  combineFn = _lib$util.combineFn,
+  createPrivateStore = _lib$util.createPrivateStore,
+  util_define = _lib$util.define,
+  defineGetterProperty = _lib$util.defineGetterProperty,
+  defineHiddenProperty = _lib$util.defineHiddenProperty,
+  defineObservableProperty = _lib$util.defineObservableProperty,
+  defineOwnProperty = _lib$util.defineOwnProperty,
+  definePrototype = _lib$util.definePrototype,
+  delay = _lib$util.delay,
+  each = _lib$util.each,
+  either = _lib$util.either,
+  equal = _lib$util.equal,
+  exclude = _lib$util.exclude,
+  executeOnce = _lib$util.executeOnce,
+  extend = _lib$util.extend,
+  fill = _lib$util.fill,
+  freeze = _lib$util.freeze,
+  grep = _lib$util.grep,
+  isArray = _lib$util.isArray,
+  isFunction = _lib$util.isFunction,
+  isPlainObject = _lib$util.isPlainObject,
+  isThenable = _lib$util.isThenable,
+  isUndefinedOrNull = _lib$util.isUndefinedOrNull,
+  util_keys = _lib$util.keys,
+  kv = _lib$util.kv,
+  makeArray = _lib$util.makeArray,
+  makeAsync = _lib$util.makeAsync,
+  map = _lib$util.map,
+  noop = _lib$util.noop,
+  pick = _lib$util.pick,
+  pipe = _lib$util.pipe,
+  randomId = _lib$util.randomId,
+  resolve = _lib$util.resolve,
+  resolveAll = _lib$util.resolveAll,
+  setImmediate = _lib$util.setImmediate,
+  setImmediateOnce = _lib$util.setImmediateOnce,
+  single = _lib$util.single,
+  throwNotFunction = _lib$util.throwNotFunction,
+  watch = _lib$util.watch,
+  watchable = _lib$util.watchable;
+
+// EXTERNAL MODULE: external {"commonjs":"react","commonjs2":"react","amd":"react","root":["React"]}
+var external_commonjs_react_commonjs2_react_amd_react_root_React_ = __webpack_require__(12);
+// 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__(311);
+// EXTERNAL MODULE: ./node_modules/@misonou/react-dom-client/fallback.js
+var fallback = __webpack_require__(621);
+;// CONCATENATED MODULE: ./|umd|/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,
-    bindOnce = domUtil_lib$util.bindOnce,
-    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,
-    getSafeAreaInset = domUtil_lib$util.getSafeAreaInset,
-    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,
-    insertText = _lib$dom.insertText,
-    getShortcut = _lib$dom.getShortcut,
-    setShortcut = _lib$dom.setShortcut,
-    focusable = _lib$dom.focusable,
-    focused = _lib$dom.focused,
-    setTabRoot = _lib$dom.setTabRoot,
-    unsetTabRoot = _lib$dom.unsetTabRoot,
-    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,
-    dom_blur = _lib$dom.blur;
-
-;// CONCATENATED MODULE: ./src/include/zeta-dom/dom.js
+  containsOrEquals = domUtil_lib$util.containsOrEquals,
+  getClass = domUtil_lib$util.getClass,
+  removeNode = domUtil_lib$util.removeNode,
+  scrollIntoView = domUtil_lib$util.scrollIntoView,
+  setClass = domUtil_lib$util.setClass;
 
+;// CONCATENATED MODULE: ./|umd|/zeta-dom/dom.js
 
+var dom = external_commonjs_zeta_dom_commonjs2_zeta_dom_amd_zeta_dom_root_zeta_.dom;
 /* harmony default export */ const zeta_dom_dom = (dom);
-;// CONCATENATED MODULE: ./tmp/zeta-dom/domLock.js
+;// CONCATENATED MODULE: ./|umd|/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,
-    runAsync = domLock_lib$dom.runAsync,
-    preventLeave = domLock_lib$dom.preventLeave;
+var _lib$dom = external_commonjs_zeta_dom_commonjs2_zeta_dom_amd_zeta_dom_root_zeta_.dom,
+  lock = _lib$dom.lock,
+  notifyAsync = _lib$dom.notifyAsync,
+  preventLeave = _lib$dom.preventLeave,
+  subscribeAsync = _lib$dom.subscribeAsync;
 
-;// CONCATENATED MODULE: ./tmp/brew-js/domAction.js
+// 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__(760);
+;// CONCATENATED MODULE: ./|umd|/brew-js/domAction.js
 
-var addAsyncAction = external_commonjs_brew_js_commonjs2_brew_js_amd_brew_js_root_brew_.addAsyncAction,
-    isFlyoutOpen = external_commonjs_brew_js_commonjs2_brew_js_amd_brew_js_root_brew_.isFlyoutOpen,
-    closeFlyout = external_commonjs_brew_js_commonjs2_brew_js_amd_brew_js_root_brew_.closeFlyout,
-    toggleFlyout = external_commonjs_brew_js_commonjs2_brew_js_amd_brew_js_root_brew_.toggleFlyout,
-    openFlyout = external_commonjs_brew_js_commonjs2_brew_js_amd_brew_js_root_brew_.openFlyout;
+var closeFlyout = external_commonjs_brew_js_commonjs2_brew_js_amd_brew_js_root_brew_.closeFlyout,
+  isFlyoutOpen = external_commonjs_brew_js_commonjs2_brew_js_amd_brew_js_root_brew_.isFlyoutOpen,
+  openFlyout = external_commonjs_brew_js_commonjs2_brew_js_amd_brew_js_root_brew_.openFlyout,
+  toggleFlyout = external_commonjs_brew_js_commonjs2_brew_js_amd_brew_js_root_brew_.toggleFlyout;
 
 ;// CONCATENATED MODULE: ./src/dialog.js
 
@@ -433,16 +308,14 @@ var addAsyncAction = external_commonjs_brew_js_commonjs2_brew_js_amd_brew_js_roo
 
 
 
+
 /**
  * @param {Partial<import("./dialog").DialogOptions<any>>} props
  */
-
 function createDialog(props) {
   var root = document.createElement('div');
-  var reactRoot = react_dom_client.createRoot(root);
-
+  var reactRoot = fallback.createRoot(root);
   var _closeDialog = closeFlyout.bind(0, root);
-
   var promise;
   zeta_dom_dom.on(root, {
     flyoutshow: function flyoutshow() {
@@ -452,7 +325,6 @@ function createDialog(props) {
       promise = null;
       removeNode(root);
       (props.onClose || noop)(root);
-
       if (props.onRender) {
         reactRoot.unmount();
       }
@@ -467,15 +339,12 @@ function createDialog(props) {
       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', '');
       }
-
       if (props.onRender) {
         var dialogProps = extend({}, props, {
           closeDialog: function closeDialog(value) {
@@ -485,32 +354,27 @@ function createDialog(props) {
           }
         });
         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 = resolve().then(function () {
         return openFlyout(root, null, pick(props, ['focus']));
       });
-
       if (props.preventLeave) {
         preventLeave(root, promise);
       } else if (props.preventNavigation) {
         lock(root, promise);
       }
-
       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 () {
@@ -519,7 +383,6 @@ function Dialog(props) {
   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();
@@ -533,25 +396,27 @@ function Dialog(props) {
   }, [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
+// EXTERNAL MODULE: external {"commonjs":"zeta-dom-react","commonjs2":"zeta-dom-react","amd":"zeta-dom-react","root":["zeta","react"]}
+var external_commonjs_zeta_dom_react_commonjs2_zeta_dom_react_amd_zeta_dom_react_root_zeta_react_ = __webpack_require__(402);
+;// CONCATENATED MODULE: ./|umd|/zeta-dom/events.js
+
+var EventContainer = external_commonjs_zeta_dom_commonjs2_zeta_dom_amd_zeta_dom_root_zeta_.EventContainer;
 
-var ZetaEventContainer = external_commonjs_zeta_dom_commonjs2_zeta_dom_amd_zeta_dom_root_zeta_.EventContainer;
+;// CONCATENATED MODULE: ./|umd|/brew-js/app.js
 
-;// CONCATENATED MODULE: ./tmp/brew-js/defaults.js
+/* harmony default export */ const app = ((/* unused pure expression or super */ null && (lib)));
+var install = external_commonjs_brew_js_commonjs2_brew_js_amd_brew_js_root_brew_.install;
 
-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
+;// CONCATENATED MODULE: ./|umd|/brew-js/defaults.js
 
+var defaults = external_commonjs_brew_js_commonjs2_brew_js_amd_brew_js_root_brew_.defaults;
 /* harmony default export */ const brew_js_defaults = (defaults);
 ;// CONCATENATED MODULE: ./src/app.js
 
 
 
-/** @type {Brew.AppInstance<Brew.WithRouter & Brew.WithI18n>} */
 
+/** @type {Brew.AppInstance<Brew.WithRouter & Brew.WithI18n>} */
 var app_app;
 var appInitCallabcks = [];
 function onAppInit(callback) {
@@ -563,29 +428,16 @@ install('react', function (app_) {
   combineFn(appInitCallabcks)(app_app);
 });
 brew_js_defaults.react = true;
-;// CONCATENATED MODULE: ./tmp/brew-js/anim.js
+;// CONCATENATED MODULE: ./|umd|/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;
+  animateOut = external_commonjs_brew_js_commonjs2_brew_js_amd_brew_js_root_brew_.animateOut;
 
-;// CONCATENATED MODULE: ./src/view.js
+;// CONCATENATED MODULE: ./|umd|/brew-js/util/path.js
 
+var removeQueryAndHash = external_commonjs_brew_js_commonjs2_brew_js_amd_brew_js_root_brew_.removeQueryAndHash;
 
+;// CONCATENATED MODULE: ./src/view.js
 
 
 
@@ -595,23 +447,20 @@ var setBaseUrl = external_commonjs_brew_js_commonjs2_brew_js_amd_brew_js_root_br
 
 
 
-var _ = createPrivateStore();
 
+var _ = createPrivateStore();
 var root = zeta_dom_dom.root;
 var routeMap = new Map();
 var usedParams = {};
 var sortedViews = [];
-var emitter = new ZetaEventContainer();
-var rootContext = freeze(extend(new ViewContext(null, null), {
+var emitter = new EventContainer();
+var rootContext = freeze(extend(new ViewContext(), {
   container: root
 }));
-
 var rootState = _(rootContext);
-
 var StateContext = /*#__PURE__*/external_commonjs_react_commonjs2_react_amd_react_root_React_.createContext(rootContext);
 var errorView;
 /** @type {Partial<Zeta.ZetaEventType<"beforepageload", Brew.RouterEventMap, Element>>} */
-
 var view_event = {};
 onAppInit(function () {
   app_app.on('beforepageload', function (e) {
@@ -623,7 +472,6 @@ onAppInit(function () {
         if (!next[0]) {
           return resolve();
         }
-
         resolveAll(map(next, function (v) {
           return new Promise(function (resolve) {
             v.onRender = resolve;
@@ -638,41 +486,39 @@ onAppInit(function () {
     }));
   });
 });
-
-function ViewContext(view, page) {
+function ViewContext(view, page, parent) {
   var self = this;
-  watch(self, true);
-  defineOwnProperty(self, 'view', view, true);
-
+  defineOwnProperty(self, 'view', view || null, true);
+  defineOwnProperty(self, 'parent', parent || null, true);
   _(self, {
     children: [],
-    setPage: defineObservableProperty(self, 'page', page, true),
+    setPage: defineObservableProperty(self, 'page', page || null, true),
     setActive: defineObservableProperty(self, 'active', !!page, true)
   });
-
   watch(self, 'page', function (page, previousPage) {
     emitter.emit('pagechange', self, {
       previousPage: previousPage
     });
   });
 }
-
 definePrototype(ViewContext, {
+  getChildren: function getChildren() {
+    return map(_(this).children, function (v) {
+      return v.currentState;
+    });
+  },
   on: function on(event, handler) {
     return emitter.add(this, event, handler);
   }
 });
-
 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
@@ -695,14 +541,12 @@ definePrototype(ErrorBoundary, external_commonjs_react_commonjs2_react_amd_react
       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,
       viewProps: self.props.viewProps
@@ -714,33 +558,37 @@ definePrototype(ErrorBoundary, external_commonjs_react_commonjs2_react_amd_react
     });
   }
 });
-
 function ViewContainer() {
   external_commonjs_react_commonjs2_react_amd_react_root_React_.Component.apply(this, arguments);
 }
-
 ViewContainer.contextType = StateContext;
 definePrototype(ViewContainer, external_commonjs_react_commonjs2_react_amd_react_root_React_.Component, {
+  setActive: noop,
   componentDidMount: function componentDidMount() {
     var self = this;
-
     var parent = _(self.context).children;
-
-    parent.push(self);
-    self.componentWillUnmount = combineFn(watch(app_app.route, function () {
-      (self.setActive || noop)(self.getViewComponent() === self.currentViewComponent);
-    }), function () {
-      arrRemove(parent, self);
+    var unwatch = watch(app_app.route, function () {
+      self.setActive(self.getViewComponent() === self.currentViewComponent);
     });
+    self.componentWillUnmount = function () {
+      self.setActive(false);
+      arrRemove(parent, self);
+      unwatch();
+      setImmediate(function () {
+        if (self.unmountView && !self.currentState.active) {
+          self.unmountView();
+        }
+      });
+    };
+    parent.push(self);
+    self.setActive(true);
   },
   render: function render() {
     /** @type {any} */
     var self = this;
-
     if (self.context.active) {
       self.updateView();
     }
-
     (self.onRender || noop)();
     return /*#__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);
   },
@@ -748,51 +596,45 @@ definePrototype(ViewContainer, external_commonjs_react_commonjs2_react_amd_react
     var self = this;
     var V = self.getViewComponent();
     var viewChanged = V !== self.currentViewComponent;
-
     if (V && (viewChanged || !(self.children || '')[0])) {
       // ensure the current path actually corresponds to the matched view
       // when some views are not included in the list of allowed views
       var targetPath = resolvePath(V, getCurrentParams(V, true));
-
       if (targetPath !== removeQueryAndHash(app_app.path)) {
         app_app.navigate(targetPath, true);
         return;
       }
     }
-
     if (V && viewChanged) {
-      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();
-        });
-      }
-
-      (self.cancelPrevious || noop)();
+      (self.unmountView || noop)(true);
+      var state = new ViewContext(V, app_app.page, self.context);
       var onComponentLoaded;
       var promise = new Promise(function (resolve) {
         onComponentLoaded = resolve;
       });
+      var unmountView = onComponentLoaded;
       var initElement = executeOnce(function (element) {
-        self.currentElement = element;
         state.container = element;
         promise.then(function () {
-          animateIn(element, 'show', '[brew-view]', true);
-          app_app.emit('pageenter', element, {
-            pathname: app_app.path
-          }, true);
+          if (self.currentState === state) {
+            unmountView = function unmountView() {
+              self.prevView = self.currentView;
+              app_app.emit('pageleave', element, {
+                pathname: state.page.path
+              }, true);
+              animateOut(element, 'show').then(function () {
+                self.prevView = undefined;
+                self.forceUpdate();
+              });
+            };
+            animateIn(element, 'show', '[brew-view]', true);
+            app_app.emit('pageenter', element, {
+              pathname: state.page.path
+            }, true);
+          }
         });
         notifyAsync(element, promise);
       });
-      var state = new ViewContext(V, app_app.page);
       var viewProps = freeze({
         navigationType: view_event.navigationType,
         viewContext: state,
@@ -809,14 +651,18 @@ definePrototype(ViewContainer, external_commonjs_react_commonjs2_react_amd_react
         viewProps: viewProps
       }))));
       extend(self, _(state), {
-        cancelPrevious: onComponentLoaded,
-        currentPath: app_app.path,
+        currentState: state,
         currentView: view,
-        currentViewComponent: V
+        currentViewComponent: V,
+        unmountView: executeOnce(function () {
+          self.setActive(false);
+          routeMap.get(V).rendered--;
+          unmountView();
+        })
       });
+      routeMap.get(V).rendered++;
       (view_event.waitFor || noop)(promise);
     }
-
     (self.setPage || noop)(app_app.page);
   },
   getViewComponent: function getViewComponent() {
@@ -824,10 +670,8 @@ definePrototype(ViewContainer, external_commonjs_react_commonjs2_react_amd_react
     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) {
@@ -838,7 +682,6 @@ function getCurrentParams(view, includeAll, params) {
       });
       return matched ? route : null;
     });
-
     if (matched[1]) {
       matched = grep(matched, function (v) {
         return !single(v.params, function (v, i) {
@@ -846,7 +689,6 @@ function getCurrentParams(view, includeAll, params) {
         });
       });
     }
-
     if (matched[0]) {
       var last = matched.slice(-1)[0];
       state.maxParams = util_keys(extend.apply(0, [{
@@ -859,14 +701,11 @@ function getCurrentParams(view, includeAll, params) {
       });
     }
   }
-
   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) {
@@ -874,59 +713,50 @@ function matchViewParams(view, route) {
     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 fn(props) {
     var viewProps = props.viewProps;
     var children = !promise && factory(viewProps);
-
     if (isThenable(children)) {
       promise = children;
       children = null;
       catchAsync(promise);
     }
-
-    var state = (0,external_zeta_dom_react_.useAsync)(function () {
+    var state = (0,external_commonjs_zeta_dom_react_commonjs2_zeta_dom_react_amd_zeta_dom_react_root_zeta_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 useViewContext() {
   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) {
+function isViewRendered(view) {
+  return !!(routeMap.get(view) || '').rendered;
+}
+function matchView() {
+  var views = makeArray(arguments);
   var route = app_app.route;
-
-  if (typeof path === 'string') {
-    route = route.parse(path);
-  } else {
-    views = path;
+  if (typeof views[0] === 'string') {
+    route = route.parse(views.shift());
   }
-
-  views = views ? makeArray(views).sort(sortViews) : sortedViews;
+  views = views[0] ? (isArray(views[0]) ? makeArray(views[0]) : views).sort(sortViews) : sortedViews;
   return any(views, function (v) {
     return matchViewParams(v, route);
   }) || undefined;
@@ -936,13 +766,13 @@ function registerView(factory, routeParams) {
   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(),
+    rendered: 0,
     matchCount: util_keys(routeParams).length,
     matchers: routeParams,
     params: pick(routeParams, function (v) {
@@ -974,11 +804,9 @@ function renderView() {
 }
 function resolvePath(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);
 }
@@ -999,18 +827,15 @@ function redirectTo(view, params, data) {
 
 
 
-var hooks_emitter = new ZetaEventContainer();
-
+var hooks_emitter = new EventContainer();
 function getCurrentStates() {
   return app_app.historyStorage.current;
 }
-
 function ViewState(key, dispose) {
   this.key = key;
   this.store = getCurrentStates();
   this.dispose = dispose;
 }
-
 definePrototype(ViewState, {
   get: function get() {
     return this.store.get(this.key);
@@ -1025,35 +850,28 @@ definePrototype(ViewState, {
     });
   }
 });
-
 function updatePersistedValue(cur, key, value, snapshot) {
   if (cur.get(key) !== value) {
     if (snapshot && cur.has(key)) {
       app_app.snapshot();
       cur = getCurrentStates();
     }
-
     cur.set(key, value);
   }
-
   return cur;
 }
-
 function updateViewState(state, key, store) {
   var newValue = state.get();
-
   if (key !== state.key || store !== state.store && store.has(key)) {
     newValue = store.get(key);
     hooks_emitter.emit('popstate', state, {
       newValue: newValue
     });
   }
-
   state.key = key;
   state.store = store;
   store.set(key, newValue);
 }
-
 function useViewContextWithEffect(callback, deps) {
   var container = useViewContext();
   (0,external_commonjs_react_commonjs2_react_amd_react_root_React_.useEffect)(function () {
@@ -1065,12 +883,11 @@ function useViewContextWithEffect(callback, deps) {
   }, deps);
   return container;
 }
-
 function useAppReady() {
   return useAppReadyState().ready;
 }
 function useAppReadyState() {
-  var readyState = (0,external_zeta_dom_react_.useObservableProperty)(app_app, 'readyState');
+  var readyState = (0,external_commonjs_zeta_dom_react_commonjs2_zeta_dom_react_amd_zeta_dom_react_root_zeta_react_.useObservableProperty)(app_app, 'readyState');
   return {
     ready: readyState === 'ready',
     error: readyState === 'error'
@@ -1079,41 +896,24 @@ function useAppReadyState() {
 function useRouteParam(name, defaultValue) {
   var container = useViewContext();
   var params = container.page.params;
-  var route = app_app.route;
   var value = params[name] || '';
   var ref = (0,external_commonjs_react_commonjs2_react_amd_react_root_React_.useRef)(value);
-  var forceUpdate = (0,external_zeta_dom_react_.useUpdateTrigger)();
+  var forceUpdate = (0,external_commonjs_zeta_dom_react_commonjs2_zeta_dom_react_amd_zeta_dom_react_root_zeta_react_.useUpdateTrigger)();
   (0,external_commonjs_react_commonjs2_react_amd_react_root_React_.useEffect)(function () {
     var setValue = function setValue() {
-      var current = route[name] || '';
-
+      var current = container.page.params[name] || '';
       if (current !== ref.current) {
-        if (container.active) {
-          ref.current = current;
-          forceUpdate();
-        } else {
-          watch(container, 'active', setValue);
-        }
+        forceUpdate();
       }
-    }; // route parameter might be changed after state initialization and before useEffect hook is called
-
-
+    };
+    // 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]);
+    return container.on('pagechange', setValue);
+  }, [name]);
   ref.current = value;
-
   if (defaultValue && container.active && (!value || name === 'remainingSegments' && value === '/')) {
-    app_app.navigate(route.getPath(extend({}, params, kv(name, defaultValue))), true);
+    app_app.navigate(app_app.route.getPath(extend({}, params, kv(name, defaultValue))), true);
   }
-
   return value;
 }
 function useRouteState(key, defaultValue, snapshotOnUpdate) {
@@ -1124,14 +924,12 @@ function useRouteState(key, defaultValue, snapshotOnUpdate) {
       return cur.has(key) ? cur.get(key) : (cur.set(key, oldValue), oldValue);
     });
   }, [key]);
-
   if (!cur) {
     // delay app ready to ensure that beforepageload event can be caught
     app_app.beforeInit(delay(1));
   } else if (container.active) {
     updatePersistedValue(cur, key, state[0], snapshotOnUpdate);
   }
-
   return state;
 }
 function ViewStateContainer(props) {
@@ -1145,27 +943,21 @@ function ViewStateContainer(props) {
     return {
       getState: function getState(uniqueId, key) {
         var state = cache[uniqueId];
-
         if (state && container.active) {
           updateViewState(state, key, getCurrentStates());
         }
-
         return state || (cache[uniqueId] = new ViewState(key, function () {
           delete cache[uniqueId];
         }));
       }
     };
   })[0];
-  return /*#__PURE__*/(0,external_commonjs_react_commonjs2_react_amd_react_root_React_.createElement)(external_zeta_dom_react_.ViewStateProvider, {
+  return /*#__PURE__*/(0,external_commonjs_react_commonjs2_react_amd_react_root_React_.createElement)(external_commonjs_zeta_dom_react_commonjs2_zeta_dom_react_amd_zeta_dom_react_root_zeta_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_);
+var external_waterpipe_ = __webpack_require__(87);
 ;// CONCATENATED MODULE: ./src/i18n.js
 
 
@@ -1173,23 +965,19 @@ var external_waterpipe_ = __webpack_require__(28);
 
 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, lang) {
     var result = translate(key, data, lang, true);
     return result !== undefined ? result : key;
   };
-
   return extend(callback, {
     html: function html(id, data, lang) {
       return {
@@ -1201,38 +989,31 @@ function createCallback(translate) {
     }
   });
 }
-
 function useLanguage() {
-  return (0,external_zeta_dom_react_.useObservableProperty)(app_app, 'language');
+  return (0,external_commonjs_zeta_dom_react_commonjs2_zeta_dom_react_amd_zeta_dom_react_root_zeta_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, {
+        return external_waterpipe_(str, data, {
           noEncode: noEncode
         });
       }
-
       return str;
     }
-
     if (lang !== defaultLang) {
       return getTranslation(prefix, name, data, noEncode, defaultLang);
     }
   }
-
   function translate(key, data, lang, noEncode) {
     var prefix = re.test(key) ? RegExp.$1 : '';
     var name = prefix ? key.slice(RegExp.lastMatch.length) : key;
     return getTranslation(prefix, name, data, noEncode, lang || app_app.language);
   }
-
   function getTranslationCallback() {
     var currentLang = String(this);
     var prefix = makeArray(arguments);
@@ -1246,7 +1027,6 @@ function makeTranslation(resources, defaultLang) {
       return translate(key, data, lang || currentLang, noEncode);
     }));
   }
-
   function useTranslation() {
     var language = useLanguage();
     var t = getTranslationCallback.apply(language, arguments);
@@ -1255,7 +1035,6 @@ function makeTranslation(resources, defaultLang) {
       t: t
     };
   }
-
   return {
     translate: createCallback(translate),
     getTranslation: getTranslationCallback.bind(''),
@@ -1303,11 +1082,9 @@ util_define(Mixin, {
   get scrollableTarget() {
     return new StaticAttributeMixin('scrollable-target');
   },
-
   get tabRoot() {
     return new StaticAttributeMixin('tab-root');
   },
-
   use: function use() {
     var args = makeArray(arguments);
     var ref = args[0];
@@ -1318,7 +1095,6 @@ util_define(Mixin, {
     var refs = mixins.map(function (v) {
       return v.getRef();
     });
-
     if (ref && !(ref instanceof Mixin)) {
       if (typeof ref !== 'function') {
         refs.push(function (v) {
@@ -1327,18 +1103,16 @@ util_define(Mixin, {
       } 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)
+      className: external_commonjs_zeta_dom_react_commonjs2_zeta_dom_react_amd_zeta_dom_react_root_zeta_react_.classNames.apply(null, args)
     });
     each(mixins, function (i, v) {
       v.next();
@@ -1346,27 +1120,19 @@ util_define(Mixin, {
     return props;
   }
 });
-;// CONCATENATED MODULE: ./tmp/zeta-dom/observe.js
+;// CONCATENATED MODULE: ./|umd|/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;
+  watchElements = observe_lib$dom.watchElements,
+  watchOwnAttributes = observe_lib$dom.watchOwnAttributes;
 
 ;// CONCATENATED MODULE: ./src/mixins/StatefulMixin.js
 
 
-
 var StatefulMixin_ = createPrivateStore();
-
 function MixinRefImpl(mixin) {
   this.mixin = mixin;
 }
-
 definePrototype(MixinRefImpl, {
   getMixin: function getMixin() {
     return this.mixin;
@@ -1374,7 +1140,6 @@ definePrototype(MixinRefImpl, {
 });
 function StatefulMixin() {
   Mixin.call(this);
-
   StatefulMixin_(this, {
     elements: new Set(),
     states: new WeakMap(),
@@ -1385,14 +1150,11 @@ function StatefulMixin() {
 definePrototype(StatefulMixin, Mixin, {
   get ref() {
     var state = StatefulMixin_(this);
-
     return state.ref || (state.ref = new MixinRefImpl(this));
   },
-
   get state() {
     return StatefulMixin_(this).pending;
   },
-
   reset: function reset() {
     StatefulMixin_(this).pending = {};
     return this;
@@ -1403,15 +1165,12 @@ definePrototype(StatefulMixin, Mixin, {
   },
   getRef: function getRef() {
     var self = this;
-
     var obj = StatefulMixin_(self);
-
     var newState = obj.pending;
     var state;
     return function (current) {
       if (current) {
         state = obj.states.get(current) || extend(self.initState(), newState);
-
         if (state.element !== current) {
           state.element = current;
           self.initElement(current, state);
@@ -1419,7 +1178,6 @@ definePrototype(StatefulMixin, Mixin, {
         } else if (util_keys(newState)[0]) {
           self.mergeState(current, state, newState);
         }
-
         self.onLayoutEffect(current, state);
         obj.elements.add(current);
       } else if (state) {
@@ -1451,7 +1209,6 @@ definePrototype(StatefulMixin, Mixin, {
   },
   dispose: function dispose() {
     var state = StatefulMixin_(this);
-
     combineFn(state.dispose.splice(0))();
     state.flush();
     state.states = {};
@@ -1463,20 +1220,17 @@ definePrototype(StatefulMixin, Mixin, {
 
 
 
-
 function checkState(self, element, state, fireEvent) {
   var classNames = state.classNames;
   var prev = extend({}, classNames);
   each(classNames, function (i) {
     classNames[i] = element.classList.contains(i);
   });
-
   if (fireEvent && !equal(state.prev || prev, classNames)) {
     state.prev = prev;
     self.onClassNameUpdated(element, prev, extend({}, classNames));
   }
 }
-
 function ClassNameMixin(classNames) {
   StatefulMixin.call(this);
   this.classNames = classNames || [];
@@ -1553,12 +1307,8 @@ definePrototype(AnimateSequenceItemMixin, ClassNameMixin, {
     return [this.className].concat(AnimateSequenceItemMixinSuper.getClassNames.call(this));
   }
 });
-// EXTERNAL MODULE: external {"commonjs":"jquery","commonjs2":"jquery","amd":"jquery","root":"jQuery"}
-var external_commonjs_jquery_commonjs2_jquery_amd_jquery_root_jQuery_ = __webpack_require__(47);
-;// CONCATENATED MODULE: ./src/include/external/jquery.js
-// @ts-nocheck
-
-/* harmony default export */ const jquery = (external_commonjs_jquery_commonjs2_jquery_amd_jquery_root_jQuery_);
+// EXTERNAL MODULE: external {"commonjs":"jquery","commonjs2":"jquery","amd":"jquery","root":["jQuery"]}
+var external_commonjs_jquery_commonjs2_jquery_amd_jquery_root_jQuery_ = __webpack_require__(942);
 ;// CONCATENATED MODULE: ./src/mixins/AnimateSequenceMixin.js
 
 
@@ -1589,10 +1339,9 @@ definePrototype(AnimateSequenceMixin, AnimateMixin, {
   initElement: function initElement(element, state) {
     var self = this;
     AnimateSequenceMixinSuper.initElement.call(self, element, state);
-
     if (self.selector) {
       self.onDispose(watchElements(element, self.selector, function (addedNodes) {
-        jquery(addedNodes).attr('is-animate-sequence', '');
+        external_commonjs_jquery_commonjs2_jquery_amd_jquery_root_jQuery_(addedNodes).attr('is-animate-sequence', '');
       }));
     }
   }
@@ -1630,8 +1379,8 @@ function FlyoutToggleMixin(mixin) {
   this.flyoutMixin = mixin;
 }
 definePrototype(FlyoutToggleMixin, ClassNameMixin, {
-  open: function open(value) {
-    return this.flyoutMixin.open(value);
+  open: function open(value, source) {
+    return this.flyoutMixin.open(value, source);
   },
   close: function close(value) {
     return this.flyoutMixin.close(value);
@@ -1640,7 +1389,7 @@ definePrototype(FlyoutToggleMixin, ClassNameMixin, {
     var self = this;
     FlyoutToggleMixinSuper.initElement.call(self, element, state);
     self.onDispose(zeta_dom_dom.on(element, 'click', function () {
-      toggleFlyout(self.flyoutMixin.elements()[0], element, self.flyoutMixin.flyoutOptions);
+      toggleFlyout(self.flyoutMixin.elements()[0], element, self.flyoutMixin.getOptions());
     }));
   }
 });
@@ -1665,19 +1414,18 @@ function FlyoutMixin() {
   self.onDispose(function () {
     self.isFlyoutOpened = false;
     self.visible = false;
+    self.toggle.dispose();
   });
 }
 definePrototype(FlyoutMixin, ClassNameMixin, {
-  get flyoutOptions() {
-    var options = {};
-
-    if (this.initialFocus !== undefined) {
-      options.focus = this.initialFocus;
+  getOptions: function getOptions() {
+    var self = this;
+    var options = pick(self, ['closeOnBlur']);
+    if (self.initialFocus !== undefined) {
+      options.focus = self.initialFocus;
     }
-
     return options;
   },
-
   next: function next() {
     this.effects = undefined;
     return FlyoutMixinSuper.next.call(this);
@@ -1701,10 +1449,12 @@ definePrototype(FlyoutMixin, ClassNameMixin, {
       'animate-out': ''
     });
   },
-  open: function open(value) {
+  open: function open(value, source) {
     var element = this.elements()[0];
-    valueMap.set(element, value);
-    return openFlyout(element, null, this.flyoutOptions);
+    if (!isFlyoutOpen(element)) {
+      valueMap.set(element, value);
+    }
+    return openFlyout(element, source, this.getOptions());
   },
   close: function close(value) {
     return closeFlyout(this.elements()[0], value);
@@ -1737,8 +1487,12 @@ definePrototype(FlyoutMixin, ClassNameMixin, {
   },
   onClassNameUpdated: function onClassNameUpdated(element, prevState, state) {
     var self = this;
+    var isFlyoutOpened = isFlyoutOpen(element);
+    if (!isFlyoutOpened) {
+      valueMap["delete"](element);
+    }
     self.visible = state.open;
-    self.isFlyoutOpened = state.open && !state.closing && !state['tweening-out'];
+    self.isFlyoutOpened = isFlyoutOpened;
   }
 });
 ;// CONCATENATED MODULE: ./src/mixins/FocusStateMixin.js
@@ -1757,16 +1511,13 @@ definePrototype(FocusStateMixin, StatefulMixin, {
   },
   initElement: function initElement(element, state) {
     FocusStateMixinSuper.initElement.call(this, element, state);
-
     var checkTarget = function checkTarget(callback, arg) {
       var ref = state.ref;
       var target = ref && (typeof ref === 'string' ? element.querySelector(ref) : ref.current);
-
       if (target && !zeta_dom_dom.focused(target)) {
         callback(arg || target);
       }
     };
-
     this.onDispose(zeta_dom_dom.on(element, {
       focusin: function focusin(e) {
         state.focused = e.source;
@@ -1786,11 +1537,9 @@ definePrototype(FocusStateMixin, StatefulMixin, {
     setClass(element, 'focused', state.focused);
   }
 });
-;// CONCATENATED MODULE: ./tmp/brew-js/directive.js
+;// CONCATENATED MODULE: ./|umd|/brew-js/directive.js
 
-var getDirectiveComponent = external_commonjs_brew_js_commonjs2_brew_js_amd_brew_js_root_brew_.getDirectiveComponent,
-    registerSimpleDirective = external_commonjs_brew_js_commonjs2_brew_js_amd_brew_js_root_brew_.registerSimpleDirective,
-    registerDirective = external_commonjs_brew_js_commonjs2_brew_js_amd_brew_js_root_brew_.registerDirective;
+var getDirectiveComponent = external_commonjs_brew_js_commonjs2_brew_js_amd_brew_js_root_brew_.getDirectiveComponent;
 
 ;// CONCATENATED MODULE: ./src/mixins/LoadingStateMixin.js
 
@@ -1891,7 +1640,6 @@ definePrototype(ScrollIntoViewMixin, StatefulMixin, {
     if (newState.deps && !equal(newState.deps, state.deps)) {
       setImmediateOnce(state.callback);
     }
-
     extend(state, newState);
   }
 });
@@ -1924,11 +1672,9 @@ definePrototype(UnmanagedClassNameMixin, ClassNameMixin, {
 
 
 
-
 function extendSelf(options) {
   extend(this, options);
 }
-
 function createUseFunction(ctor) {
   return function () {
     var mixin = useMixin(ctor);
@@ -1936,18 +1682,17 @@ function createUseFunction(ctor) {
     return mixin;
   };
 }
-
-var useAnimateMixin = createUseFunction(AnimateMixin);
-var useAnimateSequenceMixin = createUseFunction(AnimateSequenceMixin);
-var useClassNameToggleMixin = createUseFunction(ClassNameToggleMixin);
-var useFlyoutMixin = createUseFunction(FlyoutMixin);
-var useFocusStateMixin = createUseFunction(FocusStateMixin);
-var useLoadingStateMixin = createUseFunction(LoadingStateMixin);
-var useScrollableMixin = createUseFunction(ScrollableMixin);
-var useScrollIntoViewMixin = createUseFunction(ScrollIntoViewMixin);
-var useUnmanagedClassNameMixin = createUseFunction(UnmanagedClassNameMixin);
+var useAnimateMixin = /*#__PURE__*/createUseFunction(AnimateMixin);
+var useAnimateSequenceMixin = /*#__PURE__*/createUseFunction(AnimateSequenceMixin);
+var useClassNameToggleMixin = /*#__PURE__*/createUseFunction(ClassNameToggleMixin);
+var useFlyoutMixin = /*#__PURE__*/createUseFunction(FlyoutMixin);
+var useFocusStateMixin = /*#__PURE__*/createUseFunction(FocusStateMixin);
+var useLoadingStateMixin = /*#__PURE__*/createUseFunction(LoadingStateMixin);
+var useScrollableMixin = /*#__PURE__*/createUseFunction(ScrollableMixin);
+var useScrollIntoViewMixin = /*#__PURE__*/createUseFunction(ScrollIntoViewMixin);
+var useUnmanagedClassNameMixin = /*#__PURE__*/createUseFunction(UnmanagedClassNameMixin);
 function useMixin(ctor) {
-  return (0,external_zeta_dom_react_.useSingleton)(function () {
+  return (0,external_commonjs_zeta_dom_react_commonjs2_zeta_dom_react_amd_zeta_dom_react_root_zeta_react_.useSingleton)(function () {
     return new ctor();
   }).reset();
 }
@@ -1957,7 +1702,7 @@ function useMixinRef(mixin) {
 
 ;// CONCATENATED MODULE: ./src/index.js
 
-/* harmony default export */ const src = (brew_js_app);
+/* harmony default export */ const src = ((/* unused pure expression or super */ null && (brew)));
 
 
 
@@ -1965,12 +1710,13 @@ function useMixinRef(mixin) {
 
 ;// CONCATENATED MODULE: ./src/entry.js
 
-/* harmony default export */ const entry = (src_namespaceObject);
+defineGetterProperty(window, 'brew-js-react', function () {
+  console.warn('window["brew-js-react"] is deprecated, access brew.react instead.');
+  return brew.react;
+});
 
-brew_js_app.react = src_namespaceObject;
 })();
 
-__webpack_exports__ = __webpack_exports__["default"];
 /******/ 	return __webpack_exports__;
 /******/ })()
 ;