modifier: this._getKeyModifier(event)

[18500] Fix | Delete

}

[18501] Fix | Delete

});

[18502] Fix | Delete

});

[18503] Fix | Delete

} else {

[18504] Fix | Delete

element.addEventListener(baseName, event => {

[18505] Fix | Delete

if (baseName === "blur") {

[18506] Fix | Delete

if (!elementData.focused || !event.relatedTarget) {

[18507] Fix | Delete

return;

[18508] Fix | Delete

}

[18509] Fix | Delete

elementData.focused = false;

[18510] Fix | Delete

} else if (baseName === "focus") {

[18511] Fix | Delete

if (elementData.focused) {

[18512] Fix | Delete

return;

[18513] Fix | Delete

}

[18514] Fix | Delete

elementData.focused = true;

[18515] Fix | Delete

}

[18516] Fix | Delete

if (!valueGetter) {

[18517] Fix | Delete

return;

[18518] Fix | Delete

}

[18519] Fix | Delete

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

[18520] Fix | Delete

source: this,

[18521] Fix | Delete

detail: {

[18522] Fix | Delete

id: this.data.id,

[18523] Fix | Delete

name: eventName,

[18524] Fix | Delete

value: valueGetter(event)

[18525] Fix | Delete

}

[18526] Fix | Delete

});

[18527] Fix | Delete

});

[18528] Fix | Delete

}

[18529] Fix | Delete

}

[18530] Fix | Delete

_setEventListeners(element, elementData, names, getter) {

[18531] Fix | Delete

for (const [baseName, eventName] of names) {

[18532] Fix | Delete

if (eventName === "Action" || this.data.actions?.[eventName]) {

[18533] Fix | Delete

if (eventName === "Focus" || eventName === "Blur") {

[18534] Fix | Delete

elementData ||= {

[18535] Fix | Delete

focused: false

[18536] Fix | Delete

};

[18537] Fix | Delete

}

[18538] Fix | Delete

this._setEventListener(element, elementData, baseName, eventName, getter);

[18539] Fix | Delete

if (eventName === "Focus" && !this.data.actions?.Blur) {

[18540] Fix | Delete

this._setEventListener(element, elementData, "blur", "Blur", null);

[18541] Fix | Delete

} else if (eventName === "Blur" && !this.data.actions?.Focus) {

[18542] Fix | Delete

this._setEventListener(element, elementData, "focus", "Focus", null);

[18543] Fix | Delete

}

[18544] Fix | Delete

}

[18545] Fix | Delete

}

[18546] Fix | Delete

}

[18547] Fix | Delete

_setBackgroundColor(element) {

[18548] Fix | Delete

const color = this.data.backgroundColor || null;

[18549] Fix | Delete

element.style.backgroundColor = color === null ? "transparent" : Util.makeHexColor(color[0], color[1], color[2]);

[18550] Fix | Delete

}

[18551] Fix | Delete

_setTextStyle(element) {

[18552] Fix | Delete

const TEXT_ALIGNMENT = ["left", "center", "right"];

[18553] Fix | Delete

const {

[18554] Fix | Delete

fontColor

[18555] Fix | Delete

} = this.data.defaultAppearanceData;

[18556] Fix | Delete

const fontSize = this.data.defaultAppearanceData.fontSize || annotation_layer_DEFAULT_FONT_SIZE;

[18557] Fix | Delete

const style = element.style;

[18558] Fix | Delete

let computedFontSize;

[18559] Fix | Delete

const BORDER_SIZE = 2;

[18560] Fix | Delete

const roundToOneDecimal = x => Math.round(10 * x) / 10;

[18561] Fix | Delete

if (this.data.multiLine) {

[18562] Fix | Delete

const height = Math.abs(this.data.rect[3] - this.data.rect[1] - BORDER_SIZE);

[18563] Fix | Delete

const numberOfLines = Math.round(height / (LINE_FACTOR * fontSize)) || 1;

[18564] Fix | Delete

const lineHeight = height / numberOfLines;

[18565] Fix | Delete

computedFontSize = Math.min(fontSize, roundToOneDecimal(lineHeight / LINE_FACTOR));

[18566] Fix | Delete

} else {

[18567] Fix | Delete

const height = Math.abs(this.data.rect[3] - this.data.rect[1] - BORDER_SIZE);

[18568] Fix | Delete

computedFontSize = Math.min(fontSize, roundToOneDecimal(height / LINE_FACTOR));

[18569] Fix | Delete

}

[18570] Fix | Delete

style.fontSize = `calc(${computedFontSize}px * var(--scale-factor))`;

[18571] Fix | Delete

style.color = Util.makeHexColor(fontColor[0], fontColor[1], fontColor[2]);

[18572] Fix | Delete

if (this.data.textAlignment !== null) {

[18573] Fix | Delete

style.textAlign = TEXT_ALIGNMENT[this.data.textAlignment];

[18574] Fix | Delete

}

[18575] Fix | Delete

}

