@optionfactory/ful 5.0.0 → 5.0.2

package/dist/ful.iife.min.js

@@ -1,2 +1,2 @@
-var ful=function(e,t){"use strict";class s{static encode(e,t){const r=t||s.URL_SAFE,i=e.byteLength,a=new Uint8Array(e);let n="";for(let e=0;e<i;e+=3){n+=r[a[e]>>2]+r[(3&a[e])<<4|a[e+1]>>4]+r[(15&a[e+1])<<2|a[e+2]>>6]+r[63&a[e+2]]}return i%3==2?n=n.substring(0,n.length-1):i%3==1&&(n=n.substring(0,n.length-2)),n}static decode(e,t){const r=t||s.URL_SAFE;let i=Math.floor(.75*e.length);for(let t=0;t!==e.length&&"="===e[e.length-t-1];++t)--i;const a=new Uint8Array(i);let n=0,l=0;for(;n<.75*e.length;){const t=r.indexOf(e.charAt(l++)),s=r.indexOf(e.charAt(l++)),i=r.indexOf(e.charAt(l++)),o=r.indexOf(e.charAt(l++));a[n++]=t<<2|s>>4,a[n++]=(15&s)<<4|i>>2,a[n++]=(3&i)<<6|o}return a.buffer}}s.STANDARD="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/",s.URL_SAFE="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789-_";class r extends Error{constructor(e,t,s){super(e,{cause:s}),this.name="Failure",this.problems=t}dropping(e){return new r(this.message,r.dropProblemsContext(this.problems,e),this)}static dropProblemsContext(e,t){return e.map(({type:e,context:s,reason:r,details:i})=>({type:e,context:s?.startsWith(t)?s.substring(t.length):s,reason:r,details:i}))}}class i{#e;#t;constructor(e,t){this.#e=e,this.#t=t}get normalized(){return`${this.#e}/${this.#t}`}get type(){return this.#e}get subtype(){return this.#t}static parse(e){if(!e)return new i("unknown","unknown");const[t,s]=e.split(";"),[r,a]=t.trim().split("/");return new i(r.toLowerCase(),a?.toLowerCase())}}class a extends r{constructor(e,t,s,r){super(e,s,r),this.name="HttpClientError",this.status=t}dropping(e){return new a(this.message,this.status,r.dropProblemsContext(this.problems,e),this)}static of(e,t){return new a(t.message,0,[{type:e,context:null,reason:t.message,details:null}],t)}static async fromResponse(e){switch(i.parse(e.headers.get("Content-Type")).normalized){case"application/failures+json":{const t=await e.json(),s=`${e.status} ${e.statusText}: ${t.length} failures`;return new a(s,e.status,t)}case"application/problem+json":{const t=await e.json(),s=`${e.status} ${e.statusText}: ${t.title} ${t.detail}`;return new a(s,e.status,t.problems||[{type:"GENERIC_PROBLEM",context:null,reason:s,details:null}])}default:{const t=await e.text(),s=`${e.status} ${e.statusText}: ${t}`;return new a(s,e.status,[{type:"GENERIC_PROBLEM",context:null,reason:s,details:null}])}}}}class n{#s;#r;constructor(){this.#s=document.querySelector("meta[name='_csrf_header']")?.getAttribute("content"),this.#r=document.querySelector("meta[name='_csrf']")?.getAttribute("content")}async intercept(e,t,s){return this.#s&&this.#r&&t.headers.set(this.#s,this.#r),await s.proceed(e,t)}}class l{#i;constructor(e){this.#i=e}async intercept(e,t,s){const r=await s.proceed(e,t);return 401===r.status&&(window.location.href=this.#i),r}}class o{#a;constructor(){this.#a=[]}withCsrfToken(){return this.#a.push(new n),this}withRedirectOnUnauthorized(e){return this.#a.push(new l(e)),this}withInterceptors(...e){return this.#a.push(...e),this}build(){return new c(this.#a)}}class u{async intercept(e,t,s){return await fetch(new Request(e,t))}}class d{#a;#n;constructor(e,t){this.#a=e,this.#n=t}async proceed(e,t){const s=this.#a[this.#n];return await s.intercept(e,t,new d(this.#a,this.#n+1))}}class c{#a;static builder(){return new o}constructor(e){this.#a=e||[]}async exchange(e,t,s){const r=[...this.#a,...s||[],new u],i=new d(r,0),a=new URL(new Request(e).url);return await i.proceed(a,t??{})}request(e,t){return p.create(this,e,t)}get(e){return p.create(this,"GET",e)}head(e){return p.create(this,"HEAD",e)}post(e){return p.create(this,"POST",e)}put(e){return p.create(this,"PUT",e)}patch(e){return p.create(this,"PATCH",e)}delete(e){return p.create(this,"DELETE",e)}}const h=async(e,t)=>{try{return await e[t]()}catch(e){throw a.of("UNMARSHALING_PROBLEM",e)}};class p{#l;#o;#u;#d;#c;#h;#p;#a;static create(e,t,s){const[r,i=""]=s.split("?");return new p(e,t,r,new URLSearchParams(i),new Headers,void 0,{},[])}constructor(e,t,s,r,i,a,n,l){this.#l=e,this.#o=t,this.#u=s,this.#d=r,this.#h=a,this.#c=i,this.#p=n,this.#a=l}headers(e){for(const[t,s]of new Headers(e).entries())null==s?this.#c.delete(t):this.#c.set(t,s);return this}header(e,t){return null==t?this.#c.delete(e):this.#c.set(e,t),this}params(e){for(const[t,s]of new URLSearchParams(e).entries())null==s?this.#d.delete(t):this.#d.set(t,s);return this}param(e,...t){if(0===t.length||null==t[0])return this.#d.delete(e),this;for(const s of t)this.#d.append(e,s);return this}body(e){return this.#h=e,this}json(e){return this.#c.set("Content-Type","application/json"),this.#h=JSON.stringify(e),this}multipart(e){const t=new FormData;return e(new f(t)),this.#h=t,this}options(e){for(const[t,s]of Object.entries(e))this.#p[t]=s;return this}option(e,t){return this.#p[e]=t,this}interceptors(e){for(const t of e)this.#a.push(t);return this}interceptor(e){return this.#a.push(e),this}async exchange(){const e=this.#d.size?`${this.#u}?${this.#d}`:this.#u,t={...this.#p,headers:this.#c,method:this.#o,body:this.#h};return await this.#l.exchange(e,t,this.#a)}async fetch(){const e=this.#d.size?`${this.#u}?${this.#d}`:this.#u,t={...this.#p,headers:this.#c,method:this.#o,body:this.#h};try{const s=await this.#l.exchange(e,t,this.#a);if(!s.ok)throw await a.fromResponse(s);return s}catch(e){if(e instanceof r)throw e;throw a.of("CONNECTION_PROBLEM",e)}}async fetchText(){const e=await this.fetch();return await h(e,"text")}async fetchJson(){const e=await this.fetch();return await h(e,"json")}async fetchBlob(){const e=await this.fetch();return await h(e,"blob")}async fetchArrayBuffer(){const e=await this.fetch();return await h(e,"arrayBuffer")}}class f{#f;constructor(e){this.#f=e}field(e,t){return this.#f.append(e,t),this}blob(e,t,s){return this.#f.append(e,t,s),this}blobs(e,t){for(let s of t)this.#f.append(e,s);return this}json(e,t,s){const r=new Blob([JSON.stringify(t)],{type:"application/json"});return this.#f.append(e,r,s),this}}class m extends Storage{static save(e,t){localStorage.setItem(e,JSON.stringify(t))}static load(e){const t=localStorage.getItem(e);return null===t?void 0:JSON.parse(t)}static remove(e){localStorage.removeItem(e)}static pop(e){const t=m.load(e);return m.remove(e),t}}class b extends Storage{static save(e,t){sessionStorage.setItem(e,JSON.stringify(t))}static load(e){const t=sessionStorage.getItem(e);return null===t?void 0:JSON.parse(t)}static remove(e){sessionStorage.removeItem(e)}static pop(e){const t=b.load(e);return b.remove(e),t}}class g{static save(e,t,s){m.save(e,{revision:t,data:s})}static load(e,t){const s=m.load(e);if(void 0!==s){if(s.revision===t)return s.data;localStorage.removeItem(e)}}}class v{static forKeycloak(e,t,s,r){return new v(e,r??"openid profile",{auth:new URL("protocol/openid-connect/auth",t),token:new URL("protocol/openid-connect/token",t),logout:new URL("protocol/openid-connect/logout",t),registration:new URL("protocol/openid-connect/registrations",t),redirect:s})}constructor(e,t,{auth:s,token:r,registration:i,logout:a,redirect:n}){this.clientId=e,this.scope=t,this.uri={auth:s,token:r,registration:i,logout:a,redirect:n}}async action(e,t){const r=s.encode(crypto.getRandomValues(new Uint8Array(32)).buffer),i=s.encode(await crypto.subtle.digest("SHA-256",(new TextEncoder).encode(r))),a=this.clientId+s.encode(crypto.getRandomValues(new Uint8Array(16)).buffer);b.save(`${v.PKCE_AND_STATE_KEY}-${this.clientId}`,{state:a,verifier:r});const n=new URL(e);n.searchParams.set("client_id",this.clientId),n.searchParams.set("redirect_uri",this.uri.redirect),n.searchParams.set("response_type","code"),n.searchParams.set("scope",this.scope),n.searchParams.set("state",a),n.searchParams.set("code_challenge",i),n.searchParams.set("code_challenge_method","S256"),Object.entries(t||{}).forEach(e=>{n.searchParams.set(e[0],e[1])}),window.location.href=n.toString()}async registration(e){await this.action(this.uri.registration,e)}async applicationInitiatedAction(e,t){await this.action(this.uri.auth,{...t,kc_action:e})}async#m(e,t){window.history.replaceState("","",this.uri.redirect);const s=b.pop(`${v.PKCE_AND_STATE_KEY}-${this.clientId}`);if(s.state!==t)throw new Error("State mismatch");const r=await fetch(this.uri.token,{method:"POST",headers:{"Content-Type":"application/x-www-form-urlencoded"},body:new URLSearchParams([["client_id",this.clientId],["code",e],["grant_type","authorization_code"],["code_verifier",s.verifier],["state",s.state],["redirect_uri",this.uri.redirect]])});if(!r.ok){const e=await r.text();throw new Error("Error:"+r.status+": "+e)}const i=await r.json();return new y(this.clientId,i,this.uri)}async ensureLoggedIn(){const e=new URL(window.location.href),t=e.searchParams.get("code");if(t&&b.load(`${v.PKCE_AND_STATE_KEY}-${this.clientId}`)){const s=e.searchParams.get("state");return await this.#m(t,s)}return await this.action(this.uri.auth,{}),null}}v.PKCE_AND_STATE_KEY="state-and-verifier";class y{static parseToken(e){const[t,r,i]=e.split("."),a=new TextDecoder("utf-8");return{header:JSON.parse(a.decode(s.decode(t,s.STANDARD))),payload:JSON.parse(a.decode(s.decode(r,s.STANDARD))),signature:i}}constructor(e,t,{token:s,logout:r,redirect:i}){this.clientId=e,this.token=t,this.idToken=y.parseToken(t.id_token),this.accessToken=y.parseToken(t.access_token),this.refreshToken=y.parseToken(t.refresh_token),this.uri={token:s,logout:r,redirect:i},this.refreshCallback=null}onRefresh(e){this.refreshCallback=e}async refresh(){const e=await fetch(this.uri.token,{method:"POST",headers:{"Content-Type":"application/x-www-form-urlencoded"},body:new URLSearchParams([["client_id",this.clientId],["grant_type","refresh_token"],["refresh_token",this.token.refresh_token]])});if(!e.ok){const t=await e.text();throw new Error("Error:"+e.status+": "+t)}const t=await e.json();this.token=t,this.idToken=y.parseToken(t.id_token),this.accessToken=y.parseToken(t.access_token),this.refreshToken=y.parseToken(t.refresh_token),this.refreshCallback&&this.refreshCallback(this.token,this.accessToken,this.refreshToken)}shouldBeRefreshed(e){const t=(new Date).getTime(),s=1e3*this.refreshToken.payload.exp;return!(t>s)&&t-e>s}async refreshIf(e){this.shouldBeRefreshed(e)&&await this.refresh()}logout(){const e=new URL(this.uri.logout);e.searchParams.set("post_logout_redirect_uri",this.uri.redirect),e.searchParams.set("id_token_hint",this.token.id_token),window.location.href=e.toString()}bearerToken(){return`Bearer ${this.token.access_token}`}interceptor(e,t){return new w(this,e,t)}}class w{#b;#g;#v;constructor(e,t,s){this.#b=e,this.#g=t||2e3,this.#v=s||3e4}async intercept(e,t,s){await this.#b.refreshIf(this.#g),t.headers.set("Authorization",this.#b.bearerToken());const r=await s.proceed(e,t);return await this.#b.refreshIf(this.#v),r}}class E{static async fireAsync(e,t){return e.dispatchEvent(t),await(t.async?.promise)}static asyncOn(e,t,s,r){const i=async e=>{let t,r;const i=new Promise((e,s)=>{t=e,r=s});e.async={promise:i};try{t(await s(e))}catch(e){r(e)}};return e.addEventListener(t,i,r),i}static asyncOff(e,t,s,r){e.removeEventListener(t,s,r)}static mixInto(...e){for(const t of e)Object.assign(t.prototype,{async fireAsync(e){return await E.fireAsync(this,e)},asyncOn(e,t,s){return E.asyncOn(this,e,t,s)},asyncOff(e,t,s){return E.asyncOff(this,e,t,s)}})}}class A{static sleep(e){return new Promise(t=>setTimeout(t,e))}static DEBOUNCE_DEFAULT=0;static DEBOUNCE_IMMEDIATE=1;static debounce(e,t,s){const r=s??A.DEBOUNCE_DEFAULT;let i=null,a=[],n=0;const l=()=>{const s=(new Date).getTime()-n;e>s?i=setTimeout(l,e-s):(i=null,r!==A.DEBOUNCE_IMMEDIATE&&t(...a),null===i&&(a=[]))};return[function(){a=[...arguments],n=(new Date).getTime(),null===i&&(i=setTimeout(l,e),r===A.DEBOUNCE_IMMEDIATE&&t(...a))},()=>clearTimeout(i)]}static THROTTLE_DEFAULT=0;static THROTTLE_NO_LEADING=1;static THROTTLE_NO_TRAILING=2;static throttle(e,t,s){const r=s??A.THROTTLE_DEFAULT;let i=null,a=[],n=0;const l=()=>{n=r&A.THROTTLE_NO_LEADING?0:(new Date).getTime(),i=null,t(...a),null===i&&(a=[])};return[function(){const s=(new Date).getTime();!n&&r&A.THROTTLE_NO_LEADING&&(n=s);const o=e-(s-n);a=[...arguments],o<=0||o>e?(null!==i&&(clearTimeout(i),i=null),n=s,t(...a),null===i&&(a=[])):null!==i||r&A.THROTTLE_NO_TRAILING||(i=setTimeout(l,o))},()=>clearTimeout(i)]}}class x{static flatten(e,t,s){return Object.keys(e).reduce((r,i)=>{const a=t.length?t+"."+i:i;return s.has(a)||"object"!=typeof e[i]||null===e[i]?r[a]=e[i]:Object.assign(r,x.flatten(e[i],a,s)),r},{})}static providePath(e,t,s){const r=t.split(".").map(e=>/^[0-9]+$/.test(e)?+e:e);let i=e??{},a=null;for(let t=0;;++t){const n=r[t],l=r[t-1];if(Number.isInteger(n)&&!Array.isArray(i)&&(null!==a?a[l]=i=[]:e=i=[]),t===r.length-1)return i[n]=void 0!==s?s:n in i?i[n]:null,e;void 0===i[n]&&(i[n]={}),a=i,i=i[n]}}static extract(e){if("radio"===e.getAttribute("type")){if(!e.checked)return;return"boolean"===e.dataset.fulBindType?"true"===e.value:e.value}return"checkbox"===e.getAttribute("type")?e.checked:"boolean"===e.dataset.fulBindType?e.value?"true"===e.value:null:!("INPUT"!==e.tagName&&"SELECT"!==e.tagName||""!==e.value&&void 0!==e.value)?null:e.value}static extractFrom(e){let t={};for(const s of e.elements)s.hasAttribute("name")&&!s.matches(":disabled")&&(t=x.providePath(t,s.getAttribute("name"),x.extract(s)));return t}static mutate(e,t){"radio"!==e.getAttribute("type")?"checkbox"!==e.getAttribute("type")?e.value=t:e.checked=t:e.checked=e.getAttribute("value")===t}static mutateIn(e,t){const s=Array.from(e.elements).map(e=>e.getAttribute("name")).filter(e=>e);for(const[r,i]of Object.entries(x.flatten(t,"",new Set(s))))for(const t of e.querySelectorAll(`[name='${CSS.escape(r)}']`))x.mutate(t,i)}static errors(e,t,s){const r=t.filter(e=>"FIELD_ERROR"===e.type||"INVALID_FORMAT"===e.type),i=t.filter(e=>"FIELD_ERROR"!==e.type&&"INVALID_FORMAT"!==e.type);e.querySelectorAll("[name]").forEach(e=>e.setCustomValidity?.("")),e.querySelectorAll("ful-errors").forEach(e=>{e.replaceChildren(),e.setAttribute("hidden","")}),r.forEach(t=>{const s=t.context.replace("[",".").replace("].",".").replace("]","").split(".");for(let r=s.length;0!=r;--r){const i=s.slice(0,r).join("."),a=s.slice(r,s.length).join(".");e.querySelectorAll(`[name='${CSS.escape(i)}']`).forEach(e=>e.setCustomValidity?.(t.reason,a))}}),e.querySelectorAll("ful-errors").forEach(e=>{e.innerText=i.map(e=>e.reason).join("\n"),0!==i.length&&e.removeAttribute("hidden")}),0!=t.length&&s&&Array.from(e.querySelectorAll(":invalid")).sort((e,t)=>e.getBoundingClientRect().y-t.getBoundingClientRect().y)[0]?.focus()}}class T{#y;#w;#o;#E;#A;constructor(e,t,s,r,i){this.#y=e,this.#w=t,this.#o=s,this.#E=r,this.#A=i}prepare(e,t){return this.#E(e,t)}async submit(e,t){return await this.#y.request(this.#o,this.#w).json(e).fetch()}transform(e,t){return this.#A(e,t)}}class S{#E;#A;constructor(e,t){this.#E=e,this.#A=t}async prepare(e,t){return await this.#E(e,t)}async submit(e,t,s){return s}async transform(e,t){return await this.#A(e,t)}}class q{static create(e,s){const r=t.registry.component("http-client"),i=e.hasAttribute("request-mapper")?t.registry.component(e.getAttribute("request-mapper")):e=>e,a=e.hasAttribute("response-mapper")?t.registry.component(e.getAttribute("response-mapper")):e=>e,n=e.getAttribute("action");if(!n)return new S(i,a);const l=e.getAttribute("method")??"POST";return new T(r,n,l,i,a)}}class k extends t.ParsedElement{form;render(){const e=this.form=document.createElement("form");e.setAttribute("novalidate",""),t.Attributes.forward("form-",this,e),e.replaceChildren(...this.childNodes),e.addEventListener("submit",async e=>{e.preventDefault(),e.stopPropagation(),await this.submit()}),this.hasAttribute("clear-invalid-on-change")&&this.addEventListener("change",e=>{e.target.setCustomValidity?.("")}),this.replaceChildren(e)}async submit(){this.spinner(!0);try{const e=t.registry.component(this.getAttribute("loader")??"loaders:form").create(this),s=this.values;let i=await e.prepare(s,this);try{const t=new CustomEvent("submit",{bubbles:!0,cancelable:!0,detail:{values:s,request:i}});if(!this.dispatchEvent(t))return;const r=new CustomEvent("submit:requested",{bubbles:!0,cancelable:!1,detail:{values:t.detail.values,request:t.detail.request}});let a=await E.fireAsync(this,r);i=r.detail.request,a=await e.submit(i,this,a);const n=await e.transform(a,this);this.dispatchEvent(new CustomEvent("submit:success",{bubbles:!0,cancelable:!1,detail:{values:s,request:i,response:n}}))}catch(e){this.dispatchEvent(new CustomEvent("submit:failure",{bubbles:!0,cancelable:!1,detail:{values:s,request:i,exception:e}})),e instanceof r&&(this.errors=e.problems),console.warn("failed to submit form",this,"reason:",e)}}finally{this.spinner(!1)}}reset(){this.form.reset()}spinner(e){this.querySelectorAll("ful-spinner").forEach(t=>{t.hidden=!e}),this.querySelectorAll("[type=submit],[type=reset]").forEach(t=>{t.disabled=e})}set values(e){x.mutateIn(this.form,e)}get values(){return x.extractFrom(this.form)}set errors(e){x.errors(this.form,e,this.hasAttribute("scroll-on-error"))}}class L extends t.ParsedElement{static observed=["value","readonly:presence","required:presence"];static slots=!0;static template='\n        <div class="form-label">\n            <label>{{{{ slots.default }}}}</label>\n            {{{{ slots.info }}}}\n        </div>\n        <div class="input-group">\n            <span data-tpl-if="slots.ibefore" class="input-group-text">{{{{ slots.ibefore }}}}</span>\n            {{{{ slots.before }}}}\n            <input data-tpl-if="type != \'textarea\'" class="form-control" data-tpl-type="type" placeholder=" " form="">\n            <textarea data-tpl-if="type == \'textarea\'" class="form-control" placeholder=" " form=""></textarea>\n            {{{{ slots.after }}}}\n            <span data-tpl-if="slots.iafter" class="input-group-text">{{{{ slots.iafter }}}}</span>\n        </div>\n        <ful-field-error></ful-field-error>\n    ';static formAssociated=!0;_input;_fieldError;constructor(){super(),this.internals=this.attachInternals(),this.internals.role="presentation"}_type(){return this.getAttribute("type")??"text"}_fragment(e,t){return this.template().withOverlay({type:e,slots:t}).render()}render({slots:e,observed:s,disabled:r,skipObservedSetup:i}){const a=this._type(),n=this._fragment(a,e);this._input=n.querySelector("input,textarea"),t.Attributes.forward("input-",this,this._input),i||(this.disabled=r,this.readonly=s.readonly,this.required=s.required,this.value=s.value),this._input.addEventListener("change",e=>{e.stopPropagation(),this.dispatchEvent(new CustomEvent("change",{bubbles:!0,cancelable:!1,detail:{value:this.value}}))});const l=n.querySelector("label");l.addEventListener("click",()=>this.focus()),this._fieldError=n.querySelector("ful-field-error"),this._input.ariaDescribedByElements=[this._fieldError],this._input.ariaLabelledByElements=[l],this.replaceChildren(n)}get value(){return""===this._input.value?null:this._input.value}set value(e){this._input.value=""===e?null:e}get readonly(){return this._input.readOnly}set readonly(e){this._input.readOnly=e,this.reflect(()=>{t.Attributes.toggle(this,"readonly",e)})}get disabled(){return this._input.hasAttribute("disabled")}set disabled(e){t.Attributes.toggle(this._input,"disabled",e)}get required(){return"true"===this._input.getAttribute("aria-required")}set required(e){t.Attributes.set(this._input,"aria-required",e?"true":null),this.reflect(()=>{t.Attributes.toggle(this,"required",e)})}focus(e){this._input.focus(e)}setCustomValidity(e){if(!e)return this.internals.setValidity({}),void(this._fieldError.innerText="");this.internals.setValidity({customError:!0}," "),this._fieldError.innerText=e}formResetCallback(){this.value=this.unmarshal("value",this.getAttribute("value"))}}class _ extends t.ParsedElement{render(){const e=this.innerHTML.trim();if(""===e)return void(this.innerHTML=this.getAttribute("default")??"");const t=this.getAttribute("locale")??Intl.DateTimeFormat().resolvedOptions().locale,s=new Intl.DateTimeFormat(t,{year:"numeric",month:"numeric",day:"numeric"}),[r,i,a]=e.split("-").map(Number);this.innerHTML=s.format(new Date(r,i-1,a))}}class O extends t.ParsedElement{render(){const e=this.innerHTML.trim();if(""===e)return void(this.innerHTML=this.getAttribute("default")??"");const t=this.getAttribute("locale")??Intl.DateTimeFormat().resolvedOptions().locale,s=new Intl.DateTimeFormat(t,{year:"numeric",month:"numeric",day:"numeric",hour:"numeric",minute:"numeric",second:"numeric",hour12:!1});this.innerHTML=s.format(new Date(O.isoToLocal(e)))}static isoToLocal(e){const t=new Date(e),s=(e,t)=>String(t).padStart(e,"0");return`${`${t.getFullYear()}-${s(2,t.getMonth()+1)}-${s(2,t.getDate())}`}T${`${s(2,t.getHours())}:${s(2,t.getMinutes())}:${s(2,t.getSeconds())}.${s(3,t.getMilliseconds())}`}`}}class C extends L{static observed=["value","readonly:presence","required:presence","min","max","step"];_type(){return"date"}render(e){const{observed:t}=e;super.render(e),this.min=t.min,this.max=t.max,this.step=t.step}get min(){const e=this._input.min;return""===e?null:e}set min(e){this._input.min=C.#x(e)}get max(){const e=this._input.max;return""===e?null:e}set max(e){this._input.max=C.#x(e)}get step(){const e=this._input.step;return""===e?null:e}set step(e){this._input.step=e??""}static#x(e){if(!e)return"";if("now"===e)return(new Date).toISOString().split("T")[0];const t=/^([+-])(\d+)([dmy])$/.exec(e);if(!t)return e;const s="-"===t[1]?-1:1,r=+t[2],i=new Date;switch(t[3]){case"d":i.setDate(i.getDate()+r*s);break;case"m":i.setMonth(i.getMonth()+r*s);break;case"y":i.setFullYear(i.getFullYear()+r*s)}return i.toISOString().split("T")[0]}}class R extends C{_type(){return"time"}}class I extends L{static observed=["value","readonly:presence","required:presence","min","max","step"];_type(){return"datetime-local"}render(e){const{observed:t}=e;super.render(e),this.min=t.min,this.max=t.min,this.step=t.min}get value(){const e=this._input.value;return""===e?null:new Date(e).toISOString()}set value(e){this._input.value=e?O.isoToLocal(e):""}get min(){const e=this._input.min;return""===e?null:new Date(e).toISOString()}set min(e){this._input.min=e?O.isoToLocal(e):""}get max(){const e=this._input.max;return""===e?null:new Date(e).toISOString()}set max(e){this._input.max=e?O.isoToLocal(e):""}get step(){const e=this._input.step;return""===e?null:e}set step(e){this._input.step=e??""}}class z extends L{static l10n={en:{dropzonelabel:"Click or drop your files here",unaccepptablefiletype:"Only files of type {0} are supported",maxfilesizeexceeded:"Maximum supported file size is {0}",maxtotalsizeexceeded:"Maximum supported total file size is {0}"},it:{dropzonelabel:"Clicca o trascina i file qui",unaccepptablefiletype:"Solo i file di tipo {0} sono supportati",maxfilesizeexceeded:"La dimensione massima di un file è di {0}",maxtotalsizeexceeded:"La dimensione massima complessiva dei file è di {0}"}};static observed=["value","readonly:presence","required:presence","accept:csv","multiple:presence","itemlist:presence","dropzone:presence","maxfilesize:number","maxtotalsize:number"];#T;#S;#q;#k;_type(){return"file"}static template='\n        <div class="form-label">\n            <label>{{{{ slots.default }}}}</label>\n            {{{{ slots.info }}}}\n        </div>\n        <div class="input-group">\n            <span data-tpl-if="slots.ibefore" class="input-group-text">{{{{ slots.ibefore }}}}</span>\n            {{{{ slots.before }}}}\n            <input class="form-control" data-tpl-type="type" placeholder=" " form="">\n            {{{{ slots.after }}}}\n            <span data-tpl-if="slots.iafter" class="input-group-text">{{{{ slots.iafter }}}}</span>\n        </div>\n        <div data-ref="dropzone" class="dropzone" data-tpl-if="slots.dropzone">\n            {{{{ slots.dropzone }}}}\n        </div>\n        <div data-ref="dropzone" class="dropzone" data-tpl-if="!slots.dropzone">\n            {{ #l10n:t(\'dropzonelabel\') }}\n        </div>\n        <ful-item-list></ful-item-list>\n        <ful-field-warnings></ful-field-warnings>\n        <ful-field-error></ful-field-error>\n    ';static templates={items:'\n            <ful-item data-tpl-each="files" data-tpl-var="file" data-tpl-data-name="file.name">\n                <div>{{ file.name }}</div>\n                <div>{{ #bytes:format(file.size) }}</div>\n                <button type="button" class="btn btn-sm btn-outline-danger bi bi-x-lg"></button>\n            </ful-item>\n        ',warning:"<ful-field-warning>{{ #l10n:t(key, args) }}</ful-field-warning>"};render(e){const{observed:t}=e;super.render(e),this.#S=this.querySelector("ful-item-list"),this.#q=this.querySelector("[data-ref=dropzone]"),this.#k=this.querySelector("ful-field-warnings"),this.accept=t.accept,this.multiple=t.multiple,this.itemlist=t.itemlist,this.dropzone=t.dropzone,this.maxfilesize=t.maxfilesize,this.maxtotalsize=t.maxtotalsize,this.#k.addEventListener("animationend",e=>{e.target.remove()}),this.#S.addEventListener("click",e=>{if(!e.target.closest("button"))return;const t=e.target.closest("ful-item").dataset.name,s=new DataTransfer;[...this.files].filter(e=>e.name!==t).forEach(e=>s.items.add(e)),this.files=s.files,this.#L()}),this.#q.addEventListener("click",e=>{this.querySelector("input")?.click()}),this.#q.addEventListener("dragover",e=>{e.preventDefault()}),this.#q.addEventListener("drop",e=>{e.preventDefault();const t=new DataTransfer;[...e.dataTransfer.items].filter(e=>"file"===e.kind).forEach(e=>t.items.add(e.getAsFile())),this.files=t.files,this.#L()}),this._input.addEventListener("change",e=>{this.#L()})}#_(e){return e>1048576?Math.round(e/1024/1024*100)/100+"MiB":e>1024?Math.round(e/1024*100)/100+"KiB":`${e}B`}#L(){this.setCustomValidity(),this.#O(),this.#C(),this.#R(),this.template("items").withOverlay({files:this.files}).withModule("bytes",{format:this.#_}).renderTo(this.#S)}warning(e,t){this.template("warning").withOverlay({key:e,args:t}).renderTo(this.#k)}#O(){if(!this.#T)return;const e=[...this.files].filter(e=>this.#T.some(t=>!e.name.toLowerCase().endsWith(t.toLowerCase())));if(0===e.length)return;this.warning("unaccepptablefiletype",this.#T.join(","));const t=new DataTransfer;[...this.files].filter(t=>!e.includes(t)).forEach(e=>t.items.add(e)),this.files=t.files}#C(){if(null===this.#I)return;const e=[...this.files].filter(e=>e.size>this.#I);if(0===e.length)return;this.warning("maxfilesizeexceeded",this.#_(this.#I));const t=new DataTransfer;[...this.files].filter(t=>!e.includes(t)).forEach(e=>t.items.add(e)),this.files=t.files}#R(){if(null===this.#z)return;[...this.files].reduce((e,t)=>e+t.size,0)<=this.#z||(this.warning("maxtotalsizeexceeded",this.#_(this.#z)),this.files=(new DataTransfer).files)}get accept(){return this.#T}set accept(e){this._input.accept=e.join(","),this.#T=e,this.reflect(()=>{this.setAttribute("accept",this._input.accept)})}get multiple(){return this._input.multiple}set multiple(e){this._input.multiple=e,this.reflect(()=>{t.Attributes.toggle(this,"multiple",e)})}get files(){return this._input.files}set files(e){this._input.files=e}get file(){return this.files[0]??null}set file(e){const t=new DataTransfer;t.items.add(e),this.files=t.files}get value(){const e=Array.from(this._input.files).map(e=>e.name);return this.multiple?e:e[0]??null}set value(e){}#I;get maxfilesize(){return this.#I}set maxfilesize(e){this.#I=e,this.reflect(()=>{this.setAttribute("maxfilesize",e)})}#z;get maxtotalsize(){return this.#z}set maxtotalsize(e){this.#z=e,this.reflect(()=>{this.setAttribute("maxtotalsize",e)})}#D;get itemlist(){return this.#D}set itemlist(e){this.#D=e,this.reflect(()=>{t.Attributes.toggle(this,"itemlist",e)})}#P;get dropzone(){return this.#P}set dropzone(e){this.#P=e,this.reflect(()=>{t.Attributes.toggle(this,"dropzone",e)})}}class D{#y;#w;#o;#A;#N;#M;#B;constructor({http:e,url:t,method:s,responseMapper:r,prefetch:i,revision:a}){this.#y=e,this.#w=t,this.#o=s,this.#A=r,this.#N=i,this.#M=a,this.#B=null}async prefetch(){this.#N&&await this.#F()}async exact(...e){return await this.#F(),this.#B.filter(([t,s])=>e.some(e=>e==t))}async load(e){return await this.#F(),this.#B.filter(([t,s])=>(s??"").toLowerCase().includes(e?.toLowerCase()))}async reconfigureUrl(e){this.#B=null,this.#w=e}async#F(){if(null!==this.#B)return;const e=`${this.#o}@${this.#w}`;if(null!==this.#M){const t=g.load(e,this.#M);if(void 0!==t)return void(this.#B=t)}const t=await this.#y.request(this.#o,this.#w).fetchJson();this.#B=this.#A(t),null!==this.#M&&g.save(e,this.#M,this.#B)}}class P{#y;#w;#o;#A;constructor({http:e,url:t,method:s,responseMapper:r}){this.#y=e,this.#w=t,this.#o=s,this.#A=r}async exact(...e){const t=await this.#y.request(this.#o,this.#w).param("k",...e).fetchJson();return this.#A(t)}async load(e){const t=await this.#y.request(this.#o,this.#w).param("s",e).fetchJson();return this.#A(t)}}class N{#B;constructor(e){this.#B=e}update(e){this.#B=e}exact(...e){return this.#B.filter(([t,s])=>e.some(e=>e==t))}load(e){return this.#B.filter(([t,s])=>(s??"").toLowerCase().includes(e?.toLowerCase()))}}class M{static create(e,s){if(!e.hasAttribute("src")){const e=Array.from(s.options?.querySelectorAll("option")??[]).map(e=>[e.getAttribute("value")??e.innerText.trim(),e.innerText.trim()]);return new N(e)}const r=t.registry.component("http-client"),i=M.#$(e);return"chunked"==e.getAttribute("mode")?new P({http:r,url:e.getAttribute("src"),method:e.getAttribute("method")??"POST",responseMapper:i}):new D({http:r,url:e.getAttribute("src"),method:e.getAttribute("method")??"POST",responseMapper:i,prefetch:e.hasAttribute("preload"),revision:e.getAttribute("revision")})}static#$(e){return e.hasAttribute("k-expr")&&e.hasAttribute("l-expr")?s=>{const r=t.registry.evaluator().withOverlay(s);return[r.evaluateExpression(e.getAttribute("k-expr")),r.evaluateExpression(e.getAttribute("l-expr")),r.evaluateExpression(e.getAttribute("m-expr")??"self")]}:e.hasAttribute("response-mapper")?t.registry.component(e.getAttribute("response-mapper")):e=>e}}class B extends t.ParsedElement{static slots=!0;static template='\n        <ful-spinner class="centered" hidden></ful-spinner>\n        <menu tabindex="-1" hidden></menu>\n    ';#U;#H;#p=new Map;render({slots:e}){const t=this.template().render();this.#U=t.querySelector("ful-spinner"),this.#H=t.querySelector("menu"),this.#H.addEventListener("click",e=>{e.stopPropagation(),e.target.matches("li")?this.#j(e.target):this.hide()}),this.replaceChildren(t)}acceptSelection(){const e=this.#H.querySelector("[selected]")??this.#H.firstElementChild;this.#j(e)}update(e){if(void 0===e)throw new Error("null data");if(this.#p=new Map(e.map((e,t)=>[String(t),e])),0===e.length){const e=document.createElement("div");return e.classList.add("text-center","py-2","bi","bi-database-slash"),void this.#H.replaceChildren(e)}this.#H.replaceChildren(...e.map(([e,t,s],r)=>{const i=document.createElement("li");return 0===r&&i.setAttribute("selected",""),i.setAttribute("value",r),i.innerText=t,i}))}#j(e){const t=e.getAttribute("value"),s=this.#p.get(t);this.hide(),this.dispatchEvent(new CustomEvent("change",{bubbles:!0,cancelable:!1,detail:{index:t,data:s}}))}hide(){this.setAttribute("hidden","")}get shown(){return!this.hasAttribute("hidden")}async show(e){this.removeAttribute("hidden"),this.#H.setAttribute("hidden",""),this.#U.removeAttribute("hidden");try{const t=await e();this.update(t)}finally{this.#U.setAttribute("hidden",""),this.#H.removeAttribute("hidden")}}async moveOrShow(e,t){if(this.shown){const t=this.#H.querySelector("[selected]")??this.#H.firstElementChild,s=t[(e?"next":"previous")+"ElementSibling"];return void(s&&(t.removeAttribute("selected"),s.setAttribute("selected",""),s.scrollIntoView({block:"nearest",behavior:"smooth"})))}await this.show(t)}}class F extends t.ParsedElement{static observed=["value:csvm","readonly:presence","required:presence","itemlist:presence"];static slots=!0;static template='\n        <div class="form-label">\n            <label>{{{{ slots.default }}}}</label>\n            {{{{ slots.info }}}}\n        </div>\n        <div class="input-group flex-nowrap" tabindex="-1">\n            <span data-tpl-if="slots.ibefore" class="input-group-text">{{{{ slots.ibefore }}}}</span>\n            {{{{ slots.before }}}}\n            <div class="ful-select-input-container">\n                <div class="ful-select-input">\n                    <badges></badges>\n                    <input type="text" form="">\n                </div>\n                <ful-dropdown hidden popover="manual"></ful-dropdown>\n            </div>\n            {{{{ slots.after }}}}\n            <span data-tpl-if="slots.iafter" class="input-group-text">{{{{ slots.iafter }}}}</span>\n        </div>\n        <ful-item-list></ful-item-list>\n        <ful-field-error></ful-field-error>\n    ';static templates={items:'\n            <ful-item data-tpl-each="entries" data-tpl-var="entry" data-tpl-data-key="entry[0]">\n                <div>{{ entry[1][0] }}</div>\n                <button type="button" class="btn btn-sm btn-outline-danger bi bi-x-lg"></button>\n            </ful-item>\n        '};static formAssociated=!0;internals;#V;#G;#J;#W;#S;#K;#Y;#Q=new Map;constructor(){super(),this.internals=this.attachInternals(),this.internals.role="presentation"}async render({slots:e,observed:s,disabled:r}){const i=this.getAttribute("name");this.#V=t.registry.component(this.getAttribute("loader")??"loaders:select").create(this,{options:e.options}),this.#K=this.hasAttribute("multiple"),await(this.#V.prefetch?.());const a=this.template().withOverlay({slots:e,name:i}).render();this.#W=a.querySelector("input"),this.#S=a.querySelector("ful-item-list"),t.Attributes.forward("input-",this,this.#W),this.#G=a.querySelector("badges"),this.value=s.value,this.disabled=r,this.readonly=s.readonly,this.required=s.required,this.itemlist=s.itemlist,this.#J=a.querySelector("ful-dropdown");const n=a.querySelector("label");n.addEventListener("click",()=>this.focus()),this.#Y=a.querySelector("ful-field-error"),this.#W.ariaDescribedByElements=[this.#Y],this.#W.ariaLabelledByElements=[n];const l=this,[o,u]=A.throttle(400,()=>l.#J.show(()=>l.#V.load(l.#W.value)));this.addEventListener("click",e=>{e.target.matches("input")||this.disabled||this.readonly||(this.#J.shown?this.#J.hide():(this.#W.focus(),o()))}),this.#S.addEventListener("click",e=>{if(e.stopPropagation(),!e.target.closest("button"))return;if(this.disabled||this.readonly)return;-1!==[...this.#S.children].indexOf(e.target.closest("ful-item"))&&(this.#Q.delete(Array.from(this.#Q.keys()).pop()),this.#X(),this.#Z())}),this.#G.addEventListener("click",e=>{if(e.stopPropagation(),this.disabled||this.readonly)return;-1!==[...this.#G.children].indexOf(e.target)&&(this.#Q.delete(Array.from(this.#Q.keys()).pop()),this.#X(),this.#Z())}),this.#W.addEventListener("change",e=>{e.stopPropagation()}),this.#W.addEventListener("blur",e=>{e.stopPropagation(),e.relatedTarget&&this.contains(e.relatedTarget)||(u(),this.#J.hide(),this.#W.value="")}),this.#W.addEventListener("keydown",e=>{if(e.stopPropagation(),!this.disabled&&!this.readonly)switch(e.code){case"ArrowUp":this.#J.moveOrShow(!1,()=>l.#V.load(l.#W.value));break;case"ArrowDown":this.#J.moveOrShow(!0,()=>l.#V.load(l.#W.value));break;case"Escape":this.#J.hide();break;case"Enter":this.#J.acceptSelection(),this.#W.value="";break;case"Backspace":this.#Q.size&&0===this.#W.selectionStart&&0===this.#W.selectionEnd&&(this.#Q.delete(Array.from(this.#Q.keys()).pop()),this.#X(),this.#Z());break;case"Tab":this.#J.hide(),u()}}),this.#W.addEventListener("input",e=>{e.stopPropagation(),this.disabled||this.readonly||o()}),this.#J.addEventListener("change",e=>{e.stopPropagation(),this.#K||this.#Q.clear(),this.#Q.set(e.detail.data[0],e.detail.data.slice(1)),this.#X(),this.#Z(),this.#W.focus(),this.#J.hide(),this.#W.value=""}),this.replaceChildren(a)}async withLoader(e){await e(this.#V)}#X(){const e=[...this.#Q.entries()].map(e=>({key:e[0],label:e[1][0],metadata:e[1].slice(1)})),t=this.#K?e:e[0]??null;this.dispatchEvent(new CustomEvent("change",{bubbles:!0,cancelable:!1,detail:{value:t}}))}#Z(){const e=Array.from(this.#Q.entries()).map(([e,t])=>{const s=document.createElement("badge");return s.setAttribute("role","button"),s.setAttribute("value",e),s.innerText=t[0],s});this.#G.replaceChildren(),this.#G.append(...e),this.#S.replaceChildren(),this.template("items").withOverlay({entries:this.#Q.entries()}).renderTo(this.#S)}set value(e){if(null===e)return this.#Q=new Map,void this.#Z();(async()=>{const t=await(this.#K?this.#V.exact(...e):this.#V.exact(e));this.#Q=new Map(t.map(e=>[e[0],e.slice(1)])),this.#Z()})()}get value(){return this.#K?[...this.#Q.keys()]:[...this.#Q.keys()][0]??null}get entry(){return this.#K?[...this.#Q.entries()]:[...this.#Q.entries()][0]??null}get disabled(){return this.#W.hasAttribute("disabled")}set disabled(e){t.Attributes.toggle(this.#W,"disabled",e)}get readonly(){return this.#W.readOnly}set readonly(e){this.#W.readOnly=e,this.reflect(()=>{t.Attributes.toggle(this,"readonly",e)})}get required(){return"true"===this.#W.getAttribute("aria-required")}set required(e){t.Attributes.set(this.#W,"aria-required",e?"true":null),this.reflect(()=>{t.Attributes.toggle(this,"required",e)})}#D;get itemlist(){return this.#D}set itemlist(e){this.#D=e,this.reflect(()=>{t.Attributes.toggle(this,"itemlist",e)})}focus(e){this.#W.focus(e)}setCustomValidity(e){if(!e)return this.internals.setValidity({}),void(this.#Y.innerText="");this.internals.setValidity({customError:!0}," "),this.#Y.innerText=e}}class $ extends t.ParsedElement{static observed=["value","readonly:presence","required:presence"];static slots=!0;static template='\n        <fieldset>\n            <legend class="form-label">\n                {{{{ slots.default }}}}\n            </legend>\n            <header data-tpl-if="slots.header">\n                {{{{ slots.header }}}}\n            </header>\n            <section>\n                <div class="label-wrapper" data-tpl-each="inputsAndLabels" data-tpl-var="ial">\n                    <label>\n                        {{{{ ial[0] }}}}\n                        <div>{{{{ ial[1] }}}}</div>\n                    </label>\n                </div>\n            </section>\n            <ful-field-error></ful-field-error>\n            <footer data-tpl-if="slots.footer">\n                {{{{ slots.footer }}}}\n            </footer>\n        </fieldset>\n    ';static formAssociated=!0;#ee;#Y;#te;#se;constructor(){super(),this.internals=this.attachInternals(),this.internals.role="radiogroup"}render({slots:e,observed:s,disabled:r}){const i=this.getAttribute("name")??t.Attributes.uid("ful-radiogroup"),a=Array.from(e.default.querySelectorAll("ful-radio")),n=a.map(e=>{const s=document.createElement("input");s.setAttribute("type","radio"),t.Attributes.forward("input-",this,s),t.Attributes.forward("",e,s),s.setAttribute("name",`${i}-ignore`),s.setAttribute("form",""),s.addEventListener("change",e=>{e.stopPropagation(),this.dispatchEvent(new CustomEvent("change",{bubbles:!0,cancelable:!1,detail:{value:this.value}}))});return[s,t.Fragments.fromChildNodes(e)]});a.forEach(e=>e.remove()),this.template().withOverlay({name:i,slots:e,inputsAndLabels:n}).renderTo(this),this.#ee=this.firstElementChild,this.disabled=r,this.readonly=s.readonly,this.required=s.required,this.value=s.value,this.#Y=this.querySelector("ful-field-error"),this.ariaDescribedByElements=[this.#Y],this.#te=this.querySelector("input[type=radio]"),this.#se="boolean"===this.getAttribute("type")}get value(){const e=this.querySelector("input[type=radio]:checked");return e?this.#se?"true"===e.value:e.value:null}set value(e){if(null===e)return void this.querySelectorAll("input[type=radio]").forEach(e=>{e.checked=!1});const t=this.querySelector(`input[type=radio][value=${CSS.escape(String(e))}]`);t&&(t.checked=!0)}get readonly(){return this.#ee.inert}set readonly(e){this.#ee.inert=e,this.reflect(()=>{t.Attributes.toggle(this,"readonly",e)})}get disabled(){return this.#ee.hasAttribute("disabled")}set disabled(e){t.Attributes.toggle(this.#ee,"disabled",e)}get required(){return"true"===this.#ee.getAttribute("aria-required")}set required(e){t.Attributes.set(this.#ee,"aria-required",e?"true":null),this.reflect(()=>{t.Attributes.toggle(this,"required",e)})}focus(e){this.#te.focus(e)}setCustomValidity(e){if(!e)return this.internals.setValidity({}),void(this.#Y.innerText="");this.internals.setValidity({customError:!0}," "),this.#Y.innerText=e}}class U extends t.ParsedElement{static observed=["value:bool","readonly:presence","required:presence"];static slots=!0;static template='\n        <div data-tpl-class="klass">\n            <div class="input-container">\n                <input class="form-check-input" type="checkbox" role="switch" form="" placeholder=" ">\n            </div>\n            <div class="form-check-label">\n                <label>{{{{ slots.default }}}}</label>\n                {{{{ slots.info }}}}\n            </div>\n        </div>\n        <ful-field-error></ful-field-error>\n    ';#re;#W;#Y;static formAssociated=!0;constructor(){super(),this.internals=this.attachInternals(),this.internals.role="presentation"}render({slots:e,observed:s,disabled:r}){const i="switch"==this.getAttribute("type")?"form-check form-switch":"form-check",a=this.template().withOverlay({slots:e,klass:i}).render();this.#re=a.firstElementChild,this.#W=a.querySelector("input"),t.Attributes.forward("input-",this,this.#W),this.disabled=r,this.readonly=s.readonly,this.required=s.required,this.value=s.value,this.#W.addEventListener("change",e=>{e.stopPropagation(),this.dispatchEvent(new CustomEvent("change",{bubbles:!0,cancelable:!1,detail:{value:this.value}}))});const n=a.querySelector("label");n.addEventListener("click",()=>{this.focus(),this.disabled||this.readonly||(this.value=!this.value)}),this.#Y=a.querySelector("ful-field-error"),this.#W.ariaDescribedByElements=[this.#Y],this.#W.ariaLabelledByElements=[n],this.replaceChildren(a)}get value(){return this.#W.checked}set value(e){this.#W.checked=e}get readonly(){return this.#re.inert}set readonly(e){this.#re.inert=e,this.reflect(()=>{t.Attributes.toggle(this,"readonly",e)})}get disabled(){return this.#W.hasAttribute("disabled")}set disabled(e){t.Attributes.toggle(this.#W,"disabled",e)}get required(){return"true"===this.#W.getAttribute("aria-required")}set required(e){t.Attributes.set(this.#W,"aria-required",e?"true":null),this.reflect(()=>{t.Attributes.toggle(this,"required",e)})}focus(e){this.#W.focus(e)}setCustomValidity(e){if(!e)return this.internals.setValidity({}),void(this.#Y.innerText="");this.internals.setValidity({customError:!0}," "),this.#Y.innerText=e}}class H extends t.ParsedElement{static slots=!0;static template='\n        <div class="ful-spinner-wrapper" role="status">\n            <div class="ful-spinner-text">{{{{ slots.default }}}}</div>\n            <div class="ful-spinner-icon"></div>\n        </div>\n    ';render({slots:e}){this.template().withOverlay({slots:e}).renderTo(this)}}class j extends t.ParsedElement{static observed=["order"];#ie;render(){const e=this.getAttribute("sorter"),t=["asc","desc",null];this.addEventListener("click",()=>{const s=t[(t.indexOf(this.order)+1)%3];this.dispatchEvent(new CustomEvent("sort-requested",{bubbles:!0,cancelable:!0,detail:{value:{sorter:e,order:s}}}))})}get order(){return this.#ie||null}set order(e){this.#ie=e||null,this.reflect(()=>{this.#ie?this.setAttribute("order",e):this.removeAttribute("order")})}}class V extends t.ParsedElement{static observed=["total:number","current:number"];static l10n={en:{showing:"Page {0} of {1}",navigation:"Page navigation",previous:"Previous",next:"Next"},it:{showing:"Pagina {0} di {1}",navigation:"Navigazione pagine",previous:"Precedente",next:"Successivo"}};static config={prevIcon:"bi bi-chevron-left",nextIcon:"bi bi-chevron-right",reloadIcon:"bi bi-arrow-clockwise"};static template='\n        <nav data-tpl-aria-label="#l10n:t(\'navigation\')" class="user-select-none">\n            <ul class="pagination">\n                <li class="page-item ms-auto me-2 pagination-index"> {{ #l10n:t(\'showing\', curr.label, total) }}</li>\n                <li class="page-item me-2 reload"><a role="button"><i data-tpl-class="config.reloadIcon"></i></a></li>\n                <li class="page-item prev">\n                    <a data-tpl-class="prev.enabled?\'page-link\':\'page-link disabled\'" data-tpl-aria-label="#l10n:t(\'previous\')" role="button" data-tpl-data-page="prev.index">\n                        <i aria-hidden="true" data-tpl-class="config.prevIcon"></i>\n                    </a>\n                </li>\n                <li class="page-item" data-tpl-each="pages" data-tpl-var="page">\n                    <a data-tpl-class="curr.index != page.index ? \'page-link\': \'page-link disabled\'" role="button" data-tpl-data-page="page.index" >\n                        {{ page.label }}\n                    </a>\n                </li>\n                <li class="page-item next">\n                    <a data-tpl-class="next.enabled?\'page-link\':\'page-link disabled\'" data-tpl-aria-label="#l10n:t(\'next\')" role="button" data-tpl-data-page="next.index">\n                        <i aria-hidden="true" data-tpl-class="config.nextIcon"></i>\n                    </a>\n                </li>\n            </ul>\n        </nav>\n    ';#ae=0;#n=0;render({observed:e}){this.update(e.current??0,e.total??0),this.addEventListener("click",e=>{const t=e.target.closest("a");t&&this.dispatchEvent(new CustomEvent("page-requested",{bubbles:!0,cancelable:!0,detail:{value:Number(t.dataset.page??this.#n)}}))})}update(e,t){const s=Number(this.getAttribute("pages")??"5"),r={index:Math.max(0,e-1),enabled:e>0},i={index:e,label:e+1},a={index:Math.min(t,e+1),enabled:e+1<t},n=[{index:e,label:e+1}];for(let r=e,i=1;i!==s&&n.length!=s;++i){const e=r-i;e>=0&&n.unshift({index:e,label:e+1});const s=r+i;s<t&&n.push({index:s,label:s+1})}this.template().withOverlay({total:t,prev:r,curr:i,next:a,pages:n}).renderTo(this)}get total(){return this.#ae}set total(e){this.#ae=e,this.reflect(()=>{this.setAttribute("total",String(e)),this.update(this.#n??0,this.#ae)})}get current(){return this.#n}set current(e){this.#n=e,this.reflect(()=>{this.setAttribute("current",String(e)),this.update(this.#n,this.#ae??0)})}}class G{static parse(e,s){const r=t.Nodes.queryChildren(e,"schema");if(!r)throw new Error(`missing expected <schema> in ${e}`);const i=document.createElement("tr"),a=document.createElement("tr");a.setAttribute("data-tpl-each","rows");for(const e of r.getAttributeNames()){const t=r.getAttribute(e);i.setAttribute(e,t??""),a.setAttribute(e,t??"")}const n=t.Nodes.queryChildrenAll(r,"column"),l=n.filter(e=>e.hasAttribute("order")).map(e=>({sorter:e.getAttribute("sorter"),order:e.getAttribute("order")}))[0]??null;for(var o of n){const e=t.Nodes.queryChildren(o,"title"),s=o.getAttribute("sorter"),r=o.getAttribute("order"),n=e??document.createTextNode(o.getAttribute("title")??"");e?.remove(),o.removeAttribute("sorter"),o.removeAttribute("order"),o.removeAttribute("title");const l=s||r?(()=>{const e=document.createElement("ful-sorter");return s&&e.setAttribute("sorter",s),r&&e.setAttribute("order",r),e.append(n),e})():n,u=document.createElement("th"),d=document.createElement("td");for(const e of o.getAttributeNames()){const t=o.getAttribute(e);u.setAttribute(e,t??""),d.setAttribute(e,t??"")}u.append(l),d.append(...o.childNodes),i.append(u),a.append(d)}return{headersTemplate:s.withOverlay({inHeaders:!0,inRows:!1}).withFragment(t.Fragments.from(i)),rowsTemplate:s.withOverlay({inHeaders:!1,inRows:!0}).withFragment(t.Fragments.from(a)),sort:l,length:n.length}}}class J{#y;#w;#o;constructor(e,t,s){this.#y=e,this.#w=t,this.#o=s}async load(e,t,s){const r=Object.entries(s).filter(([e,t])=>t);return await this.#y.request(this.#o,this.#w).param("page",e.page).param("size",e.size).param("sort",t?`${t.sorter},${t.order}`:null).param("filters",r.length>0?JSON.stringify(Object.fromEntries(r)):null).fetchJson()}}class W{static create(e,s){const r=t.registry.component("http-client"),i=e.getAttribute("src"),a=e.getAttribute("method")??"GET";return new J(r,i,a)}}class K extends t.ParsedElement{static slots=!0;static l10n={en:{initial:"Start searching to see results.",error:"Error while loading data:",nodata:"No elements found."},it:{initial:"Avvia la ricerca per visualizzare i risultati.",error:"Errore nel caricamento dei dati:",nodata:"Nessun elemento trovato."}};static config={searchIcon:"bi bi-search"};static template='\n        <ful-form data-tpl-if="slots.filters">\n            {{{{ slots.filters }}}}\n        </ful-form>\n        <div class="table-wrapper">\n            <table class="table">\n                <caption data-tpl-if="slots.caption">{{{{ slots.caption }}}}</caption>\n                <thead></thead>\n                <tbody></tbody>\n                <tbody data-ref="initial">\n                    <tr>\n                        <td data-tpl-colspan="schema.length">\n                            <div>\n                                <p data-tpl-if="config.searchIcon"><i data-tpl-class="config.searchIcon"></i></p>\n                                {{{ #l10n:t(\'initial\') }}}\n                            </div>\n                        </td>\n                    </tr>\n                </tbody>\n                <tbody data-ref="loading" hidden>\n                    <tr>\n                        <td data-tpl-colspan="schema.length">\n                            <ful-spinner class="big"></ful-spinner>\n                        </td>\n                    </tr>\n                </tbody>\n                <tbody data-ref="feedback" hidden>\n                    <tr>\n                        <td data-tpl-colspan="schema.length">\n                            <div class="alert alert-danger">\n                                <p>{{ #l10n:t(\'error\') }}</p>\n                                <div data-ref="feedback-error"></div>\n                            </div>\n                        </td>\n                    </tr>\n                </tbody>\n                <tfoot data-tpl-if="slots.footer">\n                    {{{{ slots.footer }}}}\n                </tfoot>\n            </table>\n        </div>\n        <ful-pagination current="0" total="1"></ful-pagination>\n    ';static templates={row:'\n            <tr data-tpl-if="pageResponse.data.length == 0">\n                <td data-tpl-colspan="schema.length" class="text-center align-middle p-4">\n                    {{ #l10n:t(\'nodata\') }}\n                </td>\n            </tr>\n            {{{{ schema.rowsTemplate.withOverlay({\'rows\': pageResponse.data}).render() }}}}\n        '};#ne;#h;#le;#oe;#ue;#de;#ce;#he;async render({slots:e,observed:s}){const r=this.template(),i=G.parse(e.default,r),a=r.withOverlay({slots:e,schema:i}).render(),n=t.Nodes.queryChildren(a,".table-wrapper").querySelector("table");t.Attributes.forward("table-",this,n),this.#ne=i,this.#h=n.querySelector(":scope > tbody"),this.#le=n.querySelector(":scope > tbody[data-ref=loading]"),this.#oe=n.querySelector(":scope > tbody[data-ref=initial]"),this.#ue=n.querySelector(":scope > tbody[data-ref=feedback]"),this.#de=t.Nodes.queryChildren(a,"ful-pagination"),this.#ce=n.querySelectorAll(":scope > thead ful-sorter")??[],this.replaceChildren(a),i.headersTemplate.renderTo(this.querySelector("thead")),await t.Rendering.waitForChildren(this);const l=t.Nodes.queryChildren(this,"ful-form");this.#he={pageRequest:{page:0,size:this.getAttribute("page-size")?Number(this.getAttribute("page-size")):10},sortRequest:i.sort,filterRequest:l?.values??{}},l?.addEventListener("submit:success",async e=>{await this.load({page:0,size:this.#he.pageRequest.size},this.#he.sortRequest,e.detail.request)}),this.addEventListener("page-requested",async e=>{await this.load({page:e.detail.value,size:this.#he.pageRequest.size},this.#he.sortRequest,this.#he.filterRequest)}),this.addEventListener("sort-requested",async e=>{const t=e.detail.value.order?e.detail.value:null;await this.load(this.#he.pageRequest,t,this.#he.filterRequest),this.#ce.forEach(e=>e.order=null),e.target.order=e.detail.value.order}),this.hasAttribute("autoload")&&await this.reload()}async reload(){return await this.load(this.#he.pageRequest,this.#he.sortRequest,this.#he.filterRequest)}async load(e,s,r){this.#h.replaceChildren(),this.#le.removeAttribute("hidden",""),this.#ue.setAttribute("hidden",""),this.#oe.setAttribute("hidden","");try{const i=t.registry.component(this.getAttribute("loader")??"loaders:table").create(this),a=await i.load(e,s,r);this.#he={pageRequest:e,sortRequest:s,filterRequest:r},this.#L(e,s,r,a)}catch(e){throw this.#le.setAttribute("hidden",""),this.#ue.removeAttribute("hidden",""),e.problems?this.#ue.querySelector("[data-ref=feedback-error]").textContent=e.problems.map(e=>`${e.reason}`):this.#ue.querySelector("[data-ref=feedback-error]").textContent=e,e}}async resetWithFilter(e){return await this.load({page:0,size:this.#he.pageRequest.size},this.#he.sortRequest,e)}#L(e,t,s,r){this.#le.setAttribute("hidden",""),this.#h.replaceChildren(this.template("row").withOverlay({schema:this.#ne,pageRequest:e,filterRequest:s,pageResponse:r}).render()),this.#de.current=e.page,this.#de.total=Math.ceil(r.size/e.size)}}class Y extends L{static observed=["value:json","readonly:presence","required:presence"];static template='\n        <div class="form-label">\n            <label>{{{{ slots.default }}}}</label>\n            {{{{ slots.info }}}}\n        </div>\n        <div class="input-group">\n            <span data-tpl-if="slots.ibefore" class="input-group-text">{{{{ slots.ibefore }}}}</span>\n            {{{{ slots.before }}}}\n            <button data-ref="operator" class="btn btn-outline-secondary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false" value="LTE" form="">&PrecedesSlantEqual;</button>\n            <ul class="dropdown-menu">\n                <li><a class="dropdown-item" role="button" value="EQ">=</a></li>\n                <li><a class="dropdown-item" role="button" value="NEQ">&ne;</a></li>\n                <li><a class="dropdown-item" role="button" value="LT">&prec;</a></li>\n                <li><a class="dropdown-item" role="button" value="GT">&succ;</a></li>\n                <li><a class="dropdown-item" role="button" value="LTE">&PrecedesSlantEqual;</a></li>\n                <li><a class="dropdown-item" role="button" value="GTE">&SucceedsSlantEqual;</a></li>\n                <li><a class="dropdown-item" role="button" value="BETWEEN">&LeftRightArrow;</a></li>\n            </ul>\n            <input data-ref="value1" type="datetime-local" class="form-control" form="">\n            <input data-ref="value2" type="datetime-local" class="form-control" form="" hidden>\n            {{{{ slots.after }}}}\n            <span data-tpl-if="slots.iafter" class="input-group-text">{{{{ slots.iafter }}}}</span>\n        </div>\n        <ful-field-error></ful-field-error>\n    ';#pe;#fe;#me;render(e){super.render({...e,skipObservedSetup:!0}),this.#pe=this.querySelector("[data-ref=operator]"),this.#fe=this.querySelector("[data-ref=value1]"),this.#me=this.querySelector("[data-ref=value2]"),this.disabled=e.disabled,this.readonly=e.observed.readonly,this.required=e.observed.required,this.value=e.observed.value,this.addEventListener("click",e=>{const s=e.target;if(!s.matches("ul > li > a"))return;const r=s.closest("ul")?.previousElementSibling,i=s.getAttribute("value");t.Attributes.toggle(this.#me,"hidden","BETWEEN"!==i),r.setAttribute("value",i),r.innerHTML=s.innerHTML})}get value(){const e=this.#pe.getAttribute("value"),t="BETWEEN"===e?[this.#fe.value,this.#me.value]:[this.#fe.value];return t.some(e=>""===e)?void 0:[e,...t.map(e=>new Date(e).toISOString())]}set value(e){if(null==e)return this.#fe.value="",void(this.#me.value="");const[t,...s]=e;this.#pe.setAttribute("value",t),this.#fe.value=s[0]?O.isoToLocal(s[0]):s[0],this.#me.value=s[1]?O.isoToLocal(s[1]):s[1]}set readonly(e){this.#me.readOnly=e,super.readonly=e}set disabled(e){t.Attributes.toggle(this.#me,"disabled",e),super.disabled=e}}class Q extends L{static observed=["value:json","readonly:presence","required:presence"];static template='\n        <div class="form-label">\n            <label>{{{{ slots.default }}}}</label>\n            {{{{ slots.info }}}}\n        </div>\n        <div class="input-group">\n            <span data-tpl-if="slots.ibefore" class="input-group-text">{{{{ slots.ibefore }}}}</span>\n            {{{{ slots.before }}}}\n            <button data-ref="operator" class="btn btn-outline-secondary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false" value="EQ" form="">=</button>\n            <ul class="dropdown-menu">\n                <li><a class="dropdown-item" role="button" value="EQ">=</a></li>\n                <li><a class="dropdown-item" role="button" value="NEQ">&ne;</a></li>\n                <li><a class="dropdown-item" role="button" value="LT">&prec;</a></li>\n                <li><a class="dropdown-item" role="button" value="GT">&succ;</a></li>\n                <li><a class="dropdown-item" role="button" value="LTE">&PrecedesSlantEqual;</a></li>\n                <li><a class="dropdown-item" role="button" value="GTE">&SucceedsSlantEqual;</a></li>\n                <li><a class="dropdown-item" role="button" value="BETWEEN">&LeftRightArrow;</a></li>\n            </ul>\n            <input data-ref="value1" type="date" class="form-control" form="">\n            <input data-ref="value2" type="date" class="form-control" form="" hidden>\n            {{{{ slots.after }}}}\n            <span data-tpl-if="slots.iafter" class="input-group-text">{{{{ slots.iafter }}}}</span>\n        </div>\n        <ful-field-error></ful-field-error>\n    ';#pe;#fe;#me;render(e){super.render({...e,skipObservedSetup:!0}),this.#pe=this.querySelector("[data-ref=operator]"),this.#fe=this.querySelector("[data-ref=value1]"),this.#me=this.querySelector("[data-ref=value2]"),this.disabled=e.disabled,this.readonly=e.observed.readonly,this.required=e.observed.required,this.value=e.observed.value,this.addEventListener("click",e=>{const s=e.target;if(!s.matches("ul > li > a"))return;const r=s.closest("ul")?.previousElementSibling,i=s.getAttribute("value");t.Attributes.toggle(this.#me,"hidden","BETWEEN"!==i),r.setAttribute("value",i),r.innerHTML=s.innerHTML})}get value(){const e=this.#pe.getAttribute("value"),t="BETWEEN"==e?[this.#fe.value,this.#me.value]:[this.#fe.value];return t.some(e=>""===e)?void 0:[e,...t]}set value(e){if(null==e)return this.#fe.value="",void(this.#me.value="");const[t,...s]=e;this.#pe.setAttibute("value",t),this.#fe.value=s[0],this.#me.value=s[1]}set readonly(e){this.#me.readOnly=e,super.readonly=e}set disabled(e){t.Attributes.toggle(this.#me,"disabled",e),super.disabled=e}}class X extends L{static observed=["value:json","readonly:presence","required:presence"];static template='\n        <div class="form-label">\n            <label>{{{{ slots.default }}}}</label>\n            {{{{ slots.info }}}}\n        </div>\n        <div class="input-group">\n            <span data-tpl-if="slots.ibefore" class="input-group-text">{{{{ slots.ibefore }}}}</span>\n            {{{{ slots.before }}}}\n            <button data-ref="operator" class="btn btn-outline-secondary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false" value="CONTAINS" form="">&mldr;a&mldr;</button>\n            <ul class="dropdown-menu">\n                <li><a class="dropdown-item" role="button" value="CONTAINS">&mldr;a&mldr;</a></li>\n                <li><a class="dropdown-item" role="button" value="STARTS_WITH">a&mldr;</a></li>\n                <li><a class="dropdown-item" role="button" value="ENDS_WITH">&mldr;a</a></li>\n                <li><a class="dropdown-item" role="button" value="EQ">=</a></li>\n            </ul>\n            <input data-ref="value" type="text" class="form-control" form="">\n            {{{{ slots.after }}}}\n            <span data-tpl-if="slots.iafter" class="input-group-text">{{{{ slots.iafter }}}}</span>\n        </div>\n        <ful-field-error></ful-field-error>\n    ';#pe;#be;render(e){super.render({...e,skipObservedSetup:!0}),this.#pe=this.querySelector("[data-ref=operator]"),this.#be=this.querySelector("[data-ref=value]"),this.disabled=e.disabled,this.readonly=e.observed.readonly,this.required=e.observed.required,this.value=e.observed.value,this.addEventListener("click",e=>{const t=e.target;if(!t.matches("ul > li > a"))return;const s=t.closest("ul")?.previousElementSibling,r=t.getAttribute("value");s.setAttribute("value",r),s.innerHTML=t.innerHTML})}get value(){const e=this.#pe.getAttribute("value");return""===this.#be.value?void 0:[e,"IGNORE_CASE",this.#be.value]}set value(e){if(null==e)return void(this.#be.value="");const[t,s,r]=e;this.#pe.setAttribute("value",t),this.#be.value=r}}class Z{static t(e,...t){const s=this.l10n[this.language][e]??this.l10n.en[e]??e;return 0===t.length?s:s.replace(/{(\d+)}/g,(e,s)=>t[Number(s)])}static tl(e,t){return Z.t(e,...t)}}return e.AsyncEvents=E,e.AuthorizationCodeFlow=v,e.AuthorizationCodeFlowInterceptor=w,e.AuthorizationCodeFlowSession=y,e.Base64=s,e.Bindings=x,e.Checkbox=U,e.Dropdown=B,e.Failure=r,e.Form=k,e.FormLoader=q,e.Hex=class{static decode(e){if(e.length%2!=0)throw new Error("invalid length");const t=e.length/2;return new Uint8Array(t).map((t,s)=>{const r=2*s,i=e.substring(r,r+2);return parseInt(i,16)})}static encode(e,t){return Array.from(e).map(e=>e.toString(16)).map(e=>t?e.toUpperCase():e).map(e=>e.padStart(2,0)).join("")}},e.HttpClient=c,e.HttpClientError=a,e.Input=L,e.InputFile=z,e.InputInstant=I,e.InputLocalDate=C,e.InputLocalTime=R,e.Instant=O,e.InstantFilter=Y,e.LocalDate=_,e.LocalDateFilter=Q,e.LocalStorage=m,e.LocalizationModule=Z,e.MediaType=i,e.Pagination=V,e.Plugin=class{configure(e){const t=c.builder().withCsrfToken().withRedirectOnUnauthorized("/").build();e.defineModule("l10n",Z).defineComponent("http-client",t).defineElement("ful-spinner",H).defineElement("ful-form",k).defineElement("ful-checkbox",U).defineElement("ful-input",L).defineElement("ful-input-file",z).defineElement("ful-local-date",_).defineElement("ful-instant",O).defineElement("ful-input-local-date",C).defineElement("ful-input-local-time",R).defineElement("ful-input-instant",I).defineElement("ful-radio-group",$).defineElement("ful-table",K).defineElement("ful-pagination",V).defineElement("ful-sorter",j).defineElement("ful-filter-instant",Y).defineElement("ful-filter-local-date",Q).defineElement("ful-filter-text",X).defineElement("ful-select",F).defineElement("ful-dropdown",B).defineComponent("loaders:select",M).defineComponent("loaders:form",q).defineComponent("loaders:table",W).defineOverlay({language:navigator?.language?.split("-")?.[0]??"en"})}},e.RadioGroup=$,e.Select=F,e.SelectLoader=M,e.SessionStorage=b,e.SortButton=j,e.Spinner=H,e.Table=K,e.TableSchemaParser=G,e.TextFilter=X,e.Timing=A,e.VersionedLocalStorage=g,e.VersionedSessionStorage=class{static save(e,t,s){b.save(e,{revision:t,data:s})}static load(e,t){const s=b.load(e);if(void 0!==s){if(s.revision===t)return s.data;localStorage.removeItem(e)}}},e}({},ftl);
+var ful=function(e,t){"use strict";class s{static encode(e,t){const r=t||s.URL_SAFE,i=e.byteLength,a=new Uint8Array(e);let n="";for(let e=0;e<i;e+=3){n+=r[a[e]>>2]+r[(3&a[e])<<4|a[e+1]>>4]+r[(15&a[e+1])<<2|a[e+2]>>6]+r[63&a[e+2]]}return i%3==2?n=n.substring(0,n.length-1):i%3==1&&(n=n.substring(0,n.length-2)),n}static decode(e,t){const r=t||s.URL_SAFE;let i=Math.floor(.75*e.length);for(let t=0;t!==e.length&&"="===e[e.length-t-1];++t)--i;const a=new Uint8Array(i);let n=0,l=0;for(;n<.75*e.length;){const t=r.indexOf(e.charAt(l++)),s=r.indexOf(e.charAt(l++)),i=r.indexOf(e.charAt(l++)),o=r.indexOf(e.charAt(l++));a[n++]=t<<2|s>>4,a[n++]=(15&s)<<4|i>>2,a[n++]=(3&i)<<6|o}return a.buffer}}s.STANDARD="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/",s.URL_SAFE="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789-_";class r extends Error{constructor(e,t,s){super(e,{cause:s}),this.name="Failure",this.problems=t}dropping(e){return new r(this.message,r.dropProblemsContext(this.problems,e),this)}static dropProblemsContext(e,t){return e.map(({type:e,context:s,reason:r,details:i})=>({type:e,context:s?.startsWith(t)?s.substring(t.length):s,reason:r,details:i}))}}class i{#e;#t;constructor(e,t){this.#e=e,this.#t=t}get normalized(){return`${this.#e}/${this.#t}`}get type(){return this.#e}get subtype(){return this.#t}static parse(e){if(!e)return new i("unknown","unknown");const[t,s]=e.split(";"),[r,a]=t.trim().split("/");return new i(r.toLowerCase(),a?.toLowerCase())}}class a extends r{constructor(e,t,s,r){super(e,s,r),this.name="HttpClientError",this.status=t}dropping(e){return new a(this.message,this.status,r.dropProblemsContext(this.problems,e),this)}static of(e,t){return new a(t.message,0,[{type:e,context:null,reason:t.message,details:null}],t)}static async fromResponse(e){switch(i.parse(e.headers.get("Content-Type")).normalized){case"application/failures+json":{const t=await e.json(),s=`${e.status} ${e.statusText}: ${t.length} failures`;return new a(s,e.status,t)}case"application/problem+json":{const t=await e.json(),s=`${e.status} ${e.statusText}: ${t.title} ${t.detail}`;return new a(s,e.status,t.problems||[{type:"GENERIC_PROBLEM",context:null,reason:s,details:null}])}default:{const t=await e.text(),s=`${e.status} ${e.statusText}: ${t}`;return new a(s,e.status,[{type:"GENERIC_PROBLEM",context:null,reason:s,details:null}])}}}}class n{#s;#r;constructor(){this.#s=document.querySelector("meta[name='_csrf_header']")?.getAttribute("content"),this.#r=document.querySelector("meta[name='_csrf']")?.getAttribute("content")}async intercept(e,t,s){return this.#s&&this.#r&&t.headers.set(this.#s,this.#r),await s.proceed(e,t)}}class l{#i;constructor(e){this.#i=e}async intercept(e,t,s){const r=await s.proceed(e,t);return 401===r.status&&(window.location.href=this.#i),r}}class o{#a;constructor(){this.#a=[]}withCsrfToken(){return this.#a.push(new n),this}withRedirectOnUnauthorized(e){return this.#a.push(new l(e)),this}withInterceptors(...e){return this.#a.push(...e),this}build(){return new c(this.#a)}}class u{async intercept(e,t,s){return await fetch(new Request(e,t))}}class d{#a;#n;constructor(e,t){this.#a=e,this.#n=t}async proceed(e,t){const s=this.#a[this.#n];return await s.intercept(e,t,new d(this.#a,this.#n+1))}}class c{#a;static builder(){return new o}constructor(e){this.#a=e||[]}async exchange(e,t,s){const r=[...this.#a,...s||[],new u],i=new d(r,0),a=new URL(new Request(e).url);return await i.proceed(a,t??{})}request(e,t){return p.create(this,e,t)}get(e){return p.create(this,"GET",e)}head(e){return p.create(this,"HEAD",e)}post(e){return p.create(this,"POST",e)}put(e){return p.create(this,"PUT",e)}patch(e){return p.create(this,"PATCH",e)}delete(e){return p.create(this,"DELETE",e)}}const h=async(e,t)=>{try{return await e[t]()}catch(e){throw a.of("UNMARSHALING_PROBLEM",e)}};class p{#l;#o;#u;#d;#c;#h;#p;#a;static create(e,t,s){const[r,i=""]=s.split("?");return new p(e,t,r,new URLSearchParams(i),new Headers,void 0,{},[])}constructor(e,t,s,r,i,a,n,l){this.#l=e,this.#o=t,this.#u=s,this.#d=r,this.#h=a,this.#c=i,this.#p=n,this.#a=l}headers(e){for(const[t,s]of new Headers(e).entries())null==s?this.#c.delete(t):this.#c.set(t,s);return this}header(e,t){return null==t?this.#c.delete(e):this.#c.set(e,t),this}params(e){for(const[t,s]of new URLSearchParams(e).entries())null==s?this.#d.delete(t):this.#d.set(t,s);return this}param(e,...t){if(0===t.length||null==t[0])return this.#d.delete(e),this;for(const s of t)this.#d.append(e,s);return this}body(e){return this.#h=e,this}json(e){return this.#c.set("Content-Type","application/json"),this.#h=JSON.stringify(e),this}multipart(e){const t=new FormData;return e(new f(t)),this.#h=t,this}options(e){for(const[t,s]of Object.entries(e))this.#p[t]=s;return this}option(e,t){return this.#p[e]=t,this}interceptors(e){for(const t of e)this.#a.push(t);return this}interceptor(e){return this.#a.push(e),this}async exchange(){const e=this.#d.size?`${this.#u}?${this.#d}`:this.#u,t={...this.#p,headers:this.#c,method:this.#o,body:this.#h};return await this.#l.exchange(e,t,this.#a)}async fetch(){const e=this.#d.size?`${this.#u}?${this.#d}`:this.#u,t={...this.#p,headers:this.#c,method:this.#o,body:this.#h};try{const s=await this.#l.exchange(e,t,this.#a);if(!s.ok)throw await a.fromResponse(s);return s}catch(e){if(e instanceof r)throw e;throw a.of("CONNECTION_PROBLEM",e)}}async fetchText(){const e=await this.fetch();return await h(e,"text")}async fetchJson(){const e=await this.fetch();return await h(e,"json")}async fetchBlob(){const e=await this.fetch();return await h(e,"blob")}async fetchArrayBuffer(){const e=await this.fetch();return await h(e,"arrayBuffer")}}class f{#f;constructor(e){this.#f=e}field(e,t){return this.#f.append(e,t),this}blob(e,t,s){return this.#f.append(e,t,s),this}blobs(e,t){for(let s of t)this.#f.append(e,s);return this}json(e,t,s){const r=new Blob([JSON.stringify(t)],{type:"application/json"});return this.#f.append(e,r,s),this}}class m extends Storage{static save(e,t){localStorage.setItem(e,JSON.stringify(t))}static load(e){const t=localStorage.getItem(e);return null===t?void 0:JSON.parse(t)}static remove(e){localStorage.removeItem(e)}static pop(e){const t=m.load(e);return m.remove(e),t}}class b extends Storage{static save(e,t){sessionStorage.setItem(e,JSON.stringify(t))}static load(e){const t=sessionStorage.getItem(e);return null===t?void 0:JSON.parse(t)}static remove(e){sessionStorage.removeItem(e)}static pop(e){const t=b.load(e);return b.remove(e),t}}class g{static save(e,t,s){m.save(e,{revision:t,data:s})}static load(e,t){const s=m.load(e);if(void 0!==s){if(s.revision===t)return s.data;localStorage.removeItem(e)}}}class v{static forKeycloak(e,t,s,r){return new v(e,r??"openid profile",{auth:new URL("protocol/openid-connect/auth",t),token:new URL("protocol/openid-connect/token",t),logout:new URL("protocol/openid-connect/logout",t),registration:new URL("protocol/openid-connect/registrations",t),redirect:s})}constructor(e,t,{auth:s,token:r,registration:i,logout:a,redirect:n}){this.clientId=e,this.scope=t,this.uri={auth:s,token:r,registration:i,logout:a,redirect:n}}async action(e,t){const r=s.encode(crypto.getRandomValues(new Uint8Array(32)).buffer),i=s.encode(await crypto.subtle.digest("SHA-256",(new TextEncoder).encode(r))),a=this.clientId+s.encode(crypto.getRandomValues(new Uint8Array(16)).buffer);b.save(`${v.PKCE_AND_STATE_KEY}-${this.clientId}`,{state:a,verifier:r});const n=new URL(e);n.searchParams.set("client_id",this.clientId),n.searchParams.set("redirect_uri",this.uri.redirect),n.searchParams.set("response_type","code"),n.searchParams.set("scope",this.scope),n.searchParams.set("state",a),n.searchParams.set("code_challenge",i),n.searchParams.set("code_challenge_method","S256"),Object.entries(t||{}).forEach(e=>{n.searchParams.set(e[0],e[1])}),window.location.href=n.toString()}async registration(e){await this.action(this.uri.registration,e)}async applicationInitiatedAction(e,t){await this.action(this.uri.auth,{...t,kc_action:e})}async#m(e,t){window.history.replaceState("","",this.uri.redirect);const s=b.pop(`${v.PKCE_AND_STATE_KEY}-${this.clientId}`);if(s.state!==t)throw new Error("State mismatch");const r=await fetch(this.uri.token,{method:"POST",headers:{"Content-Type":"application/x-www-form-urlencoded"},body:new URLSearchParams([["client_id",this.clientId],["code",e],["grant_type","authorization_code"],["code_verifier",s.verifier],["state",s.state],["redirect_uri",this.uri.redirect]])});if(!r.ok){const e=await r.text();throw new Error("Error:"+r.status+": "+e)}const i=await r.json();return new y(this.clientId,i,this.uri)}async ensureLoggedIn(){const e=new URL(window.location.href),t=e.searchParams.get("code");if(t&&b.load(`${v.PKCE_AND_STATE_KEY}-${this.clientId}`)){const s=e.searchParams.get("state");return await this.#m(t,s)}return await this.action(this.uri.auth,{}),null}}v.PKCE_AND_STATE_KEY="state-and-verifier";class y{static parseToken(e){const[t,r,i]=e.split("."),a=new TextDecoder("utf-8");return{header:JSON.parse(a.decode(s.decode(t,s.STANDARD))),payload:JSON.parse(a.decode(s.decode(r,s.STANDARD))),signature:i}}constructor(e,t,{token:s,logout:r,redirect:i}){this.clientId=e,this.token=t,this.idToken=y.parseToken(t.id_token),this.accessToken=y.parseToken(t.access_token),this.refreshToken=y.parseToken(t.refresh_token),this.uri={token:s,logout:r,redirect:i},this.refreshCallback=null}onRefresh(e){this.refreshCallback=e}async refresh(){const e=await fetch(this.uri.token,{method:"POST",headers:{"Content-Type":"application/x-www-form-urlencoded"},body:new URLSearchParams([["client_id",this.clientId],["grant_type","refresh_token"],["refresh_token",this.token.refresh_token]])});if(!e.ok){const t=await e.text();throw new Error("Error:"+e.status+": "+t)}const t=await e.json();this.token=t,this.idToken=y.parseToken(t.id_token),this.accessToken=y.parseToken(t.access_token),this.refreshToken=y.parseToken(t.refresh_token),this.refreshCallback&&this.refreshCallback(this.token,this.accessToken,this.refreshToken)}shouldBeRefreshed(e){const t=(new Date).getTime(),s=1e3*this.refreshToken.payload.exp;return!(t>s)&&t-e>s}async refreshIf(e){this.shouldBeRefreshed(e)&&await this.refresh()}logout(){const e=new URL(this.uri.logout);e.searchParams.set("post_logout_redirect_uri",this.uri.redirect),e.searchParams.set("id_token_hint",this.token.id_token),window.location.href=e.toString()}bearerToken(){return`Bearer ${this.token.access_token}`}interceptor(e,t){return new w(this,e,t)}}class w{#b;#g;#v;constructor(e,t,s){this.#b=e,this.#g=t||2e3,this.#v=s||3e4}async intercept(e,t,s){await this.#b.refreshIf(this.#g),t.headers.set("Authorization",this.#b.bearerToken());const r=await s.proceed(e,t);return await this.#b.refreshIf(this.#v),r}}class E{static async fireAsync(e,t){return e.dispatchEvent(t),await(t.async?.promise)}static asyncOn(e,t,s,r){const i=async e=>{let t,r;const i=new Promise((e,s)=>{t=e,r=s});e.async={promise:i};try{t(await s(e))}catch(e){r(e)}};return e.addEventListener(t,i,r),i}static asyncOff(e,t,s,r){e.removeEventListener(t,s,r)}static mixInto(...e){for(const t of e)Object.assign(t.prototype,{async fireAsync(e){return await E.fireAsync(this,e)},asyncOn(e,t,s){return E.asyncOn(this,e,t,s)},asyncOff(e,t,s){return E.asyncOff(this,e,t,s)}})}}class A{static sleep(e){return new Promise(t=>setTimeout(t,e))}static DEBOUNCE_DEFAULT=0;static DEBOUNCE_IMMEDIATE=1;static debounce(e,t,s){const r=s??A.DEBOUNCE_DEFAULT;let i=null,a=[],n=0;const l=()=>{const s=(new Date).getTime()-n;e>s?i=setTimeout(l,e-s):(i=null,r!==A.DEBOUNCE_IMMEDIATE&&t(...a),null===i&&(a=[]))};return[function(){a=[...arguments],n=(new Date).getTime(),null===i&&(i=setTimeout(l,e),r===A.DEBOUNCE_IMMEDIATE&&t(...a))},()=>clearTimeout(i)]}static THROTTLE_DEFAULT=0;static THROTTLE_NO_LEADING=1;static THROTTLE_NO_TRAILING=2;static throttle(e,t,s){const r=s??A.THROTTLE_DEFAULT;let i=null,a=[],n=0;const l=()=>{n=r&A.THROTTLE_NO_LEADING?0:(new Date).getTime(),i=null,t(...a),null===i&&(a=[])};return[function(){const s=(new Date).getTime();!n&&r&A.THROTTLE_NO_LEADING&&(n=s);const o=e-(s-n);a=[...arguments],o<=0||o>e?(null!==i&&(clearTimeout(i),i=null),n=s,t(...a),null===i&&(a=[])):null!==i||r&A.THROTTLE_NO_TRAILING||(i=setTimeout(l,o))},()=>clearTimeout(i)]}}class x{static flatten(e,t,s){return Object.keys(e).reduce((r,i)=>{const a=t.length?t+"."+i:i;return s.has(a)||"object"!=typeof e[i]||null===e[i]?r[a]=e[i]:Object.assign(r,x.flatten(e[i],a,s)),r},{})}static providePath(e,t,s){const r=t.split(".").map(e=>/^[0-9]+$/.test(e)?+e:e);let i=e??{},a=null;for(let t=0;;++t){const n=r[t],l=r[t-1];if(Number.isInteger(n)&&!Array.isArray(i)&&(null!==a?a[l]=i=[]:e=i=[]),t===r.length-1)return i[n]=void 0!==s?s:n in i?i[n]:null,e;void 0===i[n]&&(i[n]={}),a=i,i=i[n]}}static extract(e){if("radio"===e.getAttribute("type")){if(!e.checked)return;return"boolean"===e.dataset.fulBindType?"true"===e.value:e.value}return"checkbox"===e.getAttribute("type")?e.checked:"boolean"===e.dataset.fulBindType?e.value?"true"===e.value:null:!("INPUT"!==e.tagName&&"SELECT"!==e.tagName||""!==e.value&&void 0!==e.value)?null:e.value}static extractFrom(e){let t={};for(const s of e.elements)s.hasAttribute("name")&&!s.matches(":disabled")&&(t=x.providePath(t,s.getAttribute("name"),x.extract(s)));return t}static mutate(e,t){"radio"!==e.getAttribute("type")?"checkbox"!==e.getAttribute("type")?e.value=t:e.checked=t:e.checked=e.getAttribute("value")===t}static mutateIn(e,t){const s=Array.from(e.elements).map(e=>e.getAttribute("name")).filter(e=>e);for(const[r,i]of Object.entries(x.flatten(t,"",new Set(s))))for(const t of e.querySelectorAll(`[name='${CSS.escape(r)}']`))x.mutate(t,i)}static errors(e,t,s){const r=t.filter(e=>"FIELD_ERROR"===e.type||"INVALID_FORMAT"===e.type),i=t.filter(e=>"FIELD_ERROR"!==e.type&&"INVALID_FORMAT"!==e.type);e.querySelectorAll("[name]").forEach(e=>e.setCustomValidity?.("")),e.querySelectorAll("ful-errors").forEach(e=>{e.replaceChildren(),e.setAttribute("hidden","")}),r.forEach(t=>{const s=t.context.replace("[",".").replace("].",".").replace("]","").split(".");for(let r=s.length;0!=r;--r){const i=s.slice(0,r).join("."),a=s.slice(r,s.length).join(".");e.querySelectorAll(`[name='${CSS.escape(i)}']`).forEach(e=>e.setCustomValidity?.(t.reason,a))}}),e.querySelectorAll("ful-errors").forEach(e=>{e.innerText=i.map(e=>e.reason).join("\n"),0!==i.length&&e.removeAttribute("hidden")}),0!=t.length&&s&&Array.from(e.querySelectorAll(":invalid")).sort((e,t)=>e.getBoundingClientRect().y-t.getBoundingClientRect().y)[0]?.focus()}}class T{#y;#w;#o;#E;#A;constructor(e,t,s,r,i){this.#y=e,this.#w=t,this.#o=s,this.#E=r,this.#A=i}prepare(e,t){return this.#E(e,t)}async submit(e,t){return await this.#y.request(this.#o,this.#w).json(e).fetch()}transform(e,t){return this.#A(e,t)}}class S{#E;#A;constructor(e,t){this.#E=e,this.#A=t}async prepare(e,t){return await this.#E(e,t)}async submit(e,t,s){return s}async transform(e,t){return await this.#A(e,t)}}class q{static create(e,s){const r=t.registry.component("http-client"),i=e.hasAttribute("request-mapper")?t.registry.component(e.getAttribute("request-mapper")):e=>e,a=e.hasAttribute("response-mapper")?t.registry.component(e.getAttribute("response-mapper")):e=>e,n=e.getAttribute("action");if(!n)return new S(i,a);const l=e.getAttribute("method")??"POST";return new T(r,n,l,i,a)}}class k extends t.ParsedElement{form;render(){const e=this.form=document.createElement("form");e.setAttribute("novalidate",""),t.Attributes.forward("form-",this,e),e.replaceChildren(...this.childNodes),e.addEventListener("submit",async e=>{e.preventDefault(),e.stopPropagation(),await this.submit()}),this.hasAttribute("clear-invalid-on-change")&&this.addEventListener("change",e=>{e.target.setCustomValidity?.("")}),this.replaceChildren(e)}async submit(){this.spinner(!0);try{const e=t.registry.component(this.getAttribute("loader")??"loaders:form").create(this),s=this.values;let i=await e.prepare(s,this);try{const t=new CustomEvent("submit",{bubbles:!0,cancelable:!0,detail:{values:s,request:i}});if(!this.dispatchEvent(t))return;const r=new CustomEvent("submit:requested",{bubbles:!0,cancelable:!1,detail:{values:t.detail.values,request:t.detail.request}});let a=await E.fireAsync(this,r);i=r.detail.request,a=await e.submit(i,this,a);const n=await e.transform(a,this);this.dispatchEvent(new CustomEvent("submit:success",{bubbles:!0,cancelable:!1,detail:{values:s,request:i,response:n}}))}catch(e){this.dispatchEvent(new CustomEvent("submit:failure",{bubbles:!0,cancelable:!1,detail:{values:s,request:i,exception:e}})),e instanceof r&&(this.errors=e.problems),console.warn("failed to submit form",this,"reason:",e)}}finally{this.spinner(!1)}}reset(){this.form.reset()}spinner(e){this.querySelectorAll("ful-spinner").forEach(t=>{t.hidden=!e}),this.querySelectorAll("[type=submit],[type=reset]").forEach(t=>{t.disabled=e})}set values(e){x.mutateIn(this.form,e)}get values(){return x.extractFrom(this.form)}set errors(e){x.errors(this.form,e,this.hasAttribute("scroll-on-error"))}}class L extends t.ParsedElement{static observed=["value","readonly:presence","required:presence"];static slots=!0;static template='\n        <div class="form-label">\n            <label>{{{{ slots.default }}}}</label>\n            {{{{ slots.info }}}}\n        </div>\n        <div class="input-group">\n            <span data-tpl-if="slots.ibefore" class="input-group-text">{{{{ slots.ibefore }}}}</span>\n            {{{{ slots.before }}}}\n            <input data-tpl-if="type != \'textarea\'" class="form-control" data-tpl-type="type" placeholder=" " form="">\n            <textarea data-tpl-if="type == \'textarea\'" class="form-control" placeholder=" " form=""></textarea>\n            {{{{ slots.after }}}}\n            <span data-tpl-if="slots.iafter" class="input-group-text">{{{{ slots.iafter }}}}</span>\n        </div>\n        <ful-field-error></ful-field-error>\n    ';static formAssociated=!0;_input;_fieldError;constructor(){super(),this.internals=this.attachInternals(),this.internals.role="presentation"}_type(){return this.getAttribute("type")??"text"}_fragment(e,t){return this.template().withOverlay({type:e,slots:t}).render()}render({slots:e,observed:s,disabled:r,skipObservedSetup:i}){const a=this._type(),n=this._fragment(a,e);this._input=n.querySelector("input,textarea"),t.Attributes.forward("input-",this,this._input),i||(this.disabled=r,this.readonly=s.readonly,this.required=s.required,this.value=s.value),this._input.addEventListener("change",e=>{e.stopPropagation(),this.dispatchEvent(new CustomEvent("change",{bubbles:!0,cancelable:!1,detail:{value:this.value}}))});const l=n.querySelector("label");l.addEventListener("click",()=>this.focus()),this._fieldError=n.querySelector("ful-field-error"),this._input.ariaDescribedByElements=[this._fieldError],this._input.ariaLabelledByElements=[l],this.replaceChildren(n)}get value(){return""===this._input.value?null:this._input.value}set value(e){this._input.value=""===e?null:e}get readonly(){return this._input.readOnly}set readonly(e){this._input.readOnly=e,this.reflect(()=>{t.Attributes.toggle(this,"readonly",e)})}get disabled(){return this._input.hasAttribute("disabled")}set disabled(e){t.Attributes.toggle(this._input,"disabled",e)}get required(){return"true"===this._input.getAttribute("aria-required")}set required(e){t.Attributes.set(this._input,"aria-required",e?"true":null),this.reflect(()=>{t.Attributes.toggle(this,"required",e)})}focus(e){this._input.focus(e)}setCustomValidity(e){if(!e)return this.internals.setValidity({}),void(this._fieldError.innerText="");this.internals.setValidity({customError:!0}," "),this._fieldError.innerText=e}formResetCallback(){this.value=this.unmarshal("value",this.getAttribute("value"))}}class _ extends t.ParsedElement{render(){const e=this.innerHTML.trim();if(""===e)return void(this.innerHTML=this.getAttribute("default")??"");const t=this.getAttribute("locale")??Intl.DateTimeFormat().resolvedOptions().locale,s=new Intl.DateTimeFormat(t,{year:"numeric",month:"numeric",day:"numeric"}),[r,i,a]=e.split("-").map(Number);this.innerHTML=s.format(new Date(r,i-1,a))}}class O extends t.ParsedElement{render(){const e=this.innerHTML.trim();if(""===e)return void(this.innerHTML=this.getAttribute("default")??"");const t=this.getAttribute("locale")??Intl.DateTimeFormat().resolvedOptions().locale,s=new Intl.DateTimeFormat(t,{year:"numeric",month:"numeric",day:"numeric",hour:"numeric",minute:"numeric",second:"numeric",hour12:!1});this.innerHTML=s.format(new Date(O.isoToLocal(e)))}static isoToLocal(e){const t=new Date(e),s=(e,t)=>String(t).padStart(e,"0");return`${`${t.getFullYear()}-${s(2,t.getMonth()+1)}-${s(2,t.getDate())}`}T${`${s(2,t.getHours())}:${s(2,t.getMinutes())}:${s(2,t.getSeconds())}.${s(3,t.getMilliseconds())}`}`}}class C extends L{static observed=["value","readonly:presence","required:presence","min","max","step"];_type(){return"date"}render(e){const{observed:t}=e;super.render(e),this.min=t.min,this.max=t.max,this.step=t.step}get min(){const e=this._input.min;return""===e?null:e}set min(e){this._input.min=C.#x(e)}get max(){const e=this._input.max;return""===e?null:e}set max(e){this._input.max=C.#x(e)}get step(){const e=this._input.step;return""===e?null:e}set step(e){this._input.step=e??""}static#x(e){if(!e)return"";if("now"===e)return(new Date).toISOString().split("T")[0];const t=/^([+-])(\d+)([dmy])$/.exec(e);if(!t)return e;const s="-"===t[1]?-1:1,r=+t[2],i=new Date;switch(t[3]){case"d":i.setDate(i.getDate()+r*s);break;case"m":i.setMonth(i.getMonth()+r*s);break;case"y":i.setFullYear(i.getFullYear()+r*s)}return i.toISOString().split("T")[0]}}class R extends C{_type(){return"time"}}class I extends L{static observed=["value","readonly:presence","required:presence","min","max","step"];_type(){return"datetime-local"}render(e){const{observed:t}=e;super.render(e),this.min=t.min,this.max=t.min,this.step=t.min}get value(){const e=this._input.value;return""===e?null:new Date(e).toISOString()}set value(e){this._input.value=e?O.isoToLocal(e):""}get min(){const e=this._input.min;return""===e?null:new Date(e).toISOString()}set min(e){this._input.min=e?O.isoToLocal(e):""}get max(){const e=this._input.max;return""===e?null:new Date(e).toISOString()}set max(e){this._input.max=e?O.isoToLocal(e):""}get step(){const e=this._input.step;return""===e?null:e}set step(e){this._input.step=e??""}}class z extends L{static l10n={en:{dropzonelabel:"Click or drop your files here",unaccepptablefiletype:"Only files of type {0} are supported",maxfilesizeexceeded:"Maximum supported file size is {0}",maxtotalsizeexceeded:"Maximum supported total file size is {0}"},it:{dropzonelabel:"Clicca o trascina i file qui",unaccepptablefiletype:"Solo i file di tipo {0} sono supportati",maxfilesizeexceeded:"La dimensione massima di un file è di {0}",maxtotalsizeexceeded:"La dimensione massima complessiva dei file è di {0}"}};static observed=["value","readonly:presence","required:presence","accept:csv","multiple:presence","itemlist:presence","dropzone:presence","maxfilesize:number","maxtotalsize:number"];#T;#S;#q;#k;_type(){return"file"}static template='\n        <div class="form-label">\n            <label>{{{{ slots.default }}}}</label>\n            {{{{ slots.info }}}}\n        </div>\n        <div class="input-group">\n            <span data-tpl-if="slots.ibefore" class="input-group-text">{{{{ slots.ibefore }}}}</span>\n            {{{{ slots.before }}}}\n            <input class="form-control" data-tpl-type="type" placeholder=" " form="">\n            {{{{ slots.after }}}}\n            <span data-tpl-if="slots.iafter" class="input-group-text">{{{{ slots.iafter }}}}</span>\n        </div>\n        <div data-ref="dropzone" class="dropzone" data-tpl-if="slots.dropzone">\n            {{{{ slots.dropzone }}}}\n        </div>\n        <div data-ref="dropzone" class="dropzone" data-tpl-if="!slots.dropzone">\n            {{ #l10n:t(\'dropzonelabel\') }}\n        </div>\n        <ful-item-list></ful-item-list>\n        <ful-field-warnings></ful-field-warnings>\n        <ful-field-error></ful-field-error>\n    ';static templates={items:'\n            <ful-item data-tpl-each="files" data-tpl-var="file" data-tpl-data-name="file.name">\n                <div>{{ file.name }}</div>\n                <div>{{ #bytes:format(file.size) }}</div>\n                <button type="button" class="btn btn-sm btn-outline-danger bi bi-x-lg"></button>\n            </ful-item>\n        ',warning:"<ful-field-warning>{{ #l10n:t(key, args) }}</ful-field-warning>"};render(e){const{observed:t}=e;super.render(e),this.#S=this.querySelector("ful-item-list"),this.#q=this.querySelector("[data-ref=dropzone]"),this.#k=this.querySelector("ful-field-warnings"),this.accept=t.accept,this.multiple=t.multiple,this.itemlist=t.itemlist,this.dropzone=t.dropzone,this.maxfilesize=t.maxfilesize,this.maxtotalsize=t.maxtotalsize,this.#k.addEventListener("animationend",e=>{e.target.remove()}),this.#S.addEventListener("click",e=>{if(!e.target.closest("button"))return;const t=e.target.closest("ful-item").dataset.name,s=new DataTransfer;[...this.files].filter(e=>e.name!==t).forEach(e=>s.items.add(e)),this.files=s.files,this.#L()}),this.#q.addEventListener("click",e=>{this.querySelector("input")?.click()}),this.#q.addEventListener("dragover",e=>{e.preventDefault()}),this.#q.addEventListener("drop",e=>{e.preventDefault();const t=new DataTransfer;[...e.dataTransfer.items].filter(e=>"file"===e.kind).forEach(e=>t.items.add(e.getAsFile())),this.files=t.files,this.#L()}),this._input.addEventListener("change",e=>{this.#L()})}#_(e){return e>1048576?Math.round(e/1024/1024*100)/100+"MiB":e>1024?Math.round(e/1024*100)/100+"KiB":`${e}B`}#L(){this.setCustomValidity(),this.#O(),this.#C(),this.#R(),this.template("items").withOverlay({files:this.files}).withModule("bytes",{format:this.#_}).renderTo(this.#S)}warning(e,t){this.template("warning").withOverlay({key:e,args:t}).renderTo(this.#k)}#O(){if(!this.#T)return;const e=[...this.files].filter(e=>!this.#T.some(t=>e.name.toLowerCase().endsWith(t.toLowerCase())));if(0===e.length)return;this.warning("unaccepptablefiletype",this.#T.join(","));const t=new DataTransfer;[...this.files].filter(t=>!e.includes(t)).forEach(e=>t.items.add(e)),this.files=t.files}#C(){if(null===this.#I)return;const e=[...this.files].filter(e=>e.size>this.#I);if(0===e.length)return;this.warning("maxfilesizeexceeded",this.#_(this.#I));const t=new DataTransfer;[...this.files].filter(t=>!e.includes(t)).forEach(e=>t.items.add(e)),this.files=t.files}#R(){if(null===this.#z)return;[...this.files].reduce((e,t)=>e+t.size,0)<=this.#z||(this.warning("maxtotalsizeexceeded",this.#_(this.#z)),this.files=(new DataTransfer).files)}get accept(){return this.#T}set accept(e){this._input.accept=e.join(","),this.#T=e,this.reflect(()=>{this.setAttribute("accept",this._input.accept)})}get multiple(){return this._input.multiple}set multiple(e){this._input.multiple=e,this.reflect(()=>{t.Attributes.toggle(this,"multiple",e)})}get files(){return this._input.files}set files(e){this._input.files=e}get file(){return this.files[0]??null}set file(e){const t=new DataTransfer;t.items.add(e),this.files=t.files}get value(){const e=Array.from(this._input.files).map(e=>e.name);return this.multiple?e:e[0]??null}set value(e){}#I;get maxfilesize(){return this.#I}set maxfilesize(e){this.#I=e,this.reflect(()=>{this.setAttribute("maxfilesize",e)})}#z;get maxtotalsize(){return this.#z}set maxtotalsize(e){this.#z=e,this.reflect(()=>{this.setAttribute("maxtotalsize",e)})}#D;get itemlist(){return this.#D}set itemlist(e){this.#D=e,this.reflect(()=>{t.Attributes.toggle(this,"itemlist",e)})}#P;get dropzone(){return this.#P}set dropzone(e){this.#P=e,this.reflect(()=>{t.Attributes.toggle(this,"dropzone",e)})}}class D{#y;#w;#o;#A;#N;#M;#B;constructor({http:e,url:t,method:s,responseMapper:r,prefetch:i,revision:a}){this.#y=e,this.#w=t,this.#o=s,this.#A=r,this.#N=i,this.#M=a,this.#B=null}async prefetch(){this.#N&&await this.#F()}async exact(...e){return await this.#F(),this.#B.filter(([t,s])=>e.some(e=>e==t))}async load(e){return await this.#F(),this.#B.filter(([t,s])=>(s??"").toLowerCase().includes(e?.toLowerCase()))}async reconfigureUrl(e){this.#B=null,this.#w=e}async#F(){if(null!==this.#B)return;const e=`${this.#o}@${this.#w}`;if(null!==this.#M){const t=g.load(e,this.#M);if(void 0!==t)return void(this.#B=t)}const t=await this.#y.request(this.#o,this.#w).fetchJson();this.#B=this.#A(t),null!==this.#M&&g.save(e,this.#M,this.#B)}}class P{#y;#w;#o;#A;constructor({http:e,url:t,method:s,responseMapper:r}){this.#y=e,this.#w=t,this.#o=s,this.#A=r}async exact(...e){const t=await this.#y.request(this.#o,this.#w).param("k",...e).fetchJson();return this.#A(t)}async load(e){const t=await this.#y.request(this.#o,this.#w).param("s",e).fetchJson();return this.#A(t)}}class N{#B;constructor(e){this.#B=e}update(e){this.#B=e}exact(...e){return this.#B.filter(([t,s])=>e.some(e=>e==t))}load(e){return this.#B.filter(([t,s])=>(s??"").toLowerCase().includes(e?.toLowerCase()))}}class M{static create(e,s){if(!e.hasAttribute("src")){const e=Array.from(s.options?.querySelectorAll("option")??[]).map(e=>[e.getAttribute("value")??e.innerText.trim(),e.innerText.trim()]);return new N(e)}const r=t.registry.component("http-client"),i=M.#$(e);return"chunked"==e.getAttribute("mode")?new P({http:r,url:e.getAttribute("src"),method:e.getAttribute("method")??"POST",responseMapper:i}):new D({http:r,url:e.getAttribute("src"),method:e.getAttribute("method")??"POST",responseMapper:i,prefetch:e.hasAttribute("preload"),revision:e.getAttribute("revision")})}static#$(e){return e.hasAttribute("k-expr")&&e.hasAttribute("l-expr")?s=>{const r=t.registry.evaluator().withOverlay(s);return[r.evaluateExpression(e.getAttribute("k-expr")),r.evaluateExpression(e.getAttribute("l-expr")),r.evaluateExpression(e.getAttribute("m-expr")??"self")]}:e.hasAttribute("response-mapper")?t.registry.component(e.getAttribute("response-mapper")):e=>e}}class B extends t.ParsedElement{static slots=!0;static template='\n        <ful-spinner class="centered" hidden></ful-spinner>\n        <menu tabindex="-1" hidden></menu>\n    ';#U;#H;#p=new Map;render({slots:e}){const t=this.template().render();this.#U=t.querySelector("ful-spinner"),this.#H=t.querySelector("menu"),this.#H.addEventListener("click",e=>{e.stopPropagation(),e.target.matches("li")?this.#j(e.target):this.hide()}),this.replaceChildren(t)}acceptSelection(){const e=this.#H.querySelector("[selected]")??this.#H.firstElementChild;this.#j(e)}update(e){if(void 0===e)throw new Error("null data");if(this.#p=new Map(e.map((e,t)=>[String(t),e])),0===e.length){const e=document.createElement("div");return e.classList.add("text-center","py-2","bi","bi-database-slash"),void this.#H.replaceChildren(e)}this.#H.replaceChildren(...e.map(([e,t,s],r)=>{const i=document.createElement("li");return 0===r&&i.setAttribute("selected",""),i.setAttribute("value",r),i.innerText=t,i}))}#j(e){const t=e.getAttribute("value"),s=this.#p.get(t);this.hide(),this.dispatchEvent(new CustomEvent("change",{bubbles:!0,cancelable:!1,detail:{index:t,data:s}}))}hide(){this.setAttribute("hidden","")}get shown(){return!this.hasAttribute("hidden")}async show(e){this.removeAttribute("hidden"),this.#H.setAttribute("hidden",""),this.#U.removeAttribute("hidden");try{const t=await e();this.update(t)}finally{this.#U.setAttribute("hidden",""),this.#H.removeAttribute("hidden")}}async moveOrShow(e,t){if(this.shown){const t=this.#H.querySelector("[selected]")??this.#H.firstElementChild,s=t[(e?"next":"previous")+"ElementSibling"];return void(s&&(t.removeAttribute("selected"),s.setAttribute("selected",""),s.scrollIntoView({block:"nearest",behavior:"smooth"})))}await this.show(t)}}class F extends t.ParsedElement{static observed=["value:csvm","readonly:presence","required:presence","itemlist:presence"];static slots=!0;static template='\n        <div class="form-label">\n            <label>{{{{ slots.default }}}}</label>\n            {{{{ slots.info }}}}\n        </div>\n        <div class="input-group flex-nowrap" tabindex="-1">\n            <span data-tpl-if="slots.ibefore" class="input-group-text">{{{{ slots.ibefore }}}}</span>\n            {{{{ slots.before }}}}\n            <div class="ful-select-input-container">\n                <div class="ful-select-input">\n                    <badges></badges>\n                    <input type="text" form="">\n                </div>\n                <ful-dropdown hidden popover="manual"></ful-dropdown>\n            </div>\n            {{{{ slots.after }}}}\n            <span data-tpl-if="slots.iafter" class="input-group-text">{{{{ slots.iafter }}}}</span>\n        </div>\n        <ful-item-list></ful-item-list>\n        <ful-field-error></ful-field-error>\n    ';static templates={items:'\n            <ful-item data-tpl-each="entries" data-tpl-var="entry" data-tpl-data-key="entry[0]">\n                <div>{{ entry[1][0] }}</div>\n                <button type="button" class="btn btn-sm btn-outline-danger bi bi-x-lg"></button>\n            </ful-item>\n        '};static formAssociated=!0;internals;#V;#G;#J;#W;#S;#K;#Y;#Q=new Map;constructor(){super(),this.internals=this.attachInternals(),this.internals.role="presentation"}async render({slots:e,observed:s,disabled:r}){const i=this.getAttribute("name");this.#V=t.registry.component(this.getAttribute("loader")??"loaders:select").create(this,{options:e.options}),this.#K=this.hasAttribute("multiple"),await(this.#V.prefetch?.());const a=this.template().withOverlay({slots:e,name:i}).render();this.#W=a.querySelector("input"),this.#S=a.querySelector("ful-item-list"),t.Attributes.forward("input-",this,this.#W),this.#G=a.querySelector("badges"),this.value=s.value,this.disabled=r,this.readonly=s.readonly,this.required=s.required,this.itemlist=s.itemlist,this.#J=a.querySelector("ful-dropdown");const n=a.querySelector("label");n.addEventListener("click",()=>this.focus()),this.#Y=a.querySelector("ful-field-error"),this.#W.ariaDescribedByElements=[this.#Y],this.#W.ariaLabelledByElements=[n];const l=this,[o,u]=A.throttle(400,()=>l.#J.show(()=>l.#V.load(l.#W.value)));this.addEventListener("click",e=>{e.target.matches("input")||this.disabled||this.readonly||(this.#J.shown?this.#J.hide():(this.#W.focus(),o()))}),this.#S.addEventListener("click",e=>{if(e.stopPropagation(),!e.target.closest("button"))return;if(this.disabled||this.readonly)return;-1!==[...this.#S.children].indexOf(e.target.closest("ful-item"))&&(this.#Q.delete(Array.from(this.#Q.keys()).pop()),this.#X(),this.#Z())}),this.#G.addEventListener("click",e=>{if(e.stopPropagation(),this.disabled||this.readonly)return;-1!==[...this.#G.children].indexOf(e.target)&&(this.#Q.delete(Array.from(this.#Q.keys()).pop()),this.#X(),this.#Z())}),this.#W.addEventListener("change",e=>{e.stopPropagation()}),this.#W.addEventListener("blur",e=>{e.stopPropagation(),e.relatedTarget&&this.contains(e.relatedTarget)||(u(),this.#J.hide(),this.#W.value="")}),this.#W.addEventListener("keydown",e=>{if(e.stopPropagation(),!this.disabled&&!this.readonly)switch(e.code){case"ArrowUp":this.#J.moveOrShow(!1,()=>l.#V.load(l.#W.value));break;case"ArrowDown":this.#J.moveOrShow(!0,()=>l.#V.load(l.#W.value));break;case"Escape":this.#J.hide();break;case"Enter":this.#J.acceptSelection(),this.#W.value="";break;case"Backspace":this.#Q.size&&0===this.#W.selectionStart&&0===this.#W.selectionEnd&&(this.#Q.delete(Array.from(this.#Q.keys()).pop()),this.#X(),this.#Z());break;case"Tab":this.#J.hide(),u()}}),this.#W.addEventListener("input",e=>{e.stopPropagation(),this.disabled||this.readonly||o()}),this.#J.addEventListener("change",e=>{e.stopPropagation(),this.#K||this.#Q.clear(),this.#Q.set(e.detail.data[0],e.detail.data.slice(1)),this.#X(),this.#Z(),this.#W.focus(),this.#J.hide(),this.#W.value=""}),this.replaceChildren(a)}async withLoader(e){await e(this.#V)}#X(){const e=[...this.#Q.entries()].map(e=>({key:e[0],label:e[1][0],metadata:e[1].slice(1)})),t=this.#K?e:e[0]??null;this.dispatchEvent(new CustomEvent("change",{bubbles:!0,cancelable:!1,detail:{value:t}}))}#Z(){const e=Array.from(this.#Q.entries()).map(([e,t])=>{const s=document.createElement("badge");return s.setAttribute("role","button"),s.setAttribute("value",e),s.innerText=t[0],s});this.#G.replaceChildren(),this.#G.append(...e),this.#S.replaceChildren(),this.template("items").withOverlay({entries:this.#Q.entries()}).renderTo(this.#S)}set value(e){if(null===e)return this.#Q=new Map,void this.#Z();(async()=>{const t=await(this.#K?this.#V.exact(...e):this.#V.exact(e));this.#Q=new Map(t.map(e=>[e[0],e.slice(1)])),this.#Z()})()}get value(){return this.#K?[...this.#Q.keys()]:[...this.#Q.keys()][0]??null}get entry(){return this.#K?[...this.#Q.entries()]:[...this.#Q.entries()][0]??null}get disabled(){return this.#W.hasAttribute("disabled")}set disabled(e){t.Attributes.toggle(this.#W,"disabled",e)}get readonly(){return this.#W.readOnly}set readonly(e){this.#W.readOnly=e,this.reflect(()=>{t.Attributes.toggle(this,"readonly",e)})}get required(){return"true"===this.#W.getAttribute("aria-required")}set required(e){t.Attributes.set(this.#W,"aria-required",e?"true":null),this.reflect(()=>{t.Attributes.toggle(this,"required",e)})}#D;get itemlist(){return this.#D}set itemlist(e){this.#D=e,this.reflect(()=>{t.Attributes.toggle(this,"itemlist",e)})}focus(e){this.#W.focus(e)}setCustomValidity(e){if(!e)return this.internals.setValidity({}),void(this.#Y.innerText="");this.internals.setValidity({customError:!0}," "),this.#Y.innerText=e}}class $ extends t.ParsedElement{static observed=["value","readonly:presence","required:presence"];static slots=!0;static template='\n        <fieldset>\n            <legend class="form-label">\n                {{{{ slots.default }}}}\n            </legend>\n            <header data-tpl-if="slots.header">\n                {{{{ slots.header }}}}\n            </header>\n            <section>\n                <div class="label-wrapper" data-tpl-each="inputsAndLabels" data-tpl-var="ial">\n                    <label>\n                        {{{{ ial[0] }}}}\n                        <div>{{{{ ial[1] }}}}</div>\n                    </label>\n                </div>\n            </section>\n            <ful-field-error></ful-field-error>\n            <footer data-tpl-if="slots.footer">\n                {{{{ slots.footer }}}}\n            </footer>\n        </fieldset>\n    ';static formAssociated=!0;#ee;#Y;#te;#se;constructor(){super(),this.internals=this.attachInternals(),this.internals.role="radiogroup"}render({slots:e,observed:s,disabled:r}){const i=this.getAttribute("name")??t.Attributes.uid("ful-radiogroup"),a=Array.from(e.default.querySelectorAll("ful-radio")),n=a.map(e=>{const s=document.createElement("input");s.setAttribute("type","radio"),t.Attributes.forward("input-",this,s),t.Attributes.forward("",e,s),s.setAttribute("name",`${i}-ignore`),s.setAttribute("form",""),s.addEventListener("change",e=>{e.stopPropagation(),this.dispatchEvent(new CustomEvent("change",{bubbles:!0,cancelable:!1,detail:{value:this.value}}))});return[s,t.Fragments.fromChildNodes(e)]});a.forEach(e=>e.remove()),this.template().withOverlay({name:i,slots:e,inputsAndLabels:n}).renderTo(this),this.#ee=this.firstElementChild,this.disabled=r,this.readonly=s.readonly,this.required=s.required,this.value=s.value,this.#Y=this.querySelector("ful-field-error"),this.ariaDescribedByElements=[this.#Y],this.#te=this.querySelector("input[type=radio]"),this.#se="boolean"===this.getAttribute("type")}get value(){const e=this.querySelector("input[type=radio]:checked");return e?this.#se?"true"===e.value:e.value:null}set value(e){if(null===e)return void this.querySelectorAll("input[type=radio]").forEach(e=>{e.checked=!1});const t=this.querySelector(`input[type=radio][value=${CSS.escape(String(e))}]`);t&&(t.checked=!0)}get readonly(){return this.#ee.inert}set readonly(e){this.#ee.inert=e,this.reflect(()=>{t.Attributes.toggle(this,"readonly",e)})}get disabled(){return this.#ee.hasAttribute("disabled")}set disabled(e){t.Attributes.toggle(this.#ee,"disabled",e)}get required(){return"true"===this.#ee.getAttribute("aria-required")}set required(e){t.Attributes.set(this.#ee,"aria-required",e?"true":null),this.reflect(()=>{t.Attributes.toggle(this,"required",e)})}focus(e){this.#te.focus(e)}setCustomValidity(e){if(!e)return this.internals.setValidity({}),void(this.#Y.innerText="");this.internals.setValidity({customError:!0}," "),this.#Y.innerText=e}}class U extends t.ParsedElement{static observed=["value:bool","readonly:presence","required:presence"];static slots=!0;static template='\n        <div data-tpl-class="klass">\n            <div class="input-container">\n                <input class="form-check-input" type="checkbox" role="switch" form="" placeholder=" ">\n            </div>\n            <div class="form-check-label">\n                <label>{{{{ slots.default }}}}</label>\n                {{{{ slots.info }}}}\n            </div>\n        </div>\n        <ful-field-error></ful-field-error>\n    ';#re;#W;#Y;static formAssociated=!0;constructor(){super(),this.internals=this.attachInternals(),this.internals.role="presentation"}render({slots:e,observed:s,disabled:r}){const i="switch"==this.getAttribute("type")?"form-check form-switch":"form-check",a=this.template().withOverlay({slots:e,klass:i}).render();this.#re=a.firstElementChild,this.#W=a.querySelector("input"),t.Attributes.forward("input-",this,this.#W),this.disabled=r,this.readonly=s.readonly,this.required=s.required,this.value=s.value,this.#W.addEventListener("change",e=>{e.stopPropagation(),this.dispatchEvent(new CustomEvent("change",{bubbles:!0,cancelable:!1,detail:{value:this.value}}))});const n=a.querySelector("label");n.addEventListener("click",()=>{this.focus(),this.disabled||this.readonly||(this.value=!this.value)}),this.#Y=a.querySelector("ful-field-error"),this.#W.ariaDescribedByElements=[this.#Y],this.#W.ariaLabelledByElements=[n],this.replaceChildren(a)}get value(){return this.#W.checked}set value(e){this.#W.checked=e}get readonly(){return this.#re.inert}set readonly(e){this.#re.inert=e,this.reflect(()=>{t.Attributes.toggle(this,"readonly",e)})}get disabled(){return this.#W.hasAttribute("disabled")}set disabled(e){t.Attributes.toggle(this.#W,"disabled",e)}get required(){return"true"===this.#W.getAttribute("aria-required")}set required(e){t.Attributes.set(this.#W,"aria-required",e?"true":null),this.reflect(()=>{t.Attributes.toggle(this,"required",e)})}focus(e){this.#W.focus(e)}setCustomValidity(e){if(!e)return this.internals.setValidity({}),void(this.#Y.innerText="");this.internals.setValidity({customError:!0}," "),this.#Y.innerText=e}}class H extends t.ParsedElement{static slots=!0;static template='\n        <div class="ful-spinner-wrapper" role="status">\n            <div class="ful-spinner-text">{{{{ slots.default }}}}</div>\n            <div class="ful-spinner-icon"></div>\n        </div>\n    ';render({slots:e}){this.template().withOverlay({slots:e}).renderTo(this)}}class j extends t.ParsedElement{static observed=["order"];#ie;render(){const e=this.getAttribute("sorter"),t=["asc","desc",null];this.addEventListener("click",()=>{const s=t[(t.indexOf(this.order)+1)%3];this.dispatchEvent(new CustomEvent("sort-requested",{bubbles:!0,cancelable:!0,detail:{value:{sorter:e,order:s}}}))})}get order(){return this.#ie||null}set order(e){this.#ie=e||null,this.reflect(()=>{this.#ie?this.setAttribute("order",e):this.removeAttribute("order")})}}class V extends t.ParsedElement{static observed=["total:number","current:number"];static l10n={en:{showing:"Page {0} of {1}",navigation:"Page navigation",previous:"Previous",next:"Next"},it:{showing:"Pagina {0} di {1}",navigation:"Navigazione pagine",previous:"Precedente",next:"Successivo"}};static config={prevIcon:"bi bi-chevron-left",nextIcon:"bi bi-chevron-right",reloadIcon:"bi bi-arrow-clockwise"};static template='\n        <nav data-tpl-aria-label="#l10n:t(\'navigation\')" class="user-select-none">\n            <ul class="pagination">\n                <li class="page-item ms-auto me-2 pagination-index"> {{ #l10n:t(\'showing\', curr.label, total) }}</li>\n                <li class="page-item me-2 reload"><a role="button"><i data-tpl-class="config.reloadIcon"></i></a></li>\n                <li class="page-item prev">\n                    <a data-tpl-class="prev.enabled?\'page-link\':\'page-link disabled\'" data-tpl-aria-label="#l10n:t(\'previous\')" role="button" data-tpl-data-page="prev.index">\n                        <i aria-hidden="true" data-tpl-class="config.prevIcon"></i>\n                    </a>\n                </li>\n                <li class="page-item" data-tpl-each="pages" data-tpl-var="page">\n                    <a data-tpl-class="curr.index != page.index ? \'page-link\': \'page-link disabled\'" role="button" data-tpl-data-page="page.index" >\n                        {{ page.label }}\n                    </a>\n                </li>\n                <li class="page-item next">\n                    <a data-tpl-class="next.enabled?\'page-link\':\'page-link disabled\'" data-tpl-aria-label="#l10n:t(\'next\')" role="button" data-tpl-data-page="next.index">\n                        <i aria-hidden="true" data-tpl-class="config.nextIcon"></i>\n                    </a>\n                </li>\n            </ul>\n        </nav>\n    ';#ae=0;#n=0;render({observed:e}){this.update(e.current??0,e.total??0),this.addEventListener("click",e=>{const t=e.target.closest("a");t&&this.dispatchEvent(new CustomEvent("page-requested",{bubbles:!0,cancelable:!0,detail:{value:Number(t.dataset.page??this.#n)}}))})}update(e,t){const s=Number(this.getAttribute("pages")??"5"),r={index:Math.max(0,e-1),enabled:e>0},i={index:e,label:e+1},a={index:Math.min(t,e+1),enabled:e+1<t},n=[{index:e,label:e+1}];for(let r=e,i=1;i!==s&&n.length!=s;++i){const e=r-i;e>=0&&n.unshift({index:e,label:e+1});const s=r+i;s<t&&n.push({index:s,label:s+1})}this.template().withOverlay({total:t,prev:r,curr:i,next:a,pages:n}).renderTo(this)}get total(){return this.#ae}set total(e){this.#ae=e,this.reflect(()=>{this.setAttribute("total",String(e)),this.update(this.#n??0,this.#ae)})}get current(){return this.#n}set current(e){this.#n=e,this.reflect(()=>{this.setAttribute("current",String(e)),this.update(this.#n,this.#ae??0)})}}class G{static parse(e,s){const r=t.Nodes.queryChildren(e,"schema");if(!r)throw new Error(`missing expected <schema> in ${e}`);const i=document.createElement("tr"),a=document.createElement("tr");a.setAttribute("data-tpl-each","rows");for(const e of r.getAttributeNames()){const t=r.getAttribute(e);i.setAttribute(e,t??""),a.setAttribute(e,t??"")}const n=t.Nodes.queryChildrenAll(r,"column"),l=n.filter(e=>e.hasAttribute("order")).map(e=>({sorter:e.getAttribute("sorter"),order:e.getAttribute("order")}))[0]??null;for(var o of n){const e=t.Nodes.queryChildren(o,"title"),s=o.getAttribute("sorter"),r=o.getAttribute("order"),n=e??document.createTextNode(o.getAttribute("title")??"");e?.remove(),o.removeAttribute("sorter"),o.removeAttribute("order"),o.removeAttribute("title");const l=s||r?(()=>{const e=document.createElement("ful-sorter");return s&&e.setAttribute("sorter",s),r&&e.setAttribute("order",r),e.append(n),e})():n,u=document.createElement("th"),d=document.createElement("td");for(const e of o.getAttributeNames()){const t=o.getAttribute(e);u.setAttribute(e,t??""),d.setAttribute(e,t??"")}u.append(l),d.append(...o.childNodes),i.append(u),a.append(d)}return{headersTemplate:s.withOverlay({inHeaders:!0,inRows:!1}).withFragment(t.Fragments.from(i)),rowsTemplate:s.withOverlay({inHeaders:!1,inRows:!0}).withFragment(t.Fragments.from(a)),sort:l,length:n.length}}}class J{#y;#w;#o;constructor(e,t,s){this.#y=e,this.#w=t,this.#o=s}async load(e,t,s){const r=Object.entries(s).filter(([e,t])=>t);return await this.#y.request(this.#o,this.#w).param("page",e.page).param("size",e.size).param("sort",t?`${t.sorter},${t.order}`:null).param("filters",r.length>0?JSON.stringify(Object.fromEntries(r)):null).fetchJson()}}class W{static create(e,s){const r=t.registry.component("http-client"),i=e.getAttribute("src"),a=e.getAttribute("method")??"GET";return new J(r,i,a)}}class K extends t.ParsedElement{static slots=!0;static l10n={en:{initial:"Start searching to see results.",error:"Error while loading data:",nodata:"No elements found."},it:{initial:"Avvia la ricerca per visualizzare i risultati.",error:"Errore nel caricamento dei dati:",nodata:"Nessun elemento trovato."}};static config={searchIcon:"bi bi-search"};static template='\n        <ful-form data-tpl-if="slots.filters">\n            {{{{ slots.filters }}}}\n        </ful-form>\n        <div class="table-wrapper">\n            <table class="table">\n                <caption data-tpl-if="slots.caption">{{{{ slots.caption }}}}</caption>\n                <thead></thead>\n                <tbody></tbody>\n                <tbody data-ref="initial">\n                    <tr>\n                        <td data-tpl-colspan="schema.length">\n                            <div>\n                                <p data-tpl-if="config.searchIcon"><i data-tpl-class="config.searchIcon"></i></p>\n                                {{{ #l10n:t(\'initial\') }}}\n                            </div>\n                        </td>\n                    </tr>\n                </tbody>\n                <tbody data-ref="loading" hidden>\n                    <tr>\n                        <td data-tpl-colspan="schema.length">\n                            <ful-spinner class="big"></ful-spinner>\n                        </td>\n                    </tr>\n                </tbody>\n                <tbody data-ref="feedback" hidden>\n                    <tr>\n                        <td data-tpl-colspan="schema.length">\n                            <div class="alert alert-danger">\n                                <p>{{ #l10n:t(\'error\') }}</p>\n                                <div data-ref="feedback-error"></div>\n                            </div>\n                        </td>\n                    </tr>\n                </tbody>\n                <tfoot data-tpl-if="slots.footer">\n                    {{{{ slots.footer }}}}\n                </tfoot>\n            </table>\n        </div>\n        <ful-pagination current="0" total="1"></ful-pagination>\n    ';static templates={row:'\n            <tr data-tpl-if="pageResponse.data.length == 0">\n                <td data-tpl-colspan="schema.length" class="text-center align-middle p-4">\n                    {{ #l10n:t(\'nodata\') }}\n                </td>\n            </tr>\n            {{{{ schema.rowsTemplate.withOverlay({\'rows\': pageResponse.data}).render() }}}}\n        '};#ne;#h;#le;#oe;#ue;#de;#ce;#he;async render({slots:e,observed:s}){const r=this.template(),i=G.parse(e.default,r),a=r.withOverlay({slots:e,schema:i}).render(),n=t.Nodes.queryChildren(a,".table-wrapper").querySelector("table");t.Attributes.forward("table-",this,n),this.#ne=i,this.#h=n.querySelector(":scope > tbody"),this.#le=n.querySelector(":scope > tbody[data-ref=loading]"),this.#oe=n.querySelector(":scope > tbody[data-ref=initial]"),this.#ue=n.querySelector(":scope > tbody[data-ref=feedback]"),this.#de=t.Nodes.queryChildren(a,"ful-pagination"),this.#ce=n.querySelectorAll(":scope > thead ful-sorter")??[],this.replaceChildren(a),i.headersTemplate.renderTo(this.querySelector("thead")),await t.Rendering.waitForChildren(this);const l=t.Nodes.queryChildren(this,"ful-form");this.#he={pageRequest:{page:0,size:this.getAttribute("page-size")?Number(this.getAttribute("page-size")):10},sortRequest:i.sort,filterRequest:l?.values??{}},l?.addEventListener("submit:success",async e=>{await this.load({page:0,size:this.#he.pageRequest.size},this.#he.sortRequest,e.detail.request)}),this.addEventListener("page-requested",async e=>{await this.load({page:e.detail.value,size:this.#he.pageRequest.size},this.#he.sortRequest,this.#he.filterRequest)}),this.addEventListener("sort-requested",async e=>{const t=e.detail.value.order?e.detail.value:null;await this.load(this.#he.pageRequest,t,this.#he.filterRequest),this.#ce.forEach(e=>e.order=null),e.target.order=e.detail.value.order}),this.hasAttribute("autoload")&&await this.reload()}async reload(){return await this.load(this.#he.pageRequest,this.#he.sortRequest,this.#he.filterRequest)}async load(e,s,r){this.#h.replaceChildren(),this.#le.removeAttribute("hidden",""),this.#ue.setAttribute("hidden",""),this.#oe.setAttribute("hidden","");try{const i=t.registry.component(this.getAttribute("loader")??"loaders:table").create(this),a=await i.load(e,s,r);this.#he={pageRequest:e,sortRequest:s,filterRequest:r},this.#L(e,s,r,a)}catch(e){throw this.#le.setAttribute("hidden",""),this.#ue.removeAttribute("hidden",""),e.problems?this.#ue.querySelector("[data-ref=feedback-error]").textContent=e.problems.map(e=>`${e.reason}`):this.#ue.querySelector("[data-ref=feedback-error]").textContent=e,e}}async resetWithFilter(e){return await this.load({page:0,size:this.#he.pageRequest.size},this.#he.sortRequest,e)}#L(e,t,s,r){this.#le.setAttribute("hidden",""),this.#h.replaceChildren(this.template("row").withOverlay({schema:this.#ne,pageRequest:e,filterRequest:s,pageResponse:r}).render()),this.#de.current=e.page,this.#de.total=Math.ceil(r.size/e.size)}}class Y extends L{static observed=["value:json","readonly:presence","required:presence"];static template='\n        <div class="form-label">\n            <label>{{{{ slots.default }}}}</label>\n            {{{{ slots.info }}}}\n        </div>\n        <div class="input-group">\n            <span data-tpl-if="slots.ibefore" class="input-group-text">{{{{ slots.ibefore }}}}</span>\n            {{{{ slots.before }}}}\n            <button data-ref="operator" class="btn btn-outline-secondary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false" value="LTE" form="">&PrecedesSlantEqual;</button>\n            <ul class="dropdown-menu">\n                <li><a class="dropdown-item" role="button" value="EQ">=</a></li>\n                <li><a class="dropdown-item" role="button" value="NEQ">&ne;</a></li>\n                <li><a class="dropdown-item" role="button" value="LT">&prec;</a></li>\n                <li><a class="dropdown-item" role="button" value="GT">&succ;</a></li>\n                <li><a class="dropdown-item" role="button" value="LTE">&PrecedesSlantEqual;</a></li>\n                <li><a class="dropdown-item" role="button" value="GTE">&SucceedsSlantEqual;</a></li>\n                <li><a class="dropdown-item" role="button" value="BETWEEN">&LeftRightArrow;</a></li>\n            </ul>\n            <input data-ref="value1" type="datetime-local" class="form-control" form="">\n            <input data-ref="value2" type="datetime-local" class="form-control" form="" hidden>\n            {{{{ slots.after }}}}\n            <span data-tpl-if="slots.iafter" class="input-group-text">{{{{ slots.iafter }}}}</span>\n        </div>\n        <ful-field-error></ful-field-error>\n    ';#pe;#fe;#me;render(e){super.render({...e,skipObservedSetup:!0}),this.#pe=this.querySelector("[data-ref=operator]"),this.#fe=this.querySelector("[data-ref=value1]"),this.#me=this.querySelector("[data-ref=value2]"),this.disabled=e.disabled,this.readonly=e.observed.readonly,this.required=e.observed.required,this.value=e.observed.value,this.addEventListener("click",e=>{const s=e.target;if(!s.matches("ul > li > a"))return;const r=s.closest("ul")?.previousElementSibling,i=s.getAttribute("value");t.Attributes.toggle(this.#me,"hidden","BETWEEN"!==i),r.setAttribute("value",i),r.innerHTML=s.innerHTML})}get value(){const e=this.#pe.getAttribute("value"),t="BETWEEN"===e?[this.#fe.value,this.#me.value]:[this.#fe.value];return t.some(e=>""===e)?void 0:[e,...t.map(e=>new Date(e).toISOString())]}set value(e){if(null==e)return this.#fe.value="",void(this.#me.value="");const[t,...s]=e;this.#pe.setAttribute("value",t),this.#fe.value=s[0]?O.isoToLocal(s[0]):s[0],this.#me.value=s[1]?O.isoToLocal(s[1]):s[1]}set readonly(e){this.#me.readOnly=e,super.readonly=e}set disabled(e){t.Attributes.toggle(this.#me,"disabled",e),super.disabled=e}}class Q extends L{static observed=["value:json","readonly:presence","required:presence"];static template='\n        <div class="form-label">\n            <label>{{{{ slots.default }}}}</label>\n            {{{{ slots.info }}}}\n        </div>\n        <div class="input-group">\n            <span data-tpl-if="slots.ibefore" class="input-group-text">{{{{ slots.ibefore }}}}</span>\n            {{{{ slots.before }}}}\n            <button data-ref="operator" class="btn btn-outline-secondary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false" value="EQ" form="">=</button>\n            <ul class="dropdown-menu">\n                <li><a class="dropdown-item" role="button" value="EQ">=</a></li>\n                <li><a class="dropdown-item" role="button" value="NEQ">&ne;</a></li>\n                <li><a class="dropdown-item" role="button" value="LT">&prec;</a></li>\n                <li><a class="dropdown-item" role="button" value="GT">&succ;</a></li>\n                <li><a class="dropdown-item" role="button" value="LTE">&PrecedesSlantEqual;</a></li>\n                <li><a class="dropdown-item" role="button" value="GTE">&SucceedsSlantEqual;</a></li>\n                <li><a class="dropdown-item" role="button" value="BETWEEN">&LeftRightArrow;</a></li>\n            </ul>\n            <input data-ref="value1" type="date" class="form-control" form="">\n            <input data-ref="value2" type="date" class="form-control" form="" hidden>\n            {{{{ slots.after }}}}\n            <span data-tpl-if="slots.iafter" class="input-group-text">{{{{ slots.iafter }}}}</span>\n        </div>\n        <ful-field-error></ful-field-error>\n    ';#pe;#fe;#me;render(e){super.render({...e,skipObservedSetup:!0}),this.#pe=this.querySelector("[data-ref=operator]"),this.#fe=this.querySelector("[data-ref=value1]"),this.#me=this.querySelector("[data-ref=value2]"),this.disabled=e.disabled,this.readonly=e.observed.readonly,this.required=e.observed.required,this.value=e.observed.value,this.addEventListener("click",e=>{const s=e.target;if(!s.matches("ul > li > a"))return;const r=s.closest("ul")?.previousElementSibling,i=s.getAttribute("value");t.Attributes.toggle(this.#me,"hidden","BETWEEN"!==i),r.setAttribute("value",i),r.innerHTML=s.innerHTML})}get value(){const e=this.#pe.getAttribute("value"),t="BETWEEN"==e?[this.#fe.value,this.#me.value]:[this.#fe.value];return t.some(e=>""===e)?void 0:[e,...t]}set value(e){if(null==e)return this.#fe.value="",void(this.#me.value="");const[t,...s]=e;this.#pe.setAttibute("value",t),this.#fe.value=s[0],this.#me.value=s[1]}set readonly(e){this.#me.readOnly=e,super.readonly=e}set disabled(e){t.Attributes.toggle(this.#me,"disabled",e),super.disabled=e}}class X extends L{static observed=["value:json","readonly:presence","required:presence"];static template='\n        <div class="form-label">\n            <label>{{{{ slots.default }}}}</label>\n            {{{{ slots.info }}}}\n        </div>\n        <div class="input-group">\n            <span data-tpl-if="slots.ibefore" class="input-group-text">{{{{ slots.ibefore }}}}</span>\n            {{{{ slots.before }}}}\n            <button data-ref="operator" class="btn btn-outline-secondary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false" value="CONTAINS" form="">&mldr;a&mldr;</button>\n            <ul class="dropdown-menu">\n                <li><a class="dropdown-item" role="button" value="CONTAINS">&mldr;a&mldr;</a></li>\n                <li><a class="dropdown-item" role="button" value="STARTS_WITH">a&mldr;</a></li>\n                <li><a class="dropdown-item" role="button" value="ENDS_WITH">&mldr;a</a></li>\n                <li><a class="dropdown-item" role="button" value="EQ">=</a></li>\n            </ul>\n            <input data-ref="value" type="text" class="form-control" form="">\n            {{{{ slots.after }}}}\n            <span data-tpl-if="slots.iafter" class="input-group-text">{{{{ slots.iafter }}}}</span>\n        </div>\n        <ful-field-error></ful-field-error>\n    ';#pe;#be;render(e){super.render({...e,skipObservedSetup:!0}),this.#pe=this.querySelector("[data-ref=operator]"),this.#be=this.querySelector("[data-ref=value]"),this.disabled=e.disabled,this.readonly=e.observed.readonly,this.required=e.observed.required,this.value=e.observed.value,this.addEventListener("click",e=>{const t=e.target;if(!t.matches("ul > li > a"))return;const s=t.closest("ul")?.previousElementSibling,r=t.getAttribute("value");s.setAttribute("value",r),s.innerHTML=t.innerHTML})}get value(){const e=this.#pe.getAttribute("value");return""===this.#be.value?void 0:[e,"IGNORE_CASE",this.#be.value]}set value(e){if(null==e)return void(this.#be.value="");const[t,s,r]=e;this.#pe.setAttribute("value",t),this.#be.value=r}}class Z{static t(e,...t){const s=this.l10n[this.language][e]??this.l10n.en[e]??e;return 0===t.length?s:s.replace(/{(\d+)}/g,(e,s)=>t[Number(s)])}static tl(e,t){return Z.t(e,...t)}}return e.AsyncEvents=E,e.AuthorizationCodeFlow=v,e.AuthorizationCodeFlowInterceptor=w,e.AuthorizationCodeFlowSession=y,e.Base64=s,e.Bindings=x,e.Checkbox=U,e.Dropdown=B,e.Failure=r,e.Form=k,e.FormLoader=q,e.Hex=class{static decode(e){if(e.length%2!=0)throw new Error("invalid length");const t=e.length/2;return new Uint8Array(t).map((t,s)=>{const r=2*s,i=e.substring(r,r+2);return parseInt(i,16)})}static encode(e,t){return Array.from(e).map(e=>e.toString(16)).map(e=>t?e.toUpperCase():e).map(e=>e.padStart(2,0)).join("")}},e.HttpClient=c,e.HttpClientError=a,e.Input=L,e.InputFile=z,e.InputInstant=I,e.InputLocalDate=C,e.InputLocalTime=R,e.Instant=O,e.InstantFilter=Y,e.LocalDate=_,e.LocalDateFilter=Q,e.LocalStorage=m,e.LocalizationModule=Z,e.MediaType=i,e.Pagination=V,e.Plugin=class{configure(e){const t=c.builder().withCsrfToken().withRedirectOnUnauthorized("/").build();e.defineModule("l10n",Z).defineComponent("http-client",t).defineElement("ful-spinner",H).defineElement("ful-form",k).defineElement("ful-checkbox",U).defineElement("ful-input",L).defineElement("ful-input-file",z).defineElement("ful-local-date",_).defineElement("ful-instant",O).defineElement("ful-input-local-date",C).defineElement("ful-input-local-time",R).defineElement("ful-input-instant",I).defineElement("ful-radio-group",$).defineElement("ful-table",K).defineElement("ful-pagination",V).defineElement("ful-sorter",j).defineElement("ful-filter-instant",Y).defineElement("ful-filter-local-date",Q).defineElement("ful-filter-text",X).defineElement("ful-select",F).defineElement("ful-dropdown",B).defineComponent("loaders:select",M).defineComponent("loaders:form",q).defineComponent("loaders:table",W).defineOverlay({language:navigator?.language?.split("-")?.[0]??"en"})}},e.RadioGroup=$,e.Select=F,e.SelectLoader=M,e.SessionStorage=b,e.SortButton=j,e.Spinner=H,e.Table=K,e.TableSchemaParser=G,e.TextFilter=X,e.Timing=A,e.VersionedLocalStorage=g,e.VersionedSessionStorage=class{static save(e,t,s){b.save(e,{revision:t,data:s})}static load(e,t){const s=b.load(e);if(void 0!==s){if(s.revision===t)return s.data;localStorage.removeItem(e)}}},e}({},ftl);
 //# sourceMappingURL=ful.iife.min.js.map