@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.
Files changed (105) hide show
  1. package/dist/capsule/capsule.esm.js +1 -1
  2. package/dist/capsule/capsule.esm.js.map +1 -1
  3. package/dist/capsule/{p-a6214f0a.entry.js → p-34a09932.entry.js} +2 -2
  4. package/dist/capsule/p-34a09932.entry.js.map +1 -0
  5. package/dist/capsule/p-3719bb1e.entry.js +2 -0
  6. package/dist/capsule/p-3719bb1e.entry.js.map +1 -0
  7. package/dist/capsule/p-834c1ee9.entry.js +28 -0
  8. package/dist/capsule/p-834c1ee9.entry.js.map +1 -0
  9. package/dist/capsule/p-e424993a.entry.js +2 -0
  10. package/dist/capsule/p-e424993a.entry.js.map +1 -0
  11. package/dist/cjs/capsule.cjs.js +1 -1
  12. package/dist/cjs/cpsl-alert_34.cjs.entry.js +454 -32
  13. package/dist/cjs/cpsl-alert_34.cjs.entry.js.map +1 -1
  14. package/dist/cjs/cpsl-col.cjs.entry.js +4 -1
  15. package/dist/cjs/cpsl-col.cjs.entry.js.map +1 -1
  16. package/dist/cjs/cpsl-identicon.cjs.entry.js +4 -2
  17. package/dist/cjs/cpsl-identicon.cjs.entry.js.map +1 -1
  18. package/dist/cjs/cpsl-row.cjs.entry.js +6 -2
  19. package/dist/cjs/cpsl-row.cjs.entry.js.map +1 -1
  20. package/dist/cjs/loader.cjs.js +1 -1
  21. package/dist/collection/assets/icons/backpack.svg +8 -0
  22. package/dist/collection/assets/icons/bera-brand.svg +7 -0
  23. package/dist/collection/assets/icons/coinbase.svg +10 -0
  24. package/dist/collection/assets/icons/cosmos-circle.svg +4 -0
  25. package/dist/collection/assets/icons/cosmostation.svg +11 -0
  26. package/dist/collection/assets/icons/eth-circle.svg +9 -0
  27. package/dist/collection/assets/icons/glow.svg +15 -0
  28. package/dist/collection/assets/icons/haha.svg +15 -0
  29. package/dist/collection/assets/icons/index.js +48 -0
  30. package/dist/collection/assets/icons/index.js.map +1 -1
  31. package/dist/collection/assets/icons/keplr.svg +30 -0
  32. package/dist/collection/assets/icons/leap.svg +20 -0
  33. package/dist/collection/assets/icons/metamask.svg +21 -0
  34. package/dist/collection/assets/icons/okx.svg +15 -0
  35. package/dist/collection/assets/icons/phantom.svg +9 -0
  36. package/dist/collection/assets/icons/rabby.svg +24 -0
  37. package/dist/collection/assets/icons/rainbow.svg +54 -0
  38. package/dist/collection/assets/icons/safe.svg +7 -0
  39. package/dist/collection/assets/icons/solana-circle.svg +20 -0
  40. package/dist/collection/assets/icons/solflare.svg +11 -0
  41. package/dist/collection/assets/icons/star-05.svg +3 -0
  42. package/dist/collection/assets/icons/stars-02.svg +10 -0
  43. package/dist/collection/assets/icons/user-plus.svg +3 -0
  44. package/dist/collection/assets/icons/valora.svg +25 -0
  45. package/dist/collection/assets/icons/wallet-connect.svg +3 -0
  46. package/dist/collection/assets/icons/zerion.svg +15 -0
  47. package/dist/collection/components/cpsl-alert/cpsl-alert.js +1 -1
  48. package/dist/collection/components/cpsl-col/cpsl-col.js +73 -1
  49. package/dist/collection/components/cpsl-col/cpsl-col.js.map +1 -1
  50. package/dist/collection/components/cpsl-icon/cpsl-icon.css +9 -2
  51. package/dist/collection/components/cpsl-icon/cpsl-icon.js +39 -2
  52. package/dist/collection/components/cpsl-icon/cpsl-icon.js.map +1 -1
  53. package/dist/collection/components/cpsl-identicon/cpsl-identicon.css +2 -1
  54. package/dist/collection/components/cpsl-identicon/cpsl-identicon.js +21 -1
  55. package/dist/collection/components/cpsl-identicon/cpsl-identicon.js.map +1 -1
  56. package/dist/collection/components/cpsl-input/cpsl-input.css +3 -1
  57. package/dist/collection/components/cpsl-input/cpsl-input.js +22 -3
  58. package/dist/collection/components/cpsl-input/cpsl-input.js.map +1 -1
  59. package/dist/collection/components/cpsl-popover/cpsl-popover.js +11 -16
  60. package/dist/collection/components/cpsl-popover/cpsl-popover.js.map +1 -1
  61. package/dist/collection/components/cpsl-qr-code/cpsl-qr-code.js +1 -1
  62. package/dist/collection/components/cpsl-row/cpsl-row.css +4 -0
  63. package/dist/collection/components/cpsl-row/cpsl-row.js +98 -1
  64. package/dist/collection/components/cpsl-row/cpsl-row.js.map +1 -1
  65. package/dist/collection/components/cpsl-select/cpsl-select.js +10 -5
  66. package/dist/collection/components/cpsl-select/cpsl-select.js.map +1 -1
  67. package/dist/collection/components/cpsl-select-item/cpsl-select-item.js +4 -1
  68. package/dist/collection/components/cpsl-select-item/cpsl-select-item.js.map +1 -1
  69. package/dist/collection/components/cpsl-slide-button/cpsl-slide-button.js +2 -2
  70. package/dist/collection/components/cpsl-spinner/cpsl-spinner.css +10 -2
  71. package/dist/collection/components/cpsl-spinner/cpsl-spinner.js +7 -7
  72. package/dist/collection/components/cpsl-spinner/cpsl-spinner.js.map +1 -1
  73. package/dist/collection/components/cpsl-text/cpsl-text.css +13 -0
  74. package/dist/collection/components/cpsl-text/cpsl-text.js +4 -3
  75. package/dist/collection/components/cpsl-text/cpsl-text.js.map +1 -1
  76. package/dist/collection/components/cpsl-tile-button/cpsl-tile-button.js +1 -1
  77. package/dist/esm/capsule.js +1 -1
  78. package/dist/esm/cpsl-alert_34.entry.js +454 -32
  79. package/dist/esm/cpsl-alert_34.entry.js.map +1 -1
  80. package/dist/esm/cpsl-col.entry.js +4 -1
  81. package/dist/esm/cpsl-col.entry.js.map +1 -1
  82. package/dist/esm/cpsl-identicon.entry.js +4 -2
  83. package/dist/esm/cpsl-identicon.entry.js.map +1 -1
  84. package/dist/esm/cpsl-row.entry.js +6 -2
  85. package/dist/esm/cpsl-row.entry.js.map +1 -1
  86. package/dist/esm/loader.js +1 -1
  87. package/dist/types/assets/icons/index.d.ts +24 -0
  88. package/dist/types/components/cpsl-col/cpsl-col.d.ts +4 -0
  89. package/dist/types/components/cpsl-icon/cpsl-icon.d.ts +8 -0
  90. package/dist/types/components/cpsl-identicon/cpsl-identicon.d.ts +1 -0
  91. package/dist/types/components/cpsl-input/cpsl-input.d.ts +4 -0
  92. package/dist/types/components/cpsl-row/cpsl-row.d.ts +5 -0
  93. package/dist/types/components/cpsl-spinner/cpsl-spinner.d.ts +2 -2
  94. package/dist/types/components/cpsl-text/cpsl-text.d.ts +1 -1
  95. package/dist/types/components.d.ts +46 -6
  96. package/package.json +37 -37
  97. package/dist/capsule/p-438442c7.entry.js +0 -2
  98. package/dist/capsule/p-438442c7.entry.js.map +0 -1
  99. package/dist/capsule/p-48826e01.entry.js +0 -28
  100. package/dist/capsule/p-48826e01.entry.js.map +0 -1
  101. package/dist/capsule/p-a6214f0a.entry.js.map +0 -1
  102. package/dist/capsule/p-ab7b3141.entry.js +0 -2
  103. package/dist/capsule/p-ab7b3141.entry.js.map +0 -1
  104. /package/dist/types/Users/{taylorbosch/Documents/GitHub/Capsule → keith/Documents/capsule}/web-sdk/packages/core-components/.stencil/scripts/appendLoaderExports.d.ts +0 -0
  105. /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
- "main": "dist/index.js",
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.1.11",
51
- "@storybook/addon-interactions": "^8.1.11",
52
- "@storybook/addon-links": "^8.1.11",
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": "^21.9.0",
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.1.11",
37
+ "storybook": "^8.6.4",
68
38
  "storybook-addon-stencil": "^0.2.1",
69
39
  "ts-node": "^10.9.2"
70
40
  },
71
- "gitHead": "426e843bd6084fb2e5f30ab87b02c79fc2f52832"
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":[]}