[18576] Fix | Delete

_setRequired(element, isRequired) {

[18577] Fix | Delete

if (isRequired) {

[18578] Fix | Delete

element.setAttribute("required", true);

[18579] Fix | Delete

} else {

[18580] Fix | Delete

element.removeAttribute("required");

[18581] Fix | Delete

}

[18582] Fix | Delete

element.setAttribute("aria-required", isRequired);

[18583] Fix | Delete

}

[18584] Fix | Delete

}

[18585] Fix | Delete

class TextWidgetAnnotationElement extends WidgetAnnotationElement {

[18586] Fix | Delete

constructor(parameters) {

[18587] Fix | Delete

const isRenderable = parameters.renderForms || parameters.data.hasOwnCanvas || !parameters.data.hasAppearance && !!parameters.data.fieldValue;

[18588] Fix | Delete

super(parameters, {

[18589] Fix | Delete

isRenderable

[18590] Fix | Delete

});

[18591] Fix | Delete

}

[18592] Fix | Delete

setPropertyOnSiblings(base, key, value, keyInStorage) {

[18593] Fix | Delete

const storage = this.annotationStorage;

[18594] Fix | Delete

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

[18595] Fix | Delete

if (element.domElement) {

[18596] Fix | Delete

element.domElement[key] = value;

[18597] Fix | Delete

}

[18598] Fix | Delete

storage.setValue(element.id, {

[18599] Fix | Delete

[keyInStorage]: value

[18600] Fix | Delete

});

[18601] Fix | Delete

}

[18602] Fix | Delete

}

[18603] Fix | Delete

