tiny-essentials 1.28.18 → 1.28.19
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/v1/css/TinyCookieConsent.min.css +1 -0
- package/dist/v1/css/TinyCookieConsent.min.css.map +1 -0
- package/dist/v1/css/TinyDraggerExample.min.css +1 -0
- package/dist/v1/css/TinyDraggerExample.min.css.map +1 -0
- package/dist/v1/css/TinyLoadingScreen.min.css +1 -0
- package/dist/v1/css/TinyLoadingScreen.min.css.map +1 -0
- package/dist/v1/css/TinyNotify.min.css +1 -0
- package/dist/v1/css/TinyNotify.min.css.map +1 -0
- package/dist/v1/css/aiMarker.min.css +1 -0
- package/dist/v1/css/aiMarker.min.css.map +1 -0
- package/dist/v1/webTemplates/bootstrap/5.3/html/BootstrapDialogs.cjs +699 -0
- package/dist/v1/webTemplates/bootstrap/5.3/html/BootstrapDialogs.d.mts +290 -0
- package/dist/v1/webTemplates/bootstrap/5.3/html/BootstrapDialogs.d.mts.map +1 -0
- package/dist/v1/webTemplates/bootstrap/5.3/html/BootstrapDialogs.mjs +590 -0
- package/dist/v1/webTemplates/bootstrap/5.3/scss/input/Placeholder-Colors-Fix.scss +64 -0
- package/dist/v1/webTemplates/bootstrap/5.3/scss/spacing/Spacing-Plus.scss +31 -0
- package/docs/v1/Exports.md +10 -0
- package/docs/v1/README.md +7 -1
- package/docs/v1/webTemplates/bootstrap/5.3/html/BootstrapDialogs.md +162 -0
- package/package.json +13 -8
|
@@ -1 +1,2 @@
|
|
|
1
1
|
.cookie-consent-bar{position:fixed;bottom:0;left:0;width:100%;background:#222;color:#fff;display:flex;justify-content:space-between;gap:10px;z-index:1000;box-shadow:0 -2px 5px rgba(0,0,0,.3);animation:tinyCookieConsentSlideUp var(--tiny-cookie-animation, 0.5s) ease forwards;transform:translateY(100%);opacity:0}.cookie-consent-bar>div{display:flex;padding-top:15px;padding-bottom:15px}.cookie-consent-bar>div:first-child{margin-left:15px;flex-grow:1}.cookie-consent-bar>div:last-child{margin-right:15px}.cookie-consent-bar>div p{margin:0}.cookie-consent-bar>div button{padding:8px 14px;border:none;cursor:pointer;border-radius:4px;transition:transform .2s ease,background .3s ease}.cookie-consent-bar>div button:hover{transform:translateY(-2px);filter:brightness(1.1)}.cookie-consent-bar>div button:active{transform:scale(0.95)}.cookie-consent-bar>div button.accept{background:#4caf50;color:#fff}.cookie-consent-bar>div button.reject{background:#f44336;color:#fff}.cookie-consent-bar>div button.settings{background:#2196f3;color:#fff}.cookie-consent-bar.closing{animation:tinyCookieConsentSlideDown var(--tiny-cookie-animation, 0.4s) ease forwards !important}@media(max-width: 600px){.cookie-consent-bar{flex-direction:column;align-items:stretch;text-align:center}.cookie-consent-bar>div{padding-top:0px;padding-bottom:0px;margin:0;justify-content:center;flex-wrap:wrap}.cookie-consent-bar>div:first-child{margin:10px 0}.cookie-consent-bar>div:last-child{margin:10px 0}.cookie-consent-bar>div button{flex:1;min-width:100px;margin:5px}}.cookie-consent-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:2000;opacity:0;animation:tinyCookieConsentFadeIn var(--tiny-cookie-animation, 0.4s) ease forwards}.cookie-consent-modal .modal-content{background:#fff;padding:20px;border-radius:8px;width:300px;transform:scale(0.9);opacity:0;animation:tinyCookieConsentScaleIn var(--tiny-cookie-animation, 0.4s) ease forwards}.cookie-consent-modal h2{margin-top:0}.cookie-consent-modal label{display:block;margin-bottom:10px}.cookie-consent-modal button.save{margin-top:15px;width:100%;background:#4caf50;color:#fff;border:none;padding:10px;cursor:pointer;border-radius:4px;transition:background .3s ease,transform .2s ease}.cookie-consent-modal button.save:hover{filter:brightness(1.1);transform:translateY(-2px)}.cookie-consent-modal button.save:active{transform:scale(0.95)}.cookie-consent-modal.closing{animation:tinyCookieConsentFadeOut var(--tiny-cookie-animation, 0.4s) ease forwards !important}.cookie-consent-modal.closing .modal-content{animation:tinyCookieConsentScaleOut var(--tiny-cookie-animation, 0.4s) ease forwards !important}@keyframes tinyCookieConsentSlideUp{to{transform:translateY(0);opacity:1}}@keyframes tinyCookieConsentSlideDown{from{transform:translateY(0%);opacity:1}to{transform:translateY(100%);opacity:0}}@keyframes tinyCookieConsentFadeIn{to{opacity:1}}@keyframes tinyCookieConsentFadeOut{from{opacity:1}to{opacity:0}}@keyframes tinyCookieConsentScaleIn{to{opacity:1;transform:scale(1)}}@keyframes tinyCookieConsentScaleOut{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0.9)}}
|
|
2
|
+
/* # sourceMappingURL=TinyCookieConsent.min.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/v1/scss"],"names":[],"mappings":"AACA,oBACE,eACA,SACA,OACA,WACA,gBACA,WACA,aACA,8BACA,SACA,aACA,qCAGA,oFACA,2BACA,UAEA,wBACE,aACA,iBACA,oBAEA,oCACE,iBACA,YAGF,mCACE,kBAGF,0BACE,SAGF,+BACE,iBACA,YACA,eACA,kBACA,WACE,uCAGF,qCACE,2BACA,uBAGF,sCACE,sBAIJ,sCACE,mBACA,WAGF,sCACE,mBACA,WAGF,wCACE,mBACA,WAKJ,4BACE,iGAIF,yBA7EF,oBA8EI,sBACA,oBACA,kBAEA,wBACE,gBACA,mBACA,SACA,uBACA,eAEA,oCACE,cAGF,mCACE,cAGF,+BACE,OACA,gBACA,YAOR,sBACE,eACA,MACA,OACA,QACA,SACA,0BACA,aACA,mBACA,uBACA,aACA,UACA,mFAEA,qCACE,gBACA,aACA,kBACA,YACA,qBACA,UACA,oFAGF,yBACE,aAGF,4BACE,cACA,mBAGF,kCACE,gBACA,WACA,mBACA,WACA,YACA,aACA,eACA,kBACA,WACE,uCAGF,wCACE,uBACA,2BAGF,yCACE,sBAKJ,8BACE,+FAGF,6CACE,gGAKJ,oCACE,GACE,wBACA,WAIJ,sCACE,KACE,yBACA,UAEF,GACE,2BACA,WAIJ,mCACE,GACE,WAIJ,oCACE,KACE,UAEF,GACE,WAIJ,oCACE,GACE,UACA,oBAIJ,qCACE,KACE,UACA,mBAEF,GACE,UACA","sourcesContent":["/* Consent Bar */\n.cookie-consent-bar {\n position: fixed;\n bottom: 0;\n left: 0;\n width: 100%;\n background: #222;\n color: white;\n display: flex;\n justify-content: space-between;\n gap: 10px;\n z-index: 1000;\n box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.3);\n\n /* Animation when appearing */\n animation: tinyCookieConsentSlideUp var(--tiny-cookie-animation, 0.5s) ease forwards;\n transform: translateY(100%);\n opacity: 0;\n\n > div {\n display: flex;\n padding-top: 15px;\n padding-bottom: 15px;\n\n &:first-child {\n margin-left: 15px;\n flex-grow: 1;\n }\n\n &:last-child {\n margin-right: 15px;\n }\n\n p {\n margin: 0;\n }\n\n button {\n padding: 8px 14px;\n border: none;\n cursor: pointer;\n border-radius: 4px;\n transition:\n transform 0.2s ease,\n background 0.3s ease;\n\n &:hover {\n transform: translateY(-2px);\n filter: brightness(1.1);\n }\n\n &:active {\n transform: scale(0.95);\n }\n }\n\n button.accept {\n background: #4caf50;\n color: white;\n }\n\n button.reject {\n background: #f44336;\n color: white;\n }\n\n button.settings {\n background: #2196f3;\n color: white;\n }\n }\n\n /* Exit animation */\n &.closing {\n animation: tinyCookieConsentSlideDown var(--tiny-cookie-animation, 0.4s) ease forwards !important;\n }\n\n /* Responsive behavior for small screens */\n @media (max-width: 600px) {\n flex-direction: column;\n align-items: stretch;\n text-align: center;\n\n > div {\n padding-top: 0px;\n padding-bottom: 0px;\n margin: 0;\n justify-content: center;\n flex-wrap: wrap;\n\n &:first-child {\n margin: 10px 0;\n }\n\n &:last-child {\n margin: 10px 0;\n }\n\n button {\n flex: 1;\n min-width: 100px;\n margin: 5px;\n }\n }\n }\n}\n\n/* Modal */\n.cookie-consent-modal {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0, 0, 0, 0.6);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 2000;\n opacity: 0;\n animation: tinyCookieConsentFadeIn var(--tiny-cookie-animation, 0.4s) ease forwards;\n\n .modal-content {\n background: white;\n padding: 20px;\n border-radius: 8px;\n width: 300px;\n transform: scale(0.9);\n opacity: 0;\n animation: tinyCookieConsentScaleIn var(--tiny-cookie-animation, 0.4s) ease forwards;\n }\n\n h2 {\n margin-top: 0;\n }\n\n label {\n display: block;\n margin-bottom: 10px;\n }\n\n button.save {\n margin-top: 15px;\n width: 100%;\n background: #4caf50;\n color: white;\n border: none;\n padding: 10px;\n cursor: pointer;\n border-radius: 4px;\n transition:\n background 0.3s ease,\n transform 0.2s ease;\n\n &:hover {\n filter: brightness(1.1);\n transform: translateY(-2px);\n }\n\n &:active {\n transform: scale(0.95);\n }\n }\n\n /* Exit animation */\n &.closing {\n animation: tinyCookieConsentFadeOut var(--tiny-cookie-animation, 0.4s) ease forwards !important;\n }\n\n &.closing .modal-content {\n animation: tinyCookieConsentScaleOut var(--tiny-cookie-animation, 0.4s) ease forwards !important;\n }\n}\n\n/* Keyframes */\n@keyframes tinyCookieConsentSlideUp {\n to {\n transform: translateY(0);\n opacity: 1;\n }\n}\n\n@keyframes tinyCookieConsentSlideDown {\n from {\n transform: translateY(0%);\n opacity: 1;\n }\n to {\n transform: translateY(100%);\n opacity: 0;\n }\n}\n\n@keyframes tinyCookieConsentFadeIn {\n to {\n opacity: 1;\n }\n}\n\n@keyframes tinyCookieConsentFadeOut {\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n }\n}\n\n@keyframes tinyCookieConsentScaleIn {\n to {\n opacity: 1;\n transform: scale(1);\n }\n}\n\n@keyframes tinyCookieConsentScaleOut {\n from {\n opacity: 1;\n transform: scale(1);\n }\n to {\n opacity: 0;\n transform: scale(0.9);\n }\n}\n"]}
|
|
@@ -1 +1,2 @@
|
|
|
1
1
|
.dragging{opacity:.7;outline:2px dashed #3aa;z-index:9999}.dragging-collision{outline:2px dashed #33aa43}body.drag-active{cursor:grabbing !important}.jail-drag-active{outline:2px dashed #f90}.drag-hidden{opacity:0 !important}
|
|
2
|
+
/* # sourceMappingURL=TinyDraggerExample.min.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/v1/scss"],"names":[],"mappings":"AAAA,UACE,WACA,wBACA,aAGF,oBACE,2BAGF,iBACE,2BAGF,kBACE,wBAGF,aACE","sourcesContent":[".dragging {\n opacity: 0.7;\n outline: 2px dashed #3aa;\n z-index: 9999;\n}\n\n.dragging-collision {\n outline: 2px dashed rgb(51, 170, 67);\n}\n\nbody.drag-active {\n cursor: grabbing !important;\n}\n\n.jail-drag-active {\n outline: 2px dashed #f90;\n}\n\n.drag-hidden {\n opacity: 0 !important;\n}\n"]}
|
|
@@ -1 +1,2 @@
|
|
|
1
1
|
.loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);display:absolute;justify-content:center;align-items:center;z-index:9999}.loading-overlay .loading-container{height:100%;width:100%;display:flex;align-items:center}.loading-overlay .loading-content{text-align:center;color:#fff;font-family:Arial,sans-serif;margin:auto}.loading-overlay .loading-spinner{position:relative;border:4px solid rgba(255,255,255,.3);border-top:4px solid #fff;border-radius:50%;width:50px;height:50px;margin:0 auto 15px;animation:loading-spin 1s linear infinite}.loading-overlay .loading-spinner::after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;transform:translate(-50%, -50%);border-radius:50%;background:rgba(0,0,0,0);pointer-events:none}.loading-overlay .loading-message{font-size:1.2em;user-select:none !important}@keyframes loading-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
|
|
2
|
+
/* # sourceMappingURL=TinyLoadingScreen.min.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/v1/scss"],"names":[],"mappings":"AAAA,iBACE,kBACA,MACA,OACA,WACA,YACA,0BACA,iBACA,uBACA,mBACA,aAEA,oCACE,YACA,WACA,aACA,mBAGF,kCACE,kBACA,WACA,6BACA,YAGF,kCACE,kBACA,sCACA,0BACA,kBACA,WACA,YACA,mBACA,0CAEA,yCACE,WACA,kBACA,QACA,SACA,WACA,YACA,gCACA,kBACA,yBACA,oBAIJ,kCACE,gBACA,4BAGF,wBACE,GACE,uBAEF,KACE","sourcesContent":[".loading-overlay {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.6);\n display: absolute;\n justify-content: center;\n align-items: center;\n z-index: 9999;\n\n .loading-container {\n height: 100%;\n width: 100%;\n display: flex;\n align-items: center;\n }\n\n .loading-content {\n text-align: center;\n color: #fff;\n font-family: Arial, sans-serif;\n margin: auto;\n }\n\n .loading-spinner {\n position: relative;\n border: 4px solid rgba(255, 255, 255, 0.3);\n border-top: 4px solid #fff;\n border-radius: 50%;\n width: 50px;\n height: 50px;\n margin: 0 auto 15px;\n animation: loading-spin 1s linear infinite;\n\n &::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n width: 20px; /* tamanho do “buraco” */\n height: 20px; /* tamanho do “buraco” */\n transform: translate(-50%, -50%);\n border-radius: 50%;\n background: transparent; /* vazio, mas depois pode receber ícone */\n pointer-events: none; /* não interfere no spinner */\n }\n }\n\n .loading-message {\n font-size: 1.2em;\n user-select: none !important;\n }\n\n @keyframes loading-spin {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n}\n"]}
|
|
@@ -1 +1,2 @@
|
|
|
1
1
|
:root{--notify-width: clamp(280px, 90vw, 400px);--notify-spacing: 1rem;--notify-z-index: 1000;--notify-transition: opacity 0.3s ease, transform 0.3s ease;--notify-padding: 1rem;--notify-border-radius: 0.75rem;--notify-font-size: 1rem;--notify-font-family: sans-serif;--notify-color-bg: #ffffff;--notify-color-text: #333333;--notify-color-shadow: rgba(0, 0, 0, 0.1);--notify-close-size: 1.25rem;--notify-close-color: #444;--notify-close-color-hover: #000;--notif-center-remove-transition: opacity 0.3s ease, transform 0.3s ease;--notif-center-bg-transition: background 0.2s ease;--notif-center-transform: transform 0.3s ease;--notif-center-width: clamp(300px, 90vw, 400px);--notif-center-height: 100vh;--notif-center-bg: rgba(255, 255, 255, 0.85);--notif-center-blur: 12px;--notif-center-shadow: rgba(0, 0, 0, 0.2);--notif-center-x-padding: 1rem;--notif-center-y-padding: 1rem;--notif-center-z-index: 1050;--notif-border: #000;--notif-unread-border: #bd0b0b;--notif-border-unread: ;--notif-item-close: #666;--notif-item-close-hover: #000;--notif-item-bg: #ffffff;--notif-item-unread-bg: #ffffff;--notif-item-text: #222;--notif-item-radius: 0.75rem;--notif-item-padding: 1rem;--notif-item-shadow: rgba(0, 0, 0, 0.1);--notif-close-size: 1.5rem;--notif-close-color: #444;--notif-close-color-hover: #000;--notif-bell-size: 3rem;--notif-bell-bg: #ffffff;--notif-bell-color: #333;--notif-bell-shadow: rgba(0, 0, 0, 0.2);--notif-bell-z-index: 1040;--notif-bell-radius: 50%;--notif-bell-hover-bg: #f0f0f0;--notif-badge-bg: #d32f2f;--notif-badge-color: #ffffff;--notif-badge-size: 1.25rem;--notif-badge-font-size: 0.75rem;--notif-badge-border: none}.notify-container{position:fixed;display:flex;gap:var(--notify-spacing);width:var(--notify-width);z-index:var(--notify-z-index);pointer-events:none}.notify-container.left{left:var(--notify-spacing);align-items:flex-start}.notify-container.right{right:var(--notify-spacing);align-items:flex-end}.notify-container.center{left:50%;transform:translateX(-50%);align-items:center}.notify-container.top{flex-direction:column;top:var(--notify-spacing)}.notify-container.top .notify.enter{transform:translateY(-10px)}.notify-container.top .notify.exit{transform:translateY(-10px)}.notify-container.bottom{flex-direction:column-reverse;bottom:var(--notify-spacing)}.notify-container.bottom .notify.enter{transform:translateY(10px)}.notify-container.bottom .notify.exit{transform:translateY(10px)}.notify-container .notify{position:relative;background-color:var(--notify-color-bg);color:var(--notify-color-text);box-shadow:0 4px 8px var(--notify-color-shadow);border-radius:var(--notify-border-radius);padding:var(--notify-padding);font-size:var(--notify-font-size);font-family:var(--notify-font-family);width:100%;pointer-events:auto;transition:var(--notify-transition);opacity:1}.notify-container .notify .avatar{width:2rem;height:2rem;border-radius:50%;object-fit:cover;float:left;margin-right:.5rem}.notify-container .notify .close{position:absolute;top:.5rem;right:.75rem;background:rgba(0,0,0,0);border:none;font-size:var(--notify-close-size);cursor:pointer;line-height:1;color:var(--notify-close-color);padding:0;margin:0}.notify-container .notify .close:hover{color:var(--notify-close-color-hover)}.notify-container .notify.clickable{cursor:pointer}.notify-container .notify.clickable:hover{background-color:var(--notify-color-bg-hover, rgba(0, 0, 0, 0.05))}.notify-container .notify.enter{opacity:0}.notify-container .notify.show{opacity:1;transform:translateY(0)}.notify-container .notify.exit{opacity:0}.notify-overlay{position:fixed;inset:0;background-color:rgba(0,0,0,.35);display:flex;justify-content:flex-end;align-items:flex-start;padding:1rem;z-index:var(--notif-center-z-index);transition:var(--notif-center-bg-transition)}.notify-overlay.hidden{background-color:rgba(0,0,0,0);pointer-events:none}.notify-overlay .notify-center{position:fixed;top:0;right:0;width:var(--notif-center-width);height:var(--notif-center-height);background-color:var(--notif-center-bg);backdrop-filter:blur(var(--notif-center-blur));box-shadow:-4px 0 12px var(--notif-center-shadow);padding-top:var(--notif-center-y-padding);padding-bottom:var(--notif-center-y-padding);padding-left:var(--notif-center-x-padding);padding-right:var(--notif-center-x-padding);display:flex;flex-direction:column;z-index:var(--notif-center-z-index);transform:translateX(100%);transition:var(--notif-center-transform)}.notify-overlay .notify-center.open{transform:translateX(0%)}.notify-overlay .notify-center .header{display:flex;justify-content:space-between;align-items:center}.notify-overlay .notify-center .options{display:flex}.notify-overlay .notify-center .options>button{background:none;border:none;font-size:var(--notif-close-size);color:var(--notif-close-color);cursor:pointer}.notify-overlay .notify-center .options>button>svg{align-items:center;display:flex}.notify-overlay .notify-center .options>button:hover{color:var(--notif-close-color-hover)}.notify-overlay .notify-center .list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:1rem;scrollbar-width:thin;scrollbar-color:#999 rgba(0,0,0,0)}.notify-overlay .notify-center .list::-webkit-scrollbar{width:6px}.notify-overlay .notify-center .list::-webkit-scrollbar-thumb{background:#aaa;border-radius:3px}.notify-overlay .notify-center .item{display:flex;justify-content:space-between;align-items:flex-start;background-color:var(--notif-item-bg);color:var(--notif-item-text);border-radius:var(--notif-item-radius);padding:var(--notif-item-padding);box-shadow:0 2px 6px var(--notif-item-shadow);font-size:.95rem;transition:var(--notif-center-remove-transition);border-left-style:solid;border-left-color:var(--notif-border)}.notify-overlay .notify-center .item .avatar{width:40px;height:40px;flex-shrink:0;border-radius:50%;background-size:cover;background-position:center;margin-right:10px}.notify-overlay .notify-center .item.unread{background-color:var(--notif-item-unread-bg);border-left-color:var(--notif-unread-border)}.notify-overlay .notify-center .item.removing{opacity:0;transform:translateY(-10px);pointer-events:none !important}.notify-overlay .notify-center .item.clickable{cursor:pointer}.notify-overlay .notify-center .item.clickable:hover{background-color:var(--notif-hover, rgba(0, 0, 0, 0.05))}.notify-overlay .notify-center .item .content{flex-grow:1;display:flex;flex-direction:column}.notify-overlay .notify-center .item .title{font-weight:bold;margin-bottom:.25rem}.notify-overlay .notify-center .item .message{font-size:.95rem}.notify-overlay .notify-center .item .notify-close{background:none;border:none;font-size:1.25rem;line-height:1;color:var(--notif-item-close);cursor:pointer;padding:.25rem}.notify-overlay .notify-center .item .notify-close:hover{color:var(--notif-item-close-hover)}@media(max-width: 600px){.notify-center{border-radius:0;width:100vw;padding:0px !important}.notify-center .header{padding-top:var(--notif-center-y-padding)}.notify-center .header,.notify-center .list{padding-left:var(--notif-center-x-padding);padding-right:var(--notif-center-x-padding)}}.notify-bell{position:fixed;bottom:1.5rem;right:1.5rem;width:var(--notif-bell-size);height:var(--notif-bell-size);background-color:var(--notif-bell-bg);color:var(--notif-bell-color);border:none;border-radius:var(--notif-bell-radius);box-shadow:0 4px 8px var(--notif-bell-shadow);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:var(--notif-bell-z-index);font-size:1.4rem;transition:var(--notif-center-bg-transition)}.notify-bell:hover{background-color:var(--notif-bell-hover-bg)}.notify-bell .badge{position:absolute;top:0;right:0;transform:translate(25%, -25%);background-color:var(--notif-badge-bg);color:var(--notif-badge-color);border:var(--notif-badge-border);border-radius:999px;min-width:var(--notif-badge-size);height:var(--notif-badge-size);font-size:var(--notif-badge-font-size);font-weight:bold;display:flex;align-items:center;justify-content:center;padding:0 .3em;pointer-events:none}.notify-bell .badge[data-value="0"]{display:none}
|
|
2
|
+
/* # sourceMappingURL=TinyNotify.min.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/v1/scss"],"names":[],"mappings":"AAAA,MAEE,0CACA,uBACA,uBACA,4DAEA,uBACA,gCACA,yBACA,iCAEA,2BACA,6BACA,0CAEA,6BACA,2BACA,iCAGA,yEACA,mDACA,8CACA,gDACA,6BACA,6CACA,0BACA,0CAEA,+BACA,+BACA,6BAEA,qBACA,+BACA,wBACA,yBACA,+BACA,yBACA,gCACA,wBACA,6BACA,2BACA,wCAEA,2BACA,0BACA,gCAGA,wBACA,yBACA,yBACA,wCACA,2BACA,yBACA,+BAGA,0BACA,6BACA,4BACA,iCACA,2BAKF,kBACE,eACA,aACA,0BACA,0BACA,8BACA,oBAGA,uBACE,2BACA,uBAGF,wBACE,4BACA,qBAGF,yBACE,SACA,2BACA,mBAIF,sBACE,sBACA,0BAGE,oCACE,4BAGF,mCACE,4BAKN,yBACE,8BACA,6BAGE,uCACE,2BAGF,sCACE,2BAKN,0BACE,kBACA,wCACA,+BACA,gDACA,0CACA,8BACA,kCACA,sCACA,WACA,oBACA,oCACA,UAEA,kCACE,WACA,YACA,kBACA,iBACA,WACA,mBAGF,iCACE,kBACA,UACA,aACA,yBACA,YACA,mCACA,eACA,cACA,gCACA,UACA,SAEA,uCACE,sCAIJ,oCACE,eAGF,0CACE,mEAIF,gCACE,UAGF,+BACE,UACA,wBAGF,+BACE,UAON,gBACE,eACA,QACA,iCACA,aACA,yBACA,uBACA,aACA,oCACA,6CAEA,uBACE,+BACA,oBAGF,+BACE,eACA,MACA,QACA,gCACA,kCACA,wCACA,+CACA,kDACA,0CACA,6CACA,2CACA,4CACA,aACA,sBACA,oCACA,2BACA,yCAEA,oCACE,yBAGF,uCACE,aACA,8BACA,mBAGF,wCACE,aAEA,+CACE,gBACA,YACA,kCACA,+BACA,eACA,mDACE,mBACA,aAEF,qDACE,qCAKN,qCACE,OACA,gBACA,aACA,sBACA,SACA,qBACA,mCAEA,wDACE,UAGF,8DACE,gBACA,kBAIJ,qCACE,aACA,8BACA,uBACA,sCACA,6BACA,uCACA,kCACA,8CACA,iBACA,iDACA,wBACA,sCAEA,6CACE,WACA,YACA,cACA,kBACA,sBACA,2BACA,kBAGF,4CACE,6CACA,6CAGF,8CACE,UACA,4BACA,+BAGF,+CACE,eAGF,qDACE,yDAGF,8CACE,YACA,aACA,sBAGF,4CACE,iBACA,qBAGF,8CACE,iBAGF,mDACE,gBACA,YACA,kBACA,cACA,8BACA,eACA,eAEA,yDACE,oCAOV,yBACE,eACE,gBACA,YACA,uBAEA,uBACE,0CAGF,4CAEE,2CACA,6CAON,aACE,eACA,cACA,aACA,6BACA,8BACA,sCACA,8BACA,YACA,uCACA,8CACA,aACA,mBACA,uBACA,eACA,kCACA,iBACA,6CAEA,mBACE,4CAGF,oBACE,kBACA,MACA,QACA,+BACA,uCACA,+BACA,iCACA,oBACA,kCACA,+BACA,uCACA,iBACA,aACA,mBACA,uBACA,eACA,oBAEA,oCACE","sourcesContent":[":root {\n // Notify\n --notify-width: clamp(280px, 90vw, 400px);\n --notify-spacing: 1rem;\n --notify-z-index: 1000;\n --notify-transition: opacity 0.3s ease, transform 0.3s ease;\n\n --notify-padding: 1rem;\n --notify-border-radius: 0.75rem;\n --notify-font-size: 1rem;\n --notify-font-family: sans-serif;\n\n --notify-color-bg: #ffffff;\n --notify-color-text: #333333;\n --notify-color-shadow: rgba(0, 0, 0, 0.1);\n\n --notify-close-size: 1.25rem;\n --notify-close-color: #444;\n --notify-close-color-hover: #000;\n\n // Notif Center\n --notif-center-remove-transition: opacity 0.3s ease, transform 0.3s ease;\n --notif-center-bg-transition: background 0.2s ease;\n --notif-center-transform: transform 0.3s ease;\n --notif-center-width: clamp(300px, 90vw, 400px);\n --notif-center-height: 100vh;\n --notif-center-bg: rgba(255, 255, 255, 0.85);\n --notif-center-blur: 12px;\n --notif-center-shadow: rgba(0, 0, 0, 0.2);\n\n --notif-center-x-padding: 1rem;\n --notif-center-y-padding: 1rem;\n --notif-center-z-index: 1050;\n\n --notif-border: #000;\n --notif-unread-border: #bd0b0b;\n --notif-border-unread: ;\n --notif-item-close: #666;\n --notif-item-close-hover: #000;\n --notif-item-bg: #ffffff;\n --notif-item-unread-bg: #ffffff;\n --notif-item-text: #222;\n --notif-item-radius: 0.75rem;\n --notif-item-padding: 1rem;\n --notif-item-shadow: rgba(0, 0, 0, 0.1);\n\n --notif-close-size: 1.5rem;\n --notif-close-color: #444;\n --notif-close-color-hover: #000;\n\n // Bell\n --notif-bell-size: 3rem;\n --notif-bell-bg: #ffffff;\n --notif-bell-color: #333;\n --notif-bell-shadow: rgba(0, 0, 0, 0.2);\n --notif-bell-z-index: 1040;\n --notif-bell-radius: 50%;\n --notif-bell-hover-bg: #f0f0f0;\n\n // Badge\n --notif-badge-bg: #d32f2f;\n --notif-badge-color: #ffffff;\n --notif-badge-size: 1.25rem;\n --notif-badge-font-size: 0.75rem;\n --notif-badge-border: none;\n}\n\n/* Notification container */\n\n.notify-container {\n position: fixed;\n display: flex;\n gap: var(--notify-spacing);\n width: var(--notify-width);\n z-index: var(--notify-z-index);\n pointer-events: none; // prevents click on container\n\n // Horizontal position\n &.left {\n left: var(--notify-spacing);\n align-items: flex-start;\n }\n\n &.right {\n right: var(--notify-spacing);\n align-items: flex-end;\n }\n\n &.center {\n left: 50%;\n transform: translateX(-50%);\n align-items: center;\n }\n\n // Vertical position\n &.top {\n flex-direction: column;\n top: var(--notify-spacing);\n\n .notify {\n &.enter {\n transform: translateY(-10px); // vem de cima\n }\n\n &.exit {\n transform: translateY(-10px); // sai para cima\n }\n }\n }\n\n &.bottom {\n flex-direction: column-reverse;\n bottom: var(--notify-spacing);\n\n .notify {\n &.enter {\n transform: translateY(10px); // vem de baixo\n }\n\n &.exit {\n transform: translateY(10px); // sai para baixo\n }\n }\n }\n\n .notify {\n position: relative;\n background-color: var(--notify-color-bg);\n color: var(--notify-color-text);\n box-shadow: 0 4px 8px var(--notify-color-shadow);\n border-radius: var(--notify-border-radius);\n padding: var(--notify-padding);\n font-size: var(--notify-font-size);\n font-family: var(--notify-font-family);\n width: 100%;\n pointer-events: auto; // allows individual click\n transition: var(--notify-transition);\n opacity: 1;\n\n .avatar {\n width: 2rem;\n height: 2rem;\n border-radius: 50%;\n object-fit: cover;\n float: left;\n margin-right: 0.5rem;\n }\n\n .close {\n position: absolute;\n top: 0.5rem;\n right: 0.75rem;\n background: transparent;\n border: none;\n font-size: var(--notify-close-size);\n cursor: pointer;\n line-height: 1;\n color: var(--notify-close-color);\n padding: 0;\n margin: 0;\n\n &:hover {\n color: var(--notify-close-color-hover);\n }\n }\n\n &.clickable {\n cursor: pointer;\n }\n\n &.clickable:hover {\n background-color: var(--notify-color-bg-hover, rgba(0, 0, 0, 0.05));\n }\n\n // Input/output animations (optional)\n &.enter {\n opacity: 0;\n }\n\n &.show {\n opacity: 1;\n transform: translateY(0);\n }\n\n &.exit {\n opacity: 0;\n }\n }\n}\n\n/* Notification center */\n\n.notify-overlay {\n position: fixed;\n inset: 0;\n background-color: rgba(0, 0, 0, 0.35);\n display: flex;\n justify-content: flex-end;\n align-items: flex-start;\n padding: 1rem;\n z-index: var(--notif-center-z-index);\n transition: var(--notif-center-bg-transition);\n\n &.hidden {\n background-color: transparent;\n pointer-events: none;\n }\n\n .notify-center {\n position: fixed;\n top: 0;\n right: 0;\n width: var(--notif-center-width);\n height: var(--notif-center-height);\n background-color: var(--notif-center-bg);\n backdrop-filter: blur(var(--notif-center-blur));\n box-shadow: -4px 0 12px var(--notif-center-shadow);\n padding-top: var(--notif-center-y-padding);\n padding-bottom: var(--notif-center-y-padding);\n padding-left: var(--notif-center-x-padding);\n padding-right: var(--notif-center-x-padding);\n display: flex;\n flex-direction: column;\n z-index: var(--notif-center-z-index);\n transform: translateX(100%);\n transition: var(--notif-center-transform);\n\n &.open {\n transform: translateX(0%);\n }\n\n .header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .options {\n display: flex;\n\n > button {\n background: none;\n border: none;\n font-size: var(--notif-close-size);\n color: var(--notif-close-color);\n cursor: pointer;\n > svg {\n align-items: center;\n display: flex;\n }\n &:hover {\n color: var(--notif-close-color-hover);\n }\n }\n }\n\n .list {\n flex: 1;\n overflow-y: auto;\n display: flex;\n flex-direction: column;\n gap: 1rem;\n scrollbar-width: thin;\n scrollbar-color: #999 transparent;\n\n &::-webkit-scrollbar {\n width: 6px;\n }\n\n &::-webkit-scrollbar-thumb {\n background: #aaa;\n border-radius: 3px;\n }\n }\n\n .item {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n background-color: var(--notif-item-bg);\n color: var(--notif-item-text);\n border-radius: var(--notif-item-radius);\n padding: var(--notif-item-padding);\n box-shadow: 0 2px 6px var(--notif-item-shadow);\n font-size: 0.95rem;\n transition: var(--notif-center-remove-transition);\n border-left-style: solid;\n border-left-color: var(--notif-border);\n\n .avatar {\n width: 40px;\n height: 40px;\n flex-shrink: 0;\n border-radius: 50%;\n background-size: cover;\n background-position: center;\n margin-right: 10px;\n }\n\n &.unread {\n background-color: var(--notif-item-unread-bg);\n border-left-color: var(--notif-unread-border);\n }\n\n &.removing {\n opacity: 0;\n transform: translateY(-10px);\n pointer-events: none !important;\n }\n\n &.clickable {\n cursor: pointer;\n }\n\n &.clickable:hover {\n background-color: var(--notif-hover, rgba(0, 0, 0, 0.05));\n }\n\n .content {\n flex-grow: 1;\n display: flex;\n flex-direction: column;\n }\n\n .title {\n font-weight: bold;\n margin-bottom: 0.25rem;\n }\n\n .message {\n font-size: 0.95rem;\n }\n\n .notify-close {\n background: none;\n border: none;\n font-size: 1.25rem;\n line-height: 1;\n color: var(--notif-item-close);\n cursor: pointer;\n padding: 0.25rem;\n\n &:hover {\n color: var(--notif-item-close-hover);\n }\n }\n }\n }\n}\n\n@media (max-width: 600px) {\n .notify-center {\n border-radius: 0;\n width: 100vw;\n padding: 0px !important;\n\n .header {\n padding-top: var(--notif-center-y-padding);\n }\n\n .header,\n .list {\n padding-left: var(--notif-center-x-padding);\n padding-right: var(--notif-center-x-padding);\n }\n }\n}\n\n/* Notification bell */\n\n.notify-bell {\n position: fixed;\n bottom: 1.5rem;\n right: 1.5rem;\n width: var(--notif-bell-size);\n height: var(--notif-bell-size);\n background-color: var(--notif-bell-bg);\n color: var(--notif-bell-color);\n border: none;\n border-radius: var(--notif-bell-radius);\n box-shadow: 0 4px 8px var(--notif-bell-shadow);\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n z-index: var(--notif-bell-z-index);\n font-size: 1.4rem;\n transition: var(--notif-center-bg-transition);\n\n &:hover {\n background-color: var(--notif-bell-hover-bg);\n }\n\n .badge {\n position: absolute;\n top: 0;\n right: 0;\n transform: translate(25%, -25%);\n background-color: var(--notif-badge-bg);\n color: var(--notif-badge-color);\n border: var(--notif-badge-border);\n border-radius: 999px;\n min-width: var(--notif-badge-size);\n height: var(--notif-badge-size);\n font-size: var(--notif-badge-font-size);\n font-weight: bold;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0 0.3em;\n pointer-events: none;\n\n &[data-value='0'] {\n display: none;\n }\n }\n}\n"]}
|
|
@@ -1 +1,2 @@
|
|
|
1
1
|
:root{--ai-text-color: yellow;--semi-ai-text-color: deepskyblue;--ai-text-shadow-color: #000}ai,semi-ai{display:inline}body.detect-made-by-ai .made-by-ai,body.detect-made-by-ai .made-by-semi-ai,body.detect-made-by-ai ai,body.detect-made-by-ai semi-ai{text-shadow:-1px -1px 0 var(--ai-text-shadow-color),1px -1px 0 var(--ai-text-shadow-color),-1px 1px 0 var(--ai-text-shadow-color),1px 1px 0 var(--ai-text-shadow-color)}body.detect-made-by-ai .made-by-ai,body.detect-made-by-ai ai{color:var(--ai-text-color)}body.detect-made-by-ai .made-by-semi-ai,body.detect-made-by-ai semi-ai{color:var(--semi-ai-text-color)}
|
|
2
|
+
/* # sourceMappingURL=aiMarker.min.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/v1/scss"],"names":[],"mappings":"AAAA,MACE,wBACA,kCACA,6BAGF,WAEE,eAIA,oIAIE,YACE,4JAMJ,6DAEE,2BAEF,uEAEE","sourcesContent":[":root {\n --ai-text-color: yellow;\n --semi-ai-text-color: deepskyblue;\n --ai-text-shadow-color: #000;\n}\n\nai,\nsemi-ai {\n display: inline;\n}\n\nbody.detect-made-by-ai {\n .made-by-ai,\n .made-by-semi-ai,\n ai,\n semi-ai {\n text-shadow:\n -1px -1px 0 var(--ai-text-shadow-color),\n 1px -1px 0 var(--ai-text-shadow-color),\n -1px 1px 0 var(--ai-text-shadow-color),\n 1px 1px 0 var(--ai-text-shadow-color);\n }\n\n .made-by-ai,\n ai {\n color: var(--ai-text-color);\n }\n .made-by-semi-ai,\n semi-ai {\n color: var(--semi-ai-text-color);\n }\n}\n"]}
|