FalkWolsky · Oct 11, 2026 · Jun 23, 2024 · Jun 23, 2024 · Jul 9, 2024 · Jul 22, 2024
diff --git a/docs/.gitbook/assets/Animation - 1746424860823.gif b/docs/.gitbook/assets/Animation - 1746424860823.gif
diff --git a/docs/.gitbook/assets/Enterprise Edition _ Branding Settings.png b/docs/.gitbook/assets/Enterprise Edition _ Branding Settings.png
diff --git a/docs/.gitbook/assets/Enterprise Edition _ Branding _ Admin Area.png b/docs/.gitbook/assets/Enterprise Edition _ Branding _ Admin Area.png
diff --git a/docs/.gitbook/assets/Enterprise Edition _ Branding _ Customization.png b/docs/.gitbook/assets/Enterprise Edition _ Branding _ Customization.png
diff --git a/docs/.gitbook/assets/Enterprise Edition _ Branding _ Whitelabel (1).png b/docs/.gitbook/assets/Enterprise Edition _ Branding _ Whitelabel (1).png
diff --git a/docs/.gitbook/assets/Enterprise Edition _ Branding _ Whitelabel.png b/docs/.gitbook/assets/Enterprise Edition _ Branding _ Whitelabel.png
diff --git a/docs/.gitbook/assets/Screenshot 2024-09-08 at 6.16.10 PM.png b/docs/.gitbook/assets/Screenshot 2024-09-08 at 6.16.10 PM.png
diff --git a/docs/.gitbook/assets/Screenshot 2025-03-05 at 4.53.55 AM.png b/docs/.gitbook/assets/Screenshot 2025-03-05 at 4.53.55 AM.png
diff --git a/docs/.gitbook/assets/Screenshot 2025-03-05 at 4.54.48 AM.png b/docs/.gitbook/assets/Screenshot 2025-03-05 at 4.54.48 AM.png
diff --git a/docs/.gitbook/assets/Screenshot 2025-03-05 at 5.07.52 AM.png b/docs/.gitbook/assets/Screenshot 2025-03-05 at 5.07.52 AM.png
diff --git a/docs/.gitbook/assets/Screenshot 2025-03-05 at 5.09.28 AM.png b/docs/.gitbook/assets/Screenshot 2025-03-05 at 5.09.28 AM.png
diff --git a/docs/.gitbook/assets/Screenshot 2025-03-05 at 5.12.50 AM.png b/docs/.gitbook/assets/Screenshot 2025-03-05 at 5.12.50 AM.png
diff --git a/docs/.gitbook/assets/Screenshot 2025-03-05 at 5.13.03 AM.png b/docs/.gitbook/assets/Screenshot 2025-03-05 at 5.13.03 AM.png
diff --git a/docs/.gitbook/assets/Screenshot 2025-03-05 at 5.16.11 AM.png b/docs/.gitbook/assets/Screenshot 2025-03-05 at 5.16.11 AM.png
diff --git a/docs/.gitbook/assets/Screenshot 2025-05-05 at 4.37.30 PM.png b/docs/.gitbook/assets/Screenshot 2025-05-05 at 4.37.30 PM.png
diff --git a/docs/.gitbook/assets/app-l.svg b/docs/.gitbook/assets/app-l.svg
diff --git a/docs/.gitbook/assets/audio-player-l.svg b/docs/.gitbook/assets/audio-player-l.svg
diff --git a/docs/.gitbook/assets/auto-complete-input-l.svg b/docs/.gitbook/assets/auto-complete-input-l.svg
diff --git a/docs/.gitbook/assets/avatar-l.svg b/docs/.gitbook/assets/avatar-l.svg
diff --git a/docs/.gitbook/assets/avatargroup-l.svg b/docs/.gitbook/assets/avatargroup-l.svg
diff --git a/docs/.gitbook/assets/bar-chart-l.svg b/docs/.gitbook/assets/bar-chart-l.svg
diff --git a/docs/.gitbook/assets/bpmn-editor-l.svg b/docs/.gitbook/assets/bpmn-editor-l.svg
diff --git a/docs/.gitbook/assets/button-l.svg b/docs/.gitbook/assets/button-l.svg
diff --git a/docs/.gitbook/assets/calendar-l.svg b/docs/.gitbook/assets/calendar-l.svg
diff --git a/docs/.gitbook/assets/camera-stream-l.svg b/docs/.gitbook/assets/camera-stream-l.svg
diff --git a/docs/.gitbook/assets/candlestick-chart-l.svg b/docs/.gitbook/assets/candlestick-chart-l.svg
diff --git a/docs/.gitbook/assets/card-layout-l.svg b/docs/.gitbook/assets/card-layout-l.svg
diff --git a/docs/.gitbook/assets/cascader-l.svg b/docs/.gitbook/assets/cascader-l.svg
diff --git a/docs/.gitbook/assets/checkbox-l.svg b/docs/.gitbook/assets/checkbox-l.svg
diff --git a/docs/.gitbook/assets/collapsible-container-l.svg b/docs/.gitbook/assets/collapsible-container-l.svg
diff --git a/docs/.gitbook/assets/colorpicker-l.svg b/docs/.gitbook/assets/colorpicker-l.svg
diff --git a/docs/.gitbook/assets/column-layout-l.svg b/docs/.gitbook/assets/column-layout-l.svg
diff --git a/docs/.gitbook/assets/comment-l.svg b/docs/.gitbook/assets/comment-l.svg
diff --git a/docs/.gitbook/assets/container-l.svg b/docs/.gitbook/assets/container-l.svg
diff --git a/docs/.gitbook/assets/custom-code-l.svg b/docs/.gitbook/assets/custom-code-l.svg
diff --git a/docs/.gitbook/assets/date-range-select-l.svg b/docs/.gitbook/assets/date-range-select-l.svg
diff --git a/docs/.gitbook/assets/date-select-l.svg b/docs/.gitbook/assets/date-select-l.svg
diff --git a/docs/.gitbook/assets/divider-l.svg b/docs/.gitbook/assets/divider-l.svg
diff --git a/docs/.gitbook/assets/drawer-l.svg b/docs/.gitbook/assets/drawer-l.svg
diff --git a/docs/.gitbook/assets/dropdown-l.svg b/docs/.gitbook/assets/dropdown-l.svg
diff --git a/docs/.gitbook/assets/entry-page-l.svg b/docs/.gitbook/assets/entry-page-l.svg
diff --git a/docs/.gitbook/assets/file-upload-l.svg b/docs/.gitbook/assets/file-upload-l.svg
diff --git a/docs/.gitbook/assets/file-viewer-l.svg b/docs/.gitbook/assets/file-viewer-l.svg
diff --git a/docs/.gitbook/assets/floating-button-l.svg b/docs/.gitbook/assets/floating-button-l.svg
diff --git a/docs/.gitbook/assets/floating-text-layout-l.svg b/docs/.gitbook/assets/floating-text-layout-l.svg
diff --git a/docs/.gitbook/assets/form-l.svg b/docs/.gitbook/assets/form-l.svg
diff --git a/docs/.gitbook/assets/frame_generic_light (1) (1) (1) (1) (1).png b/docs/.gitbook/assets/frame_generic_light (1) (1) (1) (1) (1).png
diff --git a/docs/.gitbook/assets/frame_generic_light (1) (1) (1) (1).png b/docs/.gitbook/assets/frame_generic_light (1) (1) (1) (1).png
diff --git a/docs/.gitbook/assets/frame_generic_light (1) (1) (1).png b/docs/.gitbook/assets/frame_generic_light (1) (1) (1).png
diff --git a/docs/.gitbook/assets/frame_generic_light (1) (1).png b/docs/.gitbook/assets/frame_generic_light (1) (1).png
diff --git a/docs/.gitbook/assets/frame_generic_light (1) (10).png b/docs/.gitbook/assets/frame_generic_light (1) (10).png
diff --git a/docs/.gitbook/assets/frame_generic_light (1) (2) (1).png b/docs/.gitbook/assets/frame_generic_light (1) (2) (1).png
diff --git a/docs/.gitbook/assets/frame_generic_light (1) (2).png b/docs/.gitbook/assets/frame_generic_light (1) (2).png
diff --git a/docs/.gitbook/assets/frame_generic_light (1) (3).png b/docs/.gitbook/assets/frame_generic_light (1) (3).png
diff --git a/docs/.gitbook/assets/frame_generic_light (1) (4).png b/docs/.gitbook/assets/frame_generic_light (1) (4).png
diff --git a/docs/.gitbook/assets/frame_generic_light (1) (5).png b/docs/.gitbook/assets/frame_generic_light (1) (5).png
diff --git a/docs/.gitbook/assets/frame_generic_light (1) (6).png b/docs/.gitbook/assets/frame_generic_light (1) (6).png
diff --git a/docs/.gitbook/assets/frame_generic_light (1) (7).png b/docs/.gitbook/assets/frame_generic_light (1) (7).png
diff --git a/docs/.gitbook/assets/frame_generic_light (1) (8).png b/docs/.gitbook/assets/frame_generic_light (1) (8).png
diff --git a/docs/.gitbook/assets/frame_generic_light (1) (9).png b/docs/.gitbook/assets/frame_generic_light (1) (9).png
diff --git a/docs/.gitbook/assets/frame_generic_light (1).png b/docs/.gitbook/assets/frame_generic_light (1).png
diff --git a/docs/.gitbook/assets/frame_generic_light (10) (1).png b/docs/.gitbook/assets/frame_generic_light (10) (1).png
diff --git a/docs/.gitbook/assets/frame_generic_light (10) (2).png b/docs/.gitbook/assets/frame_generic_light (10) (2).png
diff --git a/docs/.gitbook/assets/frame_generic_light (10) (3).png b/docs/.gitbook/assets/frame_generic_light (10) (3).png
diff --git a/docs/.gitbook/assets/frame_generic_light (10).png b/docs/.gitbook/assets/frame_generic_light (10).png
diff --git a/docs/.gitbook/assets/frame_generic_light (11) (1) (1).png b/docs/.gitbook/assets/frame_generic_light (11) (1) (1).png
diff --git a/docs/.gitbook/assets/frame_generic_light (11) (1).png b/docs/.gitbook/assets/frame_generic_light (11) (1).png
diff --git a/docs/.gitbook/assets/frame_generic_light (11) (2).png b/docs/.gitbook/assets/frame_generic_light (11) (2).png
diff --git a/docs/.gitbook/assets/frame_generic_light (11) (3).png b/docs/.gitbook/assets/frame_generic_light (11) (3).png
diff --git a/docs/.gitbook/assets/frame_generic_light (11) (4).png b/docs/.gitbook/assets/frame_generic_light (11) (4).png
diff --git a/docs/.gitbook/assets/frame_generic_light (11).png b/docs/.gitbook/assets/frame_generic_light (11).png
diff --git a/docs/.gitbook/assets/frame_generic_light (12) (1).png b/docs/.gitbook/assets/frame_generic_light (12) (1).png
diff --git a/docs/.gitbook/assets/frame_generic_light (12) (2).png b/docs/.gitbook/assets/frame_generic_light (12) (2).png
diff --git a/docs/.gitbook/assets/frame_generic_light (12).png b/docs/.gitbook/assets/frame_generic_light (12).png
diff --git a/docs/.gitbook/assets/frame_generic_light (13).png b/docs/.gitbook/assets/frame_generic_light (13).png
diff --git a/docs/.gitbook/assets/frame_generic_light (14) (1).png b/docs/.gitbook/assets/frame_generic_light (14) (1).png
diff --git a/docs/.gitbook/assets/frame_generic_light (14).png b/docs/.gitbook/assets/frame_generic_light (14).png
diff --git a/docs/.gitbook/assets/frame_generic_light (15) (1).png b/docs/.gitbook/assets/frame_generic_light (15) (1).png
diff --git a/docs/.gitbook/assets/frame_generic_light (15).png b/docs/.gitbook/assets/frame_generic_light (15).png
diff --git a/docs/.gitbook/assets/frame_generic_light (16) (1).png b/docs/.gitbook/assets/frame_generic_light (16) (1).png
diff --git a/docs/.gitbook/assets/frame_generic_light (16).png b/docs/.gitbook/assets/frame_generic_light (16).png
diff --git a/docs/.gitbook/assets/frame_generic_light (17).png b/docs/.gitbook/assets/frame_generic_light (17).png
diff --git a/docs/.gitbook/assets/frame_generic_light (18).png b/docs/.gitbook/assets/frame_generic_light (18).png
diff --git a/docs/.gitbook/assets/frame_generic_light (19).png b/docs/.gitbook/assets/frame_generic_light (19).png
diff --git a/docs/.gitbook/assets/frame_generic_light (2) (1) (1) (1).png b/docs/.gitbook/assets/frame_generic_light (2) (1) (1) (1).png
diff --git a/docs/.gitbook/assets/frame_generic_light (2) (1) (1).png b/docs/.gitbook/assets/frame_generic_light (2) (1) (1).png
diff --git a/docs/.gitbook/assets/frame_generic_light (2) (1).png b/docs/.gitbook/assets/frame_generic_light (2) (1).png
diff --git a/docs/.gitbook/assets/frame_generic_light (2) (2).png b/docs/.gitbook/assets/frame_generic_light (2) (2).png
diff --git a/docs/.gitbook/assets/frame_generic_light (2) (3).png b/docs/.gitbook/assets/frame_generic_light (2) (3).png
diff --git a/docs/.gitbook/assets/frame_generic_light (2) (4).png b/docs/.gitbook/assets/frame_generic_light (2) (4).png
diff --git a/docs/.gitbook/assets/frame_generic_light (2) (5).png b/docs/.gitbook/assets/frame_generic_light (2) (5).png
diff --git a/docs/.gitbook/assets/frame_generic_light (2) (6).png b/docs/.gitbook/assets/frame_generic_light (2) (6).png
diff --git a/docs/.gitbook/assets/frame_generic_light (2) (7).png b/docs/.gitbook/assets/frame_generic_light (2) (7).png
diff --git a/docs/.gitbook/assets/frame_generic_light (2) (8).png b/docs/.gitbook/assets/frame_generic_light (2) (8).png
diff --git a/docs/.gitbook/assets/frame_generic_light (2).png b/docs/.gitbook/assets/frame_generic_light (2).png
diff --git a/docs/.gitbook/assets/frame_generic_light (20).png b/docs/.gitbook/assets/frame_generic_light (20).png
diff --git a/docs/.gitbook/assets/frame_generic_light (21).png b/docs/.gitbook/assets/frame_generic_light (21).png
diff --git a/docs/.gitbook/assets/frame_generic_light (22).png b/docs/.gitbook/assets/frame_generic_light (22).png
diff --git a/docs/.gitbook/assets/frame_generic_light (23).png b/docs/.gitbook/assets/frame_generic_light (23).png
diff --git a/docs/.gitbook/assets/frame_generic_light (24).png b/docs/.gitbook/assets/frame_generic_light (24).png
diff --git a/docs/.gitbook/assets/frame_generic_light (25).png b/docs/.gitbook/assets/frame_generic_light (25).png
diff --git a/docs/.gitbook/assets/frame_generic_light (26).png b/docs/.gitbook/assets/frame_generic_light (26).png
diff --git a/docs/.gitbook/assets/frame_generic_light (27).png b/docs/.gitbook/assets/frame_generic_light (27).png
diff --git a/docs/.gitbook/assets/frame_generic_light (28).png b/docs/.gitbook/assets/frame_generic_light (28).png
diff --git a/docs/.gitbook/assets/frame_generic_light (29).png b/docs/.gitbook/assets/frame_generic_light (29).png
diff --git a/docs/.gitbook/assets/frame_generic_light (3) (1) (1) (1) (1).png b/docs/.gitbook/assets/frame_generic_light (3) (1) (1) (1) (1).png
diff --git a/docs/.gitbook/assets/frame_generic_light (3) (1) (1) (1).png b/docs/.gitbook/assets/frame_generic_light (3) (1) (1) (1).png
diff --git a/docs/.gitbook/assets/frame_generic_light (3) (1) (1).png b/docs/.gitbook/assets/frame_generic_light (3) (1) (1).png
diff --git a/docs/.gitbook/assets/frame_generic_light (3) (1).png b/docs/.gitbook/assets/frame_generic_light (3) (1).png
diff --git a/docs/.gitbook/assets/frame_generic_light (3) (2).png b/docs/.gitbook/assets/frame_generic_light (3) (2).png
diff --git a/docs/.gitbook/assets/frame_generic_light (3) (3).png b/docs/.gitbook/assets/frame_generic_light (3) (3).png
diff --git a/docs/.gitbook/assets/frame_generic_light (3) (4).png b/docs/.gitbook/assets/frame_generic_light (3) (4).png
diff --git a/docs/.gitbook/assets/frame_generic_light (3) (5).png b/docs/.gitbook/assets/frame_generic_light (3) (5).png
diff --git a/docs/.gitbook/assets/frame_generic_light (3) (6).png b/docs/.gitbook/assets/frame_generic_light (3) (6).png
diff --git a/docs/.gitbook/assets/frame_generic_light (3) (7).png b/docs/.gitbook/assets/frame_generic_light (3) (7).png
diff --git a/docs/.gitbook/assets/frame_generic_light (3) (8).png b/docs/.gitbook/assets/frame_generic_light (3) (8).png
diff --git a/docs/.gitbook/assets/frame_generic_light (3).png b/docs/.gitbook/assets/frame_generic_light (3).png
diff --git a/docs/.gitbook/assets/frame_generic_light (30).png b/docs/.gitbook/assets/frame_generic_light (30).png
diff --git a/docs/.gitbook/assets/frame_generic_light (31).png b/docs/.gitbook/assets/frame_generic_light (31).png
diff --git a/docs/.gitbook/assets/frame_generic_light (4) (1) (1).png b/docs/.gitbook/assets/frame_generic_light (4) (1) (1).png
diff --git a/docs/.gitbook/assets/frame_generic_light (4) (1).png b/docs/.gitbook/assets/frame_generic_light (4) (1).png
diff --git a/docs/.gitbook/assets/frame_generic_light (4) (2).png b/docs/.gitbook/assets/frame_generic_light (4) (2).png
diff --git a/docs/.gitbook/assets/frame_generic_light (4) (3).png b/docs/.gitbook/assets/frame_generic_light (4) (3).png
diff --git a/docs/.gitbook/assets/frame_generic_light (4) (4).png b/docs/.gitbook/assets/frame_generic_light (4) (4).png
diff --git a/docs/.gitbook/assets/frame_generic_light (4) (5).png b/docs/.gitbook/assets/frame_generic_light (4) (5).png
diff --git a/docs/.gitbook/assets/frame_generic_light (4) (6).png b/docs/.gitbook/assets/frame_generic_light (4) (6).png
diff --git a/docs/.gitbook/assets/frame_generic_light (4) (7).png b/docs/.gitbook/assets/frame_generic_light (4) (7).png
diff --git a/docs/.gitbook/assets/frame_generic_light (4) (8).png b/docs/.gitbook/assets/frame_generic_light (4) (8).png
diff --git a/docs/.gitbook/assets/frame_generic_light (4).png b/docs/.gitbook/assets/frame_generic_light (4).png
diff --git a/docs/.gitbook/assets/frame_generic_light (5) (1) (1).png b/docs/.gitbook/assets/frame_generic_light (5) (1) (1).png
diff --git a/docs/.gitbook/assets/frame_generic_light (5) (1).png b/docs/.gitbook/assets/frame_generic_light (5) (1).png
diff --git a/docs/.gitbook/assets/frame_generic_light (5) (2).png b/docs/.gitbook/assets/frame_generic_light (5) (2).png
diff --git a/docs/.gitbook/assets/frame_generic_light (5) (3).png b/docs/.gitbook/assets/frame_generic_light (5) (3).png
diff --git a/docs/.gitbook/assets/frame_generic_light (5) (4).png b/docs/.gitbook/assets/frame_generic_light (5) (4).png
diff --git a/docs/.gitbook/assets/frame_generic_light (5) (5).png b/docs/.gitbook/assets/frame_generic_light (5) (5).png
diff --git a/docs/.gitbook/assets/frame_generic_light (5).png b/docs/.gitbook/assets/frame_generic_light (5).png
diff --git a/docs/.gitbook/assets/frame_generic_light (6) (1) (1).png b/docs/.gitbook/assets/frame_generic_light (6) (1) (1).png
diff --git a/docs/.gitbook/assets/frame_generic_light (6) (1).png b/docs/.gitbook/assets/frame_generic_light (6) (1).png
diff --git a/docs/.gitbook/assets/frame_generic_light (6) (2).png b/docs/.gitbook/assets/frame_generic_light (6) (2).png
diff --git a/docs/.gitbook/assets/frame_generic_light (6) (3).png b/docs/.gitbook/assets/frame_generic_light (6) (3).png
diff --git a/docs/.gitbook/assets/frame_generic_light (6) (4).png b/docs/.gitbook/assets/frame_generic_light (6) (4).png
diff --git a/docs/.gitbook/assets/frame_generic_light (6).png b/docs/.gitbook/assets/frame_generic_light (6).png
diff --git a/docs/.gitbook/assets/frame_generic_light (7) (1) (1).png b/docs/.gitbook/assets/frame_generic_light (7) (1) (1).png
diff --git a/docs/.gitbook/assets/frame_generic_light (7) (1).png b/docs/.gitbook/assets/frame_generic_light (7) (1).png
diff --git a/docs/.gitbook/assets/frame_generic_light (7) (2).png b/docs/.gitbook/assets/frame_generic_light (7) (2).png
diff --git a/docs/.gitbook/assets/frame_generic_light (7) (3).png b/docs/.gitbook/assets/frame_generic_light (7) (3).png
diff --git a/docs/.gitbook/assets/frame_generic_light (7) (4).png b/docs/.gitbook/assets/frame_generic_light (7) (4).png
diff --git a/docs/.gitbook/assets/frame_generic_light (7) (5).png b/docs/.gitbook/assets/frame_generic_light (7) (5).png
diff --git a/docs/.gitbook/assets/frame_generic_light (7).png b/docs/.gitbook/assets/frame_generic_light (7).png
diff --git a/docs/.gitbook/assets/frame_generic_light (8) (1).png b/docs/.gitbook/assets/frame_generic_light (8) (1).png
diff --git a/docs/.gitbook/assets/frame_generic_light (8) (2).png b/docs/.gitbook/assets/frame_generic_light (8) (2).png
diff --git a/docs/.gitbook/assets/frame_generic_light (8) (3).png b/docs/.gitbook/assets/frame_generic_light (8) (3).png
diff --git a/docs/.gitbook/assets/frame_generic_light (8) (4).png b/docs/.gitbook/assets/frame_generic_light (8) (4).png
diff --git a/docs/.gitbook/assets/frame_generic_light (8) (5).png b/docs/.gitbook/assets/frame_generic_light (8) (5).png
diff --git a/docs/.gitbook/assets/frame_generic_light (8) (6).png b/docs/.gitbook/assets/frame_generic_light (8) (6).png
diff --git a/docs/.gitbook/assets/frame_generic_light (8).png b/docs/.gitbook/assets/frame_generic_light (8).png
diff --git a/docs/.gitbook/assets/frame_generic_light (9) (1).png b/docs/.gitbook/assets/frame_generic_light (9) (1).png
diff --git a/docs/.gitbook/assets/frame_generic_light (9) (2).png b/docs/.gitbook/assets/frame_generic_light (9) (2).png
diff --git a/docs/.gitbook/assets/frame_generic_light (9) (3).png b/docs/.gitbook/assets/frame_generic_light (9) (3).png
diff --git a/docs/.gitbook/assets/frame_generic_light (9) (4).png b/docs/.gitbook/assets/frame_generic_light (9) (4).png
diff --git a/docs/.gitbook/assets/frame_generic_light (9).png b/docs/.gitbook/assets/frame_generic_light (9).png
diff --git a/docs/.gitbook/assets/frame_generic_light.png b/docs/.gitbook/assets/frame_generic_light.png
diff --git a/docs/.gitbook/assets/funnel-chart-l.svg b/docs/.gitbook/assets/funnel-chart-l.svg
diff --git a/docs/.gitbook/assets/gantt-chart-l.svg b/docs/.gitbook/assets/gantt-chart-l.svg
diff --git a/docs/.gitbook/assets/gauge-chart-l.svg b/docs/.gitbook/assets/gauge-chart-l.svg
diff --git a/docs/.gitbook/assets/geomap-charts-l.svg b/docs/.gitbook/assets/geomap-charts-l.svg
diff --git a/docs/.gitbook/assets/geomap-layers-l.svg b/docs/.gitbook/assets/geomap-layers-l.svg
diff --git a/docs/.gitbook/assets/graph-chart-l.svg b/docs/.gitbook/assets/graph-chart-l.svg
diff --git a/docs/.gitbook/assets/grid-view-l.svg b/docs/.gitbook/assets/grid-view-l.svg
diff --git a/docs/.gitbook/assets/heatmap-chart-l.svg b/docs/.gitbook/assets/heatmap-chart-l.svg
diff --git a/docs/.gitbook/assets/hillchart-l.svg b/docs/.gitbook/assets/hillchart-l.svg
diff --git a/docs/.gitbook/assets/icon-button-l.svg b/docs/.gitbook/assets/icon-button-l.svg
diff --git a/docs/.gitbook/assets/icon-l.svg b/docs/.gitbook/assets/icon-l.svg
diff --git a/docs/.gitbook/assets/iframe-l.svg b/docs/.gitbook/assets/iframe-l.svg
diff --git a/docs/.gitbook/assets/image (1) (1).png b/docs/.gitbook/assets/image (1) (1).png
diff --git a/docs/.gitbook/assets/image (1).png b/docs/.gitbook/assets/image (1).png
diff --git a/docs/.gitbook/assets/image (10).png b/docs/.gitbook/assets/image (10).png
diff --git a/docs/.gitbook/assets/image (11).png b/docs/.gitbook/assets/image (11).png
diff --git a/docs/.gitbook/assets/image (12).png b/docs/.gitbook/assets/image (12).png
diff --git a/docs/.gitbook/assets/image (13).png b/docs/.gitbook/assets/image (13).png
diff --git a/docs/.gitbook/assets/image (2) (1).png b/docs/.gitbook/assets/image (2) (1).png
diff --git a/docs/.gitbook/assets/image (2).png b/docs/.gitbook/assets/image (2).png
diff --git a/docs/.gitbook/assets/image (3).png b/docs/.gitbook/assets/image (3).png
diff --git a/docs/.gitbook/assets/image (4).png b/docs/.gitbook/assets/image (4).png
diff --git a/docs/.gitbook/assets/image (5).png b/docs/.gitbook/assets/image (5).png
diff --git a/docs/.gitbook/assets/image (6).png b/docs/.gitbook/assets/image (6).png
diff --git a/docs/.gitbook/assets/image (7).png b/docs/.gitbook/assets/image (7).png
diff --git a/docs/.gitbook/assets/image (8).png b/docs/.gitbook/assets/image (8).png
diff --git a/docs/.gitbook/assets/image (9).png b/docs/.gitbook/assets/image (9).png
diff --git a/docs/.gitbook/assets/image-carousel-l.svg b/docs/.gitbook/assets/image-carousel-l.svg
diff --git a/docs/.gitbook/assets/image-editor-l.svg b/docs/.gitbook/assets/image-editor-l.svg
diff --git a/docs/.gitbook/assets/image-l.svg b/docs/.gitbook/assets/image-l.svg
diff --git a/docs/.gitbook/assets/image.png b/docs/.gitbook/assets/image.png
diff --git a/docs/.gitbook/assets/input-l.svg b/docs/.gitbook/assets/input-l.svg
diff --git a/docs/.gitbook/assets/json-editor-l.svg b/docs/.gitbook/assets/json-editor-l.svg
diff --git a/docs/.gitbook/assets/json-schema-form-l.svg b/docs/.gitbook/assets/json-schema-form-l.svg
diff --git a/docs/.gitbook/assets/json-viewer-l.svg b/docs/.gitbook/assets/json-viewer-l.svg
diff --git a/docs/.gitbook/assets/link-l.svg b/docs/.gitbook/assets/link-l.svg
diff --git a/docs/.gitbook/assets/list-view-l.svg b/docs/.gitbook/assets/list-view-l.svg
diff --git a/docs/.gitbook/assets/lottie-animation-l.svg b/docs/.gitbook/assets/lottie-animation-l.svg
diff --git a/docs/.gitbook/assets/meeting-room-l.svg b/docs/.gitbook/assets/meeting-room-l.svg
diff --git a/docs/.gitbook/assets/mention-l.svg b/docs/.gitbook/assets/mention-l.svg
diff --git a/docs/.gitbook/assets/mermaid-chart-l.svg b/docs/.gitbook/assets/mermaid-chart-l.svg
diff --git a/docs/.gitbook/assets/mighty-table-l.svg b/docs/.gitbook/assets/mighty-table-l.svg
diff --git a/docs/.gitbook/assets/modal-l.svg b/docs/.gitbook/assets/modal-l.svg
diff --git a/docs/.gitbook/assets/module-l.svg b/docs/.gitbook/assets/module-l.svg
diff --git a/docs/.gitbook/assets/multiselect-l.svg b/docs/.gitbook/assets/multiselect-l.svg
diff --git a/docs/.gitbook/assets/navigation-l.svg b/docs/.gitbook/assets/navigation-l.svg
diff --git a/docs/.gitbook/assets/number-input-l.svg b/docs/.gitbook/assets/number-input-l.svg
diff --git a/docs/.gitbook/assets/off-s-1.svg b/docs/.gitbook/assets/off-s-1.svg
diff --git a/docs/.gitbook/assets/page-layout-l.svg b/docs/.gitbook/assets/page-layout-l.svg
diff --git a/docs/.gitbook/assets/password-l.svg b/docs/.gitbook/assets/password-l.svg
diff --git a/docs/.gitbook/assets/pie-chart-l.svg b/docs/.gitbook/assets/pie-chart-l.svg
diff --git a/docs/.gitbook/assets/pivot-table-l.svg b/docs/.gitbook/assets/pivot-table-l.svg
diff --git a/docs/.gitbook/assets/progress-circle-l.svg b/docs/.gitbook/assets/progress-circle-l.svg
diff --git a/docs/.gitbook/assets/progress-l.svg b/docs/.gitbook/assets/progress-l.svg
diff --git a/docs/.gitbook/assets/qr-code-display-l.svg b/docs/.gitbook/assets/qr-code-display-l.svg
diff --git a/docs/.gitbook/assets/radar-chart-l.svg b/docs/.gitbook/assets/radar-chart-l.svg
diff --git a/docs/.gitbook/assets/radio-button-l.svg b/docs/.gitbook/assets/radio-button-l.svg
diff --git a/docs/.gitbook/assets/range-slider-l.svg b/docs/.gitbook/assets/range-slider-l.svg
diff --git a/docs/.gitbook/assets/rating-l.svg b/docs/.gitbook/assets/rating-l.svg
diff --git a/docs/.gitbook/assets/resposive-layout-l.svg b/docs/.gitbook/assets/resposive-layout-l.svg
diff --git a/docs/.gitbook/assets/rich-text-editor-l.svg b/docs/.gitbook/assets/rich-text-editor-l.svg
diff --git a/docs/.gitbook/assets/sankey-chart-l.svg b/docs/.gitbook/assets/sankey-chart-l.svg
diff --git a/docs/.gitbook/assets/scanner-l.svg b/docs/.gitbook/assets/scanner-l.svg
diff --git a/docs/.gitbook/assets/screen-share-stream-l.svg b/docs/.gitbook/assets/screen-share-stream-l.svg
diff --git a/docs/.gitbook/assets/segmented-control-l.svg b/docs/.gitbook/assets/segmented-control-l.svg
diff --git a/docs/.gitbook/assets/select-l.svg b/docs/.gitbook/assets/select-l.svg
diff --git a/docs/.gitbook/assets/shapes-l.svg b/docs/.gitbook/assets/shapes-l.svg
diff --git a/docs/.gitbook/assets/signature-l.svg b/docs/.gitbook/assets/signature-l.svg
diff --git a/docs/.gitbook/assets/slider-l.svg b/docs/.gitbook/assets/slider-l.svg
diff --git a/docs/.gitbook/assets/steps-l.svg b/docs/.gitbook/assets/steps-l.svg
diff --git a/docs/.gitbook/assets/sunburst-chart-l.svg b/docs/.gitbook/assets/sunburst-chart-l.svg
diff --git a/docs/.gitbook/assets/switch-l.svg b/docs/.gitbook/assets/switch-l.svg
diff --git a/docs/.gitbook/assets/tabbed-container-l.svg b/docs/.gitbook/assets/tabbed-container-l.svg
diff --git a/docs/.gitbook/assets/table-l.svg b/docs/.gitbook/assets/table-l.svg
diff --git a/docs/.gitbook/assets/text-area-input-l.svg b/docs/.gitbook/assets/text-area-input-l.svg
diff --git a/docs/.gitbook/assets/text-display-l.svg b/docs/.gitbook/assets/text-display-l.svg
diff --git a/docs/.gitbook/assets/themeriver-chart-l.svg b/docs/.gitbook/assets/themeriver-chart-l.svg
diff --git a/docs/.gitbook/assets/time-range-select-l.svg b/docs/.gitbook/assets/time-range-select-l.svg
diff --git a/docs/.gitbook/assets/time-select-l.svg b/docs/.gitbook/assets/time-select-l.svg
diff --git a/docs/.gitbook/assets/timeline-l.svg b/docs/.gitbook/assets/timeline-l.svg
diff --git a/docs/.gitbook/assets/timer-l.svg b/docs/.gitbook/assets/timer-l.svg
diff --git a/docs/.gitbook/assets/toggle-button-l.svg b/docs/.gitbook/assets/toggle-button-l.svg
diff --git a/docs/.gitbook/assets/transfer-list-l.svg b/docs/.gitbook/assets/transfer-list-l.svg
diff --git a/docs/.gitbook/assets/tree-chart-l.svg b/docs/.gitbook/assets/tree-chart-l.svg
diff --git a/docs/.gitbook/assets/tree-display-l.svg b/docs/.gitbook/assets/tree-display-l.svg
diff --git a/docs/.gitbook/assets/tree-select-l.svg b/docs/.gitbook/assets/tree-select-l.svg
diff --git a/docs/.gitbook/assets/treemap-chart-l.svg b/docs/.gitbook/assets/treemap-chart-l.svg
diff --git a/docs/.gitbook/assets/turnstile-captcha-l.svg b/docs/.gitbook/assets/turnstile-captcha-l.svg
diff --git a/docs/.gitbook/assets/video-player-l.svg b/docs/.gitbook/assets/video-player-l.svg
diff --git a/docs/README.md b/docs/README.md
@@ -8,7 +8,11 @@ Traditionally, building an app requires complex frontend and backend interaction
 
 In Lowcoder, all you need to do is drag and drop pre-built or self-customized components onto the What-You-See-Is-What-You-Get (WYSIWYG) canvas, along with ready-to-connect databases and APIs, Lowcoder helps you build an app quickly and focus on business logic.
 
