@webority/ui-elements 0.137.2 → 0.139.0

package/dist/{WuiDatePicker-sq_13WUI.js → WuiDatePicker-D6x670lh.js}

@@ -1,11 +1,11 @@
 import{n as e,r as t,t as n}from"./anchorOverlay-CBMAnDUt.js";import{a as r,c as i,i as a,n as o,o as s,r as c,s as l,t as u}from"./calendarMath-BC2wGCD-.js";import{t as d}from"./elementBase-DV9IZZCu.js";import{r as f,t as p}from"./fieldState-D-zQcXUS.js";import{t as m}from"./formMirror-BMQTenSi.js";import{t as h}from"./iconGlyphs.g-gURMSeyB.js";import{n as g}from"./optionLabel-CjrUbe2a.js";var _=class extends d{static formAssociated=!0;static get observedAttributes(){return[`value`,`min`,`max`,`placeholder`,`disabled`,`readonly`,`loading`,`first-day`,`disabled-weekdays`,`display-format`,`size`,`aria-label`,`aria-describedby`,`aria-invalid`]}constructor(){super();try{this._internals=this.attachInternals()}catch{this._internals=null}this._value=``;let e=new Date(2e3,0,1);this._viewY=e.getFullYear(),this._viewM=e.getMonth(),this._mode=`days`,this._focus=null,this._slide=``}connectedCallback(){this._rendered?this._bindGlobal?.():this.render()}attributeChangedCallback(e,t,n){e===`aria-invalid`?this._syncInvalid():this._rendered&&(e===`value`?(this._value=n||``,this._syncFormValue(),this._syncTrigger()):e===`display-format`?this._syncTrigger():e===`first-day`?this.querySelector(`.datepicker-pop`)?.hidden||this._renderView():this.render())}_syncInvalid(){let e=this.querySelector(`.datepicker-trigger`);e&&(this.hasAttribute(`aria-invalid`)?e.setAttribute(`aria-invalid`,`true`):e.removeAttribute(`aria-invalid`))}formResetCallback(){this.value=this._defaultValue||``}get value(){return this._value}set value(e){this._value=e||``,m(this,this._value),this._syncTrigger()}_firstDay(){return r(this)}render(){this._defaultValue===void 0&&(this._defaultValue=this.getAttribute(`value`)||``,this._value=this._defaultValue||this._value);let e=this.getAttribute(`placeholder`)||`Choose a date`,t=l(this._value);t&&(this._viewY=t.y,this._viewM=t.m);let n=this.getAttribute(`size`),r=n===`sm`?` input-sm`:n===`lg`?` input-lg`:``,i=this.getAttribute(`aria-label`),a=this.getAttribute(`aria-describedby`);this.innerHTML=`
       <div class="datepicker">
         <button type="button" class="input datepicker-trigger${r}${t?` has-value`:``}" aria-haspopup="dialog" aria-expanded="false"${this.hasAttribute(`aria-invalid`)?` aria-invalid="true"`:``}${this.hasAttribute(`disabled`)?` disabled`:``}${i?` aria-label="${g(i)}"`:``}${a?` aria-describedby="${g(a)}"`:``}>
-          <span data-trigger-label class="${t?``:`search-select-placeholder`}">${g(t?s(this._value,this.getAttribute(`display-format`)):e)}</span>
+          <span data-trigger-label class="${t?``:`wui-select-placeholder`}">${g(t?s(this._value,this.getAttribute(`display-format`)):e)}</span>
           ${h(`calendar-dots`)}
         </button>
         <div class="datepicker-pop" role="dialog" aria-modal="false" hidden></div>
-      </div>`,this._rendered=!0,f(this,this.querySelector(`.datepicker-trigger`)),m(this,this._value),this._wire()}_syncFormValue(){m(this,this._value)}_syncTrigger(){let e=this.querySelector(`.datepicker-trigger`),t=this.querySelector(`[data-trigger-label]`);if(!t)return;let n=l(this._value);t.textContent=n?s(this._value,this.getAttribute(`display-format`)):this.getAttribute(`placeholder`)||`Choose a date`,t.classList.toggle(`search-select-placeholder`,!n),e?.classList.toggle(`has-value`,!!n),f(this,e)}_limits(){let e=l(this.getAttribute(`min`)),t=l(this.getAttribute(`max`)),n=e?new Date(e.y,e.m,e.d).getTime():-1/0,r=t?new Date(t.y,t.m,t.d).getTime():1/0,i=/* @__PURE__ */ new Set;for(let e of(this.getAttribute(`disabled-weekdays`)||``).split(`,`)){let t=e.trim();/^[0-6]$/.test(t)&&i.add(Number(t))}return{dayDisabled:(e,t,a)=>{let o=new Date(e,t,a),s=o.getTime();return s<n||s>r||i.has(o.getDay())},monthDisabled:(e,t)=>{let i=new Date(e,t,1).getTime();return new Date(e,t,a(e,t)).getTime()<n||i>r},yearDisabled:e=>{let t=new Date(e,0,1).getTime();return new Date(e,11,31).getTime()<n||t>r}}}_renderView(){let e=this.querySelector(`.datepicker-pop`);e&&(e.innerHTML=this._mode===`months`?this._monthsHtml():this._mode===`years`?this._yearsHtml():this._daysHtml(),this._focusActive())}_daysHtml(){let e=this._firstDay(),t=(new Date(this._viewY,this._viewM,1).getDay()-e+7)%7,n=a(this._viewY,this._viewM),r=l(this._value),s=/* @__PURE__ */ new Date,{dayDisabled:d}=this._limits(),f=this._focus||r||{y:this._viewY,m:this._viewM,d:1},m=(e,t,n,a)=>{let o=i(e,t,n),c=r&&r.y===e&&r.m===t&&r.d===n,l=s.getFullYear()===e&&s.getMonth()===t&&s.getDate()===n,u=f.y===e&&f.m===t&&f.d===n,p=d(e,t,n);return`<button type="button" class="${[`datepicker-day`,a?`is-outside`:``,l?`is-today`:``,c?`is-selected`:``].filter(Boolean).join(` `)}" data-iso="${o}" role="gridcell" tabindex="${u&&!p?`0`:`-1`}"${c?` aria-selected="true"`:``}${p?` disabled aria-disabled="true"`:``}>${n}</button>`},g=``,_=c(this._viewY,this._viewM-1),v=a(_.y,_.m);for(let e=t-1;e>=0;e--)g+=m(_.y,_.m,v-e,!0);for(let e=1;e<=n;e++)g+=m(this._viewY,this._viewM,e,!1);let y=c(this._viewY,this._viewM+1),b=(7-(t+n)%7)%7;for(let e=1;e<=b;e++)g+=m(y.y,y.m,e,!0);let x=d(s.getFullYear(),s.getMonth(),s.getDate()),S=p(this)?``:`<button type="button" class="datepicker-link" data-clear>Clear</button>`,C=o.map((t,n)=>o[(n+e)%7]).map(e=>`<span>${e}</span>`).join(``);return`
+      </div>`,this._rendered=!0,f(this,this.querySelector(`.datepicker-trigger`)),m(this,this._value),this._wire()}_syncFormValue(){m(this,this._value)}_syncTrigger(){let e=this.querySelector(`.datepicker-trigger`),t=this.querySelector(`[data-trigger-label]`);if(!t)return;let n=l(this._value);t.textContent=n?s(this._value,this.getAttribute(`display-format`)):this.getAttribute(`placeholder`)||`Choose a date`,t.classList.toggle(`wui-select-placeholder`,!n),e?.classList.toggle(`has-value`,!!n),f(this,e)}_limits(){let e=l(this.getAttribute(`min`)),t=l(this.getAttribute(`max`)),n=e?new Date(e.y,e.m,e.d).getTime():-1/0,r=t?new Date(t.y,t.m,t.d).getTime():1/0,i=/* @__PURE__ */ new Set;for(let e of(this.getAttribute(`disabled-weekdays`)||``).split(`,`)){let t=e.trim();/^[0-6]$/.test(t)&&i.add(Number(t))}return{dayDisabled:(e,t,a)=>{let o=new Date(e,t,a),s=o.getTime();return s<n||s>r||i.has(o.getDay())},monthDisabled:(e,t)=>{let i=new Date(e,t,1).getTime();return new Date(e,t,a(e,t)).getTime()<n||i>r},yearDisabled:e=>{let t=new Date(e,0,1).getTime();return new Date(e,11,31).getTime()<n||t>r}}}_renderView(){let e=this.querySelector(`.datepicker-pop`);e&&(e.innerHTML=this._mode===`months`?this._monthsHtml():this._mode===`years`?this._yearsHtml():this._daysHtml(),this._focusActive())}_daysHtml(){let e=this._firstDay(),t=(new Date(this._viewY,this._viewM,1).getDay()-e+7)%7,n=a(this._viewY,this._viewM),r=l(this._value),s=/* @__PURE__ */ new Date,{dayDisabled:d}=this._limits(),f=this._focus||r||{y:this._viewY,m:this._viewM,d:1},m=(e,t,n,a)=>{let o=i(e,t,n),c=r&&r.y===e&&r.m===t&&r.d===n,l=s.getFullYear()===e&&s.getMonth()===t&&s.getDate()===n,u=f.y===e&&f.m===t&&f.d===n,p=d(e,t,n);return`<button type="button" class="${[`datepicker-day`,a?`is-outside`:``,l?`is-today`:``,c?`is-selected`:``].filter(Boolean).join(` `)}" data-iso="${o}" role="gridcell" tabindex="${u&&!p?`0`:`-1`}"${c?` aria-selected="true"`:``}${p?` disabled aria-disabled="true"`:``}>${n}</button>`},g=``,_=c(this._viewY,this._viewM-1),v=a(_.y,_.m);for(let e=t-1;e>=0;e--)g+=m(_.y,_.m,v-e,!0);for(let e=1;e<=n;e++)g+=m(this._viewY,this._viewM,e,!1);let y=c(this._viewY,this._viewM+1),b=(7-(t+n)%7)%7;for(let e=1;e<=b;e++)g+=m(y.y,y.m,e,!0);let x=d(s.getFullYear(),s.getMonth(),s.getDate()),S=p(this)?``:`<button type="button" class="datepicker-link" data-clear>Clear</button>`,C=o.map((t,n)=>o[(n+e)%7]).map(e=>`<span>${e}</span>`).join(``);return`
       <div class="datepicker-head">
         <button type="button" class="datepicker-nav-btn" data-nav="-1" aria-label="Previous month">${h(`chevron-left`)}</button>
         <button type="button" class="datepicker-month" data-view="months" aria-label="Choose month and year">${u[this._viewM]} ${this._viewY}</button>

package/dist/{WuiDateRange-D0JjHJpa.js → WuiDateRange-DUkF9FYe.js}

@@ -1,11 +1,11 @@
 import{n as e,r as t,t as n}from"./anchorOverlay-CBMAnDUt.js";import{a as r,c as i,i as a,n as o,o as s,r as c,s as l,t as u}from"./calendarMath-BC2wGCD-.js";import{n as d}from"./devWarn-DXdRWZs3.js";import{n as f,r as p,t as m}from"./zone-D82f-GU_.js";import{t as h}from"./elementBase-DV9IZZCu.js";import{r as g,t as _}from"./fieldState-D-zQcXUS.js";import{t as v}from"./iconGlyphs.g-gURMSeyB.js";import{n as y}from"./optionLabel-CjrUbe2a.js";var b=4,x=[`today`,`yesterday`,`last7Days`,`last30Days`,`thisMonth`,`lastMonth`,`thisFinancialYear`],S={today:`Today`,yesterday:`Yesterday`,last7Days:`Last 7 days`,last30Days:`Last 30 days`,thisMonth:`This month`,lastMonth:`Last month`,thisFinancialYear:`This financial year`},C=e=>String(e).padStart(2,`0`),w=e=>`${e.getUTCFullYear()}-${C(e.getUTCMonth()+1)}-${C(e.getUTCDate())}`;function T(e,t=/* @__PURE__ */ new Date,{timeZone:n=m,financialYearStart:r=b}={}){let{y:i,m:a,d:o}=l(p(n,t)),s=(e,t,n)=>w(new Date(Date.UTC(e,t,n))),c=S[e];switch(e){case`today`:return{label:c,start:s(i,a,o),end:s(i,a,o)};case`yesterday`:return{label:c,start:s(i,a,o-1),end:s(i,a,o-1)};case`last7Days`:return{label:c,start:s(i,a,o-6),end:s(i,a,o)};case`last30Days`:return{label:c,start:s(i,a,o-29),end:s(i,a,o)};case`thisMonth`:return{label:c,start:s(i,a,1),end:s(i,a+1,0)};case`lastMonth`:return{label:c,start:s(i,a-1,1),end:s(i,a,0)};case`thisFinancialYear`:{let e=r-1,t=a>=e?i:i-1;return{label:c,start:s(t,e,1),end:s(t+1,e,0)}}default:return null}}function E(e){d(`[@webority/ui-elements] <wui-date-range> presets: ${e}`)}function D(e,t=/* @__PURE__ */ new Date,n={}){let r=String(e??``).trim();if(!r)return[];let i;if(r.startsWith(`[`))try{i=JSON.parse(r)}catch{return E(`the attribute is not valid JSON`),[]}else i=r.split(`,`).map(e=>e.trim());let a=[];for(let e of i)if(typeof e==`string`){let r=T(e,t,n);r?a.push(r):E(`"${e}" is not one of ${x.join(`, `)}`)}else e&&typeof e.label==`string`&&e.label&&l(e.start)&&l(e.end)?a.push({label:e.label,start:e.start,end:e.end}):E(`an item needs a label and ISO start and end dates, or a preset name`);return a}var O=class extends h{static formAssociated=!0;static get observedAttributes(){return[`start`,`end`,`min`,`max`,`placeholder`,`disabled`,`readonly`,`loading`,`first-day`,`size`,`aria-label`,`aria-describedby`,`name`,`start-name`,`end-name`,`presets`,`time-zone`,`financial-year-start`,`aria-invalid`]}constructor(){super();try{this._internals=this.attachInternals()}catch{this._internals=null}this._start=``,this._end=``,this._hover=``;let e=new Date(2e3,0,1);this._viewY=e.getFullYear(),this._viewM=e.getMonth()}connectedCallback(){this._rendered?this._bindGlobal?.():this.render()}attributeChangedCallback(e,t,n){e===`aria-invalid`?this._syncInvalid():this._rendered&&(e===`start`||e===`end`?(this._start=this.getAttribute(`start`)||``,this._end=this.getAttribute(`end`)||``,this._syncTrigger(),this._syncMirrors()):this.render())}_syncInvalid(){let e=this.querySelector(`.daterange-trigger`);e&&(this.hasAttribute(`aria-invalid`)?e.setAttribute(`aria-invalid`,`true`):e.removeAttribute(`aria-invalid`))}get value(){return{start:this._start,end:this._end}}set value(e){this._start=e?.start||``,this._end=e?.end||``,this._syncTrigger(),this._syncMirrors()}_firstDay(){return r(this)}_label(){let e=this.getAttribute(`placeholder`)||`Start to End`;return!this._start&&!this._end?{text:e,empty:!0}:{text:`${s(this._start)||`Start`} to ${s(this._end)||`End`}`,empty:!1}}render(){this._defaultStart===void 0&&(this._defaultStart=this.getAttribute(`start`)||``,this._defaultEnd=this.getAttribute(`end`)||``,this._start=this._defaultStart||this._start,this._end=this._defaultEnd||this._end);let e=l(this._start);e&&(this._viewY=e.y,this._viewM=e.m);let t=this.getAttribute(`size`),n=t===`sm`?` input-sm`:t===`lg`?` input-lg`:``,{text:r,empty:i}=this._label(),a=this.getAttribute(`aria-label`),o=this.getAttribute(`aria-describedby`);this.innerHTML=`
       <div class="daterange">
         <button type="button" class="input daterange-trigger${n}${i?``:` has-value`}" aria-haspopup="dialog" aria-expanded="false"${this.hasAttribute(`aria-invalid`)?` aria-invalid="true"`:``}${this.hasAttribute(`disabled`)?` disabled`:``}${a?` aria-label="${y(a)}"`:``}${o?` aria-describedby="${y(o)}"`:``}>
-          <span data-range-label class="${i?`search-select-placeholder`:``}">${y(r)}</span>
+          <span data-range-label class="${i?`wui-select-placeholder`:``}">${y(r)}</span>
           ${v(`calendar`)}
         </button>
         <div class="daterange-pop" role="dialog" aria-modal="false" hidden></div>
-      </div>`,g(this,this.querySelector(`.daterange-trigger`)),this._rendered=!0,this._syncMirrors(),this._wire()}formResetCallback(){this.value={start:this._defaultStart||``,end:this._defaultEnd||``}}_syncTrigger(){let e=this.querySelector(`.daterange-trigger`),t=this.querySelector(`[data-range-label]`);if(!t)return;let{text:n,empty:r}=this._label();t.textContent=n,t.classList.toggle(`search-select-placeholder`,r),e?.classList.toggle(`has-value`,!r)}_syncMirrors(){let e=this.getAttribute(`start-name`)||this.getAttribute(`name`),t=this.getAttribute(`end-name`);this._mirror(`start`,e,this._start),this._mirror(`end`,t,this._end)}_mirror(e,t,n){if(!t)return;let r=this.querySelector(`input[type="hidden"][data-range-mirror="${e}"]`);r||(r=document.createElement(`input`),r.type=`hidden`,r.setAttribute(`data-range-mirror`,e),this.appendChild(r)),r.name=t,r.value=n||``,r.disabled=this.hasAttribute(`disabled`)}_limits(){let e=l(this.getAttribute(`min`)),t=l(this.getAttribute(`max`)),n=e?new Date(e.y,e.m,e.d).getTime():-1/0,r=t?new Date(t.y,t.m,t.d).getTime():1/0;return(e,t,i)=>{let a=new Date(e,t,i).getTime();return a<n||a>r}}_monthHtml(e,t){let n=this._firstDay(),r=(new Date(e,t,1).getDay()-n+7)%7,s=a(e,t),l=this._limits(),d=o.map((e,t)=>o[(t+n)%7]).map(e=>`<span>${e}</span>`).join(``),f=(e,t,n,r)=>{let a=i(e,t,n),o=l(e,t,n);return`<button type="button" class="${[`datepicker-day`,r?`is-outside`:``].filter(Boolean).join(` `)}" data-iso="${a}"${o?` disabled`:``}>${n}</button>`},p=``,m=c(e,t-1),h=a(m.y,m.m);for(let e=r-1;e>=0;e--)p+=f(m.y,m.m,h-e,!0);for(let n=1;n<=s;n++)p+=f(e,t,n,!1);let g=c(e,t+1),_=(7-(r+s)%7)%7;for(let e=1;e<=_;e++)p+=f(g.y,g.m,e,!0);return`
+      </div>`,g(this,this.querySelector(`.daterange-trigger`)),this._rendered=!0,this._syncMirrors(),this._wire()}formResetCallback(){this.value={start:this._defaultStart||``,end:this._defaultEnd||``}}_syncTrigger(){let e=this.querySelector(`.daterange-trigger`),t=this.querySelector(`[data-range-label]`);if(!t)return;let{text:n,empty:r}=this._label();t.textContent=n,t.classList.toggle(`wui-select-placeholder`,r),e?.classList.toggle(`has-value`,!r)}_syncMirrors(){let e=this.getAttribute(`start-name`)||this.getAttribute(`name`),t=this.getAttribute(`end-name`);this._mirror(`start`,e,this._start),this._mirror(`end`,t,this._end)}_mirror(e,t,n){if(!t)return;let r=this.querySelector(`input[type="hidden"][data-range-mirror="${e}"]`);r||(r=document.createElement(`input`),r.type=`hidden`,r.setAttribute(`data-range-mirror`,e),this.appendChild(r)),r.name=t,r.value=n||``,r.disabled=this.hasAttribute(`disabled`)}_limits(){let e=l(this.getAttribute(`min`)),t=l(this.getAttribute(`max`)),n=e?new Date(e.y,e.m,e.d).getTime():-1/0,r=t?new Date(t.y,t.m,t.d).getTime():1/0;return(e,t,i)=>{let a=new Date(e,t,i).getTime();return a<n||a>r}}_monthHtml(e,t){let n=this._firstDay(),r=(new Date(e,t,1).getDay()-n+7)%7,s=a(e,t),l=this._limits(),d=o.map((e,t)=>o[(t+n)%7]).map(e=>`<span>${e}</span>`).join(``),f=(e,t,n,r)=>{let a=i(e,t,n),o=l(e,t,n);return`<button type="button" class="${[`datepicker-day`,r?`is-outside`:``].filter(Boolean).join(` `)}" data-iso="${a}"${o?` disabled`:``}>${n}</button>`},p=``,m=c(e,t-1),h=a(m.y,m.m);for(let e=r-1;e>=0;e--)p+=f(m.y,m.m,h-e,!0);for(let n=1;n<=s;n++)p+=f(e,t,n,!1);let g=c(e,t+1),_=(7-(r+s)%7)%7;for(let e=1;e<=_;e++)p+=f(g.y,g.m,e,!0);return`
       <div class="daterange-cal">
         <div class="datepicker-month-label">${u[t]} ${e}</div>
         <div class="datepicker-weekdays">${d}</div>

package/dist/WuiSelect-Doosf5WD.js

@@ -0,0 +1,9 @@
+import{n as e,r as t,t as n}from"./anchorOverlay-CBMAnDUt.js";import{i as r,n as i,r as a,t as o}from"./optionLabel-CjrUbe2a.js";import{n as s}from"./devWarn-DXdRWZs3.js";import{t as c}from"./elementBase-DV9IZZCu.js";import{r as l,t as u}from"./fieldState-D-zQcXUS.js";import{n as d,t as f}from"./formMirror-BMQTenSi.js";import{n as p}from"./loader-D5dqed_u.js";import{t as m}from"./iconGlyphs.g-gURMSeyB.js";import{n as h,t as g}from"./listboxKeyNav-DMIvs9d6.js";var _=e=>{let t=String(e??``).trim();return/^(https?:)?\/\//i.test(t)||/^\/(?!\/)/.test(t)||/^data:image\/(png|jpe?g|gif|webp|avif);/i.test(t)?t:``},v=(e,t=`wui-opt-avatar`)=>{let n=_(e.avatar);return!n&&!e.initials?``:`<span class="avatar ${t}" aria-hidden="true"><span class="avatar-face">${i(e.initials??``)}</span>${n?`<img class="avatar-img" src="${y(n)}" alt="" />`:``}</span>`},y=e=>String(e??``).replace(/&/g,`&amp;`).replace(/"/g,`&quot;`).replace(/</g,`&lt;`);function b(e,t){let n=String(t??``).trim().toLowerCase();return n?e.filter(e=>[r(e),e.description,e.meta].some(e=>String(e??``).toLowerCase().includes(n))):e}var x=/* @__PURE__ */ new WeakMap;function S(e,t,n={}){let{selected:r=[],query:a=``,status:o=`idle`,emptyText:s=`No matches`,searchingText:c=`Searching…`,hintText:l=`Type to search…`,actionRow:u=[]}=n,d=new Set(r.map(String)),f=b(t,a),p=e.id,m=0,h=()=>`${p}-opt-${m++}`,g=e=>`<button type="button" role="option" id="${i(h())}" class="wui-select-option wui-select-add" data-value="${i(e.value)}" data-custom="true" aria-selected="false">${i(e.label)}</button>`,_=u.filter(e=>e.position===`top`).map(g).join(``),v=``,y=``;for(let e of f)e.group&&e.group!==v&&(y+=`<div class="wui-select-group">${i(e.group)}</div>`),v=e.group??``,y+=C(e,h(),d.has(String(e.value)));let S=u.filter(e=>e.position===`bottom`).map(g).join(``),w=``;o===`loading`?w=`<div class="wui-select-loading"><span class="wui-select-spinner spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>${i(c)}</div>`:o===`hint`?w=`<div class="wui-select-hint">${i(l)}</div>`:(o===`empty`||f.length===0&&u.length===0)&&(w=`<div class="wui-select-empty">${i(s)}</div>`);let T=_+y+S+w;x.get(e)!==T&&(x.set(e,T),e.innerHTML=T)}function C(e,t,n){let r=!!e.disabled,o=r&&e.disabledHint?` title="${i(e.disabledHint)}"`:``,s=`id="${i(t)}" role="option" data-value="${i(e.value)}" aria-selected="${n}"${r?` aria-disabled="true"`:``}${o}`,c=`<span class="wui-select-check" aria-hidden="true">${m(`check`)}</span>`;if(!e.description&&!e.meta)return`<button type="button" class="wui-select-option${n?` selected`:``}" ${s}>${v(e)}<span class="wui-select-opt-name">${a(e)}</span>${c}</button>`;let l=e.description?`<span class="wui-select-opt-desc">${i(e.description)}</span>`:``,u=e.meta?`<span class="wui-select-opt-meta">${i(e.meta)}</span>`:``;return`<div class="wui-select-option wui-select-option-rich${n?` selected`:``}" ${s}>${v(e)}<span class="wui-select-option-text"><span class="wui-opt-label">${a(e)}</span>${l}</span>${u}${c}</div>`}var w=Object.freeze([`single`,`multiple`,`search`,`tag`,`country`]),T=e=>e===`multiple`||e===`tag`,E={chips:()=>import(`./chips-DWyUAUqP.js`),search:()=>import(`./search-CHbwgrpT.js`),country:()=>import(`./country-3uo7no9r.js`)};function D(e){return Object.hasOwn(E,e)?E[e]():Promise.reject(/* @__PURE__ */ Error(`Unknown <wui-select> part: ${e}.`))}var O=class extends c{static formAssociated=!0;static get observedAttributes(){return/* @__PURE__ */ `mode.value.placeholder.search-placeholder.empty-text.searchable.clearable.disabled.readonly.loading.required.size.density.icon.prefix.open.aria-label.aria-describedby.aria-invalid.min-chars.debounce.source.allow-custom.add-label.searching-text.hint-text.value-label.value-avatar.value-initials.max-tags.allow-duplicates.separators.pattern.invalid-message.create-label.collapse-chips.selected-text.clear-all-label.countries.suggested.suggested-label.all-countries-label`.split(`.`)}constructor(){super();try{this._internals=this.attachInternals()}catch{this._internals=null}this._value=``,this._optionsProp=null,this._partOptions=null,this._known=/* @__PURE__ */ new Map,this._loadOptionsFn=null,this._validateFn=null,this._declared=void 0,this._query=``,this._ownsFilter=!1,this._active=-1,this._status=`idle`,this._error=``,this._nav=null,this._parts=null,this._partSig=``,this._partsMounted=!1,this._partToken=0,this._rendered=!1,this._defaultValue=void 0,this._warnedMode=null,this._reposition=()=>{this._menuOpen()&&this._place()}}connectedCallback(){this._rendered?this._bindGlobal():this.render(),this._ensureParts(),this._mountParts()}disconnectedCallback(){this._teardown(),this._teardownParts()}attributeChangedCallback(e,t,n){e===`value`?(this._value=P(n,T(this.mode)),this._applyValue()):e===`aria-invalid`?this._syncInvalid():e===`open`?this._rendered&&(this.hasAttribute(`open`)?this._open({focus:!1}):this._close({force:!0})):(e===`mode`&&(this._value=P(this._value,T(this.mode)),this._partOptions=null,this._known.clear(),this._ensureParts()),e===`source`&&this._ensureParts(),M.has(e)?this._rendered&&(this._drawValue(),this.renderList()):j.has(e)?this._remountParts():this._rendered&&this.render())}formResetCallback(){if(this.value=this._defaultValue??``,!this._rendered)return;let e=this._refs();e.input&&(e.input.value=``,e.input.removeAttribute(`aria-invalid`)),e.search&&(e.search.value=``),this.setError(``),this._query!==``&&this._onQueryChange(``)}get mode(){let e=this.getAttribute(`mode`);return e===null||w.includes(e)?e??`single`:(e!==this._warnedMode&&(this._warnedMode=e,s(`<wui-select> mode "${e}" is not one of ${w.join(`, `)}; it is treated as "single".`)),`single`)}_checkDensity(){let e=this.getAttribute(`density`);e===null||k.includes(e)||e===this._warnedDensity||(this._warnedDensity=e,s(`<wui-select> density "${e}" is not one of ${k.join(`, `)}; it is treated as "comfortable".`))}set mode(e){this.setAttribute(`mode`,String(e))}get value(){return Array.isArray(this._value)?this._value.slice():this._value}set value(e){this._value=P(e,T(this.mode)),this._applyValue()}get options(){return this._readOptions()}set options(e){this._optionsProp=Array.isArray(e)?e:null,this.mode!==`country`&&(this._partOptions=null),this._rendered&&(this._drawValue(),this.renderList())}get loadOptions(){return this._loadOptionsFn}set loadOptions(e){this._loadOptionsFn=typeof e==`function`?e:null,this._ensureParts()}get validate(){return this._validateFn}set validate(e){this._validateFn=typeof e==`function`?e:null}commit(e,t={}){this.value=e,this.dispatchEvent(new CustomEvent(`change`,{bubbles:!0,detail:{isCustom:!!t.isCustom}}))}setPartOptions(e){this._partOptions=Array.isArray(e)?e:null,this._drawValue(),this.renderList()}setStatus(e){this._status=e,this.renderList()}setError(e){this._error=e?String(e):``,this._syncError()}openMenu(){u(this)||this._open({focus:!1})}closeMenu({focusControl:e=!1}={}){this._close(),e&&this._refs().control?.focus()}renderList(){let e=this._refs();e.list&&(S(e.list,this._listOptions(),{selected:this._selectedValues(),query:this._ownsFilter?``:this._query,status:this._status,emptyText:this.getAttribute(`empty-text`)||`No matches`,searchingText:this.getAttribute(`searching-text`)||`Searching…`,hintText:this.getAttribute(`hint-text`)||void 0,actionRow:this._actionRows()}),this._active>=this._visible().length&&(this._active=-1),this._active>=0&&this._setActive(this._active,{reveal:!1}),this._menuOpen()&&this._place())}render(){let e=this._carry();this._teardownParts(),this._snapshotDeclared();let t=this.mode;this._checkDensity();let n=T(t),r=t===`tag`,a=n&&(r||this.hasAttribute(`allow-custom`));this._value=P(this._value,n),this._defaultValue===void 0&&n&&this._value.length===0&&(this._value=this._declaredSelected()),n||this._preselect(),this._defaultValue===void 0&&(this._defaultValue=P(this._value,n));let o=this.getAttribute(`size`),s=o===`sm`?` wui-select-sm`:o===`lg`?` wui-select-lg`:``,c=this.getAttribute(`icon`),u=this.getAttribute(`prefix`),d=this.hasAttribute(`clearable`),f=this.hasAttribute(`disabled`);this.id||=`wui-select-${Math.random().toString(36).slice(2,9)}`;let p=`${this.id}-listbox`,h=`${this.id}-entry-error`,g=this.getAttribute(`aria-describedby`)?.trim(),_=g?`${g} ${h}`:h,v=this.hasAttribute(`aria-invalid`)||this._error?` aria-invalid="true"`:``,y=this.hasAttribute(`required`)&&!a?` aria-required="true"`:``,b=` aria-label="${i(this._accessibleName())}" aria-describedby="${i(_)}"${v}${y}`,x=a?``:` role="combobox" aria-haspopup="listbox" aria-expanded="false" aria-controls="${i(p)}"`,S=n?`<div class="input wui-select-control wui-select-multi"${x}${b}${f?` aria-disabled="true"`:r?``:` tabindex="0"`}>`:`<button type="button" class="input wui-select-control"${x}${b}${f?` disabled`:``}>`,C=`${c?m(c,{className:`wui-select-icon`}):``}${u?`<span class="wui-select-prefix">${i(u)}</span>`:``}<span class="wui-select-value" data-label></span>${d?`<span class="wui-select-reset" role="button" aria-label="Clear selection" hidden>${m(`x`)}</span>`:``}${m(`chevron-down`,{className:`wui-select-caret`})}`,w=this.getAttribute(`searchable`),E=t===`search`||(w===null?t===`multiple`||t===`country`:w!==`false`)&&!a,D=this.getAttribute(`search-placeholder`)||(t===`country`?`Search countries…`:`Search…`),O=E?`<div class="wui-select-search">${m(`search`)}<input class="wui-select-input" placeholder="${i(D)}" aria-label="${i(D)}" aria-autocomplete="list" /><button type="button" class="wui-select-clear" aria-label="Clear search" hidden>${m(`x`)}</button></div>`:``;this.innerHTML=`
+      <div class="wui-select${s}">
+        ${S}${C}${n?`</div>`:`</button>`}
+        <div class="wui-select-menu wui-select-menu-fixed" hidden>
+          ${O}
+          <div class="wui-select-options" role="listbox" id="${i(p)}" tabindex="-1"${n?` aria-multiselectable="true"`:``}></div>
+        </div>
+      </div>
+      <div class="field-error wui-select-error" id="${i(h)}" aria-live="polite"${this._error?``:` hidden`}>${i(this._error)}</div>`,this._rendered=!0,this._syncMirror(),this._syncValidity(),this._drawValue(),this._syncReset(),this.renderList(),this._wire(),l(this,this.querySelector(`.wui-select-control`)),this._mountParts(e)}_accessibleName(){return this.getAttribute(`aria-label`)||this.getAttribute(`placeholder`)||`Select`}_snapshotDeclared(){if(this._declared)return;let e=[...this.querySelectorAll(`:scope > wui-option`)];e.length&&(this._declared=e.map(e=>{let t={value:e.getAttribute(`value`)??e.textContent.trim(),label:e.innerHTML,[o]:!0,selected:e.hasAttribute(`selected`)};for(let[n,r]of N){let i=e.getAttribute(n);i&&(t[r]=i)}return e.hasAttribute(`disabled`)&&(t.disabled=!0),t}))}_readOptions(){return this.mode===`country`?this._partOptions||[]:this._partOptions?this._partOptions:this._optionsProp?this._optionsProp:(this._snapshotDeclared(),this._declared||[])}_listOptions(){let e=this._readOptions(),t=this.getAttribute(`value-label`);if(this.mode!==`search`||!t||this._value===``)return e;let n=String(this._value);return e.some(e=>String(e.value)===n)?e:[...e,{value:n,label:t}]}_declaredSelected(){return this._optionsProp?[]:(this._declared??[]).filter(e=>e.selected).map(e=>String(e.value))}_preselect(){let e=this._readOptions(),t=this._value!==``&&e.find(e=>String(e.value)===this._value)||e.find(e=>e.selected);t&&(this._value=String(t.value))}_optionFor(e){if(e===``)return;let t=String(e),n=this._readOptions().find(e=>String(e.value)===t);return n?(this._known.set(t,n),n):this._known.get(t)}_placeholder(){return this.getAttribute(`placeholder`)||A[this.mode]}_hasValue(){return Array.isArray(this._value)?this._value.length>0:this._value!==``}_selectedValues(){return Array.isArray(this._value)?this._value:this._hasValue()?[this._value]:[]}_applyValue(){this._syncMirror(),this._syncValidity(),this._rendered&&(this._drawValue(),this._syncReset(),this.renderList())}_syncMirror(){T(this.mode)?d(this,this._value):f(this,this._value)}_drawValue(){let e=this._refs();if(!e.value)return;let t=T(this.mode),n=t?void 0:this._optionFor(this._value);this._syncTitle(n),this._syncValueAvatar(),this._partsMounted&&this._parts.some(e=>e.renderValue?.()===!0)||(t?(e.value.classList.remove(`wui-select-placeholder`),e.value.textContent=``):(e.value.classList.toggle(`wui-select-placeholder`,!n),e.value.innerHTML=n?a(n):i(this._placeholder())))}_syncTitle(e){let t=this.querySelector(`.wui-select-control`);if(!t)return;let n=e&&!this.hasAttribute(`title`)?r(e).trim():``;n?t.setAttribute(`title`,n):t.removeAttribute(`title`)}_syncValueAvatar(){let e=this.querySelector(`.wui-select-control`);if(!e)return;e.querySelector(`:scope > .wui-select-value-avatar`)?.remove();let t=!T(this.mode)&&this._hasValue()?v({avatar:this.getAttribute(`value-avatar`),initials:this.getAttribute(`value-initials`)},`avatar-xs`):``;e.classList.toggle(`wui-has-value-avatar`,!!t),t&&e.insertAdjacentHTML(`afterbegin`,`<span class="wui-select-value-avatar" aria-hidden="true">${t}</span>`)}_syncValidity(){let e=this._internals;typeof e?.setValidity==`function`&&(this.hasAttribute(`required`)&&!this._hasValue()?e.setValidity({valueMissing:!0},`Please fill in this field.`,this.querySelector(`.wui-select-control`)):e.setValidity({}))}_syncReset(){let e=this.querySelector(`.wui-select-reset`);e&&(e.hidden=!(this.hasAttribute(`clearable`)&&this._hasValue()&&!u(this)))}_syncInvalid(){let e=this.querySelector(`.wui-select-control`);e&&(this.hasAttribute(`aria-invalid`)||this._error?e.setAttribute(`aria-invalid`,`true`):e.removeAttribute(`aria-invalid`))}_syncError(){let e=this.querySelector(`.wui-select-error`);e&&(e.textContent=this._error,e.hidden=!this._error),this._syncInvalid()}_refs(){return{control:this.querySelector(`.wui-select-control`),value:this.querySelector(`.wui-select-value`),menu:this.querySelector(`.wui-select-menu`),list:this.querySelector(`.wui-select-options`),search:this.querySelector(`.wui-select-search input`),input:this.querySelector(`.wui-select-draft`)}}_menuOpen(){let e=this.querySelector(`.wui-select-menu`);return!!e&&!e.hidden}_visible(){let e=this._refs();return e.list?[...e.list.querySelectorAll(`.wui-select-option`)]:[]}_setActive(e,{reveal:t=!0}={}){let n=this._refs();if(!n.list||!n.control)return;let r=this._visible();this._active=e;let i=e>=0?r[e]??null:null;h(n.list,i),i?(t&&i.scrollIntoView({block:`nearest`}),n.control.setAttribute(`aria-activedescendant`,i.id)):n.control.removeAttribute(`aria-activedescendant`)}_actionRows(){let e=[];for(let t of this._activePartsList()){let n=t.actionRow?.(this._query);n&&e.push(n)}return e}_place(){let e=this._refs();if(!e.control||!e.menu)return;let t=this.hasAttribute(`open`)?{below:!0}:{};if(this.getAttribute(`density`)===`compact`){let r=e.control.getBoundingClientRect();e.menu.style.width=`max-content`,e.menu.style.minWidth=`${r.width}px`,e.menu.style.maxWidth=`280px`,n(e.control,e.menu,t)}else n(e.control,e.menu,{matchWidth:!0,...t})}_open({focus:t=!0}={}){let n=this._refs();if(!n.menu||!n.control)return;let r=!n.menu.hidden;n.menu.hidden=!1,n.control.setAttribute(`aria-expanded`,`true`),n.control.classList.add(`open`),this._query=n.input?n.input.value:``,this._ownsFilter=this._ownsFilter&&this._query!==``;let i=this.querySelector(`.wui-select-search .wui-select-clear`);if(i&&(i.hidden=!0),n.search&&(n.search.value=``),this.renderList(),e(this,this._reposition),t&&(n.search?.focus(),this._setActive(this._visible().findIndex(e=>e.classList.contains(`selected`)))),!r){this.dispatchEvent(new CustomEvent(`wui-select:open`,{bubbles:!0}));for(let e of this._activePartsList())e.onOpen?.()}}_close({force:e=!1}={}){if(!e&&this.hasAttribute(`open`))return;let n=this._refs();if(!n.menu||!n.control)return;let r=!n.menu.hidden;n.menu.hidden=!0,n.control.setAttribute(`aria-expanded`,`false`),n.control.classList.remove(`open`),this._setActive(-1),this._nav?.clearTypeahead(),t(this),r&&this.dispatchEvent(new CustomEvent(`wui-select:close`,{bubbles:!0}))}_onQueryChange(e){this._query=e,this._setActive(-1);let t=this.querySelector(`.wui-select-search .wui-select-clear`);t&&(t.hidden=!e);let n=!1;for(let t of this._activePartsList())t.onQuery?.(e)===!0&&(n=!0);this._ownsFilter=n,this.renderList()}_pick(e){if(e.getAttribute(`aria-disabled`)===`true`)return;let t=e.dataset.custom===`true`,n=e.dataset.value??``,r=t?{value:n,label:e.textContent.trim()}:this._listOptions().find(e=>String(e.value)===n)??{value:n,label:n},i=this._activePartsList().some(e=>e.onPick?.(r,{isCustom:t})===!0);T(this.mode)||(i||this.commit(n,{isCustom:t}),this._close(),this._refs().control?.focus())}_draftOpens(){return this.mode===`multiple`?this.hasAttribute(`allow-custom`):this.mode===`tag`&&(this._loadOptionsFn!==null||this.hasAttribute(`source`))}_onKeyDown(e){if(!u(this)){for(let t of this._activePartsList())if(t.onKey?.(e)===!0)return;if(!this._menuOpen()){if(e.target instanceof HTMLInputElement){if(e.key!==`ArrowDown`||!this._draftOpens())return;this._open({focus:!1})}else{(e.key===`ArrowDown`||e.key===`Enter`||e.key===` `)&&(e.preventDefault(),this._open({focus:!0}));return}}e.key===`Escape`&&(e.preventDefault(),e.stopPropagation()),this._nav.handler(e)}}_wire(){this._teardown();let t=this._refs();if(!t.control||!t.menu||!t.list)return;let n=this.querySelector(`.wui-select`),r=this.querySelector(`.wui-select-search .wui-select-clear`),i=this.querySelector(`.wui-select-reset`);this._nav=g({getVisibleOptions:()=>this._visible(),getActive:()=>this._active,setActive:e=>this._setActive(e),onEnter:(e,t)=>{if(e)this._pick(e);else if(this._query.trim()!==``){let e=t.find(e=>e.dataset.custom===`true`);e?this._pick(e):t.length===1&&this._pick(t[0])}},onEscape:()=>{this._nav.clearTypeahead(),this._close(),t.control.focus()}}),n.addEventListener(`keydown`,e=>this._onKeyDown(e)),n.addEventListener(`input`,e=>{if(!e.target.matches?.(`.wui-select-input, .wui-select-draft`))return;this._onQueryChange(e.target.value);let t=e.target.matches(`.wui-select-draft`),n=this._visible().length>0||this._actionRows().length>0;t&&n&&!this._menuOpen()&&!u(this)&&this._draftOpens()&&this._open({focus:!1})}),n.addEventListener(`focusout`,e=>{e.relatedTarget&&this.contains(e.relatedTarget)||!this._activePartsList().some(e=>e.onBlur?.()===!0)&&e.relatedTarget&&this._close()}),r?.addEventListener(`click`,()=>{t.search.value=``,this._onQueryChange(``),t.search.focus()}),t.control.addEventListener(`click`,e=>{if(!e.target.closest?.(`[data-remove]`)){if(this.mode===`tag`){if(u(this))return;this._refs().input?.focus(),!this._menuOpen()&&this._draftOpens()&&this._open({focus:!1})}else e.target instanceof HTMLInputElement?!this._menuOpen()&&!u(this)&&this._open({focus:!1}):this._menuOpen()?this._close():u(this)||this._open({focus:!0})}}),i?.addEventListener(`click`,e=>{e.stopPropagation(),this.commit(T(this.mode)?[]:``),this._close(),t.control.focus()}),t.list.addEventListener(`click`,e=>{let n=e.target.closest(`.wui-select-option`);n&&(this._pick(n),T(this.mode)&&(t.search??this.querySelector(`.wui-select-draft`)??t.control).focus())}),t.list.addEventListener(`mousedown`,e=>{T(this.mode)&&e.target.closest?.(`.wui-select-option`)&&e.preventDefault()}),t.list.addEventListener(`mousemove`,e=>{let t=e.target.closest(`.wui-select-option`);t&&!t.classList.contains(`is-active`)&&this._setActive(this._visible().indexOf(t),{reveal:!1})}),t.list.addEventListener(`mouseleave`,()=>this._setActive(-1)),t.list.addEventListener(`error`,e=>{e.target?.classList?.contains(`avatar-img`)&&e.target.remove()},!0),this._bindGlobal=()=>{this._teardown(),this._onDocClick=e=>{this._menuOpen()&&!e.composedPath().includes(this)&&this._close()},document.addEventListener(`click`,this._onDocClick),this._menuOpen()&&e(this,this._reposition)},this.hasAttribute(`open`)&&this._open({focus:!1}),this._bindGlobal()}_teardown(){this._onDocClick&&=(document.removeEventListener(`click`,this._onDocClick),null),t(this),this._nav?.teardown()}_activePartsList(){return this._partsMounted?this._parts:[]}_ensureParts(){if(!this.isConnected)return;let e=F(this,this.mode),t=e.join(`,`);if(t===this._partSig)return;this._teardownParts(),this._parts=null,this._partSig=t;let n=++this._partToken;Promise.all(e.map(e=>L(this,e))).then(e=>{n===this._partToken&&(this._parts=e.filter(Boolean),this._mountParts())})}_mountParts(e={draft:``,query:``}){if(!this._parts||this._partsMounted||!this._rendered||!this.isConnected)return;this._partsMounted=!0;let t=this._refs();for(let n of this._parts)n.mount(this,t,{carry:e});this._drawValue(),this.renderList()}_teardownParts(){if(this._partsMounted){this._partsMounted=!1;for(let e of this._parts)e.teardown()}}_remountParts(){if(!this._partsMounted)return;let e=this._carry();this._teardownParts(),this._mountParts(e)}_carry(){let e=this._refs();return{draft:e.input?.value??``,query:e.search?.value??``}}},k=[`comfortable`,`compact`],A={single:`Select…`,search:`Select…`,multiple:`Select…`,tag:`Add…`,country:`Select country`},j=/* @__PURE__ */ new Set([`countries`,`suggested`,`suggested-label`,`all-countries-label`,`max-tags`,`pattern`,`collapse-chips`,`source`,`min-chars`]),M=/* @__PURE__ */ new Set([`separators`,`allow-duplicates`,`invalid-message`,`create-label`,`add-label`,`selected-text`,`clear-all-label`,`value-label`,`value-avatar`,`value-initials`,`hint-text`]),N=[[`icon`,`icon`],[`description`,`description`],[`meta`,`meta`],[`group`,`group`],[`avatar`,`avatar`],[`initials`,`initials`],[`disabled-hint`,`disabledHint`]],P=(e,t)=>t?Array.isArray(e)?e.map(String):e==null||e===``?[]:String(e).split(`,`).map(e=>e.trim()).filter(Boolean):Array.isArray(e)?e.length?String(e[0]):``:e==null?``:String(e),F=(e,t)=>t===`multiple`?[`chips`]:t===`search`?[`search`]:t===`country`?[`country`]:t===`tag`?e.loadOptions||e.hasAttribute(`source`)?[`chips`,`search`]:[`chips`]:[],I=`This control could not load. Reload the page.`,L=(e,t)=>D(t).then(e=>e.default()).catch(()=>(document.dispatchEvent(new CustomEvent(p,{bubbles:!0,composed:!0,detail:{chunk:t}})),e.setError(I),null));export{b as n,O as t};

package/dist/WuiTour-D18C-wQP.js

@@ -0,0 +1 @@
+import{n as e,r as t}from"./anchorOverlay-CBMAnDUt.js";import{n,t as r}from"./buttonClass-DpG9WzgJ.js";import{t as i}from"./elementBase-DV9IZZCu.js";import{t as a}from"./tourOpenMark-nPeAJFSo.js";var o=`data-advance`,s=`wui-tour-hint`,c=`wui-tour-pointer`,l=`Click {actionName} to continue.`,u=`a[href], button, input, select, textarea, summary, [tabindex], [contenteditable]`,d=(e,t)=>e?.advanceOn===`click`&&!!t,f=e=>(e??``).replace(/\s+/g,` `).trim();function p(e){let t=e.ownerDocument,n=(e.getAttribute(`aria-labelledby`)||``).split(/\s+/).filter(Boolean),r=e.tagName===`INPUT`&&/^(button|submit|reset)$/.test(e.type)?e.value:``,i=[n.map(e=>t.getElementById(e)?.textContent??``).join(` `),e.getAttribute(`aria-label`),Array.from(e.labels??[],e=>e.textContent).join(` `),e.getAttribute(`alt`),r,e.textContent,e.getAttribute(`title`)];for(let e of i){let t=f(e);if(t)return t}return``}function m(e){for(let t of[e,...e.querySelectorAll(u)])if(t.tabIndex>=0&&!t.disabled)return t;return null}function h(e,t,n){let r=(e.getAttribute(`aria-describedby`)||``).split(/\s+/).filter(e=>e&&e!==t);n&&r.push(t),r.length>0?e.setAttribute(`aria-describedby`,r.join(` `)):e.removeAttribute(`aria-describedby`)}function g(e,t){let n=e.querySelector(`.${s}`),r=e.querySelector(`.wui-tour-text`)?.id,i=r?`${r.replace(/-text$/,``)}-hint`:``;t?(n||(n=e.ownerDocument.createElement(`p`),n.className=s,i&&(n.id=i),e.querySelector(`.wui-tour-actions`).before(n)),n.textContent=t,i&&h(e,i,!0)):(n?.remove(),i&&h(e,i,!1))}function _(e,t){let n=e.querySelector(`.${c}`);if(!t){n?.remove();return}if(n)return;let r=e.ownerDocument.createElement(`span`);r.className=c,r.setAttribute(`aria-hidden`,`true`),e.append(r)}var ee=e=>getComputedStyle(e).animationName;function v(e,{layer:t,spot:n,card:r},i,a){let s=d(i,a);t.toggleAttribute(o,s&&!(t.getRootNode()instanceof ShadowRoot)),n.hasAttribute(o)&&(n.removeAttribute(o),s&&ee(n)),s&&n.setAttribute(o,``),_(n,s);let c=r.querySelector(`.wui-tour-next`);c.classList.toggle(`btn-primary`,!s),c.classList.toggle(`btn-link`,s);let u=s?f(i.actionLabel)||p(a):``,m=e.getAttribute(`advance-label`)||l,h=u?m.replace(/\{actionName\}/g,()=>u):``;return g(r,h),h}function te(e,t,n){if(!d(e,t))return()=>{};let r=null,i=()=>{r??=setTimeout(n,0)};return t.addEventListener(`click`,i),()=>{t.removeEventListener(`click`,i),clearTimeout(r)}}function ne(e,t,n,r){return e.contains(r)||d(t,n)&&n.contains(r)}function re(e,{card:t,active:n,step:r,target:i}){let a=Array.from(t.querySelectorAll(`button`)).filter(e=>!e.hidden),o=d(r,i)?m(i):null;o&&a.push(o);let s=a.findIndex(e=>e===n||e===o&&i.contains(n));e.preventDefault(),a[s===-1?e.shiftKey?a.length-1:0:(s+(e.shiftKey?-1:1)+a.length)%a.length].focus()}var y=2/3,b=1e3,ie=/* @__PURE__ */ new Set([`top`,`left`,`width`,`height`]),x=/* @__PURE__ */ new WeakMap,S=(e,t)=>typeof e.getAnimations==`function`?e.getAnimations().filter(t):[],C=e=>e.transitionProperty===`opacity`,ae=e=>ie.has(e.transitionProperty),oe=e=>typeof e.animationName==`string`&&e.animationName.startsWith(`wui-tour-`);function w(e){return e.length===0?null:new Promise(t=>{let n=setTimeout(t,b);Promise.allSettled(e.map(e=>e.finished)).then(()=>{clearTimeout(n),t()})})}function se(e){let t=e.parentElement?.querySelector(`:scope > .wui-tour-spot`),n=0;for(let e of t?S(t,ae):[]){let t=e.effect?.getComputedTiming?.();if(typeof t?.duration!=`number`)continue;let r=typeof e.currentTime==`number`?e.currentTime:0;n=Math.max(n,(t.delay??0)+t.duration*y-r)}return n}function T(e){let t=se(e);t>0?e.style.setProperty(`--wui-tour-card-delay`,`${Math.round(t)}ms`):e.style.removeProperty(`--wui-tour-card-delay`),e.dataset.state=`entering`;let n={};x.set(e,n);let r=()=>{x.get(e)===n&&e.dataset.state===`entering`&&(e.dataset.state=`shown`)},i=S(e,oe);i.length===0?r():Promise.allSettled(i.map(e=>e.finished)).then(r)}function E(e){return e.dataset.state=`leaving`,w(S(e,C))}function D(e){let t=e.classList.contains(`wui-tour-layer`)?e:e.shadowRoot?.querySelector(`.wui-tour-layer`);t&&(t.dataset.state=`leaving`);let n=t?w(S(t,C)):null;n?(e.setAttribute(`inert`,``),n.then(()=>e.remove())):e.remove()}var O=2,k=12,A=8,j=4,M=20,ce=`(max-width: 575.98px)`,le=[`bottom`,`top`,`right`,`left`],N=[`top-left`,`top-right`,`bottom-right`,`bottom-left`],P,F=(e,t,n)=>Math.max(t,Math.min(e,n)),I=(e,t,n,r)=>(Math.max(e,n)+Math.min(t,r))/2;function L(e,t){if(!t?.scrollIntoView)return;e.style.maxHeight=``;let n=U(e),r=e.offsetHeight+k;if(t.getBoundingClientRect().height+4+r*2<=n.bottom-n.top){t.scrollIntoView({block:`center`,inline:`nearest`});return}let i=t.style.scrollMarginTop;t.style.scrollMarginTop=`${n.top+r+O}px`,t.scrollIntoView({block:`start`,inline:`nearest`}),t.style.scrollMarginTop=i}function R(e,t,n){let r=e.style,i=t.style,a=W(t);if(!n){r.top=`50%`,r.left=`50%`,r.width=`0px`,r.height=`0px`,r.boxShadow=`0 0 0 100vmax var(--color-scrim-strong)`;for(let e of N)r.removeProperty(`border-${e}-radius`),r.removeProperty(`corner-${e}-shape`);t.dataset.placement=`center`,a.hidden=!0,i.position=`fixed`,i.top=`50%`,i.left=`50%`,i.transform=`translate(-50%, -50%)`,i.maxHeight=`calc(100vh - 16px)`;return}r.boxShadow=``,i.transform=``,i.position=`fixed`;let o=n.getBoundingClientRect();r.top=`${o.top}px`,r.left=`${o.left}px`,r.width=`${o.width}px`,r.height=`${o.height}px`,z(r,n);let s=t.scrollTop;i.maxHeight=``;let c={width:t.offsetWidth,height:t.offsetHeight},l=U(t),u=l.bottom-l.top,d={bottom:l.bottom-o.bottom-k,top:o.top-k-l.top,right:l.right-o.right-k,left:o.left-k-l.left},f=window.matchMedia(ce).matches,p=le.find(e=>e===`top`||e===`bottom`?c.height<=d[e]+1:!f&&c.width<=d[e]+1&&c.height<=u+1),m=Math.min(o.bottom,l.bottom+A)-Math.max(o.top,l.top-A);p?B(t,a,p,o,l,c):m>=Math.min(c.height,u)+8?V(t,a,o,l,c):H(t,a,d.bottom>=d.top?`bottom`:`top`,o,l,c,d),t.scrollTop=s}function z(e,t){P??=CSS.supports(`corner-top-left-shape`,`squircle`);let n=getComputedStyle(t);for(let t of N)e.setProperty(`border-${t}-radius`,n.getPropertyValue(`border-${t}-radius`)),P&&e.setProperty(`corner-${t}-shape`,n.getPropertyValue(`corner-${t}-shape`))}function B(e,t,n,r,i,a){let o=n===`top`||n===`bottom`,s,c,l;if(o){let e=I(r.left,r.right,i.left,i.right);s=F(e-a.width/2,i.left,i.right-a.width),c=n===`bottom`?r.bottom+k:r.top-k-a.height,l=F(e-s,M,a.width-M)}else{let e=I(r.top,r.bottom,i.top,i.bottom);c=F(e-a.height/2,i.top,i.bottom-a.height),s=n===`right`?r.right+k:r.left-k-a.width,l=F(e-c,M,a.height-M)}e.dataset.placement=n,e.style.top=`${c}px`,e.style.left=`${s}px`,t.hidden=!1,t.style.left=o?`${l-e.clientLeft-t.offsetWidth/2}px`:``,t.style.top=o?``:`${l-e.clientTop-t.offsetHeight/2}px`}function V(e,t,n,r,i){let a=r.bottom-r.top;e.dataset.placement=`overlap`,t.hidden=!0,e.style.maxHeight=i.height>a?`${Math.max(a,0)}px`:``;let o=Math.min(n.bottom,r.bottom)-j;e.style.top=`${Math.max(r.top,o-Math.min(i.height,a))}px`,e.style.left=`${F(n.left+j,r.left,r.right-i.width)}px`}function H(e,t,n,r,i,a,o){let s=Math.max(o[n],0),c=Math.min(a.height,s);e.dataset.placement=n,t.hidden=!0,e.style.maxHeight=a.height>s?`${s}px`:``,e.style.top=`${n===`bottom`?r.bottom+k:r.top-k-c}px`;let l=I(r.left,r.right,i.left,i.right);e.style.left=`${F(l-a.width/2,i.left,i.right-a.width)}px`}function U(e){let t=e.parentElement,n=t?getComputedStyle(t):null,r=e=>Number.parseFloat(n?.[e])||0;return{top:r(`paddingTop`)+A,bottom:window.innerHeight-r(`paddingBottom`)-A,left:r(`paddingLeft`)+A,right:window.innerWidth-r(`paddingRight`)-A}}function W(e){let t=e.querySelector(`:scope > .wui-tour-arrow`);return t||(t=document.createElement(`span`),t.className=`wui-tour-arrow`,t.setAttribute(`aria-hidden`,`true`),t.hidden=!0,e.append(t)),t}var ue=0,de=`btn btn-sm btn-link`;function fe(e,t,i){let a=`wui-tour-end-${++ue}`,o=!!(t.nextLabel&&t.nextHref),s=e.createElement(`div`);if(s.className=`wui-tour-card wui-tour-end`,s.dataset.layout=`center`,o&&(s.dataset.next=``),s.setAttribute(`role`,`dialog`),i&&s.setAttribute(`aria-modal`,`true`),s.tabIndex=-1,s.setAttribute(`aria-labelledby`,`${a}-title`),s.setAttribute(`aria-describedby`,`${a}-message`),s.innerHTML=` <div class="wui-tour-end-mark" aria-hidden="true"><svg viewBox="0 0 24 24" focusable="false"><path d="M5 12.5l4.5 4.5L19 7.5"/></svg></div> <h2 class="wui-tour-title wui-tour-end-title" id="${a}-title"></h2> <p class="wui-tour-text wui-tour-end-message" id="${a}-message"></p> <div class="wui-tour-actions">${o?`<a class="${n(`primary`,`sm`)} wui-tour-end-next" data-wui="${r}"></a>`:``}<button type="button" class="${o?de:n(`primary`,`sm`)} wui-tour-end-button" data-wui="${r}"></button></div>`,s.querySelector(`.wui-tour-end-title`).textContent=t.title,s.querySelector(`.wui-tour-end-message`).textContent=t.message,s.querySelector(`.wui-tour-end-button`).textContent=t.button,o){let e=s.querySelector(`.wui-tour-end-next`);e.textContent=t.nextLabel,e.setAttribute(`href`,t.nextHref)}return s}var pe=e=>e.button===0&&!e.ctrlKey&&!e.metaKey&&!e.shiftKey&&!e.altKey;function me(e,t,n){let r=e.ownerDocument,i=e.getRootNode()===r,a=e.querySelector(`.wui-tour-card:not(.wui-tour-end)`),o=e.querySelector(`.wui-tour-spot`),s=e.querySelector(`[role=status]`),c=fe(r,t,i),l=c.querySelector(`.wui-tour-end-button`),u=c.querySelector(`.wui-tour-end-next`),d=u?[u,l]:[l],f=new AbortController;return new Promise(p=>{let m=e=>{f.abort(),p(e)};if(n?.aborted){m(`done`);return}let h={signal:f.signal};n?.addEventListener(`abort`,()=>m(`done`),h),l.addEventListener(`click`,()=>m(`done`),h),u&&u.addEventListener(`click`,e=>{pe(e)&&(e.preventDefault(),m(`next`))},h),r.addEventListener(`keydown`,e=>{if(!(e.altKey||e.ctrlKey||e.metaKey)){if(e.key===`Escape`)e.preventDefault(),e.stopPropagation(),m(`done`);else if(e.key===`Enter`&&u&&!e.shiftKey&&(e.composedPath?.()[0]??e.target)===u)e.preventDefault(),m(`next`);else if(e.key===`Tab`&&i){e.preventDefault();let t=d.indexOf(r.activeElement),n=t===-1?e.shiftKey?d.length-1:0:(t+(e.shiftKey?-1:1)+d.length)%d.length;d[n].focus()}}},{capture:!0,signal:f.signal}),i&&r.addEventListener(`focusin`,e=>{c.contains(e.target)||d[0].focus()},h);let g=()=>{f.signal.aborted||(a.hidden=!0,R(o,a,null),e.append(c),T(c),s.textContent=[t.title,t.message].filter(Boolean).join(`. `),d[0].focus())},_=E(a);_?_.then(g):g()})}var he=` :host { all: initial; ${Object.entries({"--wui-z-tour":`1550`,"--wui-radius-sm":`8px`,"--wui-radius-lg":`14px`,"--wui-shadow-popover":`0px 8px 28px -6px rgba(7, 20, 55, 0.14)`,"--wui-ease-out":`cubic-bezier(0.22, 1, 0.36, 1)`,"--wui-tour-motion-duration":`200ms`,"--wui-tour-motion-ease":`cubic-bezier(0.22, 1, 0.36, 1)`,"--wui-tour-spot-duration":`240ms`,"--wui-tour-spot-ease":`cubic-bezier(0.32, 0.72, 0, 1)`,"--color-primary":`#4F46E5`,"--color-primary-hover":`#4338CA`,"--color-primary-text":`#4F46E5`,"--color-focus-ring":`#4F46E5`,"--wui-focus-ring-width":`2px`,"--wui-focus-ring-offset":`2px`,"--color-on-primary":`#FFFFFF`,"--color-success-soft":`#E8FAEE`,"--color-success-text":`#0e7531`,"--color-on-scrim":`#FFFFFF`,"--color-scrim-strong":`color-mix(in srgb, #071437 62%, transparent)`,"--color-surface":`#FFFFFF`,"--color-text":`#071437`,"--color-text-muted":`#4B5675`,"--color-border":`#EBEDF3`,"--color-bg-muted":`#F5F6FA`}).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-on-primary); } .btn-primary:hover { background: var(--color-primary-hover); border-color: var(--color-primary-hover); } .btn-outline-neutral { border-color: var(--color-text-muted); color: var(--color-text-muted); } .btn-outline-neutral:hover { background: var(--color-bg-muted); color: var(--color-text); } .btn-link { font-weight: 400; color: var(--color-primary-text); text-decoration: underline; } .btn-link:hover { color: var(--color-primary-hover); } .wui-tour-layer { 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-card { pointer-events: auto; } .wui-tour-layer { position: fixed; inset: 0; z-index: var(--wui-z-tour); } .wui-tour-spot { position: fixed; box-shadow: 0 0 0 2px var(--color-primary), 0 0 4px 2px color-mix(in srgb, var(--color-primary) 30%, transparent), 0 0 0 100vmax var(--color-scrim-strong); pointer-events: none; } .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-popover); } .wui-tour-card:focus { outline: none; } .wui-tour-card:focus-visible { outline: var(--wui-focus-ring-width) solid var(--color-focus-ring); outline-offset: var(--wui-focus-ring-offset); } .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; } @keyframes wui-tour-fade-in { from { opacity: 0; } to { opacity: 1; } } @keyframes wui-tour-card-enter { from { opacity: 0; scale: 0.96; translate: var(--wui-tour-card-lift, 0 6px); } to { opacity: 1; scale: 1; translate: 0 0; } } .wui-tour-layer[data-state=leaving], .wui-tour-card[data-state=leaving] { opacity: 0; } .wui-tour-layer[data-state=leaving], .wui-tour-layer[data-state=leaving] * { pointer-events: none; } @media (prefers-reduced-motion: no-preference) { .wui-tour-layer { animation: wui-tour-fade-in var(--wui-tour-motion-duration) var(--wui-tour-motion-ease); } .wui-tour-layer[data-state=leaving] { transition: opacity var(--wui-tour-motion-duration) var(--wui-tour-motion-ease); } .wui-tour-spot { transition: top var(--wui-tour-spot-duration) var(--wui-tour-spot-ease), left var(--wui-tour-spot-duration) var(--wui-tour-spot-ease), width var(--wui-tour-spot-duration) var(--wui-tour-spot-ease), height var(--wui-tour-spot-duration) var(--wui-tour-spot-ease), border-radius var(--wui-tour-spot-duration) var(--wui-tour-spot-ease); } .wui-tour-spot[data-tracking] { transition: none; } .wui-tour-card { --wui-tour-card-lift: 0 6px; transform-origin: top center; } .wui-tour-card[data-placement=top] { --wui-tour-card-lift: 0 -6px; transform-origin: bottom center; } .wui-tour-card[data-placement=bottom] { --wui-tour-card-lift: 0 6px; transform-origin: top center; } .wui-tour-card[data-placement=left] { --wui-tour-card-lift: -6px 0; transform-origin: right center; } .wui-tour-card[data-placement=right] { --wui-tour-card-lift: 6px 0; transform-origin: left center; } .wui-tour-card[data-placement=overlap], .wui-tour-card[data-placement=center] { --wui-tour-card-lift: 0 0; transform-origin: center; } .wui-tour-card[data-state=entering] { animation: wui-tour-card-enter var(--wui-tour-motion-duration) var(--wui-tour-motion-ease) var(--wui-tour-card-delay, 0ms) both; } .wui-tour-card[data-state=leaving] { transition: opacity calc(var(--wui-tour-motion-duration) / 2) var(--wui-tour-motion-ease); } } @media (prefers-reduced-motion: reduce) { .wui-tour-layer { animation: wui-tour-fade-in 120ms linear; } .wui-tour-layer[data-state=leaving] { transition: opacity 120ms linear; } .wui-tour-card[data-state=entering] { animation: wui-tour-fade-in 120ms linear both; } } .wui-tour-progress-bar { display: flex; gap: 4px; } .wui-tour-progress-segment { flex: 1 1 0; height: 4px; border-radius: 999px; background: var(--color-border); } .wui-tour-progress-segment[data-filled] { background: var(--color-primary); } .wui-tour-position { margin: 0; font-size: 12px; color: var(--color-text-muted); } .wui-tour-layer { padding: env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px); } .wui-tour-card:has(.wui-tour-arrow:not([hidden])) { overflow: visible; } .wui-tour-arrow { position: absolute; width: 8px; height: 8px; background: var(--color-surface); border: 1px solid var(--color-border); rotate: 45deg; pointer-events: none; } .wui-tour-card[data-placement=bottom] .wui-tour-arrow { top: -5px; border-right-color: rgba(0, 0, 0, 0); border-bottom-color: rgba(0, 0, 0, 0); } .wui-tour-card[data-placement=top] .wui-tour-arrow { bottom: -5px; border-top-color: rgba(0, 0, 0, 0); border-left-color: rgba(0, 0, 0, 0); } .wui-tour-card[data-placement=right] .wui-tour-arrow { left: -5px; border-top-color: rgba(0, 0, 0, 0); border-right-color: rgba(0, 0, 0, 0); } .wui-tour-card[data-placement=left] .wui-tour-arrow { right: -5px; border-bottom-color: rgba(0, 0, 0, 0); border-left-color: rgba(0, 0, 0, 0); } @media (max-width: 575.98px) { .wui-tour-card { width: calc(100vw - 16px); } .wui-tour-actions .btn { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; } } .wui-tour-media { position: relative; order: -1; flex: none; aspect-ratio: 16/9; margin: -16px -16px 4px; overflow: hidden; background: var(--color-border); } .wui-tour-media>img, .wui-tour-media>video { display: block; width: 100%; height: 100%; object-fit: cover; } .wui-tour-card[data-welcome] { width: min(420px, 100vw - 16px); } .wui-tour-media-toggle { position: absolute; inset-block-end: 8px; inset-inline-end: 8px; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 50%; background: var(--color-scrim-strong); color: var(--color-on-scrim); cursor: pointer; } .wui-tour-media-toggle>svg { width: 20px; height: 20px; fill: currentColor; } .wui-tour-media-toggle:focus-visible { outline: 2px solid var(--color-on-scrim); outline-offset: 2px; } .wui-tour-layer[data-advance] { pointer-events: none; } .wui-tour-layer[data-advance]:not([data-state=leaving]) .wui-tour-card { pointer-events: auto; } .wui-tour-layer[data-advance]:not([data-state=leaving]) .wui-tour-spot::before { content: ""; position: absolute; inset: -100vmax; pointer-events: auto; clip-path: polygon(evenodd, 0 0, 100% 0, 100% 100%, 0 100%, 0 0, 100vmax 100vmax, calc(100% - 100vmax) 100vmax, calc(100% - 100vmax) calc(100% - 100vmax), 100vmax calc(100% - 100vmax), 100vmax 100vmax); } .wui-tour-hint { margin: 0; font-size: 14px; font-weight: 600; color: var(--color-text); } .wui-tour-pointer { position: absolute; top: 50%; left: 50%; width: 18px; height: 24px; pointer-events: none; } .wui-tour-pointer::before { content: ""; position: absolute; inset: 0; background: var(--color-primary); clip-path: polygon(0 0, 0 75%, 28% 58%, 46% 100%, 62% 92%, 45% 52%, 85% 52%); filter: drop-shadow(1px 0 0 var(--color-surface)) drop-shadow(-1px 0 0 var(--color-surface)) drop-shadow(0 1px 0 var(--color-surface)) drop-shadow(0 -1px 0 var(--color-surface)); } .wui-tour-pointer::after { content: ""; position: absolute; top: -16px; left: -16px; width: 32px; height: 32px; border-radius: 50%; background: var(--color-primary); opacity: 0; display: none; } @media (max-width: 575.98px) { .wui-tour-pointer { width: 24px; height: 24px; translate: -50% -50%; } .wui-tour-pointer::before { clip-path: none; border-radius: 50%; box-shadow: 0 0 0 2px var(--color-surface); filter: none; } .wui-tour-pointer::after { top: -4px; left: -4px; } } @keyframes wui-tour-tap { 0% { opacity: 0; transform: translate(56px, 44px) scale(1); } 10% { opacity: 1; transform: translate(56px, 44px) scale(1); } 45% { transform: translate(0, 0) scale(1); } 52% { transform: translate(0, 0) scale(0.86); } 60% { transform: translate(0, 0) scale(1); } 85% { opacity: 1; transform: translate(0, 0) scale(1); } 100% { opacity: 0; transform: translate(0, 0) scale(1); } } @keyframes wui-tour-ripple { 0%, 50% { opacity: 0; transform: scale(0.2); } 52% { opacity: 0.35; transform: scale(0.2); } 80%, 100% { opacity: 0; transform: scale(1); } } @media (prefers-reduced-motion: no-preference) { .wui-tour-pointer { opacity: 0; animation: wui-tour-tap calc(var(--wui-duration-slow) * 6) var(--wui-ease-out) var(--wui-tour-spot-duration) infinite; } .wui-tour-pointer::after { display: block; animation: wui-tour-ripple calc(var(--wui-duration-slow) * 6) var(--wui-ease-out) var(--wui-tour-spot-duration) infinite; } } @keyframes wui-tour-check { from { stroke-dashoffset: 24; } to { stroke-dashoffset: 0; } } .wui-tour-end[data-layout=center] { --wui-tour-card-lift: 0 0; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); transform-origin: center; align-items: center; gap: 8px; width: min(420px, 100vw - 16px); max-height: calc(100vh - 16px); padding: 24px; text-align: center; } .wui-tour-end[data-layout=center] .wui-tour-actions { justify-content: center; margin-top: 8px; } .wui-tour-end[data-layout=center][data-next] .wui-tour-actions { flex-direction: column; align-items: stretch; width: 100%; gap: var(--wui-space-xs); } .wui-tour-end-mark { display: inline-flex; flex: none; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 50%; background: var(--color-success-soft); color: var(--color-success-text); } .wui-tour-end-mark>svg { width: 26px; height: 26px; } .wui-tour-end-mark path { fill: none; stroke: currentColor; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 24; } .wui-tour-end-title { font-size: 18px; } .wui-tour-end-message { text-wrap: balance; } .wui-tour-end-next { text-wrap: balance; } .wui-tour-end-button { min-width: 120px; } @media (prefers-reduced-motion: no-preference) { .wui-tour-end-mark path { animation: wui-tour-check 300ms var(--wui-ease-out) calc(var(--wui-tour-card-delay, 0ms) + 120ms) both; } } `,G=`wui-tour-media`,ge=`wui-tour-media-toggle`,K=`http://www.w3.org/2000/svg`,_e=`M6 5h4v14H6zM14 5h4v14h-4z`,ve=`M8 5v14l11-7z`,ye={pause:`Pause animation`,play:`Play animation`},be=()=>globalThis.matchMedia?.(`(prefers-reduced-motion: reduce)`)?.matches===!0;function xe(e){let t=document.createElementNS(K,`svg`);t.setAttribute(`viewBox`,`0 0 24 24`),t.setAttribute(`aria-hidden`,`true`),t.setAttribute(`focusable`,`false`);let n=document.createElementNS(K,`path`);return n.setAttribute(`d`,e),t.appendChild(n),t}function Se(e){let t=document.createElement(`img`);return t.setAttribute(`alt`,e.mediaAlt??``),t.setAttribute(`width`,`1280`),t.setAttribute(`height`,`720`),t.setAttribute(`loading`,`lazy`),t.setAttribute(`decoding`,`async`),t.setAttribute(`src`,e.media),t}function Ce(e,t){let n=document.createElement(`video`);return n.muted=!0,n.setAttribute(`muted`,``),n.loop=!0,n.setAttribute(`playsinline`,``),t&&n.setAttribute(`autoplay`,``),n.setAttribute(`preload`,t?`auto`:`metadata`),e.mediaAlt&&n.setAttribute(`aria-label`,e.mediaAlt),e.mediaPoster&&n.setAttribute(`poster`,e.mediaPoster),n.setAttribute(`src`,e.media),n}function we(e,t){let n=document.createElement(`button`);n.type=`button`,n.className=ge;let r=(r=!e.paused)=>{n.setAttribute(`aria-label`,r?t.pause:t.play),n.replaceChildren(xe(r?_e:ve))};return e.addEventListener(`play`,()=>r()),e.addEventListener(`pause`,()=>r()),n.addEventListener(`click`,()=>{e.paused?e.play()?.catch(()=>r()):e.pause()}),r(e.hasAttribute(`autoplay`)),n}function Te(e){let t=e.querySelector(`:scope > .${G}`);if(!t)return;let n=t.querySelector(`video`);n&&(n.pause(),n.removeAttribute(`src`),n.load()),t.remove()}function Ee(e,t,n=ye){if(Te(e),!t.media){e.removeAttribute(`data-media`);return}let r=document.createElement(`div`);if(r.className=G,t.mediaType===`video`){let e=Ce(t,!be());r.append(e,we(e,n))}else r.appendChild(Se(t));e.prepend(r),e.setAttribute(`data-media`,t.target?`step`:`welcome`)}var De=`Step {current} of {total}`;function Oe(e){let t=/* @__PURE__ */ new Set;return{drop:e=>{t.add(e)},position:e=>{t.delete(e);let n=0;for(let r of t)r<e&&n++;return e+1-n},total:()=>e-t.size}}function ke(e,t,n){return(e.getAttribute(`progress-label`)||De).replace(/\{(current|total)\}/g,(e,r)=>String(r===`current`?t:n))}function Ae(e,{text:t,position:n,total:r}){let i=e.querySelector(`.wui-tour-position`);i.textContent=t;let a=e.querySelector(`.wui-tour-progress-bar`);if(!a){let t=e.ownerDocument,n=t.createElement(`div`);n.className=`wui-tour-progress`,n.setAttribute(`aria-hidden`,`true`),a=t.createElement(`div`),a.className=`wui-tour-progress-bar`,n.append(a),i.before(n)}let o=a.children;for(;o.length<r;){let t=e.ownerDocument.createElement(`span`);t.className=`wui-tour-progress-segment`,a.append(t)}for(;o.length>r;)a.lastElementChild.remove();for(let e=0;e<o.length;e++)o[e].toggleAttribute(`data-filled`,e<n)}var je=`wui-tour-step`,Me=`wui-tour-host`,Ne=`wui-tour-seen:`,q=`data-tracking`,Pe={back:`Back`,next:`Next`,skip:`Skip`,done:`Done`,mediaPause:`Pause animation`,mediaPlay:`Play animation`,endTitle:`You're all set`,endMessage:`You know your way around now. Enjoy exploring.`,endButton:`Done`},Fe={back:`back-label`,next:`next-label`,skip:`skip-label`,done:`done-label`,mediaPause:`media-pause-label`,mediaPlay:`media-play-label`,endTitle:`end-title`,endMessage:`end-message`,endButton:`end-button`},Ie=[[`media`,`media`],[`mediaAlt`,`media-alt`],[`mediaPoster`,`media-poster`],[`mediaType`,`media-type`],[`advanceOn`,`advance-on`],[`actionLabel`,`action-label`]],J={index:null,position:null,total:null},Le=0;function Y(e=Ne,t=globalThis.localStorage){return{isSeen:async n=>t.getItem(e+n)===`1`,markSeen:async n=>{t.setItem(e+n,`1`)}}}var X=e=>!e?.isConnected||getComputedStyle(e).visibility===`hidden`?!1:e.getClientRects().length>0,Z=e=>!!e&&(e.isContentEditable||/^(INPUT|TEXTAREA|SELECT)$/.test(e.tagName)),Q=()=>{let e=document.activeElement;for(;e?.shadowRoot?.activeElement;)e=e.shadowRoot.activeElement;return e},$=null;function Re(e){$||($=new CSSStyleSheet,$.replaceSync(he)),e.adoptedStyleSheets=[$]}var ze=class extends i{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,this._unbindAdvance=null,this._ending=null,this._seenMark=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 > ${je}`),e=>{let t={target:e.getAttribute(`target`)||``,title:e.getAttribute(`title`)||void 0,description:e.textContent.trim()};for(let[n,r]of Ie)e.hasAttribute(r)&&(t[n]=e.getAttribute(r));return t})}_store(){return this.seenStore?this.seenStore:this.getAttribute(`seen-store`)===`local`?Y():globalThis.window?.WUI?.tour?.seenStore||null}_label(e){return this.getAttribute(Fe[e])||Pe[e]}_endDialogText(){if(this.getAttribute(`end-dialog`)===`false`)return null;let e=(this.getAttribute(`end-next-label`)??``).trim(),t=(this.getAttribute(`end-next-href`)??``).trim();return{title:this._label(`endTitle`),message:this._label(`endMessage`),button:this._label(`endButton`),nextLabel:e,nextHref:t}}_markSeen(e){let t=this._store();return t?t.markSeen(this.tourId,e):null}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(),this._progress=Oe(this._steps.length);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}for(let[e,t]of this._steps.entries())t.target&&!X(document.querySelector(t.target))&&this._progress.drop(e);this._returnFocus=document.activeElement;let n=await this._locate(0,1,e);e===this._run&&(n?(this._firstIndex=n.index,this.dispatchEvent(new CustomEvent(`wui-tour:start`,{bubbles:!0,detail:{total:this._progress.total()}})),e===this._run&&(this._build(),this._show(n))):this._finish(`noTargets`))}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(X(t))return this._progress.position(i),{index:i,target:t};this._progress.drop(i)}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 t=`wui-tour-${++Le}`,i=document.createElement(`div`);i.className=`wui-tour-layer`,i.innerHTML=` <div class="wui-tour-spot" aria-hidden="true"></div> <div class="wui-tour-card" role="dialog" aria-modal="true" tabindex="-1" aria-labelledby="${t}-title" aria-describedby="${t}-text"> <p class="wui-tour-position"></p> <h2 class="wui-tour-title" id="${t}-title"></h2> <p class="wui-tour-text" id="${t}-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="${n(`outline-secondary`,`sm`)} wui-tour-back" data-wui="${r}"></button> <button type="button" class="${n(`primary`,`sm`)} wui-tour-next" data-wui="${r}"></button> </div> </div> </div> <div class="visually-hidden" role="status" aria-live="polite"></div>`;let o=i;this._shadow=null,this.isolated&&(o=document.createElement(Me),this._shadow=o.attachShadow({mode:`open`}),Re(this._shadow),this._shadow.appendChild(i)),document.body.appendChild(o),document.documentElement.setAttribute(a,``),this._outer=o,this._layer=i,this._spot=i.querySelector(`.wui-tour-spot`),this._card=i.querySelector(`.wui-tour-card`),this._live=i.querySelector(`[role=status]`),this._card.querySelector(`.wui-tour-skip`).addEventListener(`click`,()=>this._close(`skipped`,`button`)),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=>{if(!this._layer||this._ending)return;let t=this._current,n=t?this._steps[t.index]:null;ne(this._layer,n,t?.target??null,e.target)||this._card.focus()},document.addEventListener(`keydown`,this._onKey,!0),this._shadow||document.addEventListener(`focusin`,this._onFocusIn),e(o,()=>this._follow())}_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._card,a=this._progress.position(t),o=this._progress.total(),s=a===o&&!this._endDialogText(),c=ke(this,a,o);Ae(i,{text:c,position:a,total:o}),Ee(i,r,{pause:this._label(`mediaPause`),play:this._label(`mediaPlay`)}),i.toggleAttribute(`data-welcome`,!n);let l=v(this,{layer:this._layer,spot:this._spot,card:i},r,n),u=i.querySelector(`.wui-tour-title`);u.textContent=r.title||``,u.hidden=!r.title,i.querySelector(`.wui-tour-text`).textContent=r.description||``,i.querySelector(`.wui-tour-skip`).textContent=this._label(`skip`),i.querySelector(`.wui-tour-back`).textContent=this._label(`back`),i.querySelector(`.wui-tour-back`).hidden=t<=this._firstIndex,i.querySelector(`.wui-tour-next`).textContent=this._label(s?`done`:`next`);let d=[c,r.title,r.description].filter(Boolean).join(`. `);this._live.textContent=l?[d,l].join(/[.!?]$/.test(d)?` `:`. `):d,L(i,n),this._spot.removeAttribute(q),this._place(),T(i),this._unbindAdvance?.(),this._unbindAdvance=te(r,n,()=>this._move(1));let f=this._active();(i.contains(f)?!f.hidden:this._shadow!==null&&Z(Q()))||i.focus(),this.dispatchEvent(new CustomEvent(`wui-tour:step`,{bubbles:!0,detail:{step:r,index:t,position:a,total:o}}))}_place(){this._current&&this._layer&&R(this._spot,this._card,this._current.target)}_follow(){if(!this._current||!this._layer||this._ending)return;let e=this._spot.style.cssText;this._place(),this._spot.style.cssText!==e&&this._spot.setAttribute(q,``)}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;if(r){let e=E(this._card);if(e&&await e,n!==this._run)return;this._show(r)}else if(t>0){let e=this._endDialogText(),t=e?await this._showEnd(e):`done`;if(n!==this._run)return;let r=await this._close(t===`next`?`next`:`finished`);t===`next`&&r&&this.ownerDocument.defaultView.location.assign(e.nextHref)}}finally{this._moving=!1}}_showEnd(e){return this._unbindAdvance?.(),this._unbindAdvance=null,v(this,{layer:this._layer,spot:this._spot,card:this._card},null,null),this._spot.removeAttribute(q),this._ending=new AbortController,this._seenMark=this._markSeen(`finished`),me(this._layer,e,this._ending.signal)}_key(e){if(!(!this._layer||this._ending||e.altKey||e.ctrlKey||e.metaKey)){if(e.key===`Escape`)e.preventDefault(),e.stopPropagation(),this._close(`skipped`,`escape`);else if(e.key===`ArrowRight`||e.key===`ArrowLeft`){if(Z(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{index:t,target:n}=this._current;re(e,{card:this._card,active:this._active(),step:this._steps[t],target:n})}}}_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;this._unbindAdvance?.(),this._unbindAdvance=null,this._ending?.abort(),this._ending=null,this._seenMark=null,t(this._outer),D(this._outer),document.documentElement.removeAttribute(a),this._outer=null,this._shadow=null,this._layer=null,this._current=null;let n=this._returnFocus;this._returnFocus=null,e&&n?.isConnected&&n.focus?.()}async _close(e,t=null){let n=this._run,r=this._current,i=r?{index:r.index,position:this._progress.position(r.index),total:this._progress.total()}:J,a=this._seenMark;this._teardown();let o=e===`next`?`finished`:e,s=!1;try{n===this._run&&await(a??this._markSeen(o)),s=n===this._run}finally{this._finish(e,i,t)}return s}_finish(e,t=J,n=null){this._run++,this._running=!1,this.hasAttribute(`open`)&&this.removeAttribute(`open`),this.dispatchEvent(new CustomEvent(`wui-tour:close`,{bubbles:!0,detail:{reason:e,...t,via:n}}))}};export{Y as n,ze as t};

