@cas-smartdesign/token-selector 0.16.1 → 0.17.0

package/dist/docs/4_dnd.js

@@ -1 +1 @@
-import"./button.mjs";import{T as o,g as c}from"./doc.mjs";import{g as l}from"./token-provider.mjs";o.ensureDefined();const a=l(!0);a.forEach((e,d)=>e.value=d%3);const r=(e,d)=>{const t=[];a.forEach((s,n)=>{s.value==d&&t.push(n)}),e.selectedIndexes=t},i=[];let u=0;document.querySelectorAll("#dnd-example sd-token-selector").forEach(e=>{i.push(e);const d=u++;e.items=a,r(e,d),e.tokenGenerator=(t,s)=>{const n=c(t,s);return n.draggable=!0,n},e.addEventListener("token-created",t=>{const s={value:d,caption:t.detail.value,disabled:!1};a.push(s),e.items=a,e.selectedIndexes.push(a.length-1)}),e.addEventListener("tokens-selected",t=>{t.detail.selectedIndices.forEach(s=>a[s].value=d),i.forEach((s,n)=>{s!=e&&r(s,n)})}),e.addEventListener("tokens-removed",t=>t.detail.removedIndices.map(s=>a[s]).forEach(s=>s.value=-1)),e.querySelector("sd-button").addEventListener("click",()=>e.openSuggestions())});
+import"./button.mjs";import{T as o,g as l}from"./doc.mjs";import{g as u}from"./token-provider.mjs";o.ensureDefined();const d=u(!0);d.forEach((e,a)=>e.value=a%3);const i=(e,a)=>{const t=[];d.forEach((s,n)=>{s.value==a&&t.push(n)}),e.selectedIndexes=t},r=[];let c=0;const f=e=>{r.push(e);const a=c++;e.items=d,i(e,a),e.addEventListener("token-created",t=>{const s={value:a,caption:t.detail.value,disabled:!1};d.push(s),e.items=d,e.selectedIndexes.push(d.length-1)}),e.addEventListener("tokens-selected",t=>{t.detail.selectedIndices.forEach(s=>d[s].value=a),r.forEach((s,n)=>{s!=e&&i(s,n)})}),e.addEventListener("tokens-removed",t=>t.detail.removedIndices.map(s=>d[s]).forEach(s=>s.value=-1))};document.querySelectorAll("#dnd-example sd-token-selector").forEach(e=>{e.querySelector("sd-button").addEventListener("click",()=>e.openSuggestions()),e.tokenGenerator=(a,t)=>{const s=l(a,t);return s.draggable=!0,s},e.hasAttribute("different-tokens")?e.items=d.filter((a,t)=>t%2==0):f(e)});

package/dist/docs/5_other.js

@@ -1 +1 @@
-import"./button.mjs";import{T as d,g as u}from"./doc.mjs";import{g as v}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 g(){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"),o=t;if(o.hasAttribute("additional-icons")){o.tokenGenerator=(n,r)=>{const s=u(n,r),e=document.createElement("span");e.classList.add("overlap-indicator"),e.classList.add(n.overlapStatus),e.setAttribute("slot","before-icon");const i=document.createElement("img");return i.style.backgroundColor="transparent",i.src="state-"+n.invitationStatus+".svg",i.setAttribute("slot","after-icon"),s.appendChild(e),s.appendChild(i),s};const a=o.autoSuggestItemGenerator;o.autoSuggestItemGenerator=(n,r)=>{const s=document.createElement("span"),e=s.style;e.width="4px",e.height="100%",n.overlapStatus==c.Free?e.backgroundColor="#59a531":n.overlapStatus==c.Blocked?e.backgroundColor="#cc0000":e.backgroundColor="#999999",s.setAttribute("slot","left-content");const i=a(n,r);return i.appendChild(s),i},o.items=g(),o.selectedIndexes=[0,1,2,3]}else o.items=v(!0);o.hasAttribute("search-also-in-description")&&(o.suggestionFilter=(a,n)=>{if(!a)return n;const r=[],s=[];return n.forEach(e=>{e.disabled||e.deactivated||(e.caption&&e.caption.toLowerCase().includes(a)?r.push(e):e.description&&e.description.toLowerCase().includes(a)&&s.push(e))}),r.concat(s)}),o.addEventListener("token-created",a=>{o.items.push({caption:a.detail.value,type:"participant",disabled:!1,overlapStatus:c.Free,invitationStatus:l.NoResponse}),o.selectedIndexes.push(o.items.length-1)}),p.addEventListener("click",()=>o.openSuggestions())});
+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())});

package/dist/docs/button.mjs

