@foxy.io/elements 1.30.0-beta.6 → 1.31.0-beta.1

package/dist/cdn/shared-b980ba1d.js

@@ -1 +0,0 @@
-import"./shared-3cf043a7.js";import"./foxy-collection-page.js";import"./foxy-nucleon-element.js";import"./foxy-pagination.js";import"./shared-49ecea83.js";import{I as i}from"./shared-226dd830.js";import{m as e,_ as t}from"./shared-0f6e4584.js";import{N as s}from"./shared-24d71d01.js";import{g as r}from"./shared-bab2ea2c.js";import{i as n}from"./shared-9803aa7c.js";import{c as o}from"./shared-4e709717.js";import{h as l,c as a}from"./shared-dc73b9a5.js";let d,c,h,u,f,v=i=>i;customElements.define("foxy-internal-async-resource-link-list-control",class extends i{constructor(){super(...arguments),this.foreignKeyForUri=null,this.foreignKeyForId=null,this.ownKeyForUri=null,this.optionsHref=null,this.linksHref=null,this.embedKey=null,this.ownUri=null,this.limit=20,this.item=null,this.__getItemRenderer=e(((i,e)=>new Function("ctx",`return ctx.html\`\n        <${null!=i?i:"foxy-null"}\n          related=\${JSON.stringify(ctx.related)}\n          parent=\${ctx.parent}\n          infer=""\n          ${e?".data=${ctx.data}":"href=${ctx.href}"}\n          ...=\${ctx.spread(ctx.props)}\n        >\n        </${null!=i?i:"foxy-null"}>\``)),((...i)=>i.join())),this.__renderItem=i=>{var e,t,s,o,a;const u=this.__getItemRenderer(this.item,!!i.data),f=i=>l(d||(d=v` <div style="padding:calc(.625em + (var(--lumo-border-radius)/ 4) - 1px)">${0}</div> `),i);if(!i.href||i.href.startsWith("foxy://"))return f(u(i));let m;const y=r(null!==(t=null===(e=i.data)||void 0===e?void 0:e._links.self.href)&&void 0!==t?t:"");try{const i=new URL(null!==(s=this.linksHref)&&void 0!==s?s:"");i.searchParams.set(null!==(o=this.foreignKeyForId)&&void 0!==o?o:"",String(null!=y?y:"")),i.searchParams.set("limit","1"),m=i.toString()}catch(i){m=void 0}const p=l(c||(c=v` <foxy-nucleon infer="" href="${0}" id="link-${0}" @update="${0}"> ${0} </foxy-nucleon> `),n(m),y,(()=>this.requestUpdate()),u(i));if(this.readonly)return f(p);const g=this.renderRoot.querySelector(`#link-${y}`),_=!!(null===(a=null==g?void 0:g.data)||void 0===a?void 0:a.returned_items),x=this.disabled||!(null==g?void 0:g.in("idle"))||this.__isFetching;return f(l(h||(h=v` <vaadin-checkbox class="block" ?disabled="${0}" ?checked="${0}" @change="${0}"> <div class="transition-opacity ${0}"> ${0} </div> </vaadin-checkbox> `),x,_,(e=>{var t,s,r,n,o,l,a,d;e.currentTarget.checked?this.__insertLink(null!==(s=null===(t=i.data)||void 0===t?void 0:t._links.self.href)&&void 0!==s?s:""):this.__deleteLink(null!==(d=null===(a=null===(l=null===(n=null===(r=null==g?void 0:g.data)||void 0===r?void 0:r._embedded)||void 0===n?void 0:n[null!==(o=this.embedKey)&&void 0!==o?o:""])||void 0===l?void 0:l[0])||void 0===a?void 0:a._links.self.href)&&void 0!==d?d:"")}),x?"opacity-50":"opacity-100",p))},this.__isFetching=!1}static get properties(){return t(t({},super.properties),{},{foreignKeyForUri:{attribute:"foreign-key-for-uri"},foreignKeyForId:{attribute:"foreign-key-for-id"},ownKeyForUri:{attribute:"own-key-for-uri"},optionsHref:{attribute:"options-href"},linksHref:{attribute:"links-href"},embedKey:{attribute:"embed-key"},ownUri:{attribute:"own-uri"},limit:{type:Number},item:{},__isFetching:{attribute:!1}})}static get styles(){return[super.styles,a(u||(u=v`vaadin-checkbox::part(label){margin:0 0 0 calc(.625em + (var(--lumo-border-radius)/ 4) - 1px);align-self:center}`))]}renderControl(){var i;let e;try{const t=new URL(null!==(i=this.optionsHref)&&void 0!==i?i:"");t.searchParams.set("limit",this.limit.toString()),e=t.toString()}catch(i){e=void 0}const t=[...this.renderRoot.querySelectorAll("foxy-nucleon")],s=this.__isFetching||t.some((i=>!i.in("idle")));return l(f||(f=v` <div class="group"> <div class="${0}"> <span>${0}</span> <foxy-i18n class="transition-opacity ${0}" infer="" key="${0}"> </foxy-i18n> </div> <foxy-pagination first="${0}" infer="pagination"> <foxy-collection-page infer="card" class="${0}" .item="${0}"> </foxy-collection-page> </foxy-pagination> <div class="${0}" ?hidden="${0}"> ${0} </div> <div class="mt-xs text-xs leading-xs text-error" ?hidden="${0}"> ${0} </div> </div> `),o({"flex justify-between transition-colors mb-xs font-medium text-s":!0,"text-secondary":!this.disabled&&!this.readonly,"text-disabled":this.disabled}),this.label,s?"opacity-100":"opacity-0",this.__isFetching?"status_saving":"status_loading",n(e),o({"block transition-colors divide-y rounded overflow-hidden":!0,"divide-contrast-10 ring-1 ring-inset ring-contrast-10":!0}),this.__renderItem,o({"transition-colors mt-xs text-xs":!0,"text-secondary":!this.disabled&&!this.readonly,"text-disabled":this.disabled}),!this.helperText,this.helperText,!this._errorMessage||this.disabled||this.readonly,this._errorMessage)}updated(i){var e,t;super.updated(i),i.has("item")&&(null===(t=(e=this.__getItemRenderer.cache).clear)||void 0===t||t.call(e))}async __insertLink(i){var e,t,r,n,o,l;this.__isFetching=!0;const a=new s.API(this),d=await a.fetch(null!==(e=this.linksHref)&&void 0!==e?e:"",{method:"POST",body:JSON.stringify({[null!==(t=this.foreignKeyForUri)&&void 0!==t?t:""]:i,[null!==(r=this.ownKeyForUri)&&void 0!==r?r:""]:this.ownUri})});if(d.ok){const i=await d.json(),e=await a.fetch(i._links.self.href);if(e.ok){const t=s.Rumour(null!==(o=null===(n=this.nucleon)||void 0===n?void 0:n.group)&&void 0!==o?o:""),r=await e.json();t.share({related:[null!==(l=this.linksHref)&&void 0!==l?l:""],source:i._links.self.href,data:r})}}this.__isFetching=!1}async __deleteLink(i){var e,t,r;this.__isFetching=!0;const n=new s.API(this);if((await n.fetch(i,{method:"DELETE"})).ok){s.Rumour(null!==(t=null===(e=this.nucleon)||void 0===e?void 0:e.group)&&void 0!==t?t:"").share({related:[null!==(r=this.linksHref)&&void 0!==r?r:""],source:i,data:null})}this.__isFetching=!1}});