[Title] Fix issue that the empty item is flickering when delete most visited item.

[Issue#] N_SE-9119
[Problem] The empty item is flickering when delete most visited item.
[Cause] The empty item is added by idler.
[Solution] Do not use idler in case of empty item.
[Developer] Hyerim Bae

Change-Id: I9a292686b2836aa74347727f0276ebf42a75f6df

1 files changed, 242 insertions, 113 deletions

diff --git a/edc/most-visited-sites.edc b/edc/most-visited-sites.edc
index 93cb8e0c..5d28a539 100644
--- a/edc/most-visited-sites.edc
+++ b/edc/most-visited-sites.edc
@@ -801,118 +801,247 @@ collections {
 			}
 		}
 	}
-	group {
-		name: "elm/gengrid/item/default_grid/browser/most_visited_sites/default";
-		data.item: "contents" "elm.swallow.icon elm.swallow.end";
 
-		parts {
-			part {
-				name: "bg";
-				type: RECT;
-				description {
-					state: "default" 0.0;
-					color: 0 0 0 0;
-					rel1 { relative: 0.0 0.0; }
-					rel2 { relative: 1.0 1.0; }
-			}
-			}
-			part {
-				name: "left_top_padding";
-				type: RECT;
-				description {
-					state: "default" 0.0;
-					min: 8 15;
-					align: 0.0 0.0;
-					color: 0 0 0 0;
-					rel1 { relative: 0.0 0.0; to: "bg"; }
-					rel2 { relative: 0.0 0.0; to: "bg"; }
-				}
-			}
-			part {
-				name: "right_bottom_padding";
-				type: RECT;
-				description {
-					state: "default" 0.0;
-					min: 7 0;
-					color: 0 0 0 0;
-					align: 1.0 1.0;
-					rel1 { relative: 1.0 1.0; to: "bg"; }
-					rel2 { relative: 1.0 1.0; to: "bg"; }
-				}
-			}
-			part {
-				name: "area_bg";
-				type: RECT;
-				description {
-					state: "default" 0.0;
-					color: 0 0 0 0;
-					rel1 { relative: 1.0 1.0; to_x: "left_top_padding"; to_y: "left_top_padding";}
-					rel2 { relative: 0.0 0.0; to_x: "right_bottom_padding"; to_y: "right_bottom_padding";}
-				}
-				description {
-					state: "enabled" 0.0;
-					inherit: "default" 0.0;
-					rel1.offset: -6 -6;
-					rel2.offset: 5 5;
-				}
-			}
-			part {
-				name: "elm.swallow.icon";
-				type: SWALLOW;
-				description {
-					state: "default" 0.0;
-					rel1 { relative: 0.0 0.0; offset: 1 1; to: "area_bg"; }
-					rel2 { relative: 1.0 1.0; offset: -2 -2; to: "area_bg"; }
-				}
-			}
-
-			part {
-				name: "elm.swallow.end";
-				type: SWALLOW;
-				description {
-					state: "default" 0.0;
-					rel1 { relative: 0.0 0.0; to: "elm.swallow.icon"; }
-					rel2 { relative: 1.0 1.0; to: "elm.swallow.icon"; }
-				}
-			}
-			part {
-				name: "reorder_bg";
-				type: RECT;
-				description {
-					state: "default" 0.0;
-					color: 0 0 0 0;
-					visible: 0;
-					align: 0.0 0.0;
-					rel1 { relative: 0.075 0.075; to: "area_bg"; }
-					rel2 { relative: 0.925 0.925; to: "area_bg"; }
-				}
-				description {
-					state: "enabled" 0.0;
-					inherit: "default" 0.0;
-					color: 0 0 0 128;
-					visible: 1;
-				}
-			}
-		}
-		programs {
-			program {
-				name:    "go_reorder_disabled";
-				signal:  "elm,state,reorder,disabled";
-				source:  "elm";
-				action:  STATE_SET "default" 0.0;
-				target:  "area_bg";
-				target:  "reorder_bg";
-				transition: ACCELERATE 0.3;
-			}
-			program {
-				name:    "go_reorder_enabled";
-				signal:  "elm,state,reorder,enabled";
-				source:  "elm";
-				action:  STATE_SET "enabled" 0.0;
-				target:  "area_bg";
-				target:  "reorder_bg";
-				transition: ACCELERATE 0.3;
-			}
-		}
-	}
+	group { name: "elm/gengrid/item/default_grid/browser/most_visited_sites/default";
+      data.item: "contents" "elm.swallow.icon elm.swallow.end";
+      images {
+         image : "browser-view-images/most-visited-sites/00_winset_thumbs_bg.png" COMP;
+         image : "browser-view-images/most-visited-sites/00_winset_thumbs_focus_bg.png" COMP;
+      }
+      parts {
+         part { name: "bg";
+            type: RECT;
+            description { state: "default" 0.0;
+               color: 0 0 0 0;
+            }
+         }
+         part { name: "left_top_padding";
+            type: RECT;
+            scale : 1;
+            description { state: "default" 0.0;
+               min: 8 18;
+               align: 0.0 0.0;
+               visible: 0;
+               rel1.to: "bg";
+               rel2 {
+                  relative: 0.0 0.0;
+                  to: "bg";
+               }
+            }
+         }
+         part { name: "right_bottom_padding";
+            type: RECT;
+            scale: 1;
+            description { state: "default" 0.0;
+               min: 8 0;
+               align: 1.0 1.0;
+               visible: 0;
+               rel1 {
+                  relative: 1.0 1.0;
+                  to: "bg";
+               }
+               rel2.to: "bg";
+            }
+         }
+         part { name: "item_bg";
+            type: IMAGE;
+            description { state: "default" 0.0;
+               rel1 {
+                  relative: 1.0 1.0;
+                  to: "left_top_padding";
+               }
+               rel2 {
+                  relative: 0.0 0.0;
+                  to: "right_bottom_padding";
+               }
+               image.normal: "browser-view-images/most-visited-sites/00_winset_thumbs_bg.png";
+            }
+         }
+         part { name: "item_bg_left_top_padding";
+            type: RECT;
+            scale : 1;
+            description { state: "default" 0.0;
+               min: 2 0;
+               align: 0.0 0.0;
+               visible: 0;
+               rel1.to: "item_bg";
+               rel2 {
+                  relative: 0.0 0.0;
+                  to: "item_bg";
+               }
+            }
+         }
+         part { name: "item_bg_right_bottom_padding";
+            type: RECT;
+            scale : 1;
+            description { state: "default" 0.0;
+               min: 2 6;
+               align: 1.0 1.0;
+               visible: 0;
+               rel1 {
+                  relative: 1.0 1.0;
+                  to: "item_bg";
+               }
+               rel2.to: "item_bg";
+            }
+         }
+         part { name: "item_real_bg";
+            type: RECT;
+            description { state: "default" 0.0;
+               color: 190 189 189 255;
+               rel1 {
+                  relative: 1.0 1.0;
+                  to: "item_bg_left_top_padding";
+               }
+               rel2 {
+                  relative: 0.0 0.0;
+                  to: "item_bg_right_bottom_padding";
+               }
+            }
+         }
+         part { name: "item_real_bg_left_top_padding";
+            type: RECT;
+            scale : 1;
+            description { state: "default" 0.0;
+               min: 2 2;
+               align: 0.0 0.0;
+               visible: 0;
+               rel1.to: "item_real_bg";
+               rel2 {
+                  relative: 0.0 0.0;
+                  to: "item_real_bg";
+               }
+            }
+         }
+         part { name: "item_real_bg_right_bottom_padding";
+            type: RECT;
+            scale : 1;
+            description { state: "default" 0.0;
+               min: 2 2;
+               align: 1.0 1.0;
+               visible: 0;
+               rel1 {
+                  relative: 1.0 1.0;
+                  to: "item_real_bg";
+               }
+               rel2.to: "item_real_bg";
+            }
+         }
+         part { name: "elm.swallow.icon";
+            type: SWALLOW;
+            description { state: "default" 0.0;
+               rel1 {
+                  relative: 1.0 1.0;
+                  to: "item_real_bg_left_top_padding";
+               }
+               rel2 {
+                  relative: 0.0 0.0;
+                  to: "item_real_bg_right_bottom_padding";
+               }
+            }
+         }
+         part { name: "elm.swallow.end";
+            type: SWALLOW;
+            description { state: "default" 0.0;
+               rel1.to: "elm.swallow.icon";
+               rel2.to: "elm.swallow.icon";
+            }
+         }
+         part { name: "reorder_bg";
+            type: RECT;
+            repeat_events: 1;
+            description { state: "default" 0.0;
+               //color: GENGRID_PART_BG_COLOR_INC;
+               color: 0 0 0 0;
+               rel1.to: "item_bg";
+               rel2.to: "item_bg";
+            }
+            description { state: "enabled" 0.0;
+               inherit: "default" 0.0;
+               //color: GENGRID_PART_REORDER_BG_COLOR_INC;
+               color: 0 255 255 255;
+//               color: 0 0 0 0;
+            }
+         }
+         part { name: "focus_bg_left_top_padding";
+            type: RECT;
+            scale : 1;
+            description { state: "default" 0.0;
+               min: 8 16;
+               align: 0.0 0.0;
+               visible: 0;
+               rel1.to: "bg";
+               rel2 {
+                  relative: 0.0 0.0;
+                  to: "bg";
+               }
+            }
+         }
+         part { name: "focus_bg_right_bottom_padding";
+            type: RECT;
+            scale: 1;
+            description { state: "default" 0.0;
+               min: 8 4;
+               align: 1.0 1.0;
+               visible: 0;
+               rel1 {
+                  relative: 1.0 1.0;
+                  to: "bg";
+               }
+               rel2.to: "bg";
+            }
+         }
+         part { name: "focus_bg";
+            type: IMAGE;
+            description { state: "default" 0.0;
+               visible: 0;
+               rel1 {
+                  relative: 1.0 1.0;
+                  to: "focus_bg_left_top_padding";
+               }
+               rel2 {
+                  relative: 0.0 0.0;
+                  to: "focus_bg_right_bottom_padding";
+               }
+               image.normal: "browser-view-images/most-visited-sites/00_winset_thumbs_focus_bg.png";
+            }
+            description { state: "enabled" 0.0;
+               inherit: "default" 0.0;
+               visible: 1;
+            }
+         }
+      }
+      programs {
+         program { name: "go_mouse_down";
+            signal: "mouse,down,1";
+            source: "reorder_bg";
+            action: STATE_SET "enabled" 0.0;
+            target: "focus_bg";
+            transition: ACCELERATE 0.2;
+         }
+         program { name: "go_mouse_up";
+            signal: "mouse,up,1";
+            source: "reorder_bg";
+            action: STATE_SET "default" 0.0;
+            target: "focus_bg";
+            transition: DECELERATE 0.2;
+         }
+         program { name: "go_reorder_disabled";
+            signal: "elm,state,reorder,disabled";
+            source: "elm";
+            action: STATE_SET "default" 0.0;
+            target: "reorder_bg";
+            target: "focus_bg";
+            transition: ACCELERATE 0.3;
+         }
+         program { name: "go_reorder_enabled";
+            signal: "elm,state,reorder,enabled";
+            source: "elm";
+            action: STATE_SET "enabled" 0.0;
+            target: "reorder_bg";
+            target: "focus_bg";
+            transition: DECELERATE 0.3;
+         }
+      }
+   }
 }
\ No newline at end of file