value = value !== data.buttonValue;

[19000] Fix | Delete

storage.setValue(id, {

[19001] Fix | Delete

value

[19002] Fix | Delete

});

[19003] Fix | Delete

}

[19004] Fix | Delete

if (value) {

[19005] Fix | Delete

for (const radio of this._getElementsByName(data.fieldName, id)) {

[19006] Fix | Delete

storage.setValue(radio.id, {

[19007] Fix | Delete

value: false

[19008] Fix | Delete

});

[19009] Fix | Delete

}

[19010] Fix | Delete

}

[19011] Fix | Delete

const element = document.createElement("input");

[19012] Fix | Delete

GetElementsByNameSet.add(element);

[19013] Fix | Delete

element.setAttribute("data-element-id", id);

[19014] Fix | Delete

element.disabled = data.readOnly;

[19015] Fix | Delete

this._setRequired(element, this.data.required);

[19016] Fix | Delete

element.type = "radio";

[19017] Fix | Delete

element.name = data.fieldName;

[19018] Fix | Delete

if (value) {

[19019] Fix | Delete

element.setAttribute("checked", true);

[19020] Fix | Delete

}

[19021] Fix | Delete

element.tabIndex = DEFAULT_TAB_INDEX;

[19022] Fix | Delete

element.addEventListener("change", event => {

[19023] Fix | Delete

const {

[19024] Fix | Delete

name,

[19025] Fix | Delete

checked

[19026] Fix | Delete

} = event.target;

[19027] Fix | Delete

for (const radio of this._getElementsByName(name, id)) {

[19028] Fix | Delete

storage.setValue(radio.id, {

[19029] Fix | Delete

value: false

[19030] Fix | Delete

});

[19031] Fix | Delete

}

[19032] Fix | Delete

storage.setValue(id, {

[19033] Fix | Delete

value: checked

[19034] Fix | Delete

});

[19035] Fix | Delete

});

[19036] Fix | Delete

element.addEventListener("resetform", event => {

[19037] Fix | Delete

const defaultValue = data.defaultFieldValue;

[19038] Fix | Delete

event.target.checked = defaultValue !== null && defaultValue !== undefined && defaultValue === data.buttonValue;

[19039] Fix | Delete

});

[19040] Fix | Delete

if (this.enableScripting && this.hasJSActions) {

[19041] Fix | Delete

const pdfButtonValue = data.buttonValue;

[19042] Fix | Delete

element.addEventListener("updatefromsandbox", jsEvent => {

[19043] Fix | Delete

const actions = {

[19044] Fix | Delete

value: event => {

[19045] Fix | Delete

const checked = pdfButtonValue === event.detail.value;

[19046] Fix | Delete

for (const radio of this._getElementsByName(event.target.name)) {

[19047] Fix | Delete

const curChecked = checked && radio.id === id;

[19048] Fix | Delete

if (radio.domElement) {

[19049] Fix | Delete

radio.domElement.checked = curChecked;

[19050] Fix | Delete

}

[19051] Fix | Delete

storage.setValue(radio.id, {

[19052] Fix | Delete

value: curChecked

[19053] Fix | Delete

});

[19054] Fix | Delete

}

[19055] Fix | Delete

}

[19056] Fix | Delete

};

[19057] Fix | Delete

this._dispatchEventFromSandbox(actions, jsEvent);

[19058] Fix | Delete

});

[19059] Fix | Delete

this._setEventListeners(element, null, [["change", "Validate"], ["change", "Action"], ["focus", "Focus"], ["blur", "Blur"], ["mousedown", "Mouse Down"], ["mouseenter", "Mouse Enter"], ["mouseleave", "Mouse Exit"], ["mouseup", "Mouse Up"]], event => event.target.checked);

[19060] Fix | Delete

}

[19061] Fix | Delete

this._setBackgroundColor(element);

[19062] Fix | Delete

this._setDefaultPropertiesFromJS(element);

[19063] Fix | Delete

this.container.append(element);

[19064] Fix | Delete

return this.container;

[19065] Fix | Delete

}

[19066] Fix | Delete

}

[19067] Fix | Delete

