@webority/ui-elements 0.138.0 → 0.139.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{WuiDatePicker-sq_13WUI.js → WuiDatePicker-D6x670lh.js} +2 -2
- package/dist/{WuiDateRange-D0JjHJpa.js → WuiDateRange-DUkF9FYe.js} +2 -2
- package/dist/WuiSelect-Doosf5WD.js +9 -0
- package/dist/WuiWizardStep-BI6ClNdF.js +1 -0
- package/dist/chips-DWyUAUqP.js +2 -0
- package/dist/country-3uo7no9r.js +1 -0
- package/dist/customRule-BE7CusA3.js +1 -0
- package/dist/drawerDiscard-BFrHUxca.js +1 -0
- package/dist/elements/date-range.js +1 -1
- package/dist/elements/datepicker.js +1 -1
- package/dist/elements/filter-popover.js +1 -1
- package/dist/elements/select.js +1 -1
- package/dist/elements/wizard.js +1 -1
- package/dist/filterPopover-DrwHiZiL.js +1 -0
- package/dist/loader-D5dqed_u.js +1 -0
- package/dist/search-CHbwgrpT.js +1 -0
- package/dist/server.js +1 -1
- package/dist/ui-elements/carousel.global.js +1 -1
- package/dist/ui-elements/code-block.global.js +1 -1
- package/dist/ui-elements/command-palette.global.js +1 -1
- package/dist/ui-elements/comment-thread.global.js +1 -1
- package/dist/ui-elements/consent-banner.global.js +1 -1
- package/dist/ui-elements/context-menu.global.js +1 -1
- package/dist/ui-elements/date-range.global.js +3 -3
- package/dist/ui-elements/drawer.global.js +1 -1
- package/dist/ui-elements/image-crop.global.js +1 -1
- package/dist/ui-elements/inline-edit.global.js +1 -1
- package/dist/ui-elements/kanban.global.js +1 -1
- package/dist/ui-elements/lead-popup.global.js +1 -1
- package/dist/ui-elements/lightbox.global.js +1 -1
- package/dist/ui-elements/markdown.global.js +1 -1
- package/dist/ui-elements/org-tree.global.js +1 -1
- package/dist/ui-elements/phone.global.js +8 -8
- package/dist/ui-elements/resizable.global.js +1 -1
- package/dist/ui-elements/saved-views.global.js +1 -1
- package/dist/ui-elements/select-chips.global.js +2 -0
- package/dist/ui-elements/select-search.global.js +1 -0
- package/dist/ui-elements/slider.global.js +1 -1
- package/dist/ui-elements/sortable.global.js +1 -1
- package/dist/ui-elements/status-icon.global.js +1 -1
- package/dist/ui-elements/timepicker.global.js +1 -1
- package/dist/ui-elements/tour.global.js +1 -1
- package/dist/ui-elements/tree.global.js +1 -1
- package/dist/ui-elements/wizard.global.js +1 -1
- package/dist/ui-elements.global.js +23 -29
- package/dist/ui-elements.js +1 -1
- package/package.json +2 -6
- package/dist/WuiAutocomplete-178HkRe4.js +0 -13
- package/dist/WuiCountrySelect-Df9BRrCI.js +0 -1
- package/dist/WuiMultiSelect-nHensvLa.js +0 -25
- package/dist/WuiSelect-1TmFVLek.js +0 -15
- package/dist/WuiTagInput-Dkw2q0KS.js +0 -6
- package/dist/WuiWizardStep-LecF3VY7.js +0 -1
- package/dist/drawerDiscard-8StN3xcZ.js +0 -1
- package/dist/elements/autocomplete.js +0 -1
- package/dist/elements/country-select.js +0 -1
- package/dist/elements/multiselect.js +0 -1
- package/dist/elements/taginput.js +0 -1
- package/dist/filterPopover-C8MVAfyI.js +0 -1
- package/dist/focusOrigin-R7FU5wL6.js +0 -1
- package/dist/tokenCommit-BKckxgtg.js +0 -2
- package/dist/ui-elements/autocomplete.global.js +0 -13
- package/dist/ui-elements/multiselect.global.js +0 -25
- package/dist/ui-elements/taginput.global.js +0 -7
package/dist/ui-elements.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{n as e}from"./elementBase-DV9IZZCu.js";import{n as
|
|
1
|
+
import{n as e}from"./elementBase-DV9IZZCu.js";import{n as t}from"./filterPopover-DrwHiZiL.js";import{c as n}from"./kanban-D-ljbA4A.js";import{n as r}from"./statusIcons-Dt2ZVJyk.js";import{t as i}from"./WuiCarousel-C2NWcFxr.js";import{t as a}from"./WuiCodeBlock-vV4v7-c7.js";import{t as o}from"./WuiCommandPalette-CtF31Bbo.js";import{i as s}from"./WuiCommentThread-ZXxBt71o.js";import{t as c}from"./WuiConsentBanner-CYOU67bp.js";import{t as l}from"./WuiContextMenu-BvDHn1cP.js";import{t as u}from"./WuiDataTable-XscBy1ct.js";import{t as d}from"./WuiDatePicker-D6x670lh.js";import{t as f}from"./WuiDateRange-DUkF9FYe.js";import{t as p}from"./WuiDock-Bd2ijOaJ.js";import{t as m}from"./WuiDrawer-BJ8zqtQ2.js";import{t as h}from"./WuiHoverCard-sq6EZZYD.js";import{t as g}from"./WuiImageCrop-DzzzPagi.js";import{i as _}from"./WuiInlineEdit-CBw0bupF.js";import{t as v}from"./WuiLeadPopup-CWv93qlo.js";import{t as y}from"./WuiLightbox-CDcqNQun.js";import{t as b}from"./WuiMarkdown-DmgLFkB-.js";import{i as x}from"./WuiMentionInput-9iC7Tur2.js";import{t as S}from"./WuiNavigationMenu-CGqTADvr.js";import{t as C}from"./WuiNotificationCenter-CClYbyQ2.js";import{t as w}from"./WuiOnboardingChecklist-DXUETu1h.js";import{t as T}from"./WuiOrgTree-DuaBtFl9.js";import{t as E}from"./WuiOtp-BqWijfNj.js";import{t as D}from"./WuiOverflow-Bn68qgAQ.js";import{t as O}from"./WuiPhone-C1t2nZvd.js";import{t as k}from"./WuiRating-DhhqYj5Z.js";import{t as A}from"./WuiRecordPager-BOaFcs_W.js";import{t as j}from"./WuiRelativeTime-BG6rgUhw.js";import{t as M}from"./WuiResizable-mt9EMhjQ.js";import{t as N}from"./WuiRollingNumber-CF3H6l7t.js";import{t as P}from"./WuiSavedViews-KUVaYmGJ.js";import{t as F}from"./WuiSelect-Doosf5WD.js";import{t as I}from"./WuiShortcuts-Cerbe67I.js";import{t as L}from"./WuiShowMore-D3VHRZJg.js";import{t as R}from"./WuiSlider-2kB__6zU.js";import{t as z}from"./WuiSortable-r5iZtzM1.js";import{t as B}from"./WuiTimePicker-BcH9_gEm.js";import{t as V}from"./WuiTour-D18C-wQP.js";import{t as H}from"./WuiTree-BFm_hpSK.js";import{t as U}from"./WuiTruncate-DyDQWMBu.js";import{n as W,t as ee}from"./WuiWhatsNew-Biolggw8.js";import{n as G,t as K}from"./WuiWizardStep-BI6ClNdF.js";import{c as q,f as J,l as Y,m as X,p as Z,s as Q,u as te}from"./formatters-Ba0CvsTs.js";import{_ as ne,r as re}from"./themeTransition-rHRVbhHB.js";import{t as ie}from"./drawerDiscard-BFrHUxca.js";import{i as ae}from"./shortcutKeys-CvxSh3bV.js";function $(){t(),e(`wui-select`,F),e(`wui-saved-views`,P),e(`wui-phone`,O),e(`wui-datepicker`,d),e(`wui-date-range`,f),e(`wui-dock`,p),e(`wui-image-crop`,g),e(`wui-kanban`,n),e(`wui-lead-popup`,v),e(`wui-inline-edit`,_),e(`wui-consent-banner`,c),e(`wui-slider`,R),e(`wui-sortable`,z),e(`wui-timepicker`,B),e(`wui-tour`,V),e(`wui-tree`,H),e(`wui-org-tree`,T),e(`wui-command-palette`,o),e(`wui-context-menu`,l),e(`wui-otp`,E),e(`wui-status-icon`,r),e(`wui-shortcuts`,I),e(`wui-record-pager`,A),e(`wui-carousel`,i),e(`wui-code-block`,a),e(`wui-markdown`,b),e(`wui-data-table`,u),e(`wui-drawer`,m),e(`wui-hover-card`,h),e(`wui-lightbox`,y),e(`wui-navigation-menu`,S),e(`wui-notification-center`,C),e(`wui-onboarding-checklist`,w),e(`wui-overflow`,D),e(`wui-rating`,k),e(`wui-relative-time`,j),e(`wui-resizable`,M),e(`wui-rolling-number`,N),e(`wui-show-more`,L),e(`wui-truncate`,U),e(`wui-whats-new`,W),e(`wui-mention-input`,x),e(`wui-comment-thread`,s),e(`wui-wizard-step`,K),e(`wui-wizard`,G)}$();export{ie as DISCARD_EVENT,ne as ROW_DROP_EVENT,ae as SHORTCUT_EVENT,re as THEME_CHANGE_EVENT,ee as WHATS_NEW_READ_EVENT,i as WuiCarousel,a as WuiCodeBlock,o as WuiCommandPalette,s as WuiCommentThread,c as WuiConsentBanner,l as WuiContextMenu,u as WuiDataTable,d as WuiDatePicker,f as WuiDateRange,p as WuiDock,m as WuiDrawer,h as WuiHoverCard,g as WuiImageCrop,_ as WuiInlineEdit,n as WuiKanban,v as WuiLeadPopup,y as WuiLightbox,b as WuiMarkdown,x as WuiMentionInput,S as WuiNavigationMenu,C as WuiNotificationCenter,w as WuiOnboardingChecklist,T as WuiOrgTree,E as WuiOtp,D as WuiOverflow,O as WuiPhone,k as WuiRating,A as WuiRecordPager,j as WuiRelativeTime,M as WuiResizable,N as WuiRollingNumber,P as WuiSavedViews,F as WuiSelect,I as WuiShortcuts,L as WuiShowMore,R as WuiSlider,z as WuiSortable,r as WuiStatusIcon,B as WuiTimePicker,V as WuiTour,H as WuiTree,U as WuiTruncate,W as WuiWhatsNew,G as WuiWizard,K as WuiWizardStep,$ as defineWeborityElements,Q as formatCompact,q as formatCurrency,Y as formatDate,te as formatDateTime,J as formatNumber,Z as formatPercent,X as formatValue};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@webority/ui-elements",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.139.0",
|
|
4
4
|
"description": "Webority framework-agnostic UI custom elements (<wui-*>) — the single implementation of the interactive components, styled by @webority/theme. Used natively in Razor and wrapped by @webority/ui-react.",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE",
|
|
6
6
|
"type": "module",
|
|
@@ -25,14 +25,12 @@
|
|
|
25
25
|
"default": "./dist/helpers.js"
|
|
26
26
|
},
|
|
27
27
|
"./server": "./dist/server.js",
|
|
28
|
-
"./elements/autocomplete": "./dist/elements/autocomplete.js",
|
|
29
28
|
"./elements/carousel": "./dist/elements/carousel.js",
|
|
30
29
|
"./elements/code-block": "./dist/elements/code-block.js",
|
|
31
30
|
"./elements/command-palette": "./dist/elements/command-palette.js",
|
|
32
31
|
"./elements/comment-thread": "./dist/elements/comment-thread.js",
|
|
33
32
|
"./elements/consent-banner": "./dist/elements/consent-banner.js",
|
|
34
33
|
"./elements/context-menu": "./dist/elements/context-menu.js",
|
|
35
|
-
"./elements/country-select": "./dist/elements/country-select.js",
|
|
36
34
|
"./elements/data-table": "./dist/elements/data-table.js",
|
|
37
35
|
"./elements/date-range": "./dist/elements/date-range.js",
|
|
38
36
|
"./elements/datepicker": "./dist/elements/datepicker.js",
|
|
@@ -50,7 +48,6 @@
|
|
|
50
48
|
"types": "./types/elements/mention-input.d.ts",
|
|
51
49
|
"default": "./dist/elements/mention-input.js"
|
|
52
50
|
},
|
|
53
|
-
"./elements/multiselect": "./dist/elements/multiselect.js",
|
|
54
51
|
"./elements/navigation-menu": "./dist/elements/navigation-menu.js",
|
|
55
52
|
"./elements/notification-center": "./dist/elements/notification-center.js",
|
|
56
53
|
"./elements/onboarding-checklist": "./dist/elements/onboarding-checklist.js",
|
|
@@ -70,7 +67,6 @@
|
|
|
70
67
|
"./elements/slider": "./dist/elements/slider.js",
|
|
71
68
|
"./elements/sortable": "./dist/elements/sortable.js",
|
|
72
69
|
"./elements/status-icon": "./dist/elements/status-icon.js",
|
|
73
|
-
"./elements/taginput": "./dist/elements/taginput.js",
|
|
74
70
|
"./elements/timepicker": "./dist/elements/timepicker.js",
|
|
75
71
|
"./elements/tour": {
|
|
76
72
|
"types": "./types/elements/tour.d.ts",
|
|
@@ -103,7 +99,7 @@
|
|
|
103
99
|
"@tiptap/markdown": "3.31.4",
|
|
104
100
|
"@tiptap/starter-kit": "3.31.4",
|
|
105
101
|
"@vitest/coverage-v8": "5.0.1",
|
|
106
|
-
"@webority/markdown-core": "0.
|
|
102
|
+
"@webority/markdown-core": "0.139.0",
|
|
107
103
|
"echarts": "6.1.0",
|
|
108
104
|
"jsdom": "30.1.1",
|
|
109
105
|
"libphonenumber-js": "^1.13.9",
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import{n as e,r as t,t as n}from"./anchorOverlay-CBMAnDUt.js";import{n as r,r as i,t as a}from"./focusOrigin-R7FU5wL6.js";import{t as o}from"./elementBase-DV9IZZCu.js";import{n as s,r as c,t as l}from"./fieldState-D-zQcXUS.js";import{t as u}from"./formMirror-BMQTenSi.js";import{t as d}from"./iconGlyphs.g-gURMSeyB.js";import{n as f,t as p}from"./listboxKeyNav-DMIvs9d6.js";import{a as m,i as h,n as g,r as _,t as v}from"./optionLabel-CjrUbe2a.js";var y=class extends o{static formAssociated=!0;_accessibleName(){return this.getAttribute(`aria-label`)||this.getAttribute(`placeholder`)||`Select`}static get observedAttributes(){return[`value`,`placeholder`,`disabled`,`readonly`,`loading`,`min-chars`,`debounce`,`remote`,`size`,`aria-label`,`allow-custom`,`aria-invalid`,`open`,`value-avatar`,`value-initials`]}constructor(){super(),this._value=``,this._label=``,this._valueAvatar=``,this._valueInitials=``,this._optionsProp=null,this._loading=!1,this._active=-1,this._timer=null,this._reqSeq=0,this._pendingSearch=null,this._typeahead=``,this._typeaheadTimer=null;try{this._internals=this.attachInternals()}catch{this._internals=null}}connectedCallback(){if(!this._rendered)this._defaultCaptured||=(this._defaultValue=this._value,!0),this.render();else if(this._bindGlobal?.(),this._pendingSearch){let{query:e,seq:t}=this._pendingSearch;clearTimeout(this._timer),this._timer=setTimeout(()=>this._fireSearch(e,t),this._debounceMs)}}formResetCallback(){this.value=this._defaultValue||``}attributeChangedCallback(e,t,n){e===`value`?this.value=n:e===`value-avatar`?(this._valueAvatar=n??``,this._syncValueAvatar()):e===`value-initials`?(this._valueInitials=n??``,this._syncValueAvatar()):e===`aria-invalid`?this._syncInvalid():e===`open`?this._syncPinned?.():this._rendered&&this.render()}_syncInvalid(){let e=this.querySelector(`.search-select-control`);e&&(this.hasAttribute(`aria-invalid`)?e.setAttribute(`aria-invalid`,`true`):e.removeAttribute(`aria-invalid`))}get value(){return this._value}set value(e){this._value=e==null?``:String(e),u(this,this._value);let t=this._readOptions().find(e=>String(e.value)===this._value);this._label=t?h(t):``,this._value||(this._valueAvatar=``,this._valueInitials=``),this._syncInput(),this._syncValueAvatar(),this._renderOptions(``)}set options(e){this._optionsProp=Array.isArray(e)?e:[];let t=this._readOptions().find(e=>String(e.value)===this._value);t&&(this._label=h(t)),this._renderOptions(),this._syncInput()}get options(){return this._readOptions()}set loading(e){this._loading=!!e,this._renderLoading(),c(this,this._refs().control),this._renderOptions()}get loading(){return this._loading||this.hasAttribute(`loading`)}get _remote(){return this.hasAttribute(`remote`)}get _allowCustom(){return this.hasAttribute(`allow-custom`)}_matchesKnownOption(e){let t=e.toLowerCase();return this._readOptions().some(e=>h(e).toLowerCase()===t||String(e.value??``).toLowerCase()===t)}get _minChars(){let e=+!!this._remote,t=this.getAttribute(`min-chars`);if(t==null||t.trim()===``)return e;let n=Number(t);return Number.isInteger(n)&&n>=0?n:e}get _debounceMs(){let e=this.getAttribute(`debounce`);if(e==null||e===``)return 250;let t=Number(e);return Number.isFinite(t)&&t>=0?t:250}_snapshotDeclared(){if(this._declared)return;let e=[...this.querySelectorAll(`:scope > wui-option`)];e.length&&(this._declared=e.map(e=>({value:e.getAttribute(`value`)??e.textContent.trim(),label:e.innerHTML,icon:e.getAttribute(`icon`)||void 0,[v]:!0,selected:e.hasAttribute(`selected`)})))}_readOptions(){return this._optionsProp?this._optionsProp:(this._snapshotDeclared(),this._declared||[])}render(){this._snapshotDeclared();let e=this.getAttribute(`placeholder`)||`Search…`,t=this.getAttribute(`size`),n=t===`sm`?` search-select-sm`:t===`lg`?` search-select-lg`:``;this.id||=`wui-autocomplete-${Math.random().toString(36).slice(2,9)}`;let r=`${this.id}-listbox`;this._listboxId=r;let i=s(this)||this.hasAttribute(`loading`);this.innerHTML=`
|
|
2
|
-
<div class="search-select${n}">
|
|
3
|
-
<div class="input search-select-control search-select-ac" role="combobox" aria-haspopup="listbox" aria-expanded="false" aria-controls="${b(r)}" aria-label="${b(this._accessibleName())}"${this.hasAttribute(`aria-invalid`)?` aria-invalid="true"`:``}>
|
|
4
|
-
<input class="search-select-input search-select-ac-input" placeholder="${b(e)}" aria-autocomplete="list" autocomplete="off"${this.hasAttribute(`disabled`)?` disabled`:``}${i?` readonly`:``} />
|
|
5
|
-
<span class="search-select-spinner spinner-border spinner-border-sm" role="status" aria-hidden="true" hidden></span>
|
|
6
|
-
<button type="button" class="search-select-clear" aria-label="Clear" hidden>${d(`x`)}</button>
|
|
7
|
-
</div>
|
|
8
|
-
<div class="search-select-menu search-select-menu-fixed" role="listbox" id="${b(r)}" tabindex="-1" hidden>
|
|
9
|
-
<div class="search-select-options"></div>
|
|
10
|
-
<div class="search-select-empty" hidden>No matches</div>
|
|
11
|
-
<div class="search-select-hint" hidden>Type to search…</div>
|
|
12
|
-
</div>
|
|
13
|
-
</div>`,this._rendered=!0,u(this,this._value),this._wire(),this._syncInput(),this._syncValueAvatar(),this._renderOptions(),this._renderLoading(),c(this,this._refs().control)}_syncValueAvatar(){let e=this.querySelector(`.search-select-control`);if(!e)return;e.querySelector(`.wui-search-select-value-avatar`)?.remove();let t=this._value?i({avatar:this._valueAvatar,initials:this._valueInitials},`avatar-xs`):``;e.classList.toggle(`wui-has-value-avatar`,!!t),t&&e.insertAdjacentHTML(`afterbegin`,`<span class="wui-search-select-value-avatar" aria-hidden="true">${t}</span>`)}_refs(){return{control:this.querySelector(`.search-select-control`),input:this.querySelector(`.search-select-ac-input`),menu:this.querySelector(`.search-select-menu`),spinner:this.querySelector(`.search-select-spinner`),clear:this.querySelector(`.search-select-clear`),optionsWrap:this.querySelector(`.search-select-options`),empty:this.querySelector(`.search-select-empty`),hint:this.querySelector(`.search-select-hint`)}}_optionEls(){return[...this.querySelectorAll(`.search-select-option`)]}_syncInput(){let{input:e,clear:t}=this._refs();e&&document.activeElement!==e&&(e.value=this._label),t&&(t.hidden=!this._value&&!e?.value)}_renderLoading(){let{spinner:e}=this._refs();e&&(e.hidden=!this.loading)}_renderOptions(e){let t=this._refs();if(!t.optionsWrap)return;let n=e??(t.input?t.input.value:``),r=n.trim().toLowerCase(),a=this._readOptions();!this._remote&&r&&(a=a.filter(e=>h(e).toLowerCase().includes(r)));let o=n.trim(),s=this._allowCustom&&o&&!this._matchesKnownOption(o)?[...a,{value:o,custom:!0}]:a,c=this._listboxId||`${this.id||`wui-autocomplete`}-listbox`;t.optionsWrap.innerHTML=s.map((e,t)=>{let n=`${c}-opt-${t}`;if(e.custom){let t=`Add “${g(e.value)}”`;return`<button type="button" role="option" id="${b(n)}" class="search-select-option search-select-option-custom" data-value="${b(e.value)}" data-custom="true" aria-selected="false">${t}</button>`}let r=String(e.value)===String(this._value);return`<button type="button" role="option" id="${b(n)}" class="search-select-option${r?` selected`:``}" data-value="${b(e.value)}" aria-selected="${r}">${i(e)}${_(e)}</button>`}).join(``),this._active=-1,t.control?.removeAttribute(`aria-activedescendant`);let l=r.length<this._minChars;t.hint&&(t.hint.hidden=!(this._remote&&l&&!a.length)),t.empty&&(t.empty.hidden=this.loading||s.length>0||this._remote&&l),this._reanchor?.()}_wire(){this._teardown();let i=this._refs();if(!i.control||!i.input)return;let o=()=>{let e=this.hasAttribute(`open`)?{below:!0}:{};n(i.control,i.menu,{matchWidth:!0,...e})},s=()=>this._optionEls().filter(e=>!e.hidden),c=(e,{reveal:t=!0}={})=>{let n=s();this._active=e,f(i.optionsWrap,e>=0&&n[e]||null),e>=0&&n[e]?(t&&n[e].scrollIntoView({block:`nearest`}),i.control.setAttribute(`aria-activedescendant`,n[e].id)):i.control.removeAttribute(`aria-activedescendant`)},d=()=>!i.menu.hidden,g=()=>{d()&&o()},_=()=>{this._remote&&this._minChars===0&&!i.input.value.trim()&&(clearTimeout(this._timer),this._fireSearch(``,++this._reqSeq))},v=({load:t=!0}={})=>{l(this)||(i.menu.hidden=!1,i.control.setAttribute(`aria-expanded`,`true`),i.control.classList.add(`open`),o(),e(this,g),t&&_(),this._renderOptions())},y=({force:e=!1}={})=>{(e||!this.hasAttribute(`open`))&&(i.menu.hidden=!0,i.control.setAttribute(`aria-expanded`,`false`),i.control.classList.remove(`open`),c(-1),clearTimeout(this._typeaheadTimer),this._typeaheadTimer=null,this._typeahead=``,this._syncInput(),t(this))},b=e=>{let t=e.dataset.custom===`true`;this._value=e.dataset.value;let n=t?null:this._readOptions().find(t=>String(t.value)===e.dataset.value);this._label=t?e.dataset.value:n?h(n):m(e.innerHTML),this._valueAvatar=n?.avatar??``,this._valueInitials=n?.initials??``,this._syncValueAvatar(),u(this,this._value),i.input.value=this._label,this.dispatchEvent(new CustomEvent(`change`,{bubbles:!0,detail:{isCustom:t}})),y(),i.input.focus()},x=e=>{this._value=e,this._label=e,this._valueAvatar=``,this._valueInitials=``,this._syncValueAvatar(),u(this,e),i.input.value=e,this.dispatchEvent(new CustomEvent(`change`,{bubbles:!0,detail:{isCustom:!0}})),y()},S=()=>{let e=i.input.value;if(i.clear&&(i.clear.hidden=!e),d()||v({load:!1}),this._remote){if(this._renderOptions(e),clearTimeout(this._timer),e.trim().length<this._minChars){this._pendingSearch=null;return}let t=++this._reqSeq;this._pendingSearch={query:e,seq:t},this._timer=setTimeout(()=>this._fireSearch(e,t),this._debounceMs)}else this._renderOptions(e)};this._navHandler=p({getVisibleOptions:s,getActive:()=>this._active,setActive:e=>c(e),onEnter:(e,t)=>{if(t[this._active])b(t[this._active]);else if(this._allowCustom){let e=i.input.value.trim();e&&!this._matchesKnownOption(e)&&x(e)}},onEscape:()=>{this._navHandler.clearTypeahead(),y()}});let C=e=>{if(l(this))return;let t=e.target?.tagName===`INPUT`||e.target?.tagName===`TEXTAREA`;if(e.key===`ArrowDown`){e.preventDefault(),d()||v();let t=s();c(Math.min(this._active+1,t.length-1))}else e.key===`ArrowUp`?(e.preventDefault(),c(Math.max(this._active-1,0))):(e.key!==`Home`&&e.key!==`End`&&e.key!==`PageDown`&&e.key!==`PageUp`||d()&&!t)&&(e.key.length!==1||!e.ctrlKey&&!e.metaKey&&!e.altKey&&d()&&e.target?.tagName!==`INPUT`&&e.target?.tagName!==`TEXTAREA`||d()&&e.target?.tagName!==`INPUT`&&e.target?.tagName!==`TEXTAREA`)&&(e.key===`Escape`&&d()&&(e.preventDefault(),e.stopPropagation()),this._navHandler.handler(e))};r(),i.input.addEventListener(`focus`,()=>{a()&&!d()&&v()}),i.control.addEventListener(`click`,e=>{i.input.disabled||l(this)||e.target.closest(`.search-select-clear`)||(e.target!==i.input&&i.input.focus(),d()||v())});let w=e=>{e.target?.classList?.contains(`avatar-img`)&&e.target.remove()};i.control.addEventListener(`error`,w,!0),i.optionsWrap.addEventListener(`error`,w,!0),i.input.addEventListener(`input`,S),i.input.addEventListener(`keydown`,C),i.menu.addEventListener(`keydown`,C),i.input.addEventListener(`blur`,e=>{if(!this._allowCustom||e.relatedTarget&&this.contains(e.relatedTarget))return;let t=i.input.value.trim();t&&t!==this._label&&!this._matchesKnownOption(t)&&x(t)}),i.optionsWrap.addEventListener(`click`,e=>{let t=e.target.closest(`.search-select-option`);t&&!l(this)&&b(t)}),i.optionsWrap.addEventListener(`mousemove`,e=>{let t=e.target.closest(`.search-select-option`);t&&!t.classList.contains(`is-active`)&&c(this._optionEls().indexOf(t),{reveal:!1})}),i.optionsWrap.addEventListener(`mouseleave`,()=>c(-1)),i.clear?.addEventListener(`click`,()=>{l(this)||(this._value=``,this._label=``,this._valueAvatar=``,this._valueInitials=``,this._syncValueAvatar(),u(this,``),i.input.value=``,i.clear.hidden=!0,this._renderOptions(``),this.dispatchEvent(new Event(`change`,{bubbles:!0})),i.input.focus(),d()?_():v())}),this._bindGlobal=()=>{this._teardown(),this._onDocClick=e=>{d()&&!this.contains(e.target)&&y()},document.addEventListener(`click`,this._onDocClick),d()&&e(this,g)},this._syncPinned=()=>this.hasAttribute(`open`)?v({load:!0}):y({force:!0}),this.hasAttribute(`open`)&&v({load:!0}),this._bindGlobal()}_fireSearch(e,t){this._pendingSearch=null,this.dispatchEvent(new CustomEvent(`search`,{bubbles:!0,detail:{query:e,seq:t}}))}_teardown(){this._onDocClick&&=(document.removeEventListener(`click`,this._onDocClick),null),t(this),clearTimeout(this._timer),this._navHandler?.teardown()}disconnectedCallback(){this._teardown()}},b=e=>String(e??``).replace(/&/g,`&`).replace(/"/g,`"`).replace(/</g,`<`);export{y as t};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{t as e}from"./countries-CvmZ2xpG.js";import{t}from"./WuiSelect-1TmFVLek.js";var n=e=>{if(e==null)return null;let t=String(e).split(`,`).map(e=>e.trim().toUpperCase()).filter(Boolean);return t.length?new Set(t):null},r=t=>{let r=n(t);return e.filter(([e])=>!r||r.has(e)).map(([e,t])=>({value:e,label:t,flag:e}))},i=class extends t{static get observedAttributes(){return[...t.observedAttributes,`countries`]}_readOptions(){let e=this.getAttribute(`countries`);return this._countryCache?.attr!==e&&(this._countryCache={attr:e,options:r(e)}),this._countryCache.options}};export{i as t};
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import{n as e,r as t,t as n}from"./anchorOverlay-CBMAnDUt.js";import{n as r,r as i,t as a}from"./focusOrigin-R7FU5wL6.js";import{n as o}from"./devWarn-DXdRWZs3.js";import{t as s}from"./elementBase-DV9IZZCu.js";import{n as c,r as l,t as u}from"./fieldState-D-zQcXUS.js";import{n as d}from"./formMirror-BMQTenSi.js";import{t as f}from"./iconGlyphs.g-gURMSeyB.js";import{n as p,t as m}from"./listboxKeyNav-DMIvs9d6.js";import{a as h,i as g,n as _,r as v,t as y}from"./optionLabel-CjrUbe2a.js";import{i as b,t as x}from"./tokenCommit-BKckxgtg.js";var S=class extends s{static formAssociated=!0;_accessibleName(){return this.getAttribute(`aria-label`)||this.getAttribute(`placeholder`)||`Select`}static get observedAttributes(){return[`placeholder`,`search-placeholder`,`searchable`,`disabled`,`readonly`,`loading`,`icon`,`size`,`collapse-chips`,`aria-label`,`aria-invalid`,`allow-custom`,`custom-pattern`,`custom-invalid-message`]}constructor(){super(),this._values=[],this._optionsProp=null,this._active=-1,this._typeahead=``,this._typeaheadTimer=null,this._customError=``;try{this._internals=this.attachInternals()}catch{this._internals=null}}connectedCallback(){if(this._rendered)this._bindGlobal?.();else{if(!this._valuesInit&&!this._optionsProp&&!this._values.length){let e=this.getAttribute(`value`);if(e!=null&&e!==``)this._values=e.split(`,`).map(e=>e.trim()).filter(Boolean);else{let e=[...this.querySelectorAll(`:scope > wui-option[selected]`)].map(e=>e.getAttribute(`value`)??e.textContent.trim());e.length&&(this._values=e.map(String))}}this._valuesInit=!0,this._defaultCaptured||=(this._defaultValues=this._values.slice(),!0),this.render()}}formResetCallback(){this.values=(this._defaultValues||[]).slice();let e=this.querySelector(`[data-input]`);e&&(e.value=``),this._setCustomError(``)}attributeChangedCallback(e){e===`aria-invalid`?this._syncInvalid():e!==`custom-pattern`&&e!==`custom-invalid-message`&&this._rendered&&this.render()}_syncInvalid(){let e=this.querySelector(`.search-select-control`);e&&(this.hasAttribute(`aria-invalid`)||this._customError?e.setAttribute(`aria-invalid`,`true`):e.removeAttribute(`aria-invalid`))}get values(){return this._values.slice()}set values(e){this._values=Array.isArray(e)?e.map(String):[],d(this,this._values),this._rendered&&(this._renderControl(),this._renderOptions(this._query()))}set options(e){this._optionsProp=Array.isArray(e)?e:null,this._rendered&&this._allowCustom?(this._renderControl(),this._renderOptions(this._query())):this.isConnected&&this.render()}get options(){return this._readOptions()}get validateCustom(){return this._validateCustom??null}set validateCustom(e){this._validateCustom=typeof e==`function`?e:null}get _allowCustom(){return this.hasAttribute(`allow-custom`)}_query(){let e=this.querySelector(this._allowCustom?`[data-input]`:`.search-select-input`);return e?e.value:``}_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,icon:e.getAttribute(`icon`)||void 0,[y]:!0,selected:e.hasAttribute(`selected`)};for(let[n,r]of w){let i=e.getAttribute(n);i&&(t[r]=i)}return e.hasAttribute(`disabled`)&&(t.disabled=!0),t}))}_readOptions(){return this._optionsProp?this._optionsProp:(this._snapshotDeclared(),this._declared||[])}_labelFor(e){let t=this._readOptions().find(t=>String(t.value)===String(e));return t?g(t):h(e)}_labelHtmlFor(e){let t=this._readOptions().find(t=>String(t.value)===String(e));return t?v(t):_(e)}render(){this._snapshotDeclared();let e=this._allowCustom,t=this.hasAttribute(`searchable`)&&!e,n=this.getAttribute(`search-placeholder`)||`Search…`,r=this.getAttribute(`icon`),i=this.getAttribute(`size`),a=i===`sm`?` search-select-sm`:i===`lg`?` search-select-lg`:``;d(this,this._values),this.id||=`wui-multiselect-${Math.random().toString(36).slice(2,9)}`;let o=`${this.id}-listbox`;this._listboxId=o;let s=this.hasAttribute(`disabled`),c=u(this);if(e){let e=`${this.id}-custom-error`;this.innerHTML=`
|
|
2
|
-
<div class="search-select${a}">
|
|
3
|
-
<div class="input search-select-control search-select-multi"${this.hasAttribute(`aria-invalid`)?` aria-invalid="true"`:``}${s?` aria-disabled="true"`:``}>
|
|
4
|
-
${r?f(r,{className:`search-select-icon`}):``}
|
|
5
|
-
<div class="ms-chips" data-chips><input type="text" class="ms-input" data-input role="combobox" aria-autocomplete="list" aria-haspopup="listbox" aria-expanded="false" aria-controls="${k(o)}" aria-label="${k(this._accessibleName())}" aria-describedby="${k(e)}" autocomplete="off"${s?` disabled`:c?` readonly`:``} /></div>
|
|
6
|
-
${f(`chevron-down`,{className:`search-select-caret`})}
|
|
7
|
-
</div>
|
|
8
|
-
<div class="search-select-menu search-select-menu-fixed" hidden>
|
|
9
|
-
<div class="search-select-options" role="listbox" id="${k(o)}" aria-multiselectable="true" tabindex="-1"></div>
|
|
10
|
-
</div>
|
|
11
|
-
</div>
|
|
12
|
-
<div class="field-error wui-ms-custom-error" id="${k(e)}" aria-live="polite" hidden></div>`}else this.innerHTML=`
|
|
13
|
-
<div class="search-select${a}">
|
|
14
|
-
<div class="input search-select-control search-select-multi" role="combobox" aria-haspopup="listbox" aria-expanded="false" aria-controls="${k(o)}" aria-label="${k(this._accessibleName())}"${this.hasAttribute(`aria-invalid`)?` aria-invalid="true"`:``}${s?` aria-disabled="true"`:` tabindex="0"`}>
|
|
15
|
-
${r?f(r,{className:`search-select-icon`}):``}
|
|
16
|
-
<div class="ms-chips" data-chips></div>
|
|
17
|
-
${f(`chevron-down`,{className:`search-select-caret`})}
|
|
18
|
-
</div>
|
|
19
|
-
<div class="search-select-menu search-select-menu-fixed" hidden>
|
|
20
|
-
${t?`<div class="search-select-search">${f(`search`)}<input class="search-select-input" placeholder="${k(n)}" aria-label="${k(n)}" aria-autocomplete="list" /><button type="button" class="search-select-clear" aria-label="Clear search" hidden>${f(`x`)}</button></div>`:``}
|
|
21
|
-
<div class="search-select-options" role="listbox" id="${k(o)}" aria-multiselectable="true" tabindex="-1"></div>
|
|
22
|
-
<div class="search-select-empty" hidden>No matches</div>
|
|
23
|
-
</div>
|
|
24
|
-
</div>`;this._rendered=!0,this._customError=``,d(this,this._values),this._renderControl(),this._renderOptions(),this._wire(),l(this,this.querySelector(`.search-select-control`))}_renderControl(){let e=this.querySelector(`[data-chips]`);if(!e)return;let t=this.getAttribute(`placeholder`)||`Select…`,n=this._allowCustom?e.querySelector(`[data-input]`):null,r=!c(this)&&!this.hasAttribute(`loading`),i=this._values.map(e=>`<span class="chip chip-sm"><span class="chip-label">${this._labelHtmlFor(e)}</span>${r?`<button type="button" class="chip-remove" data-remove="${k(e)}" aria-label="Remove ${k(this._labelFor(e))}">${f(`x`)}</button>`:``}</span>`).join(``);if(n){for(let t of[...e.querySelectorAll(`:scope > .chip`)])t.remove();n.insertAdjacentHTML(`beforebegin`,i),n.placeholder=this._values.length?``:t,this._collapseChips()}else this._values.length?(e.innerHTML=i,this._collapseChips()):e.innerHTML=`<span class="search-select-placeholder">${_(t)}</span>`}_collapseChips(){let e=this.querySelector(`[data-chips]`);if(!e||!this.hasAttribute(`collapse-chips`)||!this._values.length)return;e.querySelector(`.chip-more`)?.remove();let t=[...e.querySelectorAll(`:scope > .chip:not(.chip-more)`)];for(let e of t)e.style.display=``;if(!t.length)return;let n=e.clientWidth,r=e=>e.offsetLeft+e.offsetWidth;if(r(t[t.length-1])<=n)return;let i=document.createElement(`span`);i.className=`chip chip-sm chip-more`,i.textContent=`+${t.length}`,t[t.length-1].after(i);let a=i.offsetWidth+6,o=0;for(let e of t)if(r(e)<=n-a)o+=1;else break;o<1&&(o=1);for(let e=o;e<t.length;e+=1)t[e].style.display=`none`;i.textContent=`+${t.length-o}`}_matches(e,t){return g(e).toLowerCase().includes(t)||String(e.description??``).toLowerCase().includes(t)}_optionNamed(e){let t=e.trim().toLowerCase();return this._readOptions().find(e=>String(e.value??``).toLowerCase()===t||g(e).trim().toLowerCase()===t)}_renderOptions(e){let t=this.querySelector(`.search-select-options`),n=this.querySelector(`.search-select-empty`);if(!t)return;let r=(e||``).trim(),i=r.toLowerCase(),a=this._readOptions();i&&(a=a.filter(e=>this._matches(e,i)));let o=this._listboxId||`${this.id||`wui-multiselect`}-listbox`,s=this._allowCustom&&r&&!this._optionNamed(r),c=a.map((e,t)=>{let n=this._values.includes(String(e.value)),r=`${o}-opt-${t}`;return T(e)?E(e,r,n):`<button type="button" role="option" id="${k(r)}" class="search-select-option${n?` selected`:``}" data-value="${k(e.value)}" aria-selected="${n}"><span class="ms-opt-label">${v(e)}</span><span class="ms-check">${f(`check`)}</span></button>`});s&&c.push(`<button type="button" role="option" id="${k(`${o}-opt-${a.length}`)}" class="search-select-option search-select-option-custom" data-value="${k(r)}" data-custom="true" aria-selected="false">Add “${_(r)}”</button>`),t.innerHTML=c.join(``),n&&(n.hidden=a.length>0),this._active=-1,this._combobox()?.removeAttribute(`aria-activedescendant`),this._allowCustom&&this._syncCustomMenu?.(),this._reanchor?.()}_combobox(){return this._allowCustom?this.querySelector(`[data-input]`):this.querySelector(`.search-select-control`)}_setCustomError(e){this._customError=e||``;let t=this.querySelector(`.wui-ms-custom-error`),n=this.querySelector(`[data-input]`);t&&(t.textContent=this._customError,t.hidden=!this._customError),n&&(this._customError?n.setAttribute(`aria-invalid`,`true`):n.removeAttribute(`aria-invalid`)),this._syncInvalid()}_customRefusal(e){let t=this.getAttribute(`custom-invalid-message`)||`Enter a valid value.`,n=this.getAttribute(`custom-pattern`);if(n){let r=O(n);if(r&&!r.test(e))return t}let r=this._validateCustom;if(r){let n=r(e);return n===!0?``:typeof n==`string`&&n?n:t}return``}_commitTyped(e){let t=e.trim().replace(/,+$/,``).trim();if(!t)return``;let n=this._optionNamed(t),r;if(n){if(n.disabled)return n.disabledHint||this.getAttribute(`custom-invalid-message`)||`That option is not available.`;r=String(n.value)}else{let e=this._customRefusal(t);if(e)return e;r=t}let i=r.toLowerCase();return this._values.some(e=>e.toLowerCase()===i)||(this._values=[...this._values,r]),``}_wire(){this._teardown();let i=this.querySelector(`.search-select-control`),o=this.querySelector(`.search-select-menu`),s=this.querySelector(`.search-select-input`),c=this.querySelector(`.search-select-clear`),l=this.querySelector(`.search-select-options`),f=this._allowCustom,h=f?this.querySelector(`[data-input]`):null,g=h||i;if(!i||!o)return;let _=()=>u(this),v=()=>n(i,o,{matchWidth:!0}),y=()=>[...this.querySelectorAll(`.search-select-option`)],S=()=>y().filter(e=>!e.hidden),w=(e,{reveal:t=!0}={})=>{let n=S();this._active=e,p(l,e>=0&&n[e]||null),e>=0&&n[e]?(t&&n[e].scrollIntoView({block:`nearest`}),g.setAttribute(`aria-activedescendant`,n[e].id)):g.removeAttribute(`aria-activedescendant`)},T=!1,E=()=>f?T:!o.hidden,D=()=>{let e=T&&y().length>0,t=o.hidden;o.hidden=!e,g.setAttribute(`aria-expanded`,String(e)),i.classList.toggle(`open`,e),e&&t&&v()};this._syncCustomMenu=f?D:null;let O=()=>{E()&&v()},k=()=>{_()||(e(this,O),f?(T=!0,D()):(o.hidden=!1,i.setAttribute(`aria-expanded`,`true`),i.classList.add(`open`),v(),s&&(s.value=``,this._renderOptions(``),s.focus())))},A=()=>{let e=f?T:i.getAttribute(`aria-expanded`)===`true`;f?(T=!1,D()):(o.hidden=!0,i.setAttribute(`aria-expanded`,`false`),i.classList.remove(`open`)),w(-1),clearTimeout(this._typeaheadTimer),this._typeaheadTimer=null,this._typeahead=``,t(this),e&&this.dispatchEvent(new Event(`wui-multiselect:close`,{bubbles:!0}))},j=()=>{d(this,this._values),this.dispatchEvent(new Event(`change`,{bubbles:!0}))},M=e=>{let t=String(e);if(this._values.includes(t))this._values=this._values.filter(e=>e!==t);else if(f&&this._values.some(e=>e.toLowerCase()===t.toLowerCase()))return;else this._values=[...this._values,t];this._renderControl(),this._renderOptions(this._query()),j()},N=e=>{this._values=this._values.filter(t=>t!==String(e)),this._renderControl(),this._renderOptions(this._query()),j()},P=(e,{quiet:t=!1}={})=>{let n=this._values.length,r=x(e,C)?b(e,C):[e],i=[],a=``;for(let e of r){let t=this._commitTyped(e);t&&(i.push(e.trim()),a||=t)}t&&i.length||(h.value=i.join(`, `),this._setCustomError(a),this._values.length!==n&&(this._renderControl(),j()),this._renderOptions(h.value))},F=e=>{e&&e.getAttribute(`aria-disabled`)!==`true`&&(e.dataset.custom===`true`?P(e.dataset.value):(M(e.dataset.value),h?.value&&(h.value=``,this._setCustomError(``),this._renderOptions(``))))};i.addEventListener(`click`,e=>{if(_())return;let t=e.target.closest(`[data-remove]`);if(t)e.stopPropagation(),N(t.dataset.remove),h?.focus();else if(h){let t=E();e.target!==h&&h.focus(),e.target===h||!t?k():A()}else E()?A():k()}),l.addEventListener(`click`,e=>{let t=e.target.closest(`.search-select-option`);t&&(F(t),(h||s)?.focus())}),l.addEventListener(`mousemove`,e=>{let t=e.target.closest(`.search-select-option`);t&&!t.classList.contains(`is-active`)&&w(S().indexOf(t),{reveal:!1})}),l.addEventListener(`mouseleave`,()=>w(-1)),l.addEventListener(`error`,e=>{e.target?.classList?.contains(`avatar-img`)&&e.target.remove()},!0),s?.addEventListener(`input`,()=>{this._renderOptions(s.value),c&&(c.hidden=!s.value),w(-1)}),this._navHandler=m({getVisibleOptions:S,getActive:()=>this._active,setActive:e=>w(e),onEnter:e=>{e?F(e):h?.value.trim()&&P(h.value)},onEscape:()=>{this._navHandler.clearTypeahead(),A(),h||i.focus()}});let I=e=>{if(_())return;let t=h||s;e.key===`Backspace`&&!t?.value&&this._values.length?N(this._values[this._values.length-1]):(e.key===`Escape`&&E()&&(e.preventDefault(),e.stopPropagation()),this._navHandler.handler(e))};if(s?.addEventListener(`keydown`,I),c?.addEventListener(`click`,()=>{s.value=``,this._renderOptions(``),c.hidden=!0,s.focus()}),h){let e=e=>{e.target!==h&&e.preventDefault()};l.addEventListener(`mousedown`,e),i.addEventListener(`mousedown`,e),r(),h.addEventListener(`focus`,()=>{a()&&k()}),h.addEventListener(`input`,()=>{this._customError&&this._setCustomError(``),this._renderOptions(h.value),k()}),h.addEventListener(`keydown`,e=>{if(!_()){if(e.key===`,`&&h.value.trim())e.preventDefault(),P(h.value);else if(e.key===`Enter`){if(this._active<0&&!h.value.trim())return;this._navHandler.handler(e)}else e.key!==`ArrowDown`&&e.key!==`ArrowUp`||E()||k(),I(e)}}),h.addEventListener(`paste`,e=>{if(_())return;let t=e.clipboardData?.getData(`text/plain`)??``;x(t,C)&&(e.preventDefault(),P(`${h.value}${t}`))}),h.addEventListener(`blur`,e=>{e.relatedTarget&&this.contains(e.relatedTarget)||(h.value.trim()&&P(h.value,{quiet:!0}),A())})}else i.addEventListener(`keydown`,e=>{E()?I(e):_()||(e.key===`ArrowDown`||e.key===`Enter`||e.key===` `)&&(e.preventDefault(),k())});this._bindGlobal=()=>{this._teardown(),!this._ro&&typeof ResizeObserver<`u`&&(this._ro=new ResizeObserver(()=>this._collapseChips()),this._ro.observe(this)),this._onDocClick=e=>{E()&&!this.contains(e.target)&&A()},document.addEventListener(`click`,this._onDocClick),E()&&e(this,O)},this._bindGlobal()}_teardown(){this._onDocClick&&=(document.removeEventListener(`click`,this._onDocClick),null),t(this),this._navHandler?.teardown()}disconnectedCallback(){this._teardown(),this._ro?.disconnect(),this._ro=null}},C=[`,`,`;`,`
|
|
25
|
-
`,` `],w=[[`description`,`description`],[`avatar`,`avatar`],[`initials`,`initials`],[`disabled-hint`,`disabledHint`]],T=e=>!!(e.description||e.avatar||e.initials||e.disabled||e.disabledHint),E=(e,t,n)=>{let r=!!e.disabled,a=e.description?`<span class="wui-opt-desc">${_(e.description)}</span>`:``,o=e.disabledHint&&r?`<span class="wui-opt-hint">${_(e.disabledHint)}</span>`:``;return`<button type="button" role="option" id="${k(t)}" class="search-select-option wui-opt-rich${n?` selected`:``}" data-value="${k(e.value)}" aria-selected="${n}"${r?` aria-disabled="true"`:``}><span class="ms-opt-label"><span class="wui-opt-name">${v(e)}</span>${a}</span>${o}${i(e)}<span class="ms-check">${f(`check`)}</span></button>`},D=/* @__PURE__ */ new Map,O=e=>{if(D.has(e))return D.get(e);let t=null;try{t=RegExp(`^(?:${e})$`,`u`)}catch{o(`<wui-multiselect> custom-pattern is not a valid regular expression and is ignored: ${e}`)}return D.set(e,t),t},k=e=>String(e??``).replace(/&/g,`&`).replace(/"/g,`"`).replace(/</g,`<`);export{S as t};
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import{n as e,r as t,t as n}from"./anchorOverlay-CBMAnDUt.js";import{t as r}from"./elementBase-DV9IZZCu.js";import{r as i,t as a}from"./fieldState-D-zQcXUS.js";import{t as o}from"./formMirror-BMQTenSi.js";import{t as s}from"./iconGlyphs.g-gURMSeyB.js";import{n as c,t as l}from"./listboxKeyNav-DMIvs9d6.js";import{i as u,n as d,r as f,t as p}from"./optionLabel-CjrUbe2a.js";var m=class extends r{static formAssociated=!0;static get observedAttributes(){return[`value`,`placeholder`,`search-placeholder`,`empty-text`,`searchable`,`disabled`,`readonly`,`loading`,`compact`,`size`,`clearable`,`icon`,`prefix`,`aria-label`,`aria-invalid`,`open`]}_accessibleName(){return this.getAttribute(`aria-label`)||this.getAttribute(`placeholder`)||`Select`}_valueTitle(e){return e&&!this.hasAttribute(`title`)?u(e).trim():``}constructor(){super();try{this._internals=this.attachInternals()}catch{this._internals=null}this._value=``,this._optionsProp=null,this._active=-1,this._typeahead=``,this._typeaheadTimer=null}connectedCallback(){this._rendered?this._bindGlobal?.():this.render()}attributeChangedCallback(e,t,n){e===`value`?this.value=n:e===`aria-invalid`?this._syncInvalid():e===`open`?this._syncPinned?.():this._rendered&&this.render()}_syncInvalid(){let e=this.querySelector(`.search-select-control`);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==null?``:String(e),o(this,this._value),this._syncSelected(),this._syncReset()}set options(e){this._optionsProp=Array.isArray(e)?e:null,this.isConnected&&this.render()}get options(){return this._readOptions()}_snapshotDeclared(){if(this._declared)return;let e=[...this.querySelectorAll(`:scope > wui-option`)];e.length&&(this._declared=e.map(e=>({value:e.getAttribute(`value`)??e.textContent.trim(),label:e.innerHTML,icon:e.getAttribute(`icon`)||void 0,[p]:!0,selected:e.hasAttribute(`selected`)})))}_readOptions(){return this._optionsProp?this._optionsProp:(this._snapshotDeclared(),this._declared||[])}render(){this._defaultValue===void 0&&(this._defaultValue=this.getAttribute(`value`)||``),this._snapshotDeclared();let e=this._readOptions(),t=this.hasAttribute(`searchable`),n=this.hasAttribute(`clearable`),r=this.getAttribute(`size`),a=r===`sm`?` search-select-sm`:r===`lg`?` search-select-lg`:``,c=this.getAttribute(`icon`),l=this.getAttribute(`prefix`),u=this.getAttribute(`placeholder`)||`Select...`,p=this.getAttribute(`search-placeholder`)||`Search...`,m=this.getAttribute(`empty-text`)||`No matches`,g=this._value!==``&&e.find(e=>String(e.value)===String(this._value))||e.find(e=>e.selected)||e.find(e=>String(e.value)===String(this._value));g&&(this._value=String(g.value));let _=this._valueTitle(g);o(this,this._value),this.id||=`wui-select-${Math.random().toString(36).slice(2,9)}`;let v=`${this.id}-listbox`;this._listboxId=v;let y=e.map((e,t)=>{let n=String(e.value)===String(this._value);return`<button type="button" role="option" id="${h(`${v}-opt-${t}`)}" class="search-select-option${n?` selected`:``}" data-value="${h(e.value)}" aria-selected="${n}">${f(e)}</button>`}).join(``);this.innerHTML=`
|
|
2
|
-
<div class="search-select${this.hasAttribute(`compact`)?` search-select-compact`:``}${a}">
|
|
3
|
-
<button type="button" role="combobox" class="input search-select-control" aria-haspopup="listbox" aria-expanded="false" aria-controls="${h(v)}" aria-label="${h(this._accessibleName())}"${_?` title="${h(_)}"`:``}${this.hasAttribute(`aria-invalid`)?` aria-invalid="true"`:``}${this.hasAttribute(`disabled`)?` disabled`:``}>
|
|
4
|
-
${c?s(c,{className:`search-select-icon`}):``}
|
|
5
|
-
${l?`<span class="search-select-prefix">${d(l)}</span>`:``}
|
|
6
|
-
<span class="${g?``:`search-select-placeholder`}" data-label>${g?f(g):d(u)}</span>
|
|
7
|
-
${n?`<span class="search-select-reset" role="button" aria-label="Clear selection" hidden>${s(`x`)}</span>`:``}
|
|
8
|
-
${s(`chevron-down`,{className:`search-select-caret`})}
|
|
9
|
-
</button>
|
|
10
|
-
<div class="search-select-menu search-select-menu-fixed" hidden>
|
|
11
|
-
${t?`<div class="search-select-search">${s(`search`)}<input class="search-select-input" placeholder="${h(p)}" aria-label="${h(p)}" aria-autocomplete="list" /><button type="button" class="search-select-clear" aria-label="Clear search" hidden>${s(`x`)}</button></div>`:``}
|
|
12
|
-
<div class="search-select-options" role="listbox" id="${h(v)}" tabindex="-1">${y}</div>
|
|
13
|
-
<div class="search-select-empty" hidden>${d(m)}</div>
|
|
14
|
-
</div>
|
|
15
|
-
</div>`,this._rendered=!0,o(this,this._value),this._wire(),this._syncReset(),i(this,this.querySelector(`.search-select-control`))}_refs(){return{control:this.querySelector(`.search-select-control`),menu:this.querySelector(`.search-select-menu`),label:this.querySelector(`[data-label]`),reset:this.querySelector(`.search-select-reset`),search:this.querySelector(`.search-select-input`),clear:this.querySelector(`.search-select-clear`),empty:this.querySelector(`.search-select-empty`),optionsWrap:this.querySelector(`.search-select-options`)}}_optionEls(){return[...this.querySelectorAll(`.search-select-option`)]}_visible(){return this._optionEls().filter(e=>!e.hidden)}_syncSelected(){let{label:e,control:t}=this._refs(),n=this._readOptions().find(e=>String(e.value)===String(this._value));for(let e of this._optionEls()){let t=e.dataset.value===String(this._value);e.classList.toggle(`selected`,t),e.setAttribute(`aria-selected`,String(t))}if(e&&(e.innerHTML=n?f(n):d(this.getAttribute(`placeholder`)||`Select...`),e.classList.toggle(`search-select-placeholder`,!n)),t){let e=this._valueTitle(n);e?t.setAttribute(`title`,e):t.removeAttribute(`title`)}}_syncReset(){let{reset:e}=this._refs();e&&(e.hidden=!(this.hasAttribute(`clearable`)&&this._value!==``&&!a(this)))}_wire(){this._teardown();let r=this._refs();if(!r.control||!r.menu)return;let i=()=>{let e=this.hasAttribute(`open`)?{below:!0}:{};if(this.hasAttribute(`compact`)){let t=r.control.getBoundingClientRect();r.menu.style.width=`max-content`,r.menu.style.minWidth=`${t.width}px`,r.menu.style.maxWidth=`280px`,n(r.control,r.menu,e)}else n(r.control,r.menu,{matchWidth:!0,...e})},o=(e,{reveal:t=!0}={})=>{let n=this._visible();this._active=e,c(r.optionsWrap,e>=0&&n[e]||null),e>=0&&n[e]?(t&&n[e].scrollIntoView({block:`nearest`}),r.control.setAttribute(`aria-activedescendant`,n[e].id)):r.control.removeAttribute(`aria-activedescendant`)},s=e=>{let t=e.trim().toLowerCase(),n=0;for(let e of this._optionEls()){let r=!t||e.textContent.toLowerCase().includes(t);e.hidden=!r,r&&(n+=1)}r.empty&&(r.empty.hidden=n>0),r.clear&&(r.clear.hidden=!t),r.menu.hidden||i()},u=()=>!r.menu.hidden,d=()=>{u()&&i()},f=({focus:t=!0}={})=>{r.menu.hidden=!1,r.control.setAttribute(`aria-expanded`,`true`),r.control.classList.add(`open`),i(),e(this,d),r.search&&(r.search.value=``,s(``),t&&r.search.focus()),t&&o(this._optionEls().findIndex(e=>e.classList.contains(`selected`)))},p=({force:e=!1}={})=>{(e||!this.hasAttribute(`open`))&&(r.menu.hidden=!0,r.control.setAttribute(`aria-expanded`,`false`),r.control.classList.remove(`open`),o(-1),t(this))},m=e=>{try{this.value=e.dataset.value,this.dispatchEvent(new Event(`change`,{bubbles:!0}))}finally{p(),r.control.focus()}};this._navHandler=l({getVisibleOptions:()=>this._visible(),getActive:()=>this._active,setActive:e=>o(e),onEnter:(e,t)=>{e?m(e):r.search&&r.search.value.trim()!==``&&t.length===1&&m(t[0])},onEscape:()=>{this._navHandler.clearTypeahead(),p(),r.control.focus()}});let h=e=>{e.key===`Escape`&&(e.preventDefault(),e.stopPropagation()),this._navHandler.handler(e)};r.reset?.addEventListener(`click`,e=>{e.stopPropagation(),this.value=``,this.dispatchEvent(new Event(`change`,{bubbles:!0})),p(),r.control.focus()}),r.control.addEventListener(`click`,()=>{u()?p():a(this)||f()}),r.control.addEventListener(`keydown`,e=>{u()?h(e):(e.key===`ArrowDown`||e.key===`Enter`||e.key===` `)&&(e.preventDefault(),a(this)||f())}),r.optionsWrap.addEventListener(`click`,e=>{let t=e.target.closest(`.search-select-option`);t&&m(t)}),r.optionsWrap.addEventListener(`mousemove`,e=>{let t=e.target.closest(`.search-select-option`);t&&!t.classList.contains(`is-active`)&&o(this._visible().indexOf(t),{reveal:!1})}),r.optionsWrap.addEventListener(`mouseleave`,()=>o(-1)),r.search?.addEventListener(`input`,()=>{s(r.search.value),o(-1)}),r.clear?.addEventListener(`click`,()=>{r.search.value=``,s(``),r.search.focus()}),r.menu.addEventListener(`keydown`,h),this._bindGlobal=()=>{this._teardown(),this._onDocClick=e=>{u()&&!this.contains(e.target)&&p()},document.addEventListener(`click`,this._onDocClick),u()&&e(this,d)},this._syncPinned=()=>this.hasAttribute(`open`)?f({focus:!1}):p({force:!0}),this.hasAttribute(`open`)&&f({focus:!1}),this._bindGlobal()}_teardown(){this._onDocClick&&=(document.removeEventListener(`click`,this._onDocClick),null),t(this),this._navHandler?.teardown()}disconnectedCallback(){this._teardown()}},h=e=>String(e??``).replace(/&/g,`&`).replace(/"/g,`"`).replace(/</g,`<`);export{m as t};
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import{t as e}from"./elementBase-DV9IZZCu.js";import{n as t,r as n,t as r}from"./fieldState-D-zQcXUS.js";import{n as i}from"./formMirror-BMQTenSi.js";import{t as a}from"./iconGlyphs.g-gURMSeyB.js";import{i as o,n as s,r as c,t as l}from"./tokenCommit-BKckxgtg.js";var u=class extends e{static formAssociated=!0;_accessibleName(){return this.getAttribute(`aria-label`)||this.getAttribute(`placeholder`)||`Add tags`}static get observedAttributes(){return[`placeholder`,`disabled`,`readonly`,`loading`,`size`,`max-tags`,`aria-label`,`separators`,`allow-duplicates`,`aria-invalid`]}constructor(){super(),this._values=[],this._draftText=``;try{this._internals=this.attachInternals()}catch{this._internals=null}}connectedCallback(){if(this._rendered)this._wire();else{if(!this._valuesInit&&!this._values.length){let e=this.getAttribute(`value`);if(e!=null&&e!==``)this._values=e.split(`,`).map(e=>e.trim()).filter(Boolean);else{let e=[...this.querySelectorAll(`:scope > wui-tag`)].map(e=>e.textContent.trim());e.length&&(this._values=e.map(String))}}this._valuesInit=!0,this._defaultCaptured||=(this._defaultValues=this._values.slice(),!0),this.render()}}formResetCallback(){this.values=(this._defaultValues||[]).slice(),this._draftText=``;let e=this.querySelector(`[data-input]`);e&&(e.value=``)}attributeChangedCallback(e){e===`aria-invalid`?this._syncInvalid():this._rendered&&(e===`separators`||e===`allow-duplicates`?this._wire():this.render())}_syncInvalid(){let e=this.querySelector(`.search-select-control`);e&&(this.hasAttribute(`aria-invalid`)?e.setAttribute(`aria-invalid`,`true`):e.removeAttribute(`aria-invalid`))}get values(){return this._values.slice()}set values(e){this._values=Array.isArray(e)?e.map(String):[],i(this,this._values),this._rendered&&this._renderControl()}render(){let e=this.getAttribute(`size`),t=e===`sm`?` search-select-sm`:e===`lg`?` search-select-lg`:``;i(this,this._values),this.innerHTML=`
|
|
2
|
-
<div class="search-select${t}">
|
|
3
|
-
<div class="input search-select-control search-select-multi"${this.hasAttribute(`aria-invalid`)?` aria-invalid="true"`:``}${this.hasAttribute(`disabled`)?` aria-disabled="true"`:``}>
|
|
4
|
-
<div class="ms-chips" data-chips><input type="text" class="ms-input" data-input aria-label="${f(this._accessibleName())}" placeholder="${f(this.getAttribute(`placeholder`)||`Add…`)}" autocomplete="off"${this.hasAttribute(`disabled`)?` disabled`:``}${r(this)?` readonly`:``}/></div>
|
|
5
|
-
</div>
|
|
6
|
-
</div>`,this._rendered=!0,i(this,this._values),this._renderControl(),this._wire(),n(this,this.querySelector(`.input.search-select-control.search-select-multi`))}_renderControl(){let e=this.querySelector(`[data-chips]`);if(!e)return;for(let t of e.querySelectorAll(`:scope > .chip`))t.remove();if(!this._values.length)return;let n=!t(this)&&!this.hasAttribute(`loading`);e.querySelector(`[data-input]`).insertAdjacentHTML(`beforebegin`,this._values.map(e=>{let t=n?`<button type="button" class="chip-remove" data-remove="${f(e)}" aria-label="Remove ${f(e)}">${a(`x`)}</button>`:``;return`<span class="chip chip-sm"><span class="chip-label">${d(e)}</span>${t}</span>`}).join(``))}_wire(){this._teardown();let e=this.querySelector(`.search-select-control`),t=this.querySelector(`[data-input]`);if(!e||!t)return;let n=()=>r(this),a=(this.getAttribute(`separators`)||`enter,comma`).split(`,`).map(e=>e.trim()),u=this.getAttribute(`max-tags`),d=this.hasAttribute(`allow-duplicates`),f=new Set(a.map(c).filter(Boolean)),p=()=>{i(this,this._values),this.dispatchEvent(new Event(`change`,{bubbles:!0}))},m=e=>{let t=e.trim();if(!t||u&&this._values.length>=parseInt(u,10))return;let n=d?t:t.toLowerCase();(!this._values.some(e=>d?e===t:e.toLowerCase()===n)||d)&&(this._values.push(t),this._renderControl(),p())},h=()=>{!n()&&t.value.trim()&&(m(t.value.replace(/,+$/,``)),t.value=``)},g=e=>{this._values=this._values.filter(t=>t!==e),this._renderControl(),p()},_=e=>{if(!n()){if(e.key===`Enter`&&f.has(`Enter`))e.preventDefault(),m(t.value),t.value=``;else if(e.key===`,`&&f.has(`,`))e.preventDefault(),m(t.value.replace(/,+$/,``)),t.value=``;else if(e.key===` `&&f.has(` `)){let n=t.value.trim();n&&(e.preventDefault(),m(n),t.value=``)}else e.key===`Tab`&&f.has(`Tab`)?(e.preventDefault(),m(t.value),t.value=``):(e.key===`Backspace`&&!t.value&&this._values.length&&(e.preventDefault(),g(this._values[this._values.length-1])),e.key===`Escape`&&(t.value=``))}},v=e=>{if(e.preventDefault(),n())return;let r=e.clipboardData.getData(`text/plain`),i=[];for(let e of a){let t=s(e)??e;if(l(r,[t])){i.push(...o(r,[t]));break}}i.length||i.push(r.trim());for(let e of i)if(m(e),u&&this._values.length>=parseInt(u,10))break;t.value=``};this._onControlClick=e=>{let r=e.target.closest(`[data-remove]`);if(r){if(n())return;e.stopPropagation(),g(r.dataset.remove),t.focus()}else t.focus()},this._onInputKey=_,this._onInputPaste=v,this._onInputBlur=h,e.addEventListener(`click`,this._onControlClick),t.addEventListener(`keydown`,this._onInputKey),t.addEventListener(`paste`,this._onInputPaste),t.addEventListener(`blur`,this._onInputBlur),this._form=this.closest(`form`),this._onFormSubmit=h,this._form&&this._form.addEventListener(`submit`,this._onFormSubmit,!0),this._onDocClick=e=>{this.contains(e.target)||t.blur()},document.addEventListener(`click`,this._onDocClick)}_teardown(){this._onDocClick&&=(document.removeEventListener(`click`,this._onDocClick),null);let e=this.querySelector(`.search-select-control`),t=this.querySelector(`[data-input]`);e&&this._onControlClick&&e.removeEventListener(`click`,this._onControlClick),t&&this._onInputKey&&(t.removeEventListener(`keydown`,this._onInputKey),t.removeEventListener(`paste`,this._onInputPaste),t.removeEventListener(`blur`,this._onInputBlur)),this._form&&this._onFormSubmit&&(this._form.removeEventListener(`submit`,this._onFormSubmit,!0),this._form=null)}disconnectedCallback(){this._teardown()}},d=e=>String(e??``).replace(/&/g,`&`).replace(/</g,`<`).replace(/>/g,`>`),f=e=>String(e??``).replace(/&/g,`&`).replace(/"/g,`"`).replace(/</g,`<`);export{u as t};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{t as e}from"./elementBase-DV9IZZCu.js";import{n as t}from"./devWarn-DXdRWZs3.js";import{t as n}from"./iconGlyphs.g-gURMSeyB.js";import{n as r,t as i}from"./buttonClass-DpG9WzgJ.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="${r(`soft`,`md`)}" data-nav="back"${o} data-wui="${i}">${n(`arrow-left`,{className:`me-2`})}${p(c)}</button>`:`<span></span>`}<span class="wizard-footer-actions">${s&&t<a?`<button type="button" class="${r(`neutral`,`md`)}" data-nav="skip"${o} data-wui="${i}">${p(u)}</button>`:``}${t<a?`<button type="button" class="${r(`primary`,`md`)}" data-nav="next"${o} data-wui="${i}">${p(l)}${n(`arrow-right`,{className:`ms-2`})}</button>`:`<button type="button" class="${r(`primary`,`md`)}" data-nav="finish"${o} data-wui="${i}">${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),r=t&&[...t.children].find(t=>t.getAttribute(`data-icon`)===e);if(r)return r.outerHTML;let i=Number.parseInt(this.getAttribute(`icon-size`),10);return n(e,i>0?{size:i}: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,`&`).replace(/</g,`<`).replace(/>/g,`>`),m=e=>String(e??``).replace(/&/g,`&`).replace(/"/g,`"`).replace(/</g,`<`),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};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{n as e,t}from"./buttonClass-DpG9WzgJ.js";import{n,t as r}from"./devWarn-DXdRWZs3.js";import{l as i,s as a}from"./wuiHttp-DgnM7K2Q.js";import{E as o,k as s,r as c,w as l,y as u}from"./dataTable-BGZc5iC1.js";import{t as d}from"./iconGlyphs.g-gURMSeyB.js";import{LIST_QUERY_RESERVED as f,SEARCH_PARAM as ee}from"./listQuery.js";var p=Object.freeze({autocomplete:{entries:[`elements/autocomplete.js`],tags:[`wui-autocomplete`]},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`]},multiselect:{entries:[`elements/multiselect.js`],tags:[`wui-multiselect`]},phone:{entries:[`elements/phone.js`,`elements/country-select.js`],tags:[`wui-phone`,`wui-country-select`]},resizable:{entries:[`elements/resizable.js`],tags:[`wui-resizable`]},"saved-views":{entries:[`elements/saved-views.js`],tags:[`wui-saved-views`]},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`]},taginput:{entries:[`elements/taginput.js`],tags:[`wui-taginput`]},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`,stepperHeader:`stepperHeader.js`,tableSelect:`tableSelect.js`,textMatch:`textMatch.js`,wuiHttp:`server/wuiHttp.js`,WuiSelect:`WuiSelect.js`,zone:`zone.js`});var m=`wui-elements:defined`,h=/* @__PURE__ */ new Map;for(let[e,t]of Object.entries(p))for(let n of t.tags)h.set(n,e);[...h.keys()].join(`,`);function g(e,t){e&&(e.tip?.isConnected?(t.addEventListener(`hidden${e.constructor.EVENT_KEY}`,()=>e.dispose(),{once:!0}),e.hide()):e.dispose())}var _=`wui-remote-modal`,v=`wui-remote-drawer`,te=Object.freeze({sm:360,md:480,lg:640,xl:720}),y=`wui-modal-fullscreen`,b=Object.freeze({sm:380,md:440,lg:640,xl:880}),x=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.`}),S=`a[href],button:not([disabled]),input:not([disabled]):not([type="hidden"]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex="-1"])`,C=`input:not([type="hidden"]):not([disabled]),select:not([disabled]),textarea:not([disabled]),[contenteditable="true"]`,w=`[aria-invalid="true"], .is-invalid, .input-validation-error`,ne=`.wui-error-summary, [data-wui-form-errors], .validation-summary-errors, [data-valmsg-summary]`,re=`[data-wui-modal-content]`,T=`[data-wui-pane-close], [data-bs-dismiss="modal"]`,E=`<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>`,D=/* @__PURE__ */ new WeakMap,ie=/* @__PURE__ */ new WeakSet,O=()=>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},k=e=>{let t=document.createElement(`span`);return t.textContent=e??``,t.innerHTML};function A(e){if(e==null||e===``)return null;if(e===`fullscreen`)return{fullscreen:!0};if(Object.hasOwn(b,e))return{px:b[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 oe=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:b.md}},j=(e,t)=>{e.classList.toggle(y,!!t.fullscreen),t.fullscreen?e.style.removeProperty(`--wui-modal-max-width`):e.style.setProperty(`--wui-modal-max-width`,`${t.px}px`)},M=[`center`,`top`];function N(e){if(e==null||e===``)return null;if(Object.hasOwn(te,e))return{px:te[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 P=e=>e.container===`drawer`,F=e=>e.container===`pane`,I=e=>e.container!==`modal`,se=(e,t)=>P(e)?N(t):A(t),ce=()=>document.getElementById(`wui-remote-drawer`)?.classList.contains(`show`)??!1,le=e=>{let t=typeof e==`string`?document.querySelector(e):e;return t?.matches?.(`[data-wui-pane-host]`)?t:null},ue=e=>F(e)?e.shell:e.shell.querySelector(`.modal-dialog`);function de(e=`modal`){let t=e===`drawer`,n=t?v:_,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?te.md:b.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 L=e=>`<div class="wui-modal-header"><div class="wui-modal-heading"><div class="wui-modal-headtext"><div class="wui-modal-title">${k(e)}</div></div></div>${E}</div>`,fe=e=>`<div class="modal-content wui-modal" aria-busy="true">${L(e)}<div class="wui-modal-body"><div class="wui-modal-loading" role="status"><span class="visually-hidden">${k(x.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>`,pe=(n,r)=>`<div class="modal-content wui-modal" data-wui-modal-error="${k(r)}">${L(n)}<div class="wui-modal-body"><div class="wui-modal-state" role="alert"><p class="wui-modal-state-title">${k(x.errorTitle)}</p><p class="wui-modal-state-text">${k(x[r]||x.server)}</p><div class="wui-modal-state-actions"><button type="button" class="${e(`soft`,`md`)}" data-bs-dismiss="modal" data-wui="${t}">${k(x.close)}</button><button type="button" class="${e(`primary`,`md`)}" data-wui-modal-retry data-wui="${t}">${k(x.retry)}</button></div></div></div></div>`,me=e=>{let t=document.createElement(`template`);return t.innerHTML=e,t.content.querySelector(`.modal-content`)},R=e=>e.shell.querySelector(`.modal-content`);function he(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)g(e.getInstance(r),r);t?.Dropdown?.getInstance?.(r)?.dispose()}}function z(e,t){let n=R(e),r=n?_e(n):/* @__PURE__ */ new Map;he(n),n?n.replaceWith(t):ue(e).appendChild(t),ve(t,r),window.WUI?.refresh?.()}var ge=`input[type="file"][name]`;function _e(e){let t=/* @__PURE__ */ new Map;for(let n of e.querySelectorAll(ge))n.files.length>0&&t.set(n.name,[...n.files]);return t}function ve(e,t){if(t.size!==0&&typeof DataTransfer<`u`)for(let n of e.querySelectorAll(ge)){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 B=e=>F(e)?!e.shell.hidden:e.shell.classList.contains(`show`);function ye(e,t,n=!1){let r=t&&e.querySelector(w),i=r?r.matches(S)?r:r.querySelector(S)||r:null;if(!i&&n)i=e.querySelector(`[data-autofocus]`)||e.querySelector(C)||e.querySelector(`.wui-modal-close`);else if(!i){let t=[...e.querySelectorAll(S)];i=e.querySelector(`[data-autofocus]`)||t.find(e=>!e.classList.contains(`wui-modal-close`))||t[0]||e}i?.focus?.()}function be(e,t){let n=[...e.querySelectorAll(S)].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 xe(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`,``),ue(e).appendChild(n)),n.textContent=``,n.textContent=t}var Se=e=>{let t=e.shell.querySelector(`[data-wui-modal-live]`);t&&(t.textContent=``)},V=(e,t,n)=>e.dispatchEvent(new CustomEvent(t,{bubbles:!0,detail:n}));function H(e,t,n,r){let i={...r,container:e.container};V(t,`wui:modal:${n}`,i),P(e)&&V(t,`wui:drawer:${n}`,i),F(e)&&V(t,`wui:pane:${n}`,i)}var U=e=>e.matches(`[data-wui-pane-host]`)?`pane`:e.classList.contains(`wui-remote-drawer`)?`drawer`:`modal`;function Ce(e){let t=D.get(e);return t||(t={shell:e,container:U(e),queue:a(),defaultSize:oe(e),defaultLabel:e.getAttribute(`aria-label`),placeholder:R({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},D.set(e,t),e.addEventListener(`submit`,e=>He(t,e)),e.addEventListener(`click`,e=>{e.target.closest?.(`[data-wui-modal-retry]`)&&t.session&&(e.preventDefault(),G(t,t.session))}),F(t)&&e.addEventListener(`click`,e=>{let n=e.target.closest?.(T);n&&e.currentTarget.contains(n)&&t.session&&W(t,t.session,`dismissed`,null)}),e.addEventListener(`hidden.bs.modal`,n=>{n.target===e&&(e.classList.contains(`wui-modal-stacked`)&&Ee(t),De(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=R(t);t.session&&r?.matches(re)&&!r.contains(document.activeElement)&&ye(r,!1,I(t))}),t.remoteUrl&&e.addEventListener(`show.bs.modal`,n=>{n.target===e&&Oe(t,n)}),t)}function we(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:()=>W(e,a,`dismissed`,null),reload:()=>G(e,a)},e.session=a,a}function W(e,t,n,r){e.session===t&&(t.closing={status:n,detail:r},F(e)?Te(e,t):window.bootstrap?.Modal?.getOrCreateInstance(e.shell).hide())}function Te(e,t){let n=e.shell,{status:r,detail:i}=t.closing,a=n.contains(document.activeElement);e.queue.abort(),e.session=null,he(R(e)),n.replaceChildren(),n.hidden=!0,n.removeAttribute(`data-open`),t.resolveClosed({status:r,detail:i}),H(e,n,`closed`,{status:r,url:t.url}),a&&t.trigger?.isConnected&&t.trigger.focus?.()}function Ee(e){e.shell.classList.remove(`wui-modal-stacked`),ce()&&(document.body.classList.add(`modal-open`),document.body.style.overflow=`hidden`)}function De(e){let t=e.session;if(e.queue.abort(),e.session=null,Se(e),t){let{status:n,detail:r}=t.closing||{status:`dismissed`,detail:null};t.resolveClosed({status:n,detail:r}),H(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||(z(e,me(e.placeholder)),e.loadedUrl=null,j(e.shell,e.defaultSize),e.defaultLabel?e.shell.setAttribute(`aria-label`,e.defaultLabel):e.shell.removeAttribute(`aria-label`))}function Oe(e,t){let n=t.relatedTarget instanceof Element?t.relatedTarget:null,r=n?.getAttribute(`data-wui-url`)||e.remoteUrl,i=we(e,r,{trigger:n});i.explicitSize=ke(e,n?.getAttribute(`data-wui-size`)),i.explicitSize&&j(e.shell,i.explicitSize),e.cache&&e.loadedUrl===r||(e.loadedUrl&&z(e,me(e.placeholder)),G(e,i,{keepPlaceholder:!0}))}function ke(e,t){try{return se(e,t)}catch(e){return r(e),null}}async function G(e,t,{keepPlaceholder:n=!1}={}){n||z(e,me(fe(t.options.title||Ae(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`)&&Pe(e,t,r.html,!1))return e.loadedUrl=t.url,H(e,e.shell,`loaded`,{url:t.url,handle:t.handle}),`loaded`;let i=r.kind===`ok`||r.kind===`validation`?`server`:r.kind;return z(e,me(pe(t.options.title||Ae(e),i))),B(e)&&ye(R(e),!1,I(e)),H(e,e.shell,`error`,{url:t.url,kind:i,status:r.status}),`error`}var Ae=e=>R(e)?.querySelector(`.wui-modal-title`)?.textContent||e.shell.getAttribute(`aria-label`)||``,je=`/_content/Webority.Ui.Razor/js/`,Me=e=>new URL(e,window.location.href).pathname.includes(je);function Ne(e){if([...document.scripts].some(t=>t.getAttribute(`src`)===e))return;let t=document.createElement(`script`);t.src=e,document.head.appendChild(t)}function Pe(e,t,i,a){let o=document.createElement(`template`);o.innerHTML=i;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&&Me(t)?Ne(t):s=!0}s&&n(`WUI.modal: ${t.url} returned a fragment with script; it was removed. Keep page behaviour in the page.`);let c=o.content.querySelector(re);if(!c)return r(`WUI.modal: ${t.url} did not answer with an <app-modal-content> fragment.`),!1;if(z(e,c),a||Se(e),!F(e)){j(e.shell,t.explicitSize||ke(e,c.getAttribute(`data-wui-size`))||e.defaultSize);let n=c.getAttribute(`data-wui-title`);n&&e.shell.setAttribute(`aria-label`,n)}return B(e)&&ye(c,a,I(e)),!0}var Fe=`button[type="submit"], button:not([type]), input[type="submit"], input[type="image"]`;function Ie(e,t,n){let r=[...e.elements].filter(e=>e.matches(Fe));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 Le(e){for(let t of e.querySelectorAll(ne))t.remove();for(let t of e.querySelectorAll(w))t.removeAttribute(`aria-invalid`),t.classList.remove(`is-invalid`,`input-validation-error`);for(let t of e.querySelectorAll(`.field-error`))t.textContent=``}var Re=/* @__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 ze(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=Re.has(r.toLowerCase())||r.toLowerCase()===i;return n(t?.message)||n(t?.detail)||(r&&!a?r:null)}function Be(e,t,n,r){let i=t.closest(`.wui-modal-body`)||t;i.querySelector(`[data-wui-modal-submit-error]`)?.remove(),Le(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=k(`${x.submitFailed} ${r||x[n]||x.server}`),i.prepend(a),xe(e,a.textContent)}var Ve=(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 He(e,t){let n=t.target,r=e.session;if(!(n instanceof HTMLFormElement)||!r||n.hasAttribute(`data-wui-native`)||!n.closest(re)||(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`;Ie(n,i,!0);let l=await e.queue.run(c?Ve(a,s):a,{method:o,body:c?void 0:s,navigate:r.options.navigate});if(e.session!==r)return;if(n.isConnected&&Ie(n,i,!1),l.kind===`ok`&&l.result===`success`){Ue(e,r,l);return}if(l.kind===`aborted`||l.kind===`stale`||l.kind===`session`)return;if(l.kind===`validation`&&Pe(e,r,l.html,!0)){let t=R(e).querySelector(ne)?.textContent.replace(/\s+/g,` `).trim();xe(e,t||x.invalid);return}if(l.kind===`ok`&&l.html&&Pe(e,r,l.html,!1))return;let u=l.kind===`ok`||l.kind===`validation`?`server`:l.kind,d=await ze(l.response);e.session===r&&Be(e,n,u,d)}function Ue(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`}),H(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,G(e,t)):n.keepOpen?n.html&&Pe(e,t,n.html,!1):W(e,t,`success`,a)}function We(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`)?Qe(t.getAttribute(`data-wui-pane`),{target:t.getAttribute(`data-wui-pane-target`),trigger:t}).catch(e=>{e?.name!==`AbortError`&&r(e)}):t.hasAttribute(`data-wui-modal`)?Je(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`&&r(e)}):Xe(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`&&r(e)})))}function Ge(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&&be(n,e)}function Ke(e){if(e.key!==`Escape`||e.defaultPrevented)return;let t=e.target.closest?.(Ze),n=t&&D.get(t);n?.session&&!e.currentTarget.querySelector(`.modal.show`)&&W(n,n.session,`dismissed`,null)}function qe(e=document){let t=e.ownerDocument||e;ie.has(t)||(ie.add(t),t.addEventListener(`click`,We),t.addEventListener(`keydown`,Ge),t.addEventListener(`keydown`,Ke));let n=[...e.querySelectorAll?.(`.modal[data-wui-remote-url]`)||[]];e.matches?.(`.modal[data-wui-remote-url]`)&&n.unshift(e);for(let e of n)Ce(e)}function Je(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?N(t.size):A(t.size),a=t.placement||`center`;if(!M.includes(a))throw TypeError(`WUI.modal.load: unsupported placement "${a}". Use center or top.`);if(t.signal?.aborted)return Promise.reject(O());let o=de(r?`drawer`:`modal`);qe(document);let s=Ce(o),c=B(s),l=we(s,e,t);l.explicitSize=i,j(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&&ce()&&(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})),d=G(s,l);return c||n.getOrCreateInstance(o).show(),Ye(s,l,t,u,d,`WUI.modal.load`)}catch(e){return Promise.reject(e)}}function Ye(e,t,n,r,i,a){let o=new Promise((r,i)=>{n.signal?.addEventListener(`abort`,()=>{e.session===t&&(e.queue.abort(),W(e,t,`dismissed`,{aborted:!0})),i(O())},{once:!0})}),s=Promise.all([r,i]).then(([,e])=>{if(e===`aborted`)throw O();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 Xe(e,t={}){return Je(e,{...t,container:`drawer`,placement:void 0})}var Ze=`[data-wui-pane-host]`;function Qe(e,t={}){try{if(!e)throw TypeError(`WUI.pane.load: a fragment url is required.`);let n=le(t.target);if(!n)throw TypeError(`WUI.pane.load: the target is not an <app-detail-pane>.`);if(t.signal?.aborted)return Promise.reject(O());qe(document);let r=Ce(n),i=we(r,e,t);n.hidden=!1,n.setAttribute(`data-open`,``);let a=G(r,i);return Ye(r,i,t,Promise.resolve(),a,`WUI.pane.load`)}catch(e){return Promise.reject(e)}}function $e(e){let t=le(e);if(!t)throw TypeError(`WUI.pane.close: the target is not an <app-detail-pane>.`);let n=D.get(t);n?.session&&W(n,n.session,`dismissed`,null)}var et=`Select all rows`,tt=`Select row`,K=`wui-select-cell`,nt=(e,t)=>{let n=e.createElement(`input`);return n.type=`checkbox`,n.className=`wui-check`,n.setAttribute(`aria-label`,t),n};function rt(e=document){let t=e.createElement(`th`);return t.className=K,t.appendChild(nt(e,et)),t}function it(e=document,{disabled:t=!1}={}){let n=e.createElement(`td`);n.className=K;let r=nt(e,tt);return r.disabled=t,n.appendChild(r),n}function at(e=document){let t=e.createElement(`td`);return t.className=K,t}var ot=e=>e.firstElementChild?.classList.contains(K),st=e=>e.matches(`.wui-group-row, .wui-virtual-spacer`);function ct(e){for(let t of e){if(ot(t)||st(t))continue;let e=t.getAttribute(`data-row-selectable`)===`false`;t.insertBefore(it(t.ownerDocument,{disabled:e}),t.firstChild)}}function lt(e){let t=e.querySelector(`thead tr`);if(!t)return null;ot(t)||t.insertBefore(rt(e.ownerDocument),t.firstChild),ct(e.querySelectorAll(`tbody tr`));for(let t of e.querySelectorAll(`tfoot tr`))ot(t)||t.insertBefore(at(e.ownerDocument),t.firstChild);return t.querySelector(`.${K} .wui-check`)}function ut(e){let t=e.querySelector(`thead .${K} .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 dt=`tbody .${K} .wui-check:not(:disabled)`;function ft(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(dt)],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 pt=8e3,mt=`That did not work. Try again.`;function ht(e,t=`success`){if(!e?.message)return;let n=e.toastAction;n?window.WUI?.toast?.(e.message,{variant:t,duration:pt,action:{label:n.label,onClick:()=>gt(n)}}):window.WUI?.toast?.(e.message,{variant:t})}async function gt(e){let t=await i(e.url,{method:e.method});if(t.kind!==`session`&&t.kind!==`aborted`){if(t.ok){ht(t,t.toastVariant||`success`);for(let e of document.querySelectorAll(`[data-wui-server]`))e.dataset.refreshOnSuccess!==`false`&&Et(e)?.reload()}else window.WUI?.toast?.(t.message||mt,{variant:`danger`})}}var q=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`}),_t=5,vt=/* @__PURE__ */ new WeakMap,yt=(e,t)=>{let n=Number(e);return Number.isInteger(n)?n:t},bt=e=>({total:yt(e.dataset.total,0),page:yt(e.dataset.page,1),pageSize:yt(e.dataset.pageSize,0),sortBy:e.dataset.sortBy||``,sortOrder:e.dataset.sortOrder===`desc`?`desc`:`asc`}),xt=(e,t)=>{e&&window.WUI?.toast?.(e,{variant:t})},St=(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&&!f.includes(e))),r=[...t].some(([e,t])=>t!==``&&n.has(e));for(let t of e.querySelectorAll(`[data-wui-filter-clear]`))t.hidden=!r},Ct=new Intl.NumberFormat(`en-IN`),wt=(e,t)=>{let n=e.closest(`.wui-list-card`)?.querySelector(`.wui-list-card-count`);n&&(n.textContent=Ct.format(t))};function Tt(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)vt.has(e)||vt.set(e,Dt(e))}function Et(e){let t=e instanceof Element?e.closest(`[data-wui-server]`):null;return t&&vt.get(t)||null}function Dt(p){let m=p.querySelector(`.table-wrap`),h=m?.querySelector(`:scope > table`),g=p.dataset.src;if(!h||!g)throw Error(`A server-paged table needs data-src and a .table-wrap > table: render it with <app-data-table src>.`);let _=m.querySelector(`:scope > [data-wui-table-state]`),v=p.querySelector(`[data-wui-table-pager]`),te=p.querySelector(`[data-wui-table-status]`),y={urlState:p.dataset.urlState!==`false`,refreshOnSuccess:p.dataset.refreshOnSuccess!==`false`,filtersForm:p.dataset.filtersForm||null,filtersRegion:p.dataset.filtersRegion||null,searchInput:p.dataset.searchInput||null,loadingText:p.dataset.loadingText||q.loading,errorText:p.dataset.errorText||q.error},b=new URL(g,window.location.href),x=new Set(b.searchParams.keys()),S=h.hasAttribute(`data-app-datatable-selectable`),C=/* @__PURE__ */ new Set,w=!1,ne=a(),re=new AbortController,T={signal:re.signal},E=h.querySelector(`:scope > tbody[data-wui-rows]`);if(!E)throw Error(`A server-paged table needs its rows in <app-table-rows> (tbody[data-wui-rows]).`);let D=bt(E),ie=null,O=null,ae=e=>{let t=new URLSearchParams;for(let[n,r]of new URLSearchParams(e))x.has(n)||t.append(n,r);return t},k=e=>ae(new URL(e,window.location.href).search),A=e=>{let t=e.toString();return`${window.location.pathname}${t?`?${t}`:``}${window.location.hash}`},oe=e=>{let t=new URL(b.href);for(let[n,r]of e)x.has(n)||t.searchParams.append(n,r);return t.origin===window.location.origin?`${t.pathname}${t.search}`:t.href},j=(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},M=j(y.urlState?ae(window.location.search):new URLSearchParams,D);y.urlState&&A(M)!==`${window.location.pathname}${window.location.search}${window.location.hash}`&&window.history.replaceState(window.history.state,``,A(M));let N=(e,t)=>m.dispatchEvent(new CustomEvent(e,{bubbles:!0,detail:t})),P=e=>{te&&(te.textContent=e)},F=e=>{if(e.total===0)return q.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`}`},I=()=>[...h.querySelectorAll(`:scope > thead > tr:first-child > th`)],se=e=>{if(S&&[...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.`)},ce=e=>{let t=p.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`)}},le=e=>{if(S){ct(e);for(let t of e){let e=t.querySelector(`.${K} .wui-check:not(:disabled)`);e&&(w&&C.add(t.dataset.rowKey),e.checked=C.has(t.dataset.rowKey))}ut(h)}ce(e);let t=I();if(h.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`)})},ue=e=>le([...e.querySelectorAll(`:scope > tr`)]),de=e=>{for(let t of e.querySelectorAll(`:scope > template[data-wui-pager], :scope > template[data-wui-empty], :scope > template[data-wui-filters]`))t.remove()},L=e=>e?.dispatchEvent(new CustomEvent(`wui:teardown`,{bubbles:!0})),fe=(e,t)=>{if(!_)return;let n=e.querySelector(`:scope > template[data-wui-empty]`);L(_),t.total===0&&n?(_.replaceChildren(n.content.cloneNode(!0)),_.hidden=!1):(_.replaceChildren(),_.hidden=!0)},pe=e=>{let t=bt(e),n=t.sortBy!==D.sortBy||t.sortOrder!==D.sortOrder?u(E.rows):null;if(v){let t=e.querySelector(`:scope > template[data-wui-pager]`);L(v),v.replaceChildren(...t?[t.content.cloneNode(!0)]:[]),v.hidden=!1}fe(e,t);let r=e.querySelector(`:scope > template[data-wui-filters]`),i=y.filtersRegion&&r?document.querySelector(y.filtersRegion):null;i&&(L(i),i.replaceChildren(r.content.cloneNode(!0))),de(e),L(E),h.replaceChild(e,E),E=e;let a=w&&t.total!==D.total;return D=t,a&&(w=!1),m.removeAttribute(`data-wui-table-error`),ue(e),xe(),l(e.rows,n),a&&V(),i},me=e=>{let t=document.createElement(`template`);t.innerHTML=`<table>${e}</table>`;let n=t.content.querySelector(`tbody[data-wui-rows]`);return n&&se(n),n?document.importNode(n,!0):null},R=(e,t=I())=>{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},he=()=>{if(E.querySelector(`:scope > tr:not([data-wui-skeleton])`))return;let e=Math.max(1,I().length);E.replaceChildren(...Array.from({length:_t},()=>{let t=R(e);return t.setAttribute(`data-wui-skeleton`,``),t})),m.removeAttribute(`data-wui-table-error`),_&&(_.hidden=!0)},z=e=>{e?(m.setAttribute(`aria-busy`,`true`),he()):m.removeAttribute(`aria-busy`)},ge=e=>e===`forbidden`?q.forbidden:e===`network`?q.network:y.errorText,_e=n=>{let r=ge(n);if(m.setAttribute(`data-wui-table-error`,n),v&&(v.hidden=!0),_){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=q.retry,s.append(c),i.append(a,o,s),L(_),_.replaceChildren(i),_.hidden=!1}P(r)},ve=()=>y.filtersForm?document.querySelector(y.filtersForm):null,B=async(e,t=`none`,{quiet:i=!1}={})=>{let a=new URLSearchParams(e);i||(ie={query:a,mode:t},z(!0),P(y.loadingText)),N(`wui:table:loading`,{query:a.toString()});let o=await ne.run(oe(a));if(o.kind===`aborted`||o.kind===`stale`||o.kind===`session`)return o;i||z(!1);let s=null,c=o.ok?null:o.kind;if(o.ok){try{s=me(o.html)}catch(e){r(e)}s||(c=`server`)}if(c)return i?n(`A quiet server table refresh failed; the rows on screen are kept.`,c):_e(c),N(`wui:table:error`,{status:o.status,kind:c,message:ge(c)}),o;let l=pe(s);return M=j(a,D),St(ve(),M),y.urlState&&t===`push`?window.history.pushState(window.history.state,``,A(M)):y.urlState&&t===`replace`&&window.history.replaceState(window.history.state,``,A(M)),i||P(F(D)),window.WUI?.refresh?.(m),l&&window.WUI?.refresh?.(l),wt(p,D.total),N(`wui:table:loaded`,{...D,query:M.toString()}),o},ye=e=>(e.delete(`page`),e),be=()=>[...h.querySelectorAll(`:scope > thead th[data-sort-key]`)],xe=()=>{for(let e of be()){let t=e.dataset.sortKey===D.sortBy;e.setAttribute(`aria-sort`,t?D.sortOrder===`desc`?`descending`:`ascending`:`none`)}};for(let e of be())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 Se=e=>{let t=ye(new URLSearchParams(M)),n=D.sortBy===e&&D.sortOrder===`asc`?`desc`:`asc`;return t.set(`sortBy`,e),t.set(`sortOrder`,n),B(t,`push`)};h.addEventListener(`click`,e=>{let t=e.target.closest(`th[data-sort-key]`);t&&h.tHead?.contains(t)&&Se(t.dataset.sortKey)}),h.addEventListener(`keydown`,e=>{if(e.key!==`Enter`&&e.key!==` `)return;let t=e.target.closest?.(`th[data-sort-key]`);t&&h.tHead?.contains(t)&&(e.preventDefault(),Se(t.dataset.sortKey))});let V=()=>{ut(h);let e=w?{selected:D.total,total:D.total,allMatching:w}:{selected:C.size,total:D.total};h.dispatchEvent(new CustomEvent(`selectionchange`,{bubbles:!0,detail:e}))};S&&(ft(h,(e,t)=>{for(let n of e){let e=n.closest(`tr`)?.dataset.rowKey;e&&(t?C.add(e):C.delete(e))}t||(w=!1)}),h.addEventListener(`change`,e=>{let t=e.target;if(t.matches?.(`.wui-select-cell .wui-check:not(:disabled)`)){if(t.checked||(w=!1),h.tHead?.contains(t))for(let e of E.querySelectorAll(`:scope > tr`)){let n=e.querySelector(`.${K} .wui-check:not(:disabled)`);n&&(n.checked=t.checked,t.checked?C.add(e.dataset.rowKey):C.delete(e.dataset.rowKey))}else{let e=t.closest(`tr`)?.dataset.rowKey;if(!e)return;t.checked?C.add(e):C.delete(e)}V()}})),v&&(v.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(),B(k(t.getAttribute(`href`)),`push`))}),v.addEventListener(`change`,e=>{e.target.classList?.contains(`tpg-select`)&&e.target.value&&(e.stopPropagation(),B(k(e.target.value),`push`))}));let H=()=>{if(!y.searchInput)return null;let e=document.querySelector(y.searchInput);return e&&(e.matches(`input, textarea`)?e:e.querySelector(`input`))},U=()=>p.isConnected?!0:(re.abort(),clearTimeout(O),!1),Ce=(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},we=(e,t)=>{let n=new Set([...e.elements].map(e=>e.name).filter(Boolean)),r=new URLSearchParams,i=e=>e!==`search`&&f.includes(e);for(let[e,t]of M)e!==`page`&&(i(e)||!n.has(e))&&r.append(e,t);for(let[n,a]of Ce(e,t))a===``||i(n)||x.has(n)||r.append(n,a);let a=H();if(a){r.delete(ee);let e=a.value.trim();e&&r.set(ee,e)}return B(r,`push`)},W=e=>y.filtersForm&&e.closest?.(y.filtersForm)||y.filtersRegion&&e.closest?.(y.filtersRegion)||null;document.addEventListener(`submit`,e=>{U()&&y.filtersForm&&e.target instanceof HTMLFormElement&&e.target.matches(y.filtersForm)&&(e.preventDefault(),we(e.target,e.submitter))},T),document.addEventListener(`change`,e=>{if(!U()||!y.filtersForm)return;let t=e.target.closest?.(y.filtersForm);!t||e.target===H()||t.hasAttribute(`data-wui-apply-on-change`)||e.target.closest?.(`wui-filter-popover`)||we(t)},T);let Te=(e,t)=>{if(!e)return;let n=e=>t.get(e)??``;for(let r of e.querySelectorAll(`input[name]:not([type=hidden])`))if(r.type===`checkbox`)r.checked=t.getAll(r.name).includes(r.value);else if(r.type===`radio`){let e=n(r.name)===r.value;if(r.checked===e)continue;r.checked=e,e&&r.dispatchEvent(new Event(`change`))}else r.value!==n(r.name)&&(r.value=n(r.name),r.dispatchEvent(new Event(`input`,{bubbles:!0})));for(let r of e.querySelectorAll(`select[name]`))if(!r.multiple)r.value=n(r.name);else for(let e of r.options)e.selected=t.getAll(r.name).includes(e.value);for(let t of e.querySelectorAll(`wui-select[name]`))t.value=n(t.getAttribute(`name`));for(let n of e.querySelectorAll(`wui-multiselect[name]`))n.values=t.getAll(n.getAttribute(`name`));for(let t of e.querySelectorAll(`wui-date-range`)){let e=t.getAttribute(`start-name`)||t.getAttribute(`name`),r=t.getAttribute(`end-name`);t.value={start:e?n(e):``,end:r?n(r):``}}};document.addEventListener(`click`,e=>{if(!U())return;let t=e.target.closest?.(`a[href]`);if(!t||!W(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=ye(k(n.href));Te(t.closest(`form`),r),St(t.closest(`form`),r),B(r,`push`)},T),document.addEventListener(`input`,e=>{if(!U())return;let t=H();t&&e.target===t&&(clearTimeout(O),O=setTimeout(()=>{if(!U())return;let e=ye(new URLSearchParams(M)),n=t.value.trim();n?e.set(ee,n):e.delete(ee),e.toString()!==M.toString()&&B(e,`replace`)},300))},T),y.urlState&&window.addEventListener(`popstate`,()=>{if(!U())return;let e=ae(window.location.search),t=H();t&&(t.value=e.get(`search`)??``),St(ve(),e),B(e,`none`)},T),document.addEventListener(`wui:modal:success`,()=>{U()&&y.refreshOnSuccess&&B(M,`none`)},T),_?.addEventListener(`click`,e=>{e.target.closest(`[data-wui-table-retry]`)&&ie&&B(ie.query,ie.mode)});let Ee=e=>[...E.rows].find(t=>t.dataset.rowKey===e)??null,De=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},Oe=(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:Ee(n.dataset.rowKey);e&&(L(e),e.replaceWith(n),i.push(n))}return le(i),window.WUI?.refresh?.(m),r},ke=e=>e.message||(e.kind===`forbidden`?q.actionForbidden:q.actionFailed),G=e=>{e?.isConnected&&e.getAttribute(`data-wui-save-state`)===`saving`&&s(e,null)},Ae=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)},je=async({url:e,method:t=`POST`,body:n,key:r,row:a}={})=>{if(!e)throw Error("saveRow needs `url`: the handler that saves the row.");let l=r==null,u=l?null:Ee(String(r));if(!l&&!u)throw Error(`saveRow found no row with data-row-key="${r}" on this page.`);let d=I().filter(e=>!e.classList.contains(K)),f=a?Ae(a):u??R(Math.max(1,d.length),d);u&&f!==u?u.replaceWith(f):u||E.insertBefore(f,E.firstChild),f!==u&&le([f]),_&&!m.hasAttribute(`data-wui-table-error`)&&(_.hidden=!0),s(f,`saving`);let ee=o(f),p=await i(e,{method:t.toUpperCase(),body:n});if(p.kind===`session`)return!1;if(p.ok){let e=De(p.html),t=e&&f.isConnected?Oe(e,f,l):null;return t?P(c.saved(o(t)||ee)):(await B(M,`none`),G(f)),ht(p,p.toastVariant||`success`),N(`wui:table:saved`,{key:t?.dataset.rowKey??(l?null:String(r)),added:l,status:p.status}),!0}let h=ke(p),g=f;return u&&f!==u&&f.isConnected?(f.replaceWith(u),g=u):l&&!a&&(f.remove(),g=null,_?.childElementCount&&!E.querySelector(`:scope > tr`)&&(_.hidden=!1)),g?.isConnected&&s(g,`error`,h),p.kind!==`aborted`&&xt(h,`danger`),P(c.notSaved(ee,h)),N(`wui:table:failed`,{key:l?null:String(r),added:l,status:p.status,kind:p.kind,message:h}),!1},Me=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,a=e.dataset.wuiRowAction||``,l=n?o(n):``;e.disabled=!0,e.setAttribute(`aria-busy`,`true`),n&&s(n,`saving`);let u=await i(t,{method:(e.dataset.method||`post`).toUpperCase()});if(e.disabled=!1,e.removeAttribute(`aria-busy`),u.kind===`session`||u.kind===`aborted`)G(n);else{if(u.ok){ht(u,u.toastVariant||`success`);let e=n?.isConnected?De(u.html):null,t=e?Oe(e,n,!1):null;t?P(c.saved(o(t)||l)):(await B(M,`none`),G(n))}else{let e=ke(u);xt(e,`danger`),n?.isConnected&&s(n,`error`,e),P(c.notSaved(l,e))}N(`wui:table:action`,{action:a,key:r,ok:u.ok,status:u.status})}};return h.addEventListener(`click`,e=>{let t=e.target.closest(`[data-wui-row-action]`);t&&E.contains(t)&&!t.disabled&&(e.preventDefault(),Me(t))}),se(E),de(E),S&<(h),ue(E),xe(),{el:p,reload:async e=>{let t=e?.quiet===!0;return t&&m.getAttribute(`aria-busy`)===`true`?null:B(M,`none`,{quiet:t})},query:()=>new URLSearchParams(M),setQuery:e=>{let t=new URLSearchParams(M);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`),B(t,`push`)},saveRow:je,setActiveRow:e=>{p.dataset.activeRowKey=e==null?``:String(e),ce([...E.querySelectorAll(`:scope > tr`)])},selection:{keys:()=>[...C],count:()=>w?D.total:C.size,allMatching:()=>w,selectAllMatching:()=>{w=!0;for(let e of E.querySelectorAll(`:scope > tr`)){let t=e.querySelector(`.${K} .wui-check`);t?.disabled||(t&&(t.checked=!0),e.dataset.rowKey&&C.add(e.dataset.rowKey))}V()},clear:()=>{w=!1,C.clear();for(let e of E.querySelectorAll(`:scope > tr > .${K} .wui-check:not(:disabled)`))e.checked=!1;V()}}}}var J=`wuiConfirm`,Ot=Object.freeze([`danger`]),kt=Object.freeze([`success`,`info`,`warning`,`danger`]),At=`wui.flash`,Y=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.`}),jt=/* @__PURE__ */ new WeakSet,Mt=/* @__PURE__ */ new WeakSet,Nt=null,Pt=null,Ft=!1,It=e=>{let t=document.createElement(`span`);return t.textContent=e??``,t.innerHTML},Lt=(e,t)=>{e&&window.WUI?.toast?.(e,{variant:t})},Rt=()=>{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 zt(){let n=document.getElementById(J);return n||(n=document.createElement(`div`),n.id=J,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`,`${b.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}">${It(Y.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 Bt(e,t){let n=e.getAttribute(`data-wui-confirm-tone`);if(n!==null&&!Ot.includes(n))throw TypeError(`data-wui-confirm-tone="${n}" is not supported. Use danger, or leave it off.`);Vt({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 Vt({title:e,message:t,label:n,danger:r},i){let a=Rt(),o=zt(),s=o.querySelector(`.wui-confirm-title`),c=o.querySelector(`[data-app-confirm]`);if(!s||!c)throw Error(`#${J} is not a confirm dialog with a confirm button. Render <app-confirm-dialog id="${J}"> 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||Y.confirmTitle,l.textContent=t,c.textContent=n||Y.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),Pt=i,Ft=!1,a.getOrCreateInstance(o).show()}var Ht=(e,t)=>{Nt=e;try{t()}finally{Nt=null}};function Ut(e,{title:t,message:n,label:r,tone:i},a){if(i!=null&&!Ot.includes(i))throw TypeError(`confirmAction: tone "${i}" is not supported. Use danger, or leave it off.`);on(e.ownerDocument),Vt({title:t,message:n,label:r,danger:i===`danger`},()=>Ht(e,a))}var Wt=e=>e.disabled===!0||e.getAttribute(`aria-disabled`)===`true`;function Gt(e){let t=e.target.closest?.(`[data-wui-confirm]:not(form)`);t&&t!==Nt&&!Wt(t)&&(e.preventDefault(),e.stopImmediatePropagation(),Bt(t,()=>Ht(t,()=>t.click())))}function Kt(e){let t=e.target;if(!(t instanceof HTMLFormElement)||!t.hasAttribute(`data-wui-confirm`)||t===Nt||e.submitter&&e.submitter===Nt||t.querySelector(`input[data-app-repeater-hidden]`))return;e.preventDefault(),e.stopImmediatePropagation();let n=e.submitter?.form===t?e.submitter:void 0;Bt(t,()=>Ht(t,()=>t.requestSubmit(n)))}function qt(e){let t=e.target.closest?.(`#${J} [data-app-confirm]`);t&&!t.disabled&&Pt&&(Ft=!0,Rt().getOrCreateInstance(t.closest(`#${J}`)).hide())}function Jt(e){if(e.target.id!==`wuiConfirm`)return;let t=Ft?Pt:null;Pt=null,Ft=!1,t?.()}var Yt=(e,t)=>{e&&window.sessionStorage.setItem(At,JSON.stringify({message:e,variant:t}))},Xt=e=>e===`forbidden`?Y.forbidden:e===`network`?Y.network:Y.failed;function Zt(){for(let e of document.querySelectorAll(`[data-wui-server]`))e.dataset.refreshOnSuccess!==`false`&&Et(e)?.reload()}async function Qt(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 $t(t,e)}async function $t(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 a=await i(e,{method:`POST`,body:n});if(a.kind===`session`||a.kind===`aborted`)return;let o=a.toastVariant||`success`;a.ok&&(a.redirect||r===`page`)?(Yt(a.message,o),a.redirect?window.location.assign(a.redirect):window.location.reload()):(t.disabled=!1,t.removeAttribute(`aria-busy`),a.ok?(ht(a,o),Zt()):Lt(a.message||Xt(a.kind),`danger`))}function en(e){let t=e.target.closest?.(`[data-wui-post]`);t&&(e.preventDefault(),Wt(t)||t.getAttribute(`aria-busy`)===`true`||Qt(t).catch(e=>r(e)))}function tn(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`&&($t(t.getAttribute(`action`),n,new FormData(t)).catch(e=>r(e)),window.bootstrap?.Dropdown?.getInstance(t.closest(`.dropdown`)?.querySelector(`[data-bs-toggle='dropdown']`))?.hide())}function nn(){let e=window.sessionStorage.getItem(At);if(!e)return;window.sessionStorage.removeItem(At);let{message:t,variant:n}=JSON.parse(e);Lt(t,n)}function rn(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(!kt.includes(t))throw TypeError(`data-wui-flash-variant="${t}" is not supported. Use ${kt.join(`, `)}.`);let n=e.getAttribute(`data-wui-flash`)||e.textContent.trim();e.remove(),Lt(n,t)}}function an(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 on(e){Mt.has(e)||(Mt.add(e),e.addEventListener(`click`,qt),e.addEventListener(`hidden.bs.modal`,Jt))}function sn(e=document){let t=e.ownerDocument||e;jt.has(t)||(jt.add(t),t.addEventListener(`click`,Gt,!0),t.addEventListener(`submit`,Kt,!0),on(t),t.addEventListener(`click`,en),t.addEventListener(`submit`,tn),t.addEventListener(`change`,an),nn()),rn(e)}var cn=Object.freeze({title:`Leave without saving?`,message:`Your changes on this page are not saved. If you leave now, they are lost.`,leaveLabel:`Leave`}),X=`form[data-wui-unsaved]`,ln=`[aria-invalid="true"], .field-error:not(:empty), .field-validation-error, .validation-summary-errors, .wui-error-summary`,un=`[download], [data-wui-modal], [data-wui-post], [data-bs-toggle]`,dn=/* @__PURE__ */ new Set([`submit`,`button`,`reset`,`image`]),fn=/* @__PURE__ */ new Set([`hidden`,`checkbox`,`radio`,`file`,`submit`,`button`,`reset`,`image`,`range`,`color`]),Z=/* @__PURE__ */ new WeakMap,pn=/* @__PURE__ */ new WeakSet,mn=e=>`${e.name}:${e.size}:${e.lastModified}`;function Q(e){let t=[];for(let n of e.elements)!n.name||n.disabled||dn.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(mn)]):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 hn(e){return Q(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(Q(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`&&!fn.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(ln)&&_n(e)?null:Q(e),engaged:!1,discarded:!1});function yn(e){let t=Z.get(e);return!t||t.discarded||!e.isConnected?!1:t.saved===null||t.engaged&&Q(e)!==t.saved}var bn=(e,t)=>[...e.querySelectorAll(X)].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)||cn.message;Ut(e,{title:cn.title,message:r,label:cn.leaveLabel,tone:`danger`},()=>{for(let e of t)Z.get(e).discarded=!0;n()})}function Cn(e){if(e.matches(un))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=Z.get(t);r&&(r.saved=Q(t),r.discarded=!1)}function Dn(e){bn(document,null).length&&(e.preventDefault(),e.returnValue=``)}function On(e){let t=e.target.closest?.(X),n=t&&Z.get(t);n&&!n.engaged&&(n.saved!==null&&(n.saved=Q(t)),n.engaged=!0)}function kn(e){let t=e.target.closest?.(X),n=t&&Z.get(t);n&&(n.discarded=!1,e.isTrusted&&(n.engaged=!0))}function An(e){for(let t of e.currentTarget.querySelectorAll(X)){let e=Z.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(X))Nn(e)}function Mn(e=document){let t=e.ownerDocument||e;if(!pn.has(t)){pn.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(m,An),t.defaultView.addEventListener(`beforeunload`,Dn)}let n=[...e.querySelectorAll?.(X)||[]];e.matches?.(X)&&n.unshift(e);for(let e of n)Z.has(e)||Z.set(e,vn(e))}function Nn(e){if(!(e instanceof HTMLFormElement)||!e.matches(X))throw TypeError(`resetUnsavedChanges: ${String(e)} is not a <form data-wui-unsaved>.`);Z.set(e,{saved:Q(e),engaged:!1,discarded:!1})}var Pn=Object.freeze({question:`Discard your changes?`,discard:`Discard`,keep:`Keep editing`}),Fn=`wui:drawer:discard`,In=`wui-drawer[confirm-discard]`,Ln=`.wui-modal-shell`,Rn=`data-wui-no-discard`,zn=`.wui-drawer-discard`,Bn=`input, select, textarea`,$=/* @__PURE__ */ new WeakMap,Vn=/* @__PURE__ */ new WeakSet,Hn=/* @__PURE__ */ new WeakSet;function Un(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 Wn(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,Un(e,`danger`,`data-wui-discard-confirm`,Pn.discard),Un(e,`soft`,`data-wui-discard-keep`,Pn.keep)),n}function Gn(e){let t=e.closest?.(In);if(t)return t;let n=e.closest?.(Ln);return n&&Jn(n).length?n:null}function Kn(e){return e.closest(In)??e.closest(Ln)}function qn(e,t){return t.hasAttribute(Rn)||e.hasAttribute(Rn)?!1:t.hasAttribute(`confirm-discard`)||e.hasAttribute(`data-wui-confirm-discard`)?!0:(e.getAttribute(`method`)||`get`).toLowerCase()!==`get`}function Jn(e){return e.matches(In)?e.querySelectorAll(`form`):[...e.querySelectorAll(`form`)].filter(t=>qn(t,e))}function Yn(e){let t=$.get(e);return t!=null&&hn(e)!==t}function Xn(e){let t=e.ownerDocument.createElement(`div`);return t.className=`wui-drawer-footer`,e.querySelector(`.wui-drawer-panel`).append(t),Hn.add(t),t}function Zn(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),Hn.add(t),t}function Qn(e){e.querySelector(`[data-wui-discard-confirm]`).focus()}function $n(e,t,n){let r=e.querySelector(zn);if(r){Qn(r);return}let i=Wn(e.ownerDocument,t),a;e.matches(In)?(a=e.querySelector(`.wui-drawer-footer`)??Xn(e),a.prepend(i)):e.hasAttribute(`confirm-discard`)?(a=e.querySelector(`.wui-modal-footer`)??Zn(e),a.prepend(i)):(a=n.querySelector(`.modal-footer`),a?a.prepend(i):(a=n,n.append(i))),a.classList.add(`wui-drawer-discarding`),Qn(i)}function er(e){let t=e.parentElement;e.remove(),t.classList.remove(`wui-drawer-discarding`),Hn.has(t)&&t.remove()}function tr(e){for(let t of Jn(e)){let e=[...t.querySelectorAll(Bn)].find(e=>e.type!==`hidden`&&!e.disabled);if(e){e.focus();return}}}function nr(e){let t=Gn(e.target);if(t)for(let e of Jn(t))$.get(e)??$.set(e,hn(e))}function rr(e){for(let t of e.currentTarget.querySelectorAll(`form`)){let e=$.get(t);e!=null&&$.set(t,gn(t,e))}}function ir(e){let t=e.target;t instanceof HTMLFormElement&&Gn(t)&&$.set(t,hn(t))}function ar(e){let t=e.detail?.handle?.el;if(t instanceof Element)for(let e of t.querySelectorAll(`form`))$.delete(e)}function or(e){let t=e.target;t instanceof Element&&t.matches(In)&&[...Jn(t)].some(Yn)&&(e.preventDefault(),$n(t,t.getAttribute(`confirm-discard`),null))}function sr(e){let t=e.target;if(!(t instanceof Element)||!t.matches(Ln))return;let n=[...Jn(t)].find(Yn);n&&(e.preventDefault(),$n(t,n.getAttribute(`data-wui-confirm-discard`)??t.getAttribute(`confirm-discard`)??Pn.question,n))}function cr(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(Ln);n&&window.bootstrap?.Modal?.getInstance(n)?.hide()}function lr(e){let t=e.closest(zn),n=Kn(t);er(t);for(let e of Jn(n))$.set(e,hn(e));n.dispatchEvent(new CustomEvent(Fn,{bubbles:!0})),n.matches(In)?n.hide():window.bootstrap.Modal.getInstance(n).hide()}function ur(e){let t=e.closest(zn),n=Kn(t);er(t),tr(n)}function dr(e){let t=e.target,n=t.closest?.(`[data-wui-discard-confirm]`);if(n){lr(n);return}let r=t.closest?.(`[data-wui-discard-keep]`);if(r){ur(r);return}let i=t.closest?.(`[data-wui-dismiss]`);i&&cr(i)}function fr(e){if(e.key!==`Escape`)return;let t=e.currentTarget.querySelector(zn);if(!t)return;e.preventDefault(),e.stopPropagation();let n=Kn(t);er(t),tr(n)}function pr(e=document){let t=e.ownerDocument||e;Vn.has(t)||(Vn.add(t),t.addEventListener(`focusin`,nr),t.addEventListener(`pointerdown`,nr),t.addEventListener(`submit`,ir),t.addEventListener(m,rr),t.addEventListener(`wui:modal:success`,ar),t.addEventListener(`wui:modal:loaded`,ar),t.addEventListener(`wui-drawer-close`,or,!0),t.addEventListener(`hide.bs.modal`,sr),t.addEventListener(`click`,dr),t.addEventListener(`keydown`,fr,!0))}export{Xe as C,qe as S,Qe as T,Tt as _,cn as a,ht as b,Nn as c,At as d,kt as f,Et as g,sn as h,pr as i,J as l,Ut as m,Pn as n,hn as o,Y as p,Wn as r,Mn as s,Fn as t,Ot as u,pt as v,Je as w,$e as x,gt as y};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{n as e}from"../elementBase-DV9IZZCu.js";import{t}from"../WuiAutocomplete-178HkRe4.js";e(`wui-autocomplete`,t);export{t as WuiAutocomplete};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{n as e}from"../elementBase-DV9IZZCu.js";import{t}from"../WuiCountrySelect-Df9BRrCI.js";e(`wui-country-select`,t);export{t as WuiCountrySelect};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{n as e}from"../elementBase-DV9IZZCu.js";import{t}from"../WuiMultiSelect-nHensvLa.js";e(`wui-multiselect`,t);export{t as WuiMultiSelect};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{n as e}from"../elementBase-DV9IZZCu.js";import{t}from"../WuiTagInput-Dkw2q0KS.js";e(`wui-taginput`,t);export{t as WuiTagInput};
|
|
@@ -1 +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-multiselect`)?.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-multiselect: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-multiselect: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};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{n as e}from"./optionLabel-CjrUbe2a.js";var t=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:``},n=(n,i=`wui-opt-avatar`)=>{let a=t(n.avatar);return!a&&!n.initials?``:`<span class="avatar ${i}" aria-hidden="true"><span class="avatar-face">${e(n.initials??``)}</span>${a?`<img class="avatar-img" src="${r(a)}" alt="" />`:``}</span>`},r=e=>String(e??``).replace(/&/g,`&`).replace(/"/g,`"`).replace(/</g,`<`),i=!1,a=!1;function o(){a||typeof document>`u`||(a=!0,document.addEventListener(`keydown`,e=>{i=e.key===`Tab`},!0),document.addEventListener(`keyup`,()=>{i=!1},!0))}function s(){return i}export{o as n,n as r,s as t};
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
var e={enter:`Enter`,comma:`,`,space:` `,tab:`Tab`},t={enter:`
|
|
2
|
-
`,comma:`,`,space:` `,tab:` `},n=t=>e[t],r=e=>t[e];function i(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 a=(e,t)=>t.some(t=>String(e??``).includes(t));export{i,r as n,n as r,a as t};
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
(function(e,t,n,r,i,a,o,s,c){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var l=globalThis.WeborityUiElementsInternal?.version;if(l!==`0.138.0`)throw Error(`[webority-ui] autocomplete expects ui-elements 0.138.0 but the page loaded `+l+`.`);var u=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:``},d=(e,t=`wui-opt-avatar`)=>{let n=u(e.avatar);return!n&&!e.initials?``:`<span class="avatar ${t}" aria-hidden="true"><span class="avatar-face">${(0,r.escapeHtml)(e.initials??``)}</span>${n?`<img class="avatar-img" src="${f(n)}" alt="" />`:``}</span>`},f=e=>String(e??``).replace(/&/g,`&`).replace(/"/g,`"`).replace(/</g,`<`),p=!1,m=!1;function h(){m||typeof document>`u`||(m=!0,document.addEventListener(`keydown`,e=>{p=e.key===`Tab`},!0),document.addEventListener(`keyup`,()=>{p=!1},!0))}function g(){return p}var _=class extends i.ElementBase{static formAssociated=!0;_accessibleName(){return this.getAttribute(`aria-label`)||this.getAttribute(`placeholder`)||`Select`}static get observedAttributes(){return[`value`,`placeholder`,`disabled`,`readonly`,`loading`,`min-chars`,`debounce`,`remote`,`size`,`aria-label`,`allow-custom`,`aria-invalid`,`open`,`value-avatar`,`value-initials`]}constructor(){super(),this._value=``,this._label=``,this._valueAvatar=``,this._valueInitials=``,this._optionsProp=null,this._loading=!1,this._active=-1,this._timer=null,this._reqSeq=0,this._pendingSearch=null,this._typeahead=``,this._typeaheadTimer=null;try{this._internals=this.attachInternals()}catch{this._internals=null}}connectedCallback(){if(!this._rendered)this._defaultCaptured||=(this._defaultValue=this._value,!0),this.render();else if(this._bindGlobal?.(),this._pendingSearch){let{query:e,seq:t}=this._pendingSearch;clearTimeout(this._timer),this._timer=setTimeout(()=>this._fireSearch(e,t),this._debounceMs)}}formResetCallback(){this.value=this._defaultValue||``}attributeChangedCallback(e,t,n){e===`value`?this.value=n:e===`value-avatar`?(this._valueAvatar=n??``,this._syncValueAvatar()):e===`value-initials`?(this._valueInitials=n??``,this._syncValueAvatar()):e===`aria-invalid`?this._syncInvalid():e===`open`?this._syncPinned?.():this._rendered&&this.render()}_syncInvalid(){let e=this.querySelector(`.search-select-control`);e&&(this.hasAttribute(`aria-invalid`)?e.setAttribute(`aria-invalid`,`true`):e.removeAttribute(`aria-invalid`))}get value(){return this._value}set value(e){this._value=e==null?``:String(e),(0,o.syncFormMirror)(this,this._value);let t=this._readOptions().find(e=>String(e.value)===this._value);this._label=t?(0,r.optionText)(t):``,this._value||(this._valueAvatar=``,this._valueInitials=``),this._syncInput(),this._syncValueAvatar(),this._renderOptions(``)}set options(e){this._optionsProp=Array.isArray(e)?e:[];let t=this._readOptions().find(e=>String(e.value)===this._value);t&&(this._label=(0,r.optionText)(t)),this._renderOptions(),this._syncInput()}get options(){return this._readOptions()}set loading(e){this._loading=!!e,this._renderLoading(),(0,a.syncFieldState)(this,this._refs().control),this._renderOptions()}get loading(){return this._loading||this.hasAttribute(`loading`)}get _remote(){return this.hasAttribute(`remote`)}get _allowCustom(){return this.hasAttribute(`allow-custom`)}_matchesKnownOption(e){let t=e.toLowerCase();return this._readOptions().some(e=>(0,r.optionText)(e).toLowerCase()===t||String(e.value??``).toLowerCase()===t)}get _minChars(){let e=+!!this._remote,t=this.getAttribute(`min-chars`);if(t==null||t.trim()===``)return e;let n=Number(t);return Number.isInteger(n)&&n>=0?n:e}get _debounceMs(){let e=this.getAttribute(`debounce`);if(e==null||e===``)return 250;let t=Number(e);return Number.isFinite(t)&&t>=0?t:250}_snapshotDeclared(){if(this._declared)return;let e=[...this.querySelectorAll(`:scope > wui-option`)];e.length&&(this._declared=e.map(e=>({value:e.getAttribute(`value`)??e.textContent.trim(),label:e.innerHTML,icon:e.getAttribute(`icon`)||void 0,[r.TRUSTED_HTML]:!0,selected:e.hasAttribute(`selected`)})))}_readOptions(){return this._optionsProp?this._optionsProp:(this._snapshotDeclared(),this._declared||[])}render(){this._snapshotDeclared();let e=this.getAttribute(`placeholder`)||`Search…`,t=this.getAttribute(`size`),n=t===`sm`?` search-select-sm`:t===`lg`?` search-select-lg`:``;this.id||=`wui-autocomplete-${Math.random().toString(36).slice(2,9)}`;let r=`${this.id}-listbox`;this._listboxId=r;let i=(0,a.isReadOnly)(this)||this.hasAttribute(`loading`);this.innerHTML=`
|
|
2
|
-
<div class="search-select${n}">
|
|
3
|
-
<div class="input search-select-control search-select-ac" role="combobox" aria-haspopup="listbox" aria-expanded="false" aria-controls="${v(r)}" aria-label="${v(this._accessibleName())}"${this.hasAttribute(`aria-invalid`)?` aria-invalid="true"`:``}>
|
|
4
|
-
<input class="search-select-input search-select-ac-input" placeholder="${v(e)}" aria-autocomplete="list" autocomplete="off"${this.hasAttribute(`disabled`)?` disabled`:``}${i?` readonly`:``} />
|
|
5
|
-
<span class="search-select-spinner spinner-border spinner-border-sm" role="status" aria-hidden="true" hidden></span>
|
|
6
|
-
<button type="button" class="search-select-clear" aria-label="Clear" hidden>${(0,s.glyphSvg)(`x`)}</button>
|
|
7
|
-
</div>
|
|
8
|
-
<div class="search-select-menu search-select-menu-fixed" role="listbox" id="${v(r)}" tabindex="-1" hidden>
|
|
9
|
-
<div class="search-select-options"></div>
|
|
10
|
-
<div class="search-select-empty" hidden>No matches</div>
|
|
11
|
-
<div class="search-select-hint" hidden>Type to search…</div>
|
|
12
|
-
</div>
|
|
13
|
-
</div>`,this._rendered=!0,(0,o.syncFormMirror)(this,this._value),this._wire(),this._syncInput(),this._syncValueAvatar(),this._renderOptions(),this._renderLoading(),(0,a.syncFieldState)(this,this._refs().control)}_syncValueAvatar(){let e=this.querySelector(`.search-select-control`);if(!e)return;e.querySelector(`.wui-search-select-value-avatar`)?.remove();let t=this._value?d({avatar:this._valueAvatar,initials:this._valueInitials},`avatar-xs`):``;e.classList.toggle(`wui-has-value-avatar`,!!t),t&&e.insertAdjacentHTML(`afterbegin`,`<span class="wui-search-select-value-avatar" aria-hidden="true">${t}</span>`)}_refs(){return{control:this.querySelector(`.search-select-control`),input:this.querySelector(`.search-select-ac-input`),menu:this.querySelector(`.search-select-menu`),spinner:this.querySelector(`.search-select-spinner`),clear:this.querySelector(`.search-select-clear`),optionsWrap:this.querySelector(`.search-select-options`),empty:this.querySelector(`.search-select-empty`),hint:this.querySelector(`.search-select-hint`)}}_optionEls(){return[...this.querySelectorAll(`.search-select-option`)]}_syncInput(){let{input:e,clear:t}=this._refs();e&&document.activeElement!==e&&(e.value=this._label),t&&(t.hidden=!this._value&&!e?.value)}_renderLoading(){let{spinner:e}=this._refs();e&&(e.hidden=!this.loading)}_renderOptions(e){let t=this._refs();if(!t.optionsWrap)return;let n=e??(t.input?t.input.value:``),i=n.trim().toLowerCase(),a=this._readOptions();!this._remote&&i&&(a=a.filter(e=>(0,r.optionText)(e).toLowerCase().includes(i)));let o=n.trim(),s=this._allowCustom&&o&&!this._matchesKnownOption(o)?[...a,{value:o,custom:!0}]:a,c=this._listboxId||`${this.id||`wui-autocomplete`}-listbox`;t.optionsWrap.innerHTML=s.map((e,t)=>{let n=`${c}-opt-${t}`;if(e.custom){let t=`Add “${(0,r.escapeHtml)(e.value)}”`;return`<button type="button" role="option" id="${v(n)}" class="search-select-option search-select-option-custom" data-value="${v(e.value)}" data-custom="true" aria-selected="false">${t}</button>`}let i=String(e.value)===String(this._value);return`<button type="button" role="option" id="${v(n)}" class="search-select-option${i?` selected`:``}" data-value="${v(e.value)}" aria-selected="${i}">${d(e)}${(0,r.optionLabelHtml)(e)}</button>`}).join(``),this._active=-1,t.control?.removeAttribute(`aria-activedescendant`);let l=i.length<this._minChars;t.hint&&(t.hint.hidden=!(this._remote&&l&&!a.length)),t.empty&&(t.empty.hidden=this.loading||s.length>0||this._remote&&l),this._reanchor?.()}_wire(){this._teardown();let e=this._refs();if(!e.control||!e.input)return;let t=()=>{let t=this.hasAttribute(`open`)?{below:!0}:{};(0,n.anchorOverlay)(e.control,e.menu,{matchWidth:!0,...t})},i=()=>this._optionEls().filter(e=>!e.hidden),s=(t,{reveal:n=!0}={})=>{let r=i();this._active=t,(0,c.moveActiveRow)(e.optionsWrap,t>=0&&r[t]||null),t>=0&&r[t]?(n&&r[t].scrollIntoView({block:`nearest`}),e.control.setAttribute(`aria-activedescendant`,r[t].id)):e.control.removeAttribute(`aria-activedescendant`)},l=()=>!e.menu.hidden,u=()=>{l()&&t()},d=()=>{this._remote&&this._minChars===0&&!e.input.value.trim()&&(clearTimeout(this._timer),this._fireSearch(``,++this._reqSeq))},f=({load:r=!0}={})=>{(0,a.isInert)(this)||(e.menu.hidden=!1,e.control.setAttribute(`aria-expanded`,`true`),e.control.classList.add(`open`),t(),(0,n.bindReanchor)(this,u),r&&d(),this._renderOptions())},p=({force:t=!1}={})=>{(t||!this.hasAttribute(`open`))&&(e.menu.hidden=!0,e.control.setAttribute(`aria-expanded`,`false`),e.control.classList.remove(`open`),s(-1),clearTimeout(this._typeaheadTimer),this._typeaheadTimer=null,this._typeahead=``,this._syncInput(),(0,n.unbindReanchor)(this))},m=t=>{let n=t.dataset.custom===`true`;this._value=t.dataset.value;let i=n?null:this._readOptions().find(e=>String(e.value)===t.dataset.value);this._label=n?t.dataset.value:i?(0,r.optionText)(i):(0,r.stripTags)(t.innerHTML),this._valueAvatar=i?.avatar??``,this._valueInitials=i?.initials??``,this._syncValueAvatar(),(0,o.syncFormMirror)(this,this._value),e.input.value=this._label,this.dispatchEvent(new CustomEvent(`change`,{bubbles:!0,detail:{isCustom:n}})),p(),e.input.focus()},_=t=>{this._value=t,this._label=t,this._valueAvatar=``,this._valueInitials=``,this._syncValueAvatar(),(0,o.syncFormMirror)(this,t),e.input.value=t,this.dispatchEvent(new CustomEvent(`change`,{bubbles:!0,detail:{isCustom:!0}})),p()},v=()=>{let t=e.input.value;if(e.clear&&(e.clear.hidden=!t),l()||f({load:!1}),this._remote){if(this._renderOptions(t),clearTimeout(this._timer),t.trim().length<this._minChars){this._pendingSearch=null;return}let e=++this._reqSeq;this._pendingSearch={query:t,seq:e},this._timer=setTimeout(()=>this._fireSearch(t,e),this._debounceMs)}else this._renderOptions(t)};this._navHandler=(0,c.createListboxKeyNav)({getVisibleOptions:i,getActive:()=>this._active,setActive:e=>s(e),onEnter:(t,n)=>{if(n[this._active])m(n[this._active]);else if(this._allowCustom){let t=e.input.value.trim();t&&!this._matchesKnownOption(t)&&_(t)}},onEscape:()=>{this._navHandler.clearTypeahead(),p()}});let y=e=>{if((0,a.isInert)(this))return;let t=e.target?.tagName===`INPUT`||e.target?.tagName===`TEXTAREA`;if(e.key===`ArrowDown`){e.preventDefault(),l()||f();let t=i();s(Math.min(this._active+1,t.length-1))}else e.key===`ArrowUp`?(e.preventDefault(),s(Math.max(this._active-1,0))):(e.key!==`Home`&&e.key!==`End`&&e.key!==`PageDown`&&e.key!==`PageUp`||l()&&!t)&&(e.key.length!==1||!e.ctrlKey&&!e.metaKey&&!e.altKey&&l()&&e.target?.tagName!==`INPUT`&&e.target?.tagName!==`TEXTAREA`||l()&&e.target?.tagName!==`INPUT`&&e.target?.tagName!==`TEXTAREA`)&&(e.key===`Escape`&&l()&&(e.preventDefault(),e.stopPropagation()),this._navHandler.handler(e))};h(),e.input.addEventListener(`focus`,()=>{g()&&!l()&&f()}),e.control.addEventListener(`click`,t=>{e.input.disabled||(0,a.isInert)(this)||t.target.closest(`.search-select-clear`)||(t.target!==e.input&&e.input.focus(),l()||f())});let b=e=>{e.target?.classList?.contains(`avatar-img`)&&e.target.remove()};e.control.addEventListener(`error`,b,!0),e.optionsWrap.addEventListener(`error`,b,!0),e.input.addEventListener(`input`,v),e.input.addEventListener(`keydown`,y),e.menu.addEventListener(`keydown`,y),e.input.addEventListener(`blur`,t=>{if(!this._allowCustom||t.relatedTarget&&this.contains(t.relatedTarget))return;let n=e.input.value.trim();n&&n!==this._label&&!this._matchesKnownOption(n)&&_(n)}),e.optionsWrap.addEventListener(`click`,e=>{let t=e.target.closest(`.search-select-option`);t&&!(0,a.isInert)(this)&&m(t)}),e.optionsWrap.addEventListener(`mousemove`,e=>{let t=e.target.closest(`.search-select-option`);t&&!t.classList.contains(`is-active`)&&s(this._optionEls().indexOf(t),{reveal:!1})}),e.optionsWrap.addEventListener(`mouseleave`,()=>s(-1)),e.clear?.addEventListener(`click`,()=>{(0,a.isInert)(this)||(this._value=``,this._label=``,this._valueAvatar=``,this._valueInitials=``,this._syncValueAvatar(),(0,o.syncFormMirror)(this,``),e.input.value=``,e.clear.hidden=!0,this._renderOptions(``),this.dispatchEvent(new Event(`change`,{bubbles:!0})),e.input.focus(),l()?d():f())}),this._bindGlobal=()=>{this._teardown(),this._onDocClick=e=>{l()&&!this.contains(e.target)&&p()},document.addEventListener(`click`,this._onDocClick),l()&&(0,n.bindReanchor)(this,u)},this._syncPinned=()=>this.hasAttribute(`open`)?f({load:!0}):p({force:!0}),this.hasAttribute(`open`)&&f({load:!0}),this._bindGlobal()}_fireSearch(e,t){this._pendingSearch=null,this.dispatchEvent(new CustomEvent(`search`,{bubbles:!0,detail:{query:e,seq:t}}))}_teardown(){this._onDocClick&&=(document.removeEventListener(`click`,this._onDocClick),null),(0,n.unbindReanchor)(this),clearTimeout(this._timer),this._navHandler?.teardown()}disconnectedCallback(){this._teardown()}},v=e=>String(e??``).replace(/&/g,`&`).replace(/"/g,`"`).replace(/</g,`<`);(0,t.defineElement)(`wui-autocomplete`,_),e.WuiAutocomplete=_})(this.WeborityUiElements=this.WeborityUiElements||{},WeborityUiElementsInternal.modules.defineElement,WeborityUiElementsInternal.modules.anchorOverlay,WeborityUiElementsInternal.modules.optionLabel,WeborityUiElementsInternal.modules.elementBase,WeborityUiElementsInternal.modules.fieldState,WeborityUiElementsInternal.modules.formMirror,WeborityUiElementsInternal.modules.iconGlyphs,WeborityUiElementsInternal.modules.listboxKeyNav);
|