Skip to content

Interfaces

Jong Won Kim edited this page Nov 10, 2025 · 2 revisions

actionItem

Property
event string | string[] optional * EventListener에 적용할 event

* 지정되지 않았을 경우 data-sce-event의 값 사용
callback<T extends Event, U extends HTMLElement> (ev: T, target: U | EventTarget, component: Component) => void | Promise<void> require * EventListener에 적용할 callback
option EventListenerOptions optional * EventListener에 적용할 option
flag boolean optional * 지정되지 않았을 경우 data-sce-event attribute를 사용하여 event를 지정했는지 여부

action

Property
[data_sce_action: string] actionItem[] require

interceptor

Property
component Component[] optional * Interceptor를 적용할 Component

* 지정되지 않았을 경우 모든 Component에 적용
action string[] optional * Interceptor를 적용할 action명

* 지정되지 않았을 경우 모든 action에 적용
preHandle<T extends Event, U extends HTMLElement> (ev: T, target: U | EventTarget, component: Component) => boolean | void optional * action동작 전에 실행 할 callback

* false 반환 시 action 중단
postHandle<T extends Event, U extends HTMLElement> (ev: T, target: U | EventTarget, component: Component) => void optional * action동작 이후 실행 할 callback

plugin

Property
component Component[] optional * Plugin를 적용할 Component

* 지정되지 않았을 경우 모든 Component에 적용
action action require * Plugin으로 추가할 action
afterRender (component: Component) => void optional * render이후 실행 할 callback
destroy (component: Component) => void optional * destroy 시 실행 할 callback

element

Property
tagName string require * simple-custom-element로 사용할 Component의 tagName
element Component require * simple-custom-element로 사용할 Component

Clone this wiki locally