@webority/ui-elements 0.37.0 → 0.39.0

package/dist/kanban-CdELdS3U.js

@@ -0,0 +1 @@
+import{t as e}from"./elementBase-BlsR4tqa.js";import{m as t,s as n,t as r}from"./formatters-BAE__8ye.js";import{c as i,o as a}from"./wuiHttp-BC8co934.js";var o=`wui-remote-modal`,s=`wui-modal-fullscreen`,c=Object.freeze({sm:380,md:440,lg:640,xl:880}),l=Object.freeze({loading:`Loading`,close:`Close`,retry:`Try again`,errorTitle:`This could not be loaded`,forbidden:`You do not have access to this.`,client:`It may have been moved or deleted.`,server:`Something went wrong on our side. Try again in a moment.`,network:`Could not reach the server. Check your connection and try again.`,submitFailed:`Your changes were not saved.`,invalid:`Some fields need attention.`}),u=`a[href],button:not([disabled]),input:not([disabled]):not([type="hidden"]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex="-1"])`,d=`[aria-invalid="true"], .is-invalid, .input-validation-error`,f=`.wui-error-summary, [data-wui-form-errors], .validation-summary-errors, [data-valmsg-summary]`,p=`[data-wui-modal-content]`,m=`<button type="button" class="wui-modal-close" data-bs-dismiss="modal" aria-label="Close"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M18 6 6 18M6 6l12 12"></path></svg></button>`,h=new WeakMap,g=new WeakSet,_=()=>Object.assign(Error(`The remote modal load was aborted.`),{name:`AbortError`}),ee=e=>{let t=window.bootstrap?.Modal;if(!t)throw Error(`WUI.modal.load(${String(e)}): Bootstrap's bundle (window.bootstrap) is not loaded on this page.`);return t},v=e=>{let t=document.createElement(`span`);return t.textContent=e??``,t.innerHTML};function te(e){if(e==null||e===``)return null;if(e===`fullscreen`)return{fullscreen:!0};if(Object.hasOwn(c,e))return{px:c[e]};let t=typeof e==`number`?e:/^\d+$/.test(String(e))?Number(e):NaN;if(Number.isInteger(t)&&t>0)return{px:t};throw TypeError(`Unsupported modal size "${String(e)}". Use sm, md, lg, xl, fullscreen or a px number.`)}var ne=e=>{if(e.classList.contains(`wui-modal-fullscreen`))return{fullscreen:!0};let t=Number.parseInt(e.style.getPropertyValue(`--wui-modal-max-width`),10);return{px:t>0?t:c.md}},y=(e,t)=>{e.classList.toggle(s,!!t.fullscreen),t.fullscreen?e.style.removeProperty(`--wui-modal-max-width`):e.style.setProperty(`--wui-modal-max-width`,`${t.px}px`)},re=[`center`,`top`];function ie(){let e=document.getElementById(o);return e||(e=document.createElement(`div`),e.id=o,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`,`${c.md}px`),e.innerHTML=`<div class="modal-dialog modal-dialog-centered wui-rb-dialog"><div class="modal-content wui-modal"></div></div>`,document.body.appendChild(e),e)}var b=e=>`<div class="wui-modal-header"><div class="wui-modal-heading"><div class="wui-modal-headtext"><div class="wui-modal-title">${v(e)}</div></div></div>${m}</div>`,ae=e=>`<div class="modal-content wui-modal" aria-busy="true">${b(e)}<div class="wui-modal-body"><div class="wui-modal-loading" role="status"><span class="visually-hidden">${v(l.loading)}</span><div class="skeleton wui-modal-skeleton"></div><div class="skeleton wui-modal-skeleton"></div><div class="skeleton wui-modal-skeleton wui-modal-skeleton--short"></div></div></div></div>`,oe=(e,t)=>`<div class="modal-content wui-modal" data-wui-modal-error="${v(t)}">${b(e)}<div class="wui-modal-body"><div class="wui-modal-state" role="alert"><p class="wui-modal-state-title">${v(l.errorTitle)}</p><p class="wui-modal-state-text">${v(l[t]||l.server)}</p><div class="wui-modal-state-actions"><button type="button" class="btn btn-secondary" data-bs-dismiss="modal">${v(l.close)}</button><button type="button" class="btn btn-primary" data-wui-modal-retry>${v(l.retry)}</button></div></div></div></div>`,x=e=>{let t=document.createElement(`template`);return t.innerHTML=e,t.content.querySelector(`.modal-content`)},S=e=>e.shell.querySelector(`.modal-content`);function se(e){if(!e)return;e.dispatchEvent(new CustomEvent(`wui:teardown`,{bubbles:!0}));let t=window.bootstrap,n=[t?.Tooltip,t?.Popover,t?.Dropdown].filter(e=>e?.getInstance);for(let t of[e,...e.querySelectorAll(`*`)])for(let e of n)e.getInstance(t)?.dispose()}function C(e,t){let n=S(e);se(n),n?n.replaceWith(t):e.shell.querySelector(`.modal-dialog`).appendChild(t),window.WUI?.refresh?.()}var w=e=>e.shell.classList.contains(`show`);function T(e,t){let n=t&&e.querySelector(d),r=n?n.matches(u)?n:n.querySelector(u)||n:null;if(!r){let t=[...e.querySelectorAll(u)];r=e.querySelector(`[data-autofocus]`)||t.find(e=>!e.classList.contains(`wui-modal-close`))||t[0]||e}r.focus?.()}function ce(e,t){let n=e.shell.querySelector(`[data-wui-modal-live]`);n||(n=document.createElement(`div`),n.className=`visually-hidden`,n.setAttribute(`aria-live`,`assertive`),n.setAttribute(`data-wui-modal-live`,``),e.shell.querySelector(`.modal-dialog`).appendChild(n)),n.textContent=``,n.textContent=t}var E=(e,t,n)=>e.dispatchEvent(new CustomEvent(t,{bubbles:!0,detail:n}));function D(e){let t=h.get(e);return t||(t={shell:e,queue:a(),defaultSize:ne(e),defaultLabel:e.getAttribute(`aria-label`),placeholder:S({shell:e})?.outerHTML||`<div class="modal-content wui-modal"></div>`,remoteUrl:e.getAttribute(`data-wui-remote-url`),cache:e.getAttribute(`data-wui-remote-cache`)===`true`,loadedUrl:null,session:null},h.set(e,t),e.addEventListener(`submit`,e=>me(t,e)),e.addEventListener(`click`,e=>{!e.target.closest?.(`[data-wui-modal-retry]`)||!t.session||(e.preventDefault(),j(t,t.session))}),e.addEventListener(`hidden.bs.modal`,n=>{n.target===e&&le(t)}),e.addEventListener(`shown.bs.modal`,n=>{let r=S(t);n.target===e&&t.session&&r?.matches(p)&&!r.contains(document.activeElement)&&T(r,!1)}),t.remoteUrl&&e.addEventListener(`show.bs.modal`,n=>{n.target===e&&ue(t,n)}),t)}function O(e,t,n){e.session&&(e.queue.abort(),e.session.resolveClosed({status:`dismissed`,detail:{replaced:!0}}));let r,i=new Promise(e=>{r=e}),a={url:t,method:(n.method||`GET`).toUpperCase(),body:n.body,options:n,trigger:n.trigger||null,explicitSize:null,closing:null,resolveClosed:r,handle:null};return a.handle={el:e.shell,closed:i,close:()=>k(e,a,`dismissed`,null),reload:()=>j(e,a)},e.session=a,a}function k(e,t,n,r){e.session===t&&(t.closing={status:n,detail:r},window.bootstrap?.Modal?.getOrCreateInstance(e.shell).hide())}function le(e){let t=e.session;if(e.queue.abort(),e.session=null,t){let{status:n,detail:r}=t.closing||{status:`dismissed`,detail:null};t.resolveClosed({status:n,detail:r}),E(e.shell,`wui:modal:closed`,{status:n,url:t.url});let i=document.activeElement;t.trigger?.isConnected&&(!i||i===document.body||e.shell.contains(i))&&t.trigger.focus?.()}e.cache||(C(e,x(e.placeholder)),e.loadedUrl=null,y(e.shell,e.defaultSize),e.defaultLabel?e.shell.setAttribute(`aria-label`,e.defaultLabel):e.shell.removeAttribute(`aria-label`))}function ue(e,t){let n=t.relatedTarget instanceof Element?t.relatedTarget:null,r=n?.getAttribute(`data-wui-url`)||e.remoteUrl,i=O(e,r,{trigger:n});i.explicitSize=A(n?.getAttribute(`data-wui-size`)),i.explicitSize&&y(e.shell,i.explicitSize),!(e.cache&&e.loadedUrl===r)&&(e.loadedUrl&&C(e,x(e.placeholder)),j(e,i,{keepPlaceholder:!0}))}function A(e){try{return te(e)}catch(e){return console.error(e),null}}async function j(e,t,{keepPlaceholder:n=!1}={}){n||C(e,x(ae(t.options.title||M(e))));let r=await e.queue.run(t.url,{method:t.method,body:t.body,navigate:t.options.navigate});if(e.session!==t||r.kind===`aborted`||r.kind===`stale`)return`aborted`;if(r.kind===`session`)return`session`;if((r.kind===`ok`||r.kind===`validation`)&&N(e,t,r.html,!1))return e.loadedUrl=t.url,E(e.shell,`wui:modal:loaded`,{url:t.url,handle:t.handle}),`loaded`;let i=r.kind===`ok`||r.kind===`validation`?`server`:r.kind;return C(e,x(oe(t.options.title||M(e),i))),w(e)&&T(S(e),!1),E(e.shell,`wui:modal:error`,{url:t.url,kind:i,status:r.status}),`error`}var M=e=>S(e)?.querySelector(`.wui-modal-title`)?.textContent||e.shell.getAttribute(`aria-label`)||``;function N(e,t,n,r){let i=document.createElement(`template`);i.innerHTML=n;let a=i.content.querySelectorAll(`script`);if(a.length){console.warn(`WUI.modal: ${t.url} returned a fragment with script; it was removed. Keep page behaviour in the page.`);for(let e of a)e.remove()}let o=i.content.querySelector(p);if(!o)return console.error(`WUI.modal: ${t.url} did not answer with an <app-modal-content> fragment.`),!1;C(e,o),y(e.shell,t.explicitSize||A(o.getAttribute(`data-wui-size`))||e.defaultSize);let s=o.getAttribute(`data-wui-title`);return s&&e.shell.setAttribute(`aria-label`,s),w(e)&&T(o,r),!0}var de=`button[type="submit"], button:not([type]), input[type="submit"], input[type="image"]`;function P(e,t,n){let r=[...e.elements].filter(e=>e.matches(de));if(n){e.setAttribute(`data-wui-submitting`,``);let n=t&&r.includes(t)?t:r[0];for(let e of r)e.toggleAttribute(`data-wui-was-disabled`,e.disabled),e.disabled=!0;n&&(n.classList.add(`is-loading`),n.setAttribute(`aria-busy`,`true`),n.tagName===`BUTTON`&&n.insertAdjacentHTML(`afterbegin`,`<span class="spinner-border spinner-border-sm me-2" aria-hidden="true" data-wui-submit-spinner></span>`));return}e.removeAttribute(`data-wui-submitting`);for(let e of r)e.disabled=e.hasAttribute(`data-wui-was-disabled`),e.removeAttribute(`data-wui-was-disabled`),e.classList.remove(`is-loading`),e.removeAttribute(`aria-busy`),e.querySelector(`[data-wui-submit-spinner]`)?.remove()}function fe(e,t,n){let r=t.closest(`.wui-modal-body`)||t;r.querySelector(`[data-wui-modal-submit-error]`)?.remove();let i=document.createElement(`div`);i.className=`alert alert-danger wui-modal-submit-error`,i.setAttribute(`role`,`alert`),i.setAttribute(`data-wui-modal-submit-error`,``),i.textContent=`${l.submitFailed} ${l[n]||l.server}`,r.prepend(i),ce(e,i.textContent)}var pe=(e,t)=>{let n=new URL(e,window.location.href);for(let[e,r]of t)typeof r==`string`&&n.searchParams.append(e,r);return n.origin===window.location.origin?n.pathname+n.search:n.href};async function me(e,t){let n=t.target,r=e.session;if(!(n instanceof HTMLFormElement)||!r||n.hasAttribute(`data-wui-native`)||!n.closest(p)||(t.preventDefault(),n.hasAttribute(`data-wui-submitting`)))return;let i=t.submitter||null,a=i?.getAttribute(`formaction`)||n.getAttribute(`action`)||r.url,o=(i?.getAttribute(`formmethod`)||n.getAttribute(`method`)||`GET`).toUpperCase(),s=new FormData(n);i?.name&&!s.has(i.name)&&s.append(i.name,i.value);let c=o===`GET`;P(n,i,!0);let u=await e.queue.run(c?pe(a,s):a,{method:o,body:c?void 0:s,navigate:r.options.navigate});if(e.session===r){if(n.isConnected&&P(n,i,!1),u.kind===`ok`&&u.result===`success`){he(e,r,u);return}if(!(u.kind===`aborted`||u.kind===`stale`||u.kind===`session`)){if(u.kind===`validation`&&N(e,r,u.html,!0)){let t=S(e).querySelector(f)?.textContent.replace(/\s+/g,` `).trim();ce(e,t||l.invalid);return}u.kind===`ok`&&u.html&&N(e,r,u.html,!1)||fe(e,n,u.kind===`ok`||u.kind===`validation`?`server`:u.kind)}}}function he(e,t,n){let r=n.message,i=n.redirect||null,a={url:t.url,trigger:t.trigger,handle:t.handle,message:r,redirect:i};if(r&&window.WUI?.toast?.(r,{variant:`success`}),E(t.trigger?.isConnected?t.trigger:document,`wui:modal:success`,a),t.options.onSuccess?.(a,t.handle),i&&(t.options.navigate||(e=>window.location.assign(e)))(i),n.keepOpen){n.html&&N(e,t,n.html,!1);return}k(e,t,`success`,a)}function ge(e){let t=e.target.closest?.(`[data-wui-modal]`);t&&(t.matches(`a[href]`)&&(e.ctrlKey||e.metaKey||e.shiftKey||e.button!==0)||(e.preventDefault(),I(t.getAttribute(`data-wui-modal`),{size:t.getAttribute(`data-wui-size`)||void 0,title:t.getAttribute(`data-wui-title`)||void 0,trigger:t}).catch(e=>{e?.name!==`AbortError`&&console.error(e)})))}function F(e=document){let t=e.ownerDocument||e;g.has(t)||(g.add(t),t.addEventListener(`click`,ge));let n=[...e.querySelectorAll?.(`.modal[data-wui-remote-url]`)||[]];e.matches?.(`.modal[data-wui-remote-url]`)&&n.unshift(e);for(let e of n)D(e)}function I(e,t={}){try{if(!e)throw TypeError(`WUI.modal.load: a fragment url is required.`);let n=ee(e),r=te(t.size),i=t.placement||`center`;if(!re.includes(i))throw TypeError(`WUI.modal.load: unsupported placement "${i}". Use center or top.`);if(t.signal?.aborted)return Promise.reject(_());let a=ie();F(document);let o=D(a),s=w(o),c=O(o,e,t);c.explicitSize=r,y(a,r||o.defaultSize),a.querySelector(`.modal-dialog`).classList.toggle(`modal-dialog-centered`,i===`center`),t.title&&a.setAttribute(`aria-label`,t.title),s||(n.getInstance(a)?.dispose(),n.getOrCreateInstance(a,{backdrop:!t.staticBackdrop||`static`,keyboard:!t.staticBackdrop}));let l=s?Promise.resolve():new Promise(e=>a.addEventListener(`shown.bs.modal`,()=>e(),{once:!0})),u=j(o,c);s||n.getOrCreateInstance(a).show();let d=new Promise((e,n)=>{t.signal?.addEventListener(`abort`,()=>{o.session===c&&(o.queue.abort(),k(o,c,`dismissed`,{aborted:!0})),n(_())},{once:!0})}),f=Promise.all([l,u]).then(([,t])=>{if(t===`aborted`)throw _();if(t===`session`)throw Error(`WUI.modal.load(${e}): the session expired; the browser is signing in again.`);return c.handle});return Promise.race([f,d])}catch(e){return Promise.reject(e)}}var _e=Object.freeze([`neutral`,`primary`,`info`,`success`,`warning`,`danger`]),L=Object.freeze([`number`,`currency`,`compact`]),R=`wui-kanban:`,ve=`(max-width: 767.98px)`,ye=400,be=6,z=Object.freeze({help:`Press Space to pick up the card. Use the Left and Right arrow keys to choose a column, then Space to drop it, or Escape to cancel.`,empty:`Nothing here`,collapse:e=>`Collapse ${e}`,expand:e=>`Expand ${e}`,lifted:(e,t)=>`Picked up ${e} in ${t}. Use the Left and Right arrow keys to choose a column.`,over:(e,t)=>`${e}, ${t===1?`1 card`:`${t} cards`}. Drop allowed.`,overSource:e=>`${e}, where the card started.`,overRefused:(e,t)=>`${e}. ${t}`,dropHere:(e,t)=>`Drop here to move ${e} to ${t}.`,refused:(e,t)=>`Cards in ${e} cannot move to ${t}.`,moved:(e,t)=>`Moved ${e} to ${t}.`,saving:(e,t)=>`Moving ${e} to ${t}.`,cancelled:e=>`${e} was not moved.`,rolledBack:(e,t)=>`${e} went back to ${t}.`,locked:e=>`${e} cannot be moved.`,more:e=>`Show ${e} more`,fewer:`Show fewer`,swipeHint:`Swipe sideways or tap a column`,busy:`This card is still saving. Try again in a moment.`,failed:Object.freeze({forbidden:`You do not have permission to move this card.`,client:`This card could not be moved. Refresh the board and try again.`,validation:`This card could not be moved. Refresh the board and try again.`,server:`Something went wrong on our side, so the card went back. Try again in a moment.`,network:`Could not reach the server, so the card went back. Check your connection and try again.`})}),B=`[data-wui-column]`,V=`[data-wui-body]`,H=`[data-wui-card]`,xe=`[data-wui-count]`,Se=`[data-wui-summary]`,Ce=`[data-wui-empty]`,we=`[data-wui-drop-note]`,Te=`[data-wui-live]`,Ee=`[data-wui-help]`,U=`[data-wui-switch]`,De=`[data-wui-scroller]`,Oe=`[data-wui-collapse]`,ke=`[data-wui-more]`,Ae=`data-wui-visible-limit`,W=`data-wui-overflow`,je=`input, select, textarea, [contenteditable=""], [contenteditable="true"], [data-wui-no-drag]`,G=48,K=16,q=e=>e.getAttribute(`data-wui-column`),J=e=>e.getAttribute(`data-wui-card`),Y=e=>e.hidden||e.hasAttribute(`hidden`),Me=e=>Y(e)||e.hasAttribute(W);function Ne(e){if(e==null||e===``)return null;let t=typeof e==`number`?e:Number(e);if(!Number.isInteger(t)||t<1)throw TypeError(`Unsupported kanban visible limit "${String(e)}". Use a whole number of 1 or more.`);return t}function Pe(e,t,n,r){let i=new Set;if(t==null||n)return i;let a=0;for(let n of e)r.has(n)||(a<t?a++:i.add(n));return i}function X(e){let t=(e.getAttribute(`aria-label`)||e.textContent||``).replace(/\s+/g,` `).trim();return t.length>80?`${t.slice(0,79)}…`:t||J(e)||`Card`}function Z(e){return e?`${R}${e}`:null}function Q(e,t=globalThis.localStorage){let n=Z(e);if(!n||!t)return{};try{let e=JSON.parse(t.getItem(n)||`null`);return e&&typeof e.collapsed==`object`&&e.collapsed?e.collapsed:{}}catch{return{}}}function Fe(e,t,n,r=globalThis.localStorage){let i=Z(e);if(!i||!r)return;let a={...Q(e,r),[t]:!!n};try{r.setItem(i,JSON.stringify({collapsed:a}))}catch{}}function Ie(e,t){if(!L.includes(e))throw TypeError(`Unsupported kanban summary format "${String(e)}". Use ${L.join(`, `)}.`);if(t!=null&&t!==``&&!n.includes(t))throw TypeError(`Unsupported kanban summary unit "${String(t)}". Use ${n.join(`, `)}.`);return e===`currency`?{style:`currency`,unit:t||`rupees`}:e===`compact`?{style:`compact`,currency:r[0],unit:t||`rupees`}:{style:`number`,decimals:0}}function Le(e){let t=0;for(let n of e){if(n==null||n===``)continue;let e=typeof n==`number`?n:Number(n);Number.isFinite(e)&&(t+=e)}return t}var $=(e,t)=>{e&&window.WUI?.toast?.(e,{variant:t})},Re=class extends e{constructor(){super(),this._wired=!1,this._filter=null,this._expanded=new Set,this._revealed=new Set,this._press=null,this._drag=null,this._kbd=null,this._suppressClick=!1,this._observer=null,this._refreshQueued=!1,this._scrollTimer=0,this._onPointerMove=e=>this._pointerMove(e),this._onPointerUp=e=>this._pointerUp(e),this._onPointerCancel=()=>this._endPointer(!1),this._onDocKeyDown=e=>{e.key===`Escape`&&this._drag&&(e.preventDefault(),this._endPointer(!1))},this._onScroll=()=>{clearTimeout(this._scrollTimer),this._scrollTimer=setTimeout(()=>this._syncSwitcherFromScroll(),80)}}_controlled(){return this.hasAttribute(`controlled`)}connectedCallback(){if(!this._wired){this._wired=!0,this.addEventListener(`pointerdown`,e=>this._pointerDown(e)),this.addEventListener(`keydown`,e=>this._keyDown(e)),this.addEventListener(`click`,e=>this._click(e),!0),this.addEventListener(`dragstart`,e=>{e.target.closest?.(H)&&e.preventDefault()}),this.addEventListener(`touchmove`,e=>{this._drag&&e.preventDefault()},{passive:!1}),this._scroller()?.addEventListener(`scroll`,this._onScroll,{passive:!0}),this._restoreCollapsed();for(let e of this._allCards())this._prepareCard(e);if(typeof MutationObserver==`function`){this._observer=new MutationObserver(e=>{for(let t of e)for(let e of t.addedNodes)e.nodeType===1&&e.matches(H)&&this._prepareCard(e);this._queueRefresh()});for(let e of this.querySelectorAll(V))this._observer.observe(e,{childList:!0})}this.refresh()}}disconnectedCallback(){this._endPointer(!1),this._observer?.disconnect(),this._observer=null,this._scroller()?.removeEventListener(`scroll`,this._onScroll),clearTimeout(this._scrollTimer),this._wired=!1}setFilter(e){if(e!=null&&typeof e!=`function`)throw TypeError(`wui-kanban setFilter: pass a function or null.`);if(this._filter=e,!e)for(let e of this._allCards())e.hidden=!1;this.refresh()}refresh(){if(this._controlled())return;this._refreshQueued=!1;let e=this._summaryFormat();for(let n of this._columns()){let r=q(n),i=Ne(n.getAttribute(Ae)),a=[],o=[];for(let e of this._cardsIn(n)){if(this._filter&&(e.hidden=this._filter(e)===!1),Y(e)){e.removeAttribute(W);continue}a.push(e),o.push(e.getAttribute(`data-wui-value`))}let s=this._expanded.has(r),c=Pe(a.map(J),i,s,this._revealed);for(let e of a)e.toggleAttribute(W,c.has(J(e)));let l=String(a.length);for(let e of this._countsOf(n))e.textContent!==l&&(e.textContent=l);let u=n.querySelector(Ce);if(u&&(u.hidden=a.length>0),e){let r=n.querySelector(Se);r&&(r.textContent=t(Le(o),e))}let d=n.querySelector(ke);if(d){d.hidden=i==null||(s?a.length<=i:c.size===0),d.setAttribute(`aria-expanded`,s?`true`:`false`);let e=s?z.fewer:z.more(c.size);d.textContent!==e&&(d.textContent=e)}}}moveCard(e,t,n){let r=this._cardByKey(e);if(!r)throw Error(`wui-kanban moveCard: no card "${String(e)}" on this board.`);if(!this._columnByKey(t))throw Error(`wui-kanban moveCard: no column "${String(t)}" on this board.`);return this._commit(r,t,n)}_columns(){return[...this.querySelectorAll(B)]}_columnByKey(e){return this._columns().find(t=>q(t)===e)||null}_columnOf(e){return e.closest(B)}_titleOf(e){return(e.querySelector(`.wui-kanban-title`)?.textContent||q(e)||``).replace(/\s+/g,` `).trim()}_bodyOf(e){return e.querySelector(V)}_cardsIn(e){let t=this._bodyOf(e);return t?[...t.children].filter(e=>e.matches(H)):[]}_visibleCardsIn(e){return this._cardsIn(e).filter(e=>!Me(e))}_allCards(){return[...this.querySelectorAll(`${V} > ${H}`)]}_cardByKey(e){return this._allCards().find(t=>J(t)===e)||null}_countsOf(e){let t=q(e),n=[...this.querySelectorAll(U)].filter(e=>e.getAttribute(`data-wui-switch`)===t);return[...e.querySelectorAll(xe),...n.flatMap(e=>[...e.querySelectorAll(xe)])]}_scroller(){return this.querySelector(De)}_summaryFormat(){let e=this.getAttribute(`summary-format`);return e?Ie(e,this.getAttribute(`summary-unit`)):null}_queueRefresh(){this._refreshQueued||(this._refreshQueued=!0,queueMicrotask(()=>{this._refreshQueued&&this.refresh()}))}_prepareCard(e){let t=this.querySelector(Ee);t?.id&&!e.hasAttribute(`aria-describedby`)&&e.setAttribute(`aria-describedby`,t.id),e.hasAttribute(`tabindex`)||(e.tabIndex=0)}_announce(e){let t=this.querySelector(Te);!t||!e||(t.textContent=``,t.textContent=e)}_fire(e,t,n=!1){return this.dispatchEvent(new CustomEvent(e,{bubbles:!0,cancelable:n,detail:t}))}_canLift(e){let t=X(e),n=this.hasAttribute(`readonly`);return n||e.hasAttribute(`data-wui-locked`)?(this._announce(z.locked(t)),this._fire(`wui:kanban:locked`,{key:J(e),card:e,reason:n?`readonly`:`locked`},!0),!1):e.getAttribute(`aria-busy`)===`true`?(this._announce(z.busy),$(z.busy,`info`),!1):!0}_check(e,t,n){if(t===n)return{ok:!1,source:!0,reason:null};let r=this._columnByKey(t),i=this._columnByKey(n),a=z.refused(r?this._titleOf(r):t,i?this._titleOf(i):n),o=i?.getAttribute(`data-accept-from`);if(o!=null&&!o.split(/\s+/).filter(Boolean).includes(t))return{ok:!1,reason:a};if(typeof this.accept==`function`){let r=this.accept(e,t,n);if(r===!1)return{ok:!1,reason:a};if(typeof r==`string`&&r)return{ok:!1,reason:r}}return{ok:!0,reason:null}}_markTargets(e,t){let n=X(e),r=new Map;for(let i of this._columns()){let a=q(i),o=this._check(e,t,a);r.set(a,o),i.setAttribute(`data-wui-drop`,o.source?`source`:o.ok?`ok`:`refused`);let s=i.querySelector(we);s&&!o.source&&(s.textContent=o.ok?z.dropHere(n,this._titleOf(i)):o.reason,s.hidden=!1)}return r}_clearTargets(){for(let e of this._columns()){e.removeAttribute(`data-wui-drop`),e.removeAttribute(`data-wui-over`),e.removeAttribute(`data-wui-target`);let t=e.querySelector(we);t&&(t.hidden=!0,t.textContent=``)}}async _commit(e,t,n){let r=this._columnOf(e),a=q(r),o=this._columnByKey(t),s=X(e);if(a===t||!this._canLift(e))return!1;let c=this._check(e,a,t);if(!c.ok)return this._announce(c.reason),$(c.reason,`info`),!1;let l=this._cardsIn(o),u=Number.isInteger(n)?Math.max(0,Math.min(n,l.length)):l.length,d={key:J(e),card:e,from:a,to:t,index:u},f=e.contains(document.activeElement);if(this._controlled())return this._fire(`wui:kanban:move`,d),this._announce(z.moved(s,this._titleOf(o))),f&&this._refocusSoon(d.key),!0;if(!this._fire(`wui:kanban:move`,d,!0))return!1;let p=o.hasAttribute(Ae)&&!this._revealed.has(d.key);p&&this._revealed.add(d.key);let m={parent:e.parentNode,next:e.nextSibling,column:r,revealed:p};this._bodyOf(o).insertBefore(e,l[u]||null),f&&this._focusMoved(e),this.refresh();let h=o.getAttribute(`data-wui-step`);if(h)return this._runStep(e,d,m,h,o.getAttribute(`data-wui-step-size`));let g=this.getAttribute(`move-url`);if(!g)return this._announce(z.moved(s,this._titleOf(o))),this._fire(`wui:kanban:moved`,{...d,result:null}),!0;this._lock(e,!0),this._announce(z.saving(s,this._titleOf(o)));let _=await i(g,{method:`POST`,body:new URLSearchParams({card:d.key,from:a,to:t,index:String(u)})});if(this._lock(e,!1),_.kind===`session`)return!1;if(_.ok){let t=this._applyFragment(_.html)||e;return $(_.message,`success`),this._announce(z.moved(X(t),this._titleOf(o))),this._fire(`wui:kanban:moved`,{...d,card:t,result:_}),!0}return this._rollback(e,m),_.kind!==`aborted`&&$(_.message||z.failed[_.kind]||z.failed.server,`danger`),this._fire(`wui:kanban:failed`,{...d,kind:_.kind,status:_.status,message:_.message}),!1}async _runStep(e,t,n,r,a){let o=X(e),s=this._columnByKey(t.to),c=new URLSearchParams({card:t.key,from:t.from,to:t.to}).toString(),l=r+(r.includes(`?`)?`&`:`?`)+c;this._lock(e,!0);let u;try{u=await(await I(l,{trigger:e,size:a||void 0})).closed}catch(r){return this._lock(e,!1),this._rollback(e,n),r?.name!==`AbortError`&&$(z.failed.server,`danger`),this._fire(`wui:kanban:failed`,{...t,kind:`step`,status:0,message:r?.message??null}),!1}if(u?.status!==`success`)return this._lock(e,!1),this._rollback(e,n),this._announce(z.cancelled(o)),this._fire(`wui:kanban:failed`,{...t,kind:`dismissed`,status:0,message:null}),!1;let d=e,f=this.getAttribute(`card-url`);if(f){let n=await i(`${f}${f.includes(`?`)?`&`:`?`}${new URLSearchParams({card:t.key})}`);n.ok&&(d=this._applyFragment(n.html)||e)}return this._lock(d,!1),this._announce(z.moved(X(d),this._titleOf(s))),this._fire(`wui:kanban:moved`,{...t,card:d,result:u}),!0}_lock(e,t){t?(e.setAttribute(`aria-busy`,`true`),e.setAttribute(`data-wui-saving`,``)):(e.removeAttribute(`aria-busy`),e.removeAttribute(`data-wui-saving`))}_rollback(e,t){let n=e.contains(document.activeElement),r=t.next&&t.next.parentNode===t.parent?t.next:null;t.revealed&&this._revealed.delete(J(e)),t.parent.insertBefore(e,r),n&&e.focus(),this.refresh(),this._announce(z.rolledBack(X(e),this._titleOf(t.column)))}_applyFragment(e){if(!e)return null;let t=document.createElement(`template`);t.innerHTML=e;for(let e of t.content.querySelectorAll(`script`))console.warn(`[@webority/ui-elements] A kanban fragment carried a script tag; it was removed, not run.`),e.remove();let n=null;for(let e of[...t.content.querySelectorAll(H)]){if(e.closest(`template`))continue;let t=this._cardByKey(J(e));if(!t)continue;let r=t.contains(document.activeElement);t.dispatchEvent(new CustomEvent(`wui:teardown`,{bubbles:!0})),t.hidden&&(e.hidden=!0),t.replaceWith(e),this._prepareCard(e),r&&e.focus(),n??=e}for(let e of t.content.querySelectorAll(`template[data-wui-kanban-summary]`))this._columnByKey(e.getAttribute(`data-wui-kanban-summary`))?.querySelector(Se)?.replaceChildren(e.content.cloneNode(!0));return this.refresh(),window.WUI?.refresh?.(),n}_refocusSoon(e){let t=()=>{let t=this._cardByKey(e);t&&this._focusMoved(t)};typeof requestAnimationFrame==`function`?requestAnimationFrame(t):setTimeout(t,0)}_focusMoved(e){e.focus({preventScroll:!0}),e.scrollIntoView?.({block:`nearest`})}_pointerDown(e){if(e.button!==0||e.isPrimary===!1||this._drag||this._kbd)return;let t=e.target.closest?.(H);if(!t||!this.contains(t)||e.target.closest(je))return;let n={card:t,id:e.pointerId,x:e.clientX,y:e.clientY,type:e.pointerType,timer:0};this._press=n,e.pointerType===`touch`&&(n.timer=setTimeout(()=>{this._press===n&&this._startDrag(n,n.x,n.y)},400)),window.addEventListener(`pointermove`,this._onPointerMove),window.addEventListener(`pointerup`,this._onPointerUp),window.addEventListener(`pointercancel`,this._onPointerCancel)}_pointerMove(e){let t=this._press;if(!(!t||e.pointerId!==t.id)){if(!this._drag){if(!(Math.hypot(e.clientX-t.x,e.clientY-t.y)>6))return;if(t.type===`touch`){this._endPointer(!1);return}if(this._startDrag(t,e.clientX,e.clientY),!this._drag)return}this._dragTo(e.clientX,e.clientY)}}_pointerUp(e){!this._press||e.pointerId!==this._press.id||this._endPointer(!!this._drag)}_startDrag(e,t,n){let r=e.card;if(!this._canLift(r)){this._endPointer(!1);return}let i=q(this._columnOf(r)),a=r.getBoundingClientRect(),o=r.cloneNode(!0);for(let e of[o,...o.querySelectorAll(`[id]`)])e.removeAttribute(`id`);o.removeAttribute(`data-wui-card`),o.removeAttribute(`tabindex`),o.setAttribute(`aria-hidden`,`true`),o.classList.add(`wui-kanban-ghost`),o.style.width=`${a.width}px`,this.appendChild(o),r.setAttribute(`data-wui-dragging`,``),this.setAttribute(`data-wui-dragging`,``),this._drag={card:r,from:i,ghost:o,dx:t-a.left,dy:n-a.top,over:null,verdicts:this._markTargets(r,i)},this._announce(z.lifted(X(r),this._titleOf(this._columnOf(r)))),document.addEventListener(`keydown`,this._onDocKeyDown),this._dragTo(t,n)}_dragTo(e,t){let n=this._drag;n.x=e,n.y=t,n.ghost.style.transform=`translate(${e-n.dx}px, ${t-n.dy}px)`;let r=this._columnAt(e,t);r!==n.over&&(n.over?.removeAttribute(`data-wui-over`),r?.setAttribute(`data-wui-over`,``),n.over=r),this._autoScroll(e,t,r)}_columnAt(e,t){for(let n of this._columns()){let r=n.getBoundingClientRect();if(e>=r.left&&e<=r.right&&t>=r.top&&t<=r.bottom)return n}return null}_indexAt(e,t){let n=this._visibleCardsIn(e).filter(e=>e!==this._drag?.card).find(e=>{let n=e.getBoundingClientRect();return t<n.top+n.height/2}),r=this._cardsIn(e).filter(e=>e!==this._drag?.card);return n?r.indexOf(n):r.length}_autoScroll(e,t,n){let r=this._scroller();if(r){let t=r.getBoundingClientRect();t.width>0&&(e<t.left+G?r.scrollBy?.({left:-16}):e>t.right-G&&r.scrollBy?.({left:K}))}if(n&&this._scrollColumn(n,t))return;let i=window.innerHeight||0;i>0&&(t<G?window.scrollBy?.({top:-16}):t>i-G&&window.scrollBy?.({top:K}))}_scrollColumn(e,t){let n=this._bodyOf(e);if(!n||e.hasAttribute(`data-collapsed`)||n.scrollHeight<=n.clientHeight)return!1;let r=n.getBoundingClientRect();return t<r.top+G&&n.scrollTop>0?(n.scrollBy?.({top:-16}),!0):t>r.bottom-G&&n.scrollTop+n.clientHeight<n.scrollHeight-1?(n.scrollBy?.({top:K}),!0):!1}_endPointer(e){let t=this._press,n=this._drag;if(t&&clearTimeout(t.timer),this._press=null,this._drag=null,window.removeEventListener(`pointermove`,this._onPointerMove),window.removeEventListener(`pointerup`,this._onPointerUp),window.removeEventListener(`pointercancel`,this._onPointerCancel),document.removeEventListener(`keydown`,this._onDocKeyDown),!n)return;n.ghost.remove(),n.card.removeAttribute(`data-wui-dragging`),this.removeAttribute(`data-wui-dragging`),this._suppressClick=!0,setTimeout(()=>{this._suppressClick=!1},0);let r=n.over;if(this._clearTargets(),!e||!r){this._announce(z.cancelled(X(n.card)));return}let i=q(r),a=n.verdicts.get(i);if(a?.source){this._announce(z.cancelled(X(n.card)));return}if(!a?.ok){this._announce(a?.reason),$(a?.reason,`info`);return}this._commit(n.card,i,this._indexAt(r,n.y))}_click(e){if(this._suppressClick&&e.target.closest?.(H)){e.preventDefault(),e.stopPropagation(),this._suppressClick=!1;return}let t=e.target.closest?.(Oe);if(t&&this.contains(t)){let e=t.closest(B);e&&this._setCollapsed(e,!e.hasAttribute(`data-collapsed`),!0);return}let n=e.target.closest?.(ke);if(n&&this.contains(n)){this._controlled()||this._toggleMore(n.closest(B));return}let r=e.target.closest?.(U);r&&this.contains(r)&&this._showColumn(r.getAttribute(`data-wui-switch`))}_keyDown(e){if(this._kbd){this._liftedKey(e);return}let t=e.target;if(!t.matches?.(H)||!this.contains(t))return;let n=this._columnOf(t);switch(e.key){case` `:case`Spacebar`:{if(e.preventDefault(),!this._canLift(t))return;let r=q(n),i=this._columns();this._kbd={card:t,from:r,target:i.indexOf(n),verdicts:this._markTargets(t,r)},t.setAttribute(`data-wui-lifted`,``),this.setAttribute(`data-wui-dragging`,``),n.setAttribute(`data-wui-target`,``),this._announce(z.lifted(X(t),this._titleOf(n)));return}case`ArrowDown`:case`ArrowUp`:{let r=this._visibleCardsIn(n),i=r[r.indexOf(t)+(e.key===`ArrowDown`?1:-1)];i&&(e.preventDefault(),i.focus());return}case`ArrowLeft`:case`ArrowRight`:{let t=this._columns(),r=e.key===`ArrowRight`?1:-1;for(let i=t.indexOf(n)+r;i>=0&&i<t.length;i+=r){let n=this._visibleCardsIn(t[i])[0];if(n&&!t[i].hasAttribute(`data-collapsed`)){e.preventDefault(),n.focus();return}}return}default:}}_liftedKey(e){let t=this._kbd,n=this._columns();switch(e.key){case`ArrowLeft`:case`ArrowRight`:{e.preventDefault();let r=t.target+(e.key===`ArrowRight`?1:-1);if(r<0||r>=n.length)return;n[t.target]?.removeAttribute(`data-wui-target`),t.target=r;let i=n[r];i.setAttribute(`data-wui-target`,``),this._showColumn(q(i),!1);let a=t.verdicts.get(q(i)),o=this._titleOf(i);this._announce(a.source?z.overSource(o):a.ok?z.over(o,this._cardsIn(i).filter(e=>!Y(e)).length):z.overRefused(o,a.reason));return}case` `:case`Spacebar`:case`Enter`:{e.preventDefault();let r=n[t.target],i=q(r),a=t.verdicts.get(i);if(!a.source&&!a.ok){this._announce(a.reason);return}this._endKeyboard(),a.source?this._announce(z.cancelled(X(t.card))):this._commit(t.card,i);return}case`Escape`:case`Tab`:e.key===`Escape`&&e.preventDefault(),this._endKeyboard(),this._showColumn(t.from,!1),this._announce(z.cancelled(X(t.card)));return;default:}}_endKeyboard(){let e=this._kbd;this._kbd=null,e&&(e.card.removeAttribute(`data-wui-lifted`),this.removeAttribute(`data-wui-dragging`),this._clearTargets())}_restoreCollapsed(){let e=Q(this.getAttribute(`board-id`));for(let t of this._columns()){let n=q(t);t.hasAttribute(`data-collapsible`)&&Object.hasOwn(e,n)&&this._setCollapsed(t,e[n],!1)}}_setCollapsed(e,t,n){let r=q(e);e.toggleAttribute(`data-collapsed`,t);let i=this._titleOf(e);for(let n of e.querySelectorAll(Oe))n.setAttribute(`aria-expanded`,t?`false`:`true`),n.setAttribute(`aria-label`,t?z.expand(i):z.collapse(i));n&&(Fe(this.getAttribute(`board-id`),r,t),this._fire(`wui:kanban:collapse`,{column:r,collapsed:t}))}_toggleMore(e){if(!e)return;let t=q(e);if(this._expanded.delete(t))for(let t of this._cardsIn(e))this._revealed.delete(J(t));else this._expanded.add(t);this.refresh()}_isPhone(){return typeof matchMedia==`function`&&matchMedia(`(max-width: 767.98px)`).matches}_showColumn(e,t=!0){for(let t of this.querySelectorAll(U))t.getAttribute(`data-wui-switch`)===e?t.setAttribute(`aria-current`,`true`):t.removeAttribute(`aria-current`);let n=this._columnByKey(e),r=this._scroller();if(!n||!r||!t&&!this._isPhone())return;let i=typeof matchMedia==`function`&&matchMedia(`(prefers-reduced-motion: reduce)`).matches;r.scrollTo?.({left:n.offsetLeft-r.offsetLeft,behavior:i?`auto`:`smooth`})}_syncSwitcherFromScroll(){let e=this._scroller();if(!e||!this._isPhone())return;let t=e.clientWidth||1,n=this._columns()[Math.round(e.scrollLeft/t)];if(n)for(let e of this.querySelectorAll(U))e.getAttribute(`data-wui-switch`)===q(n)?e.setAttribute(`aria-current`,`true`):e.removeAttribute(`aria-current`)}};export{c as _,L as a,Re as c,Z as d,Ie as f,Fe as g,Le as h,R as i,X as l,Q as m,ye as n,z as o,Ne as p,ve as r,_e as s,be as t,Pe as u,F as v,I as y};

package/dist/listboxKeyNav-DMIvs9d6.js

@@ -0,0 +1 @@
+function e(e){let{getVisibleOptions:t,getActive:n,setActive:r,onEnter:i,onEscape:a,onTypeahead:o,typeaheadMs:s=500}=e,c=``,l=null,u=()=>{clearTimeout(l),l=null,c=``};return{handler:e=>{let d=t(),f=n(),p=e.target?.tagName===`INPUT`||e.target?.tagName===`TEXTAREA`;if(e.key===`ArrowDown`)e.preventDefault(),r(Math.min(f+1,d.length-1));else if(e.key===`ArrowUp`)e.preventDefault(),r(Math.max(f-1,0));else if(e.key===`Home`&&!p)e.preventDefault(),d.length&&r(0);else if(e.key===`End`&&!p)e.preventDefault(),d.length&&r(d.length-1);else if(e.key===`PageDown`&&!p){if(e.preventDefault(),!d.length)return;r(Math.min((f<0?0:f)+8,d.length-1))}else if(e.key===`PageUp`&&!p){if(e.preventDefault(),!d.length)return;r(Math.max((f<0?0:f)-8,0))}else if(e.key===`Enter`)i&&(e.preventDefault(),i(d[f],d));else if(e.key===`Escape`)a&&a();else if(e.key.length===1&&!e.ctrlKey&&!e.metaKey&&!e.altKey&&e.target?.tagName!==`INPUT`&&e.target?.tagName!==`TEXTAREA`){e.preventDefault(),clearTimeout(l),c+=e.key.toLowerCase(),l=setTimeout(u,s);let t=d.findIndex(e=>e.textContent.trim().toLowerCase().startsWith(c));t>=0&&(r(t),o&&o(e.key,t,d))}},clearTypeahead:u,teardown:u}}function t(e,t){let n=e.querySelector(`.is-active`);n!==t&&(n?.classList.remove(`is-active`),t?.classList.add(`is-active`))}export{t as n,e as t};