@ni/spright-components 1.0.20 → 1.0.22

package/dist/all-components-bundle.js

@@ -16280,7 +16280,7 @@
 
   /**
    * Do not edit directly
-   * Generated on Thu, 13 Jun 2024 16:48:33 GMT
+   * Generated on Mon, 17 Jun 2024 16:25:28 GMT
    */
 
   const Information100DarkUi = "#a46eff";
@@ -19800,7 +19800,8 @@
       popupIconWarningLabel: 'Warning',
       popupIconInformationLabel: 'Information',
       filterSearchLabel: 'Search',
-      filterNoResultsLabel: 'No items found'
+      filterNoResultsLabel: 'No items found',
+      loadingLabel: 'Loading…'
   };
 
   const popupDismissLabel = DesignToken.create({
@@ -19835,6 +19836,10 @@
       name: 'filter-no-results-label',
       cssCustomPropertyName: null
   }).withDefault(coreLabelDefaults.filterNoResultsLabel);
+  const loadingLabel = DesignToken.create({
+      name: 'loading-label',
+      cssCustomPropertyName: null
+  }).withDefault(coreLabelDefaults.loadingLabel);
 
   // prettier-ignore
   const template$A = html `
@@ -20907,7 +20912,8 @@
    */
   const FilterMode = {
       none: undefined,
-      standard: 'standard'
+      standard: 'standard',
+      manual: 'manual'
   };
 
   const styles$I = css `
@@ -24657,7 +24663,8 @@
       popupIconWarning: popupIconWarningLabel,
       popupIconInformation: popupIconInformationLabel,
       filterSearch: filterSearchLabel,
-      filterNoResults: filterNoResultsLabel
+      filterNoResults: filterNoResultsLabel,
+      loading: loadingLabel
   };
   /**
    * Core label provider for Nimble
@@ -24692,6 +24699,9 @@
   __decorate$1([
       attr({ attribute: 'filter-no-results' })
   ], LabelProviderCore.prototype, "filterNoResults", void 0);
+  __decorate$1([
+      attr({ attribute: 'loading' })
+  ], LabelProviderCore.prototype, "loading", void 0);
   const nimbleLabelProviderCore = LabelProviderCore.compose({
       baseName: 'label-provider-core',
       styles: styles$F
@@ -51839,38 +51849,35 @@ img.ProseMirror-separator {
   LinkifyIt.prototype.onCompile = function onCompile () {
   };
 
-  /*! https://mths.be/punycode v1.4.1 by @mathias */
-
-
   /** Highest positive signed 32-bit float value */
-  var maxInt = 2147483647; // aka. 0x7FFFFFFF or 2^31-1
+  const maxInt = 2147483647; // aka. 0x7FFFFFFF or 2^31-1
 
   /** Bootstring parameters */
-  var base = 36;
-  var tMin = 1;
-  var tMax = 26;
-  var skew = 38;
-  var damp = 700;
-  var initialBias = 72;
-  var initialN = 128; // 0x80
-  var delimiter = '-'; // '\x2D'
+  const base = 36;
+  const tMin = 1;
+  const tMax = 26;
+  const skew = 38;
+  const damp = 700;
+  const initialBias = 72;
+  const initialN = 128; // 0x80
+  const delimiter = '-'; // '\x2D'
 
   /** Regular expressions */
-  var regexPunycode = /^xn--/;
-  var regexNonASCII = /[^\x20-\x7E]/; // unprintable ASCII chars + non-ASCII chars
-  var regexSeparators = /[\x2E\u3002\uFF0E\uFF61]/g; // RFC 3490 separators
+  const regexPunycode = /^xn--/;
+  const regexNonASCII = /[^\0-\x7F]/; // Note: U+007F DEL is excluded too.
+  const regexSeparators = /[\x2E\u3002\uFF0E\uFF61]/g; // RFC 3490 separators
 
   /** Error messages */
