@oiz/stzh-components 2.2.0 → 2.3.0-alpha

package/dist/esm/stzh-dropdown.entry.js

@@ -1,12 +1,12 @@
-import { r as registerInstance, c as createEvent, h, a as Host, g as getElement } from './index-011c84fe.js';
+import { r as registerInstance, e as createEvent, h, c as Host, g as getElement } from './index-319b7c49.js';
 import { h as hasSlot } from './utils-92a77db5.js';
 import { f as fetchTranslations } from './translation-utils-2623783f.js';
-import { S as StzhInputDescription } from './stzh-input-description-bdd1e340.js';
+import { S as StzhInputDescription } from './stzh-input-description-cc38e214.js';
 import { c as createCommonjsModule, b as commonjsGlobal } from './_commonjsHelpers-f9dc4873.js';
 
 var tomSelect_base = createCommonjsModule(function (module, exports) {
 /**
-* Tom Select v2.1.0
+* Tom Select v2.2.2
 * Licensed under the Apache License, Version 2.0 (the "License");
 */
 
@@ -41,9 +41,9 @@ var tomSelect_base = createCommonjsModule(function (module, exports) {
 
 	  on(events, fct) {
 	    forEvents(events, event => {
-	      this._events[event] = this._events[event] || [];
-
-	      this._events[event].push(fct);
+	      const event_array = this._events[event] || [];
+	      event_array.push(fct);
+	      this._events[event] = event_array;
 	    });
 	  }
 
@@ -56,21 +56,26 @@ var tomSelect_base = createCommonjsModule(function (module, exports) {
 	    }
 
 	    forEvents(events, event => {
-	      if (n === 1) return delete this._events[event];
-	      if (event in this._events === false) return;
+	      if (n === 1) {
+	        delete this._events[event];
+	        return;
+	      }
 
-	      this._events[event].splice(this._events[event].indexOf(fct), 1);
+	      const event_array = this._events[event];
+	      if (event_array === undefined) return;
+	      event_array.splice(event_array.indexOf(fct), 1);
+	      this._events[event] = event_array;
 	    });
 	  }
 
 	  trigger(events, ...args) {
 	    var self = this;
 	    forEvents(events, event => {
-	      if (event in self._events === false) return;
-
-	      for (let fct of self._events[event]) {
+	      const event_array = self._events[event];
+	      if (event_array === undefined) return;
+	      event_array.forEach(fct => {
 	        fct.apply(self, args);
-	      }
+	      });
 	    });
 	  }
 
@@ -197,69 +202,124 @@ var tomSelect_base = createCommonjsModule(function (module, exports) {
 	  };
 	}
 
-	// @ts-ignore TS2691 "An import path cannot end with a '.ts' extension"
-	// https://github.com/andrewrk/node-diacritics/blob/master/index.js
-	var latin_pat;
-	const accent_pat = '[\u0300-\u036F\u{b7}\u{2be}]'; // \u{2bc}
-
-	const accent_reg = new RegExp(accent_pat, 'gu');
-	var diacritic_patterns;
-	const latin_convert = {
-	  'æ': 'ae',
-	  'ⱥ': 'a',
-	  'ø': 'o'
+	/*! @orchidjs/unicode-variants | https://github.com/orchidjs/unicode-variants | Apache License (v2) */
+	/**
+	 * Convert array of strings to a regular expression
+	 *	ex ['ab','a'] => (?:ab|a)
+	 * 	ex ['a','b'] => [ab]
+	 * @param {string[]} chars
+	 * @return {string}
+	 */
+	const arrayToPattern = chars => {
+	  chars = chars.filter(Boolean);
+
+	  if (chars.length < 2) {
+	    return chars[0] || '';
+	  }
+
+	  return maxValueLength(chars) == 1 ? '[' + chars.join('') + ']' : '(?:' + chars.join('|') + ')';
 	};
-	const convert_pat = new RegExp(Object.keys(latin_convert).join('|'), 'gu');
-	const code_points = [[0, 65535]];
 	/**
-	 * Remove accents
-	 * via https://github.com/krisk/Fuse/issues/133#issuecomment-318692703
-	 *
+	 * @param {string[]} array
+	 * @return {string}
 	 */
 
-	const asciifold = str => {
-	  return str.normalize('NFKD').replace(accent_reg, '').toLowerCase().replace(convert_pat, function (foreignletter) {
-	    return latin_convert[foreignletter];
+	const sequencePattern = array => {
+	  if (!hasDuplicates(array)) {
+	    return array.join('');
+	  }
+
+	  let pattern = '';
+	  let prev_char_count = 0;
+
+	  const prev_pattern = () => {
+	    if (prev_char_count > 1) {
+	      pattern += '{' + prev_char_count + '}';
+	    }
+	  };
+
+	  array.forEach((char, i) => {
+	    if (char === array[i - 1]) {
+	      prev_char_count++;
+	      return;
+	    }
+
+	    prev_pattern();
+	    pattern += char;
+	    prev_char_count = 1;
 	  });
+	  prev_pattern();
+	  return pattern;
 	};
 	/**
 	 * Convert array of strings to a regular expression
 	 *	ex ['ab','a'] => (?:ab|a)
 	 * 	ex ['a','b'] => [ab]
-	 *
+	 * @param {Set<string>} chars
+	 * @return {string}
 	 */
 
-	const arrayToPattern = (chars, glue = '|') => {
-	  if (chars.length == 1) {
-	    return chars[0];
-	  }
+	const setToPattern = chars => {
+	  let array = toArray(chars);
+	  return arrayToPattern(array);
+	};
+	/**
+	 *
+	 * https://stackoverflow.com/questions/7376598/in-javascript-how-do-i-check-if-an-array-has-duplicate-values
+	 * @param {any[]} array
+	 */
 
-	  var longest = 1;
-	  chars.forEach(a => {
-	    longest = Math.max(longest, a.length);
-	  });
+	const hasDuplicates = array => {
+	  return new Set(array).size !== array.length;
+	};
+	/**
+	 * https://stackoverflow.com/questions/63006601/why-does-u-throw-an-invalid-escape-error
+	 * @param {string} str
+	 * @return {string}
+	 */
 
-	  if (longest == 1) {
-	    return '[' + chars.join('') + ']';
-	  }
+	const escape_regex = str => {
+	  return (str + '').replace(/([\$\(\)\*\+\.\?\[\]\^\{\|\}\\])/gu, '\\$1');
+	};
+	/**
+	 * Return the max length of array values
+	 * @param {string[]} array
+	 *
+	 */
 
-	  return '(?:' + chars.join(glue) + ')';
+	const maxValueLength = array => {
+	  return array.reduce((longest, value) => Math.max(longest, unicodeLength(value)), 0);
 	};
-	const escapeToPattern = chars => {
-	  const escaped = chars.map(diacritic => escape_regex(diacritic));
-	  return arrayToPattern(escaped);
+	/**
+	 * @param {string} str
+	 */
+
+	const unicodeLength = str => {
+	  return toArray(str).length;
 	};
+	/**
+	 * @param {any} p
+	 * @return {any[]}
+	 */
+
+	const toArray = p => Array.from(p);
+
+	/*! @orchidjs/unicode-variants | https://github.com/orchidjs/unicode-variants | Apache License (v2) */
 	/**
 	 * Get all possible combinations of substrings that add up to the given string
 	 * https://stackoverflow.com/questions/30169587/find-all-the-combination-of-substrings-that-add-up-to-the-given-string
-	 *
+	 * @param {string} input
+	 * @return {string[][]}
 	 */
-
 	const allSubstrings = input => {
 	  if (input.length === 1) return [[input]];
-	  var result = [];
-	  allSubstrings(input.substring(1)).forEach(function (subresult) {
-	    var tmp = subresult.slice(0);
+	  /** @type {string[][]} */
+
+	  let result = [];
+	  const start = input.substring(1);
+	  const suba = allSubstrings(start);
+	  suba.forEach(function (subresult) {
+	    let tmp = subresult.slice(0);
 	    tmp[0] = input.charAt(0) + tmp[0];
 	    result.push(tmp);
 	    tmp = subresult.slice(0);
@@ -268,108 +328,539 @@ var tomSelect_base = createCommonjsModule(function (module, exports) {
 	  });
 	  return result;
 	};
+
+	/*! @orchidjs/unicode-variants | https://github.com/orchidjs/unicode-variants | Apache License (v2) */
+
+	/**
+	 * @typedef {{[key:string]:string}} TUnicodeMap
+	 * @typedef {{[key:string]:Set<string>}} TUnicodeSets
+	 * @typedef {[[number,number]]} TCodePoints
+	 * @typedef {{folded:string,composed:string,code_point:number}} TCodePointObj
+	 * @typedef {{start:number,end:number,length:number,substr:string}} TSequencePart
+	 */
+	/** @type {TCodePoints} */
+
+	const code_points = [[0, 65535]];
+	const accent_pat = '[\u0300-\u036F\u{b7}\u{2be}\u{2bc}]';
+	/** @type {TUnicodeMap} */
+
+	let unicode_map;
+	/** @type {RegExp} */
+
+	let multi_char_reg;
+	const max_char_length = 3;
+	/** @type {TUnicodeMap} */
+
+	const latin_convert = {};
+	/** @type {TUnicodeMap} */
+
+	const latin_condensed = {
+	  '/': '⁄∕',
+	  '0': '߀',
+	  "a": "ⱥɐɑ",
+	  "aa": "ꜳ",
+	  "ae": "æǽǣ",
+	  "ao": "ꜵ",
+	  "au": "ꜷ",
+	  "av": "ꜹꜻ",
+	  "ay": "ꜽ",
+	  "b": "ƀɓƃ",
+	  "c": "ꜿƈȼↄ",
+	  "d": "đɗɖᴅƌꮷԁɦ",
+	  "e": "ɛǝᴇɇ",
+	  "f": "ꝼƒ",
+	  "g": "ǥɠꞡᵹꝿɢ",
+	  "h": "ħⱨⱶɥ",
+	  "i": "ɨı",
+	  "j": "ɉȷ",
+	  "k": "ƙⱪꝁꝃꝅꞣ",
+	  "l": "łƚɫⱡꝉꝇꞁɭ",
+	  "m": "ɱɯϻ",
+	  "n": "ꞥƞɲꞑᴎлԉ",
+	  "o": "øǿɔɵꝋꝍᴑ",
+	  "oe": "œ",
+	  "oi": "ƣ",
+	  "oo": "ꝏ",
+	  "ou": "ȣ",
+	  "p": "ƥᵽꝑꝓꝕρ",
+	  "q": "ꝗꝙɋ",
+	  "r": "ɍɽꝛꞧꞃ",
+	  "s": "ßȿꞩꞅʂ",
+	  "t": "ŧƭʈⱦꞇ",
+	  "th": "þ",
+	  "tz": "ꜩ",
+	  "u": "ʉ",
+	  "v": "ʋꝟʌ",
+	  "vy": "ꝡ",
+	  "w": "ⱳ",
+	  "y": "ƴɏỿ",
+	  "z": "ƶȥɀⱬꝣ",
+	  "hv": "ƕ"
+	};
+
+	for (let latin in latin_condensed) {
+	  let unicode = latin_condensed[latin] || '';
+
+	  for (let i = 0; i < unicode.length; i++) {
+	    let char = unicode.substring(i, i + 1);
+	    latin_convert[char] = latin;
+	  }
+	}
+
+	const convert_pat = new RegExp(Object.keys(latin_convert).join('|') + '|' + accent_pat, 'gu');
 	/**
-	 * Generate a list of diacritics from the list of code points
+	 * Initialize the unicode_map from the give code point ranges
 	 *
+	 * @param {TCodePoints=} _code_points
+	 */
+
+	const initialize = _code_points => {
+	  if (unicode_map !== undefined) return;
+	  unicode_map = generateMap(_code_points || code_points);
+	};
+	/**
+	 * Helper method for normalize a string
+	 * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/normalize
+	 * @param {string} str
+	 * @param {string} form
+	 */
+
+	const normalize = (str, form = 'NFKD') => str.normalize(form);
+	/**
+	 * Remove accents without reordering string
+	 * calling str.normalize('NFKD') on \u{594}\u{595}\u{596} becomes \u{596}\u{594}\u{595}
+	 * via https://github.com/krisk/Fuse/issues/133#issuecomment-318692703
+	 * @param {string} str
+	 * @return {string}
+	 */
+
+	const asciifold = str => {
+	  return toArray(str).reduce(
+	  /**
+	   * @param {string} result
+	   * @param {string} char
+	   */
+	  (result, char) => {
+	    return result + _asciifold(char);
+	  }, '');
+	};
+	/**
+	 * @param {string} str
+	 * @return {string}
+	 */
+
+	const _asciifold = str => {
+	  str = normalize(str).toLowerCase().replace(convert_pat, (
+	  /** @type {string} */
+	  char) => {
+	    return latin_convert[char] || '';
+	  }); //return str;
+
+	  return normalize(str, 'NFC');
+	};
+	/**
+	 * Generate a list of unicode variants from the list of code points
+	 * @param {TCodePoints} code_points
+	 * @yield {TCodePointObj}
 	 */
 
-	const generateDiacritics = code_points => {
-	  var diacritics = {};
-	  code_points.forEach(code_range => {
-	    for (let i = code_range[0]; i <= code_range[1]; i++) {
-	      let diacritic = String.fromCharCode(i);
-	      let latin = asciifold(diacritic);
+	function* generator(code_points) {
+	  for (const [code_point_min, code_point_max] of code_points) {
+	    for (let i = code_point_min; i <= code_point_max; i++) {
+	      let composed = String.fromCharCode(i);
+	      let folded = asciifold(composed);
 
-	      if (latin == diacritic.toLowerCase()) {
+	      if (folded == composed.toLowerCase()) {
 	        continue;
-	      } // skip when latin is a string longer than 3 characters long
+	      } // skip when folded is a string longer than 3 characters long
 	      // bc the resulting regex patterns will be long
 	      // eg:
-	      // latin صلى الله عليه وسلم length 18 code point 65018
-	      // latin جل جلاله length 8 code point 65019
+	      // folded صلى الله عليه وسلم length 18 code point 65018
+	      // folded جل جلاله length 8 code point 65019
 
 
-	      if (latin.length > 3) {
+	      if (folded.length > max_char_length) {
 	        continue;
 	      }
 
-	      if (!(latin in diacritics)) {
-	        diacritics[latin] = [latin];
+	      if (folded.length == 0) {
+	        continue;
 	      }
 
-	      var patt = new RegExp(escapeToPattern(diacritics[latin]), 'iu');
+	      yield {
+	        folded: folded,
+	        composed: composed,
+	        code_point: i
+	      };
+	    }
+	  }
+	}
+	/**
+	 * Generate a unicode map from the list of code points
+	 * @param {TCodePoints} code_points
+	 * @return {TUnicodeSets}
+	 */
+
+	const generateSets = code_points => {
+	  /** @type {{[key:string]:Set<string>}} */
+	  const unicode_sets = {};
+	  /**
+	   * @param {string} folded
+	   * @param {string} to_add
+	   */
 
-	      if (diacritic.match(patt)) {
-	        continue;
-	      }
+	  const addMatching = (folded, to_add) => {
+	    /** @type {Set<string>} */
+	    const folded_set = unicode_sets[folded] || new Set();
+	    const patt = new RegExp('^' + setToPattern(folded_set) + '$', 'iu');
 
-	      diacritics[latin].push(diacritic);
+	    if (to_add.match(patt)) {
+	      return;
 	    }
-	  }); // filter out if there's only one character in the list
 
-	  let latin_chars = Object.keys(diacritics);
+	    folded_set.add(escape_regex(to_add));
+	    unicode_sets[folded] = folded_set;
+	  };
+
+	  for (let value of generator(code_points)) {
+	    addMatching(value.folded, value.folded);
+	    addMatching(value.folded, value.composed);
+	  }
+
+	  return unicode_sets;
+	};
+	/**
+	 * Generate a unicode map from the list of code points
+	 * ae => (?:(?:ae|Æ|Ǽ|Ǣ)|(?:A|Ⓐ|Ａ...)(?:E|ɛ|Ⓔ...))
+	 *
+	 * @param {TCodePoints} code_points
+	 * @return {TUnicodeMap}
+	 */
+
+	const generateMap = code_points => {
+	  /** @type {TUnicodeSets} */
+	  const unicode_sets = generateSets(code_points);
+	  /** @type {TUnicodeMap} */
+
+	  const unicode_map = {};
+	  /** @type {string[]} */
 
-	  for (let i = 0; i < latin_chars.length; i++) {
-	    const latin = latin_chars[i];
+	  let multi_char = [];
 
-	    if (diacritics[latin].length < 2) {
-	      delete diacritics[latin];
+	  for (let folded in unicode_sets) {
+	    let set = unicode_sets[folded];
+
+	    if (set) {
+	      unicode_map[folded] = setToPattern(set);
 	    }
-	  } // latin character pattern
-	  // match longer substrings first
 
+	    if (folded.length > 1) {
+	      multi_char.push(escape_regex(folded));
+	    }
+	  }
 
-	  latin_chars = Object.keys(diacritics).sort((a, b) => b.length - a.length);
-	  latin_pat = new RegExp('(' + escapeToPattern(latin_chars) + accent_pat + '*)', 'gu'); // build diacritic patterns
-	  // ae needs:
-	  //	(?:(?:ae|Æ|Ǽ|Ǣ)|(?:A|Ⓐ|Ａ...)(?:E|ɛ|Ⓔ...))
+	  multi_char.sort((a, b) => b.length - a.length);
+	  const multi_char_patt = arrayToPattern(multi_char);
+	  multi_char_reg = new RegExp('^' + multi_char_patt, 'u');
+	  return unicode_map;
+	};
+	/**
+	 * Map each element of an array from it's folded value to all possible unicode matches
+	 * @param {string[]} strings
+	 * @param {number} min_replacement
+	 * @return {string}
+	 */
 
-	  var diacritic_patterns = {};
-	  latin_chars.sort((a, b) => a.length - b.length).forEach(latin => {
-	    var substrings = allSubstrings(latin);
-	    var pattern = substrings.map(sub_pat => {
-	      sub_pat = sub_pat.map(l => {
-	        if (diacritics.hasOwnProperty(l)) {
-	          return escapeToPattern(diacritics[l]);
-	        }
+	const mapSequence = (strings, min_replacement = 1) => {
+	  let chars_replaced = 0;
+	  strings = strings.map(str => {
+	    if (unicode_map[str]) {
+	      chars_replaced += str.length;
+	    }
 
-	        return l;
-	      });
-	      return arrayToPattern(sub_pat, '');
-	    });
-	    diacritic_patterns[latin] = arrayToPattern(pattern);
+	    return unicode_map[str] || str;
 	  });
-	  return diacritic_patterns;
+
+	  if (chars_replaced >= min_replacement) {
+	    return sequencePattern(strings);
+	  }
+
+	  return '';
 	};
 	/**
-	 * Expand a regular expression pattern to include diacritics
-	 * 	eg /a/ becomes /aⓐａẚàáâầấẫẩãāăằắẵẳȧǡäǟảåǻǎȁȃạậặḁąⱥɐɑAⒶＡÀÁÂẦẤẪẨÃĀĂẰẮẴẲȦǠÄǞẢÅǺǍȀȂẠẬẶḀĄȺⱯ/
+	 * Convert a short string and split it into all possible patterns
+	 * Keep a pattern only if min_replacement is met
+	 *
+	 * 'abc'
+	 * 		=> [['abc'],['ab','c'],['a','bc'],['a','b','c']]
+	 *		=> ['abc-pattern','ab-c-pattern'...]
+	 *
+	 *
+	 * @param {string} str
+	 * @param {number} min_replacement
+	 * @return {string}
+	 */
+
+	const substringsToPattern = (str, min_replacement = 1) => {
+	  min_replacement = Math.max(min_replacement, str.length - 1);
+	  return arrayToPattern(allSubstrings(str).map(sub_pat => {
+	    return mapSequence(sub_pat, min_replacement);
+	  }));
+	};
+	/**
+	 * Convert an array of sequences into a pattern
+	 * [{start:0,end:3,length:3,substr:'iii'}...] => (?:iii...)
 	 *
+	 * @param {Sequence[]} sequences
+	 * @param {boolean} all
+	 */
+
+	const sequencesToPattern = (sequences, all = true) => {
+	  let min_replacement = sequences.length > 1 ? 1 : 0;
+	  return arrayToPattern(sequences.map(sequence => {
+	    let seq = [];
+	    const len = all ? sequence.length() : sequence.length() - 1;
+
+	    for (let j = 0; j < len; j++) {
+	      seq.push(substringsToPattern(sequence.substrs[j] || '', min_replacement));
+	    }
+
+	    return sequencePattern(seq);
+	  }));
+	};
+	/**
+	 * Return true if the sequence is already in the sequences
+	 * @param {Sequence} needle_seq
+	 * @param {Sequence[]} sequences
 	 */
 
-	const diacriticRegexPoints = regex => {
-	  if (diacritic_patterns === undefined) {
-	    diacritic_patterns = generateDiacritics(code_points);
+
+	const inSequences = (needle_seq, sequences) => {
+	  for (const seq of sequences) {
+	    if (seq.start != needle_seq.start || seq.end != needle_seq.end) {
+	      continue;
+	    }
+
+	    if (seq.substrs.join('') !== needle_seq.substrs.join('')) {
+	      continue;
+	    }
+
+	    let needle_parts = needle_seq.parts;
+	    /**
+	     * @param {TSequencePart} part
+	     */
+
+	    const filter = part => {
+	      for (const needle_part of needle_parts) {
+	        if (needle_part.start === part.start && needle_part.substr === part.substr) {
+	          return false;
+	        }
+
+	        if (part.length == 1 || needle_part.length == 1) {
+	          continue;
+	        } // check for overlapping parts
+	        // a = ['::=','==']
+	        // b = ['::','===']
+	        // a = ['r','sm']
+	        // b = ['rs','m']
+
+
+	        if (part.start < needle_part.start && part.end > needle_part.start) {
+	          return true;
+	        }
+
+	        if (needle_part.start < part.start && needle_part.end > part.start) {
+	          return true;
+	        }
+	      }
+
+	      return false;
+	    };
+
+	    let filtered = seq.parts.filter(filter);
+
+	    if (filtered.length > 0) {
+	      continue;
+	    }
+
+	    return true;
 	  }
 
-	  const decomposed = regex.normalize('NFKD').toLowerCase();
-	  return decomposed.split(latin_pat).map(part => {
-	    // "ffl" or "ffl"
-	    const no_accent = asciifold(part);
+	  return false;
+	};
+
+	class Sequence {
+	  constructor() {
+	    /** @type {TSequencePart[]} */
+	    this.parts = [];
+	    /** @type {string[]} */
 
-	    if (no_accent == '') {
-	      return '';
+	    this.substrs = [];
+	    this.start = 0;
+	    this.end = 0;
+	  }
+	  /**
+	   * @param {TSequencePart|undefined} part
+	   */
+
+
+	  add(part) {
+	    if (part) {
+	      this.parts.push(part);
+	      this.substrs.push(part.substr);
+	      this.start = Math.min(part.start, this.start);
+	      this.end = Math.max(part.end, this.end);
 	    }
+	  }
+
+	  last() {
+	    return this.parts[this.parts.length - 1];
+	  }
+
+	  length() {
+	    return this.parts.length;
+	  }
+	  /**
+	   * @param {number} position
+	   * @param {TSequencePart} last_piece
+	   */
+
+
+	  clone(position, last_piece) {
+	    let clone = new Sequence();
+	    let parts = JSON.parse(JSON.stringify(this.parts));
+	    let last_part = parts.pop();
 
-	    if (diacritic_patterns.hasOwnProperty(no_accent)) {
-	      return diacritic_patterns[no_accent];
+	    for (const part of parts) {
+	      clone.add(part);
 	    }
 
-	    return part;
-	  }).join('');
+	    let last_substr = last_piece.substr.substring(0, position - last_part.start);
+	    let clone_last_len = last_substr.length;
+	    clone.add({
+	      start: last_part.start,
+	      end: last_part.start + clone_last_len,
+	      length: clone_last_len,
+	      substr: last_substr
+	    });
+	    return clone;
+	  }
+
+	}
+	/**
+	 * Expand a regular expression pattern to include unicode variants
+	 * 	eg /a/ becomes /aⓐａẚàáâầấẫẩãāăằắẵẳȧǡäǟảåǻǎȁȃạậặḁąⱥɐɑAⒶＡÀÁÂẦẤẪẨÃĀĂẰẮẴẲȦǠÄǞẢÅǺǍȀȂẠẬẶḀĄȺⱯ/
+	 *
+	 * Issue:
+	 *  ﺊﺋ [ 'ﺊ = \\u{fe8a}', 'ﺋ = \\u{fe8b}' ]
+	 *	becomes:	ئئ [ 'ي = \\u{64a}', 'ٔ = \\u{654}', 'ي = \\u{64a}', 'ٔ = \\u{654}' ]
+	 *
+	 *	İIJ = IIJ = ⅡJ
+	 *
+	 * 	1/2/4
+	 *
+	 * @param {string} str
+	 * @return {string|undefined}
+	 */
+
+
+	const getPattern = str => {
+	  initialize();
+	  str = asciifold(str);
+	  let pattern = '';
+	  let sequences = [new Sequence()];
+
+	  for (let i = 0; i < str.length; i++) {
+	    let substr = str.substring(i);
+	    let match = substr.match(multi_char_reg);
+	    const char = str.substring(i, i + 1);
+	    const match_str = match ? match[0] : null; // loop through sequences
+	    // add either the char or multi_match
+
+	    let overlapping = [];
+	    let added_types = new Set();
+
+	    for (const sequence of sequences) {
+	      const last_piece = sequence.last();
+
+	      if (!last_piece || last_piece.length == 1 || last_piece.end <= i) {
+	        // if we have a multi match
+	        if (match_str) {
+	          const len = match_str.length;
+	          sequence.add({
+	            start: i,
+	            end: i + len,
+	            length: len,
+	            substr: match_str
+	          });
+	          added_types.add('1');
+	        } else {
+	          sequence.add({
+	            start: i,
+	            end: i + 1,
+	            length: 1,
+	            substr: char
+	          });
+	          added_types.add('2');
+	        }
+	      } else if (match_str) {
+	        let clone = sequence.clone(i, last_piece);
+	        const len = match_str.length;
+	        clone.add({
+	          start: i,
+	          end: i + len,
+	          length: len,
+	          substr: match_str
+	        });
+	        overlapping.push(clone);
+	      } else {
+	        // don't add char
+	        // adding would create invalid patterns: 234 => [2,34,4]
+	        added_types.add('3');
+	      }
+	    } // if we have overlapping
+
+
+	    if (overlapping.length > 0) {
+	      // ['ii','iii'] before ['i','i','iii']
+	      overlapping = overlapping.sort((a, b) => {
+	        return a.length() - b.length();
+	      });
+
+	      for (let clone of overlapping) {
+	        // don't add if we already have an equivalent sequence
+	        if (inSequences(clone, sequences)) {
+	          continue;
+	        }
+
+	        sequences.push(clone);
+	      }
+
+	      continue;
+	    } // if we haven't done anything unique
+	    // clean up the patterns
+	    // helps keep patterns smaller
+	    // if str = 'r₨㎧aarss', pattern will be 446 instead of 655
+
+
+	    if (i > 0 && added_types.size == 1 && !added_types.has('3')) {
+	      pattern += sequencesToPattern(sequences, false);
+	      let new_seq = new Sequence();
+	      const old_seq = sequences[0];
+
+	      if (old_seq) {
+	        new_seq.add(old_seq.last());
+	      }
+
+	      sequences = [new_seq];
+	    }
+	  }
+
+	  pattern += sequencesToPattern(sequences, true);
+	  return pattern;
 	};
 
-	// @ts-ignore TS2691 "An import path cannot end with a '.ts' extension"
+	/*! sifter.js | https://github.com/orchidjs/sifter.js | Apache License (v2) */
 
 	/**
 	 * A property getter resolving dot-notation
@@ -407,20 +898,13 @@ var tomSelect_base = createCommonjsModule(function (module, exports) {
 	  var score, pos;
 	  if (!value) return 0;
 	  value = value + '';
+	  if (token.regex == null) return 0;
 	  pos = value.search(token.regex);
 	  if (pos === -1) return 0;
 	  score = token.string.length / value.length;
 	  if (pos === 0) score += 0.5;
 	  return score * weight;
 	};
-	/**
-	 *
-	 * https://stackoverflow.com/questions/63006601/why-does-u-throw-an-invalid-escape-error
-	 */
-
-	const escape_regex = str => {
-	  return (str + '').replace(/([\$\(-\+\.\?\[-\^\{-\}])/g, '\\$1');
-	};
 	/**
 	 * Cast object property to an array if it exists and has a value
 	 *
@@ -445,7 +929,7 @@ var tomSelect_base = createCommonjsModule(function (module, exports) {
 	 *
 	 */
 
-	const iterate = (object, callback) => {
+	const iterate$1 = (object, callback) => {
 	  if (Array.isArray(object)) {
 	    object.forEach(callback);
 	  } else {
@@ -468,6 +952,8 @@ var tomSelect_base = createCommonjsModule(function (module, exports) {
 	  return 0;
 	};
 
+	/*! sifter.js | https://github.com/orchidjs/sifter.js | Apache License (v2) */
+
 	/**
 	 * sifter.js
 	 * Copyright (c) 2013–2020 Brian Reavis & contributors
@@ -529,12 +1015,12 @@ var tomSelect_base = createCommonjsModule(function (module, exports) {
 
 	      if (word.length > 0) {
 	        if (this.settings.diacritics) {
-	          regex = diacriticRegexPoints(word);
+	          regex = getPattern(word) || null;
 	        } else {
 	          regex = escape_regex(word);
 	        }
 
-	        if (respect_word_boundaries) regex = "\\b" + regex;
+	        if (regex && respect_word_boundaries) regex = "\\b" + regex;
 	      }
 
 	      tokens.push({
@@ -552,12 +1038,17 @@ var tomSelect_base = createCommonjsModule(function (module, exports) {
 	   * Good matches will have a higher score than poor matches.
 	   * If an item is not a match, 0 will be returned by the function.
 	   *
-	   * @returns {function}
+	   * @returns {T.ScoreFn}
 	   */
 	  getScoreFunction(query, options) {
 	    var search = this.prepareSearch(query, options);
 	    return this._getScoreFunction(search);
 	  }
+	  /**
+	   * @returns {T.ScoreFn}
+	   *
+	   */
+
 
 	  _getScoreFunction(search) {
 	    const tokens = search.tokens,
@@ -590,7 +1081,7 @@ var tomSelect_base = createCommonjsModule(function (module, exports) {
 	      if (field_count === 1) {
 	        return function (token, data) {
 	          const field = fields[0].field;
-	          return scoreValue(getAttrFn(data, field), token, weights[field]);
+	          return scoreValue(getAttrFn(data, field), token, weights[field] || 1);
 	        };
 	      }
 
@@ -606,7 +1097,7 @@ var tomSelect_base = createCommonjsModule(function (module, exports) {
 	            sum += scoreValue(value, token, 1);
 	          }
 	        } else {
-	          iterate(weights, (weight, field) => {
+	          iterate$1(weights, (weight, field) => {
 	            sum += scoreValue(getAttrFn(data, field), token, weight);
 	          });
 	        }
@@ -623,12 +1114,11 @@ var tomSelect_base = createCommonjsModule(function (module, exports) {
 
 	    if (search.options.conjunction === 'and') {
 	      return function (data) {
-	        var i = 0,
-	            score,
+	        var score,
 	            sum = 0;
 
-	        for (; i < token_count; i++) {
-	          score = scoreObject(tokens[i], data);
+	        for (let token of tokens) {
+	          score = scoreObject(token, data);
 	          if (score <= 0) return 0;
 	          sum += score;
 	        }
@@ -638,7 +1128,7 @@ var tomSelect_base = createCommonjsModule(function (module, exports) {
 	    } else {
 	      return function (data) {
 	        var sum = 0;
-	        iterate(tokens, token => {
+	        iterate$1(tokens, token => {
 	          sum += scoreObject(token, data);
 	        });
 	        return sum / token_count;
@@ -659,12 +1149,11 @@ var tomSelect_base = createCommonjsModule(function (module, exports) {
 	  }
 
 	  _getSortFunction(search) {
-	    var i, n, implicit_score;
+	    var implicit_score,
+	        sort_flds = [];
 	    const self = this,
 	          options = search.options,
-	          sort = !search.query && options.sort_empty ? options.sort_empty : options.sort,
-	          sort_flds = [],
-	          multipliers = [];
+	          sort = !search.query && options.sort_empty ? options.sort_empty : options.sort;
 
 	    if (typeof sort == 'function') {
 	      return sort.bind(this);
@@ -683,9 +1172,9 @@ var tomSelect_base = createCommonjsModule(function (module, exports) {
 
 
 	    if (sort) {
-	      for (i = 0, n = sort.length; i < n; i++) {
-	        if (search.query || sort[i].field !== '$score') {
-	          sort_flds.push(sort[i]);
+	      for (let s of sort) {
+	        if (search.query || s.field !== '$score') {
+	          sort_flds.push(s);
 	        }
 	      }
 	    } // the "$score" field is implied to be the primary
@@ -695,8 +1184,8 @@ var tomSelect_base = createCommonjsModule(function (module, exports) {
 	    if (search.query) {
 	      implicit_score = true;
 
-	      for (i = 0, n = sort_flds.length; i < n; i++) {
-	        if (sort_flds[i].field === '$score') {
+	      for (let fld of sort_flds) {
+	        if (fld.field === '$score') {
 	          implicit_score = false;
 	          break;
 	        }
@@ -707,18 +1196,10 @@ var tomSelect_base = createCommonjsModule(function (module, exports) {
 	          field: '$score',
 	          direction: 'desc'
 	        });
-	      }
-	    } else {
-	      for (i = 0, n = sort_flds.length; i < n; i++) {
-	        if (sort_flds[i].field === '$score') {
-	          sort_flds.splice(i, 1);
-	          break;
-	        }
-	      }
-	    }
+	      } // without a search.query, all items will have the same score
 
-	    for (i = 0, n = sort_flds.length; i < n; i++) {
-	      multipliers.push(sort_flds[i].direction === 'desc' ? -1 : 1);
+	    } else {
+	      sort_flds = sort_flds.filter(fld => fld.field !== '$score');
 	    } // build function
 
 
@@ -726,25 +1207,20 @@ var tomSelect_base = createCommonjsModule(function (module, exports) {
 
 	    if (!sort_flds_count) {
 	      return null;
-	    } else if (sort_flds_count === 1) {
-	      const sort_fld = sort_flds[0].field;
-	      const multiplier = multipliers[0];
-	      return function (a, b) {
-	        return multiplier * cmp(get_field(sort_fld, a), get_field(sort_fld, b));
-	      };
-	    } else {
-	      return function (a, b) {
-	        var i, result, field;
+	    }
 
-	        for (i = 0; i < sort_flds_count; i++) {
-	          field = sort_flds[i].field;
-	          result = multipliers[i] * cmp(get_field(field, a), get_field(field, b));
-	          if (result) return result;
-	        }
+	    return function (a, b) {
+	      var result, field;
 
-	        return 0;
-	      };
-	    }
+	      for (let sort_fld of sort_flds) {
+	        field = sort_fld.field;
+	        let multiplier = sort_fld.direction === 'desc' ? -1 : 1;
+	        result = multiplier * cmp(get_field(field, a), get_field(field, b));
+	        if (result) return result;
+	      }
+
+	      return 0;
+	    };
 	  }
 
 	  /**
@@ -803,7 +1279,7 @@ var tomSelect_base = createCommonjsModule(function (module, exports) {
 
 
 	    if (query.length) {
-	      iterate(self.items, (item, id) => {
+	      iterate$1(self.items, (item, id) => {
 	        score = fn_score(item);
 
 	        if (options.filter === false || score > 0) {
@@ -814,7 +1290,7 @@ var tomSelect_base = createCommonjsModule(function (module, exports) {
 	        }
 	      });
 	    } else {
-	      iterate(self.items, (_, id) => {
+	      iterate$1(self.items, (_, id) => {
 	        search.items.push({
 	          'score': 1,
 	          'id': id
@@ -837,6 +1313,29 @@ var tomSelect_base = createCommonjsModule(function (module, exports) {
 
 	}
 
+	/**
+	 * Iterates over arrays and hashes.
+	 *
+	 * ```
+	 * iterate(this.items, function(item, id) {
+	 *    // invoked for each item
+	 * });
+	 * ```
+	 *
+	 */
+
+	const iterate = (object, callback) => {
+	  if (Array.isArray(object)) {
+	    object.forEach(callback);
+	  } else {
+	    for (var key in object) {
+	      if (object.hasOwnProperty(key)) {
+	        callback(object[key], key);
+	      }
+	    }
+	  }
+	};
+
 	/**
 	 * Return a dom element from either a dom query string, jQuery object, a dom element or html string
 	 * https://stackoverflow.com/questions/494143/creating-a-new-dom-element-from-an-html-string-using-built-in-dom-methods-or-pro/35385518#35385518
@@ -854,10 +1353,10 @@ var tomSelect_base = createCommonjsModule(function (module, exports) {
 	  }
 
 	  if (isHtmlString(query)) {
-	    let div = document.createElement('div');
-	    div.innerHTML = query.trim(); // Never return a text node of whitespace as the result
+	    var tpl = document.createElement('template');
+	    tpl.innerHTML = query.trim(); // Never return a text node of whitespace as the result
 
-	    return div.firstChild;
+	    return tpl.content.firstChild;
 	  }
 
 	  return document.querySelector(query);
@@ -1068,9 +1567,9 @@ var tomSelect_base = createCommonjsModule(function (module, exports) {
 
 	  const highlightChildren = node => {
 	    if (node.nodeType === 1 && node.childNodes && !/(script|style)/i.test(node.tagName) && (node.className !== 'highlight' || node.tagName !== 'SPAN')) {
-	      for (var i = 0; i < node.childNodes.length; ++i) {
-	        i += highlightRecursive(node.childNodes[i]);
-	      }
+	      Array.from(node.childNodes).forEach(element => {
+	        highlightRecursive(element);
+	      });
 	    }
 	  };
 
@@ -1308,7 +1807,7 @@ var tomSelect_base = createCommonjsModule(function (module, exports) {
 	  }
 	};
 	/**
-	 * Prevent default
+	 * Add event helper
 	 *
 	 */
 
@@ -1643,7 +2142,7 @@ var tomSelect_base = createCommonjsModule(function (module, exports) {
 	      control_input = getDom(settings.controlInput); // set attributes
 
 	      var attrs = ['autocorrect', 'autocapitalize', 'autocomplete'];
-	      iterate(attrs, attr => {
+	      iterate$1(attrs, attr => {
 	        if (input.getAttribute(attr)) {
 	          setAttr(control_input, {
 	            [attr]: input.getAttribute(attr)
@@ -1747,6 +2246,9 @@ var tomSelect_base = createCommonjsModule(function (module, exports) {
 	    }
 
 	    self.control_input.type = input.type;
+	    addEvent(dropdown, 'mousemove', () => {
+	      self.ignoreHover = false;
+	    });
 	    addEvent(dropdown, 'mouseenter', e => {
 	      var target_match = parentMatch(e.target, '[data-selectable]', dropdown);
 	      if (target_match) self.onOptionHover(e, target_match);
@@ -1783,7 +2285,6 @@ var tomSelect_base = createCommonjsModule(function (module, exports) {
 
 	    addEvent(control_input, 'keypress', e => self.onKeyPress(e));
 	    addEvent(control_input, 'input', e => self.onInput(e));
-	    addEvent(focus_node, 'resize', () => self.positionDropdown(), passive_event);
 	    addEvent(focus_node, 'blur', e => self.onBlur(e));
 	    addEvent(focus_node, 'focus', e => self.onFocus(e));
 	    addEvent(control_input, 'paste', e => self.onPaste(e));
@@ -1819,18 +2320,12 @@ var tomSelect_base = createCommonjsModule(function (module, exports) {
 	      }
 	    };
 
-	    const win_hover = () => {
-	      self.ignoreHover = false;
-	    };
-
 	    addEvent(document, 'mousedown', doc_mousedown);
 	    addEvent(window, 'scroll', win_scroll, passive_event);
 	    addEvent(window, 'resize', win_scroll, passive_event);
-	    addEvent(window, 'mousemove', win_hover, passive_event);
 
 	    this._destroy = () => {
 	      document.removeEventListener('mousedown', doc_mousedown);
-	      window.removeEventListener('mousemove', win_hover);
 	      window.removeEventListener('scroll', win_scroll);
 	      window.removeEventListener('resize', win_scroll);
 	      if (label) label.removeEventListener('click', label_click);
@@ -1848,7 +2343,7 @@ var tomSelect_base = createCommonjsModule(function (module, exports) {
 	    settings.items = [];
 	    delete settings.optgroups;
 	    delete settings.options;
-	    addEvent(input, 'invalid', e => {
+	    addEvent(input, 'invalid', () => {
 	      if (self.isValid) {
 	        self.isValid = false;
 	        self.isInvalid = true;
@@ -1885,7 +2380,7 @@ var tomSelect_base = createCommonjsModule(function (module, exports) {
 	    // build options table
 	    this.addOptions(options); // build optgroup table
 
-	    iterate(optgroups, optgroup => {
+	    iterate$1(optgroups, optgroup => {
 	      this.registerOptionGroup(optgroup);
 	    });
 	  }
@@ -2049,13 +2544,15 @@ var tomSelect_base = createCommonjsModule(function (module, exports) {
 	      }
 
 	      var splitInput = pastedText.trim().split(self.settings.splitOn);
-	      iterate(splitInput, piece => {
-	        piece = hash_key(piece);
+	      iterate$1(splitInput, piece => {
+	        const hash = hash_key(piece);
 
-	        if (this.options[piece]) {
-	          self.addItem(piece);
-	        } else {
-	          self.createItem(piece);
+	        if (hash) {
+	          if (this.options[piece]) {
+	            self.addItem(piece);
+	          } else {
+	            self.createItem(piece);
+	          }
 	        }
 	      });
 	    }, 0);
@@ -2283,7 +2780,7 @@ var tomSelect_base = createCommonjsModule(function (module, exports) {
 	    };
 
 	    if (self.settings.create && self.settings.createOnBlur) {
-	      self.createItem(null, false, deactivate);
+	      self.createItem(null, deactivate);
 	    } else {
 	      deactivate();
 	    }
@@ -2304,7 +2801,7 @@ var tomSelect_base = createCommonjsModule(function (module, exports) {
 	    }
 
 	    if (option.classList.contains('create')) {
-	      self.createItem(null, true, () => {
+	      self.createItem(null, () => {
 	        if (self.settings.closeAfterSelect) {
 	          self.close();
 	        }
@@ -2673,7 +3170,7 @@ var tomSelect_base = createCommonjsModule(function (module, exports) {
 	    self.hideInput();
 	    self.close();
 	    self.activeItems = activeItems;
-	    iterate(activeItems, item => {
+	    iterate$1(activeItems, item => {
 	      self.setActiveItemClass(item);
 	    });
 	  }
@@ -2809,7 +3306,7 @@ var tomSelect_base = createCommonjsModule(function (module, exports) {
 
 
 	  search(query) {
-	    var i, result, calculateScore;
+	    var result, calculateScore;
 	    var self = this;
 	    var options = this.getSearchOptions(); // validate user-provided result scoring function
 
@@ -2834,13 +3331,10 @@ var tomSelect_base = createCommonjsModule(function (module, exports) {
 
 
 	    if (self.settings.hideSelected) {
-	      for (i = result.items.length - 1; i >= 0; i--) {
-	        let hashed = hash_key(result.items[i].id);
-
-	        if (hashed && self.items.indexOf(hashed) !== -1) {
-	          result.items.splice(i, 1);
-	        }
-	      }
+	      result.items = result.items.filter(item => {
+	        let hashed = hash_key(item.id);
+	        return !(hashed && self.items.indexOf(hashed) !== -1);
+	      });
 	    }
 
 	    return result;
@@ -2853,21 +3347,24 @@ var tomSelect_base = createCommonjsModule(function (module, exports) {
 
 
 	  refreshOptions(triggerDropdown = true) {
-	    var i, j, k, n, optgroup, optgroups, html, has_create_option, active_value, active_group;
+	    var i, j, k, n, optgroup, optgroups, html, has_create_option, active_group;
 	    var create;
 	    const groups = {};
 	    const groups_order = [];
 	    var self = this;
 	    var query = self.inputValue();
+	    const same_query = query === self.lastQuery || query == '' && self.lastQuery == null;
 	    var results = self.search(query);
-	    var active_option = null; //self.activeOption;
-
+	    var active_option = null;
 	    var show_dropdown = self.settings.shouldOpen || false;
 	    var dropdown_content = self.dropdown_content;
 
-	    if (self.activeOption) {
-	      active_value = self.activeOption.dataset.value;
-	      active_group = self.activeOption.closest('[data-group]');
+	    if (same_query) {
+	      active_option = self.activeOption;
+
+	      if (active_option) {
+	        active_group = active_option.closest('[data-group]');
+	      }
 	    } // build markup
 
 
@@ -2884,12 +3381,16 @@ var tomSelect_base = createCommonjsModule(function (module, exports) {
 
 	    for (i = 0; i < n; i++) {
 	      // get option dom element
-	      let opt_value = results.items[i].id;
+	      let item = results.items[i];
+	      if (!item) continue;
+	      let opt_value = item.id;
 	      let option = self.options[opt_value];
-	      let option_el = self.getOption(opt_value, true); // toggle 'selected' class
+	      if (option === undefined) continue;
+	      let opt_hash = get_hash(opt_value);
+	      let option_el = self.getOption(opt_hash, true); // toggle 'selected' class
 
 	      if (!self.settings.hideSelected) {
-	        option_el.classList.toggle('selected', self.items.includes(opt_value));
+	        option_el.classList.toggle('selected', self.items.includes(opt_hash));
 	      }
 
 	      optgroup = option[self.settings.optgroupField] || '';
@@ -2902,8 +3403,10 @@ var tomSelect_base = createCommonjsModule(function (module, exports) {
 	          optgroup = '';
 	        }
 
-	        if (!groups.hasOwnProperty(optgroup)) {
-	          groups[optgroup] = document.createDocumentFragment();
+	        let group_fragment = groups[optgroup];
+
+	        if (group_fragment === undefined) {
+	          group_fragment = document.createDocumentFragment();
 	          groups_order.push(optgroup);
 	        } // nodes can only have one parent, so if the option is in mutple groups, we need a clone
 
@@ -2915,48 +3418,50 @@ var tomSelect_base = createCommonjsModule(function (module, exports) {
 	            'aria-selected': null
 	          });
 	          option_el.classList.add('ts-cloned');
-	          removeClasses(option_el, 'active');
-	        } // make sure we keep the activeOption in the same group
-
+	          removeClasses(option_el, 'active'); // make sure we keep the activeOption in the same group
 
-	        if (!active_option && active_value == opt_value) {
-	          if (active_group) {
-	            if (active_group.dataset.group === optgroup) {
+	          if (self.activeOption && self.activeOption.dataset.value == opt_value) {
+	            if (active_group && active_group.dataset.group === optgroup.toString()) {
 	              active_option = option_el;
 	            }
-	          } else {
-	            active_option = option_el;
 	          }
 	        }
 
-	        groups[optgroup].appendChild(option_el);
+	        group_fragment.appendChild(option_el);
+	        groups[optgroup] = group_fragment;
 	      }
 	    } // sort optgroups
 
 
-	    if (this.settings.lockOptgroupOrder) {
+	    if (self.settings.lockOptgroupOrder) {
 	      groups_order.sort((a, b) => {
-	        var a_order = self.optgroups[a] && self.optgroups[a].$order || 0;
-	        var b_order = self.optgroups[b] && self.optgroups[b].$order || 0;
+	        const grp_a = self.optgroups[a];
+	        const grp_b = self.optgroups[b];
+	        const a_order = grp_a && grp_a.$order || 0;
+	        const b_order = grp_b && grp_b.$order || 0;
 	        return a_order - b_order;
 	      });
 	    } // render optgroup headers & join groups
 
 
 	    html = document.createDocumentFragment();
-	    iterate(groups_order, optgroup => {
-	      if (self.optgroups.hasOwnProperty(optgroup) && groups[optgroup].children.length) {
+	    iterate$1(groups_order, optgroup => {
+	      let group_fragment = groups[optgroup];
+	      if (!group_fragment || !group_fragment.children.length) return;
+	      let group_heading = self.optgroups[optgroup];
+
+	      if (group_heading !== undefined) {
 	        let group_options = document.createDocumentFragment();
-	        let header = self.render('optgroup_header', self.optgroups[optgroup]);
+	        let header = self.render('optgroup_header', group_heading);
 	        append(group_options, header);
-	        append(group_options, groups[optgroup]);
+	        append(group_options, group_fragment);
 	        let group_html = self.render('optgroup', {
-	          group: self.optgroups[optgroup],
+	          group: group_heading,
 	          options: group_options
 	        });
 	        append(html, group_html);
 	      } else {
-	        append(html, groups[optgroup]);
+	        append(html, group_fragment);
 	      }
 	    });
 	    dropdown_content.innerHTML = '';
@@ -2966,7 +3471,7 @@ var tomSelect_base = createCommonjsModule(function (module, exports) {
 	      removeHighlight(dropdown_content);
 
 	      if (results.query.length && results.tokens.length) {
-	        iterate(results.tokens, tok => {
+	        iterate$1(results.tokens, tok => {
 	          highlight(dropdown_content, tok.regex);
 	        });
 	      }
@@ -3007,7 +3512,7 @@ var tomSelect_base = createCommonjsModule(function (module, exports) {
 
 	    if (show_dropdown) {
 	      if (results.items.length > 0) {
-	        if (!active_option && self.settings.mode === 'single' && self.items.length) {
+	        if (!active_option && self.settings.mode === 'single' && self.items[0] != undefined) {
 	          active_option = self.getOption(self.items[0]);
 	        }
 
@@ -3094,7 +3599,7 @@ var tomSelect_base = createCommonjsModule(function (module, exports) {
 
 
 	  addOptions(data, user_created = false) {
-	    iterate(data, dat => {
+	    iterate$1(data, dat => {
 	      this.addOption(dat, user_created);
 	    });
 	  }
@@ -3174,11 +3679,12 @@ var tomSelect_base = createCommonjsModule(function (module, exports) {
 	    const value_new = hash_key(data[self.settings.valueField]); // sanity checks
 
 	    if (value_old === null) return;
-	    if (!self.options.hasOwnProperty(value_old)) return;
+	    const data_old = self.options[value_old];
+	    if (data_old == undefined) return;
 	    if (typeof value_new !== 'string') throw new Error('Value must be set in option data');
 	    const option = self.getOption(value_old);
 	    const item = self.getItem(value_old);
-	    data.$order = data.$order || self.options[value_old].$order;
+	    data.$order = data.$order || data_old.$order;
 	    delete self.options[value_old]; // invalidate render cache
 	    // don't remove existing node yet, we'll remove it after replacing it
 
@@ -3242,9 +3748,9 @@ var tomSelect_base = createCommonjsModule(function (module, exports) {
 	    this.userOptions = {};
 	    this.clearCache();
 	    const selected = {};
-	    iterate(this.options, (option, key) => {
+	    iterate$1(this.options, (option, key) => {
 	      if (boundFilter(option, key)) {
-	        selected[key] = this.options[key];
+	        selected[key] = option;
 	      }
 	    });
 	    this.options = this.sifter.items = selected;
@@ -3274,10 +3780,10 @@ var tomSelect_base = createCommonjsModule(function (module, exports) {
 
 	  getOption(value, create = false) {
 	    const hashed = hash_key(value);
+	    if (hashed === null) return null;
+	    const option = this.options[hashed];
 
-	    if (hashed !== null && this.options.hasOwnProperty(hashed)) {
-	      const option = this.options[hashed];
-
+	    if (option != undefined) {
 	      if (option.$div) {
 	        return option.$div;
 	      }
@@ -3350,11 +3856,11 @@ var tomSelect_base = createCommonjsModule(function (module, exports) {
 	    var self = this;
 	    var items = Array.isArray(values) ? values : [values];
 	    items = items.filter(x => self.items.indexOf(x) === -1);
-
-	    for (let i = 0, n = items.length; i < n; i++) {
-	      self.isPending = i < n - 1;
-	      self.addItem(items[i], silent);
-	    }
+	    const last_item = items[items.length - 1];
+	    items.forEach(item => {
+	      self.isPending = item !== last_item;
+	      self.addItem(item, silent);
+	    });
 	  }
 	  /**
 	   * "Selects" an item. Adds it to the list
@@ -3485,7 +3991,16 @@ var tomSelect_base = createCommonjsModule(function (module, exports) {
 	   */
 
 
-	  createItem(input = null, triggerDropdown = true, callback = () => {}) {
+	  createItem(input = null, callback = () => {}) {
+	    // triggerDropdown parameter @deprecated 2.1.1
+	    if (arguments.length === 3) {
+	      callback = arguments[2];
+	    }
+
+	    if (typeof callback != 'function') {
+	      callback = () => {};
+	    }
+
 	    var self = this;
 	    var caret = self.caretPos;
 	    var output;
@@ -3761,7 +4276,7 @@ var tomSelect_base = createCommonjsModule(function (module, exports) {
 	    var self = this;
 	    if (!self.items.length) return;
 	    var items = self.controlChildren();
-	    iterate(items, item => {
+	    iterate$1(items, item => {
 	      self.removeItem(item, true);
 	    });
 	    self.showInput();
@@ -3779,7 +4294,7 @@ var tomSelect_base = createCommonjsModule(function (module, exports) {
 	    const self = this;
 	    const caret = self.caretPos;
 	    const target = self.control;
-	    target.insertBefore(el, target.children[caret]);
+	    target.insertBefore(el, target.children[caret] || null);
 	    self.setCaret(caret + 1);
 	  }
 	  /**
@@ -3804,14 +4319,19 @@ var tomSelect_base = createCommonjsModule(function (module, exports) {
 	        caret++;
 	      }
 
-	      iterate(self.activeItems, item => rm_items.push(item));
+	      iterate$1(self.activeItems, item => rm_items.push(item));
 	    } else if ((self.isFocused || self.settings.mode === 'single') && self.items.length) {
 	      const items = self.controlChildren();
+	      let rm_item;
 
 	      if (direction < 0 && selection.start === 0 && selection.length === 0) {
-	        rm_items.push(items[self.caretPos - 1]);
+	        rm_item = items[self.caretPos - 1];
 	      } else if (direction > 0 && selection.start === self.inputValue().length) {
-	        rm_items.push(items[self.caretPos]);
+	        rm_item = items[self.caretPos];
+	      }
+
+	      if (rm_item !== undefined) {
+	        rm_items.push(rm_item);
 	      }
 	    }
 
@@ -4013,33 +4533,18 @@ var tomSelect_base = createCommonjsModule(function (module, exports) {
 
 
 	  render(templateName, data) {
-	    if (typeof this.settings.render[templateName] !== 'function') {
-	      return null;
-	    }
-
-	    return this._render(templateName, data);
-	  }
-	  /**
-	   * _render() can be called directly when we know we don't want to hit the cache
-	   * return type could be null for some templates, we need https://github.com/microsoft/TypeScript/issues/33014
-	   */
-
-
-	  _render(templateName, data) {
-	    var value = '',
-	        id,
-	        html;
+	    var id, html;
 	    const self = this;
 
-	    if (templateName === 'option' || templateName == 'item') {
-	      value = get_hash(data[self.settings.valueField]);
+	    if (typeof this.settings.render[templateName] !== 'function') {
+	      return null;
 	    } // render markup
 
 
 	    html = self.settings.render[templateName].call(this, data, escape_html);
 
-	    if (html == null) {
-	      return html;
+	    if (!html) {
+	      return null;
 	    }
 
 	    html = getDom(html); // add mandatory attributes
@@ -4068,6 +4573,7 @@ var tomSelect_base = createCommonjsModule(function (module, exports) {
 	    }
 
 	    if (templateName === 'option' || templateName === 'item') {
+	      const value = get_hash(data[self.settings.valueField]);
 	      setAttr(html, {
 	        'data-value': value
 	      }); // make sure we have some classes if a template is overwritten
@@ -4084,12 +4590,28 @@ var tomSelect_base = createCommonjsModule(function (module, exports) {
 	          id: data.$id
 	        }); // update cache
 
-	        self.options[value].$div = html;
+	        data.$div = html;
+	        self.options[value] = data;
 	      }
 	    }
 
 	    return html;
 	  }
+	  /**
+	   * Type guarded rendering
+	   *
+	   */
+
+
+	  _render(templateName, data) {
+	    const html = this.render(templateName, data);
+
+	    if (html == null) {
+	      throw 'HTMLElement expected';
+	    }
+
+	    return html;
+	  }
 	  /**
 	   * Clears the render cache for a template. If
 	   * no template is given, clears all render
@@ -4099,7 +4621,7 @@ var tomSelect_base = createCommonjsModule(function (module, exports) {
 
 
 	  clearCache() {
-	    iterate(this.options, (option, value) => {
+	    iterate$1(this.options, option => {
 	      if (option.$div) {
 	        option.$div.remove();
 	        delete option.$div;
@@ -4170,153 +4692,207 @@ var tomSelect_base = createCommonjsModule(function (module, exports) {
 
 var remove_button = createCommonjsModule(function (module, exports) {
 /**
-* Tom Select v2.1.0
+* Tom Select v2.2.2
 * Licensed under the Apache License, Version 2.0 (the "License");
 */
 
 (function (global, factory) {
-	module.exports = factory() ;
+  module.exports = factory() ;
 })(commonjsGlobal, (function () {
-	// @ts-ignore TS2691 "An import path cannot end with a '.ts' extension"
-	const latin_convert = {
-	  'æ': 'ae',
-	  'ⱥ': 'a',
-	  'ø': 'o'
-	};
-	new RegExp(Object.keys(latin_convert).join('|'), 'gu');
-
-	/**
-	 * Return a dom element from either a dom query string, jQuery object, a dom element or html string
-	 * https://stackoverflow.com/questions/494143/creating-a-new-dom-element-from-an-html-string-using-built-in-dom-methods-or-pro/35385518#35385518
-	 *
-	 * param query should be {}
-	 */
-
-	const getDom = query => {
-	  if (query.jquery) {
-	    return query[0];
-	  }
+  /*! @orchidjs/unicode-variants | https://github.com/orchidjs/unicode-variants | Apache License (v2) */
+  const accent_pat = '[\u0300-\u036F\u{b7}\u{2be}\u{2bc}]';
+  /** @type {TUnicodeMap} */
+
+  const latin_convert = {};
+  /** @type {TUnicodeMap} */
+
+  const latin_condensed = {
+    '/': '⁄∕',
+    '0': '߀',
+    "a": "ⱥɐɑ",
+    "aa": "ꜳ",
+    "ae": "æǽǣ",
+    "ao": "ꜵ",
+    "au": "ꜷ",
+    "av": "ꜹꜻ",
+    "ay": "ꜽ",
+    "b": "ƀɓƃ",
+    "c": "ꜿƈȼↄ",
+    "d": "đɗɖᴅƌꮷԁɦ",
+    "e": "ɛǝᴇɇ",
+    "f": "ꝼƒ",
+    "g": "ǥɠꞡᵹꝿɢ",
+    "h": "ħⱨⱶɥ",
+    "i": "ɨı",
+    "j": "ɉȷ",
+    "k": "ƙⱪꝁꝃꝅꞣ",
+    "l": "łƚɫⱡꝉꝇꞁɭ",
+    "m": "ɱɯϻ",
+    "n": "ꞥƞɲꞑᴎлԉ",
+    "o": "øǿɔɵꝋꝍᴑ",
+    "oe": "œ",
+    "oi": "ƣ",
+    "oo": "ꝏ",
+    "ou": "ȣ",
+    "p": "ƥᵽꝑꝓꝕρ",
+    "q": "ꝗꝙɋ",
+    "r": "ɍɽꝛꞧꞃ",
+    "s": "ßȿꞩꞅʂ",
+    "t": "ŧƭʈⱦꞇ",
+    "th": "þ",
+    "tz": "ꜩ",
+    "u": "ʉ",
+    "v": "ʋꝟʌ",
+    "vy": "ꝡ",
+    "w": "ⱳ",
+    "y": "ƴɏỿ",
+    "z": "ƶȥɀⱬꝣ",
+    "hv": "ƕ"
+  };
+
+  for (let latin in latin_condensed) {
+    let unicode = latin_condensed[latin] || '';
+
+    for (let i = 0; i < unicode.length; i++) {
+      let char = unicode.substring(i, i + 1);
+      latin_convert[char] = latin;
+    }
+  }
 
-	  if (query instanceof HTMLElement) {
-	    return query;
-	  }
+  new RegExp(Object.keys(latin_convert).join('|') + '|' + accent_pat, 'gu');
 
-	  if (isHtmlString(query)) {
-	    let div = document.createElement('div');
-	    div.innerHTML = query.trim(); // Never return a text node of whitespace as the result
+  /**
+   * Return a dom element from either a dom query string, jQuery object, a dom element or html string
+   * https://stackoverflow.com/questions/494143/creating-a-new-dom-element-from-an-html-string-using-built-in-dom-methods-or-pro/35385518#35385518
+   *
+   * param query should be {}
+   */
+
+  const getDom = query => {
+    if (query.jquery) {
+      return query[0];
+    }
 
-	    return div.firstChild;
-	  }
+    if (query instanceof HTMLElement) {
+      return query;
+    }
 
-	  return document.querySelector(query);
-	};
-	const isHtmlString = arg => {
-	  if (typeof arg === 'string' && arg.indexOf('<') > -1) {
-	    return true;
-	  }
+    if (isHtmlString(query)) {
+      var tpl = document.createElement('template');
+      tpl.innerHTML = query.trim(); // Never return a text node of whitespace as the result
 
-	  return false;
-	};
+      return tpl.content.firstChild;
+    }
 
-	/**
-	 * Converts a scalar to its best string representation
-	 * for hash keys and HTML attribute values.
-	 *
-	 * Transformations:
-	 *   'str'     -> 'str'
-	 *   null      -> ''
-	 *   undefined -> ''
-	 *   true      -> '1'
-	 *   false     -> '0'
-	 *   0         -> '0'
-	 *   1         -> '1'
-	 *
-	 */
-	/**
-	 * Escapes a string for use within HTML.
-	 *
-	 */
+    return document.querySelector(query);
+  };
+  const isHtmlString = arg => {
+    if (typeof arg === 'string' && arg.indexOf('<') > -1) {
+      return true;
+    }
 
-	const escape_html = str => {
-	  return (str + '').replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;');
-	};
-	/**
-	 * Prevent default
-	 *
-	 */
+    return false;
+  };
 
-	const preventDefault = (evt, stop = false) => {
-	  if (evt) {
-	    evt.preventDefault();
+  /**
+   * Converts a scalar to its best string representation
+   * for hash keys and HTML attribute values.
+   *
+   * Transformations:
+   *   'str'     -> 'str'
+   *   null      -> ''
+   *   undefined -> ''
+   *   true      -> '1'
+   *   false     -> '0'
+   *   0         -> '0'
+   *   1         -> '1'
+   *
+   */
+  /**
+   * Escapes a string for use within HTML.
+   *
+   */
 
-	    if (stop) {
-	      evt.stopPropagation();
-	    }
-	  }
-	};
-	/**
-	 * Prevent default
-	 *
-	 */
+  const escape_html = str => {
+    return (str + '').replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;');
+  };
+  /**
+   * Prevent default
+   *
+   */
 
-	const addEvent = (target, type, callback, options) => {
-	  target.addEventListener(type, callback, options);
-	};
+  const preventDefault = (evt, stop = false) => {
+    if (evt) {
+      evt.preventDefault();
 
-	/**
-	 * Plugin: "remove_button" (Tom Select)
-	 * Copyright (c) contributors
-	 *
-	 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
-	 * file except in compliance with the License. You may obtain a copy of the License at:
-	 * http://www.apache.org/licenses/LICENSE-2.0
-	 *
-	 * Unless required by applicable law or agreed to in writing, software distributed under
-	 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
-	 * ANY KIND, either express or implied. See the License for the specific language
-	 * governing permissions and limitations under the License.
-	 *
-	 */
-	function plugin (userOptions) {
-	  const options = Object.assign({
-	    label: '&times;',
-	    title: 'Remove',
-	    className: 'remove',
-	    append: true
-	  }, userOptions); //options.className = 'remove-single';
+      if (stop) {
+        evt.stopPropagation();
+      }
+    }
+  };
+  /**
+   * Add event helper
+   *
+   */
 
-	  var self = this; // override the render method to add remove button to each item
+  const addEvent = (target, type, callback, options) => {
+    target.addEventListener(type, callback, options);
+  };
 
-	  if (!options.append) {
-	    return;
-	  }
+  /**
+   * Plugin: "remove_button" (Tom Select)
+   * Copyright (c) contributors
+   *
+   * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
+   * file except in compliance with the License. You may obtain a copy of the License at:
+   * http://www.apache.org/licenses/LICENSE-2.0
+   *
+   * Unless required by applicable law or agreed to in writing, software distributed under
+   * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
+   * ANY KIND, either express or implied. See the License for the specific language
+   * governing permissions and limitations under the License.
+   *
+   */
+  function plugin (userOptions) {
+    const options = Object.assign({
+      label: '&times;',
+      title: 'Remove',
+      className: 'remove',
+      append: true
+    }, userOptions); //options.className = 'remove-single';
+
+    var self = this; // override the render method to add remove button to each item
+
+    if (!options.append) {
+      return;
+    }
 
-	  var html = '<a href="javascript:void(0)" class="' + options.className + '" tabindex="-1" title="' + escape_html(options.title) + '">' + options.label + '</a>';
-	  self.hook('after', 'setupTemplates', () => {
-	    var orig_render_item = self.settings.render.item;
+    var html = '<a href="javascript:void(0)" class="' + options.className + '" tabindex="-1" title="' + escape_html(options.title) + '">' + options.label + '</a>';
+    self.hook('after', 'setupTemplates', () => {
+      var orig_render_item = self.settings.render.item;
 
-	    self.settings.render.item = (data, escape) => {
-	      var item = getDom(orig_render_item.call(self, data, escape));
-	      var close_button = getDom(html);
-	      item.appendChild(close_button);
-	      addEvent(close_button, 'mousedown', evt => {
-	        preventDefault(evt, true);
-	      });
-	      addEvent(close_button, 'click', evt => {
-	        // propagating will trigger the dropdown to show for single mode
-	        preventDefault(evt, true);
-	        if (self.isLocked) return;
-	        if (!self.shouldDelete([item], evt)) return;
-	        self.removeItem(item);
-	        self.refreshOptions(false);
-	        self.inputState();
-	      });
-	      return item;
-	    };
-	  });
-	}
+      self.settings.render.item = (data, escape) => {
+        var item = getDom(orig_render_item.call(self, data, escape));
+        var close_button = getDom(html);
+        item.appendChild(close_button);
+        addEvent(close_button, 'mousedown', evt => {
+          preventDefault(evt, true);
+        });
+        addEvent(close_button, 'click', evt => {
+          // propagating will trigger the dropdown to show for single mode
+          preventDefault(evt, true);
+          if (self.isLocked) return;
+          if (!self.shouldDelete([item], evt)) return;
+          self.removeItem(item);
+          self.refreshOptions(false);
+          self.inputState();
+        });
+        return item;
+      };
+    });
+  }
 
-	return plugin;
+  return plugin;
 
 }));
 //# sourceMappingURL=remove_button.js.map
@@ -4324,7 +4900,7 @@ var remove_button = createCommonjsModule(function (module, exports) {
 
 var checkbox_options = createCommonjsModule(function (module, exports) {
 /**
-* Tom Select v2.1.0
+* Tom Select v2.2.2
 * Licensed under the Apache License, Version 2.0 (the "License");
 */
 
@@ -4368,13 +4944,67 @@ var checkbox_options = createCommonjsModule(function (module, exports) {
 	  }
 	};
 
-	// @ts-ignore TS2691 "An import path cannot end with a '.ts' extension"
-	const latin_convert = {
-	  'æ': 'ae',
-	  'ⱥ': 'a',
-	  'ø': 'o'
+	/*! @orchidjs/unicode-variants | https://github.com/orchidjs/unicode-variants | Apache License (v2) */
+	const accent_pat = '[\u0300-\u036F\u{b7}\u{2be}\u{2bc}]';
+	/** @type {TUnicodeMap} */
+
+	const latin_convert = {};
+	/** @type {TUnicodeMap} */
+
+	const latin_condensed = {
+	  '/': '⁄∕',
+	  '0': '߀',
+	  "a": "ⱥɐɑ",
+	  "aa": "ꜳ",
+	  "ae": "æǽǣ",
+	  "ao": "ꜵ",
+	  "au": "ꜷ",
+	  "av": "ꜹꜻ",
+	  "ay": "ꜽ",
+	  "b": "ƀɓƃ",
+	  "c": "ꜿƈȼↄ",
+	  "d": "đɗɖᴅƌꮷԁɦ",
+	  "e": "ɛǝᴇɇ",
+	  "f": "ꝼƒ",
+	  "g": "ǥɠꞡᵹꝿɢ",
+	  "h": "ħⱨⱶɥ",
+	  "i": "ɨı",
+	  "j": "ɉȷ",
+	  "k": "ƙⱪꝁꝃꝅꞣ",
+	  "l": "łƚɫⱡꝉꝇꞁɭ",
+	  "m": "ɱɯϻ",
+	  "n": "ꞥƞɲꞑᴎлԉ",
+	  "o": "øǿɔɵꝋꝍᴑ",
+	  "oe": "œ",
+	  "oi": "ƣ",
+	  "oo": "ꝏ",
+	  "ou": "ȣ",
+	  "p": "ƥᵽꝑꝓꝕρ",
+	  "q": "ꝗꝙɋ",
+	  "r": "ɍɽꝛꞧꞃ",
+	  "s": "ßȿꞩꞅʂ",
+	  "t": "ŧƭʈⱦꞇ",
+	  "th": "þ",
+	  "tz": "ꜩ",
+	  "u": "ʉ",
+	  "v": "ʋꝟʌ",
+	  "vy": "ꝡ",
+	  "w": "ⱳ",
+	  "y": "ƴɏỿ",
+	  "z": "ƶȥɀⱬꝣ",
+	  "hv": "ƕ"
 	};
-	new RegExp(Object.keys(latin_convert).join('|'), 'gu');
+
+	for (let latin in latin_condensed) {
+	  let unicode = latin_condensed[latin] || '';
+
+	  for (let i = 0; i < unicode.length; i++) {
+	    let char = unicode.substring(i, i + 1);
+	    latin_convert[char] = latin;
+	  }
+	}
+
+	new RegExp(Object.keys(latin_convert).join('|') + '|' + accent_pat, 'gu');
 
 	/**
 	 * Return a dom element from either a dom query string, jQuery object, a dom element or html string
@@ -4393,10 +5023,10 @@ var checkbox_options = createCommonjsModule(function (module, exports) {
 	  }
 
 	  if (isHtmlString(query)) {
-	    let div = document.createElement('div');
-	    div.innerHTML = query.trim(); // Never return a text node of whitespace as the result
+	    var tpl = document.createElement('template');
+	    tpl.innerHTML = query.trim(); // Never return a text node of whitespace as the result
 
-	    return div.firstChild;
+	    return tpl.content.firstChild;
 	  }
 
 	  return document.querySelector(query);
@@ -4506,7 +5136,7 @@ var checkbox_options = createCommonjsModule(function (module, exports) {
 
 var input_autogrow = createCommonjsModule(function (module, exports) {
 /**
-* Tom Select v2.1.0
+* Tom Select v2.2.2
 * Licensed under the Apache License, Version 2.0 (the "License");
 */
 
@@ -4528,7 +5158,7 @@ var input_autogrow = createCommonjsModule(function (module, exports) {
 	 *
 	 */
 	/**
-	 * Prevent default
+	 * Add event helper
 	 *
 	 */
 
@@ -4590,7 +5220,7 @@ var input_autogrow = createCommonjsModule(function (module, exports) {
 
 var no_backspace_delete = createCommonjsModule(function (module, exports) {
 /**
-* Tom Select v2.1.0
+* Tom Select v2.2.2
 * Licensed under the Apache License, Version 2.0 (the "License");
 */
 
@@ -4630,12 +5260,13 @@ var no_backspace_delete = createCommonjsModule(function (module, exports) {
 
 const stzhDropdownCss = ":host{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}:host[hidden]{display:none}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}stzh-dropdown{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block;--color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--border-color:var(--stzh-color-grey61);--label-color:var(--stzh-color-grey61);--placeholder-color:var(--stzh-color-grey61);--background-color:var(--stzh-color-white);--label-background:var(--stzh-color-white);--icon-size:var(--stzh-icon-size-small);--hover-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-border-color:var(--hover-color);--popover-width:100%;--popover-min-width:var(--stzh-popover-min-width);--popover-max-width:var(--stzh-popover-min-width);--popover-max-height:calc(6.5 * var(--stzh-menu-item-height));width:100%;border-radius:var(--stzh-form-input-border-radius);}stzh-dropdown[hidden]{display:none}stzh-dropdown *,stzh-dropdown *::before,stzh-dropdown *::after{-webkit-box-sizing:border-box;box-sizing:border-box}stzh-dropdown[variant=plain]{--background-color:transparent}stzh-dropdown[inline]:not([inline=false]){--popover-width:auto;width:auto}stzh-dropdown[invalid]:not([invalid=false]){--color:var(--stzh-color-error);--border-color:var(--stzh-color-error);--label-color:var(--stzh-color-error);--placeholder-color:var(--stzh-color-error);--hover-color:var(--stzh-color-error);--hover-border-color:var(--stzh-color-error)}stzh-dropdown[disabled]:not([disabled=false]){--color:var(--stzh-color-grey61);--border-color:transparent;--label-color:var(--stzh-color-grey61);--placeholder-color:var(--stzh-color-grey61);--background-color:var(--stzh-color-black8);--label-background:transparent;--hover-color:var(--stzh-color-grey61);--hover-border-color:transparent}stzh-dropdown[disabled]:not([disabled=false])[variant=plain]{--background-color:transparent}.stzh-dropdown__icon-wrapper stzh-icon,.stzh-dropdown__icon{--size:var(--icon-size)}.stzh-dropdown{}.stzh-dropdown__marker-symbol{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal}.stzh-dropdown__marker-text{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-dropdown__description-wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.stzh-dropdown__error,.stzh-dropdown__description{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);color:var(--stzh-base-color)}.stzh-dropdown__error{color:var(--stzh-color-error)}.stzh-dropdown__error-list{list-style:none;margin:0;padding:0}.stzh-dropdown__description{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.stzh-dropdown__description-long{margin-left:var(--stzh-space-xxsmall);margin-top:0.1875rem}.stzh-dropdown__description-long-popover{--width:auto;--max-width:27.3125rem}.stzh-dropdown__description-long-popover[open]:not([open=false]) .stzh-dropdown__description-long-button{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-dropdown__description-long-button{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;padding:0;border:none;background-color:transparent;border-radius:0.5rem;cursor:pointer;-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);color:var(--stzh-base-lead-color)}.stzh-dropdown__description-long-button:hover{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-dropdown stzh-icon.stzh-dropdown__description-long-icon{--size:var(--stzh-icon-size-xsmall)}.stzh-dropdown--has-error .stzh-dropdown__error,.stzh-dropdown--has-description .stzh-dropdown__description{margin-top:var(--stzh-space-xxsmall)}.stzh-dropdown .ts-hidden-accessible{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-dropdown .ts-dropdown-content{max-height:var(--popover-max-height);overflow-y:auto;overflow-x:hidden;overflow-scrolling:touch;scroll-behavior:smooth}.stzh-dropdown .ts-control{overflow:hidden;position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;border-radius:var(--stzh-form-input-border-radius);background-color:var(--background-color);-webkit-transition-property:color, border-color;transition-property:color, border-color;-webkit-transition-duration:var(--stzh-base-transition-animation-speed);transition-duration:var(--stzh-base-transition-animation-speed);cursor:pointer}.stzh-dropdown .ts-control:hover,.stzh-dropdown .ts-control:focus-within{border-color:var(--hover-border-color);outline:none}.stzh-dropdown .ts-control>*{vertical-align:baseline;display:inline-block}.stzh-dropdown .ts-control,.stzh-dropdown__sizer{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;width:100%;min-height:var(--stzh-form-input-height);border:0.0625rem solid var(--border-color)}.stzh-dropdown .ts-control>input{font-size:inherit;line-height:inherit;-ms-flex:1 1 auto;flex:1 1 auto;display:inline-block;padding:0;min-height:0;max-height:none;max-width:100%;margin:0;text-indent:0;border:0 none;background:none;-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto;-webkit-box-shadow:none;box-shadow:none;cursor:pointer}.stzh-dropdown .ts-control>input::-webkit-input-placeholder{color:var(--placeholder-color)}.stzh-dropdown .ts-control>input:-moz-placeholder{color:var(--placeholder-color)}.stzh-dropdown .ts-control>input::-moz-placeholder{color:var(--placeholder-color)}.stzh-dropdown .ts-control>input:-ms-input-placeholder{color:var(--placeholder-color)}.stzh-dropdown .ts-control>input::-ms-clear{display:none}.stzh-dropdown .ts-control>input:focus{outline:none}.stzh-dropdown .ts-control>input:-moz-placeholder-shown{text-overflow:ellipsis}.stzh-dropdown .ts-control>input:-ms-input-placeholder{text-overflow:ellipsis}.stzh-dropdown .ts-control>input:placeholder-shown{text-overflow:ellipsis}.stzh-dropdown__field-wrapper,.stzh-dropdown__select{position:relative}.stzh-dropdown__icon-wrapper{position:absolute}.stzh-dropdown__select .ts-control>input,.stzh-dropdown__select.single .stzh-dropdown__item,.stzh-dropdown__icon-wrapper,.stzh-dropdown__angle-icon{color:var(--color);-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed)}.stzh-dropdown__select.multi .stzh-dropdown__item{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-dropdown__select:hover .ts-control>input,.stzh-dropdown__select:focus-within .ts-control>input,.stzh-dropdown__select.single:hover .stzh-dropdown__item,.stzh-dropdown__select.single:focus-within .stzh-dropdown__item,.stzh-dropdown__select:hover~.stzh-dropdown__icon-wrapper,.stzh-dropdown__select:focus-within~.stzh-dropdown__icon-wrapper,.stzh-dropdown__select:hover~.stzh-dropdown__angle-icon,.stzh-dropdown__select:focus-within~.stzh-dropdown__angle-icon,.stzh-dropdown__select:hover~.stzh-dropdown__label,.stzh-dropdown__select:focus-within~.stzh-dropdown__label{color:var(--hover-color)}.stzh-dropdown__sizer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-top:calc(var(--stzh-form-input-height) / -1);pointer-events:none;visibility:hidden}.stzh-dropdown__select.has-items~.stzh-dropdown__sizer{display:none}.stzh-dropdown__select.plugin-input_hide~.stzh-dropdown__sizer{visibility:visible}.stzh-dropdown__select.input-active .ts-control,.stzh-dropdown__select.input-active .ts-control>input{cursor:text}.stzh-dropdown__select.input-hidden .ts-control>input,.stzh-dropdown__select.plugin-input_hide .ts-control>input{opacity:0;position:absolute;left:-625rem}.stzh-dropdown__select.single .ts-control,.stzh-dropdown__select.multi .ts-control,.stzh-dropdown__sizer{padding:var(--stzh-space-xsmall) var(--stzh-space-medium);padding-right:calc(var(--stzh-icon-size-medium) + var(--stzh-space-medium) + var(--stzh-space-xsmall))}.stzh-dropdown__icon-wrapper,.stzh-dropdown__angle-icon{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);pointer-events:none}.stzh-dropdown__icon-wrapper{display:-ms-flexbox;display:flex;left:var(--stzh-space-medium)}.stzh-dropdown stzh-icon.stzh-dropdown__angle-icon{--size:var(--stzh-icon-size-medium)}.stzh-dropdown__angle-icon{right:var(--stzh-space-medium)}.stzh-dropdown__label{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:var(--label-color);display:block;width:auto;position:absolute;top:calc(var(--stzh-form-input-height) / 2);left:calc(var(--stzh-space-medium) + 0.0625rem);max-width:calc(100% - var(--stzh-space-medium) * 2);-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all var(--stzh-base-transition-animation-speed);transition:all var(--stzh-base-transition-animation-speed);pointer-events:none}.stzh-dropdown__label:empty{display:none}.stzh-dropdown__label::before{content:\"\";display:none;background:var(--label-background);position:absolute;width:100%;z-index:-1;left:0;top:50%;height:0.125rem;margin-top:-0.03125rem}.stzh-dropdown__option,.stzh-dropdown__create{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:stretch;justify-content:stretch;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;text-decoration:none;outline:none;border:none;padding:var(--stzh-space-xsmall) var(--stzh-space-medium);padding-left:var(--stzh-space-large);color:var(--stzh-color-grey70);height:var(--stzh-menu-item-height);line-height:var(--stzh-menu-item-height);-webkit-transition:all var(--stzh-base-transition-animation-speed);transition:all var(--stzh-base-transition-animation-speed);cursor:pointer}.stzh-dropdown__option:hover,.stzh-dropdown__option.active,.stzh-dropdown__create:hover,.stzh-dropdown__create.active{background-color:var(--stzh-color-grey5)}.stzh-dropdown__option.selected,.stzh-dropdown__create.selected{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-dropdown__option.selected:hover,.stzh-dropdown__option.selected.active,.stzh-dropdown__create.selected:hover,.stzh-dropdown__create.selected.active{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));background-color:var(--stzh-color-primary8)}.stzh-dropdown__option input,.stzh-dropdown__create input{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-dropdown__create{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);display:block}.stzh-dropdown__option-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.stzh-dropdown__option[data-selectable] .highlight{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal}.stzh-dropdown__select .stzh-dropdown__option-check{display:none;color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-dropdown__option.selected:hover .stzh-dropdown__option-check,.stzh-dropdown__option.selected.active .stzh-dropdown__option-check{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-dropdown__no-results{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.stzh-dropdown__no-results,.stzh-dropdown__not-loading{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);padding:var(--stzh-space-xsmall) var(--stzh-space-medium);padding-left:var(--stzh-space-large)}.stzh-dropdown__optgroup-header{cursor:default}.stzh-dropdown__loader{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:2.375rem}.stzh-dropdown__dropdown{position:absolute;top:100%;left:0;width:var(--popover-width);margin-top:var(--stzh-space-xsmall);background-color:var(--stzh-color-white);-webkit-box-shadow:var(--stzh-box-shadow-popover);box-shadow:var(--stzh-box-shadow-popover);z-index:var(--stzh-z-index-popover);border-radius:var(--stzh-popover-border-radius);overflow:hidden}@media screen and (min-width: 600px){.stzh-dropdown__dropdown{min-width:var(--popover-min-width);max-width:var(--popover-max-width)}}.stzh-dropdown__select.plugin-input_autogrow.has-items .ts-control>input{min-width:0}.stzh-dropdown__select.plugin-input_autogrow.has-items.focus .ts-control>input{-ms-flex:none;flex:none;min-width:0.25rem}.stzh-dropdown__select.has-items .ts-control>input{margin:0 0.25rem}.stzh-dropdown__select.has-items .ts-control>input::-webkit-input-placeholder{color:transparent}.stzh-dropdown__select.has-items .ts-control>input:-moz-placeholder{color:transparent}.stzh-dropdown__select.has-items .ts-control>input::-moz-placeholder{color:transparent}.stzh-dropdown__select.has-items .ts-control>input:-ms-input-placeholder{color:transparent}.stzh-dropdown--is-multiple .stzh-dropdown__option-check{display:-ms-inline-flexbox;display:inline-flex;opacity:0;-webkit-transition:opacity var(--stzh-base-transition-animation-speed);transition:opacity var(--stzh-base-transition-animation-speed);margin-right:var(--stzh-space-xsmall)}.stzh-dropdown--is-multiple .stzh-dropdown__option{padding-left:var(--stzh-space-small)}.stzh-dropdown--is-multiple .stzh-dropdown__option.selected .stzh-dropdown__option-check{opacity:1}.stzh-dropdown--is-multiple .stzh-dropdown__select.multi.has-items .ts-control{padding-top:calc(var(--stzh-space-xsmall) - 0.0625rem);padding-bottom:calc(var(--stzh-space-xsmall) - 0.0625rem)}.stzh-dropdown--is-multiple .stzh-dropdown__select.multi .stzh-dropdown__item{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);position:relative;height:1.5rem;line-height:1.5rem;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;border-radius:0.75rem;padding:0 var(--stzh-space-medium);-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;border:0.0625rem solid transparent;background-color:var(--stzh-color-grey5);-webkit-transition:all var(--stzh-base-transition-animation-speed);transition:all var(--stzh-base-transition-animation-speed);margin:var(--stzh-space-xxsmall) var(--stzh-space-xxsmall) var(--stzh-space-xxsmall) 0;cursor:pointer}.stzh-dropdown--is-multiple .stzh-dropdown__select.multi .stzh-dropdown__item:hover{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));background-color:var(--stzh-color-primary8)}.stzh-dropdown--is-multiple .stzh-dropdown__select.multi .stzh-dropdown__item.active{color:var(--stzh-color-white);background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-dropdown--is-multiple .stzh-dropdown__select.plugin-remove_button .stzh-dropdown__item{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;padding-right:calc(1.5rem + var(--stzh-space-xxsmall))}.stzh-dropdown--is-multiple .stzh-dropdown__select.plugin-remove_button .stzh-dropdown__item .remove{position:absolute;top:50%;right:-0.0625rem;-webkit-transform:translateY(-50%);transform:translateY(-50%);text-decoration:none;width:1.5rem;height:1.5rem;border-radius:1.5rem;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;margin-left:var(--stzh-space-xxsmall);color:var(--stzh-base-lead-color);-webkit-transition:all var(--stzh-base-transition-animation-speed);transition:all var(--stzh-base-transition-animation-speed)}.stzh-dropdown--is-multiple .stzh-dropdown__select.plugin-remove_button .stzh-dropdown__item .remove:hover{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));background-color:var(--stzh-color-primary8)}.stzh-dropdown--is-multiple .stzh-dropdown__select.plugin-remove_button .stzh-dropdown__remove-icon{--size:var(--stzh-icon-size-xxsmall)}.stzh-dropdown--is-multiple .stzh-dropdown__select.plugin-remove_button .stzh-dropdown__item.active .stzh-dropdown__remove-icon{color:var(--stzh-color-white)}.stzh-dropdown--popover-placement-top .stzh-dropdown__dropdown{margin-top:0;top:auto;bottom:100%;margin-bottom:var(--stzh-space-xsmall)}.stzh-dropdown--popover-placement-top.stzh-dropdown--plain .stzh-dropdown__dropdown{margin-bottom:0}.stzh-dropdown--size-small .ts-control,.stzh-dropdown--size-small .stzh-dropdown__sizer{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}.stzh-dropdown--size-small .ts-control{min-height:var(--stzh-form-input-small-height)}.stzh-dropdown--size-small .stzh-dropdown__sizer{min-height:initial;height:var(--stzh-form-input-small-height);margin-top:calc(var(--stzh-form-input-small-height) / -1)}.stzh-dropdown--size-small .stzh-dropdown__label{top:calc(var(--stzh-form-input-small-height) / 2)}.stzh-dropdown--size-small .stzh-dropdown__select.single .ts-control,.stzh-dropdown--size-small .stzh-dropdown__select.multi .ts-control,.stzh-dropdown--size-small .stzh-dropdown__sizer{padding:var(--stzh-space-xxsmall) var(--stzh-space-medium);padding-right:calc(var(--stzh-icon-size-small) + var(--stzh-space-medium) + var(--stzh-space-xsmall))}.stzh-dropdown--size-small stzh-icon.stzh-dropdown__angle-icon{--size:var(--stzh-icon-size-small)}.stzh-dropdown--has-icon .stzh-dropdown__select.single .ts-control,.stzh-dropdown--has-icon .stzh-dropdown__select.multi .ts-control,.stzh-dropdown--has-icon .stzh-dropdown__sizer{padding-left:calc(var(--icon-size) + var(--stzh-space-medium) + var(--stzh-space-xsmall))}.stzh-dropdown--has-icon .stzh-dropdown__label{left:calc(var(--icon-size) + var(--stzh-space-medium) + var(--stzh-space-xsmall) + 0.0625rem)}.stzh-dropdown--plain .stzh-dropdown__select.single .ts-control,.stzh-dropdown--plain .stzh-dropdown__select.multi .ts-control,.stzh-dropdown--plain .stzh-dropdown__sizer{border:none;padding-left:0;padding-right:calc(var(--stzh-icon-size-medium) + var(--stzh-space-xsmall))}.stzh-dropdown--plain .stzh-dropdown__icon-wrapper{left:0}.stzh-dropdown--plain .stzh-dropdown__angle-icon{right:0}.stzh-dropdown--plain .stzh-dropdown__label{left:0;max-width:100%;padding:0}.stzh-dropdown--plain .stzh-dropdown__label::before{content:none}.stzh-dropdown--plain .stzh-dropdown__dropdown{margin-top:0}.stzh-dropdown--plain.stzh-dropdown--size-small .stzh-dropdown__select.single .ts-control,.stzh-dropdown--plain.stzh-dropdown--size-small .stzh-dropdown__select.multi .ts-control,.stzh-dropdown--plain.stzh-dropdown--size-small .stzh-dropdown__sizer{padding-right:calc(var(--stzh-icon-size-small) + var(--stzh-space-xsmall))}.stzh-dropdown--plain.stzh-dropdown--has-icon .stzh-dropdown__select.single .ts-control,.stzh-dropdown--plain.stzh-dropdown--has-icon .stzh-dropdown__select.multi .ts-control,.stzh-dropdown--plain.stzh-dropdown--has-icon .stzh-dropdown__sizer{padding-left:calc(var(--icon-size) + var(--stzh-space-xsmall))}.stzh-dropdown--plain.stzh-dropdown--has-icon .stzh-dropdown__label{left:calc(var(--icon-size) + var(--stzh-space-xsmall) + 0.0625rem)}.stzh-dropdown--has-fixed-label .stzh-dropdown__label,.stzh-dropdown--is-filled .stzh-dropdown__label,.stzh-dropdown--is-disabled .stzh-dropdown__label,.stzh-dropdown--is-invalid .stzh-dropdown__label,.stzh-dropdown--has-focus .stzh-dropdown__label{top:0;left:calc(var(--stzh-space-medium) - var(--stzh-space-xxsmall));height:1.25rem;line-height:1.25rem;padding:0 var(--stzh-space-xxsmall);max-width:calc(100% - (var(--stzh-space-medium) - var(--stzh-space-xxsmall)) * 2);pointer-events:all}.stzh-dropdown--has-fixed-label .stzh-dropdown__label:not(:empty)::before,.stzh-dropdown--is-filled .stzh-dropdown__label:not(:empty)::before,.stzh-dropdown--is-disabled .stzh-dropdown__label:not(:empty)::before,.stzh-dropdown--is-invalid .stzh-dropdown__label:not(:empty)::before,.stzh-dropdown--has-focus .stzh-dropdown__label:not(:empty)::before{display:block}.stzh-dropdown--plain.stzh-dropdown--has-fixed-label .stzh-dropdown__label,.stzh-dropdown--plain.stzh-dropdown--is-filled .stzh-dropdown__label,.stzh-dropdown--plain.stzh-dropdown--is-disabled .stzh-dropdown__label,.stzh-dropdown--plain.stzh-dropdown--is-invalid .stzh-dropdown__label,.stzh-dropdown--plain.stzh-dropdown--has-focus .stzh-dropdown__label{left:0;padding:0;max-width:100%}.stzh-dropdown--is-disabled .stzh-dropdown__select.multi .stzh-dropdown__item,.stzh-dropdown--is-disabled .stzh-dropdown__select.plugin-remove_button .stzh-dropdown__item .remove{cursor:not-allowed}.stzh-dropdown--is-disabled .stzh-dropdown__select.multi .stzh-dropdown__item,.stzh-dropdown--is-disabled .stzh-dropdown__select.multi .stzh-dropdown__item:hover{color:var(--stzh-color-grey25);background-color:var(--stzh-color-white);border-color:var(--stzh-base-border-color)}.stzh-dropdown--is-disabled .stzh-dropdown__select.plugin-remove_button .stzh-dropdown__item .remove,.stzh-dropdown--is-disabled .stzh-dropdown__select.plugin-remove_button .stzh-dropdown__item .remove:hover{color:var(--stzh-color-grey13);background-color:transparent}";
 
-const TomSelectInputHide = function (_plugin_options) {
-  // const self = this;
-  // self.on("initialize", () => {
-  //   const input = self.control_input as HTMLInputElement;
-  //   if (input) input.disabled = true;
-  // })
+const TomSelectInputReadonly = function (_plugin_options) {
+  const self = this;
+  self.on("initialize", () => {
+    const input = self.control_input;
+    if (input)
+      input.readOnly = true;
+  });
 };
 const CLASS_FILLED = "stzh-dropdown--is-filled";
 const CLASS_FOCUS = "stzh-dropdown--has-focus";
@@ -4643,7 +5274,7 @@ tomSelect_base.define("remove_button", remove_button);
 tomSelect_base.define("checkbox_options", checkbox_options);
 tomSelect_base.define("input_autogrow", input_autogrow);
 tomSelect_base.define("no_backspace_delete", no_backspace_delete);
-tomSelect_base.define("input_hide", TomSelectInputHide);
+tomSelect_base.define("input_readonly", TomSelectInputReadonly);
 let dropdownCounter = 0;
 const StzhDropdown = class {
   constructor(hostRef) {
@@ -4810,7 +5441,7 @@ const StzhDropdown = class {
     }
     const plugins = {};
     if (this.noSearch) {
-      plugins["input_hide"] = {};
+      plugins["input_readonly"] = {};
     }
     else {
       plugins["input_autogrow"] = {};