render() {

[18604] Fix | Delete

const storage = this.annotationStorage;

[18605] Fix | Delete

const id = this.data.id;

[18606] Fix | Delete

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

[18607] Fix | Delete

let element = null;

[18608] Fix | Delete

if (this.renderForms) {

[18609] Fix | Delete

const storedData = storage.getValue(id, {

[18610] Fix | Delete

value: this.data.fieldValue

[18611] Fix | Delete

});

[18612] Fix | Delete

let textContent = storedData.value || "";

[18613] Fix | Delete

const maxLen = storage.getValue(id, {

[18614] Fix | Delete

charLimit: this.data.maxLen

[18615] Fix | Delete

}).charLimit;

[18616] Fix | Delete

if (maxLen && textContent.length > maxLen) {

[18617] Fix | Delete

textContent = textContent.slice(0, maxLen);

[18618] Fix | Delete

}

[18619] Fix | Delete

let fieldFormattedValues = storedData.formattedValue || this.data.textContent?.join("\n") || null;

[18620] Fix | Delete

if (fieldFormattedValues && this.data.comb) {

[18621] Fix | Delete

fieldFormattedValues = fieldFormattedValues.replaceAll(/\s+/g, "");

[18622] Fix | Delete

}

[18623] Fix | Delete

const elementData = {

[18624] Fix | Delete

userValue: textContent,

[18625] Fix | Delete

formattedValue: fieldFormattedValues,

[18626] Fix | Delete

lastCommittedValue: null,

[18627] Fix | Delete

commitKey: 1,

[18628] Fix | Delete

focused: false

[18629] Fix | Delete

};

[18630] Fix | Delete

if (this.data.multiLine) {

[18631] Fix | Delete

element = document.createElement("textarea");

[18632] Fix | Delete

element.textContent = fieldFormattedValues ?? textContent;

[18633] Fix | Delete

if (this.data.doNotScroll) {

[18634] Fix | Delete

element.style.overflowY = "hidden";

[18635] Fix | Delete

}

[18636] Fix | Delete

} else {

[18637] Fix | Delete

element = document.createElement("input");

[18638] Fix | Delete

element.type = "text";

[18639] Fix | Delete

element.setAttribute("value", fieldFormattedValues ?? textContent);

[18640] Fix | Delete

if (this.data.doNotScroll) {

[18641] Fix | Delete

element.style.overflowX = "hidden";

[18642] Fix | Delete

}

[18643] Fix | Delete

}

[18644] Fix | Delete

if (this.data.hasOwnCanvas) {

[18645] Fix | Delete

element.hidden = true;

[18646] Fix | Delete

}

[18647] Fix | Delete

GetElementsByNameSet.add(element);

[18648] Fix | Delete

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

[18649] Fix | Delete

element.disabled = this.data.readOnly;

[18650] Fix | Delete

element.name = this.data.fieldName;

[18651] Fix | Delete

element.tabIndex = DEFAULT_TAB_INDEX;

[18652] Fix | Delete

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

[18653] Fix | Delete

if (maxLen) {

[18654] Fix | Delete

element.maxLength = maxLen;

[18655] Fix | Delete

}

[18656] Fix | Delete

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

[18657] Fix | Delete

storage.setValue(id, {

[18658] Fix | Delete

value: event.target.value

[18659] Fix | Delete

});

[18660] Fix | Delete

this.setPropertyOnSiblings(element, "value", event.target.value, "value");

[18661] Fix | Delete

elementData.formattedValue = null;

[18662] Fix | Delete

});

[18663] Fix | Delete

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

[18664] Fix | Delete

const defaultValue = this.data.defaultFieldValue ?? "";

[18665] Fix | Delete

element.value = elementData.userValue = defaultValue;

[18666] Fix | Delete

elementData.formattedValue = null;

[18667] Fix | Delete

});

[18668] Fix | Delete

let blurListener = event => {

[18669] Fix | Delete

const {

[18670] Fix | Delete

formattedValue

[18671] Fix | Delete

} = elementData;

[18672] Fix | Delete

if (formattedValue !== null && formattedValue !== undefined) {

[18673] Fix | Delete

event.target.value = formattedValue;

[18674] Fix | Delete

}

[18675] Fix | Delete

event.target.scrollLeft = 0;

[18676] Fix | Delete

};

[18677] Fix | Delete

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

[18678] Fix | Delete

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

[18679] Fix | Delete

if (elementData.focused) {

[18680] Fix | Delete

return;

[18681] Fix | Delete

}

[18682] Fix | Delete

const {

[18683] Fix | Delete

target

[18684] Fix | Delete

} = event;

[18685] Fix | Delete

if (elementData.userValue) {

[18686] Fix | Delete

target.value = elementData.userValue;

[18687] Fix | Delete

}

[18688] Fix | Delete

elementData.lastCommittedValue = target.value;

[18689] Fix | Delete

elementData.commitKey = 1;

[18690] Fix | Delete

if (!this.data.actions?.Focus) {

[18691] Fix | Delete

elementData.focused = true;

[18692] Fix | Delete

}

[18693] Fix | Delete

});

[18694] Fix | Delete

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

[18695] Fix | Delete

this.showElementAndHideCanvas(jsEvent.target);