class PushButtonWidgetAnnotationElement extends LinkAnnotationElement {

[19068] Fix | Delete

constructor(parameters) {

[19069] Fix | Delete

super(parameters, {

[19070] Fix | Delete

ignoreBorder: parameters.data.hasAppearance

[19071] Fix | Delete

});

[19072] Fix | Delete

}

[19073] Fix | Delete

render() {

[19074] Fix | Delete

const container = super.render();

[19075] Fix | Delete

container.classList.add("buttonWidgetAnnotation", "pushButton");

[19076] Fix | Delete

const linkElement = container.lastChild;

[19077] Fix | Delete

if (this.enableScripting && this.hasJSActions && linkElement) {

[19078] Fix | Delete

this._setDefaultPropertiesFromJS(linkElement);

[19079] Fix | Delete

linkElement.addEventListener("updatefromsandbox", jsEvent => {

[19080] Fix | Delete

this._dispatchEventFromSandbox({}, jsEvent);

[19081] Fix | Delete

});

[19082] Fix | Delete

}

[19083] Fix | Delete

return container;

[19084] Fix | Delete

}

[19085] Fix | Delete

}

[19086] Fix | Delete

class ChoiceWidgetAnnotationElement extends WidgetAnnotationElement {

[19087] Fix | Delete

constructor(parameters) {

[19088] Fix | Delete

super(parameters, {

[19089] Fix | Delete

isRenderable: parameters.renderForms

[19090] Fix | Delete

});

[19091] Fix | Delete

}

[19092] Fix | Delete

render() {

[19093] Fix | Delete

this.container.classList.add("choiceWidgetAnnotation");

[19094] Fix | Delete

const storage = this.annotationStorage;

[19095] Fix | Delete

const id = this.data.id;

[19096] Fix | Delete

const storedData = storage.getValue(id, {

[19097] Fix | Delete

value: this.data.fieldValue

[19098] Fix | Delete

});

[19099] Fix | Delete

const selectElement = document.createElement("select");

[19100] Fix | Delete

GetElementsByNameSet.add(selectElement);

[19101] Fix | Delete

selectElement.setAttribute("data-element-id", id);

[19102] Fix | Delete

selectElement.disabled = this.data.readOnly;

[19103] Fix | Delete

this._setRequired(selectElement, this.data.required);

[19104] Fix | Delete

selectElement.name = this.data.fieldName;

[19105] Fix | Delete

selectElement.tabIndex = DEFAULT_TAB_INDEX;

[19106] Fix | Delete

let addAnEmptyEntry = this.data.combo && this.data.options.length > 0;

[19107] Fix | Delete

if (!this.data.combo) {

[19108] Fix | Delete

selectElement.size = this.data.options.length;

[19109] Fix | Delete

if (this.data.multiSelect) {

[19110] Fix | Delete

selectElement.multiple = true;

[19111] Fix | Delete

}

[19112] Fix | Delete

}

[19113] Fix | Delete

selectElement.addEventListener("resetform", event => {

[19114] Fix | Delete

const defaultValue = this.data.defaultFieldValue;

[19115] Fix | Delete

for (const option of selectElement.options) {

[19116] Fix | Delete

option.selected = option.value === defaultValue;

[19117] Fix | Delete

}

[19118] Fix | Delete

});

[19119] Fix | Delete

for (const option of this.data.options) {

[19120] Fix | Delete

const optionElement = document.createElement("option");

[19121] Fix | Delete

optionElement.textContent = option.displayValue;

[19122] Fix | Delete

optionElement.value = option.exportValue;

[19123] Fix | Delete

if (storedData.value.includes(option.exportValue)) {

[19124] Fix | Delete

optionElement.setAttribute("selected", true);

[19125] Fix | Delete

addAnEmptyEntry = false;

[19126] Fix | Delete

}

[19127] Fix | Delete

selectElement.append(optionElement);

[19128] Fix | Delete

}

[19129] Fix | Delete

let removeEmptyEntry = null;

[19130] Fix | Delete

if (addAnEmptyEntry) {

[19131] Fix | Delete

const noneOptionElement = document.createElement("option");

[19132] Fix | Delete

noneOptionElement.value = " ";

[19133] Fix | Delete

noneOptionElement.setAttribute("hidden", true);

[19134] Fix | Delete

noneOptionElement.setAttribute("selected", true);

[19135] Fix | Delete

selectElement.prepend(noneOptionElement);

[19136] Fix | Delete

removeEmptyEntry = () => {

[19137] Fix | Delete

noneOptionElement.remove();

[19138] Fix | Delete

selectElement.removeEventListener("input", removeEmptyEntry);

[19139] Fix | Delete

removeEmptyEntry = null;

[19140] Fix | Delete

};

[19141] Fix | Delete

selectElement.addEventListener("input", removeEmptyEntry);

[19142] Fix | Delete

}

[19143] Fix | Delete

const getValue = isExport => {

[19144] Fix | Delete

const name = isExport ? "value" : "textContent";

[19145] Fix | Delete

const {

[19146] Fix | Delete

options,

[19147] Fix | Delete

multiple

[19148] Fix | Delete

} = selectElement;

[19149] Fix | Delete

if (!multiple) {

[19150] Fix | Delete

return options.selectedIndex === -1 ? null : options[options.selectedIndex][name];

[19151] Fix | Delete

}

[19152] Fix | Delete

return Array.prototype.filter.call(options, option => option.selected).map(option => option[name]);

[19153] Fix | Delete

};

[19154] Fix | Delete

let selectedValues = getValue(false);

[19155] Fix | Delete

const getItems = event => {

[19156] Fix | Delete

const options = event.target.options;

[19157] Fix | Delete

return Array.prototype.map.call(options, option => ({

[19158] Fix | Delete

displayValue: option.textContent,

[19159] Fix | Delete

exportValue: option.value

[19160] Fix | Delete

}));

[19161] Fix | Delete

};

[19162] Fix | Delete

if (this.enableScripting && this.hasJSActions) {

[19163] Fix | Delete

selectElement.addEventListener("updatefromsandbox", jsEvent => {

[19164] Fix | Delete

const actions = {

[19165] Fix | Delete

value(event) {

[19166] Fix | Delete

removeEmptyEntry?.();

[19167] Fix | Delete

const value = event.detail.value;

[19168] Fix | Delete

const values = new Set(Array.isArray(value) ? value : [value]);

[19169] Fix | Delete

for (const option of selectElement.options) {

[19170] Fix | Delete

option.selected = values.has(option.value);

[19171] Fix | Delete

}

[19172] Fix | Delete

storage.setValue(id, {

[19173] Fix | Delete

value: getValue(true)

[19174] Fix | Delete

});

[19175] Fix | Delete

selectedValues = getValue(false);

[19176] Fix | Delete

},

[19177] Fix | Delete

multipleSelection(event) {

[19178] Fix | Delete

selectElement.multiple = true;

[19179] Fix | Delete

},

[19180] Fix | Delete

remove(event) {

[19181] Fix | Delete

const options = selectElement.options;

[19182] Fix | Delete

const index = event.detail.remove;

[19183] Fix | Delete

options[index].selected = false;

[19184] Fix | Delete

selectElement.remove(index);

[19185] Fix | Delete

if (options.length > 0) {

[19186] Fix | Delete

const i = Array.prototype.findIndex.call(options, option => option.selected);

[19187] Fix | Delete

if (i === -1) {

[19188] Fix | Delete

options[0].selected = true;

[19189] Fix | Delete

}

[19190] Fix | Delete

}

[19191] Fix | Delete

storage.setValue(id, {

[19192] Fix | Delete

value: getValue(true),

[19193] Fix | Delete

items: getItems(event)

[19194] Fix | Delete

});

[19195] Fix | Delete

selectedValues = getValue(false);

[19196] Fix | Delete

},

[19197] Fix | Delete

clear(event) {

[19198] Fix | Delete

while (selectElement.length !== 0) {

[19199] Fix | Delete

selectElement.remove(0);

[19200] Fix | Delete

}

[19201] Fix | Delete

storage.setValue(id, {

[19202] Fix | Delete

value: null,

[19203] Fix | Delete

items: []

[19204] Fix | Delete

});

[19205] Fix | Delete

selectedValues = getValue(false);

[19206] Fix | Delete

},

[19207] Fix | Delete

insert(event) {

[19208] Fix | Delete

const {

[19209] Fix | Delete

index,

[19210] Fix | Delete

displayValue,

[19211] Fix | Delete

exportValue

[19212] Fix | Delete

} = event.detail.insert;

[19213] Fix | Delete

const selectChild = selectElement.children[index];

[19214] Fix | Delete

const optionElement = document.createElement("option");

[19215] Fix | Delete

optionElement.textContent = displayValue;

[19216] Fix | Delete

optionElement.value = exportValue;

[19217] Fix | Delete

if (selectChild) {

[19218] Fix | Delete

selectChild.before(optionElement);

[19219] Fix | Delete

} else {

[19220] Fix | Delete

selectElement.append(optionElement);

[19221] Fix | Delete

}

[19222] Fix | Delete

storage.setValue(id, {

[19223] Fix | Delete

value: getValue(true),

[19224] Fix | Delete

items: getItems(event)

[19225] Fix | Delete

});

[19226] Fix | Delete

selectedValues = getValue(false);

[19227] Fix | Delete

},

[19228] Fix | Delete

items(event) {

[19229] Fix | Delete

const {

[19230] Fix | Delete

items

[19231] Fix | Delete

} = event.detail;

[19232] Fix | Delete

while (selectElement.length !== 0) {

[19233] Fix | Delete

selectElement.remove(0);

[19234] Fix | Delete

}

[19235] Fix | Delete

for (const item of items) {

[19236] Fix | Delete

const {

[19237] Fix | Delete

displayValue,

[19238] Fix | Delete

exportValue

[19239] Fix | Delete

} = item;

[19240] Fix | Delete

const optionElement = document.createElement("option");

[19241] Fix | Delete

optionElement.textContent = displayValue;

[19242] Fix | Delete

optionElement.value = exportValue;

[19243] Fix | Delete

selectElement.append(optionElement);

[19244] Fix | Delete

}

[19245] Fix | Delete

if (selectElement.options.length > 0) {

[19246] Fix | Delete

selectElement.options[0].selected = true;

[19247] Fix | Delete

}

[19248] Fix | Delete

storage.setValue(id, {

[19249] Fix | Delete

value: getValue(true),

[19250] Fix | Delete

items: getItems(event)

[19251] Fix | Delete

});

[19252] Fix | Delete

selectedValues = getValue(false);

[19253] Fix | Delete

},

[19254] Fix | Delete

indices(event) {

[19255] Fix | Delete

const indices = new Set(event.detail.indices);

[19256] Fix | Delete

for (const option of event.target.options) {

[19257] Fix | Delete

option.selected = indices.has(option.index);

[19258] Fix | Delete

}

[19259] Fix | Delete

storage.setValue(id, {

[19260] Fix | Delete

value: getValue(true)

[19261] Fix | Delete

});

[19262] Fix | Delete

selectedValues = getValue(false);

[19263] Fix | Delete

},

[19264] Fix | Delete

editable(event) {

[19265] Fix | Delete

event.target.disabled = !event.detail.editable;

[19266] Fix | Delete

}

[19267] Fix | Delete

};

[19268] Fix | Delete

this._dispatchEventFromSandbox(actions, jsEvent);

[19269] Fix | Delete

});

[19270] Fix | Delete

selectElement.addEventListener("input", event => {

[19271] Fix | Delete

const exportValue = getValue(true);

[19272] Fix | Delete

const change = getValue(false);

[19273] Fix | Delete

storage.setValue(id, {

[19274] Fix | Delete

value: exportValue

[19275] Fix | Delete

});

[19276] Fix | Delete

event.preventDefault();

[19277] Fix | Delete

this.linkService.eventBus?.dispatch("dispatcheventinsandbox", {

[19278] Fix | Delete

source: this,

[19279] Fix | Delete

detail: {

[19280] Fix | Delete

id,

[19281] Fix | Delete

name: "Keystroke",

[19282] Fix | Delete

value: selectedValues,

[19283] Fix | Delete

change,

[19284] Fix | Delete

changeEx: exportValue,

[19285] Fix | Delete

willCommit: false,

[19286] Fix | Delete

commitKey: 1,

[19287] Fix | Delete

keyDown: false

[19288] Fix | Delete

}

[19289] Fix | Delete

});

[19290] Fix | Delete

});

[19291] Fix | Delete

this._setEventListeners(selectElement, null, [["focus", "Focus"], ["blur", "Blur"], ["mousedown", "Mouse Down"], ["mouseenter", "Mouse Enter"], ["mouseleave", "Mouse Exit"], ["mouseup", "Mouse Up"], ["input", "Action"], ["input", "Validate"]], event => event.target.value);

[19292] Fix | Delete

} else {

[19293] Fix | Delete

selectElement.addEventListener("input", function (event) {

[19294] Fix | Delete

storage.setValue(id, {

[19295] Fix | Delete

value: getValue(true)

[19296] Fix | Delete

});

[19297] Fix | Delete

});

[19298] Fix | Delete

}

[19299] Fix | Delete

if (this.data.combo) {

[19300] Fix | Delete

this._setTextStyle(selectElement);

[19301] Fix | Delete

} else {}

[19302] Fix | Delete

this._setBackgroundColor(selectElement);

[19303] Fix | Delete

this._setDefaultPropertiesFromJS(selectElement);

[19304] Fix | Delete

this.container.append(selectElement);

[19305] Fix | Delete

return this.container;

[19306] Fix | Delete

}

[19307] Fix | Delete

}

