@fuzionx/helpdesk 0.1.72

package/dist/helpdesk.css

@@ -0,0 +1 @@
+.hd-theme-dark{--hd-bg: #0c1219;--hd-bg2: #111b26;--hd-bg3: #162130;--hd-border: #1c2e42;--hd-txt: #b8d4e8;--hd-txt2: #8aaecd;--hd-txt3: #547a9c;--hd-acc: #00d9ff;--hd-acc-dim: rgba(0, 217, 255, .1);--hd-mine: #00d9ff;--hd-mine-fg: #000;--hd-agent-bg: #162130;--hd-agent-fg: #b8d4e8;--hd-shadow: rgba(0, 0, 0, .5)}.hd-theme-light{--hd-bg: #ffffff;--hd-bg2: #f5f7fa;--hd-bg3: #eaeff5;--hd-border: #d4dbe5;--hd-txt: #0f1923;--hd-txt2: #2d4050;--hd-txt3: #5a6d7e;--hd-acc: #0072a8;--hd-acc-dim: rgba(0, 114, 168, .1);--hd-mine: #0072a8;--hd-mine-fg: #fff;--hd-agent-bg: #eaeff5;--hd-agent-fg: #0f1923;--hd-shadow: rgba(0, 0, 0, .15)}.hd-widget{position:fixed;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans KR,sans-serif;font-size:14px;line-height:1.5}.hd-pos-bottom-right{bottom:24px;right:24px}.hd-pos-bottom-left{bottom:24px;left:24px}.hd-fab{width:56px;height:56px;border-radius:50%;background:var(--hd-acc);color:var(--hd-mine-fg);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px var(--hd-shadow);transition:transform .2s,box-shadow .2s}.hd-fab:hover{transform:scale(1.08);box-shadow:0 6px 24px var(--hd-shadow)}.hd-panel{width:360px;max-height:520px;background:var(--hd-bg);border:1px solid var(--hd-border);border-radius:12px;box-shadow:0 8px 32px var(--hd-shadow);display:flex;flex-direction:column;overflow:hidden}.hd-panel-hd{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--hd-acc);color:var(--hd-mine-fg)}.hd-panel-title{font-weight:700;font-size:.95rem}.hd-panel-close{background:none;border:none;font-size:1.3rem;color:inherit;cursor:pointer;opacity:.7}.hd-panel-close:hover{opacity:1}.hd-view{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 20px;text-align:center;color:var(--hd-txt);min-height:300px}.hd-welcome-icon{font-size:2.5rem;margin-bottom:8px}.hd-welcome-msg{font-size:.95rem;margin-bottom:6px;color:var(--hd-txt)}.hd-welcome-hours{font-size:.78rem;color:var(--hd-txt3);margin-bottom:16px}.hd-welcome-hours i{margin-right:4px}.hd-btn-enter{width:100%;padding:10px;background:var(--hd-acc);color:var(--hd-mine-fg);border:none;border-radius:8px;font-weight:700;font-size:.9rem;cursor:pointer;transition:opacity .15s}.hd-btn-enter:hover{opacity:.85}.hd-spinner{width:32px;height:32px;border:3px solid var(--hd-border);border-top-color:var(--hd-acc);border-radius:50%;animation:hd-spin .8s linear infinite;margin-bottom:12px}@keyframes hd-spin{to{transform:rotate(360deg)}}.hd-unavail-icon{font-size:2rem;margin-bottom:8px}.hd-unavail-msg{font-size:.9rem;color:var(--hd-txt);margin-bottom:4px}.hd-unavail-sub{font-size:.78rem;color:var(--hd-txt3);margin-bottom:16px}.hd-btn-retry,.hd-btn-back{width:100%;padding:8px;border-radius:6px;font-size:.82rem;font-weight:600;cursor:pointer;margin-bottom:6px;transition:opacity .15s}.hd-btn-retry:hover,.hd-btn-back:hover{opacity:.85}.hd-btn-retry{background:var(--hd-acc);color:var(--hd-mine-fg);border:none}.hd-btn-back{background:transparent;color:var(--hd-txt3);border:1px solid var(--hd-border)}.hd-wait-msg{font-size:.9rem;color:var(--hd-txt)}.hd-wait-pos{font-size:.82rem;color:var(--hd-txt2);margin-top:6px}.hd-view-chat{padding:0;align-items:stretch;justify-content:flex-start}.hd-chat-agent{padding:6px 14px;font-size:.75rem;color:var(--hd-txt3);background:var(--hd-bg2);border-bottom:1px solid var(--hd-border)}.hd-chat-msgs{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:6px;min-height:200px}.hd-msg{max-width:85%}.hd-msg-mine{align-self:flex-end;text-align:right}.hd-msg-agent{align-self:flex-start}.hd-msg-sys-wrap{align-self:center}.hd-msg-sys{font-size:.7rem;color:var(--hd-txt3);background:var(--hd-bg3);padding:2px 10px;border-radius:999px}.hd-msg-bubble{display:inline-block;padding:8px 12px;border-radius:12px;font-size:.85rem;line-height:1.4;word-break:break-word}.hd-msg-mine .hd-msg-bubble{background:var(--hd-mine);color:var(--hd-mine-fg);border-bottom-right-radius:4px}.hd-msg-agent .hd-msg-bubble{background:var(--hd-agent-bg);color:var(--hd-agent-fg);border-bottom-left-radius:4px}.hd-msg-time{font-size:.6rem;color:var(--hd-txt3);margin-top:2px;opacity:.6}.hd-chat-input{display:flex;gap:6px;padding:8px 12px;border-top:1px solid var(--hd-border);background:var(--hd-bg2)}.hd-chat-input input{flex:1;padding:7px 10px;border:1px solid var(--hd-border);border-radius:6px;font-size:.82rem;background:var(--hd-bg);color:var(--hd-txt);outline:none}.hd-chat-input input:focus{border-color:var(--hd-acc)}.hd-chat-input input::placeholder{color:var(--hd-txt3)}.hd-btn-send{padding:7px 10px;background:var(--hd-acc);color:var(--hd-mine-fg);border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center}.hd-btn-send:hover{opacity:.85}.hd-chat-ended{padding:12px;text-align:center;border-top:1px solid var(--hd-border);background:var(--hd-bg2)}.hd-chat-ended p{font-size:.82rem;color:var(--hd-txt3);margin-bottom:8px}.hd-btn-new{padding:6px 16px;background:var(--hd-acc-dim);color:var(--hd-acc);border:1px solid var(--hd-acc);border-radius:6px;font-size:.78rem;font-weight:600;cursor:pointer}.hd-btn-new:hover{background:var(--hd-acc);color:var(--hd-mine-fg)}.hd-slide-enter-active,.hd-slide-leave-active{transition:opacity .2s,transform .2s}.hd-slide-enter-from,.hd-slide-leave-to{opacity:0;transform:translateY(16px) scale(.96)}.hd-typing-indicator{display:inline-flex;align-items:center;gap:3px;padding:8px 12px;background-color:var(--hd-bg2);color:var(--hd-txt3)}.hd-typing-indicator span{display:block;width:5px;height:5px;border-radius:50%;background-color:currentColor;animation:hd-blink 1.4s infinite both}.hd-typing-indicator span:nth-child(1){animation-delay:-.32s}.hd-typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes hd-blink{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}