@makefully/notefully 0.2.9 → 0.2.11
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/notefully.css +1 -1
- package/dist/notefully.iife.js +5 -3
- package/dist/notefully.js +5 -3
- package/package.json +1 -1
package/dist/notefully.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
#notefully{all:initial;--nf-launcher-left: 16px;--nf-launcher-bottom: 16px;--nf-launcher-inset: var(--nf-launcher-left);--nf-z: 2147483000;--nf-font: ui-sans-serif, system-ui, sans-serif;--nf-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--nf-radius: 10px;--nf-pill-radius: 999px;--nf-control-size: 36px;--nf-check-size: 18px;--nf-shot-min-width: 290px;--nf-shot-max-height: 48vh;--nf-fill-hover: 20%;--nf-fill-press: 80%;--nf-fill-mid: 40%;--nf-accent: #864093;--nf-accent-text: #ffffff;--nf-accent-hot: #e83590;--nf-btn: #864093;--nf-btn-border: #382c74;--nf-btn-text: #ffffff;--nf-panel: #f7f4fb;--nf-text: #2a2140;--nf-muted: rgba(42, 33, 64, .72);--nf-input: #efe8f8;--nf-border: rgba(56, 44, 116, .18);--nf-backdrop: rgba(20, 12, 28, .55);--nf-danger: #e83590;--nf-success: #1a7a3c;--nf-fail: #c2185b;--nf-mark: #fdd341;--nf-mark-text: #2a2140;--nf-canvas-bg: #111;font-family:var(--nf-font);color:var(--nf-text)}#notefully[data-theme=maker]{--nf-accent: #864093;--nf-accent-text: #ffffff;--nf-accent-hot: #e83590;--nf-btn: #864093;--nf-btn-border: #382c74;--nf-btn-text: #ffffff;--nf-panel: #f7f4fb;--nf-text: #2a2140;--nf-muted: rgba(42, 33, 64, .72);--nf-input: #efe8f8;--nf-border: rgba(56, 44, 116, .18);--nf-backdrop: rgba(20, 12, 28, .55);--nf-danger: #e83590;--nf-success: #1a7a3c;--nf-fail: #c2185b;--nf-mark: #fdd341;--nf-mark-text: #2a2140}#notefully[data-theme=all-business]{--nf-accent: #5c6570;--nf-accent-text: #ffffff;--nf-accent-hot: #8a4a4a;--nf-btn: #5c6570;--nf-btn-border: #3a4048;--nf-btn-text: #ffffff;--nf-panel: #ffffff;--nf-text: #1f1f23;--nf-muted: rgba(31, 31, 35, .68);--nf-input: #f0f0f2;--nf-border: rgba(0, 0, 0, .14);--nf-backdrop: rgba(20, 20, 24, .4);--nf-danger: #8a4a4a;--nf-success: #1f7a3a;--nf-fail: #b42318;--nf-mark: #3d6ea8;--nf-mark-text: #ffffff}#notefully[data-theme=brighter-day]{--nf-accent: #5aa8dc;--nf-accent-text: #ffffff;--nf-accent-hot: #f08ab8;--nf-btn: #5aa8dc;--nf-btn-border: #3d7eae;--nf-btn-text: #ffffff;--nf-panel: #fffdf6;--nf-text: #2a2440;--nf-muted: rgba(42, 36, 64, .68);--nf-input: #ffeef5;--nf-border: rgba(90, 168, 220, .28);--nf-backdrop: rgba(60, 40, 70, .35);--nf-danger: #f08ab8;--nf-success: #1f7a3a;--nf-fail: #c4476a;--nf-mark: #5aa8dc;--nf-mark-text: #ffffff}#notefully[data-theme=quiet-night]{--nf-accent: #c4aa5a;--nf-accent-text: #121416;--nf-accent-hot: #6e3a3a;--nf-btn: #3a4048;--nf-btn-border: #0e1012;--nf-btn-text: #d8dbe0;--nf-panel: #1c1f24;--nf-text: #d8dbe0;--nf-muted: rgba(216, 219, 224, .68);--nf-input: #262a30;--nf-border: rgba(255, 255, 255, .12);--nf-backdrop: rgba(0, 0, 0, .65);--nf-danger: #c88888;--nf-success: #7dcea0;--nf-fail: #e89898;--nf-mark: #c4aa5a;--nf-mark-text: #121416}#notefully *{box-sizing:border-box}#notefully .nf-launcher{position:fixed;top:auto;right:auto;left:var(--nf-launcher-inset);bottom:var(--nf-launcher-bottom, var(--nf-launcher-inset));z-index:var(--nf-z);width:48px;height:48px;padding:0;display:grid;place-items:center;background:var(--nf-btn);color:var(--nf-btn-text);border:1px solid var(--nf-btn-border);border-radius:var(--nf-pill-radius);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;box-shadow:0 8px 24px #00000040}#notefully .nf-launcher[data-corner=tl]{top:var(--nf-launcher-inset);left:var(--nf-launcher-inset);right:auto;bottom:auto}#notefully .nf-launcher[data-corner=tr]{top:var(--nf-launcher-inset);right:var(--nf-launcher-inset);left:auto;bottom:auto}#notefully .nf-launcher[data-corner=bl]{top:auto;right:auto;left:var(--nf-launcher-inset);bottom:var(--nf-launcher-bottom, var(--nf-launcher-inset))}#notefully .nf-launcher[data-corner=br]{top:auto;left:auto;right:var(--nf-launcher-inset);bottom:var(--nf-launcher-bottom, var(--nf-launcher-inset))}#notefully .nf-launcher[data-dragging=true]{cursor:grabbing;transition:none}#notefully .nf-launcher[data-dragging=true]:hover{cursor:grabbing}#notefully .nf-launcher-icon{width:22px;height:22px;display:block}#notefully .nf-launcher[hidden],#notefully .nf-dialog[hidden],#notefully .nf-stop-video[hidden],#notefully .nf-stage[hidden],#notefully .nf-palette[hidden],#notefully .nf-reset-crop[hidden],#notefully .nf-restore[hidden],#notefully .nf-discard-shot[hidden],#notefully .nf-recapture[hidden],#notefully .nf-privacy[hidden],#notefully .nf-privacy-summary[hidden],#notefully .nf-privacy-panel[hidden],#notefully .nf-privacy-text[hidden],#notefully .nf-privacy-rows[hidden],#notefully .nf-video[hidden],#notefully .nf-author[hidden]{display:none!important}#notefully .nf-dialog{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--nf-z);background:var(--nf-backdrop);display:flex;align-items:center;justify-content:center;padding:24px}#notefully .nf-panel{position:relative;width:min(920px,100%);max-height:calc(100vh - 48px);overflow:hidden;background:var(--nf-panel);color:var(--nf-text);border:1px solid var(--nf-border);border-radius:var(--nf-radius);padding:16px;display:flex;flex-direction:column;gap:12px;min-height:0}#notefully .nf-close-pill{position:absolute;top:10px;inset-inline-end:10px;z-index:3}#notefully .nf-heading{display:flex;flex-direction:column;gap:4px;flex:0 0 auto;padding-inline-end:40px;padding-bottom:12px;text-align:start}#notefully .nf-title{margin:0;font:700 1.15rem/1.25 var(--nf-font);color:var(--nf-text);text-align:start}#notefully .nf-intro{margin:0;font:13px/1.45 var(--nf-font);color:var(--nf-muted);text-align:start}#notefully .nf-panel-body{display:flex;flex-direction:column;gap:0;min-height:0;flex:1 1 auto;overflow:hidden}#notefully .nf-panel-body[hidden]{display:none!important}#notefully .nf-panel-fold{flex:0 0 auto;height:0;border-top:1px solid var(--nf-border);position:relative;z-index:2;box-shadow:0 1px color-mix(in srgb,var(--nf-panel) 80%,transparent)}#notefully .nf-panel-scroll{display:flex;flex-direction:column;gap:12px;flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;padding-top:12px}#notefully .nf-success-msg{margin:0;text-align:center;font:700 1.35rem/1.2 var(--nf-font);letter-spacing:.01em;color:var(--nf-success)}#notefully .nf-success-msg[hidden]{display:none!important}#notefully .nf-success-link{display:inline-flex;align-items:center;justify-content:center;gap:.28em;margin:.7rem 0 0;padding:.15rem .1rem;font:500 .78rem/1.2 var(--nf-font);letter-spacing:.01em;color:var(--nf-muted);text-decoration:none;pointer-events:auto;cursor:pointer;opacity:.88}#notefully .nf-success-link .nf-icon{width:.95em;height:.95em;flex:0 0 auto}#notefully .nf-success-link[hidden]{display:none!important}#notefully .nf-success-link:hover,#notefully .nf-success-link:focus-visible{color:var(--nf-text);opacity:1;outline:none}#notefully .nf-success-link:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--nf-accent) 35%,transparent);border-radius:4px}#notefully .nf-dialog.nf-success{pointer-events:none}#notefully .nf-dialog.nf-success.nf-success-sticky{pointer-events:auto}#notefully .nf-dialog.nf-success .nf-panel{width:auto;min-width:11rem;max-width:min(280px,90vw);max-height:none;overflow:hidden;padding:1.75rem 2.35rem;align-items:center;justify-content:center;gap:0}#notefully .nf-dialog.nf-success.nf-success-sticky .nf-panel{max-width:min(320px,92vw);padding:1.5rem 1.75rem 1.45rem;gap:0;pointer-events:auto;align-items:center}@media(prefers-reduced-motion:reduce){#notefully .nf-dialog.nf-success .nf-panel{transform:none!important;transition:none!important}}#notefully .nf-stage{display:flex;flex-direction:column;gap:0}#notefully .nf-shot-block{width:min(100%,max(var(--nf-shot-min-width),calc(var(--nf-shot-max-height) * var(--nf-shot-aspect, 16 / 9))));max-width:100%;margin-inline:auto;display:flex;flex-direction:column;border:1px solid var(--nf-border);border-radius:8px;overflow:hidden;background:var(--nf-canvas-bg)}#notefully .nf-palette{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;padding:8px 10px;background:var(--nf-panel);border-top:1px solid var(--nf-border)}#notefully .nf-palette-shot{margin-inline-start:auto}#notefully .nf-tool,#notefully .nf-reset-crop,#notefully .nf-icon-btn{background:var(--nf-input);color:var(--nf-text);border:1px solid var(--nf-border);border-radius:8px;padding:6px 10px;cursor:pointer;font:13px var(--nf-font)}#notefully .nf-icon-btn{width:var(--nf-control-size);height:var(--nf-control-size);padding:0;display:grid;place-items:center;flex:0 0 var(--nf-control-size)}#notefully .nf-icon{width:18px;height:18px;display:block}#notefully .nf-tool[data-active=true],#notefully .nf-icon-btn[data-active=true]{border-color:var(--nf-accent);color:var(--nf-accent);box-shadow:inset 0 0 0 1px var(--nf-accent)}#notefully .nf-canvas{position:relative;width:100%;height:auto;max-height:var(--nf-shot-max-height);aspect-ratio:var(--nf-shot-aspect, 16 / 9);background:var(--nf-canvas-bg);overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:none}#notefully .nf-dialog.nf-success:not(.nf-success-sticky) .nf-close-pill{display:none!important}#notefully .nf-canvas[data-draw=true],#notefully .nf-canvas[data-draw=true] .nf-shot{cursor:crosshair}#notefully .nf-sticker{cursor:grab}#notefully .nf-sticker[data-preview=true]{cursor:crosshair}#notefully .nf-sticker.nf-arrow .nf-arrow-hit{cursor:grab}#notefully[data-grabbing=true] .nf-canvas,#notefully[data-grabbing=true] .nf-shot,#notefully[data-grabbing=true] .nf-sticker,#notefully[data-grabbing=true] .nf-sticker *{cursor:grabbing}#notefully .nf-shot{position:absolute;overflow:hidden;--nf-anno-stroke: 3px;--nf-anno-badge: 20px;--nf-anno-badge-font: 11px;--nf-anno-handle: 10px}#notefully .nf-shot img{position:absolute;display:block;max-width:none;max-height:none;pointer-events:none;-webkit-user-drag:none;user-drag:none}#notefully .nf-canvas video.nf-recording-preview{display:block;width:160px;height:auto;max-height:none;object-fit:contain;pointer-events:auto}#notefully .nf-sticker,#notefully .nf-crop{position:absolute;pointer-events:auto;color:var(--nf-mark)}#notefully .nf-sticker[data-selected=true]{z-index:4}#notefully .nf-sticker[data-preview=true],#notefully .nf-sticker.nf-arrow{pointer-events:none}#notefully .nf-sticker.nf-arrow .nf-handle{pointer-events:auto}#notefully .nf-rect,#notefully .nf-circle{border:var(--nf-anno-stroke) solid var(--nf-mark);background:transparent;box-sizing:border-box}#notefully .nf-circle{border-radius:50%}#notefully .nf-arrow-svg{display:block;overflow:visible;pointer-events:none}#notefully .nf-arrow-hit{fill:none;stroke:transparent;stroke-width:16;pointer-events:stroke}#notefully .nf-arrow-shaft{fill:none;stroke:currentColor;stroke-width:var(--nf-anno-stroke);stroke-linecap:round;pointer-events:none}#notefully .nf-arrow-head{fill:currentColor;stroke:none;pointer-events:none}#notefully .nf-badge{position:absolute;left:50%;top:0;transform:translate(-50%,-50%);box-sizing:border-box;min-width:var(--nf-anno-badge);height:var(--nf-anno-badge);padding:0 calc(var(--nf-anno-badge-font) * .35);border-radius:50%;background:var(--nf-mark);color:var(--nf-mark-text);font:700 var(--nf-anno-badge-font)/var(--nf-anno-badge) ui-sans-serif,system-ui,sans-serif;text-align:center;pointer-events:none;z-index:4}#notefully .nf-sticker.nf-arrow .nf-badge{top:50%}#notefully .nf-handle{position:absolute;width:var(--nf-anno-handle);height:var(--nf-anno-handle);background:#fff;border:2px solid var(--nf-mark);border-radius:2px;z-index:5;box-sizing:border-box}#notefully .nf-handle[data-dir=nw]{left:-6px;top:-6px;cursor:nwse-resize}#notefully .nf-handle[data-dir=ne]{right:-6px;top:-6px;cursor:nesw-resize}#notefully .nf-handle[data-dir=sw]{left:-6px;bottom:-6px;cursor:nesw-resize}#notefully .nf-handle[data-dir=se]{right:-6px;bottom:-6px;cursor:nwse-resize}#notefully .nf-handle[data-dir=start],#notefully .nf-handle[data-dir=end]{margin:0;cursor:grab}#notefully .nf-crop{border:2px dashed var(--nf-accent);background:color-mix(in srgb,var(--nf-accent) 14%,transparent);box-shadow:0 0 0 9999px #00000073;pointer-events:none}#notefully .nf-text{width:100%;min-height:96px;resize:vertical;background:var(--nf-input);color:var(--nf-text);border:1px solid var(--nf-border);border-radius:8px;padding:10px;font:14px/1.4 var(--nf-font)}#notefully .nf-author{width:100%;box-sizing:border-box;background:var(--nf-input);color:var(--nf-text);border:1px solid var(--nf-border);border-radius:8px;padding:10px;font:14px/1.4 var(--nf-font)}#notefully .nf-author::placeholder{color:var(--nf-muted)}#notefully .nf-kind-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}#notefully :is(.nf-pill,.nf-kind,.nf-palette-tools,.nf-palette-shot,.nf-actions-media){display:inline-flex;flex-wrap:wrap;gap:0;flex:0 1 auto;min-width:0;align-items:center;padding:0;border:1px solid var(--nf-border);border-radius:var(--nf-pill-radius);background:var(--nf-input);overflow:hidden}#notefully :is(.nf-pill>button,.nf-kind button,.nf-palette-tools .nf-icon-btn,.nf-palette-shot .nf-icon-btn,.nf-actions-media .nf-icon-btn){background:transparent;color:var(--nf-muted);border:0;border-radius:var(--nf-pill-radius);box-shadow:none;cursor:pointer}#notefully :is(.nf-pill>button,.nf-kind button,.nf-palette-tools .nf-icon-btn,.nf-palette-shot .nf-icon-btn,.nf-actions-media .nf-icon-btn):hover:not([data-active=true]):not(:disabled):not(.nf-submit){background:color-mix(in srgb,var(--nf-accent) var(--nf-fill-hover),transparent)}#notefully :is(.nf-pill>button,.nf-kind button,.nf-palette-tools .nf-icon-btn,.nf-palette-shot .nf-icon-btn,.nf-actions-media .nf-icon-btn):active:not([data-active=true]):not(:disabled):not(.nf-submit){background:color-mix(in srgb,var(--nf-accent) var(--nf-fill-press),transparent);color:var(--nf-accent-text)}#notefully :is(.nf-kind button,.nf-submit){padding:6px 12px}#notefully :is(.nf-pill>button,.nf-kind button,.nf-palette-tools .nf-icon-btn,.nf-palette-shot .nf-icon-btn,.nf-actions-media .nf-icon-btn)[data-active=true]{color:var(--nf-accent-text);background:var(--nf-accent);border:0;box-shadow:none}#notefully .nf-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}#notefully .nf-privacy-stack{position:relative;display:flex;flex-direction:column;gap:8px}#notefully .nf-privacy-stack[data-open=true]:before{content:"";position:absolute;z-index:0;inset-inline-end:calc(var(--nf-control-size) / 2);top:calc(var(--nf-control-size) / 2);bottom:12px;width:1px;background:var(--nf-border);pointer-events:none}#notefully .nf-privacy{display:flex;flex-direction:column;gap:8px;position:relative;z-index:1}#notefully .nf-privacy-summary{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin-left:auto;flex:0 1 auto;max-width:100%;position:relative;z-index:1}#notefully .nf-privacy-toggle-pill{position:relative;z-index:1}#notefully .nf-privacy-text{color:var(--nf-muted);font:12px/1.35 var(--nf-font);text-align:right}#notefully .nf-privacy-panel{display:flex;flex-direction:column;gap:8px;border:1px solid var(--nf-border);border-radius:8px;background:var(--nf-input);padding:10px;position:relative;z-index:1}#notefully .nf-privacy-scroll{max-height:min(240px,36vh);overflow:auto;display:flex;flex-direction:column;gap:12px}#notefully .nf-privacy-section-head{display:flex;align-items:center;gap:8px;margin-bottom:0;padding-bottom:8px;border-bottom:1px solid var(--nf-border)}#notefully .nf-privacy-section[data-redacted=true] .nf-privacy-section-head{opacity:.62}#notefully .nf-privacy-section[data-redacted=true] .nf-privacy-section-title{color:var(--nf-muted);text-decoration:line-through}#notefully .nf-privacy-section-title{margin:0;font:600 12px var(--nf-font);color:var(--nf-text)}#notefully .nf-privacy-toggle{display:inline-flex;align-items:center;flex:0 0 auto;cursor:pointer;-webkit-user-select:none;user-select:none}#notefully .nf-privacy-check{position:relative;width:var(--nf-check-size);height:var(--nf-check-size);flex:0 0 var(--nf-check-size)}#notefully .nf-privacy-check input{-moz-appearance:none;appearance:none;-webkit-appearance:none;box-sizing:border-box;position:relative;margin:0;width:var(--nf-check-size);height:var(--nf-check-size);border:1px solid var(--nf-border);border-radius:var(--nf-pill-radius);background:transparent;cursor:pointer}#notefully .nf-privacy-check input:hover{background:color-mix(in srgb,var(--nf-accent) var(--nf-fill-hover),transparent)}#notefully .nf-privacy-check input:active{background:color-mix(in srgb,var(--nf-accent) var(--nf-fill-press),transparent)}#notefully .nf-privacy-check input:checked{background:var(--nf-accent);border-color:var(--nf-accent);color:var(--nf-accent-text)}#notefully .nf-privacy-check input:checked:hover{background:color-mix(in srgb,var(--nf-accent) var(--nf-fill-press),transparent);border-color:color-mix(in srgb,var(--nf-accent) var(--nf-fill-press),transparent)}#notefully .nf-privacy-check input:checked:active{background:color-mix(in srgb,var(--nf-accent) var(--nf-fill-hover),transparent);border-color:color-mix(in srgb,var(--nf-accent) var(--nf-fill-hover),transparent)}#notefully .nf-privacy-check input:indeterminate{background:color-mix(in srgb,var(--nf-accent) var(--nf-fill-mid),transparent);border-color:var(--nf-border)}#notefully .nf-privacy-check input:checked:after{content:"";position:absolute;top:50%;left:50%;width:4px;height:8px;border:solid currentColor;border-width:0 2px 2px 0;border-radius:0;background:transparent;transform:translate(-50%,-60%) rotate(45deg)}#notefully .nf-privacy-check input:indeterminate:after{content:"";position:absolute;top:50%;left:50%;width:8px;height:2px;border:0;border-radius:1px;background:var(--nf-accent);transform:translate(-50%,-50%)}#notefully .nf-privacy-rows{display:flex;flex-direction:column;gap:0;margin:0;margin-inline-start:8px;padding-inline-start:0;border-inline-start:1px solid var(--nf-border)}#notefully .nf-privacy-row{display:flex;align-items:flex-start;gap:8px;padding:8px 0 8px 12px;background:transparent;border:0;border-bottom:1px solid var(--nf-border)}#notefully .nf-privacy-row:last-child{border-bottom:0;padding-bottom:0}#notefully .nf-privacy-row[data-redacted=true]{align-items:center;opacity:.55}#notefully .nf-privacy-row[data-redacted=true] .nf-privacy-row-title,#notefully .nf-privacy-row[data-redacted=true] .nf-privacy-row-detail{text-decoration:line-through;color:var(--nf-muted)}#notefully .nf-privacy-row-text{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#notefully .nf-privacy-row:not([data-redacted=true]) .nf-privacy-row-text{white-space:normal;overflow:visible;text-overflow:unset}#notefully .nf-privacy-row-title{font:600 11px/1.35 var(--nf-font);color:var(--nf-text);text-transform:capitalize}#notefully .nf-privacy-row-title:after{content:": ";font-weight:600}#notefully .nf-privacy-row-detail{font:11px/1.35 var(--nf-font-mono);color:var(--nf-muted);word-break:break-word;white-space:pre-wrap}#notefully .nf-privacy-row[data-redacted=true] .nf-privacy-row-detail{white-space:nowrap}#notefully .nf-console-styled{display:inline;vertical-align:baseline;white-space:pre-wrap}#notefully .nf-actions .nf-icon-btn{padding:0}#notefully .nf-submit-pill{margin-inline-start:auto}#notefully .nf-submit{font:600 13px var(--nf-font);background:transparent;color:var(--nf-btn)}#notefully .nf-submit:hover:not(:disabled){background:color-mix(in srgb,var(--nf-btn) var(--nf-fill-hover),transparent);color:var(--nf-btn)}#notefully .nf-submit:active:not(:disabled){background:color-mix(in srgb,var(--nf-btn) var(--nf-fill-press),transparent);color:var(--nf-btn-text)}#notefully .nf-submit:disabled,#notefully .nf-submit[aria-busy=true]{background:var(--nf-btn);color:var(--nf-btn-text);opacity:.55;cursor:wait}#notefully .nf-status{color:var(--nf-muted);font:13px var(--nf-font);min-height:1.2em}#notefully .nf-stop-video{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:calc(var(--nf-z) + 1);width:var(--nf-control-size);height:var(--nf-control-size);padding:0;border:1px solid var(--nf-border);border-radius:var(--nf-pill-radius);background:var(--nf-accent);color:var(--nf-accent-text);box-shadow:none;cursor:pointer}#notefully[data-nf-hidden-launcher] .nf-launcher{display:none!important}.nf-capture-chrome{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483645;display:grid;place-items:center;pointer-events:none;background:#140c1c47;animation:nf-capture-fade .16s ease-out both}.nf-capture-chrome-pill{display:inline-flex;align-items:center;gap:.55em;padding:.65em 1.1em;border-radius:999px;background:#f7f4fbf0;color:#2a2140;font:650 14px ui-sans-serif,system-ui,sans-serif;letter-spacing:.01em;box-shadow:0 10px 28px #140c1c38}.nf-capture-chrome-pill:before{content:"";width:.7em;height:.7em;border-radius:50%;border:2px solid rgba(42,33,64,.22);border-top-color:#864093;animation:nf-capture-spin .7s linear infinite}@keyframes nf-capture-fade{0%{opacity:0}to{opacity:1}}@keyframes nf-capture-spin{to{transform:rotate(360deg)}}
|
|
1
|
+
#notefully{all:initial;--nf-launcher-left: 16px;--nf-launcher-bottom: 16px;--nf-launcher-inset: var(--nf-launcher-left);--nf-z: 2147483000;--nf-font: ui-sans-serif, system-ui, sans-serif;--nf-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--nf-radius: 10px;--nf-pill-radius: 999px;--nf-control-size: 36px;--nf-check-size: 22px;--nf-pill-switch-h: 22px;--nf-pill-switch-w: 40px;--nf-shot-min-width: 290px;--nf-shot-max-height: 48vh;--nf-fill-hover: 20%;--nf-fill-press: 80%;--nf-fill-mid: 40%;--nf-accent: #864093;--nf-accent-text: #ffffff;--nf-accent-hot: #e83590;--nf-btn: #864093;--nf-btn-border: #382c74;--nf-btn-text: #ffffff;--nf-panel: #f7f4fb;--nf-text: #2a2140;--nf-muted: rgba(42, 33, 64, .72);--nf-input: #efe8f8;--nf-border: rgba(56, 44, 116, .18);--nf-backdrop: rgba(20, 12, 28, .55);--nf-danger: #e83590;--nf-success: #1a7a3c;--nf-fail: #c2185b;--nf-mark: #fdd341;--nf-mark-text: #2a2140;--nf-canvas-bg: #111;font-family:var(--nf-font);color:var(--nf-text)}#notefully[data-theme=maker]{--nf-accent: #864093;--nf-accent-text: #ffffff;--nf-accent-hot: #e83590;--nf-btn: #864093;--nf-btn-border: #382c74;--nf-btn-text: #ffffff;--nf-panel: #f7f4fb;--nf-text: #2a2140;--nf-muted: rgba(42, 33, 64, .72);--nf-input: #efe8f8;--nf-border: rgba(56, 44, 116, .18);--nf-backdrop: rgba(20, 12, 28, .55);--nf-danger: #e83590;--nf-success: #1a7a3c;--nf-fail: #c2185b;--nf-mark: #fdd341;--nf-mark-text: #2a2140}#notefully[data-theme=all-business]{--nf-accent: #5c6570;--nf-accent-text: #ffffff;--nf-accent-hot: #8a4a4a;--nf-btn: #5c6570;--nf-btn-border: #3a4048;--nf-btn-text: #ffffff;--nf-panel: #ffffff;--nf-text: #1f1f23;--nf-muted: rgba(31, 31, 35, .68);--nf-input: #f0f0f2;--nf-border: rgba(0, 0, 0, .14);--nf-backdrop: rgba(20, 20, 24, .4);--nf-danger: #8a4a4a;--nf-success: #1f7a3a;--nf-fail: #b42318;--nf-mark: #3d6ea8;--nf-mark-text: #ffffff}#notefully[data-theme=brighter-day]{--nf-accent: #5aa8dc;--nf-accent-text: #ffffff;--nf-accent-hot: #f08ab8;--nf-btn: #5aa8dc;--nf-btn-border: #3d7eae;--nf-btn-text: #ffffff;--nf-panel: #fffdf6;--nf-text: #2a2440;--nf-muted: rgba(42, 36, 64, .68);--nf-input: #ffeef5;--nf-border: rgba(90, 168, 220, .28);--nf-backdrop: rgba(60, 40, 70, .35);--nf-danger: #f08ab8;--nf-success: #1f7a3a;--nf-fail: #c4476a;--nf-mark: #5aa8dc;--nf-mark-text: #ffffff}#notefully[data-theme=quiet-night]{--nf-accent: #c4aa5a;--nf-accent-text: #121416;--nf-accent-hot: #6e3a3a;--nf-btn: #3a4048;--nf-btn-border: #0e1012;--nf-btn-text: #d8dbe0;--nf-panel: #1c1f24;--nf-text: #d8dbe0;--nf-muted: rgba(216, 219, 224, .68);--nf-input: #262a30;--nf-border: rgba(255, 255, 255, .12);--nf-backdrop: rgba(0, 0, 0, .65);--nf-danger: #c88888;--nf-success: #7dcea0;--nf-fail: #e89898;--nf-mark: #c4aa5a;--nf-mark-text: #121416}#notefully *{box-sizing:border-box}#notefully .nf-launcher{position:fixed;top:auto;right:auto;left:var(--nf-launcher-inset);bottom:var(--nf-launcher-bottom, var(--nf-launcher-inset));z-index:var(--nf-z);width:48px;height:48px;padding:0;display:grid;place-items:center;background:var(--nf-btn);color:var(--nf-btn-text);border:1px solid var(--nf-btn-border);border-radius:var(--nf-pill-radius);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;box-shadow:0 8px 24px #00000040}#notefully .nf-launcher[data-corner=tl]{top:var(--nf-launcher-inset);left:var(--nf-launcher-inset);right:auto;bottom:auto}#notefully .nf-launcher[data-corner=tr]{top:var(--nf-launcher-inset);right:var(--nf-launcher-inset);left:auto;bottom:auto}#notefully .nf-launcher[data-corner=bl]{top:auto;right:auto;left:var(--nf-launcher-inset);bottom:var(--nf-launcher-bottom, var(--nf-launcher-inset))}#notefully .nf-launcher[data-corner=br]{top:auto;left:auto;right:var(--nf-launcher-inset);bottom:var(--nf-launcher-bottom, var(--nf-launcher-inset))}#notefully .nf-launcher[data-dragging=true]{cursor:grabbing;transition:none}#notefully .nf-launcher[data-dragging=true]:hover{cursor:grabbing}#notefully .nf-launcher-icon{width:22px;height:22px;display:block}#notefully .nf-launcher[hidden],#notefully .nf-dialog[hidden],#notefully .nf-stop-video[hidden],#notefully .nf-stage[hidden],#notefully .nf-palette[hidden],#notefully .nf-reset-crop[hidden],#notefully .nf-restore[hidden],#notefully .nf-discard-shot[hidden],#notefully .nf-recapture[hidden],#notefully .nf-privacy[hidden],#notefully .nf-privacy-summary[hidden],#notefully .nf-privacy-panel[hidden],#notefully .nf-privacy-text[hidden],#notefully .nf-privacy-rows[hidden],#notefully .nf-video[hidden],#notefully .nf-author[hidden]{display:none!important}#notefully .nf-dialog{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--nf-z);background:var(--nf-backdrop);display:flex;align-items:center;justify-content:center;padding:24px}#notefully .nf-panel{position:relative;width:min(920px,100%);max-height:calc(100vh - 48px);overflow:hidden;background:var(--nf-panel);color:var(--nf-text);border:1px solid var(--nf-border);border-radius:var(--nf-radius);padding:16px;display:flex;flex-direction:column;gap:12px;min-height:0}#notefully .nf-close-pill{position:absolute;top:10px;inset-inline-end:10px;z-index:3}#notefully .nf-heading{display:flex;flex-direction:column;gap:4px;flex:0 0 auto;padding-inline-end:40px;padding-bottom:12px;text-align:start}#notefully .nf-title{margin:0;font:700 1.15rem/1.25 var(--nf-font);color:var(--nf-text);text-align:start}#notefully .nf-intro{margin:0;font:13px/1.45 var(--nf-font);color:var(--nf-muted);text-align:start}#notefully .nf-panel-body{display:flex;flex-direction:column;gap:0;min-height:0;flex:1 1 auto;overflow:hidden}#notefully .nf-panel-body[hidden]{display:none!important}#notefully .nf-panel-fold{flex:0 0 auto;height:0;border-top:1px solid var(--nf-border);position:relative;z-index:2;box-shadow:0 1px color-mix(in srgb,var(--nf-panel) 80%,transparent)}#notefully .nf-panel-scroll{display:flex;flex-direction:column;gap:12px;flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;padding-top:12px}#notefully .nf-success-msg{margin:0;text-align:center;font:700 1.35rem/1.2 var(--nf-font);letter-spacing:.01em;color:var(--nf-success)}#notefully .nf-success-msg[hidden]{display:none!important}#notefully .nf-success-link{display:inline-flex;align-items:center;justify-content:center;gap:.28em;margin:.7rem 0 0;padding:.15rem .1rem;font:500 .78rem/1.2 var(--nf-font);letter-spacing:.01em;color:var(--nf-muted);text-decoration:none;pointer-events:auto;cursor:pointer;opacity:.88}#notefully .nf-success-link .nf-icon{width:.95em;height:.95em;flex:0 0 auto}#notefully .nf-success-link[hidden]{display:none!important}#notefully .nf-success-link:hover,#notefully .nf-success-link:focus-visible{color:var(--nf-text);opacity:1;outline:none}#notefully .nf-success-link:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--nf-accent) 35%,transparent);border-radius:4px}#notefully .nf-dialog.nf-success{pointer-events:none}#notefully .nf-dialog.nf-success.nf-success-sticky{pointer-events:auto}#notefully .nf-dialog.nf-success .nf-panel{width:auto;min-width:11rem;max-width:min(280px,90vw);max-height:none;overflow:hidden;padding:1.75rem 2.35rem;align-items:center;justify-content:center;gap:0}#notefully .nf-dialog.nf-success.nf-success-sticky .nf-panel{max-width:min(320px,92vw);padding:1.5rem 1.75rem 1.45rem;gap:0;pointer-events:auto;align-items:center}@media(prefers-reduced-motion:reduce){#notefully .nf-dialog.nf-success .nf-panel{transform:none!important;transition:none!important}}#notefully .nf-stage{display:flex;flex-direction:column;gap:0}#notefully .nf-shot-block{width:min(100%,max(var(--nf-shot-min-width),calc(var(--nf-shot-max-height) * var(--nf-shot-aspect, 16 / 9))));max-width:100%;margin-inline:auto;display:flex;flex-direction:column;border:1px solid var(--nf-border);border-radius:8px;overflow:hidden;background:var(--nf-canvas-bg)}#notefully .nf-palette{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;padding:8px 10px;background:var(--nf-panel);border-top:1px solid var(--nf-border)}#notefully .nf-palette-shot{margin-inline-start:auto}#notefully .nf-tool,#notefully .nf-reset-crop,#notefully .nf-icon-btn{background:var(--nf-input);color:var(--nf-text);border:1px solid var(--nf-border);border-radius:8px;padding:6px 10px;cursor:pointer;font:13px var(--nf-font)}#notefully .nf-icon-btn{width:var(--nf-control-size);height:var(--nf-control-size);padding:0;display:grid;place-items:center;flex:0 0 var(--nf-control-size)}#notefully .nf-icon{width:18px;height:18px;display:block}#notefully .nf-tool[data-active=true],#notefully .nf-icon-btn[data-active=true]{border-color:var(--nf-accent);color:var(--nf-accent);box-shadow:inset 0 0 0 1px var(--nf-accent)}#notefully .nf-canvas{position:relative;width:100%;height:auto;max-height:var(--nf-shot-max-height);aspect-ratio:var(--nf-shot-aspect, 16 / 9);background:var(--nf-canvas-bg);overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:none}#notefully .nf-dialog.nf-success:not(.nf-success-sticky) .nf-close-pill{display:none!important}#notefully .nf-canvas[data-draw=true],#notefully .nf-canvas[data-draw=true] .nf-shot{cursor:crosshair}#notefully .nf-sticker{cursor:grab}#notefully .nf-sticker[data-preview=true]{cursor:crosshair}#notefully .nf-sticker.nf-arrow .nf-arrow-hit{cursor:grab}#notefully[data-grabbing=true] .nf-canvas,#notefully[data-grabbing=true] .nf-shot,#notefully[data-grabbing=true] .nf-sticker,#notefully[data-grabbing=true] .nf-sticker *{cursor:grabbing}#notefully .nf-shot{position:absolute;overflow:hidden;--nf-anno-stroke: 3px;--nf-anno-badge: 20px;--nf-anno-badge-font: 11px;--nf-anno-handle: 10px}#notefully .nf-shot img{position:absolute;display:block;max-width:none;max-height:none;pointer-events:none;-webkit-user-drag:none;user-drag:none}#notefully .nf-canvas video.nf-recording-preview{display:block;width:160px;height:auto;max-height:none;object-fit:contain;pointer-events:auto}#notefully .nf-sticker,#notefully .nf-crop{position:absolute;pointer-events:auto;color:var(--nf-mark)}#notefully .nf-sticker[data-selected=true]{z-index:4}#notefully .nf-sticker[data-preview=true],#notefully .nf-sticker.nf-arrow{pointer-events:none}#notefully .nf-sticker.nf-arrow .nf-handle{pointer-events:auto}#notefully .nf-rect,#notefully .nf-circle{border:var(--nf-anno-stroke) solid var(--nf-mark);background:transparent;box-sizing:border-box}#notefully .nf-circle{border-radius:50%}#notefully .nf-arrow-svg{display:block;overflow:visible;pointer-events:none}#notefully .nf-arrow-hit{fill:none;stroke:transparent;stroke-width:16;pointer-events:stroke}#notefully .nf-arrow-shaft{fill:none;stroke:currentColor;stroke-width:var(--nf-anno-stroke);stroke-linecap:round;pointer-events:none}#notefully .nf-arrow-head{fill:currentColor;stroke:none;pointer-events:none}#notefully .nf-badge{position:absolute;left:50%;top:0;transform:translate(-50%,-50%);box-sizing:border-box;min-width:var(--nf-anno-badge);height:var(--nf-anno-badge);padding:0 calc(var(--nf-anno-badge-font) * .35);border-radius:50%;background:var(--nf-mark);color:var(--nf-mark-text);font:700 var(--nf-anno-badge-font)/var(--nf-anno-badge) ui-sans-serif,system-ui,sans-serif;text-align:center;pointer-events:none;z-index:4}#notefully .nf-sticker.nf-arrow .nf-badge{top:50%}#notefully .nf-handle{position:absolute;width:var(--nf-anno-handle);height:var(--nf-anno-handle);background:#fff;border:2px solid var(--nf-mark);border-radius:2px;z-index:5;box-sizing:border-box}#notefully .nf-handle[data-dir=nw]{left:-6px;top:-6px;cursor:nwse-resize}#notefully .nf-handle[data-dir=ne]{right:-6px;top:-6px;cursor:nesw-resize}#notefully .nf-handle[data-dir=sw]{left:-6px;bottom:-6px;cursor:nesw-resize}#notefully .nf-handle[data-dir=se]{right:-6px;bottom:-6px;cursor:nwse-resize}#notefully .nf-handle[data-dir=start],#notefully .nf-handle[data-dir=end]{margin:0;cursor:grab}#notefully .nf-crop{border:2px dashed var(--nf-accent);background:color-mix(in srgb,var(--nf-accent) 14%,transparent);box-shadow:0 0 0 9999px #00000073;pointer-events:none}#notefully .nf-text{width:100%;min-height:96px;resize:vertical;background:var(--nf-input);color:var(--nf-text);border:1px solid var(--nf-border);border-radius:8px;padding:10px;font:14px/1.4 var(--nf-font)}#notefully .nf-author{width:100%;box-sizing:border-box;background:var(--nf-input);color:var(--nf-text);border:1px solid var(--nf-border);border-radius:8px;padding:10px;font:14px/1.4 var(--nf-font)}#notefully .nf-author::placeholder{color:var(--nf-muted)}#notefully .nf-kind-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}#notefully :is(.nf-pill,.nf-kind,.nf-palette-tools,.nf-palette-shot,.nf-actions-media){display:inline-flex;flex-wrap:wrap;gap:0;flex:0 1 auto;min-width:0;align-items:center;padding:0;border:1px solid var(--nf-border);border-radius:var(--nf-pill-radius);background:var(--nf-input);overflow:hidden}#notefully :is(.nf-pill>button,.nf-kind button,.nf-palette-tools .nf-icon-btn,.nf-palette-shot .nf-icon-btn,.nf-actions-media .nf-icon-btn){background:transparent;color:var(--nf-muted);border:0;border-radius:var(--nf-pill-radius);box-shadow:none;cursor:pointer}#notefully :is(.nf-pill>button,.nf-kind button,.nf-palette-tools .nf-icon-btn,.nf-palette-shot .nf-icon-btn,.nf-actions-media .nf-icon-btn):hover:not([data-active=true]):not(:disabled):not(.nf-submit){background:color-mix(in srgb,var(--nf-accent) var(--nf-fill-hover),transparent)}#notefully :is(.nf-pill>button,.nf-kind button,.nf-palette-tools .nf-icon-btn,.nf-palette-shot .nf-icon-btn,.nf-actions-media .nf-icon-btn):active:not([data-active=true]):not(:disabled):not(.nf-submit){background:color-mix(in srgb,var(--nf-accent) var(--nf-fill-press),transparent);color:var(--nf-accent-text)}#notefully :is(.nf-kind button,.nf-submit){padding:6px 12px}#notefully :is(.nf-pill>button,.nf-kind button,.nf-palette-tools .nf-icon-btn,.nf-palette-shot .nf-icon-btn,.nf-actions-media .nf-icon-btn)[data-active=true]{color:var(--nf-accent-text);background:var(--nf-accent);border:0;box-shadow:none}#notefully .nf-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}#notefully .nf-privacy-stack{position:relative;display:flex;flex-direction:column;gap:8px}#notefully .nf-privacy-stack[data-open=true]:before{content:"";position:absolute;z-index:0;inset-inline-end:calc(var(--nf-control-size) / 2);top:calc(var(--nf-control-size) / 2);bottom:12px;width:1px;background:var(--nf-border);pointer-events:none}#notefully .nf-privacy{display:flex;flex-direction:column;gap:8px;position:relative;z-index:1}#notefully .nf-privacy-summary{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin-left:auto;flex:0 1 auto;max-width:100%;position:relative;z-index:1}#notefully .nf-privacy-toggle-pill{position:relative;z-index:1}#notefully .nf-privacy-text{color:var(--nf-muted);font:12px/1.35 var(--nf-font);text-align:right}#notefully .nf-privacy-panel{display:flex;flex-direction:column;gap:8px;border:1px solid var(--nf-border);border-radius:8px;background:var(--nf-input);padding:10px;position:relative;z-index:1}#notefully .nf-privacy-scroll{max-height:min(240px,36vh);overflow:auto;display:flex;flex-direction:column;gap:12px}#notefully .nf-privacy-section-head{display:flex;align-items:center;gap:8px;margin-bottom:0;padding-bottom:8px;border-bottom:1px solid var(--nf-border)}#notefully .nf-privacy-section[data-redacted=true] .nf-privacy-section-head{opacity:.62}#notefully .nf-privacy-section[data-redacted=true] .nf-privacy-section-title{color:var(--nf-muted);text-decoration:line-through}#notefully .nf-privacy-section-title{margin:0;font:600 12px var(--nf-font);color:var(--nf-text)}#notefully .nf-privacy-toggle.pill-switch{display:inline-flex;align-items:center;flex:0 0 auto;cursor:pointer;-webkit-user-select:none;user-select:none}#notefully .pill-switch{--pill-switch-h: var(--nf-pill-switch-h);--pill-switch-w: var(--nf-pill-switch-w);--pill-switch-pad: 2px;--pill-switch-border: 1.5px;--pill-switch-thumb: calc( var(--pill-switch-h) - (2 * var(--pill-switch-pad)) - (2 * var(--pill-switch-border)) );--pill-switch-travel: calc(var(--pill-switch-w) - var(--pill-switch-h));position:relative;display:inline-flex;align-items:center;width:var(--pill-switch-w);height:var(--pill-switch-h);margin:0;flex:0 0 var(--pill-switch-w)}#notefully .pill-switch-input{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;margin:0;opacity:0;cursor:pointer}#notefully .pill-switch-track{position:relative;box-sizing:border-box;display:block;width:100%;height:100%;border:var(--pill-switch-border) solid var(--nf-text);border-radius:var(--nf-pill-radius);background:var(--nf-panel);overflow:hidden;transition:background-color .22s ease,border-color .22s ease}#notefully .pill-switch-thumb{position:absolute;top:var(--pill-switch-pad);left:var(--pill-switch-pad);width:var(--pill-switch-thumb);height:var(--pill-switch-thumb);border-radius:50%;background:var(--nf-text);transition:transform .22s ease,background-color .22s ease;will-change:transform}#notefully .pill-switch-mark{position:absolute;top:50%;left:calc(var(--pill-switch-pad) + 3px);width:5px;height:8px;border:solid var(--nf-accent-text);border-width:0 2px 2px 0;opacity:0;transform:translateY(-62%) rotate(45deg);transition:opacity .16s ease;pointer-events:none}#notefully .pill-switch-input:checked+.pill-switch-track{background:var(--nf-accent);border-color:var(--nf-accent)}#notefully .pill-switch-input:checked+.pill-switch-track .pill-switch-thumb{background:var(--nf-accent-text);transform:translate(var(--pill-switch-travel))}#notefully .pill-switch-input:checked+.pill-switch-track .pill-switch-mark{opacity:1}#notefully .pill-switch-input:indeterminate+.pill-switch-track{background:color-mix(in srgb,var(--nf-accent) var(--nf-fill-mid),var(--nf-panel));border-color:var(--nf-border)}#notefully .pill-switch-input:indeterminate+.pill-switch-track .pill-switch-thumb{background:var(--nf-text);transform:translate(calc(var(--pill-switch-travel) * .5))}#notefully .pill-switch-input:indeterminate+.pill-switch-track .pill-switch-mark{opacity:0}#notefully .pill-switch-input:focus-visible+.pill-switch-track{outline:2px solid color-mix(in srgb,var(--nf-accent) 55%,transparent);outline-offset:2px}#notefully .nf-privacy-rows{display:flex;flex-direction:column;gap:0;margin:0;margin-inline-start:8px;padding-inline-start:0;border-inline-start:1px solid var(--nf-border)}#notefully .nf-privacy-row{display:flex;align-items:flex-start;gap:8px;padding:8px 0 8px 12px;background:transparent;border:0;border-bottom:1px solid var(--nf-border)}#notefully .nf-privacy-row:last-child{border-bottom:0;padding-bottom:0}#notefully .nf-privacy-row[data-redacted=true]{align-items:center;opacity:.55}#notefully .nf-privacy-row[data-redacted=true] .nf-privacy-row-title,#notefully .nf-privacy-row[data-redacted=true] .nf-privacy-row-detail{text-decoration:line-through;color:var(--nf-muted)}#notefully .nf-privacy-row-text{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#notefully .nf-privacy-row:not([data-redacted=true]) .nf-privacy-row-text{white-space:normal;overflow:visible;text-overflow:unset}#notefully .nf-privacy-row-title{font:600 11px/1.35 var(--nf-font);color:var(--nf-text);text-transform:capitalize}#notefully .nf-privacy-row-title:after{content:": ";font-weight:600}#notefully .nf-privacy-row-detail{font:11px/1.35 var(--nf-font-mono);color:var(--nf-muted);word-break:break-word;white-space:pre-wrap}#notefully .nf-privacy-row[data-redacted=true] .nf-privacy-row-detail{white-space:nowrap}#notefully .nf-console-styled{display:inline;vertical-align:baseline;white-space:pre-wrap}#notefully .nf-actions .nf-icon-btn{padding:0}#notefully .nf-submit-pill{margin-inline-start:auto}#notefully .nf-submit{font:600 13px var(--nf-font);background:transparent;color:var(--nf-btn)}#notefully .nf-submit:hover:not(:disabled){background:color-mix(in srgb,var(--nf-btn) var(--nf-fill-hover),transparent);color:var(--nf-btn)}#notefully .nf-submit:active:not(:disabled){background:color-mix(in srgb,var(--nf-btn) var(--nf-fill-press),transparent);color:var(--nf-btn-text)}#notefully .nf-submit:disabled,#notefully .nf-submit[aria-busy=true]{background:var(--nf-btn);color:var(--nf-btn-text);opacity:.55;cursor:wait}#notefully .nf-status{color:var(--nf-muted);font:13px var(--nf-font);min-height:1.2em}#notefully .nf-stop-video{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:calc(var(--nf-z) + 1);width:var(--nf-control-size);height:var(--nf-control-size);padding:0;border:1px solid var(--nf-border);border-radius:var(--nf-pill-radius);background:var(--nf-accent);color:var(--nf-accent-text);box-shadow:none;cursor:pointer}#notefully[data-nf-hidden-launcher] .nf-launcher{display:none!important}.nf-capture-chrome{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483645;display:grid;place-items:center;pointer-events:none;background:#140c1c47;animation:nf-capture-fade .16s ease-out both}.nf-capture-chrome-pill{display:inline-flex;align-items:center;gap:.55em;padding:.65em 1.1em;border-radius:999px;background:#f7f4fbf0;color:#2a2140;font:650 14px ui-sans-serif,system-ui,sans-serif;letter-spacing:.01em;box-shadow:0 10px 28px #140c1c38}.nf-capture-chrome-pill:before{content:"";width:.7em;height:.7em;border-radius:50%;border:2px solid rgba(42,33,64,.22);border-top-color:#864093;animation:nf-capture-spin .7s linear infinite}@keyframes nf-capture-fade{0%{opacity:0}to{opacity:1}}@keyframes nf-capture-spin{to{transform:rotate(360deg)}}
|
package/dist/notefully.iife.js
CHANGED
|
@@ -79,9 +79,11 @@ var Notefully=(function(L){"use strict";const At={"launcher.open":"Leave a note
|
|
|
79
79
|
<line class="nf-arrow-hit" x1="${I}" y1="${W}" x2="${x}" y2="${h}" />
|
|
80
80
|
<line class="nf-arrow-shaft" x1="${I}" y1="${W}" x2="${A.shaftEnd.x}" y2="${A.shaftEnd.y}" />
|
|
81
81
|
<polygon class="nf-arrow-head" points="${A.tipX},${A.tipY} ${A.left.x},${A.left.y} ${A.right.x},${A.right.y}" />
|
|
82
|
-
`,t.appendChild(it),o&&(re(t,"start",{left:I-5,top:W-5}),re(t,"end",{left:x-5,top:h-5}))}function re(t,e,a){const o=document.createElement("span");o.className="nf-handle",o.dataset.dir=e,a&&(o.style.left=`${a.left}px`,o.style.top=`${a.top}px`),t.appendChild(o)}function ma(t,e,a){t.style.left=`${(e.x-a.x)/a.w*100}%`,t.style.top=`${(e.y-a.y)/a.h*100}%`,t.style.width=`${e.w/a.w*100}%`,t.style.height=`${e.h/a.h*100}%`}function ha(){try{return String(localStorage.getItem(Xe)||"").trim()}catch{return""}}function Js(t){const e=String(t||"").trim();if(!(!e||e===le()))try{localStorage.setItem(Xe,e)}catch{}}function fa(){try{const t=localStorage.getItem(ta);if(!t)return{diagnostics:!1,logs:!1};const e=JSON.parse(t);return{diagnostics:!!(e!=null&&e.diagnostics),logs:!!(e!=null&&e.logs)}}catch{return{diagnostics:!1,logs:!1}}}function ya(t={}){const e={...fa(),...t};try{localStorage.setItem(ta,JSON.stringify({diagnostics:!!e.diagnostics,logs:!!e.logs}))}catch{}}function va(){return!!(String(H.userId||"").trim()||String(H.email||"").trim()||String(H.displayName||"").trim())}function ka(){return String(H.displayName||H.email||H.userId||"").trim()}function le(){return p("form.authorPlaceholder")}function Qs(){var e;if(va())return ka()||le();const t=String(((e=n.author)==null?void 0:e.value)||"").trim();return t?(Js(t),t):le()}function ba(){if(!n.author)return;const t=va();if(n.author.hidden=t,t){n.author.value="";return}n.author.value=ha()}function wa(t,e=Ye){const a=Number(t);return Number.isFinite(a)?Math.min(ys,Math.max(0,Math.floor(a))):e}function Sa(t){t.key!=="Escape"||!n.dialog||n.dialog.hidden||ht&&!ft||et()}function Ca(t={}){Vi(t);const e=Object.prototype.hasOwnProperty.call(t,"kinds");d={...d,endpoint:String(t.endpoint||d.endpoint||"").replace(/\/$/,""),projectKey:t.projectKey==null?d.projectKey:String(t.projectKey),version:t.version==null?d.version:String(t.version),name:t.name==null?d.name:String(t.name||""),targets:t.targets===void 0?d.targets:t.targets,hideLauncher:t.hideLauncher==null?d.hideLauncher:!!t.hideLauncher,theme:ea(t.theme??d.theme),video:t.video==null?d.video:!!t.video,consoleLogLimit:t.consoleLogLimit==null?d.consoleLogLimit:wa(t.consoleLogLimit,d.consoleLogLimit),kinds:e?gs(t.kinds):d.kinds,kindsCustom:e?!0:d.kindsCustom,capture:t.capture===void 0?d.capture:t.capture,onBeforeCapture:t.onBeforeCapture===void 0?d.onBeforeCapture:t.onBeforeCapture,onOpen:t.onOpen===void 0?d.onOpen:t.onOpen,onClose:t.onClose===void 0?d.onClose:t.onClose,displayLink:t.displayLink==null?d.displayLink:!!t.displayLink,locale:t.locale===void 0?d.locale:t.locale==null||t.locale===""?null:String(t.locale),translations:t.translations===void 0?d.translations:t.translations&&typeof t.translations=="object"?t.translations:null}}function Aa(t){const e=d[t];if(typeof e=="function")try{e()}catch(a){console.warn(`Notefully.${t} failed:`,a)}}function za(){return gt}function Ea(){return Et()}function Ra(t,e){return d.locale=t==null||t===""?null:String(t),e!==void 0&&(d.translations=e&&typeof e=="object"?e:null),y?ct():aa(),St}function $t(t={}){return Ca(t),y&&ct(),St}function ja(t={}){return Ca(t),te(),ct(),St}function Pa(t){return $t({theme:t})}function xa(t){const e=!!t;return!e&&y&&n.dialog&&!n.dialog.hidden&&et(),$t({hideLauncher:!e})}function tn(){const t=ka()||ha()||void 0,e=Oi({...H,displayName:H.displayName||t});B=rs(e),N=ls(Ze.snapshot().slice(-wa(d.consoleLogLimit)));const a=fa();a.diagnostics&&Lt(B,!0),a.logs&&N.length&&Lt(N,!0),X=!1}function ue(t){X=!!t,n.privacyPanel&&(n.privacyPanel.hidden=!X),n.privacyStack&&(n.privacyStack.dataset.open=String(X)),n.privacyChange&&(n.privacyChange.setAttribute("aria-expanded",X?"true":"false"),n.privacyChange.dataset.active=String(X)),X&&de()}function ce(){if(!n.privacy||!n.privacyText||!n.privacyChange)return;const t=cs({diagnostics:B,logs:N});n.privacyText.textContent=t,n.privacyText.hidden=!t;const e=B.length===0&&N.length===0;n.privacySummary&&(n.privacySummary.hidden=e),n.privacy.hidden=e,n.privacyChange.hidden=!1}function La(t,e,a){const i=`${p(t?"privacy.included":"privacy.redacted")} ${a}`;return`<label class="nf-privacy-toggle" data-included="${t?"true":"false"}">
|
|
83
|
-
<
|
|
84
|
-
|
|
82
|
+
`,t.appendChild(it),o&&(re(t,"start",{left:I-5,top:W-5}),re(t,"end",{left:x-5,top:h-5}))}function re(t,e,a){const o=document.createElement("span");o.className="nf-handle",o.dataset.dir=e,a&&(o.style.left=`${a.left}px`,o.style.top=`${a.top}px`),t.appendChild(o)}function ma(t,e,a){t.style.left=`${(e.x-a.x)/a.w*100}%`,t.style.top=`${(e.y-a.y)/a.h*100}%`,t.style.width=`${e.w/a.w*100}%`,t.style.height=`${e.h/a.h*100}%`}function ha(){try{return String(localStorage.getItem(Xe)||"").trim()}catch{return""}}function Js(t){const e=String(t||"").trim();if(!(!e||e===le()))try{localStorage.setItem(Xe,e)}catch{}}function fa(){try{const t=localStorage.getItem(ta);if(!t)return{diagnostics:!1,logs:!1};const e=JSON.parse(t);return{diagnostics:!!(e!=null&&e.diagnostics),logs:!!(e!=null&&e.logs)}}catch{return{diagnostics:!1,logs:!1}}}function ya(t={}){const e={...fa(),...t};try{localStorage.setItem(ta,JSON.stringify({diagnostics:!!e.diagnostics,logs:!!e.logs}))}catch{}}function va(){return!!(String(H.userId||"").trim()||String(H.email||"").trim()||String(H.displayName||"").trim())}function ka(){return String(H.displayName||H.email||H.userId||"").trim()}function le(){return p("form.authorPlaceholder")}function Qs(){var e;if(va())return ka()||le();const t=String(((e=n.author)==null?void 0:e.value)||"").trim();return t?(Js(t),t):le()}function ba(){if(!n.author)return;const t=va();if(n.author.hidden=t,t){n.author.value="";return}n.author.value=ha()}function wa(t,e=Ye){const a=Number(t);return Number.isFinite(a)?Math.min(ys,Math.max(0,Math.floor(a))):e}function Sa(t){t.key!=="Escape"||!n.dialog||n.dialog.hidden||ht&&!ft||et()}function Ca(t={}){Vi(t);const e=Object.prototype.hasOwnProperty.call(t,"kinds");d={...d,endpoint:String(t.endpoint||d.endpoint||"").replace(/\/$/,""),projectKey:t.projectKey==null?d.projectKey:String(t.projectKey),version:t.version==null?d.version:String(t.version),name:t.name==null?d.name:String(t.name||""),targets:t.targets===void 0?d.targets:t.targets,hideLauncher:t.hideLauncher==null?d.hideLauncher:!!t.hideLauncher,theme:ea(t.theme??d.theme),video:t.video==null?d.video:!!t.video,consoleLogLimit:t.consoleLogLimit==null?d.consoleLogLimit:wa(t.consoleLogLimit,d.consoleLogLimit),kinds:e?gs(t.kinds):d.kinds,kindsCustom:e?!0:d.kindsCustom,capture:t.capture===void 0?d.capture:t.capture,onBeforeCapture:t.onBeforeCapture===void 0?d.onBeforeCapture:t.onBeforeCapture,onOpen:t.onOpen===void 0?d.onOpen:t.onOpen,onClose:t.onClose===void 0?d.onClose:t.onClose,displayLink:t.displayLink==null?d.displayLink:!!t.displayLink,locale:t.locale===void 0?d.locale:t.locale==null||t.locale===""?null:String(t.locale),translations:t.translations===void 0?d.translations:t.translations&&typeof t.translations=="object"?t.translations:null}}function Aa(t){const e=d[t];if(typeof e=="function")try{e()}catch(a){console.warn(`Notefully.${t} failed:`,a)}}function za(){return gt}function Ea(){return Et()}function Ra(t,e){return d.locale=t==null||t===""?null:String(t),e!==void 0&&(d.translations=e&&typeof e=="object"?e:null),y?ct():aa(),St}function $t(t={}){return Ca(t),y&&ct(),St}function ja(t={}){return Ca(t),te(),ct(),St}function Pa(t){return $t({theme:t})}function xa(t){const e=!!t;return!e&&y&&n.dialog&&!n.dialog.hidden&&et(),$t({hideLauncher:!e})}function tn(){const t=ka()||ha()||void 0,e=Oi({...H,displayName:H.displayName||t});B=rs(e),N=ls(Ze.snapshot().slice(-wa(d.consoleLogLimit)));const a=fa();a.diagnostics&&Lt(B,!0),a.logs&&N.length&&Lt(N,!0),X=!1}function ue(t){X=!!t,n.privacyPanel&&(n.privacyPanel.hidden=!X),n.privacyStack&&(n.privacyStack.dataset.open=String(X)),n.privacyChange&&(n.privacyChange.setAttribute("aria-expanded",X?"true":"false"),n.privacyChange.dataset.active=String(X)),X&&de()}function ce(){if(!n.privacy||!n.privacyText||!n.privacyChange)return;const t=cs({diagnostics:B,logs:N});n.privacyText.textContent=t,n.privacyText.hidden=!t;const e=B.length===0&&N.length===0;n.privacySummary&&(n.privacySummary.hidden=e),n.privacy.hidden=e,n.privacyChange.hidden=!1}function La(t,e,a){const i=`${p(t?"privacy.included":"privacy.redacted")} ${a}`;return`<label class="pill-switch nf-privacy-toggle" data-included="${t?"true":"false"}">
|
|
83
|
+
<input type="checkbox" class="pill-switch-input" role="switch" ${t?"checked":""} ${e?'data-indeterminate="true"':""} aria-label="${D(i)}" aria-checked="${t?"true":"false"}">
|
|
84
|
+
<span class="pill-switch-track" aria-hidden="true">
|
|
85
|
+
<span class="pill-switch-mark"></span>
|
|
86
|
+
<span class="pill-switch-thumb"></span>
|
|
85
87
|
</span>
|
|
86
88
|
</label>`}function Ua(t,e,a,o,i,s=null){const r=La(!i,!1,a),l=typeof o=="string"?o:String(o||""),u=i?D(l):s??D(l),c=l?`${a}: ${l}`:a;return`<div class="nf-privacy-row" data-kind="${D(t)}" data-id="${D(e)}"${i?' data-redacted="true"':""}>
|
|
87
89
|
${r}
|
package/dist/notefully.js
CHANGED
|
@@ -4664,9 +4664,11 @@ function ue() {
|
|
|
4664
4664
|
}
|
|
4665
4665
|
function za(t, e, a) {
|
|
4666
4666
|
const i = `${p(t ? "privacy.included" : "privacy.redacted")} ${a}`;
|
|
4667
|
-
return `<label class="nf-privacy-toggle" data-included="${t ? "true" : "false"}">
|
|
4668
|
-
<
|
|
4669
|
-
|
|
4667
|
+
return `<label class="pill-switch nf-privacy-toggle" data-included="${t ? "true" : "false"}">
|
|
4668
|
+
<input type="checkbox" class="pill-switch-input" role="switch" ${t ? "checked" : ""} ${e ? 'data-indeterminate="true"' : ""} aria-label="${D(i)}" aria-checked="${t ? "true" : "false"}">
|
|
4669
|
+
<span class="pill-switch-track" aria-hidden="true">
|
|
4670
|
+
<span class="pill-switch-mark"></span>
|
|
4671
|
+
<span class="pill-switch-thumb"></span>
|
|
4670
4672
|
</span>
|
|
4671
4673
|
</label>`;
|
|
4672
4674
|
}
|