@pine-ds/core 3.26.4 → 3.28.0

package/components/pds-combobox.js

@@ -1,2958 +1,2 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { i as isSpecTest } from './form.js';
-import { c as computePosition, a as autoUpdate, o as offset, f as flip, s as shift } from './floating-ui.dom.js';
-import { d as debounceEvent } from './utils.js';
-import { d as defineCustomElement$5 } from './pds-box2.js';
-import { d as defineCustomElement$4 } from './pds-chip2.js';
-import { d as defineCustomElement$3 } from './pds-icon2.js';
-import { d as defineCustomElement$2 } from './pds-loader2.js';
-
-/*! @license DOMPurify 3.3.3 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.3.3/LICENSE */
-
-const {
-  entries,
-  setPrototypeOf,
-  isFrozen,
-  getPrototypeOf,
-  getOwnPropertyDescriptor
-} = Object;
-let {
-  freeze,
-  seal,
-  create
-} = Object; // eslint-disable-line import/no-mutable-exports
-let {
-  apply,
-  construct
-} = typeof Reflect !== 'undefined' && Reflect;
-if (!freeze) {
-  freeze = function freeze(x) {
-    return x;
-  };
-}
-if (!seal) {
-  seal = function seal(x) {
-    return x;
-  };
-}
-if (!apply) {
-  apply = function apply(func, thisArg) {
-    for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
-      args[_key - 2] = arguments[_key];
-    }
-    return func.apply(thisArg, args);
-  };
-}
-if (!construct) {
-  construct = function construct(Func) {
-    for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
-      args[_key2 - 1] = arguments[_key2];
-    }
-    return new Func(...args);
-  };
-}
-const arrayForEach = unapply(Array.prototype.forEach);
-const arrayLastIndexOf = unapply(Array.prototype.lastIndexOf);
-const arrayPop = unapply(Array.prototype.pop);
-const arrayPush = unapply(Array.prototype.push);
-const arraySplice = unapply(Array.prototype.splice);
-const stringToLowerCase = unapply(String.prototype.toLowerCase);
-const stringToString = unapply(String.prototype.toString);
-const stringMatch = unapply(String.prototype.match);
-const stringReplace = unapply(String.prototype.replace);
-const stringIndexOf = unapply(String.prototype.indexOf);
-const stringTrim = unapply(String.prototype.trim);
-const objectHasOwnProperty = unapply(Object.prototype.hasOwnProperty);
-const regExpTest = unapply(RegExp.prototype.test);
-const typeErrorCreate = unconstruct(TypeError);
-/**
- * Creates a new function that calls the given function with a specified thisArg and arguments.
- *
- * @param func - The function to be wrapped and called.
- * @returns A new function that calls the given function with a specified thisArg and arguments.
- */
-function unapply(func) {
-  return function (thisArg) {
-    if (thisArg instanceof RegExp) {
-      thisArg.lastIndex = 0;
-    }
-    for (var _len3 = arguments.length, args = new Array(_len3 > 1 ? _len3 - 1 : 0), _key3 = 1; _key3 < _len3; _key3++) {
-      args[_key3 - 1] = arguments[_key3];
-    }
-    return apply(func, thisArg, args);
-  };
-}
-/**
- * Creates a new function that constructs an instance of the given constructor function with the provided arguments.
- *
- * @param func - The constructor function to be wrapped and called.
- * @returns A new function that constructs an instance of the given constructor function with the provided arguments.
- */
-function unconstruct(Func) {
-  return function () {
-    for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
-      args[_key4] = arguments[_key4];
-    }
-    return construct(Func, args);
-  };
-}
-/**
- * Add properties to a lookup table
- *
- * @param set - The set to which elements will be added.
- * @param array - The array containing elements to be added to the set.
- * @param transformCaseFunc - An optional function to transform the case of each element before adding to the set.
- * @returns The modified set with added elements.
- */
-function addToSet(set, array) {
-  let transformCaseFunc = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : stringToLowerCase;
-  if (setPrototypeOf) {
-    // Make 'in' and truthy checks like Boolean(set.constructor)
-    // independent of any properties defined on Object.prototype.
-    // Prevent prototype setters from intercepting set as a this value.
-    setPrototypeOf(set, null);
-  }
-  let l = array.length;
-  while (l--) {
-    let element = array[l];
-    if (typeof element === 'string') {
-      const lcElement = transformCaseFunc(element);
-      if (lcElement !== element) {
-        // Config presets (e.g. tags.js, attrs.js) are immutable.
-        if (!isFrozen(array)) {
-          array[l] = lcElement;
-        }
-        element = lcElement;
-      }
-    }
-    set[element] = true;
-  }
-  return set;
-}
-/**
- * Clean up an array to harden against CSPP
- *
- * @param array - The array to be cleaned.
- * @returns The cleaned version of the array
- */
-function cleanArray(array) {
-  for (let index = 0; index < array.length; index++) {
-    const isPropertyExist = objectHasOwnProperty(array, index);
-    if (!isPropertyExist) {
-      array[index] = null;
-    }
-  }
-  return array;
-}
-/**
- * Shallow clone an object
- *
- * @param object - The object to be cloned.
- * @returns A new object that copies the original.
- */
-function clone(object) {
-  const newObject = create(null);
-  for (const [property, value] of entries(object)) {
-    const isPropertyExist = objectHasOwnProperty(object, property);
-    if (isPropertyExist) {
-      if (Array.isArray(value)) {
-        newObject[property] = cleanArray(value);
-      } else if (value && typeof value === 'object' && value.constructor === Object) {
-        newObject[property] = clone(value);
-      } else {
-        newObject[property] = value;
-      }
-    }
-  }
-  return newObject;
-}
-/**
- * This method automatically checks if the prop is function or getter and behaves accordingly.
- *
- * @param object - The object to look up the getter function in its prototype chain.
- * @param prop - The property name for which to find the getter function.
- * @returns The getter function found in the prototype chain or a fallback function.
- */
-function lookupGetter(object, prop) {
-  while (object !== null) {
-    const desc = getOwnPropertyDescriptor(object, prop);
-    if (desc) {
-      if (desc.get) {
-        return unapply(desc.get);
-      }
-      if (typeof desc.value === 'function') {
-        return unapply(desc.value);
-      }
-    }
-    object = getPrototypeOf(object);
-  }
-  function fallbackValue() {
-    return null;
-  }
-  return fallbackValue;
-}
-
-const html$1 = freeze(['a', 'abbr', 'acronym', 'address', 'area', 'article', 'aside', 'audio', 'b', 'bdi', 'bdo', 'big', 'blink', 'blockquote', 'body', 'br', 'button', 'canvas', 'caption', 'center', 'cite', 'code', 'col', 'colgroup', 'content', 'data', 'datalist', 'dd', 'decorator', 'del', 'details', 'dfn', 'dialog', 'dir', 'div', 'dl', 'dt', 'element', 'em', 'fieldset', 'figcaption', 'figure', 'font', 'footer', 'form', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'head', 'header', 'hgroup', 'hr', 'html', 'i', 'img', 'input', 'ins', 'kbd', 'label', 'legend', 'li', 'main', 'map', 'mark', 'marquee', 'menu', 'menuitem', 'meter', 'nav', 'nobr', 'ol', 'optgroup', 'option', 'output', 'p', 'picture', 'pre', 'progress', 'q', 'rp', 'rt', 'ruby', 's', 'samp', 'search', 'section', 'select', 'shadow', 'slot', 'small', 'source', 'spacer', 'span', 'strike', 'strong', 'style', 'sub', 'summary', 'sup', 'table', 'tbody', 'td', 'template', 'textarea', 'tfoot', 'th', 'thead', 'time', 'tr', 'track', 'tt', 'u', 'ul', 'var', 'video', 'wbr']);
-const svg$1 = freeze(['svg', 'a', 'altglyph', 'altglyphdef', 'altglyphitem', 'animatecolor', 'animatemotion', 'animatetransform', 'circle', 'clippath', 'defs', 'desc', 'ellipse', 'enterkeyhint', 'exportparts', 'filter', 'font', 'g', 'glyph', 'glyphref', 'hkern', 'image', 'inputmode', 'line', 'lineargradient', 'marker', 'mask', 'metadata', 'mpath', 'part', 'path', 'pattern', 'polygon', 'polyline', 'radialgradient', 'rect', 'stop', 'style', 'switch', 'symbol', 'text', 'textpath', 'title', 'tref', 'tspan', 'view', 'vkern']);
-const svgFilters = freeze(['feBlend', 'feColorMatrix', 'feComponentTransfer', 'feComposite', 'feConvolveMatrix', 'feDiffuseLighting', 'feDisplacementMap', 'feDistantLight', 'feDropShadow', 'feFlood', 'feFuncA', 'feFuncB', 'feFuncG', 'feFuncR', 'feGaussianBlur', 'feImage', 'feMerge', 'feMergeNode', 'feMorphology', 'feOffset', 'fePointLight', 'feSpecularLighting', 'feSpotLight', 'feTile', 'feTurbulence']);
-// List of SVG elements that are disallowed by default.
-// We still need to know them so that we can do namespace
-// checks properly in case one wants to add them to
-// allow-list.
-const svgDisallowed = freeze(['animate', 'color-profile', 'cursor', 'discard', 'font-face', 'font-face-format', 'font-face-name', 'font-face-src', 'font-face-uri', 'foreignobject', 'hatch', 'hatchpath', 'mesh', 'meshgradient', 'meshpatch', 'meshrow', 'missing-glyph', 'script', 'set', 'solidcolor', 'unknown', 'use']);
-const mathMl$1 = freeze(['math', 'menclose', 'merror', 'mfenced', 'mfrac', 'mglyph', 'mi', 'mlabeledtr', 'mmultiscripts', 'mn', 'mo', 'mover', 'mpadded', 'mphantom', 'mroot', 'mrow', 'ms', 'mspace', 'msqrt', 'mstyle', 'msub', 'msup', 'msubsup', 'mtable', 'mtd', 'mtext', 'mtr', 'munder', 'munderover', 'mprescripts']);
-// Similarly to SVG, we want to know all MathML elements,
-// even those that we disallow by default.
-const mathMlDisallowed = freeze(['maction', 'maligngroup', 'malignmark', 'mlongdiv', 'mscarries', 'mscarry', 'msgroup', 'mstack', 'msline', 'msrow', 'semantics', 'annotation', 'annotation-xml', 'mprescripts', 'none']);
-const text = freeze(['#text']);
-
-const html = freeze(['accept', 'action', 'align', 'alt', 'autocapitalize', 'autocomplete', 'autopictureinpicture', 'autoplay', 'background', 'bgcolor', 'border', 'capture', 'cellpadding', 'cellspacing', 'checked', 'cite', 'class', 'clear', 'color', 'cols', 'colspan', 'controls', 'controlslist', 'coords', 'crossorigin', 'datetime', 'decoding', 'default', 'dir', 'disabled', 'disablepictureinpicture', 'disableremoteplayback', 'download', 'draggable', 'enctype', 'enterkeyhint', 'exportparts', 'face', 'for', 'headers', 'height', 'hidden', 'high', 'href', 'hreflang', 'id', 'inert', 'inputmode', 'integrity', 'ismap', 'kind', 'label', 'lang', 'list', 'loading', 'loop', 'low', 'max', 'maxlength', 'media', 'method', 'min', 'minlength', 'multiple', 'muted', 'name', 'nonce', 'noshade', 'novalidate', 'nowrap', 'open', 'optimum', 'part', 'pattern', 'placeholder', 'playsinline', 'popover', 'popovertarget', 'popovertargetaction', 'poster', 'preload', 'pubdate', 'radiogroup', 'readonly', 'rel', 'required', 'rev', 'reversed', 'role', 'rows', 'rowspan', 'spellcheck', 'scope', 'selected', 'shape', 'size', 'sizes', 'slot', 'span', 'srclang', 'start', 'src', 'srcset', 'step', 'style', 'summary', 'tabindex', 'title', 'translate', 'type', 'usemap', 'valign', 'value', 'width', 'wrap', 'xmlns', 'slot']);
-const svg = freeze(['accent-height', 'accumulate', 'additive', 'alignment-baseline', 'amplitude', 'ascent', 'attributename', 'attributetype', 'azimuth', 'basefrequency', 'baseline-shift', 'begin', 'bias', 'by', 'class', 'clip', 'clippathunits', 'clip-path', 'clip-rule', 'color', 'color-interpolation', 'color-interpolation-filters', 'color-profile', 'color-rendering', 'cx', 'cy', 'd', 'dx', 'dy', 'diffuseconstant', 'direction', 'display', 'divisor', 'dur', 'edgemode', 'elevation', 'end', 'exponent', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'filterunits', 'flood-color', 'flood-opacity', 'font-family', 'font-size', 'font-size-adjust', 'font-stretch', 'font-style', 'font-variant', 'font-weight', 'fx', 'fy', 'g1', 'g2', 'glyph-name', 'glyphref', 'gradientunits', 'gradienttransform', 'height', 'href', 'id', 'image-rendering', 'in', 'in2', 'intercept', 'k', 'k1', 'k2', 'k3', 'k4', 'kerning', 'keypoints', 'keysplines', 'keytimes', 'lang', 'lengthadjust', 'letter-spacing', 'kernelmatrix', 'kernelunitlength', 'lighting-color', 'local', 'marker-end', 'marker-mid', 'marker-start', 'markerheight', 'markerunits', 'markerwidth', 'maskcontentunits', 'maskunits', 'max', 'mask', 'mask-type', 'media', 'method', 'mode', 'min', 'name', 'numoctaves', 'offset', 'operator', 'opacity', 'order', 'orient', 'orientation', 'origin', 'overflow', 'paint-order', 'path', 'pathlength', 'patterncontentunits', 'patterntransform', 'patternunits', 'points', 'preservealpha', 'preserveaspectratio', 'primitiveunits', 'r', 'rx', 'ry', 'radius', 'refx', 'refy', 'repeatcount', 'repeatdur', 'restart', 'result', 'rotate', 'scale', 'seed', 'shape-rendering', 'slope', 'specularconstant', 'specularexponent', 'spreadmethod', 'startoffset', 'stddeviation', 'stitchtiles', 'stop-color', 'stop-opacity', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke', 'stroke-width', 'style', 'surfacescale', 'systemlanguage', 'tabindex', 'tablevalues', 'targetx', 'targety', 'transform', 'transform-origin', 'text-anchor', 'text-decoration', 'text-rendering', 'textlength', 'type', 'u1', 'u2', 'unicode', 'values', 'viewbox', 'visibility', 'version', 'vert-adv-y', 'vert-origin-x', 'vert-origin-y', 'width', 'word-spacing', 'wrap', 'writing-mode', 'xchannelselector', 'ychannelselector', 'x', 'x1', 'x2', 'xmlns', 'y', 'y1', 'y2', 'z', 'zoomandpan']);
-const mathMl = freeze(['accent', 'accentunder', 'align', 'bevelled', 'close', 'columnsalign', 'columnlines', 'columnspan', 'denomalign', 'depth', 'dir', 'display', 'displaystyle', 'encoding', 'fence', 'frame', 'height', 'href', 'id', 'largeop', 'length', 'linethickness', 'lspace', 'lquote', 'mathbackground', 'mathcolor', 'mathsize', 'mathvariant', 'maxsize', 'minsize', 'movablelimits', 'notation', 'numalign', 'open', 'rowalign', 'rowlines', 'rowspacing', 'rowspan', 'rspace', 'rquote', 'scriptlevel', 'scriptminsize', 'scriptsizemultiplier', 'selection', 'separator', 'separators', 'stretchy', 'subscriptshift', 'supscriptshift', 'symmetric', 'voffset', 'width', 'xmlns']);
-const xml = freeze(['xlink:href', 'xml:id', 'xlink:title', 'xml:space', 'xmlns:xlink']);
-
-// eslint-disable-next-line unicorn/better-regex
-const MUSTACHE_EXPR = seal(/\{\{[\w\W]*|[\w\W]*\}\}/gm); // Specify template detection regex for SAFE_FOR_TEMPLATES mode
-const ERB_EXPR = seal(/<%[\w\W]*|[\w\W]*%>/gm);
-const TMPLIT_EXPR = seal(/\$\{[\w\W]*/gm); // eslint-disable-line unicorn/better-regex
-const DATA_ATTR = seal(/^data-[\-\w.\u00B7-\uFFFF]+$/); // eslint-disable-line no-useless-escape
-const ARIA_ATTR = seal(/^aria-[\-\w]+$/); // eslint-disable-line no-useless-escape
-const IS_ALLOWED_URI = seal(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp|matrix):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i // eslint-disable-line no-useless-escape
-);
-const IS_SCRIPT_OR_DATA = seal(/^(?:\w+script|data):/i);
-const ATTR_WHITESPACE = seal(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g // eslint-disable-line no-control-regex
-);
-const DOCTYPE_NAME = seal(/^html$/i);
-const CUSTOM_ELEMENT = seal(/^[a-z][.\w]*(-[.\w]+)+$/i);
-
-var EXPRESSIONS = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  ARIA_ATTR: ARIA_ATTR,
-  ATTR_WHITESPACE: ATTR_WHITESPACE,
-  CUSTOM_ELEMENT: CUSTOM_ELEMENT,
-  DATA_ATTR: DATA_ATTR,
-  DOCTYPE_NAME: DOCTYPE_NAME,
-  ERB_EXPR: ERB_EXPR,
-  IS_ALLOWED_URI: IS_ALLOWED_URI,
-  IS_SCRIPT_OR_DATA: IS_SCRIPT_OR_DATA,
-  MUSTACHE_EXPR: MUSTACHE_EXPR,
-  TMPLIT_EXPR: TMPLIT_EXPR
-});
-
-/* eslint-disable @typescript-eslint/indent */
-// https://developer.mozilla.org/en-US/docs/Web/API/Node/nodeType
-const NODE_TYPE = {
-  element: 1,
-  text: 3,
-  // Deprecated
-  progressingInstruction: 7,
-  comment: 8,
-  document: 9};
-const getGlobal = function getGlobal() {
-  return typeof window === 'undefined' ? null : window;
-};
-/**
- * Creates a no-op policy for internal use only.
- * Don't export this function outside this module!
- * @param trustedTypes The policy factory.
- * @param purifyHostElement The Script element used to load DOMPurify (to determine policy name suffix).
- * @return The policy created (or null, if Trusted Types
- * are not supported or creating the policy failed).
- */
-const _createTrustedTypesPolicy = function _createTrustedTypesPolicy(trustedTypes, purifyHostElement) {
-  if (typeof trustedTypes !== 'object' || typeof trustedTypes.createPolicy !== 'function') {
-    return null;
-  }
-  // Allow the callers to control the unique policy name
-  // by adding a data-tt-policy-suffix to the script element with the DOMPurify.
-  // Policy creation with duplicate names throws in Trusted Types.
-  let suffix = null;
-  const ATTR_NAME = 'data-tt-policy-suffix';
-  if (purifyHostElement && purifyHostElement.hasAttribute(ATTR_NAME)) {
-    suffix = purifyHostElement.getAttribute(ATTR_NAME);
-  }
-  const policyName = 'dompurify' + (suffix ? '#' + suffix : '');
-  try {
-    return trustedTypes.createPolicy(policyName, {
-      createHTML(html) {
-        return html;
-      },
-      createScriptURL(scriptUrl) {
-        return scriptUrl;
-      }
-    });
-  } catch (_) {
-    // Policy creation failed (most likely another DOMPurify script has
-    // already run). Skip creating the policy, as this will only cause errors
-    // if TT are enforced.
-    console.warn('TrustedTypes policy ' + policyName + ' could not be created.');
-    return null;
-  }
-};
-const _createHooksMap = function _createHooksMap() {
-  return {
-    afterSanitizeAttributes: [],
-    afterSanitizeElements: [],
-    afterSanitizeShadowDOM: [],
-    beforeSanitizeAttributes: [],
-    beforeSanitizeElements: [],
-    beforeSanitizeShadowDOM: [],
-    uponSanitizeAttribute: [],
-    uponSanitizeElement: [],
-    uponSanitizeShadowNode: []
-  };
-};
-function createDOMPurify() {
-  let window = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : getGlobal();
-  const DOMPurify = root => createDOMPurify(root);
-  DOMPurify.version = '3.3.3';
-  DOMPurify.removed = [];
-  if (!window || !window.document || window.document.nodeType !== NODE_TYPE.document || !window.Element) {
-    // Not running in a browser, provide a factory function
-    // so that you can pass your own Window
-    DOMPurify.isSupported = false;
-    return DOMPurify;
-  }
-  let {
-    document
-  } = window;
-  const originalDocument = document;
-  const currentScript = originalDocument.currentScript;
-  const {
-    DocumentFragment,
-    HTMLTemplateElement,
-    Node,
-    Element,
-    NodeFilter,
-    NamedNodeMap = window.NamedNodeMap || window.MozNamedAttrMap,
-    HTMLFormElement,
-    DOMParser,
-    trustedTypes
-  } = window;
-  const ElementPrototype = Element.prototype;
-  const cloneNode = lookupGetter(ElementPrototype, 'cloneNode');
-  const remove = lookupGetter(ElementPrototype, 'remove');
-  const getNextSibling = lookupGetter(ElementPrototype, 'nextSibling');
-  const getChildNodes = lookupGetter(ElementPrototype, 'childNodes');
-  const getParentNode = lookupGetter(ElementPrototype, 'parentNode');
-  // As per issue #47, the web-components registry is inherited by a
-  // new document created via createHTMLDocument. As per the spec
-  // (http://w3c.github.io/webcomponents/spec/custom/#creating-and-passing-registries)
-  // a new empty registry is used when creating a template contents owner
-  // document, so we use that as our parent document to ensure nothing
-  // is inherited.
-  if (typeof HTMLTemplateElement === 'function') {
-    const template = document.createElement('template');
-    if (template.content && template.content.ownerDocument) {
-      document = template.content.ownerDocument;
-    }
-  }
-  let trustedTypesPolicy;
-  let emptyHTML = '';
-  const {
-    implementation,
-    createNodeIterator,
-    createDocumentFragment,
-    getElementsByTagName
-  } = document;
-  const {
-    importNode
-  } = originalDocument;
-  let hooks = _createHooksMap();
-  /**
-   * Expose whether this browser supports running the full DOMPurify.
-   */
-  DOMPurify.isSupported = typeof entries === 'function' && typeof getParentNode === 'function' && implementation && implementation.createHTMLDocument !== undefined;
-  const {
-    MUSTACHE_EXPR,
-    ERB_EXPR,
-    TMPLIT_EXPR,
-    DATA_ATTR,
-    ARIA_ATTR,
-    IS_SCRIPT_OR_DATA,
-    ATTR_WHITESPACE,
-    CUSTOM_ELEMENT
-  } = EXPRESSIONS;
-  let {
-    IS_ALLOWED_URI: IS_ALLOWED_URI$1
-  } = EXPRESSIONS;
-  /**
-   * We consider the elements and attributes below to be safe. Ideally
-   * don't add any new ones but feel free to remove unwanted ones.
-   */
-  /* allowed element names */
-  let ALLOWED_TAGS = null;
-  const DEFAULT_ALLOWED_TAGS = addToSet({}, [...html$1, ...svg$1, ...svgFilters, ...mathMl$1, ...text]);
-  /* Allowed attribute names */
-  let ALLOWED_ATTR = null;
-  const DEFAULT_ALLOWED_ATTR = addToSet({}, [...html, ...svg, ...mathMl, ...xml]);
-  /*
-   * Configure how DOMPurify should handle custom elements and their attributes as well as customized built-in elements.
-   * @property {RegExp|Function|null} tagNameCheck one of [null, regexPattern, predicate]. Default: `null` (disallow any custom elements)
-   * @property {RegExp|Function|null} attributeNameCheck one of [null, regexPattern, predicate]. Default: `null` (disallow any attributes not on the allow list)
-   * @property {boolean} allowCustomizedBuiltInElements allow custom elements derived from built-ins if they pass CUSTOM_ELEMENT_HANDLING.tagNameCheck. Default: `false`.
-   */
-  let CUSTOM_ELEMENT_HANDLING = Object.seal(create(null, {
-    tagNameCheck: {
-      writable: true,
-      configurable: false,
-      enumerable: true,
-      value: null
-    },
-    attributeNameCheck: {
-      writable: true,
-      configurable: false,
-      enumerable: true,
-      value: null
-    },
-    allowCustomizedBuiltInElements: {
-      writable: true,
-      configurable: false,
-      enumerable: true,
-      value: false
-    }
-  }));
-  /* Explicitly forbidden tags (overrides ALLOWED_TAGS/ADD_TAGS) */
-  let FORBID_TAGS = null;
-  /* Explicitly forbidden attributes (overrides ALLOWED_ATTR/ADD_ATTR) */
-  let FORBID_ATTR = null;
-  /* Config object to store ADD_TAGS/ADD_ATTR functions (when used as functions) */
-  const EXTRA_ELEMENT_HANDLING = Object.seal(create(null, {
-    tagCheck: {
-      writable: true,
-      configurable: false,
-      enumerable: true,
-      value: null
-    },
-    attributeCheck: {
-      writable: true,
-      configurable: false,
-      enumerable: true,
-      value: null
-    }
-  }));
-  /* Decide if ARIA attributes are okay */
-  let ALLOW_ARIA_ATTR = true;
-  /* Decide if custom data attributes are okay */
-  let ALLOW_DATA_ATTR = true;
-  /* Decide if unknown protocols are okay */
-  let ALLOW_UNKNOWN_PROTOCOLS = false;
-  /* Decide if self-closing tags in attributes are allowed.
-   * Usually removed due to a mXSS issue in jQuery 3.0 */
-  let ALLOW_SELF_CLOSE_IN_ATTR = true;
-  /* Output should be safe for common template engines.
-   * This means, DOMPurify removes data attributes, mustaches and ERB
-   */
-  let SAFE_FOR_TEMPLATES = false;
-  /* Output should be safe even for XML used within HTML and alike.
-   * This means, DOMPurify removes comments when containing risky content.
-   */
-  let SAFE_FOR_XML = true;
-  /* Decide if document with <html>... should be returned */
-  let WHOLE_DOCUMENT = false;
-  /* Track whether config is already set on this instance of DOMPurify. */
-  let SET_CONFIG = false;
-  /* Decide if all elements (e.g. style, script) must be children of
-   * document.body. By default, browsers might move them to document.head */
-  let FORCE_BODY = false;
-  /* Decide if a DOM `HTMLBodyElement` should be returned, instead of a html
-   * string (or a TrustedHTML object if Trusted Types are supported).
-   * If `WHOLE_DOCUMENT` is enabled a `HTMLHtmlElement` will be returned instead
-   */
-  let RETURN_DOM = false;
-  /* Decide if a DOM `DocumentFragment` should be returned, instead of a html
-   * string  (or a TrustedHTML object if Trusted Types are supported) */
-  let RETURN_DOM_FRAGMENT = false;
-  /* Try to return a Trusted Type object instead of a string, return a string in
-   * case Trusted Types are not supported  */
-  let RETURN_TRUSTED_TYPE = false;
-  /* Output should be free from DOM clobbering attacks?
-   * This sanitizes markups named with colliding, clobberable built-in DOM APIs.
-   */
-  let SANITIZE_DOM = true;
-  /* Achieve full DOM Clobbering protection by isolating the namespace of named
-   * properties and JS variables, mitigating attacks that abuse the HTML/DOM spec rules.
-   *
-   * HTML/DOM spec rules that enable DOM Clobbering:
-   *   - Named Access on Window (§7.3.3)
-   *   - DOM Tree Accessors (§3.1.5)
-   *   - Form Element Parent-Child Relations (§4.10.3)
-   *   - Iframe srcdoc / Nested WindowProxies (§4.8.5)
-   *   - HTMLCollection (§4.2.10.2)
-   *
-   * Namespace isolation is implemented by prefixing `id` and `name` attributes
-   * with a constant string, i.e., `user-content-`
-   */
-  let SANITIZE_NAMED_PROPS = false;
-  const SANITIZE_NAMED_PROPS_PREFIX = 'user-content-';
-  /* Keep element content when removing element? */
-  let KEEP_CONTENT = true;
-  /* If a `Node` is passed to sanitize(), then performs sanitization in-place instead
-   * of importing it into a new Document and returning a sanitized copy */
-  let IN_PLACE = false;
-  /* Allow usage of profiles like html, svg and mathMl */
-  let USE_PROFILES = {};
-  /* Tags to ignore content of when KEEP_CONTENT is true */
-  let FORBID_CONTENTS = null;
-  const DEFAULT_FORBID_CONTENTS = addToSet({}, ['annotation-xml', 'audio', 'colgroup', 'desc', 'foreignobject', 'head', 'iframe', 'math', 'mi', 'mn', 'mo', 'ms', 'mtext', 'noembed', 'noframes', 'noscript', 'plaintext', 'script', 'style', 'svg', 'template', 'thead', 'title', 'video', 'xmp']);
-  /* Tags that are safe for data: URIs */
-  let DATA_URI_TAGS = null;
-  const DEFAULT_DATA_URI_TAGS = addToSet({}, ['audio', 'video', 'img', 'source', 'image', 'track']);
-  /* Attributes safe for values like "javascript:" */
-  let URI_SAFE_ATTRIBUTES = null;
-  const DEFAULT_URI_SAFE_ATTRIBUTES = addToSet({}, ['alt', 'class', 'for', 'id', 'label', 'name', 'pattern', 'placeholder', 'role', 'summary', 'title', 'value', 'style', 'xmlns']);
-  const MATHML_NAMESPACE = 'http://www.w3.org/1998/Math/MathML';
-  const SVG_NAMESPACE = 'http://www.w3.org/2000/svg';
-  const HTML_NAMESPACE = 'http://www.w3.org/1999/xhtml';
-  /* Document namespace */
-  let NAMESPACE = HTML_NAMESPACE;
-  let IS_EMPTY_INPUT = false;
-  /* Allowed XHTML+XML namespaces */
-  let ALLOWED_NAMESPACES = null;
-  const DEFAULT_ALLOWED_NAMESPACES = addToSet({}, [MATHML_NAMESPACE, SVG_NAMESPACE, HTML_NAMESPACE], stringToString);
-  let MATHML_TEXT_INTEGRATION_POINTS = addToSet({}, ['mi', 'mo', 'mn', 'ms', 'mtext']);
-  let HTML_INTEGRATION_POINTS = addToSet({}, ['annotation-xml']);
-  // Certain elements are allowed in both SVG and HTML
-  // namespace. We need to specify them explicitly
-  // so that they don't get erroneously deleted from
-  // HTML namespace.
-  const COMMON_SVG_AND_HTML_ELEMENTS = addToSet({}, ['title', 'style', 'font', 'a', 'script']);
-  /* Parsing of strict XHTML documents */
-  let PARSER_MEDIA_TYPE = null;
-  const SUPPORTED_PARSER_MEDIA_TYPES = ['application/xhtml+xml', 'text/html'];
-  const DEFAULT_PARSER_MEDIA_TYPE = 'text/html';
-  let transformCaseFunc = null;
-  /* Keep a reference to config to pass to hooks */
-  let CONFIG = null;
-  /* Ideally, do not touch anything below this line */
-  /* ______________________________________________ */
-  const formElement = document.createElement('form');
-  const isRegexOrFunction = function isRegexOrFunction(testValue) {
-    return testValue instanceof RegExp || testValue instanceof Function;
-  };
-  /**
-   * _parseConfig
-   *
-   * @param cfg optional config literal
-   */
-  // eslint-disable-next-line complexity
-  const _parseConfig = function _parseConfig() {
-    let cfg = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    if (CONFIG && CONFIG === cfg) {
-      return;
-    }
-    /* Shield configuration object from tampering */
-    if (!cfg || typeof cfg !== 'object') {
-      cfg = {};
-    }
-    /* Shield configuration object from prototype pollution */
-    cfg = clone(cfg);
-    PARSER_MEDIA_TYPE =
-    // eslint-disable-next-line unicorn/prefer-includes
-    SUPPORTED_PARSER_MEDIA_TYPES.indexOf(cfg.PARSER_MEDIA_TYPE) === -1 ? DEFAULT_PARSER_MEDIA_TYPE : cfg.PARSER_MEDIA_TYPE;
-    // HTML tags and attributes are not case-sensitive, converting to lowercase. Keeping XHTML as is.
-    transformCaseFunc = PARSER_MEDIA_TYPE === 'application/xhtml+xml' ? stringToString : stringToLowerCase;
-    /* Set configuration parameters */
-    ALLOWED_TAGS = objectHasOwnProperty(cfg, 'ALLOWED_TAGS') ? addToSet({}, cfg.ALLOWED_TAGS, transformCaseFunc) : DEFAULT_ALLOWED_TAGS;
-    ALLOWED_ATTR = objectHasOwnProperty(cfg, 'ALLOWED_ATTR') ? addToSet({}, cfg.ALLOWED_ATTR, transformCaseFunc) : DEFAULT_ALLOWED_ATTR;
-    ALLOWED_NAMESPACES = objectHasOwnProperty(cfg, 'ALLOWED_NAMESPACES') ? addToSet({}, cfg.ALLOWED_NAMESPACES, stringToString) : DEFAULT_ALLOWED_NAMESPACES;
-    URI_SAFE_ATTRIBUTES = objectHasOwnProperty(cfg, 'ADD_URI_SAFE_ATTR') ? addToSet(clone(DEFAULT_URI_SAFE_ATTRIBUTES), cfg.ADD_URI_SAFE_ATTR, transformCaseFunc) : DEFAULT_URI_SAFE_ATTRIBUTES;
-    DATA_URI_TAGS = objectHasOwnProperty(cfg, 'ADD_DATA_URI_TAGS') ? addToSet(clone(DEFAULT_DATA_URI_TAGS), cfg.ADD_DATA_URI_TAGS, transformCaseFunc) : DEFAULT_DATA_URI_TAGS;
-    FORBID_CONTENTS = objectHasOwnProperty(cfg, 'FORBID_CONTENTS') ? addToSet({}, cfg.FORBID_CONTENTS, transformCaseFunc) : DEFAULT_FORBID_CONTENTS;
-    FORBID_TAGS = objectHasOwnProperty(cfg, 'FORBID_TAGS') ? addToSet({}, cfg.FORBID_TAGS, transformCaseFunc) : clone({});
-    FORBID_ATTR = objectHasOwnProperty(cfg, 'FORBID_ATTR') ? addToSet({}, cfg.FORBID_ATTR, transformCaseFunc) : clone({});
-    USE_PROFILES = objectHasOwnProperty(cfg, 'USE_PROFILES') ? cfg.USE_PROFILES : false;
-    ALLOW_ARIA_ATTR = cfg.ALLOW_ARIA_ATTR !== false; // Default true
-    ALLOW_DATA_ATTR = cfg.ALLOW_DATA_ATTR !== false; // Default true
-    ALLOW_UNKNOWN_PROTOCOLS = cfg.ALLOW_UNKNOWN_PROTOCOLS || false; // Default false
-    ALLOW_SELF_CLOSE_IN_ATTR = cfg.ALLOW_SELF_CLOSE_IN_ATTR !== false; // Default true
-    SAFE_FOR_TEMPLATES = cfg.SAFE_FOR_TEMPLATES || false; // Default false
-    SAFE_FOR_XML = cfg.SAFE_FOR_XML !== false; // Default true
-    WHOLE_DOCUMENT = cfg.WHOLE_DOCUMENT || false; // Default false
-    RETURN_DOM = cfg.RETURN_DOM || false; // Default false
-    RETURN_DOM_FRAGMENT = cfg.RETURN_DOM_FRAGMENT || false; // Default false
-    RETURN_TRUSTED_TYPE = cfg.RETURN_TRUSTED_TYPE || false; // Default false
-    FORCE_BODY = cfg.FORCE_BODY || false; // Default false
-    SANITIZE_DOM = cfg.SANITIZE_DOM !== false; // Default true
-    SANITIZE_NAMED_PROPS = cfg.SANITIZE_NAMED_PROPS || false; // Default false
-    KEEP_CONTENT = cfg.KEEP_CONTENT !== false; // Default true
-    IN_PLACE = cfg.IN_PLACE || false; // Default false
-    IS_ALLOWED_URI$1 = cfg.ALLOWED_URI_REGEXP || IS_ALLOWED_URI;
-    NAMESPACE = cfg.NAMESPACE || HTML_NAMESPACE;
-    MATHML_TEXT_INTEGRATION_POINTS = cfg.MATHML_TEXT_INTEGRATION_POINTS || MATHML_TEXT_INTEGRATION_POINTS;
-    HTML_INTEGRATION_POINTS = cfg.HTML_INTEGRATION_POINTS || HTML_INTEGRATION_POINTS;
-    CUSTOM_ELEMENT_HANDLING = cfg.CUSTOM_ELEMENT_HANDLING || {};
-    if (cfg.CUSTOM_ELEMENT_HANDLING && isRegexOrFunction(cfg.CUSTOM_ELEMENT_HANDLING.tagNameCheck)) {
-      CUSTOM_ELEMENT_HANDLING.tagNameCheck = cfg.CUSTOM_ELEMENT_HANDLING.tagNameCheck;
-    }
-    if (cfg.CUSTOM_ELEMENT_HANDLING && isRegexOrFunction(cfg.CUSTOM_ELEMENT_HANDLING.attributeNameCheck)) {
-      CUSTOM_ELEMENT_HANDLING.attributeNameCheck = cfg.CUSTOM_ELEMENT_HANDLING.attributeNameCheck;
-    }
-    if (cfg.CUSTOM_ELEMENT_HANDLING && typeof cfg.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements === 'boolean') {
-      CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements = cfg.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements;
-    }
-    if (SAFE_FOR_TEMPLATES) {
-      ALLOW_DATA_ATTR = false;
-    }
-    if (RETURN_DOM_FRAGMENT) {
-      RETURN_DOM = true;
-    }
-    /* Parse profile info */
-    if (USE_PROFILES) {
-      ALLOWED_TAGS = addToSet({}, text);
-      ALLOWED_ATTR = create(null);
-      if (USE_PROFILES.html === true) {
-        addToSet(ALLOWED_TAGS, html$1);
-        addToSet(ALLOWED_ATTR, html);
-      }
-      if (USE_PROFILES.svg === true) {
-        addToSet(ALLOWED_TAGS, svg$1);
-        addToSet(ALLOWED_ATTR, svg);
-        addToSet(ALLOWED_ATTR, xml);
-      }
-      if (USE_PROFILES.svgFilters === true) {
-        addToSet(ALLOWED_TAGS, svgFilters);
-        addToSet(ALLOWED_ATTR, svg);
-        addToSet(ALLOWED_ATTR, xml);
-      }
-      if (USE_PROFILES.mathMl === true) {
-        addToSet(ALLOWED_TAGS, mathMl$1);
-        addToSet(ALLOWED_ATTR, mathMl);
-        addToSet(ALLOWED_ATTR, xml);
-      }
-    }
-    /* Prevent function-based ADD_ATTR / ADD_TAGS from leaking across calls */
-    if (!objectHasOwnProperty(cfg, 'ADD_TAGS')) {
-      EXTRA_ELEMENT_HANDLING.tagCheck = null;
-    }
-    if (!objectHasOwnProperty(cfg, 'ADD_ATTR')) {
-      EXTRA_ELEMENT_HANDLING.attributeCheck = null;
-    }
-    /* Merge configuration parameters */
-    if (cfg.ADD_TAGS) {
-      if (typeof cfg.ADD_TAGS === 'function') {
-        EXTRA_ELEMENT_HANDLING.tagCheck = cfg.ADD_TAGS;
-      } else {
-        if (ALLOWED_TAGS === DEFAULT_ALLOWED_TAGS) {
-          ALLOWED_TAGS = clone(ALLOWED_TAGS);
-        }
-        addToSet(ALLOWED_TAGS, cfg.ADD_TAGS, transformCaseFunc);
-      }
-    }
-    if (cfg.ADD_ATTR) {
-      if (typeof cfg.ADD_ATTR === 'function') {
-        EXTRA_ELEMENT_HANDLING.attributeCheck = cfg.ADD_ATTR;
-      } else {
-        if (ALLOWED_ATTR === DEFAULT_ALLOWED_ATTR) {
-          ALLOWED_ATTR = clone(ALLOWED_ATTR);
-        }
-        addToSet(ALLOWED_ATTR, cfg.ADD_ATTR, transformCaseFunc);
-      }
-    }
-    if (cfg.ADD_URI_SAFE_ATTR) {
-      addToSet(URI_SAFE_ATTRIBUTES, cfg.ADD_URI_SAFE_ATTR, transformCaseFunc);
-    }
-    if (cfg.FORBID_CONTENTS) {
-      if (FORBID_CONTENTS === DEFAULT_FORBID_CONTENTS) {
-        FORBID_CONTENTS = clone(FORBID_CONTENTS);
-      }
-      addToSet(FORBID_CONTENTS, cfg.FORBID_CONTENTS, transformCaseFunc);
-    }
-    if (cfg.ADD_FORBID_CONTENTS) {
-      if (FORBID_CONTENTS === DEFAULT_FORBID_CONTENTS) {
-        FORBID_CONTENTS = clone(FORBID_CONTENTS);
-      }
-      addToSet(FORBID_CONTENTS, cfg.ADD_FORBID_CONTENTS, transformCaseFunc);
-    }
-    /* Add #text in case KEEP_CONTENT is set to true */
-    if (KEEP_CONTENT) {
-      ALLOWED_TAGS['#text'] = true;
-    }
-    /* Add html, head and body to ALLOWED_TAGS in case WHOLE_DOCUMENT is true */
-    if (WHOLE_DOCUMENT) {
-      addToSet(ALLOWED_TAGS, ['html', 'head', 'body']);
-    }
-    /* Add tbody to ALLOWED_TAGS in case tables are permitted, see #286, #365 */
-    if (ALLOWED_TAGS.table) {
-      addToSet(ALLOWED_TAGS, ['tbody']);
-      delete FORBID_TAGS.tbody;
-    }
-    if (cfg.TRUSTED_TYPES_POLICY) {
-      if (typeof cfg.TRUSTED_TYPES_POLICY.createHTML !== 'function') {
-        throw typeErrorCreate('TRUSTED_TYPES_POLICY configuration option must provide a "createHTML" hook.');
-      }
-      if (typeof cfg.TRUSTED_TYPES_POLICY.createScriptURL !== 'function') {
-        throw typeErrorCreate('TRUSTED_TYPES_POLICY configuration option must provide a "createScriptURL" hook.');
-      }
-      // Overwrite existing TrustedTypes policy.
-      trustedTypesPolicy = cfg.TRUSTED_TYPES_POLICY;
-      // Sign local variables required by `sanitize`.
-      emptyHTML = trustedTypesPolicy.createHTML('');
-    } else {
-      // Uninitialized policy, attempt to initialize the internal dompurify policy.
-      if (trustedTypesPolicy === undefined) {
-        trustedTypesPolicy = _createTrustedTypesPolicy(trustedTypes, currentScript);
-      }
-      // If creating the internal policy succeeded sign internal variables.
-      if (trustedTypesPolicy !== null && typeof emptyHTML === 'string') {
-        emptyHTML = trustedTypesPolicy.createHTML('');
-      }
-    }
-    // Prevent further manipulation of configuration.
-    // Not available in IE8, Safari 5, etc.
-    if (freeze) {
-      freeze(cfg);
-    }
-    CONFIG = cfg;
-  };
-  /* Keep track of all possible SVG and MathML tags
-   * so that we can perform the namespace checks
-   * correctly. */
-  const ALL_SVG_TAGS = addToSet({}, [...svg$1, ...svgFilters, ...svgDisallowed]);
-  const ALL_MATHML_TAGS = addToSet({}, [...mathMl$1, ...mathMlDisallowed]);
-  /**
-   * @param element a DOM element whose namespace is being checked
-   * @returns Return false if the element has a
-   *  namespace that a spec-compliant parser would never
-   *  return. Return true otherwise.
-   */
-  const _checkValidNamespace = function _checkValidNamespace(element) {
-    let parent = getParentNode(element);
-    // In JSDOM, if we're inside shadow DOM, then parentNode
-    // can be null. We just simulate parent in this case.
-    if (!parent || !parent.tagName) {
-      parent = {
-        namespaceURI: NAMESPACE,
-        tagName: 'template'
-      };
-    }
-    const tagName = stringToLowerCase(element.tagName);
-    const parentTagName = stringToLowerCase(parent.tagName);
-    if (!ALLOWED_NAMESPACES[element.namespaceURI]) {
-      return false;
-    }
-    if (element.namespaceURI === SVG_NAMESPACE) {
-      // The only way to switch from HTML namespace to SVG
-      // is via <svg>. If it happens via any other tag, then
-      // it should be killed.
-      if (parent.namespaceURI === HTML_NAMESPACE) {
-        return tagName === 'svg';
-      }
-      // The only way to switch from MathML to SVG is via`
-      // svg if parent is either <annotation-xml> or MathML
-      // text integration points.
-      if (parent.namespaceURI === MATHML_NAMESPACE) {
-        return tagName === 'svg' && (parentTagName === 'annotation-xml' || MATHML_TEXT_INTEGRATION_POINTS[parentTagName]);
-      }
-      // We only allow elements that are defined in SVG
-      // spec. All others are disallowed in SVG namespace.
-      return Boolean(ALL_SVG_TAGS[tagName]);
-    }
-    if (element.namespaceURI === MATHML_NAMESPACE) {
-      // The only way to switch from HTML namespace to MathML
-      // is via <math>. If it happens via any other tag, then
-      // it should be killed.
-      if (parent.namespaceURI === HTML_NAMESPACE) {
-        return tagName === 'math';
-      }
-      // The only way to switch from SVG to MathML is via
-      // <math> and HTML integration points
-      if (parent.namespaceURI === SVG_NAMESPACE) {
-        return tagName === 'math' && HTML_INTEGRATION_POINTS[parentTagName];
-      }
-      // We only allow elements that are defined in MathML
-      // spec. All others are disallowed in MathML namespace.
-      return Boolean(ALL_MATHML_TAGS[tagName]);
-    }
-    if (element.namespaceURI === HTML_NAMESPACE) {
-      // The only way to switch from SVG to HTML is via
-      // HTML integration points, and from MathML to HTML
-      // is via MathML text integration points
-      if (parent.namespaceURI === SVG_NAMESPACE && !HTML_INTEGRATION_POINTS[parentTagName]) {
-        return false;
-      }
-      if (parent.namespaceURI === MATHML_NAMESPACE && !MATHML_TEXT_INTEGRATION_POINTS[parentTagName]) {
-        return false;
-      }
-      // We disallow tags that are specific for MathML
-      // or SVG and should never appear in HTML namespace
-      return !ALL_MATHML_TAGS[tagName] && (COMMON_SVG_AND_HTML_ELEMENTS[tagName] || !ALL_SVG_TAGS[tagName]);
-    }
-    // For XHTML and XML documents that support custom namespaces
-    if (PARSER_MEDIA_TYPE === 'application/xhtml+xml' && ALLOWED_NAMESPACES[element.namespaceURI]) {
-      return true;
-    }
-    // The code should never reach this place (this means
-    // that the element somehow got namespace that is not
-    // HTML, SVG, MathML or allowed via ALLOWED_NAMESPACES).
-    // Return false just in case.
-    return false;
-  };
-  /**
-   * _forceRemove
-   *
-   * @param node a DOM node
-   */
-  const _forceRemove = function _forceRemove(node) {
-    arrayPush(DOMPurify.removed, {
-      element: node
-    });
-    try {
-      // eslint-disable-next-line unicorn/prefer-dom-node-remove
-      getParentNode(node).removeChild(node);
-    } catch (_) {
-      remove(node);
-    }
-  };
-  /**
-   * _removeAttribute
-   *
-   * @param name an Attribute name
-   * @param element a DOM node
-   */
-  const _removeAttribute = function _removeAttribute(name, element) {
-    try {
-      arrayPush(DOMPurify.removed, {
-        attribute: element.getAttributeNode(name),
-        from: element
-      });
-    } catch (_) {
-      arrayPush(DOMPurify.removed, {
-        attribute: null,
-        from: element
-      });
-    }
-    element.removeAttribute(name);
-    // We void attribute values for unremovable "is" attributes
-    if (name === 'is') {
-      if (RETURN_DOM || RETURN_DOM_FRAGMENT) {
-        try {
-          _forceRemove(element);
-        } catch (_) {}
-      } else {
-        try {
-          element.setAttribute(name, '');
-        } catch (_) {}
-      }
-    }
-  };
-  /**
-   * _initDocument
-   *
-   * @param dirty - a string of dirty markup
-   * @return a DOM, filled with the dirty markup
-   */
-  const _initDocument = function _initDocument(dirty) {
-    /* Create a HTML document */
-    let doc = null;
-    let leadingWhitespace = null;
-    if (FORCE_BODY) {
-      dirty = '<remove></remove>' + dirty;
-    } else {
-      /* If FORCE_BODY isn't used, leading whitespace needs to be preserved manually */
-      const matches = stringMatch(dirty, /^[\r\n\t ]+/);
-      leadingWhitespace = matches && matches[0];
-    }
-    if (PARSER_MEDIA_TYPE === 'application/xhtml+xml' && NAMESPACE === HTML_NAMESPACE) {
-      // Root of XHTML doc must contain xmlns declaration (see https://www.w3.org/TR/xhtml1/normative.html#strict)
-      dirty = '<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>' + dirty + '</body></html>';
-    }
-    const dirtyPayload = trustedTypesPolicy ? trustedTypesPolicy.createHTML(dirty) : dirty;
-    /*
-     * Use the DOMParser API by default, fallback later if needs be
-     * DOMParser not work for svg when has multiple root element.
-     */
-    if (NAMESPACE === HTML_NAMESPACE) {
-      try {
-        doc = new DOMParser().parseFromString(dirtyPayload, PARSER_MEDIA_TYPE);
-      } catch (_) {}
-    }
-    /* Use createHTMLDocument in case DOMParser is not available */
-    if (!doc || !doc.documentElement) {
-      doc = implementation.createDocument(NAMESPACE, 'template', null);
-      try {
-        doc.documentElement.innerHTML = IS_EMPTY_INPUT ? emptyHTML : dirtyPayload;
-      } catch (_) {
-        // Syntax error if dirtyPayload is invalid xml
-      }
-    }
-    const body = doc.body || doc.documentElement;
-    if (dirty && leadingWhitespace) {
-      body.insertBefore(document.createTextNode(leadingWhitespace), body.childNodes[0] || null);
-    }
-    /* Work on whole document or just its body */
-    if (NAMESPACE === HTML_NAMESPACE) {
-      return getElementsByTagName.call(doc, WHOLE_DOCUMENT ? 'html' : 'body')[0];
-    }
-    return WHOLE_DOCUMENT ? doc.documentElement : body;
-  };
-  /**
-   * Creates a NodeIterator object that you can use to traverse filtered lists of nodes or elements in a document.
-   *
-   * @param root The root element or node to start traversing on.
-   * @return The created NodeIterator
-   */
-  const _createNodeIterator = function _createNodeIterator(root) {
-    return createNodeIterator.call(root.ownerDocument || root, root,
-    // eslint-disable-next-line no-bitwise
-    NodeFilter.SHOW_ELEMENT | NodeFilter.SHOW_COMMENT | NodeFilter.SHOW_TEXT | NodeFilter.SHOW_PROCESSING_INSTRUCTION | NodeFilter.SHOW_CDATA_SECTION, null);
-  };
-  /**
-   * _isClobbered
-   *
-   * @param element element to check for clobbering attacks
-   * @return true if clobbered, false if safe
-   */
-  const _isClobbered = function _isClobbered(element) {
-    return element instanceof HTMLFormElement && (typeof element.nodeName !== 'string' || typeof element.textContent !== 'string' || typeof element.removeChild !== 'function' || !(element.attributes instanceof NamedNodeMap) || typeof element.removeAttribute !== 'function' || typeof element.setAttribute !== 'function' || typeof element.namespaceURI !== 'string' || typeof element.insertBefore !== 'function' || typeof element.hasChildNodes !== 'function');
-  };
-  /**
-   * Checks whether the given object is a DOM node.
-   *
-   * @param value object to check whether it's a DOM node
-   * @return true is object is a DOM node
-   */
-  const _isNode = function _isNode(value) {
-    return typeof Node === 'function' && value instanceof Node;
-  };
-  function _executeHooks(hooks, currentNode, data) {
-    arrayForEach(hooks, hook => {
-      hook.call(DOMPurify, currentNode, data, CONFIG);
-    });
-  }
-  /**
-   * _sanitizeElements
-   *
-   * @protect nodeName
-   * @protect textContent
-   * @protect removeChild
-   * @param currentNode to check for permission to exist
-   * @return true if node was killed, false if left alive
-   */
-  const _sanitizeElements = function _sanitizeElements(currentNode) {
-    let content = null;
-    /* Execute a hook if present */
-    _executeHooks(hooks.beforeSanitizeElements, currentNode, null);
-    /* Check if element is clobbered or can clobber */
-    if (_isClobbered(currentNode)) {
-      _forceRemove(currentNode);
-      return true;
-    }
-    /* Now let's check the element's type and name */
-    const tagName = transformCaseFunc(currentNode.nodeName);
-    /* Execute a hook if present */
-    _executeHooks(hooks.uponSanitizeElement, currentNode, {
-      tagName,
-      allowedTags: ALLOWED_TAGS
-    });
-    /* Detect mXSS attempts abusing namespace confusion */
-    if (SAFE_FOR_XML && currentNode.hasChildNodes() && !_isNode(currentNode.firstElementChild) && regExpTest(/<[/\w!]/g, currentNode.innerHTML) && regExpTest(/<[/\w!]/g, currentNode.textContent)) {
-      _forceRemove(currentNode);
-      return true;
-    }
-    /* Remove any occurrence of processing instructions */
-    if (currentNode.nodeType === NODE_TYPE.progressingInstruction) {
-      _forceRemove(currentNode);
-      return true;
-    }
-    /* Remove any kind of possibly harmful comments */
-    if (SAFE_FOR_XML && currentNode.nodeType === NODE_TYPE.comment && regExpTest(/<[/\w]/g, currentNode.data)) {
-      _forceRemove(currentNode);
-      return true;
-    }
-    /* Remove element if anything forbids its presence */
-    if (!(EXTRA_ELEMENT_HANDLING.tagCheck instanceof Function && EXTRA_ELEMENT_HANDLING.tagCheck(tagName)) && (!ALLOWED_TAGS[tagName] || FORBID_TAGS[tagName])) {
-      /* Check if we have a custom element to handle */
-      if (!FORBID_TAGS[tagName] && _isBasicCustomElement(tagName)) {
-        if (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.tagNameCheck, tagName)) {
-          return false;
-        }
-        if (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.tagNameCheck(tagName)) {
-          return false;
-        }
-      }
-      /* Keep content except for bad-listed elements */
-      if (KEEP_CONTENT && !FORBID_CONTENTS[tagName]) {
-        const parentNode = getParentNode(currentNode) || currentNode.parentNode;
-        const childNodes = getChildNodes(currentNode) || currentNode.childNodes;
-        if (childNodes && parentNode) {
-          const childCount = childNodes.length;
-          for (let i = childCount - 1; i >= 0; --i) {
-            const childClone = cloneNode(childNodes[i], true);
-            childClone.__removalCount = (currentNode.__removalCount || 0) + 1;
-            parentNode.insertBefore(childClone, getNextSibling(currentNode));
-          }
-        }
-      }
-      _forceRemove(currentNode);
-      return true;
-    }
-    /* Check whether element has a valid namespace */
-    if (currentNode instanceof Element && !_checkValidNamespace(currentNode)) {
-      _forceRemove(currentNode);
-      return true;
-    }
-    /* Make sure that older browsers don't get fallback-tag mXSS */
-    if ((tagName === 'noscript' || tagName === 'noembed' || tagName === 'noframes') && regExpTest(/<\/no(script|embed|frames)/i, currentNode.innerHTML)) {
-      _forceRemove(currentNode);
-      return true;
-    }
-    /* Sanitize element content to be template-safe */
-    if (SAFE_FOR_TEMPLATES && currentNode.nodeType === NODE_TYPE.text) {
-      /* Get the element's text content */
-      content = currentNode.textContent;
-      arrayForEach([MUSTACHE_EXPR, ERB_EXPR, TMPLIT_EXPR], expr => {
-        content = stringReplace(content, expr, ' ');
-      });
-      if (currentNode.textContent !== content) {
-        arrayPush(DOMPurify.removed, {
-          element: currentNode.cloneNode()
-        });
-        currentNode.textContent = content;
-      }
-    }
-    /* Execute a hook if present */
-    _executeHooks(hooks.afterSanitizeElements, currentNode, null);
-    return false;
-  };
-  /**
-   * _isValidAttribute
-   *
-   * @param lcTag Lowercase tag name of containing element.
-   * @param lcName Lowercase attribute name.
-   * @param value Attribute value.
-   * @return Returns true if `value` is valid, otherwise false.
-   */
-  // eslint-disable-next-line complexity
-  const _isValidAttribute = function _isValidAttribute(lcTag, lcName, value) {
-    /* FORBID_ATTR must always win, even if ADD_ATTR predicate would allow it */
-    if (FORBID_ATTR[lcName]) {
-      return false;
-    }
-    /* Make sure attribute cannot clobber */
-    if (SANITIZE_DOM && (lcName === 'id' || lcName === 'name') && (value in document || value in formElement)) {
-      return false;
-    }
-    /* Allow valid data-* attributes: At least one character after "-"
-        (https://html.spec.whatwg.org/multipage/dom.html#embedding-custom-non-visible-data-with-the-data-*-attributes)
-        XML-compatible (https://html.spec.whatwg.org/multipage/infrastructure.html#xml-compatible and http://www.w3.org/TR/xml/#d0e804)
-        We don't need to check the value; it's always URI safe. */
-    if (ALLOW_DATA_ATTR && !FORBID_ATTR[lcName] && regExpTest(DATA_ATTR, lcName)) ; else if (ALLOW_ARIA_ATTR && regExpTest(ARIA_ATTR, lcName)) ; else if (EXTRA_ELEMENT_HANDLING.attributeCheck instanceof Function && EXTRA_ELEMENT_HANDLING.attributeCheck(lcName, lcTag)) ; else if (!ALLOWED_ATTR[lcName] || FORBID_ATTR[lcName]) {
-      if (
-      // First condition does a very basic check if a) it's basically a valid custom element tagname AND
-      // b) if the tagName passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.tagNameCheck
-      // and c) if the attribute name passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.attributeNameCheck
-      _isBasicCustomElement(lcTag) && (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.tagNameCheck, lcTag) || CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.tagNameCheck(lcTag)) && (CUSTOM_ELEMENT_HANDLING.attributeNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.attributeNameCheck, lcName) || CUSTOM_ELEMENT_HANDLING.attributeNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.attributeNameCheck(lcName, lcTag)) ||
-      // Alternative, second condition checks if it's an `is`-attribute, AND
-      // the value passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.tagNameCheck
-      lcName === 'is' && CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements && (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.tagNameCheck, value) || CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.tagNameCheck(value))) ; else {
-        return false;
-      }
-      /* Check value is safe. First, is attr inert? If so, is safe */
-    } else if (URI_SAFE_ATTRIBUTES[lcName]) ; else if (regExpTest(IS_ALLOWED_URI$1, stringReplace(value, ATTR_WHITESPACE, ''))) ; else if ((lcName === 'src' || lcName === 'xlink:href' || lcName === 'href') && lcTag !== 'script' && stringIndexOf(value, 'data:') === 0 && DATA_URI_TAGS[lcTag]) ; else if (ALLOW_UNKNOWN_PROTOCOLS && !regExpTest(IS_SCRIPT_OR_DATA, stringReplace(value, ATTR_WHITESPACE, ''))) ; else if (value) {
-      return false;
-    } else ;
-    return true;
-  };
-  /**
-   * _isBasicCustomElement
-   * checks if at least one dash is included in tagName, and it's not the first char
-   * for more sophisticated checking see https://github.com/sindresorhus/validate-element-name
-   *
-   * @param tagName name of the tag of the node to sanitize
-   * @returns Returns true if the tag name meets the basic criteria for a custom element, otherwise false.
-   */
-  const _isBasicCustomElement = function _isBasicCustomElement(tagName) {
-    return tagName !== 'annotation-xml' && stringMatch(tagName, CUSTOM_ELEMENT);
-  };
-  /**
-   * _sanitizeAttributes
-   *
-   * @protect attributes
-   * @protect nodeName
-   * @protect removeAttribute
-   * @protect setAttribute
-   *
-   * @param currentNode to sanitize
-   */
-  const _sanitizeAttributes = function _sanitizeAttributes(currentNode) {
-    /* Execute a hook if present */
-    _executeHooks(hooks.beforeSanitizeAttributes, currentNode, null);
-    const {
-      attributes
-    } = currentNode;
-    /* Check if we have attributes; if not we might have a text node */
-    if (!attributes || _isClobbered(currentNode)) {
-      return;
-    }
-    const hookEvent = {
-      attrName: '',
-      attrValue: '',
-      keepAttr: true,
-      allowedAttributes: ALLOWED_ATTR,
-      forceKeepAttr: undefined
-    };
-    let l = attributes.length;
-    /* Go backwards over all attributes; safely remove bad ones */
-    while (l--) {
-      const attr = attributes[l];
-      const {
-        name,
-        namespaceURI,
-        value: attrValue
-      } = attr;
-      const lcName = transformCaseFunc(name);
-      const initValue = attrValue;
-      let value = name === 'value' ? initValue : stringTrim(initValue);
-      /* Execute a hook if present */
-      hookEvent.attrName = lcName;
-      hookEvent.attrValue = value;
-      hookEvent.keepAttr = true;
-      hookEvent.forceKeepAttr = undefined; // Allows developers to see this is a property they can set
-      _executeHooks(hooks.uponSanitizeAttribute, currentNode, hookEvent);
-      value = hookEvent.attrValue;
-      /* Full DOM Clobbering protection via namespace isolation,
-       * Prefix id and name attributes with `user-content-`
-       */
-      if (SANITIZE_NAMED_PROPS && (lcName === 'id' || lcName === 'name')) {
-        // Remove the attribute with this value
-        _removeAttribute(name, currentNode);
-        // Prefix the value and later re-create the attribute with the sanitized value
-        value = SANITIZE_NAMED_PROPS_PREFIX + value;
-      }
-      /* Work around a security issue with comments inside attributes */
-      if (SAFE_FOR_XML && regExpTest(/((--!?|])>)|<\/(style|script|title|xmp|textarea|noscript|iframe|noembed|noframes)/i, value)) {
-        _removeAttribute(name, currentNode);
-        continue;
-      }
-      /* Make sure we cannot easily use animated hrefs, even if animations are allowed */
-      if (lcName === 'attributename' && stringMatch(value, 'href')) {
-        _removeAttribute(name, currentNode);
-        continue;
-      }
-      /* Did the hooks approve of the attribute? */
-      if (hookEvent.forceKeepAttr) {
-        continue;
-      }
-      /* Did the hooks approve of the attribute? */
-      if (!hookEvent.keepAttr) {
-        _removeAttribute(name, currentNode);
-        continue;
-      }
-      /* Work around a security issue in jQuery 3.0 */
-      if (!ALLOW_SELF_CLOSE_IN_ATTR && regExpTest(/\/>/i, value)) {
-        _removeAttribute(name, currentNode);
-        continue;
-      }
-      /* Sanitize attribute content to be template-safe */
-      if (SAFE_FOR_TEMPLATES) {
-        arrayForEach([MUSTACHE_EXPR, ERB_EXPR, TMPLIT_EXPR], expr => {
-          value = stringReplace(value, expr, ' ');
-        });
-      }
-      /* Is `value` valid for this attribute? */
-      const lcTag = transformCaseFunc(currentNode.nodeName);
-      if (!_isValidAttribute(lcTag, lcName, value)) {
-        _removeAttribute(name, currentNode);
-        continue;
-      }
-      /* Handle attributes that require Trusted Types */
-      if (trustedTypesPolicy && typeof trustedTypes === 'object' && typeof trustedTypes.getAttributeType === 'function') {
-        if (namespaceURI) ; else {
-          switch (trustedTypes.getAttributeType(lcTag, lcName)) {
-            case 'TrustedHTML':
-              {
-                value = trustedTypesPolicy.createHTML(value);
-                break;
-              }
-            case 'TrustedScriptURL':
-              {
-                value = trustedTypesPolicy.createScriptURL(value);
-                break;
-              }
-          }
-        }
-      }
-      /* Handle invalid data-* attribute set by try-catching it */
-      if (value !== initValue) {
-        try {
-          if (namespaceURI) {
-            currentNode.setAttributeNS(namespaceURI, name, value);
-          } else {
-            /* Fallback to setAttribute() for browser-unrecognized namespaces e.g. "x-schema". */
-            currentNode.setAttribute(name, value);
-          }
-          if (_isClobbered(currentNode)) {
-            _forceRemove(currentNode);
-          } else {
-            arrayPop(DOMPurify.removed);
-          }
-        } catch (_) {
-          _removeAttribute(name, currentNode);
-        }
-      }
-    }
-    /* Execute a hook if present */
-    _executeHooks(hooks.afterSanitizeAttributes, currentNode, null);
-  };
-  /**
-   * _sanitizeShadowDOM
-   *
-   * @param fragment to iterate over recursively
-   */
-  const _sanitizeShadowDOM = function _sanitizeShadowDOM(fragment) {
-    let shadowNode = null;
-    const shadowIterator = _createNodeIterator(fragment);
-    /* Execute a hook if present */
-    _executeHooks(hooks.beforeSanitizeShadowDOM, fragment, null);
-    while (shadowNode = shadowIterator.nextNode()) {
-      /* Execute a hook if present */
-      _executeHooks(hooks.uponSanitizeShadowNode, shadowNode, null);
-      /* Sanitize tags and elements */
-      _sanitizeElements(shadowNode);
-      /* Check attributes next */
-      _sanitizeAttributes(shadowNode);
-      /* Deep shadow DOM detected */
-      if (shadowNode.content instanceof DocumentFragment) {
-        _sanitizeShadowDOM(shadowNode.content);
-      }
-    }
-    /* Execute a hook if present */
-    _executeHooks(hooks.afterSanitizeShadowDOM, fragment, null);
-  };
-  // eslint-disable-next-line complexity
-  DOMPurify.sanitize = function (dirty) {
-    let cfg = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    let body = null;
-    let importedNode = null;
-    let currentNode = null;
-    let returnNode = null;
-    /* Make sure we have a string to sanitize.
-      DO NOT return early, as this will return the wrong type if
-      the user has requested a DOM object rather than a string */
-    IS_EMPTY_INPUT = !dirty;
-    if (IS_EMPTY_INPUT) {
-      dirty = '<!-->';
-    }
-    /* Stringify, in case dirty is an object */
-    if (typeof dirty !== 'string' && !_isNode(dirty)) {
-      if (typeof dirty.toString === 'function') {
-        dirty = dirty.toString();
-        if (typeof dirty !== 'string') {
-          throw typeErrorCreate('dirty is not a string, aborting');
-        }
-      } else {
-        throw typeErrorCreate('toString is not a function');
-      }
-    }
-    /* Return dirty HTML if DOMPurify cannot run */
-    if (!DOMPurify.isSupported) {
-      return dirty;
-    }
-    /* Assign config vars */
-    if (!SET_CONFIG) {
-      _parseConfig(cfg);
-    }
-    /* Clean up removed elements */
-    DOMPurify.removed = [];
-    /* Check if dirty is correctly typed for IN_PLACE */
-    if (typeof dirty === 'string') {
-      IN_PLACE = false;
-    }
-    if (IN_PLACE) {
-      /* Do some early pre-sanitization to avoid unsafe root nodes */
-      if (dirty.nodeName) {
-        const tagName = transformCaseFunc(dirty.nodeName);
-        if (!ALLOWED_TAGS[tagName] || FORBID_TAGS[tagName]) {
-          throw typeErrorCreate('root node is forbidden and cannot be sanitized in-place');
-        }
-      }
-    } else if (dirty instanceof Node) {
-      /* If dirty is a DOM element, append to an empty document to avoid
-         elements being stripped by the parser */
-      body = _initDocument('<!---->');
-      importedNode = body.ownerDocument.importNode(dirty, true);
-      if (importedNode.nodeType === NODE_TYPE.element && importedNode.nodeName === 'BODY') {
-        /* Node is already a body, use as is */
-        body = importedNode;
-      } else if (importedNode.nodeName === 'HTML') {
-        body = importedNode;
-      } else {
-        // eslint-disable-next-line unicorn/prefer-dom-node-append
-        body.appendChild(importedNode);
-      }
-    } else {
-      /* Exit directly if we have nothing to do */
-      if (!RETURN_DOM && !SAFE_FOR_TEMPLATES && !WHOLE_DOCUMENT &&
-      // eslint-disable-next-line unicorn/prefer-includes
-      dirty.indexOf('<') === -1) {
-        return trustedTypesPolicy && RETURN_TRUSTED_TYPE ? trustedTypesPolicy.createHTML(dirty) : dirty;
-      }
-      /* Initialize the document to work on */
-      body = _initDocument(dirty);
-      /* Check we have a DOM node from the data */
-      if (!body) {
-        return RETURN_DOM ? null : RETURN_TRUSTED_TYPE ? emptyHTML : '';
-      }
-    }
-    /* Remove first element node (ours) if FORCE_BODY is set */
-    if (body && FORCE_BODY) {
-      _forceRemove(body.firstChild);
-    }
-    /* Get node iterator */
-    const nodeIterator = _createNodeIterator(IN_PLACE ? dirty : body);
-    /* Now start iterating over the created document */
-    while (currentNode = nodeIterator.nextNode()) {
-      /* Sanitize tags and elements */
-      _sanitizeElements(currentNode);
-      /* Check attributes next */
-      _sanitizeAttributes(currentNode);
-      /* Shadow DOM detected, sanitize it */
-      if (currentNode.content instanceof DocumentFragment) {
-        _sanitizeShadowDOM(currentNode.content);
-      }
-    }
-    /* If we sanitized `dirty` in-place, return it. */
-    if (IN_PLACE) {
-      return dirty;
-    }
-    /* Return sanitized string or DOM */
-    if (RETURN_DOM) {
-      if (RETURN_DOM_FRAGMENT) {
-        returnNode = createDocumentFragment.call(body.ownerDocument);
-        while (body.firstChild) {
-          // eslint-disable-next-line unicorn/prefer-dom-node-append
-          returnNode.appendChild(body.firstChild);
-        }
-      } else {
-        returnNode = body;
-      }
-      if (ALLOWED_ATTR.shadowroot || ALLOWED_ATTR.shadowrootmode) {
-        /*
-          AdoptNode() is not used because internal state is not reset
-          (e.g. the past names map of a HTMLFormElement), this is safe
-          in theory but we would rather not risk another attack vector.
-          The state that is cloned by importNode() is explicitly defined
-          by the specs.
-        */
-        returnNode = importNode.call(originalDocument, returnNode, true);
-      }
-      return returnNode;
-    }
-    let serializedHTML = WHOLE_DOCUMENT ? body.outerHTML : body.innerHTML;
-    /* Serialize doctype if allowed */
-    if (WHOLE_DOCUMENT && ALLOWED_TAGS['!doctype'] && body.ownerDocument && body.ownerDocument.doctype && body.ownerDocument.doctype.name && regExpTest(DOCTYPE_NAME, body.ownerDocument.doctype.name)) {
-      serializedHTML = '<!DOCTYPE ' + body.ownerDocument.doctype.name + '>\n' + serializedHTML;
-    }
-    /* Sanitize final string template-safe */
-    if (SAFE_FOR_TEMPLATES) {
-      arrayForEach([MUSTACHE_EXPR, ERB_EXPR, TMPLIT_EXPR], expr => {
-        serializedHTML = stringReplace(serializedHTML, expr, ' ');
-      });
-    }
-    return trustedTypesPolicy && RETURN_TRUSTED_TYPE ? trustedTypesPolicy.createHTML(serializedHTML) : serializedHTML;
-  };
-  DOMPurify.setConfig = function () {
-    let cfg = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    _parseConfig(cfg);
-    SET_CONFIG = true;
-  };
-  DOMPurify.clearConfig = function () {
-    CONFIG = null;
-    SET_CONFIG = false;
-  };
-  DOMPurify.isValidAttribute = function (tag, attr, value) {
-    /* Initialize shared config vars if necessary. */
-    if (!CONFIG) {
-      _parseConfig({});
-    }
-    const lcTag = transformCaseFunc(tag);
-    const lcName = transformCaseFunc(attr);
-    return _isValidAttribute(lcTag, lcName, value);
-  };
-  DOMPurify.addHook = function (entryPoint, hookFunction) {
-    if (typeof hookFunction !== 'function') {
-      return;
-    }
-    arrayPush(hooks[entryPoint], hookFunction);
-  };
-  DOMPurify.removeHook = function (entryPoint, hookFunction) {
-    if (hookFunction !== undefined) {
-      const index = arrayLastIndexOf(hooks[entryPoint], hookFunction);
-      return index === -1 ? undefined : arraySplice(hooks[entryPoint], index, 1)[0];
-    }
-    return arrayPop(hooks[entryPoint]);
-  };
-  DOMPurify.removeHooks = function (entryPoint) {
-    hooks[entryPoint] = [];
-  };
-  DOMPurify.removeAllHooks = function () {
-    hooks = _createHooksMap();
-  };
-  return DOMPurify;
-}
-var purify = createDOMPurify();
-
-const pdsComboboxCss = ":host{display:block}:host([aria-disabled=true]) .pds-combobox__input-icon{color:var(--pine-color-text-disabled);pointer-events:none}.pds-combobox{position:relative}.pds-combobox__label{color:var(--pine-color-text-label);display:block;font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing);-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-combobox__input-wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;position:relative;width:100%}.pds-combobox__input{background:var(--pine-color-background-container);border:var(--pine-border);border-radius:var(--pine-dimension-125);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--pine-color-text-strong);-ms-flex:1;flex:1;font:var(--pine-typography-body-medium);padding:var(--pine-dimension-xs) var(--pine-dimension-450) var(--pine-dimension-xs) var(--pine-dimension-150);-webkit-transition:border-color var(--pine-motion-duration-base) ease;transition:border-color var(--pine-motion-duration-base) ease;width:100%}.pds-combobox__input:hover:not(:disabled){border-color:var(--pine-color-border-hover)}.pds-combobox__input:disabled{background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);color:var(--pine-color-text-disabled);cursor:not-allowed}.pds-combobox__input:disabled::-webkit-input-placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-combobox__input:disabled::-moz-placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-combobox__input:disabled:-ms-input-placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-combobox__input:disabled::-ms-input-placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-combobox__input:disabled::placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-combobox__input:focus-visible{border-color:var(--pine-color-border-active);outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-combobox__input::-webkit-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-combobox__input::-moz-placeholder{color:var(--pine-color-text-placeholder)}.pds-combobox__input:-ms-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-combobox__input::-ms-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-combobox__input::placeholder{color:var(--pine-color-text-placeholder)}.pds-combobox__input-icon{color:var(--pine-color-text-secondary);inset-inline-end:var(--pine-dimension-150);pointer-events:none;position:absolute;z-index:var(--pine-z-index-raised)}.pds-combobox__listbox{background:var(--pine-color-background-overlay);border:0;border-radius:var(--pine-dimension-125);-webkit-box-shadow:var(--pine-box-shadow);box-shadow:var(--pine-box-shadow);list-style:none;margin:0;min-width:220px;overflow-y:auto;padding:var(--pine-dimension-xs);position:absolute;z-index:var(--pine-z-index-raised)}.pds-combobox__option{-ms-flex-align:center;align-items:center;background:transparent;border-radius:var(--pine-dimension-125);color:var(--pine-color-text-secondary);cursor:pointer;display:-ms-flexbox;display:flex;font:var(--pine-typography-body-medium);-ms-flex-pack:justify;justify-content:space-between;padding:var(--pine-dimension-xs) var(--pine-dimension-sm);position:relative;-webkit-transition:background 0.15s;transition:background 0.15s}.pds-combobox__option[aria-selected=true]{background:var(--pine-color-background-muted)}.pds-combobox__option:focus-visible{outline:0}.pds-combobox__option.pds-combobox__option--layout .pds-combobox__option-layout-wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;width:100%}.pds-combobox__option.pds-combobox__option--chip .pds-combobox__option-chip{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;width:100%}.pds-combobox__option:last-child{-webkit-margin-after:0;margin-block-end:0}.pds-combobox__option--highlighted,.pds-combobox__option[selected],.pds-combobox__option--selected{background:var(--pine-color-background-muted)}.pds-combobox__option-check{color:currentColor;font-size:var(--pine-dimension-150);-webkit-margin-start:var(--pine-dimension-150);margin-inline-start:var(--pine-dimension-150)}.pds-combobox__group-label{color:var(--pine-color-text-tertiary);cursor:default;font:var(--pine-typography-heading-caption);-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs);-webkit-margin-before:var(--pine-dimension-150);margin-block-start:var(--pine-dimension-150);padding:var(--pine-dimension-2xs) var(--pine-dimension-sm);text-transform:uppercase}.pds-combobox__group-label:first-child{-webkit-margin-before:0;margin-block-start:0}.pds-combobox__loading{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding:var(--pine-dimension-150)}.pds-combobox__empty{color:var(--pine-color-text-tertiary);padding:var(--pine-dimension-150) var(--pine-dimension-sm);text-align:center}.pds-combobox__load-more{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding:var(--pine-dimension-150)}.pds-combobox__button-trigger{-ms-flex-align:center;align-items:center;background:var(--color-background-default, var(--pine-color-secondary));border:var(--pine-border);border-radius:var(--pine-border-radius-full);color:var(--color-text-default, var(--pine-color-text-inverse-emphasis));cursor:pointer;display:-ms-flexbox;display:flex;font:var(--pine-typography-body-medium);-ms-flex-pack:justify;justify-content:space-between;min-height:var(--pine-dimension-450);outline:none;padding:0 var(--pine-dimension-sm);-webkit-transition:border-color 0.15s, background 0.15s, -webkit-box-shadow 0.15s;transition:border-color 0.15s, background 0.15s, -webkit-box-shadow 0.15s;transition:border-color 0.15s, box-shadow 0.15s, background 0.15s;transition:border-color 0.15s, box-shadow 0.15s, background 0.15s, -webkit-box-shadow 0.15s;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.pds-combobox__button-trigger .pds-combobox__button-trigger-layout-wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1}.pds-combobox__button-trigger .trigger-content{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;width:100%}.pds-combobox__button-trigger:focus-visible{border-color:var(--color-border-focus, var(--pine-color-border));-webkit-box-shadow:0 0 0 2px var(--color-outline, var(--pine-color-focus-ring));box-shadow:0 0 0 2px var(--color-outline, var(--pine-color-focus-ring))}.pds-combobox__button-trigger:hover{background:var(--color-background-hover, var(--pine-color-secondary-hover));border-color:var(--color-border-hover, var(--pine-color-border-hover))}.pds-combobox__button-trigger[aria-disabled=true],.pds-combobox__button-trigger:disabled{background:var(--color-background-disabled, var(--pine-color-secondary-disabled));border-color:var(--color-border-disabled, var(--pine-color-border-disabled));color:var(--color-text-disabled, var(--pine-color-text-secondary-disabled));cursor:not-allowed;opacity:0.6}.pds-combobox__button-trigger-label{color:inherit;-ms-flex:1 1 auto;flex:1 1 auto;text-align:start}.pds-combobox__button-trigger--input-shape{border-radius:var(--pine-dimension-125);min-height:var(--pine-dimension-500)}.pds-combobox__button-trigger-chevron{color:currentColor;-webkit-margin-start:var(--pine-dimension-150);margin-inline-start:var(--pine-dimension-150)}.pds-combobox__button-trigger--primary{--color-background-default:var(--pine-color-primary);--color-background-hover:var(--pine-color-primary-hover);--color-background-disabled:var(--pine-color-primary-disabled);--color-border-default:var(--pine-color-primary);--color-border-hover:var(--pine-color-primary-hover);--color-border-disabled:var(--pine-color-primary-disabled);--color-border-focus:var(--pine-color-primary);--color-text-default:var(--pine-color-text-primary);--color-text-disabled:var(--pine-color-text-primary-disabled);--color-outline:var(--pine-color-focus-ring)}.pds-combobox__button-trigger--accent{--color-background-default:var(--pine-color-accent);--color-background-hover:var(--pine-color-accent-hover);--color-background-disabled:var(--pine-color-accent-disabled);--color-border-default:var(--pine-color-accent);--color-border-hover:var(--pine-color-accent-hover);--color-border-disabled:var(--pine-color-accent-disabled);--color-border-focus:var(--pine-color-accent);--color-text-default:var(--pine-color-white);--color-text-disabled:var(--pine-color-text-accent-disabled);--color-outline:var(--pine-color-focus-ring)}.pds-combobox__button-trigger--secondary{--color-background-default:var(--pine-color-secondary);--color-background-hover:var(--pine-color-secondary-hover);--color-background-disabled:var(--pine-color-secondary-disabled);--color-border-default:var(--pine-color-border);--color-border-hover:var(--pine-color-border-hover);--color-border-disabled:var(--pine-color-border-disabled);--color-border-focus:var(--pine-color-border);--color-text-default:var(--pine-color-text-secondary);--color-text-disabled:var(--pine-color-text-secondary-disabled);--color-outline:var(--pine-color-focus-ring)}.pds-combobox__button-trigger--destructive{--color-background-default:var(--pine-color-danger);--color-background-hover:var(--pine-color-danger-hover);--color-background-disabled:var(--pine-color-danger-disabled);--color-border-default:var(--pine-color-danger);--color-border-hover:var(--pine-color-danger-hover);--color-border-disabled:var(--pine-color-danger-disabled);--color-border-focus:var(--pine-color-danger);--color-text-default:var(--pine-color-white);--color-text-disabled:var(--pine-color-text-danger-disabled);--color-outline:var(--pine-color-focus-ring-danger)}.visually-hidden{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}[data-layout]{border-radius:var(--pine-dimension-125);padding-block:var(--pine-dimension-xs)}.pds-combobox__chip-trigger{-ms-flex-align:center;align-items:center;border-radius:var(--pine-dimension-sm);cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;font:var(--pine-typography-body-medium);-ms-flex-pack:justify;justify-content:space-between;outline:none;padding-block:var(--pine-dimension-025);padding-inline:var(--pine-dimension-150);-webkit-transition:all 0.15s ease;transition:all 0.15s ease;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.pds-combobox__chip-trigger .pds-combobox__chip-trigger-layout-wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1}.pds-combobox__chip-trigger .trigger-content{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;width:100%}.pds-combobox__chip-trigger:focus-visible{outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-combobox__chip-trigger[aria-disabled=true]{cursor:not-allowed;opacity:0.6}.pds-combobox__chip-trigger-label{color:inherit;-ms-flex:1 1 auto;flex:1 1 auto;text-align:start}.pds-combobox__chip-trigger-chevron{color:currentColor;-webkit-margin-start:var(--pine-dimension-150);margin-inline-start:var(--pine-dimension-150)}.pds-combobox__chip-trigger-icon{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}.pds-combobox__chip-trigger--neutral,.pds-combobox__chip-trigger--accent,.pds-combobox__chip-trigger--success,.pds-combobox__chip-trigger--warning,.pds-combobox__chip-trigger--danger,.pds-combobox__chip-trigger--info{background:var(--chip-bg);border:var(--pine-border-width) solid var(--chip-border);color:var(--chip-text)}.pds-combobox__chip-trigger--neutral:hover:not([aria-disabled=true]),.pds-combobox__chip-trigger--accent:hover:not([aria-disabled=true]),.pds-combobox__chip-trigger--success:hover:not([aria-disabled=true]),.pds-combobox__chip-trigger--warning:hover:not([aria-disabled=true]),.pds-combobox__chip-trigger--danger:hover:not([aria-disabled=true]),.pds-combobox__chip-trigger--info:hover:not([aria-disabled=true]){background:var(--chip-bg-hover)}.pds-combobox__chip-trigger--neutral:focus-visible,.pds-combobox__chip-trigger--accent:focus-visible,.pds-combobox__chip-trigger--success:focus-visible,.pds-combobox__chip-trigger--warning:focus-visible,.pds-combobox__chip-trigger--danger:focus-visible,.pds-combobox__chip-trigger--info:focus-visible{border-color:var(--chip-border)}.pds-combobox__chip-trigger--neutral{--chip-bg:var(--pine-chip-color-neutral);--chip-bg-hover:var(--pine-chip-color-neutral-hover);--chip-border:var(--pine-chip-color-neutral-hover);--chip-text:var(--pine-color-text-neutral)}.pds-combobox__chip-trigger--accent{--chip-bg:var(--pine-chip-color-accent);--chip-bg-hover:var(--pine-chip-color-accent-hover);--chip-border:var(--pine-chip-color-accent-hover);--chip-text:var(--pine-color-text-accent)}.pds-combobox__chip-trigger--success{--chip-bg:var(--pine-chip-color-success);--chip-bg-hover:var(--pine-chip-color-success-hover);--chip-border:var(--pine-chip-color-success-hover);--chip-text:var(--pine-color-text-success)}.pds-combobox__chip-trigger--warning{--chip-bg:var(--pine-chip-color-warning);--chip-bg-hover:var(--pine-chip-color-warning-hover);--chip-border:var(--pine-chip-color-warning-hover);--chip-text:var(--pine-color-text-warning)}.pds-combobox__chip-trigger--danger{--chip-bg:var(--pine-chip-color-danger);--chip-bg-hover:var(--pine-chip-color-danger-hover);--chip-border:var(--pine-chip-color-danger-hover);--chip-text:var(--pine-color-text-danger)}.pds-combobox__chip-trigger--info{--chip-bg:var(--pine-chip-color-info);--chip-bg-hover:var(--pine-chip-color-info-hover);--chip-border:var(--pine-chip-color-info-hover);--chip-text:var(--pine-color-text-info)}.pds-combobox__chip-trigger--brand{background:-webkit-gradient(linear, left top, right top, from(#FF3E14), to(#6B62F2));background:linear-gradient(90deg, #FF3E14 0%, #6B62F2 100%);border:0;color:var(--pine-color-text-neutral);padding:1px;position:relative}.pds-combobox__chip-trigger--brand .pds-combobox__chip-trigger-label{background:rgba(255, 255, 255, 0.9);border-radius:calc(var(--pine-dimension-sm) - 1px);color:var(--pine-color-text-neutral);font-weight:var(--pine-font-weight-medium);padding:var(--pine-dimension-025) var(--pine-dimension-150);position:relative;z-index:1}.pds-combobox__chip-trigger--brand .pds-combobox__chip-trigger-chevron{position:relative;z-index:1}.pds-combobox__chip-trigger--brand:hover:not([aria-disabled=true]) .pds-combobox__chip-trigger-label{background:rgba(255, 255, 255, 0.8)}.pds-combobox__chip-trigger--dropdown:not(.pds-combobox__chip-trigger--brand){padding:var(--pine-dimension-none)}.pds-combobox__chip-trigger--dropdown:not(.pds-combobox__chip-trigger--brand) .pds-combobox__chip-trigger-label{padding:var(--pine-dimension-025) var(--pine-dimension-150)}.pds-combobox__chip-trigger--large .pds-combobox__chip-trigger-label{font-family:var(--pine-font-family-heading);font-size:var(--pine-font-size-heading-6);font-weight:var(--pine-font-weight-medium);letter-spacing:var(--pine-letter-spacing-heading-6)}.pds-combobox__chip-trigger--dot .pds-combobox__chip-trigger-label::before{border:var(--pine-border-width) solid transparent;border-radius:var(--pine-border-radius-full);content:\"\";display:inline-block;height:var(--pine-dimension-2xs);-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs);width:var(--pine-dimension-2xs)}";
-
-const PdsCombobox$1 = /*@__PURE__*/ proxyCustomElement(class PdsCombobox extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.pdsComboboxChange = createEvent(this, "pdsComboboxChange", 7);
-        this.pdsComboboxSearch = createEvent(this, "pdsComboboxSearch", 7);
-        this.pdsComboboxLoadOptions = createEvent(this, "pdsComboboxLoadOptions", 7);
-        /**
-         * Enable custom layout content for options. Options with data-layout attribute will render their HTML content.
-         * ⚠️ Security Warning: Only use with trusted content. Basic XSS protection is applied, but avoid user-generated content.
-         * @default false
-         */
-        this.customOptionLayouts = false;
-        /**
-         * Enable custom layout content for the button trigger via the trigger-content slot.
-         * When true, uses slot content for initial state but updates dynamically with selected option layout.
-         * ⚠️ Security Warning: Only use with trusted content. Basic XSS protection is applied, but avoid user-generated content.
-         * @default false
-         */
-        this.customTriggerContent = false;
-        /**
-         * If true, the combobox is disabled.
-         */
-        this.disabled = false;
-        /**
-         * Placement of the dropdown relative to the trigger.
-         * @default 'bottom-start'
-         */
-        this.dropdownPlacement = 'bottom-start';
-        /**
-         * Width of the dropdown. Any valid CSS width value.
-         * @default '236px'
-         */
-        this.dropdownWidth = '236px';
-        /**
-         * Where to mount the dropdown listbox (`host` or `body`, sometimes called “append to body”).
-         * Use `body` inside scrollable containers (for example modals) so the list is not clipped by
-         * `overflow: hidden` ancestors. The portal is appended to the nearest `<dialog>` when present
-         * (including `pds-modal` / `showModal()`), using a composed ascent so shadow DOM and slot
-         * boundaries do not hide the dialog from discovery; otherwise it is appended to `document.body`.
-         * Keyboard focus remains on the trigger via
-         * `aria-activedescendant` so modal focus traps continue to work. Custom `empty` and `loading`
-         * slots are not supported when `body` is used; the default empty and loading content is shown instead.
-         * @default 'host'
-         */
-        this.dropdownMount = 'host';
-        /**
-         * Visually hides the label text for instances where only the combobox should be displayed.
-         * The visible `<label>` is omitted (same pattern as `pds-select`) so label spacing does not reserve layout;
-         * the trigger uses `aria-label` so the name stays available to assistive technology.
-         */
-        this.hideLabel = false;
-        /**
-         * Determines the combobox mode: 'filter' (filter options as you type) or 'select-only' (show all options).
-         * In filter mode, reopening the menu while the input still shows the label of the selected option temporarily lists
-         * all options until you type (so you can switch to a different choice without clearing the field first).
-         * @default 'filter'
-         */
-        this.mode = 'filter';
-        /**
-         * Determines the combobox trigger: 'input' (editable input), 'button' (button-like, non-editable), or 'chip' (chip-like, non-editable).
-         * @default 'input'
-         */
-        this.trigger = 'input';
-        /**
-         * Width of the trigger (button or input). Any valid CSS width value.
-         * @default 'fit-content'
-         */
-        this.triggerWidth = 'fit-content';
-        /**
-         * The visual variant for the button trigger. Matches Pine button variants.
-         * @default 'secondary'
-         */
-        this.triggerVariant = 'secondary';
-        /**
-         * The shape of the button trigger. Use 'input' to render the trigger with input-like styling
-         * (subtle border radius, input height) for use in form or filter rows alongside PdsSelect and PdsMultiselect.
-         * @default 'pill'
-         */
-        this.triggerShape = 'pill';
-        /**
-         * The sentiment for the chip trigger. Matches Pine chip sentiments.
-         * @default 'neutral'
-         */
-        this.chipSentiment = 'neutral';
-        /**
-         * Whether the chip trigger should be displayed in a larger size.
-         * @default false
-         */
-        this.chipLarge = false;
-        /**
-         * Whether a dot should be displayed on the chip trigger.
-         * @default false
-         */
-        this.chipDot = false;
-        /**
-         * The value of the combobox input.
-         */
-        this.value = '';
-        /**
-         * HTTP method for async requests.
-         */
-        this.asyncMethod = 'GET';
-        /**
-         * Debounce delay in milliseconds for search/fetch.
-         */
-        this.debounce = 300;
-        /**
-         * Timeout in milliseconds for async fetch requests.
-         */
-        this.fetchTimeout = 30000;
-        /**
-         * Whether the component is currently loading async options.
-         */
-        this.loading = false;
-        /**
-         * Internal state for the display text shown in the input/trigger
-         */
-        this.displayText = '';
-        /**
-         * Internal state for filtered options and group labels
-         */
-        this.filteredItems = [];
-        /**
-         * Internal state for the currently highlighted option index
-         */
-        this.highlightedIndex = -1;
-        /**
-         * Internal state for dropdown open/close
-         */
-        this.isOpen = false;
-        /**
-         * Internal state for the currently selected option
-         */
-        this.selectedOption = null;
-        /**
-         * Internal state for the sanitized layout content of the selected option
-         */
-        this.selectedOptionLayoutContent = '';
-        /**
-         * Internal state to track chip properties for automatic rendering
-         */
-        this.selectedOptionChipProps = null;
-        /**
-         * Internal state for async options.
-         */
-        this.internalOptions = [];
-        /**
-         * Internal state for current page (pagination).
-         */
-        this.currentPage = 1;
-        /**
-         * Internal state for hasMore (pagination).
-         */
-        this.hasMore = false;
-        this.optionEls = [];
-        this.allItems = [];
-        this.portalEl = null;
-        this.bodyPortalAutoUpdateActive = false;
-        this.isUpdatingFromSelection = false;
-        /**
-         * In filter mode, after choosing an option the input still shows the label and would
-         * otherwise filter the list to matching substrings only. While this flag is true,
-         * the list shows every option until the user types (then normal filtering applies).
-         */
-        this.expandFilterListWhileOpen = false;
-        this.handleInput = (e) => {
-            const target = e.target;
-            this.clearExpandFilterList();
-            this.displayText = target.value;
-            this.isOpen = true;
-            this.filterOptions();
-            // Emit search event for consumer-managed async
-            this.pdsComboboxSearch.emit({ query: this.displayText });
-            // Fetch from async URL if configured
-            if (this.asyncUrl) {
-                this.debouncedFetchAsyncOptions(this.displayText, 1);
-            }
-            setTimeout(() => this.openDropdownPositioning(), 0);
-        };
-        this.handleInputClick = () => {
-            // Open dropdown when input is clicked (but not when tabbed into)
-            if (!this.isOpen) {
-                this.isOpen = true;
-                this.prepareExpandFilterListOnOpen();
-                this.filterOptions();
-                // Trigger initial fetch if async and no options loaded yet
-                if (this.asyncUrl && this.internalOptions.length === 0) {
-                    this.debouncedFetchAsyncOptions(this.displayText, 1);
-                }
-                this.setInitialHighlightedIndex();
-                setTimeout(() => {
-                    this.openDropdownPositioning();
-                    if (this.trigger === 'input' && this.expandFilterListWhileOpen && this.inputEl) {
-                        this.inputEl.select();
-                    }
-                }, 0);
-            }
-        };
-        this.handleKeyDown = (e) => {
-            if (!this.isOpen && (e.key === 'ArrowDown' || e.key === 'ArrowUp' || (e.altKey && e.key === 'ArrowDown'))) {
-                e.preventDefault();
-                this.isOpen = true;
-                this.prepareExpandFilterListOnOpen();
-                this.filterOptions();
-                // Set highlighted index immediately for testing
-                this.setInitialHighlightedIndex();
-                setTimeout(() => {
-                    this.openDropdownPositioning();
-                    // For input trigger, keep focus on input and use aria-activedescendant
-                    // For button trigger, move focus to first option for keyboard navigation
-                    if (this.trigger === 'input') {
-                        this.focusFirstOption();
-                    }
-                    else {
-                        this.focusFirstOptionForArrowKeys();
-                    }
-                }, 0);
-                return;
-            }
-            if (!this.isOpen) {
-                return;
-            }
-            // Get only the option elements (skip group labels) for navigation
-            const selectableOptions = this.filteredItems.filter(item => item.tagName === 'OPTION');
-            switch (e.key) {
-                case 'ArrowDown':
-                    e.preventDefault();
-                    // If no option is highlighted and we have options, start at 0
-                    if (this.highlightedIndex < 0 && selectableOptions.length > 0) {
-                        this.highlightedIndex = 0;
-                    }
-                    else {
-                        this.highlightedIndex = Math.min(this.highlightedIndex + 1, selectableOptions.length - 1);
-                    }
-                    this.updateOptionFocus();
-                    break;
-                case 'ArrowUp':
-                    e.preventDefault();
-                    // If no option is highlighted and we have options, start at last option
-                    if (this.highlightedIndex < 0 && selectableOptions.length > 0) {
-                        this.highlightedIndex = selectableOptions.length - 1;
-                    }
-                    else {
-                        this.highlightedIndex = Math.max(this.highlightedIndex - 1, 0);
-                    }
-                    this.updateOptionFocus();
-                    break;
-                case 'Home':
-                    e.preventDefault();
-                    if (selectableOptions.length > 0) {
-                        this.highlightedIndex = 0;
-                        this.updateOptionFocus();
-                    }
-                    break;
-                case 'End':
-                    e.preventDefault();
-                    if (selectableOptions.length > 0) {
-                        this.highlightedIndex = selectableOptions.length - 1;
-                        this.updateOptionFocus();
-                    }
-                    break;
-                case 'PageDown':
-                    e.preventDefault();
-                    if (selectableOptions.length > 0) {
-                        const nextIndex = Math.min(this.highlightedIndex + 10, selectableOptions.length - 1);
-                        this.highlightedIndex = nextIndex;
-                        this.updateOptionFocus();
-                    }
-                    break;
-                case 'PageUp':
-                    e.preventDefault();
-                    if (selectableOptions.length > 0) {
-                        const prevIndex = Math.max(this.highlightedIndex - 10, 0);
-                        this.highlightedIndex = prevIndex;
-                        this.updateOptionFocus();
-                    }
-                    break;
-                case 'Enter':
-                    e.preventDefault();
-                    if (this.highlightedIndex >= 0 && this.highlightedIndex < selectableOptions.length) {
-                        this.handleOptionClick(selectableOptions[this.highlightedIndex]);
-                        this.restoreFocusToTrigger();
-                    }
-                    break;
-                case ' ':
-                    e.preventDefault();
-                    if (this.highlightedIndex >= 0 && this.highlightedIndex < selectableOptions.length) {
-                        this.handleOptionClick(selectableOptions[this.highlightedIndex]);
-                        this.restoreFocusToTrigger();
-                    }
-                    break;
-                case 'Escape':
-                    e.preventDefault();
-                    this.isOpen = false;
-                    this.highlightedIndex = -1;
-                    this.clearExpandFilterList();
-                    this.isArrowKeyNavigationMode = false; // Reset arrow-key navigation mode
-                    this.restoreFocusToTrigger();
-                    break;
-                case 'Tab':
-                    // Allow normal tab behavior to close dropdown and move focus
-                    this.isOpen = false;
-                    this.highlightedIndex = -1;
-                    this.clearExpandFilterList();
-                    this.isArrowKeyNavigationMode = false; // Reset arrow-key navigation mode
-                    break;
-            }
-        };
-        // Track if we're in arrow-key navigation mode (focus should move between options)
-        this.isArrowKeyNavigationMode = false;
-        // Event handler for option click
-        this.onOptionClick = (event) => {
-            const idx = Number(event.currentTarget.getAttribute('data-option-index'));
-            const selectableOptions = this.filteredItems.filter(item => item.tagName === 'OPTION');
-            const option = selectableOptions[idx];
-            this.handleOptionClick(option);
-        };
-        // Event handler for mouse enter on option
-        this.onOptionMouseEnter = (event) => {
-            const idx = Number(event.currentTarget.getAttribute('data-option-index'));
-            this.highlightedIndex = idx;
-        };
-        // Prevent blur on mousedown
-        this.onOptionMouseDown = (event) => {
-            event.preventDefault();
-        };
-        // Event handler for option keyboard events
-        this.onOptionKeyDown = (event) => {
-            // Delegate to main keyboard handler
-            this.handleKeyDown(event);
-        };
-        // Handler for button trigger click
-        this.onButtonTriggerClick = () => {
-            this.isOpen = !this.isOpen;
-            if (this.isOpen) {
-                this.prepareExpandFilterListOnOpen();
-                this.filterOptions();
-                // Trigger initial fetch if async and no options loaded yet
-                if (this.asyncUrl && this.internalOptions.length === 0) {
-                    this.debouncedFetchAsyncOptions(this.displayText, 1);
-                }
-                // Set highlighted index and prepare for keyboard navigation
-                this.setInitialHighlightedIndex();
-                // For button trigger, prepare for arrow-key navigation mode
-                this.isArrowKeyNavigationMode = true;
-                setTimeout(() => this.openDropdownPositioning(), 0);
-            }
-            else {
-                // Reset navigation mode when closing
-                this.clearExpandFilterList();
-                this.isArrowKeyNavigationMode = false;
-            }
-        };
-        // Handler for button trigger keyboard events
-        this.onButtonTriggerKeyDown = (e) => {
-            if ((e.key === 'Enter' || e.key === ' ' || e.key === 'ArrowDown' || e.key === 'ArrowUp') && !this.isOpen) {
-                e.preventDefault();
-                e.stopPropagation(); // Prevent the event from bubbling and triggering click
-                this.isOpen = true;
-                this.prepareExpandFilterListOnOpen();
-                this.filterOptions();
-                // Set highlighted index immediately
-                this.setInitialHighlightedIndex();
-                setTimeout(() => {
-                    this.openDropdownPositioning();
-                    // For all button trigger keyboard opening, focus the first option so subsequent navigation works
-                    this.focusFirstOptionForArrowKeys();
-                }, 0);
-            }
-            else if (e.key === 'Escape') {
-                e.preventDefault();
-                if (this.isOpen) {
-                    this.isOpen = false;
-                    this.highlightedIndex = -1;
-                    this.clearExpandFilterList();
-                    this.updateAriaActiveDescendant(); // Clear aria-activedescendant
-                    this.restoreFocusToTrigger();
-                }
-            }
-            else if (this.isOpen) {
-                // Delegate other keys to main keyboard handler when dropdown is open
-                this.handleKeyDown(e);
-            }
-        };
-        // Handler for button trigger keyup events - prevents space key from triggering synthetic click
-        this.onButtonTriggerKeyUp = (e) => {
-            if (e.key === ' ') {
-                e.preventDefault();
-                e.stopPropagation();
-            }
-        };
-        // Close dropdown when focus leaves the combobox
-        this.onComboboxFocusOut = (event) => {
-            var _a, _b;
-            const relatedTarget = event.relatedTarget;
-            const isRelatedTargetInListbox = relatedTarget &&
-                (((_a = this.listboxEl) === null || _a === void 0 ? void 0 : _a.contains(relatedTarget)) || ((_b = this.portalEl) === null || _b === void 0 ? void 0 : _b.contains(relatedTarget)));
-            const isRelatedTargetInCombobox = this.el.contains(relatedTarget);
-            // Don't close if focus is moving to an option in the listbox or staying within the combobox
-            if (!isRelatedTargetInCombobox && !isRelatedTargetInListbox) {
-                this.isOpen = false;
-                this.highlightedIndex = -1;
-                this.clearExpandFilterList();
-                this.isArrowKeyNavigationMode = false; // Reset arrow-key navigation mode
-                this.updateAriaActiveDescendant(); // Clear aria-activedescendant
-                // If there's a selected option but the display text doesn't match, restore the selected option's display text
-                if (this.selectedOption && this.displayText !== this.getOptionLabel(this.selectedOption)) {
-                    this.displayText = this.getOptionLabel(this.selectedOption);
-                    // The @Watch('selectedOption') will handle value and form internals if needed
-                }
-            }
-        };
-        this.handleScroll = (e) => {
-            if (!this.asyncUrl || !this.hasMore || this.loading)
-                return;
-            const target = e.target;
-            const scrollBottom = target.scrollHeight - target.scrollTop - target.clientHeight;
-            // Load more when near bottom (within 50px)
-            if (scrollBottom < 50) {
-                this.pdsComboboxLoadOptions.emit({
-                    query: this.displayText,
-                    page: this.currentPage + 1,
-                });
-                this.debouncedFetchAsyncOptions(this.displayText, this.currentPage + 1);
-            }
-        };
-    }
-    connectedCallback() {
-        // Initialize ElementInternals for form association (only once per element instance)
-        if (this.el.attachInternals && !this.internals) {
-            this.internals = this.el.attachInternals();
-        }
-    }
-    componentWillLoad() {
-        this.originalSearchEmitter = this.pdsComboboxSearch;
-        this.updateOptions();
-    }
-    componentDidLoad() {
-        var _a, _b, _c;
-        this.setupDebounce();
-        // Check for value-based preselection if no option is selected yet
-        if (!this.selectedOption && this.value && this.optionEls.length > 0) {
-            const matchingOption = this.optionEls.find(opt => opt.value === this.value);
-            if (matchingOption) {
-                this.setSelectedOption(matchingOption);
-                // Update the display text to show the option's text content
-                this.displayText = this.getOptionLabel(matchingOption);
-                // Keep this.value as the actual option value
-                // this.value remains unchanged (already matches matchingOption.value)
-            }
-        }
-        // Initialize form value with current value
-        this.updateFormValue((_c = (_b = (_a = this.selectedOption) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : this.value) !== null && _c !== void 0 ? _c : '');
-    }
-    disconnectedCallback() {
-        var _a;
-        if (this.deferredPortalTeardownId !== undefined) {
-            clearTimeout(this.deferredPortalTeardownId);
-            this.deferredPortalTeardownId = undefined;
-        }
-        (_a = this.observer) === null || _a === void 0 ? void 0 : _a.disconnect();
-        this.clearAsyncFetchState();
-        this.removeBodyPortal();
-    }
-    componentDidRender() {
-        if (this.usesBodyPortal && this.isOpen) {
-            this.syncBodyPortal();
-        }
-    }
-    isOpenChanged(isOpen) {
-        if (isOpen && this.deferredPortalTeardownId !== undefined) {
-            clearTimeout(this.deferredPortalTeardownId);
-            this.deferredPortalTeardownId = undefined;
-        }
-        if (isOpen && this.usesBodyPortal) {
-            // Rapid reopen can cancel deferred teardown while the portal still holds the previous
-            // listbox node; clear portal state before the next render attaches the new listbox, and
-            // reset Floating UI autoUpdate bookkeeping.
-            this.removeBodyPortal();
-        }
-        if (!isOpen && this.usesBodyPortal) {
-            if (this.deferredPortalTeardownId !== undefined) {
-                clearTimeout(this.deferredPortalTeardownId);
-            }
-            this.deferredPortalTeardownId = setTimeout(() => {
-                this.deferredPortalTeardownId = undefined;
-                if (!this.el.isConnected) {
-                    return;
-                }
-                if (!this.isOpen) {
-                    this.removeBodyPortal();
-                }
-            }, 0);
-            return;
-        }
-        if (!isOpen) {
-            this.removeBodyPortal();
-        }
-    }
-    get usesBodyPortal() {
-        return this.dropdownMount === 'body';
-    }
-    get listboxId() {
-        return `${this.componentId}-listbox`;
-    }
-    optionDomId(optionIndex) {
-        return `${this.componentId}-option-${optionIndex}`;
-    }
-    setupDebounce() {
-        const { pdsComboboxSearch, debounce, originalSearchEmitter } = this;
-        this.pdsComboboxSearch = debounce === undefined
-            ? originalSearchEmitter !== null && originalSearchEmitter !== void 0 ? originalSearchEmitter : pdsComboboxSearch
-            : debounceEvent(pdsComboboxSearch, debounce);
-    }
-    optionsChanged() {
-        if (this.options) {
-            this.internalOptions = [...this.options];
-            this.updateOptionsFromAsync();
-        }
-    }
-    handleValueChange() {
-        this.filterOptions();
-        // Sync with form internals for form association
-        this.updateFormValue(this.value);
-        // Find and select option that matches the value (for external value changes)
-        // Only do this if we're not already updating from a selection
-        if (!this.isUpdatingFromSelection && this.value && this.optionEls.length > 0) {
-            const currentSelectedValue = this.selectedOption ? this.selectedOption.value : null;
-            // If the value doesn't match the currently selected option's value, we need to update
-            if (this.value !== currentSelectedValue) {
-                const matchingOption = this.optionEls.find(opt => opt.value === this.value);
-                if (matchingOption) {
-                    this.isUpdatingFromSelection = true;
-                    this.setSelectedOption(matchingOption);
-                    // Update the display text to show the option's text content
-                    this.displayText = this.getOptionLabel(matchingOption);
-                    // Keep this.value as the actual option value (already correct)
-                    this.isUpdatingFromSelection = false;
-                }
-            }
-        }
-    }
-    handleSelectedOptionChange() {
-        // Update the layout content when selected option changes
-        this.selectedOptionLayoutContent = this.selectedOption && this.isOptionLayout(this.selectedOption)
-            ? this.getOptionLayoutContent(this.selectedOption)
-            : '';
-        // Update chip properties for automatic rendering when selected option changes
-        this.selectedOptionChipProps = this.selectedOption && this.isOptionChip(this.selectedOption)
-            ? this.getOptionChipProps(this.selectedOption)
-            : null;
-        // Update display text when selected option changes
-        if (this.selectedOption) {
-            this.displayText = this.getOptionLabel(this.selectedOption);
-            this.value = this.selectedOption.value;
-            // Update form internals with the actual option value
-            this.updateFormValue(this.selectedOption.value);
-        }
-        else {
-            this.displayText = '';
-            this.value = '';
-            this.updateFormValue('');
-        }
-    }
-    updateFormValue(value) {
-        if (isSpecTest())
-            return;
-        if (this.internals && this.internals.setFormValue) {
-            this.internals.setFormValue(value);
-        }
-    }
-    clearAsyncFetchState() {
-        var _a;
-        if (this.fetchDebounceTimer !== undefined) {
-            window.clearTimeout(this.fetchDebounceTimer);
-            this.fetchDebounceTimer = undefined;
-        }
-        if (this.fetchTimeoutTimer !== undefined) {
-            window.clearTimeout(this.fetchTimeoutTimer);
-            this.fetchTimeoutTimer = undefined;
-        }
-        (_a = this.abortController) === null || _a === void 0 ? void 0 : _a.abort();
-        this.abortController = undefined;
-    }
-    debouncedFetchAsyncOptions(query, page = 1) {
-        var _a;
-        if (!this.asyncUrl)
-            return;
-        if (this.fetchDebounceTimer !== undefined) {
-            window.clearTimeout(this.fetchDebounceTimer);
-        }
-        const delay = Math.max(0, (_a = this.debounce) !== null && _a !== void 0 ? _a : 0);
-        this.fetchDebounceTimer = window.setTimeout(() => {
-            this.fetchDebounceTimer = undefined;
-            this.fetchOptions(query, page);
-        }, delay);
-    }
-    async fetchOptions(query, page = 1) {
-        var _a;
-        if (!this.asyncUrl)
-            return;
-        // Abort any pending request and clear existing timeout
-        (_a = this.abortController) === null || _a === void 0 ? void 0 : _a.abort();
-        if (this.fetchTimeoutTimer !== undefined) {
-            window.clearTimeout(this.fetchTimeoutTimer);
-            this.fetchTimeoutTimer = undefined;
-        }
-        this.abortController = new AbortController();
-        this.loading = true;
-        // Set up timeout for fetch request
-        this.fetchTimeoutTimer = window.setTimeout(() => {
-            var _a;
-            (_a = this.abortController) === null || _a === void 0 ? void 0 : _a.abort();
-            this.fetchTimeoutTimer = undefined;
-        }, this.fetchTimeout);
-        try {
-            // Guard against malformed asyncUrl
-            let url;
-            try {
-                url = new URL(this.asyncUrl, window.location.origin);
-            }
-            catch (urlError) {
-                throw new TypeError(`Invalid asyncUrl: ${this.asyncUrl}`);
-            }
-            if (this.asyncMethod === 'GET') {
-                url.searchParams.set('search', query);
-                url.searchParams.set('page', String(page));
-            }
-            const response = await fetch(url.toString(), Object.assign({ method: this.asyncMethod, signal: this.abortController.signal, headers: {
-                    'Content-Type': 'application/json',
-                    'Accept': 'application/json',
-                } }, (this.asyncMethod === 'POST' && {
-                body: JSON.stringify({ search: query, page }),
-            })));
-            // Clear timeout on successful response
-            if (this.fetchTimeoutTimer !== undefined) {
-                window.clearTimeout(this.fetchTimeoutTimer);
-                this.fetchTimeoutTimer = undefined;
-            }
-            if (!response.ok)
-                throw new Error('Failed to fetch options');
-            const data = await response.json();
-            const formattedResults = data.results.map(item => {
-                // If formatResult is provided, use it
-                if (this.formatResult) {
-                    return this.formatResult(item);
-                }
-                // Defensive check: ensure item is an object before spreading
-                if (typeof item === 'object' && item !== null) {
-                    return Object.assign({ id: item.id, text: item.text }, item);
-                }
-                // Handle primitives by converting to safe shape
-                return {
-                    id: String(item),
-                    text: String(item),
-                };
-            });
-            if (page === 1) {
-                this.internalOptions = formattedResults;
-            }
-            else {
-                this.internalOptions = [...this.internalOptions, ...formattedResults];
-            }
-            this.hasMore = data.totalCount ? this.internalOptions.length < data.totalCount : false;
-            this.currentPage = page;
-            // Update DOM options from async data
-            this.updateOptionsFromAsync();
-        }
-        catch (error) {
-            // Clear timeout on error
-            if (this.fetchTimeoutTimer !== undefined) {
-                window.clearTimeout(this.fetchTimeoutTimer);
-                this.fetchTimeoutTimer = undefined;
-            }
-            if (error.name !== 'AbortError') {
-                console.error('PdsCombobox: Failed to fetch options', error);
-            }
-        }
-        finally {
-            this.loading = false;
-        }
-    }
-    updateOptionsFromAsync() {
-        if (!this.asyncUrl && !this.options)
-            return;
-        // Clear existing slot-based options when using async
-        this.optionEls = [];
-        this.allItems = [];
-        // Create option elements from async data
-        const asyncOptions = this.options || this.internalOptions;
-        asyncOptions.forEach(opt => {
-            const optionEl = document.createElement('option');
-            optionEl.value = String(opt.id);
-            optionEl.textContent = opt.text;
-            this.optionEls.push(optionEl);
-            this.allItems.push(optionEl);
-        });
-        // Re-apply preselection if a value is set but no option has been selected yet.
-        // This handles the case where `value` is set before async options have loaded.
-        if (this.value && !this.selectedOption) {
-            const matchingOption = this.optionEls.find(opt => opt.value === this.value);
-            if (matchingOption) {
-                this.setSelectedOption(matchingOption);
-            }
-        }
-        this.filterOptions();
-    }
-    updateOptions() {
-        var _a;
-        // Skip slot-based options if using async
-        if (this.asyncUrl || this.options) {
-            this.updateOptionsFromAsync();
-            return;
-        }
-        // Get all elements from the slot
-        const slot = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot[name="option"], slot:not([name])');
-        if (slot) {
-            const allElements = slot.assignedElements({ flatten: true });
-            // Separate options from group labels and flatten optgroups
-            this.allItems = [];
-            this.optionEls = [];
-            allElements.forEach(el => {
-                if (el.tagName === 'OPTION') {
-                    this.optionEls.push(el);
-                    this.allItems.push(el);
-                }
-                else if (el.tagName === 'OPTGROUP') {
-                    const optgroup = el;
-                    this.allItems.push(optgroup);
-                    // Add optgroup children (options)
-                    Array.from(optgroup.children).forEach(child => {
-                        if (child.tagName === 'OPTION') {
-                            this.optionEls.push(child);
-                            this.allItems.push(child);
-                        }
-                    });
-                }
-                else if (el.tagName === 'PDS-TEXT') {
-                    this.allItems.push(el);
-                }
-            });
-            // Set initial selected option based on value property
-            let initialSelected = null;
-            // Check if value property matches any option
-            if (this.value) {
-                initialSelected = this.optionEls.find(opt => opt.value === this.value) || null;
-                if (initialSelected) {
-                    // Update the display text to show the option's text content
-                    this.displayText = this.getOptionLabel(initialSelected);
-                    // Keep this.value as the actual option value (already correct)
-                }
-            }
-            // For chip triggers, ensure we always have a selected option
-            if (!initialSelected && this.trigger === 'chip' && this.optionEls.length > 0) {
-                initialSelected = this.optionEls[0]; // Select first option as default
-                this.value = initialSelected.value;
-                this.displayText = this.getOptionLabel(initialSelected);
-                console.warn('PDS Combobox: Chip triggers should always have a selected option. Automatically selected the first option.');
-            }
-            // Update selection if we found a different selected option or if we don't have one
-            if (initialSelected && initialSelected !== this.selectedOption) {
-                this.setSelectedOption(initialSelected);
-            }
-            else if (!this.selectedOption && initialSelected) {
-                this.setSelectedOption(initialSelected);
-            }
-            this.filterOptions();
-        }
-    }
-    // Helper method to get option label, falling back to text content if no label attribute
-    getOptionLabel(option) {
-        return option.label || option.textContent || '';
-    }
-    // Helper method to get option layout content
-    getOptionLayoutContent(option) {
-        return this.sanitizeHtml(option.innerHTML || '');
-    }
-    // HTML sanitization using DOMPurify library to prevent XSS attacks
-    sanitizeHtml(html) {
-        // Configure DOMPurify to allow Pine Design System components while removing dangerous content
-        const config = {
-            // Allow all custom elements (including pds-* components)
-            CUSTOM_ELEMENT_HANDLING: {
-                tagNameCheck: (tagName) => {
-                    // Allow all pds-* tags and standard safe HTML tags
-                    return tagName.startsWith('pds-') || /^[a-z]+$/i.test(tagName);
-                },
-                attributeNameCheck: (attr) => {
-                    // Allow standard HTML attributes, data-* attributes, and Pine component attributes
-                    return /^[a-zA-Z][a-zA-Z0-9-]*$/.test(attr) || attr.startsWith('data-') || attr.startsWith('aria-');
-                },
-                allowCustomizedBuiltInElements: false,
-            },
-            // Allow standard safe attributes
-            ALLOW_DATA_ATTR: true,
-            ALLOW_ARIA_ATTR: true,
-            // Specifically forbid dangerous tags
-            FORBID_TAGS: ['script', 'iframe', 'object', 'embed', 'form', 'input', 'textarea', 'select', 'button', 'style'],
-            // Forbid all event handler attributes
-            FORBID_ATTR: [
-                'onerror', 'onload', 'onclick', 'onmouseover', 'onmouseout', 'onmousemove',
-                'onfocus', 'onblur', 'onchange', 'onsubmit', 'onkeydown', 'onkeyup', 'onkeypress',
-                'onmousedown', 'onmouseup', 'ondblclick', 'oncontextmenu', 'onscroll'
-            ],
-            // Safe protocol whitelist
-            ALLOWED_URI_REGEXP: /^(?:(?:(?:f|ht)tps?|mailto|tel|callto|cid|xmpp|data):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i,
-        };
-        return purify.sanitize(html, config);
-    }
-    // Helper method to check if option should render as layout
-    isOptionLayout(option) {
-        return this.customOptionLayouts && option.hasAttribute('data-layout');
-    }
-    // Helper method to check if option has chip attributes (new automatic approach)
-    isOptionChip(option) {
-        return option.hasAttribute('chip-sentiment') ||
-            option.hasAttribute('chip-large') ||
-            option.hasAttribute('chip-icon') ||
-            option.hasAttribute('chip-dot');
-    }
-    // Helper method to get chip properties from option attributes
-    getOptionChipProps(option) {
-        return {
-            sentiment: option.getAttribute('chip-sentiment') || 'neutral',
-            large: option.hasAttribute('chip-large'),
-            icon: option.getAttribute('chip-icon') || undefined,
-            dot: option.hasAttribute('chip-dot')
-        };
-    }
-    // Helper method to check if option is selected (single source of truth)
-    isOptionSelected(option) {
-        return this.selectedOption === option;
-    }
-    // Helper method to set selected option (centralized state management)
-    setSelectedOption(option) {
-        this.selectedOption = option;
-        // Immediately update chip properties for automatic rendering to ensure reactivity
-        if (option && this.isOptionChip(option)) {
-            this.selectedOptionChipProps = this.getOptionChipProps(option);
-        }
-        else {
-            this.selectedOptionChipProps = null;
-        }
-    }
-    filterOptions() {
-        // Ensure allItems includes optionEls if not already populated (for edge cases)
-        if (this.allItems.length === 0 && this.optionEls.length > 0) {
-            this.allItems = [...this.optionEls];
-        }
-        if (this.mode === 'select-only' || this.expandFilterListWhileOpen) {
-            this.filteredItems = [...this.allItems];
-        }
-        else {
-            const val = this.displayText.toLowerCase();
-            const filteredOptions = this.optionEls.filter(option => {
-                // For layout options, search both text content and data-search-text attribute
-                if (this.isOptionLayout(option)) {
-                    const searchText = option.getAttribute('data-search-text') || option.textContent || '';
-                    return searchText.toLowerCase().includes(val);
-                }
-                return this.getOptionLabel(option).toLowerCase().includes(val);
-            });
-            // Rebuild filtered items maintaining group structure - simplified approach
-            this.filteredItems = [];
-            let currentGroupLabel = null;
-            this.allItems.forEach(item => {
-                if (item.tagName === 'OPTGROUP' || item.tagName === 'PDS-TEXT') {
-                    currentGroupLabel = item;
-                }
-                else if (item.tagName === 'OPTION' && filteredOptions.includes(item)) {
-                    const optionEl = item;
-                    const parent = optionEl.parentElement;
-                    let labelToUse = null;
-                    if (parent && parent.tagName === 'OPTGROUP') {
-                        // Only use the actual parent optgroup as label
-                        labelToUse = parent;
-                    }
-                    else if (currentGroupLabel && currentGroupLabel.tagName === 'PDS-TEXT') {
-                        // Allow pds-text to label subsequent top-level options until another label appears
-                        labelToUse = currentGroupLabel;
-                    }
-                    if (labelToUse && !this.filteredItems.includes(labelToUse)) {
-                        this.filteredItems.push(labelToUse);
-                    }
-                    this.filteredItems.push(optionEl);
-                }
-            });
-        }
-        this.highlightedIndex = -1;
-    }
-    clearExpandFilterList() {
-        this.expandFilterListWhileOpen = false;
-    }
-    /**
-     * When reopening the dropdown in filter mode with the input still showing the
-     * committed selection label, show the full option list until the user edits the query.
-     */
-    prepareExpandFilterListOnOpen() {
-        if (this.mode === 'filter' &&
-            this.selectedOption &&
-            this.displayText === this.getOptionLabel(this.selectedOption)) {
-            this.expandFilterListWhileOpen = true;
-        }
-        else {
-            this.expandFilterListWhileOpen = false;
-        }
-    }
-    positionDropdown() {
-        if (!this.triggerEl || !this.listboxEl) {
-            return;
-        }
-        const strategy = this.usesBodyPortal ? 'fixed' : 'absolute';
-        const zIndex = this.usesBodyPortal
-            ? 'var(--pine-z-index-priority)'
-            : 'var(--pine-z-index-raised)';
-        this.listboxEl.style.width = this.dropdownWidth;
-        if (this.maxHeight) {
-            this.listboxEl.style.maxHeight = this.maxHeight;
-            this.listboxEl.style.overflowY = 'auto';
-        }
-        return computePosition(this.triggerEl, this.listboxEl, {
-            placement: this.dropdownPlacement,
-            strategy,
-            middleware: [offset(12), flip(), shift({ padding: 5 })],
-        }).then(({ x, y }) => {
-            if (!this.listboxEl) {
-                return;
-            }
-            Object.assign(this.listboxEl.style, {
-                left: `${x}px`,
-                top: `${y}px`,
-                position: strategy,
-                zIndex,
-            });
-        });
-    }
-    openDropdownPositioning() {
-        if (!this.triggerEl || !this.listboxEl) {
-            return;
-        }
-        void this.positionDropdown();
-    }
-    startBodyPortalAutoUpdate() {
-        if (this.bodyPortalAutoUpdateActive || !this.triggerEl || !this.listboxEl) {
-            return;
-        }
-        this.cleanupPositionAutoUpdate = autoUpdate(this.triggerEl, this.listboxEl, () => {
-            void this.positionDropdown();
-        });
-        this.bodyPortalAutoUpdateActive = true;
-    }
-    stopBodyPortalAutoUpdate() {
-        var _a;
-        (_a = this.cleanupPositionAutoUpdate) === null || _a === void 0 ? void 0 : _a.call(this);
-        this.cleanupPositionAutoUpdate = undefined;
-        this.bodyPortalAutoUpdateActive = false;
-    }
-    getPortalMountRoot() {
-        var _a;
-        return (_a = this.findNearestDialogForPortal(this.el)) !== null && _a !== void 0 ? _a : document.body;
-    }
-    /**
-     * Resolves the native `<dialog>` to host the portaled listbox so it stays in the same top layer
-     * as `showModal()`. `Element.closest('dialog')` stops at shadow boundaries and can miss a
-     * dialog that only wraps slotted content; this walks assigned slots and shadow hosts, and
-     * falls back to `pds-modal`'s dialog when the combobox lives inside that subtree.
-     */
-    findNearestDialogForPortal(from) {
-        const seen = new Set();
-        let current = from;
-        while (current && !seen.has(current)) {
-            seen.add(current);
-            if (current.nodeType === Node.ELEMENT_NODE && current.localName === 'dialog') {
-                return current;
-            }
-            if (current.nodeType === Node.ELEMENT_NODE) {
-                const assigned = current.assignedSlot;
-                if (assigned) {
-                    current = assigned;
-                    continue;
-                }
-            }
-            const parent = current.parentNode;
-            if (parent) {
-                current = parent instanceof ShadowRoot ? parent.host : parent;
-                continue;
-            }
-            break;
-        }
-        const pineModal = from.closest('pds-modal');
-        if (pineModal) {
-            const pineDialog = pineModal.querySelector('dialog');
-            if (pineDialog) {
-                return pineDialog;
-            }
-        }
-        return null;
-    }
-    ensureBodyPortal() {
-        if (this.portalEl !== null) {
-            const target = this.getPortalMountRoot();
-            if (this.portalEl.parentElement !== target) {
-                target.appendChild(this.portalEl);
-            }
-            return this.portalEl;
-        }
-        this.portalEl = document.createElement('div');
-        this.portalEl.className = 'pds-combobox-dropdown-portal';
-        this.getPortalMountRoot().appendChild(this.portalEl);
-        return this.portalEl;
-    }
-    syncBodyPortal() {
-        if (!this.listboxEl) {
-            return;
-        }
-        const portal = this.ensureBodyPortal();
-        for (const stale of Array.from(portal.children)) {
-            if (stale !== this.listboxEl) {
-                stale.remove();
-            }
-        }
-        if (this.listboxEl.parentElement !== portal) {
-            portal.appendChild(this.listboxEl);
-            void this.positionDropdown();
-            this.startBodyPortalAutoUpdate();
-        }
-    }
-    removeBodyPortal() {
-        var _a;
-        this.stopBodyPortalAutoUpdate();
-        if ((_a = this.portalEl) === null || _a === void 0 ? void 0 : _a.parentNode) {
-            this.portalEl.parentNode.removeChild(this.portalEl);
-        }
-        this.portalEl = null;
-        if (this.listboxEl && !this.listboxEl.isConnected) {
-            this.listboxEl = undefined;
-        }
-    }
-    /**
-     * Sets focus on the native input element.
-     */
-    async setFocus() {
-        var _a;
-        if (this.inputEl) {
-            this.inputEl.focus();
-        }
-        else {
-            (_a = this.triggerEl) === null || _a === void 0 ? void 0 : _a.focus();
-        }
-    }
-    /**
-     * Sets the initial highlighted index when dropdown opens.
-     * If there's a selected option, highlight it. Otherwise, highlight the first option.
-     */
-    setInitialHighlightedIndex() {
-        const selectableOptions = this.filteredItems.filter(item => item.tagName === 'OPTION');
-        if (selectableOptions.length === 0) {
-            this.highlightedIndex = -1;
-            return;
-        }
-        // If there's a selected option, find its index in the filtered options
-        if (this.selectedOption) {
-            const selectedIndex = selectableOptions.findIndex(option => option === this.selectedOption);
-            if (selectedIndex >= 0) {
-                this.highlightedIndex = selectedIndex;
-                return;
-            }
-        }
-        // No selected option or selected option not in filtered results, highlight first option
-        this.highlightedIndex = 0;
-    }
-    /**
-     * Focus management helper - moves focus to the first option when dropdown opens
-     */
-    focusFirstOption() {
-        if (this.isOpen) {
-            const selectableOptions = this.filteredItems.filter(item => item.tagName === 'OPTION');
-            if (selectableOptions.length > 0) {
-                this.setInitialHighlightedIndex();
-                // DON'T focus the option elements - keep focus on trigger and use aria-activedescendant
-                // This prevents the focusout event that was closing the dropdown
-                // But still call updateOptionFocus for scrolling
-                if (this.listboxEl) {
-                    this.updateOptionFocus();
-                }
-            }
-        }
-    }
-    /**
-     * Focus management helper - actually focuses the first option when opened via arrow keys
-     */
-    focusFirstOptionForArrowKeys() {
-        if (!this.isOpen) {
-            return;
-        }
-        // Body-mounted listboxes stay outside modal focus traps; keep focus on the trigger.
-        if (this.usesBodyPortal) {
-            this.isArrowKeyNavigationMode = true;
-            this.focusFirstOption();
-            return;
-        }
-        this.isArrowKeyNavigationMode = true;
-        const selectableOptions = this.filteredItems.filter(item => item.tagName === 'OPTION');
-        if (selectableOptions.length > 0) {
-            this.setInitialHighlightedIndex();
-            if (this.listboxEl) {
-                const optionElements = this.listboxEl.querySelectorAll('[role="option"]');
-                const highlightedOption = optionElements[this.highlightedIndex];
-                if (highlightedOption) {
-                    optionElements.forEach(option => {
-                        option.setAttribute('tabindex', '-1');
-                    });
-                    highlightedOption.setAttribute('tabindex', '0');
-                    highlightedOption.focus();
-                    highlightedOption.scrollIntoView({ block: 'nearest', behavior: 'smooth' });
-                }
-            }
-            this.updateAriaActiveDescendant();
-        }
-    }
-    /**
-     * Focus management helper - updates visual state and scrolling for the currently highlighted option
-     * Note: We don't actually focus the option to prevent focusout events that close the dropdown
-     */
-    updateOptionFocus() {
-        if (!this.listboxEl || this.highlightedIndex < 0)
-            return;
-        const optionElements = this.listboxEl.querySelectorAll('[role="option"]');
-        const currentOption = optionElements[this.highlightedIndex];
-        if (currentOption) {
-            // Check if any option currently has focus OR if we're in arrow-key navigation mode
-            const hasOptionFocus = Array.from(optionElements).some(el => el === document.activeElement);
-            const shouldFocusOption = !this.usesBodyPortal && (hasOptionFocus || this.isArrowKeyNavigationMode);
-            if (shouldFocusOption) {
-                optionElements.forEach(option => {
-                    option.setAttribute('tabindex', '-1');
-                });
-                currentOption.setAttribute('tabindex', '0');
-                currentOption.focus();
-            }
-            // Always scroll the option into view
-            currentOption.scrollIntoView({ block: 'nearest', behavior: 'smooth' });
-        }
-        // Always update aria-activedescendant on the trigger element
-        this.updateAriaActiveDescendant();
-    }
-    /**
-     * Updates aria-activedescendant on the trigger element
-     */
-    updateAriaActiveDescendant() {
-        if (this.triggerEl && this.highlightedIndex >= 0) {
-            this.triggerEl.setAttribute('aria-activedescendant', this.optionDomId(this.highlightedIndex));
-        }
-        else if (this.triggerEl) {
-            this.triggerEl.removeAttribute('aria-activedescendant');
-        }
-    }
-    /**
-     * Focus management helper - restores focus to the trigger element
-     */
-    restoreFocusToTrigger() {
-        setTimeout(() => {
-            if (this.inputEl) {
-                this.inputEl.focus();
-            }
-            else if (this.triggerEl) {
-                this.triggerEl.focus();
-            }
-        }, 0);
-    }
-    /**
-     * Gets the value of the currently selected option.
-     */
-    async getSelectedValue() {
-        return this.selectedOption ? this.selectedOption.value : null;
-    }
-    // Get the label of the selected option
-    get selectedLabel() {
-        return this.displayText || '';
-    }
-    // Get the layout content of the selected option for button trigger
-    get selectedLayoutContent() {
-        return this.selectedOptionLayoutContent;
-    }
-    // Check if selected option has layout
-    get selectedHasLayout() {
-        return this.selectedOption ? this.isOptionLayout(this.selectedOption) : false;
-    }
-    // Extract chip sentiment from selected option's attributes, layout content, or slotted trigger content
-    get selectedChipSentiment() {
-        // First priority: Check selected option's chip attributes (new automatic approach)
-        if (this.selectedOption && this.isOptionChip(this.selectedOption)) {
-            const sentiment = this.selectedOption.getAttribute('chip-sentiment');
-            if (sentiment)
-                return sentiment;
-        }
-        // Second priority: Check selected option's layout content (existing custom layout approach)
-        if (this.selectedOption && this.isOptionLayout(this.selectedOption)) {
-            const chipElement = this.selectedOption.querySelector('pds-chip');
-            const sentiment = chipElement === null || chipElement === void 0 ? void 0 : chipElement.getAttribute('sentiment');
-            if (sentiment)
-                return sentiment;
-        }
-        // Third priority: Check if we have custom trigger content with a chip (initial state)
-        if (this.customTriggerContent) {
-            const slottedChip = this.el.querySelector('pds-chip[slot="trigger-content"]');
-            if (slottedChip) {
-                const sentiment = slottedChip.getAttribute('sentiment');
-                if (sentiment)
-                    return sentiment;
-            }
-        }
-        // Fallback: Use component props
-        return this.chipSentiment;
-    }
-    // Extract chip large from selected option's attributes, layout content, or slotted trigger content
-    get selectedChipLarge() {
-        // First priority: Check selected option's chip attributes (new automatic approach)
-        if (this.selectedOption && this.isOptionChip(this.selectedOption)) {
-            if (this.selectedOption.hasAttribute('chip-large'))
-                return true;
-        }
-        // Second priority: Check selected option's layout content (existing custom layout approach)
-        if (this.selectedOption && this.isOptionLayout(this.selectedOption)) {
-            const chipElement = this.selectedOption.querySelector('pds-chip');
-            if (chipElement === null || chipElement === void 0 ? void 0 : chipElement.hasAttribute('large'))
-                return true;
-        }
-        // Third priority: Check if we have custom trigger content with a chip (initial state)
-        if (this.customTriggerContent) {
-            const slottedChip = this.el.querySelector('pds-chip[slot="trigger-content"]');
-            if (slottedChip && slottedChip.hasAttribute('large')) {
-                return true;
-            }
-        }
-        // Fallback: Use component props
-        return this.chipLarge;
-    }
-    // Extract chip icon from selected option's attributes, layout content, or slotted trigger content
-    get selectedChipIcon() {
-        // First priority: Check selected option's chip attributes (new automatic approach)
-        if (this.selectedOption && this.isOptionChip(this.selectedOption)) {
-            const icon = this.selectedOption.getAttribute('chip-icon');
-            if (icon)
-                return icon;
-        }
-        // Second priority: Check selected option's layout content (existing custom layout approach)
-        if (this.selectedOption && this.isOptionLayout(this.selectedOption)) {
-            const chipElement = this.selectedOption.querySelector('pds-chip');
-            const icon = chipElement === null || chipElement === void 0 ? void 0 : chipElement.getAttribute('icon');
-            if (icon)
-                return icon;
-        }
-        // Third priority: Check if we have custom trigger content with a chip (initial state)
-        if (this.customTriggerContent) {
-            const slottedChip = this.el.querySelector('pds-chip[slot="trigger-content"]');
-            if (slottedChip) {
-                const icon = slottedChip.getAttribute('icon');
-                if (icon)
-                    return icon;
-            }
-        }
-        // Fallback: Use component props
-        return this.chipIcon;
-    }
-    // Extract chip dot from selected option's attributes, layout content, or slotted trigger content
-    get selectedChipDot() {
-        // First priority: Check selected option's chip attributes (new automatic approach)
-        if (this.selectedOption && this.isOptionChip(this.selectedOption)) {
-            if (this.selectedOption.hasAttribute('chip-dot'))
-                return true;
-        }
-        // Second priority: Check selected option's layout content (existing custom layout approach)
-        if (this.selectedOption && this.isOptionLayout(this.selectedOption)) {
-            const chipElement = this.selectedOption.querySelector('pds-chip');
-            if (chipElement === null || chipElement === void 0 ? void 0 : chipElement.hasAttribute('dot'))
-                return true;
-        }
-        // Third priority: Check if we have custom trigger content with a chip (initial state)
-        if (this.customTriggerContent) {
-            const slottedChip = this.el.querySelector('pds-chip[slot="trigger-content"]');
-            if (slottedChip && slottedChip.hasAttribute('dot')) {
-                return true;
-            }
-        }
-        // Fallback: Use component props
-        return this.chipDot;
-    }
-    handleOptionClick(option) {
-        // Update reactive state - single source of truth
-        // The @Watch('selectedOption') will handle displayText, value, and form internals
-        this.setSelectedOption(option);
-        this.isOpen = false;
-        this.clearExpandFilterList();
-        this.pdsComboboxChange.emit({ value: option.value });
-    }
-    renderDropdown() {
-        if (!this.isOpen) {
-            return null;
-        }
-        const hasSlottedEmpty = !this.usesBodyPortal && !!this.el.querySelector('[slot="empty"]');
-        const hasSlottedLoading = !this.usesBodyPortal && !!this.el.querySelector('[slot="loading"]');
-        let optionIndex = 0;
-        const selectableOptions = this.filteredItems.filter(item => item.tagName === 'OPTION');
-        return (h("ul", { class: "pds-combobox__listbox", role: "listbox", id: this.listboxId, "aria-label": this.label || 'Options', "aria-multiselectable": "false", ref: el => (this.listboxEl = el), onScroll: this.handleScroll }, this.loading && (h("li", { class: "pds-combobox__loading", role: "presentation" }, hasSlottedLoading ? (h("slot", { name: "loading" })) : (h("pds-loader", { size: "small" })))), !this.loading && this.filteredItems.length === 0 && (h("li", { class: "pds-combobox__empty", role: "presentation" }, hasSlottedEmpty ? (h("slot", { name: "empty" })) : (h("span", null, "No options found")))), this.filteredItems.map((item, itemIdx) => {
-            if (item.tagName === 'OPTGROUP') {
-                const optgroup = item;
-                return (h("li", { key: `optgroup-${itemIdx}`, class: "pds-combobox__group-label", role: "presentation", "aria-label": optgroup.label }, optgroup.label));
-            }
-            else if (item.tagName === 'PDS-TEXT') {
-                const pdsText = item;
-                return (h("li", { key: `pds-text-${itemIdx}`, class: "pds-combobox__group-label", role: "presentation" }, pdsText.textContent));
-            }
-            else if (item.tagName === 'OPTION') {
-                const option = item;
-                const isSelected = this.isOptionSelected(option);
-                const isHighlighted = this.highlightedIndex === optionIndex;
-                const isLayout = this.isOptionLayout(option);
-                const isChip = this.isOptionChip(option);
-                const currentOptionIndex = optionIndex++;
-                return (h("li", { key: option.value, id: this.optionDomId(currentOptionIndex), role: "option", "aria-selected": isSelected ? 'true' : 'false', "aria-setsize": selectableOptions.length, "aria-posinset": currentOptionIndex + 1, "aria-label": isLayout || isChip ? option.getAttribute('aria-label') || this.getOptionLabel(option) : undefined, tabindex: this.usesBodyPortal ? '-1' : isHighlighted ? '0' : '-1', class: {
-                        'pds-combobox__option': true,
-                        'pds-combobox__option--highlighted': isHighlighted,
-                        'pds-combobox__option--layout': isLayout,
-                        'pds-combobox__option--chip': isChip,
-                    }, "data-option-index": currentOptionIndex, onMouseDown: this.onOptionMouseDown, onClick: this.onOptionClick, onMouseEnter: this.onOptionMouseEnter, onKeyDown: this.onOptionKeyDown }, isLayout ? (h("pds-box", { class: "pds-combobox__option-layout-wrapper", innerHTML: this.getOptionLayoutContent(option) })) : isChip ? (this.renderOptionChip(option)) : (this.getOptionLabel(option)), isSelected && h("pds-icon", { icon: "check", size: "regular", class: "pds-combobox__option-check" })));
-            }
-            return null;
-        }), this.hasMore && !this.loading && (h("li", { class: "pds-combobox__load-more", role: "presentation" }, h("pds-loader", { size: "small" })))));
-    }
-    // Helper method to render the caret icon
-    renderCaretIcon() {
-        return h("pds-icon", { icon: "caret-down", "aria-hidden": "true", class: "pds-combobox__button-trigger-chevron" });
-    }
-    // Helper method to render layout content
-    renderLayoutContent() {
-        return (h("div", { class: "pds-combobox__button-trigger-layout-wrapper", innerHTML: this.selectedLayoutContent }));
-    }
-    // Helper method to render default text content
-    renderDefaultContent() {
-        return (h("span", { class: "pds-combobox__button-trigger-label" }, this.selectedLabel || this.placeholder));
-    }
-    // Helper method to check if we should show layout content
-    shouldShowLayoutContent() {
-        return this.selectedHasLayout && !!this.selectedLayoutContent;
-    }
-    // Helper method to build chip trigger CSS classes
-    getChipTriggerClass() {
-        const classes = ['pds-combobox__chip-trigger'];
-        // Add sentiment class
-        classes.push(`pds-combobox__chip-trigger--${this.selectedChipSentiment}`);
-        // Always use dropdown variant for chip triggers
-        classes.push('pds-combobox__chip-trigger--dropdown');
-        // Add large class if needed
-        if (this.selectedChipLarge) {
-            classes.push('pds-combobox__chip-trigger--large');
-        }
-        // Add dot class if needed
-        if (this.selectedChipDot) {
-            classes.push('pds-combobox__chip-trigger--dot');
-        }
-        return classes.join(' ');
-    }
-    renderButtonTriggerContent() {
-        // Case 1: Custom trigger content with layout priority
-        if (this.customTriggerContent) {
-            if (this.shouldShowLayoutContent()) {
-                return [this.renderLayoutContent(), this.renderCaretIcon()];
-            }
-            // Fall back to slot content when no layout is available
-            return h("slot", { name: "trigger-content" });
-        }
-        // Case 2: Standard mode with layout content
-        if (this.shouldShowLayoutContent()) {
-            return [this.renderLayoutContent(), this.renderCaretIcon()];
-        }
-        // Case 3: Standard mode with default text content
-        return [this.renderDefaultContent(), this.renderCaretIcon()];
-    }
-    renderChipTriggerContent() {
-        // Case 1: Custom trigger content with layout priority
-        if (this.customTriggerContent) {
-            if (this.shouldShowLayoutContent()) {
-                // When using custom layouts, the chip handles its own dropdown arrow
-                return this.renderChipTriggerLayoutContent();
-            }
-            // Fall back to slot content when no layout is available - chip handles its own dropdown arrow
-            return h("slot", { name: "trigger-content" });
-        }
-        // Case 2: Standard mode with layout content
-        if (this.shouldShowLayoutContent()) {
-            // When using custom layouts, the chip handles its own dropdown arrow
-            return this.renderChipTriggerLayoutContent();
-        }
-        // Case 3: Automatic chip mode - selected option has chip attributes
-        if (this.selectedOption && this.selectedOptionChipProps) {
-            // Render as chip automatically - chip handles its own dropdown arrow
-            return this.renderSelectedOptionAsChip();
-        }
-        // Case 4: Standard mode with default text content
-        return [
-            this.renderChipTriggerDefaultContent(),
-            this.renderCaretIcon()
-        ];
-    }
-    // Helper method to render selected option as chip for trigger (automatic approach)
-    renderSelectedOptionAsChip() {
-        if (!this.selectedOption || !this.selectedOptionChipProps)
-            return null;
-        return (h("pds-chip", { sentiment: this.selectedOptionChipProps.sentiment, variant: "dropdown" // Always use dropdown variant for triggers
-            ,
-            large: this.selectedOptionChipProps.large, icon: this.selectedOptionChipProps.icon, dot: this.selectedOptionChipProps.dot, class: "pds-combobox__chip-trigger-auto" }, this.getOptionLabel(this.selectedOption)));
-    }
-    // Helper method to render chip trigger layout content
-    renderChipTriggerLayoutContent() {
-        return (h("div", { class: "pds-combobox__chip-trigger-layout-wrapper", innerHTML: this.getModifiedLayoutContentForTrigger() }));
-    }
-    // Helper method to modify layout content for trigger use (ensure dropdown variant)
-    getModifiedLayoutContentForTrigger() {
-        let content = this.selectedLayoutContent;
-        // If the content contains a pds-chip, ensure it has variant="dropdown"
-        if (content.includes('<pds-chip')) {
-            // Use a temporary div to parse and modify the HTML
-            const tempDiv = document.createElement('div');
-            tempDiv.innerHTML = content;
-            const chipElement = tempDiv.querySelector('pds-chip');
-            if (chipElement) {
-                chipElement.setAttribute('variant', 'dropdown');
-                content = tempDiv.innerHTML;
-            }
-        }
-        return content;
-    }
-    // Helper method to render chip trigger default content
-    renderChipTriggerDefaultContent() {
-        return (h("span", { class: "pds-combobox__chip-trigger-label" }, this.selectedChipIcon && h("pds-icon", { icon: this.selectedChipIcon, class: "pds-combobox__chip-trigger-icon" }), this.selectedLabel || this.placeholder));
-    }
-    // Helper method to render option as chip (new automatic approach)
-    renderOptionChip(option) {
-        const chipProps = this.getOptionChipProps(option);
-        return (h("pds-chip", { sentiment: chipProps.sentiment, variant: "text" // Dropdown options use text variant, not dropdown
-            ,
-            large: chipProps.large, icon: chipProps.icon, dot: chipProps.dot, class: "pds-combobox__option-chip" }, this.getOptionLabel(option)));
-    }
-    render() {
-        const triggerClass = [
-            'pds-combobox__button-trigger',
-            `pds-combobox__button-trigger--${this.triggerVariant}`,
-            this.triggerShape === 'input' && 'pds-combobox__button-trigger--input-shape',
-        ]
-            .filter(Boolean)
-            .join(' ');
-        return (h(Host, { key: '3de5711e53460545e3cb962d446880a99edcd44c', "aria-disabled": this.disabled ? 'true' : null }, h("div", { key: 'cce16999fc6be08b99a113ae58cb2be0fbe9c577', class: "pds-combobox", tabIndex: -1, onFocusout: this.onComboboxFocusOut, part: "combobox" }, this.label && !this.hideLabel && (h("label", { key: '355650eba712d6c91694752daed4cf18008a920d', htmlFor: this.componentId, class: "pds-combobox__label" }, this.label)), this.trigger === 'input' ? (h("div", { class: "pds-combobox__input-wrapper", style: { width: this.triggerWidth } }, h("input", { ref: el => {
-                this.inputEl = el;
-                this.triggerEl = el;
-            }, class: "pds-combobox__input", type: "text", role: "combobox", "aria-autocomplete": "list", "aria-controls": this.listboxId, "aria-activedescendant": this.isOpen && this.highlightedIndex >= 0 ? this.optionDomId(this.highlightedIndex) : undefined, "aria-expanded": this.isOpen ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-label": this.hideLabel ? this.label : undefined, id: this.componentId, value: this.displayText, placeholder: this.placeholder, disabled: this.disabled, onInput: this.handleInput, onClick: this.handleInputClick, onKeyDown: this.handleKeyDown, autocomplete: "off", part: "input" }), h("pds-icon", { icon: "enlarge", "aria-hidden": "true", class: "pds-combobox__input-icon" }))) : this.trigger === 'chip' ? (h("div", { class: this.getChipTriggerClass(), style: { width: this.triggerWidth }, role: "combobox", "aria-haspopup": "listbox", "aria-controls": this.listboxId, "aria-activedescendant": this.isOpen && this.highlightedIndex >= 0 ? this.optionDomId(this.highlightedIndex) : undefined, "aria-expanded": this.isOpen ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-label": this.hideLabel ? this.label : undefined, id: this.componentId, tabIndex: this.disabled ? -1 : 0, onClick: this.onButtonTriggerClick, "data-layout": this.customTriggerContent, onKeyDown: this.onButtonTriggerKeyDown, onKeyUp: this.onButtonTriggerKeyUp, ref: el => (this.triggerEl = el), part: "chip-trigger" }, this.renderChipTriggerContent())) : (h("div", { class: triggerClass, style: { width: this.triggerWidth }, role: "combobox", "aria-haspopup": "listbox", "aria-controls": this.listboxId, "aria-activedescendant": this.isOpen && this.highlightedIndex >= 0 ? this.optionDomId(this.highlightedIndex) : undefined, "aria-expanded": this.isOpen ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-label": this.hideLabel ? this.label : undefined, id: this.componentId, tabIndex: this.disabled ? -1 : 0, onClick: this.onButtonTriggerClick, "data-layout": this.customTriggerContent, onKeyDown: this.onButtonTriggerKeyDown, onKeyUp: this.onButtonTriggerKeyUp, ref: el => (this.triggerEl = el), part: "button-trigger" }, this.renderButtonTriggerContent())), h("div", { key: '87ffd9a2472b7459343daf4c0f7d46f260365180', style: { display: 'none' } }, h("slot", { key: 'fd0e21c876fbf21761ad63c9529a304912aecd1d', onSlotchange: () => this.updateOptions() })), this.renderDropdown())));
-    }
-    static get formAssociated() { return true; }
-    get el() { return this; }
-    static get watchers() { return {
-        "isOpen": ["isOpenChanged"],
-        "debounce": ["setupDebounce"],
-        "options": ["optionsChanged"],
-        "value": ["handleValueChange"],
-        "selectedOption": ["handleSelectedOptionChange"]
-    }; }
-    static get style() { return pdsComboboxCss; }
-}, [321, "pds-combobox", {
-        "componentId": [1, "component-id"],
-        "name": [513],
-        "customOptionLayouts": [4, "custom-option-layouts"],
-        "customTriggerContent": [4, "custom-trigger-content"],
-        "disabled": [4],
-        "dropdownPlacement": [1, "dropdown-placement"],
-        "dropdownWidth": [1, "dropdown-width"],
-        "dropdownMount": [1, "dropdown-mount"],
-        "hideLabel": [4, "hide-label"],
-        "label": [1],
-        "maxHeight": [1, "max-height"],
-        "mode": [1],
-        "placeholder": [1],
-        "trigger": [1],
-        "triggerWidth": [1, "trigger-width"],
-        "triggerVariant": [1, "trigger-variant"],
-        "triggerShape": [1, "trigger-shape"],
-        "chipSentiment": [1, "chip-sentiment"],
-        "chipLarge": [4, "chip-large"],
-        "chipIcon": [1, "chip-icon"],
-        "chipDot": [4, "chip-dot"],
-        "value": [1025],
-        "asyncUrl": [1, "async-url"],
-        "asyncMethod": [1, "async-method"],
-        "debounce": [2],
-        "fetchTimeout": [2, "fetch-timeout"],
-        "loading": [1028],
-        "options": [16],
-        "formatResult": [16],
-        "displayText": [32],
-        "filteredItems": [32],
-        "highlightedIndex": [32],
-        "isOpen": [32],
-        "selectedOption": [32],
-        "selectedOptionLayoutContent": [32],
-        "selectedOptionChipProps": [32],
-        "internalOptions": [32],
-        "currentPage": [32],
-        "hasMore": [32],
-        "setFocus": [64],
-        "getSelectedValue": [64]
-    }, undefined, {
-        "isOpen": ["isOpenChanged"],
-        "debounce": ["setupDebounce"],
-        "options": ["optionsChanged"],
-        "value": ["handleValueChange"],
-        "selectedOption": ["handleSelectedOptionChange"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["pds-combobox", "pds-box", "pds-chip", "pds-icon", "pds-loader"];
-    components.forEach(tagName => { switch (tagName) {
-        case "pds-combobox":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, PdsCombobox$1);
-            }
-            break;
-        case "pds-box":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "pds-chip":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "pds-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "pds-loader":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const PdsCombobox = PdsCombobox$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { PdsCombobox, defineCustomElement };
-//# sourceMappingURL=pds-combobox.js.map
-
-//# sourceMappingURL=pds-combobox.js.map
+import{proxyCustomElement as t,HTMLElement as i,createEvent as e,h as o,Host as r,transformTag as n}from"@stencil/core/internal/client";import{i as s}from"./form.js";import{c as a,a as l,o as c,f as d,s as h}from"./floating-ui.dom.js";import{d as p}from"./utils.js";import{d as u}from"./pds-box2.js";import{d as b}from"./pds-chip2.js";import{d as m}from"./pds-icon2.js";import{d as g}from"./pds-loader2.js";
+/*! @license DOMPurify 3.3.3 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.3.3/LICENSE */const{entries:f,setPrototypeOf:v,isFrozen:x,getPrototypeOf:_,getOwnPropertyDescriptor:y}=Object;let{freeze:w,seal:k,create:T}=Object,{apply:O,construct:A}="undefined"!=typeof Reflect&&Reflect;w||(w=function(t){return t}),k||(k=function(t){return t}),O||(O=function(t,i){for(var e=arguments.length,o=Array(e>2?e-2:0),r=2;r<e;r++)o[r-2]=arguments[r];return t.apply(i,o)}),A||(A=function(t){for(var i=arguments.length,e=Array(i>1?i-1:0),o=1;o<i;o++)e[o-1]=arguments[o];return new t(...e)});const S=B(Array.prototype.forEach),E=B(Array.prototype.lastIndexOf),C=B(Array.prototype.pop),D=B(Array.prototype.push),z=B(Array.prototype.splice),P=B(String.prototype.toLowerCase),R=B(String.prototype.toString),L=B(String.prototype.match),I=B(String.prototype.replace),F=B(String.prototype.indexOf),M=B(String.prototype.trim),N=B(Object.prototype.hasOwnProperty),j=B(RegExp.prototype.test),U=function(t){return function(){for(var i=arguments.length,e=Array(i),o=0;o<i;o++)e[o]=arguments[o];return A(t,e)}}(TypeError);function B(t){return function(i){i instanceof RegExp&&(i.lastIndex=0);for(var e=arguments.length,o=Array(e>1?e-1:0),r=1;r<e;r++)o[r-1]=arguments[r];return O(t,i,o)}}function H(t,i){let e=arguments.length>2&&void 0!==arguments[2]?arguments[2]:P;v&&v(t,null);let o=i.length;for(;o--;){let r=i[o];if("string"==typeof r){const t=e(r);t!==r&&(x(i)||(i[o]=t),r=t)}t[r]=!0}return t}function W(t){for(let i=0;i<t.length;i++)N(t,i)||(t[i]=null);return t}function G(t){const i=T(null);for(const[e,o]of f(t))N(t,e)&&(i[e]=Array.isArray(o)?W(o):o&&"object"==typeof o&&o.constructor===Object?G(o):o);return i}function X(t,i){for(;null!==t;){const e=y(t,i);if(e){if(e.get)return B(e.get);if("function"==typeof e.value)return B(e.value)}t=_(t)}return function(){return null}}const $=w(["a","abbr","acronym","address","area","article","aside","audio","b","bdi","bdo","big","blink","blockquote","body","br","button","canvas","caption","center","cite","code","col","colgroup","content","data","datalist","dd","decorator","del","details","dfn","dialog","dir","div","dl","dt","element","em","fieldset","figcaption","figure","font","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","img","input","ins","kbd","label","legend","li","main","map","mark","marquee","menu","menuitem","meter","nav","nobr","ol","optgroup","option","output","p","picture","pre","progress","q","rp","rt","ruby","s","samp","search","section","select","shadow","slot","small","source","spacer","span","strike","strong","style","sub","summary","sup","table","tbody","td","template","textarea","tfoot","th","thead","time","tr","track","tt","u","ul","var","video","wbr"]),q=w(["svg","a","altglyph","altglyphdef","altglyphitem","animatecolor","animatemotion","animatetransform","circle","clippath","defs","desc","ellipse","enterkeyhint","exportparts","filter","font","g","glyph","glyphref","hkern","image","inputmode","line","lineargradient","marker","mask","metadata","mpath","part","path","pattern","polygon","polyline","radialgradient","rect","stop","style","switch","symbol","text","textpath","title","tref","tspan","view","vkern"]),K=w(["feBlend","feColorMatrix","feComponentTransfer","feComposite","feConvolveMatrix","feDiffuseLighting","feDisplacementMap","feDistantLight","feDropShadow","feFlood","feFuncA","feFuncB","feFuncG","feFuncR","feGaussianBlur","feImage","feMerge","feMergeNode","feMorphology","feOffset","fePointLight","feSpecularLighting","feSpotLight","feTile","feTurbulence"]),V=w(["animate","color-profile","cursor","discard","font-face","font-face-format","font-face-name","font-face-src","font-face-uri","foreignobject","hatch","hatchpath","mesh","meshgradient","meshpatch","meshrow","missing-glyph","script","set","solidcolor","unknown","use"]),Y=w(["math","menclose","merror","mfenced","mfrac","mglyph","mi","mlabeledtr","mmultiscripts","mn","mo","mover","mpadded","mphantom","mroot","mrow","ms","mspace","msqrt","mstyle","msub","msup","msubsup","mtable","mtd","mtext","mtr","munder","munderover","mprescripts"]),Z=w(["maction","maligngroup","malignmark","mlongdiv","mscarries","mscarry","msgroup","mstack","msline","msrow","semantics","annotation","annotation-xml","mprescripts","none"]),J=w(["#text"]),Q=w(["accept","action","align","alt","autocapitalize","autocomplete","autopictureinpicture","autoplay","background","bgcolor","border","capture","cellpadding","cellspacing","checked","cite","class","clear","color","cols","colspan","controls","controlslist","coords","crossorigin","datetime","decoding","default","dir","disabled","disablepictureinpicture","disableremoteplayback","download","draggable","enctype","enterkeyhint","exportparts","face","for","headers","height","hidden","high","href","hreflang","id","inert","inputmode","integrity","ismap","kind","label","lang","list","loading","loop","low","max","maxlength","media","method","min","minlength","multiple","muted","name","nonce","noshade","novalidate","nowrap","open","optimum","part","pattern","placeholder","playsinline","popover","popovertarget","popovertargetaction","poster","preload","pubdate","radiogroup","readonly","rel","required","rev","reversed","role","rows","rowspan","spellcheck","scope","selected","shape","size","sizes","slot","span","srclang","start","src","srcset","step","style","summary","tabindex","title","translate","type","usemap","valign","value","width","wrap","xmlns","slot"]),tt=w(["accent-height","accumulate","additive","alignment-baseline","amplitude","ascent","attributename","attributetype","azimuth","basefrequency","baseline-shift","begin","bias","by","class","clip","clippathunits","clip-path","clip-rule","color","color-interpolation","color-interpolation-filters","color-profile","color-rendering","cx","cy","d","dx","dy","diffuseconstant","direction","display","divisor","dur","edgemode","elevation","end","exponent","fill","fill-opacity","fill-rule","filter","filterunits","flood-color","flood-opacity","font-family","font-size","font-size-adjust","font-stretch","font-style","font-variant","font-weight","fx","fy","g1","g2","glyph-name","glyphref","gradientunits","gradienttransform","height","href","id","image-rendering","in","in2","intercept","k","k1","k2","k3","k4","kerning","keypoints","keysplines","keytimes","lang","lengthadjust","letter-spacing","kernelmatrix","kernelunitlength","lighting-color","local","marker-end","marker-mid","marker-start","markerheight","markerunits","markerwidth","maskcontentunits","maskunits","max","mask","mask-type","media","method","mode","min","name","numoctaves","offset","operator","opacity","order","orient","orientation","origin","overflow","paint-order","path","pathlength","patterncontentunits","patterntransform","patternunits","points","preservealpha","preserveaspectratio","primitiveunits","r","rx","ry","radius","refx","refy","repeatcount","repeatdur","restart","result","rotate","scale","seed","shape-rendering","slope","specularconstant","specularexponent","spreadmethod","startoffset","stddeviation","stitchtiles","stop-color","stop-opacity","stroke-dasharray","stroke-dashoffset","stroke-linecap","stroke-linejoin","stroke-miterlimit","stroke-opacity","stroke","stroke-width","style","surfacescale","systemlanguage","tabindex","tablevalues","targetx","targety","transform","transform-origin","text-anchor","text-decoration","text-rendering","textlength","type","u1","u2","unicode","values","viewbox","visibility","version","vert-adv-y","vert-origin-x","vert-origin-y","width","word-spacing","wrap","writing-mode","xchannelselector","ychannelselector","x","x1","x2","xmlns","y","y1","y2","z","zoomandpan"]),it=w(["accent","accentunder","align","bevelled","close","columnsalign","columnlines","columnspan","denomalign","depth","dir","display","displaystyle","encoding","fence","frame","height","href","id","largeop","length","linethickness","lspace","lquote","mathbackground","mathcolor","mathsize","mathvariant","maxsize","minsize","movablelimits","notation","numalign","open","rowalign","rowlines","rowspacing","rowspan","rspace","rquote","scriptlevel","scriptminsize","scriptsizemultiplier","selection","separator","separators","stretchy","subscriptshift","supscriptshift","symmetric","voffset","width","xmlns"]),et=w(["xlink:href","xml:id","xlink:title","xml:space","xmlns:xlink"]),ot=k(/\{\{[\w\W]*|[\w\W]*\}\}/gm),rt=k(/<%[\w\W]*|[\w\W]*%>/gm),nt=k(/\$\{[\w\W]*/gm),st=k(/^data-[\-\w.\u00B7-\uFFFF]+$/),at=k(/^aria-[\-\w]+$/),lt=k(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp|matrix):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i),ct=k(/^(?:\w+script|data):/i),dt=k(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g),ht=k(/^html$/i),pt=k(/^[a-z][.\w]*(-[.\w]+)+$/i);var ut=Object.freeze({__proto__:null,ARIA_ATTR:at,ATTR_WHITESPACE:dt,CUSTOM_ELEMENT:pt,DATA_ATTR:st,DOCTYPE_NAME:ht,ERB_EXPR:rt,IS_ALLOWED_URI:lt,IS_SCRIPT_OR_DATA:ct,MUSTACHE_EXPR:ot,TMPLIT_EXPR:nt});const bt=function(){return"undefined"==typeof window?null:window};var mt=function t(){let i=arguments.length>0&&void 0!==arguments[0]?arguments[0]:bt();const e=i=>t(i);if(e.version="3.3.3",e.removed=[],!i||!i.document||9!==i.document.nodeType||!i.Element)return e.isSupported=!1,e;let{document:o}=i;const r=o,n=r.currentScript,{DocumentFragment:s,HTMLTemplateElement:a,Node:l,Element:c,NodeFilter:d,NamedNodeMap:h=i.NamedNodeMap||i.MozNamedAttrMap,HTMLFormElement:p,DOMParser:u,trustedTypes:b}=i,m=c.prototype,g=X(m,"cloneNode"),v=X(m,"remove"),x=X(m,"nextSibling"),_=X(m,"childNodes"),y=X(m,"parentNode");if("function"==typeof a){const t=o.createElement("template");t.content&&t.content.ownerDocument&&(o=t.content.ownerDocument)}let k,O="";const{implementation:A,createNodeIterator:B,createDocumentFragment:W,getElementsByTagName:ot}=o,{importNode:rt}=r;let nt={afterSanitizeAttributes:[],afterSanitizeElements:[],afterSanitizeShadowDOM:[],beforeSanitizeAttributes:[],beforeSanitizeElements:[],beforeSanitizeShadowDOM:[],uponSanitizeAttribute:[],uponSanitizeElement:[],uponSanitizeShadowNode:[]};e.isSupported="function"==typeof f&&"function"==typeof y&&A&&void 0!==A.createHTMLDocument;const{MUSTACHE_EXPR:st,ERB_EXPR:at,TMPLIT_EXPR:ct,DATA_ATTR:dt,ARIA_ATTR:pt,IS_SCRIPT_OR_DATA:mt,ATTR_WHITESPACE:gt,CUSTOM_ELEMENT:ft}=ut;let{IS_ALLOWED_URI:vt}=ut,xt=null;const _t=H({},[...$,...q,...K,...Y,...J]);let yt=null;const wt=H({},[...Q,...tt,...it,...et]);let kt=Object.seal(T(null,{tagNameCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},attributeNameCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},allowCustomizedBuiltInElements:{writable:!0,configurable:!1,enumerable:!0,value:!1}})),Tt=null,Ot=null;const At=Object.seal(T(null,{tagCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},attributeCheck:{writable:!0,configurable:!1,enumerable:!0,value:null}}));let St=!0,Et=!0,Ct=!1,Dt=!0,zt=!1,Pt=!0,Rt=!1,Lt=!1,It=!1,Ft=!1,Mt=!1,Nt=!1,jt=!0,Ut=!1,Bt=!0,Ht=!1,Wt={},Gt=null;const Xt=H({},["annotation-xml","audio","colgroup","desc","foreignobject","head","iframe","math","mi","mn","mo","ms","mtext","noembed","noframes","noscript","plaintext","script","style","svg","template","thead","title","video","xmp"]);let $t=null;const qt=H({},["audio","video","img","source","image","track"]);let Kt=null;const Vt=H({},["alt","class","for","id","label","name","pattern","placeholder","role","summary","title","value","style","xmlns"]),Yt="http://www.w3.org/1998/Math/MathML",Zt="http://www.w3.org/2000/svg",Jt="http://www.w3.org/1999/xhtml";let Qt=Jt,ti=!1,ii=null;const ei=H({},[Yt,Zt,Jt],R);let oi=H({},["mi","mo","mn","ms","mtext"]),ri=H({},["annotation-xml"]);const ni=H({},["title","style","font","a","script"]);let si=null;const ai=["application/xhtml+xml","text/html"];let li=null,ci=null;const di=o.createElement("form"),hi=function(t){return t instanceof RegExp||t instanceof Function},pi=function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(!ci||ci!==t){if(t&&"object"==typeof t||(t={}),t=G(t),si=-1===ai.indexOf(t.PARSER_MEDIA_TYPE)?"text/html":t.PARSER_MEDIA_TYPE,li="application/xhtml+xml"===si?R:P,xt=N(t,"ALLOWED_TAGS")?H({},t.ALLOWED_TAGS,li):_t,yt=N(t,"ALLOWED_ATTR")?H({},t.ALLOWED_ATTR,li):wt,ii=N(t,"ALLOWED_NAMESPACES")?H({},t.ALLOWED_NAMESPACES,R):ei,Kt=N(t,"ADD_URI_SAFE_ATTR")?H(G(Vt),t.ADD_URI_SAFE_ATTR,li):Vt,$t=N(t,"ADD_DATA_URI_TAGS")?H(G(qt),t.ADD_DATA_URI_TAGS,li):qt,Gt=N(t,"FORBID_CONTENTS")?H({},t.FORBID_CONTENTS,li):Xt,Tt=N(t,"FORBID_TAGS")?H({},t.FORBID_TAGS,li):G({}),Ot=N(t,"FORBID_ATTR")?H({},t.FORBID_ATTR,li):G({}),Wt=!!N(t,"USE_PROFILES")&&t.USE_PROFILES,St=!1!==t.ALLOW_ARIA_ATTR,Et=!1!==t.ALLOW_DATA_ATTR,Ct=t.ALLOW_UNKNOWN_PROTOCOLS||!1,Dt=!1!==t.ALLOW_SELF_CLOSE_IN_ATTR,zt=t.SAFE_FOR_TEMPLATES||!1,Pt=!1!==t.SAFE_FOR_XML,Rt=t.WHOLE_DOCUMENT||!1,Ft=t.RETURN_DOM||!1,Mt=t.RETURN_DOM_FRAGMENT||!1,Nt=t.RETURN_TRUSTED_TYPE||!1,It=t.FORCE_BODY||!1,jt=!1!==t.SANITIZE_DOM,Ut=t.SANITIZE_NAMED_PROPS||!1,Bt=!1!==t.KEEP_CONTENT,Ht=t.IN_PLACE||!1,vt=t.ALLOWED_URI_REGEXP||lt,Qt=t.NAMESPACE||Jt,oi=t.MATHML_TEXT_INTEGRATION_POINTS||oi,ri=t.HTML_INTEGRATION_POINTS||ri,kt=t.CUSTOM_ELEMENT_HANDLING||{},t.CUSTOM_ELEMENT_HANDLING&&hi(t.CUSTOM_ELEMENT_HANDLING.tagNameCheck)&&(kt.tagNameCheck=t.CUSTOM_ELEMENT_HANDLING.tagNameCheck),t.CUSTOM_ELEMENT_HANDLING&&hi(t.CUSTOM_ELEMENT_HANDLING.attributeNameCheck)&&(kt.attributeNameCheck=t.CUSTOM_ELEMENT_HANDLING.attributeNameCheck),t.CUSTOM_ELEMENT_HANDLING&&"boolean"==typeof t.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements&&(kt.allowCustomizedBuiltInElements=t.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements),zt&&(Et=!1),Mt&&(Ft=!0),Wt&&(xt=H({},J),yt=T(null),!0===Wt.html&&(H(xt,$),H(yt,Q)),!0===Wt.svg&&(H(xt,q),H(yt,tt),H(yt,et)),!0===Wt.svgFilters&&(H(xt,K),H(yt,tt),H(yt,et)),!0===Wt.mathMl&&(H(xt,Y),H(yt,it),H(yt,et))),N(t,"ADD_TAGS")||(At.tagCheck=null),N(t,"ADD_ATTR")||(At.attributeCheck=null),t.ADD_TAGS&&("function"==typeof t.ADD_TAGS?At.tagCheck=t.ADD_TAGS:(xt===_t&&(xt=G(xt)),H(xt,t.ADD_TAGS,li))),t.ADD_ATTR&&("function"==typeof t.ADD_ATTR?At.attributeCheck=t.ADD_ATTR:(yt===wt&&(yt=G(yt)),H(yt,t.ADD_ATTR,li))),t.ADD_URI_SAFE_ATTR&&H(Kt,t.ADD_URI_SAFE_ATTR,li),t.FORBID_CONTENTS&&(Gt===Xt&&(Gt=G(Gt)),H(Gt,t.FORBID_CONTENTS,li)),t.ADD_FORBID_CONTENTS&&(Gt===Xt&&(Gt=G(Gt)),H(Gt,t.ADD_FORBID_CONTENTS,li)),Bt&&(xt["#text"]=!0),Rt&&H(xt,["html","head","body"]),xt.table&&(H(xt,["tbody"]),delete Tt.tbody),t.TRUSTED_TYPES_POLICY){if("function"!=typeof t.TRUSTED_TYPES_POLICY.createHTML)throw U('TRUSTED_TYPES_POLICY configuration option must provide a "createHTML" hook.');if("function"!=typeof t.TRUSTED_TYPES_POLICY.createScriptURL)throw U('TRUSTED_TYPES_POLICY configuration option must provide a "createScriptURL" hook.');k=t.TRUSTED_TYPES_POLICY,O=k.createHTML("")}else void 0===k&&(k=function(t,i){if("object"!=typeof t||"function"!=typeof t.createPolicy)return null;let e=null;const o="data-tt-policy-suffix";i&&i.hasAttribute(o)&&(e=i.getAttribute(o));const r="dompurify"+(e?"#"+e:"");try{return t.createPolicy(r,{createHTML:t=>t,createScriptURL:t=>t})}catch(t){return console.warn("TrustedTypes policy "+r+" could not be created."),null}}(b,n)),null!==k&&"string"==typeof O&&(O=k.createHTML(""));w&&w(t),ci=t}},ui=H({},[...q,...K,...V]),bi=H({},[...Y,...Z]),mi=function(t){D(e.removed,{element:t});try{y(t).removeChild(t)}catch(i){v(t)}},gi=function(t,i){try{D(e.removed,{attribute:i.getAttributeNode(t),from:i})}catch(t){D(e.removed,{attribute:null,from:i})}if(i.removeAttribute(t),"is"===t)if(Ft||Mt)try{mi(i)}catch(t){}else try{i.setAttribute(t,"")}catch(t){}},fi=function(t){let i=null,e=null;if(It)t="<remove></remove>"+t;else{const i=L(t,/^[\r\n\t ]+/);e=i&&i[0]}"application/xhtml+xml"===si&&Qt===Jt&&(t='<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>'+t+"</body></html>");const r=k?k.createHTML(t):t;if(Qt===Jt)try{i=(new u).parseFromString(r,si)}catch(t){}if(!i||!i.documentElement){i=A.createDocument(Qt,"template",null);try{i.documentElement.innerHTML=ti?O:r}catch(t){}}const n=i.body||i.documentElement;return t&&e&&n.insertBefore(o.createTextNode(e),n.childNodes[0]||null),Qt===Jt?ot.call(i,Rt?"html":"body")[0]:Rt?i.documentElement:n},vi=function(t){return B.call(t.ownerDocument||t,t,d.SHOW_ELEMENT|d.SHOW_COMMENT|d.SHOW_TEXT|d.SHOW_PROCESSING_INSTRUCTION|d.SHOW_CDATA_SECTION,null)},xi=function(t){return t instanceof p&&("string"!=typeof t.nodeName||"string"!=typeof t.textContent||"function"!=typeof t.removeChild||!(t.attributes instanceof h)||"function"!=typeof t.removeAttribute||"function"!=typeof t.setAttribute||"string"!=typeof t.namespaceURI||"function"!=typeof t.insertBefore||"function"!=typeof t.hasChildNodes)},_i=function(t){return"function"==typeof l&&t instanceof l};function yi(t,i,o){S(t,(t=>{t.call(e,i,o,ci)}))}const wi=function(t){let i=null;if(yi(nt.beforeSanitizeElements,t,null),xi(t))return mi(t),!0;const o=li(t.nodeName);if(yi(nt.uponSanitizeElement,t,{tagName:o,allowedTags:xt}),Pt&&t.hasChildNodes()&&!_i(t.firstElementChild)&&j(/<[/\w!]/g,t.innerHTML)&&j(/<[/\w!]/g,t.textContent))return mi(t),!0;if(7===t.nodeType)return mi(t),!0;if(Pt&&8===t.nodeType&&j(/<[/\w]/g,t.data))return mi(t),!0;if(!(At.tagCheck instanceof Function&&At.tagCheck(o))&&(!xt[o]||Tt[o])){if(!Tt[o]&&Ti(o)){if(kt.tagNameCheck instanceof RegExp&&j(kt.tagNameCheck,o))return!1;if(kt.tagNameCheck instanceof Function&&kt.tagNameCheck(o))return!1}if(Bt&&!Gt[o]){const i=y(t)||t.parentNode,e=_(t)||t.childNodes;if(e&&i)for(let o=e.length-1;o>=0;--o){const r=g(e[o],!0);r.__removalCount=(t.__removalCount||0)+1,i.insertBefore(r,x(t))}}return mi(t),!0}return t instanceof c&&!function(t){let i=y(t);i&&i.tagName||(i={namespaceURI:Qt,tagName:"template"});const e=P(t.tagName),o=P(i.tagName);return!!ii[t.namespaceURI]&&(t.namespaceURI===Zt?i.namespaceURI===Jt?"svg"===e:i.namespaceURI===Yt?"svg"===e&&("annotation-xml"===o||oi[o]):!!ui[e]:t.namespaceURI===Yt?i.namespaceURI===Jt?"math"===e:i.namespaceURI===Zt?"math"===e&&ri[o]:!!bi[e]:t.namespaceURI===Jt?!(i.namespaceURI===Zt&&!ri[o])&&!(i.namespaceURI===Yt&&!oi[o])&&!bi[e]&&(ni[e]||!ui[e]):!("application/xhtml+xml"!==si||!ii[t.namespaceURI]))}(t)?(mi(t),!0):"noscript"!==o&&"noembed"!==o&&"noframes"!==o||!j(/<\/no(script|embed|frames)/i,t.innerHTML)?(zt&&3===t.nodeType&&(i=t.textContent,S([st,at,ct],(t=>{i=I(i,t," ")})),t.textContent!==i&&(D(e.removed,{element:t.cloneNode()}),t.textContent=i)),yi(nt.afterSanitizeElements,t,null),!1):(mi(t),!0)},ki=function(t,i,e){if(Ot[i])return!1;if(jt&&("id"===i||"name"===i)&&(e in o||e in di))return!1;if(Et&&!Ot[i]&&j(dt,i));else if(St&&j(pt,i));else if(At.attributeCheck instanceof Function&&At.attributeCheck(i,t));else if(!yt[i]||Ot[i]){if(!(Ti(t)&&(kt.tagNameCheck instanceof RegExp&&j(kt.tagNameCheck,t)||kt.tagNameCheck instanceof Function&&kt.tagNameCheck(t))&&(kt.attributeNameCheck instanceof RegExp&&j(kt.attributeNameCheck,i)||kt.attributeNameCheck instanceof Function&&kt.attributeNameCheck(i,t))||"is"===i&&kt.allowCustomizedBuiltInElements&&(kt.tagNameCheck instanceof RegExp&&j(kt.tagNameCheck,e)||kt.tagNameCheck instanceof Function&&kt.tagNameCheck(e))))return!1}else if(Kt[i]);else if(j(vt,I(e,gt,"")));else if("src"!==i&&"xlink:href"!==i&&"href"!==i||"script"===t||0!==F(e,"data:")||!$t[t])if(Ct&&!j(mt,I(e,gt,"")));else if(e)return!1;return!0},Ti=function(t){return"annotation-xml"!==t&&L(t,ft)},Oi=function(t){yi(nt.beforeSanitizeAttributes,t,null);const{attributes:i}=t;if(!i||xi(t))return;const o={attrName:"",attrValue:"",keepAttr:!0,allowedAttributes:yt,forceKeepAttr:void 0};let r=i.length;for(;r--;){const n=i[r],{name:s,namespaceURI:a,value:l}=n,c=li(s),d=l;let h="value"===s?d:M(d);if(o.attrName=c,o.attrValue=h,o.keepAttr=!0,o.forceKeepAttr=void 0,yi(nt.uponSanitizeAttribute,t,o),h=o.attrValue,!Ut||"id"!==c&&"name"!==c||(gi(s,t),h="user-content-"+h),Pt&&j(/((--!?|])>)|<\/(style|script|title|xmp|textarea|noscript|iframe|noembed|noframes)/i,h)){gi(s,t);continue}if("attributename"===c&&L(h,"href")){gi(s,t);continue}if(o.forceKeepAttr)continue;if(!o.keepAttr){gi(s,t);continue}if(!Dt&&j(/\/>/i,h)){gi(s,t);continue}zt&&S([st,at,ct],(t=>{h=I(h,t," ")}));const p=li(t.nodeName);if(ki(p,c,h)){if(k&&"object"==typeof b&&"function"==typeof b.getAttributeType)if(a);else switch(b.getAttributeType(p,c)){case"TrustedHTML":h=k.createHTML(h);break;case"TrustedScriptURL":h=k.createScriptURL(h)}if(h!==d)try{a?t.setAttributeNS(a,s,h):t.setAttribute(s,h),xi(t)?mi(t):C(e.removed)}catch(i){gi(s,t)}}else gi(s,t)}yi(nt.afterSanitizeAttributes,t,null)},Ai=function t(i){let e=null;const o=vi(i);for(yi(nt.beforeSanitizeShadowDOM,i,null);e=o.nextNode();)yi(nt.uponSanitizeShadowNode,e,null),wi(e),Oi(e),e.content instanceof s&&t(e.content);yi(nt.afterSanitizeShadowDOM,i,null)};return e.sanitize=function(t){let i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},o=null,n=null,a=null,c=null;if(ti=!t,ti&&(t="\x3c!--\x3e"),"string"!=typeof t&&!_i(t)){if("function"!=typeof t.toString)throw U("toString is not a function");if("string"!=typeof(t=""+t))throw U("dirty is not a string, aborting")}if(!e.isSupported)return t;if(Lt||pi(i),e.removed=[],"string"==typeof t&&(Ht=!1),Ht){if(t.nodeName){const i=li(t.nodeName);if(!xt[i]||Tt[i])throw U("root node is forbidden and cannot be sanitized in-place")}}else if(t instanceof l)o=fi("\x3c!----\x3e"),n=o.ownerDocument.importNode(t,!0),1===n.nodeType&&"BODY"===n.nodeName||"HTML"===n.nodeName?o=n:o.appendChild(n);else{if(!Ft&&!zt&&!Rt&&-1===t.indexOf("<"))return k&&Nt?k.createHTML(t):t;if(o=fi(t),!o)return Ft?null:Nt?O:""}o&&It&&mi(o.firstChild);const d=vi(Ht?t:o);for(;a=d.nextNode();)wi(a),Oi(a),a.content instanceof s&&Ai(a.content);if(Ht)return t;if(Ft){if(Mt)for(c=W.call(o.ownerDocument);o.firstChild;)c.appendChild(o.firstChild);else c=o;return(yt.shadowroot||yt.shadowrootmode)&&(c=rt.call(r,c,!0)),c}let h=Rt?o.outerHTML:o.innerHTML;return Rt&&xt["!doctype"]&&o.ownerDocument&&o.ownerDocument.doctype&&o.ownerDocument.doctype.name&&j(ht,o.ownerDocument.doctype.name)&&(h="<!DOCTYPE "+o.ownerDocument.doctype.name+">\n"+h),zt&&S([st,at,ct],(t=>{h=I(h,t," ")})),k&&Nt?k.createHTML(h):h},e.setConfig=function(){pi(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}),Lt=!0},e.clearConfig=function(){ci=null,Lt=!1},e.isValidAttribute=function(t,i,e){ci||pi({});const o=li(t),r=li(i);return ki(o,r,e)},e.addHook=function(t,i){"function"==typeof i&&D(nt[t],i)},e.removeHook=function(t,i){if(void 0!==i){const e=E(nt[t],i);return-1===e?void 0:z(nt[t],e,1)[0]}return C(nt[t])},e.removeHooks=function(t){nt[t]=[]},e.removeAllHooks=function(){nt={afterSanitizeAttributes:[],afterSanitizeElements:[],afterSanitizeShadowDOM:[],beforeSanitizeAttributes:[],beforeSanitizeElements:[],beforeSanitizeShadowDOM:[],uponSanitizeAttribute:[],uponSanitizeElement:[],uponSanitizeShadowNode:[]}},e}();const gt=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.pdsComboboxChange=e(this,"pdsComboboxChange",7),this.pdsComboboxSearch=e(this,"pdsComboboxSearch",7),this.pdsComboboxLoadOptions=e(this,"pdsComboboxLoadOptions",7),this.customOptionLayouts=!1,this.customTriggerContent=!1,this.disabled=!1,this.dropdownPlacement="bottom-start",this.dropdownWidth="236px",this.dropdownMount="host",this.hideLabel=!1,this.mode="filter",this.trigger="input",this.triggerWidth="fit-content",this.triggerVariant="secondary",this.triggerShape="pill",this.chipSentiment="neutral",this.chipLarge=!1,this.chipDot=!1,this.value="",this.asyncMethod="GET",this.debounce=300,this.fetchTimeout=3e4,this.loading=!1,this.displayText="",this.filteredItems=[],this.highlightedIndex=-1,this.isOpen=!1,this.selectedOption=null,this.selectedOptionLayoutContent="",this.selectedOptionChipProps=null,this.internalOptions=[],this.currentPage=1,this.hasMore=!1,this.optionEls=[],this.allItems=[],this.portalEl=null,this.bodyPortalAutoUpdateActive=!1,this.isUpdatingFromSelection=!1,this.expandFilterListWhileOpen=!1,this.handleInput=t=>{const i=t.target;this.clearExpandFilterList(),this.displayText=i.value,this.isOpen=!0,this.filterOptions(),this.pdsComboboxSearch.emit({query:this.displayText}),this.asyncUrl&&this.debouncedFetchAsyncOptions(this.displayText,1),setTimeout((()=>this.openDropdownPositioning()),0)},this.handleInputClick=()=>{this.isOpen||(this.isOpen=!0,this.prepareExpandFilterListOnOpen(),this.filterOptions(),this.asyncUrl&&0===this.internalOptions.length&&this.debouncedFetchAsyncOptions(this.displayText,1),this.setInitialHighlightedIndex(),setTimeout((()=>{this.openDropdownPositioning(),"input"===this.trigger&&this.expandFilterListWhileOpen&&this.inputEl&&this.inputEl.select()}),0))},this.handleKeyDown=t=>{if(!this.isOpen&&("ArrowDown"===t.key||"ArrowUp"===t.key||t.altKey&&"ArrowDown"===t.key))return t.preventDefault(),this.isOpen=!0,this.prepareExpandFilterListOnOpen(),this.filterOptions(),this.setInitialHighlightedIndex(),void setTimeout((()=>{this.openDropdownPositioning(),"input"===this.trigger?this.focusFirstOption():this.focusFirstOptionForArrowKeys()}),0);if(!this.isOpen)return;const i=this.filteredItems.filter((t=>"OPTION"===t.tagName));switch(t.key){case"ArrowDown":t.preventDefault(),this.highlightedIndex=this.highlightedIndex<0&&i.length>0?0:Math.min(this.highlightedIndex+1,i.length-1),this.updateOptionFocus();break;case"ArrowUp":t.preventDefault(),this.highlightedIndex=this.highlightedIndex<0&&i.length>0?i.length-1:Math.max(this.highlightedIndex-1,0),this.updateOptionFocus();break;case"Home":t.preventDefault(),i.length>0&&(this.highlightedIndex=0,this.updateOptionFocus());break;case"End":t.preventDefault(),i.length>0&&(this.highlightedIndex=i.length-1,this.updateOptionFocus());break;case"PageDown":t.preventDefault(),i.length>0&&(this.highlightedIndex=Math.min(this.highlightedIndex+10,i.length-1),this.updateOptionFocus());break;case"PageUp":t.preventDefault(),i.length>0&&(this.highlightedIndex=Math.max(this.highlightedIndex-10,0),this.updateOptionFocus());break;case"Enter":case" ":t.preventDefault(),this.highlightedIndex>=0&&this.highlightedIndex<i.length&&(this.handleOptionClick(i[this.highlightedIndex]),this.restoreFocusToTrigger());break;case"Escape":t.preventDefault(),this.isOpen=!1,this.highlightedIndex=-1,this.clearExpandFilterList(),this.isArrowKeyNavigationMode=!1,this.restoreFocusToTrigger();break;case"Tab":this.isOpen=!1,this.highlightedIndex=-1,this.clearExpandFilterList(),this.isArrowKeyNavigationMode=!1}},this.isArrowKeyNavigationMode=!1,this.onOptionClick=t=>{const i=Number(t.currentTarget.getAttribute("data-option-index")),e=this.filteredItems.filter((t=>"OPTION"===t.tagName));this.handleOptionClick(e[i])},this.onOptionMouseEnter=t=>{const i=Number(t.currentTarget.getAttribute("data-option-index"));this.highlightedIndex=i},this.onOptionMouseDown=t=>{t.preventDefault()},this.onOptionKeyDown=t=>{this.handleKeyDown(t)},this.onButtonTriggerClick=()=>{this.isOpen=!this.isOpen,this.isOpen?(this.prepareExpandFilterListOnOpen(),this.filterOptions(),this.asyncUrl&&0===this.internalOptions.length&&this.debouncedFetchAsyncOptions(this.displayText,1),this.setInitialHighlightedIndex(),this.isArrowKeyNavigationMode=!0,setTimeout((()=>this.openDropdownPositioning()),0)):(this.clearExpandFilterList(),this.isArrowKeyNavigationMode=!1)},this.onButtonTriggerKeyDown=t=>{"Enter"!==t.key&&" "!==t.key&&"ArrowDown"!==t.key&&"ArrowUp"!==t.key||this.isOpen?"Escape"===t.key?(t.preventDefault(),this.isOpen&&(this.isOpen=!1,this.highlightedIndex=-1,this.clearExpandFilterList(),this.updateAriaActiveDescendant(),this.restoreFocusToTrigger())):this.isOpen&&this.handleKeyDown(t):(t.preventDefault(),t.stopPropagation(),this.isOpen=!0,this.prepareExpandFilterListOnOpen(),this.filterOptions(),this.setInitialHighlightedIndex(),setTimeout((()=>{this.openDropdownPositioning(),this.focusFirstOptionForArrowKeys()}),0))},this.onButtonTriggerKeyUp=t=>{" "===t.key&&(t.preventDefault(),t.stopPropagation())},this.onComboboxFocusOut=t=>{var i,e;const o=t.relatedTarget,r=o&&((null===(i=this.listboxEl)||void 0===i?void 0:i.contains(o))||(null===(e=this.portalEl)||void 0===e?void 0:e.contains(o)));this.el.contains(o)||r||(this.isOpen=!1,this.highlightedIndex=-1,this.clearExpandFilterList(),this.isArrowKeyNavigationMode=!1,this.updateAriaActiveDescendant(),this.selectedOption&&this.displayText!==this.getOptionLabel(this.selectedOption)&&(this.displayText=this.getOptionLabel(this.selectedOption)))},this.handleScroll=t=>{if(!this.asyncUrl||!this.hasMore||this.loading)return;const i=t.target;i.scrollHeight-i.scrollTop-i.clientHeight<50&&(this.pdsComboboxLoadOptions.emit({query:this.displayText,page:this.currentPage+1}),this.debouncedFetchAsyncOptions(this.displayText,this.currentPage+1))}}connectedCallback(){this.el.attachInternals&&!this.internals&&(this.internals=this.el.attachInternals())}componentWillLoad(){this.originalSearchEmitter=this.pdsComboboxSearch,this.updateOptions()}componentDidLoad(){var t,i,e;if(this.setupDebounce(),!this.selectedOption&&this.value&&this.optionEls.length>0){const t=this.optionEls.find((t=>t.value===this.value));t&&(this.setSelectedOption(t),this.displayText=this.getOptionLabel(t))}this.updateFormValue(null!==(e=null!==(i=null===(t=this.selectedOption)||void 0===t?void 0:t.value)&&void 0!==i?i:this.value)&&void 0!==e?e:"")}disconnectedCallback(){var t;void 0!==this.deferredPortalTeardownId&&(clearTimeout(this.deferredPortalTeardownId),this.deferredPortalTeardownId=void 0),null===(t=this.observer)||void 0===t||t.disconnect(),this.clearAsyncFetchState(),this.removeBodyPortal()}componentDidRender(){this.usesBodyPortal&&this.isOpen&&this.syncBodyPortal()}isOpenChanged(t){if(t&&void 0!==this.deferredPortalTeardownId&&(clearTimeout(this.deferredPortalTeardownId),this.deferredPortalTeardownId=void 0),t&&this.usesBodyPortal&&this.removeBodyPortal(),!t&&this.usesBodyPortal)return void 0!==this.deferredPortalTeardownId&&clearTimeout(this.deferredPortalTeardownId),void(this.deferredPortalTeardownId=setTimeout((()=>{this.deferredPortalTeardownId=void 0,this.el.isConnected&&(this.isOpen||this.removeBodyPortal())}),0));t||this.removeBodyPortal()}get usesBodyPortal(){return"body"===this.dropdownMount}get listboxId(){return this.componentId+"-listbox"}optionDomId(t){return`${this.componentId}-option-${t}`}setupDebounce(){const{pdsComboboxSearch:t,debounce:i,originalSearchEmitter:e}=this;this.pdsComboboxSearch=void 0===i?null!=e?e:t:p(t,i)}optionsChanged(){this.options&&(this.internalOptions=[...this.options],this.updateOptionsFromAsync())}handleValueChange(){if(this.filterOptions(),this.updateFormValue(this.value),!this.isUpdatingFromSelection&&this.value&&this.optionEls.length>0&&this.value!==(this.selectedOption?this.selectedOption.value:null)){const t=this.optionEls.find((t=>t.value===this.value));t&&(this.isUpdatingFromSelection=!0,this.setSelectedOption(t),this.displayText=this.getOptionLabel(t),this.isUpdatingFromSelection=!1)}}handleSelectedOptionChange(){this.selectedOptionLayoutContent=this.selectedOption&&this.isOptionLayout(this.selectedOption)?this.getOptionLayoutContent(this.selectedOption):"",this.selectedOptionChipProps=this.selectedOption&&this.isOptionChip(this.selectedOption)?this.getOptionChipProps(this.selectedOption):null,this.selectedOption?(this.displayText=this.getOptionLabel(this.selectedOption),this.value=this.selectedOption.value,this.updateFormValue(this.selectedOption.value)):(this.displayText="",this.value="",this.updateFormValue(""))}updateFormValue(t){s()||this.internals&&this.internals.setFormValue&&this.internals.setFormValue(t)}clearAsyncFetchState(){var t;void 0!==this.fetchDebounceTimer&&(window.clearTimeout(this.fetchDebounceTimer),this.fetchDebounceTimer=void 0),void 0!==this.fetchTimeoutTimer&&(window.clearTimeout(this.fetchTimeoutTimer),this.fetchTimeoutTimer=void 0),null===(t=this.abortController)||void 0===t||t.abort(),this.abortController=void 0}debouncedFetchAsyncOptions(t,i=1){var e;if(!this.asyncUrl)return;void 0!==this.fetchDebounceTimer&&window.clearTimeout(this.fetchDebounceTimer);const o=Math.max(0,null!==(e=this.debounce)&&void 0!==e?e:0);this.fetchDebounceTimer=window.setTimeout((()=>{this.fetchDebounceTimer=void 0,this.fetchOptions(t,i)}),o)}async fetchOptions(t,i=1){var e;if(this.asyncUrl){null===(e=this.abortController)||void 0===e||e.abort(),void 0!==this.fetchTimeoutTimer&&(window.clearTimeout(this.fetchTimeoutTimer),this.fetchTimeoutTimer=void 0),this.abortController=new AbortController,this.loading=!0,this.fetchTimeoutTimer=window.setTimeout((()=>{var t;null===(t=this.abortController)||void 0===t||t.abort(),this.fetchTimeoutTimer=void 0}),this.fetchTimeout);try{let e;try{e=new URL(this.asyncUrl,window.location.origin)}catch(t){throw new TypeError("Invalid asyncUrl: "+this.asyncUrl)}"GET"===this.asyncMethod&&(e.searchParams.set("search",t),e.searchParams.set("page",i+""));const o=await fetch(""+e,Object.assign({method:this.asyncMethod,signal:this.abortController.signal,headers:{"Content-Type":"application/json",Accept:"application/json"}},"POST"===this.asyncMethod&&{body:JSON.stringify({search:t,page:i})}));if(void 0!==this.fetchTimeoutTimer&&(window.clearTimeout(this.fetchTimeoutTimer),this.fetchTimeoutTimer=void 0),!o.ok)throw Error("Failed to fetch options");const r=await o.json(),n=r.results.map((t=>this.formatResult?this.formatResult(t):"object"==typeof t&&null!==t?Object.assign({id:t.id,text:t.text},t):{id:t+"",text:t+""}));this.internalOptions=1===i?n:[...this.internalOptions,...n],this.hasMore=!!r.totalCount&&this.internalOptions.length<r.totalCount,this.currentPage=i,this.updateOptionsFromAsync()}catch(t){void 0!==this.fetchTimeoutTimer&&(window.clearTimeout(this.fetchTimeoutTimer),this.fetchTimeoutTimer=void 0),"AbortError"!==t.name&&console.error("PdsCombobox: Failed to fetch options",t)}finally{this.loading=!1}}}updateOptionsFromAsync(){if(this.asyncUrl||this.options){if(this.optionEls=[],this.allItems=[],(this.options||this.internalOptions).forEach((t=>{const i=document.createElement("option");i.value=t.id+"",i.textContent=t.text,this.optionEls.push(i),this.allItems.push(i)})),this.value&&!this.selectedOption){const t=this.optionEls.find((t=>t.value===this.value));t&&this.setSelectedOption(t)}this.filterOptions()}}updateOptions(){var t;if(this.asyncUrl||this.options)return void this.updateOptionsFromAsync();const i=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector('slot[name="option"], slot:not([name])');if(i){const t=i.assignedElements({flatten:!0});this.allItems=[],this.optionEls=[],t.forEach((t=>{if("OPTION"===t.tagName)this.optionEls.push(t),this.allItems.push(t);else if("OPTGROUP"===t.tagName){const i=t;this.allItems.push(i),Array.from(i.children).forEach((t=>{"OPTION"===t.tagName&&(this.optionEls.push(t),this.allItems.push(t))}))}else"PDS-TEXT"===t.tagName&&this.allItems.push(t)}));let e=null;this.value&&(e=this.optionEls.find((t=>t.value===this.value))||null,e&&(this.displayText=this.getOptionLabel(e))),!e&&"chip"===this.trigger&&this.optionEls.length>0&&(e=this.optionEls[0],this.value=e.value,this.displayText=this.getOptionLabel(e),console.warn("PDS Combobox: Chip triggers should always have a selected option. Automatically selected the first option.")),(e&&e!==this.selectedOption||!this.selectedOption&&e)&&this.setSelectedOption(e),this.filterOptions()}}getOptionLabel(t){return t.label||t.textContent||""}getOptionLayoutContent(t){return this.sanitizeHtml(t.innerHTML||"")}sanitizeHtml(t){return mt.sanitize(t,{CUSTOM_ELEMENT_HANDLING:{tagNameCheck:t=>t.startsWith("pds-")||/^[a-z]+$/i.test(t),attributeNameCheck:t=>/^[a-zA-Z][a-zA-Z0-9-]*$/.test(t)||t.startsWith("data-")||t.startsWith("aria-"),allowCustomizedBuiltInElements:!1},ALLOW_DATA_ATTR:!0,ALLOW_ARIA_ATTR:!0,FORBID_TAGS:["script","iframe","object","embed","form","input","textarea","select","button","style"],FORBID_ATTR:["onerror","onload","onclick","onmouseover","onmouseout","onmousemove","onfocus","onblur","onchange","onsubmit","onkeydown","onkeyup","onkeypress","onmousedown","onmouseup","ondblclick","oncontextmenu","onscroll"],ALLOWED_URI_REGEXP:/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|cid|xmpp|data):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i})}isOptionLayout(t){return this.customOptionLayouts&&t.hasAttribute("data-layout")}isOptionChip(t){return t.hasAttribute("chip-sentiment")||t.hasAttribute("chip-large")||t.hasAttribute("chip-icon")||t.hasAttribute("chip-dot")}getOptionChipProps(t){return{sentiment:t.getAttribute("chip-sentiment")||"neutral",large:t.hasAttribute("chip-large"),icon:t.getAttribute("chip-icon")||void 0,dot:t.hasAttribute("chip-dot")}}isOptionSelected(t){return this.selectedOption===t}setSelectedOption(t){this.selectedOption=t,this.selectedOptionChipProps=t&&this.isOptionChip(t)?this.getOptionChipProps(t):null}filterOptions(){if(0===this.allItems.length&&this.optionEls.length>0&&(this.allItems=[...this.optionEls]),"select-only"===this.mode||this.expandFilterListWhileOpen)this.filteredItems=[...this.allItems];else{const t=this.displayText.toLowerCase(),i=this.optionEls.filter((i=>this.isOptionLayout(i)?(i.getAttribute("data-search-text")||i.textContent||"").toLowerCase().includes(t):this.getOptionLabel(i).toLowerCase().includes(t)));this.filteredItems=[];let e=null;this.allItems.forEach((t=>{if("OPTGROUP"===t.tagName||"PDS-TEXT"===t.tagName)e=t;else if("OPTION"===t.tagName&&i.includes(t)){const i=t,o=i.parentElement;let r=null;o&&"OPTGROUP"===o.tagName?r=o:e&&"PDS-TEXT"===e.tagName&&(r=e),r&&!this.filteredItems.includes(r)&&this.filteredItems.push(r),this.filteredItems.push(i)}}))}this.highlightedIndex=-1}clearExpandFilterList(){this.expandFilterListWhileOpen=!1}prepareExpandFilterListOnOpen(){this.expandFilterListWhileOpen=!("filter"!==this.mode||!this.selectedOption||this.displayText!==this.getOptionLabel(this.selectedOption))}positionDropdown(){if(!this.triggerEl||!this.listboxEl)return;const t=this.usesBodyPortal?"fixed":"absolute",i=this.usesBodyPortal?"var(--pine-z-index-priority)":"var(--pine-z-index-raised)";return this.listboxEl.style.width=this.dropdownWidth,this.maxHeight&&(this.listboxEl.style.maxHeight=this.maxHeight,this.listboxEl.style.overflowY="auto"),a(this.triggerEl,this.listboxEl,{placement:this.dropdownPlacement,strategy:t,middleware:[c(12),d(),h({padding:5})]}).then((({x:e,y:o})=>{this.listboxEl&&Object.assign(this.listboxEl.style,{left:e+"px",top:o+"px",position:t,zIndex:i})}))}openDropdownPositioning(){this.triggerEl&&this.listboxEl&&this.positionDropdown()}startBodyPortalAutoUpdate(){!this.bodyPortalAutoUpdateActive&&this.triggerEl&&this.listboxEl&&(this.cleanupPositionAutoUpdate=l(this.triggerEl,this.listboxEl,(()=>{this.positionDropdown()})),this.bodyPortalAutoUpdateActive=!0)}stopBodyPortalAutoUpdate(){var t;null===(t=this.cleanupPositionAutoUpdate)||void 0===t||t.call(this),this.cleanupPositionAutoUpdate=void 0,this.bodyPortalAutoUpdateActive=!1}getPortalMountRoot(){var t;return null!==(t=this.findNearestDialogForPortal(this.el))&&void 0!==t?t:document.body}findNearestDialogForPortal(t){const i=new Set;let e=t;for(;e&&!i.has(e);){if(i.add(e),e.nodeType===Node.ELEMENT_NODE&&"dialog"===e.localName)return e;if(e.nodeType===Node.ELEMENT_NODE){const t=e.assignedSlot;if(t){e=t;continue}}const t=e.parentNode;if(!t)break;e=t instanceof ShadowRoot?t.host:t}const o=t.closest("pds-modal");if(o){const t=o.querySelector("dialog");if(t)return t}return null}ensureBodyPortal(){if(null!==this.portalEl){const t=this.getPortalMountRoot();return this.portalEl.parentElement!==t&&t.appendChild(this.portalEl),this.portalEl}return this.portalEl=document.createElement("div"),this.portalEl.className="pds-combobox-dropdown-portal",this.getPortalMountRoot().appendChild(this.portalEl),this.portalEl}syncBodyPortal(){if(!this.listboxEl)return;const t=this.ensureBodyPortal();for(const i of Array.from(t.children))i!==this.listboxEl&&i.remove();this.listboxEl.parentElement!==t&&(t.appendChild(this.listboxEl),this.positionDropdown(),this.startBodyPortalAutoUpdate())}removeBodyPortal(){var t;this.stopBodyPortalAutoUpdate(),(null===(t=this.portalEl)||void 0===t?void 0:t.parentNode)&&this.portalEl.parentNode.removeChild(this.portalEl),this.portalEl=null,this.listboxEl&&!this.listboxEl.isConnected&&(this.listboxEl=void 0)}async setFocus(){var t;this.inputEl?this.inputEl.focus():null===(t=this.triggerEl)||void 0===t||t.focus()}setInitialHighlightedIndex(){const t=this.filteredItems.filter((t=>"OPTION"===t.tagName));if(0!==t.length){if(this.selectedOption){const i=t.findIndex((t=>t===this.selectedOption));if(i>=0)return void(this.highlightedIndex=i)}this.highlightedIndex=0}else this.highlightedIndex=-1}focusFirstOption(){this.isOpen&&this.filteredItems.filter((t=>"OPTION"===t.tagName)).length>0&&(this.setInitialHighlightedIndex(),this.listboxEl&&this.updateOptionFocus())}focusFirstOptionForArrowKeys(){if(this.isOpen){if(this.usesBodyPortal)return this.isArrowKeyNavigationMode=!0,void this.focusFirstOption();if(this.isArrowKeyNavigationMode=!0,this.filteredItems.filter((t=>"OPTION"===t.tagName)).length>0){if(this.setInitialHighlightedIndex(),this.listboxEl){const t=this.listboxEl.querySelectorAll('[role="option"]'),i=t[this.highlightedIndex];i&&(t.forEach((t=>{t.setAttribute("tabindex","-1")})),i.setAttribute("tabindex","0"),i.focus(),i.scrollIntoView({block:"nearest",behavior:"smooth"}))}this.updateAriaActiveDescendant()}}}updateOptionFocus(){if(!this.listboxEl||this.highlightedIndex<0)return;const t=this.listboxEl.querySelectorAll('[role="option"]'),i=t[this.highlightedIndex];if(i){const e=Array.from(t).some((t=>t===document.activeElement));!this.usesBodyPortal&&(e||this.isArrowKeyNavigationMode)&&(t.forEach((t=>{t.setAttribute("tabindex","-1")})),i.setAttribute("tabindex","0"),i.focus()),i.scrollIntoView({block:"nearest",behavior:"smooth"})}this.updateAriaActiveDescendant()}updateAriaActiveDescendant(){this.triggerEl&&this.highlightedIndex>=0?this.triggerEl.setAttribute("aria-activedescendant",this.optionDomId(this.highlightedIndex)):this.triggerEl&&this.triggerEl.removeAttribute("aria-activedescendant")}restoreFocusToTrigger(){setTimeout((()=>{this.inputEl?this.inputEl.focus():this.triggerEl&&this.triggerEl.focus()}),0)}async getSelectedValue(){return this.selectedOption?this.selectedOption.value:null}get selectedLabel(){return this.displayText||""}get selectedLayoutContent(){return this.selectedOptionLayoutContent}get selectedHasLayout(){return!!this.selectedOption&&this.isOptionLayout(this.selectedOption)}get selectedChipSentiment(){if(this.selectedOption&&this.isOptionChip(this.selectedOption)){const t=this.selectedOption.getAttribute("chip-sentiment");if(t)return t}if(this.selectedOption&&this.isOptionLayout(this.selectedOption)){const t=this.selectedOption.querySelector("pds-chip"),i=null==t?void 0:t.getAttribute("sentiment");if(i)return i}if(this.customTriggerContent){const t=this.el.querySelector('pds-chip[slot="trigger-content"]');if(t){const i=t.getAttribute("sentiment");if(i)return i}}return this.chipSentiment}get selectedChipLarge(){if(this.selectedOption&&this.isOptionChip(this.selectedOption)&&this.selectedOption.hasAttribute("chip-large"))return!0;if(this.selectedOption&&this.isOptionLayout(this.selectedOption)){const t=this.selectedOption.querySelector("pds-chip");if(null==t?void 0:t.hasAttribute("large"))return!0}if(this.customTriggerContent){const t=this.el.querySelector('pds-chip[slot="trigger-content"]');if(t&&t.hasAttribute("large"))return!0}return this.chipLarge}get selectedChipIcon(){if(this.selectedOption&&this.isOptionChip(this.selectedOption)){const t=this.selectedOption.getAttribute("chip-icon");if(t)return t}if(this.selectedOption&&this.isOptionLayout(this.selectedOption)){const t=this.selectedOption.querySelector("pds-chip"),i=null==t?void 0:t.getAttribute("icon");if(i)return i}if(this.customTriggerContent){const t=this.el.querySelector('pds-chip[slot="trigger-content"]');if(t){const i=t.getAttribute("icon");if(i)return i}}return this.chipIcon}get selectedChipDot(){if(this.selectedOption&&this.isOptionChip(this.selectedOption)&&this.selectedOption.hasAttribute("chip-dot"))return!0;if(this.selectedOption&&this.isOptionLayout(this.selectedOption)){const t=this.selectedOption.querySelector("pds-chip");if(null==t?void 0:t.hasAttribute("dot"))return!0}if(this.customTriggerContent){const t=this.el.querySelector('pds-chip[slot="trigger-content"]');if(t&&t.hasAttribute("dot"))return!0}return this.chipDot}handleOptionClick(t){this.setSelectedOption(t),this.isOpen=!1,this.clearExpandFilterList(),this.pdsComboboxChange.emit({value:t.value})}renderDropdown(){if(!this.isOpen)return null;const t=!this.usesBodyPortal&&!!this.el.querySelector('[slot="empty"]'),i=!this.usesBodyPortal&&!!this.el.querySelector('[slot="loading"]');let e=0;const r=this.filteredItems.filter((t=>"OPTION"===t.tagName));return o("ul",{class:"pds-combobox__listbox",role:"listbox",id:this.listboxId,"aria-label":this.label||"Options","aria-multiselectable":"false",ref:t=>this.listboxEl=t,onScroll:this.handleScroll},this.loading&&o("li",{class:"pds-combobox__loading",role:"presentation"},i?o("slot",{name:"loading"}):o("pds-loader",{size:"small"})),!this.loading&&0===this.filteredItems.length&&o("li",{class:"pds-combobox__empty",role:"presentation"},t?o("slot",{name:"empty"}):o("span",null,"No options found")),this.filteredItems.map(((t,i)=>{if("OPTGROUP"===t.tagName)return o("li",{key:"optgroup-"+i,class:"pds-combobox__group-label",role:"presentation","aria-label":t.label},t.label);if("PDS-TEXT"===t.tagName)return o("li",{key:"pds-text-"+i,class:"pds-combobox__group-label",role:"presentation"},t.textContent);if("OPTION"===t.tagName){const i=t,n=this.isOptionSelected(i),s=this.highlightedIndex===e,a=this.isOptionLayout(i),l=this.isOptionChip(i),c=e++;return o("li",{key:i.value,id:this.optionDomId(c),role:"option","aria-selected":n?"true":"false","aria-setsize":r.length,"aria-posinset":c+1,"aria-label":a||l?i.getAttribute("aria-label")||this.getOptionLabel(i):void 0,tabindex:this.usesBodyPortal?"-1":s?"0":"-1",class:{"pds-combobox__option":!0,"pds-combobox__option--highlighted":s,"pds-combobox__option--layout":a,"pds-combobox__option--chip":l},"data-option-index":c,onMouseDown:this.onOptionMouseDown,onClick:this.onOptionClick,onMouseEnter:this.onOptionMouseEnter,onKeyDown:this.onOptionKeyDown},a?o("pds-box",{class:"pds-combobox__option-layout-wrapper",innerHTML:this.getOptionLayoutContent(i)}):l?this.renderOptionChip(i):this.getOptionLabel(i),n&&o("pds-icon",{icon:"check",size:"regular",class:"pds-combobox__option-check"}))}return null})),this.hasMore&&!this.loading&&o("li",{class:"pds-combobox__load-more",role:"presentation"},o("pds-loader",{size:"small"})))}renderCaretIcon(){return o("pds-icon",{icon:"caret-down","aria-hidden":"true",class:"pds-combobox__button-trigger-chevron"})}renderLayoutContent(){return o("div",{class:"pds-combobox__button-trigger-layout-wrapper",innerHTML:this.selectedLayoutContent})}renderDefaultContent(){return o("span",{class:"pds-combobox__button-trigger-label"},this.selectedLabel||this.placeholder)}shouldShowLayoutContent(){return this.selectedHasLayout&&!!this.selectedLayoutContent}getChipTriggerClass(){const t=["pds-combobox__chip-trigger"];return t.push("pds-combobox__chip-trigger--"+this.selectedChipSentiment),t.push("pds-combobox__chip-trigger--dropdown"),this.selectedChipLarge&&t.push("pds-combobox__chip-trigger--large"),this.selectedChipDot&&t.push("pds-combobox__chip-trigger--dot"),t.join(" ")}renderButtonTriggerContent(){return this.customTriggerContent?this.shouldShowLayoutContent()?[this.renderLayoutContent(),this.renderCaretIcon()]:o("slot",{name:"trigger-content"}):this.shouldShowLayoutContent()?[this.renderLayoutContent(),this.renderCaretIcon()]:[this.renderDefaultContent(),this.renderCaretIcon()]}renderChipTriggerContent(){return this.customTriggerContent?this.shouldShowLayoutContent()?this.renderChipTriggerLayoutContent():o("slot",{name:"trigger-content"}):this.shouldShowLayoutContent()?this.renderChipTriggerLayoutContent():this.selectedOption&&this.selectedOptionChipProps?this.renderSelectedOptionAsChip():[this.renderChipTriggerDefaultContent(),this.renderCaretIcon()]}renderSelectedOptionAsChip(){return this.selectedOption&&this.selectedOptionChipProps?o("pds-chip",{sentiment:this.selectedOptionChipProps.sentiment,variant:"dropdown",large:this.selectedOptionChipProps.large,icon:this.selectedOptionChipProps.icon,dot:this.selectedOptionChipProps.dot,class:"pds-combobox__chip-trigger-auto"},this.getOptionLabel(this.selectedOption)):null}renderChipTriggerLayoutContent(){return o("div",{class:"pds-combobox__chip-trigger-layout-wrapper",innerHTML:this.getModifiedLayoutContentForTrigger()})}getModifiedLayoutContentForTrigger(){let t=this.selectedLayoutContent;if(t.includes("<pds-chip")){const i=document.createElement("div");i.innerHTML=t;const e=i.querySelector("pds-chip");e&&(e.setAttribute("variant","dropdown"),t=i.innerHTML)}return t}renderChipTriggerDefaultContent(){return o("span",{class:"pds-combobox__chip-trigger-label"},this.selectedChipIcon&&o("pds-icon",{icon:this.selectedChipIcon,class:"pds-combobox__chip-trigger-icon"}),this.selectedLabel||this.placeholder)}renderOptionChip(t){const i=this.getOptionChipProps(t);return o("pds-chip",{sentiment:i.sentiment,variant:"text",large:i.large,icon:i.icon,dot:i.dot,class:"pds-combobox__option-chip"},this.getOptionLabel(t))}render(){const t=["pds-combobox__button-trigger","pds-combobox__button-trigger--"+this.triggerVariant,"input"===this.triggerShape&&"pds-combobox__button-trigger--input-shape"].filter(Boolean).join(" ");return o(r,{key:"3de5711e53460545e3cb962d446880a99edcd44c","aria-disabled":this.disabled?"true":null},o("div",{key:"cce16999fc6be08b99a113ae58cb2be0fbe9c577",class:"pds-combobox",tabIndex:-1,onFocusout:this.onComboboxFocusOut,part:"combobox"},this.label&&!this.hideLabel&&o("label",{key:"355650eba712d6c91694752daed4cf18008a920d",htmlFor:this.componentId,class:"pds-combobox__label"},this.label),"input"===this.trigger?o("div",{class:"pds-combobox__input-wrapper",style:{width:this.triggerWidth}},o("input",{ref:t=>{this.inputEl=t,this.triggerEl=t},class:"pds-combobox__input",type:"text",role:"combobox","aria-autocomplete":"list","aria-controls":this.listboxId,"aria-activedescendant":this.isOpen&&this.highlightedIndex>=0?this.optionDomId(this.highlightedIndex):void 0,"aria-expanded":this.isOpen?"true":"false","aria-disabled":this.disabled?"true":"false","aria-label":this.hideLabel?this.label:void 0,id:this.componentId,value:this.displayText,placeholder:this.placeholder,disabled:this.disabled,onInput:this.handleInput,onClick:this.handleInputClick,onKeyDown:this.handleKeyDown,autocomplete:"off",part:"input"}),o("pds-icon",{icon:"enlarge","aria-hidden":"true",class:"pds-combobox__input-icon"})):"chip"===this.trigger?o("div",{class:this.getChipTriggerClass(),style:{width:this.triggerWidth},role:"combobox","aria-haspopup":"listbox","aria-controls":this.listboxId,"aria-activedescendant":this.isOpen&&this.highlightedIndex>=0?this.optionDomId(this.highlightedIndex):void 0,"aria-expanded":this.isOpen?"true":"false","aria-disabled":this.disabled?"true":"false","aria-label":this.hideLabel?this.label:void 0,id:this.componentId,tabIndex:this.disabled?-1:0,onClick:this.onButtonTriggerClick,"data-layout":this.customTriggerContent,onKeyDown:this.onButtonTriggerKeyDown,onKeyUp:this.onButtonTriggerKeyUp,ref:t=>this.triggerEl=t,part:"chip-trigger"},this.renderChipTriggerContent()):o("div",{class:t,style:{width:this.triggerWidth},role:"combobox","aria-haspopup":"listbox","aria-controls":this.listboxId,"aria-activedescendant":this.isOpen&&this.highlightedIndex>=0?this.optionDomId(this.highlightedIndex):void 0,"aria-expanded":this.isOpen?"true":"false","aria-disabled":this.disabled?"true":"false","aria-label":this.hideLabel?this.label:void 0,id:this.componentId,tabIndex:this.disabled?-1:0,onClick:this.onButtonTriggerClick,"data-layout":this.customTriggerContent,onKeyDown:this.onButtonTriggerKeyDown,onKeyUp:this.onButtonTriggerKeyUp,ref:t=>this.triggerEl=t,part:"button-trigger"},this.renderButtonTriggerContent()),o("div",{key:"87ffd9a2472b7459343daf4c0f7d46f260365180",style:{display:"none"}},o("slot",{key:"fd0e21c876fbf21761ad63c9529a304912aecd1d",onSlotchange:()=>this.updateOptions()})),this.renderDropdown()))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{isOpen:[{isOpenChanged:0}],debounce:[{setupDebounce:0}],options:[{optionsChanged:0}],value:[{handleValueChange:0}],selectedOption:[{handleSelectedOptionChange:0}]}}static get style(){return':host{display:block}:host([aria-disabled=true]) .pds-combobox__input-icon{color:var(--pine-color-text-disabled);pointer-events:none}.pds-combobox{position:relative}.pds-combobox__label{color:var(--pine-color-text-label);display:block;font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing);-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-combobox__input-wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;position:relative;width:100%}.pds-combobox__input{background:var(--pine-color-background-container);border:var(--pine-border);border-radius:var(--pine-dimension-125);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--pine-color-text-strong);-ms-flex:1;flex:1;font:var(--pine-typography-body-medium);padding:var(--pine-dimension-xs) var(--pine-dimension-450) var(--pine-dimension-xs) var(--pine-dimension-150);-webkit-transition:border-color var(--pine-motion-duration-base) ease;transition:border-color var(--pine-motion-duration-base) ease;width:100%}.pds-combobox__input:hover:not(:disabled){border-color:var(--pine-color-border-hover)}.pds-combobox__input:disabled{background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);color:var(--pine-color-text-disabled);cursor:not-allowed}.pds-combobox__input:disabled::-webkit-input-placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-combobox__input:disabled::-moz-placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-combobox__input:disabled:-ms-input-placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-combobox__input:disabled::-ms-input-placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-combobox__input:disabled::placeholder{color:var(--pine-color-text-placeholder-disabled)}.pds-combobox__input:focus-visible{border-color:var(--pine-color-border-active);outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-combobox__input::-webkit-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-combobox__input::-moz-placeholder{color:var(--pine-color-text-placeholder)}.pds-combobox__input:-ms-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-combobox__input::-ms-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-combobox__input::placeholder{color:var(--pine-color-text-placeholder)}.pds-combobox__input-icon{color:var(--pine-color-text-secondary);inset-inline-end:var(--pine-dimension-150);pointer-events:none;position:absolute;z-index:var(--pine-z-index-raised)}.pds-combobox__listbox{background:var(--pine-color-background-overlay);border:0;border-radius:var(--pine-dimension-125);-webkit-box-shadow:var(--pine-box-shadow);box-shadow:var(--pine-box-shadow);list-style:none;margin:0;min-width:220px;overflow-y:auto;padding:var(--pine-dimension-xs);position:absolute;z-index:var(--pine-z-index-raised)}.pds-combobox__option{-ms-flex-align:center;align-items:center;background:transparent;border-radius:var(--pine-dimension-125);color:var(--pine-color-text-secondary);cursor:pointer;display:-ms-flexbox;display:flex;font:var(--pine-typography-body-medium);-ms-flex-pack:justify;justify-content:space-between;padding:var(--pine-dimension-xs) var(--pine-dimension-sm);position:relative;-webkit-transition:background 0.15s;transition:background 0.15s}.pds-combobox__option[aria-selected=true]{background:var(--pine-color-background-muted)}.pds-combobox__option:focus-visible{outline:0}.pds-combobox__option.pds-combobox__option--layout .pds-combobox__option-layout-wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;width:100%}.pds-combobox__option.pds-combobox__option--chip .pds-combobox__option-chip{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;width:100%}.pds-combobox__option:last-child{-webkit-margin-after:0;margin-block-end:0}.pds-combobox__option--highlighted,.pds-combobox__option[selected],.pds-combobox__option--selected{background:var(--pine-color-background-muted)}.pds-combobox__option-check{color:currentColor;font-size:var(--pine-dimension-150);-webkit-margin-start:var(--pine-dimension-150);margin-inline-start:var(--pine-dimension-150)}.pds-combobox__group-label{color:var(--pine-color-text-tertiary);cursor:default;font:var(--pine-typography-heading-caption);-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs);-webkit-margin-before:var(--pine-dimension-150);margin-block-start:var(--pine-dimension-150);padding:var(--pine-dimension-2xs) var(--pine-dimension-sm);text-transform:uppercase}.pds-combobox__group-label:first-child{-webkit-margin-before:0;margin-block-start:0}.pds-combobox__loading{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding:var(--pine-dimension-150)}.pds-combobox__empty{color:var(--pine-color-text-tertiary);padding:var(--pine-dimension-150) var(--pine-dimension-sm);text-align:center}.pds-combobox__load-more{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding:var(--pine-dimension-150)}.pds-combobox__button-trigger{-ms-flex-align:center;align-items:center;background:var(--color-background-default, var(--pine-color-secondary));border:var(--pine-border);border-radius:var(--pine-border-radius-full);color:var(--color-text-default, var(--pine-color-text-inverse-emphasis));cursor:pointer;display:-ms-flexbox;display:flex;font:var(--pine-typography-body-medium);-ms-flex-pack:justify;justify-content:space-between;min-height:var(--pine-dimension-450);outline:none;padding:0 var(--pine-dimension-sm);-webkit-transition:border-color 0.15s, background 0.15s, -webkit-box-shadow 0.15s;transition:border-color 0.15s, background 0.15s, -webkit-box-shadow 0.15s;transition:border-color 0.15s, box-shadow 0.15s, background 0.15s;transition:border-color 0.15s, box-shadow 0.15s, background 0.15s, -webkit-box-shadow 0.15s;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.pds-combobox__button-trigger .pds-combobox__button-trigger-layout-wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1}.pds-combobox__button-trigger .trigger-content{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;width:100%}.pds-combobox__button-trigger:focus-visible{border-color:var(--color-border-focus, var(--pine-color-border));-webkit-box-shadow:0 0 0 2px var(--color-outline, var(--pine-color-focus-ring));box-shadow:0 0 0 2px var(--color-outline, var(--pine-color-focus-ring))}.pds-combobox__button-trigger:hover{background:var(--color-background-hover, var(--pine-color-secondary-hover));border-color:var(--color-border-hover, var(--pine-color-border-hover))}.pds-combobox__button-trigger[aria-disabled=true],.pds-combobox__button-trigger:disabled{background:var(--color-background-disabled, var(--pine-color-secondary-disabled));border-color:var(--color-border-disabled, var(--pine-color-border-disabled));color:var(--color-text-disabled, var(--pine-color-text-secondary-disabled));cursor:not-allowed;opacity:0.6}.pds-combobox__button-trigger-label{color:inherit;-ms-flex:1 1 auto;flex:1 1 auto;text-align:start}.pds-combobox__button-trigger--input-shape{border-radius:var(--pine-dimension-125);min-height:var(--pine-dimension-500)}.pds-combobox__button-trigger-chevron{color:currentColor;-webkit-margin-start:var(--pine-dimension-150);margin-inline-start:var(--pine-dimension-150)}.pds-combobox__button-trigger--primary{--color-background-default:var(--pine-color-primary);--color-background-hover:var(--pine-color-primary-hover);--color-background-disabled:var(--pine-color-primary-disabled);--color-border-default:var(--pine-color-primary);--color-border-hover:var(--pine-color-primary-hover);--color-border-disabled:var(--pine-color-primary-disabled);--color-border-focus:var(--pine-color-primary);--color-text-default:var(--pine-color-text-primary);--color-text-disabled:var(--pine-color-text-primary-disabled);--color-outline:var(--pine-color-focus-ring)}.pds-combobox__button-trigger--accent{--color-background-default:var(--pine-color-accent);--color-background-hover:var(--pine-color-accent-hover);--color-background-disabled:var(--pine-color-accent-disabled);--color-border-default:var(--pine-color-accent);--color-border-hover:var(--pine-color-accent-hover);--color-border-disabled:var(--pine-color-accent-disabled);--color-border-focus:var(--pine-color-accent);--color-text-default:var(--pine-color-white);--color-text-disabled:var(--pine-color-text-accent-disabled);--color-outline:var(--pine-color-focus-ring)}.pds-combobox__button-trigger--secondary{--color-background-default:var(--pine-color-secondary);--color-background-hover:var(--pine-color-secondary-hover);--color-background-disabled:var(--pine-color-secondary-disabled);--color-border-default:var(--pine-color-border);--color-border-hover:var(--pine-color-border-hover);--color-border-disabled:var(--pine-color-border-disabled);--color-border-focus:var(--pine-color-border);--color-text-default:var(--pine-color-text-secondary);--color-text-disabled:var(--pine-color-text-secondary-disabled);--color-outline:var(--pine-color-focus-ring)}.pds-combobox__button-trigger--destructive{--color-background-default:var(--pine-color-danger);--color-background-hover:var(--pine-color-danger-hover);--color-background-disabled:var(--pine-color-danger-disabled);--color-border-default:var(--pine-color-danger);--color-border-hover:var(--pine-color-danger-hover);--color-border-disabled:var(--pine-color-danger-disabled);--color-border-focus:var(--pine-color-danger);--color-text-default:var(--pine-color-white);--color-text-disabled:var(--pine-color-text-danger-disabled);--color-outline:var(--pine-color-focus-ring-danger)}.visually-hidden{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}[data-layout]{border-radius:var(--pine-dimension-125);padding-block:var(--pine-dimension-xs)}.pds-combobox__chip-trigger{-ms-flex-align:center;align-items:center;border-radius:var(--pine-dimension-sm);cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;font:var(--pine-typography-body-medium);-ms-flex-pack:justify;justify-content:space-between;outline:none;padding-block:var(--pine-dimension-025);padding-inline:var(--pine-dimension-150);-webkit-transition:all 0.15s ease;transition:all 0.15s ease;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.pds-combobox__chip-trigger .pds-combobox__chip-trigger-layout-wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1}.pds-combobox__chip-trigger .trigger-content{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;width:100%}.pds-combobox__chip-trigger:focus-visible{outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-combobox__chip-trigger[aria-disabled=true]{cursor:not-allowed;opacity:0.6}.pds-combobox__chip-trigger-label{color:inherit;-ms-flex:1 1 auto;flex:1 1 auto;text-align:start}.pds-combobox__chip-trigger-chevron{color:currentColor;-webkit-margin-start:var(--pine-dimension-150);margin-inline-start:var(--pine-dimension-150)}.pds-combobox__chip-trigger-icon{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}.pds-combobox__chip-trigger--neutral,.pds-combobox__chip-trigger--accent,.pds-combobox__chip-trigger--success,.pds-combobox__chip-trigger--warning,.pds-combobox__chip-trigger--danger,.pds-combobox__chip-trigger--info{background:var(--chip-bg);border:var(--pine-border-width) solid var(--chip-border);color:var(--chip-text)}.pds-combobox__chip-trigger--neutral:hover:not([aria-disabled=true]),.pds-combobox__chip-trigger--accent:hover:not([aria-disabled=true]),.pds-combobox__chip-trigger--success:hover:not([aria-disabled=true]),.pds-combobox__chip-trigger--warning:hover:not([aria-disabled=true]),.pds-combobox__chip-trigger--danger:hover:not([aria-disabled=true]),.pds-combobox__chip-trigger--info:hover:not([aria-disabled=true]){background:var(--chip-bg-hover)}.pds-combobox__chip-trigger--neutral:focus-visible,.pds-combobox__chip-trigger--accent:focus-visible,.pds-combobox__chip-trigger--success:focus-visible,.pds-combobox__chip-trigger--warning:focus-visible,.pds-combobox__chip-trigger--danger:focus-visible,.pds-combobox__chip-trigger--info:focus-visible{border-color:var(--chip-border)}.pds-combobox__chip-trigger--neutral{--chip-bg:var(--pine-chip-color-neutral);--chip-bg-hover:var(--pine-chip-color-neutral-hover);--chip-border:var(--pine-chip-color-neutral-hover);--chip-text:var(--pine-color-text-neutral)}.pds-combobox__chip-trigger--accent{--chip-bg:var(--pine-chip-color-accent);--chip-bg-hover:var(--pine-chip-color-accent-hover);--chip-border:var(--pine-chip-color-accent-hover);--chip-text:var(--pine-color-text-accent)}.pds-combobox__chip-trigger--success{--chip-bg:var(--pine-chip-color-success);--chip-bg-hover:var(--pine-chip-color-success-hover);--chip-border:var(--pine-chip-color-success-hover);--chip-text:var(--pine-color-text-success)}.pds-combobox__chip-trigger--warning{--chip-bg:var(--pine-chip-color-warning);--chip-bg-hover:var(--pine-chip-color-warning-hover);--chip-border:var(--pine-chip-color-warning-hover);--chip-text:var(--pine-color-text-warning)}.pds-combobox__chip-trigger--danger{--chip-bg:var(--pine-chip-color-danger);--chip-bg-hover:var(--pine-chip-color-danger-hover);--chip-border:var(--pine-chip-color-danger-hover);--chip-text:var(--pine-color-text-danger)}.pds-combobox__chip-trigger--info{--chip-bg:var(--pine-chip-color-info);--chip-bg-hover:var(--pine-chip-color-info-hover);--chip-border:var(--pine-chip-color-info-hover);--chip-text:var(--pine-color-text-info)}.pds-combobox__chip-trigger--brand{background:-webkit-gradient(linear, left top, right top, from(#FF3E14), to(#6B62F2));background:linear-gradient(90deg, #FF3E14 0%, #6B62F2 100%);border:0;color:var(--pine-color-text-neutral);padding:1px;position:relative}.pds-combobox__chip-trigger--brand .pds-combobox__chip-trigger-label{background:rgba(255, 255, 255, 0.9);border-radius:calc(var(--pine-dimension-sm) - 1px);color:var(--pine-color-text-neutral);font-weight:var(--pine-font-weight-medium);padding:var(--pine-dimension-025) var(--pine-dimension-150);position:relative;z-index:1}.pds-combobox__chip-trigger--brand .pds-combobox__chip-trigger-chevron{position:relative;z-index:1}.pds-combobox__chip-trigger--brand:hover:not([aria-disabled=true]) .pds-combobox__chip-trigger-label{background:rgba(255, 255, 255, 0.8)}.pds-combobox__chip-trigger--dropdown:not(.pds-combobox__chip-trigger--brand){padding:var(--pine-dimension-none)}.pds-combobox__chip-trigger--dropdown:not(.pds-combobox__chip-trigger--brand) .pds-combobox__chip-trigger-label{padding:var(--pine-dimension-025) var(--pine-dimension-150)}.pds-combobox__chip-trigger--large .pds-combobox__chip-trigger-label{font-family:var(--pine-font-family-heading);font-size:var(--pine-font-size-heading-6);font-weight:var(--pine-font-weight-medium);letter-spacing:var(--pine-letter-spacing-heading-6)}.pds-combobox__chip-trigger--dot .pds-combobox__chip-trigger-label::before{border:var(--pine-border-width) solid transparent;border-radius:var(--pine-border-radius-full);content:"";display:inline-block;height:var(--pine-dimension-2xs);-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs);width:var(--pine-dimension-2xs)}'}},[321,"pds-combobox",{componentId:[1,"component-id"],name:[513],customOptionLayouts:[4,"custom-option-layouts"],customTriggerContent:[4,"custom-trigger-content"],disabled:[4],dropdownPlacement:[1,"dropdown-placement"],dropdownWidth:[1,"dropdown-width"],dropdownMount:[1,"dropdown-mount"],hideLabel:[4,"hide-label"],label:[1],maxHeight:[1,"max-height"],mode:[1],placeholder:[1],trigger:[1],triggerWidth:[1,"trigger-width"],triggerVariant:[1,"trigger-variant"],triggerShape:[1,"trigger-shape"],chipSentiment:[1,"chip-sentiment"],chipLarge:[4,"chip-large"],chipIcon:[1,"chip-icon"],chipDot:[4,"chip-dot"],value:[1025],asyncUrl:[1,"async-url"],asyncMethod:[1,"async-method"],debounce:[2],fetchTimeout:[2,"fetch-timeout"],loading:[1028],options:[16],formatResult:[16],displayText:[32],filteredItems:[32],highlightedIndex:[32],isOpen:[32],selectedOption:[32],selectedOptionLayoutContent:[32],selectedOptionChipProps:[32],internalOptions:[32],currentPage:[32],hasMore:[32],setFocus:[64],getSelectedValue:[64]},void 0,{isOpen:[{isOpenChanged:0}],debounce:[{setupDebounce:0}],options:[{optionsChanged:0}],value:[{handleValueChange:0}],selectedOption:[{handleSelectedOptionChange:0}]}]),ft=gt,vt=function(){"undefined"!=typeof customElements&&["pds-combobox","pds-box","pds-chip","pds-icon","pds-loader"].forEach((t=>{switch(t){case"pds-combobox":customElements.get(n(t))||customElements.define(n(t),gt);break;case"pds-box":customElements.get(n(t))||u();break;case"pds-chip":customElements.get(n(t))||b();break;case"pds-icon":customElements.get(n(t))||m();break;case"pds-loader":customElements.get(n(t))||g()}}))};export{ft as PdsCombobox,vt as defineCustomElement}