{ "version": 3, "sources": ["../../node_modules/htmx.org/dist/htmx.esm.js", "../../node_modules/motion-utils/src/array.ts", "../../node_modules/motion-utils/src/clamp.ts", "../../node_modules/motion-utils/src/global-config.ts", "../../node_modules/motion-utils/src/is-numerical-string.ts", "../../node_modules/motion-utils/src/is-object.ts", "../../node_modules/motion-utils/src/is-zero-value-string.ts", "../../node_modules/motion-utils/src/memo.ts", "../../node_modules/motion-utils/src/noop.ts", "../../node_modules/motion-utils/src/pipe.ts", "../../node_modules/motion-utils/src/progress.ts", "../../node_modules/motion-utils/src/subscription-manager.ts", "../../node_modules/motion-utils/src/time-conversion.ts", "../../node_modules/motion-utils/src/velocity-per-second.ts", "../../node_modules/motion-utils/src/wrap.ts", "../../node_modules/motion-utils/src/easing/cubic-bezier.ts", "../../node_modules/motion-utils/src/easing/modifiers/mirror.ts", "../../node_modules/motion-utils/src/easing/modifiers/reverse.ts", "../../node_modules/motion-utils/src/easing/back.ts", "../../node_modules/motion-utils/src/easing/anticipate.ts", "../../node_modules/motion-utils/src/easing/circ.ts", "../../node_modules/motion-utils/src/easing/ease.ts", "../../node_modules/motion-utils/src/easing/utils/is-easing-array.ts", "../../node_modules/motion-utils/src/easing/utils/get-easing-for-segment.ts", "../../node_modules/motion-utils/src/easing/utils/is-bezier-definition.ts", "../../node_modules/motion-utils/src/easing/utils/map.ts", "../../node_modules/motion-dom/src/frameloop/frame-data.ts", "../../node_modules/motion-dom/src/frameloop/sync-time.ts", "../../node_modules/motion-dom/src/value/types/utils/sanitize.ts", "../../node_modules/motion-dom/src/animation/utils/is-css-variable.ts", "../../node_modules/motion-dom/src/value/types/numbers/index.ts", "../../node_modules/motion-dom/src/value/types/utils/float-regex.ts", "../../node_modules/motion-dom/src/value/types/utils/is-nullish.ts", "../../node_modules/motion-dom/src/value/types/utils/single-color-regex.ts", "../../node_modules/motion-dom/src/value/types/color/utils.ts", "../../node_modules/motion-dom/src/value/types/color/rgba.ts", "../../node_modules/motion-dom/src/value/types/color/hex.ts", "../../node_modules/motion-dom/src/value/types/numbers/units.ts", "../../node_modules/motion-dom/src/value/types/color/hsla.ts", "../../node_modules/motion-dom/src/value/types/color/index.ts", "../../node_modules/motion-dom/src/value/types/utils/color-regex.ts", "../../node_modules/motion-dom/src/value/types/complex/index.ts", "../../node_modules/motion-dom/src/value/types/color/hsla-to-rgba.ts", "../../node_modules/motion-dom/src/utils/mix/immediate.ts", "../../node_modules/motion-dom/src/utils/mix/number.ts", "../../node_modules/motion-dom/src/utils/mix/color.ts", "../../node_modules/motion-dom/src/utils/mix/visibility.ts", "../../node_modules/motion-dom/src/utils/mix/complex.ts", "../../node_modules/motion-dom/src/utils/mix/index.ts", "../../node_modules/motion-dom/src/frameloop/order.ts", "../../node_modules/motion-dom/src/frameloop/render-step.ts", "../../node_modules/motion-dom/src/frameloop/batcher.ts", "../../node_modules/motion-dom/src/frameloop/frame.ts", "../../node_modules/motion-dom/src/animation/drivers/frame.ts", "../../node_modules/motion-dom/src/animation/waapi/utils/linear.ts", "../../node_modules/motion-dom/src/animation/generators/utils/calc-duration.ts", "../../node_modules/motion-dom/src/animation/generators/utils/create-generator-easing.ts", "../../node_modules/motion-dom/src/animation/generators/spring.ts", "../../node_modules/motion-dom/src/animation/generators/inertia.ts", "../../node_modules/motion-dom/src/utils/interpolate.ts", "../../node_modules/motion-dom/src/animation/keyframes/offsets/fill.ts", "../../node_modules/motion-dom/src/animation/keyframes/offsets/default.ts", "../../node_modules/motion-dom/src/animation/keyframes/offsets/time.ts", "../../node_modules/motion-dom/src/animation/generators/keyframes.ts", "../../node_modules/motion-dom/src/animation/generators/utils/velocity.ts", "../../node_modules/motion-dom/src/animation/keyframes/get-final.ts", "../../node_modules/motion-dom/src/animation/utils/replace-transition-type.ts", "../../node_modules/motion-dom/src/animation/utils/resolve-start-time.ts", "../../node_modules/motion-dom/src/animation/utils/notify-inspector.ts", "../../node_modules/motion-dom/src/animation/utils/WithPromise.ts", "../../node_modules/motion-dom/src/animation/JSAnimation.ts", "../../node_modules/motion-dom/src/value/types/complex/filter.ts", "../../node_modules/motion-dom/src/value/types/complex/mask.ts", "../../node_modules/motion-dom/src/value/types/int.ts", "../../node_modules/motion-dom/src/value/types/maps/transform.ts", "../../node_modules/motion-dom/src/value/types/maps/number.ts", "../../node_modules/motion-dom/src/value/types/maps/defaults.ts", "../../node_modules/motion-dom/src/value/types/utils/animatable-none.ts", "../../node_modules/motion-dom/src/animation/keyframes/utils/fill-wildcards.ts", "../../node_modules/motion-dom/src/render/dom/parse-transform.ts", "../../node_modules/motion-dom/src/render/utils/keys-transform.ts", "../../node_modules/motion-dom/src/animation/keyframes/utils/unit-conversion.ts", "../../node_modules/motion-dom/src/animation/keyframes/KeyframesResolver.ts", "../../node_modules/motion-dom/src/render/dom/is-css-var.ts", "../../node_modules/motion-dom/src/render/dom/style-set.ts", "../../node_modules/motion-dom/src/utils/supports/flags.ts", "../../node_modules/motion-dom/src/utils/supports/memo.ts", "../../node_modules/motion-dom/src/utils/supports/scroll-timeline.ts", "../../node_modules/motion-dom/src/utils/supports/linear-easing.ts", "../../node_modules/motion-dom/src/animation/waapi/easing/cubic-bezier.ts", "../../node_modules/motion-dom/src/animation/waapi/easing/supported.ts", "../../node_modules/motion-dom/src/animation/waapi/easing/map-easing.ts", "../../node_modules/motion-dom/src/animation/waapi/start-waapi-animation.ts", "../../node_modules/motion-dom/src/animation/generators/utils/is-generator.ts", "../../node_modules/motion-dom/src/animation/waapi/utils/apply-generator.ts", "../../node_modules/motion-dom/src/animation/NativeAnimation.ts", "../../node_modules/motion-dom/src/animation/waapi/utils/unsupported-easing.ts", "../../node_modules/motion-dom/src/animation/NativeAnimationExtended.ts", "../../node_modules/motion-dom/src/animation/utils/is-animatable.ts", "../../node_modules/motion-dom/src/animation/utils/can-animate.ts", "../../node_modules/motion-dom/src/animation/utils/make-animation-instant.ts", "../../node_modules/motion-dom/src/animation/waapi/utils/accelerated-values.ts", "../../node_modules/motion-dom/src/animation/waapi/utils/is-browser-color.ts", "../../node_modules/motion-dom/src/animation/waapi/utils/needs-mixer.ts", "../../node_modules/motion-dom/src/animation/waapi/supports/waapi.ts", "../../node_modules/motion-dom/src/value/types/utils/get-as-type.ts", "../../node_modules/motion-dom/src/render/html/utils/build-transform.ts", "../../node_modules/motion-dom/src/animation/waapi/transforms/groups.ts", "../../node_modules/motion-dom/src/animation/waapi/transforms/TransformAnimation.ts", "../../node_modules/motion-dom/src/animation/AsyncMotionValueAnimation.ts", "../../node_modules/motion-dom/src/animation/GroupAnimation.ts", "../../node_modules/motion-dom/src/animation/GroupAnimationWithThen.ts", "../../node_modules/motion-dom/src/value/index.ts", "../../node_modules/motion-dom/src/animation/utils/resolve-transition.ts", "../../node_modules/motion-dom/src/animation/utils/get-value-transition.ts", "../../node_modules/motion-dom/src/animation/utils/default-transitions.ts", "../../node_modules/motion-dom/src/animation/utils/is-transition-defined.ts", "../../node_modules/motion-dom/src/animation/interfaces/motion-value.ts", "../../node_modules/motion-dom/src/animation/utils/css-variables-conversion.ts", "../../node_modules/motion-dom/src/render/utils/keys-position.ts", "../../node_modules/motion-dom/src/value/utils/is-motion-value.ts", "../../node_modules/motion-dom/src/value/types/auto.ts", "../../node_modules/motion-dom/src/value/types/test.ts", "../../node_modules/motion-dom/src/value/types/dimensions.ts", "../../node_modules/motion-dom/src/animation/keyframes/utils/is-none.ts", "../../node_modules/motion-dom/src/animation/keyframes/utils/make-none-animatable.ts", "../../node_modules/motion-dom/src/animation/keyframes/DOMKeyframesResolver.ts", "../../node_modules/motion-dom/src/animation/animate/effects.ts", "../../node_modules/motion-dom/src/utils/is-html-element.ts", "../../node_modules/motion-dom/src/utils/is-svg-element.ts", "../../node_modules/motion-dom/src/scope/active.ts", "../../node_modules/motion-dom/src/utils/resolve-elements.ts", "../../node_modules/motion-dom/src/effects/MotionValueState.ts", "../../node_modules/motion-dom/src/effects/utils/create-effect.ts", "../../node_modules/motion-dom/src/effects/style/transform.ts", "../../node_modules/motion-dom/src/effects/style/index.ts", "../../node_modules/motion-dom/src/render/dom/utils/camel-to-dash.ts", "../../node_modules/motion-dom/src/render/svg/utils/build-attrs.ts", "../../node_modules/motion-dom/src/effects/attr/index.ts", "../../node_modules/motion-dom/src/effects/svg/index.ts", "../../node_modules/motion-dom/src/projection/geometry/conversion.ts", "../../node_modules/motion-dom/src/projection/utils/measure.ts", "../../node_modules/motion-dom/src/animation/animate/element.ts", "../../node_modules/motion-dom/src/effects/prop/index.ts", "../../node_modules/motion-dom/src/animation/animate/single-value.ts", "../../node_modules/motion-dom/src/render/store.ts", "../../node_modules/framer-motion/src/animation/utils/is-dom-keyframes.ts", "../../node_modules/framer-motion/src/animation/animate/resolve-subjects.ts", "../../node_modules/framer-motion/src/animation/sequence/utils/calc-repeat-duration.ts", "../../node_modules/framer-motion/src/animation/sequence/utils/calc-time.ts", "../../node_modules/framer-motion/src/animation/sequence/utils/edit.ts", "../../node_modules/framer-motion/src/animation/sequence/utils/normalize-times.ts", "../../node_modules/framer-motion/src/animation/sequence/utils/sort.ts", "../../node_modules/framer-motion/src/animation/sequence/create.ts", "../../node_modules/framer-motion/src/animation/animate/subject.ts", "../../node_modules/framer-motion/src/animation/animate/sequence.ts", "../../node_modules/framer-motion/src/animation/timeline/index.ts", "../../node_modules/framer-motion/src/animation/animate/index.ts", "../../frontend/src/offline-queue.js", "../../frontend/src/photo.js", "../../frontend/src/feedback.js", "../../frontend/src/phone.js", "../../frontend/src/app.js"], "sourcesContent": ["var htmx = (() => {\n\n /**\n * HCON, htmx's mini config language. Mirrors the JSON API.\n *\n * Used by hx-trigger, hx-swap, hx-vals, and other htmx config attributes.\n *\n * @see https://four.htmx.org/docs#hcon\n */\n const HCON = {\n /**\n * Parses an HCON string into an object.\n *\n * @example\n * HCON.parse('foo:1 bar:true'); // {foo: 1, bar: true}\n * HCON.parse('sse.mode:once'); // {sse: {mode: 'once'}}\n * HCON.parse('{\"foo\": 1}'); // {foo: 1}\n */\n parse(string) {\n if (!string) return {};\n if (string.startsWith('{')) return JSON.parse(string);\n let pattern = /(?:\"([^\"]+)\"|'([^']+)'|([^\\s,:]+))(?:\\s*:\\s*(?:\"([^\"]*)\"|'([^']*)'|<((?:[^/]|\\/(?!>))+)\\/>|([^\\s,]+)))?(?=\\s|,|$)/g;\n let result = {};\n for (let match of string.matchAll(pattern)) {\n let [,\n doubleQuotedKey, // \"key\"\n singleQuotedKey, // 'key'\n bareKey, // key\n doubleQuotedValue, // \"value\"\n singleQuotedValue, // 'value'\n hyperscriptValue, // \n bareValue, // value\n ] = match;\n\n // pick this match's key and value forms\n let key = doubleQuotedKey ?? singleQuotedKey ?? bareKey;\n let value = (doubleQuotedValue ?? singleQuotedValue ?? hyperscriptValue ?? bareValue ?? 'true').trim();\n\n // JSON-parse if possible (e.g. \"5\" -> 5; \"abc\" stays string)\n try { value = JSON.parse(value); } catch {}\n\n // bare a.b -> {a:{b:...}}; quoted \"a.b\" -> {\"a.b\":...}\n let isDottedPath = bareKey?.includes('.');\n let pair = isDottedPath\n ? key.split('.').reduceRight((acc, segment) => ({[segment]: acc}), value)\n : {[key]: value};\n HCON.merge(pair, result);\n }\n return result;\n },\n\n /**\n * Splits an HCON-aware string at top-level commas.\n * Commas inside [], (), <.../>, \"...\", '...' are preserved.\n *\n * @example\n * HCON.split('a:1, b:2'); // ['a:1', ' b:2']\n * HCON.split('from:\".a, .b\", click'); // ['from:\".a, .b\"', ' click']\n */\n split(string) {\n return string.split(/,(?![^\\[]*\\])(?![^(]*\\))(?![^<]*\\/>)(?=(?:[^\"']|\"[^\"]*\"|'[^']*')*$)/);\n },\n\n /**\n * Deep-merges a source (HCON string or object) into a target.\n *\n * @example\n * HCON.merge({a: {b: 1}}, {a: {c: 2}}); // {a: {b: 1, c: 2}}\n * HCON.merge('a.b:1', {a: {c: 2}}); // {a: {b: 1, c: 2}}\n */\n merge(source, target) {\n if (typeof source === 'string') source = HCON.parse(source);\n\n for (let [key, val] of Object.entries(source)) {\n if (['__proto__', 'constructor', 'prototype'].includes(key)) continue;\n\n let sourceIsObject = val?.constructor === Object;\n let targetIsObject = target[key]?.constructor === Object;\n\n if (sourceIsObject && targetIsObject) {\n HCON.merge(val, target[key]);\n } else {\n target[key] = val;\n }\n }\n return target;\n },\n };\n\n class RequestQueue {\n #current = null\n #queue = []\n\n /** Returns \"run\", \"queued\", or \"dropped\" */\n admit(strategy, runRequest, abortRequest) {\n if (!this.#current) {\n this.#current = {strategy, abort: abortRequest}\n return \"run\"\n }\n if (strategy === \"replace\" || (strategy !== \"abort\" && this.#current.strategy === \"abort\")) {\n this.#queue = []\n this.#current.abort?.()\n this.#current = {strategy, abort: abortRequest}\n return \"run\"\n }\n if (strategy === \"queue all\") {\n this.#queue.push(runRequest)\n } else if (strategy === \"queue last\") {\n this.#queue = [runRequest]\n } else if (strategy !== \"abort\" && strategy !== \"drop\" && this.#queue.length === 0) {\n // default queue first\n this.#queue.push(runRequest)\n } else {\n return \"dropped\"\n }\n return \"queued\"\n }\n\n continue(abortRequest) {\n if (this.#current?.abort !== abortRequest) return\n this.#current = null // free current slot\n this.#queue.shift()?.() // run next request\n }\n\n abort() {\n this.#current?.abort?.()\n }\n }\n\n class Htmx {\n\n #HCON = HCON\n #extMethods = new Map();\n #approvedExt = '';\n #registeredExt = new Set();\n _loc = window.location; // mockable for testing\n #internalAPI;\n #Function = Function;\n #AsyncFunction = Object.getPrototypeOf(async function(){}).constructor;\n #ttPolicy = { createHTML: s => s, createScript: s => s };\n #actionSelector\n #boostSelector = \"a,form\";\n #verbs = [\"get\", \"post\", \"put\", \"patch\", \"delete\", \"query\"];\n #hxOnQuery\n #transitionQueue\n #historyAbort\n #historyInitialized\n #processingTransition\n\n constructor() {\n this.#initHtmxConfig();\n this.#initRequestIndicatorCss();\n this.#actionSelector = this.#prefixSelector('[hx-action],[hx-get],[hx-post],[hx-put],[hx-patch],[hx-delete],[hx-query]');\n this.#hxOnQuery = new XPathEvaluator().createExpression(`.//*[@*[${this.#prefixes(\"hx-on\").map(p => `starts-with(name(), \"${p}\")`).join(' or ')}]]`);\n this.#internalAPI = {\n HCON,\n attributeValue: this.#attributeValue.bind(this),\n parseTriggerSpecs: this.#parseTriggerSpecs.bind(this),\n determineMethodAndAction: this.#determineMethodAndAction.bind(this),\n createRequestContext: this.#createRequestContext.bind(this),\n collectFormData: this.#collectFormData.bind(this),\n getAttributeObject: this.#getAttributeObject.bind(this),\n insertContent: this.#insertContent.bind(this),\n morph: this.#morph.bind(this),\n isSoftMatch: this.#isSoftMatch.bind(this),\n initSecurity: (ttPolicy, syncFn, asyncFn) => {\n if (ttPolicy) this.#ttPolicy = ttPolicy;\n if (syncFn) this.#Function = syncFn;\n if (asyncFn) this.#AsyncFunction = asyncFn;\n },\n onTrigger: this.#onTrigger.bind(this),\n htmxProp: this.#htmxProp.bind(this),\n triggerHtmxEvent: this.#trigger.bind(this),\n executeJavaScript: this.#executeJavaScript.bind(this)\n };\n let init = () => this.initialize();\n if (document.readyState === 'loading') {\n document.addEventListener(\"DOMContentLoaded\", init)\n } else {\n setTimeout(init)\n }\n }\n\n #initHtmxConfig() {\n this.version = '4.0.1'\n this.config = {\n logAll: false,\n prefix: \"data-hx-\",\n transitions: false,\n history: true,\n mode: 'same-origin',\n defaultSwap: \"innerHTML\",\n defaultFocusScroll: false,\n indicatorClass: \"htmx-indicator\",\n requestClass: \"htmx-request\",\n includeIndicatorCSS: true,\n defaultTimeout: 60000, /* 60 second default timeout */\n extensions: '',\n morphIgnore: [\"data-htmx-powered\"],\n morphSkip: '[hx-morph-skip]',\n morphSkipChildren: '[hx-morph-skip-children]',\n morphScanLimit: 10,\n noSwap: [204, 304],\n implicitInheritance: false,\n defaultSettleDelay: 1,\n allowEmptySwapAfterOOB: false\n }\n let metaConfig = document.querySelector('meta[name=\"htmx-config\"]');\n if (metaConfig) {\n HCON.merge(metaConfig.content, this.config);\n }\n this.#approvedExt = this.config.extensions;\n }\n\n #initRequestIndicatorCss() {\n if (this.config.includeIndicatorCSS !== false) {\n let indicator = this.config.indicatorClass;\n let request = this.config.requestClass;\n try {\n this.indicatorStyleSheet = new CSSStyleSheet();\n this.indicatorStyleSheet.replaceSync(\n `.${indicator}{opacity:0;visibility: hidden} ` +\n `.${request} .${indicator}, .${request}.${indicator}{opacity:1;visibility: visible;transition: opacity 200ms ease-in}`\n );\n document.adoptedStyleSheets.push(this.indicatorStyleSheet);\n } catch {}\n }\n }\n\n registerExtension(name, extension) {\n if (this.#approvedExt && !this.#approvedExt.split(/,\\s*/).includes(name)) return false;\n if (this.#registeredExt.has(name)) return false;\n this.#registeredExt.add(name);\n if (extension.init) extension.init(this.#internalAPI);\n Object.entries(extension).forEach(([key, value]) => {\n if(!this.#extMethods.get(key)?.push(value)) this.#extMethods.set(key, [value]);\n });\n }\n\n #ignore(elt) {\n let p = this.config.prefix;\n return !elt.closest || elt.closest('[hx-ignore]') != null || (p && elt.closest(`[${p}ignore]`) != null);\n }\n\n #attr(elt, name) {\n let p = this.config.prefix;\n return elt.getAttribute(name) ?? (p ? elt.getAttribute(name.replace('hx-', p)) : null);\n }\n\n #attrName(elt, name) {\n let p = this.config.prefix && name.replace('hx-', this.config.prefix);\n return elt.hasAttribute(name) ? name : (p && elt.hasAttribute(p) ? p : null);\n }\n\n #prefixSelector(s) {\n return this.#prefixes(s).join(',');\n }\n\n #prefixes(s) {\n let result = [s];\n if (this.config.prefix) result.push(s.replaceAll('hx-', this.config.prefix));\n return result;\n }\n\n #queryEltAndDescendants(elt, selector) {\n let results = [...(elt.querySelectorAll?.(selector) ?? [])];\n if (elt.matches?.(selector)) {\n results.unshift(elt);\n }\n return results;\n }\n\n #normalizeSwapStyle(style) {\n return style === 'before' ? 'beforebegin' :\n style === 'after' ? 'afterend' :\n style === 'prepend' ? 'afterbegin' :\n style === 'append' ? 'beforeend' : style;\n }\n\n #findThisElements(elt, attrName) {\n let result = [];\n this.#attributeValue(elt, attrName, undefined, (val, elt) => {\n if (val?.split(/\\s*[,:]\\s*/).includes('this')) result.push(elt);\n });\n return result;\n }\n\n #attributeValue(elt, name, defaultVal, eltCollector, allowInheritance = this.config.implicitInheritance) {\n name = this.#maybeAdjustMetaCharacter(name);\n let inherited = this.#maybeAdjustMetaCharacter(\":inherited\");\n let append = this.#maybeAdjustMetaCharacter(\":append\");\n\n let val = this.#attr(elt, name) ?? this.#attr(elt, name + inherited);\n if (val != null) return eltCollector ? eltCollector(val, elt) : val;\n\n let n1 = CSS.escape(allowInheritance ? name : name + inherited);\n let n2 = CSS.escape(name + inherited + append);\n let inheritSelector = this.#prefixSelector(`[${n1}],[${n2}]`);\n let appendName = this.#attrName(elt, name + append) ?? this.#attrName(elt, name + inherited + append);\n if (appendName) {\n let appendValue = elt.getAttribute(appendName);\n let parent = elt.parentNode?.closest?.(inheritSelector);\n if (eltCollector) eltCollector(appendValue, elt);\n if (parent) {\n let parentVal = this.#attributeValue(parent, name, undefined, eltCollector, allowInheritance);\n return parentVal ? (parentVal + \",\" + appendValue).replace(/[{}]/g, '') : appendValue;\n }\n return appendValue;\n }\n\n let parent = elt.parentNode?.closest?.(inheritSelector);\n if (parent) {\n val = this.#attributeValue(parent, name, undefined, eltCollector);\n if (!eltCollector && val && allowInheritance) {\n this.#triggerExtensions(elt, \"htmx:after:implicitInheritance\", {elt, name, parent})\n }\n return val;\n }\n return defaultVal;\n }\n\n #parseTriggerSpecs(spec) {\n return HCON.split(spec).flatMap(s => {\n // support `every 1s [cond]` by moving it next to `every`\n s = s.replace(/^\\s*every\\s+(\\S+?)\\s*(\\[[^\\]]*\\])/, 'every$2 $1');\n let [,name,rest] = s.match(/^\\s*(\\S+\\[[^\\]]*\\]|\\S+)\\s*(.*?)\\s*$/) ?? [];\n if (!name) return []; // skip empty/whitespace-only tokens\n if (/\\[[^\\]]*$/.test(name)) throw \"unterminated:\" + name; // e.g. click[ctrlKey\n return [{name, ...HCON.parse(rest)}]; // spread modifiers (delay, throttle, etc.) onto result\n });\n }\n\n #determineMethodAndAction(elt, evt) {\n let method = this.#attributeValue(elt, \"hx-method\");\n let action = this.#attributeValue(elt, \"hx-action\", undefined, undefined, false);\n if (!action) {\n for (let verb of this.#verbs) {\n let verbAction = this.#attributeValue(elt, \"hx-\" + verb, undefined, undefined, false);\n if (verbAction != null) {\n action = verbAction;\n method = verb;\n break;\n }\n }\n }\n if (this.#isBoosted(elt)) {\n action ||= evt.submitter?.getAttribute?.(\"formAction\") || elt.getAttribute(elt.matches(\"a\") ? \"href\" : \"action\");\n }\n method ||= evt.submitter?.getAttribute?.(\"formmethod\") || elt.getAttribute(\"method\") || \"GET\";\n return {action, method: method.toUpperCase()};\n }\n\n #htmxProp(elt) {\n if (!elt._htmx) {\n elt._htmx = { listeners: [], triggerSpecs: [] };\n elt.setAttribute('data-htmx-powered', 'true');\n }\n return elt._htmx;\n }\n\n #htmxState(elt) {\n return elt._htmx_state ||= {};\n }\n\n #initializeElement(elt) {\n if (this.#shouldInitialize(elt) && this.#trigger(elt, \"htmx:before:init\", {}, true)) {\n let htmxProp = this.#htmxProp(elt);\n htmxProp.initialized = true;\n htmxProp.eventHandler = this.#createHtmxEventHandler(elt);\n this.#initializeTriggers(elt);\n this.#trigger(elt, \"htmx:after:init\", {}, true)\n }\n }\n\n #createHtmxEventHandler(elt) {\n return async (evt) => {\n try {\n let ctx = this.#createRequestContext(elt, evt);\n await this.#handleTriggerEvent(ctx);\n } catch (e) {\n this.#trigger(elt, 'htmx:error', { error: e });\n }\n };\n }\n\n #createRequestContext(sourceElement, sourceEvent) {\n let {action, method} = this.#determineMethodAndAction(sourceElement, sourceEvent);\n let [fullAction, anchor] = (action || '').split('#');\n let ac = new AbortController();\n let ctx = {\n sourceElement,\n sourceEvent,\n status: \"created\",\n select: this.#attributeValue(sourceElement, \"hx-select\"),\n selectOOB: this.#attributeValue(sourceElement, \"hx-select-oob\"),\n target: this.#attributeValue(sourceElement, \"hx-target\"),\n swap: this.#attributeValue(sourceElement, \"hx-swap\") ?? this.config.defaultSwap,\n push: this.#attributeValue(sourceElement, \"hx-push-url\"),\n replace: this.#attributeValue(sourceElement, \"hx-replace-url\"),\n transition: this.config.transitions,\n confirm: this.#attributeValue(sourceElement, \"hx-confirm\"),\n request: {\n validate: \"true\" === this.#attributeValue(sourceElement, \"hx-validate\", sourceElement.matches('form') && !sourceElement.noValidate && !sourceEvent.submitter?.formNoValidate ? \"true\" : \"false\", undefined, false),\n action: fullAction,\n anchor,\n method,\n headers: this.#createCoreHeaders(sourceElement),\n abort: ac.abort.bind(ac),\n credentials: \"same-origin\",\n signal: ac.signal,\n mode: this.config.mode\n }\n };\n // Apply boost config overrides\n if (sourceElement._htmx?.boosted) {\n HCON.merge(sourceElement._htmx.boosted, ctx);\n }\n ctx.target = this.#resolveTarget(sourceElement, ctx.target);\n if (ctx.target) {\n ctx.request.headers[\"HX-Target\"] = this.#buildIdentifier(ctx.target);\n }\n\n // Apply hx-config overrides\n let hxConfig = this.#attributeValue(sourceElement, \"hx-config\");\n if (hxConfig) {\n HCON.merge(hxConfig, ctx.request);\n ctx.request.mode = this.config.mode; // mode is security-sensitive, never allow per-element override\n }\n return ctx;\n }\n\n #buildIdentifier(elt) {\n return `${elt.tagName.toLowerCase()}${elt.id ? '#' + encodeURI(elt.id) : ''}`;\n }\n\n #createCoreHeaders(elt) {\n let headers = {\n \"HX-Request\": \"true\",\n \"HX-Source\": this.#buildIdentifier(elt),\n \"HX-Current-URL\": location.href,\n \"Accept\": \"text/html\"\n };\n if (this.#isBoosted(elt)) {\n headers[\"HX-Boosted\"] = \"true\"\n }\n return headers;\n }\n\n #handleHxHeaders(elt, ctx) {\n return this.#getAttributeObject(elt, \"hx-headers\", obj => {\n for (let key in obj) ctx.request.headers[key] = String(obj[key]);\n }, {ctx});\n }\n\n #resolveTarget(elt, selector) {\n if (selector instanceof Element) {\n return selector;\n } else if (selector != null) {\n return this.#findOrWarn(elt, selector, \"hx-target\");\n } else if (this.#isBoosted(elt)) {\n return document.body\n } else {\n return elt;\n }\n }\n\n #isBoosted(elt) {\n return elt?._htmx?.boosted;\n }\n\n async #handleTriggerEvent(ctx) {\n let elt = ctx.sourceElement\n let evt = ctx.sourceEvent\n if (!elt.isConnected) return\n\n if (this.#isModifierKeyClick(evt)) return\n\n if (this.#shouldCancel(evt)) evt.preventDefault()\n\n // determine if request uses query params\n let usesQueryParams = /GET|DELETE/.test(ctx.request.method);\n\n // Only include *enclosing* form info for request types that do not use\n // query parameters (can still be included explicitly with hx-include)\n let form = usesQueryParams\n ? (elt.matches('form') ? elt : null)\n : (elt.form || elt.closest(\"form\"))\n\n // Build request body\n let body = this.#collectFormData(elt, form, evt.submitter, ctx.request.validate, usesQueryParams)\n if (!body) return // Validation failed\n let valsResult = this.#getAttributeObject(elt, \"hx-vals\", obj => {\n ctx.vals = obj; // make available for json extensions\n for (let key in obj) body.set(key, obj[key]);\n }, {ctx});\n if (valsResult) await valsResult; // Only await if it returned a promise\n if (ctx.values) {\n for (let k in ctx.values) {\n body.delete(k);\n body.append(k, ctx.values[k]);\n }\n }\n\n // Handle dynamic headers\n let headersResult = this.#handleHxHeaders(elt, ctx)\n if (headersResult) await headersResult // Only await if it returned a promise\n\n // Setup event-dependent request details\n Object.assign(ctx.request, {\n form,\n submitter: evt.submitter,\n body\n })\n\n if (!this.#trigger(elt, \"htmx:config:request\", {ctx: ctx})) return\n if (ctx.request.method === 'DIALOG') return\n\n let javascriptContent = this.#extractJavascriptContent(ctx.request.action);\n if (javascriptContent != null) {\n let data = Object.fromEntries(ctx.request.body);\n await this.#executeJavaScript(ctx.sourceElement, data, javascriptContent, false);\n return\n } else if (usesQueryParams) {\n let url = new URL(ctx.request.action, document.baseURI);\n\n for (let key of ctx.request.body.keys()) {\n url.searchParams.delete(key);\n }\n for (let [key, value] of ctx.request.body) {\n url.searchParams.append(key, value);\n }\n\n // Keep relative if same origin, otherwise use full URL\n if (url.origin === location.origin) {\n ctx.request.action = url.pathname + url.search;\n } else {\n ctx.request.action = url.href;\n }\n ctx.request.body = null;\n } else if ((this.#attributeValue(elt, \"hx-encoding\") ?? form?.enctype) !== \"multipart/form-data\") {\n ctx.request.body = new URLSearchParams(ctx.request.body);\n }\n\n await this.#issueRequest(ctx);\n }\n\n async #issueRequest(ctx) {\n let elt = ctx.sourceElement\n let syncStrategy = this.#determineSyncStrategy(elt);\n let requestQueue = this.#getRequestQueue(elt);\n this.#initializeAbortListener(elt);\n\n let abortRequest = () => ctx.request?.abort?.()\n\n if (requestQueue.admit(\n syncStrategy,\n () => this.#issueRequest(ctx), // run when ready\n abortRequest // abort if replaced\n ) !== \"run\") return\n\n ctx.status = \"issuing\"\n ctx.indicators ??= [];\n ctx.disabledElements ??= [];\n\n try {\n // Handle confirmation\n if (ctx.confirm) {\n let confirmed = await new Promise(resolve => {\n let detail = {ctx, issueRequest: () => resolve(true), dropRequest: () => resolve(false)};\n if (this.#trigger(elt, \"htmx:confirm\", detail)) {\n let js = this.#extractJavascriptContent(ctx.confirm);\n resolve(js ? this.#executeJavaScript(elt, {ctx}, js, true) : window.confirm(ctx.confirm));\n }\n });\n if (!confirmed) return;\n }\n\n // initialize timeout & indicators after confirmation\n this.#initTimeout(ctx);\n this.#showIndicators(ctx);\n this.#disableElements(ctx);\n\n ctx.fetch ||= window.fetch.bind(window)\n // Set HX-Request-Type based on final target/select (after all modifications)\n ctx.request.headers[\"HX-Request-Type\"] = (ctx.target === document.body || ctx.select) ? \"full\" : \"partial\";\n if (!this.#trigger(elt, \"htmx:before:request\", {ctx})) return;\n\n let response = await ctx.fetch(ctx.request.action, ctx.request);\n\n ctx.response = {\n raw: response,\n status: response.status,\n headers: response.headers,\n }\n this.#extractHxHeaders(ctx);\n if (!this.#trigger(elt, \"htmx:before:response\", {ctx})) return;\n ctx.text = await response.text();\n if (!this.#trigger(elt, \"htmx:after:request\", {ctx})) return;\n\n if (ctx.response.status >= 400) {\n this.#trigger(elt, \"htmx:response:error\", {ctx})\n }\n\n if(this.#handleHeadersAndMaybeReturnEarly(ctx)){\n ctx.keepIndicators = true;\n return\n }\n\n if (ctx.status === \"issuing\") {\n if (ctx.hx.retarget) ctx.target = ctx.hx.retarget; // HX-Retarget\n if (ctx.hx.reswap) ctx.swap = ctx.hx.reswap; // HX-Reswap\n if (ctx.hx.reselect) ctx.select = ctx.hx.reselect; // HX-Reselect\n if (ctx.target?.isConnected === false) return; // prevent swap and side effects if target just got removed\n ctx.status = \"response received\";\n this.#handleStatusCodes(ctx);\n await this.swap(ctx);\n ctx.status = \"swapped\";\n }\n\n } catch (error) {\n ctx.status = \"error: \" + error;\n if (error?.name !== 'AbortError' || ctx.request.signal.reason === 'timeout') this.#trigger(elt, \"htmx:error\", {ctx, error})\n } finally {\n // An extension that took over the response reports when it has\n // finished delivering. Undefined for a normal request.\n await ctx.extensionPromise?.catch(() => {});\n clearTimeout(ctx.requestTimeout);\n if (ctx.hx?.trigger) { // HX-Trigger\n this.#handleTriggerHeader(ctx.hx.trigger, ctx.sourceElement);\n }\n this.#trigger(elt, \"htmx:finally:request\", {ctx})\n if (!ctx.keepIndicators) {\n this.#hideIndicators(ctx.indicators);\n this.#enableElements(ctx.disabledElements);\n }\n\n requestQueue.continue(abortRequest)\n }\n }\n\n // Extract HX-* response headers into ctx.hx\n // Maps: HX-Trigger -> ctx.hx.trigger, HX-Push-Url -> ctx.hx.pushurl, etc.\n #extractHxHeaders(ctx) {\n ctx.hx = {}\n for (let [k, v] of ctx.response.raw.headers) {\n if (k.toLowerCase().startsWith('hx-')) {\n ctx.hx[k.slice(3).toLowerCase().replace(/-/g, '')] = v\n }\n }\n }\n\n // Handle response headers that abort normal swap processing.\n // Returns true if the response was fully handled by a header.\n #handleHeadersAndMaybeReturnEarly(ctx) {\n if (ctx.hx.refresh === 'true') { // HX-Refresh\n this._loc.reload();\n return true\n }\n if (ctx.hx.redirect) { // HX-Redirect\n this._loc.href = ctx.hx.redirect;\n return true\n }\n if (ctx.hx.location) { // HX-Location\n let path = ctx.hx.location, opts = {};\n let parsed = HCON.parse(path);\n if (path[0] === '{' || parsed.path != null) {\n opts = parsed;\n path = opts.path;\n delete opts.path;\n }\n if (opts.push == null && opts.replace == null) opts.push = 'true';\n opts.indicators = ctx.indicators;\n opts.disabledElements = ctx.disabledElements;\n this.ajax('GET', path, opts);\n return true\n }\n }\n\n #initTimeout(ctx) {\n let timeout = ctx.request.timeout != null\n ? this.parseInterval(ctx.request.timeout)\n : this.config.defaultTimeout;\n if (timeout) {\n ctx.requestTimeout = setTimeout(() => ctx.request?.abort?.('timeout'), timeout);\n }\n }\n\n #determineSyncStrategy(elt) {\n let hxSync = this.#attributeValue(elt, \"hx-sync\");\n if (!hxSync) return \"queue first\";\n let strategy = hxSync.split(\":\").pop().trim();\n return /^(drop|abort|replace|queue)/.test(strategy) ? strategy : \"queue first\";\n }\n\n #getRequestQueue(elt) {\n let hxSync = this.#attributeValue(elt, \"hx-sync\");\n let syncElt = elt\n if (hxSync) {\n let selector = hxSync.includes(\":\")\n ? hxSync.slice(0, hxSync.lastIndexOf(\":\")).trim()\n : (/^(drop|abort|replace|queue)/.test(hxSync) ? null : hxSync);\n if (selector) syncElt = this.#findOrWarn(elt, selector, \"hx-sync\") || elt;\n }\n return this.#htmxState(syncElt).rq ||= new RequestQueue()\n }\n\n #isModifierKeyClick(evt) {\n return evt.type === 'click' && (evt.ctrlKey || evt.metaKey || evt.shiftKey)\n && !!evt.currentTarget?.closest?.('a[href]')\n }\n\n #shouldCancel(evt) {\n let elt = evt.currentTarget\n let isSubmit = evt.type === 'submit' && elt?.tagName === 'FORM'\n if (isSubmit) return true\n\n let isClick = evt.type === 'click' && evt.button === 0\n if (!isClick) return false\n\n let btn = elt?.closest?.('button, input[type=\"submit\"], input[type=\"image\"]')\n let form = btn?.form || btn?.closest('form')\n let isSubmitButton = btn && !btn.disabled && form &&\n (btn.type === 'submit' || btn.type === 'image' || (!btn.type && btn.tagName === 'BUTTON'))\n if (isSubmitButton) return true\n\n let link = elt?.closest?.('a')\n if (!link || !link.href) return false\n\n let href = link.getAttribute('href')\n let isFragmentOnly = href && href.startsWith('#') && href.length > 1\n return !isFragmentOnly\n }\n\n #initializeTriggers(elt, initialHandler = elt._htmx.eventHandler) {\n let hxTrigger = this.#attributeValue(elt, \"hx-trigger\", undefined, undefined, false);\n let trigger = hxTrigger || (elt.matches(\"form\") ? \"submit\" :\n elt.matches(\"input:not([type=button]):not([type=submit]),select,textarea\") ? \"change\" :\n \"click\");\n this.#onTrigger(elt, trigger, initialHandler)\n }\n\n // Wire up event listeners with full modifier support (once, prevent, stop,\n // delay, throttle, changed, capture, passive, from, filter, etc.)\n #onTrigger(elt, specString, handler) {\n let specs = this.#parseTriggerSpecs(specString)\n this.#htmxProp(elt).triggerSpecs.push(...specs)\n\n for (let spec of specs) {\n spec.listeners = []\n\n let [eventName, filter] = this.#extractFilter(spec.name);\n\n // Resolve from: elements (self listens on elt but filters by event.target in guard)\n let fromElts = [elt];\n if (spec.from === 'outside') fromElts = [document];\n else if (spec.from && spec.from !== 'self') fromElts = this.#findAllExt(elt, spec.from);\n\n // Inner: runs after delay/throttle resolves\n let inner = (evt) => {\n if (spec.halt || spec.prevent) evt.preventDefault();\n if (spec.halt || spec.stop || spec.consume) evt.stopPropagation();\n if (spec.changed) {\n let values = this.#htmxState(elt).changedValues ??= new WeakMap();\n let target = evt.target;\n if (!['checkbox', 'radio'].includes(target?.type)) {\n let value = target?.value;\n if (values.has(target) && values.get(target) === value) return;\n values.set(target, value);\n }\n }\n if (spec.once) {\n for (let info of spec.listeners) info.fromElt.removeEventListener(info.eventName, info.handler, info);\n }\n handler(evt);\n };\n\n // Wrap inner with delay/throttle if needed\n let timed = inner;\n if (spec.delay) {\n timed = evt => {\n clearTimeout(spec.timeout);\n spec.timeout = setTimeout(() => inner(evt), this.parseInterval(spec.delay));\n };\n } else if (spec.throttle) {\n timed = evt => {\n if (spec.throttled) {\n spec.throttledEvent = evt;\n } else {\n spec.throttled = true;\n inner(evt);\n spec.throttleTimeout = setTimeout(() => {\n spec.throttled = false;\n if (spec.throttledEvent) {\n let e = spec.throttledEvent;\n spec.throttledEvent = null;\n timed(e);\n }\n }, this.parseInterval(spec.throttle));\n }\n };\n }\n\n // Guarded: pre-timing checks that determine if event should proceed\n spec.handler = (evt) => {\n if (this.#shouldCancel(evt)) evt.preventDefault();\n if (spec.from === 'self' && evt.target !== elt) return;\n if (spec.from === 'outside' && elt.contains(evt.target)) return;\n if (spec.target && !evt.target?.matches?.(spec.target)) return;\n if (filter) {\n let evtArgs = {}; for (let k in evt) if (/^[a-z]+$/i.test(k)) evtArgs[k] = evt[k];\n if (!this.#executeJavaScript(elt, evtArgs, filter, true, false)) return;\n }\n // a new trigger replaces any pending delayed or throttled trigger on this element\n if (eventName !== 'every') {\n for (let other of this.#htmxProp(elt).triggerSpecs) {\n clearTimeout(other.timeout);\n other.throttledEvent = null;\n }\n }\n timed(evt);\n };\n\n // Intersect/revealed: set up observer\n if (eventName === 'intersect' || eventName === 'revealed') {\n let observerOptions = {rootMargin: spec.rootMargin};\n if (spec.root) observerOptions.root = this.#findOrWarn(elt, spec.root);\n if (spec.threshold) observerOptions.threshold = parseFloat(spec.threshold);\n let isRevealed = eventName === 'revealed';\n spec.observer = new IntersectionObserver((entries) => {\n for (let i = 0; i < entries.length; i++) {\n if (entries[i].isIntersecting) {\n this.trigger(entries[i].target, 'intersect', {}, false);\n if (isRevealed) spec.observer.disconnect();\n break;\n }\n }\n }, observerOptions);\n eventName = 'intersect';\n for (let fromElt of fromElts) spec.observer.observe(fromElt);\n }\n\n // Every: set up interval\n if (eventName === \"every\") {\n let interval = Object.keys(spec).find(k => k !== 'name');\n spec.interval = setInterval(() => {\n if (elt.isConnected) this.#trigger(elt, 'every', {}, false);\n else clearInterval(spec.interval);\n }, this.parseInterval(interval));\n }\n\n // Load: fire immediately, no listener needed\n if (eventName === 'load') {\n spec.handler(new CustomEvent('load'));\n continue;\n }\n\n // Register listeners\n for (let fromElt of fromElts) {\n let listenerInfo = {fromElt, eventName, handler: spec.handler,\n capture: !!spec.capture, passive: !!spec.passive};\n elt._htmx.listeners.push(listenerInfo);\n spec.listeners.push(listenerInfo);\n fromElt.addEventListener(eventName, spec.handler, listenerInfo);\n }\n }\n }\n\n #extractFilter(str) {\n let match = str.match(/^([^\\[]*)\\[([^\\]]*)]/);\n if (!match) return [str, null];\n return [match[1], match[2]];\n }\n\n #handleTriggerHeader(value, elt) {\n if (value[0] === '{') {\n let triggers = HCON.parse(value);\n for (let name in triggers) {\n let detail = triggers[name];\n let target = elt;\n if (detail?.target) {\n target = this.find(detail.target);\n }\n this.trigger(target, name, typeof detail === 'object' ? detail : {value: detail});\n }\n } else {\n value.split(',').forEach(name => this.trigger(elt, name.trim(), {}));\n }\n }\n\n #apiMethods(thisArg) {\n let bound = {};\n let proto = Object.getPrototypeOf(this);\n for (let name of Object.getOwnPropertyNames(proto)) {\n if (name !== 'constructor' && typeof this[name] === 'function') {\n if ([\"find\", \"findAll\"].includes(name)) {\n bound[name] = (arg1, arg2) => {\n if (arg2 === undefined) {\n return this[name](thisArg, arg1)\n } else {\n return this[name](arg1, arg2)\n }\n }\n } else {\n bound[name] = this[name].bind(this);\n }\n }\n }\n return bound;\n }\n\n #executeJavaScript(thisArg, obj, code, expression = true, isAsync = true, compile = false) {\n let args = {}\n Object.assign(args, this.#apiMethods(thisArg))\n let scope = {};\n let detail = { scope, code };\n this.#triggerExtensions(thisArg, \"htmx:scope\", detail);\n code = detail.code;\n Object.assign(args, scope);\n Object.assign(args, obj)\n let keys = Object.keys(args);\n let values = Object.values(args);\n let FunctionConstructor = isAsync ? this.#AsyncFunction : this.#Function;\n let func = new FunctionConstructor(...keys, expression ? `return (${code})` : code);\n return compile ? () => func.call(thisArg, ...values) : func.call(thisArg, ...values);\n }\n\n /**\n * Initialize htmx attributes on root and all its descendants. When force is true, root\n * and every powered descendant are first torn down and re-wired from their current\n * attributes - use this after mutating hx-* attributes on an already-processed element.\n * @see https://four.htmx.org/reference/methods/htmx-process\n * @param {Element | ShadowRoot} root\n * @param {boolean} [force]\n */\n process(root, force) {\n if (!root?.isConnected) return;\n if (!(root instanceof Element)) { // ShadowRoot\n for (let elt of root.children || []) this.process(elt, force);\n return;\n }\n if (force) this.#cleanup(root, true);\n if (this.#ignore(root)) return;\n if (!this.#trigger(root, \"htmx:before:process\")) return\n let hxOnNodes = [root];\n let iter = this.#hxOnQuery.evaluate(root)\n let node = null\n while (node = iter.iterateNext()) hxOnNodes.push(node)\n for (let hxOnNode of hxOnNodes) {\n if (!this.#ignore(hxOnNode) && this.#trigger(hxOnNode, \"htmx:before:on:init\", {}, true)) {\n this.#handleHxOnAttributes(hxOnNode);\n }\n }\n for (let elt of this.#queryEltAndDescendants(root, this.#actionSelector)) {\n this.#initializeElement(elt);\n }\n for (let elt of this.#queryEltAndDescendants(root, this.#boostSelector)) {\n this.#maybeBoost(elt);\n }\n this.#trigger(root, \"htmx:after:process\");\n }\n\n #maybeBoost(elt) {\n let hxBoost = this.#attributeValue(elt, \"hx-boost\");\n if (hxBoost && hxBoost !== \"false\" && this.#shouldBoost(elt) && this.#trigger(elt, \"htmx:before:init\", {}, true)) {\n let htmxProp = this.#htmxProp(elt);\n htmxProp.initialized = true;\n htmxProp.eventHandler = this.#createHtmxEventHandler(elt);\n htmxProp.boosted = hxBoost;\n this.#initializeTriggers(elt);\n this.#trigger(elt, \"htmx:after:init\", {}, true)\n }\n }\n\n #shouldBoost(elt) {\n if (this.#shouldInitialize(elt)) {\n if (elt.tagName === \"A\") {\n if (elt.target === '' || elt.target === '_self') {\n return !elt.hasAttribute('download') && !elt.getAttribute('href')?.startsWith?.(\"#\") && this.#isSameOrigin(elt.href)\n }\n } else if (elt.tagName === \"FORM\") {\n return elt.method !== 'dialog' && this.#isSameOrigin(elt.action);\n }\n }\n }\n\n #isSameOrigin(url) {\n try {\n // URL constructor handles both relative and absolute URLs\n const parsed = new URL(url, window.location.href);\n return parsed.origin === window.location.origin;\n } catch (e) {\n // If URL parsing fails, assume not same-origin\n return false;\n }\n }\n\n #shouldInitialize(elt) {\n return !elt._htmx?.initialized && !this.#ignore(elt);\n }\n\n /**\n * Remove listeners, timers, and observers from elt and all its powered descendants.\n * When force is true, also delete their htmx state so a re-process fully re-initializes them.\n * @param {Element} elt\n * @param {boolean} [force]\n */\n #cleanup(elt, force) {\n let elts = [elt, ...elt.querySelectorAll?.('[data-htmx-powered]') ?? []];\n for (let e of elts) {\n if (!e._htmx) continue;\n this.#trigger(e, \"htmx:before:cleanup\")\n for (let spec of e._htmx.triggerSpecs || []) {\n if (spec.interval) clearInterval(spec.interval);\n if (spec.timeout) clearTimeout(spec.timeout);\n if (spec.throttleTimeout) clearTimeout(spec.throttleTimeout);\n spec.observer?.disconnect()\n }\n for (let info of e._htmx.listeners || []) {\n info.fromElt.removeEventListener(info.eventName, info.handler, info);\n }\n e.removeAttribute('data-htmx-powered');\n this.#trigger(e, \"htmx:after:cleanup\")\n if (force) delete e._htmx;\n }\n }\n\n #handlePreservedElements(fragment) {\n let pantry = document.createElement('div');\n pantry.hidden = true;\n document.body.insertAdjacentElement('afterend', pantry);\n let newPreservedElts = fragment.querySelectorAll?.(this.#prefixSelector('[hx-preserve]')) || [];\n for (let preservedElt of newPreservedElts) {\n let currentElt = document.getElementById(preservedElt.id);\n if (currentElt) {\n this.#moveBefore(pantry, currentElt, null);\n }\n }\n return pantry\n }\n\n #restorePreservedElements(pantry) {\n for (let preservedElt of [...pantry.children]) {\n let newElt = document.getElementById(preservedElt.id);\n if (newElt) {\n this.#moveBefore(newElt.parentNode, preservedElt, newElt);\n this.#cleanup(newElt)\n newElt.remove()\n }\n }\n pantry.remove();\n }\n\n #parseHTML(resp) {\n let trusted = this.#ttPolicy.createHTML(resp);\n // {} works around Chrome 150-156 dropping comments :/\n return Document.parseHTMLUnsafe?.(trusted, {}) || new DOMParser().parseFromString(trusted, 'text/html');\n }\n\n #makeFragment(text) {\n // Convert tags (e.g. , ) to