@cronn/element-snapshot 0.9.0 → 0.11.0

package/dist/browser-lib.global.js

@@ -1,766 +0,0 @@
-"use strict";
-(() => {
-  // src/browser/attribute.ts
-  function stringAttribute(value) {
-    return value !== null && value !== "" ? value : void 0;
-  }
-  function booleanAttribute(value) {
-    return value === true || value === "true" ? true : void 0;
-  }
-  function numericAttribute(value) {
-    if (value === null) {
-      return void 0;
-    }
-    try {
-      return parseInt(value);
-    } catch {
-      return void 0;
-    }
-  }
-  function enumAttribute(value, supportedValues) {
-    if (value === null || !supportedValues.has(value)) {
-      return void 0;
-    }
-    return value;
-  }
-  function resolveElementReference(element, attributeName) {
-    const referenceId = element.getAttribute(attributeName);
-    if (referenceId === null) {
-      return null;
-    }
-    return element.ownerDocument.getElementById(referenceId);
-  }
-
-  // src/browser/children.ts
-  function snapshotChildren(element) {
-    const children = Array.from(element.childNodes).map(snapshotNodeRecursive).filter((childSnapshot) => childSnapshot !== null).flat();
-    return children.length > 0 ? children : void 0;
-  }
-
-  // src/browser/text.ts
-  function snapshotTextNode(textNode) {
-    const textContent = snapshotTextContent(textNode);
-    if (textContent === void 0) {
-      return null;
-    }
-    return {
-      role: "text",
-      name: textContent
-    };
-  }
-  function snapshotTextContent(element) {
-    if (element.textContent === null) {
-      return void 0;
-    }
-    const normalizedText = element.textContent.replaceAll(/\s+/g, " ").trim();
-    return normalizedText !== "" ? normalizedText : void 0;
-  }
-
-  // src/browser/name.ts
-  function resolveAccessibleName(element, includeTextContent = true) {
-    const labelledByElement = resolveElementReference(element, "aria-labelledby");
-    if (labelledByElement !== null) {
-      return snapshotTextContent(labelledByElement);
-    }
-    if (element.ariaLabel !== null) {
-      return element.ariaLabel;
-    }
-    if (includeTextContent) {
-      return snapshotTextContent(element);
-    }
-    return void 0;
-  }
-
-  // src/browser/state.ts
-  function disableableAttributes(element) {
-    const supportsHtmlAttribute = isNativeInputElement(element) || element instanceof HTMLButtonElement;
-    const disabled = booleanAttribute(
-      supportsHtmlAttribute ? element.hasAttribute("disabled") : false
-    );
-    return {
-      disabled: disabled ?? booleanAttribute(element.ariaDisabled)
-    };
-  }
-  function selectableAttributes(element) {
-    return { selected: booleanAttribute(element.ariaSelected) };
-  }
-  function inputStateAttributes(element) {
-    const supportsHtmlAttributes = isNativeInputElement(element);
-    const readonly = booleanAttribute(
-      supportsHtmlAttributes ? element.hasAttribute("readonly") : false
-    );
-    const required = booleanAttribute(
-      supportsHtmlAttributes ? element.hasAttribute("required") : false
-    );
-    return {
-      readonly: readonly ?? booleanAttribute(element.ariaReadOnly),
-      ...disableableAttributes(element),
-      required: required ?? booleanAttribute(element.ariaRequired),
-      invalid: booleanAttribute(element.ariaInvalid)
-    };
-  }
-  function isNativeInputElement(element) {
-    return element instanceof HTMLInputElement || element instanceof HTMLTextAreaElement || element instanceof HTMLSelectElement;
-  }
-
-  // src/browser/button.ts
-  var PRESSED_VALUES = /* @__PURE__ */ new Set(["true", "mixed", "false"]);
-  function snapshotButton(element) {
-    return {
-      role: "button",
-      name: resolveAccessibleName(element),
-      attributes: {
-        ...disableableAttributes(element),
-        expanded: booleanAttribute(element.ariaExpanded),
-        pressed: resolvePressedAttribute(element)
-      },
-      children: snapshotChildren(element)
-    };
-  }
-  function resolvePressedAttribute(element) {
-    const pressed = enumAttribute(element.ariaPressed, PRESSED_VALUES);
-    if (pressed === "mixed") {
-      return pressed;
-    }
-    return booleanAttribute(pressed === "true");
-  }
-
-  // src/browser/description.ts
-  function discribableAttributes(element) {
-    return {
-      description: resolveDescription(element)
-    };
-  }
-  function resolveDescription(element) {
-    const describedByElement = resolveElementReference(
-      element,
-      "aria-describedby"
-    );
-    if (describedByElement !== null) {
-      return snapshotTextContent(describedByElement);
-    }
-    if (element.ariaDescription !== null) {
-      return element.ariaDescription;
-    }
-    return void 0;
-  }
-
-  // src/browser/container.ts
-  var CONTAINER_ROLES = /* @__PURE__ */ new Set([
-    "paragraph",
-    "list",
-    "listitem",
-    "listbox",
-    "article",
-    "banner",
-    "complementary",
-    "contentinfo",
-    "form",
-    "main",
-    "navigation",
-    "region",
-    "search",
-    "term",
-    "definition",
-    "table",
-    "grid",
-    "rowgroup",
-    "row",
-    "rowheader",
-    "cell",
-    "gridcell",
-    "alert",
-    "menu",
-    "tablist",
-    "tabpanel"
-  ]);
-  function snapshotContainer(role, element) {
-    const children = snapshotChildren(element);
-    return {
-      role,
-      name: resolveAccessibleName(element, false),
-      children
-    };
-  }
-  function isContainerRole(role) {
-    return CONTAINER_ROLES.has(role);
-  }
-
-  // src/browser/selector.ts
-  function selectorList(...selectors) {
-    return selectors.join(",");
-  }
-  function roleSelector(roleName) {
-    return attributeSelector("role", roleName);
-  }
-  function attributeSelector(name, value) {
-    return `[${name}='${value}']`;
-  }
-
-  // src/browser/utils.ts
-  function getElementTagName(element) {
-    return element.tagName.toLowerCase();
-  }
-  function isWithinElement(element, containerSelector) {
-    return element.closest(containerSelector) !== null;
-  }
-
-  // src/browser/role.ts
-  var ELEMENT_ROLES = {
-    main: "main",
-    nav: "navigation",
-    form: "form",
-    header: "banner",
-    section: "region",
-    article: "article",
-    aside: "complementary",
-    search: "search",
-    footer: "contentinfo",
-    p: "paragraph",
-    h1: "heading",
-    h2: "heading",
-    h3: "heading",
-    h4: "heading",
-    h5: "heading",
-    h6: "heading",
-    ul: "list",
-    ol: "list",
-    li: "listitem",
-    a: "link",
-    button: "button",
-    input: resolveInputRole,
-    textarea: "textbox",
-    select: "combobox",
-    option: "option",
-    dt: "term",
-    dd: "definition",
-    table: "table",
-    thead: "rowgroup",
-    tbody: "rowgroup",
-    tfoot: "rowgroup",
-    tr: "row",
-    th: resolveTableHeaderCellRole,
-    td: "cell",
-    fieldset: "group",
-    progress: "progressbar"
-  };
-  var CONTEXT_DEPENDENT_ROLES = {
-    banner: isTopLevelBanner,
-    region: hasAccessibleName,
-    term: isWithinDescriptionList,
-    definition: isWithinDescriptionList,
-    listitem: isWithinList,
-    menuitem: isWithinMenu,
-    rowgroup: isWithinTableOrGrid,
-    row: isWithinTableOrGrid,
-    columnheader: isWithinTableRowOrGridRow,
-    rowheader: isWithinTableRowOrGridRow,
-    cell: isWithinTableRow,
-    gridcell: isWithinGridRow,
-    tab: isWithinTablist
-  };
-  var INPUT_ROLES = {
-    button: "button",
-    checkbox: "checkbox",
-    email: "textbox",
-    image: "button",
-    number: "spinbutton",
-    radio: "radio",
-    range: "slider",
-    reset: "button",
-    search: "searchbox",
-    submit: "button",
-    tel: "searchbox",
-    text: "textbox",
-    url: "textbox"
-  };
-  function parseElementRole(element) {
-    const resolvedElementRole = resolveElementRole(element);
-    if (resolvedElementRole === void 0) {
-      return void 0;
-    }
-    const isValidInContext = CONTEXT_DEPENDENT_ROLES[resolvedElementRole];
-    if (isValidInContext !== void 0 && !isValidInContext(element)) {
-      return void 0;
-    }
-    return resolvedElementRole;
-  }
-  function resolveElementRole(element) {
-    const explicitRole = element.role;
-    if (isIgnoredRole(explicitRole)) {
-      return void 0;
-    }
-    if (explicitRole !== null && (hasRoleSpecificSnapshot(explicitRole) || isContainerRole(explicitRole))) {
-      return explicitRole;
-    }
-    const tagName = getElementTagName(element);
-    const roleResolver = ELEMENT_ROLES[tagName];
-    if (roleResolver === void 0) {
-      return void 0;
-    }
-    if (typeof roleResolver === "string") {
-      return roleResolver;
-    }
-    return roleResolver(element);
-  }
-  function isIgnoredRole(role) {
-    return role === "presentation" || role === "none";
-  }
-  function resolveInputRole(element) {
-    if (!(element instanceof HTMLInputElement)) {
-      return void 0;
-    }
-    const roleResolver = INPUT_ROLES[element.type];
-    if (roleResolver === void 0) {
-      return "textbox";
-    }
-    if (typeof roleResolver === "string") {
-      return roleResolver;
-    }
-    return roleResolver(element);
-  }
-  var DISALLOWED_BANNER_CONTAINER_ELEMENTS = [
-    "article",
-    "aside",
-    "main",
-    "nav",
-    "section"
-  ];
-  var DISALLOWED_BANNER_CONTAINER_ROLES = [
-    "article",
-    "complementary",
-    "main",
-    "navigation",
-    "region"
-  ];
-  function isTopLevelBanner(element) {
-    const disallowedContainerSelector = selectorList(
-      ...DISALLOWED_BANNER_CONTAINER_ELEMENTS,
-      ...DISALLOWED_BANNER_CONTAINER_ROLES.map(roleSelector)
-    );
-    return !isWithinElement(element, disallowedContainerSelector);
-  }
-  function hasAccessibleName(element) {
-    const accessibleName = resolveAccessibleName(element, false);
-    return accessibleName !== void 0;
-  }
-  function isWithinDescriptionList(element) {
-    return isWithinElement(element, "dl");
-  }
-  function resolveTableHeaderCellRole(element) {
-    if (!(element instanceof HTMLTableCellElement)) {
-      return void 0;
-    }
-    const scope = element.scope;
-    switch (scope) {
-      case "col":
-        return "columnheader";
-      case "row":
-        return "rowheader";
-      default:
-        return void 0;
-    }
-  }
-  function isWithinTableOrGrid(element) {
-    return isWithinTable(element) || isWithinGrid(element);
-  }
-  function isWithinTable(element) {
-    return isWithinElement(element, selectorList("table", roleSelector("table")));
-  }
-  function isWithinGrid(element) {
-    return isWithinElement(element, roleSelector("grid"));
-  }
-  function isWithinTableRowOrGridRow(element) {
-    return isWithinTableRow(element) || isWithinGridRow(element);
-  }
-  function isWithinTableRow(element) {
-    const closestRow = element.closest(selectorList("tr", roleSelector("row")));
-    return closestRow !== null && isWithinTable(closestRow);
-  }
-  function isWithinGridRow(element) {
-    const closestRow = element.closest(selectorList("tr", roleSelector("row")));
-    return closestRow !== null && isWithinGrid(closestRow);
-  }
-  function isWithinList(element) {
-    return isWithinElement(
-      element,
-      selectorList("ul", "ol", roleSelector("list"))
-    );
-  }
-  function isWithinMenu(element) {
-    return isWithinElement(element, roleSelector("menu"));
-  }
-  function isWithinTablist(element) {
-    return isWithinElement(element, roleSelector("tablist"));
-  }
-
-  // src/browser/input.ts
-  function snapshotInput(element) {
-    if (element instanceof HTMLInputElement) {
-      return snapshotInputElement(element);
-    }
-    if (element instanceof HTMLTextAreaElement) {
-      return snapshotTextareaElement(element);
-    }
-    return null;
-  }
-  function snapshotInputElement(element) {
-    const inputRole = resolveInputRole(element);
-    if (inputRole === void 0 || inputRole === "button" || inputRole === "combobox") {
-      return null;
-    }
-    const value = resolveInputValue(element);
-    return {
-      role: inputRole,
-      name: resolveInputLabel(element),
-      attributes: {
-        value,
-        checked: resolveChecked(element),
-        ...snapshotCommonInputAttributes(element, value === void 0)
-      }
-    };
-  }
-  function snapshotTextareaElement(element) {
-    const value = resolveInputValue(element);
-    return {
-      role: "textbox",
-      name: resolveInputLabel(element),
-      attributes: {
-        value,
-        ...snapshotCommonInputAttributes(element, value === void 0)
-      }
-    };
-  }
-  function snapshotCommonInputAttributes(element, isEmpty) {
-    return {
-      ...discribableAttributes(element),
-      placeholder: isEmpty ? resolvePlaceholder(element) : void 0,
-      ...inputStateAttributes(element)
-    };
-  }
-  var CHECKED_INPUT_TYPES = /* @__PURE__ */ new Set(["checkbox", "radio"]);
-  function resolveInputValue(element) {
-    if (element instanceof HTMLInputElement && CHECKED_INPUT_TYPES.has(element.type)) {
-      return void 0;
-    }
-    return stringAttribute(element.value);
-  }
-  function resolveChecked(element) {
-    if (!(element instanceof HTMLInputElement)) {
-      return void 0;
-    }
-    return element.checked ? true : void 0;
-  }
-  function resolveInputLabel(element) {
-    const accessibleName = resolveAccessibleName(element, false);
-    if (accessibleName !== void 0) {
-      return accessibleName;
-    }
-    if (element.id !== null) {
-      const referencedElement = element.ownerDocument.querySelector(
-        `[for='${element.id}']`
-      );
-      if (referencedElement !== null) {
-        return snapshotTextContent(referencedElement);
-      }
-    }
-    const closestLabel = element.closest("label");
-    if (closestLabel !== null) {
-      return snapshotTextContent(closestLabel);
-    }
-    return void 0;
-  }
-  function resolvePlaceholder(element) {
-    if (element instanceof HTMLSelectElement || element instanceof HTMLButtonElement) {
-      return void 0;
-    }
-    return stringAttribute(element.placeholder);
-  }
-
-  // src/browser/combobox.ts
-  function snapshotCombobox(element) {
-    if (!isCombobox(element)) {
-      return null;
-    }
-    const options = snapshotOptions(element);
-    const value = resolveValue(element);
-    return {
-      role: "combobox",
-      name: resolveInputLabel(element),
-      attributes: {
-        value,
-        ...snapshotCommonInputAttributes(element, value === void 0)
-      },
-      options
-    };
-  }
-  function isCombobox(element) {
-    if (element instanceof HTMLSelectElement) {
-      return element.role === null || element.role === "combobox";
-    }
-    if (element instanceof HTMLInputElement || element instanceof HTMLButtonElement) {
-      return element.role === "combobox";
-    }
-    return false;
-  }
-  function resolveValue(element) {
-    if (element instanceof HTMLButtonElement) {
-      return snapshotTextContent(element);
-    }
-    if (element instanceof HTMLInputElement) {
-      return resolveInputValue(element);
-    }
-    const selectedLabels = Array.from(element.selectedOptions).map(
-      (option) => option.label
-    );
-    if (selectedLabels.length === 0) {
-      return void 0;
-    }
-    if (selectedLabels.length === 1) {
-      return selectedLabels.at(0);
-    }
-    return selectedLabels;
-  }
-  function snapshotOptions(element) {
-    return resolveOptions(element).map(snapshotOption).filter((childSnapshot) => childSnapshot !== null);
-  }
-  function resolveOptions(element) {
-    if (element instanceof HTMLSelectElement) {
-      return Array.from(element.options);
-    }
-    const controlledElement = resolveElementReference(element, "aria-controls");
-    if (controlledElement === null) {
-      return [];
-    }
-    const optionSelector = selectorList("option", roleSelector("option"));
-    return Array.from(controlledElement.querySelectorAll(optionSelector));
-  }
-  function snapshotOption(element) {
-    return {
-      role: "option",
-      name: resolveAccessibleName(element),
-      attributes: {
-        selected: element instanceof HTMLOptionElement ? booleanAttribute(element.selected) : booleanAttribute(element.ariaSelected)
-      },
-      children: snapshotChildren(element)
-    };
-  }
-
-  // src/browser/dialog.ts
-  function snapshotDialogWithRole(role) {
-    return (element) => snapshotDialog(role, element);
-  }
-  function snapshotDialog(role, element) {
-    return {
-      role,
-      name: resolveAccessibleName(element, false),
-      attributes: {
-        ...discribableAttributes(element),
-        modal: booleanAttribute(element.ariaModal)
-      },
-      children: snapshotChildren(element)
-    };
-  }
-
-  // src/browser/group.ts
-  function snapshotGroup(element) {
-    return {
-      role: "group",
-      name: resolveGroupName(element),
-      children: snapshotChildren(element)
-    };
-  }
-  function resolveGroupName(element) {
-    const legendElement = element instanceof HTMLFieldSetElement ? element.querySelector("legend") : null;
-    if (legendElement !== null) {
-      return snapshotTextContent(legendElement);
-    }
-    return resolveAccessibleName(element, false);
-  }
-  function snapshotRadiogroup(element) {
-    return {
-      role: "radiogroup",
-      name: resolveAccessibleName(element, false),
-      attributes: discribableAttributes(element),
-      children: snapshotChildren(element)
-    };
-  }
-
-  // src/browser/heading.ts
-  var LEVEL_REGEXP = /^H([1-6])$/;
-  function snapshotHeading(element) {
-    if (!(element instanceof HTMLHeadingElement)) {
-      return null;
-    }
-    return {
-      role: "heading",
-      name: resolveAccessibleName(element),
-      attributes: {
-        level: resolveLevel(element)
-      },
-      children: snapshotChildren(element)
-    };
-  }
-  function resolveLevel(element) {
-    const levelAsString = LEVEL_REGEXP.exec(element.nodeName)?.at(1) ?? null;
-    return numericAttribute(levelAsString);
-  }
-
-  // src/browser/link.ts
-  function snapshotLink(element) {
-    return {
-      role: "link",
-      name: resolveAccessibleName(element),
-      attributes: linkAttributes(element),
-      children: snapshotChildren(element)
-    };
-  }
-  function linkAttributes(element) {
-    return { url: stringAttribute(element.getAttribute("href")) };
-  }
-
-  // src/browser/list.ts
-  function snapshotMenuitem(element) {
-    return {
-      role: "menuitem",
-      name: resolveAccessibleName(element),
-      attributes: {
-        ...linkAttributes(element),
-        ...disableableAttributes(element)
-      },
-      children: snapshotChildren(element)
-    };
-  }
-
-  // src/browser/progressbar.ts
-  function snapshotProgressbar(element) {
-    return {
-      role: "progressbar",
-      name: resolveAccessibleName(element, false),
-      attributes: {
-        value: resolveValue2(element)
-      },
-      children: snapshotChildren(element)
-    };
-  }
-  function resolveValue2(element) {
-    if (element instanceof HTMLProgressElement) {
-      return element.value;
-    }
-    return numericAttribute(element.ariaValueNow);
-  }
-
-  // src/browser/tab.ts
-  function snapshotTab(element) {
-    return {
-      role: "tab",
-      name: resolveAccessibleName(element),
-      attributes: {
-        ...disableableAttributes(element),
-        ...selectableAttributes(element)
-      },
-      children: snapshotChildren(element)
-    };
-  }
-
-  // src/browser/table.ts
-  var SORT_ATTRIBUTES = /* @__PURE__ */ new Set(["ascending", "descending", "other"]);
-  function snapshotColumnheader(element) {
-    return {
-      role: "columnheader",
-      name: resolveAccessibleName(element),
-      attributes: {
-        sort: enumAttribute(element.ariaSort, SORT_ATTRIBUTES)
-      },
-      children: snapshotChildren(element)
-    };
-  }
-
-  // src/browser/element.ts
-  var ROLE_SNAPSHOTS = {
-    button: snapshotButton,
-    checkbox: snapshotInput,
-    combobox: snapshotCombobox,
-    option: snapshotOption,
-    heading: snapshotHeading,
-    link: snapshotLink,
-    radio: snapshotInput,
-    searchbox: snapshotInput,
-    slider: snapshotInput,
-    spinbutton: snapshotInput,
-    textbox: snapshotInput,
-    dialog: snapshotDialogWithRole("dialog"),
-    alertdialog: snapshotDialogWithRole("alertdialog"),
-    tab: snapshotTab,
-    menuitem: snapshotMenuitem,
-    columnheader: snapshotColumnheader,
-    group: snapshotGroup,
-    radiogroup: snapshotRadiogroup,
-    progressbar: snapshotProgressbar
-  };
-  function snapshotElement(element) {
-    return snapshotNodeRecursive(element);
-  }
-  function snapshotNodeRecursive(node) {
-    const snapshot = snapshotNodeByType(node);
-    if (snapshot === null) {
-      return [];
-    }
-    if (Array.isArray(snapshot)) {
-      return snapshot;
-    }
-    return [snapshot];
-  }
-  function snapshotNodeByType(node) {
-    if (node.nodeType === Node.TEXT_NODE) {
-      return snapshotTextNode(node);
-    }
-    if (!isSupportedElement(node) || isHiddenElement(node)) {
-      return null;
-    }
-    const elementRole = parseElementRole(node);
-    if (elementRole === void 0) {
-      return snapshotChildren(node) ?? null;
-    }
-    if (hasRoleSpecificSnapshot(elementRole)) {
-      const snapshotByRole = ROLE_SNAPSHOTS[elementRole];
-      return snapshotByRole(node);
-    }
-    return snapshotContainer(elementRole, node);
-  }
-  var UNSUPPORTED_ELEMENTS = /* @__PURE__ */ new Set([
-    "style",
-    "script",
-    "noscript",
-    "img",
-    "picture",
-    "audio",
-    "video",
-    "figure",
-    "template"
-  ]);
-  function isSupportedElement(node) {
-    if (!(node instanceof HTMLElement)) {
-      return false;
-    }
-    const tagName = getElementTagName(node);
-    return !UNSUPPORTED_ELEMENTS.has(tagName);
-  }
-  function hasRoleSpecificSnapshot(role) {
-    return role in ROLE_SNAPSHOTS;
-  }
-  function isHiddenElement(element) {
-    if (element.hasAttribute("hidden")) {
-      return true;
-    }
-    const ariaHidden = booleanAttribute(element.ariaHidden);
-    if (ariaHidden === true) {
-      return true;
-    }
-    const cssStyles = window.getComputedStyle(element);
-    return cssStyles.display === "none" || cssStyles.visibility === "hidden" || cssStyles.visibility === "collapse";
-  }
-
-  // src/browser-lib.ts
-  window.snapshotElement = snapshotElement;
-})();