Invalidation
slice 4 key (0,0)
Content: Descriptor changed; old uid 85, new uid 89:
old:new:
Interning
clip
107 (ClipItemKey { kind: RoundedRectangle(RectangleKey { x: 340.0, y: 58.0, w: 1235.0, h: 45.0 }, BorderRadiusAu { top_left: 3px×3px, top_right: 3px×3px, bottom_left: 3px×3px, bottom_right: 3px×3px }, ClipOut), spatial_node_index: SpatialNodeIndex(1) })
108 (ClipItemKey { kind: BoxShadow(PointKey { x: 0.0, y: 0.0 }, SizeKey { w: 1235.0, h: 45.0 }, BorderRadiusAu { top_left: 3px×3px, top_right: 3px×3px, bottom_left: 3px×3px, bottom_right: 3px×3px }, RectangleKey { x: 322.0, y: 42.0, w: 1271.0, h: 81.0 }, 6px, Outset), spatial_node_index: SpatialNodeIndex(1) })
110 (ClipItemKey { kind: Rectangle(RectangleKey { x: 341.0, y: 59.0, w: 1233.0, h: 43.0 }, Clip), spatial_node_index: SpatialNodeIndex(1) })
111 (ClipItemKey { kind: RoundedRectangle(RectangleKey { x: 341.0, y: 59.0, w: 1233.0, h: 43.0 }, BorderRadiusAu { top_left: 2px×2px, top_right: 2px×2px, bottom_left: 2px×2px, bottom_right: 2px×2px }, Clip), spatial_node_index: SpatialNodeIndex(1) })

prim
109 (PrimitiveKey { common: PrimKeyCommonData { flags: IS_BACKFACE_VISIBLE, prim_size: SizeKey { w: 1271.0, h: 81.0 } }, kind: Rectangle { color: Value(ColorU { r: 0, g: 0, b: 0, a: 13 }) } })
112 (PrimitiveKey { common: PrimKeyCommonData { flags: IS_BACKFACE_VISIBLE, prim_size: SizeKey { w: 1233.0, h: 43.0 } }, kind: Rectangle { color: Value(ColorU { r: 255, g: 255, b: 255, a: 255 }) } })

normal_border
113 (PrimKey { common: PrimKeyCommonData { flags: IS_BACKFACE_VISIBLE, prim_size: SizeKey { w: 1235.0, h: 45.0 } }, kind: NormalBorderPrim { border: NormalBorderAu { left: BorderSideAu { color: ColorU { r: 12, g: 12, b: 13, a: 64 }, style: Solid }, right: BorderSideAu { color: ColorU { r: 12, g: 12, b: 13, a: 64 }, style: Solid }, top: BorderSideAu { color: ColorU { r: 12, g: 12, b: 13, a: 64 }, style: Solid }, bottom: BorderSideAu { color: ColorU { r: 12, g: 12, b: 13, a: 64 }, style: Solid }, radius: BorderRadiusAu { top_left: 3px×3px, top_right: 3px×3px, bottom_left: 3px×3px, bottom_right: 3px×3px }, do_aa: true }, widths: (1px,1px,1px,1px) } })
114 (PrimKey { common: PrimKeyCommonData { flags: IS_BACKFACE_VISIBLE, prim_size: SizeKey { w: 1235.0, h: 45.0 } }, kind: NormalBorderPrim { border: NormalBorderAu { left: BorderSideAu { color: ColorU { r: 0, g: 0, b: 0, a: 0 }, style: Solid }, right: BorderSideAu { color: ColorU { r: 0, g: 0, b: 0, a: 0 }, style: Solid }, top: BorderSideAu { color: ColorU { r: 0, g: 0, b: 0, a: 0 }, style: Solid }, bottom: BorderSideAu { color: ColorU { r: 0, g: 0, b: 0, a: 0 }, style: Solid }, radius: BorderRadiusAu { top_left: 3px×3px, top_right: 3px×3px, bottom_left: 3px×3px, bottom_right: 3px×3px }, do_aa: true }, widths: (1px,1px,1px,1px) } })

image_border

