diff --git a/examples/tabs/Tabs.ll b/examples/tabs/Tabs.ll index 316b56d..1860fa2 100644 --- a/examples/tabs/Tabs.ll +++ b/examples/tabs/Tabs.ll @@ -27,37 +27,48 @@ @.str.22 = private unnamed_addr constant [16 x i8] c"Invalid setting\00" @.str.23 = private unnamed_addr constant [14 x i8] c"vertical-tabs\00" @.str.24 = private unnamed_addr constant [18 x i8] c"vertical-tab-menu\00" -@.str.25 = private unnamed_addr constant [21 x i8] c"vertical-tab-content\00" -@.str.26 = private unnamed_addr constant [14 x i8] c"tab-pane home\00" -@.str.27 = private unnamed_addr constant [3 x i8] c"h2\00" -@.str.28 = private unnamed_addr constant [18 x i8] c"🏠 Welcome Home\00" -@.str.29 = private unnamed_addr constant [29 x i8] c"This is your home dashboard.\00" -@.str.30 = private unnamed_addr constant [37 x i8] c"All your important info at a glance.\00" -@.str.31 = private unnamed_addr constant [3 x i8] c"ul\00" -@.str.32 = private unnamed_addr constant [20 x i8] c"✓ Recent activity\00" -@.str.33 = private unnamed_addr constant [18 x i8] c"✓ Quick actions\00" -@.str.34 = private unnamed_addr constant [18 x i8] c"✓ Summary stats\00" -@.str.35 = private unnamed_addr constant [17 x i8] c"tab-pane profile\00" -@.str.36 = private unnamed_addr constant [18 x i8] c"👤 Your Profile\00" -@.str.37 = private unnamed_addr constant [30 x i8] c"Manage your account settings.\00" -@.str.38 = private unnamed_addr constant [13 x i8] c"profile-info\00" -@.str.39 = private unnamed_addr constant [16 x i8] c"Name: Ritz User\00" -@.str.40 = private unnamed_addr constant [21 x i8] c"Email: user@ritz.dev\00" -@.str.41 = private unnamed_addr constant [19 x i8] c"Member since: 2025\00" -@.str.42 = private unnamed_addr constant [18 x i8] c"tab-pane settings\00" -@.str.43 = private unnamed_addr constant [16 x i8] c"⚙️ Settings\00" -@.str.44 = private unnamed_addr constant [55 x i8] c"Configure your preferences using the categories below:\00" -@.str.45 = private unnamed_addr constant [15 x i8] c"tab-pane error\00" -@.str.46 = private unnamed_addr constant [28 x i8] c"⚠️ Invalid tab selected\00" -@.str.47 = private unnamed_addr constant [15 x i8] c"tabs-container\00" -@.str.48 = private unnamed_addr constant [3 x i8] c"h1\00" -@.str.49 = private unnamed_addr constant [19 x i8] c"Tab Component Demo\00" -@.str.50 = private unnamed_addr constant [9 x i8] c"subtitle\00" -@.str.51 = private unnamed_addr constant [58 x i8] c"Beautiful composition with TabMenu and TabPane components\00" -@.str.52 = private unnamed_addr constant [9 x i8] c"tab-menu\00" -@.str.53 = private unnamed_addr constant [12 x i8] c"tab-content\00" -@.str.54 = private unnamed_addr constant [13 x i8] c"debug-footer\00" -@.str.55 = private unnamed_addr constant [2 x i8] c"0\00" +@.str.25 = private unnamed_addr constant [23 x i8] c"_lambda_0_VerticalTabs\00" +@.str.26 = private unnamed_addr constant [15 x i8] c"⚙️ General\00" +@.str.27 = private unnamed_addr constant [23 x i8] c"_lambda_1_VerticalTabs\00" +@.str.28 = private unnamed_addr constant [13 x i8] c"🔒 Privacy\00" +@.str.29 = private unnamed_addr constant [23 x i8] c"_lambda_2_VerticalTabs\00" +@.str.30 = private unnamed_addr constant [14 x i8] c"🚀 Advanced\00" +@.str.31 = private unnamed_addr constant [21 x i8] c"vertical-tab-content\00" +@.str.32 = private unnamed_addr constant [14 x i8] c"tab-pane home\00" +@.str.33 = private unnamed_addr constant [3 x i8] c"h2\00" +@.str.34 = private unnamed_addr constant [18 x i8] c"🏠 Welcome Home\00" +@.str.35 = private unnamed_addr constant [29 x i8] c"This is your home dashboard.\00" +@.str.36 = private unnamed_addr constant [37 x i8] c"All your important info at a glance.\00" +@.str.37 = private unnamed_addr constant [3 x i8] c"ul\00" +@.str.38 = private unnamed_addr constant [20 x i8] c"✓ Recent activity\00" +@.str.39 = private unnamed_addr constant [18 x i8] c"✓ Quick actions\00" +@.str.40 = private unnamed_addr constant [18 x i8] c"✓ Summary stats\00" +@.str.41 = private unnamed_addr constant [17 x i8] c"tab-pane profile\00" +@.str.42 = private unnamed_addr constant [18 x i8] c"👤 Your Profile\00" +@.str.43 = private unnamed_addr constant [30 x i8] c"Manage your account settings.\00" +@.str.44 = private unnamed_addr constant [13 x i8] c"profile-info\00" +@.str.45 = private unnamed_addr constant [16 x i8] c"Name: Ritz User\00" +@.str.46 = private unnamed_addr constant [21 x i8] c"Email: user@ritz.dev\00" +@.str.47 = private unnamed_addr constant [19 x i8] c"Member since: 2025\00" +@.str.48 = private unnamed_addr constant [18 x i8] c"tab-pane settings\00" +@.str.49 = private unnamed_addr constant [16 x i8] c"⚙️ Settings\00" +@.str.50 = private unnamed_addr constant [55 x i8] c"Configure your preferences using the categories below:\00" +@.str.51 = private unnamed_addr constant [15 x i8] c"tab-pane error\00" +@.str.52 = private unnamed_addr constant [28 x i8] c"⚠️ Invalid tab selected\00" +@.str.53 = private unnamed_addr constant [15 x i8] c"tabs-container\00" +@.str.54 = private unnamed_addr constant [3 x i8] c"h1\00" +@.str.55 = private unnamed_addr constant [19 x i8] c"Tab Component Demo\00" +@.str.56 = private unnamed_addr constant [9 x i8] c"subtitle\00" +@.str.57 = private unnamed_addr constant [58 x i8] c"Beautiful composition with TabMenu and TabPane components\00" +@.str.58 = private unnamed_addr constant [9 x i8] c"tab-menu\00" +@.str.59 = private unnamed_addr constant [15 x i8] c"_lambda_0_Tabs\00" +@.str.60 = private unnamed_addr constant [10 x i8] c"🏠 Home\00" +@.str.61 = private unnamed_addr constant [15 x i8] c"_lambda_1_Tabs\00" +@.str.62 = private unnamed_addr constant [13 x i8] c"👤 Profile\00" +@.str.63 = private unnamed_addr constant [15 x i8] c"_lambda_2_Tabs\00" +@.str.64 = private unnamed_addr constant [12 x i8] c"tab-content\00" +@.str.65 = private unnamed_addr constant [13 x i8] c"debug-footer\00" +@.str.66 = private unnamed_addr constant [2 x i8] c"0\00" ; JavaScript bridge function declarations declare i32 @js_create_element(i8*) @@ -105,6 +116,11 @@ entry: @cond_0_case_2_root = global i32 0 @cond_0_case_3_root = global i32 0 +; Reactive attribute element storage +@reactive_attr_0_elem = global i32 0 +@reactive_attr_1_elem = global i32 0 +@reactive_attr_2_elem = global i32 0 + ; Signal helper functions define i32 @get_setting_tab() { entry: @@ -119,11 +135,53 @@ entry: ret void } +; Event handler: _lambda_0_VerticalTabs +define void @_lambda_0_VerticalTabs() { +entry: + call void @set_setting(i32 0) + ret void +} + +; Event handler: _lambda_1_VerticalTabs +define void @_lambda_1_VerticalTabs() { +entry: + call void @set_setting(i32 1) + ret void +} + +; Event handler: _lambda_2_VerticalTabs +define void @_lambda_2_VerticalTabs() { +entry: + call void @set_setting(i32 2) + ret void +} + ; Event handler: set_setting define void @set_setting(i32 %value) { entry: store i32 %value, i32* @signal_VerticalTabs_setting_tab call void @reevaluate_conditional_0() + %var7 = load i32, i32* @reactive_attr_0_elem + %var8 = load i32, i32* @signal_VerticalTabs_setting_tab + %var9 = icmp eq i32 %var8, 0 + %var10 = zext i1 %var9 to i32 + %var11 = icmp ne i32 %var10, 0 + %var12 = select i1 %var11, i8* getelementptr inbounds ([20 x i8], [20 x i8]* @.str.7, i32 0, i32 0), i8* getelementptr inbounds ([13 x i8], [13 x i8]* @.str.8, i32 0, i32 0) + call void @js_set_attribute(i32 %var7, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.3, i32 0, i32 0), i8* %var12) + %var13 = load i32, i32* @reactive_attr_1_elem + %var14 = load i32, i32* @signal_VerticalTabs_setting_tab + %var15 = icmp eq i32 %var14, 1 + %var16 = zext i1 %var15 to i32 + %var17 = icmp ne i32 %var16, 0 + %var18 = select i1 %var17, i8* getelementptr inbounds ([20 x i8], [20 x i8]* @.str.7, i32 0, i32 0), i8* getelementptr inbounds ([13 x i8], [13 x i8]* @.str.8, i32 0, i32 0) + call void @js_set_attribute(i32 %var13, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.3, i32 0, i32 0), i8* %var18) + %var19 = load i32, i32* @reactive_attr_2_elem + %var20 = load i32, i32* @signal_VerticalTabs_setting_tab + %var21 = icmp eq i32 %var20, 2 + %var22 = zext i1 %var21 to i32 + %var23 = icmp ne i32 %var22, 0 + %var24 = select i1 %var23, i8* getelementptr inbounds ([20 x i8], [20 x i8]* @.str.7, i32 0, i32 0), i8* getelementptr inbounds ([13 x i8], [13 x i8]* @.str.8, i32 0, i32 0) + call void @js_set_attribute(i32 %var19, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.3, i32 0, i32 0), i8* %var24) ret void } @@ -131,35 +189,35 @@ entry: define void @_init_conditional_0() { entry: ; Render all cases upfront - %var7 = call i32 @_render_cond_0_case_0() - store i32 %var7, i32* @cond_0_case_0_root - %var8 = call i32 @_render_cond_0_case_1() - store i32 %var8, i32* @cond_0_case_1_root - %var9 = call i32 @_render_cond_0_case_2() - store i32 %var9, i32* @cond_0_case_2_root - %var10 = call i32 @_render_cond_0_case_3() - store i32 %var10, i32* @cond_0_case_3_root - %var11 = load i32, i32* @signal_VerticalTabs_setting_tab - %var12 = load i32, i32* @cond_0_marker - switch i32 %var11, label %insert_case_3 [ + %var25 = call i32 @_render_cond_0_case_0() + store i32 %var25, i32* @cond_0_case_0_root + %var26 = call i32 @_render_cond_0_case_1() + store i32 %var26, i32* @cond_0_case_1_root + %var27 = call i32 @_render_cond_0_case_2() + store i32 %var27, i32* @cond_0_case_2_root + %var28 = call i32 @_render_cond_0_case_3() + store i32 %var28, i32* @cond_0_case_3_root + %var29 = load i32, i32* @signal_VerticalTabs_setting_tab + %var30 = load i32, i32* @cond_0_marker + switch i32 %var29, label %insert_case_3 [ i32 0, label %insert_case_0 i32 1, label %insert_case_1 i32 2, label %insert_case_2 ] insert_case_0: - call void @js_replace_at_marker(i32 %var12, i32 0, i32 %var7) + call void @js_replace_at_marker(i32 %var30, i32 0, i32 %var25) store i32 0, i32* @cond_0_current ret void insert_case_1: - call void @js_replace_at_marker(i32 %var12, i32 0, i32 %var8) + call void @js_replace_at_marker(i32 %var30, i32 0, i32 %var26) store i32 1, i32* @cond_0_current ret void insert_case_2: - call void @js_replace_at_marker(i32 %var12, i32 0, i32 %var9) + call void @js_replace_at_marker(i32 %var30, i32 0, i32 %var27) store i32 2, i32* @cond_0_current ret void insert_case_3: - call void @js_replace_at_marker(i32 %var12, i32 0, i32 %var10) + call void @js_replace_at_marker(i32 %var30, i32 0, i32 %var28) store i32 3, i32* @cond_0_current ret void } @@ -167,127 +225,127 @@ insert_case_3: ; Re-evaluate conditional 0 (match) define void @reevaluate_conditional_0() { entry: - %var13 = load i32, i32* @signal_VerticalTabs_setting_tab - %var14 = load i32, i32* @cond_0_current - switch i32 %var13, label %case_3 [ + %var31 = load i32, i32* @signal_VerticalTabs_setting_tab + %var32 = load i32, i32* @cond_0_current + switch i32 %var31, label %case_3 [ i32 0, label %case_0 i32 1, label %case_1 i32 2, label %case_2 ] case_0: - %var15 = icmp ne i32 %var14, 0 - br i1 %var15, label %swap_0, label %done + %var33 = icmp ne i32 %var32, 0 + br i1 %var33, label %swap_0, label %done swap_0: - %var16 = load i32, i32* @cond_0_marker - %var17 = load i32, i32* @cond_0_case_0_root - switch i32 %var14, label %load_old_0_3 [ + %var34 = load i32, i32* @cond_0_marker + %var35 = load i32, i32* @cond_0_case_0_root + switch i32 %var32, label %load_old_0_3 [ i32 0, label %load_old_0_0 i32 1, label %load_old_0_1 i32 2, label %load_old_0_2 i32 3, label %load_old_0_3 ] load_old_0_0: - %var19 = load i32, i32* @cond_0_case_0_root + %var37 = load i32, i32* @cond_0_case_0_root br label %merge_0 load_old_0_1: - %var20 = load i32, i32* @cond_0_case_1_root + %var38 = load i32, i32* @cond_0_case_1_root br label %merge_0 load_old_0_2: - %var21 = load i32, i32* @cond_0_case_2_root + %var39 = load i32, i32* @cond_0_case_2_root br label %merge_0 load_old_0_3: - %var22 = load i32, i32* @cond_0_case_3_root + %var40 = load i32, i32* @cond_0_case_3_root br label %merge_0 merge_0: - %var18 = phi i32 [ %var19, %load_old_0_0 ], [ %var20, %load_old_0_1 ], [ %var21, %load_old_0_2 ], [ %var22, %load_old_0_3 ] - call void @js_replace_at_marker(i32 %var16, i32 %var18, i32 %var17) + %var36 = phi i32 [ %var37, %load_old_0_0 ], [ %var38, %load_old_0_1 ], [ %var39, %load_old_0_2 ], [ %var40, %load_old_0_3 ] + call void @js_replace_at_marker(i32 %var34, i32 %var36, i32 %var35) store i32 0, i32* @cond_0_current br label %done case_1: - %var23 = icmp ne i32 %var14, 1 - br i1 %var23, label %swap_1, label %done + %var41 = icmp ne i32 %var32, 1 + br i1 %var41, label %swap_1, label %done swap_1: - %var24 = load i32, i32* @cond_0_marker - %var25 = load i32, i32* @cond_0_case_1_root - switch i32 %var14, label %load_old_1_3 [ + %var42 = load i32, i32* @cond_0_marker + %var43 = load i32, i32* @cond_0_case_1_root + switch i32 %var32, label %load_old_1_3 [ i32 0, label %load_old_1_0 i32 1, label %load_old_1_1 i32 2, label %load_old_1_2 i32 3, label %load_old_1_3 ] load_old_1_0: - %var27 = load i32, i32* @cond_0_case_0_root + %var45 = load i32, i32* @cond_0_case_0_root br label %merge_1 load_old_1_1: - %var28 = load i32, i32* @cond_0_case_1_root + %var46 = load i32, i32* @cond_0_case_1_root br label %merge_1 load_old_1_2: - %var29 = load i32, i32* @cond_0_case_2_root + %var47 = load i32, i32* @cond_0_case_2_root br label %merge_1 load_old_1_3: - %var30 = load i32, i32* @cond_0_case_3_root + %var48 = load i32, i32* @cond_0_case_3_root br label %merge_1 merge_1: - %var26 = phi i32 [ %var27, %load_old_1_0 ], [ %var28, %load_old_1_1 ], [ %var29, %load_old_1_2 ], [ %var30, %load_old_1_3 ] - call void @js_replace_at_marker(i32 %var24, i32 %var26, i32 %var25) + %var44 = phi i32 [ %var45, %load_old_1_0 ], [ %var46, %load_old_1_1 ], [ %var47, %load_old_1_2 ], [ %var48, %load_old_1_3 ] + call void @js_replace_at_marker(i32 %var42, i32 %var44, i32 %var43) store i32 1, i32* @cond_0_current br label %done case_2: - %var31 = icmp ne i32 %var14, 2 - br i1 %var31, label %swap_2, label %done + %var49 = icmp ne i32 %var32, 2 + br i1 %var49, label %swap_2, label %done swap_2: - %var32 = load i32, i32* @cond_0_marker - %var33 = load i32, i32* @cond_0_case_2_root - switch i32 %var14, label %load_old_2_3 [ + %var50 = load i32, i32* @cond_0_marker + %var51 = load i32, i32* @cond_0_case_2_root + switch i32 %var32, label %load_old_2_3 [ i32 0, label %load_old_2_0 i32 1, label %load_old_2_1 i32 2, label %load_old_2_2 i32 3, label %load_old_2_3 ] load_old_2_0: - %var35 = load i32, i32* @cond_0_case_0_root + %var53 = load i32, i32* @cond_0_case_0_root br label %merge_2 load_old_2_1: - %var36 = load i32, i32* @cond_0_case_1_root + %var54 = load i32, i32* @cond_0_case_1_root br label %merge_2 load_old_2_2: - %var37 = load i32, i32* @cond_0_case_2_root + %var55 = load i32, i32* @cond_0_case_2_root br label %merge_2 load_old_2_3: - %var38 = load i32, i32* @cond_0_case_3_root + %var56 = load i32, i32* @cond_0_case_3_root br label %merge_2 merge_2: - %var34 = phi i32 [ %var35, %load_old_2_0 ], [ %var36, %load_old_2_1 ], [ %var37, %load_old_2_2 ], [ %var38, %load_old_2_3 ] - call void @js_replace_at_marker(i32 %var32, i32 %var34, i32 %var33) + %var52 = phi i32 [ %var53, %load_old_2_0 ], [ %var54, %load_old_2_1 ], [ %var55, %load_old_2_2 ], [ %var56, %load_old_2_3 ] + call void @js_replace_at_marker(i32 %var50, i32 %var52, i32 %var51) store i32 2, i32* @cond_0_current br label %done case_3: - %var39 = icmp ne i32 %var14, 3 - br i1 %var39, label %swap_3, label %done + %var57 = icmp ne i32 %var32, 3 + br i1 %var57, label %swap_3, label %done swap_3: - %var40 = load i32, i32* @cond_0_marker - %var41 = load i32, i32* @cond_0_case_3_root - switch i32 %var14, label %load_old_3_3 [ + %var58 = load i32, i32* @cond_0_marker + %var59 = load i32, i32* @cond_0_case_3_root + switch i32 %var32, label %load_old_3_3 [ i32 0, label %load_old_3_0 i32 1, label %load_old_3_1 i32 2, label %load_old_3_2 i32 3, label %load_old_3_3 ] load_old_3_0: - %var43 = load i32, i32* @cond_0_case_0_root + %var61 = load i32, i32* @cond_0_case_0_root br label %merge_3 load_old_3_1: - %var44 = load i32, i32* @cond_0_case_1_root + %var62 = load i32, i32* @cond_0_case_1_root br label %merge_3 load_old_3_2: - %var45 = load i32, i32* @cond_0_case_2_root + %var63 = load i32, i32* @cond_0_case_2_root br label %merge_3 load_old_3_3: - %var46 = load i32, i32* @cond_0_case_3_root + %var64 = load i32, i32* @cond_0_case_3_root br label %merge_3 merge_3: - %var42 = phi i32 [ %var43, %load_old_3_0 ], [ %var44, %load_old_3_1 ], [ %var45, %load_old_3_2 ], [ %var46, %load_old_3_3 ] - call void @js_replace_at_marker(i32 %var40, i32 %var42, i32 %var41) + %var60 = phi i32 [ %var61, %load_old_3_0 ], [ %var62, %load_old_3_1 ], [ %var63, %load_old_3_2 ], [ %var64, %load_old_3_3 ] + call void @js_replace_at_marker(i32 %var58, i32 %var60, i32 %var59) store i32 3, i32* @cond_0_current br label %done done: @@ -296,98 +354,128 @@ done: define i32 @_render_cond_0_case_0() { entry: - %var47 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.9, i32 0, i32 0)) - %var48 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.9, i32 0, i32 0)) - call void @js_set_attribute(i32 %var48, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.3, i32 0, i32 0), i8* getelementptr inbounds ([13 x i8], [13 x i8]* @.str.10, i32 0, i32 0)) - %var49 = call i32 @js_create_element(i8* getelementptr inbounds ([3 x i8], [3 x i8]* @.str.11, i32 0, i32 0)) - %var50 = call i32 @js_create_text(i8* getelementptr inbounds ([24 x i8], [24 x i8]* @.str.12, i32 0, i32 0)) - call void @js_append_child(i32 %var49, i32 %var50) - call void @js_append_child(i32 %var48, i32 %var49) - %var51 = call i32 @js_create_element(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.13, i32 0, i32 0)) - %var52 = call i32 @js_create_text(i8* getelementptr inbounds ([18 x i8], [18 x i8]* @.str.14, i32 0, i32 0)) - call void @js_append_child(i32 %var51, i32 %var52) - call void @js_append_child(i32 %var48, i32 %var51) - %var53 = call i32 @js_create_element(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.13, i32 0, i32 0)) - %var54 = call i32 @js_create_text(i8* getelementptr inbounds ([15 x i8], [15 x i8]* @.str.15, i32 0, i32 0)) - call void @js_append_child(i32 %var53, i32 %var54) - call void @js_append_child(i32 %var48, i32 %var53) - ret i32 %var47 + %var65 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.9, i32 0, i32 0)) + %var66 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.9, i32 0, i32 0)) + call void @js_set_attribute(i32 %var66, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.3, i32 0, i32 0), i8* getelementptr inbounds ([13 x i8], [13 x i8]* @.str.10, i32 0, i32 0)) + %var67 = call i32 @js_create_element(i8* getelementptr inbounds ([3 x i8], [3 x i8]* @.str.11, i32 0, i32 0)) + %var68 = call i32 @js_create_text(i8* getelementptr inbounds ([24 x i8], [24 x i8]* @.str.12, i32 0, i32 0)) + call void @js_append_child(i32 %var67, i32 %var68) + call void @js_append_child(i32 %var66, i32 %var67) + %var69 = call i32 @js_create_element(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.13, i32 0, i32 0)) + %var70 = call i32 @js_create_text(i8* getelementptr inbounds ([18 x i8], [18 x i8]* @.str.14, i32 0, i32 0)) + call void @js_append_child(i32 %var69, i32 %var70) + call void @js_append_child(i32 %var66, i32 %var69) + %var71 = call i32 @js_create_element(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.13, i32 0, i32 0)) + %var72 = call i32 @js_create_text(i8* getelementptr inbounds ([15 x i8], [15 x i8]* @.str.15, i32 0, i32 0)) + call void @js_append_child(i32 %var71, i32 %var72) + call void @js_append_child(i32 %var66, i32 %var71) + ret i32 %var65 } define i32 @_render_cond_0_case_1() { entry: - %var55 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.9, i32 0, i32 0)) - %var56 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.9, i32 0, i32 0)) - call void @js_set_attribute(i32 %var56, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.3, i32 0, i32 0), i8* getelementptr inbounds ([13 x i8], [13 x i8]* @.str.10, i32 0, i32 0)) - %var57 = call i32 @js_create_element(i8* getelementptr inbounds ([3 x i8], [3 x i8]* @.str.11, i32 0, i32 0)) - %var58 = call i32 @js_create_text(i8* getelementptr inbounds ([22 x i8], [22 x i8]* @.str.16, i32 0, i32 0)) - call void @js_append_child(i32 %var57, i32 %var58) - call void @js_append_child(i32 %var56, i32 %var57) - %var59 = call i32 @js_create_element(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.13, i32 0, i32 0)) - %var60 = call i32 @js_create_text(i8* getelementptr inbounds ([26 x i8], [26 x i8]* @.str.17, i32 0, i32 0)) - call void @js_append_child(i32 %var59, i32 %var60) - call void @js_append_child(i32 %var56, i32 %var59) - %var61 = call i32 @js_create_element(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.13, i32 0, i32 0)) - %var62 = call i32 @js_create_text(i8* getelementptr inbounds ([19 x i8], [19 x i8]* @.str.18, i32 0, i32 0)) - call void @js_append_child(i32 %var61, i32 %var62) - call void @js_append_child(i32 %var56, i32 %var61) - ret i32 %var55 + %var73 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.9, i32 0, i32 0)) + %var74 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.9, i32 0, i32 0)) + call void @js_set_attribute(i32 %var74, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.3, i32 0, i32 0), i8* getelementptr inbounds ([13 x i8], [13 x i8]* @.str.10, i32 0, i32 0)) + %var75 = call i32 @js_create_element(i8* getelementptr inbounds ([3 x i8], [3 x i8]* @.str.11, i32 0, i32 0)) + %var76 = call i32 @js_create_text(i8* getelementptr inbounds ([22 x i8], [22 x i8]* @.str.16, i32 0, i32 0)) + call void @js_append_child(i32 %var75, i32 %var76) + call void @js_append_child(i32 %var74, i32 %var75) + %var77 = call i32 @js_create_element(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.13, i32 0, i32 0)) + %var78 = call i32 @js_create_text(i8* getelementptr inbounds ([26 x i8], [26 x i8]* @.str.17, i32 0, i32 0)) + call void @js_append_child(i32 %var77, i32 %var78) + call void @js_append_child(i32 %var74, i32 %var77) + %var79 = call i32 @js_create_element(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.13, i32 0, i32 0)) + %var80 = call i32 @js_create_text(i8* getelementptr inbounds ([19 x i8], [19 x i8]* @.str.18, i32 0, i32 0)) + call void @js_append_child(i32 %var79, i32 %var80) + call void @js_append_child(i32 %var74, i32 %var79) + ret i32 %var73 } define i32 @_render_cond_0_case_2() { entry: - %var63 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.9, i32 0, i32 0)) - %var64 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.9, i32 0, i32 0)) - call void @js_set_attribute(i32 %var64, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.3, i32 0, i32 0), i8* getelementptr inbounds ([13 x i8], [13 x i8]* @.str.10, i32 0, i32 0)) - %var65 = call i32 @js_create_element(i8* getelementptr inbounds ([3 x i8], [3 x i8]* @.str.11, i32 0, i32 0)) - %var66 = call i32 @js_create_text(i8* getelementptr inbounds ([23 x i8], [23 x i8]* @.str.19, i32 0, i32 0)) - call void @js_append_child(i32 %var65, i32 %var66) - call void @js_append_child(i32 %var64, i32 %var65) - %var67 = call i32 @js_create_element(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.13, i32 0, i32 0)) - %var68 = call i32 @js_create_text(i8* getelementptr inbounds ([16 x i8], [16 x i8]* @.str.20, i32 0, i32 0)) - call void @js_append_child(i32 %var67, i32 %var68) - call void @js_append_child(i32 %var64, i32 %var67) - %var69 = call i32 @js_create_element(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.13, i32 0, i32 0)) - %var70 = call i32 @js_create_text(i8* getelementptr inbounds ([32 x i8], [32 x i8]* @.str.21, i32 0, i32 0)) - call void @js_append_child(i32 %var69, i32 %var70) - call void @js_append_child(i32 %var64, i32 %var69) - ret i32 %var63 + %var81 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.9, i32 0, i32 0)) + %var82 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.9, i32 0, i32 0)) + call void @js_set_attribute(i32 %var82, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.3, i32 0, i32 0), i8* getelementptr inbounds ([13 x i8], [13 x i8]* @.str.10, i32 0, i32 0)) + %var83 = call i32 @js_create_element(i8* getelementptr inbounds ([3 x i8], [3 x i8]* @.str.11, i32 0, i32 0)) + %var84 = call i32 @js_create_text(i8* getelementptr inbounds ([23 x i8], [23 x i8]* @.str.19, i32 0, i32 0)) + call void @js_append_child(i32 %var83, i32 %var84) + call void @js_append_child(i32 %var82, i32 %var83) + %var85 = call i32 @js_create_element(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.13, i32 0, i32 0)) + %var86 = call i32 @js_create_text(i8* getelementptr inbounds ([16 x i8], [16 x i8]* @.str.20, i32 0, i32 0)) + call void @js_append_child(i32 %var85, i32 %var86) + call void @js_append_child(i32 %var82, i32 %var85) + %var87 = call i32 @js_create_element(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.13, i32 0, i32 0)) + %var88 = call i32 @js_create_text(i8* getelementptr inbounds ([32 x i8], [32 x i8]* @.str.21, i32 0, i32 0)) + call void @js_append_child(i32 %var87, i32 %var88) + call void @js_append_child(i32 %var82, i32 %var87) + ret i32 %var81 } define i32 @_render_cond_0_case_3() { entry: - %var71 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.9, i32 0, i32 0)) - %var72 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.9, i32 0, i32 0)) - call void @js_set_attribute(i32 %var72, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.3, i32 0, i32 0), i8* getelementptr inbounds ([13 x i8], [13 x i8]* @.str.10, i32 0, i32 0)) - %var73 = call i32 @js_create_element(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.13, i32 0, i32 0)) - %var74 = call i32 @js_create_text(i8* getelementptr inbounds ([16 x i8], [16 x i8]* @.str.22, i32 0, i32 0)) - call void @js_append_child(i32 %var73, i32 %var74) - call void @js_append_child(i32 %var72, i32 %var73) - ret i32 %var71 + %var89 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.9, i32 0, i32 0)) + %var90 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.9, i32 0, i32 0)) + call void @js_set_attribute(i32 %var90, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.3, i32 0, i32 0), i8* getelementptr inbounds ([13 x i8], [13 x i8]* @.str.10, i32 0, i32 0)) + %var91 = call i32 @js_create_element(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.13, i32 0, i32 0)) + %var92 = call i32 @js_create_text(i8* getelementptr inbounds ([16 x i8], [16 x i8]* @.str.22, i32 0, i32 0)) + call void @js_append_child(i32 %var91, i32 %var92) + call void @js_append_child(i32 %var90, i32 %var91) + ret i32 %var89 } ; Component render function define i32 @render_VerticalTabs() { entry: - %var75 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.9, i32 0, i32 0)) - call void @js_set_attribute(i32 %var75, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.3, i32 0, i32 0), i8* getelementptr inbounds ([14 x i8], [14 x i8]* @.str.23, i32 0, i32 0)) - %var76 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.9, i32 0, i32 0)) - call void @js_set_attribute(i32 %var76, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.3, i32 0, i32 0), i8* getelementptr inbounds ([18 x i8], [18 x i8]* @.str.24, i32 0, i32 0)) - %var77 = call i32 @render_VTab() - call void @js_append_child(i32 %var76, i32 %var77) - %var78 = call i32 @render_VTab() - call void @js_append_child(i32 %var76, i32 %var78) - %var79 = call i32 @render_VTab() - call void @js_append_child(i32 %var76, i32 %var79) - call void @js_append_child(i32 %var75, i32 %var76) - %var80 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.9, i32 0, i32 0)) - call void @js_set_attribute(i32 %var80, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.3, i32 0, i32 0), i8* getelementptr inbounds ([21 x i8], [21 x i8]* @.str.25, i32 0, i32 0)) - %var81 = call i32 @js_create_marker() - call void @js_append_child(i32 %var80, i32 %var81) - store i32 %var81, i32* @cond_0_marker + %var93 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.9, i32 0, i32 0)) + call void @js_set_attribute(i32 %var93, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.3, i32 0, i32 0), i8* getelementptr inbounds ([14 x i8], [14 x i8]* @.str.23, i32 0, i32 0)) + %var94 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.9, i32 0, i32 0)) + call void @js_set_attribute(i32 %var94, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.3, i32 0, i32 0), i8* getelementptr inbounds ([18 x i8], [18 x i8]* @.str.24, i32 0, i32 0)) + %var95 = call i32 @js_create_element(i8* getelementptr inbounds ([7 x i8], [7 x i8]* @.str.4, i32 0, i32 0)) + %var96 = load i32, i32* @signal_VerticalTabs_setting_tab + %var97 = icmp eq i32 %var96, 0 + %var98 = zext i1 %var97 to i32 + %var99 = icmp ne i32 %var98, 0 + %var100 = select i1 %var99, i8* getelementptr inbounds ([20 x i8], [20 x i8]* @.str.7, i32 0, i32 0), i8* getelementptr inbounds ([13 x i8], [13 x i8]* @.str.8, i32 0, i32 0) + call void @js_set_attribute(i32 %var95, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.3, i32 0, i32 0), i8* %var100) + call void @js_bind_event(i32 %var95, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.5, i32 0, i32 0), i8* getelementptr inbounds ([23 x i8], [23 x i8]* @.str.25, i32 0, i32 0)) + store i32 %var95, i32* @reactive_attr_0_elem + %var101 = call i32 @js_create_text(i8* getelementptr inbounds ([15 x i8], [15 x i8]* @.str.26, i32 0, i32 0)) + call void @js_append_child(i32 %var95, i32 %var101) + call void @js_append_child(i32 %var94, i32 %var95) + %var102 = call i32 @js_create_element(i8* getelementptr inbounds ([7 x i8], [7 x i8]* @.str.4, i32 0, i32 0)) + %var103 = load i32, i32* @signal_VerticalTabs_setting_tab + %var104 = icmp eq i32 %var103, 1 + %var105 = zext i1 %var104 to i32 + %var106 = icmp ne i32 %var105, 0 + %var107 = select i1 %var106, i8* getelementptr inbounds ([20 x i8], [20 x i8]* @.str.7, i32 0, i32 0), i8* getelementptr inbounds ([13 x i8], [13 x i8]* @.str.8, i32 0, i32 0) + call void @js_set_attribute(i32 %var102, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.3, i32 0, i32 0), i8* %var107) + call void @js_bind_event(i32 %var102, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.5, i32 0, i32 0), i8* getelementptr inbounds ([23 x i8], [23 x i8]* @.str.27, i32 0, i32 0)) + store i32 %var102, i32* @reactive_attr_1_elem + %var108 = call i32 @js_create_text(i8* getelementptr inbounds ([13 x i8], [13 x i8]* @.str.28, i32 0, i32 0)) + call void @js_append_child(i32 %var102, i32 %var108) + call void @js_append_child(i32 %var94, i32 %var102) + %var109 = call i32 @js_create_element(i8* getelementptr inbounds ([7 x i8], [7 x i8]* @.str.4, i32 0, i32 0)) + %var110 = load i32, i32* @signal_VerticalTabs_setting_tab + %var111 = icmp eq i32 %var110, 2 + %var112 = zext i1 %var111 to i32 + %var113 = icmp ne i32 %var112, 0 + %var114 = select i1 %var113, i8* getelementptr inbounds ([20 x i8], [20 x i8]* @.str.7, i32 0, i32 0), i8* getelementptr inbounds ([13 x i8], [13 x i8]* @.str.8, i32 0, i32 0) + call void @js_set_attribute(i32 %var109, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.3, i32 0, i32 0), i8* %var114) + call void @js_bind_event(i32 %var109, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.5, i32 0, i32 0), i8* getelementptr inbounds ([23 x i8], [23 x i8]* @.str.29, i32 0, i32 0)) + store i32 %var109, i32* @reactive_attr_2_elem + %var115 = call i32 @js_create_text(i8* getelementptr inbounds ([14 x i8], [14 x i8]* @.str.30, i32 0, i32 0)) + call void @js_append_child(i32 %var109, i32 %var115) + call void @js_append_child(i32 %var94, i32 %var109) + call void @js_append_child(i32 %var93, i32 %var94) + %var116 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.9, i32 0, i32 0)) + call void @js_set_attribute(i32 %var116, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.3, i32 0, i32 0), i8* getelementptr inbounds ([21 x i8], [21 x i8]* @.str.31, i32 0, i32 0)) + %var117 = call i32 @js_create_marker() + call void @js_append_child(i32 %var116, i32 %var117) + store i32 %var117, i32* @cond_0_marker call void @_init_conditional_0() - call void @js_append_child(i32 %var75, i32 %var80) - ret i32 %var75 + call void @js_append_child(i32 %var93, i32 %var116) + ret i32 %var93 } ; Signal storage for Tabs (reactive state in WASM memory) @@ -401,6 +489,11 @@ entry: @cond_1_case_2_root = global i32 0 @cond_1_case_3_root = global i32 0 +; Reactive attribute element storage +@reactive_attr_3_elem = global i32 0 +@reactive_attr_4_elem = global i32 0 +@reactive_attr_5_elem = global i32 0 + ; Signal helper functions define i32 @get_tab_index() { entry: @@ -415,11 +508,53 @@ entry: ret void } +; Event handler: _lambda_0_Tabs +define void @_lambda_0_Tabs() { +entry: + call void @set_tab(i32 0) + ret void +} + +; Event handler: _lambda_1_Tabs +define void @_lambda_1_Tabs() { +entry: + call void @set_tab(i32 1) + ret void +} + +; Event handler: _lambda_2_Tabs +define void @_lambda_2_Tabs() { +entry: + call void @set_tab(i32 2) + ret void +} + ; Event handler: set_tab define void @set_tab(i32 %value) { entry: store i32 %value, i32* @signal_Tabs_tab_index call void @reevaluate_conditional_1() + %var118 = load i32, i32* @reactive_attr_3_elem + %var119 = load i32, i32* @signal_Tabs_tab_index + %var120 = icmp eq i32 %var119, 0 + %var121 = zext i1 %var120 to i32 + %var122 = icmp ne i32 %var121, 0 + %var123 = select i1 %var122, i8* getelementptr inbounds ([11 x i8], [11 x i8]* @.str.1, i32 0, i32 0), i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.2, i32 0, i32 0) + call void @js_set_attribute(i32 %var118, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.3, i32 0, i32 0), i8* %var123) + %var124 = load i32, i32* @reactive_attr_4_elem + %var125 = load i32, i32* @signal_Tabs_tab_index + %var126 = icmp eq i32 %var125, 1 + %var127 = zext i1 %var126 to i32 + %var128 = icmp ne i32 %var127, 0 + %var129 = select i1 %var128, i8* getelementptr inbounds ([11 x i8], [11 x i8]* @.str.1, i32 0, i32 0), i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.2, i32 0, i32 0) + call void @js_set_attribute(i32 %var124, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.3, i32 0, i32 0), i8* %var129) + %var130 = load i32, i32* @reactive_attr_5_elem + %var131 = load i32, i32* @signal_Tabs_tab_index + %var132 = icmp eq i32 %var131, 2 + %var133 = zext i1 %var132 to i32 + %var134 = icmp ne i32 %var133, 0 + %var135 = select i1 %var134, i8* getelementptr inbounds ([11 x i8], [11 x i8]* @.str.1, i32 0, i32 0), i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.2, i32 0, i32 0) + call void @js_set_attribute(i32 %var130, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.3, i32 0, i32 0), i8* %var135) ret void } @@ -427,35 +562,35 @@ entry: define void @_init_conditional_1() { entry: ; Render all cases upfront - %var82 = call i32 @_render_cond_1_case_0() - store i32 %var82, i32* @cond_1_case_0_root - %var83 = call i32 @_render_cond_1_case_1() - store i32 %var83, i32* @cond_1_case_1_root - %var84 = call i32 @_render_cond_1_case_2() - store i32 %var84, i32* @cond_1_case_2_root - %var85 = call i32 @_render_cond_1_case_3() - store i32 %var85, i32* @cond_1_case_3_root - %var86 = load i32, i32* @signal_Tabs_tab_index - %var87 = load i32, i32* @cond_1_marker - switch i32 %var86, label %insert_case_3 [ + %var136 = call i32 @_render_cond_1_case_0() + store i32 %var136, i32* @cond_1_case_0_root + %var137 = call i32 @_render_cond_1_case_1() + store i32 %var137, i32* @cond_1_case_1_root + %var138 = call i32 @_render_cond_1_case_2() + store i32 %var138, i32* @cond_1_case_2_root + %var139 = call i32 @_render_cond_1_case_3() + store i32 %var139, i32* @cond_1_case_3_root + %var140 = load i32, i32* @signal_Tabs_tab_index + %var141 = load i32, i32* @cond_1_marker + switch i32 %var140, label %insert_case_3 [ i32 0, label %insert_case_0 i32 1, label %insert_case_1 i32 2, label %insert_case_2 ] insert_case_0: - call void @js_replace_at_marker(i32 %var87, i32 0, i32 %var82) + call void @js_replace_at_marker(i32 %var141, i32 0, i32 %var136) store i32 0, i32* @cond_1_current ret void insert_case_1: - call void @js_replace_at_marker(i32 %var87, i32 0, i32 %var83) + call void @js_replace_at_marker(i32 %var141, i32 0, i32 %var137) store i32 1, i32* @cond_1_current ret void insert_case_2: - call void @js_replace_at_marker(i32 %var87, i32 0, i32 %var84) + call void @js_replace_at_marker(i32 %var141, i32 0, i32 %var138) store i32 2, i32* @cond_1_current ret void insert_case_3: - call void @js_replace_at_marker(i32 %var87, i32 0, i32 %var85) + call void @js_replace_at_marker(i32 %var141, i32 0, i32 %var139) store i32 3, i32* @cond_1_current ret void } @@ -463,127 +598,127 @@ insert_case_3: ; Re-evaluate conditional 1 (match) define void @reevaluate_conditional_1() { entry: - %var88 = load i32, i32* @signal_Tabs_tab_index - %var89 = load i32, i32* @cond_1_current - switch i32 %var88, label %case_3 [ + %var142 = load i32, i32* @signal_Tabs_tab_index + %var143 = load i32, i32* @cond_1_current + switch i32 %var142, label %case_3 [ i32 0, label %case_0 i32 1, label %case_1 i32 2, label %case_2 ] case_0: - %var90 = icmp ne i32 %var89, 0 - br i1 %var90, label %swap_0, label %done + %var144 = icmp ne i32 %var143, 0 + br i1 %var144, label %swap_0, label %done swap_0: - %var91 = load i32, i32* @cond_1_marker - %var92 = load i32, i32* @cond_1_case_0_root - switch i32 %var89, label %load_old_0_3 [ + %var145 = load i32, i32* @cond_1_marker + %var146 = load i32, i32* @cond_1_case_0_root + switch i32 %var143, label %load_old_0_3 [ i32 0, label %load_old_0_0 i32 1, label %load_old_0_1 i32 2, label %load_old_0_2 i32 3, label %load_old_0_3 ] load_old_0_0: - %var94 = load i32, i32* @cond_1_case_0_root + %var148 = load i32, i32* @cond_1_case_0_root br label %merge_0 load_old_0_1: - %var95 = load i32, i32* @cond_1_case_1_root + %var149 = load i32, i32* @cond_1_case_1_root br label %merge_0 load_old_0_2: - %var96 = load i32, i32* @cond_1_case_2_root + %var150 = load i32, i32* @cond_1_case_2_root br label %merge_0 load_old_0_3: - %var97 = load i32, i32* @cond_1_case_3_root + %var151 = load i32, i32* @cond_1_case_3_root br label %merge_0 merge_0: - %var93 = phi i32 [ %var94, %load_old_0_0 ], [ %var95, %load_old_0_1 ], [ %var96, %load_old_0_2 ], [ %var97, %load_old_0_3 ] - call void @js_replace_at_marker(i32 %var91, i32 %var93, i32 %var92) + %var147 = phi i32 [ %var148, %load_old_0_0 ], [ %var149, %load_old_0_1 ], [ %var150, %load_old_0_2 ], [ %var151, %load_old_0_3 ] + call void @js_replace_at_marker(i32 %var145, i32 %var147, i32 %var146) store i32 0, i32* @cond_1_current br label %done case_1: - %var98 = icmp ne i32 %var89, 1 - br i1 %var98, label %swap_1, label %done + %var152 = icmp ne i32 %var143, 1 + br i1 %var152, label %swap_1, label %done swap_1: - %var99 = load i32, i32* @cond_1_marker - %var100 = load i32, i32* @cond_1_case_1_root - switch i32 %var89, label %load_old_1_3 [ + %var153 = load i32, i32* @cond_1_marker + %var154 = load i32, i32* @cond_1_case_1_root + switch i32 %var143, label %load_old_1_3 [ i32 0, label %load_old_1_0 i32 1, label %load_old_1_1 i32 2, label %load_old_1_2 i32 3, label %load_old_1_3 ] load_old_1_0: - %var102 = load i32, i32* @cond_1_case_0_root + %var156 = load i32, i32* @cond_1_case_0_root br label %merge_1 load_old_1_1: - %var103 = load i32, i32* @cond_1_case_1_root + %var157 = load i32, i32* @cond_1_case_1_root br label %merge_1 load_old_1_2: - %var104 = load i32, i32* @cond_1_case_2_root + %var158 = load i32, i32* @cond_1_case_2_root br label %merge_1 load_old_1_3: - %var105 = load i32, i32* @cond_1_case_3_root + %var159 = load i32, i32* @cond_1_case_3_root br label %merge_1 merge_1: - %var101 = phi i32 [ %var102, %load_old_1_0 ], [ %var103, %load_old_1_1 ], [ %var104, %load_old_1_2 ], [ %var105, %load_old_1_3 ] - call void @js_replace_at_marker(i32 %var99, i32 %var101, i32 %var100) + %var155 = phi i32 [ %var156, %load_old_1_0 ], [ %var157, %load_old_1_1 ], [ %var158, %load_old_1_2 ], [ %var159, %load_old_1_3 ] + call void @js_replace_at_marker(i32 %var153, i32 %var155, i32 %var154) store i32 1, i32* @cond_1_current br label %done case_2: - %var106 = icmp ne i32 %var89, 2 - br i1 %var106, label %swap_2, label %done + %var160 = icmp ne i32 %var143, 2 + br i1 %var160, label %swap_2, label %done swap_2: - %var107 = load i32, i32* @cond_1_marker - %var108 = load i32, i32* @cond_1_case_2_root - switch i32 %var89, label %load_old_2_3 [ + %var161 = load i32, i32* @cond_1_marker + %var162 = load i32, i32* @cond_1_case_2_root + switch i32 %var143, label %load_old_2_3 [ i32 0, label %load_old_2_0 i32 1, label %load_old_2_1 i32 2, label %load_old_2_2 i32 3, label %load_old_2_3 ] load_old_2_0: - %var110 = load i32, i32* @cond_1_case_0_root + %var164 = load i32, i32* @cond_1_case_0_root br label %merge_2 load_old_2_1: - %var111 = load i32, i32* @cond_1_case_1_root + %var165 = load i32, i32* @cond_1_case_1_root br label %merge_2 load_old_2_2: - %var112 = load i32, i32* @cond_1_case_2_root + %var166 = load i32, i32* @cond_1_case_2_root br label %merge_2 load_old_2_3: - %var113 = load i32, i32* @cond_1_case_3_root + %var167 = load i32, i32* @cond_1_case_3_root br label %merge_2 merge_2: - %var109 = phi i32 [ %var110, %load_old_2_0 ], [ %var111, %load_old_2_1 ], [ %var112, %load_old_2_2 ], [ %var113, %load_old_2_3 ] - call void @js_replace_at_marker(i32 %var107, i32 %var109, i32 %var108) + %var163 = phi i32 [ %var164, %load_old_2_0 ], [ %var165, %load_old_2_1 ], [ %var166, %load_old_2_2 ], [ %var167, %load_old_2_3 ] + call void @js_replace_at_marker(i32 %var161, i32 %var163, i32 %var162) store i32 2, i32* @cond_1_current br label %done case_3: - %var114 = icmp ne i32 %var89, 3 - br i1 %var114, label %swap_3, label %done + %var168 = icmp ne i32 %var143, 3 + br i1 %var168, label %swap_3, label %done swap_3: - %var115 = load i32, i32* @cond_1_marker - %var116 = load i32, i32* @cond_1_case_3_root - switch i32 %var89, label %load_old_3_3 [ + %var169 = load i32, i32* @cond_1_marker + %var170 = load i32, i32* @cond_1_case_3_root + switch i32 %var143, label %load_old_3_3 [ i32 0, label %load_old_3_0 i32 1, label %load_old_3_1 i32 2, label %load_old_3_2 i32 3, label %load_old_3_3 ] load_old_3_0: - %var118 = load i32, i32* @cond_1_case_0_root + %var172 = load i32, i32* @cond_1_case_0_root br label %merge_3 load_old_3_1: - %var119 = load i32, i32* @cond_1_case_1_root + %var173 = load i32, i32* @cond_1_case_1_root br label %merge_3 load_old_3_2: - %var120 = load i32, i32* @cond_1_case_2_root + %var174 = load i32, i32* @cond_1_case_2_root br label %merge_3 load_old_3_3: - %var121 = load i32, i32* @cond_1_case_3_root + %var175 = load i32, i32* @cond_1_case_3_root br label %merge_3 merge_3: - %var117 = phi i32 [ %var118, %load_old_3_0 ], [ %var119, %load_old_3_1 ], [ %var120, %load_old_3_2 ], [ %var121, %load_old_3_3 ] - call void @js_replace_at_marker(i32 %var115, i32 %var117, i32 %var116) + %var171 = phi i32 [ %var172, %load_old_3_0 ], [ %var173, %load_old_3_1 ], [ %var174, %load_old_3_2 ], [ %var175, %load_old_3_3 ] + call void @js_replace_at_marker(i32 %var169, i32 %var171, i32 %var170) store i32 3, i32* @cond_1_current br label %done done: @@ -592,138 +727,174 @@ done: define i32 @_render_cond_1_case_0() { entry: - %var122 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.9, i32 0, i32 0)) - %var123 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.9, i32 0, i32 0)) - call void @js_set_attribute(i32 %var123, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.3, i32 0, i32 0), i8* getelementptr inbounds ([14 x i8], [14 x i8]* @.str.26, i32 0, i32 0)) - %var124 = call i32 @js_create_element(i8* getelementptr inbounds ([3 x i8], [3 x i8]* @.str.27, i32 0, i32 0)) - %var125 = call i32 @js_create_text(i8* getelementptr inbounds ([18 x i8], [18 x i8]* @.str.28, i32 0, i32 0)) - call void @js_append_child(i32 %var124, i32 %var125) - call void @js_append_child(i32 %var123, i32 %var124) - %var126 = call i32 @js_create_element(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.13, i32 0, i32 0)) - %var127 = call i32 @js_create_text(i8* getelementptr inbounds ([29 x i8], [29 x i8]* @.str.29, i32 0, i32 0)) - call void @js_append_child(i32 %var126, i32 %var127) - call void @js_append_child(i32 %var123, i32 %var126) - %var128 = call i32 @js_create_element(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.13, i32 0, i32 0)) - %var129 = call i32 @js_create_text(i8* getelementptr inbounds ([37 x i8], [37 x i8]* @.str.30, i32 0, i32 0)) - call void @js_append_child(i32 %var128, i32 %var129) - call void @js_append_child(i32 %var123, i32 %var128) - %var130 = call i32 @js_create_element(i8* getelementptr inbounds ([3 x i8], [3 x i8]* @.str.31, i32 0, i32 0)) - %var131 = call i32 @js_create_element(i8* getelementptr inbounds ([3 x i8], [3 x i8]* @.str.0, i32 0, i32 0)) - %var132 = call i32 @js_create_text(i8* getelementptr inbounds ([20 x i8], [20 x i8]* @.str.32, i32 0, i32 0)) - call void @js_append_child(i32 %var131, i32 %var132) - call void @js_append_child(i32 %var130, i32 %var131) - %var133 = call i32 @js_create_element(i8* getelementptr inbounds ([3 x i8], [3 x i8]* @.str.0, i32 0, i32 0)) - %var134 = call i32 @js_create_text(i8* getelementptr inbounds ([18 x i8], [18 x i8]* @.str.33, i32 0, i32 0)) - call void @js_append_child(i32 %var133, i32 %var134) - call void @js_append_child(i32 %var130, i32 %var133) - %var135 = call i32 @js_create_element(i8* getelementptr inbounds ([3 x i8], [3 x i8]* @.str.0, i32 0, i32 0)) - %var136 = call i32 @js_create_text(i8* getelementptr inbounds ([18 x i8], [18 x i8]* @.str.34, i32 0, i32 0)) - call void @js_append_child(i32 %var135, i32 %var136) - call void @js_append_child(i32 %var130, i32 %var135) - call void @js_append_child(i32 %var123, i32 %var130) - ret i32 %var122 + %var176 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.9, i32 0, i32 0)) + %var177 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.9, i32 0, i32 0)) + call void @js_set_attribute(i32 %var177, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.3, i32 0, i32 0), i8* getelementptr inbounds ([14 x i8], [14 x i8]* @.str.32, i32 0, i32 0)) + %var178 = call i32 @js_create_element(i8* getelementptr inbounds ([3 x i8], [3 x i8]* @.str.33, i32 0, i32 0)) + %var179 = call i32 @js_create_text(i8* getelementptr inbounds ([18 x i8], [18 x i8]* @.str.34, i32 0, i32 0)) + call void @js_append_child(i32 %var178, i32 %var179) + call void @js_append_child(i32 %var177, i32 %var178) + %var180 = call i32 @js_create_element(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.13, i32 0, i32 0)) + %var181 = call i32 @js_create_text(i8* getelementptr inbounds ([29 x i8], [29 x i8]* @.str.35, i32 0, i32 0)) + call void @js_append_child(i32 %var180, i32 %var181) + call void @js_append_child(i32 %var177, i32 %var180) + %var182 = call i32 @js_create_element(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.13, i32 0, i32 0)) + %var183 = call i32 @js_create_text(i8* getelementptr inbounds ([37 x i8], [37 x i8]* @.str.36, i32 0, i32 0)) + call void @js_append_child(i32 %var182, i32 %var183) + call void @js_append_child(i32 %var177, i32 %var182) + %var184 = call i32 @js_create_element(i8* getelementptr inbounds ([3 x i8], [3 x i8]* @.str.37, i32 0, i32 0)) + %var185 = call i32 @js_create_element(i8* getelementptr inbounds ([3 x i8], [3 x i8]* @.str.0, i32 0, i32 0)) + %var186 = call i32 @js_create_text(i8* getelementptr inbounds ([20 x i8], [20 x i8]* @.str.38, i32 0, i32 0)) + call void @js_append_child(i32 %var185, i32 %var186) + call void @js_append_child(i32 %var184, i32 %var185) + %var187 = call i32 @js_create_element(i8* getelementptr inbounds ([3 x i8], [3 x i8]* @.str.0, i32 0, i32 0)) + %var188 = call i32 @js_create_text(i8* getelementptr inbounds ([18 x i8], [18 x i8]* @.str.39, i32 0, i32 0)) + call void @js_append_child(i32 %var187, i32 %var188) + call void @js_append_child(i32 %var184, i32 %var187) + %var189 = call i32 @js_create_element(i8* getelementptr inbounds ([3 x i8], [3 x i8]* @.str.0, i32 0, i32 0)) + %var190 = call i32 @js_create_text(i8* getelementptr inbounds ([18 x i8], [18 x i8]* @.str.40, i32 0, i32 0)) + call void @js_append_child(i32 %var189, i32 %var190) + call void @js_append_child(i32 %var184, i32 %var189) + call void @js_append_child(i32 %var177, i32 %var184) + ret i32 %var176 } define i32 @_render_cond_1_case_1() { entry: - %var137 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.9, i32 0, i32 0)) - %var138 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.9, i32 0, i32 0)) - call void @js_set_attribute(i32 %var138, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.3, i32 0, i32 0), i8* getelementptr inbounds ([17 x i8], [17 x i8]* @.str.35, i32 0, i32 0)) - %var139 = call i32 @js_create_element(i8* getelementptr inbounds ([3 x i8], [3 x i8]* @.str.27, i32 0, i32 0)) - %var140 = call i32 @js_create_text(i8* getelementptr inbounds ([18 x i8], [18 x i8]* @.str.36, i32 0, i32 0)) - call void @js_append_child(i32 %var139, i32 %var140) - call void @js_append_child(i32 %var138, i32 %var139) - %var141 = call i32 @js_create_element(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.13, i32 0, i32 0)) - %var142 = call i32 @js_create_text(i8* getelementptr inbounds ([30 x i8], [30 x i8]* @.str.37, i32 0, i32 0)) - call void @js_append_child(i32 %var141, i32 %var142) - call void @js_append_child(i32 %var138, i32 %var141) - %var143 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.9, i32 0, i32 0)) - call void @js_set_attribute(i32 %var143, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.3, i32 0, i32 0), i8* getelementptr inbounds ([13 x i8], [13 x i8]* @.str.38, i32 0, i32 0)) - %var144 = call i32 @js_create_element(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.13, i32 0, i32 0)) - %var145 = call i32 @js_create_text(i8* getelementptr inbounds ([16 x i8], [16 x i8]* @.str.39, i32 0, i32 0)) - call void @js_append_child(i32 %var144, i32 %var145) - call void @js_append_child(i32 %var143, i32 %var144) - %var146 = call i32 @js_create_element(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.13, i32 0, i32 0)) - %var147 = call i32 @js_create_text(i8* getelementptr inbounds ([21 x i8], [21 x i8]* @.str.40, i32 0, i32 0)) - call void @js_append_child(i32 %var146, i32 %var147) - call void @js_append_child(i32 %var143, i32 %var146) - %var148 = call i32 @js_create_element(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.13, i32 0, i32 0)) - %var149 = call i32 @js_create_text(i8* getelementptr inbounds ([19 x i8], [19 x i8]* @.str.41, i32 0, i32 0)) - call void @js_append_child(i32 %var148, i32 %var149) - call void @js_append_child(i32 %var143, i32 %var148) - call void @js_append_child(i32 %var138, i32 %var143) - ret i32 %var137 + %var191 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.9, i32 0, i32 0)) + %var192 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.9, i32 0, i32 0)) + call void @js_set_attribute(i32 %var192, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.3, i32 0, i32 0), i8* getelementptr inbounds ([17 x i8], [17 x i8]* @.str.41, i32 0, i32 0)) + %var193 = call i32 @js_create_element(i8* getelementptr inbounds ([3 x i8], [3 x i8]* @.str.33, i32 0, i32 0)) + %var194 = call i32 @js_create_text(i8* getelementptr inbounds ([18 x i8], [18 x i8]* @.str.42, i32 0, i32 0)) + call void @js_append_child(i32 %var193, i32 %var194) + call void @js_append_child(i32 %var192, i32 %var193) + %var195 = call i32 @js_create_element(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.13, i32 0, i32 0)) + %var196 = call i32 @js_create_text(i8* getelementptr inbounds ([30 x i8], [30 x i8]* @.str.43, i32 0, i32 0)) + call void @js_append_child(i32 %var195, i32 %var196) + call void @js_append_child(i32 %var192, i32 %var195) + %var197 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.9, i32 0, i32 0)) + call void @js_set_attribute(i32 %var197, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.3, i32 0, i32 0), i8* getelementptr inbounds ([13 x i8], [13 x i8]* @.str.44, i32 0, i32 0)) + %var198 = call i32 @js_create_element(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.13, i32 0, i32 0)) + %var199 = call i32 @js_create_text(i8* getelementptr inbounds ([16 x i8], [16 x i8]* @.str.45, i32 0, i32 0)) + call void @js_append_child(i32 %var198, i32 %var199) + call void @js_append_child(i32 %var197, i32 %var198) + %var200 = call i32 @js_create_element(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.13, i32 0, i32 0)) + %var201 = call i32 @js_create_text(i8* getelementptr inbounds ([21 x i8], [21 x i8]* @.str.46, i32 0, i32 0)) + call void @js_append_child(i32 %var200, i32 %var201) + call void @js_append_child(i32 %var197, i32 %var200) + %var202 = call i32 @js_create_element(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.13, i32 0, i32 0)) + %var203 = call i32 @js_create_text(i8* getelementptr inbounds ([19 x i8], [19 x i8]* @.str.47, i32 0, i32 0)) + call void @js_append_child(i32 %var202, i32 %var203) + call void @js_append_child(i32 %var197, i32 %var202) + call void @js_append_child(i32 %var192, i32 %var197) + ret i32 %var191 } define i32 @_render_cond_1_case_2() { entry: - %var150 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.9, i32 0, i32 0)) - %var151 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.9, i32 0, i32 0)) - call void @js_set_attribute(i32 %var151, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.3, i32 0, i32 0), i8* getelementptr inbounds ([18 x i8], [18 x i8]* @.str.42, i32 0, i32 0)) - %var152 = call i32 @js_create_element(i8* getelementptr inbounds ([3 x i8], [3 x i8]* @.str.27, i32 0, i32 0)) - %var153 = call i32 @js_create_text(i8* getelementptr inbounds ([16 x i8], [16 x i8]* @.str.43, i32 0, i32 0)) - call void @js_append_child(i32 %var152, i32 %var153) - call void @js_append_child(i32 %var151, i32 %var152) - %var154 = call i32 @js_create_element(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.13, i32 0, i32 0)) - %var155 = call i32 @js_create_text(i8* getelementptr inbounds ([55 x i8], [55 x i8]* @.str.44, i32 0, i32 0)) - call void @js_append_child(i32 %var154, i32 %var155) - call void @js_append_child(i32 %var151, i32 %var154) - %var156 = call i32 @render_VerticalTabs() - call void @js_append_child(i32 %var151, i32 %var156) - ret i32 %var150 + %var204 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.9, i32 0, i32 0)) + %var205 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.9, i32 0, i32 0)) + call void @js_set_attribute(i32 %var205, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.3, i32 0, i32 0), i8* getelementptr inbounds ([18 x i8], [18 x i8]* @.str.48, i32 0, i32 0)) + %var206 = call i32 @js_create_element(i8* getelementptr inbounds ([3 x i8], [3 x i8]* @.str.33, i32 0, i32 0)) + %var207 = call i32 @js_create_text(i8* getelementptr inbounds ([16 x i8], [16 x i8]* @.str.49, i32 0, i32 0)) + call void @js_append_child(i32 %var206, i32 %var207) + call void @js_append_child(i32 %var205, i32 %var206) + %var208 = call i32 @js_create_element(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.13, i32 0, i32 0)) + %var209 = call i32 @js_create_text(i8* getelementptr inbounds ([55 x i8], [55 x i8]* @.str.50, i32 0, i32 0)) + call void @js_append_child(i32 %var208, i32 %var209) + call void @js_append_child(i32 %var205, i32 %var208) + %var210 = call i32 @render_VerticalTabs() + call void @js_append_child(i32 %var205, i32 %var210) + ret i32 %var204 } define i32 @_render_cond_1_case_3() { entry: - %var157 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.9, i32 0, i32 0)) - %var158 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.9, i32 0, i32 0)) - call void @js_set_attribute(i32 %var158, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.3, i32 0, i32 0), i8* getelementptr inbounds ([15 x i8], [15 x i8]* @.str.45, i32 0, i32 0)) - %var159 = call i32 @js_create_element(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.13, i32 0, i32 0)) - %var160 = call i32 @js_create_text(i8* getelementptr inbounds ([28 x i8], [28 x i8]* @.str.46, i32 0, i32 0)) - call void @js_append_child(i32 %var159, i32 %var160) - call void @js_append_child(i32 %var158, i32 %var159) - ret i32 %var157 + %var211 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.9, i32 0, i32 0)) + %var212 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.9, i32 0, i32 0)) + call void @js_set_attribute(i32 %var212, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.3, i32 0, i32 0), i8* getelementptr inbounds ([15 x i8], [15 x i8]* @.str.51, i32 0, i32 0)) + %var213 = call i32 @js_create_element(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.13, i32 0, i32 0)) + %var214 = call i32 @js_create_text(i8* getelementptr inbounds ([28 x i8], [28 x i8]* @.str.52, i32 0, i32 0)) + call void @js_append_child(i32 %var213, i32 %var214) + call void @js_append_child(i32 %var212, i32 %var213) + ret i32 %var211 } ; Component render function define i32 @render_Tabs(i32 %orientation) { entry: - %var161 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.9, i32 0, i32 0)) - call void @js_set_attribute(i32 %var161, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.3, i32 0, i32 0), i8* getelementptr inbounds ([15 x i8], [15 x i8]* @.str.47, i32 0, i32 0)) - %var162 = call i32 @js_create_element(i8* getelementptr inbounds ([3 x i8], [3 x i8]* @.str.48, i32 0, i32 0)) - %var163 = call i32 @js_create_text(i8* getelementptr inbounds ([19 x i8], [19 x i8]* @.str.49, i32 0, i32 0)) - call void @js_append_child(i32 %var162, i32 %var163) - call void @js_append_child(i32 %var161, i32 %var162) - %var164 = call i32 @js_create_element(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.13, i32 0, i32 0)) - call void @js_set_attribute(i32 %var164, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.3, i32 0, i32 0), i8* getelementptr inbounds ([9 x i8], [9 x i8]* @.str.50, i32 0, i32 0)) - %var165 = call i32 @js_create_text(i8* getelementptr inbounds ([58 x i8], [58 x i8]* @.str.51, i32 0, i32 0)) - call void @js_append_child(i32 %var164, i32 %var165) - call void @js_append_child(i32 %var161, i32 %var164) - %var166 = call i32 @js_create_element(i8* getelementptr inbounds ([3 x i8], [3 x i8]* @.str.31, i32 0, i32 0)) - call void @js_set_attribute(i32 %var166, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.3, i32 0, i32 0), i8* getelementptr inbounds ([9 x i8], [9 x i8]* @.str.52, i32 0, i32 0)) - %var167 = call i32 @render_HTab() - call void @js_append_child(i32 %var166, i32 %var167) - %var168 = call i32 @render_HTab() - call void @js_append_child(i32 %var166, i32 %var168) - %var169 = call i32 @render_HTab() - call void @js_append_child(i32 %var166, i32 %var169) - call void @js_append_child(i32 %var161, i32 %var166) - %var170 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.9, i32 0, i32 0)) - call void @js_set_attribute(i32 %var170, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.3, i32 0, i32 0), i8* getelementptr inbounds ([12 x i8], [12 x i8]* @.str.53, i32 0, i32 0)) - %var171 = call i32 @js_create_marker() - call void @js_append_child(i32 %var170, i32 %var171) - store i32 %var171, i32* @cond_1_marker + %var215 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.9, i32 0, i32 0)) + call void @js_set_attribute(i32 %var215, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.3, i32 0, i32 0), i8* getelementptr inbounds ([15 x i8], [15 x i8]* @.str.53, i32 0, i32 0)) + %var216 = call i32 @js_create_element(i8* getelementptr inbounds ([3 x i8], [3 x i8]* @.str.54, i32 0, i32 0)) + %var217 = call i32 @js_create_text(i8* getelementptr inbounds ([19 x i8], [19 x i8]* @.str.55, i32 0, i32 0)) + call void @js_append_child(i32 %var216, i32 %var217) + call void @js_append_child(i32 %var215, i32 %var216) + %var218 = call i32 @js_create_element(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.13, i32 0, i32 0)) + call void @js_set_attribute(i32 %var218, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.3, i32 0, i32 0), i8* getelementptr inbounds ([9 x i8], [9 x i8]* @.str.56, i32 0, i32 0)) + %var219 = call i32 @js_create_text(i8* getelementptr inbounds ([58 x i8], [58 x i8]* @.str.57, i32 0, i32 0)) + call void @js_append_child(i32 %var218, i32 %var219) + call void @js_append_child(i32 %var215, i32 %var218) + %var220 = call i32 @js_create_element(i8* getelementptr inbounds ([3 x i8], [3 x i8]* @.str.37, i32 0, i32 0)) + call void @js_set_attribute(i32 %var220, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.3, i32 0, i32 0), i8* getelementptr inbounds ([9 x i8], [9 x i8]* @.str.58, i32 0, i32 0)) + %var221 = call i32 @js_create_element(i8* getelementptr inbounds ([3 x i8], [3 x i8]* @.str.0, i32 0, i32 0)) + %var222 = load i32, i32* @signal_Tabs_tab_index + %var223 = icmp eq i32 %var222, 0 + %var224 = zext i1 %var223 to i32 + %var225 = icmp ne i32 %var224, 0 + %var226 = select i1 %var225, i8* getelementptr inbounds ([11 x i8], [11 x i8]* @.str.1, i32 0, i32 0), i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.2, i32 0, i32 0) + call void @js_set_attribute(i32 %var221, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.3, i32 0, i32 0), i8* %var226) + store i32 %var221, i32* @reactive_attr_3_elem + %var227 = call i32 @js_create_element(i8* getelementptr inbounds ([7 x i8], [7 x i8]* @.str.4, i32 0, i32 0)) + call void @js_bind_event(i32 %var227, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.5, i32 0, i32 0), i8* getelementptr inbounds ([15 x i8], [15 x i8]* @.str.59, i32 0, i32 0)) + %var228 = call i32 @js_create_text(i8* getelementptr inbounds ([10 x i8], [10 x i8]* @.str.60, i32 0, i32 0)) + call void @js_append_child(i32 %var227, i32 %var228) + call void @js_append_child(i32 %var221, i32 %var227) + call void @js_append_child(i32 %var220, i32 %var221) + %var229 = call i32 @js_create_element(i8* getelementptr inbounds ([3 x i8], [3 x i8]* @.str.0, i32 0, i32 0)) + %var230 = load i32, i32* @signal_Tabs_tab_index + %var231 = icmp eq i32 %var230, 1 + %var232 = zext i1 %var231 to i32 + %var233 = icmp ne i32 %var232, 0 + %var234 = select i1 %var233, i8* getelementptr inbounds ([11 x i8], [11 x i8]* @.str.1, i32 0, i32 0), i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.2, i32 0, i32 0) + call void @js_set_attribute(i32 %var229, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.3, i32 0, i32 0), i8* %var234) + store i32 %var229, i32* @reactive_attr_4_elem + %var235 = call i32 @js_create_element(i8* getelementptr inbounds ([7 x i8], [7 x i8]* @.str.4, i32 0, i32 0)) + call void @js_bind_event(i32 %var235, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.5, i32 0, i32 0), i8* getelementptr inbounds ([15 x i8], [15 x i8]* @.str.61, i32 0, i32 0)) + %var236 = call i32 @js_create_text(i8* getelementptr inbounds ([13 x i8], [13 x i8]* @.str.62, i32 0, i32 0)) + call void @js_append_child(i32 %var235, i32 %var236) + call void @js_append_child(i32 %var229, i32 %var235) + call void @js_append_child(i32 %var220, i32 %var229) + %var237 = call i32 @js_create_element(i8* getelementptr inbounds ([3 x i8], [3 x i8]* @.str.0, i32 0, i32 0)) + %var238 = load i32, i32* @signal_Tabs_tab_index + %var239 = icmp eq i32 %var238, 2 + %var240 = zext i1 %var239 to i32 + %var241 = icmp ne i32 %var240, 0 + %var242 = select i1 %var241, i8* getelementptr inbounds ([11 x i8], [11 x i8]* @.str.1, i32 0, i32 0), i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.2, i32 0, i32 0) + call void @js_set_attribute(i32 %var237, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.3, i32 0, i32 0), i8* %var242) + store i32 %var237, i32* @reactive_attr_5_elem + %var243 = call i32 @js_create_element(i8* getelementptr inbounds ([7 x i8], [7 x i8]* @.str.4, i32 0, i32 0)) + call void @js_bind_event(i32 %var243, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.5, i32 0, i32 0), i8* getelementptr inbounds ([15 x i8], [15 x i8]* @.str.63, i32 0, i32 0)) + %var244 = call i32 @js_create_text(i8* getelementptr inbounds ([16 x i8], [16 x i8]* @.str.49, i32 0, i32 0)) + call void @js_append_child(i32 %var243, i32 %var244) + call void @js_append_child(i32 %var237, i32 %var243) + call void @js_append_child(i32 %var220, i32 %var237) + call void @js_append_child(i32 %var215, i32 %var220) + %var245 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.9, i32 0, i32 0)) + call void @js_set_attribute(i32 %var245, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.3, i32 0, i32 0), i8* getelementptr inbounds ([12 x i8], [12 x i8]* @.str.64, i32 0, i32 0)) + %var246 = call i32 @js_create_marker() + call void @js_append_child(i32 %var245, i32 %var246) + store i32 %var246, i32* @cond_1_marker call void @_init_conditional_1() - call void @js_append_child(i32 %var161, i32 %var170) - %var172 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.9, i32 0, i32 0)) - call void @js_set_attribute(i32 %var172, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.3, i32 0, i32 0), i8* getelementptr inbounds ([13 x i8], [13 x i8]* @.str.54, i32 0, i32 0)) - %var173 = call i32 @js_create_element(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.13, i32 0, i32 0)) + call void @js_append_child(i32 %var215, i32 %var245) + %var247 = call i32 @js_create_element(i8* getelementptr inbounds ([4 x i8], [4 x i8]* @.str.9, i32 0, i32 0)) + call void @js_set_attribute(i32 %var247, i8* getelementptr inbounds ([6 x i8], [6 x i8]* @.str.3, i32 0, i32 0), i8* getelementptr inbounds ([13 x i8], [13 x i8]* @.str.65, i32 0, i32 0)) + %var248 = call i32 @js_create_element(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.13, i32 0, i32 0)) ; TODO: Format f-string with signal tab_index - %var174 = call i32 @js_create_text(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.55, i32 0, i32 0)) - call void @js_append_child(i32 %var173, i32 %var174) - call void @js_append_child(i32 %var172, i32 %var173) - call void @js_append_child(i32 %var161, i32 %var172) - ret i32 %var161 + %var249 = call i32 @js_create_text(i8* getelementptr inbounds ([2 x i8], [2 x i8]* @.str.66, i32 0, i32 0)) + call void @js_append_child(i32 %var248, i32 %var249) + call void @js_append_child(i32 %var247, i32 %var248) + call void @js_append_child(i32 %var215, i32 %var247) + ret i32 %var215 } ; Main entry point diff --git a/examples/tabs/Tabs.py b/examples/tabs/Tabs.py index 8f5ec96..023af67 100644 --- a/examples/tabs/Tabs.py +++ b/examples/tabs/Tabs.py @@ -49,11 +49,19 @@ def VerticalTabs(): setting_tab = value with Div(class_="vertical-tabs"): - # Vertical tab menu - using reusable VTab component! + # Vertical tab menu - inlined until we support function params with Div(class_="vertical-tab-menu"): - yield VTab(label="⚙️ General", active=setting_tab == 0, onclick=lambda: set_setting(0)) - yield VTab(label="🔒 Privacy", active=setting_tab == 1, onclick=lambda: set_setting(1)) - yield VTab(label="🚀 Advanced", active=setting_tab == 2, onclick=lambda: set_setting(2)) + with Button(class_='vertical-tab active' if setting_tab == 0 else 'vertical-tab', + onclick=lambda: set_setting(0)): + yield "⚙️ General" + + with Button(class_='vertical-tab active' if setting_tab == 1 else 'vertical-tab', + onclick=lambda: set_setting(1)): + yield "🔒 Privacy" + + with Button(class_='vertical-tab active' if setting_tab == 2 else 'vertical-tab', + onclick=lambda: set_setting(2)): + yield "🚀 Advanced" # Vertical tab content with Div(class_="vertical-tab-content"): @@ -106,11 +114,19 @@ def Tabs(orientation=0): # 0 = horizontal, 1 = vertical with P(class_="subtitle"): yield "Beautiful composition with TabMenu and TabPane components" - # Tab menu - using reusable HTab component! + # Tab menu - inlined until we support function params with Ul(class_="tab-menu"): - yield HTab(label="🏠 Home", active=tab_index == 0, onclick=lambda: set_tab(0)) - yield HTab(label="👤 Profile", active=tab_index == 1, onclick=lambda: set_tab(1)) - yield HTab(label="⚙️ Settings", active=tab_index == 2, onclick=lambda: set_tab(2)) + with Li(class_='tab active' if tab_index == 0 else 'tab'): + with Button(onclick=lambda: set_tab(0)): + yield "🏠 Home" + + with Li(class_='tab active' if tab_index == 1 else 'tab'): + with Button(onclick=lambda: set_tab(1)): + yield "👤 Profile" + + with Li(class_='tab active' if tab_index == 2 else 'tab'): + with Button(onclick=lambda: set_tab(2)): + yield "⚙️ Settings" # Tab panes - match/case for clean switching with Div(class_="tab-content"): diff --git a/examples/tabs/Tabs.wasm b/examples/tabs/Tabs.wasm index fcb94cb..fb059d8 100755 Binary files a/examples/tabs/Tabs.wasm and b/examples/tabs/Tabs.wasm differ