-<figure><img src=".gitbook/assets/App Editor  Main Screeen clean.png" alt=""><figcaption></figcaption></figure>
+{% embed url="https://www.youtube.com/watch?v=AQo0iFWUWiU" %}
+Lowcoder Intro
+{% endembed %}
+
+
 
 ## Why choose Lowcoder?
 

diff --git a/docs/SUMMARY.md b/docs/SUMMARY.md
diff --git a/docs/build-applications/app-editor/automator.md b/docs/build-applications/app-editor/automator.md
@@ -23,7 +23,7 @@ Stripe uses **volume pricing**: the total seat count selects one rate, and that
 
 The seat count is set at checkout. On installations with seat synchronization enabled, changes to admins and editors are synchronized automatically while the workspace is open. Changes made while it is closed are reconciled on the next visit. Additions and removals are prorated on the next invoice. Viewers never count as billable seats.
 
-Seat synchronization requires deployment of the frontend and API changes and configuration of the private n8n relay. See the [server setup guide](../../../server/api-service/README.md#subscription-seat-synchronization).
+Seat synchronization requires deployment of the frontend and API changes and configuration of the private n8n relay. See the [server setup guide](https://github.com/lowcoder-org/lowcoder/blob/main/server/api-service/README.md#subscription-seat-synchronization).
 
 AI Robot provides access to Automator. Model-provider usage is billed separately under your provider's terms.
 

diff --git a/docs/build-applications/app-editor/data-selection-and-javascript.md b/docs/build-applications/app-editor/data-selection-and-javascript.md
@@ -49,6 +49,10 @@ Return name from query results.
 {{query1.data.map(i => i.name)}}. 
 ```
 
+#### Demo :&#x20;
+
+{% embed url="https://app.supademo.com/demo/clywwf2g61gzuz9kdlj9urrjm" %}
+
 ## Restrictions
 
 The JS code in `{{ }}` should be a single-line code, such as `.map()` or `.reduce()` combined with an arrow function or a ternary operator.
@@ -72,7 +76,7 @@ The following JS code examples are illegal in `{{ }}`.
 }}
 ```
 
-If you wish to orchestrate multiple lines of JavaScript, Lowcoder supports you writing such code in transformers.
+If you wish to orchestrate multiple lines of JavaScript, Lowcoder supports you writing such code in [Transformers](../../business-logic-in-apps/write-javascript/transformers.md) and [JavaScript Queries](../../business-logic-in-apps/write-javascript/javascript-query.md).
 
 ```javascript
 // codes inside a transformer

diff --git a/docs/build-applications/app-editor/option-lists.md b/docs/build-applications/app-editor/option-lists.md
@@ -0,0 +1,71 @@
+# Option lists
+
+A drop menu ensures easy and error-free user input by offering a list of possible options. Lowcoder supports implementing option lists using components such as **Select** and **Multiselect**. You can configure an option list either manually or by mapping data from your data sources.
+
+## Properties
+
+Each option list has four properties.
+
+* **Label**: the displayed text of the option to users
+* **Value**: the unique identifier of the option
+* **Disabled**: disable the option (the default value is `false`)
+* **Hidden**: hide the option (the default value is `false`)
+
+{% hint style="warning" %}
+When more than one option in one list uses the same value, only the first option is valid and thus displayed.
+{% endhint %}
+
+## Manual mode
+
+In Manual Mode, data is entered into a Component manually. Users have to add entries one by one. Some components with Manual mode of data entry are :
+
+1. Select / Multi-Select
+2. Dropdown
+
+<figure><img src="../../.gitbook/assets/image (12).png" alt=""><figcaption></figcaption></figure>
+
+**Example :**
+
+Let’s take an example where a User has to choose his/her favourite color from a list of colors. We will use the **Select** component for this example. Please, go via the following demo. All the details have been explained in it.
+
+**App link :** [**https://app.lowcoder.cloud/apps/668e6c60ba4684206ee5d15e/view**](https://app.lowcoder.cloud/apps/668e6c60ba4684206ee5d15e/view)
+
+**Demo :**&#x20;
+
+{% embed url="https://app.supademo.com/demo/clyfrzyi60b6dai225qmc08sw" %}
+
+Manual mode is recommended for these scenarios:
+
+* Manually manageable and enumerable.
+* Used by only one component.
+* Data doesn't come from data sources.
+
+## Mapped mode
+
+In Mapped mode, data is usually coming from a Data source ( like an API or DB ), Transformer or Temporary state, Or it can be in JSON format. In other words, we use Mapped mode when we have dynamic data. Admin only needs to map the relevant data to respective fields, without mapping each value to a field. It’s fast and dynamic. E.g. we should use Mapped mode when we need to show a list of Countries name coming via an API. Some components with Mapped mode of data entry are :
+
+1. Select / Multi-Select
+2. Dropdown
+
+<figure><img src="../../.gitbook/assets/image (1) (1).png" alt=""><figcaption></figcaption></figure>
+
+**Example :**
+
+Let’s take the 1st example where data is in JSON format, and contains a List of Objects where each object has a name and link fields. In the 2nd example, we show a list of all countries' names in a dropdown. Let’s go via following demo to understand the key concepts around Mapped data mode.
+
+**App link :** [**https://app.lowcoder.cloud/apps/667eb219f0558f2f43e386c3/view**](https://app.lowcoder.cloud/apps/667eb219f0558f2f43e386c3/view)
+
+**Demo :**&#x20;
+
+{% embed url="https://app.supademo.com/demo/clyfv3enn0byiai22mzzuskq1" %}
+
+**When to use Mapped Mode:**
+
+* When we have data coming from a Data source like API or DB, Transformer or Temporary state.
+* When data is used by multiple components.
+
+### Key difference b/w Manual & Mapped Mode : <a href="#howd0cosepq3" id="howd0cosepq3"></a>
+
+
+
+<table><thead><tr><th width="270">Details</th><th width="214">Use Manual Mode</th><th>Use Mapped Mode</th></tr></thead><tbody><tr><td>When data is coming via a Data source like API or DB</td><td>No</td><td>Yes</td></tr><tr><td>When data is used in multiple components</td><td>No</td><td>Yes</td></tr><tr><td>When Data is small/manageable</td><td>Yes</td><td>No</td></tr><tr><td>When data is used in single component</td><td>Yes</td><td>No</td></tr></tbody></table>
diff --git a/docs/build-applications/app-editor/query-and-editing-roundtrips.md b/docs/build-applications/app-editor/query-and-editing-roundtrips.md
@@ -0,0 +1,20 @@
+# Query & Editing Roundtrips
+
+These pages are dedicated to showing the possibilities of dealing with Data in certain ways in Lowcoder.
+
+* Table Data Handing
+* Form Data Handing
+* File & Binary Data Handling
+* Streaming Data
+
+### Table Data Handing
+
+The Table Data Handling Demo demonstrates how to load, display, edit and store the changed data for Tables.
+
+{% embed url="https://app.supademo.com/demo/clxri6p3d4ctht2oemjdxz12f" %}
+
+### Table and Form Automation
+
+In this Demo you can find a demonstration how Lowcoder supports you based on a Datasource to automatically configure Tables and Forms.
+
+{% embed url="https://app.supademo.com/demo/lKyLkUC65W-W08-265rPu" %}
diff --git a/docs/build-applications/app-editor/visual-components/README.md b/docs/build-applications/app-editor/visual-components/README.md
diff --git a/...ild-applications/app-editor/visual-components/calendar-and-scheduling/README.md b/...ild-applications/app-editor/visual-components/calendar-and-scheduling/README.md
@@ -0,0 +1,2 @@
+# Calendar & Scheduling
+
diff --git a/...d-applications/app-editor/visual-components/calendar-and-scheduling/calendar.md b/...d-applications/app-editor/visual-components/calendar-and-scheduling/calendar.md
@@ -0,0 +1,224 @@
+# Calendar
+
+The Calendar Component is a feature-rich way to organize and edit date and calendar entries in Lowcoder. To offer the best experience for Calendars, we integrated the [fullcalendar.io](https://fullcalendar.io/docs) Project.
+
+You can refer to the documentation like this: [https://fullcalendar.io/docs](https://fullcalendar.io/docs)
+
+<figure><img src="../../../../.gitbook/assets/Component Calendar  Overview.png" alt=""><figcaption></figcaption></figure>
+
+### Dynamic Data for Events
+
+In the "Basic" section, you can bind your Datasource to feed the calendar with your existing Events.
+
+The JSON structure is an array of objects, where each object represents a single event on the calendar. Here's a breakdown of what each key in the object means:
+
+* **`id`**: A unique identifier for the event. This is a string that helps distinguish each event from others.
+* **`title`**: The name or title of the event. This is a brief description that will be displayed on the calendar to represent the event.
+* **`start`**: The start date and time of the event. This should be in the format "YYYY-MM-DD HH:MM:SS". For all-day events, you can omit the time part and only provide the date.
+* **`end`**: The end date and time of the event, following the same format as the start date. For all-day events that last multiple days, this indicates the end date.
+* **`color`**: (Optional) A string representing the color code (in hexadecimal format) to be used for the event's display on the calendar. This allows for visual differentiation between different types of events.
+* **`allDay`**: (Optional) A boolean value (`true` or `false`) indicating whether the event lasts all day. If `true`, the event will be shown as an all-day event, possibly in a different section of the calendar or styled differently. If this key is omitted, the event is treated as having specific start and end times.
+
+```
+[
+    {
+        "id": "1",
+        "title": "Coding",
+        "start": "2024-03-04 09:00:00",
+        "end": "2024-03-04 23:30:00",
+        "color": "#079968",
+        "allDay": true
+    },...
+]
+```
+
+As soon as a user edits or adds a new Event, the data object is updated so that you can persist this change on your chosen Datasource.&#x20;
+
+```
+// Access all current calendar event data
+return calendar1.events;
+```
+
+### Editable Calendar
+
+Based on the Setting "Editable" you can allow your Application Users to add or edit own Calendar Events. A small modal opens and allows the entry of Event information.
+
+### Premium Views
+
+To display the Premium Views (Resource Timeline and Resource Grid), you must purchase a License at [https://fullcalendar.io/purchase](https://fullcalendar.io/purchase) per Developer Seat. This License is then valid for all App Users in the Role "Member / Viewer".
+
+You can enter the License Key in the Property Settings Menu. As soon as you enter the License Key, the Premium Views will be available at the Dropdown "Default View".
+
+### Component Playground
+
+On Component Playground, you can interact with the Calendar component and explore it's Properties, Events and Methods. Play with different Styling properties to see the effect on the Calendar component.
+
+{% embed url="https://app.lowcoder.cloud/playground/calendar/1" %}
+
+### Component Auto-Docs
+
+In the Auto-Docs of Calendar component, we have shown how to use different properties of the Calendar component. It also includes the Styling properties of the Calendar component.
+
+{% embed url="https://app.lowcoder.cloud/components/calendar" %}
+
+### Properties of the Calendar
+
+These properties are accessible in \{{ \}} notations, as well as in JavaScript Queries.&#x20;
+
+<table><thead><tr><th width="168.40234375">Property Name</th><th width="144.2265625">Type</th><th>Description</th></tr></thead><tbody><tr><td>allEvents</td><td>Array</td><td>An array of Objects containing list of all the Events on a Calendar component</td></tr><tr><td>events</td><td>Array</td><td></td></tr><tr><td>hidden</td><td>Boolean</td><td>Returns True or False based on whether the Form component is hidden or not</td></tr><tr><td>resources</td><td>Array</td><td></td></tr><tr><td>resourcesEvents</td><td>Array</td><td></td></tr><tr><td>toDeletedEvents</td><td>Object</td><td></td></tr><tr><td>toInsertedEvents</td><td>Object</td><td>An Object to be Inserted as a new Event in the Calendar </td></tr><tr><td>toUpdatedEvents</td><td>Object</td><td>An Object to be updated as an Event in the Calendar</td></tr></tbody></table>
+
+#### Events <a href="#events" id="events"></a>
+
+Events give you the ability to trigger further actions (with Event-Handlers).
+
+<table><thead><tr><th width="175.01953125">Event Name</th><th width="442.3671875">Description</th></tr></thead><tbody><tr><td>Change</td><td>When a User make any"changes" to the Calendar component.</td></tr><tr><td>Double Click</td><td>When a User "Double Click" on an Event or a Time slot.</td></tr><tr><td>Drag</td><td>When a User "Drags" an Event.</td></tr><tr><td>Drop</td><td>When a User "Drops" an Event.</td></tr></tbody></table>
+
+#### Methods <a href="#methods" id="methods"></a>
+
+You have the capability to engage with components via their respective methods, which can be accessed by their designated names within any segment where JavaScript is utilized. Additionally, these components can be activated through the 'Control Component' action, which is triggered in response to specific events.
+
+**setResources() :**&#x20;
+
+calendar1.setResources() method sets the Calendar's Resources property. This method takes an Array of Object/s as an argument.
+
+```javascript
+calendar1.setResources(
+  [
+    {
+        "id": "1",
+        "title": "South Auditorium"
+    },
+    {
+        "id": "2",
+        "title": "West Auditorium",
+        "eventColor": "gree"
+    },
+    {
+        "id": "3",
+        "title": "HQ Auditorium",
+        "children": [
+            {
+                "id": "r1",
+                "title": "Room 1"
+            },
+            {
+                "id": "r2",
+                "title": "Room 2"
+            }
+        ]
+    }
+]);
+```
+
+**clearResources() :**&#x20;
+
+calendar1.clearResources() method clears the Calendar's Resources property, and removes all the Resources.
+
+```javascript
+calendar1.clearResources();
+```
+
+**resetResources() :**&#x20;
+
+calendar1.resetResources() method resets the Calendar's Resources property to the default data.
+
+```javascript
+calendar1.clearResources();
+```
+
+**clearInsertedEvents() :**&#x20;
+
+calendar1.clearInsertedEvents() method clears any newly inserted event on the Calendar component. It clears the value of the **toInsertedEvents** property.
+
+```javascript
+calendar1.clearInsertedEvents();
+```
+
+**clearUpdatedEvents() :**&#x20;
+
+calendar1.clearUpdatedEvents() method clears any updated details on the event of the Calendar component. It clears the value of the **toUpdatedEvents** property.
+
+```javascript
+calendar1.clearUpdatedEvents();
+```
+
+**clearDeletedEvents() :**
+
+calendar1.clearDeletedEvents() method clears any deleted event from the Calendar component. It clears the value of the **toDeletedEvents** property.
+
+```javascript
+calendar1.clearDeletedEvents();
+```
+
+**setDayGridDayView() :**&#x20;
+
+calendar1.setDayGridDayView() method sets the Calendar view where list of the current Day's Events is shown. It switches the Calendar view to 'Day Grid Day', displaying a Single day in a grid layout that includes all events for that day.
+
+```javascript
+calendar1.setDayGridDayView();
+```
+
+**setDayGridMonthView() :**
+
+calendar1.setDayGridMonthView() method sets the Calendar view where current Month is shown. It switches the Calendar view to 'Day Grid Month', presenting the entire month in a grid with events displayed on their respective days.
+
+```javascript
+calendar1.setDayGridMonthView();
+```
+
+**setDayGridWeekView() :**
+
+calendar1.setDayGridWeekView() method sets the Calendar view where list of the current Week's Events is shown. It switches the Calendar view to 'Day Grid Week', where the days of the week are displayed as Columns and Events are laid out in Grid form.
+
+```javascript
+calendar1.setDayGridWeekView();
+```
+
+**setListWeekView() :**
+
+calendar1.setListWeekView() method sets the Calendar view where only those days of the Week are shown which have some Events. It switches the Calendar view to 'List Week', which provides a list-style overview of all the events happening throughout the week.
+
+```javascript
+calendar1.setListWeekView();
+```
+
+**setMultiMonthYearView() :**&#x20;
+
+calendar1.setMultiMonthYearView() method sets the Calendar view where Full current year is shown on the Calendar component with all the 12 months. It switches the Calendar view to 'Multi Month Year', showing multiple months at once, allowing for long-term planning and overview.
+
+```javascript
+calendar1.setMultiMonthYearView();
+```
+
+**setTimeGridDayView() :**
+
+calendar1.setTimeGridDayView() method sets the Calendar view where current Day is shown with full 24 hours timeline. It switches the Calendar view to 'Time Grid Day', which shows a detailed hourly schedule for a Single day.
+
+```javascript
+calendar1.setTimeGridDayView();
+```
+
+**setTimeGridWeekView() :**
+
+calendar1.setTimeGridWeekView() method sets the Calendar view where current Week is shown with full 7 days and 24 hours timeline. It switches the Calendar view to 'Day Grid Week', where the days of the week are displayed as Columns and Events are laid out in Grid form.
+
+```javascript
+calendar1.setTimeGridWeekView();
+```
+
+**setResourceTimeGridDayView() :**
+
+calendar1.setResourceTimeGridDayView() is yet to be implemented. It switches the Calendar view to 'Resource Time Grid Day', which displays resources along the vertical axis and the hours of the Single day along the horizontal axis.
+
+```javascript
+calendar1.setResourceTimeGridDayView();
+```
+
+**setResourceTimelineDayView() :**
+
+calendar1.setResourceTimelineDayView() is yet to be implemented. It switches the Calendar view to 'Resource Timeline Day', showing Events against a timeline for a Single day, segmented by Resources.
+
+```javascript
+calendar1.setResourceTimelineDayView();
+```
+