[18696] Fix | Delete

const actions = {

[18697] Fix | Delete

value(event) {

[18698] Fix | Delete

elementData.userValue = event.detail.value ?? "";

[18699] Fix | Delete

storage.setValue(id, {

[18700] Fix | Delete

value: elementData.userValue.toString()

[18701] Fix | Delete

});

[18702] Fix | Delete

event.target.value = elementData.userValue;

[18703] Fix | Delete

},

[18704] Fix | Delete

formattedValue(event) {

[18705] Fix | Delete

const {

[18706] Fix | Delete

formattedValue

[18707] Fix | Delete

} = event.detail;

[18708] Fix | Delete

elementData.formattedValue = formattedValue;

[18709] Fix | Delete

if (formattedValue !== null && formattedValue !== undefined && event.target !== document.activeElement) {

[18710] Fix | Delete

event.target.value = formattedValue;

[18711] Fix | Delete

}

[18712] Fix | Delete

storage.setValue(id, {

[18713] Fix | Delete

formattedValue

[18714] Fix | Delete

});

[18715] Fix | Delete

},

[18716] Fix | Delete

selRange(event) {

[18717] Fix | Delete

event.target.setSelectionRange(...event.detail.selRange);

[18718] Fix | Delete

},

[18719] Fix | Delete

charLimit: event => {

[18720] Fix | Delete

const {

[18721] Fix | Delete

charLimit

[18722] Fix | Delete

} = event.detail;

[18723] Fix | Delete

const {

[18724] Fix | Delete

target

[18725] Fix | Delete

} = event;

[18726] Fix | Delete

if (charLimit === 0) {

[18727] Fix | Delete

target.removeAttribute("maxLength");

[18728] Fix | Delete

return;

[18729] Fix | Delete

}

[18730] Fix | Delete

target.setAttribute("maxLength", charLimit);

[18731] Fix | Delete

let value = elementData.userValue;

[18732] Fix | Delete

if (!value || value.length <= charLimit) {

[18733] Fix | Delete

return;

[18734] Fix | Delete

}

[18735] Fix | Delete

value = value.slice(0, charLimit);

[18736] Fix | Delete

target.value = elementData.userValue = value;

[18737] Fix | Delete

storage.setValue(id, {

[18738] Fix | Delete

value

[18739] Fix | Delete

});

[18740] Fix | Delete

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

[18741] Fix | Delete

source: this,

[18742] Fix | Delete

detail: {

[18743] Fix | Delete

id,

[18744] Fix | Delete

name: "Keystroke",

[18745] Fix | Delete

value,

[18746] Fix | Delete

willCommit: true,

[18747] Fix | Delete

commitKey: 1,

[18748] Fix | Delete

selStart: target.selectionStart,

[18749] Fix | Delete

selEnd: target.selectionEnd

[18750] Fix | Delete

}

[18751] Fix | Delete

});

[18752] Fix | Delete

}

[18753] Fix | Delete

};

[18754] Fix | Delete

this._dispatchEventFromSandbox(actions, jsEvent);

[18755] Fix | Delete

});

[18756] Fix | Delete

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

[18757] Fix | Delete

elementData.commitKey = 1;

[18758] Fix | Delete

let commitKey = -1;

[18759] Fix | Delete

if (event.key === "Escape") {

[18760] Fix | Delete

commitKey = 0;

[18761] Fix | Delete

} else if (event.key === "Enter" && !this.data.multiLine) {

[18762] Fix | Delete

commitKey = 2;

[18763] Fix | Delete

} else if (event.key === "Tab") {

[18764] Fix | Delete

elementData.commitKey = 3;

[18765] Fix | Delete

}

[18766] Fix | Delete

if (commitKey === -1) {

[18767] Fix | Delete

return;

[18768] Fix | Delete

}

[18769] Fix | Delete

const {

[18770] Fix | Delete

value

[18771] Fix | Delete

} = event.target;

[18772] Fix | Delete

