Invalidation
slice 0 key (0,0)
Content: Descriptor changed for uid 220
slice 4 key (0,0)
Content: Descriptor changed for uid 221
Interning
clip
225 (ClipItemKey { kind: Rectangle(RectangleKey { x: 0.0, y: 99.0, w: 1925.0, h: 21.0 }, Clip), spatial_node_index: SpatialNodeIndex(5) })
226 (ClipItemKey { kind: RoundedRectangle(RectangleKey { x: 0.0, y: 99.0, w: 1925.0, h: 21.0 }, BorderRadiusAu { top_left: 5.25px×5.25px, top_right: 5.25px×5.25px, bottom_left: 5.25px×5.25px, bottom_right: 5.25px×5.25px }, Clip), spatial_node_index: SpatialNodeIndex(5) })
229 (ClipItemKey { kind: Rectangle(RectangleKey { x: 0.0, y: 120.0, w: 1925.0, h: 99.0 }, Clip), spatial_node_index: SpatialNodeIndex(5) })
230 (ClipItemKey { kind: RoundedRectangle(RectangleKey { x: 0.0, y: 120.0, w: 1925.0, h: 99.0 }, BorderRadiusAu { top_left: 5.25px×5.25px, top_right: 5.25px×5.25px, bottom_left: 5.25px×5.25px, bottom_right: 5.25px×5.25px }, Clip), spatial_node_index: SpatialNodeIndex(5) })
234 (ClipItemKey { kind: Rectangle(RectangleKey { x: 120.0, y: 147.0, w: 53.0, h: 45.0 }, Clip), spatial_node_index: SpatialNodeIndex(5) })
235 (ClipItemKey { kind: RoundedRectangle(RectangleKey { x: 120.0, y: 147.0, w: 53.0, h: 45.0 }, BorderRadiusAu { top_left: 5.25px×5.25px, top_right: 0px×0px, bottom_left: 5.25px×5.25px, bottom_right: 0px×0px }, Clip), spatial_node_index: SpatialNodeIndex(5) })
241 (ClipItemKey { kind: Rectangle(RectangleKey { x: 224.0, y: 147.0, w: 53.0, h: 45.0 }, Clip), spatial_node_index: SpatialNodeIndex(5) })
242 (ClipItemKey { kind: RoundedRectangle(RectangleKey { x: 224.0, y: 147.0, w: 53.0, h: 45.0 }, BorderRadiusAu { top_left: 0px×0px, top_right: 5.25px×5.25px, bottom_left: 0px×0px, bottom_right: 5.25px×5.25px }, Clip), spatial_node_index: SpatialNodeIndex(5) })

prim
222 (PrimitiveKey { common: PrimKeyCommonData { flags: IS_BACKFACE_VISIBLE, prim_size: SizeKey { w: 53.0, h: 47.0 } }, kind: Rectangle { color: Value(ColorU { r: 44, g: 49, b: 51, a: 255 }) } })
227 (PrimitiveKey { common: PrimKeyCommonData { flags: IS_BACKFACE_VISIBLE, prim_size: SizeKey { w: 1925.0, h: 21.0 } }, kind: Rectangle { color: Value(ColorU { r: 0, g: 123, b: 255, a: 255 }) } })
231 (PrimitiveKey { common: PrimKeyCommonData { flags: IS_BACKFACE_VISIBLE, prim_size: SizeKey { w: 1925.0, h: 99.0 } }, kind: Rectangle { color: Value(ColorU { r: 245, g: 245, b: 245, a: 255 }) } })
236 (PrimitiveKey { common: PrimKeyCommonData { flags: IS_BACKFACE_VISIBLE, prim_size: SizeKey { w: 53.0, h: 45.0 } }, kind: Rectangle { color: Value(ColorU { r: 255, g: 255, b: 255, a: 255 }) } })
245 (PrimitiveKey { common: PrimKeyCommonData { flags: IS_BACKFACE_VISIBLE, prim_size: SizeKey { w: 114.0, h: 47.0 } }, kind: Rectangle { color: Value(ColorU { r: 44, g: 49, b: 51, a: 255 }) } })

