@webority/ui-elements 0.139.2 → 0.139.3

package/dist/ui-elements.js

@@ -1 +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};
+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-CrH5CX6K.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-DR04quK7.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

@@ -1,6 +1,6 @@
 {
   "name": "@webority/ui-elements",
-  "version": "0.139.2",
+  "version": "0.139.3",
   "description": "Webority framework-agnostic UI custom elements (<wui-*>) — the single implementation of the interactive components, styled by @webority/theme. Used natively in Razor and wrapped by @webority/ui-react.",
   "license": "SEE LICENSE IN LICENSE",
   "type": "module",
@@ -99,7 +99,7 @@
     "@tiptap/markdown": "3.31.4",
     "@tiptap/starter-kit": "3.31.4",
     "@vitest/coverage-v8": "5.0.1",
-    "@webority/markdown-core": "0.139.2",
+    "@webority/markdown-core": "0.139.3",
     "echarts": "6.1.0",
     "jsdom": "30.1.1",
     "libphonenumber-js": "^1.13.9",

package/dist/WuiSelect-Doosf5WD.js

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

package/dist/search-CHbwgrpT.js

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