-  var errors = {
-    'overflow': 'Overflow: input needs wider integers to process',
-    'not-basic': 'Illegal input >= 0x80 (not a basic code point)',
-    'invalid-input': 'Invalid input'
+  const errors = {
+  	'overflow': 'Overflow: input needs wider integers to process',
+  	'not-basic': 'Illegal input >= 0x80 (not a basic code point)',
+  	'invalid-input': 'Invalid input'
   };
 
   /** Convenience shortcuts */
-  var baseMinusTMin = base - tMin;
-  var floor = Math.floor;
-  var stringFromCharCode = String.fromCharCode;
+  const baseMinusTMin = base - tMin;
+  const floor = Math.floor;
+  const stringFromCharCode = String.fromCharCode;
 
   /*--------------------------------------------------------------------------*/
 
@@ -51881,7 +51888,7 @@ img.ProseMirror-separator {
    * @returns {Error} Throws a `RangeError` with the applicable error message.
    */
   function error(type) {
-    throw new RangeError(errors[type]);
+  	throw new RangeError(errors[type]);
   }
 
   /**
@@ -51892,13 +51899,13 @@ img.ProseMirror-separator {
    * item.
    * @returns {Array} A new array of values returned by the callback function.
    */
-  function map$1(array, fn) {
-    var length = array.length;
-    var result = [];
-    while (length--) {
-      result[length] = fn(array[length]);
-    }
-    return result;
+  function map$1(array, callback) {
+  	const result = [];
+  	let length = array.length;
+  	while (length--) {
+  		result[length] = callback(array[length]);
+  	}
+  	return result;
   }
 
   /**
@@ -51908,23 +51915,23 @@ img.ProseMirror-separator {
    * @param {String} domain The domain name or email address.
    * @param {Function} callback The function that gets called for every
    * character.
-   * @returns {Array} A new string of characters returned by the callback
+   * @returns {String} A new string of characters returned by the callback
    * function.
    */
-  function mapDomain(string, fn) {
-    var parts = string.split('@');
-    var result = '';
-    if (parts.length > 1) {
-      // In email addresses, only the domain name should be punycoded. Leave
-      // the local part (i.e. everything up to `@`) intact.
-      result = parts[0] + '@';
-      string = parts[1];
-    }
-    // Avoid `split(regex)` for IE8 compatibility. See #17.
-    string = string.replace(regexSeparators, '\x2E');
-    var labels = string.split('.');
-    var encoded = map$1(labels, fn).join('.');
-    return result + encoded;
+  function mapDomain(domain, callback) {
+  	const parts = domain.split('@');
+  	let result = '';
+  	if (parts.length > 1) {
+  		// In email addresses, only the domain name should be punycoded. Leave
+  		// the local part (i.e. everything up to `@`) intact.
+  		result = parts[0] + '@';
+  		domain = parts[1];
+  	}
+  	// Avoid `split(regex)` for IE8 compatibility. See #17.
+  	domain = domain.replace(regexSeparators, '\x2E');
+  	const labels = domain.split('.');
+  	const encoded = map$1(labels, callback).join('.');
+  	return result + encoded;
   }
 
   /**
@@ -51941,29 +51948,27 @@ img.ProseMirror-separator {
    * @returns {Array} The new array of code points.
    */
   function ucs2decode(string) {
-    var output = [],
-      counter = 0,
-      length = string.length,
-      value,
-      extra;
-    while (counter < length) {
-      value = string.charCodeAt(counter++);
-      if (value >= 0xD800 && value <= 0xDBFF && counter < length) {
-        // high surrogate, and there is a next character
-        extra = string.charCodeAt(counter++);
-        if ((extra & 0xFC00) == 0xDC00) { // low surrogate
-          output.push(((value & 0x3FF) << 10) + (extra & 0x3FF) + 0x10000);
-        } else {
-          // unmatched surrogate; only append this code unit, in case the next
-          // code unit is the high surrogate of a surrogate pair
-          output.push(value);
-          counter--;
-        }
-      } else {
-        output.push(value);
-      }
-    }
-    return output;
+  	const output = [];
+  	let counter = 0;
+  	const length = string.length;
+  	while (counter < length) {
+  		const value = string.charCodeAt(counter++);
+  		if (value >= 0xD800 && value <= 0xDBFF && counter < length) {
+  			// It's a high surrogate, and there is a next character.
+  			const extra = string.charCodeAt(counter++);
+  			if ((extra & 0xFC00) == 0xDC00) { // Low surrogate.
+  				output.push(((value & 0x3FF) << 10) + (extra & 0x3FF) + 0x10000);
+  			} else {
+  				// It's an unmatched surrogate; only append this code unit, in case the
+  				// next code unit is the high surrogate of a surrogate pair.
+  				output.push(value);
+  				counter--;
+  			}
+  		} else {
+  			output.push(value);
+  		}
+  	}
+  	return output;
   }
 
   /**
@@ -51974,18 +51979,7 @@ img.ProseMirror-separator {
    * @param {Array} codePoints The array of numeric code points.
    * @returns {String} The new Unicode string (UCS-2).
    */
-  function ucs2encode(array) {
-    return map$1(array, function(value) {
-      var output = '';
-      if (value > 0xFFFF) {
-        value -= 0x10000;
-        output += stringFromCharCode(value >>> 10 & 0x3FF | 0xD800);
-        value = 0xDC00 | value & 0x3FF;
-      }
-      output += stringFromCharCode(value);
-      return output;
-    }).join('');
-  }
+  const ucs2encode = codePoints => String.fromCodePoint(...codePoints);
 
   /**
    * Converts a basic code point into a digit/integer.
@@ -51996,18 +51990,18 @@ img.ProseMirror-separator {
    * representing integers) in the range `0` to `base - 1`, or `base` if
    * the code point does not represent a value.
    */
-  function basicToDigit(codePoint) {
-    if (codePoint - 48 < 10) {
-      return codePoint - 22;
-    }
-    if (codePoint - 65 < 26) {
-      return codePoint - 65;
-    }
-    if (codePoint - 97 < 26) {
-      return codePoint - 97;
-    }
-    return base;
-  }
+  const basicToDigit = function(codePoint) {
+  	if (codePoint >= 0x30 && codePoint < 0x3A) {
+  		return 26 + (codePoint - 0x30);
+  	}
+  	if (codePoint >= 0x41 && codePoint < 0x5B) {
+  		return codePoint - 0x41;
+  	}
+  	if (codePoint >= 0x61 && codePoint < 0x7B) {
+  		return codePoint - 0x61;
+  	}
+  	return base;
+  };
 
   /**
    * Converts a digit/integer into a basic code point.
@@ -52020,26 +52014,26 @@ img.ProseMirror-separator {
    * used; else, the lowercase form is used. The behavior is undefined
    * if `flag` is non-zero and `digit` has no uppercase form.
    */
-  function digitToBasic(digit, flag) {
-    //  0..25 map to ASCII a..z or A..Z
-    // 26..35 map to ASCII 0..9
-    return digit + 22 + 75 * (digit < 26) - ((flag != 0) << 5);
-  }
+  const digitToBasic = function(digit, flag) {
+  	//  0..25 map to ASCII a..z or A..Z
+  	// 26..35 map to ASCII 0..9
+  	return digit + 22 + 75 * (digit < 26) - ((flag != 0) << 5);
+  };
 
   /**
    * Bias adaptation function as per section 3.4 of RFC 3492.
    * https://tools.ietf.org/html/rfc3492#section-3.4
    * @private
    */
-  function adapt(delta, numPoints, firstTime) {
-    var k = 0;
-    delta = firstTime ? floor(delta / damp) : delta >> 1;
-    delta += floor(delta / numPoints);
-    for ( /* no initialization */ ; delta > baseMinusTMin * tMax >> 1; k += base) {
-      delta = floor(delta / baseMinusTMin);
-    }
-    return floor(k + (baseMinusTMin + 1) * delta / (delta + skew));
-  }
+  const adapt = function(delta, numPoints, firstTime) {
+  	let k = 0;
+  	delta = firstTime ? floor(delta / damp) : delta >> 1;
+  	delta += floor(delta / numPoints);
+  	for (/* no initialization */; delta > baseMinusTMin * tMax >> 1; k += base) {
+  		delta = floor(delta / baseMinusTMin);
+  	}
+  	return floor(k + (baseMinusTMin + 1) * delta / (delta + skew));
+  };
 
   /**
    * Converts a Punycode string of ASCII-only symbols to a string of Unicode
@@ -52048,213 +52042,187 @@ img.ProseMirror-separator {
    * @param {String} input The Punycode string of ASCII-only symbols.
    * @returns {String} The resulting string of Unicode symbols.
    */
-  function decode(input) {
-    // Don't use UCS-2
-    var output = [],
-      inputLength = input.length,
-      out,
-      i = 0,
-      n = initialN,
-      bias = initialBias,
-      basic,
-      j,
-      index,
-      oldi,
-      w,
-      k,
-      digit,
-      t,
-      /** Cached calculation results */
-      baseMinusT;
-
-    // Handle the basic code points: let `basic` be the number of input code
-    // points before the last delimiter, or `0` if there is none, then copy
-    // the first basic code points to the output.
-
-    basic = input.lastIndexOf(delimiter);
-    if (basic < 0) {
-      basic = 0;
-    }
-
-    for (j = 0; j < basic; ++j) {
-      // if it's not a basic code point
-      if (input.charCodeAt(j) >= 0x80) {
-        error('not-basic');
-      }
-      output.push(input.charCodeAt(j));
-    }
-
-    // Main decoding loop: start just after the last delimiter if any basic code
-    // points were copied; start at the beginning otherwise.
-
-    for (index = basic > 0 ? basic + 1 : 0; index < inputLength; /* no final expression */ ) {
-
-      // `index` is the index of the next character to be consumed.
-      // Decode a generalized variable-length integer into `delta`,
-      // which gets added to `i`. The overflow checking is easier
-      // if we increase `i` as we go, then subtract off its starting
-      // value at the end to obtain `delta`.
-      for (oldi = i, w = 1, k = base; /* no condition */ ; k += base) {
-
-        if (index >= inputLength) {
-          error('invalid-input');
-        }
+  const decode = function(input) {
+  	// Don't use UCS-2.
+  	const output = [];
+  	const inputLength = input.length;
+  	let i = 0;
+  	let n = initialN;
+  	let bias = initialBias;
 
-        digit = basicToDigit(input.charCodeAt(index++));
+  	// Handle the basic code points: let `basic` be the number of input code
+  	// points before the last delimiter, or `0` if there is none, then copy
+  	// the first basic code points to the output.
 
-        if (digit >= base || digit > floor((maxInt - i) / w)) {
-          error('overflow');
-        }
-
-        i += digit * w;
-        t = k <= bias ? tMin : (k >= bias + tMax ? tMax : k - bias);
+  	let basic = input.lastIndexOf(delimiter);
+  	if (basic < 0) {
+  		basic = 0;
+  	}
 
-        if (digit < t) {
-          break;
-        }
+  	for (let j = 0; j < basic; ++j) {
+  		// if it's not a basic code point
+  		if (input.charCodeAt(j) >= 0x80) {
+  			error('not-basic');
+  		}
+  		output.push(input.charCodeAt(j));
+  	}
 
-        baseMinusT = base - t;
-        if (w > floor(maxInt / baseMinusT)) {
-          error('overflow');
-        }
+  	// Main decoding loop: start just after the last delimiter if any basic code
+  	// points were copied; start at the beginning otherwise.
 
-        w *= baseMinusT;
+  	for (let index = basic > 0 ? basic + 1 : 0; index < inputLength; /* no final expression */) {
 
-      }
+  		// `index` is the index of the next character to be consumed.
+  		// Decode a generalized variable-length integer into `delta`,
+  		// which gets added to `i`. The overflow checking is easier
+  		// if we increase `i` as we go, then subtract off its starting
+  		// value at the end to obtain `delta`.
+  		const oldi = i;
+  		for (let w = 1, k = base; /* no condition */; k += base) {
 
-      out = output.length + 1;
-      bias = adapt(i - oldi, out, oldi == 0);
+  			if (index >= inputLength) {
+  				error('invalid-input');
+  			}
 
-      // `i` was supposed to wrap around from `out` to `0`,
-      // incrementing `n` each time, so we'll fix that now:
-      if (floor(i / out) > maxInt - n) {
-        error('overflow');
-      }
+  			const digit = basicToDigit(input.charCodeAt(index++));
 
-      n += floor(i / out);
-      i %= out;
+  			if (digit >= base) {
+  				error('invalid-input');
+  			}
+  			if (digit > floor((maxInt - i) / w)) {
+  				error('overflow');
+  			}
 
-      // Insert `n` at position `i` of the output
-      output.splice(i++, 0, n);
+  			i += digit * w;
+  			const t = k <= bias ? tMin : (k >= bias + tMax ? tMax : k - bias);
 
-    }
+  			if (digit < t) {
+  				break;
+  			}
 
-    return ucs2encode(output);
-  }
+  			const baseMinusT = base - t;
+  			if (w > floor(maxInt / baseMinusT)) {
+  				error('overflow');
+  			}
 
-  /**
-   * Converts a string of Unicode symbols (e.g. a domain name label) to a
-   * Punycode string of ASCII-only symbols.
-   * @memberOf punycode
-   * @param {String} input The string of Unicode symbols.
-   * @returns {String} The resulting Punycode string of ASCII-only symbols.
-   */
-  function encode(input) {
-    var n,
-      delta,
-      handledCPCount,
-      basicLength,
-      bias,
-      j,
-      m,
-      q,
-      k,
-      t,
-      currentValue,
-      output = [],
-      /** `inputLength` will hold the number of code points in `input`. */
-      inputLength,
-      /** Cached calculation results */
-      handledCPCountPlusOne,
-      baseMinusT,
-      qMinusT;
-
-    // Convert the input in UCS-2 to Unicode
-    input = ucs2decode(input);
-
-    // Cache the length
-    inputLength = input.length;
-
-    // Initialize the state
-    n = initialN;
-    delta = 0;
-    bias = initialBias;
-
-    // Handle the basic code points
-    for (j = 0; j < inputLength; ++j) {
-      currentValue = input[j];
-      if (currentValue < 0x80) {
-        output.push(stringFromCharCode(currentValue));
-      }
-    }
-
-    handledCPCount = basicLength = output.length;
-
-    // `handledCPCount` is the number of code points that have been handled;
-    // `basicLength` is the number of basic code points.
-
-    // Finish the basic string - if it is not empty - with a delimiter
-    if (basicLength) {
-      output.push(delimiter);
-    }
-
-    // Main encoding loop:
-    while (handledCPCount < inputLength) {
-
-      // All non-basic code points < n have been handled already. Find the next
-      // larger one:
-      for (m = maxInt, j = 0; j < inputLength; ++j) {
-        currentValue = input[j];
-        if (currentValue >= n && currentValue < m) {
-          m = currentValue;
-        }
-      }
+  			w *= baseMinusT;
 
-      // Increase `delta` enough to advance the decoder's <n,i> state to <m,0>,
-      // but guard against overflow
-      handledCPCountPlusOne = handledCPCount + 1;
-      if (m - n > floor((maxInt - delta) / handledCPCountPlusOne)) {
-        error('overflow');
-      }
+  		}
 
-      delta += (m - n) * handledCPCountPlusOne;
-      n = m;
+  		const out = output.length + 1;
+  		bias = adapt(i - oldi, out, oldi == 0);
 
-      for (j = 0; j < inputLength; ++j) {
-        currentValue = input[j];
+  		// `i` was supposed to wrap around from `out` to `0`,
+  		// incrementing `n` each time, so we'll fix that now:
+  		if (floor(i / out) > maxInt - n) {
+  			error('overflow');
+  		}
 
-        if (currentValue < n && ++delta > maxInt) {
-          error('overflow');
-        }
+  		n += floor(i / out);
+  		i %= out;
 
-        if (currentValue == n) {
-          // Represent delta as a generalized variable-length integer
-          for (q = delta, k = base; /* no condition */ ; k += base) {
-            t = k <= bias ? tMin : (k >= bias + tMax ? tMax : k - bias);
-            if (q < t) {
-              break;
-            }
-            qMinusT = q - t;
-            baseMinusT = base - t;
-            output.push(
-              stringFromCharCode(digitToBasic(t + qMinusT % baseMinusT, 0))
-            );
-            q = floor(qMinusT / baseMinusT);
-          }
+  		// Insert `n` at position `i` of the output.
+  		output.splice(i++, 0, n);
 
-          output.push(stringFromCharCode(digitToBasic(q, 0)));
-          bias = adapt(delta, handledCPCountPlusOne, handledCPCount == basicLength);
-          delta = 0;
-          ++handledCPCount;
-        }
-      }
+  	}
 
-      ++delta;
-      ++n;
+  	return String.fromCodePoint(...output);
+  };
 
-    }
-    return output.join('');
-  }
+  /**
+   * Converts a string of Unicode symbols (e.g. a domain name label) to a
+   * Punycode string of ASCII-only symbols.
+   * @memberOf punycode
+   * @param {String} input The string of Unicode symbols.
+   * @returns {String} The resulting Punycode string of ASCII-only symbols.
+   */
+  const encode = function(input) {
+  	const output = [];
+
+  	// Convert the input in UCS-2 to an array of Unicode code points.
+  	input = ucs2decode(input);
+
+  	// Cache the length.
+  	const inputLength = input.length;
+
+  	// Initialize the state.
+  	let n = initialN;
+  	let delta = 0;
+  	let bias = initialBias;
+
+  	// Handle the basic code points.
+  	for (const currentValue of input) {
+  		if (currentValue < 0x80) {
+  			output.push(stringFromCharCode(currentValue));
+  		}
+  	}
+
+  	const basicLength = output.length;
+  	let handledCPCount = basicLength;
+
+  	// `handledCPCount` is the number of code points that have been handled;
+  	// `basicLength` is the number of basic code points.
+
+  	// Finish the basic string with a delimiter unless it's empty.
+  	if (basicLength) {
+  		output.push(delimiter);
+  	}
+
+  	// Main encoding loop:
+  	while (handledCPCount < inputLength) {
+
+  		// All non-basic code points < n have been handled already. Find the next
+  		// larger one:
+  		let m = maxInt;
+  		for (const currentValue of input) {
+  			if (currentValue >= n && currentValue < m) {
+  				m = currentValue;
+  			}
+  		}
+
+  		// Increase `delta` enough to advance the decoder's <n,i> state to <m,0>,
+  		// but guard against overflow.
+  		const handledCPCountPlusOne = handledCPCount + 1;
+  		if (m - n > floor((maxInt - delta) / handledCPCountPlusOne)) {
+  			error('overflow');
+  		}
+
+  		delta += (m - n) * handledCPCountPlusOne;
+  		n = m;
+
+  		for (const currentValue of input) {
+  			if (currentValue < n && ++delta > maxInt) {
+  				error('overflow');
+  			}
+  			if (currentValue === n) {
+  				// Represent delta as a generalized variable-length integer.
+  				let q = delta;
+  				for (let k = base; /* no condition */; k += base) {
+  					const t = k <= bias ? tMin : (k >= bias + tMax ? tMax : k - bias);
+  					if (q < t) {
+  						break;
+  					}
+  					const qMinusT = q - t;
+  					const baseMinusT = base - t;
+  					output.push(
+  						stringFromCharCode(digitToBasic(t + qMinusT % baseMinusT, 0))
+  					);
+  					q = floor(qMinusT / baseMinusT);
+  				}
+
+  				output.push(stringFromCharCode(digitToBasic(q, 0)));
+  				bias = adapt(delta, handledCPCountPlusOne, handledCPCount === basicLength);
+  				delta = 0;
+  				++handledCPCount;
+  			}
+  		}
+
+  		++delta;
+  		++n;
+
+  	}
+  	return output.join('');
+  };
 
   /**
    * Converts a Punycode string representing a domain name or an email address
@@ -52267,13 +52235,13 @@ img.ProseMirror-separator {
    * @returns {String} The Unicode representation of the given Punycode
    * string.
    */
-  function toUnicode(input) {
-    return mapDomain(input, function(string) {
-      return regexPunycode.test(string) ?
-        decode(string.slice(4).toLowerCase()) :
-        string;
-    });
-  }
+  const toUnicode = function(input) {
+  	return mapDomain(input, function(string) {
+  		return regexPunycode.test(string)
+  			? decode(string.slice(4).toLowerCase())
+  			: string;
+  	});
+  };
 
   /**
    * Converts a Unicode string representing a domain name or an email address to
@@ -52286,33 +52254,39 @@ img.ProseMirror-separator {
    * @returns {String} The Punycode representation of the given domain name or
    * email address.
    */
-  function toASCII(input) {
-    return mapDomain(input, function(string) {
-      return regexNonASCII.test(string) ?
-        'xn--' + encode(string) :
-        string;
-    });
-  }
-  var version = '1.4.1';
-  /**
-   * An object of methods to convert from JavaScript's internal character
-   * representation (UCS-2) to Unicode code points, and back.
-   * @see <https://mathiasbynens.be/notes/javascript-encoding>
-   * @memberOf punycode
-   * @type Object
-   */
-
-  var ucs2 = {
-    decode: ucs2decode,
-    encode: ucs2encode
+  const toASCII = function(input) {
+  	return mapDomain(input, function(string) {
+  		return regexNonASCII.test(string)
+  			? 'xn--' + encode(string)
+  			: string;
+  	});
   };
-  var punycode = {
-    version: version,
-    ucs2: ucs2,
-    toASCII: toASCII,
-    toUnicode: toUnicode,
-    encode: encode,
-    decode: decode
+
+  /*--------------------------------------------------------------------------*/
+
+  /** Define the public API */
+  const punycode = {
+  	/**
+  	 * A string representing the current Punycode.js version number.
+  	 * @memberOf punycode
+  	 * @type String
+  	 */
+  	'version': '2.3.1',
+  	/**
+  	 * An object of methods to convert from JavaScript's internal character
+  	 * representation (UCS-2) to Unicode code points, and back.
+  	 * @see <https://mathiasbynens.be/notes/javascript-encoding>
+  	 * @memberOf punycode
+  	 * @type Object
+  	 */
+  	'ucs2': {
+  		'decode': ucs2decode,
+  		'encode': ucs2encode
+  	},
+  	'decode': decode,
+  	'encode': encode,
+  	'toASCII': toASCII,
+  	'toUnicode': toUnicode
   };
 
   // markdown-it default options
@@ -59435,6 +59409,37 @@ img.ProseMirror-separator {
         align-items: center;
         padding: ${smallPadding} ${mediumPadding};
     }
+
+    .loading-container {
+        padding-left: ${mediumPadding};
+        padding-right: ${mediumPadding};
+        display: flex;
+        height: ${controlHeight};
+        flex: 1 0 auto;
+    }
+
+    .loading-container.above {
+        align-items: end;
+        padding-bottom: ${smallPadding};
+    }
+
+    .loading-container.below {
+        align-items: normal;
+        padding-top: ${smallPadding};
+    }
+
+    .loading-container.empty {
+        padding: ${smallPadding} ${mediumPadding};
+        align-items: center;
+    }
+
+    .loading-label {
+        color: ${placeholderFontColor};
+    }
+
+    .loading-spinner {
+        margin-left: auto;
+    }
 `.withBehaviors(appearanceBehavior(DropdownAppearance.block, css `
             :host([error-visible]) .control {
                 border-bottom-width: ${borderWidth};
@@ -59442,11 +59447,235 @@ img.ProseMirror-separator {
             }
         `), themeBehavior(Theme.color, css `
             .filter-field,
-            .no-results-label {
+            .no-results-label,
+            .loading-container {
                 background: ${hexToRgbaCssColor(White, 0.15)};
             }
         `));
 
+  const styles$q = css `
+    ${display$1('inline-grid')}
+
+    :host {
+        height: ${spinnerSmallHeight};
+        aspect-ratio: 1 / 1;
+    }
+
+    div.overlay {
+        z-index: ${ZIndexLevels.zIndex1};
+        margin: max(2px, 6.25%);
+        grid-area: 1/1;
+    }
+
+    div.container {
+        margin: max(2px, 6.25%);
+        grid-area: 1/1;
+        ${
+/**
+ * At some spinner sizes / browser zoom levels, the spinner bits/squares appear to slightly overlap visually.
+ * If we set a color with transparency on each bit, it'll look wrong in the overlapping region (since the opacity
+ * combines and affects the color at the overlapping spot).
+ * Currently all 3 themes use a color with opacity = 0.6, so that's applied here on the parent element instead,
+ * which avoids that issue.
+ */
+''}
+        opacity: 0.6;
+    }
+
+    :host([appearance='accent']) div.container {
+        opacity: 1;
+    }
+
+    div.bit1,
+    div.bit2 {
+        background: var(--ni-private-spinner-bits-background-color);
+        width: 50%;
+        height: 50%;
+        margin: auto;
+        animation-duration: 1600ms;
+        animation-iteration-count: infinite;
+        animation-play-state: var(
+            --ni-private-spinner-animation-play-state,
+            running
+        );
+        animation-timing-function: cubic-bezier(0.65, 0, 0.35, 0);
+    }
+
+    div.bit1 {
+        animation-name: ni-private-spinner-keyframes-1;
+    }
+
+    div.bit2 {
+        animation-name: ni-private-spinner-keyframes-2;
+    }
+
+    @media (prefers-reduced-motion) {
+        div.bit1,
+        div.bit2 {
+            animation-timing-function: ease-in-out, steps(1);
+            animation-duration: 3200ms;
+        }
+
+        div.bit1 {
+            animation-name: ni-private-spinner-no-motion-opacity-keyframes,
+                ni-private-spinner-no-motion-transform-keyframes-1;
+        }
+
+        div.bit2 {
+            animation-name: ni-private-spinner-no-motion-opacity-keyframes,
+                ni-private-spinner-no-motion-transform-keyframes-2;
+        }
+    }
+
+    @keyframes ni-private-spinner-keyframes-1 {
+        0%,
+        100% {
+            transform: translate(-50%, 0);
+        }
+
+        25% {
+            transform: translate(50%, 0);
+        }
+
+        50% {
+            transform: translate(50%, 100%);
+        }
+
+        75% {
+            transform: translate(-50%, 100%);
+        }
+    }
+
+    @keyframes ni-private-spinner-keyframes-2 {
+        0%,
+        100% {
+            transform: translate(50%, 0);
+        }
+
+        25% {
+            transform: translate(-50%, 0);
+        }
+
+        50% {
+            transform: translate(-50%, -100%);
+        }
+
+        75% {
+            transform: translate(50%, -100%);
+        }
+    }
+
+    @keyframes ni-private-spinner-no-motion-opacity-keyframes {
+        0%,
+        50%,
+        100% {
+            opacity: 0;
+        }
+
+        25%,
+        75% {
+            opacity: 1;
+        }
+    }
+
+    @keyframes ni-private-spinner-no-motion-transform-keyframes-1 {
+        0%,
+        100% {
+            transform: translate(-50%, 0);
+        }
+        50% {
+            transform: translate(50%, 0);
+        }
+    }
+
+    @keyframes ni-private-spinner-no-motion-transform-keyframes-2 {
+        0%,
+        100% {
+            transform: translate(50%, 0);
+        }
+
+        50% {
+            transform: translate(-50%, 0);
+        }
+    }
+`.withBehaviors(themeBehavior(Theme.light, css `
+            :host {
+                --ni-private-spinner-bits-background-color: ${Black91};
+            }
+            :host([appearance='accent']) {
+                --ni-private-spinner-bits-background-color: ${DigitalGreenLight};
+            }
+        `), themeBehavior(Theme.dark, css `
+            :host {
+                --ni-private-spinner-bits-background-color: ${Black15};
+            }
+            :host([appearance='accent']) {
+                --ni-private-spinner-bits-background-color: ${PowerGreen};
+            }
+        `), themeBehavior(Theme.color, css `
+            :host {
+                --ni-private-spinner-bits-background-color: ${White};
+            }
+            :host([appearance='accent']) {
+                --ni-private-spinner-bits-background-color: ${PowerGreen};
+            }
+        `));
+
+  /* eslint-disable @typescript-eslint/indent */
+  // prettier-ignore
+  const template$m = html `
+    <template role="progressbar">
+        ${''
+/**
+ * In Firefox, the 'title' set on the spinner is very finicky when
+ * the spinner is animating. Therefore, put a transparent overlay on
+ * top of the spinning bits so that the title displays as expected.
+ */
+}
+        <div class="overlay"></div>
+
+        <div class="container">
+            <div class="bit1"></div>
+            <div class="bit2"></div>
+        </div>
+    </template>
+`;
+
+  /**
+   * Types of spinner appearance.
+   * @public
+   */
+  const SpinnerAppearance = {
+      default: undefined,
+      accent: 'accent'
+  };
+
+  /**
+   * A Nimble-styled spinner component.
+   * A spinner is an animating indicator that can be placed in a particular region of a page to represent loading progress, or an ongoing operation, of an indeterminate / unknown duration.
+   */
+  class Spinner extends FoundationElement {
+      constructor() {
+          super(...arguments);
+          /**
+           * @public
+           * @description
+           * The appearance the spinner area should have.
+           */
+          this.appearance = SpinnerAppearance.default;
+      }
+  }
+  __decorate$1([
+      attr
+  ], Spinner.prototype, "appearance", void 0);
+  const nimbleSpinner = Spinner.compose({
+      baseName: 'spinner',
+      template: template$m,
+      styles: styles$q
+  });
+  DesignSystem.getOrCreate().withPrefix('nimble').register(nimbleSpinner());
+  const spinnerTag = 'nimble-spinner';
+
   const isListOption = (el) => {
       return el instanceof ListOption;
   };
@@ -59455,7 +59684,7 @@ img.ProseMirror-separator {
   };
   /* eslint-disable @typescript-eslint/indent */
   // prettier-ignore
-  const template$m = (context, definition) => html `
+  const template$l = (context, definition) => html `
     <template
         class="${x => [
     x.collapsible && 'collapsible',
@@ -59545,7 +59774,7 @@ img.ProseMirror-separator {
                                 aria-controls="${x => x.ariaControls}"
                                 aria-activedescendant="${x => x.ariaActiveDescendant}"
                                 @input="${(x, c) => x.inputHandler(c.event)}"
-                                @click="${(x, c) => x.inputClickHandler(c.event)}"
+                                @click="${(x, c) => x.ignoreClickHandler(c.event)}"
                                 placeholder="${x => filterSearchLabel.getValueFor(x)}"
                                 value="${x => x.filter}"
                             />
@@ -59562,11 +59791,20 @@ img.ProseMirror-separator {
 })}
                         ></slot>
                     </div>
-                    ${when(x => (x.filterMode !== FilterMode.none && x.filteredOptions.length === 0), html `
+                    ${when(x => (x.filterMode !== FilterMode.none && x.filteredOptions.length === 0 && !x.loadingVisible), html `
                         <span class="no-results-label ${x => x.positionAttribute}">
                             ${x => filterNoResultsLabel.getValueFor(x)}
                         </span>
                     `)}
+                    ${when(x => x.loadingVisible, html `
+                        <div class="loading-container ${x => x.positionAttribute} ${x => (x.filteredOptions.length === 0 ? 'empty' : '')}"
+                            @click="${(x, c) => x.ignoreClickHandler(c.event)}">
+                            <span class="loading-label">
+                                ${x => loadingLabel.getValueFor(x)}
+                            </span>
+                            <${spinnerTag} class="loading-spinner" appearance="accent"></${spinnerTag}>
+                        </div>
+                    `)}
                 </div>
             </div>
         </${anchoredRegionTag}>
@@ -59610,6 +59848,7 @@ img.ProseMirror-separator {
           this.errorVisible = false;
           this.filterMode = FilterMode.none;
           this.clearable = false;
+          this.loadingVisible = false;
           /**
            * @internal
            */
@@ -59869,8 +60108,8 @@ img.ProseMirror-separator {
       /**
        * @internal
        */
-      inputClickHandler(e) {
-          e.stopPropagation(); // clicking in filter input shouldn't close dropdown
+      ignoreClickHandler(e) {
+          e.stopPropagation();
       }
       /**
        * @internal
@@ -59903,19 +60142,24 @@ img.ProseMirror-separator {
        */
       inputHandler(e) {
           this.filter = this.filterInput?.value ?? '';
-          this.filterOptions();
-          const enabledOptions = this.filteredOptions.filter(o => !o.disabled);
-          let activeOptionIndex = this.filter !== ''
-              ? this.openActiveIndex ?? this.selectedIndex
-              : this.selectedIndex;
-          if (enabledOptions.length > 0
-              && !enabledOptions.find(o => o === this.options[activeOptionIndex])) {
-              activeOptionIndex = this.options.indexOf(enabledOptions[0]);
+          if (this.filterMode === FilterMode.standard) {
+              this.filterOptions();
+              const enabledOptions = this.filteredOptions.filter(o => !o.disabled);
+              let activeOptionIndex = this.filter !== ''
+                  ? this.openActiveIndex ?? this.selectedIndex
+                  : this.selectedIndex;
+              if (enabledOptions.length > 0
+                  && !enabledOptions.find(o => o === this.options[activeOptionIndex])) {
+                  activeOptionIndex = this.options.indexOf(enabledOptions[0]);
+              }
+              else if (enabledOptions.length === 0) {
+                  activeOptionIndex = -1;
+              }
+              this.setActiveOption(activeOptionIndex);
           }
-          else if (enabledOptions.length === 0) {
-              activeOptionIndex = -1;
+          if (this.filterMode !== FilterMode.none) {
+              this.emitFilterInputEvent();
           }
-          this.setActiveOption(activeOptionIndex);
           if (e.inputType.includes('deleteContent') || !this.filter.length) {
               return true;
           }
@@ -60188,6 +60432,9 @@ img.ProseMirror-separator {
           if (this.filterInput) {
               this.filterInput.value = '';
           }
+          if (this.filterMode !== FilterMode.none) {
+              this.emitFilterInputEvent();
+          }
           this.ariaControls = '';
           this.ariaExpanded = 'false';
       }
@@ -60386,7 +60633,9 @@ img.ProseMirror-separator {
           if (option.hidden) {
               return true;
           }
-          return !this.filterMatchesText(option.text);
+          return this.filterMode === FilterMode.standard
+              ? !this.filterMatchesText(option.text)
+              : false;
       }
       filterMatchesText(text) {
           const filter = this.filter.toLowerCase();
@@ -60485,6 +60734,12 @@ img.ProseMirror-separator {
       filterChanged() {
           this.filterOptions();
       }
+      emitFilterInputEvent() {
+          const eventDetail = {
+              filterText: this.filter
+          };
+          this.$emit('filter-input', eventDetail, { bubbles: true });
+      }
       maxHeightChanged() {
           this.updateListboxMaxHeightCssVariable();
       }
@@ -60519,6 +60774,9 @@ img.ProseMirror-separator {
   __decorate$1([
       attr({ attribute: 'clearable', mode: 'boolean' })
   ], Select.prototype, "clearable", void 0);
+  __decorate$1([
+      attr({ attribute: 'loading-visible', mode: 'boolean' })
+  ], Select.prototype, "loadingVisible", void 0);
   __decorate$1([
       observable
   ], Select.prototype, "displayPlaceholder", void 0);
@@ -60561,7 +60819,7 @@ img.ProseMirror-separator {
   const nimbleSelect = Select.compose({
       baseName: 'select',
       baseClass: Select$2,
-      template: template$m,
+      template: template$l,
       styles: styles$r,
       indicator: arrowExpanderDown16X16.data,
       end: html `
@@ -60575,229 +60833,6 @@ img.ProseMirror-separator {
   applyMixins(Select, StartEnd, DelegatesARIASelect);
   DesignSystem.getOrCreate().withPrefix('nimble').register(nimbleSelect());
 
-  const styles$q = css `
-    ${display$1('inline-grid')}
-
-    :host {
-        height: ${spinnerSmallHeight};
-        aspect-ratio: 1 / 1;
-    }
-
-    div.overlay {
-        z-index: ${ZIndexLevels.zIndex1};
-        margin: max(2px, 6.25%);
-        grid-area: 1/1;
-    }
-
-    div.container {
-        margin: max(2px, 6.25%);
-        grid-area: 1/1;
-        ${
-/**
- * At some spinner sizes / browser zoom levels, the spinner bits/squares appear to slightly overlap visually.
- * If we set a color with transparency on each bit, it'll look wrong in the overlapping region (since the opacity
- * combines and affects the color at the overlapping spot).
- * Currently all 3 themes use a color with opacity = 0.6, so that's applied here on the parent element instead,
- * which avoids that issue.
- */
-''}
-        opacity: 0.6;
-    }
-
-    :host([appearance='accent']) div.container {
-        opacity: 1;
-    }
-
-    div.bit1,
-    div.bit2 {
-        background: var(--ni-private-spinner-bits-background-color);
-        width: 50%;
-        height: 50%;
-        margin: auto;
-        animation-duration: 1600ms;
-        animation-iteration-count: infinite;
-        animation-play-state: var(
-            --ni-private-spinner-animation-play-state,
-            running
-        );
-        animation-timing-function: cubic-bezier(0.65, 0, 0.35, 0);
-    }
-
-    div.bit1 {
-        animation-name: ni-private-spinner-keyframes-1;
-    }
-
-    div.bit2 {
-        animation-name: ni-private-spinner-keyframes-2;
-    }
-
-    @media (prefers-reduced-motion) {
-        div.bit1,
-        div.bit2 {
-            animation-timing-function: ease-in-out, steps(1);
-            animation-duration: 3200ms;
-        }
-
-        div.bit1 {
-            animation-name: ni-private-spinner-no-motion-opacity-keyframes,
-                ni-private-spinner-no-motion-transform-keyframes-1;
-        }
-
-        div.bit2 {
-            animation-name: ni-private-spinner-no-motion-opacity-keyframes,
-                ni-private-spinner-no-motion-transform-keyframes-2;
-        }
-    }
-
-    @keyframes ni-private-spinner-keyframes-1 {
-        0%,
-        100% {
-            transform: translate(-50%, 0);
-        }
-
-        25% {
-            transform: translate(50%, 0);
-        }
-
-        50% {
-            transform: translate(50%, 100%);
-        }
-
-        75% {
-            transform: translate(-50%, 100%);
-        }
-    }
-
-    @keyframes ni-private-spinner-keyframes-2 {
-        0%,
-        100% {
-            transform: translate(50%, 0);
-        }
-
-        25% {
-            transform: translate(-50%, 0);
-        }
-
-        50% {
-            transform: translate(-50%, -100%);
-        }
-
-        75% {
-            transform: translate(50%, -100%);
-        }
-    }
-
-    @keyframes ni-private-spinner-no-motion-opacity-keyframes {
-        0%,
-        50%,
-        100% {
-            opacity: 0;
-        }
-
-        25%,
-        75% {
-            opacity: 1;
-        }
-    }
-
-    @keyframes ni-private-spinner-no-motion-transform-keyframes-1 {
-        0%,
-        100% {
-            transform: translate(-50%, 0);
-        }
-        50% {
-            transform: translate(50%, 0);
-        }
-    }
-
-    @keyframes ni-private-spinner-no-motion-transform-keyframes-2 {
-        0%,
-        100% {
-            transform: translate(50%, 0);
-        }
-
-        50% {
-            transform: translate(-50%, 0);
-        }
-    }
-`.withBehaviors(themeBehavior(Theme.light, css `
-            :host {
-                --ni-private-spinner-bits-background-color: ${Black91};
-            }
-            :host([appearance='accent']) {
-                --ni-private-spinner-bits-background-color: ${DigitalGreenLight};
-            }
-        `), themeBehavior(Theme.dark, css `
-            :host {
-                --ni-private-spinner-bits-background-color: ${Black15};
-            }
-            :host([appearance='accent']) {
-                --ni-private-spinner-bits-background-color: ${PowerGreen};
-            }
-        `), themeBehavior(Theme.color, css `
-            :host {
-                --ni-private-spinner-bits-background-color: ${White};
-            }
-            :host([appearance='accent']) {
-                --ni-private-spinner-bits-background-color: ${PowerGreen};
-            }
-        `));
-
-  /* eslint-disable @typescript-eslint/indent */
-  // prettier-ignore
-  const template$l = html `
-    <template role="progressbar">
-        ${''
-/**
- * In Firefox, the 'title' set on the spinner is very finicky when
- * the spinner is animating. Therefore, put a transparent overlay on
- * top of the spinning bits so that the title displays as expected.
- */
-}
-        <div class="overlay"></div>
-
-        <div class="container">
-            <div class="bit1"></div>
-            <div class="bit2"></div>
-        </div>
-    </template>
-`;
-
-  /**
-   * Types of spinner appearance.
-   * @public
-   */
-  const SpinnerAppearance = {
-      default: undefined,
-      accent: 'accent'
-  };
-
-  /**
-   * A Nimble-styled spinner component.
-   * A spinner is an animating indicator that can be placed in a particular region of a page to represent loading progress, or an ongoing operation, of an indeterminate / unknown duration.
-   */
-  class Spinner extends FoundationElement {
-      constructor() {
-          super(...arguments);
-          /**
-           * @public
-           * @description
-           * The appearance the spinner area should have.
-           */
-          this.appearance = SpinnerAppearance.default;
-      }
-  }
-  __decorate$1([
-      attr
-  ], Spinner.prototype, "appearance", void 0);
-  const nimbleSpinner = Spinner.compose({
-      baseName: 'spinner',
-      template: template$l,
-      styles: styles$q
-  });
-  DesignSystem.getOrCreate().withPrefix('nimble').register(nimbleSpinner());
-  const spinnerTag = 'nimble-spinner';
-
   const styles$p = css `
     ${display$1('inline-flex')}