normal_border
223 (PrimKey { common: PrimKeyCommonData { flags: IS_BACKFACE_VISIBLE, prim_size: SizeKey { w: 53.0, h: 47.0 } }, kind: NormalBorderPrim { border: NormalBorderAu { left: BorderSideAu { color: ColorU { r: 26, g: 29, b: 32, a: 255 }, style: Solid }, right: BorderSideAu { color: ColorU { r: 26, g: 29, b: 32, a: 255 }, style: None }, top: BorderSideAu { color: ColorU { r: 26, g: 29, b: 32, a: 255 }, style: None }, bottom: BorderSideAu { color: ColorU { r: 26, g: 29, b: 32, a: 255 }, style: None }, radius: BorderRadiusAu { top_left: 0px×0px, top_right: 0px×0px, bottom_left: 0px×0px, bottom_right: 0px×0px }, do_aa: true }, widths: (0px,0px,0px,1px) } })
232 (PrimKey { common: PrimKeyCommonData { flags: IS_BACKFACE_VISIBLE, prim_size: SizeKey { w: 1925.0, h: 99.0 } }, kind: NormalBorderPrim { border: NormalBorderAu { left: BorderSideAu { color: ColorU { r: 227, g: 227, b: 227, a: 255 }, style: Solid }, right: BorderSideAu { color: ColorU { r: 227, g: 227, b: 227, a: 255 }, style: Solid }, top: BorderSideAu { color: ColorU { r: 227, g: 227, b: 227, a: 255 }, style: Solid }, bottom: BorderSideAu { color: ColorU { r: 227, g: 227, b: 227, a: 255 }, style: Solid }, radius: BorderRadiusAu { top_left: 5.25px×5.25px, top_right: 5.25px×5.25px, bottom_left: 5.25px×5.25px, bottom_right: 5.25px×5.25px }, do_aa: true }, widths: (1px,1px,1px,1px) } })
237 (PrimKey { common: PrimKeyCommonData { flags: IS_BACKFACE_VISIBLE, prim_size: SizeKey { w: 53.0, h: 45.0 } }, kind: NormalBorderPrim { border: NormalBorderAu { left: BorderSideAu { color: ColorU { r: 108, g: 117, b: 125, a: 255 }, style: Solid }, right: BorderSideAu { color: ColorU { r: 108, g: 117, b: 125, a: 255 }, style: Solid }, top: BorderSideAu { color: ColorU { r: 108, g: 117, b: 125, a: 255 }, style: Solid }, bottom: BorderSideAu { color: ColorU { r: 108, g: 117, b: 125, a: 255 }, style: Solid }, radius: BorderRadiusAu { top_left: 5.25px×5.25px, top_right: 0px×0px, bottom_left: 5.25px×5.25px, bottom_right: 0px×0px }, do_aa: true }, widths: (1px,1px,1px,1px) } })
239 (PrimKey { common: PrimKeyCommonData { flags: IS_BACKFACE_VISIBLE, prim_size: SizeKey { w: 53.0, h: 45.0 } }, kind: NormalBorderPrim { border: NormalBorderAu { left: BorderSideAu { color: ColorU { r: 108, g: 117, b: 125, a: 255 }, style: Solid }, right: BorderSideAu { color: ColorU { r: 108, g: 117, b: 125, a: 255 }, style: Solid }, top: BorderSideAu { color: ColorU { r: 108, g: 117, b: 125, a: 255 }, style: Solid }, bottom: BorderSideAu { color: ColorU { r: 108, g: 117, b: 125, a: 255 }, style: Solid }, radius: BorderRadiusAu { top_left: 0px×0px, top_right: 0px×0px, bottom_left: 0px×0px, bottom_right: 0px×0px }, do_aa: true }, widths: (1px,1px,1px,1px) } })
243 (PrimKey { common: PrimKeyCommonData { flags: IS_BACKFACE_VISIBLE, prim_size: SizeKey { w: 53.0, h: 45.0 } }, kind: NormalBorderPrim { border: NormalBorderAu { left: BorderSideAu { color: ColorU { r: 108, g: 117, b: 125, a: 255 }, style: Solid }, right: BorderSideAu { color: ColorU { r: 108, g: 117, b: 125, a: 255 }, style: Solid }, top: BorderSideAu { color: ColorU { r: 108, g: 117, b: 125, a: 255 }, style: Solid }, bottom: BorderSideAu { color: ColorU { r: 108, g: 117, b: 125, a: 255 }, style: Solid }, radius: BorderRadiusAu { top_left: 0px×0px, top_right: 5.25px×5.25px, bottom_left: 0px×0px, bottom_right: 5.25px×5.25px }, do_aa: true }, widths: (1px,1px,1px,1px) } })
246 (PrimKey { common: PrimKeyCommonData { flags: IS_BACKFACE_VISIBLE, prim_size: SizeKey { w: 114.0, h: 47.0 } }, kind: NormalBorderPrim { border: NormalBorderAu { left: BorderSideAu { color: ColorU { r: 26, g: 29, b: 32, a: 255 }, style: Solid }, right: BorderSideAu { color: ColorU { r: 26, g: 29, b: 32, a: 255 }, style: None }, top: BorderSideAu { color: ColorU { r: 26, g: 29, b: 32, a: 255 }, style: None }, bottom: BorderSideAu { color: ColorU { r: 26, g: 29, b: 32, a: 255 }, style: None }, radius: BorderRadiusAu { top_left: 0px×0px, top_right: 0px×0px, bottom_left: 0px×0px, bottom_right: 0px×0px }, do_aa: true }, widths: (0px,0px,0px,1px) } })

