@foxy.io/elements 1.9.0-beta.1 → 1.11.0-beta.2

package/dist/cdn/{shared-1d0ef57d.js → shared-9ba229fb.js}

@@ -1 +1 @@
-import{_ as e,h as t}from"./shared-84203d52.js";import{C as s}from"./shared-23966eed.js";import"./foxy-nucleon-element.js";import{R as l,T as a,a as i}from"./shared-8057ee9c.js";import{c as r}from"./shared-4e709717.js";import{N as d}from"./shared-b13a5ed3.js";let n,o,h,u,c,m=e=>e;const p=s(l(a(i(d))));class v extends p{constructor(){super(...arguments),this.templates={},this.columns=[]}static get properties(){return e(e({},super.properties),{},{columns:{attribute:!1}})}render(){var e,s;return t(n||(n=m` <div data-testid="wrapper" class="relative" aria-busy="${0}" aria-live="polite"> <table class="table-fixed w-full" data-testid="table"> <thead class="sr-only"> <tr> ${0} </tr> </thead> <tbody class="divide-y divide-contrast-10"> ${0} </tbody> </table> ${0} </div> ${0} `),this.in("busy"),this.columns.map((e=>{var s;return t(o||(o=m` <th> ${0} </th> `),null===(s=e.header)||void 0===s?void 0:s.call(e,{html:t,lang:this.lang,data:this.data,ns:this.ns}))})),this.__rows.map((e=>{var s;return t(h||(h=m` <tr class="h-l"> ${0} </tr> `),null===(s=this.columns)||void 0===s?void 0:s.map(((s,l)=>{var a;return t(u||(u=m` <td class="${0}"> ${0} </td> `),r({"text-right":l===this.columns.length-1,"hidden sm-table-cell":"sm"===s.hideBelow,"hidden md-table-cell":"md"===s.hideBelow,"hidden lg-table-cell":"lg"===s.hideBelow,"hidden xl-table-cell":"xl"===s.hideBelow,"truncate h-l font-lumo text-body text-m":!0}),e?null===(a=s.cell)||void 0===a?void 0:a.call(s,{html:t,lang:this.lang,data:e,ns:this.ns}):"")})))})),this.in({idle:"snapshot"})?"":t(c||(c=m` <div class="absolute inset-0 flex items-center justify-center"> <foxy-spinner data-testid="spinner" layout="vertical" state="${0}" class="p-m bg-base shadow-xs rounded-t-l rounded-b-l" lang="${0}" ns="${0} ${0}"> </foxy-spinner> </div> `),this.in("busy")?"busy":this.in("idle")?"empty":"error",this.lang,this.ns,null!==(s=null===(e=customElements.get("foxy-spinner"))||void 0===e?void 0:e.defaultNS)&&void 0!==s?s:""),this.renderTemplateOrSlot())}get __rows(){var e,t,s;const l=Object.values(null!==(t=null===(e=this.data)||void 0===e?void 0:e._embedded)&&void 0!==t?t:{}).reduce(((e,t)=>[...e,...t]),[]);let a;if(0===l.length)try{const e=new URL(null!==(s=this.href)&&void 0!==s?s:"").searchParams.get("limit"),t=parseInt(null!=e?e:"");a=isNaN(t)?20:t}catch(e){a=20}else a=l.length;return new Array(a).fill(null).map(((e,t)=>{var s;return null!==(s=l[t])&&void 0!==s?s:e}))}}export{v as T};
+import{_ as e,h as t}from"./shared-84203d52.js";import{C as s}from"./shared-23966eed.js";import"./foxy-nucleon-element.js";import{R as l,T as a,a as i}from"./shared-8057ee9c.js";import{c as r}from"./shared-4e709717.js";import{N as d}from"./shared-a110de43.js";let n,o,h,u,c,m=e=>e;const p=s(l(a(i(d))));class v extends p{constructor(){super(...arguments),this.templates={},this.columns=[]}static get properties(){return e(e({},super.properties),{},{columns:{attribute:!1}})}render(){var e,s;return t(n||(n=m` <div data-testid="wrapper" class="relative" aria-busy="${0}" aria-live="polite"> <table class="table-fixed w-full" data-testid="table"> <thead class="sr-only"> <tr> ${0} </tr> </thead> <tbody class="divide-y divide-contrast-10"> ${0} </tbody> </table> ${0} </div> ${0} `),this.in("busy"),this.columns.map((e=>{var s;return t(o||(o=m` <th> ${0} </th> `),null===(s=e.header)||void 0===s?void 0:s.call(e,{html:t,lang:this.lang,data:this.data,ns:this.ns}))})),this.__rows.map((e=>{var s;return t(h||(h=m` <tr class="h-l"> ${0} </tr> `),null===(s=this.columns)||void 0===s?void 0:s.map(((s,l)=>{var a;return t(u||(u=m` <td class="${0}"> ${0} </td> `),r({"text-right":l===this.columns.length-1,"hidden sm-table-cell":"sm"===s.hideBelow,"hidden md-table-cell":"md"===s.hideBelow,"hidden lg-table-cell":"lg"===s.hideBelow,"hidden xl-table-cell":"xl"===s.hideBelow,"truncate h-l font-lumo text-body text-m":!0}),e?null===(a=s.cell)||void 0===a?void 0:a.call(s,{html:t,lang:this.lang,data:e,ns:this.ns}):"")})))})),this.in({idle:"snapshot"})?"":t(c||(c=m` <div class="absolute inset-0 flex items-center justify-center"> <foxy-spinner data-testid="spinner" layout="vertical" state="${0}" class="p-m bg-base shadow-xs rounded-t-l rounded-b-l" lang="${0}" ns="${0} ${0}"> </foxy-spinner> </div> `),this.in("busy")?"busy":this.in("idle")?"empty":"error",this.lang,this.ns,null!==(s=null===(e=customElements.get("foxy-spinner"))||void 0===e?void 0:e.defaultNS)&&void 0!==s?s:""),this.renderTemplateOrSlot())}get __rows(){var e,t,s;const l=Object.values(null!==(t=null===(e=this.data)||void 0===e?void 0:e._embedded)&&void 0!==t?t:{}).reduce(((e,t)=>[...e,...t]),[]);let a;if(0===l.length)try{const e=new URL(null!==(s=this.href)&&void 0!==s?s:"").searchParams.get("limit"),t=parseInt(null!=e?e:"");a=isNaN(t)?20:t}catch(e){a=20}else a=l.length;return new Array(a).fill(null).map(((e,t)=>{var s;return null!==(s=l[t])&&void 0!==s?s:e}))}}export{v as T};

package/dist/cdn/shared-a110de43.js

