@foxy.io/elements 1.16.0-beta.8 → 1.17.0

package/dist/cdn/{shared-40c5712e.js → shared-e9a4a204.js}

@@ -1 +1 @@
-import{c as e,g as t,I as r,_ as n}from"./shared-2eee69db.js";import{L as s,h as o}from"./shared-dc73b9a5.js";import{A as i}from"./shared-40315eea.js";import"./shared-f0ba30e8.js";import{C as a}from"./shared-58a9174f.js";import{F as u}from"./shared-64657919.js";var c=e((function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.formatCookie=void 0;var r=function(e){var t=e.path,r=e.domain,n=e.expires,s=e.secure,o=function(e){var t=e.sameSite;return void 0===t?null:["none","lax","strict"].indexOf(t.toLowerCase())>=0?t:null}(e);return[null==t?"":";path="+t,null==r?"":";domain="+r,null==n?"":";expires="+n.toUTCString(),void 0===s||!1===s?"":";secure",null===o?"":";SameSite="+o].join("")};t.formatCookie=function(e,t,n){return[encodeURIComponent(e),"=",encodeURIComponent(t),r(n)].join("")}})),l=e((function(e,t){function r(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var r=[],n=!0,s=!1,o=void 0;try{for(var i,a=e[Symbol.iterator]();!(n=(i=a.next()).done)&&(r.push(i.value),!t||r.length!==t);n=!0);}catch(e){s=!0,o=e}finally{try{n||null==a.return||a.return()}finally{if(s)throw o}}return r}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return n(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return n(e,t)}(e,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 n(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}Object.defineProperty(t,"__esModule",{value:!0}),t.parseCookies=void 0;t.parseCookies=function(e){if(0===e.length)return{};var t={},n=new RegExp("\\s*;\\s*");return e.split(n).forEach((function(e){var n=r(e.split("="),2),s=n[0],o=n[1],i=decodeURIComponent(s),a=decodeURIComponent(o);t[i]=a})),t}})),p=e((function(e,t){function r(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}Object.defineProperty(t,"__esModule",{value:!0}),t.CookieStorage=void 0;var n=function(){function e(t){if(function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this._defaultOptions=Object.assign({domain:null,expires:null,path:null,secure:!1},t),"undefined"!=typeof Proxy)return new Proxy(this,s)}var t,n,o;return t=e,(n=[{key:"clear",value:function(){var e=this,t=l.parseCookies(this._getCookie());Object.keys(t).forEach((function(t){return e.removeItem(t)}))}},{key:"getItem",value:function(e){var t=l.parseCookies(this._getCookie());return Object.prototype.hasOwnProperty.call(t,e)?t[e]:null}},{key:"key",value:function(e){var t=l.parseCookies(this._getCookie()),r=Object.keys(t).sort();return e<r.length?r[e]:null}},{key:"removeItem",value:function(e,t){var r=Object.assign(Object.assign(Object.assign({},this._defaultOptions),t),{expires:new Date(0)}),n=c.formatCookie(e,"",r);this._setCookie(n)}},{key:"setItem",value:function(e,t,r){var n=Object.assign(Object.assign({},this._defaultOptions),r),s=c.formatCookie(e,t,n);this._setCookie(s)}},{key:"_getCookie",value:function(){return"undefined"==typeof document||void 0===document.cookie?"":document.cookie}},{key:"_setCookie",value:function(e){document.cookie=e}},{key:"length",get:function(){var e=l.parseCookies(this._getCookie());return Object.keys(e).length}}])&&r(t.prototype,n),o&&r(t,o),e}();t.CookieStorage=n;var s={defineProperty:function(e,t,r){return e.setItem(t.toString(),String(r.value)),!0},deleteProperty:function(e,t){return e.removeItem(t.toString()),!0},get:function(e,t,r){if("string"==typeof t&&t in e)return e[t];var n=e.getItem(t.toString());return null!==n?n:void 0},getOwnPropertyDescriptor:function(e,t){if(!(t in e))return{configurable:!0,enumerable:!0,value:e.getItem(t.toString()),writable:!0}},has:function(e,t){return"string"==typeof t&&t in e||null!==e.getItem(t.toString())},ownKeys:function(e){for(var t=[],r=0;r<e.length;r++){var n=e.key(r);null!==n&&t.push(n)}return t},preventExtensions:function(e){throw new TypeError("can't prevent extensions on this proxy object")},set:function(e,t,r,n){return e.setItem(t.toString(),String(r)),!0}}})),f=t(e((function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"CookieStorage",{enumerable:!0,get:function(){return p.CookieStorage}}),Object.defineProperty(t,"formatCookie",{enumerable:!0,get:function(){return c.formatCookie}}),Object.defineProperty(t,"parseCookies",{enumerable:!0,get:function(){return l.parseCookies}})})));class h extends f.CookieStorage{constructor(){super({sameSite:"Strict",expires:new Date,secure:!0,domain:location.hostname,path:"/"})}getItem(e){if(e===i.SESSION){const e=super.getItem("fx.customer"),t=super.getItem("fx.customer.duration"),r=super.getItem("fx.customer.start"),n=super.getItem("fx.customer.jwt");if(null===e||null===t||null===r||null===n)return null;const s={session_token:e,date_created:r,expires_in:parseInt(t),jwt:n},o=super.getItem("fx.customer.sso");return null!==o&&(s.sso=o),JSON.stringify(s)}return super.getItem(e)}setItem(e,t,r){if(e!==i.SESSION)return super.setItem(e,t,r);{const e=JSON.parse(t),r=1e3*e.expires_in,n=new Date(new Date(e.date_created).getTime()+r);super.setItem("fx.customer",e.session_token,{expires:n}),super.setItem("fx.customer.jwt",e.jwt,{expires:n}),super.setItem("fx.customer.start",e.date_created,{expires:n}),super.setItem("fx.customer.duration",String(e.expires_in),{expires:n}),e.sso&&super.setItem("fx.customer.sso",e.sso,{expires:n})}}clear(){for(let e=0;e<this.length;){const t=super.key(e);t.startsWith("fx.customer")?super.removeItem(t):e++}}}const d=new h;let m,g=e=>e;class _ extends(a(r(s))){constructor(){var e;super(...arguments),e=this,this.__storage="local",this.__level=0,this.__base=location.origin,this.__api=this.__createAPIInstance(),this.__handleFetch=async function(t){if(!(t instanceof u))return;if(t.defaultPrevented)return;if(t.composedPath()[0]===e)return;t.preventDefault();const r=new u("fetch",{cancelable:!0,composed:!0,request:t.request,bubbles:!0,reject:e=>t.respondWith(Promise.reject(e)),resolve:n=>{"foxy://customer-api/session"===r.request.url&&e.requestUpdate(),401===n.status&&e.requestUpdate(),t.respondWith(Promise.resolve(n))}});e.dispatchEvent(r)&&r.respondWith(e.__handleRequest(r.request))}}static get properties(){return n(n({},super.properties),{},{storage:{type:String,noAccessor:!0},level:{type:Number,noAccessor:!0},base:{type:String,noAccessor:!0}})}get isLoggedIn(){return!!this.api.storage.getItem(i.SESSION)}get api(){return this.__api}get base(){return this.__base}set base(e){this.__base=e,this.__api=this.__createAPIInstance()}get level(){return this.__level}set level(e){this.__level=e,this.__api=this.__createAPIInstance()}get storage(){return this.__storage}set storage(e){this.__storage=e,this.__api=this.__createAPIInstance()}connectedCallback(){super.connectedCallback(),this.addEventListener("fetch",this.__handleFetch)}render(){return o(m||(m=g` ${0} <slot></slot> `),this.renderTemplateOrSlot(this.isLoggedIn?"logged-in":"logged-out"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("fetch",this.__handleFetch)}__createAPIInstance(){const e={session:sessionStorage,cookie:d,local:localStorage};return new i({storage:e[this.storage],level:this.level,base:new URL(this.base)})}async __handleVirtualAuthSessionDelete(){return await this.api.signOut(),this.dispatchEvent(new _.SignOutEvent("signout")),this.requestUpdate(),new Response}async __handleVirtualAuthSessionPost(e){const t=await e.clone().json();if("password"!==t.type)throw new Error(`Unknown payload type ${t.type}`);let r,s;try{await this.api.signIn(t.credential),this.dispatchEvent(new _.SignInEvent("signin")),this.requestUpdate(),r=200,s=n({_links:{self:{href:e.url}}},t)}catch(e){if(!(e instanceof i.AuthError))throw e;if("UNAUTHORIZED"!==e.code)throw e;r=401,s={total:1,_embedded:{"fx:errors":[{message:e.message,logref:"unavailable",code:"invalid_credential_error"}]}}}return new Response(JSON.stringify(s),{status:r})}async __handleVirtualAuthRecoverPost(e){const t=await e.clone().json();if("email"===t.type)return await this.api.sendPasswordResetEmail(t.detail),new Response(JSON.stringify({_links:{self:{href:e.url}},email:t.email}));throw new Error(`Unknown payload type ${t.type}`)}async __handleRequest(e){const t=e.url,r=e.method;try{if("foxy://customer-api/session"===t){if("DELETE"===r)return this.__handleVirtualAuthSessionDelete();if("POST"===r)return this.__handleVirtualAuthSessionPost(e)}if("foxy://customer-api/recover"===t&&"POST"===r)return this.__handleVirtualAuthRecoverPost(e);const n=await this.api.fetch(e);return 401===n.status&&(this.api.storage.clear(),this.dispatchEvent(new _.SignOutEvent("signout")),this.requestUpdate()),n}catch(e){return new Response(null,{status:500})}}}_.SignOutEvent=class extends CustomEvent{},_.SignInEvent=class extends CustomEvent{};export{_ as C};
+import{c as e,g as t,I as r,_ as n}from"./shared-fadcb2e1.js";import{L as s,h as o}from"./shared-dc73b9a5.js";import{A as i}from"./shared-26ce8d23.js";import"./shared-1bbd9b73.js";import{C as a}from"./shared-98497473.js";import{F as u}from"./shared-92327224.js";var c=e((function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.formatCookie=void 0;var r=function(e){var t=e.path,r=e.domain,n=e.expires,s=e.secure,o=function(e){var t=e.sameSite;return void 0===t?null:["none","lax","strict"].indexOf(t.toLowerCase())>=0?t:null}(e);return[null==t?"":";path="+t,null==r?"":";domain="+r,null==n?"":";expires="+n.toUTCString(),void 0===s||!1===s?"":";secure",null===o?"":";SameSite="+o].join("")};t.formatCookie=function(e,t,n){return[encodeURIComponent(e),"=",encodeURIComponent(t),r(n)].join("")}})),l=e((function(e,t){function r(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var r=[],n=!0,s=!1,o=void 0;try{for(var i,a=e[Symbol.iterator]();!(n=(i=a.next()).done)&&(r.push(i.value),!t||r.length!==t);n=!0);}catch(e){s=!0,o=e}finally{try{n||null==a.return||a.return()}finally{if(s)throw o}}return r}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return n(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return n(e,t)}(e,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 n(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}Object.defineProperty(t,"__esModule",{value:!0}),t.parseCookies=void 0;t.parseCookies=function(e){if(0===e.length)return{};var t={},n=new RegExp("\\s*;\\s*");return e.split(n).forEach((function(e){var n=r(e.split("="),2),s=n[0],o=n[1],i=decodeURIComponent(s),a=decodeURIComponent(o);t[i]=a})),t}})),p=e((function(e,t){function r(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}Object.defineProperty(t,"__esModule",{value:!0}),t.CookieStorage=void 0;var n=function(){function e(t){if(function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this._defaultOptions=Object.assign({domain:null,expires:null,path:null,secure:!1},t),"undefined"!=typeof Proxy)return new Proxy(this,s)}var t,n,o;return t=e,(n=[{key:"clear",value:function(){var e=this,t=l.parseCookies(this._getCookie());Object.keys(t).forEach((function(t){return e.removeItem(t)}))}},{key:"getItem",value:function(e){var t=l.parseCookies(this._getCookie());return Object.prototype.hasOwnProperty.call(t,e)?t[e]:null}},{key:"key",value:function(e){var t=l.parseCookies(this._getCookie()),r=Object.keys(t).sort();return e<r.length?r[e]:null}},{key:"removeItem",value:function(e,t){var r=Object.assign(Object.assign(Object.assign({},this._defaultOptions),t),{expires:new Date(0)}),n=c.formatCookie(e,"",r);this._setCookie(n)}},{key:"setItem",value:function(e,t,r){var n=Object.assign(Object.assign({},this._defaultOptions),r),s=c.formatCookie(e,t,n);this._setCookie(s)}},{key:"_getCookie",value:function(){return"undefined"==typeof document||void 0===document.cookie?"":document.cookie}},{key:"_setCookie",value:function(e){document.cookie=e}},{key:"length",get:function(){var e=l.parseCookies(this._getCookie());return Object.keys(e).length}}])&&r(t.prototype,n),o&&r(t,o),e}();t.CookieStorage=n;var s={defineProperty:function(e,t,r){return e.setItem(t.toString(),String(r.value)),!0},deleteProperty:function(e,t){return e.removeItem(t.toString()),!0},get:function(e,t,r){if("string"==typeof t&&t in e)return e[t];var n=e.getItem(t.toString());return null!==n?n:void 0},getOwnPropertyDescriptor:function(e,t){if(!(t in e))return{configurable:!0,enumerable:!0,value:e.getItem(t.toString()),writable:!0}},has:function(e,t){return"string"==typeof t&&t in e||null!==e.getItem(t.toString())},ownKeys:function(e){for(var t=[],r=0;r<e.length;r++){var n=e.key(r);null!==n&&t.push(n)}return t},preventExtensions:function(e){throw new TypeError("can't prevent extensions on this proxy object")},set:function(e,t,r,n){return e.setItem(t.toString(),String(r)),!0}}})),f=t(e((function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"CookieStorage",{enumerable:!0,get:function(){return p.CookieStorage}}),Object.defineProperty(t,"formatCookie",{enumerable:!0,get:function(){return c.formatCookie}}),Object.defineProperty(t,"parseCookies",{enumerable:!0,get:function(){return l.parseCookies}})})));class h extends f.CookieStorage{constructor(){super({sameSite:"Strict",expires:new Date,secure:!0,domain:location.hostname,path:"/"})}getItem(e){if(e===i.SESSION){const e=super.getItem("fx.customer"),t=super.getItem("fx.customer.duration"),r=super.getItem("fx.customer.start"),n=super.getItem("fx.customer.jwt");if(null===e||null===t||null===r||null===n)return null;const s={session_token:e,date_created:r,expires_in:parseInt(t),jwt:n},o=super.getItem("fx.customer.sso");return null!==o&&(s.sso=o),JSON.stringify(s)}return super.getItem(e)}setItem(e,t,r){if(e!==i.SESSION)return super.setItem(e,t,r);{const e=JSON.parse(t),r=1e3*e.expires_in,n=new Date(new Date(e.date_created).getTime()+r);super.setItem("fx.customer",e.session_token,{expires:n}),super.setItem("fx.customer.jwt",e.jwt,{expires:n}),super.setItem("fx.customer.start",e.date_created,{expires:n}),super.setItem("fx.customer.duration",String(e.expires_in),{expires:n}),e.sso&&super.setItem("fx.customer.sso",e.sso,{expires:n})}}clear(){for(let e=0;e<this.length;){const t=super.key(e);t.startsWith("fx.customer")?super.removeItem(t):e++}}}const d=new h;let m,g=e=>e;class _ extends(a(r(s))){constructor(){var e;super(...arguments),e=this,this.__storage="local",this.__level=0,this.__base=location.origin,this.__api=this.__createAPIInstance(),this.__handleFetch=async function(t){if(!(t instanceof u))return;if(t.defaultPrevented)return;if(t.composedPath()[0]===e)return;t.preventDefault();const r=new u("fetch",{cancelable:!0,composed:!0,request:t.request,bubbles:!0,reject:e=>t.respondWith(Promise.reject(e)),resolve:n=>{"foxy://customer-api/session"===r.request.url&&e.requestUpdate(),401===n.status&&e.requestUpdate(),t.respondWith(Promise.resolve(n))}});e.dispatchEvent(r)&&r.respondWith(e.__handleRequest(r.request))}}static get properties(){return n(n({},super.properties),{},{storage:{type:String,noAccessor:!0},level:{type:Number,noAccessor:!0},base:{type:String,noAccessor:!0}})}get isLoggedIn(){return!!this.api.storage.getItem(i.SESSION)}get api(){return this.__api}get base(){return this.__base}set base(e){this.__base=e,this.__api=this.__createAPIInstance()}get level(){return this.__level}set level(e){this.__level=e,this.__api=this.__createAPIInstance()}get storage(){return this.__storage}set storage(e){this.__storage=e,this.__api=this.__createAPIInstance()}connectedCallback(){super.connectedCallback(),this.addEventListener("fetch",this.__handleFetch)}render(){return o(m||(m=g` ${0} <slot></slot> `),this.renderTemplateOrSlot(this.isLoggedIn?"logged-in":"logged-out"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("fetch",this.__handleFetch)}__createAPIInstance(){const e={session:sessionStorage,cookie:d,local:localStorage};return new i({storage:e[this.storage],level:this.level,base:new URL(this.base)})}async __handleVirtualAuthSessionDelete(){return await this.api.signOut(),this.dispatchEvent(new _.SignOutEvent("signout")),this.requestUpdate(),new Response}async __handleVirtualAuthSessionPost(e){const t=await e.clone().json();if("password"!==t.type)throw new Error(`Unknown payload type ${t.type}`);let r,s;try{await this.api.signIn(t.credential),this.dispatchEvent(new _.SignInEvent("signin")),this.requestUpdate(),r=200,s=n({_links:{self:{href:e.url}}},t)}catch(e){if(!(e instanceof i.AuthError))throw e;if("UNAUTHORIZED"!==e.code)throw e;r=401,s={total:1,_embedded:{"fx:errors":[{message:e.message,logref:"unavailable",code:"invalid_credential_error"}]}}}return new Response(JSON.stringify(s),{status:r})}async __handleVirtualAuthRecoverPost(e){const t=await e.clone().json();if("email"===t.type)return await this.api.sendPasswordResetEmail(t.detail),new Response(JSON.stringify({_links:{self:{href:e.url}},email:t.email}));throw new Error(`Unknown payload type ${t.type}`)}async __handleRequest(e){const t=e.url,r=e.method;try{if("foxy://customer-api/session"===t){if("DELETE"===r)return this.__handleVirtualAuthSessionDelete();if("POST"===r)return this.__handleVirtualAuthSessionPost(e)}if("foxy://customer-api/recover"===t&&"POST"===r)return this.__handleVirtualAuthRecoverPost(e);const n=await this.api.fetch(e);return 401===n.status&&(this.api.storage.clear(),this.dispatchEvent(new _.SignOutEvent("signout")),this.requestUpdate()),n}catch(e){return new Response(null,{status:500})}}}_.SignOutEvent=class extends CustomEvent{},_.SignInEvent=class extends CustomEvent{};export{_ as C};

package/dist/cdn/{shared-a2f5defb.js → shared-f1317609.js}

@@ -1 +1 @@
-import{_ as e}from"./shared-2eee69db.js";import"./shared-4764b995.js";import"./shared-3b318016.js";import"./shared-f2a561f7.js";import{L as s,c as t,h as r}from"./shared-dc73b9a5.js";import{T as a}from"./shared-855a1983.js";import{c as i}from"./shared-4e709717.js";class o extends CustomEvent{constructor(e){super("change",{detail:e})}}let c,l,d=e=>e;class h extends(a(s)){constructor(){super(...arguments),this.readonly=!1,this.disabled=!1,this.checked=!1}static get properties(){return e(e({},super.properties),{},{readonly:{type:Boolean},disabled:{type:Boolean},checked:{type:Boolean}})}static get styles(){return[super.styles,t(c||(c=d`:host{--check-size:1.125rem}label{margin:calc(((1rem * var(--lumo-line-height-s)) - var(--check-size))/ -2) 0}label>:first-child{height:calc(1rem * var(--lumo-line-height-s))}.ml-xxl{margin-left:calc(var(--lumo-space-m) + var(--check-size))}.check{height:var(--check-size);width:var(--check-size)}`))]}render(){return r(l||(l=d` <label class="${0}"> <div class="flex items-center"> <div class="${0}"> <iron-icon icon="lumo:checkmark" class="${0}"> </iron-icon> <input type="checkbox" class="sr-only" .checked="${0}" ?disabled="${0}" data-testid="input" @change="${0}"> </div> </div> <div class="flex-1 font-lumo leading-s ml-m"> <slot></slot> </div> </label> <div class="${0}"> <slot name="content"></slot> </div> `),i({"flex items-start group transition-colors":!0,"cursor-default":this.disabled||this.readonly,"text-disabled":this.disabled,"text-secondary":this.readonly,"cursor-pointer":!this.disabled}),i({"flex-shrink-0 check transition-colors rounded-s border":!0,"focus-within-shadow-outline":!0,"bg-primary text-primary-contrast":!this.readonly&&this.checked,"border-dashed border-contrast-30":this.readonly,"border-transparent":!this.readonly,"opacity-50":this.disabled,"text-secondary bg-contrast-20":!this.readonly&&!this.checked,"group-hover-bg-contrast-30":!this.readonly&&!this.checked}),i({"block w-full h-full transition-transform transform":!0,"scale-100":this.checked,"scale-0":!this.checked}),this.checked,this.disabled,(e=>{if(this.readonly)return e.preventDefault();e.stopPropagation(),this.checked=!this.checked,this.dispatchEvent(new o(this.checked))}),i({"font-lumo ml-xxl transition-colors":!0,"text-disabled":this.disabled}))}}export{h as C,o as a};
+import{_ as e}from"./shared-fadcb2e1.js";import"./shared-2188d5f7.js";import"./shared-195fd5af.js";import"./shared-31c43743.js";import{L as s,c as t,h as r}from"./shared-dc73b9a5.js";import{T as a}from"./shared-62169210.js";import{c as i}from"./shared-4e709717.js";class c extends CustomEvent{constructor(e){super("change",{detail:e})}}let o,l,d=e=>e;class h extends(a(s)){constructor(){super(...arguments),this.readonly=!1,this.disabled=!1,this.checked=!1}static get properties(){return e(e({},super.properties),{},{readonly:{type:Boolean},disabled:{type:Boolean},checked:{type:Boolean}})}static get styles(){return[super.styles,t(o||(o=d`:host{--check-size:1.125rem}label{margin:calc(((1rem * var(--lumo-line-height-s)) - var(--check-size))/ -2) 0}label>:first-child{height:calc(1rem * var(--lumo-line-height-s))}.ml-xxl{margin-left:calc(var(--lumo-space-m) + var(--check-size))}.check{height:var(--check-size);width:var(--check-size)}`))]}render(){return r(l||(l=d` <label class="${0}"> <div class="flex items-center"> <div class="${0}"> <iron-icon icon="lumo:checkmark" class="${0}"> </iron-icon> <input type="checkbox" class="sr-only" .checked="${0}" ?disabled="${0}" data-testid="input" @change="${0}"> </div> </div> <div class="flex-1 font-lumo leading-s ml-m"> <slot></slot> </div> </label> <div class="${0}"> <slot name="content"></slot> </div> `),i({"flex items-start group transition-colors":!0,"cursor-default":this.disabled||this.readonly,"text-disabled":this.disabled,"text-secondary":this.readonly,"cursor-pointer":!this.disabled}),i({"flex-shrink-0 check transition-colors rounded-s border":!0,"focus-within-shadow-outline":!0,"bg-primary text-primary-contrast":!this.readonly&&this.checked,"border-dashed border-contrast-30":this.readonly,"border-transparent":!this.readonly,"opacity-50":this.disabled,"text-secondary bg-contrast-20":!this.readonly&&!this.checked,"group-hover-bg-contrast-30":!this.readonly&&!this.checked}),i({"block w-full h-full transition-transform transform":!0,"scale-100":this.checked,"scale-0":!this.checked}),this.checked,this.disabled,(e=>{if(this.readonly)return e.preventDefault();e.stopPropagation(),this.checked=!this.checked,this.dispatchEvent(new c(this.checked))}),i({"font-lumo ml-xxl transition-colors":!0,"text-disabled":this.disabled}))}}export{h as C,c as a};

package/dist/cdn/{shared-af60799b.js → shared-f84686a8.js}

@@ -1,4 +1,4 @@
-import{T as t}from"./shared-e6be392d.js";import{a as e}from"./shared-855a1983.js";let s,n,a,o,l,i,r=t=>t;class c extends(e(t,"transactions-table")){constructor(){super(...arguments),this.columns=[c.priceColumn,c.summaryColumn,c.statusColumn,c.idColumn,c.dateColumn,c.receiptColumn]}}c.priceColumn={cell:t=>t.html(s||(s=r`
+import{T as t}from"./shared-7474af47.js";import{a as s}from"./shared-62169210.js";let e,n,a,o,l,i,r=t=>t;class c extends(s(t,"transactions-table")){constructor(){super(...arguments),this.columns=[c.priceColumn,c.summaryColumn,c.statusColumn,c.idColumn,c.dateColumn,c.receiptColumn]}}c.priceColumn={cell:t=>t.html(e||(e=r`
       <foxy-i18n
         data-testclass="i18n totals"
         class="text-m font-semibold font-tnum"
@@ -8,7 +8,7 @@ import{T as t}from"./shared-e6be392d.js";import{a as e}from"./shared-855a1983.js
         .options=${0}
       >
       </foxy-i18n>
-    `),t.lang,t.ns,{amount:`${t.data.total_order} ${t.data.currency_code}`})},c.summaryColumn={cell:t=>{var e;const s=null===(e=t.data._embedded)||void 0===e?void 0:e["fx:items"];if(!s)return"";const a={most_expensive_item:[...s].sort(((t,e)=>t.price-e.price))[0],count:s.length};return t.html(n||(n=r`
+    `),t.lang,t.ns,{amount:`${t.data.total_order} ${t.data.currency_code}`})},c.summaryColumn={cell:t=>{var s;const e=null===(s=t.data._embedded)||void 0===s?void 0:s["fx:items"];if(!e)return"";const a={most_expensive_item:[...e].sort(((t,s)=>t.price-s.price))[0],count:e.length};return t.html(n||(n=r`
         <foxy-i18n
           data-testclass="i18n summaries"
           class="text-m"
@@ -18,7 +18,7 @@ import{T as t}from"./shared-e6be392d.js";import{a as e}from"./shared-855a1983.js
           .options=${0}
         >
         </foxy-i18n>
-      `),t.lang,t.ns,a)}},c.statusColumn={hideBelow:"md",cell:t=>{const e={completed:"bg-success-10 text-success",declined:"bg-error-10 text-error",rejected:"bg-error-10 text-error"},s=t.data.status||"completed",n=s in e?e[s]:"bg-contrast-5 text-contrast";return t.html(a||(a=r`
+      `),t.lang,t.ns,a)}},c.statusColumn={hideBelow:"md",cell:t=>{const s={completed:"bg-success-10 text-success",declined:"bg-error-10 text-error",rejected:"bg-error-10 text-error"},e=t.data.status||"completed",n=e in s?s[e]:"bg-contrast-5 text-contrast";return t.html(a||(a=r`
         <foxy-i18n
           data-testclass="i18n statuses"
           class="px-s py-xs text-m font-medium rounded ${0}"
@@ -27,7 +27,7 @@ import{T as t}from"./shared-e6be392d.js";import{a as e}from"./shared-855a1983.js
           ns=${0}
         >
         </foxy-i18n>
-      `),n,t.lang,`transaction_${s}`,t.ns)}},c.idColumn={hideBelow:"md",cell:t=>t.html(o||(o=r`
+      `),n,t.lang,`transaction_${e}`,t.ns)}},c.idColumn={hideBelow:"md",cell:t=>t.html(o||(o=r`
         <span class="text-m text-secondary font-tnum" data-testclass="ids">
           <span class="text-tertiary">ID</span> ${0}
         </span>

package/dist/cdn/translations/api-browser/en.json

@@ -1,6 +1,9 @@
 {
   "go_back": "Go back",
   "go_home": "Go home",
+  "current_url": "Current URL",
+  "get_mode": "Click to send GET requests to the selected endpoints",
+  "post_mode": "Click to send POST requests to the selected endpoints",
   "refresh": "Refresh",
   "first": "First",
   "last": "Last",

package/dist/cdn/translations/customer-portal/se.json

@@ -0,0 +1,223 @@
+{
+  "access-recovery-form": {
+    "back": "Tillbaka",
+    "email": "Email",
+    "recover_access": "Få engångskod",
+    "recover_access_hint": "Ange din e-postadress så skickar vi ett tillfälligt lösenord till dig",
+    "recover_access_success": "Klart! Kontrollera din e-post för ytterligare instruktioner.",
+    "unknown_error": "Vi kan inte utfärda en engångskod för det här kontot för tillfället. Om du redan har begärt koden, vänta några minuter innan du försöker igen.",
+    "v8n_invalid_email": "Ogiltig e-postadress",
+    "v8n_required": "Nödvändig",
+    "spinner": {
+      "loading_busy": "Laddar",
+      "loading_error": "Kan inte ladda"
+    }
+  },
+  "customer": {
+    "address_plural": "Adresser",
+    "cancel": "Avbryt",
+    "close": "Stäng",
+    "payment_method_plural": "Betalningsmetoder",
+    "save": "Save",
+    "subscription_plural": "Prenumerationer",
+    "transaction_plural": "Transaktioner",
+    "undo_cancel": "Recension",
+    "undo_confirm": "Kassera",
+    "undo_header": "Ändringar är ej sparade",
+    "undo_message": "Det verkar som att du inte har sparat dina ändringar! Vad skulle du vilja göra med dem?",
+    "update": "Uppdatera",
+    "address-card": {
+      "default_billing_address": "Standardfaktureringsadress",
+      "default_shipping_address": "Standard leveransadress",
+      "full_address": "{{address1}} {{address2}} {{city}} {{region}} {{postal_code}}",
+      "full_name": "{{first_name}} {{last_name}}",
+      "spinner": {
+        "loading_busy": "laddar",
+        "loading_empty": "Ingen adress",
+        "loading_end": "Ingen mer data",
+        "loading_error": "Lyckades inte ladda"
+      }
+    },
+    "address-form": {
+      "address_name": "Adress namn",
+      "address1": "Adress 1",
+      "address2": "Adress 2",
+      "cancel": "Avbryt",
+      "city": "Stad",
+      "company": "Företag",
+      "country": "Land",
+      "date": "{{value, date}}",
+      "date_created": "Skapades",
+      "date_modified": "Senast uppdaterad",
+      "delete": "Radera",
+      "delete_prompt": "Den här resursen kommer att tas bort permanent. Är du säker?",
+      "first_name": "Förnamn",
+      "last_name": "Efternamn",
+      "phone": "Telefon",
+      "postal_code": "Postkod",
+      "region": "Region",
+      "v8n_required": "Nödvändig",
+      "v8n_too_long": "För lång",
+      "spinner": {
+        "loading_busy": "Laddar",
+        "loading_empty": "Ingen data",
+        "loading_error": "Lyckades inte ladda"
+      }
+    },
+    "customer-form": {
+      "cancel": "Avbryt",
+      "change_password": "Byt lösenord",
+      "change_password_step_1": "Låt oss börja med ditt nuvarande lösenord. Ett tillfälligt lösenord fungerar också om du har ett.",
+      "change_password_step_2": "Ange nu ett nytt lösenord och tryck på Fortsätt för att tillämpa ändringar på ditt konto.",
+      "change_password_step_3": "Klart! Du kan nu använda ditt nya lösenord när du loggar in.",
+      "close": "Stäng",
+      "date": "{{value, date}}",
+      "date_created": "Skapades",
+      "date_modified": "Senast uppdaterad",
+      "email": "Email",
+      "first_name": "Förnamn",
+      "invalid_credential_error": "Fel lösenord. Se till att du har angett ditt nuvarande eller tillfälliga lösenord och försök igen.",
+      "last_name": "Efternamn",
+      "sign_in": "Fortsätt",
+      "tax_id": "Moms ID",
+      "undo_cancel": "Säkerställ info",
+      "undo_confirm": "Radera",
+      "undo_header": "Ändringar ej sparade",
+      "undo_message": "Det verkar som att du inte har sparat dina ändringar! Vad skulle du vilja göra med dem?",
+      "v8n_invalid_email": "Ogilig e-post",
+      "v8n_required": "Nödvänding",
+      "v8n_too_long": "För lång",
+      "sign-in-form": {
+        "new_password": "Nytt lösenord",
+        "password": "Lösenord",
+        "spinner": {
+          "loading_busy": "Laddar",
+          "loading_error": "Lyckades inte ladda"
+        }
+      },
+      "spinner": {
+        "loading_busy": "laddar",
+        "loading_empty": "No data",
+        "loading_error": "Lyckades inte ladda"
+      }
+    },
+    "payment-method-card": {
+      "cancel": "Avbryt",
+      "delete": "Radera",
+      "delete_prompt": "Den här resursen kommer att tas bort permanent. Är du säker?",
+      "spinner": {
+        "loading_busy": "Laddar",
+        "loading_empty": "Inga betalningsmetoder",
+        "loading_error": "Lyckades inte ladda"
+      }
+    },
+    "spinner": {
+      "loading_busy": "Laddar",
+      "loading_error": "Lyckades inte ladda"
+    },
+    "subscription-card": {
+      "daily": "Daglig",
+      "daily_plural": "Alla {{count}} dagar",
+      "frequency": "$t(customer.subscription-card.{{units}}, { \"count\": {{count}}, \"ns\": \"customer-portal\" })",
+      "monthly": "Månadsvis",
+      "monthly_plural": "Alla {{count}} månader",
+      "price_recurring": "{{amount, price}} $t(customer.subscription-card.frequency, { \"count\": \"{{count}}\", \"units\": \"{{units}}\", \"ns\": \"customer-portal\" })",
+      "price_twice_a_month": "{{amount, price}} $t(customer.subscription-card.twice_a_month, { \"ns\": \"customer-portal\" })",
+      "subscription_active": "Nästa betalning på {{date, date}}",
+      "subscription_cancelled": "Slutade på {{date, date}}",
+      "subscription_failed": "Betalningen misslyckades den {{date, date}}",
+      "subscription_inactive": "Inaktiv",
+      "subscription_will_be_cancelled": "Slutar den {{date, date}}",
+      "transaction_summary": "{{most_expensive_item.name}}",
+      "twice_a_month": "Varannan vecka",
+      "weekly": "Veckovis",
+      "weekly_plural": "Alla {{count}} vecka",
+      "yearly": "Årlig",
+      "yearly_plural": "Alla {{count}} years",
+      "spinner": {
+        "loading_busy": "Laddar",
+        "loading_empty": "Inga prenumerationer",
+        "loading_end": "Ingen mer data",
+        "loading_error": "Lyckades inte ladda"
+      }
+    },
+    "subscription-form": {
+      "daily": "Daglig",
+      "daily_plural": "Alla {{count}} dagar",
+      "end_subscription": "Avsluta prenumerationen",
+      "frequency": "$t(customer.subscription-form.{{units}}, { \"count\": {{count}}, \"ns\": \"customer-portal\" })",
+      "frequency_label": "Frekvens",
+      "item_plural": "Artiklar",
+      "monthly": "Månadsvis",
+      "monthly_plural": "Alla {{count}} månader",
+      "next_transaction_date": "Nästa transaktionsdatum",
+      "price_recurring": "{{amount, price}} $t(customer.subscription-form.frequency, { \"count\": \"{{count}}\", \"units\": \"{{units}}\", \"ns\": \"customer-portal\" })",
+      "price_twice_a_month": "{{amount, price}} $t(customer.subscription-form.twice_a_month, { \"ns\": \"customer-portal\" })",
+      "subscription_active": "Nästa betalning på {{date, date}}",
+      "subscription_cancelled": "Slutade på {{date, date}}",
+      "subscription_failed": "Betalningen misslyckades den {{date, date}}",
+      "subscription_inactive": "Inaktiv",
+      "subscription_will_be_cancelled": "Slutar på {{date, date}}",
+      "transaction_plural": "Transaktioner",
+      "twice_a_month": "Varannan vecka",
+      "update_billing": "Uppdatera fakturering",
+      "update_items": "Redigera",
+      "weekly": "Veckovis",
+      "weekly_plural": "Alla {{count}} veckor",
+      "yearly": "Årlig",
+      "yearly_plural": "Alla {{count}} år",
+      "spinner": {
+        "loading_busy": "Laddar",
+        "loading_error": "Lyckades inte ladda"
+      },
+      "transactions-table": {
+        "date": "{{value, date}}",
+        "price": "{{amount, price}}",
+        "receipt": "Kvitto",
+        "spinner": {
+          "loading_busy": "Laddar",
+          "loading_empty": "Inga transaktioner",
+          "loading_error": "Lyckades inte ladda"
+        }
+      }
+    },
+    "transactions-table": {
+      "date": "{{value, date}}",
+      "price": "{{amount, price}}",
+      "receipt": "Kvitto",
+      "transaction_approved": "Godkänd",
+      "transaction_authorized": "Auktoriserad",
+      "transaction_captured": "Inkommen",
+      "transaction_completed": "Avslutad",
+      "transaction_declined": "Avböjd",
+      "transaction_pending": "I väntan på",
+      "transaction_refunded": "Återbetalad",
+      "transaction_rejected": "Avvisad",
+      "transaction_summary": "{{most_expensive_item.name}}",
+      "transaction_summary_plural": "{{most_expensive_item.name}} and {{count}} more",
+      "transaction_verified": "Verifierad",
+      "transaction_voided": "Ogiltigförklarad",
+      "spinner": {
+        "loading_busy": "Laddar",
+        "loading_empty": "Inga transaktioner",
+        "loading_end": "Inga mer data",
+        "loading_error": "Lyckades inte ladda"
+      }
+    }
+  },
+  "sign-in-form": {
+    "email": "E-post",
+    "invalid_credential_error": "Felaktig e-postadress eller lösenord. Kontrollera dina uppgifter och försök igen.",
+    "password": "Lösenord",
+    "recover_access": "Få engångskod",
+    "sign_in": "Logga in",
+    "sign_in_hint": "Vänligen ange din e-postadress och ditt lösenord",
+    "unknown_error": "Ett okänt fel har inträffat. Vänligen försök igen senare.",
+    "v8n_invalid_email": "Ogiltig e-postadress",
+    "v8n_required": "Nödvänding",
+    "spinner": {
+      "loading_busy": "Laddar",
+      "loading_error": "Lyckades inte ladda"
+    }
+  }
+}

package/dist/cdn/translations/discount-builder/en.json

@@ -0,0 +1,14 @@
+{
+  "tier": "Tier",
+  "tier_by": "by",
+  "tier_if": "if",
+  "tier_allunits": "price of each item",
+  "tier_incremental": "price of additional items",
+  "tier_repeat": "price of next item",
+  "tier_single": "order total",
+  "tier_then": "then",
+  "quantity": "quantity",
+  "total": "total",
+  "reduce": "reduce",
+  "increase": "increase"
+}

package/dist/cdn/translations/item-form/en.json

@@ -289,6 +289,7 @@
   },
   "attributes": {
     "title": "Attributes",
+
     "card": {
       "spinner": {
         "loading_busy": "Loading",
@@ -296,6 +297,18 @@
         "loading_error": "Failed to load"
       }
     },
+
+    "dialog": {
+      "header_create": "Create attribute",
+      "close": "Close",
+      "save": "Save",
+      "cancel": "Cancel",
+      "undo_header": "Unsaved changes",
+      "undo_message": "Looks like you didn't save your changes! What would you like to do with them?",
+      "undo_cancel": "Review",
+      "undo_confirm": "Discard"
+    },
+
     "pagination": {
       "first": "First",
       "last": "Last",
@@ -359,6 +372,17 @@
       }
     },
 
+    "dialog": {
+      "header_create": "Create item option",
+      "close": "Close",
+      "save": "Save",
+      "cancel": "Cancel",
+      "undo_header": "Unsaved changes",
+      "undo_message": "Looks like you didn't save your changes! What would you like to do with them?",
+      "undo_cancel": "Review",
+      "undo_confirm": "Discard"
+    },
+
     "pagination": {
       "first": "First",
       "last": "Last",

package/dist/cdn/translations/transaction/en.json

@@ -279,22 +279,46 @@
     "capture": {
       "idle": "Capture",
       "busy": "Capturing...",
-      "fail": "Failed to capture"
+      "fail": "Failed to capture",
+      "confirm": {
+        "header": "Capture",
+        "message": "Are you sure you'd like to capture this transaction?",
+        "confirm": "Yes",
+        "cancel": "No"
+      }
     },
     "void": {
       "idle": "Void",
       "busy": "Voiding...",
-      "fail": "Failed to void"
+      "fail": "Failed to void",
+      "confirm": {
+        "header": "Void",
+        "message": "Are you sure you'd like to void this transaction?",
+        "confirm": "Yes",
+        "cancel": "No"
+      }
     },
     "refund": {
       "idle": "Refund",
       "busy": "Refunding...",
-      "fail": "Failed to refund"
+      "fail": "Failed to refund",
+      "confirm": {
+        "header": "Refund",
+        "message": "Are you sure you'd like to refund this transaction?",
+        "confirm": "Yes",
+        "cancel": "No"
+      }
     },
     "send-emails": {
       "idle": "Send emails",
       "busy": "Sending emails...",
-      "fail": "Failed to send emails"
+      "fail": "Failed to send emails",
+      "confirm": {
+        "header": "Send emails",
+        "message": "Are you sure you'd like to send emails for this transaction?",
+        "confirm": "Yes",
+        "cancel": "No"
+      }
     }
   },
   "spinner": {

package/dist/elements/internal/InternalAsyncComboBoxControl/InternalAsyncComboBoxControl.d.ts

@@ -6,7 +6,7 @@ import { InternalEditableControl } from '../InternalEditableControl/InternalEdit
  * a hAPI collection.
  *
  * @since 1.17.0
- * @tag foxy-internal-async-combo-box-control
+ * @element foxy-internal-async-combo-box-control
  */
 export declare class InternalAsyncComboBoxControl extends InternalEditableControl {
     static get properties(): PropertyDeclarations;

package/dist/elements/internal/InternalAsyncComboBoxControl/InternalAsyncComboBoxControl.js

@@ -7,7 +7,7 @@ import { API } from "../../public/NucleonElement/API.js";
  * a hAPI collection.
  *
  * @since 1.17.0
- * @tag foxy-internal-async-combo-box-control
+ * @element foxy-internal-async-combo-box-control
  */
 export class InternalAsyncComboBoxControl extends InternalEditableControl {
     constructor() {

package/dist/elements/internal/InternalAsyncComboBoxControl/InternalAsyncComboBoxControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"InternalAsyncComboBoxControl.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalAsyncComboBoxControl/InternalAsyncComboBoxControl.ts"],"names":[],"mappings":"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","sourcesContent":["import type { ComboBoxDataProvider, ComboBoxElement } from '@vaadin/vaadin-combo-box';\nimport type { TemplateResult } from 'lit-html';\n\nimport { PropertyDeclarations } from 'lit-element';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html } from 'lit-html';\n\nimport { InternalEditableControl } from '../InternalEditableControl/InternalEditableControl';\nimport { API } from '../../public/NucleonElement/API';\n\n/**\n * Internal control displaying a combo box where items are loaded from\n * a hAPI collection.\n *\n * @since 1.17.0\n * @tag foxy-internal-async-combo-box-control\n */\nexport class InternalAsyncComboBoxControl extends InternalEditableControl {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      itemLabelPath: { type: String, attribute: 'item-label-path' },\n      itemValuePath: { type: String, attribute: 'item-value-path' },\n      first: { type: String },\n    };\n  }\n\n  /** Same as `itemLabelPath` property of Vaadin's `ComboBoxElement`. */\n  itemLabelPath: string | null = null;\n\n  /** Same as `itemValuePath` property of Vaadin's `ComboBoxElement`. */\n  itemValuePath: string | null = null;\n\n  /** URL of the first page of the hAPI collection serving as a source for items. */\n  first: string | null = null;\n\n  renderControl(): TemplateResult {\n    const dataProvider: ComboBoxDataProvider = async (params, callback) => {\n      if (!this.first) return callback([], 0);\n\n      const url = new URL(this.first);\n      url.searchParams.set('offset', String(params.page * params.pageSize));\n      url.searchParams.set('limit', String(params.pageSize));\n\n      if (params.filter && this.itemLabelPath) {\n        url.searchParams.set(this.itemLabelPath, `*${params.filter}*`);\n      }\n\n      const response = await new API(this).fetch(url.toString());\n      if (!response.ok) throw new Error(await response.text());\n\n      const json = await response.json();\n      const items = Array.from(Object.values(json._embedded))[0] as unknown[];\n\n      callback(items, json.total_items);\n    };\n\n    return html`\n      <vaadin-combo-box\n        item-value-path=${ifDefined(this.itemValuePath ?? undefined)}\n        item-label-path=${ifDefined(this.itemLabelPath ?? undefined)}\n        error-message=${ifDefined(this._errorMessage)}\n        item-id-path=\"_links.self.href\"\n        helper-text=${this.helperText}\n        placeholder=${this.placeholder}\n        label=${this.label}\n        class=\"w-full\"\n        ?disabled=${this.disabled}\n        ?readonly=${this.readonly}\n        .checkValidity=${this._checkValidity}\n        .dataProvider=${dataProvider}\n        .value=${this._value}\n        @change=${(evt: CustomEvent) => {\n          const comboBox = evt.currentTarget as ComboBoxElement;\n          this._value = comboBox.value;\n        }}\n      >\n      </vaadin-combo-box>\n    `;\n  }\n\n  protected get _value(): string {\n    return (super._value as string | undefined) ?? '';\n  }\n\n  protected set _value(newValue: string) {\n    super._value = newValue as unknown | undefined;\n  }\n}\n"]}
+{"version":3,"file":"InternalAsyncComboBoxControl.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalAsyncComboBoxControl/InternalAsyncComboBoxControl.ts"],"names":[],"mappings":"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","sourcesContent":["import type { ComboBoxDataProvider, ComboBoxElement } from '@vaadin/vaadin-combo-box';\nimport type { TemplateResult } from 'lit-html';\n\nimport { PropertyDeclarations } from 'lit-element';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html } from 'lit-html';\n\nimport { InternalEditableControl } from '../InternalEditableControl/InternalEditableControl';\nimport { API } from '../../public/NucleonElement/API';\n\n/**\n * Internal control displaying a combo box where items are loaded from\n * a hAPI collection.\n *\n * @since 1.17.0\n * @element foxy-internal-async-combo-box-control\n */\nexport class InternalAsyncComboBoxControl extends InternalEditableControl {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      itemLabelPath: { type: String, attribute: 'item-label-path' },\n      itemValuePath: { type: String, attribute: 'item-value-path' },\n      first: { type: String },\n    };\n  }\n\n  /** Same as `itemLabelPath` property of Vaadin's `ComboBoxElement`. */\n  itemLabelPath: string | null = null;\n\n  /** Same as `itemValuePath` property of Vaadin's `ComboBoxElement`. */\n  itemValuePath: string | null = null;\n\n  /** URL of the first page of the hAPI collection serving as a source for items. */\n  first: string | null = null;\n\n  renderControl(): TemplateResult {\n    const dataProvider: ComboBoxDataProvider = async (params, callback) => {\n      if (!this.first) return callback([], 0);\n\n      const url = new URL(this.first);\n      url.searchParams.set('offset', String(params.page * params.pageSize));\n      url.searchParams.set('limit', String(params.pageSize));\n\n      if (params.filter && this.itemLabelPath) {\n        url.searchParams.set(this.itemLabelPath, `*${params.filter}*`);\n      }\n\n      const response = await new API(this).fetch(url.toString());\n      if (!response.ok) throw new Error(await response.text());\n\n      const json = await response.json();\n      const items = Array.from(Object.values(json._embedded))[0] as unknown[];\n\n      callback(items, json.total_items);\n    };\n\n    return html`\n      <vaadin-combo-box\n        item-value-path=${ifDefined(this.itemValuePath ?? undefined)}\n        item-label-path=${ifDefined(this.itemLabelPath ?? undefined)}\n        error-message=${ifDefined(this._errorMessage)}\n        item-id-path=\"_links.self.href\"\n        helper-text=${this.helperText}\n        placeholder=${this.placeholder}\n        label=${this.label}\n        class=\"w-full\"\n        ?disabled=${this.disabled}\n        ?readonly=${this.readonly}\n        .checkValidity=${this._checkValidity}\n        .dataProvider=${dataProvider}\n        .value=${this._value}\n        @change=${(evt: CustomEvent) => {\n          const comboBox = evt.currentTarget as ComboBoxElement;\n          this._value = comboBox.value;\n        }}\n      >\n      </vaadin-combo-box>\n    `;\n  }\n\n  protected get _value(): string {\n    return (super._value as string | undefined) ?? '';\n  }\n\n  protected set _value(newValue: string) {\n    super._value = newValue as unknown | undefined;\n  }\n}\n"]}

package/dist/elements/internal/InternalAsyncDetailsControl/InternalAsyncDetailsControl.d.ts

@@ -6,7 +6,7 @@ import { InternalControl } from '../InternalControl/InternalControl';
  * Internal control displaying a collapsible card with
  * optionally editable hAPI collection items.
  *
- * @tag foxy-internal-async-details-control
+ * @element foxy-internal-async-details-control
  * @since 1.17.0
  */
 export declare class InternalAsyncDetailsControl extends InternalControl {
@@ -23,6 +23,7 @@ export declare class InternalAsyncDetailsControl extends InternalControl {
     item: CollectionPage<any>['item'];
     /** Same as the `open` property of `InternalDetails`. */
     open: boolean;
+    private __cachedCardRenderer;
     private __itemRenderer;
     renderControl(): TemplateResult;
     private get __dialog();

package/dist/elements/internal/InternalAsyncDetailsControl/InternalAsyncDetailsControl.js

@@ -5,7 +5,7 @@ import { html } from 'lit-element';
  * Internal control displaying a collapsible card with
  * optionally editable hAPI collection items.
  *
- * @tag foxy-internal-async-details-control
+ * @element foxy-internal-async-details-control
  * @since 1.17.0
  */
 export class InternalAsyncDetailsControl extends InternalControl {
@@ -23,6 +23,7 @@ export class InternalAsyncDetailsControl extends InternalControl {
         this.item = '';
         /** Same as the `open` property of `InternalDetails`. */
         this.open = false;
+        this.__cachedCardRenderer = null;
         this.__itemRenderer = ctx => {
             if (!this.form || !ctx.data)
                 return this.__cardRenderer(ctx);
@@ -93,6 +94,7 @@ export class InternalAsyncDetailsControl extends InternalControl {
                     <button
                       class="h-xs w-xs rounded-full text-success flex items-center justify-center text-l focus-outline-none focus-ring-2 focus-ring-primary-50"
                       slot="actions"
+                      ?disabled=${this.disabled}
                       @click=${(evt) => {
                     evt.preventDefault();
                     evt.stopPropagation();
@@ -125,7 +127,14 @@ export class InternalAsyncDetailsControl extends InternalControl {
         return this.renderRoot.querySelector('#form');
     }
     get __cardRenderer() {
-        return new Function('ctx', `return ctx.html\`<${this.item} related=\${JSON.stringify(ctx.related)} parent=\${ctx.parent} class="p-m" infer href=\${ctx.href}></${this.item}>\``);
+        var _a;
+        if (((_a = this.__cachedCardRenderer) === null || _a === void 0 ? void 0 : _a.item) !== this.item) {
+            this.__cachedCardRenderer = {
+                item: this.item,
+                render: new Function('ctx', `return ctx.html\`<${this.item} related=\${JSON.stringify(ctx.related)} parent=\${ctx.parent} class="p-m" infer href=\${ctx.href}></${this.item}>\``),
+            };
+        }
+        return this.__cachedCardRenderer.render;
     }
 }
 //# sourceMappingURL=InternalAsyncDetailsControl.js.map

package/dist/elements/internal/InternalAsyncDetailsControl/InternalAsyncDetailsControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"InternalAsyncDetailsControl.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalAsyncDetailsControl/InternalAsyncDetailsControl.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,eAAe,EAAE,8CAA2C;AACrE,OAAO,EAAE,QAAQ,EAAE,oCAAiC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAEnC;;;;;;GAMG;AACH,MAAM,OAAO,2BAA4B,SAAQ,eAAe;IAAhE;;QAaE,0DAA0D;QAC1D,YAAO,GAAG,EAAc,CAAC;QAEzB,yDAAyD;QACzD,UAAK,GAAG,EAAE,CAAC;QAEX,+DAA+D;QAC/D,UAAK,GAAG,EAAE,CAAC;QAEX,6FAA6F;QAC7F,SAAI,GAAuB,EAAE,CAAC;QAE9B,uDAAuD;QACvD,SAAI,GAAgC,EAAE,CAAC;QAEvC,wDAAwD;QACxD,SAAI,GAAG,KAAK,CAAC;QAEL,mBAAc,GAAiB,GAAG,CAAC,EAAE;YAC3C,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,GAAG,CAAC,IAAI;gBAAE,OAAO,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;YAE7D,MAAM,UAAU,GAAG,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;YAE/D,OAAO,IAAI,CAAA;;oBAEK,UAAU;gBACd,QAAQ,CAAC;gBACf,wEAAwE,EAAE,IAAI;gBAC9E,0CAA0C,EAAE,IAAI;gBAChD,qBAAqB,EAAE,CAAC,UAAU;aACnC,CAAC;iBACO,CAAC,GAAU,EAAE,EAAE;gBACtB,MAAM,MAAM,GAAG,GAAG,CAAC,aAAkC,CAAC;gBACtD,MAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC;gBAE7B,MAAM,CAAC,MAAM,GAAG,eAAe,CAAC;gBAChC,MAAM,CAAC,IAAI,GAAG,GAAG,CAAC,IAAI,CAAC;gBACvB,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YACtB,CAAC;;UAEC,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC;;KAE7B,CAAC;QACJ,CAAC,CAAC;IA+EJ,CAAC;IAtIC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,OAAO,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;YACxB,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACvB,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACvB,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACtB,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACtB,IAAI,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;SACxB,CAAC;IACJ,CAAC;IA+CD,aAAa;QACX,IAAI,KAAa,CAAC;QAElB,IAAI;YACF,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YAChC,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,OAAO,EAAE,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;YAClD,KAAK,GAAG,GAAG,CAAC,QAAQ,EAAE,CAAC;SACxB;QAAC,WAAM;YACN,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;SACpB;QAED,OAAO,IAAI,CAAA;;;;gBAIC,IAAI,CAAC,IAAI;kBACP,CAAC,GAAU,EAAE,EAAE,CACvB,CAAC,IAAI,CAAC,IAAI,GAAI,GAAG,CAAC,aAA6C,CAAC,IAAI,CAAC;;UAErE,IAAI,CAAC,IAAI;YACT,CAAC,CAAC,IAAI,CAAA;;yBAES,KAAK;;;2BAGH,IAAI,CAAC,OAAO;wBACf,IAAI,CAAC,IAAW;;;;gBAIxB,IAAI,CAAC,QAAQ;gBACb,CAAC,CAAC,EAAE;gBACJ,CAAC,CAAC,IAAI,CAAA;;;;+BAIS,CAAC,GAAU,EAAE,EAAE;oBACtB,GAAG,CAAC,cAAc,EAAE,CAAC;oBACrB,GAAG,CAAC,eAAe,EAAE,CAAC;oBAEtB,MAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC;oBAC7B,MAAM,MAAM,GAAG,GAAG,CAAC,aAAkC,CAAC;oBAEtD,MAAM,CAAC,MAAM,GAAG,eAAe,CAAC;oBAChC,MAAM,CAAC,IAAI,GAAG,EAAE,CAAC;oBACjB,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;gBACtB,CAAC;;;;mBAIJ;aACN;YACH,CAAC,CAAC,EAAE;;mDAEqC,KAAK;;;;uBAIjC,IAAI,CAAC,OAAO;oBACf,IAAI,CAAC,cAAqB;;;;;KAKzC,CAAC;IACJ,CAAC;IAED,IAAY,QAAQ;QAClB,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,OAAO,CAAe,CAAC;IAC9D,CAAC;IAED,IAAY,cAAc;QACxB,OAAO,IAAI,QAAQ,CACjB,KAAK,EACL,qBAAqB,IAAI,CAAC,IAAI,wGAAwG,IAAI,CAAC,IAAI,KAAK,CACrI,CAAC;IACpB,CAAC;CACF","sourcesContent":["import type { PropertyDeclarations, TemplateResult } from 'lit-element';\nimport type { CollectionPage } from '../../public';\nimport type { ItemRenderer } from '../../public/CollectionPage/types';\nimport type { FormDialog } from '../../index';\n\nimport { InternalControl } from '../InternalControl/InternalControl';\nimport { classMap } from '../../../utils/class-map';\nimport { html } from 'lit-element';\n\n/**\n * Internal control displaying a collapsible card with\n * optionally editable hAPI collection items.\n *\n * @tag foxy-internal-async-details-control\n * @since 1.17.0\n */\nexport class InternalAsyncDetailsControl extends InternalControl {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      related: { type: Array },\n      first: { type: String },\n      limit: { type: Number },\n      form: { type: String },\n      item: { type: String },\n      open: { type: Boolean },\n    };\n  }\n\n  /** Same as the `related` property of `NucleonElement`. */\n  related = [] as string[];\n\n  /** Limit query parameter to apply to the `first` URL. */\n  limit = 20;\n\n  /** URI of the first page of the hAPI collection to display. */\n  first = '';\n\n  /** Same as the `form` property of `FormDialog`. If set, will open a dialog on item click. */\n  form: FormDialog['form'] = '';\n\n  /** Same as the `item` property of `CollectionPage`. */\n  item: CollectionPage<any>['item'] = '';\n\n  /** Same as the `open` property of `InternalDetails`. */\n  open = false;\n\n  private __itemRenderer: ItemRenderer = ctx => {\n    if (!this.form || !ctx.data) return this.__cardRenderer(ctx);\n\n    const isDisabled = this.disabledSelector.matches('card', true);\n\n    return html`\n      <button\n        ?disabled=${isDisabled}\n        class=${classMap({\n          'focus-outline-none focus-ring-2 focus-ring-inset focus-ring-primary-50': true,\n          'text-left w-full block transition-colors': true,\n          'hover-bg-contrast-5': !isDisabled,\n        })}\n        @click=${(evt: Event) => {\n          const button = evt.currentTarget as HTMLButtonElement;\n          const dialog = this.__dialog;\n\n          dialog.header = 'header_update';\n          dialog.href = ctx.href;\n          dialog.show(button);\n        }}\n      >\n        ${this.__cardRenderer(ctx)}\n      </button>\n    `;\n  };\n\n  renderControl(): TemplateResult {\n    let first: string;\n\n    try {\n      const url = new URL(this.first);\n      url.searchParams.set('limit', String(this.limit));\n      first = url.toString();\n    } catch {\n      first = this.first;\n    }\n\n    return html`\n      <foxy-internal-details\n        summary=\"title\"\n        infer=\"\"\n        ?open=${this.open}\n        @toggle=${(evt: Event) =>\n          (this.open = (evt.currentTarget as InternalAsyncDetailsControl).open)}\n      >\n        ${this.form\n          ? html`\n              <foxy-form-dialog\n                parent=${first}\n                infer=\"dialog\"\n                id=\"form\"\n                .related=${this.related}\n                .form=${this.form as any}\n              >\n              </foxy-form-dialog>\n\n              ${this.readonly\n                ? ''\n                : html`\n                    <button\n                      class=\"h-xs w-xs rounded-full text-success flex items-center justify-center text-l focus-outline-none focus-ring-2 focus-ring-primary-50\"\n                      slot=\"actions\"\n                      @click=${(evt: Event) => {\n                        evt.preventDefault();\n                        evt.stopPropagation();\n\n                        const dialog = this.__dialog;\n                        const button = evt.currentTarget as HTMLButtonElement;\n\n                        dialog.header = 'header_create';\n                        dialog.href = '';\n                        dialog.show(button);\n                      }}\n                    >\n                      <iron-icon class=\"icon-inline\" icon=\"icons:add\"></iron-icon>\n                    </button>\n                  `}\n            `\n          : ''}\n\n        <foxy-pagination class=\"px-m pb-s\" first=${first} infer=\"pagination\">\n          <foxy-collection-page\n            class=\"-mx-m block divide-y divide-contrast-10 mb-s\"\n            infer=\"card\"\n            .related=${this.related}\n            .item=${this.__itemRenderer as any}\n          >\n          </foxy-collection-page>\n        </foxy-pagination>\n      </foxy-internal-details>\n    `;\n  }\n\n  private get __dialog() {\n    return this.renderRoot.querySelector('#form') as FormDialog;\n  }\n\n  private get __cardRenderer() {\n    return new Function(\n      'ctx',\n      `return ctx.html\\`<${this.item} related=\\${JSON.stringify(ctx.related)} parent=\\${ctx.parent} class=\"p-m\" infer href=\\${ctx.href}></${this.item}>\\``\n    ) as ItemRenderer;\n  }\n}\n"]}
+{"version":3,"file":"InternalAsyncDetailsControl.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalAsyncDetailsControl/InternalAsyncDetailsControl.ts"],"names":[],"mappings":"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","sourcesContent":["import type { PropertyDeclarations, TemplateResult } from 'lit-element';\nimport type { CollectionPage } from '../../public';\nimport type { ItemRenderer } from '../../public/CollectionPage/types';\nimport type { FormDialog } from '../../index';\n\nimport { InternalControl } from '../InternalControl/InternalControl';\nimport { classMap } from '../../../utils/class-map';\nimport { html } from 'lit-element';\n\n/**\n * Internal control displaying a collapsible card with\n * optionally editable hAPI collection items.\n *\n * @element foxy-internal-async-details-control\n * @since 1.17.0\n */\nexport class InternalAsyncDetailsControl extends InternalControl {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      related: { type: Array },\n      first: { type: String },\n      limit: { type: Number },\n      form: { type: String },\n      item: { type: String },\n      open: { type: Boolean },\n    };\n  }\n\n  /** Same as the `related` property of `NucleonElement`. */\n  related = [] as string[];\n\n  /** Limit query parameter to apply to the `first` URL. */\n  limit = 20;\n\n  /** URI of the first page of the hAPI collection to display. */\n  first = '';\n\n  /** Same as the `form` property of `FormDialog`. If set, will open a dialog on item click. */\n  form: FormDialog['form'] = '';\n\n  /** Same as the `item` property of `CollectionPage`. */\n  item: CollectionPage<any>['item'] = '';\n\n  /** Same as the `open` property of `InternalDetails`. */\n  open = false;\n\n  private __cachedCardRenderer: {\n    item: InternalAsyncDetailsControl['item'];\n    render: ItemRenderer;\n  } | null = null;\n\n  private __itemRenderer: ItemRenderer = ctx => {\n    if (!this.form || !ctx.data) return this.__cardRenderer(ctx);\n\n    const isDisabled = this.disabledSelector.matches('card', true);\n\n    return html`\n      <button\n        ?disabled=${isDisabled}\n        class=${classMap({\n          'focus-outline-none focus-ring-2 focus-ring-inset focus-ring-primary-50': true,\n          'text-left w-full block transition-colors': true,\n          'hover-bg-contrast-5': !isDisabled,\n        })}\n        @click=${(evt: Event) => {\n          const button = evt.currentTarget as HTMLButtonElement;\n          const dialog = this.__dialog;\n\n          dialog.header = 'header_update';\n          dialog.href = ctx.href;\n          dialog.show(button);\n        }}\n      >\n        ${this.__cardRenderer(ctx)}\n      </button>\n    `;\n  };\n\n  renderControl(): TemplateResult {\n    let first: string;\n\n    try {\n      const url = new URL(this.first);\n      url.searchParams.set('limit', String(this.limit));\n      first = url.toString();\n    } catch {\n      first = this.first;\n    }\n\n    return html`\n      <foxy-internal-details\n        summary=\"title\"\n        infer=\"\"\n        ?open=${this.open}\n        @toggle=${(evt: Event) =>\n          (this.open = (evt.currentTarget as InternalAsyncDetailsControl).open)}\n      >\n        ${this.form\n          ? html`\n              <foxy-form-dialog\n                parent=${first}\n                infer=\"dialog\"\n                id=\"form\"\n                .related=${this.related}\n                .form=${this.form as any}\n              >\n              </foxy-form-dialog>\n\n              ${this.readonly\n                ? ''\n                : html`\n                    <button\n                      class=\"h-xs w-xs rounded-full text-success flex items-center justify-center text-l focus-outline-none focus-ring-2 focus-ring-primary-50\"\n                      slot=\"actions\"\n                      ?disabled=${this.disabled}\n                      @click=${(evt: Event) => {\n                        evt.preventDefault();\n                        evt.stopPropagation();\n\n                        const dialog = this.__dialog;\n                        const button = evt.currentTarget as HTMLButtonElement;\n\n                        dialog.header = 'header_create';\n                        dialog.href = '';\n                        dialog.show(button);\n                      }}\n                    >\n                      <iron-icon class=\"icon-inline\" icon=\"icons:add\"></iron-icon>\n                    </button>\n                  `}\n            `\n          : ''}\n\n        <foxy-pagination class=\"px-m pb-s\" first=${first} infer=\"pagination\">\n          <foxy-collection-page\n            class=\"-mx-m block divide-y divide-contrast-10 mb-s\"\n            infer=\"card\"\n            .related=${this.related}\n            .item=${this.__itemRenderer as any}\n          >\n          </foxy-collection-page>\n        </foxy-pagination>\n      </foxy-internal-details>\n    `;\n  }\n\n  private get __dialog() {\n    return this.renderRoot.querySelector('#form') as FormDialog;\n  }\n\n  private get __cardRenderer() {\n    if (this.__cachedCardRenderer?.item !== this.item) {\n      this.__cachedCardRenderer = {\n        item: this.item,\n        render: new Function(\n          'ctx',\n          `return ctx.html\\`<${this.item} related=\\${JSON.stringify(ctx.related)} parent=\\${ctx.parent} class=\"p-m\" infer href=\\${ctx.href}></${this.item}>\\``\n        ) as ItemRenderer,\n      };\n    }\n\n    return this.__cachedCardRenderer.render;\n  }\n}\n"]}

package/dist/elements/internal/InternalAsyncDetailsControl/index.d.ts

@@ -2,6 +2,7 @@ import '../../public/CollectionPage/index';
 import '../../public/FormDialog/index';
 import '../../public/Pagination/index';
 import '../../public/I18n/index';
+import '../InternalControl/index';
 import '../InternalDetails/index';
 import { InternalAsyncDetailsControl as Control } from './InternalAsyncDetailsControl';
 export { Control as InternalAsyncDetailsControl };

package/dist/elements/internal/InternalAsyncDetailsControl/index.js

@@ -2,6 +2,7 @@ import "../../public/CollectionPage/index.js";
 import "../../public/FormDialog/index.js";
 import "../../public/Pagination/index.js";
 import "../../public/I18n/index.js";
+import "../InternalControl/index.js";
 import "../InternalDetails/index.js";
 import { InternalAsyncDetailsControl as Control } from "./InternalAsyncDetailsControl.js";
 customElements.define('foxy-internal-async-details-control', Control);

package/dist/elements/internal/InternalAsyncDetailsControl/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalAsyncDetailsControl/index.ts"],"names":[],"mappings":"AAAA,8CAA2C;AAC3C,0CAAuC;AACvC,0CAAuC;AACvC,oCAAiC;AAEjC,qCAAkC;AAElC,OAAO,EAAE,2BAA2B,IAAI,OAAO,EAAE,yCAAsC;AAEvF,cAAc,CAAC,MAAM,CAAC,qCAAqC,EAAE,OAAO,CAAC,CAAC;AAEtE,OAAO,EAAE,OAAO,IAAI,2BAA2B,EAAE,CAAC","sourcesContent":["import '../../public/CollectionPage/index';\nimport '../../public/FormDialog/index';\nimport '../../public/Pagination/index';\nimport '../../public/I18n/index';\n\nimport '../InternalDetails/index';\n\nimport { InternalAsyncDetailsControl as Control } from './InternalAsyncDetailsControl';\n\ncustomElements.define('foxy-internal-async-details-control', Control);\n\nexport { Control as InternalAsyncDetailsControl };\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalAsyncDetailsControl/index.ts"],"names":[],"mappings":"AAAA,8CAA2C;AAC3C,0CAAuC;AACvC,0CAAuC;AACvC,oCAAiC;AAEjC,qCAAkC;AAClC,qCAAkC;AAElC,OAAO,EAAE,2BAA2B,IAAI,OAAO,EAAE,yCAAsC;AAEvF,cAAc,CAAC,MAAM,CAAC,qCAAqC,EAAE,OAAO,CAAC,CAAC;AAEtE,OAAO,EAAE,OAAO,IAAI,2BAA2B,EAAE,CAAC","sourcesContent":["import '../../public/CollectionPage/index';\nimport '../../public/FormDialog/index';\nimport '../../public/Pagination/index';\nimport '../../public/I18n/index';\n\nimport '../InternalControl/index';\nimport '../InternalDetails/index';\n\nimport { InternalAsyncDetailsControl as Control } from './InternalAsyncDetailsControl';\n\ncustomElements.define('foxy-internal-async-details-control', Control);\n\nexport { Control as InternalAsyncDetailsControl };\n"]}