@getpara/core-components 2.0.0-dev.1 → 2.0.0-dev.2
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/dist/capsule/capsule.esm.js +1 -1
- package/dist/capsule/capsule.esm.js.map +1 -1
- package/dist/capsule/{p-a6214f0a.entry.js → p-34a09932.entry.js} +2 -2
- package/dist/capsule/p-34a09932.entry.js.map +1 -0
- package/dist/capsule/p-3719bb1e.entry.js +2 -0
- package/dist/capsule/p-3719bb1e.entry.js.map +1 -0
- package/dist/capsule/p-834c1ee9.entry.js +28 -0
- package/dist/capsule/p-834c1ee9.entry.js.map +1 -0
- package/dist/capsule/p-e424993a.entry.js +2 -0
- package/dist/capsule/p-e424993a.entry.js.map +1 -0
- package/dist/cjs/capsule.cjs.js +1 -1
- package/dist/cjs/cpsl-alert_34.cjs.entry.js +454 -32
- package/dist/cjs/cpsl-alert_34.cjs.entry.js.map +1 -1
- package/dist/cjs/cpsl-col.cjs.entry.js +4 -1
- package/dist/cjs/cpsl-col.cjs.entry.js.map +1 -1
- package/dist/cjs/cpsl-identicon.cjs.entry.js +4 -2
- package/dist/cjs/cpsl-identicon.cjs.entry.js.map +1 -1
- package/dist/cjs/cpsl-row.cjs.entry.js +6 -2
- package/dist/cjs/cpsl-row.cjs.entry.js.map +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/assets/icons/backpack.svg +8 -0
- package/dist/collection/assets/icons/bera-brand.svg +7 -0
- package/dist/collection/assets/icons/coinbase.svg +10 -0
- package/dist/collection/assets/icons/cosmos-circle.svg +4 -0
- package/dist/collection/assets/icons/cosmostation.svg +11 -0
- package/dist/collection/assets/icons/eth-circle.svg +9 -0
- package/dist/collection/assets/icons/glow.svg +15 -0
- package/dist/collection/assets/icons/haha.svg +15 -0
- package/dist/collection/assets/icons/index.js +48 -0
- package/dist/collection/assets/icons/index.js.map +1 -1
- package/dist/collection/assets/icons/keplr.svg +30 -0
- package/dist/collection/assets/icons/leap.svg +20 -0
- package/dist/collection/assets/icons/metamask.svg +21 -0
- package/dist/collection/assets/icons/okx.svg +15 -0
- package/dist/collection/assets/icons/phantom.svg +9 -0
- package/dist/collection/assets/icons/rabby.svg +24 -0
- package/dist/collection/assets/icons/rainbow.svg +54 -0
- package/dist/collection/assets/icons/safe.svg +7 -0
- package/dist/collection/assets/icons/solana-circle.svg +20 -0
- package/dist/collection/assets/icons/solflare.svg +11 -0
- package/dist/collection/assets/icons/star-05.svg +3 -0
- package/dist/collection/assets/icons/stars-02.svg +10 -0
- package/dist/collection/assets/icons/user-plus.svg +3 -0
- package/dist/collection/assets/icons/valora.svg +25 -0
- package/dist/collection/assets/icons/wallet-connect.svg +3 -0
- package/dist/collection/assets/icons/zerion.svg +15 -0
- package/dist/collection/components/cpsl-alert/cpsl-alert.js +1 -1
- package/dist/collection/components/cpsl-col/cpsl-col.js +73 -1
- package/dist/collection/components/cpsl-col/cpsl-col.js.map +1 -1
- package/dist/collection/components/cpsl-icon/cpsl-icon.css +9 -2
- package/dist/collection/components/cpsl-icon/cpsl-icon.js +39 -2
- package/dist/collection/components/cpsl-icon/cpsl-icon.js.map +1 -1
- package/dist/collection/components/cpsl-identicon/cpsl-identicon.css +2 -1
- package/dist/collection/components/cpsl-identicon/cpsl-identicon.js +21 -1
- package/dist/collection/components/cpsl-identicon/cpsl-identicon.js.map +1 -1
- package/dist/collection/components/cpsl-input/cpsl-input.css +3 -1
- package/dist/collection/components/cpsl-input/cpsl-input.js +22 -3
- package/dist/collection/components/cpsl-input/cpsl-input.js.map +1 -1
- package/dist/collection/components/cpsl-popover/cpsl-popover.js +11 -16
- package/dist/collection/components/cpsl-popover/cpsl-popover.js.map +1 -1
- package/dist/collection/components/cpsl-qr-code/cpsl-qr-code.js +1 -1
- package/dist/collection/components/cpsl-row/cpsl-row.css +4 -0
- package/dist/collection/components/cpsl-row/cpsl-row.js +98 -1
- package/dist/collection/components/cpsl-row/cpsl-row.js.map +1 -1
- package/dist/collection/components/cpsl-select/cpsl-select.js +10 -5
- package/dist/collection/components/cpsl-select/cpsl-select.js.map +1 -1
- package/dist/collection/components/cpsl-select-item/cpsl-select-item.js +4 -1
- package/dist/collection/components/cpsl-select-item/cpsl-select-item.js.map +1 -1
- package/dist/collection/components/cpsl-slide-button/cpsl-slide-button.js +2 -2
- package/dist/collection/components/cpsl-spinner/cpsl-spinner.css +10 -2
- package/dist/collection/components/cpsl-spinner/cpsl-spinner.js +7 -7
- package/dist/collection/components/cpsl-spinner/cpsl-spinner.js.map +1 -1
- package/dist/collection/components/cpsl-text/cpsl-text.css +13 -0
- package/dist/collection/components/cpsl-text/cpsl-text.js +4 -3
- package/dist/collection/components/cpsl-text/cpsl-text.js.map +1 -1
- package/dist/collection/components/cpsl-tile-button/cpsl-tile-button.js +1 -1
- package/dist/esm/capsule.js +1 -1
- package/dist/esm/cpsl-alert_34.entry.js +454 -32
- package/dist/esm/cpsl-alert_34.entry.js.map +1 -1
- package/dist/esm/cpsl-col.entry.js +4 -1
- package/dist/esm/cpsl-col.entry.js.map +1 -1
- package/dist/esm/cpsl-identicon.entry.js +4 -2
- package/dist/esm/cpsl-identicon.entry.js.map +1 -1
- package/dist/esm/cpsl-row.entry.js +6 -2
- package/dist/esm/cpsl-row.entry.js.map +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/types/assets/icons/index.d.ts +24 -0
- package/dist/types/components/cpsl-col/cpsl-col.d.ts +4 -0
- package/dist/types/components/cpsl-icon/cpsl-icon.d.ts +8 -0
- package/dist/types/components/cpsl-identicon/cpsl-identicon.d.ts +1 -0
- package/dist/types/components/cpsl-input/cpsl-input.d.ts +4 -0
- package/dist/types/components/cpsl-row/cpsl-row.d.ts +5 -0
- package/dist/types/components/cpsl-spinner/cpsl-spinner.d.ts +2 -2
- package/dist/types/components/cpsl-text/cpsl-text.d.ts +1 -1
- package/dist/types/components.d.ts +46 -6
- package/package.json +37 -37
- package/dist/capsule/p-438442c7.entry.js +0 -2
- package/dist/capsule/p-438442c7.entry.js.map +0 -1
- package/dist/capsule/p-48826e01.entry.js +0 -28
- package/dist/capsule/p-48826e01.entry.js.map +0 -1
- package/dist/capsule/p-a6214f0a.entry.js.map +0 -1
- package/dist/capsule/p-ab7b3141.entry.js +0 -2
- package/dist/capsule/p-ab7b3141.entry.js.map +0 -1
- /package/dist/types/Users/{taylorbosch/Documents/GitHub/Capsule → keith/Documents/capsule}/web-sdk/packages/core-components/.stencil/scripts/appendLoaderExports.d.ts +0 -0
- /package/dist/types/Users/{taylorbosch/Documents/GitHub/Capsule → keith/Documents/capsule}/web-sdk/packages/core-components/.stencil/scripts/buildAssets.d.ts +0 -0
package/package.json
CHANGED
|
@@ -1,39 +1,9 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@getpara/core-components",
|
|
3
|
-
"version": "2.0.0-dev.1",
|
|
4
3
|
"description": "Capsule Core Components",
|
|
5
|
-
"
|
|
6
|
-
"type": "module",
|
|
7
|
-
"types": "dist/types/index.d.ts",
|
|
8
|
-
"exports": {
|
|
9
|
-
".": {
|
|
10
|
-
"types": "./dist/types/index.d.ts",
|
|
11
|
-
"import": "./dist/index.js",
|
|
12
|
-
"require": "./dist/index.cjs.js"
|
|
13
|
-
}
|
|
14
|
-
},
|
|
15
|
-
"sideEffects": [
|
|
16
|
-
"*.css",
|
|
17
|
-
"*.scss"
|
|
18
|
-
],
|
|
4
|
+
"version": "2.0.0-dev.2",
|
|
19
5
|
"collection": "dist/collection/collection-manifest.json",
|
|
20
6
|
"collection:main": "dist/collection/index.js",
|
|
21
|
-
"files": [
|
|
22
|
-
"dist/",
|
|
23
|
-
"css/"
|
|
24
|
-
],
|
|
25
|
-
"scripts": {
|
|
26
|
-
"build": "yarn build:assets && yarn build:css && stencil build && yarn appendLoaderExports",
|
|
27
|
-
"start": "yarn build:assets && yarn build:css && stencil build --dev --watch --serve",
|
|
28
|
-
"test": "stencil test --spec --clearCache",
|
|
29
|
-
"test.watch": "stencil test --spec --watchAll --clearCache",
|
|
30
|
-
"generate": "stencil generate",
|
|
31
|
-
"build:css": "sass --embed-sources src/css:./css",
|
|
32
|
-
"build:assets": "ts-node -T ./scripts/buildAssets.ts",
|
|
33
|
-
"appendLoaderExports": "ts-node -T ./scripts/appendLoaderExports.ts",
|
|
34
|
-
"storybook": "storybook dev -p 6006",
|
|
35
|
-
"build-storybook": "storybook build"
|
|
36
|
-
},
|
|
37
7
|
"dependencies": {
|
|
38
8
|
"@stencil/core": "^4.7.0",
|
|
39
9
|
"color-blend": "^4.0.0",
|
|
@@ -47,9 +17,9 @@
|
|
|
47
17
|
"@chromatic-com/storybook": "^1.6.0",
|
|
48
18
|
"@stencil/react-output-target": "^0.5.3",
|
|
49
19
|
"@stencil/sass": "^3.0.10",
|
|
50
|
-
"@storybook/addon-essentials": "^8.
|
|
51
|
-
"@storybook/addon-interactions": "^8.
|
|
52
|
-
"@storybook/addon-links": "^8.
|
|
20
|
+
"@storybook/addon-essentials": "^8.6.4",
|
|
21
|
+
"@storybook/addon-interactions": "^8.6.4",
|
|
22
|
+
"@storybook/addon-links": "^8.6.4",
|
|
53
23
|
"@storybook/addon-notes": "^5.3.21",
|
|
54
24
|
"@storybook/addon-webpack5-compiler-swc": "^1.0.4",
|
|
55
25
|
"@storybook/blocks": "^8.1.11",
|
|
@@ -60,13 +30,43 @@
|
|
|
60
30
|
"@types/node": "^16.18.11",
|
|
61
31
|
"jest": "^29.7.0",
|
|
62
32
|
"jest-cli": "^29.7.0",
|
|
63
|
-
"puppeteer": "^
|
|
33
|
+
"puppeteer": "^24.4.0",
|
|
64
34
|
"rollup-plugin-dotenv": "^0.5.0",
|
|
65
35
|
"sass": "^1.71.1",
|
|
66
36
|
"stencil-inline-svg": "^1.1.0",
|
|
67
|
-
"storybook": "^8.
|
|
37
|
+
"storybook": "^8.6.4",
|
|
68
38
|
"storybook-addon-stencil": "^0.2.1",
|
|
69
39
|
"ts-node": "^10.9.2"
|
|
70
40
|
},
|
|
71
|
-
"
|
|
41
|
+
"exports": {
|
|
42
|
+
".": {
|
|
43
|
+
"types": "./dist/types/index.d.ts",
|
|
44
|
+
"import": "./dist/index.js",
|
|
45
|
+
"require": "./dist/index.cjs.js"
|
|
46
|
+
}
|
|
47
|
+
},
|
|
48
|
+
"files": [
|
|
49
|
+
"dist/",
|
|
50
|
+
"css/"
|
|
51
|
+
],
|
|
52
|
+
"main": "dist/index.js",
|
|
53
|
+
"scripts": {
|
|
54
|
+
"appendLoaderExports": "ts-node -T ./scripts/appendLoaderExports.ts",
|
|
55
|
+
"build": "yarn build:assets && yarn build:css && stencil build && yarn appendLoaderExports",
|
|
56
|
+
"build-storybook": "storybook build",
|
|
57
|
+
"build:assets": "ts-node -T ./scripts/buildAssets.ts",
|
|
58
|
+
"build:css": "sass --embed-sources src/css:./css",
|
|
59
|
+
"generate": "stencil generate",
|
|
60
|
+
"start": "yarn build:assets && yarn build:css && stencil build --dev --watch --serve",
|
|
61
|
+
"storybook": "storybook dev -p 6006",
|
|
62
|
+
"test": "stencil test --spec --clearCache",
|
|
63
|
+
"test.watch": "stencil test --spec --watchAll --clearCache"
|
|
64
|
+
},
|
|
65
|
+
"sideEffects": [
|
|
66
|
+
"*.css",
|
|
67
|
+
"*.scss"
|
|
68
|
+
],
|
|
69
|
+
"type": "module",
|
|
70
|
+
"types": "dist/types/index.d.ts",
|
|
71
|
+
"gitHead": "77d818539daa181c839a40f0ad5362af4058844e"
|
|
72
72
|
}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as t,h as o,H as e}from"./p-fa6b7678.js";import{C as r,P as n}from"./p-497acb43.js";const i=":host{--identicon-background-red:linear-gradient(136deg, #ff4270 6.86%, #ff7c7c 93.78%);--identicon-background-orange:linear-gradient(136deg, #f45532 6.86%, #ff9b63 93.78%);--identicon-background-yellow:linear-gradient(136deg, #ffa756 6.86%, #fbff47 93.78%);--identicon-background-green:linear-gradient(136deg, #0cae60 6.86%, #7bffd0 93.78%);--identicon-background-blue:linear-gradient(136deg, #476fff 6.86%, #47c8ff 93.78%);--identicon-background-purple:linear-gradient(136deg, #9747ff 6.86%, #da47ff 93.78%);--identicon-background-empty:linear-gradient(136deg, #aaaaaa 6.86%, #999999 93.78%);display:block;aspect-ratio:1;border-radius:25%;position:relative;border:1px solid var(--cpsl-color-background-8)}:host>svg{fill:rgba(255, 255, 255, 0.6);position:absolute;width:30%}:host>svg.rotate90{transform:rotate(0.25turn)}:host>svg.rotate180{transform:rotate(0.5turn)}:host>svg.rotate270{transform:rotate(0.75turn)}:host>svg:nth-child(1){right:50%;bottom:50%}:host>svg:nth-child(2){left:50%;bottom:50%}:host>svg:nth-child(3){right:50%;top:50%}:host>svg:nth-child(4){left:50%;top:50%}:host(.red){background:var(--identicon-background-red)}:host(.orange){background:var(--identicon-background-orange)}:host(.green){background:var(--identicon-background-green)}:host(.yellow){background:var(--identicon-background-yellow)}:host(.blue){background:var(--identicon-background-blue)}:host(.purple){background:var(--identicon-background-purple)}:host(.empty){background:var(--identicon-background-empty)}:host(.avatar){border-radius:1000px}";const d=i;const a=t=>o("svg",{class:{rotate90:t===1,rotate180:t===2,rotate270:t===3},viewBox:"0 0 12 12",xmlns:"http://www.w3.org/2000/svg"},o("g",{"clip-path":"url(#clip0_674_66)"},o("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24ZM12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z"})),o("defs",null,o("clipPath",{id:"clip0_674_66"},o("rect",{width:"12",height:"12"}))));const l=t=>o("svg",{class:{rotate90:t===1,rotate180:t===2,rotate270:t===3},viewBox:"0 0 12 12",xmlns:"http://www.w3.org/2000/svg"},o("g",{"clip-path":"url(#clip0_674_255)"},o("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24ZM12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z"}),o("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M12 18C15.3137 18 18 15.3137 18 12C18 8.68629 15.3137 6 12 6C8.68629 6 6 8.68629 6 12C6 15.3137 8.68629 18 12 18ZM12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z"})),o("defs",null,o("clipPath",{id:"clip0_674_255"},o("rect",{width:"12",height:"12"}))));const s=[[[0,0,0,0],[0,1,3,2]],[[1,1,0,0],[0,1,3,2]],[[0,1,0,1],[0,1,3,2]],[[0,0,1,1],[0,1,3,2]],[[1,0,1,0],[0,1,3,2]],[[1,1,1,1],[0,1,3,2]],[[0,0,0,0],[2,3,1,0]],[[1,1,1,1],[2,3,1,0]],[[1,1,1,1],[0,1,2,3]]];const c=class{constructor(o){t(this,o);this.hash=undefined;this.size="40px";this.variant="default"}render(){let t;const r=!this.hash;if(!r)t=u(this.hash);return o(e,{key:"55072485ad5993ad8eb075a9d7d83e7e137ec9cd",class:{red:(t===null||t===void 0?void 0:t.color)==="red",orange:(t===null||t===void 0?void 0:t.color)==="orange",yellow:(t===null||t===void 0?void 0:t.color)==="yellow",green:(t===null||t===void 0?void 0:t.color)==="green",blue:(t===null||t===void 0?void 0:t.color)==="blue",purple:(t===null||t===void 0?void 0:t.color)==="purple",empty:!(t===null||t===void 0?void 0:t.color)&&!this.hash,avatar:this.variant==="avatar"},style:{width:this.size,height:this.size}},(t===null||t===void 0?void 0:t.shapes)&&(t===null||t===void 0?void 0:t.rotations)&&t.shapes.map(((o,e)=>o?l(t.rotations[e]):a(t.rotations[e]))))}};const g=[r.length,s.length,16];function u(t){const o=new n(t);const[e,i,d]=g.map((t=>o.nextInt(0,t-1)));const a=Math.floor(d/4);const[l,c]=[d%2===1,d%4>=2];return{color:r[e],shapes:s[i][0].map(((t,o)=>o===a?l?t===1?false:true:t===1:t===1)),rotations:s[i][1].map(((t,o)=>o===a?c?(t+2)%4:t:t))}}c.style=d;export{c as cpsl_identicon};
|
|
2
|
-
//# sourceMappingURL=p-438442c7.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["cpslIdenticonCss","CpslIdenticonStyle0","SingleArc","rotation","h","class","rotate90","rotate180","rotate270","viewBox","xmlns","d","id","width","height","DoubleArc","BASE_PATTERNS","CpslIdenticon","render","props","isEmpty","this","hash","getIdenticonProps","Host","key","red","color","orange","yellow","green","blue","purple","empty","avatar","variant","style","size","shapes","rotations","map","isDouble","index","PRANDO_INTS","COLORS","length","seed","rng","Prando","iColor","iPattern","iDeviation","len","nextInt","deviationIndex","Math","floor","isDeviateShape","isDeviateFlip","s","i","r"],"sources":["src/components/cpsl-identicon/cpsl-identicon.scss?tag=cpsl-identicon&encapsulation=shadow","src/components/cpsl-identicon/cpsl-identicon.tsx"],"sourcesContent":[":host {\n --identicon-background-red: linear-gradient(136deg, #ff4270 6.86%, #ff7c7c 93.78%);\n --identicon-background-orange: linear-gradient(136deg, #f45532 6.86%, #ff9b63 93.78%);\n --identicon-background-yellow: linear-gradient(136deg, #ffa756 6.86%, #fbff47 93.78%);\n --identicon-background-green: linear-gradient(136deg, #0cae60 6.86%, #7bffd0 93.78%);\n --identicon-background-blue: linear-gradient(136deg, #476fff 6.86%, #47c8ff 93.78%);\n --identicon-background-purple: linear-gradient(136deg, #9747ff 6.86%, #da47ff 93.78%);\n --identicon-background-empty: linear-gradient(136deg, #aaaaaa 6.86%, #999999 93.78%);\n\n display: block;\n aspect-ratio: 1;\n border-radius: 25%;\n position: relative;\n border: 1px solid var(--cpsl-color-background-8);\n\n & > svg {\n fill: rgba(255, 255, 255, 0.6);\n position: absolute;\n width: 30%;\n }\n\n & > svg.rotate90 {\n transform: rotate(0.25turn);\n }\n\n & > svg.rotate180 {\n transform: rotate(0.5turn);\n }\n\n & > svg.rotate270 {\n transform: rotate(0.75turn);\n }\n\n & > svg:nth-child(1) {\n right: 50%;\n bottom: 50%;\n }\n\n & > svg:nth-child(2) {\n left: 50%;\n bottom: 50%;\n }\n\n & > svg:nth-child(3) {\n right: 50%;\n top: 50%;\n }\n\n & > svg:nth-child(4) {\n left: 50%;\n top: 50%;\n }\n}\n\n:host(.red) {\n background: var(--identicon-background-red);\n}\n\n:host(.orange) {\n background: var(--identicon-background-orange);\n}\n\n:host(.green) {\n background: var(--identicon-background-green);\n}\n\n:host(.yellow) {\n background: var(--identicon-background-yellow);\n}\n\n:host(.blue) {\n background: var(--identicon-background-blue);\n}\n\n:host(.purple) {\n background: var(--identicon-background-purple);\n}\n\n:host(.empty) {\n background: var(--identicon-background-empty);\n}\n\n:host(.avatar) {\n border-radius: 1000px;\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\nimport Prando from '../../lib/prando.js';\nimport { Color, COLORS } from '../../utils/prand.js';\n\nconst SingleArc = (rotation: number) => (\n <svg\n class={{\n rotate90: rotation === 1,\n rotate180: rotation === 2,\n rotate270: rotation === 3,\n }}\n viewBox=\"0 0 12 12\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g clip-path=\"url(#clip0_674_66)\">\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24ZM12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z\"\n />\n </g>\n <defs>\n <clipPath id=\"clip0_674_66\">\n <rect width=\"12\" height=\"12\" />\n </clipPath>\n </defs>\n </svg>\n);\n\nconst DoubleArc = (rotation: number) => (\n <svg\n class={{\n rotate90: rotation === 1,\n rotate180: rotation === 2,\n rotate270: rotation === 3,\n }}\n viewBox=\"0 0 12 12\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g clip-path=\"url(#clip0_674_255)\">\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24ZM12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z\"\n />\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M12 18C15.3137 18 18 15.3137 18 12C18 8.68629 15.3137 6 12 6C8.68629 6 6 8.68629 6 12C6 15.3137 8.68629 18 12 18ZM12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z\"\n />\n </g>\n <defs>\n <clipPath id=\"clip0_674_255\">\n <rect width=\"12\" height=\"12\" />\n </clipPath>\n </defs>\n </svg>\n);\n\nconst BASE_PATTERNS = [\n [\n [0, 0, 0, 0],\n [0, 1, 3, 2],\n ],\n [\n [1, 1, 0, 0],\n [0, 1, 3, 2],\n ],\n [\n [0, 1, 0, 1],\n [0, 1, 3, 2],\n ],\n [\n [0, 0, 1, 1],\n [0, 1, 3, 2],\n ],\n [\n [1, 0, 1, 0],\n [0, 1, 3, 2],\n ],\n [\n [1, 1, 1, 1],\n [0, 1, 3, 2],\n ],\n [\n [0, 0, 0, 0],\n [2, 3, 1, 0],\n ],\n [\n [1, 1, 1, 1],\n [2, 3, 1, 0],\n ],\n [\n [1, 1, 1, 1],\n [0, 1, 2, 3],\n ],\n];\n\n@Component({\n tag: 'cpsl-identicon',\n styleUrl: 'cpsl-identicon.scss',\n shadow: true,\n})\nexport class CpslIdenticon {\n @Prop() hash?: string | undefined;\n\n /**\n * The CSS width and height of the identicon.\n * Default is: 40px.\n */\n @Prop() size: string = '40px';\n\n @Prop() variant: 'default' | 'avatar' = 'default';\n\n render() {\n let props;\n const isEmpty = !this.hash;\n if (!isEmpty) props = getIdenticonProps(this.hash);\n\n return (\n <Host\n class={{\n red: props?.color === 'red',\n orange: props?.color === 'orange',\n yellow: props?.color === 'yellow',\n green: props?.color === 'green',\n blue: props?.color === 'blue',\n purple: props?.color === 'purple',\n empty: !props?.color && !this.hash,\n avatar: this.variant === 'avatar',\n }}\n style={{\n width: this.size,\n height: this.size,\n }}\n >\n {props?.shapes &&\n props?.rotations &&\n props.shapes.map((isDouble, index) => {\n return isDouble ? DoubleArc(props.rotations[index]) : SingleArc(props.rotations[index]);\n })}\n </Host>\n );\n }\n}\n\nconst PRANDO_INTS = [COLORS.length, BASE_PATTERNS.length, 16];\n\nfunction getIdenticonProps(seed: string): { color: Color; shapes: boolean[]; rotations: number[] } {\n const rng = new Prando(seed);\n\n const [iColor, iPattern, iDeviation] = PRANDO_INTS.map(len => rng.nextInt(0, len - 1));\n\n const deviationIndex = Math.floor(iDeviation / 4);\n const [isDeviateShape, isDeviateFlip] = [iDeviation % 2 === 1, iDeviation % 4 >= 2];\n\n return {\n color: COLORS[iColor],\n shapes: BASE_PATTERNS[iPattern][0].map((s, i) => {\n return i === deviationIndex ? (isDeviateShape ? (s === 1 ? false : true) : s === 1) : s === 1;\n }),\n rotations: BASE_PATTERNS[iPattern][1].map((r, i) => (i === deviationIndex ? (isDeviateFlip ? (r + 2) % 4 : r) : r)),\n };\n}\n"],"mappings":"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","ignoreList":[]}
|