\n ${this.helperText}\n
\n `;if(this.helperTextInvalid.length>0)return c`\n\n ${this.helperTextInvalid}\n
\n `}render(){return c`\nYou are close to the max!
\n `:null}\n \n `}};xe.styles=[un];tt([d({type:String})],xe.prototype,\"title\",2);tt([d({type:Number,attribute:\"max-value\"})],xe.prototype,\"maxValue\",2);tt([d({type:Number,reflect:!0})],xe.prototype,\"value\",2);tt([d({type:String})],xe.prototype,\"variant\",2);xe=tt([w(\"blox-sample\")],xe);var wt=typeof globalThis!=\"undefined\"?globalThis:typeof window!=\"undefined\"?window:typeof global!=\"undefined\"?global:typeof self!=\"undefined\"?self:{},Ai=\"Expected a function\",fn=0/0,Pi=\"[object Symbol]\",Li=/^\\s+|\\s+$/g,Ri=/^[-+]0x[0-9a-f]+$/i,Di=/^0b[01]+$/i,Mi=/^0o[0-7]+$/i,Bi=parseInt,Hi=typeof wt==\"object\"&&wt&&wt.Object===Object&&wt,Vi=typeof self==\"object\"&&self&&self.Object===Object&&self,Ni=Hi||Vi||Function(\"return this\")(),Ii=Object.prototype,Fi=Ii.toString,Ui=Math.max,qi=Math.min,Qt=function(){return Ni.Date.now()};function Wi(t,e,o){var n,i,r,l,a,s,b=0,p=!1,u=!1,h=!0;if(typeof t!=\"function\")throw new TypeError(Ai);e=xn(e)||0,Xt(o)&&(p=!!o.leading,u=\"maxWait\"in o,r=u?Ui(xn(o.maxWait)||0,e):r,h=\"trailing\"in o?!!o.trailing:h);function f(v){var E=n,C=i;return n=i=void 0,b=v,l=t.apply(C,E),l}function y(v){return b=v,a=setTimeout($,e),p?f(v):l}function z(v){var E=v-s,C=v-b,M=e-E;return u?qi(M,r-C):M}function k(v){var E=v-s,C=v-b;return s===void 0||E>=e||E<0||u&&C>=r}function $(){var v=Qt();if(k(v))return O(v);a=setTimeout($,z(v))}function O(v){return a=void 0,h&&n?f(v):(n=i=void 0,l)}function L(){a!==void 0&&clearTimeout(a),b=0,n=s=i=a=void 0}function x(){return a===void 0?l:O(Qt())}function _(){var v=Qt(),E=k(v);if(n=arguments,i=this,s=v,E){if(a===void 0)return y(s);if(u)return a=setTimeout($,e),f(s)}return a===void 0&&(a=setTimeout($,e)),l}return _.cancel=L,_.flush=x,_}function Xt(t){var e=typeof t;return!!t&&(e==\"object\"||e==\"function\")}function Ki(t){return!!t&&typeof t==\"object\"}function Qi(t){return typeof t==\"symbol\"||Ki(t)&&Fi.call(t)==Pi}function xn(t){if(typeof t==\"number\")return t;if(Qi(t))return fn;if(Xt(t)){var e=typeof t.valueOf==\"function\"?t.valueOf():t;t=Xt(e)?e+\"\":e}if(typeof t!=\"string\")return t===0?t:+t;t=t.replace(Li,\"\");var o=Di.test(t);return o||Mi.test(t)?Bi(t.slice(2),o?2:8):Ri.test(t)?fn:+t}var Xi=Wi,vn=Xi;var mn=g`\n/*\nPrioritize using the CSS variables whenever possible. However, CSS variables\nare not compatible as Sass \\`@function\\` params, meaning we must keep this map\nshould we ever need to pass a variable into a Sass function.\n\nFortunately, CSS vars are compatible with Sass \\`@mixins\\`!\n*/\n:host {\n --font-family: var(--blox-font-family, sofia-pro, sans-serif);\n --font-size: 14px;\n --font-weight: 400;\n display: inline;\n font-family: var(--blox-font-family);\n font-size: var(--font-size);\n}\n\n:host([width=long]) {\n max-width: 600px;\n}\n\n:host([width=short]) {\n max-width: 350px;\n}\n\n.content-container {\n transition: all var(--blox-transition-duration) var(--blox-transition-timing-function) var(--blox-transition-delay);\n align-items: stretch;\n background-color: var(--blox-background-input);\n border: var(--blox-border-input);\n border-radius: 100px;\n box-sizing: border-box;\n display: inline-flex;\n font-size: var(--font-size);\n padding: 0;\n}\n.content-container:hover:not(.disabled), .content-container.filled:not(.disabled) {\n border: var(--blox-border-input--hover);\n}\n.content-container:focus-within:not(.disabled) {\n border: var(--blox-border-input--focus);\n}\n.content-container.form {\n background-color: var(--blox-background-input);\n border-radius: var(--blox-border-radius);\n}\n.content-container.form input:not(:disabled) {\n background-color: var(--blox-background-input);\n}\n.content-container.disabled {\n background-color: var(--blox-background-input--disabled);\n cursor: not-allowed;\n opacity: 0.5;\n}\n.content-container.disabled i {\n color: var(--blox-slate1b);\n}\n.content-container.full {\n width: 100%;\n}\n.content-container.long {\n max-width: 600px;\n width: 100%;\n}\n.content-container.short {\n max-width: 350px;\n width: 100%;\n}\n\n.svg-container {\n transition: \"fill\" var(--blox-transition-duration) var(--blox-transition-timing-function) var(--blox-transition-delay);\n align-self: center;\n fill: var(--blox-slate2);\n}\n.svg-container svg {\n padding: 11px 15px;\n}\n\n.clear-icon:hover {\n fill: var(--blox-slate2--hover);\n}\n\ninput {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n background-color: var(--blox-background-input);\n border: none;\n box-sizing: border-box;\n color: var(--blox-slate5);\n font-family: var(--font-family);\n font-size: var(--font-size);\n margin: 0;\n padding: 0;\n width: 100%;\n}\ninput:disabled {\n background-color: var(--blox-background-input--disabled);\n color: var(--blox-slate1b);\n cursor: not-allowed;\n}\ninput:focus-visible {\n outline: none;\n}\ninput::-moz-placeholder {\n color: var(--blox-slate3);\n}\ninput:-ms-input-placeholder {\n color: var(--blox-slate3);\n}\ninput::placeholder {\n color: var(--blox-slate3);\n}\n\nbutton {\n background-color: transparent;\n border: none;\n cursor: pointer;\n font-family: sofia-pro, sans-serif;\n margin: 0;\n padding: 0;\n}\nbutton:disabled, button.hide {\n visibility: hidden;\n}\n\n::-webkit-search-cancel-button {\n display: none;\n}`;var Yi=Object.defineProperty,Gi=Object.getOwnPropertyDescriptor,oe=(t,e,o,n)=>{for(var i=n>1?void 0:n?Gi(e,o):e,r=t.length-1,l;r>=0;r--)(l=t[r])&&(i=(n?l(e,o,i):l(i))||i);return n&&i&&Yi(e,o,i),i},I=class extends m{constructor(){super(...arguments);this.ariaLabel=\"Search content\",this.disabled=!1,this.keystrokeDebounce=0,this.name=\"search\",this.placeholder=\"Search\",this.width=\"\",this.value=\"\",this.variant=\"default\",this._startingValue=this.value,this.inputRef=A(),this.searchDebounced=this.getDebounce(),this.externalInput=document.createElement(\"input\")}connectedCallback(){var t;super.connectedCallback(),this.searchDebounced=this.getDebounce(),this.externalInput.classList.add(\"blox\",\"hidden-form-control\"),this.externalInput.disabled=this.disabled,this.name&&(this.externalInput.name=this.name),this.externalInput.tabIndex=-1,this.externalInput.type=\"search\",this.externalInput.value=this.value,(t=this.parentElement)==null||t.append(this.externalInput)}willUpdate(t){t.has(\"value\")&&(this.externalInput.value=this.value)}emitClearEvent(){let t=new CustomEvent(\"clear\",{bubbles:!0});this.dispatchEvent(t)}emitCustomEvent(t,e){let o=new CustomEvent(t,{detail:e,bubbles:!0});this.dispatchEvent(o)}emitSearchEvent(t){let e=new CustomEvent(`search-${t}`,{detail:this.value,bubbles:!0});this.dispatchEvent(e)}handleInput(t){t.stopPropagation();let e=t.target;this.value=e.value,this.externalInput.value=this.value,this.externalInput.dispatchEvent(new Event(\"input\",{bubbles:!0})),this.emitCustomEvent(\"blox-input\",t.data),this.keystrokeDebounce!==0?this.searchDebounced():this.emitSearchEvent(\"keystroke\")}handleInputBlur(){this._startingValue!==this.value&&(this.externalInput.dispatchEvent(new Event(\"change\",{bubbles:!0})),this.emitCustomEvent(\"blox-change\",this.value))}handleInputFocus(){this._startingValue=this.value}handleKeyUp(t){t.key===\"Enter\"&&this.emitSearchEvent(\"enter\")}getDebounce(){return vn(()=>{this.emitSearchEvent(\"keystroke\")},this.keystrokeDebounce)}clear(){this.value=\"\",this.focus(),this.externalInput.value=this.value,this.emitClearEvent()}focus(t){if(this.disabled)return;let e=this.inputRef.value;(e==null?void 0:e.nodeType)!==1?console.error(\"A\".concat(this.options.dictFallbackText, \"
\");\n }\n\n fieldsString += \"