@kyndryl-design-system/shidoka-applications 2.69.8 → 2.69.9
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/components/ai/aiLaunchButton/aiLaunchButton.js +1 -1
- package/components/ai/aiLaunchButton/aiLaunchButton.js.map +1 -1
- package/components/reusable/loaders/inline.js +1 -1
- package/components/reusable/loaders/inline.js.map +1 -1
- package/components/reusable/loaders/loader.js +1 -1
- package/components/reusable/loaders/loader.js.map +1 -1
- package/components/reusable/loaders/spinner.js +1 -1
- package/components/reusable/loaders/spinner.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{__setFunctionName as i,__esDecorate as o,__runInitializers as a,__classPrivateFieldGet as t,__classPrivateFieldSet as n}from"tslib";import{css as r,LitElement as e,unsafeCSS as l,html as s}from"lit";import{customElement as x,property as d,query as m,state as k}from"lit/decorators.js";import{classMap as p}from"lit/directives/class-map.js";import c from"lottie-web";var y={v:"5.9.0",fr:25,ip:0,op:75,w:500,h:500,nm:"Comp 1",ddd:0,assets:[],layers:[{ddd:0,ind:1,ty:4,nm:"Shape Layer 3",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[390.238,360.238,0],ix:2,l:2},a:{a:0,k:[-31,-20,0],ix:1,l:2},s:{a:1,k:[{i:{x:[0,0,.667],y:[1.062,1.062,1]},o:{x:[.167,.167,.167],y:[0,0,0]},t:23,s:[69,69,100]},{i:{x:[.667,.667,.667],y:[1,1,1]},o:{x:[1,1,.333],y:[.001,.001,0]},t:36,s:[100,100,100]},{i:{x:[.833,.833,.833],y:[1,1,1]},o:{x:[.167,.167,.167],y:[0,0,0]},t:47,s:[0,0,100]},{t:64,s:[69,69,100]}],ix:6,l:2}},ao:0,ef:[{ty:5,nm:"Glow",np:16,mn:"ADBE Glo2",ix:1,en:1,ef:[{ty:7,nm:"Glow Based On",mn:"ADBE Glo2-0001",ix:1,v:{a:0,k:2,ix:1}},{ty:0,nm:"Glow Threshold",mn:"ADBE Glo2-0002",ix:2,v:{a:0,k:153,ix:2}},{ty:0,nm:"Glow Radius",mn:"ADBE Glo2-0003",ix:3,v:{a:0,k:12,ix:3}},{ty:0,nm:"Glow Intensity",mn:"ADBE Glo2-0004",ix:4,v:{a:0,k:1,ix:4}},{ty:7,nm:"Composite Original",mn:"ADBE Glo2-0005",ix:5,v:{a:0,k:1,ix:5}},{ty:7,nm:"Glow Operation",mn:"ADBE Glo2-0006",ix:6,v:{a:0,k:3,ix:6}},{ty:7,nm:"Glow Colors",mn:"ADBE Glo2-0007",ix:7,v:{a:0,k:1,ix:7}},{ty:7,nm:"Color Looping",mn:"ADBE Glo2-0008",ix:8,v:{a:0,k:3,ix:8}},{ty:0,nm:"Color Loops",mn:"ADBE Glo2-0009",ix:9,v:{a:0,k:1,ix:9}},{ty:0,nm:"Color Phase",mn:"ADBE Glo2-0010",ix:10,v:{a:0,k:0,ix:10}},{ty:0,nm:"A & B Midpoint",mn:"ADBE Glo2-0011",ix:11,v:{a:0,k:.5,ix:11}},{ty:2,nm:"Color A",mn:"ADBE Glo2-0012",ix:12,v:{a:0,k:[1,1,1,1],ix:12}},{ty:2,nm:"Color B",mn:"ADBE Glo2-0013",ix:13,v:{a:0,k:[0,0,0,1],ix:13}},{ty:7,nm:"Glow Dimensions",mn:"ADBE Glo2-0014",ix:14,v:{a:0,k:1,ix:14}}]}],shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[61.172,0],[0,-61.172],[-61.172,0],[0,61.172]],o:[[-61.172,0],[0,61.172],[61.172,0],[0,-61.172]],v:[[0,-110.762],[-110.762,0],[0,110.762],[110.762,0]],c:!0},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:!1},{ty:"pb",nm:"Pucker & Bloat 1",a:{a:1,k:[{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:23,s:[-40]},{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:45,s:[-84]},{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:60,s:[-84]},{t:69,s:[-40]}],ix:1},ix:2,mn:"ADBE Vector Filter - PB",hd:!1},{ty:"gf",o:{a:0,k:100,ix:10},r:1,bm:0,g:{p:7,k:{a:0,k:[0,1,.275,.176,.126,1,.347,.259,.252,1,.42,.341,.493,.778,.616,.596,.733,.557,.812,.851,.867,.402,.745,.796,1,.247,.678,.741],ix:9}},s:{a:0,k:[-107.559,3.835],ix:5},e:{a:0,k:[74.633,71.664],ix:6},t:1,nm:"Gradient Fill 1",mn:"ADBE Vector Graphic - G-Fill",hd:!1},{ty:"tr",p:{a:0,k:[-33,-19.713],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[52,52],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:"Ellipse 1",np:4,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1}],ip:0,op:75,st:0,bm:0},{ddd:0,ind:2,ty:4,nm:"Shape Layer 4",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[378.821,125.606,0],ix:2,l:2},a:{a:0,k:[166.893,-11.108,0],ix:1,l:2},s:{a:1,k:[{i:{x:[0,0,.667],y:[2.918,2.918,1]},o:{x:[.167,.167,.167],y:[0,0,0]},t:12,s:[100,100,100]},{i:{x:[.667,.667,.667],y:[1,1,1]},o:{x:[1,1,.333],y:[.001,.001,0]},t:25,s:[100,100,100]},{i:{x:[.833,.833,.833],y:[1,1,1]},o:{x:[.167,.167,.167],y:[0,0,0]},t:39,s:[0,0,100]},{t:53,s:[100,100,100]}],ix:6,l:2}},ao:0,ef:[{ty:5,nm:"Glow",np:16,mn:"ADBE Glo2",ix:1,en:1,ef:[{ty:7,nm:"Glow Based On",mn:"ADBE Glo2-0001",ix:1,v:{a:0,k:2,ix:1}},{ty:0,nm:"Glow Threshold",mn:"ADBE Glo2-0002",ix:2,v:{a:0,k:153,ix:2}},{ty:0,nm:"Glow Radius",mn:"ADBE Glo2-0003",ix:3,v:{a:0,k:10,ix:3}},{ty:0,nm:"Glow Intensity",mn:"ADBE Glo2-0004",ix:4,v:{a:0,k:1,ix:4}},{ty:7,nm:"Composite Original",mn:"ADBE Glo2-0005",ix:5,v:{a:0,k:1,ix:5}},{ty:7,nm:"Glow Operation",mn:"ADBE Glo2-0006",ix:6,v:{a:0,k:3,ix:6}},{ty:7,nm:"Glow Colors",mn:"ADBE Glo2-0007",ix:7,v:{a:0,k:1,ix:7}},{ty:7,nm:"Color Looping",mn:"ADBE Glo2-0008",ix:8,v:{a:0,k:3,ix:8}},{ty:0,nm:"Color Loops",mn:"ADBE Glo2-0009",ix:9,v:{a:0,k:1,ix:9}},{ty:0,nm:"Color Phase",mn:"ADBE Glo2-0010",ix:10,v:{a:0,k:0,ix:10}},{ty:0,nm:"A & B Midpoint",mn:"ADBE Glo2-0011",ix:11,v:{a:0,k:.5,ix:11}},{ty:2,nm:"Color A",mn:"ADBE Glo2-0012",ix:12,v:{a:0,k:[1,1,1,1],ix:12}},{ty:2,nm:"Color B",mn:"ADBE Glo2-0013",ix:13,v:{a:0,k:[0,0,0,1],ix:13}},{ty:7,nm:"Glow Dimensions",mn:"ADBE Glo2-0014",ix:14,v:{a:0,k:1,ix:14}}]}],shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[61.172,0],[0,-61.172],[-61.172,0],[0,61.172]],o:[[-61.172,0],[0,61.172],[61.172,0],[0,-61.172]],v:[[0,-110.762],[-110.762,0],[0,110.762],[110.762,0]],c:!0},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:!1},{ty:"pb",nm:"Pucker & Bloat 1",a:{a:1,k:[{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:12,s:[-40]},{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:29,s:[-84]},{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:44,s:[-84]},{t:53,s:[-40]}],ix:1},ix:2,mn:"ADBE Vector Filter - PB",hd:!1},{ty:"gf",o:{a:0,k:100,ix:10},r:1,bm:0,g:{p:7,k:{a:0,k:[0,1,.275,.176,.126,1,.347,.259,.252,1,.42,.341,.493,.778,.616,.596,.733,.557,.812,.851,.867,.402,.745,.796,1,.247,.678,.741],ix:9}},s:{a:0,k:[-107.559,3.835],ix:5},e:{a:0,k:[74.633,71.664],ix:6},t:1,nm:"Gradient Fill 1",mn:"ADBE Vector Graphic - G-Fill",hd:!1},{ty:"tr",p:{a:0,k:[368.2,-141.3],ix:2},a:{a:0,k:[349,-222],ix:1},s:{a:0,k:[58,58],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:"Ellipse 1",np:4,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1}],ip:0,op:75,st:0,bm:0},{ddd:0,ind:3,ty:4,nm:"Shape Layer 1",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[178.238,257.238,0],ix:2,l:2},a:{a:0,k:[-46,-8,0],ix:1,l:2},s:{a:1,k:[{i:{x:[0,0,.667],y:[2.623,2.623,1]},o:{x:[.167,.167,.167],y:[0,0,0]},t:0,s:[100,100,100]},{i:{x:[.667,.667,.667],y:[1,1,1]},o:{x:[1,1,.333],y:[.001,.001,0]},t:11,s:[100,100,100]},{i:{x:[.833,.833,.833],y:[1,1,1]},o:{x:[.167,.167,.167],y:[0,0,0]},t:21,s:[0,0,100]},{t:34,s:[100,100,100]}],ix:6,l:2}},ao:0,ef:[{ty:5,nm:"Glow",np:16,mn:"ADBE Glo2",ix:1,en:1,ef:[{ty:7,nm:"Glow Based On",mn:"ADBE Glo2-0001",ix:1,v:{a:0,k:2,ix:1}},{ty:0,nm:"Glow Threshold",mn:"ADBE Glo2-0002",ix:2,v:{a:0,k:153,ix:2}},{ty:0,nm:"Glow Radius",mn:"ADBE Glo2-0003",ix:3,v:{a:0,k:10,ix:3}},{ty:0,nm:"Glow Intensity",mn:"ADBE Glo2-0004",ix:4,v:{a:0,k:1,ix:4}},{ty:7,nm:"Composite Original",mn:"ADBE Glo2-0005",ix:5,v:{a:0,k:1,ix:5}},{ty:7,nm:"Glow Operation",mn:"ADBE Glo2-0006",ix:6,v:{a:0,k:3,ix:6}},{ty:7,nm:"Glow Colors",mn:"ADBE Glo2-0007",ix:7,v:{a:0,k:1,ix:7}},{ty:7,nm:"Color Looping",mn:"ADBE Glo2-0008",ix:8,v:{a:0,k:3,ix:8}},{ty:0,nm:"Color Loops",mn:"ADBE Glo2-0009",ix:9,v:{a:0,k:1,ix:9}},{ty:0,nm:"Color Phase",mn:"ADBE Glo2-0010",ix:10,v:{a:0,k:0,ix:10}},{ty:0,nm:"A & B Midpoint",mn:"ADBE Glo2-0011",ix:11,v:{a:0,k:.5,ix:11}},{ty:2,nm:"Color A",mn:"ADBE Glo2-0012",ix:12,v:{a:0,k:[1,1,1,1],ix:12}},{ty:2,nm:"Color B",mn:"ADBE Glo2-0013",ix:13,v:{a:0,k:[0,0,0,1],ix:13}},{ty:7,nm:"Glow Dimensions",mn:"ADBE Glo2-0014",ix:14,v:{a:0,k:1,ix:14}}]}],shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[61.172,0],[0,-61.172],[-61.172,0],[0,61.172]],o:[[-61.172,0],[0,61.172],[61.172,0],[0,-61.172]],v:[[0,-110.762],[-110.762,0],[0,110.762],[110.762,0]],c:!0},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:!1},{ty:"pb",nm:"Pucker & Bloat 1",a:{a:1,k:[{i:{x:[.667],y:[1]},o:{x:[.167],y:[0]},t:0,s:[-40]},{i:{x:[.667],y:[1]},o:{x:[.333],y:[0]},t:11,s:[-84]},{i:{x:[.667],y:[1]},o:{x:[.333],y:[0]},t:21,s:[-84]},{t:44,s:[-40]}],ix:1},ix:2,mn:"ADBE Vector Filter - PB",hd:!1},{ty:"gf",o:{a:0,k:100,ix:10},r:1,bm:0,g:{p:7,k:{a:0,k:[0,1,.275,.176,.126,1,.347,.259,.252,1,.42,.341,.493,.778,.616,.596,.733,.557,.812,.851,.867,.402,.745,.796,1,.247,.678,.741],ix:9}},s:{a:0,k:[-107.559,3.835],ix:5},e:{a:0,k:[74.633,71.664],ix:6},t:1,nm:"Gradient Fill 1",mn:"ADBE Vector Graphic - G-Fill",hd:!1},{ty:"tr",p:{a:0,k:[-47.774,-9.307],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:"Ellipse 1",np:4,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1}],ip:0,op:75,st:0,bm:0}],markers:[]},b={v:"5.9.0",fr:25,ip:0,op:75,w:500,h:500,nm:"Comp 1 – Disabled",ddd:0,assets:[],layers:[{ddd:0,ind:1,ty:4,nm:"Shape Layer 3 (disabled)",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[390.238,360.238,0],ix:2,l:2},a:{a:0,k:[-31,-20,0],ix:1,l:2},s:{a:1,k:[{i:{x:[0,0,.667],y:[1.062,1.062,1]},o:{x:[.167,.167,.167],y:[0,0,0]},t:23,s:[69,69,100]},{i:{x:[.667,.667,.667],y:[1,1,1]},o:{x:[1,1,.333],y:[.001,.001,0]},t:36,s:[100,100,100]},{i:{x:[.833,.833,.833],y:[1,1,1]},o:{x:[.167,.167,.167],y:[0,0,0]},t:47,s:[0,0,100]},{t:64,s:[69,69,100]}],ix:6,l:2}},ao:0,ef:[{ty:5,nm:"Glow",np:16,mn:"ADBE Glo2",ix:1,en:1,ef:[{ty:7,nm:"Glow Based On",mn:"ADBE Glo2-0001",ix:1,v:{a:0,k:2,ix:1}},{ty:0,nm:"Glow Threshold",mn:"ADBE Glo2-0002",ix:2,v:{a:0,k:153,ix:2}},{ty:0,nm:"Glow Radius",mn:"ADBE Glo2-0003",ix:3,v:{a:0,k:8,ix:3}},{ty:0,nm:"Glow Intensity",mn:"ADBE Glo2-0004",ix:4,v:{a:0,k:.35,ix:4}},{ty:7,nm:"Composite Original",mn:"ADBE Glo2-0005",ix:5,v:{a:0,k:1,ix:5}},{ty:7,nm:"Glow Operation",mn:"ADBE Glo2-0006",ix:6,v:{a:0,k:3,ix:6}},{ty:7,nm:"Glow Colors",mn:"ADBE Glo2-0007",ix:7,v:{a:0,k:1,ix:7}},{ty:7,nm:"Color Looping",mn:"ADBE Glo2-0008",ix:8,v:{a:0,k:3,ix:8}},{ty:0,nm:"Color Loops",mn:"ADBE Glo2-0009",ix:9,v:{a:0,k:1,ix:9}},{ty:0,nm:"Color Phase",mn:"ADBE Glo2-0010",ix:10,v:{a:0,k:0,ix:10}},{ty:0,nm:"A & B Midpoint",mn:"ADBE Glo2-0011",ix:11,v:{a:0,k:.5,ix:11}},{ty:2,nm:"Color A",mn:"ADBE Glo2-0012",ix:12,v:{a:0,k:[1,1,1,1],ix:12}},{ty:2,nm:"Color B",mn:"ADBE Glo2-0013",ix:13,v:{a:0,k:[0,0,0,1],ix:13}},{ty:7,nm:"Glow Dimensions",mn:"ADBE Glo2-0014",ix:14,v:{a:0,k:1,ix:14}}]}],shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[61.172,0],[0,-61.172],[-61.172,0],[0,61.172]],o:[[-61.172,0],[0,61.172],[61.172,0],[0,-61.172]],v:[[0,-110.762],[-110.762,0],[0,110.762],[110.762,0]],c:!0},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:!1},{ty:"pb",nm:"Pucker & Bloat 1",a:{a:1,k:[{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:23,s:[-40]},{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:45,s:[-84]},{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:60,s:[-84]},{t:69,s:[-40]}],ix:1},ix:2,mn:"ADBE Vector Filter - PB",hd:!1},{ty:"gf",o:{a:0,k:100,ix:10},r:1,bm:0,g:{p:4,k:{a:0,k:[0,.345,.345,.345,.33,.478,.478,.478,.66,.6,.6,.6,1,.816,.816,.816],ix:9}},s:{a:0,k:[-107.559,3.835],ix:5},e:{a:0,k:[74.633,71.664],ix:6},t:1,nm:"Gradient Fill 1 (disabled)",mn:"ADBE Vector Graphic - G-Fill",hd:!1},{ty:"tr",p:{a:0,k:[-33,-19.713],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[52,52],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:"Ellipse 1",np:4,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1}],ip:0,op:75,st:0,bm:0},{ddd:0,ind:2,ty:4,nm:"Shape Layer 4 (disabled)",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[378.821,125.606,0],ix:2,l:2},a:{a:0,k:[166.893,-11.108,0],ix:1,l:2},s:{a:1,k:[{i:{x:[0,0,.667],y:[2.918,2.918,1]},o:{x:[.167,.167,.167],y:[0,0,0]},t:12,s:[100,100,100]},{i:{x:[.667,.667,.667],y:[1,1,1]},o:{x:[1,1,.333],y:[.001,.001,0]},t:25,s:[100,100,100]},{i:{x:[.833,.833,.833],y:[1,1,1]},o:{x:[.167,.167,.167],y:[0,0,0]},t:39,s:[0,0,100]},{t:53,s:[100,100,100]}],ix:6,l:2}},ao:0,ef:[{ty:5,nm:"Glow",np:16,mn:"ADBE Glo2",ix:1,en:1,ef:[{ty:7,nm:"Glow Based On",mn:"ADBE Glo2-0001",ix:1,v:{a:0,k:2,ix:1}},{ty:0,nm:"Glow Threshold",mn:"ADBE Glo2-0002",ix:2,v:{a:0,k:153,ix:2}},{ty:0,nm:"Glow Radius",mn:"ADBE Glo2-0003",ix:3,v:{a:0,k:8,ix:3}},{ty:0,nm:"Glow Intensity",mn:"ADBE Glo2-0004",ix:4,v:{a:0,k:.35,ix:4}},{ty:7,nm:"Composite Original",mn:"ADBE Glo2-0005",ix:5,v:{a:0,k:1,ix:5}},{ty:7,nm:"Glow Operation",mn:"ADBE Glo2-0006",ix:6,v:{a:0,k:3,ix:6}},{ty:7,nm:"Glow Colors",mn:"ADBE Glo2-0007",ix:7,v:{a:0,k:1,ix:7}},{ty:7,nm:"Color Looping",mn:"ADBE Glo2-0008",ix:8,v:{a:0,k:3,ix:8}},{ty:0,nm:"Color Loops",mn:"ADBE Glo2-0009",ix:9,v:{a:0,k:1,ix:9}},{ty:0,nm:"Color Phase",mn:"ADBE Glo2-0010",ix:10,v:{a:0,k:0,ix:10}},{ty:0,nm:"A & B Midpoint",mn:"ADBE Glo2-0011",ix:11,v:{a:0,k:.5,ix:11}},{ty:2,nm:"Color A",mn:"ADBE Glo2-0012",ix:12,v:{a:0,k:[1,1,1,1],ix:12}},{ty:2,nm:"Color B",mn:"ADBE Glo2-0013",ix:13,v:{a:0,k:[0,0,0,1],ix:13}},{ty:7,nm:"Glow Dimensions",mn:"ADBE Glo2-0014",ix:14,v:{a:0,k:1,ix:14}}]}],shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[61.172,0],[0,-61.172],[-61.172,0],[0,61.172]],o:[[-61.172,0],[0,61.172],[61.172,0],[0,-61.172]],v:[[0,-110.762],[-110.762,0],[0,110.762],[110.762,0]],c:!0},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:!1},{ty:"pb",nm:"Pucker & Bloat 1",a:{a:1,k:[{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:12,s:[-40]},{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:29,s:[-84]},{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:44,s:[-84]},{t:53,s:[-40]}],ix:1},ix:2,mn:"ADBE Vector Filter - PB",hd:!1},{ty:"gf",o:{a:0,k:100,ix:10},r:1,bm:0,g:{p:4,k:{a:0,k:[0,.345,.345,.345,.33,.478,.478,.478,.66,.6,.6,.6,1,.816,.816,.816],ix:9}},s:{a:0,k:[-107.559,3.835],ix:5},e:{a:0,k:[74.633,71.664],ix:6},t:1,nm:"Gradient Fill 1 (disabled)",mn:"ADBE Vector Graphic - G-Fill",hd:!1},{ty:"tr",p:{a:0,k:[368.2,-141.3],ix:2},a:{a:0,k:[349,-222],ix:1},s:{a:0,k:[58,58],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:"Ellipse 1",np:4,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1}],ip:0,op:75,st:0,bm:0},{ddd:0,ind:3,ty:4,nm:"Shape Layer 1 (disabled)",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[178.238,257.238,0],ix:2,l:2},a:{a:0,k:[-46,-8,0],ix:1,l:2},s:{a:1,k:[{i:{x:[0,0,.667],y:[2.623,2.623,1]},o:{x:[.167,.167,.167],y:[0,0,0]},t:0,s:[100,100,100]},{i:{x:[.667,.667,.667],y:[1,1,1]},o:{x:[1,1,.333],y:[.001,.001,0]},t:11,s:[100,100,100]},{i:{x:[.833,.833,.833],y:[1,1,1]},o:{x:[.167,.167,.167],y:[0,0,0]},t:21,s:[0,0,100]},{t:34,s:[100,100,100]}],ix:6,l:2}},ao:0,ef:[{ty:5,nm:"Glow",np:16,mn:"ADBE Glo2",ix:1,en:1,ef:[{ty:7,nm:"Glow Based On",mn:"ADBE Glo2-0001",ix:1,v:{a:0,k:2,ix:1}},{ty:0,nm:"Glow Threshold",mn:"ADBE Glo2-0002",ix:2,v:{a:0,k:153,ix:2}},{ty:0,nm:"Glow Radius",mn:"ADBE Glo2-0003",ix:3,v:{a:0,k:8,ix:3}},{ty:0,nm:"Glow Intensity",mn:"ADBE Glo2-0004",ix:4,v:{a:0,k:.35,ix:4}},{ty:7,nm:"Composite Original",mn:"ADBE Glo2-0005",ix:5,v:{a:0,k:1,ix:5}},{ty:7,nm:"Glow Operation",mn:"ADBE Glo2-0006",ix:6,v:{a:0,k:3,ix:6}},{ty:7,nm:"Glow Colors",mn:"ADBE Glo2-0007",ix:7,v:{a:0,k:1,ix:7}},{ty:7,nm:"Color Looping",mn:"ADBE Glo2-0008",ix:8,v:{a:0,k:3,ix:8}},{ty:0,nm:"Color Loops",mn:"ADBE Glo2-0009",ix:9,v:{a:0,k:1,ix:9}},{ty:0,nm:"Color Phase",mn:"ADBE Glo2-0010",ix:10,v:{a:0,k:0,ix:10}},{ty:0,nm:"A & B Midpoint",mn:"ADBE Glo2-0011",ix:11,v:{a:0,k:.5,ix:11}},{ty:2,nm:"Color A",mn:"ADBE Glo2-0012",ix:12,v:{a:0,k:[1,1,1,1],ix:12}},{ty:2,nm:"Color B",mn:"ADBE Glo2-0013",ix:13,v:{a:0,k:[0,0,0,1],ix:13}},{ty:7,nm:"Glow Dimensions",mn:"ADBE Glo2-0014",ix:14,v:{a:0,k:1,ix:14}}]}],shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[61.172,0],[0,-61.172],[-61.172,0],[0,61.172]],o:[[-61.172,0],[0,61.172],[61.172,0],[0,-61.172]],v:[[0,-110.762],[-110.762,0],[0,110.762],[110.762,0]],c:!0},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:!1},{ty:"pb",nm:"Pucker & Bloat 1",a:{a:1,k:[{i:{x:[.667],y:[1]},o:{x:[.167],y:[0]},t:0,s:[-40]},{i:{x:[.667],y:[1]},o:{x:[.333],y:[0]},t:11,s:[-84]},{i:{x:[.667],y:[1]},o:{x:[.333],y:[0]},t:21,s:[-84]},{t:44,s:[-40]}],ix:1},ix:2,mn:"ADBE Vector Filter - PB",hd:!1},{ty:"gf",o:{a:0,k:100,ix:10},r:1,bm:0,g:{p:4,k:{a:0,k:[0,.345,.345,.345,.33,.478,.478,.478,.66,.6,.6,.6,1,.816,.816,.816],ix:9}},s:{a:0,k:[-107.559,3.835],ix:5},e:{a:0,k:[74.633,71.664],ix:6},t:1,nm:"Gradient Fill 1 (disabled)",mn:"ADBE Vector Graphic - G-Fill",hd:!1},{ty:"tr",p:{a:0,k:[-47.774,-9.307],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:"Ellipse 1",np:4,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1}],ip:0,op:75,st:0,bm:0}],markers:[]},h=r`*,
|
|
1
|
+
import{__setFunctionName as i,__esDecorate as o,__runInitializers as a,__classPrivateFieldGet as t,__classPrivateFieldSet as n}from"tslib";import{css as r,LitElement as e,unsafeCSS as l,html as s}from"lit";import{customElement as x,property as d,query as m,state as k}from"lit/decorators.js";import{classMap as p}from"lit/directives/class-map.js";import*as c from"lottie-web";var y={v:"5.9.0",fr:25,ip:0,op:75,w:500,h:500,nm:"Comp 1",ddd:0,assets:[],layers:[{ddd:0,ind:1,ty:4,nm:"Shape Layer 3",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[390.238,360.238,0],ix:2,l:2},a:{a:0,k:[-31,-20,0],ix:1,l:2},s:{a:1,k:[{i:{x:[0,0,.667],y:[1.062,1.062,1]},o:{x:[.167,.167,.167],y:[0,0,0]},t:23,s:[69,69,100]},{i:{x:[.667,.667,.667],y:[1,1,1]},o:{x:[1,1,.333],y:[.001,.001,0]},t:36,s:[100,100,100]},{i:{x:[.833,.833,.833],y:[1,1,1]},o:{x:[.167,.167,.167],y:[0,0,0]},t:47,s:[0,0,100]},{t:64,s:[69,69,100]}],ix:6,l:2}},ao:0,ef:[{ty:5,nm:"Glow",np:16,mn:"ADBE Glo2",ix:1,en:1,ef:[{ty:7,nm:"Glow Based On",mn:"ADBE Glo2-0001",ix:1,v:{a:0,k:2,ix:1}},{ty:0,nm:"Glow Threshold",mn:"ADBE Glo2-0002",ix:2,v:{a:0,k:153,ix:2}},{ty:0,nm:"Glow Radius",mn:"ADBE Glo2-0003",ix:3,v:{a:0,k:12,ix:3}},{ty:0,nm:"Glow Intensity",mn:"ADBE Glo2-0004",ix:4,v:{a:0,k:1,ix:4}},{ty:7,nm:"Composite Original",mn:"ADBE Glo2-0005",ix:5,v:{a:0,k:1,ix:5}},{ty:7,nm:"Glow Operation",mn:"ADBE Glo2-0006",ix:6,v:{a:0,k:3,ix:6}},{ty:7,nm:"Glow Colors",mn:"ADBE Glo2-0007",ix:7,v:{a:0,k:1,ix:7}},{ty:7,nm:"Color Looping",mn:"ADBE Glo2-0008",ix:8,v:{a:0,k:3,ix:8}},{ty:0,nm:"Color Loops",mn:"ADBE Glo2-0009",ix:9,v:{a:0,k:1,ix:9}},{ty:0,nm:"Color Phase",mn:"ADBE Glo2-0010",ix:10,v:{a:0,k:0,ix:10}},{ty:0,nm:"A & B Midpoint",mn:"ADBE Glo2-0011",ix:11,v:{a:0,k:.5,ix:11}},{ty:2,nm:"Color A",mn:"ADBE Glo2-0012",ix:12,v:{a:0,k:[1,1,1,1],ix:12}},{ty:2,nm:"Color B",mn:"ADBE Glo2-0013",ix:13,v:{a:0,k:[0,0,0,1],ix:13}},{ty:7,nm:"Glow Dimensions",mn:"ADBE Glo2-0014",ix:14,v:{a:0,k:1,ix:14}}]}],shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[61.172,0],[0,-61.172],[-61.172,0],[0,61.172]],o:[[-61.172,0],[0,61.172],[61.172,0],[0,-61.172]],v:[[0,-110.762],[-110.762,0],[0,110.762],[110.762,0]],c:!0},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:!1},{ty:"pb",nm:"Pucker & Bloat 1",a:{a:1,k:[{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:23,s:[-40]},{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:45,s:[-84]},{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:60,s:[-84]},{t:69,s:[-40]}],ix:1},ix:2,mn:"ADBE Vector Filter - PB",hd:!1},{ty:"gf",o:{a:0,k:100,ix:10},r:1,bm:0,g:{p:7,k:{a:0,k:[0,1,.275,.176,.126,1,.347,.259,.252,1,.42,.341,.493,.778,.616,.596,.733,.557,.812,.851,.867,.402,.745,.796,1,.247,.678,.741],ix:9}},s:{a:0,k:[-107.559,3.835],ix:5},e:{a:0,k:[74.633,71.664],ix:6},t:1,nm:"Gradient Fill 1",mn:"ADBE Vector Graphic - G-Fill",hd:!1},{ty:"tr",p:{a:0,k:[-33,-19.713],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[52,52],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:"Ellipse 1",np:4,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1}],ip:0,op:75,st:0,bm:0},{ddd:0,ind:2,ty:4,nm:"Shape Layer 4",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[378.821,125.606,0],ix:2,l:2},a:{a:0,k:[166.893,-11.108,0],ix:1,l:2},s:{a:1,k:[{i:{x:[0,0,.667],y:[2.918,2.918,1]},o:{x:[.167,.167,.167],y:[0,0,0]},t:12,s:[100,100,100]},{i:{x:[.667,.667,.667],y:[1,1,1]},o:{x:[1,1,.333],y:[.001,.001,0]},t:25,s:[100,100,100]},{i:{x:[.833,.833,.833],y:[1,1,1]},o:{x:[.167,.167,.167],y:[0,0,0]},t:39,s:[0,0,100]},{t:53,s:[100,100,100]}],ix:6,l:2}},ao:0,ef:[{ty:5,nm:"Glow",np:16,mn:"ADBE Glo2",ix:1,en:1,ef:[{ty:7,nm:"Glow Based On",mn:"ADBE Glo2-0001",ix:1,v:{a:0,k:2,ix:1}},{ty:0,nm:"Glow Threshold",mn:"ADBE Glo2-0002",ix:2,v:{a:0,k:153,ix:2}},{ty:0,nm:"Glow Radius",mn:"ADBE Glo2-0003",ix:3,v:{a:0,k:10,ix:3}},{ty:0,nm:"Glow Intensity",mn:"ADBE Glo2-0004",ix:4,v:{a:0,k:1,ix:4}},{ty:7,nm:"Composite Original",mn:"ADBE Glo2-0005",ix:5,v:{a:0,k:1,ix:5}},{ty:7,nm:"Glow Operation",mn:"ADBE Glo2-0006",ix:6,v:{a:0,k:3,ix:6}},{ty:7,nm:"Glow Colors",mn:"ADBE Glo2-0007",ix:7,v:{a:0,k:1,ix:7}},{ty:7,nm:"Color Looping",mn:"ADBE Glo2-0008",ix:8,v:{a:0,k:3,ix:8}},{ty:0,nm:"Color Loops",mn:"ADBE Glo2-0009",ix:9,v:{a:0,k:1,ix:9}},{ty:0,nm:"Color Phase",mn:"ADBE Glo2-0010",ix:10,v:{a:0,k:0,ix:10}},{ty:0,nm:"A & B Midpoint",mn:"ADBE Glo2-0011",ix:11,v:{a:0,k:.5,ix:11}},{ty:2,nm:"Color A",mn:"ADBE Glo2-0012",ix:12,v:{a:0,k:[1,1,1,1],ix:12}},{ty:2,nm:"Color B",mn:"ADBE Glo2-0013",ix:13,v:{a:0,k:[0,0,0,1],ix:13}},{ty:7,nm:"Glow Dimensions",mn:"ADBE Glo2-0014",ix:14,v:{a:0,k:1,ix:14}}]}],shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[61.172,0],[0,-61.172],[-61.172,0],[0,61.172]],o:[[-61.172,0],[0,61.172],[61.172,0],[0,-61.172]],v:[[0,-110.762],[-110.762,0],[0,110.762],[110.762,0]],c:!0},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:!1},{ty:"pb",nm:"Pucker & Bloat 1",a:{a:1,k:[{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:12,s:[-40]},{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:29,s:[-84]},{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:44,s:[-84]},{t:53,s:[-40]}],ix:1},ix:2,mn:"ADBE Vector Filter - PB",hd:!1},{ty:"gf",o:{a:0,k:100,ix:10},r:1,bm:0,g:{p:7,k:{a:0,k:[0,1,.275,.176,.126,1,.347,.259,.252,1,.42,.341,.493,.778,.616,.596,.733,.557,.812,.851,.867,.402,.745,.796,1,.247,.678,.741],ix:9}},s:{a:0,k:[-107.559,3.835],ix:5},e:{a:0,k:[74.633,71.664],ix:6},t:1,nm:"Gradient Fill 1",mn:"ADBE Vector Graphic - G-Fill",hd:!1},{ty:"tr",p:{a:0,k:[368.2,-141.3],ix:2},a:{a:0,k:[349,-222],ix:1},s:{a:0,k:[58,58],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:"Ellipse 1",np:4,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1}],ip:0,op:75,st:0,bm:0},{ddd:0,ind:3,ty:4,nm:"Shape Layer 1",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[178.238,257.238,0],ix:2,l:2},a:{a:0,k:[-46,-8,0],ix:1,l:2},s:{a:1,k:[{i:{x:[0,0,.667],y:[2.623,2.623,1]},o:{x:[.167,.167,.167],y:[0,0,0]},t:0,s:[100,100,100]},{i:{x:[.667,.667,.667],y:[1,1,1]},o:{x:[1,1,.333],y:[.001,.001,0]},t:11,s:[100,100,100]},{i:{x:[.833,.833,.833],y:[1,1,1]},o:{x:[.167,.167,.167],y:[0,0,0]},t:21,s:[0,0,100]},{t:34,s:[100,100,100]}],ix:6,l:2}},ao:0,ef:[{ty:5,nm:"Glow",np:16,mn:"ADBE Glo2",ix:1,en:1,ef:[{ty:7,nm:"Glow Based On",mn:"ADBE Glo2-0001",ix:1,v:{a:0,k:2,ix:1}},{ty:0,nm:"Glow Threshold",mn:"ADBE Glo2-0002",ix:2,v:{a:0,k:153,ix:2}},{ty:0,nm:"Glow Radius",mn:"ADBE Glo2-0003",ix:3,v:{a:0,k:10,ix:3}},{ty:0,nm:"Glow Intensity",mn:"ADBE Glo2-0004",ix:4,v:{a:0,k:1,ix:4}},{ty:7,nm:"Composite Original",mn:"ADBE Glo2-0005",ix:5,v:{a:0,k:1,ix:5}},{ty:7,nm:"Glow Operation",mn:"ADBE Glo2-0006",ix:6,v:{a:0,k:3,ix:6}},{ty:7,nm:"Glow Colors",mn:"ADBE Glo2-0007",ix:7,v:{a:0,k:1,ix:7}},{ty:7,nm:"Color Looping",mn:"ADBE Glo2-0008",ix:8,v:{a:0,k:3,ix:8}},{ty:0,nm:"Color Loops",mn:"ADBE Glo2-0009",ix:9,v:{a:0,k:1,ix:9}},{ty:0,nm:"Color Phase",mn:"ADBE Glo2-0010",ix:10,v:{a:0,k:0,ix:10}},{ty:0,nm:"A & B Midpoint",mn:"ADBE Glo2-0011",ix:11,v:{a:0,k:.5,ix:11}},{ty:2,nm:"Color A",mn:"ADBE Glo2-0012",ix:12,v:{a:0,k:[1,1,1,1],ix:12}},{ty:2,nm:"Color B",mn:"ADBE Glo2-0013",ix:13,v:{a:0,k:[0,0,0,1],ix:13}},{ty:7,nm:"Glow Dimensions",mn:"ADBE Glo2-0014",ix:14,v:{a:0,k:1,ix:14}}]}],shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[61.172,0],[0,-61.172],[-61.172,0],[0,61.172]],o:[[-61.172,0],[0,61.172],[61.172,0],[0,-61.172]],v:[[0,-110.762],[-110.762,0],[0,110.762],[110.762,0]],c:!0},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:!1},{ty:"pb",nm:"Pucker & Bloat 1",a:{a:1,k:[{i:{x:[.667],y:[1]},o:{x:[.167],y:[0]},t:0,s:[-40]},{i:{x:[.667],y:[1]},o:{x:[.333],y:[0]},t:11,s:[-84]},{i:{x:[.667],y:[1]},o:{x:[.333],y:[0]},t:21,s:[-84]},{t:44,s:[-40]}],ix:1},ix:2,mn:"ADBE Vector Filter - PB",hd:!1},{ty:"gf",o:{a:0,k:100,ix:10},r:1,bm:0,g:{p:7,k:{a:0,k:[0,1,.275,.176,.126,1,.347,.259,.252,1,.42,.341,.493,.778,.616,.596,.733,.557,.812,.851,.867,.402,.745,.796,1,.247,.678,.741],ix:9}},s:{a:0,k:[-107.559,3.835],ix:5},e:{a:0,k:[74.633,71.664],ix:6},t:1,nm:"Gradient Fill 1",mn:"ADBE Vector Graphic - G-Fill",hd:!1},{ty:"tr",p:{a:0,k:[-47.774,-9.307],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:"Ellipse 1",np:4,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1}],ip:0,op:75,st:0,bm:0}],markers:[]},b={v:"5.9.0",fr:25,ip:0,op:75,w:500,h:500,nm:"Comp 1 – Disabled",ddd:0,assets:[],layers:[{ddd:0,ind:1,ty:4,nm:"Shape Layer 3 (disabled)",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[390.238,360.238,0],ix:2,l:2},a:{a:0,k:[-31,-20,0],ix:1,l:2},s:{a:1,k:[{i:{x:[0,0,.667],y:[1.062,1.062,1]},o:{x:[.167,.167,.167],y:[0,0,0]},t:23,s:[69,69,100]},{i:{x:[.667,.667,.667],y:[1,1,1]},o:{x:[1,1,.333],y:[.001,.001,0]},t:36,s:[100,100,100]},{i:{x:[.833,.833,.833],y:[1,1,1]},o:{x:[.167,.167,.167],y:[0,0,0]},t:47,s:[0,0,100]},{t:64,s:[69,69,100]}],ix:6,l:2}},ao:0,ef:[{ty:5,nm:"Glow",np:16,mn:"ADBE Glo2",ix:1,en:1,ef:[{ty:7,nm:"Glow Based On",mn:"ADBE Glo2-0001",ix:1,v:{a:0,k:2,ix:1}},{ty:0,nm:"Glow Threshold",mn:"ADBE Glo2-0002",ix:2,v:{a:0,k:153,ix:2}},{ty:0,nm:"Glow Radius",mn:"ADBE Glo2-0003",ix:3,v:{a:0,k:8,ix:3}},{ty:0,nm:"Glow Intensity",mn:"ADBE Glo2-0004",ix:4,v:{a:0,k:.35,ix:4}},{ty:7,nm:"Composite Original",mn:"ADBE Glo2-0005",ix:5,v:{a:0,k:1,ix:5}},{ty:7,nm:"Glow Operation",mn:"ADBE Glo2-0006",ix:6,v:{a:0,k:3,ix:6}},{ty:7,nm:"Glow Colors",mn:"ADBE Glo2-0007",ix:7,v:{a:0,k:1,ix:7}},{ty:7,nm:"Color Looping",mn:"ADBE Glo2-0008",ix:8,v:{a:0,k:3,ix:8}},{ty:0,nm:"Color Loops",mn:"ADBE Glo2-0009",ix:9,v:{a:0,k:1,ix:9}},{ty:0,nm:"Color Phase",mn:"ADBE Glo2-0010",ix:10,v:{a:0,k:0,ix:10}},{ty:0,nm:"A & B Midpoint",mn:"ADBE Glo2-0011",ix:11,v:{a:0,k:.5,ix:11}},{ty:2,nm:"Color A",mn:"ADBE Glo2-0012",ix:12,v:{a:0,k:[1,1,1,1],ix:12}},{ty:2,nm:"Color B",mn:"ADBE Glo2-0013",ix:13,v:{a:0,k:[0,0,0,1],ix:13}},{ty:7,nm:"Glow Dimensions",mn:"ADBE Glo2-0014",ix:14,v:{a:0,k:1,ix:14}}]}],shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[61.172,0],[0,-61.172],[-61.172,0],[0,61.172]],o:[[-61.172,0],[0,61.172],[61.172,0],[0,-61.172]],v:[[0,-110.762],[-110.762,0],[0,110.762],[110.762,0]],c:!0},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:!1},{ty:"pb",nm:"Pucker & Bloat 1",a:{a:1,k:[{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:23,s:[-40]},{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:45,s:[-84]},{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:60,s:[-84]},{t:69,s:[-40]}],ix:1},ix:2,mn:"ADBE Vector Filter - PB",hd:!1},{ty:"gf",o:{a:0,k:100,ix:10},r:1,bm:0,g:{p:4,k:{a:0,k:[0,.345,.345,.345,.33,.478,.478,.478,.66,.6,.6,.6,1,.816,.816,.816],ix:9}},s:{a:0,k:[-107.559,3.835],ix:5},e:{a:0,k:[74.633,71.664],ix:6},t:1,nm:"Gradient Fill 1 (disabled)",mn:"ADBE Vector Graphic - G-Fill",hd:!1},{ty:"tr",p:{a:0,k:[-33,-19.713],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[52,52],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:"Ellipse 1",np:4,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1}],ip:0,op:75,st:0,bm:0},{ddd:0,ind:2,ty:4,nm:"Shape Layer 4 (disabled)",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[378.821,125.606,0],ix:2,l:2},a:{a:0,k:[166.893,-11.108,0],ix:1,l:2},s:{a:1,k:[{i:{x:[0,0,.667],y:[2.918,2.918,1]},o:{x:[.167,.167,.167],y:[0,0,0]},t:12,s:[100,100,100]},{i:{x:[.667,.667,.667],y:[1,1,1]},o:{x:[1,1,.333],y:[.001,.001,0]},t:25,s:[100,100,100]},{i:{x:[.833,.833,.833],y:[1,1,1]},o:{x:[.167,.167,.167],y:[0,0,0]},t:39,s:[0,0,100]},{t:53,s:[100,100,100]}],ix:6,l:2}},ao:0,ef:[{ty:5,nm:"Glow",np:16,mn:"ADBE Glo2",ix:1,en:1,ef:[{ty:7,nm:"Glow Based On",mn:"ADBE Glo2-0001",ix:1,v:{a:0,k:2,ix:1}},{ty:0,nm:"Glow Threshold",mn:"ADBE Glo2-0002",ix:2,v:{a:0,k:153,ix:2}},{ty:0,nm:"Glow Radius",mn:"ADBE Glo2-0003",ix:3,v:{a:0,k:8,ix:3}},{ty:0,nm:"Glow Intensity",mn:"ADBE Glo2-0004",ix:4,v:{a:0,k:.35,ix:4}},{ty:7,nm:"Composite Original",mn:"ADBE Glo2-0005",ix:5,v:{a:0,k:1,ix:5}},{ty:7,nm:"Glow Operation",mn:"ADBE Glo2-0006",ix:6,v:{a:0,k:3,ix:6}},{ty:7,nm:"Glow Colors",mn:"ADBE Glo2-0007",ix:7,v:{a:0,k:1,ix:7}},{ty:7,nm:"Color Looping",mn:"ADBE Glo2-0008",ix:8,v:{a:0,k:3,ix:8}},{ty:0,nm:"Color Loops",mn:"ADBE Glo2-0009",ix:9,v:{a:0,k:1,ix:9}},{ty:0,nm:"Color Phase",mn:"ADBE Glo2-0010",ix:10,v:{a:0,k:0,ix:10}},{ty:0,nm:"A & B Midpoint",mn:"ADBE Glo2-0011",ix:11,v:{a:0,k:.5,ix:11}},{ty:2,nm:"Color A",mn:"ADBE Glo2-0012",ix:12,v:{a:0,k:[1,1,1,1],ix:12}},{ty:2,nm:"Color B",mn:"ADBE Glo2-0013",ix:13,v:{a:0,k:[0,0,0,1],ix:13}},{ty:7,nm:"Glow Dimensions",mn:"ADBE Glo2-0014",ix:14,v:{a:0,k:1,ix:14}}]}],shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[61.172,0],[0,-61.172],[-61.172,0],[0,61.172]],o:[[-61.172,0],[0,61.172],[61.172,0],[0,-61.172]],v:[[0,-110.762],[-110.762,0],[0,110.762],[110.762,0]],c:!0},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:!1},{ty:"pb",nm:"Pucker & Bloat 1",a:{a:1,k:[{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:12,s:[-40]},{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:29,s:[-84]},{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:44,s:[-84]},{t:53,s:[-40]}],ix:1},ix:2,mn:"ADBE Vector Filter - PB",hd:!1},{ty:"gf",o:{a:0,k:100,ix:10},r:1,bm:0,g:{p:4,k:{a:0,k:[0,.345,.345,.345,.33,.478,.478,.478,.66,.6,.6,.6,1,.816,.816,.816],ix:9}},s:{a:0,k:[-107.559,3.835],ix:5},e:{a:0,k:[74.633,71.664],ix:6},t:1,nm:"Gradient Fill 1 (disabled)",mn:"ADBE Vector Graphic - G-Fill",hd:!1},{ty:"tr",p:{a:0,k:[368.2,-141.3],ix:2},a:{a:0,k:[349,-222],ix:1},s:{a:0,k:[58,58],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:"Ellipse 1",np:4,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1}],ip:0,op:75,st:0,bm:0},{ddd:0,ind:3,ty:4,nm:"Shape Layer 1 (disabled)",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[178.238,257.238,0],ix:2,l:2},a:{a:0,k:[-46,-8,0],ix:1,l:2},s:{a:1,k:[{i:{x:[0,0,.667],y:[2.623,2.623,1]},o:{x:[.167,.167,.167],y:[0,0,0]},t:0,s:[100,100,100]},{i:{x:[.667,.667,.667],y:[1,1,1]},o:{x:[1,1,.333],y:[.001,.001,0]},t:11,s:[100,100,100]},{i:{x:[.833,.833,.833],y:[1,1,1]},o:{x:[.167,.167,.167],y:[0,0,0]},t:21,s:[0,0,100]},{t:34,s:[100,100,100]}],ix:6,l:2}},ao:0,ef:[{ty:5,nm:"Glow",np:16,mn:"ADBE Glo2",ix:1,en:1,ef:[{ty:7,nm:"Glow Based On",mn:"ADBE Glo2-0001",ix:1,v:{a:0,k:2,ix:1}},{ty:0,nm:"Glow Threshold",mn:"ADBE Glo2-0002",ix:2,v:{a:0,k:153,ix:2}},{ty:0,nm:"Glow Radius",mn:"ADBE Glo2-0003",ix:3,v:{a:0,k:8,ix:3}},{ty:0,nm:"Glow Intensity",mn:"ADBE Glo2-0004",ix:4,v:{a:0,k:.35,ix:4}},{ty:7,nm:"Composite Original",mn:"ADBE Glo2-0005",ix:5,v:{a:0,k:1,ix:5}},{ty:7,nm:"Glow Operation",mn:"ADBE Glo2-0006",ix:6,v:{a:0,k:3,ix:6}},{ty:7,nm:"Glow Colors",mn:"ADBE Glo2-0007",ix:7,v:{a:0,k:1,ix:7}},{ty:7,nm:"Color Looping",mn:"ADBE Glo2-0008",ix:8,v:{a:0,k:3,ix:8}},{ty:0,nm:"Color Loops",mn:"ADBE Glo2-0009",ix:9,v:{a:0,k:1,ix:9}},{ty:0,nm:"Color Phase",mn:"ADBE Glo2-0010",ix:10,v:{a:0,k:0,ix:10}},{ty:0,nm:"A & B Midpoint",mn:"ADBE Glo2-0011",ix:11,v:{a:0,k:.5,ix:11}},{ty:2,nm:"Color A",mn:"ADBE Glo2-0012",ix:12,v:{a:0,k:[1,1,1,1],ix:12}},{ty:2,nm:"Color B",mn:"ADBE Glo2-0013",ix:13,v:{a:0,k:[0,0,0,1],ix:13}},{ty:7,nm:"Glow Dimensions",mn:"ADBE Glo2-0014",ix:14,v:{a:0,k:1,ix:14}}]}],shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[61.172,0],[0,-61.172],[-61.172,0],[0,61.172]],o:[[-61.172,0],[0,61.172],[61.172,0],[0,-61.172]],v:[[0,-110.762],[-110.762,0],[0,110.762],[110.762,0]],c:!0},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:!1},{ty:"pb",nm:"Pucker & Bloat 1",a:{a:1,k:[{i:{x:[.667],y:[1]},o:{x:[.167],y:[0]},t:0,s:[-40]},{i:{x:[.667],y:[1]},o:{x:[.333],y:[0]},t:11,s:[-84]},{i:{x:[.667],y:[1]},o:{x:[.333],y:[0]},t:21,s:[-84]},{t:44,s:[-40]}],ix:1},ix:2,mn:"ADBE Vector Filter - PB",hd:!1},{ty:"gf",o:{a:0,k:100,ix:10},r:1,bm:0,g:{p:4,k:{a:0,k:[0,.345,.345,.345,.33,.478,.478,.478,.66,.6,.6,.6,1,.816,.816,.816],ix:9}},s:{a:0,k:[-107.559,3.835],ix:5},e:{a:0,k:[74.633,71.664],ix:6},t:1,nm:"Gradient Fill 1 (disabled)",mn:"ADBE Vector Graphic - G-Fill",hd:!1},{ty:"tr",p:{a:0,k:[-47.774,-9.307],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:"Ellipse 1",np:4,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1}],ip:0,op:75,st:0,bm:0}],markers:[]},h=r`*,
|
|
2
2
|
*::before,
|
|
3
3
|
*::after {
|
|
4
4
|
box-sizing: border-box;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"aiLaunchButton.js","sources":["../../../../src/components/ai/aiLaunchButton/aiLaunchButton.ts"],"sourcesContent":["import { LitElement, html, unsafeCSS } from 'lit';\nimport { customElement, property, state, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport lottie from 'lottie-web';\nimport animationData from './json/ai_assist.json';\nimport aiLaunchButtonDisabled from './json/ai_assist_disabled.json';\nimport Styles from './aiLaunchButton.scss?inline';\n\n/**\n * AI Assistant Launch Button.\n * @fires on-click - Emits when the button is clicked.\n */\n@customElement('kyn-ai-launch-btn')\nexport class AILaunchButton extends LitElement {\n static override styles = unsafeCSS(Styles);\n\n /** Whether the button is disabled. */\n @property({ type: Boolean })\n accessor disabled = false;\n\n /** Animation container element.\n * @internal\n */\n @query('.container')\n private accessor _containerEl!: any;\n\n /** Instance of animation.\n * @internal\n */\n @state()\n private accessor _animation!: any;\n\n /** Whether to stop at next loop completion\n * @internal\n */\n @state()\n private accessor _shouldStop = false;\n\n override render() {\n const Classes = {\n 'ai-launch-button': true,\n disabled: this.disabled,\n };\n\n return html`\n <button\n type=\"button\"\n class=\"${classMap(Classes)}\"\n aria-label=\"AI Assistant\"\n ?disabled=\"${this.disabled}\"\n @click=${() => this._emitClick()}\n @mouseenter=${() => this._startHoverAnimation()}\n @mouseleave=${() => this._stopHoverAnimation()}\n >\n <div class=\"container\"></div>\n </button>\n `;\n }\n\n override firstUpdated() {\n this._initAnimation();\n }\n\n /// loop the animation on mouseenter. on mouseleave, complete the current loop and then stop.\n private _initAnimation() {\n this._animation = lottie.loadAnimation({\n container: this._containerEl,\n renderer: 'svg',\n loop: true,\n autoplay: false,\n animationData: this.disabled ? aiLaunchButtonDisabled : animationData,\n });\n this._animation.setSpeed(2);\n this._animation.goToAndStop(0, true);\n\n this._animation.addEventListener('loopComplete', () => {\n if (this._shouldStop) {\n this._animation.goToAndStop(0, true);\n this._shouldStop = false;\n }\n });\n }\n\n private _startHoverAnimation() {\n if (!this.disabled) {\n this._shouldStop = false;\n this._animation.goToAndStop(0, true);\n this._animation.setDirection(1);\n this._animation.play();\n }\n }\n\n private _stopHoverAnimation() {\n if (!this.disabled) {\n this._shouldStop = true;\n }\n }\n\n override updated(changedProps: any) {\n if (changedProps.has('disabled')) {\n this._animation.destroy();\n this._initAnimation();\n }\n }\n\n private _emitClick() {\n if (!this.disabled) {\n const event = new CustomEvent('on-click');\n this.dispatchEvent(event);\n }\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'kyn-ai-launch-btn': AILaunchButton;\n }\n}\n"],"names":["AILaunchButton","customElement","LitElement","_classThis","_classSuper","disabled","__classPrivateFieldGet","this","_AILaunchButton_disabled_accessor_storage","value","__classPrivateFieldSet","_containerEl","_AILaunchButton__containerEl_accessor_storage","_animation","_AILaunchButton__animation_accessor_storage","_shouldStop","_AILaunchButton__shouldStop_accessor_storage","render","Classes","html","classMap","_emitClick","_startHoverAnimation","_stopHoverAnimation","firstUpdated","_initAnimation","lottie","loadAnimation","container","renderer","loop","autoplay","animationData","aiLaunchButtonDisabled","setSpeed","goToAndStop","addEventListener","setDirection","play","updated","changedProps","has","destroy","event","CustomEvent","dispatchEvent","set","__runInitializers","_disabled_initializers","_disabled_extraInitializers","__containerEl_initializers","__containerEl_extraInitializers","__animation_initializers","__animation_extraInitializers","__shouldStop_initializers","_disabled_decorators","property","type","Boolean","query","__animation_decorators","state","__shouldStop_decorators","__esDecorate","kind","name","static","private","access","obj","get","metadata","_metadata","__containerEl_decorators","__shouldStop_extraInitializers","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS","Styles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAaaA,EAAc,qCAD1BC,EAAc,6BACqBC,iDAARC,EAAA,cAAQC,EAKlC,YAASC,GAAQ,OAAAC,EAAAC,KAAAC,EAAA,IAAA,CAAjB,YAASH,CAAQI,GAAAC,EAAAH,KAAAC,EAAAC,EAAA,IAAA,CAMjB,gBAAiBE,GAAY,OAAAL,EAAAC,KAAAK,EAAA,IAAA,CAA7B,gBAAiBD,CAAYF,GAAAC,EAAAH,KAAAK,EAAAH,EAAA,IAAA,CAM7B,cAAiBI,GAAU,OAAAP,EAAAC,KAAAO,EAAA,IAAA,CAA3B,cAAiBD,CAAUJ,GAAAC,EAAAH,KAAAO,EAAAL,EAAA,IAAA,CAM3B,eAAiBM,GAAW,OAAAT,EAAAC,KAAAS,EAAA,IAAA,CAA5B,eAAiBD,CAAWN,GAAAC,EAAAH,KAAAS,EAAAP,EAAA,IAAA,CAEnB,MAAAQ,GACP,MAAMC,EAAU,CACd,oBAAoB,EACpBb,SAAUE,KAAKF,UAGjB,OAAOc,CAAI;;;iBAGEC,EAASF;;qBAELX,KAAKF;iBACT,IAAME,KAAKc;sBACN,IAAMd,KAAKe;sBACX,IAAMf,KAAKgB;;;;MAOtB,YAAAC,GACPjB,KAAKkB,iBAIC,cAAAA,GACNlB,KAAKM,
|
|
1
|
+
{"version":3,"file":"aiLaunchButton.js","sources":["../../../../src/components/ai/aiLaunchButton/aiLaunchButton.ts"],"sourcesContent":["import { LitElement, html, unsafeCSS } from 'lit';\nimport { customElement, property, state, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport * as lottie from 'lottie-web';\nimport animationData from './json/ai_assist.json';\nimport aiLaunchButtonDisabled from './json/ai_assist_disabled.json';\nimport Styles from './aiLaunchButton.scss?inline';\n\n/**\n * AI Assistant Launch Button.\n * @fires on-click - Emits when the button is clicked.\n */\n@customElement('kyn-ai-launch-btn')\nexport class AILaunchButton extends LitElement {\n static override styles = unsafeCSS(Styles);\n\n /** Whether the button is disabled. */\n @property({ type: Boolean })\n accessor disabled = false;\n\n /** Animation container element.\n * @internal\n */\n @query('.container')\n private accessor _containerEl!: any;\n\n /** Instance of animation.\n * @internal\n */\n @state()\n private accessor _animation!: any;\n\n /** Whether to stop at next loop completion\n * @internal\n */\n @state()\n private accessor _shouldStop = false;\n\n override render() {\n const Classes = {\n 'ai-launch-button': true,\n disabled: this.disabled,\n };\n\n return html`\n <button\n type=\"button\"\n class=\"${classMap(Classes)}\"\n aria-label=\"AI Assistant\"\n ?disabled=\"${this.disabled}\"\n @click=${() => this._emitClick()}\n @mouseenter=${() => this._startHoverAnimation()}\n @mouseleave=${() => this._stopHoverAnimation()}\n >\n <div class=\"container\"></div>\n </button>\n `;\n }\n\n override firstUpdated() {\n this._initAnimation();\n }\n\n /// loop the animation on mouseenter. on mouseleave, complete the current loop and then stop.\n private _initAnimation() {\n this._animation = (lottie as any).loadAnimation({\n container: this._containerEl,\n renderer: 'svg',\n loop: true,\n autoplay: false,\n animationData: this.disabled ? aiLaunchButtonDisabled : animationData,\n });\n this._animation.setSpeed(2);\n this._animation.goToAndStop(0, true);\n\n this._animation.addEventListener('loopComplete', () => {\n if (this._shouldStop) {\n this._animation.goToAndStop(0, true);\n this._shouldStop = false;\n }\n });\n }\n\n private _startHoverAnimation() {\n if (!this.disabled) {\n this._shouldStop = false;\n this._animation.goToAndStop(0, true);\n this._animation.setDirection(1);\n this._animation.play();\n }\n }\n\n private _stopHoverAnimation() {\n if (!this.disabled) {\n this._shouldStop = true;\n }\n }\n\n override updated(changedProps: any) {\n if (changedProps.has('disabled')) {\n this._animation.destroy();\n this._initAnimation();\n }\n }\n\n private _emitClick() {\n if (!this.disabled) {\n const event = new CustomEvent('on-click');\n this.dispatchEvent(event);\n }\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'kyn-ai-launch-btn': AILaunchButton;\n }\n}\n"],"names":["AILaunchButton","customElement","LitElement","_classThis","_classSuper","disabled","__classPrivateFieldGet","this","_AILaunchButton_disabled_accessor_storage","value","__classPrivateFieldSet","_containerEl","_AILaunchButton__containerEl_accessor_storage","_animation","_AILaunchButton__animation_accessor_storage","_shouldStop","_AILaunchButton__shouldStop_accessor_storage","render","Classes","html","classMap","_emitClick","_startHoverAnimation","_stopHoverAnimation","firstUpdated","_initAnimation","lottie","loadAnimation","container","renderer","loop","autoplay","animationData","aiLaunchButtonDisabled","setSpeed","goToAndStop","addEventListener","setDirection","play","updated","changedProps","has","destroy","event","CustomEvent","dispatchEvent","set","__runInitializers","_disabled_initializers","_disabled_extraInitializers","__containerEl_initializers","__containerEl_extraInitializers","__animation_initializers","__animation_extraInitializers","__shouldStop_initializers","_disabled_decorators","property","type","Boolean","query","__animation_decorators","state","__shouldStop_decorators","__esDecorate","kind","name","static","private","access","obj","get","metadata","_metadata","__containerEl_decorators","__shouldStop_extraInitializers","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS","Styles"],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{__setFunctionName as t,__esDecorate as s,__runInitializers as e,__classPrivateFieldGet as a,__classPrivateFieldSet as i}from"tslib";import{unsafeSVG as n}from"lit-html/directives/unsafe-svg.js";import{LitElement as o,unsafeCSS as r,html as d}from"lit";import{customElement as c,property as p,state as l,query as h}from"lit/decorators.js";import{classMap as m}from"lit/directives/class-map.js";import u from"lottie-web";import{c as _,a as v}from"../../../inline-CxNcYPfA.js";import{s as f,e as g}from"../../../vendor/@kyndryl-design-system/shidoka-icons-oqOblwTK.js";let y=(()=>{var y,E,k,b;let w,S,j,M,W,$,x=[c("kyn-loader-inline")],C=[],L=o,O=[],A=[],D=[],I=[],P=[],U=[],q=[],z=[];return S=class extends L{get status(){return a(this,y,"f")}set status(t){i(this,y,t,"f")}get _stopped(){return a(this,E,"f")}set _stopped(t){i(this,E,t,"f")}get _hidden(){return a(this,k,"f")}set _hidden(t){i(this,k,t,"f")}get _containerEl(){return a(this,b,"f")}set _containerEl(t){i(this,b,t,"f")}render(){const t={wrapper:!0,"variant-inline":!0,stopped:this._stopped,hidden:this._hidden,"status-success":"success"===this.status,"status-error":"error"===this.status};return d`
|
|
1
|
+
import{__setFunctionName as t,__esDecorate as s,__runInitializers as e,__classPrivateFieldGet as a,__classPrivateFieldSet as i}from"tslib";import{unsafeSVG as n}from"lit-html/directives/unsafe-svg.js";import{LitElement as o,unsafeCSS as r,html as d}from"lit";import{customElement as c,property as p,state as l,query as h}from"lit/decorators.js";import{classMap as m}from"lit/directives/class-map.js";import*as u from"lottie-web";import{c as _,a as v}from"../../../inline-CxNcYPfA.js";import{s as f,e as g}from"../../../vendor/@kyndryl-design-system/shidoka-icons-oqOblwTK.js";let y=(()=>{var y,E,k,b;let w,S,j,M,W,$,x=[c("kyn-loader-inline")],C=[],L=o,O=[],A=[],D=[],I=[],P=[],U=[],q=[],z=[];return S=class extends L{get status(){return a(this,y,"f")}set status(t){i(this,y,t,"f")}get _stopped(){return a(this,E,"f")}set _stopped(t){i(this,E,t,"f")}get _hidden(){return a(this,k,"f")}set _hidden(t){i(this,k,t,"f")}get _containerEl(){return a(this,b,"f")}set _containerEl(t){i(this,b,t,"f")}render(){const t={wrapper:!0,"variant-inline":!0,stopped:this._stopped,hidden:this._hidden,"status-success":"success"===this.status,"status-error":"error"===this.status};return d`
|
|
2
2
|
<div class="${m(t)}">
|
|
3
3
|
<div class="container"></div>
|
|
4
4
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"inline.js","sources":["../../../../src/components/reusable/loaders/inline.ts"],"sourcesContent":["import { unsafeSVG } from 'lit-html/directives/unsafe-svg.js';\nimport { LitElement, html, unsafeCSS } from 'lit';\nimport { customElement, property, state, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport lottie from 'lottie-web';\nimport animationData from './json/indeterminate.json';\nimport Styles from './inline.scss?inline';\nimport successIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/checkmark-filled.svg';\nimport errorIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/error-filled.svg';\n\n/**\n * Inline Loader.\n * @fires on-start - Emits when the loader been started. `detail: null`\n * @fires on-stop - Emits when the loader has been stopped and all animations have completed. `detail: null`\n * @slot unnamed - Slot for text/description.\n */\n@customElement('kyn-loader-inline')\nexport class LoaderInline extends LitElement {\n static override styles = unsafeCSS(Styles);\n\n /** Status. Can be `active`, `inactive`, `success`, `error`. */\n @property({ type: String })\n accessor status = 'active';\n\n /** Animation loop has finished and stopped\n * @internal\n */\n @state()\n private accessor _stopped = false;\n\n /** Hidden state\n * @internal\n */\n @state()\n private accessor _hidden = false;\n\n /** Animation container element\n * @internal\n */\n @query('.container')\n private accessor _containerEl!: any;\n\n override render() {\n const Classes = {\n wrapper: true,\n 'variant-inline': true,\n stopped: this._stopped,\n hidden: this._hidden,\n 'status-success': this.status === 'success',\n 'status-error': this.status === 'error',\n };\n\n return html`\n <div class=\"${classMap(Classes)}\">\n <div class=\"container\"></div>\n\n <span class=\"status-icon success\">${unsafeSVG(successIcon)}</span>\n\n <span class=\"status-icon error\">${unsafeSVG(errorIcon)}</span>\n\n <slot></slot>\n </div>\n `;\n }\n\n override firstUpdated() {\n // sync internal states\n this._stopped = this.status !== 'active';\n this._hidden = this._stopped;\n\n // initialize the animation\n lottie.loadAnimation({\n container: this._containerEl, // the dom element that will contain the animation\n renderer: 'svg',\n loop: true,\n autoplay: true,\n animationData: animationData,\n });\n\n // stop the animation at the end of the loop\n // this._animation.addEventListener('loopComplete', () => {\n // if (this.status !== 'active') {\n // this._animation.stop();\n // this._stopped = true;\n // }\n // });\n\n // hide the wrapper element after stopped and transitionend\n this._containerEl.addEventListener('transitionend', () => {\n if (this._stopped) {\n this._hidden = true;\n this._emitStop();\n }\n });\n }\n\n override updated(changedProps: any) {\n if (changedProps.has('status')) {\n // play the animation if stopped prop changes to false\n if (this.status === 'active') {\n // this._animation.play();\n this._stopped = false;\n this._hidden = false;\n this._emitStart();\n } else {\n // this._animation.pause();\n this._stopped = true;\n }\n }\n }\n\n private _emitStart() {\n const event = new CustomEvent('on-start');\n this.dispatchEvent(event);\n }\n\n private _emitStop() {\n const event = new CustomEvent('on-stop');\n this.dispatchEvent(event);\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'kyn-loader-inline': LoaderInline;\n }\n}\n"],"names":["LoaderInline","customElement","LitElement","_classThis","_classSuper","status","__classPrivateFieldGet","this","_LoaderInline_status_accessor_storage","value","__classPrivateFieldSet","_stopped","_LoaderInline__stopped_accessor_storage","_hidden","_LoaderInline__hidden_accessor_storage","_containerEl","_LoaderInline__containerEl_accessor_storage","render","Classes","wrapper","stopped","hidden","html","classMap","unsafeSVG","successIcon","errorIcon","firstUpdated","lottie","loadAnimation","container","renderer","loop","autoplay","animationData","addEventListener","_emitStop","updated","changedProps","has","_emitStart","event","CustomEvent","dispatchEvent","set","__runInitializers","_status_initializers","_status_extraInitializers","__stopped_initializers","__stopped_extraInitializers","__hidden_initializers","__hidden_extraInitializers","__containerEl_initializers","_status_decorators","property","type","String","__stopped_decorators","state","__hidden_decorators","query","__esDecorate","kind","name","static","private","access","obj","get","metadata","_metadata","__containerEl_decorators","__containerEl_extraInitializers","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS","Styles"],"mappings":"
|
|
1
|
+
{"version":3,"file":"inline.js","sources":["../../../../src/components/reusable/loaders/inline.ts"],"sourcesContent":["import { unsafeSVG } from 'lit-html/directives/unsafe-svg.js';\nimport { LitElement, html, unsafeCSS } from 'lit';\nimport { customElement, property, state, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport * as lottie from 'lottie-web';\nimport animationData from './json/indeterminate.json';\nimport Styles from './inline.scss?inline';\nimport successIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/checkmark-filled.svg';\nimport errorIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/error-filled.svg';\n\n/**\n * Inline Loader.\n * @fires on-start - Emits when the loader been started. `detail: null`\n * @fires on-stop - Emits when the loader has been stopped and all animations have completed. `detail: null`\n * @slot unnamed - Slot for text/description.\n */\n@customElement('kyn-loader-inline')\nexport class LoaderInline extends LitElement {\n static override styles = unsafeCSS(Styles);\n\n /** Status. Can be `active`, `inactive`, `success`, `error`. */\n @property({ type: String })\n accessor status = 'active';\n\n /** Animation loop has finished and stopped\n * @internal\n */\n @state()\n private accessor _stopped = false;\n\n /** Hidden state\n * @internal\n */\n @state()\n private accessor _hidden = false;\n\n /** Animation container element\n * @internal\n */\n @query('.container')\n private accessor _containerEl!: any;\n\n override render() {\n const Classes = {\n wrapper: true,\n 'variant-inline': true,\n stopped: this._stopped,\n hidden: this._hidden,\n 'status-success': this.status === 'success',\n 'status-error': this.status === 'error',\n };\n\n return html`\n <div class=\"${classMap(Classes)}\">\n <div class=\"container\"></div>\n\n <span class=\"status-icon success\">${unsafeSVG(successIcon)}</span>\n\n <span class=\"status-icon error\">${unsafeSVG(errorIcon)}</span>\n\n <slot></slot>\n </div>\n `;\n }\n\n override firstUpdated() {\n // sync internal states\n this._stopped = this.status !== 'active';\n this._hidden = this._stopped;\n\n // initialize the animation\n (lottie as any).loadAnimation({\n container: this._containerEl, // the dom element that will contain the animation\n renderer: 'svg',\n loop: true,\n autoplay: true,\n animationData: animationData,\n });\n\n // stop the animation at the end of the loop\n // this._animation.addEventListener('loopComplete', () => {\n // if (this.status !== 'active') {\n // this._animation.stop();\n // this._stopped = true;\n // }\n // });\n\n // hide the wrapper element after stopped and transitionend\n this._containerEl.addEventListener('transitionend', () => {\n if (this._stopped) {\n this._hidden = true;\n this._emitStop();\n }\n });\n }\n\n override updated(changedProps: any) {\n if (changedProps.has('status')) {\n // play the animation if stopped prop changes to false\n if (this.status === 'active') {\n // this._animation.play();\n this._stopped = false;\n this._hidden = false;\n this._emitStart();\n } else {\n // this._animation.pause();\n this._stopped = true;\n }\n }\n }\n\n private _emitStart() {\n const event = new CustomEvent('on-start');\n this.dispatchEvent(event);\n }\n\n private _emitStop() {\n const event = new CustomEvent('on-stop');\n this.dispatchEvent(event);\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'kyn-loader-inline': LoaderInline;\n }\n}\n"],"names":["LoaderInline","customElement","LitElement","_classThis","_classSuper","status","__classPrivateFieldGet","this","_LoaderInline_status_accessor_storage","value","__classPrivateFieldSet","_stopped","_LoaderInline__stopped_accessor_storage","_hidden","_LoaderInline__hidden_accessor_storage","_containerEl","_LoaderInline__containerEl_accessor_storage","render","Classes","wrapper","stopped","hidden","html","classMap","unsafeSVG","successIcon","errorIcon","firstUpdated","lottie","loadAnimation","container","renderer","loop","autoplay","animationData","addEventListener","_emitStop","updated","changedProps","has","_emitStart","event","CustomEvent","dispatchEvent","set","__runInitializers","_status_initializers","_status_extraInitializers","__stopped_initializers","__stopped_extraInitializers","__hidden_initializers","__hidden_extraInitializers","__containerEl_initializers","_status_decorators","property","type","String","__stopped_decorators","state","__hidden_decorators","query","__esDecorate","kind","name","static","private","access","obj","get","metadata","_metadata","__containerEl_decorators","__containerEl_extraInitializers","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS","Styles"],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{__setFunctionName as i,__esDecorate as t,__runInitializers as a,__classPrivateFieldGet as e,__classPrivateFieldSet as n}from"tslib";import{css as s,LitElement as o,unsafeCSS as r,html as p}from"lit";import{customElement as l,property as m,state as d,query as x}from"lit/decorators.js";import{classMap as k}from"lit/directives/class-map.js";import c from"lottie-web";var h={v:"4.8.0",meta:{g:"LottieFiles AE 3.5.7",a:"",k:"",d:"",tc:""},fr:30,ip:0,op:101,w:500,h:500,nm:"Pre Loader",ddd:0,assets:[{id:"comp_0",layers:[{ddd:0,ind:1,ty:0,nm:"Loader",refId:"comp_1",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[250,250,0],ix:2},a:{a:0,k:[960,540,0],ix:1},s:{a:0,k:[100,100,100],ix:6}},ao:0,ef:[{ty:21,nm:"Fill",np:9,mn:"ADBE Fill",ix:1,en:1,ef:[{ty:10,nm:"Fill Mask",mn:"ADBE Fill-0001",ix:1,v:{a:0,k:0,ix:1}},{ty:7,nm:"All Masks",mn:"ADBE Fill-0007",ix:2,v:{a:0,k:0,ix:2}},{ty:2,nm:"Color",mn:"ADBE Fill-0002",ix:3,v:{a:0,k:[.184313729405,.501960813999,.549019634724,1],ix:3}},{ty:7,nm:"Invert",mn:"ADBE Fill-0006",ix:4,v:{a:0,k:0,ix:4}},{ty:0,nm:"Horizontal Feather",mn:"ADBE Fill-0003",ix:5,v:{a:0,k:0,ix:5}},{ty:0,nm:"Vertical Feather",mn:"ADBE Fill-0004",ix:6,v:{a:0,k:0,ix:6}},{ty:0,nm:"Opacity",mn:"ADBE Fill-0005",ix:7,v:{a:0,k:1,ix:7}}]}],w:1920,h:1080,ip:23,op:101,st:23,bm:0},{ddd:0,ind:2,ty:0,nm:"Loader",refId:"comp_1",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[250,250,0],ix:2},a:{a:0,k:[960,540,0],ix:1},s:{a:0,k:[100,100,100],ix:6}},ao:0,ef:[{ty:21,nm:"Fill",np:9,mn:"ADBE Fill",ix:1,en:1,ef:[{ty:10,nm:"Fill Mask",mn:"ADBE Fill-0001",ix:1,v:{a:0,k:0,ix:1}},{ty:7,nm:"All Masks",mn:"ADBE Fill-0007",ix:2,v:{a:0,k:0,ix:2}},{ty:2,nm:"Color",mn:"ADBE Fill-0002",ix:3,v:{a:0,k:[1,0,0,1],ix:3}},{ty:7,nm:"Invert",mn:"ADBE Fill-0006",ix:4,v:{a:0,k:0,ix:4}},{ty:0,nm:"Horizontal Feather",mn:"ADBE Fill-0003",ix:5,v:{a:0,k:0,ix:5}},{ty:0,nm:"Vertical Feather",mn:"ADBE Fill-0004",ix:6,v:{a:0,k:0,ix:6}},{ty:0,nm:"Opacity",mn:"ADBE Fill-0005",ix:7,v:{a:0,k:1,ix:7}}]}],w:1920,h:1080,ip:0,op:101,st:0,bm:0},{ddd:0,ind:3,ty:4,nm:"Filler",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[250,250,0],ix:2},a:{a:0,k:[0,0,0],ix:1},s:{a:0,k:[100,100,100],ix:6}},ao:0,shapes:[{ty:"gr",it:[{d:1,ty:"el",s:{a:0,k:[120,120],ix:2},p:{a:0,k:[0,0],ix:3},nm:"Ellipse Path 1",mn:"ADBE Vector Shape - Ellipse",hd:!1},{ty:"fl",c:{a:0,k:[.976470588235,.976470588235,.976470588235,1],ix:4},o:{a:0,k:100,ix:5},r:1,bm:0,nm:"Fill 1",mn:"ADBE Vector Graphic - Fill",hd:!1},{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:"Ellipse 1",np:3,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1}],ip:0,op:101,st:0,bm:0}]},{id:"comp_1",layers:[{ddd:0,ind:1,ty:4,nm:"Mask",td:1,sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[964,540,0],ix:2},a:{a:0,k:[0,0,0],ix:1},s:{a:0,k:[100,100,100],ix:6}},ao:0,shapes:[{ty:"gr",it:[{ty:"rc",d:1,s:{a:0,k:[130.395,368.008],ix:2},p:{a:0,k:[0,3],ix:3},r:{a:0,k:73,ix:4},nm:"Rectangle Path 1",mn:"ADBE Vector Shape - Rect",hd:!1},{ty:"fl",c:{a:0,k:[.13275122549,.13275122549,.13275122549,1],ix:4},o:{a:0,k:100,ix:5},r:1,bm:0,nm:"Fill 1",mn:"ADBE Vector Graphic - Fill",hd:!1},{ty:"tr",p:{a:0,k:[-3.311,-127.861],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[94.051,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:"Rectangle 1",np:3,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1}],ip:0,op:900,st:0,bm:0},{ddd:0,ind:2,ty:4,nm:"Fill 2",parent:3,tt: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,y:1},o:{x:.333,y:0},t:0,s:[0,-57,0],to:[0,0,0],ti:[0,0,0]},{i:{x:.667,y:.667},o:{x:.333,y:.333},t:22,s:[0,-160,0],to:[0,0,0],ti:[0,0,0]},{i:{x:.215,y:1},o:{x:.333,y:0},t:33,s:[0,-160,0],to:[0,0,0],ti:[0,0,0]},{i:{x:.387,y:1},o:{x:.712,y:0},t:51,s:[0,-189,0],to:[0,0,0],ti:[0,0,0]},{t:78,s:[0,120,0]}],ix:2},a:{a:0,k:[0,0,0],ix:1},s:{a:1,k:[{i:{x:[0,0,.667],y:[1,1,1]},o:{x:[.333,.333,.333],y:[0,0,0]},t:0,s:[0,0,100]},{t:22,s:[100,100,100]}],ix:6}},ao:0,ef:[{ty:5,nm:"Echo",np:7,mn:"ADBE Echo",ix:1,en:1,ef:[{ty:0,nm:"Echo Time (seconds)",mn:"ADBE Echo-0001",ix:1,v:{a:0,k:-.003,ix:1}},{ty:0,nm:"Number Of Echoes",mn:"ADBE Echo-0002",ix:2,v:{a:0,k:20,ix:2}},{ty:0,nm:"Starting Intensity",mn:"ADBE Echo-0003",ix:3,v:{a:0,k:1,ix:3}},{ty:0,nm:"Decay",mn:"ADBE Echo-0004",ix:4,v:{a:0,k:.701,ix:4}},{ty:7,nm:"Echo Operator",mn:"ADBE Echo-0005",ix:5,v:{a:0,k:2,ix:5}}]}],shapes:[{ty:"gr",it:[{d:1,ty:"el",s:{a:0,k:[120,120],ix:2},p:{a:0,k:[0,0],ix:3},nm:"Ellipse Path 1",mn:"ADBE Vector Shape - Ellipse",hd:!1},{ty:"fl",c:{a:0,k:[.13275122549,.13275122549,.13275122549,1],ix:4},o:{a:0,k:100,ix:5},r:1,bm:0,nm:"Fill 1",mn:"ADBE Vector Graphic - Fill",hd:!1},{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:"Ellipse 1",np:3,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1}],ip:55,op:900,st:0,bm:0},{ddd:0,ind:3,ty:3,nm:"Controller",sr:1,ks:{o:{a:0,k:0,ix:11},r:{a:1,k:[{i:{x:[.352],y:[1]},o:{x:[.659],y:[0]},t:10,s:[0]},{t:55,s:[-360]}],ix:10},p:{a:0,k:[960,540,0],ix:2},a:{a:0,k:[0,0,0],ix:1},s:{a:0,k:[100,100,100],ix:6}},ao:0,ip:0,op:900,st:0,bm:0},{ddd:0,ind:4,ty:4,nm:"Fill 1",parent:3,sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:1,k:[{i:{x:0,y:1},o:{x:.333,y:0},t:0,s:[0,-57,0],to:[0,0,0],ti:[0,0,0]},{i:{x:.667,y:.667},o:{x:.333,y:.333},t:22,s:[0,-160,0],to:[0,0,0],ti:[0,0,0]},{i:{x:.215,y:1},o:{x:.333,y:0},t:33,s:[0,-160,0],to:[0,0,0],ti:[0,0,0]},{i:{x:.387,y:1},o:{x:.712,y:0},t:51,s:[0,-189,0],to:[0,0,0],ti:[0,0,0]},{t:78,s:[0,120,0]}],ix:2},a:{a:0,k:[0,0,0],ix:1},s:{a:1,k:[{i:{x:[0,0,.667],y:[1,1,1]},o:{x:[.333,.333,.333],y:[0,0,0]},t:0,s:[0,0,100]},{t:22,s:[100,100,100]}],ix:6}},ao:0,ef:[{ty:5,nm:"Echo",np:7,mn:"ADBE Echo",ix:1,en:1,ef:[{ty:0,nm:"Echo Time (seconds)",mn:"ADBE Echo-0001",ix:1,v:{a:0,k:-.003,ix:1}},{ty:0,nm:"Number Of Echoes",mn:"ADBE Echo-0002",ix:2,v:{a:0,k:20,ix:2}},{ty:0,nm:"Starting Intensity",mn:"ADBE Echo-0003",ix:3,v:{a:0,k:1,ix:3}},{ty:0,nm:"Decay",mn:"ADBE Echo-0004",ix:4,v:{a:0,k:.8,ix:4}},{ty:7,nm:"Echo Operator",mn:"ADBE Echo-0005",ix:5,v:{a:0,k:2,ix:5}}]}],shapes:[{ty:"gr",it:[{d:1,ty:"el",s:{a:0,k:[120,120],ix:2},p:{a:0,k:[0,0],ix:3},nm:"Ellipse Path 1",mn:"ADBE Vector Shape - Ellipse",hd:!1},{ty:"fl",c:{a:0,k:[.13275122549,.13275122549,.13275122549,1],ix:4},o:{a:0,k:100,ix:5},r:1,bm:0,nm:"Fill 1",mn:"ADBE Vector Graphic - Fill",hd:!1},{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:"Ellipse 1",np:3,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1}],ip:0,op:55,st:0,bm:0}]}],layers:[{ddd:0,ind:1,ty:0,nm:"Loader Main",refId:"comp_0",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[250,260.025,0],ix:2},a:{a:0,k:[250,250,0],ix:1},s:{a:0,k:[100,100,100],ix:6}},ao:0,w:500,h:500,ip:0,op:101,st:0,bm:0}],markers:[]},y=s`*,
|
|
1
|
+
import{__setFunctionName as i,__esDecorate as t,__runInitializers as a,__classPrivateFieldGet as e,__classPrivateFieldSet as n}from"tslib";import{css as s,LitElement as o,unsafeCSS as r,html as p}from"lit";import{customElement as l,property as m,state as d,query as x}from"lit/decorators.js";import{classMap as k}from"lit/directives/class-map.js";import*as c from"lottie-web";var h={v:"4.8.0",meta:{g:"LottieFiles AE 3.5.7",a:"",k:"",d:"",tc:""},fr:30,ip:0,op:101,w:500,h:500,nm:"Pre Loader",ddd:0,assets:[{id:"comp_0",layers:[{ddd:0,ind:1,ty:0,nm:"Loader",refId:"comp_1",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[250,250,0],ix:2},a:{a:0,k:[960,540,0],ix:1},s:{a:0,k:[100,100,100],ix:6}},ao:0,ef:[{ty:21,nm:"Fill",np:9,mn:"ADBE Fill",ix:1,en:1,ef:[{ty:10,nm:"Fill Mask",mn:"ADBE Fill-0001",ix:1,v:{a:0,k:0,ix:1}},{ty:7,nm:"All Masks",mn:"ADBE Fill-0007",ix:2,v:{a:0,k:0,ix:2}},{ty:2,nm:"Color",mn:"ADBE Fill-0002",ix:3,v:{a:0,k:[.184313729405,.501960813999,.549019634724,1],ix:3}},{ty:7,nm:"Invert",mn:"ADBE Fill-0006",ix:4,v:{a:0,k:0,ix:4}},{ty:0,nm:"Horizontal Feather",mn:"ADBE Fill-0003",ix:5,v:{a:0,k:0,ix:5}},{ty:0,nm:"Vertical Feather",mn:"ADBE Fill-0004",ix:6,v:{a:0,k:0,ix:6}},{ty:0,nm:"Opacity",mn:"ADBE Fill-0005",ix:7,v:{a:0,k:1,ix:7}}]}],w:1920,h:1080,ip:23,op:101,st:23,bm:0},{ddd:0,ind:2,ty:0,nm:"Loader",refId:"comp_1",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[250,250,0],ix:2},a:{a:0,k:[960,540,0],ix:1},s:{a:0,k:[100,100,100],ix:6}},ao:0,ef:[{ty:21,nm:"Fill",np:9,mn:"ADBE Fill",ix:1,en:1,ef:[{ty:10,nm:"Fill Mask",mn:"ADBE Fill-0001",ix:1,v:{a:0,k:0,ix:1}},{ty:7,nm:"All Masks",mn:"ADBE Fill-0007",ix:2,v:{a:0,k:0,ix:2}},{ty:2,nm:"Color",mn:"ADBE Fill-0002",ix:3,v:{a:0,k:[1,0,0,1],ix:3}},{ty:7,nm:"Invert",mn:"ADBE Fill-0006",ix:4,v:{a:0,k:0,ix:4}},{ty:0,nm:"Horizontal Feather",mn:"ADBE Fill-0003",ix:5,v:{a:0,k:0,ix:5}},{ty:0,nm:"Vertical Feather",mn:"ADBE Fill-0004",ix:6,v:{a:0,k:0,ix:6}},{ty:0,nm:"Opacity",mn:"ADBE Fill-0005",ix:7,v:{a:0,k:1,ix:7}}]}],w:1920,h:1080,ip:0,op:101,st:0,bm:0},{ddd:0,ind:3,ty:4,nm:"Filler",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[250,250,0],ix:2},a:{a:0,k:[0,0,0],ix:1},s:{a:0,k:[100,100,100],ix:6}},ao:0,shapes:[{ty:"gr",it:[{d:1,ty:"el",s:{a:0,k:[120,120],ix:2},p:{a:0,k:[0,0],ix:3},nm:"Ellipse Path 1",mn:"ADBE Vector Shape - Ellipse",hd:!1},{ty:"fl",c:{a:0,k:[.976470588235,.976470588235,.976470588235,1],ix:4},o:{a:0,k:100,ix:5},r:1,bm:0,nm:"Fill 1",mn:"ADBE Vector Graphic - Fill",hd:!1},{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:"Ellipse 1",np:3,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1}],ip:0,op:101,st:0,bm:0}]},{id:"comp_1",layers:[{ddd:0,ind:1,ty:4,nm:"Mask",td:1,sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[964,540,0],ix:2},a:{a:0,k:[0,0,0],ix:1},s:{a:0,k:[100,100,100],ix:6}},ao:0,shapes:[{ty:"gr",it:[{ty:"rc",d:1,s:{a:0,k:[130.395,368.008],ix:2},p:{a:0,k:[0,3],ix:3},r:{a:0,k:73,ix:4},nm:"Rectangle Path 1",mn:"ADBE Vector Shape - Rect",hd:!1},{ty:"fl",c:{a:0,k:[.13275122549,.13275122549,.13275122549,1],ix:4},o:{a:0,k:100,ix:5},r:1,bm:0,nm:"Fill 1",mn:"ADBE Vector Graphic - Fill",hd:!1},{ty:"tr",p:{a:0,k:[-3.311,-127.861],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[94.051,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:"Rectangle 1",np:3,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1}],ip:0,op:900,st:0,bm:0},{ddd:0,ind:2,ty:4,nm:"Fill 2",parent:3,tt: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,y:1},o:{x:.333,y:0},t:0,s:[0,-57,0],to:[0,0,0],ti:[0,0,0]},{i:{x:.667,y:.667},o:{x:.333,y:.333},t:22,s:[0,-160,0],to:[0,0,0],ti:[0,0,0]},{i:{x:.215,y:1},o:{x:.333,y:0},t:33,s:[0,-160,0],to:[0,0,0],ti:[0,0,0]},{i:{x:.387,y:1},o:{x:.712,y:0},t:51,s:[0,-189,0],to:[0,0,0],ti:[0,0,0]},{t:78,s:[0,120,0]}],ix:2},a:{a:0,k:[0,0,0],ix:1},s:{a:1,k:[{i:{x:[0,0,.667],y:[1,1,1]},o:{x:[.333,.333,.333],y:[0,0,0]},t:0,s:[0,0,100]},{t:22,s:[100,100,100]}],ix:6}},ao:0,ef:[{ty:5,nm:"Echo",np:7,mn:"ADBE Echo",ix:1,en:1,ef:[{ty:0,nm:"Echo Time (seconds)",mn:"ADBE Echo-0001",ix:1,v:{a:0,k:-.003,ix:1}},{ty:0,nm:"Number Of Echoes",mn:"ADBE Echo-0002",ix:2,v:{a:0,k:20,ix:2}},{ty:0,nm:"Starting Intensity",mn:"ADBE Echo-0003",ix:3,v:{a:0,k:1,ix:3}},{ty:0,nm:"Decay",mn:"ADBE Echo-0004",ix:4,v:{a:0,k:.701,ix:4}},{ty:7,nm:"Echo Operator",mn:"ADBE Echo-0005",ix:5,v:{a:0,k:2,ix:5}}]}],shapes:[{ty:"gr",it:[{d:1,ty:"el",s:{a:0,k:[120,120],ix:2},p:{a:0,k:[0,0],ix:3},nm:"Ellipse Path 1",mn:"ADBE Vector Shape - Ellipse",hd:!1},{ty:"fl",c:{a:0,k:[.13275122549,.13275122549,.13275122549,1],ix:4},o:{a:0,k:100,ix:5},r:1,bm:0,nm:"Fill 1",mn:"ADBE Vector Graphic - Fill",hd:!1},{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:"Ellipse 1",np:3,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1}],ip:55,op:900,st:0,bm:0},{ddd:0,ind:3,ty:3,nm:"Controller",sr:1,ks:{o:{a:0,k:0,ix:11},r:{a:1,k:[{i:{x:[.352],y:[1]},o:{x:[.659],y:[0]},t:10,s:[0]},{t:55,s:[-360]}],ix:10},p:{a:0,k:[960,540,0],ix:2},a:{a:0,k:[0,0,0],ix:1},s:{a:0,k:[100,100,100],ix:6}},ao:0,ip:0,op:900,st:0,bm:0},{ddd:0,ind:4,ty:4,nm:"Fill 1",parent:3,sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:1,k:[{i:{x:0,y:1},o:{x:.333,y:0},t:0,s:[0,-57,0],to:[0,0,0],ti:[0,0,0]},{i:{x:.667,y:.667},o:{x:.333,y:.333},t:22,s:[0,-160,0],to:[0,0,0],ti:[0,0,0]},{i:{x:.215,y:1},o:{x:.333,y:0},t:33,s:[0,-160,0],to:[0,0,0],ti:[0,0,0]},{i:{x:.387,y:1},o:{x:.712,y:0},t:51,s:[0,-189,0],to:[0,0,0],ti:[0,0,0]},{t:78,s:[0,120,0]}],ix:2},a:{a:0,k:[0,0,0],ix:1},s:{a:1,k:[{i:{x:[0,0,.667],y:[1,1,1]},o:{x:[.333,.333,.333],y:[0,0,0]},t:0,s:[0,0,100]},{t:22,s:[100,100,100]}],ix:6}},ao:0,ef:[{ty:5,nm:"Echo",np:7,mn:"ADBE Echo",ix:1,en:1,ef:[{ty:0,nm:"Echo Time (seconds)",mn:"ADBE Echo-0001",ix:1,v:{a:0,k:-.003,ix:1}},{ty:0,nm:"Number Of Echoes",mn:"ADBE Echo-0002",ix:2,v:{a:0,k:20,ix:2}},{ty:0,nm:"Starting Intensity",mn:"ADBE Echo-0003",ix:3,v:{a:0,k:1,ix:3}},{ty:0,nm:"Decay",mn:"ADBE Echo-0004",ix:4,v:{a:0,k:.8,ix:4}},{ty:7,nm:"Echo Operator",mn:"ADBE Echo-0005",ix:5,v:{a:0,k:2,ix:5}}]}],shapes:[{ty:"gr",it:[{d:1,ty:"el",s:{a:0,k:[120,120],ix:2},p:{a:0,k:[0,0],ix:3},nm:"Ellipse Path 1",mn:"ADBE Vector Shape - Ellipse",hd:!1},{ty:"fl",c:{a:0,k:[.13275122549,.13275122549,.13275122549,1],ix:4},o:{a:0,k:100,ix:5},r:1,bm:0,nm:"Fill 1",mn:"ADBE Vector Graphic - Fill",hd:!1},{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:"Ellipse 1",np:3,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1}],ip:0,op:55,st:0,bm:0}]}],layers:[{ddd:0,ind:1,ty:0,nm:"Loader Main",refId:"comp_0",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[250,260.025,0],ix:2},a:{a:0,k:[250,250,0],ix:1},s:{a:0,k:[100,100,100],ix:6}},ao:0,w:500,h:500,ip:0,op:101,st:0,bm:0}],markers:[]},y=s`*,
|
|
2
2
|
*::before,
|
|
3
3
|
*::after {
|
|
4
4
|
box-sizing: border-box;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"loader.js","sources":["../../../../src/components/reusable/loaders/loader.ts"],"sourcesContent":["import { LitElement, html, unsafeCSS } from 'lit';\nimport { customElement, property, state, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport lottie from 'lottie-web';\nimport animationData from './json/loader.json';\nimport Styles from './loader.scss?inline';\n\n/**\n * Loader.\n * @fires on-start - Emits when the loader been started.`detail: null`\n * @fires on-stop - Emits when the loader has been stopped and all animations have completed.`detail:null`\n */\n@customElement('kyn-loader')\nexport class Loader extends LitElement {\n static override styles = unsafeCSS(Styles);\n\n /** Animation stopped state */\n @property({ type: Boolean })\n accessor stopped = false;\n\n /** Display the loader as an overlay */\n @property({ type: Boolean })\n accessor overlay = false;\n\n /** Animation loop has finished and stopped\n * @internal\n */\n @state()\n private accessor _stopped = false;\n\n /** Wrapper element\n * @internal\n */\n @query('.wrapper')\n private accessor _wrapperEl!: any;\n\n /** Hidden state\n * @internal\n */\n @state()\n private accessor _hidden = false;\n\n /** Animation container element\n * @internal\n */\n @query('.container')\n private accessor _containerEl!: any;\n\n /** Animation instance\n * @internal\n */\n @state()\n private accessor _animation!: any;\n\n override render() {\n const Classes = {\n wrapper: true,\n overlay: this.overlay,\n stopped: this._stopped,\n hidden: this._hidden,\n };\n\n return html`\n <div class=\"${classMap(Classes)}\">\n <div class=\"container\"></div>\n </div>\n `;\n }\n\n override firstUpdated() {\n // sync internal states\n this._stopped = this.stopped;\n this._hidden = this.stopped;\n\n // initialize the animation\n this._animation = lottie.loadAnimation({\n container: this._containerEl, // the dom element that will contain the animation\n renderer: 'svg',\n loop: true,\n autoplay: false,\n animationData: animationData,\n });\n\n // stop the animation at the end of the loop\n this._animation.addEventListener('loopComplete', () => {\n if (this.stopped) {\n this._animation.stop();\n this._stopped = true;\n }\n });\n\n // hide the wrapper element and emit an event after stopped and transitionend\n this._wrapperEl.addEventListener('transitionend', () => {\n if (this._stopped) {\n this._hidden = true;\n this._emitStop();\n }\n });\n }\n\n override updated(changedProps: any) {\n if (changedProps.has('stopped')) {\n // play the animation if stopped prop changes to false\n if (!this.stopped) {\n this._animation.play();\n this._stopped = false;\n this._hidden = false;\n this._emitStart();\n }\n }\n }\n\n private _emitStart() {\n const event = new CustomEvent('on-start');\n this.dispatchEvent(event);\n }\n\n private _emitStop() {\n const event = new CustomEvent('on-stop');\n this.dispatchEvent(event);\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'kyn-loader': Loader;\n }\n}\n"],"names":["Loader","customElement","LitElement","_classThis","_classSuper","stopped","__classPrivateFieldGet","this","_Loader_stopped_accessor_storage","value","__classPrivateFieldSet","overlay","_Loader_overlay_accessor_storage","_stopped","_Loader__stopped_accessor_storage","_wrapperEl","_Loader__wrapperEl_accessor_storage","_hidden","_Loader__hidden_accessor_storage","_containerEl","_Loader__containerEl_accessor_storage","_animation","_Loader__animation_accessor_storage","render","Classes","wrapper","hidden","html","classMap","firstUpdated","lottie","loadAnimation","container","renderer","loop","autoplay","animationData","addEventListener","stop","_emitStop","updated","changedProps","has","play","_emitStart","event","CustomEvent","dispatchEvent","set","__runInitializers","_stopped_initializers","_stopped_extraInitializers","_overlay_initializers","_overlay_extraInitializers","__stopped_initializers","__stopped_extraInitializers","__wrapperEl_initializers","__wrapperEl_extraInitializers","__hidden_initializers","__hidden_extraInitializers","__containerEl_initializers","__containerEl_extraInitializers","__animation_initializers","_stopped_decorators","property","type","Boolean","_overlay_decorators","__stopped_decorators","state","query","__hidden_decorators","__animation_decorators","__esDecorate","kind","name","static","private","access","obj","get","metadata","_metadata","__wrapperEl_decorators","__containerEl_decorators","__animation_extraInitializers","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS","Styles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAaaA,EAAM,iDADlBC,EAAc,sBACaC,+EAARC,EAAA,cAAQC,EAK1B,WAASC,GAAO,OAAAC,EAAAC,KAAAC,EAAA,IAAA,CAAhB,WAASH,CAAOI,GAAAC,EAAAH,KAAAC,EAAAC,EAAA,IAAA,CAIhB,WAASE,GAAO,OAAAL,EAAAC,KAAAK,EAAA,IAAA,CAAhB,WAASD,CAAOF,GAAAC,EAAAH,KAAAK,EAAAH,EAAA,IAAA,CAMhB,YAAiBI,GAAQ,OAAAP,EAAAC,KAAAO,EAAA,IAAA,CAAzB,YAAiBD,CAAQJ,GAAAC,EAAAH,KAAAO,EAAAL,EAAA,IAAA,CAMzB,cAAiBM,GAAU,OAAAT,EAAAC,KAAAS,EAAA,IAAA,CAA3B,cAAiBD,CAAUN,GAAAC,EAAAH,KAAAS,EAAAP,EAAA,IAAA,CAM3B,WAAiBQ,GAAO,OAAAX,EAAAC,KAAAW,EAAA,IAAA,CAAxB,WAAiBD,CAAOR,GAAAC,EAAAH,KAAAW,EAAAT,EAAA,IAAA,CAMxB,gBAAiBU,GAAY,OAAAb,EAAAC,KAAAa,EAAA,IAAA,CAA7B,gBAAiBD,CAAYV,GAAAC,EAAAH,KAAAa,EAAAX,EAAA,IAAA,CAM7B,cAAiBY,GAAU,OAAAf,EAAAC,KAAAe,EAAA,IAAA,CAA3B,cAAiBD,CAAUZ,GAAAC,EAAAH,KAAAe,EAAAb,EAAA,IAAA,CAElB,MAAAc,GACP,MAAMC,EAAU,CACdC,SAAS,EACTd,QAASJ,KAAKI,QACdN,QAASE,KAAKM,SACda,OAAQnB,KAAKU,SAGf,OAAOU,CAAI;oBACKC,EAASJ;;;MAMlB,YAAAK,GAEPtB,KAAKM,SAAWN,KAAKF,QACrBE,KAAKU,QAAUV,KAAKF,QAGpBE,KAAKc,
|
|
1
|
+
{"version":3,"file":"loader.js","sources":["../../../../src/components/reusable/loaders/loader.ts"],"sourcesContent":["import { LitElement, html, unsafeCSS } from 'lit';\nimport { customElement, property, state, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport * as lottie from 'lottie-web';\nimport animationData from './json/loader.json';\nimport Styles from './loader.scss?inline';\n\n/**\n * Loader.\n * @fires on-start - Emits when the loader been started.`detail: null`\n * @fires on-stop - Emits when the loader has been stopped and all animations have completed.`detail:null`\n */\n@customElement('kyn-loader')\nexport class Loader extends LitElement {\n static override styles = unsafeCSS(Styles);\n\n /** Animation stopped state */\n @property({ type: Boolean })\n accessor stopped = false;\n\n /** Display the loader as an overlay */\n @property({ type: Boolean })\n accessor overlay = false;\n\n /** Animation loop has finished and stopped\n * @internal\n */\n @state()\n private accessor _stopped = false;\n\n /** Wrapper element\n * @internal\n */\n @query('.wrapper')\n private accessor _wrapperEl!: any;\n\n /** Hidden state\n * @internal\n */\n @state()\n private accessor _hidden = false;\n\n /** Animation container element\n * @internal\n */\n @query('.container')\n private accessor _containerEl!: any;\n\n /** Animation instance\n * @internal\n */\n @state()\n private accessor _animation!: any;\n\n override render() {\n const Classes = {\n wrapper: true,\n overlay: this.overlay,\n stopped: this._stopped,\n hidden: this._hidden,\n };\n\n return html`\n <div class=\"${classMap(Classes)}\">\n <div class=\"container\"></div>\n </div>\n `;\n }\n\n override firstUpdated() {\n // sync internal states\n this._stopped = this.stopped;\n this._hidden = this.stopped;\n\n // initialize the animation\n this._animation = (lottie as any).loadAnimation({\n container: this._containerEl, // the dom element that will contain the animation\n renderer: 'svg',\n loop: true,\n autoplay: false,\n animationData: animationData,\n });\n\n // stop the animation at the end of the loop\n this._animation.addEventListener('loopComplete', () => {\n if (this.stopped) {\n this._animation.stop();\n this._stopped = true;\n }\n });\n\n // hide the wrapper element and emit an event after stopped and transitionend\n this._wrapperEl.addEventListener('transitionend', () => {\n if (this._stopped) {\n this._hidden = true;\n this._emitStop();\n }\n });\n }\n\n override updated(changedProps: any) {\n if (changedProps.has('stopped')) {\n // play the animation if stopped prop changes to false\n if (!this.stopped) {\n this._animation.play();\n this._stopped = false;\n this._hidden = false;\n this._emitStart();\n }\n }\n }\n\n private _emitStart() {\n const event = new CustomEvent('on-start');\n this.dispatchEvent(event);\n }\n\n private _emitStop() {\n const event = new CustomEvent('on-stop');\n this.dispatchEvent(event);\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'kyn-loader': Loader;\n }\n}\n"],"names":["Loader","customElement","LitElement","_classThis","_classSuper","stopped","__classPrivateFieldGet","this","_Loader_stopped_accessor_storage","value","__classPrivateFieldSet","overlay","_Loader_overlay_accessor_storage","_stopped","_Loader__stopped_accessor_storage","_wrapperEl","_Loader__wrapperEl_accessor_storage","_hidden","_Loader__hidden_accessor_storage","_containerEl","_Loader__containerEl_accessor_storage","_animation","_Loader__animation_accessor_storage","render","Classes","wrapper","hidden","html","classMap","firstUpdated","lottie","loadAnimation","container","renderer","loop","autoplay","animationData","addEventListener","stop","_emitStop","updated","changedProps","has","play","_emitStart","event","CustomEvent","dispatchEvent","set","__runInitializers","_stopped_initializers","_stopped_extraInitializers","_overlay_initializers","_overlay_extraInitializers","__stopped_initializers","__stopped_extraInitializers","__wrapperEl_initializers","__wrapperEl_extraInitializers","__hidden_initializers","__hidden_extraInitializers","__containerEl_initializers","__containerEl_extraInitializers","__animation_initializers","_stopped_decorators","property","type","Boolean","_overlay_decorators","__stopped_decorators","state","query","__hidden_decorators","__animation_decorators","__esDecorate","kind","name","static","private","access","obj","get","metadata","_metadata","__wrapperEl_decorators","__containerEl_decorators","__animation_extraInitializers","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS","Styles"],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{__setFunctionName as t,__esDecorate as a,__runInitializers as e,__classPrivateFieldGet as i,__classPrivateFieldSet as s}from"tslib";import{unsafeSVG as r}from"lit-html/directives/unsafe-svg.js";import{css as n,LitElement as o,unsafeCSS as c,html as d}from"lit";import{customElement as l,property as p,state as h,query as m}from"lit/decorators.js";import{classMap as v}from"lit/directives/class-map.js";import k from"lottie-web";import{c as u,a as y}from"../../../inline-CxNcYPfA.js";import{s as f,e as g}from"../../../vendor/@kyndryl-design-system/shidoka-icons-oqOblwTK.js";var w=n`/* aiLoader.scss */
|
|
1
|
+
import{__setFunctionName as t,__esDecorate as a,__runInitializers as e,__classPrivateFieldGet as i,__classPrivateFieldSet as s}from"tslib";import{unsafeSVG as r}from"lit-html/directives/unsafe-svg.js";import{css as n,LitElement as o,unsafeCSS as c,html as d}from"lit";import{customElement as l,property as p,state as h,query as m}from"lit/decorators.js";import{classMap as v}from"lit/directives/class-map.js";import*as k from"lottie-web";import{c as u,a as y}from"../../../inline-CxNcYPfA.js";import{s as f,e as g}from"../../../vendor/@kyndryl-design-system/shidoka-icons-oqOblwTK.js";var w=n`/* aiLoader.scss */
|
|
2
2
|
*,
|
|
3
3
|
*::before,
|
|
4
4
|
*::after {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"spinner.js","sources":["../../../../src/components/reusable/loaders/spinner.ts"],"sourcesContent":["import { unsafeSVG } from 'lit-html/directives/unsafe-svg.js';\nimport { LitElement, html, unsafeCSS } from 'lit';\nimport { customElement, property, state, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport lottie from 'lottie-web';\n\nimport InlineStyles from './inline.scss?inline';\nimport AiStyles from './aiLoader.scss?inline';\n\nimport animationData from './json/indeterminate.json';\nimport successIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/checkmark-filled.svg';\nimport errorIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/error-filled.svg';\n\ntype SpinnerVariant = 'ai' | 'inline';\ntype SpinnerSize = 'default' | 'mini';\n\n/**\n * Spinner component\n *\n * - tag: <kyn-spinner>\n * - variant: 'ai' (CSS/SVG spinner) or 'inline' (lottie indeterminate animation)\n * - status: for inline variant -> 'active' | 'inactive' | 'success' | 'error'\n * - size: for ai variant -> 'default' | 'mini'\n *\n * Colors can be set via properties: primaryColor, secondaryColor, trackColor\n * which set CSS variables on the host (--loader-primary, --loader-secondary, --loader-track).\n */\n@customElement('kyn-spinner')\nexport class KynSpinner extends LitElement {\n static override styles = [unsafeCSS(InlineStyles), unsafeCSS(AiStyles)];\n\n /** Which variant to render: 'ai' | 'inline' */\n @property({ type: String })\n accessor variant: SpinnerVariant = 'ai';\n\n /** Inline spinner status. Can be `active`, `inactive`, `success`, `error`. */\n @property({ type: String })\n accessor status = 'active';\n\n /** Size for AI spinner */\n @property({ type: String })\n accessor size: SpinnerSize = 'default';\n\n /** Primary color for spinner (CSS color string). Sets --loader-primary on host. */\n @property({ type: String })\n accessor primaryColor: string | undefined = undefined;\n\n /** Secondary color (e.g., arc color). Sets --loader-secondary on host. */\n @property({ type: String })\n accessor secondaryColor: string | undefined = undefined;\n\n /** Track/backdrop color for SVG track. Sets --loader-track on host. */\n @property({ type: String })\n accessor trackColor: string | undefined = undefined;\n\n /** Inline spinner internal states */\n @state()\n private accessor _stopped = false;\n\n @state()\n private accessor _hidden = false;\n\n @query('.container')\n private accessor _containerEl!: any;\n\n override render() {\n if (this.variant === 'inline') {\n const Classes = {\n wrapper: true,\n 'variant-inline': true,\n stopped: this._stopped,\n hidden: this._hidden,\n 'status-success': this.status === 'success',\n 'status-error': this.status === 'error',\n };\n\n return html`\n <div class=\"${classMap(Classes)}\">\n <div class=\"container\"></div>\n <span class=\"status-icon success\">${unsafeSVG(successIcon)}</span>\n <span class=\"status-icon error\">${unsafeSVG(errorIcon)}</span>\n <slot></slot>\n </div>\n `;\n }\n\n const Classes = {\n wrapper: true,\n 'variant-ai': true,\n 'ai-connected': true,\n [`size-${this.size}`]: true,\n };\n\n return html`\n <div\n class=\"${classMap(Classes)}\"\n role=\"status\"\n aria-live=\"polite\"\n aria-label=\"Loading\"\n >\n <div class=\"ai-spinner-svg\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 100 100\" class=\"ai-svg\">\n <circle class=\"ai-track\" cx=\"50\" cy=\"50\" r=\"44\" pathLength=\"100\" />\n <circle class=\"ai-arc\" cx=\"50\" cy=\"50\" r=\"44\" pathLength=\"100\" />\n </svg>\n </div>\n </div>\n `;\n }\n\n override connectedCallback() {\n super.connectedCallback();\n this._syncCssVars();\n }\n\n override updated(changed: Map<string, unknown>) {\n if (\n changed.has('primaryColor') ||\n changed.has('secondaryColor') ||\n changed.has('trackColor')\n ) {\n this._syncCssVars();\n }\n if (changed.has('status') && this.variant === 'inline') {\n this._stopped = this.status !== 'active';\n this._hidden = this._stopped;\n if (this.status === 'active') this._emitStart();\n }\n }\n\n override firstUpdated() {\n if (this.variant !== 'inline') return;\n this._stopped = this.status !== 'active';\n this._hidden = this._stopped;\n\n try {\n lottie.loadAnimation({\n container: this._containerEl,\n renderer: 'svg',\n loop: true,\n autoplay: this.status === 'active',\n animationData,\n });\n } catch {\n /* do nothing on error -- lottie failed to load/render */\n }\n\n this._containerEl?.addEventListener('transitionend', () => {\n if (this._stopped) {\n this._hidden = true;\n this._emitStop();\n }\n });\n }\n\n private _syncCssVars() {\n if (this.primaryColor)\n this.style.setProperty('--loader-primary', this.primaryColor);\n if (this.secondaryColor)\n this.style.setProperty('--loader-secondary', this.secondaryColor);\n if (this.trackColor)\n this.style.setProperty('--loader-track', this.trackColor);\n }\n\n private _emitStart() {\n this.dispatchEvent(new CustomEvent('on-start'));\n }\n private _emitStop() {\n this.dispatchEvent(new CustomEvent('on-stop'));\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'kyn-spinner': KynSpinner;\n }\n}\n"],"names":["KynSpinner","customElement","LitElement","_classThis","_classSuper","variant","__classPrivateFieldGet","this","_KynSpinner_variant_accessor_storage","value","__classPrivateFieldSet","status","_KynSpinner_status_accessor_storage","size","_KynSpinner_size_accessor_storage","primaryColor","_KynSpinner_primaryColor_accessor_storage","secondaryColor","_KynSpinner_secondaryColor_accessor_storage","trackColor","_KynSpinner_trackColor_accessor_storage","_stopped","_KynSpinner__stopped_accessor_storage","_hidden","_KynSpinner__hidden_accessor_storage","_containerEl","_KynSpinner__containerEl_accessor_storage","render","Classes","wrapper","stopped","hidden","html","classMap","unsafeSVG","successIcon","errorIcon","connectedCallback","super","_syncCssVars","updated","changed","has","_emitStart","firstUpdated","lottie","loadAnimation","container","renderer","loop","autoplay","animationData","_a","addEventListener","_emitStop","style","setProperty","dispatchEvent","CustomEvent","set","__runInitializers","_variant_initializers","_variant_extraInitializers","_status_initializers","_status_extraInitializers","_size_initializers","_size_extraInitializers","_primaryColor_initializers","undefined","_primaryColor_extraInitializers","_secondaryColor_initializers","_secondaryColor_extraInitializers","_trackColor_initializers","_trackColor_extraInitializers","__stopped_initializers","__stopped_extraInitializers","__hidden_initializers","__hidden_extraInitializers","__containerEl_initializers","_variant_decorators","property","type","String","_status_decorators","_size_decorators","_primaryColor_decorators","_secondaryColor_decorators","_trackColor_decorators","__stopped_decorators","state","__hidden_decorators","query","__esDecorate","kind","name","static","private","access","obj","get","metadata","_metadata","__containerEl_decorators","__containerEl_extraInitializers","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS","InlineStyles","AiStyles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA4BaA,EAAU,yDADtBC,EAAc,uBACiBC,0GAARC,EAAA,cAAQC,EAK9B,WAASC,GAAO,OAAAC,EAAAC,KAAAC,EAAA,IAAA,CAAhB,WAASH,CAAOI,GAAAC,EAAAH,KAAAC,EAAAC,EAAA,IAAA,CAIhB,UAASE,GAAM,OAAAL,EAAAC,KAAAK,EAAA,IAAA,CAAf,UAASD,CAAMF,GAAAC,EAAAH,KAAAK,EAAAH,EAAA,IAAA,CAIf,QAASI,GAAI,OAAAP,EAAAC,KAAAO,EAAA,IAAA,CAAb,QAASD,CAAIJ,GAAAC,EAAAH,KAAAO,EAAAL,EAAA,IAAA,CAIb,gBAASM,GAAY,OAAAT,EAAAC,KAAAS,EAAA,IAAA,CAArB,gBAASD,CAAYN,GAAAC,EAAAH,KAAAS,EAAAP,EAAA,IAAA,CAIrB,kBAASQ,GAAc,OAAAX,EAAAC,KAAAW,EAAA,IAAA,CAAvB,kBAASD,CAAcR,GAAAC,EAAAH,KAAAW,EAAAT,EAAA,IAAA,CAIvB,cAASU,GAAU,OAAAb,EAAAC,KAAAa,EAAA,IAAA,CAAnB,cAASD,CAAUV,GAAAC,EAAAH,KAAAa,EAAAX,EAAA,IAAA,CAInB,YAAiBY,GAAQ,OAAAf,EAAAC,KAAAe,EAAA,IAAA,CAAzB,YAAiBD,CAAQZ,GAAAC,EAAAH,KAAAe,EAAAb,EAAA,IAAA,CAGzB,WAAiBc,GAAO,OAAAjB,EAAAC,KAAAiB,EAAA,IAAA,CAAxB,WAAiBD,CAAOd,GAAAC,EAAAH,KAAAiB,EAAAf,EAAA,IAAA,CAGxB,gBAAiBgB,GAAY,OAAAnB,EAAAC,KAAAmB,EAAA,IAAA,CAA7B,gBAAiBD,CAAYhB,GAAAC,EAAAH,KAAAmB,EAAAjB,EAAA,IAAA,CAEpB,MAAAkB,GACP,GAAqB,WAAjBpB,KAAKF,QAAsB,CAC7B,MAAMuB,EAAU,CACdC,SAAS,EACT,kBAAkB,EAClBC,QAASvB,KAAKc,SACdU,OAAQxB,KAAKgB,QACb,iBAAkC,YAAhBhB,KAAKI,OACvB,eAAgC,UAAhBJ,KAAKI,QAGvB,OAAOqB,CAAI;sBACKC,EAASL;;8CAEeM,EAAUC;4CACZD,EAAUE;;;QAMlD,MAAMR,EAAU,CACdC,SAAS,EACT,cAAc,EACd,gBAAgB,EAChB,CAAC,QAAQtB,KAAKM,SAAS,GAGzB,OAAOmB,CAAI;;iBAEEC,EAASL;;;;;;;;;;;;MAef,iBAAAS,GACPC,MAAMD,oBACN9B,KAAKgC,eAGE,OAAAC,CAAQC,IAEbA,EAAQC,IAAI,iBACZD,EAAQC,IAAI,mBACZD,EAAQC,IAAI,gBAEZnC,KAAKgC,eAEHE,EAAQC,IAAI,WAA8B,WAAjBnC,KAAKF,UAChCE,KAAKc,SAA2B,WAAhBd,KAAKI,OACrBJ,KAAKgB,QAAUhB,KAAKc,SACA,WAAhBd,KAAKI,QAAqBJ,KAAKoC,cAI9B,YAAAC,SACP,GAAqB,WAAjBrC,KAAKF,QAAT,CACAE,KAAKc,SAA2B,WAAhBd,KAAKI,OACrBJ,KAAKgB,QAAUhB,KAAKc,SAEpB,IACEwB,EAAOC,cAAc,CACnBC,UAAWxC,KAAKkB,aAChBuB,SAAU,MACVC,MAAM,EACNC,SAA0B,WAAhB3C,KAAKI,OACfwC,kBAEF,OAIe,QAAjBC,EAAA7C,KAAKkB,oBAAY,IAAA2B,GAAAA,EAAEC,iBAAiB,iBAAiB,KAC/C9C,KAAKc,WACPd,KAAKgB,SAAU,EACfhB,KAAK+C,eAnBsB,EAwBzB,YAAAf,GACFhC,KAAKQ,cACPR,KAAKgD,MAAMC,YAAY,mBAAoBjD,KAAKQ,cAC9CR,KAAKU,gBACPV,KAAKgD,MAAMC,YAAY,qBAAsBjD,KAAKU,gBAChDV,KAAKY,YACPZ,KAAKgD,MAAMC,YAAY,iBAAkBjD,KAAKY,YAG1C,UAAAwB,GACNpC,KAAKkD,cAAc,IAAIC,YAAY,aAE7B,SAAAJ,GACN/C,KAAKkD,cAAc,IAAIC,YAAY,8CAvI5BlD,EAAAmD,IAAApD,KAAAqD,EAAArD,KAAAsD,EAA0B,OAI1BjD,EAAA+C,IAAApD,MAAAqD,EAAArD,KAAAuD,GAAAF,EAAArD,KAAAwD,EAAS,YAITjD,EAAA6C,IAAApD,MAAAqD,EAAArD,KAAAyD,GAAAJ,EAAArD,KAAA0D,EAAoB,aAIpBjD,EAAA2C,IAAApD,MAAAqD,EAAArD,KAAA2D,GAAAN,EAAArD,KAAA4D,OAAmCC,KAInClD,EAAAyC,IAAApD,MAAAqD,EAAArD,KAAA8D,GAAAT,EAAArD,KAAA+D,OAAqCF,KAIrChD,EAAAuC,IAAApD,MAAAqD,EAAArD,KAAAgE,GAAAX,EAAArD,KAAAiE,OAAiCJ,KAIzB9C,EAAAqC,IAAApD,MAAAqD,EAAArD,KAAAkE,IAAAb,EAAArD,KAAAmE,IAAW,KAGXlD,EAAAmC,IAAApD,MAAAqD,EAAArD,KAAAoE,IAAAf,EAAArD,KAAAqE,IAAU,KAGVlD,EAAAiC,IAAApD,MAAAqD,EAAArD,KAAAsE,IAAAjB,EAAArD,KAAAuE,QAAA,wSA/BhBC,EAAA,CAAAC,EAAS,CAAEC,KAAMC,UAIjBC,EAAA,CAAAH,EAAS,CAAEC,KAAMC,UAIjBE,EAAA,CAAAJ,EAAS,CAAEC,KAAMC,UAIjBG,EAAA,CAAAL,EAAS,CAAEC,KAAMC,UAIjBI,EAAA,CAAAN,EAAS,CAAEC,KAAMC,UAIjBK,EAAA,CAAAP,EAAS,CAAEC,KAAMC,UAIjBM,EAAA,CAAAC,KAGAC,EAAA,CAAAD,QAGAE,EAAM,eA7BPC,EAAAzF,EAAA,KAAA4E,EAAA,CAAAc,KAAA,WAAAC,KAAA,UAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAvD,IAAAwD,GAAA,YAAAA,EAAAC,IAAAD,GAAAA,EAAS7F,QAAOsD,IAAA,CAAAuC,EAAAzF,KAAAyF,EAAP7F,QAAOI,CAAA,GAAA2F,SAAAC,GAAAxC,EAAAC,GAIhB8B,EAAAzF,EAAA,KAAAgF,EAAA,CAAAU,KAAA,WAAAC,KAAA,SAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAvD,IAAAwD,GAAA,WAAAA,EAAAC,IAAAD,GAAAA,EAASvF,OAAMgD,IAAA,CAAAuC,EAAAzF,KAAAyF,EAANvF,OAAMF,CAAA,GAAA2F,SAAAC,GAAAtC,EAAAC,GAIf4B,EAAAzF,EAAA,KAAAiF,EAAA,CAAAS,KAAA,WAAAC,KAAA,OAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAvD,IAAAwD,GAAA,SAAAA,EAAAC,IAAAD,GAAAA,EAASrF,KAAI8C,IAAA,CAAAuC,EAAAzF,KAAAyF,EAAJrF,KAAIJ,CAAA,GAAA2F,SAAAC,GAAApC,EAAAC,GAIb0B,EAAAzF,EAAA,KAAAkF,EAAA,CAAAQ,KAAA,WAAAC,KAAA,eAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAvD,IAAAwD,GAAA,iBAAAA,EAAAC,IAAAD,GAAAA,EAASnF,aAAY4C,IAAA,CAAAuC,EAAAzF,KAAAyF,EAAZnF,aAAYN,CAAA,GAAA2F,SAAAC,GAAAlC,EAAAE,GAIrBuB,EAAAzF,EAAA,KAAAmF,EAAA,CAAAO,KAAA,WAAAC,KAAA,iBAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAvD,IAAAwD,GAAA,mBAAAA,EAAAC,IAAAD,GAAAA,EAASjF,eAAc0C,IAAA,CAAAuC,EAAAzF,KAAAyF,EAAdjF,eAAcR,CAAA,GAAA2F,SAAAC,GAAA/B,EAAAC,GAIvBqB,EAAAzF,EAAA,KAAAoF,EAAA,CAAAM,KAAA,WAAAC,KAAA,aAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAvD,IAAAwD,GAAA,eAAAA,EAAAC,IAAAD,GAAAA,EAAS/E,WAAUwC,IAAA,CAAAuC,EAAAzF,KAAAyF,EAAV/E,WAAUV,CAAA,GAAA2F,SAAAC,GAAA7B,EAAAC,IAInBmB,EAAAzF,EAAA,KAAAqF,EAAA,CAAAK,KAAA,WAAAC,KAAA,WAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAvD,IAAAwD,GAAA,aAAAA,EAAAC,IAAAD,GAAAA,EAAiB7E,SAAQsC,IAAA,CAAAuC,EAAAzF,KAAAyF,EAAR7E,SAAQZ,CAAA,GAAA2F,SAAAC,GAAA3B,GAAAC,IAGzBiB,EAAAzF,EAAA,KAAAuF,EAAA,CAAAG,KAAA,WAAAC,KAAA,UAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAvD,IAAAwD,GAAA,YAAAA,EAAAC,IAAAD,GAAAA,EAAiB3E,QAAOoC,IAAA,CAAAuC,EAAAzF,KAAAyF,EAAP3E,QAAOd,CAAA,GAAA2F,SAAAC,GAAAzB,GAAAC,IAGxBe,EAAAzF,EAAA,KAAAmG,EAAA,CAAAT,KAAA,WAAAC,KAAA,eAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAvD,IAAAwD,GAAA,iBAAAA,EAAAC,IAAAD,GAAAA,EAAiBzE,aAAYkC,IAAA,CAAAuC,EAAAzF,KAAAyF,EAAZzE,aAAYhB,CAAA,GAAA2F,SAAAC,GAAAvB,GAAAyB,IAnC/BX,EAAA,KAAAY,EAAA,CAAA/F,MAAAN,GAAAsG,EAAA,CAAAZ,KAAA,QAAAC,KAAA3F,EAAA2F,KAAAM,SAAAC,GAAA,KAAAK,iHACkBvG,EAAAwG,OAAS,CAACC,EAAUC,GAAeD,EAAUE,IADlDlD,EAAAzD,EAAAuG,MAAU"}
|
|
1
|
+
{"version":3,"file":"spinner.js","sources":["../../../../src/components/reusable/loaders/spinner.ts"],"sourcesContent":["import { unsafeSVG } from 'lit-html/directives/unsafe-svg.js';\nimport { LitElement, html, unsafeCSS } from 'lit';\nimport { customElement, property, state, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport * as lottie from 'lottie-web';\n\nimport InlineStyles from './inline.scss?inline';\nimport AiStyles from './aiLoader.scss?inline';\n\nimport animationData from './json/indeterminate.json';\nimport successIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/checkmark-filled.svg';\nimport errorIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/error-filled.svg';\n\ntype SpinnerVariant = 'ai' | 'inline';\ntype SpinnerSize = 'default' | 'mini';\n\n/**\n * Spinner component\n *\n * - tag: <kyn-spinner>\n * - variant: 'ai' (CSS/SVG spinner) or 'inline' (lottie indeterminate animation)\n * - status: for inline variant -> 'active' | 'inactive' | 'success' | 'error'\n * - size: for ai variant -> 'default' | 'mini'\n *\n * Colors can be set via properties: primaryColor, secondaryColor, trackColor\n * which set CSS variables on the host (--loader-primary, --loader-secondary, --loader-track).\n */\n@customElement('kyn-spinner')\nexport class KynSpinner extends LitElement {\n static override styles = [unsafeCSS(InlineStyles), unsafeCSS(AiStyles)];\n\n /** Which variant to render: 'ai' | 'inline' */\n @property({ type: String })\n accessor variant: SpinnerVariant = 'ai';\n\n /** Inline spinner status. Can be `active`, `inactive`, `success`, `error`. */\n @property({ type: String })\n accessor status = 'active';\n\n /** Size for AI spinner */\n @property({ type: String })\n accessor size: SpinnerSize = 'default';\n\n /** Primary color for spinner (CSS color string). Sets --loader-primary on host. */\n @property({ type: String })\n accessor primaryColor: string | undefined = undefined;\n\n /** Secondary color (e.g., arc color). Sets --loader-secondary on host. */\n @property({ type: String })\n accessor secondaryColor: string | undefined = undefined;\n\n /** Track/backdrop color for SVG track. Sets --loader-track on host. */\n @property({ type: String })\n accessor trackColor: string | undefined = undefined;\n\n /** Inline spinner internal states */\n @state()\n private accessor _stopped = false;\n\n @state()\n private accessor _hidden = false;\n\n @query('.container')\n private accessor _containerEl!: any;\n\n override render() {\n if (this.variant === 'inline') {\n const Classes = {\n wrapper: true,\n 'variant-inline': true,\n stopped: this._stopped,\n hidden: this._hidden,\n 'status-success': this.status === 'success',\n 'status-error': this.status === 'error',\n };\n\n return html`\n <div class=\"${classMap(Classes)}\">\n <div class=\"container\"></div>\n <span class=\"status-icon success\">${unsafeSVG(successIcon)}</span>\n <span class=\"status-icon error\">${unsafeSVG(errorIcon)}</span>\n <slot></slot>\n </div>\n `;\n }\n\n const Classes = {\n wrapper: true,\n 'variant-ai': true,\n 'ai-connected': true,\n [`size-${this.size}`]: true,\n };\n\n return html`\n <div\n class=\"${classMap(Classes)}\"\n role=\"status\"\n aria-live=\"polite\"\n aria-label=\"Loading\"\n >\n <div class=\"ai-spinner-svg\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 100 100\" class=\"ai-svg\">\n <circle class=\"ai-track\" cx=\"50\" cy=\"50\" r=\"44\" pathLength=\"100\" />\n <circle class=\"ai-arc\" cx=\"50\" cy=\"50\" r=\"44\" pathLength=\"100\" />\n </svg>\n </div>\n </div>\n `;\n }\n\n override connectedCallback() {\n super.connectedCallback();\n this._syncCssVars();\n }\n\n override updated(changed: Map<string, unknown>) {\n if (\n changed.has('primaryColor') ||\n changed.has('secondaryColor') ||\n changed.has('trackColor')\n ) {\n this._syncCssVars();\n }\n if (changed.has('status') && this.variant === 'inline') {\n this._stopped = this.status !== 'active';\n this._hidden = this._stopped;\n if (this.status === 'active') this._emitStart();\n }\n }\n\n override firstUpdated() {\n if (this.variant !== 'inline') return;\n this._stopped = this.status !== 'active';\n this._hidden = this._stopped;\n\n try {\n (lottie as any).loadAnimation({\n container: this._containerEl,\n renderer: 'svg',\n loop: true,\n autoplay: this.status === 'active',\n animationData,\n });\n } catch {\n /* do nothing on error -- lottie failed to load/render */\n }\n\n this._containerEl?.addEventListener('transitionend', () => {\n if (this._stopped) {\n this._hidden = true;\n this._emitStop();\n }\n });\n }\n\n private _syncCssVars() {\n if (this.primaryColor)\n this.style.setProperty('--loader-primary', this.primaryColor);\n if (this.secondaryColor)\n this.style.setProperty('--loader-secondary', this.secondaryColor);\n if (this.trackColor)\n this.style.setProperty('--loader-track', this.trackColor);\n }\n\n private _emitStart() {\n this.dispatchEvent(new CustomEvent('on-start'));\n }\n private _emitStop() {\n this.dispatchEvent(new CustomEvent('on-stop'));\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'kyn-spinner': KynSpinner;\n }\n}\n"],"names":["KynSpinner","customElement","LitElement","_classThis","_classSuper","variant","__classPrivateFieldGet","this","_KynSpinner_variant_accessor_storage","value","__classPrivateFieldSet","status","_KynSpinner_status_accessor_storage","size","_KynSpinner_size_accessor_storage","primaryColor","_KynSpinner_primaryColor_accessor_storage","secondaryColor","_KynSpinner_secondaryColor_accessor_storage","trackColor","_KynSpinner_trackColor_accessor_storage","_stopped","_KynSpinner__stopped_accessor_storage","_hidden","_KynSpinner__hidden_accessor_storage","_containerEl","_KynSpinner__containerEl_accessor_storage","render","Classes","wrapper","stopped","hidden","html","classMap","unsafeSVG","successIcon","errorIcon","connectedCallback","super","_syncCssVars","updated","changed","has","_emitStart","firstUpdated","lottie","loadAnimation","container","renderer","loop","autoplay","animationData","_a","addEventListener","_emitStop","style","setProperty","dispatchEvent","CustomEvent","set","__runInitializers","_variant_initializers","_variant_extraInitializers","_status_initializers","_status_extraInitializers","_size_initializers","_size_extraInitializers","_primaryColor_initializers","undefined","_primaryColor_extraInitializers","_secondaryColor_initializers","_secondaryColor_extraInitializers","_trackColor_initializers","_trackColor_extraInitializers","__stopped_initializers","__stopped_extraInitializers","__hidden_initializers","__hidden_extraInitializers","__containerEl_initializers","_variant_decorators","property","type","String","_status_decorators","_size_decorators","_primaryColor_decorators","_secondaryColor_decorators","_trackColor_decorators","__stopped_decorators","state","__hidden_decorators","query","__esDecorate","kind","name","static","private","access","obj","get","metadata","_metadata","__containerEl_decorators","__containerEl_extraInitializers","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS","InlineStyles","AiStyles"],"mappings":"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"}
|