@3t-transform/threeteeui 1.9.17 → 1.9.18

package/dist/tttx/p-2d4c1e8a.entry.js

@@ -1 +1 @@
-import{r as t,c as e,h as i,F as n,H as o}from"./p-d490353a.js";const d=class{constructor(i){t(this,i),this.commentAdded=e(this,"commentAdded",6),this.requestFileUpload=e(this,"requestFileUpload",6),this.requestFileDownload=e(this,"requestFileDownload",6),this.currentuser=void 0,this.comments=void 0,this._comments=void 0}componentWillLoad(){this.onCommentsChange()}onCommentsChange(){this.comments&&(this._comments="string"==typeof this.comments?JSON.parse(this.comments):this.comments,this.scrollToBottom())}renderCommentBubble(){var t;return i(n,null,null===(t=this._comments)||void 0===t?void 0:t.map((t=>{let e="commentBubble ";return e+=t.createdByFullName===this.currentuser?"right":"left",i("div",{class:e,key:t.id},i("div",{class:"bubbleText"},this.renderCommentInner(t)),i("span",null,new Date(t.createdAt).toLocaleString()),i("span",{style:{color:"black"}},t.createdByFullName))})))}renderCommentInner(t){return t.metadata?t.metadata.type===s.FILE?this.renderFileLink(t.metadata):void 0:t.text}renderFileLink(t){return i("button",{class:"linkButton",type:"button",value:t.key,onClick:this.onFileDownloadRequest.bind(this)},t.filename)}onFormSubmit(t){t.preventDefault();const e=new FormData(t.currentTarget);let i;for(const t of e.entries())i=t[1];t.currentTarget.reset();const n={id:void 0,text:i,createdAt:+new Date,createdByFullName:this.currentuser,createdById:void 0};this._comments=[...this._comments,n],this.commentAdded.emit(n),this.scrollToBottom()}scrollToBottom(){setTimeout((()=>this._scrollContainer.scrollTo({top:this._scrollContainer.scrollHeight})))}onFileUploadRequest(){this.requestFileUpload.emit()}onFileDownloadRequest(t){this.requestFileDownload.emit(t.currentTarget.value)}async addDummyComment(t,e){const i={id:void 0,text:t,createdAt:+new Date,createdByFullName:null!=e?e:this.currentuser,createdById:void 0};this._comments=[...this._comments,i],this.scrollToBottom()}render(){return i(o,null,i("article",{id:"comment-container"},i("section",{id:"comment-bubbles-section"},i("div",{id:"scroll-container",ref:t=>this._scrollContainer=t},this.renderCommentBubble())),i("section",{id:"input-section"},i("form",{onSubmit:this.onFormSubmit.bind(this)},i("fieldset",null,i("input",{type:"text",name:"commentText",required:!0,maxlength:"500",placeholder:"Enter comment"})),i("fieldset",null,i("button",{id:"attach-file",type:"button",value:"File",onClick:this.onFileUploadRequest.bind(this)},i("tttx-icon_1_9_17",{color:"black",icon:"attach_file"})),i("input",{type:"submit",value:"Add Comment"}))))))}static get watchers(){return{comments:["onCommentsChange"]}}};var s;!function(t){t[t.FILE=0]="FILE"}(s||(s={})),d.style='*{font-family:"Roboto", sans-serif}#comment-container{display:flex;height:100%;flex-direction:column}#comment-bubbles-section{display:flex;height:100%;flex-direction:column;justify-content:end;border-bottom:solid 1px #dddddd;margin-bottom:8px;padding-bottom:8px;overflow:hidden}#input-section,#input-section form{display:flex;flex-direction:column}#scroll-container{display:flex;overflow-y:auto;max-height:100%;width:100%;align-items:end;flex-direction:column}.commentBubble{display:flex;flex-direction:column;margin-bottom:8px;width:100%}.commentBubble>.bubbleText{background:#f0f0f0;border-radius:4px;padding:8px 16px;margin-bottom:4px;font-size:11pt;white-space:wrap}.commentBubble>span{color:#757575;font-size:10pt;margin:2px 16px}.commentBubble.right>span{text-align:right}.commentBubble.left>span{text-align:left}input{border:1px solid #dddddd;border-radius:4px;padding:8px 16px;font-size:11pt}input[type=text]{flex-grow:1}input[type=submit]{text-transform:uppercase;background:white;font-size:10pt;margin-top:8px;width:132px;display:flex;align-self:end}input[type=submit]:hover,input[type=submit]:active{background:#dddddd}button#attach-file{text-transform:uppercase;background:white;font-size:10pt;margin-top:8px;align-self:end;border:1px solid #dddddd;border-radius:4px;width:34px;height:34px;display:flex;flex-direction:column;justify-content:center;margin-right:8px}button#attach-file:hover,button#attach-file:active{background:#dddddd}button#attach-file *{margin-top:3px}fieldset{border:none;padding:0;margin:0;display:flex;flex-direction:row;justify-content:end}button.linkButton{border:none;background:transparent;color:#3680bd;cursor:pointer;padding:0}';export{d as tttx_comments_1_9_17}
+import{r as t,c as e,h as i,F as n,H as o}from"./p-d490353a.js";const d=class{constructor(i){t(this,i),this.commentAdded=e(this,"commentAdded",6),this.requestFileUpload=e(this,"requestFileUpload",6),this.requestFileDownload=e(this,"requestFileDownload",6),this.currentuser=void 0,this.comments=void 0,this._comments=void 0}componentWillLoad(){this.onCommentsChange()}onCommentsChange(){this.comments&&(this._comments="string"==typeof this.comments?JSON.parse(this.comments):this.comments,this.scrollToBottom())}renderCommentBubble(){var t;return i(n,null,null===(t=this._comments)||void 0===t?void 0:t.map((t=>{let e="commentBubble ";return e+=t.createdByFullName===this.currentuser?"right":"left",i("div",{class:e,key:t.id},i("div",{class:"bubbleText"},this.renderCommentInner(t)),i("span",null,new Date(t.createdAt).toLocaleString()),i("span",{style:{color:"black"}},t.createdByFullName))})))}renderCommentInner(t){return t.metadata?t.metadata.type===s.FILE?this.renderFileLink(t.metadata):void 0:t.text}renderFileLink(t){return i("button",{class:"linkButton",type:"button",value:t.key,onClick:this.onFileDownloadRequest.bind(this)},t.filename)}onFormSubmit(t){t.preventDefault();const e=new FormData(t.currentTarget);let i;for(const t of e.entries())i=t[1];t.currentTarget.reset();const n={id:void 0,text:i,createdAt:+new Date,createdByFullName:this.currentuser,createdById:void 0};this._comments=[...this._comments,n],this.commentAdded.emit(n),this.scrollToBottom()}scrollToBottom(){setTimeout((()=>this._scrollContainer.scrollTo({top:this._scrollContainer.scrollHeight})))}onFileUploadRequest(){this.requestFileUpload.emit()}onFileDownloadRequest(t){this.requestFileDownload.emit(t.currentTarget.value)}async addDummyComment(t,e){const i={id:void 0,text:t,createdAt:+new Date,createdByFullName:null!=e?e:this.currentuser,createdById:void 0};this._comments=[...this._comments,i],this.scrollToBottom()}render(){return i(o,null,i("article",{id:"comment-container"},i("section",{id:"comment-bubbles-section"},i("div",{id:"scroll-container",ref:t=>this._scrollContainer=t},this.renderCommentBubble())),i("section",{id:"input-section"},i("form",{onSubmit:this.onFormSubmit.bind(this)},i("fieldset",null,i("input",{type:"text",name:"commentText",required:!0,maxlength:"500",placeholder:"Enter comment"})),i("fieldset",null,i("button",{id:"attach-file",type:"button",value:"File",onClick:this.onFileUploadRequest.bind(this)},i("tttx-icon_1_9_18",{color:"black",icon:"attach_file"})),i("input",{type:"submit",value:"Add Comment"}))))))}static get watchers(){return{comments:["onCommentsChange"]}}};var s;!function(t){t[t.FILE=0]="FILE"}(s||(s={})),d.style='*{font-family:"Roboto", sans-serif}#comment-container{display:flex;height:100%;flex-direction:column}#comment-bubbles-section{display:flex;height:100%;flex-direction:column;justify-content:end;border-bottom:solid 1px #dddddd;margin-bottom:8px;padding-bottom:8px;overflow:hidden}#input-section,#input-section form{display:flex;flex-direction:column}#scroll-container{display:flex;overflow-y:auto;max-height:100%;width:100%;align-items:end;flex-direction:column}.commentBubble{display:flex;flex-direction:column;margin-bottom:8px;width:100%}.commentBubble>.bubbleText{background:#f0f0f0;border-radius:4px;padding:8px 16px;margin-bottom:4px;font-size:11pt;white-space:wrap}.commentBubble>span{color:#757575;font-size:10pt;margin:2px 16px}.commentBubble.right>span{text-align:right}.commentBubble.left>span{text-align:left}input{border:1px solid #dddddd;border-radius:4px;padding:8px 16px;font-size:11pt}input[type=text]{flex-grow:1}input[type=submit]{text-transform:uppercase;background:white;font-size:10pt;margin-top:8px;width:132px;display:flex;align-self:end}input[type=submit]:hover,input[type=submit]:active{background:#dddddd}button#attach-file{text-transform:uppercase;background:white;font-size:10pt;margin-top:8px;align-self:end;border:1px solid #dddddd;border-radius:4px;width:34px;height:34px;display:flex;flex-direction:column;justify-content:center;margin-right:8px}button#attach-file:hover,button#attach-file:active{background:#dddddd}button#attach-file *{margin-top:3px}fieldset{border:none;padding:0;margin:0;display:flex;flex-direction:row;justify-content:end}button.linkButton{border:none;background:transparent;color:#3680bd;cursor:pointer;padding:0}';export{d as tttx_comments_1_9_18}