@@ -0,0 +1 @@
+import{t as e,L as t,m as s,b as r,_ as i,R as n,F as o,e as h}from"./shared-84203d52.js";import{A as a}from"./shared-497fd63c.js";import{U as _}from"./shared-7684cb05.js";import{i as c}from"./shared-9f78e096.js";function d(t,s){let r=null;return e(s).forEach((function(){var e,s,i,n,o;if((null===(i=null===(s=null===(e=this.node)||void 0===e?void 0:e._links)||void 0===s?void 0:s.self)||void 0===i?void 0:i.href)===t)return r=JSON.stringify(this.node),void this.stop();Object.entries(null!==(o=null===(n=this.node)||void 0===n?void 0:n._links)&&void 0!==o?o:{}).some((([e,s])=>{var i,n;if(s.href!==t)return!1;const o=null===(n=null===(i=this.node)||void 0===i?void 0:i._embedded)||void 0===n?void 0:n[e];if(!o||!Array.isArray(o))return!1;const h=o.length<20?o.length:21,a=new URL(t),_=new URL(t);return a.searchParams.set("offset",o.length.toString()),_.searchParams.set("offset",h.toString()),r=JSON.stringify({returned_items:o.length,total_items:h,offset:0,limit:20,_embedded:{[e]:o},_links:{curies:this.node._links.curies,first:{href:t},last:{href:_.toString()},prev:{href:t},next:{href:a.toString()},self:{href:t}}}),this.stop(),!0}))})),new Response(r,{status:r?200:404})}class u extends t{constructor(){super(...arguments),this.lang="",this.parent="",this.__href="",this.__group="",this.__service=c(s.withConfig({services:{sendDelete:()=>this._sendDelete(),sendPatch:({edits:e})=>this._sendPatch(e),sendPost:({edits:e})=>this._sendPost(e),sendGet:()=>this._sendGet()},actions:{validate:r({errors:e=>{const t=this.constructor.v8n,s=i(i({},e.data),e.edits);return t.map((e=>e(s))).filter((e=>"string"==typeof e)).filter(((e,t,s)=>s.indexOf(e)===t))}})}}))}static get properties(){return{parent:{type:String},group:{type:String,noAccessor:!0},href:{type:String,noAccessor:!0},lang:{type:String}}}static get v8n(){return[]}get failure(){return this.__service.state.context.failure}get errors(){return this.__service.state.context.errors}get form(){const{data:e,edits:t}=this.__service.state.context;return i(i({},e),t)}get data(){return this.__service.state.context.data}set data(e){var t;this.__service.send({type:"SET_DATA",data:e}),this.__href=null!==(t=null==e?void 0:e._links.self.href)&&void 0!==t?t:""}get group(){return this.__group}set group(e){this.__group=e,this.__destroyRumour(),this.__createRumour()}get href(){return this.__href}set href(e){this.__href=e,e?this.__service.send({type:"FETCH"}):this.__service.send({type:"SET_DATA",data:null})}in(e){return this.__service.state.matches(e)}undo(){this.__service.send({type:"UNDO"})}edit(e){this.__service.send({type:"EDIT",data:e})}submit(){this.__service.send({type:"SUBMIT"})}delete(){this.__service.send({type:"DELETE"})}connectedCallback(){super.connectedCallback(),this.__createService(),this.__createRumour(),this.__createServer()}disconnectedCallback(){super.disconnectedCallback(),this.__destroyService(),this.__destroyRumour(),this.__destroyServer()}async _fetch(...e){const t=await new a(this).fetch(...e);if(!t.ok)throw t;return t.json()}async _sendPost(e){const t=JSON.stringify(e),s=await this._fetch(this.parent,{body:t,method:"POST"}),r=u.Rumour(this.group);return this.__destroyRumour(),r.share({data:s,related:[this.parent],source:s._links.self.href}),this.__createRumour(),s}async _sendGet(){const e=await this._fetch(this.href),t=u.Rumour(this.group);return this.__destroyRumour(),t.share({data:e,source:this.href}),this.__createRumour(),e}async _sendPatch(e){const t=JSON.stringify(e),s=await this._fetch(this.href,{body:t,method:"PATCH"}),r=u.Rumour(this.group);return this.__destroyRumour(),r.share({data:s,source:this.href}),this.__createRumour(),s}async _sendDelete(){const e=await this._fetch(this.href,{method:"DELETE"}),t=u.Rumour(this.group);return this.__destroyRumour(),t.share({data:null,source:this.href,related:[this.parent]}),this.__createRumour(),e}__createService(){this.__service.onTransition((e=>{if(!e.changed)return;const t=e.toStrings().reduce(((e,t)=>[...e,...t.split(".")]),[]);this.setAttribute("state",[...new Set(t)].join(" ")),this.requestUpdate(),this.dispatchEvent(new _)})),this.__service.onChange((()=>{this.requestUpdate(),this.dispatchEvent(new _)})),this.__service.start()}__destroyService(){this.__service.stop()}__createRumour(){const e=u.Rumour(this.group);this.__unsubscribeFromRumour=e.track((e=>this.__handleRumourUpdate(e)))}__destroyRumour(){var e;null===(e=this.__unsubscribeFromRumour)||void 0===e||e.call(this)}__createServer(){this.__fetchEventHandler=this.__handleFetchEvent.bind(this),this.addEventListener("fetch",this.__fetchEventHandler)}__destroyServer(){this.removeEventListener("fetch",this.__fetchEventHandler)}__handleRumourUpdate(e){var t;try{const s=null===(t=this.__service.state)||void 0===t?void 0:t.context.data;if(!s)return;const r=e(s);r!==s&&this.__service.send({data:r,type:"SET_DATA"})}catch(e){if(!(e instanceof n.UpdateError))throw e;this.__service.send({type:"FETCH"})}}__handleFetchEvent(e){if(!(e instanceof o))return;if("GET"!==e.request.method)return;const t=d(e.request.url,this.data);t.ok&&(e.respondWith(Promise.resolve(t)),console.debug(`%c@foxy.io/elements::${this.localName}\n%c200%c GET ${e.request.url}`,"color: gray","background: gray; padding: 0 .2em; border-radius: .2em; color: white;",""))}}u.UpdateEvent=_,u.Rumour=h((()=>new n)),u.API=a;export{u as N,d as s};

package/dist/cdn/{shared-4b33c6d2.js → shared-b0c39c37.js}