[19308] Fix | Delete

class PopupAnnotationElement extends AnnotationElement {

[19309] Fix | Delete

constructor(parameters) {

[19310] Fix | Delete

const {

[19311] Fix | Delete

data,

[19312] Fix | Delete

elements

[19313] Fix | Delete

} = parameters;

[19314] Fix | Delete

super(parameters, {

[19315] Fix | Delete

isRenderable: AnnotationElement._hasPopupData(data)

[19316] Fix | Delete

});

[19317] Fix | Delete

this.elements = elements;

[19318] Fix | Delete

this.popup = null;

[19319] Fix | Delete

}

[19320] Fix | Delete

render() {

[19321] Fix | Delete

this.container.classList.add("popupAnnotation");

[19322] Fix | Delete

const popup = this.popup = new PopupElement({

[19323] Fix | Delete

container: this.container,

[19324] Fix | Delete

color: this.data.color,

[19325] Fix | Delete

titleObj: this.data.titleObj,

[19326] Fix | Delete

modificationDate: this.data.modificationDate,

[19327] Fix | Delete

contentsObj: this.data.contentsObj,

[19328] Fix | Delete

richText: this.data.richText,

[19329] Fix | Delete

rect: this.data.rect,

[19330] Fix | Delete

parentRect: this.data.parentRect || null,

[19331] Fix | Delete

parent: this.parent,

[19332] Fix | Delete

elements: this.elements,

[19333] Fix | Delete

open: this.data.open

[19334] Fix | Delete

});

[19335] Fix | Delete

const elementIds = [];

[19336] Fix | Delete

for (const element of this.elements) {

[19337] Fix | Delete

element.popup = popup;

[19338] Fix | Delete

elementIds.push(element.data.id);

[19339] Fix | Delete

element.addHighlightArea();

[19340] Fix | Delete

}

[19341] Fix | Delete

this.container.setAttribute("aria-controls", elementIds.map(id => `${AnnotationPrefix}${id}`).join(","));

[19342] Fix | Delete

return this.container;

[19343] Fix | Delete

}

[19344] Fix | Delete

}

