loadRefs(element, refs, referenceAttributeName) {
    if (!element) {
      return;
    }
    for (const ref in refs) {
      const refType = refs[ref];
      const isString = typeof refType === 'string';

      const selector = isString && refType.includes('scope')
        ? `:scope > [${referenceAttributeName || this._referenceAttributeName || 'ref'}="${ref}"]`
        : `[${referenceAttributeName || this._referenceAttributeName || 'ref'}="${ref}"]`;

      if (isString && refType.startsWith('single')) {
        this.refs[ref] = element.querySelector(selector);
      }
      else {
        this.refs[ref] = element.querySelectorAll(selector);
      }
    }
  }
@param {HTMLElement} element - The containing DOM element to query for the ref value.
@param {object} refs - The references to load.
@param {string} [referenceAttributeName] - The attribute name to use for the reference.