@3t-transform/threeteeui 1.9.33 → 1.9.35

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@3t-transform/threeteeui",
-    "version": "1.9.33",
+    "version": "1.9.35",
     "description": "3t Design System",
     "main": "dist/index.cjs.js",
     "module": "dist/index.js",

package/dist/cjs/tttx-comments_1_9_33.cjs.entry.js

@@ -1,113 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-fdc30724.js');
-
-const tttxCommentsCss = "*{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;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 12px;margin-bottom:4px;margin-top:10px;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}.commentBubble .bubbleHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.commentName{color:black;font-size:10pt}.commentContext{color:gray;font-size:10pt}.commentBubble .bubbleFooter{display:flex;justify-content:flex-end;padding:0 16px;font-size:9pt;color:#757575}.commentDivider{border:none;border-top:1px solid #ccc;margin:10px 0}";
-
-const TttxComments = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.commentAdded = index.createEvent(this, "commentAdded", 6);
-    this.requestFileUpload = index.createEvent(this, "requestFileUpload", 6);
-    this.requestFileDownload = index.createEvent(this, "requestFileDownload", 6);
-    this.currentuser = undefined;
-    this.comments = undefined;
-    this.disableFile = false;
-    this._comments = undefined;
-  }
-  componentWillLoad() {
-    // dynamic constructor: any props can be added later
-    this.onCommentsChange();
-  }
-  onCommentsChange() {
-    if (!this.comments) {
-      return;
-    }
-    if (typeof this.comments === 'string') {
-      this._comments = JSON.parse(this.comments);
-    }
-    else {
-      this._comments = this.comments;
-    }
-    this.scrollToBottom();
-  }
-  renderCommentBubble() {
-    var _a;
-    return (index.h(index.Fragment, null, (_a = this._comments) === null || _a === void 0 ? void 0 : _a.map((comment, index$1) => {
-      var _a;
-      const isCurrentUser = comment.createdByFullName === this.currentuser;
-      const bubbleClass = `commentBubble ${isCurrentUser ? 'right' : 'left'}`;
-      const isLastComment = index$1 === this._comments.length - 1;
-      const topComment = index$1 === 0 ? { marginTop: '10px' } : {};
-      return (index.h("div", { class: bubbleClass, key: comment.id, style: topComment }, index.h("div", { class: "bubbleHeader" }, index.h("span", { class: "commentName" }, comment.createdByFullName), ((_a = comment.metadata) === null || _a === void 0 ? void 0 : _a.contextString) && (index.h("span", { class: "commentContext" }, "(", comment.metadata.contextString, ")"))), index.h("div", { class: "bubbleText" }, this.renderCommentInner(comment)), index.h("div", { class: "bubbleFooter" }, index.h("span", { class: "commentDate" }, new Date(comment.createdAt).toLocaleString())), !isLastComment && index.h("hr", { class: "commentDivider" })));
-    })));
-  }
-  renderCommentInner(comment) {
-    if (comment.metadata && comment.metadata.type === 0) {
-      switch (comment.metadata.type) {
-        case ECommentType.FILE:
-          return this.renderFileLink(comment.metadata);
-      }
-    }
-    else {
-      return comment.text;
-    }
-  }
-  renderFileLink(metadata) {
-    return index.h("button", { class: "linkButton", type: "button", value: metadata.key, onClick: this.onFileDownloadRequest.bind(this) }, metadata.filename);
-  }
-  onFormSubmit(event) {
-    event.preventDefault();
-    const fd = new FormData(event.currentTarget);
-    let text;
-    for (const data of fd.entries()) {
-      text = data[1];
-    }
-    event.currentTarget.reset();
-    const newComment = {
-      id: undefined,
-      text: text,
-      createdAt: +(new Date()),
-      createdByFullName: this.currentuser,
-      createdById: undefined
-    };
-    this._comments = [...this._comments, newComment];
-    this.commentAdded.emit(newComment);
-    this.scrollToBottom();
-  }
-  scrollToBottom() {
-    setTimeout(() => this._scrollContainer.scrollTo({ top: this._scrollContainer.scrollHeight }));
-  }
-  onFileUploadRequest() {
-    this.requestFileUpload.emit();
-  }
-  onFileDownloadRequest(event) {
-    this.requestFileDownload.emit(event.currentTarget.value);
-  }
-  async addDummyComment(text, createdByFullName) {
-    const newComment = {
-      id: undefined,
-      text: text,
-      createdAt: +(new Date()),
-      createdByFullName: createdByFullName !== null && createdByFullName !== void 0 ? createdByFullName : this.currentuser,
-      createdById: undefined
-    };
-    this._comments = [...this._comments, newComment];
-    this.scrollToBottom();
-  }
-  render() {
-    return (index.h(index.Host, null, index.h("article", { id: "comment-container" }, index.h("section", { id: "comment-bubbles-section" }, index.h("div", { id: "scroll-container", ref: el => this._scrollContainer = el }, this.renderCommentBubble())), index.h("section", { id: "input-section" }, index.h("form", { onSubmit: this.onFormSubmit.bind(this) }, index.h("fieldset", null, index.h("input", { type: "text", name: "commentText", required: true, maxlength: "5000", placeholder: "Enter comment" })), index.h("fieldset", null, !this.disableFile && (index.h("button", { id: "attach-file", type: "button", value: "File", onClick: this.onFileUploadRequest.bind(this) }, index.h("tttx-icon_1_9_33", { color: "black", icon: "attach_file" }))), index.h("input", { type: "submit", value: "Add Comment" })))))));
-  }
-  static get watchers() { return {
-    "comments": ["onCommentsChange"]
-  }; }
-};
-var ECommentType;
-(function (ECommentType) {
-  ECommentType[ECommentType["FILE"] = 0] = "FILE";
-})(ECommentType || (ECommentType = {}));
-TttxComments.style = tttxCommentsCss;
-
-exports.tttx_comments_1_9_33 = TttxComments;