[19345] Fix | Delete

class PopupElement {

[19346] Fix | Delete

#boundKeyDown = this.#keyDown.bind(this);

[19347] Fix | Delete

#boundHide = this.#hide.bind(this);

[19348] Fix | Delete

#boundShow = this.#show.bind(this);

[19349] Fix | Delete

#boundToggle = this.#toggle.bind(this);

[19350] Fix | Delete

#color = null;

[19351] Fix | Delete

#container = null;

[19352] Fix | Delete

#contentsObj = null;

[19353] Fix | Delete

#dateObj = null;

[19354] Fix | Delete

#elements = null;

[19355] Fix | Delete

#parent = null;

[19356] Fix | Delete

#parentRect = null;

[19357] Fix | Delete

#pinned = false;

[19358] Fix | Delete

#popup = null;

[19359] Fix | Delete

#position = null;

[19360] Fix | Delete

#rect = null;

[19361] Fix | Delete

#richText = null;

[19362] Fix | Delete

#titleObj = null;

[19363] Fix | Delete

#updates = null;

[19364] Fix | Delete

#wasVisible = false;

[19365] Fix | Delete

constructor({

[19366] Fix | Delete

container,

[19367] Fix | Delete

color,

[19368] Fix | Delete

elements,

[19369] Fix | Delete

titleObj,

[19370] Fix | Delete

modificationDate,

[19371] Fix | Delete

contentsObj,

[19372] Fix | Delete

richText,

[19373] Fix | Delete

parent,

[19374] Fix | Delete

rect,

[19375] Fix | Delete

parentRect,

[19376] Fix | Delete

open

[19377] Fix | Delete

}) {

[19378] Fix | Delete

this.#container = container;

[19379] Fix | Delete

this.#titleObj = titleObj;

[19380] Fix | Delete

this.#contentsObj = contentsObj;

[19381] Fix | Delete

this.#richText = richText;

[19382] Fix | Delete

this.#parent = parent;

[19383] Fix | Delete

this.#color = color;

[19384] Fix | Delete

this.#rect = rect;

[19385] Fix | Delete

this.#parentRect = parentRect;

[19386] Fix | Delete

this.#elements = elements;

[19387] Fix | Delete

this.#dateObj = PDFDateString.toDateObject(modificationDate);

[19388] Fix | Delete

this.trigger = elements.flatMap(e => e.getElementsToTriggerPopup());

[19389] Fix | Delete

for (const element of this.trigger) {

[19390] Fix | Delete

element.addEventListener("click", this.#boundToggle);

[19391] Fix | Delete

element.addEventListener("mouseenter", this.#boundShow);

[19392] Fix | Delete

element.addEventListener("mouseleave", this.#boundHide);

[19393] Fix | Delete

element.classList.add("popupTriggerArea");

[19394] Fix | Delete

}

[19395] Fix | Delete

for (const element of elements) {

[19396] Fix | Delete

element.container?.addEventListener("keydown", this.#boundKeyDown);

[19397] Fix | Delete

}

[19398] Fix | Delete

this.#container.hidden = true;

[19399] Fix | Delete

if (open) {

[19400] Fix | Delete

this.#toggle();

[19401] Fix | Delete

}

[19402] Fix | Delete

}

[19403] Fix | Delete

render() {

[19404] Fix | Delete

if (this.#popup) {

[19405] Fix | Delete

return;

[19406] Fix | Delete

}

[19407] Fix | Delete

const popup = this.#popup = document.createElement("div");

[19408] Fix | Delete

popup.className = "popup";

[19409] Fix | Delete

if (this.#color) {

[19410] Fix | Delete

const baseColor = popup.style.outlineColor = Util.makeHexColor(...this.#color);

[19411] Fix | Delete

if (CSS.supports("background-color", "color-mix(in srgb, red 30%, white)")) {

[19412] Fix | Delete

popup.style.backgroundColor = `color-mix(in srgb, ${baseColor} 30%, white)`;

[19413] Fix | Delete

} else {

[19414] Fix | Delete

const BACKGROUND_ENLIGHT = 0.7;

[19415] Fix | Delete

popup.style.backgroundColor = Util.makeHexColor(...this.#color.map(c => Math.floor(BACKGROUND_ENLIGHT * (255 - c) + c)));

[19416] Fix | Delete

}

[19417] Fix | Delete

}

[19418] Fix | Delete

const header = document.createElement("span");

[19419] Fix | Delete

header.className = "header";

[19420] Fix | Delete

const title = document.createElement("h1");

[19421] Fix | Delete

header.append(title);

[19422] Fix | Delete

({

[19423] Fix | Delete

dir: title.dir,

[19424] Fix | Delete

str: title.textContent

[19425] Fix | Delete

} = this.#titleObj);

[19426] Fix | Delete

popup.append(header);

[19427] Fix | Delete

if (this.#dateObj) {

[19428] Fix | Delete

const modificationDate = document.createElement("span");

[19429] Fix | Delete

modificationDate.classList.add("popupDate");

[19430] Fix | Delete

modificationDate.setAttribute("data-l10n-id", "pdfjs-annotation-date-string");

[19431] Fix | Delete

modificationDate.setAttribute("data-l10n-args", JSON.stringify({

[19432] Fix | Delete

date: this.#dateObj.toLocaleDateString(),

[19433] Fix | Delete

time: this.#dateObj.toLocaleTimeString()

[19434] Fix | Delete

}));

[19435] Fix | Delete

header.append(modificationDate);

[19436] Fix | Delete

}

[19437] Fix | Delete

const html = this.#html;

[19438] Fix | Delete

if (html) {

[19439] Fix | Delete

XfaLayer.render({

[19440] Fix | Delete

xfaHtml: html,

[19441] Fix | Delete

intent: "richText",

[19442] Fix | Delete

div: popup

[19443] Fix | Delete

});

[19444] Fix | Delete

popup.lastChild.classList.add("richText", "popupContent");

[19445] Fix | Delete

} else {

[19446] Fix | Delete

const contents = this._formatContents(this.#contentsObj);

[19447] Fix | Delete

popup.append(contents);

[19448] Fix | Delete

}

[19449] Fix | Delete

this.#container.append(popup);

[19450] Fix | Delete

}

[19451] Fix | Delete

get #html() {

[19452] Fix | Delete

const richText = this.#richText;

[19453] Fix | Delete

const contentsObj = this.#contentsObj;

[19454] Fix | Delete

if (richText?.str && (!contentsObj?.str || contentsObj.str === richText.str)) {

[19455] Fix | Delete

return this.#richText.html || null;

[19456] Fix | Delete

}

[19457] Fix | Delete

return null;

[19458] Fix | Delete

}

[19459] Fix | Delete

get #fontSize() {

[19460] Fix | Delete

return this.#html?.attributes?.style?.fontSize || 0;

[19461] Fix | Delete

}

[19462] Fix | Delete

get #fontColor() {

[19463] Fix | Delete

return this.#html?.attributes?.style?.color || null;

[19464] Fix | Delete

}

[19465] Fix | Delete

#makePopupContent(text) {

[19466] Fix | Delete

const popupLines = [];

[19467] Fix | Delete

const popupContent = {

[19468] Fix | Delete

str: text,

[19469] Fix | Delete

html: {

[19470] Fix | Delete

name: "div",

[19471] Fix | Delete

attributes: {

[19472] Fix | Delete

dir: "auto"

[19473] Fix | Delete

},

[19474] Fix | Delete

children: [{

[19475] Fix | Delete

name: "p",

[19476] Fix | Delete

children: popupLines

[19477] Fix | Delete

}]

[19478] Fix | Delete

}

[19479] Fix | Delete

};

[19480] Fix | Delete

const lineAttributes = {

[19481] Fix | Delete

style: {

[19482] Fix | Delete

color: this.#fontColor,

[19483] Fix | Delete

fontSize: this.#fontSize ? `calc(${this.#fontSize}px * var(--scale-factor))` : ""

[19484] Fix | Delete

}

[19485] Fix | Delete

};

[19486] Fix | Delete

for (const line of text.split("\n")) {

[19487] Fix | Delete

popupLines.push({

[19488] Fix | Delete

name: "span",

[19489] Fix | Delete

value: line,

[19490] Fix | Delete

attributes: lineAttributes

[19491] Fix | Delete

});

[19492] Fix | Delete

}

[19493] Fix | Delete

return popupContent;

[19494] Fix | Delete

}

[19495] Fix | Delete

_formatContents({

[19496] Fix | Delete

str,

[19497] Fix | Delete

dir

[19498] Fix | Delete

}) {

[19499] Fix | Delete