@bentoproject/list
Advanced tools
Comparing version 1.2202252101.0 to 1.2203041950.0
; | ||
var r=Object.create,n=Object.defineProperty,t=Object.getOwnPropertyDescriptor,e=Object.getOwnPropertyNames,o=Object.getPrototypeOf,u=Object.prototype.hasOwnProperty,i=function(r){return n(r,"__esModule",{value:!0})},a=function(a){return function(r,o,i){if(o&&"object"==typeof o||"function"==typeof o)for(var a,l=e(o),c=0,f=l.length;c<f;c++)a=l[c],u.call(r,a)||"default"===a||n(r,a,{get:function(r){return o[r]}.bind(null,a),enumerable:!(i=t(o,a))||i.enumerable});return r}(i(n(null!=a?r(o(a)):{},"default",a&&a.__esModule&&"default"in a?{get:function(){return a.default},enumerable:!0}:{value:a,enumerable:!0})),a)};function l(r,n,t){return n in r?Object.defineProperty(r,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):r[n]=t,r}function c(r,n){var t=Object.keys(r);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(r);n&&(e=e.filter((function(n){return Object.getOwnPropertyDescriptor(r,n).enumerable}))),t.push.apply(t,e)}return t}function f(r){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?c(Object(t),!0).forEach((function(n){l(r,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(t)):c(Object(t)).forEach((function(n){Object.defineProperty(r,n,Object.getOwnPropertyDescriptor(t,n))}))}return r}function s(r){return(s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(r){return typeof r}:function(r){return r&&"function"==typeof Symbol&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r})(r)}function v(r,n,t,e,o,u,i){try{var a=r[u](i),l=a.value}catch(r){return void t(r)}a.done?n(l):Promise.resolve(l).then(e,o)}function d(r){return function(){var n=this,t=arguments;return new Promise((function(e,o){var u=r.apply(n,t);function i(r){v(u,e,o,i,a,"next",r)}function a(r){v(u,e,o,i,a,"throw",r)}i(void 0)}))}}function b(r,n){if(null==r)return{};var t,e,o={},u=Object.keys(r);for(e=0;e<u.length;e++)t=u[e],n.indexOf(t)>=0||(o[t]=r[t]);return o}!function(r,t){for(var e in i(r),t)n(r,e,{get:t[e],enumerable:!0})}(exports,{BentoList:function(){return Y},BentoListWithRef:function(){return X}}),a(require("preact"));var p=a(require("preact")),m=a(require("preact/hooks"));function y(r){return r.children}var g,h=a(require("preact")),w=["ref"],j="undefined"!=typeof Symbol&&(null===(g=Symbol.for)||void 0===g?void 0:g.call(Symbol,"react.forward_ref"))||3911,S=h.options.__b;h.options.__b=function(r){var n;null!==(n=r.type)&&void 0!==n&&n.Hl&&r.ref&&(r.props.ref=r.ref,r.ref=null),null==S||S(r)};var O,M,k=function(r){function n(n){var t=n.ref,e=b(n,w);return r(e,t)}return n.$$typeof=j,n.render=n,n.prototype.isReactComponent=!0,n.Hl=!0,n};function x(r){var n=function(r,n){if("object"!==s(r)||null===r)return r;var t=r[Symbol.toPrimitive];if(void 0!==t){var e=t.call(r,"string");if("object"!==s(e))return e;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(r)}(r);return"symbol"===s(n)?n:String(n)}l(O={},"auto",0),l(O,"lazy",1),l(O,"eager",2),l(O,"unload",3);var A=[null,"paint","layout","content","size","size paint","size layout","strict"],P={"position":"relative","width":"100%","height":"100%"},R=k((function(r,n){var t="class",e=r.as,o=void 0===e?"div":e,u=r.children,i=r.contentAs,a=void 0===i?"div":i,l=r.contentClassName,c=r.contentProps,s=r.contentRef,v=r.contentStyle,d=r.layout,m=void 0!==d&&d,y=r.paint,g=void 0!==y&&y,h=r.size,w=void 0!==h&&h,j=r.style,S=r.wrapperClassName,O=r.wrapperStyle,M=r[t],k=b(r,["as","children","contentAs","contentClassName","contentProps","contentRef","contentStyle","layout","paint","size","style","wrapperClassName","wrapperStyle",t].map(x)),R=(w?4:0)+(m?2:0)+(g?1:0);return p.createElement(o,f(f({},k),{},{ref:n,class:"".concat(M||""," ").concat(S||"").trim()||null,style:f(f(f({},j),O),{},{contain:A[R]})}),p.createElement(a,f(f({},c),{},{ref:s,class:l,style:f(f({},w&&P),{},{"overflow":g?"hidden":"visible"},v)}),u))}));function I(r,n){(null==n||n>r.length)&&(n=r.length);for(var t=0,e=new Array(n);t<n;t++)e[t]=r[t];return e}function T(r,n){if(r){if("string"==typeof r)return I(r,n);var t=Object.prototype.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?I(r,n):void 0}}function C(r,n){return function(r){if(Array.isArray(r))return r}(r)||function(r,n){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,o,u=[],i=!0,a=!1;try{for(t=t.call(r);!(i=(e=t.next()).done)&&(u.push(e.value),!n||u.length!==n);i=!0);}catch(r){a=!0,o=r}finally{try{i||null==t.return||t.return()}finally{if(a)throw o}}return u}}(r,n)||T(r,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}k((function(r,n){var t="class",e=r.as,o=void 0===e?"div":e,u=r.children,i=r.style,a=r.wrapperClassName,l=r.wrapperStyle,c=r[t],s=b(r,["as","children","style","wrapperClassName","wrapperStyle",t].map(x));return p.createElement(o,f(f({},s),{},{ref:n,class:"".concat(c||""," ").concat(a||"").trim()||null,style:f(f({},i),l)}),u)})),Array.isArray;var L=Object.prototype;function z(r){return(r.ownerDocument||r).defaultView}function B(r){return r.parent&&r.parent!=r}function N(r,n){var t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},e=t.needsRootBounds,o=t.rootMargin,u=t.threshold,i=B(n)&&(e||o)?n.document:void 0;return new n.IntersectionObserver(r,{threshold:u,root:i,rootMargin:o})}L.hasOwnProperty,L.toString;var q=new WeakMap,E=new WeakMap;function W(r){for(var n=new Set,t=r.length-1;t>=0;t--){var e=r[t],o=e.target;if(!n.has(o)){n.add(o);var u=E.get(o);if(u)for(var i=0;i<u.length;i++)(0,u[i])(e)}}}function _(r){return function(r){if(Array.isArray(r))return I(r)}(r)||function(r){if("undefined"!=typeof Symbol&&null!=r[Symbol.iterator]||null!=r["@@iterator"])return Array.from(r)}(r)||T(r)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var G={loading:!1,error:null,pages:[],hasMore:!0},J={fetchJson:function(r,n){return this.fetch(r,n).then((function(r){return r.json()}))},fetch:function(r,n){return d(regeneratorRuntime.mark((function t(){var e;return regeneratorRuntime.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,self.fetch(r,n);case 2:if((e=t.sent).ok){t.next=5;break}throw new Error(e.statusText);case 5:return t.abrupt("return",e);case 6:case"end":return t.stop()}}),t)})))()}},U={loadMoreSpinner:"load-more-spinner-cc33818",loadMoreIcon:"load-more-icon-cc33818"},H=("url('data:image/svg+xml;charset=utf-8,".concat('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"><defs><linearGradient id="grad"><stop stop-color="rgb(51,51,51)" stop-opacity=".75"></stop><stop offset="100%" stop-color="rgb(51,51,51)" stop-opacity="0"></stop></linearGradient></defs><path d="M11,4.4 A18,18, 0,1,0, 38,20" fill="none" stroke="url(%23grad)" stroke-width="1.725"></path></svg>',"')"),"url('data:image/svg+xml;charset=utf-8,".concat('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z"></path></svg>',"')"),["src","fetchJson","itemsKey","maxItems","loadMore","loadMoreBookmark","viewportBuffer","template","wrapperTemplate","loadMoreTemplate","loadingTemplate","errorTemplate"]),K=function(r){return p.createElement("div",null,String(r))},V=function(r){return p.createElement("div",null,r)},$=function(r,n){return p.createElement("div",null,"Unable to Load More ",p.createElement("button",{"load-more-retry":!0},p.createElement("label",null,p.createElement("span",{class:r.loadMoreIcon})," Retry")))},D=function(){return p.createElement("div",null,p.createElement("button",{"load-more-button":!0},p.createElement("label",null,"See More")))},F=function(r){return p.createElement("div",null,p.createElement("span",{"aria-label":"Loading",class:r.loadMoreSpinner}))};function Q(r,n){return n.split(".").reduce((function(r,n){return r&&""!==n?r[n]:r}),r)}function X(r,n){var t,e,o=r.src,u=void 0===o?null:o,i=r.fetchJson,a=void 0===i?J.fetchJson:i,l=r.itemsKey,c=void 0===l?"items":l,v=r.maxItems,g=void 0===v?0:v,h=r.loadMore,w=void 0===h?"none":h,j=r.loadMoreBookmark,S=void 0===j?"load-more-src":j,O=r.viewportBuffer,k=void 0===O?2:O,x=r.template,A=void 0===x?K:x,P=r.wrapperTemplate,I=void 0===P?V:P,T=r.loadMoreTemplate,L=void 0===T?D:T,B=r.loadingTemplate,X=void 0===B?F:B,Y=r.errorTemplate,rr=void 0===Y?$:Y,nr=b(r,H),tr=(e=M||(M=(0,p.createContext)({renderable:!0,playable:!0,loading:"auto"})),(0,m.useContext)(e)).renderable,er=(0,m.useMemo)((function(){var r=Math.floor(100*k);return{rootMargin:"0% 0% ".concat(r,"% 0%"),threshold:0}}),[k]),or=(0,m.useRef)(null),ur=function(r,n){var t=C((0,m.useState)(!1),2),e=t[0],o=t[1];return(0,m.useEffect)((function(){var t=r.current;if(t)return function(r,n,t){var e=z(r);if(t){var o=N((function(r){n(r[r.length-1])}),e,t);return o.observe(r),function(){o.unobserve(r)}}var u=q.get(e);u||q.set(e,u=N(W,e));var i=E.get(r);return i||(i=[],E.set(r,i)),i.push(n),u.observe(r),function(){!function(r,n){var t,e,o,u=E.get(r);if(u&&(e=n,-1!=(o=(t=u).indexOf(e))&&(t.splice(o,1),1)&&!u.length)){var i=z(r),a=q.get(i);null==a||a.unobserve(r),E.delete(r)}}(r,n)}}(t,(function(r){o(r.isIntersecting)}),n)}),[r,n]),e}(or,er),ir=function(r){var n,t,e=r.fetchPage,o=r.getNextPageParam,u=function(r){var n=(0,m.useRef)(!1);(0,m.useEffect)((function(){return n.current=!0,function(){n.current=!1}}),[]);var t=C((0,m.useState)(r),2),e=t[0],o=t[1];return[e,(0,m.useCallback)((function(r){n.current&&o(r)}),[o])]}(G),i=C(u,2),a=i[0],l=i[1],c=(n={fetchPage:e,getNextPageParam:o,state:a},(t=(0,m.useRef)(null)).current=n,t),s=(0,m.useRef)(0),v=(0,m.useCallback)(d(regeneratorRuntime.mark((function r(){var n,t,e,o,u,i,a,v,d,b,p=arguments;return regeneratorRuntime.wrap((function(r){for(;;)switch(r.prev=r.next){case 0:if(n=p.length>0&&void 0!==p[0]&&p[0],t=c.current,e=t.fetchPage,o=t.getNextPageParam,u=t.state,n||!u.loading){r.next=4;break}return r.abrupt("return");case 4:return i=++s.current,l((function(r){return f(f({},r),{},{loading:!0})})),a=n?[]:u.pages,v=a.length?a[a.length-1]:void 0,r.prev=8,r.next=11,e({pageParam:v?o(v):void 0});case 11:if(d=r.sent,i===s.current){r.next=14;break}return r.abrupt("return");case 14:b=o(d),l({loading:!1,error:null,pages:[].concat(_(a),[d]),hasMore:null!=b}),r.next=23;break;case 18:if(r.prev=18,r.t0=r.catch(8),i===s.current){r.next=22;break}return r.abrupt("return");case 22:l((function(n){return f(f({},n),{},{loading:!1,error:r.t0})}));case 23:case"end":return r.stop()}}),r,null,[[8,18]])}))),[c,l]),b=(0,m.useCallback)((function(){return v(!0)}),[v]);return f(f({},a),{},{loadMore:v,reset:b})}({fetchPage:(t=d(regeneratorRuntime.mark((function r(n){var t,e,o;return regeneratorRuntime.wrap((function(r){for(;;)switch(r.prev=r.next){case 0:if(t=n.pageParam,e=void 0===t?u:t,tr){r.next=3;break}return r.abrupt("return",null);case 3:return r.next=5,a(e);case 5:return o=r.sent,r.abrupt("return",o);case 7:case"end":return r.stop()}}),r)}))),function(r){return t.apply(this,arguments)}),getNextPageParam:function(r){return function(r,n){return Q(r,n)}(r,S)}}),ar=ir.error,lr=ir.hasMore,cr=ir.loadMore,fr=ir.loading,sr=ir.pages,vr=ir.reset;(0,m.useEffect)((function(){vr()}),[u,tr,S,vr]);var dr=tr&&"auto"===w&&ur&&!fr&&lr;(0,m.useEffect)((function(){dr&&cr()}),[dr,cr]);var br=(0,m.useMemo)((function(){var r=sr.flatMap((function(r){return function(r,n){if(!r)return[];var t=Q(r,n);return t?(Array.isArray(t)||(t=[t]),t):[]}(r,c)}));return g>0&&r.length>g&&(r=r.slice(0,g)),r.map((function(r,n){var t=A(r);return t&&"object"===s(t)&&"string"==typeof t.__html&&(t=p.createElement("span",{dangerouslySetInnerHTML:t})),Z(t,{"key":n,"role":"listitem"})}))}),[sr,c,g,A]),pr=fr,mr=0!==br.length,yr="manual"===w&&lr&&!fr;(0,m.useImperativeHandle)(n,(function(){return{refresh:vr}}),[vr]);var gr=U;return p.createElement(R,f(f({"aria-live":"polite"},nr),{},{onClick:function(r){r.target.closest("[load-more-button], [load-more-retry]")&&cr()}}),p.createElement(y,{"test-id":"contents"},mr&&Z(I(br),{"role":"list"}),pr&&X(gr),yr&&L(gr),ar&&rr(gr,ar),"auto"===w&&p.createElement("span",{ref:or})))}var Y=k(X);function Z(r,n){return(0,p.isValidElement)(r)?(0,p.cloneElement)(r,f(f({},n),r.props)):r} | ||
/*! https://mths.be/cssescape v1.5.1 by @mathias | MIT license */Y.displayName="List"; | ||
var r=Object.create,e=Object.defineProperty,n=Object.getOwnPropertyDescriptor,t=Object.getOwnPropertyNames,o=Object.getPrototypeOf,u=Object.prototype.hasOwnProperty,i=function(r){return e(r,"__esModule",{value:!0})},a=function(a){return function(r,o,i){if(o&&"object"==typeof o||"function"==typeof o)for(var a,c=t(o),f=0,l=c.length;f<l;f++)a=c[f],u.call(r,a)||"default"===a||e(r,a,{get:function(r){return o[r]}.bind(null,a),enumerable:!(i=n(o,a))||i.enumerable});return r}(i(e(null!=a?r(o(a)):{},"default",a&&a.__esModule&&"default"in a?{get:function(){return a.default},enumerable:!0}:{value:a,enumerable:!0})),a)};function c(r,e,n){return e in r?Object.defineProperty(r,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):r[e]=n,r}function f(r,e){var n=Object.keys(r);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(r);e&&(t=t.filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),n.push.apply(n,t)}return n}function l(r){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?f(Object(n),!0).forEach((function(e){c(r,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(n)):f(Object(n)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(n,e))}))}return r}function s(r){return(s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(r){return typeof r}:function(r){return r&&"function"==typeof Symbol&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r})(r)}function v(r,e,n,t,o,u,i){try{var a=r[u](i),c=a.value}catch(r){return void n(r)}a.done?e(c):Promise.resolve(c).then(t,o)}function d(r){return function(){var e=this,n=arguments;return new Promise((function(t,o){var u=r.apply(e,n);function i(r){v(u,t,o,i,a,"next",r)}function a(r){v(u,t,o,i,a,"throw",r)}i(void 0)}))}}!function(r,n){for(var t in i(r),n)e(r,t,{get:n[t],enumerable:!0})}(exports,{BentoList:function(){return K},BentoListWithRef:function(){return H}});var b=a(require("@bentoproject/core")),p=a(require("@bentoproject/core")),m=a(require("@bentoproject/core")),y=a(require("@bentoproject/core"));function g(r,e){(null==e||e>r.length)&&(e=r.length);for(var n=0,t=new Array(e);n<e;n++)t[n]=r[n];return t}function h(r,e){if(r){if("string"==typeof r)return g(r,e);var n=Object.prototype.toString.call(r).slice(8,-1);return"Object"===n&&r.constructor&&(n=r.constructor.name),"Map"===n||"Set"===n?Array.from(r):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?g(r,e):void 0}}function j(r,e){return function(r){if(Array.isArray(r))return r}(r)||function(r,e){var n=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=n){var t,o,u=[],i=!0,a=!1;try{for(n=n.call(r);!(i=(t=n.next()).done)&&(u.push(t.value),!e||u.length!==e);i=!0);}catch(r){a=!0,o=r}finally{try{i||null==n.return||n.return()}finally{if(a)throw o}}return u}}(r,e)||h(r,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}Array.isArray;var w=Object.prototype;function O(r){return(r.ownerDocument||r).defaultView}function M(r){return r.parent&&r.parent!=r}function S(r,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},t=n.needsRootBounds,o=n.rootMargin,u=n.threshold,i=M(e)&&(t||o)?e.document:void 0;return new e.IntersectionObserver(r,{threshold:u,root:i,rootMargin:o})}w.hasOwnProperty,w.toString;var k=new WeakMap,x=new WeakMap;function A(r){for(var e=new Set,n=r.length-1;n>=0;n--){var t=r[n],o=t.target;if(!e.has(o)){e.add(o);var u=x.get(o);if(u)for(var i=0;i<u.length;i++)(0,u[i])(t)}}}var q=a(require("@bentoproject/core")),P=a(require("@bentoproject/core"));function I(r){return function(r){if(Array.isArray(r))return g(r)}(r)||function(r){if("undefined"!=typeof Symbol&&null!=r[Symbol.iterator]||null!=r["@@iterator"])return Array.from(r)}(r)||h(r)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var R=a(require("@bentoproject/core")),L=a(require("@bentoproject/core")),T=a(require("@bentoproject/core")),B={loading:!1,error:null,pages:[],hasMore:!0},C={fetchJson:function(r,e){return this.fetch(r,e).then((function(r){return r.json()}))},fetch:function(r,e){return d(regeneratorRuntime.mark((function n(){var t;return regeneratorRuntime.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,self.fetch(r,e);case 2:if((t=n.sent).ok){n.next=5;break}throw new Error(t.statusText);case 5:return n.abrupt("return",t);case 6:case"end":return n.stop()}}),n)})))()}},E={loadMoreSpinner:"load-more-spinner-cc33818",loadMoreIcon:"load-more-icon-cc33818"},W=("url('data:image/svg+xml;charset=utf-8,".concat('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"><defs><linearGradient id="grad"><stop stop-color="rgb(51,51,51)" stop-opacity=".75"></stop><stop offset="100%" stop-color="rgb(51,51,51)" stop-opacity="0"></stop></linearGradient></defs><path d="M11,4.4 A18,18, 0,1,0, 38,20" fill="none" stroke="url(%23grad)" stroke-width="1.725"></path></svg>',"')"),"url('data:image/svg+xml;charset=utf-8,".concat('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z"></path></svg>',"')"),["src","fetchJson","itemsKey","maxItems","loadMore","loadMoreBookmark","viewportBuffer","template","wrapperTemplate","loadMoreTemplate","loadingTemplate","errorTemplate"]),G=function(r){return b.createElement("div",null,String(r))},J=function(r){return b.createElement("div",null,r)},N=function(r,e){return b.createElement("div",null,"Unable to Load More ",b.createElement("button",{"load-more-retry":!0},b.createElement("label",null,b.createElement("span",{class:r.loadMoreIcon})," Retry")))},U=function(){return b.createElement("div",null,b.createElement("button",{"load-more-button":!0},b.createElement("label",null,"See More")))},_=function(r){return b.createElement("div",null,b.createElement("span",{"aria-label":"Loading",class:r.loadMoreSpinner}))};function z(r,e){return e.split(".").reduce((function(r,e){return r&&""!==e?r[e]:r}),r)}function H(r,e){var n,t=r.src,o=void 0===t?null:t,u=r.fetchJson,i=void 0===u?C.fetchJson:u,a=r.itemsKey,c=void 0===a?"items":a,f=r.maxItems,v=void 0===f?0:f,m=r.loadMore,g=void 0===m?"none":m,h=r.loadMoreBookmark,w=void 0===h?"load-more-src":h,M=r.viewportBuffer,H=void 0===M?2:M,K=r.template,$=void 0===K?G:K,D=r.wrapperTemplate,F=void 0===D?J:D,Q=r.loadMoreTemplate,X=void 0===Q?U:Q,Y=r.loadingTemplate,Z=void 0===Y?_:Y,rr=r.errorTemplate,er=void 0===rr?N:rr,nr=function(r,e){if(null==r)return{};var n,t,o={},u=Object.keys(r);for(t=0;t<u.length;t++)n=u[t],e.indexOf(n)>=0||(o[n]=r[n]);return o}(r,W),tr=(0,P.useAmpContext)().renderable,or=(0,p.useMemo)((function(){var r=Math.floor(100*H);return{rootMargin:"0% 0% ".concat(r,"% 0%"),threshold:0}}),[H]),ur=(0,p.useRef)(null),ir=function(r,e){var n=j((0,q.useState)(!1),2),t=n[0],o=n[1];return(0,q.useEffect)((function(){var n=r.current;if(n)return function(r,e,n){var t=O(r);if(n){var o=S((function(r){e(r[r.length-1])}),t,n);return o.observe(r),function(){o.unobserve(r)}}var u=k.get(t);u||k.set(t,u=S(A,t));var i=x.get(r);return i||(i=[],x.set(r,i)),i.push(e),u.observe(r),function(){!function(r,e){var n,t,o,u=x.get(r);if(u&&(t=e,-1!=(o=(n=u).indexOf(t))&&(n.splice(o,1),1)&&!u.length)){var i=O(r),a=k.get(i);null==a||a.unobserve(r),x.delete(r)}}(r,e)}}(n,(function(r){o(r.isIntersecting)}),e)}),[r,e]),t}(ur,or),ar=function(r){var e=r.fetchPage,n=r.getNextPageParam,t=function(r){var e=(0,T.useRef)(!1);(0,T.useEffect)((function(){return e.current=!0,function(){e.current=!1}}),[]);var n=j((0,T.useState)(r),2),t=n[0],o=n[1];return[t,(0,T.useCallback)((function(r){e.current&&o(r)}),[o])]}(B),o=j(t,2),u=o[0],i=o[1],a=(0,L.useValueRef)({fetchPage:e,getNextPageParam:n,state:u}),c=(0,R.useRef)(0),f=(0,R.useCallback)(d(regeneratorRuntime.mark((function r(){var e,n,t,o,u,f,s,v,d,b,p=arguments;return regeneratorRuntime.wrap((function(r){for(;;)switch(r.prev=r.next){case 0:if(e=p.length>0&&void 0!==p[0]&&p[0],n=a.current,t=n.fetchPage,o=n.getNextPageParam,u=n.state,e||!u.loading){r.next=4;break}return r.abrupt("return");case 4:return f=++c.current,i((function(r){return l(l({},r),{},{loading:!0})})),s=e?[]:u.pages,v=s.length?s[s.length-1]:void 0,r.prev=8,r.next=11,t({pageParam:v?o(v):void 0});case 11:if(d=r.sent,f===c.current){r.next=14;break}return r.abrupt("return");case 14:b=o(d),i({loading:!1,error:null,pages:[].concat(I(s),[d]),hasMore:null!=b}),r.next=23;break;case 18:if(r.prev=18,r.t0=r.catch(8),f===c.current){r.next=22;break}return r.abrupt("return");case 22:i((function(e){return l(l({},e),{},{loading:!1,error:r.t0})}));case 23:case"end":return r.stop()}}),r,null,[[8,18]])}))),[a,i]),s=(0,R.useCallback)((function(){return f(!0)}),[f]);return l(l({},u),{},{loadMore:f,reset:s})}({fetchPage:(n=d(regeneratorRuntime.mark((function r(e){var n,t,u;return regeneratorRuntime.wrap((function(r){for(;;)switch(r.prev=r.next){case 0:if(n=e.pageParam,t=void 0===n?o:n,tr){r.next=3;break}return r.abrupt("return",null);case 3:return r.next=5,i(t);case 5:return u=r.sent,r.abrupt("return",u);case 7:case"end":return r.stop()}}),r)}))),function(r){return n.apply(this,arguments)}),getNextPageParam:function(r){return function(r,e){return z(r,e)}(r,w)}}),cr=ar.error,fr=ar.hasMore,lr=ar.loadMore,sr=ar.loading,vr=ar.pages,dr=ar.reset;(0,p.useEffect)((function(){dr()}),[o,tr,w,dr]);var br=tr&&"auto"===g&&ir&&!sr&&fr;(0,p.useEffect)((function(){br&&lr()}),[br,lr]);var pr=(0,p.useMemo)((function(){var r=vr.flatMap((function(r){return function(r,e){if(!r)return[];var n=z(r,e);return n?(Array.isArray(n)||(n=[n]),n):[]}(r,c)}));return v>0&&r.length>v&&(r=r.slice(0,v)),r.map((function(r,e){var n=$(r);return n&&"object"===s(n)&&"string"==typeof n.__html&&(n=b.createElement("span",{dangerouslySetInnerHTML:n})),V(n,{"key":e,"role":"listitem"})}))}),[vr,c,v,$]),mr=sr,yr=0!==pr.length,gr="manual"===g&&fr&&!sr;(0,p.useImperativeHandle)(e,(function(){return{refresh:dr}}),[dr]);var hr=E;return b.createElement(y.ContainWrapper,l(l({"aria-live":"polite"},nr),{},{onClick:function(r){r.target.closest("[load-more-button], [load-more-retry]")&&lr()}}),b.createElement(p.Fragment,{"test-id":"contents"},yr&&V(F(pr),{"role":"list"}),mr&&Z(hr),gr&&X(hr),cr&&er(hr,cr),"auto"===g&&b.createElement("span",{ref:ur})))}var K=(0,m.forwardRef)(H);function V(r,e){return(0,p.isValidElement)(r)?(0,p.cloneElement)(r,l(l({},e),r.props)):r} | ||
/*! https://mths.be/cssescape v1.5.1 by @mathias | MIT license */K.displayName="List"; | ||
//# sourceMappingURL=component-preact.js.map |
@@ -41,233 +41,7 @@ var __create = Object.create; | ||
}); | ||
var Preact = __toModule(require("@bentoproject/core")); | ||
var import_preact = __toModule(require("@bentoproject/core")); | ||
var import_compat = __toModule(require("@bentoproject/core")); | ||
var import_component2 = __toModule(require("@bentoproject/core")); | ||
// src/preact/index.js | ||
var import_dom = __toModule(require("preact")); | ||
var import_preact = __toModule(require("preact")); | ||
var import_hooks = __toModule(require("preact/hooks")); | ||
function Fragment(props) { | ||
return props.children; | ||
} | ||
// src/preact/compat.js | ||
var import_preact2 = __toModule(require("preact")); | ||
// src/core/mode/prod.js | ||
function isProd() { | ||
return false; | ||
} | ||
// src/preact/compat.js | ||
var _excluded = ["ref"]; | ||
function _objectWithoutPropertiesLoose(source, excluded) { | ||
if (source == null) | ||
return {}; | ||
var target = {}; | ||
var sourceKeys = Object.keys(source); | ||
var key, i; | ||
for (i = 0; i < sourceKeys.length; i++) { | ||
key = sourceKeys[i]; | ||
if (excluded.indexOf(key) >= 0) | ||
continue; | ||
target[key] = source[key]; | ||
} | ||
return target; | ||
} | ||
var REACT_FORWARD_SYMBOL = typeof Symbol !== "undefined" && (Symbol.for == null ? void 0 : Symbol.for("react.forward_ref")) || 3911; | ||
var diffKey = "__b"; | ||
var oldDiff = import_preact2.options[diffKey]; | ||
import_preact2.options[diffKey] = newDiff; | ||
function newDiff(vnode) { | ||
var _vnode$type; | ||
if ((_vnode$type = vnode["type"]) != null && _vnode$type.forwardRef_ && vnode["ref"]) { | ||
vnode["props"]["ref"] = vnode["ref"]; | ||
vnode["ref"] = null; | ||
} | ||
oldDiff == null ? void 0 : oldDiff(vnode); | ||
} | ||
var forwardRef = function forwardRef2(Component) { | ||
function Forward(props) { | ||
var ref = props.ref, clone = _objectWithoutPropertiesLoose(props, _excluded); | ||
return Component(clone, ref); | ||
} | ||
Forward.$$typeof = REACT_FORWARD_SYMBOL; | ||
Forward.render = Forward; | ||
Forward.prototype.isReactComponent = true; | ||
Forward.forwardRef_ = true; | ||
if (!isProd()) { | ||
Forward.displayName = "ForwardRef(" + (Component.displayName || Component.name) + ")"; | ||
} | ||
return Forward; | ||
}; | ||
// src/core/constants/loading-instructions.js | ||
var _MAP; | ||
var Loading_Enum = { | ||
AUTO: "auto", | ||
LAZY: "lazy", | ||
EAGER: "eager", | ||
UNLOAD: "unload" | ||
}; | ||
var ORDER = [Loading_Enum.AUTO, Loading_Enum.LAZY, Loading_Enum.EAGER, Loading_Enum.UNLOAD]; | ||
var MAP = (_MAP = {}, _MAP[Loading_Enum.AUTO] = 0, _MAP[Loading_Enum.LAZY] = 1, _MAP[Loading_Enum.EAGER] = 2, _MAP[Loading_Enum.UNLOAD] = 3, _MAP); | ||
// src/preact/context.tsx | ||
var context; | ||
function getAmpContext() { | ||
return context || (context = (0, import_preact.createContext)({ | ||
renderable: true, | ||
playable: true, | ||
loading: Loading_Enum.AUTO | ||
})); | ||
} | ||
function useAmpContext() { | ||
var AmpContext = getAmpContext(); | ||
return (0, import_hooks.useContext)(AmpContext); | ||
} | ||
// src/preact/utils.js | ||
function propName(name) { | ||
return name; | ||
} | ||
// src/preact/component/contain.jsx | ||
function _extends() { | ||
_extends = Object.assign || function(target) { | ||
for (var i = 1; i < arguments.length; i++) { | ||
var source = arguments[i]; | ||
for (var key in source) { | ||
if (Object.prototype.hasOwnProperty.call(source, key)) { | ||
target[key] = source[key]; | ||
} | ||
} | ||
} | ||
return target; | ||
}; | ||
return _extends.apply(this, arguments); | ||
} | ||
function _objectWithoutPropertiesLoose2(source, excluded) { | ||
if (source == null) | ||
return {}; | ||
var target = {}; | ||
var sourceKeys = Object.keys(source); | ||
var key, i; | ||
for (i = 0; i < sourceKeys.length; i++) { | ||
key = sourceKeys[i]; | ||
if (excluded.indexOf(key) >= 0) | ||
continue; | ||
target[key] = source[key]; | ||
} | ||
return target; | ||
} | ||
function _toPropertyKey(arg) { | ||
var key = _toPrimitive(arg, "string"); | ||
return typeof key === "symbol" ? key : String(key); | ||
} | ||
function _toPrimitive(input, hint) { | ||
if (typeof input !== "object" || input === null) | ||
return input; | ||
var prim = input[Symbol.toPrimitive]; | ||
if (prim !== void 0) { | ||
var res = prim.call(input, hint || "default"); | ||
if (typeof res !== "object") | ||
return res; | ||
throw new TypeError("@@toPrimitive must return a primitive value."); | ||
} | ||
return (hint === "string" ? String : Number)(input); | ||
} | ||
var CONTAIN = [ | ||
null, | ||
"paint", | ||
"layout", | ||
"content", | ||
"size", | ||
"size paint", | ||
"size layout", | ||
"strict" | ||
]; | ||
var SIZE_CONTENT_STYLE = { | ||
"position": "relative", | ||
"width": "100%", | ||
"height": "100%" | ||
}; | ||
function ContainWrapperWithRef(_ref, ref) { | ||
var _propName = propName("class"), _ref$as = _ref.as, Comp = _ref$as === void 0 ? "div" : _ref$as, children = _ref.children, _ref$contentAs = _ref.contentAs, ContentComp = _ref$contentAs === void 0 ? "div" : _ref$contentAs, contentClassName = _ref.contentClassName, contentProps = _ref.contentProps, contentRef = _ref.contentRef, contentStyle = _ref.contentStyle, _ref$layout = _ref.layout, layout = _ref$layout === void 0 ? false : _ref$layout, _ref$paint = _ref.paint, paint = _ref$paint === void 0 ? false : _ref$paint, _ref$size = _ref.size, size = _ref$size === void 0 ? false : _ref$size, style = _ref["style"], wrapperClassName = _ref.wrapperClassName, wrapperStyle = _ref.wrapperStyle, className = _ref[_propName], rest = _objectWithoutPropertiesLoose2(_ref, ["as", "children", "contentAs", "contentClassName", "contentProps", "contentRef", "contentStyle", "layout", "paint", "size", "style", "wrapperClassName", "wrapperStyle", _propName].map(_toPropertyKey)); | ||
var containIndex = (size ? 4 : 0) + (layout ? 2 : 0) + (paint ? 1 : 0); | ||
return import_preact.createElement(Comp, _extends({}, rest, { | ||
ref: ref, | ||
class: ((className || "") + " " + (wrapperClassName || "")).trim() || null, | ||
style: _extends({}, style, wrapperStyle, { | ||
contain: CONTAIN[containIndex] | ||
}) | ||
}), import_preact.createElement(ContentComp, _extends({}, contentProps, { | ||
ref: contentRef, | ||
class: contentClassName, | ||
style: _extends({}, size && SIZE_CONTENT_STYLE, { | ||
"overflow": paint ? "hidden" : "visible" | ||
}, contentStyle) | ||
}), children)); | ||
} | ||
var ContainWrapper = forwardRef(ContainWrapperWithRef); | ||
// src/preact/component/wrapper.js | ||
function _extends2() { | ||
_extends2 = Object.assign || function(target) { | ||
for (var i = 1; i < arguments.length; i++) { | ||
var source = arguments[i]; | ||
for (var key in source) { | ||
if (Object.prototype.hasOwnProperty.call(source, key)) { | ||
target[key] = source[key]; | ||
} | ||
} | ||
} | ||
return target; | ||
}; | ||
return _extends2.apply(this, arguments); | ||
} | ||
function _objectWithoutPropertiesLoose3(source, excluded) { | ||
if (source == null) | ||
return {}; | ||
var target = {}; | ||
var sourceKeys = Object.keys(source); | ||
var key, i; | ||
for (i = 0; i < sourceKeys.length; i++) { | ||
key = sourceKeys[i]; | ||
if (excluded.indexOf(key) >= 0) | ||
continue; | ||
target[key] = source[key]; | ||
} | ||
return target; | ||
} | ||
function _toPropertyKey2(arg) { | ||
var key = _toPrimitive2(arg, "string"); | ||
return typeof key === "symbol" ? key : String(key); | ||
} | ||
function _toPrimitive2(input, hint) { | ||
if (typeof input !== "object" || input === null) | ||
return input; | ||
var prim = input[Symbol.toPrimitive]; | ||
if (prim !== void 0) { | ||
var res = prim.call(input, hint || "default"); | ||
if (typeof res !== "object") | ||
return res; | ||
throw new TypeError("@@toPrimitive must return a primitive value."); | ||
} | ||
return (hint === "string" ? String : Number)(input); | ||
} | ||
function WrapperWithRef(_ref, ref) { | ||
var _propName = propName("class"), _ref$as = _ref.as, Comp = _ref$as === void 0 ? "div" : _ref$as, children = _ref.children, style = _ref["style"], wrapperClassName = _ref.wrapperClassName, wrapperStyle = _ref.wrapperStyle, className = _ref[_propName], rest = _objectWithoutPropertiesLoose3(_ref, ["as", "children", "style", "wrapperClassName", "wrapperStyle", _propName].map(_toPropertyKey2)); | ||
return import_preact.createElement(Comp, _extends2({}, rest, { | ||
ref: ref, | ||
class: ((className || "") + " " + (wrapperClassName || "")).trim() || null, | ||
style: _extends2({}, style, wrapperStyle) | ||
}), children); | ||
} | ||
var Wrapper = forwardRef(WrapperWithRef); | ||
// src/preact/component/value-ref.ts | ||
function useValueRef(current) { | ||
var valueRef = (0, import_hooks.useRef)(null); | ||
valueRef.current = current; | ||
return valueRef; | ||
} | ||
// src/core/types/array.js | ||
@@ -380,5 +154,6 @@ var isArray = Array.isArray; | ||
// src/preact/component/intersection-observer.js | ||
var import__2 = __toModule(require("@bentoproject/core")); | ||
function useIsInViewport(ref, ioOptions) { | ||
var _useState = (0, import_hooks.useState)(false), isInViewport = _useState[0], setIsInViewport = _useState[1]; | ||
(0, import_hooks.useEffect)(function() { | ||
var _useState = (0, import__2.useState)(false), isInViewport = _useState[0], setIsInViewport = _useState[1]; | ||
(0, import__2.useEffect)(function() { | ||
var node = ref.current; | ||
@@ -396,6 +171,14 @@ if (!node) { | ||
// extensions/amp-list/1.0/component.js | ||
var import_context = __toModule(require("@bentoproject/core")); | ||
// src/preact/hooks/useInfiniteQuery.ts | ||
var import__4 = __toModule(require("@bentoproject/core")); | ||
var import_component = __toModule(require("@bentoproject/core")); | ||
// src/preact/hooks/useStateSafe.ts | ||
var import__3 = __toModule(require("@bentoproject/core")); | ||
function useStateSafe(initialState2) { | ||
var isMounted = (0, import_hooks.useRef)(false); | ||
(0, import_hooks.useEffect)(function() { | ||
var isMounted = (0, import__3.useRef)(false); | ||
(0, import__3.useEffect)(function() { | ||
isMounted.current = true; | ||
@@ -406,4 +189,4 @@ return function() { | ||
}, []); | ||
var _useState = (0, import_hooks.useState)(initialState2), state = _useState[0], setState = _useState[1]; | ||
var setStateSafe = (0, import_hooks.useCallback)(function(newState) { | ||
var _useState = (0, import__3.useState)(initialState2), state = _useState[0], setState = _useState[1]; | ||
var setStateSafe = (0, import__3.useCallback)(function(newState) { | ||
if (!isMounted.current) { | ||
@@ -418,4 +201,4 @@ return; | ||
// src/preact/hooks/useInfiniteQuery.ts | ||
function _extends3() { | ||
_extends3 = Object.assign || function(target) { | ||
function _extends() { | ||
_extends = Object.assign || function(target) { | ||
for (var i = 1; i < arguments.length; i++) { | ||
@@ -431,3 +214,3 @@ var source = arguments[i]; | ||
}; | ||
return _extends3.apply(this, arguments); | ||
return _extends.apply(this, arguments); | ||
} | ||
@@ -472,3 +255,3 @@ function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { | ||
var _useStateSafe = useStateSafe(initialState), state = _useStateSafe[0], setState = _useStateSafe[1]; | ||
var ref = useValueRef({ | ||
var ref = (0, import_component.useValueRef)({ | ||
fetchPage: fetchPage, | ||
@@ -478,4 +261,4 @@ getNextPageParam: getNextPageParam, | ||
}); | ||
var fetchIndexRef = (0, import_hooks.useRef)(0); | ||
var loadMore = (0, import_hooks.useCallback)(/* @__PURE__ */ function() { | ||
var fetchIndexRef = (0, import__4.useRef)(0); | ||
var loadMore = (0, import__4.useCallback)(/* @__PURE__ */ function() { | ||
var _ref2 = _asyncToGenerator(/* @__PURE__ */ regeneratorRuntime.mark(function _callee(resetting) { | ||
@@ -499,3 +282,3 @@ var _ref$current, fetchPage2, getNextPageParam2, state2, fetchIndex, pages, lastPage, newPage, nextPageParam; | ||
setState(function(s) { | ||
return _extends3({}, s, { | ||
return _extends({}, s, { | ||
loading: true | ||
@@ -538,3 +321,3 @@ }); | ||
setState(function(s) { | ||
return _extends3({}, s, { | ||
return _extends({}, s, { | ||
loading: false, | ||
@@ -555,6 +338,6 @@ error: _context.t0 | ||
}(), [ref, setState]); | ||
var reset = (0, import_hooks.useCallback)(function() { | ||
var reset = (0, import__4.useCallback)(function() { | ||
return loadMore(true); | ||
}, [loadMore]); | ||
return _extends3({}, state, { | ||
return _extends({}, state, { | ||
loadMore: loadMore, | ||
@@ -656,5 +439,5 @@ reset: reset | ||
// extensions/amp-list/1.0/component.js | ||
var _excluded2 = ["src", "fetchJson", "itemsKey", "maxItems", "loadMore", "loadMoreBookmark", "viewportBuffer", "template", "wrapperTemplate", "loadMoreTemplate", "loadingTemplate", "errorTemplate"]; | ||
function _extends4() { | ||
_extends4 = Object.assign || function(target) { | ||
var _excluded = ["src", "fetchJson", "itemsKey", "maxItems", "loadMore", "loadMoreBookmark", "viewportBuffer", "template", "wrapperTemplate", "loadMoreTemplate", "loadingTemplate", "errorTemplate"]; | ||
function _extends2() { | ||
_extends2 = Object.assign || function(target) { | ||
for (var i = 1; i < arguments.length; i++) { | ||
@@ -670,3 +453,3 @@ var source = arguments[i]; | ||
}; | ||
return _extends4.apply(this, arguments); | ||
return _extends2.apply(this, arguments); | ||
} | ||
@@ -702,3 +485,3 @@ function asyncGeneratorStep3(gen, resolve, reject, _next, _throw, key, arg) { | ||
} | ||
function _objectWithoutPropertiesLoose4(source, excluded) { | ||
function _objectWithoutPropertiesLoose(source, excluded) { | ||
if (source == null) | ||
@@ -718,11 +501,11 @@ return {}; | ||
var defaultItemTemplate = function defaultItemTemplate2(item) { | ||
return import_preact.createElement("div", null, String(item)); | ||
return Preact.createElement("div", null, String(item)); | ||
}; | ||
var defaultWrapperTemplate = function defaultWrapperTemplate2(list) { | ||
return import_preact.createElement("div", null, list); | ||
return Preact.createElement("div", null, list); | ||
}; | ||
var defaultErrorTemplate = function defaultErrorTemplate2(styles, unusedError) { | ||
return import_preact.createElement("div", null, "Unable to Load More ", import_preact.createElement("button", { | ||
return Preact.createElement("div", null, "Unable to Load More ", Preact.createElement("button", { | ||
"load-more-retry": true | ||
}, import_preact.createElement("label", null, import_preact.createElement("span", { | ||
}, Preact.createElement("label", null, Preact.createElement("span", { | ||
class: styles.loadMoreIcon | ||
@@ -732,8 +515,8 @@ }), " Retry"))); | ||
var defaultLoadMoreTemplate = function defaultLoadMoreTemplate2() { | ||
return import_preact.createElement("div", null, import_preact.createElement("button", { | ||
return Preact.createElement("div", null, Preact.createElement("button", { | ||
"load-more-button": true | ||
}, import_preact.createElement("label", null, "See More"))); | ||
}, Preact.createElement("label", null, "See More"))); | ||
}; | ||
var defaultLoadingTemplate = function defaultLoadingTemplate2(styles) { | ||
return import_preact.createElement("div", null, import_preact.createElement("span", { | ||
return Preact.createElement("div", null, Preact.createElement("span", { | ||
"aria-label": "Loading", | ||
@@ -768,5 +551,5 @@ class: styles.loadMoreSpinner | ||
function BentoListWithRef(_ref, ref) { | ||
var _ref$src = _ref.src, src = _ref$src === void 0 ? null : _ref$src, _ref$fetchJson = _ref.fetchJson, fetchJson2 = _ref$fetchJson === void 0 ? xhrUtils.fetchJson : _ref$fetchJson, _ref$itemsKey = _ref.itemsKey, itemsKey = _ref$itemsKey === void 0 ? "items" : _ref$itemsKey, _ref$maxItems = _ref.maxItems, maxItems = _ref$maxItems === void 0 ? 0 : _ref$maxItems, _ref$loadMore = _ref.loadMore, loadMoreMode = _ref$loadMore === void 0 ? "none" : _ref$loadMore, _ref$loadMoreBookmark = _ref.loadMoreBookmark, loadMoreBookmark = _ref$loadMoreBookmark === void 0 ? "load-more-src" : _ref$loadMoreBookmark, _ref$viewportBuffer = _ref.viewportBuffer, viewportBuffer = _ref$viewportBuffer === void 0 ? 2 : _ref$viewportBuffer, _ref$template = _ref.template, itemTemplate = _ref$template === void 0 ? defaultItemTemplate : _ref$template, _ref$wrapperTemplate = _ref.wrapperTemplate, wrapperTemplate = _ref$wrapperTemplate === void 0 ? defaultWrapperTemplate : _ref$wrapperTemplate, _ref$loadMoreTemplate = _ref.loadMoreTemplate, loadMoreTemplate = _ref$loadMoreTemplate === void 0 ? defaultLoadMoreTemplate : _ref$loadMoreTemplate, _ref$loadingTemplate = _ref.loadingTemplate, loadingTemplate = _ref$loadingTemplate === void 0 ? defaultLoadingTemplate : _ref$loadingTemplate, _ref$errorTemplate = _ref.errorTemplate, errorTemplate = _ref$errorTemplate === void 0 ? defaultErrorTemplate : _ref$errorTemplate, rest = _objectWithoutPropertiesLoose4(_ref, _excluded2); | ||
var _useAmpContext = useAmpContext(), renderable = _useAmpContext.renderable; | ||
var ioOptions = (0, import_hooks.useMemo)(function() { | ||
var _ref$src = _ref.src, src = _ref$src === void 0 ? null : _ref$src, _ref$fetchJson = _ref.fetchJson, fetchJson2 = _ref$fetchJson === void 0 ? xhrUtils.fetchJson : _ref$fetchJson, _ref$itemsKey = _ref.itemsKey, itemsKey = _ref$itemsKey === void 0 ? "items" : _ref$itemsKey, _ref$maxItems = _ref.maxItems, maxItems = _ref$maxItems === void 0 ? 0 : _ref$maxItems, _ref$loadMore = _ref.loadMore, loadMoreMode = _ref$loadMore === void 0 ? "none" : _ref$loadMore, _ref$loadMoreBookmark = _ref.loadMoreBookmark, loadMoreBookmark = _ref$loadMoreBookmark === void 0 ? "load-more-src" : _ref$loadMoreBookmark, _ref$viewportBuffer = _ref.viewportBuffer, viewportBuffer = _ref$viewportBuffer === void 0 ? 2 : _ref$viewportBuffer, _ref$template = _ref.template, itemTemplate = _ref$template === void 0 ? defaultItemTemplate : _ref$template, _ref$wrapperTemplate = _ref.wrapperTemplate, wrapperTemplate = _ref$wrapperTemplate === void 0 ? defaultWrapperTemplate : _ref$wrapperTemplate, _ref$loadMoreTemplate = _ref.loadMoreTemplate, loadMoreTemplate = _ref$loadMoreTemplate === void 0 ? defaultLoadMoreTemplate : _ref$loadMoreTemplate, _ref$loadingTemplate = _ref.loadingTemplate, loadingTemplate = _ref$loadingTemplate === void 0 ? defaultLoadingTemplate : _ref$loadingTemplate, _ref$errorTemplate = _ref.errorTemplate, errorTemplate = _ref$errorTemplate === void 0 ? defaultErrorTemplate : _ref$errorTemplate, rest = _objectWithoutPropertiesLoose(_ref, _excluded); | ||
var _useAmpContext = (0, import_context.useAmpContext)(), renderable = _useAmpContext.renderable; | ||
var ioOptions = (0, import_preact.useMemo)(function() { | ||
var bufferPct = Math.floor(viewportBuffer * 100); | ||
@@ -778,3 +561,3 @@ return { | ||
}, [viewportBuffer]); | ||
var bottomRef = (0, import_hooks.useRef)(null); | ||
var bottomRef = (0, import_preact.useRef)(null); | ||
var isBottomNearingViewport = useIsInViewport(bottomRef, ioOptions); | ||
@@ -817,7 +600,7 @@ var _useInfiniteQuery = useInfiniteQuery({ | ||
}), error = _useInfiniteQuery.error, hasMore = _useInfiniteQuery.hasMore, loadMore = _useInfiniteQuery.loadMore, loading = _useInfiniteQuery.loading, pages = _useInfiniteQuery.pages, reset = _useInfiniteQuery.reset; | ||
(0, import_hooks.useEffect)(function() { | ||
(0, import_preact.useEffect)(function() { | ||
reset(); | ||
}, [src, renderable, loadMoreBookmark, reset]); | ||
var shouldLoadMore = renderable && loadMoreMode === "auto" && isBottomNearingViewport && !loading && hasMore; | ||
(0, import_hooks.useEffect)(function() { | ||
(0, import_preact.useEffect)(function() { | ||
if (shouldLoadMore) { | ||
@@ -827,3 +610,3 @@ loadMore(); | ||
}, [shouldLoadMore, loadMore]); | ||
var list = (0, import_hooks.useMemo)(function() { | ||
var list = (0, import_preact.useMemo)(function() { | ||
var items = pages.flatMap(function(page) { | ||
@@ -838,3 +621,3 @@ return getItemsFromPage(page, itemsKey); | ||
if (renderedItem && typeof renderedItem === "object" && typeof renderedItem.__html === "string") { | ||
renderedItem = import_preact.createElement("span", { | ||
renderedItem = Preact.createElement("span", { | ||
dangerouslySetInnerHTML: renderedItem | ||
@@ -858,3 +641,3 @@ }); | ||
var showLoadMore = loadMoreMode === "manual" && hasMore && !loading; | ||
(0, import_hooks.useImperativeHandle)(ref, function() { | ||
(0, import_preact.useImperativeHandle)(ref, function() { | ||
return { | ||
@@ -865,15 +648,15 @@ refresh: reset | ||
var styles = useStyles(); | ||
return import_preact.createElement(ContainWrapper, _extends4({ | ||
return Preact.createElement(import_component2.ContainWrapper, _extends2({ | ||
"aria-live": "polite" | ||
}, rest, { | ||
onClick: handleContainerClick | ||
}), import_preact.createElement(Fragment, { | ||
}), Preact.createElement(import_preact.Fragment, { | ||
"test-id": "contents" | ||
}, showResults && augment(wrapperTemplate(list), { | ||
"role": "list" | ||
}), showLoading && loadingTemplate(styles), showLoadMore && loadMoreTemplate(styles), error && errorTemplate(styles, error), loadMoreMode === "auto" && import_preact.createElement("span", { | ||
}), showLoading && loadingTemplate(styles), showLoadMore && loadMoreTemplate(styles), error && errorTemplate(styles, error), loadMoreMode === "auto" && Preact.createElement("span", { | ||
ref: bottomRef | ||
}))); | ||
} | ||
var BentoList = forwardRef(BentoListWithRef); | ||
var BentoList = (0, import_compat.forwardRef)(BentoListWithRef); | ||
BentoList.displayName = "List"; | ||
@@ -884,3 +667,3 @@ function augment(component, props) { | ||
} | ||
return (0, import_preact.cloneElement)(component, _extends4({}, props, component.props)); | ||
return (0, import_preact.cloneElement)(component, _extends2({}, props, component.props)); | ||
} | ||
@@ -887,0 +670,0 @@ /*! https://mths.be/cssescape v1.5.1 by @mathias | MIT license */ |
@@ -22,260 +22,10 @@ var __async = (__this, __arguments, generator) => { | ||
// src/preact/index.js | ||
import { hydrate, render } from "preact"; | ||
import { createElement, cloneElement, createRef, createContext, isValidElement } from "preact"; | ||
import { useState, useRef, useEffect, useLayoutEffect, useContext, useMemo, useCallback, useImperativeHandle } from "preact/hooks"; | ||
function Fragment(props) { | ||
return props.children; | ||
} | ||
// extensions/amp-list/1.0/component.js | ||
import { | ||
createElement | ||
} from "@bentoproject/core"; | ||
import { Fragment, cloneElement, isValidElement, useEffect as useEffect3, useImperativeHandle, useMemo, useRef as useRef4 } from "@bentoproject/core"; | ||
import { forwardRef } from "@bentoproject/core"; | ||
import { ContainWrapper } from "@bentoproject/core"; | ||
// src/preact/compat.js | ||
import { options, toChildArray } from "preact"; | ||
// src/core/mode/prod.js | ||
function isProd() { | ||
return false; | ||
} | ||
// src/preact/compat.js | ||
var _excluded = ["ref"]; | ||
function _objectWithoutPropertiesLoose(source, excluded) { | ||
if (source == null) | ||
return {}; | ||
var target = {}; | ||
var sourceKeys = Object.keys(source); | ||
var key, i; | ||
for (i = 0; i < sourceKeys.length; i++) { | ||
key = sourceKeys[i]; | ||
if (excluded.indexOf(key) >= 0) | ||
continue; | ||
target[key] = source[key]; | ||
} | ||
return target; | ||
} | ||
var REACT_FORWARD_SYMBOL = typeof Symbol !== "undefined" && (Symbol.for == null ? void 0 : Symbol.for("react.forward_ref")) || 3911; | ||
var diffKey = "__b"; | ||
var oldDiff = options[diffKey]; | ||
options[diffKey] = newDiff; | ||
function newDiff(vnode) { | ||
var _vnode$type; | ||
if ((_vnode$type = vnode["type"]) != null && _vnode$type.forwardRef_ && vnode["ref"]) { | ||
vnode["props"]["ref"] = vnode["ref"]; | ||
vnode["ref"] = null; | ||
} | ||
oldDiff == null ? void 0 : oldDiff(vnode); | ||
} | ||
var forwardRef = function forwardRef2(Component) { | ||
function Forward(props) { | ||
const { | ||
ref | ||
} = props, clone = _objectWithoutPropertiesLoose(props, _excluded); | ||
return Component(clone, ref); | ||
} | ||
Forward.$$typeof = REACT_FORWARD_SYMBOL; | ||
Forward.render = Forward; | ||
Forward.prototype.isReactComponent = true; | ||
Forward.forwardRef_ = true; | ||
if (!isProd()) { | ||
Forward.displayName = `ForwardRef(${Component.displayName || Component.name})`; | ||
} | ||
return Forward; | ||
}; | ||
// src/core/constants/loading-instructions.js | ||
var Loading_Enum = { | ||
AUTO: "auto", | ||
LAZY: "lazy", | ||
EAGER: "eager", | ||
UNLOAD: "unload" | ||
}; | ||
var ORDER = [Loading_Enum.AUTO, Loading_Enum.LAZY, Loading_Enum.EAGER, Loading_Enum.UNLOAD]; | ||
var MAP = { | ||
[Loading_Enum.AUTO]: 0, | ||
[Loading_Enum.LAZY]: 1, | ||
[Loading_Enum.EAGER]: 2, | ||
[Loading_Enum.UNLOAD]: 3 | ||
}; | ||
// src/preact/context.tsx | ||
var context; | ||
function getAmpContext() { | ||
return context || (context = createContext({ | ||
renderable: true, | ||
playable: true, | ||
loading: Loading_Enum.AUTO | ||
})); | ||
} | ||
function useAmpContext() { | ||
const AmpContext = getAmpContext(); | ||
return useContext(AmpContext); | ||
} | ||
// src/preact/utils.js | ||
function propName(name) { | ||
return name; | ||
} | ||
// src/preact/component/contain.jsx | ||
function _extends() { | ||
_extends = Object.assign || function(target) { | ||
for (var i = 1; i < arguments.length; i++) { | ||
var source = arguments[i]; | ||
for (var key in source) { | ||
if (Object.prototype.hasOwnProperty.call(source, key)) { | ||
target[key] = source[key]; | ||
} | ||
} | ||
} | ||
return target; | ||
}; | ||
return _extends.apply(this, arguments); | ||
} | ||
function _objectWithoutPropertiesLoose2(source, excluded) { | ||
if (source == null) | ||
return {}; | ||
var target = {}; | ||
var sourceKeys = Object.keys(source); | ||
var key, i; | ||
for (i = 0; i < sourceKeys.length; i++) { | ||
key = sourceKeys[i]; | ||
if (excluded.indexOf(key) >= 0) | ||
continue; | ||
target[key] = source[key]; | ||
} | ||
return target; | ||
} | ||
function _toPropertyKey(arg) { | ||
var key = _toPrimitive(arg, "string"); | ||
return typeof key === "symbol" ? key : String(key); | ||
} | ||
function _toPrimitive(input, hint) { | ||
if (typeof input !== "object" || input === null) | ||
return input; | ||
var prim = input[Symbol.toPrimitive]; | ||
if (prim !== void 0) { | ||
var res = prim.call(input, hint || "default"); | ||
if (typeof res !== "object") | ||
return res; | ||
throw new TypeError("@@toPrimitive must return a primitive value."); | ||
} | ||
return (hint === "string" ? String : Number)(input); | ||
} | ||
var CONTAIN = [ | ||
null, | ||
"paint", | ||
"layout", | ||
"content", | ||
"size", | ||
"size paint", | ||
"size layout", | ||
"strict" | ||
]; | ||
var SIZE_CONTENT_STYLE = { | ||
"position": "relative", | ||
"width": "100%", | ||
"height": "100%" | ||
}; | ||
function ContainWrapperWithRef(_ref, ref) { | ||
let _propName = propName("class"), { | ||
as: Comp = "div", | ||
children, | ||
contentAs: ContentComp = "div", | ||
contentClassName, | ||
contentProps, | ||
contentRef, | ||
contentStyle, | ||
layout = false, | ||
paint = false, | ||
size = false, | ||
"style": style, | ||
wrapperClassName, | ||
wrapperStyle, | ||
[_propName]: className | ||
} = _ref, rest = _objectWithoutPropertiesLoose2(_ref, ["as", "children", "contentAs", "contentClassName", "contentProps", "contentRef", "contentStyle", "layout", "paint", "size", "style", "wrapperClassName", "wrapperStyle", _propName].map(_toPropertyKey)); | ||
const containIndex = (size ? 4 : 0) + (layout ? 2 : 0) + (paint ? 1 : 0); | ||
return createElement(Comp, _extends({}, rest, { | ||
ref, | ||
class: `${className || ""} ${wrapperClassName || ""}`.trim() || null, | ||
style: _extends({}, style, wrapperStyle, { | ||
contain: CONTAIN[containIndex] | ||
}) | ||
}), createElement(ContentComp, _extends({}, contentProps, { | ||
ref: contentRef, | ||
class: contentClassName, | ||
style: _extends({}, size && SIZE_CONTENT_STYLE, { | ||
"overflow": paint ? "hidden" : "visible" | ||
}, contentStyle) | ||
}), children)); | ||
} | ||
var ContainWrapper = forwardRef(ContainWrapperWithRef); | ||
// src/preact/component/wrapper.js | ||
function _extends2() { | ||
_extends2 = Object.assign || function(target) { | ||
for (var i = 1; i < arguments.length; i++) { | ||
var source = arguments[i]; | ||
for (var key in source) { | ||
if (Object.prototype.hasOwnProperty.call(source, key)) { | ||
target[key] = source[key]; | ||
} | ||
} | ||
} | ||
return target; | ||
}; | ||
return _extends2.apply(this, arguments); | ||
} | ||
function _objectWithoutPropertiesLoose3(source, excluded) { | ||
if (source == null) | ||
return {}; | ||
var target = {}; | ||
var sourceKeys = Object.keys(source); | ||
var key, i; | ||
for (i = 0; i < sourceKeys.length; i++) { | ||
key = sourceKeys[i]; | ||
if (excluded.indexOf(key) >= 0) | ||
continue; | ||
target[key] = source[key]; | ||
} | ||
return target; | ||
} | ||
function _toPropertyKey2(arg) { | ||
var key = _toPrimitive2(arg, "string"); | ||
return typeof key === "symbol" ? key : String(key); | ||
} | ||
function _toPrimitive2(input, hint) { | ||
if (typeof input !== "object" || input === null) | ||
return input; | ||
var prim = input[Symbol.toPrimitive]; | ||
if (prim !== void 0) { | ||
var res = prim.call(input, hint || "default"); | ||
if (typeof res !== "object") | ||
return res; | ||
throw new TypeError("@@toPrimitive must return a primitive value."); | ||
} | ||
return (hint === "string" ? String : Number)(input); | ||
} | ||
function WrapperWithRef(_ref, ref) { | ||
let _propName = propName("class"), { | ||
as: Comp = "div", | ||
children, | ||
"style": style, | ||
wrapperClassName, | ||
wrapperStyle, | ||
[_propName]: className | ||
} = _ref, rest = _objectWithoutPropertiesLoose3(_ref, ["as", "children", "style", "wrapperClassName", "wrapperStyle", _propName].map(_toPropertyKey2)); | ||
return createElement(Comp, _extends2({}, rest, { | ||
ref, | ||
class: `${className || ""} ${wrapperClassName || ""}`.trim() || null, | ||
style: _extends2({}, style, wrapperStyle) | ||
}), children); | ||
} | ||
var Wrapper = forwardRef(WrapperWithRef); | ||
// src/preact/component/value-ref.ts | ||
function useValueRef(current) { | ||
const valueRef = useRef(null); | ||
valueRef.current = current; | ||
return valueRef; | ||
} | ||
// src/core/types/array.js | ||
@@ -391,2 +141,3 @@ function removeItem(array, item) { | ||
// src/preact/component/intersection-observer.js | ||
import { useCallback, useEffect, useRef, useState } from "@bentoproject/core"; | ||
function useIsInViewport(ref, ioOptions) { | ||
@@ -407,6 +158,14 @@ const [isInViewport, setIsInViewport] = useState(false); | ||
// extensions/amp-list/1.0/component.js | ||
import { useAmpContext } from "@bentoproject/core"; | ||
// src/preact/hooks/useInfiniteQuery.ts | ||
import { useCallback as useCallback3, useRef as useRef3 } from "@bentoproject/core"; | ||
import { useValueRef } from "@bentoproject/core"; | ||
// src/preact/hooks/useStateSafe.ts | ||
import { useCallback as useCallback2, useEffect as useEffect2, useRef as useRef2, useState as useState2 } from "@bentoproject/core"; | ||
function useStateSafe(initialState2) { | ||
const isMounted = useRef(false); | ||
useEffect(() => { | ||
const isMounted = useRef2(false); | ||
useEffect2(() => { | ||
isMounted.current = true; | ||
@@ -417,4 +176,4 @@ return () => { | ||
}, []); | ||
const [state, setState] = useState(initialState2); | ||
const setStateSafe = useCallback((newState) => { | ||
const [state, setState] = useState2(initialState2); | ||
const setStateSafe = useCallback2((newState) => { | ||
if (!isMounted.current) { | ||
@@ -429,4 +188,4 @@ return; | ||
// src/preact/hooks/useInfiniteQuery.ts | ||
function _extends3() { | ||
_extends3 = Object.assign || function(target) { | ||
function _extends() { | ||
_extends = Object.assign || function(target) { | ||
for (var i = 1; i < arguments.length; i++) { | ||
@@ -442,3 +201,3 @@ var source = arguments[i]; | ||
}; | ||
return _extends3.apply(this, arguments); | ||
return _extends.apply(this, arguments); | ||
} | ||
@@ -461,4 +220,4 @@ var initialState = { | ||
}); | ||
const fetchIndexRef = useRef(0); | ||
const loadMore = useCallback((resetting = false) => __async(this, null, function* () { | ||
const fetchIndexRef = useRef3(0); | ||
const loadMore = useCallback3((resetting = false) => __async(this, null, function* () { | ||
const { | ||
@@ -473,3 +232,3 @@ fetchPage: fetchPage2, | ||
const fetchIndex = ++fetchIndexRef.current; | ||
setState((s) => _extends3({}, s, { | ||
setState((s) => _extends({}, s, { | ||
loading: true | ||
@@ -497,3 +256,3 @@ })); | ||
} | ||
setState((s) => _extends3({}, s, { | ||
setState((s) => _extends({}, s, { | ||
loading: false, | ||
@@ -504,4 +263,4 @@ error | ||
}), [ref, setState]); | ||
const reset = useCallback(() => loadMore(true), [loadMore]); | ||
return _extends3({}, state, { | ||
const reset = useCallback3(() => loadMore(true), [loadMore]); | ||
return _extends({}, state, { | ||
loadMore, | ||
@@ -553,5 +312,5 @@ reset | ||
// extensions/amp-list/1.0/component.js | ||
var _excluded2 = ["src", "fetchJson", "itemsKey", "maxItems", "loadMore", "loadMoreBookmark", "viewportBuffer", "template", "wrapperTemplate", "loadMoreTemplate", "loadingTemplate", "errorTemplate"]; | ||
function _extends4() { | ||
_extends4 = Object.assign || function(target) { | ||
var _excluded = ["src", "fetchJson", "itemsKey", "maxItems", "loadMore", "loadMoreBookmark", "viewportBuffer", "template", "wrapperTemplate", "loadMoreTemplate", "loadingTemplate", "errorTemplate"]; | ||
function _extends2() { | ||
_extends2 = Object.assign || function(target) { | ||
for (var i = 1; i < arguments.length; i++) { | ||
@@ -567,5 +326,5 @@ var source = arguments[i]; | ||
}; | ||
return _extends4.apply(this, arguments); | ||
return _extends2.apply(this, arguments); | ||
} | ||
function _objectWithoutPropertiesLoose4(source, excluded) { | ||
function _objectWithoutPropertiesLoose(source, excluded) { | ||
if (source == null) | ||
@@ -636,3 +395,3 @@ return {}; | ||
errorTemplate = defaultErrorTemplate | ||
} = _ref, rest = _objectWithoutPropertiesLoose4(_ref, _excluded2); | ||
} = _ref, rest = _objectWithoutPropertiesLoose(_ref, _excluded); | ||
const { | ||
@@ -648,3 +407,3 @@ renderable | ||
}, [viewportBuffer]); | ||
const bottomRef = useRef(null); | ||
const bottomRef = useRef4(null); | ||
const isBottomNearingViewport = useIsInViewport(bottomRef, ioOptions); | ||
@@ -672,7 +431,7 @@ const { | ||
}); | ||
useEffect(() => { | ||
useEffect3(() => { | ||
reset(); | ||
}, [src, renderable, loadMoreBookmark, reset]); | ||
const shouldLoadMore = renderable && loadMoreMode === "auto" && isBottomNearingViewport && !loading && hasMore; | ||
useEffect(() => { | ||
useEffect3(() => { | ||
if (shouldLoadMore) { | ||
@@ -713,3 +472,3 @@ loadMore(); | ||
const styles = useStyles(); | ||
return createElement(ContainWrapper, _extends4({ | ||
return createElement(ContainWrapper, _extends2({ | ||
"aria-live": "polite" | ||
@@ -732,3 +491,3 @@ }, rest, { | ||
} | ||
return cloneElement(component, _extends4({}, props, component.props)); | ||
return cloneElement(component, _extends2({}, props, component.props)); | ||
} | ||
@@ -735,0 +494,0 @@ export { |
; | ||
var e=(e,t,r)=>new Promise(((n,o)=>{var a=e=>{try{i(r.next(e))}catch(e){o(e)}},l=e=>{try{i(r.throw(e))}catch(e){o(e)}},i=e=>e.done?n(e.value):Promise.resolve(e.value).then(a,l);i((r=r.apply(e,t)).next())}));function t(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function r(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function n(e){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?r(Object(o),!0).forEach((function(r){t(e,r,o[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):r(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}function o(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}import{hydrate as a,render as l}from"preact";import{createElement as i,cloneElement as c,createRef as u,createContext as s,isValidElement as f}from"preact";import{useState as p,useRef as m,useEffect as d,useLayoutEffect as y,useContext as b,useMemo as v,useCallback as g,useImperativeHandle as h}from"preact/hooks";function w(e){return e.children}import{options as S,toChildArray as M}from"preact";var P,j=["ref"],O="undefined"!=typeof Symbol&&(null===(P=Symbol.for)||void 0===P?void 0:P.call(Symbol,"react.forward_ref"))||3911,N=S.__b;S.__b=function(e){var t;null!==(t=e.type)&&void 0!==t&&t.Ya&&e.ref&&(e.props.ref=e.ref,e.ref=null),null==N||N(e)};var T,k=function(e){function t(t){const{ref:r}=t,n=o(t,j);return e(n,r)}return t.$$typeof=O,t.render=t,t.prototype.isReactComponent=!0,t.Ya=!0,t};function x(e){return(x="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function C(e){var t=function(e,t){if("object"!==x(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,"string");if("object"!==x(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===x(t)?t:String(t)}var z=[null,"paint","layout","content","size","size paint","size layout","strict"],B={"position":"relative","width":"100%","height":"100%"},$=k((function(e,t){let r="class",{as:a="div",children:l,contentAs:c="div",contentClassName:u,contentProps:s,contentRef:f,contentStyle:p,layout:m=!1,paint:d=!1,size:y=!1,"style":b,wrapperClassName:v,wrapperStyle:g,[r]:h}=e,w=o(e,["as","children","contentAs","contentClassName","contentProps","contentRef","contentStyle","layout","paint","size","style","wrapperClassName","wrapperStyle",r].map(C));const S=(y?4:0)+(m?2:0)+(d?1:0);return i(a,n(n({},w),{},{ref:t,class:`${h||""} ${v||""}`.trim()||null,style:n(n(n({},b),g),{},{contain:z[S]})}),i(c,n(n({},s),{},{ref:f,class:u,style:n(n({},y&&B),{},{"overflow":d?"hidden":"visible"},p)}),l))}));k((function(e,t){let r="class",{as:a="div",children:l,"style":c,wrapperClassName:u,wrapperStyle:s,[r]:f}=e,p=o(e,["as","children","style","wrapperClassName","wrapperStyle",r].map(C));return i(a,n(n({},p),{},{ref:t,class:`${f||""} ${u||""}`.trim()||null,style:n(n({},c),s)}),l)}));var{hasOwnProperty:I,toString:L}=Object.prototype;function R(e){return(e.ownerDocument||e).defaultView}function A(e,t,r={}){const{needsRootBounds:n,rootMargin:o,threshold:a}=r,l=function(e){return e.parent&&e.parent!=e}(t)&&(n||o)?t.document:void 0;return new t.IntersectionObserver(e,{threshold:a,root:l,rootMargin:o})}var J=new WeakMap,E=new WeakMap;function K(e){const t=new Set;for(let r=e.length-1;r>=0;r--){const n=e[r],{target:o}=n;if(t.has(o))continue;t.add(o);const a=E.get(o);if(a)for(let e=0;e<a.length;e++)(0,a[e])(n)}}var W={loading:!1,error:null,pages:[],hasMore:!0},H={fetchJson(e,t){return this.fetch(e,t).then((e=>e.json()))},fetch(t,r){return e(this,null,(function*(){const e=yield self.fetch(t,r);if(!e.ok)throw new Error(e.statusText);return e}))}},U={loadMoreSpinner:"load-more-spinner-cc33818",loadMoreIcon:"load-more-icon-cc33818"},_=["src","fetchJson","itemsKey","maxItems","loadMore","loadMoreBookmark","viewportBuffer","template","wrapperTemplate","loadMoreTemplate","loadingTemplate","errorTemplate"],q=e=>i("div",null,String(e)),D=e=>i("div",null,e),F=(e,t)=>i("div",null,"Unable to Load More ",i("button",{"load-more-retry":!0},i("label",null,i("span",{class:e.loadMoreIcon})," Retry"))),G=()=>i("div",null,i("button",{"load-more-button":!0},i("label",null,"See More"))),Q=e=>i("div",null,i("span",{"aria-label":"Loading",class:e.loadMoreSpinner}));function V(e,t){return t.split(".").reduce(((e,t)=>e&&""!==t?e[t]:e),e)}function X(t,r){let{src:a=null,fetchJson:l=H.fetchJson,itemsKey:c="items",maxItems:u=0,loadMore:f="none",loadMoreBookmark:y="load-more-src",viewportBuffer:S=2,template:M=q,wrapperTemplate:P=D,loadMoreTemplate:j=G,loadingTemplate:O=Q,errorTemplate:N=F}=t,k=o(t,_);const{renderable:x}=function(){const e=T||(T=s({renderable:!0,playable:!0,loading:"auto"}));return b(e)}(),C=v((()=>({rootMargin:`0% 0% ${Math.floor(100*S)}% 0%`,threshold:0})),[S]),z=m(null),B=function(e,t){const[r,n]=p(!1);return d((()=>{const r=e.current;if(r)return function(e,t,r){const n=R(e);if(r){const o=A((e=>{t(e[e.length-1])}),n,r);return o.observe(e),()=>{o.unobserve(e)}}let o=J.get(n);o||J.set(n,o=A(K,n));let a=E.get(e);return a||(a=[],E.set(e,a)),a.push(t),o.observe(e),()=>{!function(e,t){const r=E.get(e);if(!r)return;if(!function(e,t){const r=e.indexOf(t);return-1!=r&&(e.splice(r,1),!0)}(r,t))return;if(r.length)return;const n=R(e),o=J.get(n);null==o||o.unobserve(e),E.delete(e)}(e,t)}}(r,(e=>{n(e.isIntersecting)}),t)}),[e,t]),r}(z,C),{error:I,hasMore:L,loadMore:X,loading:Y,pages:ee,reset:te}=function({fetchPage:t,getNextPageParam:r}){const[o,a]=function(e){const t=m(!1);d((()=>(t.current=!0,()=>{t.current=!1})),[]);const[r,n]=p(e);return[r,g((e=>{t.current&&n(e)}),[n])]}(W),l=function(e){const t=m(null);return t.current=e,t}({fetchPage:t,getNextPageParam:r,state:o}),i=m(0),c=g(((t=!1)=>e(this,null,(function*(){const{fetchPage:e,getNextPageParam:r,state:o}=l.current;if(!t&&o.loading)return;const c=++i.current;a((e=>n(n({},e),{},{loading:!0})));const u=t?[]:o.pages,s=u.length?u[u.length-1]:void 0;try{const t=yield e({pageParam:s?r(s):void 0});if(c!==i.current)return;const n=r(t);a({loading:!1,error:null,pages:[...u,t],hasMore:null!=n})}catch(e){if(c!==i.current)return;a((t=>n(n({},t),{},{loading:!1,error:e})))}}))),[l,a]),u=g((()=>c(!0)),[c]);return n(n({},o),{},{loadMore:c,reset:u})}({fetchPage:t=>e(this,[t],(function*({pageParam:e=a}){return x?yield l(e):null})),getNextPageParam:e=>function(e,t){return V(e,t)}(e,y)});d((()=>{te()}),[a,x,y,te]);const re=x&&"auto"===f&&B&&!Y&&L;d((()=>{re&&X()}),[re,X]);const ne=v((()=>{let e=ee.flatMap((e=>function(e,t){if(!e)return[];let r=V(e,t);return r?(Array.isArray(r)||(r=[r]),r):[]}(e,c)));return u>0&&e.length>u&&(e=e.slice(0,u)),e.map(((e,t)=>{let r=M(e);return r&&"object"==typeof r&&"string"==typeof r.__html&&(r=i("span",{dangerouslySetInnerHTML:r})),Z(r,{"key":t,"role":"listitem"})}))}),[ee,c,u,M]),oe=Y,ae=0!==ne.length,le="manual"===f&&L&&!Y;h(r,(()=>({refresh:te})),[te]);const ie=U;return i($,n(n({"aria-live":"polite"},k),{},{onClick:e=>{e.target.closest("[load-more-button], [load-more-retry]")&&X()}}),i(w,{"test-id":"contents"},ae&&Z(P(ne),{"role":"list"}),oe&&O(ie),le&&j(ie),I&&N(ie,I),"auto"===f&&i("span",{ref:z})))}var Y=k(X);function Z(e,t){return f(e)?c(e,n(n({},t),e.props)):e}Y.displayName="List";export{Y as BentoList,X as BentoListWithRef}; | ||
var e=(e,t,r)=>new Promise(((o,n)=>{var a=e=>{try{l(r.next(e))}catch(e){n(e)}},c=e=>{try{l(r.throw(e))}catch(e){n(e)}},l=e=>e.done?o(e.value):Promise.resolve(e.value).then(a,c);l((r=r.apply(e,t)).next())}));function t(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function r(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function o(e){for(var o=1;o<arguments.length;o++){var n=null!=arguments[o]?arguments[o]:{};o%2?r(Object(n),!0).forEach((function(r){t(e,r,n[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):r(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}import{createElement as n}from"@bentoproject/core";import{Fragment as a,cloneElement as c,isValidElement as l,useEffect as i,useImperativeHandle as u,useMemo as s,useRef as f}from"@bentoproject/core";import{forwardRef as m}from"@bentoproject/core";import{ContainWrapper as p}from"@bentoproject/core";var{hasOwnProperty:d,toString:b}=Object.prototype;function g(e){return(e.ownerDocument||e).defaultView}function h(e,t,r={}){const{needsRootBounds:o,rootMargin:n,threshold:a}=r,c=function(e){return e.parent&&e.parent!=e}(t)&&(o||n)?t.document:void 0;return new t.IntersectionObserver(e,{threshold:a,root:c,rootMargin:n})}var j=new WeakMap,v=new WeakMap;function M(e){const t=new Set;for(let r=e.length-1;r>=0;r--){const o=e[r],{target:n}=o;if(t.has(n))continue;t.add(n);const a=v.get(n);if(a)for(let e=0;e<a.length;e++)(0,a[e])(o)}}import{useCallback as y,useEffect as P,useRef as O,useState as w}from"@bentoproject/core";import{useAmpContext as k}from"@bentoproject/core";import{useCallback as T,useRef as x}from"@bentoproject/core";import{useValueRef as S}from"@bentoproject/core";import{useCallback as B,useEffect as R,useRef as I,useState as L}from"@bentoproject/core";var N={loading:!1,error:null,pages:[],hasMore:!0},C={fetchJson(e,t){return this.fetch(e,t).then((e=>e.json()))},fetch(t,r){return e(this,null,(function*(){const e=yield self.fetch(t,r);if(!e.ok)throw new Error(e.statusText);return e}))}},E={loadMoreSpinner:"load-more-spinner-cc33818",loadMoreIcon:"load-more-icon-cc33818"},J=["src","fetchJson","itemsKey","maxItems","loadMore","loadMoreBookmark","viewportBuffer","template","wrapperTemplate","loadMoreTemplate","loadingTemplate","errorTemplate"],K=e=>n("div",null,String(e)),W=e=>n("div",null,e),A=(e,t)=>n("div",null,"Unable to Load More ",n("button",{"load-more-retry":!0},n("label",null,n("span",{class:e.loadMoreIcon})," Retry"))),H=()=>n("div",null,n("button",{"load-more-button":!0},n("label",null,"See More"))),U=e=>n("div",null,n("span",{"aria-label":"Loading",class:e.loadMoreSpinner}));function $(e,t){return t.split(".").reduce(((e,t)=>e&&""!==t?e[t]:e),e)}function q(t,r){let{src:c=null,fetchJson:l=C.fetchJson,itemsKey:m="items",maxItems:d=0,loadMore:b="none",loadMoreBookmark:y="load-more-src",viewportBuffer:O=2,template:q=K,wrapperTemplate:z=W,loadMoreTemplate:F=H,loadingTemplate:G=U,errorTemplate:Q=A}=t,V=function(e,t){if(null==e)return{};var r,o,n={},a=Object.keys(e);for(o=0;o<a.length;o++)r=a[o],t.indexOf(r)>=0||(n[r]=e[r]);return n}(t,J);const{renderable:X}=k(),Y=s((()=>({rootMargin:`0% 0% ${Math.floor(100*O)}% 0%`,threshold:0})),[O]),Z=f(null),_=function(e,t){const[r,o]=w(!1);return P((()=>{const r=e.current;if(r)return function(e,t,r){const o=g(e);if(r){const n=h((e=>{t(e[e.length-1])}),o,r);return n.observe(e),()=>{n.unobserve(e)}}let n=j.get(o);n||j.set(o,n=h(M,o));let a=v.get(e);return a||(a=[],v.set(e,a)),a.push(t),n.observe(e),()=>{!function(e,t){const r=v.get(e);if(!r)return;if(!function(e,t){const r=e.indexOf(t);return-1!=r&&(e.splice(r,1),!0)}(r,t))return;if(r.length)return;const o=g(e),n=j.get(o);null==n||n.unobserve(e),v.delete(e)}(e,t)}}(r,(e=>{o(e.isIntersecting)}),t)}),[e,t]),r}(Z,Y),{error:ee,hasMore:te,loadMore:re,loading:oe,pages:ne,reset:ae}=function({fetchPage:t,getNextPageParam:r}){const[n,a]=function(e){const t=I(!1);R((()=>(t.current=!0,()=>{t.current=!1})),[]);const[r,o]=L(e);return[r,B((e=>{t.current&&o(e)}),[o])]}(N),c=S({fetchPage:t,getNextPageParam:r,state:n}),l=x(0),i=T(((t=!1)=>e(this,null,(function*(){const{fetchPage:e,getNextPageParam:r,state:n}=c.current;if(!t&&n.loading)return;const i=++l.current;a((e=>o(o({},e),{},{loading:!0})));const u=t?[]:n.pages,s=u.length?u[u.length-1]:void 0;try{const t=yield e({pageParam:s?r(s):void 0});if(i!==l.current)return;const o=r(t);a({loading:!1,error:null,pages:[...u,t],hasMore:null!=o})}catch(e){if(i!==l.current)return;a((t=>o(o({},t),{},{loading:!1,error:e})))}}))),[c,a]),u=T((()=>i(!0)),[i]);return o(o({},n),{},{loadMore:i,reset:u})}({fetchPage:t=>e(this,[t],(function*({pageParam:e=c}){return X?yield l(e):null})),getNextPageParam:e=>function(e,t){return $(e,t)}(e,y)});i((()=>{ae()}),[c,X,y,ae]);const ce=X&&"auto"===b&&_&&!oe&&te;i((()=>{ce&&re()}),[ce,re]);const le=s((()=>{let e=ne.flatMap((e=>function(e,t){if(!e)return[];let r=$(e,t);return r?(Array.isArray(r)||(r=[r]),r):[]}(e,m)));return d>0&&e.length>d&&(e=e.slice(0,d)),e.map(((e,t)=>{let r=q(e);return r&&"object"==typeof r&&"string"==typeof r.__html&&(r=n("span",{dangerouslySetInnerHTML:r})),D(r,{"key":t,"role":"listitem"})}))}),[ne,m,d,q]),ie=oe,ue=0!==le.length,se="manual"===b&&te&&!oe;u(r,(()=>({refresh:ae})),[ae]);const fe=E;return n(p,o(o({"aria-live":"polite"},V),{},{onClick:e=>{e.target.closest("[load-more-button], [load-more-retry]")&&re()}}),n(a,{"test-id":"contents"},ue&&D(z(le),{"role":"list"}),ie&&G(fe),se&&F(fe),ee&&Q(fe,ee),"auto"===b&&n("span",{ref:Z})))}var z=m(q);function D(e,t){return l(e)?c(e,o(o({},t),e.props)):e}z.displayName="List";export{z as BentoList,q as BentoListWithRef}; | ||
/*! https://mths.be/cssescape v1.5.1 by @mathias | MIT license */ | ||
//# sourceMappingURL=component-preact.module.js.map |
; | ||
var r=Object.create,n=Object.defineProperty,e=Object.getOwnPropertyDescriptor,t=Object.getOwnPropertyNames,o=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,u=function(r){return n(r,"__esModule",{value:!0})},i=function(i){return function(r,o,u){if(o&&"object"==typeof o||"function"==typeof o)for(var i,c=t(o),l=0,f=c.length;l<f;l++)i=c[l],a.call(r,i)||"default"===i||n(r,i,{get:function(r){return o[r]}.bind(null,i),enumerable:!(u=e(o,i))||u.enumerable});return r}(u(n(null!=i?r(o(i)):{},"default",i&&i.__esModule&&"default"in i?{get:function(){return i.default},enumerable:!0}:{value:i,enumerable:!0})),i)};function c(r,n,e){return n in r?Object.defineProperty(r,n,{value:e,enumerable:!0,configurable:!0,writable:!0}):r[n]=e,r}function l(r,n){var e=Object.keys(r);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(r);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(r,n).enumerable}))),e.push.apply(e,t)}return e}function f(r){for(var n=1;n<arguments.length;n++){var e=null!=arguments[n]?arguments[n]:{};n%2?l(Object(e),!0).forEach((function(n){c(r,n,e[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(e)):l(Object(e)).forEach((function(n){Object.defineProperty(r,n,Object.getOwnPropertyDescriptor(e,n))}))}return r}function s(r){return(s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(r){return typeof r}:function(r){return r&&"function"==typeof Symbol&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r})(r)}function v(r,n,e,t,o,a,u){try{var i=r[a](u),c=i.value}catch(r){return void e(r)}i.done?n(c):Promise.resolve(c).then(t,o)}function d(r){return function(){var n=this,e=arguments;return new Promise((function(t,o){var a=r.apply(n,e);function u(r){v(a,t,o,u,i,"next",r)}function i(r){v(a,t,o,u,i,"throw",r)}u(void 0)}))}}function m(r,n){if(null==r)return{};var e,t,o={},a=Object.keys(r);for(t=0;t<a.length;t++)e=a[t],n.indexOf(e)>=0||(o[e]=r[e]);return o}!function(r,e){for(var t in u(r),e)n(r,t,{get:e[t],enumerable:!0})}(exports,{BentoList:function(){return D},BentoListWithRef:function(){return $}}),i(require("react-dom"));var b=i(require("react")),p=i(require("react"));function y(r){return r.children}var g=i(require("react"));function h(r){var n=function(r,n){if("object"!==s(r)||null===r)return r;var e=r[Symbol.toPrimitive];if(void 0!==e){var t=e.call(r,"string");if("object"!==s(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(r)}(r);return"symbol"===s(n)?n:String(n)}var w,j,S=i(require("react"));c(w={},"auto",0),c(w,"lazy",1),c(w,"eager",2),c(w,"unload",3);var O=[null,"paint","layout","content","size","size paint","size layout","strict"],M={"position":"relative","width":"100%","height":"100%"},k=(0,S.forwardRef)((function(r,n){var e="className",t=r.as,o=void 0===t?"div":t,a=r.children,u=r.contentAs,i=void 0===u?"div":u,c=r.contentClassName,l=r.contentProps,s=r.contentRef,v=r.contentStyle,d=r.layout,p=void 0!==d&&d,y=r.paint,g=void 0!==y&&y,w=r.size,j=void 0!==w&&w,S=r.style,k=r.wrapperClassName,N=r.wrapperStyle,x=r[e],A=m(r,["as","children","contentAs","contentClassName","contentProps","contentRef","contentStyle","layout","paint","size","style","wrapperClassName","wrapperStyle",e].map(h)),P=(j?4:0)+(p?2:0)+(g?1:0);return b.createElement(o,f(f({},A),{},{ref:n,className:"".concat(x||""," ").concat(k||"").trim()||null,style:f(f(f({},S),N),{},{contain:O[P]})}),b.createElement(i,f(f({},l),{},{ref:s,className:c,style:f(f({},j&&M),{},{"overflow":g?"hidden":"visible"},v)}),a))}));function N(r,n){(null==n||n>r.length)&&(n=r.length);for(var e=0,t=new Array(n);e<n;e++)t[e]=r[e];return t}function x(r,n){if(r){if("string"==typeof r)return N(r,n);var e=Object.prototype.toString.call(r).slice(8,-1);return"Object"===e&&r.constructor&&(e=r.constructor.name),"Map"===e||"Set"===e?Array.from(r):"Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e)?N(r,n):void 0}}function A(r,n){return function(r){if(Array.isArray(r))return r}(r)||function(r,n){var e=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=e){var t,o,a=[],u=!0,i=!1;try{for(e=e.call(r);!(u=(t=e.next()).done)&&(a.push(t.value),!n||a.length!==n);u=!0);}catch(r){i=!0,o=r}finally{try{u||null==e.return||e.return()}finally{if(i)throw o}}return a}}(r,n)||x(r,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}(0,i(require("react")).forwardRef)((function(r,n){var e="className",t=r.as,o=void 0===t?"div":t,a=r.children,u=r.style,i=r.wrapperClassName,c=r.wrapperStyle,l=r[e],s=m(r,["as","children","style","wrapperClassName","wrapperStyle",e].map(h));return b.createElement(o,f(f({},s),{},{ref:n,className:"".concat(l||""," ").concat(i||"").trim()||null,style:f(f({},u),c)}),a)})),Array.isArray;var P=Object.prototype;function R(r){return(r.ownerDocument||r).defaultView}function I(r){return r.parent&&r.parent!=r}function T(r,n){var e=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},t=e.needsRootBounds,o=e.rootMargin,a=e.threshold,u=I(n)&&(t||o)?n.document:void 0;return new n.IntersectionObserver(r,{threshold:a,root:u,rootMargin:o})}P.hasOwnProperty,P.toString;var C=new WeakMap,L=new WeakMap;function q(r){for(var n=new Set,e=r.length-1;e>=0;e--){var t=r[e],o=t.target;if(!n.has(o)){n.add(o);var a=L.get(o);if(a)for(var u=0;u<a.length;u++)(0,a[u])(t)}}}function z(r){return function(r){if(Array.isArray(r))return N(r)}(r)||function(r){if("undefined"!=typeof Symbol&&null!=r[Symbol.iterator]||null!=r["@@iterator"])return Array.from(r)}(r)||x(r)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var B={loading:!1,error:null,pages:[],hasMore:!0},E={fetchJson:function(r,n){return this.fetch(r,n).then((function(r){return r.json()}))},fetch:function(r,n){return d(regeneratorRuntime.mark((function e(){var t;return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,self.fetch(r,n);case 2:if((t=e.sent).ok){e.next=5;break}throw new Error(t.statusText);case 5:return e.abrupt("return",t);case 6:case"end":return e.stop()}}),e)})))()}},W={loadMoreSpinner:"load-more-spinner-cc33818",loadMoreIcon:"load-more-icon-cc33818"},G=("url('data:image/svg+xml;charset=utf-8,".concat('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"><defs><linearGradient id="grad"><stop stop-color="rgb(51,51,51)" stop-opacity=".75"></stop><stop offset="100%" stop-color="rgb(51,51,51)" stop-opacity="0"></stop></linearGradient></defs><path d="M11,4.4 A18,18, 0,1,0, 38,20" fill="none" stroke="url(%23grad)" stroke-width="1.725"></path></svg>',"')"),"url('data:image/svg+xml;charset=utf-8,".concat('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z"></path></svg>',"')"),["src","fetchJson","itemsKey","maxItems","loadMore","loadMoreBookmark","viewportBuffer","template","wrapperTemplate","loadMoreTemplate","loadingTemplate","errorTemplate"]),J=function(r){return b.createElement("div",null,String(r))},U=function(r){return b.createElement("div",null,r)},_=function(r,n){return b.createElement("div",null,"Unable to Load More ",b.createElement("button",{"load-more-retry":!0},b.createElement("label",null,b.createElement("span",{className:r.loadMoreIcon})," Retry")))},H=function(){return b.createElement("div",null,b.createElement("button",{"load-more-button":!0},b.createElement("label",null,"See More")))},K=function(r){return b.createElement("div",null,b.createElement("span",{"aria-label":"Loading",className:r.loadMoreSpinner}))};function V(r,n){return n.split(".").reduce((function(r,n){return r&&""!==n?r[n]:r}),r)}function $(r,n){var e,t,o=r.src,a=void 0===o?null:o,u=r.fetchJson,i=void 0===u?E.fetchJson:u,c=r.itemsKey,l=void 0===c?"items":c,v=r.maxItems,g=void 0===v?0:v,h=r.loadMore,w=void 0===h?"none":h,S=r.loadMoreBookmark,O=void 0===S?"load-more-src":S,M=r.viewportBuffer,N=void 0===M?2:M,x=r.template,P=void 0===x?J:x,I=r.wrapperTemplate,$=void 0===I?U:I,D=r.loadMoreTemplate,Q=void 0===D?H:D,X=r.loadingTemplate,Y=void 0===X?K:X,Z=r.errorTemplate,rr=void 0===Z?_:Z,nr=m(r,G),er=(t=j||(j=(0,b.createContext)({renderable:!0,playable:!0,loading:"auto"})),(0,p.useContext)(t)).renderable,tr=(0,p.useMemo)((function(){var r=Math.floor(100*N);return{rootMargin:"0% 0% ".concat(r,"% 0%"),threshold:0}}),[N]),or=(0,p.useRef)(null),ar=function(r,n){var e=A((0,p.useState)(!1),2),t=e[0],o=e[1];return(0,p.useEffect)((function(){var e=r.current;if(e)return function(r,n,e){var t=R(r);if(e){var o=T((function(r){n(r[r.length-1])}),t,e);return o.observe(r),function(){o.unobserve(r)}}var a=C.get(t);a||C.set(t,a=T(q,t));var u=L.get(r);return u||(u=[],L.set(r,u)),u.push(n),a.observe(r),function(){!function(r,n){var e,t,o,a=L.get(r);if(a&&(t=n,-1!=(o=(e=a).indexOf(t))&&(e.splice(o,1),1)&&!a.length)){var u=R(r),i=C.get(u);null==i||i.unobserve(r),L.delete(r)}}(r,n)}}(e,(function(r){o(r.isIntersecting)}),n)}),[r,n]),t}(or,tr),ur=function(r){var n,e,t=r.fetchPage,o=r.getNextPageParam,a=function(r){var n=(0,p.useRef)(!1);(0,p.useEffect)((function(){return n.current=!0,function(){n.current=!1}}),[]);var e=A((0,p.useState)(r),2),t=e[0],o=e[1];return[t,(0,p.useCallback)((function(r){n.current&&o(r)}),[o])]}(B),u=A(a,2),i=u[0],c=u[1],l=(n={fetchPage:t,getNextPageParam:o,state:i},(e=(0,p.useRef)(null)).current=n,e),s=(0,p.useRef)(0),v=(0,p.useCallback)(d(regeneratorRuntime.mark((function r(){var n,e,t,o,a,u,i,v,d,m,b=arguments;return regeneratorRuntime.wrap((function(r){for(;;)switch(r.prev=r.next){case 0:if(n=b.length>0&&void 0!==b[0]&&b[0],e=l.current,t=e.fetchPage,o=e.getNextPageParam,a=e.state,n||!a.loading){r.next=4;break}return r.abrupt("return");case 4:return u=++s.current,c((function(r){return f(f({},r),{},{loading:!0})})),i=n?[]:a.pages,v=i.length?i[i.length-1]:void 0,r.prev=8,r.next=11,t({pageParam:v?o(v):void 0});case 11:if(d=r.sent,u===s.current){r.next=14;break}return r.abrupt("return");case 14:m=o(d),c({loading:!1,error:null,pages:[].concat(z(i),[d]),hasMore:null!=m}),r.next=23;break;case 18:if(r.prev=18,r.t0=r.catch(8),u===s.current){r.next=22;break}return r.abrupt("return");case 22:c((function(n){return f(f({},n),{},{loading:!1,error:r.t0})}));case 23:case"end":return r.stop()}}),r,null,[[8,18]])}))),[l,c]),m=(0,p.useCallback)((function(){return v(!0)}),[v]);return f(f({},i),{},{loadMore:v,reset:m})}({fetchPage:(e=d(regeneratorRuntime.mark((function r(n){var e,t,o;return regeneratorRuntime.wrap((function(r){for(;;)switch(r.prev=r.next){case 0:if(e=n.pageParam,t=void 0===e?a:e,er){r.next=3;break}return r.abrupt("return",null);case 3:return r.next=5,i(t);case 5:return o=r.sent,r.abrupt("return",o);case 7:case"end":return r.stop()}}),r)}))),function(r){return e.apply(this,arguments)}),getNextPageParam:function(r){return function(r,n){return V(r,n)}(r,O)}}),ir=ur.error,cr=ur.hasMore,lr=ur.loadMore,fr=ur.loading,sr=ur.pages,vr=ur.reset;(0,p.useEffect)((function(){vr()}),[a,er,O,vr]);var dr=er&&"auto"===w&&ar&&!fr&&cr;(0,p.useEffect)((function(){dr&&lr()}),[dr,lr]);var mr=(0,p.useMemo)((function(){var r=sr.flatMap((function(r){return function(r,n){if(!r)return[];var e=V(r,n);return e?(Array.isArray(e)||(e=[e]),e):[]}(r,l)}));return g>0&&r.length>g&&(r=r.slice(0,g)),r.map((function(r,n){var e=P(r);return e&&"object"===s(e)&&"string"==typeof e.__html&&(e=b.createElement("span",{dangerouslySetInnerHTML:e})),F(e,{"key":n,"role":"listitem"})}))}),[sr,l,g,P]),br=fr,pr=0!==mr.length,yr="manual"===w&&cr&&!fr;(0,p.useImperativeHandle)(n,(function(){return{refresh:vr}}),[vr]);var gr=W;return b.createElement(k,f(f({"aria-live":"polite"},nr),{},{onClick:function(r){r.target.closest("[load-more-button], [load-more-retry]")&&lr()}}),b.createElement(y,{"test-id":"contents"},pr&&F($(mr),{"role":"list"}),br&&Y(gr),yr&&Q(gr),ir&&rr(gr,ir),"auto"===w&&b.createElement("span",{ref:or})))}var D=(0,g.forwardRef)($);function F(r,n){return(0,b.isValidElement)(r)?(0,b.cloneElement)(r,f(f({},n),r.props)):r} | ||
/*! https://mths.be/cssescape v1.5.1 by @mathias | MIT license */D.displayName="List"; | ||
var r=Object.create,e=Object.defineProperty,n=Object.getOwnPropertyDescriptor,t=Object.getOwnPropertyNames,o=Object.getPrototypeOf,u=Object.prototype.hasOwnProperty,i=function(r){return e(r,"__esModule",{value:!0})},a=function(a){return function(r,o,i){if(o&&"object"==typeof o||"function"==typeof o)for(var a,c=t(o),f=0,l=c.length;f<l;f++)a=c[f],u.call(r,a)||"default"===a||e(r,a,{get:function(r){return o[r]}.bind(null,a),enumerable:!(i=n(o,a))||i.enumerable});return r}(i(e(null!=a?r(o(a)):{},"default",a&&a.__esModule&&"default"in a?{get:function(){return a.default},enumerable:!0}:{value:a,enumerable:!0})),a)};function c(r,e,n){return e in r?Object.defineProperty(r,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):r[e]=n,r}function f(r,e){var n=Object.keys(r);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(r);e&&(t=t.filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),n.push.apply(n,t)}return n}function l(r){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?f(Object(n),!0).forEach((function(e){c(r,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(n)):f(Object(n)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(n,e))}))}return r}function s(r){return(s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(r){return typeof r}:function(r){return r&&"function"==typeof Symbol&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r})(r)}function v(r,e,n,t,o,u,i){try{var a=r[u](i),c=a.value}catch(r){return void n(r)}a.done?e(c):Promise.resolve(c).then(t,o)}function d(r){return function(){var e=this,n=arguments;return new Promise((function(t,o){var u=r.apply(e,n);function i(r){v(u,t,o,i,a,"next",r)}function a(r){v(u,t,o,i,a,"throw",r)}i(void 0)}))}}!function(r,n){for(var t in i(r),n)e(r,t,{get:n[t],enumerable:!0})}(exports,{BentoList:function(){return K},BentoListWithRef:function(){return H}});var b=a(require("@bentoproject/core")),m=a(require("@bentoproject/core")),p=a(require("react")),y=a(require("@bentoproject/core"));function g(r,e){(null==e||e>r.length)&&(e=r.length);for(var n=0,t=new Array(e);n<e;n++)t[n]=r[n];return t}function h(r,e){if(r){if("string"==typeof r)return g(r,e);var n=Object.prototype.toString.call(r).slice(8,-1);return"Object"===n&&r.constructor&&(n=r.constructor.name),"Map"===n||"Set"===n?Array.from(r):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?g(r,e):void 0}}function j(r,e){return function(r){if(Array.isArray(r))return r}(r)||function(r,e){var n=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=n){var t,o,u=[],i=!0,a=!1;try{for(n=n.call(r);!(i=(t=n.next()).done)&&(u.push(t.value),!e||u.length!==e);i=!0);}catch(r){a=!0,o=r}finally{try{i||null==n.return||n.return()}finally{if(a)throw o}}return u}}(r,e)||h(r,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}Array.isArray;var w=Object.prototype;function O(r){return(r.ownerDocument||r).defaultView}function M(r){return r.parent&&r.parent!=r}function S(r,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},t=n.needsRootBounds,o=n.rootMargin,u=n.threshold,i=M(e)&&(t||o)?e.document:void 0;return new e.IntersectionObserver(r,{threshold:u,root:i,rootMargin:o})}w.hasOwnProperty,w.toString;var k=new WeakMap,x=new WeakMap;function A(r){for(var e=new Set,n=r.length-1;n>=0;n--){var t=r[n],o=t.target;if(!e.has(o)){e.add(o);var u=x.get(o);if(u)for(var i=0;i<u.length;i++)(0,u[i])(t)}}}var q=a(require("@bentoproject/core")),P=a(require("@bentoproject/core"));function I(r){return function(r){if(Array.isArray(r))return g(r)}(r)||function(r){if("undefined"!=typeof Symbol&&null!=r[Symbol.iterator]||null!=r["@@iterator"])return Array.from(r)}(r)||h(r)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var R=a(require("@bentoproject/core")),L=a(require("@bentoproject/core")),T=a(require("@bentoproject/core")),B={loading:!1,error:null,pages:[],hasMore:!0},C={fetchJson:function(r,e){return this.fetch(r,e).then((function(r){return r.json()}))},fetch:function(r,e){return d(regeneratorRuntime.mark((function n(){var t;return regeneratorRuntime.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,self.fetch(r,e);case 2:if((t=n.sent).ok){n.next=5;break}throw new Error(t.statusText);case 5:return n.abrupt("return",t);case 6:case"end":return n.stop()}}),n)})))()}},N={loadMoreSpinner:"load-more-spinner-cc33818",loadMoreIcon:"load-more-icon-cc33818"},E=("url('data:image/svg+xml;charset=utf-8,".concat('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"><defs><linearGradient id="grad"><stop stop-color="rgb(51,51,51)" stop-opacity=".75"></stop><stop offset="100%" stop-color="rgb(51,51,51)" stop-opacity="0"></stop></linearGradient></defs><path d="M11,4.4 A18,18, 0,1,0, 38,20" fill="none" stroke="url(%23grad)" stroke-width="1.725"></path></svg>',"')"),"url('data:image/svg+xml;charset=utf-8,".concat('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z"></path></svg>',"')"),["src","fetchJson","itemsKey","maxItems","loadMore","loadMoreBookmark","viewportBuffer","template","wrapperTemplate","loadMoreTemplate","loadingTemplate","errorTemplate"]),W=function(r){return b.createElement("div",null,String(r))},G=function(r){return b.createElement("div",null,r)},J=function(r,e){return b.createElement("div",null,"Unable to Load More ",b.createElement("button",{"load-more-retry":!0},b.createElement("label",null,b.createElement("span",{className:r.loadMoreIcon})," Retry")))},U=function(){return b.createElement("div",null,b.createElement("button",{"load-more-button":!0},b.createElement("label",null,"See More")))},_=function(r){return b.createElement("div",null,b.createElement("span",{"aria-label":"Loading",className:r.loadMoreSpinner}))};function z(r,e){return e.split(".").reduce((function(r,e){return r&&""!==e?r[e]:r}),r)}function H(r,e){var n,t=r.src,o=void 0===t?null:t,u=r.fetchJson,i=void 0===u?C.fetchJson:u,a=r.itemsKey,c=void 0===a?"items":a,f=r.maxItems,v=void 0===f?0:f,p=r.loadMore,g=void 0===p?"none":p,h=r.loadMoreBookmark,w=void 0===h?"load-more-src":h,M=r.viewportBuffer,H=void 0===M?2:M,K=r.template,$=void 0===K?W:K,D=r.wrapperTemplate,F=void 0===D?G:D,Q=r.loadMoreTemplate,X=void 0===Q?U:Q,Y=r.loadingTemplate,Z=void 0===Y?_:Y,rr=r.errorTemplate,er=void 0===rr?J:rr,nr=function(r,e){if(null==r)return{};var n,t,o={},u=Object.keys(r);for(t=0;t<u.length;t++)n=u[t],e.indexOf(n)>=0||(o[n]=r[n]);return o}(r,E),tr=(0,P.useAmpContext)().renderable,or=(0,m.useMemo)((function(){var r=Math.floor(100*H);return{rootMargin:"0% 0% ".concat(r,"% 0%"),threshold:0}}),[H]),ur=(0,m.useRef)(null),ir=function(r,e){var n=j((0,q.useState)(!1),2),t=n[0],o=n[1];return(0,q.useEffect)((function(){var n=r.current;if(n)return function(r,e,n){var t=O(r);if(n){var o=S((function(r){e(r[r.length-1])}),t,n);return o.observe(r),function(){o.unobserve(r)}}var u=k.get(t);u||k.set(t,u=S(A,t));var i=x.get(r);return i||(i=[],x.set(r,i)),i.push(e),u.observe(r),function(){!function(r,e){var n,t,o,u=x.get(r);if(u&&(t=e,-1!=(o=(n=u).indexOf(t))&&(n.splice(o,1),1)&&!u.length)){var i=O(r),a=k.get(i);null==a||a.unobserve(r),x.delete(r)}}(r,e)}}(n,(function(r){o(r.isIntersecting)}),e)}),[r,e]),t}(ur,or),ar=function(r){var e=r.fetchPage,n=r.getNextPageParam,t=function(r){var e=(0,T.useRef)(!1);(0,T.useEffect)((function(){return e.current=!0,function(){e.current=!1}}),[]);var n=j((0,T.useState)(r),2),t=n[0],o=n[1];return[t,(0,T.useCallback)((function(r){e.current&&o(r)}),[o])]}(B),o=j(t,2),u=o[0],i=o[1],a=(0,L.useValueRef)({fetchPage:e,getNextPageParam:n,state:u}),c=(0,R.useRef)(0),f=(0,R.useCallback)(d(regeneratorRuntime.mark((function r(){var e,n,t,o,u,f,s,v,d,b,m=arguments;return regeneratorRuntime.wrap((function(r){for(;;)switch(r.prev=r.next){case 0:if(e=m.length>0&&void 0!==m[0]&&m[0],n=a.current,t=n.fetchPage,o=n.getNextPageParam,u=n.state,e||!u.loading){r.next=4;break}return r.abrupt("return");case 4:return f=++c.current,i((function(r){return l(l({},r),{},{loading:!0})})),s=e?[]:u.pages,v=s.length?s[s.length-1]:void 0,r.prev=8,r.next=11,t({pageParam:v?o(v):void 0});case 11:if(d=r.sent,f===c.current){r.next=14;break}return r.abrupt("return");case 14:b=o(d),i({loading:!1,error:null,pages:[].concat(I(s),[d]),hasMore:null!=b}),r.next=23;break;case 18:if(r.prev=18,r.t0=r.catch(8),f===c.current){r.next=22;break}return r.abrupt("return");case 22:i((function(e){return l(l({},e),{},{loading:!1,error:r.t0})}));case 23:case"end":return r.stop()}}),r,null,[[8,18]])}))),[a,i]),s=(0,R.useCallback)((function(){return f(!0)}),[f]);return l(l({},u),{},{loadMore:f,reset:s})}({fetchPage:(n=d(regeneratorRuntime.mark((function r(e){var n,t,u;return regeneratorRuntime.wrap((function(r){for(;;)switch(r.prev=r.next){case 0:if(n=e.pageParam,t=void 0===n?o:n,tr){r.next=3;break}return r.abrupt("return",null);case 3:return r.next=5,i(t);case 5:return u=r.sent,r.abrupt("return",u);case 7:case"end":return r.stop()}}),r)}))),function(r){return n.apply(this,arguments)}),getNextPageParam:function(r){return function(r,e){return z(r,e)}(r,w)}}),cr=ar.error,fr=ar.hasMore,lr=ar.loadMore,sr=ar.loading,vr=ar.pages,dr=ar.reset;(0,m.useEffect)((function(){dr()}),[o,tr,w,dr]);var br=tr&&"auto"===g&&ir&&!sr&&fr;(0,m.useEffect)((function(){br&&lr()}),[br,lr]);var mr=(0,m.useMemo)((function(){var r=vr.flatMap((function(r){return function(r,e){if(!r)return[];var n=z(r,e);return n?(Array.isArray(n)||(n=[n]),n):[]}(r,c)}));return v>0&&r.length>v&&(r=r.slice(0,v)),r.map((function(r,e){var n=$(r);return n&&"object"===s(n)&&"string"==typeof n.__html&&(n=b.createElement("span",{dangerouslySetInnerHTML:n})),V(n,{"key":e,"role":"listitem"})}))}),[vr,c,v,$]),pr=sr,yr=0!==mr.length,gr="manual"===g&&fr&&!sr;(0,m.useImperativeHandle)(e,(function(){return{refresh:dr}}),[dr]);var hr=N;return b.createElement(y.ContainWrapper,l(l({"aria-live":"polite"},nr),{},{onClick:function(r){r.target.closest("[load-more-button], [load-more-retry]")&&lr()}}),b.createElement(m.Fragment,{"test-id":"contents"},yr&&V(F(mr),{"role":"list"}),pr&&Z(hr),gr&&X(hr),cr&&er(hr,cr),"auto"===g&&b.createElement("span",{ref:ur})))}var K=(0,p.forwardRef)(H);function V(r,e){return(0,m.isValidElement)(r)?(0,m.cloneElement)(r,l(l({},e),r.props)):r} | ||
/*! https://mths.be/cssescape v1.5.1 by @mathias | MIT license */K.displayName="List"; | ||
//# sourceMappingURL=component-react.js.map |
@@ -41,184 +41,7 @@ var __create = Object.create; | ||
}); | ||
// src/preact/index.js | ||
var import_dom = __toModule(require("react-dom")); | ||
var import_preact = __toModule(require("react")); | ||
var import_hooks = __toModule(require("react")); | ||
function Fragment(props) { | ||
return props.children; | ||
} | ||
// extensions/amp-list/1.0/component.js | ||
var import_compat3 = __toModule(require("react")); | ||
// src/preact/component/contain.jsx | ||
var Preact = __toModule(require("@bentoproject/core")); | ||
var import_preact = __toModule(require("@bentoproject/core")); | ||
var import_compat = __toModule(require("react")); | ||
var import_component2 = __toModule(require("@bentoproject/core")); | ||
// src/core/constants/loading-instructions.js | ||
var _MAP; | ||
var Loading_Enum = { | ||
AUTO: "auto", | ||
LAZY: "lazy", | ||
EAGER: "eager", | ||
UNLOAD: "unload" | ||
}; | ||
var ORDER = [Loading_Enum.AUTO, Loading_Enum.LAZY, Loading_Enum.EAGER, Loading_Enum.UNLOAD]; | ||
var MAP = (_MAP = {}, _MAP[Loading_Enum.AUTO] = 0, _MAP[Loading_Enum.LAZY] = 1, _MAP[Loading_Enum.EAGER] = 2, _MAP[Loading_Enum.UNLOAD] = 3, _MAP); | ||
// src/preact/context.tsx | ||
var context; | ||
function getAmpContext() { | ||
return context || (context = (0, import_preact.createContext)({ | ||
renderable: true, | ||
playable: true, | ||
loading: Loading_Enum.AUTO | ||
})); | ||
} | ||
function useAmpContext() { | ||
var AmpContext = getAmpContext(); | ||
return (0, import_hooks.useContext)(AmpContext); | ||
} | ||
// src/preact/component/contain.jsx | ||
function _extends() { | ||
_extends = Object.assign || function(target) { | ||
for (var i = 1; i < arguments.length; i++) { | ||
var source = arguments[i]; | ||
for (var key in source) { | ||
if (Object.prototype.hasOwnProperty.call(source, key)) { | ||
target[key] = source[key]; | ||
} | ||
} | ||
} | ||
return target; | ||
}; | ||
return _extends.apply(this, arguments); | ||
} | ||
function _objectWithoutPropertiesLoose(source, excluded) { | ||
if (source == null) | ||
return {}; | ||
var target = {}; | ||
var sourceKeys = Object.keys(source); | ||
var key, i; | ||
for (i = 0; i < sourceKeys.length; i++) { | ||
key = sourceKeys[i]; | ||
if (excluded.indexOf(key) >= 0) | ||
continue; | ||
target[key] = source[key]; | ||
} | ||
return target; | ||
} | ||
function _toPropertyKey(arg) { | ||
var key = _toPrimitive(arg, "string"); | ||
return typeof key === "symbol" ? key : String(key); | ||
} | ||
function _toPrimitive(input, hint) { | ||
if (typeof input !== "object" || input === null) | ||
return input; | ||
var prim = input[Symbol.toPrimitive]; | ||
if (prim !== void 0) { | ||
var res = prim.call(input, hint || "default"); | ||
if (typeof res !== "object") | ||
return res; | ||
throw new TypeError("@@toPrimitive must return a primitive value."); | ||
} | ||
return (hint === "string" ? String : Number)(input); | ||
} | ||
var CONTAIN = [ | ||
null, | ||
"paint", | ||
"layout", | ||
"content", | ||
"size", | ||
"size paint", | ||
"size layout", | ||
"strict" | ||
]; | ||
var SIZE_CONTENT_STYLE = { | ||
"position": "relative", | ||
"width": "100%", | ||
"height": "100%" | ||
}; | ||
function ContainWrapperWithRef(_ref, ref) { | ||
var _propName = "className", _ref$as = _ref.as, Comp = _ref$as === void 0 ? "div" : _ref$as, children = _ref.children, _ref$contentAs = _ref.contentAs, ContentComp = _ref$contentAs === void 0 ? "div" : _ref$contentAs, contentClassName = _ref.contentClassName, contentProps = _ref.contentProps, contentRef = _ref.contentRef, contentStyle = _ref.contentStyle, _ref$layout = _ref.layout, layout = _ref$layout === void 0 ? false : _ref$layout, _ref$paint = _ref.paint, paint = _ref$paint === void 0 ? false : _ref$paint, _ref$size = _ref.size, size = _ref$size === void 0 ? false : _ref$size, style = _ref["style"], wrapperClassName = _ref.wrapperClassName, wrapperStyle = _ref.wrapperStyle, className = _ref[_propName], rest = _objectWithoutPropertiesLoose(_ref, ["as", "children", "contentAs", "contentClassName", "contentProps", "contentRef", "contentStyle", "layout", "paint", "size", "style", "wrapperClassName", "wrapperStyle", _propName].map(_toPropertyKey)); | ||
var containIndex = (size ? 4 : 0) + (layout ? 2 : 0) + (paint ? 1 : 0); | ||
return import_preact.createElement(Comp, _extends({}, rest, { | ||
ref: ref, | ||
className: ((className || "") + " " + (wrapperClassName || "")).trim() || null, | ||
style: _extends({}, style, wrapperStyle, { | ||
contain: CONTAIN[containIndex] | ||
}) | ||
}), import_preact.createElement(ContentComp, _extends({}, contentProps, { | ||
ref: contentRef, | ||
className: contentClassName, | ||
style: _extends({}, size && SIZE_CONTENT_STYLE, { | ||
"overflow": paint ? "hidden" : "visible" | ||
}, contentStyle) | ||
}), children)); | ||
} | ||
var ContainWrapper = (0, import_compat.forwardRef)(ContainWrapperWithRef); | ||
// src/preact/component/wrapper.js | ||
var import_compat2 = __toModule(require("react")); | ||
function _extends2() { | ||
_extends2 = Object.assign || function(target) { | ||
for (var i = 1; i < arguments.length; i++) { | ||
var source = arguments[i]; | ||
for (var key in source) { | ||
if (Object.prototype.hasOwnProperty.call(source, key)) { | ||
target[key] = source[key]; | ||
} | ||
} | ||
} | ||
return target; | ||
}; | ||
return _extends2.apply(this, arguments); | ||
} | ||
function _objectWithoutPropertiesLoose2(source, excluded) { | ||
if (source == null) | ||
return {}; | ||
var target = {}; | ||
var sourceKeys = Object.keys(source); | ||
var key, i; | ||
for (i = 0; i < sourceKeys.length; i++) { | ||
key = sourceKeys[i]; | ||
if (excluded.indexOf(key) >= 0) | ||
continue; | ||
target[key] = source[key]; | ||
} | ||
return target; | ||
} | ||
function _toPropertyKey2(arg) { | ||
var key = _toPrimitive2(arg, "string"); | ||
return typeof key === "symbol" ? key : String(key); | ||
} | ||
function _toPrimitive2(input, hint) { | ||
if (typeof input !== "object" || input === null) | ||
return input; | ||
var prim = input[Symbol.toPrimitive]; | ||
if (prim !== void 0) { | ||
var res = prim.call(input, hint || "default"); | ||
if (typeof res !== "object") | ||
return res; | ||
throw new TypeError("@@toPrimitive must return a primitive value."); | ||
} | ||
return (hint === "string" ? String : Number)(input); | ||
} | ||
function WrapperWithRef(_ref, ref) { | ||
var _propName = "className", _ref$as = _ref.as, Comp = _ref$as === void 0 ? "div" : _ref$as, children = _ref.children, style = _ref["style"], wrapperClassName = _ref.wrapperClassName, wrapperStyle = _ref.wrapperStyle, className = _ref[_propName], rest = _objectWithoutPropertiesLoose2(_ref, ["as", "children", "style", "wrapperClassName", "wrapperStyle", _propName].map(_toPropertyKey2)); | ||
return import_preact.createElement(Comp, _extends2({}, rest, { | ||
ref: ref, | ||
className: ((className || "") + " " + (wrapperClassName || "")).trim() || null, | ||
style: _extends2({}, style, wrapperStyle) | ||
}), children); | ||
} | ||
var Wrapper = (0, import_compat2.forwardRef)(WrapperWithRef); | ||
// src/preact/component/value-ref.ts | ||
function useValueRef(current) { | ||
var valueRef = (0, import_hooks.useRef)(null); | ||
valueRef.current = current; | ||
return valueRef; | ||
} | ||
// src/core/types/array.js | ||
@@ -331,5 +154,6 @@ var isArray = Array.isArray; | ||
// src/preact/component/intersection-observer.js | ||
var import__2 = __toModule(require("@bentoproject/core")); | ||
function useIsInViewport(ref, ioOptions) { | ||
var _useState = (0, import_hooks.useState)(false), isInViewport = _useState[0], setIsInViewport = _useState[1]; | ||
(0, import_hooks.useEffect)(function() { | ||
var _useState = (0, import__2.useState)(false), isInViewport = _useState[0], setIsInViewport = _useState[1]; | ||
(0, import__2.useEffect)(function() { | ||
var node = ref.current; | ||
@@ -347,6 +171,14 @@ if (!node) { | ||
// extensions/amp-list/1.0/component.js | ||
var import_context = __toModule(require("@bentoproject/core")); | ||
// src/preact/hooks/useInfiniteQuery.ts | ||
var import__4 = __toModule(require("@bentoproject/core")); | ||
var import_component = __toModule(require("@bentoproject/core")); | ||
// src/preact/hooks/useStateSafe.ts | ||
var import__3 = __toModule(require("@bentoproject/core")); | ||
function useStateSafe(initialState2) { | ||
var isMounted = (0, import_hooks.useRef)(false); | ||
(0, import_hooks.useEffect)(function() { | ||
var isMounted = (0, import__3.useRef)(false); | ||
(0, import__3.useEffect)(function() { | ||
isMounted.current = true; | ||
@@ -357,4 +189,4 @@ return function() { | ||
}, []); | ||
var _useState = (0, import_hooks.useState)(initialState2), state = _useState[0], setState = _useState[1]; | ||
var setStateSafe = (0, import_hooks.useCallback)(function(newState) { | ||
var _useState = (0, import__3.useState)(initialState2), state = _useState[0], setState = _useState[1]; | ||
var setStateSafe = (0, import__3.useCallback)(function(newState) { | ||
if (!isMounted.current) { | ||
@@ -369,4 +201,4 @@ return; | ||
// src/preact/hooks/useInfiniteQuery.ts | ||
function _extends3() { | ||
_extends3 = Object.assign || function(target) { | ||
function _extends() { | ||
_extends = Object.assign || function(target) { | ||
for (var i = 1; i < arguments.length; i++) { | ||
@@ -382,3 +214,3 @@ var source = arguments[i]; | ||
}; | ||
return _extends3.apply(this, arguments); | ||
return _extends.apply(this, arguments); | ||
} | ||
@@ -423,3 +255,3 @@ function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { | ||
var _useStateSafe = useStateSafe(initialState), state = _useStateSafe[0], setState = _useStateSafe[1]; | ||
var ref = useValueRef({ | ||
var ref = (0, import_component.useValueRef)({ | ||
fetchPage: fetchPage, | ||
@@ -429,4 +261,4 @@ getNextPageParam: getNextPageParam, | ||
}); | ||
var fetchIndexRef = (0, import_hooks.useRef)(0); | ||
var loadMore = (0, import_hooks.useCallback)(/* @__PURE__ */ function() { | ||
var fetchIndexRef = (0, import__4.useRef)(0); | ||
var loadMore = (0, import__4.useCallback)(/* @__PURE__ */ function() { | ||
var _ref2 = _asyncToGenerator(/* @__PURE__ */ regeneratorRuntime.mark(function _callee(resetting) { | ||
@@ -450,3 +282,3 @@ var _ref$current, fetchPage2, getNextPageParam2, state2, fetchIndex, pages, lastPage, newPage, nextPageParam; | ||
setState(function(s) { | ||
return _extends3({}, s, { | ||
return _extends({}, s, { | ||
loading: true | ||
@@ -489,3 +321,3 @@ }); | ||
setState(function(s) { | ||
return _extends3({}, s, { | ||
return _extends({}, s, { | ||
loading: false, | ||
@@ -506,6 +338,6 @@ error: _context.t0 | ||
}(), [ref, setState]); | ||
var reset = (0, import_hooks.useCallback)(function() { | ||
var reset = (0, import__4.useCallback)(function() { | ||
return loadMore(true); | ||
}, [loadMore]); | ||
return _extends3({}, state, { | ||
return _extends({}, state, { | ||
loadMore: loadMore, | ||
@@ -608,4 +440,4 @@ reset: reset | ||
var _excluded = ["src", "fetchJson", "itemsKey", "maxItems", "loadMore", "loadMoreBookmark", "viewportBuffer", "template", "wrapperTemplate", "loadMoreTemplate", "loadingTemplate", "errorTemplate"]; | ||
function _extends4() { | ||
_extends4 = Object.assign || function(target) { | ||
function _extends2() { | ||
_extends2 = Object.assign || function(target) { | ||
for (var i = 1; i < arguments.length; i++) { | ||
@@ -621,3 +453,3 @@ var source = arguments[i]; | ||
}; | ||
return _extends4.apply(this, arguments); | ||
return _extends2.apply(this, arguments); | ||
} | ||
@@ -653,3 +485,3 @@ function asyncGeneratorStep3(gen, resolve, reject, _next, _throw, key, arg) { | ||
} | ||
function _objectWithoutPropertiesLoose3(source, excluded) { | ||
function _objectWithoutPropertiesLoose(source, excluded) { | ||
if (source == null) | ||
@@ -669,11 +501,11 @@ return {}; | ||
var defaultItemTemplate = function defaultItemTemplate2(item) { | ||
return import_preact.createElement("div", null, String(item)); | ||
return Preact.createElement("div", null, String(item)); | ||
}; | ||
var defaultWrapperTemplate = function defaultWrapperTemplate2(list) { | ||
return import_preact.createElement("div", null, list); | ||
return Preact.createElement("div", null, list); | ||
}; | ||
var defaultErrorTemplate = function defaultErrorTemplate2(styles, unusedError) { | ||
return import_preact.createElement("div", null, "Unable to Load More ", import_preact.createElement("button", { | ||
return Preact.createElement("div", null, "Unable to Load More ", Preact.createElement("button", { | ||
"load-more-retry": true | ||
}, import_preact.createElement("label", null, import_preact.createElement("span", { | ||
}, Preact.createElement("label", null, Preact.createElement("span", { | ||
className: styles.loadMoreIcon | ||
@@ -683,8 +515,8 @@ }), " Retry"))); | ||
var defaultLoadMoreTemplate = function defaultLoadMoreTemplate2() { | ||
return import_preact.createElement("div", null, import_preact.createElement("button", { | ||
return Preact.createElement("div", null, Preact.createElement("button", { | ||
"load-more-button": true | ||
}, import_preact.createElement("label", null, "See More"))); | ||
}, Preact.createElement("label", null, "See More"))); | ||
}; | ||
var defaultLoadingTemplate = function defaultLoadingTemplate2(styles) { | ||
return import_preact.createElement("div", null, import_preact.createElement("span", { | ||
return Preact.createElement("div", null, Preact.createElement("span", { | ||
"aria-label": "Loading", | ||
@@ -719,5 +551,5 @@ className: styles.loadMoreSpinner | ||
function BentoListWithRef(_ref, ref) { | ||
var _ref$src = _ref.src, src = _ref$src === void 0 ? null : _ref$src, _ref$fetchJson = _ref.fetchJson, fetchJson2 = _ref$fetchJson === void 0 ? xhrUtils.fetchJson : _ref$fetchJson, _ref$itemsKey = _ref.itemsKey, itemsKey = _ref$itemsKey === void 0 ? "items" : _ref$itemsKey, _ref$maxItems = _ref.maxItems, maxItems = _ref$maxItems === void 0 ? 0 : _ref$maxItems, _ref$loadMore = _ref.loadMore, loadMoreMode = _ref$loadMore === void 0 ? "none" : _ref$loadMore, _ref$loadMoreBookmark = _ref.loadMoreBookmark, loadMoreBookmark = _ref$loadMoreBookmark === void 0 ? "load-more-src" : _ref$loadMoreBookmark, _ref$viewportBuffer = _ref.viewportBuffer, viewportBuffer = _ref$viewportBuffer === void 0 ? 2 : _ref$viewportBuffer, _ref$template = _ref.template, itemTemplate = _ref$template === void 0 ? defaultItemTemplate : _ref$template, _ref$wrapperTemplate = _ref.wrapperTemplate, wrapperTemplate = _ref$wrapperTemplate === void 0 ? defaultWrapperTemplate : _ref$wrapperTemplate, _ref$loadMoreTemplate = _ref.loadMoreTemplate, loadMoreTemplate = _ref$loadMoreTemplate === void 0 ? defaultLoadMoreTemplate : _ref$loadMoreTemplate, _ref$loadingTemplate = _ref.loadingTemplate, loadingTemplate = _ref$loadingTemplate === void 0 ? defaultLoadingTemplate : _ref$loadingTemplate, _ref$errorTemplate = _ref.errorTemplate, errorTemplate = _ref$errorTemplate === void 0 ? defaultErrorTemplate : _ref$errorTemplate, rest = _objectWithoutPropertiesLoose3(_ref, _excluded); | ||
var _useAmpContext = useAmpContext(), renderable = _useAmpContext.renderable; | ||
var ioOptions = (0, import_hooks.useMemo)(function() { | ||
var _ref$src = _ref.src, src = _ref$src === void 0 ? null : _ref$src, _ref$fetchJson = _ref.fetchJson, fetchJson2 = _ref$fetchJson === void 0 ? xhrUtils.fetchJson : _ref$fetchJson, _ref$itemsKey = _ref.itemsKey, itemsKey = _ref$itemsKey === void 0 ? "items" : _ref$itemsKey, _ref$maxItems = _ref.maxItems, maxItems = _ref$maxItems === void 0 ? 0 : _ref$maxItems, _ref$loadMore = _ref.loadMore, loadMoreMode = _ref$loadMore === void 0 ? "none" : _ref$loadMore, _ref$loadMoreBookmark = _ref.loadMoreBookmark, loadMoreBookmark = _ref$loadMoreBookmark === void 0 ? "load-more-src" : _ref$loadMoreBookmark, _ref$viewportBuffer = _ref.viewportBuffer, viewportBuffer = _ref$viewportBuffer === void 0 ? 2 : _ref$viewportBuffer, _ref$template = _ref.template, itemTemplate = _ref$template === void 0 ? defaultItemTemplate : _ref$template, _ref$wrapperTemplate = _ref.wrapperTemplate, wrapperTemplate = _ref$wrapperTemplate === void 0 ? defaultWrapperTemplate : _ref$wrapperTemplate, _ref$loadMoreTemplate = _ref.loadMoreTemplate, loadMoreTemplate = _ref$loadMoreTemplate === void 0 ? defaultLoadMoreTemplate : _ref$loadMoreTemplate, _ref$loadingTemplate = _ref.loadingTemplate, loadingTemplate = _ref$loadingTemplate === void 0 ? defaultLoadingTemplate : _ref$loadingTemplate, _ref$errorTemplate = _ref.errorTemplate, errorTemplate = _ref$errorTemplate === void 0 ? defaultErrorTemplate : _ref$errorTemplate, rest = _objectWithoutPropertiesLoose(_ref, _excluded); | ||
var _useAmpContext = (0, import_context.useAmpContext)(), renderable = _useAmpContext.renderable; | ||
var ioOptions = (0, import_preact.useMemo)(function() { | ||
var bufferPct = Math.floor(viewportBuffer * 100); | ||
@@ -729,3 +561,3 @@ return { | ||
}, [viewportBuffer]); | ||
var bottomRef = (0, import_hooks.useRef)(null); | ||
var bottomRef = (0, import_preact.useRef)(null); | ||
var isBottomNearingViewport = useIsInViewport(bottomRef, ioOptions); | ||
@@ -768,7 +600,7 @@ var _useInfiniteQuery = useInfiniteQuery({ | ||
}), error = _useInfiniteQuery.error, hasMore = _useInfiniteQuery.hasMore, loadMore = _useInfiniteQuery.loadMore, loading = _useInfiniteQuery.loading, pages = _useInfiniteQuery.pages, reset = _useInfiniteQuery.reset; | ||
(0, import_hooks.useEffect)(function() { | ||
(0, import_preact.useEffect)(function() { | ||
reset(); | ||
}, [src, renderable, loadMoreBookmark, reset]); | ||
var shouldLoadMore = renderable && loadMoreMode === "auto" && isBottomNearingViewport && !loading && hasMore; | ||
(0, import_hooks.useEffect)(function() { | ||
(0, import_preact.useEffect)(function() { | ||
if (shouldLoadMore) { | ||
@@ -778,3 +610,3 @@ loadMore(); | ||
}, [shouldLoadMore, loadMore]); | ||
var list = (0, import_hooks.useMemo)(function() { | ||
var list = (0, import_preact.useMemo)(function() { | ||
var items = pages.flatMap(function(page) { | ||
@@ -789,3 +621,3 @@ return getItemsFromPage(page, itemsKey); | ||
if (renderedItem && typeof renderedItem === "object" && typeof renderedItem.__html === "string") { | ||
renderedItem = import_preact.createElement("span", { | ||
renderedItem = Preact.createElement("span", { | ||
dangerouslySetInnerHTML: renderedItem | ||
@@ -809,3 +641,3 @@ }); | ||
var showLoadMore = loadMoreMode === "manual" && hasMore && !loading; | ||
(0, import_hooks.useImperativeHandle)(ref, function() { | ||
(0, import_preact.useImperativeHandle)(ref, function() { | ||
return { | ||
@@ -816,15 +648,15 @@ refresh: reset | ||
var styles = useStyles(); | ||
return import_preact.createElement(ContainWrapper, _extends4({ | ||
return Preact.createElement(import_component2.ContainWrapper, _extends2({ | ||
"aria-live": "polite" | ||
}, rest, { | ||
onClick: handleContainerClick | ||
}), import_preact.createElement(Fragment, { | ||
}), Preact.createElement(import_preact.Fragment, { | ||
"test-id": "contents" | ||
}, showResults && augment(wrapperTemplate(list), { | ||
"role": "list" | ||
}), showLoading && loadingTemplate(styles), showLoadMore && loadMoreTemplate(styles), error && errorTemplate(styles, error), loadMoreMode === "auto" && import_preact.createElement("span", { | ||
}), showLoading && loadingTemplate(styles), showLoadMore && loadMoreTemplate(styles), error && errorTemplate(styles, error), loadMoreMode === "auto" && Preact.createElement("span", { | ||
ref: bottomRef | ||
}))); | ||
} | ||
var BentoList = (0, import_compat3.forwardRef)(BentoListWithRef); | ||
var BentoList = (0, import_compat.forwardRef)(BentoListWithRef); | ||
BentoList.displayName = "List"; | ||
@@ -835,3 +667,3 @@ function augment(component, props) { | ||
} | ||
return (0, import_preact.cloneElement)(component, _extends4({}, props, component.props)); | ||
return (0, import_preact.cloneElement)(component, _extends2({}, props, component.props)); | ||
} | ||
@@ -838,0 +670,0 @@ /*! https://mths.be/cssescape v1.5.1 by @mathias | MIT license */ |
@@ -22,209 +22,10 @@ var __async = (__this, __arguments, generator) => { | ||
// src/preact/index.js | ||
import { hydrate, render } from "react-dom"; | ||
import { createElement, cloneElement, createRef, createContext, isValidElement } from "react"; | ||
import { useState, useRef, useEffect, useLayoutEffect, useContext, useMemo, useCallback, useImperativeHandle } from "react"; | ||
function Fragment(props) { | ||
return props.children; | ||
} | ||
// extensions/amp-list/1.0/component.js | ||
import { forwardRef as forwardRef3 } from "react"; | ||
// src/preact/component/contain.jsx | ||
import { | ||
createElement | ||
} from "@bentoproject/core"; | ||
import { Fragment, cloneElement, isValidElement, useEffect as useEffect3, useImperativeHandle, useMemo, useRef as useRef4 } from "@bentoproject/core"; | ||
import { forwardRef } from "react"; | ||
import { ContainWrapper } from "@bentoproject/core"; | ||
// src/core/constants/loading-instructions.js | ||
var Loading_Enum = { | ||
AUTO: "auto", | ||
LAZY: "lazy", | ||
EAGER: "eager", | ||
UNLOAD: "unload" | ||
}; | ||
var ORDER = [Loading_Enum.AUTO, Loading_Enum.LAZY, Loading_Enum.EAGER, Loading_Enum.UNLOAD]; | ||
var MAP = { | ||
[Loading_Enum.AUTO]: 0, | ||
[Loading_Enum.LAZY]: 1, | ||
[Loading_Enum.EAGER]: 2, | ||
[Loading_Enum.UNLOAD]: 3 | ||
}; | ||
// src/preact/context.tsx | ||
var context; | ||
function getAmpContext() { | ||
return context || (context = createContext({ | ||
renderable: true, | ||
playable: true, | ||
loading: Loading_Enum.AUTO | ||
})); | ||
} | ||
function useAmpContext() { | ||
const AmpContext = getAmpContext(); | ||
return useContext(AmpContext); | ||
} | ||
// src/preact/component/contain.jsx | ||
function _extends() { | ||
_extends = Object.assign || function(target) { | ||
for (var i = 1; i < arguments.length; i++) { | ||
var source = arguments[i]; | ||
for (var key in source) { | ||
if (Object.prototype.hasOwnProperty.call(source, key)) { | ||
target[key] = source[key]; | ||
} | ||
} | ||
} | ||
return target; | ||
}; | ||
return _extends.apply(this, arguments); | ||
} | ||
function _objectWithoutPropertiesLoose(source, excluded) { | ||
if (source == null) | ||
return {}; | ||
var target = {}; | ||
var sourceKeys = Object.keys(source); | ||
var key, i; | ||
for (i = 0; i < sourceKeys.length; i++) { | ||
key = sourceKeys[i]; | ||
if (excluded.indexOf(key) >= 0) | ||
continue; | ||
target[key] = source[key]; | ||
} | ||
return target; | ||
} | ||
function _toPropertyKey(arg) { | ||
var key = _toPrimitive(arg, "string"); | ||
return typeof key === "symbol" ? key : String(key); | ||
} | ||
function _toPrimitive(input, hint) { | ||
if (typeof input !== "object" || input === null) | ||
return input; | ||
var prim = input[Symbol.toPrimitive]; | ||
if (prim !== void 0) { | ||
var res = prim.call(input, hint || "default"); | ||
if (typeof res !== "object") | ||
return res; | ||
throw new TypeError("@@toPrimitive must return a primitive value."); | ||
} | ||
return (hint === "string" ? String : Number)(input); | ||
} | ||
var CONTAIN = [ | ||
null, | ||
"paint", | ||
"layout", | ||
"content", | ||
"size", | ||
"size paint", | ||
"size layout", | ||
"strict" | ||
]; | ||
var SIZE_CONTENT_STYLE = { | ||
"position": "relative", | ||
"width": "100%", | ||
"height": "100%" | ||
}; | ||
function ContainWrapperWithRef(_ref, ref) { | ||
let _propName = "className", { | ||
as: Comp = "div", | ||
children, | ||
contentAs: ContentComp = "div", | ||
contentClassName, | ||
contentProps, | ||
contentRef, | ||
contentStyle, | ||
layout = false, | ||
paint = false, | ||
size = false, | ||
"style": style, | ||
wrapperClassName, | ||
wrapperStyle, | ||
[_propName]: className | ||
} = _ref, rest = _objectWithoutPropertiesLoose(_ref, ["as", "children", "contentAs", "contentClassName", "contentProps", "contentRef", "contentStyle", "layout", "paint", "size", "style", "wrapperClassName", "wrapperStyle", _propName].map(_toPropertyKey)); | ||
const containIndex = (size ? 4 : 0) + (layout ? 2 : 0) + (paint ? 1 : 0); | ||
return createElement(Comp, _extends({}, rest, { | ||
ref, | ||
className: `${className || ""} ${wrapperClassName || ""}`.trim() || null, | ||
style: _extends({}, style, wrapperStyle, { | ||
contain: CONTAIN[containIndex] | ||
}) | ||
}), createElement(ContentComp, _extends({}, contentProps, { | ||
ref: contentRef, | ||
className: contentClassName, | ||
style: _extends({}, size && SIZE_CONTENT_STYLE, { | ||
"overflow": paint ? "hidden" : "visible" | ||
}, contentStyle) | ||
}), children)); | ||
} | ||
var ContainWrapper = forwardRef(ContainWrapperWithRef); | ||
// src/preact/component/wrapper.js | ||
import { forwardRef as forwardRef2 } from "react"; | ||
function _extends2() { | ||
_extends2 = Object.assign || function(target) { | ||
for (var i = 1; i < arguments.length; i++) { | ||
var source = arguments[i]; | ||
for (var key in source) { | ||
if (Object.prototype.hasOwnProperty.call(source, key)) { | ||
target[key] = source[key]; | ||
} | ||
} | ||
} | ||
return target; | ||
}; | ||
return _extends2.apply(this, arguments); | ||
} | ||
function _objectWithoutPropertiesLoose2(source, excluded) { | ||
if (source == null) | ||
return {}; | ||
var target = {}; | ||
var sourceKeys = Object.keys(source); | ||
var key, i; | ||
for (i = 0; i < sourceKeys.length; i++) { | ||
key = sourceKeys[i]; | ||
if (excluded.indexOf(key) >= 0) | ||
continue; | ||
target[key] = source[key]; | ||
} | ||
return target; | ||
} | ||
function _toPropertyKey2(arg) { | ||
var key = _toPrimitive2(arg, "string"); | ||
return typeof key === "symbol" ? key : String(key); | ||
} | ||
function _toPrimitive2(input, hint) { | ||
if (typeof input !== "object" || input === null) | ||
return input; | ||
var prim = input[Symbol.toPrimitive]; | ||
if (prim !== void 0) { | ||
var res = prim.call(input, hint || "default"); | ||
if (typeof res !== "object") | ||
return res; | ||
throw new TypeError("@@toPrimitive must return a primitive value."); | ||
} | ||
return (hint === "string" ? String : Number)(input); | ||
} | ||
function WrapperWithRef(_ref, ref) { | ||
let _propName = "className", { | ||
as: Comp = "div", | ||
children, | ||
"style": style, | ||
wrapperClassName, | ||
wrapperStyle, | ||
[_propName]: className | ||
} = _ref, rest = _objectWithoutPropertiesLoose2(_ref, ["as", "children", "style", "wrapperClassName", "wrapperStyle", _propName].map(_toPropertyKey2)); | ||
return createElement(Comp, _extends2({}, rest, { | ||
ref, | ||
className: `${className || ""} ${wrapperClassName || ""}`.trim() || null, | ||
style: _extends2({}, style, wrapperStyle) | ||
}), children); | ||
} | ||
var Wrapper = forwardRef2(WrapperWithRef); | ||
// src/preact/component/value-ref.ts | ||
function useValueRef(current) { | ||
const valueRef = useRef(null); | ||
valueRef.current = current; | ||
return valueRef; | ||
} | ||
// src/core/types/array.js | ||
@@ -340,2 +141,3 @@ function removeItem(array, item) { | ||
// src/preact/component/intersection-observer.js | ||
import { useCallback, useEffect, useRef, useState } from "@bentoproject/core"; | ||
function useIsInViewport(ref, ioOptions) { | ||
@@ -356,6 +158,14 @@ const [isInViewport, setIsInViewport] = useState(false); | ||
// extensions/amp-list/1.0/component.js | ||
import { useAmpContext } from "@bentoproject/core"; | ||
// src/preact/hooks/useInfiniteQuery.ts | ||
import { useCallback as useCallback3, useRef as useRef3 } from "@bentoproject/core"; | ||
import { useValueRef } from "@bentoproject/core"; | ||
// src/preact/hooks/useStateSafe.ts | ||
import { useCallback as useCallback2, useEffect as useEffect2, useRef as useRef2, useState as useState2 } from "@bentoproject/core"; | ||
function useStateSafe(initialState2) { | ||
const isMounted = useRef(false); | ||
useEffect(() => { | ||
const isMounted = useRef2(false); | ||
useEffect2(() => { | ||
isMounted.current = true; | ||
@@ -366,4 +176,4 @@ return () => { | ||
}, []); | ||
const [state, setState] = useState(initialState2); | ||
const setStateSafe = useCallback((newState) => { | ||
const [state, setState] = useState2(initialState2); | ||
const setStateSafe = useCallback2((newState) => { | ||
if (!isMounted.current) { | ||
@@ -378,4 +188,4 @@ return; | ||
// src/preact/hooks/useInfiniteQuery.ts | ||
function _extends3() { | ||
_extends3 = Object.assign || function(target) { | ||
function _extends() { | ||
_extends = Object.assign || function(target) { | ||
for (var i = 1; i < arguments.length; i++) { | ||
@@ -391,3 +201,3 @@ var source = arguments[i]; | ||
}; | ||
return _extends3.apply(this, arguments); | ||
return _extends.apply(this, arguments); | ||
} | ||
@@ -410,4 +220,4 @@ var initialState = { | ||
}); | ||
const fetchIndexRef = useRef(0); | ||
const loadMore = useCallback((resetting = false) => __async(this, null, function* () { | ||
const fetchIndexRef = useRef3(0); | ||
const loadMore = useCallback3((resetting = false) => __async(this, null, function* () { | ||
const { | ||
@@ -422,3 +232,3 @@ fetchPage: fetchPage2, | ||
const fetchIndex = ++fetchIndexRef.current; | ||
setState((s) => _extends3({}, s, { | ||
setState((s) => _extends({}, s, { | ||
loading: true | ||
@@ -446,3 +256,3 @@ })); | ||
} | ||
setState((s) => _extends3({}, s, { | ||
setState((s) => _extends({}, s, { | ||
loading: false, | ||
@@ -453,4 +263,4 @@ error | ||
}), [ref, setState]); | ||
const reset = useCallback(() => loadMore(true), [loadMore]); | ||
return _extends3({}, state, { | ||
const reset = useCallback3(() => loadMore(true), [loadMore]); | ||
return _extends({}, state, { | ||
loadMore, | ||
@@ -503,4 +313,4 @@ reset | ||
var _excluded = ["src", "fetchJson", "itemsKey", "maxItems", "loadMore", "loadMoreBookmark", "viewportBuffer", "template", "wrapperTemplate", "loadMoreTemplate", "loadingTemplate", "errorTemplate"]; | ||
function _extends4() { | ||
_extends4 = Object.assign || function(target) { | ||
function _extends2() { | ||
_extends2 = Object.assign || function(target) { | ||
for (var i = 1; i < arguments.length; i++) { | ||
@@ -516,5 +326,5 @@ var source = arguments[i]; | ||
}; | ||
return _extends4.apply(this, arguments); | ||
return _extends2.apply(this, arguments); | ||
} | ||
function _objectWithoutPropertiesLoose3(source, excluded) { | ||
function _objectWithoutPropertiesLoose(source, excluded) { | ||
if (source == null) | ||
@@ -585,3 +395,3 @@ return {}; | ||
errorTemplate = defaultErrorTemplate | ||
} = _ref, rest = _objectWithoutPropertiesLoose3(_ref, _excluded); | ||
} = _ref, rest = _objectWithoutPropertiesLoose(_ref, _excluded); | ||
const { | ||
@@ -597,3 +407,3 @@ renderable | ||
}, [viewportBuffer]); | ||
const bottomRef = useRef(null); | ||
const bottomRef = useRef4(null); | ||
const isBottomNearingViewport = useIsInViewport(bottomRef, ioOptions); | ||
@@ -621,7 +431,7 @@ const { | ||
}); | ||
useEffect(() => { | ||
useEffect3(() => { | ||
reset(); | ||
}, [src, renderable, loadMoreBookmark, reset]); | ||
const shouldLoadMore = renderable && loadMoreMode === "auto" && isBottomNearingViewport && !loading && hasMore; | ||
useEffect(() => { | ||
useEffect3(() => { | ||
if (shouldLoadMore) { | ||
@@ -662,3 +472,3 @@ loadMore(); | ||
const styles = useStyles(); | ||
return createElement(ContainWrapper, _extends4({ | ||
return createElement(ContainWrapper, _extends2({ | ||
"aria-live": "polite" | ||
@@ -675,3 +485,3 @@ }, rest, { | ||
} | ||
var BentoList = forwardRef3(BentoListWithRef); | ||
var BentoList = forwardRef(BentoListWithRef); | ||
BentoList.displayName = "List"; | ||
@@ -682,3 +492,3 @@ function augment(component, props) { | ||
} | ||
return cloneElement(component, _extends4({}, props, component.props)); | ||
return cloneElement(component, _extends2({}, props, component.props)); | ||
} | ||
@@ -685,0 +495,0 @@ export { |
; | ||
var e,t=(e,t,r)=>new Promise(((n,o)=>{var a=e=>{try{i(r.next(e))}catch(e){o(e)}},l=e=>{try{i(r.throw(e))}catch(e){o(e)}},i=e=>e.done?n(e.value):Promise.resolve(e.value).then(a,l);i((r=r.apply(e,t)).next())}));function r(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function n(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function o(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?n(Object(o),!0).forEach((function(t){r(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):n(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}function a(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}import{hydrate as l,render as i}from"react-dom";import{createElement as c,cloneElement as s,createRef as u,createContext as f,isValidElement as m}from"react";import{useState as p,useRef as d,useEffect as y,useLayoutEffect as b,useContext as g,useMemo as h,useCallback as v,useImperativeHandle as w}from"react";function M(e){return e.children}import{forwardRef as P}from"react";function S(e){return(S="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function j(e){var t=function(e,t){if("object"!==S(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,"string");if("object"!==S(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===S(t)?t:String(t)}import{forwardRef as N}from"react";var O=[null,"paint","layout","content","size","size paint","size layout","strict"],T={"position":"relative","width":"100%","height":"100%"},k=N((function(e,t){let r="className",{as:n="div",children:l,contentAs:i="div",contentClassName:s,contentProps:u,contentRef:f,contentStyle:m,layout:p=!1,paint:d=!1,size:y=!1,"style":b,wrapperClassName:g,wrapperStyle:h,[r]:v}=e,w=a(e,["as","children","contentAs","contentClassName","contentProps","contentRef","contentStyle","layout","paint","size","style","wrapperClassName","wrapperStyle",r].map(j));const M=(y?4:0)+(p?2:0)+(d?1:0);return c(n,o(o({},w),{},{ref:t,className:`${v||""} ${g||""}`.trim()||null,style:o(o(o({},b),h),{},{contain:O[M]})}),c(i,o(o({},u),{},{ref:f,className:s,style:o(o({},y&&T),{},{"overflow":d?"hidden":"visible"},m)}),l))}));import{forwardRef as x}from"react";x((function(e,t){let r="className",{as:n="div",children:l,"style":i,wrapperClassName:s,wrapperStyle:u,[r]:f}=e,m=a(e,["as","children","style","wrapperClassName","wrapperStyle",r].map(j));return c(n,o(o({},m),{},{ref:t,className:`${f||""} ${s||""}`.trim()||null,style:o(o({},i),u)}),l)}));var{hasOwnProperty:C,toString:R}=Object.prototype;function z(e){return(e.ownerDocument||e).defaultView}function B(e,t,r={}){const{needsRootBounds:n,rootMargin:o,threshold:a}=r,l=function(e){return e.parent&&e.parent!=e}(t)&&(n||o)?t.document:void 0;return new t.IntersectionObserver(e,{threshold:a,root:l,rootMargin:o})}var $=new WeakMap,I=new WeakMap;function L(e){const t=new Set;for(let r=e.length-1;r>=0;r--){const n=e[r],{target:o}=n;if(t.has(o))continue;t.add(o);const a=I.get(o);if(a)for(let e=0;e<a.length;e++)(0,a[e])(n)}}var A={loading:!1,error:null,pages:[],hasMore:!0},J={fetchJson(e,t){return this.fetch(e,t).then((e=>e.json()))},fetch(e,r){return t(this,null,(function*(){const t=yield self.fetch(e,r);if(!t.ok)throw new Error(t.statusText);return t}))}},E={loadMoreSpinner:"load-more-spinner-cc33818",loadMoreIcon:"load-more-icon-cc33818"},K=["src","fetchJson","itemsKey","maxItems","loadMore","loadMoreBookmark","viewportBuffer","template","wrapperTemplate","loadMoreTemplate","loadingTemplate","errorTemplate"],W=e=>c("div",null,String(e)),H=e=>c("div",null,e),U=(e,t)=>c("div",null,"Unable to Load More ",c("button",{"load-more-retry":!0},c("label",null,c("span",{className:e.loadMoreIcon})," Retry"))),q=()=>c("div",null,c("button",{"load-more-button":!0},c("label",null,"See More"))),D=e=>c("div",null,c("span",{"aria-label":"Loading",className:e.loadMoreSpinner}));function F(e,t){return t.split(".").reduce(((e,t)=>e&&""!==t?e[t]:e),e)}function G(r,n){let{src:l=null,fetchJson:i=J.fetchJson,itemsKey:s="items",maxItems:u=0,loadMore:m="none",loadMoreBookmark:b="load-more-src",viewportBuffer:P=2,template:S=W,wrapperTemplate:j=H,loadMoreTemplate:N=q,loadingTemplate:O=D,errorTemplate:T=U}=r,x=a(r,K);const{renderable:C}=function(){const t=e||(e=f({renderable:!0,playable:!0,loading:"auto"}));return g(t)}(),R=h((()=>({rootMargin:`0% 0% ${Math.floor(100*P)}% 0%`,threshold:0})),[P]),G=d(null),Q=function(e,t){const[r,n]=p(!1);return y((()=>{const r=e.current;if(r)return function(e,t,r){const n=z(e);if(r){const o=B((e=>{t(e[e.length-1])}),n,r);return o.observe(e),()=>{o.unobserve(e)}}let o=$.get(n);o||$.set(n,o=B(L,n));let a=I.get(e);return a||(a=[],I.set(e,a)),a.push(t),o.observe(e),()=>{!function(e,t){const r=I.get(e);if(!r)return;if(!function(e,t){const r=e.indexOf(t);return-1!=r&&(e.splice(r,1),!0)}(r,t))return;if(r.length)return;const n=z(e),o=$.get(n);null==o||o.unobserve(e),I.delete(e)}(e,t)}}(r,(e=>{n(e.isIntersecting)}),t)}),[e,t]),r}(G,R),{error:X,hasMore:Y,loadMore:Z,loading:_,pages:ee,reset:te}=function({fetchPage:e,getNextPageParam:r}){const[n,a]=function(e){const t=d(!1);y((()=>(t.current=!0,()=>{t.current=!1})),[]);const[r,n]=p(e);return[r,v((e=>{t.current&&n(e)}),[n])]}(A),l=function(e){const t=d(null);return t.current=e,t}({fetchPage:e,getNextPageParam:r,state:n}),i=d(0),c=v(((e=!1)=>t(this,null,(function*(){const{fetchPage:t,getNextPageParam:r,state:n}=l.current;if(!e&&n.loading)return;const c=++i.current;a((e=>o(o({},e),{},{loading:!0})));const s=e?[]:n.pages,u=s.length?s[s.length-1]:void 0;try{const e=yield t({pageParam:u?r(u):void 0});if(c!==i.current)return;const n=r(e);a({loading:!1,error:null,pages:[...s,e],hasMore:null!=n})}catch(e){if(c!==i.current)return;a((t=>o(o({},t),{},{loading:!1,error:e})))}}))),[l,a]),s=v((()=>c(!0)),[c]);return o(o({},n),{},{loadMore:c,reset:s})}({fetchPage:e=>t(this,[e],(function*({pageParam:e=l}){return C?yield i(e):null})),getNextPageParam:e=>function(e,t){return F(e,t)}(e,b)});y((()=>{te()}),[l,C,b,te]);const re=C&&"auto"===m&&Q&&!_&&Y;y((()=>{re&&Z()}),[re,Z]);const ne=h((()=>{let e=ee.flatMap((e=>function(e,t){if(!e)return[];let r=F(e,t);return r?(Array.isArray(r)||(r=[r]),r):[]}(e,s)));return u>0&&e.length>u&&(e=e.slice(0,u)),e.map(((e,t)=>{let r=S(e);return r&&"object"==typeof r&&"string"==typeof r.__html&&(r=c("span",{dangerouslySetInnerHTML:r})),V(r,{"key":t,"role":"listitem"})}))}),[ee,s,u,S]),oe=_,ae=0!==ne.length,le="manual"===m&&Y&&!_;w(n,(()=>({refresh:te})),[te]);const ie=E;return c(k,o(o({"aria-live":"polite"},x),{},{onClick:e=>{e.target.closest("[load-more-button], [load-more-retry]")&&Z()}}),c(M,{"test-id":"contents"},ae&&V(j(ne),{"role":"list"}),oe&&O(ie),le&&N(ie),X&&T(ie,X),"auto"===m&&c("span",{ref:G})))}var Q=P(G);function V(e,t){return m(e)?s(e,o(o({},t),e.props)):e}Q.displayName="List";export{Q as BentoList,G as BentoListWithRef}; | ||
var e=(e,t,r)=>new Promise(((o,n)=>{var a=e=>{try{l(r.next(e))}catch(e){n(e)}},c=e=>{try{l(r.throw(e))}catch(e){n(e)}},l=e=>e.done?o(e.value):Promise.resolve(e.value).then(a,c);l((r=r.apply(e,t)).next())}));function t(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function r(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function o(e){for(var o=1;o<arguments.length;o++){var n=null!=arguments[o]?arguments[o]:{};o%2?r(Object(n),!0).forEach((function(r){t(e,r,n[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):r(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}import{createElement as n}from"@bentoproject/core";import{Fragment as a,cloneElement as c,isValidElement as l,useEffect as i,useImperativeHandle as u,useMemo as s,useRef as f}from"@bentoproject/core";import{forwardRef as m}from"react";import{ContainWrapper as p}from"@bentoproject/core";var{hasOwnProperty:d,toString:b}=Object.prototype;function g(e){return(e.ownerDocument||e).defaultView}function h(e,t,r={}){const{needsRootBounds:o,rootMargin:n,threshold:a}=r,c=function(e){return e.parent&&e.parent!=e}(t)&&(o||n)?t.document:void 0;return new t.IntersectionObserver(e,{threshold:a,root:c,rootMargin:n})}var j=new WeakMap,v=new WeakMap;function M(e){const t=new Set;for(let r=e.length-1;r>=0;r--){const o=e[r],{target:n}=o;if(t.has(n))continue;t.add(n);const a=v.get(n);if(a)for(let e=0;e<a.length;e++)(0,a[e])(o)}}import{useCallback as y,useEffect as P,useRef as O,useState as w}from"@bentoproject/core";import{useAmpContext as k}from"@bentoproject/core";import{useCallback as T,useRef as x}from"@bentoproject/core";import{useValueRef as S}from"@bentoproject/core";import{useCallback as N,useEffect as B,useRef as R,useState as I}from"@bentoproject/core";var L={loading:!1,error:null,pages:[],hasMore:!0},C={fetchJson(e,t){return this.fetch(e,t).then((e=>e.json()))},fetch(t,r){return e(this,null,(function*(){const e=yield self.fetch(t,r);if(!e.ok)throw new Error(e.statusText);return e}))}},E={loadMoreSpinner:"load-more-spinner-cc33818",loadMoreIcon:"load-more-icon-cc33818"},J=["src","fetchJson","itemsKey","maxItems","loadMore","loadMoreBookmark","viewportBuffer","template","wrapperTemplate","loadMoreTemplate","loadingTemplate","errorTemplate"],K=e=>n("div",null,String(e)),W=e=>n("div",null,e),A=(e,t)=>n("div",null,"Unable to Load More ",n("button",{"load-more-retry":!0},n("label",null,n("span",{className:e.loadMoreIcon})," Retry"))),H=()=>n("div",null,n("button",{"load-more-button":!0},n("label",null,"See More"))),U=e=>n("div",null,n("span",{"aria-label":"Loading",className:e.loadMoreSpinner}));function $(e,t){return t.split(".").reduce(((e,t)=>e&&""!==t?e[t]:e),e)}function q(t,r){let{src:c=null,fetchJson:l=C.fetchJson,itemsKey:m="items",maxItems:d=0,loadMore:b="none",loadMoreBookmark:y="load-more-src",viewportBuffer:O=2,template:q=K,wrapperTemplate:z=W,loadMoreTemplate:F=H,loadingTemplate:G=U,errorTemplate:Q=A}=t,V=function(e,t){if(null==e)return{};var r,o,n={},a=Object.keys(e);for(o=0;o<a.length;o++)r=a[o],t.indexOf(r)>=0||(n[r]=e[r]);return n}(t,J);const{renderable:X}=k(),Y=s((()=>({rootMargin:`0% 0% ${Math.floor(100*O)}% 0%`,threshold:0})),[O]),Z=f(null),_=function(e,t){const[r,o]=w(!1);return P((()=>{const r=e.current;if(r)return function(e,t,r){const o=g(e);if(r){const n=h((e=>{t(e[e.length-1])}),o,r);return n.observe(e),()=>{n.unobserve(e)}}let n=j.get(o);n||j.set(o,n=h(M,o));let a=v.get(e);return a||(a=[],v.set(e,a)),a.push(t),n.observe(e),()=>{!function(e,t){const r=v.get(e);if(!r)return;if(!function(e,t){const r=e.indexOf(t);return-1!=r&&(e.splice(r,1),!0)}(r,t))return;if(r.length)return;const o=g(e),n=j.get(o);null==n||n.unobserve(e),v.delete(e)}(e,t)}}(r,(e=>{o(e.isIntersecting)}),t)}),[e,t]),r}(Z,Y),{error:ee,hasMore:te,loadMore:re,loading:oe,pages:ne,reset:ae}=function({fetchPage:t,getNextPageParam:r}){const[n,a]=function(e){const t=R(!1);B((()=>(t.current=!0,()=>{t.current=!1})),[]);const[r,o]=I(e);return[r,N((e=>{t.current&&o(e)}),[o])]}(L),c=S({fetchPage:t,getNextPageParam:r,state:n}),l=x(0),i=T(((t=!1)=>e(this,null,(function*(){const{fetchPage:e,getNextPageParam:r,state:n}=c.current;if(!t&&n.loading)return;const i=++l.current;a((e=>o(o({},e),{},{loading:!0})));const u=t?[]:n.pages,s=u.length?u[u.length-1]:void 0;try{const t=yield e({pageParam:s?r(s):void 0});if(i!==l.current)return;const o=r(t);a({loading:!1,error:null,pages:[...u,t],hasMore:null!=o})}catch(e){if(i!==l.current)return;a((t=>o(o({},t),{},{loading:!1,error:e})))}}))),[c,a]),u=T((()=>i(!0)),[i]);return o(o({},n),{},{loadMore:i,reset:u})}({fetchPage:t=>e(this,[t],(function*({pageParam:e=c}){return X?yield l(e):null})),getNextPageParam:e=>function(e,t){return $(e,t)}(e,y)});i((()=>{ae()}),[c,X,y,ae]);const ce=X&&"auto"===b&&_&&!oe&&te;i((()=>{ce&&re()}),[ce,re]);const le=s((()=>{let e=ne.flatMap((e=>function(e,t){if(!e)return[];let r=$(e,t);return r?(Array.isArray(r)||(r=[r]),r):[]}(e,m)));return d>0&&e.length>d&&(e=e.slice(0,d)),e.map(((e,t)=>{let r=q(e);return r&&"object"==typeof r&&"string"==typeof r.__html&&(r=n("span",{dangerouslySetInnerHTML:r})),D(r,{"key":t,"role":"listitem"})}))}),[ne,m,d,q]),ie=oe,ue=0!==le.length,se="manual"===b&&te&&!oe;u(r,(()=>({refresh:ae})),[ae]);const fe=E;return n(p,o(o({"aria-live":"polite"},V),{},{onClick:e=>{e.target.closest("[load-more-button], [load-more-retry]")&&re()}}),n(a,{"test-id":"contents"},ue&&D(z(le),{"role":"list"}),ie&&G(fe),se&&F(fe),ee&&Q(fe,ee),"auto"===b&&n("span",{ref:Z})))}var z=m(q);function D(e,t){return l(e)?c(e,o(o({},t),e.props)):e}z.displayName="List";export{z as BentoList,q as BentoListWithRef}; | ||
/*! https://mths.be/cssescape v1.5.1 by @mathias | MIT license */ | ||
//# sourceMappingURL=component-react.module.js.map |
; | ||
var n=Object.defineProperty;function t(n,r){return(t=Object.setPrototypeOf||function(n,t){return n.__proto__=t,n})(n,r)}function r(n,r){if("function"!=typeof r&&null!==r)throw new TypeError("Super expression must either be null or a function");n.prototype=Object.create(r&&r.prototype,{constructor:{value:n,writable:!0,configurable:!0}}),r&&t(n,r)}function i(n){return(i=Object.setPrototypeOf?Object.getPrototypeOf:function(n){return n.__proto__||Object.getPrototypeOf(n)})(n)}function u(n){return(u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n})(n)}function e(n){if(void 0===n)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return n}function o(n,t){if(t&&("object"===u(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return e(n)}function l(n){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(n){return!1}}();return function(){var r,u=i(n);if(t){var e=i(this).constructor;r=Reflect.construct(u,arguments,e)}else r=u.apply(this,arguments);return o(this,r)}}function f(n,t,r){return t in n?Object.defineProperty(n,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):n[t]=r,n}function a(n,t){var r=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.push.apply(r,i)}return r}function c(n){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?a(Object(r),!0).forEach((function(t){f(n,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(r)):a(Object(r)).forEach((function(t){Object.defineProperty(n,t,Object.getOwnPropertyDescriptor(r,t))}))}return n}!function(t,r){for(var i in function(t){n(t,"__esModule",{value:!0})}(t),r)n(t,i,{get:r[i],enumerable:!0})}(exports,{defineElement:function(){return oi}});var s=Array.isArray;function v(n){return s(n)?n:[n]}function h(n,t){return n.indexOf(t)<0&&(n.push(t),!0)}function d(n,t){var r=n.indexOf(t);return-1!=r&&(n.splice(r,1),!0)}function p(n,t){(null==t||t>n.length)&&(t=n.length);for(var r=0,i=new Array(t);r<t;r++)i[r]=n[r];return i}function m(n,t){if(n){if("string"==typeof n)return p(n,t);var r=Object.prototype.toString.call(n).slice(8,-1);return"Object"===r&&n.constructor&&(r=n.constructor.name),"Map"===r||"Set"===r?Array.from(n):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?p(n,t):void 0}}function y(n,t){var r="undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(r)return(r=r.call(n)).next.bind(r);if(Array.isArray(n)||(r=m(n))||t&&n&&"number"==typeof n.length){r&&(n=r);var i=0;return function(){return i>=n.length?{done:!0}:{done:!1,value:n[i++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var b=Object.prototype,g=b.hasOwnProperty;function w(n,t){if(null==n||null==t)return n===t;for(var r in n)if(n[r]!==t[r])return!1;for(var i in t)if(t[i]!==n[i])return!1;return!0}function k(n){return 1==(null==n?void 0:n.nodeType)}function j(n,t,r,i,u,e,o,l,f,a,c){return n}b.toString;var S,M=["auto","lazy","eager","unload"],O=(f(S={},"auto",0),f(S,"lazy",1),f(S,"eager",2),f(S,"unload",3),S);function _(n,t){var r=O[null!=n?n:"auto"]||0,i=O[null!=t?t:"auto"]||0,u=Math.max(r,i);return M[u]}function P(n,t){var r=!1,i=function(){r=!1,n()};return function(n){r||(r=!0,(n||t)(i))}}function A(n){var t=Object.getOwnPropertyDescriptor(n,"message");if(null!=t&&t.writable)return n;var r=n.message,i=n.stack,u=new Error(r);for(var e in n)u[e]=n[e];return u.stack=i,u}function x(n){for(var t,r=null,i="",u=y(arguments,!0);!(t=u()).done;){var e=t.value;e instanceof Error&&!r?r=A(e):(i&&(i+=" "),i+=e)}return r?i&&(r.message=i+": "+r.message):r=new Error(i),r}function T(n){var t,r;null===(t=(r=self).__AMP_REPORT_ERROR)||void 0===t||t.call(r,n)}function R(n){var t=x.apply(null,arguments);setTimeout((function(){throw T(t),t}))}function z(n){try{for(var t=arguments.length,r=new Array(t>1?t-1:0),i=1;i<t;i++)r[i-1]=arguments[i];return n.apply(null,r)}catch(n){R(n)}}function I(n,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:void 0,i=!(arguments.length>3&&void 0!==arguments[3])||arguments[3],u=!(arguments.length>4&&void 0!==arguments[4])||arguments[4];if(u){var e=t(n,r,i);e&&I(n,t,r,e,!1)}else if(n.children)for(var o,l=y(n.children,!0);!(o=l()).done;){var f=o.value;I(f,t,r,i,!0)}}var C=[],E=function(){},B=function(){function n(n){this.Dh=n,this.v=null,this.p=null,this.m=P(this.m.bind(this),setTimeout)}var t=n.prototype;return t.set=function(n,t,r){j(t),j(void 0!==r);var i=n.key,u=this.v||(this.v=new Map),e=u.get(i);e||(e={values:[],setters:[]},u.set(i,e));var o=e.setters.indexOf(t),l=-1==o||e.values[o]!==r;-1==o?(e.setters.push(t),e.values.push(r)):l&&(e.values[o]=r),l&&(this.ping(n,!1),W(n)&&I(this.Dh,L,n,!0,!1))},t.remove=function(n,t){j(t);var r=n.key,i=this.v,u=null==i?void 0:i.get(r);if(u){j(i);var e=u.setters.indexOf(t);-1!=e&&(u.setters.splice(e,1),u.values.splice(e,1),0==u.setters.length&&i.delete(r),I(this.Dh,L,n))}},t.has=function(n){var t;return!(null===(t=this.v)||void 0===t||!t.has(n.key))},t.subscribe=function(n,t){var r=this.nl(n);if(h(r.subscribers,t)){var i=r.value;$(i)&&this.Fi()&&t(i)}},t.unsubscribe=function(n,t){var r,i=null===(r=this.p)||void 0===r?void 0:r.get(n.key);i&&d(i.subscribers,t)&&this.tl(i)},t.ping=function(n,t){var r,i;null===(r=this.p)||void 0===r||null===(i=r.get(n.key))||void 0===i||i.ping(t)},t.parentUpdated=function(){this.Fi()&&I(this.Dh,N,void 0,C)},t.rootUpdated=function(){var n=this,t=this.p;t&&(this.Fi()?t.forEach((function(t){var r=t.prop;n.ping(r,!0)})):t.forEach((function(t){W(t.prop)&&n.rl(t,null)})))},t.scan=function(n){return this.ping(n,!0),!!W(n)&&!this.has(n)},t.scanAll=function(n){var t=this,r=null,i=this.p;return i&&i.forEach((function(i){var u=i.prop,e=u.key;-1==(r||n).indexOf(e)&&(t.ping(u,!0),t.Dh.children&&t.has(u)&&(r||(r=n.slice(0)),r.push(e)))})),r||n},t.Fi=function(){return!!this.Dh.root},t.nl=function(n){var t=this,r=n.deps,i=n.key,u=this.p||(this.p=new Map),e=u.get(i);return e||(e={prop:n,subscribers:[],value:void 0,pending:0,counter:0,depValues:r.length>0?r.map(E):C,parentValue:void 0,parentContextNode:null,ping:function(n){if(t.Fi()){var r=n?2:1;e.pending=Math.max(e.pending,r),t.m()}},pingDep:r.length>0?r.map((function(n,t){return function(n){e.depValues[t]=n,e.ping()}})):C,pingParent:W(n)?function(n){e.parentValue=n,e.ping()}:null},u.set(i,e),r.forEach((function(n,r){return t.subscribe(n,e.pingDep[r])})),e.ping(!1)),e},t.tl=function(n){var t,r=this;if(!(n.subscribers.length>0)){var i=n.pingDep,u=n.prop,e=u.deps,o=u.key;null===(t=this.p)||void 0===t||t.delete(o),this.rl(n,null),e.length>0&&e.forEach((function(n,t){r.unsubscribe(n,i[t])}))}},t.m=function(){var n=this;if(this.Fi()){var t=this.p;if(t){var r;t.forEach((function(n){n.counter=0}));do{r=0,t.forEach((function(t){if(0!=t.pending){var i=t.prop.key;if(t.counter++,t.counter>5)return R("cyclical prop: ".concat(i)),void(t.pending=0);r++,n.il(t)}}))}while(r>0)}}},t.il=function(n){var t,r=2==n.pending;try{t=this.ul(n,r)}catch(n){R(n)}n.pending=0,this.el(n,t)},t.el=function(n,t){var r=n.prop,i=n.value,u=r.key,e=this.p;if(i!==t&&n===(null==e?void 0:e.get(u))&&this.Fi()){n.value=t;for(var o,l=y(n.subscribers,!0);!(o=l()).done;)(0,o.value)(t)}},t.ul=function(n,t){var r,i;j(this.Fi());var u=n.depValues,e=n.prop,o=e.compute,l=e.defaultValue,f=e.key,a=null===(r=this.v)||void 0===r||null===(i=r.get(f))||void 0===i?void 0:i.values,c=function(n,t){var r=n.compute,i=n.recursive;return"function"==typeof i?!t||i(t):!(i&&t&&!r)&&i}(e,a);if(t||c!=Boolean(n.parentContextNode)){var s=c?function(n,t){for(var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:void 0,i=arguments.length>3&&void 0!==arguments[3]&&!arguments[3]?n.parent:n;i;i=i.parent)if(t(i,r))return i;return null}(this.Dh,V,e,!1):null;this.rl(n,s)}var v=$(n.parentValue)?n.parentValue:c&&!n.parentContextNode?l:void 0,h=void 0;if(u.every($)&&(!c||$(v))){var d=this.Dh.node;a&&!o?h=a[0]:W(e)?a||u.length>0?h=function(n,t,r,i,u){switch(u.length){case 0:return n(t,r,i);case 1:return n(t,r,i,u[0]);case 2:return n(t,r,i,u[0],u[1]);case 3:return n(t,r,i,u[0],u[1],u[2]);default:return n.apply(null,[t,r,i].concat(u))}}(o,d,a||C,v,u):$(v)&&(h=v):o&&(h=function(n,t,r,i){switch(i.length){case 0:return n(t,r);case 1:return n(t,r,i[0]);case 2:return n(t,r,i[0],i[1]);case 3:return n(t,r,i[0],i[1],i[2]);default:return n.apply(null,[t,r].concat(i))}}(o,d,a||C,u))}return h},t.rl=function(n,t){var r=n.parentContextNode,i=n.pingParent,u=n.prop;t!=r&&(n.parentContextNode=t,n.parentValue=void 0,j(i),r&&r.values.unsubscribe(u,i),t&&(j(i),t.values.subscribe(u,i)))},n}();function L(n,t){return n.values.scan(t)}function N(n,t,r){return n.values.scanAll(r)}function V(n,t){return n.values.has(t)}function W(n){return!!n.recursive}function $(n){return void 0!==n}var q=function(){function n(t,r){this.node=t,this.name=r,this.isRoot=9==t.nodeType,this.root=this.isRoot?this:null,this.parent=null,this.children=null,this.groups=null,this.values=new B(this),this.ol=null,this.ll=!1,this.fl=P(this.al.bind(this),setTimeout),11==t.nodeType&&t.addEventListener("slotchange",(function(t){var r,i,u=t.target;u.assignedNodes().forEach(F),null===(r=n.closest(u))||void 0===r||null===(i=r.children)||void 0===i||i.forEach(D)})),this.discover()}n.get=function(t){var r=t.__AMP_NODE;return r||(r=new n(t,null),t.__AMP_NODE=r),r},n.closest=function(t){for(var r=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],i=t;i;){if(i!=t||r){if(i.__AMP_NODE)return i.__AMP_NODE;var u=i,e=u.nodeType;if(9==e||11==e||k(i)&&i.tagName.startsWith("AMP-"))return n.get(i)}var o=i.__AMP_ASSIGNED_SLOT||i.assignedSlot;i=o||i.parentNode}return null},n.assignSlot=function(n,t){n.__AMP_ASSIGNED_SLOT!=t&&(n.__AMP_ASSIGNED_SLOT=t,F(n))},n.unassignSlot=function(n,t){n.__AMP_ASSIGNED_SLOT==t&&(n.__AMP_ASSIGNED_SLOT=void 0,F(n))},n.rediscoverChildren=function(n){var t,r=n.__AMP_NODE;null==r||null===(t=r.children)||void 0===t||t.forEach(D)};var t=n.prototype;return t.discover=function(){this.isDiscoverable()?this.fl():this.name&&this.children&&this.children.forEach(D)},t.isDiscoverable=function(){return!this.isRoot&&!this.ll},t.setParent=function(t){var r=null!=t&&t.nodeType?n.get(t):t;this.cl(r,null!=t)},t.setIsRoot=function(n){var t,r;this.isRoot=n;var i=n?this:null!==(t=null===(r=this.parent)||void 0===r?void 0:r.root)&&void 0!==t?t:null;this.updateRoot(i)},t.updateRoot=function(n){j(!n||n.isRoot);var t,r,i=this.root;n!=i&&(this.root=n,this.values.rootUpdated(),null===(t=this.ol)||void 0===t||t.forEach((function(n){return n.rootUpdated()})),null===(r=this.children)||void 0===r||r.forEach((function(t){return t.updateRoot(n)})))},t.addGroup=function(t,r,i){var u=this.groups||(this.groups=new Map),e=this.children,o=new n(this.node,t);return u.set(t,{cn:o,match:r,weight:i}),o.setParent(this),null==e||e.forEach(D),o},t.group=function(n){var t,r;return(null===(t=this.groups)||void 0===t||null===(r=t.get(n))||void 0===r?void 0:r.cn)||null},t.findGroup=function(n){var t=this,r=this.groups;if(!r)return null;var i=null,u=Number.NEGATIVE_INFINITY;return r.forEach((function(r){var e=r.cn,o=r.match,l=r.weight;o(n,t.node)&&l>u&&(i=e,u=l)})),i},t.subscribe=function(n,t,r,i){var u=this.ol||(this.ol=new Map),e=u.get(n);e||(e=new t(this,r,i),u.set(n,e))},t.unsubscribe=function(n){var t=this.ol,r=null==t?void 0:t.get(n);r&&(r.dispose(),j(t),t.delete(n))},t.al=function(){if(this.isDiscoverable()){var t=n.closest(this.node,!1),r=(null==t?void 0:t.findGroup(this.node))||t;this.cl(r,!1)}},t.cl=function(n,t){var r;this.ll=t;var i=this.parent;if(n!=i){if(this.parent=n,null!=i&&i.children&&(j(i.children),d(i.children,this)),n){var u=n.children||(n.children=[]);h(u,this);for(var e,o=y(u,!0);!(e=o()).done;){var l=e.value;l!=this&&l.isDiscoverable()&&l.discover()}}this.values.parentUpdated()}this.updateRoot(null!==(r=null==n?void 0:n.root)&&void 0!==r?r:null)},n}();function F(n){!function(n,t){var r=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],i=q.closest(n,r);if(i)if(i.node==n)t(i);else if(i.children)for(var u,e=y(i.children,!0);!(u=e()).done;){var o=u.value;n.contains(o.node)&&t(o)}}(n,D)}function D(n){n.discover()}var H=[];function G(n,t){var r=c({key:n,deps:H,recursive:!1},t);return j(0==r.deps.length||r.compute),r}var J=[],K=function(){};function U(n,t,r){t=v(t);var i=r;q.get(n).subscribe(i,Q,r,t)}var Z,Q=function(){function n(n,t,r){var i=this;if(this.contextNode=n,this.sl=t,this.vl=r,this.hl=r.length>0?r.map(K):J,this.dl=r.length>0?r.map((function(n,t){return function(n){i.hl[t]=n,i.pl()}})):J,this.Yn=!1,this.ml=null,this.pl=P(this.pl.bind(this),setTimeout),r.length>0){var u=this.contextNode.values;r.forEach((function(n,t){return u.subscribe(n,i.dl[t])}))}this.Fi()&&this.pl()}var t=n.prototype;return t.dispose=function(){var n=this;if(this.vl.length>0){var t=this.contextNode.values;this.vl.forEach((function(r,i){return t.unsubscribe(r,n.dl[i])}))}this.Se()},t.rootUpdated=function(){var n=this.Fi();this.Se(),n&&this.pl()},t.Fi=function(){return!!this.contextNode.root},t.pl=function(){this.Fi()&&(this.hl.every(X)?(this.Yn=!0,this.yl()):this.Yn&&(this.Yn=!1,this.Se()))},t.yl=function(){this.Se();var n=this.sl;this.ml=function(n,t){switch(t.length){case 0:return n();case 1:return n(t[0]);case 2:return n(t[0],t[1]);case 3:return n(t[0],t[1],t[2]);default:return n.apply(null,t)}}(n,this.hl)},t.Se=function(){this.ml&&(z(this.ml),this.ml=null)},n}();function X(n){return void 0!==n}function Y(n){q.get(n).discover()}function nn(n,t,r,i){q.get(n).values.set(t,r,i)}function tn(n,t,r){q.get(n).values.remove(t,r)}function rn(){return Z||(Z=Promise.resolve(void 0))}var un,en=function(){var n=this;this.promise=new Promise((function(t,r){n.resolve=t,n.reject=r}))};function on(n){return(n.ownerDocument||n).defaultView}function ln(n,t){return n.replace(/^|,/g,"$&".concat(t," "))}function fn(n){j(/^[\w-]+$/.test(n))}function an(n,t){if(void 0!==un?un:un=function(n){try{var t=n.ownerDocument,r=t.createElement("div"),i=t.createElement("div");return r.appendChild(i),r.querySelector(":scope div")===i}catch(n){return!1}}(n))return n.querySelector(ln(t,":scope"));var r=function(n,t){var r=n.classList,i="i-amphtml-scoped";r.add(i);var u=ln(t,".".concat(i)),e=n.querySelectorAll(u);return r.remove(i),e}(n,t)[0];return void 0===r?null:r}function cn(n,t){var r=n.matches||n.webkitMatchesSelector||n.mozMatchesSelector||n.msMatchesSelector||n.oMatchesSelector;return!!r&&r.call(n,t)}function sn(n,t){return fn(t),an(n,"> [".concat(t,"]"))}function vn(n){return function(n,t){for(var r=[],i=n.firstChild;i;i=i.nextSibling)!hn(i)&&r.push(i);return r}(n)}function hn(n){return"string"==typeof(t=n)?r=t:k(t)&&(r=t.tagName),!(!r||!r.toLowerCase().startsWith("i-"))||n.nodeType===Node.ELEMENT_NODE&&(n.hasAttribute("placeholder")||n.hasAttribute("fallback")||n.hasAttribute("overflow"));var t,r}var dn={bubbles:!0,cancelable:!0};function pn(n,t,r){return function(n,t){for(var r in t)n.setAttribute(r,t[r]);return n}(n.createElement(t),r)}function mn(n){return n.parent&&n.parent!=n}function yn(n,t,r,i){var u=r||{};j(n.ownerDocument);var e=n.ownerDocument.createEvent("Event");e.data=u;var o=i||dn,l=o.bubbles,f=o.cancelable;e.initEvent(t,l,f),n.dispatchEvent(e)}var bn=function(){function n(n,t){this.o=n,this.K=t,this.St={},this._t=null}var t=n.prototype;return t.start=function(){this._t=this.St,this.St={}},t.resolveMatchQuery=function(n){return"1"===this.kt(n,gn,"1")},t.resolveListQuery=function(n){return this.kt(n,wn,"")},t.complete=function(){for(var n in this._t)n in this.St||kn(this._t[n],this.K,!1);this._t=null},t.dispose=function(){for(var n in this.St)kn(this.St[n],this.K,!1);this.St={}},t.kt=function(n,t,r){if(!n.trim())return r;var i=this.St[n];return i||(j(this._t),i=this._t[n]),i||kn(i=t(this.o,n),this.K,!0),this.St[n]=i,function(n){for(var t=0;t<n.length;t++){var r=n[t],i=r.query,u=r.value;if(!i||i.matches)return u}return""}(i)},n}();function gn(n,t){return[{query:n.matchMedia(t),value:"1"},{query:null,value:""}]}function wn(n,t){return t.split(",").map((function(t){if(0!=(t=t.replace(/\s+/g," ").trim()).length){var r,i,u;if(")"==t.charAt(t.length-1)){var e=1;for(u=t.length-2;u>=0;u--){var o=t.charAt(u);if("("==o?e--:")"==o&&e++,0==e)break}var l=u-1;if(u>0)for(u--;u>=0;u--){var f=t.charAt(u);if(!("%"==f||"-"==f||"_"==f||f>="a"&&f<="z"||f>="A"&&f<="Z"||f>="0"&&f<="9"))break}if(u>=l)return null}else for(u=t.length-2;u>=0;u--){var a=t.charAt(u);if(!("%"==a||"."==a||a>="a"&&a<="z"||a>="A"&&a<="Z"||a>="0"&&a<="9"))break}return u>=0?(r=t.substring(0,u+1).trim(),i=t.substring(u+1).trim()):(i=t,r=void 0),i?{query:r?n.matchMedia(r):null,value:i}:null}})).filter(Boolean)}function kn(n,t,r){for(var i=0;i<n.length;i++){var u=n[i].query;u&&(void 0!==u.onchange?u.onchange=r?t:null:r?u.addListener(t):u.removeListener(t))}}var jn={"getPropertyPriority":function(){return""},"getPropertyValue":function(){return""}},Sn=/vertical/,Mn=new WeakMap,On=new WeakMap,_n=new WeakMap;function Pn(n){var t=Mn.get(n);return t||(t=new n.ResizeObserver(An),Mn.set(n,t)),t}function An(n){for(var t=new Set,r=n.length-1;r>=0;r--){var i=n[r],u=i.target;if(!t.has(u)){t.add(u);var e=On.get(u);if(e){_n.set(u,i);for(var o=0;o<e.length;o++){var l=e[o],f=l.callback;xn(l.type,f,i)}}}}}function xn(n,t,r){if(0==n){var i=r.contentRect,u=i.height;z(t,{width:i.width,height:u})}else if(1==n){var e,o=r.borderBoxSize;if(o)e=o.length>0?o[0]:{inlineSize:0,blockSize:0};else{var l,f,a=r.target,c=on(a),s=Sn.test(function(n,t){return n.getComputedStyle(t)||jn}(c,a).writingMode),v=a,h=v.offsetHeight,d=v.offsetWidth;s?(f=d,l=h):(l=d,f=h),e={inlineSize:l,blockSize:f}}z(t,e)}}var Tn,Rn,zn,In,Cn,En,Bn,Ln,Nn,Vn,Wn,$n=function(){function n(n){this.bl=n,this.gl=!1,this.wl=!1,this.kl=this.kl.bind(this)}var t=n.prototype;return t.updatePlaying=function(n){n!==this.gl&&(this.gl=n,n?(this.wl=!1,function(n,t,r){var i=n.ownerDocument.defaultView;if(i){var u=On.get(n);if(u||(u=[],On.set(n,u),Pn(i).observe(n)),!u.some((function(n){return n.callback===r&&1===n.type}))){u.push({type:1,callback:r});var e=_n.get(n);e&&setTimeout((function(){return xn(1,r,e)}))}}}(this.bl,0,this.kl)):function(n,t){!function(n,t,r){var i=On.get(n);if(i&&(function(n,t){for(var i=[],u=0,e=0;e<n.length;e++){var o=n[e];(l=o).callback===r&&1===l.type?i.push(o):(u<e&&(n[u]=o),u++)}var l;u<n.length&&(n.length=u)}(i),0==i.length)){On.delete(n),_n.delete(n);var u=n.ownerDocument.defaultView;u&&Pn(u).unobserve(n)}}(n,0,t)}(this.bl,this.kl))},t.kl=function(n){var t=n.blockSize,r=n.inlineSize>0&&t>0;if(r!==this.wl){this.wl=r;var i=this.bl;r||i.pause()}},n}(),qn={},Fn=[],Dn=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i;function Hn(n,t){for(var r in t)n[r]=t[r];return n}function Gn(n){var t=n.parentNode;t&&t.removeChild(n)}function Jn(n,t,r){var i,u,e,o={};for(e in t)"key"==e?i=t[e]:"ref"==e?u=t[e]:o[e]=t[e];if(arguments.length>2&&(o.children=arguments.length>3?Tn.call(arguments,2):r),"function"==typeof n&&null!=n.defaultProps)for(e in n.defaultProps)void 0===o[e]&&(o[e]=n.defaultProps[e]);return Kn(n,o,i,u,null)}function Kn(n,t,r,i,u){var e={type:n,props:t,key:r,ref:i,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,__h:null,constructor:void 0,__v:null==u?++zn:u};return null==u&&null!=Rn.vnode&&Rn.vnode(e),e}function Un(n){return n.children}function Zn(n,t){this.props=n,this.context=t}function Qn(n,t){if(null==t)return n.__?Qn(n.__,n.__.__k.indexOf(n)+1):null;for(var r;t<n.__k.length;t++)if(null!=(r=n.__k[t])&&null!=r.__e)return r.__e;return"function"==typeof n.type?Qn(n):null}function Xn(n){var t,r;if(null!=(n=n.__)&&null!=n.__c){for(n.__e=n.__c.base=null,t=0;t<n.__k.length;t++)if(null!=(r=n.__k[t])&&null!=r.__e){n.__e=n.__c.base=r.__e;break}return Xn(n)}}function Yn(n){(!n.__d&&(n.__d=!0)&&Cn.push(n)&&!nt.__r++||Bn!==Rn.debounceRendering)&&((Bn=Rn.debounceRendering)||En)(nt)}function nt(){for(var n;nt.__r=Cn.length;)n=Cn.sort((function(n,t){return n.__v.__b-t.__v.__b})),Cn=[],n.some((function(n){var t,r,i,u,e,o;n.__d&&(e=(u=(t=n).__v).__e,(o=t.__P)&&(r=[],(i=Hn({},u)).__v=u.__v+1,ft(o,u,i,t.__n,void 0!==o.ownerSVGElement,null!=u.__h?[e]:null,r,null==e?Qn(u):e,u.__h),at(r,u),u.__e!=e&&Xn(u)))}))}function tt(n,t,r,i,u,e,o,l,f,a){var c,s,v,h,d,p,m,y=i&&i.__k||Fn,b=y.length;for(r.__k=[],c=0;c<t.length;c++)if(null!=(h=r.__k[c]=null==(h=t[c])||"boolean"==typeof h?null:"string"==typeof h||"number"==typeof h||"bigint"==typeof h?Kn(null,h,null,null,h):Array.isArray(h)?Kn(Un,{children:h},null,null,null):h.__b>0?Kn(h.type,h.props,h.key,null,h.__v):h)){if(h.__=r,h.__b=r.__b+1,null===(v=y[c])||v&&h.key==v.key&&h.type===v.type)y[c]=void 0;else for(s=0;s<b;s++){if((v=y[s])&&h.key==v.key&&h.type===v.type){y[s]=void 0;break}v=null}ft(n,h,v=v||qn,u,e,o,l,f,a),d=h.__e,(s=h.ref)&&v.ref!=s&&(m||(m=[]),v.ref&&m.push(v.ref,null,h),m.push(s,h.__c||d,h)),null!=d?(null==p&&(p=d),"function"==typeof h.type&&h.__k===v.__k?h.__d=f=rt(h,f,n):f=it(n,h,v,y,d,f),"function"==typeof r.type&&(r.__d=f)):f&&v.__e==f&&f.parentNode!=n&&(f=Qn(v))}for(r.__e=p,c=b;c--;)null!=y[c]&&("function"==typeof r.type&&null!=y[c].__e&&y[c].__e==r.__d&&(r.__d=Qn(i,c+1)),st(y[c],y[c]));if(m)for(c=0;c<m.length;c++)ct(m[c],m[++c],m[++c])}function rt(n,t,r){for(var i,u=n.__k,e=0;u&&e<u.length;e++)(i=u[e])&&(i.__=n,t="function"==typeof i.type?rt(i,t,r):it(r,i,i,u,i.__e,t));return t}function it(n,t,r,i,u,e){var o,l,f;if(void 0!==t.__d)o=t.__d,t.__d=void 0;else if(null==r||u!=e||null==u.parentNode)n:if(null==e||e.parentNode!==n)n.appendChild(u),o=null;else{for(l=e,f=0;(l=l.nextSibling)&&f<i.length;f+=2)if(l==u)break n;n.insertBefore(u,e),o=e}return void 0!==o?o:u.nextSibling}function ut(n,t,r){"-"===t[0]?n.setProperty(t,r):n[t]=null==r?"":"number"!=typeof r||Dn.test(t)?r:r+"px"}function et(n,t,r,i,u){var e;n:if("style"===t)if("string"==typeof r)n.style.cssText=r;else{if("string"==typeof i&&(n.style.cssText=i=""),i)for(t in i)r&&t in r||ut(n.style,t,"");if(r)for(t in r)i&&r[t]===i[t]||ut(n.style,t,r[t])}else if("o"===t[0]&&"n"===t[1])e=t!==(t=t.replace(/Capture$/,"")),t=t.toLowerCase()in n?t.toLowerCase().slice(2):t.slice(2),n.l||(n.l={}),n.l[t+e]=r,r?i||n.addEventListener(t,e?lt:ot,e):n.removeEventListener(t,e?lt:ot,e);else if("dangerouslySetInnerHTML"!==t){if(u)t=t.replace(/xlink[H:h]/,"h").replace(/sName$/,"s");else if("href"!==t&&"list"!==t&&"form"!==t&&"tabIndex"!==t&&"download"!==t&&t in n)try{n[t]=null==r?"":r;break n}catch(n){}"function"==typeof r||(null!=r&&(!1!==r||"a"===t[0]&&"r"===t[1])?n.setAttribute(t,r):n.removeAttribute(t))}}function ot(n){this.l[n.type+!1](Rn.event?Rn.event(n):n)}function lt(n){this.l[n.type+!0](Rn.event?Rn.event(n):n)}function ft(n,t,r,i,u,e,o,l,f){var a,c,s,v,h,d,p,m,y,b,g,w=t.type;if(void 0!==t.constructor)return null;null!=r.__h&&(f=r.__h,l=t.__e=r.__e,t.__h=null,e=[l]),(a=Rn.__b)&&a(t);try{n:if("function"==typeof w){if(m=t.props,y=(a=w.contextType)&&i[a.__c],b=a?y?y.props.value:a.__:i,r.__c?p=(c=t.__c=r.__c).__=c.__E:("prototype"in w&&w.prototype.render?t.__c=c=new w(m,b):(t.__c=c=new Zn(m,b),c.constructor=w,c.render=vt),y&&y.sub(c),c.props=m,c.state||(c.state={}),c.context=b,c.__n=i,s=c.__d=!0,c.__h=[]),null==c.__s&&(c.__s=c.state),null!=w.getDerivedStateFromProps&&(c.__s==c.state&&(c.__s=Hn({},c.__s)),Hn(c.__s,w.getDerivedStateFromProps(m,c.__s))),v=c.props,h=c.state,s)null==w.getDerivedStateFromProps&&null!=c.componentWillMount&&c.componentWillMount(),null!=c.componentDidMount&&c.__h.push(c.componentDidMount);else{if(null==w.getDerivedStateFromProps&&m!==v&&null!=c.componentWillReceiveProps&&c.componentWillReceiveProps(m,b),!c.__e&&null!=c.shouldComponentUpdate&&!1===c.shouldComponentUpdate(m,c.__s,b)||t.__v===r.__v){c.props=m,c.state=c.__s,t.__v!==r.__v&&(c.__d=!1),c.__v=t,t.__e=r.__e,t.__k=r.__k,t.__k.forEach((function(n){n&&(n.__=t)})),c.__h.length&&o.push(c);break n}null!=c.componentWillUpdate&&c.componentWillUpdate(m,c.__s,b),null!=c.componentDidUpdate&&c.__h.push((function(){c.componentDidUpdate(v,h,d)}))}c.context=b,c.props=m,c.state=c.__s,(a=Rn.__r)&&a(t),c.__d=!1,c.__v=t,c.__P=n,a=c.render(c.props,c.state,c.context),c.state=c.__s,null!=c.getChildContext&&(i=Hn(Hn({},i),c.getChildContext())),s||null==c.getSnapshotBeforeUpdate||(d=c.getSnapshotBeforeUpdate(v,h)),g=null!=a&&a.type===Un&&null==a.key?a.props.children:a,tt(n,Array.isArray(g)?g:[g],t,r,i,u,e,o,l,f),c.base=t.__e,t.__h=null,c.__h.length&&o.push(c),p&&(c.__E=c.__=null),c.__e=!1}else null==e&&t.__v===r.__v?(t.__k=r.__k,t.__e=r.__e):t.__e=function(n,t,r,i,u,e,o,l){var f,a,c,s=r.props,v=t.props,h=t.type,d=0;if("svg"===h&&(u=!0),null!=e)for(;d<e.length;d++)if((f=e[d])&&(f===n||(h?f.localName==h:3==f.nodeType))){n=f,e[d]=null;break}if(null==n){if(null===h)return document.createTextNode(v);n=u?document.createElementNS("http://www.w3.org/2000/svg",h):document.createElement(h,v.is&&v),e=null,l=!1}if(null===h)s===v||l&&n.data===v||(n.data=v);else{if(e=e&&Tn.call(n.childNodes),a=(s=r.props||qn).dangerouslySetInnerHTML,c=v.dangerouslySetInnerHTML,!l){if(null!=e)for(s={},d=0;d<n.attributes.length;d++)s[n.attributes[d].name]=n.attributes[d].value;(c||a)&&(c&&(a&&c.__html==a.__html||c.__html===n.innerHTML)||(n.innerHTML=c&&c.__html||""))}if(function(n,t,r,i,u){var e;for(e in r)"children"===e||"key"===e||e in t||et(n,e,null,r[e],i);for(e in t)u&&"function"!=typeof t[e]||"children"===e||"key"===e||"value"===e||"checked"===e||r[e]===t[e]||et(n,e,t[e],r[e],i)}(n,v,s,u,l),c)t.__k=[];else if(d=t.props.children,tt(n,Array.isArray(d)?d:[d],t,r,i,u&&"foreignObject"!==h,e,o,e?e[0]:r.__k&&Qn(r,0),l),null!=e)for(d=e.length;d--;)null!=e[d]&&Gn(e[d]);l||("value"in v&&void 0!==(d=v.value)&&(d!==n.value||"progress"===h&&!d)&&et(n,"value",d,s.value,!1),"checked"in v&&void 0!==(d=v.checked)&&d!==n.checked&&et(n,"checked",d,s.checked,!1))}return n}(r.__e,t,r,i,u,e,o,f);(a=Rn.diffed)&&a(t)}catch(n){t.__v=null,(f||null!=e)&&(t.__e=l,t.__h=!!f,e[e.indexOf(l)]=null),Rn.__e(n,t,r)}}function at(n,t){Rn.__c&&Rn.__c(t,n),n.some((function(t){try{n=t.__h,t.__h=[],n.some((function(n){n.call(t)}))}catch(n){Rn.__e(n,t.__v)}}))}function ct(n,t,r){try{"function"==typeof n?n(t):n.current=t}catch(n){Rn.__e(n,r)}}function st(n,t,r){var i,u;if(Rn.unmount&&Rn.unmount(n),(i=n.ref)&&(i.current&&i.current!==n.__e||ct(i,null,t)),null!=(i=n.__c)){if(i.componentWillUnmount)try{i.componentWillUnmount()}catch(n){Rn.__e(n,t)}i.base=i.__P=null}if(i=n.__k)for(u=0;u<i.length;u++)i[u]&&st(i[u],t,"function"!=typeof n.type);r||null==n.__e||Gn(n.__e),n.__e=n.__d=void 0}function vt(n,t,r){return this.constructor(n,r)}function ht(n,t,r){var i,u,e;Rn.__&&Rn.__(n,t),u=(i="function"==typeof r)?null:r&&r.__k||t.__k,e=[],ft(t,n=(!i&&r||t).__k=Jn(Un,null,[n]),u||qn,qn,void 0!==t.ownerSVGElement,!i&&r?[r]:u?null:t.firstChild?Tn.call(t.childNodes):null,e,!i&&r?r:u?u.__e:t.firstChild,i),at(e,n)}function dt(n,t){ht(n,t,dt)}Tn=Fn.slice,Rn={__e:function(n,t){for(var r,i,u;t=t.__;)if((r=t.__c)&&!r.__)try{if((i=r.constructor)&&null!=i.getDerivedStateFromError&&(r.setState(i.getDerivedStateFromError(n)),u=r.__d),null!=r.componentDidCatch&&(r.componentDidCatch(n),u=r.__d),u)return r.__E=r}catch(t){n=t}throw n}},zn=0,In=function(n){return null!=n&&void 0===n.constructor},Zn.prototype.setState=function(n,t){var r;r=null!=this.__s&&this.__s!==this.state?this.__s:this.__s=Hn({},this.state),"function"==typeof n&&(n=n(Hn({},r),this.props)),n&&Hn(r,n),null!=n&&this.__v&&(t&&this.__h.push(t),Yn(this))},Zn.prototype.forceUpdate=function(n){this.__v&&(this.__e=!0,n&&this.__h.push(n),Yn(this))},Zn.prototype.render=Un,Cn=[],En="function"==typeof Promise?Promise.prototype.then.bind(rn()):setTimeout,nt.__r=0,Ln=0;var pt=0,mt=[],yt=Rn.__b,bt=Rn.__r,gt=Rn.diffed,wt=Rn.__c,kt=Rn.unmount;function jt(n,t){Rn.__h&&Rn.__h(Vn,n,pt||t),pt=0;var r=Vn.__H||(Vn.__H={__:[],__h:[]});return n>=r.__.length&&r.__.push({}),r.__[n]}function St(n){return pt=1,function(n,t,r){var i=jt(Nn++,2);return i.t=n,i.__c||(i.__=[Nt(void 0,t),function(n){var t=i.t(i.__[0],n);i.__[0]!==t&&(i.__=[t,i.__[1]],i.__c.setState({}))}],i.__c=Vn),i.__}(Nt,n)}function Mt(n,t){var r=jt(Nn++,3);!Rn.__s&&Lt(r.__H,t)&&(r.__=n,r.__H=t,Vn.__H.__h.push(r))}function Ot(n,t){var r=jt(Nn++,4);!Rn.__s&&Lt(r.__H,t)&&(r.__=n,r.__H=t,Vn.__h.push(r))}function _t(n){return pt=5,Pt((function(){return{current:n}}),[])}function Pt(n,t){var r=jt(Nn++,7);return Lt(r.__H,t)&&(r.__=n(),r.__H=t,r.__h=n),r.__}function At(n,t){return pt=8,Pt((function(){return n}),t)}function xt(){mt.forEach((function(n){if(n.__P)try{n.__H.__h.forEach(Et),n.__H.__h.forEach(Bt),n.__H.__h=[]}catch(t){n.__H.__h=[],Rn.__e(t,n.__v)}})),mt=[]}Rn.__b=function(n){Vn=null,yt&&yt(n)},Rn.__r=function(n){bt&&bt(n),Nn=0;var t=(Vn=n.__c).__H;t&&(t.__h.forEach(Et),t.__h.forEach(Bt),t.__h=[])},Rn.diffed=function(n){gt&>(n);var t=n.__c;t&&t.__H&&t.__H.__h.length&&(1!==mt.push(t)&&Wn===Rn.requestAnimationFrame||((Wn=Rn.requestAnimationFrame)||function(n){var t,r=function(){clearTimeout(i),Ct&&cancelAnimationFrame(t),setTimeout(n)},i=setTimeout(r,100);Ct&&(t=requestAnimationFrame(r))})(xt)),Vn=null},Rn.__c=function(n,t){t.some((function(n){try{n.__h.forEach(Et),n.__h=n.__h.filter((function(n){return!n.__||Bt(n)}))}catch(r){t.some((function(n){n.__h&&(n.__h=[])})),t=[],Rn.__e(r,n.__v)}})),wt&&wt(n,t)},Rn.unmount=function(n){kt&&kt(n);var t=n.__c;if(t&&t.__H)try{t.__H.__.forEach(Et)}catch(n){Rn.__e(n,t.__v)}};var Tt,Rt,zt,It,Ct="function"==typeof requestAnimationFrame;function Et(n){var t=Vn;"function"==typeof n.__c&&n.__c(),Vn=t}function Bt(n){var t=Vn;n.__c=n.__(),Vn=t}function Lt(n,t){return!n||n.length!==t.length||t.some((function(t,r){return t!==n[r]}))}function Nt(n,t){return"function"==typeof t?t(n):t}function Vt(n){return n.children}function Wt(n){if("object"!==("undefined"==typeof Reflect?"undefined":u(Reflect))||!Reflect.construct)return n;function t(){return Reflect.construct(n,arguments,this.constructor)}return t.prototype=Object.create(n.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),Object.setPrototypeOf(t,n)}function $t(n){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:self;return Rt&&zt===t||(Rt=Wt((zt=t).HTMLElement)),function(t){r(u,Rt);var i=l(u);function u(){var t;return(t=i.call(this)).implementation=new n(e(t)),t}var o=u.prototype;return o.connectedCallback=function(){this.classList.add("i-amphtml-built"),this.implementation.mountCallback(),this.implementation.buildCallback()},o.disconnectedCallback=function(){this.implementation.unmountCallback()},o.getApi=function(){return this.implementation.getApi()},u}()}function qt(){return It||(t={__c:n="__cC"+Ln++,__:{renderable:!0,playable:!0,loading:"auto"},Consumer:function(n,t){return n.children(t)},Provider:function(t){var r,i;return this.getChildContext||(r=[],(i={})[n]=this,this.getChildContext=function(){return i},this.shouldComponentUpdate=function(n){this.props.value!==n.value&&r.some(Yn)},this.sub=function(n){r.push(n);var t=n.componentWillUnmount;n.componentWillUnmount=function(){r.splice(r.indexOf(n),1),t&&t.call(n)}}),t.children}},It=t.Provider.__=t.Consumer.contextType=t);var n,t}function Ft(n){var t=n.children,r=n.loading,i=void 0===r?"auto":r,u=n.notify,e=n.playable,o=void 0===e||e,l=n.renderable,f=void 0===l||l,a=Dt(),c=f&&a.renderable,s=c&&o&&a.playable,v=_(c?"auto":"lazy",_(i,a.loading)),h=u||a.notify,d=Pt((function(){return{renderable:c,playable:s,loading:v,notify:h}}),[c,s,v,h]);return Jn(qt().Provider,{children:t,value:d})}function Dt(){var n,t,r;return n=qt(),t=Vn.context[n.__c],(r=jt(Nn++,9)).c=n,t?(null==r.__&&(r.__=!0,t.sub(Vn)),t.props.value):n.__}Tt="undefined"!=typeof AMP&&.BaseElement?AMP.BaseElement:function(){function n(n){this.element=n,this.win=on(n)}var t=n.prototype;return t.mutateElement=function(n){rn().then(n)},t.isLayoutSupported=function(){return!0},t.mountCallback=function(){},t.unmountCallback=function(){},t.buildCallback=function(){},n}();var Ht=G("CanRender",{defaultValue:!0,recursive:function(n){return n.reduce(Kt)},compute:function(n,t,r){return r&&t.reduce(Kt,!0)||!1}}),Gt=G("CanPlay",{defaultValue:!0,recursive:function(n){return n.reduce(Kt)},deps:[Ht],compute:function(n,t,r,i){return i&&r&&t.reduce(Kt,!0)||!1}}),Jt=G("Loading",{defaultValue:"auto",recursive:!0,deps:[Ht],compute:function(n,t,r,i){return _(i?"auto":"lazy",_(r||"auto",t.reduce(_,"auto")))}}),Kt=function(n,t){return n&&t},Ut=function(n){return n.ensureLoaded()},Zt=function(n){return n.pause()},Qt=function(n){return n.unmount()};function Xt(n){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];tr(n,t,!1,Ut)}function Yt(n){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];tr(n,t,!0,Zt)}function nr(n){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];tr(n,t,!0,Qt)}function tr(n,t,r,i){for(var u=v(n),e=0;e<u.length;e++)rr(u[e],t,r,i)}function rr(n,t,r,i){if(t&&n.classList.contains("i-amphtml-element")){var u=n;if(z(i,u),!r){var e=u.getPlaceholder();return void(e&&rr(e,!0,!1,i))}}for(var o=n.getElementsByClassName("i-amphtml-element"),l=null,f=0;f<o.length;f++){var a=o[f];if(r)z(i,a);else{l=l||[];for(var c=!1,s=0;s<l.length;s++)if(l[s].contains(a)){c=!0;break}c||(l.push(a),z(i,a))}}}var ir={},ur=new WeakMap;function er(n,t,r){var i=arguments.length>3&&void 0!==arguments[3]&&arguments[3];if(n.setAttribute("slot",t),!i)return Jn(or,c(c({},r||ir),{},{name:t}));var u=ur.get(n);if(u&&w(u.oldProps,r))return u.component;function e(n){return Jn(or,c(c({},r||ir),{},{name:t},n))}return ur.set(n,{oldProps:r,component:e}),e}function or(n){var t=_t(null);return function(n,t){var r=null==t?void 0:t.loading,i=Dt();Ot((function(){var t=n.current;return j(k(t)),nn(t,Ht,or,i.renderable),nn(t,Gt,or,i.playable),nn(t,Jt,or,i.loading),i.playable||lr(t,Yt,!0),function(){var n;tn(t,Ht,or),tn(t,Gt,or),tn(t,Jt,or),n=t,q.rediscoverChildren(n)}}),[n,i]),Ot((function(){var t=n.current;return j(k(t)),"lazy"!=r&&lr(t,Xt,!0),function(){lr(t,nr,!1)}}),[n,r])}(t,n),Mt((function(){n.postRender&&n.postRender()})),Jn("slot",c(c({},n),{},{ref:t}))}function lr(n,t,r){var i=n.assignedElements?n.assignedElements():n;if(!Array.isArray(i)||0!=i.length)if(r){var u=n.ownerDocument.defaultView;u&&(u.requestIdleCallback||u.setTimeout)((function(){return t(i)}))}else t(i)}var fr,ar={"position":"absolute","top":"0","left":"0","width":"100%","height":"100%"},cr=(fr=0,function(){return String(++fr)});function sr(n,t){return Object.values(n).some(t)}var vr=function(n){return"string"==typeof n||!!n.selector},hr=function(n){var t;return 3===n.nodeType&&0===(null===(t=n.nodeValue)||void 0===t?void 0:t.trim().length)};function dr(n,t,r,i,u){var e=n.layoutSizeDefined,o=n.lightDomTag,l=n.props;u&&u.start();var f=c(c({},i),{},{ref:r});return o&&(f["i-amphtml-rendered"]=!0,f.__AMP_RENDERED=!0,f.as=o),e&&(n.usesShadowDom?f.style=ar:f.class="i-amphtml-fill-content"),pr(n,f,l,t,u),u&&u.complete(),f}function pr(n,t,r,i,u){if(sr(r,vr))for(var e=function(n){return function(n,t){for(var r=[],i=n.firstElementChild;i;i=i.nextElementSibling)!hn(i)&&r.push(i);return r}(n)}(i),o=0;o<e.length;o++){var l=e[o],f=yr(l,r);if(f){var a=r[f],c=a.as,s=void 0!==c&&c,v=a.single,h=a.name,d=void 0===h?f:h,p=a.clone,m=a.props,y=void 0===m?{}:m;j(p||n.usesShadowDom);var b={};if(pr(n,b,y,l,u),v)t[d]=er(l,l.getAttribute("slot")||"i-amphtml-".concat(d),b,s);else{var g=t[d]||(t[d]=[]);j(!s),g.push(p?mr(l):er(l,l.getAttribute("slot")||"i-amphtml-".concat(d,"-").concat(cr()),b))}}}for(var w in r){var k=r[w];j([k.attr,k.attrs,k.attrMatches,k.selector,k.passthrough,k.passthroughNonEmpty].filter(Boolean).length<=1);var S=void 0;if(k.passthrough?(j(n.usesShadowDom),S=[Jn(or,{loading:"lazy"})]):k.passthroughNonEmpty?(j(n.usesShadowDom),S=vn(i).every(hr)?null:[Jn(or,{loading:"lazy"})]):k.attr?(S=i.getAttribute(k.attr),k.media&&null!=S&&(j(u),S=u.resolveListQuery(String(S)))):k.parseAttrs&&(j(k.attrs||k.attrMatches),S=k.parseAttrs(i)),null==S)null!=k.default&&(t[w]=k.default);else{var M="number"==k.type?parseFloat(S):"boolean"==k.type?null==(O=S)?void 0:"false"!==O:S;t[w]=M}}var O}function mr(n){for(var t={"key":n},r=n.attributes,i=n.localName,u=r.length,e=0;e<u;e++){var o=r[e],l=o.name,f=o.value;t[l]=f}return Jn(i,t)}function yr(n,t){for(var r in t){var i=t[r],u="string"==typeof i?i:i.selector;if(u&&cn(n,u))return r}return null}var br={childList:!0},gr={childList:!0,characterData:!0},wr={childList:!0},kr={"style":"display: contents; background: inherit;","part":"c"},jr={"name":"i-amphtml-svc"},Sr={"i-amphtml-rendered":""},Mr=function(){return!0},Or=function(n){return!!n.media},_r=function(n){return!(!n.passthrough&&!n.passthroughNonEmpty)},Pr=function(n){r(u,n);var t=l(u);u.R1=function(){return!0},u.requiresShadowDom=function(){return this.usesShadowDom},u.usesLoading=function(){return this.loadable},u.prerenderAllowed=function(){return!this.usesLoading()},u.previewAllowed=function(){return!1},u.Component=function(){j(!1)};var i=u.prototype;function u(n){var r;return(r=t.call(this,n)).jl=r.getDefaultProps(),r.Sl={renderable:!1,playable:!0,loading:"auto",notify:function(){return r.mutateElement((function(){}))}},r.Ml=!1,r.Ol=null,r._l=null,r.Pl=function(n){null!==n&&(r.Ol?r.Al(n):r.xl(n)),r._l=n,r.Tl()},r.Rl=null,r.zl=null,r.Il=null,r.Cl=!1,r.El=null,r.Bl=function(){r.Cl=!1,r.Ll()},r.Nl=!1,r.Bi=!1,r.observer=null,r.Vl=new $n(n),r.un=null,r}return i.getDefaultProps=function(){var n=this;return{"loading":"auto","onReadyState":function(t,r){n.Wl(t,r)},"onPlayingState":function(t){n.$l(t)}}},i.init=function(){},i.isLayoutSupported=function(t){return this.constructor.layoutSizeDefined?function(n){return"fixed"==n||"fixed-height"==n||"responsive"==n||"fill"==n||"flex-item"==n||"fluid"==n||"intrinsic"==n}(t)||"container"==t:n.prototype.isLayoutSupported.call(this,t)},i.buildCallback=function(){var n=this,t=this.constructor;this.observer=new MutationObserver((function(t){return n.ql(t)}));var r=t.props,i=sr(r,vr)?br:null,u=sr(r,_r)?gr:null,e=t.usesTemplate?wr:null;this.observer.observe(this.element,c(c(c({attributes:!0},i),u),e)),this.un=sr(r,Or)?new bn(this.win,(function(){return n.Fl()})):null;var o=t.staticProps,l=this.init();Object.assign(this.jl,o,l),this.checkPropsPostMutations(),U(this.element,[],(function(){return function(){n.Bi=!1,n.Il&&ht(null,n.Il)}})),U(this.element,[Ht,Gt,Jt],(function(t,r,i){n.Sl.renderable=t,n.Sl.playable=r,n.Sl.loading=i,n.Bi=!0,n.Fl()}));var f,a=t.useContexts;return 0!=a.length&&U(this.element,a,(function(){for(var t=arguments.length,r=new Array(t),i=0;i<t;i++)r[i]=arguments[i];n.zl=r,n.Fl()})),this.El=new en,this.Fl(),t.loadable&&(null===(f=this.setReadyState)||void 0===f||f.call(this,"loading")),this.Tl(),this.El.promise},i.ensureLoaded=function(){this.constructor.loadable&&(this.mutateProps({"loading":"eager"}),this.Ml=!0)},i.mountCallback=function(){Y(this.element),this.constructor.loadable&&"auto"!=this.getProp("loading")&&(this.mutateProps({"loading":"auto"}),this.Ml=!1)},i.unmountCallback=function(){var n;Y(this.element),this.constructor.loadable&&this.mutateProps({"loading":"unload"}),this.$l(!1),null===(n=this.un)||void 0===n||n.dispose()},i.mutateProps=function(n){Object.assign(this.jl,n),this.Fl()},i.api=function(){var n=this._l;return j(n),n},i.mutationObserverCallback=function(n){},i.checkPropsPostMutations=function(){},i.updatePropsForRendering=function(n){},i.isReady=function(n){return!0},i.ql=function(n){var t=this.constructor;this.mutationObserverCallback(n);var r=n.some((function(n){return function(n,t){var r=t.type;if("attributes"==r){if(n.usesTemplate&&"template"==t.attributeName)return!0;var i=n.props;for(var u in i){var e,o,l=i[u],f=t.attributeName;if(j(f),f==l.attr||null!==(e=l.attrs)&&void 0!==e&&e.includes(f)||null!==(o=l.attrMatches)&&void 0!==o&&o.call(l,f))return!0}return!1}return"childList"==r&&(Ar(t.addedNodes)||Ar(t.removedNodes))}(t,n)}));r&&(this.checkPropsPostMutations(),this.Fl())},i.Fl=function(){this.Cl||(this.Cl=!0,this.mutateElement(this.Bl))},i.Tl=function(){var n=this._l,t=null==n?void 0:n.readyState;t&&t!==this.element.readyState&&this.Wl(t)},i.Wl=function(n,t){var r;null===(r=this.setReadyState)||void 0===r||r.call(this,n,t),this.constructor.unloadOnPause&&this.$l("complete"==n),this.Ml&&(this.Ml=!1,this.mutateProps({"loading":"auto"}))},i.Ll=function(){var n,t,r,i=this;if(this.Bi){var u,e=this.constructor,o=e.detached,l=e.usesShadowDom,f=l?null:e.lightDomTag;if(!this.Il){var a=this.win.document;if(l){j(!o);var s=this.element.shadowRoot,v=s&&(u=s,fn("c"),an(u,"> ".concat("c")));if(v)this.Nl=!0;else{var h,d,p,m,y,b;s=this.element.attachShadow({mode:"open",delegatesFocus:e.delegatesFocus});var g=e.shadowCss;g&&function(n,t,r){var i=n.ownerDocument,u=i.defaultView;if(void 0!==n.adoptedStyleSheets&&void 0!==u.CSSStyleSheet.prototype.replaceSync){var e=u.__AMP_SHADOW_CSS||(u.__AMP_SHADOW_CSS={}),o=e[t];o||(j((o=new u.CSSStyleSheet).replaceSync),o.replaceSync(r),e[t]=o),n.adoptedStyleSheets=n.adoptedStyleSheets.concat(o)}else{var l=i.createElement("style");l.setAttribute("data-name",t),l.textContent=r,n.appendChild(l)}}(s,this.element.tagName,g),v=pn(a,"c",kr),s.appendChild(v);var w=pn(a,"slot",jr);s.appendChild(w),null===(h=this.getPlaceholder)||void 0===h||null===(d=h.call(this))||void 0===d||d.setAttribute("slot","i-amphtml-svc"),null===(p=this.getFallback)||void 0===p||null===(m=p.call(this))||void 0===m||m.setAttribute("slot","i-amphtml-svc"),null===(y=this.getOverflowElement)||void 0===y||null===(b=y.call(this))||void 0===b||b.setAttribute("slot","i-amphtml-svc")}this.Il=v,j(s),function(n,t){q.get(n).setParent(t)}(s,this.element),function(n,t,r){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0;q.get(n).addGroup(t,r,i)}(this.element,"unslotted",Mr,-1),n=this.element,t=Ht,this,null===(r=q.get(n).group("unslotted"))||void 0===r||r.values.set(t,this,!1)}else if(f){var k=this.element;this.Il=k;var S=sn(k,"i-amphtml-rendered")||pn(a,f,Sr);S.__AMP_RENDERED=!0,e.layoutSizeDefined&&S.classList.add("i-amphtml-fill-content"),this.Il.appendChild(S)}else{var M=a.createElement("i-amphtml-c");this.Il=M,M.classList.add("i-amphtml-fill-content"),o||this.element.appendChild(M)}}var O=this.Il;j(O);var _=e.useContexts,P=this.zl;if(0==_.length||null!=P){var A=dr(e,this.element,this.Pl,this.jl,this.un);if(this.updatePropsForRendering(A),this.isReady(A)){for(var x=Jn(e.Component,A),T=0;T<_.length;T++){j(P);var R=_[T].type,z=P[T];z&&(x=Jn(R.Provider,{value:z},x))}var I=Jn(Ft,c({},this.Sl),x);try{if(this.Nl)this.Nl=!1,dt(I,O);else{var C=f?sn(O,"i-amphtml-rendered"):null;C&&(C.__AMP_RENDERED=!0),ht(I,O,null!=C?C:void 0)}}catch(n){var E;throw null===(E=this.El)||void 0===E||E.reject(n),n}l||o||this.mutateElement((function(){return yn(i.element,"amp:dom-update",void 0)})),this.El&&(this.El.resolve(void 0),this.El=null)}}}},i.getProp=function(n,t){return r=this.jl,i=n,g.call(r,i)?this.jl[n]:t;var r,i},i.getApi=function(){var n=this.Ol;return n?Promise.resolve(n):(this.Rl||(this.Rl=new en),this.Rl.promise)},i.xl=function(n){for(var t=Object.create(null),r=Object.keys(n),i=0;i<r.length;i++){var u=r[i];this.Dl(t,u)}this.Ol=t,this.Rl&&(this.Rl.resolve(t),this.Rl=null)},i.Al=function(n){},i.triggerEvent=function(n,t,r){yn(n,t,r)},i.pauseCallback=function(){if(this.constructor.unloadOnPause)this.mutateProps({"loading":"unload"}),this.Ml=!0;else{var n,t=this._l;null==t||null===(n=t.pause)||void 0===n||n.call(t)}},i.$l=function(n){this.Vl.updatePlaying(n)},i.Dl=function(n,t){var r=this;Object.defineProperty(n,t,{configurable:!0,get:function(){var n=r._l;return j(n),n[t]},set:function(n){var i=r._l;j(i),i[t]=n}})},u}(Tt);function Ar(n){for(var t=0;t<n.length;t++){var r=n[t];if(k(r)){if(r.__AMP_RENDERED||r.tagName.startsWith("I-")||"i-amphtml-svc"==r.getAttribute("slot"))continue;return!0}if(3==r.nodeType)return!0}return!1}function xr(n,t,r,i,u,e,o){try{var l=n[e](o),f=l.value}catch(n){return void r(n)}l.done?t(f):Promise.resolve(f).then(i,u)}function Tr(n){return function(){var t=this,r=arguments;return new Promise((function(i,u){var e=n.apply(t,r);function o(n){xr(e,i,u,o,l,"next",n)}function l(n){xr(e,i,u,o,l,"throw",n)}o(void 0)}))}}function Rr(n,t){if(null==n)return{};var r,i,u={},e=Object.keys(n);for(i=0;i<e.length;i++)r=e[i],t.indexOf(r)>=0||(u[r]=n[r]);return u}Pr.staticProps=void 0,Pr.useContexts=[],Pr.loadable=!1,Pr.unloadOnPause=!1,Pr.layoutSizeDefined=!1,Pr.lightDomTag="",Pr.usesTemplate=!1,Pr.shadowCss=null,Pr.usesShadowDom=!1,Pr.detached=!1,Pr.delegatesFocus=!1,Pr.props={};var zr,Ir=["ref"],Cr="undefined"!=typeof Symbol&&(null===(zr=Symbol.for)||void 0===zr?void 0:zr.call(Symbol,"react.forward_ref"))||3911,Er=Rn.__b;Rn.__b=function(n){var t;null!==(t=n.type)&&void 0!==t&&t.Hl&&n.ref&&(n.props.ref=n.ref,n.ref=null),null==Er||Er(n)};var Br=function(n){function t(t){var r=t.ref,i=Rr(t,Ir);return n(i,r)}return t.$$typeof=Cr,t.render=t,t.prototype.isReactComponent=!0,t.Hl=!0,t};function Lr(n){var t=function(n,t){if("object"!==u(n)||null===n)return n;var r=n[Symbol.toPrimitive];if(void 0!==r){var i=r.call(n,"string");if("object"!==u(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(n)}(n);return"symbol"===u(t)?t:String(t)}var Nr=[null,"paint","layout","content","size","size paint","size layout","strict"],Vr={"position":"relative","width":"100%","height":"100%"},Wr=Br((function(n,t){var r="class",i=n.as,u=void 0===i?"div":i,e=n.children,o=n.contentAs,l=void 0===o?"div":o,f=n.contentClassName,a=n.contentProps,s=n.contentRef,v=n.contentStyle,h=n.layout,d=void 0!==h&&h,p=n.paint,m=void 0!==p&&p,y=n.size,b=void 0!==y&&y,g=n.style,w=n.wrapperClassName,k=n.wrapperStyle,j=n[r],S=(b?4:0)+(d?2:0)+(m?1:0);return Jn(u,c(c({},Rr(n,["as","children","contentAs","contentClassName","contentProps","contentRef","contentStyle","layout","paint","size","style","wrapperClassName","wrapperStyle",r].map(Lr))),{},{ref:t,class:"".concat(j||""," ").concat(w||"").trim()||null,style:c(c(c({},g),k),{},{contain:Nr[S]})}),Jn(l,c(c({},a),{},{ref:s,class:f,style:c(c({},b&&Vr),{},{"overflow":m?"hidden":"visible"},v)}),e))}));function $r(n,t){return function(n){if(Array.isArray(n))return n}(n)||function(n,t){var r=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=r){var i,u,e=[],o=!0,l=!1;try{for(r=r.call(n);!(o=(i=r.next()).done)&&(e.push(i.value),!t||e.length!==t);o=!0);}catch(n){l=!0,u=n}finally{try{o||null==r.return||r.return()}finally{if(l)throw u}}return e}}(n,t)||m(n,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function qr(n,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=r.needsRootBounds,u=r.rootMargin,e=r.threshold,o=mn(t)&&(i||u)?t.document:void 0;return new t.IntersectionObserver(n,{threshold:e,root:o,rootMargin:u})}Br((function(n,t){var r="class",i=n.as,u=void 0===i?"div":i,e=n.children,o=n.style,l=n.wrapperClassName,f=n.wrapperStyle,a=n[r];return Jn(u,c(c({},Rr(n,["as","children","style","wrapperClassName","wrapperStyle",r].map(Lr))),{},{ref:t,class:"".concat(a||""," ").concat(l||"").trim()||null,style:c(c({},o),f)}),e)}));var Fr=new WeakMap,Dr=new WeakMap;function Hr(n){for(var t=new Set,r=n.length-1;r>=0;r--){var i=n[r],u=i.target;if(!t.has(u)){t.add(u);var e=Dr.get(u);if(e)for(var o=0;o<e.length;o++)(0,e[o])(i)}}}function Gr(n){return function(n){if(Array.isArray(n))return p(n)}(n)||function(n){if("undefined"!=typeof Symbol&&null!=n[Symbol.iterator]||null!=n["@@iterator"])return Array.from(n)}(n)||m(n)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var Jr={loading:!1,error:null,pages:[],hasMore:!0},Kr={fetchJson:function(n,t){return this.fetch(n,t).then((function(n){return n.json()}))},fetch:function(n,t){return Tr(regeneratorRuntime.mark((function r(){var i;return regeneratorRuntime.wrap((function(r){for(;;)switch(r.prev=r.next){case 0:return r.next=2,self.fetch(n,t);case 2:if((i=r.sent).ok){r.next=5;break}throw new Error(i.statusText);case 5:return r.abrupt("return",i);case 6:case"end":return r.stop()}}),r)})))()}},Ur={loadMoreSpinner:"load-more-spinner-cc33818",loadMoreIcon:"load-more-icon-cc33818"},Zr=("url('data:image/svg+xml;charset=utf-8,".concat('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"><defs><linearGradient id="grad"><stop stop-color="rgb(51,51,51)" stop-opacity=".75"></stop><stop offset="100%" stop-color="rgb(51,51,51)" stop-opacity="0"></stop></linearGradient></defs><path d="M11,4.4 A18,18, 0,1,0, 38,20" fill="none" stroke="url(%23grad)" stroke-width="1.725"></path></svg>',"')"),"url('data:image/svg+xml;charset=utf-8,".concat('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z"></path></svg>',"')"),["src","fetchJson","itemsKey","maxItems","loadMore","loadMoreBookmark","viewportBuffer","template","wrapperTemplate","loadMoreTemplate","loadingTemplate","errorTemplate"]),Qr=function(n){return Jn("div",null,String(n))},Xr=function(n){return Jn("div",null,n)},Yr=function(n,t){return Jn("div",null,"Unable to Load More ",Jn("button",{"load-more-retry":!0},Jn("label",null,Jn("span",{class:n.loadMoreIcon})," Retry")))},ni=function(){return Jn("div",null,Jn("button",{"load-more-button":!0},Jn("label",null,"See More")))},ti=function(n){return Jn("div",null,Jn("span",{"aria-label":"Loading",class:n.loadMoreSpinner}))};function ri(n,t){return t.split(".").reduce((function(n,t){return n&&""!==t?n[t]:n}),n)}var ii=Br((function(n,t){var r,i=n.src,e=void 0===i?null:i,o=n.fetchJson,l=void 0===o?Kr.fetchJson:o,f=n.itemsKey,a=void 0===f?"items":f,s=n.maxItems,v=void 0===s?0:s,h=n.loadMore,p=void 0===h?"none":h,m=n.loadMoreBookmark,y=void 0===m?"load-more-src":m,b=n.viewportBuffer,g=void 0===b?2:b,w=n.template,k=void 0===w?Qr:w,j=n.wrapperTemplate,S=void 0===j?Xr:j,M=n.loadMoreTemplate,O=void 0===M?ni:M,_=n.loadingTemplate,P=void 0===_?ti:_,A=n.errorTemplate,x=void 0===A?Yr:A,T=Rr(n,Zr),R=Dt().renderable,z=Pt((function(){var n=Math.floor(100*g);return{rootMargin:"0% 0% ".concat(n,"% 0%"),threshold:0}}),[g]),I=_t(null),C=function(n,t){var r=$r(St(!1),2),i=r[0],u=r[1];return Mt((function(){var r=n.current;if(r)return function(n,t,r){var i=on(n);if(r){var u=qr((function(n){t(n[n.length-1])}),i,r);return u.observe(n),function(){u.unobserve(n)}}var e=Fr.get(i);e||Fr.set(i,e=qr(Hr,i));var o=Dr.get(n);return o||(o=[],Dr.set(n,o)),o.push(t),e.observe(n),function(){!function(n,t){var r=Dr.get(n);if(r&&d(r,t)&&!r.length){var i=on(n),u=Fr.get(i);null==u||u.unobserve(n),Dr.delete(n)}}(n,t)}}(r,(function(n){u(n.isIntersecting)}),t)}),[n,t]),i}(I,z),E=function(n){var t,r,i=n.fetchPage,u=n.getNextPageParam,e=function(n){var t=_t(!1);Mt((function(){return t.current=!0,function(){t.current=!1}}),[]);var r=$r(St(n),2),i=r[0],u=r[1];return[i,At((function(n){t.current&&u(n)}),[u])]}(Jr),o=$r(e,2),l=o[0],f=o[1],a=(t={fetchPage:i,getNextPageParam:u,state:l},(r=_t(null)).current=t,r),s=_t(0),v=At(Tr(regeneratorRuntime.mark((function n(){var t,r,i,u,e,o,l,v,h,d,p=arguments;return regeneratorRuntime.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(t=p.length>0&&void 0!==p[0]&&p[0],r=a.current,i=r.fetchPage,u=r.getNextPageParam,e=r.state,t||!e.loading){n.next=4;break}return n.abrupt("return");case 4:return o=++s.current,f((function(n){return c(c({},n),{},{loading:!0})})),l=t?[]:e.pages,v=l.length?l[l.length-1]:void 0,n.prev=8,n.next=11,i({pageParam:v?u(v):void 0});case 11:if(h=n.sent,o===s.current){n.next=14;break}return n.abrupt("return");case 14:d=u(h),f({loading:!1,error:null,pages:[].concat(Gr(l),[h]),hasMore:null!=d}),n.next=23;break;case 18:if(n.prev=18,n.t0=n.catch(8),o===s.current){n.next=22;break}return n.abrupt("return");case 22:f((function(t){return c(c({},t),{},{loading:!1,error:n.t0})}));case 23:case"end":return n.stop()}}),n,null,[[8,18]])}))),[a,f]),h=At((function(){return v(!0)}),[v]);return c(c({},l),{},{loadMore:v,reset:h})}({fetchPage:(r=Tr(regeneratorRuntime.mark((function n(t){var r,i,u;return regeneratorRuntime.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(r=t.pageParam,i=void 0===r?e:r,R){n.next=3;break}return n.abrupt("return",null);case 3:return n.next=5,l(i);case 5:return u=n.sent,n.abrupt("return",u);case 7:case"end":return n.stop()}}),n)}))),function(n){return r.apply(this,arguments)}),getNextPageParam:function(n){return function(n,t){return ri(n,t)}(n,y)}}),B=E.error,L=E.hasMore,N=E.loadMore,V=E.loading,W=E.pages,$=E.reset;Mt((function(){$()}),[e,R,y,$]);var q=R&&"auto"===p&&C&&!V&&L;Mt((function(){q&&N()}),[q,N]);var F,D,H,G=Pt((function(){var n=W.flatMap((function(n){return function(n,t){if(!n)return[];var r=ri(n,t);return r?(Array.isArray(r)||(r=[r]),r):[]}(n,a)}));return v>0&&n.length>v&&(n=n.slice(0,v)),n.map((function(n,t){var r=k(n);return r&&"object"===u(r)&&"string"==typeof r.__html&&(r=Jn("span",{dangerouslySetInnerHTML:r})),ui(r,{"key":t,"role":"listitem"})}))}),[W,a,v,k]),J=V,K=0!==G.length,U="manual"===p&&L&&!V;F=t,D=function(){return{refresh:$}},pt=6,Ot((function(){"function"==typeof F?F(D()):F&&(F.current=D())}),null==(H=[$])?H:H.concat(F));var Z=Ur;return Jn(Wr,c(c({"aria-live":"polite"},T),{},{onClick:function(n){n.target.closest("[load-more-button], [load-more-retry]")&&N()}}),Jn(Vt,{"test-id":"contents"},K&&ui(S(G),{"role":"list"}),J&&P(Z),U&&O(Z),B&&x(Z,B),"auto"===p&&Jn("span",{ref:I})))}));function ui(n,t){return In(n)?function(n,t,r){var i,u,e,o=Hn({},n.props);for(e in t)"key"==e?i=t[e]:"ref"==e?u=t[e]:o[e]=t[e];return arguments.length>2&&(o.children=arguments.length>3?Tn.call(arguments,2):r),Kn(n.type,o,i||n.key,u||n.ref,null)}(n,c(c({},t),n.props)):n}ii.displayName="List";var ei=function(n){r(i,Pr);var t=l(i);function i(){return t.apply(this,arguments)}return i}();function oi(){!function(n,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:self;r.customElements.define(n,$t(t,r))}("bento-list",ei)} | ||
/*! https://mths.be/cssescape v1.5.1 by @mathias | MIT license */ei.Component=ii,ei.props={"src":{attr:"src"},"itemsKey":{attr:"items"},"maxItems":{attr:"max-items",type:"number"},"loadMore":{attr:"load-more"},"loadMoreBookmark":{attr:"load-more-bookmark"},"viewportBuffer":{attr:"viewport-buffer",type:"number"}},ei.layoutSizeDefined=!0,ei.usesShadowDom=!0,ei.usesTemplate=!0; | ||
var r=Object.create,e=Object.defineProperty,n=Object.getOwnPropertyDescriptor,t=Object.getOwnPropertyNames,o=Object.getPrototypeOf,u=Object.prototype.hasOwnProperty,i=function(r){return e(r,"__esModule",{value:!0})},a=function(a){return function(r,o,i){if(o&&"object"==typeof o||"function"==typeof o)for(var a,c=t(o),f=0,l=c.length;f<l;f++)a=c[f],u.call(r,a)||"default"===a||e(r,a,{get:function(r){return o[r]}.bind(null,a),enumerable:!(i=n(o,a))||i.enumerable});return r}(i(e(null!=a?r(o(a)):{},"default",a&&a.__esModule&&"default"in a?{get:function(){return a.default},enumerable:!0}:{value:a,enumerable:!0})),a)};function c(r,e){return(c=Object.setPrototypeOf||function(r,e){return r.__proto__=e,r})(r,e)}function f(r){return(f=Object.setPrototypeOf?Object.getPrototypeOf:function(r){return r.__proto__||Object.getPrototypeOf(r)})(r)}function l(r){return(l="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(r){return typeof r}:function(r){return r&&"function"==typeof Symbol&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r})(r)}function s(r,e){if(e&&("object"===l(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return function(r){if(void 0===r)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return r}(r)}!function(r,n){for(var t in i(r),n)e(r,t,{get:n[t],enumerable:!0})}(exports,{defineElement:function(){return Y}});var v=a(require("@bentoproject/core"));function b(r,e,n){return e in r?Object.defineProperty(r,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):r[e]=n,r}function d(r,e){var n=Object.keys(r);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(r);e&&(t=t.filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),n.push.apply(n,t)}return n}function p(r){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?d(Object(n),!0).forEach((function(e){b(r,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(n)):d(Object(n)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(n,e))}))}return r}function m(r,e,n,t,o,u,i){try{var a=r[u](i),c=a.value}catch(r){return void n(r)}a.done?e(c):Promise.resolve(c).then(t,o)}function y(r){return function(){var e=this,n=arguments;return new Promise((function(t,o){var u=r.apply(e,n);function i(r){m(u,t,o,i,a,"next",r)}function a(r){m(u,t,o,i,a,"throw",r)}i(void 0)}))}}var h=a(require("@bentoproject/core")),g=a(require("@bentoproject/core")),j=a(require("@bentoproject/core")),w=a(require("@bentoproject/core"));function O(r,e){(null==e||e>r.length)&&(e=r.length);for(var n=0,t=new Array(e);n<e;n++)t[n]=r[n];return t}function M(r,e){if(r){if("string"==typeof r)return O(r,e);var n=Object.prototype.toString.call(r).slice(8,-1);return"Object"===n&&r.constructor&&(n=r.constructor.name),"Map"===n||"Set"===n?Array.from(r):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?O(r,e):void 0}}function k(r,e){return function(r){if(Array.isArray(r))return r}(r)||function(r,e){var n=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=n){var t,o,u=[],i=!0,a=!1;try{for(n=n.call(r);!(i=(t=n.next()).done)&&(u.push(t.value),!e||u.length!==e);i=!0);}catch(r){a=!0,o=r}finally{try{i||null==n.return||n.return()}finally{if(a)throw o}}return u}}(r,e)||M(r,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}Array.isArray;var S=Object.prototype;function x(r){return(r.ownerDocument||r).defaultView}function R(r){return r.parent&&r.parent!=r}function q(r,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},t=n.needsRootBounds,o=n.rootMargin,u=n.threshold,i=R(e)&&(t||o)?e.document:void 0;return new e.IntersectionObserver(r,{threshold:u,root:i,rootMargin:o})}S.hasOwnProperty,S.toString;var A=new WeakMap,P=new WeakMap;function I(r){for(var e=new Set,n=r.length-1;n>=0;n--){var t=r[n],o=t.target;if(!e.has(o)){e.add(o);var u=P.get(o);if(u)for(var i=0;i<u.length;i++)(0,u[i])(t)}}}var T=a(require("@bentoproject/core")),B=a(require("@bentoproject/core"));function E(r){return function(r){if(Array.isArray(r))return O(r)}(r)||function(r){if("undefined"!=typeof Symbol&&null!=r[Symbol.iterator]||null!=r["@@iterator"])return Array.from(r)}(r)||M(r)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var L=a(require("@bentoproject/core")),C=a(require("@bentoproject/core")),G=a(require("@bentoproject/core")),J={loading:!1,error:null,pages:[],hasMore:!0},K={fetchJson:function(r,e){return this.fetch(r,e).then((function(r){return r.json()}))},fetch:function(r,e){return y(regeneratorRuntime.mark((function n(){var t;return regeneratorRuntime.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,self.fetch(r,e);case 2:if((t=n.sent).ok){n.next=5;break}throw new Error(t.statusText);case 5:return n.abrupt("return",t);case 6:case"end":return n.stop()}}),n)})))()}},N={loadMoreSpinner:"load-more-spinner-cc33818",loadMoreIcon:"load-more-icon-cc33818"},U=("url('data:image/svg+xml;charset=utf-8,".concat('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"><defs><linearGradient id="grad"><stop stop-color="rgb(51,51,51)" stop-opacity=".75"></stop><stop offset="100%" stop-color="rgb(51,51,51)" stop-opacity="0"></stop></linearGradient></defs><path d="M11,4.4 A18,18, 0,1,0, 38,20" fill="none" stroke="url(%23grad)" stroke-width="1.725"></path></svg>',"')"),"url('data:image/svg+xml;charset=utf-8,".concat('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z"></path></svg>',"')"),["src","fetchJson","itemsKey","maxItems","loadMore","loadMoreBookmark","viewportBuffer","template","wrapperTemplate","loadMoreTemplate","loadingTemplate","errorTemplate"]),W=function(r){return h.createElement("div",null,String(r))},_=function(r){return h.createElement("div",null,r)},z=function(r,e){return h.createElement("div",null,"Unable to Load More ",h.createElement("button",{"load-more-retry":!0},h.createElement("label",null,h.createElement("span",{class:r.loadMoreIcon})," Retry")))},D=function(){return h.createElement("div",null,h.createElement("button",{"load-more-button":!0},h.createElement("label",null,"See More")))},H=function(r){return h.createElement("div",null,h.createElement("span",{"aria-label":"Loading",class:r.loadMoreSpinner}))};function V(r,e){return e.split(".").reduce((function(r,e){return r&&""!==e?r[e]:r}),r)}var $=(0,j.forwardRef)((function(r,e){var n,t=r.src,o=void 0===t?null:t,u=r.fetchJson,i=void 0===u?K.fetchJson:u,a=r.itemsKey,c=void 0===a?"items":a,f=r.maxItems,s=void 0===f?0:f,v=r.loadMore,b=void 0===v?"none":v,d=r.loadMoreBookmark,m=void 0===d?"load-more-src":d,j=r.viewportBuffer,O=void 0===j?2:j,M=r.template,S=void 0===M?W:M,R=r.wrapperTemplate,$=void 0===R?_:R,Q=r.loadMoreTemplate,X=void 0===Q?D:Q,Y=r.loadingTemplate,Z=void 0===Y?H:Y,rr=r.errorTemplate,er=void 0===rr?z:rr,nr=function(r,e){if(null==r)return{};var n,t,o={},u=Object.keys(r);for(t=0;t<u.length;t++)n=u[t],e.indexOf(n)>=0||(o[n]=r[n]);return o}(r,U),tr=(0,B.useAmpContext)().renderable,or=(0,g.useMemo)((function(){var r=Math.floor(100*O);return{rootMargin:"0% 0% ".concat(r,"% 0%"),threshold:0}}),[O]),ur=(0,g.useRef)(null),ir=function(r,e){var n=k((0,T.useState)(!1),2),t=n[0],o=n[1];return(0,T.useEffect)((function(){var n=r.current;if(n)return function(r,e,n){var t=x(r);if(n){var o=q((function(r){e(r[r.length-1])}),t,n);return o.observe(r),function(){o.unobserve(r)}}var u=A.get(t);u||A.set(t,u=q(I,t));var i=P.get(r);return i||(i=[],P.set(r,i)),i.push(e),u.observe(r),function(){!function(r,e){var n,t,o,u=P.get(r);if(u&&(t=e,-1!=(o=(n=u).indexOf(t))&&(n.splice(o,1),1)&&!u.length)){var i=x(r),a=A.get(i);null==a||a.unobserve(r),P.delete(r)}}(r,e)}}(n,(function(r){o(r.isIntersecting)}),e)}),[r,e]),t}(ur,or),ar=function(r){var e=r.fetchPage,n=r.getNextPageParam,t=function(r){var e=(0,G.useRef)(!1);(0,G.useEffect)((function(){return e.current=!0,function(){e.current=!1}}),[]);var n=k((0,G.useState)(r),2),t=n[0],o=n[1];return[t,(0,G.useCallback)((function(r){e.current&&o(r)}),[o])]}(J),o=k(t,2),u=o[0],i=o[1],a=(0,C.useValueRef)({fetchPage:e,getNextPageParam:n,state:u}),c=(0,L.useRef)(0),f=(0,L.useCallback)(y(regeneratorRuntime.mark((function r(){var e,n,t,o,u,f,l,s,v,b,d=arguments;return regeneratorRuntime.wrap((function(r){for(;;)switch(r.prev=r.next){case 0:if(e=d.length>0&&void 0!==d[0]&&d[0],n=a.current,t=n.fetchPage,o=n.getNextPageParam,u=n.state,e||!u.loading){r.next=4;break}return r.abrupt("return");case 4:return f=++c.current,i((function(r){return p(p({},r),{},{loading:!0})})),l=e?[]:u.pages,s=l.length?l[l.length-1]:void 0,r.prev=8,r.next=11,t({pageParam:s?o(s):void 0});case 11:if(v=r.sent,f===c.current){r.next=14;break}return r.abrupt("return");case 14:b=o(v),i({loading:!1,error:null,pages:[].concat(E(l),[v]),hasMore:null!=b}),r.next=23;break;case 18:if(r.prev=18,r.t0=r.catch(8),f===c.current){r.next=22;break}return r.abrupt("return");case 22:i((function(e){return p(p({},e),{},{loading:!1,error:r.t0})}));case 23:case"end":return r.stop()}}),r,null,[[8,18]])}))),[a,i]),l=(0,L.useCallback)((function(){return f(!0)}),[f]);return p(p({},u),{},{loadMore:f,reset:l})}({fetchPage:(n=y(regeneratorRuntime.mark((function r(e){var n,t,u;return regeneratorRuntime.wrap((function(r){for(;;)switch(r.prev=r.next){case 0:if(n=e.pageParam,t=void 0===n?o:n,tr){r.next=3;break}return r.abrupt("return",null);case 3:return r.next=5,i(t);case 5:return u=r.sent,r.abrupt("return",u);case 7:case"end":return r.stop()}}),r)}))),function(r){return n.apply(this,arguments)}),getNextPageParam:function(r){return function(r,e){return V(r,e)}(r,m)}}),cr=ar.error,fr=ar.hasMore,lr=ar.loadMore,sr=ar.loading,vr=ar.pages,br=ar.reset;(0,g.useEffect)((function(){br()}),[o,tr,m,br]);var dr=tr&&"auto"===b&&ir&&!sr&&fr;(0,g.useEffect)((function(){dr&&lr()}),[dr,lr]);var pr=(0,g.useMemo)((function(){var r=vr.flatMap((function(r){return function(r,e){if(!r)return[];var n=V(r,e);return n?(Array.isArray(n)||(n=[n]),n):[]}(r,c)}));return s>0&&r.length>s&&(r=r.slice(0,s)),r.map((function(r,e){var n=S(r);return n&&"object"===l(n)&&"string"==typeof n.__html&&(n=h.createElement("span",{dangerouslySetInnerHTML:n})),F(n,{"key":e,"role":"listitem"})}))}),[vr,c,s,S]),mr=sr,yr=0!==pr.length,hr="manual"===b&&fr&&!sr;(0,g.useImperativeHandle)(e,(function(){return{refresh:br}}),[br]);var gr=N;return h.createElement(w.ContainWrapper,p(p({"aria-live":"polite"},nr),{},{onClick:function(r){r.target.closest("[load-more-button], [load-more-retry]")&&lr()}}),h.createElement(g.Fragment,{"test-id":"contents"},yr&&F($(pr),{"role":"list"}),mr&&Z(gr),hr&&X(gr),cr&&er(gr,cr),"auto"===b&&h.createElement("span",{ref:ur})))}));function F(r,e){return(0,g.isValidElement)(r)?(0,g.cloneElement)(r,p(p({},e),r.props)):r}$.displayName="List";var Q=function(r){!function(r,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");r.prototype=Object.create(e&&e.prototype,{constructor:{value:r,writable:!0,configurable:!0}}),e&&c(r,e)}(o,v.PreactBaseElement);var e,n,t=(e=o,n=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(r){return!1}}(),function(){var r,t=f(e);if(n){var o=f(this).constructor;r=Reflect.construct(t,arguments,o)}else r=t.apply(this,arguments);return s(this,r)});function o(){return t.apply(this,arguments)}return o}();Q.Component=$,Q.props={"src":{attr:"src"},"itemsKey":{attr:"items"},"maxItems":{attr:"max-items",type:"number"},"loadMore":{attr:"load-more"},"loadMoreBookmark":{attr:"load-more-bookmark"},"viewportBuffer":{attr:"viewport-buffer",type:"number"}},Q.layoutSizeDefined=!0,Q.usesShadowDom=!0,Q.usesTemplate=!0;var X=a(require("@bentoproject/core"));function Y(){(0,X.defineBentoElement)("bento-list",Q)} | ||
/*! https://mths.be/cssescape v1.5.1 by @mathias | MIT license */ | ||
//# sourceMappingURL=web-component.js.map |
; | ||
var t=(t,n,e)=>new Promise(((i,r)=>{var o=t=>{try{l(e.next(t))}catch(t){r(t)}},s=t=>{try{l(e.throw(t))}catch(t){r(t)}},l=t=>t.done?i(t.value):Promise.resolve(t.value).then(o,s);l((e=e.apply(t,n)).next())}));function n(t,n,e){return n in t?Object.defineProperty(t,n,{value:e,enumerable:!0,configurable:!0,writable:!0}):t[n]=e,t}function e(t,n){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable}))),e.push.apply(e,i)}return e}function i(t){for(var i=1;i<arguments.length;i++){var r=null!=arguments[i]?arguments[i]:{};i%2?e(Object(r),!0).forEach((function(e){n(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):e(Object(r)).forEach((function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(r,n))}))}return t}var{isArray:r}=Array;function o(t){return r(t)?t:[t]}function s(t,n){return t.indexOf(n)<0&&(t.push(n),!0)}function l(t,n){const e=t.indexOf(n);return-1!=e&&(t.splice(e,1),!0)}function u(t,n){(null==n||n>t.length)&&(n=t.length);for(var e=0,i=new Array(n);e<n;e++)i[e]=t[e];return i}function c(t,n){var e="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(e)return(e=e.call(t)).next.bind(e);if(Array.isArray(t)||(e=function(t,n){if(t){if("string"==typeof t)return u(t,n);var e=Object.prototype.toString.call(t).slice(8,-1);return"Object"===e&&t.constructor&&(e=t.constructor.name),"Map"===e||"Set"===e?Array.from(t):"Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e)?u(t,n):void 0}}(t))||n&&t&&"number"==typeof t.length){e&&(t=e);var i=0;return function(){return i>=t.length?{done:!0}:{done:!1,value:t[i++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var{hasOwnProperty:a,toString:f}=Object.prototype;function h(t){return 1==(null==t?void 0:t.nodeType)}function d(t,n,e,i,r,o,s,l,u,c,a){return t}var p=["auto","lazy","eager","unload"],v={auto:0,lazy:1,eager:2,unload:3};function m(t,n){const e=v[null!=t?t:"auto"]||0,i=v[null!=n?n:"auto"]||0,r=Math.max(e,i);return p[r]}function y(t,n){let e=!1;const i=()=>{e=!1,t()};return t=>{e||(e=!0,(t||n)(i))}}function b(t){const n=Object.getOwnPropertyDescriptor(t,"message");if(null!=n&&n.writable)return t;const{message:e,stack:i}=t,r=new Error(e);for(const n in t)r[n]=t[n];return r.stack=i,r}function g(t){let n=null,e="";for(var i,r=c(arguments,!0);!(i=r()).done;){const t=i.value;t instanceof Error&&!n?n=b(t):(e&&(e+=" "),e+=t)}return n?e&&(n.message=e+": "+n.message):n=new Error(e),n}function _(t){var n,e;null===(n=(e=self).__AMP_REPORT_ERROR)||void 0===n||n.call(e,t)}function P(t){const n=g.apply(null,arguments);setTimeout((()=>{throw _(n),n}))}function w(t,...n){try{return t.apply(null,n)}catch(t){P(t)}}function A(t,n,e,i=!0,r=!0){if(r){const r=n(t,e,i);r&&A(t,n,e,r,!1)}else if(t.children)for(var o,s=c(t.children,!0);!(o=s()).done;)A(o.value,n,e,i,!0)}var M=[],k=()=>{};function T(t,n){return t.values.scan(n)}function S(t,n,e){return t.values.scanAll(e)}function R(t,n){return t.values.has(n)}function I(t){return!!t.recursive}function E(t){return void 0!==t}var V=class{static get(t){let n=t.__AMP_NODE;return n||(n=new V(t,null),t.__AMP_NODE=n),n}static closest(t,n=!0){let e=t;for(;e;){if(e!=t||n){if(e.__AMP_NODE)return e.__AMP_NODE;const{nodeType:t}=e;if(9==t||11==t||h(e)&&e.tagName.startsWith("AMP-"))return V.get(e)}e=e.__AMP_ASSIGNED_SLOT||e.assignedSlot||e.parentNode}return null}static assignSlot(t,n){t.__AMP_ASSIGNED_SLOT!=n&&(t.__AMP_ASSIGNED_SLOT=n,C(t))}static unassignSlot(t,n){t.__AMP_ASSIGNED_SLOT==n&&(t.__AMP_ASSIGNED_SLOT=void 0,C(t))}static rediscoverChildren(t){var n;const e=t.__AMP_NODE;null==e||null===(n=e.children)||void 0===n||n.forEach(j)}constructor(t,n){this.node=t,this.name=n,this.isRoot=9==t.nodeType,this.root=this.isRoot?this:null,this.parent=null,this.children=null,this.groups=null,this.values=new class{constructor(t){this.Pn=t,this.p=null,this.v=null,this.m=y(this.m.bind(this),setTimeout)}set(t,n,e){d(n),d(void 0!==e);const{key:i}=t,r=this.p||(this.p=new Map);let o=r.get(i);o||(o={values:[],setters:[]},r.set(i,o));const s=o.setters.indexOf(n),l=-1==s||o.values[s]!==e;-1==s?(o.setters.push(n),o.values.push(e)):l&&(o.values[s]=e),l&&(this.ping(t,!1),I(t)&&A(this.Pn,T,t,!0,!1))}remove(t,n){d(n);const{key:e}=t,i=this.p,r=null==i?void 0:i.get(e);if(r){d(i);const o=r.setters.indexOf(n);-1!=o&&(r.setters.splice(o,1),r.values.splice(o,1),0==r.setters.length&&i.delete(e),A(this.Pn,T,t))}}has(t){var n;return!(null===(n=this.p)||void 0===n||!n.has(t.key))}subscribe(t,n){const e=this.el(t);if(!s(e.subscribers,n))return;const i=e.value;E(i)&&this.hi()&&n(i)}unsubscribe(t,n){var e;const i=null===(e=this.v)||void 0===e?void 0:e.get(t.key);i&&l(i.subscribers,n)&&this.la(i)}ping(t,n){var e,i;null===(e=this.v)||void 0===e||null===(i=e.get(t.key))||void 0===i||i.ping(n)}parentUpdated(){this.hi()&&A(this.Pn,S,void 0,M)}rootUpdated(){const t=this.v;t&&(this.hi()?t.forEach((t=>{const{prop:n}=t;this.ping(n,!0)})):t.forEach((t=>{const{prop:n}=t;I(n)&&this.ca(t,null)})))}scan(t){return this.ping(t,!0),!!I(t)&&!this.has(t)}scanAll(t){let n=null;const e=this.v;return e&&e.forEach((e=>{const{prop:i}=e,{key:r}=i;-1==(n||t).indexOf(r)&&(this.ping(i,!0),this.Pn.children&&this.has(i)&&(n||(n=t.slice(0)),n.push(r)))})),n||t}hi(){return!!this.Pn.root}el(t){const{deps:n,key:e}=t,i=this.v||(this.v=new Map);let r=i.get(e);return r||(r={prop:t,subscribers:[],value:void 0,pending:0,counter:0,depValues:n.length>0?n.map(k):M,parentValue:void 0,parentContextNode:null,ping:t=>{if(this.hi()){const n=t?2:1;r.pending=Math.max(r.pending,n),this.m()}},pingDep:n.length>0?n.map(((t,n)=>t=>{r.depValues[n]=t,r.ping()})):M,pingParent:I(t)?t=>{r.parentValue=t,r.ping()}:null},i.set(e,r),n.forEach(((t,n)=>this.subscribe(t,r.pingDep[n]))),r.ping(!1)),r}la(t){var n;if(t.subscribers.length>0)return;const{pingDep:e,prop:i}=t,{deps:r,key:o}=i;null===(n=this.v)||void 0===n||n.delete(o),this.ca(t,null),r.length>0&&r.forEach(((t,n)=>{this.unsubscribe(t,e[n])}))}m(){if(!this.hi())return;const t=this.v;if(!t)return;let n;t.forEach((t=>{t.counter=0}));do{n=0,t.forEach((t=>{if(0!=t.pending){const{key:e}=t.prop;if(t.counter++,t.counter>5)return P(`cyclical prop: ${e}`),void(t.pending=0);n++,this.aa(t)}}))}while(n>0)}aa(t){const n=2==t.pending;let e;try{e=this.fa(t,n)}catch(t){P(t)}t.pending=0,this.da(t,e)}da(t,n){const{prop:e,value:i}=t,{key:r}=e,o=this.v;if(i===n||t!==(null==o?void 0:o.get(r))||!this.hi())return;t.value=n;const{subscribers:s}=t;for(var l,u=c(s,!0);!(l=u()).done;)(0,l.value)(n)}fa(t,n){var e,i;d(this.hi());const{depValues:r,prop:o}=t,{compute:s,defaultValue:l,key:u}=o,c=null===(e=this.p)||void 0===e||null===(i=e.get(u))||void 0===i?void 0:i.values,a=function(t,n){const{compute:e,recursive:i}=t;return"function"==typeof i?!n||i(n):!(i&&n&&!e)&&i}(o,c);if(n||a!=Boolean(t.parentContextNode)){const n=a?function(t,n,e,i=!0){for(let r=i?t:t.parent;r;r=r.parent)if(n(r,e))return r;return null}(this.Pn,R,o,!1):null;this.ca(t,n)}const f=E(t.parentValue)?t.parentValue:a&&!t.parentContextNode?l:void 0;let h;if(r.every(E)&&(!a||E(f))){const{node:t}=this.Pn;c&&!s?h=c[0]:I(o)?c||r.length>0?h=function(t,n,e,i,r){switch(r.length){case 0:return t(n,e,i);case 1:return t(n,e,i,r[0]);case 2:return t(n,e,i,r[0],r[1]);case 3:return t(n,e,i,r[0],r[1],r[2]);default:return t.apply(null,[n,e,i].concat(r))}}(s,t,c||M,f,r):E(f)&&(h=f):s&&(h=function(t,n,e,i){switch(i.length){case 0:return t(n,e);case 1:return t(n,e,i[0]);case 2:return t(n,e,i[0],i[1]);case 3:return t(n,e,i[0],i[1],i[2]);default:return t.apply(null,[n,e].concat(i))}}(s,t,c||M,r))}return h}ca(t,n){const{parentContextNode:e,pingParent:i,prop:r}=t;n!=e&&(t.parentContextNode=n,t.parentValue=void 0,d(i),e&&e.values.unsubscribe(r,i),n&&(d(i),n.values.subscribe(r,i)))}}(this),this.pa=null,this.va=!1,this.ma=y(this.ya.bind(this),setTimeout),11==t.nodeType&&t.addEventListener("slotchange",(t=>{var n,e;const i=t.target;i.assignedNodes().forEach(C),null===(n=V.closest(i))||void 0===n||null===(e=n.children)||void 0===e||e.forEach(j)})),this.discover()}discover(){this.isDiscoverable()?this.ma():this.name&&this.children&&this.children.forEach(j)}isDiscoverable(){return!this.isRoot&&!this.va}setParent(t){const n=null!=t&&t.nodeType?V.get(t):t;this.ba(n,null!=t)}setIsRoot(t){var n,e;this.isRoot=t;const i=t?this:null!==(n=null===(e=this.parent)||void 0===e?void 0:e.root)&&void 0!==n?n:null;this.updateRoot(i)}updateRoot(t){d(!t||t.isRoot);const n=this.root;var e,i;t!=n&&(this.root=t,this.values.rootUpdated(),null===(e=this.pa)||void 0===e||e.forEach((t=>t.rootUpdated())),null===(i=this.children)||void 0===i||i.forEach((n=>n.updateRoot(t))))}addGroup(t,n,e){const i=this.groups||(this.groups=new Map),{children:r,node:o}=this,s=new V(o,t);return i.set(t,{cn:s,match:n,weight:e}),s.setParent(this),null==r||r.forEach(j),s}group(t){var n,e;return(null===(n=this.groups)||void 0===n||null===(e=n.get(t))||void 0===e?void 0:e.cn)||null}findGroup(t){const{groups:n}=this;if(!n)return null;let e=null,i=Number.NEGATIVE_INFINITY;return n.forEach((({cn:n,match:r,weight:o})=>{r(t,this.node)&&o>i&&(e=n,i=o)})),e}subscribe(t,n,e,i){const r=this.pa||(this.pa=new Map);let o=r.get(t);o||(o=new n(this,e,i),r.set(t,o))}unsubscribe(t){const n=this.pa,e=null==n?void 0:n.get(t);e&&(e.dispose(),d(n),n.delete(t))}ya(){if(!this.isDiscoverable())return;const t=V.closest(this.node,!1),n=(null==t?void 0:t.findGroup(this.node))||t;this.ba(n,!1)}ba(t,n){var e;this.va=n;const i=this.parent;if(t!=i){if(this.parent=t,null!=i&&i.children&&(d(i.children),l(i.children,this)),t){const n=t.children||(t.children=[]);s(n,this);for(var r,o=c(n,!0);!(r=o()).done;){const t=r.value;t!=this&&t.isDiscoverable()&&t.discover()}}this.values.parentUpdated()}this.updateRoot(null!==(e=null==t?void 0:t.root)&&void 0!==e?e:null)}};function C(t){!function(t,n,e=!0){const i=V.closest(t,e);if(i)if(i.node==t)n(i);else if(i.children)for(var r,o=c(i.children,!0);!(r=o()).done;){const e=r.value;t.contains(e.node)&&n(e)}}(t,j)}function j(t){t.discover()}var O=[];function x(t,n){const e=i({key:t,deps:O,recursive:!1},n);return d(0==e.deps.length||e.compute),e}var z=[],N=()=>{};function $(t,n,e){n=o(n);const i=e;V.get(t).subscribe(i,B,e,n)}var L,B=class{constructor(t,n,e){if(this.contextNode=t,this.ga=n,this._a=e,this.Pa=e.length>0?e.map(N):z,this.wa=e.length>0?e.map(((t,n)=>t=>{this.Pa[n]=t,this.Aa()})):z,this._s=!1,this.Ma=null,this.Aa=y(this.Aa.bind(this),setTimeout),e.length>0){const{values:t}=this.contextNode;e.forEach(((n,e)=>t.subscribe(n,this.wa[e])))}this.hi()&&this.Aa()}dispose(){if(this._a.length>0){const{values:t}=this.contextNode;this._a.forEach(((n,e)=>t.unsubscribe(n,this.wa[e])))}this.de()}rootUpdated(){const t=this.hi();this.de(),t&&this.Aa()}hi(){return!!this.contextNode.root}Aa(){this.hi()&&(this.Pa.every(U)?(this._s=!0,this.ka()):this._s&&(this._s=!1,this.de()))}ka(){this.de();const t=this.ga;this.Ma=function(t,n){switch(n.length){case 0:return t();case 1:return t(n[0]);case 2:return t(n[0],n[1]);case 3:return t(n[0],n[1],n[2]);default:return t.apply(null,n)}}(t,this.Pa)}de(){this.Ma&&(w(this.Ma),this.Ma=null)}};function U(t){return void 0!==t}function W(t){V.get(t).discover()}function D(t,n,e,i){V.get(t).values.set(n,e,i)}function q(t,n,e){V.get(t).values.remove(n,e)}function F(){return L||(L=Promise.resolve(void 0))}var H=class{constructor(){this.promise=new Promise(((t,n)=>{this.resolve=t,this.reject=n}))}};function J(t){return(t.ownerDocument||t).defaultView}function K(t){d(/^[\w-]+$/.test(t))}function G(t,n){return t.querySelector(function(t,n){return t.replace(/^|,/g,"$&:scope ")}(n))}function Q(t,n){const e=t.matches||t.webkitMatchesSelector||t.mozMatchesSelector||t.msMatchesSelector||t.oMatchesSelector;return!!e&&e.call(t,n)}function Z(t,n){return K(n),G(t,`> [${n}]`)}function X(t){return function(t,n){const e=[];for(let n=t.firstChild;n;n=n.nextSibling)!Y(n)&&e.push(n);return e}(t)}function Y(t){return!!function(t){let n;return"string"==typeof t?n=t:h(t)&&(n=t.tagName),!!n&&n.toLowerCase().startsWith("i-")}(t)||t.nodeType===Node.ELEMENT_NODE&&(t.hasAttribute("placeholder")||t.hasAttribute("fallback")||t.hasAttribute("overflow"))}var tt={bubbles:!0,cancelable:!0};function nt(t,n,e){return function(t,n){for(const e in n)t.setAttribute(e,n[e]);return t}(t.createElement(n),e)}function et(t,n,e,i){const r=e||{};d(t.ownerDocument);const o=t.ownerDocument.createEvent("Event");o.data=r;const{bubbles:s,cancelable:l}=i||tt;o.initEvent(n,s,l),t.dispatchEvent(o)}function it(t,n){return[{query:t.matchMedia(n),value:"1"},{query:null,value:""}]}function rt(t,n){return n.split(",").map((n=>{if(0==(n=n.replace(/\s+/g," ").trim()).length)return;let e,i,r;if(")"==n.charAt(n.length-1)){let t=1;for(r=n.length-2;r>=0;r--){const e=n.charAt(r);if("("==e?t--:")"==e&&t++,0==t)break}const e=r-1;if(r>0)for(r--;r>=0;r--){const t=n.charAt(r);if(!("%"==t||"-"==t||"_"==t||t>="a"&&t<="z"||t>="A"&&t<="Z"||t>="0"&&t<="9"))break}if(r>=e)return null}else for(r=n.length-2;r>=0;r--){const t=n.charAt(r);if(!("%"==t||"."==t||t>="a"&&t<="z"||t>="A"&&t<="Z"||t>="0"&&t<="9"))break}return r>=0?(e=n.substring(0,r+1).trim(),i=n.substring(r+1).trim()):(i=n,e=void 0),i?{query:e?t.matchMedia(e):null,value:i}:null})).filter(Boolean)}function ot(t,n,e){for(let i=0;i<t.length;i++){const{query:r}=t[i];r&&(void 0!==r.onchange?r.onchange=e?n:null:e?r.addListener(n):r.removeListener(n))}}var st={"getPropertyPriority":()=>"","getPropertyValue":()=>""},lt=/vertical/,ut=new WeakMap,ct=new WeakMap,at=new WeakMap;function ft(t){let n=ut.get(t);return n||(n=new t.ResizeObserver(ht),ut.set(t,n)),n}function ht(t){const n=new Set;for(let e=t.length-1;e>=0;e--){const i=t[e],{target:r}=i;if(n.has(r))continue;n.add(r);const o=ct.get(r);if(o){at.set(r,i);for(let t=0;t<o.length;t++){const{callback:n,type:e}=o[t];dt(e,n,i)}}}}function dt(t,n,e){if(0==t){const{contentRect:t}=e,{height:i,width:r}=t;w(n,{width:r,height:i})}else if(1==t){const{borderBoxSize:t}=e;let i;if(t)i=t.length>0?t[0]:{inlineSize:0,blockSize:0};else{const{target:t}=e,n=J(t),r=lt.test(function(t,n){return t.getComputedStyle(n)||st}(n,t).writingMode),{offsetHeight:o,offsetWidth:s}=t;let l,u;r?(u=s,l=o):(l=s,u=o),i={inlineSize:l,blockSize:u}}w(n,i)}}var pt,vt,mt,yt,bt,gt,_t,Pt,wt,At,Mt,kt={},Tt=[],St=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i;function Rt(t,n){for(var e in n)t[e]=n[e];return t}function It(t){var n=t.parentNode;n&&n.removeChild(t)}function Et(t,n,e){var i,r,o,s={};for(o in n)"key"==o?i=n[o]:"ref"==o?r=n[o]:s[o]=n[o];if(arguments.length>2&&(s.children=arguments.length>3?pt.call(arguments,2):e),"function"==typeof t&&null!=t.defaultProps)for(o in t.defaultProps)void 0===s[o]&&(s[o]=t.defaultProps[o]);return Vt(t,s,i,r,null)}function Vt(t,n,e,i,r){var o={type:t,props:n,key:e,ref:i,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,__h:null,constructor:void 0,__v:null==r?++mt:r};return null==r&&null!=vt.vnode&&vt.vnode(o),o}function Ct(t){return t.children}function jt(t,n){this.props=t,this.context=n}function Ot(t,n){if(null==n)return t.__?Ot(t.__,t.__.__k.indexOf(t)+1):null;for(var e;n<t.__k.length;n++)if(null!=(e=t.__k[n])&&null!=e.__e)return e.__e;return"function"==typeof t.type?Ot(t):null}function xt(t){var n,e;if(null!=(t=t.__)&&null!=t.__c){for(t.__e=t.__c.base=null,n=0;n<t.__k.length;n++)if(null!=(e=t.__k[n])&&null!=e.__e){t.__e=t.__c.base=e.__e;break}return xt(t)}}function zt(t){(!t.__d&&(t.__d=!0)&&bt.push(t)&&!Nt.__r++||_t!==vt.debounceRendering)&&((_t=vt.debounceRendering)||gt)(Nt)}function Nt(){for(var t;Nt.__r=bt.length;)t=bt.sort((function(t,n){return t.__v.__b-n.__v.__b})),bt=[],t.some((function(t){var n,e,i,r,o,s;t.__d&&(o=(r=(n=t).__v).__e,(s=n.__P)&&(e=[],(i=Rt({},r)).__v=r.__v+1,Ft(s,r,i,n.__n,void 0!==s.ownerSVGElement,null!=r.__h?[o]:null,e,null==o?Ot(r):o,r.__h),Ht(e,r),r.__e!=o&&xt(r)))}))}function $t(t,n,e,i,r,o,s,l,u,c){var a,f,h,d,p,v,m,y=i&&i.__k||Tt,b=y.length;for(e.__k=[],a=0;a<n.length;a++)if(null!=(d=e.__k[a]=null==(d=n[a])||"boolean"==typeof d?null:"string"==typeof d||"number"==typeof d||"bigint"==typeof d?Vt(null,d,null,null,d):Array.isArray(d)?Vt(Ct,{children:d},null,null,null):d.__b>0?Vt(d.type,d.props,d.key,null,d.__v):d)){if(d.__=e,d.__b=e.__b+1,null===(h=y[a])||h&&d.key==h.key&&d.type===h.type)y[a]=void 0;else for(f=0;f<b;f++){if((h=y[f])&&d.key==h.key&&d.type===h.type){y[f]=void 0;break}h=null}Ft(t,d,h=h||kt,r,o,s,l,u,c),p=d.__e,(f=d.ref)&&h.ref!=f&&(m||(m=[]),h.ref&&m.push(h.ref,null,d),m.push(f,d.__c||p,d)),null!=p?(null==v&&(v=p),"function"==typeof d.type&&d.__k===h.__k?d.__d=u=Lt(d,u,t):u=Bt(t,d,h,y,p,u),"function"==typeof e.type&&(e.__d=u)):u&&h.__e==u&&u.parentNode!=t&&(u=Ot(h))}for(e.__e=v,a=b;a--;)null!=y[a]&&("function"==typeof e.type&&null!=y[a].__e&&y[a].__e==e.__d&&(e.__d=Ot(i,a+1)),Kt(y[a],y[a]));if(m)for(a=0;a<m.length;a++)Jt(m[a],m[++a],m[++a])}function Lt(t,n,e){for(var i,r=t.__k,o=0;r&&o<r.length;o++)(i=r[o])&&(i.__=t,n="function"==typeof i.type?Lt(i,n,e):Bt(e,i,i,r,i.__e,n));return n}function Bt(t,n,e,i,r,o){var s,l,u;if(void 0!==n.__d)s=n.__d,n.__d=void 0;else if(null==e||r!=o||null==r.parentNode)t:if(null==o||o.parentNode!==t)t.appendChild(r),s=null;else{for(l=o,u=0;(l=l.nextSibling)&&u<i.length;u+=2)if(l==r)break t;t.insertBefore(r,o),s=o}return void 0!==s?s:r.nextSibling}function Ut(t,n,e){"-"===n[0]?t.setProperty(n,e):t[n]=null==e?"":"number"!=typeof e||St.test(n)?e:e+"px"}function Wt(t,n,e,i,r){var o;t:if("style"===n)if("string"==typeof e)t.style.cssText=e;else{if("string"==typeof i&&(t.style.cssText=i=""),i)for(n in i)e&&n in e||Ut(t.style,n,"");if(e)for(n in e)i&&e[n]===i[n]||Ut(t.style,n,e[n])}else if("o"===n[0]&&"n"===n[1])o=n!==(n=n.replace(/Capture$/,"")),n=n.toLowerCase()in t?n.toLowerCase().slice(2):n.slice(2),t.l||(t.l={}),t.l[n+o]=e,e?i||t.addEventListener(n,o?qt:Dt,o):t.removeEventListener(n,o?qt:Dt,o);else if("dangerouslySetInnerHTML"!==n){if(r)n=n.replace(/xlink[H:h]/,"h").replace(/sName$/,"s");else if("href"!==n&&"list"!==n&&"form"!==n&&"tabIndex"!==n&&"download"!==n&&n in t)try{t[n]=null==e?"":e;break t}catch(t){}"function"==typeof e||(null!=e&&(!1!==e||"a"===n[0]&&"r"===n[1])?t.setAttribute(n,e):t.removeAttribute(n))}}function Dt(t){this.l[t.type+!1](vt.event?vt.event(t):t)}function qt(t){this.l[t.type+!0](vt.event?vt.event(t):t)}function Ft(t,n,e,i,r,o,s,l,u){var c,a,f,h,d,p,v,m,y,b,g,_=n.type;if(void 0!==n.constructor)return null;null!=e.__h&&(u=e.__h,l=n.__e=e.__e,n.__h=null,o=[l]),(c=vt.__b)&&c(n);try{t:if("function"==typeof _){if(m=n.props,y=(c=_.contextType)&&i[c.__c],b=c?y?y.props.value:c.__:i,e.__c?v=(a=n.__c=e.__c).__=a.__E:("prototype"in _&&_.prototype.render?n.__c=a=new _(m,b):(n.__c=a=new jt(m,b),a.constructor=_,a.render=Gt),y&&y.sub(a),a.props=m,a.state||(a.state={}),a.context=b,a.__n=i,f=a.__d=!0,a.__h=[]),null==a.__s&&(a.__s=a.state),null!=_.getDerivedStateFromProps&&(a.__s==a.state&&(a.__s=Rt({},a.__s)),Rt(a.__s,_.getDerivedStateFromProps(m,a.__s))),h=a.props,d=a.state,f)null==_.getDerivedStateFromProps&&null!=a.componentWillMount&&a.componentWillMount(),null!=a.componentDidMount&&a.__h.push(a.componentDidMount);else{if(null==_.getDerivedStateFromProps&&m!==h&&null!=a.componentWillReceiveProps&&a.componentWillReceiveProps(m,b),!a.__e&&null!=a.shouldComponentUpdate&&!1===a.shouldComponentUpdate(m,a.__s,b)||n.__v===e.__v){a.props=m,a.state=a.__s,n.__v!==e.__v&&(a.__d=!1),a.__v=n,n.__e=e.__e,n.__k=e.__k,n.__k.forEach((function(t){t&&(t.__=n)})),a.__h.length&&s.push(a);break t}null!=a.componentWillUpdate&&a.componentWillUpdate(m,a.__s,b),null!=a.componentDidUpdate&&a.__h.push((function(){a.componentDidUpdate(h,d,p)}))}a.context=b,a.props=m,a.state=a.__s,(c=vt.__r)&&c(n),a.__d=!1,a.__v=n,a.__P=t,c=a.render(a.props,a.state,a.context),a.state=a.__s,null!=a.getChildContext&&(i=Rt(Rt({},i),a.getChildContext())),f||null==a.getSnapshotBeforeUpdate||(p=a.getSnapshotBeforeUpdate(h,d)),g=null!=c&&c.type===Ct&&null==c.key?c.props.children:c,$t(t,Array.isArray(g)?g:[g],n,e,i,r,o,s,l,u),a.base=n.__e,n.__h=null,a.__h.length&&s.push(a),v&&(a.__E=a.__=null),a.__e=!1}else null==o&&n.__v===e.__v?(n.__k=e.__k,n.__e=e.__e):n.__e=function(t,n,e,i,r,o,s,l){var u,c,a,f=e.props,h=n.props,d=n.type,p=0;if("svg"===d&&(r=!0),null!=o)for(;p<o.length;p++)if((u=o[p])&&(u===t||(d?u.localName==d:3==u.nodeType))){t=u,o[p]=null;break}if(null==t){if(null===d)return document.createTextNode(h);t=r?document.createElementNS("http://www.w3.org/2000/svg",d):document.createElement(d,h.is&&h),o=null,l=!1}if(null===d)f===h||l&&t.data===h||(t.data=h);else{if(o=o&&pt.call(t.childNodes),c=(f=e.props||kt).dangerouslySetInnerHTML,a=h.dangerouslySetInnerHTML,!l){if(null!=o)for(f={},p=0;p<t.attributes.length;p++)f[t.attributes[p].name]=t.attributes[p].value;(a||c)&&(a&&(c&&a.__html==c.__html||a.__html===t.innerHTML)||(t.innerHTML=a&&a.__html||""))}if(function(t,n,e,i,r){var o;for(o in e)"children"===o||"key"===o||o in n||Wt(t,o,null,e[o],i);for(o in n)r&&"function"!=typeof n[o]||"children"===o||"key"===o||"value"===o||"checked"===o||e[o]===n[o]||Wt(t,o,n[o],e[o],i)}(t,h,f,r,l),a)n.__k=[];else if(p=n.props.children,$t(t,Array.isArray(p)?p:[p],n,e,i,r&&"foreignObject"!==d,o,s,o?o[0]:e.__k&&Ot(e,0),l),null!=o)for(p=o.length;p--;)null!=o[p]&&It(o[p]);l||("value"in h&&void 0!==(p=h.value)&&(p!==t.value||"progress"===d&&!p)&&Wt(t,"value",p,f.value,!1),"checked"in h&&void 0!==(p=h.checked)&&p!==t.checked&&Wt(t,"checked",p,f.checked,!1))}return t}(e.__e,n,e,i,r,o,s,u);(c=vt.diffed)&&c(n)}catch(t){n.__v=null,(u||null!=o)&&(n.__e=l,n.__h=!!u,o[o.indexOf(l)]=null),vt.__e(t,n,e)}}function Ht(t,n){vt.__c&&vt.__c(n,t),t.some((function(n){try{t=n.__h,n.__h=[],t.some((function(t){t.call(n)}))}catch(t){vt.__e(t,n.__v)}}))}function Jt(t,n,e){try{"function"==typeof t?t(n):t.current=n}catch(t){vt.__e(t,e)}}function Kt(t,n,e){var i,r;if(vt.unmount&&vt.unmount(t),(i=t.ref)&&(i.current&&i.current!==t.__e||Jt(i,null,n)),null!=(i=t.__c)){if(i.componentWillUnmount)try{i.componentWillUnmount()}catch(t){vt.__e(t,n)}i.base=i.__P=null}if(i=t.__k)for(r=0;r<i.length;r++)i[r]&&Kt(i[r],n,"function"!=typeof t.type);e||null==t.__e||It(t.__e),t.__e=t.__d=void 0}function Gt(t,n,e){return this.constructor(t,e)}function Qt(t,n,e){var i,r,o;vt.__&&vt.__(t,n),r=(i="function"==typeof e)?null:e&&e.__k||n.__k,o=[],Ft(n,t=(!i&&e||n).__k=Et(Ct,null,[t]),r||kt,kt,void 0!==n.ownerSVGElement,!i&&e?[e]:r?null:n.firstChild?pt.call(n.childNodes):null,o,!i&&e?e:r?r.__e:n.firstChild,i),Ht(o,t)}function Zt(t,n){Qt(t,n,Zt)}pt=Tt.slice,vt={__e:function(t,n){for(var e,i,r;n=n.__;)if((e=n.__c)&&!e.__)try{if((i=e.constructor)&&null!=i.getDerivedStateFromError&&(e.setState(i.getDerivedStateFromError(t)),r=e.__d),null!=e.componentDidCatch&&(e.componentDidCatch(t),r=e.__d),r)return e.__E=e}catch(n){t=n}throw t}},mt=0,yt=function(t){return null!=t&&void 0===t.constructor},jt.prototype.setState=function(t,n){var e;e=null!=this.__s&&this.__s!==this.state?this.__s:this.__s=Rt({},this.state),"function"==typeof t&&(t=t(Rt({},e),this.props)),t&&Rt(e,t),null!=t&&this.__v&&(n&&this.__h.push(n),zt(this))},jt.prototype.forceUpdate=function(t){this.__v&&(this.__e=!0,t&&this.__h.push(t),zt(this))},jt.prototype.render=Ct,bt=[],gt="function"==typeof Promise?Promise.prototype.then.bind(F()):setTimeout,Nt.__r=0,Pt=0;var Xt=0,Yt=[],tn=vt.__b,nn=vt.__r,en=vt.diffed,rn=vt.__c,on=vt.unmount;function sn(t,n){vt.__h&&vt.__h(At,t,Xt||n),Xt=0;var e=At.__H||(At.__H={__:[],__h:[]});return t>=e.__.length&&e.__.push({}),e.__[t]}function ln(t){return Xt=1,function(t,n,e){var i=sn(wt++,2);return i.t=t,i.__c||(i.__=[wn(void 0,n),function(t){var n=i.t(i.__[0],t);i.__[0]!==n&&(i.__=[n,i.__[1]],i.__c.setState({}))}],i.__c=At),i.__}(wn,t)}function un(t,n){var e=sn(wt++,3);!vt.__s&&Pn(e.__H,n)&&(e.__=t,e.__H=n,At.__H.__h.push(e))}function cn(t,n){var e=sn(wt++,4);!vt.__s&&Pn(e.__H,n)&&(e.__=t,e.__H=n,At.__h.push(e))}function an(t){return Xt=5,fn((function(){return{current:t}}),[])}function fn(t,n){var e=sn(wt++,7);return Pn(e.__H,n)&&(e.__=t(),e.__H=n,e.__h=t),e.__}function hn(t,n){return Xt=8,fn((function(){return t}),n)}function dn(){Yt.forEach((function(t){if(t.__P)try{t.__H.__h.forEach(gn),t.__H.__h.forEach(_n),t.__H.__h=[]}catch(n){t.__H.__h=[],vt.__e(n,t.__v)}})),Yt=[]}vt.__b=function(t){At=null,tn&&tn(t)},vt.__r=function(t){nn&&nn(t),wt=0;var n=(At=t.__c).__H;n&&(n.__h.forEach(gn),n.__h.forEach(_n),n.__h=[])},vt.diffed=function(t){en&&en(t);var n=t.__c;n&&n.__H&&n.__H.__h.length&&(1!==Yt.push(n)&&Mt===vt.requestAnimationFrame||((Mt=vt.requestAnimationFrame)||function(t){var n,e=function(){clearTimeout(i),bn&&cancelAnimationFrame(n),setTimeout(t)},i=setTimeout(e,100);bn&&(n=requestAnimationFrame(e))})(dn)),At=null},vt.__c=function(t,n){n.some((function(t){try{t.__h.forEach(gn),t.__h=t.__h.filter((function(t){return!t.__||_n(t)}))}catch(e){n.some((function(t){t.__h&&(t.__h=[])})),n=[],vt.__e(e,t.__v)}})),rn&&rn(t,n)},vt.unmount=function(t){on&&on(t);var n=t.__c;if(n&&n.__H)try{n.__H.__.forEach(gn)}catch(t){vt.__e(t,n.__v)}};var pn,vn,mn,yn,bn="function"==typeof requestAnimationFrame;function gn(t){var n=At;"function"==typeof t.__c&&t.__c(),At=n}function _n(t){var n=At;t.__c=t.__(),At=n}function Pn(t,n){return!t||t.length!==n.length||n.some((function(n,e){return n!==t[e]}))}function wn(t,n){return"function"==typeof n?n(t):n}function An(t){return t.children}if("undefined"!=typeof AMP&&.BaseElement)pn=AMP.BaseElement;else{class t{constructor(t){this.element=t,this.win=J(t)}mutateElement(t){F().then(t)}isLayoutSupported(){return!0}mountCallback(){}unmountCallback(){}buildCallback(){}}pn=t}function Mn(){return yn||(n={__c:t="__cC"+Pt++,__:{renderable:!0,playable:!0,loading:"auto"},Consumer:function(t,n){return t.children(n)},Provider:function(n){var e,i;return this.getChildContext||(e=[],(i={})[t]=this,this.getChildContext=function(){return i},this.shouldComponentUpdate=function(t){this.props.value!==t.value&&e.some(zt)},this.sub=function(t){e.push(t);var n=t.componentWillUnmount;t.componentWillUnmount=function(){e.splice(e.indexOf(t),1),n&&n.call(t)}}),n.children}},yn=n.Provider.__=n.Consumer.contextType=n);var t,n}function kn({children:t,loading:n="auto",notify:e,playable:i=!0,renderable:r=!0}){const o=Tn(),s=r&&o.renderable,l=s&&i&&o.playable,u=m(s?"auto":"lazy",m(n,o.loading)),c=e||o.notify,a=fn((()=>({renderable:s,playable:l,loading:u,notify:c})),[s,l,u,c]);return Et(Mn().Provider,{children:t,value:a})}function Tn(){return t=Mn(),n=At.context[t.__c],(e=sn(wt++,9)).c=t,n?(null==e.__&&(e.__=!0,n.sub(At)),n.props.value):t.__;var t,n,e}var Sn=x("CanRender",{defaultValue:!0,recursive:t=>t.reduce(En),compute:(t,n,e)=>e&&n.reduce(En,!0)||!1}),Rn=x("CanPlay",{defaultValue:!0,recursive:t=>t.reduce(En),deps:[Sn],compute:(t,n,e,i)=>i&&e&&n.reduce(En,!0)||!1}),In=x("Loading",{defaultValue:"auto",recursive:!0,deps:[Sn],compute:(t,n,e,i)=>m(i?"auto":"lazy",m(e||"auto",n.reduce(m,"auto")))}),En=(t,n)=>t&&n,Vn=t=>t.ensureLoaded(),Cn=t=>t.pause(),jn=t=>t.unmount();function On(t,n=!0){Nn(t,n,!1,Vn)}function xn(t,n=!0){Nn(t,n,!0,Cn)}function zn(t,n=!0){Nn(t,n,!0,jn)}function Nn(t,n,e,i){const r=o(t);for(let t=0;t<r.length;t++)$n(r[t],n,e,i)}function $n(t,n,e,i){if(n&&t.classList.contains("i-amphtml-element")){const n=t;if(w(i,n),!e){const t=n.getPlaceholder();return void(t&&$n(t,!0,!1,i))}}const r=t.getElementsByClassName("i-amphtml-element");let o=null;for(let t=0;t<r.length;t++){const n=r[t];if(e)w(i,n);else{o=o||[];let t=!1;for(let e=0;e<o.length;e++)if(o[e].contains(n)){t=!0;break}t||(o.push(n),w(i,n))}}}var Ln={},Bn=new WeakMap;function Un(t,n,e,r=!1){if(t.setAttribute("slot",n),!r)return Et(Wn,i(i({},e||Ln),{},{name:n}));const o=Bn.get(t);if(o&&function(t,n){if(null==t||null==n)return t===n;for(const e in t)if(t[e]!==n[e])return!1;for(const e in n)if(n[e]!==t[e])return!1;return!0}(o.oldProps,e))return o.component;function s(t){return Et(Wn,i(i({},e||Ln),{},{name:n},t))}return Bn.set(t,{oldProps:e,component:s}),s}function Wn(t){const n=an(null);return function(t,n){const e=null==n?void 0:n.loading,i=Tn();cn((()=>{const n=t.current;return d(h(n)),D(n,Sn,Wn,i.renderable),D(n,Rn,Wn,i.playable),D(n,In,Wn,i.loading),i.playable||Dn(n,xn,!0),()=>{var t;q(n,Sn,Wn),q(n,Rn,Wn),q(n,In,Wn),t=n,V.rediscoverChildren(t)}}),[t,i]),cn((()=>{const n=t.current;return d(h(n)),"lazy"!=e&&Dn(n,On,!0),()=>{Dn(n,zn,!1)}}),[t,e])}(n,t),un((()=>{t.postRender&&t.postRender()})),Et("slot",i(i({},t),{},{ref:n}))}function Dn(t,n,e){const i=t.assignedElements?t.assignedElements():t;if(Array.isArray(i)&&0==i.length)return;if(!e)return void n(i);const r=t.ownerDocument.defaultView;r&&(r.requestIdleCallback||r.setTimeout)((()=>n(i)))}var qn={"position":"absolute","top":"0","left":"0","width":"100%","height":"100%"},Fn=function(){let t=0;return()=>String(++t)}();function Hn(t,n){return Object.values(t).some(n)}var Jn=t=>"string"==typeof t||!!t.selector,Kn=t=>{var n;return 3===t.nodeType&&0===(null===(n=t.nodeValue)||void 0===n?void 0:n.trim().length)};function Gn(t,n,e,r,o){const{"layoutSizeDefined":s,"lightDomTag":l,"props":u}=t;o&&o.start();const c=i(i({},r),{},{ref:e});return l&&(c["i-amphtml-rendered"]=!0,c.__AMP_RENDERED=!0,c.as=l),s&&(t.usesShadowDom?c.style=qn:c.class="i-amphtml-fill-content"),Qn(t,c,u,n,o),o&&o.complete(),c}function Qn(t,n,e,i,r){if(Hn(e,Jn)){const o=function(t){return function(t,n){const e=[];for(let n=t.firstElementChild;n;n=n.nextElementSibling)!Y(n)&&e.push(n);return e}(t)}(i);for(let i=0;i<o.length;i++){const s=o[i],l=Xn(s,e);if(!l)continue;const u=e[l],{as:c=!1,single:a,name:f=l,clone:h,props:p={}}=u;d(h||t.usesShadowDom);const v={};if(Qn(t,v,p,s,r),a)n[f]=Un(s,s.getAttribute("slot")||`i-amphtml-${f}`,v,c);else{const t=n[f]||(n[f]=[]);d(!c),t.push(h?Zn(s):Un(s,s.getAttribute("slot")||`i-amphtml-${f}-${Fn()}`,v))}}}for(const s in e){const l=e[s];let u;if(d([l.attr,l.attrs,l.attrMatches,l.selector,l.passthrough,l.passthroughNonEmpty].filter(Boolean).length<=1),l.passthrough?(d(t.usesShadowDom),u=[Et(Wn,{loading:"lazy"})]):l.passthroughNonEmpty?(d(t.usesShadowDom),u=X(i).every(Kn)?null:[Et(Wn,{loading:"lazy"})]):l.attr?(u=i.getAttribute(l.attr),l.media&&null!=u&&(d(r),u=r.resolveListQuery(String(u)))):l.parseAttrs&&(d(l.attrs||l.attrMatches),u=l.parseAttrs(i)),null==u)null!=l.default&&(n[s]=l.default);else{const t="number"==l.type?parseFloat(u):"boolean"==l.type?null==(o=u)?void 0:"false"!==o:u;n[s]=t}}var o}function Zn(t){const n={"key":t},{attributes:e,localName:i}=t,{length:r}=e;for(let t=0;t<r;t++){const{name:i,value:r}=e[t];n[i]=r}return Et(i,n)}function Xn(t,n){for(const e in n){const i=n[e],r="string"==typeof i?i:i.selector;if(r&&Q(t,r))return e}return null}var Yn={childList:!0},te={childList:!0,characterData:!0},ne={childList:!0},ee={"style":"display: contents; background: inherit;","part":"c"},ie={"name":"i-amphtml-svc"},re={"i-amphtml-rendered":""},oe=()=>!0,se=t=>!!t.media,le=t=>!(!t.passthrough&&!t.passthroughNonEmpty),ue=class extends pn{static R1(){return!0}static requiresShadowDom(){return this.usesShadowDom}static usesLoading(){return this.loadable}static prerenderAllowed(){return!this.usesLoading()}static previewAllowed(){return!1}static Component(){d(!1)}getDefaultProps(){return{"loading":"auto","onReadyState":(t,n)=>{this.Ta(t,n)},"onPlayingState":t=>{this.Sa(t)}}}constructor(t){super(t),this.Ra=this.getDefaultProps(),this.Ia={renderable:!1,playable:!0,loading:"auto",notify:()=>this.mutateElement((()=>{}))},this.Ea=!1,this.Va=null,this.Ca=null,this.ja=t=>{null!==t&&(this.Va?this.Oa(t):this.xa(t)),this.Ca=t,this.za()},this.Na=null,this.$a=null,this.La=null,this.Ba=!1,this.Ua=null,this.Wa=()=>{this.Ba=!1,this.Da()},this.qa=!1,this.ui=!1,this.observer=null,this.Fa=new class{constructor(t){this.Ha=t,this.Ja=!1,this.Ka=!1,this.Ga=this.Ga.bind(this)}updatePlaying(t){t!==this.Ja&&(this.Ja=t,t?(this.Ka=!1,function(t,n){!function(t,n,e){const i=t.ownerDocument.defaultView;if(!i)return;let r=ct.get(t);if(r||(r=[],ct.set(t,r),ft(i).observe(t)),!r.some((t=>t.callback===e&&1===t.type))){r.push({type:1,callback:e});const n=at.get(t);n&&setTimeout((()=>dt(1,e,n)))}}(t,0,n)}(this.Ha,this.Ga)):function(t,n){!function(t,n,e){const i=ct.get(t);if(i&&(function(t,n){const i=[];let r=0;for(let n=0;n<t.length;n++){const s=t[n];(o=s).callback===e&&1===o.type?i.push(s):(r<n&&(t[r]=s),r++)}var o;r<t.length&&(t.length=r)}(i),0==i.length)){ct.delete(t),at.delete(t);const n=t.ownerDocument.defaultView;n&&ft(n).unobserve(t)}}(t,0,n)}(this.Ha,this.Ga))}Ga({blockSize:t,inlineSize:n}){const e=n>0&&t>0;if(e===this.Ka)return;this.Ka=e;const i=this.Ha;e||i.pause()}}(t),this.Ti=null}init(){}isLayoutSupported(t){return this.constructor.layoutSizeDefined?function(t){return"fixed"==t||"fixed-height"==t||"responsive"==t||"fill"==t||"flex-item"==t||"fluid"==t||"intrinsic"==t}(t)||"container"==t:super.isLayoutSupported(t)}buildCallback(){const t=this.constructor;this.observer=new MutationObserver((t=>this.Qa(t)));const{props:n}=t,e=Hn(n,Jn)?Yn:null,r=Hn(n,le)?te:null,o=t.usesTemplate?ne:null;this.observer.observe(this.element,i(i(i({attributes:!0},e),r),o)),this.Ti=Hn(n,se)?new class{constructor(t,n){this.Wt=t,this.o=n,this.Li={},this.Ui=null}start(){this.Ui=this.Li,this.Li={}}resolveMatchQuery(t){return"1"===this.$i(t,it,"1")}resolveListQuery(t){return this.$i(t,rt,"")}complete(){for(const t in this.Ui)t in this.Li||ot(this.Ui[t],this.o,!1);this.Ui=null}dispose(){for(const t in this.Li)ot(this.Li[t],this.o,!1);this.Li={}}$i(t,n,e){if(!t.trim())return e;let i=this.Li[t];return i||(d(this.Ui),i=this.Ui[t]),i||(i=n(this.Wt,t),ot(i,this.o,!0)),this.Li[t]=i,function(t){for(let n=0;n<t.length;n++){const{query:e,value:i}=t[n];if(!e||e.matches)return i}return""}(i)}}(this.win,(()=>this.Za())):null;const{staticProps:s}=t,l=this.init();Object.assign(this.Ra,s,l),this.checkPropsPostMutations(),$(this.element,[],(()=>()=>{this.ui=!1,this.La&&Qt(null,this.La)})),$(this.element,[Sn,Rn,In],((t,n,e)=>{this.Ia.renderable=t,this.Ia.playable=n,this.Ia.loading=e,this.ui=!0,this.Za()}));const{useContexts:u}=t;var c;return 0!=u.length&&$(this.element,u,((...t)=>{this.$a=t,this.Za()})),this.Ua=new H,this.Za(),t.loadable&&(null===(c=this.setReadyState)||void 0===c||c.call(this,"loading")),this.za(),this.Ua.promise}ensureLoaded(){this.constructor.loadable&&(this.mutateProps({"loading":"eager"}),this.Ea=!0)}mountCallback(){W(this.element),this.constructor.loadable&&"auto"!=this.getProp("loading")&&(this.mutateProps({"loading":"auto"}),this.Ea=!1)}unmountCallback(){var t;W(this.element),this.constructor.loadable&&this.mutateProps({"loading":"unload"}),this.Sa(!1),null===(t=this.Ti)||void 0===t||t.dispose()}mutateProps(t){Object.assign(this.Ra,t),this.Za()}api(){const t=this.Ca;return d(t),t}mutationObserverCallback(t){}checkPropsPostMutations(){}updatePropsForRendering(t){}isReady(t){return!0}Qa(t){const n=this.constructor;this.mutationObserverCallback(t);const e=t.some((t=>function(t,n){const{type:e}=n;if("attributes"==e){if(t.usesTemplate&&"template"==n.attributeName)return!0;const{props:e}=t;for(const t in e){var i,r;const o=e[t],s=n.attributeName;if(d(s),s==o.attr||null!==(i=o.attrs)&&void 0!==i&&i.includes(s)||null!==(r=o.attrMatches)&&void 0!==r&&r.call(o,s))return!0}return!1}return"childList"==e&&(ce(n.addedNodes)||ce(n.removedNodes))}(n,t)));e&&(this.checkPropsPostMutations(),this.Za())}Za(){this.Ba||(this.Ba=!0,this.mutateElement(this.Wa))}za(){const{Ca:t}=this,n=null==t?void 0:t.readyState;n&&n!==this.element.readyState&&this.Ta(n)}Ta(t,n){var e;null===(e=this.setReadyState)||void 0===e||e.call(this,t,n),this.constructor.unloadOnPause&&this.Sa("complete"==t),this.Ea&&(this.Ea=!1,this.mutateProps({"loading":"auto"}))}Da(){if(!this.ui)return;const t=this.constructor,{detached:n,usesShadowDom:e}=t,r=e?null:t.lightDomTag;if(!this.La){const i=this.win.document;if(e){d(!n);let{shadowRoot:e}=this.element,r=e&&(v=e,K("c"),G(v,"> c"));if(r)this.qa=!0;else{var o,s,l,u,c,a;e=this.element.attachShadow({mode:"open",delegatesFocus:t.delegatesFocus});const{shadowCss:n}=t;n&&function(t,n,e){const i=t.ownerDocument,r=i.defaultView;if(void 0!==t.adoptedStyleSheets&&void 0!==r.CSSStyleSheet.prototype.replaceSync){const i=r.__AMP_SHADOW_CSS||(r.__AMP_SHADOW_CSS={});let o=i[n];o||(o=new r.CSSStyleSheet,d(o.replaceSync),o.replaceSync(e),i[n]=o),t.adoptedStyleSheets=t.adoptedStyleSheets.concat(o)}else{const r=i.createElement("style");r.setAttribute("data-name",n),r.textContent=e,t.appendChild(r)}}(e,this.element.tagName,n),r=nt(i,"c",ee),e.appendChild(r);const f=nt(i,"slot",ie);e.appendChild(f),null===(o=this.getPlaceholder)||void 0===o||null===(s=o.call(this))||void 0===s||s.setAttribute("slot","i-amphtml-svc"),null===(l=this.getFallback)||void 0===l||null===(u=l.call(this))||void 0===u||u.setAttribute("slot","i-amphtml-svc"),null===(c=this.getOverflowElement)||void 0===c||null===(a=c.call(this))||void 0===a||a.setAttribute("slot","i-amphtml-svc")}this.La=r,d(e),function(t,n){V.get(t).setParent(n)}(e,this.element),function(t,n,e,i=0){V.get(t).addGroup(n,e,i)}(this.element,"unslotted",oe,-1),f=this.element,h=Sn,null===(p=V.get(f).group("unslotted"))||void 0===p||p.values.set(h,this,!1)}else if(r){const n=this.element;this.La=n;const e=Z(n,"i-amphtml-rendered")||nt(i,r,re);e.__AMP_RENDERED=!0,t.layoutSizeDefined&&e.classList.add("i-amphtml-fill-content"),this.La.appendChild(e)}else{const t=i.createElement("i-amphtml-c");this.La=t,t.classList.add("i-amphtml-fill-content"),n||this.element.appendChild(t)}}var f,h,p,v;const m=this.La;d(m);const{useContexts:y}=t,b=this.$a;if(0!=y.length&&null==b)return;const g=Gn(t,this.element,this.ja,this.Ra,this.Ti);if(this.updatePropsForRendering(g),!this.isReady(g))return;let _=Et(t.Component,g);for(let t=0;t<y.length;t++){d(b);const n=y[t].type,e=b[t];e&&(_=Et(n.Provider,{value:e},_))}const P=Et(kn,i({},this.Ia),_);try{if(this.qa)this.qa=!1,Zt(P,m);else{const t=r?Z(m,"i-amphtml-rendered"):null;t&&(t.__AMP_RENDERED=!0),Qt(P,m,null!=t?t:void 0)}}catch(t){var w;throw null===(w=this.Ua)||void 0===w||w.reject(t),t}e||n||this.mutateElement((()=>et(this.element,"amp:dom-update",void 0))),this.Ua&&(this.Ua.resolve(void 0),this.Ua=null)}getProp(t,n){return e=this.Ra,i=t,a.call(e,i)?this.Ra[t]:n;var e,i}getApi(){const t=this.Va;return t?Promise.resolve(t):(this.Na||(this.Na=new H),this.Na.promise)}xa(t){const n=Object.create(null),e=Object.keys(t);for(let t=0;t<e.length;t++){const i=e[t];this.Xa(n,i)}this.Va=n,this.Na&&(this.Na.resolve(n),this.Na=null)}Oa(t){}triggerEvent(t,n,e){et(t,n,e)}pauseCallback(){if(this.constructor.unloadOnPause)this.mutateProps({"loading":"unload"}),this.Ea=!0;else{var t;const{Ca:n}=this;null==n||null===(t=n.pause)||void 0===t||t.call(n)}}Sa(t){this.Fa.updatePlaying(t)}Xa(t,n){Object.defineProperty(t,n,{configurable:!0,get:()=>{const t=this.Ca;return d(t),t[n]},set:t=>{const e=this.Ca;d(e),e[n]=t}})}};function ce(t){for(let n=0;n<t.length;n++){const e=t[n];if(h(e)){if(e.__AMP_RENDERED||e.tagName.startsWith("I-")||"i-amphtml-svc"==e.getAttribute("slot"))continue;return!0}if(3==e.nodeType)return!0}return!1}function ae(t,n){if(null==t)return{};var e,i,r={},o=Object.keys(t);for(i=0;i<o.length;i++)e=o[i],n.indexOf(e)>=0||(r[e]=t[e]);return r}ue.staticProps=void 0,ue.useContexts=[],ue.loadable=!1,ue.unloadOnPause=!1,ue.layoutSizeDefined=!1,ue.lightDomTag="",ue.usesTemplate=!1,ue.shadowCss=null,ue.usesShadowDom=!1,ue.detached=!1,ue.delegatesFocus=!1,ue.props={};var fe,he=["ref"],de="undefined"!=typeof Symbol&&(null===(fe=Symbol.for)||void 0===fe?void 0:fe.call(Symbol,"react.forward_ref"))||3911,pe=vt.__b;vt.__b=function(t){var n;null!==(n=t.type)&&void 0!==n&&n.Ya&&t.ref&&(t.props.ref=t.ref,t.ref=null),null==pe||pe(t)};var ve=function(t){function n(n){const{ref:e}=n,i=ae(n,he);return t(i,e)}return n.$$typeof=de,n.render=n,n.prototype.isReactComponent=!0,n.Ya=!0,n};function me(t){return(me="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function ye(t){var n=function(t,n){if("object"!==me(t)||null===t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,"string");if("object"!==me(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"===me(n)?n:String(n)}var be=[null,"paint","layout","content","size","size paint","size layout","strict"],ge={"position":"relative","width":"100%","height":"100%"},_e=ve((function(t,n){let e="class",{as:r="div",children:o,contentAs:s="div",contentClassName:l,contentProps:u,contentRef:c,contentStyle:a,layout:f=!1,paint:h=!1,size:d=!1,"style":p,wrapperClassName:v,wrapperStyle:m,[e]:y}=t;const b=(d?4:0)+(f?2:0)+(h?1:0);return Et(r,i(i({},ae(t,["as","children","contentAs","contentClassName","contentProps","contentRef","contentStyle","layout","paint","size","style","wrapperClassName","wrapperStyle",e].map(ye))),{},{ref:n,class:`${y||""} ${v||""}`.trim()||null,style:i(i(i({},p),m),{},{contain:be[b]})}),Et(s,i(i({},u),{},{ref:c,class:l,style:i(i({},d&&ge),{},{"overflow":h?"hidden":"visible"},a)}),o))}));function Pe(t,n,e={}){const{needsRootBounds:i,rootMargin:r,threshold:o}=e,s=function(t){return t.parent&&t.parent!=t}(n)&&(i||r)?n.document:void 0;return new n.IntersectionObserver(t,{threshold:o,root:s,rootMargin:r})}ve((function(t,n){let e="class",{as:r="div",children:o,"style":s,wrapperClassName:l,wrapperStyle:u,[e]:c}=t;return Et(r,i(i({},ae(t,["as","children","style","wrapperClassName","wrapperStyle",e].map(ye))),{},{ref:n,class:`${c||""} ${l||""}`.trim()||null,style:i(i({},s),u)}),o)}));var we=new WeakMap,Ae=new WeakMap;function Me(t){const n=new Set;for(let e=t.length-1;e>=0;e--){const i=t[e],{target:r}=i;if(n.has(r))continue;n.add(r);const o=Ae.get(r);if(o)for(let t=0;t<o.length;t++)(0,o[t])(i)}}var ke={loading:!1,error:null,pages:[],hasMore:!0},Te={fetchJson(t,n){return this.fetch(t,n).then((t=>t.json()))},fetch(n,e){return t(this,null,(function*(){const t=yield self.fetch(n,e);if(!t.ok)throw new Error(t.statusText);return t}))}},Se={loadMoreSpinner:"load-more-spinner-cc33818",loadMoreIcon:"load-more-icon-cc33818"},Re=["src","fetchJson","itemsKey","maxItems","loadMore","loadMoreBookmark","viewportBuffer","template","wrapperTemplate","loadMoreTemplate","loadingTemplate","errorTemplate"],Ie=t=>Et("div",null,String(t)),Ee=t=>Et("div",null,t),Ve=(t,n)=>Et("div",null,"Unable to Load More ",Et("button",{"load-more-retry":!0},Et("label",null,Et("span",{class:t.loadMoreIcon})," Retry"))),Ce=()=>Et("div",null,Et("button",{"load-more-button":!0},Et("label",null,"See More"))),je=t=>Et("div",null,Et("span",{"aria-label":"Loading",class:t.loadMoreSpinner}));function Oe(t,n){return n.split(".").reduce(((t,n)=>t&&""!==n?t[n]:t),t)}var xe=ve((function(n,e){let{src:r=null,fetchJson:o=Te.fetchJson,itemsKey:s="items",maxItems:u=0,loadMore:c="none",loadMoreBookmark:a="load-more-src",viewportBuffer:f=2,template:h=Ie,wrapperTemplate:d=Ee,loadMoreTemplate:p=Ce,loadingTemplate:v=je,errorTemplate:m=Ve}=n,y=ae(n,Re);const{renderable:b}=Tn(),g=fn((()=>({rootMargin:`0% 0% ${Math.floor(100*f)}% 0%`,threshold:0})),[f]),_=an(null),P=function(t,n){const[e,i]=ln(!1);return un((()=>{const e=t.current;if(e)return function(t,n,e){const i=J(t);if(e){const r=Pe((t=>{n(t[t.length-1])}),i,e);return r.observe(t),()=>{r.unobserve(t)}}let r=we.get(i);r||we.set(i,r=Pe(Me,i));let o=Ae.get(t);return o||(o=[],Ae.set(t,o)),o.push(n),r.observe(t),()=>{!function(t,n){const e=Ae.get(t);if(!e)return;if(!l(e,n))return;if(e.length)return;const i=J(t),r=we.get(i);null==r||r.unobserve(t),Ae.delete(t)}(t,n)}}(e,(t=>{i(t.isIntersecting)}),n)}),[t,n]),e}(_,g),{error:w,hasMore:A,loadMore:M,loading:k,pages:T,reset:S}=function({fetchPage:n,getNextPageParam:e}){const[r,o]=function(t){const n=an(!1);un((()=>(n.current=!0,()=>{n.current=!1})),[]);const[e,i]=ln(t);return[e,hn((t=>{n.current&&i(t)}),[i])]}(ke),s=function(t){const n=an(null);return n.current=t,n}({fetchPage:n,getNextPageParam:e,state:r}),l=an(0),u=hn(((n=!1)=>t(this,null,(function*(){const{fetchPage:t,getNextPageParam:e,state:r}=s.current;if(!n&&r.loading)return;const u=++l.current;o((t=>i(i({},t),{},{loading:!0})));const c=n?[]:r.pages,a=c.length?c[c.length-1]:void 0;try{const n=yield t({pageParam:a?e(a):void 0});if(u!==l.current)return;const i=e(n);o({loading:!1,error:null,pages:[...c,n],hasMore:null!=i})}catch(t){if(u!==l.current)return;o((n=>i(i({},n),{},{loading:!1,error:t})))}}))),[s,o]),c=hn((()=>u(!0)),[u]);return i(i({},r),{},{loadMore:u,reset:c})}({fetchPage:n=>t(this,[n],(function*({pageParam:t=r}){return b?yield o(t):null})),getNextPageParam:t=>function(t,n){return Oe(t,n)}(t,a)});un((()=>{S()}),[r,b,a,S]);const R=b&&"auto"===c&&P&&!k&&A;un((()=>{R&&M()}),[R,M]);const I=fn((()=>{let t=T.flatMap((t=>function(t,n){if(!t)return[];let e=Oe(t,n);return e?(Array.isArray(e)||(e=[e]),e):[]}(t,s)));return u>0&&t.length>u&&(t=t.slice(0,u)),t.map(((t,n)=>{let e=h(t);return e&&"object"==typeof e&&"string"==typeof e.__html&&(e=Et("span",{dangerouslySetInnerHTML:e})),ze(e,{"key":n,"role":"listitem"})}))}),[T,s,u,h]),E=k,V=0!==I.length,C="manual"===c&&A&&!k;var j,O,x;j=e,O=()=>({refresh:S}),Xt=6,cn((function(){"function"==typeof j?j(O()):j&&(j.current=O())}),null==(x=[S])?x:x.concat(j));const z=Se;return Et(_e,i(i({"aria-live":"polite"},y),{},{onClick:t=>{t.target.closest("[load-more-button], [load-more-retry]")&&M()}}),Et(An,{"test-id":"contents"},V&&ze(d(I),{"role":"list"}),E&&v(z),C&&p(z),w&&m(z,w),"auto"===c&&Et("span",{ref:_})))}));function ze(t,n){return yt(t)?function(t,n,e){var i,r,o,s=Rt({},t.props);for(o in n)"key"==o?i=n[o]:"ref"==o?r=n[o]:s[o]=n[o];return arguments.length>2&&(s.children=arguments.length>3?pt.call(arguments,2):e),Vt(t.type,s,i||t.key,r||t.ref,null)}(t,i(i({},n),t.props)):t}xe.displayName="List";var Ne=class extends ue{};function $e(){!function(t,n,e=self){e.customElements.define(t,function(t,n=self){return vn&&mn===n||(vn=(mn=n).HTMLElement),class extends vn{constructor(){super(),this.implementation=new t(this)}connectedCallback(){this.classList.add("i-amphtml-built"),this.implementation.mountCallback(),this.implementation.buildCallback()}disconnectedCallback(){this.implementation.unmountCallback()}getApi(){return this.implementation.getApi()}}}(n,e))}("bento-list",Ne)}Ne.Component=xe,Ne.props={"src":{attr:"src"},"itemsKey":{attr:"items"},"maxItems":{attr:"max-items",type:"number"},"loadMore":{attr:"load-more"},"loadMoreBookmark":{attr:"load-more-bookmark"},"viewportBuffer":{attr:"viewport-buffer",type:"number"}},Ne.layoutSizeDefined=!0,Ne.usesShadowDom=!0,Ne.usesTemplate=!0;export{$e as defineElement}; | ||
var e=(e,t,r)=>new Promise(((o,n)=>{var a=e=>{try{l(r.next(e))}catch(e){n(e)}},c=e=>{try{l(r.throw(e))}catch(e){n(e)}},l=e=>e.done?o(e.value):Promise.resolve(e.value).then(a,c);l((r=r.apply(e,t)).next())}));import{PreactBaseElement as t}from"@bentoproject/core";function r(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function o(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function n(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?o(Object(n),!0).forEach((function(t){r(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):o(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}import{createElement as a}from"@bentoproject/core";import{Fragment as c,cloneElement as l,isValidElement as i,useEffect as u,useImperativeHandle as s,useMemo as f,useRef as m}from"@bentoproject/core";import{forwardRef as p}from"@bentoproject/core";import{ContainWrapper as d}from"@bentoproject/core";var{hasOwnProperty:b,toString:g}=Object.prototype;function h(e){return(e.ownerDocument||e).defaultView}function j(e,t,r={}){const{needsRootBounds:o,rootMargin:n,threshold:a}=r,c=function(e){return e.parent&&e.parent!=e}(t)&&(o||n)?t.document:void 0;return new t.IntersectionObserver(e,{threshold:a,root:c,rootMargin:n})}var v=new WeakMap,M=new WeakMap;function y(e){const t=new Set;for(let r=e.length-1;r>=0;r--){const o=e[r],{target:n}=o;if(t.has(n))continue;t.add(n);const a=M.get(n);if(a)for(let e=0;e<a.length;e++)(0,a[e])(o)}}import{useCallback as P,useEffect as w,useRef as O,useState as k}from"@bentoproject/core";import{useAmpContext as x}from"@bentoproject/core";import{useCallback as T,useRef as B}from"@bentoproject/core";import{useValueRef as S}from"@bentoproject/core";import{useCallback as I,useEffect as R,useRef as L,useState as N}from"@bentoproject/core";var C={loading:!1,error:null,pages:[],hasMore:!0},E={fetchJson(e,t){return this.fetch(e,t).then((e=>e.json()))},fetch(t,r){return e(this,null,(function*(){const e=yield self.fetch(t,r);if(!e.ok)throw new Error(e.statusText);return e}))}},J={loadMoreSpinner:"load-more-spinner-cc33818",loadMoreIcon:"load-more-icon-cc33818"},K=["src","fetchJson","itemsKey","maxItems","loadMore","loadMoreBookmark","viewportBuffer","template","wrapperTemplate","loadMoreTemplate","loadingTemplate","errorTemplate"],W=e=>a("div",null,String(e)),A=e=>a("div",null,e),H=(e,t)=>a("div",null,"Unable to Load More ",a("button",{"load-more-retry":!0},a("label",null,a("span",{class:e.loadMoreIcon})," Retry"))),U=()=>a("div",null,a("button",{"load-more-button":!0},a("label",null,"See More"))),$=e=>a("div",null,a("span",{"aria-label":"Loading",class:e.loadMoreSpinner}));function q(e,t){return t.split(".").reduce(((e,t)=>e&&""!==t?e[t]:e),e)}var z=p((function(t,r){let{src:o=null,fetchJson:l=E.fetchJson,itemsKey:i="items",maxItems:p=0,loadMore:b="none",loadMoreBookmark:g="load-more-src",viewportBuffer:P=2,template:O=W,wrapperTemplate:z=A,loadMoreTemplate:F=U,loadingTemplate:G=$,errorTemplate:Q=H}=t,V=function(e,t){if(null==e)return{};var r,o,n={},a=Object.keys(e);for(o=0;o<a.length;o++)r=a[o],t.indexOf(r)>=0||(n[r]=e[r]);return n}(t,K);const{renderable:X}=x(),Y=f((()=>({rootMargin:`0% 0% ${Math.floor(100*P)}% 0%`,threshold:0})),[P]),Z=m(null),_=function(e,t){const[r,o]=k(!1);return w((()=>{const r=e.current;if(r)return function(e,t,r){const o=h(e);if(r){const n=j((e=>{t(e[e.length-1])}),o,r);return n.observe(e),()=>{n.unobserve(e)}}let n=v.get(o);n||v.set(o,n=j(y,o));let a=M.get(e);return a||(a=[],M.set(e,a)),a.push(t),n.observe(e),()=>{!function(e,t){const r=M.get(e);if(!r)return;if(!function(e,t){const r=e.indexOf(t);return-1!=r&&(e.splice(r,1),!0)}(r,t))return;if(r.length)return;const o=h(e),n=v.get(o);null==n||n.unobserve(e),M.delete(e)}(e,t)}}(r,(e=>{o(e.isIntersecting)}),t)}),[e,t]),r}(Z,Y),{error:ee,hasMore:te,loadMore:re,loading:oe,pages:ne,reset:ae}=function({fetchPage:t,getNextPageParam:r}){const[o,a]=function(e){const t=L(!1);R((()=>(t.current=!0,()=>{t.current=!1})),[]);const[r,o]=N(e);return[r,I((e=>{t.current&&o(e)}),[o])]}(C),c=S({fetchPage:t,getNextPageParam:r,state:o}),l=B(0),i=T(((t=!1)=>e(this,null,(function*(){const{fetchPage:e,getNextPageParam:r,state:o}=c.current;if(!t&&o.loading)return;const i=++l.current;a((e=>n(n({},e),{},{loading:!0})));const u=t?[]:o.pages,s=u.length?u[u.length-1]:void 0;try{const t=yield e({pageParam:s?r(s):void 0});if(i!==l.current)return;const o=r(t);a({loading:!1,error:null,pages:[...u,t],hasMore:null!=o})}catch(e){if(i!==l.current)return;a((t=>n(n({},t),{},{loading:!1,error:e})))}}))),[c,a]),u=T((()=>i(!0)),[i]);return n(n({},o),{},{loadMore:i,reset:u})}({fetchPage:t=>e(this,[t],(function*({pageParam:e=o}){return X?yield l(e):null})),getNextPageParam:e=>function(e,t){return q(e,t)}(e,g)});u((()=>{ae()}),[o,X,g,ae]);const ce=X&&"auto"===b&&_&&!oe&&te;u((()=>{ce&&re()}),[ce,re]);const le=f((()=>{let e=ne.flatMap((e=>function(e,t){if(!e)return[];let r=q(e,t);return r?(Array.isArray(r)||(r=[r]),r):[]}(e,i)));return p>0&&e.length>p&&(e=e.slice(0,p)),e.map(((e,t)=>{let r=O(e);return r&&"object"==typeof r&&"string"==typeof r.__html&&(r=a("span",{dangerouslySetInnerHTML:r})),D(r,{"key":t,"role":"listitem"})}))}),[ne,i,p,O]),ie=oe,ue=0!==le.length,se="manual"===b&&te&&!oe;s(r,(()=>({refresh:ae})),[ae]);const fe=J;return a(d,n(n({"aria-live":"polite"},V),{},{onClick:e=>{e.target.closest("[load-more-button], [load-more-retry]")&&re()}}),a(c,{"test-id":"contents"},ue&&D(z(le),{"role":"list"}),ie&&G(fe),se&&F(fe),ee&&Q(fe,ee),"auto"===b&&a("span",{ref:Z})))}));function D(e,t){return i(e)?l(e,n(n({},t),e.props)):e}z.displayName="List";var F=class extends t{};F.Component=z,F.props={"src":{attr:"src"},"itemsKey":{attr:"items"},"maxItems":{attr:"max-items",type:"number"},"loadMore":{attr:"load-more"},"loadMoreBookmark":{attr:"load-more-bookmark"},"viewportBuffer":{attr:"viewport-buffer",type:"number"}},F.layoutSizeDefined=!0,F.usesShadowDom=!0,F.usesTemplate=!0;import{defineBentoElement as G}from"@bentoproject/core";function Q(){G("bento-list",F)}export{Q as defineElement}; | ||
/*! https://mths.be/cssescape v1.5.1 by @mathias | MIT license */ | ||
//# sourceMappingURL=web-component.module.js.map |
{ | ||
"name": "@bentoproject/list", | ||
"version": "1.2202252101.0", | ||
"version": "1.2203041950.0", | ||
"description": "Bento list Component", | ||
@@ -43,3 +43,6 @@ "author": "Bento Authors", | ||
"react": "^17.0.0" | ||
}, | ||
"dependencies": { | ||
"@bentoproject/core": "0.2203041950.0" | ||
} | ||
} |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
Minified code
QualityThis package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.
Found 1 instance in 1 package
594108
3
3625
3
1
+ Added@bentoproject/core@0.2203041950.0(transitive)