svelte Architecture Docs
Home / File/ event-modifiers.js — svelte Source File

event-modifiers.js — svelte Source File

Architecture documentation for event-modifiers.js, a javascript file in the svelte codebase. 6 imports, 0 dependents.

File javascript ClientRuntime Hydration 6 imports 8 functions

Entity Profile

Dependency Diagram

graph LR
  10959c39_ee67_ccc9_0299_768227609d29["event-modifiers.js"]
  cb946435_ce66_d1e8_6bee_287bdb07e7c5["utils.js"]
  10959c39_ee67_ccc9_0299_768227609d29 --> cb946435_ce66_d1e8_6bee_287bdb07e7c5
  fa007f2b_f437_c5ef_5c2d_ea8b5902500f["noop"]
  10959c39_ee67_ccc9_0299_768227609d29 --> fa007f2b_f437_c5ef_5c2d_ea8b5902500f
  1ae6fa4e_16ee_acdf_5e28_17eb0819fddb["effects.js"]
  10959c39_ee67_ccc9_0299_768227609d29 --> 1ae6fa4e_16ee_acdf_5e28_17eb0819fddb
  b4142a92_fb70_a0da_ca48_719b2f2398ad["user_pre_effect"]
  10959c39_ee67_ccc9_0299_768227609d29 --> b4142a92_fb70_a0da_ca48_719b2f2398ad
  2c990bd1_acff_5910_3af2_ab75f655b31b["events.js"]
  10959c39_ee67_ccc9_0299_768227609d29 --> 2c990bd1_acff_5910_3af2_ab75f655b31b
  a182a6a3_1f1f_84a4_fbdc_e20427ca84fc["on"]
  10959c39_ee67_ccc9_0299_768227609d29 --> a182a6a3_1f1f_84a4_fbdc_e20427ca84fc
  style 10959c39_ee67_ccc9_0299_768227609d29 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import { noop } from '../../../shared/utils.js';
import { user_pre_effect } from '../../reactivity/effects.js';
import { on } from '../elements/events.js';

/**
 * Substitute for the `trusted` event modifier
 * @deprecated
 * @param {(event: Event, ...args: Array<unknown>) => void} fn
 * @returns {(event: Event, ...args: unknown[]) => void}
 */
export function trusted(fn) {
	return function (...args) {
		var event = /** @type {Event} */ (args[0]);
		if (event.isTrusted) {
			// @ts-ignore
			fn?.apply(this, args);
		}
	};
}

/**
 * Substitute for the `self` event modifier
 * @deprecated
 * @param {(event: Event, ...args: Array<unknown>) => void} fn
 * @returns {(event: Event, ...args: unknown[]) => void}
 */
export function self(fn) {
	return function (...args) {
		var event = /** @type {Event} */ (args[0]);
		// @ts-ignore
		if (event.target === this) {
			// @ts-ignore
			fn?.apply(this, args);
		}
	};
}

/**
 * Substitute for the `stopPropagation` event modifier
 * @deprecated
 * @param {(event: Event, ...args: Array<unknown>) => void} fn
 * @returns {(event: Event, ...args: unknown[]) => void}
 */
export function stopPropagation(fn) {
	return function (...args) {
		var event = /** @type {Event} */ (args[0]);
		event.stopPropagation();
		// @ts-ignore
		return fn?.apply(this, args);
	};
}

/**
 * Substitute for the `once` event modifier
 * @deprecated
 * @param {(event: Event, ...args: Array<unknown>) => void} fn
 * @returns {(event: Event, ...args: unknown[]) => void}
 */
export function once(fn) {
	var ran = false;
// ... (68 more lines)

Domain

Subdomains

Functions

Dependencies

Source

Frequently Asked Questions

What does event-modifiers.js do?
event-modifiers.js is a source file in the svelte codebase, written in javascript. It belongs to the ClientRuntime domain, Hydration subdomain.
What functions are defined in event-modifiers.js?
event-modifiers.js defines 8 function(s): nonpassive, once, passive, preventDefault, self, stopImmediatePropagation, stopPropagation, trusted.
What does event-modifiers.js depend on?
event-modifiers.js imports 6 module(s): effects.js, events.js, noop, on, user_pre_effect, utils.js.
Where is event-modifiers.js in the architecture?
event-modifiers.js is located at packages/svelte/src/internal/client/dom/legacy/event-modifiers.js (domain: ClientRuntime, subdomain: Hydration, directory: packages/svelte/src/internal/client/dom/legacy).

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free