@uploadcare/file-uploader 1.27.1 → 1.28.0-alpha.1

package/web/uc-img.min.js

@@ -1,8 +1,895 @@
 /**
- * @license
- * Package: @uploadcare/file-uploader@1.27.1 (MIT)
- * License: https://github.com/uploadcare/blob/main/LICENSE
- * Built: 2026-02-16T22:58:00.959Z
- */
-var Kt=n=>{if(typeof n!="string"||!n)return "";let t=n.trim();return t.startsWith("-/")?t=t.slice(2):t.startsWith("/")&&(t=t.slice(1)),t.endsWith("/")&&(t=t.slice(0,t.length-1)),t},Vt=(...n)=>n.filter(t=>typeof t=="string"&&!!t).map(t=>Kt(t)).join("/-/"),lt=(...n)=>{let t=Vt(...n);return t?`-/${t}/`:""};function ct(n){let t=new URL(n),e=t.pathname+t.search+t.hash,s=e.lastIndexOf("http"),i=e.lastIndexOf("/"),r="";return s>=0?r=e.slice(s):i>=0&&(r=e.slice(i+1)),r}function Bt(n){let t=new URL(n),e=ct(n),s=ht(e)?pt(e).pathname:e;return t.pathname=t.pathname.replace(s,""),t.search="",t.hash="",t.toString()}function ht(n){return n.startsWith("http")}function pt(n){let t=new URL(n);return {pathname:`${t.origin}${t.pathname??""}`,search:t.search??"",hash:t.hash??""}}var S=(n,t,e)=>{let s=new URL(Bt(n)),i=e??ct(n),r=t??"";if(s.pathname.startsWith("//")&&(s.pathname=s.pathname.replace("//","/")),i&&ht(i)){let o=pt(i);s.pathname=`${s.pathname}${r}${o.pathname||""}`,s.search=o.search,s.hash=o.hash;}else s.pathname=`${s.pathname}${r}${i||""}`;return s.toString()},H=(n,t)=>{let e=new URL(n);return e.pathname=`${t}/`,e.toString()};var dt=(n,t=",")=>n.trim().split(t).map(e=>e.trim()).filter(e=>e.length>0);var Ht=n=>n;function ut(n,t={},e={}){let{openToken:s="{{",closeToken:i="}}",transform:r=Ht}=e;for(let o in t){let l=t[o],a=l?.toString(),h=typeof a=="string"?r(a):String(a);n=n.replaceAll(s+o+i,h);}return n}var mt=n=>[...new Set(n)];var b="--uc-img-",W="unresolved";var F=!window.location.host.trim()||window.location.host.includes(":")||window.location.hostname.includes("localhost"),Q=3e3,q=5e3,G=Object.freeze({PREVIEW:"PREVIEW",MAIN:"MAIN"});var L=globalThis,j=L.ShadowRoot&&(L.ShadyCSS===void 0||L.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,gt=Symbol(),ft=new WeakMap,k=class{constructor(t,e,s){if(this.St=true,s!==gt)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e;}get styleSheet(){let t=this.o,e=this.t;if(j&&t===void 0){let s=e!==void 0&&e.length===1;s&&(t=ft.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),s&&ft.set(e,t));}return t}toString(){return this.cssText}},yt=n=>new k(typeof n=="string"?n:n+"",void 0,gt);var bt=(n,t)=>{if(j)n.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(let e of t){let s=document.createElement("style"),i=L.litNonce;i!==void 0&&s.setAttribute("nonce",i),s.textContent=e.cssText,n.appendChild(s);}},J=j?n=>n:n=>n instanceof CSSStyleSheet?(t=>{let e="";for(let s of t.cssRules)e+=s.cssText;return yt(e)})(n):n;var{is:Wt,defineProperty:Ft,getOwnPropertyDescriptor:Qt,getOwnPropertyNames:qt,getOwnPropertySymbols:Gt,getPrototypeOf:Jt}=Object,N=globalThis,vt=N.trustedTypes,Xt=vt?vt.emptyScript:"",Zt=N.reactiveElementPolyfillSupport,$=(n,t)=>n,X={toAttribute(n,t){switch(t){case Boolean:n=n?Xt:null;break;case Object:case Array:n=n==null?n:JSON.stringify(n);}return n},fromAttribute(n,t){let e=n;switch(t){case Boolean:e=n!==null;break;case Number:e=n===null?null:Number(n);break;case Object:case Array:try{e=JSON.parse(n);}catch{e=null;}}return e}},wt=(n,t)=>!Wt(n,t),xt={attribute:true,type:String,converter:X,reflect:false,useDefault:false,hasChanged:wt};Symbol.metadata??=Symbol("metadata"),N.litPropertyMetadata??=new WeakMap;var m=class extends HTMLElement{static addInitializer(t){this.G(),(this.l??=[]).push(t);}static get observedAttributes(){return this.finalize(),this.S&&[...this.S.keys()]}static createProperty(t,e=xt){if(e.state&&(e.attribute=false),this.G(),this.prototype.hasOwnProperty(t)&&((e=Object.create(e)).wrapped=true),this.elementProperties.set(t,e),!e.noAccessor){let s=Symbol(),i=this.getPropertyDescriptor(t,s,e);i!==void 0&&Ft(this.prototype,t,i);}}static getPropertyDescriptor(t,e,s){let{get:i,set:r}=Qt(this.prototype,t)??{get(){return this[e]},set(o){this[e]=o;}};return {get:i,set(o){let l=i?.call(this);r?.call(this,o),this.requestUpdate(t,l,s);},configurable:true,enumerable:true}}static getPropertyOptions(t){return this.elementProperties.get(t)??xt}static G(){if(this.hasOwnProperty($("elementProperties")))return;let t=Jt(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties);}static finalize(){if(this.hasOwnProperty($("finalized")))return;if(this.finalized=true,this.G(),this.hasOwnProperty($("properties"))){let e=this.properties,s=[...qt(e),...Gt(e)];for(let i of s)this.createProperty(i,e[i]);}let t=this[Symbol.metadata];if(t!==null){let e=litPropertyMetadata.get(t);if(e!==void 0)for(let[s,i]of e)this.elementProperties.set(s,i);}this.S=new Map;for(let[e,s]of this.elementProperties){let i=this.J(e,s);i!==void 0&&this.S.set(i,e);}this.elementStyles=this.finalizeStyles(this.styles);}static finalizeStyles(t){let e=[];if(Array.isArray(t)){let s=new Set(t.flat(1/0).reverse());for(let i of s)e.unshift(J(i));}else t!==void 0&&e.push(J(t));return e}static J(t,e){let s=e.attribute;return s===false?void 0:typeof s=="string"?s:typeof t=="string"?t.toLowerCase():void 0}constructor(){super(),this._=void 0,this.isUpdatePending=false,this.hasUpdated=false,this.f=null,this.Ct();}Ct(){this.X=new Promise(t=>this.enableUpdating=t),this.c=new Map,this.Tt(),this.requestUpdate(),this.constructor.l?.forEach(t=>t(this));}addController(t){(this.x??=new Set).add(t),this.renderRoot!==void 0&&this.isConnected&&t.hostConnected?.();}removeController(t){this.x?.delete(t);}Tt(){let t=new Map,e=this.constructor.elementProperties;for(let s of e.keys())this.hasOwnProperty(s)&&(t.set(s,this[s]),delete this[s]);t.size>0&&(this._=t);}createRenderRoot(){let t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return bt(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(true),this.x?.forEach(t=>t.hostConnected?.());}enableUpdating(t){}disconnectedCallback(){this.x?.forEach(t=>t.hostDisconnected?.());}attributeChangedCallback(t,e,s){this.Z(t,s);}Pt(t,e){let s=this.constructor.elementProperties.get(t),i=this.constructor.J(t,s);if(i!==void 0&&s.reflect===true){let r=(s.converter?.toAttribute!==void 0?s.converter:X).toAttribute(e,s.type);this.f=t,r==null?this.removeAttribute(i):this.setAttribute(i,r),this.f=null;}}Z(t,e){let s=this.constructor,i=s.S.get(t);if(i!==void 0&&this.f!==i){let r=s.getPropertyOptions(i),o=typeof r.converter=="function"?{fromAttribute:r.converter}:r.converter?.fromAttribute!==void 0?r.converter:X;this.f=i;let l=o.fromAttribute(e,r.type);this[i]=l??this.Y?.get(i)??l,this.f=null;}}requestUpdate(t,e,s,i=false,r){if(t!==void 0){let o=this.constructor;if(i===false&&(r=this[t]),s??=o.getPropertyOptions(t),!((s.hasChanged??wt)(r,e)||s.useDefault&&s.reflect&&r===this.Y?.get(t)&&!this.hasAttribute(o.J(t,s))))return;this.C(t,e,s);}this.isUpdatePending===false&&(this.X=this.$t());}C(t,e,{useDefault:s,reflect:i,wrapped:r},o){s&&!(this.Y??=new Map).has(t)&&(this.Y.set(t,o??e??this[t]),r!==true||o!==void 0)||(this.c.has(t)||(this.hasUpdated||s||(e=void 0),this.c.set(t,e)),i===true&&this.f!==t&&(this.lt??=new Set).add(t));}async $t(){this.isUpdatePending=true;try{await this.X;}catch(e){Promise.reject(e);}let t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._){for(let[i,r]of this._)this[i]=r;this._=void 0;}let s=this.constructor.elementProperties;if(s.size>0)for(let[i,r]of s){let{wrapped:o}=r,l=this[i];o!==true||this.c.has(i)||l===void 0||this.C(i,void 0,r,l);}}let t=false,e=this.c;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),this.x?.forEach(s=>s.hostUpdate?.()),this.update(e)):this.tt();}catch(s){throw t=false,this.tt(),s}t&&this.Ot(e);}willUpdate(t){}Ot(t){this.x?.forEach(e=>e.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=true,this.firstUpdated(t)),this.updated(t);}tt(){this.c=new Map,this.isUpdatePending=false;}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this.X}shouldUpdate(t){return  true}update(t){this.lt&&=this.lt.forEach(e=>this.Pt(e,this[e])),this.tt();}updated(t){}firstUpdated(t){}};m.elementStyles=[],m.shadowRootOptions={mode:"open"},m[$("elementProperties")]=new Map,m[$("finalized")]=new Map,Zt?.({ReactiveElement:m}),(N.reactiveElementVersions??=[]).push("2.1.2");var nt=globalThis,Et=n=>n,_=nt.trustedTypes,St=_?_.createPolicy("lit-html",{createHTML:n=>n}):void 0,At="$lit$",g=`lit$${Math.random().toFixed(9).slice(2)}$`,Ut="?"+g,Yt=`<${Ut}>`,w=document,A=()=>w.createComment(""),U=n=>n===null||typeof n!="object"&&typeof n!="function",rt=Array.isArray,te=n=>rt(n)||typeof n?.[Symbol.iterator]=="function",Z=`[ \f\r]`,O=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Ct=/-->/g,Tt=/>/g,v=RegExp(`>|${Z}(?:([^\\s"'>=/]+)(${Z}*=${Z}*(?:[^ \f\r"'\`<>=]|("|')|))|$)`,"g"),Pt=/'/g,$t=/"/g,Rt=/^(?:script|style|textarea|title)$/i,E=Symbol.for("lit-noChange"),d=Symbol.for("lit-nothing"),Ot=new WeakMap,x=w.createTreeWalker(w,129);function Mt(n,t){if(!rt(n)||!n.hasOwnProperty("raw"))throw Error("invalid template strings array");return St!==void 0?St.createHTML(t):t}var ee=(n,t)=>{let e=n.length-1,s=[],i,r=t===2?"<svg>":t===3?"<math>":"",o=O;for(let l=0;l<e;l++){let a=n[l],h,p,c=-1,u=0;for(;u<a.length&&(o.lastIndex=u,p=o.exec(a),p!==null);)u=o.lastIndex,o===O?p[1]==="!--"?o=Ct:p[1]!==void 0?o=Tt:p[2]!==void 0?(Rt.test(p[2])&&(i=RegExp("</"+p[2],"g")),o=v):p[3]!==void 0&&(o=v):o===v?p[0]===">"?(o=i??O,c=-1):p[1]===void 0?c=-2:(c=o.lastIndex-p[2].length,h=p[1],o=p[3]===void 0?v:p[3]==='"'?$t:Pt):o===$t||o===Pt?o=v:o===Ct||o===Tt?o=O:(o=v,i=void 0);let f=o===v&&n[l+1].startsWith("/>")?" ":"";r+=o===O?a+Yt:c>=0?(s.push(h),a.slice(0,c)+At+a.slice(c)+g+f):a+g+(c===-2?l:f);}return [Mt(n,r+(n[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),s]},R=class n{constructor({strings:t,et:e},s){let i;this.parts=[];let r=0,o=0,l=t.length-1,a=this.parts,[h,p]=ee(t,e);if(this.el=n.createElement(h,s),x.currentNode=this.el.content,e===2||e===3){let c=this.el.content.firstChild;c.replaceWith(...c.childNodes);}for(;(i=x.nextNode())!==null&&a.length<l;){if(i.nodeType===1){if(i.hasAttributes())for(let c of i.getAttributeNames())if(c.endsWith(At)){let u=p[o++],f=i.getAttribute(c).split(g),I=/([.?@])?(.*)/.exec(u);a.push({type:1,index:r,name:I[2],strings:f,ctor:I[1]==="."?tt:I[1]==="?"?et:I[1]==="@"?st:T}),i.removeAttribute(c);}else c.startsWith(g)&&(a.push({type:6,index:r}),i.removeAttribute(c));if(Rt.test(i.tagName)){let c=i.textContent.split(g),u=c.length-1;if(u>0){i.textContent=_?_.emptyScript:"";for(let f=0;f<u;f++)i.append(c[f],A()),x.nextNode(),a.push({type:2,index:++r});i.append(c[u],A());}}}else if(i.nodeType===8)if(i.data===Ut)a.push({type:2,index:r});else {let c=-1;for(;(c=i.data.indexOf(g,c+1))!==-1;)a.push({type:7,index:r}),c+=g.length-1;}r++;}}static createElement(t,e){let s=w.createElement("template");return s.innerHTML=t,s}};function C(n,t,e=n,s){if(t===E)return t;let i=s!==void 0?e.At?.[s]:e.Ut,r=U(t)?void 0:t.zt;return i?.constructor!==r&&(i?.Kt?.(false),r===void 0?i=void 0:(i=new r(n),i.Vt(n,e,s)),s!==void 0?(e.At??=[])[s]=i:e.Ut=i),i!==void 0&&(t=C(n,i.Bt(n,t.values),i,s)),t}var Y=class{constructor(t,e){this.ct=[],this.st=void 0,this.ht=t,this.i=e;}get parentNode(){return this.i.parentNode}get d(){return this.i.d}u(t){let{el:{content:e},parts:s}=this.ht,i=(t?.creationScope??w).importNode(e,true);x.currentNode=i;let r=x.nextNode(),o=0,l=0,a=s[0];for(;a!==void 0;){if(o===a.index){let h;a.type===2?h=new M(r,r.nextSibling,this,t):a.type===1?h=new a.ctor(r,a.name,a.strings,this,t):a.type===6&&(h=new it(r,this,t)),this.ct.push(h),a=s[++l];}o!==a?.index&&(r=x.nextNode(),o++);}return x.currentNode=w,i}p(t){let e=0;for(let s of this.ct)s!==void 0&&(s.strings!==void 0?(s.m(t,s,e),e+=s.strings.length-2):s.m(t[e])),e++;}},M=class n{get d(){return this.i?.d??this.pt}constructor(t,e,s,i){this.type=2,this.e=d,this.st=void 0,this.w=t,this.z=e,this.i=s,this.options=i,this.pt=i?.isConnected??true;}get parentNode(){let t=this.w.parentNode,e=this.i;return e!==void 0&&t?.nodeType===11&&(t=e.parentNode),t}get startNode(){return this.w}get endNode(){return this.z}m(t,e=this){t=C(this,t,e),U(t)?t===d||t==null||t===""?(this.e!==d&&this.K(),this.e=d):t!==this.e&&t!==E&&this.dt(t):t.et!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):te(t)?this.k(t):this.dt(t);}O(t){return this.w.parentNode.insertBefore(t,this.z)}T(t){this.e!==t&&(this.K(),this.e=this.O(t));}dt(t){this.e!==d&&U(this.e)?this.w.nextSibling.data=t:this.T(w.createTextNode(t)),this.e=t;}$(t){let{values:e,et:s}=t,i=typeof s=="number"?this.Rt(t):(s.el===void 0&&(s.el=R.createElement(Mt(s.h,s.h[0]),this.options)),s);if(this.e?.ht===i)this.e.p(e);else {let r=new Y(i,this),o=r.u(this.options);r.p(e),this.T(o),this.e=r;}}Rt(t){let e=Ot.get(t.strings);return e===void 0&&Ot.set(t.strings,e=new R(t)),e}k(t){rt(this.e)||(this.e=[],this.K());let e=this.e,s,i=0;for(let r of t)i===e.length?e.push(s=new n(this.O(A()),this.O(A()),this,this.options)):s=e[i],s.m(r),i++;i<e.length&&(this.K(s&&s.z.nextSibling,i),e.length=i);}K(t=this.w.nextSibling,e){for(this.Mt?.(false,true,e);t!==this.z;){let s=Et(t).nextSibling;Et(t).remove(),t=s;}}setConnected(t){this.i===void 0&&(this.pt=t,this.Mt?.(t));}},T=class{get tagName(){return this.element.tagName}get d(){return this.i.d}constructor(t,e,s,i,r){this.type=1,this.e=d,this.st=void 0,this.element=t,this.name=e,this.i=i,this.options=r,s.length>2||s[0]!==""||s[1]!==""?(this.e=Array(s.length-1).fill(new String),this.strings=s):this.e=d;}m(t,e=this,s,i){let r=this.strings,o=false;if(r===void 0)t=C(this,t,e,0),o=!U(t)||t!==this.e&&t!==E,o&&(this.e=t);else {let l=t,a,h;for(t=r[0],a=0;a<r.length-1;a++)h=C(this,l[s+a],e,a),h===E&&(h=this.e[a]),o||=!U(h)||h!==this.e[a],h===d?t=d:t!==d&&(t+=(h??"")+r[a+1]),this.e[a]=h;}o&&!i&&this.j(t);}j(t){t===d?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"");}},tt=class extends T{constructor(){super(...arguments),this.type=3;}j(t){this.element[this.name]=t===d?void 0:t;}},et=class extends T{constructor(){super(...arguments),this.type=4;}j(t){this.element.toggleAttribute(this.name,!!t&&t!==d);}},st=class extends T{constructor(t,e,s,i,r){super(t,e,s,i,r),this.type=5;}m(t,e=this){if((t=C(this,t,e,0)??d)===E)return;let s=this.e,i=t===d&&s!==d||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,r=t!==d&&(s===d||i);i&&this.element.removeEventListener(this.name,this,s),r&&this.element.addEventListener(this.name,this,t),this.e=t;}handleEvent(t){typeof this.e=="function"?this.e.call(this.options?.host??this.element,t):this.e.handleEvent(t);}},it=class{constructor(t,e,s){this.element=t,this.type=6,this.st=void 0,this.i=e,this.options=s;}get d(){return this.i.d}m(t){C(this,t);}};var se=nt.litHtmlPolyfillSupport;se?.(R,M),(nt.litHtmlVersions??=[]).push("3.3.2");var It=(n,t,e)=>{let s=e?.renderBefore??t,i=s.It;if(i===void 0){let r=e?.renderBefore??null;s.It=i=new M(t.insertBefore(A(),r),r,void 0,e??{});}return i.m(n),i};var at=globalThis,y=class extends m{constructor(){super(...arguments),this.renderOptions={host:this},this.it=void 0;}createRenderRoot(){let t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){let e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this.it=It(e,this.renderRoot,this.renderOptions);}connectedCallback(){super.connectedCallback(),this.it?.setConnected(true);}disconnectedCallback(){super.disconnectedCallback(),this.it?.setConnected(false);}render(){return E}};y.Ht=true,y.finalized=true,at.litElementHydrateSupport?.({LitElement:y});var ie=at.litElementPolyfillSupport;ie?.({LitElement:y});(at.litElementVersions??=[]).push("4.2.2");var Lt="1.27.1";var kt="blocks",jt=Lt;var re=/\\([0-9a-fA-F]{1,6} ?)/g;function oe(n){return n.length<2?false:(n[0]==='"'||n[0]==="'")&&(n[n.length-1]==='"'||n[n.length-1]==="'")}function ae(n){let t=n;return (t[0]==='"'||t[0]==="'")&&(t=t.slice(1)),(t[t.length-1]==='"'||t[t.length-1]==="'")&&(t=t.slice(0,-1)),t}function le(n){let t="",e="";for(let s=0;s<n.length;s++){let i=n[s+1];n[s]==="\\"&&i==='"'?(t+='\\"',s++):n[s]==='"'&&e!=="\\"?t+='\\"':t+=n[s],e=n[s]??"";}return t}function Nt(n){let t=n;oe(n)&&(t=ae(t),t=t.replace(re,(e,s)=>String.fromCodePoint(parseInt(s.trim(),16))),t=t.replaceAll(`\\ `,"\\n"),t=le(t),t='"'+t+'"');try{return JSON.parse(t)}catch{return}}function _t(n){class t extends n{constructor(){super(...arguments);this.ut=null;this.nt=null;}getCssData(i,r=false){let o=this.ut??Object.create(null);if(!Object.keys(o).includes(i)||!o[i]){this.nt||(this.nt=window.getComputedStyle(this));let l=this.nt.getPropertyValue(i).trim();try{o[i]=Nt(l);}catch(a){r||console.warn(`CSS Data error: ${i}`,a),o[i]=null;}}return this.ut=o,o[i]}}return t}function Dt(n){class t extends n{static reg(s){let i=this,r=window.customElements.get(s);if(r){r!==i&&console.warn([`Element with tag name "${s}" already registered.`,`You're trying to override it with another class "${this.name}".`,"This is most likely a mistake.","New element will not be registered."].join(` `));return}window.customElements.define(s,i);}}return t}var ce="https://ucarecdn.com",P=Object.freeze({"dev-mode":{},pubkey:{},uuid:{},src:{},lazy:{default:1},intersection:{},breakpoints:{},"cdn-cname":{default:ce},"proxy-cname":{},"secure-delivery-proxy":{},"hi-res-support":{default:1},"ultra-res-support":{},format:{},"cdn-operations":{},progressive:{},quality:{},"is-background-for":{},"is-preview-blur":{default:1}});var D=class extends _t(Dt(y)){constructor(){super();this.g={};this.y=new Map;this.b=null;this.W=null;for(let e in P){let s=P[e];this.g[b+e]=s?.default||"";}}createRenderRoot(){return this}$$(e){return this.g[b+e]}set$$(e){for(let s in e){let i=b+s,r=e[s];this.g[i]=r,this.mt(i,r);}}sub$$(e,s){let i=b+e;this.y.has(i)||this.y.set(i,new Set),this.y.get(i)?.add(s);let r=this.g[i];r!==null&&r!==""&&s(r);}mt(e,s){this.y.has(e)&&this.y.get(e)?.forEach(i=>{s===null||s===""||i(s);});}analyticsParams(){return `-/@clib/${kt}/${jt}/uc-img/`}initAttributes(e){Array.from(this.attributes).forEach(s=>{let i=s;P[i.name]||e.setAttribute(i.name,i.value);});}initIntersection(e,s){let i={root:null,rootMargin:"0px"};this.b=new IntersectionObserver(r=>{r.forEach(o=>{o.isIntersecting&&(s(),this.b?.unobserve(e));});},i),this.b.observe(e),this.W||(this.W=new Set),this.W.add(e);}connectedCallback(){super.connectedCallback(),this.Lt();}Lt(){for(let e in P){let s=b+e,i=this.getCssData(s,true);i!=null&&(this.g[s]=i);}}disconnectedCallback(){super.disconnectedCallback(),this.b&&(this.W?.forEach(e=>{this.b?.unobserve(e);}),this.b=null),this.y.clear();}static get observedAttributes(){return Object.keys(P)}attributeChangedCallback(e,s,i){window.setTimeout(()=>{let r=b+e;this.g[r]=i,this.mt(r,i);});}};var zt=n=>Object.entries(n).filter(([t,e])=>e!==void 0&&e!=="").map(([t,e])=>t==="cdn-operations"||t==="analytics"?e:`${t}/${e}`);var V=class extends D{constructor(){super(...arguments);this.r=new Image;this.n=new Image;}ft(e){return !e.includes("//")&&!F&&(e=new URL(e,document.baseURI).href),e}Q(e){if(!e)return;let s=e,i=s.match(/\d+/)?.[0],r=s.match(/[a-zA-Z]+/)?.[0];if(!i||!r)return;let o=parseInt(i,10);return Number(o)>q&&this.gt?q+r:Number(o)>Q&&!this.gt?Q+r:e}kt(e,s){let i={format:this.rt("format"),quality:this.rt("quality"),resize:this.Q(e),blur:s,"cdn-operations":this.rt("cdn-operations")??void 0,analytics:this.analyticsParams()};return lt(...zt(i))}rt(e){let s=this.$$(e);if(s==null||typeof s=="string"||typeof s=="number"||typeof s=="boolean")return s}s(e="",s=""){let i=this.$$("src");if(i.startsWith("data:")||i.startsWith("blob:"))return i;if(F&&i&&!i.includes("//"))return this.E(i);let r=this.kt(e,s),o=this.$$("cdn-cname"),l=o;if(i.startsWith(String(o)))return S(i,r);let a=this.$$("uuid");if(l&&a)return this.E(S(H(l,a),r));if(a)return this.E(S(H(l,a),r));let h=this.$$("proxy-cname");if(h)return this.E(S(h,r,this.ft(i)));let p=this.$$("pubkey");if(p)return this.E(S(`https://${p}.ucr.io/`,r,this.ft(i)))}E(e){let s=this.$$("secure-delivery-proxy");return s?ut(s,{previewUrl:e},{transform:i=>window.encodeURIComponent(i)}):e}v(e,s=1,i=true){let r=e.getBoundingClientRect(),o=s*Math.round(r.width),l=i?"":s*Math.round(r.height);return o||l?`${o||""}x${l||""}`:null}jt(e){let s=r=>{r.stopPropagation();let o=new Event(r.type,r);this.dispatchEvent(o);},i=["load","error"];for(let r of i)e.addEventListener(r,s);}get img(){return this.a||(this.ot({elNode:this.r}),this.appendChild(this.r)),this.r}get q(){return this.a?{type:G.PREVIEW,img:this.n}:{type:G.MAIN,img:this.img}}get a(){return this.$$("is-preview-blur")}get yt(){return this.$$("is-background-for")}get bt(){let e=this.$$("breakpoints");if(e){let s=dt(e);return mt(s.map(i=>parseInt(i,10)))}else return null}get gt(){return this.$$("format").toLowerCase()==="jpeg"}vt(e){let s=new Set;s.add(`url("${this.s(this.v(e))}") 1x`),this.$$("hi-res-support")&&s.add(`url("${this.s(this.v(e,2))}") ${2}x`),this.$$("ultra-res-support")&&s.add(`url("${this.s(this.v(e,3))}") ${3}x`);let i=`image-set(${[...s].join(", ")})`;e.style.setProperty("background-image",i),e.style.setProperty("background-image",`-webkit-${i}`);}xt(){let e=new Set;return this.bt?this.bt.forEach(s=>{e.add(`${this.s(`${s}x`)} ${this.Q(`${s}w`)}`),this.$$("hi-res-support")&&e.add(`${this.s(`${s*2}x`)} ${this.Q(`${s*2}w`)}`),this.$$("ultra-res-support")&&e.add(`${this.s(`${s*3}x`)} ${this.Q(`${s*3}w`)}`);}):(e.add(`${this.s(this.v(this.q.img))} 1x`),this.$$("hi-res-support")&&e.add(`${this.s(this.v(this.q.img,2))} 2x`),this.$$("ultra-res-support")&&e.add(`${this.s(this.v(this.q.img,3))} 3x`)),[...e].join()}wt(){return this.s()}get Et(){return this.s("100x","100")}Nt(){let e=this.yt;[...document.querySelectorAll(e)].forEach(s=>{this.$$("intersection")?this.initIntersection(s,()=>{this.vt(s);}):this.vt(s);});}_t({elNode:e,src:s,srcset:i}){s&&(e.src=s),i&&(e.srcset=i);}ot({elNode:e}){this.jt(e),this.initAttributes(e);}at({src:e,srcset:s,elNode:i}){return new Promise((r,o)=>{this.ot({elNode:i}),i.setAttribute(W,""),i.addEventListener("load",()=>{i.removeAttribute(W),r(i);}),i.addEventListener("error",()=>{o(false);}),this._t({elNode:i,src:e,srcset:s});})}async Dt(){if(this.$$("intersection")){this.a&&(this.ot({elNode:this.n}),this.appendChild(this.n)),this.initIntersection(this.q.img,async()=>{this.a&&(this.n.src=this.Et);try{await this.at({src:this.wt(),srcset:this.xt(),elNode:this.r}),this.a&&await this.n.remove(),this.appendChild(this.r);}catch{this.a&&await this.n?.remove(),this.appendChild(this.r);}});return}try{this.a&&(await this.at({src:this.Et,elNode:this.n}),this.appendChild(this.n)),await this.at({src:this.wt(),srcset:this.xt(),elNode:this.r}),this.a&&await this.n?.remove(),this.appendChild(this.r);}catch{this.a&&await this.n?.remove(),this.appendChild(this.r);}}init(){this.yt?this.Nt():this.Dt();}};var B=class extends V{connectedCallback(){super.connectedCallback(),this.sub$$("src",()=>{this.init();}),this.sub$$("uuid",()=>{this.init();}),this.sub$$("lazy",t=>{!this.$$("is-background-for")&&!this.$$("is-preview-blur")&&(this.img.loading=t?"lazy":"eager");});}};B.reg("uc-img");/*! For license information please see uc-img.min.js.LEGAL.txt */
-export{B as Img};
+* @license
+* Package: @uploadcare/file-uploader@1.28.0-alpha.1 (MIT)
+* License: https://github.com/uploadcare/blob/main/LICENSE
+* Built: 2026-03-02T20:26:17.187Z
+*/
+const normalizeCdnOperation = (b) => {
+	if (typeof b != "string" || !b) return "";
+	let j = b.trim();
+	return j.startsWith("-/") ? j = j.slice(2) : j.startsWith("/") && (j = j.slice(1)), j.endsWith("/") && (j = j.slice(0, j.length - 1)), j;
+}, joinCdnOperations = (...j) => j.filter((b) => typeof b == "string" && !!b).map((j) => normalizeCdnOperation(j)).join("/-/"), createCdnUrlModifiers = (...b) => {
+	let F = joinCdnOperations(...b);
+	return F ? `-/${F}/` : "";
+};
+function extractFilename(b) {
+	let j = new URL(b), F = j.pathname + j.search + j.hash, U = F.lastIndexOf("http"), W = F.lastIndexOf("/"), G = "";
+	return U >= 0 ? G = F.slice(U) : W >= 0 && (G = F.slice(W + 1)), G;
+}
+function trimFilename(b) {
+	let j = new URL(b), F = extractFilename(b), W = isFileUrl(F) ? splitFileUrl(F).pathname : F;
+	return j.pathname = j.pathname.replace(W, ""), j.search = "", j.hash = "", j.toString();
+}
+function isFileUrl(b) {
+	return b.startsWith("http");
+}
+function splitFileUrl(b) {
+	let j = new URL(b);
+	return {
+		pathname: `${j.origin}${j.pathname ?? ""}`,
+		search: j.search ?? "",
+		hash: j.hash ?? ""
+	};
+}
+const createCdnUrl = (b, j, F) => {
+	let q = new URL(trimFilename(b)), J = F ?? extractFilename(b), Y = j ?? "";
+	if (q.pathname.startsWith("//") && (q.pathname = q.pathname.replace("//", "/")), J && isFileUrl(J)) {
+		let b = splitFileUrl(J);
+		q.pathname = `${q.pathname}${Y}${b.pathname || ""}`, q.search = b.search, q.hash = b.hash;
+	} else q.pathname = `${q.pathname}${Y}${J || ""}`;
+	return q.toString();
+}, createOriginalUrl = (b, j) => {
+	let F = new URL(b);
+	return F.pathname = `${j}/`, F.toString();
+}, stringToArray = (b, j = ",") => b.trim().split(j).map((b) => b.trim()).filter((b) => b.length > 0);
+var DEFAULT_TRANSFORMER = (b) => b, OPEN_TOKEN = "{{", CLOSE_TOKEN = "}}";
+function applyTemplateData(b, j = {}, F = {}) {
+	let { openToken: U = OPEN_TOKEN, closeToken: W = CLOSE_TOKEN, transform: G = DEFAULT_TRANSFORMER } = F;
+	for (let F in j) {
+		let K = j[F]?.toString(), q = typeof K == "string" ? G(K) : String(K);
+		b = b.replaceAll(U + F + W, q);
+	}
+	return b;
+}
+const uniqueArray = (b) => [...new Set(b)], CSS_PREF = "--uc-img-", UNRESOLVED_ATTR = "unresolved", DEV_MODE = !window.location.host.trim() || window.location.host.includes(":") || window.location.hostname.includes("localhost"), ImgTypeEnum = Object.freeze({
+	PREVIEW: "PREVIEW",
+	MAIN: "MAIN"
+});
+/**
+* @license
+* Copyright 2019 Google LLC
+* SPDX-License-Identifier: BSD-3-Clause
+*/
+var t$1 = globalThis, e$2 = t$1.ShadowRoot && (t$1.ShadyCSS === void 0 || t$1.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, s$2 = Symbol(), o$3 = /* @__PURE__ */ new WeakMap(), n$2 = class {
+	constructor(b, j, F) {
+		if (this._$cssResult$ = !0, F !== s$2) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+		this.cssText = b, this.t = j;
+	}
+	get styleSheet() {
+		let b = this.o, j = this.t;
+		if (e$2 && b === void 0) {
+			let F = j !== void 0 && j.length === 1;
+			F && (b = o$3.get(j)), b === void 0 && ((this.o = b = new CSSStyleSheet()).replaceSync(this.cssText), F && o$3.set(j, b));
+		}
+		return b;
+	}
+	toString() {
+		return this.cssText;
+	}
+}, r$2 = (b) => new n$2(typeof b == "string" ? b : b + "", void 0, s$2), S$1 = (b, j) => {
+	if (e$2) b.adoptedStyleSheets = j.map((b) => b instanceof CSSStyleSheet ? b : b.styleSheet);
+	else for (let F of j) {
+		let j = document.createElement("style"), U = t$1.litNonce;
+		U !== void 0 && j.setAttribute("nonce", U), j.textContent = F.cssText, b.appendChild(j);
+	}
+}, c$1 = e$2 ? (b) => b : (b) => b instanceof CSSStyleSheet ? ((b) => {
+	let j = "";
+	for (let F of b.cssRules) j += F.cssText;
+	return r$2(j);
+})(b) : b, { is: i$2, defineProperty: e$1, getOwnPropertyDescriptor: h$1, getOwnPropertyNames: r$1, getOwnPropertySymbols: o$2, getPrototypeOf: n$1 } = Object, a$1 = globalThis, c$2 = a$1.trustedTypes, l$1 = c$2 ? c$2.emptyScript : "", p$1 = a$1.reactiveElementPolyfillSupport, d$1 = (b, j) => b, u$1 = {
+	toAttribute(b, j) {
+		switch (j) {
+			case Boolean:
+				b = b ? l$1 : null;
+				break;
+			case Object:
+			case Array: b = b == null ? b : JSON.stringify(b);
+		}
+		return b;
+	},
+	fromAttribute(b, j) {
+		let F = b;
+		switch (j) {
+			case Boolean:
+				F = b !== null;
+				break;
+			case Number:
+				F = b === null ? null : Number(b);
+				break;
+			case Object:
+			case Array: try {
+				F = JSON.parse(b);
+			} catch {
+				F = null;
+			}
+		}
+		return F;
+	}
+}, f$1 = (b, j) => !i$2(b, j), b$1 = {
+	attribute: !0,
+	type: String,
+	converter: u$1,
+	reflect: !1,
+	useDefault: !1,
+	hasChanged: f$1
+};
+Symbol.metadata ??= Symbol("metadata"), a$1.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
+var y = class extends HTMLElement {
+	static addInitializer(b) {
+		this._$Ei(), (this.l ??= []).push(b);
+	}
+	static get observedAttributes() {
+		return this.finalize(), this._$Eh && [...this._$Eh.keys()];
+	}
+	static createProperty(b, j = b$1) {
+		if (j.state && (j.attribute = !1), this._$Ei(), this.prototype.hasOwnProperty(b) && ((j = Object.create(j)).wrapped = !0), this.elementProperties.set(b, j), !j.noAccessor) {
+			let F = Symbol(), U = this.getPropertyDescriptor(b, F, j);
+			U !== void 0 && e$1(this.prototype, b, U);
+		}
+	}
+	static getPropertyDescriptor(b, j, F) {
+		let { get: U, set: W } = h$1(this.prototype, b) ?? {
+			get() {
+				return this[j];
+			},
+			set(b) {
+				this[j] = b;
+			}
+		};
+		return {
+			get: U,
+			set(j) {
+				let G = U?.call(this);
+				W?.call(this, j), this.requestUpdate(b, G, F);
+			},
+			configurable: !0,
+			enumerable: !0
+		};
+	}
+	static getPropertyOptions(b) {
+		return this.elementProperties.get(b) ?? b$1;
+	}
+	static _$Ei() {
+		if (this.hasOwnProperty(d$1("elementProperties"))) return;
+		let b = n$1(this);
+		b.finalize(), b.l !== void 0 && (this.l = [...b.l]), this.elementProperties = new Map(b.elementProperties);
+	}
+	static finalize() {
+		if (this.hasOwnProperty(d$1("finalized"))) return;
+		if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(d$1("properties"))) {
+			let b = this.properties, j = [...r$1(b), ...o$2(b)];
+			for (let F of j) this.createProperty(F, b[F]);
+		}
+		let b = this[Symbol.metadata];
+		if (b !== null) {
+			let j = litPropertyMetadata.get(b);
+			if (j !== void 0) for (let [b, F] of j) this.elementProperties.set(b, F);
+		}
+		this._$Eh = /* @__PURE__ */ new Map();
+		for (let [b, j] of this.elementProperties) {
+			let F = this._$Eu(b, j);
+			F !== void 0 && this._$Eh.set(F, b);
+		}
+		this.elementStyles = this.finalizeStyles(this.styles);
+	}
+	static finalizeStyles(b) {
+		let j = [];
+		if (Array.isArray(b)) {
+			let F = new Set(b.flat(Infinity).reverse());
+			for (let b of F) j.unshift(c$1(b));
+		} else b !== void 0 && j.push(c$1(b));
+		return j;
+	}
+	static _$Eu(b, j) {
+		let F = j.attribute;
+		return !1 === F ? void 0 : typeof F == "string" ? F : typeof b == "string" ? b.toLowerCase() : void 0;
+	}
+	constructor() {
+		super(), this._$Ep = void 0, this.isUpdatePending = !1, this.hasUpdated = !1, this._$Em = null, this._$Ev();
+	}
+	_$Ev() {
+		this._$ES = new Promise((b) => this.enableUpdating = b), this._$AL = /* @__PURE__ */ new Map(), this._$E_(), this.requestUpdate(), this.constructor.l?.forEach((b) => b(this));
+	}
+	addController(b) {
+		(this._$EO ??= /* @__PURE__ */ new Set()).add(b), this.renderRoot !== void 0 && this.isConnected && b.hostConnected?.();
+	}
+	removeController(b) {
+		this._$EO?.delete(b);
+	}
+	_$E_() {
+		let b = /* @__PURE__ */ new Map(), j = this.constructor.elementProperties;
+		for (let F of j.keys()) this.hasOwnProperty(F) && (b.set(F, this[F]), delete this[F]);
+		b.size > 0 && (this._$Ep = b);
+	}
+	createRenderRoot() {
+		let b = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
+		return S$1(b, this.constructor.elementStyles), b;
+	}
+	connectedCallback() {
+		this.renderRoot ??= this.createRenderRoot(), this.enableUpdating(!0), this._$EO?.forEach((b) => b.hostConnected?.());
+	}
+	enableUpdating(b) {}
+	disconnectedCallback() {
+		this._$EO?.forEach((b) => b.hostDisconnected?.());
+	}
+	attributeChangedCallback(b, j, F) {
+		this._$AK(b, F);
+	}
+	_$ET(b, j) {
+		let F = this.constructor.elementProperties.get(b), U = this.constructor._$Eu(b, F);
+		if (U !== void 0 && !0 === F.reflect) {
+			let W = (F.converter?.toAttribute === void 0 ? u$1 : F.converter).toAttribute(j, F.type);
+			this._$Em = b, W == null ? this.removeAttribute(U) : this.setAttribute(U, W), this._$Em = null;
+		}
+	}
+	_$AK(b, j) {
+		let F = this.constructor, U = F._$Eh.get(b);
+		if (U !== void 0 && this._$Em !== U) {
+			let b = F.getPropertyOptions(U), W = typeof b.converter == "function" ? { fromAttribute: b.converter } : b.converter?.fromAttribute === void 0 ? u$1 : b.converter;
+			this._$Em = U;
+			let G = W.fromAttribute(j, b.type);
+			this[U] = G ?? this._$Ej?.get(U) ?? G, this._$Em = null;
+		}
+	}
+	requestUpdate(b, j, F, U = !1, W) {
+		if (b !== void 0) {
+			let G = this.constructor;
+			if (!1 === U && (W = this[b]), F ??= G.getPropertyOptions(b), !((F.hasChanged ?? f$1)(W, j) || F.useDefault && F.reflect && W === this._$Ej?.get(b) && !this.hasAttribute(G._$Eu(b, F)))) return;
+			this.C(b, j, F);
+		}
+		!1 === this.isUpdatePending && (this._$ES = this._$EP());
+	}
+	C(b, j, { useDefault: F, reflect: U, wrapped: W }, G) {
+		F && !(this._$Ej ??= /* @__PURE__ */ new Map()).has(b) && (this._$Ej.set(b, G ?? j ?? this[b]), !0 !== W || G !== void 0) || (this._$AL.has(b) || (this.hasUpdated || F || (j = void 0), this._$AL.set(b, j)), !0 === U && this._$Em !== b && (this._$Eq ??= /* @__PURE__ */ new Set()).add(b));
+	}
+	async _$EP() {
+		this.isUpdatePending = !0;
+		try {
+			await this._$ES;
+		} catch (b) {
+			Promise.reject(b);
+		}
+		let b = this.scheduleUpdate();
+		return b != null && await b, !this.isUpdatePending;
+	}
+	scheduleUpdate() {
+		return this.performUpdate();
+	}
+	performUpdate() {
+		if (!this.isUpdatePending) return;
+		if (!this.hasUpdated) {
+			if (this.renderRoot ??= this.createRenderRoot(), this._$Ep) {
+				for (let [b, j] of this._$Ep) this[b] = j;
+				this._$Ep = void 0;
+			}
+			let b = this.constructor.elementProperties;
+			if (b.size > 0) for (let [j, F] of b) {
+				let { wrapped: b } = F, U = this[j];
+				!0 !== b || this._$AL.has(j) || U === void 0 || this.C(j, void 0, F, U);
+			}
+		}
+		let b = !1, j = this._$AL;
+		try {
+			b = this.shouldUpdate(j), b ? (this.willUpdate(j), this._$EO?.forEach((b) => b.hostUpdate?.()), this.update(j)) : this._$EM();
+		} catch (j) {
+			throw b = !1, this._$EM(), j;
+		}
+		b && this._$AE(j);
+	}
+	willUpdate(b) {}
+	_$AE(b) {
+		this._$EO?.forEach((b) => b.hostUpdated?.()), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(b)), this.updated(b);
+	}
+	_$EM() {
+		this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = !1;
+	}
+	get updateComplete() {
+		return this.getUpdateComplete();
+	}
+	getUpdateComplete() {
+		return this._$ES;
+	}
+	shouldUpdate(b) {
+		return !0;
+	}
+	update(b) {
+		this._$Eq &&= this._$Eq.forEach((b) => this._$ET(b, this[b])), this._$EM();
+	}
+	updated(b) {}
+	firstUpdated(b) {}
+};
+y.elementStyles = [], y.shadowRootOptions = { mode: "open" }, y[d$1("elementProperties")] = /* @__PURE__ */ new Map(), y[d$1("finalized")] = /* @__PURE__ */ new Map(), p$1?.({ ReactiveElement: y }), (a$1.reactiveElementVersions ??= []).push("2.1.2");
+/**
+* @license
+* Copyright 2017 Google LLC
+* SPDX-License-Identifier: BSD-3-Clause
+*/
+var t = globalThis, i$1 = (b) => b, s$1 = t.trustedTypes, e = s$1 ? s$1.createPolicy("lit-html", { createHTML: (b) => b }) : void 0, h = "$lit$", o$1 = `lit$${Math.random().toFixed(9).slice(2)}$`, n = "?" + o$1, r = `<${n}>`, l = document, c = () => l.createComment(""), a = (b) => b === null || typeof b != "object" && typeof b != "function", u = Array.isArray, d = (b) => u(b) || typeof b?.[Symbol.iterator] == "function", f = "[ 	\n\f\r]", v = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, _ = /-->/g, m = />/g, p = RegExp(`>|${f}(?:([^\\s"'>=/]+)(${f}*=${f}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`, "g"), g = /'/g, $ = /"/g, y$1 = /^(?:script|style|textarea|title)$/i, E = Symbol.for("lit-noChange"), A = Symbol.for("lit-nothing"), C = /* @__PURE__ */ new WeakMap(), P = l.createTreeWalker(l, 129);
+function V(b, j) {
+	if (!u(b) || !b.hasOwnProperty("raw")) throw Error("invalid template strings array");
+	return e === void 0 ? j : e.createHTML(j);
+}
+var N = (b, j) => {
+	let F = b.length - 1, U = [], W, G = j === 2 ? "<svg>" : j === 3 ? "<math>" : "", K = v;
+	for (let j = 0; j < F; j++) {
+		let F = b[j], q, J, Y = -1, X = 0;
+		for (; X < F.length && (K.lastIndex = X, J = K.exec(F), J !== null);) X = K.lastIndex, K === v ? J[1] === "!--" ? K = _ : J[1] === void 0 ? J[2] === void 0 ? J[3] !== void 0 && (K = p) : (y$1.test(J[2]) && (W = RegExp("</" + J[2], "g")), K = p) : K = m : K === p ? J[0] === ">" ? (K = W ?? v, Y = -1) : J[1] === void 0 ? Y = -2 : (Y = K.lastIndex - J[2].length, q = J[1], K = J[3] === void 0 ? p : J[3] === "\"" ? $ : g) : K === $ || K === g ? K = p : K === _ || K === m ? K = v : (K = p, W = void 0);
+		let Q = K === p && b[j + 1].startsWith("/>") ? " " : "";
+		G += K === v ? F + r : Y >= 0 ? (U.push(q), F.slice(0, Y) + h + F.slice(Y) + o$1 + Q) : F + o$1 + (Y === -2 ? j : Q);
+	}
+	return [V(b, G + (b[F] || "<?>") + (j === 2 ? "</svg>" : j === 3 ? "</math>" : "")), U];
+}, S = class b {
+	constructor({ strings: j, _$litType$: F }, U) {
+		let W;
+		this.parts = [];
+		let G = 0, K = 0, q = j.length - 1, J = this.parts, [Y, X] = N(j, F);
+		if (this.el = b.createElement(Y, U), P.currentNode = this.el.content, F === 2 || F === 3) {
+			let b = this.el.content.firstChild;
+			b.replaceWith(...b.childNodes);
+		}
+		for (; (W = P.nextNode()) !== null && J.length < q;) {
+			if (W.nodeType === 1) {
+				if (W.hasAttributes()) for (let b of W.getAttributeNames()) if (b.endsWith(h)) {
+					let j = X[K++], F = W.getAttribute(b).split(o$1), U = /([.?@])?(.*)/.exec(j);
+					J.push({
+						type: 1,
+						index: G,
+						name: U[2],
+						strings: F,
+						ctor: U[1] === "." ? I : U[1] === "?" ? L : U[1] === "@" ? z : H
+					}), W.removeAttribute(b);
+				} else b.startsWith(o$1) && (J.push({
+					type: 6,
+					index: G
+				}), W.removeAttribute(b));
+				if (y$1.test(W.tagName)) {
+					let b = W.textContent.split(o$1), j = b.length - 1;
+					if (j > 0) {
+						W.textContent = s$1 ? s$1.emptyScript : "";
+						for (let F = 0; F < j; F++) W.append(b[F], c()), P.nextNode(), J.push({
+							type: 2,
+							index: ++G
+						});
+						W.append(b[j], c());
+					}
+				}
+			} else if (W.nodeType === 8) if (W.data === n) J.push({
+				type: 2,
+				index: G
+			});
+			else {
+				let b = -1;
+				for (; (b = W.data.indexOf(o$1, b + 1)) !== -1;) J.push({
+					type: 7,
+					index: G
+				}), b += o$1.length - 1;
+			}
+			G++;
+		}
+	}
+	static createElement(b, j) {
+		let F = l.createElement("template");
+		return F.innerHTML = b, F;
+	}
+};
+function M(b, j, F = b, U) {
+	if (j === E) return j;
+	let W = U === void 0 ? F._$Cl : F._$Co?.[U], G = a(j) ? void 0 : j._$litDirective$;
+	return W?.constructor !== G && (W?._$AO?.(!1), G === void 0 ? W = void 0 : (W = new G(b), W._$AT(b, F, U)), U === void 0 ? F._$Cl = W : (F._$Co ??= [])[U] = W), W !== void 0 && (j = M(b, W._$AS(b, j.values), W, U)), j;
+}
+var R = class {
+	constructor(b, j) {
+		this._$AV = [], this._$AN = void 0, this._$AD = b, this._$AM = j;
+	}
+	get parentNode() {
+		return this._$AM.parentNode;
+	}
+	get _$AU() {
+		return this._$AM._$AU;
+	}
+	u(b) {
+		let { el: { content: j }, parts: F } = this._$AD, U = (b?.creationScope ?? l).importNode(j, !0);
+		P.currentNode = U;
+		let W = P.nextNode(), G = 0, K = 0, q = F[0];
+		for (; q !== void 0;) {
+			if (G === q.index) {
+				let j;
+				q.type === 2 ? j = new k(W, W.nextSibling, this, b) : q.type === 1 ? j = new q.ctor(W, q.name, q.strings, this, b) : q.type === 6 && (j = new Z(W, this, b)), this._$AV.push(j), q = F[++K];
+			}
+			G !== q?.index && (W = P.nextNode(), G++);
+		}
+		return P.currentNode = l, U;
+	}
+	p(b) {
+		let j = 0;
+		for (let F of this._$AV) F !== void 0 && (F.strings === void 0 ? F._$AI(b[j]) : (F._$AI(b, F, j), j += F.strings.length - 2)), j++;
+	}
+}, k = class b {
+	get _$AU() {
+		return this._$AM?._$AU ?? this._$Cv;
+	}
+	constructor(b, j, F, U) {
+		this.type = 2, this._$AH = A, this._$AN = void 0, this._$AA = b, this._$AB = j, this._$AM = F, this.options = U, this._$Cv = U?.isConnected ?? !0;
+	}
+	get parentNode() {
+		let b = this._$AA.parentNode, j = this._$AM;
+		return j !== void 0 && b?.nodeType === 11 && (b = j.parentNode), b;
+	}
+	get startNode() {
+		return this._$AA;
+	}
+	get endNode() {
+		return this._$AB;
+	}
+	_$AI(b, j = this) {
+		b = M(this, b, j), a(b) ? b === A || b == null || b === "" ? (this._$AH !== A && this._$AR(), this._$AH = A) : b !== this._$AH && b !== E && this._(b) : b._$litType$ === void 0 ? b.nodeType === void 0 ? d(b) ? this.k(b) : this._(b) : this.T(b) : this.$(b);
+	}
+	O(b) {
+		return this._$AA.parentNode.insertBefore(b, this._$AB);
+	}
+	T(b) {
+		this._$AH !== b && (this._$AR(), this._$AH = this.O(b));
+	}
+	_(b) {
+		this._$AH !== A && a(this._$AH) ? this._$AA.nextSibling.data = b : this.T(l.createTextNode(b)), this._$AH = b;
+	}
+	$(b) {
+		let { values: j, _$litType$: F } = b, U = typeof F == "number" ? this._$AC(b) : (F.el === void 0 && (F.el = S.createElement(V(F.h, F.h[0]), this.options)), F);
+		if (this._$AH?._$AD === U) this._$AH.p(j);
+		else {
+			let b = new R(U, this), F = b.u(this.options);
+			b.p(j), this.T(F), this._$AH = b;
+		}
+	}
+	_$AC(b) {
+		let j = C.get(b.strings);
+		return j === void 0 && C.set(b.strings, j = new S(b)), j;
+	}
+	k(j) {
+		u(this._$AH) || (this._$AH = [], this._$AR());
+		let F = this._$AH, U, W = 0;
+		for (let G of j) W === F.length ? F.push(U = new b(this.O(c()), this.O(c()), this, this.options)) : U = F[W], U._$AI(G), W++;
+		W < F.length && (this._$AR(U && U._$AB.nextSibling, W), F.length = W);
+	}
+	_$AR(b = this._$AA.nextSibling, j) {
+		for (this._$AP?.(!1, !0, j); b !== this._$AB;) {
+			let j = i$1(b).nextSibling;
+			i$1(b).remove(), b = j;
+		}
+	}
+	setConnected(b) {
+		this._$AM === void 0 && (this._$Cv = b, this._$AP?.(b));
+	}
+}, H = class {
+	get tagName() {
+		return this.element.tagName;
+	}
+	get _$AU() {
+		return this._$AM._$AU;
+	}
+	constructor(b, j, F, U, W) {
+		this.type = 1, this._$AH = A, this._$AN = void 0, this.element = b, this.name = j, this._$AM = U, this.options = W, F.length > 2 || F[0] !== "" || F[1] !== "" ? (this._$AH = Array(F.length - 1).fill(/* @__PURE__ */ new String()), this.strings = F) : this._$AH = A;
+	}
+	_$AI(b, j = this, F, U) {
+		let W = this.strings, G = !1;
+		if (W === void 0) b = M(this, b, j, 0), G = !a(b) || b !== this._$AH && b !== E, G && (this._$AH = b);
+		else {
+			let U = b, K, q;
+			for (b = W[0], K = 0; K < W.length - 1; K++) q = M(this, U[F + K], j, K), q === E && (q = this._$AH[K]), G ||= !a(q) || q !== this._$AH[K], q === A ? b = A : b !== A && (b += (q ?? "") + W[K + 1]), this._$AH[K] = q;
+		}
+		G && !U && this.j(b);
+	}
+	j(b) {
+		b === A ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, b ?? "");
+	}
+}, I = class extends H {
+	constructor() {
+		super(...arguments), this.type = 3;
+	}
+	j(b) {
+		this.element[this.name] = b === A ? void 0 : b;
+	}
+}, L = class extends H {
+	constructor() {
+		super(...arguments), this.type = 4;
+	}
+	j(b) {
+		this.element.toggleAttribute(this.name, !!b && b !== A);
+	}
+}, z = class extends H {
+	constructor(b, j, F, U, W) {
+		super(b, j, F, U, W), this.type = 5;
+	}
+	_$AI(b, j = this) {
+		if ((b = M(this, b, j, 0) ?? A) === E) return;
+		let F = this._$AH, U = b === A && F !== A || b.capture !== F.capture || b.once !== F.once || b.passive !== F.passive, W = b !== A && (F === A || U);
+		U && this.element.removeEventListener(this.name, this, F), W && this.element.addEventListener(this.name, this, b), this._$AH = b;
+	}
+	handleEvent(b) {
+		typeof this._$AH == "function" ? this._$AH.call(this.options?.host ?? this.element, b) : this._$AH.handleEvent(b);
+	}
+}, Z = class {
+	constructor(b, j, F) {
+		this.element = b, this.type = 6, this._$AN = void 0, this._$AM = j, this.options = F;
+	}
+	get _$AU() {
+		return this._$AM._$AU;
+	}
+	_$AI(b) {
+		M(this, b);
+	}
+}, B = t.litHtmlPolyfillSupport;
+B?.(S, k), (t.litHtmlVersions ??= []).push("3.3.2");
+var D = (b, j, F) => {
+	let U = F?.renderBefore ?? j, W = U._$litPart$;
+	if (W === void 0) {
+		let b = F?.renderBefore ?? null;
+		U._$litPart$ = W = new k(j.insertBefore(c(), b), b, void 0, F ?? {});
+	}
+	return W._$AI(b), W;
+}, s = globalThis, i = class extends y {
+	constructor() {
+		super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
+	}
+	createRenderRoot() {
+		let b = super.createRenderRoot();
+		return this.renderOptions.renderBefore ??= b.firstChild, b;
+	}
+	update(b) {
+		let j = this.render();
+		this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(b), this._$Do = D(j, this.renderRoot, this.renderOptions);
+	}
+	connectedCallback() {
+		super.connectedCallback(), this._$Do?.setConnected(!0);
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), this._$Do?.setConnected(!1);
+	}
+	render() {
+		return E;
+	}
+};
+i._$litElement$ = !0, i.finalized = !0, s.litElementHydrateSupport?.({ LitElement: i });
+var o = s.litElementPolyfillSupport;
+o?.({ LitElement: i }), (s.litElementVersions ??= []).push("4.2.2");
+var SINGLE_QUOTE = "'", DOUBLE_QUOTE = "\"", ESCAPED_PATTERN = /\\([0-9a-fA-F]{1,6} ?)/g;
+function hasLeadingTrailingQuotes(b) {
+	return b.length < 2 ? !1 : (b[0] === DOUBLE_QUOTE || b[0] === SINGLE_QUOTE) && (b[b.length - 1] === DOUBLE_QUOTE || b[b.length - 1] === SINGLE_QUOTE);
+}
+function trimQuotes(b) {
+	let j = b;
+	return (j[0] === DOUBLE_QUOTE || j[0] === SINGLE_QUOTE) && (j = j.slice(1)), (j[j.length - 1] === DOUBLE_QUOTE || j[j.length - 1] === SINGLE_QUOTE) && (j = j.slice(0, -1)), j;
+}
+function escapeQuotes(b) {
+	let j = "", F = "";
+	for (let U = 0; U < b.length; U++) {
+		let W = b[U + 1];
+		b[U] === "\\" && W === "\"" ? (j += "\\\"", U++) : b[U] === "\"" && F !== "\\" ? j += "\\\"" : j += b[U], F = b[U] ?? "";
+	}
+	return j;
+}
+function parseCssPropertyValue(b) {
+	let j = b;
+	hasLeadingTrailingQuotes(b) && (j = trimQuotes(j), j = j.replace(ESCAPED_PATTERN, (b, j) => String.fromCodePoint(parseInt(j.trim(), 16))), j = j.replaceAll("\\\n", "\\n"), j = escapeQuotes(j), j = DOUBLE_QUOTE + j + DOUBLE_QUOTE);
+	try {
+		return JSON.parse(j);
+	} catch {
+		return;
+	}
+}
+function CssDataMixin(b) {
+	class j extends b {
+		constructor(...b) {
+			super(...b), this._cssDataCache = null, this._computedStyle = null;
+		}
+		getCssData(b, j = !1) {
+			let F = this._cssDataCache ?? Object.create(null);
+			if (!Object.keys(F).includes(b) || !F[b]) {
+				this._computedStyle ||= window.getComputedStyle(this);
+				let U = this._computedStyle.getPropertyValue(b).trim();
+				try {
+					F[b] = parseCssPropertyValue(U);
+				} catch (U) {
+					j || console.warn(`CSS Data error: ${b}`, U), F[b] = null;
+				}
+			}
+			return this._cssDataCache = F, F[b];
+		}
+	}
+	return j;
+}
+function RegisterableElementMixin(b) {
+	class j extends b {
+		static reg(b) {
+			let j = this, F = window.customElements.get(b);
+			if (F) {
+				F !== j && console.warn([
+					`Element with tag name "${b}" already registered.`,
+					`You're trying to override it with another class "${this.name}".`,
+					"This is most likely a mistake.",
+					"New element will not be registered."
+				].join("\n"));
+				return;
+			}
+			window.customElements.define(b, j);
+		}
+	}
+	return j;
+}
+var DEFAULT_CDN_BASE = "https://ucarecdn.com";
+const PROPS_MAP = Object.freeze({
+	"dev-mode": {},
+	pubkey: {},
+	uuid: {},
+	src: {},
+	lazy: { default: 1 },
+	intersection: {},
+	breakpoints: {},
+	"cdn-cname": { default: DEFAULT_CDN_BASE },
+	"proxy-cname": {},
+	"secure-delivery-proxy": {},
+	"hi-res-support": { default: 1 },
+	"ultra-res-support": {},
+	format: {},
+	"cdn-operations": {},
+	progressive: {},
+	quality: {},
+	"is-background-for": {},
+	"is-preview-blur": { default: 1 }
+});
+var ImgConfig = class extends CssDataMixin(RegisterableElementMixin(i)) {
+	createRenderRoot() {
+		return this;
+	}
+	constructor() {
+		for (let b in super(), this._state = {}, this._subscribers = /* @__PURE__ */ new Map(), this._isnObserver = null, this._observed = null, PROPS_MAP) {
+			let j = PROPS_MAP[b];
+			this._state[CSS_PREF + b] = j?.default || "";
+		}
+	}
+	$$(b) {
+		return this._state[CSS_PREF + b];
+	}
+	set$$(b) {
+		for (let j in b) {
+			let F = CSS_PREF + j, U = b[j];
+			this._state[F] = U, this._notify(F, U);
+		}
+	}
+	sub$$(b, j) {
+		let F = CSS_PREF + b;
+		this._subscribers.has(F) || this._subscribers.set(F, /* @__PURE__ */ new Set()), this._subscribers.get(F)?.add(j);
+		let U = this._state[F];
+		U !== null && U !== "" && j(U);
+	}
+	_notify(b, j) {
+		this._subscribers.has(b) && this._subscribers.get(b)?.forEach((b) => {
+			j === null || j === "" || b(j);
+		});
+	}
+	analyticsParams() {
+		return "-/@clib/blocks/1.28.0-alpha.1/uc-img/";
+	}
+	initAttributes(b) {
+		Array.from(this.attributes).forEach((j) => {
+			let F = j;
+			PROPS_MAP[F.name] || b.setAttribute(F.name, F.value);
+		});
+	}
+	initIntersection(b, j) {
+		this._isnObserver = new IntersectionObserver((F) => {
+			F.forEach((F) => {
+				F.isIntersecting && (j(), this._isnObserver?.unobserve(b));
+			});
+		}, {
+			root: null,
+			rootMargin: "0px"
+		}), this._isnObserver.observe(b), this._observed ||= /* @__PURE__ */ new Set(), this._observed.add(b);
+	}
+	connectedCallback() {
+		super.connectedCallback(), this._initCssProperties();
+	}
+	_initCssProperties() {
+		for (let b in PROPS_MAP) {
+			let j = CSS_PREF + b, F = this.getCssData(j, !0);
+			F != null && (this._state[j] = F);
+		}
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), this._isnObserver &&= (this._observed?.forEach((b) => {
+			this._isnObserver?.unobserve(b);
+		}), null), this._subscribers.clear();
+	}
+	static get observedAttributes() {
+		return Object.keys(PROPS_MAP);
+	}
+	attributeChangedCallback(b, j, F) {
+		window.setTimeout(() => {
+			let j = CSS_PREF + b;
+			this._state[j] = F, this._notify(j, F);
+		});
+	}
+};
+const parseObjectToString = (b) => Object.entries(b).filter(([b, j]) => j !== void 0 && j !== "").map(([b, j]) => b === "cdn-operations" || b === "analytics" ? j : `${b}/${j}`);
+var ImgBase = class extends ImgConfig {
+	constructor(...b) {
+		super(...b), this._img = new Image(), this._imgPreview = new Image();
+	}
+	_fmtAbs(b) {
+		return !b.includes("//") && !DEV_MODE && (b = new URL(b, document.baseURI).href), b;
+	}
+	_validateSize(b) {
+		if (!b) return;
+		let j = b, F = j.match(/\d+/)?.[0], U = j.match(/[a-zA-Z]+/)?.[0];
+		if (!F || !U) return;
+		let W = parseInt(F, 10);
+		return Number(W) > 5e3 && this._hasFormatJPG ? 5e3 + U : Number(W) > 3e3 && !this._hasFormatJPG ? 3e3 + U : b;
+	}
+	_getCdnModifiers(b, j) {
+		return createCdnUrlModifiers(...parseObjectToString({
+			format: this._getTypedCssValue("format"),
+			quality: this._getTypedCssValue("quality"),
+			resize: this._validateSize(b),
+			blur: j,
+			"cdn-operations": this._getTypedCssValue("cdn-operations") ?? void 0,
+			analytics: this.analyticsParams()
+		}));
+	}
+	_getTypedCssValue(b) {
+		let j = this.$$(b);
+		if (j == null || typeof j == "string" || typeof j == "number" || typeof j == "boolean") return j;
+	}
+	_getUrlBase(b = "", j = "") {
+		let F = this.$$("src");
+		if (F.startsWith("data:") || F.startsWith("blob:")) return F;
+		if (DEV_MODE && F && !F.includes("//")) return this._proxyUrl(F);
+		let U = this._getCdnModifiers(b, j), W = this.$$("cdn-cname"), G = W;
+		if (F.startsWith(String(W))) return createCdnUrl(F, U);
+		let K = this.$$("uuid");
+		if (G && K || K) return this._proxyUrl(createCdnUrl(createOriginalUrl(G, K), U));
+		let Y = this.$$("proxy-cname");
+		if (Y) return this._proxyUrl(createCdnUrl(Y, U, this._fmtAbs(F)));
+		let X = this.$$("pubkey");
+		if (X) return this._proxyUrl(createCdnUrl(`https://${X}.ucr.io/`, U, this._fmtAbs(F)));
+	}
+	_proxyUrl(b) {
+		let j = this.$$("secure-delivery-proxy");
+		return j ? applyTemplateData(j, { previewUrl: b }, { transform: (b) => window.encodeURIComponent(b) }) : b;
+	}
+	_getElSize(b, j = 1, F = !0) {
+		let U = b.getBoundingClientRect(), W = j * Math.round(U.width), G = F ? "" : j * Math.round(U.height);
+		return W || G ? `${W || ""}x${G || ""}` : null;
+	}
+	_setupEventProxy(b) {
+		let j = (b) => {
+			b.stopPropagation();
+			let j = new Event(b.type, b);
+			this.dispatchEvent(j);
+		};
+		for (let F of ["load", "error"]) b.addEventListener(F, j);
+	}
+	get img() {
+		return this._hasPreviewImage || (this._setupConfigForImage({ elNode: this._img }), this.appendChild(this._img)), this._img;
+	}
+	get _currentImg() {
+		return this._hasPreviewImage ? {
+			type: ImgTypeEnum.PREVIEW,
+			img: this._imgPreview
+		} : {
+			type: ImgTypeEnum.MAIN,
+			img: this.img
+		};
+	}
+	get _hasPreviewImage() {
+		return this.$$("is-preview-blur");
+	}
+	get _bgSelector() {
+		return this.$$("is-background-for");
+	}
+	get _breakpoints() {
+		let b = this.$$("breakpoints");
+		return b ? uniqueArray(stringToArray(b).map((b) => parseInt(b, 10))) : null;
+	}
+	get _hasFormatJPG() {
+		return this.$$("format").toLowerCase() === "jpeg";
+	}
+	_renderBg(b) {
+		let j = /* @__PURE__ */ new Set();
+		j.add(`url("${this._getUrlBase(this._getElSize(b))}") 1x`), this.$$("hi-res-support") && j.add(`url("${this._getUrlBase(this._getElSize(b, 2))}") 2x`), this.$$("ultra-res-support") && j.add(`url("${this._getUrlBase(this._getElSize(b, 3))}") 3x`);
+		let F = `image-set(${[...j].join(", ")})`;
+		b.style.setProperty("background-image", F), b.style.setProperty("background-image", `-webkit-${F}`);
+	}
+	_getSrcset() {
+		let b = /* @__PURE__ */ new Set();
+		return this._breakpoints ? this._breakpoints.forEach((j) => {
+			b.add(`${this._getUrlBase(`${j}x`)} ${this._validateSize(`${j}w`)}`), this.$$("hi-res-support") && b.add(`${this._getUrlBase(`${j * 2}x`)} ${this._validateSize(`${j * 2}w`)}`), this.$$("ultra-res-support") && b.add(`${this._getUrlBase(`${j * 3}x`)} ${this._validateSize(`${j * 3}w`)}`);
+		}) : (b.add(`${this._getUrlBase(this._getElSize(this._currentImg.img))} 1x`), this.$$("hi-res-support") && b.add(`${this._getUrlBase(this._getElSize(this._currentImg.img, 2))} 2x`), this.$$("ultra-res-support") && b.add(`${this._getUrlBase(this._getElSize(this._currentImg.img, 3))} 3x`)), [...b].join();
+	}
+	_getSrc() {
+		return this._getUrlBase();
+	}
+	get _srcUrlPreview() {
+		return this._getUrlBase("100x", "100");
+	}
+	_renderBackground() {
+		let b = this._bgSelector;
+		[...document.querySelectorAll(b)].forEach((b) => {
+			this.$$("intersection") ? this.initIntersection(b, () => {
+				this._renderBg(b);
+			}) : this._renderBg(b);
+		});
+	}
+	_appendURL({ elNode: b, src: j, srcset: F }) {
+		j && (b.src = j), F && (b.srcset = F);
+	}
+	_setupConfigForImage({ elNode: b }) {
+		this._setupEventProxy(b), this.initAttributes(b);
+	}
+	_loaderImage({ src: b, srcset: j, elNode: F }) {
+		return new Promise((U, W) => {
+			this._setupConfigForImage({ elNode: F }), F.setAttribute(UNRESOLVED_ATTR, ""), F.addEventListener("load", () => {
+				F.removeAttribute(UNRESOLVED_ATTR), U(F);
+			}), F.addEventListener("error", () => {
+				W(!1);
+			}), this._appendURL({
+				elNode: F,
+				src: b,
+				srcset: j
+			});
+		});
+	}
+	async _renderImage() {
+		if (this.$$("intersection")) {
+			this._hasPreviewImage && (this._setupConfigForImage({ elNode: this._imgPreview }), this.appendChild(this._imgPreview)), this.initIntersection(this._currentImg.img, async () => {
+				this._hasPreviewImage && (this._imgPreview.src = this._srcUrlPreview);
+				try {
+					await this._loaderImage({
+						src: this._getSrc(),
+						srcset: this._getSrcset(),
+						elNode: this._img
+					}), this._hasPreviewImage && await this._imgPreview.remove(), this.appendChild(this._img);
+				} catch {
+					this._hasPreviewImage && await this._imgPreview?.remove(), this.appendChild(this._img);
+				}
+			});
+			return;
+		}
+		try {
+			this._hasPreviewImage && (await this._loaderImage({
+				src: this._srcUrlPreview,
+				elNode: this._imgPreview
+			}), this.appendChild(this._imgPreview)), await this._loaderImage({
+				src: this._getSrc(),
+				srcset: this._getSrcset(),
+				elNode: this._img
+			}), this._hasPreviewImage && await this._imgPreview?.remove(), this.appendChild(this._img);
+		} catch {
+			this._hasPreviewImage && await this._imgPreview?.remove(), this.appendChild(this._img);
+		}
+	}
+	init() {
+		this._bgSelector ? this._renderBackground() : this._renderImage();
+	}
+}, Img = class extends ImgBase {
+	connectedCallback() {
+		super.connectedCallback(), this.sub$$("src", () => {
+			this.init();
+		}), this.sub$$("uuid", () => {
+			this.init();
+		}), this.sub$$("lazy", (b) => {
+			!this.$$("is-background-for") && !this.$$("is-preview-blur") && (this.img.loading = b ? "lazy" : "eager");
+		});
+	}
+};
+Img.reg("uc-img");
+export { Img };