@carbon-labs/react-animated-header 0.32.0 → 0.34.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/animated/header_animated_db2_dark_03.json +1 -0
- package/assets/animated/header_animated_db2_light_03.json +1 -0
- package/assets/index.js +7 -2
- package/assets/static/header_static_db2_dark_01.svg +53 -0
- package/assets/static/header_static_db2_light_01.svg +46 -0
- package/es/__stories__/AnimatedHeader.stories.d.ts +15160 -4676
- package/es/assets/animated/header_animated_db2_dark_03.json.js +10 -0
- package/es/assets/animated/header_animated_db2_light_03.json.js +10 -0
- package/es/assets/index.d.ts +3 -1
- package/es/assets/static/header_static_db2_dark_01.svg.js +10 -0
- package/es/assets/static/header_static_db2_light_01.svg.js +10 -0
- package/es/components/AnimatedHeader/AnimatedHeader.js +19 -17
- package/es/components/Tiles/AIPromptTile/AIPromptTile.js +2 -2
- package/es/components/Tiles/GlassTile/GlassTileBody.js +2 -2
- package/es/index.js +4 -2
- package/lib/__stories__/AnimatedHeader.stories.d.ts +15160 -4676
- package/lib/assets/animated/header_animated_db2_dark_03.json.js +26 -0
- package/lib/assets/animated/header_animated_db2_light_03.json.js +26 -0
- package/lib/assets/index.d.ts +3 -1
- package/lib/assets/static/header_static_db2_dark_01.svg.js +14 -0
- package/lib/assets/static/header_static_db2_light_01.svg.js +14 -0
- package/lib/components/AnimatedHeader/AnimatedHeader.js +19 -17
- package/lib/components/Tiles/AIPromptTile/AIPromptTile.js +2 -2
- package/lib/components/Tiles/GlassTile/GlassTileBody.js +2 -2
- package/lib/index.js +8 -4
- package/package.json +2 -2
- package/scss/AnimatedHeader/animated-header.scss +66 -36
- package/scss/Tiles/AIPromptTile/ai-prompt-tile.scss +14 -2
- package/scss/Tiles/GlassTile/glass-tile.scss +14 -2
- package/assets/static/header_static_db2_dark_02.svg +0 -88
- package/assets/static/header_static_db2_light_02.svg +0 -44
- package/es/assets/static/header_static_db2_dark_02.svg.js +0 -10
- package/es/assets/static/header_static_db2_light_02.svg.js +0 -10
- package/lib/assets/static/header_static_db2_dark_02.svg.js +0 -14
- package/lib/assets/static/header_static_db2_light_02.svg.js +0 -14
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright IBM Corp. 2024
|
|
3
|
+
*
|
|
4
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
|
6
|
+
*/
|
|
7
|
+
|
|
8
|
+
'use strict';
|
|
9
|
+
|
|
10
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
11
|
+
|
|
12
|
+
var v="5.12.1";var fr=60;var ip=0;var op=301;var w=1312;var h=738;var nm="header_animated_db2_dark_03";var ddd=0;var assets=[];var layers=[{ddd:0,ind:1,ty:3,nm:"circles",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[981,170.5,0],ix:2,l:2},a:{a:0,k:[0,0,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,ip:0,op:1500,st:0,ct:1,bm:0},{ddd:0,ind:2,ty:4,nm:"Ellipse 11",parent:18,sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:1,k:[{i:{x:0.3,y:1},o:{x:0.001,y:0},t:66,s:[0,-270.5,0],to:[0,0,0],ti:[0,0,0]},{t:156,s:[0,-342.5,0]}],ix:2,l:2},a:{a:0,k:[0,0,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{d:1,ty:"el",s:{a:1,k:[{i:{x:[0.06,0.06],y:[1,1]},o:{x:[0.001,0.001],y:[0,0]},t:66,s:[0,0]},{t:156,s:[14,14]}],ix:2},p:{a:0,k:[0,0],ix:3},nm:"Ellipse Path 1",mn:"ADBE Vector Shape - Ellipse",hd:false},{ty:"st",c:{a:0,k:[0,0.490196078431,0.474509803922,1],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:1,ix:5},lc:1,lj:1,ml:4,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:false},{ty:"fl",c:{a:0,k:[0.086274509804,0.086274509804,0.086274509804,1],ix:4},o:{a:0,k:100,ix:5},r:1,bm:0,nm:"Fill 1",mn:"ADBE Vector Graphic - Fill",hd:false},{ty:"tr",p:{a:0,k:[0,0],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Group 1",np:3,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:false}],ip:66,op:1566,st:66,ct:1,bm:0},{ddd:0,ind:3,ty:4,nm:"Ellipse 10",parent:1,sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:1,k:[{i:{x:[0.3],y:[1]},o:{x:[0.4],y:[0.28]},t:64,s:[0]},{t:154,s:[360]}],ix:10},p:{a:1,k:[{i:{x:0.3,y:1},o:{x:0.001,y:0},t:64,s:[-54.5,-144,0],to:[0,0,0],ti:[0,0,0]},{t:154,s:[35.5,-144,0]}],ix:2,l:2},a:{a:0,k:[0,0,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{ty:"rc",d:1,s:{a:1,k:[{i:{x:[0.06,0.06],y:[1,1]},o:{x:[0.001,0.001],y:[0,0]},t:64,s:[0,0]},{t:154,s:[14,14]}],ix:2},p:{a:0,k:[0,0],ix:3},r:{a:0,k:0,ix:4},nm:"Rectangle Path 1",mn:"ADBE Vector Shape - Rect",hd:false},{ty:"rd",nm:"Round Corners 1",r:{a:1,k:[{i:{x:[0.06],y:[1]},o:{x:[0.001],y:[0]},t:109,s:[0]},{t:154,s:[7]}],ix:1},ix:2,mn:"ADBE Vector Filter - RC",hd:false},{ty:"st",c:{a:0,k:[0,0.490196078431,0.474509803922,1],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:1,ix:5},lc:1,lj:1,ml:4,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:false},{ty:"fl",c:{a:0,k:[0.086274509804,0.086274509804,0.086274509804,1],ix:4},o:{a:0,k:100,ix:5},r:1,bm:0,nm:"Fill 1",mn:"ADBE Vector Graphic - Fill",hd:false},{ty:"tr",p:{a:0,k:[0,0],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Group 1",np:5,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:false}],ip:64,op:1564,st:64,ct:1,bm:0},{ddd:0,ind:4,ty:4,nm:"Ellipse 9",parent:15,sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:1,k:[{i:{x:0.3,y:1},o:{x:0.001,y:0},t:112,s:[616.75,-73.225,0],to:[-5.599,-71.026,0],ti:[0,0,0]},{t:202,s:[543.75,-144,0]}],ix:2,l:2},a:{a:0,k:[0,0,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{d:1,ty:"el",s:{a:1,k:[{i:{x:[0.3,0.3],y:[1,1]},o:{x:[0.001,0.001],y:[0,0]},t:122,s:[0,0]},{t:212,s:[14,14]}],ix:2},p:{a:0,k:[0,0],ix:3},nm:"Ellipse Path 1",mn:"ADBE Vector Shape - Ellipse",hd:false},{ty:"st",c:{a:0,k:[0,0.490196078431,0.474509803922,1],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:1,ix:5},lc:1,lj:1,ml:4,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:false},{ty:"fl",c:{a:0,k:[0.086274509804,0.086274509804,0.086274509804,1],ix:4},o:{a:0,k:100,ix:5},r:1,bm:0,nm:"Fill 1",mn:"ADBE Vector Graphic - Fill",hd:false},{ty:"tr",p:{a:0,k:[0,0],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Group 1",np:3,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:false}],ip:112,op:1612,st:112,ct:1,bm:0},{ddd:0,ind:5,ty:4,nm:"Ellipse 8",parent:1,sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[-252.5,-72,0],ix:2,l:2},a:{a:0,k:[0,0,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{ty:"st",c:{a:0,k:[0,0.490196078431,0.474509803922,1],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:1,ix:5},lc:1,lj:1,ml:4,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:false},{ty:"fl",c:{a:0,k:[0.086274509804,0.086274509804,0.086274509804,1],ix:4},o:{a:0,k:100,ix:5},r:1,bm:0,nm:"Fill 1",mn:"ADBE Vector Graphic - Fill",hd:false},{ty:"tr",p:{a:0,k:[0,0],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Group 1",np:3,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:false}],ip:0,op:1500,st:0,ct:1,bm:0},{ddd:0,ind:6,ty:4,nm:"Ellipse 7",parent:19,sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:1,k:[{i:{x:[0.3],y:[1]},o:{x:[0.4],y:[0.28]},t:40,s:[0]},{t:130,s:[360]}],ix:10},p:{a:0,k:[0,-270.5,0],ix:2,l:2},a:{a:0,k:[0,0,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{ind:1,ty:"sh",ix:2,ks:{a:1,k:[{i:{x:0.999,y:1},o:{x:0.4,y:0.14},t:40,s:[{i:[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],o:[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],v:[[1,0.781],[1,0.781],[0,-0.949],[0,-0.949],[-1,0.781],[-1,0.781]],c:true}]},{i:{x:0.058,y:1},o:{x:0.001,y:0},t:85,s:[{i:[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],o:[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],v:[[8.425,6.398],[8.425,6.398],[-0.028,-8.233],[-0.028,-8.233],[-8.482,6.398],[-8.482,6.398]],c:true}]},{t:125,s:[{i:[[-2.691,4.668],[0,0],[5.383,0],[0,0],[-2.688,-4.663],[0,0]],o:[[0,0],[2.688,-4.663],[0,0],[-5.383,0],[0,0],[2.691,4.668]],v:[[6.06,3.493],[6.06,3.493],[0,-6.995],[0,-6.995],[-6.06,3.493],[-6.06,3.493]],c:true}]}],ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:false},{ty:"st",c:{a:0,k:[0,0.490196078431,0.474509803922,1],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:1,ix:5},lc:1,lj:1,ml:4,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:false},{ty:"fl",c:{a:0,k:[0.086274509804,0.086274509804,0.086274509804,1],ix:4},o:{a:0,k:100,ix:5},r:1,bm:0,nm:"Fill 1",mn:"ADBE Vector Graphic - Fill",hd:false},{ty:"tr",p:{a:0,k:[0,0],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Group 1",np:4,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:false}],ip:40,op:1530,st:30,ct:1,bm:0},{ddd:0,ind:7,ty:4,nm:"Ellipse 6",parent:17,sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:1,k:[{i:{x:0.3,y:1},o:{x:0.001,y:0},t:57,s:[0,-260.5,0],to:[0,0,0],ti:[0,0,0]},{t:147,s:[0,-198.5,0]}],ix:2,l:2},a:{a:0,k:[0,0,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{d:1,ty:"el",s:{a:1,k:[{i:{x:[0.3,0.3],y:[1,1]},o:{x:[0.4,0.4],y:[0.14,0.14]},t:57,s:[0,0]},{t:147,s:[14,14]}],ix:2},p:{a:0,k:[0,0],ix:3},nm:"Ellipse Path 1",mn:"ADBE Vector Shape - Ellipse",hd:false},{ty:"st",c:{a:0,k:[0,0.490196078431,0.474509803922,1],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:1,ix:5},lc:1,lj:1,ml:4,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:false},{ty:"fl",c:{a:0,k:[0.086274509804,0.086274509804,0.086274509804,1],ix:4},o:{a:0,k:100,ix:5},r:1,bm:0,nm:"Fill 1",mn:"ADBE Vector Graphic - Fill",hd:false},{ty:"tr",p:{a:0,k:[0,0],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Group 1",np:3,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:false}],ip:57,op:1557,st:57,ct:1,bm:0},{ddd:0,ind:8,ty:4,nm:"Ellipse 5",parent:21,sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:1,k:[{i:{x:[0.3],y:[1]},o:{x:[0.4],y:[0.28]},t:35,s:[0]},{t:125,s:[360]}],ix:10},p:{a:1,k:[{i:{x:0.3,y:1},o:{x:0.001,y:0},t:35,s:[0,-61,0],to:[0,0,0],ti:[0,0,0]},{t:125,s:[0,13,0]}],ix:2,l:2},a:{a:0,k:[0,0,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{ty:"rc",d:1,s:{a:1,k:[{i:{x:[0.06,0.06],y:[1,1]},o:{x:[0.001,0.001],y:[0,0]},t:35,s:[0,0]},{t:125,s:[14,14]}],ix:2},p:{a:0,k:[0,0],ix:3},r:{a:0,k:0,ix:4},nm:"Rectangle Path 1",mn:"ADBE Vector Shape - Rect",hd:false},{ty:"rd",nm:"Round Corners 1",r:{a:1,k:[{i:{x:[0.06],y:[1]},o:{x:[0.001],y:[0]},t:80,s:[0]},{t:125,s:[7]}],ix:1},ix:3,mn:"ADBE Vector Filter - RC",hd:false},{ty:"st",c:{a:0,k:[0,0.490196078431,0.474509803922,1],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:1,ix:5},lc:1,lj:1,ml:4,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:false},{ty:"fl",c:{a:0,k:[0.086274509804,0.086274509804,0.086274509804,1],ix:4},o:{a:0,k:100,ix:5},r:1,bm:0,nm:"Fill 1",mn:"ADBE Vector Graphic - Fill",hd:false},{ty:"tr",p:{a:0,k:[0,0],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Group 1",np:5,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:false}],ip:35,op:1530,st:30,ct:1,bm:0},{ddd:0,ind:9,ty:4,nm:"Ellipse 4",parent:23,sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:1,k:[{i:{x:[0.3],y:[1]},o:{x:[0.4],y:[0.28]},t:57,s:[0]},{t:147,s:[360]}],ix:10},p:{a:1,k:[{i:{x:0.38,y:0.904},o:{x:0.001,y:0},t:57,s:[1160.5,26.5,0],to:[0,79.529,0],ti:[79.529,0,0]},{t:147,s:[1016.5,170.5,0]}],ix:2,l:2},a:{a:0,k:[0,0,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{ind:1,ty:"sh",ix:2,ks:{a:1,k:[{i:{x:0.999,y:1},o:{x:0.4,y:0.14},t:57,s:[{i:[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],o:[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],v:[[1,0.781],[1,0.781],[0,-0.949],[0,-0.949],[-1,0.781],[-1,0.781]],c:true}]},{i:{x:0.058,y:1},o:{x:0.001,y:0},t:102,s:[{i:[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],o:[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],v:[[8.425,6.398],[8.425,6.398],[-0.028,-8.233],[-0.028,-8.233],[-8.482,6.398],[-8.482,6.398]],c:true}]},{t:142,s:[{i:[[-2.691,4.668],[0,0],[5.383,0],[0,0],[-2.688,-4.663],[0,0]],o:[[0,0],[2.688,-4.663],[0,0],[-5.383,0],[0,0],[2.691,4.668]],v:[[6.06,3.493],[6.06,3.493],[0,-6.995],[0,-6.995],[-6.06,3.493],[-6.06,3.493]],c:true}]}],ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:false},{ty:"st",c:{a:0,k:[0,0.490196078431,0.474509803922,1],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:1,ix:5},lc:1,lj:1,ml:4,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:false},{ty:"fl",c:{a:0,k:[0.086274509804,0.086274509804,0.086274509804,1],ix:4},o:{a:0,k:100,ix:5},r:1,bm:0,nm:"Fill 1",mn:"ADBE Vector Graphic - Fill",hd:false},{ty:"tr",p:{a:0,k:[0,0],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Group 1",np:4,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:false}],ip:57,op:1557,st:57,ct:1,bm:0},{ddd:0,ind:10,ty:4,nm:"Ellipse 3",parent:19,sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:1,k:[{i:{x:0.3,y:1},o:{x:0.001,y:0},t:102,s:[-84,-126.5,0],to:[0,0,0],ti:[0,0,0]},{t:192,s:[0,-126.5,0]}],ix:2,l:2},a:{a:0,k:[0,0,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{d:1,ty:"el",s:{a:1,k:[{i:{x:[0.06,0.06],y:[1,1]},o:{x:[0.001,0.001],y:[0,0]},t:102,s:[0,0]},{t:192,s:[14,14]}],ix:2},p:{a:0,k:[0,0],ix:3},nm:"Ellipse Path 1",mn:"ADBE Vector Shape - Ellipse",hd:false},{ty:"st",c:{a:0,k:[0,0.490196078431,0.474509803922,1],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:1,ix:5},lc:1,lj:1,ml:4,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:false},{ty:"fl",c:{a:0,k:[0.086274509804,0.086274509804,0.086274509804,1],ix:4},o:{a:0,k:100,ix:5},r:1,bm:0,nm:"Fill 1",mn:"ADBE Vector Graphic - Fill",hd:false},{ty:"tr",p:{a:0,k:[0,0],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Group 1",np:3,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:false}],ip:102,op:1602,st:102,ct:1,bm:0},{ddd:0,ind:11,ty:4,nm:"Ellipse 2",parent:20,sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:1,k:[{i:{x:0.3,y:1},o:{x:0.001,y:0},t:72,s:[0,-199,0],to:[0,0,0],ti:[0,0,0]},{t:162,s:[0,-126.5,0]}],ix:2,l:2},a:{a:0,k:[0,0,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{d:1,ty:"el",s:{a:1,k:[{i:{x:[0.06,0.06],y:[1,1]},o:{x:[0.001,0.001],y:[0,0]},t:72,s:[0,0]},{t:162,s:[14,14]}],ix:2},p:{a:0,k:[0,0],ix:3},nm:"Ellipse Path 1",mn:"ADBE Vector Shape - Ellipse",hd:false},{ty:"st",c:{a:0,k:[0,0.490196078431,0.474509803922,1],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:1,ix:5},lc:1,lj:1,ml:4,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:false},{ty:"fl",c:{a:0,k:[0.086274509804,0.086274509804,0.086274509804,1],ix:4},o:{a:0,k:100,ix:5},r:1,bm:0,nm:"Fill 1",mn:"ADBE Vector Graphic - Fill",hd:false},{ty:"tr",p:{a:0,k:[0,0],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Group 1",np:3,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:false}],ip:72,op:1572,st:72,ct:1,bm:0},{ddd:0,ind:12,ty:4,nm:"Ellipse 1",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:1,k:[{i:{x:0.168,y:0.278},o:{x:0.003,y:0},t:160,s:[1192.25,242.5,0],to:[0,0,0],ti:[0,0,0]},{i:{x:0.304,y:1},o:{x:0.097,y:0.469},t:172,s:[1205.18,242.5,0],to:[0,0,0],ti:[0,0,0]},{t:250,s:[1233.5,242.5,0]}],ix:2,l:2},a:{a:0,k:[0,0,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{d:1,ty:"el",s:{a:1,k:[{i:{x:[0.3,0.3],y:[1,1]},o:{x:[0.4,0.4],y:[0.14,0.14]},t:160,s:[0,0]},{t:250,s:[14,14]}],ix:2},p:{a:0,k:[0,0],ix:3},nm:"Ellipse Path 1",mn:"ADBE Vector Shape - Ellipse",hd:false},{ty:"st",c:{a:0,k:[0,0.490196078431,0.474509803922,1],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:1,ix:5},lc:1,lj:1,ml:4,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:false},{ty:"fl",c:{a:0,k:[0.086274509804,0.086274509804,0.086274509804,1],ix:4},o:{a:0,k:100,ix:5},r:1,bm:0,nm:"Fill 1",mn:"ADBE Vector Graphic - Fill",hd:false},{ty:"tr",p:{a:0,k:[0,0],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Group 1",np:3,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:false}],ip:160,op:1660,st:160,ct:1,bm:0},{ddd:0,ind:13,ty:4,nm:"Ellipse",parent:1,sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:1,k:[{i:{x:[0.3],y:[1]},o:{x:[0.4],y:[0.28]},t:85,s:[0]},{t:175,s:[360]}],ix:10},p:{a:1,k:[{i:{x:0.3,y:1},o:{x:0.001,y:0},t:85,s:[53.5,144,0],to:[0,0,0],ti:[0,0,0]},{t:175,s:[-36.5,144,0]}],ix:2,l:2},a:{a:0,k:[0,0,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{ty:"rc",d:1,s:{a:1,k:[{i:{x:[0.06,0.06],y:[1,1]},o:{x:[0.001,0.001],y:[0,0]},t:85,s:[0,0]},{t:175,s:[14,14]}],ix:2},p:{a:0,k:[0,0],ix:3},r:{a:0,k:0,ix:4},nm:"Rectangle Path 1",mn:"ADBE Vector Shape - Rect",hd:false},{ty:"rd",nm:"Round Corners 1",r:{a:1,k:[{i:{x:[0.06],y:[1]},o:{x:[0.001],y:[0]},t:130,s:[0]},{t:175,s:[7]}],ix:1},ix:2,mn:"ADBE Vector Filter - RC",hd:false},{ty:"st",c:{a:0,k:[0,0.490196078431,0.474509803922,1],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:1,ix:5},lc:1,lj:1,ml:4,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:false},{ty:"fl",c:{a:0,k:[0.086274509804,0.086274509804,0.086274509804,1],ix:4},o:{a:0,k:100,ix:5},r:1,bm:0,nm:"Fill 1",mn:"ADBE Vector Graphic - Fill",hd:false},{ty:"tr",p:{a:0,k:[0,0],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Group 1",np:5,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:false}],ip:85,op:1585,st:85,ct:1,bm:0},{ddd:0,ind:14,ty:3,nm:"lines",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[621.25,369,0],ix:2,l:2},a:{a:0,k:[0,0,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,ip:0,op:1500,st:0,ct:1,bm:0},{ddd:0,ind:15,ty:4,nm:"Path 13",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:1,k:[{i:{x:0.3,y:1},o:{x:0.4,y:0.14},t:0,s:[470.75,170.5,0],to:[0,0,0],ti:[0,0,0]},{t:180,s:[616.75,170.5,0]}],ix:2,l:2},a:{a:0,k:[0,0,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[0,0],[0,0],[0,0],[0,0]],o:[[0,0],[0,0],[0,0],[0,0]],v:[[-616.75,144],[616.75,144],[616.75,-144],[-616.75,-144]],c:false},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:false},{ty:"rd",nm:"Round Corners 1",r:{a:1,k:[{i:{x:[0.38],y:[1.025]},o:{x:[0.001],y:[0]},t:66,s:[216]},{t:126,s:[72]}],ix:1},ix:2,mn:"ADBE Vector Filter - RC",hd:false},{ty:"tm",s:{a:1,k:[{i:{x:[0.3],y:[1]},o:{x:[0.4],y:[0.147]},t:0,s:[95]},{t:180,s:[0]}],ix:1},e:{a:0,k:100,ix:2},o:{a:0,k:0,ix:3},m:1,ix:3,nm:"Trim Paths 1",mn:"ADBE Vector Filter - Trim",hd:false},{ty:"st",c:{a:0,k:[0,0.227450981736,0.427450984716,1],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:1,ix:5},lc:1,lj:1,ml:10,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:false},{ty:"tr",p:{a:0,k:[0,0],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Group 1",np:4,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:false}],ip:0,op:1500,st:0,ct:1,bm:0},{ddd:0,ind:16,ty:4,nm:"Path 12",parent:14,sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:1,k:[{i:{x:0.3,y:1},o:{x:0.4,y:0.14},t:50,s:[180,-247.75,0],to:[0,0,0],ti:[0,0,0]},{t:140,s:[324,-247.75,0]}],ix:2,l:2},a:{a:0,k:[0,0,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[0,0],[0,0],[0,0]],o:[[0,0],[0,0],[0,0]],v:[[-288.75,-121.25],[-288.75,121.25],[288.75,121.25]],c:false},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:false},{ty:"rd",nm:"Round Corners 1",r:{a:1,k:[{i:{x:[0.3],y:[1]},o:{x:[0.4],y:[0.14]},t:50,s:[216]},{t:140,s:[72]}],ix:1},ix:2,mn:"ADBE Vector Filter - RC",hd:false},{ty:"tm",s:{a:0,k:0,ix:1},e:{a:1,k:[{i:{x:[0.3],y:[1]},o:{x:[0.4],y:[0.249]},t:50,s:[0]},{t:210,s:[100]}],ix:2},o:{a:0,k:0,ix:3},m:1,ix:3,nm:"Trim Paths 1",mn:"ADBE Vector Filter - Trim",hd:false},{ty:"st",c:{a:0,k:[0,0.227450981736,0.427450984716,1],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:1,ix:5},lc:1,lj:1,ml:10,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:false},{ty:"tr",p:{a:0,k:[0,0],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Group 1",np:4,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:false}],ip:50,op:1550,st:50,ct:1,bm:0},{ddd:0,ind:17,ty:4,nm:"Path 6",parent:14,sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:1,k:[{i:{x:0.3,y:1},o:{x:0.4,y:0.14},t:40,s:[-36.75,0,0],to:[0,0,0],ti:[0,0,0]},{t:130,s:[107.25,0,0]}],ix:2,l:2},a:{a:0,k:[0,0,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:1,k:[{i:{x:0.3,y:1},o:{x:0.4,y:0.14},t:40,s:[{i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[0.5,-370],[0.5,-370]],c:false}]},{t:130,s:[{i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[0,-369],[0,369]],c:false}]}],ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:false},{ty:"st",c:{a:0,k:[0,0.227450981736,0.427450984716,1],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:1,ix:5},lc:1,lj:1,ml:10,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:false},{ty:"tr",p:{a:0,k:[0,0],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Group 1",np:2,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:false}],ip:40,op:1540,st:40,ct:1,bm:0},{ddd:0,ind:18,ty:4,nm:"Path 5",parent:14,sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:1,k:[{i:{x:0.3,y:1},o:{x:0.4,y:0.14},t:30,s:[35.25,0,0],to:[0,0,0],ti:[0,0,0]},{t:120,s:[179.25,0,0]}],ix:2,l:2},a:{a:0,k:[0,0,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:1,k:[{i:{x:0.3,y:1},o:{x:0.4,y:0.14},t:30,s:[{i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[0.5,-370],[0.5,-370]],c:false}]},{t:120,s:[{i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[0,-369],[0,369]],c:false}]}],ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:false},{ty:"st",c:{a:0,k:[0,0.227450981736,0.427450984716,1],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:1,ix:5},lc:1,lj:1,ml:10,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:false},{ty:"tr",p:{a:0,k:[0,0],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Group 1",np:2,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:false}],ip:30,op:1530,st:30,ct:1,bm:0},{ddd:0,ind:19,ty:4,nm:"Path 7",parent:14,sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:1,k:[{i:{x:0.3,y:1},o:{x:0.4,y:0.14},t:20,s:[107.25,0,0],to:[0,0,0],ti:[0,0,0]},{t:110,s:[251.25,0,0]}],ix:2,l:2},a:{a:0,k:[0,0,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:1,k:[{i:{x:0.3,y:1},o:{x:0.4,y:0.14},t:20,s:[{i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[-0.5,-370],[-0.5,-370]],c:false}]},{t:110,s:[{i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[0,-369],[0,369]],c:false}]}],ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:false},{ty:"st",c:{a:0,k:[0,0.227450981736,0.427450984716,1],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:1,ix:5},lc:1,lj:1,ml:10,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:false},{ty:"tr",p:{a:0,k:[0,0],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Group 1",np:2,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:false}],ip:20,op:1510,st:10,ct:1,bm:0},{ddd:0,ind:20,ty:4,nm:"Path 8",parent:14,sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:1,k:[{i:{x:0.3,y:1},o:{x:0.4,y:0.139},t:0,s:[250,0,0],to:[0,0,0],ti:[0,0,0]},{t:90,s:[395.25,0,0]}],ix:2,l:2},a:{a:0,k:[0,0,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:1,k:[{i:{x:0.3,y:1},o:{x:0.4,y:0.14},t:0,s:[{i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[-0.75,-370],[0.25,-370]],c:false}]},{t:90,s:[{i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[0,-369],[0,369]],c:false}]}],ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:false},{ty:"st",c:{a:0,k:[0,0.227450981736,0.427450984716,1],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:1,ix:5},lc:1,lj:1,ml:10,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:false},{ty:"tr",p:{a:0,k:[0,0],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Group 1",np:2,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:false}],ip:0,op:1500,st:0,ct:1,bm:0},{ddd:0,ind:21,ty:4,nm:"Path 4",parent:14,sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:1,k:[{i:{x:0.3,y:1},o:{x:0.4,y:0.14},t:10,s:[178.25,-211.5,0],to:[0,0,0],ti:[0,0,0]},{t:100,s:[323.25,-211.5,0]}],ix:2,l:2},a:{a:0,k:[0,0,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:1,k:[{i:{x:0.3,y:1},o:{x:0.4,y:0.14},t:10,s:[{i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[-0.5,-158.5],[-0.5,-158.5]],c:false}]},{t:100,s:[{i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[0,-157.5],[0,157.5]],c:false}]}],ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:false},{ty:"st",c:{a:0,k:[0,0.227450981736,0.427450984716,1],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:1,ix:5},lc:1,lj:1,ml:10,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:false},{ty:"tr",p:{a:0,k:[0,0],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Group 1",np:2,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:false}],ip:10,op:1505,st:5,ct:1,bm:0},{ddd:0,ind:22,ty:4,nm:"Path 3",parent:14,sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[621.25,369,0],ix:2,l:2},a:{a:0,k:[0,0,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[0,0]],o:[[0,0]],v:[[0,0]],c:false},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:false},{ty:"st",c:{a:0,k:[0,0.227450981736,0.427450984716,1],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:1,ix:5},lc:1,lj:1,ml:10,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:false},{ty:"tr",p:{a:0,k:[0,0],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Group 1",np:2,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:false}],ip:0,op:1500,st:0,ct:1,bm:0},{ddd:0,ind:23,ty:4,nm:"Path 14",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:1,k:[{i:{x:0.3,y:1},o:{x:0.4,y:0.14},t:50,s:[72,0,0],to:[0,0,0],ti:[0,0,0]},{t:140,s:[0,0,0]}],ix:2,l:2},a:{a:0,k:[0,0,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[0,0],[0,0],[0,79.529],[0,0]],o:[[0,0],[79.529,0],[0,0],[0,0]],v:[[-579.75,85.25],[435.75,85.25],[579.75,-58.75],[579.75,-85.25]],c:false},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:false},{ty:"tm",s:{a:1,k:[{i:{x:[0.3],y:[1]},o:{x:[0.4],y:[0.14]},t:50,s:[100]},{t:140,s:[0]}],ix:1},e:{a:0,k:100,ix:2},o:{a:0,k:0,ix:3},m:1,ix:2,nm:"Trim Paths 1",mn:"ADBE Vector Filter - Trim",hd:false},{ty:"st",c:{a:0,k:[0,0.227450981736,0.427450984716,1],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:1,ix:5},lc:1,lj:1,ml:10,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:false},{ty:"tr",p:{a:0,k:[580.75,85.25],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Group 1",np:3,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:false}],ip:50,op:1550,st:50,ct:1,bm:0},{ddd:0,ind:24,ty:4,nm:"Path",parent:14,sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:1,k:[{i:{x:0.3,y:1},o:{x:0.4,y:0.14},t:35,s:[-5,-319.75,0],to:[0,0,0],ti:[0,0,0]},{t:125,s:[-77,-319.75,0]}],ix:2,l:2},a:{a:0,k:[0,0,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[0,0],[0,0],[0,39.764],[0,0]],o:[[0,0],[39.765,0],[0,0],[0,0]],v:[[-544.25,49.25],[472.25,49.25],[544.25,-22.75],[544.25,-49.25]],c:false},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:false},{ty:"tm",s:{a:1,k:[{i:{x:[0.3],y:[1]},o:{x:[0.4],y:[0.14]},t:35,s:[100]},{t:125,s:[0]}],ix:1},e:{a:0,k:100,ix:2},o:{a:0,k:0,ix:3},m:1,ix:2,nm:"Trim Paths 1",mn:"ADBE Vector Filter - Trim",hd:false},{ty:"st",c:{a:0,k:[0,0.227450981736,0.427450984716,1],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:1,ix:5},lc:1,lj:1,ml:10,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:false},{ty:"tr",p:{a:0,k:[0,0],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Group 1",np:3,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:false}],ip:35,op:1535,st:35,ct:1,bm:0}];var markers=[{tm:0,cm:"load_anim",dr:300},{tm:300,cm:"loop_anim",dr:1200}];var props={};var header_animated_db2_dark_03 = {v:v,fr:fr,ip:ip,op:op,w:w,h:h,nm:nm,ddd:ddd,assets:assets,layers:layers,markers:markers,props:props};
|
|
13
|
+
|
|
14
|
+
exports.assets = assets;
|
|
15
|
+
exports.ddd = ddd;
|
|
16
|
+
exports.default = header_animated_db2_dark_03;
|
|
17
|
+
exports.fr = fr;
|
|
18
|
+
exports.h = h;
|
|
19
|
+
exports.ip = ip;
|
|
20
|
+
exports.layers = layers;
|
|
21
|
+
exports.markers = markers;
|
|
22
|
+
exports.nm = nm;
|
|
23
|
+
exports.op = op;
|
|
24
|
+
exports.props = props;
|
|
25
|
+
exports.v = v;
|
|
26
|
+
exports.w = w;
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright IBM Corp. 2024
|
|
3
|
+
*
|
|
4
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
|
6
|
+
*/
|
|
7
|
+
|
|
8
|
+
'use strict';
|
|
9
|
+
|
|
10
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
11
|
+
|
|
12
|
+
var v="5.12.1";var fr=60;var ip=0;var op=301;var w=1312;var h=738;var nm="header_animated_db2_light_03";var ddd=0;var assets=[];var layers=[{ddd:0,ind:1,ty:3,nm:"circles",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[981,170.5,0],ix:2,l:2},a:{a:0,k:[0,0,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,ip:0,op:1500,st:0,ct:1,bm:0},{ddd:0,ind:2,ty:4,nm:"Ellipse 11",parent:18,sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:1,k:[{i:{x:0.3,y:1},o:{x:0.001,y:0},t:66,s:[0,-270.5,0],to:[0,0,0],ti:[0,0,0]},{t:156,s:[0,-342.5,0]}],ix:2,l:2},a:{a:0,k:[0,0,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{d:1,ty:"el",s:{a:1,k:[{i:{x:[0.06,0.06],y:[1,1]},o:{x:[0.001,0.001],y:[0,0]},t:66,s:[0,0]},{t:156,s:[14,14]}],ix:2},p:{a:0,k:[0,0],ix:3},nm:"Ellipse Path 1",mn:"ADBE Vector Shape - Ellipse",hd:false},{ty:"st",c:{a:0,k:[0.011764706112,0.866666674614,0.741176486015,1],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:1,ix:5},lc:1,lj:1,ml:4,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:false},{ty:"fl",c:{a:0,k:[0.850980401039,0.984313726425,0.984313726425,1],ix:4},o:{a:0,k:100,ix:5},r:1,bm:0,nm:"Fill 1",mn:"ADBE Vector Graphic - Fill",hd:false},{ty:"tr",p:{a:0,k:[0,0],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Group 1",np:3,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:false}],ip:66,op:1566,st:66,ct:1,bm:0},{ddd:0,ind:3,ty:4,nm:"Ellipse 10",parent:1,sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:1,k:[{i:{x:[0.3],y:[1]},o:{x:[0.4],y:[0.28]},t:64,s:[0]},{t:154,s:[360]}],ix:10},p:{a:1,k:[{i:{x:0.3,y:1},o:{x:0.001,y:0},t:64,s:[-54.5,-144,0],to:[0,0,0],ti:[0,0,0]},{t:154,s:[35.5,-144,0]}],ix:2,l:2},a:{a:0,k:[0,0,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{ty:"rc",d:1,s:{a:1,k:[{i:{x:[0.06,0.06],y:[1,1]},o:{x:[0.001,0.001],y:[0,0]},t:64,s:[0,0]},{t:154,s:[14,14]}],ix:2},p:{a:0,k:[0,0],ix:3},r:{a:0,k:0,ix:4},nm:"Rectangle Path 1",mn:"ADBE Vector Shape - Rect",hd:false},{ty:"rd",nm:"Round Corners 1",r:{a:1,k:[{i:{x:[0.06],y:[1]},o:{x:[0.001],y:[0]},t:109,s:[0]},{t:154,s:[7]}],ix:1},ix:2,mn:"ADBE Vector Filter - RC",hd:false},{ty:"st",c:{a:0,k:[0.011764706112,0.866666674614,0.741176486015,1],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:1,ix:5},lc:1,lj:1,ml:4,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:false},{ty:"fl",c:{a:0,k:[0.850980401039,0.984313726425,0.984313726425,1],ix:4},o:{a:0,k:100,ix:5},r:1,bm:0,nm:"Fill 1",mn:"ADBE Vector Graphic - Fill",hd:false},{ty:"tr",p:{a:0,k:[0,0],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Group 1",np:5,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:false}],ip:64,op:1564,st:64,ct:1,bm:0},{ddd:0,ind:4,ty:4,nm:"Ellipse 9",parent:15,sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:1,k:[{i:{x:0.3,y:1},o:{x:0.001,y:0},t:112,s:[616.75,-73.225,0],to:[-5.599,-71.026,0],ti:[0,0,0]},{t:202,s:[543.75,-144,0]}],ix:2,l:2},a:{a:0,k:[0,0,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{d:1,ty:"el",s:{a:1,k:[{i:{x:[0.3,0.3],y:[1,1]},o:{x:[0.001,0.001],y:[0,0]},t:122,s:[0,0]},{t:212,s:[14,14]}],ix:2},p:{a:0,k:[0,0],ix:3},nm:"Ellipse Path 1",mn:"ADBE Vector Shape - Ellipse",hd:false},{ty:"st",c:{a:0,k:[0.011764706112,0.866666674614,0.741176486015,1],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:1,ix:5},lc:1,lj:1,ml:4,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:false},{ty:"fl",c:{a:0,k:[0.850980401039,0.984313726425,0.984313726425,1],ix:4},o:{a:0,k:100,ix:5},r:1,bm:0,nm:"Fill 1",mn:"ADBE Vector Graphic - Fill",hd:false},{ty:"tr",p:{a:0,k:[0,0],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Group 1",np:3,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:false}],ip:112,op:1612,st:112,ct:1,bm:0},{ddd:0,ind:5,ty:4,nm:"Ellipse 8",parent:1,sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[-252.5,-72,0],ix:2,l:2},a:{a:0,k:[0,0,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{ty:"st",c:{a:0,k:[0.011764706112,0.866666674614,0.741176486015,1],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:1,ix:5},lc:1,lj:1,ml:4,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:false},{ty:"fl",c:{a:0,k:[0.850980401039,0.984313726425,0.984313726425,1],ix:4},o:{a:0,k:100,ix:5},r:1,bm:0,nm:"Fill 1",mn:"ADBE Vector Graphic - Fill",hd:false},{ty:"tr",p:{a:0,k:[0,0],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Group 1",np:3,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:false}],ip:0,op:1500,st:0,ct:1,bm:0},{ddd:0,ind:6,ty:4,nm:"Ellipse 7",parent:19,sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:1,k:[{i:{x:[0.3],y:[1]},o:{x:[0.4],y:[0.28]},t:40,s:[0]},{t:130,s:[360]}],ix:10},p:{a:0,k:[0,-270.5,0],ix:2,l:2},a:{a:0,k:[0,0,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{ind:1,ty:"sh",ix:2,ks:{a:1,k:[{i:{x:0.999,y:1},o:{x:0.4,y:0.14},t:40,s:[{i:[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],o:[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],v:[[1,0.781],[1,0.781],[0,-0.949],[0,-0.949],[-1,0.781],[-1,0.781]],c:true}]},{i:{x:0.058,y:1},o:{x:0.001,y:0},t:85,s:[{i:[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],o:[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],v:[[8.425,6.398],[8.425,6.398],[-0.028,-8.233],[-0.028,-8.233],[-8.482,6.398],[-8.482,6.398]],c:true}]},{t:125,s:[{i:[[-2.691,4.668],[0,0],[5.383,0],[0,0],[-2.688,-4.663],[0,0]],o:[[0,0],[2.688,-4.663],[0,0],[-5.383,0],[0,0],[2.691,4.668]],v:[[6.06,3.493],[6.06,3.493],[0,-6.995],[0,-6.995],[-6.06,3.493],[-6.06,3.493]],c:true}]}],ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:false},{ty:"st",c:{a:0,k:[0.011764706112,0.866666674614,0.741176486015,1],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:1,ix:5},lc:1,lj:1,ml:4,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:false},{ty:"fl",c:{a:0,k:[0.850980401039,0.984313726425,0.984313726425,1],ix:4},o:{a:0,k:100,ix:5},r:1,bm:0,nm:"Fill 1",mn:"ADBE Vector Graphic - Fill",hd:false},{ty:"tr",p:{a:0,k:[0,0],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Group 1",np:4,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:false}],ip:40,op:1530,st:30,ct:1,bm:0},{ddd:0,ind:7,ty:4,nm:"Ellipse 6",parent:17,sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:1,k:[{i:{x:0.3,y:1},o:{x:0.001,y:0},t:57,s:[0,-260.5,0],to:[0,0,0],ti:[0,0,0]},{t:147,s:[0,-198.5,0]}],ix:2,l:2},a:{a:0,k:[0,0,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{d:1,ty:"el",s:{a:1,k:[{i:{x:[0.3,0.3],y:[1,1]},o:{x:[0.4,0.4],y:[0.14,0.14]},t:57,s:[0,0]},{t:147,s:[14,14]}],ix:2},p:{a:0,k:[0,0],ix:3},nm:"Ellipse Path 1",mn:"ADBE Vector Shape - Ellipse",hd:false},{ty:"st",c:{a:0,k:[0.011764706112,0.866666674614,0.741176486015,1],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:1,ix:5},lc:1,lj:1,ml:4,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:false},{ty:"fl",c:{a:0,k:[0.850980401039,0.984313726425,0.984313726425,1],ix:4},o:{a:0,k:100,ix:5},r:1,bm:0,nm:"Fill 1",mn:"ADBE Vector Graphic - Fill",hd:false},{ty:"tr",p:{a:0,k:[0,0],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Group 1",np:3,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:false}],ip:57,op:1557,st:57,ct:1,bm:0},{ddd:0,ind:8,ty:4,nm:"Ellipse 5",parent:21,sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:1,k:[{i:{x:[0.3],y:[1]},o:{x:[0.4],y:[0.28]},t:35,s:[0]},{t:125,s:[360]}],ix:10},p:{a:1,k:[{i:{x:0.3,y:1},o:{x:0.001,y:0},t:35,s:[0,-61,0],to:[0,0,0],ti:[0,0,0]},{t:125,s:[0,13,0]}],ix:2,l:2},a:{a:0,k:[0,0,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{ty:"rc",d:1,s:{a:1,k:[{i:{x:[0.06,0.06],y:[1,1]},o:{x:[0.001,0.001],y:[0,0]},t:35,s:[0,0]},{t:125,s:[14,14]}],ix:2},p:{a:0,k:[0,0],ix:3},r:{a:0,k:0,ix:4},nm:"Rectangle Path 1",mn:"ADBE Vector Shape - Rect",hd:false},{ty:"rd",nm:"Round Corners 1",r:{a:1,k:[{i:{x:[0.06],y:[1]},o:{x:[0.001],y:[0]},t:80,s:[0]},{t:125,s:[7]}],ix:1},ix:3,mn:"ADBE Vector Filter - RC",hd:false},{ty:"st",c:{a:0,k:[0.011764706112,0.866666674614,0.741176486015,1],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:1,ix:5},lc:1,lj:1,ml:4,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:false},{ty:"fl",c:{a:0,k:[0.850980401039,0.984313726425,0.984313726425,1],ix:4},o:{a:0,k:100,ix:5},r:1,bm:0,nm:"Fill 1",mn:"ADBE Vector Graphic - Fill",hd:false},{ty:"tr",p:{a:0,k:[0,0],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Group 1",np:5,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:false}],ip:35,op:1530,st:30,ct:1,bm:0},{ddd:0,ind:9,ty:4,nm:"Ellipse 4",parent:23,sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:1,k:[{i:{x:[0.3],y:[1]},o:{x:[0.4],y:[0.28]},t:57,s:[0]},{t:147,s:[360]}],ix:10},p:{a:1,k:[{i:{x:0.38,y:0.904},o:{x:0.001,y:0},t:57,s:[1160.5,26.5,0],to:[0,79.529,0],ti:[79.529,0,0]},{t:147,s:[1016.5,170.5,0]}],ix:2,l:2},a:{a:0,k:[0,0,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{ind:1,ty:"sh",ix:2,ks:{a:1,k:[{i:{x:0.999,y:1},o:{x:0.4,y:0.14},t:57,s:[{i:[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],o:[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],v:[[1,0.781],[1,0.781],[0,-0.949],[0,-0.949],[-1,0.781],[-1,0.781]],c:true}]},{i:{x:0.058,y:1},o:{x:0.001,y:0},t:102,s:[{i:[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],o:[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],v:[[8.425,6.398],[8.425,6.398],[-0.028,-8.233],[-0.028,-8.233],[-8.482,6.398],[-8.482,6.398]],c:true}]},{t:142,s:[{i:[[-2.691,4.668],[0,0],[5.383,0],[0,0],[-2.688,-4.663],[0,0]],o:[[0,0],[2.688,-4.663],[0,0],[-5.383,0],[0,0],[2.691,4.668]],v:[[6.06,3.493],[6.06,3.493],[0,-6.995],[0,-6.995],[-6.06,3.493],[-6.06,3.493]],c:true}]}],ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:false},{ty:"st",c:{a:0,k:[0.011764706112,0.866666674614,0.741176486015,1],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:1,ix:5},lc:1,lj:1,ml:4,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:false},{ty:"fl",c:{a:0,k:[0.850980401039,0.984313726425,0.984313726425,1],ix:4},o:{a:0,k:100,ix:5},r:1,bm:0,nm:"Fill 1",mn:"ADBE Vector Graphic - Fill",hd:false},{ty:"tr",p:{a:0,k:[0,0],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Group 1",np:4,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:false}],ip:57,op:1557,st:57,ct:1,bm:0},{ddd:0,ind:10,ty:4,nm:"Ellipse 3",parent:19,sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:1,k:[{i:{x:0.3,y:1},o:{x:0.001,y:0},t:102,s:[-84,-126.5,0],to:[0,0,0],ti:[0,0,0]},{t:192,s:[0,-126.5,0]}],ix:2,l:2},a:{a:0,k:[0,0,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{d:1,ty:"el",s:{a:1,k:[{i:{x:[0.06,0.06],y:[1,1]},o:{x:[0.001,0.001],y:[0,0]},t:102,s:[0,0]},{t:192,s:[14,14]}],ix:2},p:{a:0,k:[0,0],ix:3},nm:"Ellipse Path 1",mn:"ADBE Vector Shape - Ellipse",hd:false},{ty:"st",c:{a:0,k:[0.011764706112,0.866666674614,0.741176486015,1],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:1,ix:5},lc:1,lj:1,ml:4,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:false},{ty:"fl",c:{a:0,k:[0.850980401039,0.984313726425,0.984313726425,1],ix:4},o:{a:0,k:100,ix:5},r:1,bm:0,nm:"Fill 1",mn:"ADBE Vector Graphic - Fill",hd:false},{ty:"tr",p:{a:0,k:[0,0],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Group 1",np:3,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:false}],ip:102,op:1602,st:102,ct:1,bm:0},{ddd:0,ind:11,ty:4,nm:"Ellipse 2",parent:20,sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:1,k:[{i:{x:0.3,y:1},o:{x:0.001,y:0},t:72,s:[0,-199,0],to:[0,0,0],ti:[0,0,0]},{t:162,s:[0,-126.5,0]}],ix:2,l:2},a:{a:0,k:[0,0,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{d:1,ty:"el",s:{a:1,k:[{i:{x:[0.06,0.06],y:[1,1]},o:{x:[0.001,0.001],y:[0,0]},t:72,s:[0,0]},{t:162,s:[14,14]}],ix:2},p:{a:0,k:[0,0],ix:3},nm:"Ellipse Path 1",mn:"ADBE Vector Shape - Ellipse",hd:false},{ty:"st",c:{a:0,k:[0.011764706112,0.866666674614,0.741176486015,1],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:1,ix:5},lc:1,lj:1,ml:4,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:false},{ty:"fl",c:{a:0,k:[0.850980401039,0.984313726425,0.984313726425,1],ix:4},o:{a:0,k:100,ix:5},r:1,bm:0,nm:"Fill 1",mn:"ADBE Vector Graphic - Fill",hd:false},{ty:"tr",p:{a:0,k:[0,0],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Group 1",np:3,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:false}],ip:72,op:1572,st:72,ct:1,bm:0},{ddd:0,ind:12,ty:4,nm:"Ellipse 1",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:1,k:[{i:{x:0.168,y:0.278},o:{x:0.003,y:0},t:160,s:[1192.25,242.5,0],to:[0,0,0],ti:[0,0,0]},{i:{x:0.304,y:1},o:{x:0.097,y:0.469},t:172,s:[1205.18,242.5,0],to:[0,0,0],ti:[0,0,0]},{t:250,s:[1233.5,242.5,0]}],ix:2,l:2},a:{a:0,k:[0,0,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{d:1,ty:"el",s:{a:1,k:[{i:{x:[0.3,0.3],y:[1,1]},o:{x:[0.4,0.4],y:[0.14,0.14]},t:160,s:[0,0]},{t:250,s:[14,14]}],ix:2},p:{a:0,k:[0,0],ix:3},nm:"Ellipse Path 1",mn:"ADBE Vector Shape - Ellipse",hd:false},{ty:"st",c:{a:0,k:[0.011764706112,0.866666674614,0.741176486015,1],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:1,ix:5},lc:1,lj:1,ml:4,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:false},{ty:"fl",c:{a:0,k:[0.850980401039,0.984313726425,0.984313726425,1],ix:4},o:{a:0,k:100,ix:5},r:1,bm:0,nm:"Fill 1",mn:"ADBE Vector Graphic - Fill",hd:false},{ty:"tr",p:{a:0,k:[0,0],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Group 1",np:3,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:false}],ip:160,op:1660,st:160,ct:1,bm:0},{ddd:0,ind:13,ty:4,nm:"Ellipse",parent:1,sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:1,k:[{i:{x:[0.3],y:[1]},o:{x:[0.4],y:[0.28]},t:85,s:[0]},{t:175,s:[360]}],ix:10},p:{a:1,k:[{i:{x:0.3,y:1},o:{x:0.001,y:0},t:85,s:[53.5,144,0],to:[0,0,0],ti:[0,0,0]},{t:175,s:[-36.5,144,0]}],ix:2,l:2},a:{a:0,k:[0,0,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{ty:"rc",d:1,s:{a:1,k:[{i:{x:[0.06,0.06],y:[1,1]},o:{x:[0.001,0.001],y:[0,0]},t:85,s:[0,0]},{t:175,s:[14,14]}],ix:2},p:{a:0,k:[0,0],ix:3},r:{a:0,k:0,ix:4},nm:"Rectangle Path 1",mn:"ADBE Vector Shape - Rect",hd:false},{ty:"rd",nm:"Round Corners 1",r:{a:1,k:[{i:{x:[0.06],y:[1]},o:{x:[0.001],y:[0]},t:130,s:[0]},{t:175,s:[7]}],ix:1},ix:2,mn:"ADBE Vector Filter - RC",hd:false},{ty:"st",c:{a:0,k:[0.011764706112,0.866666674614,0.741176486015,1],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:1,ix:5},lc:1,lj:1,ml:4,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:false},{ty:"fl",c:{a:0,k:[0.850980401039,0.984313726425,0.984313726425,1],ix:4},o:{a:0,k:100,ix:5},r:1,bm:0,nm:"Fill 1",mn:"ADBE Vector Graphic - Fill",hd:false},{ty:"tr",p:{a:0,k:[0,0],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Group 1",np:5,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:false}],ip:85,op:1585,st:85,ct:1,bm:0},{ddd:0,ind:14,ty:3,nm:"lines",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[621.25,369,0],ix:2,l:2},a:{a:0,k:[0,0,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,ip:0,op:1500,st:0,ct:1,bm:0},{ddd:0,ind:15,ty:4,nm:"Path 13",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:1,k:[{i:{x:0.3,y:1},o:{x:0.4,y:0.14},t:0,s:[470.75,170.5,0],to:[0,0,0],ti:[0,0,0]},{t:180,s:[616.75,170.5,0]}],ix:2,l:2},a:{a:0,k:[0,0,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[0,0],[0,0],[0,0],[0,0]],o:[[0,0],[0,0],[0,0],[0,0]],v:[[-616.75,144],[616.75,144],[616.75,-144],[-616.75,-144]],c:false},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:false},{ty:"rd",nm:"Round Corners 1",r:{a:1,k:[{i:{x:[0.38],y:[1.025]},o:{x:[0.001],y:[0]},t:66,s:[216]},{t:126,s:[72]}],ix:1},ix:2,mn:"ADBE Vector Filter - RC",hd:false},{ty:"tm",s:{a:1,k:[{i:{x:[0.3],y:[1]},o:{x:[0.4],y:[0.147]},t:0,s:[95]},{t:180,s:[0]}],ix:1},e:{a:0,k:100,ix:2},o:{a:0,k:0,ix:3},m:1,ix:3,nm:"Trim Paths 1",mn:"ADBE Vector Filter - Trim",hd:false},{ty:"st",c:{a:0,k:[0.65098041296,0.784313738346,1,1],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:1,ix:5},lc:1,lj:1,ml:10,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:false},{ty:"tr",p:{a:0,k:[0,0],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Group 1",np:4,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:false}],ip:0,op:1500,st:0,ct:1,bm:0},{ddd:0,ind:16,ty:4,nm:"Path 12",parent:14,sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:1,k:[{i:{x:0.3,y:1},o:{x:0.4,y:0.14},t:50,s:[180,-247.75,0],to:[0,0,0],ti:[0,0,0]},{t:140,s:[324,-247.75,0]}],ix:2,l:2},a:{a:0,k:[0,0,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[0,0],[0,0],[0,0]],o:[[0,0],[0,0],[0,0]],v:[[-288.75,-121.25],[-288.75,121.25],[288.75,121.25]],c:false},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:false},{ty:"rd",nm:"Round Corners 1",r:{a:1,k:[{i:{x:[0.3],y:[1]},o:{x:[0.4],y:[0.14]},t:50,s:[216]},{t:140,s:[72]}],ix:1},ix:2,mn:"ADBE Vector Filter - RC",hd:false},{ty:"tm",s:{a:0,k:0,ix:1},e:{a:1,k:[{i:{x:[0.3],y:[1]},o:{x:[0.4],y:[0.249]},t:50,s:[0]},{t:210,s:[100]}],ix:2},o:{a:0,k:0,ix:3},m:1,ix:3,nm:"Trim Paths 1",mn:"ADBE Vector Filter - Trim",hd:false},{ty:"st",c:{a:0,k:[0.65098041296,0.784313738346,1,1],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:1,ix:5},lc:1,lj:1,ml:10,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:false},{ty:"tr",p:{a:0,k:[0,0],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Group 1",np:4,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:false}],ip:50,op:1550,st:50,ct:1,bm:0},{ddd:0,ind:17,ty:4,nm:"Path 6",parent:14,sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:1,k:[{i:{x:0.3,y:1},o:{x:0.4,y:0.14},t:40,s:[-36.75,0,0],to:[0,0,0],ti:[0,0,0]},{t:130,s:[107.25,0,0]}],ix:2,l:2},a:{a:0,k:[0,0,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:1,k:[{i:{x:0.3,y:1},o:{x:0.4,y:0.14},t:40,s:[{i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[0.5,-370],[0.5,-370]],c:false}]},{t:130,s:[{i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[0,-369],[0,369]],c:false}]}],ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:false},{ty:"st",c:{a:0,k:[0.65098041296,0.784313738346,1,1],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:1,ix:5},lc:1,lj:1,ml:10,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:false},{ty:"tr",p:{a:0,k:[0,0],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Group 1",np:2,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:false}],ip:40,op:1540,st:40,ct:1,bm:0},{ddd:0,ind:18,ty:4,nm:"Path 5",parent:14,sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:1,k:[{i:{x:0.3,y:1},o:{x:0.4,y:0.14},t:30,s:[35.25,0,0],to:[0,0,0],ti:[0,0,0]},{t:120,s:[179.25,0,0]}],ix:2,l:2},a:{a:0,k:[0,0,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:1,k:[{i:{x:0.3,y:1},o:{x:0.4,y:0.14},t:30,s:[{i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[0.5,-370],[0.5,-370]],c:false}]},{t:120,s:[{i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[0,-369],[0,369]],c:false}]}],ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:false},{ty:"st",c:{a:0,k:[0.65098041296,0.784313738346,1,1],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:1,ix:5},lc:1,lj:1,ml:10,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:false},{ty:"tr",p:{a:0,k:[0,0],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Group 1",np:2,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:false}],ip:30,op:1530,st:30,ct:1,bm:0},{ddd:0,ind:19,ty:4,nm:"Path 7",parent:14,sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:1,k:[{i:{x:0.3,y:1},o:{x:0.4,y:0.14},t:20,s:[107.25,0,0],to:[0,0,0],ti:[0,0,0]},{t:110,s:[251.25,0,0]}],ix:2,l:2},a:{a:0,k:[0,0,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:1,k:[{i:{x:0.3,y:1},o:{x:0.4,y:0.14},t:20,s:[{i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[-0.5,-370],[-0.5,-370]],c:false}]},{t:110,s:[{i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[0,-369],[0,369]],c:false}]}],ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:false},{ty:"st",c:{a:0,k:[0.65098041296,0.784313738346,1,1],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:1,ix:5},lc:1,lj:1,ml:10,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:false},{ty:"tr",p:{a:0,k:[0,0],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Group 1",np:2,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:false}],ip:20,op:1510,st:10,ct:1,bm:0},{ddd:0,ind:20,ty:4,nm:"Path 8",parent:14,sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:1,k:[{i:{x:0.3,y:1},o:{x:0.4,y:0.139},t:0,s:[250,0,0],to:[0,0,0],ti:[0,0,0]},{t:90,s:[395.25,0,0]}],ix:2,l:2},a:{a:0,k:[0,0,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:1,k:[{i:{x:0.3,y:1},o:{x:0.4,y:0.14},t:0,s:[{i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[-0.75,-370],[0.25,-370]],c:false}]},{t:90,s:[{i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[0,-369],[0,369]],c:false}]}],ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:false},{ty:"st",c:{a:0,k:[0.65098041296,0.784313738346,1,1],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:1,ix:5},lc:1,lj:1,ml:10,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:false},{ty:"tr",p:{a:0,k:[0,0],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Group 1",np:2,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:false}],ip:0,op:1500,st:0,ct:1,bm:0},{ddd:0,ind:21,ty:4,nm:"Path 4",parent:14,sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:1,k:[{i:{x:0.3,y:1},o:{x:0.4,y:0.14},t:10,s:[178.25,-211.5,0],to:[0,0,0],ti:[0,0,0]},{t:100,s:[323.25,-211.5,0]}],ix:2,l:2},a:{a:0,k:[0,0,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:1,k:[{i:{x:0.3,y:1},o:{x:0.4,y:0.14},t:10,s:[{i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[-0.5,-158.5],[-0.5,-158.5]],c:false}]},{t:100,s:[{i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[0,-157.5],[0,157.5]],c:false}]}],ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:false},{ty:"st",c:{a:0,k:[0.65098041296,0.784313738346,1,1],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:1,ix:5},lc:1,lj:1,ml:10,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:false},{ty:"tr",p:{a:0,k:[0,0],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Group 1",np:2,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:false}],ip:10,op:1505,st:5,ct:1,bm:0},{ddd:0,ind:22,ty:4,nm:"Path 3",parent:14,sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[621.25,369,0],ix:2,l:2},a:{a:0,k:[0,0,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[0,0]],o:[[0,0]],v:[[0,0]],c:false},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:false},{ty:"st",c:{a:0,k:[0.65098041296,0.784313738346,1,1],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:1,ix:5},lc:1,lj:1,ml:10,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:false},{ty:"tr",p:{a:0,k:[0,0],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Group 1",np:2,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:false}],ip:0,op:1500,st:0,ct:1,bm:0},{ddd:0,ind:23,ty:4,nm:"Path 14",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:1,k:[{i:{x:0.3,y:1},o:{x:0.4,y:0.14},t:50,s:[72,0,0],to:[0,0,0],ti:[0,0,0]},{t:140,s:[0,0,0]}],ix:2,l:2},a:{a:0,k:[0,0,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[0,0],[0,0],[0,79.529],[0,0]],o:[[0,0],[79.529,0],[0,0],[0,0]],v:[[-579.75,85.25],[435.75,85.25],[579.75,-58.75],[579.75,-85.25]],c:false},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:false},{ty:"tm",s:{a:1,k:[{i:{x:[0.3],y:[1]},o:{x:[0.4],y:[0.14]},t:50,s:[100]},{t:140,s:[0]}],ix:1},e:{a:0,k:100,ix:2},o:{a:0,k:0,ix:3},m:1,ix:2,nm:"Trim Paths 1",mn:"ADBE Vector Filter - Trim",hd:false},{ty:"st",c:{a:0,k:[0.65098041296,0.784313738346,1,1],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:1,ix:5},lc:1,lj:1,ml:10,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:false},{ty:"tr",p:{a:0,k:[580.75,85.25],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Group 1",np:3,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:false}],ip:50,op:1550,st:50,ct:1,bm:0},{ddd:0,ind:24,ty:4,nm:"Path",parent:14,sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:1,k:[{i:{x:0.3,y:1},o:{x:0.4,y:0.14},t:35,s:[-5,-319.75,0],to:[0,0,0],ti:[0,0,0]},{t:125,s:[-77,-319.75,0]}],ix:2,l:2},a:{a:0,k:[0,0,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[0,0],[0,0],[0,39.764],[0,0]],o:[[0,0],[39.765,0],[0,0],[0,0]],v:[[-544.25,49.25],[472.25,49.25],[544.25,-22.75],[544.25,-49.25]],c:false},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:false},{ty:"tm",s:{a:1,k:[{i:{x:[0.3],y:[1]},o:{x:[0.4],y:[0.14]},t:35,s:[100]},{t:125,s:[0]}],ix:1},e:{a:0,k:100,ix:2},o:{a:0,k:0,ix:3},m:1,ix:2,nm:"Trim Paths 1",mn:"ADBE Vector Filter - Trim",hd:false},{ty:"st",c:{a:0,k:[0.65098041296,0.784313738346,1,1],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:1,ix:5},lc:1,lj:1,ml:10,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:false},{ty:"tr",p:{a:0,k:[0,0],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Group 1",np:3,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:false}],ip:35,op:1535,st:35,ct:1,bm:0}];var markers=[{tm:0,cm:"load_anim",dr:300},{tm:300,cm:"loop_anim",dr:1200}];var props={};var header_animated_db2_light_03 = {v:v,fr:fr,ip:ip,op:op,w:w,h:h,nm:nm,ddd:ddd,assets:assets,layers:layers,markers:markers,props:props};
|
|
13
|
+
|
|
14
|
+
exports.assets = assets;
|
|
15
|
+
exports.ddd = ddd;
|
|
16
|
+
exports.default = header_animated_db2_light_03;
|
|
17
|
+
exports.fr = fr;
|
|
18
|
+
exports.h = h;
|
|
19
|
+
exports.ip = ip;
|
|
20
|
+
exports.layers = layers;
|
|
21
|
+
exports.markers = markers;
|
|
22
|
+
exports.nm = nm;
|
|
23
|
+
exports.op = op;
|
|
24
|
+
exports.props = props;
|
|
25
|
+
exports.v = v;
|
|
26
|
+
exports.w = w;
|
package/lib/assets/index.d.ts
CHANGED
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
import dataFabricAnimatedLight from './animated/header_animated_data_fabric_light_03.json';
|
|
2
2
|
import dataFabricAnimatedDark from './animated/header_animated_data_fabric_dark_06.json';
|
|
3
|
+
import db2AnimatedLight from './animated/header_animated_db2_light_03.json';
|
|
4
|
+
import db2AnimatedDark from './animated/header_animated_db2_dark_03.json';
|
|
3
5
|
import watsonXAnimatedLight from './animated/header_animated_watsonx_data_light_04.json';
|
|
4
6
|
import watsonXAnimatedDark from './animated/header_animated_watsonx_data_dark_03.json';
|
|
5
7
|
import watsonXAAnimatedLight from './animated/header_animated_watsonx_a_light_06.json';
|
|
6
8
|
import watsonXAAnimatedDark from './animated/header_animated_watsonx_a_dark_06.json';
|
|
7
9
|
import wxbiaAnimatedLight from './animated/header_animated_wxbia_light_09.json';
|
|
8
10
|
import wxbiaAnimatedDark from './animated/header_animated_wxbia_dark_06.json';
|
|
9
|
-
export { dataFabricAnimatedLight, dataFabricAnimatedDark, watsonXAnimatedLight, watsonXAnimatedDark, watsonXAAnimatedLight, watsonXAAnimatedDark, wxbiaAnimatedLight, wxbiaAnimatedDark, dataFabricStaticLight, dataFabricStaticDark, db2StaticLight, db2StaticDark, watsonXStaticLight, watsonXStaticDark, watsonXAStaticLight, watsonXAStaticDark, wxbiaStaticLight, wxbiaStaticDark };
|
|
11
|
+
export { dataFabricAnimatedLight, dataFabricAnimatedDark, db2AnimatedLight, db2AnimatedDark, watsonXAnimatedLight, watsonXAnimatedDark, watsonXAAnimatedLight, watsonXAAnimatedDark, wxbiaAnimatedLight, wxbiaAnimatedDark, dataFabricStaticLight, dataFabricStaticDark, db2StaticLight, db2StaticDark, watsonXStaticLight, watsonXStaticDark, watsonXAStaticLight, watsonXAStaticDark, wxbiaStaticLight, wxbiaStaticDark };
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright IBM Corp. 2024
|
|
3
|
+
*
|
|
4
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
|
6
|
+
*/
|
|
7
|
+
|
|
8
|
+
'use strict';
|
|
9
|
+
|
|
10
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
11
|
+
|
|
12
|
+
var header_static_db2_dark_01 = "export default \"data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%201312%20738%22%3E%20%20%20%20%3Cdefs%3E%20%20%20%20%3Cstyle%3E%20%20%20%20%20%20.st0%20%7B%20%20%20%20%20%20%20%20stroke%3A%20%23003a6d%3B%20%20%20%20%20%20%7D%20%20%20%20%20%20.st0%2C%20.st1%20%7B%20%20%20%20%20%20%20%20fill%3A%20none%3B%20%20%20%20%20%20%20%20stroke-miterlimit%3A%2010%3B%20%20%20%20%20%20%7D%20%20%20%20%20%20.st2%20%7B%20%20%20%20%20%20%20%20fill%3A%20%23161616%3B%20%20%20%20%20%20%20%20stroke%3A%20%23007d79%3B%20%20%20%20%20%20%7D%20%20%20%20%20%20.st1%20%7B%20%20%20%20%20%20%20%20stroke%3A%20%23a6c8ff%3B%20%20%20%20%20%20%7D%20%20%20%20%3C%2Fstyle%3E%20%20%3C%2Fdefs%3E%20%20%3Cg%20id%3D%22lines%22%3E%20%20%20%20%3Cpath%20class%3D%22st0%22%20d%3D%22M0%2C98.5h1016.5c39.8%2C0%2C72-32.2%2C72-72V0%22%2F%3E%20%20%20%20%3Cpath%20class%3D%22st0%22%20d%3D%22M1%2C170.5h1015.5c79.5%2C0%2C144-64.5%2C144-144V0%22%2F%3E%20%20%20%20%3Cpath%20class%3D%22st1%22%20d%3D%22M1242.5%2C738%22%2F%3E%20%20%20%20%3Cline%20class%3D%22st0%22%20x1%3D%22944.5%22%20x2%3D%22944.5%22%20y2%3D%22315%22%2F%3E%20%20%20%20%3Cline%20class%3D%22st0%22%20x1%3D%22800.5%22%20x2%3D%22800.5%22%20y2%3D%22738%22%2F%3E%20%20%20%20%3Cline%20class%3D%22st0%22%20x1%3D%22728.5%22%20x2%3D%22728.5%22%20y2%3D%22738%22%2F%3E%20%20%20%20%3Cline%20class%3D%22st0%22%20x1%3D%22872.5%22%20x2%3D%22872.5%22%20y2%3D%22738%22%2F%3E%20%20%20%20%3Cline%20class%3D%22st0%22%20x1%3D%221016.5%22%20x2%3D%221016.5%22%20y2%3D%22738%22%2F%3E%20%20%20%20%3Cpath%20class%3D%22st1%22%20d%3D%22M2%2C315.5%22%2F%3E%20%20%20%20%3Cpath%20class%3D%22st0%22%20d%3D%22M0%2C314.5h1161.5c39.8%2C0%2C72-32.2%2C72-72V98.5c0-39.8-32.2-72-72-72H0%22%2F%3E%20%20%20%20%3Cpath%20class%3D%22st0%22%20d%3D%22M656.5%2C0v170.5c0%2C39.8%2C32.2%2C72%2C72%2C72h505.5%22%2F%3E%20%20%3C%2Fg%3E%20%20%3Cg%20id%3D%22circles%22%3E%20%20%20%20%3Ccircle%20class%3D%22st2%22%20cx%3D%22944.5%22%20cy%3D%22314.5%22%20r%3D%227%22%2F%3E%20%20%20%20%3Ccircle%20class%3D%22st2%22%20cx%3D%221233.5%22%20cy%3D%22242.5%22%20r%3D%227%22%2F%3E%20%20%20%20%3Ccircle%20class%3D%22st2%22%20cx%3D%221016.5%22%20cy%3D%22242.5%22%20r%3D%227%22%2F%3E%20%20%20%20%3Ccircle%20class%3D%22st2%22%20cx%3D%22872.5%22%20cy%3D%22242.5%22%20r%3D%227%22%2F%3E%20%20%20%20%3Ccircle%20class%3D%22st2%22%20cx%3D%221016.5%22%20cy%3D%22170.5%22%20r%3D%227%22%2F%3E%20%20%20%20%3Ccircle%20class%3D%22st2%22%20cx%3D%22944.5%22%20cy%3D%22170.5%22%20r%3D%227%22%2F%3E%20%20%20%20%3Ccircle%20class%3D%22st2%22%20cx%3D%22944.5%22%20cy%3D%22170.5%22%20r%3D%227%22%2F%3E%20%20%20%20%3Ccircle%20class%3D%22st2%22%20cx%3D%22728.5%22%20cy%3D%22170.5%22%20r%3D%227%22%2F%3E%20%20%20%20%3Ccircle%20class%3D%22st2%22%20cx%3D%22872.5%22%20cy%3D%2298.5%22%20r%3D%227%22%2F%3E%20%20%20%20%3Ccircle%20class%3D%22st2%22%20cx%3D%22728.5%22%20cy%3D%2298.5%22%20r%3D%227%22%2F%3E%20%20%20%20%3Ccircle%20class%3D%22st2%22%20cx%3D%221160.5%22%20cy%3D%2226.5%22%20r%3D%227%22%2F%3E%20%20%20%20%3Ccircle%20class%3D%22st2%22%20cx%3D%221016.5%22%20cy%3D%2226.5%22%20r%3D%227%22%2F%3E%20%20%20%20%3Ccircle%20class%3D%22st2%22%20cx%3D%22800.5%22%20cy%3D%2226.5%22%20r%3D%227%22%2F%3E%20%20%3C%2Fg%3E%3C%2Fsvg%3E\"";
|
|
13
|
+
|
|
14
|
+
exports.default = header_static_db2_dark_01;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright IBM Corp. 2024
|
|
3
|
+
*
|
|
4
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
|
6
|
+
*/
|
|
7
|
+
|
|
8
|
+
'use strict';
|
|
9
|
+
|
|
10
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
11
|
+
|
|
12
|
+
var header_static_db2_light_01 = "export default \"data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%201312%20738%22%3E%20%20%20%20%3Cdefs%3E%20%20%20%20%3Cstyle%3E%20%20%20%20%20%20.st0%20%7B%20%20%20%20%20%20%20%20fill%3A%20%23d9fbfb%3B%20%20%20%20%20%20%20%20stroke%3A%20%2303ddbd%3B%20%20%20%20%20%20%7D%20%20%20%20%20%20.st1%20%7B%20%20%20%20%20%20%20%20fill%3A%20none%3B%20%20%20%20%20%20%20%20stroke%3A%20%23a6c8ff%3B%20%20%20%20%20%20%20%20stroke-miterlimit%3A%2010%3B%20%20%20%20%20%20%7D%20%20%20%20%3C%2Fstyle%3E%20%20%3C%2Fdefs%3E%20%20%3Cg%20id%3D%22lines%22%3E%20%20%20%20%3Cpath%20class%3D%22st1%22%20d%3D%22M0%2C98.5h1016.5c39.8%2C0%2C72-32.2%2C72-72V0%22%2F%3E%20%20%20%20%3Cpath%20class%3D%22st1%22%20d%3D%22M1%2C170.5h1015.5c79.5%2C0%2C144-64.5%2C144-144V0%22%2F%3E%20%20%20%20%3Cpath%20class%3D%22st1%22%20d%3D%22M1242.5%2C738%22%2F%3E%20%20%20%20%3Cline%20class%3D%22st1%22%20x1%3D%22944.5%22%20x2%3D%22944.5%22%20y2%3D%22315%22%2F%3E%20%20%20%20%3Cline%20class%3D%22st1%22%20x1%3D%22800.5%22%20x2%3D%22800.5%22%20y2%3D%22738%22%2F%3E%20%20%20%20%3Cline%20class%3D%22st1%22%20x1%3D%22728.5%22%20x2%3D%22728.5%22%20y2%3D%22738%22%2F%3E%20%20%20%20%3Cline%20class%3D%22st1%22%20x1%3D%22872.5%22%20x2%3D%22872.5%22%20y2%3D%22738%22%2F%3E%20%20%20%20%3Cline%20class%3D%22st1%22%20x1%3D%221016.5%22%20x2%3D%221016.5%22%20y2%3D%22738%22%2F%3E%20%20%20%20%3Cpath%20class%3D%22st1%22%20d%3D%22M2%2C315.5%22%2F%3E%20%20%20%20%3Cpath%20class%3D%22st1%22%20d%3D%22M0%2C314.5h1161.5c39.8%2C0%2C72-32.2%2C72-72V98.5c0-39.8-32.2-72-72-72H0%22%2F%3E%20%20%20%20%3Cpath%20class%3D%22st1%22%20d%3D%22M656.5%2C0v170.5c0%2C39.8%2C32.2%2C72%2C72%2C72h505.5%22%2F%3E%20%20%3C%2Fg%3E%20%20%3Cg%20id%3D%22circles%22%3E%20%20%20%20%3Ccircle%20class%3D%22st0%22%20cx%3D%22944.5%22%20cy%3D%22314.5%22%20r%3D%227%22%2F%3E%20%20%20%20%3Ccircle%20class%3D%22st0%22%20cx%3D%221233.5%22%20cy%3D%22242.5%22%20r%3D%227%22%2F%3E%20%20%20%20%3Ccircle%20class%3D%22st0%22%20cx%3D%221016.5%22%20cy%3D%22242.5%22%20r%3D%227%22%2F%3E%20%20%20%20%3Ccircle%20class%3D%22st0%22%20cx%3D%22872.5%22%20cy%3D%22242.5%22%20r%3D%227%22%2F%3E%20%20%20%20%3Ccircle%20class%3D%22st0%22%20cx%3D%221016.5%22%20cy%3D%22170.5%22%20r%3D%227%22%2F%3E%20%20%20%20%3Ccircle%20class%3D%22st0%22%20cx%3D%22944.5%22%20cy%3D%22170.5%22%20r%3D%227%22%2F%3E%20%20%20%20%3Ccircle%20class%3D%22st0%22%20cx%3D%22944.5%22%20cy%3D%22170.5%22%20r%3D%227%22%2F%3E%20%20%20%20%3Ccircle%20class%3D%22st0%22%20cx%3D%22728.5%22%20cy%3D%22170.5%22%20r%3D%227%22%2F%3E%20%20%20%20%3Ccircle%20class%3D%22st0%22%20cx%3D%22872.5%22%20cy%3D%2298.5%22%20r%3D%227%22%2F%3E%20%20%20%20%3Ccircle%20class%3D%22st0%22%20cx%3D%22728.5%22%20cy%3D%2298.5%22%20r%3D%227%22%2F%3E%20%20%20%20%3Ccircle%20class%3D%22st0%22%20cx%3D%221160.5%22%20cy%3D%2226.5%22%20r%3D%227%22%2F%3E%20%20%20%20%3Ccircle%20class%3D%22st0%22%20cx%3D%221016.5%22%20cy%3D%2226.5%22%20r%3D%227%22%2F%3E%20%20%20%20%3Ccircle%20class%3D%22st0%22%20cx%3D%22800.5%22%20cy%3D%2226.5%22%20r%3D%227%22%2F%3E%20%20%3C%2Fg%3E%3C%2Fsvg%3E\"";
|
|
13
|
+
|
|
14
|
+
exports.default = header_static_db2_light_01;
|
|
@@ -47,14 +47,10 @@ const AnimatedHeader = ({
|
|
|
47
47
|
const blockClass = `${prefix}--animated-header`;
|
|
48
48
|
const animationContainer = React.useRef(null);
|
|
49
49
|
const animRef = React.useRef(null);
|
|
50
|
-
const [
|
|
50
|
+
const [isOpen, setIsOpen] = React.useState(true);
|
|
51
51
|
const isReduced = window.matchMedia('(prefers-reduced-motion)').matches;
|
|
52
|
-
const collapsed = `${blockClass}--collapsed`;
|
|
53
|
-
const contentCollapsed = `${blockClass}__content--collapsed`;
|
|
54
|
-
const descriptionCollapsed = `${blockClass}__left-area-container--collapsed`;
|
|
55
|
-
const lottieCollapsed = `${blockClass}__lottie-animation--collapsed`;
|
|
56
52
|
const handleButtonCollapseClick = () => {
|
|
57
|
-
|
|
53
|
+
setIsOpen(!isOpen);
|
|
58
54
|
};
|
|
59
55
|
React.useEffect(() => {
|
|
60
56
|
// Make sure any prior instance is destroyed before creating a new one
|
|
@@ -104,8 +100,11 @@ const AnimatedHeader = ({
|
|
|
104
100
|
// Re-init when the JSON or reduced-motion preference changes
|
|
105
101
|
}, [headerAnimation, isReduced]);
|
|
106
102
|
return /*#__PURE__*/React.createElement("header", {
|
|
107
|
-
className:
|
|
108
|
-
|
|
103
|
+
className: blockClass,
|
|
104
|
+
"data-expanded": isOpen
|
|
105
|
+
}, /*#__PURE__*/React.createElement(react.Grid, {
|
|
106
|
+
className: `${blockClass}__grid`
|
|
107
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
109
108
|
className: `${blockClass}__gradient--overlay`
|
|
110
109
|
}), /*#__PURE__*/React.createElement("div", {
|
|
111
110
|
className: `${blockClass}__container--gradient`
|
|
@@ -123,7 +122,8 @@ const AnimatedHeader = ({
|
|
|
123
122
|
className: `${blockClass}__lottie-animation--container`
|
|
124
123
|
}, /*#__PURE__*/React.createElement("div", {
|
|
125
124
|
ref: animationContainer,
|
|
126
|
-
className: `${blockClass}__lottie-animation
|
|
125
|
+
className: `${blockClass}__lottie-animation`,
|
|
126
|
+
"data-expanded": isOpen,
|
|
127
127
|
"aria-hidden": "true"
|
|
128
128
|
})), /*#__PURE__*/React.createElement(react.Column, {
|
|
129
129
|
sm: 4,
|
|
@@ -132,14 +132,15 @@ const AnimatedHeader = ({
|
|
|
132
132
|
}, /*#__PURE__*/React.createElement(HeaderTitle.default, {
|
|
133
133
|
userName: userName,
|
|
134
134
|
welcomeText: welcomeText,
|
|
135
|
-
headerExpanded:
|
|
135
|
+
headerExpanded: isOpen,
|
|
136
136
|
ariaLabels: ariaLabels
|
|
137
137
|
})), (description || tasksControllerConfig) && /*#__PURE__*/React.createElement(react.Column, {
|
|
138
138
|
sm: 4,
|
|
139
139
|
md: 8,
|
|
140
140
|
lg: 4,
|
|
141
141
|
id: `${blockClass}-content`,
|
|
142
|
-
className: `${blockClass}__left-area-container
|
|
142
|
+
className: `${blockClass}__left-area-container`,
|
|
143
|
+
"data-expanded": isOpen
|
|
143
144
|
}, description && /*#__PURE__*/React.createElement("h2", {
|
|
144
145
|
className: `${blockClass}__description`,
|
|
145
146
|
"aria-label": ariaLabels?.description ?? `Header description`
|
|
@@ -155,7 +156,8 @@ const AnimatedHeader = ({
|
|
|
155
156
|
lg: 12,
|
|
156
157
|
className: `${blockClass}__content`
|
|
157
158
|
}, !!workspaceSelectorConfig?.allWorkspaces?.length && /*#__PURE__*/React.createElement("div", {
|
|
158
|
-
className: `${blockClass}__workspace--container
|
|
159
|
+
className: `${blockClass}__workspace--container`,
|
|
160
|
+
"data-expanded": isOpen
|
|
159
161
|
}, /*#__PURE__*/React.createElement(WorkspaceSelector.default, {
|
|
160
162
|
workspaceSelectorConfig: workspaceSelectorConfig,
|
|
161
163
|
userName: userName,
|
|
@@ -177,7 +179,7 @@ const AnimatedHeader = ({
|
|
|
177
179
|
key: key,
|
|
178
180
|
tileId: resolvedTileId
|
|
179
181
|
}, rest, {
|
|
180
|
-
open:
|
|
182
|
+
open: isOpen,
|
|
181
183
|
productName: productName,
|
|
182
184
|
isLoading: isLoading || tile.isLoading,
|
|
183
185
|
disabledTaskLabel: disabledTaskLabel,
|
|
@@ -195,12 +197,12 @@ const AnimatedHeader = ({
|
|
|
195
197
|
}, /*#__PURE__*/React.createElement(react.Button, {
|
|
196
198
|
id: `${blockClass}__button-collapse`,
|
|
197
199
|
kind: "ghost",
|
|
198
|
-
renderIcon:
|
|
200
|
+
renderIcon: isOpen ? iconsReact.ChevronUp : iconsReact.ChevronDown,
|
|
199
201
|
onClick: handleButtonCollapseClick,
|
|
200
|
-
"aria-expanded":
|
|
202
|
+
"aria-expanded": isOpen,
|
|
201
203
|
"aria-controls": `${blockClass}-content`,
|
|
202
|
-
"aria-label":
|
|
203
|
-
},
|
|
204
|
+
"aria-label": isOpen ? ariaLabels?.collapseButton ?? 'Collapse header details' : ariaLabels?.expandButton ?? 'Expand header details'
|
|
205
|
+
}, isOpen ? collapseButtonLabel : expandButtonLabel))));
|
|
204
206
|
};
|
|
205
207
|
AnimatedHeader.displayName = 'Animated Header';
|
|
206
208
|
AnimatedHeader.propTypes = {
|
|
@@ -29,7 +29,6 @@ const AIPromptTile = ({
|
|
|
29
29
|
}) => {
|
|
30
30
|
const prefix = usePrefix.usePrefix();
|
|
31
31
|
const blockClass = `${prefix}--animated-header__ai-prompt-tile`;
|
|
32
|
-
const collapsed = `${blockClass}--collapsed`;
|
|
33
32
|
const disabled = `${blockClass}--disabled`;
|
|
34
33
|
const [textInput, setTextInput] = React.useState('');
|
|
35
34
|
const handleTextInput = e => {
|
|
@@ -56,7 +55,8 @@ const AIPromptTile = ({
|
|
|
56
55
|
}, isLoading ? /*#__PURE__*/React.createElement(react.SkeletonPlaceholder, {
|
|
57
56
|
className: `${blockClass}--loading-skeleton`
|
|
58
57
|
}) : /*#__PURE__*/React.createElement("div", {
|
|
59
|
-
className: `${blockClass}--body
|
|
58
|
+
className: `${blockClass}--body`,
|
|
59
|
+
"data-expanded": open
|
|
60
60
|
}, /*#__PURE__*/React.createElement("div", {
|
|
61
61
|
className: `${blockClass}--body-background`
|
|
62
62
|
}), /*#__PURE__*/React.createElement("div", {
|
|
@@ -22,14 +22,14 @@ const GlassTileBody = ({
|
|
|
22
22
|
}) => {
|
|
23
23
|
const prefix = usePrefix.usePrefix();
|
|
24
24
|
const blockClass = `${prefix}--animated-header__glass-tile`;
|
|
25
|
-
const collapsed = `${blockClass}--collapsed`;
|
|
26
25
|
if (isLoading) {
|
|
27
26
|
return /*#__PURE__*/React.createElement(react.SkeletonPlaceholder, {
|
|
28
27
|
className: `${blockClass}--loading-skeleton`
|
|
29
28
|
});
|
|
30
29
|
}
|
|
31
30
|
return /*#__PURE__*/React.createElement("div", {
|
|
32
|
-
className: `${blockClass}--body
|
|
31
|
+
className: `${blockClass}--body`,
|
|
32
|
+
"data-expanded": open
|
|
33
33
|
}, /*#__PURE__*/React.createElement("div", {
|
|
34
34
|
className: `${blockClass}--body-background`
|
|
35
35
|
}), customContent ? /*#__PURE__*/React.createElement("div", {
|
package/lib/index.js
CHANGED
|
@@ -15,8 +15,8 @@ require('@carbon/react/icons');
|
|
|
15
15
|
var BaseTile = require('./components/Tiles/BaseTile/BaseTile.js');
|
|
16
16
|
var header_static_data_fabric_light_06 = require('./assets/static/header_static_data_fabric_light_06.svg.js');
|
|
17
17
|
var header_static_data_fabric_dark_06 = require('./assets/static/header_static_data_fabric_dark_06.svg.js');
|
|
18
|
-
var
|
|
19
|
-
var
|
|
18
|
+
var header_static_db2_light_01 = require('./assets/static/header_static_db2_light_01.svg.js');
|
|
19
|
+
var header_static_db2_dark_01 = require('./assets/static/header_static_db2_dark_01.svg.js');
|
|
20
20
|
var header_static_watsonx_data_light_06 = require('./assets/static/header_static_watsonx_data_light_06.svg.js');
|
|
21
21
|
var header_static_watsonx_data_dark_05 = require('./assets/static/header_static_watsonx_data_dark_05.svg.js');
|
|
22
22
|
var header_static_watsonx_a_light_01 = require('./assets/static/header_static_watsonx_a_light_01.svg.js');
|
|
@@ -25,6 +25,8 @@ var header_static_wxbia_light_01 = require('./assets/static/header_static_wxbia_
|
|
|
25
25
|
var header_static_wxbia_dark_01 = require('./assets/static/header_static_wxbia_dark_01.svg.js');
|
|
26
26
|
var header_animated_data_fabric_light_03 = require('./assets/animated/header_animated_data_fabric_light_03.json.js');
|
|
27
27
|
var header_animated_data_fabric_dark_06 = require('./assets/animated/header_animated_data_fabric_dark_06.json.js');
|
|
28
|
+
var header_animated_db2_light_03 = require('./assets/animated/header_animated_db2_light_03.json.js');
|
|
29
|
+
var header_animated_db2_dark_03 = require('./assets/animated/header_animated_db2_dark_03.json.js');
|
|
28
30
|
var header_animated_watsonx_data_light_04 = require('./assets/animated/header_animated_watsonx_data_light_04.json.js');
|
|
29
31
|
var header_animated_watsonx_data_dark_03 = require('./assets/animated/header_animated_watsonx_data_dark_03.json.js');
|
|
30
32
|
var header_animated_watsonx_a_light_06 = require('./assets/animated/header_animated_watsonx_a_light_06.json.js');
|
|
@@ -39,8 +41,8 @@ exports.HeaderTitle = HeaderTitle.default;
|
|
|
39
41
|
exports.BaseTile = BaseTile.BaseTile;
|
|
40
42
|
exports.dataFabricStaticLight = header_static_data_fabric_light_06.default;
|
|
41
43
|
exports.dataFabricStaticDark = header_static_data_fabric_dark_06.default;
|
|
42
|
-
exports.db2StaticLight =
|
|
43
|
-
exports.db2StaticDark =
|
|
44
|
+
exports.db2StaticLight = header_static_db2_light_01.default;
|
|
45
|
+
exports.db2StaticDark = header_static_db2_dark_01.default;
|
|
44
46
|
exports.watsonXStaticLight = header_static_watsonx_data_light_06.default;
|
|
45
47
|
exports.watsonXStaticDark = header_static_watsonx_data_dark_05.default;
|
|
46
48
|
exports.watsonXAStaticLight = header_static_watsonx_a_light_01.default;
|
|
@@ -49,6 +51,8 @@ exports.wxbiaStaticLight = header_static_wxbia_light_01.default;
|
|
|
49
51
|
exports.wxbiaStaticDark = header_static_wxbia_dark_01.default;
|
|
50
52
|
exports.dataFabricAnimatedLight = header_animated_data_fabric_light_03.default;
|
|
51
53
|
exports.dataFabricAnimatedDark = header_animated_data_fabric_dark_06.default;
|
|
54
|
+
exports.db2AnimatedLight = header_animated_db2_light_03.default;
|
|
55
|
+
exports.db2AnimatedDark = header_animated_db2_dark_03.default;
|
|
52
56
|
exports.watsonXAnimatedLight = header_animated_watsonx_data_light_04.default;
|
|
53
57
|
exports.watsonXAnimatedDark = header_animated_watsonx_data_dark_03.default;
|
|
54
58
|
exports.watsonXAAnimatedLight = header_animated_watsonx_a_light_06.default;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@carbon-labs/react-animated-header",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.34.0",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public",
|
|
6
6
|
"provenance": true
|
|
@@ -45,5 +45,5 @@
|
|
|
45
45
|
"devDependencies": {
|
|
46
46
|
"@carbon-labs/utilities": "canary"
|
|
47
47
|
},
|
|
48
|
-
"gitHead": "
|
|
48
|
+
"gitHead": "147eaebaa1e84f54d88fb94cb3338de1a16e8536"
|
|
49
49
|
}
|
|
@@ -46,17 +46,37 @@ body {
|
|
|
46
46
|
.#{$prefix} {
|
|
47
47
|
position: relative;
|
|
48
48
|
display: flex;
|
|
49
|
-
overflow: visible;
|
|
50
49
|
background: $background;
|
|
51
50
|
inline-size: 100%;
|
|
52
|
-
max-block-size:
|
|
53
|
-
outline: 1px solid transparent;
|
|
54
|
-
padding-block: 0 $spacing-10;
|
|
55
|
-
transition: padding 500ms motion.motion(standard, expressive),
|
|
56
|
-
max-block-size 500ms motion.motion(standard, expressive), color 200ms linear,
|
|
57
|
-
background-color 200ms linear,
|
|
58
|
-
outline 500ms motion.motion(standard, expressive);
|
|
51
|
+
max-block-size: 85vh;
|
|
59
52
|
writing-mode: horizontal-tb;
|
|
53
|
+
|
|
54
|
+
&[data-expanded='true'] {
|
|
55
|
+
overflow: visible;
|
|
56
|
+
max-block-size: 85vh;
|
|
57
|
+
outline: 1px solid transparent;
|
|
58
|
+
|
|
59
|
+
@media (prefers-reduced-motion: no-preference) {
|
|
60
|
+
transition: max-block-size 500ms motion.motion(entrance, expressive),
|
|
61
|
+
color 200ms linear, background-color 200ms linear,
|
|
62
|
+
outline 500ms motion.motion(entrance, expressive);
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
&[data-expanded='false'] {
|
|
67
|
+
overflow: hidden;
|
|
68
|
+
max-block-size: $spacing-09;
|
|
69
|
+
outline: 1px solid $border-subtle-00;
|
|
70
|
+
|
|
71
|
+
@media (prefers-reduced-motion: no-preference) {
|
|
72
|
+
transition: max-block-size 500ms motion.motion(exit, expressive),
|
|
73
|
+
outline 500ms motion.motion(exit, expressive);
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
.#{$prefix}__grid {
|
|
79
|
+
padding-block: 0 $spacing-10;
|
|
60
80
|
}
|
|
61
81
|
|
|
62
82
|
.#{$prefix}__static--container {
|
|
@@ -88,8 +108,6 @@ body {
|
|
|
88
108
|
|
|
89
109
|
background-position: top right;
|
|
90
110
|
background-repeat: no-repeat;
|
|
91
|
-
transform: translateY(0);
|
|
92
|
-
transition: transform 500ms motion.motion(standard, expressive);
|
|
93
111
|
}
|
|
94
112
|
|
|
95
113
|
.#{$prefix}__ui-heading {
|
|
@@ -151,12 +169,20 @@ body {
|
|
|
151
169
|
flex-direction: column;
|
|
152
170
|
gap: $spacing-07;
|
|
153
171
|
margin-block-start: $spacing-08;
|
|
154
|
-
opacity: 1;
|
|
155
|
-
transition: opacity 500ms linear;
|
|
156
|
-
}
|
|
157
172
|
|
|
158
|
-
|
|
159
|
-
|
|
173
|
+
@media (prefers-reduced-motion: no-preference) {
|
|
174
|
+
transition: opacity 500ms linear;
|
|
175
|
+
}
|
|
176
|
+
|
|
177
|
+
&[data-expanded='true'] {
|
|
178
|
+
opacity: 1;
|
|
179
|
+
transition-delay: 110ms;
|
|
180
|
+
}
|
|
181
|
+
|
|
182
|
+
&[data-expanded='false'] {
|
|
183
|
+
opacity: 0;
|
|
184
|
+
transition-delay: 0ms;
|
|
185
|
+
}
|
|
160
186
|
}
|
|
161
187
|
|
|
162
188
|
.#{$prefix}__description {
|
|
@@ -238,15 +264,25 @@ body {
|
|
|
238
264
|
flex-direction: column;
|
|
239
265
|
margin: 0;
|
|
240
266
|
margin-block-start: $spacing-08;
|
|
241
|
-
opacity: 1;
|
|
242
|
-
transition: opacity 500ms linear;
|
|
243
267
|
}
|
|
244
268
|
|
|
245
269
|
.#{$prefix}__workspace--container {
|
|
246
270
|
margin-block-start: calc(-1 * $spacing-08);
|
|
247
271
|
min-block-size: $spacing-08;
|
|
248
|
-
|
|
249
|
-
|
|
272
|
+
|
|
273
|
+
@media (prefers-reduced-motion: no-preference) {
|
|
274
|
+
transition: opacity 500ms linear;
|
|
275
|
+
}
|
|
276
|
+
|
|
277
|
+
&[data-expanded='true'] {
|
|
278
|
+
opacity: 1;
|
|
279
|
+
transition-delay: 110ms;
|
|
280
|
+
}
|
|
281
|
+
|
|
282
|
+
&[data-expanded='false'] {
|
|
283
|
+
opacity: 0;
|
|
284
|
+
transition-delay: 0ms;
|
|
285
|
+
}
|
|
250
286
|
}
|
|
251
287
|
|
|
252
288
|
.#{$prefix}__workspace {
|
|
@@ -264,10 +300,6 @@ body {
|
|
|
264
300
|
gap: $spacing-05;
|
|
265
301
|
}
|
|
266
302
|
|
|
267
|
-
.#{$prefix}__content--collapsed {
|
|
268
|
-
opacity: 0;
|
|
269
|
-
}
|
|
270
|
-
|
|
271
303
|
.#{$prefix}__tile {
|
|
272
304
|
animation: 500ms motion.motion(standard, expressive) 0ms 1 slide-in;
|
|
273
305
|
animation-fill-mode: both;
|
|
@@ -326,12 +358,17 @@ body {
|
|
|
326
358
|
z-index: 0;
|
|
327
359
|
display: flex;
|
|
328
360
|
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
}
|
|
361
|
+
@media (prefers-reduced-motion: no-preference) {
|
|
362
|
+
transition: transform 500ms motion.motion(standard, expressive);
|
|
363
|
+
}
|
|
332
364
|
|
|
333
|
-
|
|
334
|
-
|
|
365
|
+
&[data-expanded='true'] {
|
|
366
|
+
transform: translateY(0);
|
|
367
|
+
}
|
|
368
|
+
|
|
369
|
+
&[data-expanded='false'] {
|
|
370
|
+
transform: translateY(-16px);
|
|
371
|
+
}
|
|
335
372
|
}
|
|
336
373
|
|
|
337
374
|
.#{$prefix}__button-collapse--container {
|
|
@@ -383,13 +420,6 @@ body {
|
|
|
383
420
|
color: $text-primary;
|
|
384
421
|
}
|
|
385
422
|
|
|
386
|
-
.#{$prefix}--collapsed {
|
|
387
|
-
overflow: hidden;
|
|
388
|
-
padding: 0;
|
|
389
|
-
max-block-size: $spacing-09;
|
|
390
|
-
outline: 1px solid $border-subtle-00;
|
|
391
|
-
}
|
|
392
|
-
|
|
393
423
|
// Small
|
|
394
424
|
@media only screen and (width >= 20rem) {
|
|
395
425
|
.#{$prefix}__lottie-animation {
|
|
@@ -564,7 +594,7 @@ body {
|
|
|
564
594
|
/*
|
|
565
595
|
If the user has expressed their preference for
|
|
566
596
|
reduced motion, then don't use animations
|
|
567
|
-
|
|
597
|
+
*/
|
|
568
598
|
@media (prefers-reduced-motion: reduce) {
|
|
569
599
|
.#{$prefix},
|
|
570
600
|
.#{$prefix}__static,
|
|
@@ -50,8 +50,20 @@ $prefix: 'clabs--animated-header__ai-prompt-tile' !default;
|
|
|
50
50
|
padding: $spacing-05;
|
|
51
51
|
background-color: transparent;
|
|
52
52
|
color: $text-primary;
|
|
53
|
-
|
|
54
|
-
|
|
53
|
+
|
|
54
|
+
@media (prefers-reduced-motion: no-preference) {
|
|
55
|
+
transition: opacity 500ms linear;
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
&[data-expanded='true'] {
|
|
59
|
+
opacity: 1;
|
|
60
|
+
transition-delay: 110ms;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
&[data-expanded='false'] {
|
|
64
|
+
opacity: 0;
|
|
65
|
+
transition-delay: 0ms;
|
|
66
|
+
}
|
|
55
67
|
}
|
|
56
68
|
|
|
57
69
|
/* Semi-transparent background layer */
|
|
@@ -50,8 +50,20 @@ $prefix: 'clabs--animated-header__glass-tile' !default;
|
|
|
50
50
|
padding: $spacing-05;
|
|
51
51
|
background-color: transparent;
|
|
52
52
|
color: $text-primary;
|
|
53
|
-
|
|
54
|
-
|
|
53
|
+
|
|
54
|
+
@media (prefers-reduced-motion: no-preference) {
|
|
55
|
+
transition: opacity 500ms linear;
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
&[data-expanded='true'] {
|
|
59
|
+
opacity: 1;
|
|
60
|
+
transition-delay: 110ms;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
&[data-expanded='false'] {
|
|
64
|
+
opacity: 0;
|
|
65
|
+
transition-delay: 0ms;
|
|
66
|
+
}
|
|
55
67
|
}
|
|
56
68
|
|
|
57
69
|
/* Semi-transparent background layer */
|