image_border

image
224 (PrimKey { common: PrimKeyCommonData { flags: IS_BACKFACE_VISIBLE, prim_size: SizeKey { w: 768.0, h: 768.0 } }, kind: Image { key: ImageKey(IdNamespace(3), 15), stretch_size: SizeKey { w: 768.0, h: 768.0 }, tile_spacing: SizeKey { w: 0.0, h: 0.0 }, color: ColorU { r: 255, g: 255, b: 255, a: 255 }, sub_rect: None, image_rendering: Auto, alpha_type: PremultipliedAlpha } })
248 (PrimKey { common: PrimKeyCommonData { flags: IS_BACKFACE_VISIBLE, prim_size: SizeKey { w: 812.1929, h: 812.1929 } }, kind: Image { key: ImageKey(IdNamespace(3), 17), stretch_size: SizeKey { w: 812.1929, h: 812.1929 }, tile_spacing: SizeKey { w: 0.0, h: 0.0 }, color: ColorU { r: 255, g: 255, b: 255, a: 255 }, sub_rect: None, image_rendering: Auto, alpha_type: PremultipliedAlpha } })

yuv_image

line_decoration

linear_grad
228 (LinearGradientKey { common: PrimKeyCommonData { flags: IS_BACKFACE_VISIBLE, prim_size: SizeKey { w: 1925.0, h: 21.0 } }, extend_mode: Clamp, start_point: PointKey { x: 5.25, y: 15.75 }, end_point: PointKey { x: 21.0, y: 0.0 }, stretch_size: SizeKey { w: 21.0, h: 21.0 }, tile_spacing: SizeKey { w: 0.0, h: 0.0 }, stops: [GradientStopKey { offset: 0.0, color: ColorU { r: 255, g: 255, b: 255, a: 38 } }, GradientStopKey { offset: 0.0, color: ColorU { r: 0, g: 0, b: 0, a: 0 } }, GradientStopKey { offset: 0.33333334, color: ColorU { r: 0, g: 0, b: 0, a: 0 } }, GradientStopKey { offset: 0.33333334, color: ColorU { r: 255, g: 255, b: 255, a: 38 } }, GradientStopKey { offset: 0.6666667, color: ColorU { r: 255, g: 255, b: 255, a: 38 } }, GradientStopKey { offset: 0.6666667, color: ColorU { r: 0, g: 0, b: 0, a: 0 } }, GradientStopKey { offset: 1.0, color: ColorU { r: 0, g: 0, b: 0, a: 0 } }], reverse_stops: false, nine_patch: None })

radial_grad

conic_grad

picture

