vanilla-jui 1.4.1 → 1.4.3

package/dist/index.js

@@ -1 +1 @@
-import{bindAttr as e,bindClass as t,createDeepStore as n,createEffect as r,createRoot as i,flushSync as a,h as o,insert as s,jsx as c,onCleanup as l,render as u,untrack as d}from"vanilla-signal";import{t as f}from"vanilla-signal-i18n";function p(){if(typeof window>`u`||typeof navigator>`u`)return!1;if(navigator.userAgentData&&typeof navigator.userAgentData.mobile==`boolean`)return navigator.userAgentData.mobile;let e=navigator.userAgent||navigator.vendor||window.opera||``,t=/Android|iPhone|iPad|iPod|Mobile|Windows Phone|webOS|BlackBerry|IEMobile|Opera Mini/i.test(e),n=/iPad|Android(?!.*Mobile)|Tablet/i.test(e);if(t&&!n){if(/iPhone|iPod|Windows Phone|webOS|BlackBerry|IEMobile|Opera Mini/i.test(e))return!0;if(/Android/i.test(e)){let e=`maxTouchPoints`in navigator?navigator.maxTouchPoints>0:`ontouchstart`in window;return Math.min(window.screen.width,window.screen.height)<=768||e}}if(/Macintosh|MacIntel/i.test(e)){let e=`maxTouchPoints`in navigator?navigator.maxTouchPoints>0:`ontouchstart`in window,t=Math.min(window.screen.width,window.screen.height);return e&&t<=768}return!1}async function m(e){if(typeof window>`u`||typeof document>`u`)return Promise.resolve(!1);let t=String(e);if(navigator.clipboard&&typeof navigator.clipboard.writeText==`function`)try{return await navigator.clipboard.writeText(t),!0}catch{return ee(t)}return ee(t)}function ee(e){let t=null;try{return t=document.createElement(`textarea`),t.value=e,t.setAttribute(`readonly`,``),t.style.position=`absolute`,t.style.left=`-9999px`,t.style.opacity=`0`,document.body.appendChild(t),t.select(),t.setSelectionRange(0,e.length),document.execCommand(`copy`)}catch{return!1}finally{t&&t.parentNode&&t.parentNode.removeChild(t)}}const te=(()=>{let e=new Map;return{get(t,n){return e.has(t)||e.set(t,n()),e.get(t)},destroy(t){let n=e.get(t);n&&(typeof n.destroy==`function`&&n.destroy(),e.delete(t))},destroyAll(){for(let t of e.values())typeof t.destroy==`function`&&t.destroy();e.clear()}}})(),h=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),ne=e=>Array.from(new Set(e.filter(Boolean))),g={timers:{},start(e,t,n){this.timers[e]&&clearTimeout(this.timers[e]),this.timers[e]=setTimeout(()=>{n(),delete this.timers[e]},t)},cancel(e){this.timers[e]&&(clearTimeout(this.timers[e]),delete this.timers[e])}},_=e=>e===null?`null`:Array.isArray(e)?`array`:typeof HTMLElement<`u`&&e instanceof HTMLElement?`HTMLElement`:typeof Node<`u`&&e instanceof Node?`Node`:typeof e,re=e=>typeof e==`function`&&h(e,`prototype`)&&e.prototype!==null&&typeof e.prototype==`object`&&h(e.prototype,`constructor`)&&e.prototype.constructor===e,ie=e=>typeof e==`function`&&/^class\s/.test(Function.prototype.toString.call(e));function v(e){if(!e||typeof e!=`object`||Array.isArray(e))return!1;let t=Object.getPrototypeOf(e);return t===Object.prototype||t===null}function ae(e){return Array.isArray(e)?e.slice():v(e)?{...e}:e}function oe(e={}){return typeof e==`string`||Array.isArray(e)?{type:e}:!e||typeof e!=`object`?{}:e}function se(e,t,n=[]){let r=Array.isArray(n)?n:n?[n]:[];for(let n of r){let r,i;if(typeof n==`function`)r=n,i=`does not satisfy the required condition.`;else if(n&&typeof n.test==`function`)r=n.test,i=n.message||`condition failed.`;else throw Error(`Validator: Condition must be a function or { test, message }.`);if(!r(t))throw Error(`Validator: ${e} ${i}`)}}function ce(e,t){return e?`${e}.${t}`:t}function y(e,t,n={},r=``){let i=oe(n),a=ce(r,e),o=h(i,`types`)?i.types:i.type;if(i.required&&t==null)throw Error(`Validator: ${a} is required.`);if(o!==void 0){let e=Array.isArray(o)?o:[o],n=_(t);if(!e.some(e=>e===n)){let t=e.join(`, `);throw Error(`Validator: ${a} expects ${t}, but got ${n}.`)}se(a,t,i.conditions)}else se(a,t,i.conditions);if(Array.isArray(i.enum)&&!i.enum.includes(t))throw Error(`Validator: ${a} expects one of ${i.enum.join(`, `)}.`);if(typeof i.validate==`function`&&!i.validate(t))throw Error(`Validator: ${a} ${i.message||`does not satisfy the required condition.`}`);return t}function b(e={},t={},n=`Options`){let r=e??{};if(typeof r!=`object`||Array.isArray(r))throw Error(`${n} expects object.`);let i=r,a={...i},o=Object.entries(t||{});for(let[e,t]of o){let n=oe(t);a[e]=h(r,e)?r[e]:fe(n)}for(let[e,n]of o){let r=oe(n);typeof r.normalize==`function`&&(a[e]=r.normalize(a[e],{key:e,input:i,options:a,schema:t}))}for(let[e,t]of o)y(e,a[e],t,n);return a}function le(){if(typeof crypto.randomUUID==`function`)return crypto.randomUUID();let e=new Uint8Array(16);if(typeof crypto.getRandomValues!=`function`)throw Error(`Your browser is too old to support secure login.`);crypto.getRandomValues(e),e[6]=e[6]&15|64,e[8]=e[8]&63|128;let t=Array.from(e).map(e=>e.toString(16).padStart(2,`0`)).join(``);return[t.slice(0,8),t.slice(8,12),t.slice(12,16),t.slice(16,20),t.slice(20,32)].join(`-`)}function x(e=8){if(!Number.isInteger(e)||e<1||e>87381)throw Error(`Length must be an integer between 1 and 87381`);let t=Math.ceil(e*3/4),n=new Uint8Array(t);crypto.getRandomValues(n);let r=``;for(let e of n)r+=String.fromCharCode(e);return btoa(r).substring(0,e).replace(/\+/g,`-`).replace(/\//g,`_`)}function ue(e,t=0,n={}){if(typeof e!=`function`)throw TypeError(`Expected a function`);let r=Number(t)||0,i=n&&typeof n==`object`?n:{},a=!!i.leading,o=!h(i,`trailing`)||!!i.trailing,s=h(i,`maxWait`),c=s?Math.max(Number(i.maxWait)||0,r):0,l,u,d,f,p=0;function m(t){let n=l;return n?(l=void 0,p=t,u=Reflect.apply(e,n.receiver,n.args),u):u}function ee(e){return p=e,d=setTimeout(g,r),a?m(e):u}function te(e){let t=e-(f||0),n=e-p,i=r-t;return s?Math.min(i,c-n):i}function ne(e){let t=e-(f||0),n=e-p;return f===void 0||t>=r||t<0||s&&n>=c}function g(){let e=Date.now();if(ne(e))return _(e);d=setTimeout(g,te(e))}function _(e){return d=void 0,o&&l?m(e):(l=void 0,u)}function re(){d!==void 0&&clearTimeout(d),p=0,f=void 0,d=void 0,l=void 0}function ie(){return d===void 0?u:_(Date.now())}function v(...e){let t=Date.now(),n=ne(t);if(l={receiver:this,args:e},f=t,n){if(d===void 0)return ee(f);if(s)return d=setTimeout(g,r),m(f)}return d===void 0&&(d=setTimeout(g,r)),u}return v.cancel=re,v.flush=ie,v}function de(e,t=0,n={}){if(typeof e!=`function`)throw TypeError(`Expected a function`);let r=n&&typeof n==`object`?n:{};return ue(e,t,{leading:!h(r,`leading`)||!!r.leading,trailing:!h(r,`trailing`)||!!r.trailing,maxWait:t})}function fe(e){if(!h(e,`default`))return;let t=e.default;return ae(e.factory&&typeof t==`function`?t():t)}var pe={info:`<path d="M12 22C6.47715 22 2 17.5228 2 12 2 6.47715 6.47715 2 12 2 17.5228 2 22 6.47715 22 12 22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM13 10.5V15H14V17H10V15H11V12.5H10V10.5H13ZM13.5 8C13.5 8.82843 12.8284 9.5 12 9.5 11.1716 9.5 10.5 8.82843 10.5 8 10.5 7.17157 11.1716 6.5 12 6.5 12.8284 6.5 13.5 7.17157 13.5 8Z"></path>`,success:`<path d="M4 12C4 7.58172 7.58172 4 12 4C16.4183 4 20 7.58172 20 12C20 16.4183 16.4183 20 12 20C7.58172 20 4 16.4183 4 12ZM12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2ZM17.4571 9.45711L16.0429 8.04289L11 13.0858L8.20711 10.2929L6.79289 11.7071L11 15.9142L17.4571 9.45711Z"></path>`,warning:`<path d="M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM11 15H13V17H11V15ZM11 7H13V13H11V7Z"></path>`,error:`<path d="M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM12 10.5858L14.8284 7.75736L16.2426 9.17157L13.4142 12L16.2426 14.8284L14.8284 16.2426L12 13.4142L9.17157 16.2426L7.75736 14.8284L10.5858 12L7.75736 9.17157L9.17157 7.75736L12 10.5858Z"></path>`,"arrow-left":`<path d="M10.8284 12.0007L15.7782 16.9504L14.364 18.3646L8 12.0007L14.364 5.63672L15.7782 7.05093L10.8284 12.0007Z"></path>`,"arrow-right":`<path d="M13.1717 12.0007L8.22192 7.05093L9.63614 5.63672L16.0001 12.0007L9.63614 18.3646L8.22192 16.9504L13.1717 12.0007Z"></path>`,"arrow-up":`<path d="M11.9999 10.8284L7.0502 15.7782L5.63599 14.364L11.9999 8L18.3639 14.364L16.9497 15.7782L11.9999 10.8284Z"></path>`,"arrow-down":`<path d="M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z"></path>`,more:`<path d="M5 10C3.9 10 3 10.9 3 12C3 13.1 3.9 14 5 14C6.1 14 7 13.1 7 12C7 10.9 6.1 10 5 10ZM19 10C17.9 10 17 10.9 17 12C17 13.1 17.9 14 19 14C20.1 14 21 13.1 21 12C21 10.9 20.1 10 19 10ZM12 10C10.9 10 10 10.9 10 12C10 13.1 10.9 14 12 14C13.1 14 14 13.1 14 12C14 10.9 13.1 10 12 10Z"></path>`,close:`<path d="M11.9997 10.5865L16.9495 5.63672L18.3637 7.05093L13.4139 12.0007L18.3637 16.9504L16.9495 18.3646L11.9997 13.4149L7.04996 18.3646L5.63574 16.9504L10.5855 12.0007L5.63574 7.05093L7.04996 5.63672L11.9997 10.5865Z"></path>`,loader:`<path d="M12 3C16.9706 3 21 7.02944 21 12H19C19 8.13401 15.866 5 12 5V3Z"></path>`,menu:`<path d="M3 4H21V6H3V4ZM3 11H21V13H3V11ZM3 18H21V20H3V18Z"></path>`,palette:`<path fill="none" d="M0 0h24v24H0z"></path><path d="M12 2C17.5222 2 22 5.97778 22 10.8889C22 13.9556 19.5111 16.4444 16.4444 16.4444H14.4778C13.5556 16.4444 12.8111 17.1889 12.8111 18.1111C12.8111 18.5333 12.9778 18.9222 13.2333 19.2111C13.5 19.5111 13.6667 19.9 13.6667 20.3333C13.6667 21.2556 12.9 22 12 22C6.47778 22 2 17.5222 2 12C2 6.47778 6.47778 2 12 2ZM10.8111 18.1111C10.8111 16.0843 12.451 14.4444 14.4778 14.4444H16.4444C18.4065 14.4444 20 12.851 20 10.8889C20 7.1392 16.4677 4 12 4C7.58235 4 4 7.58235 4 12C4 16.19 7.2226 19.6285 11.324 19.9718C10.9948 19.4168 10.8111 18.7761 10.8111 18.1111ZM7.5 12C6.67157 12 6 11.3284 6 10.5C6 9.67157 6.67157 9 7.5 9C8.32843 9 9 9.67157 9 10.5C9 11.3284 8.32843 12 7.5 12ZM16.5 12C15.6716 12 15 11.3284 15 10.5C15 9.67157 15.6716 9 16.5 9C17.3284 9 18 9.67157 18 10.5C18 11.3284 17.3284 12 16.5 12ZM12 9C11.1716 9 10.5 8.32843 10.5 7.5C10.5 6.67157 11.1716 6 12 6C12.8284 6 13.5 6.67157 13.5 7.5C13.5 8.32843 12.8284 9 12 9Z"></path>`,message:`<path d="M2 8.99374C2 5.68349 4.67654 3 8.00066 3H15.9993C19.3134 3 22 5.69478 22 8.99374V21H8.00066C4.68659 21 2 18.3052 2 15.0063V8.99374ZM20 19V8.99374C20 6.79539 18.2049 5 15.9993 5H8.00066C5.78458 5 4 6.78458 4 8.99374V15.0063C4 17.2046 5.79512 19 8.00066 19H20ZM14 11H16V13H14V11ZM8 11H10V13H8V11Z"></path>`,chat:`<path d="M10 3H14C18.4183 3 22 6.58172 22 11C22 15.4183 18.4183 19 14 19V22.5C9 20.5 2 17.5 2 11C2 6.58172 5.58172 3 10 3ZM12 17H14C17.3137 17 20 14.3137 20 11C20 7.68629 17.3137 5 14 5H10C6.68629 5 4 7.68629 4 11C4 14.61 6.46208 16.9656 12 19.4798V17Z"></path>`,discuss:`<path d="M14 22.5L11.2 19H6C5.44772 19 5 18.5523 5 18V7.10256C5 6.55028 5.44772 6.10256 6 6.10256H22C22.5523 6.10256 23 6.55028 23 7.10256V18C23 18.5523 22.5523 19 22 19H16.8L14 22.5ZM15.8387 17H21V8.10256H7V17H11.2H12.1613L14 19.2984L15.8387 17ZM2 2H19V4H3V15H1V3C1 2.44772 1.44772 2 2 2Z"></path>`};const me=`http://www.w3.org/2000/svg`,S=pe;function he(e){if(!(e in S))throw Error(`Icon "${e}" not found.`)}function ge(e){return he(e),`<svg xmlns="${me}" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false">${S[e]}</svg>`}function _e(e){return e!==null&&e.namespaceURI===me}function C(e,t={}){let n=document.createElement(`template`);n.innerHTML=ge(e);let r=n.content.firstElementChild;if(!_e(r))throw Error(`Icon "${e}" cannot be rendered.`);for(let[e,n]of Object.entries(t||{})){if(n==null||n===!1)continue;let t=e===`className`?`class`:e;r.setAttribute(t,n===!0?``:String(n))}return r}function ve(e){return ge(e)}const ye=ve;function be(){return{...S}}function xe(e){if(typeof e!=`object`||!e)throw Error(`Icons must be a valid object.`);for(let[t,n]of Object.entries(e)){if(typeof n!=`string`||!n.trim().startsWith(`<`))throw Error(`Invalid SVG path for icon "${t}".`);S[t]=n}}const Se=[`node`,`element`,`array`];function Ce(e){return Se.includes(e)}function w(e){return e instanceof Node}function T(e){return e instanceof Element}function we(e){return typeof e==`string`||T(e)||w(e)||Array.isArray(e)}function Te(e){return e.find(T)||null}function Ee(e,t=[]){for(let n of e){if(Array.isArray(n)){if(!Ee(n,t))return null;continue}if(w(n)){t.push(n);continue}return null}return t}function E(e,t){if(typeof e==`function`)return E(e(t),t);let n=e;if(n==null||n===!1||n===!0)return[];if(Array.isArray(n))return n.flatMap(e=>E(e,t));if(w(n))return[n];if(typeof n==`string`){let e=document.createElement(`template`);return e.innerHTML=n,Array.from(e.content.childNodes)}return[document.createTextNode(String(n))]}function D(e){if(e===!1||e==null)return null;if(typeof e==`string`){let t=N(e);return t.length>0?t:null}if(Array.isArray(e)){let t=Ee(e,[]);return t&&t.length>0?t:null}return w(e)?[e]:null}function De(e){return T(e)||w(e)?e:typeof e==`string`?document.querySelector(e):Array.isArray(e)&&(D(e)||[])[0]||null}function O(e){if(!we(e))return null;if(typeof e==`string`){let t=document.querySelector(e);return T(t)?t:null}if(Array.isArray(e)){let t=D(e);return Array.isArray(t)?Te(t):null}return T(e)?e:null}function Oe(e,t=`Component`,n=`element`){if(!Ce(n))throw Error(`${t}: expect must be one of 'node', 'element', 'array'.`);return we(e)?n===`array`?D(e):n===`node`?De(e):O(e):null}function k(e,t=`Component`,n=`element`){let r=Oe(e,t,n);if(r==null)throw Error(`${t}: container not found.`);return r}function A(e){return e==null||typeof e==`string`||typeof e==`number`||typeof e==`boolean`||typeof e==`function`||Array.isArray(e)||w(e)}function j(){return c(`div`,{"aria-live":`polite`,style:{display:`flex`,justifyContent:`center`,alignItems:`center`,position:`absolute`,width:`100%`,height:`100%`,backdropFilter:`blur(4px)`},children:C(`loader`,{width:24,className:`animate-spin`})})}function M(e,t=document){return t.querySelector(e)}function N(e,t=document){return Array.from(t.querySelectorAll(e))}function ke(e,t,n={}){if(typeof t!=`function`)throw TypeError(`lazyRender: renderCallback expects function.`);let{threshold:r=.1,rootMargin:i=`0px`,root:a=null,waitForDOM:o=!0}=n,s={threshold:r,rootMargin:i,root:a};if(!je(e))return console.warn(`lazyRender: target 必须是 CSS 选择器字符串或 DOM 元素`),Ae;let c=Ae,l=Me(e);if(l&&document.body.contains(l))return c=Ne(l,t,s),c;if(!o||typeof MutationObserver>`u`)return t(),c;let u=new MutationObserver(()=>{let n=Me(e);!n||!document.body.contains(n)||(l=n,u.disconnect(),c=Ne(l,t,s))});return u.observe(document.documentElement,{childList:!0,subtree:!0}),()=>{u.disconnect(),c()}}function Ae(){}function je(e){return typeof e==`string`||T(e)}function Me(e){return typeof e==`string`?M(e):e}function Ne(e,t,n){if(typeof window>`u`||window.IntersectionObserver===void 0)return t(),Ae;let r=new window.IntersectionObserver(n=>{for(let i of n)if(i.isIntersecting){r.unobserve(e),r.disconnect(),t();break}},n);return r.observe(e),()=>{r.unobserve(e),r.disconnect()}}function Pe(e,t,n,r){let i=!0;return e.addEventListener(t,n,r),()=>{i&&(i=!1,e.removeEventListener(t,n,r))}}function P(){let e=new Map,t=t=>{let n=e.get(t);return n?(n(),e.delete(t),!0):!1};return{on(n,r,i,a,o){if(typeof n!=`string`||n.trim()===``)throw TypeError(`EventManager.on: key expects a non-empty string.`);if(t(n),r==null)return()=>{};let s=Pe(r,i,a,o);return e.set(n,s),s},off:t,clear(){for(let t of e.values())t();e.clear()},size(){return e.size}}}async function Fe(e,t,n={}){let r=new Headers(n.headers);return r.has(`Content-Type`)||r.set(`Content-Type`,`application/json`),(await fetch(e,{...n,method:`POST`,headers:r,body:JSON.stringify(t)})).json()}const Ie=typeof window<`u`?`${window.location.origin}/wp-json`:``;function F(e){if(typeof document>`u`)return null;let t=Le(e),n=document.cookie.match(RegExp(`(?:^|;\\s*)`+t+`=([^;]*)`));return n?decodeURIComponent(n[1]):null}function Le(e){return e.replace(/[.*+?^${}()|[\]\\]/g,`\\$&`)}function Re(e,t,n=3600*24){if(typeof document>`u`)return!1;let r=`${encodeURIComponent(e)}=${encodeURIComponent(t)}; path=/; SameSite=Lax`;if(n>0){let e=new Date(Date.now()+n*1e3).toUTCString();r+=`; expires=${e}`}return location.protocol===`https:`&&(r+=`; Secure`),document.cookie=r,F(e)===t}function ze(e){return typeof document>`u`?!0:(document.cookie=`${e}=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;`,!F(e))}function Be(e){if(!e||typeof e!=`object`||Array.isArray(e))return!1;let t=Object.getPrototypeOf(e);return t===Object.prototype||t===null}var I=class e{constructor(e={}){this.props=e||{},this.dom={root:null},this.plugins=new Map,this.cleanup={events:P(),plugins:new Map},this._listeners={init:[],beforeUpdate:[],afterUpdate:[],destroy:[]},this.state=n({}),this.runtime={destroyed:!1},this.installGlobalPlugins()}get root(){return this.dom?.root||null}set root(e){this.dom||(this.dom={root:null}),this.dom.root=e}use(e,t){if(!e)return this;let n=typeof e==`function`?e(this,t):e.install?.(this,t);return this.cleanup.plugins.set(e,n),this}on(e,t){return!this._listeners[e]||typeof t!=`function`||this._listeners[e].push(t),this}off(e,t){return this._listeners[e]&&(this._listeners[e]=this._listeners[e].filter(e=>e!==t)),this}installGlobalPlugins(){for(let t of e.globalPlugins.values())this.use(t)}static useGlobal(t,n){!t||!n||e.globalPlugins.set(t,n)}emit(e,...t){let n=this._listeners[e];if(!n)return this;for(let e of n)try{e(...t)}catch{}return this}init(e={}){if(this.runtime.destroyed)throw Error(`Component.init: instance destroyed`);return Be(e)&&(this.props=Object.assign({},this.props,e)),typeof this.onInit==`function`&&this.onInit(this.props),this.emit(`init`,this.props),this}setState(e={},t){if(this.runtime.destroyed)throw Error(`Component.setState: instance destroyed`);let n=typeof e==`string`&&arguments.length>1?{[e]:t}:e;if(!Be(n))throw Error(`Component.setState: expects a plain object patch.`);return a(()=>{for(let[e,t]of Object.entries(n)){if(!this.state)return;this.state[e]=t}}),this}update(e={},{force:t=!1}={}){if(this.runtime.destroyed)throw Error(`Component.update: instance destroyed`);return Be(e)&&(this.props=Object.assign({},this.props,e)),this.emit(`beforeUpdate`,e,{force:t}),typeof this.onUpdate==`function`&&this.onUpdate(e,{force:t}),this.emit(`afterUpdate`,e,{force:t}),this}destroy(){if(!this.runtime.destroyed){this.runtime={destroyed:!0},typeof this.onDestroy==`function`&&this.onDestroy(),this.emit(`destroy`);for(let e of this.cleanup.plugins.values())try{typeof e==`function`?e():e&&typeof e.destroy==`function`&&e.destroy()}catch{}this.cleanup.plugins.clear(),this.cleanup.events.clear(),this.dom={root:null},this.state=null}}};I.globalPlugins=new Map;var Ve={en:{b:`Back`,t:`Customize`,d:`Customize your UI experience.`,sm:`Small`,md:`Medium`,lg:`Large`},zh:{b:`返回`,t:`自定义主题`,d:`自定义您的UI体验。`,Theme:`主题`,Radius:`圆角`,Shadow:`阴影`,Font:`字号`,Mode:`模式`,Gray:`灰色`,Olive:`橄榄绿`,Tomato:`番茄红`,Ruby:`红宝石`,Pink:`粉红`,Violet:`紫罗兰`,Indigo:`靛蓝`,Blue:`蓝色`,Teal:`青色`,Grass:`草绿`,Mint:`薄荷绿`,Lime:`酸橙绿`,Yellow:`黄色`,Orange:`橙色`,Gold:`金色`,None:`无`,sm:`小`,md:`中`,lg:`大`,XL:`更大`,Round:`圆角`,Light:`浅色`,Dark:`深色`,Auto:`自动`}};const He={panel:`j-theme-palette`,closeWrap:`theme-palette-close`,closeButton:`j-button is-text`,title:`theme-palette-title`,description:`theme-palette-description`,container:`palette-container`,item:`palette-item`,itemTitle:`item-title`,items:`items`,button:`j-button is-default`,active:`is-active`,prefix:`el-prefix`,swatch:`item-hex`,buttonText:`button-text`},Ue={mode:`dark`,theme:`indigo`,radius:`sm`,shadow:`sm`,font:`sm`,key:`ui-theme`,className:He},We={theme:`j-theme-`,radius:`j-radius-`,shadow:`j-shadow-`,font:`j-font-`};function Ge(e){return{...He,...e}}function Ke(e={}){return{...Ue,...e,className:Ge(e.className)}}function qe(e){return e===`mode`||e===`theme`||e===`radius`||e===`shadow`||e===`font`}function Je(...e){return e.filter(Boolean).join(` `)}var Ye=class{constructor(e={}){this.props=n(Ke(e)),this.languages=Ve,this.cleanup=null,this.runtime={destroyed:!1},this.init()}init(){this.cleanup={bindings:new Set,events:P()},this.loadConfig(),this.bindEvent()}translate(e){return f(e,this.languages)}loadConfig(){try{let e=F(this.props.key);if(!e?.trim())return;let t=JSON.parse(e);Object.assign(this.props,t,{className:Ge({...this.props.className,...t.className})})}catch{}}saveConfig(){let{mode:e,theme:t,radius:n,shadow:r,font:i}=this.props,a=e===`auto`?this.scheme():e;Re(this.props.key,JSON.stringify({mode:e,theme:t,radius:n,shadow:r,font:i,render:a}))}scheme(){return window.matchMedia?.(`(prefers-color-scheme: dark)`).matches?`dark`:`light`}bindActiveButtons(n){let r=i(r=>{let i=N(`[data-theme-group]`,n);for(let n of i){let r=n.dataset.themeGroup;if(!qe(r))continue;let i=N(`[data-theme-button]`,n);for(let n of i){let i=()=>n.dataset.themeValue===String(this.props[r]);t(n,this.props.className.active,i),e(n,`aria-selected`,()=>i()?`true`:null)}}return r});this.cleanup?.bindings.add(r)}bindEvent(){this.cleanup?.events.on(`palette`,document.body,`click`,e=>{if(!(e.target instanceof Element))return;let t=e.target.closest(`[data-theme-button]`);if(!t)return;let n=t.closest(`[data-theme-group]`),r=n?.dataset.themeGroup,i=t.dataset.themeValue;if(!n||!qe(r)||!i||t.classList.contains(this.props.className.active))return;let o=this.props[r];a(()=>{this.props[r]=i});let s=document.documentElement;if(r===`mode`){let e=i===`auto`?this.scheme():i;s.classList.remove(`light`,`dark`,o),s.classList.add(e)}else{let e=We[r],t=Array.from(s.classList).filter(t=>t.startsWith(e));t.length&&s.classList.remove(...t),s.classList.add(`${e}${i}`)}this.saveConfig()})}unbindEvent(){this.cleanup?.events.clear()}createPanel(e=null,t=null){let n=this.props.className,r=t||this.defaultPanelConfig(),i=c(`div`,{className:e||n.panel,"data-theme-palette":`root`,children:[c(`div`,{className:n.closeWrap,"data-theme-close-wrap":``,style:{display:`flex`,justifyContent:`center`},children:c(`button`,{className:n.closeButton,"data-action":`close`,children:this.translate(`b`)})}),c(`h3`,{className:n.title,"data-theme-title":``,children:this.translate(`t`)}),c(`p`,{className:n.description,"data-theme-description":``,style:{marginTop:0,fontSize:`var(--text-sm, 0.875rem)`},children:this.translate(`d`)}),c(`div`,{className:n.container,"data-theme-container":``,children:r.map(e=>c(`div`,{className:n.item,"data-palette":e.type,"data-theme-group":e.type,children:[c(`div`,{className:n.itemTitle,"data-theme-group-title":e.type,children:e.title}),c(`div`,{className:n.items,"data-theme-items":e.type,children:e.buttons.map(([t,r])=>{let i=String(this.props[e.type])===String(t);return c(`button`,{className:Je(n.button,i&&n.active),"data-palette":t,"data-theme-button":e.type,"data-theme-value":t,"aria-selected":i?`true`:null,children:[e.type===`theme`?c(`span`,{className:Je(n.prefix,n.swatch),"data-theme-swatch":t,style:{backgroundColor:`var(--ui-${t})`}}):null,c(`span`,{className:n.buttonText,"data-theme-button-text":t,children:r})]})})})]}))})]});return this.bindActiveButtons(i),i}setConfig(e){a(()=>{Object.assign(this.props,e,{className:Ge({...this.props.className,...e.className})})}),this.saveConfig()}destroy(){this.runtime.destroyed||(this.runtime.destroyed=!0,this.unbindEvent(),this.cleanup?.bindings.forEach(e=>e()),this.cleanup?.bindings.clear(),this.cleanup=null)}defaultPanelConfig(){return[{title:this.translate(`Theme`),type:`theme`,buttons:[[`gray`,this.translate(`Gray`)],[`olive`,this.translate(`Olive`)],[`tomato`,this.translate(`Tomato`)],[`ruby`,this.translate(`Ruby`)],[`pink`,this.translate(`Pink`)],[`violet`,this.translate(`Violet`)],[`indigo`,this.translate(`Indigo`)],[`blue`,this.translate(`Blue`)],[`teal`,this.translate(`Teal`)],[`grass`,this.translate(`Grass`)],[`mint`,this.translate(`Mint`)],[`lime`,this.translate(`Lime`)],[`yellow`,this.translate(`Yellow`)],[`orange`,this.translate(`Orange`)],[`gold`,this.translate(`Gold`)]]},{title:this.translate(`Radius`),type:`radius`,buttons:[[`none`,this.translate(`None`)],[`sm`,this.translate(`sm`)],[`md`,this.translate(`md`)],[`lg`,this.translate(`lg`)],[`xl`,this.translate(`XL`)],[`round`,this.translate(`Round`)]]},{title:this.translate(`Shadow`),type:`shadow`,buttons:[[`none`,this.translate(`None`)],[`sm`,this.translate(`sm`)],[`md`,this.translate(`md`)],[`lg`,this.translate(`lg`)]]},{title:this.translate(`Font`),type:`font`,buttons:[[`sm`,this.translate(`sm`)],[`md`,this.translate(`md`)]]},{title:this.translate(`Mode`),type:`mode`,buttons:[[`light`,this.translate(`Light`)],[`dark`,this.translate(`Dark`)],[`auto`,this.translate(`Auto`)]]}]}};const Xe={container:`j-toast-container`,toast:`j-toast`,icon:`toast-icon`,message:`toast-message`,shown:`is-shown`,hidden:`is-hidden`,lite:`j-toast-lite`,action:`is-action`,actions:`toast-actions`,button:`j-button is-sm`,cancelButton:`is-ghost`,actionButton:`is-outline`,info:`is-info`,success:`is-success`,warning:`is-warning`,error:`is-error`,primary:`is-primary`},Ze={type:`string`,enum:[`info`,`success`,`warning`,`error`,`primary`]},Qe={type:`number`,validate:e=>typeof e==`number`&&e>=0,message:`expects a positive number or 0.`},$e={type:`number`,validate:e=>typeof e==`number`&&e>0,message:`expects a number greater than 0.`};function et(e){return{...Xe,...e}}function L(...e){return e.filter(Boolean).join(` `)}var R=class e{static configure(t={}){return e.options={className:et(t.className)},e.options}static resolveClassNames(t){return et({...e.options.className,...t?.className})}static show(t=``,n=3e3,r=`info`,i={}){y(`message`,t,`string`,`Toast.show`),y(`duration`,n,Qe,`Toast.show`),y(`type`,r,Ze,`Toast.show`);let a=e.resolveClassNames(i),o=e.getOrCreateContainer(a),s=x(),l=c(`div`,{className:L(a.toast,a[r]),"data-toast":s,children:[c(`span`,{className:a.icon,"data-toast-icon":s,children:C(r===`primary`?`info`:r)}),c(`span`,{className:a.message,"data-toast-message":s,children:t})]});e.classNames.set(l,a),o.appendChild(l),e.setTimer(s,`show`,()=>l.classList.add(a.shown),10),n>0&&e.setTimer(s,`hide`,()=>e.hide(l),n);let u=Pe(l,`click`,()=>e.hide(l));return e.disposers.set(l,u),l}static success(t=``,n=3e3,r={}){return e.show(t,n,`success`,r)}static info(t=``,n=3e3,r={}){return e.show(t,n,`info`,r)}static primary(t=``,n=3e3,r={}){return e.show(t,n,`primary`,r)}static warning(t=``,n=3e3,r={}){return e.show(t,n,`warning`,r)}static error(t=``,n=3e3,r={}){return e.show(t,n,`error`,r)}static hide(t){if(!t)return;let n=e.classNames.get(t)||e.options.className;e.disposers.get(t)?.(),e.disposers.delete(t),t.classList.remove(n.shown),t.classList.add(n.hidden);let r=t.dataset.toast||x();e.setTimer(r,`remove`,()=>{t.remove();let e=M(`[data-toast-container]`);e&&e.children.length===0&&e.remove()},300)}static lite(t=``,n=2e3,r={}){y(`message`,t,`string`,`Toast.lite`),y(`duration`,n,$e,`Toast.lite`);let i=e.resolveClassNames(r);M(`[data-toast-lite]`)?.remove();let a=x(),o=c(`div`,{className:i.lite,"data-toast":a,"data-toast-lite":``,children:t});return e.classNames.set(o,i),document.body.appendChild(o),e.setTimer(a,`show`,()=>o.classList.add(i.shown),10),e.setTimer(a,`hide`,()=>{o.classList.remove(i.shown),o.classList.add(i.hidden),e.setTimer(a,`remove`,()=>o.remove(),300)},n),o}static action(t=``,n={}){y(`message`,t,`string`,`Toast.action`);let r=e.resolveClassNames(n),i=e.getOrCreateContainer(r),a=x(),o=c(`div`,{className:L(r.toast,r.action),"data-toast":a,"data-toast-action":``,children:[c(`div`,{className:r.message,"data-toast-message":a,children:t}),c(`div`,{className:r.actions,"data-toast-actions":a,children:[c(`button`,{className:L(r.button,r.cancelButton),children:n.text?.cancel||`cancel`,"data-action":`cancel`,onClick:()=>e.hide(o)}),c(`button`,{className:L(r.button,r.actionButton),children:n.text?.action||`action`,"data-action":`toast-action`,onClick:async()=>{await n.onAction?.(),e.hide(o)}})]})]});return e.classNames.set(o,r),i.appendChild(o),e.setTimer(a,`show`,()=>{o.classList.add(r.shown),M(`[data-action="toast-action"]`,o)?.focus()},10),o}static getOrCreateContainer(e){let t=M(`[data-toast-container]`);return t?t.className=e.container:(t=c(`div`,{className:e.container,"data-toast-container":``}),document.body.appendChild(t)),t}static setTimer(t,n,r,i){let a=`${t}-${n}`;return e.timers.add(a),g.start(a,i,()=>{e.timers.delete(a),r()}),a}static clearAll(){for(let t of e.timers)g.cancel(t);e.timers.clear();for(let t of e.disposers.values())t();e.disposers.clear(),M(`[data-toast-container]`)?.remove(),M(`[data-toast-lite]`)?.remove()}static destroyAll(){e.clearAll()}};R.timers=new Set,R.disposers=new Map,R.classNames=new WeakMap,R.options={className:Xe};const tt={rules:{default:{},type:`object`},messages:{default:{},type:`object`},onSubmit:{default:null,types:[`function`,`null`]}};function nt(e){let t=b(e,tt,`Validator.options`);return{rules:t.rules,messages:t.messages,onSubmit:t.onSubmit}}function z(e){return e instanceof HTMLInputElement||e instanceof HTMLSelectElement||e instanceof HTMLTextAreaElement}function rt(e){if(!e)return null;if(e instanceof Element)return z(e)?e:null;for(let t of Array.from(e))if(t instanceof Element&&z(t))return t;return null}function it(){return{valid:!0,message:``,destroyed:!1}}function at(e){return e.closest(`[data-form-control]`)||e.parentElement}function ot(e){return Array.from(e.selectedOptions).map(e=>e.value.trim())}function B(e){return e instanceof HTMLInputElement&&e.type===`file`}function V(e){return!!e.files&&e.files.length>0}var st=class{constructor(e,t={},n=!1){this.options=nt(t),this.root=this.resolveRoot(e),this.runtime=it(),this.cleanup={events:P()},this.validateOptions(n),n&&this.bindEvents()}resolveRoot(e){let t=O(e);if(!(t instanceof HTMLFormElement))throw Error(`Validator.element expects a form element.`);return t}validateOptions(e){y(`bindEvents`,e,`boolean`,`Validator`)}bindEvents(){this.unbindEvents(),!(!this.root||!this.cleanup)&&(this.cleanup.events.on(`submit`,this.root,`submit`,e=>{e.preventDefault(),this.validate()}),this.cleanup.events.on(`reset`,this.root,`reset`,()=>{this.reset({native:!1})}))}unbindEvents(){this.cleanup?.events.clear()}validate(){if(!this.root||!this.options)return!1;this.runtime.valid=!0,this.runtime.message=``;for(let e of Array.from(this.root.elements))if(!(!z(e)||!e.name)&&this.options.rules[e.name]&&(this.runtime.valid=this.validateRule(e,e.name),!this.runtime.valid))break;return this.runtime.valid&&this.options.onSubmit&&this.options.onSubmit(this),this.runtime.valid}validateRule(e,t){if(!this.options)return!1;let n=this.options.rules[t];if(!n)return!0;if(this.hasNativeValidationRule(e))return this.runtime.valid;for(let r of Object.keys(n)){let i=n[r],a=``;switch(r){case`required`:this.runtime.valid=this.validateRequired(e,i);break;case`minLength`:this.runtime.valid=this.validateMinLength(e,i);break;case`maxLength`:this.runtime.valid=this.validateMaxLength(e,i);break;case`equalTo`:this.runtime.valid=this.validateEqualTo(e,i);break;case`email`:this.runtime.valid=this.validateEmail(e);break;case`checked`:this.runtime.valid=this.validateCheck(e,i);break;case`selected`:this.runtime.valid=this.validateSelected(e,i);break;case`multiple`:this.runtime.valid=this.validateMultiple(e,i);break;case`min`:this.runtime.valid=this.validateSelectMin(e,i);break;case`max`:this.runtime.valid=this.validateSelectMax(e,i);break;case`noSpace`:this.runtime.valid=this.validateNoSpace(e,i);break;case`noChinese`:this.runtime.valid=!/[\u4e00-\u9fa5]/.test(e.value);break;case`noSpecial`:this.runtime.valid=!/[@#$%^&*]+/g.test(e.value);break;case`pattern`:this.runtime.valid=this.validatePattern(e,i);break;case`file`:this.runtime.valid=this.validateFile(e,i);break;case`minSize`:this.runtime.valid=this.validateMinSize(e,i);break;case`maxSize`:this.runtime.valid=this.validateMaxSize(e,i);break;case`accept`:this.runtime.valid=this.validateAccept(e,i);break;case`validate`:{let t=this.validateCustom(e,i);this.runtime.valid=t===!0,a=typeof t==`string`?t:``;break}}if(!this.runtime.valid){this.showError(e,t,r,a);break}this.showSuccess(e)}return this.runtime.valid}hasNativeValidationRule(e){return e.hasAttribute(`required`)||e.hasAttribute(`minlength`)||e.hasAttribute(`maxlength`)||e.hasAttribute(`pattern`)||e.hasAttribute(`min`)||e.hasAttribute(`max`)||e.hasAttribute(`step`)}validateRequired(e,t){return t===!0?e instanceof HTMLSelectElement?ot(e).some(e=>e.length>0):e.value.trim().length>=1:!0}validateMinLength(e,t){return typeof t!=`number`||e.value.length>=t}validateMaxLength(e,t){return typeof t!=`number`||e.value.length<=t}validateEmail(e){return/^([\w-.]+@([\w-]+\.)+[\w-]{2,4})?$/.test(e.value)}validateEqualTo(e,t){if(!this.root||typeof t!=`string`)return!0;let n=rt(this.root.elements.namedItem(t));if(!n)throw Error(`Validator: target element "${t}" not found.`);return e.value===n.value}validateCheck(e,t){if(!(e instanceof HTMLInputElement)||e.type!==`checkbox`)throw Error(`Validator: element expects a checkbox input, but ${e.tagName.toLowerCase()} given.`);return e.checked===t}validateSelected(e,t){if(!(e instanceof HTMLSelectElement))throw Error(`Validator: element expects a select element, but ${e.tagName.toLowerCase()} given.`);return t!==!0||ot(e).some(e=>e.length>0)}validateMultiple(e,t){if(!(e instanceof HTMLSelectElement))throw Error(`Validator: element expects a select element, but ${e.tagName.toLowerCase()} given.`);return t!==!0||e.selectedOptions.length>0}validateSelectMin(e,t){return!(e instanceof HTMLSelectElement)||typeof t!=`number`||e.selectedOptions.length>=t}validateSelectMax(e,t){return!(e instanceof HTMLSelectElement)||typeof t!=`number`||e.selectedOptions.length<=t}validateNoSpace(e,t){return!/\s/.test(e.value)||t!==!0}validatePattern(e,t){return typeof t==`string`||t instanceof RegExp?new RegExp(t).test(e.value):!0}validateFile(e,t){return!B(e)||t!==!0||V(e)}validateMinSize(e,t){return!B(e)||!V(e)||typeof t!=`number`||e.files[0].size>=t}validateMaxSize(e,t){return!B(e)||!V(e)||typeof t!=`number`||e.files[0].size<=t}validateAccept(e,t){if(!B(e)||!V(e)||typeof t!=`string`)return!0;let n=e.files[0];return t.split(`,`).map(e=>e.trim().toLowerCase()).some(e=>e.startsWith(`.`)?n.name.toLowerCase().endsWith(e):e.endsWith(`/*`)?n.type.startsWith(e.replace(`/*`,`/`)):n.type===e)}validateCustom(e,t){if(typeof t!=`function`)return!0;let n=t(e,this);return typeof n==`string`?n:!!n}showError(e,t,n,r=``){(!(e instanceof HTMLInputElement)||e.type!==`checkbox`)&&(e.classList.remove(`is-valid`),e.classList.add(`is-invalid`));let i=r||this.options?.messages[t]?.[n]||``;if(!i)return;this.runtime.message=i;let a=at(e);if(!a)return;let o=N(`[data-validator-help]`,a).find(e=>e.dataset.validatorHelp===t)||null;o||(o=c(`div`,{className:`help-block is-invalid`,"data-validator-help":t}),a.appendChild(o)),o.textContent=i}showSuccess(e){let t=at(e);if(t)for(let n of N(`[data-validator-help]`,t))n.dataset.validatorHelp===e.name&&n.remove();(!(e instanceof HTMLInputElement)||e.type!==`checkbox`)&&(e.classList.remove(`is-invalid`),e.classList.add(`is-valid`))}reset({native:e=!0}={}){if(this.root){e&&this.root.reset();for(let e of Array.from(this.root.elements))z(e)&&(e.classList.remove(`is-valid`),e.classList.remove(`is-invalid`));for(let e of N(`[data-validator-help]`,this.root))e.remove();this.runtime.valid=!0,this.runtime.message=``}}destroy(){this.runtime.destroyed||(this.runtime.destroyed=!0,this.unbindEvents(),this.reset({native:!1}),this.root=null,this.options=null,this.runtime.valid=!1,this.runtime.message=``,this.cleanup?.events.clear(),this.cleanup=null)}};function ct(e,t={},n=!1){return new st(e,t,n)}const lt={form:`j-form`,vertical:`is-vertical`,horizontal:`is-horizontal`,itemVertical:`is-item-vertical`,itemHorizontal:`is-item-horizontal`,item:`form-item`,label:`item-label`,required:`is-required`,control:`form-control`,helpInvalid:`is-invalid`,buttons:`form-buttons`,button:`j-button`,input:`j-input`,textarea:`j-textarea`,select:`j-select`,radio:`j-radio`,checkbox:`j-checkbox`,choiceVertical:`is-vertical`,choiceHorizontal:`is-horizontal`,choiceGroup:`is-group`,radioLabel:`radio-label`,radioText:`radio-text`,switch:`j-switch`,switchDefault:`is-default`,switchSizeMd:`is-md`,switchSlider:`switch-slider`},ut=[{type:`submit`,text:`Submit`,theme:`primary`,action:`submit`},{type:`reset`,text:`Reset`,theme:`ghost`,action:`reset`}],dt={id:{default:null,types:[`string`,`null`],normalize:e=>typeof e==`string`?e.trim()?e.trim():x():e??x()},vertical:{default:!0,type:`boolean`},itemVertical:{default:!0,type:`boolean`},style:{default:``,types:[`string`,`object`,`null`]},fields:{default:[],type:`array`},buttons:{default:ut,types:[`boolean`,`array`],normalize:e=>e===!1?[]:e===!0?H(ut):Array.isArray(e)?H(e):e},className:{default:lt,type:`object`,normalize:e=>vt(e)},validator:{default:{},type:`object`},onSubmit:{default:null,types:[`function`,`null`]},onReset:{default:null,types:[`function`,`null`]}},ft={validate:e=>v(e),message:`expects a props object.`};function pt(e){return Array.isArray(e)?e.map(e=>e&&typeof e==`object`?{...e}:e):[]}function mt(e){return Array.isArray(e)?e.map(e=>({...e,options:pt(e.options)})):[]}function H(e){return Array.isArray(e)?e.map(e=>({...e})):[]}function ht(e){return e&&typeof e==`object`?e:{value:e,text:String(e)}}function U(e){return e==null?``:typeof e==`string`?e:typeof e==`number`||typeof e==`boolean`?String(e):e.name}function gt(e,t){return A(e)?E(e,t):null}function _t(e,t){return e.name?!!e.required||!!t?.[e.name]?.required:!!e.required}function W(...e){return e.filter(Boolean).join(` `)}function vt(e){return{...lt,...v(e)?e:{}}}function yt(e,t){if(e.removeAttribute(`style`),t){if(typeof t==`string`){e.style.cssText=t;return}if(v(t))for(let[n,r]of Object.entries(t)){if(r==null||typeof r!=`string`&&typeof r!=`number`)continue;let t=n.startsWith(`--`)?n:n.replace(/[A-Z]/g,e=>`-${e.toLowerCase()}`);e.style.setProperty(t,String(r))}}}function bt(e){let t=v(e)?e:{};return{...t,rules:v(t.rules)?t.rules:{},messages:v(t.messages)?t.messages:{}}}function xt(e){let t=b(e,dt,`Form.props`);return{...t,id:String(t.id),vertical:!!t.vertical,itemVertical:!!t.itemVertical,style:t.style,fields:mt(t.fields),buttons:H(t.buttons),className:vt(t.className),validator:bt(t.validator),onSubmit:t.onSubmit,onReset:t.onReset}}var St=class extends I{constructor(e={},t=!1){let r=xt(e);super(r),this.dom.container=t,this.dom.fields=new Map,this.validator=null,this.cleanup.view=null,this.cache={initial:this.cloneProps(r),fieldIds:new Map},this.state=n({...this.cloneProps(r),submitting:!1,data:null})}get root(){return this.dom?.root||null}set root(e){this.dom.root=e}onInit(){this.dom.container!==!1&&this.dom.container!=null&&typeof this.dom.container!=`string`&&this.mount(this.dom.container)}build(e=this.dom.container){if(this.runtime.destroyed)throw Error(`Form.build: instance destroyed`);return this.cleanup.view?this:(this.dom.container=e===!1?document.createDocumentFragment():k(e,`Form.container`),this.init(this.props),this)}mount(e=this.dom.container){return this.cleanup.view||!e||(this.cleanup.view=i(t=>(l(u(()=>this.view(),e)),t))),this}view(){let e=this.state.className;return c(`form`,{className:()=>W(this.state.className.form,this.state.vertical?e.vertical:e.horizontal,this.state.itemVertical?e.itemVertical:e.itemHorizontal),id:()=>this.state.id,style:()=>this.state.style,"data-form":`root`,"data-form-layout":()=>this.state.vertical?`vertical`:`horizontal`,"data-form-item-layout":()=>this.state.itemVertical?`vertical`:`horizontal`,ref:e=>{let t=this.root!==e;this.root=e,yt(e,this.state.style),(t||!this.validator)&&this.syncValidator()},onSubmit:e=>this.handleSubmit(e),onReset:e=>this.handleReset(e),children:()=>[...this.state.fields.map((e,t)=>this.fieldView(e,t)),this.buttonsView()]})}fieldView(e,t){let n=this.resolveFieldId(e,t),r=e.type===`hidden`,i=this.state.className;return c(`div`,{className:i.item,"data-form-item":e.name||String(t),style:{display:r?`none`:``},children:[this.labelView(e,n),c(`div`,{className:i.control,"data-form-control":e.name||String(t),children:[this.controlView(e,n,t),e.help?c(`div`,{className:`help-block`,"data-form-help":e.name||String(t),children:e.help}):null]})]})}labelView(e,t){if(e.label===!1||e.label===void 0)return null;let n=this.state.className;return c(`label`,{className:W(n.label,_t(e,this.state.validator?.rules)?n.required:``),"data-form-label":e.name||t,for:t,children:e.label})}controlView(e,t,n){switch(e.type){case`textarea`:return this.textareaView(e,t);case`select`:return this.selectView(e,t);case`radio`:return this.choiceGroupView(e,t,`radio`);case`checkbox`:return Array.isArray(e.options)?this.choiceGroupView(e,t,`checkbox`):this.inputView(e,t);case`switch`:return this.switchView(e,t);case`custom`:return gt(e.content,{form:this,field:e,index:n});default:return this.inputView(e,t)}}inputView(e,t){let n=e.type||`text`;return c(`input`,{...this.controlProps(e,t,{type:n,className:e.className||this.state.className.input,autocomplete:e.autocomplete||this.autoComplete(n),value:e.value??``}),checked:e.checked===void 0?void 0:!!e.checked})}textareaView(e,t){return c(`textarea`,this.controlProps(e,t,{className:e.className||this.state.className.textarea,autocomplete:e.autocomplete,value:e.value??``}))}selectView(e,t){let n=e.value;return c(`select`,this.controlProps(e,t,{className:e.className||this.state.className.select,autocomplete:e.autocomplete||`off`,multiple:!!e.multiple,children:(e.options||[]).map(e=>{let t=ht(e);return c(`option`,{value:t.value??``,disabled:!!t.disabled,selected:this.isSelected(n,t.value),children:t.text??t.label??t.value??``})})}))}choiceGroupView(e,t,n){let r=e.vertical?`vertical`:`horizontal`,i=this.state.className;return c(`div`,{className:W(n===`radio`?i.radio:i.checkbox,r===`vertical`?i.choiceVertical:i.choiceHorizontal,e.group?i.choiceGroup:``,e.size?`is-${e.size}`:``),"data-form-choice-group":e.name||t,"data-choice-type":n,"data-choice-layout":r,children:(e.options||[]).map((r,a)=>{let o=ht(r),s=`${t}_${a}`;return c(`label`,{className:n===`radio`?i.radioLabel:``,"data-form-choice":e.name||t,for:s,children:[c(`input`,{type:n,id:s,name:e.name,value:o.value??``,checked:n===`radio`?this.isSelected(e.value,o.value):this.isChecked(e.value,o.value,o.checked),disabled:!!o.disabled||!!e.disabled,required:!!e.required}),c(`span`,{className:n===`radio`?i.radioText:``,"data-form-choice-text":``,children:o.text??o.label??o.value??``})]})})})}switchView(e,t){let n=this.state.className;return c(`label`,{className:W(n.switch,e.variant?`is-${e.variant}`:n.switchDefault,e.size?`is-${e.size}`:n.switchSizeMd),"data-form-switch":e.name||t,for:t,children:[c(`input`,{type:`checkbox`,id:t,name:e.name,value:e.value??`on`,checked:!!e.checked,disabled:!!e.disabled,required:!!e.required}),c(`span`,{className:n.switchSlider,"data-form-switch-slider":``})]})}buttonsView(){if(!this.state.buttons.length)return null;let e=this.state.className;return c(`div`,{className:e.buttons,"data-form-buttons":``,children:this.state.buttons.map(t=>c(`button`,{type:t.type||`button`,className:W(e.button,t.theme?`is-${t.theme}`:``,t.className||``),"data-action":t.action||t.type||`button`,disabled:()=>!!this.state.submitting||!!t.disabled,children:t.text??t.label??``}))})}controlProps(e,t,n){return{...n,name:e.name,id:t,placeholder:e.placeholder||``,required:!!e.required,disabled:!!e.disabled,readonly:!!e.readonly,"data-form-field":e.name||t,ref:t=>{e.name&&this.dom.fields.set(e.name,t)}}}resolveFieldId(e,t){if(e.id)return e.id;let n=e.name||t;return this.cache.fieldIds.has(n)||this.cache.fieldIds.set(n,`${this.state.id}_field_${t}`),this.cache.fieldIds.get(n)||`${this.state.id}_field_${t}`}syncValidator(){if(!this.root)return;let e={...this.state.validator,onSubmit:null};if(this.validator?.root===this.root){this.validator.options=e;return}this.validator?.destroy(),this.validator=new st(this.root,e,!1)}validate(){return!this.validator||this.validator.validate()}reset(){return this.validator?.reset(),a(()=>{this.state.data=null}),this}async handleSubmit(e){if(e.preventDefault(),this.state.submitting||!this.validate())return;let t=this.collectData();a(()=>{this.state.submitting=!0,this.state.data=t});try{await Promise.resolve(this.state.onSubmit?.(t,this))}finally{this.runtime.destroyed||a(()=>{this.state.submitting=!1})}}handleReset(e){this.resetValidationState(),a(()=>{this.state.data=null}),this.state.onReset?.(e,this)}resetValidationState(){if(this.root){for(let e of Array.from(this.root.elements))e.classList.remove(`is-valid`),e.classList.remove(`is-invalid`);for(let e of N(`[data-form-help], [data-validator-help]`,this.root))(e.dataset.validatorHelp||e.classList.contains(`is-invalid`))&&e.remove()}}collectData(){return this.root?this.collectFormData(this.root):{}}collectFormData(e){let t={},n=new FormData(e);for(let[e,r]of n.entries())h(t,e)?t[e]=Array.isArray(t[e])?[...t[e],r]:[t[e],r]:t[e]=r;return t}requestSubmit(){if(!this.root)return this;if(typeof this.root.requestSubmit==`function`)return this.root.requestSubmit(),this;let e=new Event(`submit`,{bubbles:!0,cancelable:!0});return this.root.dispatchEvent(e),this}update(e={},t={}){let n=e||{};y(`props`,n,ft,`Form.update`);let r=xt(Object.assign({},this.props,n));return this.props=this.cloneProps(r),this.cache.fieldIds.clear(),super.update(r),a(()=>{let e=this.cloneProps(r);for(let t of Object.keys(e))this.state[t]=e[t]}),this}setFields(e){return y(`fields`,e,`array`,`Form.setFields`),this.update({fields:e})}resetFields(){return this.setFields(this.cache.initial.fields)}cloneProps(e){return{...e,fields:mt(e.fields),buttons:H(e.buttons),className:vt(e.className),validator:bt(e.validator)}}autoComplete(e){switch(e){case`password`:return`current-password`;case`email`:return`email`;default:return`on`}}isSelected(e,t){return Array.isArray(e)?e.map(e=>U(e)).includes(U(t)):e==t}isChecked(e,t,n){return n===void 0?Array.isArray(e)?e.map(e=>U(e)).includes(U(t)):typeof e!=`string`&&typeof e!=`boolean`&&!(e instanceof File)?!1:e===!0||U(e)===U(t):!!n}onDestroy(){let e=this.cleanup.view;typeof e==`function`&&e(),this.cleanup.view=null,this.validator?.destroy(),this.validator=null}};function Ct(e={},t=!1){return new St(e,t)}const wt={toc:`j-toc`,list:`toc-list`,link:`toc-link`,active:`is-active`,levelPrefix:`is-level-`},Tt={container:{default:null},target:{default:`.j-content`},headings:{default:`h2, h3`,type:`string`},offset:{default:80,type:`number`,validate:e=>typeof e==`number`&&e>=0,message:`expects a positive number or 0.`},className:{default:wt,type:`object`,normalize:e=>({...wt,...e&&typeof e==`object`?e:{}})},onUpdate:{default:null,types:[`function`,`null`]}};function Et(e){let t=b(e,Tt,`Toc.props`);return{container:t.container,target:t.target,headings:t.headings,offset:t.offset,className:t.className,onUpdate:t.onUpdate}}function Dt(e){let t=/^H([1-6])$/.exec(e.tagName);return t?Number(t[1]):1}function Ot(e,t){return e.id||(e.id=`toc-${x()}-${t}`),{id:e.id,text:e.textContent||``,level:Dt(e),element:e}}var kt=class extends I{constructor(e={}){let t=Et(e);super(t),this.dom.container=null,this.dom.target=null,this.dom.list=null,this.dom.headings=[],this.dom.links=[],this.runtime.built=!1,this.runtime.ticking=!1,this.state=n({items:[],current:{index:-1,item:null}})}build(){if(this.runtime.destroyed)throw Error(`Toc.build: instance destroyed`);if(this.runtime.built)return this;this.init(this.props),this.dom.container=k(this.props.container,`Toc.container`),this.dom.target=k(this.props.target,`Toc.target`);let e=document.createElement(`nav`);return e.className=this.props.className.toc,e.dataset.toc=`root`,this.root=e,this.dom.list=document.createElement(`div`),this.dom.list.className=this.props.className.list,this.dom.list.dataset.tocList=`root`,e.appendChild(this.dom.list),this.dom.container.innerHTML=``,this.dom.container.appendChild(e),this.runtime.built=!0,this.refresh(),this}bindEvents(){this.dom.list&&(this.cleanup.events.on(`scroll`,window,`scroll`,()=>this.onScroll(),{passive:!0}),this.cleanup.events.on(`click`,this.dom.list,`click`,e=>this.onClick(e)))}onScroll(){this.runtime.ticking||(requestAnimationFrame(()=>{this.updateActive(),this.runtime.ticking=!1}),this.runtime.ticking=!0)}onClick(e){if(!(e.target instanceof Element)||!this.dom.list)return;let t=e.target.closest(`[data-toc-index]`);if(!t||!this.dom.list.contains(t))return;let n=Number(t.dataset.tocIndex),r=this.state?.items[n];r&&(e.preventDefault(),this.scrollToItem(r,{activeIndex:n,updateHash:!0}))}scrollToItem(e,{activeIndex:t=-1,updateHash:n=!1}={}){let r=window.scrollY||window.pageYOffset||0,i=Math.max(0,e.element.getBoundingClientRect().top+r-this.props.offset);window.scrollTo({top:i,behavior:`smooth`}),t>=0&&this.setActive(t),n&&window.history?.pushState&&window.history.pushState(null,``,`#${e.id}`)}linkClassName(e,t=!1){let n=[this.props.className.link,`${this.props.className.levelPrefix}${e.level}`];return t&&n.push(this.props.className.active),n.filter(Boolean).join(` `)}buildLink(e,t){return c(`a`,{className:this.linkClassName(e),href:`#${e.id}`,"data-toc-index":String(t),"data-toc-target":e.id,children:e.text})}updateActive(){if(!this.runtime.built)return;let e=-1,t=this.props.offset+1;for(let n=this.dom.headings.length-1;n>=0;n--)if(this.dom.headings[n].getBoundingClientRect().top<=t){e=n;break}this.setActive(e)}setActive(e){if(!this.state||e===this.state.current.index)return;let t=this.state.items[e]||null;this.setState({current:{index:e,item:t}});let n=this.state.items;this.dom.links.forEach((t,r)=>{let i=r===e;t.dataset.active=i?`1`:`0`,t.className=this.linkClassName(n[r],i)}),typeof this.props.onUpdate==`function`&&this.props.onUpdate(t,e,this)}refresh(){if(this.runtime.destroyed||!this.runtime.built||!this.dom.target||!this.dom.list)return this;this.cleanup.events.clear(),this.dom.headings=N(this.props.headings,this.dom.target);let e=this.dom.headings.map(Ot);this.dom.links=e.map((e,t)=>this.buildLink(e,t)),this.dom.list.innerHTML=``;for(let e of this.dom.links)this.dom.list.appendChild(e);return this.setState({items:e,current:{index:-1,item:null}}),this.bindEvents(),this.updateActive(),this}activate(e){return!this.runtime.built||!this.state||!Number.isInteger(e)||e<0||e>=this.dom.links.length||this.scrollToItem(this.state.items[e]),this}onDestroy(){this.cleanup.events.clear(),this.dom.container&&(this.dom.container.innerHTML=``),this.runtime.built=!1,this.runtime.ticking=!1,this.dom.container=null,this.dom.target=null,this.dom.list=null,this.dom.headings=[],this.dom.links=[]}};function At(e={}){return new kt(e)}const jt={target:{default:null},parent:{default:null},max:{default:10,type:`number`,validate:e=>typeof e==`number`&&Number.isInteger(e)&&e>0,message:`expects a positive integer.`},top:{default:16,type:`number`,validate:e=>typeof e==`number`&&e>=0,message:`expects a positive number or 0.`},gap:{default:16,type:`number`,validate:e=>typeof e==`number`&&e>=0,message:`expects a positive number or 0.`},overflow:{default:`destroy`,type:`string`,enum:[`destroy`,`ignore`]},onUpdate:{default:null,types:[`function`,`null`]}};function Mt(e){let t=b(e,jt,`Sticky.props`);return{target:t.target,parent:t.parent,max:t.max,top:t.top,gap:t.gap,overflow:t.overflow,onUpdate:t.onUpdate}}function Nt(e){let t=e.filter(e=>e instanceof HTMLElement);return Array.from(new Set(t))}function Pt(e){return e===!1||e==null?null:k(e,`Sticky.parent`,`element`)}function Ft(e,t){if(e===!1||e==null)return[];if(typeof e==`string`){if(!t)return Nt(k(e,`Sticky.target`,`array`));let n=Nt(N(e,t));if(n.length===0)throw Error(`Sticky.target: target not found.`);return n}let n=Nt(k(e,`Sticky.target`,`array`));if(!t)return n;let r=n.filter(e=>e===t||t.contains(e));if(r.length===0)throw Error(`Sticky.target: target not found in parent.`);return r}var It=class extends I{constructor(e={}){let t=Mt(e);super(t),this.dom.parent=null,this.dom.targets=[],this.runtime.active=!1,this.runtime.built=!1,this.runtime.ignored=!1,this.runtime.items=[],this.state=n({count:0,top:t.top,items:[]})}build(){if(this.runtime.destroyed)throw Error(`Sticky.build: instance destroyed`);return this.runtime.built||(this.init(this.props),this.dom.parent=Pt(this.props.parent),this.dom.targets=Ft(this.props.target,this.dom.parent),this.dom.targets=this.resolveOverflow(this.dom.targets),this.runtime.built=!0,this.dom.targets.length===0)?this:(this.runtime.active=!0,this.captureItems(),this.apply(),this)}captureItems(){this.runtime.items=this.dom.targets.map(e=>({element:e,top:this.props.top,originalPosition:e.style.position,originalTop:e.style.top,originalZIndex:e.style.zIndex}))}resolveOverflow(e){let{max:t,overflow:n}=this.props;return e.length<=t?e:(this.runtime.ignored=n===`ignore`,n===`ignore`?[]:e.slice(-t))}apply(e=this.props.top){let t=e,n=[];for(let e of this.runtime.items)e.top=t,e.element.style.position=`sticky`,e.element.style.top=`${t}px`,n.push({element:e.element,top:t}),t+=e.element.offsetHeight+this.props.gap;return this.setState({count:this.runtime.items.length,top:this.runtime.items[0]?.top??this.props.top,items:n}),typeof this.props.onUpdate==`function`&&this.props.onUpdate(this),t}restore(){for(let e of this.runtime.items)e.element.style.position=e.originalPosition,e.element.style.top=e.originalTop,e.element.style.zIndex=e.originalZIndex}refresh(){return this.runtime.destroyed||!this.runtime.built||!this.runtime.active||this.apply(),this}destroy(){this.runtime.destroyed||(this.restore(),super.destroy())}onDestroy(){this.runtime.active=!1,this.runtime.built=!1,this.runtime.items=[],this.dom.targets=[]}};function Lt(e={}){return new It(e)}const G={root:`j-flow`,header:`flow-header`,title:`flow-title`,description:`flow-description`,steps:`flow-steps`,step:`flow-step`,active:`is-active`,complete:`is-complete`,stepButton:`flow-step-button`,stepIndex:`flow-step-index`,stepTitle:`flow-step-title`,body:`flow-body`,footer:`flow-footer`,button:`j-button`,buttonGhost:`is-ghost`,buttonPrimary:`is-primary`,reset:`flow-reset`,back:`flow-back`,next:`flow-next`};function Rt(e){return!!e&&typeof e==`object`&&typeof e.id==`string`}function zt(e){return e==null||e===!1||typeof e==`function`}function K(e){return v(e)?{...e}:{}}function Bt(e){return Array.isArray(e)?[...e]:[]}function Vt(e){return Array.isArray(e)?e.map(e=>{let t=e;return{...t,data:K(t.data),modal:typeof t.modal==`function`||t.modal==null?t.modal:K(t.modal),view:K(t.view)}}):[]}function Ht(e,t){return typeof e==`string`?{id:e}:v(e)&&typeof e.id==`string`?{id:e.id,data:v(e.data)||e.data==null?e.data:void 0}:{id:t}}function Ut(e){if(typeof e==`string`){let t=e.trim();return{...G,root:t?`${G.root} ${t}`:G.root}}return{...G,...v(e)?e:{}}}function q(...e){return e.filter(Boolean).join(` `)}const Wt={validate:Rt,message:`expects a step object with a string id.`},Gt={validate:A,message:`expects string, Node, array, function or null.`},Kt={validate:e=>Array.isArray(e)&&e.length>0,message:`expects a non-empty steps array.`},J={validate:e=>e==null||v(e),message:`expects an object or null.`},Y={validate:zt,message:`expects function, false or null.`},qt={default:{},validate:v,message:`expects an object with text fields.`,normalize:e=>{let t=v(e)?e:{};return{...Object.fromEntries(Object.entries(t).filter(([,e])=>typeof e==`string`)),back:typeof t.back==`string`?t.back:`Back`,next:typeof t.next==`string`?t.next:`Next`,finish:typeof t.finish==`string`?t.finish:`Finish`,reset:typeof t.reset==`string`?t.reset:`Reset`}}},Jt={id:{default:null,types:[`string`,`null`],normalize:e=>typeof e==`string`?e.trim()||x():e??x()},steps:{default:[],...Kt},initial:{default:null,types:[`string`,`number`,`null`]},cache:{default:!0,type:`boolean`},linear:{default:!0,type:`boolean`},render:{default:!0,type:`boolean`},rollbackOnError:{default:!0,type:`boolean`},busyStrategy:{default:`ignore`,type:`string`,enum:[`ignore`,`throw`]},showHeader:{default:!0,type:`boolean`},showFooter:{default:!0,type:`boolean`},showSteps:{default:!0,type:`boolean`},showBack:{default:!0,type:`boolean`},showNext:{default:!0,type:`boolean`},showReset:{default:!1,type:`boolean`},text:qt,className:{default:G,types:[`object`,`string`],normalize:Ut},renderHeader:{default:null,...Y},renderSteps:{default:null,...Y},renderBody:{default:null,...Y},renderFooter:{default:null,...Y},onChange:{default:null,types:[`function`,`null`]},onNext:{default:null,types:[`function`,`null`]},onBack:{default:null,types:[`function`,`null`]},onFinish:{default:null,types:[`function`,`null`]},onError:{default:null,types:[`function`,`null`]},onBusy:{default:null,types:[`function`,`null`]}};function Yt(e){let t=b(e,Jt,`Flow.options`);return{id:t.id,steps:Vt(t.steps),initial:t.initial,cache:t.cache,linear:t.linear,render:t.render,rollbackOnError:t.rollbackOnError,busyStrategy:t.busyStrategy,showHeader:t.showHeader,showFooter:t.showFooter,showSteps:t.showSteps,showBack:t.showBack,showNext:t.showNext,showReset:t.showReset,text:t.text,className:t.className,renderHeader:t.renderHeader,renderSteps:t.renderSteps,renderBody:t.renderBody,renderFooter:t.renderFooter,onChange:t.onChange,onNext:t.onNext,onBack:t.onBack,onFinish:t.onFinish,onError:t.onError,onBusy:t.onBusy}}var Xt=class{constructor(e={}){this.options=Yt(e),this.steps=this.options.steps,this.validateSteps(this.steps),this.stepMap=new Map(this.steps.map((e,t)=>[e.id,t])),this.initialStepId=this.resolveInitialStepId(this.options.initial),this.initialData=this.createInitialStepData(),this.subscribers=new Set,this.renderDispose=null,this.cleanupTasks=new Set,this.nodes={},this.destroyed=!1,this.activeAction=null,this.actionController=null,this.root=null,this.state=n({id:this.options.id,currentId:this.initialStepId,currentIndex:this.stepMap.get(this.initialStepId)??0,previousId:null,previousIndex:null,direction:null,history:[this.initialStepId],data:K(this.initialData.global),stepData:K(this.initialData.stepData),loading:!1,error:null,busyAction:null,version:0})}get currentStep(){return this.steps[this.state.currentIndex]}get currentData(){return this.getStepData(this.state.currentId)}get canBack(){return this.state.currentIndex>0&&!this.state.loading}get canNext(){return this.state.currentIndex<this.steps.length-1&&!this.state.loading}get isLast(){return this.state.currentIndex===this.steps.length-1}subscribe(e){if(this.assertActive(`subscribe`),typeof e!=`function`)throw Error(`Flow.subscribe: handler expects a function.`);return this.subscribers.add(e),e(this.snapshot(),this,null),()=>this.subscribers.delete(e)}snapshot(){let e=this.currentStep;return{id:this.state.id,currentId:this.state.currentId,currentIndex:this.state.currentIndex,previousId:this.state.previousId,previousIndex:this.state.previousIndex,direction:this.state.direction,history:[...this.state.history],data:K(this.state.data),stepData:K(this.state.stepData),currentData:this.currentData,currentStep:this.publicStep(e),canBack:this.canBack,canNext:this.canNext,isLast:this.isLast,loading:this.state.loading,busyAction:this.state.busyAction,error:this.state.error}}mount(e){if(this.assertActive(`mount`),!this.options.render)return this;let t=k(e,`Flow.mount.container`,`element`);return this.unmount(),this.root=this.buildRoot(),t.appendChild(this.root),this.mountView(),this}unmount(){return this.renderDispose?.(),this.renderDispose=null,this.root?.parentNode&&this.root.parentNode.removeChild(this.root),this.root=null,this.nodes={},this}async next(e=null){return this.assertActive(`next`),y(`payload`,e,J,`Flow.next`),this.handleBusy(`next`)||this.runAction(`next`,async()=>{if(this.isLast)return this.finish(e,{internal:!0});let t=this.currentStep,n=this.steps[this.state.currentIndex+1]?.id,{id:r,data:i}=Ht(await this.runMoveHook(`next`,t,e,n),n);return this.goTo(r,i??e,{direction:`next`,internal:!0})})}async back(e=null){return this.assertActive(`back`),y(`payload`,e,J,`Flow.back`),this.handleBusy(`back`)||(this.canBack?this.runAction(`back`,async()=>{let t=this.currentStep,n=this.steps[this.state.currentIndex-1]?.id,{id:r,data:i}=Ht(await this.runMoveHook(`back`,t,e,n),n);return this.goTo(r,i??e,{direction:`back`,internal:!0})}):this.snapshot())}async goTo(e,t=null,n={}){return this.assertActive(`goTo`),y(`payload`,t,J,`Flow.goTo`),(n.internal?null:this.handleBusy(`goTo`))||this.runAction(`goTo`,async()=>{let r=this.resolveStepIndex(e),i=this.steps[r],a=this.currentStep;return!i||i.id===this.state.currentId?(t&&this.setStepData(this.state.currentId,t),this.snapshot()):(await this.transitionTo(i,{direction:n.direction||`go`,payload:t,fromStep:a}),this.snapshot())},{internal:n.internal})}setData(e){return this.assertActive(`setData`),y(`data`,e,J,`Flow.setData`),e?(a(()=>{Object.assign(this.state.data,e),this.state.version+=1}),this.emitChange(),this):this}setStepData(e,t,n={}){return this.assertActive(`setStepData`),y(`stepId`,e,{type:`string`},`Flow.setStepData`),y(`data`,t,J,`Flow.setStepData`),!t||!this.stepMap.has(e)?this:(a(()=>{this.state.stepData[e]={...K(this.state.stepData[e]),...t},this.options.cache&&Object.assign(this.state.data,t),this.state.version+=1}),n.silent||this.emitChange(),this)}getStepData(e){return K(this.state.stepData[e])}reset(){return this.assertActive(`reset`),a(()=>{this.state.currentId=this.initialStepId,this.state.currentIndex=this.stepMap.get(this.initialStepId)??0,this.state.previousId=null,this.state.previousIndex=null,this.state.direction=null,this.state.history.splice(0,this.state.history.length,this.initialStepId),this.replaceObject(this.state.data,K(this.initialData.global)),this.replaceObject(this.state.stepData,K(this.initialData.stepData)),this.state.loading=!1,this.state.busyAction=null,this.state.error=null,this.state.version+=1}),this.emitChange(),this}async finish(e=null,t={}){return this.assertActive(`finish`),y(`payload`,e,J,`Flow.finish`),(t.internal?null:this.handleBusy(`finish`))||this.runAction(`finish`,async()=>(e&&this.setStepData(this.state.currentId,e),await this.callHook(this.options.onFinish,[this.snapshot(),this]),this.snapshot()),{internal:t.internal})}destroy(){if(!this.destroyed){this.destroyed=!0,this.abortActiveAction(),this.unmount();for(let e of Array.from(this.cleanupTasks))e();this.cleanupTasks.clear(),this.subscribers.clear(),this.steps=[],this.stepMap.clear(),this.activeAction=null,this.actionController=null}}resolveInitialStepId(e){if(typeof e==`number`){let t=this.steps[e];if(!t)throw Error(`Flow.options.initial index is out of range.`);return t.id}if(typeof e==`string`){if(!this.stepMap.has(e))throw Error(`Flow.options.initial step "${e}" does not exist.`);return e}return this.steps[0].id}validateSteps(e){let t=new Set;for(let[n,r]of e.entries()){if(y(String(n),r,Wt,`Flow.options.steps`),y(`content`,r.content??null,Gt,`Flow.options.steps.${n}`),t.has(r.id))throw Error(`Flow.options.steps: duplicated step id "${r.id}".`);t.add(r.id)}}resolveStepIndex(e){if(typeof e==`number`){if(!this.steps[e])throw Error(`Flow.goTo target is out of range.`);return e}if(typeof e==`string`){let t=this.stepMap.get(e);if(t==null)throw Error(`Flow.goTo target "${e}" does not exist.`);return t}throw Error(`Flow.goTo target expects string or number.`)}createInitialStepData(){let e={},t={};for(let n of this.steps)e[n.id]=K(n.data),Object.assign(t,e[n.id]);return{stepData:e,global:t}}async runMoveHook(e,t,n,r){let i=e===`back`?this.options.onBack:this.options.onNext,a=e===`back`?t.onBack:t.onNext,o=this.createContext({payload:n,targetId:r});if(typeof a==`function`){let e=await this.callHook(a,[o]);if(e!=null)return e}if(typeof i==`function`){let e=await this.callHook(i,[o]);if(e!=null)return e}return r}async transitionTo(e,{direction:t,payload:n,fromStep:r}){let i=this.snapshot(),o=this.captureState();try{n&&this.setStepData(r.id,n,{silent:!0}),await this.assertCanLeave(r,e,t),await this.assertCanEnter(e,r,t),typeof r.onLeave==`function`&&await this.callHook(r.onLeave,[this.createContext({direction:t,step:r,targetId:e.id})]);let o=this.state.currentId,s=this.state.currentIndex,c=this.stepMap.get(e.id)??0;a(()=>{this.state.previousId=o,this.state.previousIndex=s,this.state.currentId=e.id,this.state.currentIndex=c,this.state.direction=t,t===`back`?this.state.history.pop():this.state.history.push(e.id),this.state.error=null,this.state.version+=1}),typeof e.onEnter==`function`&&await this.callHook(e.onEnter,[this.createContext({direction:t,fromId:o,step:e})]),this.emitChange(i)}catch(e){throw this.destroyed?e:(this.options.rollbackOnError&&this.restoreState(o,{keepLoading:!0}),this.handleError(e,i),e)}}async assertCanLeave(e,t,n){if(typeof e.canLeave==`function`&&await this.callHook(e.canLeave,[this.createContext({direction:n,targetId:t.id})])===!1)throw Error(`Flow: step "${e.id}" blocked leaving.`)}async assertCanEnter(e,t,n){if(typeof e.canEnter==`function`&&await this.callHook(e.canEnter,[this.createContext({direction:n,fromId:t.id})])===!1)throw Error(`Flow: step "${e.id}" blocked entering.`)}createContext(e={}){let t=e.step||this.currentStep,n=this.snapshot();return{...e,flow:this,step:t,state:this.state,signal:this.actionController?.signal||null,snapshot:n,data:K(this.state.data),currentData:this.getStepData(t.id),setData:e=>this.setData(e),setStepData:(e,t)=>this.setStepData(e,t),getStepData:e=>this.getStepData(e),next:e=>this.next(e),back:e=>this.back(e),goTo:(e,t,n)=>this.goTo(e,t,n),addCleanup:e=>this.addCleanup(e)}}async runAction(e,t,n={}){let r=!n.internal&&!this.state.loading;r&&(this.actionController=typeof AbortController<`u`?new AbortController:null,this.activeAction=e,this.setLoading(!0,e));try{return await t()}catch(e){if(this.destroyed)return null;throw this.state.error!==e&&this.handleError(e),e}finally{r&&!this.destroyed&&(this.setLoading(!1,null),this.activeAction=null,this.actionController=null)}}handleBusy(e){if(!this.state.loading)return null;let t=Error(`Flow: action "${e}" ignored while loading.`);if(t.code=`FLOW_BUSY`,typeof this.options.onBusy==`function`&&this.options.onBusy(e,this.snapshot(),this),this.options.busyStrategy===`throw`)throw t;return this.snapshot()}abortActiveAction(){this.actionController?.abort(),this.actionController=null,this.activeAction=null}async callHook(e,t){if(typeof e!=`function`)return;let n=await e(...t);if(this.destroyed)throw this.createAbortError();return n}createAbortError(){let e=Error(`Flow: active action was aborted.`);return e.code=`FLOW_ABORTED`,e}setLoading(e,t=this.state.busyAction){a(()=>{this.state.loading=e,this.state.busyAction=e?t:null})}handleError(e,t=null){a(()=>{this.state.error=e,this.state.version+=1}),typeof this.options.onError==`function`&&this.options.onError(e,this.snapshot(),this,t)}emitChange(e=null){let t=this.snapshot();for(let n of Array.from(this.subscribers))n(t,this,e);typeof this.options.onChange==`function`&&this.options.onChange(t,this,e)}replaceObject(e,t){for(let t of Object.keys(e))delete e[t];Object.assign(e,t)}captureState(){return{currentId:this.state.currentId,currentIndex:this.state.currentIndex,previousId:this.state.previousId,previousIndex:this.state.previousIndex,direction:this.state.direction,history:Bt(this.state.history),data:K(this.state.data),stepData:K(this.state.stepData),loading:this.state.loading,busyAction:this.state.busyAction,error:this.state.error,version:this.state.version}}restoreState(e,t={}){a(()=>{this.state.currentId=e.currentId,this.state.currentIndex=e.currentIndex,this.state.previousId=e.previousId,this.state.previousIndex=e.previousIndex,this.state.direction=e.direction,this.state.history.splice(0,this.state.history.length,...e.history),this.replaceObject(this.state.data,e.data),this.replaceObject(this.state.stepData,e.stepData),this.state.loading=t.keepLoading?!0:e.loading,this.state.busyAction=e.busyAction,this.state.error=e.error,this.state.version=e.version+1})}addCleanup(e){if(typeof e!=`function`)throw Error(`Flow.addCleanup: cleanup expects a function.`);return this.destroyed?(e(),()=>{}):(this.cleanupTasks.add(e),()=>this.cleanupTasks.delete(e))}assertActive(e){if(this.destroyed)throw Error(`Flow.${e}: instance has been destroyed.`)}publicStep(e){if(!e)return null;let{onEnter:t,onLeave:n,onNext:r,onBack:i,canEnter:a,canLeave:o,...s}=e;return s}buildRoot(){return c(`div`,{className:this.options.className.root,id:this.options.id,role:`group`,"data-flow":`root`,"aria-busy":()=>this.state.loading?`true`:`false`,"aria-labelledby":`${this.options.id}-title`,ref:e=>{this.nodes.root=e}})}mountView(){this.renderDispose||!this.root||(this.renderDispose=i(e=>(l(u(()=>this.view(),this.root)),e)))}view(){let e=this.snapshot();return[this.renderSlot(`renderHeader`,e,()=>this.options.showHeader?this.headerView(e):null),this.renderSlot(`renderSteps`,e,()=>this.options.showSteps?this.stepsView(e):null),this.renderSlot(`renderBody`,e,()=>this.bodyView(e)),this.renderSlot(`renderFooter`,e,()=>this.options.showFooter?this.footerView(e):null)]}renderSlot(e,t,n){let r=this.options[e];return r===!1?null:typeof r==`function`?r(this.createRenderContext(t,n)):n()}createRenderContext(e,t){return{flow:this,snapshot:e,state:this.state,steps:this.steps.map(e=>this.publicStep(e)),currentStep:e.currentStep,currentData:e.currentData,data:e.data,fallback:t,next:e=>this.next(e),back:e=>this.back(e),goTo:(e,t,n)=>this.goTo(e,t,n),reset:()=>this.reset()}}headerView(e){return c(`div`,{className:this.options.className.header,"data-flow-header":``,children:[c(`div`,{id:`${this.options.id}-title`,className:this.options.className.title,"data-flow-title":``,children:e.currentStep?.title||e.currentStep?.id||``}),e.currentStep?.description?c(`div`,{className:this.options.className.description,"data-flow-description":``,children:e.currentStep.description}):null]})}stepsView(e){return c(`ol`,{className:this.options.className.steps,"data-flow-steps":``,role:`list`,"aria-label":`Flow steps`,children:this.steps.map((t,n)=>c(`li`,{className:this.stepClass(n,e.currentIndex),"data-flow-step":t.id,"data-flow-step-index":String(n),"aria-current":n===e.currentIndex?`step`:void 0,children:[c(`button`,{type:`button`,className:this.options.className.stepButton,disabled:this.options.linear&&n>e.currentIndex,"aria-current":n===e.currentIndex?`step`:void 0,"aria-disabled":this.options.linear&&n>e.currentIndex?`true`:`false`,"aria-label":`${n+1}. ${t.title||t.id}`,"data-flow-step-action":`goTo`,onClick:()=>{n!==e.currentIndex&&this.goTo(n)},children:[c(`span`,{className:this.options.className.stepIndex,"data-flow-step-number":``,children:n+1}),c(`span`,{className:this.options.className.stepTitle,"data-flow-step-title":``,children:t.title||t.id})]})]}))})}bodyView(e){return c(`div`,{className:this.options.className.body,"data-flow-body":``,role:`region`,"aria-live":`polite`,"aria-busy":e.loading?`true`:`false`,children:this.contentView(this.currentStep.content)})}footerView(e){let t=q(this.options.className.button,this.options.className.buttonGhost),n=q(this.options.className.button,this.options.className.buttonPrimary);return c(`div`,{className:this.options.className.footer,"data-flow-footer":``,children:[this.options.showReset?c(`button`,{type:`button`,className:q(t,this.options.className.reset),"data-action":`reset`,onClick:()=>this.reset(),disabled:e.loading,"aria-disabled":e.loading?`true`:`false`,children:this.options.text.reset}):null,this.options.showBack?c(`button`,{type:`button`,className:q(t,this.options.className.back),"data-action":`back`,onClick:()=>void this.back(),disabled:!e.canBack,"aria-disabled":e.canBack?`false`:`true`,children:this.options.text.back}):null,this.options.showNext?c(`button`,{type:`button`,className:q(n,this.options.className.next),"data-action":`next`,onClick:()=>void this.next(),disabled:e.loading,"aria-disabled":e.loading?`true`:`false`,children:e.isLast?this.options.text.finish:this.options.text.next}):null]})}contentView(e){return typeof e==`function`?e(this.createContext()):e??``}stepClass(e,t=this.state.currentIndex){return q(this.options.className.step,e===t&&this.options.className.active,e<t&&this.options.className.complete)}};function Zt(e={}){return new Xt(e)}const Qt={color:`var(--primary, #3e63dd)`,size:`10px`},$t={ball:`parabola-ball`},en={validate:e=>e==null||typeof e==`string`||Array.isArray(e)||w(e),message:`expects Element, Node, selector or JSX node.`},tn={ball:{default:Qt,type:`object`,normalize:e=>({...Qt,...e&&typeof e==`object`?e:{}}),validate:e=>!!e&&typeof e==`object`&&typeof e.color==`string`&&typeof e.size==`string`,message:`expects an object with two string properties: "color" and "size".`},className:{default:$t,type:`object`,normalize:e=>({...$t,...e&&typeof e==`object`?e:{}})},from:{default:null,...en},to:{default:null,...en},direction:{default:`center`,type:`string`,enum:[`center`,`top-right`,`top-left`,`bottom-right`,`bottom-left`]},showDelay:{default:0,type:`number`},hideDelay:{default:0,type:`number`},onShow:{default:null,types:[`function`,`null`]},onHidden:{default:null,types:[`function`,`null`]}};function nn(e){let t=b(e,tn,`Parabola.options`);return{ball:t.ball,className:t.className,from:t.from,to:t.to,direction:t.direction,showDelay:t.showDelay,hideDelay:t.hideDelay,onShow:t.onShow,onHidden:t.onHidden}}var rn=class{constructor(e={}){this.options=nn(e),this.hidden=!1,this._ball=null,this._animationId=null,this._fromEl=O(this.options.from),this._toEl=O(this.options.to),this.showTimerId=null,this.createBall()}createBall(){if(this.hidden||this._ball)return;let{color:e,size:t}=this.options.ball;this._ball=c(`div`,{className:this.options.className.ball,"data-parabola":`ball`,style:{backgroundColor:e,width:t,height:t,position:`fixed`,borderRadius:`50%`,transform:`translate(-50%, -50%)`,pointerEvents:`none`,zIndex:`9999`,opacity:`1`}}),document.body.appendChild(this._ball)}calculatePath(){let e=this._fromEl?.getBoundingClientRect(),t=this._toEl?.getBoundingClientRect();if(!e||!t)return null;let{left:n,top:r,width:i,height:a}=e,{left:o,top:s,width:c,height:l}=t,u,d;switch(this.options.direction){case`top-left`:u=n+i*.2,d=r+a*.2;break;case`top-right`:u=n+i*.8,d=r+a*.2;break;case`bottom-left`:u=n+i*.2,d=r+a*.8;break;case`bottom-right`:u=n+i*.8,d=r+a*.8;break;default:u=n+i/2,d=r+a/2}let f=o+c/2,p=s+l/2;return{startX:u,startY:d,endX:f,endY:p}}easeOutCubic(e){return 1-(1-e)**3}animate(e,t,n,r,i=800){if(this.hidden||!this._ball)return;let a=performance.now(),o=n-e,s=r-t,c=n=>{if(this.hidden||!this._ball)return;let r=n-a,l=Math.min(r/i,1),u=this.easeOutCubic(l),d=e+o*u,f=t+-100*Math.sin(Math.PI*u)+s*u,p=1-l;this._ball.style.left=`${d}px`,this._ball.style.top=`${f}px`,this._ball.style.opacity=`${p}`,this._ball.style.transform=`translate(-50%, -50%) scale(${1-u*.3})`,l<1?this._animationId=requestAnimationFrame(c):this.destroy()};this._animationId=requestAnimationFrame(c)}show(){return this.hidden?Promise.resolve(!1):new Promise(e=>{this.showTimerId=setTimeout(()=>{if(this.showTimerId=null,this.hidden||!this._ball){e(!1);return}let t=this.calculatePath();if(!t){this.destroy(),e(!1);return}this._ball.style.left=`${t.startX}px`,this._ball.style.top=`${t.startY}px`,this.options.onShow?.(this),this.animate(t.startX,t.startY,t.endX,t.endY),e(!0)},this.options.showDelay)})}destroy(){this.hidden||(this._ball?.remove(),this.showTimerId&&(clearTimeout(this.showTimerId),this.showTimerId=null),this._animationId&&cancelAnimationFrame(this._animationId),this._ball=null,this._fromEl=null,this._toEl=null,this._animationId=null,this.hidden=!0,this.options.onHidden?.(this))}start(){return this.show()}};function an(e={}){return new rn(e)}const on={root:`j-tabs`,top:`is-top`,bottom:`is-bottom`,left:`is-left`,right:`is-right`,wrap:`tab-wrap`,list:`tab-list`,tab:`tab-item`,panelWrap:`tab-panel`,panel:`panel-item`,active:`is-active`,disabled:`is-disabled`,dragging:`dragging`},sn={id:{default:null,types:[`string`,`null`],normalize:e=>typeof e==`string`?e.trim()||x():e??x()},direction:{default:`top`,type:`string`,enum:[`top`,`bottom`,`left`,`right`]},active:{default:0,types:[`number`,`string`]},disabled:{default:[],types:[`number`,`string`,`array`]},onChange:{default:null,types:[`function`,`null`]},tabs:{default:[],type:`array`},className:{default:on,type:`object`,normalize:e=>({...on,...e&&typeof e==`object`?e:{}})},onAdd:{default:null,types:[`function`,`null`]},onRemove:{default:null,types:[`function`,`null`]}},cn={type:`object`,validate:e=>{let t=e;return!!t&&typeof t==`object`&&A(t.title)&&A(t.panel)},message:`expects an object with renderable title and panel: string, Node, array, function or null.`};function ln(e){return Array.isArray(e)?e.map(e=>({...e})):[]}function un(e){return typeof e==`number`&&e>0?e:0}function dn(e){let t=b(e,sn,`Tabs`);return{id:t.id,direction:t.direction,active:t.active,disabled:t.disabled,onChange:t.onChange,tabs:ln(t.tabs),className:t.className,onAdd:t.onAdd,onRemove:t.onRemove}}function fn(...e){return e.filter(Boolean).join(` `)}var pn=class extends I{constructor(e,t={}){let r=k(e,`Tabs`),i=dn(t);super(i),this.dom.container=r,this.dom.tabs=[],this.dom.panels=[],this.bindingsDispose=null,this.isDragging=!1,this.raf=0,this.resizeRaf=0,this.velocity=0,this.state=n({current:{index:-1,name:null},disabled:this.parseDisabled(i.disabled),isVertical:i.direction===`left`||i.direction===`right`,draggable:!1,loading:!1}),this.runtime.cache={panels:new Map},this.runtime.panelLoadId=0;try{this.onInit(i)}catch(e){throw this.destroy(),e}}onInit(e){this.root=this.buildRoot(e),this.rebuildItems(),this.activateInternal(e.active,!1),this.bindEvents(),this.initDrag()}buildRoot(e){let{id:t,direction:n,className:r}=e,i=c(`nav`,{className:r.list,"data-tabs-list":``}),a=c(`div`,{className:r.wrap,"data-tabs-wrap":``,children:i}),o=c(`div`,{className:r.panelWrap,"data-tabs-panel-wrap":``});return c(`div`,{className:fn(r.root,r[n]),id:t,"data-tabs":`root`,"data-tabs-direction":n,children:[a,o]})}rebuildItems(){if(!this.root)return;let n=M(`[data-tabs-list]`,this.root),r=M(`[data-tabs-panel-wrap]`,this.root);if(!n||!r)return;n.textContent=``,r.textContent=``,this.dom.tabs=[],this.dom.panels=[];let a=document.createDocumentFragment(),o=document.createDocumentFragment();this.props.tabs.forEach((e,t)=>{let n=e.name||x(),r=c(`div`,{className:this.props.className.tab,"data-tabs-tab":n,role:`tab`,children:E(e.title,{tabs:this,item:e})});this.dom.tabs.push(r);let i=c(`div`,{className:this.props.className.panel,"data-tabs-panel":n,role:`tabpanel`});this.dom.panels.push(i),typeof e.panel!=`function`&&i.append(...E(e.panel,{tabs:this,item:e,index:t,name:n})),a.append(r),o.append(i)}),n.append(a),r.append(o),this.bindingsDispose?.(),this.bindingsDispose=i(n=>(this.dom.tabs.forEach((n,r)=>{let i=n.dataset.tabsTab||``;t(n,this.props.className.active,()=>this.state.current.index===r),t(n,this.props.className.disabled,()=>this.state.disabled.names.includes(i)),e(n,`aria-selected`,()=>this.state.current.index===r),e(n,`aria-disabled`,()=>this.state.disabled.names.includes(i))}),this.dom.panels.forEach((n,r)=>{t(n,this.props.className.active,()=>this.state.current.index===r),e(n,`aria-hidden`,()=>this.state.current.index!==r)}),n))}parseDisabled(e){if(e==null)return{names:[],indexes:[]};let t=e=>typeof e==`number`?this.props.tabs[e]?.name||null:typeof e==`string`?e:null,n=Array.isArray(e)?e.map(t).filter(e=>!!e):(()=>{let n=t(e);return n?[n]:[]})();return this.createDisabledState(n)}createDisabledState(e){let t=Array.from(new Set(e));return{names:t,indexes:t.map(e=>this.props.tabs.findIndex(t=>t.name===e)).filter(e=>e>=0)}}syncCurrent(e){this.state.current={index:e,name:e>=0&&e<this.dom.tabs.length&&this.dom.tabs[e]?.dataset.tabsTab||null}}getPanelKey(e,t){return e.name||this.dom.tabs[t]?.dataset.tabsTab||String(t)}getCachedPanel(e,t){if(!e.cache)return null;let n=this.getPanelKey(e,t),r=this.runtime.cache.panels.get(n);if(!r)return null;let i=un(e.ttl);return i&&Date.now()-r.updatedAt>i?(this.runtime.cache.panels.delete(n),null):r}setCachedPanel(e,t,n){e.cache&&this.runtime.cache.panels.set(this.getPanelKey(e,t),{content:n,updatedAt:Date.now()})}renderPanelContent(e,t){let n=this.dom.panels[e],r=this.props.tabs[e];!n||!r||(n.textContent=``,n.append(...E(t,{tabs:this,item:r,index:e,name:this.dom.tabs[e]?.dataset.tabsTab||r.name||e})))}async loadPanel(e){let t=this.props.tabs[e],n=this.dom.panels[e];if(!t||!n||typeof t.panel!=`function`){this.runtime.panelLoadId+=1,a(()=>{this.state.loading=!1});return}let r=this.getCachedPanel(t,e);if(r){this.runtime.panelLoadId+=1,a(()=>{this.state.loading=!1}),this.renderPanelContent(e,r.content);return}let i=++this.runtime.panelLoadId;a(()=>{this.state.loading=!0}),n.setAttribute(`aria-live`,`polite`),n.setAttribute(`aria-busy`,`true`),n.textContent=``,n.appendChild(j());try{let n=await Promise.resolve(t.panel({tabs:this,item:t,index:e,name:this.dom.tabs[e]?.dataset.tabsTab||t.name||e}));if(this.runtime.destroyed||i!==this.runtime.panelLoadId)return;this.setCachedPanel(t,e,n),this.renderPanelContent(e,n)}finally{!this.runtime.destroyed&&i===this.runtime.panelLoadId&&(a(()=>{this.state.loading=!1}),n.setAttribute(`aria-busy`,`false`))}}get activeIndex(){return this.state.current.index}get disabledNames(){return this.state.disabled.names}bindEvents(){if(this.unbindEvents(),!this.root)return;let e=M(`[data-tabs-list]`,this.root);e&&this.cleanup.events.on(`tabClick`,e,`click`,t=>{if(!(t.target instanceof Element))return;let n=t.target.closest(`[data-tabs-tab]`);if(!n||!e.contains(n))return;let r=n.dataset.tabsTab;r&&!this.state.disabled.names.includes(r)&&this.activate(r)})}unbindEvents(){this.cleanup.events.clear()}assertActive(e){if(this.runtime.destroyed)throw Error(`Tabs.${e}: instance has been destroyed.`)}getIndex(e){return typeof e==`number`?e:typeof e==`string`?this.dom.tabs.findIndex(t=>t.dataset.tabsTab===e):-1}async activateInternal(e,t=!0){let n=this.getIndex(e),r=this.dom.tabs[n]?.dataset.tabsTab||``;if(!(n<0||n>=this.dom.tabs.length||this.state.disabled.names.includes(r)||this.state.current.index===n)&&(a(()=>{this.syncCurrent(n)}),await this.loadPanel(n),t&&this.props.onChange)){let e=this.dom.tabs[n],t=this.dom.panels[n];await Promise.resolve(this.props.onChange(n,e?.dataset.tabsTab||n,e,t))}}async activate(e){this.assertActive(`activate`),await this.activateInternal(e,!0)}build(){return this.assertActive(`build`),s(this.dom.container,()=>this.root),this}render(){return this.build()}async add(e){this.assertActive(`add`),y(`tabConfig`,e,cn,`Tabs.add`),e.name=e.name||x(),this.props.tabs=[...ln(this.props.tabs),e],this.runtime.cache.panels.clear(),this.rebuildItems(),this.syncActiveNames(this.resolveActiveIndex(this.props.active)),this.bindEvents(),this.refreshDrag();let{onAdd:t}=this.props;if(t){let n=this.props.tabs.length-1;await Promise.resolve(t(n,e,this.dom.tabs[n],this.dom.panels[n]))}}async delete(e){if(this.assertActive(`delete`),this.props.tabs.length<=1)return;let t=this.getIndex(e);if(t<0||t>=this.props.tabs.length)return;let n=this.props.tabs[t].name,{onRemove:r}=this.props;this.props.tabs=this.props.tabs.filter((e,n)=>n!==t),n&&this.runtime.cache.panels.delete(n),this.state.current.index>=this.props.tabs.length?a(()=>{this.syncCurrent(this.props.tabs.length-1)}):this.state.current.index>t&&a(()=>{this.syncCurrent(this.state.current.index-1)}),this.rebuildItems(),this.bindEvents(),await this.loadPanel(this.state.current.index),this.refreshDrag(),r&&await Promise.resolve(r(t,n))}disable(e){this.assertActive(`disable`);let t=typeof e==`number`?this.dom.tabs[e]?.dataset.tabsTab:e;t&&!this.state.disabled.names.includes(t)&&a(()=>{this.state.disabled=this.createDisabledState([...this.state.disabled.names,t])})}enable(e){this.assertActive(`enable`);let t=typeof e==`number`?this.dom.tabs[e]?.dataset.tabsTab:e;t&&a(()=>{this.state.disabled=this.createDisabledState(this.state.disabled.names.filter(e=>e!==t))})}resolveActiveIndex(e){return e==null?-1:typeof e==`number`?e:typeof e==`string`?this.dom.tabs.findIndex(t=>t.dataset.tabsTab===e):0}syncActiveNames(e){a(()=>{this.syncCurrent(e)})}async reInit(e={}){this.assertActive(`reInit`),Object.assign(this.props,dn({...this.props,...e,className:{...this.props.className,...e.className}})),a(()=>{this.state.disabled=this.parseDisabled(this.props.disabled)}),this.rebuildItems(),this.syncActiveNames(this.resolveActiveIndex(this.props.active)),this.bindEvents(),await this.loadPanel(this.state.current.index),this.refreshDrag()}get dragContainer(){return this.root?M(`[data-tabs-wrap]`,this.root):null}get dragInner(){return this.root?M(`[data-tabs-list]`,this.root):null}initDrag(){let{direction:e}=this.props,t=this.dragContainer,n=this.dragInner;if(!t||!n)return;let r=e===`left`||e===`right`,i=r?n.scrollHeight>t.clientHeight+5:n.scrollWidth>t.clientWidth+5;if(a(()=>{this.state.isVertical=r,this.state.draggable=i}),!i){this.removeDragEvents();return}this.bindDragEvents(),this.cleanup.events.on(`resize`,window,`resize`,()=>{cancelAnimationFrame(this.resizeRaf),this.resizeRaf=requestAnimationFrame(()=>{this.refreshDrag()})})}bindDragEvents(){this.removeDragEvents();let e=this.dragContainer,t=this.dragInner;if(!e||!t)return;let n=this.state.isVertical,r=0,i=0,a=0,o=!1,s=e=>{if(`touches`in e){let t=e.touches[0]||e.changedTouches[0];return n?t.pageY:t.pageX}return n?e.pageY:e.pageX},c=o=>{!(o instanceof MouseEvent)&&!(o instanceof TouchEvent)||(this.isDragging=!0,t.classList.add(this.props.className.dragging),r=s(o),a=r,i=n?e.scrollTop:e.scrollLeft,this.velocity=0,cancelAnimationFrame(this.raf))},l=t=>{if(!this.isDragging||!(t instanceof MouseEvent)&&!(t instanceof TouchEvent))return;t.preventDefault();let c=s(t),l=r-c;this.velocity=a-c,a=c,o||(o=!0,requestAnimationFrame(()=>{o=!1,n?e.scrollTop=i+l:e.scrollLeft=i+l}))},u=()=>{this.isDragging&&(this.isDragging=!1,t.classList.remove(this.props.className.dragging),this.startInertiaScroll())};this.cleanup.events.on(`drag:mousedown`,t,`mousedown`,c),this.cleanup.events.on(`drag:touchstart`,t,`touchstart`,c,{passive:!0}),this.cleanup.events.on(`drag:mousemove`,window,`mousemove`,l,{passive:!1}),this.cleanup.events.on(`drag:touchmove`,window,`touchmove`,l,{passive:!1}),this.cleanup.events.on(`drag:mouseup`,window,`mouseup`,u),this.cleanup.events.on(`drag:touchend`,window,`touchend`,u)}startInertiaScroll(){let e=this.dragContainer;if(!e)return;let t=this.velocity,n=this.state.isVertical,r=performance.now(),i=a=>{let o=a-r;r=a,t*=.92,!(Math.abs(t)<.3)&&(n?e.scrollTop+=t*o*.05:e.scrollLeft+=t*o*.05,this.raf=requestAnimationFrame(i))};this.raf=requestAnimationFrame(i)}removeDragEvents(){this.cleanup.events.off(`drag:mousedown`),this.cleanup.events.off(`drag:touchstart`),this.cleanup.events.off(`drag:mousemove`),this.cleanup.events.off(`drag:touchmove`),this.cleanup.events.off(`drag:mouseup`),this.cleanup.events.off(`drag:touchend`)}refreshDrag(){this.initDrag()}onDestroy(){this.unbindEvents(),this.removeDragEvents(),this.bindingsDispose?.(),this.bindingsDispose=null,cancelAnimationFrame(this.raf),cancelAnimationFrame(this.resizeRaf),this.cleanup.events.off(`resize`),this.root?.parentNode&&this.root.parentNode.removeChild(this.root)}};function mn(e,t={}){return new pn(e,t)}const hn={root:`j-accordion`,header:`accordion-header`,title:`header-title`,arrow:`header-arrow`,panel:`accordion-panel`,content:`panel-content`,active:`is-active`},gn={type:`array`,validate:e=>Array.isArray(e)&&e.length>0,message:`expects a non-empty array.`},_n={types:[`number`,`string`,`array`,`null`],validate:e=>e==null?!0:Array.isArray(e)?e.every(e=>typeof e==`number`||typeof e==`string`):typeof e==`number`?Number.isInteger(e)&&e>=0:typeof e==`string`&&e.trim().length>0,message:`expects a positive number, string, array or null.`},vn={id:{default:null,types:[`string`,`null`],normalize:e=>typeof e==`string`?e.trim()||x():e??x()},active:{default:0,..._n},collapsible:{default:!1,type:`boolean`},multiple:{default:!1,type:`boolean`},className:{default:hn,type:`object`,normalize:e=>({...hn,...e&&typeof e==`object`?e:{}})},onChange:{default:null,types:[`function`,`null`]},items:{default:[],type:`array`}};function yn(e){return Array.isArray(e)?e.map(e=>({...e})):[]}function bn(e){let t=b(e,vn,`Accordion`);return{id:t.id,active:t.active,collapsible:t.collapsible,multiple:t.multiple,className:t.className,items:yn(t.items),onChange:t.onChange}}function xn(e){return y(`items`,e,gn,`Accordion`),e.map(e=>{if(!e||typeof e!=`object`||Array.isArray(e))throw Error(`Accordion: item expects an object.`);if(e.name!=null&&typeof e.name!=`string`)throw Error(`Accordion: item name expects a string.`);if(!A(e.title))throw Error(`Accordion: item title expects string, Node, array, function or null.`);if(!A(e.content))throw Error(`Accordion: item content expects string, Node, array, function or null.`);return{...e,name:e.name||x()}})}var Sn=class extends I{constructor(e,t={}){let r=k(e,`Accordion`),i=bn(t);super(i),this.dom.container=r,this.dom.headers=[],this.dom.panels=[],this.bindingsDispose=null,this.state=n({activeNames:[],current:{index:null,name:null}});try{this.onInit(i)}catch(e){throw this.destroy(),e}}onInit(e){this.root=this.buildRoot(e),this.buildItems(e),this.syncActiveNames(this.resolveActiveNames(e.active)),this.bindEvents()}buildRoot(e){return c(`div`,{className:e.className.root,id:e.id,"data-accordion":`root`})}buildItems(n){let r=xn(n.items),a=document.createDocumentFragment();this.dom.headers=[],this.dom.panels=[],r.forEach((e,t)=>{let r=e.name||x(),i=`${n.id}_header_${t}`,o=`${n.id}_panel_${t}`,s=c(`div`,{className:n.className.header,"data-accordion-header":r,id:i,role:`button`,tabindex:`0`,"aria-controls":o,children:[c(`span`,{className:n.className.title,"data-accordion-title":r,children:this.contentView(e,t,`title`)}),c(`span`,{className:n.className.arrow,"data-accordion-arrow":r,"aria-hidden":`true`,children:C(`arrow-down`)})]}),l=c(`div`,{className:n.className.panel,"data-accordion-panel":r,id:o,role:`region`,"aria-labelledby":i,children:c(`div`,{className:n.className.content,"data-accordion-content":r,children:this.contentView(e,t,`content`)})});this.dom.headers.push(s),this.dom.panels.push(l),a.append(s,l)}),this.root?.append(a),this.bindingsDispose?.(),this.bindingsDispose=i(n=>(this.dom.headers.forEach(n=>{let r=n.dataset.accordionHeader||``;t(n,this.props.className.active,()=>this.state.activeNames.includes(r)),e(n,`aria-expanded`,()=>this.state.activeNames.includes(r))}),this.dom.panels.forEach((n,r)=>{let i=this.dom.headers[r]?.dataset.accordionHeader||``;t(n,this.props.className.active,()=>this.state.activeNames.includes(i)),e(n,`aria-hidden`,()=>this.state.activeNames.includes(i)?`false`:`true`),e(n,`hidden`,()=>!this.state.activeNames.includes(i))}),n))}contentView(e,t,n){return E(n===`title`?e.title:e.content,{accordion:this,item:e,index:t,type:n,active:!1})}resolveActiveNames(e){if(e==null)return[];let t=Array.isArray(e)?e:[e],n=[];for(let e of t){let t=this.getIndex(e);if(!(t<0||t>=this.dom.headers.length)&&(n.push(this.dom.headers[t].dataset.accordionHeader||String(t)),!this.props.multiple))break}return Array.from(new Set(n))}syncActiveNames(e){let t=e[0]||null,n=t?this.getIndex(t):null;a(()=>{this.state.activeNames=e,this.state.current={index:n,name:t}})}bindEvents(){this.unbindEvents(),this.root&&(this.cleanup.events.on(`click`,this.root,`click`,e=>{if(!(e.target instanceof Element))return;let t=e.target.closest(`[data-accordion-header]`);!t||!this.root?.contains(t)||this.active(t.dataset.accordionHeader)}),this.cleanup.events.on(`keydown`,this.root,`keydown`,e=>{if(!(e instanceof KeyboardEvent)||e.key!==`Enter`&&e.key!==` `||!(e.target instanceof Element))return;let t=e.target.closest(`[data-accordion-header]`);!t||!this.root?.contains(t)||(e.preventDefault(),this.active(t.dataset.accordionHeader))}))}unbindEvents(){this.cleanup.events.clear()}isActive(e){return this.state.activeNames.includes(e)}assertActive(e){if(this.runtime.destroyed)throw Error(`Accordion.${e}: instance has been destroyed.`)}async activateItem(e,t=!0){let n=this.getIndex(e);if(n<0||n>=this.dom.headers.length)return;let r=this.dom.headers[n],i=this.dom.panels[n],a=r.dataset.accordionHeader||String(n),o=this.isActive(a);if(o&&!this.props.multiple&&!this.props.collapsible)return;let s;s=this.props.multiple?o?this.state.activeNames.filter(e=>e!==a):[...this.state.activeNames,a]:o?this.props.collapsible?[]:this.state.activeNames:[a],this.syncActiveNames(s),t&&this.props.onChange&&await Promise.resolve(this.props.onChange(n,a,r,i,this))}getIndex(e){return typeof e==`number`?e:typeof e==`string`?this.dom.headers.findIndex(t=>t.dataset.accordionHeader===e):-1}async active(e){this.assertActive(`active`),await this.activateItem(e,!0)}build(){return this.assertActive(`build`),s(this.dom.container,()=>this.root),this}render(){return this.build()}setItems(e,t=0){return this.assertActive(`setItems`),y(`items`,e,gn,`Accordion.setItems`),y(`active`,t,_n,`Accordion.setItems`),this.props.items=yn(xn(e)),this.props.active=t,this.root&&(this.root.textContent=``),this.buildItems(this.props),this.syncActiveNames(this.resolveActiveNames(t)),this.bindEvents(),this}onDestroy(){this.unbindEvents(),this.bindingsDispose?.(),this.bindingsDispose=null,this.root?.parentNode&&this.root.parentNode.removeChild(this.root)}};function Cn(e,t={}){return new Sn(e,t)}const wn={root:`j-drop`,container:`drop-container`,active:`is-active`},Tn={name:{default:null,types:[`string`,`null`]},mode:{default:`click`,type:`string`,enum:[`hover`,`click`]},position:{default:`auto`,type:`string`,enum:[`auto`,`top-left`,`top-center`,`top-right`,`bottom-left`,`bottom-center`,`bottom-right`,`left`,`right`]},offset:{default:10,type:`number`,validate:e=>typeof e==`number`&&e>=0,message:`expects a positive number or 0.`},content:{default:``,validate:A,message:`expects string, Node, array, function or null.`},className:{default:wn,type:`object`,normalize:e=>({...wn,...e&&typeof e==`object`?e:{}})},id:{default:null,types:[`string`,`null`],normalize:e=>typeof e==`string`?e.trim()||x():e??x()},containerClassName:{default:null,types:[`string`,`null`]},delay:{default:0,types:[`number`,`object`]},hoverIntent:{default:!0,type:`boolean`},onShown:{default:null,types:[`function`,`null`]},onHidden:{default:null,types:[`function`,`null`]}};function En(e){let t=b(e,Tn,`Drop`);return{name:t.name,mode:t.mode,position:t.position,offset:t.offset,content:t.content,className:t.className,id:t.id,containerClassName:t.containerClassName,delay:t.delay,hoverIntent:t.hoverIntent,onShown:t.onShown,onHidden:t.onHidden}}function Dn(...e){return e.filter(Boolean).join(` `)}function On(e){return typeof e==`number`&&e>=0?{show:e,hide:e}:typeof e==`object`&&e?{show:Number(e.show)||0,hide:Number(e.hide)||0}:{show:0,hide:0}}var kn=class{constructor(e,t={}){this.target=O(e),this.props=En(t),this.root=null,this.isVisible=!1,this.cleanup=null,this.delayShow=0,this.delayHide=0,this.timer={show:null,hide:null},this.hoverIntentData={x:0,y:0,lastMoveTime:0},this.lastX=0,this.lastY=0,this.init(this.props)}init(e){this.cleanup={events:P()};let t=On(e.delay);this.delayShow=t.show,this.delayHide=t.hide,this.buildDrop(e),this.bindEvents(e)}buildDrop(e){let{className:t,content:n,id:r,name:i,containerClassName:a}=e,o=w(n)&&n.nodeType===Node.ELEMENT_NODE?n:c(`div`,{className:Dn(t.container,a),"data-drop-container":i||r,children:E(n,this)});this.root=c(`div`,{className:t.root,id:r,"data-drop":i||x(),children:o})}bindEvents(e){let{mode:t,hoverIntent:n}=e;this.unbindEvents(),!(!this.target||!this.cleanup)&&(t===`hover`?n?(this.cleanup.events.on(`target:enter`,this.target,`mouseenter`,()=>this.startHoverIntent()),this.cleanup.events.on(`target:leave`,this.target,`mouseleave`,()=>this.cancelHoverIntent())):(this.cleanup.events.on(`target:enter`,this.target,`mouseenter`,()=>this.show()),this.cleanup.events.on(`target:leave`,this.target,`mouseleave`,()=>this.hide())):(this.cleanup.events.on(`target:click`,this.target,`click`,()=>this.toggle()),this.cleanup.events.on(`document:click`,document,`click`,e=>this.docClick(e))))}bindRootEvents(){!this.root||this.props?.mode!==`hover`||!this.cleanup||(this.cleanup.events.on(`root:enter`,this.root,`mouseenter`,()=>this.show()),this.cleanup.events.on(`root:leave`,this.root,`mouseleave`,()=>this.hide()))}unbindRootEvents(){this.cleanup?.events.off(`root:enter`),this.cleanup?.events.off(`root:leave`)}unbindEvents(){this.cleanup?.events.clear()}startHoverIntent(){this.cleanup&&(this.cleanup.events.on(`document:mousemove`,document,`mousemove`,e=>this.onMouseMove(e)),this.timer.show&&clearTimeout(this.timer.show),this.timer.show=setTimeout(()=>{let e=Date.now()-this.hoverIntentData.lastMoveTime;Math.abs(this.hoverIntentData.x-this.lastX)+Math.abs(this.hoverIntentData.y-this.lastY)<5||e>100?(this.show(),this.cleanup?.events.off(`document:mousemove`)):this.startHoverIntent()},this.delayShow))}cancelHoverIntent(){this.timer.show&&clearTimeout(this.timer.show),this.cleanup?.events.off(`document:mousemove`),this.hide()}onMouseMove(e){e instanceof MouseEvent&&(this.lastX=e.clientX,this.lastY=e.clientY,this.hoverIntentData.lastMoveTime=Date.now(),this.hoverIntentData.x=e.clientX,this.hoverIntentData.y=e.clientY)}setPosition(){if(!this.target||!this.root||!this.props)return;let e=this.target.getBoundingClientRect(),t=this.root,{offset:n,position:r}=this.props;t.style.visibility=`hidden`,t.style.display=`block`;let i=t.getBoundingClientRect(),a=0,o=0,s=r;switch(s===`auto`&&(s=window.innerHeight-e.bottom>i.height+n?`top-center`:`bottom-center`),s){case`top-left`:a=e.top-i.height-n,o=e.left;break;case`top-center`:a=e.top-i.height-n,o=e.left+e.width/2-i.width/2;break;case`top-right`:a=e.top-i.height-n,o=e.right-i.width;break;case`bottom-left`:a=e.bottom+n,o=e.left;break;case`bottom-center`:a=e.bottom+n,o=e.left+e.width/2-i.width/2;break;case`bottom-right`:a=e.bottom+n,o=e.right-i.width;break;case`left`:a=e.top+e.height/2-i.height/2,o=e.left-i.width-n;break;case`right`:a=e.top+e.height/2-i.height/2,o=e.right+n;break;default:break}a=Math.max(8,Math.min(a,window.innerHeight-i.height-8)),o=Math.max(8,Math.min(o,window.innerWidth-i.width-8)),t.style.top=`${a+window.scrollY}px`,t.style.left=`${o+window.scrollX}px`,t.style.visibility=``,t.style.display=``}docClick(e){e.target instanceof Node&&(!this.root||!this.target||!this.root.contains(e.target)&&!this.target.contains(e.target)&&this.hide())}exec(e){!this.root||!this.props||(e?(this.root.parentNode||document.body.appendChild(this.root),this.bindRootEvents(),this.setPosition()):(this.unbindRootEvents(),this.root.style.top=``,this.root.style.left=``,this.root.remove()),this.root.classList.toggle(this.props.className.active,e),this.isVisible=e)}show(e=!0){this.timer.hide&&clearTimeout(this.timer.hide),!this.isVisible&&(e&&this.delayShow>0?(this.timer.show&&clearTimeout(this.timer.show),this.timer.show=setTimeout(()=>this.exec(!0),this.delayShow)):this.exec(!0),this.props?.onShown?.(this))}hide(e=!0){this.timer.show&&clearTimeout(this.timer.show),this.isVisible&&(e&&this.delayHide>0?(this.timer.hide&&clearTimeout(this.timer.hide),this.timer.hide=setTimeout(()=>this.exec(!1),this.delayHide)):this.exec(!1),this.props?.onHidden?.(this))}toggle(){this.isVisible?this.hide():this.show()}destroy(){this.props&&(this.timer.show&&clearTimeout(this.timer.show),this.timer.hide&&clearTimeout(this.timer.hide),this.unbindEvents(),this.root?.remove(),this.props=null,this.root=null,this.target=null,this.timer={show:null,hide:null},this.cleanup?.events.clear(),this.cleanup=null,this.isVisible=!1)}};function An(e,t={}){return new kn(e,t)}const jn={root:`j-tooltip`,message:`tooltip-message`},Mn={name:{default:null,types:[`string`,`null`]},mode:{default:`hover`,type:`string`,enum:[`hover`,`click`]},position:{default:`auto`,type:`string`,enum:[`auto`,`top-left`,`top-center`,`top-right`,`bottom-left`,`bottom-center`,`bottom-right`,`left`,`right`]},offset:{default:8,type:`number`},message:{default:``,type:`string`,normalize:e=>typeof e==`string`?e.trim():e,validate:e=>typeof e==`string`&&e.length>0,message:`expects a non-empty string.`},className:{default:jn,type:`object`,normalize:e=>({...jn,...e&&typeof e==`object`?e:{}})},dropClassName:{default:{},type:`object`},id:{default:null,types:[`string`,`null`]},delay:{default:100,types:[`number`,`object`]},hoverIntent:{default:!0,type:`boolean`},onShown:{default:null,types:[`function`,`null`]},onHidden:{default:null,types:[`function`,`null`]}};function Nn(e){let t=b(e,Mn,`Tooltip.props`);return{name:t.name,mode:t.mode,position:t.position,offset:t.offset,message:t.message,className:t.className,dropClassName:t.dropClassName,id:t.id,delay:t.delay,hoverIntent:t.hoverIntent,onShown:t.onShown,onHidden:t.onHidden}}var Pn=class{constructor(e,t={}){let n=Nn(t);this.props=n,this.drop=new kn(e,{name:n.name,mode:n.mode,position:n.position,offset:n.offset,id:n.id,delay:n.delay,hoverIntent:n.hoverIntent,onShown:n.onShown,onHidden:n.onHidden,className:n.dropClassName,content:this.buildContent(n)})}buildContent(e){return c(`div`,{className:e.className.root,"data-tooltip":e.name||e.id||``,children:c(`div`,{className:e.className.message,"data-tooltip-message":``,children:e.message})})}show(e=!0){this.drop?.show(e)}hide(e=!0){this.drop?.hide(e)}toggle(){this.drop?.toggle()}destroy(){this.drop?.destroy(),this.drop=null,this.props=null}};function Fn(e,t={}){return new Pn(e,t)}const In={root:`j-offcanvas`,overlay:`j-offcanvas-overlay`,content:`offcanvas-content`,active:`is-active`,top:`is-top`,right:`is-right`,bottom:`is-bottom`,left:`is-left`,slide:`is-slide`,none:`is-none`},Ln={content:{default:``,validate:A,message:`expects string, Node, array, function or null.`},overlay:{default:!0,type:`boolean`},filter:{default:!0,type:`boolean`},cache:{default:!1,type:`boolean`},ttl:{default:0,type:`number`},direction:{default:`left`,type:`string`,enum:[`top`,`right`,`bottom`,`left`]},animation:{default:`slide`,type:`string`,enum:[`slide`,`none`]},bgClose:{default:!0,type:`boolean`},escClose:{default:!0,type:`boolean`},id:{default:null,types:[`string`,`null`],normalize:e=>typeof e==`string`?e.trim()||x():e??x()},className:{default:In,type:`object`,normalize:e=>({...In,...e&&typeof e==`object`?e:{}})},onShow:{default:null,types:[`function`,`null`]},onShown:{default:null,types:[`function`,`null`]},onHide:{default:null,types:[`function`,`null`]},onHidden:{default:null,types:[`function`,`null`]}};function Rn(e){return e>0?e:0}function zn(e){let t=b(e,Ln,`Offcanvas`);return{content:t.content,overlay:t.overlay,filter:t.filter,cache:t.cache,ttl:t.ttl,direction:t.direction,animation:t.animation,bgClose:t.bgClose,escClose:t.escClose,id:t.id,className:t.className,onShow:t.onShow,onShown:t.onShown,onHide:t.onHide,onHidden:t.onHidden}}function Bn(...e){return e.filter(Boolean).join(` `)}var Vn=class extends I{constructor(e={}){let t=zn(e);super(t),this.dom.content=null,this._overlay=null,this.runtime.cache={content:null,hasContent:!1,updatedAt:0},this.runtime.contentLoadId=0,this.state=n({visible:!1,loading:!1}),this.onInit(t)}onInit(e){e.overlay&&(this._overlay=this.buildOverlay(e)),this.root=this.buildRoot(e)}buildOverlay(e){return c(`div`,{className:e.className.overlay,"data-offcanvas-overlay":e.id,style:e.filter?{backdropFilter:`blur(2px)`}:{}})}buildRoot(e){let t=c(`div`,{className:e.className.content,"data-offcanvas-content":e.id});return this.dom.content=t,typeof e.content!=`function`&&t.append(...E(e.content,this)),c(`div`,{className:Bn(e.className.root,e.className[e.direction],e.className[e.animation]),id:e.id,"data-offcanvas":`root`,"data-offcanvas-direction":e.direction,"data-offcanvas-animation":e.animation,children:t})}isCacheValid(){if(!this.props.cache||!this.runtime.cache.hasContent)return!1;let e=Rn(this.props.ttl);return!e||Date.now()-this.runtime.cache.updatedAt<=e}renderContent(e){this.dom.content&&(this.dom.content.textContent=``,this.dom.content.append(...E(e,this)))}async loadContent(){let{content:e,cache:t}=this.props;if(typeof e!=`function`){this.runtime.contentLoadId+=1,a(()=>{this.state.loading=!1});return}if(this.isCacheValid()){this.runtime.contentLoadId+=1,this.renderContent(this.runtime.cache.content),a(()=>{this.state.loading=!1});return}let n=++this.runtime.contentLoadId;a(()=>{this.state.loading=!0}),this.dom.content&&(this.dom.content.textContent=``,this.dom.content.appendChild(j()));try{let r=await Promise.resolve(e(this));if(this.runtime.destroyed||n!==this.runtime.contentLoadId)return;t&&(this.runtime.cache.content=r,this.runtime.cache.hasContent=!0,this.runtime.cache.updatedAt=Date.now()),this.renderContent(r)}finally{!this.runtime.destroyed&&n===this.runtime.contentLoadId&&a(()=>{this.state.loading=!1})}}bindEvents(){this.unbindEvents();let{bgClose:e,escClose:t}=this.props;this._overlay&&e&&this.cleanup.events.on(`overlay`,this._overlay,`click`,()=>{this.hide()}),t&&this.cleanup.events.on(`esc`,document,`keydown`,e=>{e instanceof KeyboardEvent&&e.key===`Escape`&&this.state.visible&&this.hide()}),this.dom.root&&this.cleanup.events.on(`close`,this.dom.root,`click`,e=>{if(!(e.target instanceof Element))return;let t=e.target.closest(`[data-action]`)?.dataset.action;(t===`close`||t===`cancel`)&&this.hide()})}unbindEvents(){this.cleanup?.events.clear()}renderPanel(){let{overlay:e,id:t,className:n}=this.props,r=document.body;e&&this._overlay&&r.appendChild(this._overlay),this.dom.root&&r.appendChild(this.dom.root),r.style.overflow=`hidden`,g.start(`oc-show-${t}`,10,()=>{this.dom.root&&(this._overlay?.classList.add(n.active),this.dom.root.classList.add(n.active))})}removePanel(){let{id:e,className:t}=this.props,n=document.body;this._overlay?.classList.remove(t.active),this.dom.root?.classList.remove(t.active),g.start(`oc-remove-${e}`,100,()=>{this._overlay?.remove(),this.dom.root?.remove(),n.style.overflow=``})}async show(){if(this.runtime.destroyed||this.state.visible)return;let{onShow:e,onShown:t,id:n}=this.props;e&&await Promise.resolve(e(this)),this.renderPanel(),this.bindEvents(),a(()=>{this.state.visible=!0}),await this.loadContent(),g.start(`oc-shown-${n}`,300,()=>{this.runtime.destroyed||t?.(this)})}async hide(){if(this.runtime.destroyed||!this.state.visible)return;let{onHide:e,onHidden:t}=this.props;e&&await Promise.resolve(e(this)),this.runtime.contentLoadId+=1,a(()=>{this.state.loading=!1}),this.unbindEvents(),this.removePanel(),a(()=>{this.state.visible=!1}),t?.(this)}onDestroy(){let{id:e,className:t}=this.props;g.cancel(`oc-show-${e}`),g.cancel(`oc-remove-${e}`),g.cancel(`oc-shown-${e}`),this.state.visible&&this.unbindEvents(),this.dom.root?.classList.remove(t.active),this.dom.root?.remove(),this._overlay?.remove();let n=document.body;n.style.overflow=``,this._overlay=null}};function Hn(e={}){return new Vn(e)}const Un={layout:`j-popup-layout`,modal:`j-modal`,fullscreen:`is-fullscreen`,header:`modal-header`,body:`modal-body`,footer:`modal-footer`,title:`modal-title`,close:`modal-close`,cancel:`modal-cancel`,confirm:`modal-confirm`,button:`j-button`,buttonIcon:`is-icon`,buttonGhost:`is-ghost`,buttonPrimary:`is-primary`,buttonSmall:`is-sm`,formContainer:`modal-form-container`};function X(e){return Array.isArray(e)?e.map(e=>({...e,options:Array.isArray(e.options)?e.options.map(e=>e&&typeof e==`object`?{...e}:e):e.options})):[]}function Wn(e){return{...e,fields:Array.isArray(e.fields)?X(e.fields):null,text:{...e.text},className:{...e.className}}}function Gn(e){return v(e)}function Kn(e){return e==null||typeof e==`object`&&typeof e.next==`function`&&typeof e.back==`function`&&typeof e.snapshot==`function`}function qn(e,t){return!Array.isArray(e)||!v(t)?e?X(e):null:e.map(e=>{if(!e?.name||!h(t,e.name))return{...e};let n=t[e.name];if(e.type===`checkbox`||e.type===`radio`){let t=e.value??`on`,r=Array.isArray(n)?n.map(String).includes(String(t)):n===!0||String(n)===String(t);return{...e,checked:r}}return{...e,value:Array.isArray(n)?n.map(String):n}})}function Jn(e){let t=v(e?.text)?e.text:{};return{title:typeof t.title==`string`?t.title:`Tip`,confirm:typeof t.confirm==`string`?t.confirm:`Confirm`,cancel:typeof t.cancel==`string`?t.cancel:`Cancel`}}function Yn(e){return{...e,fields:Array.isArray(e.fields)?X(e.fields):null,text:Jn(e),loading:!1,submitting:!1,visible:!1,data:null,extraData:null}}function Xn(e,t){return!t||typeof t!=`object`?e:Object.assign(e,t)}function Zn(e){return v(e)?{...e}:{}}function Z(...e){return e.filter(Boolean).join(` `)}function Qn(e){return typeof e==`string`||typeof e==`number`?String(e):``}const $n={validate:A,message:`expects string, number, Node, array, function or null.`},er={default:{},validate:e=>v(e),message:`expects an object with text fields.`,normalize:e=>{let t=v(e)?e:{};return{...t,title:typeof t.title==`string`?t.title:`Tip`,confirm:typeof t.confirm==`string`?t.confirm:`Confirm`,cancel:typeof t.cancel==`string`?t.cancel:`Cancel`}}},tr={types:[`array`,`null`]},nr={content:{default:``,...$n},position:{default:`center`,type:`string`},showCancel:{default:!0,type:`boolean`},showClose:{default:!0,type:`boolean`},fullscreen:{default:!1,type:`boolean`},flow:{default:null,validate:Kn,message:`expects a Flow instance or null.`},text:er,onShow:{default:null,types:[`function`,`null`]},onShown:{default:null,types:[`function`,`null`]},onHide:{default:null,types:[`function`,`null`]},onHidden:{default:null,types:[`function`,`null`]},onConfirm:{default:null,types:[`function`,`null`]},onSubmit:{default:null,types:[`function`,`null`]},onCancel:{default:null,types:[`function`,`null`]},fields:{default:null,...tr},header:{default:!0,type:`boolean`},footer:{default:!0,type:`boolean`},style:{default:null,types:[`string`,`null`,`object`]},id:{default:null,types:[`string`,`null`],normalize:e=>typeof e==`string`?e.trim()||x():e??x()},escClose:{default:!1,type:`boolean`},bgClose:{default:!1,type:`boolean`},lazy:{default:!1,type:`boolean`},className:{default:Un,type:`object`,normalize:e=>({...Un,...e&&typeof e==`object`?e:{}})}},rr={...nr,loading:{default:!1,type:`boolean`},submitting:{default:!1,type:`boolean`},visible:{default:!1,type:`boolean`},data:{default:null,types:[`object`,`null`]},extraData:{default:null,types:[`object`,`null`]}},ir=new Set([`id`,`lazy`]),ar={validate:e=>!!e&&typeof e==`object`&&!Array.isArray(e),message:`expects an object.`},or={validate:Gn,message:`expects a props object.`};function sr(e){let t=b(e,nr,`Modal`);return{content:t.content,position:t.position,showCancel:t.showCancel,showClose:t.showClose,fullscreen:t.fullscreen,flow:t.flow,text:t.text,onShow:t.onShow,onShown:t.onShown,onHide:t.onHide,onHidden:t.onHidden,onConfirm:t.onConfirm,onSubmit:t.onSubmit,onCancel:t.onCancel,fields:Array.isArray(t.fields)?X(t.fields):null,header:t.header,footer:t.footer,style:t.style,id:t.id,escClose:t.escClose,bgClose:t.bgClose,lazy:t.lazy,className:t.className}}let Q=0,cr=``;var lr=class extends I{constructor(e={}){let t=sr(e);super(t),this.dom.modal=null,this.dom.header=null,this.dom.body=null,this.dom.footer=null,this.dom.form=null,this.dom.formContainer=null,this.cleanup.visibility=null,this.cleanup.view=null,this.cleanup.hideTimer=null,this.runtime.scrollLocked=!1,this.runtime.visibleApplied=!1,this.cache={initial:Wn(this.props),fieldIds:new Map,baseStyle:``,previousActiveElement:null,formId:`${this.props.id}_form`},this.state=n(Yn(this.props)),this.init(t)}onInit(){this.bindReactiveVisibility(),this.state.lazy||this.buildRoot()}buildRoot(){if(this.root instanceof HTMLElement)return this.root;let{id:e,className:t}=this.state,n=c(`div`,{className:()=>Z(this.state.className.layout,`is-${this.state.position}`),role:`dialog`,"data-modal":`root`,"data-modal-position":()=>this.state.position,"aria-modal":`true`,"aria-labelledby":()=>this.state.header?`${e}_title`:null,"aria-label":()=>this.state.header?null:this.state.text?.title||`Modal`,children:c(`div`,{className:()=>Z(this.state.className.modal,this.state.fullscreen&&this.state.className.fullscreen),id:e,role:`document`,"data-modal-dialog":e,ref:e=>{this.dom.modal=e,this.applyStyle(e,this.state.style)},children:[c(`div`,{className:t.header,"data-modal-header":e,style:()=>({display:this.state.header?``:`none`}),ref:e=>{this.dom.header=e}}),c(`div`,{className:t.body,"data-modal-body":e,ref:e=>{this.dom.body=e}}),c(`div`,{className:t.footer,"data-modal-footer":e,style:()=>({display:this.state.footer?``:`none`}),ref:e=>{this.dom.footer=e}})]})});return this.root=n,this.mountView(),n}mountView(){this.cleanup.view||!this.dom.body||(this.cleanup.view=i(e=>(this.dom.header&&l(u(()=>this.headerView(),this.dom.header)),this.dom.body&&u(()=>this.bodyView(),this.dom.body),this.dom.footer&&l(u(()=>this.footerView(),this.dom.footer)),this.bindReactiveLoading(),this.bindReactiveStyle(),e)))}headerView(){return()=>this.state.header?[c(`div`,{className:this.state.className.title,id:`${this.state.id}_title`,"data-modal-title":this.state.id,children:()=>this.state.text?.title}),this.state.showClose?c(`button`,{type:`button`,className:Z(this.state.className.button,this.state.className.buttonIcon,this.state.className.buttonGhost,this.state.className.buttonSmall,this.state.className.close),"data-action":`close`,"aria-label":`close`,children:C(`close`)}):null]:null}footerView(){return()=>this.state.footer?[this.state.showCancel?c(`button`,{type:`button`,className:Z(this.state.className.button,this.state.className.buttonGhost,this.state.className.cancel),"data-action":`close`,"aria-label":`close`,disabled:()=>this.isBusy(),children:()=>this.state.text?.cancel}):null,c(`button`,{type:()=>this.isFormMode()?`submit`:`button`,form:()=>this.isFormMode()?this.cache.formId:null,className:Z(this.state.className.button,this.state.className.buttonPrimary,this.state.className.confirm),"data-action":()=>this.isFormMode()?`submit`:`confirm`,disabled:()=>this.isBusy(),children:()=>this.state.text?.confirm})]:null}bodyView(){return this.isFormMode()?this.formView():(this.destroyForm(),this.contentView(this.state.content))}formView(){return c(`div`,{className:this.state.className.formContainer,"data-modal-form-container":this.state.id,ref:e=>{this.mountForm(e)}})}mountForm(e){if(!e)return;this.dom.formContainer=e;let t=this.createFormProps();if(this.dom.form){this.dom.form.update(t);return}this.dom.form=new St(t,e).build()}createFormProps(){return{id:this.cache.formId,fields:this.state.fields||[],buttons:!1,onSubmit:e=>this.handleFormSubmit(e)}}destroyForm(){this.dom.form?.destroy(),this.dom.form=null,this.dom.formContainer=null}contentView(e){return E(e,this)}bindReactiveLoading(){let e=null;r(()=>{this.state.loading&&!e?(e=j(),this.dom.modal?.appendChild(e)):!this.state.loading&&e&&(e.remove(),e=null)}),l(()=>{e?.remove(),e=null})}bindReactiveStyle(){r(()=>{let e=this.state.style;this.dom.modal&&this.applyStyle(this.dom.modal,e)})}isFormMode(){return Array.isArray(this.state.fields)}isBusy(){return!!(this.state.loading||this.state.submitting)}validatePropsPatch(e,t=`Modal.update`){y(`props`,e,or,t);for(let n of Object.keys(e)){if(!h(nr,n))throw Error(`Validator: ${t}.${n} is not a supported modal prop.`);if(ir.has(n))throw Error(`Modal.update: "${n}" cannot be updated after initialization.`);y(n,e[n],nr[n],t)}}applyProps(e,{validate:t=!0,force:n=!1}={}){if(t&&this.validatePropsPatch(e),!e||Object.keys(e).length===0)return this;let r=h(e,`fields`);if(h(e,`content`)&&!r&&this.isFormMode()&&!n)throw Error(`Modal.update: Cannot update content when fields are defined.`);let i=sr({...this.props,...e,text:h(e,`text`)?{...this.props.text,...e.text}:this.props.text,className:h(e,`className`)?{...this.props.className,...e.className}:this.props.className});this.props=i,super.update(e,{force:n}),this.props=i;let o={};r&&(this.cache.fieldIds?.clear(),o.fields=Array.isArray(e.fields)?X(e.fields):null);for(let[t,n]of Object.entries(e))t!==`fields`&&t!==`text`&&t!==`className`&&(o[t]=n);return h(e,`text`)&&(o.text=Jn(i)),h(e,`className`)&&(o.className=i.className),a(()=>{for(let[e,t]of Object.entries(o))this.state[e]=t}),h(e,`style`)&&this.dom.modal&&this.applyStyle(this.dom.modal,this.state.style),this.state.visible&&(h(e,`bgClose`)||h(e,`escClose`))&&this.bindEvents(this.root),this.dom.form&&r&&this.dom.form.update(this.createFormProps()),this}applyStyle(e,t){if(e.removeAttribute(`style`),!t){this.cache.baseStyle=``;return}if(typeof t==`string`){e.style.cssText=t,this.cache.baseStyle=e.getAttribute(`style`)||``;return}Object.entries(t).forEach(([t,n])=>{if(n==null)return;let r=t.startsWith(`--`)?t:t.replace(/[A-Z]/g,e=>`-${e.toLowerCase()}`);e.style.setProperty(r,String(n))}),this.cache.baseStyle=e.getAttribute(`style`)||``}bindReactiveVisibility(){this.cleanup.visibility=i(e=>(r(()=>{let e=!!this.state.visible;d(()=>this.applyVisibility(e))}),e))}applyVisibility(e){if(e!==this.runtime.visibleApplied){if(e){this.showFromState();return}this.hideFromState()}}showFromState(){if(this.runtime.destroyed)throw Error(`Modal: The current instance has been destroyed.`);this.root||this.buildRoot(),this.cancelHideTimer(),this.resetAnimationStyles();let{onShow:e,onShown:t}=this.state;e?.(this),this.cache.previousActiveElement=document.activeElement instanceof HTMLElement?document.activeElement:null,this.root&&!this.root.parentNode&&document.body.appendChild(this.root),this.lockScroll(),this.runtime.visibleApplied=!0,this.bindEvents(this.root),this.focusFirst(),t?.(this)}hideFromState(){if(!this.runtime.visibleApplied||!this.root)return;let{onHide:e,onHidden:t}=this.state;e?.(this),this.runtime.visibleApplied=!1,this.clearEvents(),a(()=>{this.state.loading=!1,this.state.extraData=null,this.state.data=null}),this.dom.modal&&(this.dom.modal.style.transition=`opacity 300ms ease-out, transform 300ms ease-out`,this.dom.modal.style.opacity=`0`,this.dom.modal.style.transform=`scale(0.3)`),this.cancelHideTimer(),this.cleanup.hideTimer=setTimeout(()=>this.finishHide(t),300)}bindEvents(e){this.clearEvents(),this.bindOverlayCloseEvent(e),this.bindDocumentKeyEvent(),this.bindInsideEvent()}bindOverlayCloseEvent(e){e&&this.cleanup.events.on(`bg`,e,`click`,t=>{this.state.bgClose&&t.target===e&&this.hide()})}bindDocumentKeyEvent(){this.cleanup.events.on(`keydown`,document,`keydown`,e=>{if(!(!this.state.visible||!(e instanceof KeyboardEvent))){if(e.key===`Escape`&&this.state.escClose){e.preventDefault(),this.hide();return}e.key===`Tab`&&this.trapFocus(e)}})}bindInsideEvent(){this.dom.modal&&this.cleanup.events.on(`inside`,this.dom.modal,`click`,e=>{let t=(e.target instanceof Element?e.target:null)?.closest(`[data-action]`);if(!t||!this.dom.modal?.contains(t))return;let n=t.dataset.action;if(n===`cancel`||n===`close`){this.handleCancel();return}if(n===`submit`){this.requestSubmit();return}if(n===`back`){this.handleBack();return}if(n===`next`){this.handleNext();return}if(n===`confirm`){if(this.isFormMode()){this.requestSubmit();return}this.handleConfirm()}})}clearEvents(){this.cleanup.events.clear()}requestSubmit(){if(!this.dom.form){this.handleConfirm();return}this.dom.form.requestSubmit()}async handleFormSubmit(e){if(this.isBusy())return;let t=Xn(e,this.state.extraData);a(()=>{this.state.data=t}),await this.handleSubmit(t)}async handleNext(){this.isBusy()||this.hasFlow()&&await this.moveFlow(`next`)}async handleBack(){this.isBusy()||this.hasFlow()&&await this.moveFlow(`back`)}hasFlow(){return Kn(this.state.flow)&&!!this.state.flow}async moveFlow(e){if(!this.hasFlow())return;let t=this.createFlowPayload();if(t!==!1){a(()=>{this.state.submitting=!0});try{let n=await Promise.resolve(this.state.flow[e](t));this.syncFlowView(this.state.flow,n)}catch(t){console.error(`Modal.flow.${e} error:`,t),this.syncFlowView(this.state.flow)}finally{this.state&&a(()=>{this.state.submitting=!1})}}}createFlowPayload(){if(!this.isFormMode())return null;let e=this.dom.form;if(!e)return this.state.data||null;if(!e.validate())return!1;let t=Xn(e.collectData(),this.state.extraData);return a(()=>{this.state.data=t}),this.state.data}resolveFlowModalView(e,t,n){let r=n?.modal??n?.view;if(typeof r==`function`){let i=r({flow:e,snapshot:t,step:n,modal:this,data:t?.data??null,currentData:t?.currentData??null});return v(i)?i:{}}return Zn(r)}syncFlowView(e,t=null){if(!e||!this.state)return;let n=e.snapshot()||t,r=e.currentStep||n?.currentStep||t?.currentStep,i=this.resolveFlowModalView(e,n,r),a=v(i.text)?i.text:{},o={...(!h(i,`text`)||!h(a,`title`))&&r?.title!=null?{text:{...a,title:Qn(r.title)}}:{},...!h(i,`content`)&&!h(i,`fields`)?{content:r?.content??null}:{},...i};Array.isArray(o.fields)&&(o.fields=qn(o.fields,n?.currentData)),!h(o,`fields`)&&h(o,`content`)&&(o.fields=null),this.update(o)}async handleConfirm(){if(!this.isBusy()){a(()=>{this.state.submitting=!0});try{await Promise.resolve(this.state.onConfirm?.(this)),this.hide()}catch(e){console.error(`Modal.onConfirm error:`,e)}finally{this.state&&a(()=>{this.state.submitting=!1})}}}async handleCancel(){if(!this.isBusy()){a(()=>{this.state.submitting=!0});try{await Promise.resolve(this.state.onCancel?.(this)),this.hide()}catch(e){console.error(`Modal.onCancel error:`,e)}finally{this.state&&a(()=>{this.state.submitting=!1})}}}async handleSubmit(e){if(this.state.onSubmit){a(()=>{this.state.submitting=!0});try{await Promise.resolve(this.state.onSubmit(e,this)),this.state.extraData=null}catch(e){console.error(`Modal.onSubmit error:`,e)}finally{this.state&&a(()=>{this.state.submitting=!1})}}}trapFocus(e){if(!this.dom.modal)return;let t=Array.from(N(`a[href], button:not([disabled]):not([data-action=close]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])`,this.dom.modal)).filter(e=>e.offsetParent!==null||e===document.activeElement);if(t.length===0){e.preventDefault(),this.dom.modal.focus();return}let n=t[0],r=t[t.length-1];e.shiftKey&&document.activeElement===n?(e.preventDefault(),r?.focus()):!e.shiftKey&&document.activeElement===r&&(e.preventDefault(),n?.focus())}focusFirst(){if(!this.dom.modal)return;let e=M(`input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]):not([data-action=close]), [tabindex]:not([tabindex="-1"])`,this.dom.form?.root||this.dom.modal);e?e.focus():(this.dom.modal.setAttribute(`tabindex`,`-1`),this.dom.modal.focus())}lockScroll(){this.runtime.scrollLocked||(Q===0&&(cr=document.body.style.overflow,document.body.style.overflow=`hidden`),Q+=1,this.runtime.scrollLocked=!0)}unlockScroll(){this.runtime.scrollLocked&&(Q=Math.max(0,Q-1),Q===0&&(document.body.style.overflow=cr,cr=``),this.runtime.scrollLocked=!1)}cancelHideTimer(){this.cleanup.hideTimer&&(clearTimeout(this.cleanup.hideTimer),this.cleanup.hideTimer=null)}resetAnimationStyles(){this.dom.modal&&(this.cache.baseStyle?this.dom.modal.setAttribute(`style`,this.cache.baseStyle):this.dom.modal.removeAttribute(`style`))}finishHide(e){this.cleanup.hideTimer=null,this.root?.remove(),this.resetAnimationStyles(),this.unlockScroll(),this.restoreFocus(),e?.(this)}restoreFocus(){let e=this.cache.previousActiveElement;this.cache.previousActiveElement=null,e&&typeof e.focus==`function`&&document.contains(e)&&e.focus()}assertActive(e){if(this.runtime.destroyed)throw Error(`Modal.${e}: The current instance has been destroyed.`)}validateStatePatch(e){if(!e||typeof e!=`object`||Array.isArray(e))throw Error(`Modal.setState: expects a plain object patch.`);for(let t of Object.keys(e)){if(!h(rr,t))throw Error(`Modal.setState: "${t}" is not a supported state key.`);if(ir.has(t))throw Error(`Modal.setState: "${t}" cannot be updated after initialization.`);y(t,e[t],rr[t],`Modal.setState`)}}setState(e={}){return this.assertActive(`setState`),this.validateStatePatch(e),a(()=>{for(let[t,n]of Object.entries(e))t===`fields`&&this.cache.fieldIds?.clear(),this.state[t]=t===`fields`&&Array.isArray(n)?X(n):n}),this}show(){return this.assertActive(`show`),a(()=>{this.state.visible=!0}),this}hide(){return this.assertActive(`hide`),a(()=>{this.state.visible=!1}),this}setFields(e,t=!1){return y(`data`,e,tr,`Modal.setFields`),this.applyProps({fields:e},{validate:!1,force:t}),this}addFields(e){return y(`data`,e,ar,`Modal.addFields`),a(()=>{this.state.extraData=e}),this}setContent(e,t=!1){if(y(`content`,e,$n,`Modal.setContent`),this.isFormMode()&&!t)throw Error(`Modal.setContent: Cannot setContent when fields are defined.`);return this.applyProps({content:e},{validate:!1,force:t}),this}update(e={},t=!1){let n=typeof t==`boolean`?t:!!t.force;return this.applyProps(e||{},{validate:!0,force:n})}reset(){if(this.cache.fieldIds?.clear(),!this.cache.initial)return this;let e={...Wn(this.cache.initial)};return delete e.id,delete e.lazy,this.props=sr(e),this.applyProps(e,{validate:!1}),a(()=>{this.state.data=null,this.state.extraData=null}),this}resetContent(){return this.setContent(this.cache.initial?.content??``)}resetFields(){return this.setFields(Array.isArray(this.cache.initial?.fields)?X(this.cache.initial.fields):null)}onDestroy(){let e=!!this.runtime.visibleApplied,t=this.state?.onHide,n=this.state?.onHidden;e&&t?.(this),this.cancelHideTimer(),this.clearEvents(),this.destroyForm(),this.unlockScroll(),this.cleanup.visibility?.(),this.cleanup.visibility=null,this.cleanup.view?.(),this.cleanup.view=null,this.root?.remove(),e&&n?.(this),this.cache={initial:null,fieldIds:null,baseStyle:``,previousActiveElement:null,formId:``}}destroy(){return this.runtime.destroyed||super.destroy(),this}};function ur(e={}){return new lr(e)}const dr={root:`j-pagination`,list:`pagination`,item:`item`,more:`more`,button:`j-button`,buttonIcon:`is-icon`,buttonGhost:`is-ghost`,active:`is-active`,loading:`animate-spin`},fr={type:`object`,required:!0,validate:e=>{let t=e;return!!t&&Number.isInteger(t.size)&&Number(t.size)>0&&Number.isInteger(t.current)&&Number(t.current)>0},message:`expects { size, current } with positive integers.`},pr={type:`object`,required:!0,validate:e=>{let t=e;return!!t&&Number.isInteger(t.sibling)&&Number(t.sibling)>=0&&Number.isInteger(t.boundary)&&Number(t.boundary)>=0},message:`expects { sibling, boundary } with integers greater than or equal 0.`},mr={total:{default:0,type:`number`,validate:e=>Number.isFinite(e)&&Number(e)>=0,message:`expects a non-negative finite number.`},page:{default:()=>({size:10,current:1}),factory:!0,...fr},count:{default:()=>({sibling:1,boundary:1}),factory:!0,...pr},lock:{default:!0,type:`boolean`},onChange:{default:null,types:[`function`,`null`]},className:{default:dr,type:`object`,normalize:e=>({...dr,...e&&typeof e==`object`?e:{}})}};function hr(e,t,n){return Math.min(Math.max(e,t),n)}function gr(e={}){let t=b(e,mr,`Pagination.props`);return{...t,page:{...t.page},count:{...t.count},className:{...t.className}}}function _r(e){return{type:`more`,key:e}}function vr(e){return{type:`page`,key:`page-${e}`,page:e}}function yr(e,t){let n=[];for(let r=e;r<=t;r++)n.push(r);return n}function br(e,t,n){if(t<=0)return[];let r=Math.max(0,n.boundary),i=Math.max(0,n.sibling);if(t<=r*2+i*2+3)return yr(1,t).map(vr);let a=new Set;for(let e=1;e<=Math.min(r,t);e++)a.add(e);for(let n=Math.max(1,e-i);n<=Math.min(t,e+i);n++)a.add(n);for(let e=Math.max(1,t-r+1);e<=t;e++)a.add(e);let o=Array.from(a).sort((e,t)=>e-t),s=[];for(let e of o){let t=s[s.length-1];t?.type===`page`&&e-t.page>1&&(e-t.page===2?s.push(vr(t.page+1)):s.push(_r(`more-${t.page}-${e}`))),s.push(vr(e))}return s}var xr=class extends I{constructor(e,t={}){let r=k(e,`Pagination.container`),i=gr(t);super(i);let a=this._getPageCount(i.total,i.page.size),o=hr(i.page.current,1,a);this.dom.container=r,this.dom.list=null,this.dom.prev=null,this.dom.next=null,this.dom.pageNodes=[],this.dom.items=[],this.runtime.built=!1,this.runtime.itemsKey=``,this.runtime.changeId=0,this.state=n({total:i.total,page:{size:i.page.size,current:o},count:{sibling:i.count.sibling,boundary:i.count.boundary},pageCount:a,locked:!1}),this.props.page.current=o}build(){if(this._assertActive(`build`),this.runtime.built)return this;this.init(this.props),this.root=c(`div`,{className:this.props.className.root,role:`navigation`,"aria-label":`Pagination`,"data-pagination":`root`,children:c(`ul`,{className:this.props.className.list,"data-pagination-list":``,"aria-live":`polite`})}),this.dom.list=M(`[data-pagination-list]`,this.root),this.dom.prev=this._buildControlItem(`prev`),this.dom.next=this._buildControlItem(`next`),this.dom.list?.append(this.dom.prev,this.dom.next);let e=this.dom.container;return e?(e.textContent=``,e.appendChild(this.root),this.runtime.built=!0,this._bindControlState(),this._bindPageItems(),this._bindEvents(),this):this}go(e){if(this._assertActive(`go`),y(`page`,e,{type:`number`,validate:Number.isInteger,message:`expects an integer.`},`Pagination.go`),this._isLocked())return this;let t=hr(e,1,this.state.pageCount);if(t===this.state.page.current)return this;let n=this.props.lock&&typeof this.props.onChange==`function`,r=n?++this.runtime.changeId:this.runtime.changeId;if(a(()=>{this.state.page.current=t,n&&(this.state.locked=!0)}),this.props.page.current=t,typeof this.props.onChange==`function`){let e;try{e=this.props.onChange(t,this)}catch(e){throw n&&r===this.runtime.changeId&&a(()=>{this.state.locked=!1}),e}if(n&&e&&typeof e.then==`function`){let t=()=>{!this.runtime.destroyed&&r===this.runtime.changeId&&a(()=>{this.state.locked=!1})};Promise.resolve(e).then(t,t)}else n&&r===this.runtime.changeId&&a(()=>{this.state.locked=!1})}return this}update(e={}){this._assertActive(`update`),y(`newProps`,e,{type:`object`},`Pagination.update`);let t=gr({total:e.total??this.props.total,lock:h(e,`lock`)?e.lock:this.props.lock,onChange:h(e,`onChange`)?e.onChange:this.props.onChange,className:{...this.props.className,...e.className},page:{...this.props.page,...e.page},count:{...this.props.count,...e.count}}),n=this._getPageCount(t.total,t.page.size);return t.page.current=hr(t.page.current,1,n),this.props=t,a(()=>{this.state.total=t.total,this.state.page.size=t.page.size,this.state.page.current=t.page.current,this.state.count.sibling=t.count.sibling,this.state.count.boundary=t.count.boundary,this.state.pageCount=n,t.lock||(this.state.locked=!1)}),this}_getPageCount(e,t){return Math.max(1,Math.ceil(e/t))}_getPageItems(){return br(this.state.page.current,this.state.pageCount,this.state.count)}_getItemsKey(){return[this.state.page.current,this._isLocked()?`locked`:`unlocked`,...this._getPageItems().map(e=>e.key)].join(`|`)}_isLocked(){return this.props.lock&&this.state.locked}_isPrevDisabled(){return this._isLocked()||this.state.page.current<=1}_isNextDisabled(){return this._isLocked()||this.state.page.current>=this.state.pageCount}_buttonClass(...e){let{button:t,buttonIcon:n,buttonGhost:r}=this.props.className;return[t,n,r,...e].filter(Boolean).join(` `)}_buildControlItem(e){return c(`li`,{className:this.props.className.item,"data-pagination-control":e,children:c(`button`,{className:this._buttonClass(),type:`button`,"data-page-action":e,children:C(e===`prev`?`arrow-left`:`arrow-right`)})})}_buildPageItem(e){let t=this._isLocked();return e.type===`more`?c(`li`,{className:[this.props.className.item,this.props.className.more].filter(Boolean).join(` `),"data-pagination-more":e.key,"aria-hidden":`true`,children:c(`button`,{className:this._buttonClass(),type:`button`,disabled:t,children:C(`more`)})}):c(`li`,{className:this.props.className.item,"data-pagination-item":String(e.page),children:e.page===this.state.page.current?c(`span`,{className:[this.props.className.button,this.props.className.buttonIcon,this.props.className.active].filter(Boolean).join(` `),"data-current-page":String(e.page),"aria-current":`page`,"aria-label":`Page ${e.page}, current page`,children:t?c(`i`,{className:this.props.className.loading,children:C(`loader`)}):String(e.page)}):c(`button`,{className:this._buttonClass(),type:`button`,"data-page":String(e.page),"aria-label":`Go to page ${e.page}`,"aria-disabled":t?`true`:null,disabled:t,tabindex:t?`-1`:null,children:String(e.page)})})}_bindControlState(){this.cleanup.controls?.(),this.cleanup.controls=i(t=>{let n=this.dom.prev?M(`[data-page-action]`,this.dom.prev):null,r=this.dom.next?M(`[data-page-action]`,this.dom.next):null;return n&&(e(n,`disabled`,()=>this._isPrevDisabled()),e(n,`aria-disabled`,()=>this._isPrevDisabled()?`true`:`false`),e(n,`tabindex`,()=>this._isPrevDisabled()?`-1`:null),e(n,`aria-label`,()=>`Go to previous page`)),r&&(e(r,`disabled`,()=>this._isNextDisabled()),e(r,`aria-disabled`,()=>this._isNextDisabled()?`true`:`false`),e(r,`tabindex`,()=>this._isNextDisabled()?`-1`:null),e(r,`aria-label`,()=>`Go to next page`)),t})}_bindPageItems(){this.cleanup.itemsEffect?.dispose(),this.cleanup.itemsEffect=r(()=>{let e=this._getItemsKey();e!==this.runtime.itemsKey&&(this.runtime.itemsKey=e,this._renderPageItems())})}_renderPageItems(){if(this.dom.items=[],!this.dom.list||!this.dom.next)return;let e=this._getPageItems().map(e=>this._buildPageItem(e));for(let e of this.dom.pageNodes)e.remove();this.dom.pageNodes=e;for(let t of e)this.dom.list.insertBefore(t,this.dom.next)}_bindEvents(){let e=this.root;e&&this.cleanup.events.on(`click`,e,`click`,t=>{let n=t.target;if(!(n instanceof Element))return;let r=n.closest(`[data-page], [data-page-action]`);if(!r||!e.contains(r))return;t.preventDefault();let i=r.dataset.pageAction;if(i===`prev`&&!this._isPrevDisabled()){this.go(this.state.page.current-1);return}if(i===`next`&&!this._isNextDisabled()){this.go(this.state.page.current+1);return}r.dataset.page&&this.go(Number(r.dataset.page))})}_assertActive(e){if(this.runtime.destroyed)throw Error(`Pagination.${e}: instance has been destroyed.`)}onDestroy(){this.cleanup.events.clear(),this.cleanup.controls?.(),this.cleanup.itemsEffect?.dispose(),this.cleanup.controls=null,this.cleanup.itemsEffect=null,this.dom.container&&(this.dom.container.textContent=``),this.runtime.built=!1,this.runtime.itemsKey=``,this.runtime.changeId=0,this.dom.container=null,this.dom.list=null,this.dom.prev=null,this.dom.next=null,this.dom.pageNodes=[],this.dom.items=[]}};function Sr(e,t={}){return new xr(e,t)}const Cr={root:`j-swiper`,wrapper:`swiper-wrapper`,slide:`swiper-slide`,image:`swiper-image`,title:`swiper-slide-title`,pagination:`swiper-pagination`,paginationHorizontal:`is-horizontal`,paginationClickable:`is-clickable`,paginationBulletGroup:`is-bullet`,indicator:`swiper-pagination-indicator`,bullet:`swiper-pagination-bullet`,navigation:`swiper-navigation`,prev:`is-prev`,next:`is-next`,active:`is-active`,disabled:`is-disabled`,loading:`loading`,loaded:`loaded`,error:`error`},wr={data:{default:null,validate:e=>e==null||Array.isArray(e),message:`expects an array or null.`},loop:{default:!0,type:`boolean`},autoplay:{default:!0,type:`boolean`},delay:{default:3e3,type:`number`,validate:e=>Number(e)>=0,message:`expects a positive number or 0.`},lazyload:{default:!0,type:`boolean`},pagination:{default:!0,type:`boolean`},navigation:{default:!0,type:`boolean`},speed:{default:300,type:`number`,validate:e=>Number(e)>=0,message:`expects a positive number or 0.`},touchRatio:{default:1,type:`number`,validate:e=>Number(e)>0,message:`expects a number greater than 0.`},touchAngle:{default:45,type:`number`,validate:e=>Number(e)>=0&&Number(e)<=90,message:`expects a number between 0 and 90.`},longSwipesMs:{default:300,type:`number`,validate:e=>Number(e)>=0,message:`expects a positive number or 0.`},longSwipesRatio:{default:.05,type:`number`,validate:e=>Number(e)>=0&&Number(e)<=1,message:`expects a number between 0 and 1.`},preventClick:{default:!0,type:`boolean`},className:{default:Cr,type:`object`,normalize:e=>({...Cr,...e&&typeof e==`object`?e:{}})}},Tr={validate:e=>{if(!e||typeof e!=`object`||Array.isArray(e))return!1;let t=e;return(t.image==null||typeof t.image==`string`)&&(t.url==null||typeof t.url==`string`)&&(t.title==null||typeof t.title==`string`)&&(t.sort==null||typeof t.sort==`number`)&&(t.blank==null||typeof t.blank==`boolean`)&&(t.children==null||A(t.children))},message:`expects items with optional image, url, title, sort, blank and children fields.`};function Er(e){return e instanceof Element&&!!e.closest(`a, button, input, textarea, select, label, [data-swiper-ignore]`)}function $(e,t=0){let n=Number(e);return Number.isFinite(n)?n:t}function Dr(e,t){return E(e,t)}function Or(e={}){let t=b(e,wr,`Swiper.options`);return{...t,className:{...t.className}}}function kr(e){let t=N(`[data-swiper="root"]`,e);return y(`container`,t,{validate:e=>Array.isArray(e)&&e.length===1,message:`expects exactly one [data-swiper="root"] descendant.`},`Swiper`),t[0]}function Ar(...e){return e.filter(Boolean).join(` `)}function jr(e,t,n=``){e.setAttribute(t,n)}function Mr(e){return v(e)}var Nr=class extends I{constructor(e,t={}){let r=Or(t);super(r),this.dom.container=e,this._built=!1,this.dom.mountTarget=null,this.dom.createdRoot=!1,this.dom.createdSlides=!1,this.dom.wrapper=null,this.dom.slides=[],this.dom.pagination=null,this.dom.prevButton=null,this.dom.nextButton=null,this.dom.bullets=[],this.dom.createdPagination=!1,this.dom.createdPrevButton=!1,this.dom.createdNextButton=!1,this.runtime.logs=[],this.runtime.startTarget=null,this.runtime.touching=!1,this.runtime.scrolling=!1,this.runtime.swiping=!1,this.runtime.clickPrevented=!1,this.runtime.timer=null,this.runtime.imageCleanups=new Set,this.runtime.realCount=0,this.state=n({index:0,trackIndex:0,transform:0,animating:!1,width:0})}build(){if(this.runtime.destroyed)throw Error(`Swiper.build: instance destroyed`);if(this._built)return this;let e=Array.isArray(this.props.data),t=k(this.dom.container,`Swiper`),n=null,r=null;e?(r=t,n=o(`div`,{className:this.props.className.root,"data-swiper":`root`}),r.appendChild(n)):n=kr(t);try{this.dom.root=n,this.dom.mountTarget=r,this.dom.createdRoot=e,this.dom.createdSlides=e;let t=e?this.createDataView(n,this.props.data):M(`[data-swiper-wrapper]`,n);y(`wrapper`,t,{validate:T,message:`expects [data-swiper-wrapper] in the root element.`},`Swiper`),this.dom.wrapper=t,this.dom.slides=N(`[data-swiper-slide]`,this.dom.wrapper),this.dom.pagination=M(`[data-swiper-pagination]`,n),this.dom.prevButton=M(`[data-action="prev"]`,n),this.dom.nextButton=M(`[data-action="next"]`,n),this.dom.bullets=[],this.dom.createdPagination=!1,this.dom.createdPrevButton=!1,this.dom.createdNextButton=!1,this.runtime.realCount=this.dom.slides.length,this._built=!0,this.dom.slides.length>0&&this.onInit()}catch(e){throw this.destroy(),e}return this.emit(`init`,this.props),this}set index(e){this.setState({index:$(e)})}set trackIndex(e){this.setState({trackIndex:$(e)})}set transform(e){this.setState({transform:$(e)})}set animating(e){this.setState({animating:!!e})}set width(e){this.setState({width:$(e)})}get realCount(){return this.runtime?.destroyed?0:this.runtime?.realCount||0}get realIndex(){return this.toRealIndex()}assertBuilt(e){if(!this._built)throw Error(`Swiper.${e}: call build() first.`)}createDataView(e,t){let n=this.normalizeData(t),r=o(`div`,{className:this.props.className.wrapper,"data-swiper-wrapper":``,"aria-live":`polite`});return e.textContent=``,n.forEach((e,t)=>{r.appendChild(this.createDataSlide(e,t))}),e.appendChild(r),r}normalizeData(e){if(!Array.isArray(e))return[];e.forEach((e,t)=>{y(String(t),e,Tr,`Swiper.options.data`)});let t=e.map((e,t)=>({...e,blank:e.blank!==!1,index:t}));return t.some(e=>e.sort!=null)?t.sort((e,t)=>e.sort==null&&t.sort==null?e.index-t.index:e.sort==null?1:t.sort==null?-1:e.sort-t.sort||e.index-t.index):t}createDataSlide(e,t){let n=o(e.url?`a`:`div`,{className:this.props.className.slide,href:e.url||void 0,target:e.url?e.blank?`_blank`:`_self`:void 0,"data-swiper-slide":String(t),"data-swiper-index":String(t),role:`group`,"aria-label":`Slide ${t+1}`});if(e.children!=null)return n.append(...Dr(e.children,{swiper:this,item:e,index:t})),n;if(e.image){let t=o(`img`,{className:this.props.className.image,alt:e.title||``,loading:`lazy`});this.props.lazyload?t.dataset.lazy=e.image:t.src=e.image,n.appendChild(t)}return e.title&&n.appendChild(o(`span`,{className:this.props.className.title,children:e.title})),n}onInit(){!this.dom.root||!this.dom.wrapper||(this.dom.wrapper.setAttribute(`aria-live`,`polite`),this.updateSize(),this.props.loop&&this.realCount>1&&this.initLoop(),this.setupStyles(),this.setTrackIndex(+!!this.props.loop,!1),this.render(!1),this.bindEvents(),this.props.pagination&&this.initPagination(),this.props.navigation&&this.initNavigation(),this.props.lazyload&&this.loadImages(),this.props.autoplay&&this.play())}onDestroy(){this.pause(),this.clearImageCleanups(),this.cleanup.events.clear(),this.cleanup.bindings?.(),this.cleanup.bindings=null,this.cleanup.navBindings?.(),this.cleanup.navBindings=null,this.dom.wrapper&&N(`[data-clone]`,this.dom.wrapper).forEach(e=>e.remove()),this.dom.createdPagination&&this.dom.pagination?.remove(),this.dom.createdPrevButton&&this.dom.prevButton?.remove(),this.dom.createdNextButton&&this.dom.nextButton?.remove(),this.dom.createdRoot&&this.dom.root?.remove(),this._built=!1}updateSize(){this.assertBuilt(`updateSize`),this.dom.root&&(this.width=this.dom.root.clientWidth||this.dom.root.offsetWidth)}refreshSlides(){this.dom.wrapper&&(this.dom.slides=N(`[data-swiper-slide]`,this.dom.wrapper),this.runtime.realCount=this.dom.slides.filter(e=>!e.hasAttribute(`data-clone`)).length)}initLoop(){if(!this.dom.wrapper||this.dom.slides.length===0)return;let e=this.dom.slides[0].cloneNode(!0),t=this.dom.slides[this.dom.slides.length-1].cloneNode(!0);e.setAttribute(`data-clone`,``),t.setAttribute(`data-clone`,``),e.removeAttribute(`data-swiper-index`),t.removeAttribute(`data-swiper-index`),this.dom.wrapper.appendChild(e),this.dom.wrapper.insertBefore(t,this.dom.slides[0]),this.refreshSlides()}setupStyles(){this.dom.root&&this.dom.root.style.setProperty(`--swiper-slide-width`,`${this.state.width}px`)}reInitView(){this.dom.wrapper&&(this.pause(),this.clearImageCleanups(),this.cleanup.bindings?.(),this.cleanup.bindings=null,this.cleanup.navBindings?.(),this.cleanup.navBindings=null,this.cleanup.events.clear(),N(`[data-clone]`,this.dom.wrapper).forEach(e=>e.remove()),this.refreshSlides(),this.props.loop&&this.realCount>1&&this.initLoop(),this.updateSize(),this.setupStyles(),this.setTrackIndex(this.trackIndexForRealIndex(this.state.index),!1),this.render(!1),this.bindEvents(),this.props.pagination?this.initPagination():this.clearPagination(),this.props.navigation?this.initNavigation():this.clearNavigation(),this.props.lazyload&&this.loadImages(),this.props.autoplay&&this.play())}clearPagination(){this.cleanup.bindings?.(),this.cleanup.bindings=null,this.dom.bullets.forEach((e,t)=>{this.cleanup.events.off(`bullet:${t}:click`),this.cleanup.events.off(`bullet:${t}:keydown`)}),this.dom.bullets=[],this.dom.createdPagination?(this.dom.pagination?.remove(),this.dom.pagination=null,this.dom.createdPagination=!1):this.dom.pagination&&(this.dom.pagination.textContent=``)}clearNavigation(){this.cleanup.navBindings?.(),this.cleanup.navBindings=null,this.cleanup.events.off(`nav:prev`),this.cleanup.events.off(`nav:next`),this.dom.createdPrevButton&&(this.dom.prevButton?.remove(),this.dom.prevButton=null,this.dom.createdPrevButton=!1),this.dom.createdNextButton&&(this.dom.nextButton?.remove(),this.dom.nextButton=null,this.dom.createdNextButton=!1)}bindEvents(){let e=this.dom.root,t=this.dom.wrapper;!e||!t||(this.cleanup.events.on(`touchstart`,t,`touchstart`,e=>{let t=e;t.touches[0]&&this.onStart(t.touches[0],t.target)},{passive:!0}),this.cleanup.events.on(`touchmove`,t,`touchmove`,e=>{let t=e;t.touches[0]&&this.onMove(t.touches[0],e)},{passive:!1}),this.cleanup.events.on(`touchend`,t,`touchend`,e=>{let t=e;t.changedTouches[0]&&this.pushLog(t.changedTouches[0]),this.onEnd()}),this.cleanup.events.on(`touchcancel`,t,`touchcancel`,()=>{this.resetDrag(!0)}),this.cleanup.events.on(`window:touchcancel`,window,`touchcancel`,()=>{this.resetDrag(!0)}),this.cleanup.events.on(`mousedown`,t,`mousedown`,e=>{let n=e;n.button===0&&(this.onStart(n,n.target),t.style.cursor=`grabbing`)}),this.cleanup.events.on(`mousemove`,t,`mousemove`,e=>{let t=e;t.buttons===1&&this.onMove(t,e)}),this.cleanup.events.on(`window:mousemove`,window,`mousemove`,e=>{let t=e;this.runtime.touching&&t.buttons===1&&this.onMove(t,e)}),this.cleanup.events.on(`mouseup`,t,`mouseup`,e=>{t.style.cursor=`grab`,this.pushLog(e),this.onEnd()}),this.cleanup.events.on(`window:mouseup`,window,`mouseup`,e=>{this.runtime.touching&&(t.style.cursor=`grab`,this.pushLog(e),this.onEnd())}),this.cleanup.events.on(`wrapper:mouseleave`,t,`mouseleave`,()=>{t.style.cursor=`grab`}),this.cleanup.events.on(`click`,t,`click`,e=>{!this.runtime.clickPrevented||!this.props.preventClick||(e.preventDefault(),e.stopPropagation(),this.runtime.clickPrevented=!1)},{capture:!0}),this.cleanup.events.on(`dragstart`,t,`dragstart`,e=>e.preventDefault()),this.cleanup.events.on(`transitionend`,t,`transitionend`,e=>this.onTransitionEnd(e)),this.cleanup.events.on(`window:resize`,window,`resize`,()=>this.update(null,{force:!0})),this.cleanup.events.on(`root:mouseenter`,e,`mouseenter`,()=>this.pause()),this.cleanup.events.on(`root:mouseleave`,e,`mouseleave`,()=>this.resume()))}onStart(e,t=null){this.state.animating||(this.runtime.logs=[],this.pushLog(e),this.runtime.startTarget=t,this.runtime.touching=!0,this.runtime.scrolling=!1,this.runtime.swiping=!1,this.runtime.clickPrevented=!1,this.pause(),this.dom.wrapper&&(this.dom.wrapper.style.transition=`none`))}onMove(e,t){if(!this.runtime.touching||this.runtime.scrolling||this.state.animating)return;this.pushLog(e);let n=this.getOffset(),r=Math.abs(n.x),i=Math.abs(n.y);if(!(r<6&&i<6)){if(!this.runtime.swiping)if(Math.atan2(i,r)*180/Math.PI<this.props.touchAngle)this.runtime.swiping=!0,this.runtime.clickPrevented=Er(this.runtime.startTarget);else{this.runtime.scrolling=!0,this.resetDrag(!0);return}this.runtime.swiping&&(t.preventDefault(),this.transform=-this.state.trackIndex*this.state.width+n.x*this.props.touchRatio,this.render(!1))}}onEnd(){if(!this.runtime.touching)return;if(this.runtime.touching=!1,!this.runtime.swiping){this.resetDrag(!0);return}let e=this.getDuration(),t=this.getOffset().x,n=this.state.trackIndex;if(e>this.props.longSwipesMs){let e=Math.ceil(Math.abs(t)/this.state.width-this.props.longSwipesRatio);e>0&&(n=this.state.trackIndex+e*(t>0?-1:1))}else{let e=Math.abs(t)/this.state.width,r=e>=this.props.longSwipesRatio?Math.max(1,Math.ceil(e-this.props.longSwipesRatio)):0;r>0&&(n=t>0?this.state.trackIndex-r:this.state.trackIndex+r)}this.slideToTrack(n),this.runtime.logs=[],this.resume()}resetDrag(e=!0){let t=this.state.trackIndex===0?0:-this.state.trackIndex*this.state.width,n=e&&this.state.transform!==t;this.runtime.touching=!1,this.runtime.scrolling=!1,this.runtime.swiping=!1,this.runtime.logs=[],this.runtime.startTarget=null,this.transform=t,this.render(n),this.resume()}onTransitionEnd(e){e&&(e.target!==this.dom.wrapper||!(`propertyName`in e)||e.propertyName!==`transform`)||(this.animating=!1,this.props.loop&&(this.state.trackIndex===0?(this.setTrackIndex(this.realCount,!1),this.render(!1)):this.state.trackIndex===this.dom.slides.length-1&&(this.setTrackIndex(1,!1),this.render(!1))))}pushLog(e){this.runtime.logs.push({x:e.pageX??e.clientX??0,y:e.pageY??e.clientY??0,time:Date.now()}),this.runtime.logs.length>5&&this.runtime.logs.shift()}getDuration(){return this.runtime.logs.length===0?0:this.runtime.logs[this.runtime.logs.length-1].time-this.runtime.logs[0].time}getOffset(){if(this.runtime.logs.length===0)return{x:0,y:0};let e=this.runtime.logs[0],t=this.runtime.logs[this.runtime.logs.length-1];return{x:t.x-e.x,y:t.y-e.y}}toRealIndex(e=this.state.trackIndex){return this.realCount?this.props.loop?e===0?this.realCount-1:e===this.dom.slides.length-1?0:e-1:e:0}trackIndexForRealIndex(e){if(!this.realCount)return 0;let t=Math.max(0,Math.min(e,this.realCount-1));return this.props.loop&&this.realCount>1?t+1:t}setTrackIndex(e,t=!0){let n=$(e);this.setState({trackIndex:n,index:this.toRealIndex(n),transform:-n*this.state.width}),t!=null&&this.render(t)}slideTo(e){return this.slideToTrack(this.trackIndexForRealIndex(e))}slideToTrack(e){if(this.assertBuilt(`slideToTrack`),this.state.animating||this.dom.slides.length===0)return;let t=e;this.props.loop?e<0?t=0:e>=this.dom.slides.length&&(t=this.dom.slides.length-1):t=Math.max(0,Math.min(e,this.dom.slides.length-1)),this.setTrackIndex(t,!0),this.props.lazyload&&this.loadImages()}next(){this.assertBuilt(`next`),!this.state.animating&&this.slideToTrack(this.state.trackIndex+1)}prev(){this.assertBuilt(`prev`),!this.state.animating&&this.slideToTrack(this.state.trackIndex-1)}render(e){this.assertBuilt(`render`),this.dom.wrapper&&(e?(this.dom.wrapper.style.transition=`transform ${this.props.speed}ms cubic-bezier(0.25, 0.46, 0.45, 0.94)`,this.animating=!0):(this.dom.wrapper.style.transition=`none`,this.animating=!1),this.dom.wrapper.style.transform=`translate3d(${this.state.transform}px, 0, 0)`)}loadImages(){this.assertBuilt(`loadImages`);let e=[this.state.trackIndex];this.state.trackIndex>0&&e.push(this.state.trackIndex-1),this.state.trackIndex<this.dom.slides.length-1&&e.push(this.state.trackIndex+1),e.forEach(e=>{let t=this.dom.slides[e];if(!t)return;let n=M(`img[data-lazy]`,t);if(!n||n.src)return;n.classList.add(this.props.className.loading),n.src=n.dataset.lazy||``;let r=()=>{n.onload=null,n.onerror=null,this.runtime.imageCleanups.delete(r)};this.runtime.imageCleanups.add(r),n.onload=()=>{n.classList.remove(this.props.className.loading),n.classList.add(this.props.className.loaded),r()},n.onerror=()=>{n.classList.remove(this.props.className.loading),n.classList.add(this.props.className.error),r()}})}clearImageCleanups(){this.runtime.imageCleanups?.forEach(e=>e()),this.runtime.imageCleanups?.clear()}initPagination(){if(!this.dom.root)return;this.dom.pagination?(this.dom.pagination.classList.add(this.props.className.paginationHorizontal,this.props.className.paginationClickable,this.props.className.paginationBulletGroup),jr(this.dom.pagination,`data-swiper-pagination`)):(this.dom.pagination=o(`div`,{className:Ar(this.props.className.pagination,this.props.className.paginationHorizontal,this.props.className.paginationClickable,this.props.className.paginationBulletGroup),"data-swiper-pagination":``}),this.dom.root.appendChild(this.dom.pagination),this.dom.createdPagination=!0);let n=this.dom.pagination;if(n){n.textContent=``,this.dom.bullets=[];for(let e=0;e<this.realCount;e++){let t=o(`button`,{type:`button`,className:Ar(this.props.className.indicator,this.props.className.bullet),"data-swiper-bullet":String(e),"aria-label":`Go to slide ${e+1}`});this.cleanup.events.on(`bullet:${e}:click`,t,`click`,()=>{this.slideTo(e)}),this.cleanup.events.on(`bullet:${e}:keydown`,t,`keydown`,t=>{let n=t;(n.key===`Enter`||n.key===` `)&&(t.preventDefault(),this.slideTo(e))}),this.dom.bullets.push(t),n.appendChild(t)}this.cleanup.bindings=i(n=>(this.dom.bullets.forEach((n,r)=>{t(n,this.props.className.active,()=>this.state.index===r),e(n,`aria-current`,()=>this.state.index===r?`true`:null)}),n))}}initNavigation(){let n=this.ensureNavigation(`prev`,`arrow-left`),r=this.ensureNavigation(`next`,`arrow-right`);this.dom.prevButton=n,this.dom.nextButton=r,this.cleanup.events.on(`nav:prev`,n,`click`,()=>this.prev()),this.cleanup.events.on(`nav:next`,r,`click`,()=>this.next()),this.props.loop||(this.cleanup.navBindings=i(i=>(t(n,this.props.className.disabled,()=>this.state.trackIndex<=0),e(n,`disabled`,()=>this.state.trackIndex<=0?``:null),t(r,this.props.className.disabled,()=>this.state.trackIndex>=this.dom.slides.length-1),e(r,`disabled`,()=>this.state.trackIndex>=this.dom.slides.length-1?``:null),i)))}ensureNavigation(e,t){if(!this.dom.root)throw Error(`Swiper.ensureNavigation: root not found.`);let n=e===`prev`?`createdPrevButton`:`createdNextButton`,r=e===`prev`?this.props.className.prev:this.props.className.next,i=Ar(this.props.className.navigation,r),a=M(`[data-action="${e}"]`,this.dom.root);return a?a.tagName.toLowerCase()===`button`?(a.classList.add(this.props.className.navigation,r),jr(a,`data-swiper-navigation`,e)):(a.setAttribute(`role`,`button`),a.setAttribute(`tabindex`,`0`),a.classList.add(this.props.className.navigation,r),jr(a,`data-swiper-navigation`,e)):(a=o(`button`,{type:`button`,className:i,"data-action":e,"data-swiper-navigation":e}),this.dom.root.appendChild(a),this.dom[n]=!0),a.setAttribute(`aria-label`,e===`prev`?`Previous slide`:`Next slide`),M(`svg`,a)||(a.textContent=``,a.appendChild(C(t))),a}play(){if(this.assertBuilt(`play`),this.runtime.destroyed||this.runtime.timer||this.realCount<=1)return;let e=Math.max(this.props.delay,16);this.runtime.timer=setInterval(()=>this.next(),e)}pause(){this.runtime.timer&&(clearInterval(this.runtime.timer),this.runtime.timer=null)}resume(){this.runtime.destroyed||this.props.autoplay&&!this.runtime.timer&&this.play()}restartAutoplay(){this.pause(),this.props.autoplay&&this.play()}update(e={},{force:t=!1}={}){if(this.runtime.destroyed)throw Error(`Component.update: instance destroyed`);this.assertBuilt(`update`);let n=Mr(e)?e:{},r=Or(Object.assign({},this.props,n)),i={};return Object.keys(n).forEach(e=>{let t=e;i[t]=r[t]}),this.props=r,this.emit(`beforeUpdate`,i,{force:t}),this.onUpdate(i,{force:t}),this.emit(`afterUpdate`,i,{force:t}),this}onUpdate(e={},t={force:!1}){if(e&&Object.prototype.hasOwnProperty.call(e,`data`)){this.updateData(e.data);return}if([`loop`,`pagination`,`navigation`,`lazyload`].some(t=>Object.prototype.hasOwnProperty.call(e,t))){this.reInitView();return}this.updateSize(),this.setupStyles(),this.setTrackIndex(this.trackIndexForRealIndex(this.state.index),!1),Object.prototype.hasOwnProperty.call(e,`autoplay`)||Object.prototype.hasOwnProperty.call(e,`delay`)?this.restartAutoplay():this.props.autoplay?this.resume():this.pause()}updateData(e=this.props.data){if(this.runtime.destroyed)throw Error(`Swiper.updateData: instance destroyed`);if(this.assertBuilt(`updateData`),!this.dom.createdRoot)throw Error(`Swiper.updateData: not supported on DOM-bound instances.`);if(y(`data`,e,wr.data,`Swiper.options`),!Array.isArray(e))return this.props.data=e,this.reInitView(),this;this.props.data=e;let t=this.state.index,n=this.dom.wrapper;if(!n)return this;this.pause(),this.clearImageCleanups(),this.cleanup.bindings?.(),this.cleanup.bindings=null,this.cleanup.navBindings?.(),this.cleanup.navBindings=null,this.cleanup.events.clear();let r=this.normalizeData(e);return n.textContent=``,r.forEach((e,t)=>{n.appendChild(this.createDataSlide(e,t))}),this.refreshSlides(),this.runtime.realCount=this.dom.slides.length,this.setState({index:Math.min(t,Math.max(0,this.realCount-1))}),this.reInitView(),this}};function Pr(e,t={}){return new Nr(e,t)}const Fr={root:``,list:`menu`,item:`menu-item`,hasChildren:`menu-item-has-children`,link:`menu-link`,subMenu:`sub-menu`,back:`back`,active:`is-active`,icon:`el-icon`,iconPrefix:`el-prefix`,text:`menu-text`},Ir={type:{default:`mobile`,type:`string`},id:{default:``,type:`string`,normalize:e=>typeof e==`string`?e.trim()===``?x():e.trim():e},items:{default:[],type:`array`},backText:{default:`Back`,type:`string`},className:{default:Fr,type:`object`,normalize:e=>({...Fr,...e&&typeof e==`object`?e:{}})}},Lr={type:`array`};function Rr(e={}){let t=b(e,Ir,`Menu.options`);return{...t,items:t.items.slice(),className:{...t.className}}}function zr(...e){return e.filter(Boolean).join(` `)}function Br(e){return`menu-item-${e??x()}`}function Vr(e){let t=e.tagName.toLowerCase();return t===`ul`||t===`ol`}function Hr(e){if(!e||typeof e!=`object`||Array.isArray(e))return!1;let t=e;return(typeof t.title==`string`||typeof t.title==`number`)&&(t.id==null||typeof t.id==`string`||typeof t.id==`number`)&&(t.url==null||typeof t.url==`string`)&&(t.target==null||typeof t.target==`string`)&&(t.classes==null||Array.isArray(t.classes)&&t.classes.every(e=>typeof e==`string`))&&(t.children==null||Array.isArray(t.children)&&t.children.every(Hr))}function Ur(e){return e.hasAttribute(`data-menu-list`)||Vr(e)?e:M(`[data-menu-list]`,e)}function Wr(e){return N(`[data-menu-link]`,e).find(t=>t.parentElement===e)||null}function Gr(e){return N(`[data-menu-list="sub"]`,e).find(t=>t.parentElement===e)||null}function Kr(e){return N(`[data-menu-back]`,e).find(t=>t.parentElement===e)||null}var qr=class{constructor(e={},t=!1){this.options=Rr(e),this._element=t,this.dom={root:null},this.cleanup={events:P()},this._bound=!1,this._destroyed=!1}get root(){return this.dom.root}_verifyItems(e){y(`items`,e,Lr,`Menu`),e.forEach((e,t)=>{y(String(t),e,{validate:Hr,message:`expects { title, id?, url?, target?, classes?, children? }.`},`Menu.items`)})}build(){if(this._bound)return this;if(!this.options)throw Error(`Menu.build: instance destroyed.`);if(this._element===!1)this._verifyItems(this.options.items),this.dom.root=this._buildRoot(),this._bound=!0;else{let e=O(this._element);if(!e)throw Error(`Menu.element: container not found.`);this.dom.root=e,this._bound=!0}return this._bindEvents(),this}_buildRoot(){if(!this.options)throw Error(`Menu._buildRoot: instance destroyed.`);let{items:e,id:t,type:n,className:r}=this.options;return c(`nav`,{className:r.root||`j-${n}-menu`,"data-menu":`root`,"data-menu-type":n,children:c(`ul`,{className:r.list,id:t,"data-menu-list":`root`,children:e.map(e=>this._buildItem(e))})})}_buildItem(e){if(!this.options)throw Error(`Menu._buildItem: instance destroyed.`);let{className:t}=this.options,n=e.children||[],r=n.length>0,i=[t.item];r&&i.push(t.hasChildren),e.classes&&i.push(...e.classes);let a=[c(`a`,{className:t.link,href:e.url||``,...e.target&&{target:e.target},"data-menu-link":``,children:e.title})];return r&&a.push(c(`ul`,{className:t.subMenu,"data-menu-list":`sub`,children:n.map(e=>this._buildItem(e))})),c(`li`,{className:zr(...i),id:Br(e.id),"data-menu-item":e.id==null?``:String(e.id),...r&&{"data-menu-has-children":``},children:a})}_bindEvents(){!this.dom.root||!this.options||!this.cleanup||(this.options.type===`mobile`?this.cleanup.events.on(`mobile`,this.dom.root,`click`,e=>{let t=e.target;if(!(t instanceof Element))return;let n=t.closest(`[data-menu-back]`);if(n&&this.dom.root?.contains(n)){e.preventDefault(),this._handleBack(n);return}let r=t.closest(`[data-menu-has-children]`);if(r&&this.dom.root?.contains(r)){let n=Wr(r);n&&(t===n||n.contains(t))&&(e.preventDefault(),this._handleMenuClick(r))}}):this.options.type===`bottom`&&this.cleanup.events.on(`bottom`,document,`click`,e=>{let t=e.target;if(!(t instanceof Element)||!this.dom.root)return;let n=t.closest(`[data-menu-list="sub"] [data-menu-link]`);if(n&&this.dom.root.contains(n))return;let r=t.closest(`[data-menu-list="root"] > [data-menu-has-children]`);r&&this.dom.root.contains(r)?(e.preventDefault(),this._toggleActive(r)):this._clearActive()}))}_unbindEvents(){this.cleanup?.events.clear()}_teardown({keepElement:e=!1}={}){this._unbindEvents(),this.cleanup?.items?.(),this.cleanup&&(this.cleanup.items=null),this._element===!1&&this.dom.root?.parentElement&&this.dom.root.remove(),e||(this._element=null),this.dom.root=null,this._bound=!1}_handleMenuClick(e){if(!this.options)return;e.classList.add(this.options.className.active);let t=Gr(e);if(!t||Kr(t))return;let{className:n}=this.options,r=c(`li`,{className:zr(n.item,n.back),"data-menu-back":``,children:c(`a`,{className:n.link,href:``,"data-menu-link":``,children:[c(`icon`,{className:zr(n.icon,n.iconPrefix),children:C(`arrow-left`)}),c(`span`,{className:n.text,children:this.options.backText})]})});t.insertBefore(r,t.firstChild)}_handleBack(e){if(!this.options)return;let t=e.closest(`[data-menu-back]`);if(!t)return;let n=t.parentElement?.parentElement;n?.hasAttribute(`data-menu-has-children`)&&n.classList.remove(this.options.className.active),t.remove()}_toggleActive(e){if(!this.options)return;let t=e.classList.contains(this.options.className.active);this._clearActive(),t||e.classList.add(this.options.className.active)}_clearActive(){!this.dom.root||!this.options||N(`[data-menu-item]`,this.dom.root).forEach(e=>{e.classList.remove(this.options?.className.active||`is-active`)})}setItems(e){if(!this.options)throw Error(`Menu.setItems: instance destroyed.`);if(this._verifyItems(e),this.options.items=e,this._bound){if(this._element===!1){let e=this._element;this._teardown({keepElement:!0}),this._element=e,this.build()}else if(this.dom.root){let t=Ur(this.dom.root);if(!t)throw Error(`Menu: [data-menu-list] element not found.`);this._unbindEvents(),this.cleanup?.items?.(),this.cleanup&&(this.cleanup.items=u(()=>e.map(e=>this._buildItem(e)),t)),this._bindEvents()}}return this}removeItem(e){if(!this.dom.root)return this;let t=N(`[data-menu-item]`,this.dom.root).find(t=>t.dataset.menuItem===String(e));if(t&&t.remove(),this.options?.items){let t=n=>{for(let r=n.length-1;r>=0;r--)if(n[r].id===e)n.splice(r,1);else{let e=n[r].children;e&&t(e)}};t(this.options.items)}return this}destroy(){this._destroyed||(this._destroyed=!0,this._bound?this._teardown():(this._element=null,this.dom.root=null,this.cleanup?.events.clear()),this.cleanup=null,this.options=null)}};function Jr(e={},t=!1){return new qr(e,t)}export{Sn as Accordion,I as Component,kn as Drop,Xt as Flow,St as Form,qr as Menu,lr as Modal,Vn as Offcanvas,xr as Pagination,rn as Parabola,It as Sticky,Nr as Swiper,pn as Tabs,Ye as Theme,R as Toast,kt as Toc,Pn as Tooltip,st as Validator,xe as addIcons,N as all,m as copy,Cn as createAccordion,An as createDrop,P as createEventManager,Zt as createFlow,Ct as createForm,j as createLoading,Jr as createMenu,ur as createModal,Hn as createOffcanvas,Sr as createPagination,an as createParabola,Lt as createSticky,Pr as createSwiper,mn as createTabs,At as createToc,Fn as createTooltip,ct as createValidator,ue as debounce,F as getCookie,be as getRegistedIconPath,_ as getType,h as hasOwn,C as icon,ve as iconHtml,ye as iconMarkup,ie as isClass,T as isElement,re as isFunction,p as isMobile,w as isNode,v as isPlainObject,A as isRenderableContent,ke as lazyRender,Pe as listen,E as normalizeContentNodes,Fe as postJson,M as q,x as randomId,ze as removeCookie,k as requireContainer,Oe as resolveContainer,O as resolveElement,De as resolveNode,D as resolveNodeList,b as resolveProps,Ie as restUrl,te as service,Re as setCookie,de as throttle,g as timer,ne as uniq,le as uuid,y as validateParam};
+import{bindAttr as e,bindClass as t,createDeepStore as n,createEffect as r,createRoot as i,flushSync as a,h as o,insert as s,jsx as c,onCleanup as l,render as u,untrack as d}from"vanilla-signal";import{t as f}from"vanilla-signal-i18n";function p(){if(typeof window>`u`||typeof navigator>`u`)return!1;if(navigator.userAgentData&&typeof navigator.userAgentData.mobile==`boolean`)return navigator.userAgentData.mobile;let e=navigator.userAgent||navigator.vendor||window.opera||``,t=/Android|iPhone|iPad|iPod|Mobile|Windows Phone|webOS|BlackBerry|IEMobile|Opera Mini/i.test(e),n=/iPad|Android(?!.*Mobile)|Tablet/i.test(e);if(t&&!n){if(/iPhone|iPod|Windows Phone|webOS|BlackBerry|IEMobile|Opera Mini/i.test(e))return!0;if(/Android/i.test(e)){let e=`maxTouchPoints`in navigator?navigator.maxTouchPoints>0:`ontouchstart`in window;return Math.min(window.screen.width,window.screen.height)<=768||e}}if(/Macintosh|MacIntel/i.test(e)){let e=`maxTouchPoints`in navigator?navigator.maxTouchPoints>0:`ontouchstart`in window,t=Math.min(window.screen.width,window.screen.height);return e&&t<=768}return!1}async function m(e){if(typeof window>`u`||typeof document>`u`)return Promise.resolve(!1);let t=String(e);if(navigator.clipboard&&typeof navigator.clipboard.writeText==`function`)try{return await navigator.clipboard.writeText(t),!0}catch{return ee(t)}return ee(t)}function ee(e){let t=null;try{return t=document.createElement(`textarea`),t.value=e,t.setAttribute(`readonly`,``),t.style.position=`absolute`,t.style.left=`-9999px`,t.style.opacity=`0`,document.body.appendChild(t),t.select(),t.setSelectionRange(0,e.length),document.execCommand(`copy`)}catch{return!1}finally{t&&t.parentNode&&t.parentNode.removeChild(t)}}const te=(()=>{let e=new Map;return{get(t,n){return e.has(t)||e.set(t,n()),e.get(t)},destroy(t){let n=e.get(t);n&&(typeof n.destroy==`function`&&n.destroy(),e.delete(t))},destroyAll(){for(let t of e.values())typeof t.destroy==`function`&&t.destroy();e.clear()}}})(),h=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),ne=e=>Array.from(new Set(e.filter(Boolean))),g={timers:{},start(e,t,n){this.timers[e]&&clearTimeout(this.timers[e]),this.timers[e]=setTimeout(()=>{n(),delete this.timers[e]},t)},cancel(e){this.timers[e]&&(clearTimeout(this.timers[e]),delete this.timers[e])}},_=e=>e===null?`null`:Array.isArray(e)?`array`:typeof HTMLElement<`u`&&e instanceof HTMLElement?`HTMLElement`:typeof Node<`u`&&e instanceof Node?`Node`:typeof e,re=e=>typeof e==`function`&&h(e,`prototype`)&&e.prototype!==null&&typeof e.prototype==`object`&&h(e.prototype,`constructor`)&&e.prototype.constructor===e,ie=e=>typeof e==`function`&&/^class\s/.test(Function.prototype.toString.call(e));function v(e){if(!e||typeof e!=`object`||Array.isArray(e))return!1;let t=Object.getPrototypeOf(e);return t===Object.prototype||t===null}function ae(e){return Array.isArray(e)?e.slice():v(e)?{...e}:e}function oe(e={}){return typeof e==`string`||Array.isArray(e)?{type:e}:!e||typeof e!=`object`?{}:e}function se(e,t,n=[]){let r=Array.isArray(n)?n:n?[n]:[];for(let n of r){let r,i;if(typeof n==`function`)r=n,i=`does not satisfy the required condition.`;else if(n&&typeof n.test==`function`)r=n.test,i=n.message||`condition failed.`;else throw Error(`Validator: Condition must be a function or { test, message }.`);if(!r(t))throw Error(`Validator: ${e} ${i}`)}}function ce(e,t){return e?`${e}.${t}`:t}function y(e,t,n={},r=``){let i=oe(n),a=ce(r,e),o=h(i,`types`)?i.types:i.type;if(i.required&&t==null)throw Error(`Validator: ${a} is required.`);if(o!==void 0){let e=Array.isArray(o)?o:[o],n=_(t);if(!e.some(e=>e===n)){let t=e.join(`, `);throw Error(`Validator: ${a} expects ${t}, but got ${n}.`)}se(a,t,i.conditions)}else se(a,t,i.conditions);if(Array.isArray(i.enum)&&!i.enum.includes(t))throw Error(`Validator: ${a} expects one of ${i.enum.join(`, `)}.`);if(typeof i.validate==`function`&&!i.validate(t))throw Error(`Validator: ${a} ${i.message||`does not satisfy the required condition.`}`);return t}function b(e={},t={},n=`Options`){let r=e??{};if(typeof r!=`object`||Array.isArray(r))throw Error(`${n} expects object.`);let i=r,a={...i},o=Object.entries(t||{});for(let[e,t]of o){let n=oe(t);a[e]=h(r,e)?r[e]:fe(n)}for(let[e,n]of o){let r=oe(n);typeof r.normalize==`function`&&(a[e]=r.normalize(a[e],{key:e,input:i,options:a,schema:t}))}for(let[e,t]of o)y(e,a[e],t,n);return a}function le(){if(typeof crypto.randomUUID==`function`)return crypto.randomUUID();let e=new Uint8Array(16);if(typeof crypto.getRandomValues!=`function`)throw Error(`Your browser is too old to support secure login.`);crypto.getRandomValues(e),e[6]=e[6]&15|64,e[8]=e[8]&63|128;let t=Array.from(e).map(e=>e.toString(16).padStart(2,`0`)).join(``);return[t.slice(0,8),t.slice(8,12),t.slice(12,16),t.slice(16,20),t.slice(20,32)].join(`-`)}function x(e=8){if(!Number.isInteger(e)||e<1||e>87381)throw Error(`Length must be an integer between 1 and 87381`);let t=Math.ceil(e*3/4),n=new Uint8Array(t);crypto.getRandomValues(n);let r=``;for(let e of n)r+=String.fromCharCode(e);return btoa(r).substring(0,e).replace(/\+/g,`-`).replace(/\//g,`_`)}function ue(e,t=0,n={}){if(typeof e!=`function`)throw TypeError(`Expected a function`);let r=Number(t)||0,i=n&&typeof n==`object`?n:{},a=!!i.leading,o=!h(i,`trailing`)||!!i.trailing,s=h(i,`maxWait`),c=s?Math.max(Number(i.maxWait)||0,r):0,l,u,d,f,p=0;function m(t){let n=l;return n?(l=void 0,p=t,u=Reflect.apply(e,n.receiver,n.args),u):u}function ee(e){return p=e,d=setTimeout(g,r),a?m(e):u}function te(e){let t=e-(f||0),n=e-p,i=r-t;return s?Math.min(i,c-n):i}function ne(e){let t=e-(f||0),n=e-p;return f===void 0||t>=r||t<0||s&&n>=c}function g(){let e=Date.now();if(ne(e))return _(e);d=setTimeout(g,te(e))}function _(e){return d=void 0,o&&l?m(e):(l=void 0,u)}function re(){d!==void 0&&clearTimeout(d),p=0,f=void 0,d=void 0,l=void 0}function ie(){return d===void 0?u:_(Date.now())}function v(...e){let t=Date.now(),n=ne(t);if(l={receiver:this,args:e},f=t,n){if(d===void 0)return ee(f);if(s)return d=setTimeout(g,r),m(f)}return d===void 0&&(d=setTimeout(g,r)),u}return v.cancel=re,v.flush=ie,v}function de(e,t=0,n={}){if(typeof e!=`function`)throw TypeError(`Expected a function`);let r=n&&typeof n==`object`?n:{};return ue(e,t,{leading:!h(r,`leading`)||!!r.leading,trailing:!h(r,`trailing`)||!!r.trailing,maxWait:t})}function fe(e){if(!h(e,`default`))return;let t=e.default;return ae(e.factory&&typeof t==`function`?t():t)}var pe={info:`<path d="M12 22C6.47715 22 2 17.5228 2 12 2 6.47715 6.47715 2 12 2 17.5228 2 22 6.47715 22 12 22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM13 10.5V15H14V17H10V15H11V12.5H10V10.5H13ZM13.5 8C13.5 8.82843 12.8284 9.5 12 9.5 11.1716 9.5 10.5 8.82843 10.5 8 10.5 7.17157 11.1716 6.5 12 6.5 12.8284 6.5 13.5 7.17157 13.5 8Z"></path>`,success:`<path d="M4 12C4 7.58172 7.58172 4 12 4C16.4183 4 20 7.58172 20 12C20 16.4183 16.4183 20 12 20C7.58172 20 4 16.4183 4 12ZM12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2ZM17.4571 9.45711L16.0429 8.04289L11 13.0858L8.20711 10.2929L6.79289 11.7071L11 15.9142L17.4571 9.45711Z"></path>`,warning:`<path d="M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM11 15H13V17H11V15ZM11 7H13V13H11V7Z"></path>`,error:`<path d="M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM12 10.5858L14.8284 7.75736L16.2426 9.17157L13.4142 12L16.2426 14.8284L14.8284 16.2426L12 13.4142L9.17157 16.2426L7.75736 14.8284L10.5858 12L7.75736 9.17157L9.17157 7.75736L12 10.5858Z"></path>`,"arrow-left":`<path d="M10.8284 12.0007L15.7782 16.9504L14.364 18.3646L8 12.0007L14.364 5.63672L15.7782 7.05093L10.8284 12.0007Z"></path>`,"arrow-right":`<path d="M13.1717 12.0007L8.22192 7.05093L9.63614 5.63672L16.0001 12.0007L9.63614 18.3646L8.22192 16.9504L13.1717 12.0007Z"></path>`,"arrow-up":`<path d="M11.9999 10.8284L7.0502 15.7782L5.63599 14.364L11.9999 8L18.3639 14.364L16.9497 15.7782L11.9999 10.8284Z"></path>`,"arrow-down":`<path d="M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z"></path>`,more:`<path d="M5 10C3.9 10 3 10.9 3 12C3 13.1 3.9 14 5 14C6.1 14 7 13.1 7 12C7 10.9 6.1 10 5 10ZM19 10C17.9 10 17 10.9 17 12C17 13.1 17.9 14 19 14C20.1 14 21 13.1 21 12C21 10.9 20.1 10 19 10ZM12 10C10.9 10 10 10.9 10 12C10 13.1 10.9 14 12 14C13.1 14 14 13.1 14 12C14 10.9 13.1 10 12 10Z"></path>`,close:`<path d="M11.9997 10.5865L16.9495 5.63672L18.3637 7.05093L13.4139 12.0007L18.3637 16.9504L16.9495 18.3646L11.9997 13.4149L7.04996 18.3646L5.63574 16.9504L10.5855 12.0007L5.63574 7.05093L7.04996 5.63672L11.9997 10.5865Z"></path>`,loader:`<path d="M12 3C16.9706 3 21 7.02944 21 12H19C19 8.13401 15.866 5 12 5V3Z"></path>`,menu:`<path d="M3 4H21V6H3V4ZM3 11H21V13H3V11ZM3 18H21V20H3V18Z"></path>`,palette:`<path fill="none" d="M0 0h24v24H0z"></path><path d="M12 2C17.5222 2 22 5.97778 22 10.8889C22 13.9556 19.5111 16.4444 16.4444 16.4444H14.4778C13.5556 16.4444 12.8111 17.1889 12.8111 18.1111C12.8111 18.5333 12.9778 18.9222 13.2333 19.2111C13.5 19.5111 13.6667 19.9 13.6667 20.3333C13.6667 21.2556 12.9 22 12 22C6.47778 22 2 17.5222 2 12C2 6.47778 6.47778 2 12 2ZM10.8111 18.1111C10.8111 16.0843 12.451 14.4444 14.4778 14.4444H16.4444C18.4065 14.4444 20 12.851 20 10.8889C20 7.1392 16.4677 4 12 4C7.58235 4 4 7.58235 4 12C4 16.19 7.2226 19.6285 11.324 19.9718C10.9948 19.4168 10.8111 18.7761 10.8111 18.1111ZM7.5 12C6.67157 12 6 11.3284 6 10.5C6 9.67157 6.67157 9 7.5 9C8.32843 9 9 9.67157 9 10.5C9 11.3284 8.32843 12 7.5 12ZM16.5 12C15.6716 12 15 11.3284 15 10.5C15 9.67157 15.6716 9 16.5 9C17.3284 9 18 9.67157 18 10.5C18 11.3284 17.3284 12 16.5 12ZM12 9C11.1716 9 10.5 8.32843 10.5 7.5C10.5 6.67157 11.1716 6 12 6C12.8284 6 13.5 6.67157 13.5 7.5C13.5 8.32843 12.8284 9 12 9Z"></path>`,message:`<path d="M2 8.99374C2 5.68349 4.67654 3 8.00066 3H15.9993C19.3134 3 22 5.69478 22 8.99374V21H8.00066C4.68659 21 2 18.3052 2 15.0063V8.99374ZM20 19V8.99374C20 6.79539 18.2049 5 15.9993 5H8.00066C5.78458 5 4 6.78458 4 8.99374V15.0063C4 17.2046 5.79512 19 8.00066 19H20ZM14 11H16V13H14V11ZM8 11H10V13H8V11Z"></path>`,chat:`<path d="M10 3H14C18.4183 3 22 6.58172 22 11C22 15.4183 18.4183 19 14 19V22.5C9 20.5 2 17.5 2 11C2 6.58172 5.58172 3 10 3ZM12 17H14C17.3137 17 20 14.3137 20 11C20 7.68629 17.3137 5 14 5H10C6.68629 5 4 7.68629 4 11C4 14.61 6.46208 16.9656 12 19.4798V17Z"></path>`,discuss:`<path d="M14 22.5L11.2 19H6C5.44772 19 5 18.5523 5 18V7.10256C5 6.55028 5.44772 6.10256 6 6.10256H22C22.5523 6.10256 23 6.55028 23 7.10256V18C23 18.5523 22.5523 19 22 19H16.8L14 22.5ZM15.8387 17H21V8.10256H7V17H11.2H12.1613L14 19.2984L15.8387 17ZM2 2H19V4H3V15H1V3C1 2.44772 1.44772 2 2 2Z"></path>`};const me=`http://www.w3.org/2000/svg`,he=pe;function ge(e){if(!(e in he))throw Error(`Icon "${e}" not found.`)}function _e(e){return ge(e),`<svg xmlns="${me}" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false">${he[e]}</svg>`}function ve(e){return e!==null&&e.namespaceURI===me}function S(e,t={}){let n=document.createElement(`template`);n.innerHTML=_e(e);let r=n.content.firstElementChild;if(!ve(r))throw Error(`Icon "${e}" cannot be rendered.`);for(let[e,n]of Object.entries(t||{})){if(n==null||n===!1)continue;let t=e===`className`?`class`:e;r.setAttribute(t,n===!0?``:String(n))}return r}function ye(e){return _e(e)}const be=ye;function xe(){return{...he}}function Se(e){if(typeof e!=`object`||!e)throw Error(`Icons must be a valid object.`);for(let[t,n]of Object.entries(e)){if(typeof n!=`string`||!n.trim().startsWith(`<`))throw Error(`Invalid SVG path for icon "${t}".`);he[t]=n}}const Ce=[`node`,`element`,`array`];function we(e){return Ce.includes(e)}function C(e){return e instanceof Node}function w(e){return e instanceof Element}function Te(e){return typeof e==`string`||w(e)||C(e)||Array.isArray(e)}function Ee(e){return e.find(w)||null}function De(e,t=[]){for(let n of e){if(Array.isArray(n)){if(!De(n,t))return null;continue}if(C(n)){t.push(n);continue}return null}return t}function T(e,t){if(typeof e==`function`)return T(e(t),t);let n=e;if(n==null||n===!1||n===!0)return[];if(Array.isArray(n))return n.flatMap(e=>T(e,t));if(C(n))return[n];if(typeof n==`string`){let e=document.createElement(`template`);return e.innerHTML=n,Array.from(e.content.childNodes)}return[document.createTextNode(String(n))]}function E(e){if(e===!1||e==null)return null;if(typeof e==`string`){let t=M(e);return t.length>0?t:null}if(Array.isArray(e)){let t=De(e,[]);return t&&t.length>0?t:null}return C(e)?[e]:null}function Oe(e){return w(e)||C(e)?e:typeof e==`string`?document.querySelector(e):Array.isArray(e)&&(E(e)||[])[0]||null}function D(e){if(!Te(e))return null;if(typeof e==`string`){let t=document.querySelector(e);return w(t)?t:null}if(Array.isArray(e)){let t=E(e);return Array.isArray(t)?Ee(t):null}return w(e)?e:null}function ke(e,t=`Component`,n=`element`){if(!we(n))throw Error(`${t}: expect must be one of 'node', 'element', 'array'.`);return Te(e)?n===`array`?E(e):n===`node`?Oe(e):D(e):null}function O(e,t=`Component`,n=`element`){let r=ke(e,t,n);if(r==null)throw Error(`${t}: container not found.`);return r}function k(e){return e==null||typeof e==`string`||typeof e==`number`||typeof e==`boolean`||typeof e==`function`||Array.isArray(e)||C(e)}function A(){return c(`div`,{"aria-live":`polite`,style:{display:`flex`,justifyContent:`center`,alignItems:`center`,position:`absolute`,width:`100%`,height:`100%`,backdropFilter:`blur(4px)`},children:S(`loader`,{width:24,className:`animate-spin`})})}function j(e,t=document){return t.querySelector(e)}function M(e,t=document){return Array.from(t.querySelectorAll(e))}function Ae(e,t,n={}){if(typeof t!=`function`)throw TypeError(`lazyRender: renderCallback expects function.`);let{threshold:r=.1,rootMargin:i=`0px`,root:a=null,waitForDOM:o=!0}=n,s={threshold:r,rootMargin:i,root:a};if(!Me(e))return console.warn(`lazyRender: target 必须是 CSS 选择器字符串或 DOM 元素`),je;let c=je,l=Ne(e);if(l&&document.body.contains(l))return c=Pe(l,t,s),c;if(!o||typeof MutationObserver>`u`)return t(),c;let u=new MutationObserver(()=>{let n=Ne(e);!n||!document.body.contains(n)||(l=n,u.disconnect(),c=Pe(l,t,s))});return u.observe(document.documentElement,{childList:!0,subtree:!0}),()=>{u.disconnect(),c()}}function je(){}function Me(e){return typeof e==`string`||w(e)}function Ne(e){return typeof e==`string`?j(e):e}function Pe(e,t,n){if(typeof window>`u`||window.IntersectionObserver===void 0)return t(),je;let r=new window.IntersectionObserver(n=>{for(let i of n)if(i.isIntersecting){r.unobserve(e),r.disconnect(),t();break}},n);return r.observe(e),()=>{r.unobserve(e),r.disconnect()}}function Fe(e,t,n,r){let i=!0;return e.addEventListener(t,n,r),()=>{i&&(i=!1,e.removeEventListener(t,n,r))}}function N(){let e=new Map,t=t=>{let n=e.get(t);return n?(n(),e.delete(t),!0):!1};return{on(n,r,i,a,o){if(typeof n!=`string`||n.trim()===``)throw TypeError(`EventManager.on: key expects a non-empty string.`);if(t(n),r==null)return()=>{};let s=Fe(r,i,a,o);return e.set(n,s),s},off:t,clear(){for(let t of e.values())t();e.clear()},size(){return e.size}}}async function Ie(e,t,n={}){let r=new Headers(n.headers);return r.has(`Content-Type`)||r.set(`Content-Type`,`application/json`),(await fetch(e,{...n,method:`POST`,headers:r,body:JSON.stringify(t)})).json()}const Le=typeof window<`u`?`${window.location.origin}/wp-json`:``;function P(e){if(typeof document>`u`)return null;let t=Re(e),n=document.cookie.match(RegExp(`(?:^|;\\s*)`+t+`=([^;]*)`));return n?decodeURIComponent(n[1]):null}function Re(e){return e.replace(/[.*+?^${}()|[\]\\]/g,`\\$&`)}function ze(e,t,n=3600*24){if(typeof document>`u`)return!1;let r=`${encodeURIComponent(e)}=${encodeURIComponent(t)}; path=/; SameSite=Lax`;if(n>0){let e=new Date(Date.now()+n*1e3).toUTCString();r+=`; expires=${e}`}return location.protocol===`https:`&&(r+=`; Secure`),document.cookie=r,P(e)===t}function Be(e){return typeof document>`u`?!0:(document.cookie=`${e}=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;`,!P(e))}function Ve(e){if(!e||typeof e!=`object`||Array.isArray(e))return!1;let t=Object.getPrototypeOf(e);return t===Object.prototype||t===null}var F=class e{constructor(e={}){this.props=e||{},this.dom={root:null},this.plugins=new Map,this.cleanup={events:N(),plugins:new Map},this._listeners={init:[],beforeUpdate:[],afterUpdate:[],destroy:[]},this.state=n({}),this.runtime={destroyed:!1},this.installGlobalPlugins()}get root(){return this.dom?.root||null}set root(e){this.dom||(this.dom={root:null}),this.dom.root=e}use(e,t){if(!e)return this;let n=typeof e==`function`?e(this,t):e.install?.(this,t);return this.cleanup.plugins.set(e,n),this}on(e,t){return!this._listeners[e]||typeof t!=`function`||this._listeners[e].push(t),this}off(e,t){return this._listeners[e]&&(this._listeners[e]=this._listeners[e].filter(e=>e!==t)),this}installGlobalPlugins(){for(let t of e.globalPlugins.values())this.use(t)}static useGlobal(t,n){!t||!n||e.globalPlugins.set(t,n)}emit(e,...t){let n=this._listeners[e];if(!n)return this;for(let e of n)try{e(...t)}catch{}return this}init(e={}){if(this.runtime.destroyed)throw Error(`Component.init: instance destroyed`);return Ve(e)&&(this.props=Object.assign({},this.props,e)),typeof this.onInit==`function`&&this.onInit(this.props),this.emit(`init`,this.props),this}setState(e={},t){if(this.runtime.destroyed)throw Error(`Component.setState: instance destroyed`);let n=typeof e==`string`&&arguments.length>1?{[e]:t}:e;if(!Ve(n))throw Error(`Component.setState: expects a plain object patch.`);return a(()=>{for(let[e,t]of Object.entries(n)){if(!this.state)return;this.state[e]=t}}),this}update(e={},{force:t=!1}={}){if(this.runtime.destroyed)throw Error(`Component.update: instance destroyed`);return Ve(e)&&(this.props=Object.assign({},this.props,e)),this.emit(`beforeUpdate`,e,{force:t}),typeof this.onUpdate==`function`&&this.onUpdate(e,{force:t}),this.emit(`afterUpdate`,e,{force:t}),this}destroy(){if(!this.runtime.destroyed){this.runtime.destroyed=!0,typeof this.onDestroy==`function`&&this.onDestroy(),this.emit(`destroy`);for(let e of this.cleanup.plugins.values())try{typeof e==`function`?e():e&&typeof e.destroy==`function`&&e.destroy()}catch{}this.cleanup.plugins.clear(),this.cleanup.events.clear(),this.dom={root:null},this.state=null}}};F.globalPlugins=new Map;var He={en:{b:`Back`,t:`Customize`,sm:`Small`,md:`Medium`,lg:`Large`},zh:{b:`返回`,t:`自定义主题`,Primary:`主色`,Radius:`圆角`,Shadow:`阴影`,Font:`字号`,Mode:`模式`,Gray:`灰色`,Olive:`橄榄绿`,Tomato:`番茄红`,Ruby:`红宝石`,Pink:`粉红`,Violet:`紫罗兰`,Indigo:`靛蓝`,Blue:`蓝色`,Teal:`青色`,Grass:`草绿`,Mint:`薄荷绿`,Lime:`酸橙绿`,Yellow:`黄色`,Orange:`橙色`,Gold:`金色`,None:`无`,sm:`小`,md:`中`,lg:`大`,XL:`更大`,Round:`圆角`,Light:`浅色`,Dark:`深色`,Auto:`自动`,Close:`关闭`,Confirm:`确认`}};const Ue={panel:`j-theme-palette`,closeWrap:`theme-palette-close`,closeButton:`j-button is-text`,title:`theme-palette-title`,description:`theme-palette-description`,container:`palette-container`,item:`palette-item`,itemTitle:`item-title`,items:`items`,button:`j-button is-default`,active:`is-active`,prefix:`el-prefix`,swatch:`item-hex`,buttonText:`button-text`},We={mode:`dark`,theme:`indigo`,radius:`sm`,shadow:`sm`,font:`sm`,key:`ui-theme`,className:Ue},Ge={theme:`j-theme-`,radius:`j-radius-`,shadow:`j-shadow-`,font:`j-font-`};function Ke(e){return{...Ue,...e}}function qe(e={}){return{...We,...e,className:Ke(e.className)}}function Je(e){return e===`mode`||e===`theme`||e===`radius`||e===`shadow`||e===`font`}function Ye(...e){return e.filter(Boolean).join(` `)}var Xe=class{constructor(e={}){this.props=n(qe(e)),this.languages=He,this.cleanup=null,this.runtime={destroyed:!1},this.init()}init(){this.cleanup={bindings:new Set,events:N()},this.loadConfig(),this.bindEvent()}translate(e){return f(e,this.languages)}loadConfig(){try{let e=P(this.props.key);if(!e?.trim())return;let t=JSON.parse(e);Object.assign(this.props,t,{className:Ke({...this.props.className,...t.className})})}catch{}}saveConfig(){let{mode:e,theme:t,radius:n,shadow:r,font:i}=this.props,a=e===`auto`?this.scheme():e;ze(this.props.key,JSON.stringify({mode:e,theme:t,radius:n,shadow:r,font:i,render:a}))}scheme(){return window.matchMedia?.(`(prefers-color-scheme: dark)`).matches?`dark`:`light`}bindActiveButtons(n){let r=i(r=>{let i=M(`[data-theme-group]`,n);for(let n of i){let r=n.dataset.themeGroup;if(!Je(r))continue;let i=M(`[data-theme-button]`,n);for(let n of i){let i=()=>n.dataset.themeValue===String(this.props[r]);t(n,this.props.className.active,i),e(n,`aria-selected`,()=>i()?`true`:null)}}return r});this.cleanup?.bindings.add(r)}bindEvent(){this.cleanup?.events.on(`palette`,document.body,`click`,e=>{if(!(e.target instanceof Element))return;let t=e.target.closest(`[data-theme-button]`);if(!t)return;let n=t.closest(`[data-theme-group]`),r=n?.dataset.themeGroup,i=t.dataset.themeValue;if(!n||!Je(r)||!i||t.classList.contains(this.props.className.active))return;let o=this.props[r];a(()=>{this.props[r]=i});let s=document.documentElement;if(r===`mode`){let e=i===`auto`?this.scheme():i;s.classList.remove(`light`,`dark`,o),s.classList.add(e)}else{let e=Ge[r],t=Array.from(s.classList).filter(t=>t.startsWith(e));t.length&&s.classList.remove(...t),s.classList.add(`${e}${i}`)}this.saveConfig()})}unbindEvent(){this.cleanup?.events.clear()}createPanel(e=null,t=null){let n=this.props.className,r=t||this.defaultPanelConfig(),i=c(`div`,{className:e||n.panel,"data-theme-palette":`root`,children:[c(`h3`,{className:n.title,"data-theme-title":``,style:{margin:`0 0 1rem`},children:this.translate(`t`)}),c(`div`,{className:n.container,"data-theme-container":``,children:r.map(e=>c(`div`,{className:n.item,"data-palette":e.type,"data-theme-group":e.type,children:[c(`div`,{className:n.itemTitle,"data-theme-group-title":e.type,children:e.title}),c(`div`,{className:n.items,"data-theme-items":e.type,children:e.buttons.map(([t,r])=>{let i=String(this.props[e.type])===String(t);return c(`button`,{className:Ye(n.button,i&&n.active),"data-palette":t,"data-theme-button":e.type,"data-theme-value":t,"aria-selected":i?`true`:null,children:[e.type===`theme`?c(`span`,{className:Ye(n.prefix,n.swatch),"data-theme-swatch":t,style:{backgroundColor:`var(--ui-${t})`}}):null,c(`span`,{className:n.buttonText,"data-theme-button-text":t,children:r})]})})})]}))})]});return this.bindActiveButtons(i),i}setConfig(e){a(()=>{Object.assign(this.props,e,{className:Ke({...this.props.className,...e.className})})}),this.saveConfig()}destroy(){this.runtime.destroyed||(this.runtime.destroyed=!0,this.unbindEvent(),this.cleanup?.bindings.forEach(e=>e()),this.cleanup?.bindings.clear(),this.cleanup=null)}defaultPanelConfig(){return[{title:this.translate(`Primary`),type:`theme`,buttons:[[`gray`,this.translate(`Gray`)],[`olive`,this.translate(`Olive`)],[`tomato`,this.translate(`Tomato`)],[`ruby`,this.translate(`Ruby`)],[`pink`,this.translate(`Pink`)],[`violet`,this.translate(`Violet`)],[`indigo`,this.translate(`Indigo`)],[`blue`,this.translate(`Blue`)],[`teal`,this.translate(`Teal`)],[`grass`,this.translate(`Grass`)],[`mint`,this.translate(`Mint`)],[`lime`,this.translate(`Lime`)],[`yellow`,this.translate(`Yellow`)],[`orange`,this.translate(`Orange`)],[`gold`,this.translate(`Gold`)]]},{title:this.translate(`Radius`),type:`radius`,buttons:[[`none`,this.translate(`None`)],[`sm`,this.translate(`sm`)],[`md`,this.translate(`md`)],[`lg`,this.translate(`lg`)],[`xl`,this.translate(`XL`)],[`round`,this.translate(`Round`)]]},{title:this.translate(`Shadow`),type:`shadow`,buttons:[[`none`,this.translate(`None`)],[`sm`,this.translate(`sm`)],[`md`,this.translate(`md`)],[`lg`,this.translate(`lg`)]]},{title:this.translate(`Font`),type:`font`,buttons:[[`sm`,this.translate(`sm`)],[`md`,this.translate(`md`)]]},{title:this.translate(`Mode`),type:`mode`,buttons:[[`light`,this.translate(`Light`)],[`dark`,this.translate(`Dark`)],[`auto`,this.translate(`Auto`)]]}]}};const Ze={container:`j-toast-container`,toast:`j-toast`,icon:`toast-icon`,message:`toast-message`,hidden:`is-hidden`,lite:`j-toast-lite`,action:`is-action`,actions:`toast-actions`,button:`j-button is-sm`,closeButton:`is-ghost`,actionButton:`is-outline`,info:`is-info`,success:`is-success`,warning:`is-warning`,error:`is-error`,primary:`is-primary`},Qe={type:`string`,enum:[`info`,`success`,`warning`,`error`,`primary`]},$e={type:`number`,validate:e=>typeof e==`number`&&e>=0,message:`expects a positive number or 0.`},et={type:`number`,validate:e=>typeof e==`number`&&e>0,message:`expects a number greater than 0.`};function tt(e){return{...Ze,...e}}function I(...e){return e.filter(Boolean).join(` `)}var L=class e{static configure(t={}){return e.options={className:tt(t.className)},e.options}static resolveClassNames(t){return tt({...e.options.className,...t?.className})}static show(t=``,n=3e3,r=`info`,i={}){y(`message`,t,`string`,`Toast.show`),y(`duration`,n,$e,`Toast.show`),y(`type`,r,Qe,`Toast.show`);let a=e.resolveClassNames(i),o=e.getOrCreateContainer(a),s=x(),l=c(`div`,{className:I(a.toast,a[r]),"data-toast":s,role:`alert`,"aria-atomic":`true`,children:[c(`span`,{className:a.icon,"data-toast-icon":s,children:S(r===`primary`?`info`:r)}),c(`span`,{className:a.message,"data-toast-message":s,children:t})]});e.classNames.set(l,a),o.appendChild(l);let u=r===`error`?`assertive`:`polite`;e.setTimer(s,`show`,()=>l.setAttribute(`aria-live`,u),10),n>0&&e.setTimer(s,`hide`,()=>e.hide(l),n);let d=Fe(l,`click`,()=>e.hide(l));return e.disposers.set(l,d),l}static success(t=``,n=3e3,r={}){return e.show(t,n,`success`,r)}static info(t=``,n=3e3,r={}){return e.show(t,n,`info`,r)}static primary(t=``,n=3e3,r={}){return e.show(t,n,`primary`,r)}static warning(t=``,n=3e3,r={}){return e.show(t,n,`warning`,r)}static error(t=``,n=3e3,r={}){return e.show(t,n,`error`,r)}static hide(t){if(!t)return;e.disposers.get(t)?.(),e.disposers.delete(t),t.removeAttribute(`aria-live`),t.setAttribute(`aria-hidden`,`true`);let n=t.dataset.toast||x();e.setTimer(n,`remove`,()=>{t.remove();let e=j(`[data-toast-container]`);e&&e.children.length===0&&e.remove()},300)}static lite(t=``,n=2e3,r={}){y(`message`,t,`string`,`Toast.lite`),y(`duration`,n,et,`Toast.lite`);let i=e.resolveClassNames(r);j(`[data-toast-lite]`)?.remove();let a=x(),o=c(`div`,{className:i.lite,"data-toast":a,"data-toast-lite":``,children:t});return e.classNames.set(o,i),document.body.appendChild(o),e.setTimer(a,`show`,()=>o.setAttribute(`aria-live`,`polite`),10),e.setTimer(a,`hide`,()=>{o.removeAttribute(`aria-live`),o.setAttribute(`aria-hidden`,`true`),e.setTimer(a,`remove`,()=>o.remove(),300)},n),o}static action(t=``,n={}){y(`message`,t,`string`,`Toast.action`);let r=f(`Close`,He),i=f(`Confirm`,He),a=e.resolveClassNames(n),o=e.getOrCreateContainer(a),s=x(),l=c(`div`,{className:I(a.toast,a.action),"data-toast":s,"data-toast-action":``,children:[c(`div`,{className:a.message,"data-toast-message":s,children:t}),c(`div`,{className:a.actions,"data-toast-actions":s,children:[c(`button`,{className:I(a.button,a.closeButton),children:n.text?.close||r,"data-action":`close`,"aria-label":n.text?.close||r,onClick:async()=>{await n.onClose?.(),e.hide(l)}}),c(`button`,{className:I(a.button,a.actionButton),children:n.text?.action||i,"data-action":`toast-action`,"aria-label":n.text?.action||i,onClick:async()=>{await n.onAction?.(),e.hide(l)}})]})]});return e.classNames.set(l,a),o.appendChild(l),e.setTimer(s,`show`,()=>{l.setAttribute(`aria-live`,`polite`),j(`[data-action="toast-action"]`,l)?.focus()},10),l}static getOrCreateContainer(e){let t=j(`[data-toast-container]`);return t?t.className=e.container:(t=c(`div`,{className:e.container,"data-toast-container":``}),document.body.appendChild(t)),t}static setTimer(t,n,r,i){let a=`${t}-${n}`;return e.timers.add(a),g.start(a,i,()=>{e.timers.delete(a),r()}),a}static clearAll(){for(let t of e.timers)g.cancel(t);e.timers.clear();for(let t of e.disposers.values())t();e.disposers.clear(),j(`[data-toast-container]`)?.remove(),j(`[data-toast-lite]`)?.remove()}static destroyAll(){e.clearAll()}};L.timers=new Set,L.disposers=new Map,L.classNames=new WeakMap,L.options={className:Ze};const nt={rules:{default:{},type:`object`},messages:{default:{},type:`object`},onSubmit:{default:null,types:[`function`,`null`]}};function rt(e){let t=b(e,nt,`Validator.options`);return{rules:t.rules,messages:t.messages,onSubmit:t.onSubmit}}function R(e){return e instanceof HTMLInputElement||e instanceof HTMLSelectElement||e instanceof HTMLTextAreaElement}function it(e){if(!e)return null;if(e instanceof Element)return R(e)?e:null;for(let t of Array.from(e))if(t instanceof Element&&R(t))return t;return null}function at(){return{valid:!0,message:``,destroyed:!1}}function ot(e){return e.closest(`[data-form-control]`)||e.parentElement}function st(e){return Array.from(e.selectedOptions).map(e=>e.value.trim())}function z(e){return e instanceof HTMLInputElement&&e.type===`file`}function B(e){return!!e.files&&e.files.length>0}var ct=class{constructor(e,t={},n=!1){this.options=rt(t),this.root=this.resolveRoot(e),this.runtime=at(),this.cleanup={events:N()},this.validateOptions(n),n&&this.bindEvents()}resolveRoot(e){let t=D(e);if(!(t instanceof HTMLFormElement))throw Error(`Validator.element expects a form element.`);return t}validateOptions(e){y(`bindEvents`,e,`boolean`,`Validator`)}bindEvents(){this.unbindEvents(),!(!this.root||!this.cleanup)&&(this.cleanup.events.on(`submit`,this.root,`submit`,e=>{e.preventDefault(),this.validate()}),this.cleanup.events.on(`reset`,this.root,`reset`,()=>{this.reset({native:!1})}))}unbindEvents(){this.cleanup?.events.clear()}validate(){if(!this.root||!this.options)return!1;this.runtime.valid=!0,this.runtime.message=``;for(let e of Array.from(this.root.elements))if(!(!R(e)||!e.name)&&this.options.rules[e.name]&&(this.runtime.valid=this.validateRule(e,e.name),!this.runtime.valid))break;return this.runtime.valid&&this.options.onSubmit&&this.options.onSubmit(this),this.runtime.valid}validateRule(e,t){if(!this.options)return!1;let n=this.options.rules[t];if(!n)return!0;if(this.hasNativeValidationRule(e))return this.runtime.valid;for(let r of Object.keys(n)){let i=n[r],a=``;switch(r){case`required`:this.runtime.valid=this.validateRequired(e,i);break;case`minLength`:this.runtime.valid=this.validateMinLength(e,i);break;case`maxLength`:this.runtime.valid=this.validateMaxLength(e,i);break;case`equalTo`:this.runtime.valid=this.validateEqualTo(e,i);break;case`email`:this.runtime.valid=this.validateEmail(e);break;case`checked`:this.runtime.valid=this.validateCheck(e,i);break;case`selected`:this.runtime.valid=this.validateSelected(e,i);break;case`multiple`:this.runtime.valid=this.validateMultiple(e,i);break;case`min`:this.runtime.valid=this.validateSelectMin(e,i);break;case`max`:this.runtime.valid=this.validateSelectMax(e,i);break;case`noSpace`:this.runtime.valid=this.validateNoSpace(e,i);break;case`noChinese`:this.runtime.valid=!/[\u4e00-\u9fa5]/.test(e.value);break;case`noSpecial`:this.runtime.valid=!/[@#$%^&*]+/g.test(e.value);break;case`pattern`:this.runtime.valid=this.validatePattern(e,i);break;case`file`:this.runtime.valid=this.validateFile(e,i);break;case`minSize`:this.runtime.valid=this.validateMinSize(e,i);break;case`maxSize`:this.runtime.valid=this.validateMaxSize(e,i);break;case`accept`:this.runtime.valid=this.validateAccept(e,i);break;case`validate`:{let t=this.validateCustom(e,i);this.runtime.valid=t===!0,a=typeof t==`string`?t:``;break}}if(!this.runtime.valid){this.showError(e,t,r,a);break}this.showSuccess(e)}return this.runtime.valid}hasNativeValidationRule(e){return e.hasAttribute(`required`)||e.hasAttribute(`minlength`)||e.hasAttribute(`maxlength`)||e.hasAttribute(`pattern`)||e.hasAttribute(`min`)||e.hasAttribute(`max`)||e.hasAttribute(`step`)}validateRequired(e,t){return t===!0?e instanceof HTMLSelectElement?st(e).some(e=>e.length>0):e.value.trim().length>=1:!0}validateMinLength(e,t){return typeof t!=`number`||e.value.length>=t}validateMaxLength(e,t){return typeof t!=`number`||e.value.length<=t}validateEmail(e){return/^([\w-.]+@([\w-]+\.)+[\w-]{2,4})?$/.test(e.value)}validateEqualTo(e,t){if(!this.root||typeof t!=`string`)return!0;let n=it(this.root.elements.namedItem(t));if(!n)throw Error(`Validator: target element "${t}" not found.`);return e.value===n.value}validateCheck(e,t){if(!(e instanceof HTMLInputElement)||e.type!==`checkbox`)throw Error(`Validator: element expects a checkbox input, but ${e.tagName.toLowerCase()} given.`);return e.checked===t}validateSelected(e,t){if(!(e instanceof HTMLSelectElement))throw Error(`Validator: element expects a select element, but ${e.tagName.toLowerCase()} given.`);return t!==!0||st(e).some(e=>e.length>0)}validateMultiple(e,t){if(!(e instanceof HTMLSelectElement))throw Error(`Validator: element expects a select element, but ${e.tagName.toLowerCase()} given.`);return t!==!0||e.selectedOptions.length>0}validateSelectMin(e,t){return!(e instanceof HTMLSelectElement)||typeof t!=`number`||e.selectedOptions.length>=t}validateSelectMax(e,t){return!(e instanceof HTMLSelectElement)||typeof t!=`number`||e.selectedOptions.length<=t}validateNoSpace(e,t){return!/\s/.test(e.value)||t!==!0}validatePattern(e,t){return typeof t==`string`||t instanceof RegExp?new RegExp(t).test(e.value):!0}validateFile(e,t){return!z(e)||t!==!0||B(e)}validateMinSize(e,t){return!z(e)||!B(e)||typeof t!=`number`||e.files[0].size>=t}validateMaxSize(e,t){return!z(e)||!B(e)||typeof t!=`number`||e.files[0].size<=t}validateAccept(e,t){if(!z(e)||!B(e)||typeof t!=`string`)return!0;let n=e.files[0];return t.split(`,`).map(e=>e.trim().toLowerCase()).some(e=>e.startsWith(`.`)?n.name.toLowerCase().endsWith(e):e.endsWith(`/*`)?n.type.startsWith(e.replace(`/*`,`/`)):n.type===e)}validateCustom(e,t){if(typeof t!=`function`)return!0;let n=t(e,this);return typeof n==`string`?n:!!n}showError(e,t,n,r=``){(!(e instanceof HTMLInputElement)||e.type!==`checkbox`)&&(e.classList.remove(`is-valid`),e.classList.add(`is-invalid`));let i=r||this.options?.messages[t]?.[n]||``;if(!i)return;this.runtime.message=i;let a=ot(e);if(!a)return;let o=M(`[data-validator-help]`,a).find(e=>e.dataset.validatorHelp===t)||null;o||(o=c(`div`,{className:`help-block is-invalid`,"data-validator-help":t}),a.appendChild(o)),o.textContent=i}showSuccess(e){let t=ot(e);if(t)for(let n of M(`[data-validator-help]`,t))n.dataset.validatorHelp===e.name&&n.remove();(!(e instanceof HTMLInputElement)||e.type!==`checkbox`)&&(e.classList.remove(`is-invalid`),e.classList.add(`is-valid`))}reset({native:e=!0}={}){if(this.root){e&&this.root.reset();for(let e of Array.from(this.root.elements))R(e)&&(e.classList.remove(`is-valid`),e.classList.remove(`is-invalid`));for(let e of M(`[data-validator-help]`,this.root))e.remove();this.runtime.valid=!0,this.runtime.message=``}}destroy(){this.runtime.destroyed||(this.runtime.destroyed=!0,this.unbindEvents(),this.reset({native:!1}),this.root=null,this.options=null,this.runtime.valid=!1,this.runtime.message=``,this.cleanup?.events.clear(),this.cleanup=null)}};function lt(e,t={},n=!1){return new ct(e,t,n)}const ut={form:`j-form`,vertical:`is-vertical`,horizontal:`is-horizontal`,itemVertical:`is-item-vertical`,itemHorizontal:`is-item-horizontal`,item:`form-item`,label:`item-label`,required:`is-required`,control:`form-control`,helpInvalid:`is-invalid`,buttons:`form-buttons`,button:`j-button`,input:`j-input`,textarea:`j-textarea`,select:`j-select`,radio:`j-radio`,checkbox:`j-checkbox`,choiceVertical:`is-vertical`,choiceHorizontal:`is-horizontal`,choiceGroup:`is-group`,radioLabel:`radio-label`,radioText:`radio-text`,switch:`j-switch`,switchDefault:`is-default`,switchSizeMd:`is-md`,switchSlider:`switch-slider`},dt=[{type:`submit`,text:`Submit`,theme:`primary`,action:`submit`},{type:`reset`,text:`Reset`,theme:`ghost`,action:`reset`}],ft={id:{default:null,types:[`string`,`null`],normalize:e=>typeof e==`string`?e.trim()?e.trim():x():e??x()},vertical:{default:!0,type:`boolean`},itemVertical:{default:!0,type:`boolean`},style:{default:``,types:[`string`,`object`,`null`]},fields:{default:[],type:`array`},buttons:{default:dt,types:[`boolean`,`array`],normalize:e=>e===!1?[]:e===!0?V(dt):Array.isArray(e)?V(e):e},className:{default:ut,type:`object`,normalize:e=>yt(e)},validator:{default:{},type:`object`},onSubmit:{default:null,types:[`function`,`null`]},onReset:{default:null,types:[`function`,`null`]}},pt={validate:e=>v(e),message:`expects a props object.`};function mt(e){return Array.isArray(e)?e.map(e=>e&&typeof e==`object`?{...e}:e):[]}function ht(e){return Array.isArray(e)?e.map(e=>({...e,options:mt(e.options)})):[]}function V(e){return Array.isArray(e)?e.map(e=>({...e})):[]}function gt(e){return e&&typeof e==`object`?e:{value:e,text:String(e)}}function H(e){return e==null?``:typeof e==`string`?e:typeof e==`number`||typeof e==`boolean`?String(e):e.name}function _t(e,t){return k(e)?T(e,t):null}function vt(e,t){return e.name?!!e.required||!!t?.[e.name]?.required:!!e.required}function U(...e){return e.filter(Boolean).join(` `)}function yt(e){return{...ut,...v(e)?e:{}}}function bt(e,t){if(e.removeAttribute(`style`),t){if(typeof t==`string`){e.style.cssText=t;return}if(v(t))for(let[n,r]of Object.entries(t)){if(r==null||typeof r!=`string`&&typeof r!=`number`)continue;let t=n.startsWith(`--`)?n:n.replace(/[A-Z]/g,e=>`-${e.toLowerCase()}`);e.style.setProperty(t,String(r))}}}function xt(e){let t=v(e)?e:{};return{...t,rules:v(t.rules)?t.rules:{},messages:v(t.messages)?t.messages:{}}}function St(e){let t=b(e,ft,`Form.props`);return{...t,id:String(t.id),vertical:!!t.vertical,itemVertical:!!t.itemVertical,style:t.style,fields:ht(t.fields),buttons:V(t.buttons),className:yt(t.className),validator:xt(t.validator),onSubmit:t.onSubmit,onReset:t.onReset}}var Ct=class extends F{constructor(e={},t=!1){let r=St(e);super(r),this.dom.container=t,this.dom.fields=new Map,this.validator=null,this.cleanup.view=null,this.cache={initial:this.cloneProps(r),fieldIds:new Map},this.state=n({...this.cloneProps(r),submitting:!1,data:null})}get root(){return this.dom?.root||null}set root(e){this.dom.root=e}onInit(){this.dom.container!==!1&&this.dom.container!=null&&typeof this.dom.container!=`string`&&this.mount(this.dom.container)}build(e=this.dom.container){if(this.runtime.destroyed)throw Error(`Form.build: instance destroyed`);return this.cleanup.view?this:(this.dom.container=e===!1?document.createDocumentFragment():O(e,`Form.container`),this.init(this.props),this)}mount(e=this.dom.container){return this.cleanup.view||!e||(this.cleanup.view=i(t=>(l(u(()=>this.view(),e)),t))),this}view(){let e=this.state.className;return c(`form`,{className:()=>U(this.state.className.form,this.state.vertical?e.vertical:e.horizontal,this.state.itemVertical?e.itemVertical:e.itemHorizontal),id:()=>this.state.id,style:()=>this.state.style,"data-form":`root`,"data-form-layout":()=>this.state.vertical?`vertical`:`horizontal`,"data-form-item-layout":()=>this.state.itemVertical?`vertical`:`horizontal`,ref:e=>{let t=this.root!==e;this.root=e,bt(e,this.state.style),(t||!this.validator)&&this.syncValidator()},onSubmit:e=>this.handleSubmit(e),onReset:e=>this.handleReset(e),children:()=>[...this.state.fields.map((e,t)=>this.fieldView(e,t)),this.buttonsView()]})}fieldView(e,t){let n=this.resolveFieldId(e,t),r=e.type===`hidden`,i=this.state.className;return c(`div`,{className:i.item,"data-form-item":e.name||String(t),style:{display:r?`none`:``},children:[this.labelView(e,n),c(`div`,{className:i.control,"data-form-control":e.name||String(t),children:[this.controlView(e,n,t),e.help?c(`div`,{className:`help-block`,"data-form-help":e.name||String(t),children:e.help}):null]})]})}labelView(e,t){if(e.label===!1||e.label===void 0)return null;let n=this.state.className;return c(`label`,{className:U(n.label,vt(e,this.state.validator?.rules)?n.required:``),"data-form-label":e.name||t,for:t,children:e.label})}controlView(e,t,n){switch(e.type){case`textarea`:return this.textareaView(e,t);case`select`:return this.selectView(e,t);case`radio`:return this.choiceGroupView(e,t,`radio`);case`checkbox`:return Array.isArray(e.options)?this.choiceGroupView(e,t,`checkbox`):this.inputView(e,t);case`switch`:return this.switchView(e,t);case`custom`:return _t(e.content,{form:this,field:e,index:n});default:return this.inputView(e,t)}}inputView(e,t){let n=e.type||`text`;return c(`input`,{...this.controlProps(e,t,{type:n,className:e.className||this.state.className.input,autocomplete:e.autocomplete||this.autoComplete(n),value:e.value??``}),checked:e.checked===void 0?void 0:!!e.checked})}textareaView(e,t){return c(`textarea`,this.controlProps(e,t,{className:e.className||this.state.className.textarea,autocomplete:e.autocomplete,value:e.value??``}))}selectView(e,t){let n=e.value;return c(`select`,this.controlProps(e,t,{className:e.className||this.state.className.select,autocomplete:e.autocomplete||`off`,multiple:!!e.multiple,children:(e.options||[]).map(e=>{let t=gt(e);return c(`option`,{value:t.value??``,disabled:!!t.disabled,selected:this.isSelected(n,t.value),children:t.text??t.label??t.value??``})})}))}choiceGroupView(e,t,n){let r=e.vertical?`vertical`:`horizontal`,i=this.state.className;return c(`div`,{className:U(n===`radio`?i.radio:i.checkbox,r===`vertical`?i.choiceVertical:i.choiceHorizontal,e.group?i.choiceGroup:``,e.size?`is-${e.size}`:``),"data-form-choice-group":e.name||t,"data-choice-type":n,"data-choice-layout":r,children:(e.options||[]).map((r,a)=>{let o=gt(r),s=`${t}_${a}`;return c(`label`,{className:n===`radio`?i.radioLabel:``,"data-form-choice":e.name||t,for:s,children:[c(`input`,{type:n,id:s,name:e.name,value:o.value??``,checked:n===`radio`?this.isSelected(e.value,o.value):this.isChecked(e.value,o.value,o.checked),disabled:!!o.disabled||!!e.disabled,required:!!e.required}),c(`span`,{className:n===`radio`?i.radioText:``,"data-form-choice-text":``,children:o.text??o.label??o.value??``})]})})})}switchView(e,t){let n=this.state.className;return c(`label`,{className:U(n.switch,e.variant?`is-${e.variant}`:n.switchDefault,e.size?`is-${e.size}`:n.switchSizeMd),"data-form-switch":e.name||t,for:t,children:[c(`input`,{type:`checkbox`,id:t,name:e.name,value:e.value??`on`,checked:!!e.checked,disabled:!!e.disabled,required:!!e.required}),c(`span`,{className:n.switchSlider,"data-form-switch-slider":``})]})}buttonsView(){if(!this.state.buttons.length)return null;let e=this.state.className;return c(`div`,{className:e.buttons,"data-form-buttons":``,children:this.state.buttons.map(t=>c(`button`,{type:t.type||`button`,className:U(e.button,t.theme?`is-${t.theme}`:``,t.className||``),"data-action":t.action||t.type||`button`,disabled:()=>!!this.state.submitting||!!t.disabled,children:t.text??t.label??``}))})}controlProps(e,t,n){return{...n,name:e.name,id:t,placeholder:e.placeholder||``,required:!!e.required,disabled:!!e.disabled,readonly:!!e.readonly,"data-form-field":e.name||t,ref:t=>{e.name&&this.dom.fields.set(e.name,t)}}}resolveFieldId(e,t){if(e.id)return e.id;let n=e.name||t;return this.cache.fieldIds.has(n)||this.cache.fieldIds.set(n,`${this.state.id}_field_${t}`),this.cache.fieldIds.get(n)||`${this.state.id}_field_${t}`}syncValidator(){if(!this.root)return;let e={...this.state.validator,onSubmit:null};if(this.validator?.root===this.root){this.validator.options=e;return}this.validator?.destroy(),this.validator=new ct(this.root,e,!1)}validate(){return!this.validator||this.validator.validate()}reset(){return this.validator?.reset(),a(()=>{this.state.data=null}),this}async handleSubmit(e){if(e.preventDefault(),this.state.submitting||!this.validate())return;let t=this.collectData();a(()=>{this.state.submitting=!0,this.state.data=t});try{await Promise.resolve(this.state.onSubmit?.(t,this))}finally{this.runtime.destroyed||a(()=>{this.state.submitting=!1})}}handleReset(e){this.resetValidationState(),a(()=>{this.state.data=null}),this.state.onReset?.(e,this)}resetValidationState(){if(this.root){for(let e of Array.from(this.root.elements))e.classList.remove(`is-valid`),e.classList.remove(`is-invalid`);for(let e of M(`[data-form-help], [data-validator-help]`,this.root))(e.dataset.validatorHelp||e.classList.contains(`is-invalid`))&&e.remove()}}collectData(){return this.root?this.collectFormData(this.root):{}}collectFormData(e){let t={},n=new FormData(e);for(let[e,r]of n.entries())h(t,e)?t[e]=Array.isArray(t[e])?[...t[e],r]:[t[e],r]:t[e]=r;return t}requestSubmit(){if(!this.root)return this;if(typeof this.root.requestSubmit==`function`)return this.root.requestSubmit(),this;let e=new Event(`submit`,{bubbles:!0,cancelable:!0});return this.root.dispatchEvent(e),this}update(e={},t={}){let n=e||{};y(`props`,n,pt,`Form.update`);let r=St(Object.assign({},this.props,n));return this.props=this.cloneProps(r),this.cache.fieldIds.clear(),super.update(r),a(()=>{let e=this.cloneProps(r);for(let t of Object.keys(e))this.state[t]=e[t]}),this}setFields(e){return y(`fields`,e,`array`,`Form.setFields`),this.update({fields:e})}resetFields(){return this.setFields(this.cache.initial.fields)}cloneProps(e){return{...e,fields:ht(e.fields),buttons:V(e.buttons),className:yt(e.className),validator:xt(e.validator)}}autoComplete(e){switch(e){case`password`:return`current-password`;case`email`:return`email`;default:return`on`}}isSelected(e,t){return Array.isArray(e)?e.map(e=>H(e)).includes(H(t)):e==t}isChecked(e,t,n){return n===void 0?Array.isArray(e)?e.map(e=>H(e)).includes(H(t)):typeof e!=`string`&&typeof e!=`boolean`&&!(e instanceof File)?!1:e===!0||H(e)===H(t):!!n}onDestroy(){let e=this.cleanup.view;typeof e==`function`&&e(),this.cleanup.view=null,this.validator?.destroy(),this.validator=null}};function wt(e={},t=!1){return new Ct(e,t)}const Tt={toc:`j-toc`,list:`toc-list`,link:`toc-link`,active:`is-active`,levelPrefix:`is-level-`},Et={container:{default:null},target:{default:`.j-content`},headings:{default:`h2, h3`,type:`string`},offset:{default:80,type:`number`,validate:e=>typeof e==`number`&&e>=0,message:`expects a positive number or 0.`},className:{default:Tt,type:`object`,normalize:e=>({...Tt,...e&&typeof e==`object`?e:{}})},onUpdate:{default:null,types:[`function`,`null`]}};function Dt(e){let t=b(e,Et,`Toc.props`);return{container:t.container,target:t.target,headings:t.headings,offset:t.offset,className:t.className,onUpdate:t.onUpdate}}function Ot(e){let t=/^H([1-6])$/.exec(e.tagName);return t?Number(t[1]):1}function kt(e,t){return e.id||(e.id=`toc-${x()}-${t}`),{id:e.id,text:e.textContent||``,level:Ot(e),element:e}}var At=class extends F{constructor(e={}){let t=Dt(e);super(t),this.dom.container=null,this.dom.target=null,this.dom.list=null,this.dom.headings=[],this.dom.links=[],this.runtime.built=!1,this.runtime.ticking=!1,this.state=n({items:[],current:{index:-1,item:null}})}build(){if(this.runtime.destroyed)throw Error(`Toc.build: instance destroyed`);if(this.runtime.built)return this;this.init(this.props),this.dom.container=O(this.props.container,`Toc.container`),this.dom.target=O(this.props.target,`Toc.target`);let e=document.createElement(`nav`);return e.className=this.props.className.toc,e.dataset.toc=`root`,this.root=e,this.dom.list=document.createElement(`div`),this.dom.list.className=this.props.className.list,this.dom.list.dataset.tocList=`root`,e.appendChild(this.dom.list),this.dom.container.innerHTML=``,this.dom.container.appendChild(e),this.runtime.built=!0,this.refresh(),this}bindEvents(){this.dom.list&&(this.cleanup.events.on(`scroll`,window,`scroll`,()=>this.onScroll(),{passive:!0}),this.cleanup.events.on(`click`,this.dom.list,`click`,e=>this.onClick(e)))}onScroll(){this.runtime.ticking||(requestAnimationFrame(()=>{this.updateActive(),this.runtime.ticking=!1}),this.runtime.ticking=!0)}onClick(e){if(!(e.target instanceof Element)||!this.dom.list)return;let t=e.target.closest(`[data-toc-index]`);if(!t||!this.dom.list.contains(t))return;let n=Number(t.dataset.tocIndex),r=this.state?.items[n];r&&(e.preventDefault(),this.scrollToItem(r,{activeIndex:n,updateHash:!0}))}scrollToItem(e,{activeIndex:t=-1,updateHash:n=!1}={}){let r=window.scrollY||window.pageYOffset||0,i=Math.max(0,e.element.getBoundingClientRect().top+r-this.props.offset);window.scrollTo({top:i,behavior:`smooth`}),t>=0&&this.setActive(t),n&&window.history?.pushState&&window.history.pushState(null,``,`#${e.id}`)}linkClassName(e,t=!1){let n=[this.props.className.link,`${this.props.className.levelPrefix}${e.level}`];return t&&n.push(this.props.className.active),n.filter(Boolean).join(` `)}buildLink(e,t){return c(`a`,{className:this.linkClassName(e),href:`#${e.id}`,"data-toc-index":String(t),"data-toc-target":e.id,children:e.text})}updateActive(){if(!this.runtime.built)return;let e=-1,t=this.props.offset+1;for(let n=this.dom.headings.length-1;n>=0;n--)if(this.dom.headings[n].getBoundingClientRect().top<=t){e=n;break}this.setActive(e)}setActive(e){if(!this.state||e===this.state.current.index)return;let t=this.state.items[e]||null;this.setState({current:{index:e,item:t}});let n=this.state.items;this.dom.links.forEach((t,r)=>{let i=r===e;t.dataset.active=i?`1`:`0`,t.className=this.linkClassName(n[r],i)}),typeof this.props.onUpdate==`function`&&this.props.onUpdate(t,e,this)}refresh(){if(this.runtime.destroyed||!this.runtime.built||!this.dom.target||!this.dom.list)return this;this.cleanup.events.clear(),this.dom.headings=M(this.props.headings,this.dom.target);let e=this.dom.headings.map(kt);this.dom.links=e.map((e,t)=>this.buildLink(e,t)),this.dom.list.innerHTML=``;for(let e of this.dom.links)this.dom.list.appendChild(e);return this.setState({items:e,current:{index:-1,item:null}}),this.bindEvents(),this.updateActive(),this}activate(e){return!this.runtime.built||!this.state||!Number.isInteger(e)||e<0||e>=this.dom.links.length||this.scrollToItem(this.state.items[e]),this}onDestroy(){this.cleanup.events.clear(),this.dom.container&&(this.dom.container.innerHTML=``),this.runtime.built=!1,this.runtime.ticking=!1,this.dom.container=null,this.dom.target=null,this.dom.list=null,this.dom.headings=[],this.dom.links=[]}};function jt(e={}){return new At(e)}const Mt={target:{default:null},parent:{default:null},max:{default:10,type:`number`,validate:e=>typeof e==`number`&&Number.isInteger(e)&&e>0,message:`expects a positive integer.`},top:{default:16,type:`number`,validate:e=>typeof e==`number`&&e>=0,message:`expects a positive number or 0.`},gap:{default:16,type:`number`,validate:e=>typeof e==`number`&&e>=0,message:`expects a positive number or 0.`},overflow:{default:`destroy`,type:`string`,enum:[`destroy`,`ignore`]},onUpdate:{default:null,types:[`function`,`null`]}};function Nt(e){let t=b(e,Mt,`Sticky.props`);return{target:t.target,parent:t.parent,max:t.max,top:t.top,gap:t.gap,overflow:t.overflow,onUpdate:t.onUpdate}}function Pt(e){let t=e.filter(e=>e instanceof HTMLElement);return Array.from(new Set(t))}function Ft(e){return e===!1||e==null?null:O(e,`Sticky.parent`,`element`)}function It(e,t){if(e===!1||e==null)return[];if(typeof e==`string`){if(!t)return Pt(O(e,`Sticky.target`,`array`));let n=Pt(M(e,t));if(n.length===0)throw Error(`Sticky.target: target not found.`);return n}let n=Pt(O(e,`Sticky.target`,`array`));if(!t)return n;let r=n.filter(e=>e===t||t.contains(e));if(r.length===0)throw Error(`Sticky.target: target not found in parent.`);return r}var Lt=class extends F{constructor(e={}){let t=Nt(e);super(t),this.dom.parent=null,this.dom.targets=[],this.runtime.active=!1,this.runtime.built=!1,this.runtime.ignored=!1,this.runtime.items=[],this.state=n({count:0,top:t.top,items:[]})}build(){if(this.runtime.destroyed)throw Error(`Sticky.build: instance destroyed`);return this.runtime.built||(this.init(this.props),this.dom.parent=Ft(this.props.parent),this.dom.targets=It(this.props.target,this.dom.parent),this.dom.targets=this.resolveOverflow(this.dom.targets),this.runtime.built=!0,this.dom.targets.length===0)?this:(this.runtime.active=!0,this.captureItems(),this.apply(),this)}captureItems(){this.runtime.items=this.dom.targets.map(e=>({element:e,top:this.props.top,originalPosition:e.style.position,originalTop:e.style.top,originalZIndex:e.style.zIndex}))}resolveOverflow(e){let{max:t,overflow:n}=this.props;return e.length<=t?e:(this.runtime.ignored=n===`ignore`,n===`ignore`?[]:e.slice(-t))}apply(e=this.props.top){let t=e,n=[];for(let e of this.runtime.items)e.top=t,e.element.style.position=`sticky`,e.element.style.top=`${t}px`,n.push({element:e.element,top:t}),t+=e.element.offsetHeight+this.props.gap;return this.setState({count:this.runtime.items.length,top:this.runtime.items[0]?.top??this.props.top,items:n}),typeof this.props.onUpdate==`function`&&this.props.onUpdate(this),t}restore(){for(let e of this.runtime.items)e.element.style.position=e.originalPosition,e.element.style.top=e.originalTop,e.element.style.zIndex=e.originalZIndex}refresh(){return this.runtime.destroyed||!this.runtime.built||!this.runtime.active||this.apply(),this}destroy(){this.runtime.destroyed||(this.restore(),super.destroy())}onDestroy(){this.runtime.active=!1,this.runtime.built=!1,this.runtime.items=[],this.dom.targets=[]}};function Rt(e={}){return new Lt(e)}const W={root:`j-flow`,header:`flow-header`,title:`flow-title`,description:`flow-description`,steps:`flow-steps`,step:`flow-step`,active:`is-active`,complete:`is-complete`,stepButton:`flow-step-button`,stepIndex:`flow-step-index`,stepTitle:`flow-step-title`,body:`flow-body`,footer:`flow-footer`,button:`j-button`,buttonGhost:`is-ghost`,buttonPrimary:`is-primary`,reset:`flow-reset`,back:`flow-back`,next:`flow-next`};function zt(e){return!!e&&typeof e==`object`&&typeof e.id==`string`}function Bt(e){return e==null||e===!1||typeof e==`function`}function G(e){return v(e)?{...e}:{}}function Vt(e){return Array.isArray(e)?[...e]:[]}function Ht(e){return Array.isArray(e)?e.map(e=>{let t=e;return{...t,data:G(t.data),modal:typeof t.modal==`function`||t.modal==null?t.modal:G(t.modal),view:G(t.view)}}):[]}function Ut(e,t){return typeof e==`string`?{id:e}:v(e)&&typeof e.id==`string`?{id:e.id,data:v(e.data)||e.data==null?e.data:void 0}:{id:t}}function Wt(e){if(typeof e==`string`){let t=e.trim();return{...W,root:t?`${W.root} ${t}`:W.root}}return{...W,...v(e)?e:{}}}function K(...e){return e.filter(Boolean).join(` `)}const Gt={validate:zt,message:`expects a step object with a string id.`},Kt={validate:k,message:`expects string, Node, array, function or null.`},qt={validate:e=>Array.isArray(e)&&e.length>0,message:`expects a non-empty steps array.`},q={validate:e=>e==null||v(e),message:`expects an object or null.`},J={validate:Bt,message:`expects function, false or null.`},Jt={default:{},validate:v,message:`expects an object with text fields.`,normalize:e=>{let t=v(e)?e:{};return{...Object.fromEntries(Object.entries(t).filter(([,e])=>typeof e==`string`)),back:typeof t.back==`string`?t.back:`Back`,next:typeof t.next==`string`?t.next:`Next`,finish:typeof t.finish==`string`?t.finish:`Finish`,reset:typeof t.reset==`string`?t.reset:`Reset`}}},Yt={id:{default:null,types:[`string`,`null`],normalize:e=>typeof e==`string`?e.trim()||x():e??x()},steps:{default:[],...qt},initial:{default:null,types:[`string`,`number`,`null`]},cache:{default:!0,type:`boolean`},linear:{default:!0,type:`boolean`},render:{default:!0,type:`boolean`},rollbackOnError:{default:!0,type:`boolean`},busyStrategy:{default:`ignore`,type:`string`,enum:[`ignore`,`throw`]},showHeader:{default:!0,type:`boolean`},showFooter:{default:!0,type:`boolean`},showSteps:{default:!0,type:`boolean`},showBack:{default:!0,type:`boolean`},showNext:{default:!0,type:`boolean`},showReset:{default:!1,type:`boolean`},text:Jt,className:{default:W,types:[`object`,`string`],normalize:Wt},renderHeader:{default:null,...J},renderSteps:{default:null,...J},renderBody:{default:null,...J},renderFooter:{default:null,...J},onChange:{default:null,types:[`function`,`null`]},onNext:{default:null,types:[`function`,`null`]},onBack:{default:null,types:[`function`,`null`]},onFinish:{default:null,types:[`function`,`null`]},onError:{default:null,types:[`function`,`null`]},onBusy:{default:null,types:[`function`,`null`]}};function Xt(e){let t=b(e,Yt,`Flow.options`);return{id:t.id,steps:Ht(t.steps),initial:t.initial,cache:t.cache,linear:t.linear,render:t.render,rollbackOnError:t.rollbackOnError,busyStrategy:t.busyStrategy,showHeader:t.showHeader,showFooter:t.showFooter,showSteps:t.showSteps,showBack:t.showBack,showNext:t.showNext,showReset:t.showReset,text:t.text,className:t.className,renderHeader:t.renderHeader,renderSteps:t.renderSteps,renderBody:t.renderBody,renderFooter:t.renderFooter,onChange:t.onChange,onNext:t.onNext,onBack:t.onBack,onFinish:t.onFinish,onError:t.onError,onBusy:t.onBusy}}var Zt=class{constructor(e={}){this.options=Xt(e),this.steps=this.options.steps,this.validateSteps(this.steps),this.stepMap=new Map(this.steps.map((e,t)=>[e.id,t])),this.initialStepId=this.resolveInitialStepId(this.options.initial),this.initialData=this.createInitialStepData(),this.subscribers=new Set,this.renderDispose=null,this.cleanupTasks=new Set,this.nodes={},this.destroyed=!1,this.activeAction=null,this.actionController=null,this.root=null,this.state=n({id:this.options.id,currentId:this.initialStepId,currentIndex:this.stepMap.get(this.initialStepId)??0,previousId:null,previousIndex:null,direction:null,history:[this.initialStepId],data:G(this.initialData.global),stepData:G(this.initialData.stepData),loading:!1,error:null,busyAction:null,version:0})}get currentStep(){return this.steps[this.state.currentIndex]}get currentData(){return this.getStepData(this.state.currentId)}get canBack(){return this.state.currentIndex>0&&!this.state.loading}get canNext(){return this.state.currentIndex<this.steps.length-1&&!this.state.loading}get isLast(){return this.state.currentIndex===this.steps.length-1}subscribe(e){if(this.assertActive(`subscribe`),typeof e!=`function`)throw Error(`Flow.subscribe: handler expects a function.`);return this.subscribers.add(e),e(this.snapshot(),this,null),()=>this.subscribers.delete(e)}snapshot(){let e=this.currentStep;return{id:this.state.id,currentId:this.state.currentId,currentIndex:this.state.currentIndex,previousId:this.state.previousId,previousIndex:this.state.previousIndex,direction:this.state.direction,history:[...this.state.history],data:G(this.state.data),stepData:G(this.state.stepData),currentData:this.currentData,currentStep:this.publicStep(e),canBack:this.canBack,canNext:this.canNext,isLast:this.isLast,loading:this.state.loading,busyAction:this.state.busyAction,error:this.state.error}}mount(e){if(this.assertActive(`mount`),!this.options.render)return this;let t=O(e,`Flow.mount.container`,`element`);return this.unmount(),this.root=this.buildRoot(),t.appendChild(this.root),this.mountView(),this}unmount(){return this.renderDispose?.(),this.renderDispose=null,this.root?.parentNode&&this.root.parentNode.removeChild(this.root),this.root=null,this.nodes={},this}async next(e=null){return this.assertActive(`next`),y(`payload`,e,q,`Flow.next`),this.handleBusy(`next`)||this.runAction(`next`,async()=>{if(this.isLast)return this.finish(e,{internal:!0});let t=this.currentStep,n=this.steps[this.state.currentIndex+1]?.id,{id:r,data:i}=Ut(await this.runMoveHook(`next`,t,e,n),n);return this.goTo(r,i??e,{direction:`next`,internal:!0})})}async back(e=null){return this.assertActive(`back`),y(`payload`,e,q,`Flow.back`),this.handleBusy(`back`)||(this.canBack?this.runAction(`back`,async()=>{let t=this.currentStep,n=this.steps[this.state.currentIndex-1]?.id,{id:r,data:i}=Ut(await this.runMoveHook(`back`,t,e,n),n);return this.goTo(r,i??e,{direction:`back`,internal:!0})}):this.snapshot())}async goTo(e,t=null,n={}){return this.assertActive(`goTo`),y(`payload`,t,q,`Flow.goTo`),(n.internal?null:this.handleBusy(`goTo`))||this.runAction(`goTo`,async()=>{let r=this.resolveStepIndex(e),i=this.steps[r],a=this.currentStep;return!i||i.id===this.state.currentId?(t&&this.setStepData(this.state.currentId,t),this.snapshot()):(await this.transitionTo(i,{direction:n.direction||`go`,payload:t,fromStep:a}),this.snapshot())},{internal:n.internal})}setData(e){return this.assertActive(`setData`),y(`data`,e,q,`Flow.setData`),e?(a(()=>{Object.assign(this.state.data,e),this.state.version+=1}),this.emitChange(),this):this}setStepData(e,t,n={}){return this.assertActive(`setStepData`),y(`stepId`,e,{type:`string`},`Flow.setStepData`),y(`data`,t,q,`Flow.setStepData`),!t||!this.stepMap.has(e)?this:(a(()=>{this.state.stepData[e]={...G(this.state.stepData[e]),...t},this.options.cache&&Object.assign(this.state.data,t),this.state.version+=1}),n.silent||this.emitChange(),this)}getStepData(e){return G(this.state.stepData[e])}reset(){return this.assertActive(`reset`),a(()=>{this.state.currentId=this.initialStepId,this.state.currentIndex=this.stepMap.get(this.initialStepId)??0,this.state.previousId=null,this.state.previousIndex=null,this.state.direction=null,this.state.history.splice(0,this.state.history.length,this.initialStepId),this.replaceObject(this.state.data,G(this.initialData.global)),this.replaceObject(this.state.stepData,G(this.initialData.stepData)),this.state.loading=!1,this.state.busyAction=null,this.state.error=null,this.state.version+=1}),this.emitChange(),this}async finish(e=null,t={}){return this.assertActive(`finish`),y(`payload`,e,q,`Flow.finish`),(t.internal?null:this.handleBusy(`finish`))||this.runAction(`finish`,async()=>(e&&this.setStepData(this.state.currentId,e),await this.callHook(this.options.onFinish,[this.snapshot(),this]),this.snapshot()),{internal:t.internal})}destroy(){if(!this.destroyed){this.destroyed=!0,this.abortActiveAction(),this.unmount();for(let e of Array.from(this.cleanupTasks))e();this.cleanupTasks.clear(),this.subscribers.clear(),this.steps=[],this.stepMap.clear(),this.activeAction=null,this.actionController=null}}resolveInitialStepId(e){if(typeof e==`number`){let t=this.steps[e];if(!t)throw Error(`Flow.options.initial index is out of range.`);return t.id}if(typeof e==`string`){if(!this.stepMap.has(e))throw Error(`Flow.options.initial step "${e}" does not exist.`);return e}return this.steps[0].id}validateSteps(e){let t=new Set;for(let[n,r]of e.entries()){if(y(String(n),r,Gt,`Flow.options.steps`),y(`content`,r.content??null,Kt,`Flow.options.steps.${n}`),t.has(r.id))throw Error(`Flow.options.steps: duplicated step id "${r.id}".`);t.add(r.id)}}resolveStepIndex(e){if(typeof e==`number`){if(!this.steps[e])throw Error(`Flow.goTo target is out of range.`);return e}if(typeof e==`string`){let t=this.stepMap.get(e);if(t==null)throw Error(`Flow.goTo target "${e}" does not exist.`);return t}throw Error(`Flow.goTo target expects string or number.`)}createInitialStepData(){let e={},t={};for(let n of this.steps)e[n.id]=G(n.data),Object.assign(t,e[n.id]);return{stepData:e,global:t}}async runMoveHook(e,t,n,r){let i=e===`back`?this.options.onBack:this.options.onNext,a=e===`back`?t.onBack:t.onNext,o=this.createContext({payload:n,targetId:r});if(typeof a==`function`){let e=await this.callHook(a,[o]);if(e!=null)return e}if(typeof i==`function`){let e=await this.callHook(i,[o]);if(e!=null)return e}return r}async transitionTo(e,{direction:t,payload:n,fromStep:r}){let i=this.snapshot(),o=this.captureState();try{n&&this.setStepData(r.id,n,{silent:!0}),await this.assertCanLeave(r,e,t),await this.assertCanEnter(e,r,t),typeof r.onLeave==`function`&&await this.callHook(r.onLeave,[this.createContext({direction:t,step:r,targetId:e.id})]);let o=this.state.currentId,s=this.state.currentIndex,c=this.stepMap.get(e.id)??0;a(()=>{this.state.previousId=o,this.state.previousIndex=s,this.state.currentId=e.id,this.state.currentIndex=c,this.state.direction=t,t===`back`?this.state.history.pop():this.state.history.push(e.id),this.state.error=null,this.state.version+=1}),typeof e.onEnter==`function`&&await this.callHook(e.onEnter,[this.createContext({direction:t,fromId:o,step:e})]),this.emitChange(i)}catch(e){throw this.destroyed?e:(this.options.rollbackOnError&&this.restoreState(o,{keepLoading:!0}),this.handleError(e,i),e)}}async assertCanLeave(e,t,n){if(typeof e.canLeave==`function`&&await this.callHook(e.canLeave,[this.createContext({direction:n,targetId:t.id})])===!1)throw Error(`Flow: step "${e.id}" blocked leaving.`)}async assertCanEnter(e,t,n){if(typeof e.canEnter==`function`&&await this.callHook(e.canEnter,[this.createContext({direction:n,fromId:t.id})])===!1)throw Error(`Flow: step "${e.id}" blocked entering.`)}createContext(e={}){let t=e.step||this.currentStep,n=this.snapshot();return{...e,flow:this,step:t,state:this.state,signal:this.actionController?.signal||null,snapshot:n,data:G(this.state.data),currentData:this.getStepData(t.id),setData:e=>this.setData(e),setStepData:(e,t)=>this.setStepData(e,t),getStepData:e=>this.getStepData(e),next:e=>this.next(e),back:e=>this.back(e),goTo:(e,t,n)=>this.goTo(e,t,n),addCleanup:e=>this.addCleanup(e)}}async runAction(e,t,n={}){let r=!n.internal&&!this.state.loading;r&&(this.actionController=typeof AbortController<`u`?new AbortController:null,this.activeAction=e,this.setLoading(!0,e));try{return await t()}catch(e){if(this.destroyed)return null;throw this.state.error!==e&&this.handleError(e),e}finally{r&&!this.destroyed&&(this.setLoading(!1,null),this.activeAction=null,this.actionController=null)}}handleBusy(e){if(!this.state.loading)return null;let t=Error(`Flow: action "${e}" ignored while loading.`);if(t.code=`FLOW_BUSY`,typeof this.options.onBusy==`function`&&this.options.onBusy(e,this.snapshot(),this),this.options.busyStrategy===`throw`)throw t;return this.snapshot()}abortActiveAction(){this.actionController?.abort(),this.actionController=null,this.activeAction=null}async callHook(e,t){if(typeof e!=`function`)return;let n=await e(...t);if(this.destroyed)throw this.createAbortError();return n}createAbortError(){let e=Error(`Flow: active action was aborted.`);return e.code=`FLOW_ABORTED`,e}setLoading(e,t=this.state.busyAction){a(()=>{this.state.loading=e,this.state.busyAction=e?t:null})}handleError(e,t=null){a(()=>{this.state.error=e,this.state.version+=1}),typeof this.options.onError==`function`&&this.options.onError(e,this.snapshot(),this,t)}emitChange(e=null){let t=this.snapshot();for(let n of Array.from(this.subscribers))n(t,this,e);typeof this.options.onChange==`function`&&this.options.onChange(t,this,e)}replaceObject(e,t){for(let t of Object.keys(e))delete e[t];Object.assign(e,t)}captureState(){return{currentId:this.state.currentId,currentIndex:this.state.currentIndex,previousId:this.state.previousId,previousIndex:this.state.previousIndex,direction:this.state.direction,history:Vt(this.state.history),data:G(this.state.data),stepData:G(this.state.stepData),loading:this.state.loading,busyAction:this.state.busyAction,error:this.state.error,version:this.state.version}}restoreState(e,t={}){a(()=>{this.state.currentId=e.currentId,this.state.currentIndex=e.currentIndex,this.state.previousId=e.previousId,this.state.previousIndex=e.previousIndex,this.state.direction=e.direction,this.state.history.splice(0,this.state.history.length,...e.history),this.replaceObject(this.state.data,e.data),this.replaceObject(this.state.stepData,e.stepData),this.state.loading=t.keepLoading?!0:e.loading,this.state.busyAction=e.busyAction,this.state.error=e.error,this.state.version=e.version+1})}addCleanup(e){if(typeof e!=`function`)throw Error(`Flow.addCleanup: cleanup expects a function.`);return this.destroyed?(e(),()=>{}):(this.cleanupTasks.add(e),()=>this.cleanupTasks.delete(e))}assertActive(e){if(this.destroyed)throw Error(`Flow.${e}: instance has been destroyed.`)}publicStep(e){if(!e)return null;let{onEnter:t,onLeave:n,onNext:r,onBack:i,canEnter:a,canLeave:o,...s}=e;return s}buildRoot(){return c(`div`,{className:this.options.className.root,id:this.options.id,role:`group`,"data-flow":`root`,"aria-busy":()=>this.state.loading?`true`:`false`,"aria-labelledby":`${this.options.id}-title`,ref:e=>{this.nodes.root=e}})}mountView(){this.renderDispose||!this.root||(this.renderDispose=i(e=>(l(u(()=>this.view(),this.root)),e)))}view(){let e=this.snapshot();return[this.renderSlot(`renderHeader`,e,()=>this.options.showHeader?this.headerView(e):null),this.renderSlot(`renderSteps`,e,()=>this.options.showSteps?this.stepsView(e):null),this.renderSlot(`renderBody`,e,()=>this.bodyView(e)),this.renderSlot(`renderFooter`,e,()=>this.options.showFooter?this.footerView(e):null)]}renderSlot(e,t,n){let r=this.options[e];return r===!1?null:typeof r==`function`?r(this.createRenderContext(t,n)):n()}createRenderContext(e,t){return{flow:this,snapshot:e,state:this.state,steps:this.steps.map(e=>this.publicStep(e)),currentStep:e.currentStep,currentData:e.currentData,data:e.data,fallback:t,next:e=>this.next(e),back:e=>this.back(e),goTo:(e,t,n)=>this.goTo(e,t,n),reset:()=>this.reset()}}headerView(e){return c(`div`,{className:this.options.className.header,"data-flow-header":``,children:[c(`div`,{id:`${this.options.id}-title`,className:this.options.className.title,"data-flow-title":``,children:e.currentStep?.title||e.currentStep?.id||``}),e.currentStep?.description?c(`div`,{className:this.options.className.description,"data-flow-description":``,children:e.currentStep.description}):null]})}stepsView(e){return c(`ol`,{className:this.options.className.steps,"data-flow-steps":``,role:`list`,"aria-label":`Flow steps`,children:this.steps.map((t,n)=>c(`li`,{className:this.stepClass(n,e.currentIndex),"data-flow-step":t.id,"data-flow-step-index":String(n),"aria-current":n===e.currentIndex?`step`:void 0,children:[c(`button`,{type:`button`,className:this.options.className.stepButton,disabled:this.options.linear&&n>e.currentIndex,"aria-current":n===e.currentIndex?`step`:void 0,"aria-disabled":this.options.linear&&n>e.currentIndex?`true`:`false`,"aria-label":`${n+1}. ${t.title||t.id}`,"data-flow-step-action":`goTo`,onClick:()=>{n!==e.currentIndex&&this.goTo(n)},children:[c(`span`,{className:this.options.className.stepIndex,"data-flow-step-number":``,children:n+1}),c(`span`,{className:this.options.className.stepTitle,"data-flow-step-title":``,children:t.title||t.id})]})]}))})}bodyView(e){return c(`div`,{className:this.options.className.body,"data-flow-body":``,role:`region`,"aria-live":`polite`,"aria-busy":e.loading?`true`:`false`,children:this.contentView(this.currentStep.content)})}footerView(e){let t=K(this.options.className.button,this.options.className.buttonGhost),n=K(this.options.className.button,this.options.className.buttonPrimary);return c(`div`,{className:this.options.className.footer,"data-flow-footer":``,children:[this.options.showReset?c(`button`,{type:`button`,className:K(t,this.options.className.reset),"data-action":`reset`,onClick:()=>this.reset(),disabled:e.loading,"aria-disabled":e.loading?`true`:`false`,children:this.options.text.reset}):null,this.options.showBack?c(`button`,{type:`button`,className:K(t,this.options.className.back),"data-action":`back`,onClick:()=>void this.back(),disabled:!e.canBack,"aria-disabled":e.canBack?`false`:`true`,children:this.options.text.back}):null,this.options.showNext?c(`button`,{type:`button`,className:K(n,this.options.className.next),"data-action":`next`,onClick:()=>void this.next(),disabled:e.loading,"aria-disabled":e.loading?`true`:`false`,children:e.isLast?this.options.text.finish:this.options.text.next}):null]})}contentView(e){return typeof e==`function`?e(this.createContext()):e??``}stepClass(e,t=this.state.currentIndex){return K(this.options.className.step,e===t&&this.options.className.active,e<t&&this.options.className.complete)}};function Qt(e={}){return new Zt(e)}const $t={color:`var(--tone-solid)`,size:`12px`},en={ball:`parabola-ball`},tn={validate:e=>e==null||typeof e==`string`||Array.isArray(e)||C(e),message:`expects Element, Node, selector or JSX node.`},nn={ball:{default:$t,type:`object`,normalize:e=>({...$t,...e&&typeof e==`object`?e:{}}),validate:e=>!!e&&typeof e==`object`&&typeof e.color==`string`&&typeof e.size==`string`,message:`expects an object with two string properties: "color" and "size".`},className:{default:en,type:`object`,normalize:e=>({...en,...e&&typeof e==`object`?e:{}})},from:{default:null,...tn},to:{default:null,...tn},direction:{default:`center`,type:`string`,enum:[`center`,`top-right`,`top-left`,`bottom-right`,`bottom-left`]},showDelay:{default:0,type:`number`},hideDelay:{default:0,type:`number`},onShow:{default:null,types:[`function`,`null`]},onHidden:{default:null,types:[`function`,`null`]}};function rn(e){let t=b(e,nn,`Parabola.options`);return{ball:t.ball,className:t.className,from:t.from,to:t.to,direction:t.direction,showDelay:t.showDelay,hideDelay:t.hideDelay,onShow:t.onShow,onHidden:t.onHidden}}var an=class{constructor(e={}){this.options=rn(e),this.hidden=!1,this._ball=null,this._animationId=null,this._fromEl=D(this.options.from),this._toEl=D(this.options.to),this.showTimerId=null,this.createBall()}createBall(){if(this.hidden||this._ball)return;let{color:e,size:t}=this.options.ball;this._ball=c(`div`,{className:this.options.className.ball,"data-parabola":`ball`,style:{backgroundColor:e,width:t,height:t,position:`fixed`,borderRadius:`50%`,transform:`translate(-50%, -50%)`,pointerEvents:`none`,zIndex:`9999`,opacity:`1`}}),document.body.appendChild(this._ball)}calculatePath(){let e=this._fromEl?.getBoundingClientRect(),t=this._toEl?.getBoundingClientRect();if(!e||!t)return null;let{left:n,top:r,width:i,height:a}=e,{left:o,top:s,width:c,height:l}=t,u,d;switch(this.options.direction){case`top-left`:u=n+i*.2,d=r+a*.2;break;case`top-right`:u=n+i*.8,d=r+a*.2;break;case`bottom-left`:u=n+i*.2,d=r+a*.8;break;case`bottom-right`:u=n+i*.8,d=r+a*.8;break;default:u=n+i/2,d=r+a/2}let f=o+c/2,p=s+l/2;return{startX:u,startY:d,endX:f,endY:p}}easeOutCubic(e){return 1-(1-e)**3}animate(e,t,n,r,i=800){if(this.hidden||!this._ball)return;let a=performance.now(),o=n-e,s=r-t,c=n=>{if(this.hidden||!this._ball)return;let r=n-a,l=Math.min(r/i,1),u=this.easeOutCubic(l),d=e+o*u,f=t+-100*Math.sin(Math.PI*u)+s*u,p=1-l;this._ball.style.left=`${d}px`,this._ball.style.top=`${f}px`,this._ball.style.opacity=`${p}`,this._ball.style.transform=`translate(-50%, -50%) scale(${1-u*.3})`,l<1?this._animationId=requestAnimationFrame(c):this.destroy()};this._animationId=requestAnimationFrame(c)}show(){return this.hidden?Promise.resolve(!1):new Promise(e=>{this.showTimerId=setTimeout(()=>{if(this.showTimerId=null,this.hidden||!this._ball){e(!1);return}let t=this.calculatePath();if(!t){this.destroy(),e(!1);return}this._ball.style.left=`${t.startX}px`,this._ball.style.top=`${t.startY}px`,this.options.onShow?.(this),this.animate(t.startX,t.startY,t.endX,t.endY),e(!0)},this.options.showDelay)})}destroy(){this.hidden||(this._ball?.remove(),this.showTimerId&&(clearTimeout(this.showTimerId),this.showTimerId=null),this._animationId&&cancelAnimationFrame(this._animationId),this._ball=null,this._fromEl=null,this._toEl=null,this._animationId=null,this.hidden=!0,this.options.onHidden?.(this))}start(){return this.show()}};function on(e={}){return new an(e)}const sn={root:`j-tabs`,top:`is-top`,bottom:`is-bottom`,left:`is-left`,right:`is-right`,wrap:`tab-wrap`,list:`tab-list`,tab:`tab-item`,panelWrap:`tab-panel`,panel:`panel-item`,disabled:`is-disabled`,dragging:`dragging`},cn={id:{default:null,types:[`string`,`null`],normalize:e=>typeof e==`string`?e.trim()||x():e??x()},direction:{default:`top`,type:`string`,enum:[`top`,`bottom`,`left`,`right`]},active:{default:0,types:[`number`,`string`]},disabled:{default:[],types:[`number`,`string`,`array`]},onChange:{default:null,types:[`function`,`null`]},tabs:{default:[],type:`array`},className:{default:sn,type:`object`,normalize:e=>({...sn,...e&&typeof e==`object`?e:{}})},onAdd:{default:null,types:[`function`,`null`]},onRemove:{default:null,types:[`function`,`null`]}},ln={type:`object`,validate:e=>{let t=e;return!!t&&typeof t==`object`&&k(t.title)&&k(t.panel)},message:`expects an object with renderable title and panel: string, Node, array, function or null.`};function un(e){return Array.isArray(e)?e.map(e=>({...e})):[]}function dn(e){return typeof e==`number`&&e>0?e:0}function fn(e){let t=b(e,cn,`Tabs`);return{id:t.id,direction:t.direction,active:t.active,disabled:t.disabled,onChange:t.onChange,tabs:un(t.tabs),className:t.className,onAdd:t.onAdd,onRemove:t.onRemove}}function pn(...e){return e.filter(Boolean).join(` `)}var mn=class extends F{constructor(e,t={}){let r=O(e,`Tabs`),i=fn(t);super(i),this.dom.container=r,this.dom.tabs=[],this.dom.panels=[],this.bindingsDispose=null,this.isDragging=!1,this.raf=0,this.resizeRaf=0,this.velocity=0,this.state=n({current:{index:-1,name:null},disabled:this.parseDisabled(i.disabled),isVertical:i.direction===`left`||i.direction===`right`,draggable:!1,loading:!1}),this.runtime.cache={panels:new Map},this.runtime.panelLoadId=0;try{this.onInit(i)}catch(e){throw this.destroy(),e}}onInit(e){this.root=this.buildRoot(e),this.rebuildItems(),this.activateInternal(e.active,!1),this.bindEvents(),this.initDrag()}buildRoot(e){let{id:t,direction:n,className:r}=e,i=c(`nav`,{className:r.list,"data-tabs-list":``}),a=c(`div`,{className:r.wrap,"data-tabs-wrap":``,children:i}),o=c(`div`,{className:r.panelWrap,"data-tabs-panel-wrap":``});return c(`div`,{className:pn(r.root,r[n]),id:t,"data-tabs":`root`,"data-tabs-direction":n,children:[a,o]})}rebuildItems(){if(!this.root)return;let t=j(`[data-tabs-list]`,this.root),n=j(`[data-tabs-panel-wrap]`,this.root);if(!t||!n)return;t.textContent=``,n.textContent=``,this.dom.tabs=[],this.dom.panels=[];let r=document.createDocumentFragment(),a=document.createDocumentFragment();this.props.tabs.forEach((e,t)=>{let n=e.name||x(),i=c(`div`,{className:this.props.className.tab,"data-tabs-tab":n,role:`tab`,children:T(e.title,{tabs:this,item:e})});this.dom.tabs.push(i);let o=c(`div`,{className:this.props.className.panel,"data-tabs-panel":n,role:`tabpanel`});this.dom.panels.push(o),typeof e.panel!=`function`&&o.append(...T(e.panel,{tabs:this,item:e,index:t,name:n})),r.append(i),a.append(o)}),t.append(r),n.append(a),this.bindingsDispose?.(),this.bindingsDispose=i(t=>(this.dom.tabs.forEach((t,n)=>{let r=t.dataset.tabsTab||``;e(t,`aria-selected`,()=>this.state.current.index===n?`true`:`false`),e(t,`aria-disabled`,()=>this.state.disabled.names.includes(r)?`true`:`false`)}),this.dom.panels.forEach((t,n)=>{e(t,`aria-hidden`,()=>this.state.current.index===n?`false`:`true`)}),t))}parseDisabled(e){if(e==null)return{names:[],indexes:[]};let t=e=>typeof e==`number`?this.props.tabs[e]?.name||null:typeof e==`string`?e:null,n=Array.isArray(e)?e.map(t).filter(e=>!!e):(()=>{let n=t(e);return n?[n]:[]})();return this.createDisabledState(n)}createDisabledState(e){let t=Array.from(new Set(e));return{names:t,indexes:t.map(e=>this.props.tabs.findIndex(t=>t.name===e)).filter(e=>e>=0)}}syncCurrent(e){this.state.current={index:e,name:e>=0&&e<this.dom.tabs.length&&this.dom.tabs[e]?.dataset.tabsTab||null}}getPanelKey(e,t){return e.name||this.dom.tabs[t]?.dataset.tabsTab||String(t)}getCachedPanel(e,t){if(!e.cache)return null;let n=this.getPanelKey(e,t),r=this.runtime.cache.panels.get(n);if(!r)return null;let i=dn(e.ttl);return i&&Date.now()-r.updatedAt>i?(this.runtime.cache.panels.delete(n),null):r}setCachedPanel(e,t,n){e.cache&&this.runtime.cache.panels.set(this.getPanelKey(e,t),{content:n,updatedAt:Date.now()})}renderPanelContent(e,t){let n=this.dom.panels[e],r=this.props.tabs[e];!n||!r||(n.textContent=``,n.append(...T(t,{tabs:this,item:r,index:e,name:this.dom.tabs[e]?.dataset.tabsTab||r.name||e})))}async loadPanel(e){let t=this.props.tabs[e],n=this.dom.panels[e];if(!t||!n||typeof t.panel!=`function`){this.runtime.panelLoadId+=1,a(()=>{this.state.loading=!1});return}let r=this.getCachedPanel(t,e);if(r){this.runtime.panelLoadId+=1,a(()=>{this.state.loading=!1}),this.renderPanelContent(e,r.content);return}let i=++this.runtime.panelLoadId;a(()=>{this.state.loading=!0}),n.setAttribute(`aria-live`,`polite`),n.setAttribute(`aria-busy`,`true`),n.textContent=``,n.appendChild(A());try{let n=await Promise.resolve(t.panel({tabs:this,item:t,index:e,name:this.dom.tabs[e]?.dataset.tabsTab||t.name||e}));if(this.runtime.destroyed||i!==this.runtime.panelLoadId)return;this.setCachedPanel(t,e,n),this.renderPanelContent(e,n)}finally{!this.runtime.destroyed&&i===this.runtime.panelLoadId&&(a(()=>{this.state.loading=!1}),n.setAttribute(`aria-busy`,`false`))}}get activeIndex(){return this.state.current.index}get disabledNames(){return this.state.disabled.names}bindEvents(){if(this.unbindEvents(),!this.root)return;let e=j(`[data-tabs-list]`,this.root);e&&this.cleanup.events.on(`tabClick`,e,`click`,t=>{if(!(t.target instanceof Element))return;let n=t.target.closest(`[data-tabs-tab]`);if(!n||!e.contains(n))return;let r=n.dataset.tabsTab;r&&!this.state.disabled.names.includes(r)&&this.activate(r)})}unbindEvents(){this.cleanup.events.clear()}assertActive(e){if(this.runtime.destroyed)throw Error(`Tabs.${e}: instance has been destroyed.`)}getIndex(e){return typeof e==`number`?e:typeof e==`string`?this.dom.tabs.findIndex(t=>t.dataset.tabsTab===e):-1}async activateInternal(e,t=!0){let n=this.getIndex(e),r=this.dom.tabs[n]?.dataset.tabsTab||``;if(!(n<0||n>=this.dom.tabs.length||this.state.disabled.names.includes(r)||this.state.current.index===n)&&(a(()=>{this.syncCurrent(n)}),await this.loadPanel(n),t&&this.props.onChange)){let e=this.dom.tabs[n],t=this.dom.panels[n];await Promise.resolve(this.props.onChange(n,e?.dataset.tabsTab||n,e,t))}}async activate(e){this.assertActive(`activate`),await this.activateInternal(e,!0)}build(){return this.assertActive(`build`),s(this.dom.container,()=>this.root),this}render(){return this.build()}async add(e){this.assertActive(`add`),y(`tabConfig`,e,ln,`Tabs.add`),e.name=e.name||x(),this.props.tabs=[...un(this.props.tabs),e],this.runtime.cache.panels.clear(),this.rebuildItems(),this.syncActiveNames(this.resolveActiveIndex(this.props.active)),this.bindEvents(),this.refreshDrag();let{onAdd:t}=this.props;if(t){let n=this.props.tabs.length-1;await Promise.resolve(t(n,e,this.dom.tabs[n],this.dom.panels[n]))}}async delete(e){if(this.assertActive(`delete`),this.props.tabs.length<=1)return;let t=this.getIndex(e);if(t<0||t>=this.props.tabs.length)return;let n=this.props.tabs[t].name,{onRemove:r}=this.props;this.props.tabs=this.props.tabs.filter((e,n)=>n!==t),n&&this.runtime.cache.panels.delete(n),this.state.current.index>=this.props.tabs.length?a(()=>{this.syncCurrent(this.props.tabs.length-1)}):this.state.current.index>t&&a(()=>{this.syncCurrent(this.state.current.index-1)}),this.rebuildItems(),this.bindEvents(),await this.loadPanel(this.state.current.index),this.refreshDrag(),r&&await Promise.resolve(r(t,n))}disable(e){this.assertActive(`disable`);let t=typeof e==`number`?this.dom.tabs[e]?.dataset.tabsTab:e;t&&!this.state.disabled.names.includes(t)&&a(()=>{this.state.disabled=this.createDisabledState([...this.state.disabled.names,t])})}enable(e){this.assertActive(`enable`);let t=typeof e==`number`?this.dom.tabs[e]?.dataset.tabsTab:e;t&&a(()=>{this.state.disabled=this.createDisabledState(this.state.disabled.names.filter(e=>e!==t))})}resolveActiveIndex(e){return e==null?-1:typeof e==`number`?e:typeof e==`string`?this.dom.tabs.findIndex(t=>t.dataset.tabsTab===e):0}syncActiveNames(e){a(()=>{this.syncCurrent(e)})}async reInit(e={}){this.assertActive(`reInit`),Object.assign(this.props,fn({...this.props,...e,className:{...this.props.className,...e.className}})),a(()=>{this.state.disabled=this.parseDisabled(this.props.disabled)}),this.rebuildItems(),this.syncActiveNames(this.resolveActiveIndex(this.props.active)),this.bindEvents(),await this.loadPanel(this.state.current.index),this.refreshDrag()}get dragContainer(){return this.root?j(`[data-tabs-wrap]`,this.root):null}get dragInner(){return this.root?j(`[data-tabs-list]`,this.root):null}initDrag(){let{direction:e}=this.props,t=this.dragContainer,n=this.dragInner;if(!t||!n)return;let r=e===`left`||e===`right`,i=r?n.scrollHeight>t.clientHeight+5:n.scrollWidth>t.clientWidth+5;if(a(()=>{this.state.isVertical=r,this.state.draggable=i}),!i){this.removeDragEvents();return}this.bindDragEvents(),this.cleanup.events.on(`resize`,window,`resize`,()=>{cancelAnimationFrame(this.resizeRaf),this.resizeRaf=requestAnimationFrame(()=>{this.refreshDrag()})})}bindDragEvents(){this.removeDragEvents();let e=this.dragContainer,t=this.dragInner;if(!e||!t)return;let n=this.state.isVertical,r=0,i=0,a=0,o=!1,s=e=>{if(`touches`in e){let t=e.touches[0]||e.changedTouches[0];return n?t.pageY:t.pageX}return n?e.pageY:e.pageX},c=o=>{!(o instanceof MouseEvent)&&!(o instanceof TouchEvent)||(this.isDragging=!0,t.classList.add(this.props.className.dragging),r=s(o),a=r,i=n?e.scrollTop:e.scrollLeft,this.velocity=0,cancelAnimationFrame(this.raf))},l=t=>{if(!this.isDragging||!(t instanceof MouseEvent)&&!(t instanceof TouchEvent))return;t.preventDefault();let c=s(t),l=r-c;this.velocity=a-c,a=c,o||(o=!0,requestAnimationFrame(()=>{o=!1,n?e.scrollTop=i+l:e.scrollLeft=i+l}))},u=()=>{this.isDragging&&(this.isDragging=!1,t.classList.remove(this.props.className.dragging),this.startInertiaScroll())};this.cleanup.events.on(`drag:mousedown`,t,`mousedown`,c),this.cleanup.events.on(`drag:touchstart`,t,`touchstart`,c,{passive:!0}),this.cleanup.events.on(`drag:mousemove`,window,`mousemove`,l,{passive:!1}),this.cleanup.events.on(`drag:touchmove`,window,`touchmove`,l,{passive:!1}),this.cleanup.events.on(`drag:mouseup`,window,`mouseup`,u),this.cleanup.events.on(`drag:touchend`,window,`touchend`,u)}startInertiaScroll(){let e=this.dragContainer;if(!e)return;let t=this.velocity,n=this.state.isVertical,r=performance.now(),i=a=>{let o=a-r;r=a,t*=.92,!(Math.abs(t)<.3)&&(n?e.scrollTop+=t*o*.05:e.scrollLeft+=t*o*.05,this.raf=requestAnimationFrame(i))};this.raf=requestAnimationFrame(i)}removeDragEvents(){this.cleanup.events.off(`drag:mousedown`),this.cleanup.events.off(`drag:touchstart`),this.cleanup.events.off(`drag:mousemove`),this.cleanup.events.off(`drag:touchmove`),this.cleanup.events.off(`drag:mouseup`),this.cleanup.events.off(`drag:touchend`)}refreshDrag(){this.initDrag()}onDestroy(){this.unbindEvents(),this.removeDragEvents(),this.bindingsDispose?.(),this.bindingsDispose=null,cancelAnimationFrame(this.raf),cancelAnimationFrame(this.resizeRaf),this.cleanup.events.off(`resize`),this.root?.parentNode&&this.root.parentNode.removeChild(this.root)}};function hn(e,t={}){return new mn(e,t)}const gn={root:`j-accordion`,header:`accordion-header`,title:`header-title`,arrow:`header-arrow`,panel:`accordion-panel`,content:`panel-content`},_n={type:`array`,validate:e=>Array.isArray(e)&&e.length>0,message:`expects a non-empty array.`},vn={types:[`number`,`string`,`array`,`null`],validate:e=>e==null?!0:Array.isArray(e)?e.every(e=>typeof e==`number`||typeof e==`string`):typeof e==`number`?Number.isInteger(e)&&e>=0:typeof e==`string`&&e.trim().length>0,message:`expects a positive number, string, array or null.`},yn={id:{default:null,types:[`string`,`null`],normalize:e=>typeof e==`string`?e.trim()||x():e??x()},active:{default:0,...vn},collapsible:{default:!1,type:`boolean`},multiple:{default:!1,type:`boolean`},className:{default:gn,type:`object`,normalize:e=>({...gn,...e&&typeof e==`object`?e:{}})},onChange:{default:null,types:[`function`,`null`]},items:{default:[],type:`array`}};function bn(e){return Array.isArray(e)?e.map(e=>({...e})):[]}function xn(e){let t=b(e,yn,`Accordion`);return{id:t.id,active:t.active,collapsible:t.collapsible,multiple:t.multiple,className:t.className,items:bn(t.items),onChange:t.onChange}}function Sn(e){return y(`items`,e,_n,`Accordion`),e.map(e=>{if(!e||typeof e!=`object`||Array.isArray(e))throw Error(`Accordion: item expects an object.`);if(e.name!=null&&typeof e.name!=`string`)throw Error(`Accordion: item name expects a string.`);if(!k(e.title))throw Error(`Accordion: item title expects string, Node, array, function or null.`);if(!k(e.content))throw Error(`Accordion: item content expects string, Node, array, function or null.`);return{...e,name:e.name||x()}})}var Cn=class extends F{constructor(e,t={}){let r=O(e,`Accordion`),i=xn(t);super(i),this.dom.container=r,this.dom.headers=[],this.dom.panels=[],this.bindingsDispose=null,this.state=n({activeNames:[],current:{index:null,name:null}});try{this.onInit(i)}catch(e){throw this.destroy(),e}}onInit(e){this.root=this.buildRoot(e),this.buildItems(e),this.syncActiveNames(this.resolveActiveNames(e.active)),this.bindEvents()}buildRoot(e){return c(`div`,{className:e.className.root,id:e.id,"data-accordion":`root`})}buildItems(t){let n=Sn(t.items),r=document.createDocumentFragment();this.dom.headers=[],this.dom.panels=[],n.forEach((e,n)=>{let i=e.name||x(),a=`${t.id}_header_${n}`,o=`${t.id}_panel_${n}`,s=c(`div`,{className:t.className.header,"data-accordion-header":i,id:a,role:`button`,tabindex:`0`,"aria-controls":o,children:[c(`span`,{className:t.className.title,"data-accordion-title":i,children:this.contentView(e,n,`title`)}),c(`span`,{className:t.className.arrow,"data-accordion-arrow":i,"aria-hidden":`true`,children:S(`arrow-down`)})]}),l=c(`div`,{className:t.className.panel,"data-accordion-panel":i,id:o,role:`region`,"aria-labelledby":a,children:c(`div`,{className:t.className.content,"data-accordion-content":i,children:this.contentView(e,n,`content`)})});this.dom.headers.push(s),this.dom.panels.push(l),r.append(s,l)}),this.root?.append(r),this.bindingsDispose?.(),this.bindingsDispose=i(t=>(this.dom.headers.forEach(t=>{let n=t.dataset.accordionHeader||``;e(t,`aria-expanded`,()=>this.state.activeNames.includes(n)?`true`:`false`)}),this.dom.panels.forEach((t,n)=>{let r=this.dom.headers[n]?.dataset.accordionHeader||``;e(t,`aria-hidden`,()=>this.state.activeNames.includes(r)?`false`:`true`),e(t,`hidden`,()=>!this.state.activeNames.includes(r))}),t))}contentView(e,t,n){return T(n===`title`?e.title:e.content,{accordion:this,item:e,index:t,type:n,active:!1})}resolveActiveNames(e){if(e==null)return[];let t=Array.isArray(e)?e:[e],n=[];for(let e of t){let t=this.getIndex(e);if(!(t<0||t>=this.dom.headers.length)&&(n.push(this.dom.headers[t].dataset.accordionHeader||String(t)),!this.props.multiple))break}return Array.from(new Set(n))}syncActiveNames(e){let t=e[0]||null,n=t?this.getIndex(t):null;a(()=>{this.state.activeNames=e,this.state.current={index:n,name:t}})}bindEvents(){this.unbindEvents(),this.root&&(this.cleanup.events.on(`click`,this.root,`click`,e=>{if(!(e.target instanceof Element))return;let t=e.target.closest(`[data-accordion-header]`);!t||!this.root?.contains(t)||this.active(t.dataset.accordionHeader)}),this.cleanup.events.on(`keydown`,this.root,`keydown`,e=>{if(!(e instanceof KeyboardEvent)||e.key!==`Enter`&&e.key!==` `||!(e.target instanceof Element))return;let t=e.target.closest(`[data-accordion-header]`);!t||!this.root?.contains(t)||(e.preventDefault(),this.active(t.dataset.accordionHeader))}))}unbindEvents(){this.cleanup.events.clear()}isActive(e){return this.state.activeNames.includes(e)}assertActive(e){if(this.runtime.destroyed)throw Error(`Accordion.${e}: instance has been destroyed.`)}async activateItem(e,t=!0){let n=this.getIndex(e);if(n<0||n>=this.dom.headers.length)return;let r=this.dom.headers[n],i=this.dom.panels[n],a=r.dataset.accordionHeader||String(n),o=this.isActive(a);if(o&&!this.props.multiple&&!this.props.collapsible)return;let s;s=this.props.multiple?o?this.state.activeNames.filter(e=>e!==a):[...this.state.activeNames,a]:o?this.props.collapsible?[]:this.state.activeNames:[a],this.syncActiveNames(s),t&&this.props.onChange&&await Promise.resolve(this.props.onChange(n,a,r,i,this))}getIndex(e){return typeof e==`number`?e:typeof e==`string`?this.dom.headers.findIndex(t=>t.dataset.accordionHeader===e):-1}async active(e){this.assertActive(`active`),await this.activateItem(e,!0)}build(){return this.assertActive(`build`),s(this.dom.container,()=>this.root),this}render(){return this.build()}setItems(e,t=0){return this.assertActive(`setItems`),y(`items`,e,_n,`Accordion.setItems`),y(`active`,t,vn,`Accordion.setItems`),this.props.items=bn(Sn(e)),this.props.active=t,this.root&&(this.root.textContent=``),this.buildItems(this.props),this.syncActiveNames(this.resolveActiveNames(t)),this.bindEvents(),this}onDestroy(){this.unbindEvents(),this.bindingsDispose?.(),this.bindingsDispose=null,this.root?.parentNode&&this.root.parentNode.removeChild(this.root)}};function wn(e,t={}){return new Cn(e,t)}const Tn={root:`j-drop`,container:`drop-container`},En={name:{default:null,types:[`string`,`null`]},mode:{default:`click`,type:`string`,enum:[`hover`,`click`]},position:{default:`auto`,type:`string`,enum:[`auto`,`top-left`,`top-center`,`top-right`,`bottom-left`,`bottom-center`,`bottom-right`,`left`,`right`]},offset:{default:10,type:`number`,validate:e=>typeof e==`number`&&e>=0,message:`expects a positive number or 0.`},content:{default:``,validate:k,message:`expects string, Node, array, function or null.`},className:{default:Tn,type:`object`,normalize:e=>({...Tn,...e&&typeof e==`object`?e:{}})},id:{default:null,types:[`string`,`null`],normalize:e=>typeof e==`string`?e.trim()||x():e??x()},delay:{default:0,types:[`number`,`object`]},hoverIntent:{default:!0,type:`boolean`},onShown:{default:null,types:[`function`,`null`]},onHidden:{default:null,types:[`function`,`null`]}};function Dn(e){let t=b(e,En,`Drop`);return{name:t.name,mode:t.mode,position:t.position,offset:t.offset,content:t.content,className:t.className,id:t.id,delay:t.delay,hoverIntent:t.hoverIntent,onShown:t.onShown,onHidden:t.onHidden}}function On(e){return typeof e==`number`&&e>=0?{show:e,hide:e}:typeof e==`object`&&e?{show:Number(e.show)||0,hide:Number(e.hide)||0}:{show:0,hide:0}}var kn=class{constructor(e,t={}){this.target=D(e),this.props=Dn(t),this.root=null,this.isVisible=!1,this.cleanup=null,this.delayShow=0,this.delayHide=0,this.timer={show:null,hide:null},this.hoverIntentData={x:0,y:0,lastMoveTime:0},this.lastX=0,this.lastY=0,this.init(this.props)}init(e){this.cleanup={events:N()};let t=On(e.delay);this.delayShow=t.show,this.delayHide=t.hide,this.buildDrop(e),this.bindEvents(e)}buildDrop(e){let{className:t,content:n,id:r,name:i}=e,a=C(n)&&n.nodeType===Node.ELEMENT_NODE?n:c(`div`,{className:t.container,"data-drop-container":i||r,children:T(n,this)});this.root=c(`div`,{className:t.root,id:r,"data-drop":i||x(),children:a})}bindEvents(e){let{mode:t,hoverIntent:n}=e;this.unbindEvents(),!(!this.target||!this.cleanup)&&(t===`hover`?n?(this.cleanup.events.on(`target:enter`,this.target,`mouseenter`,()=>this.startHoverIntent()),this.cleanup.events.on(`target:leave`,this.target,`mouseleave`,()=>this.cancelHoverIntent())):(this.cleanup.events.on(`target:enter`,this.target,`mouseenter`,()=>this.show()),this.cleanup.events.on(`target:leave`,this.target,`mouseleave`,()=>this.hide())):(this.cleanup.events.on(`target:click`,this.target,`click`,()=>this.toggle()),this.cleanup.events.on(`document:click`,document,`click`,e=>this.docClick(e))))}bindRootEvents(){!this.root||this.props?.mode!==`hover`||!this.cleanup||(this.cleanup.events.on(`root:enter`,this.root,`mouseenter`,()=>this.show()),this.cleanup.events.on(`root:leave`,this.root,`mouseleave`,()=>this.hide()))}unbindRootEvents(){this.cleanup?.events.off(`root:enter`),this.cleanup?.events.off(`root:leave`)}unbindEvents(){this.cleanup?.events.clear()}startHoverIntent(){this.cleanup&&(this.cleanup.events.on(`document:mousemove`,document,`mousemove`,e=>this.onMouseMove(e)),this.timer.show&&clearTimeout(this.timer.show),this.timer.show=setTimeout(()=>{let e=Date.now()-this.hoverIntentData.lastMoveTime;Math.abs(this.hoverIntentData.x-this.lastX)+Math.abs(this.hoverIntentData.y-this.lastY)<5||e>100?(this.show(),this.cleanup?.events.off(`document:mousemove`)):this.startHoverIntent()},this.delayShow))}cancelHoverIntent(){this.timer.show&&clearTimeout(this.timer.show),this.cleanup?.events.off(`document:mousemove`),this.hide()}onMouseMove(e){e instanceof MouseEvent&&(this.lastX=e.clientX,this.lastY=e.clientY,this.hoverIntentData.lastMoveTime=Date.now(),this.hoverIntentData.x=e.clientX,this.hoverIntentData.y=e.clientY)}setPosition(){if(!this.target||!this.root||!this.props)return;let e=this.target.getBoundingClientRect(),t=this.root,{offset:n,position:r}=this.props;t.style.visibility=`hidden`,t.style.display=`block`;let i=t.getBoundingClientRect(),a=0,o=0,s=r;switch(s===`auto`&&(s=window.innerHeight-e.bottom>i.height+n?`top-center`:`bottom-center`),s){case`top-left`:a=e.top-i.height-n,o=e.left;break;case`top-center`:a=e.top-i.height-n,o=e.left+e.width/2-i.width/2;break;case`top-right`:a=e.top-i.height-n,o=e.right-i.width;break;case`bottom-left`:a=e.bottom+n,o=e.left;break;case`bottom-center`:a=e.bottom+n,o=e.left+e.width/2-i.width/2;break;case`bottom-right`:a=e.bottom+n,o=e.right-i.width;break;case`left`:a=e.top+e.height/2-i.height/2,o=e.left-i.width-n;break;case`right`:a=e.top+e.height/2-i.height/2,o=e.right+n;break;default:break}a=Math.max(8,Math.min(a,window.innerHeight-i.height-8)),o=Math.max(8,Math.min(o,window.innerWidth-i.width-8)),t.style.top=`${a+window.scrollY}px`,t.style.left=`${o+window.scrollX}px`,t.style.visibility=``,t.style.display=``}docClick(e){e.target instanceof Node&&(!this.root||!this.target||!this.root.contains(e.target)&&!this.target.contains(e.target)&&this.hide())}exec(e){!this.root||!this.props||(e?(this.root.parentNode||document.body.appendChild(this.root),this.bindRootEvents(),this.setPosition()):(this.unbindRootEvents(),this.root.style.top=``,this.root.style.left=``,this.root.remove()),this.root.setAttribute(`aria-hidden`,e?`false`:`true`),this.root.setAttribute(`aria-expanded`,e?`true`:`false`),this.isVisible=e)}show(e=!0){this.timer.hide&&clearTimeout(this.timer.hide),!this.isVisible&&(e&&this.delayShow>0?(this.timer.show&&clearTimeout(this.timer.show),this.timer.show=setTimeout(()=>this.exec(!0),this.delayShow)):this.exec(!0),this.props?.onShown?.(this))}hide(e=!0){this.timer.show&&clearTimeout(this.timer.show),this.isVisible&&(e&&this.delayHide>0?(this.timer.hide&&clearTimeout(this.timer.hide),this.timer.hide=setTimeout(()=>this.exec(!1),this.delayHide)):this.exec(!1),this.props?.onHidden?.(this))}toggle(){this.isVisible?this.hide():this.show()}destroy(){this.props&&(this.timer.show&&clearTimeout(this.timer.show),this.timer.hide&&clearTimeout(this.timer.hide),this.unbindEvents(),this.root?.remove(),this.props=null,this.root=null,this.target=null,this.timer={show:null,hide:null},this.cleanup?.events.clear(),this.cleanup=null,this.isVisible=!1)}};function An(e,t={}){return new kn(e,t)}const jn={container:`j-tooltip`,message:`tooltip-message`},Mn={name:{default:null,types:[`string`,`null`]},mode:{default:`hover`,type:`string`,enum:[`hover`,`click`]},position:{default:`auto`,type:`string`,enum:[`auto`,`top-left`,`top-center`,`top-right`,`bottom-left`,`bottom-center`,`bottom-right`,`left`,`right`]},offset:{default:8,type:`number`},message:{default:``,type:`string`,normalize:e=>typeof e==`string`?e.trim():e,validate:e=>typeof e==`string`&&e.length>0,message:`expects a non-empty string.`},className:{default:jn,type:`object`,normalize:e=>({...jn,...e&&typeof e==`object`?e:{}})},id:{default:null,types:[`string`,`null`]},delay:{default:100,types:[`number`,`object`]},hoverIntent:{default:!0,type:`boolean`},onShown:{default:null,types:[`function`,`null`]},onHidden:{default:null,types:[`function`,`null`]}};function Nn(e){let t=b(e,Mn,`Tooltip.props`);return{name:t.name,mode:t.mode,position:t.position,offset:t.offset,message:t.message,className:t.className,id:t.id,delay:t.delay,hoverIntent:t.hoverIntent,onShown:t.onShown,onHidden:t.onHidden}}var Pn=class{constructor(e,t={}){let n=Nn(t);this.props=n,this.drop=new kn(e,{name:n.name,mode:n.mode,position:n.position,offset:n.offset,id:n.id,delay:n.delay,hoverIntent:n.hoverIntent,onShown:n.onShown,onHidden:n.onHidden,content:this.buildContent(n)})}buildContent(e){return c(`div`,{className:e.className.container,"data-tooltip":e.name||e.id||``,children:c(`div`,{className:e.className.message,"data-tooltip-message":``,children:e.message})})}show(e=!0){this.drop?.show(e)}hide(e=!0){this.drop?.hide(e)}toggle(){this.drop?.toggle()}destroy(){this.drop?.destroy(),this.drop=null,this.props=null}};function Fn(e,t={}){return new Pn(e,t)}const In={root:`j-offcanvas`,overlay:`j-offcanvas-overlay`,content:`offcanvas-content`,active:`is-active`,top:`is-top`,right:`is-right`,bottom:`is-bottom`,left:`is-left`,slide:`is-slide`,none:`is-none`},Ln={content:{default:``,validate:k,message:`expects string, Node, array, function or null.`},overlay:{default:!0,type:`boolean`},filter:{default:!0,type:`boolean`},cache:{default:!1,type:`boolean`},ttl:{default:0,type:`number`},direction:{default:`left`,type:`string`,enum:[`top`,`right`,`bottom`,`left`]},animation:{default:`slide`,type:`string`,enum:[`slide`,`none`]},bgClose:{default:!0,type:`boolean`},escClose:{default:!0,type:`boolean`},id:{default:null,types:[`string`,`null`],normalize:e=>typeof e==`string`?e.trim()||x():e??x()},className:{default:In,type:`object`,normalize:e=>({...In,...e&&typeof e==`object`?e:{}})},onShow:{default:null,types:[`function`,`null`]},onShown:{default:null,types:[`function`,`null`]},onHide:{default:null,types:[`function`,`null`]},onHidden:{default:null,types:[`function`,`null`]}};function Rn(e){return e>0?e:0}function zn(e){let t=b(e,Ln,`Offcanvas`);return{content:t.content,overlay:t.overlay,filter:t.filter,cache:t.cache,ttl:t.ttl,direction:t.direction,animation:t.animation,bgClose:t.bgClose,escClose:t.escClose,id:t.id,className:t.className,onShow:t.onShow,onShown:t.onShown,onHide:t.onHide,onHidden:t.onHidden}}function Bn(...e){return e.filter(Boolean).join(` `)}var Vn=class extends F{constructor(e={}){let t=zn(e);super(t),this.dom.content=null,this._overlay=null,this.runtime.cache={content:null,hasContent:!1,updatedAt:0},this.runtime.contentLoadId=0,this.state=n({visible:!1,loading:!1}),this.onInit(t)}onInit(e){e.overlay&&(this._overlay=this.buildOverlay(e)),this.root=this.buildRoot(e)}buildOverlay(e){return c(`div`,{className:e.className.overlay,"data-offcanvas-overlay":e.id,style:e.filter?{backdropFilter:`blur(2px)`}:{}})}buildRoot(e){let t=c(`div`,{className:e.className.content,"data-offcanvas-content":e.id});return this.dom.content=t,typeof e.content!=`function`&&t.append(...T(e.content,this)),c(`div`,{className:Bn(e.className.root,e.className[e.direction],e.className[e.animation]),id:e.id,"data-offcanvas":`root`,"data-offcanvas-direction":e.direction,"data-offcanvas-animation":e.animation,children:t})}isCacheValid(){if(!this.props.cache||!this.runtime.cache.hasContent)return!1;let e=Rn(this.props.ttl);return!e||Date.now()-this.runtime.cache.updatedAt<=e}renderContent(e){this.dom.content&&(this.dom.content.textContent=``,this.dom.content.append(...T(e,this)))}async loadContent(){let{content:e,cache:t}=this.props;if(typeof e!=`function`){this.runtime.contentLoadId+=1,a(()=>{this.state.loading=!1});return}if(this.isCacheValid()){this.runtime.contentLoadId+=1,this.renderContent(this.runtime.cache.content),a(()=>{this.state.loading=!1});return}let n=++this.runtime.contentLoadId;a(()=>{this.state.loading=!0}),this.dom.content&&(this.dom.content.textContent=``,this.dom.content.appendChild(A()));try{let r=await Promise.resolve(e(this));if(this.runtime.destroyed||n!==this.runtime.contentLoadId)return;t&&(this.runtime.cache.content=r,this.runtime.cache.hasContent=!0,this.runtime.cache.updatedAt=Date.now()),this.renderContent(r)}finally{!this.runtime.destroyed&&n===this.runtime.contentLoadId&&a(()=>{this.state.loading=!1})}}bindEvents(){this.unbindEvents();let{bgClose:e,escClose:t}=this.props;this._overlay&&e&&this.cleanup.events.on(`overlay`,this._overlay,`click`,()=>{this.hide()}),t&&this.cleanup.events.on(`esc`,document,`keydown`,e=>{e instanceof KeyboardEvent&&e.key===`Escape`&&this.state.visible&&this.hide()}),this.dom.root&&this.cleanup.events.on(`close`,this.dom.root,`click`,e=>{if(!(e.target instanceof Element))return;let t=e.target.closest(`[data-action]`)?.dataset.action;(t===`close`||t===`cancel`)&&this.hide()})}unbindEvents(){this.cleanup?.events.clear()}renderPanel(){let{overlay:e,id:t,className:n}=this.props,r=document.body;e&&this._overlay&&r.appendChild(this._overlay),this.dom.root&&r.appendChild(this.dom.root),r.style.overflow=`hidden`,g.start(`oc-show-${t}`,10,()=>{this.dom.root&&(this._overlay?.classList.add(n.active),this.dom.root.classList.add(n.active))})}removePanel(){let{id:e,className:t}=this.props,n=document.body;this._overlay?.classList.remove(t.active),this.dom.root?.classList.remove(t.active),g.start(`oc-remove-${e}`,100,()=>{this._overlay?.remove(),this.dom.root?.remove(),n.style.overflow=``})}async show(){if(this.runtime.destroyed||this.state.visible)return;let{onShow:e,onShown:t,id:n}=this.props;e&&await Promise.resolve(e(this)),this.renderPanel(),this.bindEvents(),a(()=>{this.state.visible=!0}),await this.loadContent(),g.start(`oc-shown-${n}`,300,()=>{this.runtime.destroyed||t?.(this)})}async hide(){if(this.runtime.destroyed||!this.state.visible)return;let{onHide:e,onHidden:t}=this.props;e&&await Promise.resolve(e(this)),this.runtime.contentLoadId+=1,a(()=>{this.state.loading=!1}),this.unbindEvents(),this.removePanel(),a(()=>{this.state.visible=!1}),t?.(this)}onDestroy(){let{id:e,className:t}=this.props;g.cancel(`oc-show-${e}`),g.cancel(`oc-remove-${e}`),g.cancel(`oc-shown-${e}`),this.state.visible&&this.unbindEvents(),this.dom.root?.classList.remove(t.active),this.dom.root?.remove(),this._overlay?.remove();let n=document.body;n.style.overflow=``,this._overlay=null}};function Hn(e={}){return new Vn(e)}const Un={layout:`j-popup-layout`,modal:`j-modal`,fullscreen:`is-fullscreen`,header:`modal-header`,body:`modal-body`,footer:`modal-footer`,title:`modal-title`,close:`modal-close`,cancel:`modal-cancel`,confirm:`modal-confirm`,button:`j-button`,buttonIcon:`is-icon`,buttonGhost:`is-ghost`,buttonPrimary:`is-primary`,buttonSmall:`is-sm`,formContainer:`modal-form-container`};function Y(e){return Array.isArray(e)?e.map(e=>({...e,options:Array.isArray(e.options)?e.options.map(e=>e&&typeof e==`object`?{...e}:e):e.options})):[]}function Wn(e){return{...e,fields:Array.isArray(e.fields)?Y(e.fields):null,text:{...e.text},className:{...e.className}}}function Gn(e){return v(e)}function Kn(e){return e==null||typeof e==`object`&&typeof e.next==`function`&&typeof e.back==`function`&&typeof e.snapshot==`function`}function qn(e,t){return!Array.isArray(e)||!v(t)?e?Y(e):null:e.map(e=>{if(!e?.name||!h(t,e.name))return{...e};let n=t[e.name];if(e.type===`checkbox`||e.type===`radio`){let t=e.value??`on`,r=Array.isArray(n)?n.map(String).includes(String(t)):n===!0||String(n)===String(t);return{...e,checked:r}}return{...e,value:Array.isArray(n)?n.map(String):n}})}function Jn(e){let t=v(e?.text)?e.text:{};return{title:typeof t.title==`string`?t.title:`Tip`,confirm:typeof t.confirm==`string`?t.confirm:`Confirm`,cancel:typeof t.cancel==`string`?t.cancel:`Cancel`}}function Yn(e){return{...e,fields:Array.isArray(e.fields)?Y(e.fields):null,text:Jn(e),loading:!1,submitting:!1,visible:!1,data:null,extraData:null}}function Xn(e,t){return!t||typeof t!=`object`?e:Object.assign(e,t)}function Zn(e){return v(e)?{...e}:{}}function X(...e){return e.filter(Boolean).join(` `)}function Qn(e){return typeof e==`string`||typeof e==`number`?String(e):``}const $n={validate:k,message:`expects string, number, Node, array, function or null.`},er={default:{},validate:e=>v(e),message:`expects an object with text fields.`,normalize:e=>{let t=v(e)?e:{};return{...t,title:typeof t.title==`string`?t.title:`Tip`,confirm:typeof t.confirm==`string`?t.confirm:`Confirm`,cancel:typeof t.cancel==`string`?t.cancel:`Cancel`}}},tr={types:[`array`,`null`]},Z={content:{default:``,...$n},position:{default:`center`,type:`string`},showCancel:{default:!0,type:`boolean`},showClose:{default:!0,type:`boolean`},fullscreen:{default:!1,type:`boolean`},flow:{default:null,validate:Kn,message:`expects a Flow instance or null.`},text:er,onShow:{default:null,types:[`function`,`null`]},onShown:{default:null,types:[`function`,`null`]},onHide:{default:null,types:[`function`,`null`]},onHidden:{default:null,types:[`function`,`null`]},onConfirm:{default:null,types:[`function`,`null`]},onSubmit:{default:null,types:[`function`,`null`]},onCancel:{default:null,types:[`function`,`null`]},fields:{default:null,...tr},header:{default:!0,type:`boolean`},footer:{default:!0,type:`boolean`},style:{default:null,types:[`string`,`null`,`object`]},id:{default:null,types:[`string`,`null`],normalize:e=>typeof e==`string`?e.trim()||x():e??x()},escClose:{default:!1,type:`boolean`},bgClose:{default:!1,type:`boolean`},lazy:{default:!1,type:`boolean`},className:{default:Un,type:`object`,normalize:e=>({...Un,...e&&typeof e==`object`?e:{}})}},nr={...Z,loading:{default:!1,type:`boolean`},submitting:{default:!1,type:`boolean`},visible:{default:!1,type:`boolean`},data:{default:null,types:[`object`,`null`]},extraData:{default:null,types:[`object`,`null`]}},rr=new Set([`id`,`lazy`]),ir={validate:e=>!!e&&typeof e==`object`&&!Array.isArray(e),message:`expects an object.`},ar={validate:Gn,message:`expects a props object.`};function or(e){let t=b(e,Z,`Modal`);return{content:t.content,position:t.position,showCancel:t.showCancel,showClose:t.showClose,fullscreen:t.fullscreen,flow:t.flow,text:t.text,onShow:t.onShow,onShown:t.onShown,onHide:t.onHide,onHidden:t.onHidden,onConfirm:t.onConfirm,onSubmit:t.onSubmit,onCancel:t.onCancel,fields:Array.isArray(t.fields)?Y(t.fields):null,header:t.header,footer:t.footer,style:t.style,id:t.id,escClose:t.escClose,bgClose:t.bgClose,lazy:t.lazy,className:t.className}}let Q=0,sr=``;var cr=class extends F{constructor(e={}){let t=or(e);super(t),this.dom.modal=null,this.dom.header=null,this.dom.body=null,this.dom.footer=null,this.dom.form=null,this.dom.formContainer=null,this.cleanup.visibility=null,this.cleanup.view=null,this.cleanup.hideTimer=null,this.runtime.scrollLocked=!1,this.runtime.visibleApplied=!1,this.cache={initial:Wn(this.props),fieldIds:new Map,baseStyle:``,previousActiveElement:null,formId:`${this.props.id}_form`},this.state=n(Yn(this.props)),this.init(t)}onInit(){this.bindReactiveVisibility(),this.state.lazy||this.buildRoot()}buildRoot(){if(this.root instanceof HTMLElement)return this.root;let{id:e,className:t}=this.state,n=c(`div`,{className:()=>X(this.state.className.layout,`is-${this.state.position}`),role:`dialog`,"data-modal":`root`,"data-modal-position":()=>this.state.position,"aria-modal":`true`,"aria-labelledby":()=>this.state.header?`${e}_title`:null,"aria-label":()=>this.state.header?null:this.state.text?.title||`Modal`,children:c(`div`,{className:()=>X(this.state.className.modal,this.state.fullscreen&&this.state.className.fullscreen),id:e,role:`document`,"data-modal-dialog":e,ref:e=>{this.dom.modal=e,this.applyStyle(e,this.state.style)},children:[c(`div`,{className:t.header,"data-modal-header":e,style:()=>({display:this.state.header?``:`none`}),ref:e=>{this.dom.header=e}}),c(`div`,{className:t.body,"data-modal-body":e,ref:e=>{this.dom.body=e}}),c(`div`,{className:t.footer,"data-modal-footer":e,style:()=>({display:this.state.footer?``:`none`}),ref:e=>{this.dom.footer=e}})]})});return this.root=n,this.mountView(),n}mountView(){this.cleanup.view||!this.dom.body||(this.cleanup.view=i(e=>(this.dom.header&&l(u(()=>this.headerView(),this.dom.header)),this.dom.body&&u(()=>this.bodyView(),this.dom.body),this.dom.footer&&l(u(()=>this.footerView(),this.dom.footer)),this.bindReactiveLoading(),this.bindReactiveStyle(),e)))}headerView(){return()=>this.state.header?[c(`div`,{className:this.state.className.title,id:`${this.state.id}_title`,"data-modal-title":this.state.id,children:()=>this.state.text?.title}),this.state.showClose?c(`button`,{type:`button`,className:X(this.state.className.button,this.state.className.buttonIcon,this.state.className.buttonGhost,this.state.className.buttonSmall,this.state.className.close),"data-action":`close`,"aria-label":`close`,children:S(`close`)}):null]:null}footerView(){return()=>this.state.footer?[this.state.showCancel?c(`button`,{type:`button`,className:X(this.state.className.button,this.state.className.buttonGhost,this.state.className.cancel),"data-action":`close`,"aria-label":`close`,disabled:()=>this.isBusy(),children:()=>this.state.text?.cancel}):null,c(`button`,{type:()=>this.isFormMode()?`submit`:`button`,form:()=>this.isFormMode()?this.cache.formId:null,className:X(this.state.className.button,this.state.className.buttonPrimary,this.state.className.confirm),"data-action":()=>this.isFormMode()?`submit`:`confirm`,disabled:()=>this.isBusy(),children:()=>this.state.text?.confirm})]:null}bodyView(){return this.isFormMode()?this.formView():(this.destroyForm(),this.contentView(this.state.content))}formView(){return c(`div`,{className:this.state.className.formContainer,"data-modal-form-container":this.state.id,ref:e=>{this.mountForm(e)}})}mountForm(e){if(!e)return;this.dom.formContainer=e;let t=this.createFormProps();if(this.dom.form){this.dom.form.update(t);return}this.dom.form=new Ct(t,e).build()}createFormProps(){return{id:this.cache.formId,fields:this.state.fields||[],buttons:!1,onSubmit:e=>this.handleFormSubmit(e)}}destroyForm(){this.dom.form?.destroy(),this.dom.form=null,this.dom.formContainer=null}contentView(e){return T(e,this)}bindReactiveLoading(){let e=null;r(()=>{this.state.loading&&!e?(e=A(),this.dom.modal?.appendChild(e)):!this.state.loading&&e&&(e.remove(),e=null)}),l(()=>{e?.remove(),e=null})}bindReactiveStyle(){r(()=>{let e=this.state.style;this.dom.modal&&this.applyStyle(this.dom.modal,e)})}isFormMode(){return Array.isArray(this.state.fields)}isBusy(){return!!(this.state.loading||this.state.submitting)}validatePropsPatch(e,t=`Modal.update`){y(`props`,e,ar,t);for(let n of Object.keys(e)){if(!h(Z,n))throw Error(`Validator: ${t}.${n} is not a supported modal prop.`);if(rr.has(n))throw Error(`Modal.update: "${n}" cannot be updated after initialization.`);y(n,e[n],Z[n],t)}}applyProps(e,{validate:t=!0,force:n=!1}={}){if(t&&this.validatePropsPatch(e),!e||Object.keys(e).length===0)return this;let r=h(e,`fields`);if(h(e,`content`)&&!r&&this.isFormMode()&&!n)throw Error(`Modal.update: Cannot update content when fields are defined.`);let i=or({...this.props,...e,text:h(e,`text`)?{...this.props.text,...e.text}:this.props.text,className:h(e,`className`)?{...this.props.className,...e.className}:this.props.className});this.props=i,super.update(e,{force:n}),this.props=i;let o={};r&&(this.cache.fieldIds?.clear(),o.fields=Array.isArray(e.fields)?Y(e.fields):null);for(let[t,n]of Object.entries(e))t!==`fields`&&t!==`text`&&t!==`className`&&(o[t]=n);return h(e,`text`)&&(o.text=Jn(i)),h(e,`className`)&&(o.className=i.className),a(()=>{for(let[e,t]of Object.entries(o))this.state[e]=t}),h(e,`style`)&&this.dom.modal&&this.applyStyle(this.dom.modal,this.state.style),this.state.visible&&(h(e,`bgClose`)||h(e,`escClose`))&&this.bindEvents(this.root),this.dom.form&&r&&this.dom.form.update(this.createFormProps()),this}applyStyle(e,t){if(e.removeAttribute(`style`),!t){this.cache.baseStyle=``;return}if(typeof t==`string`){e.style.cssText=t,this.cache.baseStyle=e.getAttribute(`style`)||``;return}Object.entries(t).forEach(([t,n])=>{if(n==null)return;let r=t.startsWith(`--`)?t:t.replace(/[A-Z]/g,e=>`-${e.toLowerCase()}`);e.style.setProperty(r,String(n))}),this.cache.baseStyle=e.getAttribute(`style`)||``}bindReactiveVisibility(){this.cleanup.visibility=i(e=>(r(()=>{let e=!!this.state.visible;d(()=>this.applyVisibility(e))}),e))}applyVisibility(e){if(e!==this.runtime.visibleApplied){if(e){this.showFromState();return}this.hideFromState()}}showFromState(){if(this.runtime.destroyed)throw Error(`Modal: The current instance has been destroyed.`);this.root||this.buildRoot(),this.cancelHideTimer(),this.resetAnimationStyles();let{onShow:e,onShown:t}=this.state;e?.(this),this.cache.previousActiveElement=document.activeElement instanceof HTMLElement?document.activeElement:null,this.root&&!this.root.parentNode&&document.body.appendChild(this.root),this.lockScroll(),this.runtime.visibleApplied=!0,this.bindEvents(this.root),this.focusFirst(),t?.(this)}hideFromState(){if(!this.runtime.visibleApplied||!this.root)return;let{onHide:e,onHidden:t}=this.state;e?.(this),this.runtime.visibleApplied=!1,this.clearEvents(),a(()=>{this.state.loading=!1,this.state.extraData=null,this.state.data=null}),this.dom.modal&&(this.dom.modal.style.transition=`opacity 300ms ease-out, transform 300ms ease-out`,this.dom.modal.style.opacity=`0`,this.dom.modal.style.transform=`scale(0.3)`),this.cancelHideTimer(),this.cleanup.hideTimer=setTimeout(()=>this.finishHide(t),300)}bindEvents(e){this.clearEvents(),this.bindOverlayCloseEvent(e),this.bindDocumentKeyEvent(),this.bindInsideEvent()}bindOverlayCloseEvent(e){e&&this.cleanup.events.on(`bg`,e,`click`,t=>{this.state.bgClose&&t.target===e&&this.hide()})}bindDocumentKeyEvent(){this.cleanup.events.on(`keydown`,document,`keydown`,e=>{if(!(!this.state.visible||!(e instanceof KeyboardEvent))){if(e.key===`Escape`&&this.state.escClose){e.preventDefault(),this.hide();return}e.key===`Tab`&&this.trapFocus(e)}})}bindInsideEvent(){this.dom.modal&&this.cleanup.events.on(`inside`,this.dom.modal,`click`,e=>{let t=(e.target instanceof Element?e.target:null)?.closest(`[data-action]`);if(!t||!this.dom.modal?.contains(t))return;let n=t.dataset.action;if(n===`cancel`||n===`close`){this.handleCancel();return}if(n===`submit`){this.requestSubmit();return}if(n===`back`){this.handleBack();return}if(n===`next`){this.handleNext();return}if(n===`confirm`){if(this.isFormMode()){this.requestSubmit();return}this.handleConfirm()}})}clearEvents(){this.cleanup.events.clear()}requestSubmit(){if(!this.dom.form){this.handleConfirm();return}this.dom.form.requestSubmit()}async handleFormSubmit(e){if(this.isBusy())return;let t=Xn(e,this.state.extraData);a(()=>{this.state.data=t}),await this.handleSubmit(t)}async handleNext(){this.isBusy()||this.hasFlow()&&await this.moveFlow(`next`)}async handleBack(){this.isBusy()||this.hasFlow()&&await this.moveFlow(`back`)}hasFlow(){return Kn(this.state.flow)&&!!this.state.flow}async moveFlow(e){if(!this.hasFlow())return;let t=this.createFlowPayload();if(t!==!1){a(()=>{this.state.submitting=!0});try{let n=await Promise.resolve(this.state.flow[e](t));this.syncFlowView(this.state.flow,n)}catch(t){console.error(`Modal.flow.${e} error:`,t),this.syncFlowView(this.state.flow)}finally{this.state&&a(()=>{this.state.submitting=!1})}}}createFlowPayload(){if(!this.isFormMode())return null;let e=this.dom.form;if(!e)return this.state.data||null;if(!e.validate())return!1;let t=Xn(e.collectData(),this.state.extraData);return a(()=>{this.state.data=t}),this.state.data}resolveFlowModalView(e,t,n){let r=n?.modal??n?.view;if(typeof r==`function`){let i=r({flow:e,snapshot:t,step:n,modal:this,data:t?.data??null,currentData:t?.currentData??null});return v(i)?i:{}}return Zn(r)}syncFlowView(e,t=null){if(!e||!this.state)return;let n=e.snapshot()||t,r=e.currentStep||n?.currentStep||t?.currentStep,i=this.resolveFlowModalView(e,n,r),a=v(i.text)?i.text:{},o={...(!h(i,`text`)||!h(a,`title`))&&r?.title!=null?{text:{...a,title:Qn(r.title)}}:{},...!h(i,`content`)&&!h(i,`fields`)?{content:r?.content??null}:{},...i};Array.isArray(o.fields)&&(o.fields=qn(o.fields,n?.currentData)),!h(o,`fields`)&&h(o,`content`)&&(o.fields=null),this.update(o)}async handleConfirm(){if(!this.isBusy()){a(()=>{this.state.submitting=!0});try{await Promise.resolve(this.state.onConfirm?.(this)),this.hide()}catch(e){console.error(`Modal.onConfirm error:`,e)}finally{this.state&&a(()=>{this.state.submitting=!1})}}}async handleCancel(){if(!this.isBusy()){a(()=>{this.state.submitting=!0});try{await Promise.resolve(this.state.onCancel?.(this)),this.hide()}catch(e){console.error(`Modal.onCancel error:`,e)}finally{this.state&&a(()=>{this.state.submitting=!1})}}}async handleSubmit(e){if(this.state.onSubmit){a(()=>{this.state.submitting=!0});try{await Promise.resolve(this.state.onSubmit(e,this)),this.state.extraData=null}catch(e){console.error(`Modal.onSubmit error:`,e)}finally{this.state&&a(()=>{this.state.submitting=!1})}}}trapFocus(e){if(!this.dom.modal)return;let t=Array.from(M(`a[href], button:not([disabled]):not([data-action=close]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])`,this.dom.modal)).filter(e=>e.offsetParent!==null||e===document.activeElement);if(t.length===0){e.preventDefault(),this.dom.modal.focus();return}let n=t[0],r=t[t.length-1];e.shiftKey&&document.activeElement===n?(e.preventDefault(),r?.focus()):!e.shiftKey&&document.activeElement===r&&(e.preventDefault(),n?.focus())}focusFirst(){if(!this.dom.modal)return;let e=j(`input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]):not([data-action=close]), [tabindex]:not([tabindex="-1"])`,this.dom.form?.root||this.dom.modal);e?e.focus():(this.dom.modal.setAttribute(`tabindex`,`-1`),this.dom.modal.focus())}lockScroll(){this.runtime.scrollLocked||(Q===0&&(sr=document.body.style.overflow,document.body.style.overflow=`hidden`),Q+=1,this.runtime.scrollLocked=!0)}unlockScroll(){this.runtime.scrollLocked&&(Q=Math.max(0,Q-1),Q===0&&(document.body.style.overflow=sr,sr=``),this.runtime.scrollLocked=!1)}cancelHideTimer(){this.cleanup.hideTimer&&(clearTimeout(this.cleanup.hideTimer),this.cleanup.hideTimer=null)}resetAnimationStyles(){this.dom.modal&&(this.cache.baseStyle?this.dom.modal.setAttribute(`style`,this.cache.baseStyle):this.dom.modal.removeAttribute(`style`))}finishHide(e){this.cleanup.hideTimer=null,this.root?.remove(),this.resetAnimationStyles(),this.unlockScroll(),this.restoreFocus(),e?.(this)}restoreFocus(){let e=this.cache.previousActiveElement;this.cache.previousActiveElement=null,e&&typeof e.focus==`function`&&document.contains(e)&&e.focus()}assertActive(e){if(this.runtime.destroyed)throw Error(`Modal.${e}: The current instance has been destroyed.`)}validateStatePatch(e){if(!e||typeof e!=`object`||Array.isArray(e))throw Error(`Modal.setState: expects a plain object patch.`);for(let t of Object.keys(e)){if(!h(nr,t))throw Error(`Modal.setState: "${t}" is not a supported state key.`);if(rr.has(t))throw Error(`Modal.setState: "${t}" cannot be updated after initialization.`);y(t,e[t],nr[t],`Modal.setState`)}}setState(e={}){return this.assertActive(`setState`),this.validateStatePatch(e),a(()=>{for(let[t,n]of Object.entries(e))t===`fields`&&this.cache.fieldIds?.clear(),this.state[t]=t===`fields`&&Array.isArray(n)?Y(n):n}),this}show(){return this.assertActive(`show`),a(()=>{this.state.visible=!0}),this}hide(){return this.assertActive(`hide`),a(()=>{this.state.visible=!1}),this}setFields(e,t=!1){return y(`data`,e,tr,`Modal.setFields`),this.applyProps({fields:e},{validate:!1,force:t}),this}addFields(e){return y(`data`,e,ir,`Modal.addFields`),a(()=>{this.state.extraData=e}),this}setContent(e,t=!1){if(y(`content`,e,$n,`Modal.setContent`),this.isFormMode()&&!t)throw Error(`Modal.setContent: Cannot setContent when fields are defined.`);return this.applyProps({content:e},{validate:!1,force:t}),this}update(e={},t=!1){let n=typeof t==`boolean`?t:!!t.force;return this.applyProps(e||{},{validate:!0,force:n})}reset(){if(this.cache.fieldIds?.clear(),!this.cache.initial)return this;let e={...Wn(this.cache.initial)};return delete e.id,delete e.lazy,this.props=or(e),this.applyProps(e,{validate:!1}),a(()=>{this.state.data=null,this.state.extraData=null}),this}resetContent(){return this.setContent(this.cache.initial?.content??``)}resetFields(){return this.setFields(Array.isArray(this.cache.initial?.fields)?Y(this.cache.initial.fields):null)}onDestroy(){let e=!!this.runtime.visibleApplied,t=this.state?.onHide,n=this.state?.onHidden;e&&t?.(this),this.cancelHideTimer(),this.clearEvents(),this.destroyForm(),this.unlockScroll(),this.cleanup.visibility?.(),this.cleanup.visibility=null,this.cleanup.view?.(),this.cleanup.view=null,this.root?.remove(),e&&n?.(this),this.cache={initial:null,fieldIds:null,baseStyle:``,previousActiveElement:null,formId:``}}destroy(){return this.runtime.destroyed||super.destroy(),this}};function lr(e={}){return new cr(e)}const ur={root:`j-pagination`,list:`pagination`,item:`item`,more:`more`,button:`j-button`,buttonIcon:`is-icon`,buttonGhost:`is-ghost`,active:`is-active`,loading:`animate-spin`},dr={type:`object`,required:!0,validate:e=>{let t=e;return!!t&&Number.isInteger(t.size)&&Number(t.size)>0&&Number.isInteger(t.current)&&Number(t.current)>0},message:`expects { size, current } with positive integers.`},fr={type:`object`,required:!0,validate:e=>{let t=e;return!!t&&Number.isInteger(t.sibling)&&Number(t.sibling)>=0&&Number.isInteger(t.boundary)&&Number(t.boundary)>=0},message:`expects { sibling, boundary } with integers greater than or equal 0.`},pr={total:{default:0,type:`number`,validate:e=>Number.isFinite(e)&&Number(e)>=0,message:`expects a non-negative finite number.`},page:{default:()=>({size:10,current:1}),factory:!0,...dr},count:{default:()=>({sibling:1,boundary:1}),factory:!0,...fr},lock:{default:!0,type:`boolean`},onChange:{default:null,types:[`function`,`null`]},className:{default:ur,type:`object`,normalize:e=>({...ur,...e&&typeof e==`object`?e:{}})}};function mr(e,t,n){return Math.min(Math.max(e,t),n)}function hr(e={}){let t=b(e,pr,`Pagination.props`);return{...t,page:{...t.page},count:{...t.count},className:{...t.className}}}function gr(e){return{type:`more`,key:e}}function _r(e){return{type:`page`,key:`page-${e}`,page:e}}function vr(e,t){let n=[];for(let r=e;r<=t;r++)n.push(r);return n}function yr(e,t,n){if(t<=0)return[];let r=Math.max(0,n.boundary),i=Math.max(0,n.sibling);if(t<=r*2+i*2+3)return vr(1,t).map(_r);let a=new Set;for(let e=1;e<=Math.min(r,t);e++)a.add(e);for(let n=Math.max(1,e-i);n<=Math.min(t,e+i);n++)a.add(n);for(let e=Math.max(1,t-r+1);e<=t;e++)a.add(e);let o=Array.from(a).sort((e,t)=>e-t),s=[];for(let e of o){let t=s[s.length-1];t?.type===`page`&&e-t.page>1&&(e-t.page===2?s.push(_r(t.page+1)):s.push(gr(`more-${t.page}-${e}`))),s.push(_r(e))}return s}var br=class extends F{constructor(e,t={}){let r=O(e,`Pagination.container`),i=hr(t);super(i);let a=this._getPageCount(i.total,i.page.size),o=mr(i.page.current,1,a);this.dom.container=r,this.dom.list=null,this.dom.prev=null,this.dom.next=null,this.dom.pageNodes=[],this.dom.items=[],this.runtime.built=!1,this.runtime.itemsKey=``,this.runtime.changeId=0,this.state=n({total:i.total,page:{size:i.page.size,current:o},count:{sibling:i.count.sibling,boundary:i.count.boundary},pageCount:a,locked:!1}),this.props.page.current=o}build(){if(this._assertActive(`build`),this.runtime.built)return this;this.init(this.props),this.root=c(`div`,{className:this.props.className.root,role:`navigation`,"aria-label":`Pagination`,"data-pagination":`root`,children:c(`ul`,{className:this.props.className.list,"data-pagination-list":``,"aria-live":`polite`})}),this.dom.list=j(`[data-pagination-list]`,this.root),this.dom.prev=this._buildControlItem(`prev`),this.dom.next=this._buildControlItem(`next`),this.dom.list?.append(this.dom.prev,this.dom.next);let e=this.dom.container;return e?(e.textContent=``,e.appendChild(this.root),this.runtime.built=!0,this._bindControlState(),this._bindPageItems(),this._bindEvents(),this):this}go(e){if(this._assertActive(`go`),y(`page`,e,{type:`number`,validate:Number.isInteger,message:`expects an integer.`},`Pagination.go`),this._isLocked())return this;let t=mr(e,1,this.state.pageCount);if(t===this.state.page.current)return this;let n=this.props.lock&&typeof this.props.onChange==`function`,r=n?++this.runtime.changeId:this.runtime.changeId;if(a(()=>{this.state.page.current=t,n&&(this.state.locked=!0)}),this.props.page.current=t,typeof this.props.onChange==`function`){let e;try{e=this.props.onChange(t,this)}catch(e){throw n&&r===this.runtime.changeId&&a(()=>{this.state.locked=!1}),e}if(n&&e&&typeof e.then==`function`){let t=()=>{!this.runtime.destroyed&&r===this.runtime.changeId&&a(()=>{this.state.locked=!1})};Promise.resolve(e).then(t,t)}else n&&r===this.runtime.changeId&&a(()=>{this.state.locked=!1})}return this}update(e={}){this._assertActive(`update`),y(`newProps`,e,{type:`object`},`Pagination.update`);let t=hr({total:e.total??this.props.total,lock:h(e,`lock`)?e.lock:this.props.lock,onChange:h(e,`onChange`)?e.onChange:this.props.onChange,className:{...this.props.className,...e.className},page:{...this.props.page,...e.page},count:{...this.props.count,...e.count}}),n=this._getPageCount(t.total,t.page.size);return t.page.current=mr(t.page.current,1,n),this.props=t,a(()=>{this.state.total=t.total,this.state.page.size=t.page.size,this.state.page.current=t.page.current,this.state.count.sibling=t.count.sibling,this.state.count.boundary=t.count.boundary,this.state.pageCount=n,t.lock||(this.state.locked=!1)}),this}_getPageCount(e,t){return Math.max(1,Math.ceil(e/t))}_getPageItems(){return yr(this.state.page.current,this.state.pageCount,this.state.count)}_getItemsKey(){return[this.state.page.current,this._isLocked()?`locked`:`unlocked`,...this._getPageItems().map(e=>e.key)].join(`|`)}_isLocked(){return this.props.lock&&this.state.locked}_isPrevDisabled(){return this._isLocked()||this.state.page.current<=1}_isNextDisabled(){return this._isLocked()||this.state.page.current>=this.state.pageCount}_buttonClass(...e){let{button:t,buttonIcon:n,buttonGhost:r}=this.props.className;return[t,n,r,...e].filter(Boolean).join(` `)}_buildControlItem(e){return c(`li`,{className:this.props.className.item,"data-pagination-control":e,children:c(`button`,{className:this._buttonClass(),type:`button`,"data-page-action":e,children:S(e===`prev`?`arrow-left`:`arrow-right`)})})}_buildPageItem(e){let t=this._isLocked();return e.type===`more`?c(`li`,{className:[this.props.className.item,this.props.className.more].filter(Boolean).join(` `),"data-pagination-more":e.key,"aria-hidden":`true`,children:c(`button`,{className:this._buttonClass(),type:`button`,disabled:t,children:S(`more`)})}):c(`li`,{className:this.props.className.item,"data-pagination-item":String(e.page),children:e.page===this.state.page.current?c(`span`,{className:[this.props.className.button,this.props.className.buttonIcon,this.props.className.active].filter(Boolean).join(` `),"data-current-page":String(e.page),"aria-current":`page`,"aria-label":`Page ${e.page}, current page`,children:t?c(`i`,{className:this.props.className.loading,children:S(`loader`)}):String(e.page)}):c(`button`,{className:this._buttonClass(),type:`button`,"data-page":String(e.page),"aria-label":`Go to page ${e.page}`,"aria-disabled":t?`true`:null,disabled:t,tabindex:t?`-1`:null,children:String(e.page)})})}_bindControlState(){this.cleanup.controls?.(),this.cleanup.controls=i(t=>{let n=this.dom.prev?j(`[data-page-action]`,this.dom.prev):null,r=this.dom.next?j(`[data-page-action]`,this.dom.next):null;return n&&(e(n,`disabled`,()=>this._isPrevDisabled()),e(n,`aria-disabled`,()=>this._isPrevDisabled()?`true`:`false`),e(n,`tabindex`,()=>this._isPrevDisabled()?`-1`:null),e(n,`aria-label`,()=>`Go to previous page`)),r&&(e(r,`disabled`,()=>this._isNextDisabled()),e(r,`aria-disabled`,()=>this._isNextDisabled()?`true`:`false`),e(r,`tabindex`,()=>this._isNextDisabled()?`-1`:null),e(r,`aria-label`,()=>`Go to next page`)),t})}_bindPageItems(){this.cleanup.itemsEffect?.dispose(),this.cleanup.itemsEffect=r(()=>{let e=this._getItemsKey();e!==this.runtime.itemsKey&&(this.runtime.itemsKey=e,this._renderPageItems())})}_renderPageItems(){if(this.dom.items=[],!this.dom.list||!this.dom.next)return;let e=this._getPageItems().map(e=>this._buildPageItem(e));for(let e of this.dom.pageNodes)e.remove();this.dom.pageNodes=e;for(let t of e)this.dom.list.insertBefore(t,this.dom.next)}_bindEvents(){let e=this.root;e&&this.cleanup.events.on(`click`,e,`click`,t=>{let n=t.target;if(!(n instanceof Element))return;let r=n.closest(`[data-page], [data-page-action]`);if(!r||!e.contains(r))return;t.preventDefault();let i=r.dataset.pageAction;if(i===`prev`&&!this._isPrevDisabled()){this.go(this.state.page.current-1);return}if(i===`next`&&!this._isNextDisabled()){this.go(this.state.page.current+1);return}r.dataset.page&&this.go(Number(r.dataset.page))})}_assertActive(e){if(this.runtime.destroyed)throw Error(`Pagination.${e}: instance has been destroyed.`)}onDestroy(){this.cleanup.events.clear(),this.cleanup.controls?.(),this.cleanup.itemsEffect?.dispose(),this.cleanup.controls=null,this.cleanup.itemsEffect=null,this.dom.container&&(this.dom.container.textContent=``),this.runtime.built=!1,this.runtime.itemsKey=``,this.runtime.changeId=0,this.dom.container=null,this.dom.list=null,this.dom.prev=null,this.dom.next=null,this.dom.pageNodes=[],this.dom.items=[]}};function xr(e,t={}){return new br(e,t)}const Sr={root:`j-swiper`,wrapper:`swiper-wrapper`,slide:`swiper-slide`,image:`swiper-image`,title:`swiper-slide-title`,pagination:`swiper-pagination`,paginationHorizontal:`is-horizontal`,paginationClickable:`is-clickable`,paginationBulletGroup:`is-bullet`,indicator:`swiper-pagination-indicator`,bullet:`swiper-pagination-bullet`,navigation:`swiper-navigation`,prev:`is-prev`,next:`is-next`,active:`is-active`,disabled:`is-disabled`,loading:`loading`,loaded:`loaded`,error:`error`},Cr={data:{default:null,validate:e=>e==null||Array.isArray(e),message:`expects an array or null.`},loop:{default:!0,type:`boolean`},autoplay:{default:!0,type:`boolean`},delay:{default:3e3,type:`number`,validate:e=>Number(e)>=0,message:`expects a positive number or 0.`},lazyload:{default:!0,type:`boolean`},pagination:{default:!0,type:`boolean`},navigation:{default:!0,type:`boolean`},speed:{default:300,type:`number`,validate:e=>Number(e)>=0,message:`expects a positive number or 0.`},touchRatio:{default:1,type:`number`,validate:e=>Number(e)>0,message:`expects a number greater than 0.`},touchAngle:{default:45,type:`number`,validate:e=>Number(e)>=0&&Number(e)<=90,message:`expects a number between 0 and 90.`},longSwipesMs:{default:300,type:`number`,validate:e=>Number(e)>=0,message:`expects a positive number or 0.`},longSwipesRatio:{default:.05,type:`number`,validate:e=>Number(e)>=0&&Number(e)<=1,message:`expects a number between 0 and 1.`},preventClick:{default:!0,type:`boolean`},className:{default:Sr,type:`object`,normalize:e=>({...Sr,...e&&typeof e==`object`?e:{}})}},wr={validate:e=>{if(!e||typeof e!=`object`||Array.isArray(e))return!1;let t=e;return(t.image==null||typeof t.image==`string`)&&(t.url==null||typeof t.url==`string`)&&(t.title==null||typeof t.title==`string`)&&(t.sort==null||typeof t.sort==`number`)&&(t.blank==null||typeof t.blank==`boolean`)&&(t.children==null||k(t.children))},message:`expects items with optional image, url, title, sort, blank and children fields.`};function Tr(e){return e instanceof Element&&!!e.closest(`a, button, input, textarea, select, label, [data-swiper-ignore]`)}function $(e,t=0){let n=Number(e);return Number.isFinite(n)?n:t}function Er(e,t){return T(e,t)}function Dr(e={}){let t=b(e,Cr,`Swiper.options`);return{...t,className:{...t.className}}}function Or(e){let t=M(`[data-swiper="root"]`,e);return y(`container`,t,{validate:e=>Array.isArray(e)&&e.length===1,message:`expects exactly one [data-swiper="root"] descendant.`},`Swiper`),t[0]}function kr(...e){return e.filter(Boolean).join(` `)}function Ar(e,t,n=``){e.setAttribute(t,n)}function jr(e){return v(e)}var Mr=class extends F{constructor(e,t={}){let r=Dr(t);super(r),this.dom.container=e,this._built=!1,this.dom.mountTarget=null,this.dom.createdRoot=!1,this.dom.createdSlides=!1,this.dom.wrapper=null,this.dom.slides=[],this.dom.pagination=null,this.dom.prevButton=null,this.dom.nextButton=null,this.dom.bullets=[],this.dom.createdPagination=!1,this.dom.createdPrevButton=!1,this.dom.createdNextButton=!1,this.runtime.logs=[],this.runtime.startTarget=null,this.runtime.touching=!1,this.runtime.scrolling=!1,this.runtime.swiping=!1,this.runtime.clickPrevented=!1,this.runtime.timer=null,this.runtime.imageCleanups=new Set,this.runtime.realCount=0,this.state=n({index:0,trackIndex:0,transform:0,animating:!1,width:0})}build(){if(this.runtime.destroyed)throw Error(`Swiper.build: instance destroyed`);if(this._built)return this;let e=Array.isArray(this.props.data),t=O(this.dom.container,`Swiper`),n=null,r=null;e?(r=t,n=o(`div`,{className:this.props.className.root,"data-swiper":`root`}),r.appendChild(n)):n=Or(t);try{this.dom.root=n,this.dom.mountTarget=r,this.dom.createdRoot=e,this.dom.createdSlides=e;let t=e?this.createDataView(n,this.props.data):j(`[data-swiper-wrapper]`,n);y(`wrapper`,t,{validate:w,message:`expects [data-swiper-wrapper] in the root element.`},`Swiper`),this.dom.wrapper=t,this.dom.slides=M(`[data-swiper-slide]`,this.dom.wrapper),this.dom.pagination=j(`[data-swiper-pagination]`,n),this.dom.prevButton=j(`[data-action="prev"]`,n),this.dom.nextButton=j(`[data-action="next"]`,n),this.dom.bullets=[],this.dom.createdPagination=!1,this.dom.createdPrevButton=!1,this.dom.createdNextButton=!1,this.runtime.realCount=this.dom.slides.length,this._built=!0,this.dom.slides.length>0&&this.onInit()}catch(e){throw this.destroy(),e}return this.emit(`init`,this.props),this}set index(e){this.setState({index:$(e)})}set trackIndex(e){this.setState({trackIndex:$(e)})}set transform(e){this.setState({transform:$(e)})}set animating(e){this.setState({animating:!!e})}set width(e){this.setState({width:$(e)})}get realCount(){return this.runtime?.destroyed?0:this.runtime?.realCount||0}get realIndex(){return this.toRealIndex()}assertBuilt(e){if(!this._built)throw Error(`Swiper.${e}: call build() first.`)}createDataView(e,t){let n=this.normalizeData(t),r=o(`div`,{className:this.props.className.wrapper,"data-swiper-wrapper":``,"aria-live":`polite`});return e.textContent=``,n.forEach((e,t)=>{r.appendChild(this.createDataSlide(e,t))}),e.appendChild(r),r}normalizeData(e){if(!Array.isArray(e))return[];e.forEach((e,t)=>{y(String(t),e,wr,`Swiper.options.data`)});let t=e.map((e,t)=>({...e,blank:e.blank!==!1,index:t}));return t.some(e=>e.sort!=null)?t.sort((e,t)=>e.sort==null&&t.sort==null?e.index-t.index:e.sort==null?1:t.sort==null?-1:e.sort-t.sort||e.index-t.index):t}createDataSlide(e,t){let n=o(e.url?`a`:`div`,{className:this.props.className.slide,href:e.url||void 0,target:e.url?e.blank?`_blank`:`_self`:void 0,"data-swiper-slide":String(t),"data-swiper-index":String(t),role:`group`,"aria-label":`Slide ${t+1}`});if(e.children!=null)return n.append(...Er(e.children,{swiper:this,item:e,index:t})),n;if(e.image){let t=o(`img`,{className:this.props.className.image,alt:e.title||``,loading:`lazy`});this.props.lazyload?t.dataset.lazy=e.image:t.src=e.image,n.appendChild(t)}return e.title&&n.appendChild(o(`span`,{className:this.props.className.title,children:e.title})),n}onInit(){!this.dom.root||!this.dom.wrapper||(this.dom.wrapper.setAttribute(`aria-live`,`polite`),this.updateSize(),this.props.loop&&this.realCount>1&&this.initLoop(),this.setupStyles(),this.setTrackIndex(+!!this.props.loop,!1),this.render(!1),this.bindEvents(),this.props.pagination&&this.initPagination(),this.props.navigation&&this.initNavigation(),this.props.lazyload&&this.loadImages(),this.props.autoplay&&this.play())}onDestroy(){this.pause(),this.clearImageCleanups(),this.cleanup.events.clear(),this.cleanup.bindings?.(),this.cleanup.bindings=null,this.cleanup.navBindings?.(),this.cleanup.navBindings=null,this.dom.wrapper&&M(`[data-clone]`,this.dom.wrapper).forEach(e=>e.remove()),this.dom.createdPagination&&this.dom.pagination?.remove(),this.dom.createdPrevButton&&this.dom.prevButton?.remove(),this.dom.createdNextButton&&this.dom.nextButton?.remove(),this.dom.createdRoot&&this.dom.root?.remove(),this._built=!1}updateSize(){this.assertBuilt(`updateSize`),this.dom.root&&(this.width=this.dom.root.clientWidth||this.dom.root.offsetWidth)}refreshSlides(){this.dom.wrapper&&(this.dom.slides=M(`[data-swiper-slide]`,this.dom.wrapper),this.runtime.realCount=this.dom.slides.filter(e=>!e.hasAttribute(`data-clone`)).length)}initLoop(){if(!this.dom.wrapper||this.dom.slides.length===0)return;let e=this.dom.slides[0].cloneNode(!0),t=this.dom.slides[this.dom.slides.length-1].cloneNode(!0);e.setAttribute(`data-clone`,``),t.setAttribute(`data-clone`,``),e.removeAttribute(`data-swiper-index`),t.removeAttribute(`data-swiper-index`),this.dom.wrapper.appendChild(e),this.dom.wrapper.insertBefore(t,this.dom.slides[0]),this.refreshSlides()}setupStyles(){this.dom.root&&this.dom.root.style.setProperty(`--swiper-slide-width`,`${this.state.width}px`)}reInitView(){this.dom.wrapper&&(this.pause(),this.clearImageCleanups(),this.cleanup.bindings?.(),this.cleanup.bindings=null,this.cleanup.navBindings?.(),this.cleanup.navBindings=null,this.cleanup.events.clear(),M(`[data-clone]`,this.dom.wrapper).forEach(e=>e.remove()),this.refreshSlides(),this.props.loop&&this.realCount>1&&this.initLoop(),this.updateSize(),this.setupStyles(),this.setTrackIndex(this.trackIndexForRealIndex(this.state.index),!1),this.render(!1),this.bindEvents(),this.props.pagination?this.initPagination():this.clearPagination(),this.props.navigation?this.initNavigation():this.clearNavigation(),this.props.lazyload&&this.loadImages(),this.props.autoplay&&this.play())}clearPagination(){this.cleanup.bindings?.(),this.cleanup.bindings=null,this.dom.bullets.forEach((e,t)=>{this.cleanup.events.off(`bullet:${t}:click`),this.cleanup.events.off(`bullet:${t}:keydown`)}),this.dom.bullets=[],this.dom.createdPagination?(this.dom.pagination?.remove(),this.dom.pagination=null,this.dom.createdPagination=!1):this.dom.pagination&&(this.dom.pagination.textContent=``)}clearNavigation(){this.cleanup.navBindings?.(),this.cleanup.navBindings=null,this.cleanup.events.off(`nav:prev`),this.cleanup.events.off(`nav:next`),this.dom.createdPrevButton&&(this.dom.prevButton?.remove(),this.dom.prevButton=null,this.dom.createdPrevButton=!1),this.dom.createdNextButton&&(this.dom.nextButton?.remove(),this.dom.nextButton=null,this.dom.createdNextButton=!1)}bindEvents(){let e=this.dom.root,t=this.dom.wrapper;!e||!t||(this.cleanup.events.on(`touchstart`,t,`touchstart`,e=>{let t=e;t.touches[0]&&this.onStart(t.touches[0],t.target)},{passive:!0}),this.cleanup.events.on(`touchmove`,t,`touchmove`,e=>{let t=e;t.touches[0]&&this.onMove(t.touches[0],e)},{passive:!1}),this.cleanup.events.on(`touchend`,t,`touchend`,e=>{let t=e;t.changedTouches[0]&&this.pushLog(t.changedTouches[0]),this.onEnd()}),this.cleanup.events.on(`touchcancel`,t,`touchcancel`,()=>{this.resetDrag(!0)}),this.cleanup.events.on(`window:touchcancel`,window,`touchcancel`,()=>{this.resetDrag(!0)}),this.cleanup.events.on(`mousedown`,t,`mousedown`,e=>{let n=e;n.button===0&&(this.onStart(n,n.target),t.style.cursor=`grabbing`)}),this.cleanup.events.on(`mousemove`,t,`mousemove`,e=>{let t=e;t.buttons===1&&this.onMove(t,e)}),this.cleanup.events.on(`window:mousemove`,window,`mousemove`,e=>{let t=e;this.runtime.touching&&t.buttons===1&&this.onMove(t,e)}),this.cleanup.events.on(`mouseup`,t,`mouseup`,e=>{t.style.cursor=`grab`,this.pushLog(e),this.onEnd()}),this.cleanup.events.on(`window:mouseup`,window,`mouseup`,e=>{this.runtime.touching&&(t.style.cursor=`grab`,this.pushLog(e),this.onEnd())}),this.cleanup.events.on(`wrapper:mouseleave`,t,`mouseleave`,()=>{t.style.cursor=`grab`}),this.cleanup.events.on(`click`,t,`click`,e=>{!this.runtime.clickPrevented||!this.props.preventClick||(e.preventDefault(),e.stopPropagation(),this.runtime.clickPrevented=!1)},{capture:!0}),this.cleanup.events.on(`dragstart`,t,`dragstart`,e=>e.preventDefault()),this.cleanup.events.on(`transitionend`,t,`transitionend`,e=>this.onTransitionEnd(e)),this.cleanup.events.on(`window:resize`,window,`resize`,()=>this.update(null,{force:!0})),this.cleanup.events.on(`root:mouseenter`,e,`mouseenter`,()=>this.pause()),this.cleanup.events.on(`root:mouseleave`,e,`mouseleave`,()=>this.resume()))}onStart(e,t=null){this.state.animating||(this.runtime.logs=[],this.pushLog(e),this.runtime.startTarget=t,this.runtime.touching=!0,this.runtime.scrolling=!1,this.runtime.swiping=!1,this.runtime.clickPrevented=!1,this.pause(),this.dom.wrapper&&(this.dom.wrapper.style.transition=`none`))}onMove(e,t){if(!this.runtime.touching||this.runtime.scrolling||this.state.animating)return;this.pushLog(e);let n=this.getOffset(),r=Math.abs(n.x),i=Math.abs(n.y);if(!(r<6&&i<6)){if(!this.runtime.swiping)if(Math.atan2(i,r)*180/Math.PI<this.props.touchAngle)this.runtime.swiping=!0,this.runtime.clickPrevented=Tr(this.runtime.startTarget);else{this.runtime.scrolling=!0,this.resetDrag(!0);return}this.runtime.swiping&&(t.preventDefault(),this.transform=-this.state.trackIndex*this.state.width+n.x*this.props.touchRatio,this.render(!1))}}onEnd(){if(!this.runtime.touching)return;if(this.runtime.touching=!1,!this.runtime.swiping){this.resetDrag(!0);return}let e=this.getDuration(),t=this.getOffset().x,n=this.state.trackIndex;if(e>this.props.longSwipesMs){let e=Math.ceil(Math.abs(t)/this.state.width-this.props.longSwipesRatio);e>0&&(n=this.state.trackIndex+e*(t>0?-1:1))}else{let e=Math.abs(t)/this.state.width,r=e>=this.props.longSwipesRatio?Math.max(1,Math.ceil(e-this.props.longSwipesRatio)):0;r>0&&(n=t>0?this.state.trackIndex-r:this.state.trackIndex+r)}this.slideToTrack(n),this.runtime.logs=[],this.resume()}resetDrag(e=!0){let t=this.state.trackIndex===0?0:-this.state.trackIndex*this.state.width,n=e&&this.state.transform!==t;this.runtime.touching=!1,this.runtime.scrolling=!1,this.runtime.swiping=!1,this.runtime.logs=[],this.runtime.startTarget=null,this.transform=t,this.render(n),this.resume()}onTransitionEnd(e){e&&(e.target!==this.dom.wrapper||!(`propertyName`in e)||e.propertyName!==`transform`)||(this.animating=!1,this.props.loop&&(this.state.trackIndex===0?(this.setTrackIndex(this.realCount,!1),this.render(!1)):this.state.trackIndex===this.dom.slides.length-1&&(this.setTrackIndex(1,!1),this.render(!1))))}pushLog(e){this.runtime.logs.push({x:e.pageX??e.clientX??0,y:e.pageY??e.clientY??0,time:Date.now()}),this.runtime.logs.length>5&&this.runtime.logs.shift()}getDuration(){return this.runtime.logs.length===0?0:this.runtime.logs[this.runtime.logs.length-1].time-this.runtime.logs[0].time}getOffset(){if(this.runtime.logs.length===0)return{x:0,y:0};let e=this.runtime.logs[0],t=this.runtime.logs[this.runtime.logs.length-1];return{x:t.x-e.x,y:t.y-e.y}}toRealIndex(e=this.state.trackIndex){return this.realCount?this.props.loop?e===0?this.realCount-1:e===this.dom.slides.length-1?0:e-1:e:0}trackIndexForRealIndex(e){if(!this.realCount)return 0;let t=Math.max(0,Math.min(e,this.realCount-1));return this.props.loop&&this.realCount>1?t+1:t}setTrackIndex(e,t=!0){let n=$(e);this.setState({trackIndex:n,index:this.toRealIndex(n),transform:-n*this.state.width}),t!=null&&this.render(t)}slideTo(e){return this.slideToTrack(this.trackIndexForRealIndex(e))}slideToTrack(e){if(this.assertBuilt(`slideToTrack`),this.state.animating||this.dom.slides.length===0)return;let t=e;this.props.loop?e<0?t=0:e>=this.dom.slides.length&&(t=this.dom.slides.length-1):t=Math.max(0,Math.min(e,this.dom.slides.length-1)),this.setTrackIndex(t,!0),this.props.lazyload&&this.loadImages()}next(){this.assertBuilt(`next`),!this.state.animating&&this.slideToTrack(this.state.trackIndex+1)}prev(){this.assertBuilt(`prev`),!this.state.animating&&this.slideToTrack(this.state.trackIndex-1)}render(e){this.assertBuilt(`render`),this.dom.wrapper&&(e?(this.dom.wrapper.style.transition=`transform ${this.props.speed}ms cubic-bezier(0.25, 0.46, 0.45, 0.94)`,this.animating=!0):(this.dom.wrapper.style.transition=`none`,this.animating=!1),this.dom.wrapper.style.transform=`translate3d(${this.state.transform}px, 0, 0)`)}loadImages(){this.assertBuilt(`loadImages`);let e=[this.state.trackIndex];this.state.trackIndex>0&&e.push(this.state.trackIndex-1),this.state.trackIndex<this.dom.slides.length-1&&e.push(this.state.trackIndex+1),e.forEach(e=>{let t=this.dom.slides[e];if(!t)return;let n=j(`img[data-lazy]`,t);if(!n||n.src)return;n.classList.add(this.props.className.loading),n.src=n.dataset.lazy||``;let r=()=>{n.onload=null,n.onerror=null,this.runtime.imageCleanups.delete(r)};this.runtime.imageCleanups.add(r),n.onload=()=>{n.classList.remove(this.props.className.loading),n.classList.add(this.props.className.loaded),r()},n.onerror=()=>{n.classList.remove(this.props.className.loading),n.classList.add(this.props.className.error),r()}})}clearImageCleanups(){this.runtime.imageCleanups?.forEach(e=>e()),this.runtime.imageCleanups?.clear()}initPagination(){if(!this.dom.root)return;this.dom.pagination?(this.dom.pagination.classList.add(this.props.className.paginationHorizontal,this.props.className.paginationClickable,this.props.className.paginationBulletGroup),Ar(this.dom.pagination,`data-swiper-pagination`)):(this.dom.pagination=o(`div`,{className:kr(this.props.className.pagination,this.props.className.paginationHorizontal,this.props.className.paginationClickable,this.props.className.paginationBulletGroup),"data-swiper-pagination":``}),this.dom.root.appendChild(this.dom.pagination),this.dom.createdPagination=!0);let n=this.dom.pagination;if(n){n.textContent=``,this.dom.bullets=[];for(let e=0;e<this.realCount;e++){let t=o(`button`,{type:`button`,className:kr(this.props.className.indicator,this.props.className.bullet),"data-swiper-bullet":String(e),"aria-label":`Go to slide ${e+1}`});this.cleanup.events.on(`bullet:${e}:click`,t,`click`,()=>{this.slideTo(e)}),this.cleanup.events.on(`bullet:${e}:keydown`,t,`keydown`,t=>{let n=t;(n.key===`Enter`||n.key===` `)&&(t.preventDefault(),this.slideTo(e))}),this.dom.bullets.push(t),n.appendChild(t)}this.cleanup.bindings=i(n=>(this.dom.bullets.forEach((n,r)=>{t(n,this.props.className.active,()=>this.state.index===r),e(n,`aria-current`,()=>this.state.index===r?`true`:null)}),n))}}initNavigation(){let n=this.ensureNavigation(`prev`,`arrow-left`),r=this.ensureNavigation(`next`,`arrow-right`);this.dom.prevButton=n,this.dom.nextButton=r,this.cleanup.events.on(`nav:prev`,n,`click`,()=>this.prev()),this.cleanup.events.on(`nav:next`,r,`click`,()=>this.next()),this.props.loop||(this.cleanup.navBindings=i(i=>(t(n,this.props.className.disabled,()=>this.state.trackIndex<=0),e(n,`disabled`,()=>this.state.trackIndex<=0?``:null),t(r,this.props.className.disabled,()=>this.state.trackIndex>=this.dom.slides.length-1),e(r,`disabled`,()=>this.state.trackIndex>=this.dom.slides.length-1?``:null),i)))}ensureNavigation(e,t){if(!this.dom.root)throw Error(`Swiper.ensureNavigation: root not found.`);let n=e===`prev`?`createdPrevButton`:`createdNextButton`,r=e===`prev`?this.props.className.prev:this.props.className.next,i=kr(this.props.className.navigation,r),a=j(`[data-action="${e}"]`,this.dom.root);return a?a.tagName.toLowerCase()===`button`?(a.classList.add(this.props.className.navigation,r),Ar(a,`data-swiper-navigation`,e)):(a.setAttribute(`role`,`button`),a.setAttribute(`tabindex`,`0`),a.classList.add(this.props.className.navigation,r),Ar(a,`data-swiper-navigation`,e)):(a=o(`button`,{type:`button`,className:i,"data-action":e,"data-swiper-navigation":e}),this.dom.root.appendChild(a),this.dom[n]=!0),a.setAttribute(`aria-label`,e===`prev`?`Previous slide`:`Next slide`),j(`svg`,a)||(a.textContent=``,a.appendChild(S(t))),a}play(){if(this.assertBuilt(`play`),this.runtime.destroyed||this.runtime.timer||this.realCount<=1)return;let e=Math.max(this.props.delay,16);this.runtime.timer=setInterval(()=>this.next(),e)}pause(){this.runtime.timer&&(clearInterval(this.runtime.timer),this.runtime.timer=null)}resume(){this.runtime.destroyed||this.props.autoplay&&!this.runtime.timer&&this.play()}restartAutoplay(){this.pause(),this.props.autoplay&&this.play()}update(e={},{force:t=!1}={}){if(this.runtime.destroyed)throw Error(`Component.update: instance destroyed`);this.assertBuilt(`update`);let n=jr(e)?e:{},r=Dr(Object.assign({},this.props,n)),i={};return Object.keys(n).forEach(e=>{let t=e;i[t]=r[t]}),this.props=r,this.emit(`beforeUpdate`,i,{force:t}),this.onUpdate(i,{force:t}),this.emit(`afterUpdate`,i,{force:t}),this}onUpdate(e={},t={force:!1}){if(e&&Object.prototype.hasOwnProperty.call(e,`data`)){this.updateData(e.data);return}if([`loop`,`pagination`,`navigation`,`lazyload`].some(t=>Object.prototype.hasOwnProperty.call(e,t))){this.reInitView();return}this.updateSize(),this.setupStyles(),this.setTrackIndex(this.trackIndexForRealIndex(this.state.index),!1),Object.prototype.hasOwnProperty.call(e,`autoplay`)||Object.prototype.hasOwnProperty.call(e,`delay`)?this.restartAutoplay():this.props.autoplay?this.resume():this.pause()}updateData(e=this.props.data){if(this.runtime.destroyed)throw Error(`Swiper.updateData: instance destroyed`);if(this.assertBuilt(`updateData`),!this.dom.createdRoot)throw Error(`Swiper.updateData: not supported on DOM-bound instances.`);if(y(`data`,e,Cr.data,`Swiper.options`),!Array.isArray(e))return this.props.data=e,this.reInitView(),this;this.props.data=e;let t=this.state.index,n=this.dom.wrapper;if(!n)return this;this.pause(),this.clearImageCleanups(),this.cleanup.bindings?.(),this.cleanup.bindings=null,this.cleanup.navBindings?.(),this.cleanup.navBindings=null,this.cleanup.events.clear();let r=this.normalizeData(e);return n.textContent=``,r.forEach((e,t)=>{n.appendChild(this.createDataSlide(e,t))}),this.refreshSlides(),this.runtime.realCount=this.dom.slides.length,this.setState({index:Math.min(t,Math.max(0,this.realCount-1))}),this.reInitView(),this}};function Nr(e,t={}){return new Mr(e,t)}const Pr={root:``,list:`menu`,item:`menu-item`,hasChildren:`menu-item-has-children`,link:`menu-link`,subMenu:`sub-menu`,back:`back`,active:`is-active`,icon:`el-icon`,iconPrefix:`el-prefix`,text:`menu-text`},Fr={type:{default:`mobile`,type:`string`},id:{default:``,type:`string`,normalize:e=>typeof e==`string`?e.trim()===``?x():e.trim():e},items:{default:[],type:`array`},backText:{default:`Back`,type:`string`},className:{default:Pr,type:`object`,normalize:e=>({...Pr,...e&&typeof e==`object`?e:{}})}},Ir={type:`array`};function Lr(e={}){let t=b(e,Fr,`Menu.options`);return{...t,items:t.items.slice(),className:{...t.className}}}function Rr(...e){return e.filter(Boolean).join(` `)}function zr(e){return`menu-item-${e??x()}`}function Br(e){let t=e.tagName.toLowerCase();return t===`ul`||t===`ol`}function Vr(e){if(!e||typeof e!=`object`||Array.isArray(e))return!1;let t=e;return(typeof t.title==`string`||typeof t.title==`number`)&&(t.id==null||typeof t.id==`string`||typeof t.id==`number`)&&(t.url==null||typeof t.url==`string`)&&(t.target==null||typeof t.target==`string`)&&(t.classes==null||Array.isArray(t.classes)&&t.classes.every(e=>typeof e==`string`))&&(t.children==null||Array.isArray(t.children)&&t.children.every(Vr))}function Hr(e){return e.hasAttribute(`data-menu-list`)||Br(e)?e:j(`[data-menu-list]`,e)}function Ur(e){return M(`[data-menu-link]`,e).find(t=>t.parentElement===e)||null}function Wr(e){return M(`[data-menu-list="sub"]`,e).find(t=>t.parentElement===e)||null}function Gr(e){return M(`[data-menu-back]`,e).find(t=>t.parentElement===e)||null}var Kr=class{constructor(e={},t=!1){this.options=Lr(e),this._element=t,this.dom={root:null},this.cleanup={events:N()},this._bound=!1,this._destroyed=!1}get root(){return this.dom.root}_verifyItems(e){y(`items`,e,Ir,`Menu`),e.forEach((e,t)=>{y(String(t),e,{validate:Vr,message:`expects { title, id?, url?, target?, classes?, children? }.`},`Menu.items`)})}build(){if(this._bound)return this;if(!this.options)throw Error(`Menu.build: instance destroyed.`);if(this._element===!1)this._verifyItems(this.options.items),this.dom.root=this._buildRoot(),this._bound=!0;else{let e=D(this._element);if(!e)throw Error(`Menu.element: container not found.`);this.dom.root=e,this._bound=!0}return this._bindEvents(),this}_buildRoot(){if(!this.options)throw Error(`Menu._buildRoot: instance destroyed.`);let{items:e,id:t,type:n,className:r}=this.options;return c(`nav`,{className:r.root||`j-${n}-menu`,"data-menu":`root`,"data-menu-type":n,children:c(`ul`,{className:r.list,id:t,"data-menu-list":`root`,children:e.map(e=>this._buildItem(e))})})}_buildItem(e){if(!this.options)throw Error(`Menu._buildItem: instance destroyed.`);let{className:t}=this.options,n=e.children||[],r=n.length>0,i=[t.item];r&&i.push(t.hasChildren),e.classes&&i.push(...e.classes);let a=[c(`a`,{className:t.link,href:e.url||``,...e.target&&{target:e.target},"data-menu-link":``,children:e.title})];return r&&a.push(c(`ul`,{className:t.subMenu,"data-menu-list":`sub`,children:n.map(e=>this._buildItem(e))})),c(`li`,{className:Rr(...i),id:zr(e.id),"data-menu-item":e.id==null?``:String(e.id),...r&&{"data-menu-has-children":``},children:a})}_bindEvents(){!this.dom.root||!this.options||!this.cleanup||(this.options.type===`mobile`?this.cleanup.events.on(`mobile`,this.dom.root,`click`,e=>{let t=e.target;if(!(t instanceof Element))return;let n=t.closest(`[data-menu-back]`);if(n&&this.dom.root?.contains(n)){e.preventDefault(),this._handleBack(n);return}let r=t.closest(`[data-menu-has-children]`);if(r&&this.dom.root?.contains(r)){let n=Ur(r);n&&(t===n||n.contains(t))&&(e.preventDefault(),this._handleMenuClick(r))}}):this.options.type===`bottom`&&this.cleanup.events.on(`bottom`,document,`click`,e=>{let t=e.target;if(!(t instanceof Element)||!this.dom.root)return;let n=t.closest(`[data-menu-list="sub"] [data-menu-link]`);if(n&&this.dom.root.contains(n))return;let r=t.closest(`[data-menu-list="root"] > [data-menu-has-children]`);r&&this.dom.root.contains(r)?(e.preventDefault(),this._toggleActive(r)):this._clearActive()}))}_unbindEvents(){this.cleanup?.events.clear()}_teardown({keepElement:e=!1}={}){this._unbindEvents(),this.cleanup?.items?.(),this.cleanup&&(this.cleanup.items=null),this._element===!1&&this.dom.root?.parentElement&&this.dom.root.remove(),e||(this._element=null),this.dom.root=null,this._bound=!1}_handleMenuClick(e){if(!this.options)return;e.classList.add(this.options.className.active);let t=Wr(e);if(!t||Gr(t))return;let{className:n}=this.options,r=c(`li`,{className:Rr(n.item,n.back),"data-menu-back":``,children:c(`a`,{className:n.link,href:``,"data-menu-link":``,children:[c(`icon`,{className:Rr(n.icon,n.iconPrefix),children:S(`arrow-left`)}),c(`span`,{className:n.text,children:this.options.backText})]})});t.insertBefore(r,t.firstChild)}_handleBack(e){if(!this.options)return;let t=e.closest(`[data-menu-back]`);if(!t)return;let n=t.parentElement?.parentElement;n?.hasAttribute(`data-menu-has-children`)&&n.classList.remove(this.options.className.active),t.remove()}_toggleActive(e){if(!this.options)return;let t=e.classList.contains(this.options.className.active);this._clearActive(),t||e.classList.add(this.options.className.active)}_clearActive(){!this.dom.root||!this.options||M(`[data-menu-item]`,this.dom.root).forEach(e=>{e.classList.remove(this.options?.className.active||`is-active`)})}setItems(e){if(!this.options)throw Error(`Menu.setItems: instance destroyed.`);if(this._verifyItems(e),this.options.items=e,this._bound){if(this._element===!1){let e=this._element;this._teardown({keepElement:!0}),this._element=e,this.build()}else if(this.dom.root){let t=Hr(this.dom.root);if(!t)throw Error(`Menu: [data-menu-list] element not found.`);this._unbindEvents(),this.cleanup?.items?.(),this.cleanup&&(this.cleanup.items=u(()=>e.map(e=>this._buildItem(e)),t)),this._bindEvents()}}return this}removeItem(e){if(!this.dom.root)return this;let t=M(`[data-menu-item]`,this.dom.root).find(t=>t.dataset.menuItem===String(e));if(t&&t.remove(),this.options?.items){let t=n=>{for(let r=n.length-1;r>=0;r--)if(n[r].id===e)n.splice(r,1);else{let e=n[r].children;e&&t(e)}};t(this.options.items)}return this}destroy(){this._destroyed||(this._destroyed=!0,this._bound?this._teardown():(this._element=null,this.dom.root=null,this.cleanup?.events.clear()),this.cleanup=null,this.options=null)}};function qr(e={},t=!1){return new Kr(e,t)}export{Cn as Accordion,F as Component,kn as Drop,Zt as Flow,Ct as Form,Kr as Menu,cr as Modal,Vn as Offcanvas,br as Pagination,an as Parabola,Lt as Sticky,Mr as Swiper,mn as Tabs,Xe as Theme,L as Toast,At as Toc,Pn as Tooltip,ct as Validator,Se as addIcons,M as all,m as copy,wn as createAccordion,An as createDrop,N as createEventManager,Qt as createFlow,wt as createForm,A as createLoading,qr as createMenu,lr as createModal,Hn as createOffcanvas,xr as createPagination,on as createParabola,Rt as createSticky,Nr as createSwiper,hn as createTabs,jt as createToc,Fn as createTooltip,lt as createValidator,ue as debounce,P as getCookie,xe as getRegistedIconPath,_ as getType,h as hasOwn,S as icon,ye as iconHtml,be as iconMarkup,ie as isClass,w as isElement,re as isFunction,p as isMobile,C as isNode,v as isPlainObject,k as isRenderableContent,Ae as lazyRender,Fe as listen,T as normalizeContentNodes,Ie as postJson,j as q,x as randomId,Be as removeCookie,O as requireContainer,ke as resolveContainer,D as resolveElement,Oe as resolveNode,E as resolveNodeList,b as resolveProps,Le as restUrl,te as service,ze as setCookie,de as throttle,g as timer,ne as uniq,le as uuid,y as validateParam};