raffaello 1.4.1 → 1.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/raffaello.min.css +1 -1
  2. package/dist/raffaello.min.js +292 -4
  3. package/package.json +5 -2
package/dist/raffaello.min.css CHANGED
@@ -12,4 +12,4 @@
12
12
  * RAFFAELLO
13
13
  * (c) 2025 Theo Francart
14
14
  * Proprietary License - All Rights Reserved
15
- */.raffaello-imageContainer{border-radius:5px;display:block;max-width:100%;position:relative}.raffaello-imageContainer>*{border-radius:3px}.raffaello-imageContainer img{border:0!important;box-shadow:0!important}.raffaello-upload{align-items:center;background-color:#e7e7ee;border:0!important;cursor:pointer;display:flex;flex-direction:column;gap:10px;height:100%;justify-content:center;left:0;position:absolute;text-align:center;top:0;width:100%;z-index:4}.raffaello-upload svg{fill:#585e74;height:40px;opacity:.8;pointer-events:none;user-select:none;width:40px}.raffaello-loading{align-items:center;background-color:rgba(231,231,238,.5);border:0!important;display:flex;flex-direction:column;gap:10px;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:2}.raffaello-loading-circle{animation:raffaello-spin 1s linear infinite;border:4px solid hsla(0,0%,98%,.575);border-radius:50%;border-top-color:#333;height:50px;width:50px}@keyframes raffaello-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.raffaello-restart{background-color:grey;cursor:pointer;left:0;opacity:.7;padding:4px 5px;position:absolute;top:0;z-index:2}.raffaello-restart svg{fill:#fff;height:25px;pointer-events:none;user-select:none;width:25px}.raffaello-imageFilters p{font-size:14px;line-height:12px;opacity:.8;user-select:none}.raffaello-canvas-to-overlay{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}
15
+ */.raffaello-imageContainer{border-radius:5px;display:block;max-width:100%;position:relative}.raffaello-imageContainer>*{border-radius:3px}.raffaello-imageContainer img{border:0!important;box-shadow:0!important}.raffaello-upload{align-items:center;background-color:#e7e7ee;border:0!important;cursor:pointer;display:none;flex-direction:column;gap:10px;height:100%;justify-content:center;left:0;position:absolute;text-align:center;top:0;width:100%;z-index:4}.raffaello-upload.active{display:flex}.raffaello-upload svg{fill:#585e74;height:40px;opacity:.8;pointer-events:none;user-select:none;width:40px}.raffaello-loading{align-items:center;background-color:rgba(231,231,238,.5);border:0!important;display:none;flex-direction:column;gap:10px;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:2}.raffaello-loading.active{display:flex}.raffaello-loading-circle{animation:raffaello-spin 1s linear infinite;border:4px solid hsla(0,0%,98%,.575);border-radius:50%;border-top-color:#333;height:50px;width:50px}@keyframes raffaello-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.raffaello-restart-btn{background-color:hsla(0,0%,50%,.7);cursor:pointer;display:none;height:36px;left:0;padding:4px 0 0 6px;position:absolute;top:0;width:36px;z-index:3}.raffaello-restart-btn.active{display:block}.raffaello-restart-btn svg{fill:#fff;height:25px;opacity:.8;pointer-events:none;transition:opacity .2s,transform .1s;user-select:none;width:25px}.raffaello-restart-btn:hover svg{opacity:.8;transform:scale(1.05)}.raffaello-video-settings{align-items:flex-end;background:linear-gradient(0deg,rgba(0,0,0,.2) 38%,transparent);bottom:0;display:none;flex-direction:row;flex-wrap:nowrap;gap:10px;height:auto;justify-content:center;left:0;padding:10px;position:absolute;width:100%;z-index:3}.raffaello-video-settings.active{display:flex}.raffaello-video-settings svg{cursor:pointer;height:20px;opacity:.8;transition:opacity .2s,transform .1s}.raffaello-video-settings svg:hover{opacity:1;transform:scale(1.05)}.raffaello-video-settings .raffaello-video-play-btn{display:block}.raffaello-video-settings .raffaello-video-pause-btn,.raffaello-video-settings.play .raffaello-video-play-btn{display:none}.raffaello-video-settings .raffaello-video-sound-on,.raffaello-video-settings.play .raffaello-video-pause-btn{display:block}.raffaello-video-settings .raffaello-video-sound-off,.raffaello-video-settings.muted .raffaello-video-sound-on{display:none}.raffaello-video-settings.muted .raffaello-video-sound-off{display:block}.raffaello-video-settings.no-audio .raffaello-video-sound-off,.raffaello-video-settings.no-audio .raffaello-video-sound-on{display:none}.raffaello-video-settings .raffaello-timeline{cursor:pointer;display:block;flex:1;height:20px;margin:0 7px;opacity:.8;position:relative;touch-action:none;transition:opacity .2s;user-select:none}.raffaello-video-settings .raffaello-timeline:hover{opacity:1}.raffaello-timeline-bubble{background:rgba(0,0,0,.85);border-radius:10px;color:#fff;font-size:12px;left:0;line-height:1;opacity:0;padding:5px 9px;pointer-events:none;position:absolute;top:-25px;transform:translateX(-50%);transition:opacity .08s linear;white-space:nowrap}.raffaello-timeline:hover .raffaello-timeline-bubble{opacity:1}.raffaello-video-settings .raffaello-timeline-track{background:#cfcfcf;left:0;position:absolute;right:0;top:50%;transform:translateY(-50%)}.raffaello-video-settings .raffaello-timeline-active{background:#39f;position:absolute;top:50%;transform:translateY(-50%)}.raffaello-video-settings .raffaello-timeline-active,.raffaello-video-settings .raffaello-timeline-track{height:4px;transition:height .2s}.raffaello-video-settings .raffaello-timeline:hover .raffaello-timeline-active,.raffaello-video-settings .raffaello-timeline:hover .raffaello-timeline-track{height:6px}.raffaello-video-settings .raffaello-timeline-playhead{background:#fff;border:3px solid #39f;border-radius:50%;cursor:grab;height:15px;position:absolute;top:50%;transform:translate(-50%,-50%);transition:height .2s,width .2s;width:15px}.raffaello-video-settings .raffaello-timeline:hover .raffaello-timeline-playhead{height:18px;width:18px}.raffaello-video-settings .raffaello-timeline-handle{background:#39f;border-radius:3px;cursor:grab;height:15px;position:absolute;top:50%;transform:translate(-50%,-50%);transition:height .2s,width .2s;width:6px}.raffaello-video-settings .raffaello-timeline:hover .raffaello-timeline-handle{height:20px;width:8px}.raffaello-video-overlay{align-items:center;background-color:rgba(0,0,0,.85);display:flex;height:100%;justify-content:center;left:0;padding:20px;position:absolute;top:0;visibility:hidden;width:100%;z-index:2}.raffaello-video-overlay.active{visibility:visible}.raffaello-video-overlay video{max-height:95%;max-width:95%;user-select:none}.raffaello-render-hud{align-items:center;background:rgba(51,153,255,.85);border-radius:5px;color:#fff;display:flex;flex-direction:column;gap:3px;justify-content:center;left:50%;min-width:200px;padding:10px;pointer-events:auto;position:absolute;top:50%;transform:translate(-50%,-50%);visibility:hidden;z-index:3}.raffaello-render-hud.active{visibility:visible}.raffaello-render-title{font-size:16px;font-weight:700}.raffaello-render-sub{font-size:12px;opacity:.9}.raffaello-render-cancel{background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.25);border-radius:10px;cursor:pointer;font-size:12px;margin-top:8px;padding:3px 10px}.raffaello-render-cancel:hover{background:hsla(0,0%,100%,.25)}.raffaello-imageFilters p{font-size:14px;line-height:12px;opacity:.8;user-select:none}.raffaello-canvas-to-overlay{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}