@@ -1,4 +1,4 @@
-import{s as d}from"./doc.mjs";const c=`<style>
+const n=class a extends HTMLElement{memoizedTemplate(){const t=this.is();if(a.TEMPLATE_CACHE[t])return a.TEMPLATE_CACHE[t];const e=this.template();return window.ShadyCSS&&window.ShadyCSS.prepareTemplate(e,this.is()),a.TEMPLATE_CACHE[t]=e,e}connectedCallback(){const t=this.memoizedTemplate();window.ShadyCSS&&window.ShadyCSS.styleElement(this),this.shadowRoot||(this.attachShadow({mode:"open"}),this.shadowRoot.appendChild(document.importNode(t.content,!0)),requestAnimationFrame(()=>this.dispatchEvent(new CustomEvent("ready"))))}whenReady(t){this.shadowRoot?t():this.addEventListener("ready",()=>t())}};n.TEMPLATE_CACHE={};let l=n;const h=`<style>
 	:host {
 		contain: content;
 		background: rgba(20, 103, 186, 0);
@@ -100,4 +100,4 @@ import{s as d}from"./doc.mjs";const c=`<style>
 <div class="content">
 	<slot></slot>
 </div>
-`,o=class n extends d{constructor(){super(),this._isSpaceOrEnterKeyDown=!1,this.addEventListener("keydown",t=>{this.isSpaceOrEnter(t)&&(this._isSpaceOrEnterKeyDown=!0,t.preventDefault())}),this.addEventListener("keyup",t=>{this.isSpaceOrEnter(t)&&this._isSpaceOrEnterKeyDown==!0&&(this._isSpaceOrEnterKeyDown=!1,this.click())}),this.addEventListener("click",t=>{var r,a;if(this.disabled||this.hasAttribute("disabled")){t.stopImmediatePropagation();return}const e=(a=(r=this.getAttribute("type"))==null?void 0:r.toLowerCase())==null?void 0:a.trim();if(e!=="submit"&&e!=="reset")return;const i=this.closest("form");i&&e==="submit"&&i.requestSubmit(),i&&e==="reset"&&i.reset()},{capture:!0})}get imageElement(){return this._image}get icon(){return this.getAttribute("icon")}set icon(t){this.icon!==t&&(t?this.setAttribute("icon",t):this.removeAttribute("icon"),this.updateIcon())}get primary(){return this.hasAttribute("primary")}set primary(t){t?this.setAttribute("primary",""):this.removeAttribute("primary")}get disabled(){return this.getAttribute("aria-disabled")=="true"}set disabled(t){this.setAttribute("aria-disabled",t.toString())}static get observedAttributes(){return["icon"]}is(){return n.ID}template(){const t=document.createElement("template");return t.innerHTML=c,t}isSpaceOrEnter(t){switch(t.key){case" ":case"Space":case"Enter":return!0;default:return!1}}click(){!this.disabled&&!this.hasAttribute("disabled")&&super.click()}connectedCallback(){super.connectedCallback(),this.hasAttribute("tabIndex")||(this.tabIndex=0),this._image=this.shadowRoot.querySelector(".icon"),this.updateIcon(),this.hasAttribute("role")||this.setAttribute("role","button")}attributeChangedCallback(){this.updateIcon()}updateIcon(){if(this._image){const t=this.getAttribute("icon");t&&(this._image.src=t)}}};o.ID="sd-button";let s=o;customElements.get(s.ID)||customElements.define(s.ID,s);
+`,d=class c extends l{constructor(){super(),this._isSpaceOrEnterKeyDown=!1,this.addEventListener("keydown",t=>{this.isSpaceOrEnter(t)&&(this._isSpaceOrEnterKeyDown=!0,t.preventDefault())}),this.addEventListener("keyup",t=>{this.isSpaceOrEnter(t)&&this._isSpaceOrEnterKeyDown==!0&&(this._isSpaceOrEnterKeyDown=!1,this.click())}),this.addEventListener("click",t=>{var e,o;if(this.disabled||this.hasAttribute("disabled")){t.stopImmediatePropagation();return}const i=(o=(e=this.getAttribute("type"))==null?void 0:e.toLowerCase())==null?void 0:o.trim();if(i!=="submit"&&i!=="reset")return;const s=this.closest("form");s&&i==="submit"&&s.requestSubmit(),s&&i==="reset"&&s.reset()},{capture:!0})}get imageElement(){return this._image}get icon(){return this.getAttribute("icon")}set icon(t){this.icon!==t&&(t?this.setAttribute("icon",t):this.removeAttribute("icon"),this.updateIcon())}get primary(){return this.hasAttribute("primary")}set primary(t){t?this.setAttribute("primary",""):this.removeAttribute("primary")}get disabled(){return this.getAttribute("aria-disabled")=="true"}set disabled(t){this.setAttribute("aria-disabled",t.toString())}static get observedAttributes(){return["icon"]}is(){return c.ID}template(){const t=document.createElement("template");return t.innerHTML=h,t}isSpaceOrEnter(t){switch(t.key){case" ":case"Space":case"Enter":return!0;default:return!1}}click(){!this.disabled&&!this.hasAttribute("disabled")&&super.click()}connectedCallback(){super.connectedCallback(),this.hasAttribute("tabIndex")||(this.tabIndex=0),this._image=this.shadowRoot.querySelector(".icon"),this.updateIcon(),this.hasAttribute("role")||this.setAttribute("role","button")}attributeChangedCallback(){this.updateIcon()}updateIcon(){if(this._image){const t=this.getAttribute("icon");t&&(this._image.src=t)}}};d.ID="sd-button";let r=d;customElements.get(r.ID)||customElements.define(r.ID,r);