text_run
233 (TextRunKey { common: PrimKeyCommonData { flags: IS_BACKFACE_VISIBLE, prim_size: SizeKey { w: 83.0, h: 26.0 } }, font: FontInstance { base: BaseFontInstance { instance_key: FontInstanceKey(IdNamespace(3), 13), font_key: FontKey(IdNamespace(3), 1), size: 21px, bg_color: ColorU { r: 0, g: 0, b: 0, a: 0 }, render_mode: Subpixel, flags: SUBPIXEL_POSITION, synthetic_italics: SyntheticItalics { angle: 0 }, platform_options: None, variations: [] }, transform: FontTransform { scale_x: 1.0, skew_x: 0.0, skew_y: 0.0, scale_y: 1.0 }, render_mode: Subpixel, flags: SUBPIXEL_POSITION, color: ColorU { r: 33, g: 37, b: 41, a: 255 }, transform_glyphs: false, size: 21px }, glyphs: PrimaryArc([GlyphInstance { index: 74, point: (1.25,20.0) }, GlyphInstance { index: 72, point: (12.924999,20.0) }, GlyphInstance { index: 87, point: (24.599998,20.0) }, GlyphInstance { index: 3, point: (30.425,20.0) }, GlyphInstance { index: 81, point: (36.25,20.0) }, GlyphInstance { index: 72, point: (47.925003,20.0) }, GlyphInstance { index: 91, point: (59.6,20.0) }, GlyphInstance { index: 87, point: (70.1,20.0) }, GlyphInstance { index: 29, point: (75.925,20.0) }]), shadow: false })
238 (TextRunKey { common: PrimKeyCommonData { flags: IS_BACKFACE_VISIBLE, prim_size: SizeKey { w: 22.0, h: 22.0 } }, font: FontInstance { base: BaseFontInstance { instance_key: FontInstanceKey(IdNamespace(3), 16), font_key: FontKey(IdNamespace(3), 1), size: 18px, bg_color: ColorU { r: 0, g: 0, b: 0, a: 0 }, render_mode: Subpixel, flags: SUBPIXEL_POSITION, synthetic_italics: SyntheticItalics { angle: 0 }, platform_options: None, variations: [] }, transform: FontTransform { scale_x: 1.0, skew_x: 0.0, skew_y: 0.0, scale_y: 1.0 }, render_mode: Subpixel, flags: SUBPIXEL_POSITION, color: ColorU { r: 108, g: 117, b: 125, a: 255 }, transform_glyphs: false, size: 18px }, glyphs: PrimaryArc([GlyphInstance { index: 20, point: (0.5,17.0) }, GlyphInstance { index: 19, point: (10.5,17.0) }]), shadow: false })
240 (TextRunKey { common: PrimKeyCommonData { flags: IS_BACKFACE_VISIBLE, prim_size: SizeKey { w: 22.0, h: 22.0 } }, font: FontInstance { base: BaseFontInstance { instance_key: FontInstanceKey(IdNamespace(3), 16), font_key: FontKey(IdNamespace(3), 1), size: 18px, bg_color: ColorU { r: 0, g: 0, b: 0, a: 0 }, render_mode: Subpixel, flags: SUBPIXEL_POSITION, synthetic_italics: SyntheticItalics { angle: 0 }, platform_options: None, variations: [] }, transform: FontTransform { scale_x: 1.0, skew_x: 0.0, skew_y: 0.0, scale_y: 1.0 }, render_mode: Subpixel, flags: SUBPIXEL_POSITION, color: ColorU { r: 108, g: 117, b: 125, a: 255 }, transform_glyphs: false, size: 18px }, glyphs: PrimaryArc([GlyphInstance { index: 21, point: (0.5,17.0) }, GlyphInstance { index: 19, point: (10.5,17.0) }]), shadow: false })
244 (TextRunKey { common: PrimKeyCommonData { flags: IS_BACKFACE_VISIBLE, prim_size: SizeKey { w: 22.0, h: 22.0 } }, font: FontInstance { base: BaseFontInstance { instance_key: FontInstanceKey(IdNamespace(3), 16), font_key: FontKey(IdNamespace(3), 1), size: 18px, bg_color: ColorU { r: 0, g: 0, b: 0, a: 0 }, render_mode: Subpixel, flags: SUBPIXEL_POSITION, synthetic_italics: SyntheticItalics { angle: 0 }, platform_options: None, variations: [] }, transform: FontTransform { scale_x: 1.0, skew_x: 0.0, skew_y: 0.0, scale_y: 1.0 }, render_mode: Subpixel, flags: SUBPIXEL_POSITION, color: ColorU { r: 108, g: 117, b: 125, a: 255 }, transform_glyphs: false, size: 18px }, glyphs: PrimaryArc([GlyphInstance { index: 24, point: (0.5,17.0) }, GlyphInstance { index: 19, point: (10.5,17.0) }]), shadow: false })
247 (TextRunKey { common: PrimKeyCommonData { flags: IS_BACKFACE_VISIBLE, prim_size: SizeKey { w: 72.0, h: 23.0 } }, font: FontInstance { base: BaseFontInstance { instance_key: FontInstanceKey(IdNamespace(3), 3), font_key: FontKey(IdNamespace(3), 1), size: 18.383333333333333px, bg_color: ColorU { r: 0, g: 0, b: 0, a: 0 }, render_mode: Subpixel, flags: SUBPIXEL_POSITION, synthetic_italics: SyntheticItalics { angle: 0 }, platform_options: None, variations: [] }, transform: FontTransform { scale_x: 1.0, skew_x: 0.0, skew_y: 0.0, scale_y: 1.0 }, render_mode: Subpixel, flags: SUBPIXEL_POSITION, color: ColorU { r: 255, g: 255, b: 255, a: 255 }, transform_glyphs: false, size: 18.383333333333333px }, glyphs: PrimaryArc([GlyphInstance { index: 68, point: (0.67499924,18.0) }, GlyphInstance { index: 88, point: (10.900002,18.0) }, GlyphInstance { index: 87, point: (21.125,18.0) }, GlyphInstance { index: 82, point: (26.224998,18.0) }, GlyphInstance { index: 79, point: (36.449997,18.0) }, GlyphInstance { index: 68, point: (40.525,18.0) }, GlyphInstance { index: 81, point: (50.75,18.0) }, GlyphInstance { index: 71, point: (60.975,18.0) }]), shadow: false })

filter_data

backdrop