package/dist/components/tttx-checkbox-group-caption_1_9_33.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface TttxCheckboxGroupCaption_1_9_33 extends Components.TttxCheckboxGroupCaption_1_9_33, HTMLElement {}
-export const TttxCheckboxGroupCaption_1_9_33: {
-  prototype: TttxCheckboxGroupCaption_1_9_33;
-  new (): TttxCheckboxGroupCaption_1_9_33;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/tttx-checkbox-group-heading_1_9_33.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface TttxCheckboxGroupHeading_1_9_33 extends Components.TttxCheckboxGroupHeading_1_9_33, HTMLElement {}
-export const TttxCheckboxGroupHeading_1_9_33: {
-  prototype: TttxCheckboxGroupHeading_1_9_33;
-  new (): TttxCheckboxGroupHeading_1_9_33;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/tttx-checkbox-group_1_9_33.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface TttxCheckboxGroup_1_9_33 extends Components.TttxCheckboxGroup_1_9_33, HTMLElement {}
-export const TttxCheckboxGroup_1_9_33: {
-  prototype: TttxCheckboxGroup_1_9_33;
-  new (): TttxCheckboxGroup_1_9_33;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/tttx-comments_1_9_33.js

@@ -1,139 +0,0 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Fragment, Host } from '@stencil/core/internal/client';
-import { d as defineCustomElement$2 } from './tttx-icon.js';
-
-const tttxCommentsCss = "*{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;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 12px;margin-bottom:4px;margin-top:10px;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}.commentBubble .bubbleHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.commentName{color:black;font-size:10pt}.commentContext{color:gray;font-size:10pt}.commentBubble .bubbleFooter{display:flex;justify-content:flex-end;padding:0 16px;font-size:9pt;color:#757575}.commentDivider{border:none;border-top:1px solid #ccc;margin:10px 0}";
-
-const TttxComments = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.commentAdded = createEvent(this, "commentAdded", 6);
-    this.requestFileUpload = createEvent(this, "requestFileUpload", 6);
-    this.requestFileDownload = createEvent(this, "requestFileDownload", 6);
-    this.currentuser = undefined;
-    this.comments = undefined;
-    this.disableFile = false;
-    this._comments = undefined;
-  }
-  componentWillLoad() {
-    // dynamic constructor: any props can be added later
-    this.onCommentsChange();
-  }
-  onCommentsChange() {
-    if (!this.comments) {
-      return;
-    }
-    if (typeof this.comments === 'string') {
-      this._comments = JSON.parse(this.comments);
-    }
-    else {
-      this._comments = this.comments;
-    }
-    this.scrollToBottom();
-  }
-  renderCommentBubble() {
-    var _a;
-    return (h(Fragment, null, (_a = this._comments) === null || _a === void 0 ? void 0 : _a.map((comment, index) => {
-      var _a;
-      const isCurrentUser = comment.createdByFullName === this.currentuser;
-      const bubbleClass = `commentBubble ${isCurrentUser ? 'right' : 'left'}`;
-      const isLastComment = index === this._comments.length - 1;
-      const topComment = index === 0 ? { marginTop: '10px' } : {};
-      return (h("div", { class: bubbleClass, key: comment.id, style: topComment }, h("div", { class: "bubbleHeader" }, h("span", { class: "commentName" }, comment.createdByFullName), ((_a = comment.metadata) === null || _a === void 0 ? void 0 : _a.contextString) && (h("span", { class: "commentContext" }, "(", comment.metadata.contextString, ")"))), h("div", { class: "bubbleText" }, this.renderCommentInner(comment)), h("div", { class: "bubbleFooter" }, h("span", { class: "commentDate" }, new Date(comment.createdAt).toLocaleString())), !isLastComment && h("hr", { class: "commentDivider" })));
-    })));
-  }
-  renderCommentInner(comment) {
-    if (comment.metadata && comment.metadata.type === 0) {
-      switch (comment.metadata.type) {
-        case ECommentType.FILE:
-          return this.renderFileLink(comment.metadata);
-      }
-    }
-    else {
-      return comment.text;
-    }
-  }
-  renderFileLink(metadata) {
-    return h("button", { class: "linkButton", type: "button", value: metadata.key, onClick: this.onFileDownloadRequest.bind(this) }, metadata.filename);
-  }
-  onFormSubmit(event) {
-    event.preventDefault();
-    const fd = new FormData(event.currentTarget);
-    let text;
-    for (const data of fd.entries()) {
-      text = data[1];
-    }
-    event.currentTarget.reset();
-    const newComment = {
-      id: undefined,
-      text: text,
-      createdAt: +(new Date()),
-      createdByFullName: this.currentuser,
-      createdById: undefined
-    };
-    this._comments = [...this._comments, newComment];
-    this.commentAdded.emit(newComment);
-    this.scrollToBottom();
-  }
-  scrollToBottom() {
-    setTimeout(() => this._scrollContainer.scrollTo({ top: this._scrollContainer.scrollHeight }));
-  }
-  onFileUploadRequest() {
-    this.requestFileUpload.emit();
-  }
-  onFileDownloadRequest(event) {
-    this.requestFileDownload.emit(event.currentTarget.value);
-  }
-  async addDummyComment(text, createdByFullName) {
-    const newComment = {
-      id: undefined,
-      text: text,
-      createdAt: +(new Date()),
-      createdByFullName: createdByFullName !== null && createdByFullName !== void 0 ? createdByFullName : this.currentuser,
-      createdById: undefined
-    };
-    this._comments = [...this._comments, newComment];
-    this.scrollToBottom();
-  }
-  render() {
-    return (h(Host, null, h("article", { id: "comment-container" }, h("section", { id: "comment-bubbles-section" }, h("div", { id: "scroll-container", ref: el => this._scrollContainer = el }, this.renderCommentBubble())), h("section", { id: "input-section" }, h("form", { onSubmit: this.onFormSubmit.bind(this) }, h("fieldset", null, h("input", { type: "text", name: "commentText", required: true, maxlength: "5000", placeholder: "Enter comment" })), h("fieldset", null, !this.disableFile && (h("button", { id: "attach-file", type: "button", value: "File", onClick: this.onFileUploadRequest.bind(this) }, h("tttx-icon_1_9_33", { color: "black", icon: "attach_file" }))), h("input", { type: "submit", value: "Add Comment" })))))));
-  }
-  static get watchers() { return {
-    "comments": ["onCommentsChange"]
-  }; }
-  static get style() { return tttxCommentsCss; }
-}, [1, "tttx-comments_1_9_33", {
-    "currentuser": [1],
-    "comments": [1],
-    "disableFile": [4, "disable-file"],
-    "_comments": [32],
-    "addDummyComment": [64]
-  }]);
-var ECommentType;
-(function (ECommentType) {
-  ECommentType[ECommentType["FILE"] = 0] = "FILE";
-})(ECommentType || (ECommentType = {}));
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["tttx-comments_1_9_33", "tttx-icon_1_9_33"];
-  components.forEach(tagName => { switch (tagName) {
-    case "tttx-comments_1_9_33":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, TttxComments);
-      }
-      break;
-    case "tttx-icon_1_9_33":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
-}
-
-const TttxComments_1_9_33 = TttxComments;
-const defineCustomElement = defineCustomElement$1;
-
-export { TttxComments_1_9_33, defineCustomElement };

