@carbon-labs/react-animated-header 0.33.0 → 0.35.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 +15328 -4716
- package/es/__stories__/data/index.d.ts +25 -0
- 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.d.ts +4 -1
- package/es/components/AnimatedHeader/AnimatedHeader.js +72 -12
- package/es/components/ContentSwitcherSelector/ContentSwitcherSelector.d.ts +30 -0
- package/es/components/ContentSwitcherSelector/ContentSwitcherSelector.js +70 -0
- package/es/components/HeaderAction/HeaderAction.d.ts +15 -0
- package/es/components/HeaderAction/HeaderAction.js +69 -0
- package/es/components/HeaderAction/header-action.types.d.ts +32 -0
- package/es/components/HeaderTitle/HeaderTitle.js +2 -3
- package/es/components/TasksController/TasksController.d.ts +4 -1
- package/es/components/TasksController/TasksController.js +33 -23
- package/es/index.d.ts +2 -1
- package/es/index.js +5 -2
- package/lib/__stories__/AnimatedHeader.stories.d.ts +15328 -4716
- package/lib/__stories__/data/index.d.ts +25 -0
- 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.d.ts +4 -1
- package/lib/components/AnimatedHeader/AnimatedHeader.js +72 -12
- package/lib/components/ContentSwitcherSelector/ContentSwitcherSelector.d.ts +30 -0
- package/lib/components/ContentSwitcherSelector/ContentSwitcherSelector.js +74 -0
- package/lib/components/HeaderAction/HeaderAction.d.ts +15 -0
- package/lib/components/HeaderAction/HeaderAction.js +73 -0
- package/lib/components/HeaderAction/header-action.types.d.ts +32 -0
- package/lib/components/HeaderTitle/HeaderTitle.js +2 -3
- package/lib/components/TasksController/TasksController.d.ts +4 -1
- package/lib/components/TasksController/TasksController.js +33 -23
- package/lib/index.d.ts +2 -1
- package/lib/index.js +10 -4
- package/package.json +2 -2
- package/scss/AnimatedHeader/animated-header.scss +82 -0
- package/scss/HeaderAction/header-action.scss +54 -0
- package/scss/HeaderTitle/header-title.scss +18 -12
- package/scss/animated-header.scss +1 -0
- 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
|
@@ -7,6 +7,7 @@
|
|
|
7
7
|
* LICENSE file in the root directory of this source tree.
|
|
8
8
|
*/
|
|
9
9
|
import { TileGroup } from '../../components/AnimatedHeader/types';
|
|
10
|
+
import type { HeaderActionConfig } from '../../components/HeaderAction/header-action.types';
|
|
10
11
|
export declare const workspaceData: {
|
|
11
12
|
id: string;
|
|
12
13
|
label: string;
|
|
@@ -35,6 +36,28 @@ export declare const tasksControllerConfigLoading: {
|
|
|
35
36
|
type: string;
|
|
36
37
|
isLoading: boolean;
|
|
37
38
|
};
|
|
39
|
+
export declare const contentSwitcherConfigTwo: {
|
|
40
|
+
ariaLabel: string;
|
|
41
|
+
visibleCount: number;
|
|
42
|
+
items: {
|
|
43
|
+
id: string;
|
|
44
|
+
text: string;
|
|
45
|
+
}[];
|
|
46
|
+
};
|
|
47
|
+
export declare const contentSwitcherConfigThree: {
|
|
48
|
+
ariaLabel: string;
|
|
49
|
+
visibleCount: number;
|
|
50
|
+
items: {
|
|
51
|
+
id: string;
|
|
52
|
+
text: string;
|
|
53
|
+
}[];
|
|
54
|
+
};
|
|
55
|
+
export declare const contentSwitcherConfigLoading: {
|
|
56
|
+
ariaLabel: string;
|
|
57
|
+
isLoading: boolean;
|
|
58
|
+
visibleCount: number;
|
|
59
|
+
items: never[];
|
|
60
|
+
};
|
|
38
61
|
export declare const workspaceSelectorConfig: {
|
|
39
62
|
allWorkspaces: {
|
|
40
63
|
id: string;
|
|
@@ -55,3 +78,5 @@ export declare const workspaceSelectorConfigLoading: {
|
|
|
55
78
|
setSelectedWorkspace: () => void;
|
|
56
79
|
isLoading: boolean;
|
|
57
80
|
};
|
|
81
|
+
export declare const headerActionIcon: HeaderActionConfig;
|
|
82
|
+
export declare const headerActionGhost: HeaderActionConfig;
|
|
@@ -0,0 +1,10 @@
|
|
|
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
|
+
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};
|
|
9
|
+
|
|
10
|
+
export { assets, ddd, header_animated_db2_dark_03 as default, fr, h, ip, layers, markers, nm, op, props, v, w };
|
|
@@ -0,0 +1,10 @@
|
|
|
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
|
+
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};
|
|
9
|
+
|
|
10
|
+
export { assets, ddd, header_animated_db2_light_03 as default, fr, h, ip, layers, markers, nm, op, props, v, w };
|
package/es/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,10 @@
|
|
|
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
|
+
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\"";
|
|
9
|
+
|
|
10
|
+
export { header_static_db2_dark_01 as default };
|
|
@@ -0,0 +1,10 @@
|
|
|
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
|
+
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\"";
|
|
9
|
+
|
|
10
|
+
export { header_static_db2_light_01 as default };
|
|
@@ -10,12 +10,15 @@ import React from 'react';
|
|
|
10
10
|
import { TasksControllerProps } from '../TasksController/TasksController';
|
|
11
11
|
import { WorkspaceSelectorProps } from '../WorkspaceSelector/WorkspaceSelector';
|
|
12
12
|
import { Tile, TileGroup, AriaLabels } from './types';
|
|
13
|
+
import { type ContentSwitcherConfig } from '../ContentSwitcherSelector/ContentSwitcherSelector';
|
|
14
|
+
import type { HeaderActionProps } from '../HeaderAction/header-action.types';
|
|
13
15
|
/** Animated Header */
|
|
14
16
|
export type AnimatedHeaderProps = {
|
|
15
17
|
allTileGroups?: TileGroup[];
|
|
16
18
|
ariaLabels?: AriaLabels;
|
|
17
19
|
selectedTileGroup?: TileGroup;
|
|
18
20
|
setSelectedTileGroup?: (e: any) => void;
|
|
21
|
+
contentSwitcherConfig?: ContentSwitcherConfig;
|
|
19
22
|
description?: string;
|
|
20
23
|
headerAnimation?: object;
|
|
21
24
|
headerStatic?: React.JSX.Element | string;
|
|
@@ -27,6 +30,6 @@ export type AnimatedHeaderProps = {
|
|
|
27
30
|
expandButtonLabel?: string;
|
|
28
31
|
collapseButtonLabel?: string;
|
|
29
32
|
tileClickHandler?: (tile: Tile) => void;
|
|
30
|
-
} & TasksControllerProps & WorkspaceSelectorProps;
|
|
33
|
+
} & TasksControllerProps & WorkspaceSelectorProps & HeaderActionProps;
|
|
31
34
|
declare const AnimatedHeader: React.FC<AnimatedHeaderProps>;
|
|
32
35
|
export default AnimatedHeader;
|
|
@@ -17,6 +17,8 @@ import { BaseTile } from '../Tiles/BaseTile/BaseTile.js';
|
|
|
17
17
|
import TasksController from '../TasksController/TasksController.js';
|
|
18
18
|
import WorkspaceSelector from '../WorkspaceSelector/WorkspaceSelector.js';
|
|
19
19
|
import HeaderTitle from '../HeaderTitle/HeaderTitle.js';
|
|
20
|
+
import ContentSwitcherSelector from '../ContentSwitcherSelector/ContentSwitcherSelector.js';
|
|
21
|
+
import HeaderAction from '../HeaderAction/HeaderAction.js';
|
|
20
22
|
|
|
21
23
|
/** Animated Header */
|
|
22
24
|
|
|
@@ -31,6 +33,8 @@ const AnimatedHeader = ({
|
|
|
31
33
|
productName = '[Product name]',
|
|
32
34
|
userName,
|
|
33
35
|
welcomeText,
|
|
36
|
+
contentSwitcherConfig,
|
|
37
|
+
headerActionConfig,
|
|
34
38
|
tasksControllerConfig,
|
|
35
39
|
workspaceSelectorConfig,
|
|
36
40
|
isLoading,
|
|
@@ -124,13 +128,22 @@ const AnimatedHeader = ({
|
|
|
124
128
|
})), /*#__PURE__*/React.createElement(Column, {
|
|
125
129
|
sm: 4,
|
|
126
130
|
md: 8,
|
|
127
|
-
lg: 16
|
|
131
|
+
lg: 16,
|
|
132
|
+
className: `${blockClass}__title-row`
|
|
133
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
134
|
+
className: `${blockClass}__title-and-actions`
|
|
128
135
|
}, /*#__PURE__*/React.createElement(HeaderTitle, {
|
|
129
136
|
userName: userName,
|
|
130
137
|
welcomeText: welcomeText,
|
|
131
138
|
headerExpanded: isOpen,
|
|
132
139
|
ariaLabels: ariaLabels
|
|
133
|
-
})
|
|
140
|
+
}), contentSwitcherConfig ? /*#__PURE__*/React.createElement("div", {
|
|
141
|
+
className: `${blockClass}__actions`
|
|
142
|
+
}, /*#__PURE__*/React.createElement(ContentSwitcherSelector, {
|
|
143
|
+
contentSwitcherConfig: contentSwitcherConfig,
|
|
144
|
+
isLoading: isLoading || contentSwitcherConfig.isLoading,
|
|
145
|
+
headerExpanded: isOpen
|
|
146
|
+
})) : null)), (description || tasksControllerConfig) && /*#__PURE__*/React.createElement(Column, {
|
|
134
147
|
sm: 4,
|
|
135
148
|
md: 8,
|
|
136
149
|
lg: 4,
|
|
@@ -140,7 +153,7 @@ const AnimatedHeader = ({
|
|
|
140
153
|
}, description && /*#__PURE__*/React.createElement("h2", {
|
|
141
154
|
className: `${blockClass}__description`,
|
|
142
155
|
"aria-label": ariaLabels?.description ?? `Header description`
|
|
143
|
-
}, description), /*#__PURE__*/React.createElement(TasksController, {
|
|
156
|
+
}, description), tasksControllerConfig && /*#__PURE__*/React.createElement(TasksController, {
|
|
144
157
|
tasksControllerConfig: tasksControllerConfig,
|
|
145
158
|
isLoading: isLoading,
|
|
146
159
|
allTileGroups: allTileGroups,
|
|
@@ -190,7 +203,10 @@ const AnimatedHeader = ({
|
|
|
190
203
|
className: `${blockClass}__button-collapse--gradient`
|
|
191
204
|
}), /*#__PURE__*/React.createElement("div", {
|
|
192
205
|
className: `${blockClass}__button-collapse--container`
|
|
193
|
-
}, /*#__PURE__*/React.createElement(
|
|
206
|
+
}, headerActionConfig ? /*#__PURE__*/React.createElement(HeaderAction, {
|
|
207
|
+
config: headerActionConfig,
|
|
208
|
+
headerExpanded: isOpen
|
|
209
|
+
}) : null, /*#__PURE__*/React.createElement(Button, {
|
|
194
210
|
id: `${blockClass}__button-collapse`,
|
|
195
211
|
kind: "ghost",
|
|
196
212
|
renderIcon: isOpen ? ChevronUp : ChevronDown,
|
|
@@ -218,6 +234,24 @@ AnimatedHeader.propTypes = {
|
|
|
218
234
|
* Custom collapse button label
|
|
219
235
|
*/
|
|
220
236
|
collapseButtonLabel: PropTypes.string,
|
|
237
|
+
/**
|
|
238
|
+
* Configuration for Carbon Content Switcher in header.
|
|
239
|
+
* Customized tasks are used to allow users that have multiple roles and
|
|
240
|
+
* permissions to experience better tailored content based on their need.
|
|
241
|
+
*/
|
|
242
|
+
contentSwitcherConfig: PropTypes.shape({
|
|
243
|
+
items: PropTypes.arrayOf(PropTypes.shape({
|
|
244
|
+
id: PropTypes.string,
|
|
245
|
+
text: PropTypes.string.isRequired,
|
|
246
|
+
onSelect: PropTypes.func
|
|
247
|
+
}).isRequired).isRequired,
|
|
248
|
+
ariaLabel: PropTypes.string,
|
|
249
|
+
isLoading: PropTypes.bool,
|
|
250
|
+
lowContrast: PropTypes.bool,
|
|
251
|
+
headerExpanded: PropTypes.bool,
|
|
252
|
+
visibleCount: PropTypes.oneOf([2, 3]),
|
|
253
|
+
onChange: PropTypes.func
|
|
254
|
+
}),
|
|
221
255
|
/**
|
|
222
256
|
* Provide short sentence in max. 3 lines related to product context
|
|
223
257
|
*/
|
|
@@ -226,6 +260,34 @@ AnimatedHeader.propTypes = {
|
|
|
226
260
|
* Custom expand button label
|
|
227
261
|
*/
|
|
228
262
|
expandButtonLabel: PropTypes.string,
|
|
263
|
+
/**
|
|
264
|
+
* Configuration for the header action control (icon button / ghost button / carousel - *coming soon*).
|
|
265
|
+
* This sits to the left of the Collapse button and can trigger generic actions
|
|
266
|
+
* (open modal/panel) or page through tiles.
|
|
267
|
+
*/
|
|
268
|
+
headerActionConfig: PropTypes.shape({
|
|
269
|
+
type: PropTypes.oneOf(['icon-button', 'ghost-button']).isRequired,
|
|
270
|
+
// Carbon IconButton variant
|
|
271
|
+
iconButton: PropTypes.shape({
|
|
272
|
+
icon: PropTypes.elementType.isRequired,
|
|
273
|
+
iconLabel: PropTypes.string.isRequired,
|
|
274
|
+
onClick: PropTypes.func.isRequired,
|
|
275
|
+
disabled: PropTypes.bool,
|
|
276
|
+
ariaLabel: PropTypes.string,
|
|
277
|
+
// Override Carbon IconButton props if needed
|
|
278
|
+
propsOverrides: PropTypes.object
|
|
279
|
+
}),
|
|
280
|
+
// Carbon Ghost Button variant
|
|
281
|
+
ghostButton: PropTypes.shape({
|
|
282
|
+
label: PropTypes.string.isRequired,
|
|
283
|
+
icon: PropTypes.elementType,
|
|
284
|
+
onClick: PropTypes.func.isRequired,
|
|
285
|
+
disabled: PropTypes.bool,
|
|
286
|
+
ariaLabel: PropTypes.string,
|
|
287
|
+
// Override Carbon Button props if needed
|
|
288
|
+
propsOverrides: PropTypes.object
|
|
289
|
+
})
|
|
290
|
+
}),
|
|
229
291
|
/**
|
|
230
292
|
* In-product imagery / lottie animation (.json) dim. 1312 x 738
|
|
231
293
|
* (to update headerAnimation content storybook requires remount in toolbar)
|
|
@@ -254,23 +316,21 @@ AnimatedHeader.propTypes = {
|
|
|
254
316
|
*/
|
|
255
317
|
setSelectedTileGroup: PropTypes.func,
|
|
256
318
|
/**
|
|
257
|
-
* Configuration for Carbon button
|
|
258
|
-
* tasks are used to allow users that have multiple roles and
|
|
259
|
-
* to experience better tailored content based on their need.
|
|
260
|
-
* It also allows to override Carbon Button props by specifying them in tasksConfig.button.propsOverrides
|
|
261
|
-
* or to override Carbon Dropdown props by specifying them in tasksConfig.dropdown.propsOverrides.
|
|
319
|
+
* Configuration for Carbon button / dropdown in header.
|
|
320
|
+
* Customized tasks are used to allow users that have multiple roles and
|
|
321
|
+
* permissions to experience better tailored content based on their need.
|
|
262
322
|
*/
|
|
263
323
|
tasksControllerConfig: PropTypes.shape({
|
|
264
324
|
type: PropTypes.oneOf(['button', 'dropdown']).isRequired,
|
|
325
|
+
isLoading: PropTypes.bool,
|
|
265
326
|
button: PropTypes.shape({
|
|
266
327
|
text: PropTypes.string.isRequired,
|
|
267
328
|
// Override Carbon Button props
|
|
268
329
|
propsOverrides: PropTypes.object
|
|
269
330
|
}),
|
|
270
331
|
dropdown: PropTypes.shape({
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
setSelectedTileGroup: PropTypes.func.isRequired,
|
|
332
|
+
label: PropTypes.string,
|
|
333
|
+
ariaLabel: PropTypes.string,
|
|
274
334
|
// Override Carbon Dropdown props
|
|
275
335
|
propsOverrides: PropTypes.object
|
|
276
336
|
})
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*
|
|
4
|
+
* Copyright IBM Corp. 2025
|
|
5
|
+
*
|
|
6
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
7
|
+
* LICENSE file in the root directory of this source tree.
|
|
8
|
+
*/
|
|
9
|
+
import React from 'react';
|
|
10
|
+
import { type ContentSwitcherProps } from '@carbon/react';
|
|
11
|
+
export type ContentSwitcherItem = {
|
|
12
|
+
id?: string;
|
|
13
|
+
text: string;
|
|
14
|
+
onSelect?: () => void;
|
|
15
|
+
};
|
|
16
|
+
export type ContentSwitcherConfig = Omit<ContentSwitcherProps, 'children' | 'onChange' | 'size' | 'lowContrast'> & {
|
|
17
|
+
items: ContentSwitcherItem[];
|
|
18
|
+
ariaLabel?: string;
|
|
19
|
+
isLoading?: boolean;
|
|
20
|
+
lowContrast?: boolean;
|
|
21
|
+
visibleCount?: 2 | 3;
|
|
22
|
+
onChange?: ContentSwitcherProps['onChange'];
|
|
23
|
+
};
|
|
24
|
+
export type ContentSwitcherSelectorProps = {
|
|
25
|
+
contentSwitcherConfig?: ContentSwitcherConfig | null;
|
|
26
|
+
isLoading?: boolean;
|
|
27
|
+
headerExpanded?: boolean;
|
|
28
|
+
};
|
|
29
|
+
declare const ContentSwitcherSelector: React.FC<ContentSwitcherSelectorProps>;
|
|
30
|
+
export default ContentSwitcherSelector;
|
|
@@ -0,0 +1,70 @@
|
|
|
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
|
+
import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
|
9
|
+
import React, { useMemo } from 'react';
|
|
10
|
+
import { SkeletonPlaceholder, ContentSwitcher, Switch } from '@carbon/react';
|
|
11
|
+
import { usePrefix } from '../../node_modules/@carbon-labs/utilities/es/usePrefix.js';
|
|
12
|
+
|
|
13
|
+
const ContentSwitcherSelector = ({
|
|
14
|
+
contentSwitcherConfig,
|
|
15
|
+
isLoading,
|
|
16
|
+
headerExpanded
|
|
17
|
+
}) => {
|
|
18
|
+
const prefix = usePrefix();
|
|
19
|
+
const blockClass = `${prefix}--animated-header__content-switcher`;
|
|
20
|
+
if (!contentSwitcherConfig) return null;
|
|
21
|
+
if (isLoading || contentSwitcherConfig.isLoading) {
|
|
22
|
+
return /*#__PURE__*/React.createElement(SkeletonPlaceholder, {
|
|
23
|
+
className: `${blockClass}-skeleton`
|
|
24
|
+
});
|
|
25
|
+
}
|
|
26
|
+
const {
|
|
27
|
+
items = [],
|
|
28
|
+
visibleCount,
|
|
29
|
+
lowContrast,
|
|
30
|
+
ariaLabel,
|
|
31
|
+
onChange,
|
|
32
|
+
selectedIndex,
|
|
33
|
+
...rest
|
|
34
|
+
} = contentSwitcherConfig;
|
|
35
|
+
const count = visibleCount === 3 ? 3 : 2;
|
|
36
|
+
const visibleItems = items.slice(0, count);
|
|
37
|
+
if (visibleItems.length < 2 || visibleItems.length > 3) {
|
|
38
|
+
if (process.env.NODE_ENV !== 'production') {
|
|
39
|
+
console.warn('[ContentSwitcherSelector] contentSwitcherConfig.items must contain 2 or 3 items.');
|
|
40
|
+
}
|
|
41
|
+
return null;
|
|
42
|
+
}
|
|
43
|
+
const selectedIndexSafe = useMemo(() => {
|
|
44
|
+
const idx = typeof selectedIndex === 'number' ? selectedIndex : 0;
|
|
45
|
+
return Math.min(Math.max(idx, 0), visibleItems.length - 1);
|
|
46
|
+
}, [selectedIndex, visibleItems.length]);
|
|
47
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
48
|
+
className: `${blockClass}--container`,
|
|
49
|
+
"data-expanded": headerExpanded
|
|
50
|
+
}, /*#__PURE__*/React.createElement(ContentSwitcher, _extends({
|
|
51
|
+
className: `${blockClass}`,
|
|
52
|
+
"aria-label": ariaLabel ?? 'Select a task group',
|
|
53
|
+
lowContrast: lowContrast,
|
|
54
|
+
selectedIndex: selectedIndexSafe,
|
|
55
|
+
size: "md",
|
|
56
|
+
onChange: ev => {
|
|
57
|
+
onChange?.(ev);
|
|
58
|
+
const idx = ev.index ?? ev.selectedIndex ?? 0;
|
|
59
|
+
visibleItems[idx]?.onSelect?.();
|
|
60
|
+
}
|
|
61
|
+
}, rest), visibleItems.map((item, idx) => {
|
|
62
|
+
return /*#__PURE__*/React.createElement(Switch, {
|
|
63
|
+
key: item.id ?? idx,
|
|
64
|
+
name: `option-${idx}`,
|
|
65
|
+
text: item.text
|
|
66
|
+
});
|
|
67
|
+
})));
|
|
68
|
+
};
|
|
69
|
+
|
|
70
|
+
export { ContentSwitcherSelector as default };
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*
|
|
4
|
+
* Copyright IBM Corp. 2025
|
|
5
|
+
*
|
|
6
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
7
|
+
* LICENSE file in the root directory of this source tree.
|
|
8
|
+
*/
|
|
9
|
+
import React from 'react';
|
|
10
|
+
import type { HeaderActionConfig } from './header-action.types';
|
|
11
|
+
declare const HeaderAction: React.FC<{
|
|
12
|
+
config: HeaderActionConfig;
|
|
13
|
+
headerExpanded: boolean;
|
|
14
|
+
}>;
|
|
15
|
+
export default HeaderAction;
|
|
@@ -0,0 +1,69 @@
|
|
|
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
|
+
import React from 'react';
|
|
9
|
+
import { IconButton, Button } from '@carbon/react';
|
|
10
|
+
import { usePrefix } from '../../node_modules/@carbon-labs/utilities/es/usePrefix.js';
|
|
11
|
+
|
|
12
|
+
const HeaderAction = ({
|
|
13
|
+
config,
|
|
14
|
+
headerExpanded
|
|
15
|
+
}) => {
|
|
16
|
+
const prefix = usePrefix();
|
|
17
|
+
const blockClass = `${prefix}--animated-header__header-action`;
|
|
18
|
+
|
|
19
|
+
// ICON
|
|
20
|
+
if (config.type === 'icon-button') {
|
|
21
|
+
const {
|
|
22
|
+
icon: Icon,
|
|
23
|
+
iconLabel,
|
|
24
|
+
onClick,
|
|
25
|
+
disabled,
|
|
26
|
+
ariaLabel
|
|
27
|
+
} = config;
|
|
28
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
29
|
+
className: blockClass,
|
|
30
|
+
"aria-label": ariaLabel,
|
|
31
|
+
"aria-hidden": !headerExpanded,
|
|
32
|
+
"data-expanded": headerExpanded
|
|
33
|
+
}, /*#__PURE__*/React.createElement(IconButton, {
|
|
34
|
+
kind: "ghost",
|
|
35
|
+
size: "lg",
|
|
36
|
+
label: iconLabel,
|
|
37
|
+
onClick: onClick,
|
|
38
|
+
disabled: disabled
|
|
39
|
+
}, Icon && /*#__PURE__*/React.createElement(Icon, {
|
|
40
|
+
fill: `var(--cds-icon-secondary)`,
|
|
41
|
+
size: 16
|
|
42
|
+
})));
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
// GHOST
|
|
46
|
+
if (config.type === 'ghost-button') {
|
|
47
|
+
const {
|
|
48
|
+
label,
|
|
49
|
+
icon,
|
|
50
|
+
onClick,
|
|
51
|
+
disabled,
|
|
52
|
+
ariaLabel
|
|
53
|
+
} = config;
|
|
54
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
55
|
+
className: blockClass,
|
|
56
|
+
"aria-label": ariaLabel,
|
|
57
|
+
"aria-hidden": !headerExpanded,
|
|
58
|
+
"data-expanded": headerExpanded
|
|
59
|
+
}, /*#__PURE__*/React.createElement(Button, {
|
|
60
|
+
kind: "ghost",
|
|
61
|
+
size: "lg",
|
|
62
|
+
onClick: onClick,
|
|
63
|
+
disabled: disabled,
|
|
64
|
+
renderIcon: icon
|
|
65
|
+
}, label));
|
|
66
|
+
}
|
|
67
|
+
};
|
|
68
|
+
|
|
69
|
+
export { HeaderAction as default };
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*
|
|
4
|
+
* Copyright IBM Corp. 2025
|
|
5
|
+
*
|
|
6
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
7
|
+
* LICENSE file in the root directory of this source tree.
|
|
8
|
+
*/
|
|
9
|
+
import { ElementType } from 'react';
|
|
10
|
+
type Base = {
|
|
11
|
+
ariaLabel?: string;
|
|
12
|
+
headerExpanded?: boolean;
|
|
13
|
+
};
|
|
14
|
+
export type HeaderActionIcon = Base & {
|
|
15
|
+
type: 'icon-button';
|
|
16
|
+
icon: ElementType;
|
|
17
|
+
iconLabel: string;
|
|
18
|
+
onClick: () => void;
|
|
19
|
+
disabled?: boolean;
|
|
20
|
+
};
|
|
21
|
+
export type HeaderActionGhost = Base & {
|
|
22
|
+
type: 'ghost-button';
|
|
23
|
+
label: string;
|
|
24
|
+
icon?: ElementType;
|
|
25
|
+
onClick: () => void;
|
|
26
|
+
disabled?: boolean;
|
|
27
|
+
};
|
|
28
|
+
export type HeaderActionConfig = HeaderActionIcon | HeaderActionGhost;
|
|
29
|
+
export type HeaderActionProps = {
|
|
30
|
+
headerActionConfig?: HeaderActionConfig | null;
|
|
31
|
+
};
|
|
32
|
+
export {};
|