package/dist/WuiWizardStep-BI6ClNdF.js

@@ -0,0 +1 @@
+import{t as e}from"./elementBase-DV9IZZCu.js";import{n as t}from"./devWarn-DXdRWZs3.js";import{n,t as r}from"./buttonClass-DpG9WzgJ.js";import{t as i}from"./iconGlyphs.g-gURMSeyB.js";import{n as a}from"./stepperHeader-yinJ_7Dk.js";var o=`wui-wizard-step`,s=`:scope > [data-wui-glyphs]`,c={done:`Done`,active:`Current`,pending:`To do`,error:`Error`,skipped:`Skipped`},l=[`data-nav`,`data-step`,`data-close`],u=/* @__PURE__ */ new WeakSet,d=class extends e{static get observedAttributes(){return[`active`,`variant`,`orientation`,`align`,`icon-size`,`non-linear`,`hide-stepper`,`hide-connectors`,`disabled`,`skippable`,`label`,`back-label`,`next-label`,`skip-label`,`finish-label`,`top-bar`,`bar-title`,`close-label`]}constructor(){super(),this._active=0,this._skipped=/* @__PURE__ */ new Set,this._invalid=/* @__PURE__ */ new Set,this._finished=!1,this._rendered=!1,this._reflecting=!1,this._beforeNext=null,this._header=null,this._footer=null,this._topBar=null,this._onTopBarClick=e=>{e.target.closest(`[data-close]`)&&this.dispatchEvent(new CustomEvent(`wui-wizard:close`,{detail:{index:this._active},bubbles:!0}))},this._known=[],this._observer=null,this._glyphs=null,this._glyphObserver=null}get active(){return this._active}set active(e){let t=Number.parseInt(e,10);Number.isFinite(t)&&this._go(t,`set`)}get beforeNext(){return this._beforeNext}set beforeNext(e){this._beforeNext=typeof e==`function`?e:null}get _steps(){return[...this.querySelectorAll(`:scope > ${o}`)]}refresh(){this._rendered&&this._renderChrome()}connectedCallback(){if(this._rendered)this._wire(),this._onStepsMutated();else{let e=Number.parseInt(this.getAttribute(`active`),10);this._active=Number.isFinite(e)&&e>=0?e:0,this.render()}}disconnectedCallback(){this._teardown()}attributeChangedCallback(e,t,n){if(this._rendered&&!this._reflecting){if(e===`active`){let e=Number.parseInt(n,10);Number.isFinite(e)&&this._go(e,`set`)}else this._renderChrome()}}render(){let e=this._steps;this._header||(this._header=document.createElement(`nav`),this._header.className=`stepper wizard-stepper`,this._footer=document.createElement(`div`),this._footer.className=`form-actions wizard-footer form-actions-between`,e.length?(this.insertBefore(this._header,e[0]),e[e.length-1].after(this._footer)):(this.prepend(this._header),this.append(this._footer))),this._known=e,this._renderChrome(),this._rendered=!0,this._wire()}_renderChrome(){let e=this._reconcileSteps();this._placeChrome(e),this._clampActive(e),this._syncPanels(e);let t=this._focusedControl();this._syncTopBar(e),this._header.innerHTML=this._headerHtml(e),this._footer.innerHTML=this._footerHtml(e),this._header.hidden=this.hasAttribute(`hide-stepper`),this._restoreFocus(t)}_focusedControl(){let e=document.activeElement;if(!e||![this._topBar,this._header,this._footer].some(t=>t?.contains(e)))return null;let t=l.find(t=>e.hasAttribute(t));return t?{attr:t,value:e.getAttribute(t)}:null}_restoreFocus(e){if(e)for(let t of[this._topBar,this._header,this._footer]){let n=t&&[...t.querySelectorAll(`[${e.attr}]`)].find(t=>t.getAttribute(e.attr)===e.value);if(n){n.disabled||n.focus({preventScroll:!0});return}}}_syncTopBar(e){if(!this.hasAttribute(`top-bar`)){this._topBar?.removeEventListener(`click`,this._onTopBarClick),this._topBar?.remove(),this._topBar=null;return}this._topBar||(this._topBar=document.createElement(`div`),this._topBar.className=`wui-wizard-topbar`,this._rendered&&this._topBar.addEventListener(`click`,this._onTopBarClick)),this._header.previousElementSibling!==this._topBar&&this.insertBefore(this._topBar,this._header);let t=this.getAttribute(`bar-title`)||``,n=this.getAttribute(`close-label`)||`Close`,r=e.length?`<span class="wui-wizard-topbar-count">Step ${this._active+1} of ${e.length}</span>`:``;this._topBar.innerHTML=`<span class="wui-wizard-topbar-title">${p(t)}</span>${r}<button type="button" class="wui-wizard-topbar-close" data-close aria-label="${m(n)}">${this._glyph(`x`)}</button>`}_clampActive(e){let t=Math.max(0,e.length-1);this._active>t&&(this._active=t),this._active<0&&(this._active=0)}_reconcileSteps(){let e=this._steps,t=this._known;if(this._known=e,f(e,t))return e;let n=n=>new Set([...n].map(n=>e.indexOf(t[n])).filter(e=>e>=0));this._skipped=n(this._skipped),this._invalid=n(this._invalid);let r=t[this._active];if(!r)return e;let i=e.indexOf(r);if(i<0){let n=t=>e.includes(t),r=t.slice(this._active+1).find(n)??t.slice(0,this._active).reverse().find(n);i=r?e.indexOf(r):this._active}return i=Math.min(i,Math.max(0,e.length-1)),i!==this._active&&(this._active=i,this._reflectActive(i)),e}_placeChrome(e){if(!e.length)return;let t=e[e.length-1];this._header.nextElementSibling!==e[0]&&this.insertBefore(this._header,e[0]),this._footer.previousElementSibling!==t&&t.after(this._footer)}_onStepsMutated(){if(!this._rendered)return;let e=this._steps,t=!e.length||this._header.nextElementSibling===e[0]&&this._footer.previousElementSibling===e[e.length-1];this.querySelector(s)!==this._glyphs&&(this._watchGlyphs(),this._renderHeader()),t&&f(e,this._known)||(this._renderChrome(),this._observer?.takeRecords())}_syncPanels(e){e.forEach((e,t)=>{let n=t===this._active;e.classList.add(`wizard-panel`),e.hidden=!n,e.setAttribute(`role`,`tabpanel`),e.setAttribute(`aria-hidden`,n?`false`:`true`)})}_stepStatus(e,t){return e.getAttribute(`status`)||(this._invalid.has(t)?`error`:this._finished?`done`:t===this._active?`active`:t<this._active?this._skipped.has(t)?`skipped`:`done`:`pending`)}_headerHtml(e){let n=this.getAttribute(`variant`)===`journey`,r=this.getAttribute(`variant`)===`icons`,i=this.getAttribute(`variant`)===`tiles`,o=this.getAttribute(`orientation`)===`vertical`,s=!this.hasAttribute(`hide-connectors`),l=this.getAttribute(`align`)===`start`;this._header.className=[`stepper`,`wizard-stepper`,n&&`stepper-journey`,r&&`stepper-icons`,i&&`wui-step-tiles`,o&&`stepper-vertical`,!s&&`wui-stepper-no-connectors`,l&&`wui-stepper-start`].filter(Boolean).join(` `),this._header.setAttribute(`aria-label`,this.getAttribute(`label`)||`Progress`);let d=this.hasAttribute(`non-linear`);for(let n of e)n.getAttribute(`label`)||u.has(n)||(u.add(n),t(`wui-wizard: a <wui-wizard-step> needs a label attribute; its header segment is empty.`));let f=a(e.map(e=>({label:e.getAttribute(`label`)||``,icon:e.getAttribute(`icon`)||void 0})),{statusOf:t=>this._stepStatus(e[t],t),journey:n,connectors:s}).map(t=>{let a=t.index,o=e[a],s=t.status,l=o.getAttribute(`label`)||``,u=o.getAttribute(`description`)||``,f=a+1,m=t.glyph.icon?this._glyph(t.glyph.icon):String(t.glyph.number),h=t.className,g=t.current?` aria-current="step"`:``,_=d||a<this._active;if(i){let e=`<span class="step-circle">${m}</span><span class="step-text"><span class="step-label">${p(l)}</span><span class="wui-step-tile-state">${c[s]??``}</span></span>`,t=_?`<button type="button" class="wui-step-tile-body" data-step="${a}"${g}>${e}</button>`:`<div class="wui-step-tile-body"${g}>${e}</div>`;return`<li class="${s===`pending`?`wui-step-tile`:`wui-step-tile ${s}`}">${t}</li>`}let v=u?`<span class="step-desc">${p(u)}</span>`:``,y;y=n?`<span class="step-circle">${m}</span><span class="step-text"><span class="step-index">Step ${f}</span><span class="step-label">${p(l)}</span>${v}</span>`:r?`<span class="step-circle">${m}</span><span class="step-index">Step ${f}</span><span class="step-label">${p(l)}</span>${v}`:`<span class="step-circle">${m}</span><span class="step-label">${p(l)}</span>${v}`;let b=_?`<button type="button" class="${h}" data-step="${a}"${g}>${y}</button>`:`<div class="${h}"${g}>${y}</div>`;return t.line?`${b}<span class="step-line${t.line.done?` done`:``}" aria-hidden="true"></span>`:b}).join(``);return i?`<ol>${f}</ol>`:f}_footerHtml(e){let t=this._active,a=e.length-1,o=this.hasAttribute(`disabled`)?` disabled`:``,s=e[t]?.hasAttribute(`optional`)||this.hasAttribute(`skippable`),c=this.getAttribute(`back-label`)||`Back`,l=this.getAttribute(`next-label`)||`Next`,u=this.getAttribute(`skip-label`)||`Skip`,d=this.getAttribute(`finish-label`)||`Finish`;return`${t>0?`<button type="button" class="${n(`soft`,`md`)}" data-nav="back"${o} data-wui="${r}">${i(`arrow-left`,{className:`me-2`})}${p(c)}</button>`:`<span></span>`}<span class="wizard-footer-actions">${s&&t<a?`<button type="button" class="${n(`neutral`,`md`)}" data-nav="skip"${o} data-wui="${r}">${p(u)}</button>`:``}${t<a?`<button type="button" class="${n(`primary`,`md`)}" data-nav="next"${o} data-wui="${r}">${p(l)}${i(`arrow-right`,{className:`ms-2`})}</button>`:`<button type="button" class="${n(`primary`,`md`)}" data-nav="finish"${o} data-wui="${r}">${p(d)}</button>`}</span>`}_wire(){this._teardown(),this._onHeaderClick=e=>{let t=e.target.closest(`[data-step]`);t&&this.contains(t)&&this._stepTo(Number.parseInt(t.dataset.step,10))},this._onFooterClick=e=>{let t=e.target.closest(`[data-nav]`);if(!t||!this.contains(t)||this.hasAttribute(`disabled`))return;let n=t.dataset.nav;n===`back`?this._back():n===`skip`?this._skip():(n===`next`||n===`finish`)&&this._next()},this._header.addEventListener(`click`,this._onHeaderClick),this._footer.addEventListener(`click`,this._onFooterClick),this._topBar?.addEventListener(`click`,this._onTopBarClick),this._observer=new MutationObserver(()=>this._onStepsMutated()),this._observer.observe(this,{childList:!0}),this._watchGlyphs()}_glyph(e){let t=this.querySelector(s),n=t&&[...t.children].find(t=>t.getAttribute(`data-icon`)===e);if(n)return n.outerHTML;let r=Number.parseInt(this.getAttribute(`icon-size`),10);return i(e,r>0?{size:r}:void 0)}_watchGlyphs(){this._glyphObserver?.disconnect(),this._glyphObserver=null,this._glyphs=this.querySelector(s),this._glyphs&&(this._glyphObserver=new MutationObserver(()=>this._renderHeader()),this._glyphObserver.observe(this._glyphs,{childList:!0,subtree:!0,attributes:!0,characterData:!0}))}_renderHeader(){if(!this._rendered)return;let e=this._focusedControl();this._header.innerHTML=this._headerHtml(this._steps),this._restoreFocus(e)}_teardown(){this._header&&this._onHeaderClick&&this._header.removeEventListener(`click`,this._onHeaderClick),this._footer&&this._onFooterClick&&this._footer.removeEventListener(`click`,this._onFooterClick),this._topBar?.removeEventListener(`click`,this._onTopBarClick),this._observer?.disconnect(),this._observer=null,this._glyphObserver?.disconnect(),this._glyphObserver=null}_stepTo(e){this.hasAttribute(`disabled`)||!this.hasAttribute(`non-linear`)&&e>=this._active||this._go(e,`step`)}_back(){this._active>0&&this._go(this._active-1,`back`)}async _next(){this._reconcileSteps();let e=this._active,t=this._steps,n=e>=t.length-1,r=t[e];if(!this.dispatchEvent(new CustomEvent(`wui-wizard:beforechange`,{detail:n?{index:e,next:e,reason:`finish`}:{index:e,next:e+1,reason:`next`},cancelable:!0})))return this._flagInvalid(e);if(this._beforeNext){let i;try{i=await this._beforeNext(e)}catch{i=!1}if(this._reconcileSteps(),t=this._steps,e=t.indexOf(r),e<0)return;if(n=e>=t.length-1,i===!1)return this._flagInvalid(e)}if(this._invalid.delete(e),this._skipped.delete(e),n)return this._finish();this._go(e+1,`next`)}_skip(){let e=this._active,t=this._steps;if(t[e]?.hasAttribute(`optional`)||this.hasAttribute(`skippable`)){if(this._invalid.delete(e),this._skipped.add(e),this.dispatchEvent(new CustomEvent(`wui-wizard:skip`,{detail:{index:e}})),e>=t.length-1)return this._finish();this._go(e+1,`skip`)}}_flagInvalid(e){this._invalid.add(e),this._renderChrome(),this.dispatchEvent(new CustomEvent(`wui-wizard:invalid`,{detail:{index:e}}))}_finish(){this._invalid.delete(this._active),this._finished=!0,this._renderChrome(),this.dispatchEvent(new CustomEvent(`wui-wizard:finish`,{detail:{index:this._active}}))}_go(e,t){let n=this._reconcileSteps(),r=Math.max(0,n.length-1),i=Math.min(Math.max(e,0),r),a=this._active;this._finished=!1,this._invalid.delete(a),this._active=i,this._reflectActive(i),this._renderChrome(),t!==`silent`&&i!==a&&this.dispatchEvent(new CustomEvent(`wui-wizard:change`,{detail:{index:i,previous:a,reason:t}}))}_reflectActive(e){this._reflecting=!0,this.setAttribute(`active`,String(e)),this._reflecting=!1}},f=(e,t)=>e.length===t.length&&e.every((e,n)=>e===t[n]),p=e=>String(e??``).replace(/&/g,`&amp;`).replace(/</g,`&lt;`).replace(/>/g,`&gt;`),m=e=>String(e??``).replace(/&/g,`&amp;`).replace(/"/g,`&quot;`).replace(/</g,`&lt;`),h=class extends e{static get observedAttributes(){return[`label`,`description`,`optional`,`icon`,`status`]}attributeChangedCallback(){let e=this.closest(`wui-wizard`);e&&typeof e.refresh==`function`&&e.refresh()}};export{d as n,h as t};

package/dist/chips-DWyUAUqP.js

@@ -0,0 +1,2 @@
+import{n as e,t}from"./fieldState-D-zQcXUS.js";import{t as n}from"./iconGlyphs.g-gURMSeyB.js";import{a as r,i,n as a,r as o}from"./optionLabel-CjrUbe2a.js";import{t as s}from"./customRule-BE7CusA3.js";import{n as c}from"./WuiSelect-Doosf5WD.js";var l={enter:`Enter`,comma:`,`,space:` `,tab:`Tab`},u={enter:`
+`,comma:`,`,space:` `,tab:`	`},d=e=>l[e],ee=e=>u[e];function te(e,t){let n=[String(e??``)];for(let e of t)n=n.flatMap(t=>t.split(e));return n.map(e=>e.trim()).filter(Boolean)}var ne=(e,t)=>t.some(t=>String(e??``).includes(t)),f=(e,t)=>{let n=document.createElement(e);return n.className=t,n};function p(){let l=null,u=null,p=null,m=null,h=null,g=null,_=null,v=null,y=null,b=null,x=!1,S=()=>l.mode===`tag`,C=()=>Array.isArray(l.value)?l.value.slice():[],w=()=>(l.getAttribute(`separators`)||`enter,comma`).split(`,`).map(e=>e.trim()).filter(Boolean),re=()=>new Set(w().map(d).filter(Boolean)),T=()=>{let e=parseInt(l.getAttribute(`max-tags`),10);return e>0?e:0},E=()=>{let e=T();return e>0&&C().length>=e},D=(e,t)=>!l.hasAttribute(`allow-duplicates`)&&e.some(e=>e.toLowerCase()===t.toLowerCase()),O=e=>(l.options||[]).find(t=>String(t.value)===String(e)),k=e=>{let t=e.trim().toLowerCase();return(l.options||[]).find(e=>String(e.value??``).toLowerCase()===t||i(e).trim().toLowerCase()===t)},A=e=>{for(let t of w()){let n=ee(t)??t;if(ne(e,[n]))return te(e,[n])}return[e.trim()]},j=()=>m?m.value:l._query||``,ie=()=>S()||l.hasAttribute(`allow-custom`),M=()=>l.getAttribute(`placeholder`)||(S()?`Add…`:`Select…`),N=()=>{let e=l.getAttribute(`aria-label`);if(e)return e;let t=l.closest(`label`)?.textContent.trim();if(t)return t;let n=l.id;return(n?[...document.querySelectorAll(`label[for]`)].find(e=>e.htmlFor===n):null)?.textContent.trim()||(S()?`Add tags`:`Select`)},P=()=>{m&&(m.setAttribute(`aria-expanded`,String(!u.menu.hidden)),u.list.id&&m.setAttribute(`aria-controls`,u.list.id),m.setAttribute(`aria-label`,N()))},F=()=>!e(l)&&!l.hasAttribute(`loading`),ae=e=>{x=!0,m.setAttribute(`aria-invalid`,`true`),l.setError(e)},I=()=>{x&&(x=!1,m.removeAttribute(`aria-invalid`),l.setError(null))},L=(e,{quiet:t=!1,strip:n=!1}={})=>{let r=C(),i=r.slice(),a=T(),o=[],c=``,u=!1;for(let t of e){let e=(n?t.trim().replace(/,+$/,``):t).trim();if(!e)continue;if(a&&i.length>=a)break;let r=k(e);if(r){if(r.disabled){o.push(e),c||=r.disabledHint||l.getAttribute(`invalid-message`)||`That option is not available.`;continue}D(i,String(r.value))||i.push(String(r.value));continue}let d=s(l,e);d?(o.push(e),c||=d):D(i,e)||(i.push(e),u=!0)}i.length!==r.length&&(u?l.commit(i,{isCustom:!0}):l.commit(i)),m.value=o.join(`, `),c?t||ae(c):I()},R=e=>{t(l)||L([m.value],e)},z=e=>l.commit(C().filter(t=>t!==e)),oe=()=>{let e=f(`span`,`wui-select-placeholder`);return e.textContent=l.getAttribute(`placeholder`)||`Select…`,e},B=e=>{let t=O(e),s=f(`span`,`chip chip-sm`),c=f(`span`,`chip-label`);if(c.innerHTML=t?o(t):a(e),s.append(c),F()){let a=f(`button`,`chip-remove`);a.type=`button`,a.dataset.remove=e;let o=t?i(t):r(e);a.setAttribute(`aria-label`,`Remove ${o}`),a.innerHTML=n(`x`),s.append(a)}return s};function V(){if(!p)return;p.querySelector(`:scope > .chip-more`)?.remove();let e=[...p.querySelectorAll(`:scope > .chip`)];for(let t of e)t.style.display=``;if(!l.hasAttribute(`collapse-chips`)||!e.length)return;let t=p.clientWidth,n=e=>e.offsetLeft+e.offsetWidth;if(n(e[e.length-1])<=t)return;let r=f(`span`,`chip chip-sm chip-more`);r.textContent=`+${e.length}`,e[e.length-1].after(r);let i=r.offsetWidth+6,a=0;for(let r of e)if(n(r)<=t-i)a+=1;else break;a<1&&(a=1);for(let t=a;t<e.length;t+=1)e[t].style.display=`none`;r.textContent=`+${e.length-a}`}function H(){if(!p)return!1;p.parentNode!==u.value&&u.value.append(p);for(let e of p.querySelectorAll(`:scope > .chip, :scope > .wui-select-placeholder`))e.remove();let e=C(),n=e=>m?p.insertBefore(e,m):p.append(e);S()||m||e.length||n(oe());for(let t of e)n(B(t));return m&&(m.placeholder=S()||!e.length?M():``,m.disabled=l.hasAttribute(`disabled`),m.readOnly=t(l),P()),S()||(g.textContent=(l.getAttribute(`selected-text`)||`{n} selected`).replace(`{n}`,()=>String(e.length)),_.textContent=l.getAttribute(`clear-all-label`)||`Clear all`),V(),!0}function U(e){if(e.key===`Backspace`)return!(m?!j():!j()&&!u.menu.hidden)||!C().length?!1:(e.preventDefault(),z(C().at(-1)),!0);if(!m)return!1;let t=m.value;if(e.key===`Escape`){if(!S())return!1;let n=!u.menu.hidden;return!n&&!t?!1:(n&&(e.preventDefault(),e.stopPropagation()),m.value=``,I(),l.closeMenu({focusControl:!1}),!0)}let n=!S()&&!t.trim(),r=re();return e.key===`Enter`&&r.has(`Enter`)?n||u.list.querySelector(`.is-active`)?!1:(e.preventDefault(),R(),!0):e.key===`,`&&r.has(`,`)?!n&&(e.preventDefault(),R({strip:!0}),!0):e.key===` `&&r.has(` `)&&t.trim()||e.key===`Tab`&&r.has(`Tab`)&&!n?(e.preventDefault(),R(),!0):!1}function W(e){let t=String(e.value);if(S()||m&&!O(t))return L([t]),!0;let n=C();return n.includes(t)?l.commit(n.filter(e=>e!==t)):m?L([t]):l.commit([...n,t]),m?.value&&(m.value=``,I()),!0}function G(e){if(!m)return null;let t=String(e??``).trim().replace(/,+$/,``).trim();if(!t||E()||k(t)||D(C(),t))return null;let n=l.getAttribute(`create-label`)||`Create '{text}'`;return{position:S()?`top`:`bottom`,label:n.replace(`{text}`,()=>t),value:t}}function K(e){let n=e.target.closest?.(`[data-remove]`);if(n){if(t(l))return;e.stopPropagation(),z(n.dataset.remove),m?.focus()}else m&&!t(l)&&m.focus()}function q(){I();let e=m.value.trim();!S()&&e&&u.menu.hidden&&(G(e)||c(l.options||[],e).length)&&l.openMenu()}function J(e){e.preventDefault(),t(l)||L(A(e.clipboardData?.getData(`text/plain`)??``))}function Y(){m.value.trim()&&R({quiet:!0,strip:!0}),l.closeMenu({focusControl:!1})}function X(e){e.relatedTarget&&l.contains(e.relatedTarget)||Y()}function se(){return m?(Y(),!0):!1}function Z(){m.value.trim()&&R({strip:!0})}function Q(){t(l)||l.commit([])}function $(e){e.target!==m&&e.preventDefault()}function ce(e,t,n={}){l=e,u=t,p=f(`div`,`wui-select-chips`),p.addEventListener(`click`,K),u.value.append(p),ie()&&(m=f(`input`,`wui-select-draft`),m.type=`text`,m.setAttribute(`autocomplete`,`off`),m.setAttribute(`role`,`combobox`),m.setAttribute(`aria-autocomplete`,`list`),l.hasAttribute(`required`)&&m.setAttribute(`aria-required`,`true`),b=new MutationObserver(P),b.observe(u.menu,{attributes:!0,attributeFilter:[`hidden`]}),p.append(m),m.value=n.carry?.draft??``,u.input=m,m.addEventListener(`input`,q),m.addEventListener(`paste`,J),m.addEventListener(`blur`,X),p.addEventListener(`mousedown`,$),v=l.closest(`form`),v?.addEventListener(`submit`,Z,!0)),S()||(h=f(`div`,`wui-select-footer`),g=document.createElement(`span`),_=f(`button`,`wui-select-clear-all`),_.type=`button`,_.addEventListener(`click`,Q),h.append(g,_),u.menu.append(h)),typeof ResizeObserver<`u`&&(y=new ResizeObserver(V),y.observe(p)),H()}function le(){p?.removeEventListener(`click`,K),p?.removeEventListener(`mousedown`,$),m&&(m.removeEventListener(`input`,q),m.removeEventListener(`paste`,J),m.removeEventListener(`blur`,X),u.input=null),_&&_.removeEventListener(`click`,Q),v?.removeEventListener(`submit`,Z,!0),v=null,y?.disconnect(),y=null,b?.disconnect(),b=null,h?.remove(),p?.remove(),p=null,m=null,h=null,x=!1}return{mount:ce,onKey:U,onPick:W,renderValue:H,actionRow:G,onQuery:()=>!1,onBlur:se,teardown:le}}export{p as default};

package/dist/country-3uo7no9r.js

@@ -0,0 +1 @@
+import{t as e}from"./countries-CvmZ2xpG.js";var t=/^\+?\d+$/,n=e=>String(e??``).split(`,`).map(e=>e.trim().toUpperCase()).filter(Boolean),r=t=>{let r=n(t.getAttribute(`countries`)),i=r.length?new Set(r):null,a=e.filter(([e])=>!i||i.has(e)),o=new Map(a.map(e=>[e[0],e])),s=[...new Set(n(t.getAttribute(`suggested`)))].map(e=>o.get(e)).filter(Boolean);if(!s.length)return a.map(e=>({tuple:e,group:null}));let c=new Set(s.map(e=>e[0])),l=t.getAttribute(`suggested-label`)||`Suggested`,u=t.getAttribute(`all-countries-label`)||`All countries`;return[...s.map(e=>({tuple:e,group:l})),...a.filter(e=>!c.has(e[0])).map(e=>({tuple:e,group:u}))]},i=({tuple:[e,t,n],group:r})=>({value:e,label:t,flag:e,meta:`+${n}`,...r?{group:r}:{}}),a=([,e,n],r)=>r?t.test(r)?n.startsWith(r.replace(`+`,``)):e.toLowerCase().includes(r):!0;function o(){let e,t=[];return{mount(n){e=n,t=r(n),n.setPartOptions(t.map(i))},onQuery(n){let r=n.trim().toLowerCase();return e.setPartOptions(t.filter(e=>a(e.tuple,r)).map(i)),!0},teardown(){}}}export{o as default};

package/dist/customRule-BE7CusA3.js

@@ -0,0 +1 @@
+import{n as e}from"./devWarn-DXdRWZs3.js";var t=/* @__PURE__ */ new Map,n=n=>{if(t.has(n))return t.get(n);let r=null;try{r=RegExp(`^(?:${n})$`,`u`)}catch{e(`<wui-select> pattern is not a valid regular expression and is ignored: ${n}`)}return t.set(n,r),r},r=(e,t)=>{let r=e.getAttribute(`invalid-message`)||`Enter a valid value.`,i=e.getAttribute(`pattern`);if(i){let e=n(i);if(e&&!e.test(t))return r}let a=e.validate;if(typeof a!=`function`)return``;let o=a(t);return o===!0?``:typeof o==`string`&&o?o:r};export{r as t};

package/dist/drawerDiscard-BFrHUxca.js

@@ -0,0 +1 @@
+import{n as e,t}from"./buttonClass-DpG9WzgJ.js";import{t as n}from"./loader-D5dqed_u.js";import{n as r,t as i}from"./devWarn-DXdRWZs3.js";import{l as a,s as o}from"./wuiHttp-DgnM7K2Q.js";import{E as s,k as c,r as l,w as u,y as ee}from"./dataTable-BGZc5iC1.js";import{t as d}from"./iconGlyphs.g-gURMSeyB.js";import{LIST_QUERY_RESERVED as te,SEARCH_PARAM as f}from"./listQuery.js";function p(e,t){e&&(e.tip?.isConnected?(t.addEventListener(`hidden${e.constructor.EVENT_KEY}`,()=>e.dispose(),{once:!0}),e.hide()):e.dispose())}var m=`wui-remote-modal`,h=`wui-remote-drawer`,g=Object.freeze({sm:360,md:480,lg:640,xl:720}),_=`wui-modal-fullscreen`,v=Object.freeze({sm:380,md:440,lg:640,xl:880}),y=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.`}),b=`a[href],button:not([disabled]),input:not([disabled]):not([type="hidden"]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex="-1"])`,ne=`input:not([type="hidden"]):not([disabled]),select:not([disabled]),textarea:not([disabled]),[contenteditable="true"]`,x=`[aria-invalid="true"], .is-invalid, .input-validation-error`,S=`.wui-error-summary, [data-wui-form-errors], .validation-summary-errors, [data-valmsg-summary]`,C=`[data-wui-modal-content]`,re=`[data-wui-pane-close], [data-bs-dismiss="modal"]`,ie=`<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>`,w=/* @__PURE__ */ new WeakMap,T=/* @__PURE__ */ new WeakSet,E=()=>Object.assign(/* @__PURE__ */ Error(`The remote modal load was aborted.`),{name:`AbortError`}),ae=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},D=e=>{let t=document.createElement(`span`);return t.textContent=e??``,t.innerHTML};function oe(e){if(e==null||e===``)return null;if(e===`fullscreen`)return{fullscreen:!0};if(Object.hasOwn(v,e))return{px:v[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 se=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:v.md}},O=(e,t)=>{e.classList.toggle(_,!!t.fullscreen),t.fullscreen?e.style.removeProperty(`--wui-modal-max-width`):e.style.setProperty(`--wui-modal-max-width`,`${t.px}px`)},ce=[`center`,`top`];function le(e){if(e==null||e===``)return null;if(Object.hasOwn(g,e))return{px:g[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 drawer size "${String(e)}". Use sm, md, lg, xl or a px number.`)}var k=e=>e.container===`drawer`,A=e=>e.container===`pane`,j=e=>e.container!==`modal`,ue=(e,t)=>k(e)?le(t):oe(t),M=()=>document.getElementById(`wui-remote-drawer`)?.classList.contains(`show`)??!1,de=e=>{let t=typeof e==`string`?document.querySelector(e):e;return t?.matches?.(`[data-wui-pane-host]`)?t:null},fe=e=>A(e)?e.shell:e.shell.querySelector(`.modal-dialog`);function pe(e=`modal`){let t=e===`drawer`,n=t?h:m,r=document.getElementById(n);return r||(r=document.createElement(`div`),r.id=n,r.className=t?`modal fade wui-modal-shell wui-remote-drawer`:`modal fade wui-modal-shell`,r.tabIndex=-1,r.setAttribute(`aria-hidden`,`true`),r.setAttribute(`role`,`dialog`),r.setAttribute(`aria-modal`,`true`),r.style.setProperty(`--wui-modal-max-width`,`${t?g.md:v.md}px`),r.innerHTML=t?`<div class="modal-dialog wui-remote-drawer-dialog"><div class="modal-content wui-modal"></div></div>`:`<div class="modal-dialog modal-dialog-centered wui-rb-dialog"><div class="modal-content wui-modal"></div></div>`,document.body.appendChild(r),r)}var me=e=>`<div class="wui-modal-header"><div class="wui-modal-heading"><div class="wui-modal-headtext"><div class="wui-modal-title">${D(e)}</div></div></div>${ie}</div>`,he=e=>`<div class="modal-content wui-modal" aria-busy="true">${me(e)}<div class="wui-modal-body"><div class="wui-modal-loading" role="status"><span class="visually-hidden">${D(y.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>`,N=(n,r)=>`<div class="modal-content wui-modal" data-wui-modal-error="${D(r)}">${me(n)}<div class="wui-modal-body"><div class="wui-modal-state" role="alert"><p class="wui-modal-state-title">${D(y.errorTitle)}</p><p class="wui-modal-state-text">${D(y[r]||y.server)}</p><div class="wui-modal-state-actions"><button type="button" class="${e(`soft`,`md`)}" data-bs-dismiss="modal" data-wui="${t}">${D(y.close)}</button><button type="button" class="${e(`primary`,`md`)}" data-wui-modal-retry data-wui="${t}">${D(y.retry)}</button></div></div></div></div>`,ge=e=>{let t=document.createElement(`template`);return t.innerHTML=e,t.content.querySelector(`.modal-content`)},P=e=>e.shell.querySelector(`.modal-content`);function _e(e){if(!e)return;e.dispatchEvent(new CustomEvent(`wui:teardown`,{bubbles:!0}));let t=window.bootstrap,n=[t?.Tooltip,t?.Popover].filter(e=>e?.getInstance);for(let r of[e,...e.querySelectorAll(`*`)]){for(let e of n)p(e.getInstance(r),r);t?.Dropdown?.getInstance?.(r)?.dispose()}}function F(e,t){let n=P(e),r=n?ye(n):/* @__PURE__ */ new Map;_e(n),n?n.replaceWith(t):fe(e).appendChild(t),be(t,r),window.WUI?.refresh?.()}var ve=`input[type="file"][name]`;function ye(e){let t=/* @__PURE__ */ new Map;for(let n of e.querySelectorAll(ve))n.files.length>0&&t.set(n.name,[...n.files]);return t}function be(e,t){if(t.size!==0&&typeof DataTransfer<`u`)for(let n of e.querySelectorAll(ve)){let e=t.get(n.name);if(!e)continue;let r=new DataTransfer;for(let t of e)r.items.add(t);n.files=r.files,n.dispatchEvent(new Event(`change`,{bubbles:!0}))}}var xe=e=>A(e)?!e.shell.hidden:e.shell.classList.contains(`show`);function I(e,t,n=!1){let r=t&&e.querySelector(x),i=r?r.matches(b)?r:r.querySelector(b)||r:null;if(!i&&n)i=e.querySelector(`[data-autofocus]`)||e.querySelector(ne)||e.querySelector(`.wui-modal-close`);else if(!i){let t=[...e.querySelectorAll(b)];i=e.querySelector(`[data-autofocus]`)||t.find(e=>!e.classList.contains(`wui-modal-close`))||t[0]||e}i?.focus?.()}function L(e,t){let n=[...e.querySelectorAll(b)].filter(e=>e.getClientRects().length>0&&getComputedStyle(e).visibility!==`hidden`);if(!n.length){t.preventDefault(),e.focus();return}let r=n[0],i=n[n.length-1],a=document.activeElement;!e.contains(a)||a===e?(t.preventDefault(),(t.shiftKey?i:r).focus()):t.shiftKey&&a===r?(t.preventDefault(),i.focus()):!t.shiftKey&&a===i&&(t.preventDefault(),r.focus())}function Se(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`,``),fe(e).appendChild(n)),n.textContent=``,n.textContent=t}var Ce=e=>{let t=e.shell.querySelector(`[data-wui-modal-live]`);t&&(t.textContent=``)},we=(e,t,n)=>e.dispatchEvent(new CustomEvent(t,{bubbles:!0,detail:n}));function R(e,t,n,r){let i={...r,container:e.container};we(t,`wui:modal:${n}`,i),k(e)&&we(t,`wui:drawer:${n}`,i),A(e)&&we(t,`wui:pane:${n}`,i)}var Te=e=>e.matches(`[data-wui-pane-host]`)?`pane`:e.classList.contains(`wui-remote-drawer`)?`drawer`:`modal`;function z(e){let t=w.get(e);return t||(t={shell:e,container:Te(e),queue:o(),defaultSize:se(e),defaultLabel:e.getAttribute(`aria-label`),placeholder:P({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},w.set(e,t),e.addEventListener(`submit`,e=>Ue(t,e)),e.addEventListener(`click`,e=>{e.target.closest?.(`[data-wui-modal-retry]`)&&t.session&&(e.preventDefault(),H(t,t.session))}),A(t)&&e.addEventListener(`click`,e=>{let n=e.target.closest?.(re);n&&e.currentTarget.contains(n)&&t.session&&V(t,t.session,`dismissed`,null)}),e.addEventListener(`hidden.bs.modal`,n=>{n.target===e&&(e.classList.contains(`wui-modal-stacked`)&&De(t),Oe(t))}),e.addEventListener(`shown.bs.modal`,n=>{if(n.target!==e)return;e.classList.contains(`wui-modal-stacked`)&&[...document.querySelectorAll(`.modal-backdrop`)].at(-1)?.classList.add(`wui-modal-backdrop-stacked`);let r=P(t);t.session&&r?.matches(C)&&!r.contains(document.activeElement)&&I(r,!1,j(t))}),t.remoteUrl&&e.addEventListener(`show.bs.modal`,n=>{n.target===e&&ke(t,n)}),t)}function B(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:()=>V(e,a,`dismissed`,null),reload:()=>H(e,a)},e.session=a,a}function V(e,t,n,r){e.session===t&&(t.closing={status:n,detail:r},A(e)?Ee(e,t):window.bootstrap?.Modal?.getOrCreateInstance(e.shell).hide())}function Ee(e,t){let n=e.shell,{status:r,detail:i}=t.closing,a=n.contains(document.activeElement);e.queue.abort(),e.session=null,_e(P(e)),n.replaceChildren(),n.hidden=!0,n.removeAttribute(`data-open`),t.resolveClosed({status:r,detail:i}),R(e,n,`closed`,{status:r,url:t.url}),a&&t.trigger?.isConnected&&t.trigger.focus?.()}function De(e){e.shell.classList.remove(`wui-modal-stacked`),M()&&(document.body.classList.add(`modal-open`),document.body.style.overflow=`hidden`)}function Oe(e){let t=e.session;if(e.queue.abort(),e.session=null,Ce(e),t){let{status:n,detail:r}=t.closing||{status:`dismissed`,detail:null};t.resolveClosed({status:n,detail:r}),R(e,e.shell,`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||(F(e,ge(e.placeholder)),e.loadedUrl=null,O(e.shell,e.defaultSize),e.defaultLabel?e.shell.setAttribute(`aria-label`,e.defaultLabel):e.shell.removeAttribute(`aria-label`))}function ke(e,t){let n=t.relatedTarget instanceof Element?t.relatedTarget:null,r=n?.getAttribute(`data-wui-url`)||e.remoteUrl,i=B(e,r,{trigger:n});i.explicitSize=Ae(e,n?.getAttribute(`data-wui-size`)),i.explicitSize&&O(e.shell,i.explicitSize),e.cache&&e.loadedUrl===r||(e.loadedUrl&&F(e,ge(e.placeholder)),H(e,i,{keepPlaceholder:!0}))}function Ae(e,t){try{return ue(e,t)}catch(e){return i(e),null}}async function H(e,t,{keepPlaceholder:n=!1}={}){n||F(e,ge(he(t.options.title||je(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`)&&Fe(e,t,r.html,!1))return e.loadedUrl=t.url,R(e,e.shell,`loaded`,{url:t.url,handle:t.handle}),`loaded`;let i=r.kind===`ok`||r.kind===`validation`?`server`:r.kind;return F(e,ge(N(t.options.title||je(e),i))),xe(e)&&I(P(e),!1,j(e)),R(e,e.shell,`error`,{url:t.url,kind:i,status:r.status}),`error`}var je=e=>P(e)?.querySelector(`.wui-modal-title`)?.textContent||e.shell.getAttribute(`aria-label`)||``,Me=`/_content/Webority.Ui.Razor/js/`,Ne=e=>new URL(e,window.location.href).pathname.includes(Me);function Pe(e){if([...document.scripts].some(t=>t.getAttribute(`src`)===e))return;let t=document.createElement(`script`);t.src=e,document.head.appendChild(t)}function Fe(e,t,n,a){let o=document.createElement(`template`);o.innerHTML=n;let s=!1;for(let e of o.content.querySelectorAll(`script`)){if(e.getAttribute(`type`)===`application/json`)continue;let t=e.getAttribute(`src`);e.remove(),t&&Ne(t)?Pe(t):s=!0}s&&r(`WUI.modal: ${t.url} returned a fragment with script; it was removed. Keep page behaviour in the page.`);let c=o.content.querySelector(C);if(!c)return i(`WUI.modal: ${t.url} did not answer with an <app-modal-content> fragment.`),!1;if(F(e,c),a||Ce(e),!A(e)){O(e.shell,t.explicitSize||Ae(e,c.getAttribute(`data-wui-size`))||e.defaultSize);let n=c.getAttribute(`data-wui-title`);n&&e.shell.setAttribute(`aria-label`,n)}return xe(e)&&I(c,a,j(e)),!0}var Ie=`button[type="submit"], button:not([type]), input[type="submit"], input[type="image"]`;function Le(e,t,n){let r=[...e.elements].filter(e=>e.matches(Ie));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>`))}else{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 Re(e){for(let t of e.querySelectorAll(S))t.remove();for(let t of e.querySelectorAll(x))t.removeAttribute(`aria-invalid`),t.classList.remove(`is-invalid`,`input-validation-error`);for(let t of e.querySelectorAll(`.field-error`))t.textContent=``}var ze=/* @__PURE__ */ new Set(/* @__PURE__ */ `bad request.unauthorized.payment required.forbidden.not found.method not allowed.not acceptable.proxy authentication required.request timeout.conflict.gone.length required.precondition failed.payload too large.uri too long.unsupported media type.range not satisfiable.expectation failed.misdirected request.unprocessable content.unprocessable entity.locked.failed dependency.too early.upgrade required.precondition required.too many requests.request header fields too large.unavailable for legal reasons`.split(`.`));async function Be(e){if(!e||e.status<400||e.status>499||e.status===422||!e.headers.get(`content-type`)?.toLowerCase().includes(`json`))return null;let t;try{t=JSON.parse(await e.text())}catch{return null}let n=e=>typeof e==`string`?e.trim():``,r=n(t?.title),i=(e.statusText||``).trim().toLowerCase(),a=ze.has(r.toLowerCase())||r.toLowerCase()===i;return n(t?.message)||n(t?.detail)||(r&&!a?r:null)}function Ve(e,t,n,r){let i=t.closest(`.wui-modal-body`)||t;i.querySelector(`[data-wui-modal-submit-error]`)?.remove(),Re(i);let a=document.createElement(`div`);a.className=`alert alert-danger wui-modal-submit-error`,a.setAttribute(`role`,`alert`),a.setAttribute(`data-wui-modal-submit-error`,``),a.innerHTML=D(`${y.submitFailed} ${r||y[n]||y.server}`),i.prepend(a),Se(e,a.textContent)}var He=(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 Ue(e,t){let n=t.target,r=e.session;if(!(n instanceof HTMLFormElement)||!r||n.hasAttribute(`data-wui-native`)||!n.closest(C)||(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`;Le(n,i,!0);let l=await e.queue.run(c?He(a,s):a,{method:o,body:c?void 0:s,navigate:r.options.navigate});if(e.session!==r)return;if(n.isConnected&&Le(n,i,!1),l.kind===`ok`&&l.result===`success`){We(e,r,l);return}if(l.kind===`aborted`||l.kind===`stale`||l.kind===`session`)return;if(l.kind===`validation`&&Fe(e,r,l.html,!0)){let t=P(e).querySelector(S)?.textContent.replace(/\s+/g,` `).trim();Se(e,t||y.invalid);return}if(l.kind===`ok`&&l.html&&Fe(e,r,l.html,!1))return;let u=l.kind===`ok`||l.kind===`validation`?`server`:l.kind,ee=await Be(l.response);e.session===r&&Ve(e,n,u,ee)}function We(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,data:n.data??null,container:e.container};r&&window.WUI?.toast?.(r,{variant:`success`}),R(e,t.trigger?.isConnected?t.trigger:document,`success`,a),t.options.onSuccess?.(a,t.handle),i&&(t.options.navigate||(e=>window.location.assign(e)))(i),n.next&&!i?(t.url=n.next,t.method=`GET`,t.body=void 0,H(e,t)):n.keepOpen?n.html&&Fe(e,t,n.html,!1):V(e,t,`success`,a)}function Ge(e){let t=e.target.closest?.(`[data-wui-modal], [data-wui-drawer], [data-wui-pane]`);t&&(t.matches(`a[href]`)&&(e.ctrlKey||e.metaKey||e.shiftKey||e.button!==0)||(e.preventDefault(),t.hasAttribute(`data-wui-pane`)?$e(t.getAttribute(`data-wui-pane`),{target:t.getAttribute(`data-wui-pane-target`),trigger:t}).catch(e=>{e?.name!==`AbortError`&&i(e)}):t.hasAttribute(`data-wui-modal`)?Ye(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`&&i(e)}):Ze(t.getAttribute(`data-wui-drawer`),{size:t.getAttribute(`data-wui-drawer-size`)||void 0,title:t.getAttribute(`data-wui-title`)||void 0,trigger:t}).catch(e=>{e?.name!==`AbortError`&&i(e)})))}function Ke(e){if(e.key!==`Tab`||e.defaultPrevented)return;let t=e.currentTarget.querySelectorAll(`.modal.show`),n=e.currentTarget.querySelector(`.modal.show.wui-modal-stacked`)??t[t.length-1];n&&L(n,e)}function qe(e){if(e.key!==`Escape`||e.defaultPrevented)return;let t=e.target.closest?.(Qe),n=t&&w.get(t);n?.session&&!e.currentTarget.querySelector(`.modal.show`)&&V(n,n.session,`dismissed`,null)}function Je(e=document){let t=e.ownerDocument||e;T.has(t)||(T.add(t),t.addEventListener(`click`,Ge),t.addEventListener(`keydown`,Ke),t.addEventListener(`keydown`,qe));let n=[...e.querySelectorAll?.(`.modal[data-wui-remote-url]`)||[]];e.matches?.(`.modal[data-wui-remote-url]`)&&n.unshift(e);for(let e of n)z(e)}function Ye(e,t={}){try{if(!e)throw TypeError(`WUI.modal.load: a fragment url is required.`);let n=ae(e),r=t.container===`drawer`,i=r?le(t.size):oe(t.size),a=t.placement||`center`;if(!ce.includes(a))throw TypeError(`WUI.modal.load: unsupported placement "${a}". Use center or top.`);if(t.signal?.aborted)return Promise.reject(E());let o=pe(r?`drawer`:`modal`);Je(document);let s=z(o),c=xe(s),l=B(s,e,t);l.explicitSize=i,O(o,i||s.defaultSize),r||o.querySelector(`.modal-dialog`).classList.toggle(`modal-dialog-centered`,a===`center`),t.title&&o.setAttribute(`aria-label`,t.title),c||(!r&&M()&&(document.body.appendChild(o),o.classList.add(`wui-modal-stacked`)),n.getInstance(o)?.dispose(),n.getOrCreateInstance(o,{backdrop:!t.staticBackdrop||`static`,keyboard:!t.staticBackdrop}));let u=c?Promise.resolve():new Promise(e=>o.addEventListener(`shown.bs.modal`,()=>e(),{once:!0})),ee=H(s,l);return c||n.getOrCreateInstance(o).show(),Xe(s,l,t,u,ee,`WUI.modal.load`)}catch(e){return Promise.reject(e)}}function Xe(e,t,n,r,i,a){let o=new Promise((r,i)=>{n.signal?.addEventListener(`abort`,()=>{e.session===t&&(e.queue.abort(),V(e,t,`dismissed`,{aborted:!0})),i(E())},{once:!0})}),s=Promise.all([r,i]).then(([,e])=>{if(e===`aborted`)throw E();if(e===`session`)throw Error(`${a}(${t.url}): the session expired; the browser is signing in again.`);return t.handle});return Promise.race([s,o])}function Ze(e,t={}){return Ye(e,{...t,container:`drawer`,placement:void 0})}var Qe=`[data-wui-pane-host]`;function $e(e,t={}){try{if(!e)throw TypeError(`WUI.pane.load: a fragment url is required.`);let n=de(t.target);if(!n)throw TypeError(`WUI.pane.load: the target is not an <app-detail-pane>.`);if(t.signal?.aborted)return Promise.reject(E());Je(document);let r=z(n),i=B(r,e,t);n.hidden=!1,n.setAttribute(`data-open`,``);let a=H(r,i);return Xe(r,i,t,Promise.resolve(),a,`WUI.pane.load`)}catch(e){return Promise.reject(e)}}function et(e){let t=de(e);if(!t)throw TypeError(`WUI.pane.close: the target is not an <app-detail-pane>.`);let n=w.get(t);n?.session&&V(n,n.session,`dismissed`,null)}var tt=`Select all rows`,nt=`Select row`,U=`wui-select-cell`,rt=(e,t)=>{let n=e.createElement(`input`);return n.type=`checkbox`,n.className=`wui-check`,n.setAttribute(`aria-label`,t),n};function it(e=document){let t=e.createElement(`th`);return t.className=U,t.appendChild(rt(e,tt)),t}function at(e=document,{disabled:t=!1}={}){let n=e.createElement(`td`);n.className=U;let r=rt(e,nt);return r.disabled=t,n.appendChild(r),n}function ot(e=document){let t=e.createElement(`td`);return t.className=U,t}var st=e=>e.firstElementChild?.classList.contains(U),ct=e=>e.matches(`.wui-group-row, .wui-virtual-spacer`);function lt(e){for(let t of e){if(st(t)||ct(t))continue;let e=t.getAttribute(`data-row-selectable`)===`false`;t.insertBefore(at(t.ownerDocument,{disabled:e}),t.firstChild)}}function ut(e){let t=e.querySelector(`thead tr`);if(!t)return null;st(t)||t.insertBefore(it(e.ownerDocument),t.firstChild),lt(e.querySelectorAll(`tbody tr`));for(let t of e.querySelectorAll(`tfoot tr`))st(t)||t.insertBefore(ot(e.ownerDocument),t.firstChild);return t.querySelector(`.${U} .wui-check`)}function dt(e){let t=e.querySelector(`thead .${U} .wui-check`),n=[...e.querySelectorAll(`tbody tr .wui-check:not(:disabled)`)],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 ft=`tbody .${U} .wui-check:not(:disabled)`;function pt(e,t){let n=null,r=e=>e instanceof Element&&e.matches(`.wui-select-cell .wui-check:not(:disabled)`)&&!!e.closest(`tbody`);e.addEventListener(`mousedown`,e=>{e.shiftKey&&r(e.target)&&e.preventDefault()}),e.addEventListener(`click`,i=>{let a=i.target;if(r(a)){if(i.shiftKey&&n?.isConnected&&n!==a){let r=[...e.querySelectorAll(ft)],i=r.indexOf(n),o=r.indexOf(a);if(i>=0&&o>=0){let e=[];for(let t of r.slice(Math.min(i,o),Math.max(i,o)+1))t!==a&&t.checked!==a.checked&&(t.checked=a.checked,e.push(t));e.length&&t?.(e,a.checked)}}n=a}})}var mt=8e3,ht=`That did not work. Try again.`;function gt(e,t=`success`){if(!e?.message)return;let n=e.toastAction;n?window.WUI?.toast?.(e.message,{variant:t,duration:mt,action:{label:n.label,onClick:()=>_t(n)}}):window.WUI?.toast?.(e.message,{variant:t})}async function _t(e){let t=await a(e.url,{method:e.method});if(t.kind!==`session`&&t.kind!==`aborted`){if(t.ok){gt(t,t.toastVariant||`success`);for(let e of document.querySelectorAll(`[data-wui-server]`))e.dataset.refreshOnSuccess!==`false`&&Dt(e)?.reload()}else window.WUI?.toast?.(t.message||ht,{variant:`danger`})}}var W=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`}),vt=5,yt=/* @__PURE__ */ new WeakMap,bt=(e,t)=>{let n=Number(e);return Number.isInteger(n)?n:t},xt=e=>({total:bt(e.dataset.total,0),page:bt(e.dataset.page,1),pageSize:bt(e.dataset.pageSize,0),sortBy:e.dataset.sortBy||``,sortOrder:e.dataset.sortOrder===`desc`?`desc`:`asc`}),St=(e,t)=>{e&&window.WUI?.toast?.(e,{variant:t})},Ct=(e,t)=>{if(!e)return;let n=new Set([...e.elements].filter(e=>e.type!==`hidden`||e.hasAttribute(`data-range-mirror`)).map(e=>e.getAttribute(`name`)).filter(e=>e&&!te.includes(e))),r=[...t].some(([e,t])=>t!==``&&n.has(e));for(let t of e.querySelectorAll(`[data-wui-filter-clear]`))t.hidden=!r},wt=new Intl.NumberFormat(`en-IN`),Tt=(e,t)=>{let n=e.closest(`.wui-list-card`)?.querySelector(`.wui-list-card-count`);n&&(n.textContent=wt.format(t))};function Et(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)yt.has(e)||yt.set(e,Ot(e))}function Dt(e){let t=e instanceof Element?e.closest(`[data-wui-server]`):null;return t&&yt.get(t)||null}function Ot(n){let p=n.querySelector(`.table-wrap`),m=p?.querySelector(`:scope > table`),h=n.dataset.src;if(!m||!h)throw Error(`A server-paged table needs data-src and a .table-wrap > table: render it with <app-data-table src>.`);let g=p.querySelector(`:scope > [data-wui-table-state]`),_=n.querySelector(`[data-wui-table-pager]`),v=n.querySelector(`[data-wui-table-status]`),y={urlState:n.dataset.urlState!==`false`,refreshOnSuccess:n.dataset.refreshOnSuccess!==`false`,filtersForm:n.dataset.filtersForm||null,filtersRegion:n.dataset.filtersRegion||null,searchInput:n.dataset.searchInput||null,loadingText:n.dataset.loadingText||W.loading,errorText:n.dataset.errorText||W.error},b=new URL(h,window.location.href),ne=new Set(b.searchParams.keys()),x=m.hasAttribute(`data-app-datatable-selectable`),S=/* @__PURE__ */ new Set,C=!1,re=o(),ie=new AbortController,w={signal:ie.signal},T=m.querySelector(`:scope > tbody[data-wui-rows]`);if(!T)throw Error(`A server-paged table needs its rows in <app-table-rows> (tbody[data-wui-rows]).`);let E=xt(T),ae=null,D=null,oe=e=>{let t=new URLSearchParams;for(let[n,r]of new URLSearchParams(e))ne.has(n)||t.append(n,r);return t},se=e=>oe(new URL(e,window.location.href).search),O=e=>{let t=e.toString();return`${window.location.pathname}${t?`?${t}`:``}${window.location.hash}`},ce=e=>{let t=new URL(b.href);for(let[n,r]of e)ne.has(n)||t.searchParams.append(n,r);return t.origin===window.location.origin?`${t.pathname}${t.search}`:t.href},le=(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},k=le(y.urlState?oe(window.location.search):new URLSearchParams,E);y.urlState&&O(k)!==`${window.location.pathname}${window.location.search}${window.location.hash}`&&window.history.replaceState(window.history.state,``,O(k));let A=(e,t)=>p.dispatchEvent(new CustomEvent(e,{bubbles:!0,detail:t})),j=e=>{v&&(v.textContent=e)},ue=e=>{if(e.total===0)return W.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`}`},M=()=>[...m.querySelectorAll(`:scope > thead > tr:first-child > th`)],de=e=>{if(x&&[...e.querySelectorAll(`:scope > tr:not(.wui-group-row, .wui-virtual-spacer)`)].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.`)},fe=e=>{let t=n.dataset.activeRowKey;if(t!==void 0)for(let n of e){let e=n.classList.contains(`wui-row-active`),r=t!==``&&n.dataset.rowKey===t;n.classList.toggle(`wui-row-active`,r),r?n.setAttribute(`aria-current`,`true`):e&&n.removeAttribute(`aria-current`)}},pe=e=>{if(x){lt(e);for(let t of e){let e=t.querySelector(`.${U} .wui-check:not(:disabled)`);e&&(C&&S.add(t.dataset.rowKey),e.checked=S.has(t.dataset.rowKey))}dt(m)}fe(e);let t=M();if(m.classList.contains(`wui-table-stack`))for(let n of e)[...n.cells].forEach((e,n)=>{let r=t[n]?.textContent.trim();r&&!e.hasAttribute(`data-label`)&&e.setAttribute(`data-label`,r)});t.forEach((t,n)=>{if(t.classList.contains(`wui-col-hidden`))for(let t of e)t.cells[n]?.classList.add(`wui-col-hidden`)})},me=e=>pe([...e.querySelectorAll(`:scope > tr`)]),he=e=>{for(let t of e.querySelectorAll(`:scope > template[data-wui-pager], :scope > template[data-wui-empty], :scope > template[data-wui-filters]`))t.remove()},N=e=>e?.dispatchEvent(new CustomEvent(`wui:teardown`,{bubbles:!0})),ge=(e,t)=>{if(!g)return;let n=e.querySelector(`:scope > template[data-wui-empty]`);N(g),t.total===0&&n?(g.replaceChildren(n.content.cloneNode(!0)),g.hidden=!1):(g.replaceChildren(),g.hidden=!0)},P=e=>{let t=xt(e),n=t.sortBy!==E.sortBy||t.sortOrder!==E.sortOrder?ee(T.rows):null;if(_){let t=e.querySelector(`:scope > template[data-wui-pager]`);N(_),_.replaceChildren(...t?[t.content.cloneNode(!0)]:[]),_.hidden=!1}ge(e,t);let r=e.querySelector(`:scope > template[data-wui-filters]`),i=y.filtersRegion&&r?document.querySelector(y.filtersRegion):null;i&&(N(i),i.replaceChildren(r.content.cloneNode(!0))),he(e),N(T),m.replaceChild(e,T),T=e;let a=C&&t.total!==E.total;return E=t,a&&(C=!1),p.removeAttribute(`data-wui-table-error`),me(e),we(),u(e.rows,n),a&&Te(),i},_e=e=>{let t=document.createElement(`template`);t.innerHTML=`<table>${e}</table>`;let n=t.content.querySelector(`tbody[data-wui-rows]`);return n&&de(n),n?document.importNode(n,!0):null},F=(e,t=M())=>{let n=document.createElement(`tr`);for(let r=0;r<e;r++){let e=t[r],i=e?.classList.contains(`text-center`),a=!i&&(e?.classList.contains(`num`)||e?.classList.contains(`text-end`)||e?.classList.contains(`wui-cell-end`)),o=document.createElement(`td`);i?o.classList.add(`text-center`):a&&o.classList.add(e.classList.contains(`num`)?`num`:`wui-cell-end`);let s=document.createElement(`span`);s.className=`skeleton`,s.setAttribute(`aria-hidden`,`true`);let c=i?44:a?56:60;s.style.cssText=`display:block;width:${c}%;height:12px;border-radius:6px`,o.append(s),n.append(o)}return n},ve=()=>{if(T.querySelector(`:scope > tr:not([data-wui-skeleton])`))return;let e=Math.max(1,M().length);T.replaceChildren(...Array.from({length:vt},()=>{let t=F(e);return t.setAttribute(`data-wui-skeleton`,``),t})),p.removeAttribute(`data-wui-table-error`),g&&(g.hidden=!0)},ye=e=>{e?(p.setAttribute(`aria-busy`,`true`),ve()):p.removeAttribute(`aria-busy`)},be=e=>e===`forbidden`?W.forbidden:e===`network`?W.network:y.errorText,xe=n=>{let r=be(n);if(p.setAttribute(`data-wui-table-error`,n),_&&(_.hidden=!0),g){let i=document.createElement(`div`);i.className=`empty-state wui-empty-state-table wui-table-error`,i.setAttribute(`role`,`alert`);let a=document.createElement(`span`);a.className=`empty-state-icon`,a.innerHTML=d(n===`forbidden`?`lock`:`alert-circle`,{size:24});let o=document.createElement(`div`);o.className=`empty-state-title`,o.textContent=r;let s=document.createElement(`div`);s.className=`empty-state-action`;let c=document.createElement(`button`);c.type=`button`,c.className=e(`outline`,`sm`),c.dataset.wui=t,c.setAttribute(`data-wui-table-retry`,``),c.textContent=W.retry,s.append(c),i.append(a,o,s),N(g),g.replaceChildren(i),g.hidden=!1}j(r)},I=()=>y.filtersForm?document.querySelector(y.filtersForm):null,L=async(e,t=`none`,{quiet:a=!1}={})=>{let o=new URLSearchParams(e);a||(ae={query:o,mode:t},ye(!0),j(y.loadingText)),A(`wui:table:loading`,{query:o.toString()});let s=await re.run(ce(o));if(s.kind===`aborted`||s.kind===`stale`||s.kind===`session`)return s;a||ye(!1);let c=null,l=s.ok?null:s.kind;if(s.ok){try{c=_e(s.html)}catch(e){i(e)}c||(l=`server`)}if(l)return a?r(`A quiet server table refresh failed; the rows on screen are kept.`,l):xe(l),A(`wui:table:error`,{status:s.status,kind:l,message:be(l)}),s;let u=P(c);return k=le(o,E),Ct(I(),k),y.urlState&&t===`push`?window.history.pushState(window.history.state,``,O(k)):y.urlState&&t===`replace`&&window.history.replaceState(window.history.state,``,O(k)),a||j(ue(E)),window.WUI?.refresh?.(p),u&&window.WUI?.refresh?.(u),Tt(n,E.total),A(`wui:table:loaded`,{...E,query:k.toString()}),s},Se=e=>(e.delete(`page`),e),Ce=()=>[...m.querySelectorAll(`:scope > thead th[data-sort-key]`)],we=()=>{for(let e of Ce()){let t=e.dataset.sortKey===E.sortBy;e.setAttribute(`aria-sort`,t?E.sortOrder===`desc`?`descending`:`ascending`:`none`)}};for(let e of Ce())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=d(`chevrons-up-down`,{size:14}),t?e.prepend(n):e.append(n)}let R=e=>{let t=Se(new URLSearchParams(k)),n=E.sortBy===e&&E.sortOrder===`asc`?`desc`:`asc`;return t.set(`sortBy`,e),t.set(`sortOrder`,n),L(t,`push`)};m.addEventListener(`click`,e=>{let t=e.target.closest(`th[data-sort-key]`);t&&m.tHead?.contains(t)&&R(t.dataset.sortKey)}),m.addEventListener(`keydown`,e=>{if(e.key!==`Enter`&&e.key!==` `)return;let t=e.target.closest?.(`th[data-sort-key]`);t&&m.tHead?.contains(t)&&(e.preventDefault(),R(t.dataset.sortKey))});let Te=()=>{dt(m);let e=C?{selected:E.total,total:E.total,allMatching:C}:{selected:S.size,total:E.total};m.dispatchEvent(new CustomEvent(`selectionchange`,{bubbles:!0,detail:e}))};x&&(pt(m,(e,t)=>{for(let n of e){let e=n.closest(`tr`)?.dataset.rowKey;e&&(t?S.add(e):S.delete(e))}t||(C=!1)}),m.addEventListener(`change`,e=>{let t=e.target;if(t.matches?.(`.wui-select-cell .wui-check:not(:disabled)`)){if(t.checked||(C=!1),m.tHead?.contains(t))for(let e of T.querySelectorAll(`:scope > tr`)){let n=e.querySelector(`.${U} .wui-check:not(:disabled)`);n&&(n.checked=t.checked,t.checked?S.add(e.dataset.rowKey):S.delete(e.dataset.rowKey))}else{let e=t.closest(`tr`)?.dataset.rowKey;if(!e)return;t.checked?S.add(e):S.delete(e)}Te()}})),_&&(_.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(),L(se(t.getAttribute(`href`)),`push`))}),_.addEventListener(`change`,e=>{e.target.classList?.contains(`tpg-select`)&&e.target.value&&(e.stopPropagation(),L(se(e.target.value),`push`))}));let z=()=>{if(!y.searchInput)return null;let e=document.querySelector(y.searchInput);return e&&(e.matches(`input, textarea`)?e:e.querySelector(`input`))},B=()=>n.isConnected?!0:(ie.abort(),clearTimeout(D),!1),V=(e,t)=>{let n=/* @__PURE__ */ new Set;for(let t of e.elements)t.name&&t.type!==`hidden`&&n.add(t.name);let r=[];for(let t of e.elements)if(t.name&&!t.disabled){if(t.matches(`input[type="hidden"][data-wui-carried]`))n.has(t.name)||r.push([t.name,t.value]);else if(t.matches(`input[type=checkbox], input[type=radio]`))t.checked&&r.push([t.name,t.value]);else if(t.matches(`input, textarea`))t.matches(`[type=submit], [type=button], [type=reset], [type=image], [type=file]`)||r.push([t.name,t.value]);else if(t.localName===`select`)for(let e of t.selectedOptions)r.push([t.name,e.value])}return t?.name&&!t.disabled&&r.push([t.name,t.value]),r},Ee=(e,t)=>{let n=new Set([...e.elements].map(e=>e.name).filter(Boolean)),r=new URLSearchParams,i=e=>e!==`search`&&te.includes(e);for(let[e,t]of k)e!==`page`&&(i(e)||!n.has(e))&&r.append(e,t);for(let[n,a]of V(e,t))a===``||i(n)||ne.has(n)||r.append(n,a);let a=z();if(a){r.delete(f);let e=a.value.trim();e&&r.set(f,e)}return L(r,`push`)},De=e=>y.filtersForm&&e.closest?.(y.filtersForm)||y.filtersRegion&&e.closest?.(y.filtersRegion)||null;document.addEventListener(`submit`,e=>{B()&&y.filtersForm&&e.target instanceof HTMLFormElement&&e.target.matches(y.filtersForm)&&(e.preventDefault(),Ee(e.target,e.submitter))},w),document.addEventListener(`change`,e=>{if(!B()||!y.filtersForm)return;let t=e.target.closest?.(y.filtersForm);!t||e.target===z()||t.hasAttribute(`data-wui-apply-on-change`)||e.target.closest?.(`wui-filter-popover`)||Ee(t)},w);let Oe=(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 r of e.querySelectorAll(`wui-select[name]`)){let e=r.getAttribute(`name`);r.value=r.mode===`multiple`||r.mode===`tag`?t.getAll(e):n(e)}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(!B())return;let t=e.target.closest?.(`a[href]`);if(!t||!De(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=Se(se(n.href));Oe(t.closest(`form`),r),Ct(t.closest(`form`),r),L(r,`push`)},w),document.addEventListener(`input`,e=>{if(!B())return;let t=z();t&&e.target===t&&(clearTimeout(D),D=setTimeout(()=>{if(!B())return;let e=Se(new URLSearchParams(k)),n=t.value.trim();n?e.set(f,n):e.delete(f),e.toString()!==k.toString()&&L(e,`replace`)},300))},w),y.urlState&&window.addEventListener(`popstate`,()=>{if(!B())return;let e=oe(window.location.search),t=z();t&&(t.value=e.get(`search`)??``),Ct(I(),e),L(e,`none`)},w),document.addEventListener(`wui:modal:success`,()=>{B()&&y.refreshOnSuccess&&L(k,`none`)},w),g?.addEventListener(`click`,e=>{e.target.closest(`[data-wui-table-retry]`)&&ae&&L(ae.query,ae.mode)});let ke=e=>[...T.rows].find(t=>t.dataset.rowKey===e)??null,Ae=e=>{if(!e?.trim())return null;let t=document.createElement(`template`);if(t.innerHTML=`<table><tbody>${e}</tbody></table>`,t.content.querySelector(`tbody[data-wui-rows]`))return null;let n=[...t.content.querySelectorAll(`table > tbody > tr[data-row-key]`)];return n.length?n.map(e=>document.importNode(e,!0)):null},H=(e,t,n)=>{let r=n?e[0]:e.find(e=>e.dataset.rowKey===t.dataset.rowKey);if(!r)return null;let i=[];for(let n of e){let e=n===r?t:ke(n.dataset.rowKey);e&&(N(e),e.replaceWith(n),i.push(n))}return pe(i),window.WUI?.refresh?.(p),r},je=e=>e.message||(e.kind===`forbidden`?W.actionForbidden:W.actionFailed),Me=e=>{e?.isConnected&&e.getAttribute(`data-wui-save-state`)===`saving`&&c(e,null)},Ne=e=>{if(e instanceof HTMLTableRowElement)return e;let t=document.createElement(`template`);t.innerHTML=`<table><tbody>${String(e)}</tbody></table>`;let n=t.content.querySelector(`table > tbody > tr`);if(!n)throw Error("saveRow's `row` is the row as it will read: a <tr> element or its HTML.");return document.importNode(n,!0)},Pe=async({url:e,method:t=`POST`,body:n,key:r,row:i}={})=>{if(!e)throw Error("saveRow needs `url`: the handler that saves the row.");let o=r==null,u=o?null:ke(String(r));if(!o&&!u)throw Error(`saveRow found no row with data-row-key="${r}" on this page.`);let ee=M().filter(e=>!e.classList.contains(U)),d=i?Ne(i):u??F(Math.max(1,ee.length),ee);u&&d!==u?u.replaceWith(d):u||T.insertBefore(d,T.firstChild),d!==u&&pe([d]),g&&!p.hasAttribute(`data-wui-table-error`)&&(g.hidden=!0),c(d,`saving`);let te=s(d),f=await a(e,{method:t.toUpperCase(),body:n});if(f.kind===`session`)return!1;if(f.ok){let e=Ae(f.html),t=e&&d.isConnected?H(e,d,o):null;return t?j(l.saved(s(t)||te)):(await L(k,`none`),Me(d)),gt(f,f.toastVariant||`success`),A(`wui:table:saved`,{key:t?.dataset.rowKey??(o?null:String(r)),added:o,status:f.status}),!0}let m=je(f),h=d;return u&&d!==u&&d.isConnected?(d.replaceWith(u),h=u):o&&!i&&(d.remove(),h=null,g?.childElementCount&&!T.querySelector(`:scope > tr`)&&(g.hidden=!1)),h?.isConnected&&c(h,`error`,m),f.kind!==`aborted`&&St(m,`danger`),j(l.notSaved(te,m)),A(`wui:table:failed`,{key:o?null:String(r),added:o,status:f.status,kind:f.kind,message:m}),!1},Fe=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`),r=n?.dataset.rowKey??null,i=e.dataset.wuiRowAction||``,o=n?s(n):``;e.disabled=!0,e.setAttribute(`aria-busy`,`true`),n&&c(n,`saving`);let u=await a(t,{method:(e.dataset.method||`post`).toUpperCase()});if(e.disabled=!1,e.removeAttribute(`aria-busy`),u.kind===`session`||u.kind===`aborted`)Me(n);else{if(u.ok){gt(u,u.toastVariant||`success`);let e=n?.isConnected?Ae(u.html):null,t=e?H(e,n,!1):null;t?j(l.saved(s(t)||o)):(await L(k,`none`),Me(n))}else{let e=je(u);St(e,`danger`),n?.isConnected&&c(n,`error`,e),j(l.notSaved(o,e))}A(`wui:table:action`,{action:i,key:r,ok:u.ok,status:u.status})}};return m.addEventListener(`click`,e=>{let t=e.target.closest(`[data-wui-row-action]`);t&&T.contains(t)&&!t.disabled&&(e.preventDefault(),Fe(t))}),de(T),he(T),x&&ut(m),me(T),we(),{el:n,reload:async e=>{let t=e?.quiet===!0;return t&&p.getAttribute(`aria-busy`)===`true`?null:L(k,`none`,{quiet:t})},query:()=>new URLSearchParams(k),setQuery:e=>{let t=new URLSearchParams(k);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`),L(t,`push`)},saveRow:Pe,setActiveRow:e=>{n.dataset.activeRowKey=e==null?``:String(e),fe([...T.querySelectorAll(`:scope > tr`)])},selection:{keys:()=>[...S],count:()=>C?E.total:S.size,allMatching:()=>C,selectAllMatching:()=>{C=!0;for(let e of T.querySelectorAll(`:scope > tr`)){let t=e.querySelector(`.${U} .wui-check`);t?.disabled||(t&&(t.checked=!0),e.dataset.rowKey&&S.add(e.dataset.rowKey))}Te()},clear:()=>{C=!1,S.clear();for(let e of T.querySelectorAll(`:scope > tr > .${U} .wui-check:not(:disabled)`))e.checked=!1;Te()}}}}var G=`wuiConfirm`,kt=Object.freeze([`danger`]),At=Object.freeze([`success`,`info`,`warning`,`danger`]),jt=`wui.flash`,K=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.`}),Mt=/* @__PURE__ */ new WeakSet,Nt=/* @__PURE__ */ new WeakSet,Pt=null,Ft=null,It=!1,Lt=e=>{let t=document.createElement(`span`);return t.textContent=e??``,t.innerHTML},Rt=(e,t)=>{e&&window.WUI?.toast?.(e,{variant:t})},zt=()=>{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 Bt(){let n=document.getElementById(G);return n||(n=document.createElement(`div`),n.id=G,n.className=`modal fade wui-modal-shell`,n.tabIndex=-1,n.setAttribute(`aria-hidden`,`true`),n.setAttribute(`role`,`dialog`),n.setAttribute(`aria-modal`,`true`),n.style.setProperty(`--wui-modal-max-width`,`${v.md}px`),n.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="${e(`soft`,`md`)}" data-bs-dismiss="modal" data-wui="${t}">${Lt(K.cancelLabel)}</button><button type="button" class="${e(`primary`,`md`)}" data-app-confirm data-wui="${t}"></button></div></div></div></div>`,document.body.appendChild(n),n)}function Vt(e,t){let n=e.getAttribute(`data-wui-confirm-tone`);if(n!==null&&!kt.includes(n))throw TypeError(`data-wui-confirm-tone="${n}" is not supported. Use danger, or leave it off.`);Ht({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 Ht({title:e,message:t,label:n,danger:r},i){let a=zt(),o=Bt(),s=o.querySelector(`.wui-confirm-title`),c=o.querySelector(`[data-app-confirm]`);if(!s||!c)throw Error(`#${G} is not a confirm dialog with a confirm button. Render <app-confirm-dialog id="${G}"> 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||K.confirmTitle,l.textContent=t,c.textContent=n||K.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),Ft=i,It=!1,a.getOrCreateInstance(o).show()}var Ut=(e,t)=>{Pt=e;try{t()}finally{Pt=null}};function Wt(e,{title:t,message:n,label:r,tone:i},a){if(i!=null&&!kt.includes(i))throw TypeError(`confirmAction: tone "${i}" is not supported. Use danger, or leave it off.`);sn(e.ownerDocument),Ht({title:t,message:n,label:r,danger:i===`danger`},()=>Ut(e,a))}var Gt=e=>e.disabled===!0||e.getAttribute(`aria-disabled`)===`true`;function Kt(e){let t=e.target.closest?.(`[data-wui-confirm]:not(form)`);t&&t!==Pt&&!Gt(t)&&(e.preventDefault(),e.stopImmediatePropagation(),Vt(t,()=>Ut(t,()=>t.click())))}function qt(e){let t=e.target;if(!(t instanceof HTMLFormElement)||!t.hasAttribute(`data-wui-confirm`)||t===Pt||e.submitter&&e.submitter===Pt||t.querySelector(`input[data-app-repeater-hidden]`))return;e.preventDefault(),e.stopImmediatePropagation();let n=e.submitter?.form===t?e.submitter:void 0;Vt(t,()=>Ut(t,()=>t.requestSubmit(n)))}function Jt(e){let t=e.target.closest?.(`#${G} [data-app-confirm]`);t&&!t.disabled&&Ft&&(It=!0,zt().getOrCreateInstance(t.closest(`#${G}`)).hide())}function Yt(e){if(e.target.id!==`wuiConfirm`)return;let t=It?Ft:null;Ft=null,It=!1,t?.()}var Xt=(e,t)=>{e&&window.sessionStorage.setItem(jt,JSON.stringify({message:e,variant:t}))},Zt=e=>e===`forbidden`?K.forbidden:e===`network`?K.network:K.failed;function Qt(){for(let e of document.querySelectorAll(`[data-wui-server]`))e.dataset.refreshOnSuccess!==`false`&&Dt(e)?.reload()}async function $t(e){let t=e.getAttribute(`data-wui-post`);if(!t)throw Error(`A data-wui-post button needs the URL the action posts to.`);return en(t,e)}async function en(e,t,n){let r=t.getAttribute(`data-wui-post-reload`);if(r!==null&&r!==`page`)throw TypeError(`data-wui-post-reload="${r}" is not supported. Use page, or leave it off to reload the server tables.`);t.disabled=!0,t.setAttribute(`aria-busy`,`true`);let i=await a(e,{method:`POST`,body:n});if(i.kind===`session`||i.kind===`aborted`)return;let o=i.toastVariant||`success`;i.ok&&(i.redirect||r===`page`)?(Xt(i.message,o),i.redirect?window.location.assign(i.redirect):window.location.reload()):(t.disabled=!1,t.removeAttribute(`aria-busy`),i.ok?(gt(i,o),Qt()):Rt(i.message||Zt(i.kind),`danger`))}function tn(e){let t=e.target.closest?.(`[data-wui-post]`);t&&(e.preventDefault(),Gt(t)||t.getAttribute(`aria-busy`)===`true`||$t(t).catch(e=>i(e)))}function nn(e){let t=e.target.closest?.(`form[data-wui-post-form]`);if(!t||e.defaultPrevented)return;e.preventDefault();let n=e.submitter||t.querySelector(`button`);n.getAttribute(`aria-busy`)!==`true`&&(en(t.getAttribute(`action`),n,new FormData(t)).catch(e=>i(e)),window.bootstrap?.Dropdown?.getInstance(t.closest(`.dropdown`)?.querySelector(`[data-bs-toggle='dropdown']`))?.hide())}function rn(){let e=window.sessionStorage.getItem(jt);if(!e)return;window.sessionStorage.removeItem(jt);let{message:t,variant:n}=JSON.parse(e);Rt(t,n)}function an(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(!At.includes(t))throw TypeError(`data-wui-flash-variant="${t}" is not supported. Use ${At.join(`, `)}.`);let n=e.getAttribute(`data-wui-flash`)||e.textContent.trim();e.remove(),Rt(n,t)}}function on(e){let t=e.target instanceof Element?e.target.closest(`[data-wui-auto-submit]`):null,n=t&&(e.target.form||t.closest(`form`));n&&n.requestSubmit()}function sn(e){Nt.has(e)||(Nt.add(e),e.addEventListener(`click`,Jt),e.addEventListener(`hidden.bs.modal`,Yt))}function cn(e=document){let t=e.ownerDocument||e;Mt.has(t)||(Mt.add(t),t.addEventListener(`click`,Kt,!0),t.addEventListener(`submit`,qt,!0),sn(t),t.addEventListener(`click`,tn),t.addEventListener(`submit`,nn),t.addEventListener(`change`,on),rn()),an(e)}var ln=Object.freeze({title:`Leave without saving?`,message:`Your changes on this page are not saved. If you leave now, they are lost.`,leaveLabel:`Leave`}),q=`form[data-wui-unsaved]`,un=`[aria-invalid="true"], .field-error:not(:empty), .field-validation-error, .validation-summary-errors, .wui-error-summary`,dn=`[download], [data-wui-modal], [data-wui-post], [data-bs-toggle]`,fn=/* @__PURE__ */ new Set([`submit`,`button`,`reset`,`image`]),pn=/* @__PURE__ */ new Set([`hidden`,`checkbox`,`radio`,`file`,`submit`,`button`,`reset`,`image`,`range`,`color`]),J=/* @__PURE__ */ new WeakMap,mn=/* @__PURE__ */ new WeakSet,hn=e=>`${e.name}:${e.size}:${e.lastModified}`;function Y(e){let t=[];for(let n of e.elements)!n.name||n.disabled||fn.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(hn)]):n.type===`select-multiple`?t.push([n.name,[...n.selectedOptions].map(e=>e.value)]):t.push([n.name,n.value]));return JSON.stringify(t)}function X(e){return Y(e)}function gn(e,t){let n=/* @__PURE__ */ new Map;for(let e of JSON.parse(t)){let t=n.get(e[0]);t?t.push(e):n.set(e[0],[e])}let r=JSON.parse(Y(e)).map(e=>n.get(e[0])?.shift()??e);for(let e of n.values())r.push(...e);return JSON.stringify(r)}function _n(e){for(let t of e.elements)if(t.name&&!t.disabled){if(t.tagName===`TEXTAREA`||t.tagName===`INPUT`&&!pn.has(t.type)){if(t.value.trim()!==``)return!0}else if(t.tagName===`INPUT`&&t.type===`file`&&t.files?.length>0)return!0}return!1}var vn=e=>({saved:e.querySelector(un)&&_n(e)?null:Y(e),engaged:!1,discarded:!1});function yn(e){let t=J.get(e);return!t||t.discarded||!e.isConnected?!1:t.saved===null||t.engaged&&Y(e)!==t.saved}var bn=(e,t)=>[...e.querySelectorAll(q)].filter(e=>e!==t&&yn(e)),xn=()=>!!window.bootstrap?.Modal;function Sn(e,t,n){let r=t.map(e=>e.getAttribute(`data-wui-unsaved`)).find(Boolean)||ln.message;Wt(e,{title:ln.title,message:r,label:ln.leaveLabel,tone:`danger`},()=>{for(let e of t)J.get(e).discarded=!0;n()})}function Cn(e){if(e.matches(dn))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 wn(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 Tn(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||!Cn(t))return;let n=bn(t.ownerDocument,null);n.length&&xn()&&(e.preventDefault(),Sn(t,n,()=>t.click()))}function En(e){let t=e.target;if(!(t instanceof HTMLFormElement)||e.defaultPrevented||!wn(t,e.submitter))return;let n=bn(t.ownerDocument,t);if(n.length&&xn()){e.preventDefault();let r=e.submitter?.form===t?e.submitter:void 0;Sn(t,n,()=>t.requestSubmit(r));return}let r=J.get(t);r&&(r.saved=Y(t),r.discarded=!1)}function Dn(e){bn(document,null).length&&(e.preventDefault(),e.returnValue=``)}function On(e){let t=e.target.closest?.(q),n=t&&J.get(t);n&&!n.engaged&&(n.saved!==null&&(n.saved=Y(t)),n.engaged=!0)}function kn(e){let t=e.target.closest?.(q),n=t&&J.get(t);n&&(n.discarded=!1,e.isTrusted&&(n.engaged=!0))}function An(e){for(let t of e.currentTarget.querySelectorAll(q)){let e=J.get(t);e?.saved&&(e.saved=gn(t,e.saved))}}function jn(e){let t=e.detail?.handle?.el;if(t instanceof Element)for(let e of t.querySelectorAll(q))Nn(e)}function Mn(e=document){let t=e.ownerDocument||e;if(!mn.has(t)){mn.add(t);for(let e of[`focusin`,`pointerdown`,`drop`])t.addEventListener(e,On,!0);for(let e of[`input`,`change`])t.addEventListener(e,kn,!0);t.addEventListener(`click`,Tn),t.addEventListener(`submit`,En),t.addEventListener(`wui:modal:success`,jn),t.addEventListener(n,An),t.defaultView.addEventListener(`beforeunload`,Dn)}let r=[...e.querySelectorAll?.(q)||[]];e.matches?.(q)&&r.unshift(e);for(let e of r)J.has(e)||J.set(e,vn(e))}function Nn(e){if(!(e instanceof HTMLFormElement)||!e.matches(q))throw TypeError(`resetUnsavedChanges: ${String(e)} is not a <form data-wui-unsaved>.`);J.set(e,{saved:Y(e),engaged:!1,discarded:!1})}var Pn=Object.freeze({question:`Discard your changes?`,discard:`Discard`,keep:`Keep editing`}),Fn=`wui:drawer:discard`,Z=`wui-drawer[confirm-discard]`,In=`.wui-modal-shell`,Ln=`data-wui-no-discard`,Rn=`.wui-drawer-discard`,zn=`input, select, textarea`,Q=/* @__PURE__ */ new WeakMap,Bn=/* @__PURE__ */ new WeakSet,Vn=/* @__PURE__ */ new WeakSet;function Hn(n,r,i,a){let o=n.createElement(`button`);return o.type=`button`,o.className=e(r,`sm`),o.dataset.wui=t,o.setAttribute(i,``),o.textContent=a,o}function Un(e,t){let n=e.createElement(`div`);n.className=`wui-drawer-discard`,n.setAttribute(`role`,`alert`);let r=e.createElement(`span`);return r.className=`wui-drawer-discard-text`,r.textContent=t,n.append(r,Hn(e,`danger`,`data-wui-discard-confirm`,Pn.discard),Hn(e,`soft`,`data-wui-discard-keep`,Pn.keep)),n}function Wn(e){let t=e.closest?.(Z);if(t)return t;let n=e.closest?.(In);return n&&$(n).length?n:null}function Gn(e){return e.closest(Z)??e.closest(In)}function Kn(e,t){return t.hasAttribute(Ln)||e.hasAttribute(Ln)?!1:t.hasAttribute(`confirm-discard`)||e.hasAttribute(`data-wui-confirm-discard`)?!0:(e.getAttribute(`method`)||`get`).toLowerCase()!==`get`}function $(e){return e.matches(Z)?e.querySelectorAll(`form`):[...e.querySelectorAll(`form`)].filter(t=>Kn(t,e))}function qn(e){let t=Q.get(e);return t!=null&&X(e)!==t}function Jn(e){let t=e.ownerDocument.createElement(`div`);return t.className=`wui-drawer-footer`,e.querySelector(`.wui-drawer-panel`).append(t),Vn.add(t),t}function Yn(e){let t=e.ownerDocument.createElement(`div`);return t.className=`wui-modal-footer`,(e.querySelector(`.wui-modal-body`)?.parentElement??e.querySelector(`.modal-content`)??e).append(t),Vn.add(t),t}function Xn(e){e.querySelector(`[data-wui-discard-confirm]`).focus()}function Zn(e,t,n){let r=e.querySelector(Rn);if(r){Xn(r);return}let i=Un(e.ownerDocument,t),a;e.matches(Z)?(a=e.querySelector(`.wui-drawer-footer`)??Jn(e),a.prepend(i)):e.hasAttribute(`confirm-discard`)?(a=e.querySelector(`.wui-modal-footer`)??Yn(e),a.prepend(i)):(a=n.querySelector(`.modal-footer`),a?a.prepend(i):(a=n,n.append(i))),a.classList.add(`wui-drawer-discarding`),Xn(i)}function Qn(e){let t=e.parentElement;e.remove(),t.classList.remove(`wui-drawer-discarding`),Vn.has(t)&&t.remove()}function $n(e){for(let t of $(e)){let e=[...t.querySelectorAll(zn)].find(e=>e.type!==`hidden`&&!e.disabled);if(e){e.focus();return}}}function er(e){let t=Wn(e.target);if(t)for(let e of $(t))Q.get(e)??Q.set(e,X(e))}function tr(e){for(let t of e.currentTarget.querySelectorAll(`form`)){let e=Q.get(t);e!=null&&Q.set(t,gn(t,e))}}function nr(e){let t=e.target;t instanceof HTMLFormElement&&Wn(t)&&Q.set(t,X(t))}function rr(e){let t=e.detail?.handle?.el;if(t instanceof Element)for(let e of t.querySelectorAll(`form`))Q.delete(e)}function ir(e){let t=e.target;t instanceof Element&&t.matches(Z)&&[...$(t)].some(qn)&&(e.preventDefault(),Zn(t,t.getAttribute(`confirm-discard`),null))}function ar(e){let t=e.target;if(!(t instanceof Element)||!t.matches(In))return;let n=[...$(t)].find(qn);n&&(e.preventDefault(),Zn(t,n.getAttribute(`data-wui-confirm-discard`)??t.getAttribute(`confirm-discard`)??Pn.question,n))}function or(e){let t=e.closest(`wui-drawer`);if(t){t.dispatchEvent(new CustomEvent(`wui-drawer-close`,{bubbles:!0,cancelable:!0}))&&t.hide();return}let n=e.closest(In);n&&window.bootstrap?.Modal?.getInstance(n)?.hide()}function sr(e){let t=e.closest(Rn),n=Gn(t);Qn(t);for(let e of $(n))Q.set(e,X(e));n.dispatchEvent(new CustomEvent(Fn,{bubbles:!0})),n.matches(Z)?n.hide():window.bootstrap.Modal.getInstance(n).hide()}function cr(e){let t=e.closest(Rn),n=Gn(t);Qn(t),$n(n)}function lr(e){let t=e.target,n=t.closest?.(`[data-wui-discard-confirm]`);if(n){sr(n);return}let r=t.closest?.(`[data-wui-discard-keep]`);if(r){cr(r);return}let i=t.closest?.(`[data-wui-dismiss]`);i&&or(i)}function ur(e){if(e.key!==`Escape`)return;let t=e.currentTarget.querySelector(Rn);if(!t)return;e.preventDefault(),e.stopPropagation();let n=Gn(t);Qn(t),$n(n)}function dr(e=document){let t=e.ownerDocument||e;Bn.has(t)||(Bn.add(t),t.addEventListener(`focusin`,er),t.addEventListener(`pointerdown`,er),t.addEventListener(`submit`,nr),t.addEventListener(n,tr),t.addEventListener(`wui:modal:success`,rr),t.addEventListener(`wui:modal:loaded`,rr),t.addEventListener(`wui-drawer-close`,ir,!0),t.addEventListener(`hide.bs.modal`,ar),t.addEventListener(`click`,lr),t.addEventListener(`keydown`,ur,!0))}export{Ze as C,Je as S,$e as T,Et as _,ln as a,gt as b,Nn as c,jt as d,At as f,Dt as g,cn as h,dr as i,G as l,Wt as m,Pn as n,X as o,K as p,Un as r,Mn as s,Fn as t,kt as u,mt as v,Ye as w,et as x,_t as y};

package/dist/elements/date-range.js

@@ -1 +1 @@
-import{n as e}from"../elementBase-DV9IZZCu.js";import{t}from"../WuiDateRange-D0JjHJpa.js";e(`wui-date-range`,t);export{t as WuiDateRange};
+import{n as e}from"../elementBase-DV9IZZCu.js";import{t}from"../WuiDateRange-DUkF9FYe.js";e(`wui-date-range`,t);export{t as WuiDateRange};

package/dist/elements/datepicker.js

@@ -1 +1 @@
-import{n as e}from"../elementBase-DV9IZZCu.js";import{t}from"../WuiDatePicker-sq_13WUI.js";e(`wui-datepicker`,t);export{t as WuiDatePicker};
+import{n as e}from"../elementBase-DV9IZZCu.js";import{t}from"../WuiDatePicker-D6x670lh.js";e(`wui-datepicker`,t);export{t as WuiDatePicker};

package/dist/elements/filter-popover.js

@@ -1 +1 @@
-import{n as e,t}from"../filterPopover-C8MVAfyI.js";e();export{t as FILTER_POPOVER_MAX_CHIPS};
+import{n as e,t}from"../filterPopover-DrwHiZiL.js";e();export{t as FILTER_POPOVER_MAX_CHIPS};

package/dist/elements/select.js

@@ -1 +1 @@
-import{n as e}from"../elementBase-DV9IZZCu.js";import{t}from"../WuiSelect-1TmFVLek.js";e(`wui-select`,t);export{t as WuiSelect};
+import{n as e}from"../elementBase-DV9IZZCu.js";import{t}from"../WuiSelect-Doosf5WD.js";e(`wui-select`,t);export{t as WuiSelect};

package/dist/elements/tour.js

@@ -1 +1 @@
-import{n as e}from"../elementBase-DV9IZZCu.js";import{n as t,t as n}from"../WuiTour-ClCXfOtI.js";e(`wui-tour`,n);export{n as WuiTour,t as createLocalSeenStore};
+import{n as e}from"../elementBase-DV9IZZCu.js";import{n as t,t as n}from"../WuiTour-D18C-wQP.js";e(`wui-tour`,n);export{n as WuiTour,t as createLocalSeenStore};

package/dist/elements/wizard.js

@@ -1 +1 @@
-import{n as e}from"../elementBase-DV9IZZCu.js";import{n as t,t as n}from"../WuiWizardStep-LecF3VY7.js";e(`wui-wizard-step`,n),e(`wui-wizard`,t);export{t as WuiWizard,n as WuiWizardStep};
+import{n as e}from"../elementBase-DV9IZZCu.js";import{n as t,t as n}from"../WuiWizardStep-BI6ClNdF.js";e(`wui-wizard-step`,n),e(`wui-wizard`,t);export{t as WuiWizard,n as WuiWizardStep};

package/dist/filterPopover-DrwHiZiL.js

@@ -0,0 +1 @@
+import{n as e,r as t,t as n}from"./anchorOverlay-CBMAnDUt.js";import{n as r,t as i}from"./elementBase-DV9IZZCu.js";import{d as a}from"./shortcutKeys-CvxSh3bV.js";var o=2,s=`wui-filter-popover-pinned`,c=`.wui-filter-popover-trigger`,l=`.wui-filter-popover-panel`,u=`.wui-filter-popover-head`,d=`input:not([type]),input[type="text"],input[type="search"]`,f=`a[href],button:not([disabled]),input:not([disabled]):not([type='hidden']),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex='-1'])`;function p(){try{return sessionStorage.getItem(s)===`1`}catch{return!1}}function m(e){try{e?sessionStorage.setItem(s,`1`):sessionStorage.removeItem(s)}catch{}}var h=class extends i{constructor(){super(),this._doc=null,this._timer=null,this._sticky=!1,this._inside=!1,this._pendingSubmit=!1,this._onEnter=e=>{e.pointerType!==`touch`&&e.pointerType!==`pen`&&(this._inside=!0,this._schedule(!0))},this._onLeave=e=>{e.pointerType!==`touch`&&e.pointerType!==`pen`&&(this._inside=!1,this._schedule(!1))},this._onClick=e=>{this._trigger?.contains(e.target)&&(this._clear(),this.isOpen&&this._sticky?this._close(!0):this._open(!0,e.detail===0))},this._onChange=e=>{let t=this._pin;e.target===t?(m(t.checked),t.checked?this._clear():this._schedule(!1)):e.target.closest?.(`wui-select[mode="multiple"], wui-select[mode="tag"]`)?.querySelector(`[aria-expanded="true"]`)?this._pendingSubmit=!0:this.closest(`form.wui-filter-form`)?.requestSubmit()},this._onListClose=()=>{this._pendingSubmit&&(this._pendingSubmit=!1,this.closest(`form.wui-filter-form`)?.requestSubmit())},this._onFocusOut=e=>{this.contains(e.relatedTarget)||this._schedule(!1)},this._onKeyDown=e=>{e.key===`Enter`&&this._panel?.contains(e.target)&&e.target.matches(d)&&(e.preventDefault(),this.closest(`form.wui-filter-form`)?.requestSubmit())},this._onShortcut=e=>{this.ownerDocument.querySelector(`wui-filter-popover`)===this&&a(e,{f:()=>this._open(!0,!0)})},this._onEscape=e=>{e.key===`Escape`&&this.isOpen&&this._close(!0)},this._onOutside=e=>{this.isOpen&&!this.contains(e.target)&&this._close(!1)}}get isOpen(){let e=this._panel;return e?!e.hidden:!1}connectedCallback(){this._doc=this.ownerDocument,this.addEventListener(`pointerenter`,this._onEnter),this.addEventListener(`pointerleave`,this._onLeave),this.addEventListener(`click`,this._onClick),this.addEventListener(`change`,this._onChange),this.addEventListener(`focusout`,this._onFocusOut),this.addEventListener(`keydown`,this._onKeyDown),this.addEventListener(`wui-select:close`,this._onListClose),this._doc.addEventListener(`keydown`,this._onShortcut),p()&&this._pin&&(this._pin.checked=!0,this._open(!1,!1))}disconnectedCallback(){this._clear(),this.removeEventListener(`pointerenter`,this._onEnter),this.removeEventListener(`pointerleave`,this._onLeave),this.removeEventListener(`click`,this._onClick),this.removeEventListener(`change`,this._onChange),this.removeEventListener(`focusout`,this._onFocusOut),this.removeEventListener(`keydown`,this._onKeyDown),this.removeEventListener(`wui-select:close`,this._onListClose),this._doc?.removeEventListener(`keydown`,this._onShortcut),this._doc?.removeEventListener(`keydown`,this._onEscape),this._doc?.removeEventListener(`click`,this._onOutside),t(this),this._doc=null}get _trigger(){return this.querySelector(c)}get _panel(){return this.querySelector(l)}get _pin(){return this.querySelector(`${u} input[type="checkbox"]`)}get _pinned(){return this._pin?.checked===!0}_clear(){this._timer!==null&&clearTimeout(this._timer),this._timer=null}_schedule(e){if(this._clear(),e){if(this.isOpen)return;this._timer=setTimeout(()=>{this._timer=null,this._open(!1,!1)},150)}else this.isOpen&&!this._stayOpen()&&(this._timer=setTimeout(()=>{this._timer=null,this._stayOpen()||this._close(!1)},400))}_stayOpen(){let e=this._panel;return e?this._pinned||this._inside||e.contains(this.ownerDocument.activeElement)||e.querySelector(`[aria-expanded="true"]`)!==null:!1}_open(t,n){this._clear();let r=this._panel,i=this._trigger;r&&i&&(this.isOpen?t&&(this._sticky=!0):(r.hidden=!1,i.setAttribute(`aria-expanded`,`true`),this._sticky=t,this._reposition(),e(this,()=>{this._triggerOutOfView()?this._close(!1):this._reposition()}),this._doc?.addEventListener(`keydown`,this._onEscape),this._doc?.addEventListener(`click`,this._onOutside)),n&&(r.querySelector(`.wui-filter-popover-grid`)?.querySelector(f)??r.querySelector(f))?.focus())}_close(e){if(this._clear(),!this.isOpen)return;let n=this._panel,r=n.contains(this.ownerDocument.activeElement);n.hidden=!0,this._trigger?.setAttribute(`aria-expanded`,`false`),this._sticky=!1,t(this),this._doc?.removeEventListener(`keydown`,this._onEscape),this._doc?.removeEventListener(`click`,this._onOutside),e&&r&&this._trigger?.focus()}_reposition(){this.isOpen&&this._trigger&&n(this._trigger,this._panel,{clampHeight:!0,alignEnd:!0})}_triggerOutOfView(){let e=this._trigger;if(!e||!this._doc?.elementFromPoint)return!1;let t=e.getBoundingClientRect();if(!t.width&&!t.height)return!1;let n=this._doc.elementFromPoint(t.left+t.width/2,t.top+t.height/2);return!n||!(e.contains(n)||this._panel?.contains(n))}};function g(){r(`wui-filter-popover`,h)}export{g as n,o as t};

package/dist/loader-D5dqed_u.js

@@ -0,0 +1 @@
+var e=Object.freeze({carousel:{entries:[`elements/carousel.js`],tags:[`wui-carousel`]},"code-block":{entries:[`elements/code-block.js`],tags:[`wui-code-block`]},"command-palette":{entries:[`elements/command-palette.js`],tags:[`wui-command-palette`]},"comment-thread":{entries:[`elements/comment-thread.js`],tags:[`wui-mention-input`,`wui-comment-thread`]},"consent-banner":{entries:[`elements/consent-banner.js`],tags:[`wui-consent-banner`]},"context-menu":{entries:[`elements/context-menu.js`],tags:[`wui-context-menu`]},"date-range":{entries:[`elements/date-range.js`],tags:[`wui-date-range`]},drawer:{entries:[`elements/drawer.js`],tags:[`wui-drawer`]},"image-crop":{entries:[`elements/image-crop.js`],tags:[`wui-image-crop`]},"inline-edit":{entries:[`elements/inline-edit.js`],tags:[`wui-inline-edit`]},kanban:{entries:[`elements/kanban.js`],tags:[`wui-kanban`]},"lead-popup":{entries:[`elements/lead-popup.js`],tags:[`wui-lead-popup`]},lightbox:{entries:[`elements/lightbox.js`],tags:[`wui-lightbox`]},"org-tree":{entries:[`elements/org-tree.js`],tags:[`wui-org-tree`]},markdown:{entries:[`elements/markdown.js`],tags:[`wui-markdown`]},phone:{entries:[`elements/phone.js`,`global/parts/select-country.js`],tags:[`wui-phone`]},resizable:{entries:[`elements/resizable.js`],tags:[`wui-resizable`]},"saved-views":{entries:[`elements/saved-views.js`],tags:[`wui-saved-views`]},"select-chips":{entries:[`global/parts/select-chips.js`],tags:[]},"select-search":{entries:[`global/parts/select-search.js`],tags:[]},slider:{entries:[`elements/slider.js`],tags:[`wui-slider`]},sortable:{entries:[`elements/sortable.js`],tags:[`wui-sortable`]},"status-icon":{entries:[`elements/status-icon.js`],tags:[`wui-status-icon`]},timepicker:{entries:[`elements/timepicker.js`],tags:[`wui-timepicker`]},tour:{entries:[`elements/tour.js`],tags:[`wui-tour`]},tree:{entries:[`elements/tree.js`],tags:[`wui-tree`]},wizard:{entries:[`elements/wizard.js`],tags:[`wui-wizard-step`,`wui-wizard`]},chart:{file:`ui-chart.global.js`,tags:[`wui-chart`],selfContained:!0},calendar:{file:`ui-calendar.global.js`,tags:[`wui-calendar`],selfContained:!0},"rich-text":{file:`ui-rich-text.global.js`,tags:[`wui-rich-text`],selfContained:!0},"file-viewer":{file:`ui-file-viewer.global.js`,tags:[`wui-file-viewer`],selfContained:!0}});Object.freeze({anchorOverlay:`anchorOverlay.js`,buttonClass:`buttonClass.js`,calendarMath:`calendarMath.js`,copyText:`copyText.js`,dataTable:`dataTable.js`,defineElement:`defineElement.js`,devWarn:`devWarn.js`,elementBase:`elementBase.js`,fieldState:`fieldState.js`,formatters:`formatters.js`,formMirror:`formMirror.js`,iconGlyphs:`iconGlyphs.g.js`,listboxKeyNav:`listboxKeyNav.js`,loader:`global/loader.js`,mentionText:`mentionText.js`,notificationDays:`notificationDays.js`,optionLabel:`optionLabel.js`,partRegistry:`select/partRegistry.js`,selectList:`select/list.js`,stepperHeader:`stepperHeader.js`,tableSelect:`tableSelect.js`,textMatch:`textMatch.js`,wuiHttp:`server/wuiHttp.js`,WuiSelect:`WuiSelect.js`,zone:`zone.js`});var t=`wui-elements:defined`,n=`wui-elements:load-error`,r=/* @__PURE__ */ new Map;for(let[t,n]of Object.entries(e))for(let e of n.tags)r.set(e,t);[...r.keys()].join(`,`);export{n,t};

package/dist/search-CHbwgrpT.js

@@ -0,0 +1 @@
+import{n as e}from"./devWarn-DXdRWZs3.js";import{i as t}from"./optionLabel-CjrUbe2a.js";import{t as n}from"./customRule-BE7CusA3.js";var r=(e,n)=>{let r=n.toLowerCase(),i=e.getAttribute(`value-label`);return i&&String(e.value??``)!==``&&i.toLowerCase()===r?!0:e.options.some(e=>t(e).toLowerCase()===r||String(e.value??``).toLowerCase()===r)};function i(){let t=null,i=null,a=0,o=null,s=null,c=null,l=``,u=null,d=()=>typeof t.loadOptions==`function`||!!t.getAttribute(`source`),f=(e,n,r)=>{let i=t.getAttribute(e);if(i==null||i.trim()===``)return n;let a=Number(i);return r(a)?a:n},p=()=>f(`min-chars`,1,e=>Number.isInteger(e)&&e>=0),m=()=>f(`debounce`,250,e=>Number.isFinite(e)&&e>=0),h=()=>{s?.abort(),s=null};function g(e,n){if(typeof t.loadOptions==`function`)return t.loadOptions(e,{signal:n});let r=t.getAttribute(`source`),i=`${r}${r.includes(`?`)?`&`:`?`}q=${encodeURIComponent(e)}`;return fetch(i,{signal:n,credentials:`same-origin`,headers:{Accept:`application/json`}}).then(e=>{if(!e.ok)throw Error(`search request failed with status ${e.status}`);return e.json()})}function _(n,r,i){r?(e(`wui-select: search failed`,i),t.setPartOptions([]),t.setStatus(`empty`)):(t.setPartOptions(n),t.setStatus(n.length?`idle`:`empty`))}async function v(e,t,n){let r=[],i=!1,o=null;try{if(r=await g(e,n),!Array.isArray(r))throw TypeError(`search results must be an array`)}catch(e){i=!0,o=e??/* @__PURE__ */ Error(`search failed`)}finally{t===a&&(s=null,_(r,i,o))}}function y(e){let n=a;h(),s=new AbortController,t.setStatus(`loading`),v(e,n,s.signal)}let b=(e,n)=>t.dispatchEvent(new CustomEvent(`search`,{bubbles:!0,detail:{query:e,seq:n}}));function x(e){a+=1,h(),clearTimeout(o),o=null,e.trim().length<p()?(t.setPartOptions([]),t.setStatus(`hint`)):(b(e,a),y(e))}return{mount(e,n,r={}){t=e,i=n;let a=i.search?.value??``;i.search&&r.carry?.query&&a===``&&(i.search.value=r.carry.query),a.trim()!==``&&t._onQueryChange(a)},onQuery(e){if(a+=1,h(),clearTimeout(o),o=null,l=e,u=null,!d())return!1;if(e.trim().length<p())return t.setPartOptions([]),t.setStatus(`hint`),!0;let n=a;return o=setTimeout(()=>{o=null,b(e,n),y(e)},m()),!0},onOpen(){if(d()){if(u!==null){let e=u;u=null,x(e)}else p()===0&&t._query.trim()===``&&x(``)}},onBlur(){if(t.mode!==`search`||!t.hasAttribute(`allow-custom`))return!1;let e=(i.search?.value??``).trim();if(!e||e===String(t.value)||r(t,e))return!1;let a=n(t,e);return a?(t.setError(a),!1):(t.commit(e,{isCustom:!0}),!0)},actionRow(e){if(c=null,t.mode===`tag`||!t.hasAttribute(`allow-custom`))return null;let n=e.trim();return!n||r(t,n)?null:(c={position:`bottom`,label:(t.getAttribute(`add-label`)??`Add '{query}'`).replaceAll(`{query}`,n),value:n},c)},onPick(e){if(!c||e.value!==c.value||e.label!==c.label)return!1;let n=c.value;return c=null,t.commit(n,{isCustom:!0}),!0},renderValue(){let e=t.value;if(!e||t.options.some(t=>String(t.value)===String(e)))return!1;let n=t.getAttribute(`value-label`);return n?(i.value.classList.remove(`wui-select-placeholder`),i.value.textContent=n,!0):!1},teardown(){(o!==null||s!==null)&&(u=l),a+=1,clearTimeout(o),o=null,h(),c=null}}}export{i as default};

package/dist/server.js

@@ -1 +1 @@
-import{C as e,S as t,T as n,_ as r,a as i,b as a,c as o,d as s,f as c,g as l,h as u,i as d,l as f,m as p,n as m,o as h,p as g,r as _,s as v,t as y,u as b,v as x,w as S,x as C,y as w}from"./drawerDiscard-8StN3xcZ.js";import{a as T,c as E,d as D,i as O,l as k,n as A,o as j,r as M,s as N,t as P,u as F}from"./wuiHttp-DgnM7K2Q.js";var I=31536e3,L=/* @__PURE__ */ new WeakMap,R=e=>e>99?`99+`:String(e),z=(e,t)=>Object.entries(t).reduce((e,[t,n])=>e.replaceAll(`{${t}}`,()=>String(n)),e);function B(e,t,n=document){try{n.cookie=`${e}=${t?`1`:`0`}; Path=/; Max-Age=${I}; SameSite=Lax`}catch(e){if(!(e instanceof DOMException&&e.name===`SecurityError`))throw e}}function V(e,t,n,r=document){try{let i=`${e}=`,a=r.cookie.split(`;`).map(e=>e.trim()).find(e=>e.startsWith(i)),o=new Set(a?a.slice(i.length).split(`.`).filter(Boolean):[]);n?o.add(t):o.delete(t),r.cookie=`${e}=${[...o].join(`.`)}; Path=/; Max-Age=${I}; SameSite=Lax`}catch(e){if(!(e instanceof DOMException&&e.name===`SecurityError`))throw e}}var H=e=>{let t=document.createElement(`template`);return t.innerHTML=e,t.content},U=(e,t)=>{let n=document.createElement(`div`);return n.className=e,n.textContent=t,n};function W(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=e.dataset.loadingText??`Loading…`,f=e.dataset.noUnreadText??`No unread notifications`,p=e.dataset.unreadText??`{count} unread notifications`,m=e.dataset.bellLabel??`{label}, {count} unread`,h=Number(e.dataset.pollSeconds??60),g=N(),_=Number(e.dataset.unread)||0,v=(t,a=!0)=>{let o=Math.max(0,Number(t)||0),s=o!==_;_=o,e.dataset.unread=String(o),r&&(r.textContent=R(o),r.hidden=o===0),n?.setAttribute(`aria-label`,o===0?l:z(m,{label:l,count:R(o)})),a&&s&&i&&(i.textContent=o===0?f:z(p,{count:R(o)}))},y=()=>o?.classList.contains(`show`)??!1,b=()=>{let e=U(`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)},x=async t=>{t&&(a.setAttribute(`aria-busy`,`true`),a.querySelector(`.wui-bell-item`)||a.replaceChildren(U(`wui-bell-state`,d)));let n=await g.run(s);if(n.kind===`aborted`||n.kind===`stale`||n.kind===`session`)return;if(a.removeAttribute(`aria-busy`),!n.ok){t&&b();return}let r=H(n.html),i=r.querySelector(`[data-wui-unread]`),o=i?Number(i.getAttribute(`data-wui-unread`)):_;v(o),(t||y())&&(r.querySelector(`.wui-bell-item`)?a.replaceChildren(r):a.replaceChildren(U(`wui-bell-state`,u))),e.dispatchEvent(new CustomEvent(`wui:notifications:loaded`,{bubbles:!0,detail:{unread:o}}))};e.addEventListener(`show.bs.dropdown`,()=>x(!0)),e.addEventListener(`click`,async e=>{if(e.target.closest(`[data-wui-bell-retry]`)){x(!0);return}let t=e.target.closest(`[data-wui-bell-read]`);if(!t||!c)return;t.disabled=!0;let n=await k(c,{method:`POST`});t.disabled=!1,n.ok&&(v(0),x(!0))});let S=null,C=()=>{h>0&&S===null&&(S=setInterval(()=>x(y()),h*1e3))},w=()=>{S!==null&&clearInterval(S),S=null},T=()=>{document.hidden?w():(x(y()),C())};return h>0&&(document.addEventListener(`visibilitychange`,T),document.hidden||C()),t.push(()=>{w(),g.abort(),document.removeEventListener(`visibilitychange`,T)}),{setUnread:e=>v(e),refresh:()=>x(y())}}var G=e=>!!e&&(e.isContentEditable||/^(INPUT|TEXTAREA|SELECT)$/.test(e.tagName)),K=(e,t,n)=>`${e}${e.includes(`?`)?`&`:`?`}${encodeURIComponent(t)}=${encodeURIComponent(n)}`;function q(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=e.dataset.noResultsText??`No results`,f=e.dataset.resultsCountText??`{count} results`,p=e.dataset.resultCountText??`{count} result`,m=N(),h=null,g=-1,_=()=>[...r.querySelectorAll(`.wui-topsearch-hit`)],v=e=>{let t=_();g=t.length===0?-1:(e+t.length)%t.length,t.forEach((e,t)=>{let n=t===g;e.classList.toggle(`is-active`,n),e.setAttribute(`aria-selected`,n?`true`:`false`)}),g>=0?(n.setAttribute(`aria-activedescendant`,t[g].id),t[g].scrollIntoView?.({block:`nearest`})):n.removeAttribute(`aria-activedescendant`)},y=()=>{r.hidden=!0,n.setAttribute(`aria-expanded`,`false`),n.removeAttribute(`aria-activedescendant`),g=-1},b=()=>{r.hidden=!1,n.setAttribute(`aria-expanded`,`true`)},x=t=>{e.classList.toggle(`is-open`,t),i?.setAttribute(`aria-expanded`,t?`true`:`false`)},S=t=>{let n=new CustomEvent(`wui:search:select`,{bubbles:!0,cancelable:!0,detail:{href:t}});e.dispatchEvent(n)&&window.location.assign(t)},C=async t=>{e.classList.add(`is-loading`);let n=await m.run(K(o,s,t));if(n.kind!==`aborted`&&n.kind!==`stale`&&n.kind!==`session`){if(e.classList.remove(`is-loading`),n.ok){let e=H(n.html),t=e.querySelector(`[data-wui-count]`);r.replaceChildren(e),_().forEach((e,t)=>{e.id=`${r.id}-opt-${t}`});let i=t?Number(t.getAttribute(`data-wui-count`)):_().length;a&&(a.textContent=i===0?d:z(i===1?p:f,{count:i}))}else r.replaceChildren(U(`wui-topsearch-empty`,`Search is unavailable right now.`));g=-1,b()}};n.addEventListener(`input`,()=>{clearTimeout(h);let t=n.value.trim();t.length<l?(m.abort(),e.classList.remove(`is-loading`),r.replaceChildren(),y()):h=setTimeout(()=>C(t),u)}),n.addEventListener(`keydown`,t=>{if(t.key===`ArrowDown`||t.key===`ArrowUp`){if(r.hidden||_().length===0)return;t.preventDefault(),v(g+(t.key===`ArrowDown`?1:-1))}else if(t.key===`Enter`){let e=_();!r.hidden&&g>=0&&e[g]?(t.preventDefault(),S(e[g].getAttribute(`href`))):c&&n.value.trim()!==``&&(t.preventDefault(),S(K(c,s,n.value.trim())))}else t.key===`Escape`&&(r.hidden?e.classList.contains(`is-open`)&&(t.preventDefault(),t.stopPropagation(),x(!1),i?.focus()):(t.preventDefault(),t.stopPropagation(),y()))}),r.addEventListener(`click`,e=>{let t=e.target.closest(`.wui-topsearch-hit`);!t||e.ctrlKey||e.metaKey||e.shiftKey||e.button===1||(e.preventDefault(),S(t.getAttribute(`href`)))}),i?.addEventListener(`click`,()=>{let t=!e.classList.contains(`is-open`);x(t),t&&n.focus()});let w=e=>{e.key!==`/`||e.ctrlKey||e.metaKey||e.altKey||G(e.target)||(e.preventDefault(),x(!0),n.focus())},T=t=>{e.contains(t.target)||(y(),e.classList.contains(`is-open`)&&x(!1))};document.addEventListener(`keydown`,w),document.addEventListener(`pointerdown`,T),t.push(()=>{clearTimeout(h),m.abort(),document.removeEventListener(`keydown`,w),document.removeEventListener(`pointerdown`,T)})}function J(e){let t=[],n=e.dataset.wuiCollapsedCookie;n&&e.addEventListener(`wui:shell:collapse`,e=>B(n,!!e.detail?.collapsed));let r=e.dataset.wuiFoldedCookie;r&&e.addEventListener(`wui:shell:nav-fold`,e=>V(r,e.detail?.key,!!e.detail?.folded)),e.addEventListener(`click`,t=>{t.target.closest(`[data-wui-tabbar-more]`)&&e.querySelector(`[data-app-shell-menu]`)?.click()});let i=e.querySelector(`[data-wui-bell]`),a=i?W(i,t):null,o=e.querySelector(`[data-wui-topsearch]`);o&&q(o,t);let s={el:e,setUnread(e){if(!a)throw Error(`WUI.shell: this <app-shell> has no <app-shell-notifications>.`);a.setUnread(e)},refreshNotifications(){if(!a)throw Error(`WUI.shell: this <app-shell> has no <app-shell-notifications>.`);return a.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)}};L.set(e,s);let c=n=>{if(n.target===e||n.target.contains?.(e)){for(let e of t)e();L.delete(e),delete e.dataset.wuiPartsWired,document.removeEventListener(`wui:teardown`,c)}};return document.addEventListener(`wui:teardown`,c),s}function Y(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`,J(e))}function X(e){let t=e?.closest?.(`[data-app-shell]`)??null;return t?(L.has(t)||Y(t),L.get(t)??null):null}export{f as CONFIRM_DIALOG_ID,b as CONFIRM_TONES,P as CSRF_META_NAME,A as DEFAULT_CSRF_HEADER,y as DISCARD_EVENT,m as DISCARD_TEXT,s as FLASH_STORAGE_KEY,c as FLASH_VARIANTS,M as HTTP_KINDS,g as SERVER_ACTION_TEXT,F as TOAST_ACTION_METHODS,x as TOAST_ACTION_MS,i as UNSAVED_TEXT,O as WUI_HEADERS,T as classifyStatus,C as closeRemotePane,j as configureCsrf,p as confirmAction,_ as createDiscardPrompt,N as createRequestQueue,h as formValues,l as getServerTable,X as getShell,d as initDrawerDiscard,t as initRemoteModals,u as initServerActions,r as initServerTables,Y as initShellParts,v as initUnsavedChanges,e as loadRemoteDrawer,S as loadRemoteModal,n as loadRemotePane,D as parseToastAction,E as readCsrf,o as resetUnsavedChanges,w as runToastAction,a as showResultToast,k as wuiFetch};
+import{C as e,S as t,T as n,_ as r,a as i,b as a,c as o,d as s,f as c,g as l,h as u,i as d,l as f,m as p,n as m,o as h,p as g,r as _,s as v,t as y,u as b,v as x,w as S,x as C,y as w}from"./drawerDiscard-BFrHUxca.js";import{a as T,c as E,d as D,i as O,l as k,n as A,o as j,r as M,s as N,t as P,u as F}from"./wuiHttp-DgnM7K2Q.js";var I=31536e3,L=/* @__PURE__ */ new WeakMap,R=e=>e>99?`99+`:String(e),z=(e,t)=>Object.entries(t).reduce((e,[t,n])=>e.replaceAll(`{${t}}`,()=>String(n)),e);function B(e,t,n=document){try{n.cookie=`${e}=${t?`1`:`0`}; Path=/; Max-Age=${I}; SameSite=Lax`}catch(e){if(!(e instanceof DOMException&&e.name===`SecurityError`))throw e}}function V(e,t,n,r=document){try{let i=`${e}=`,a=r.cookie.split(`;`).map(e=>e.trim()).find(e=>e.startsWith(i)),o=new Set(a?a.slice(i.length).split(`.`).filter(Boolean):[]);n?o.add(t):o.delete(t),r.cookie=`${e}=${[...o].join(`.`)}; Path=/; Max-Age=${I}; SameSite=Lax`}catch(e){if(!(e instanceof DOMException&&e.name===`SecurityError`))throw e}}var H=e=>{let t=document.createElement(`template`);return t.innerHTML=e,t.content},U=(e,t)=>{let n=document.createElement(`div`);return n.className=e,n.textContent=t,n};function W(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=e.dataset.loadingText??`Loading…`,f=e.dataset.noUnreadText??`No unread notifications`,p=e.dataset.unreadText??`{count} unread notifications`,m=e.dataset.bellLabel??`{label}, {count} unread`,h=Number(e.dataset.pollSeconds??60),g=N(),_=Number(e.dataset.unread)||0,v=(t,a=!0)=>{let o=Math.max(0,Number(t)||0),s=o!==_;_=o,e.dataset.unread=String(o),r&&(r.textContent=R(o),r.hidden=o===0),n?.setAttribute(`aria-label`,o===0?l:z(m,{label:l,count:R(o)})),a&&s&&i&&(i.textContent=o===0?f:z(p,{count:R(o)}))},y=()=>o?.classList.contains(`show`)??!1,b=()=>{let e=U(`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)},x=async t=>{t&&(a.setAttribute(`aria-busy`,`true`),a.querySelector(`.wui-bell-item`)||a.replaceChildren(U(`wui-bell-state`,d)));let n=await g.run(s);if(n.kind===`aborted`||n.kind===`stale`||n.kind===`session`)return;if(a.removeAttribute(`aria-busy`),!n.ok){t&&b();return}let r=H(n.html),i=r.querySelector(`[data-wui-unread]`),o=i?Number(i.getAttribute(`data-wui-unread`)):_;v(o),(t||y())&&(r.querySelector(`.wui-bell-item`)?a.replaceChildren(r):a.replaceChildren(U(`wui-bell-state`,u))),e.dispatchEvent(new CustomEvent(`wui:notifications:loaded`,{bubbles:!0,detail:{unread:o}}))};e.addEventListener(`show.bs.dropdown`,()=>x(!0)),e.addEventListener(`click`,async e=>{if(e.target.closest(`[data-wui-bell-retry]`)){x(!0);return}let t=e.target.closest(`[data-wui-bell-read]`);if(!t||!c)return;t.disabled=!0;let n=await k(c,{method:`POST`});t.disabled=!1,n.ok&&(v(0),x(!0))});let S=null,C=()=>{h>0&&S===null&&(S=setInterval(()=>x(y()),h*1e3))},w=()=>{S!==null&&clearInterval(S),S=null},T=()=>{document.hidden?w():(x(y()),C())};return h>0&&(document.addEventListener(`visibilitychange`,T),document.hidden||C()),t.push(()=>{w(),g.abort(),document.removeEventListener(`visibilitychange`,T)}),{setUnread:e=>v(e),refresh:()=>x(y())}}var G=e=>!!e&&(e.isContentEditable||/^(INPUT|TEXTAREA|SELECT)$/.test(e.tagName)),K=(e,t,n)=>`${e}${e.includes(`?`)?`&`:`?`}${encodeURIComponent(t)}=${encodeURIComponent(n)}`;function q(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=e.dataset.noResultsText??`No results`,f=e.dataset.resultsCountText??`{count} results`,p=e.dataset.resultCountText??`{count} result`,m=N(),h=null,g=-1,_=()=>[...r.querySelectorAll(`.wui-topsearch-hit`)],v=e=>{let t=_();g=t.length===0?-1:(e+t.length)%t.length,t.forEach((e,t)=>{let n=t===g;e.classList.toggle(`is-active`,n),e.setAttribute(`aria-selected`,n?`true`:`false`)}),g>=0?(n.setAttribute(`aria-activedescendant`,t[g].id),t[g].scrollIntoView?.({block:`nearest`})):n.removeAttribute(`aria-activedescendant`)},y=()=>{r.hidden=!0,n.setAttribute(`aria-expanded`,`false`),n.removeAttribute(`aria-activedescendant`),g=-1},b=()=>{r.hidden=!1,n.setAttribute(`aria-expanded`,`true`)},x=t=>{e.classList.toggle(`is-open`,t),i?.setAttribute(`aria-expanded`,t?`true`:`false`)},S=t=>{let n=new CustomEvent(`wui:search:select`,{bubbles:!0,cancelable:!0,detail:{href:t}});e.dispatchEvent(n)&&window.location.assign(t)},C=async t=>{e.classList.add(`is-loading`);let n=await m.run(K(o,s,t));if(n.kind!==`aborted`&&n.kind!==`stale`&&n.kind!==`session`){if(e.classList.remove(`is-loading`),n.ok){let e=H(n.html),t=e.querySelector(`[data-wui-count]`);r.replaceChildren(e),_().forEach((e,t)=>{e.id=`${r.id}-opt-${t}`});let i=t?Number(t.getAttribute(`data-wui-count`)):_().length;a&&(a.textContent=i===0?d:z(i===1?p:f,{count:i}))}else r.replaceChildren(U(`wui-topsearch-empty`,`Search is unavailable right now.`));g=-1,b()}};n.addEventListener(`input`,()=>{clearTimeout(h);let t=n.value.trim();t.length<l?(m.abort(),e.classList.remove(`is-loading`),r.replaceChildren(),y()):h=setTimeout(()=>C(t),u)}),n.addEventListener(`keydown`,t=>{if(t.key===`ArrowDown`||t.key===`ArrowUp`){if(r.hidden||_().length===0)return;t.preventDefault(),v(g+(t.key===`ArrowDown`?1:-1))}else if(t.key===`Enter`){let e=_();!r.hidden&&g>=0&&e[g]?(t.preventDefault(),S(e[g].getAttribute(`href`))):c&&n.value.trim()!==``&&(t.preventDefault(),S(K(c,s,n.value.trim())))}else t.key===`Escape`&&(r.hidden?e.classList.contains(`is-open`)&&(t.preventDefault(),t.stopPropagation(),x(!1),i?.focus()):(t.preventDefault(),t.stopPropagation(),y()))}),r.addEventListener(`click`,e=>{let t=e.target.closest(`.wui-topsearch-hit`);!t||e.ctrlKey||e.metaKey||e.shiftKey||e.button===1||(e.preventDefault(),S(t.getAttribute(`href`)))}),i?.addEventListener(`click`,()=>{let t=!e.classList.contains(`is-open`);x(t),t&&n.focus()});let w=e=>{e.key!==`/`||e.ctrlKey||e.metaKey||e.altKey||G(e.target)||(e.preventDefault(),x(!0),n.focus())},T=t=>{e.contains(t.target)||(y(),e.classList.contains(`is-open`)&&x(!1))};document.addEventListener(`keydown`,w),document.addEventListener(`pointerdown`,T),t.push(()=>{clearTimeout(h),m.abort(),document.removeEventListener(`keydown`,w),document.removeEventListener(`pointerdown`,T)})}function J(e){let t=[],n=e.dataset.wuiCollapsedCookie;n&&e.addEventListener(`wui:shell:collapse`,e=>B(n,!!e.detail?.collapsed));let r=e.dataset.wuiFoldedCookie;r&&e.addEventListener(`wui:shell:nav-fold`,e=>V(r,e.detail?.key,!!e.detail?.folded)),e.addEventListener(`click`,t=>{t.target.closest(`[data-wui-tabbar-more]`)&&e.querySelector(`[data-app-shell-menu]`)?.click()});let i=e.querySelector(`[data-wui-bell]`),a=i?W(i,t):null,o=e.querySelector(`[data-wui-topsearch]`);o&&q(o,t);let s={el:e,setUnread(e){if(!a)throw Error(`WUI.shell: this <app-shell> has no <app-shell-notifications>.`);a.setUnread(e)},refreshNotifications(){if(!a)throw Error(`WUI.shell: this <app-shell> has no <app-shell-notifications>.`);return a.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)}};L.set(e,s);let c=n=>{if(n.target===e||n.target.contains?.(e)){for(let e of t)e();L.delete(e),delete e.dataset.wuiPartsWired,document.removeEventListener(`wui:teardown`,c)}};return document.addEventListener(`wui:teardown`,c),s}function Y(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`,J(e))}function X(e){let t=e?.closest?.(`[data-app-shell]`)??null;return t?(L.has(t)||Y(t),L.get(t)??null):null}export{f as CONFIRM_DIALOG_ID,b as CONFIRM_TONES,P as CSRF_META_NAME,A as DEFAULT_CSRF_HEADER,y as DISCARD_EVENT,m as DISCARD_TEXT,s as FLASH_STORAGE_KEY,c as FLASH_VARIANTS,M as HTTP_KINDS,g as SERVER_ACTION_TEXT,F as TOAST_ACTION_METHODS,x as TOAST_ACTION_MS,i as UNSAVED_TEXT,O as WUI_HEADERS,T as classifyStatus,C as closeRemotePane,j as configureCsrf,p as confirmAction,_ as createDiscardPrompt,N as createRequestQueue,h as formValues,l as getServerTable,X as getShell,d as initDrawerDiscard,t as initRemoteModals,u as initServerActions,r as initServerTables,Y as initShellParts,v as initUnsavedChanges,e as loadRemoteDrawer,S as loadRemoteModal,n as loadRemotePane,D as parseToastAction,E as readCsrf,o as resetUnsavedChanges,w as runToastAction,a as showResultToast,k as wuiFetch};

package/dist/ui-elements/carousel.global.js

@@ -1 +1 @@
-(function(e,t,n){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var r=globalThis.WeborityUiElementsInternal?.version;if(r!==`0.137.2`)throw Error(`[webority-ui] carousel expects ui-elements 0.137.2 but the page loaded `+r+`.`);var i=Object.freeze({slide:(e,t)=>`${e} of ${t}`,status:(e,t,n)=>e===t?`Slide ${e} of ${n}`:`Slides ${e} to ${t} of ${n}`,dot:`Go to slide`,pause:`Pause`,play:`Play`}),a=120,o=class extends n.ElementBase{static get observedAttributes(){return[`autoplay`]}constructor(){super(),this._page=0,this._pages=1,this._perView=1,this._paused=!1,this._hover=!1,this._focus=!1,this._timer=null,this._settleTimer=null,this._status=``,this._ready=!1,this._motion=null,this._mutations=null,this._resizer=null,this._doc=null,this._onClick=e=>this._click(e),this._onKeyDown=e=>this._key(e),this._onScroll=()=>{clearTimeout(this._settleTimer),this._settleTimer=setTimeout(()=>this._settle(),a)},this._onEnter=()=>this._hold({hover:!0}),this._onLeave=()=>this._hold({hover:!1}),this._onFocusIn=()=>this._hold({focus:!0}),this._onFocusOut=e=>this._hold({focus:!!e.relatedTarget&&this.contains(e.relatedTarget)}),this._onVisibility=()=>this._sync(),this._onMotion=()=>this._sync(),this._tick=()=>{this._timer=null,this._go(this._page+1<this._pages?this._page+1:0)}}connectedCallback(){if(this._track=this.querySelector(`.wui-carousel-track`),!this._track){this.ownerDocument.readyState===`loading`&&this.ownerDocument.addEventListener(`DOMContentLoaded`,()=>this.isConnected&&this.connectedCallback(),{once:!0});return}this._doc=this.ownerDocument;let e=this.getAttribute(`data-wui-style`);if(e){for(let t of e.split(`;`)){let e=t.indexOf(`:`);e>0&&this.style.setProperty(t.slice(0,e).trim(),t.slice(e+1).trim())}this.removeAttribute(`data-wui-style`)}this._motion=typeof window<`u`&&typeof window.matchMedia==`function`?window.matchMedia(`(prefers-reduced-motion: reduce)`):null,this._motion?.addEventListener(`change`,this._onMotion),this.addEventListener(`click`,this._onClick),this.addEventListener(`mouseenter`,this._onEnter),this.addEventListener(`mouseleave`,this._onLeave),this.addEventListener(`focusin`,this._onFocusIn),this.addEventListener(`focusout`,this._onFocusOut),this._track.addEventListener(`keydown`,this._onKeyDown),this._track.addEventListener(`scroll`,this._onScroll,{passive:!0}),this._doc.addEventListener(`visibilitychange`,this._onVisibility),typeof MutationObserver<`u`&&(this._mutations=new MutationObserver(()=>this._refresh()),this._mutations.observe(this._track,{childList:!0})),typeof ResizeObserver<`u`&&(this._resizer=new ResizeObserver(()=>this._refresh()),this._resizer.observe(this._track)),this._ready=!0,this._refresh()}disconnectedCallback(){this._ready=!1,clearTimeout(this._timer),clearTimeout(this._settleTimer),this._timer=null,this._motion?.removeEventListener(`change`,this._onMotion),this.removeEventListener(`click`,this._onClick),this.removeEventListener(`mouseenter`,this._onEnter),this.removeEventListener(`mouseleave`,this._onLeave),this.removeEventListener(`focusin`,this._onFocusIn),this.removeEventListener(`focusout`,this._onFocusOut),this._track?.removeEventListener(`keydown`,this._onKeyDown),this._track?.removeEventListener(`scroll`,this._onScroll),this._doc?.removeEventListener(`visibilitychange`,this._onVisibility),this._mutations?.disconnect(),this._resizer?.disconnect(),this._mutations=this._resizer=this._motion=this._doc=null}attributeChangedCallback(){this._ready&&this._sync()}get paused(){return this._paused}set paused(e){this._paused=!!e,this._ready&&this._sync()}next(){this._page+1<this._pages?this._go(this._page+1):this.hasAttribute(`loop`)&&this._go(0)}prev(){this._page>0?this._go(this._page-1):this.hasAttribute(`loop`)&&this._go(this._pages-1)}goTo(e){this._go(Number(e))}_interval(){let e=Number.parseInt(this.getAttribute(`autoplay`)??``,10);return e>0?e:0}_slides(){return Array.from(this._track.children).filter(e=>e.classList.contains(`wui-carousel-slide`))}_playing(){return this._interval()>0&&this._pages>1&&!this._paused&&!this._hover&&!this._focus&&!this._motion?.matches&&!this._doc?.hidden}_hold({hover:e=this._hover,focus:t=this._focus}){this._hover=e,this._focus=t,this._sync()}_click(e){let t=e.target.closest?.(`.wui-carousel-pause, .wui-carousel-prev, .wui-carousel-next, .wui-carousel-dot`);t&&this.contains(t)&&!this._track.contains(t)&&(t.classList.contains(`wui-carousel-pause`)?(this._paused=!this._paused,this._hover=!1,this._focus=!1,this._sync()):t.getAttribute(`aria-disabled`)===`true`?e.preventDefault():t.classList.contains(`wui-carousel-prev`)?this.prev():t.classList.contains(`wui-carousel-next`)?this.next():this._go(Number(t.dataset.page)))}_key(e){if(e.target!==this._track||e.altKey||e.ctrlKey||e.metaKey)return;let t={ArrowRight:()=>this.next(),ArrowLeft:()=>this.prev(),Home:()=>this._go(0),End:()=>this._go(this._pages-1)}[e.key];t&&(e.preventDefault(),t())}_perViewNow(){let e=typeof window<`u`?window.getComputedStyle(this._track).getPropertyValue(`--wui-carousel-view`):``,t=Number.parseInt(e,10);return t>=1?t:1}_start(e){return Math.min(e*this._perView,Math.max(0,this._slides().length-this._perView))}_label(){let e=this._slides();return e.forEach((t,n)=>{let r=i.slide(n+1,e.length);t.getAttribute(`aria-label`)!==r&&t.setAttribute(`aria-label`,r)}),e.length}_refresh(){let e=this._label();this._perView=this._perViewNow();let t=Math.max(1,Math.ceil(e/this._perView)),n=this.querySelector(`.wui-carousel-dots`);if(n&&n.children.length!==t){let e=this.getAttribute(`dot-label`)||i.dot;n.replaceChildren(...Array.from({length:t},(t,n)=>{let r=this.ownerDocument.createElement(`button`);return r.type=`button`,r.className=`wui-carousel-dot`,r.dataset.page=String(n),r.setAttribute(`aria-label`,`${e} ${this._start(n)+1}`),r}))}this._pages=t,this._page=Math.min(this._page,t-1),this.toggleAttribute(`data-single`,t<=1),this._render(!1),this._sync()}_settle(){let e=this._track,t=this._slides();if(!t.length)return;let n;if(e.scrollWidth>e.clientWidth&&e.scrollLeft+e.clientWidth>=e.scrollWidth-2)n=this._pages-1;else{let r=0,i=1/0;t.forEach((t,n)=>{let a=Math.abs(t.offsetLeft-e.scrollLeft);a<i&&(i=a,r=n)}),n=Math.min(this._pages-1,Math.round(r/this._perView))}n!==this._page&&(this._page=n,this._render(!0),this._sync())}_go(e){if(!Number.isInteger(e))return;this._page=Math.max(0,Math.min(this._pages-1,e));let t=this._slides()[this._start(this._page)];if(t){let e=this._motion?.matches?`auto`:`smooth`;typeof this._track.scrollTo==`function`?this._track.scrollTo({left:t.offsetLeft,behavior:e}):this._track.scrollLeft=t.offsetLeft}this._render(!0),this._sync()}_render(e){let t=this.hasAttribute(`loop`);for(let e of this.querySelectorAll(`.wui-carousel-dot`))Number(e.dataset.page)===this._page?e.setAttribute(`aria-current`,`true`):e.removeAttribute(`aria-current`);this.querySelector(`.wui-carousel-prev`)?.setAttribute(`aria-disabled`,String(!t&&this._page===0)),this.querySelector(`.wui-carousel-next`)?.setAttribute(`aria-disabled`,String(!t&&this._page===this._pages-1));let n=this._slides().length,r=this._start(this._page)+1,a=Math.min(n,r+this._perView-1),o=i.status(r,a,n);if(o===this._status||(this._status=o,!e))return;let s=this.querySelector(`[data-wui-status]`);s&&!this._playing()&&(s.textContent=o),this.dispatchEvent(new CustomEvent(`wui:carousel:change`,{bubbles:!0,detail:{page:this._page,pages:this._pages}}))}_sync(){clearTimeout(this._timer),this._timer=null;let e=this._interval(),t=this.querySelector(`.wui-carousel-pause`);if(t){t.hidden=e===0||this._pages<=1||!!this._motion?.matches;let n=this._paused?this.getAttribute(`play-label`)||i.play:this.getAttribute(`pause-label`)||i.pause,r=t.querySelector(`.wui-carousel-pause-text`);r&&r.textContent!==n&&(r.textContent=n),this.toggleAttribute(`data-paused`,this._paused)}this._playing()&&(this._timer=setTimeout(this._tick,e))}};(0,t.defineElement)(`wui-carousel`,o),e.WuiCarousel=o})(this.WeborityUiElements=this.WeborityUiElements||{},WeborityUiElementsInternal.modules.defineElement,WeborityUiElementsInternal.modules.elementBase);
+(function(e,t,n){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var r=globalThis.WeborityUiElementsInternal?.version;if(r!==`0.139.0`)throw Error(`[webority-ui] carousel expects ui-elements 0.139.0 but the page loaded `+r+`.`);var i=Object.freeze({slide:(e,t)=>`${e} of ${t}`,status:(e,t,n)=>e===t?`Slide ${e} of ${n}`:`Slides ${e} to ${t} of ${n}`,dot:`Go to slide`,pause:`Pause`,play:`Play`}),a=120,o=class extends n.ElementBase{static get observedAttributes(){return[`autoplay`]}constructor(){super(),this._page=0,this._pages=1,this._perView=1,this._paused=!1,this._hover=!1,this._focus=!1,this._timer=null,this._settleTimer=null,this._status=``,this._ready=!1,this._motion=null,this._mutations=null,this._resizer=null,this._doc=null,this._onClick=e=>this._click(e),this._onKeyDown=e=>this._key(e),this._onScroll=()=>{clearTimeout(this._settleTimer),this._settleTimer=setTimeout(()=>this._settle(),a)},this._onEnter=()=>this._hold({hover:!0}),this._onLeave=()=>this._hold({hover:!1}),this._onFocusIn=()=>this._hold({focus:!0}),this._onFocusOut=e=>this._hold({focus:!!e.relatedTarget&&this.contains(e.relatedTarget)}),this._onVisibility=()=>this._sync(),this._onMotion=()=>this._sync(),this._tick=()=>{this._timer=null,this._go(this._page+1<this._pages?this._page+1:0)}}connectedCallback(){if(this._track=this.querySelector(`.wui-carousel-track`),!this._track){this.ownerDocument.readyState===`loading`&&this.ownerDocument.addEventListener(`DOMContentLoaded`,()=>this.isConnected&&this.connectedCallback(),{once:!0});return}this._doc=this.ownerDocument;let e=this.getAttribute(`data-wui-style`);if(e){for(let t of e.split(`;`)){let e=t.indexOf(`:`);e>0&&this.style.setProperty(t.slice(0,e).trim(),t.slice(e+1).trim())}this.removeAttribute(`data-wui-style`)}this._motion=typeof window<`u`&&typeof window.matchMedia==`function`?window.matchMedia(`(prefers-reduced-motion: reduce)`):null,this._motion?.addEventListener(`change`,this._onMotion),this.addEventListener(`click`,this._onClick),this.addEventListener(`mouseenter`,this._onEnter),this.addEventListener(`mouseleave`,this._onLeave),this.addEventListener(`focusin`,this._onFocusIn),this.addEventListener(`focusout`,this._onFocusOut),this._track.addEventListener(`keydown`,this._onKeyDown),this._track.addEventListener(`scroll`,this._onScroll,{passive:!0}),this._doc.addEventListener(`visibilitychange`,this._onVisibility),typeof MutationObserver<`u`&&(this._mutations=new MutationObserver(()=>this._refresh()),this._mutations.observe(this._track,{childList:!0})),typeof ResizeObserver<`u`&&(this._resizer=new ResizeObserver(()=>this._refresh()),this._resizer.observe(this._track)),this._ready=!0,this._refresh()}disconnectedCallback(){this._ready=!1,clearTimeout(this._timer),clearTimeout(this._settleTimer),this._timer=null,this._motion?.removeEventListener(`change`,this._onMotion),this.removeEventListener(`click`,this._onClick),this.removeEventListener(`mouseenter`,this._onEnter),this.removeEventListener(`mouseleave`,this._onLeave),this.removeEventListener(`focusin`,this._onFocusIn),this.removeEventListener(`focusout`,this._onFocusOut),this._track?.removeEventListener(`keydown`,this._onKeyDown),this._track?.removeEventListener(`scroll`,this._onScroll),this._doc?.removeEventListener(`visibilitychange`,this._onVisibility),this._mutations?.disconnect(),this._resizer?.disconnect(),this._mutations=this._resizer=this._motion=this._doc=null}attributeChangedCallback(){this._ready&&this._sync()}get paused(){return this._paused}set paused(e){this._paused=!!e,this._ready&&this._sync()}next(){this._page+1<this._pages?this._go(this._page+1):this.hasAttribute(`loop`)&&this._go(0)}prev(){this._page>0?this._go(this._page-1):this.hasAttribute(`loop`)&&this._go(this._pages-1)}goTo(e){this._go(Number(e))}_interval(){let e=Number.parseInt(this.getAttribute(`autoplay`)??``,10);return e>0?e:0}_slides(){return Array.from(this._track.children).filter(e=>e.classList.contains(`wui-carousel-slide`))}_playing(){return this._interval()>0&&this._pages>1&&!this._paused&&!this._hover&&!this._focus&&!this._motion?.matches&&!this._doc?.hidden}_hold({hover:e=this._hover,focus:t=this._focus}){this._hover=e,this._focus=t,this._sync()}_click(e){let t=e.target.closest?.(`.wui-carousel-pause, .wui-carousel-prev, .wui-carousel-next, .wui-carousel-dot`);t&&this.contains(t)&&!this._track.contains(t)&&(t.classList.contains(`wui-carousel-pause`)?(this._paused=!this._paused,this._hover=!1,this._focus=!1,this._sync()):t.getAttribute(`aria-disabled`)===`true`?e.preventDefault():t.classList.contains(`wui-carousel-prev`)?this.prev():t.classList.contains(`wui-carousel-next`)?this.next():this._go(Number(t.dataset.page)))}_key(e){if(e.target!==this._track||e.altKey||e.ctrlKey||e.metaKey)return;let t={ArrowRight:()=>this.next(),ArrowLeft:()=>this.prev(),Home:()=>this._go(0),End:()=>this._go(this._pages-1)}[e.key];t&&(e.preventDefault(),t())}_perViewNow(){let e=typeof window<`u`?window.getComputedStyle(this._track).getPropertyValue(`--wui-carousel-view`):``,t=Number.parseInt(e,10);return t>=1?t:1}_start(e){return Math.min(e*this._perView,Math.max(0,this._slides().length-this._perView))}_label(){let e=this._slides();return e.forEach((t,n)=>{let r=i.slide(n+1,e.length);t.getAttribute(`aria-label`)!==r&&t.setAttribute(`aria-label`,r)}),e.length}_refresh(){let e=this._label();this._perView=this._perViewNow();let t=Math.max(1,Math.ceil(e/this._perView)),n=this.querySelector(`.wui-carousel-dots`);if(n&&n.children.length!==t){let e=this.getAttribute(`dot-label`)||i.dot;n.replaceChildren(...Array.from({length:t},(t,n)=>{let r=this.ownerDocument.createElement(`button`);return r.type=`button`,r.className=`wui-carousel-dot`,r.dataset.page=String(n),r.setAttribute(`aria-label`,`${e} ${this._start(n)+1}`),r}))}this._pages=t,this._page=Math.min(this._page,t-1),this.toggleAttribute(`data-single`,t<=1),this._render(!1),this._sync()}_settle(){let e=this._track,t=this._slides();if(!t.length)return;let n;if(e.scrollWidth>e.clientWidth&&e.scrollLeft+e.clientWidth>=e.scrollWidth-2)n=this._pages-1;else{let r=0,i=1/0;t.forEach((t,n)=>{let a=Math.abs(t.offsetLeft-e.scrollLeft);a<i&&(i=a,r=n)}),n=Math.min(this._pages-1,Math.round(r/this._perView))}n!==this._page&&(this._page=n,this._render(!0),this._sync())}_go(e){if(!Number.isInteger(e))return;this._page=Math.max(0,Math.min(this._pages-1,e));let t=this._slides()[this._start(this._page)];if(t){let e=this._motion?.matches?`auto`:`smooth`;typeof this._track.scrollTo==`function`?this._track.scrollTo({left:t.offsetLeft,behavior:e}):this._track.scrollLeft=t.offsetLeft}this._render(!0),this._sync()}_render(e){let t=this.hasAttribute(`loop`);for(let e of this.querySelectorAll(`.wui-carousel-dot`))Number(e.dataset.page)===this._page?e.setAttribute(`aria-current`,`true`):e.removeAttribute(`aria-current`);this.querySelector(`.wui-carousel-prev`)?.setAttribute(`aria-disabled`,String(!t&&this._page===0)),this.querySelector(`.wui-carousel-next`)?.setAttribute(`aria-disabled`,String(!t&&this._page===this._pages-1));let n=this._slides().length,r=this._start(this._page)+1,a=Math.min(n,r+this._perView-1),o=i.status(r,a,n);if(o===this._status||(this._status=o,!e))return;let s=this.querySelector(`[data-wui-status]`);s&&!this._playing()&&(s.textContent=o),this.dispatchEvent(new CustomEvent(`wui:carousel:change`,{bubbles:!0,detail:{page:this._page,pages:this._pages}}))}_sync(){clearTimeout(this._timer),this._timer=null;let e=this._interval(),t=this.querySelector(`.wui-carousel-pause`);if(t){t.hidden=e===0||this._pages<=1||!!this._motion?.matches;let n=this._paused?this.getAttribute(`play-label`)||i.play:this.getAttribute(`pause-label`)||i.pause,r=t.querySelector(`.wui-carousel-pause-text`);r&&r.textContent!==n&&(r.textContent=n),this.toggleAttribute(`data-paused`,this._paused)}this._playing()&&(this._timer=setTimeout(this._tick,e))}};(0,t.defineElement)(`wui-carousel`,o),e.WuiCarousel=o})(this.WeborityUiElements=this.WeborityUiElements||{},WeborityUiElementsInternal.modules.defineElement,WeborityUiElementsInternal.modules.elementBase);