package/dist/components/tttx-data-pattern_1_9_33.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface TttxDataPattern_1_9_33 extends Components.TttxDataPattern_1_9_33, HTMLElement {}
-export const TttxDataPattern_1_9_33: {
-  prototype: TttxDataPattern_1_9_33;
-  new (): TttxDataPattern_1_9_33;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/tttx-dialog-box_1_9_33.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface TttxDialogBox_1_9_33 extends Components.TttxDialogBox_1_9_33, HTMLElement {}
-export const TttxDialogBox_1_9_33: {
-  prototype: TttxDialogBox_1_9_33;
-  new (): TttxDialogBox_1_9_33;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/tttx-expander_1_9_33.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface TttxExpander_1_9_33 extends Components.TttxExpander_1_9_33, HTMLElement {}
-export const TttxExpander_1_9_33: {
-  prototype: TttxExpander_1_9_33;
-  new (): TttxExpander_1_9_33;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/tttx-keyvalue-block_1_9_33.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface TttxKeyvalueBlock_1_9_33 extends Components.TttxKeyvalueBlock_1_9_33, HTMLElement {}
-export const TttxKeyvalueBlock_1_9_33: {
-  prototype: TttxKeyvalueBlock_1_9_33;
-  new (): TttxKeyvalueBlock_1_9_33;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/tttx-loading-spinner_1_9_33.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface TttxLoadingSpinner_1_9_33 extends Components.TttxLoadingSpinner_1_9_33, HTMLElement {}
-export const TttxLoadingSpinner_1_9_33: {
-  prototype: TttxLoadingSpinner_1_9_33;
-  new (): TttxLoadingSpinner_1_9_33;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/tttx-multiselect-box_1_9_33.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface TttxMultiselectBox_1_9_33 extends Components.TttxMultiselectBox_1_9_33, HTMLElement {}
-export const TttxMultiselectBox_1_9_33: {
-  prototype: TttxMultiselectBox_1_9_33;
-  new (): TttxMultiselectBox_1_9_33;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/tttx-percentage-bar_1_9_33.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface TttxPercentageBar_1_9_33 extends Components.TttxPercentageBar_1_9_33, HTMLElement {}
-export const TttxPercentageBar_1_9_33: {
-  prototype: TttxPercentageBar_1_9_33;
-  new (): TttxPercentageBar_1_9_33;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/tttx-select-box_1_9_33.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface TttxSelectBox_1_9_33 extends Components.TttxSelectBox_1_9_33, HTMLElement {}
-export const TttxSelectBox_1_9_33: {
-  prototype: TttxSelectBox_1_9_33;
-  new (): TttxSelectBox_1_9_33;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/tttx-sorter_1_9_33.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface TttxSorter_1_9_33 extends Components.TttxSorter_1_9_33, HTMLElement {}
-export const TttxSorter_1_9_33: {
-  prototype: TttxSorter_1_9_33;
-  new (): TttxSorter_1_9_33;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/tttx-standalone-input_1_9_33.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface TttxStandaloneInput_1_9_33 extends Components.TttxStandaloneInput_1_9_33, HTMLElement {}
-export const TttxStandaloneInput_1_9_33: {
-  prototype: TttxStandaloneInput_1_9_33;
-  new (): TttxStandaloneInput_1_9_33;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/tttx-textarea_1_9_33.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface TttxTextarea_1_9_33 extends Components.TttxTextarea_1_9_33, HTMLElement {}
-export const TttxTextarea_1_9_33: {
-  prototype: TttxTextarea_1_9_33;
-  new (): TttxTextarea_1_9_33;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/tttx-toggle_1_9_33.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface TttxToggle_1_9_33 extends Components.TttxToggle_1_9_33, HTMLElement {}
-export const TttxToggle_1_9_33: {
-  prototype: TttxToggle_1_9_33;
-  new (): TttxToggle_1_9_33;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/tttx-toolbar_1_9_33.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface TttxToolbar_1_9_33 extends Components.TttxToolbar_1_9_33, HTMLElement {}
-export const TttxToolbar_1_9_33: {
-  prototype: TttxToolbar_1_9_33;
-  new (): TttxToolbar_1_9_33;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/tttx-tree-view_1_9_33.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface TttxTreeView_1_9_33 extends Components.TttxTreeView_1_9_33, HTMLElement {}
-export const TttxTreeView_1_9_33: {
-  prototype: TttxTreeView_1_9_33;
-  new (): TttxTreeView_1_9_33;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/esm/tttx-comments_1_9_33.entry.js

@@ -1,109 +0,0 @@
-import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host } from './index-88bd2f60.js';
-
-const tttxCommentsCss = "*{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;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 12px;margin-bottom:4px;margin-top:10px;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}.commentBubble .bubbleHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.commentName{color:black;font-size:10pt}.commentContext{color:gray;font-size:10pt}.commentBubble .bubbleFooter{display:flex;justify-content:flex-end;padding:0 16px;font-size:9pt;color:#757575}.commentDivider{border:none;border-top:1px solid #ccc;margin:10px 0}";
-
-const TttxComments = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.commentAdded = createEvent(this, "commentAdded", 6);
-    this.requestFileUpload = createEvent(this, "requestFileUpload", 6);
-    this.requestFileDownload = createEvent(this, "requestFileDownload", 6);
-    this.currentuser = undefined;
-    this.comments = undefined;
-    this.disableFile = false;
-    this._comments = undefined;
-  }
-  componentWillLoad() {
-    // dynamic constructor: any props can be added later
-    this.onCommentsChange();
-  }
-  onCommentsChange() {
-    if (!this.comments) {
-      return;
-    }
-    if (typeof this.comments === 'string') {
-      this._comments = JSON.parse(this.comments);
-    }
-    else {
-      this._comments = this.comments;
-    }
-    this.scrollToBottom();
-  }
-  renderCommentBubble() {
-    var _a;
-    return (h(Fragment, null, (_a = this._comments) === null || _a === void 0 ? void 0 : _a.map((comment, index) => {
-      var _a;
-      const isCurrentUser = comment.createdByFullName === this.currentuser;
-      const bubbleClass = `commentBubble ${isCurrentUser ? 'right' : 'left'}`;
-      const isLastComment = index === this._comments.length - 1;
-      const topComment = index === 0 ? { marginTop: '10px' } : {};
-      return (h("div", { class: bubbleClass, key: comment.id, style: topComment }, h("div", { class: "bubbleHeader" }, h("span", { class: "commentName" }, comment.createdByFullName), ((_a = comment.metadata) === null || _a === void 0 ? void 0 : _a.contextString) && (h("span", { class: "commentContext" }, "(", comment.metadata.contextString, ")"))), h("div", { class: "bubbleText" }, this.renderCommentInner(comment)), h("div", { class: "bubbleFooter" }, h("span", { class: "commentDate" }, new Date(comment.createdAt).toLocaleString())), !isLastComment && h("hr", { class: "commentDivider" })));
-    })));
-  }
-  renderCommentInner(comment) {
-    if (comment.metadata && comment.metadata.type === 0) {
-      switch (comment.metadata.type) {
-        case ECommentType.FILE:
-          return this.renderFileLink(comment.metadata);
-      }
-    }
-    else {
-      return comment.text;
-    }
-  }
-  renderFileLink(metadata) {
-    return h("button", { class: "linkButton", type: "button", value: metadata.key, onClick: this.onFileDownloadRequest.bind(this) }, metadata.filename);
-  }
-  onFormSubmit(event) {
-    event.preventDefault();
-    const fd = new FormData(event.currentTarget);
-    let text;
-    for (const data of fd.entries()) {
-      text = data[1];
-    }
-    event.currentTarget.reset();
-    const newComment = {
-      id: undefined,
-      text: text,
-      createdAt: +(new Date()),
-      createdByFullName: this.currentuser,
-      createdById: undefined
-    };
-    this._comments = [...this._comments, newComment];
-    this.commentAdded.emit(newComment);
-    this.scrollToBottom();
-  }
-  scrollToBottom() {
-    setTimeout(() => this._scrollContainer.scrollTo({ top: this._scrollContainer.scrollHeight }));
-  }
-  onFileUploadRequest() {
-    this.requestFileUpload.emit();
-  }
-  onFileDownloadRequest(event) {
-    this.requestFileDownload.emit(event.currentTarget.value);
-  }
-  async addDummyComment(text, createdByFullName) {
-    const newComment = {
-      id: undefined,
-      text: text,
-      createdAt: +(new Date()),
-      createdByFullName: createdByFullName !== null && createdByFullName !== void 0 ? createdByFullName : this.currentuser,
-      createdById: undefined
-    };
-    this._comments = [...this._comments, newComment];
-    this.scrollToBottom();
-  }
-  render() {
-    return (h(Host, null, h("article", { id: "comment-container" }, h("section", { id: "comment-bubbles-section" }, h("div", { id: "scroll-container", ref: el => this._scrollContainer = el }, this.renderCommentBubble())), h("section", { id: "input-section" }, h("form", { onSubmit: this.onFormSubmit.bind(this) }, h("fieldset", null, h("input", { type: "text", name: "commentText", required: true, maxlength: "5000", placeholder: "Enter comment" })), h("fieldset", null, !this.disableFile && (h("button", { id: "attach-file", type: "button", value: "File", onClick: this.onFileUploadRequest.bind(this) }, h("tttx-icon_1_9_33", { color: "black", icon: "attach_file" }))), h("input", { type: "submit", value: "Add Comment" })))))));
-  }
-  static get watchers() { return {
-    "comments": ["onCommentsChange"]
-  }; }
-};
-var ECommentType;
-(function (ECommentType) {
-  ECommentType[ECommentType["FILE"] = 0] = "FILE";
-})(ECommentType || (ECommentType = {}));
-TttxComments.style = tttxCommentsCss;
-
-export { TttxComments as tttx_comments_1_9_33 };

package/dist/tttx/p-fd94fc07.entry.js

@@ -1 +0,0 @@
-import{r as t,c as e,h as i,F as n,H as o}from"./p-d490353a.js";const s=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.disableFile=!1,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,e)=>{var n;const o=e===this._comments.length-1;return i("div",{class:"commentBubble "+(t.createdByFullName===this.currentuser?"right":"left"),key:t.id,style:0===e?{marginTop:"10px"}:{}},i("div",{class:"bubbleHeader"},i("span",{class:"commentName"},t.createdByFullName),(null===(n=t.metadata)||void 0===n?void 0:n.contextString)&&i("span",{class:"commentContext"},"(",t.metadata.contextString,")")),i("div",{class:"bubbleText"},this.renderCommentInner(t)),i("div",{class:"bubbleFooter"},i("span",{class:"commentDate"},new Date(t.createdAt).toLocaleString())),!o&&i("hr",{class:"commentDivider"}))})))}renderCommentInner(t){return t.metadata&&0===t.metadata.type?t.metadata.type===l.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:"5000",placeholder:"Enter comment"})),i("fieldset",null,!this.disableFile&&i("button",{id:"attach-file",type:"button",value:"File",onClick:this.onFileUploadRequest.bind(this)},i("tttx-icon_1_9_33",{color:"black",icon:"attach_file"})),i("input",{type:"submit",value:"Add Comment"}))))))}static get watchers(){return{comments:["onCommentsChange"]}}};var l;!function(t){t[t.FILE=0]="FILE"}(l||(l={})),s.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;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 12px;margin-bottom:4px;margin-top:10px;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}.commentBubble .bubbleHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.commentName{color:black;font-size:10pt}.commentContext{color:gray;font-size:10pt}.commentBubble .bubbleFooter{display:flex;justify-content:flex-end;padding:0 16px;font-size:9pt;color:#757575}.commentDivider{border:none;border-top:1px solid #ccc;margin:10px 0}';export{s as tttx_comments_1_9_33}