@webority/ui-elements 0.51.2 → 0.51.3

package/dist/ui-elements.js

@@ -1 +1 @@
-import{n as e}from"./elementBase-BlsR4tqa.js";import{a as t,c as n,d as r,f as i,h as a,i as o,l as s,m as c,n as l,o as u,p as d,r as f,s as p,t as m,u as h}from"./formatters-BAE__8ye.js";import{a as g,c as _,i as v,n as y,o as b,r as x,s as S,t as C}from"./wuiHttp-BC8co934.js";import{_ as ee,a as te,c as w,d as T,f as E,g as ne,h as re,i as ie,l as ae,m as oe,n as D,o as se,p as ce,r as le,s as ue,t as de,u as fe,v as pe,y as O}from"./kanban-CdELdS3U.js";import{n as k,t as me}from"./statusIcons-2X4iGkKL.js";import{t as he}from"./iconGlyphs.g-CUm_mfze.js";import{t as A}from"./WuiAutocomplete-Comrnbmf.js";import{t as ge}from"./textMatch-wdY7XLIc.js";import{t as j}from"./WuiCommandPalette-CKna1GlO.js";import{t as M}from"./WuiConsentBanner-B1pihfCJ.js";import{t as N}from"./WuiContextMenu-CBy0O4HT.js";import{t as P}from"./WuiSelect-DvtN4qC2.js";import{t as _e}from"./WuiCountrySelect-oLBUHvMM.js";import{t as ve}from"./WuiDatePicker-nB1B3eWW.js";import{t as F}from"./WuiDateRange-Di5YE9mg.js";import{t as ye}from"./WuiDock-BD2HgMmP.js";import{t as be}from"./WuiImageCrop-Cr3D2iPo.js";import{t as xe}from"./WuiMultiSelect-BUw-7apM.js";import{t as Se}from"./WuiOtp-BbO_75RB.js";import{t as Ce}from"./WuiPhone-CSUVhYSb.js";import{t as we}from"./WuiSlider-Br6V2amU.js";import{t as Te}from"./WuiSortable-Bd7Fz5Ox.js";import{t as Ee}from"./WuiTagInput-DzEZooIn.js";import{t as De}from"./WuiTimePicker-Bolpp93P.js";import{n as Oe,t as ke}from"./WuiTour-Kq5FCz8E.js";import{t as Ae}from"./WuiTree-SA0QU9AF.js";import{n as je,t as Me}from"./WuiWizardStep-DIHxrXn9.js";import{$ as Ne,A as Pe,B as Fe,C as Ie,D as Le,E as Re,F as ze,G as Be,H as Ve,I as He,J as Ue,K as We,L as Ge,M as Ke,N as qe,O as Je,P as Ye,Q as Xe,R as Ze,S as Qe,T as $e,U as et,V as tt,W as nt,X as rt,Y as it,Z as at,_ as ot,a as st,b as ct,c as lt,d as ut,et as dt,f as ft,g as pt,h as mt,i as ht,j as gt,k as _t,l as vt,m as yt,n as bt,o as xt,p as St,q as Ct,r as wt,s as Tt,t as Et,tt as Dt,u as Ot,v as kt,w as At,x as jt,y as Mt,z as Nt}from"./themeTransition-lkmQm8FR.js";var Pt=`Select all rows`,Ft=`Select row`,I=`wui-select-cell`,It=(e,t)=>{let n=e.createElement(`input`);return n.type=`checkbox`,n.className=`wui-check`,n.setAttribute(`aria-label`,t),n};function Lt(e=document){let t=e.createElement(`th`);return t.className=I,t.appendChild(It(e,Pt)),t}function Rt(e=document){let t=e.createElement(`td`);return t.className=I,t.appendChild(It(e,Ft)),t}function zt(e=document){let t=e.createElement(`td`);return t.className=I,t}var L=e=>e.firstElementChild?.classList.contains(I);function Bt(e){for(let t of e)L(t)||t.insertBefore(Rt(t.ownerDocument),t.firstChild)}function Vt(e){let t=e.querySelector(`thead tr`);if(!t)return null;L(t)||t.insertBefore(Lt(e.ownerDocument),t.firstChild),Bt(e.querySelectorAll(`tbody tr`));for(let t of e.querySelectorAll(`tfoot tr`))L(t)||t.insertBefore(zt(e.ownerDocument),t.firstChild);return t.querySelector(`.${I} .wui-check`)}function Ht(e){let t=e.querySelector(`thead .${I} .wui-check`),n=[...e.querySelectorAll(`tbody tr .wui-check`)],r=n.length,i=n.filter(e=>e.checked).length;t&&(t.checked=r>0&&i===r,t.indeterminate=i>0&&i<r);for(let t of e.querySelectorAll(`tbody tr`))t.classList.toggle(`is-selected`,!!t.querySelector(`.wui-check`)?.checked);return{selected:i,total:r}}var Ut=Object.freeze([`page`,`pageSize`,`sortBy`,`sortOrder`]),R=`search`,z=Object.freeze({loading:`Loading rows`,error:`These rows did not load. Try again.`,network:`The connection dropped before the rows loaded. Check it and try again.`,forbidden:`You do not have access to these rows.`,retry:`Retry`,actionFailed:`That did not work. Try again.`,actionForbidden:`You do not have permission to do that.`,empty:`No rows`}),Wt=5,Gt=new WeakMap,Kt=(e,t)=>{let n=Number(e);return Number.isInteger(n)?n:t},qt=e=>({total:Kt(e.dataset.total,0),page:Kt(e.dataset.page,1),pageSize:Kt(e.dataset.pageSize,0),sortBy:e.dataset.sortBy||``,sortOrder:e.dataset.sortOrder===`desc`?`desc`:`asc`}),Jt=(e,t)=>{e&&window.WUI?.toast?.(e,{variant:t})};function Yt(e=document){let t=e.querySelectorAll?[...e.querySelectorAll(`[data-wui-server]`)]:[];e instanceof Element&&e.matches(`[data-wui-server]`)&&t.unshift(e);for(let e of t)Gt.has(e)||Gt.set(e,Zt(e))}function Xt(e){let t=e instanceof Element?e.closest(`[data-wui-server]`):null;return t&&Gt.get(t)||null}function Zt(e){let t=e.querySelector(`.table-wrap`),n=t?.querySelector(`:scope > table`),r=e.dataset.src;if(!n||!r)throw Error(`A server-paged table needs data-src and a .table-wrap > table: render it with <app-data-table src>.`);let i=t.querySelector(`:scope > [data-wui-table-state]`),a=e.querySelector(`[data-wui-table-pager]`),o=e.querySelector(`[data-wui-table-status]`),s={urlState:e.dataset.urlState!==`false`,refreshOnSuccess:e.dataset.refreshOnSuccess!==`false`,filtersForm:e.dataset.filtersForm||null,filtersRegion:e.dataset.filtersRegion||null,searchInput:e.dataset.searchInput||null,loadingText:e.dataset.loadingText||z.loading,errorText:e.dataset.errorText||z.error},c=new URL(r,window.location.href),l=new Set(c.searchParams.keys()),u=n.hasAttribute(`data-app-datatable-selectable`),d=new Set,f=b(),p=new AbortController,m={signal:p.signal},h=n.querySelector(`:scope > tbody[data-wui-rows]`);if(!h)throw Error(`A server-paged table needs its rows in <app-table-rows> (tbody[data-wui-rows]).`);let g=qt(h),v=null,y=null,x=e=>{let t=new URLSearchParams;for(let[n,r]of new URLSearchParams(e))l.has(n)||t.append(n,r);return t},S=e=>x(new URL(e,window.location.href).search),C=e=>{let t=e.toString();return`${window.location.pathname}${t?`?${t}`:``}${window.location.hash}`},ee=e=>{let t=new URL(c.href);for(let[n,r]of e)l.has(n)||t.searchParams.append(n,r);return t.origin===window.location.origin?`${t.pathname}${t.search}`:t.href},te=(e,t)=>{let n=new URLSearchParams(e);return n.has(`page`)&&n.set(`page`,String(t.page)),n.has(`pageSize`)&&n.set(`pageSize`,String(t.pageSize)),n.has(`sortBy`)?t.sortBy?(n.set(`sortBy`,t.sortBy),n.set(`sortOrder`,t.sortOrder)):(n.delete(`sortBy`),n.delete(`sortOrder`)):n.delete(`sortOrder`),n},w=te(s.urlState?x(window.location.search):new URLSearchParams,g);s.urlState&&C(w)!==`${window.location.pathname}${window.location.search}${window.location.hash}`&&window.history.replaceState(window.history.state,``,C(w));let T=(e,n)=>t.dispatchEvent(new CustomEvent(e,{bubbles:!0,detail:n})),E=e=>{o&&(o.textContent=e)},ne=e=>{if(e.total===0)return z.empty;let t=e.pageSize>0?Math.max(1,Math.ceil(e.total/e.pageSize)):1;return`Page ${e.page} of ${t}, ${e.total} ${e.total===1?`row`:`rows`}`},re=()=>[...n.querySelectorAll(`:scope > thead > tr:first-child > th`)],ie=e=>{if(u&&[...e.querySelectorAll(`:scope > tr`)].some(e=>!e.dataset.rowKey))throw Error(`A selectable server-paged table needs data-row-key on every row, so a selection can span pages.`)},ae=e=>{let t=[...e.querySelectorAll(`:scope > tr`)];if(u){Bt(t);for(let e of t){let t=e.querySelector(`.${I} .wui-check`);t&&(t.checked=d.has(e.dataset.rowKey))}Ht(n)}let r=re();if(n.classList.contains(`wui-table-stack`))for(let e of t)[...e.cells].forEach((e,t)=>{let n=r[t]?.textContent.trim();n&&!e.hasAttribute(`data-label`)&&e.setAttribute(`data-label`,n)});r.forEach((e,n)=>{if(e.classList.contains(`wui-col-hidden`))for(let e of t)e.cells[n]?.classList.add(`wui-col-hidden`)})},oe=e=>{for(let t of e.querySelectorAll(`:scope > template[data-wui-pager], :scope > template[data-wui-empty], :scope > template[data-wui-filters]`))t.remove()},D=e=>e?.dispatchEvent(new CustomEvent(`wui:teardown`,{bubbles:!0})),se=(e,t)=>{if(!i)return;let n=e.querySelector(`:scope > template[data-wui-empty]`);D(i),t.total===0&&n?(i.replaceChildren(n.content.cloneNode(!0)),i.hidden=!1):(i.replaceChildren(),i.hidden=!0)},ce=e=>{let r=qt(e);if(a){let t=e.querySelector(`:scope > template[data-wui-pager]`);D(a),a.replaceChildren(...t?[t.content.cloneNode(!0)]:[]),a.hidden=!1}se(e,r);let i=e.querySelector(`:scope > template[data-wui-filters]`),o=s.filtersRegion&&i?document.querySelector(s.filtersRegion):null;o&&(D(o),o.replaceChildren(i.content.cloneNode(!0))),oe(e),D(h),n.replaceChild(e,h),h=e,g=r,t.removeAttribute(`data-wui-table-error`),ae(e),A()},le=e=>{let t=document.createElement(`template`);t.innerHTML=`<table>${e}</table>`;let n=t.content.querySelector(`tbody[data-wui-rows]`);return n&&ie(n),n?document.importNode(n,!0):null},ue=()=>{if(h.querySelector(`:scope > tr:not([data-wui-skeleton])`))return;let e=Math.max(1,re().length);h.replaceChildren(...Array.from({length:Wt},()=>{let t=document.createElement(`tr`);t.setAttribute(`data-wui-skeleton`,``);for(let n=0;n<e;n++){let e=document.createElement(`td`),r=document.createElement(`span`);r.className=`skeleton`,r.setAttribute(`aria-hidden`,`true`),r.style.cssText=`display:block;width:${n===0?70:50}%;height:12px;border-radius:6px`,e.append(r),t.append(e)}return t})),t.removeAttribute(`data-wui-table-error`),i&&(i.hidden=!0)},de=e=>{e?(t.setAttribute(`aria-busy`,`true`),ue()):t.removeAttribute(`aria-busy`)},fe=e=>e===`forbidden`?z.forbidden:e===`network`?z.network:s.errorText,pe=e=>{let n=fe(e);if(t.setAttribute(`data-wui-table-error`,e),a&&(a.hidden=!0),i){let t=document.createElement(`div`);t.className=`tbl-empty wui-table-error`,t.setAttribute(`role`,`alert`);let r=document.createElement(`span`);r.className=`tbl-empty-icon`,r.innerHTML=he(e===`forbidden`?`lock`:`alert-circle`,{size:24});let a=document.createElement(`div`);a.className=`tbl-empty-title`,a.textContent=n;let o=document.createElement(`div`);o.className=`tbl-empty-action`;let s=document.createElement(`button`);s.type=`button`,s.className=`btn btn-outline-primary btn-sm`,s.setAttribute(`data-wui-table-retry`,``),s.textContent=z.retry,o.append(s),t.append(r,a,o),D(i),i.replaceChildren(t),i.hidden=!1}E(n)},O=async(e,t=`none`)=>{let n=new URLSearchParams(e);v={query:n,mode:t},de(!0),E(s.loadingText),T(`wui:table:loading`,{query:n.toString()});let r=await f.run(ee(n));if(r.kind===`aborted`||r.kind===`stale`||r.kind===`session`)return r;de(!1);let i=null,a=r.ok?null:r.kind;if(r.ok){try{i=le(r.html)}catch(e){console.error(e)}i||(a=`server`)}return a?(pe(a),T(`wui:table:error`,{status:r.status,kind:a,message:fe(a)}),r):(ce(i),w=te(n,g),s.urlState&&t===`push`?window.history.pushState(window.history.state,``,C(w)):s.urlState&&t===`replace`&&window.history.replaceState(window.history.state,``,C(w)),E(ne(g)),window.WUI?.refresh?.(),T(`wui:table:loaded`,{...g,query:w.toString()}),r)},k=e=>(e.delete(`page`),e),me=()=>[...n.querySelectorAll(`:scope > thead th[data-sort-key]`)],A=()=>{for(let e of me()){let t=e.dataset.sortKey===g.sortBy;e.setAttribute(`aria-sort`,t?g.sortOrder===`desc`?`descending`:`ascending`:`none`)}};for(let e of me())if(e.classList.add(`sortable`),e.tabIndex=0,!e.querySelector(`.sort-icon`)){let t=e.classList.contains(`num`)||e.classList.contains(`text-end`),n=document.createElement(`span`);n.className=t?`sort-icon wui-sort-lead`:`sort-icon`,n.innerHTML=he(`chevrons-up-down`,{size:14}),t?e.prepend(n):e.append(n)}let ge=e=>{let t=k(new URLSearchParams(w)),n=g.sortBy===e&&g.sortOrder===`asc`?`desc`:`asc`;return t.set(`sortBy`,e),t.set(`sortOrder`,n),O(t,`push`)};n.addEventListener(`click`,e=>{let t=e.target.closest(`th[data-sort-key]`);t&&n.tHead?.contains(t)&&ge(t.dataset.sortKey)}),n.addEventListener(`keydown`,e=>{if(e.key!==`Enter`&&e.key!==` `)return;let t=e.target.closest?.(`th[data-sort-key]`);!t||!n.tHead?.contains(t)||(e.preventDefault(),ge(t.dataset.sortKey))});let j=()=>{Ht(n),n.dispatchEvent(new CustomEvent(`selectionchange`,{bubbles:!0,detail:{selected:d.size,total:g.total}}))};u&&n.addEventListener(`change`,e=>{let t=e.target;if(t.matches?.(`.wui-select-cell .wui-check`)){if(n.tHead?.contains(t))for(let e of h.querySelectorAll(`:scope > tr`)){let n=e.querySelector(`.${I} .wui-check`);n&&(n.checked=t.checked,t.checked?d.add(e.dataset.rowKey):d.delete(e.dataset.rowKey))}else{let e=t.closest(`tr`)?.dataset.rowKey;if(!e)return;t.checked?d.add(e):d.delete(e)}j()}}),a&&(a.addEventListener(`click`,e=>{let t=e.target.closest(`a[href]`);!t||e.defaultPrevented||e.button!==0||e.ctrlKey||e.metaKey||e.shiftKey||e.altKey||(e.preventDefault(),O(S(t.getAttribute(`href`)),`push`))}),a.addEventListener(`change`,e=>{!e.target.classList?.contains(`tpg-select`)||!e.target.value||(e.stopPropagation(),O(S(e.target.value),`push`))}));let M=()=>{if(!s.searchInput)return null;let e=document.querySelector(s.searchInput);return e&&(e.matches(`input, textarea`)?e:e.querySelector(`input`))},N=()=>e.isConnected?!0:(p.abort(),clearTimeout(y),!1),P=(e,t)=>{let n=t?.name?new FormData(e,t):new FormData(e),r=new Set([...e.querySelectorAll(`[name]`)].map(e=>e.getAttribute(`name`))),i=new URLSearchParams;for(let[e,t]of w)e!==`page`&&(Ut.includes(e)||!r.has(e))&&i.append(e,t);for(let[e,t]of n)typeof t!=`string`||t===``||Ut.includes(e)||l.has(e)||i.append(e,t);let a=M();if(a){i.delete(R);let e=a.value.trim();e&&i.set(R,e)}return O(i,`push`)},_e=e=>s.filtersForm&&e.closest?.(s.filtersForm)||s.filtersRegion&&e.closest?.(s.filtersRegion)||null;document.addEventListener(`submit`,e=>{!N()||!s.filtersForm||!(e.target instanceof HTMLFormElement)||!e.target.matches(s.filtersForm)||(e.preventDefault(),P(e.target,e.submitter))},m),document.addEventListener(`change`,e=>{if(!N()||!s.filtersForm)return;let t=e.target.closest?.(s.filtersForm);!t||e.target===M()||P(t)},m);let ve=(e,t)=>{if(!e)return;let n=e=>t.get(e)??``;for(let r of e.querySelectorAll(`input[name]:not([type=hidden])`))if(r.type===`checkbox`)r.checked=t.getAll(r.name).includes(r.value);else if(r.type===`radio`){let e=n(r.name)===r.value;if(r.checked===e)continue;r.checked=e,e&&r.dispatchEvent(new Event(`change`))}else r.value!==n(r.name)&&(r.value=n(r.name),r.dispatchEvent(new Event(`input`,{bubbles:!0})));for(let r of e.querySelectorAll(`select[name]`))if(!r.multiple)r.value=n(r.name);else for(let e of r.options)e.selected=t.getAll(r.name).includes(e.value);for(let t of e.querySelectorAll(`wui-select[name]`))t.value=n(t.getAttribute(`name`));for(let n of e.querySelectorAll(`wui-multiselect[name]`))n.values=t.getAll(n.getAttribute(`name`));for(let t of e.querySelectorAll(`wui-date-range`)){let e=t.getAttribute(`start-name`)||t.getAttribute(`name`),r=t.getAttribute(`end-name`);t.value={start:e?n(e):``,end:r?n(r):``}}};document.addEventListener(`click`,e=>{if(!N())return;let t=e.target.closest?.(`a[href]`);if(!t||!_e(t)||e.defaultPrevented||e.button!==0||e.ctrlKey||e.metaKey||e.shiftKey||e.altKey)return;let n=new URL(t.getAttribute(`href`),window.location.href);if(n.origin!==window.location.origin||n.pathname!==window.location.pathname)return;e.preventDefault();let r=k(S(n.href));ve(t.closest(`form`),r),O(r,`push`)},m),document.addEventListener(`input`,e=>{if(!N())return;let t=M();!t||e.target!==t||(clearTimeout(y),y=setTimeout(()=>{let e=k(new URLSearchParams(w)),n=t.value.trim();n?e.set(R,n):e.delete(R),e.toString()!==w.toString()&&O(e,`replace`)},300))},m),s.urlState&&window.addEventListener(`popstate`,()=>{if(!N())return;let e=x(window.location.search),t=M();t&&(t.value=e.get(`search`)??``),O(e,`none`)},m),document.addEventListener(`wui:modal:success`,()=>{N()&&s.refreshOnSuccess&&O(w,`none`)},m),i?.addEventListener(`click`,e=>{e.target.closest(`[data-wui-table-retry]`)&&v&&O(v.query,v.mode)});let F=async e=>{let t=e.dataset.url;if(!t)throw Error(`A data-wui-row-action button needs data-url: the handler the action posts to.`);let n=e.closest(`tr`)?.dataset.rowKey??null,r=e.dataset.wuiRowAction||``;e.disabled=!0,e.setAttribute(`aria-busy`,`true`);let i=await _(t,{method:(e.dataset.method||`post`).toUpperCase()});if(e.disabled=!1,e.removeAttribute(`aria-busy`),i.kind===`session`||i.kind===`aborted`)return;let a=i.message;i.ok?(Jt(a,i.toastVariant||`success`),await O(w,`none`)):Jt(a||(i.kind===`forbidden`?z.actionForbidden:z.actionFailed),`danger`),T(`wui:table:action`,{action:r,key:n,ok:i.ok,status:i.status})};return n.addEventListener(`click`,e=>{let t=e.target.closest(`[data-wui-row-action]`);!t||!h.contains(t)||t.disabled||(e.preventDefault(),F(t))}),ie(h),oe(h),u&&Vt(n),ae(h),A(),{el:e,reload:()=>O(w,`none`),query:()=>new URLSearchParams(w),setQuery:e=>{let t=new URLSearchParams(w);for(let[n,r]of Object.entries(e??{})){t.delete(n);for(let e of Array.isArray(r)?r:[r])e!=null&&e!==``&&t.append(n,String(e))}return(!e||!(`page`in e))&&t.delete(`page`),O(t,`push`)},selection:{keys:()=>[...d],count:()=>d.size,clear:()=>{d.clear();for(let e of h.querySelectorAll(`:scope > tr > .${I} .wui-check`))e.checked=!1;j()}}}}var B=`wuiConfirm`,Qt=Object.freeze([`danger`]),$t=Object.freeze([`success`,`info`,`warning`,`danger`]),V=`wui.flash`,H=Object.freeze({confirmTitle:`Are you sure?`,confirmLabel:`Confirm`,cancelLabel:`Cancel`,failed:`That did not work. Try again.`,forbidden:`You do not have permission to do that.`,network:`Could not reach the server. Check your connection and try again.`}),en=new WeakSet,tn=new WeakSet,U=null,W=null,G=!1,nn=e=>{let t=document.createElement(`span`);return t.textContent=e??``,t.innerHTML},K=(e,t)=>{e&&window.WUI?.toast?.(e,{variant:t})},rn=()=>{let e=window.bootstrap?.Modal;if(!e)throw Error(`data-wui-confirm: Bootstrap's bundle (window.bootstrap) is not loaded on this page.`);return e};function an(){let e=document.getElementById(B);return e||(e=document.createElement(`div`),e.id=B,e.className=`modal fade wui-modal-shell`,e.tabIndex=-1,e.setAttribute(`aria-hidden`,`true`),e.setAttribute(`role`,`dialog`),e.setAttribute(`aria-modal`,`true`),e.style.setProperty(`--wui-modal-max-width`,`${ee.md}px`),e.innerHTML=`<div class="modal-dialog modal-dialog-centered wui-rb-dialog"><div class="modal-content wui-modal wui-confirm"><div class="wui-modal-body"><div class="wui-confirm-content"><span class="wui-confirm-icon"><wui-status-icon tone="info" size="120"></wui-status-icon></span><h3 class="wui-confirm-title" tabindex="-1" data-autofocus></h3><p class="wui-confirm-msg"></p></div></div><div class="wui-modal-footer"><div class="wui-confirm-actions"><button type="button" class="btn btn-secondary" data-bs-dismiss="modal">${nn(H.cancelLabel)}</button><button type="button" class="btn btn-primary" data-app-confirm></button></div></div></div></div>`,document.body.appendChild(e),e)}function on(e,t){let n=e.getAttribute(`data-wui-confirm-tone`);if(n!==null&&!Qt.includes(n))throw TypeError(`data-wui-confirm-tone="${n}" is not supported. Use danger, or leave it off.`);sn({title:e.getAttribute(`data-wui-confirm-title`),message:e.getAttribute(`data-wui-confirm`),label:e.getAttribute(`data-wui-confirm-label`),danger:n===`danger`},t)}function sn({title:e,message:t,label:n,danger:r},i){let a=rn(),o=an(),s=o.querySelector(`.wui-confirm-title`),c=o.querySelector(`[data-app-confirm]`);if(!s||!c)throw Error(`#${B} is not a confirm dialog with a confirm button. Render <app-confirm-dialog id="${B}"> without confirm-href, or leave the dialog to the library.`);let l=o.querySelector(`.wui-confirm-msg`);l||(l=document.createElement(`p`),l.className=`wui-confirm-msg`,s.after(l)),s.textContent=e||H.confirmTitle,l.textContent=t,c.textContent=n||H.confirmLabel,c.classList.toggle(`btn-danger`,r),c.classList.toggle(`btn-primary`,!r),o.querySelector(`wui-status-icon`)?.setAttribute(`tone`,r?`delete`:`info`),o.setAttribute(`aria-label`,s.textContent),W=i,G=!1,a.getOrCreateInstance(o).show()}var cn=(e,t)=>{U=e;try{t()}finally{U=null}};function ln(e,{title:t,message:n,label:r,tone:i},a){if(i!=null&&!Qt.includes(i))throw TypeError(`confirmAction: tone "${i}" is not supported. Use danger, or leave it off.`);Sn(e.ownerDocument),sn({title:t,message:n,label:r,danger:i===`danger`},()=>cn(e,a))}var un=e=>e.disabled===!0||e.getAttribute(`aria-disabled`)===`true`;function dn(e){let t=e.target.closest?.(`[data-wui-confirm]:not(form)`);!t||t===U||un(t)||(e.preventDefault(),e.stopImmediatePropagation(),on(t,()=>cn(t,()=>t.click())))}function fn(e){let t=e.target;if(!(t instanceof HTMLFormElement)||!t.hasAttribute(`data-wui-confirm`)||t===U||e.submitter&&e.submitter===U)return;e.preventDefault(),e.stopImmediatePropagation();let n=e.submitter?.form===t?e.submitter:void 0;on(t,()=>cn(t,()=>t.requestSubmit(n)))}function pn(e){let t=e.target.closest?.(`#${B} [data-app-confirm]`);!t||t.disabled||!W||(G=!0,rn().getOrCreateInstance(t.closest(`#${B}`)).hide())}function mn(e){if(e.target.id!==`wuiConfirm`)return;let t=G?W:null;W=null,G=!1,t?.()}var hn=(e,t)=>{e&&window.sessionStorage.setItem(V,JSON.stringify({message:e,variant:t}))},gn=e=>e===`forbidden`?H.forbidden:e===`network`?H.network:H.failed;function _n(){for(let e of document.querySelectorAll(`[data-wui-server]`))e.dataset.refreshOnSuccess!==`false`&&Xt(e)?.reload()}async function vn(e){let t=e.getAttribute(`data-wui-post`);if(!t)throw Error(`A data-wui-post button needs the URL the action posts to.`);let n=e.getAttribute(`data-wui-post-reload`);if(n!==null&&n!==`page`)throw TypeError(`data-wui-post-reload="${n}" is not supported. Use page, or leave it off to reload the server tables.`);e.disabled=!0,e.setAttribute(`aria-busy`,`true`);let r=await _(t,{method:`POST`});if(r.kind===`session`||r.kind===`aborted`)return;let i=r.toastVariant||`success`;if(r.ok&&(r.redirect||n===`page`)){hn(r.message,i),r.redirect?window.location.assign(r.redirect):window.location.reload();return}if(e.disabled=!1,e.removeAttribute(`aria-busy`),r.ok){K(r.message,i),_n();return}K(r.message||gn(r.kind),`danger`)}function yn(e){let t=e.target.closest?.(`[data-wui-post]`);t&&(e.preventDefault(),!(un(t)||t.getAttribute(`aria-busy`)===`true`)&&vn(t).catch(e=>console.error(e)))}function bn(){let e=window.sessionStorage.getItem(V);if(!e)return;window.sessionStorage.removeItem(V);let{message:t,variant:n}=JSON.parse(e);K(t,n)}function xn(e){let t=e.querySelectorAll?[...e.querySelectorAll(`[data-wui-flash]`)]:[];e instanceof Element&&e.matches(`[data-wui-flash]`)&&t.unshift(e);for(let e of t){let t=e.getAttribute(`data-wui-flash-variant`)||`success`;if(!$t.includes(t))throw TypeError(`data-wui-flash-variant="${t}" is not supported. Use ${$t.join(`, `)}.`);let n=e.getAttribute(`data-wui-flash`)||e.textContent.trim();e.remove(),K(n,t)}}function Sn(e){tn.has(e)||(tn.add(e),e.addEventListener(`click`,pn),e.addEventListener(`hidden.bs.modal`,mn))}function Cn(e=document){let t=e.ownerDocument||e;en.has(t)||(en.add(t),t.addEventListener(`click`,dn,!0),t.addEventListener(`submit`,fn,!0),Sn(t),t.addEventListener(`click`,yn),bn()),xn(e)}var wn=31536e3,q=new WeakMap,J=e=>e>99?`99+`:String(e);function Tn(e,t,n=document){n.cookie=`${e}=${t?`1`:`0`}; Path=/; Max-Age=${wn}; SameSite=Lax`}var En=e=>{let t=document.createElement(`template`);return t.innerHTML=e,t.content},Y=(e,t)=>{let n=document.createElement(`div`);return n.className=e,n.textContent=t,n};function Dn(e,t){let n=e.querySelector(`.wui-bell-trigger`),r=e.querySelector(`.wui-bell-count`),i=e.querySelector(`[data-wui-bell-live]`),a=e.querySelector(`[data-wui-bell-list]`),o=e.querySelector(`.wui-bell-menu`),{src:s,readAction:c}=e.dataset,l=e.dataset.label||`Notifications`,u=e.dataset.emptyText||`You are all caught up.`,d=Number(e.dataset.pollSeconds??60),f=b(),p=Number(e.dataset.unread)||0,m=(t,a=!0)=>{let o=Math.max(0,Number(t)||0),s=o!==p;p=o,e.dataset.unread=String(o),r&&(r.textContent=J(o),r.hidden=o===0),n?.setAttribute(`aria-label`,o===0?l:`${l}, ${J(o)} unread`),a&&s&&i&&(i.textContent=o===0?`No unread notifications`:`${J(o)} unread notifications`)},h=()=>o?.classList.contains(`show`)??!1,g=()=>{let e=Y(`wui-bell-state`,`Could not load notifications. `),t=document.createElement(`button`);t.type=`button`,t.className=`btn btn-link btn-sm`,t.dataset.wuiBellRetry=``,t.textContent=`Retry`,e.append(t),a.replaceChildren(e)},v=async t=>{t&&(a.setAttribute(`aria-busy`,`true`),a.querySelector(`.wui-bell-item`)||a.replaceChildren(Y(`wui-bell-state`,`Loading…`)));let n=await f.run(s);if(n.kind===`aborted`||n.kind===`stale`||n.kind===`session`)return;if(a.removeAttribute(`aria-busy`),!n.ok){t&&g();return}let r=En(n.html),i=r.querySelector(`[data-wui-unread]`),o=i?Number(i.getAttribute(`data-wui-unread`)):p;m(o),(t||h())&&(r.querySelector(`.wui-bell-item`)?a.replaceChildren(r):a.replaceChildren(Y(`wui-bell-state`,u))),e.dispatchEvent(new CustomEvent(`wui:notifications:loaded`,{bubbles:!0,detail:{unread:o}}))};e.addEventListener(`show.bs.dropdown`,()=>v(!0)),e.addEventListener(`click`,async e=>{if(e.target.closest(`[data-wui-bell-retry]`)){v(!0);return}let t=e.target.closest(`[data-wui-bell-read]`);if(!t||!c)return;t.disabled=!0;let n=await _(c,{method:`POST`});t.disabled=!1,n.ok&&(m(0),v(!0))});let y=null,x=()=>{d>0&&y===null&&(y=setInterval(()=>v(h()),d*1e3))},S=()=>{y!==null&&clearInterval(y),y=null},C=()=>{document.hidden?S():(v(h()),x())};return d>0&&(document.addEventListener(`visibilitychange`,C),document.hidden||x()),t.push(()=>{S(),f.abort(),document.removeEventListener(`visibilitychange`,C)}),{setUnread:e=>m(e),refresh:()=>v(h())}}var On=e=>!!e&&(e.isContentEditable||/^(INPUT|TEXTAREA|SELECT)$/.test(e.tagName)),kn=(e,t,n)=>`${e}${e.includes(`?`)?`&`:`?`}${encodeURIComponent(t)}=${encodeURIComponent(n)}`;function An(e,t){let n=e.querySelector(`input.search-input`),r=e.querySelector(`.wui-topsearch-results`),i=e.querySelector(`.wui-topsearch-open`),a=e.querySelector(`[data-wui-topsearch-live]`),{src:o,param:s=`q`,resultsHref:c}=e.dataset,l=Number(e.dataset.minChars??2),u=Number(e.dataset.debounceMs??250),d=b(),f=null,p=-1,m=()=>[...r.querySelectorAll(`.wui-topsearch-hit`)],h=e=>{let t=m();p=t.length===0?-1:(e+t.length)%t.length,t.forEach((e,t)=>{let n=t===p;e.classList.toggle(`is-active`,n),e.setAttribute(`aria-selected`,n?`true`:`false`)}),p>=0?(n.setAttribute(`aria-activedescendant`,t[p].id),t[p].scrollIntoView?.({block:`nearest`})):n.removeAttribute(`aria-activedescendant`)},g=()=>{r.hidden=!0,n.setAttribute(`aria-expanded`,`false`),n.removeAttribute(`aria-activedescendant`),p=-1},_=()=>{r.hidden=!1,n.setAttribute(`aria-expanded`,`true`)},v=t=>{e.classList.toggle(`is-open`,t),i?.setAttribute(`aria-expanded`,t?`true`:`false`)},y=t=>{let n=new CustomEvent(`wui:search:select`,{bubbles:!0,cancelable:!0,detail:{href:t}});e.dispatchEvent(n)&&window.location.assign(t)},x=async t=>{e.classList.add(`is-loading`);let n=await d.run(kn(o,s,t));if(!(n.kind===`aborted`||n.kind===`stale`||n.kind===`session`)){if(e.classList.remove(`is-loading`),n.ok){let e=En(n.html),t=e.querySelector(`[data-wui-count]`);r.replaceChildren(e),m().forEach((e,t)=>{e.id=`${r.id}-opt-${t}`});let i=t?Number(t.getAttribute(`data-wui-count`)):m().length;a&&(a.textContent=i===0?`No results`:`${i} ${i===1?`result`:`results`}`)}else r.replaceChildren(Y(`wui-topsearch-empty`,`Search is unavailable right now.`));p=-1,_()}};n.addEventListener(`input`,()=>{clearTimeout(f);let t=n.value.trim();if(t.length<l){d.abort(),e.classList.remove(`is-loading`),r.replaceChildren(),g();return}f=setTimeout(()=>x(t),u)}),n.addEventListener(`keydown`,t=>{if(t.key===`ArrowDown`||t.key===`ArrowUp`){if(r.hidden||m().length===0)return;t.preventDefault(),h(p+(t.key===`ArrowDown`?1:-1))}else if(t.key===`Enter`){let e=m();!r.hidden&&p>=0&&e[p]?(t.preventDefault(),y(e[p].getAttribute(`href`))):c&&n.value.trim()!==``&&(t.preventDefault(),y(kn(c,s,n.value.trim())))}else t.key===`Escape`&&(r.hidden?e.classList.contains(`is-open`)&&(t.preventDefault(),v(!1),i?.focus()):(t.preventDefault(),g()))}),r.addEventListener(`click`,e=>{let t=e.target.closest(`.wui-topsearch-hit`);!t||e.ctrlKey||e.metaKey||e.shiftKey||e.button===1||(e.preventDefault(),y(t.getAttribute(`href`)))}),i?.addEventListener(`click`,()=>{let t=!e.classList.contains(`is-open`);v(t),t&&n.focus()});let S=e=>{e.key!==`/`||e.ctrlKey||e.metaKey||e.altKey||On(e.target)||(e.preventDefault(),v(!0),n.focus())},C=t=>{e.contains(t.target)||(g(),e.classList.contains(`is-open`)&&v(!1))};document.addEventListener(`keydown`,S),document.addEventListener(`pointerdown`,C),t.push(()=>{clearTimeout(f),d.abort(),document.removeEventListener(`keydown`,S),document.removeEventListener(`pointerdown`,C)})}function jn(e){let t=[],n=e.dataset.wuiCollapsedCookie;n&&e.addEventListener(`wui:shell:collapse`,e=>Tn(n,!!e.detail?.collapsed)),e.addEventListener(`click`,t=>{t.target.closest(`[data-wui-tabbar-more]`)&&e.querySelector(`[data-app-shell-menu]`)?.click()});let r=e.querySelector(`[data-wui-bell]`),i=r?Dn(r,t):null,a=e.querySelector(`[data-wui-topsearch]`);a&&An(a,t);let o={el:e,setUnread(e){if(!i)throw Error(`WUI.shell: this <app-shell> has no <app-shell-notifications>.`);i.setUnread(e)},refreshNotifications(){if(!i)throw Error(`WUI.shell: this <app-shell> has no <app-shell-notifications>.`);return i.refresh()},get collapsed(){return e.classList.contains(`collapsed`)},set collapsed(t){if(!!t===e.classList.contains(`collapsed`))return;let n=e.querySelector(`[data-app-shell-collapse]`);n?n.click():e.classList.toggle(`collapsed`,!!t)}};q.set(e,o);let s=n=>{if(n.target===e||n.target.contains?.(e)){for(let e of t)e();q.delete(e),delete e.dataset.wuiPartsWired,document.removeEventListener(`wui:teardown`,s)}};return document.addEventListener(`wui:teardown`,s),o}function Mn(e=document){let t=[];e instanceof Element&&e.matches(`[data-app-shell]`)&&t.push(e),t.push(...e.querySelectorAll(`[data-app-shell]`));for(let e of t)e.dataset.wuiPartsWired||(e.dataset.wuiPartsWired=`1`,jn(e))}function Nn(e){let t=e?.closest?.(`[data-app-shell]`)??null;return t?(q.has(t)||Mn(t),q.get(t)??null):null}var X=Object.freeze({title:`Leave without saving?`,message:`Your changes on this page are not saved. If you leave now, they are lost.`,leaveLabel:`Leave`}),Z=`form[data-wui-unsaved]`,Pn=`[aria-invalid="true"], .field-error:not(:empty), .field-validation-error, .validation-summary-errors, .wui-error-summary`,Fn=`[download], [data-wui-modal], [data-wui-post], [data-bs-toggle]`,In=new Set([`submit`,`button`,`reset`,`image`]),Q=new WeakMap,Ln=new WeakSet,Rn=e=>`${e.name}:${e.size}:${e.lastModified}`;function $(e){let t=[];for(let n of e.elements)!n.name||n.disabled||In.has(n.type)||(n.type===`checkbox`||n.type===`radio`?t.push([n.name,n.value,n.checked]):n.type===`file`?t.push([n.name,[...n.files||[]].map(Rn)]):n.type===`select-multiple`?t.push([n.name,[...n.selectedOptions].map(e=>e.value)]):t.push([n.name,n.value]));return JSON.stringify(t)}var zn=e=>({saved:e.querySelector(Pn)?null:$(e),engaged:!1,discarded:!1});function Bn(e){let t=Q.get(e);return!t||t.discarded||!e.isConnected?!1:t.saved===null||t.engaged&&$(e)!==t.saved}var Vn=(e,t)=>[...e.querySelectorAll(Z)].filter(e=>e!==t&&Bn(e)),Hn=()=>!!window.bootstrap?.Modal;function Un(e,t,n){let r=t.map(e=>e.getAttribute(`data-wui-unsaved`)).find(Boolean)||X.message;ln(e,{title:X.title,message:r,label:X.leaveLabel,tone:`danger`},()=>{for(let e of t)Q.get(e).discarded=!0;n()})}function Wn(e){if(e.matches(Fn))return!1;let t=e.getAttribute(`target`);if(t&&t.toLowerCase()!==`_self`)return!1;let n=new URL(e.getAttribute(`href`),window.location.href);if(n.protocol!==`http:`&&n.protocol!==`https:`)return!1;let r=window.location;return!(n.hash&&n.origin===r.origin&&n.pathname===r.pathname&&n.search===r.search)}function Gn(e,t){if((t?.getAttribute(`formmethod`)||e.getAttribute(`method`)||`get`).toLowerCase()===`dialog`)return!1;let n=t?.getAttribute(`formtarget`)||e.getAttribute(`target`);return!n||n.toLowerCase()===`_self`}function Kn(e){if(e.defaultPrevented||e.button!==0||e.metaKey||e.ctrlKey||e.shiftKey||e.altKey)return;let t=e.target.closest?.(`a[href]`);if(!t||!Wn(t))return;let n=Vn(t.ownerDocument,null);!n.length||!Hn()||(e.preventDefault(),Un(t,n,()=>t.click()))}function qn(e){let t=e.target;if(!(t instanceof HTMLFormElement)||e.defaultPrevented||!Gn(t,e.submitter))return;let n=Vn(t.ownerDocument,t);if(n.length&&Hn()){e.preventDefault();let r=e.submitter?.form===t?e.submitter:void 0;Un(t,n,()=>t.requestSubmit(r));return}let r=Q.get(t);r&&(r.saved=$(t),r.discarded=!1)}function Jn(e){Vn(document,null).length&&(e.preventDefault(),e.returnValue=``)}function Yn(e){let t=e.target.closest?.(Z),n=t&&Q.get(t);!n||n.engaged||(n.saved!==null&&(n.saved=$(t)),n.engaged=!0)}function Xn(e){let t=e.target.closest?.(Z),n=t&&Q.get(t);n&&(n.discarded=!1,e.isTrusted&&(n.engaged=!0))}function Zn(e){let t=e.detail?.handle?.el;if(t instanceof Element)for(let e of t.querySelectorAll(Z))$n(e)}function Qn(e=document){let t=e.ownerDocument||e;if(!Ln.has(t)){Ln.add(t);for(let e of[`focusin`,`pointerdown`,`drop`])t.addEventListener(e,Yn,!0);for(let e of[`input`,`change`])t.addEventListener(e,Xn,!0);t.addEventListener(`click`,Kn),t.addEventListener(`submit`,qn),t.addEventListener(`wui:modal:success`,Zn),t.defaultView.addEventListener(`beforeunload`,Jn)}let n=[...e.querySelectorAll?.(Z)||[]];e.matches?.(Z)&&n.unshift(e);for(let e of n)Q.has(e)||Q.set(e,zn(e))}function $n(e){if(!(e instanceof HTMLFormElement)||!e.matches(Z))throw TypeError(`resetUnsavedChanges: ${String(e)} is not a <form data-wui-unsaved>.`);Q.set(e,{saved:$(e),engaged:!1,discarded:!1})}function er(){e(`wui-select`,P),e(`wui-country-select`,_e),e(`wui-phone`,Ce),e(`wui-datepicker`,ve),e(`wui-date-range`,F),e(`wui-dock`,ye),e(`wui-image-crop`,be),e(`wui-kanban`,w),e(`wui-consent-banner`,M),e(`wui-slider`,we),e(`wui-sortable`,Te),e(`wui-timepicker`,De),e(`wui-tour`,ke),e(`wui-tree`,Ae),e(`wui-autocomplete`,A),e(`wui-command-palette`,j),e(`wui-context-menu`,N),e(`wui-multiselect`,xe),e(`wui-taginput`,Ee),e(`wui-otp`,Se),e(`wui-status-icon`,k),e(`wui-wizard-step`,Me),e(`wui-wizard`,je)}er();export{Ct as AVATAR_ACCEPT,Ue as AVATAR_MAX_SIZE_MB,it as AVATAR_OUTPUT_SIZE,rt as AVATAR_OUTPUT_TYPE,at as AVATAR_PREVIEW_SIZES,Xe as AVATAR_TEXT,B as CONFIRM_DIALOG_ID,Qt as CONFIRM_TONES,Be as COPY_FEEDBACK_MS,C as CSRF_META_NAME,m as CURRENCIES,l as DATE_PATTERNS,y as DEFAULT_CSRF_HEADER,Ge as DEFAULT_IMAGE_ACCEPT,Ze as DEFAULT_MAX_SIZE_MB,Qe as DEFAULT_PASSWORD_RULES,Ie as DEFAULT_REQUIREMENTS_TITLE,Et as DEFAULT_THEME_EFFECT,bt as DEFAULT_THEME_STORAGE_KEY,f as DURATION_UNITS,o as EMPTY_VALUE,V as FLASH_STORAGE_KEY,$t as FLASH_VARIANTS,t as FORMAT_STYLES,x as HTTP_KINDS,u as IST_TIME_ZONE,de as KANBAN_DRAG_THRESHOLD_PX,D as KANBAN_LONG_PRESS_MS,le as KANBAN_PHONE_QUERY,ie as KANBAN_STORAGE_PREFIX,te as KANBAN_SUMMARY_FORMATS,se as KANBAN_TEXT,ue as KANBAN_TONES,Le as MASK_INPUT_TYPES,Je as MASK_NAMES,p as MONEY_UNITS,Mt as SCROLL_EDGE_SELECTOR,Pt as SELECT_ALL_LABEL,I as SELECT_CELL_CLASS,Ft as SELECT_ROW_LABEL,H as SERVER_ACTION_TEXT,me as STATUS_TONES,wt as THEME_BOOT_SCRIPT_BODY,ht as THEME_CHANGE_EVENT,st as THEME_EFFECTS,xt as THEME_EFFECT_DURATION,Tt as THEME_LIVE_NAME,lt as THEME_MODES,vt as THEME_SWITCHING_CLASS,X as UNSAVED_TEXT,v as WUI_HEADERS,A as WuiAutocomplete,j as WuiCommandPalette,M as WuiConsentBanner,N as WuiContextMenu,_e as WuiCountrySelect,ve as WuiDatePicker,F as WuiDateRange,ye as WuiDock,be as WuiImageCrop,w as WuiKanban,xe as WuiMultiSelect,Se as WuiOtp,Ce as WuiPhone,P as WuiSelect,we as WuiSlider,Te as WuiSortable,k as WuiStatusIcon,Ee as WuiTagInput,De as WuiTimePicker,ke as WuiTour,Ae as WuiTree,je as WuiWizard,Me as WuiWizardStep,Nt as acceptLabel,Bt as addRowSelectCells,Vt as addSelectColumn,Ot as applyTheme,_t as attachInputMask,ct as attachScrollEdges,Ne as avatarCropOptions,dt as avatarUnreadableMessage,At as buildPasswordRules,g as classifyStatus,ln as confirmAction,We as copyTextToClipboard,Oe as createLocalSeenStore,b as createRequestQueue,Lt as createSelectHeaderCell,Rt as createSelectRowCell,zt as createSelectSpacerCell,er as defineWeborityElements,$e as evaluatePassword,n as formatCompact,s as formatCurrency,h as formatDate,r as formatDuration,Pe as formatMasked,i as formatNumber,d as formatPercent,c as formatValue,Xt as getServerTable,Nn as getShell,he as glyphSvg,gt as initInputMasks,pe as initRemoteModals,jt as initScrollEdges,Cn as initServerActions,Yt as initServerTables,Mn as initShellParts,Qn as initUnsavedChanges,Dt as isHeicFile,Fe as isImageFile,tt as isImageOnlyAccept,Ke as isMaskPattern,Ve as isPdfFile,ae as kanbanCardLabel,fe as kanbanOverflow,T as kanbanStorageKey,E as kanbanSummaryFormat,ce as kanbanVisibleLimit,O as loadRemoteModal,qe as maskedPostValue,ge as matchSegments,et as matchesAccept,ut as nextTheme,Re as passwordSatisfies,Ye as postedMasked,ze as rawMasked,S as readCsrf,oe as readKanbanCollapsed,ft as readStoredTheme,$n as resetUnsavedChanges,He as resolveMask,St as resolveTheme,yt as storeTheme,re as sumKanbanValues,Ht as syncSelectAll,mt as themeBootScript,pt as themeKeyframes,a as toInstant,ot as transitionTheme,nt as validateFile,kt as watchSystemTheme,ne as writeKanbanCollapsed,_ as wuiFetch};
+import{n as e}from"./elementBase-BlsR4tqa.js";import{a as t,c as n,d as r,f as i,h as a,i as o,l as s,m as c,n as l,o as u,p as d,r as f,s as p,t as m,u as h}from"./formatters-BAE__8ye.js";import{a as g,c as _,i as v,n as y,o as b,r as x,s as S,t as C}from"./wuiHttp-BC8co934.js";import{_ as ee,a as te,c as w,d as T,f as E,g as ne,h as D,i as re,l as ie,m as ae,n as O,o as oe,p as se,r as ce,s as le,t as ue,u as de,v as fe,y as k}from"./kanban-CdELdS3U.js";import{n as A,t as pe}from"./statusIcons-2X4iGkKL.js";import{t as me}from"./iconGlyphs.g-CUm_mfze.js";import{i as he}from"./optionLabel-DOZb8ERB.js";import{t as j}from"./WuiAutocomplete-DvXHihD6.js";import{t as ge}from"./textMatch-wdY7XLIc.js";import{t as M}from"./WuiCommandPalette-CfbMtT6z.js";import{t as N}from"./WuiConsentBanner-BgLJlAnE.js";import{t as P}from"./WuiContextMenu-CBy0O4HT.js";import{t as _e}from"./WuiSelect-DcbtqI9s.js";import{t as ve}from"./WuiCountrySelect-GJrl6sUP.js";import{t as F}from"./WuiDatePicker-CI7wLkmd.js";import{t as ye}from"./WuiDateRange-BFpOjqWn.js";import{t as be}from"./WuiDock-BD2HgMmP.js";import{t as xe}from"./WuiImageCrop-Cr3D2iPo.js";import{t as Se}from"./WuiMultiSelect-BCZE2VHM.js";import{t as Ce}from"./WuiOtp-BbO_75RB.js";import{t as we}from"./WuiPhone-CSUVhYSb.js";import{t as Te}from"./WuiSlider-Br6V2amU.js";import{t as Ee}from"./WuiSortable-Bd7Fz5Ox.js";import{t as De}from"./WuiTagInput-DzEZooIn.js";import{t as Oe}from"./WuiTimePicker-Bolpp93P.js";import{n as ke,t as Ae}from"./WuiTour-D0zFmfkz.js";import{t as je}from"./WuiTree-SA0QU9AF.js";import{n as Me,t as Ne}from"./WuiWizardStep-DIHxrXn9.js";import{$ as Pe,A as Fe,B as Ie,C as Le,D as Re,E as ze,F as Be,G as Ve,H as He,I as Ue,J as We,K as Ge,L as Ke,M as qe,N as Je,O as Ye,P as Xe,Q as Ze,R as Qe,S as $e,T as et,U as tt,V as nt,W as rt,X as it,Y as at,Z as ot,_ as st,a as ct,b as lt,c as ut,d as dt,et as ft,f as pt,g as mt,h as ht,i as gt,j as _t,k as vt,l as yt,m as bt,n as xt,o as St,p as Ct,q as wt,r as Tt,s as Et,t as Dt,tt as Ot,u as kt,v as At,w as jt,x as Mt,y as Nt,z as Pt}from"./themeTransition-lkmQm8FR.js";var Ft=`Select all rows`,It=`Select row`,I=`wui-select-cell`,Lt=(e,t)=>{let n=e.createElement(`input`);return n.type=`checkbox`,n.className=`wui-check`,n.setAttribute(`aria-label`,t),n};function Rt(e=document){let t=e.createElement(`th`);return t.className=I,t.appendChild(Lt(e,Ft)),t}function zt(e=document){let t=e.createElement(`td`);return t.className=I,t.appendChild(Lt(e,It)),t}function Bt(e=document){let t=e.createElement(`td`);return t.className=I,t}var L=e=>e.firstElementChild?.classList.contains(I);function R(e){for(let t of e)L(t)||t.insertBefore(zt(t.ownerDocument),t.firstChild)}function Vt(e){let t=e.querySelector(`thead tr`);if(!t)return null;L(t)||t.insertBefore(Rt(e.ownerDocument),t.firstChild),R(e.querySelectorAll(`tbody tr`));for(let t of e.querySelectorAll(`tfoot tr`))L(t)||t.insertBefore(Bt(e.ownerDocument),t.firstChild);return t.querySelector(`.${I} .wui-check`)}function Ht(e){let t=e.querySelector(`thead .${I} .wui-check`),n=[...e.querySelectorAll(`tbody tr .wui-check`)],r=n.length,i=n.filter(e=>e.checked).length;t&&(t.checked=r>0&&i===r,t.indeterminate=i>0&&i<r);for(let t of e.querySelectorAll(`tbody tr`))t.classList.toggle(`is-selected`,!!t.querySelector(`.wui-check`)?.checked);return{selected:i,total:r}}var Ut=Object.freeze([`page`,`pageSize`,`sortBy`,`sortOrder`]),z=`search`,B=Object.freeze({loading:`Loading rows`,error:`These rows did not load. Try again.`,network:`The connection dropped before the rows loaded. Check it and try again.`,forbidden:`You do not have access to these rows.`,retry:`Retry`,actionFailed:`That did not work. Try again.`,actionForbidden:`You do not have permission to do that.`,empty:`No rows`}),Wt=5,Gt=new WeakMap,Kt=(e,t)=>{let n=Number(e);return Number.isInteger(n)?n:t},qt=e=>({total:Kt(e.dataset.total,0),page:Kt(e.dataset.page,1),pageSize:Kt(e.dataset.pageSize,0),sortBy:e.dataset.sortBy||``,sortOrder:e.dataset.sortOrder===`desc`?`desc`:`asc`}),Jt=(e,t)=>{e&&window.WUI?.toast?.(e,{variant:t})};function Yt(e=document){let t=e.querySelectorAll?[...e.querySelectorAll(`[data-wui-server]`)]:[];e instanceof Element&&e.matches(`[data-wui-server]`)&&t.unshift(e);for(let e of t)Gt.has(e)||Gt.set(e,Zt(e))}function Xt(e){let t=e instanceof Element?e.closest(`[data-wui-server]`):null;return t&&Gt.get(t)||null}function Zt(e){let t=e.querySelector(`.table-wrap`),n=t?.querySelector(`:scope > table`),r=e.dataset.src;if(!n||!r)throw Error(`A server-paged table needs data-src and a .table-wrap > table: render it with <app-data-table src>.`);let i=t.querySelector(`:scope > [data-wui-table-state]`),a=e.querySelector(`[data-wui-table-pager]`),o=e.querySelector(`[data-wui-table-status]`),s={urlState:e.dataset.urlState!==`false`,refreshOnSuccess:e.dataset.refreshOnSuccess!==`false`,filtersForm:e.dataset.filtersForm||null,filtersRegion:e.dataset.filtersRegion||null,searchInput:e.dataset.searchInput||null,loadingText:e.dataset.loadingText||B.loading,errorText:e.dataset.errorText||B.error},c=new URL(r,window.location.href),l=new Set(c.searchParams.keys()),u=n.hasAttribute(`data-app-datatable-selectable`),d=new Set,f=b(),p=new AbortController,m={signal:p.signal},h=n.querySelector(`:scope > tbody[data-wui-rows]`);if(!h)throw Error(`A server-paged table needs its rows in <app-table-rows> (tbody[data-wui-rows]).`);let g=qt(h),v=null,y=null,x=e=>{let t=new URLSearchParams;for(let[n,r]of new URLSearchParams(e))l.has(n)||t.append(n,r);return t},S=e=>x(new URL(e,window.location.href).search),C=e=>{let t=e.toString();return`${window.location.pathname}${t?`?${t}`:``}${window.location.hash}`},ee=e=>{let t=new URL(c.href);for(let[n,r]of e)l.has(n)||t.searchParams.append(n,r);return t.origin===window.location.origin?`${t.pathname}${t.search}`:t.href},te=(e,t)=>{let n=new URLSearchParams(e);return n.has(`page`)&&n.set(`page`,String(t.page)),n.has(`pageSize`)&&n.set(`pageSize`,String(t.pageSize)),n.has(`sortBy`)?t.sortBy?(n.set(`sortBy`,t.sortBy),n.set(`sortOrder`,t.sortOrder)):(n.delete(`sortBy`),n.delete(`sortOrder`)):n.delete(`sortOrder`),n},w=te(s.urlState?x(window.location.search):new URLSearchParams,g);s.urlState&&C(w)!==`${window.location.pathname}${window.location.search}${window.location.hash}`&&window.history.replaceState(window.history.state,``,C(w));let T=(e,n)=>t.dispatchEvent(new CustomEvent(e,{bubbles:!0,detail:n})),E=e=>{o&&(o.textContent=e)},ne=e=>{if(e.total===0)return B.empty;let t=e.pageSize>0?Math.max(1,Math.ceil(e.total/e.pageSize)):1;return`Page ${e.page} of ${t}, ${e.total} ${e.total===1?`row`:`rows`}`},D=()=>[...n.querySelectorAll(`:scope > thead > tr:first-child > th`)],re=e=>{if(u&&[...e.querySelectorAll(`:scope > tr`)].some(e=>!e.dataset.rowKey))throw Error(`A selectable server-paged table needs data-row-key on every row, so a selection can span pages.`)},ie=e=>{let t=[...e.querySelectorAll(`:scope > tr`)];if(u){R(t);for(let e of t){let t=e.querySelector(`.${I} .wui-check`);t&&(t.checked=d.has(e.dataset.rowKey))}Ht(n)}let r=D();if(n.classList.contains(`wui-table-stack`))for(let e of t)[...e.cells].forEach((e,t)=>{let n=r[t]?.textContent.trim();n&&!e.hasAttribute(`data-label`)&&e.setAttribute(`data-label`,n)});r.forEach((e,n)=>{if(e.classList.contains(`wui-col-hidden`))for(let e of t)e.cells[n]?.classList.add(`wui-col-hidden`)})},ae=e=>{for(let t of e.querySelectorAll(`:scope > template[data-wui-pager], :scope > template[data-wui-empty], :scope > template[data-wui-filters]`))t.remove()},O=e=>e?.dispatchEvent(new CustomEvent(`wui:teardown`,{bubbles:!0})),oe=(e,t)=>{if(!i)return;let n=e.querySelector(`:scope > template[data-wui-empty]`);O(i),t.total===0&&n?(i.replaceChildren(n.content.cloneNode(!0)),i.hidden=!1):(i.replaceChildren(),i.hidden=!0)},se=e=>{let r=qt(e);if(a){let t=e.querySelector(`:scope > template[data-wui-pager]`);O(a),a.replaceChildren(...t?[t.content.cloneNode(!0)]:[]),a.hidden=!1}oe(e,r);let i=e.querySelector(`:scope > template[data-wui-filters]`),o=s.filtersRegion&&i?document.querySelector(s.filtersRegion):null;o&&(O(o),o.replaceChildren(i.content.cloneNode(!0))),ae(e),O(h),n.replaceChild(e,h),h=e,g=r,t.removeAttribute(`data-wui-table-error`),ie(e),he()},ce=e=>{let t=document.createElement(`template`);t.innerHTML=`<table>${e}</table>`;let n=t.content.querySelector(`tbody[data-wui-rows]`);return n&&re(n),n?document.importNode(n,!0):null},le=()=>{if(h.querySelector(`:scope > tr:not([data-wui-skeleton])`))return;let e=Math.max(1,D().length);h.replaceChildren(...Array.from({length:Wt},()=>{let t=document.createElement(`tr`);t.setAttribute(`data-wui-skeleton`,``);for(let n=0;n<e;n++){let e=document.createElement(`td`),r=document.createElement(`span`);r.className=`skeleton`,r.setAttribute(`aria-hidden`,`true`),r.style.cssText=`display:block;width:${n===0?70:50}%;height:12px;border-radius:6px`,e.append(r),t.append(e)}return t})),t.removeAttribute(`data-wui-table-error`),i&&(i.hidden=!0)},ue=e=>{e?(t.setAttribute(`aria-busy`,`true`),le()):t.removeAttribute(`aria-busy`)},de=e=>e===`forbidden`?B.forbidden:e===`network`?B.network:s.errorText,fe=e=>{let n=de(e);if(t.setAttribute(`data-wui-table-error`,e),a&&(a.hidden=!0),i){let t=document.createElement(`div`);t.className=`tbl-empty wui-table-error`,t.setAttribute(`role`,`alert`);let r=document.createElement(`span`);r.className=`tbl-empty-icon`,r.innerHTML=me(e===`forbidden`?`lock`:`alert-circle`,{size:24});let a=document.createElement(`div`);a.className=`tbl-empty-title`,a.textContent=n;let o=document.createElement(`div`);o.className=`tbl-empty-action`;let s=document.createElement(`button`);s.type=`button`,s.className=`btn btn-outline-primary btn-sm`,s.setAttribute(`data-wui-table-retry`,``),s.textContent=B.retry,o.append(s),t.append(r,a,o),O(i),i.replaceChildren(t),i.hidden=!1}E(n)},k=async(e,t=`none`)=>{let n=new URLSearchParams(e);v={query:n,mode:t},ue(!0),E(s.loadingText),T(`wui:table:loading`,{query:n.toString()});let r=await f.run(ee(n));if(r.kind===`aborted`||r.kind===`stale`||r.kind===`session`)return r;ue(!1);let i=null,a=r.ok?null:r.kind;if(r.ok){try{i=ce(r.html)}catch(e){console.error(e)}i||(a=`server`)}return a?(fe(a),T(`wui:table:error`,{status:r.status,kind:a,message:de(a)}),r):(se(i),w=te(n,g),s.urlState&&t===`push`?window.history.pushState(window.history.state,``,C(w)):s.urlState&&t===`replace`&&window.history.replaceState(window.history.state,``,C(w)),E(ne(g)),window.WUI?.refresh?.(),T(`wui:table:loaded`,{...g,query:w.toString()}),r)},A=e=>(e.delete(`page`),e),pe=()=>[...n.querySelectorAll(`:scope > thead th[data-sort-key]`)],he=()=>{for(let e of pe()){let t=e.dataset.sortKey===g.sortBy;e.setAttribute(`aria-sort`,t?g.sortOrder===`desc`?`descending`:`ascending`:`none`)}};for(let e of pe())if(e.classList.add(`sortable`),e.tabIndex=0,!e.querySelector(`.sort-icon`)){let t=e.classList.contains(`num`)||e.classList.contains(`text-end`),n=document.createElement(`span`);n.className=t?`sort-icon wui-sort-lead`:`sort-icon`,n.innerHTML=me(`chevrons-up-down`,{size:14}),t?e.prepend(n):e.append(n)}let j=e=>{let t=A(new URLSearchParams(w)),n=g.sortBy===e&&g.sortOrder===`asc`?`desc`:`asc`;return t.set(`sortBy`,e),t.set(`sortOrder`,n),k(t,`push`)};n.addEventListener(`click`,e=>{let t=e.target.closest(`th[data-sort-key]`);t&&n.tHead?.contains(t)&&j(t.dataset.sortKey)}),n.addEventListener(`keydown`,e=>{if(e.key!==`Enter`&&e.key!==` `)return;let t=e.target.closest?.(`th[data-sort-key]`);!t||!n.tHead?.contains(t)||(e.preventDefault(),j(t.dataset.sortKey))});let ge=()=>{Ht(n),n.dispatchEvent(new CustomEvent(`selectionchange`,{bubbles:!0,detail:{selected:d.size,total:g.total}}))};u&&n.addEventListener(`change`,e=>{let t=e.target;if(t.matches?.(`.wui-select-cell .wui-check`)){if(n.tHead?.contains(t))for(let e of h.querySelectorAll(`:scope > tr`)){let n=e.querySelector(`.${I} .wui-check`);n&&(n.checked=t.checked,t.checked?d.add(e.dataset.rowKey):d.delete(e.dataset.rowKey))}else{let e=t.closest(`tr`)?.dataset.rowKey;if(!e)return;t.checked?d.add(e):d.delete(e)}ge()}}),a&&(a.addEventListener(`click`,e=>{let t=e.target.closest(`a[href]`);!t||e.defaultPrevented||e.button!==0||e.ctrlKey||e.metaKey||e.shiftKey||e.altKey||(e.preventDefault(),k(S(t.getAttribute(`href`)),`push`))}),a.addEventListener(`change`,e=>{!e.target.classList?.contains(`tpg-select`)||!e.target.value||(e.stopPropagation(),k(S(e.target.value),`push`))}));let M=()=>{if(!s.searchInput)return null;let e=document.querySelector(s.searchInput);return e&&(e.matches(`input, textarea`)?e:e.querySelector(`input`))},N=()=>e.isConnected?!0:(p.abort(),clearTimeout(y),!1),P=(e,t)=>{let n=t?.name?new FormData(e,t):new FormData(e),r=new Set([...e.querySelectorAll(`[name]`)].map(e=>e.getAttribute(`name`))),i=new URLSearchParams;for(let[e,t]of w)e!==`page`&&(Ut.includes(e)||!r.has(e))&&i.append(e,t);for(let[e,t]of n)typeof t!=`string`||t===``||Ut.includes(e)||l.has(e)||i.append(e,t);let a=M();if(a){i.delete(z);let e=a.value.trim();e&&i.set(z,e)}return k(i,`push`)},_e=e=>s.filtersForm&&e.closest?.(s.filtersForm)||s.filtersRegion&&e.closest?.(s.filtersRegion)||null;document.addEventListener(`submit`,e=>{!N()||!s.filtersForm||!(e.target instanceof HTMLFormElement)||!e.target.matches(s.filtersForm)||(e.preventDefault(),P(e.target,e.submitter))},m),document.addEventListener(`change`,e=>{if(!N()||!s.filtersForm)return;let t=e.target.closest?.(s.filtersForm);!t||e.target===M()||P(t)},m);let ve=(e,t)=>{if(!e)return;let n=e=>t.get(e)??``;for(let r of e.querySelectorAll(`input[name]:not([type=hidden])`))if(r.type===`checkbox`)r.checked=t.getAll(r.name).includes(r.value);else if(r.type===`radio`){let e=n(r.name)===r.value;if(r.checked===e)continue;r.checked=e,e&&r.dispatchEvent(new Event(`change`))}else r.value!==n(r.name)&&(r.value=n(r.name),r.dispatchEvent(new Event(`input`,{bubbles:!0})));for(let r of e.querySelectorAll(`select[name]`))if(!r.multiple)r.value=n(r.name);else for(let e of r.options)e.selected=t.getAll(r.name).includes(e.value);for(let t of e.querySelectorAll(`wui-select[name]`))t.value=n(t.getAttribute(`name`));for(let n of e.querySelectorAll(`wui-multiselect[name]`))n.values=t.getAll(n.getAttribute(`name`));for(let t of e.querySelectorAll(`wui-date-range`)){let e=t.getAttribute(`start-name`)||t.getAttribute(`name`),r=t.getAttribute(`end-name`);t.value={start:e?n(e):``,end:r?n(r):``}}};document.addEventListener(`click`,e=>{if(!N())return;let t=e.target.closest?.(`a[href]`);if(!t||!_e(t)||e.defaultPrevented||e.button!==0||e.ctrlKey||e.metaKey||e.shiftKey||e.altKey)return;let n=new URL(t.getAttribute(`href`),window.location.href);if(n.origin!==window.location.origin||n.pathname!==window.location.pathname)return;e.preventDefault();let r=A(S(n.href));ve(t.closest(`form`),r),k(r,`push`)},m),document.addEventListener(`input`,e=>{if(!N())return;let t=M();!t||e.target!==t||(clearTimeout(y),y=setTimeout(()=>{let e=A(new URLSearchParams(w)),n=t.value.trim();n?e.set(z,n):e.delete(z),e.toString()!==w.toString()&&k(e,`replace`)},300))},m),s.urlState&&window.addEventListener(`popstate`,()=>{if(!N())return;let e=x(window.location.search),t=M();t&&(t.value=e.get(`search`)??``),k(e,`none`)},m),document.addEventListener(`wui:modal:success`,()=>{N()&&s.refreshOnSuccess&&k(w,`none`)},m),i?.addEventListener(`click`,e=>{e.target.closest(`[data-wui-table-retry]`)&&v&&k(v.query,v.mode)});let F=async e=>{let t=e.dataset.url;if(!t)throw Error(`A data-wui-row-action button needs data-url: the handler the action posts to.`);let n=e.closest(`tr`)?.dataset.rowKey??null,r=e.dataset.wuiRowAction||``;e.disabled=!0,e.setAttribute(`aria-busy`,`true`);let i=await _(t,{method:(e.dataset.method||`post`).toUpperCase()});if(e.disabled=!1,e.removeAttribute(`aria-busy`),i.kind===`session`||i.kind===`aborted`)return;let a=i.message;i.ok?(Jt(a,i.toastVariant||`success`),await k(w,`none`)):Jt(a||(i.kind===`forbidden`?B.actionForbidden:B.actionFailed),`danger`),T(`wui:table:action`,{action:r,key:n,ok:i.ok,status:i.status})};return n.addEventListener(`click`,e=>{let t=e.target.closest(`[data-wui-row-action]`);!t||!h.contains(t)||t.disabled||(e.preventDefault(),F(t))}),re(h),ae(h),u&&Vt(n),ie(h),he(),{el:e,reload:()=>k(w,`none`),query:()=>new URLSearchParams(w),setQuery:e=>{let t=new URLSearchParams(w);for(let[n,r]of Object.entries(e??{})){t.delete(n);for(let e of Array.isArray(r)?r:[r])e!=null&&e!==``&&t.append(n,String(e))}return(!e||!(`page`in e))&&t.delete(`page`),k(t,`push`)},selection:{keys:()=>[...d],count:()=>d.size,clear:()=>{d.clear();for(let e of h.querySelectorAll(`:scope > tr > .${I} .wui-check`))e.checked=!1;ge()}}}}var V=`wuiConfirm`,Qt=Object.freeze([`danger`]),$t=Object.freeze([`success`,`info`,`warning`,`danger`]),H=`wui.flash`,U=Object.freeze({confirmTitle:`Are you sure?`,confirmLabel:`Confirm`,cancelLabel:`Cancel`,failed:`That did not work. Try again.`,forbidden:`You do not have permission to do that.`,network:`Could not reach the server. Check your connection and try again.`}),en=new WeakSet,tn=new WeakSet,W=null,G=null,K=!1,nn=e=>{let t=document.createElement(`span`);return t.textContent=e??``,t.innerHTML},q=(e,t)=>{e&&window.WUI?.toast?.(e,{variant:t})},rn=()=>{let e=window.bootstrap?.Modal;if(!e)throw Error(`data-wui-confirm: Bootstrap's bundle (window.bootstrap) is not loaded on this page.`);return e};function an(){let e=document.getElementById(V);return e||(e=document.createElement(`div`),e.id=V,e.className=`modal fade wui-modal-shell`,e.tabIndex=-1,e.setAttribute(`aria-hidden`,`true`),e.setAttribute(`role`,`dialog`),e.setAttribute(`aria-modal`,`true`),e.style.setProperty(`--wui-modal-max-width`,`${ee.md}px`),e.innerHTML=`<div class="modal-dialog modal-dialog-centered wui-rb-dialog"><div class="modal-content wui-modal wui-confirm"><div class="wui-modal-body"><div class="wui-confirm-content"><span class="wui-confirm-icon"><wui-status-icon tone="info" size="120"></wui-status-icon></span><h3 class="wui-confirm-title" tabindex="-1" data-autofocus></h3><p class="wui-confirm-msg"></p></div></div><div class="wui-modal-footer"><div class="wui-confirm-actions"><button type="button" class="btn btn-secondary" data-bs-dismiss="modal">${nn(U.cancelLabel)}</button><button type="button" class="btn btn-primary" data-app-confirm></button></div></div></div></div>`,document.body.appendChild(e),e)}function on(e,t){let n=e.getAttribute(`data-wui-confirm-tone`);if(n!==null&&!Qt.includes(n))throw TypeError(`data-wui-confirm-tone="${n}" is not supported. Use danger, or leave it off.`);sn({title:e.getAttribute(`data-wui-confirm-title`),message:e.getAttribute(`data-wui-confirm`),label:e.getAttribute(`data-wui-confirm-label`),danger:n===`danger`},t)}function sn({title:e,message:t,label:n,danger:r},i){let a=rn(),o=an(),s=o.querySelector(`.wui-confirm-title`),c=o.querySelector(`[data-app-confirm]`);if(!s||!c)throw Error(`#${V} is not a confirm dialog with a confirm button. Render <app-confirm-dialog id="${V}"> without confirm-href, or leave the dialog to the library.`);let l=o.querySelector(`.wui-confirm-msg`);l||(l=document.createElement(`p`),l.className=`wui-confirm-msg`,s.after(l)),s.textContent=e||U.confirmTitle,l.textContent=t,c.textContent=n||U.confirmLabel,c.classList.toggle(`btn-danger`,r),c.classList.toggle(`btn-primary`,!r),o.querySelector(`wui-status-icon`)?.setAttribute(`tone`,r?`delete`:`info`),o.setAttribute(`aria-label`,s.textContent),G=i,K=!1,a.getOrCreateInstance(o).show()}var cn=(e,t)=>{W=e;try{t()}finally{W=null}};function ln(e,{title:t,message:n,label:r,tone:i},a){if(i!=null&&!Qt.includes(i))throw TypeError(`confirmAction: tone "${i}" is not supported. Use danger, or leave it off.`);Sn(e.ownerDocument),sn({title:t,message:n,label:r,danger:i===`danger`},()=>cn(e,a))}var un=e=>e.disabled===!0||e.getAttribute(`aria-disabled`)===`true`;function dn(e){let t=e.target.closest?.(`[data-wui-confirm]:not(form)`);!t||t===W||un(t)||(e.preventDefault(),e.stopImmediatePropagation(),on(t,()=>cn(t,()=>t.click())))}function fn(e){let t=e.target;if(!(t instanceof HTMLFormElement)||!t.hasAttribute(`data-wui-confirm`)||t===W||e.submitter&&e.submitter===W)return;e.preventDefault(),e.stopImmediatePropagation();let n=e.submitter?.form===t?e.submitter:void 0;on(t,()=>cn(t,()=>t.requestSubmit(n)))}function pn(e){let t=e.target.closest?.(`#${V} [data-app-confirm]`);!t||t.disabled||!G||(K=!0,rn().getOrCreateInstance(t.closest(`#${V}`)).hide())}function mn(e){if(e.target.id!==`wuiConfirm`)return;let t=K?G:null;G=null,K=!1,t?.()}var hn=(e,t)=>{e&&window.sessionStorage.setItem(H,JSON.stringify({message:e,variant:t}))},gn=e=>e===`forbidden`?U.forbidden:e===`network`?U.network:U.failed;function _n(){for(let e of document.querySelectorAll(`[data-wui-server]`))e.dataset.refreshOnSuccess!==`false`&&Xt(e)?.reload()}async function vn(e){let t=e.getAttribute(`data-wui-post`);if(!t)throw Error(`A data-wui-post button needs the URL the action posts to.`);let n=e.getAttribute(`data-wui-post-reload`);if(n!==null&&n!==`page`)throw TypeError(`data-wui-post-reload="${n}" is not supported. Use page, or leave it off to reload the server tables.`);e.disabled=!0,e.setAttribute(`aria-busy`,`true`);let r=await _(t,{method:`POST`});if(r.kind===`session`||r.kind===`aborted`)return;let i=r.toastVariant||`success`;if(r.ok&&(r.redirect||n===`page`)){hn(r.message,i),r.redirect?window.location.assign(r.redirect):window.location.reload();return}if(e.disabled=!1,e.removeAttribute(`aria-busy`),r.ok){q(r.message,i),_n();return}q(r.message||gn(r.kind),`danger`)}function yn(e){let t=e.target.closest?.(`[data-wui-post]`);t&&(e.preventDefault(),!(un(t)||t.getAttribute(`aria-busy`)===`true`)&&vn(t).catch(e=>console.error(e)))}function bn(){let e=window.sessionStorage.getItem(H);if(!e)return;window.sessionStorage.removeItem(H);let{message:t,variant:n}=JSON.parse(e);q(t,n)}function xn(e){let t=e.querySelectorAll?[...e.querySelectorAll(`[data-wui-flash]`)]:[];e instanceof Element&&e.matches(`[data-wui-flash]`)&&t.unshift(e);for(let e of t){let t=e.getAttribute(`data-wui-flash-variant`)||`success`;if(!$t.includes(t))throw TypeError(`data-wui-flash-variant="${t}" is not supported. Use ${$t.join(`, `)}.`);let n=e.getAttribute(`data-wui-flash`)||e.textContent.trim();e.remove(),q(n,t)}}function Sn(e){tn.has(e)||(tn.add(e),e.addEventListener(`click`,pn),e.addEventListener(`hidden.bs.modal`,mn))}function Cn(e=document){let t=e.ownerDocument||e;en.has(t)||(en.add(t),t.addEventListener(`click`,dn,!0),t.addEventListener(`submit`,fn,!0),Sn(t),t.addEventListener(`click`,yn),bn()),xn(e)}var wn=31536e3,J=new WeakMap,Tn=e=>e>99?`99+`:String(e);function En(e,t,n=document){n.cookie=`${e}=${t?`1`:`0`}; Path=/; Max-Age=${wn}; SameSite=Lax`}var Dn=e=>{let t=document.createElement(`template`);return t.innerHTML=e,t.content},Y=(e,t)=>{let n=document.createElement(`div`);return n.className=e,n.textContent=t,n};function On(e,t){let n=e.querySelector(`.wui-bell-trigger`),r=e.querySelector(`.wui-bell-count`),i=e.querySelector(`[data-wui-bell-live]`),a=e.querySelector(`[data-wui-bell-list]`),o=e.querySelector(`.wui-bell-menu`),{src:s,readAction:c}=e.dataset,l=e.dataset.label||`Notifications`,u=e.dataset.emptyText||`You are all caught up.`,d=Number(e.dataset.pollSeconds??60),f=b(),p=Number(e.dataset.unread)||0,m=(t,a=!0)=>{let o=Math.max(0,Number(t)||0),s=o!==p;p=o,e.dataset.unread=String(o),r&&(r.textContent=Tn(o),r.hidden=o===0),n?.setAttribute(`aria-label`,o===0?l:`${l}, ${Tn(o)} unread`),a&&s&&i&&(i.textContent=o===0?`No unread notifications`:`${Tn(o)} unread notifications`)},h=()=>o?.classList.contains(`show`)??!1,g=()=>{let e=Y(`wui-bell-state`,`Could not load notifications. `),t=document.createElement(`button`);t.type=`button`,t.className=`btn btn-link btn-sm`,t.dataset.wuiBellRetry=``,t.textContent=`Retry`,e.append(t),a.replaceChildren(e)},v=async t=>{t&&(a.setAttribute(`aria-busy`,`true`),a.querySelector(`.wui-bell-item`)||a.replaceChildren(Y(`wui-bell-state`,`Loading…`)));let n=await f.run(s);if(n.kind===`aborted`||n.kind===`stale`||n.kind===`session`)return;if(a.removeAttribute(`aria-busy`),!n.ok){t&&g();return}let r=Dn(n.html),i=r.querySelector(`[data-wui-unread]`),o=i?Number(i.getAttribute(`data-wui-unread`)):p;m(o),(t||h())&&(r.querySelector(`.wui-bell-item`)?a.replaceChildren(r):a.replaceChildren(Y(`wui-bell-state`,u))),e.dispatchEvent(new CustomEvent(`wui:notifications:loaded`,{bubbles:!0,detail:{unread:o}}))};e.addEventListener(`show.bs.dropdown`,()=>v(!0)),e.addEventListener(`click`,async e=>{if(e.target.closest(`[data-wui-bell-retry]`)){v(!0);return}let t=e.target.closest(`[data-wui-bell-read]`);if(!t||!c)return;t.disabled=!0;let n=await _(c,{method:`POST`});t.disabled=!1,n.ok&&(m(0),v(!0))});let y=null,x=()=>{d>0&&y===null&&(y=setInterval(()=>v(h()),d*1e3))},S=()=>{y!==null&&clearInterval(y),y=null},C=()=>{document.hidden?S():(v(h()),x())};return d>0&&(document.addEventListener(`visibilitychange`,C),document.hidden||x()),t.push(()=>{S(),f.abort(),document.removeEventListener(`visibilitychange`,C)}),{setUnread:e=>m(e),refresh:()=>v(h())}}var kn=e=>!!e&&(e.isContentEditable||/^(INPUT|TEXTAREA|SELECT)$/.test(e.tagName)),An=(e,t,n)=>`${e}${e.includes(`?`)?`&`:`?`}${encodeURIComponent(t)}=${encodeURIComponent(n)}`;function jn(e,t){let n=e.querySelector(`input.search-input`),r=e.querySelector(`.wui-topsearch-results`),i=e.querySelector(`.wui-topsearch-open`),a=e.querySelector(`[data-wui-topsearch-live]`),{src:o,param:s=`q`,resultsHref:c}=e.dataset,l=Number(e.dataset.minChars??2),u=Number(e.dataset.debounceMs??250),d=b(),f=null,p=-1,m=()=>[...r.querySelectorAll(`.wui-topsearch-hit`)],h=e=>{let t=m();p=t.length===0?-1:(e+t.length)%t.length,t.forEach((e,t)=>{let n=t===p;e.classList.toggle(`is-active`,n),e.setAttribute(`aria-selected`,n?`true`:`false`)}),p>=0?(n.setAttribute(`aria-activedescendant`,t[p].id),t[p].scrollIntoView?.({block:`nearest`})):n.removeAttribute(`aria-activedescendant`)},g=()=>{r.hidden=!0,n.setAttribute(`aria-expanded`,`false`),n.removeAttribute(`aria-activedescendant`),p=-1},_=()=>{r.hidden=!1,n.setAttribute(`aria-expanded`,`true`)},v=t=>{e.classList.toggle(`is-open`,t),i?.setAttribute(`aria-expanded`,t?`true`:`false`)},y=t=>{let n=new CustomEvent(`wui:search:select`,{bubbles:!0,cancelable:!0,detail:{href:t}});e.dispatchEvent(n)&&window.location.assign(t)},x=async t=>{e.classList.add(`is-loading`);let n=await d.run(An(o,s,t));if(!(n.kind===`aborted`||n.kind===`stale`||n.kind===`session`)){if(e.classList.remove(`is-loading`),n.ok){let e=Dn(n.html),t=e.querySelector(`[data-wui-count]`);r.replaceChildren(e),m().forEach((e,t)=>{e.id=`${r.id}-opt-${t}`});let i=t?Number(t.getAttribute(`data-wui-count`)):m().length;a&&(a.textContent=i===0?`No results`:`${i} ${i===1?`result`:`results`}`)}else r.replaceChildren(Y(`wui-topsearch-empty`,`Search is unavailable right now.`));p=-1,_()}};n.addEventListener(`input`,()=>{clearTimeout(f);let t=n.value.trim();if(t.length<l){d.abort(),e.classList.remove(`is-loading`),r.replaceChildren(),g();return}f=setTimeout(()=>x(t),u)}),n.addEventListener(`keydown`,t=>{if(t.key===`ArrowDown`||t.key===`ArrowUp`){if(r.hidden||m().length===0)return;t.preventDefault(),h(p+(t.key===`ArrowDown`?1:-1))}else if(t.key===`Enter`){let e=m();!r.hidden&&p>=0&&e[p]?(t.preventDefault(),y(e[p].getAttribute(`href`))):c&&n.value.trim()!==``&&(t.preventDefault(),y(An(c,s,n.value.trim())))}else t.key===`Escape`&&(r.hidden?e.classList.contains(`is-open`)&&(t.preventDefault(),v(!1),i?.focus()):(t.preventDefault(),g()))}),r.addEventListener(`click`,e=>{let t=e.target.closest(`.wui-topsearch-hit`);!t||e.ctrlKey||e.metaKey||e.shiftKey||e.button===1||(e.preventDefault(),y(t.getAttribute(`href`)))}),i?.addEventListener(`click`,()=>{let t=!e.classList.contains(`is-open`);v(t),t&&n.focus()});let S=e=>{e.key!==`/`||e.ctrlKey||e.metaKey||e.altKey||kn(e.target)||(e.preventDefault(),v(!0),n.focus())},C=t=>{e.contains(t.target)||(g(),e.classList.contains(`is-open`)&&v(!1))};document.addEventListener(`keydown`,S),document.addEventListener(`pointerdown`,C),t.push(()=>{clearTimeout(f),d.abort(),document.removeEventListener(`keydown`,S),document.removeEventListener(`pointerdown`,C)})}function Mn(e){let t=[],n=e.dataset.wuiCollapsedCookie;n&&e.addEventListener(`wui:shell:collapse`,e=>En(n,!!e.detail?.collapsed)),e.addEventListener(`click`,t=>{t.target.closest(`[data-wui-tabbar-more]`)&&e.querySelector(`[data-app-shell-menu]`)?.click()});let r=e.querySelector(`[data-wui-bell]`),i=r?On(r,t):null,a=e.querySelector(`[data-wui-topsearch]`);a&&jn(a,t);let o={el:e,setUnread(e){if(!i)throw Error(`WUI.shell: this <app-shell> has no <app-shell-notifications>.`);i.setUnread(e)},refreshNotifications(){if(!i)throw Error(`WUI.shell: this <app-shell> has no <app-shell-notifications>.`);return i.refresh()},get collapsed(){return e.classList.contains(`collapsed`)},set collapsed(t){if(!!t===e.classList.contains(`collapsed`))return;let n=e.querySelector(`[data-app-shell-collapse]`);n?n.click():e.classList.toggle(`collapsed`,!!t)}};J.set(e,o);let s=n=>{if(n.target===e||n.target.contains?.(e)){for(let e of t)e();J.delete(e),delete e.dataset.wuiPartsWired,document.removeEventListener(`wui:teardown`,s)}};return document.addEventListener(`wui:teardown`,s),o}function Nn(e=document){let t=[];e instanceof Element&&e.matches(`[data-app-shell]`)&&t.push(e),t.push(...e.querySelectorAll(`[data-app-shell]`));for(let e of t)e.dataset.wuiPartsWired||(e.dataset.wuiPartsWired=`1`,Mn(e))}function Pn(e){let t=e?.closest?.(`[data-app-shell]`)??null;return t?(J.has(t)||Nn(t),J.get(t)??null):null}var X=Object.freeze({title:`Leave without saving?`,message:`Your changes on this page are not saved. If you leave now, they are lost.`,leaveLabel:`Leave`}),Z=`form[data-wui-unsaved]`,Fn=`[aria-invalid="true"], .field-error:not(:empty), .field-validation-error, .validation-summary-errors, .wui-error-summary`,In=`[download], [data-wui-modal], [data-wui-post], [data-bs-toggle]`,Ln=new Set([`submit`,`button`,`reset`,`image`]),Q=new WeakMap,Rn=new WeakSet,zn=e=>`${e.name}:${e.size}:${e.lastModified}`;function $(e){let t=[];for(let n of e.elements)!n.name||n.disabled||Ln.has(n.type)||(n.type===`checkbox`||n.type===`radio`?t.push([n.name,n.value,n.checked]):n.type===`file`?t.push([n.name,[...n.files||[]].map(zn)]):n.type===`select-multiple`?t.push([n.name,[...n.selectedOptions].map(e=>e.value)]):t.push([n.name,n.value]));return JSON.stringify(t)}var Bn=e=>({saved:e.querySelector(Fn)?null:$(e),engaged:!1,discarded:!1});function Vn(e){let t=Q.get(e);return!t||t.discarded||!e.isConnected?!1:t.saved===null||t.engaged&&$(e)!==t.saved}var Hn=(e,t)=>[...e.querySelectorAll(Z)].filter(e=>e!==t&&Vn(e)),Un=()=>!!window.bootstrap?.Modal;function Wn(e,t,n){let r=t.map(e=>e.getAttribute(`data-wui-unsaved`)).find(Boolean)||X.message;ln(e,{title:X.title,message:r,label:X.leaveLabel,tone:`danger`},()=>{for(let e of t)Q.get(e).discarded=!0;n()})}function Gn(e){if(e.matches(In))return!1;let t=e.getAttribute(`target`);if(t&&t.toLowerCase()!==`_self`)return!1;let n=new URL(e.getAttribute(`href`),window.location.href);if(n.protocol!==`http:`&&n.protocol!==`https:`)return!1;let r=window.location;return!(n.hash&&n.origin===r.origin&&n.pathname===r.pathname&&n.search===r.search)}function Kn(e,t){if((t?.getAttribute(`formmethod`)||e.getAttribute(`method`)||`get`).toLowerCase()===`dialog`)return!1;let n=t?.getAttribute(`formtarget`)||e.getAttribute(`target`);return!n||n.toLowerCase()===`_self`}function qn(e){if(e.defaultPrevented||e.button!==0||e.metaKey||e.ctrlKey||e.shiftKey||e.altKey)return;let t=e.target.closest?.(`a[href]`);if(!t||!Gn(t))return;let n=Hn(t.ownerDocument,null);!n.length||!Un()||(e.preventDefault(),Wn(t,n,()=>t.click()))}function Jn(e){let t=e.target;if(!(t instanceof HTMLFormElement)||e.defaultPrevented||!Kn(t,e.submitter))return;let n=Hn(t.ownerDocument,t);if(n.length&&Un()){e.preventDefault();let r=e.submitter?.form===t?e.submitter:void 0;Wn(t,n,()=>t.requestSubmit(r));return}let r=Q.get(t);r&&(r.saved=$(t),r.discarded=!1)}function Yn(e){Hn(document,null).length&&(e.preventDefault(),e.returnValue=``)}function Xn(e){let t=e.target.closest?.(Z),n=t&&Q.get(t);!n||n.engaged||(n.saved!==null&&(n.saved=$(t)),n.engaged=!0)}function Zn(e){let t=e.target.closest?.(Z),n=t&&Q.get(t);n&&(n.discarded=!1,e.isTrusted&&(n.engaged=!0))}function Qn(e){let t=e.detail?.handle?.el;if(t instanceof Element)for(let e of t.querySelectorAll(Z))er(e)}function $n(e=document){let t=e.ownerDocument||e;if(!Rn.has(t)){Rn.add(t);for(let e of[`focusin`,`pointerdown`,`drop`])t.addEventListener(e,Xn,!0);for(let e of[`input`,`change`])t.addEventListener(e,Zn,!0);t.addEventListener(`click`,qn),t.addEventListener(`submit`,Jn),t.addEventListener(`wui:modal:success`,Qn),t.defaultView.addEventListener(`beforeunload`,Yn)}let n=[...e.querySelectorAll?.(Z)||[]];e.matches?.(Z)&&n.unshift(e);for(let e of n)Q.has(e)||Q.set(e,Bn(e))}function er(e){if(!(e instanceof HTMLFormElement)||!e.matches(Z))throw TypeError(`resetUnsavedChanges: ${String(e)} is not a <form data-wui-unsaved>.`);Q.set(e,{saved:$(e),engaged:!1,discarded:!1})}function tr(){e(`wui-select`,_e),e(`wui-country-select`,ve),e(`wui-phone`,we),e(`wui-datepicker`,F),e(`wui-date-range`,ye),e(`wui-dock`,be),e(`wui-image-crop`,xe),e(`wui-kanban`,w),e(`wui-consent-banner`,N),e(`wui-slider`,Te),e(`wui-sortable`,Ee),e(`wui-timepicker`,Oe),e(`wui-tour`,Ae),e(`wui-tree`,je),e(`wui-autocomplete`,j),e(`wui-command-palette`,M),e(`wui-context-menu`,P),e(`wui-multiselect`,Se),e(`wui-taginput`,De),e(`wui-otp`,Ce),e(`wui-status-icon`,A),e(`wui-wizard-step`,Ne),e(`wui-wizard`,Me)}tr();export{wt as AVATAR_ACCEPT,We as AVATAR_MAX_SIZE_MB,at as AVATAR_OUTPUT_SIZE,it as AVATAR_OUTPUT_TYPE,ot as AVATAR_PREVIEW_SIZES,Ze as AVATAR_TEXT,V as CONFIRM_DIALOG_ID,Qt as CONFIRM_TONES,Ve as COPY_FEEDBACK_MS,C as CSRF_META_NAME,m as CURRENCIES,l as DATE_PATTERNS,y as DEFAULT_CSRF_HEADER,Ke as DEFAULT_IMAGE_ACCEPT,Qe as DEFAULT_MAX_SIZE_MB,$e as DEFAULT_PASSWORD_RULES,Le as DEFAULT_REQUIREMENTS_TITLE,Dt as DEFAULT_THEME_EFFECT,xt as DEFAULT_THEME_STORAGE_KEY,f as DURATION_UNITS,o as EMPTY_VALUE,H as FLASH_STORAGE_KEY,$t as FLASH_VARIANTS,t as FORMAT_STYLES,x as HTTP_KINDS,u as IST_TIME_ZONE,ue as KANBAN_DRAG_THRESHOLD_PX,O as KANBAN_LONG_PRESS_MS,ce as KANBAN_PHONE_QUERY,re as KANBAN_STORAGE_PREFIX,te as KANBAN_SUMMARY_FORMATS,oe as KANBAN_TEXT,le as KANBAN_TONES,Re as MASK_INPUT_TYPES,Ye as MASK_NAMES,p as MONEY_UNITS,Nt as SCROLL_EDGE_SELECTOR,Ft as SELECT_ALL_LABEL,I as SELECT_CELL_CLASS,It as SELECT_ROW_LABEL,U as SERVER_ACTION_TEXT,pe as STATUS_TONES,Tt as THEME_BOOT_SCRIPT_BODY,gt as THEME_CHANGE_EVENT,ct as THEME_EFFECTS,St as THEME_EFFECT_DURATION,Et as THEME_LIVE_NAME,ut as THEME_MODES,yt as THEME_SWITCHING_CLASS,X as UNSAVED_TEXT,v as WUI_HEADERS,j as WuiAutocomplete,M as WuiCommandPalette,N as WuiConsentBanner,P as WuiContextMenu,ve as WuiCountrySelect,F as WuiDatePicker,ye as WuiDateRange,be as WuiDock,xe as WuiImageCrop,w as WuiKanban,Se as WuiMultiSelect,Ce as WuiOtp,we as WuiPhone,_e as WuiSelect,Te as WuiSlider,Ee as WuiSortable,A as WuiStatusIcon,De as WuiTagInput,Oe as WuiTimePicker,Ae as WuiTour,je as WuiTree,Me as WuiWizard,Ne as WuiWizardStep,Pt as acceptLabel,R as addRowSelectCells,Vt as addSelectColumn,kt as applyTheme,vt as attachInputMask,lt as attachScrollEdges,Pe as avatarCropOptions,ft as avatarUnreadableMessage,jt as buildPasswordRules,g as classifyStatus,ln as confirmAction,Ge as copyTextToClipboard,ke as createLocalSeenStore,b as createRequestQueue,Rt as createSelectHeaderCell,zt as createSelectRowCell,Bt as createSelectSpacerCell,tr as defineWeborityElements,et as evaluatePassword,n as formatCompact,s as formatCurrency,h as formatDate,r as formatDuration,Fe as formatMasked,i as formatNumber,d as formatPercent,c as formatValue,Xt as getServerTable,Pn as getShell,me as glyphSvg,_t as initInputMasks,fe as initRemoteModals,Mt as initScrollEdges,Cn as initServerActions,Yt as initServerTables,Nn as initShellParts,$n as initUnsavedChanges,Ot as isHeicFile,Ie as isImageFile,nt as isImageOnlyAccept,qe as isMaskPattern,He as isPdfFile,ie as kanbanCardLabel,de as kanbanOverflow,T as kanbanStorageKey,E as kanbanSummaryFormat,se as kanbanVisibleLimit,k as loadRemoteModal,Je as maskedPostValue,ge as matchSegments,tt as matchesAccept,dt as nextTheme,ze as passwordSatisfies,Xe as postedMasked,Be as rawMasked,S as readCsrf,ae as readKanbanCollapsed,pt as readStoredTheme,er as resetUnsavedChanges,Ue as resolveMask,Ct as resolveTheme,bt as storeTheme,D as sumKanbanValues,Ht as syncSelectAll,ht as themeBootScript,mt as themeKeyframes,a as toInstant,st as transitionTheme,rt as validateFile,At as watchSystemTheme,he as withTrustedLabel,ne as writeKanbanCollapsed,_ as wuiFetch};