if (elementData.lastCommittedValue === value) {

[18773] Fix | Delete

return;

[18774] Fix | Delete

}

[18775] Fix | Delete

elementData.lastCommittedValue = value;

[18776] Fix | Delete

elementData.userValue = value;

[18777] Fix | Delete

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

[18778] Fix | Delete

source: this,

[18779] Fix | Delete

detail: {

[18780] Fix | Delete

id,

[18781] Fix | Delete

name: "Keystroke",

[18782] Fix | Delete

value,

[18783] Fix | Delete

willCommit: true,

[18784] Fix | Delete

commitKey,

[18785] Fix | Delete

selStart: event.target.selectionStart,

[18786] Fix | Delete

selEnd: event.target.selectionEnd

[18787] Fix | Delete

}

[18788] Fix | Delete

});

[18789] Fix | Delete

});

[18790] Fix | Delete

const _blurListener = blurListener;

[18791] Fix | Delete

blurListener = null;

[18792] Fix | Delete

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

[18793] Fix | Delete

if (!elementData.focused || !event.relatedTarget) {

[18794] Fix | Delete

return;

[18795] Fix | Delete

}

[18796] Fix | Delete

if (!this.data.actions?.Blur) {

[18797] Fix | Delete

elementData.focused = false;

[18798] Fix | Delete

}

[18799] Fix | Delete

const {

[18800] Fix | Delete

value

[18801] Fix | Delete

} = event.target;

[18802] Fix | Delete

elementData.userValue = value;

[18803] Fix | Delete

if (elementData.lastCommittedValue !== value) {

[18804] Fix | Delete

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

[18805] Fix | Delete

source: this,

[18806] Fix | Delete

detail: {

[18807] Fix | Delete

id,

[18808] Fix | Delete

name: "Keystroke",

[18809] Fix | Delete

value,

[18810] Fix | Delete

willCommit: true,

[18811] Fix | Delete

commitKey: elementData.commitKey,

[18812] Fix | Delete

selStart: event.target.selectionStart,

[18813] Fix | Delete

selEnd: event.target.selectionEnd

[18814] Fix | Delete

}

[18815] Fix | Delete

});

[18816] Fix | Delete

}

[18817] Fix | Delete

_blurListener(event);

[18818] Fix | Delete

});

[18819] Fix | Delete

if (this.data.actions?.Keystroke) {

[18820] Fix | Delete

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

[18821] Fix | Delete

elementData.lastCommittedValue = null;

[18822] Fix | Delete

const {

[18823] Fix | Delete

data,

[18824] Fix | Delete

target

[18825] Fix | Delete

} = event;

[18826] Fix | Delete

const {

[18827] Fix | Delete

value,

[18828] Fix | Delete

selectionStart,

[18829] Fix | Delete

selectionEnd

[18830] Fix | Delete

} = target;

[18831] Fix | Delete

let selStart = selectionStart,

[18832] Fix | Delete

selEnd = selectionEnd;

[18833] Fix | Delete

switch (event.inputType) {

[18834] Fix | Delete

case "deleteWordBackward":

[18835] Fix | Delete

{

[18836] Fix | Delete

const match = value.substring(0, selectionStart).match(/\w*[^\w]*$/);

[18837] Fix | Delete

if (match) {

[18838] Fix | Delete

selStart -= match[0].length;

[18839] Fix | Delete

}

[18840] Fix | Delete

break;

[18841] Fix | Delete

}

[18842] Fix | Delete

case "deleteWordForward":

[18843] Fix | Delete

{

[18844] Fix | Delete

const match = value.substring(selectionStart).match(/^[^\w]*\w*/);

[18845] Fix | Delete

if (match) {

[18846] Fix | Delete

selEnd += match[0].length;

[18847] Fix | Delete

}

[18848] Fix | Delete

break;

[18849] Fix | Delete

}

[18850] Fix | Delete

case "deleteContentBackward":

[18851] Fix | Delete

if (selectionStart === selectionEnd) {

[18852] Fix | Delete

selStart -= 1;

[18853] Fix | Delete

}

[18854] Fix | Delete

break;

[18855] Fix | Delete

case "deleteContentForward":

[18856] Fix | Delete

if (selectionStart === selectionEnd) {

[18857] Fix | Delete

selEnd += 1;

[18858] Fix | Delete

}

[18859] Fix | Delete

break;

[18860] Fix | Delete

}

[18861] Fix | Delete

event.preventDefault();

[18862] Fix | Delete

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

[18863] Fix | Delete

source: this,

[18864] Fix | Delete

detail: {

[18865] Fix | Delete

id,

[18866] Fix | Delete

name: "Keystroke",

[18867] Fix | Delete

value,

[18868] Fix | Delete

change: data || "",

[18869] Fix | Delete

willCommit: false,

[18870] Fix | Delete

selStart,

[18871] Fix | Delete

selEnd

[18872] Fix | Delete

}

[18873] Fix | Delete

});

