@optionfactory/fml 8.0.1 → 8.0.3

package/dist/ful.min.mjs

@@ -1,2 +1,2 @@
-import{ParsedElement as e,Attributes as t,registry as s,Fragments as i,Templates as r,Nodes as a,Rendering as n}from"./ftl.min.mjs";import{Failure as l,HttpClient as o}from"./httpc.min.mjs";class d extends Storage{static save(e,t){localStorage.setItem(e,JSON.stringify(t))}static load(e){const t=localStorage.getItem(e);if(null!==t)try{return JSON.parse(t)}catch{return void localStorage.removeItem(e)}}static remove(e){localStorage.removeItem(e)}static pop(e){const t=d.load(e);return d.remove(e),t}}class u extends Storage{static save(e,t){sessionStorage.setItem(e,JSON.stringify(t))}static load(e){const t=sessionStorage.getItem(e);if(null!==t)try{return JSON.parse(t)}catch{return void sessionStorage.removeItem(e)}}static remove(e){sessionStorage.removeItem(e)}static pop(e){const t=u.load(e);return u.remove(e),t}}class c{static save(e,t,s){d.save(e,{revision:t,data:s})}static load(e,t){const s=d.load(e);if(void 0!==s){if(s.revision===t)return s.data;d.remove(e)}}}class h{static save(e,t,s){u.save(e,{revision:t,data:s})}static load(e,t){const s=u.load(e);if(void 0!==s){if(s.revision===t)return s.data;u.remove(e)}}}class p{static async fireAsync(e,t,s){e.dispatchEvent(t);const i=t.async?.promises??[],r=s?.mode??"broadcast";if("pipeline"===r&&i.length>1)throw new Error(`[AsyncEvents] Event "${t.type}" is configured in 'pipeline' mode and expects at most one async listener, but ${i.length} listeners were triggered on this element.`);if("delegate"===r&&1!==i.length)throw new Error(`[AsyncEvents] Event "${t.type}" is configured in 'delegate' mode and requires exactly one async listener, but ${i.length} were registered.`);return"broadcast"===r?Promise.all(i):Promise.resolve(i[0])}static asyncOn(e,t,s,i){const r=async e=>{const t=e;t.async||(t.async={promises:[]});const{promise:i,resolve:r,reject:a}=Promise.withResolvers();t.async.promises.push(i);try{r(await s(t))}catch(e){a(e)}};return e.addEventListener(t,r,i),r}static asyncOff(e,t,s,i){e.removeEventListener(t,s,i)}static mixInto(...e){for(const t of e)Object.assign(t.prototype,{async fireAsync(e,t){return await p.fireAsync(this,e,t)},asyncOn(e,t,s){return p.asyncOn(this,e,t,s)},asyncOff(e,t,s){p.asyncOff(this,e,t,s)}})}}class f{static sleep(e){return new Promise(t=>setTimeout(t,e))}static DEBOUNCE_DEFAULT=0;static DEBOUNCE_IMMEDIATE=1;static debounce(e,t,s){const i=s??f.DEBOUNCE_DEFAULT;let r=null,a=[],n=0;const l=()=>{const s=performance.now()-n;e>s?r=setTimeout(l,e-s):(r=null,i!==f.DEBOUNCE_IMMEDIATE&&t(...a),null===r&&(a=[]))};return[(...s)=>{a=s,n=performance.now(),null===r&&(r=setTimeout(l,e),i===f.DEBOUNCE_IMMEDIATE&&t(...a))},()=>{clearTimeout(r??void 0),r=null,a=[]}]}static THROTTLE_DEFAULT=0;static THROTTLE_NO_LEADING=1;static THROTTLE_NO_TRAILING=2;static throttle(e,t,s){const i=s??f.THROTTLE_DEFAULT;let r=null,a=[],n=0;const l=()=>{n=i&f.THROTTLE_NO_LEADING?0:performance.now(),r=null,t(...a),null===r&&(a=[])};return[(...s)=>{const o=performance.now();!n&&i&f.THROTTLE_NO_LEADING&&(n=o);const d=0===n?0:e-(o-n);a=s,d<=0||d>e?(null!==r&&(clearTimeout(r),r=null),n=o,t(...a),null===r&&(a=[])):null!==r||i&f.THROTTLE_NO_TRAILING||(r=setTimeout(l,d))},()=>{clearTimeout(r??void 0),r=null,a=[]}]}}class m{static flatten(e,t,s){return Object.keys(e).reduce((i,r)=>{const a=t.length?`${t}.${r}`:r;return s.has(a)||"object"!=typeof e[r]||null===e[r]?i[a]=e[r]:Object.assign(i,m.flatten(e[r],a,s)),i},{})}static providePath(e,t,s){const i=t.split(".").map(e=>/^[0-9]+$/.test(e)?+e:e);let r=e??{},a=null;for(let t=0;;++t){const n=i[t],l=i[t-1];if(Number.isInteger(n)&&!Array.isArray(r)&&(null!==a?a[l]=r=[]:e=r=[]),t===i.length-1)return r[n]=void 0!==s?s:n in r?r[n]:null,e;void 0===r[n]&&(r[n]={}),a=r,r=r[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&&"TEXTAREA"!==e.tagName||""!==e.value&&void 0!==e.value)?null:e.value}static extractFrom(e,t){let s={};for(const i of e.elements)!i.hasAttribute("name")||i.matches(":disabled")&&i!==t||(s=m.providePath(s,i.getAttribute("name"),m.extract(i)));return s}static mutate(e,t){"radio"!==e.getAttribute("type")?"checkbox"!==e.getAttribute("type")?e.value=t:e.checked=t:e.checked=null!=t&&e.getAttribute("value")===String(t)}static mutateIn(e,t){const s=Array.from(e.elements).map(e=>e.getAttribute("name")).filter(e=>e);for(const[i,r]of Object.entries(m.flatten(t,"",new Set(s))))for(const t of e.querySelectorAll(`[name='${CSS.escape(i)}']`))m.mutate(t,r)}static errors(e,t,s){const i=t.filter(e=>"FIELD_ERROR"===e.type||"INVALID_FORMAT"===e.type),r=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","")}),i.forEach(t=>{const s=t.context.replace(/\[/g,".").replace(/\]\./g,".").replace(/\]/g,"").split(".");for(let i=s.length;0!==i;--i){const r=s.slice(0,i).join("."),a=s.slice(i,s.length).join(".");e.querySelectorAll(`[name='${CSS.escape(r)}']`).forEach(e=>{e.setCustomValidity?.(t.reason,a)})}}),e.querySelectorAll("ful-errors").forEach(e=>{e.innerText=r.map(e=>e.reason).join("\n"),0!==r.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 b{#e;#t;#s;#i;#r;constructor(e,t,s,i,r){this.#e=e,this.#t=t,this.#s=s,this.#i=i,this.#r=r}prepare(e,t){return this.#i(e,t)}async submit(e,t){return await this.#e.request(this.#s,this.#t).json(e).fetch()}transform(e,t){return this.#r(e,t)}}class v{#i;#r;constructor(e,t){this.#i=e,this.#r=t}async prepare(e,t){return await this.#i(e,t)}async submit(e,t,s){return s}async transform(e,t){return await this.#r(e,t)}}class g{static create(e,t){const i=s.component("http-client"),r=e.hasAttribute("request-mapper")?s.component(e.getAttribute("request-mapper")):e=>e,a=e.hasAttribute("response-mapper")?s.component(e.getAttribute("response-mapper")):e=>e,n=e.getAttribute("action");if(!n)return new v(r,a);const l=e.getAttribute("method")??"POST";return new b(i,n,l,r,a)}}class y extends e{form;render(){const e=document.createElement("form");this.form=e,e.setAttribute("novalidate",""),t.forward("form-",this,e),e.replaceChildren(...this.childNodes),e.addEventListener("submit",async e=>{e.preventDefault(),e.stopPropagation(),await this.submit(e.submitter??void 0)}),this.hasAttribute("clear-invalid-on-change")&&this.addEventListener("change",e=>{e.target.setCustomValidity?.("")}),this.replaceChildren(e)}async submit(e){let t,i;this.spinner(!0);try{const r=s.component(this.getAttribute("loader")??"loaders:form").create(this);t=m.extractFrom(this.form,e),i=await r.prepare(t,this);const a=new CustomEvent("submit",{bubbles:!0,cancelable:!0,detail:{submitter:e,values:t,request:i}});if(!this.dispatchEvent(a))return;this.errors=[];const n=new CustomEvent("submit:requested",{bubbles:!0,cancelable:!1,detail:{submitter:e,values:a.detail.values,request:a.detail.request}});let l=await p.fireAsync(this,n,{mode:"pipeline"});i=n.detail.request,l=await r.submit(i,this,l);const o=await r.transform(l,this);this.dispatchEvent(new CustomEvent("submit:success",{bubbles:!0,cancelable:!1,detail:{submitter:e,values:t,request:i,response:o}}))}catch(s){this.dispatchEvent(new CustomEvent("submit:failure",{bubbles:!0,cancelable:!1,detail:{submitter:e,values:t,request:i,exception:s}})),s instanceof l&&(this.errors=s.problems),console.warn("failed to submit form",this,"reason:",s)}finally{this.spinner(!1)}}reset(){this.form.reset()}#a=0;spinner(e){if(e){if(++this.#a,1!==this.#a)return}else if(this.#a=Math.max(0,this.#a-1),0!==this.#a)return;this.querySelectorAll("ful-spinner").forEach(t=>{t.hidden=!e}),this.querySelectorAll("input,button").forEach(t=>{const s=t;"submit"!==s.type&&"reset"!==s.type||(e?(s.dataset.wd=String(s.disabled),s.disabled=!0):(s.disabled="true"===s.dataset.wd,delete s.dataset.wd))})}set values(e){m.mutateIn(this.form,e)}get values(){return m.extractFrom(this.form)}set errors(e){m.errors(this.form,e,this.hasAttribute("scroll-on-error"))}}class E extends e{static observed=["value","readonly:presence","required:presence","placeholder"];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:i,skipObservedSetup:r}){const a=this._type(),n=this._fragment(a,e);this._input=n.querySelector("input,textarea"),t.forward("input-",this,this._input),this._input.addEventListener("keydown",e=>{if("Enter"!==e.key||"textarea"===this._type())return;const t=this.internals.form;if(!t)return;const s=Array.from(t.querySelectorAll("button:not(:disabled), input:not(:disabled)")).find(e=>"submit"===e.type);t.requestSubmit(s)}),this._input.addEventListener("input",e=>{const t=this.getAttribute("mask");if(!t)return;const s=e=>e.replace(new RegExp(t,"g"),""),i=e.target.value,r=s(i);if(i===r)return;const a=e.target.selectionStart;if(e.target.value=r,null===a)return;const n=s(i.slice(0,a)).length;e.target.setSelectionRange(n,n)}),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");if(l.addEventListener("click",()=>this.focus()),this._fieldError=n.querySelector("ful-field-error"),this._input.ariaDescribedByElements=[this._fieldError],this._input.ariaLabelledByElements=[l],this.replaceChildren(n),!r){const e=this;e.disabled=i,e.readonly=s.readonly,e.required=s.required,e.placeholder=s.placeholder,e.value=s.value}}get value(){const e=this.hasAttribute("uppercase"),t=this.hasAttribute("trim"),s=this._input.value,i=e?s.toUpperCase():s,r=t?i.trim():i;return""===r?null:r}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.toggle(this,"readonly",e)})}get disabled(){return this._input.hasAttribute("disabled")}set disabled(e){t.toggle(this._input,"disabled",e),t.toggle(this,"disabled",e)}get required(){return"true"===this._input.getAttribute("aria-required")}set required(e){t.set(this._input,"aria-required",e?"true":null),this.reflect(()=>{t.toggle(this,"required",e)})}get placeholder(){const e=this._input.getAttribute("placeholder");return" "===e?null:e}set placeholder(e){t.set(this._input,"placeholder",e??" "),this.reflect(()=>{t.set(this,"placeholder",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 w extends e{render(){const e=this.textContent.trim();if(""===e)return void this.replaceChildren(this.getAttribute("default")??"");const t=this.getAttribute("locale")??Intl.DateTimeFormat().resolvedOptions().locale,s=new Intl.DateTimeFormat(t,{year:"numeric",month:"numeric",day:"numeric"}),[i,r,a]=e.split("-").map(Number);this.replaceChildren(s.format(new Date(i,r-1,a)))}}class x extends e{render(){const e=this.textContent.trim();if(""===e)return void this.replaceChildren(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.replaceChildren(s.format(new Date(x.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 A extends E{static observed=["value","readonly:presence","required:presence","placeholder","min","max","step"];_type(){return"date"}render(e){const{observed:t}=e;super.render(e),this.step=t.step,this.min=t.min,this.max=t.max}get min(){const e=this._input.min;return""===e?null:e}set min(e){this._input.min=A.#n(e)}get max(){const e=this._input.max;return""===e?null:e}set max(e){this._input.max=A.#n(e)}get step(){const e=this._input.step;return""===e?null:e}set step(e){this._input.step=e??""}static#n(e){if(!e)return"";const t=e=>new Date(e.getTime()-6e4*e.getTimezoneOffset()).toISOString().split("T")[0];if("now"===e)return t(new Date);const s=/^([+-])(\d+)([dmy])$/.exec(e);if(!s)return e;const i="-"===s[1]?-1:1,r=+s[2],a=new Date;switch(a.setHours(0,0,0,0),s[3]){case"d":a.setDate(a.getDate()+r*i);break;case"m":{const e=a.getDate();a.setMonth(a.getMonth()+r*i),a.getDate()!==e&&a.setDate(0);break}case"y":a.setFullYear(a.getFullYear()+r*i)}return t(a)}}class q extends A{_type(){return"time"}get min(){const e=this._input.min;return""===e?null:e}set min(e){this._input.min=this.#l(e)}get max(){const e=this._input.max;return""===e?null:e}set max(e){this._input.max=this.#l(e)}#l(e){if(!e)return"";const t=new Date;if("now"!==e){const s=/^([+-])(\d+)([hm])$/.exec(e);if(!s)return e;const i="-"===s[1]?-1:1,r=+s[2]*i;"h"===s[3]?t.setHours(t.getHours()+r):t.setMinutes(t.getMinutes()+r)}return q.#o(t,Number(this._input.step)||60)}static#o(e,t){const s=e=>String(e).padStart(2,"0"),i=3600*e.getHours()+60*e.getMinutes()+e.getSeconds(),r=Math.floor(i/t)*t,a=s(Math.floor(r/3600)),n=s(Math.floor(r%3600/60));return t%60==0?`${a}:${n}`:`${a}:${n}:${s(r%60)}`}}class S extends E{static observed=["value","readonly:presence","required:presence","placeholder","min","max","step"];_type(){return"datetime-local"}render(e){const{observed:t}=e;super.render(e),this.min=t.min,this.max=t.max,this.step=t.step}get value(){const e=this._input.value;return""===e?null:new Date(e).toISOString()}set value(e){this._input.value=e?x.isoToLocal(e):""}get min(){const e=this._input.min;return""===e?null:new Date(e).toISOString()}set min(e){this._input.min=e?x.isoToLocal(e):""}get max(){const e=this._input.max;return""===e?null:new Date(e).toISOString()}set max(e){this._input.max=e?x.isoToLocal(e):""}get step(){const e=this._input.step;return""===e?null:e}set step(e){this._input.step=e??""}}class T extends E{static l10n={en:{dropzonelabel:"Click or drop your files here",unacceptablefiletype:"Only files of type {0} are supported",maxfilesizeexceeded:"Maximum supported file size is {0}",maxtotalsizeexceeded:"Maximum supported total file size is {0}",maxfilesexceeded:"Maximum files count exceeded"},it:{dropzonelabel:"Clicca o trascina i file qui",unacceptablefiletype:"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}",maxfilesexceeded:"Numero massimo di file superato"},es:{dropzonelabel:"Haz clic o arrastra tus archivos aquí",unacceptablefiletype:"Solo se admiten archivos de tipo {0}",maxfilesizeexceeded:"El tamaño máximo de archivo admitido es {0}",maxtotalsizeexceeded:"El tamaño total máximo admitido es {0}",maxfilesexceeded:"Se ha superado el número máximo de archivos"},fr:{dropzonelabel:"Cliquez ou déposez vos fichiers ici",unacceptablefiletype:"Seuls les fichiers de type {0} sont pris en charge",maxfilesizeexceeded:"La taille maximale de fichier prise en charge est {0}",maxtotalsizeexceeded:"La taille totale maximale prise en charge est {0}",maxfilesexceeded:"Nombre maximal de fichiers dépassé"}};static observed=["value","readonly:presence","required:presence","placeholder","accept:csv","multiple:presence","itemlist:presence","dropzone:presence","maxfiles:number","maxfilesize:number","maxtotalsize:number"];#d;#u;#c;#h;_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="default-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" alt="Rimuovi"></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,skipObservedSetup:!0}),this.#u=this.querySelector("ful-item-list"),this.#c=this.querySelector("[data-ref=dropzone]"),this.#h=this.querySelector("ful-field-warnings"),this.accept=t.accept,this.multiple=t.multiple,this.itemlist=t.itemlist,this.dropzone=t.dropzone,this.maxfiles=t.maxfiles,this.maxfilesize=t.maxfilesize,this.maxtotalsize=t.maxtotalsize,this.disabled=e.disabled,this.readonly=t.readonly,this.required=t.required,this.placeholder=t.placeholder,this.value=t.value,this.#h.addEventListener("animationend",e=>{e.target.remove()}),this.#u.addEventListener("click",e=>{if(!e.target.closest("button"))return;const t=[...this.#u.children].indexOf(e.target.closest("ful-item"));if(-1===t)return;const s=new DataTransfer;[...this.files].filter((e,s)=>s!==t).forEach(e=>{s.items.add(e)}),this.files=s.files}),this.#c.addEventListener("click",e=>{this.querySelector("input")?.click()}),this.#c.addEventListener("dragover",e=>{e.preventDefault()}),this.#c.addEventListener("drop",e=>{e.preventDefault();const t=[...e.dataTransfer.items].filter(e=>"file"===e.kind);if(0===t.length)return;const s=new DataTransfer;t.forEach(e=>{s.items.add(e.getAsFile())}),this.files=s.files}),this._input.addEventListener("change",e=>{this.#p()})}#f(e){return e>1048576?Math.round(e/1024/1024*100)/100+"MiB":e>1024?Math.round(e/1024*100)/100+"KiB":`${e}B`}#p(){this.setCustomValidity(),this.#h.replaceChildren(),this.#m(),this.#b(),this.#v(),this.#g(),this.template("items").withOverlay({files:this.files}).withModule("bytes",{format:this.#f}).renderTo(this.#u)}warning(e,t){this.template("warning").withOverlay({key:e,args:t}).appendTo(this.#h)}#m(){if(!this.#d.length)return;const e=[...this.files].filter(e=>!this.#d.some(t=>e.name.toLowerCase().endsWith(t.toLowerCase())));if(0===e.length)return;this.warning("unacceptablefiletype",this.#d.join(", "));const t=new DataTransfer;[...this.files].filter(t=>!e.includes(t)).forEach(e=>{t.items.add(e)}),this._input.files=t.files}#g(){null!==this.#y&&(this.files.length<=this.#y||(this.warning("maxfilesexceeded"),this._input.files=(new DataTransfer).files))}#b(){if(null===this.#E)return;const e=[...this.files].filter(e=>e.size>this.#E);if(0===e.length)return;this.warning("maxfilesizeexceeded",this.#f(this.#E));const t=new DataTransfer;[...this.files].filter(t=>!e.includes(t)).forEach(e=>{t.items.add(e)}),this._input.files=t.files}#v(){if(null===this.#w)return;[...this.files].reduce((e,t)=>e+t.size,0)<=this.#w||(this.warning("maxtotalsizeexceeded",this.#f(this.#w)),this._input.files=(new DataTransfer).files)}get accept(){return this.#d}set accept(e){this._input.accept=e.join(","),this.#d=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.toggle(this,"multiple",e)})}get files(){return this._input.files}set files(e){this._input.files=e,this.#p()}get file(){return this.files[0]??null}set file(e){const t=new DataTransfer;e&&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){e||(this.files=(new DataTransfer).files)}get totalsize(){return Array.from(this.files).reduce((e,t)=>e+t.size,0)}#y;get maxfiles(){return this.#y}set maxfiles(e){this.#y=e,this.reflect(()=>{t.set(this,"maxfiles",e)})}#E;get maxfilesize(){return this.#E}set maxfilesize(e){this.#E=e,this.reflect(()=>{t.set(this,"maxfilesize",e)})}#w;get maxtotalsize(){return this.#w}set maxtotalsize(e){this.#w=e,this.reflect(()=>{t.set(this,"maxtotalsize",e)})}#x;get itemlist(){return this.#x}set itemlist(e){this.#x=e,this.reflect(()=>{t.toggle(this,"itemlist",e)})}#A;get dropzone(){return this.#A}set dropzone(e){this.#A=e,this.reflect(()=>{t.toggle(this,"dropzone",e)})}}class O{#e;#t;#s;#r;#q;#S;#T;constructor({http:e,url:t,method:s,responseMapper:i,prefetch:r,revision:a}){this.#e=e,this.#t=t,this.#s=s,this.#r=i,this.#q=r,this.#S=a,this.#T=null}async prefetch(){this.#q&&await this.#O()}async exact(...e){return await this.#O(),this.#T.filter(([t,s])=>e.some(e=>e==t))}async load(e){return await this.#O(),this.#T.filter(([t,s])=>(s??"").toLowerCase().includes(e?.toLowerCase()))}async reconfigureUrl(e){this.#T=null,this.#t=e}async#O(){if(null!==this.#T)return;const e=await O.#L(this.#e,this.#s,this.#t,this.#S);this.#T=this.#r(e)}static async#L(e,t,s,i){const r=`${t}@${s}`;if(null!==i){const e=c.load(r,i);if(void 0!==e)return e}const a=await e.request(t,s).fetchJson();return null!==i&&c.save(r,i,a),a}}class L{#e;#t;#s;#r;constructor({http:e,url:t,method:s,responseMapper:i}){this.#e=e,this.#t=t,this.#s=s,this.#r=i}async exact(...e){const t=await this.#e.request(this.#s,this.#t).param("k",...e).fetchJson();return this.#r(t)}async load(e){const t=await this.#e.request(this.#s,this.#t).param("s",e).fetchJson();return this.#r(t)}}class z{#T;constructor(e){this.#T=e}update(e){this.#T=e}exact(...e){return this.#T.filter(([t,s])=>e.some(e=>e==t))}load(e){return this.#T.filter(([t,s])=>(s??"").toLowerCase().includes(e?.toLowerCase()))}}class C{static create(e,t){if(!e.hasAttribute("src")){const e=Array.from(t.options?.querySelectorAll("option")??[]).map(e=>[e.getAttribute("value")??e.innerText.trim(),e.innerText.trim()]);return new z(e)}const i=s.component("http-client"),r=C.#z(e);return"chunked"===e.getAttribute("mode")?new L({http:i,url:e.getAttribute("src"),method:e.getAttribute("method")??"POST",responseMapper:r}):new O({http:i,url:e.getAttribute("src"),method:e.getAttribute("method")??"POST",responseMapper:r,prefetch:e.hasAttribute("preload"),revision:e.getAttribute("revision")})}static#z(e){return e.hasAttribute("k-expr")&&e.hasAttribute("l-expr")?t=>s.evaluator().withOverlay(t).evaluateExpression(e.getAttribute("d-expr")??"self").map(t=>{const i=s.evaluator().withOverlay(t);return[i.evaluateExpression(e.getAttribute("k-expr")),i.evaluateExpression(e.getAttribute("l-expr")),i.evaluateExpression(e.getAttribute("m-expr")??"self")]}):e.hasAttribute("response-mapper")?s.component(e.getAttribute("response-mapper")):e=>e}}class k extends e{static slots=!0;static template='\n        <ful-spinner class="centered" hidden></ful-spinner>\n        <menu tabindex="-1" role="listbox" hidden></menu>\n    ';static templates={options:'\n            <li data-tpl-each="self" data-tpl-selected="index == 0" data-tpl-value="index" role="option" data-tpl-aria-selected="index == 0 ? \'true\' : \'false\'">\n                {{ label }}\n            </li>\n        '};#C;#k;#_;#M=new Map;render({slots:e}){const t=this.template().render();this.#_=i.isBlank(e.default)?this.template("options"):r.fromFragment(e.default),this.#C=t.querySelector("ful-spinner"),this.#k=t.querySelector("menu"),this.#k.addEventListener("click",e=>{e.stopPropagation();const t=e.target.closest("li");t?this.#R(t):this.hide()}),this.replaceChildren(t)}#I(){return this.#k?.querySelector("[selected]")??this.#k?.firstElementChild??null}acceptSelection(){const e=this.#I();e&&this.#R(e)}update(e){if(void 0===e)throw new Error("null data");this.#M=new Map(e.map((e,t)=>[String(t),e]));const t=e.map(([e,t,s],i)=>({index:i,key:e,label:t,metadata:s}));this.#_.withOverlay(t).renderTo(this.#k)}#R(e){const t=e.getAttribute("value"),s=this.#M.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.#k.setAttribute("hidden",""),this.#C.removeAttribute("hidden");try{const t=await e();this.update(t)}catch(e){throw this.hide(),e}finally{this.#C.setAttribute("hidden",""),this.#k.removeAttribute("hidden")}}async moveOrShow(e,t){if(this.shown){const t=this.#I(),s=t?.[(e?"next":"previous")+"ElementSibling"];return void(t&&s&&(t.removeAttribute("selected"),s.setAttribute("selected",""),s.scrollIntoView({block:"nearest",behavior:"smooth"})))}await this.show(t)}}class _ extends e{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="" role="combobox" aria-autocomplete="list" aria-haspopup="listbox" aria-expanded="false">\n                </div>\n                <ful-dropdown hidden popover="manual">{{{{ slots.dropdown }}}}</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;#N;#D;#B;#F;#u;#P;#$;#H=new Map;#j=0;constructor(){super(),this.internals=this.attachInternals(),this.internals.role="presentation"}async render({slots:e,observed:i,disabled:r}){const a=this.getAttribute("name");this.#N=s.component(this.getAttribute("loader")??"loaders:select").create(this,{options:e.options}),this.#P=this.hasAttribute("multiple");try{await(this.#N.prefetch?.())}catch(e){console.warn("failed to prefetch select options",this,"reason:",e)}const n=this.template().withOverlay({slots:e,name:a}).render();this.#F=n.querySelector("input"),this.#u=n.querySelector("ful-item-list"),t.forward("input-",this,this.#F),this.#D=n.querySelector("badges"),this.value=i.value,this.disabled=r,this.readonly=i.readonly,this.required=i.required,this.itemlist=i.itemlist,this.#B=n.querySelector("ful-dropdown");const l=n.querySelector("label");l.addEventListener("click",()=>this.focus()),this.#$=n.querySelector("ful-field-error"),this.#F.ariaDescribedByElements=[this.#$],this.#F.ariaLabelledByElements=[l];const[o,d]=f.throttle(400,()=>{this.#F.setAttribute("aria-expanded","true"),this.#B.show(()=>this.#N.load(this.#F.value))});this.addEventListener("click",e=>{if(!e.target.matches("input")&&!this.disabled&&!this.readonly){if(this.#B.shown)return this.#F.setAttribute("aria-expanded","false"),void this.#B.hide();this.#F.focus(),o()}}),this.#u.addEventListener("click",e=>{if(e.stopPropagation(),!e.target.closest("button"))return;if(this.disabled||this.readonly)return;const t=[...this.#u.children].indexOf(e.target.closest("ful-item"));-1!==t&&(this.#H.delete(Array.from(this.#H.keys())[t]),this.#V(),this.#U())}),this.#D.addEventListener("click",e=>{if(e.stopPropagation(),this.disabled||this.readonly)return;const t=[...this.#D.children].indexOf(e.target);-1!==t&&(this.#H.delete(Array.from(this.#H.keys())[t]),this.#V(),this.#U())}),this.#F.addEventListener("change",e=>{e.stopPropagation()}),this.#F.addEventListener("blur",e=>{e.stopPropagation(),e.relatedTarget&&this.contains(e.relatedTarget)||(d(),this.#F.setAttribute("aria-expanded","false"),this.#B.hide(),this.#F.value="")}),this.#F.addEventListener("keydown",e=>{if(!this.disabled&&!this.readonly)switch(e.code){case"ArrowUp":e.preventDefault(),this.#F.setAttribute("aria-expanded","true"),this.#B.moveOrShow(!1,()=>this.#N.load(this.#F.value));break;case"ArrowDown":e.preventDefault(),this.#F.setAttribute("aria-expanded","true"),this.#B.moveOrShow(!0,()=>this.#N.load(this.#F.value));break;case"Escape":this.#F.setAttribute("aria-expanded","false"),this.#B.hide();break;case"Enter":if(!this.#B.shown)return void this.#G();e.preventDefault(),this.#F.setAttribute("aria-expanded","false"),this.#B.acceptSelection(),this.#F.value="";break;case"Backspace":this.#H.size&&0===this.#F.selectionStart&&0===this.#F.selectionEnd&&(this.#H.delete(Array.from(this.#H.keys()).pop()),this.#V(),this.#U());break;case"Tab":this.#F.setAttribute("aria-expanded","false"),this.#B.hide(),d()}}),this.#F.addEventListener("input",e=>{e.stopPropagation(),this.disabled||this.readonly||o()}),this.#B.addEventListener("change",e=>{e.stopPropagation(),this.#P||this.#H.clear(),this.#H.set(e.detail.data[0],e.detail.data.slice(1)),this.#V(),this.#U(),this.#F.focus(),this.#F.setAttribute("aria-expanded","false"),this.#B.hide(),this.#F.value=""}),this.replaceChildren(n)}async withLoader(e){return await e(this.#N)}#G(){const e=this.internals.form;if(!e)return;const t=Array.from(e.querySelectorAll("button:not(:disabled), input:not(:disabled)"));e.requestSubmit(t.find(e=>"submit"===e.type))}#V(){const e=[...this.#H.entries()].map(e=>({key:e[0],label:e[1][0],metadata:e[1].slice(1)})),t=this.#P?e:e[0]??null;this.dispatchEvent(new CustomEvent("change",{bubbles:!0,cancelable:!1,detail:{value:t}}))}#U(){const e=Array.from(this.#H.entries()).map(([e,t])=>{const s=document.createElement("badge");return s.setAttribute("role","button"),s.setAttribute("value",e),s.innerText=t[0],s});this.#D.replaceChildren(),this.#D.append(...e),this.#u.replaceChildren(),this.template("items").withOverlay({entries:this.#H.entries()}).renderTo(this.#u)}set value(e){const t=null==e?[]:Array.isArray(e)?e:[e];this.#H=new Map(t.map(e=>[e,[e]])),this.#U();const s=++this.#j;0!==t.length&&this.#W(t,s)}async#W(e,t){const s=await this.#N.exact(...e);if(t!==this.#j)return;const i=new Map(s.map(e=>[e[0],e.slice(1)]));for(const t of e)this.#H.has(t)&&(i.has(t)?this.#H.set(t,i.get(t)):this.#H.delete(t));this.#U()}get value(){return this.#P?[...this.#H.keys()]:[...this.#H.keys()][0]??null}get entry(){return this.#P?[...this.#H.entries()]:[...this.#H.entries()][0]??null}get disabled(){return this.#F.hasAttribute("disabled")}set disabled(e){t.toggle(this.#F,"disabled",e),t.toggle(this,"disabled",e)}get readonly(){return this.#F.readOnly}set readonly(e){this.#F.readOnly=e,this.reflect(()=>{t.toggle(this,"readonly",e)})}get required(){return"true"===this.#F.getAttribute("aria-required")}set required(e){t.set(this.#F,"aria-required",e?"true":null),this.reflect(()=>{t.toggle(this,"required",e)})}#x;get itemlist(){return this.#x}set itemlist(e){this.#x=e,this.reflect(()=>{t.toggle(this,"itemlist",e)})}focus(e){this.#F.focus(e)}setCustomValidity(e){if(!e)return this.internals.setValidity({}),void(this.#$.innerText="");this.internals.setValidity({customError:!0}," "),this.#$.innerText=e}}class M extends e{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;#J;#$;#Q;#Y;constructor(){super(),this.internals=this.attachInternals(),this.internals.role="radiogroup"}render({slots:e,observed:s,disabled:r}){const a=this.getAttribute("name")??t.uid("ful-radiogroup"),n=Array.from(e.default.querySelectorAll("ful-radio")),l=n.map(e=>{const s=document.createElement("input");s.setAttribute("type","radio"),t.forward("input-",this,s),t.forward("",e,s),s.setAttribute("name",`${a}-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,i.fromChildNodes(e)]});n.forEach(e=>{e.remove()}),this.template().withOverlay({name:a,slots:e,inputsAndLabels:l}).renderTo(this),this.#J=this.firstElementChild,this.disabled=r,this.readonly=s.readonly,this.required=s.required,this.value=s.value,this.#$=this.querySelector("ful-field-error"),this.ariaDescribedByElements=[this.#$],this.#Q=this.querySelector("input[type=radio]"),this.#Y="boolean"===this.getAttribute("type")}get value(){const e=this.querySelector("input[type=radio]:checked");return e?this.#Y?"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.#J.inert}set readonly(e){this.#J.inert=e,this.reflect(()=>{t.toggle(this,"readonly",e)})}get disabled(){return this.#J.hasAttribute("disabled")}set disabled(e){t.toggle(this.#J,"disabled",e),t.toggle(this,"disabled",e)}get required(){return"true"===this.#J.getAttribute("aria-required")}set required(e){t.set(this.#J,"aria-required",e?"true":null),this.reflect(()=>{t.toggle(this,"required",e)})}focus(e){this.#Q.focus(e)}setCustomValidity(e){if(!e)return this.internals.setValidity({}),void(this.#$.innerText="");this.internals.setValidity({customError:!0}," "),this.#$.innerText=e}}class R extends e{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" data-tpl-role="isSwitch ? \'switch\' : false" 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    ';#K;#F;#$;static formAssociated=!0;constructor(){super(),this.internals=this.attachInternals(),this.internals.role="presentation"}render({slots:e,observed:s,disabled:i}){const r="switch"===this.getAttribute("type"),a=r?"form-check form-switch":"form-check",n=this.template().withOverlay({slots:e,klass:a,isSwitch:r}).render();this.#K=n.firstElementChild,this.#F=n.querySelector("input"),t.forward("input-",this,this.#F),this.disabled=i,this.readonly=s.readonly,this.required=s.required,this.value=s.value,this.#F.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.disabled||this.readonly||(this.value=!this.value,this.dispatchEvent(new CustomEvent("change",{bubbles:!0,cancelable:!1,detail:{value:this.value}})))}),this.#$=n.querySelector("ful-field-error"),this.#F.ariaDescribedByElements=[this.#$],this.#F.ariaLabelledByElements=[l],this.replaceChildren(n)}get value(){return this.#F.checked}set value(e){this.#F.checked=e}get readonly(){return this.#K.inert}set readonly(e){this.#K.inert=e,this.reflect(()=>{t.toggle(this,"readonly",e)})}get disabled(){return this.#F.hasAttribute("disabled")}set disabled(e){t.toggle(this.#F,"disabled",e),t.toggle(this,"disabled",e)}get required(){return"true"===this.#F.getAttribute("aria-required")}set required(e){t.set(this.#F,"aria-required",e?"true":null),this.reflect(()=>{t.toggle(this,"required",e)})}focus(e){this.#F.focus(e)}setCustomValidity(e){if(!e)return this.internals.setValidity({}),void(this.#$.innerText="");this.internals.setValidity({customError:!0}," "),this.#$.innerText=e}}class I extends e{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 N extends e{static observed=["order"];#X;render({observed:e}){const t=this.getAttribute("sorter"),s=["asc","desc",null];this.order=e.order,this.addEventListener("click",()=>{const e=s[(s.indexOf(this.order)+1)%3];this.dispatchEvent(new CustomEvent("sort-requested",{bubbles:!0,cancelable:!0,detail:{value:{sorter:t,order:e}}}))})}get order(){return this.#X||null}set order(e){this.#X=e||null,this.reflect(()=>{this.#X?this.setAttribute("order",e):this.removeAttribute("order")})}}class D extends e{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"},es:{showing:"Página {0} de {1}",navigation:"Navegación de páginas",previous:"Anterior",next:"Siguiente"},fr:{showing:"Page {0} sur {1}",navigation:"Navigation des pages",previous:"Précédent",next:"Suivant"}};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    ';#Z=0;#ee=0;render({observed:e}){this.total=e.total??0,this.current=e.current??0,this.addEventListener("click",e=>{const t=e.target.closest("a");t&&!t.classList.contains("disabled")&&this.dispatchEvent(new CustomEvent("page-requested",{bubbles:!0,cancelable:!0,detail:{value:Number(t.dataset.page??this.#ee)}}))})}update(e,t){const s=Number(this.getAttribute("pages")??"5"),i=e>0,r=e+1<t,a={index:i?e-1:null,enabled:i},n={index:e,label:e+1},l={index:r?e+1:null,enabled:r},o=Math.max(1,Math.min(s,t)),d=Math.max(0,Math.min(e-Math.floor((o-1)/2),t-o)),u=Array.from({length:o},(e,t)=>({index:d+t,label:d+t+1}));this.template().withOverlay({total:t,prev:a,curr:n,next:l,pages:u}).renderTo(this)}get total(){return this.#Z}set total(e){this.#Z=e,this.reflect(()=>{this.setAttribute("total",String(e)),this.update(this.#ee??0,this.#Z)})}get current(){return this.#ee}set current(e){this.#ee=e,this.reflect(()=>{this.setAttribute("current",String(e)),this.update(this.#ee,this.#Z??0)})}}class B{static parse(e,t){const s=e?a.queryChildren(e,"schema"):null;if(!s)throw new Error('missing expected <schema>: ful-table needs a <template slot="schema"> holding one');const r=document.createElement("tr"),n=document.createElement("tr");n.setAttribute("data-tpl-each","rows");for(const e of s.getAttributeNames()){const t=s.getAttribute(e);r.setAttribute(e,t??""),n.setAttribute(e,t??"")}const l=a.queryChildrenAll(s,"column"),o=l.filter(e=>e.hasAttribute("order")).map(e=>({sorter:e.getAttribute("sorter"),order:e.getAttribute("order")}))[0]??null;for(var d of l){const e=a.queryChildren(d,"title"),t=d.getAttribute("sorter"),s=d.getAttribute("order"),i=e??document.createTextNode(d.getAttribute("title")??"");e?.remove(),d.removeAttribute("sorter"),d.removeAttribute("order"),d.removeAttribute("title");const l=t||s?(()=>{const e=document.createElement("ful-sorter");return t&&e.setAttribute("sorter",t),s&&e.setAttribute("order",s),e.append(i),e})():i,o=document.createElement("th"),u=document.createElement("td");for(const e of d.getAttributeNames()){const t=d.getAttribute(e);o.setAttribute(e,t??""),u.setAttribute(e,t??"")}o.append(l),u.append(...d.childNodes),r.append(o),n.append(u)}return{headersTemplate:t.withOverlay({inHeaders:!0,inRows:!1}).withFragment(i.from(r)),rowsTemplate:t.withOverlay({inHeaders:!1,inRows:!0}).withFragment(i.from(n)),sort:o,length:l.length}}}class F{#T;constructor(e){this.#T=e}async load(e,t,s){const i=e.page*e.size,r=i+e.size;return{data:this.#T.slice(i,r),size:this.#T.length}}update(e){this.#T=e}}class P{#e;#t;#s;constructor(e,t,s){this.#e=e,this.#t=t,this.#s=s}async load(e,t,s){const i=Object.entries(s).filter(([e,t])=>t);return await this.#e.request(this.#s,this.#t).param("page",e.page).param("size",e.size).param("sort",t?`${t.sorter},${t.order}`:null).param("filters",i.length>0?JSON.stringify(Object.fromEntries(i)):null).fetchJson()}}class ${static create(e,t){const i=e.getAttribute("src");if(i){const t=s.component("http-client"),r=e.getAttribute("method")??"GET";return new P(t,i,r)}return new F([])}}class H extends e{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."},es:{initial:"Inicia la búsqueda para ver los resultados.",error:"Error al cargar los datos:",nodata:"No se encontraron elementos."},fr:{initial:"Lancez la recherche pour voir les résultats.",error:"Erreur lors du chargement des données :",nodata:"Aucun élément trouvé."}};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        '};#N;#te;#se;#ie;#re;#ae;#ne;#le;#oe;async render({slots:e,observed:i}){const r=this.template(),l=B.parse(e.schema,r),o=r.withOverlay({slots:e,schema:l}).render(),d=a.queryChildren(o,".table-wrapper").querySelector("table");t.forward("table-",this,d),this.#N=s.component(this.getAttribute("loader")??"loaders:table").create(this),this.#te=l,this.#se=d.querySelector(":scope > tbody"),this.#ie=d.querySelector(":scope > tbody[data-ref=loading]"),this.#re=d.querySelector(":scope > tbody[data-ref=initial]"),this.#ae=d.querySelector(":scope > tbody[data-ref=feedback]"),this.#ne=a.queryChildren(o,"ful-pagination"),this.replaceChildren(o);const u=this.querySelector("thead");l.headersTemplate.renderTo(u),this.#le=u.querySelectorAll("ful-sorter"),await n.waitForChildren(this);const c=a.queryChildren(this,"ful-form");this.#oe={pageRequest:{page:0,size:this.getAttribute("page-size")?Number(this.getAttribute("page-size")):10},sortRequest:l.sort,filterRequest:c?.values??{}},c?.addEventListener("submit:success",async e=>{await this.load({page:0,size:this.#oe.pageRequest.size},this.#oe.sortRequest,e.detail.request)}),this.addEventListener("page-requested",async e=>{await this.load({page:e.detail.value,size:this.#oe.pageRequest.size},this.#oe.sortRequest,this.#oe.filterRequest)}),this.addEventListener("sort-requested",async e=>{const t=e.detail.value.order?e.detail.value:null;await this.load(this.#oe.pageRequest,t,this.#oe.filterRequest),this.#le.forEach(e=>{e.order=null}),e.target.order=e.detail.value.order}),this.hasAttribute("autoload")&&this.reload()}async reload(){return await this.load(this.#oe.pageRequest,this.#oe.sortRequest,this.#oe.filterRequest)}async load(e,t,s){this.#se.replaceChildren(),this.#ie.removeAttribute("hidden"),this.#ae.setAttribute("hidden",""),this.#re.setAttribute("hidden","");try{const i=await this.#N.load(e,t,s);this.#oe={pageRequest:e,sortRequest:t,filterRequest:s},this.#p(e,t,s,i)}catch(e){throw this.#ie.setAttribute("hidden",""),this.#ae.removeAttribute("hidden"),e.problems?this.#ae.querySelector("[data-ref=feedback-error]").textContent=e.problems.map(e=>`${e.reason}`):this.#ae.querySelector("[data-ref=feedback-error]").textContent=e,e}}async withLoader(e){return await e(this.#N)}async resetWithFilter(e){return await this.load({page:0,size:this.#oe.pageRequest.size},this.#oe.sortRequest,e)}#p(e,t,s,i){this.#ie.setAttribute("hidden",""),this.#se.replaceChildren(this.template("row").withOverlay({schema:this.#te,pageRequest:e,filterRequest:s,pageResponse:i}).render()),this.#ne.current=e.page,this.#ne.total=Math.ceil(i.size/e.size)}}class j extends E{static observed=["value:json","readonly:presence","required:presence","placeholder"];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    ';#de;#ue;#ce;render(e){super.render({...e,skipObservedSetup:!0}),this.#de=this.querySelector("[data-ref=operator]"),this.#ue=this.querySelector("[data-ref=value1]"),this.#ce=this.querySelector("[data-ref=value2]"),this.#ce.addEventListener("change",e=>{e.stopPropagation(),this.#he()}),this.disabled=e.disabled,this.readonly=e.observed.readonly,this.required=e.observed.required,this.placeholder=e.observed.placeholder,this.value=e.observed.value,this.addEventListener("click",e=>{const s=e.target;if(!s.matches("ul > li > a"))return;const i=s.closest("ul")?.previousElementSibling,r=s.getAttribute("value"),a=i.getAttribute("value");t.toggle(this.#ce,"hidden","BETWEEN"!==r),i.setAttribute("value",r),i.innerHTML=s.innerHTML,a!==r&&this.#he()})}get value(){const e=this.#de.getAttribute("value"),t="BETWEEN"===e?[this.#ue.value,this.#ce.value]:[this.#ue.value];return t.some(e=>""===e)?void 0:[e,...t.map(e=>new Date(e).toISOString())]}set value(e){if(null==e)return this.#ue.value="",void(this.#ce.value="");const[t,...s]=e;this.#pe(t),this.#ue.value=s[0]?x.isoToLocal(s[0]):s[0],this.#ce.value=s[1]?x.isoToLocal(s[1]):s[1]}#pe(e){this.#de.setAttribute("value",e);const s=Array.from(this.#de.nextElementSibling?.querySelectorAll("li > a[value]")??[]).find(t=>t.getAttribute("value")===e);s&&(this.#de.innerHTML=s.innerHTML),t.toggle(this.#ce,"hidden","BETWEEN"!==e)}#he(){this.dispatchEvent(new CustomEvent("change",{bubbles:!0,cancelable:!1,detail:{value:this.value}}))}get readonly(){return super.readonly}set readonly(e){this.#ce.readOnly=e,super.readonly=e}get disabled(){return super.disabled}set disabled(e){t.toggle(this.#ce,"disabled",e),super.disabled=e}}class V extends E{static observed=["value:json","readonly:presence","required:presence","placeholder"];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    ';#de;#ue;#ce;render(e){super.render({...e,skipObservedSetup:!0}),this.#de=this.querySelector("[data-ref=operator]"),this.#ue=this.querySelector("[data-ref=value1]"),this.#ce=this.querySelector("[data-ref=value2]"),this.#ce.addEventListener("change",e=>{e.stopPropagation(),this.#he()}),this.disabled=e.disabled,this.readonly=e.observed.readonly,this.required=e.observed.required,this.placeholder=e.observed.placeholder,this.value=e.observed.value,this.addEventListener("click",e=>{const s=e.target;if(!s.matches("ul > li > a"))return;const i=s.closest("ul")?.previousElementSibling,r=s.getAttribute("value"),a=i.getAttribute("value");t.toggle(this.#ce,"hidden","BETWEEN"!==r),i.setAttribute("value",r),i.innerHTML=s.innerHTML,a!==r&&this.#he()})}get value(){const e=this.#de.getAttribute("value"),t="BETWEEN"===e?[this.#ue.value,this.#ce.value]:[this.#ue.value];return t.some(e=>""===e)?void 0:[e,...t]}set value(e){if(null==e)return this.#ue.value="",void(this.#ce.value="");const[t,...s]=e;this.#pe(t),this.#ue.value=s[0],this.#ce.value=s[1]}#pe(e){this.#de.setAttribute("value",e);const s=Array.from(this.#de.nextElementSibling?.querySelectorAll("li > a[value]")??[]).find(t=>t.getAttribute("value")===e);s&&(this.#de.innerHTML=s.innerHTML),t.toggle(this.#ce,"hidden","BETWEEN"!==e)}#he(){this.dispatchEvent(new CustomEvent("change",{bubbles:!0,cancelable:!1,detail:{value:this.value}}))}get readonly(){return super.readonly}set readonly(e){this.#ce.readOnly=e,super.readonly=e}get disabled(){return super.disabled}set disabled(e){t.toggle(this.#ce,"disabled",e),super.disabled=e}}class U extends E{static observed=["value:json","readonly:presence","required:presence","placeholder"];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    ';#de;#fe;#me="IGNORE_CASE";render(e){super.render({...e,skipObservedSetup:!0}),this.#de=this.querySelector("[data-ref=operator]"),this.#fe=this.querySelector("[data-ref=value]"),this.disabled=e.disabled,this.readonly=e.observed.readonly,this.required=e.observed.required,this.placeholder=e.observed.placeholder,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,i=t.getAttribute("value"),r=s.getAttribute("value");s.setAttribute("value",i),s.innerHTML=t.innerHTML,r!==i&&this.#he()})}get value(){const e=this.#de.getAttribute("value");return""===this.#fe.value?void 0:[e,this.#me,this.#fe.value]}set value(e){if(null==e)return void(this.#fe.value="");const[t,s,i]=e;this.#pe(t),this.#me=s??"IGNORE_CASE",this.#fe.value=i}#pe(e){this.#de.setAttribute("value",e);const t=Array.from(this.#de.nextElementSibling?.querySelectorAll("li > a[value]")??[]).find(t=>t.getAttribute("value")===e);t&&(this.#de.innerHTML=t.innerHTML)}#he(){this.dispatchEvent(new CustomEvent("change",{bubbles:!0,cancelable:!1,detail:{value:this.value}}))}}class G{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 G.t.apply(this,[e,...t])}}class W{configure(e){const t=o.builder().withCsrfToken().withRedirectOnUnauthorized("/").build();e.defineModule("l10n",G).defineComponent("http-client",t).defineElement("ful-spinner",I).defineElement("ful-form",y).defineElement("ful-checkbox",R).defineElement("ful-input",E).defineElement("ful-input-file",T).defineElement("ful-local-date",w).defineElement("ful-instant",x).defineElement("ful-input-local-date",A).defineElement("ful-input-local-time",q).defineElement("ful-input-instant",S).defineElement("ful-radio-group",M).defineElement("ful-table",H).defineElement("ful-pagination",D).defineElement("ful-sorter",N).defineElement("ful-filter-instant",j).defineElement("ful-filter-local-date",V).defineElement("ful-filter-text",U).defineElement("ful-select",_).defineElement("ful-dropdown",k).defineComponent("loaders:select",C).defineComponent("loaders:form",g).defineComponent("loaders:table",$).defineOverlay({language:navigator?.language?.split("-")?.[0]??"en"})}}export{p as AsyncEvents,m as Bindings,R as Checkbox,k as Dropdown,y as Form,g as FormLoader,E as Input,T as InputFile,S as InputInstant,A as InputLocalDate,q as InputLocalTime,x as Instant,j as InstantFilter,w as LocalDate,V as LocalDateFilter,d as LocalStorage,G as LocalizationModule,D as Pagination,W as Plugin,M as RadioGroup,_ as Select,C as SelectLoader,u as SessionStorage,N as SortButton,I as Spinner,H as Table,B as TableSchemaParser,U as TextFilter,f as Timing,c as VersionedLocalStorage,h as VersionedSessionStorage};
+import{ParsedElement as e,Attributes as t,registry as s,Fragments as i,Templates as r,Nodes as a,Rendering as n}from"./ftl.min.mjs";import{Failure as l,HttpClient as o}from"./httpc.min.mjs";class d extends Storage{static save(e,t){localStorage.setItem(e,JSON.stringify(t))}static load(e){const t=localStorage.getItem(e);if(null!==t)try{return JSON.parse(t)}catch{return void localStorage.removeItem(e)}}static remove(e){localStorage.removeItem(e)}static pop(e){const t=d.load(e);return d.remove(e),t}}class u extends Storage{static save(e,t){sessionStorage.setItem(e,JSON.stringify(t))}static load(e){const t=sessionStorage.getItem(e);if(null!==t)try{return JSON.parse(t)}catch{return void sessionStorage.removeItem(e)}}static remove(e){sessionStorage.removeItem(e)}static pop(e){const t=u.load(e);return u.remove(e),t}}class c{static save(e,t,s){d.save(e,{revision:t,data:s})}static load(e,t){const s=d.load(e);if(void 0!==s){if(s.revision===t)return s.data;d.remove(e)}}}class h{static save(e,t,s){u.save(e,{revision:t,data:s})}static load(e,t){const s=u.load(e);if(void 0!==s){if(s.revision===t)return s.data;u.remove(e)}}}class p{static async fireAsync(e,t,s){e.dispatchEvent(t);const i=t.async?.promises??[],r=s?.mode??"broadcast";if("pipeline"===r&&i.length>1)throw new Error(`[AsyncEvents] Event "${t.type}" is configured in 'pipeline' mode and expects at most one async listener, but ${i.length} listeners were triggered on this element.`);if("delegate"===r&&1!==i.length)throw new Error(`[AsyncEvents] Event "${t.type}" is configured in 'delegate' mode and requires exactly one async listener, but ${i.length} were registered.`);return"broadcast"===r?Promise.all(i):Promise.resolve(i[0])}static asyncOn(e,t,s,i){const r=async e=>{const t=e;t.async||(t.async={promises:[]});const{promise:i,resolve:r,reject:a}=Promise.withResolvers();t.async.promises.push(i);try{r(await s(t))}catch(e){a(e)}};return e.addEventListener(t,r,i),r}static asyncOff(e,t,s,i){e.removeEventListener(t,s,i)}static mixInto(...e){for(const t of e)Object.assign(t.prototype,{async fireAsync(e,t){return await p.fireAsync(this,e,t)},asyncOn(e,t,s){return p.asyncOn(this,e,t,s)},asyncOff(e,t,s){p.asyncOff(this,e,t,s)}})}}class f{static sleep(e){return new Promise(t=>setTimeout(t,e))}static DEBOUNCE_DEFAULT=0;static DEBOUNCE_IMMEDIATE=1;static debounce(e,t,s){const i=s??f.DEBOUNCE_DEFAULT;let r=null,a=[],n=0;const l=()=>{const s=performance.now()-n;e>s?r=setTimeout(l,e-s):(r=null,i!==f.DEBOUNCE_IMMEDIATE&&t(...a),null===r&&(a=[]))};return[(...s)=>{a=s,n=performance.now(),null===r&&(r=setTimeout(l,e),i===f.DEBOUNCE_IMMEDIATE&&t(...a))},()=>{clearTimeout(r??void 0),r=null,a=[]}]}static THROTTLE_DEFAULT=0;static THROTTLE_NO_LEADING=1;static THROTTLE_NO_TRAILING=2;static throttle(e,t,s){const i=s??f.THROTTLE_DEFAULT;let r=null,a=[],n=0;const l=()=>{n=i&f.THROTTLE_NO_LEADING?0:performance.now(),r=null,t(...a),null===r&&(a=[])};return[(...s)=>{const o=performance.now();!n&&i&f.THROTTLE_NO_LEADING&&(n=o);const d=0===n?0:e-(o-n);a=s,d<=0||d>e?(null!==r&&(clearTimeout(r),r=null),n=o,t(...a),null===r&&(a=[])):null!==r||i&f.THROTTLE_NO_TRAILING||(r=setTimeout(l,d))},()=>{clearTimeout(r??void 0),r=null,a=[]}]}}class m{static flatten(e,t,s){return Object.keys(e).reduce((i,r)=>{const a=t.length?`${t}.${r}`:r;return s.has(a)||"object"!=typeof e[r]||null===e[r]?i[a]=e[r]:Object.assign(i,m.flatten(e[r],a,s)),i},{})}static providePath(e,t,s){const i=t.split(".").map(e=>/^[0-9]+$/.test(e)?+e:e);let r=e??{},a=null;for(let t=0;;++t){const n=i[t],l=i[t-1];if(Number.isInteger(n)&&!Array.isArray(r)&&(null!==a?a[l]=r=[]:e=r=[]),t===i.length-1)return r[n]=void 0!==s?s:n in r?r[n]:null,e;void 0===r[n]&&(r[n]={}),a=r,r=r[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&&"TEXTAREA"!==e.tagName||""!==e.value&&void 0!==e.value)?null:e.value}static extractFrom(e,t){let s={};for(const i of e.elements)!i.hasAttribute("name")||i.matches(":disabled")&&i!==t||(s=m.providePath(s,i.getAttribute("name"),m.extract(i)));return s}static mutate(e,t){"radio"!==e.getAttribute("type")?"checkbox"!==e.getAttribute("type")?e.value=t:e.checked=t:e.checked=null!=t&&e.getAttribute("value")===String(t)}static mutateIn(e,t){const s=Array.from(e.elements).map(e=>e.getAttribute("name")).filter(e=>e);for(const[i,r]of Object.entries(m.flatten(t,"",new Set(s))))for(const t of e.querySelectorAll(`[name='${CSS.escape(i)}']`))m.mutate(t,r)}static errors(e,t,s){const i=t.filter(e=>"FIELD_ERROR"===e.type||"INVALID_FORMAT"===e.type),r=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","")}),i.forEach(t=>{const s=t.context.replace(/\[/g,".").replace(/\]\./g,".").replace(/\]/g,"").split(".");for(let i=s.length;0!==i;--i){const r=s.slice(0,i).join("."),a=s.slice(i,s.length).join(".");e.querySelectorAll(`[name='${CSS.escape(r)}']`).forEach(e=>{e.setCustomValidity?.(t.reason,a)})}}),e.querySelectorAll("ful-errors").forEach(e=>{e.innerText=r.map(e=>e.reason).join("\n"),0!==r.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 b{#e;#t;#s;#i;#r;constructor(e,t,s,i,r){this.#e=e,this.#t=t,this.#s=s,this.#i=i,this.#r=r}prepare(e,t){return this.#i(e,t)}async submit(e,t){return await this.#e.request(this.#s,this.#t).json(e).fetch()}transform(e,t){return this.#r(e,t)}}class v{#i;#r;constructor(e,t){this.#i=e,this.#r=t}async prepare(e,t){return await this.#i(e,t)}async submit(e,t,s){return s}async transform(e,t){return await this.#r(e,t)}}class g{static create(e,t){const i=s.component("http-client"),r=e.hasAttribute("request-mapper")?s.component(e.getAttribute("request-mapper")):e=>e,a=e.hasAttribute("response-mapper")?s.component(e.getAttribute("response-mapper")):e=>e,n=e.getAttribute("action");if(!n)return new v(r,a);const l=e.getAttribute("method")??"POST";return new b(i,n,l,r,a)}}class y extends e{form;render(){const e=document.createElement("form");this.form=e,e.setAttribute("novalidate",""),t.forward("form-",this,e),e.replaceChildren(...this.childNodes),e.addEventListener("submit",async e=>{e.preventDefault(),e.stopPropagation(),await this.submit(e.submitter??void 0)}),this.hasAttribute("clear-invalid-on-change")&&this.addEventListener("change",e=>{e.target.setCustomValidity?.("")}),this.replaceChildren(e)}async submit(e){let t,i;this.spinner(!0);try{const r=s.component(this.getAttribute("loader")??"loaders:form").create(this);t=m.extractFrom(this.form,e),i=await r.prepare(t,this);const a=new CustomEvent("submit",{bubbles:!0,cancelable:!0,detail:{submitter:e,values:t,request:i}});if(!this.dispatchEvent(a))return;this.errors=[];const n=new CustomEvent("submit:requested",{bubbles:!0,cancelable:!1,detail:{submitter:e,values:a.detail.values,request:a.detail.request}});let l=await p.fireAsync(this,n,{mode:"pipeline"});i=n.detail.request,l=await r.submit(i,this,l);const o=await r.transform(l,this);this.dispatchEvent(new CustomEvent("submit:success",{bubbles:!0,cancelable:!1,detail:{submitter:e,values:t,request:i,response:o}}))}catch(s){this.dispatchEvent(new CustomEvent("submit:failure",{bubbles:!0,cancelable:!1,detail:{submitter:e,values:t,request:i,exception:s}})),s instanceof l&&(this.errors=s.problems),console.warn("failed to submit form",this,"reason:",s)}finally{this.spinner(!1)}}reset(){this.form.reset()}#a=0;spinner(e){if(e){if(++this.#a,1!==this.#a)return}else if(this.#a=Math.max(0,this.#a-1),0!==this.#a)return;this.querySelectorAll("ful-spinner").forEach(t=>{t.hidden=!e}),this.querySelectorAll("input,button").forEach(t=>{const s=t;"submit"!==s.type&&"reset"!==s.type||(e?(s.dataset.wd=String(s.disabled),s.disabled=!0):(s.disabled="true"===s.dataset.wd,delete s.dataset.wd))})}set values(e){m.mutateIn(this.form,e)}get values(){return m.extractFrom(this.form)}set errors(e){m.errors(this.form,e,this.hasAttribute("scroll-on-error"))}}class E extends e{static observed=["value","readonly:presence","required:presence","placeholder"];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:i,skipObservedSetup:r}){const a=this._type(),n=this._fragment(a,e);this._input=n.querySelector("input,textarea"),t.forward("input-",this,this._input),this._input.addEventListener("keydown",e=>{if("Enter"!==e.key||"textarea"===this._type())return;const t=this.internals.form;if(!t)return;const s=Array.from(t.querySelectorAll("button:not(:disabled), input:not(:disabled)")).find(e=>"submit"===e.type);t.requestSubmit(s)}),this._input.addEventListener("input",e=>{const t=this.getAttribute("mask");if(!t)return;const s=e=>e.replace(new RegExp(t,"g"),""),i=e.target.value,r=s(i);if(i===r)return;const a=e.target.selectionStart;if(e.target.value=r,null===a)return;const n=s(i.slice(0,a)).length;e.target.setSelectionRange(n,n)}),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");if(l.addEventListener("click",()=>this.focus()),this._fieldError=n.querySelector("ful-field-error"),this._input.ariaDescribedByElements=[this._fieldError],this._input.ariaLabelledByElements=[l],this.replaceChildren(n),!r){const e=this;e.disabled=i,e.readonly=s.readonly,e.required=s.required,e.placeholder=s.placeholder,e.value=s.value}}get value(){const e=this.hasAttribute("uppercase"),t=this.hasAttribute("trim"),s=this._input.value,i=e?s.toUpperCase():s,r=t?i.trim():i;return""===r?null:r}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.toggle(this,"readonly",e)})}get disabled(){return this.hasAttribute("disabled")}set disabled(e){t.toggle(this,"disabled",e),t.toggle(this._input,"disabled",e)}get required(){return"true"===this._input.getAttribute("aria-required")}set required(e){t.set(this._input,"aria-required",e?"true":null),this.reflect(()=>{t.toggle(this,"required",e)})}get placeholder(){const e=this._input.getAttribute("placeholder");return" "===e?null:e}set placeholder(e){t.set(this._input,"placeholder",e??" "),this.reflect(()=>{t.set(this,"placeholder",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 w extends e{render(){const e=this.textContent.trim();if(""===e)return void this.replaceChildren(this.getAttribute("default")??"");const t=this.getAttribute("locale")??Intl.DateTimeFormat().resolvedOptions().locale,s=new Intl.DateTimeFormat(t,{year:"numeric",month:"numeric",day:"numeric"}),[i,r,a]=e.split("-").map(Number);this.replaceChildren(s.format(new Date(i,r-1,a)))}}class x extends e{render(){const e=this.textContent.trim();if(""===e)return void this.replaceChildren(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.replaceChildren(s.format(new Date(x.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 A extends E{static observed=["value","readonly:presence","required:presence","placeholder","min","max","step"];_type(){return"date"}render(e){const{observed:t}=e;super.render(e),this.step=t.step,this.min=t.min,this.max=t.max}get min(){const e=this._input.min;return""===e?null:e}set min(e){this._input.min=A.#n(e)}get max(){const e=this._input.max;return""===e?null:e}set max(e){this._input.max=A.#n(e)}get step(){const e=this._input.step;return""===e?null:e}set step(e){this._input.step=e??""}static#n(e){if(!e)return"";const t=e=>new Date(e.getTime()-6e4*e.getTimezoneOffset()).toISOString().split("T")[0];if("now"===e)return t(new Date);const s=/^([+-])(\d+)([dmy])$/.exec(e);if(!s)return e;const i="-"===s[1]?-1:1,r=+s[2],a=new Date;switch(a.setHours(0,0,0,0),s[3]){case"d":a.setDate(a.getDate()+r*i);break;case"m":{const e=a.getDate();a.setMonth(a.getMonth()+r*i),a.getDate()!==e&&a.setDate(0);break}case"y":a.setFullYear(a.getFullYear()+r*i)}return t(a)}}class q extends A{_type(){return"time"}get min(){const e=this._input.min;return""===e?null:e}set min(e){this._input.min=this.#l(e)}get max(){const e=this._input.max;return""===e?null:e}set max(e){this._input.max=this.#l(e)}#l(e){if(!e)return"";const t=new Date;if("now"!==e){const s=/^([+-])(\d+)([hm])$/.exec(e);if(!s)return e;const i="-"===s[1]?-1:1,r=+s[2]*i;"h"===s[3]?t.setHours(t.getHours()+r):t.setMinutes(t.getMinutes()+r)}return q.#o(t,Number(this._input.step)||60)}static#o(e,t){const s=e=>String(e).padStart(2,"0"),i=3600*e.getHours()+60*e.getMinutes()+e.getSeconds(),r=Math.floor(i/t)*t,a=s(Math.floor(r/3600)),n=s(Math.floor(r%3600/60));return t%60==0?`${a}:${n}`:`${a}:${n}:${s(r%60)}`}}class S extends E{static observed=["value","readonly:presence","required:presence","placeholder","min","max","step"];_type(){return"datetime-local"}render(e){const{observed:t}=e;super.render(e),this.min=t.min,this.max=t.max,this.step=t.step}get value(){const e=this._input.value;return""===e?null:new Date(e).toISOString()}set value(e){this._input.value=e?x.isoToLocal(e):""}get min(){const e=this._input.min;return""===e?null:new Date(e).toISOString()}set min(e){this._input.min=e?x.isoToLocal(e):""}get max(){const e=this._input.max;return""===e?null:new Date(e).toISOString()}set max(e){this._input.max=e?x.isoToLocal(e):""}get step(){const e=this._input.step;return""===e?null:e}set step(e){this._input.step=e??""}}class T extends E{static l10n={en:{dropzonelabel:"Click or drop your files here",unacceptablefiletype:"Only files of type {0} are supported",maxfilesizeexceeded:"Maximum supported file size is {0}",maxtotalsizeexceeded:"Maximum supported total file size is {0}",maxfilesexceeded:"Maximum files count exceeded"},it:{dropzonelabel:"Clicca o trascina i file qui",unacceptablefiletype:"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}",maxfilesexceeded:"Numero massimo di file superato"},es:{dropzonelabel:"Haz clic o arrastra tus archivos aquí",unacceptablefiletype:"Solo se admiten archivos de tipo {0}",maxfilesizeexceeded:"El tamaño máximo de archivo admitido es {0}",maxtotalsizeexceeded:"El tamaño total máximo admitido es {0}",maxfilesexceeded:"Se ha superado el número máximo de archivos"},fr:{dropzonelabel:"Cliquez ou déposez vos fichiers ici",unacceptablefiletype:"Seuls les fichiers de type {0} sont pris en charge",maxfilesizeexceeded:"La taille maximale de fichier prise en charge est {0}",maxtotalsizeexceeded:"La taille totale maximale prise en charge est {0}",maxfilesexceeded:"Nombre maximal de fichiers dépassé"}};static observed=["value","readonly:presence","required:presence","placeholder","accept:csv","multiple:presence","itemlist:presence","dropzone:presence","maxfiles:number","maxfilesize:number","maxtotalsize:number"];#d;#u;#c;#h;_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="default-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" alt="Rimuovi"></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,skipObservedSetup:!0}),this.#u=this.querySelector("ful-item-list"),this.#c=this.querySelector("[data-ref=dropzone]"),this.#h=this.querySelector("ful-field-warnings"),this.accept=t.accept,this.multiple=t.multiple,this.itemlist=t.itemlist,this.dropzone=t.dropzone,this.maxfiles=t.maxfiles,this.maxfilesize=t.maxfilesize,this.maxtotalsize=t.maxtotalsize,this.disabled=e.disabled,this.readonly=t.readonly,this.required=t.required,this.placeholder=t.placeholder,this.value=t.value,this.#h.addEventListener("animationend",e=>{e.target.remove()}),this.#u.addEventListener("click",e=>{if(!e.target.closest("button"))return;const t=[...this.#u.children].indexOf(e.target.closest("ful-item"));if(-1===t)return;const s=new DataTransfer;[...this.files].filter((e,s)=>s!==t).forEach(e=>{s.items.add(e)}),this.files=s.files}),this.#c.addEventListener("click",e=>{this.querySelector("input")?.click()}),this.#c.addEventListener("dragover",e=>{e.preventDefault()}),this.#c.addEventListener("drop",e=>{e.preventDefault();const t=[...e.dataTransfer.items].filter(e=>"file"===e.kind);if(0===t.length)return;const s=new DataTransfer;t.forEach(e=>{s.items.add(e.getAsFile())}),this.files=s.files}),this._input.addEventListener("change",e=>{this.#p()})}#f(e){return e>1048576?Math.round(e/1024/1024*100)/100+"MiB":e>1024?Math.round(e/1024*100)/100+"KiB":`${e}B`}#p(){this.setCustomValidity(),this.#h.replaceChildren(),this.#m(),this.#b(),this.#v(),this.#g(),this.template("items").withOverlay({files:this.files}).withModule("bytes",{format:this.#f}).renderTo(this.#u)}warning(e,t){this.template("warning").withOverlay({key:e,args:t}).appendTo(this.#h)}#m(){if(!this.#d.length)return;const e=[...this.files].filter(e=>!this.#d.some(t=>e.name.toLowerCase().endsWith(t.toLowerCase())));if(0===e.length)return;this.warning("unacceptablefiletype",this.#d.join(", "));const t=new DataTransfer;[...this.files].filter(t=>!e.includes(t)).forEach(e=>{t.items.add(e)}),this._input.files=t.files}#g(){null!==this.#y&&(this.files.length<=this.#y||(this.warning("maxfilesexceeded"),this._input.files=(new DataTransfer).files))}#b(){if(null===this.#E)return;const e=[...this.files].filter(e=>e.size>this.#E);if(0===e.length)return;this.warning("maxfilesizeexceeded",this.#f(this.#E));const t=new DataTransfer;[...this.files].filter(t=>!e.includes(t)).forEach(e=>{t.items.add(e)}),this._input.files=t.files}#v(){if(null===this.#w)return;[...this.files].reduce((e,t)=>e+t.size,0)<=this.#w||(this.warning("maxtotalsizeexceeded",this.#f(this.#w)),this._input.files=(new DataTransfer).files)}get accept(){return this.#d}set accept(e){this._input.accept=e.join(","),this.#d=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.toggle(this,"multiple",e)})}get files(){return this._input.files}set files(e){this._input.files=e,this.#p()}get file(){return this.files[0]??null}set file(e){const t=new DataTransfer;e&&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){e||(this.files=(new DataTransfer).files)}get totalsize(){return Array.from(this.files).reduce((e,t)=>e+t.size,0)}#y;get maxfiles(){return this.#y}set maxfiles(e){this.#y=e,this.reflect(()=>{t.set(this,"maxfiles",e)})}#E;get maxfilesize(){return this.#E}set maxfilesize(e){this.#E=e,this.reflect(()=>{t.set(this,"maxfilesize",e)})}#w;get maxtotalsize(){return this.#w}set maxtotalsize(e){this.#w=e,this.reflect(()=>{t.set(this,"maxtotalsize",e)})}#x;get itemlist(){return this.#x}set itemlist(e){this.#x=e,this.reflect(()=>{t.toggle(this,"itemlist",e)})}#A;get dropzone(){return this.#A}set dropzone(e){this.#A=e,this.reflect(()=>{t.toggle(this,"dropzone",e)})}}class O{#e;#t;#s;#r;#q;#S;#T;constructor({http:e,url:t,method:s,responseMapper:i,prefetch:r,revision:a}){this.#e=e,this.#t=t,this.#s=s,this.#r=i,this.#q=r,this.#S=a,this.#T=null}async prefetch(){this.#q&&await this.#O()}async exact(...e){return await this.#O(),this.#T.filter(([t,s])=>e.some(e=>e==t))}async load(e){return await this.#O(),this.#T.filter(([t,s])=>(s??"").toLowerCase().includes(e?.toLowerCase()))}async reconfigureUrl(e){this.#T=null,this.#t=e}async#O(){if(null!==this.#T)return;const e=await O.#L(this.#e,this.#s,this.#t,this.#S);this.#T=this.#r(e)}static async#L(e,t,s,i){const r=`${t}@${s}`;if(null!==i){const e=c.load(r,i);if(void 0!==e)return e}const a=await e.request(t,s).fetchJson();return null!==i&&c.save(r,i,a),a}}class L{#e;#t;#s;#r;constructor({http:e,url:t,method:s,responseMapper:i}){this.#e=e,this.#t=t,this.#s=s,this.#r=i}async exact(...e){const t=await this.#e.request(this.#s,this.#t).param("k",...e).fetchJson();return this.#r(t)}async load(e){const t=await this.#e.request(this.#s,this.#t).param("s",e).fetchJson();return this.#r(t)}}class z{#T;constructor(e){this.#T=e}update(e){this.#T=e}exact(...e){return this.#T.filter(([t,s])=>e.some(e=>e==t))}load(e){return this.#T.filter(([t,s])=>(s??"").toLowerCase().includes(e?.toLowerCase()))}}class C{static create(e,t){if(!e.hasAttribute("src")){const e=Array.from(t.options?.querySelectorAll("option")??[]).map(e=>[e.getAttribute("value")??e.innerText.trim(),e.innerText.trim()]);return new z(e)}const i=s.component("http-client"),r=C.#z(e);return"chunked"===e.getAttribute("mode")?new L({http:i,url:e.getAttribute("src"),method:e.getAttribute("method")??"POST",responseMapper:r}):new O({http:i,url:e.getAttribute("src"),method:e.getAttribute("method")??"POST",responseMapper:r,prefetch:e.hasAttribute("preload"),revision:e.getAttribute("revision")})}static#z(e){return e.hasAttribute("k-expr")&&e.hasAttribute("l-expr")?t=>s.evaluator().withOverlay(t).evaluateExpression(e.getAttribute("d-expr")??"self").map(t=>{const i=s.evaluator().withOverlay(t);return[i.evaluateExpression(e.getAttribute("k-expr")),i.evaluateExpression(e.getAttribute("l-expr")),i.evaluateExpression(e.getAttribute("m-expr")??"self")]}):e.hasAttribute("response-mapper")?s.component(e.getAttribute("response-mapper")):e=>e}}class k extends e{static slots=!0;static template='\n        <ful-spinner class="centered" hidden></ful-spinner>\n        <menu tabindex="-1" role="listbox" hidden></menu>\n    ';static templates={options:'\n            <li data-tpl-each="self" data-tpl-selected="index == 0" data-tpl-value="index" role="option" data-tpl-aria-selected="index == 0 ? \'true\' : \'false\'">\n                {{ label }}\n            </li>\n        '};#C;#k;#_;#M=new Map;render({slots:e}){const t=this.template().render();this.#_=i.isBlank(e.default)?this.template("options"):r.fromFragment(e.default),this.#C=t.querySelector("ful-spinner"),this.#k=t.querySelector("menu"),this.#k.addEventListener("click",e=>{e.stopPropagation();const t=e.target.closest("li");t?this.#N(t):this.hide()}),this.replaceChildren(t)}#R(){return this.#k?.querySelector("[selected]")??this.#k?.firstElementChild??null}acceptSelection(){const e=this.#R();e&&this.#N(e)}update(e){if(void 0===e)throw new Error("null data");this.#M=new Map(e.map((e,t)=>[String(t),e]));const t=e.map(([e,t,s],i)=>({index:i,key:e,label:t,metadata:s}));this.#_.withOverlay(t).renderTo(this.#k)}#N(e){const t=e.getAttribute("value"),s=this.#M.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.#k.setAttribute("hidden",""),this.#C.removeAttribute("hidden");try{const t=await e();this.update(t)}catch(e){throw this.hide(),e}finally{this.#C.setAttribute("hidden",""),this.#k.removeAttribute("hidden")}}async moveOrShow(e,t){if(this.shown){const t=this.#R(),s=t?.[(e?"next":"previous")+"ElementSibling"];return void(t&&s&&(t.removeAttribute("selected"),s.setAttribute("selected",""),s.scrollIntoView({block:"nearest",behavior:"smooth"})))}await this.show(t)}}class _ extends e{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="" role="combobox" aria-autocomplete="list" aria-haspopup="listbox" aria-expanded="false">\n                </div>\n                <ful-dropdown hidden popover="manual">{{{{ slots.dropdown }}}}</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;#I;#D;#B;#F;#u;#P;#$;#H=new Map;#j=0;constructor(){super(),this.internals=this.attachInternals(),this.internals.role="presentation"}async render({slots:e,observed:i,disabled:r}){const a=this.getAttribute("name");this.#I=s.component(this.getAttribute("loader")??"loaders:select").create(this,{options:e.options}),this.#P=this.hasAttribute("multiple");try{await(this.#I.prefetch?.())}catch(e){console.warn("failed to prefetch select options",this,"reason:",e)}const n=this.template().withOverlay({slots:e,name:a}).render();this.#F=n.querySelector("input"),this.#u=n.querySelector("ful-item-list"),t.forward("input-",this,this.#F),this.#D=n.querySelector("badges"),this.value=i.value,this.disabled=r,this.readonly=i.readonly,this.required=i.required,this.itemlist=i.itemlist,this.#B=n.querySelector("ful-dropdown");const l=n.querySelector("label");l.addEventListener("click",()=>this.focus()),this.#$=n.querySelector("ful-field-error"),this.#F.ariaDescribedByElements=[this.#$],this.#F.ariaLabelledByElements=[l];const[o,d]=f.throttle(400,()=>{this.#F.setAttribute("aria-expanded","true"),this.#B.show(()=>this.#I.load(this.#F.value))});this.addEventListener("click",e=>{if(!e.target.matches("input")&&!this.matches(":disabled")&&!this.readonly){if(this.#B.shown)return this.#F.setAttribute("aria-expanded","false"),void this.#B.hide();this.#F.focus(),o()}}),this.#u.addEventListener("click",e=>{if(e.stopPropagation(),!e.target.closest("button"))return;if(this.matches(":disabled")||this.readonly)return;const t=[...this.#u.children].indexOf(e.target.closest("ful-item"));-1!==t&&(this.#H.delete(Array.from(this.#H.keys())[t]),this.#V(),this.#U())}),this.#D.addEventListener("click",e=>{if(e.stopPropagation(),this.matches(":disabled")||this.readonly)return;const t=[...this.#D.children].indexOf(e.target);-1!==t&&(this.#H.delete(Array.from(this.#H.keys())[t]),this.#V(),this.#U())}),this.#F.addEventListener("change",e=>{e.stopPropagation()}),this.#F.addEventListener("blur",e=>{e.stopPropagation(),e.relatedTarget&&this.contains(e.relatedTarget)||(d(),this.#F.setAttribute("aria-expanded","false"),this.#B.hide(),this.#F.value="")}),this.#F.addEventListener("keydown",e=>{if(!this.matches(":disabled")&&!this.readonly)switch(e.code){case"ArrowUp":e.preventDefault(),this.#F.setAttribute("aria-expanded","true"),this.#B.moveOrShow(!1,()=>this.#I.load(this.#F.value));break;case"ArrowDown":e.preventDefault(),this.#F.setAttribute("aria-expanded","true"),this.#B.moveOrShow(!0,()=>this.#I.load(this.#F.value));break;case"Escape":this.#F.setAttribute("aria-expanded","false"),this.#B.hide();break;case"Enter":if(!this.#B.shown)return void this.#G();e.preventDefault(),this.#F.setAttribute("aria-expanded","false"),this.#B.acceptSelection(),this.#F.value="";break;case"Backspace":this.#H.size&&0===this.#F.selectionStart&&0===this.#F.selectionEnd&&(this.#H.delete(Array.from(this.#H.keys()).pop()),this.#V(),this.#U());break;case"Tab":this.#F.setAttribute("aria-expanded","false"),this.#B.hide(),d()}}),this.#F.addEventListener("input",e=>{e.stopPropagation(),this.matches(":disabled")||this.readonly||o()}),this.#B.addEventListener("change",e=>{e.stopPropagation(),this.#P||this.#H.clear(),this.#H.set(this.#W(e.detail.data[0]),e.detail.data.slice(1)),this.#V(),this.#U(),this.#F.focus(),this.#F.setAttribute("aria-expanded","false"),this.#B.hide(),this.#F.value=""}),this.replaceChildren(n)}async withLoader(e){return await e(this.#I)}#G(){const e=this.internals.form;if(!e)return;const t=Array.from(e.querySelectorAll("button:not(:disabled), input:not(:disabled)"));e.requestSubmit(t.find(e=>"submit"===e.type))}#V(){const e=[...this.#H.entries()].map(e=>({key:e[0],label:e[1][0],metadata:e[1].slice(1)})),t=this.#P?e:e[0]??null;this.dispatchEvent(new CustomEvent("change",{bubbles:!0,cancelable:!1,detail:{value:t}}))}#U(){const e=Array.from(this.#H.entries()).map(([e,t])=>{const s=document.createElement("badge");return s.setAttribute("role","button"),s.setAttribute("value",e),s.innerText=t[0],s});this.#D.replaceChildren(),this.#D.append(...e),this.#u.replaceChildren(),this.template("items").withOverlay({entries:this.#H.entries()}).renderTo(this.#u)}#W(e){switch(this.getAttribute("k-type")){case"number":{const t=""===e?Number.NaN:Number(e);return Number.isNaN(t)?e:t}case"boolean":return!0===e||"true"===e||!1!==e&&"false"!==e&&e;default:return String(e)}}set value(e){const t=(null==e?[]:Array.isArray(e)?e:[e]).map(e=>this.#W(e));this.#H=new Map(t.map(e=>[e,[e]])),this.#U();const s=++this.#j;0!==t.length&&this.#J(t,s)}async#J(e,t){const s=await this.#I.exact(...e);if(t!==this.#j)return;const i=new Map(s.map(e=>[this.#W(e[0]),e.slice(1)]));for(const t of e)this.#H.has(t)&&(i.has(t)?this.#H.set(t,i.get(t)):this.#H.delete(t));this.#U()}get value(){return this.#P?[...this.#H.keys()]:[...this.#H.keys()][0]??null}get entry(){return this.#P?[...this.#H.entries()]:[...this.#H.entries()][0]??null}get disabled(){return this.hasAttribute("disabled")}set disabled(e){t.toggle(this,"disabled",e),t.toggle(this.#F,"disabled",e)}get readonly(){return this.#F.readOnly}set readonly(e){this.#F.readOnly=e,this.reflect(()=>{t.toggle(this,"readonly",e)})}get required(){return"true"===this.#F.getAttribute("aria-required")}set required(e){t.set(this.#F,"aria-required",e?"true":null),this.reflect(()=>{t.toggle(this,"required",e)})}#x;get itemlist(){return this.#x}set itemlist(e){this.#x=e,this.reflect(()=>{t.toggle(this,"itemlist",e)})}focus(e){this.#F.focus(e)}setCustomValidity(e){if(!e)return this.internals.setValidity({}),void(this.#$.innerText="");this.internals.setValidity({customError:!0}," "),this.#$.innerText=e}}class M extends e{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;#Q;#$;#K;#Y;constructor(){super(),this.internals=this.attachInternals(),this.internals.role="radiogroup"}render({slots:e,observed:s,disabled:r}){const a=this.getAttribute("name")??t.uid("ful-radiogroup"),n=Array.from(e.default.querySelectorAll("ful-radio")),l=n.map(e=>{const s=document.createElement("input");s.setAttribute("type","radio"),t.forward("input-",this,s),t.forward("",e,s),s.setAttribute("name",`${a}-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,i.fromChildNodes(e)]});n.forEach(e=>{e.remove()}),this.template().withOverlay({name:a,slots:e,inputsAndLabels:l}).renderTo(this),this.#Q=this.firstElementChild,this.disabled=r,this.readonly=s.readonly,this.required=s.required,this.value=s.value,this.#$=this.querySelector("ful-field-error"),this.ariaDescribedByElements=[this.#$],this.#K=this.querySelector("input[type=radio]"),this.#Y="boolean"===this.getAttribute("type")}get value(){const e=this.querySelector("input[type=radio]:checked");return e?this.#Y?"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.#Q.inert}set readonly(e){this.#Q.inert=e,this.reflect(()=>{t.toggle(this,"readonly",e)})}get disabled(){return this.hasAttribute("disabled")}set disabled(e){t.toggle(this,"disabled",e),this.#Q.disabled=e}get required(){return"true"===this.#Q.getAttribute("aria-required")}set required(e){t.set(this.#Q,"aria-required",e?"true":null),this.reflect(()=>{t.toggle(this,"required",e)})}focus(e){this.#K.focus(e)}setCustomValidity(e){if(!e)return this.internals.setValidity({}),void(this.#$.innerText="");this.internals.setValidity({customError:!0}," "),this.#$.innerText=e}}class N extends e{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" data-tpl-role="isSwitch ? \'switch\' : false" 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    ';#X;#F;#$;static formAssociated=!0;constructor(){super(),this.internals=this.attachInternals(),this.internals.role="presentation"}render({slots:e,observed:s,disabled:i}){const r="switch"===this.getAttribute("type"),a=r?"form-check form-switch":"form-check",n=this.template().withOverlay({slots:e,klass:a,isSwitch:r}).render();this.#X=n.firstElementChild,this.#F=n.querySelector("input"),t.forward("input-",this,this.#F),this.disabled=i,this.readonly=s.readonly,this.required=s.required,this.value=s.value,this.#F.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.matches(":disabled")||this.readonly||(this.value=!this.value,this.dispatchEvent(new CustomEvent("change",{bubbles:!0,cancelable:!1,detail:{value:this.value}})))}),this.#$=n.querySelector("ful-field-error"),this.#F.ariaDescribedByElements=[this.#$],this.#F.ariaLabelledByElements=[l],this.replaceChildren(n)}get value(){return this.#F.checked}set value(e){this.#F.checked=e}get readonly(){return this.#X.inert}set readonly(e){this.#X.inert=e,this.reflect(()=>{t.toggle(this,"readonly",e)})}get disabled(){return this.hasAttribute("disabled")}set disabled(e){t.toggle(this,"disabled",e),t.toggle(this.#F,"disabled",e)}get required(){return"true"===this.#F.getAttribute("aria-required")}set required(e){t.set(this.#F,"aria-required",e?"true":null),this.reflect(()=>{t.toggle(this,"required",e)})}focus(e){this.#F.focus(e)}setCustomValidity(e){if(!e)return this.internals.setValidity({}),void(this.#$.innerText="");this.internals.setValidity({customError:!0}," "),this.#$.innerText=e}}class R extends e{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 I extends e{static observed=["order"];#Z;render({observed:e}){const t=this.getAttribute("sorter"),s=["asc","desc",null];this.order=e.order,this.addEventListener("click",()=>{const e=s[(s.indexOf(this.order)+1)%3];this.dispatchEvent(new CustomEvent("sort-requested",{bubbles:!0,cancelable:!0,detail:{value:{sorter:t,order:e}}}))})}get order(){return this.#Z||null}set order(e){this.#Z=e||null,this.reflect(()=>{this.#Z?this.setAttribute("order",e):this.removeAttribute("order")})}}class D extends e{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"},es:{showing:"Página {0} de {1}",navigation:"Navegación de páginas",previous:"Anterior",next:"Siguiente"},fr:{showing:"Page {0} sur {1}",navigation:"Navigation des pages",previous:"Précédent",next:"Suivant"}};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    ';#ee=0;#te=0;render({observed:e}){this.total=e.total??0,this.current=e.current??0,this.addEventListener("click",e=>{const t=e.target.closest("a");t&&!t.classList.contains("disabled")&&this.dispatchEvent(new CustomEvent("page-requested",{bubbles:!0,cancelable:!0,detail:{value:Number(t.dataset.page??this.#te)}}))})}update(e,t){const s=Number(this.getAttribute("pages")??"5"),i=e>0,r=e+1<t,a={index:i?e-1:null,enabled:i},n={index:e,label:e+1},l={index:r?e+1:null,enabled:r},o=Math.max(1,Math.min(s,t)),d=Math.max(0,Math.min(e-Math.floor((o-1)/2),t-o)),u=Array.from({length:o},(e,t)=>({index:d+t,label:d+t+1}));this.template().withOverlay({total:t,prev:a,curr:n,next:l,pages:u}).renderTo(this)}get total(){return this.#ee}set total(e){this.#ee=e,this.reflect(()=>{this.setAttribute("total",String(e)),this.update(this.#te??0,this.#ee)})}get current(){return this.#te}set current(e){this.#te=e,this.reflect(()=>{this.setAttribute("current",String(e)),this.update(this.#te,this.#ee??0)})}}class B{static parse(e,t){const s=e?a.queryChildren(e,"schema"):null;if(!s)throw new Error('missing expected <schema>: ful-table needs a <template slot="schema"> holding one');const r=document.createElement("tr"),n=document.createElement("tr");n.setAttribute("data-tpl-each","rows");for(const e of s.getAttributeNames()){const t=s.getAttribute(e);r.setAttribute(e,t??""),n.setAttribute(e,t??"")}const l=a.queryChildrenAll(s,"column"),o=l.filter(e=>e.hasAttribute("order")).map(e=>({sorter:e.getAttribute("sorter"),order:e.getAttribute("order")}))[0]??null;for(var d of l){const e=a.queryChildren(d,"title"),t=d.getAttribute("sorter"),s=d.getAttribute("order"),i=e??document.createTextNode(d.getAttribute("title")??"");e?.remove(),d.removeAttribute("sorter"),d.removeAttribute("order"),d.removeAttribute("title");const l=t||s?(()=>{const e=document.createElement("ful-sorter");return t&&e.setAttribute("sorter",t),s&&e.setAttribute("order",s),e.append(i),e})():i,o=document.createElement("th"),u=document.createElement("td");for(const e of d.getAttributeNames()){const t=d.getAttribute(e);o.setAttribute(e,t??""),u.setAttribute(e,t??"")}o.append(l),u.append(...d.childNodes),r.append(o),n.append(u)}return{headersTemplate:t.withOverlay({inHeaders:!0,inRows:!1}).withFragment(i.from(r)),rowsTemplate:t.withOverlay({inHeaders:!1,inRows:!0}).withFragment(i.from(n)),sort:o,length:l.length}}}class F{#T;constructor(e){this.#T=e}async load(e,t,s){const i=e.page*e.size,r=i+e.size;return{data:this.#T.slice(i,r),size:this.#T.length}}update(e){this.#T=e}}class P{#e;#t;#s;constructor(e,t,s){this.#e=e,this.#t=t,this.#s=s}async load(e,t,s){const i=Object.entries(s).filter(([e,t])=>t);return await this.#e.request(this.#s,this.#t).param("page",e.page).param("size",e.size).param("sort",t?`${t.sorter},${t.order}`:null).param("filters",i.length>0?JSON.stringify(Object.fromEntries(i)):null).fetchJson()}}class ${static create(e,t){const i=e.getAttribute("src");if(i){const t=s.component("http-client"),r=e.getAttribute("method")??"GET";return new P(t,i,r)}return new F([])}}class H extends e{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."},es:{initial:"Inicia la búsqueda para ver los resultados.",error:"Error al cargar los datos:",nodata:"No se encontraron elementos."},fr:{initial:"Lancez la recherche pour voir les résultats.",error:"Erreur lors du chargement des données :",nodata:"Aucun élément trouvé."}};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        '};#I;#se;#ie;#re;#ae;#ne;#le;#oe;#de;async render({slots:e,observed:i}){const r=this.template(),l=B.parse(e.schema,r),o=r.withOverlay({slots:e,schema:l}).render(),d=a.queryChildren(o,".table-wrapper").querySelector("table");t.forward("table-",this,d),this.#I=s.component(this.getAttribute("loader")??"loaders:table").create(this),this.#se=l,this.#ie=d.querySelector(":scope > tbody"),this.#re=d.querySelector(":scope > tbody[data-ref=loading]"),this.#ae=d.querySelector(":scope > tbody[data-ref=initial]"),this.#ne=d.querySelector(":scope > tbody[data-ref=feedback]"),this.#le=a.queryChildren(o,"ful-pagination"),this.replaceChildren(o);const u=this.querySelector("thead");l.headersTemplate.renderTo(u),this.#oe=u.querySelectorAll("ful-sorter"),await n.waitForChildren(this);const c=a.queryChildren(this,"ful-form");this.#de={pageRequest:{page:0,size:this.getAttribute("page-size")?Number(this.getAttribute("page-size")):10},sortRequest:l.sort,filterRequest:c?.values??{}},c?.addEventListener("submit:success",async e=>{await this.load({page:0,size:this.#de.pageRequest.size},this.#de.sortRequest,e.detail.request)}),this.addEventListener("page-requested",async e=>{await this.load({page:e.detail.value,size:this.#de.pageRequest.size},this.#de.sortRequest,this.#de.filterRequest)}),this.addEventListener("sort-requested",async e=>{const t=e.detail.value.order?e.detail.value:null;await this.load(this.#de.pageRequest,t,this.#de.filterRequest),this.#oe.forEach(e=>{e.order=null}),e.target.order=e.detail.value.order}),this.hasAttribute("autoload")&&this.reload()}async reload(){return await this.load(this.#de.pageRequest,this.#de.sortRequest,this.#de.filterRequest)}async load(e,t,s){this.#ie.replaceChildren(),this.#re.removeAttribute("hidden"),this.#ne.setAttribute("hidden",""),this.#ae.setAttribute("hidden","");try{const i=await this.#I.load(e,t,s);this.#de={pageRequest:e,sortRequest:t,filterRequest:s},this.#p(e,t,s,i)}catch(e){throw this.#re.setAttribute("hidden",""),this.#ne.removeAttribute("hidden"),e.problems?this.#ne.querySelector("[data-ref=feedback-error]").textContent=e.problems.map(e=>`${e.reason}`):this.#ne.querySelector("[data-ref=feedback-error]").textContent=e,e}}async withLoader(e){return await e(this.#I)}async resetWithFilter(e){return await this.load({page:0,size:this.#de.pageRequest.size},this.#de.sortRequest,e)}#p(e,t,s,i){this.#re.setAttribute("hidden",""),this.#ie.replaceChildren(this.template("row").withOverlay({schema:this.#se,pageRequest:e,filterRequest:s,pageResponse:i}).render()),this.#le.current=e.page,this.#le.total=Math.ceil(i.size/e.size)}}class j extends E{static observed=["value:json","readonly:presence","required:presence","placeholder"];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    ';#ue;#ce;#he;render(e){super.render({...e,skipObservedSetup:!0}),this.#ue=this.querySelector("[data-ref=operator]"),this.#ce=this.querySelector("[data-ref=value1]"),this.#he=this.querySelector("[data-ref=value2]"),this.#he.addEventListener("change",e=>{e.stopPropagation(),this.#pe()}),this.disabled=e.disabled,this.readonly=e.observed.readonly,this.required=e.observed.required,this.placeholder=e.observed.placeholder,this.value=e.observed.value,this.addEventListener("click",e=>{const s=e.target;if(!s.matches("ul > li > a"))return;const i=s.closest("ul")?.previousElementSibling,r=s.getAttribute("value"),a=i.getAttribute("value");t.toggle(this.#he,"hidden","BETWEEN"!==r),i.setAttribute("value",r),i.innerHTML=s.innerHTML,a!==r&&this.#pe()})}get value(){const e=this.#ue.getAttribute("value"),t="BETWEEN"===e?[this.#ce.value,this.#he.value]:[this.#ce.value];return t.some(e=>""===e)?void 0:[e,...t.map(e=>new Date(e).toISOString())]}set value(e){if(null==e)return this.#ce.value="",void(this.#he.value="");const[t,...s]=e;this.#fe(t),this.#ce.value=s[0]?x.isoToLocal(s[0]):s[0],this.#he.value=s[1]?x.isoToLocal(s[1]):s[1]}#fe(e){this.#ue.setAttribute("value",e);const s=Array.from(this.#ue.nextElementSibling?.querySelectorAll("li > a[value]")??[]).find(t=>t.getAttribute("value")===e);s&&(this.#ue.innerHTML=s.innerHTML),t.toggle(this.#he,"hidden","BETWEEN"!==e)}#pe(){this.dispatchEvent(new CustomEvent("change",{bubbles:!0,cancelable:!1,detail:{value:this.value}}))}get readonly(){return super.readonly}set readonly(e){this.#he.readOnly=e,super.readonly=e}get disabled(){return super.disabled}set disabled(e){super.disabled=e,t.toggle(this.#he,"disabled",e)}}class V extends E{static observed=["value:json","readonly:presence","required:presence","placeholder"];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    ';#ue;#ce;#he;render(e){super.render({...e,skipObservedSetup:!0}),this.#ue=this.querySelector("[data-ref=operator]"),this.#ce=this.querySelector("[data-ref=value1]"),this.#he=this.querySelector("[data-ref=value2]"),this.#he.addEventListener("change",e=>{e.stopPropagation(),this.#pe()}),this.disabled=e.disabled,this.readonly=e.observed.readonly,this.required=e.observed.required,this.placeholder=e.observed.placeholder,this.value=e.observed.value,this.addEventListener("click",e=>{const s=e.target;if(!s.matches("ul > li > a"))return;const i=s.closest("ul")?.previousElementSibling,r=s.getAttribute("value"),a=i.getAttribute("value");t.toggle(this.#he,"hidden","BETWEEN"!==r),i.setAttribute("value",r),i.innerHTML=s.innerHTML,a!==r&&this.#pe()})}get value(){const e=this.#ue.getAttribute("value"),t="BETWEEN"===e?[this.#ce.value,this.#he.value]:[this.#ce.value];return t.some(e=>""===e)?void 0:[e,...t]}set value(e){if(null==e)return this.#ce.value="",void(this.#he.value="");const[t,...s]=e;this.#fe(t),this.#ce.value=s[0],this.#he.value=s[1]}#fe(e){this.#ue.setAttribute("value",e);const s=Array.from(this.#ue.nextElementSibling?.querySelectorAll("li > a[value]")??[]).find(t=>t.getAttribute("value")===e);s&&(this.#ue.innerHTML=s.innerHTML),t.toggle(this.#he,"hidden","BETWEEN"!==e)}#pe(){this.dispatchEvent(new CustomEvent("change",{bubbles:!0,cancelable:!1,detail:{value:this.value}}))}get readonly(){return super.readonly}set readonly(e){this.#he.readOnly=e,super.readonly=e}get disabled(){return super.disabled}set disabled(e){super.disabled=e,t.toggle(this.#he,"disabled",e)}}class U extends E{static observed=["value:json","readonly:presence","required:presence","placeholder"];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    ';#ue;#me;#be="IGNORE_CASE";render(e){super.render({...e,skipObservedSetup:!0}),this.#ue=this.querySelector("[data-ref=operator]"),this.#me=this.querySelector("[data-ref=value]"),this.disabled=e.disabled,this.readonly=e.observed.readonly,this.required=e.observed.required,this.placeholder=e.observed.placeholder,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,i=t.getAttribute("value"),r=s.getAttribute("value");s.setAttribute("value",i),s.innerHTML=t.innerHTML,r!==i&&this.#pe()})}get value(){const e=this.#ue.getAttribute("value");return""===this.#me.value?void 0:[e,this.#be,this.#me.value]}set value(e){if(null==e)return void(this.#me.value="");const[t,s,i]=e;this.#fe(t),this.#be=s??"IGNORE_CASE",this.#me.value=i}#fe(e){this.#ue.setAttribute("value",e);const t=Array.from(this.#ue.nextElementSibling?.querySelectorAll("li > a[value]")??[]).find(t=>t.getAttribute("value")===e);t&&(this.#ue.innerHTML=t.innerHTML)}#pe(){this.dispatchEvent(new CustomEvent("change",{bubbles:!0,cancelable:!1,detail:{value:this.value}}))}}class G{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 G.t.apply(this,[e,...t])}}class W{configure(e){const t=o.builder().withCsrfToken().withRedirectOnUnauthorized("/").build();e.defineModule("l10n",G).defineComponent("http-client",t).defineElement("ful-spinner",R).defineElement("ful-form",y).defineElement("ful-checkbox",N).defineElement("ful-input",E).defineElement("ful-input-file",T).defineElement("ful-local-date",w).defineElement("ful-instant",x).defineElement("ful-input-local-date",A).defineElement("ful-input-local-time",q).defineElement("ful-input-instant",S).defineElement("ful-radio-group",M).defineElement("ful-table",H).defineElement("ful-pagination",D).defineElement("ful-sorter",I).defineElement("ful-filter-instant",j).defineElement("ful-filter-local-date",V).defineElement("ful-filter-text",U).defineElement("ful-select",_).defineElement("ful-dropdown",k).defineComponent("loaders:select",C).defineComponent("loaders:form",g).defineComponent("loaders:table",$).defineOverlay({language:navigator?.language?.split("-")?.[0]??"en"})}}export{p as AsyncEvents,m as Bindings,N as Checkbox,k as Dropdown,y as Form,g as FormLoader,E as Input,T as InputFile,S as InputInstant,A as InputLocalDate,q as InputLocalTime,x as Instant,j as InstantFilter,w as LocalDate,V as LocalDateFilter,d as LocalStorage,G as LocalizationModule,D as Pagination,W as Plugin,M as RadioGroup,_ as Select,C as SelectLoader,u as SessionStorage,I as SortButton,R as Spinner,H as Table,B as TableSchemaParser,U as TextFilter,f as Timing,c as VersionedLocalStorage,h as VersionedSessionStorage};
 //# sourceMappingURL=ful.min.mjs.map