package/dist/ui-tour.global.js

@@ -1 +1 @@
-(function(){function e(e,t){typeof customElements<`u`&&!customElements.get(e)&&customElements.define(e,t)}var t=typeof HTMLElement>`u`?class{}:HTMLElement,n=4,r=300,i=400;function a(e,t,a={}){if(!e||!t)return;let o=e.getBoundingClientRect(),s=a.clampHeight?t.scrollTop:0;a.clampHeight&&(t.style.maxHeight=``);let c=t.offsetHeight,l=window.innerHeight-o.bottom,u=l<c+n&&o.top>l;if(t.classList.toggle(`drop-up`,u),t.style.position=`fixed`,t.style.top=u?`${Math.max(n,o.top-c-n)}px`:`${o.bottom+n}px`,a.clampHeight){let e=u?o.top-n*2:window.innerHeight-o.bottom-n*2;e<c&&(t.style.maxHeight=`${Math.max(e,0)}px`),t.scrollTop=s}a.matchWidth&&(o.width>=r?(t.style.minWidth=`${o.width}px`,t.style.width=`${o.width}px`,t.style.maxWidth=`${o.width}px`):(t.style.minWidth=`${o.width}px`,t.style.width=`max-content`,t.style.maxWidth=`${Math.min(i,window.innerWidth-n*2)}px`));let d=t.offsetWidth,f=Math.min(o.left,window.innerWidth-d-n);t.style.left=`${Math.max(n,f)}px`}function o(e,t){s(e),e._reanchor=t,e._reanchorScroll=n=>{n.target instanceof Node&&typeof e.contains==`function`&&e.contains(n.target)||t()},window.addEventListener(`resize`,e._reanchor),window.addEventListener(`scroll`,e._reanchorScroll,!0)}function s(e){e?._reanchor&&(window.removeEventListener(`resize`,e._reanchor),window.removeEventListener(`scroll`,e._reanchorScroll,!0),e._reanchor=null,e._reanchorScroll=null)}var c=` :host { all: initial; ${Object.entries({"--wui-z-tour":`1550`,"--wui-radius-sm":`8px`,"--wui-radius-lg":`14px`,"--wui-shadow-overlay":`0 8px 28px -6px rgba(7, 20, 55, 0.14)`,"--color-primary":`#4F46E5`,"--color-primary-hover":`#4338CA`,"--color-primary-ink":`#4F46E5`,"--color-primary-text":`#FFFFFF`,"--color-scrim-strong":`color-mix(in srgb, #071437 62%, transparent)`,"--color-surface":`#FFFFFF`,"--color-text":`#071437`,"--color-text-muted":`#4B5675`,"--color-border":`#EBEDF3`}).map(([e,t])=>`    ${e}: ${t};`).join(` `)} } *, *::before, *::after { box-sizing: border-box; } [hidden] { display: none !important; } .visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } .btn { display: inline-block; margin: 0; padding: 0.25rem 0.5rem; border: 1px solid transparent; border-radius: 0.375rem; background: transparent; font: inherit; font-size: 0.875rem; font-weight: 500; line-height: 1.5; text-align: center; text-decoration: none; white-space: nowrap; cursor: pointer; } .btn:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 2px; } .btn-primary { background: var(--color-primary); border-color: var(--color-primary); color: var(--color-primary-text); } .btn-primary:hover { background: var(--color-primary-hover); border-color: var(--color-primary-hover); } .btn-outline-secondary { border-color: var(--color-text-muted); color: var(--color-text-muted); } .btn-outline-secondary:hover { background: var(--color-text-muted); color: #fff; } .btn-link { font-weight: 400; color: var(--color-primary-ink); text-decoration: underline; } .btn-link:hover { color: var(--color-primary-hover); } .wui-tour-layer { position: fixed; inset: 0; z-index: var(--wui-z-tour); pointer-events: none; font-family: "Webority Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 16px; font-weight: 400; line-height: 1.5; color: var(--color-text); text-align: start; } .wui-tour-spot { position: fixed; border-radius: var(--wui-radius-sm); box-shadow: 0 0 0 2px var(--color-primary), 0 0 0 100vmax var(--color-scrim-strong); pointer-events: none; } @media (prefers-reduced-motion: no-preference) { .wui-tour-spot { transition: top 160ms ease, left 160ms ease, width 160ms ease, height 160ms ease; } } .wui-tour-card { display: flex; flex-direction: column; gap: 8px; width: min(360px, 100vw - 16px); padding: 16px; overflow-y: auto; background: var(--color-surface); color: var(--color-text); border: 1px solid var(--color-border); border-radius: var(--wui-radius-lg); corner-shape: squircle; box-shadow: var(--wui-shadow-overlay); pointer-events: auto; } .wui-tour-card:focus { outline: none; } .wui-tour-card:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 2px; } .wui-tour-position { margin: 0; font-size: 12px; color: var(--color-text-muted); } .wui-tour-title { margin: 0; font-size: 16px; font-weight: 600; } .wui-tour-text { margin: 0; font-size: 14px; color: var(--color-text-muted); } .wui-tour-actions { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 4px; } .wui-tour-nav { display: flex; gap: 8px; } .wui-tour-skip { color: var(--color-text-muted); } .wui-tour-back, .wui-tour-next { min-width: 64px; } `,l=`wui-tour-step`,u=`wui-tour-host`,d=`wui-tour-seen:`,f={back:`Back`,next:`Next`,skip:`Skip`,done:`Done`},p={back:`back-label`,next:`next-label`,skip:`skip-label`,done:`done-label`},m=4,h=4,g=`data-wui-tour-open`,_=0;function v(e=d,t=globalThis.localStorage){return{isSeen:async n=>t.getItem(e+n)===`1`,markSeen:async n=>{t.setItem(e+n,`1`)}}}var y=e=>!e?.isConnected||getComputedStyle(e).visibility===`hidden`?!1:e.getClientRects().length>0,b=e=>!!e&&(e.isContentEditable||/^(INPUT|TEXTAREA|SELECT)$/.test(e.tagName)),x=()=>{let e=document.activeElement;for(;e?.shadowRoot?.activeElement;)e=e.shadowRoot.activeElement;return e},S=null;function C(e){if(`adoptedStyleSheets`in e&&typeof CSSStyleSheet==`function`&&`replaceSync`in CSSStyleSheet.prototype){S||(S=new CSSStyleSheet,S.replaceSync(c)),e.adoptedStyleSheets=[S];return}let t=document.createElement(`style`);t.textContent=c,e.appendChild(t)}var w=class extends t{static get observedAttributes(){return[`open`]}constructor(){super(),this.seenStore=null,this.onBeforeStep=null,this._run=0,this._running=!1,this._layer=null,this._outer=null,this._shadow=null}connectedCallback(){this.hasAttribute(`open`)&&this.start()}disconnectedCallback(){this.stop()}attributeChangedCallback(e,t,n){e!==`open`||!this.isConnected||(n===null?this.stop():this.start())}get tourId(){return this.getAttribute(`tour-id`)||``}set tourId(e){e==null||e===``?this.removeAttribute(`tour-id`):this.setAttribute(`tour-id`,String(e))}get isolated(){return this.hasAttribute(`isolated`)}set isolated(e){this.toggleAttribute(`isolated`,e===!0||e===``||e===`true`)}_stepList(){return Array.from(this.querySelectorAll(`:scope > ${l}`),e=>({target:e.getAttribute(`target`)||``,title:e.getAttribute(`title`)||void 0,description:e.textContent.trim()}))}_store(){return this.seenStore?this.seenStore:this.getAttribute(`seen-store`)===`local`?v():globalThis.window?.WUI?.tour?.seenStore||null}_label(e){return this.getAttribute(p[e])||f[e]}async start(){if(this._running)return;this._running=!0;let e=++this._run;this.hasAttribute(`open`)||this.setAttribute(`open`,``);try{await this._start(e)}catch(t){throw e===this._run&&(this._running=!1),t}}async _start(e){this._steps=this._stepList();let t=this._store();if(t&&!this.tourId)throw Error(`<wui-tour> needs a tour-id to use a seen store.`);if(t&&await t.isSeen(this.tourId)){e===this._run&&this._finish(`alreadySeen`);return}this._returnFocus=document.activeElement;let n=await this._locate(0,1,e);if(e===this._run){if(!n){this._finish(`noTargets`);return}this._firstIndex=n.index,this._build(),this._show(n)}}next(){return this._move(1)}back(){return!this._current||this._current.index<=this._firstIndex?Promise.resolve():this._move(-1)}async goTo(e){if(this._current){if(!Number.isInteger(e)||e<0||e>=this._steps.length)throw RangeError(`<wui-tour> has no step ${e}; it has ${this._steps.length}.`);await this._go(e,1)}}stop(){this._running&&(this._run++,this._teardown(),this._running=!1,this.hasAttribute(`open`)&&this.removeAttribute(`open`))}async _locate(e,t,n){let r=this._steps;for(let i=e;i>=0&&i<r.length;i+=t){let e=r[i];if(await this._beforeStep(e,i),n!==this._run)return null;if(!e.target)return{index:i,target:null};let t=document.querySelector(e.target);if(y(t))return{index:i,target:t}}return null}async _beforeStep(e,t){let n=[];this.dispatchEvent(new CustomEvent(`wui-tour:beforestep`,{bubbles:!0,detail:{step:e,index:t,wait:e=>n.push(e)}})),await Promise.all(n),typeof this.onBeforeStep==`function`&&await this.onBeforeStep(e,t)}_build(){let e=`wui-tour-${++_}`,t=document.createElement(`div`);t.className=`wui-tour-layer`,t.innerHTML=` <div class="wui-tour-spot" aria-hidden="true"></div> <div class="wui-tour-card" role="dialog" aria-modal="true" tabindex="-1" aria-labelledby="${e}-title" aria-describedby="${e}-text"> <p class="wui-tour-position"></p> <h2 class="wui-tour-title" id="${e}-title"></h2> <p class="wui-tour-text" id="${e}-text"></p> <div class="wui-tour-actions"> <button type="button" class="btn btn-sm btn-link wui-tour-skip"></button> <div class="wui-tour-nav"> <button type="button" class="btn btn-sm btn-outline-secondary wui-tour-back"></button> <button type="button" class="btn btn-sm btn-primary wui-tour-next"></button> </div> </div> </div> <div class="visually-hidden" role="status" aria-live="polite"></div>`;let n=t;this._shadow=null,this.isolated&&(n=document.createElement(u),this._shadow=n.attachShadow({mode:`open`}),C(this._shadow),this._shadow.appendChild(t)),document.body.appendChild(n),document.documentElement.setAttribute(g,``),this._outer=n,this._layer=t,this._spot=t.querySelector(`.wui-tour-spot`),this._card=t.querySelector(`.wui-tour-card`),this._live=t.querySelector(`[role=status]`),this._card.querySelector(`.wui-tour-skip`).addEventListener(`click`,()=>this._close(`skipped`)),this._card.querySelector(`.wui-tour-back`).addEventListener(`click`,()=>this._move(-1)),this._card.querySelector(`.wui-tour-next`).addEventListener(`click`,()=>this._move(1)),this._shadow&&this._card.removeAttribute(`aria-modal`),this._onKey=e=>this._key(e),this._onFocusIn=e=>{this._layer&&!this._layer.contains(e.target)&&this._card.focus()},document.addEventListener(`keydown`,this._onKey,!0),this._shadow||document.addEventListener(`focusin`,this._onFocusIn),o(n,()=>this._place())}_active(){return this._shadow?this._shadow.activeElement:document.activeElement}_show(e){this._current=e;let{index:t,target:n}=e,r=this._steps[t],i=this._steps,a=t===i.length-1,o=this._card;o.querySelector(`.wui-tour-position`).textContent=`Step ${t+1} of ${i.length}`;let s=o.querySelector(`.wui-tour-title`);s.textContent=r.title||``,s.hidden=!r.title,o.querySelector(`.wui-tour-text`).textContent=r.description||``,o.querySelector(`.wui-tour-skip`).textContent=this._label(`skip`),o.querySelector(`.wui-tour-back`).textContent=this._label(`back`),o.querySelector(`.wui-tour-back`).hidden=t<=this._firstIndex,o.querySelector(`.wui-tour-next`).textContent=this._label(a?`done`:`next`),this._live.textContent=[`Step ${t+1} of ${i.length}`,r.title,r.description].filter(Boolean).join(`. `),this._scrollTo(n),this._place();let c=this._active();(o.contains(c)?!c.hidden:this._shadow!==null&&b(x()))||o.focus(),this.dispatchEvent(new CustomEvent(`wui-tour:step`,{bubbles:!0,detail:{step:r,index:t}}))}_scrollTo(e){if(!e?.scrollIntoView)return;this._card.style.maxHeight=``;let t=this._card.offsetHeight+h*2;if(e.getBoundingClientRect().height+m*2+t*2<=window.innerHeight){e.scrollIntoView({block:`center`,inline:`nearest`});return}let n=e.style.scrollMarginTop;e.style.scrollMarginTop=`${t+m}px`,e.scrollIntoView({block:`start`,inline:`nearest`}),e.style.scrollMarginTop=n}_place(){if(!this._current||!this._layer)return;let e=this._spot.style,t=this._card.style;if(!this._current.target){e.top=`50%`,e.left=`50%`,e.width=`0px`,e.height=`0px`,e.boxShadow=`0 0 0 100vmax var(--color-scrim-strong)`,this._card.classList.remove(`drop-up`),t.position=`fixed`,t.top=`50%`,t.left=`50%`,t.transform=`translate(-50%, -50%)`,t.maxHeight=`calc(100vh - 16px)`;return}e.boxShadow=``,t.transform=``;let n=this._current.target.getBoundingClientRect(),r={top:n.top-m,left:n.left-m,width:n.width+m*2,height:n.height+m*2,bottom:n.bottom+m,right:n.right+m};e.top=`${r.top}px`,e.left=`${r.left}px`,e.width=`${r.width}px`,e.height=`${r.height}px`,a({getBoundingClientRect:()=>r},this._card,{clampHeight:!0})}async _move(e){this._current&&await this._go(this._current.index+e,e)}async _go(e,t){if(!this._current||this._moving)return;this._moving=!0;let n=this._run;try{let r=await this._locate(e,t,n);if(n!==this._run)return;r?this._show(r):t>0&&await this._close(`finished`)}finally{this._moving=!1}}_key(e){if(!(!this._layer||e.altKey||e.ctrlKey||e.metaKey)){if(e.key===`Escape`)e.preventDefault(),e.stopPropagation(),this._close(`skipped`);else if(e.key===`ArrowRight`||e.key===`ArrowLeft`){if(this._shadow&&b(e.composedPath?.()[0]??e.target))return;e.preventDefault(),e.key===`ArrowRight`?this._move(1):this._current.index>this._firstIndex&&this._move(-1)}else if(e.key===`Tab`&&!this._shadow){let t=Array.from(this._card.querySelectorAll(`button`)).filter(e=>!e.hidden),n=t[0],r=t[t.length-1],i=this._active();!this._card.contains(i)||e.shiftKey&&(i===n||i===this._card)?(e.preventDefault(),(e.shiftKey?r:n).focus()):!e.shiftKey&&i===r&&(e.preventDefault(),n.focus())}}}_teardown(){if(!this._layer)return;document.removeEventListener(`keydown`,this._onKey,!0),document.removeEventListener(`focusin`,this._onFocusIn);let e=!this._shadow||this._shadow.activeElement!==null||!document.activeElement||document.activeElement===document.body;s(this._outer),this._outer.remove(),document.documentElement.removeAttribute(g),this._outer=null,this._shadow=null,this._layer=null,this._current=null;let t=this._returnFocus;this._returnFocus=null,e&&t?.isConnected&&t.focus?.()}async _close(e){let t=this._run;this._teardown();let n=this._store();try{n&&t===this._run&&await n.markSeen(this.tourId)}finally{this._finish(e)}}_finish(e){this._run++,this._running=!1,this.hasAttribute(`open`)&&this.removeAttribute(`open`),this.dispatchEvent(new CustomEvent(`wui-tour:close`,{bubbles:!0,detail:{reason:e}}))}},T=class extends t{constructor(){super(),this.shadowRoot||this.attachShadow({mode:`open`})}};e(`wui-tour`,w),e(`wui-tour-step`,T)})();
+(function(){function e(e,t){typeof customElements<`u`&&!customElements.get(e)&&customElements.define(e,t)}var t=typeof HTMLElement>`u`?class{}:HTMLElement,n=4,r=300,i=400;function a(e,t,a={}){if(!e||!t)return;let o=e.getBoundingClientRect(),s=a.clampHeight?t.scrollTop:0;a.clampHeight&&(t.style.maxHeight=``);let c=t.offsetHeight,l=window.innerHeight-o.bottom,u=l<c+n&&o.top>l;if(t.classList.toggle(`drop-up`,u),t.style.position=`fixed`,t.style.top=u?`${Math.max(n,o.top-c-n)}px`:`${o.bottom+n}px`,a.clampHeight){let e=u?o.top-n*2:window.innerHeight-o.bottom-n*2;e<c&&(t.style.maxHeight=`${Math.max(e,0)}px`),t.scrollTop=s}a.matchWidth&&(o.width>=r?(t.style.minWidth=`${o.width}px`,t.style.width=`${o.width}px`,t.style.maxWidth=`${o.width}px`):(t.style.minWidth=`${o.width}px`,t.style.width=`max-content`,t.style.maxWidth=`${Math.min(i,window.innerWidth-n*2)}px`));let d=t.offsetWidth,f=Math.min(o.left,window.innerWidth-d-n);t.style.left=`${Math.max(n,f)}px`}function o(e,t){s(e),e._reanchor=t,e._reanchorScroll=n=>{n.target instanceof Node&&typeof e.contains==`function`&&e.contains(n.target)||t()},window.addEventListener(`resize`,e._reanchor),window.addEventListener(`scroll`,e._reanchorScroll,!0)}function s(e){e?._reanchor&&(window.removeEventListener(`resize`,e._reanchor),window.removeEventListener(`scroll`,e._reanchorScroll,!0),e._reanchor=null,e._reanchorScroll=null)}var c=` :host { all: initial; ${Object.entries({"--wui-z-tour":`1550`,"--wui-radius-sm":`8px`,"--wui-radius-lg":`14px`,"--wui-shadow-overlay":`0 8px 28px -6px rgba(7, 20, 55, 0.14)`,"--color-primary":`#4F46E5`,"--color-primary-hover":`#4338CA`,"--color-primary-ink":`#4F46E5`,"--color-primary-text":`#FFFFFF`,"--color-scrim-strong":`color-mix(in srgb, #071437 62%, transparent)`,"--color-surface":`#FFFFFF`,"--color-text":`#071437`,"--color-text-muted":`#4B5675`,"--color-border":`#EBEDF3`}).map(([e,t])=>`    ${e}: ${t};`).join(` `)} } *, *::before, *::after { box-sizing: border-box; } [hidden] { display: none !important; } .visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } .btn { display: inline-block; margin: 0; padding: 0.25rem 0.5rem; border: 1px solid transparent; border-radius: 0.375rem; background: transparent; font: inherit; font-size: 0.875rem; font-weight: 500; line-height: 1.5; text-align: center; text-decoration: none; white-space: nowrap; cursor: pointer; } .btn:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 2px; } .btn-primary { background: var(--color-primary); border-color: var(--color-primary); color: var(--color-primary-text); } .btn-primary:hover { background: var(--color-primary-hover); border-color: var(--color-primary-hover); } .btn-outline-secondary { border-color: var(--color-text-muted); color: var(--color-text-muted); } .btn-outline-secondary:hover { background: var(--color-text-muted); color: #fff; } .btn-link { font-weight: 400; color: var(--color-primary-ink); text-decoration: underline; } .btn-link:hover { color: var(--color-primary-hover); } .wui-tour-layer { position: fixed; inset: 0; z-index: var(--wui-z-tour); pointer-events: none; font-family: "Webority Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 16px; font-weight: 400; line-height: 1.5; color: var(--color-text); text-align: start; } .wui-tour-spot { position: fixed; border-radius: var(--wui-radius-sm); box-shadow: 0 0 0 2px var(--color-primary), 0 0 0 100vmax var(--color-scrim-strong); pointer-events: none; } @media (prefers-reduced-motion: no-preference) { .wui-tour-spot { transition: top 160ms ease, left 160ms ease, width 160ms ease, height 160ms ease; } } .wui-tour-card { display: flex; flex-direction: column; gap: 8px; width: min(360px, 100vw - 16px); padding: 16px; overflow-y: auto; background: var(--color-surface); color: var(--color-text); border: 1px solid var(--color-border); border-radius: var(--wui-radius-lg); corner-shape: squircle; box-shadow: var(--wui-shadow-overlay); pointer-events: auto; } .wui-tour-card:focus { outline: none; } .wui-tour-card:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 2px; } .wui-tour-position { margin: 0; font-size: 12px; color: var(--color-text-muted); } .wui-tour-title { margin: 0; font-size: 16px; font-weight: 600; } .wui-tour-text { margin: 0; font-size: 14px; color: var(--color-text-muted); } .wui-tour-actions { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 4px; } .wui-tour-nav { display: flex; gap: 8px; } .wui-tour-skip { color: var(--color-text-muted); } .wui-tour-back, .wui-tour-next { min-width: 64px; } `,l=`data-wui-tour-open`,u=`wui-tour-step`,d=`wui-tour-host`,f=`wui-tour-seen:`,p={back:`Back`,next:`Next`,skip:`Skip`,done:`Done`},m={back:`back-label`,next:`next-label`,skip:`skip-label`,done:`done-label`},h=4,g=4,_=0;function v(e=f,t=globalThis.localStorage){return{isSeen:async n=>t.getItem(e+n)===`1`,markSeen:async n=>{t.setItem(e+n,`1`)}}}var y=e=>!e?.isConnected||getComputedStyle(e).visibility===`hidden`?!1:e.getClientRects().length>0,b=e=>!!e&&(e.isContentEditable||/^(INPUT|TEXTAREA|SELECT)$/.test(e.tagName)),x=()=>{let e=document.activeElement;for(;e?.shadowRoot?.activeElement;)e=e.shadowRoot.activeElement;return e},S=null;function C(e){if(`adoptedStyleSheets`in e&&typeof CSSStyleSheet==`function`&&`replaceSync`in CSSStyleSheet.prototype){S||(S=new CSSStyleSheet,S.replaceSync(c)),e.adoptedStyleSheets=[S];return}let t=document.createElement(`style`);t.textContent=c,e.appendChild(t)}var w=class extends t{static get observedAttributes(){return[`open`]}constructor(){super(),this.seenStore=null,this.onBeforeStep=null,this._run=0,this._running=!1,this._layer=null,this._outer=null,this._shadow=null}connectedCallback(){this.hasAttribute(`open`)&&this.start()}disconnectedCallback(){this.stop()}attributeChangedCallback(e,t,n){e!==`open`||!this.isConnected||(n===null?this.stop():this.start())}get tourId(){return this.getAttribute(`tour-id`)||``}set tourId(e){e==null||e===``?this.removeAttribute(`tour-id`):this.setAttribute(`tour-id`,String(e))}get isolated(){return this.hasAttribute(`isolated`)}set isolated(e){this.toggleAttribute(`isolated`,e===!0||e===``||e===`true`)}_stepList(){return Array.from(this.querySelectorAll(`:scope > ${u}`),e=>({target:e.getAttribute(`target`)||``,title:e.getAttribute(`title`)||void 0,description:e.textContent.trim()}))}_store(){return this.seenStore?this.seenStore:this.getAttribute(`seen-store`)===`local`?v():globalThis.window?.WUI?.tour?.seenStore||null}_label(e){return this.getAttribute(m[e])||p[e]}async start(){if(this._running)return;this._running=!0;let e=++this._run;this.hasAttribute(`open`)||this.setAttribute(`open`,``);try{await this._start(e)}catch(t){throw e===this._run&&(this._running=!1),t}}async _start(e){this._steps=this._stepList();let t=this._store();if(t&&!this.tourId)throw Error(`<wui-tour> needs a tour-id to use a seen store.`);if(t&&await t.isSeen(this.tourId)){e===this._run&&this._finish(`alreadySeen`);return}this._returnFocus=document.activeElement;let n=await this._locate(0,1,e);if(e===this._run){if(!n){this._finish(`noTargets`);return}this._firstIndex=n.index,this._build(),this._show(n)}}next(){return this._move(1)}back(){return!this._current||this._current.index<=this._firstIndex?Promise.resolve():this._move(-1)}async goTo(e){if(this._current){if(!Number.isInteger(e)||e<0||e>=this._steps.length)throw RangeError(`<wui-tour> has no step ${e}; it has ${this._steps.length}.`);await this._go(e,1)}}stop(){this._running&&(this._run++,this._teardown(),this._running=!1,this.hasAttribute(`open`)&&this.removeAttribute(`open`))}async _locate(e,t,n){let r=this._steps;for(let i=e;i>=0&&i<r.length;i+=t){let e=r[i];if(await this._beforeStep(e,i),n!==this._run)return null;if(!e.target)return{index:i,target:null};let t=document.querySelector(e.target);if(y(t))return{index:i,target:t}}return null}async _beforeStep(e,t){let n=[];this.dispatchEvent(new CustomEvent(`wui-tour:beforestep`,{bubbles:!0,detail:{step:e,index:t,wait:e=>n.push(e)}})),await Promise.all(n),typeof this.onBeforeStep==`function`&&await this.onBeforeStep(e,t)}_build(){let e=`wui-tour-${++_}`,t=document.createElement(`div`);t.className=`wui-tour-layer`,t.innerHTML=` <div class="wui-tour-spot" aria-hidden="true"></div> <div class="wui-tour-card" role="dialog" aria-modal="true" tabindex="-1" aria-labelledby="${e}-title" aria-describedby="${e}-text"> <p class="wui-tour-position"></p> <h2 class="wui-tour-title" id="${e}-title"></h2> <p class="wui-tour-text" id="${e}-text"></p> <div class="wui-tour-actions"> <button type="button" class="btn btn-sm btn-link wui-tour-skip"></button> <div class="wui-tour-nav"> <button type="button" class="btn btn-sm btn-outline-secondary wui-tour-back"></button> <button type="button" class="btn btn-sm btn-primary wui-tour-next"></button> </div> </div> </div> <div class="visually-hidden" role="status" aria-live="polite"></div>`;let n=t;this._shadow=null,this.isolated&&(n=document.createElement(d),this._shadow=n.attachShadow({mode:`open`}),C(this._shadow),this._shadow.appendChild(t)),document.body.appendChild(n),document.documentElement.setAttribute(l,``),this._outer=n,this._layer=t,this._spot=t.querySelector(`.wui-tour-spot`),this._card=t.querySelector(`.wui-tour-card`),this._live=t.querySelector(`[role=status]`),this._card.querySelector(`.wui-tour-skip`).addEventListener(`click`,()=>this._close(`skipped`)),this._card.querySelector(`.wui-tour-back`).addEventListener(`click`,()=>this._move(-1)),this._card.querySelector(`.wui-tour-next`).addEventListener(`click`,()=>this._move(1)),this._shadow&&this._card.removeAttribute(`aria-modal`),this._onKey=e=>this._key(e),this._onFocusIn=e=>{this._layer&&!this._layer.contains(e.target)&&this._card.focus()},document.addEventListener(`keydown`,this._onKey,!0),this._shadow||document.addEventListener(`focusin`,this._onFocusIn),o(n,()=>this._place())}_active(){return this._shadow?this._shadow.activeElement:document.activeElement}_show(e){this._current=e;let{index:t,target:n}=e,r=this._steps[t],i=this._steps,a=t===i.length-1,o=this._card;o.querySelector(`.wui-tour-position`).textContent=`Step ${t+1} of ${i.length}`;let s=o.querySelector(`.wui-tour-title`);s.textContent=r.title||``,s.hidden=!r.title,o.querySelector(`.wui-tour-text`).textContent=r.description||``,o.querySelector(`.wui-tour-skip`).textContent=this._label(`skip`),o.querySelector(`.wui-tour-back`).textContent=this._label(`back`),o.querySelector(`.wui-tour-back`).hidden=t<=this._firstIndex,o.querySelector(`.wui-tour-next`).textContent=this._label(a?`done`:`next`),this._live.textContent=[`Step ${t+1} of ${i.length}`,r.title,r.description].filter(Boolean).join(`. `),this._scrollTo(n),this._place();let c=this._active();(o.contains(c)?!c.hidden:this._shadow!==null&&b(x()))||o.focus(),this.dispatchEvent(new CustomEvent(`wui-tour:step`,{bubbles:!0,detail:{step:r,index:t}}))}_scrollTo(e){if(!e?.scrollIntoView)return;this._card.style.maxHeight=``;let t=this._card.offsetHeight+g*2;if(e.getBoundingClientRect().height+h*2+t*2<=window.innerHeight){e.scrollIntoView({block:`center`,inline:`nearest`});return}let n=e.style.scrollMarginTop;e.style.scrollMarginTop=`${t+h}px`,e.scrollIntoView({block:`start`,inline:`nearest`}),e.style.scrollMarginTop=n}_place(){if(!this._current||!this._layer)return;let e=this._spot.style,t=this._card.style;if(!this._current.target){e.top=`50%`,e.left=`50%`,e.width=`0px`,e.height=`0px`,e.boxShadow=`0 0 0 100vmax var(--color-scrim-strong)`,this._card.classList.remove(`drop-up`),t.position=`fixed`,t.top=`50%`,t.left=`50%`,t.transform=`translate(-50%, -50%)`,t.maxHeight=`calc(100vh - 16px)`;return}e.boxShadow=``,t.transform=``;let n=this._current.target.getBoundingClientRect(),r={top:n.top-h,left:n.left-h,width:n.width+h*2,height:n.height+h*2,bottom:n.bottom+h,right:n.right+h};e.top=`${r.top}px`,e.left=`${r.left}px`,e.width=`${r.width}px`,e.height=`${r.height}px`;let i=this._card.scrollTop;t.maxHeight=``;let o=this._card.offsetHeight,s=window.innerHeight-g*2,c=Math.max(r.top,window.innerHeight-r.bottom)-g*2,l=Math.min(n.bottom,window.innerHeight)-Math.max(n.top,0);o<=c+1||l<Math.min(o,s)+g*2?a({getBoundingClientRect:()=>r},this._card,{clampHeight:!0}):this._placeOver(n,o,s),this._card.scrollTop=i}_placeOver(e,t,n){let r=this._card;r.classList.remove(`drop-up`),r.style.position=`fixed`,r.style.maxHeight=t>n?`${Math.max(n,0)}px`:``;let i=Math.min(e.bottom,window.innerHeight)-g;r.style.top=`${Math.max(g,i-Math.min(t,n))}px`;let a=Math.min(e.left+g,window.innerWidth-r.offsetWidth-g);r.style.left=`${Math.max(g,a)}px`}async _move(e){this._current&&await this._go(this._current.index+e,e)}async _go(e,t){if(!this._current||this._moving)return;this._moving=!0;let n=this._run;try{let r=await this._locate(e,t,n);if(n!==this._run)return;r?this._show(r):t>0&&await this._close(`finished`)}finally{this._moving=!1}}_key(e){if(!(!this._layer||e.altKey||e.ctrlKey||e.metaKey)){if(e.key===`Escape`)e.preventDefault(),e.stopPropagation(),this._close(`skipped`);else if(e.key===`ArrowRight`||e.key===`ArrowLeft`){if(this._shadow&&b(e.composedPath?.()[0]??e.target))return;e.preventDefault(),e.key===`ArrowRight`?this._move(1):this._current.index>this._firstIndex&&this._move(-1)}else if(e.key===`Tab`&&!this._shadow){let t=Array.from(this._card.querySelectorAll(`button`)).filter(e=>!e.hidden),n=t[0],r=t[t.length-1],i=this._active();!this._card.contains(i)||e.shiftKey&&(i===n||i===this._card)?(e.preventDefault(),(e.shiftKey?r:n).focus()):!e.shiftKey&&i===r&&(e.preventDefault(),n.focus())}}}_teardown(){if(!this._layer)return;document.removeEventListener(`keydown`,this._onKey,!0),document.removeEventListener(`focusin`,this._onFocusIn);let e=!this._shadow||this._shadow.activeElement!==null||!document.activeElement||document.activeElement===document.body;s(this._outer),this._outer.remove(),document.documentElement.removeAttribute(l),this._outer=null,this._shadow=null,this._layer=null,this._current=null;let t=this._returnFocus;this._returnFocus=null,e&&t?.isConnected&&t.focus?.()}async _close(e){let t=this._run;this._teardown();let n=this._store();try{n&&t===this._run&&await n.markSeen(this.tourId)}finally{this._finish(e)}}_finish(e){this._run++,this._running=!1,this.hasAttribute(`open`)&&this.removeAttribute(`open`),this.dispatchEvent(new CustomEvent(`wui-tour:close`,{bubbles:!0,detail:{reason:e}}))}},T=class extends t{constructor(){super(),this.shadowRoot||this.attachShadow({mode:`open`})}};e(`wui-tour`,w),e(`wui-tour-step`,T)})();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webority/ui-elements",
-  "version": "0.51.2",
+  "version": "0.51.3",
   "description": "Webority framework-agnostic UI custom elements (<wui-*>) — the single implementation of the interactive components, styled by @webority/theme. Used natively in Razor and wrapped by @webority/ui-react.",
   "license": "SEE LICENSE IN LICENSE",
   "type": "module",

package/dist/WuiConsentBanner-B1pihfCJ.js

@@ -1 +0,0 @@
-import{t as e}from"./elementBase-BlsR4tqa.js";var t={"--color-primary":`#4F46E5`,"--color-primary-hover":`#4338CA`,"--color-primary-ink":`#4F46E5`,"--color-primary-text":`#FFFFFF`,"--color-text":`#071437`,"--color-text-muted":`#4B5675`,"--color-border":`#EBEDF3`,"--color-surface":`#FFFFFF`,"--wui-radius-lg":`14px`,"--wui-shadow-overlay-lg":`0 24px 60px -16px rgba(7, 20, 55, 0.28)`,"--wui-z-fixed":`1030`},n=e=>`var(${e}, ${t[e]})`,r=` :host { all: initial; position: fixed; bottom: 20px; left: 20px; right: auto; z-index: ${n(`--wui-z-fixed`)}; display: block; width: 420px; max-width: calc(100vw - 40px); font-family: inherit; font-size: 16px; line-height: 1.5; color: ${n(`--color-text`)}; } :host([position="bottom-right"]) { right: 20px; left: auto; } :host(:not([open])) { pointer-events: none; } *, *::before, *::after { box-sizing: border-box; } [hidden] { display: none !important; } .wui-consent-banner-panel { padding: 20px; background: ${n(`--color-surface`)}; border: 1px solid ${n(`--color-border`)}; border-radius: ${n(`--wui-radius-lg`)}; box-shadow: ${n(`--wui-shadow-overlay-lg`)}; text-align: start; pointer-events: auto; } .wui-consent-banner-heading { margin: 0 0 8px; font-size: 18px; font-weight: 600; line-height: 1.3; color: ${n(`--color-text`)}; } .wui-consent-banner-description { margin: 0 0 16px; font-size: 14px; line-height: 1.5; color: ${n(`--color-text-muted`)}; } .wui-consent-banner-policy { color: ${n(`--color-primary-ink`)}; font-weight: 500; } .wui-consent-banner-settings { display: grid; gap: 12px; max-height: 50vh; margin: 0 0 16px; padding: 12px 0; overflow-y: auto; border-top: 1px solid ${n(`--color-border`)}; border-bottom: 1px solid ${n(`--color-border`)}; } .wui-consent-banner-category-description { margin: 2px 0 0; padding-inline-start: 2.5em; font-size: 12px; line-height: 1.4; color: ${n(`--color-text-muted`)}; } .form-check { display: flex; align-items: center; gap: 0.5em; margin: 0; font-size: 14px; } .form-check-input { appearance: none; flex: none; width: 2em; height: 1em; margin: 0; border: 1px solid rgba(0, 0, 0, 0.25); border-radius: 2em; background: ${n(`--color-surface`)} radial-gradient(circle, rgba(0, 0, 0, 0.25) 0.35em, transparent 0.4em) left / 1em 1em no-repeat; cursor: pointer; transition: background-position 0.15s ease-in-out; } .form-check-input:checked { border-color: ${n(`--color-primary`)}; background: ${n(`--color-primary`)} radial-gradient(circle, #fff 0.35em, transparent 0.4em) right / 1em 1em no-repeat; } .form-check-input:disabled { opacity: 0.5; cursor: default; } .form-check-input:focus-visible { outline: 2px solid ${n(`--color-primary`)}; outline-offset: 2px; } .form-check-label { cursor: pointer; } .wui-consent-banner-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 8px; } .btn { display: inline-block; padding: 0.25rem 0.5rem; border: 1px solid transparent; border-radius: 0.375rem; background: transparent; font: inherit; font-size: 0.875rem; font-weight: 500; line-height: 1.5; text-align: center; white-space: nowrap; cursor: pointer; } .btn:focus-visible { outline: 2px solid ${n(`--color-primary`)}; outline-offset: 2px; } .btn-primary { background: ${n(`--color-primary`)}; border-color: ${n(`--color-primary`)}; color: ${n(`--color-primary-text`)}; } .btn-primary:hover { background: ${n(`--color-primary-hover`)}; border-color: ${n(`--color-primary-hover`)}; } .btn-outline-secondary { border-color: ${n(`--color-text-muted`)}; color: ${n(`--color-text-muted`)}; } .btn-outline-secondary:hover { background: ${n(`--color-text-muted`)}; color: #fff; } .btn-link { font-weight: 400; color: ${n(`--color-primary-ink`)}; text-decoration: underline; } .btn-link:hover { color: ${n(`--color-primary-hover`)}; } .wui-consent-banner-settings-toggle { margin-inline-end: auto; padding-inline: 0; } .wui-consent-banner-save { flex: 1 1 100%; } @media (max-width: 480px) { :host, :host([position="bottom-right"]) { left: 12px; right: 12px; bottom: 12px; width: auto; max-width: none; } } `,i=`wui-consent-save`,a=`[data-consent-settings]`,o={heading:`Cookies on this site`,description:`We use cookies to understand how the site is used and to measure our campaigns. You can change your choice at any time.`,policyLabel:`Cookie policy`,essentialLabel:`Essential cookies`,essentialDescription:`Required for the site to work and stay secure. Always on.`,analyticsLabel:`Analytics cookies`,analyticsDescription:`Help us understand how visitors use the site.`,functionalLabel:`Functional cookies`,functionalDescription:`Remember choices you make, such as your preferences.`,marketingLabel:`Marketing cookies`,marketingDescription:`Measure how well our campaigns work.`,settingsLabel:`Cookie settings`,rejectLabel:`Reject all`,acceptLabel:`Accept all`,saveLabel:`Save preferences`},s=[`analytics`,`functional`,`marketing`],c=0,l=class extends e{static get observedAttributes(){return[`heading`,`description`,`policy-href`,`policy-label`,`analytics-description`,`functional-description`,`marketing-description`]}constructor(){super(),c+=1,this._uid=`wui-consent-${c}`,this._preferences={analytics:!1,functional:!1,marketing:!1},this._settings=!1,this._onDocumentClick=e=>{e.target instanceof Element&&e.target.closest(a)&&(e.preventDefault(),this.open({settings:!0,focus:!0}))}}get position(){return this.getAttribute(`position`)===`bottom-right`?`bottom-right`:`bottom-left`}set position(e){this.setAttribute(`position`,String(e??`bottom-left`))}get standalone(){return this.hasAttribute(`standalone`)}set standalone(e){this.toggleAttribute(`standalone`,e===!0||e===``||e===`true`)}get heading(){return this.getAttribute(`heading`)||o.heading}set heading(e){this.setAttribute(`heading`,String(e??``))}get description(){return this.getAttribute(`description`)||o.description}set description(e){this.setAttribute(`description`,String(e??``))}get policyHref(){return this.getAttribute(`policy-href`)||``}set policyHref(e){this.setAttribute(`policy-href`,String(e??``))}get policyLabel(){return this.getAttribute(`policy-label`)||o.policyLabel}set policyLabel(e){this.setAttribute(`policy-label`,String(e??``))}get analyticsDescription(){return this.getAttribute(`analytics-description`)||o.analyticsDescription}set analyticsDescription(e){this.setAttribute(`analytics-description`,String(e??``))}get functionalDescription(){return this.getAttribute(`functional-description`)||o.functionalDescription}set functionalDescription(e){this.setAttribute(`functional-description`,String(e??``))}get marketingDescription(){return this.getAttribute(`marketing-description`)||o.marketingDescription}set marketingDescription(e){this.setAttribute(`marketing-description`,String(e??``))}get preferences(){return{...this._preferences}}set preferences(e){this._preferences={analytics:e?.analytics===!0,functional:e?.functional===!0,marketing:e?.marketing===!0},this._applyPreferences()}get isOpen(){return this.hasAttribute(`open`)}connectedCallback(){this._rendered||this.render(),document.addEventListener(`click`,this._onDocumentClick)}disconnectedCallback(){document.removeEventListener(`click`,this._onDocumentClick)}attributeChangedCallback(){this._rendered&&this.render()}render(){let e=this.isOpen,t=this._uid,n=this.policyHref?` <a class="wui-consent-banner-policy" href="${f(this.policyHref)}">${d(this.policyLabel)}</a>`:``,i=this._root();i.innerHTML=`${i===this?``:`<style>${r}</style>`} <div class="wui-consent-banner-panel" role="dialog" aria-labelledby="${t}-heading" aria-describedby="${t}-description" hidden> <h2 class="wui-consent-banner-heading" id="${t}-heading">${d(this.heading)}</h2> <p class="wui-consent-banner-description" id="${t}-description">${d(this.description)}${n}</p> <div class="wui-consent-banner-settings" hidden> ${u(t,`essential`,o.essentialLabel,o.essentialDescription,!0)} ${u(t,`analytics`,o.analyticsLabel,this.analyticsDescription,!1)} ${u(t,`functional`,o.functionalLabel,this.functionalDescription,!1)} ${u(t,`marketing`,o.marketingLabel,this.marketingDescription,!1)} </div> <div class="wui-consent-banner-actions"> <button type="button" class="btn btn-sm btn-link wui-consent-banner-settings-toggle" aria-expanded="false">${o.settingsLabel}</button> <button type="button" class="btn btn-sm btn-outline-secondary wui-consent-banner-reject">${o.rejectLabel}</button> <button type="button" class="btn btn-sm btn-primary wui-consent-banner-accept">${o.acceptLabel}</button> <button type="button" class="btn btn-sm btn-primary wui-consent-banner-save" hidden>${o.saveLabel}</button> </div> </div>`,this._rendered=!0,this._wire(),this._applyPreferences(),this._showSettings(this._settings),e&&(this._panel().hidden=!1)}open({settings:e=!1,focus:t=!1}={}){this._rendered||this.render(),this._applyPreferences(),this._showSettings(e),this._panel().hidden=!1,this.setAttribute(`open`,``),t&&(e?this._root().querySelector(`.wui-consent-banner-category input:not([disabled])`):this._root().querySelector(`.wui-consent-banner-accept`))?.focus()}close(){let e=this._panel();e&&(e.hidden=!0),this.removeAttribute(`open`),this._showSettings(!1)}_root(){return this.shadowRoot?this.shadowRoot:this.standalone?this.attachShadow({mode:`open`}):this}_panel(){return this._root().querySelector(`.wui-consent-banner-panel`)}_wire(){let e=this._root();e.querySelector(`.wui-consent-banner-accept`)?.addEventListener(`click`,()=>this._save({analytics:!0,functional:!0,marketing:!0})),e.querySelector(`.wui-consent-banner-reject`)?.addEventListener(`click`,()=>this._save({analytics:!1,functional:!1,marketing:!1})),e.querySelector(`.wui-consent-banner-save`)?.addEventListener(`click`,()=>this._save(this._switchValues())),e.querySelector(`.wui-consent-banner-settings-toggle`)?.addEventListener(`click`,()=>this._showSettings(!this._settings))}_save(e){this._preferences={...e},this.dispatchEvent(new CustomEvent(i,{bubbles:!0,composed:!0,detail:{...e}})),this.close()}_switchValues(){let e={};for(let t of s)e[t]=this._root().querySelector(`input[data-category="${t}"]`)?.checked===!0;return e}_applyPreferences(){for(let e of s){let t=this._root().querySelector(`input[data-category="${e}"]`);t&&(t.checked=this._preferences[e])}}_showSettings(e){this._settings=e;let t=this._root(),n=t.querySelector(`.wui-consent-banner-settings`);if(!n)return;n.hidden=!e,t.querySelector(`.wui-consent-banner-settings-toggle`)?.setAttribute(`aria-expanded`,e?`true`:`false`);let r=t.querySelector(`.wui-consent-banner-save`);r&&(r.hidden=!e);for(let n of[`.wui-consent-banner-reject`,`.wui-consent-banner-accept`]){let r=t.querySelector(n);r&&(r.hidden=e)}}};function u(e,t,n,r,i){let a=`${e}-${t}`;return`<div class="wui-consent-banner-category"> <div class="form-check form-switch"> <input class="form-check-input" type="checkbox" role="switch" id="${a}" data-category="${t}"${i?` checked disabled`:``} /> <label class="form-check-label" for="${a}">${d(n)}</label> </div> <p class="wui-consent-banner-category-description">${d(r)}</p> </div>`}var d=e=>String(e??``).replace(/&/g,`&amp;`).replace(/</g,`&lt;`).replace(/>/g,`&gt;`),f=e=>String(e??``).replace(/&/g,`&amp;`).replace(/"/g,`&quot;`).replace(/</g,`&lt;`);export{l as t};

package/dist/optionLabel-DsX2fhWs.js

@@ -1 +0,0 @@
-import{t as e}from"./iconGlyphs.g-CUm_mfze.js";var t=Symbol(`wui.trustedHtml`),n=e=>String(e??``).replace(/&/g,`&amp;`).replace(/</g,`&lt;`).replace(/>/g,`&gt;`).replace(/"/g,`&quot;`).replace(/'/g,`&#39;`),r=t=>{if(!t)return``;let n=String(t).toLowerCase().replace(/[^a-z0-9-]/g,``);return n?e(n):``},i=e=>`wui-flag wui-flag-${e}`,a=e=>{let t=String(e??``).toLowerCase();return/^[a-z]{2}$/.test(t)?`<span class="${i(t)}" aria-hidden="true"></span>`:``},o=e=>{if(e==null)return``;let i=e[t]?String(e.label??``):n(e.label),o=a(e.flag)+r(e.icon);return o?`<span class="wui-opt-label">${o}${i}</span>`:i};export{n,o as r,t};