[18874] Fix | Delete

});

[18875] Fix | Delete

}

[18876] Fix | Delete

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

[18877] Fix | Delete

}

[18878] Fix | Delete

if (blurListener) {

[18879] Fix | Delete

element.addEventListener("blur", blurListener);

[18880] Fix | Delete

}

[18881] Fix | Delete

if (this.data.comb) {

[18882] Fix | Delete

const fieldWidth = this.data.rect[2] - this.data.rect[0];

[18883] Fix | Delete

const combWidth = fieldWidth / maxLen;

[18884] Fix | Delete

element.classList.add("comb");

[18885] Fix | Delete

element.style.letterSpacing = `calc(${combWidth}px * var(--scale-factor) - 1ch)`;

[18886] Fix | Delete

}

[18887] Fix | Delete

} else {

[18888] Fix | Delete

element = document.createElement("div");

[18889] Fix | Delete

element.textContent = this.data.fieldValue;

[18890] Fix | Delete

element.style.verticalAlign = "middle";

[18891] Fix | Delete

element.style.display = "table-cell";

[18892] Fix | Delete

if (this.data.hasOwnCanvas) {

[18893] Fix | Delete

element.hidden = true;

[18894] Fix | Delete

}

[18895] Fix | Delete

}

[18896] Fix | Delete

this._setTextStyle(element);

[18897] Fix | Delete

this._setBackgroundColor(element);

[18898] Fix | Delete

this._setDefaultPropertiesFromJS(element);

[18899] Fix | Delete

this.container.append(element);

[18900] Fix | Delete

return this.container;

[18901] Fix | Delete

}

[18902] Fix | Delete

}

[18903] Fix | Delete

class SignatureWidgetAnnotationElement extends WidgetAnnotationElement {

[18904] Fix | Delete

constructor(parameters) {

[18905] Fix | Delete

super(parameters, {

[18906] Fix | Delete

isRenderable: !!parameters.data.hasOwnCanvas

[18907] Fix | Delete

});

[18908] Fix | Delete

}

[18909] Fix | Delete

}

[18910] Fix | Delete

