코드 가이드 ‐ Panel

Panel

• 개별 Panel의 상태와 동작을 관리합니다.
• Panel의 크기와 위치 등을 속성으로 가지고 있습니다.

Panel.markForShow

• 해당 Panel을 화면에 표시해야 함을 표시합니다.
• 내부적으로 isVisible 값을 설정해 해당 Panel을 렌더링할 수 있도록 합니다.

Panel.resize

• Panel의 크기를 업데이트합니다.
• DOM 요소의 크기를 다시 계산하고, Flicking의 레이아웃 재배치에 반영됩니다.
• setSize 메서드를 호출합니다.

Panel.setSize

• Panel의 크기를 직접 설정합니다.
• width와 height 값이 지정됩니다.

Panel.contains

• 주어진 엘리먼트가 Panel의 영역 안에 포함되어 있는지 확인합니다.
• Panel의 시작 위치와 크기를 기준으로 계산합니다.

Panel.destroy

• Panel의 모든 상태를 초기화하고 removed를 true로 설정합니다.
• Flicking 인스턴스에서 제거될 때 호출됩니다.

Panel.includePosition

• 특정 좌표가 Panel의 시작 좌표와 끝 좌표 사이에 있는지 확인합니다.

Panel.includeRange

• 주어진 좌표 범위가 Panel의 좌표 범위 내에 포함되는지 확인합니다.

Panel.isVisibleOnRange

• Panel이 현재 Camera의 뷰포트 내에서 보이는지 확인합니다.
• Camera의 시작 및 끝 위치와 Panel의 위치를 비교하여 계산됩니다.

Panel.focus

• 해당 Panel로 Flicking의 Camera를 이동합니다.

Panel.prev

• 현재 Panel의 이전 Panel을 반환합니다.

Panel.next

• 현재 Panel의 다음 Panel을 반환합니다.

Panel.increaseIndex

• Panel의 인덱스를 증가시킵니다.

Panel.decreaseIndex

• Panel의 인덱스를 감소시킵니다.

Panel.updatePosition

• Panel의 위치를 업데이트합니다.

Panel.toggle

• Panel의 활성 상태를 전환합니다.

Panel.updateCircularToggleDirection

• circular 옵션이 활성화된 상태에서 Panel의 속성을 업데이트합니다.