brew-js-react 0.5.2 → 0.5.3

package/dist/brew-js-react.min.js

@@ -1,3 +1,3 @@
-/*! brew-js-react v0.5.2 | (c) misonou | https://misonou.github.io */
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("brew-js"),require("react"),require("react-dom"),require("zeta-dom"),require("zeta-dom-react"),require("waterpipe"),require("jquery")):"function"==typeof define&&define.amd?define("brew-js-react",["brew-js","react","react-dom","zeta-dom","zeta-dom-react","waterpipe","jquery"],t):"object"==typeof exports?exports["brew-js-react"]=t(require("brew-js"),require("react"),require("react-dom"),require("zeta-dom"),require("zeta-dom-react"),require("waterpipe"),require("jquery")):e["brew-js-react"]=t(e.brew,e.React,e.ReactDOM,e.zeta,e["zeta-dom-react"],e.waterpipe,e.jQuery)}(self,(function(e,t,n,r,i,o,a){return(()=>{var s={28:e=>{"use strict";e.exports=o},103:e=>{"use strict";e.exports=i},80:t=>{"use strict";t.exports=e},47:e=>{"use strict";e.exports=a},359:e=>{"use strict";e.exports=t},318:e=>{"use strict";e.exports=n},654:e=>{"use strict";e.exports=r},862:(e,t,n)=>{var r,i=n(318);r=i.createRoot?i:{createRoot:(e,t)=>({render(t){i.render(t,e)},unmount(){i.unmountComponentAtNode(e)}}),hydrateRoot:(e,t,n)=>(i.hydrate(t,e),r.createRoot(e,n))},e.exports=r}},u={};function c(e){var t=u[e];if(void 0!==t)return t.exports;var n=u[e]={exports:{}};return s[e](n,n.exports,c),n.exports}c.d=(e,t)=>{for(var n in t)c.o(t,n)&&!c.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},c.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),c.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var l={};return(()=>{"use strict";c.d(l,{default:()=>pn});var e={};c.r(e),c.d(e,{AnimateMixin:()=>Rt,AnimateSequenceItemMixin:()=>Tt,AnimateSequenceMixin:()=>jt,ClassNameMixin:()=>Mt,ClassNameToggleMixin:()=>kt,Dialog:()=>ge,FlyoutMixin:()=>zt,FlyoutToggleMixin:()=>Dt,FocusStateMixin:()=>Bt,LoadingStateMixin:()=>Ht,Mixin:()=>wt,ScrollIntoViewMixin:()=>$t,ScrollableMixin:()=>Zt,StatefulMixin:()=>Pt,UnmanagedClassNameMixin:()=>Jt,ViewStateContainer:()=>lt,createDialog:()=>he,default:()=>fn,isViewMatched:()=>He,linkTo:()=>Ke,makeTranslation:()=>vt,matchView:()=>Ge,navigateTo:()=>Xe,redirectTo:()=>Ye,registerErrorView:()=>Ze,registerView:()=>Qe,renderView:()=>$e,resolvePath:()=>Je,useAnimateMixin:()=>Yt,useAnimateSequenceMixin:()=>en,useAppReady:()=>at,useAppReadyState:()=>st,useClassNameToggleMixin:()=>tn,useFlyoutMixin:()=>nn,useFocusStateMixin:()=>rn,useLanguage:()=>gt,useLoadingStateMixin:()=>on,useMixin:()=>cn,useMixinRef:()=>ln,useRouteParam:()=>ut,useRouteState:()=>ct,useScrollIntoViewMixin:()=>sn,useScrollableMixin:()=>an,useUnmanagedClassNameMixin:()=>un,useViewContainerState:()=>_e,useViewContext:()=>_e});var t=c(80);const n=t;var r=t.install;t.addExtension,t.addDetect,t.emitAppEvent,t.isElementActive;const i=n;var o=c(359),a=c(318);const s=c(862);var u=c(654),f=u.util,p=f.noop,m=f.pipe,d=f.either,h=(f.sameValueZero,f.is,f.isUndefinedOrNull),g=(f.isArray,f.isFunction),v=f.isThenable,y=f.isPlainObject,w=(f.isArrayLike,f.makeArray),b=f.extend,x=f.each,S=f.map,C=f.grep,E=(f.splice,f.any),P=f.single,A=f.kv,M=f.fill,O=f.pick,R=f.exclude,N=(f.mapObject,f.mapGet,f.mapRemove,f.arrRemove),T=(f.setAdd,f.equal),V=f.combineFn,F=f.executeOnce,q=f.createPrivateStore,j=(f.setTimeout,f.setTimeoutOnce,f.setInterval,f.setIntervalSafe,f.setImmediate),k=f.setImmediateOnce,I=(f.clearImmediateOnce,f.throws,f.throwNotFunction),D=(f.errorWithCode,f.isErrorWithCode,f.keys),L=(f.values,f.hasOwnProperty,f.getOwnPropertyDescriptors,f.define),U=f.definePrototype,z=f.defineOwnProperty,W=(f.defineGetterProperty,f.defineHiddenProperty),B=(f.defineAliasProperty,f.defineObservableProperty),_=f.watch,H=(f.watchOnce,f.watchable),G=(f.inherit,f.freeze),Q=(f.deepFreeze,f.iequal,f.randomId),Z=(f.repeat,f.camel,f.hyphenate,f.ucfirst,f.lcfirst,f.trim,f.matchWord,f.matchWordMulti,f.htmlDecode,f.resolve),$=(f.reject,f.always,f.resolveAll),J=(f.retryable,f.deferrable,f.catchAsync),K=(f.setPromiseTimeout,f.delay),X=f.makeAsync,Y=u.util,ee=(Y.domReady,Y.tagName,Y.isVisible,Y.matchSelector,Y.comparePosition,Y.connected,Y.containsOrEquals),te=(Y.acceptNode,Y.combineNodeFilters,Y.iterateNode,Y.iterateNodeToArray,Y.getCommonAncestor,Y.parentsAndSelf,Y.selectIncludeSelf,Y.selectClosestRelative,Y.createNodeIterator,Y.createTreeWalker,Y.bind,Y.bindOnce,Y.bindUntil,Y.dispatchDOMMouseEvent,Y.removeNode),ne=(Y.getClass,Y.setClass),re=(Y.getSafeAreaInset,Y.getScrollOffset,Y.getScrollParent,Y.getContentRect,Y.scrollBy,Y.scrollIntoView);Y.makeSelection,Y.getRect,Y.getRects,Y.toPlainRect,Y.rectEquals,Y.rectCovers,Y.rectIntersects,Y.pointInRect,Y.mergeRect,Y.elementFromPoint;const ie=u.dom;var oe=u.dom;oe.textInputAllowed,oe.beginDrag,oe.beginPinchZoom,oe.insertText,oe.getShortcut,oe.setShortcut,oe.focusable,oe.focused,oe.setTabRoot,oe.unsetTabRoot,oe.setModal,oe.releaseModal,oe.retainFocus,oe.releaseFocus,oe.iterateFocusPath,oe.focus,oe.blur;const ae=ie;var se=u.dom,ue=se.lock,ce=(se.locked,se.cancelLock,se.subscribeAsync),le=se.notifyAsync,fe=se.preventLeave,pe=(t.addAsyncAction,t.isFlyoutOpen,t.closeFlyout),me=t.toggleFlyout,de=t.openFlyout;function he(e){var t,n=document.createElement("div"),r=s.createRoot(n),i=pe.bind(0,n);return ae.on(n,{flyoutshow:function(){(e.onOpen||p)(n)},flyouthide:function(){t=null,te(n),(e.onClose||p)(n),e.onRender&&r.unmount()},asyncStart:function(){ne(n,"loading",!0)},asyncEnd:function(){ne(n,"loading",!1)}}),ce(n,!0),{root:n,close:i,open:function(){if(t)return t;if(n.className=e.className||"",document.body.appendChild(n),ae.retainFocus(ae.activeElement,n),e.modal&&n.setAttribute("is-modal",""),e.onRender){var a=b({},e,{closeDialog:function(t){var n=X(e.onCommit||m)(t);return le(ae.activeElement,n),n.then(i)}}),s=(0,o.createElement)(e.onRender,a);e.wrapper&&(s=(0,o.createElement)(e.wrapper,a,s)),r.render(s)}return t=Z().then((function(){return de(n,null,O(e,["focus"]))})),e.preventLeave?fe(n,t):e.preventNavigation&&ue(n,t),t}}}function ge(e){var t=(0,o.useState)({})[0],n=(0,o.useState)((function(){return he(t)}))[0];return b(t,e),(0,o.useEffect)((function(){var e=ee(ae.root,n.root);d(e,t.isOpen)&&(e?n.close():n.open())}),[t.isOpen]),(0,o.useEffect)((function(){return n.close}),[n]),a.createPortal(e.children,n.root)}var ve=c(103),ye=u.EventContainer;const we=t.defaults;var be,xe=[];r("react",(function(e){be=e,V(xe)(be)})),we.react=!0;var Se,Ce,Ee=t.animateIn,Pe=t.animateOut,Ae=(t.addAnimateIn,t.addAnimateOut,t.setBaseUrl,t.combinePath,t.parsePath,t.normalizePath,t.removeQueryAndHash),Me=(t.withBaseUrl,t.toAbsoluteUrl,t.toRelativeUrl,t.isSubPathOf,t.toSegments,q()),Oe=ae.root,Re=new Map,Ne={},Te=[],Ve=new ye,Fe=G(b(new Ie(null,null),{container:Oe})),qe=Me(Fe),je=o.createContext(Fe),ke={};function Ie(e,t){var n=this;_(n,!0),z(n,"view",e,!0),Me(n,{children:[],setPage:B(n,"page",t,!0),setActive:B(n,"active",!!t,!0)}),_(n,"page",(function(e,t){Ve.emit("pagechange",n,{previousPage:t})}))}function De(){o.Component.apply(this,arguments),this.state={}}function Le(){o.Component.apply(this,arguments)}function Ue(e,t,n){var r=Re.get(e);if(!r.maxParams){var i=R(r.matchers,["remainingSegments"]),o=S(be.routes,(function(e){var t=be.parseRoute(e),n=t.length&&!E(i,(function(e,n){var r=t.params[n];return(e?!(r>=0):r<t.minLength)||!g(e)&&!t.match(n,e)}));return n?t:null}));if(o[1]&&(o=C(o,(function(e){return!P(e.params,(function(e,t){return Ne[t]&&!i[t]}))}))),o[0]){var a=o.slice(-1)[0];r.maxParams=D(b.apply(0,[{remainingSegments:!0}].concat(o.map((function(e){return e.params}))))),r.minParams=S(a.params,(function(e,t){return r.params[t]||e>=a.minLength?null:t}))}}return O(n||be.route,t?r.maxParams:r.minParams)}function ze(e,t){return(Re.get(t)||{}).matchCount-(Re.get(e)||{}).matchCount}function We(e,t){var n=Re.get(e);return!!n&&!P(n.matchers,(function(e,n){var r=t[n]||"";return g(e)?!e(r):(e||"")!==r}))}function Be(e){var t;return I(e),e.prototype instanceof o.Component&&(e=o.createElement.bind(null,e)),function(n){var r=n.viewProps,i=!t&&e(r);v(i)&&(t=i,i=null,J(t));var a=(0,ve.useAsync)((function(){return t.then((function(e){return o.createElement(e.default,r)}))}),!!t)[1];if((!t||!a.loading)&&(n.onComponentLoaded(),a.error))throw a.error;return i||a.value||o.createElement(o.Fragment)}}function _e(){return o.useContext(je)}function He(e){return We(e,be.route)}function Ge(e,t){var n=be.route;return"string"==typeof e?n=n.parse(e):t=e,t=t?w(t).sort(ze):Te,E(t,(function(e){return We(e,n)}))||void 0}function Qe(e,t){var n=Be(e);return t=b({},t),x(t,(function(e,n){Ne[e]=!0,n instanceof RegExp&&(t[e]=n.test.bind(n))})),Re.set(n,{id:Q(),matchCount:D(t).length,matchers:t,params:O(t,(function(e){return h(e)||"string"==typeof e}))}),Te.push(n),Te.sort(ze),n}function Ze(e){Se=Be(e)}function $e(){var e=w(arguments),t=g(e[0])?{}:e.shift(),n=e[0];return x(e,(function(e,t){if(!Re.has(t))throw new Error("Invalid argument to renderView: "+(g(t)?t.name:t))})),e.sort(ze),o.createElement(Le,{rootProps:t,views:e,defaultView:n})}function Je(e,t){var n=Re.get(e);if(!n)return"/";var r=b(Ue(e),Ue(e,!0,t||{}),n.params);return be.route.getPath(r)}function Ke(e,t){return be.toHref(Je(e,t))}function Xe(e,t,n,r){return be.navigate(Je(e,t),r,n&&G(b({},n)))}function Ye(e,t,n){return Xe(e,t,n,!0)}Ce=function(){be.on("beforepageload",(function(e){qe.setPage(be.page),qe.setActive(!0),ke=e,e.waitFor(new Promise((function(e){!function t(n){if(!n[0])return e();$(S(n,(function(e){return new Promise((function(t){e.onRender=t,e.forceUpdate()}))}))).then((function(){t(S(n,(function(e){return e.children})))}))}(qe.children)})))}))},xe.push(I(Ce)),U(Ie,{on:function(e,t){return Ve.add(this,e,t)}}),De.contextType=je,U(De,o.Component,{componentDidCatch:function(e){var t=this;Se&&!t.state.error?t.setState({error:e}):j((function(){ae.emit("error",t.context.container,{error:e},!0)}))},render:function(){var e=this,t={view:e.context.view,error:e.state.error,reset:e.reset.bind(e)},n=e.props.onComponentLoaded;return t.error?o.createElement(Se,{onComponentLoaded:n,viewProps:t}):o.createElement(t.view,{onComponentLoaded:n,viewProps:e.props.viewProps})},reset:function(){this.setState({error:null})}}),Le.contextType=je,U(Le,o.Component,{componentDidMount:function(){var e=this,t=Me(e.context).children;t.push(e),e.componentWillUnmount=V(_(be.route,(function(){(e.setActive||p)(e.getViewComponent()===e.currentViewComponent)})),(function(){N(t,e)}))},render:function(){var e=this;return e.context.active&&e.updateView(),(e.onRender||p)(),o.createElement(o.Fragment,null,e.prevView,e.currentView)},updateView:function(){var e=this,t=e.getViewComponent(),n=t!==e.currentViewComponent;if(t&&(n||!(e.children||"")[0])){var r=Je(t,Ue(t,!0));if(r!==Ae(be.path))return void be.navigate(r,!0)}if(t&&n){var i,a=e.currentElement;a&&(e.setActive(!1),e.prevView=e.currentView,e.currentElement=void 0,be.emit("pageleave",a,{pathname:e.currentPath},!0),Pe(a,"show").then((function(){e.prevView=void 0,e.forceUpdate()}))),(e.cancelPrevious||p)();var s=new Promise((function(e){i=e})),u=F((function(t){e.currentElement=t,c.container=t,s.then((function(){Ee(t,"show","[brew-view]",!0),be.emit("pageenter",t,{pathname:be.path},!0)})),le(t,s)})),c=new Ie(t,be.page),l=G({navigationType:ke.navigationType,viewContext:c,viewData:ke.data||{}}),f=o.createElement(je.Provider,{key:Re.get(t).id,value:c},o.createElement(lt,null,o.createElement("div",b({},e.props.rootProps,{ref:u,"brew-view":""}),o.createElement(De,{onComponentLoaded:i,viewProps:l}))));b(e,Me(c),{cancelPrevious:i,currentPath:be.path,currentView:f,currentViewComponent:t}),(ke.waitFor||p)(s)}(e.setPage||p)(be.page)},getViewComponent:function(){var e=this.props;return E(e.views,He)||e.defaultView}});var et=new ye;function tt(){return be.historyStorage.current}function nt(e,t){this.key=e,this.store=tt(),this.dispose=t}function rt(e,t,n,r){return e.get(t)!==n&&(r&&e.has(t)&&(be.snapshot(),e=tt()),e.set(t,n)),e}function it(e,t,n){var r=e.get();(t!==e.key||n!==e.store&&n.has(t))&&(r=n.get(t),et.emit("popstate",e,{newValue:r})),e.key=t,e.store=n,n.set(t,r)}function ot(e,t){var n=_e();return(0,o.useEffect)((function(){return be.on("beforepageload popstate",(function(){n.active&&e(tt())}))}),t),n}function at(){return st().ready}function st(){var e=(0,ve.useObservableProperty)(be,"readyState");return{ready:"ready"===e,error:"error"===e}}function ut(e,t){var n=_e(),r=n.page.params,i=be.route,a=r[e]||"",s=(0,o.useRef)(a),u=(0,ve.useUpdateTrigger)();return(0,o.useEffect)((function(){var t=function t(){var r=i[e]||"";r!==s.current&&(n.active?(s.current=r,u()):_(n,"active",t))};if(t(),e in i)return i.watch(e,(function(){k(t)}));console.error("Route parameter "+e+" does not exist")}),[e,t]),s.current=a,t&&n.active&&(!a||"remainingSegments"===e&&"/"===a)&&be.navigate(i.getPath(b({},r,A(e,t))),!0),a}function ct(e,t,n){var r=tt(),i=(0,o.useState)(r&&r.has(e)?r.get(e):t),a=ot((function(t){i[1]((function(n){return t.has(e)?t.get(e):(t.set(e,n),n)}))}),[e]);return r?a.active&&rt(r,e,i[0],n):be.beforeInit(K(1)),i}function lt(e){var t=(0,o.useState)({})[0],n=ot((function(e){x(t,(function(t,n){it(n,n.key,e)}))}),[]),r=(0,o.useState)((function(){return{getState:function(e,r){var i=t[e];return i&&n.active&&it(i,r,tt()),i||(t[e]=new nt(r,(function(){delete t[e]})))}}}))[0];return(0,o.createElement)(ve.ViewStateProvider,{value:r},e.children)}U(nt,{get:function(){return this.store.get(this.key)},set:function(e,t){this.store=rt(this.store,this.key,e,t)},onPopState:function(e){return I(e),et.add(this,"popstate",(function(t){e.call(this,t.newValue)}))}});const ft=c(28);var pt=Object.create(null),mt="function"==typeof Symbol&&Symbol.toPrimitive;function dt(e){this.toString=e}function ht(e){return b((function(t,n,r){var i=e(t,n,r,!0);return void 0!==i?i:t}),{html:function(t,n,r){return{__html:e(t,n,r)}},lazy:function(t,n,r){return new dt(e.bind(0,t,n,r,!0))}})}function gt(){return(0,ve.useObservableProperty)(be,"language")}function vt(e,t){var n=new RegExp("^("+Object.keys(e[t]).join("|")+")\\."),r={};function i(n,r,o,a,s){var u=((e[s]||pt)[n]||pt)[r];return"string"==typeof u?!u||a&&void 0===o?u:ft(u,o,{noEncode:a}):s!==t?i(n,r,o,a,t):void 0}function o(e,t,r,o){var a=n.test(e)?RegExp.$1:"";return i(a,a?e.slice(RegExp.lastMatch.length):e,t,o,r||be.language)}function a(){var e=String(this),t=w(arguments),n=e+" "+t.join(" ");return r[n]||(r[n]=t[0]?ht((function(n,r,o,a){return o=o||e||be.language,P(t,(function(e){return i(e,n,r,a,o)}))})):ht((function(t,n,r,i){return o(t,n,r||e,i)})))}return{translate:ht(o),getTranslation:a.bind(""),useTranslation:function(){var e=gt(),t=a.apply(e,arguments);return{language:e,t}},keys:function(n){return D(e[t][n]||pt)}}}function yt(e){wt.call(this),this.attributes=e||{}}function wt(){}mt&&(dt.prototype[mt]=function(){return this.toString()}),U(yt,wt,{getCustomAttributes:function(){return b({},this.attributes)}}),U(wt,{reset:function(){return this},next:function(){},getRef:function(){return p},getClassNames:function(){return[]},getCustomAttributes:function(){return{}},dispose:function(){}}),H(wt.prototype),L(wt,{get scrollableTarget(){return new yt({"scrollable-target":""})},use:function(){var e=w(arguments),t=e[0],n={},r=e.filter((function(e){return e instanceof wt})),i=r.map((function(e){return e.getRef()}));return!t||t instanceof wt?t||e.shift():("function"!=typeof t?i.push((function(e){t.current=e})):i.push(t),e.shift()),x(r,(function(e,t){b(n,t.getCustomAttributes())})),b(n,{ref:V(i),className:ve.classNames.apply(null,e)}),x(r,(function(e,t){t.next()})),n}});var bt=u.dom,xt=(bt.observe,bt.registerCleanup,bt.createAutoCleanupMap,bt.afterDetached,bt.watchElements),St=(bt.watchAttributes,bt.watchOwnAttributes),Ct=q();function Et(e){this.mixin=e}function Pt(){wt.call(this),Ct(this,{elements:new Set,states:new WeakMap,flush:_(this,!1),dispose:[]})}function At(e,t,n,r){var i=n.classNames,o=b({},i);x(i,(function(e){i[e]=t.classList.contains(e)})),r&&!T(o,i)&&e.onClassNameUpdated(t,o,b({},i))}function Mt(e){Pt.call(this),this.classNames=e||[]}U(Et,{getMixin:function(){return this.mixin}}),U(Pt,wt,{get ref(){var e=Ct(this);return e.ref||(e.ref=new Et(this))},get state(){return Ct(this).pending},reset:function(){return Ct(this).pending={},this},next:function(){return Ct(this).pending={},this},getRef:function(){var e,t=this,n=Ct(t),r=n.pending;return function(i){i?((e=n.states.get(i)||b(t.initState(),r)).element!==i?(e.element=i,t.initElement(i,e),n.states.set(i,e)):D(r)[0]&&t.mergeState(i,e,r),t.onLayoutEffect(i,e),n.elements.add(i)):n.elements.delete(e.element)}},elements:function(){return S(Ct(this).elements,m)},onDispose:function(e){Ct(this).dispose.push(e)},initState:function(){return{element:null}},initElement:function(e,t){},mergeState:function(e,t,n){b(t,n)},onLayoutEffect:function(e,t){},clone:function(){return this},dispose:function(){var e=Ct(this);V(e.dispose.splice(0))(),e.flush(),e.states={},e.pending={}}}),U(Mt,Pt,{initState:function(){return{element:null,classNames:M(this.classNames,!1)}},initElement:function(e,t){var n=this;At(n,e,t),St(e,"class",(function(){At(n,e,t,!0)}))},onLayoutEffect:function(e,t){ne(e,t.classNames)},onClassNameUpdated:function(e,t,n){}});var Ot=Mt.prototype;function Rt(){Mt.call(this,["tweening-in","tweening-out"])}U(Rt,Mt,{next:function(){var e=this;return e.effects=void 0,e.trigger=void 0,Ot.next.call(e)},with:function(e){var t=this;return t.effects=e.effects,t.trigger=e.trigger,t},withEffects:function(){return this.effects=w(arguments),this},getCustomAttributes:function(){var e=this;return b({},Ot.getCustomAttributes.call(e),{"animate-in":(e.effects||[]).join(" "),"animate-on":e.trigger||"show"})}});var Nt=Mt.prototype;function Tt(e){Mt.call(this,["tweening-in","tweening-out"]),this.className=e}U(Tt,Mt,{getCustomAttributes:function(){return b({},Nt.getCustomAttributes.call(this),{"is-animate-sequence":""})},getClassNames:function(){return[this.className].concat(Nt.getClassNames.call(this))}});const Vt=c(47);var Ft=Rt.prototype,qt=0;function jt(){var e=this;Rt.call(e),e.className="brew-anim-"+ ++qt,e.item=new Tt(e.className)}function kt(){Pt.call(this)}U(jt,Rt,{withOptions:function(e){return this.selector=e,this},getCustomAttributes:function(){var e=this;return b({},Ft.getCustomAttributes.call(e),{"animate-in":null,"animate-sequence-type":(e.effects||[]).join(" "),"animate-sequence":e.selector||"."+e.className})},initElement:function(e,t){var n=this;Ft.initElement.call(n,e,t),n.selector&&n.onDispose(xt(e,n.selector,(function(e){Vt(e).attr("is-animate-sequence","")})))}}),U(kt,Pt,{withOptions:function(e){this.classes=b({},e)},getClassNames:function(){return this.classes},set:function(e,t){t=y(e)||A(e,t),x(this.elements(),(function(e,n){ne(n,t)})),b(this.classes,t)}});var It=Mt.prototype;function Dt(e){Mt.call(this,["target-opened"]),this.flyoutMixin=e}U(Dt,Mt,{open:function(e){return this.flyoutMixin.open(e)},close:function(e){return this.flyoutMixin.close(e)},initElement:function(e,t){var n=this;It.initElement.call(n,e,t),n.onDispose(ae.on(e,"click",(function(){me(n.flyoutMixin.elements()[0],e,n.flyoutMixin.flyoutOptions)})))}});var Lt=Mt.prototype,Ut=new WeakMap;function zt(){var e=this;Mt.call(e,["open","closing","visible","tweening-in","tweening-out"]),e.modal=!1,e.tabThrough=!1,e.isFlyoutOpened=!1,e.animating=!1,e.visible=!1,e.initialFocus=void 0,e.toggle=new Dt(e),e.onDispose((function(){e.isFlyoutOpened=!1,e.visible=!1}))}U(zt,Mt,{get flyoutOptions(){var e={};return void 0!==this.initialFocus&&(e.focus=this.initialFocus),e},next:function(){return this.effects=void 0,Lt.next.call(this)},withEffects:function(){return this.effects=w(arguments),this},getCustomAttributes:function(){var e=this;return b({},Lt.getCustomAttributes.call(e),{"is-flyout":"","swipe-dismiss":e.swipeToDismiss},e.modal&&{"is-modal":""},e.tabThrough&&{"tab-through":""},e.effects&&{"animate-on":"open","animate-in":e.effects.join(" "),"animate-out":""})},open:function(e){var t=this.elements()[0];return Ut.set(t,e),de(t,null,this.flyoutOptions)},close:function(e){return pe(this.elements()[0],e)},onOpen:function(e){var t=this.elements()[0];return this.onToggleState((function(n){if(n)return e(Ut.get(t))}))},onToggleState:function(e){return this.watch("isFlyoutOpened",e)},onVisibilityChanged:function(e){return this.watch("visible",e)},initElement:function(e,t){var n=this;Lt.initElement.call(n,e,t),n.onDispose(be.on(e,{animationstart:function(){n.animating=!0},animationcomplete:function(){n.animating=!1}},!0))},onClassNameUpdated:function(e,t,n){this.visible=n.open,this.isFlyoutOpened=n.open&&!n.closing&&!n["tweening-out"]}});var Wt=Pt.prototype;function Bt(){Pt.call(this)}U(Bt,Pt,{for:function(e){return this.state.ref=e,this},initElement:function(e,t){Wt.initElement.call(this,e,t);var n=function(n,r){var i=t.ref,o=i&&("string"==typeof i?e.querySelector(i):i.current);o&&!ae.focused(o)&&n(r||o)};this.onDispose(ae.on(e,{focusin:function(r){t.focused=r.source,ne(e,"focused",r.source),n(ae.focus)},focusout:function(){t.focused=!1,ne(e,"focused",!1)},focuschange:function(){n(ae.blur,e)}}))},onLayoutEffect:function(e,t){ne(e,"focused",t.focused)}});var _t=Pt.prototype;function Ht(){Pt.call(this)}U(Ht,Pt,{initElement:function(e,t){_t.initElement.call(this,e,t),this.onDispose(ce(e,(function(n){t.loading=n,ne(e,"loading",n)})))},onLayoutEffect:function(e,t){ne(e,"loading",t.loading)}});var Gt=t.getDirectiveComponent,Qt=(t.registerDirective,Mt.prototype);function Zt(){var e=this;Mt.call(e,["scrollable-x","scrollable-x-l","scrollable-x-r","scrollable-y","scrollable-y-d","scrollable-y-u"]),e.target=wt.scrollableTarget,e.pageIndex=0,e.scrolling=!1}function $t(){Pt.call(this)}function Jt(){Mt.call(this)}function Kt(e){b(this,e)}function Xt(e){return function(){var t=cn(e);return(t.withOptions||Kt).apply(t,arguments),t}}U(Zt,Mt,{withOptions:function(e){return this.options=e,this},getCustomAttributes:function(){var e=this.options||{};return b({},Qt.getCustomAttributes.call(this),{scrollable:[e.direction||"both",e.handle||"auto"].join(" ")},e.pagedItemSelector&&{"scroller-snap-page":e.paged,"scroller-page":e.pagedItemSelector},e.persistScroll&&{"persist-scroll":""})},onPageIndexChanged:function(e){return this.watch("pageIndex",e)},initElement:function(e,t){var n=this;Qt.initElement.call(n,e,t),n.onDispose(be.on(e,{scrollIndexChange:function(e){n.pageIndex=e.newIndex},scrollStart:function(){n.scrolling=!0},scrollStop:function(){n.scrolling=!1}},!0))}}),x("destroy enable disable setOptions setStickyPosition refresh scrollPadding stop scrollLeft scrollTop scrollBy scrollTo scrollByPage scrollToPage scrollToElement",(function(e,t){W(Zt.prototype,t,(function(){var e=Gt(this.elements()[0]);return e.scrollable[t].apply(null,arguments)}))})),U($t,Pt,{when:function(e){return this.state.deps=e,this},initElement:function(e,t){t.callback=function(){re(e)}},mergeState:function(e,t,n){n.deps&&!T(n.deps,t.deps)&&k(t.callback),b(t,n)}}),U(Jt,Mt,{memorize:function(){return this.classNames=w(arguments),this}});var Yt=Xt(Rt),en=Xt(jt),tn=Xt(kt),nn=Xt(zt),rn=Xt(Bt),on=Xt(Ht),an=Xt(Zt),sn=Xt($t),un=Xt(Jt);function cn(e){return(0,ve.useSingleton)((function(){return new e})).reset()}function ln(e){return e&&e.getMixin().reset()}const fn=i,pn=e;i.react=e})(),l=l.default})()}));
+/*! brew-js-react v0.5.3 | (c) misonou | https://misonou.github.io */
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("brew-js"),require("react"),require("react-dom"),require("zeta-dom"),require("zeta-dom-react"),require("waterpipe"),require("jquery")):"function"==typeof define&&define.amd?define("brew-js-react",["brew-js","react","react-dom","zeta-dom","zeta-dom-react","waterpipe","jquery"],t):"object"==typeof exports?exports["brew-js-react"]=t(require("brew-js"),require("react"),require("react-dom"),require("zeta-dom"),require("zeta-dom-react"),require("waterpipe"),require("jquery")):e["brew-js-react"]=t(e.brew,e.React,e.ReactDOM,e.zeta,e["zeta-dom-react"],e.waterpipe,e.jQuery)}(self,(function(e,t,n,r,i,o,a){return(()=>{var s={28:e=>{"use strict";e.exports=o},103:e=>{"use strict";e.exports=i},80:t=>{"use strict";t.exports=e},47:e=>{"use strict";e.exports=a},359:e=>{"use strict";e.exports=t},318:e=>{"use strict";e.exports=n},654:e=>{"use strict";e.exports=r},862:(e,t,n)=>{var r,i=n(318);r=i.createRoot?i:{createRoot:(e,t)=>({render(t){i.render(t,e)},unmount(){i.unmountComponentAtNode(e)}}),hydrateRoot:(e,t,n)=>(i.hydrate(t,e),r.createRoot(e,n))},e.exports=r}},u={};function c(e){var t=u[e];if(void 0!==t)return t.exports;var n=u[e]={exports:{}};return s[e](n,n.exports,c),n.exports}c.d=(e,t)=>{for(var n in t)c.o(t,n)&&!c.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},c.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),c.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var l={};return(()=>{"use strict";c.d(l,{default:()=>mn});var e={};c.r(e),c.d(e,{AnimateMixin:()=>Nt,AnimateSequenceItemMixin:()=>Vt,AnimateSequenceMixin:()=>kt,ClassNameMixin:()=>Ot,ClassNameToggleMixin:()=>It,Dialog:()=>ve,FlyoutMixin:()=>Bt,FlyoutToggleMixin:()=>Lt,FocusStateMixin:()=>_t,LoadingStateMixin:()=>Qt,Mixin:()=>bt,ScrollIntoViewMixin:()=>Jt,ScrollableMixin:()=>$t,StatefulMixin:()=>At,UnmanagedClassNameMixin:()=>Kt,ViewStateContainer:()=>ft,createDialog:()=>ge,default:()=>pn,isViewMatched:()=>Ge,linkTo:()=>Xe,makeTranslation:()=>yt,matchView:()=>Qe,navigateTo:()=>Ye,redirectTo:()=>et,registerErrorView:()=>$e,registerView:()=>Ze,renderView:()=>Je,resolvePath:()=>Ke,useAnimateMixin:()=>en,useAnimateSequenceMixin:()=>tn,useAppReady:()=>st,useAppReadyState:()=>ut,useClassNameToggleMixin:()=>nn,useFlyoutMixin:()=>rn,useFocusStateMixin:()=>on,useLanguage:()=>vt,useLoadingStateMixin:()=>an,useMixin:()=>ln,useMixinRef:()=>fn,useRouteParam:()=>ct,useRouteState:()=>lt,useScrollIntoViewMixin:()=>un,useScrollableMixin:()=>sn,useUnmanagedClassNameMixin:()=>cn,useViewContainerState:()=>He,useViewContext:()=>He});var t=c(80);const n=t;var r=t.install;t.addExtension,t.addDetect,t.emitAppEvent,t.isElementActive;const i=n;var o=c(359),a=c(318);const s=c(862);var u=c(654),f=u.util,p=f.noop,m=f.pipe,d=f.either,h=(f.sameValueZero,f.is,f.isUndefinedOrNull),g=(f.isArray,f.isFunction),v=f.isThenable,y=f.isPlainObject,w=(f.isArrayLike,f.makeArray),b=f.extend,x=f.each,S=f.map,C=f.grep,P=(f.splice,f.any),E=f.single,A=f.kv,M=f.fill,O=f.pick,R=f.exclude,N=(f.mapObject,f.mapGet,f.mapRemove,f.arrRemove),T=(f.setAdd,f.equal),V=f.combineFn,F=f.executeOnce,q=f.createPrivateStore,j=(f.setTimeout,f.setTimeoutOnce,f.setInterval,f.setIntervalSafe,f.setImmediate),k=f.setImmediateOnce,I=(f.clearImmediateOnce,f.throws,f.throwNotFunction),D=(f.errorWithCode,f.isErrorWithCode,f.keys),L=(f.values,f.hasOwnProperty,f.getOwnPropertyDescriptors,f.define),U=f.definePrototype,z=f.defineOwnProperty,B=(f.defineGetterProperty,f.defineHiddenProperty),W=(f.defineAliasProperty,f.defineObservableProperty),_=f.watch,H=(f.watchOnce,f.watchable),G=(f.inherit,f.freeze),Q=(f.deepFreeze,f.iequal,f.randomId),Z=(f.repeat,f.camel,f.hyphenate,f.ucfirst,f.lcfirst,f.trim,f.matchWord,f.matchWordMulti,f.htmlDecode,f.resolve),$=(f.reject,f.always,f.resolveAll),J=(f.retryable,f.deferrable,f.catchAsync),K=(f.setPromiseTimeout,f.delay),X=f.makeAsync,Y=u.util,ee=(Y.domReady,Y.tagName,Y.isVisible,Y.matchSelector,Y.comparePosition,Y.connected,Y.containsOrEquals),te=(Y.acceptNode,Y.combineNodeFilters,Y.iterateNode,Y.iterateNodeToArray,Y.getCommonAncestor,Y.parentsAndSelf,Y.selectIncludeSelf,Y.selectClosestRelative,Y.createNodeIterator,Y.createTreeWalker,Y.bind,Y.bindOnce,Y.bindUntil,Y.dispatchDOMMouseEvent,Y.removeNode),ne=Y.getClass,re=Y.setClass,ie=(Y.getSafeAreaInset,Y.getScrollOffset,Y.getScrollParent,Y.getContentRect,Y.scrollBy,Y.scrollIntoView);Y.makeSelection,Y.getRect,Y.getRects,Y.toPlainRect,Y.rectEquals,Y.rectCovers,Y.rectIntersects,Y.pointInRect,Y.mergeRect,Y.elementFromPoint;const oe=u.dom;var ae=u.dom;ae.textInputAllowed,ae.beginDrag,ae.beginPinchZoom,ae.insertText,ae.getShortcut,ae.setShortcut,ae.focusable,ae.focused,ae.setTabRoot,ae.unsetTabRoot,ae.setModal,ae.releaseModal,ae.retainFocus,ae.releaseFocus,ae.iterateFocusPath,ae.focus,ae.blur;const se=oe;var ue=u.dom,ce=ue.lock,le=(ue.locked,ue.cancelLock,ue.subscribeAsync),fe=ue.notifyAsync,pe=(ue.runAsync,ue.preventLeave),me=(t.addAsyncAction,t.isFlyoutOpen,t.closeFlyout),de=t.toggleFlyout,he=t.openFlyout;function ge(e){var t,n=document.createElement("div"),r=s.createRoot(n),i=me.bind(0,n);return se.on(n,{flyoutshow:function(){(e.onOpen||p)(n)},flyouthide:function(){t=null,te(n),(e.onClose||p)(n),e.onRender&&r.unmount()}}),n.setAttribute("loading-class",""),le(n,!0),{root:n,close:i,open:function(){if(t)return t;if(n.className=e.className||"",document.body.appendChild(n),se.retainFocus(se.activeElement,n),e.modal&&n.setAttribute("is-modal",""),e.onRender){var a=b({},e,{closeDialog:function(t){var n=X(e.onCommit||m)(t);return fe(se.activeElement,n),n.then(i)}}),s=(0,o.createElement)(e.onRender,a);e.wrapper&&(s=(0,o.createElement)(e.wrapper,a,s)),r.render(s)}return t=Z().then((function(){return he(n,null,O(e,["focus"]))})),e.preventLeave?pe(n,t):e.preventNavigation&&ce(n,t),t}}}function ve(e){var t=(0,o.useState)({})[0],n=(0,o.useState)((function(){return ge(t)}))[0];return b(t,e),(0,o.useEffect)((function(){var e=ee(se.root,n.root);d(e,t.isOpen)&&(e?n.close():n.open())}),[t.isOpen]),(0,o.useEffect)((function(){return n.close}),[n]),a.createPortal(e.children,n.root)}var ye=c(103),we=u.EventContainer;const be=t.defaults;var xe,Se=[];r("react",(function(e){xe=e,V(Se)(xe)})),be.react=!0;var Ce,Pe,Ee=t.animateIn,Ae=t.animateOut,Me=(t.addAnimateIn,t.addAnimateOut,t.setBaseUrl,t.combinePath,t.parsePath,t.normalizePath,t.removeQueryAndHash),Oe=(t.withBaseUrl,t.toAbsoluteUrl,t.toRelativeUrl,t.isSubPathOf,t.toSegments,q()),Re=se.root,Ne=new Map,Te={},Ve=[],Fe=new we,qe=G(b(new De(null,null),{container:Re})),je=Oe(qe),ke=o.createContext(qe),Ie={};function De(e,t){var n=this;_(n,!0),z(n,"view",e,!0),Oe(n,{children:[],setPage:W(n,"page",t,!0),setActive:W(n,"active",!!t,!0)}),_(n,"page",(function(e,t){Fe.emit("pagechange",n,{previousPage:t})}))}function Le(){o.Component.apply(this,arguments),this.state={}}function Ue(){o.Component.apply(this,arguments)}function ze(e,t,n){var r=Ne.get(e);if(!r.maxParams){var i=R(r.matchers,["remainingSegments"]),o=S(xe.routes,(function(e){var t=xe.parseRoute(e),n=t.length&&!P(i,(function(e,n){var r=t.params[n];return(e?!(r>=0):r<t.minLength)||!g(e)&&!t.match(n,e)}));return n?t:null}));if(o[1]&&(o=C(o,(function(e){return!E(e.params,(function(e,t){return Te[t]&&!i[t]}))}))),o[0]){var a=o.slice(-1)[0];r.maxParams=D(b.apply(0,[{remainingSegments:!0}].concat(o.map((function(e){return e.params}))))),r.minParams=S(a.params,(function(e,t){return r.params[t]||e>=a.minLength?null:t}))}}return O(n||xe.route,t?r.maxParams:r.minParams)}function Be(e,t){return(Ne.get(t)||{}).matchCount-(Ne.get(e)||{}).matchCount}function We(e,t){var n=Ne.get(e);return!!n&&!E(n.matchers,(function(e,n){var r=t[n]||"";return g(e)?!e(r):(e||"")!==r}))}function _e(e){var t;return I(e),e.prototype instanceof o.Component&&(e=o.createElement.bind(null,e)),function(n){var r=n.viewProps,i=!t&&e(r);v(i)&&(t=i,i=null,J(t));var a=(0,ye.useAsync)((function(){return t.then((function(e){return o.createElement(e.default,r)}))}),!!t)[1];if((!t||!a.loading)&&(n.onComponentLoaded(),a.error))throw a.error;return i||a.value||o.createElement(o.Fragment)}}function He(){return o.useContext(ke)}function Ge(e){return We(e,xe.route)}function Qe(e,t){var n=xe.route;return"string"==typeof e?n=n.parse(e):t=e,t=t?w(t).sort(Be):Ve,P(t,(function(e){return We(e,n)}))||void 0}function Ze(e,t){var n=_e(e);return t=b({},t),x(t,(function(e,n){Te[e]=!0,n instanceof RegExp&&(t[e]=n.test.bind(n))})),Ne.set(n,{id:Q(),matchCount:D(t).length,matchers:t,params:O(t,(function(e){return h(e)||"string"==typeof e}))}),Ve.push(n),Ve.sort(Be),n}function $e(e){Ce=_e(e)}function Je(){var e=w(arguments),t=g(e[0])?{}:e.shift(),n=e[0];return x(e,(function(e,t){if(!Ne.has(t))throw new Error("Invalid argument to renderView: "+(g(t)?t.name:t))})),e.sort(Be),o.createElement(Ue,{rootProps:t,views:e,defaultView:n})}function Ke(e,t){var n=Ne.get(e);if(!n)return"/";var r=b(ze(e),ze(e,!0,t||{}),n.params);return xe.route.getPath(r)}function Xe(e,t){return xe.toHref(Ke(e,t))}function Ye(e,t,n,r){return xe.navigate(Ke(e,t),r,n&&G(b({},n)))}function et(e,t,n){return Ye(e,t,n,!0)}Pe=function(){xe.on("beforepageload",(function(e){je.setPage(xe.page),je.setActive(!0),Ie=e,e.waitFor(new Promise((function(e){!function t(n){if(!n[0])return e();$(S(n,(function(e){return new Promise((function(t){e.onRender=t,e.forceUpdate()}))}))).then((function(){t(S(n,(function(e){return e.children})))}))}(je.children)})))}))},Se.push(I(Pe)),U(De,{on:function(e,t){return Fe.add(this,e,t)}}),Le.contextType=ke,U(Le,o.Component,{componentDidCatch:function(e){var t=this;Ce&&!t.state.error?t.setState({error:e}):j((function(){se.emit("error",t.context.container,{error:e},!0)}))},render:function(){var e=this,t={view:e.context.view,error:e.state.error,reset:e.reset.bind(e)},n=e.props.onComponentLoaded;return t.error?o.createElement(Ce,{onComponentLoaded:n,viewProps:t}):o.createElement(t.view,{onComponentLoaded:n,viewProps:e.props.viewProps})},reset:function(){this.setState({error:null})}}),Ue.contextType=ke,U(Ue,o.Component,{componentDidMount:function(){var e=this,t=Oe(e.context).children;t.push(e),e.componentWillUnmount=V(_(xe.route,(function(){(e.setActive||p)(e.getViewComponent()===e.currentViewComponent)})),(function(){N(t,e)}))},render:function(){var e=this;return e.context.active&&e.updateView(),(e.onRender||p)(),o.createElement(o.Fragment,null,e.prevView,e.currentView)},updateView:function(){var e=this,t=e.getViewComponent(),n=t!==e.currentViewComponent;if(t&&(n||!(e.children||"")[0])){var r=Ke(t,ze(t,!0));if(r!==Me(xe.path))return void xe.navigate(r,!0)}if(t&&n){var i,a=e.currentElement;a&&(e.setActive(!1),e.prevView=e.currentView,e.currentElement=void 0,xe.emit("pageleave",a,{pathname:e.currentPath},!0),Ae(a,"show").then((function(){e.prevView=void 0,e.forceUpdate()}))),(e.cancelPrevious||p)();var s=new Promise((function(e){i=e})),u=F((function(t){e.currentElement=t,c.container=t,s.then((function(){Ee(t,"show","[brew-view]",!0),xe.emit("pageenter",t,{pathname:xe.path},!0)})),fe(t,s)})),c=new De(t,xe.page),l=G({navigationType:Ie.navigationType,viewContext:c,viewData:Ie.data||{}}),f=o.createElement(ke.Provider,{key:Ne.get(t).id,value:c},o.createElement(ft,null,o.createElement("div",b({},e.props.rootProps,{ref:u,"brew-view":""}),o.createElement(Le,{onComponentLoaded:i,viewProps:l}))));b(e,Oe(c),{cancelPrevious:i,currentPath:xe.path,currentView:f,currentViewComponent:t}),(Ie.waitFor||p)(s)}(e.setPage||p)(xe.page)},getViewComponent:function(){var e=this.props;return P(e.views,Ge)||e.defaultView}});var tt=new we;function nt(){return xe.historyStorage.current}function rt(e,t){this.key=e,this.store=nt(),this.dispose=t}function it(e,t,n,r){return e.get(t)!==n&&(r&&e.has(t)&&(xe.snapshot(),e=nt()),e.set(t,n)),e}function ot(e,t,n){var r=e.get();(t!==e.key||n!==e.store&&n.has(t))&&(r=n.get(t),tt.emit("popstate",e,{newValue:r})),e.key=t,e.store=n,n.set(t,r)}function at(e,t){var n=He();return(0,o.useEffect)((function(){return xe.on("beforepageload popstate",(function(){n.active&&e(nt())}))}),t),n}function st(){return ut().ready}function ut(){var e=(0,ye.useObservableProperty)(xe,"readyState");return{ready:"ready"===e,error:"error"===e}}function ct(e,t){var n=He(),r=n.page.params,i=xe.route,a=r[e]||"",s=(0,o.useRef)(a),u=(0,ye.useUpdateTrigger)();return(0,o.useEffect)((function(){var t=function t(){var r=i[e]||"";r!==s.current&&(n.active?(s.current=r,u()):_(n,"active",t))};if(t(),e in i)return i.watch(e,(function(){k(t)}));console.error("Route parameter "+e+" does not exist")}),[e,t]),s.current=a,t&&n.active&&(!a||"remainingSegments"===e&&"/"===a)&&xe.navigate(i.getPath(b({},r,A(e,t))),!0),a}function lt(e,t,n){var r=nt(),i=(0,o.useState)(r&&r.has(e)?r.get(e):t),a=at((function(t){i[1]((function(n){return t.has(e)?t.get(e):(t.set(e,n),n)}))}),[e]);return r?a.active&&it(r,e,i[0],n):xe.beforeInit(K(1)),i}function ft(e){var t=(0,o.useState)({})[0],n=at((function(e){x(t,(function(t,n){ot(n,n.key,e)}))}),[]),r=(0,o.useState)((function(){return{getState:function(e,r){var i=t[e];return i&&n.active&&ot(i,r,nt()),i||(t[e]=new rt(r,(function(){delete t[e]})))}}}))[0];return(0,o.createElement)(ye.ViewStateProvider,{value:r},e.children)}U(rt,{get:function(){return this.store.get(this.key)},set:function(e,t){this.store=it(this.store,this.key,e,t)},onPopState:function(e){return I(e),tt.add(this,"popstate",(function(t){e.call(this,t.newValue)}))}});const pt=c(28);var mt=Object.create(null),dt="function"==typeof Symbol&&Symbol.toPrimitive;function ht(e){this.toString=e}function gt(e){return b((function(t,n,r){var i=e(t,n,r,!0);return void 0!==i?i:t}),{html:function(t,n,r){return{__html:e(t,n,r)}},lazy:function(t,n,r){return new ht(e.bind(0,t,n,r,!0))}})}function vt(){return(0,ye.useObservableProperty)(xe,"language")}function yt(e,t){var n=new RegExp("^("+Object.keys(e[t]).join("|")+")\\."),r={};function i(n,r,o,a,s){var u=((e[s]||mt)[n]||mt)[r];return"string"==typeof u?!u||a&&void 0===o?u:pt(u,o,{noEncode:a}):s!==t?i(n,r,o,a,t):void 0}function o(e,t,r,o){var a=n.test(e)?RegExp.$1:"";return i(a,a?e.slice(RegExp.lastMatch.length):e,t,o,r||xe.language)}function a(){var e=String(this),t=w(arguments),n=e+" "+t.join(" ");return r[n]||(r[n]=t[0]?gt((function(n,r,o,a){return o=o||e||xe.language,E(t,(function(e){return i(e,n,r,a,o)}))})):gt((function(t,n,r,i){return o(t,n,r||e,i)})))}return{translate:gt(o),getTranslation:a.bind(""),useTranslation:function(){var e=vt(),t=a.apply(e,arguments);return{language:e,t}},keys:function(n){return D(e[t][n]||mt)}}}function wt(e,t){bt.call(this),this.attributes=y(e)||A(e,t||"")}function bt(){}dt&&(ht.prototype[dt]=function(){return this.toString()}),U(wt,bt,{getCustomAttributes:function(){return b({},this.attributes)}}),U(bt,{reset:function(){return this},next:function(){},getRef:function(){return p},getClassNames:function(){return[]},getCustomAttributes:function(){return{}},dispose:function(){}}),H(bt.prototype),L(bt,{get scrollableTarget(){return new wt("scrollable-target")},get tabRoot(){return new wt("tab-root")},use:function(){var e=w(arguments),t=e[0],n={},r=e.filter((function(e){return e instanceof bt})),i=r.map((function(e){return e.getRef()}));return!t||t instanceof bt?t||e.shift():("function"!=typeof t?i.push((function(e){t.current=e})):i.push(t),e.shift()),x(r,(function(e,t){b(n,t.getCustomAttributes())})),b(n,{ref:V(i),className:ye.classNames.apply(null,e)}),x(r,(function(e,t){t.next()})),n}});var xt=u.dom,St=(xt.observe,xt.registerCleanup,xt.createAutoCleanupMap,xt.afterDetached,xt.watchElements),Ct=(xt.watchAttributes,xt.watchOwnAttributes),Pt=q();function Et(e){this.mixin=e}function At(){bt.call(this),Pt(this,{elements:new Set,states:new WeakMap,flush:_(this,!1),dispose:[]})}function Mt(e,t,n,r){var i=n.classNames,o=b({},i);x(i,(function(e){i[e]=t.classList.contains(e)})),r&&!T(n.prev||o,i)&&(n.prev=o,e.onClassNameUpdated(t,o,b({},i)))}function Ot(e){At.call(this),this.classNames=e||[]}U(Et,{getMixin:function(){return this.mixin}}),U(At,bt,{get ref(){var e=Pt(this);return e.ref||(e.ref=new Et(this))},get state(){return Pt(this).pending},reset:function(){return Pt(this).pending={},this},next:function(){return Pt(this).pending={},this},getRef:function(){var e,t=this,n=Pt(t),r=n.pending;return function(i){if(i)(e=n.states.get(i)||b(t.initState(),r)).element!==i?(e.element=i,t.initElement(i,e),n.states.set(i,e)):D(r)[0]&&t.mergeState(i,e,r),t.onLayoutEffect(i,e),n.elements.add(i);else if(e){var o=e.element;t.onBeforeUpdate(o,e),n.elements.delete(o)}}},elements:function(){return S(Pt(this).elements,m)},onDispose:function(e){Pt(this).dispose.push(e)},initState:function(){return{element:null}},initElement:function(e,t){},mergeState:function(e,t,n){b(t,n)},onLayoutEffect:function(e,t){},onBeforeUpdate:function(e,t){},clone:function(){return this},dispose:function(){var e=Pt(this);V(e.dispose.splice(0))(),e.flush(),e.states={},e.pending={}}}),U(Ot,At,{initState:function(){return{element:null,classNames:M(this.classNames,!1)}},initElement:function(e,t){var n=this;Mt(n,e,t),Ct(e,"class",(function(){Mt(n,e,t,!0)}))},onLayoutEffect:function(e,t){re(e,t.classNames)},onBeforeUpdate:function(e,t){Mt(this,e,t)},onClassNameUpdated:function(e,t,n){}});var Rt=Ot.prototype;function Nt(){Ot.call(this,["tweening-in","tweening-out"])}U(Nt,Ot,{next:function(){var e=this;return e.effects=void 0,e.trigger=void 0,Rt.next.call(e)},with:function(e){var t=this;return t.effects=e.effects,t.trigger=e.trigger,t},withEffects:function(){return this.effects=w(arguments),this},getCustomAttributes:function(){var e=this;return b(Rt.getCustomAttributes.call(e),{"animate-in":(e.effects||[]).join(" "),"animate-on":e.trigger||"show"})}});var Tt=Ot.prototype;function Vt(e){Ot.call(this,["tweening-in","tweening-out"]),this.className=e}U(Vt,Ot,{getCustomAttributes:function(){return b(Tt.getCustomAttributes.call(this),{"is-animate-sequence":""})},getClassNames:function(){return[this.className].concat(Tt.getClassNames.call(this))}});const Ft=c(47);var qt=Nt.prototype,jt=0;function kt(){var e=this;Nt.call(e),e.className="brew-anim-"+ ++jt,e.item=new Vt(e.className)}function It(){At.call(this)}U(kt,Nt,{withOptions:function(e){return this.selector=e,this},getCustomAttributes:function(){var e=this;return b(qt.getCustomAttributes.call(e),{"animate-in":null,"animate-sequence-type":(e.effects||[]).join(" "),"animate-sequence":e.selector||"."+e.className})},initElement:function(e,t){var n=this;qt.initElement.call(n,e,t),n.selector&&n.onDispose(St(e,n.selector,(function(e){Ft(e).attr("is-animate-sequence","")})))}}),U(It,At,{withOptions:function(e){this.classes=b({},e)},getClassNames:function(){return this.classes},set:function(e,t){t=y(e)||A(e,t),x(this.elements(),(function(e,n){re(n,t)})),b(this.classes,t)}});var Dt=Ot.prototype;function Lt(e){Ot.call(this,["target-opened"]),this.flyoutMixin=e}U(Lt,Ot,{open:function(e){return this.flyoutMixin.open(e)},close:function(e){return this.flyoutMixin.close(e)},initElement:function(e,t){var n=this;Dt.initElement.call(n,e,t),n.onDispose(se.on(e,"click",(function(){de(n.flyoutMixin.elements()[0],e,n.flyoutMixin.flyoutOptions)})))}});var Ut=Ot.prototype,zt=new WeakMap;function Bt(){var e=this;Ot.call(e,["open","closing","visible","tweening-in","tweening-out"]),e.modal=!1,e.tabThrough=!1,e.isFlyoutOpened=!1,e.animating=!1,e.visible=!1,e.initialFocus=void 0,e.toggle=new Lt(e),e.onDispose((function(){e.isFlyoutOpened=!1,e.visible=!1}))}U(Bt,Ot,{get flyoutOptions(){var e={};return void 0!==this.initialFocus&&(e.focus=this.initialFocus),e},next:function(){return this.effects=void 0,Ut.next.call(this)},withEffects:function(){return this.effects=w(arguments),this},getCustomAttributes:function(){var e=this;return b(Ut.getCustomAttributes.call(e),{"is-flyout":"","swipe-dismiss":e.swipeToDismiss},e.modal&&{"is-modal":""},e.tabThrough&&{"tab-through":""},e.effects&&{"animate-on":"open","animate-in":e.effects.join(" "),"animate-out":""})},open:function(e){var t=this.elements()[0];return zt.set(t,e),he(t,null,this.flyoutOptions)},close:function(e){return me(this.elements()[0],e)},onOpen:function(e){var t=this.elements()[0];return this.onToggleState((function(n){if(n)return e(zt.get(t))}))},onToggleState:function(e){return this.watch("isFlyoutOpened",e)},onVisibilityChanged:function(e){return this.watch("visible",e)},initElement:function(e,t){var n=this;Ut.initElement.call(n,e,t),n.onDispose(xe.on(e,{animationstart:function(){n.animating=!0},animationcomplete:function(){n.animating=!1}},!0))},onClassNameUpdated:function(e,t,n){this.visible=n.open,this.isFlyoutOpened=n.open&&!n.closing&&!n["tweening-out"]}});var Wt=At.prototype;function _t(){At.call(this)}U(_t,At,{for:function(e){return this.state.ref=e,this},initElement:function(e,t){Wt.initElement.call(this,e,t);var n=function(n,r){var i=t.ref,o=i&&("string"==typeof i?e.querySelector(i):i.current);o&&!se.focused(o)&&n(r||o)};this.onDispose(se.on(e,{focusin:function(r){t.focused=r.source,re(e,"focused",r.source),n(se.focus)},focusout:function(){t.focused=!1,re(e,"focused",!1)},focuschange:function(){n(se.blur,e)}}))},onLayoutEffect:function(e,t){re(e,"focused",t.focused)}});var Ht=t.getDirectiveComponent,Gt=(t.registerSimpleDirective,t.registerDirective,Ot.prototype);function Qt(){Ot.call(this,["loading","loading-complete"]),this.loading=!1}U(Qt,Ot,{initElement:function(e,t){var n=this;Gt.initElement.call(n,e,t),Ht(e).enableLoadingClass=!0,n.onDispose(le(e,(function(t){n.loading=t||!!P(n.elements(),(function(t){return t!==e&&!0===ne(t,"loading")}))})))}});var Zt=Ot.prototype;function $t(){var e=this;Ot.call(e,["scrollable-x","scrollable-x-l","scrollable-x-r","scrollable-y","scrollable-y-d","scrollable-y-u"]),e.target=bt.scrollableTarget,e.pageIndex=0,e.scrolling=!1}function Jt(){At.call(this)}function Kt(){Ot.call(this)}function Xt(e){b(this,e)}function Yt(e){return function(){var t=ln(e);return(t.withOptions||Xt).apply(t,arguments),t}}U($t,Ot,{withOptions:function(e){return this.options=e,this},getCustomAttributes:function(){var e=this.options||{};return b(Zt.getCustomAttributes.call(this),{scrollable:[e.direction||"both",e.handle||"auto"].join(" ")},e.pagedItemSelector&&{"scroller-snap-page":e.paged,"scroller-page":e.pagedItemSelector},e.persistScroll&&{"persist-scroll":""})},onPageIndexChanged:function(e){return this.watch("pageIndex",e)},initElement:function(e,t){var n=this;Zt.initElement.call(n,e,t),n.onDispose(xe.on(e,{scrollIndexChange:function(e){n.pageIndex=e.newIndex},scrollStart:function(){n.scrolling=!0},scrollStop:function(){n.scrolling=!1}},!0))}}),x("destroy enable disable setOptions setStickyPosition refresh scrollPadding stop scrollLeft scrollTop scrollBy scrollTo scrollByPage scrollToPage scrollToElement",(function(e,t){B($t.prototype,t,(function(){var e=Ht(this.elements()[0]);return e.scrollable[t].apply(null,arguments)}))})),U(Jt,At,{when:function(e){return this.state.deps=e,this},initElement:function(e,t){t.callback=function(){ie(e)}},mergeState:function(e,t,n){n.deps&&!T(n.deps,t.deps)&&k(t.callback),b(t,n)}}),U(Kt,Ot,{memorize:function(){return this.classNames=w(arguments),this}});var en=Yt(Nt),tn=Yt(kt),nn=Yt(It),rn=Yt(Bt),on=Yt(_t),an=Yt(Qt),sn=Yt($t),un=Yt(Jt),cn=Yt(Kt);function ln(e){return(0,ye.useSingleton)((function(){return new e})).reset()}function fn(e){return e&&e.getMixin().reset()}const pn=i,mn=e;i.react=e})(),l=l.default})()}));
 //# sourceMappingURL=brew-js-react.min.js.map