class CheckboxWidgetAnnotationElement extends WidgetAnnotationElement {

[18911] Fix | Delete

constructor(parameters) {

[18912] Fix | Delete

super(parameters, {

[18913] Fix | Delete

isRenderable: parameters.renderForms

[18914] Fix | Delete

});

[18915] Fix | Delete

}

[18916] Fix | Delete

render() {

[18917] Fix | Delete

const storage = this.annotationStorage;

[18918] Fix | Delete

const data = this.data;

[18919] Fix | Delete

const id = data.id;

[18920] Fix | Delete

let value = storage.getValue(id, {

[18921] Fix | Delete

value: data.exportValue === data.fieldValue

[18922] Fix | Delete

}).value;

[18923] Fix | Delete

if (typeof value === "string") {

[18924] Fix | Delete

value = value !== "Off";

[18925] Fix | Delete

storage.setValue(id, {

[18926] Fix | Delete

value

[18927] Fix | Delete

});

[18928] Fix | Delete

}

[18929] Fix | Delete

this.container.classList.add("buttonWidgetAnnotation", "checkBox");

[18930] Fix | Delete

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

[18931] Fix | Delete

GetElementsByNameSet.add(element);

[18932] Fix | Delete

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

[18933] Fix | Delete

element.disabled = data.readOnly;

[18934] Fix | Delete

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

[18935] Fix | Delete

element.type = "checkbox";

[18936] Fix | Delete

element.name = data.fieldName;

[18937] Fix | Delete

if (value) {

[18938] Fix | Delete

element.setAttribute("checked", true);

[18939] Fix | Delete

}

[18940] Fix | Delete

element.setAttribute("exportValue", data.exportValue);

[18941] Fix | Delete

element.tabIndex = DEFAULT_TAB_INDEX;

[18942] Fix | Delete

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

[18943] Fix | Delete

const {

[18944] Fix | Delete

name,

[18945] Fix | Delete

checked

[18946] Fix | Delete

} = event.target;

[18947] Fix | Delete

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

[18948] Fix | Delete

const curChecked = checked && checkbox.exportValue === data.exportValue;

[18949] Fix | Delete

if (checkbox.domElement) {

[18950] Fix | Delete

checkbox.domElement.checked = curChecked;

[18951] Fix | Delete

}

[18952] Fix | Delete

storage.setValue(checkbox.id, {

[18953] Fix | Delete

value: curChecked

[18954] Fix | Delete

});

[18955] Fix | Delete

}

[18956] Fix | Delete

storage.setValue(id, {

[18957] Fix | Delete

value: checked

[18958] Fix | Delete

});

[18959] Fix | Delete

});

[18960] Fix | Delete

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

[18961] Fix | Delete

const defaultValue = data.defaultFieldValue || "Off";

[18962] Fix | Delete

event.target.checked = defaultValue === data.exportValue;

[18963] Fix | Delete

});

[18964] Fix | Delete

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

[18965] Fix | Delete

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

[18966] Fix | Delete

const actions = {

[18967] Fix | Delete

value(event) {

[18968] Fix | Delete

event.target.checked = event.detail.value !== "Off";

[18969] Fix | Delete

storage.setValue(id, {

[18970] Fix | Delete

value: event.target.checked

[18971] Fix | Delete

});

[18972] Fix | Delete

}

[18973] Fix | Delete

};

[18974] Fix | Delete

this._dispatchEventFromSandbox(actions, jsEvent);

[18975] Fix | Delete

});

[18976] 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);

[18977] Fix | Delete

}

[18978] Fix | Delete

this._setBackgroundColor(element);

[18979] Fix | Delete

this._setDefaultPropertiesFromJS(element);

[18980] Fix | Delete

this.container.append(element);

[18981] Fix | Delete

return this.container;

[18982] Fix | Delete

}

[18983] Fix | Delete

}

[18984] Fix | Delete

class RadioButtonWidgetAnnotationElement extends WidgetAnnotationElement {

[18985] Fix | Delete

constructor(parameters) {

[18986] Fix | Delete

super(parameters, {

[18987] Fix | Delete

isRenderable: parameters.renderForms

[18988] Fix | Delete

});

[18989] Fix | Delete

}

[18990] Fix | Delete

render() {

[18991] Fix | Delete

this.container.classList.add("buttonWidgetAnnotation", "radioButton");

[18992] Fix | Delete

const storage = this.annotationStorage;

[18993] Fix | Delete

const data = this.data;

[18994] Fix | Delete

const id = data.id;

[18995] Fix | Delete

let value = storage.getValue(id, {

[18996] Fix | Delete

value: data.fieldValue === data.buttonValue

[18997] Fix | Delete

}).value;

[18998] Fix | Delete

if (typeof value === "string") {

[18999] Fix | Delete