Packages

glendix

2.0.17
4.0.5 4.0.4 4.0.3 4.0.2 4.0.1 4.0.0 3.0.2 3.0.0 2.0.20 2.0.19 2.0.18 2.0.17 2.0.16 2.0.15 2.0.14 2.0.13 2.0.11 2.0.10 2.0.9 2.0.8 2.0.7 2.0.6 2.0.4 2.0.3 2.0.2 2.0.1 2.0.0 1.2.2 1.2.1 1.2.0 1.1.1 1.1.0 1.0.0

Gleam bindings for Mendix Pluggable Widget API — delegates React to redraw/redraw_dom, TEA to lustre, Mendix types/widgets/marketplace to mendraw

HexDocs

Current section

Files

Jump to
Readme
33 Versions
3 Dependencies
Dependants
Files
Activity
glendix src glendix js dom.gleam
Raw

src/glendix/js/dom.gleam 

// DOM 요소 조작 유틸리티




import gleam/dynamic.{type Dynamic}

import gleam/option.{type Option}



/// 요소에 포커스 설정


@external(javascript, "./dom_ffi.mjs", "dom_focus")

pub fn focus(element: Dynamic) -> Nil



/// 요소에서 포커스 해제


@external(javascript, "./dom_ffi.mjs", "dom_blur")

pub fn blur(element: Dynamic) -> Nil



/// 요소 클릭 이벤트 트리거


@external(javascript, "./dom_ffi.mjs", "dom_click")

pub fn click(element: Dynamic) -> Nil



/// 요소를 뷰포트에 스크롤


@external(javascript, "./dom_ffi.mjs", "dom_scroll_into_view")

pub fn scroll_into_view(element: Dynamic) -> Nil



/// 요소의 위치/크기 정보 (DOMRect 객체)


@external(javascript, "./dom_ffi.mjs", "dom_get_bounding_client_rect")

pub fn get_bounding_client_rect(element: Dynamic) -> Dynamic



/// CSS 선택자로 하위 요소 검색


@external(javascript, "./dom_ffi.mjs", "dom_query_selector")

pub fn query_selector(element: Dynamic, selector: String) -> Option(Dynamic)