image
106 (PrimKey { common: PrimKeyCommonData { flags: IS_BACKFACE_VISIBLE, prim_size: SizeKey { w: 61.0, h: 61.0 } }, kind: Image { key: ImageKey(IdNamespace(1), 41), stretch_size: SizeKey { w: 61.0, h: 61.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 } })

yuv_image

line_decoration

linear_grad

radial_grad

conic_grad

picture

text_run
115 (TextRunKey { common: PrimKeyCommonData { flags: IS_BACKFACE_VISIBLE, prim_size: SizeKey { w: 496.0, h: 29.0 } }, font: FontInstance { base: BaseFontInstance { instance_key: FontInstanceKey(IdNamespace(1), 11), font_key: FontKey(IdNamespace(1), 10), size: 20.7px, 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: 124, g: 124, b: 125, a: 255 }, transform_glyphs: false, size: 20.7px }, glyphs: PrimaryArc([GlyphInstance { index: 75, point: (0.7749939,23.0) }, GlyphInstance { index: 87, point: (12.5,23.0) }, GlyphInstance { index: 87, point: (19.524994,23.0) }, GlyphInstance { index: 83, point: (26.549988,23.0) }, GlyphInstance { index: 86, point: (38.725006,23.0) }, GlyphInstance { index: 29, point: (47.5,23.0) }, GlyphInstance { index: 18, point: (52.0,23.0) }, GlyphInstance { index: 18, point: (60.075012,23.0) }, GlyphInstance { index: 69, point: (68.149994,23.0) }, GlyphInstance { index: 88, point: (80.32501,23.0) }, GlyphInstance { index: 74, point: (92.04999,23.0) }, GlyphInstance { index: 93, point: (104.25,23.0) }, GlyphInstance { index: 76, point: (113.600006,23.0) }, GlyphInstance { index: 79, point: (118.625,23.0) }, GlyphInstance { index: 79, point: (123.649994,23.0) }, GlyphInstance { index: 68, point: (128.67499,23.0) }, GlyphInstance { index: 17, point: (139.20001,23.0) }]), shadow: false })
116 (TextRunKey { common: PrimKeyCommonData { flags: IS_BACKFACE_VISIBLE, prim_size: SizeKey { w: 496.0, h: 29.0 } }, font: FontInstance { base: BaseFontInstance { instance_key: FontInstanceKey(IdNamespace(1), 11), font_key: FontKey(IdNamespace(1), 10), size: 20.7px, 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: 0, g: 0, b: 0, a: 255 }, transform_glyphs: false, size: 20.7px }, glyphs: PrimaryArc([GlyphInstance { index: 80, point: (143.70001,23.0) }, GlyphInstance { index: 82, point: (161.52502,23.0) }, GlyphInstance { index: 93, point: (173.65002,23.0) }, GlyphInstance { index: 76, point: (183.0,23.0) }, GlyphInstance { index: 79, point: (188.02502,23.0) }, GlyphInstance { index: 79, point: (193.04999,23.0) }, GlyphInstance { index: 68, point: (198.07501,23.0) }, GlyphInstance { index: 17, point: (208.59998,23.0) }, GlyphInstance { index: 82, point: (213.09998,23.0) }, GlyphInstance { index: 85, point: (225.22498,23.0) }, GlyphInstance { index: 74, point: (232.42499,23.0) }]), shadow: false })
117 (TextRunKey { common: PrimKeyCommonData { flags: IS_BACKFACE_VISIBLE, prim_size: SizeKey { w: 496.0, h: 29.0 } }, font: FontInstance { base: BaseFontInstance { instance_key: FontInstanceKey(IdNamespace(1), 11), font_key: FontKey(IdNamespace(1), 10), size: 20.7px, 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: 124, g: 124, b: 125, a: 255 }, transform_glyphs: false, size: 20.7px }, glyphs: PrimaryArc([GlyphInstance { index: 18, point: (244.625,23.0) }, GlyphInstance { index: 86, point: (252.70001,23.0) }, GlyphInstance { index: 75, point: (261.47498,23.0) }, GlyphInstance { index: 82, point: (273.2,23.0) }, GlyphInstance { index: 90, point: (285.325,23.0) }, GlyphInstance { index: 66, point: (300.27502,23.0) }, GlyphInstance { index: 69, point: (308.875,23.0) }, GlyphInstance { index: 88, point: (321.05,23.0) }, GlyphInstance { index: 74, point: (332.77502,23.0) }, GlyphInstance { index: 17, point: (344.97498,23.0) }, GlyphInstance { index: 70, point: (349.47498,23.0) }, GlyphInstance { index: 74, point: (359.02502,23.0) }, GlyphInstance { index: 76, point: (371.22498,23.0) }, GlyphInstance { index: 34, point: (376.25,23.0) }, GlyphInstance { index: 76, point: (385.52502,23.0) }, GlyphInstance { index: 71, point: (390.55,23.0) }, GlyphInstance { index: 32, point: (402.75,23.0) }, GlyphInstance { index: 20, point: (416.90002,23.0) }, GlyphInstance { index: 24, point: (428.05,23.0) }, GlyphInstance { index: 28, point: (439.2,23.0) }, GlyphInstance { index: 24, point: (450.34998,23.0) }, GlyphInstance { index: 25, point: (461.5,23.0) }, GlyphInstance { index: 27, point: (472.65002,23.0) }, GlyphInstance { index: 19, point: (483.8,23.0) }]), shadow: false })

filter_data

backdrop