@cnt-dev/chat-ui 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (55) hide show
  1. package/AGENTS.md +202 -0
  2. package/LICENSE +21 -0
  3. package/README.md +303 -0
  4. package/index.d.ts +23 -0
  5. package/package.json +41 -0
  6. package/resources/chatui/.library +14 -0
  7. package/resources/chatui/ChatBox-dbg.js +1099 -0
  8. package/resources/chatui/ChatBox-dbg.js.map +1 -0
  9. package/resources/chatui/ChatBox.d.ts +308 -0
  10. package/resources/chatui/ChatBox.d.ts.map +1 -0
  11. package/resources/chatui/ChatBox.gen.d.ts +545 -0
  12. package/resources/chatui/ChatBox.js +5 -0
  13. package/resources/chatui/ChatBox.js.map +1 -0
  14. package/resources/chatui/ChatBox.ts +1153 -0
  15. package/resources/chatui/library-dbg.js +28 -0
  16. package/resources/chatui/library-dbg.js.map +1 -0
  17. package/resources/chatui/library-preload.js +17 -0
  18. package/resources/chatui/library-preload.js.map +1 -0
  19. package/resources/chatui/library.d.ts +3 -0
  20. package/resources/chatui/library.d.ts.map +1 -0
  21. package/resources/chatui/library.js +5 -0
  22. package/resources/chatui/library.js.map +1 -0
  23. package/resources/chatui/library.ts +30 -0
  24. package/resources/chatui/manifest.json +52 -0
  25. package/resources/chatui/markdown-dbg.js +116 -0
  26. package/resources/chatui/markdown-dbg.js.map +1 -0
  27. package/resources/chatui/markdown.d.ts +21 -0
  28. package/resources/chatui/markdown.d.ts.map +1 -0
  29. package/resources/chatui/markdown.js +5 -0
  30. package/resources/chatui/markdown.js.map +1 -0
  31. package/resources/chatui/markdown.ts +140 -0
  32. package/resources/chatui/messagebundle.properties +20 -0
  33. package/resources/chatui/messagebundle_en.properties +20 -0
  34. package/resources/chatui/themes/base/ChatBox.less +702 -0
  35. package/resources/chatui/themes/base/library-RTL.css +3 -0
  36. package/resources/chatui/themes/base/library-parameters.json +1 -0
  37. package/resources/chatui/themes/base/library.css +3 -0
  38. package/resources/chatui/themes/base/library.source.less +4 -0
  39. package/resources/chatui/themes/sap_fiori_3/library-RTL.css +3 -0
  40. package/resources/chatui/themes/sap_fiori_3/library-parameters.json +1 -0
  41. package/resources/chatui/themes/sap_fiori_3/library.css +3 -0
  42. package/resources/chatui/themes/sap_fiori_3/library.source.less +3 -0
  43. package/resources/chatui/themes/sap_fiori_3_dark/library-RTL.css +3 -0
  44. package/resources/chatui/themes/sap_fiori_3_dark/library-parameters.json +1 -0
  45. package/resources/chatui/themes/sap_fiori_3_dark/library.css +3 -0
  46. package/resources/chatui/themes/sap_fiori_3_dark/library.source.less +3 -0
  47. package/resources/chatui/themes/sap_fiori_3_hcb/library-RTL.css +3 -0
  48. package/resources/chatui/themes/sap_fiori_3_hcb/library-parameters.json +1 -0
  49. package/resources/chatui/themes/sap_fiori_3_hcb/library.css +3 -0
  50. package/resources/chatui/themes/sap_fiori_3_hcb/library.source.less +3 -0
  51. package/resources/chatui/themes/sap_fiori_3_hcw/library-RTL.css +3 -0
  52. package/resources/chatui/themes/sap_fiori_3_hcw/library-parameters.json +1 -0
  53. package/resources/chatui/themes/sap_fiori_3_hcw/library.css +3 -0
  54. package/resources/chatui/themes/sap_fiori_3_hcw/library.source.less +3 -0
  55. package/ui5.yaml +15 -0
