From 15788e68ea05a92b06632df3fbbed253936bf7e4 Mon Sep 17 00:00:00 2001 From: nehacr7 Date: Fri, 26 Jun 2026 11:33:46 +0530 Subject: [PATCH] feat: updated latest standalone and lido-player code --- chimple-lib | 1 + package-lock.json | 18 +- package.json | 2 +- .../0.0.0-beta-12/lido-player.css | 254 ------------------ .../0.0.0-beta-12/p-bb859308.css | 254 ------------------ .../index.esm.js | 0 .../lido-avatar.css | 0 .../lido-avatar.tsx | 0 .../0.0.0-beta-13/lido-player.css | 8 + .../lido-player.esm.js | 0 .../lido-player.js | 0 .../p-B1uwYUL1.js | 0 .../p-CuR9-3Sm.js | 0 .../p-Dq-Z8Dx0.js | 0 .../0.0.0-beta-13/p-bb859308.css | 8 + .../p-db425c95.entry.js | 0 .../readme.md | 11 +- public/Lido-player-code-versions/config.json | 2 +- 18 files changed, 35 insertions(+), 523 deletions(-) create mode 160000 chimple-lib delete mode 100644 public/Lido-player-code-versions/0.0.0-beta-12/lido-player.css delete mode 100644 public/Lido-player-code-versions/0.0.0-beta-12/p-bb859308.css rename public/Lido-player-code-versions/{0.0.0-beta-12 => 0.0.0-beta-13}/index.esm.js (100%) rename public/Lido-player-code-versions/{0.0.0-beta-12 => 0.0.0-beta-13}/lido-avatar.css (100%) rename public/Lido-player-code-versions/{0.0.0-beta-12 => 0.0.0-beta-13}/lido-avatar.tsx (100%) create mode 100644 public/Lido-player-code-versions/0.0.0-beta-13/lido-player.css rename public/Lido-player-code-versions/{0.0.0-beta-12 => 0.0.0-beta-13}/lido-player.esm.js (100%) rename public/Lido-player-code-versions/{0.0.0-beta-12 => 0.0.0-beta-13}/lido-player.js (100%) rename public/Lido-player-code-versions/{0.0.0-beta-12 => 0.0.0-beta-13}/p-B1uwYUL1.js (100%) rename public/Lido-player-code-versions/{0.0.0-beta-12 => 0.0.0-beta-13}/p-CuR9-3Sm.js (100%) rename public/Lido-player-code-versions/{0.0.0-beta-12 => 0.0.0-beta-13}/p-Dq-Z8Dx0.js (100%) create mode 100644 public/Lido-player-code-versions/0.0.0-beta-13/p-bb859308.css rename public/Lido-player-code-versions/{0.0.0-beta-12 => 0.0.0-beta-13}/p-db425c95.entry.js (100%) rename public/Lido-player-code-versions/{0.0.0-beta-12 => 0.0.0-beta-13}/readme.md (97%) diff --git a/chimple-lib b/chimple-lib new file mode 160000 index 0000000000..887a329238 --- /dev/null +++ b/chimple-lib @@ -0,0 +1 @@ +Subproject commit 887a329238357aee7454f09a39d3a7a5fce2a303 diff --git a/package-lock.json b/package-lock.json index 453fa2f435..b92d8bec03 100644 --- a/package-lock.json +++ b/package-lock.json @@ -84,7 +84,7 @@ "leaflet": "^1.9.4", "libphonenumber-js": "^1.12.18", "lido-player": "^0.0.2-alpha-77", - "lido-standalone": "^0.0.0-beta-12", + "lido-standalone": "^0.0.0-beta-13", "qrcode.react": "^4.2.0", "query-string": "^9.3.1", "react": "^19.1.1", @@ -3030,7 +3030,7 @@ }, "node_modules/@clack/prompts/node_modules/is-unicode-supported": { "version": "1.3.0", - "dev": true, + "extraneous": true, "inBundle": true, "license": "MIT", "engines": { @@ -20367,9 +20367,9 @@ "integrity": "sha512-Z3IhgVgrqO1S5xPYM3K5XwbkDasU67/Vys4heW+lfSBALcUZjeIIzI8zCLifY+OCzSq+fpDdywMDa7z+4srJPQ==" }, "node_modules/lido-player": { - "version": "0.0.2-beta-12", - "resolved": "https://registry.npmjs.org/lido-player/-/lido-player-0.0.2-beta-12.tgz", - "integrity": "sha512-u8Y7mCdXwZ9f9YUgtmRhTHCY4nQ8PiwC3LfhTsVppbLLp1Km4fc78m5il+t2mfgFKBf/HE4KQYkpEx3moBcn7A==", + "version": "0.0.2-beta-13", + "resolved": "https://registry.npmjs.org/lido-player/-/lido-player-0.0.2-beta-13.tgz", + "integrity": "sha512-Nwu2oTuzOXuHuMWgXAE2JRSko8J8Id5Nl+2Dc2uuTvRDtvue+MOUPrtdHYsRw1vi2l3o7aTDLGzco4SvuRB9SQ==", "license": "MIT", "dependencies": { "@rive-app/canvas": "2.32.0", @@ -20424,12 +20424,12 @@ } }, "node_modules/lido-standalone": { - "version": "0.0.0-beta-12", - "resolved": "https://registry.npmjs.org/lido-standalone/-/lido-standalone-0.0.0-beta-12.tgz", - "integrity": "sha512-+5sU/pgBJtuW5mwtbXWz845W//xzzNVL9boiE1HXeppQwISUInqnhCEycCsA3/N+SUI4iWerGlEtVx7OxU4yQA==", + "version": "0.0.0-beta-13", + "resolved": "https://registry.npmjs.org/lido-standalone/-/lido-standalone-0.0.0-beta-13.tgz", + "integrity": "sha512-wg5z0n1Pfj+p158wZ8Tti2rv4tBoVWXVF/vpVDSfRsO66CGCP+YUIlcyhRy/KUmxz+UozTzebgPIHZFqpkF63w==", "license": "MIT", "dependencies": { - "lido-player": "^0.0.2-beta-12" + "lido-player": "^0.0.2-beta-13" } }, "node_modules/lie": { diff --git a/package.json b/package.json index e02d1c23d5..0b0224f054 100644 --- a/package.json +++ b/package.json @@ -79,7 +79,7 @@ "leaflet": "^1.9.4", "libphonenumber-js": "^1.12.18", "lido-player": "^0.0.2-alpha-77", - "lido-standalone": "^0.0.0-beta-12", + "lido-standalone": "^0.0.0-beta-13", "qrcode.react": "^4.2.0", "query-string": "^9.3.1", "react": "^19.1.1", diff --git a/public/Lido-player-code-versions/0.0.0-beta-12/lido-player.css b/public/Lido-player-code-versions/0.0.0-beta-12/lido-player.css deleted file mode 100644 index 8d68a6c581..0000000000 --- a/public/Lido-player-code-versions/0.0.0-beta-12/lido-player.css +++ /dev/null @@ -1,254 +0,0 @@ -@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); -@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@400..800&display=swap'); -@import url('https://fonts.googleapis.com/css2?family=Baloo+Bhai+2:wght@400..800&display=swap'); -body { - overflow: hidden; - background-position: center; - background-size: cover; - background-repeat: no-repeat; - height: 100vh; -} -* { - user-select: none; -} -.lido-disable-check-button { - pointer-events: none; - background-color: #9393935c !important; - color: white; -} -.lido-element-selected { - border: 2px solid; - background-color: #ffdf7d !important; -} -.diagonal-target, -.diagonal-drop * { - transform: scale(0.8) !important; - opacity: 1 !important; -} -.cloned-element { - display: flex !important; - position: absolute !important; - filter: grayscale(100%); - pointer-events: none; -} -.removeShadow { - box-shadow: 0px 0px 0px 0px #ff8900 !important; -} -.highlight-element { - border: 2px solid white; - box-shadow: rgb(243, 77, 8) 0px 0px 40px !important; -} -.drop-element.empty { - border: 4px dashed #f34d08 !important; -} -.drop-element.filled { - border: 'none' !important; -} -.drag-element { - box-shadow: 0px 15px 11px rgba(43, 0, 0, 0.3) !important; -} -.drag-element.dropped { - box-shadow: none !important; -} -.click-element { - background-color: var(--btn-bg-color, rgba(255, 172, 76, 1)) !important; - box-shadow: var(--btn-shadow-px) - var(--btn-shadow-color, rgba(225, 121, 76, 1)) !important; - cursor: pointer; - transition: - box-shadow 0.1s ease-out, - transform 0.2s ease-out; -} -.click-element:active { - box-shadow: 0px 0px 0px var(--btn-shadow-color, rgba(225, 121, 76, 1)) !important; - transform: translateY(var(--btn-active)); -} -.click-element:focus { - outline: 2px solid dodgerblue; - outline-offset: 3px; -} -.after-drop-popup-container { - width: 200%; - height: 200%; - background-color: rgba(0, 0, 0, 0.8); - position: absolute; - display: flex; - flex-direction: row-reverse; - align-items: center; - justify-content: center !important; - gap: 80px; -} -.after-drop-popup-drag-element { - scale: 1.5; - border-radius: 8px; - transform: none !important; - position: unset !important; -} -.after-drop-popup-drop-element { - scale: 1.5; - border: unset; - border-radius: 8px; - transform: none !important; - position: unset !important; -} -@keyframes zoomFadeIn { - 0% { - transform: scale(0.6); - opacity: 0; - } - 100% { - transform: scale(1); - opacity: 1; - } -} -.zoom-fade-in { - animation: zoomFadeIn 0.8s ease-out forwards; -} -@keyframes zoomFadeOut { - 0% { - transform: scale(1); - opacity: 1; - } - 100% { - transform: scale(0.6); - opacity: 0; - } -} -.zoom-fade-out { - animation: zoomFadeOut 0.8s ease-in forwards; -} -.slide-numbers { - width: 70px; - height: 70px; - border: 1px solid #f57139; - background-color: white; - font-weight: 500; - color: #f57139; - font-size: 44px; - border-radius: 40px; - display: flex; - align-items: center; - justify-content: center; - font-family: 'Baloo Bhai 2', serif; -} -.slide-numbers-bottom { - position: absolute; - display: flex; - justify-content: space-around; - align-items: center; - bottom: -25px; - width: 100%; - height: 50px; -} -.slide-numbers-left { - position: absolute; - display: flex; - flex-direction: column; - justify-content: space-around; - height: 100%; - width: 50px; - left: -25px; - bottom: 0px; -} -.lido-speak-icon { - width: 56px; - height: 56px; - position: absolute; - top: -25px; - right: -25px; - z-index: 10; - background-image: url('https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/template/audioIcon.png'); - background-color: white; - border: 4px solid #f34d08; - border-radius: 16px; - box-shadow: 0px 4px 0px 0px #f34d08; - background-size: contain; - background-repeat: no-repeat; - cursor: pointer; -} -.lido-speak-icon:active { - transform: translateY(8px); - box-shadow: 0px 0px 0px 0px !important; -} -.lido-strong-shake { - animation: strongShake 0.3s ease; -} -.lido-scaled-shake { - animation: scaledShake 0.6s ease-in-out; -} -.lido-horizontal-shake { - animation: horizontalShake 0.6s ease-in-out; - border-radius: 20px; -} -.lido-vertical-shake { - animation: verticalShake 0.6s ease-in-out; - border-radius: 20px; -} -.lido-diagonal-shake { - animation: diagonalShake 0.5s ease-in-out; - border-radius: 20px; - will-change: transform; -} -.lido-glow { - animation: glowPulse 1s infinite alternate; - transition: opacity 0.5s ease-in-out; -} -.lido-box-highlight { - animation: topToPlace 0.3s linear; -} -.lido-display-hiddenvalue { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - display: flex; - align-items: center; - justify-content: center; - font-size: 80px; - font-weight: 1000; - color: brown; - -webkit-text-stroke: 2px white; - font-family: 'Baloo Bhai 2', sans-serif; - pointer-events: none; -} -.lido-image-colorize { - position: relative; - display: inline-block; -} -.lido-image-colorize::after { - content: ''; - position: absolute; - inset: 0; - background: var(--tint-color); - mix-blend-mode: multiply; - opacity: 0.8; - pointer-events: none; - mask-image: var(--mask-url); - mask-size: cover; - mask-repeat: no-repeat; - mask-position: center; -} -.lido-tts-highlight-overlay { - position: fixed; - left: 0; - top: 0; - pointer-events: none; - z-index: 9999; - background: linear-gradient( - 180deg, - rgba(255, 235, 59, 0.95), - rgba(255, 214, 0, 0.95) - ); - border-radius: 6px; - box-shadow: - 0 2px 6px rgba(0, 0, 0, 0.18), - inset 0 -1px 0 rgba(255, 255, 255, 0.25); - transition: - width 25ms ease-out, - height 25ms ease-out, - opacity 80ms ease-out; - opacity: 0.95; - will-change: transform, width, height; - contain: layout paint style; -} diff --git a/public/Lido-player-code-versions/0.0.0-beta-12/p-bb859308.css b/public/Lido-player-code-versions/0.0.0-beta-12/p-bb859308.css deleted file mode 100644 index 8d68a6c581..0000000000 --- a/public/Lido-player-code-versions/0.0.0-beta-12/p-bb859308.css +++ /dev/null @@ -1,254 +0,0 @@ -@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); -@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@400..800&display=swap'); -@import url('https://fonts.googleapis.com/css2?family=Baloo+Bhai+2:wght@400..800&display=swap'); -body { - overflow: hidden; - background-position: center; - background-size: cover; - background-repeat: no-repeat; - height: 100vh; -} -* { - user-select: none; -} -.lido-disable-check-button { - pointer-events: none; - background-color: #9393935c !important; - color: white; -} -.lido-element-selected { - border: 2px solid; - background-color: #ffdf7d !important; -} -.diagonal-target, -.diagonal-drop * { - transform: scale(0.8) !important; - opacity: 1 !important; -} -.cloned-element { - display: flex !important; - position: absolute !important; - filter: grayscale(100%); - pointer-events: none; -} -.removeShadow { - box-shadow: 0px 0px 0px 0px #ff8900 !important; -} -.highlight-element { - border: 2px solid white; - box-shadow: rgb(243, 77, 8) 0px 0px 40px !important; -} -.drop-element.empty { - border: 4px dashed #f34d08 !important; -} -.drop-element.filled { - border: 'none' !important; -} -.drag-element { - box-shadow: 0px 15px 11px rgba(43, 0, 0, 0.3) !important; -} -.drag-element.dropped { - box-shadow: none !important; -} -.click-element { - background-color: var(--btn-bg-color, rgba(255, 172, 76, 1)) !important; - box-shadow: var(--btn-shadow-px) - var(--btn-shadow-color, rgba(225, 121, 76, 1)) !important; - cursor: pointer; - transition: - box-shadow 0.1s ease-out, - transform 0.2s ease-out; -} -.click-element:active { - box-shadow: 0px 0px 0px var(--btn-shadow-color, rgba(225, 121, 76, 1)) !important; - transform: translateY(var(--btn-active)); -} -.click-element:focus { - outline: 2px solid dodgerblue; - outline-offset: 3px; -} -.after-drop-popup-container { - width: 200%; - height: 200%; - background-color: rgba(0, 0, 0, 0.8); - position: absolute; - display: flex; - flex-direction: row-reverse; - align-items: center; - justify-content: center !important; - gap: 80px; -} -.after-drop-popup-drag-element { - scale: 1.5; - border-radius: 8px; - transform: none !important; - position: unset !important; -} -.after-drop-popup-drop-element { - scale: 1.5; - border: unset; - border-radius: 8px; - transform: none !important; - position: unset !important; -} -@keyframes zoomFadeIn { - 0% { - transform: scale(0.6); - opacity: 0; - } - 100% { - transform: scale(1); - opacity: 1; - } -} -.zoom-fade-in { - animation: zoomFadeIn 0.8s ease-out forwards; -} -@keyframes zoomFadeOut { - 0% { - transform: scale(1); - opacity: 1; - } - 100% { - transform: scale(0.6); - opacity: 0; - } -} -.zoom-fade-out { - animation: zoomFadeOut 0.8s ease-in forwards; -} -.slide-numbers { - width: 70px; - height: 70px; - border: 1px solid #f57139; - background-color: white; - font-weight: 500; - color: #f57139; - font-size: 44px; - border-radius: 40px; - display: flex; - align-items: center; - justify-content: center; - font-family: 'Baloo Bhai 2', serif; -} -.slide-numbers-bottom { - position: absolute; - display: flex; - justify-content: space-around; - align-items: center; - bottom: -25px; - width: 100%; - height: 50px; -} -.slide-numbers-left { - position: absolute; - display: flex; - flex-direction: column; - justify-content: space-around; - height: 100%; - width: 50px; - left: -25px; - bottom: 0px; -} -.lido-speak-icon { - width: 56px; - height: 56px; - position: absolute; - top: -25px; - right: -25px; - z-index: 10; - background-image: url('https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/template/audioIcon.png'); - background-color: white; - border: 4px solid #f34d08; - border-radius: 16px; - box-shadow: 0px 4px 0px 0px #f34d08; - background-size: contain; - background-repeat: no-repeat; - cursor: pointer; -} -.lido-speak-icon:active { - transform: translateY(8px); - box-shadow: 0px 0px 0px 0px !important; -} -.lido-strong-shake { - animation: strongShake 0.3s ease; -} -.lido-scaled-shake { - animation: scaledShake 0.6s ease-in-out; -} -.lido-horizontal-shake { - animation: horizontalShake 0.6s ease-in-out; - border-radius: 20px; -} -.lido-vertical-shake { - animation: verticalShake 0.6s ease-in-out; - border-radius: 20px; -} -.lido-diagonal-shake { - animation: diagonalShake 0.5s ease-in-out; - border-radius: 20px; - will-change: transform; -} -.lido-glow { - animation: glowPulse 1s infinite alternate; - transition: opacity 0.5s ease-in-out; -} -.lido-box-highlight { - animation: topToPlace 0.3s linear; -} -.lido-display-hiddenvalue { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - display: flex; - align-items: center; - justify-content: center; - font-size: 80px; - font-weight: 1000; - color: brown; - -webkit-text-stroke: 2px white; - font-family: 'Baloo Bhai 2', sans-serif; - pointer-events: none; -} -.lido-image-colorize { - position: relative; - display: inline-block; -} -.lido-image-colorize::after { - content: ''; - position: absolute; - inset: 0; - background: var(--tint-color); - mix-blend-mode: multiply; - opacity: 0.8; - pointer-events: none; - mask-image: var(--mask-url); - mask-size: cover; - mask-repeat: no-repeat; - mask-position: center; -} -.lido-tts-highlight-overlay { - position: fixed; - left: 0; - top: 0; - pointer-events: none; - z-index: 9999; - background: linear-gradient( - 180deg, - rgba(255, 235, 59, 0.95), - rgba(255, 214, 0, 0.95) - ); - border-radius: 6px; - box-shadow: - 0 2px 6px rgba(0, 0, 0, 0.18), - inset 0 -1px 0 rgba(255, 255, 255, 0.25); - transition: - width 25ms ease-out, - height 25ms ease-out, - opacity 80ms ease-out; - opacity: 0.95; - will-change: transform, width, height; - contain: layout paint style; -} diff --git a/public/Lido-player-code-versions/0.0.0-beta-12/index.esm.js b/public/Lido-player-code-versions/0.0.0-beta-13/index.esm.js similarity index 100% rename from public/Lido-player-code-versions/0.0.0-beta-12/index.esm.js rename to public/Lido-player-code-versions/0.0.0-beta-13/index.esm.js diff --git a/public/Lido-player-code-versions/0.0.0-beta-12/lido-avatar.css b/public/Lido-player-code-versions/0.0.0-beta-13/lido-avatar.css similarity index 100% rename from public/Lido-player-code-versions/0.0.0-beta-12/lido-avatar.css rename to public/Lido-player-code-versions/0.0.0-beta-13/lido-avatar.css diff --git a/public/Lido-player-code-versions/0.0.0-beta-12/lido-avatar.tsx b/public/Lido-player-code-versions/0.0.0-beta-13/lido-avatar.tsx similarity index 100% rename from public/Lido-player-code-versions/0.0.0-beta-12/lido-avatar.tsx rename to public/Lido-player-code-versions/0.0.0-beta-13/lido-avatar.tsx diff --git a/public/Lido-player-code-versions/0.0.0-beta-13/lido-player.css b/public/Lido-player-code-versions/0.0.0-beta-13/lido-player.css new file mode 100644 index 0000000000..2365747872 --- /dev/null +++ b/public/Lido-player-code-versions/0.0.0-beta-13/lido-player.css @@ -0,0 +1,8 @@ +@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@400..800&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Baloo+Bhai+2:wght@400..800&display=swap'); body{overflow:hidden;background-position:center;background-size:cover;background-repeat:no-repeat;height:100vh}*{user-select:none}.lido-disable-check-button{pointer-events:none;background-color:#9393935c !important;color:white}.lido-element-selected{border:2px solid;background-color:#ffdf7d !important}.diagonal-target,.diagonal-drop *{transform:scale(0.8) !important;opacity:1 !important}.cloned-element{display:flex !important;position:absolute !important;filter:grayscale(100%);pointer-events:none}.removeShadow{box-shadow:0px 0px 0px 0px #ff8900 !important}.highlight-element{border:2px solid white;box-shadow:rgb(243, 77, 8) 0px 0px 40px !important}.drop-element.empty{border:4px dashed #f34d08 !important}.drop-element.filled{border:'none' !important}.drag-element{box-shadow:0px 15px 11px rgba(43, 0, 0, 0.3) !important}.drag-element.dropped{box-shadow:none !important}.click-element{background-color:var(--btn-bg-color, rgba(255, 172, 76, 1)) !important;box-shadow:var(--btn-shadow-px) var(--btn-shadow-color, rgba(225, 121, 76, 1)) !important;cursor:pointer;transition:box-shadow 0.1s ease-out, transform 0.2s ease-out;}.click-element:active{box-shadow:0px 0px 0px var(--btn-shadow-color, rgba(225, 121, 76, 1)) !important;transform:translateY(var(--btn-active));}.click-element:focus{outline:2px solid dodgerblue;outline-offset:3px}.after-drop-popup-container{width:200%;height:200%;background-color:rgba(0, 0, 0, 0.8);position:absolute;display:flex;flex-direction:row-reverse;align-items:center;justify-content:center !important;gap:80px}.after-drop-popup-drag-element{scale:1.5;border-radius:8px;transform:none !important;position:unset !important}.after-drop-popup-drop-element{scale:1.5;border:unset;border-radius:8px;transform:none !important;position:unset !important}@keyframes zoomFadeIn{0%{transform:scale(0.6);opacity:0}100%{transform:scale(1);opacity:1}}.zoom-fade-in{animation:zoomFadeIn 0.8s ease-out forwards}@keyframes zoomFadeOut{0%{transform:scale(1);opacity:1}100%{transform:scale(0.6);opacity:0}}.zoom-fade-out{animation:zoomFadeOut 0.8s ease-in forwards}.slide-numbers{width:70px;height:70px;border:1px solid #f57139;background-color:white;font-weight:500;color:#f57139;font-size:44px;border-radius:40px;display:flex;align-items:center;justify-content:center;font-family:'Baloo Bhai 2', serif}.slide-numbers-bottom{position:absolute;display:flex;justify-content:space-around;align-items:center;bottom:-25px;width:100%;height:50px}.slide-numbers-left{position:absolute;display:flex;flex-direction:column;justify-content:space-around;height:100%;width:50px;left:-25px;bottom:0px}.lido-speak-icon{width:56px;height:56px;position:absolute;top:-25px;right:-25px;z-index:10;background-image:url("https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/template/audioIcon.png");background-color:white;border:4px solid #F34D08;border-radius:16px;box-shadow:0px 4px 0px 0px #F34D08;background-size:contain;background-repeat:no-repeat;cursor:pointer}.lido-speak-icon:active{transform:translateY(8px);box-shadow:0px 0px 0px 0px !important}.lido-strong-shake{animation:strongShake 0.3s ease}.lido-scaled-shake{animation:scaledShake 0.6s ease-in-out}.lido-horizontal-shake{animation:horizontalShake 0.6s ease-in-out;border-radius:20px}.lido-vertical-shake{animation:verticalShake 0.6s ease-in-out;border-radius:20px}.lido-diagonal-shake{animation:diagonalShake 0.5s ease-in-out;border-radius:20px;will-change:transform}.lido-glow{animation:glowPulse 1s infinite alternate;transition:opacity 0.5s ease-in-out}.lido-box-highlight{animation:topToPlace 0.3s linear}.lido-display-hiddenvalue{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:80px;font-weight:1000;color:brown;-webkit-text-stroke:2px white;font-family:'Baloo Bhai 2', sans-serif;pointer-events:none}.lido-image-colorize{position:relative;display:inline-block}.lido-image-colorize::after{content:'';position:absolute;inset:0;background:var(--tint-color);mix-blend-mode:multiply;opacity:0.8;pointer-events:none;mask-image:var(--mask-url);mask-size:cover;mask-repeat:no-repeat;mask-position:center}.lido-tts-highlight-overlay{position:fixed;left:0;top:0;pointer-events:none;z-index:9999;background:linear-gradient( + 180deg, + rgba(255, 235, 59, 0.95), + rgba(255, 214, 0, 0.95) + );border-radius:6px;box-shadow:0 2px 6px rgba(0, 0, 0, 0.18), + inset 0 -1px 0 rgba(255, 255, 255, 0.25);transition:width 25ms ease-out, + height 25ms ease-out, + opacity 80ms ease-out;opacity:0.95;will-change:transform, width, height;contain:layout paint style} \ No newline at end of file diff --git a/public/Lido-player-code-versions/0.0.0-beta-12/lido-player.esm.js b/public/Lido-player-code-versions/0.0.0-beta-13/lido-player.esm.js similarity index 100% rename from public/Lido-player-code-versions/0.0.0-beta-12/lido-player.esm.js rename to public/Lido-player-code-versions/0.0.0-beta-13/lido-player.esm.js diff --git a/public/Lido-player-code-versions/0.0.0-beta-12/lido-player.js b/public/Lido-player-code-versions/0.0.0-beta-13/lido-player.js similarity index 100% rename from public/Lido-player-code-versions/0.0.0-beta-12/lido-player.js rename to public/Lido-player-code-versions/0.0.0-beta-13/lido-player.js diff --git a/public/Lido-player-code-versions/0.0.0-beta-12/p-B1uwYUL1.js b/public/Lido-player-code-versions/0.0.0-beta-13/p-B1uwYUL1.js similarity index 100% rename from public/Lido-player-code-versions/0.0.0-beta-12/p-B1uwYUL1.js rename to public/Lido-player-code-versions/0.0.0-beta-13/p-B1uwYUL1.js diff --git a/public/Lido-player-code-versions/0.0.0-beta-12/p-CuR9-3Sm.js b/public/Lido-player-code-versions/0.0.0-beta-13/p-CuR9-3Sm.js similarity index 100% rename from public/Lido-player-code-versions/0.0.0-beta-12/p-CuR9-3Sm.js rename to public/Lido-player-code-versions/0.0.0-beta-13/p-CuR9-3Sm.js diff --git a/public/Lido-player-code-versions/0.0.0-beta-12/p-Dq-Z8Dx0.js b/public/Lido-player-code-versions/0.0.0-beta-13/p-Dq-Z8Dx0.js similarity index 100% rename from public/Lido-player-code-versions/0.0.0-beta-12/p-Dq-Z8Dx0.js rename to public/Lido-player-code-versions/0.0.0-beta-13/p-Dq-Z8Dx0.js diff --git a/public/Lido-player-code-versions/0.0.0-beta-13/p-bb859308.css b/public/Lido-player-code-versions/0.0.0-beta-13/p-bb859308.css new file mode 100644 index 0000000000..2365747872 --- /dev/null +++ b/public/Lido-player-code-versions/0.0.0-beta-13/p-bb859308.css @@ -0,0 +1,8 @@ +@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@400..800&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Baloo+Bhai+2:wght@400..800&display=swap'); body{overflow:hidden;background-position:center;background-size:cover;background-repeat:no-repeat;height:100vh}*{user-select:none}.lido-disable-check-button{pointer-events:none;background-color:#9393935c !important;color:white}.lido-element-selected{border:2px solid;background-color:#ffdf7d !important}.diagonal-target,.diagonal-drop *{transform:scale(0.8) !important;opacity:1 !important}.cloned-element{display:flex !important;position:absolute !important;filter:grayscale(100%);pointer-events:none}.removeShadow{box-shadow:0px 0px 0px 0px #ff8900 !important}.highlight-element{border:2px solid white;box-shadow:rgb(243, 77, 8) 0px 0px 40px !important}.drop-element.empty{border:4px dashed #f34d08 !important}.drop-element.filled{border:'none' !important}.drag-element{box-shadow:0px 15px 11px rgba(43, 0, 0, 0.3) !important}.drag-element.dropped{box-shadow:none !important}.click-element{background-color:var(--btn-bg-color, rgba(255, 172, 76, 1)) !important;box-shadow:var(--btn-shadow-px) var(--btn-shadow-color, rgba(225, 121, 76, 1)) !important;cursor:pointer;transition:box-shadow 0.1s ease-out, transform 0.2s ease-out;}.click-element:active{box-shadow:0px 0px 0px var(--btn-shadow-color, rgba(225, 121, 76, 1)) !important;transform:translateY(var(--btn-active));}.click-element:focus{outline:2px solid dodgerblue;outline-offset:3px}.after-drop-popup-container{width:200%;height:200%;background-color:rgba(0, 0, 0, 0.8);position:absolute;display:flex;flex-direction:row-reverse;align-items:center;justify-content:center !important;gap:80px}.after-drop-popup-drag-element{scale:1.5;border-radius:8px;transform:none !important;position:unset !important}.after-drop-popup-drop-element{scale:1.5;border:unset;border-radius:8px;transform:none !important;position:unset !important}@keyframes zoomFadeIn{0%{transform:scale(0.6);opacity:0}100%{transform:scale(1);opacity:1}}.zoom-fade-in{animation:zoomFadeIn 0.8s ease-out forwards}@keyframes zoomFadeOut{0%{transform:scale(1);opacity:1}100%{transform:scale(0.6);opacity:0}}.zoom-fade-out{animation:zoomFadeOut 0.8s ease-in forwards}.slide-numbers{width:70px;height:70px;border:1px solid #f57139;background-color:white;font-weight:500;color:#f57139;font-size:44px;border-radius:40px;display:flex;align-items:center;justify-content:center;font-family:'Baloo Bhai 2', serif}.slide-numbers-bottom{position:absolute;display:flex;justify-content:space-around;align-items:center;bottom:-25px;width:100%;height:50px}.slide-numbers-left{position:absolute;display:flex;flex-direction:column;justify-content:space-around;height:100%;width:50px;left:-25px;bottom:0px}.lido-speak-icon{width:56px;height:56px;position:absolute;top:-25px;right:-25px;z-index:10;background-image:url("https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/template/audioIcon.png");background-color:white;border:4px solid #F34D08;border-radius:16px;box-shadow:0px 4px 0px 0px #F34D08;background-size:contain;background-repeat:no-repeat;cursor:pointer}.lido-speak-icon:active{transform:translateY(8px);box-shadow:0px 0px 0px 0px !important}.lido-strong-shake{animation:strongShake 0.3s ease}.lido-scaled-shake{animation:scaledShake 0.6s ease-in-out}.lido-horizontal-shake{animation:horizontalShake 0.6s ease-in-out;border-radius:20px}.lido-vertical-shake{animation:verticalShake 0.6s ease-in-out;border-radius:20px}.lido-diagonal-shake{animation:diagonalShake 0.5s ease-in-out;border-radius:20px;will-change:transform}.lido-glow{animation:glowPulse 1s infinite alternate;transition:opacity 0.5s ease-in-out}.lido-box-highlight{animation:topToPlace 0.3s linear}.lido-display-hiddenvalue{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:80px;font-weight:1000;color:brown;-webkit-text-stroke:2px white;font-family:'Baloo Bhai 2', sans-serif;pointer-events:none}.lido-image-colorize{position:relative;display:inline-block}.lido-image-colorize::after{content:'';position:absolute;inset:0;background:var(--tint-color);mix-blend-mode:multiply;opacity:0.8;pointer-events:none;mask-image:var(--mask-url);mask-size:cover;mask-repeat:no-repeat;mask-position:center}.lido-tts-highlight-overlay{position:fixed;left:0;top:0;pointer-events:none;z-index:9999;background:linear-gradient( + 180deg, + rgba(255, 235, 59, 0.95), + rgba(255, 214, 0, 0.95) + );border-radius:6px;box-shadow:0 2px 6px rgba(0, 0, 0, 0.18), + inset 0 -1px 0 rgba(255, 255, 255, 0.25);transition:width 25ms ease-out, + height 25ms ease-out, + opacity 80ms ease-out;opacity:0.95;will-change:transform, width, height;contain:layout paint style} \ No newline at end of file diff --git a/public/Lido-player-code-versions/0.0.0-beta-12/p-db425c95.entry.js b/public/Lido-player-code-versions/0.0.0-beta-13/p-db425c95.entry.js similarity index 100% rename from public/Lido-player-code-versions/0.0.0-beta-12/p-db425c95.entry.js rename to public/Lido-player-code-versions/0.0.0-beta-13/p-db425c95.entry.js diff --git a/public/Lido-player-code-versions/0.0.0-beta-12/readme.md b/public/Lido-player-code-versions/0.0.0-beta-13/readme.md similarity index 97% rename from public/Lido-player-code-versions/0.0.0-beta-12/readme.md rename to public/Lido-player-code-versions/0.0.0-beta-13/readme.md index c91668243a..4d538b9009 100644 --- a/public/Lido-player-code-versions/0.0.0-beta-12/readme.md +++ b/public/Lido-player-code-versions/0.0.0-beta-13/readme.md @@ -1,7 +1,10 @@ # lido-avatar + + + ## Properties | Property | Attribute | Description | Type | Default | @@ -27,20 +30,20 @@ | `y` | `y` | The y-coordinate (top position) of the column within its container (CSS value, e.g., '10px', '5vh'). | `string` | `'0px'` | | `z` | `z` | The z-index of the column to control stacking order. | `string` | `'0'` | + ## Dependencies ### Used by -- [lido-home](../home) + - [lido-home](../home) ### Graph - ```mermaid graph TD; lido-home --> lido-avatar style lido-avatar fill:#f9f,stroke:#333,stroke-width:4px ``` ---- +---------------------------------------------- -_Built with [StencilJS](https://stenciljs.com/)_ +*Built with [StencilJS](https://stenciljs.com/)* diff --git a/public/Lido-player-code-versions/config.json b/public/Lido-player-code-versions/config.json index cb0afe8e8a..f7635d05cf 100644 --- a/public/Lido-player-code-versions/config.json +++ b/public/Lido-player-code-versions/config.json @@ -1,3 +1,3 @@ { - "versions": ["0.0.0-beta-12"] + "versions": ["0.0.0-beta-13"] }