@cas-smartdesign/token-selector 0.17.1 → 0.18.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.
@@ -1 +1 @@
1
- import"./button.mjs";import{T as d,g as u}from"./doc.mjs";import{g}from"./token-provider.mjs";var l=(t=>(t.Accept="accept",t.Decline="decline",t.NoResponse="no-response-received",t.Tentative="tentative",t))(l||{}),c=(t=>(t.Free="free",t.Blocked="blocked",t))(c||{});function v(){const t=[];return t.push({caption:"Robert Glaser",overlapStatus:"free",invitationStatus:"accept",type:"participant",disabled:!1}),t.push({caption:"Britta Glatt",overlapStatus:"blocked",invitationStatus:"decline",type:"participant",disabled:!1}),t.push({caption:"Frank Shreeve",overlapStatus:"blocked",invitationStatus:"no-response-received",type:"participant",disabled:!1}),t.push({caption:"Mario Rossi",invitationStatus:"tentative",icon:"./monkey.svg",type:"participant",disabled:!1}),t}d.ensureDefined();document.querySelectorAll("#other-example sd-token-selector").forEach(t=>{const p=t.querySelector("sd-button"),n=t;if(n.hasAttribute("additional-icons")){n.tokenGenerator=(o,r)=>{const i=u(o,r),e=document.createElement("span");e.classList.add("overlap-indicator"),e.classList.add(o.overlapStatus),e.setAttribute("slot","before-icon");const a=document.createElement("img");return a.style.backgroundColor="transparent",a.src="state-"+o.invitationStatus+".svg",a.setAttribute("slot","after-icon"),i.appendChild(e),i.appendChild(a),i};const s=n.autoSuggestItemGenerator;n.autoSuggestItemGenerator=(o,r)=>{const i=document.createElement("span"),e=i.style;e.width="4px",e.height="100%",o.overlapStatus==c.Free?e.backgroundColor="#59a531":o.overlapStatus==c.Blocked?e.backgroundColor="#cc0000":e.backgroundColor="#999999",i.setAttribute("slot","left-content");const a=s(o,r);return a.appendChild(i),a},n.items=v(),n.selectedIndexes=[0,1,2,3]}else if(n.classList.contains("many-tokens")){const s=[];for(let o=1;o<=5e3;o++)s.push({caption:"Token_"+Math.random().toString(36).substring(7),description:String(o)});n.items=s}else n.items=g(!0);n.hasAttribute("search-also-in-description")&&(n.suggestionFilter=(s,o)=>{if(!s)return o;const r=[],i=[];return o.forEach(e=>{e.disabled||e.deactivated||(e.caption&&e.caption.toLowerCase().includes(s)?r.push(e):e.description&&e.description.toLowerCase().includes(s)&&i.push(e))}),r.concat(i)}),n.addEventListener("token-created",s=>{n.items.push({caption:s.detail.value,type:"participant",disabled:!1,overlapStatus:c.Free,invitationStatus:l.NoResponse}),n.selectedIndexes.push(n.items.length-1)}),p.addEventListener("click",()=>n.openSuggestions())});
1
+ import"./button.mjs";import{T as d,g as u}from"./doc.mjs";import{g}from"./token-provider.mjs";var l=(t=>(t.Accept="accept",t.Decline="decline",t.NoResponse="no-response-received",t.Tentative="tentative",t))(l||{}),c=(t=>(t.Free="free",t.Blocked="blocked",t))(c||{});function f(){const t=[];return t.push({caption:"Robert Glaser",overlapStatus:"free",invitationStatus:"accept",type:"participant",disabled:!1}),t.push({caption:"Britta Glatt",overlapStatus:"blocked",invitationStatus:"decline",type:"participant",disabled:!1}),t.push({caption:"Frank Shreeve",overlapStatus:"blocked",invitationStatus:"no-response-received",type:"participant",disabled:!1}),t.push({caption:"Mario Rossi",invitationStatus:"tentative",icon:"./monkey.svg",type:"participant",disabled:!1}),t}d.ensureDefined();document.querySelectorAll("#other-example sd-token-selector").forEach(t=>{const p=t.querySelector("sd-button"),n=t;if(n.hasAttribute("additional-icons")){n.tokenGenerator=(o,a)=>{const s=u(o,a),e=document.createElement("span");e.classList.add("overlap-indicator"),e.classList.add(o.overlapStatus),e.setAttribute("slot","before-icon");const r=document.createElement("img");return r.style.backgroundColor="transparent",r.src="state-"+o.invitationStatus+".svg",r.setAttribute("slot","after-icon"),s.appendChild(e),s.appendChild(r),s};const i=n.autoSuggestItemGenerator;n.autoSuggestItemGenerator=(o,a)=>{const s=document.createElement("span"),e=s.style;e.width="4px",e.height="100%",o.overlapStatus==c.Free?e.backgroundColor="#59a531":o.overlapStatus==c.Blocked?e.backgroundColor="#cc0000":e.backgroundColor="#999999",s.setAttribute("slot","left-content");const r=i(o,a);return r.appendChild(s),r},n.items=f(),n.selectedIndexes=[0,1,2,3]}else if(n.classList.contains("many-tokens")){const i=[];for(let o=1;o<=5e3;o++){let a="Token_"+Math.random().toString(36).substring(2);if(o%20==0)for(let s=0;s<o/20;s++)a+=" "+Math.random().toString(36).substring(2);i.push({caption:a,description:String(o)})}n.items=i}else n.items=g(!0);n.hasAttribute("search-also-in-description")&&(n.suggestionFilter=(i,o)=>{if(!i)return o;const a=[],s=[];return o.forEach(e=>{e.disabled||e.deactivated||(e.caption&&e.caption.toLowerCase().includes(i)?a.push(e):e.description&&e.description.toLowerCase().includes(i)&&s.push(e))}),a.concat(s)}),n.addEventListener("token-created",i=>{n.items.push({caption:i.detail.value,type:"participant",disabled:!1,overlapStatus:c.Free,invitationStatus:l.NoResponse}),n.selectedIndexes.push(n.items.length-1)}),p.addEventListener("click",()=>n.openSuggestions())});