package/resources/chatui/themes/base/library.css ADDED
@@ -0,0 +1,3 @@
1
+ .sapUiAccKeysHighlighDom:first-letter{text-decoration:underline 20% black}.cnetChatBox{display:flex;flex-direction:row;box-sizing:border-box;position:relative;min-width:32rem;min-height:24rem;background-color:#fff;color:#000;border:1px solid #000;border-radius:0.5rem;font-family:"72","72full",Arial,Helvetica,sans-serif;font-size:.875rem;overflow:hidden}.cnetChatBox-sidebar{flex:0 0 16rem;display:flex;flex-direction:column;min-height:0;background-color:#fff;border-right:1px solid #000}.cnetChatBox-sidebar-header{flex:0 0 auto;padding:0.75rem 1rem 0.5rem;border-bottom:1px solid #000}.cnetChatBox-sidebar-title{font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.04em;color:#000}.cnetChatBox-conversations{flex:1 1 auto;overflow-y:auto;padding:0.4rem;display:flex;flex-direction:column;gap:0.25rem}.cnetChatBox-conversations-empty{padding:1rem 0.5rem;color:#000;font-size:0.85rem;font-style:italic;text-align:center}.cnetChatBox-conversation{position:relative;display:flex;align-items:flex-start;gap:0.35rem;padding:0.5rem 0.6rem;border:1px solid transparent;border-radius:0.4rem;cursor:pointer;transition:background-color .15s ease,border-color .15s ease;outline:none}.cnetChatBox-conversation:hover,.cnetChatBox-conversation:focus-visible{background-color:#ec8b46}.cnetChatBox-conversation--active{background-color:#8fb5ff;border-color:#000}.cnetChatBox-conversation--active:hover{background-color:#8fb5ff}.cnetChatBox-conversation-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:0.1rem}.cnetChatBox-conversation-title{font-size:0.85rem;font-weight:600;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cnetChatBox-conversation-snippet{font-size:0.75rem;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cnetChatBox-conversation-time{font-size:0.7rem;color:#000;margin-top:0.1rem}.cnetChatBox-conversation-remove{flex:0 0 auto;background:transparent;border:none;color:#000;cursor:pointer;font-size:1rem;line-height:1;padding:0.1rem 0.35rem;border-radius:0.25rem;opacity:0;transition:opacity .15s ease,background-color .15s ease}.cnetChatBox-conversation:hover .cnetChatBox-conversation-remove,.cnetChatBox-conversation:focus-within .cnetChatBox-conversation-remove,.cnetChatBox-conversation--active .cnetChatBox-conversation-remove{opacity:1}.cnetChatBox-conversation-remove:hover,.cnetChatBox-conversation-remove:focus-visible{background-color:#ec8b46;color:#000;outline:none}.cnetChatBox-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.cnetChatBox-header{flex:0 0 auto;display:flex;align-items:center;gap:0.75rem;padding:0.5rem 0.75rem;border-bottom:1px solid #000;background-color:#fff}.cnetChatBox-header-title{flex:1 1 auto;min-width:0;font-size:0.95rem;font-weight:600;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cnetChatBox-newChatButton{flex:0 0 auto;display:inline-flex;align-items:center;gap:0.4rem;padding:0.3rem 0.75rem;background-color:#fff;color:#000;border:none;border-radius:0.4rem;cursor:pointer;font-family:inherit;font-size:0.85rem;line-height:1.2;transition:background-color .15s ease}.cnetChatBox-newChatButton:hover:not(:disabled){background-color:#f2f2f2}.cnetChatBox-newChatButton:focus-visible{outline:none;box-shadow:0 0 0 2px #000}.cnetChatBox-newChatButton:disabled{cursor:not-allowed;opacity:0.5}.cnetChatBox-newChatButton .cnetChatBox-icon{font-size:0.95rem}.cnetChatBox-textarea:disabled{cursor:wait;opacity:0.6}.cnetChatBox-messages{flex:1 1 auto;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:0.75rem;scroll-behavior:smooth}.cnetChatBox-empty{margin:auto;padding:1.5rem;color:#000;text-align:center;font-style:italic}.cnetChatBox-message{display:flex;max-width:100%}.cnetChatBox-message--user{flex-direction:column;align-items:flex-end}.cnetChatBox-message--assistant{flex-direction:column;align-items:flex-start}.cnetChatBox-bubble{max-width:85%;padding:0.55rem 0.85rem;border-radius:0.75rem;line-height:1.4;word-wrap:break-word;white-space:pre-wrap;box-shadow:0 1px 2px rgba(0,0,0,0.05)}.cnetChatBox-message--user .cnetChatBox-bubble{background-color:#fff;color:#000;border-bottom-right-radius:0.15rem}.cnetChatBox-message--assistant .cnetChatBox-bubble{background-color:#fff;color:#000;border:1px solid #585858;border-bottom-left-radius:0.15rem;white-space:normal}.cnetChatBox-bubble p{margin:0 0 0.5rem 0}.cnetChatBox-bubble p:last-child{margin-bottom:0}.cnetChatBox-bubble h1,.cnetChatBox-bubble h2,.cnetChatBox-bubble h3,.cnetChatBox-bubble h4,.cnetChatBox-bubble h5,.cnetChatBox-bubble h6{margin:0.4rem 0 0.3rem 0;font-weight:bold;line-height:1.25}.cnetChatBox-bubble ul{margin:0.25rem 0 0.5rem 1.25rem;padding:0}.cnetChatBox-bubble code{font-family:Lucida Console;font-size:0.9em;background-color:#fff;padding:0.05rem 0.3rem;border-radius:0.25rem}.cnetChatBox-bubble pre{margin:0.4rem 0;padding:0.6rem;background-color:#fff;border:1px solid #000;border-radius:0.35rem;overflow-x:auto}.cnetChatBox-bubble pre code{background:transparent;padding:0}.cnetChatBox-table{border-collapse:collapse;margin:0.4rem 0;font-size:0.95em}.cnetChatBox-table th,.cnetChatBox-table td{border:1px solid #585858;padding:0.25rem 0.5rem;text-align:left}.cnetChatBox-table th{background-color:#fff}.cnetChatBox-actions{display:flex;gap:0.25rem;margin-top:0.15rem;padding-left:0.15rem;opacity:0;transition:opacity 0.15s ease}.cnetChatBox-message:hover .cnetChatBox-actions,.cnetChatBox-message:focus-within .cnetChatBox-actions{opacity:1}.cnetChatBox-bubble--pending+.cnetChatBox-actions{display:none}.cnetChatBox-action{background:transparent;border:1px solid transparent;border-radius:0.35rem;padding:0.15rem 0.35rem;color:#000;cursor:pointer;line-height:1;transition:background-color .15s ease,color .15s ease}.cnetChatBox-action:hover,.cnetChatBox-action:focus-visible{background-color:#ec8b46;color:#000;outline:none}.cnetChatBox-action--done{color:#b5e7a8}.cnetChatBox-action .cnetChatBox-icon{font-size:0.85rem}.cnetChatBox-message--assistant .cnetChatBox-bubble.cnetChatBox-bubble--rich{max-width:100%;width:100%;padding:0.35rem;background-color:#fff;overflow:hidden}.cnetChatBox-bubble--rich>.sapUiVlt,.cnetChatBox-bubble--rich>*{max-width:100%}.cnetChatBox-bubble--pending .cnetChatBox-dots{display:inline-flex;gap:0.25rem;align-items:center;height:1em}.cnetChatBox-bubble--pending .cnetChatBox-dots span{display:inline-block;width:0.4rem;height:0.4rem;border-radius:50%;background-color:#000;opacity:0.4;animation:cnetChatBoxDots 1.2s infinite ease-in-out}.cnetChatBox-bubble--pending .cnetChatBox-dots span:nth-child(2){animation-delay:0.2s}.cnetChatBox-bubble--pending .cnetChatBox-dots span:nth-child(3){animation-delay:0.4s}@keyframes cnetChatBoxDots{0%,60%,100%{opacity:0.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}.cnetChatBox-inputArea{display:flex;flex-direction:column;padding:0.5rem 0.75rem 0.75rem;border-top:1px solid #000;background-color:#fff}.cnetChatBox-composer{display:flex;flex-direction:column;gap:0.35rem;padding:0.5rem 0.5rem 0.4rem;background-color:#fff;border:1px solid #000;border-radius:0.75rem;transition:border-color .15s ease,box-shadow .15s ease}.cnetChatBox-composer:focus-within{border-color:#000;box-shadow:0 0 0 1px #000}.cnetChatBox-attachmentsPending{display:none;flex-wrap:wrap;gap:0.4rem}.cnetChatBox-attachmentsPending--hasItems{display:flex}.cnetChatBox-fileinput{display:none}.cnetChatBox-textarea{resize:none;min-height:1.75rem;max-height:10rem;padding:0.25rem 0.35rem;font-family:inherit;font-size:inherit;color:#000;background-color:transparent;border:none;outline:none;line-height:1.4;width:100%;box-sizing:border-box}.cnetChatBox-composerBar{display:flex;align-items:center;justify-content:space-between;gap:0.5rem}.cnetChatBox-composerBar-left{display:flex;align-items:center;gap:0.15rem}.cnetChatBox-toolButton{flex:0 0 auto;width:1.9rem;height:1.9rem;display:inline-flex;align-items:center;justify-content:center;background-color:transparent;color:#000;border:none;border-radius:0.4rem;cursor:pointer;transition:background-color .15s ease,color .15s ease}.cnetChatBox-toolButton:hover:not(:disabled),.cnetChatBox-toolButton:focus-visible{background-color:#ec8b46;color:#000;outline:none}.cnetChatBox-send{flex:0 0 auto;width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;background-color:#fff;color:#000;border:none;border-radius:0.5rem;cursor:pointer;transition:background-color .15s ease}.cnetChatBox-send:hover:not(:disabled){background-color:#f2f2f2}.cnetChatBox-send:focus-visible{outline:none;box-shadow:0 0 0 2px #000}.cnetChatBox-send:disabled,.cnetChatBox-toolButton:disabled{cursor:not-allowed;opacity:0.5}.cnetChatBox-icon{font-size:1rem;line-height:1}.cnetChatBox-attachments{display:flex;flex-wrap:wrap;gap:0.4rem}.cnetChatBox-message--user .cnetChatBox-bubble .cnetChatBox-attachments{margin-bottom:0.35rem}.cnetChatBox-message--user .cnetChatBox-bubble .cnetChatBox-attachments:last-child{margin-bottom:0}.cnetChatBox-attachment{display:inline-flex;align-items:center;gap:0.35rem;max-width:14rem;padding:0.25rem 0.4rem;background-color:#fff;border:1px solid #000;border-radius:0.35rem;color:#000;font-size:0.85rem;line-height:1.2}.cnetChatBox-attachment--image{padding:0.2rem}.cnetChatBox-attachment-thumb{max-width:6rem;max-height:4rem;border-radius:0.25rem;display:block;object-fit:cover}.cnetChatBox-attachment-icon{color:#000}.cnetChatBox-attachment-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cnetChatBox-attachment-remove{background:transparent;border:none;color:#000;cursor:pointer;font-size:1rem;line-height:1;padding:0 0.15rem;border-radius:0.2rem}.cnetChatBox-attachment-remove:hover,.cnetChatBox-attachment-remove:focus-visible{background-color:#ec8b46;color:#000;outline:none}.cnetChatBox-dropOverlay{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background-color:rgba(236,139,70,0.15);border:2px dashed #ec8b46;border-radius:0.5rem;pointer-events:none;z-index:2}.cnetChatBox--dragOver .cnetChatBox-dropOverlay{display:flex}.cnetChatBox-dropLabel{padding:0.5rem 1rem;background-color:#fff;color:#ec8b46;border-radius:0.35rem;font-weight:bold}.cnetChatBox-bubble-text{white-space:pre-wrap;word-wrap:break-word}.cnetChatBox-message--user .cnetChatBox-bubble.cnetChatBox-bubble--editing{background-color:#fff;color:#000;border:1px solid #000;max-width:32rem;min-width:16rem;display:flex;flex-direction:column;gap:0.4rem;padding:0.5rem}.cnetChatBox-editTextarea{resize:vertical;min-height:2.5rem;max-height:12rem;padding:0.35rem 0.5rem;font-family:inherit;font-size:inherit;color:#000;background-color:#fff;border:1px solid #000;border-radius:0.35rem;outline:none;line-height:1.35}.cnetChatBox-editTextarea:focus{border-color:#000;box-shadow:0 0 0 1px #000}.cnetChatBox-editActions{display:flex;justify-content:flex-end;gap:0.35rem}.cnetChatBox-editCancel,.cnetChatBox-editSave{padding:0.25rem 0.75rem;border-radius:0.35rem;border:1px solid transparent;cursor:pointer;font-family:inherit;font-size:inherit;line-height:1.35}.cnetChatBox-editCancel{background-color:transparent;color:#000;border-color:#000}.cnetChatBox-editCancel:hover{background-color:#ec8b46}.cnetChatBox-editSave{background-color:#fff;color:#000}.cnetChatBox-editSave:hover{background-color:#f2f2f2}
2
+ /* Inline theming parameters */
3
+ #sap-ui-theme-chatui{background-image:url('data:text/plain;utf-8,%7B%7D')}
package/resources/chatui/themes/base/library.source.less ADDED
@@ -0,0 +1,4 @@
1
+ @import "/resources/sap/ui/core/themes/base/base.less";
2
+ @import "/resources/sap/ui/core/themes/base/global.less";
3
+
4
+ @import "ChatBox.less";
package/resources/chatui/themes/sap_fiori_3/library-RTL.css ADDED
@@ -0,0 +1,3 @@
1
+ .sapUiAccKeysHighlighDom:first-letter{text-decoration:underline 20% black}.cnetChatBox{display:flex;flex-direction:row;box-sizing:border-box;position:relative;min-width:32rem;min-height:24rem;background-color:#fff;color:#232629;border:1px solid #d9d9d9;border-radius:0.5rem;font-family:"72","72full",Arial,Helvetica,sans-serif;font-size:.875rem;overflow:hidden}.cnetChatBox-sidebar{flex:0 0 16rem;display:flex;flex-direction:column;min-height:0;background-color:#fff;border-left:1px solid #d9d9d9}.cnetChatBox-sidebar-header{flex:0 0 auto;padding:0.75rem 1rem 0.5rem;border-bottom:1px solid #d9d9d9}.cnetChatBox-sidebar-title{font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.04em;color:#6a6d70}.cnetChatBox-conversations{flex:1 1 auto;overflow-y:auto;padding:0.4rem;display:flex;flex-direction:column;gap:0.25rem}.cnetChatBox-conversations-empty{padding:1rem 0.5rem;color:#6a6d70;font-size:0.85rem;font-style:italic;text-align:center}.cnetChatBox-conversation{position:relative;display:flex;align-items:flex-start;gap:0.35rem;padding:0.5rem 0.6rem;border:1px solid transparent;border-radius:0.4rem;cursor:pointer;transition:background-color .15s ease,border-color .15s ease;outline:none}.cnetChatBox-conversation:hover,.cnetChatBox-conversation:focus-visible{background-color:#ededed}.cnetChatBox-conversation--active{background-color:#e5f0fa;border-color:#0854a0}.cnetChatBox-conversation--active:hover{background-color:#e5f0fa}.cnetChatBox-conversation-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:0.1rem}.cnetChatBox-conversation-title{font-size:0.85rem;font-weight:600;color:#232629;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cnetChatBox-conversation-snippet{font-size:0.75rem;color:#6a6d70;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cnetChatBox-conversation-time{font-size:0.7rem;color:#6a6d70;margin-top:0.1rem}.cnetChatBox-conversation-remove{flex:0 0 auto;background:transparent;border:none;color:#6a6d70;cursor:pointer;font-size:1rem;line-height:1;padding:0.1rem 0.35rem;border-radius:0.25rem;opacity:0;transition:opacity .15s ease,background-color .15s ease}.cnetChatBox-conversation:hover .cnetChatBox-conversation-remove,.cnetChatBox-conversation:focus-within .cnetChatBox-conversation-remove,.cnetChatBox-conversation--active .cnetChatBox-conversation-remove{opacity:1}.cnetChatBox-conversation-remove:hover,.cnetChatBox-conversation-remove:focus-visible{background-color:#ebf5fe;color:#0854a0;outline:none}.cnetChatBox-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.cnetChatBox-header{flex:0 0 auto;display:flex;align-items:center;gap:0.75rem;padding:0.5rem 0.75rem;border-bottom:1px solid #d9d9d9;background-color:#fff}.cnetChatBox-header-title{flex:1 1 auto;min-width:0;font-size:0.95rem;font-weight:600;color:#232629;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cnetChatBox-newChatButton{flex:0 0 auto;display:inline-flex;align-items:center;gap:0.4rem;padding:0.3rem 0.75rem;background-color:#0a6ed1;color:#fff;border:none;border-radius:0.4rem;cursor:pointer;font-family:inherit;font-size:0.85rem;line-height:1.2;transition:background-color .15s ease}.cnetChatBox-newChatButton:hover:not(:disabled){background-color:#085caf}.cnetChatBox-newChatButton:focus-visible{outline:none;box-shadow:0 0 0 2px #000}.cnetChatBox-newChatButton:disabled{cursor:not-allowed;opacity:0.5}.cnetChatBox-newChatButton .cnetChatBox-icon{font-size:0.95rem}.cnetChatBox-textarea:disabled{cursor:wait;opacity:0.6}.cnetChatBox-messages{flex:1 1 auto;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:0.75rem;scroll-behavior:smooth}.cnetChatBox-empty{margin:auto;padding:1.5rem;color:#6a6d70;text-align:center;font-style:italic}.cnetChatBox-message{display:flex;max-width:100%}.cnetChatBox-message--user{flex-direction:column;align-items:flex-end}.cnetChatBox-message--assistant{flex-direction:column;align-items:flex-start}.cnetChatBox-bubble{max-width:85%;padding:0.55rem 0.85rem;border-radius:0.75rem;line-height:1.4;word-wrap:break-word;white-space:pre-wrap;box-shadow:0 1px 2px rgba(0,0,0,0.05)}.cnetChatBox-message--user .cnetChatBox-bubble{background-color:#0a6ed1;color:#fff;border-bottom-left-radius:0.15rem}.cnetChatBox-message--assistant .cnetChatBox-bubble{background-color:#fff;color:#232629;border:1px solid #e5e5e5;border-bottom-right-radius:0.15rem;white-space:normal}.cnetChatBox-bubble p{margin:0 0 0.5rem 0}.cnetChatBox-bubble p:last-child{margin-bottom:0}.cnetChatBox-bubble h1,.cnetChatBox-bubble h2,.cnetChatBox-bubble h3,.cnetChatBox-bubble h4,.cnetChatBox-bubble h5,.cnetChatBox-bubble h6{margin:0.4rem 0 0.3rem 0;font-weight:bold;line-height:1.25}.cnetChatBox-bubble ul{margin:0.25rem 1.25rem 0.5rem 0;padding:0}.cnetChatBox-bubble code{font-family:Lucida Console;font-size:0.9em;background-color:#fff;padding:0.05rem 0.3rem;border-radius:0.25rem}.cnetChatBox-bubble pre{margin:0.4rem 0;padding:0.6rem;background-color:#fff;border:1px solid #89919a;border-radius:0.35rem;overflow-x:auto}.cnetChatBox-bubble pre code{background:transparent;padding:0}.cnetChatBox-table{border-collapse:collapse;margin:0.4rem 0;font-size:0.95em}.cnetChatBox-table th,.cnetChatBox-table td{border:1px solid #e5e5e5;padding:0.25rem 0.5rem;text-align:left}.cnetChatBox-table th{background-color:#f2f2f2}.cnetChatBox-actions{display:flex;gap:0.25rem;margin-top:0.15rem;padding-right:0.15rem;opacity:0;transition:opacity 0.15s ease}.cnetChatBox-message:hover .cnetChatBox-actions,.cnetChatBox-message:focus-within .cnetChatBox-actions{opacity:1}.cnetChatBox-bubble--pending+.cnetChatBox-actions{display:none}.cnetChatBox-action{background:transparent;border:1px solid transparent;border-radius:0.35rem;padding:0.15rem 0.35rem;color:#6a6d70;cursor:pointer;line-height:1;transition:background-color .15s ease,color .15s ease}.cnetChatBox-action:hover,.cnetChatBox-action:focus-visible{background-color:#ebf5fe;color:#0854a0;outline:none}.cnetChatBox-action--done{color:#107e3e}.cnetChatBox-action .cnetChatBox-icon{font-size:0.85rem}.cnetChatBox-message--assistant .cnetChatBox-bubble.cnetChatBox-bubble--rich{max-width:100%;width:100%;padding:0.35rem;background-color:#fff;overflow:hidden}.cnetChatBox-bubble--rich>.sapUiVlt,.cnetChatBox-bubble--rich>*{max-width:100%}.cnetChatBox-bubble--pending .cnetChatBox-dots{display:inline-flex;gap:0.25rem;align-items:center;height:1em}.cnetChatBox-bubble--pending .cnetChatBox-dots span{display:inline-block;width:0.4rem;height:0.4rem;border-radius:50%;background-color:#6a6d70;opacity:0.4;animation:cnetChatBoxDots 1.2s infinite ease-in-out}.cnetChatBox-bubble--pending .cnetChatBox-dots span:nth-child(2){animation-delay:0.2s}.cnetChatBox-bubble--pending .cnetChatBox-dots span:nth-child(3){animation-delay:0.4s}@keyframes cnetChatBoxDots{0%,60%,100%{opacity:0.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}.cnetChatBox-inputArea{display:flex;flex-direction:column;padding:0.5rem 0.75rem 0.75rem;border-top:1px solid #d9d9d9;background-color:#fff}.cnetChatBox-composer{display:flex;flex-direction:column;gap:0.35rem;padding:0.5rem 0.5rem 0.4rem;background-color:#fff;border:1px solid #89919a;border-radius:0.75rem;transition:border-color .15s ease,box-shadow .15s ease}.cnetChatBox-composer:focus-within{border-color:#000;box-shadow:0 0 0 1px #000}.cnetChatBox-attachmentsPending{display:none;flex-wrap:wrap;gap:0.4rem}.cnetChatBox-attachmentsPending--hasItems{display:flex}.cnetChatBox-fileinput{display:none}.cnetChatBox-textarea{resize:none;min-height:1.75rem;max-height:10rem;padding:0.25rem 0.35rem;font-family:inherit;font-size:inherit;color:#232629;background-color:transparent;border:none;outline:none;line-height:1.4;width:100%;box-sizing:border-box}.cnetChatBox-composerBar{display:flex;align-items:center;justify-content:space-between;gap:0.5rem}.cnetChatBox-composerBar-left{display:flex;align-items:center;gap:0.15rem}.cnetChatBox-toolButton{flex:0 0 auto;width:1.9rem;height:1.9rem;display:inline-flex;align-items:center;justify-content:center;background-color:transparent;color:#6a6d70;border:none;border-radius:0.4rem;cursor:pointer;transition:background-color .15s ease,color .15s ease}.cnetChatBox-toolButton:hover:not(:disabled),.cnetChatBox-toolButton:focus-visible{background-color:#ebf5fe;color:#0854a0;outline:none}.cnetChatBox-send{flex:0 0 auto;width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;background-color:#0a6ed1;color:#fff;border:none;border-radius:0.5rem;cursor:pointer;transition:background-color .15s ease}.cnetChatBox-send:hover:not(:disabled){background-color:#085caf}.cnetChatBox-send:focus-visible{outline:none;box-shadow:0 0 0 2px #000}.cnetChatBox-send:disabled,.cnetChatBox-toolButton:disabled{cursor:not-allowed;opacity:0.5}.cnetChatBox-icon{font-size:1rem;line-height:1}.cnetChatBox-attachments{display:flex;flex-wrap:wrap;gap:0.4rem}.cnetChatBox-message--user .cnetChatBox-bubble .cnetChatBox-attachments{margin-bottom:0.35rem}.cnetChatBox-message--user .cnetChatBox-bubble .cnetChatBox-attachments:last-child{margin-bottom:0}.cnetChatBox-attachment{display:inline-flex;align-items:center;gap:0.35rem;max-width:14rem;padding:0.25rem 0.4rem;background-color:#fff;border:1px solid #89919a;border-radius:0.35rem;color:#232629;font-size:0.85rem;line-height:1.2}.cnetChatBox-attachment--image{padding:0.2rem}.cnetChatBox-attachment-thumb{max-width:6rem;max-height:4rem;border-radius:0.25rem;display:block;object-fit:cover}.cnetChatBox-attachment-icon{color:#6a6d70}.cnetChatBox-attachment-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cnetChatBox-attachment-remove{background:transparent;border:none;color:#6a6d70;cursor:pointer;font-size:1rem;line-height:1;padding:0 0.15rem;border-radius:0.2rem}.cnetChatBox-attachment-remove:hover,.cnetChatBox-attachment-remove:focus-visible{background-color:#ebf5fe;color:#0854a0;outline:none}.cnetChatBox-dropOverlay{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background-color:rgba(8,84,160,0.15);border:2px dashed #0854a0;border-radius:0.5rem;pointer-events:none;z-index:2}.cnetChatBox--dragOver .cnetChatBox-dropOverlay{display:flex}.cnetChatBox-dropLabel{padding:0.5rem 1rem;background-color:#fff;color:#0854a0;border-radius:0.35rem;font-weight:bold}.cnetChatBox-bubble-text{white-space:pre-wrap;word-wrap:break-word}.cnetChatBox-message--user .cnetChatBox-bubble.cnetChatBox-bubble--editing{background-color:#fff;color:#232629;border:1px solid #89919a;max-width:32rem;min-width:16rem;display:flex;flex-direction:column;gap:0.4rem;padding:0.5rem}.cnetChatBox-editTextarea{resize:vertical;min-height:2.5rem;max-height:12rem;padding:0.35rem 0.5rem;font-family:inherit;font-size:inherit;color:#232629;background-color:#fff;border:1px solid #89919a;border-radius:0.35rem;outline:none;line-height:1.35}.cnetChatBox-editTextarea:focus{border-color:#000;box-shadow:0 0 0 1px #000}.cnetChatBox-editActions{display:flex;justify-content:flex-end;gap:0.35rem}.cnetChatBox-editCancel,.cnetChatBox-editSave{padding:0.25rem 0.75rem;border-radius:0.35rem;border:1px solid transparent;cursor:pointer;font-family:inherit;font-size:inherit;line-height:1.35}.cnetChatBox-editCancel{background-color:transparent;color:#0854a0;border-color:#0854a0}.cnetChatBox-editCancel:hover{background-color:#ebf5fe}.cnetChatBox-editSave{background-color:#0a6ed1;color:#fff}.cnetChatBox-editSave:hover{background-color:#085caf}
2
+ /* Inline theming parameters */
3
+ #sap-ui-theme-chatui{background-image:url('data:text/plain;utf-8,%7B%7D')}
package/resources/chatui/themes/sap_fiori_3/library.css ADDED
@@ -0,0 +1,3 @@
1
+ .sapUiAccKeysHighlighDom:first-letter{text-decoration:underline 20% black}.cnetChatBox{display:flex;flex-direction:row;box-sizing:border-box;position:relative;min-width:32rem;min-height:24rem;background-color:#fff;color:#232629;border:1px solid #d9d9d9;border-radius:0.5rem;font-family:"72","72full",Arial,Helvetica,sans-serif;font-size:.875rem;overflow:hidden}.cnetChatBox-sidebar{flex:0 0 16rem;display:flex;flex-direction:column;min-height:0;background-color:#fff;border-right:1px solid #d9d9d9}.cnetChatBox-sidebar-header{flex:0 0 auto;padding:0.75rem 1rem 0.5rem;border-bottom:1px solid #d9d9d9}.cnetChatBox-sidebar-title{font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.04em;color:#6a6d70}.cnetChatBox-conversations{flex:1 1 auto;overflow-y:auto;padding:0.4rem;display:flex;flex-direction:column;gap:0.25rem}.cnetChatBox-conversations-empty{padding:1rem 0.5rem;color:#6a6d70;font-size:0.85rem;font-style:italic;text-align:center}.cnetChatBox-conversation{position:relative;display:flex;align-items:flex-start;gap:0.35rem;padding:0.5rem 0.6rem;border:1px solid transparent;border-radius:0.4rem;cursor:pointer;transition:background-color .15s ease,border-color .15s ease;outline:none}.cnetChatBox-conversation:hover,.cnetChatBox-conversation:focus-visible{background-color:#ededed}.cnetChatBox-conversation--active{background-color:#e5f0fa;border-color:#0854a0}.cnetChatBox-conversation--active:hover{background-color:#e5f0fa}.cnetChatBox-conversation-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:0.1rem}.cnetChatBox-conversation-title{font-size:0.85rem;font-weight:600;color:#232629;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cnetChatBox-conversation-snippet{font-size:0.75rem;color:#6a6d70;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cnetChatBox-conversation-time{font-size:0.7rem;color:#6a6d70;margin-top:0.1rem}.cnetChatBox-conversation-remove{flex:0 0 auto;background:transparent;border:none;color:#6a6d70;cursor:pointer;font-size:1rem;line-height:1;padding:0.1rem 0.35rem;border-radius:0.25rem;opacity:0;transition:opacity .15s ease,background-color .15s ease}.cnetChatBox-conversation:hover .cnetChatBox-conversation-remove,.cnetChatBox-conversation:focus-within .cnetChatBox-conversation-remove,.cnetChatBox-conversation--active .cnetChatBox-conversation-remove{opacity:1}.cnetChatBox-conversation-remove:hover,.cnetChatBox-conversation-remove:focus-visible{background-color:#ebf5fe;color:#0854a0;outline:none}.cnetChatBox-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.cnetChatBox-header{flex:0 0 auto;display:flex;align-items:center;gap:0.75rem;padding:0.5rem 0.75rem;border-bottom:1px solid #d9d9d9;background-color:#fff}.cnetChatBox-header-title{flex:1 1 auto;min-width:0;font-size:0.95rem;font-weight:600;color:#232629;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cnetChatBox-newChatButton{flex:0 0 auto;display:inline-flex;align-items:center;gap:0.4rem;padding:0.3rem 0.75rem;background-color:#0a6ed1;color:#fff;border:none;border-radius:0.4rem;cursor:pointer;font-family:inherit;font-size:0.85rem;line-height:1.2;transition:background-color .15s ease}.cnetChatBox-newChatButton:hover:not(:disabled){background-color:#085caf}.cnetChatBox-newChatButton:focus-visible{outline:none;box-shadow:0 0 0 2px #000}.cnetChatBox-newChatButton:disabled{cursor:not-allowed;opacity:0.5}.cnetChatBox-newChatButton .cnetChatBox-icon{font-size:0.95rem}.cnetChatBox-textarea:disabled{cursor:wait;opacity:0.6}.cnetChatBox-messages{flex:1 1 auto;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:0.75rem;scroll-behavior:smooth}.cnetChatBox-empty{margin:auto;padding:1.5rem;color:#6a6d70;text-align:center;font-style:italic}.cnetChatBox-message{display:flex;max-width:100%}.cnetChatBox-message--user{flex-direction:column;align-items:flex-end}.cnetChatBox-message--assistant{flex-direction:column;align-items:flex-start}.cnetChatBox-bubble{max-width:85%;padding:0.55rem 0.85rem;border-radius:0.75rem;line-height:1.4;word-wrap:break-word;white-space:pre-wrap;box-shadow:0 1px 2px rgba(0,0,0,0.05)}.cnetChatBox-message--user .cnetChatBox-bubble{background-color:#0a6ed1;color:#fff;border-bottom-right-radius:0.15rem}.cnetChatBox-message--assistant .cnetChatBox-bubble{background-color:#fff;color:#232629;border:1px solid #e5e5e5;border-bottom-left-radius:0.15rem;white-space:normal}.cnetChatBox-bubble p{margin:0 0 0.5rem 0}.cnetChatBox-bubble p:last-child{margin-bottom:0}.cnetChatBox-bubble h1,.cnetChatBox-bubble h2,.cnetChatBox-bubble h3,.cnetChatBox-bubble h4,.cnetChatBox-bubble h5,.cnetChatBox-bubble h6{margin:0.4rem 0 0.3rem 0;font-weight:bold;line-height:1.25}.cnetChatBox-bubble ul{margin:0.25rem 0 0.5rem 1.25rem;padding:0}.cnetChatBox-bubble code{font-family:Lucida Console;font-size:0.9em;background-color:#fff;padding:0.05rem 0.3rem;border-radius:0.25rem}.cnetChatBox-bubble pre{margin:0.4rem 0;padding:0.6rem;background-color:#fff;border:1px solid #89919a;border-radius:0.35rem;overflow-x:auto}.cnetChatBox-bubble pre code{background:transparent;padding:0}.cnetChatBox-table{border-collapse:collapse;margin:0.4rem 0;font-size:0.95em}.cnetChatBox-table th,.cnetChatBox-table td{border:1px solid #e5e5e5;padding:0.25rem 0.5rem;text-align:left}.cnetChatBox-table th{background-color:#f2f2f2}.cnetChatBox-actions{display:flex;gap:0.25rem;margin-top:0.15rem;padding-left:0.15rem;opacity:0;transition:opacity 0.15s ease}.cnetChatBox-message:hover .cnetChatBox-actions,.cnetChatBox-message:focus-within .cnetChatBox-actions{opacity:1}.cnetChatBox-bubble--pending+.cnetChatBox-actions{display:none}.cnetChatBox-action{background:transparent;border:1px solid transparent;border-radius:0.35rem;padding:0.15rem 0.35rem;color:#6a6d70;cursor:pointer;line-height:1;transition:background-color .15s ease,color .15s ease}.cnetChatBox-action:hover,.cnetChatBox-action:focus-visible{background-color:#ebf5fe;color:#0854a0;outline:none}.cnetChatBox-action--done{color:#107e3e}.cnetChatBox-action .cnetChatBox-icon{font-size:0.85rem}.cnetChatBox-message--assistant .cnetChatBox-bubble.cnetChatBox-bubble--rich{max-width:100%;width:100%;padding:0.35rem;background-color:#fff;overflow:hidden}.cnetChatBox-bubble--rich>.sapUiVlt,.cnetChatBox-bubble--rich>*{max-width:100%}.cnetChatBox-bubble--pending .cnetChatBox-dots{display:inline-flex;gap:0.25rem;align-items:center;height:1em}.cnetChatBox-bubble--pending .cnetChatBox-dots span{display:inline-block;width:0.4rem;height:0.4rem;border-radius:50%;background-color:#6a6d70;opacity:0.4;animation:cnetChatBoxDots 1.2s infinite ease-in-out}.cnetChatBox-bubble--pending .cnetChatBox-dots span:nth-child(2){animation-delay:0.2s}.cnetChatBox-bubble--pending .cnetChatBox-dots span:nth-child(3){animation-delay:0.4s}@keyframes cnetChatBoxDots{0%,60%,100%{opacity:0.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}.cnetChatBox-inputArea{display:flex;flex-direction:column;padding:0.5rem 0.75rem 0.75rem;border-top:1px solid #d9d9d9;background-color:#fff}.cnetChatBox-composer{display:flex;flex-direction:column;gap:0.35rem;padding:0.5rem 0.5rem 0.4rem;background-color:#fff;border:1px solid #89919a;border-radius:0.75rem;transition:border-color .15s ease,box-shadow .15s ease}.cnetChatBox-composer:focus-within{border-color:#000;box-shadow:0 0 0 1px #000}.cnetChatBox-attachmentsPending{display:none;flex-wrap:wrap;gap:0.4rem}.cnetChatBox-attachmentsPending--hasItems{display:flex}.cnetChatBox-fileinput{display:none}.cnetChatBox-textarea{resize:none;min-height:1.75rem;max-height:10rem;padding:0.25rem 0.35rem;font-family:inherit;font-size:inherit;color:#232629;background-color:transparent;border:none;outline:none;line-height:1.4;width:100%;box-sizing:border-box}.cnetChatBox-composerBar{display:flex;align-items:center;justify-content:space-between;gap:0.5rem}.cnetChatBox-composerBar-left{display:flex;align-items:center;gap:0.15rem}.cnetChatBox-toolButton{flex:0 0 auto;width:1.9rem;height:1.9rem;display:inline-flex;align-items:center;justify-content:center;background-color:transparent;color:#6a6d70;border:none;border-radius:0.4rem;cursor:pointer;transition:background-color .15s ease,color .15s ease}.cnetChatBox-toolButton:hover:not(:disabled),.cnetChatBox-toolButton:focus-visible{background-color:#ebf5fe;color:#0854a0;outline:none}.cnetChatBox-send{flex:0 0 auto;width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;background-color:#0a6ed1;color:#fff;border:none;border-radius:0.5rem;cursor:pointer;transition:background-color .15s ease}.cnetChatBox-send:hover:not(:disabled){background-color:#085caf}.cnetChatBox-send:focus-visible{outline:none;box-shadow:0 0 0 2px #000}.cnetChatBox-send:disabled,.cnetChatBox-toolButton:disabled{cursor:not-allowed;opacity:0.5}.cnetChatBox-icon{font-size:1rem;line-height:1}.cnetChatBox-attachments{display:flex;flex-wrap:wrap;gap:0.4rem}.cnetChatBox-message--user .cnetChatBox-bubble .cnetChatBox-attachments{margin-bottom:0.35rem}.cnetChatBox-message--user .cnetChatBox-bubble .cnetChatBox-attachments:last-child{margin-bottom:0}.cnetChatBox-attachment{display:inline-flex;align-items:center;gap:0.35rem;max-width:14rem;padding:0.25rem 0.4rem;background-color:#fff;border:1px solid #89919a;border-radius:0.35rem;color:#232629;font-size:0.85rem;line-height:1.2}.cnetChatBox-attachment--image{padding:0.2rem}.cnetChatBox-attachment-thumb{max-width:6rem;max-height:4rem;border-radius:0.25rem;display:block;object-fit:cover}.cnetChatBox-attachment-icon{color:#6a6d70}.cnetChatBox-attachment-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cnetChatBox-attachment-remove{background:transparent;border:none;color:#6a6d70;cursor:pointer;font-size:1rem;line-height:1;padding:0 0.15rem;border-radius:0.2rem}.cnetChatBox-attachment-remove:hover,.cnetChatBox-attachment-remove:focus-visible{background-color:#ebf5fe;color:#0854a0;outline:none}.cnetChatBox-dropOverlay{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background-color:rgba(8,84,160,0.15);border:2px dashed #0854a0;border-radius:0.5rem;pointer-events:none;z-index:2}.cnetChatBox--dragOver .cnetChatBox-dropOverlay{display:flex}.cnetChatBox-dropLabel{padding:0.5rem 1rem;background-color:#fff;color:#0854a0;border-radius:0.35rem;font-weight:bold}.cnetChatBox-bubble-text{white-space:pre-wrap;word-wrap:break-word}.cnetChatBox-message--user .cnetChatBox-bubble.cnetChatBox-bubble--editing{background-color:#fff;color:#232629;border:1px solid #89919a;max-width:32rem;min-width:16rem;display:flex;flex-direction:column;gap:0.4rem;padding:0.5rem}.cnetChatBox-editTextarea{resize:vertical;min-height:2.5rem;max-height:12rem;padding:0.35rem 0.5rem;font-family:inherit;font-size:inherit;color:#232629;background-color:#fff;border:1px solid #89919a;border-radius:0.35rem;outline:none;line-height:1.35}.cnetChatBox-editTextarea:focus{border-color:#000;box-shadow:0 0 0 1px #000}.cnetChatBox-editActions{display:flex;justify-content:flex-end;gap:0.35rem}.cnetChatBox-editCancel,.cnetChatBox-editSave{padding:0.25rem 0.75rem;border-radius:0.35rem;border:1px solid transparent;cursor:pointer;font-family:inherit;font-size:inherit;line-height:1.35}.cnetChatBox-editCancel{background-color:transparent;color:#0854a0;border-color:#0854a0}.cnetChatBox-editCancel:hover{background-color:#ebf5fe}.cnetChatBox-editSave{background-color:#0a6ed1;color:#fff}.cnetChatBox-editSave:hover{background-color:#085caf}
2
+ /* Inline theming parameters */
3
+ #sap-ui-theme-chatui{background-image:url('data:text/plain;utf-8,%7B%7D')}
package/resources/chatui/themes/sap_fiori_3/library.source.less ADDED
@@ -0,0 +1,3 @@
1
+ @import "../base/library.source.less";
2
+ @import "/resources/sap/ui/core/themes/sap_fiori_3/base.less";
3
+ @import "/resources/sap/ui/core/themes/sap_fiori_3/global.less";
package/resources/chatui/themes/sap_fiori_3_dark/library-RTL.css ADDED
@@ -0,0 +1,3 @@
1
+ .sapUiAccKeysHighlighDom:first-letter{text-decoration:underline 20% black}.cnetChatBox{display:flex;flex-direction:row;box-sizing:border-box;position:relative;min-width:32rem;min-height:24rem;background-color:#29313a;color:#fafafa;border:1px solid #3e4a58;border-radius:0.5rem;font-family:"72","72full",Arial,Helvetica,sans-serif;font-size:.875rem;overflow:hidden}.cnetChatBox-sidebar{flex:0 0 16rem;display:flex;flex-direction:column;min-height:0;background-color:#29313a;border-left:1px solid #3e4a58}.cnetChatBox-sidebar-header{flex:0 0 auto;padding:0.75rem 1rem 0.5rem;border-bottom:1px solid #3e4a58}.cnetChatBox-sidebar-title{font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.04em;color:#d3d7d9}.cnetChatBox-conversations{flex:1 1 auto;overflow-y:auto;padding:0.4rem;display:flex;flex-direction:column;gap:0.25rem}.cnetChatBox-conversations-empty{padding:1rem 0.5rem;color:#d3d7d9;font-size:0.85rem;font-style:italic;text-align:center}.cnetChatBox-conversation{position:relative;display:flex;align-items:flex-start;gap:0.35rem;padding:0.5rem 0.6rem;border:1px solid transparent;border-radius:0.4rem;cursor:pointer;transition:background-color .15s ease,border-color .15s ease;outline:none}.cnetChatBox-conversation:hover,.cnetChatBox-conversation:focus-visible{background-color:#232931}.cnetChatBox-conversation--active{background-color:#334b5f;border-color:#91c8f6}.cnetChatBox-conversation--active:hover{background-color:#334b5f}.cnetChatBox-conversation-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:0.1rem}.cnetChatBox-conversation-title{font-size:0.85rem;font-weight:600;color:#fafafa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cnetChatBox-conversation-snippet{font-size:0.75rem;color:#d3d7d9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cnetChatBox-conversation-time{font-size:0.7rem;color:#d3d7d9;margin-top:0.1rem}.cnetChatBox-conversation-remove{flex:0 0 auto;background:transparent;border:none;color:#d3d7d9;cursor:pointer;font-size:1rem;line-height:1;padding:0.1rem 0.35rem;border-radius:0.25rem;opacity:0;transition:opacity .15s ease,background-color .15s ease}.cnetChatBox-conversation:hover .cnetChatBox-conversation-remove,.cnetChatBox-conversation:focus-within .cnetChatBox-conversation-remove,.cnetChatBox-conversation--active .cnetChatBox-conversation-remove{opacity:1}.cnetChatBox-conversation-remove:hover,.cnetChatBox-conversation-remove:focus-visible{background-color:#062e4f;color:#91c8f6;outline:none}.cnetChatBox-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.cnetChatBox-header{flex:0 0 auto;display:flex;align-items:center;gap:0.75rem;padding:0.5rem 0.75rem;border-bottom:1px solid #3e4a58;background-color:#29313a}.cnetChatBox-header-title{flex:1 1 auto;min-width:0;font-size:0.95rem;font-weight:600;color:#fafafa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cnetChatBox-newChatButton{flex:0 0 auto;display:inline-flex;align-items:center;gap:0.4rem;padding:0.3rem 0.75rem;background-color:#1b8dec;color:#fff;border:none;border-radius:0.4rem;cursor:pointer;font-family:inherit;font-size:0.85rem;line-height:1.2;transition:background-color .15s ease}.cnetChatBox-newChatButton:hover:not(:disabled){background-color:#2e96ee}.cnetChatBox-newChatButton:focus-visible{outline:none;box-shadow:0 0 0 2px #fff}.cnetChatBox-newChatButton:disabled{cursor:not-allowed;opacity:0.5}.cnetChatBox-newChatButton .cnetChatBox-icon{font-size:0.95rem}.cnetChatBox-textarea:disabled{cursor:wait;opacity:0.6}.cnetChatBox-messages{flex:1 1 auto;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:0.75rem;scroll-behavior:smooth}.cnetChatBox-empty{margin:auto;padding:1.5rem;color:#d3d7d9;text-align:center;font-style:italic}.cnetChatBox-message{display:flex;max-width:100%}.cnetChatBox-message--user{flex-direction:column;align-items:flex-end}.cnetChatBox-message--assistant{flex-direction:column;align-items:flex-start}.cnetChatBox-bubble{max-width:85%;padding:0.55rem 0.85rem;border-radius:0.75rem;line-height:1.4;word-wrap:break-word;white-space:pre-wrap;box-shadow:0 1px 2px rgba(0,0,0,0.05)}.cnetChatBox-message--user .cnetChatBox-bubble{background-color:#1b8dec;color:#fff;border-bottom-left-radius:0.15rem}.cnetChatBox-message--assistant .cnetChatBox-bubble{background-color:#29313a;color:#fafafa;border:1px solid #3a4552;border-bottom-right-radius:0.15rem;white-space:normal}.cnetChatBox-bubble p{margin:0 0 0.5rem 0}.cnetChatBox-bubble p:last-child{margin-bottom:0}.cnetChatBox-bubble h1,.cnetChatBox-bubble h2,.cnetChatBox-bubble h3,.cnetChatBox-bubble h4,.cnetChatBox-bubble h5,.cnetChatBox-bubble h6{margin:0.4rem 0 0.3rem 0;font-weight:bold;line-height:1.25}.cnetChatBox-bubble ul{margin:0.25rem 1.25rem 0.5rem 0;padding:0}.cnetChatBox-bubble code{font-family:Lucida Console;font-size:0.9em;background-color:#29313a;padding:0.05rem 0.3rem;border-radius:0.25rem}.cnetChatBox-bubble pre{margin:0.4rem 0;padding:0.6rem;background-color:#29313a;border:1px solid #8696a9;border-radius:0.35rem;overflow-x:auto}.cnetChatBox-bubble pre code{background:transparent;padding:0}.cnetChatBox-table{border-collapse:collapse;margin:0.4rem 0;font-size:0.95em}.cnetChatBox-table th,.cnetChatBox-table td{border:1px solid #3a4552;padding:0.25rem 0.5rem;text-align:left}.cnetChatBox-table th{background-color:#232931}.cnetChatBox-actions{display:flex;gap:0.25rem;margin-top:0.15rem;padding-right:0.15rem;opacity:0;transition:opacity 0.15s ease}.cnetChatBox-message:hover .cnetChatBox-actions,.cnetChatBox-message:focus-within .cnetChatBox-actions{opacity:1}.cnetChatBox-bubble--pending+.cnetChatBox-actions{display:none}.cnetChatBox-action{background:transparent;border:1px solid transparent;border-radius:0.35rem;padding:0.15rem 0.35rem;color:#d3d7d9;cursor:pointer;line-height:1;transition:background-color .15s ease,color .15s ease}.cnetChatBox-action:hover,.cnetChatBox-action:focus-visible{background-color:#062e4f;color:#91c8f6;outline:none}.cnetChatBox-action--done{color:#abe2ab}.cnetChatBox-action .cnetChatBox-icon{font-size:0.85rem}.cnetChatBox-message--assistant .cnetChatBox-bubble.cnetChatBox-bubble--rich{max-width:100%;width:100%;padding:0.35rem;background-color:#29313a;overflow:hidden}.cnetChatBox-bubble--rich>.sapUiVlt,.cnetChatBox-bubble--rich>*{max-width:100%}.cnetChatBox-bubble--pending .cnetChatBox-dots{display:inline-flex;gap:0.25rem;align-items:center;height:1em}.cnetChatBox-bubble--pending .cnetChatBox-dots span{display:inline-block;width:0.4rem;height:0.4rem;border-radius:50%;background-color:#d3d7d9;opacity:0.4;animation:cnetChatBoxDots 1.2s infinite ease-in-out}.cnetChatBox-bubble--pending .cnetChatBox-dots span:nth-child(2){animation-delay:0.2s}.cnetChatBox-bubble--pending .cnetChatBox-dots span:nth-child(3){animation-delay:0.4s}@keyframes cnetChatBoxDots{0%,60%,100%{opacity:0.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}.cnetChatBox-inputArea{display:flex;flex-direction:column;padding:0.5rem 0.75rem 0.75rem;border-top:1px solid #3e4a58;background-color:#29313a}.cnetChatBox-composer{display:flex;flex-direction:column;gap:0.35rem;padding:0.5rem 0.5rem 0.4rem;background-color:#29313a;border:1px solid #8696a9;border-radius:0.75rem;transition:border-color .15s ease,box-shadow .15s ease}.cnetChatBox-composer:focus-within{border-color:#fff;box-shadow:0 0 0 1px #fff}.cnetChatBox-attachmentsPending{display:none;flex-wrap:wrap;gap:0.4rem}.cnetChatBox-attachmentsPending--hasItems{display:flex}.cnetChatBox-fileinput{display:none}.cnetChatBox-textarea{resize:none;min-height:1.75rem;max-height:10rem;padding:0.25rem 0.35rem;font-family:inherit;font-size:inherit;color:#fafafa;background-color:transparent;border:none;outline:none;line-height:1.4;width:100%;box-sizing:border-box}.cnetChatBox-composerBar{display:flex;align-items:center;justify-content:space-between;gap:0.5rem}.cnetChatBox-composerBar-left{display:flex;align-items:center;gap:0.15rem}.cnetChatBox-toolButton{flex:0 0 auto;width:1.9rem;height:1.9rem;display:inline-flex;align-items:center;justify-content:center;background-color:transparent;color:#d3d7d9;border:none;border-radius:0.4rem;cursor:pointer;transition:background-color .15s ease,color .15s ease}.cnetChatBox-toolButton:hover:not(:disabled),.cnetChatBox-toolButton:focus-visible{background-color:#062e4f;color:#91c8f6;outline:none}.cnetChatBox-send{flex:0 0 auto;width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;background-color:#1b8dec;color:#fff;border:none;border-radius:0.5rem;cursor:pointer;transition:background-color .15s ease}.cnetChatBox-send:hover:not(:disabled){background-color:#2e96ee}.cnetChatBox-send:focus-visible{outline:none;box-shadow:0 0 0 2px #fff}.cnetChatBox-send:disabled,.cnetChatBox-toolButton:disabled{cursor:not-allowed;opacity:0.5}.cnetChatBox-icon{font-size:1rem;line-height:1}.cnetChatBox-attachments{display:flex;flex-wrap:wrap;gap:0.4rem}.cnetChatBox-message--user .cnetChatBox-bubble .cnetChatBox-attachments{margin-bottom:0.35rem}.cnetChatBox-message--user .cnetChatBox-bubble .cnetChatBox-attachments:last-child{margin-bottom:0}.cnetChatBox-attachment{display:inline-flex;align-items:center;gap:0.35rem;max-width:14rem;padding:0.25rem 0.4rem;background-color:#29313a;border:1px solid #8696a9;border-radius:0.35rem;color:#fafafa;font-size:0.85rem;line-height:1.2}.cnetChatBox-attachment--image{padding:0.2rem}.cnetChatBox-attachment-thumb{max-width:6rem;max-height:4rem;border-radius:0.25rem;display:block;object-fit:cover}.cnetChatBox-attachment-icon{color:#d3d7d9}.cnetChatBox-attachment-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cnetChatBox-attachment-remove{background:transparent;border:none;color:#d3d7d9;cursor:pointer;font-size:1rem;line-height:1;padding:0 0.15rem;border-radius:0.2rem}.cnetChatBox-attachment-remove:hover,.cnetChatBox-attachment-remove:focus-visible{background-color:#062e4f;color:#91c8f6;outline:none}.cnetChatBox-dropOverlay{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background-color:rgba(145,200,246,0.15);border:2px dashed #91c8f6;border-radius:0.5rem;pointer-events:none;z-index:2}.cnetChatBox--dragOver .cnetChatBox-dropOverlay{display:flex}.cnetChatBox-dropLabel{padding:0.5rem 1rem;background-color:#29313a;color:#91c8f6;border-radius:0.35rem;font-weight:bold}.cnetChatBox-bubble-text{white-space:pre-wrap;word-wrap:break-word}.cnetChatBox-message--user .cnetChatBox-bubble.cnetChatBox-bubble--editing{background-color:#29313a;color:#fafafa;border:1px solid #8696a9;max-width:32rem;min-width:16rem;display:flex;flex-direction:column;gap:0.4rem;padding:0.5rem}.cnetChatBox-editTextarea{resize:vertical;min-height:2.5rem;max-height:12rem;padding:0.35rem 0.5rem;font-family:inherit;font-size:inherit;color:#fafafa;background-color:#29313a;border:1px solid #8696a9;border-radius:0.35rem;outline:none;line-height:1.35}.cnetChatBox-editTextarea:focus{border-color:#fff;box-shadow:0 0 0 1px #fff}.cnetChatBox-editActions{display:flex;justify-content:flex-end;gap:0.35rem}.cnetChatBox-editCancel,.cnetChatBox-editSave{padding:0.25rem 0.75rem;border-radius:0.35rem;border:1px solid transparent;cursor:pointer;font-family:inherit;font-size:inherit;line-height:1.35}.cnetChatBox-editCancel{background-color:transparent;color:#91c8f6;border-color:#91c8f6}.cnetChatBox-editCancel:hover{background-color:#062e4f}.cnetChatBox-editSave{background-color:#1b8dec;color:#fff}.cnetChatBox-editSave:hover{background-color:#2e96ee}
2
+ /* Inline theming parameters */
3
+ #sap-ui-theme-chatui{background-image:url('data:text/plain;utf-8,%7B%7D')}
package/resources/chatui/themes/sap_fiori_3_dark/library.css ADDED
@@ -0,0 +1,3 @@
1
+ .sapUiAccKeysHighlighDom:first-letter{text-decoration:underline 20% black}.cnetChatBox{display:flex;flex-direction:row;box-sizing:border-box;position:relative;min-width:32rem;min-height:24rem;background-color:#29313a;color:#fafafa;border:1px solid #3e4a58;border-radius:0.5rem;font-family:"72","72full",Arial,Helvetica,sans-serif;font-size:.875rem;overflow:hidden}.cnetChatBox-sidebar{flex:0 0 16rem;display:flex;flex-direction:column;min-height:0;background-color:#29313a;border-right:1px solid #3e4a58}.cnetChatBox-sidebar-header{flex:0 0 auto;padding:0.75rem 1rem 0.5rem;border-bottom:1px solid #3e4a58}.cnetChatBox-sidebar-title{font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.04em;color:#d3d7d9}.cnetChatBox-conversations{flex:1 1 auto;overflow-y:auto;padding:0.4rem;display:flex;flex-direction:column;gap:0.25rem}.cnetChatBox-conversations-empty{padding:1rem 0.5rem;color:#d3d7d9;font-size:0.85rem;font-style:italic;text-align:center}.cnetChatBox-conversation{position:relative;display:flex;align-items:flex-start;gap:0.35rem;padding:0.5rem 0.6rem;border:1px solid transparent;border-radius:0.4rem;cursor:pointer;transition:background-color .15s ease,border-color .15s ease;outline:none}.cnetChatBox-conversation:hover,.cnetChatBox-conversation:focus-visible{background-color:#232931}.cnetChatBox-conversation--active{background-color:#334b5f;border-color:#91c8f6}.cnetChatBox-conversation--active:hover{background-color:#334b5f}.cnetChatBox-conversation-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:0.1rem}.cnetChatBox-conversation-title{font-size:0.85rem;font-weight:600;color:#fafafa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cnetChatBox-conversation-snippet{font-size:0.75rem;color:#d3d7d9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cnetChatBox-conversation-time{font-size:0.7rem;color:#d3d7d9;margin-top:0.1rem}.cnetChatBox-conversation-remove{flex:0 0 auto;background:transparent;border:none;color:#d3d7d9;cursor:pointer;font-size:1rem;line-height:1;padding:0.1rem 0.35rem;border-radius:0.25rem;opacity:0;transition:opacity .15s ease,background-color .15s ease}.cnetChatBox-conversation:hover .cnetChatBox-conversation-remove,.cnetChatBox-conversation:focus-within .cnetChatBox-conversation-remove,.cnetChatBox-conversation--active .cnetChatBox-conversation-remove{opacity:1}.cnetChatBox-conversation-remove:hover,.cnetChatBox-conversation-remove:focus-visible{background-color:#062e4f;color:#91c8f6;outline:none}.cnetChatBox-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.cnetChatBox-header{flex:0 0 auto;display:flex;align-items:center;gap:0.75rem;padding:0.5rem 0.75rem;border-bottom:1px solid #3e4a58;background-color:#29313a}.cnetChatBox-header-title{flex:1 1 auto;min-width:0;font-size:0.95rem;font-weight:600;color:#fafafa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cnetChatBox-newChatButton{flex:0 0 auto;display:inline-flex;align-items:center;gap:0.4rem;padding:0.3rem 0.75rem;background-color:#1b8dec;color:#fff;border:none;border-radius:0.4rem;cursor:pointer;font-family:inherit;font-size:0.85rem;line-height:1.2;transition:background-color .15s ease}.cnetChatBox-newChatButton:hover:not(:disabled){background-color:#2e96ee}.cnetChatBox-newChatButton:focus-visible{outline:none;box-shadow:0 0 0 2px #fff}.cnetChatBox-newChatButton:disabled{cursor:not-allowed;opacity:0.5}.cnetChatBox-newChatButton .cnetChatBox-icon{font-size:0.95rem}.cnetChatBox-textarea:disabled{cursor:wait;opacity:0.6}.cnetChatBox-messages{flex:1 1 auto;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:0.75rem;scroll-behavior:smooth}.cnetChatBox-empty{margin:auto;padding:1.5rem;color:#d3d7d9;text-align:center;font-style:italic}.cnetChatBox-message{display:flex;max-width:100%}.cnetChatBox-message--user{flex-direction:column;align-items:flex-end}.cnetChatBox-message--assistant{flex-direction:column;align-items:flex-start}.cnetChatBox-bubble{max-width:85%;padding:0.55rem 0.85rem;border-radius:0.75rem;line-height:1.4;word-wrap:break-word;white-space:pre-wrap;box-shadow:0 1px 2px rgba(0,0,0,0.05)}.cnetChatBox-message--user .cnetChatBox-bubble{background-color:#1b8dec;color:#fff;border-bottom-right-radius:0.15rem}.cnetChatBox-message--assistant .cnetChatBox-bubble{background-color:#29313a;color:#fafafa;border:1px solid #3a4552;border-bottom-left-radius:0.15rem;white-space:normal}.cnetChatBox-bubble p{margin:0 0 0.5rem 0}.cnetChatBox-bubble p:last-child{margin-bottom:0}.cnetChatBox-bubble h1,.cnetChatBox-bubble h2,.cnetChatBox-bubble h3,.cnetChatBox-bubble h4,.cnetChatBox-bubble h5,.cnetChatBox-bubble h6{margin:0.4rem 0 0.3rem 0;font-weight:bold;line-height:1.25}.cnetChatBox-bubble ul{margin:0.25rem 0 0.5rem 1.25rem;padding:0}.cnetChatBox-bubble code{font-family:Lucida Console;font-size:0.9em;background-color:#29313a;padding:0.05rem 0.3rem;border-radius:0.25rem}.cnetChatBox-bubble pre{margin:0.4rem 0;padding:0.6rem;background-color:#29313a;border:1px solid #8696a9;border-radius:0.35rem;overflow-x:auto}.cnetChatBox-bubble pre code{background:transparent;padding:0}.cnetChatBox-table{border-collapse:collapse;margin:0.4rem 0;font-size:0.95em}.cnetChatBox-table th,.cnetChatBox-table td{border:1px solid #3a4552;padding:0.25rem 0.5rem;text-align:left}.cnetChatBox-table th{background-color:#232931}.cnetChatBox-actions{display:flex;gap:0.25rem;margin-top:0.15rem;padding-left:0.15rem;opacity:0;transition:opacity 0.15s ease}.cnetChatBox-message:hover .cnetChatBox-actions,.cnetChatBox-message:focus-within .cnetChatBox-actions{opacity:1}.cnetChatBox-bubble--pending+.cnetChatBox-actions{display:none}.cnetChatBox-action{background:transparent;border:1px solid transparent;border-radius:0.35rem;padding:0.15rem 0.35rem;color:#d3d7d9;cursor:pointer;line-height:1;transition:background-color .15s ease,color .15s ease}.cnetChatBox-action:hover,.cnetChatBox-action:focus-visible{background-color:#062e4f;color:#91c8f6;outline:none}.cnetChatBox-action--done{color:#abe2ab}.cnetChatBox-action .cnetChatBox-icon{font-size:0.85rem}.cnetChatBox-message--assistant .cnetChatBox-bubble.cnetChatBox-bubble--rich{max-width:100%;width:100%;padding:0.35rem;background-color:#29313a;overflow:hidden}.cnetChatBox-bubble--rich>.sapUiVlt,.cnetChatBox-bubble--rich>*{max-width:100%}.cnetChatBox-bubble--pending .cnetChatBox-dots{display:inline-flex;gap:0.25rem;align-items:center;height:1em}.cnetChatBox-bubble--pending .cnetChatBox-dots span{display:inline-block;width:0.4rem;height:0.4rem;border-radius:50%;background-color:#d3d7d9;opacity:0.4;animation:cnetChatBoxDots 1.2s infinite ease-in-out}.cnetChatBox-bubble--pending .cnetChatBox-dots span:nth-child(2){animation-delay:0.2s}.cnetChatBox-bubble--pending .cnetChatBox-dots span:nth-child(3){animation-delay:0.4s}@keyframes cnetChatBoxDots{0%,60%,100%{opacity:0.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}.cnetChatBox-inputArea{display:flex;flex-direction:column;padding:0.5rem 0.75rem 0.75rem;border-top:1px solid #3e4a58;background-color:#29313a}.cnetChatBox-composer{display:flex;flex-direction:column;gap:0.35rem;padding:0.5rem 0.5rem 0.4rem;background-color:#29313a;border:1px solid #8696a9;border-radius:0.75rem;transition:border-color .15s ease,box-shadow .15s ease}.cnetChatBox-composer:focus-within{border-color:#fff;box-shadow:0 0 0 1px #fff}.cnetChatBox-attachmentsPending{display:none;flex-wrap:wrap;gap:0.4rem}.cnetChatBox-attachmentsPending--hasItems{display:flex}.cnetChatBox-fileinput{display:none}.cnetChatBox-textarea{resize:none;min-height:1.75rem;max-height:10rem;padding:0.25rem 0.35rem;font-family:inherit;font-size:inherit;color:#fafafa;background-color:transparent;border:none;outline:none;line-height:1.4;width:100%;box-sizing:border-box}.cnetChatBox-composerBar{display:flex;align-items:center;justify-content:space-between;gap:0.5rem}.cnetChatBox-composerBar-left{display:flex;align-items:center;gap:0.15rem}.cnetChatBox-toolButton{flex:0 0 auto;width:1.9rem;height:1.9rem;display:inline-flex;align-items:center;justify-content:center;background-color:transparent;color:#d3d7d9;border:none;border-radius:0.4rem;cursor:pointer;transition:background-color .15s ease,color .15s ease}.cnetChatBox-toolButton:hover:not(:disabled),.cnetChatBox-toolButton:focus-visible{background-color:#062e4f;color:#91c8f6;outline:none}.cnetChatBox-send{flex:0 0 auto;width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;background-color:#1b8dec;color:#fff;border:none;border-radius:0.5rem;cursor:pointer;transition:background-color .15s ease}.cnetChatBox-send:hover:not(:disabled){background-color:#2e96ee}.cnetChatBox-send:focus-visible{outline:none;box-shadow:0 0 0 2px #fff}.cnetChatBox-send:disabled,.cnetChatBox-toolButton:disabled{cursor:not-allowed;opacity:0.5}.cnetChatBox-icon{font-size:1rem;line-height:1}.cnetChatBox-attachments{display:flex;flex-wrap:wrap;gap:0.4rem}.cnetChatBox-message--user .cnetChatBox-bubble .cnetChatBox-attachments{margin-bottom:0.35rem}.cnetChatBox-message--user .cnetChatBox-bubble .cnetChatBox-attachments:last-child{margin-bottom:0}.cnetChatBox-attachment{display:inline-flex;align-items:center;gap:0.35rem;max-width:14rem;padding:0.25rem 0.4rem;background-color:#29313a;border:1px solid #8696a9;border-radius:0.35rem;color:#fafafa;font-size:0.85rem;line-height:1.2}.cnetChatBox-attachment--image{padding:0.2rem}.cnetChatBox-attachment-thumb{max-width:6rem;max-height:4rem;border-radius:0.25rem;display:block;object-fit:cover}.cnetChatBox-attachment-icon{color:#d3d7d9}.cnetChatBox-attachment-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cnetChatBox-attachment-remove{background:transparent;border:none;color:#d3d7d9;cursor:pointer;font-size:1rem;line-height:1;padding:0 0.15rem;border-radius:0.2rem}.cnetChatBox-attachment-remove:hover,.cnetChatBox-attachment-remove:focus-visible{background-color:#062e4f;color:#91c8f6;outline:none}.cnetChatBox-dropOverlay{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background-color:rgba(145,200,246,0.15);border:2px dashed #91c8f6;border-radius:0.5rem;pointer-events:none;z-index:2}.cnetChatBox--dragOver .cnetChatBox-dropOverlay{display:flex}.cnetChatBox-dropLabel{padding:0.5rem 1rem;background-color:#29313a;color:#91c8f6;border-radius:0.35rem;font-weight:bold}.cnetChatBox-bubble-text{white-space:pre-wrap;word-wrap:break-word}.cnetChatBox-message--user .cnetChatBox-bubble.cnetChatBox-bubble--editing{background-color:#29313a;color:#fafafa;border:1px solid #8696a9;max-width:32rem;min-width:16rem;display:flex;flex-direction:column;gap:0.4rem;padding:0.5rem}.cnetChatBox-editTextarea{resize:vertical;min-height:2.5rem;max-height:12rem;padding:0.35rem 0.5rem;font-family:inherit;font-size:inherit;color:#fafafa;background-color:#29313a;border:1px solid #8696a9;border-radius:0.35rem;outline:none;line-height:1.35}.cnetChatBox-editTextarea:focus{border-color:#fff;box-shadow:0 0 0 1px #fff}.cnetChatBox-editActions{display:flex;justify-content:flex-end;gap:0.35rem}.cnetChatBox-editCancel,.cnetChatBox-editSave{padding:0.25rem 0.75rem;border-radius:0.35rem;border:1px solid transparent;cursor:pointer;font-family:inherit;font-size:inherit;line-height:1.35}.cnetChatBox-editCancel{background-color:transparent;color:#91c8f6;border-color:#91c8f6}.cnetChatBox-editCancel:hover{background-color:#062e4f}.cnetChatBox-editSave{background-color:#1b8dec;color:#fff}.cnetChatBox-editSave:hover{background-color:#2e96ee}
2
+ /* Inline theming parameters */
3
+ #sap-ui-theme-chatui{background-image:url('data:text/plain;utf-8,%7B%7D')}
package/resources/chatui/themes/sap_fiori_3_dark/library.source.less ADDED
@@ -0,0 +1,3 @@
1
+ @import "../base/library.source.less";
2
+ @import "/resources/sap/ui/core/themes/sap_fiori_3_dark/base.less";
3
+ @import "/resources/sap/ui/core/themes/sap_fiori_3_dark/global.less";
package/resources/chatui/themes/sap_fiori_3_hcb/library-RTL.css ADDED
@@ -0,0 +1,3 @@
1
+ .sapUiAccKeysHighlighDom:first-letter{text-decoration:underline 20% black}.cnetChatBox{display:flex;flex-direction:row;box-sizing:border-box;position:relative;min-width:32rem;min-height:24rem;background-color:#000;color:#fff;border:1px solid #fff;border-radius:0.5rem;font-family:"72","72full",Arial,Helvetica,sans-serif;font-size:.875rem;overflow:hidden}.cnetChatBox-sidebar{flex:0 0 16rem;display:flex;flex-direction:column;min-height:0;background-color:#000;border-left:1px solid #fff}.cnetChatBox-sidebar-header{flex:0 0 auto;padding:0.75rem 1rem 0.5rem;border-bottom:1px solid #fff}.cnetChatBox-sidebar-title{font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.04em;color:#fff}.cnetChatBox-conversations{flex:1 1 auto;overflow-y:auto;padding:0.4rem;display:flex;flex-direction:column;gap:0.25rem}.cnetChatBox-conversations-empty{padding:1rem 0.5rem;color:#fff;font-size:0.85rem;font-style:italic;text-align:center}.cnetChatBox-conversation{position:relative;display:flex;align-items:flex-start;gap:0.35rem;padding:0.5rem 0.6rem;border:1px solid transparent;border-radius:0.4rem;cursor:pointer;transition:background-color .15s ease,border-color .15s ease;outline:none}.cnetChatBox-conversation:hover,.cnetChatBox-conversation:focus-visible{background-color:#795100}.cnetChatBox-conversation--active{background-color:#0f5d94;border-color:#fff}.cnetChatBox-conversation--active:hover{background-color:#0f5d94}.cnetChatBox-conversation-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:0.1rem}.cnetChatBox-conversation-title{font-size:0.85rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cnetChatBox-conversation-snippet{font-size:0.75rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cnetChatBox-conversation-time{font-size:0.7rem;color:#fff;margin-top:0.1rem}.cnetChatBox-conversation-remove{flex:0 0 auto;background:transparent;border:none;color:#fff;cursor:pointer;font-size:1rem;line-height:1;padding:0.1rem 0.35rem;border-radius:0.25rem;opacity:0;transition:opacity .15s ease,background-color .15s ease}.cnetChatBox-conversation:hover .cnetChatBox-conversation-remove,.cnetChatBox-conversation:focus-within .cnetChatBox-conversation-remove,.cnetChatBox-conversation--active .cnetChatBox-conversation-remove{opacity:1}.cnetChatBox-conversation-remove:hover,.cnetChatBox-conversation-remove:focus-visible{background-color:#795100;color:#fff;outline:none}.cnetChatBox-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.cnetChatBox-header{flex:0 0 auto;display:flex;align-items:center;gap:0.75rem;padding:0.5rem 0.75rem;border-bottom:1px solid #fff;background-color:#000}.cnetChatBox-header-title{flex:1 1 auto;min-width:0;font-size:0.95rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cnetChatBox-newChatButton{flex:0 0 auto;display:inline-flex;align-items:center;gap:0.4rem;padding:0.3rem 0.75rem;background-color:#000;color:#fff;border:none;border-radius:0.4rem;cursor:pointer;font-family:inherit;font-size:0.85rem;line-height:1.2;transition:background-color .15s ease}.cnetChatBox-newChatButton:hover:not(:disabled){background-color:#795100}.cnetChatBox-newChatButton:focus-visible{outline:none;box-shadow:0 0 0 2px #fff}.cnetChatBox-newChatButton:disabled{cursor:not-allowed;opacity:0.5}.cnetChatBox-newChatButton .cnetChatBox-icon{font-size:0.95rem}.cnetChatBox-textarea:disabled{cursor:wait;opacity:0.6}.cnetChatBox-messages{flex:1 1 auto;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:0.75rem;scroll-behavior:smooth}.cnetChatBox-empty{margin:auto;padding:1.5rem;color:#fff;text-align:center;font-style:italic}.cnetChatBox-message{display:flex;max-width:100%}.cnetChatBox-message--user{flex-direction:column;align-items:flex-end}.cnetChatBox-message--assistant{flex-direction:column;align-items:flex-start}.cnetChatBox-bubble{max-width:85%;padding:0.55rem 0.85rem;border-radius:0.75rem;line-height:1.4;word-wrap:break-word;white-space:pre-wrap;box-shadow:0 1px 2px rgba(0,0,0,0.05)}.cnetChatBox-message--user .cnetChatBox-bubble{background-color:#000;color:#fff;border-bottom-left-radius:0.15rem}.cnetChatBox-message--assistant .cnetChatBox-bubble{background-color:#000;color:#fff;border:1px solid #999;border-bottom-right-radius:0.15rem;white-space:normal}.cnetChatBox-bubble p{margin:0 0 0.5rem 0}.cnetChatBox-bubble p:last-child{margin-bottom:0}.cnetChatBox-bubble h1,.cnetChatBox-bubble h2,.cnetChatBox-bubble h3,.cnetChatBox-bubble h4,.cnetChatBox-bubble h5,.cnetChatBox-bubble h6{margin:0.4rem 0 0.3rem 0;font-weight:bold;line-height:1.25}.cnetChatBox-bubble ul{margin:0.25rem 1.25rem 0.5rem 0;padding:0}.cnetChatBox-bubble code{font-family:Lucida Console;font-size:0.9em;background-color:#000;padding:0.05rem 0.3rem;border-radius:0.25rem}.cnetChatBox-bubble pre{margin:0.4rem 0;padding:0.6rem;background-color:#000;border:1px solid #fff;border-radius:0.35rem;overflow-x:auto}.cnetChatBox-bubble pre code{background:transparent;padding:0}.cnetChatBox-table{border-collapse:collapse;margin:0.4rem 0;font-size:0.95em}.cnetChatBox-table th,.cnetChatBox-table td{border:1px solid #999;padding:0.25rem 0.5rem;text-align:left}.cnetChatBox-table th{background-color:#000}.cnetChatBox-actions{display:flex;gap:0.25rem;margin-top:0.15rem;padding-right:0.15rem;opacity:0;transition:opacity 0.15s ease}.cnetChatBox-message:hover .cnetChatBox-actions,.cnetChatBox-message:focus-within .cnetChatBox-actions{opacity:1}.cnetChatBox-bubble--pending+.cnetChatBox-actions{display:none}.cnetChatBox-action{background:transparent;border:1px solid transparent;border-radius:0.35rem;padding:0.15rem 0.35rem;color:#fff;cursor:pointer;line-height:1;transition:background-color .15s ease,color .15s ease}.cnetChatBox-action:hover,.cnetChatBox-action:focus-visible{background-color:#795100;color:#fff;outline:none}.cnetChatBox-action--done{color:#9c9}.cnetChatBox-action .cnetChatBox-icon{font-size:0.85rem}.cnetChatBox-message--assistant .cnetChatBox-bubble.cnetChatBox-bubble--rich{max-width:100%;width:100%;padding:0.35rem;background-color:#000;overflow:hidden}.cnetChatBox-bubble--rich>.sapUiVlt,.cnetChatBox-bubble--rich>*{max-width:100%}.cnetChatBox-bubble--pending .cnetChatBox-dots{display:inline-flex;gap:0.25rem;align-items:center;height:1em}.cnetChatBox-bubble--pending .cnetChatBox-dots span{display:inline-block;width:0.4rem;height:0.4rem;border-radius:50%;background-color:#fff;opacity:0.4;animation:cnetChatBoxDots 1.2s infinite ease-in-out}.cnetChatBox-bubble--pending .cnetChatBox-dots span:nth-child(2){animation-delay:0.2s}.cnetChatBox-bubble--pending .cnetChatBox-dots span:nth-child(3){animation-delay:0.4s}@keyframes cnetChatBoxDots{0%,60%,100%{opacity:0.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}.cnetChatBox-inputArea{display:flex;flex-direction:column;padding:0.5rem 0.75rem 0.75rem;border-top:1px solid #fff;background-color:#000}.cnetChatBox-composer{display:flex;flex-direction:column;gap:0.35rem;padding:0.5rem 0.5rem 0.4rem;background-color:#000;border:1px solid #fff;border-radius:0.75rem;transition:border-color .15s ease,box-shadow .15s ease}.cnetChatBox-composer:focus-within{border-color:#fff;box-shadow:0 0 0 1px #fff}.cnetChatBox-attachmentsPending{display:none;flex-wrap:wrap;gap:0.4rem}.cnetChatBox-attachmentsPending--hasItems{display:flex}.cnetChatBox-fileinput{display:none}.cnetChatBox-textarea{resize:none;min-height:1.75rem;max-height:10rem;padding:0.25rem 0.35rem;font-family:inherit;font-size:inherit;color:#fff;background-color:transparent;border:none;outline:none;line-height:1.4;width:100%;box-sizing:border-box}.cnetChatBox-composerBar{display:flex;align-items:center;justify-content:space-between;gap:0.5rem}.cnetChatBox-composerBar-left{display:flex;align-items:center;gap:0.15rem}.cnetChatBox-toolButton{flex:0 0 auto;width:1.9rem;height:1.9rem;display:inline-flex;align-items:center;justify-content:center;background-color:transparent;color:#fff;border:none;border-radius:0.4rem;cursor:pointer;transition:background-color .15s ease,color .15s ease}.cnetChatBox-toolButton:hover:not(:disabled),.cnetChatBox-toolButton:focus-visible{background-color:#795100;color:#fff;outline:none}.cnetChatBox-send{flex:0 0 auto;width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;background-color:#000;color:#fff;border:none;border-radius:0.5rem;cursor:pointer;transition:background-color .15s ease}.cnetChatBox-send:hover:not(:disabled){background-color:#795100}.cnetChatBox-send:focus-visible{outline:none;box-shadow:0 0 0 2px #fff}.cnetChatBox-send:disabled,.cnetChatBox-toolButton:disabled{cursor:not-allowed;opacity:0.5}.cnetChatBox-icon{font-size:1rem;line-height:1}.cnetChatBox-attachments{display:flex;flex-wrap:wrap;gap:0.4rem}.cnetChatBox-message--user .cnetChatBox-bubble .cnetChatBox-attachments{margin-bottom:0.35rem}.cnetChatBox-message--user .cnetChatBox-bubble .cnetChatBox-attachments:last-child{margin-bottom:0}.cnetChatBox-attachment{display:inline-flex;align-items:center;gap:0.35rem;max-width:14rem;padding:0.25rem 0.4rem;background-color:#000;border:1px solid #fff;border-radius:0.35rem;color:#fff;font-size:0.85rem;line-height:1.2}.cnetChatBox-attachment--image{padding:0.2rem}.cnetChatBox-attachment-thumb{max-width:6rem;max-height:4rem;border-radius:0.25rem;display:block;object-fit:cover}.cnetChatBox-attachment-icon{color:#fff}.cnetChatBox-attachment-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cnetChatBox-attachment-remove{background:transparent;border:none;color:#fff;cursor:pointer;font-size:1rem;line-height:1;padding:0 0.15rem;border-radius:0.2rem}.cnetChatBox-attachment-remove:hover,.cnetChatBox-attachment-remove:focus-visible{background-color:#795100;color:#fff;outline:none}.cnetChatBox-dropOverlay{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background-color:rgba(121,81,0,0.15);border:2px dashed #795100;border-radius:0.5rem;pointer-events:none;z-index:2}.cnetChatBox--dragOver .cnetChatBox-dropOverlay{display:flex}.cnetChatBox-dropLabel{padding:0.5rem 1rem;background-color:#000;color:#795100;border-radius:0.35rem;font-weight:bold}.cnetChatBox-bubble-text{white-space:pre-wrap;word-wrap:break-word}.cnetChatBox-message--user .cnetChatBox-bubble.cnetChatBox-bubble--editing{background-color:#000;color:#fff;border:1px solid #fff;max-width:32rem;min-width:16rem;display:flex;flex-direction:column;gap:0.4rem;padding:0.5rem}.cnetChatBox-editTextarea{resize:vertical;min-height:2.5rem;max-height:12rem;padding:0.35rem 0.5rem;font-family:inherit;font-size:inherit;color:#fff;background-color:#000;border:1px solid #fff;border-radius:0.35rem;outline:none;line-height:1.35}.cnetChatBox-editTextarea:focus{border-color:#fff;box-shadow:0 0 0 1px #fff}.cnetChatBox-editActions{display:flex;justify-content:flex-end;gap:0.35rem}.cnetChatBox-editCancel,.cnetChatBox-editSave{padding:0.25rem 0.75rem;border-radius:0.35rem;border:1px solid transparent;cursor:pointer;font-family:inherit;font-size:inherit;line-height:1.35}.cnetChatBox-editCancel{background-color:transparent;color:#fff;border-color:#fff}.cnetChatBox-editCancel:hover{background-color:#795100}.cnetChatBox-editSave{background-color:#000;color:#fff}.cnetChatBox-editSave:hover{background-color:#795100}
2
+ /* Inline theming parameters */
3
+ #sap-ui-theme-chatui{background-image:url('data:text/plain;utf-8,%7B%7D')}
package/resources/chatui/themes/sap_fiori_3_hcb/library.css ADDED
@@ -0,0 +1,3 @@
1
+ .sapUiAccKeysHighlighDom:first-letter{text-decoration:underline 20% black}.cnetChatBox{display:flex;flex-direction:row;box-sizing:border-box;position:relative;min-width:32rem;min-height:24rem;background-color:#000;color:#fff;border:1px solid #fff;border-radius:0.5rem;font-family:"72","72full",Arial,Helvetica,sans-serif;font-size:.875rem;overflow:hidden}.cnetChatBox-sidebar{flex:0 0 16rem;display:flex;flex-direction:column;min-height:0;background-color:#000;border-right:1px solid #fff}.cnetChatBox-sidebar-header{flex:0 0 auto;padding:0.75rem 1rem 0.5rem;border-bottom:1px solid #fff}.cnetChatBox-sidebar-title{font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.04em;color:#fff}.cnetChatBox-conversations{flex:1 1 auto;overflow-y:auto;padding:0.4rem;display:flex;flex-direction:column;gap:0.25rem}.cnetChatBox-conversations-empty{padding:1rem 0.5rem;color:#fff;font-size:0.85rem;font-style:italic;text-align:center}.cnetChatBox-conversation{position:relative;display:flex;align-items:flex-start;gap:0.35rem;padding:0.5rem 0.6rem;border:1px solid transparent;border-radius:0.4rem;cursor:pointer;transition:background-color .15s ease,border-color .15s ease;outline:none}.cnetChatBox-conversation:hover,.cnetChatBox-conversation:focus-visible{background-color:#795100}.cnetChatBox-conversation--active{background-color:#0f5d94;border-color:#fff}.cnetChatBox-conversation--active:hover{background-color:#0f5d94}.cnetChatBox-conversation-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:0.1rem}.cnetChatBox-conversation-title{font-size:0.85rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cnetChatBox-conversation-snippet{font-size:0.75rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cnetChatBox-conversation-time{font-size:0.7rem;color:#fff;margin-top:0.1rem}.cnetChatBox-conversation-remove{flex:0 0 auto;background:transparent;border:none;color:#fff;cursor:pointer;font-size:1rem;line-height:1;padding:0.1rem 0.35rem;border-radius:0.25rem;opacity:0;transition:opacity .15s ease,background-color .15s ease}.cnetChatBox-conversation:hover .cnetChatBox-conversation-remove,.cnetChatBox-conversation:focus-within .cnetChatBox-conversation-remove,.cnetChatBox-conversation--active .cnetChatBox-conversation-remove{opacity:1}.cnetChatBox-conversation-remove:hover,.cnetChatBox-conversation-remove:focus-visible{background-color:#795100;color:#fff;outline:none}.cnetChatBox-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.cnetChatBox-header{flex:0 0 auto;display:flex;align-items:center;gap:0.75rem;padding:0.5rem 0.75rem;border-bottom:1px solid #fff;background-color:#000}.cnetChatBox-header-title{flex:1 1 auto;min-width:0;font-size:0.95rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cnetChatBox-newChatButton{flex:0 0 auto;display:inline-flex;align-items:center;gap:0.4rem;padding:0.3rem 0.75rem;background-color:#000;color:#fff;border:none;border-radius:0.4rem;cursor:pointer;font-family:inherit;font-size:0.85rem;line-height:1.2;transition:background-color .15s ease}.cnetChatBox-newChatButton:hover:not(:disabled){background-color:#795100}.cnetChatBox-newChatButton:focus-visible{outline:none;box-shadow:0 0 0 2px #fff}.cnetChatBox-newChatButton:disabled{cursor:not-allowed;opacity:0.5}.cnetChatBox-newChatButton .cnetChatBox-icon{font-size:0.95rem}.cnetChatBox-textarea:disabled{cursor:wait;opacity:0.6}.cnetChatBox-messages{flex:1 1 auto;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:0.75rem;scroll-behavior:smooth}.cnetChatBox-empty{margin:auto;padding:1.5rem;color:#fff;text-align:center;font-style:italic}.cnetChatBox-message{display:flex;max-width:100%}.cnetChatBox-message--user{flex-direction:column;align-items:flex-end}.cnetChatBox-message--assistant{flex-direction:column;align-items:flex-start}.cnetChatBox-bubble{max-width:85%;padding:0.55rem 0.85rem;border-radius:0.75rem;line-height:1.4;word-wrap:break-word;white-space:pre-wrap;box-shadow:0 1px 2px rgba(0,0,0,0.05)}.cnetChatBox-message--user .cnetChatBox-bubble{background-color:#000;color:#fff;border-bottom-right-radius:0.15rem}.cnetChatBox-message--assistant .cnetChatBox-bubble{background-color:#000;color:#fff;border:1px solid #999;border-bottom-left-radius:0.15rem;white-space:normal}.cnetChatBox-bubble p{margin:0 0 0.5rem 0}.cnetChatBox-bubble p:last-child{margin-bottom:0}.cnetChatBox-bubble h1,.cnetChatBox-bubble h2,.cnetChatBox-bubble h3,.cnetChatBox-bubble h4,.cnetChatBox-bubble h5,.cnetChatBox-bubble h6{margin:0.4rem 0 0.3rem 0;font-weight:bold;line-height:1.25}.cnetChatBox-bubble ul{margin:0.25rem 0 0.5rem 1.25rem;padding:0}.cnetChatBox-bubble code{font-family:Lucida Console;font-size:0.9em;background-color:#000;padding:0.05rem 0.3rem;border-radius:0.25rem}.cnetChatBox-bubble pre{margin:0.4rem 0;padding:0.6rem;background-color:#000;border:1px solid #fff;border-radius:0.35rem;overflow-x:auto}.cnetChatBox-bubble pre code{background:transparent;padding:0}.cnetChatBox-table{border-collapse:collapse;margin:0.4rem 0;font-size:0.95em}.cnetChatBox-table th,.cnetChatBox-table td{border:1px solid #999;padding:0.25rem 0.5rem;text-align:left}.cnetChatBox-table th{background-color:#000}.cnetChatBox-actions{display:flex;gap:0.25rem;margin-top:0.15rem;padding-left:0.15rem;opacity:0;transition:opacity 0.15s ease}.cnetChatBox-message:hover .cnetChatBox-actions,.cnetChatBox-message:focus-within .cnetChatBox-actions{opacity:1}.cnetChatBox-bubble--pending+.cnetChatBox-actions{display:none}.cnetChatBox-action{background:transparent;border:1px solid transparent;border-radius:0.35rem;padding:0.15rem 0.35rem;color:#fff;cursor:pointer;line-height:1;transition:background-color .15s ease,color .15s ease}.cnetChatBox-action:hover,.cnetChatBox-action:focus-visible{background-color:#795100;color:#fff;outline:none}.cnetChatBox-action--done{color:#9c9}.cnetChatBox-action .cnetChatBox-icon{font-size:0.85rem}.cnetChatBox-message--assistant .cnetChatBox-bubble.cnetChatBox-bubble--rich{max-width:100%;width:100%;padding:0.35rem;background-color:#000;overflow:hidden}.cnetChatBox-bubble--rich>.sapUiVlt,.cnetChatBox-bubble--rich>*{max-width:100%}.cnetChatBox-bubble--pending .cnetChatBox-dots{display:inline-flex;gap:0.25rem;align-items:center;height:1em}.cnetChatBox-bubble--pending .cnetChatBox-dots span{display:inline-block;width:0.4rem;height:0.4rem;border-radius:50%;background-color:#fff;opacity:0.4;animation:cnetChatBoxDots 1.2s infinite ease-in-out}.cnetChatBox-bubble--pending .cnetChatBox-dots span:nth-child(2){animation-delay:0.2s}.cnetChatBox-bubble--pending .cnetChatBox-dots span:nth-child(3){animation-delay:0.4s}@keyframes cnetChatBoxDots{0%,60%,100%{opacity:0.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}.cnetChatBox-inputArea{display:flex;flex-direction:column;padding:0.5rem 0.75rem 0.75rem;border-top:1px solid #fff;background-color:#000}.cnetChatBox-composer{display:flex;flex-direction:column;gap:0.35rem;padding:0.5rem 0.5rem 0.4rem;background-color:#000;border:1px solid #fff;border-radius:0.75rem;transition:border-color .15s ease,box-shadow .15s ease}.cnetChatBox-composer:focus-within{border-color:#fff;box-shadow:0 0 0 1px #fff}.cnetChatBox-attachmentsPending{display:none;flex-wrap:wrap;gap:0.4rem}.cnetChatBox-attachmentsPending--hasItems{display:flex}.cnetChatBox-fileinput{display:none}.cnetChatBox-textarea{resize:none;min-height:1.75rem;max-height:10rem;padding:0.25rem 0.35rem;font-family:inherit;font-size:inherit;color:#fff;background-color:transparent;border:none;outline:none;line-height:1.4;width:100%;box-sizing:border-box}.cnetChatBox-composerBar{display:flex;align-items:center;justify-content:space-between;gap:0.5rem}.cnetChatBox-composerBar-left{display:flex;align-items:center;gap:0.15rem}.cnetChatBox-toolButton{flex:0 0 auto;width:1.9rem;height:1.9rem;display:inline-flex;align-items:center;justify-content:center;background-color:transparent;color:#fff;border:none;border-radius:0.4rem;cursor:pointer;transition:background-color .15s ease,color .15s ease}.cnetChatBox-toolButton:hover:not(:disabled),.cnetChatBox-toolButton:focus-visible{background-color:#795100;color:#fff;outline:none}.cnetChatBox-send{flex:0 0 auto;width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;background-color:#000;color:#fff;border:none;border-radius:0.5rem;cursor:pointer;transition:background-color .15s ease}.cnetChatBox-send:hover:not(:disabled){background-color:#795100}.cnetChatBox-send:focus-visible{outline:none;box-shadow:0 0 0 2px #fff}.cnetChatBox-send:disabled,.cnetChatBox-toolButton:disabled{cursor:not-allowed;opacity:0.5}.cnetChatBox-icon{font-size:1rem;line-height:1}.cnetChatBox-attachments{display:flex;flex-wrap:wrap;gap:0.4rem}.cnetChatBox-message--user .cnetChatBox-bubble .cnetChatBox-attachments{margin-bottom:0.35rem}.cnetChatBox-message--user .cnetChatBox-bubble .cnetChatBox-attachments:last-child{margin-bottom:0}.cnetChatBox-attachment{display:inline-flex;align-items:center;gap:0.35rem;max-width:14rem;padding:0.25rem 0.4rem;background-color:#000;border:1px solid #fff;border-radius:0.35rem;color:#fff;font-size:0.85rem;line-height:1.2}.cnetChatBox-attachment--image{padding:0.2rem}.cnetChatBox-attachment-thumb{max-width:6rem;max-height:4rem;border-radius:0.25rem;display:block;object-fit:cover}.cnetChatBox-attachment-icon{color:#fff}.cnetChatBox-attachment-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cnetChatBox-attachment-remove{background:transparent;border:none;color:#fff;cursor:pointer;font-size:1rem;line-height:1;padding:0 0.15rem;border-radius:0.2rem}.cnetChatBox-attachment-remove:hover,.cnetChatBox-attachment-remove:focus-visible{background-color:#795100;color:#fff;outline:none}.cnetChatBox-dropOverlay{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background-color:rgba(121,81,0,0.15);border:2px dashed #795100;border-radius:0.5rem;pointer-events:none;z-index:2}.cnetChatBox--dragOver .cnetChatBox-dropOverlay{display:flex}.cnetChatBox-dropLabel{padding:0.5rem 1rem;background-color:#000;color:#795100;border-radius:0.35rem;font-weight:bold}.cnetChatBox-bubble-text{white-space:pre-wrap;word-wrap:break-word}.cnetChatBox-message--user .cnetChatBox-bubble.cnetChatBox-bubble--editing{background-color:#000;color:#fff;border:1px solid #fff;max-width:32rem;min-width:16rem;display:flex;flex-direction:column;gap:0.4rem;padding:0.5rem}.cnetChatBox-editTextarea{resize:vertical;min-height:2.5rem;max-height:12rem;padding:0.35rem 0.5rem;font-family:inherit;font-size:inherit;color:#fff;background-color:#000;border:1px solid #fff;border-radius:0.35rem;outline:none;line-height:1.35}.cnetChatBox-editTextarea:focus{border-color:#fff;box-shadow:0 0 0 1px #fff}.cnetChatBox-editActions{display:flex;justify-content:flex-end;gap:0.35rem}.cnetChatBox-editCancel,.cnetChatBox-editSave{padding:0.25rem 0.75rem;border-radius:0.35rem;border:1px solid transparent;cursor:pointer;font-family:inherit;font-size:inherit;line-height:1.35}.cnetChatBox-editCancel{background-color:transparent;color:#fff;border-color:#fff}.cnetChatBox-editCancel:hover{background-color:#795100}.cnetChatBox-editSave{background-color:#000;color:#fff}.cnetChatBox-editSave:hover{background-color:#795100}
2
+ /* Inline theming parameters */
3
+ #sap-ui-theme-chatui{background-image:url('data:text/plain;utf-8,%7B%7D')}
package/resources/chatui/themes/sap_fiori_3_hcb/library.source.less ADDED
@@ -0,0 +1,3 @@
1
+ @import "../base/library.source.less";
2
+ @import "/resources/sap/ui/core/themes/sap_fiori_3_hcb/base.less";
3
+ @import "/resources/sap/ui/core/themes/sap_fiori_3_hcb/global.less";
package/resources/chatui/themes/sap_fiori_3_hcw/library-RTL.css ADDED
@@ -0,0 +1,3 @@
1
+ .sapUiAccKeysHighlighDom:first-letter{text-decoration:underline 20% black}.cnetChatBox{display:flex;flex-direction:row;box-sizing:border-box;position:relative;min-width:32rem;min-height:24rem;background-color:#fff;color:#000;border:1px solid #000;border-radius:0.5rem;font-family:"72","72full",Arial,Helvetica,sans-serif;font-size:.875rem;overflow:hidden}.cnetChatBox-sidebar{flex:0 0 16rem;display:flex;flex-direction:column;min-height:0;background-color:#fff;border-left:1px solid #000}.cnetChatBox-sidebar-header{flex:0 0 auto;padding:0.75rem 1rem 0.5rem;border-bottom:1px solid #000}.cnetChatBox-sidebar-title{font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.04em;color:#000}.cnetChatBox-conversations{flex:1 1 auto;overflow-y:auto;padding:0.4rem;display:flex;flex-direction:column;gap:0.25rem}.cnetChatBox-conversations-empty{padding:1rem 0.5rem;color:#000;font-size:0.85rem;font-style:italic;text-align:center}.cnetChatBox-conversation{position:relative;display:flex;align-items:flex-start;gap:0.35rem;padding:0.5rem 0.6rem;border:1px solid transparent;border-radius:0.4rem;cursor:pointer;transition:background-color .15s ease,border-color .15s ease;outline:none}.cnetChatBox-conversation:hover,.cnetChatBox-conversation:focus-visible{background-color:#ec8b46}.cnetChatBox-conversation--active{background-color:#8fb5ff;border-color:#000}.cnetChatBox-conversation--active:hover{background-color:#8fb5ff}.cnetChatBox-conversation-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:0.1rem}.cnetChatBox-conversation-title{font-size:0.85rem;font-weight:600;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cnetChatBox-conversation-snippet{font-size:0.75rem;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cnetChatBox-conversation-time{font-size:0.7rem;color:#000;margin-top:0.1rem}.cnetChatBox-conversation-remove{flex:0 0 auto;background:transparent;border:none;color:#000;cursor:pointer;font-size:1rem;line-height:1;padding:0.1rem 0.35rem;border-radius:0.25rem;opacity:0;transition:opacity .15s ease,background-color .15s ease}.cnetChatBox-conversation:hover .cnetChatBox-conversation-remove,.cnetChatBox-conversation:focus-within .cnetChatBox-conversation-remove,.cnetChatBox-conversation--active .cnetChatBox-conversation-remove{opacity:1}.cnetChatBox-conversation-remove:hover,.cnetChatBox-conversation-remove:focus-visible{background-color:#ec8b46;color:#000;outline:none}.cnetChatBox-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.cnetChatBox-header{flex:0 0 auto;display:flex;align-items:center;gap:0.75rem;padding:0.5rem 0.75rem;border-bottom:1px solid #000;background-color:#fff}.cnetChatBox-header-title{flex:1 1 auto;min-width:0;font-size:0.95rem;font-weight:600;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cnetChatBox-newChatButton{flex:0 0 auto;display:inline-flex;align-items:center;gap:0.4rem;padding:0.3rem 0.75rem;background-color:#fff;color:#000;border:none;border-radius:0.4rem;cursor:pointer;font-family:inherit;font-size:0.85rem;line-height:1.2;transition:background-color .15s ease}.cnetChatBox-newChatButton:hover:not(:disabled){background-color:#ec8b46}.cnetChatBox-newChatButton:focus-visible{outline:none;box-shadow:0 0 0 2px #000}.cnetChatBox-newChatButton:disabled{cursor:not-allowed;opacity:0.5}.cnetChatBox-newChatButton .cnetChatBox-icon{font-size:0.95rem}.cnetChatBox-textarea:disabled{cursor:wait;opacity:0.6}.cnetChatBox-messages{flex:1 1 auto;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:0.75rem;scroll-behavior:smooth}.cnetChatBox-empty{margin:auto;padding:1.5rem;color:#000;text-align:center;font-style:italic}.cnetChatBox-message{display:flex;max-width:100%}.cnetChatBox-message--user{flex-direction:column;align-items:flex-end}.cnetChatBox-message--assistant{flex-direction:column;align-items:flex-start}.cnetChatBox-bubble{max-width:85%;padding:0.55rem 0.85rem;border-radius:0.75rem;line-height:1.4;word-wrap:break-word;white-space:pre-wrap;box-shadow:0 1px 2px rgba(0,0,0,0.05)}.cnetChatBox-message--user .cnetChatBox-bubble{background-color:#fff;color:#000;border-bottom-left-radius:0.15rem}.cnetChatBox-message--assistant .cnetChatBox-bubble{background-color:#fff;color:#000;border:1px solid #585858;border-bottom-right-radius:0.15rem;white-space:normal}.cnetChatBox-bubble p{margin:0 0 0.5rem 0}.cnetChatBox-bubble p:last-child{margin-bottom:0}.cnetChatBox-bubble h1,.cnetChatBox-bubble h2,.cnetChatBox-bubble h3,.cnetChatBox-bubble h4,.cnetChatBox-bubble h5,.cnetChatBox-bubble h6{margin:0.4rem 0 0.3rem 0;font-weight:bold;line-height:1.25}.cnetChatBox-bubble ul{margin:0.25rem 1.25rem 0.5rem 0;padding:0}.cnetChatBox-bubble code{font-family:Lucida Console;font-size:0.9em;background-color:#fff;padding:0.05rem 0.3rem;border-radius:0.25rem}.cnetChatBox-bubble pre{margin:0.4rem 0;padding:0.6rem;background-color:#fff;border:1px solid #000;border-radius:0.35rem;overflow-x:auto}.cnetChatBox-bubble pre code{background:transparent;padding:0}.cnetChatBox-table{border-collapse:collapse;margin:0.4rem 0;font-size:0.95em}.cnetChatBox-table th,.cnetChatBox-table td{border:1px solid #585858;padding:0.25rem 0.5rem;text-align:left}.cnetChatBox-table th{background-color:#fff}.cnetChatBox-actions{display:flex;gap:0.25rem;margin-top:0.15rem;padding-right:0.15rem;opacity:0;transition:opacity 0.15s ease}.cnetChatBox-message:hover .cnetChatBox-actions,.cnetChatBox-message:focus-within .cnetChatBox-actions{opacity:1}.cnetChatBox-bubble--pending+.cnetChatBox-actions{display:none}.cnetChatBox-action{background:transparent;border:1px solid transparent;border-radius:0.35rem;padding:0.15rem 0.35rem;color:#000;cursor:pointer;line-height:1;transition:background-color .15s ease,color .15s ease}.cnetChatBox-action:hover,.cnetChatBox-action:focus-visible{background-color:#ec8b46;color:#000;outline:none}.cnetChatBox-action--done{color:#006362}.cnetChatBox-action .cnetChatBox-icon{font-size:0.85rem}.cnetChatBox-message--assistant .cnetChatBox-bubble.cnetChatBox-bubble--rich{max-width:100%;width:100%;padding:0.35rem;background-color:#fff;overflow:hidden}.cnetChatBox-bubble--rich>.sapUiVlt,.cnetChatBox-bubble--rich>*{max-width:100%}.cnetChatBox-bubble--pending .cnetChatBox-dots{display:inline-flex;gap:0.25rem;align-items:center;height:1em}.cnetChatBox-bubble--pending .cnetChatBox-dots span{display:inline-block;width:0.4rem;height:0.4rem;border-radius:50%;background-color:#000;opacity:0.4;animation:cnetChatBoxDots 1.2s infinite ease-in-out}.cnetChatBox-bubble--pending .cnetChatBox-dots span:nth-child(2){animation-delay:0.2s}.cnetChatBox-bubble--pending .cnetChatBox-dots span:nth-child(3){animation-delay:0.4s}@keyframes cnetChatBoxDots{0%,60%,100%{opacity:0.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}.cnetChatBox-inputArea{display:flex;flex-direction:column;padding:0.5rem 0.75rem 0.75rem;border-top:1px solid #000;background-color:#fff}.cnetChatBox-composer{display:flex;flex-direction:column;gap:0.35rem;padding:0.5rem 0.5rem 0.4rem;background-color:#fff;border:1px solid #000;border-radius:0.75rem;transition:border-color .15s ease,box-shadow .15s ease}.cnetChatBox-composer:focus-within{border-color:#000;box-shadow:0 0 0 1px #000}.cnetChatBox-attachmentsPending{display:none;flex-wrap:wrap;gap:0.4rem}.cnetChatBox-attachmentsPending--hasItems{display:flex}.cnetChatBox-fileinput{display:none}.cnetChatBox-textarea{resize:none;min-height:1.75rem;max-height:10rem;padding:0.25rem 0.35rem;font-family:inherit;font-size:inherit;color:#000;background-color:transparent;border:none;outline:none;line-height:1.4;width:100%;box-sizing:border-box}.cnetChatBox-composerBar{display:flex;align-items:center;justify-content:space-between;gap:0.5rem}.cnetChatBox-composerBar-left{display:flex;align-items:center;gap:0.15rem}.cnetChatBox-toolButton{flex:0 0 auto;width:1.9rem;height:1.9rem;display:inline-flex;align-items:center;justify-content:center;background-color:transparent;color:#000;border:none;border-radius:0.4rem;cursor:pointer;transition:background-color .15s ease,color .15s ease}.cnetChatBox-toolButton:hover:not(:disabled),.cnetChatBox-toolButton:focus-visible{background-color:#ec8b46;color:#000;outline:none}.cnetChatBox-send{flex:0 0 auto;width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;background-color:#fff;color:#000;border:none;border-radius:0.5rem;cursor:pointer;transition:background-color .15s ease}.cnetChatBox-send:hover:not(:disabled){background-color:#ec8b46}.cnetChatBox-send:focus-visible{outline:none;box-shadow:0 0 0 2px #000}.cnetChatBox-send:disabled,.cnetChatBox-toolButton:disabled{cursor:not-allowed;opacity:0.5}.cnetChatBox-icon{font-size:1rem;line-height:1}.cnetChatBox-attachments{display:flex;flex-wrap:wrap;gap:0.4rem}.cnetChatBox-message--user .cnetChatBox-bubble .cnetChatBox-attachments{margin-bottom:0.35rem}.cnetChatBox-message--user .cnetChatBox-bubble .cnetChatBox-attachments:last-child{margin-bottom:0}.cnetChatBox-attachment{display:inline-flex;align-items:center;gap:0.35rem;max-width:14rem;padding:0.25rem 0.4rem;background-color:#fff;border:1px solid #000;border-radius:0.35rem;color:#000;font-size:0.85rem;line-height:1.2}.cnetChatBox-attachment--image{padding:0.2rem}.cnetChatBox-attachment-thumb{max-width:6rem;max-height:4rem;border-radius:0.25rem;display:block;object-fit:cover}.cnetChatBox-attachment-icon{color:#000}.cnetChatBox-attachment-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cnetChatBox-attachment-remove{background:transparent;border:none;color:#000;cursor:pointer;font-size:1rem;line-height:1;padding:0 0.15rem;border-radius:0.2rem}.cnetChatBox-attachment-remove:hover,.cnetChatBox-attachment-remove:focus-visible{background-color:#ec8b46;color:#000;outline:none}.cnetChatBox-dropOverlay{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background-color:rgba(236,139,70,0.15);border:2px dashed #ec8b46;border-radius:0.5rem;pointer-events:none;z-index:2}.cnetChatBox--dragOver .cnetChatBox-dropOverlay{display:flex}.cnetChatBox-dropLabel{padding:0.5rem 1rem;background-color:#fff;color:#ec8b46;border-radius:0.35rem;font-weight:bold}.cnetChatBox-bubble-text{white-space:pre-wrap;word-wrap:break-word}.cnetChatBox-message--user .cnetChatBox-bubble.cnetChatBox-bubble--editing{background-color:#fff;color:#000;border:1px solid #000;max-width:32rem;min-width:16rem;display:flex;flex-direction:column;gap:0.4rem;padding:0.5rem}.cnetChatBox-editTextarea{resize:vertical;min-height:2.5rem;max-height:12rem;padding:0.35rem 0.5rem;font-family:inherit;font-size:inherit;color:#000;background-color:#fff;border:1px solid #000;border-radius:0.35rem;outline:none;line-height:1.35}.cnetChatBox-editTextarea:focus{border-color:#000;box-shadow:0 0 0 1px #000}.cnetChatBox-editActions{display:flex;justify-content:flex-end;gap:0.35rem}.cnetChatBox-editCancel,.cnetChatBox-editSave{padding:0.25rem 0.75rem;border-radius:0.35rem;border:1px solid transparent;cursor:pointer;font-family:inherit;font-size:inherit;line-height:1.35}.cnetChatBox-editCancel{background-color:transparent;color:#000;border-color:#000}.cnetChatBox-editCancel:hover{background-color:#ec8b46}.cnetChatBox-editSave{background-color:#fff;color:#000}.cnetChatBox-editSave:hover{background-color:#ec8b46}
2
+ /* Inline theming parameters */
3
+ #sap-ui-theme-chatui{background-image:url('data:text/plain;utf-8,%7B%7D')}
package/resources/chatui/themes/sap_fiori_3_hcw/library.css ADDED
@@ -0,0 +1,3 @@
1
+ .sapUiAccKeysHighlighDom:first-letter{text-decoration:underline 20% black}.cnetChatBox{display:flex;flex-direction:row;box-sizing:border-box;position:relative;min-width:32rem;min-height:24rem;background-color:#fff;color:#000;border:1px solid #000;border-radius:0.5rem;font-family:"72","72full",Arial,Helvetica,sans-serif;font-size:.875rem;overflow:hidden}.cnetChatBox-sidebar{flex:0 0 16rem;display:flex;flex-direction:column;min-height:0;background-color:#fff;border-right:1px solid #000}.cnetChatBox-sidebar-header{flex:0 0 auto;padding:0.75rem 1rem 0.5rem;border-bottom:1px solid #000}.cnetChatBox-sidebar-title{font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.04em;color:#000}.cnetChatBox-conversations{flex:1 1 auto;overflow-y:auto;padding:0.4rem;display:flex;flex-direction:column;gap:0.25rem}.cnetChatBox-conversations-empty{padding:1rem 0.5rem;color:#000;font-size:0.85rem;font-style:italic;text-align:center}.cnetChatBox-conversation{position:relative;display:flex;align-items:flex-start;gap:0.35rem;padding:0.5rem 0.6rem;border:1px solid transparent;border-radius:0.4rem;cursor:pointer;transition:background-color .15s ease,border-color .15s ease;outline:none}.cnetChatBox-conversation:hover,.cnetChatBox-conversation:focus-visible{background-color:#ec8b46}.cnetChatBox-conversation--active{background-color:#8fb5ff;border-color:#000}.cnetChatBox-conversation--active:hover{background-color:#8fb5ff}.cnetChatBox-conversation-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:0.1rem}.cnetChatBox-conversation-title{font-size:0.85rem;font-weight:600;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cnetChatBox-conversation-snippet{font-size:0.75rem;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cnetChatBox-conversation-time{font-size:0.7rem;color:#000;margin-top:0.1rem}.cnetChatBox-conversation-remove{flex:0 0 auto;background:transparent;border:none;color:#000;cursor:pointer;font-size:1rem;line-height:1;padding:0.1rem 0.35rem;border-radius:0.25rem;opacity:0;transition:opacity .15s ease,background-color .15s ease}.cnetChatBox-conversation:hover .cnetChatBox-conversation-remove,.cnetChatBox-conversation:focus-within .cnetChatBox-conversation-remove,.cnetChatBox-conversation--active .cnetChatBox-conversation-remove{opacity:1}.cnetChatBox-conversation-remove:hover,.cnetChatBox-conversation-remove:focus-visible{background-color:#ec8b46;color:#000;outline:none}.cnetChatBox-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.cnetChatBox-header{flex:0 0 auto;display:flex;align-items:center;gap:0.75rem;padding:0.5rem 0.75rem;border-bottom:1px solid #000;background-color:#fff}.cnetChatBox-header-title{flex:1 1 auto;min-width:0;font-size:0.95rem;font-weight:600;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cnetChatBox-newChatButton{flex:0 0 auto;display:inline-flex;align-items:center;gap:0.4rem;padding:0.3rem 0.75rem;background-color:#fff;color:#000;border:none;border-radius:0.4rem;cursor:pointer;font-family:inherit;font-size:0.85rem;line-height:1.2;transition:background-color .15s ease}.cnetChatBox-newChatButton:hover:not(:disabled){background-color:#ec8b46}.cnetChatBox-newChatButton:focus-visible{outline:none;box-shadow:0 0 0 2px #000}.cnetChatBox-newChatButton:disabled{cursor:not-allowed;opacity:0.5}.cnetChatBox-newChatButton .cnetChatBox-icon{font-size:0.95rem}.cnetChatBox-textarea:disabled{cursor:wait;opacity:0.6}.cnetChatBox-messages{flex:1 1 auto;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:0.75rem;scroll-behavior:smooth}.cnetChatBox-empty{margin:auto;padding:1.5rem;color:#000;text-align:center;font-style:italic}.cnetChatBox-message{display:flex;max-width:100%}.cnetChatBox-message--user{flex-direction:column;align-items:flex-end}.cnetChatBox-message--assistant{flex-direction:column;align-items:flex-start}.cnetChatBox-bubble{max-width:85%;padding:0.55rem 0.85rem;border-radius:0.75rem;line-height:1.4;word-wrap:break-word;white-space:pre-wrap;box-shadow:0 1px 2px rgba(0,0,0,0.05)}.cnetChatBox-message--user .cnetChatBox-bubble{background-color:#fff;color:#000;border-bottom-right-radius:0.15rem}.cnetChatBox-message--assistant .cnetChatBox-bubble{background-color:#fff;color:#000;border:1px solid #585858;border-bottom-left-radius:0.15rem;white-space:normal}.cnetChatBox-bubble p{margin:0 0 0.5rem 0}.cnetChatBox-bubble p:last-child{margin-bottom:0}.cnetChatBox-bubble h1,.cnetChatBox-bubble h2,.cnetChatBox-bubble h3,.cnetChatBox-bubble h4,.cnetChatBox-bubble h5,.cnetChatBox-bubble h6{margin:0.4rem 0 0.3rem 0;font-weight:bold;line-height:1.25}.cnetChatBox-bubble ul{margin:0.25rem 0 0.5rem 1.25rem;padding:0}.cnetChatBox-bubble code{font-family:Lucida Console;font-size:0.9em;background-color:#fff;padding:0.05rem 0.3rem;border-radius:0.25rem}.cnetChatBox-bubble pre{margin:0.4rem 0;padding:0.6rem;background-color:#fff;border:1px solid #000;border-radius:0.35rem;overflow-x:auto}.cnetChatBox-bubble pre code{background:transparent;padding:0}.cnetChatBox-table{border-collapse:collapse;margin:0.4rem 0;font-size:0.95em}.cnetChatBox-table th,.cnetChatBox-table td{border:1px solid #585858;padding:0.25rem 0.5rem;text-align:left}.cnetChatBox-table th{background-color:#fff}.cnetChatBox-actions{display:flex;gap:0.25rem;margin-top:0.15rem;padding-left:0.15rem;opacity:0;transition:opacity 0.15s ease}.cnetChatBox-message:hover .cnetChatBox-actions,.cnetChatBox-message:focus-within .cnetChatBox-actions{opacity:1}.cnetChatBox-bubble--pending+.cnetChatBox-actions{display:none}.cnetChatBox-action{background:transparent;border:1px solid transparent;border-radius:0.35rem;padding:0.15rem 0.35rem;color:#000;cursor:pointer;line-height:1;transition:background-color .15s ease,color .15s ease}.cnetChatBox-action:hover,.cnetChatBox-action:focus-visible{background-color:#ec8b46;color:#000;outline:none}.cnetChatBox-action--done{color:#006362}.cnetChatBox-action .cnetChatBox-icon{font-size:0.85rem}.cnetChatBox-message--assistant .cnetChatBox-bubble.cnetChatBox-bubble--rich{max-width:100%;width:100%;padding:0.35rem;background-color:#fff;overflow:hidden}.cnetChatBox-bubble--rich>.sapUiVlt,.cnetChatBox-bubble--rich>*{max-width:100%}.cnetChatBox-bubble--pending .cnetChatBox-dots{display:inline-flex;gap:0.25rem;align-items:center;height:1em}.cnetChatBox-bubble--pending .cnetChatBox-dots span{display:inline-block;width:0.4rem;height:0.4rem;border-radius:50%;background-color:#000;opacity:0.4;animation:cnetChatBoxDots 1.2s infinite ease-in-out}.cnetChatBox-bubble--pending .cnetChatBox-dots span:nth-child(2){animation-delay:0.2s}.cnetChatBox-bubble--pending .cnetChatBox-dots span:nth-child(3){animation-delay:0.4s}@keyframes cnetChatBoxDots{0%,60%,100%{opacity:0.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}.cnetChatBox-inputArea{display:flex;flex-direction:column;padding:0.5rem 0.75rem 0.75rem;border-top:1px solid #000;background-color:#fff}.cnetChatBox-composer{display:flex;flex-direction:column;gap:0.35rem;padding:0.5rem 0.5rem 0.4rem;background-color:#fff;border:1px solid #000;border-radius:0.75rem;transition:border-color .15s ease,box-shadow .15s ease}.cnetChatBox-composer:focus-within{border-color:#000;box-shadow:0 0 0 1px #000}.cnetChatBox-attachmentsPending{display:none;flex-wrap:wrap;gap:0.4rem}.cnetChatBox-attachmentsPending--hasItems{display:flex}.cnetChatBox-fileinput{display:none}.cnetChatBox-textarea{resize:none;min-height:1.75rem;max-height:10rem;padding:0.25rem 0.35rem;font-family:inherit;font-size:inherit;color:#000;background-color:transparent;border:none;outline:none;line-height:1.4;width:100%;box-sizing:border-box}.cnetChatBox-composerBar{display:flex;align-items:center;justify-content:space-between;gap:0.5rem}.cnetChatBox-composerBar-left{display:flex;align-items:center;gap:0.15rem}.cnetChatBox-toolButton{flex:0 0 auto;width:1.9rem;height:1.9rem;display:inline-flex;align-items:center;justify-content:center;background-color:transparent;color:#000;border:none;border-radius:0.4rem;cursor:pointer;transition:background-color .15s ease,color .15s ease}.cnetChatBox-toolButton:hover:not(:disabled),.cnetChatBox-toolButton:focus-visible{background-color:#ec8b46;color:#000;outline:none}.cnetChatBox-send{flex:0 0 auto;width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;background-color:#fff;color:#000;border:none;border-radius:0.5rem;cursor:pointer;transition:background-color .15s ease}.cnetChatBox-send:hover:not(:disabled){background-color:#ec8b46}.cnetChatBox-send:focus-visible{outline:none;box-shadow:0 0 0 2px #000}.cnetChatBox-send:disabled,.cnetChatBox-toolButton:disabled{cursor:not-allowed;opacity:0.5}.cnetChatBox-icon{font-size:1rem;line-height:1}.cnetChatBox-attachments{display:flex;flex-wrap:wrap;gap:0.4rem}.cnetChatBox-message--user .cnetChatBox-bubble .cnetChatBox-attachments{margin-bottom:0.35rem}.cnetChatBox-message--user .cnetChatBox-bubble .cnetChatBox-attachments:last-child{margin-bottom:0}.cnetChatBox-attachment{display:inline-flex;align-items:center;gap:0.35rem;max-width:14rem;padding:0.25rem 0.4rem;background-color:#fff;border:1px solid #000;border-radius:0.35rem;color:#000;font-size:0.85rem;line-height:1.2}.cnetChatBox-attachment--image{padding:0.2rem}.cnetChatBox-attachment-thumb{max-width:6rem;max-height:4rem;border-radius:0.25rem;display:block;object-fit:cover}.cnetChatBox-attachment-icon{color:#000}.cnetChatBox-attachment-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cnetChatBox-attachment-remove{background:transparent;border:none;color:#000;cursor:pointer;font-size:1rem;line-height:1;padding:0 0.15rem;border-radius:0.2rem}.cnetChatBox-attachment-remove:hover,.cnetChatBox-attachment-remove:focus-visible{background-color:#ec8b46;color:#000;outline:none}.cnetChatBox-dropOverlay{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background-color:rgba(236,139,70,0.15);border:2px dashed #ec8b46;border-radius:0.5rem;pointer-events:none;z-index:2}.cnetChatBox--dragOver .cnetChatBox-dropOverlay{display:flex}.cnetChatBox-dropLabel{padding:0.5rem 1rem;background-color:#fff;color:#ec8b46;border-radius:0.35rem;font-weight:bold}.cnetChatBox-bubble-text{white-space:pre-wrap;word-wrap:break-word}.cnetChatBox-message--user .cnetChatBox-bubble.cnetChatBox-bubble--editing{background-color:#fff;color:#000;border:1px solid #000;max-width:32rem;min-width:16rem;display:flex;flex-direction:column;gap:0.4rem;padding:0.5rem}.cnetChatBox-editTextarea{resize:vertical;min-height:2.5rem;max-height:12rem;padding:0.35rem 0.5rem;font-family:inherit;font-size:inherit;color:#000;background-color:#fff;border:1px solid #000;border-radius:0.35rem;outline:none;line-height:1.35}.cnetChatBox-editTextarea:focus{border-color:#000;box-shadow:0 0 0 1px #000}.cnetChatBox-editActions{display:flex;justify-content:flex-end;gap:0.35rem}.cnetChatBox-editCancel,.cnetChatBox-editSave{padding:0.25rem 0.75rem;border-radius:0.35rem;border:1px solid transparent;cursor:pointer;font-family:inherit;font-size:inherit;line-height:1.35}.cnetChatBox-editCancel{background-color:transparent;color:#000;border-color:#000}.cnetChatBox-editCancel:hover{background-color:#ec8b46}.cnetChatBox-editSave{background-color:#fff;color:#000}.cnetChatBox-editSave:hover{background-color:#ec8b46}
2
+ /* Inline theming parameters */
3
+ #sap-ui-theme-chatui{background-image:url('data:text/plain;utf-8,%7B%7D')}
package/resources/chatui/themes/sap_fiori_3_hcw/library.source.less ADDED
@@ -0,0 +1,3 @@
1
+ @import "../base/library.source.less";
2
+ @import "/resources/sap/ui/core/themes/sap_fiori_3_hcw/base.less";
3
+ @import "/resources/sap/ui/core/themes/sap_fiori_3_hcw/global.less";
package/ui5.yaml ADDED
@@ -0,0 +1,15 @@
1
+ specVersion: '4.0'
2
+ metadata:
3
+ name: chatui
4
+ type: library
5
+ framework:
6
+ name: SAPUI5
7
+ version: "1.136.0"
8
+ libraries:
9
+ - name: sap.ui.core
10
+ - name: themelib_sap_fiori_3
11
+ resources:
12
+ configuration:
13
+ paths:
14
+ src: resources
15
+ test: test-resources