itsscb/htmx
1
0
Fork 0
mirror of https://github.com/bigskysoftware/htmx.git synced 2026-03-01 19:39:32 +00:00
Code Issues Packages Projects Releases Wiki Activity

slim down oob handling code

Browse Source
This commit is contained in:
MichaelWest22 2025-10-29 11:54:05 +13:00
parent 186c3d948d
commit 9920bf3ca4
1 changed files with 10 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
src/htmx.js
View File

@ -1034,9 +1034,9 @@ var htmx = (() => {
};
}
__parseOOBSwap(oobValue, defaultTarget) {
__createOOBTask(tasks, elt, oobValue, sourceElement) {
// Handle legacy format: swapStyle:target (only if no spaces, which indicate modifiers)
let target = defaultTarget;
let target = elt.id ? '#' + CSS.escape(elt.id) : null;
if (oobValue !== 'true' && oobValue && !oobValue.includes(' ')) {
const colonIdx = oobValue.indexOf(':');
if (colonIdx !== -1) {
@ -1045,11 +1045,7 @@ var htmx = (() => {
}
}
if (oobValue === 'true' || !oobValue) oobValue = 'outerHTML';
return {oobValue, target};
}
__createOOBTask(elt, oobValue, target, sourceElement) {
if (oobValue === 'true') oobValue = 'outerHTML';
const swapSpec = this.__parseSwapSpec(oobValue);
if (swapSpec.target) target = swapSpec.target;
@ -1064,15 +1060,17 @@ var htmx = (() => {
frag = document.createDocumentFragment();
frag.appendChild(oobElementClone);
}
elt.remove();
if (!target && !oobValue.includes('target:')) return;
return {
tasks.push({
type: 'oob',
fragment: frag,
target,
swapSpec,
async: swapSpec.async === true,
sourceElement
};
});
}
__processOOB(fragment, sourceElement, selectOOB) {
@ -1082,31 +1080,21 @@ var htmx = (() => {
if (selectOOB) {
selectOOB.split(',').forEach(spec => {
const [selector, ...rest] = spec.split(':');
const rawOobValue = rest.length ? rest.join(':') : 'true';
const oobValue = rest.length ? rest.join(':') : 'true';
fragment.querySelectorAll(selector).forEach(elt => {
const defaultTarget = elt.id ? '#' + CSS.escape(elt.id) : null;
const {oobValue, target} = this.__parseOOBSwap(rawOobValue, defaultTarget);
if (target || oobValue.includes('target:')) {
tasks.push(this.__createOOBTask(elt, oobValue, target, sourceElement));
elt.remove();
}
this.__createOOBTask(tasks, elt, oobValue, sourceElement);
});
});
}
// Process elements with hx-swap-oob attribute
fragment.querySelectorAll('[hx-swap-oob], [data-hx-swap-oob]').forEach(oobElt => {
const rawOobValue = oobElt.getAttribute('hx-swap-oob') || oobElt.getAttribute('data-hx-swap-oob');
const oobValue = oobElt.getAttribute('hx-swap-oob') || oobElt.getAttribute('data-hx-swap-oob');
oobElt.removeAttribute('hx-swap-oob');
oobElt.removeAttribute('data-hx-swap-oob');
const defaultTarget = '#' + CSS.escape(oobElt.id);
const {oobValue, target} = this.__parseOOBSwap(rawOobValue, defaultTarget);
tasks.push(this.__createOOBTask(oobElt, oobValue, target, sourceElement));
oobElt.remove();
this.__createOOBTask(tasks, oobElt, oobValue, sourceElement);
});
return tasks;