@@ -1,4 +1,4 @@
-import{_ as t}from"./shared-84203d52.js";import{T as e}from"./shared-1d0ef57d.js";import{a as s}from"./shared-8057ee9c.js";import{p as a}from"./shared-69d0ca61.js";let n,o,r,i,l=t=>t;class c extends(s(e,"subscriptions-table")){constructor(){super(...arguments),this.columns=[c.priceColumn,c.summaryColumn,c.statusColumn,c.subTokenURLColumn]}}c.priceColumn={cell:e=>{const s=e.data._embedded["fx:last_transaction"],o=`${s.total_order} ${s.currency_code}`;return e.html(n||(n=l`
+import{_ as t}from"./shared-84203d52.js";import{T as e}from"./shared-9ba229fb.js";import{a as s}from"./shared-8057ee9c.js";import{p as a}from"./shared-69d0ca61.js";let n,o,r,i,l=t=>t;class c extends(s(e,"subscriptions-table")){constructor(){super(...arguments),this.columns=[c.priceColumn,c.summaryColumn,c.statusColumn,c.subTokenURLColumn]}}c.priceColumn={cell:e=>{const s=e.data._embedded["fx:last_transaction"],o=`${s.total_order} ${s.currency_code}`;return e.html(n||(n=l`
         <foxy-i18n
           data-testclass="i18n frequencies"
           class="font-semibold text-s font-tnum"

package/dist/cdn/translations/country/de.json

@@ -0,0 +1,251 @@
+{
+  "AD": "Andorra",
+  "AE": "Vereinigte Arabische Emirate",
+  "AF": "Afghanistan",
+  "AG": "Antigua und Barbuda",
+  "AI": "Anguilla",
+  "AL": "Albanien",
+  "AM": "Armenien",
+  "AO": "Angola",
+  "AQ": "Antarktika",
+  "AR": "Argentinien",
+  "AS": "Amerikanisch-Samoa",
+  "AT": "Österreich",
+  "AU": "Australien",
+  "AW": "Aruba",
+  "AX": "Åland",
+  "AZ": "Aserbaidschan",
+  "BA": "Bosnien und Herzegowina",
+  "BB": "Barbados",
+  "BD": "Bangladesch",
+  "BE": "Belgien",
+  "BF": "Burkina Faso",
+  "BG": "Bulgarien",
+  "BH": "Bahrain",
+  "BI": "Burundi",
+  "BJ": "Benin",
+  "BL": "St. Barthélemy",
+  "BM": "Bermuda",
+  "BN": "Brunei Darussalam",
+  "BO": "Bolivien",
+  "BQ": "Bonaire, Sint Eustatius und Saba",
+  "BR": "Brasilien",
+  "BS": "Bahamas",
+  "BT": "Bhutan",
+  "BV": "Bouvetinsel",
+  "BW": "Botsuana",
+  "BY": "Belarus",
+  "BZ": "Belize",
+  "CA": "Kanada",
+  "CC": "Kokosinseln (Keelinginseln)",
+  "CD": "Kongo, Demokratische Republik",
+  "CF": "Zentralafrikanische Republik",
+  "CG": "Kongo",
+  "CH": "Schweiz",
+  "CI": "Côte d'Ivoire",
+  "CK": "Cookinseln",
+  "CL": "Chile",
+  "CM": "Kamerun",
+  "CN": "China",
+  "CO": "Kolumbien",
+  "CR": "Costa Rica",
+  "CU": "Serbien und Montenegro",
+  "CV": "Kuba",
+  "CW": "Cabo Verde",
+  "CX": "Weihnachtsinsel",
+  "CY": "Zypern",
+  "CZ": "Tschechische Republik",
+  "DE": "Deutschland",
+  "DJ": "Dschibuti",
+  "DK": "Dänemark",
+  "DM": "Dominica",
+  "DO": "Dominikanische Republik",
+  "DZ": "Algerien",
+  "EC": "Ecuador",
+  "EE": "Estland",
+  "EG": "Ägypten",
+  "EH": "Westsahara",
+  "ER": "Eritrea",
+  "ES": "Spanien",
+  "ET": "Äthiopien",
+  "FI": "Finnland",
+  "FJ": "Fidschi",
+  "FK": "Falklandinseln",
+  "FM": "Mikronesien",
+  "FO": "Färöer",
+  "FR": "Frankreich",
+  "GA": "Gabun",
+  "GB": "Großbritannien",
+  "GD": "Grenada",
+  "GE": "Georgien",
+  "GF": "Französisch-Guayana",
+  "GG": "Guernsey",
+  "GH": "Ghana",
+  "GI": "Gibraltar",
+  "GL": "Grönland",
+  "GM": "Gambia",
+  "GN": "Guinea",
+  "GP": "Guadeloupe",
+  "GQ": "Äquatorialguinea",
+  "GR": "Griechenland",
+  "GS": "Südgeorgien und die Südlichen Sandwichinseln",
+  "GT": "Guatemala",
+  "GU": "Guam",
+  "GW": "Guinea-Bissau",
+  "GY": "Guyana",
+  "HK": "Hongkong",
+  "HM": "Heard und McDonaldinseln",
+  "HN": "Honduras",
+  "HR": "Kroatien",
+  "HT": "Haiti",
+  "HU": "Ungarn",
+  "ID": "Indonesien",
+  "IE": "Irland",
+  "IL": "Israel",
+  "IM": "Insel Man",
+  "IN": "Indien",
+  "IO": "Britisches Territorium im Indischen Ozean",
+  "IQ": "Irak",
+  "IR": "Iran",
+  "IS": "Island",
+  "IT": "Italien",
+  "JE": "Jersey",
+  "JM": "Jamaika",
+  "JO": "Jordanien",
+  "JP": "Japan",
+  "KE": "Kenia",
+  "KG": "Kirgisistan",
+  "KH": "Kambodscha",
+  "KI": "Kiribati",
+  "KM": "Komoren",
+  "KN": "St. Kitts und Nevis",
+  "KP": "Korea, Demokratische Volksrepublik",
+  "KR": "Korea, Republik",
+  "KW": "Kuwait",
+  "KY": "Kaimaninseln",
+  "KZ": "Kasachstan",
+  "LA": "Laos",
+  "LB": "Libanon",
+  "LC": "St. Lucia",
+  "LI": "Liechtenstein",
+  "LK": "Sri Lanka",
+  "LR": "Liberia",
+  "LS": "Lesotho",
+  "LT": "Litauen",
+  "LU": "Luxemburg",
+  "LV": "Lettland",
+  "LY": "Libyen",
+  "MA": "Marokko",
+  "MC": "Monaco",
+  "MD": "Moldau",
+  "ME": "Montenegro",
+  "MF": "Saint-Martin",
+  "MG": "Madagaskar",
+  "MH": "Marshallinseln",
+  "MK": "Nordmazedonien",
+  "ML": "Mali",
+  "MM": "Myanmar",
+  "MN": "Mongolei",
+  "MO": "Macau",
+  "MP": "Nördliche Marianen",
+  "MQ": "Martinique",
+  "MR": "Mauretanien",
+  "MS": "Montserrat",
+  "MT": "Malta",
+  "MU": "Mauritius",
+  "MV": "Malediven",
+  "MW": "Malawi",
+  "MX": "Mexiko",
+  "MY": "Malaysia",
+  "MZ": "Mosambik",
+  "NA": "Namibia",
+  "NC": "Neukaledonien",
+  "NE": "Niger",
+  "NF": "Norfolkinsel",
+  "NG": "Nigeria",
+  "NI": "Nicaragua",
+  "NL": "Niederlande",
+  "NO": "Norwegen",
+  "NP": "Nepal",
+  "NR": "Nauru",
+  "NU": "Niue",
+  "NZ": "Neuseeland",
+  "OM": "Oman",
+  "PA": "Panama",
+  "PE": "Peru",
+  "PF": "Französisch-Polynesien",
+  "PG": "Papua-Neuguinea",
+  "PH": "Philippinen",
+  "PK": "Pakistan",
+  "PL": "Polen",
+  "PM": "St. Pierre und Miquelon",
+  "PN": "Pitcairninseln",
+  "PR": "Puerto Rico",
+  "PS": "Gazastreifen",
+  "PT": "Portugal",
+  "PW": "Palau",
+  "PY": "Paraguay",
+  "QA": "Katar",
+  "RE": "Réunion",
+  "RO": "Rumänien",
+  "RS": "Serbien",
+  "RU": "Russische Föderation",
+  "RW": "Ruanda",
+  "SA": "Saudi-Arabien",
+  "SB": "Salomonen",
+  "SC": "Seychellen",
+  "SD": "Sudan",
+  "SE": "Schweden",
+  "SG": "Singapur",
+  "SH": "St. Helena, Ascension und Tristan da Cunha",
+  "SI": "Slowenien",
+  "SJ": "Spitzbergen",
+  "SK": "Slowakei",
+  "SL": "Sierra Leone",
+  "SM": "San Marino",
+  "SN": "Senegal",
+  "SO": "Somalia",
+  "SR": "Suriname",
+  "SS": "Südsudan",
+  "ST": "São Tomé und Príncipe",
+  "SV": "El Salvador",
+  "SX": "Sint Maarten,",
+  "SY": "Syrien",
+  "SZ": "Eswatini",
+  "TC": "Turks- und Caicosinseln",
+  "TD": "Tschad",
+  "TF": "Bassas da India",
+  "TG": "Togo",
+  "TH": "Thailand",
+  "TJ": "Tadschikistan",
+  "TK": "Tokelau",
+  "TL": "Timor-Leste",
+  "TM": "Turkmenistan",
+  "TN": "Tunesien",
+  "TO": "Tonga",
+  "TR": "Türkei",
+  "TT": "Trinidad und Tobago",
+  "TV": "Tuvalu",
+  "TW": "Taiwan",
+  "TZ": "Tansania",
+  "UA": "Ukraine",
+  "UG": "Uganda",
+  "UM": "Kleinere Amerikanische Überseeinseln",
+  "US": "Vereinigte Staaten",
+  "UY": "Uruguay",
+  "UZ": "Usbekistan",
+  "VA": "Vatikanstadt",
+  "VC": "St. Vincent und die Grenadinen",
+  "VE": "Venezuela",
+  "VG": "Britische Jungferninseln",
+  "VI": "Amerikanische Jungferninseln",
+  "VN": "Vietnam",
+  "VU": "Vanuatu",
+  "WF": "Wallis und Futuna",
+  "WS": "Samoa",
+  "YE": "Jemen",
+  "YT": "Mayotte",
+  "ZA": "Südafrika",
+  "ZM": "Sambia",
+  "ZW": "Simbabwe"
+}

package/dist/cdn/translations/customer-portal-settings/en.json

@@ -66,6 +66,10 @@
     "minWarning": "The minimum is either too close to the maximum or exceeds it. This may make your customers unable to change next date under certain conditions. Please proceed with caution.",
     "maxHint": "Requires the new date to be at most {{duration}} into the future."
   },
+  "sso": {
+    "title": "Enable Single Sign-On (SSO)",
+    "subtitle": "Sync your sessions across your website and our checkout"
+  },
   "jwt": {
     "title": "JWT shared secret",
     "subtitle": "Reset this key to drop all active sessions",

package/dist/cdn/translations/region/de.json

@@ -0,0 +1,66 @@
+{
+  "AL": "Alabama",
+  "AK": "Alaska",
+  "AS": "American Samoa",
+  "AZ": "Arizona",
+  "AR": "Arkansas",
+  "AF": "Armed Forces Africa",
+  "AA": "Armed Forces Americas",
+  "AC": "Armed Forces Canada",
+  "AE": "Armed Forces Europe",
+  "AM": "Armed Forces Middle East",
+  "AP": "Armed Forces Pacific",
+  "CA": "California",
+  "CO": "Colorado",
+  "CT": "Connecticut",
+  "DE": "Delaware",
+  "DC": "Washington DC",
+  "FM": "Federated States Of Micronesia",
+  "FL": "Florida",
+  "GA": "Georgia",
+  "GU": "Guam",
+  "HI": "Hawaii",
+  "ID": "Idaho",
+  "IL": "Illinois",
+  "IN": "Indiana",
+  "IA": "Iowa",
+  "KS": "Kansas",
+  "KY": "Kentucky",
+  "LA": "Louisiana",
+  "ME": "Maine",
+  "MH": "Marshall Islands",
+  "MD": "Maryland",
+  "MA": "Massachusetts",
+  "MI": "Michigan",
+  "MN": "Minnesota",
+  "MS": "Mississippi",
+  "MO": "Missouri",
+  "MT": "Montana",
+  "NE": "Nebraska",
+  "NV": "Nevada",
+  "NH": "New Hampshire",
+  "NJ": "New Jersey",
+  "NM": "New Mexico",
+  "NY": "New York",
+  "NC": "North Carolina",
+  "ND": "North Dakota",
+  "MP": "Northern Mariana Islands",
+  "OH": "Ohio",
+  "OK": "Oklahoma",
+  "OR": "Oregon",
+  "PA": "Pennsylvania",
+  "PR": "Puerto Rico",
+  "RI": "Rhode Island",
+  "SC": "South Carolina",
+  "SD": "South Dakota",
+  "TN": "Tennessee",
+  "TX": "Texas",
+  "UT": "Utah",
+  "VT": "Vermont",
+  "VI": "Virgin Islands",
+  "VA": "Virginia",
+  "WA": "Washington",
+  "WV": "West Virginia",
+  "WI": "Wisconsin",
+  "WY": "Wyoming"
+}

package/dist/cdn/translations/shared/de.json

@@ -0,0 +1,117 @@
+{
+  "address1": "Adresse Zeile 1",
+  "address2": "Adresse Zeile 2",
+  "address_name": "Name Adresse",
+  "address_plural": "Adressen",
+  "attribute_plural": "Kennzeichen",
+  "cancel": "Abbrechen",
+  "city": "Stadt",
+  "close": "Schließen",
+  "company": "Firma",
+  "country": "Land",
+  "create": "Erstellen",
+  "daily": "täglich",
+  "daily_plural": "Jede {{count}} Tage",
+  "date": "{{value, date}}",
+  "date_created": "erstellt am",
+  "date_modified": "Letzte Änderung",
+  "day": "Tag",
+  "day_plural": "Tage",
+  "default_billing_address": "Vorgegebene Rechnungsadresse",
+  "default_shipping_address": "Vorgegebene Lieferadresse",
+  "delete": "Löschen",
+  "delete_prompt": "Diese Ressource wird endgültig gelöscht. Sind Sie sicher?",
+  "email": "Email",
+  "end_date": "Enddatum",
+  "end_subscription": "End Subskription",
+  "end_subscription_explainer": "Ihr Abonnement bleibt bis zum gewählten Enddatum aktiv. Wenn Sie sich entscheiden, dieses Abonnement später fortzusetzen, müssen Sie sich möglicherweise erneut anmelden.",
+  "expires": "Läuft aus",
+  "first_name": "Vorname",
+  "frequency": "$t({{units}}, { \"count\": {{count}} })",
+  "frequency_label": "Häufigkeit",
+  "frequency_plural": "$t({{units}}, { \"count\": {{count}} })",
+  "full_address": "{{address1}} {{address2}} {{city}} {{region}} {{postal_code}}",
+  "full_name": "{{first_name}} {{last_name}}",
+  "invalid_credential_error": "Falsche E-Mail oder falsches Passwort. Bitte überprüfen Sie Ihre Anmeldedaten und versuchen Sie es erneut.",
+  "item": "Artikel",
+  "item_plural": "Artikel",
+  "last_4_digits": "Letzte 4 Stellen",
+  "last_login_date": "Letzte Anmeldung",
+  "last_name": "Nachname",
+  "load_more": "Mehr laden",
+  "loading_busy": "Wird geladen",
+  "loading_empty": "Keine Daten",
+  "loading_end": "Keine Daten mehr",
+  "loading_error": "Wurde nicht geladen",
+  "loading_paused": "Unterbrochen",
+  "month": "Monat",
+  "month_plural": "Monate",
+  "monthly": "Monatlich",
+  "monthly_plural": "Jede {{count}} Monate",
+  "name": "Name",
+  "next_transaction_date": "Nächster Transaktionstermin",
+  "new_password": "Neues Passwort",
+  "new_password_format_error": "Das neue Passwort, das Sie gewählt haben, ist zu schwach. Bitte geben Sie ein sicheres neues Passwort ein.",
+  "new_password_required_error": "Um Ihr Konto sicher zu halten, ändern Sie bitte Ihr Passwort, bevor Sie sich dieses Mal anmelden.",
+  "password": "Passwort",
+  "payment_method_plural": "Zahlungsmöglichkeiten",
+  "phone": "Telefon",
+  "postal_code": "Postleitzahl",
+  "preview": "Vorschau",
+  "price": "{{amount, price}}",
+  "price_recurring": "{{amount, price}} $t(frequency, { \"count\": \"{{count}}\", \"units\": \"{{units}}\" })",
+  "price_twice_a_month": "{{amount, price}} $t(twice_a_month)",
+  "receipt": "Quittung",
+  "recover_access": "Einmaligen Code erhalten",
+  "recover_access_hint": "Geben Sie Ihre E-Mail-Adresse ein und wir senden Ihnen ein temporäres Passwort zu",
+  "recover_access_success": "Erledigt! Bitte prüfen Sie Ihre E-Mail für weitere Anweisungen.",
+  "region": "Region",
+  "save": "Speichern",
+  "sign_in": "Sich anmelden",
+  "sign_in_hint": "Bitte geben Sie Ihre E-Mail und Ihr Passwort ein",
+  "subscription_active": "Nächste Zahlung am {{date, date}}",
+  "subscription_cancelled": "Beendet am {{date, date}}",
+  "subscription_failed": "Zahlung fehlgeschlagen am {{date, date}}",
+  "subscription_plural": "Abonnements",
+  "subscription_will_be_cancelled": "Wird beendet am {{date, date}}",
+  "tax_id": "Steuer-ID",
+  "transaction_approved": "Zugelassen",
+  "transaction_authorized": "Autorisiert",
+  "transaction_captured": "Erfasst",
+  "transaction_completed": "Abgeschlossen",
+  "transaction_declined": "Abgelehnt",
+  "transaction_pending": "Anstehend",
+  "transaction_plural": "Transaktionen",
+  "transaction_refunded": "Erstattet",
+  "transaction_rejected": "Zurückgewiesen",
+  "transaction_summary": "{{most_expensive_item.name}}",
+  "transaction_summary_plural": "{{most_expensive_item.name}} und {{count}} mehr",
+  "transaction_verified": "Überprüft",
+  "transaction_voided": "Storniert",
+  "twice_a_month": "Zweimal im Monat",
+  "undo_cancel": "Überprüfung",
+  "undo_confirm": "Verwerfen",
+  "undo_header": "Nicht gespeicherte Änderungen",
+  "undo_message": "Sieht so aus, als hätten Sie Ihre Änderungen nicht gespeichert! Was möchten Sie mit ihnen machen?",
+  "unknown_error": "Es ist ein unbekannter Fehler aufgetreten. Bitte versuchen Sie es später noch einmal.",
+  "update": "Aktualisieren",
+  "update_billing": "Abrechnung aktualisieren",
+  "update_items": "Bearbeiten",
+  "v8n_format_error": "Ungültiges Format",
+  "v8n_invalid_email": "Ungültige E-Mail",
+  "v8n_required": "Erforderlich",
+  "v8n_too_long": "Zu lang",
+  "value": "Wert",
+  "visibility": "Sichtbarkeit",
+  "visibility_private": "Nur ich",
+  "visibility_public": "Jeder",
+  "visibility_restricted": "Store-Admins",
+  "week": "Woche",
+  "week_plural": "Wochen",
+  "weekly": "Wöchentlich",
+  "weekly_plural": "Alle {{count}} Wochen",
+  "year": "Jahr",
+  "year_plural": "Jahre",
+  "yearly": "Jährlich",
+  "yearly_plural": "Alle {{count}} Jahre"
+}

package/dist/elements/public/CollectionPages/CollectionPages.js

@@ -6,7 +6,7 @@ import { NucleonElement } from "../NucleonElement/NucleonElement.js";
 import { Rumour } from '@foxy.io/sdk/core';
 import { machine } from "./machine.js";
 import { repeat } from 'lit-html/directives/repeat';
-import traverse from 'traverse';
+import { serveFromCache } from "../NucleonElement/serveFromCache.js";
 /**
  * Renders an element for each page in a collection.
  *
@@ -270,16 +270,11 @@ export class CollectionPages extends ConfigurableMixin(LitElement) {
         this.__respondIfPossible(event);
     }
     __respondIfPossible(event) {
-        const localName = this.localName;
-        traverse(this.__service.state.context.pages).forEach(function () {
-            var _a, _b, _c;
-            if (((_c = (_b = (_a = this.node) === null || _a === void 0 ? void 0 : _a._links) === null || _b === void 0 ? void 0 : _b.self) === null || _c === void 0 ? void 0 : _c.href) === event.request.url) {
-                console.debug(`%c@foxy.io/elements::${localName}\n%c200%c GET ${event.request.url}`, 'color: gray', `background: gray; padding: 0 .2em; border-radius: .2em; color: white;`, '');
-                const body = JSON.stringify(this.node);
-                event.respondWith(Promise.resolve(new Response(body)));
-                this.stop();
-            }
-        });
+        const cacheResponse = serveFromCache(event.request.url, this.pages);
+        if (!cacheResponse.ok)
+            return;
+        event.respondWith(Promise.resolve(cacheResponse));
+        console.debug(`%c@foxy.io/elements::${this.localName}\n%c200%c GET ${event.request.url}`, 'color: gray', `background: gray; padding: 0 .2em; border-radius: .2em; color: white;`, '');
     }
     __stallRequest(event) {
         event.stopImmediatePropagation();

package/dist/elements/public/CollectionPages/CollectionPages.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollectionPages.js","sourceRoot":"","sources":["../../../../src/elements/public/CollectionPages/CollectionPages.ts"],"names":[],"mappings":"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","sourcesContent":["import { Context, Event, Page, PageRenderer } from './types';\nimport { LitElement, PropertyDeclarations, TemplateResult, html } from 'lit-element';\nimport { State, StateMachine, interpret } from 'xstate';\n\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { FetchEvent } from '../NucleonElement/FetchEvent';\nimport { NucleonElement } from '../NucleonElement/NucleonElement';\nimport { Rumour } from '@foxy.io/sdk/core';\nimport { machine } from './machine';\nimport { repeat } from 'lit-html/directives/repeat';\nimport traverse from 'traverse';\n\n/**\n * Renders an element for each page in a collection.\n *\n * @fires NucleonElement#update - Instance of `NucleonElement.UpdateEvent`. Dispatched on an element whenever it changes its state.\n * @fires NucleonElement#fetch - Instance of `NucleonElement.API.FetchEvent`. Emitted before each API request.\n *\n * @element foxy-collection-pages\n * @since 1.1.0\n */\nexport class CollectionPages<TPage extends Page> extends ConfigurableMixin(LitElement) {\n  /** @readonly */\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      manual: { type: Boolean, reflect: true },\n      first: { type: String, noAccessor: true },\n      pages: { type: Array, noAccessor: true },\n      group: { type: String },\n      lang: { type: String },\n      page: { type: String },\n      ns: { type: String },\n    };\n  }\n\n  /** Optional ISO 639-1 code describing the language element content is written in. */\n  lang = '';\n\n  ns = '';\n\n  private __renderPage!: PageRenderer<TPage>;\n\n  private __page!: string | PageRenderer<TPage>;\n\n  private __group = '';\n\n  private __stopTrackingRumour!: () => void;\n\n  private __fetchEventHandler = (evt: unknown) => this.__handleFetchEvent(evt);\n\n  private __service = interpret(\n    (machine as unknown as StateMachine<Context<TPage>, any, Event<TPage>>).withConfig({\n      services: {\n        observeChildren: () => callback => {\n          const observer = new IntersectionObserver(entries => {\n            if (entries.some(entry => entry.isIntersecting)) callback('RESUME');\n          });\n\n          observer.observe(this.renderRoot.children[this.renderRoot.children.length - 1]);\n          return () => observer.disconnect();\n        },\n\n        sendGet: async ctx => {\n          const lastPage = ctx.pages[ctx.pages.length - 1];\n          const lastPageHref = lastPage?._links.next.href ?? ctx.first;\n          const response = await new NucleonElement.API(this).fetch(lastPageHref);\n\n          if (!response.ok) throw response;\n          const json = await response.json();\n\n          this.__stopTrackingRumour();\n\n          NucleonElement.Rumour(this.group).share({\n            source: json._links.self.href,\n            data: json,\n          });\n\n          this.__trackRumour();\n\n          return json;\n        },\n      },\n    })\n  );\n\n  constructor() {\n    super();\n    this.page = 'foxy-collection-page foxy-null';\n  }\n\n  /**\n   * Custom element tag or a render function to use for displaying collection pages.\n   * Generated custom elements will have the following attributes:\n   *\n   * - `group` – same as `foxy-collection-pages[group]`;\n   * - `href` – collection page's `_links.self.href` value;\n   * - `lang` – same as `foxy-collection-pages[lang]`;\n   * - `item` – will contain `item-tag` when provided with a string value formatted as `page-tag item-tag`.\n   *\n   * Render function will receive `PageRenderer<TPage>` in the first argument.\n   * Uses `foxy-collection-page` by default.\n   */\n  get page(): string | PageRenderer<TPage> {\n    return this.__page;\n  }\n\n  set page(value: string | PageRenderer<TPage>) {\n    if (typeof value === 'string') {\n      const item = value.split(' ').pop();\n      const itemAttribute = item ? `item=\"${item}\"` : '';\n\n      this.__renderPage = new Function(\n        'ctx',\n        `return ctx.html\\`\n          <${value}\n            disabledcontrols=\\${ctx.disabledControls.toString()}\n            readonlycontrols=\\${ctx.readonlyControls.toString()}\n            hiddencontrols=\\${ctx.hiddenControls.toString()}\n            group=\\${ctx.group}\n            href=\\${ctx.href}\n            lang=\\${ctx.lang}\n            ns=\"$\\{ctx.ns} $\\{customElements.get('${value}')?.defaultNS ?? ''}\"\n            ${itemAttribute}\n            ?disabled=\\${ctx.disabled}\n            ?readonly=\\${ctx.readonly}\n            ?hidden=\\${ctx.hidden}\n            .templates=\\${ctx.templates}\n          >\n          </${value}>\\``\n      ) as PageRenderer<TPage>;\n    } else {\n      this.__renderPage = value;\n    }\n\n    this.__page = value;\n    this.requestUpdate();\n  }\n\n  /** URL of the first page in a collection. */\n  get first(): string {\n    return this.__service.state.context.first;\n  }\n\n  set first(data: string) {\n    this.__service.send({ type: 'SET_FIRST', data });\n  }\n\n  /** Array of all currently loaded pages in a collection. */\n  get pages(): TPage[] {\n    return this.__service.state.context.pages;\n  }\n\n  set pages(data: TPage[]) {\n    this.__service.send({ type: 'SET_PAGES', data });\n  }\n\n  /** Rumour group. Elements in different groups will not share updates. Empty by default. */\n  get group(): string {\n    return this.__group;\n  }\n\n  set group(value: string) {\n    this.__group = value;\n    this.__stopTrackingRumour?.();\n    this.__trackRumour();\n  }\n\n  /** If false, will load pages on scroll. If true, will display a button triggering the process. */\n  get manual(): boolean {\n    return this.__service.state.context.manual;\n  }\n\n  set manual(data: boolean) {\n    this.__service.send({ type: 'SET_MANUAL', data });\n  }\n\n  /**\n   * Checks if this element is in the given state. Available states:\n   *\n   * - `busy` when loading a page;\n   * - `fail` when page load fails;\n   * - `idle` when not loading anything for one of the reasons below:\n   *   - `paused` if waiting for user to scroll further;\n   *     - `manual` when next page load will be triggered by clicking a button;\n   *     - `auto` when next page load will be triggered by scrolling to the observer target;\n   *   - `empty` if collection is empty;\n   *   - `end` if there are no more items in a collection.\n   *\n   * @example element.in({ idle: 'empty' })\n   */\n  in(stateValue: State<Context, Event>['value']): boolean {\n    return this.__service.state.matches(stateValue);\n  }\n\n  /** @readonly */\n  createRenderRoot(): CollectionPages<TPage> {\n    return this;\n  }\n\n  /** @readonly */\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.addEventListener('fetch', this.__fetchEventHandler);\n    this.__createService();\n    this.__trackRumour();\n  }\n\n  /** @readonly */\n  render(): TemplateResult {\n    const items = this.pages.map(page => ({\n      key: page._links.self.href,\n      href: page._links.self.href,\n    }));\n\n    if (this.__service.state.matches('busy')) {\n      items.push({ key: 'stalled', href: 'foxy://collection-pages/stall' });\n    } else if (this.__service.state.matches('fail')) {\n      items.push({ key: 'failed', href: 'foxy://collection-pages/fail' });\n    } else if (this.__service.state.matches({ idle: 'empty' })) {\n      items.push({ key: 'empty', href: '' });\n    }\n\n    return html`\n      <!-- collection items -->\n      ${repeat(\n        items,\n        page => page.key,\n        (page, pageIndex) => {\n          return this.__renderPage({\n            disabledControls: this.disabledControls,\n            readonlyControls: this.readonlyControls,\n            hiddenControls: this.hiddenControls,\n            templates: this.templates,\n            disabled: this.disabled,\n            readonly: this.readonly,\n            hidden: this.hidden,\n            group: this.group,\n            data: this.pages[pageIndex] ?? null,\n            href: page.href,\n            lang: this.lang,\n            ns: this.ns,\n            html,\n          });\n        }\n      )}\n      ${this.manual\n        ? this.in({ idle: 'paused' })\n          ? html`\n              <!-- manual trigger -->\n              <vaadin-button theme=\"small contrast\" @click=${() => this.__service.send('RESUME')}>\n                <foxy-i18n lang=${this.lang} key=\"load_more\" ns=${this.ns}></foxy-i18n>\n              </vaadin-button>\n            `\n          : ''\n        : html`\n            <!-- intersection observer target -->\n            <span></span>\n          `}\n    `;\n  }\n\n  /** @readonly */\n  updated(changes: Map<keyof this, unknown>): void {\n    super.updated(changes);\n    this.dispatchEvent(new NucleonElement.UpdateEvent());\n  }\n\n  /** @readonly */\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.removeEventListener('fetch', this.__fetchEventHandler);\n    this.__service.stop();\n    this.__stopTrackingRumour?.();\n  }\n\n  private __trackRumour() {\n    this.__stopTrackingRumour = NucleonElement.Rumour(this.group).track(update => {\n      try {\n        if (this.pages.length === 0) {\n          update({ _links: { self: { href: this.first } } });\n        } else {\n          this.pages.map(page => update(page));\n        }\n      } catch (err) {\n        if (err instanceof Rumour.UpdateError) {\n          this.__service.send({ type: 'SET_FIRST', data: this.first });\n        } else {\n          throw err;\n        }\n      }\n    });\n  }\n\n  private __createService() {\n    this.__service\n      .onTransition(({ changed }) => changed && this.requestUpdate())\n      .onChange(() => this.requestUpdate())\n      .start();\n  }\n\n  private __handleFetchEvent(event: unknown) {\n    if (!(event instanceof FetchEvent) || event.target === this) return;\n    const { method, url } = event.request;\n\n    if (method !== 'GET') return;\n    if (url === 'foxy://collection-pages/stall') return this.__stallRequest(event);\n    if (url === 'foxy://collection-pages/fail') return this.__failRequest(event);\n\n    this.__respondIfPossible(event);\n  }\n\n  private __respondIfPossible(event: FetchEvent) {\n    const localName = this.localName;\n\n    traverse(this.__service.state.context.pages).forEach(function () {\n      if (this.node?._links?.self?.href === event.request.url) {\n        console.debug(\n          `%c@foxy.io/elements::${localName}\\n%c200%c GET ${event.request.url}`,\n          'color: gray',\n          `background: gray; padding: 0 .2em; border-radius: .2em; color: white;`,\n          ''\n        );\n\n        const body = JSON.stringify(this.node);\n        event.respondWith(Promise.resolve(new Response(body)));\n        this.stop();\n      }\n    });\n  }\n\n  private __stallRequest(event: FetchEvent) {\n    event.stopImmediatePropagation();\n    event.respondWith(new Promise(() => void 0));\n  }\n\n  private __failRequest(event: FetchEvent) {\n    event.stopImmediatePropagation();\n    event.respondWith(Promise.resolve(this.__service.state.context.error as Response));\n  }\n}\n"]}
+{"version":3,"file":"CollectionPages.js","sourceRoot":"","sources":["../../../../src/elements/public/CollectionPages/CollectionPages.ts"],"names":[],"mappings":"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","sourcesContent":["import { Context, Event, Page, PageRenderer } from './types';\nimport { LitElement, PropertyDeclarations, TemplateResult, html } from 'lit-element';\nimport { State, StateMachine, interpret } from 'xstate';\n\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { FetchEvent } from '../NucleonElement/FetchEvent';\nimport { NucleonElement } from '../NucleonElement/NucleonElement';\nimport { Rumour } from '@foxy.io/sdk/core';\nimport { machine } from './machine';\nimport { repeat } from 'lit-html/directives/repeat';\nimport { serveFromCache } from '../NucleonElement/serveFromCache';\n\n/**\n * Renders an element for each page in a collection.\n *\n * @fires NucleonElement#update - Instance of `NucleonElement.UpdateEvent`. Dispatched on an element whenever it changes its state.\n * @fires NucleonElement#fetch - Instance of `NucleonElement.API.FetchEvent`. Emitted before each API request.\n *\n * @element foxy-collection-pages\n * @since 1.1.0\n */\nexport class CollectionPages<TPage extends Page> extends ConfigurableMixin(LitElement) {\n  /** @readonly */\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      manual: { type: Boolean, reflect: true },\n      first: { type: String, noAccessor: true },\n      pages: { type: Array, noAccessor: true },\n      group: { type: String },\n      lang: { type: String },\n      page: { type: String },\n      ns: { type: String },\n    };\n  }\n\n  /** Optional ISO 639-1 code describing the language element content is written in. */\n  lang = '';\n\n  ns = '';\n\n  private __renderPage!: PageRenderer<TPage>;\n\n  private __page!: string | PageRenderer<TPage>;\n\n  private __group = '';\n\n  private __stopTrackingRumour!: () => void;\n\n  private __fetchEventHandler = (evt: unknown) => this.__handleFetchEvent(evt);\n\n  private __service = interpret(\n    (machine as unknown as StateMachine<Context<TPage>, any, Event<TPage>>).withConfig({\n      services: {\n        observeChildren: () => callback => {\n          const observer = new IntersectionObserver(entries => {\n            if (entries.some(entry => entry.isIntersecting)) callback('RESUME');\n          });\n\n          observer.observe(this.renderRoot.children[this.renderRoot.children.length - 1]);\n          return () => observer.disconnect();\n        },\n\n        sendGet: async ctx => {\n          const lastPage = ctx.pages[ctx.pages.length - 1];\n          const lastPageHref = lastPage?._links.next.href ?? ctx.first;\n          const response = await new NucleonElement.API(this).fetch(lastPageHref);\n\n          if (!response.ok) throw response;\n          const json = await response.json();\n\n          this.__stopTrackingRumour();\n\n          NucleonElement.Rumour(this.group).share({\n            source: json._links.self.href,\n            data: json,\n          });\n\n          this.__trackRumour();\n\n          return json;\n        },\n      },\n    })\n  );\n\n  constructor() {\n    super();\n    this.page = 'foxy-collection-page foxy-null';\n  }\n\n  /**\n   * Custom element tag or a render function to use for displaying collection pages.\n   * Generated custom elements will have the following attributes:\n   *\n   * - `group` – same as `foxy-collection-pages[group]`;\n   * - `href` – collection page's `_links.self.href` value;\n   * - `lang` – same as `foxy-collection-pages[lang]`;\n   * - `item` – will contain `item-tag` when provided with a string value formatted as `page-tag item-tag`.\n   *\n   * Render function will receive `PageRenderer<TPage>` in the first argument.\n   * Uses `foxy-collection-page` by default.\n   */\n  get page(): string | PageRenderer<TPage> {\n    return this.__page;\n  }\n\n  set page(value: string | PageRenderer<TPage>) {\n    if (typeof value === 'string') {\n      const item = value.split(' ').pop();\n      const itemAttribute = item ? `item=\"${item}\"` : '';\n\n      this.__renderPage = new Function(\n        'ctx',\n        `return ctx.html\\`\n          <${value}\n            disabledcontrols=\\${ctx.disabledControls.toString()}\n            readonlycontrols=\\${ctx.readonlyControls.toString()}\n            hiddencontrols=\\${ctx.hiddenControls.toString()}\n            group=\\${ctx.group}\n            href=\\${ctx.href}\n            lang=\\${ctx.lang}\n            ns=\"$\\{ctx.ns} $\\{customElements.get('${value}')?.defaultNS ?? ''}\"\n            ${itemAttribute}\n            ?disabled=\\${ctx.disabled}\n            ?readonly=\\${ctx.readonly}\n            ?hidden=\\${ctx.hidden}\n            .templates=\\${ctx.templates}\n          >\n          </${value}>\\``\n      ) as PageRenderer<TPage>;\n    } else {\n      this.__renderPage = value;\n    }\n\n    this.__page = value;\n    this.requestUpdate();\n  }\n\n  /** URL of the first page in a collection. */\n  get first(): string {\n    return this.__service.state.context.first;\n  }\n\n  set first(data: string) {\n    this.__service.send({ type: 'SET_FIRST', data });\n  }\n\n  /** Array of all currently loaded pages in a collection. */\n  get pages(): TPage[] {\n    return this.__service.state.context.pages;\n  }\n\n  set pages(data: TPage[]) {\n    this.__service.send({ type: 'SET_PAGES', data });\n  }\n\n  /** Rumour group. Elements in different groups will not share updates. Empty by default. */\n  get group(): string {\n    return this.__group;\n  }\n\n  set group(value: string) {\n    this.__group = value;\n    this.__stopTrackingRumour?.();\n    this.__trackRumour();\n  }\n\n  /** If false, will load pages on scroll. If true, will display a button triggering the process. */\n  get manual(): boolean {\n    return this.__service.state.context.manual;\n  }\n\n  set manual(data: boolean) {\n    this.__service.send({ type: 'SET_MANUAL', data });\n  }\n\n  /**\n   * Checks if this element is in the given state. Available states:\n   *\n   * - `busy` when loading a page;\n   * - `fail` when page load fails;\n   * - `idle` when not loading anything for one of the reasons below:\n   *   - `paused` if waiting for user to scroll further;\n   *     - `manual` when next page load will be triggered by clicking a button;\n   *     - `auto` when next page load will be triggered by scrolling to the observer target;\n   *   - `empty` if collection is empty;\n   *   - `end` if there are no more items in a collection.\n   *\n   * @example element.in({ idle: 'empty' })\n   */\n  in(stateValue: State<Context, Event>['value']): boolean {\n    return this.__service.state.matches(stateValue);\n  }\n\n  /** @readonly */\n  createRenderRoot(): CollectionPages<TPage> {\n    return this;\n  }\n\n  /** @readonly */\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.addEventListener('fetch', this.__fetchEventHandler);\n    this.__createService();\n    this.__trackRumour();\n  }\n\n  /** @readonly */\n  render(): TemplateResult {\n    const items = this.pages.map(page => ({\n      key: page._links.self.href,\n      href: page._links.self.href,\n    }));\n\n    if (this.__service.state.matches('busy')) {\n      items.push({ key: 'stalled', href: 'foxy://collection-pages/stall' });\n    } else if (this.__service.state.matches('fail')) {\n      items.push({ key: 'failed', href: 'foxy://collection-pages/fail' });\n    } else if (this.__service.state.matches({ idle: 'empty' })) {\n      items.push({ key: 'empty', href: '' });\n    }\n\n    return html`\n      <!-- collection items -->\n      ${repeat(\n        items,\n        page => page.key,\n        (page, pageIndex) => {\n          return this.__renderPage({\n            disabledControls: this.disabledControls,\n            readonlyControls: this.readonlyControls,\n            hiddenControls: this.hiddenControls,\n            templates: this.templates,\n            disabled: this.disabled,\n            readonly: this.readonly,\n            hidden: this.hidden,\n            group: this.group,\n            data: this.pages[pageIndex] ?? null,\n            href: page.href,\n            lang: this.lang,\n            ns: this.ns,\n            html,\n          });\n        }\n      )}\n      ${this.manual\n        ? this.in({ idle: 'paused' })\n          ? html`\n              <!-- manual trigger -->\n              <vaadin-button theme=\"small contrast\" @click=${() => this.__service.send('RESUME')}>\n                <foxy-i18n lang=${this.lang} key=\"load_more\" ns=${this.ns}></foxy-i18n>\n              </vaadin-button>\n            `\n          : ''\n        : html`\n            <!-- intersection observer target -->\n            <span></span>\n          `}\n    `;\n  }\n\n  /** @readonly */\n  updated(changes: Map<keyof this, unknown>): void {\n    super.updated(changes);\n    this.dispatchEvent(new NucleonElement.UpdateEvent());\n  }\n\n  /** @readonly */\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.removeEventListener('fetch', this.__fetchEventHandler);\n    this.__service.stop();\n    this.__stopTrackingRumour?.();\n  }\n\n  private __trackRumour() {\n    this.__stopTrackingRumour = NucleonElement.Rumour(this.group).track(update => {\n      try {\n        if (this.pages.length === 0) {\n          update({ _links: { self: { href: this.first } } });\n        } else {\n          this.pages.map(page => update(page));\n        }\n      } catch (err) {\n        if (err instanceof Rumour.UpdateError) {\n          this.__service.send({ type: 'SET_FIRST', data: this.first });\n        } else {\n          throw err;\n        }\n      }\n    });\n  }\n\n  private __createService() {\n    this.__service\n      .onTransition(({ changed }) => changed && this.requestUpdate())\n      .onChange(() => this.requestUpdate())\n      .start();\n  }\n\n  private __handleFetchEvent(event: unknown) {\n    if (!(event instanceof FetchEvent) || event.target === this) return;\n    const { method, url } = event.request;\n\n    if (method !== 'GET') return;\n    if (url === 'foxy://collection-pages/stall') return this.__stallRequest(event);\n    if (url === 'foxy://collection-pages/fail') return this.__failRequest(event);\n\n    this.__respondIfPossible(event);\n  }\n\n  private __respondIfPossible(event: FetchEvent) {\n    const cacheResponse = serveFromCache(event.request.url, this.pages);\n    if (!cacheResponse.ok) return;\n\n    event.respondWith(Promise.resolve(cacheResponse));\n    console.debug(\n      `%c@foxy.io/elements::${this.localName}\\n%c200%c GET ${event.request.url}`,\n      'color: gray',\n      `background: gray; padding: 0 .2em; border-radius: .2em; color: white;`,\n      ''\n    );\n  }\n\n  private __stallRequest(event: FetchEvent) {\n    event.stopImmediatePropagation();\n    event.respondWith(new Promise(() => void 0));\n  }\n\n  private __failRequest(event: FetchEvent) {\n    event.stopImmediatePropagation();\n    event.respondWith(Promise.resolve(this.__service.state.context.error as Response));\n  }\n}\n"]}