snice 7.6.0 → 7.8.0

package/dist/cdn/tag-input/snice-tag-input.min.js

@@ -1,4 +1,4 @@
-void 0===globalThis.Snice&&console.warn("[snice] snice-runtime.min.js must be loaded before snice-tag-input.min.js");var SniceTagInput=function(t,e){"use strict";function i(t,e,i,s,a,n){function r(t){if(void 0!==t&&"function"!=typeof t)throw new TypeError("Function expected");return t}for(var l,o=s.kind,h="getter"===o?"get":"setter"===o?"set":"value",c=!e&&t?s.static?t:t.prototype:null,d=e||(c?Object.getOwnPropertyDescriptor(c,s.name):{}),u=!1,g=i.length-1;g>=0;g--){var m={};for(var p in s)m[p]="access"===p?{}:s[p];for(var p in s.access)m.access[p]=s.access[p];m.addInitializer=function(t){if(u)throw new TypeError("Cannot add initializers after decoration has completed");n.push(r(t||null))};var f=(0,i[g])("accessor"===o?{get:d.get,set:d.set}:d[h],m);if("accessor"===o){if(void 0===f)continue;if(null===f||"object"!=typeof f)throw new TypeError("Object expected");(l=r(f.get))&&(d.get=l),(l=r(f.set))&&(d.set=l),(l=r(f.init))&&a.unshift(l)}else(l=r(f))&&("field"===o?a.unshift(l):d[h]=l)}c&&Object.defineProperty(c,s.name,d),u=!0}function s(t,e,i){for(var s=arguments.length>2,a=0;a<e.length;a++)i=s?e[a].call(t,i):e[a].call(t);return s?i:void 0}"function"==typeof SuppressedError&&SuppressedError;const a=new WeakMap;function n(t){return t.replace(/\s+/gu," ").trim()}function r(t,e){return t===e||t.nodeType===Node.ELEMENT_NODE&&t.contains(e)}function l(t,e){const i=t.getRootNode();return"getElementById"in i?i.getElementById(e):null}function o(t,e){if(t===e)return"";if(t.nodeType===Node.TEXT_NODE)return t.nodeValue||"";if(t.nodeType!==Node.ELEMENT_NODE)return"";const i=t;return i.hidden||"true"===i.getAttribute("aria-hidden")||["script","style","template"].includes(i.localName)?"":"br"===i.localName?" ":"img"===i.localName?i.getAttribute("alt")||"":Array.from(i.childNodes).map(t=>o(t,e)).join(" ")}function h(t,e){const i=t.getAttribute("aria-labelledby");if(i){const s=n(i.split(/\s+/u).map(e=>l(t,e)).filter(e=>Boolean(e)&&e!==t).map(t=>o(t,e)).join(" "));if(s)return s}return t.hasAttribute("aria-label")?n(t.getAttribute("aria-label")||""):n(o(t,e))||n(t.getAttribute("title")||"")}class c{constructor(t,e,i,s,a){this.host=t,this.getInternals=e,this.getTarget=i,this.getFallbackName=s,this.syncRelatedNames=a,this.connected=!1,this.currentLabels=[],this.currentNamingNodes=[],this.referencedIds=new Set,this.handleHostActivation=t=>{if(t.composedPath()[0]!==this.host)return;if(this.currentLabels=this.resolveLabels(),0===this.currentLabels.length)return;const e=this.getTarget();e?e.focus():t.preventDefault()},this.handleLabelActivation=t=>{const e=t.composedPath(),i=t.target;if(i===this.host||i instanceof Node&&this.host.contains(i))return;const s=t.currentTarget;if(e.some(t=>t instanceof HTMLElement&&t!==s&&t.matches('a[href], button, input, select, textarea, [contenteditable]:not([contenteditable="false"]), [role="button"], [role="link"]')))return;const a=this.getTarget();a?(a.focus(),setTimeout(()=>{const t=this.getTarget();this.connected&&t?.isConnected&&this.currentLabels.includes(s)&&t.focus()},0)):t.preventDefault()}}get labels(){const t=this.host.getRootNode();if(this.host.id&&"querySelectorAll"in t)try{const e=CSS.escape(this.host.id),i=CSS.escape(this.host.localName);return t.querySelectorAll(`label[for="${e}"], label:not([for]):has(${i}#${e})`)}catch{}return this.getInternals()?.labels??null}get accessibleName(){const t=this.resolveLabels();return n(t.length>0?t.map(t=>h(t,this.host)).join(" "):this.getFallbackName())}connect(){this.connected||(this.connected=!0,this.host.addEventListener("click",this.handleHostActivation),this.bindRegistry(),this.sync())}disconnect(){this.connected&&(this.connected=!1,this.host.removeEventListener("click",this.handleHostActivation),this.unbindLabelActivation(),this.releaseRegistry(),this.currentLabels=[],this.currentNamingNodes=[],this.referencedIds.clear())}sync(){if(this.connected&&this.bindRegistry(),this.unbindLabelActivation(),this.currentLabels=this.resolveLabels(),this.connected)for(const t of this.currentLabels)t.addEventListener("click",this.handleLabelActivation);this.currentNamingNodes=[...this.currentLabels],this.referencedIds.clear();for(const t of this.currentLabels)for(const e of(t.getAttribute("aria-labelledby")||"").split(/\s+/u).filter(Boolean)){this.referencedIds.add(e);const i=l(t,e);i&&i!==t&&this.currentNamingNodes.push(i)}const t=n(this.currentLabels.length>0?this.currentLabels.map(t=>h(t,this.host)).join(" "):this.getFallbackName());this.getTarget()?.setAttribute("aria-label",t),this.syncRelatedNames?.(t)}isAffectedBy(t){if("attributes"===t.type){if(t.target===this.host&&"id"===t.attributeName)return!0;const e=t.target;return"label"===e.localName&&"for"===t.attributeName?this.currentLabels.includes(e)||Boolean(this.host.id)&&e.htmlFor===this.host.id:!("id"!==t.attributeName||!this.referencedIds.has(e.id))||this.currentNamingNodes.some(t=>t===e||t.contains(e))}return!!this.currentNamingNodes.some(e=>e===t.target||e.contains(t.target))||"childList"===t.type&&[...t.addedNodes,...t.removedNodes].some(t=>{if(r(t,this.host)||r(this.host,t))return!0;if(this.currentNamingNodes.some(e=>r(t,e)))return!0;if(t.nodeType!==Node.ELEMENT_NODE)return!1;const e=t;return!!("label"===e.localName?[e]:Array.from(e.querySelectorAll("label"))).some(t=>t.hasAttribute("for")?Boolean(this.host.id)&&t.htmlFor===this.host.id:t.contains(this.host))||[e,...Array.from(e.querySelectorAll("[id]"))].some(t=>this.referencedIds.has(t.id))})}unbindLabelActivation(){for(const t of this.currentLabels)t.removeEventListener("click",this.handleLabelActivation)}bindRegistry(){const t=function(t){const e=t.getRootNode();return e.nodeType===Node.DOCUMENT_NODE||"undefined"!=typeof ShadowRoot&&e instanceof ShadowRoot?e:null}(this.host);t!==this.registryRoot&&(this.releaseRegistry(),t&&(this.registryRoot=t,this.registry=function(t){const e=t.nodeType===Node.DOCUMENT_NODE?t.documentElement:t;if(!e||"undefined"==typeof MutationObserver)return null;const i=a.get(t);if(i)return i;const s=new Set,n=new MutationObserver(t=>{for(const e of s)t.some(t=>e.isAffectedBy(t))&&e.sync()});n.observe(e,{subtree:!0,childList:!0,characterData:!0,attributes:!0,attributeFilter:["for","id","aria-label","aria-labelledby","aria-hidden","hidden","alt","title"]});const r={associations:s,observer:n};return a.set(t,r),r}(t)||void 0,this.registry?.associations.add(this)))}releaseRegistry(){this.registry?.associations.delete(this),this.registry&&0===this.registry.associations.size&&this.registryRoot&&(this.registry.observer.disconnect(),a.delete(this.registryRoot)),this.registry=void 0,this.registryRoot=void 0}resolveLabels(){const t=this.host.getRootNode();return"querySelectorAll"in t?Array.from(t.querySelectorAll("label")).filter(t=>t.hasAttribute("for")?Boolean(this.host.id)&&t.htmlFor===this.host.id:t.contains(this.host)):Array.from(this.getInternals()?.labels||[])}}const d=["badInput","customError","patternMismatch","rangeOverflow","rangeUnderflow","stepMismatch","tooLong","tooShort","typeMismatch","valueMissing"];function u(t){return d.some(e=>Boolean(t[e]))}let g=(()=>{let t,a,n,r,l,o,h,d,g,m,p,f,v,b,y,x,S,w,V,k,A,E,N,D,T,I,L,C,R,$,M,B,F=[e.element("snice-tag-input",{formAssociated:!0,delegatesFocus:!0})],O=[],j=HTMLElement,z=[],P=[],q=[],H=[],U=[],_=[],J=[],K=[],W=[],X=[],G=[],Q=[],Y=[],Z=[],tt=[],et=[],it=[],st=[],at=[],nt=[],rt=[],lt=[],ot=[],ht=[],ct=[],dt=[],ut=[],gt=[],mt=[],pt=[],ft=[],vt=[],bt=[],yt=[],xt=[],St=[],wt=[],Vt=[],kt=[];return class extends j{static{a=this}static{const c="function"==typeof Symbol&&Symbol.metadata?Object.create(j[Symbol.metadata]??null):void 0;n=[e.state()],r=[e.state()],l=[e.state()],o=[e.property({type:Array,attribute:"value"})],h=[e.property({type:Array,attribute:!1})],d=[e.property({type:Number,attribute:"max-tags"})],g=[e.property({type:Boolean,attribute:"allow-duplicates"})],m=[e.property()],p=[e.property({type:Boolean})],f=[e.property({type:Boolean})],v=[e.property()],b=[e.property()],y=[e.property({attribute:!1})],x=[e.property({type:Array,attribute:!1})],S=[e.property({type:Boolean,attribute:!1})],w=[e.property({type:Number,attribute:!1})],V=[e.query(".tag-input-field")],k=[e.query(".tag-remove")],A=[e.query(".tag-input-container")],E=[e.styles()],N=[e.ready()],D=[e.reconnect()],T=[e.dispose()],I=[e.watch("valueState",{immediate:!1})],L=[e.watch("defaultValue",{immediate:!1})],C=[e.watch("maxTags","allowDuplicates","disabled","readonly","formDisabled",{immediate:!1})],R=[e.render()],$=[e.dispatch("tag-add",{bubbles:!0,composed:!0})],M=[e.dispatch("tag-remove",{bubbles:!0,composed:!0})],B=[e.dispatch("tag-change",{bubbles:!0,composed:!0})],i(this,null,E,{kind:"method",name:"componentStyles",static:!1,private:!1,access:{has:t=>"componentStyles"in t,get:t=>t.componentStyles},metadata:c},null,z),i(this,null,N,{kind:"method",name:"init",static:!1,private:!1,access:{has:t=>"init"in t,get:t=>t.init},metadata:c},null,z),i(this,null,D,{kind:"method",name:"onReconnect",static:!1,private:!1,access:{has:t=>"onReconnect"in t,get:t=>t.onReconnect},metadata:c},null,z),i(this,null,T,{kind:"method",name:"cleanup",static:!1,private:!1,access:{has:t=>"cleanup"in t,get:t=>t.cleanup},metadata:c},null,z),i(this,null,I,{kind:"method",name:"handleValueChange",static:!1,private:!1,access:{has:t=>"handleValueChange"in t,get:t=>t.handleValueChange},metadata:c},null,z),i(this,null,L,{kind:"method",name:"handleDefaultValueChange",static:!1,private:!1,access:{has:t=>"handleDefaultValueChange"in t,get:t=>t.handleDefaultValueChange},metadata:c},null,z),i(this,null,C,{kind:"method",name:"handleValidationConfigurationChange",static:!1,private:!1,access:{has:t=>"handleValidationConfigurationChange"in t,get:t=>t.handleValidationConfigurationChange},metadata:c},null,z),i(this,null,R,{kind:"method",name:"renderTagInput",static:!1,private:!1,access:{has:t=>"renderTagInput"in t,get:t=>t.renderTagInput},metadata:c},null,z),i(this,null,$,{kind:"method",name:"emitAdd",static:!1,private:!1,access:{has:t=>"emitAdd"in t,get:t=>t.emitAdd},metadata:c},null,z),i(this,null,M,{kind:"method",name:"emitRemove",static:!1,private:!1,access:{has:t=>"emitRemove"in t,get:t=>t.emitRemove},metadata:c},null,z),i(this,null,B,{kind:"method",name:"emitChange",static:!1,private:!1,access:{has:t=>"emitChange"in t,get:t=>t.emitChange},metadata:c},null,z),i(null,null,n,{kind:"field",name:"valueState",static:!1,private:!1,access:{has:t=>"valueState"in t,get:t=>t.valueState,set:(t,e)=>{t.valueState=e}},metadata:c},P,q),i(null,null,r,{kind:"field",name:"formDisabled",static:!1,private:!1,access:{has:t=>"formDisabled"in t,get:t=>t.formDisabled,set:(t,e)=>{t.formDisabled=e}},metadata:c},H,U),i(null,null,l,{kind:"field",name:"constraintInvalid",static:!1,private:!1,access:{has:t=>"constraintInvalid"in t,get:t=>t.constraintInvalid,set:(t,e)=>{t.constraintInvalid=e}},metadata:c},_,J),i(null,null,o,{kind:"field",name:"defaultValue",static:!1,private:!1,access:{has:t=>"defaultValue"in t,get:t=>t.defaultValue,set:(t,e)=>{t.defaultValue=e}},metadata:c},K,W),i(null,null,h,{kind:"field",name:"suggestions",static:!1,private:!1,access:{has:t=>"suggestions"in t,get:t=>t.suggestions,set:(t,e)=>{t.suggestions=e}},metadata:c},X,G),i(null,null,d,{kind:"field",name:"maxTags",static:!1,private:!1,access:{has:t=>"maxTags"in t,get:t=>t.maxTags,set:(t,e)=>{t.maxTags=e}},metadata:c},Q,Y),i(null,null,g,{kind:"field",name:"allowDuplicates",static:!1,private:!1,access:{has:t=>"allowDuplicates"in t,get:t=>t.allowDuplicates,set:(t,e)=>{t.allowDuplicates=e}},metadata:c},Z,tt),i(null,null,m,{kind:"field",name:"placeholder",static:!1,private:!1,access:{has:t=>"placeholder"in t,get:t=>t.placeholder,set:(t,e)=>{t.placeholder=e}},metadata:c},et,it),i(null,null,p,{kind:"field",name:"disabled",static:!1,private:!1,access:{has:t=>"disabled"in t,get:t=>t.disabled,set:(t,e)=>{t.disabled=e}},metadata:c},st,at),i(null,null,f,{kind:"field",name:"readonly",static:!1,private:!1,access:{has:t=>"readonly"in t,get:t=>t.readonly,set:(t,e)=>{t.readonly=e}},metadata:c},nt,rt),i(null,null,v,{kind:"field",name:"label",static:!1,private:!1,access:{has:t=>"label"in t,get:t=>t.label,set:(t,e)=>{t.label=e}},metadata:c},lt,ot),i(null,null,b,{kind:"field",name:"name",static:!1,private:!1,access:{has:t=>"name"in t,get:t=>t.name,set:(t,e)=>{t.name=e}},metadata:c},ht,ct),i(null,null,y,{kind:"field",name:"inputValue",static:!1,private:!1,access:{has:t=>"inputValue"in t,get:t=>t.inputValue,set:(t,e)=>{t.inputValue=e}},metadata:c},dt,ut),i(null,null,x,{kind:"field",name:"filteredSuggestions",static:!1,private:!1,access:{has:t=>"filteredSuggestions"in t,get:t=>t.filteredSuggestions,set:(t,e)=>{t.filteredSuggestions=e}},metadata:c},gt,mt),i(null,null,S,{kind:"field",name:"showSuggestions",static:!1,private:!1,access:{has:t=>"showSuggestions"in t,get:t=>t.showSuggestions,set:(t,e)=>{t.showSuggestions=e}},metadata:c},pt,ft),i(null,null,w,{kind:"field",name:"highlightedIndex",static:!1,private:!1,access:{has:t=>"highlightedIndex"in t,get:t=>t.highlightedIndex,set:(t,e)=>{t.highlightedIndex=e}},metadata:c},vt,bt),i(null,null,V,{kind:"field",name:"inputElement",static:!1,private:!1,access:{has:t=>"inputElement"in t,get:t=>t.inputElement,set:(t,e)=>{t.inputElement=e}},metadata:c},yt,xt),i(null,null,k,{kind:"field",name:"firstRemoveButton",static:!1,private:!1,access:{has:t=>"firstRemoveButton"in t,get:t=>t.firstRemoveButton,set:(t,e)=>{t.firstRemoveButton=e}},metadata:c},St,wt),i(null,null,A,{kind:"field",name:"containerElement",static:!1,private:!1,access:{has:t=>"containerElement"in t,get:t=>t.containerElement,set:(t,e)=>{t.containerElement=e}},metadata:c},Vt,kt),i(null,t={value:a},F,{kind:"class",name:a.name,metadata:c},null,O),a=t.value,c&&Object.defineProperty(a,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:c}),s(a,O)}constructor(){super(),this.internals=s(this,z),this.dirtyValue=!1,this.suppressValueEvent=!1,this.customValidationMessage="",this.valueState=s(this,P,[]),this.formDisabled=(s(this,q),s(this,H,!1)),this.constraintInvalid=(s(this,U),s(this,_,!1)),this.defaultValue=(s(this,J),s(this,K,[])),this.suggestions=(s(this,W),s(this,X,[])),this.maxTags=(s(this,G),s(this,Q,0)),this.allowDuplicates=(s(this,Y),s(this,Z,!1)),this.placeholder=(s(this,tt),s(this,et,"Add a tag...")),this.disabled=(s(this,it),s(this,st,!1)),this.readonly=(s(this,at),s(this,nt,!1)),this.label=(s(this,rt),s(this,lt,"")),this.name=(s(this,ot),s(this,ht,"")),this.inputValue=(s(this,ct),s(this,dt,"")),this.filteredSuggestions=(s(this,ut),s(this,gt,[])),this.showSuggestions=(s(this,mt),s(this,pt,!1)),this.highlightedIndex=(s(this,ft),s(this,vt,-1)),this.inputElement=(s(this,bt),s(this,yt,void 0)),this.firstRemoveButton=(s(this,xt),s(this,St,void 0)),this.containerElement=(s(this,wt),s(this,Vt,void 0)),this.handleDocumentClick=(s(this,kt),t=>{t.composedPath().includes(this)||(this.showSuggestions=!1)}),"function"==typeof this.attachInternals&&(this.internals=this.attachInternals()),this.labelAssociation=new c(this,()=>this.internals,()=>this.interactionDisabled?void 0:this.validationAnchor,()=>this.label||"Tags")}get value(){return this.valueState}set value(t){this.setValue(t,!0,!0)}formAssociatedCallback(){this.syncFormState()}formResetCallback(){this.dirtyValue=!1,this.applyDefaultValue(),this.clearDraft()}formDisabledCallback(t){this.formDisabled=t,this.syncValidity()}formStateRestoreCallback(t){if("string"==typeof t)try{const e=JSON.parse(t);Array.isArray(e)&&(this.setValue(e.map(String),!0,!1),this.clearDraft())}catch{}}componentStyles(){return e.css`${":host([hidden]){display:none}:host{display:block;font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif)}.tag-input-wrapper{display:flex;flex-direction:column;gap:var(--snice-spacing-2xs,.25rem)}.tag-input-label{font-size:var(--snice-font-size-sm, .875rem);font-weight:var(--snice-font-weight-medium,500);color:var(--snice-color-text,rgb(23 23 23))}.tag-input-container{display:flex;flex-wrap:wrap;align-items:center;gap:var(--snice-spacing-2xs,.25rem);padding:var(--snice-spacing-xs,.5rem);border:1px solid var(--snice-color-border,rgb(226 226 226));border-radius:var(--snice-border-radius-md,.25rem);background:var(--snice-color-surface,rgb(255 255 255));cursor:text;transition:border-color var(--snice-transition-fast, 150ms) ease,box-shadow var(--snice-transition-fast, 150ms) ease;min-height:2.5rem;position:relative}.tag-input-container:focus-within{border-color:var(--snice-color-primary,rgb(37 99 235));box-shadow:0 0 0 var(--snice-focus-ring-width,2px) var(--snice-focus-ring-color,rgb(59 130 246 / .5))}.tag-input-container--disabled{opacity:.5;cursor:not-allowed;background:var(--snice-color-surface-container-high,rgb(252 251 249))}.tag-input-container--invalid{border-color:var(--snice-color-danger,rgb(220 38 38))}.tag{display:inline-flex;align-items:center;gap:var(--snice-spacing-2xs,.25rem);padding:var(--snice-spacing-3xs,.125rem) var(--snice-spacing-xs,.5rem);background:var(--snice-color-primary-subtle,hsl(214 100% 97%));color:var(--snice-color-primary-hover,hsl(217 77% 48%));border-radius:var(--snice-border-radius-md,.25rem);font-size:var(--snice-font-size-sm, .875rem);line-height:var(--snice-line-height-normal, 1.5);max-width:100%;animation:150ms tag-appear}@keyframes tag-appear{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.tag-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag-remove{display:inline-flex;align-items:center;justify-content:center;background:0 0;border:none;cursor:pointer;padding:0;color:var(--snice-color-primary-hover,hsl(217 77% 48%));border-radius:var(--snice-border-radius-md,.25rem);width:1rem;height:1rem;flex-shrink:0;transition:background-color var(--snice-transition-fast, 150ms) ease}.tag-remove:hover{background:var(--snice-color-primary,hsl(217 83% 53%));color:var(--snice-color-text-inverse,rgb(250 250 250))}.tag-input-field{flex:1;min-width:4rem;border:none;outline:0;background:0 0;font-family:inherit;font-size:var(--snice-font-size-sm, .875rem);color:var(--snice-color-text,rgb(23 23 23));padding:var(--snice-spacing-3xs,.125rem) 0}.tag-input-field::placeholder{color:var(--snice-color-text-tertiary,rgb(115 115 115))}.tag-input-field:disabled{cursor:not-allowed}.tag-suggestions{position:absolute;top:100%;left:-1px;right:-1px;margin-top:2px;background:var(--snice-color-surface,rgb(255 255 255));border:1px solid var(--snice-color-border,rgb(226 226 226));border-radius:var(--snice-border-radius-md,.25rem);box-shadow:var(--snice-shadow-lg,0 10px 15px -3px rgb(0 0 0 / .1),0 4px 6px -4px rgb(0 0 0 / .1));max-height:12.5rem;overflow-y:auto;z-index:100}.tag-suggestion-item{padding:var(--snice-spacing-xs,.5rem) var(--snice-spacing-sm,.75rem);font-size:var(--snice-font-size-sm, .875rem);color:var(--snice-color-text,rgb(23 23 23));cursor:pointer;transition:background-color var(--snice-transition-fast, 150ms) ease}.tag-suggestion-item--highlighted,.tag-suggestion-item:hover{background:var(--snice-color-surface-hover,rgb(241 241 241))}.tag-suggestion-item--highlighted{color:var(--snice-color-primary,rgb(37 99 235))}.tag-suggestions::-webkit-scrollbar{width:.5rem}.tag-suggestions::-webkit-scrollbar-track{background:var(--snice-color-surface-container-high,rgb(252 251 249));border-radius:9999px}.tag-suggestions::-webkit-scrollbar-thumb{background:var(--snice-color-border,rgb(226 226 226));border-radius:9999px}@media (prefers-reduced-motion:reduce){*{transition-duration:0s!important;animation-duration:0s!important}}"}`}init(){if(Object.prototype.hasOwnProperty.call(this,"value")){const t=this.value;delete this.value,Array.isArray(t)&&(this.value=t.map(String))}else this.dirtyValue||this.applyDefaultValue();this.syncFormState(),this.attachOutsideClickListener(),this.labelAssociation.connect()}onReconnect(){this.attachOutsideClickListener(),this.labelAssociation.connect()}cleanup(){document.removeEventListener("click",this.handleDocumentClick),this.labelAssociation.disconnect()}attachOutsideClickListener(){document.addEventListener("click",this.handleDocumentClick)}get interactionDisabled(){return this.disabled||this.formDisabled}applyDefaultValue(){this.setValue(this.defaultValue,!1,!1)}setValue(t,e,i){if(Array.isArray(t)){e&&(this.dirtyValue=!0),this.suppressValueEvent=!i;try{this.valueState=t.map(String)}finally{this.suppressValueEvent=!1}this.syncFormState()}}syncFormValue(){const t=JSON.stringify(this.value);!function(t,e,i){t&&"function"==typeof t.setFormValue&&(void 0===i?t.setFormValue(e):t.setFormValue(e,i))}(this.internals,t,t)}syncFormState(){this.syncFormValue(),this.syncValidity()}get validationAnchor(){return this.inputElement??this.firstRemoveButton}syncValidityAfterRender(){queueMicrotask(()=>{this.rendered.then(()=>{this.isConnected&&this.syncValidity()})})}syncValidity(){const t=this.interactionDisabled||this.readonly,e=!t&&this.maxTags>0&&this.value.length>this.maxTags,i=!t&&!this.allowDuplicates&&new Set(this.value).size!==this.value.length,s=t?{}:{customError:Boolean(this.customValidationMessage)||i,tooLong:e},a=u(s),n=this.customValidationMessage||(e?`Use no more than ${this.maxTags} tags.`:"")||(i?"Duplicate tags are not allowed.":"");this.constraintInvalid=a,this.validationProxy.setCustomValidity(a?n:""),this.inputElement?.setCustomValidity(a?n:""),this.inputElement?.setAttribute("aria-invalid",String(a)),this.containerElement?.setAttribute("aria-invalid",String(a)),this.containerElement?.classList.toggle("tag-input-container--invalid",a),function(t,e,i,s){t&&"function"==typeof t.setValidity&&(u(e)?s?t.setValidity(e,i,s):t.setValidity(e,i):t.setValidity({}))}(this.internals,s,n,this.validationAnchor)}get validationProxy(){return this.validationInput||(this.validationInput=document.createElement("input")),this.validationInput}clearDraft(){this.inputValue="",this.filteredSuggestions=[],this.showSuggestions=!1,this.highlightedIndex=-1,this.inputElement&&(this.inputElement.value="")}handleValueChange(){this.syncFormState(),this.syncValidityAfterRender(),this.suppressValueEvent||this.emitChange()}handleDefaultValueChange(){this.dirtyValue||this.applyDefaultValue()}handleValidationConfigurationChange(){this.syncValidity(),this.syncValidityAfterRender()}renderTagInput(){const t=this.interactionDisabled,i=this.readonly,s=!t&&!i&&(this.maxTags<=0||this.value.length<this.maxTags),a=this.showSuggestions&&this.filteredSuggestions.length>0;return e.html`
+void 0===globalThis.Snice&&console.warn("[snice] snice-runtime.min.js must be loaded before snice-tag-input.min.js");var SniceTagInput=function(t,e){"use strict";function i(t,e,i,s,a,n){function r(t){if(void 0!==t&&"function"!=typeof t)throw new TypeError("Function expected");return t}for(var l,o=s.kind,h="getter"===o?"get":"setter"===o?"set":"value",c=!e&&t?s.static?t:t.prototype:null,d=e||(c?Object.getOwnPropertyDescriptor(c,s.name):{}),u=!1,g=i.length-1;g>=0;g--){var m={};for(var p in s)m[p]="access"===p?{}:s[p];for(var p in s.access)m.access[p]=s.access[p];m.addInitializer=function(t){if(u)throw new TypeError("Cannot add initializers after decoration has completed");n.push(r(t||null))};var f=(0,i[g])("accessor"===o?{get:d.get,set:d.set}:d[h],m);if("accessor"===o){if(void 0===f)continue;if(null===f||"object"!=typeof f)throw new TypeError("Object expected");(l=r(f.get))&&(d.get=l),(l=r(f.set))&&(d.set=l),(l=r(f.init))&&a.unshift(l)}else(l=r(f))&&("field"===o?a.unshift(l):d[h]=l)}c&&Object.defineProperty(c,s.name,d),u=!0}function s(t,e,i){for(var s=arguments.length>2,a=0;a<e.length;a++)i=s?e[a].call(t,i):e[a].call(t);return s?i:void 0}"function"==typeof SuppressedError&&SuppressedError;const a=new WeakMap;function n(t){return t.replace(/\s+/gu," ").trim()}function r(t,e){return t===e||t.nodeType===Node.ELEMENT_NODE&&t.contains(e)}function l(t,e){const i=t.getRootNode();return"getElementById"in i?i.getElementById(e):null}function o(t,e){if(t===e)return"";if(t.nodeType===Node.TEXT_NODE)return t.nodeValue||"";if(t.nodeType!==Node.ELEMENT_NODE)return"";const i=t;return i.hidden||"true"===i.getAttribute("aria-hidden")||["script","style","template"].includes(i.localName)?"":"br"===i.localName?" ":"img"===i.localName?i.getAttribute("alt")||"":Array.from(i.childNodes).map(t=>o(t,e)).join(" ")}function h(t,e){const i=t.getAttribute("aria-labelledby");if(i){const s=n(i.split(/\s+/u).map(e=>l(t,e)).filter(e=>Boolean(e)&&e!==t).map(t=>o(t,e)).join(" "));if(s)return s}return t.hasAttribute("aria-label")?n(t.getAttribute("aria-label")||""):n(o(t,e))||n(t.getAttribute("title")||"")}class c{constructor(t,e,i,s,a){this.host=t,this.getInternals=e,this.getTarget=i,this.getFallbackName=s,this.syncRelatedNames=a,this.connected=!1,this.currentLabels=[],this.currentNamingNodes=[],this.referencedIds=new Set,this.handleHostActivation=t=>{if(t.composedPath()[0]!==this.host)return;if(this.currentLabels=this.resolveLabels(),0===this.currentLabels.length)return;const e=this.getTarget();e?e.focus():t.preventDefault()},this.handleLabelActivation=t=>{const e=t.composedPath(),i=t.target;if(i===this.host||i instanceof Node&&this.host.contains(i))return;const s=t.currentTarget;if(e.some(t=>t instanceof HTMLElement&&t!==s&&t.matches('a[href], button, input, select, textarea, [contenteditable]:not([contenteditable="false"]), [role="button"], [role="link"]')))return;const a=this.getTarget();a?(a.focus(),setTimeout(()=>{const t=this.getTarget();this.connected&&t?.isConnected&&this.currentLabels.includes(s)&&t.focus()},0)):t.preventDefault()}}get labels(){const t=this.host.getRootNode();if(this.host.id&&"querySelectorAll"in t)try{const e=CSS.escape(this.host.id),i=CSS.escape(this.host.localName);return t.querySelectorAll(`label[for="${e}"], label:not([for]):has(${i}#${e})`)}catch{}return this.getInternals()?.labels??null}get accessibleName(){const t=this.resolveLabels();return n(t.length>0?t.map(t=>h(t,this.host)).join(" "):this.getFallbackName())}connect(){this.connected||(this.connected=!0,this.host.addEventListener("click",this.handleHostActivation),this.bindRegistry(),this.sync())}disconnect(){this.connected&&(this.connected=!1,this.host.removeEventListener("click",this.handleHostActivation),this.unbindLabelActivation(),this.releaseRegistry(),this.currentLabels=[],this.currentNamingNodes=[],this.referencedIds.clear())}sync(){if(this.connected&&this.bindRegistry(),this.unbindLabelActivation(),this.currentLabels=this.resolveLabels(),this.connected)for(const t of this.currentLabels)t.addEventListener("click",this.handleLabelActivation);this.currentNamingNodes=[...this.currentLabels],this.referencedIds.clear();for(const t of this.currentLabels)for(const e of(t.getAttribute("aria-labelledby")||"").split(/\s+/u).filter(Boolean)){this.referencedIds.add(e);const i=l(t,e);i&&i!==t&&this.currentNamingNodes.push(i)}const t=n(this.currentLabels.length>0?this.currentLabels.map(t=>h(t,this.host)).join(" "):this.getFallbackName());this.getTarget()?.setAttribute("aria-label",t),this.syncRelatedNames?.(t)}isAffectedBy(t){if("attributes"===t.type){if(t.target===this.host&&"id"===t.attributeName)return!0;const e=t.target;return"label"===e.localName&&"for"===t.attributeName?this.currentLabels.includes(e)||Boolean(this.host.id)&&e.htmlFor===this.host.id:!("id"!==t.attributeName||!this.referencedIds.has(e.id))||this.currentNamingNodes.some(t=>t===e||t.contains(e))}return!!this.currentNamingNodes.some(e=>e===t.target||e.contains(t.target))||"childList"===t.type&&[...t.addedNodes,...t.removedNodes].some(t=>{if(r(t,this.host)||r(this.host,t))return!0;if(this.currentNamingNodes.some(e=>r(t,e)))return!0;if(t.nodeType!==Node.ELEMENT_NODE)return!1;const e=t;return!!("label"===e.localName?[e]:Array.from(e.querySelectorAll("label"))).some(t=>t.hasAttribute("for")?Boolean(this.host.id)&&t.htmlFor===this.host.id:t.contains(this.host))||[e,...Array.from(e.querySelectorAll("[id]"))].some(t=>this.referencedIds.has(t.id))})}unbindLabelActivation(){for(const t of this.currentLabels)t.removeEventListener("click",this.handleLabelActivation)}bindRegistry(){const t=function(t){const e=t.getRootNode();return e.nodeType===Node.DOCUMENT_NODE||"undefined"!=typeof ShadowRoot&&e instanceof ShadowRoot?e:null}(this.host);t!==this.registryRoot&&(this.releaseRegistry(),t&&(this.registryRoot=t,this.registry=function(t){const e=t.nodeType===Node.DOCUMENT_NODE?t.documentElement:t;if(!e||"undefined"==typeof MutationObserver)return null;const i=a.get(t);if(i)return i;const s=new Set,n=new MutationObserver(t=>{for(const e of s)t.some(t=>e.isAffectedBy(t))&&e.sync()});n.observe(e,{subtree:!0,childList:!0,characterData:!0,attributes:!0,attributeFilter:["for","id","aria-label","aria-labelledby","aria-hidden","hidden","alt","title"]});const r={associations:s,observer:n};return a.set(t,r),r}(t)||void 0,this.registry?.associations.add(this)))}releaseRegistry(){this.registry?.associations.delete(this),this.registry&&0===this.registry.associations.size&&this.registryRoot&&(this.registry.observer.disconnect(),a.delete(this.registryRoot)),this.registry=void 0,this.registryRoot=void 0}resolveLabels(){const t=this.host.getRootNode();return"querySelectorAll"in t?Array.from(t.querySelectorAll("label")).filter(t=>t.hasAttribute("for")?Boolean(this.host.id)&&t.htmlFor===this.host.id:t.contains(this.host)):Array.from(this.getInternals()?.labels||[])}}const d=["badInput","customError","patternMismatch","rangeOverflow","rangeUnderflow","stepMismatch","tooLong","tooShort","typeMismatch","valueMissing"];function u(t){return d.some(e=>Boolean(t[e]))}let g=(()=>{let t,a,n,r,l,o,h,d,g,m,p,f,v,b,y,x,S,w,k,V,A,E,N,D,T,I,L,C,R,$,M,B,F=[e.element("snice-tag-input",{formAssociated:!0,delegatesFocus:!0})],O=[],j=HTMLElement,z=[],P=[],q=[],H=[],U=[],_=[],J=[],K=[],W=[],X=[],G=[],Q=[],Y=[],Z=[],tt=[],et=[],it=[],st=[],at=[],nt=[],rt=[],lt=[],ot=[],ht=[],ct=[],dt=[],ut=[],gt=[],mt=[],pt=[],ft=[],vt=[],bt=[],yt=[],xt=[],St=[],wt=[],kt=[],Vt=[];return class extends j{static{a=this}static{const c="function"==typeof Symbol&&Symbol.metadata?Object.create(j[Symbol.metadata]??null):void 0;n=[e.state()],r=[e.state()],l=[e.state()],o=[e.property({type:Array,attribute:"value"})],h=[e.property({type:Array,attribute:!1})],d=[e.property({type:Number,attribute:"max-tags"})],g=[e.property({type:Boolean,attribute:"allow-duplicates"})],m=[e.property()],p=[e.property({type:Boolean})],f=[e.property({type:Boolean})],v=[e.property()],b=[e.property()],y=[e.property({attribute:!1})],x=[e.property({type:Array,attribute:!1})],S=[e.property({type:Boolean,attribute:!1})],w=[e.property({type:Number,attribute:!1})],k=[e.query(".tag-input-field")],V=[e.query(".tag-remove")],A=[e.query(".tag-input-container")],E=[e.styles()],N=[e.ready()],D=[e.reconnect()],T=[e.dispose()],I=[e.watch("valueState",{immediate:!1})],L=[e.watch("defaultValue",{immediate:!1})],C=[e.watch("maxTags","allowDuplicates","disabled","readonly","formDisabled",{immediate:!1})],R=[e.render()],$=[e.dispatch("tag-add",{bubbles:!0,composed:!0})],M=[e.dispatch("tag-remove",{bubbles:!0,composed:!0})],B=[e.dispatch("tag-change",{bubbles:!0,composed:!0})],i(this,null,E,{kind:"method",name:"componentStyles",static:!1,private:!1,access:{has:t=>"componentStyles"in t,get:t=>t.componentStyles},metadata:c},null,z),i(this,null,N,{kind:"method",name:"init",static:!1,private:!1,access:{has:t=>"init"in t,get:t=>t.init},metadata:c},null,z),i(this,null,D,{kind:"method",name:"onReconnect",static:!1,private:!1,access:{has:t=>"onReconnect"in t,get:t=>t.onReconnect},metadata:c},null,z),i(this,null,T,{kind:"method",name:"cleanup",static:!1,private:!1,access:{has:t=>"cleanup"in t,get:t=>t.cleanup},metadata:c},null,z),i(this,null,I,{kind:"method",name:"handleValueChange",static:!1,private:!1,access:{has:t=>"handleValueChange"in t,get:t=>t.handleValueChange},metadata:c},null,z),i(this,null,L,{kind:"method",name:"handleDefaultValueChange",static:!1,private:!1,access:{has:t=>"handleDefaultValueChange"in t,get:t=>t.handleDefaultValueChange},metadata:c},null,z),i(this,null,C,{kind:"method",name:"handleValidationConfigurationChange",static:!1,private:!1,access:{has:t=>"handleValidationConfigurationChange"in t,get:t=>t.handleValidationConfigurationChange},metadata:c},null,z),i(this,null,R,{kind:"method",name:"renderTagInput",static:!1,private:!1,access:{has:t=>"renderTagInput"in t,get:t=>t.renderTagInput},metadata:c},null,z),i(this,null,$,{kind:"method",name:"emitAdd",static:!1,private:!1,access:{has:t=>"emitAdd"in t,get:t=>t.emitAdd},metadata:c},null,z),i(this,null,M,{kind:"method",name:"emitRemove",static:!1,private:!1,access:{has:t=>"emitRemove"in t,get:t=>t.emitRemove},metadata:c},null,z),i(this,null,B,{kind:"method",name:"emitChange",static:!1,private:!1,access:{has:t=>"emitChange"in t,get:t=>t.emitChange},metadata:c},null,z),i(null,null,n,{kind:"field",name:"valueState",static:!1,private:!1,access:{has:t=>"valueState"in t,get:t=>t.valueState,set:(t,e)=>{t.valueState=e}},metadata:c},P,q),i(null,null,r,{kind:"field",name:"formDisabled",static:!1,private:!1,access:{has:t=>"formDisabled"in t,get:t=>t.formDisabled,set:(t,e)=>{t.formDisabled=e}},metadata:c},H,U),i(null,null,l,{kind:"field",name:"constraintInvalid",static:!1,private:!1,access:{has:t=>"constraintInvalid"in t,get:t=>t.constraintInvalid,set:(t,e)=>{t.constraintInvalid=e}},metadata:c},_,J),i(null,null,o,{kind:"field",name:"defaultValue",static:!1,private:!1,access:{has:t=>"defaultValue"in t,get:t=>t.defaultValue,set:(t,e)=>{t.defaultValue=e}},metadata:c},K,W),i(null,null,h,{kind:"field",name:"suggestions",static:!1,private:!1,access:{has:t=>"suggestions"in t,get:t=>t.suggestions,set:(t,e)=>{t.suggestions=e}},metadata:c},X,G),i(null,null,d,{kind:"field",name:"maxTags",static:!1,private:!1,access:{has:t=>"maxTags"in t,get:t=>t.maxTags,set:(t,e)=>{t.maxTags=e}},metadata:c},Q,Y),i(null,null,g,{kind:"field",name:"allowDuplicates",static:!1,private:!1,access:{has:t=>"allowDuplicates"in t,get:t=>t.allowDuplicates,set:(t,e)=>{t.allowDuplicates=e}},metadata:c},Z,tt),i(null,null,m,{kind:"field",name:"placeholder",static:!1,private:!1,access:{has:t=>"placeholder"in t,get:t=>t.placeholder,set:(t,e)=>{t.placeholder=e}},metadata:c},et,it),i(null,null,p,{kind:"field",name:"disabled",static:!1,private:!1,access:{has:t=>"disabled"in t,get:t=>t.disabled,set:(t,e)=>{t.disabled=e}},metadata:c},st,at),i(null,null,f,{kind:"field",name:"readonly",static:!1,private:!1,access:{has:t=>"readonly"in t,get:t=>t.readonly,set:(t,e)=>{t.readonly=e}},metadata:c},nt,rt),i(null,null,v,{kind:"field",name:"label",static:!1,private:!1,access:{has:t=>"label"in t,get:t=>t.label,set:(t,e)=>{t.label=e}},metadata:c},lt,ot),i(null,null,b,{kind:"field",name:"name",static:!1,private:!1,access:{has:t=>"name"in t,get:t=>t.name,set:(t,e)=>{t.name=e}},metadata:c},ht,ct),i(null,null,y,{kind:"field",name:"inputValue",static:!1,private:!1,access:{has:t=>"inputValue"in t,get:t=>t.inputValue,set:(t,e)=>{t.inputValue=e}},metadata:c},dt,ut),i(null,null,x,{kind:"field",name:"filteredSuggestions",static:!1,private:!1,access:{has:t=>"filteredSuggestions"in t,get:t=>t.filteredSuggestions,set:(t,e)=>{t.filteredSuggestions=e}},metadata:c},gt,mt),i(null,null,S,{kind:"field",name:"showSuggestions",static:!1,private:!1,access:{has:t=>"showSuggestions"in t,get:t=>t.showSuggestions,set:(t,e)=>{t.showSuggestions=e}},metadata:c},pt,ft),i(null,null,w,{kind:"field",name:"highlightedIndex",static:!1,private:!1,access:{has:t=>"highlightedIndex"in t,get:t=>t.highlightedIndex,set:(t,e)=>{t.highlightedIndex=e}},metadata:c},vt,bt),i(null,null,k,{kind:"field",name:"inputElement",static:!1,private:!1,access:{has:t=>"inputElement"in t,get:t=>t.inputElement,set:(t,e)=>{t.inputElement=e}},metadata:c},yt,xt),i(null,null,V,{kind:"field",name:"firstRemoveButton",static:!1,private:!1,access:{has:t=>"firstRemoveButton"in t,get:t=>t.firstRemoveButton,set:(t,e)=>{t.firstRemoveButton=e}},metadata:c},St,wt),i(null,null,A,{kind:"field",name:"containerElement",static:!1,private:!1,access:{has:t=>"containerElement"in t,get:t=>t.containerElement,set:(t,e)=>{t.containerElement=e}},metadata:c},kt,Vt),i(null,t={value:a},F,{kind:"class",name:a.name,metadata:c},null,O),a=t.value,c&&Object.defineProperty(a,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:c}),s(a,O)}constructor(){super(),this.internals=s(this,z),this.dirtyValue=!1,this.customValidationMessage="",this.valueState=s(this,P,[]),this.formDisabled=(s(this,q),s(this,H,!1)),this.constraintInvalid=(s(this,U),s(this,_,!1)),this.defaultValue=(s(this,J),s(this,K,[])),this.suggestions=(s(this,W),s(this,X,[])),this.maxTags=(s(this,G),s(this,Q,0)),this.allowDuplicates=(s(this,Y),s(this,Z,!1)),this.placeholder=(s(this,tt),s(this,et,"Add a tag...")),this.disabled=(s(this,it),s(this,st,!1)),this.readonly=(s(this,at),s(this,nt,!1)),this.label=(s(this,rt),s(this,lt,"")),this.name=(s(this,ot),s(this,ht,"")),this.inputValue=(s(this,ct),s(this,dt,"")),this.filteredSuggestions=(s(this,ut),s(this,gt,[])),this.showSuggestions=(s(this,mt),s(this,pt,!1)),this.highlightedIndex=(s(this,ft),s(this,vt,-1)),this.inputElement=(s(this,bt),s(this,yt,void 0)),this.firstRemoveButton=(s(this,xt),s(this,St,void 0)),this.containerElement=(s(this,wt),s(this,kt,void 0)),this.handleDocumentClick=(s(this,Vt),t=>{t.composedPath().includes(this)||(this.showSuggestions=!1)}),"function"==typeof this.attachInternals&&(this.internals=this.attachInternals()),this.labelAssociation=new c(this,()=>this.internals,()=>this.interactionDisabled?void 0:this.validationAnchor,()=>this.label||"Tags")}get value(){return this.valueState}set value(t){this.setValue(t,!0)}formAssociatedCallback(){this.syncFormState()}formResetCallback(){this.dirtyValue=!1,this.applyDefaultValue(),this.clearDraft()}formDisabledCallback(t){this.formDisabled=t,this.syncValidity()}formStateRestoreCallback(t){if("string"==typeof t)try{const e=JSON.parse(t);Array.isArray(e)&&(this.setValue(e.map(String),!0),this.clearDraft())}catch{}}componentStyles(){return e.css`${":host([hidden]){display:none}:host{display:block;font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif)}.tag-input-wrapper{display:flex;flex-direction:column;gap:var(--snice-spacing-2xs,.25rem)}.tag-input-label{font-size:var(--snice-font-size-sm, .875rem);font-weight:var(--snice-font-weight-medium,500);color:var(--snice-color-text,rgb(23 23 23))}.tag-input-container{display:flex;flex-wrap:wrap;align-items:center;gap:var(--snice-spacing-2xs,.25rem);padding:var(--snice-spacing-xs,.5rem);border:1px solid var(--snice-color-border,rgb(226 226 226));border-radius:var(--snice-border-radius-md,.25rem);background:var(--snice-color-surface,rgb(255 255 255));cursor:text;transition:border-color var(--snice-transition-fast, 150ms) ease,box-shadow var(--snice-transition-fast, 150ms) ease;min-height:2.5rem;position:relative}.tag-input-container:focus-within{border-color:var(--snice-color-primary,rgb(37 99 235));box-shadow:0 0 0 var(--snice-focus-ring-width,2px) var(--snice-focus-ring-color,rgb(59 130 246 / .5))}.tag-input-container--disabled{opacity:.5;cursor:not-allowed;background:var(--snice-color-surface-container-high,rgb(252 251 249))}.tag-input-container--invalid{border-color:var(--snice-color-danger,rgb(220 38 38))}.tag{display:inline-flex;align-items:center;gap:var(--snice-spacing-2xs,.25rem);padding:var(--snice-spacing-3xs,.125rem) var(--snice-spacing-xs,.5rem);background:var(--snice-color-primary-subtle,hsl(214 100% 97%));color:var(--snice-color-primary-hover,hsl(217 77% 48%));border-radius:var(--snice-border-radius-md,.25rem);font-size:var(--snice-font-size-sm, .875rem);line-height:var(--snice-line-height-normal, 1.5);max-width:100%;animation:150ms tag-appear}@keyframes tag-appear{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.tag-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag-remove{display:inline-flex;align-items:center;justify-content:center;background:0 0;border:none;cursor:pointer;padding:0;color:var(--snice-color-primary-hover,hsl(217 77% 48%));border-radius:var(--snice-border-radius-md,.25rem);width:1rem;height:1rem;flex-shrink:0;transition:background-color var(--snice-transition-fast, 150ms) ease}.tag-remove:hover{background:var(--snice-color-primary,hsl(217 83% 53%));color:var(--snice-color-text-inverse,rgb(250 250 250))}.tag-input-field{flex:1;min-width:4rem;border:none;outline:0;background:0 0;font-family:inherit;font-size:var(--snice-font-size-sm, .875rem);color:var(--snice-color-text,rgb(23 23 23));padding:var(--snice-spacing-3xs,.125rem) 0}.tag-input-field::placeholder{color:var(--snice-color-text-tertiary,rgb(115 115 115))}.tag-input-field:disabled{cursor:not-allowed}.tag-suggestions{position:absolute;top:100%;left:-1px;right:-1px;margin-top:2px;background:var(--snice-color-surface,rgb(255 255 255));border:1px solid var(--snice-color-border,rgb(226 226 226));border-radius:var(--snice-border-radius-md,.25rem);box-shadow:var(--snice-shadow-lg,0 10px 15px -3px rgb(0 0 0 / .1),0 4px 6px -4px rgb(0 0 0 / .1));max-height:12.5rem;overflow-y:auto;z-index:100}.tag-suggestion-item{padding:var(--snice-spacing-xs,.5rem) var(--snice-spacing-sm,.75rem);font-size:var(--snice-font-size-sm, .875rem);color:var(--snice-color-text,rgb(23 23 23));cursor:pointer;transition:background-color var(--snice-transition-fast, 150ms) ease}.tag-suggestion-item--highlighted,.tag-suggestion-item:hover{background:var(--snice-color-surface-hover,rgb(241 241 241))}.tag-suggestion-item--highlighted{color:var(--snice-color-primary,rgb(37 99 235))}.tag-suggestions::-webkit-scrollbar{width:.5rem}.tag-suggestions::-webkit-scrollbar-track{background:var(--snice-color-surface-container-high,rgb(252 251 249));border-radius:9999px}.tag-suggestions::-webkit-scrollbar-thumb{background:var(--snice-color-border,rgb(226 226 226));border-radius:9999px}@media (prefers-reduced-motion:reduce){*{transition-duration:0s!important;animation-duration:0s!important}}"}`}init(){if(Object.prototype.hasOwnProperty.call(this,"value")){const t=this.value;delete this.value,Array.isArray(t)&&(this.value=t.map(String))}else this.dirtyValue||this.applyDefaultValue();this.syncFormState(),this.attachOutsideClickListener(),this.labelAssociation.connect()}onReconnect(){this.attachOutsideClickListener(),this.labelAssociation.connect()}cleanup(){document.removeEventListener("click",this.handleDocumentClick),this.labelAssociation.disconnect()}attachOutsideClickListener(){document.addEventListener("click",this.handleDocumentClick)}get interactionDisabled(){return this.disabled||this.formDisabled}applyDefaultValue(){this.setValue(this.defaultValue,!1)}setValue(t,e){Array.isArray(t)&&(e&&(this.dirtyValue=!0),this.valueState=t.map(String),this.syncFormState())}syncFormValue(){const t=JSON.stringify(this.value);!function(t,e,i){t&&"function"==typeof t.setFormValue&&(void 0===i?t.setFormValue(e):t.setFormValue(e,i))}(this.internals,t,t)}syncFormState(){this.syncFormValue(),this.syncValidity()}get validationAnchor(){return this.inputElement??this.firstRemoveButton}syncValidityAfterRender(){queueMicrotask(()=>{this.rendered.then(()=>{this.isConnected&&this.syncValidity()})})}syncValidity(){const t=this.interactionDisabled||this.readonly,e=!t&&this.maxTags>0&&this.value.length>this.maxTags,i=!t&&!this.allowDuplicates&&new Set(this.value).size!==this.value.length,s=t?{}:{customError:Boolean(this.customValidationMessage)||i,tooLong:e},a=u(s),n=this.customValidationMessage||(e?`Use no more than ${this.maxTags} tags.`:"")||(i?"Duplicate tags are not allowed.":"");this.constraintInvalid=a,this.validationProxy.setCustomValidity(a?n:""),this.inputElement?.setCustomValidity(a?n:""),this.inputElement?.setAttribute("aria-invalid",String(a)),this.containerElement?.setAttribute("aria-invalid",String(a)),this.containerElement?.classList.toggle("tag-input-container--invalid",a),function(t,e,i,s){t&&"function"==typeof t.setValidity&&(u(e)?s?t.setValidity(e,i,s):t.setValidity(e,i):t.setValidity({}))}(this.internals,s,n,this.validationAnchor)}get validationProxy(){return this.validationInput||(this.validationInput=document.createElement("input")),this.validationInput}clearDraft(){this.inputValue="",this.filteredSuggestions=[],this.showSuggestions=!1,this.highlightedIndex=-1,this.inputElement&&(this.inputElement.value="")}handleValueChange(){this.syncFormState(),this.syncValidityAfterRender()}handleDefaultValueChange(){this.dirtyValue||this.applyDefaultValue()}handleValidationConfigurationChange(){this.syncValidity(),this.syncValidityAfterRender()}renderTagInput(){const t=this.interactionDisabled,i=this.readonly,s=!t&&!i&&(this.maxTags<=0||this.value.length<this.maxTags),a=this.showSuggestions&&this.filteredSuggestions.length>0;return e.html`
       <div part="base" class="tag-input-wrapper">
         <if ${!!this.label}>
           <label part="label" class="tag-input-label">${this.label}</label>
@@ -60,5 +60,5 @@ void 0===globalThis.Snice&&console.warn("[snice] snice-runtime.min.js must be lo
           </if>
         </div>
       </div>
-    `}addTag(t){const e=t.trim();e&&(!this.allowDuplicates&&this.value.includes(e)||this.maxTags>0&&this.value.length>=this.maxTags||(this.value=[...this.value,e],this.emitAdd(e)))}removeTag(t){if(t<0||t>=this.value.length)return;const e=this.value[t];this.value=this.value.filter((e,i)=>i!==t),this.emitRemove(e,t)}clear(){this.value=[]}focus(){this.interactionDisabled||this.validationAnchor?.focus()}blur(){this.validationAnchor?.blur()}get type(){return"text"}get form(){return function(t,e){if(e?.form)return e.form;const i=t.getAttribute("form");if(null!==i){const e=t.getRootNode();return"querySelectorAll"in e?Array.from(e.querySelectorAll("form[id]")).find(t=>t instanceof HTMLFormElement&&t.id===i)??null:null}return t.closest("form")}(this,this.internals)}get validity(){return this.internals?.validity??this.validationProxy.validity}get validationMessage(){return this.internals?.validationMessage??this.validationProxy.validationMessage}get willValidate(){return!this.interactionDisabled&&!this.readonly&&(this.internals?.willValidate??this.inputElement?.willValidate??!0)}get labels(){return this.labelAssociation.labels}checkValidity(){return this.syncValidity(),this.internals?.checkValidity()??this.validationProxy.checkValidity()}reportValidity(){return this.syncValidity(),this.internals?.reportValidity()??this.validationProxy.reportValidity()}setCustomValidity(t){this.customValidationMessage=String(t),this.syncValidity()}handleInput(t){const e=t.target;if(this.inputValue=e.value,this.inputValue.includes(",")){const t=this.inputValue.split(",");for(const e of t)e.trim()&&this.addTag(e);return this.inputValue="",e.value="",void(this.showSuggestions=!1)}this.updateFilteredSuggestions()}handleKeyDown(t){switch(t.key){case"Enter":t.preventDefault(),this.highlightedIndex>=0&&this.highlightedIndex<this.filteredSuggestions.length?this.selectSuggestion(this.filteredSuggestions[this.highlightedIndex]):this.inputValue.trim()&&(this.addTag(this.inputValue),this.inputValue="",this.inputElement&&(this.inputElement.value=""),this.showSuggestions=!1);break;case"Backspace":!this.inputValue&&this.value.length>0&&this.removeTag(this.value.length-1);break;case"ArrowDown":t.preventDefault(),this.showSuggestions&&this.filteredSuggestions.length>0&&(this.highlightedIndex=Math.min(this.highlightedIndex+1,this.filteredSuggestions.length-1));break;case"ArrowUp":t.preventDefault(),this.showSuggestions&&(this.highlightedIndex=Math.max(this.highlightedIndex-1,-1));break;case"Escape":this.showSuggestions=!1,this.highlightedIndex=-1}}handleFocus(){this.updateFilteredSuggestions()}handleBlur(){setTimeout(()=>{this.showSuggestions=!1,this.highlightedIndex=-1},200)}selectSuggestion(t){this.addTag(t),this.inputValue="",this.inputElement&&(this.inputElement.value=""),this.showSuggestions=!1,this.highlightedIndex=-1,this.focus()}updateFilteredSuggestions(){if(0===this.suggestions.length)return void(this.showSuggestions=!1);const t=this.inputValue.toLowerCase();this.filteredSuggestions=this.suggestions.filter(e=>{const i=!t||e.toLowerCase().includes(t),s=this.allowDuplicates||!this.value.includes(e);return i&&s}),this.showSuggestions=this.filteredSuggestions.length>0,this.highlightedIndex=-1}emitAdd(t){return{tag:t,value:this.value}}emitRemove(t,e){return{tag:t,index:e,value:this.value}}emitChange(){return{value:this.value}}},a})();return t.SniceTagInput=g,t}({},Snice);
+    `}addTag(t){const e=t.trim();e&&(!this.allowDuplicates&&this.value.includes(e)||this.maxTags>0&&this.value.length>=this.maxTags||(this.value=[...this.value,e],this.emitAdd(e),this.emitChange()))}removeTag(t){if(t<0||t>=this.value.length)return;const e=this.value[t];this.value=this.value.filter((e,i)=>i!==t),this.emitRemove(e,t),this.emitChange()}clear(){this.value=[]}focus(){this.interactionDisabled||this.validationAnchor?.focus()}blur(){this.validationAnchor?.blur()}get type(){return"text"}get form(){return function(t,e){if(e?.form)return e.form;const i=t.getAttribute("form");if(null!==i){const e=t.getRootNode();return"querySelectorAll"in e?Array.from(e.querySelectorAll("form[id]")).find(t=>t instanceof HTMLFormElement&&t.id===i)??null:null}return t.closest("form")}(this,this.internals)}get validity(){return this.internals?.validity??this.validationProxy.validity}get validationMessage(){return this.internals?.validationMessage??this.validationProxy.validationMessage}get willValidate(){return!this.interactionDisabled&&!this.readonly&&(this.internals?.willValidate??this.inputElement?.willValidate??!0)}get labels(){return this.labelAssociation.labels}checkValidity(){return this.syncValidity(),this.internals?.checkValidity()??this.validationProxy.checkValidity()}reportValidity(){return this.syncValidity(),this.internals?.reportValidity()??this.validationProxy.reportValidity()}setCustomValidity(t){this.customValidationMessage=String(t),this.syncValidity()}handleInput(t){const e=t.target;if(this.inputValue=e.value,this.inputValue.includes(",")){const t=this.inputValue.split(",");for(const e of t)e.trim()&&this.addTag(e);return this.inputValue="",e.value="",void(this.showSuggestions=!1)}this.updateFilteredSuggestions()}handleKeyDown(t){switch(t.key){case"Enter":t.preventDefault(),this.highlightedIndex>=0&&this.highlightedIndex<this.filteredSuggestions.length?this.selectSuggestion(this.filteredSuggestions[this.highlightedIndex]):this.inputValue.trim()&&(this.addTag(this.inputValue),this.inputValue="",this.inputElement&&(this.inputElement.value=""),this.showSuggestions=!1);break;case"Backspace":!this.inputValue&&this.value.length>0&&this.removeTag(this.value.length-1);break;case"ArrowDown":t.preventDefault(),this.showSuggestions&&this.filteredSuggestions.length>0&&(this.highlightedIndex=Math.min(this.highlightedIndex+1,this.filteredSuggestions.length-1));break;case"ArrowUp":t.preventDefault(),this.showSuggestions&&(this.highlightedIndex=Math.max(this.highlightedIndex-1,-1));break;case"Escape":this.showSuggestions=!1,this.highlightedIndex=-1}}handleFocus(){this.updateFilteredSuggestions()}handleBlur(){setTimeout(()=>{this.showSuggestions=!1,this.highlightedIndex=-1},200)}selectSuggestion(t){this.addTag(t),this.inputValue="",this.inputElement&&(this.inputElement.value=""),this.showSuggestions=!1,this.highlightedIndex=-1,this.focus()}updateFilteredSuggestions(){if(0===this.suggestions.length)return void(this.showSuggestions=!1);const t=this.inputValue.toLowerCase();this.filteredSuggestions=this.suggestions.filter(e=>{const i=!t||e.toLowerCase().includes(t),s=this.allowDuplicates||!this.value.includes(e);return i&&s}),this.showSuggestions=this.filteredSuggestions.length>0,this.highlightedIndex=-1}emitAdd(t){return{tag:t,value:this.value}}emitRemove(t,e){return{tag:t,index:e,value:this.value}}emitChange(){return{value:this.value}}},a})();return t.SniceTagInput=g,t}({},Snice);
 //# sourceMappingURL=snice-tag-input.min.js.map