quikchat 1.0.0

package/dist/quikchat.umd.js

@@ -0,0 +1,304 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
+  typeof define === 'function' && define.amd ? define(factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.quikchat = factory());
+})(this, (function () { 'use strict';
+
+  function _arrayLikeToArray(r, a) {
+    (null == a || a > r.length) && (a = r.length);
+    for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+    return n;
+  }
+  function _arrayWithoutHoles(r) {
+    if (Array.isArray(r)) return _arrayLikeToArray(r);
+  }
+  function _classCallCheck(a, n) {
+    if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function");
+  }
+  function _defineProperties(e, r) {
+    for (var t = 0; t < r.length; t++) {
+      var o = r[t];
+      o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o);
+    }
+  }
+  function _createClass(e, r, t) {
+    return r && _defineProperties(e.prototype, r), Object.defineProperty(e, "prototype", {
+      writable: !1
+    }), e;
+  }
+  function _iterableToArray(r) {
+    if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
+  }
+  function _nonIterableSpread() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+  function _toConsumableArray(r) {
+    return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread();
+  }
+  function _toPrimitive(t, r) {
+    if ("object" != typeof t || !t) return t;
+    var e = t[Symbol.toPrimitive];
+    if (void 0 !== e) {
+      var i = e.call(t, r );
+      if ("object" != typeof i) return i;
+      throw new TypeError("@@toPrimitive must return a primitive value.");
+    }
+    return (String )(t);
+  }
+  function _toPropertyKey(t) {
+    var i = _toPrimitive(t, "string");
+    return "symbol" == typeof i ? i : i + "";
+  }
+  function _unsupportedIterableToArray(r, a) {
+    if (r) {
+      if ("string" == typeof r) return _arrayLikeToArray(r, a);
+      var t = {}.toString.call(r).slice(8, -1);
+      return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
+    }
+  }
+
+  // quikchat.js
+  var quikchat = /*#__PURE__*/function () {
+    function quikchat(parentElement) {
+      var meta = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
+        theme: 'quikchat-theme-light',
+        onSend: function onSend() {}
+      };
+      _classCallCheck(this, quikchat);
+      this._parentElement = parentElement;
+      this._theme = meta.theme;
+      this._onSend = meta.onSend ? meta.onSend : function () {};
+      this._createWidget();
+      // title area
+      if (meta.titleArea) {
+        this.titleAreaSetContents(meta.titleArea.title, meta.titleArea.align);
+        if (meta.titleArea.show) {
+          this.titleAreaShow();
+        } else {
+          this.titleAreaHide();
+        }
+      }
+      this._attachEventListeners();
+    }
+    return _createClass(quikchat, [{
+      key: "_createWidget",
+      value: function _createWidget() {
+        var widgetHTML = "\n            <div class=\"quikchat-base ".concat(this.theme, "\">\n                <div class=\"quikchat-title-area\">\n                    <span style=\"font-size: 1.5em; font-weight: 600;\">Title Area</span>\n                </div>\n                <div class=\"quikchat-messages-area\"></div>\n                <div class=\"quikchat-input-area\">\n                    <textarea class=\"quikchat-input-textbox\"></textarea>\n                    <button class=\"quikchat-input-send-btn\">Send</button>\n                </div>\n            </div>\n            ");
+        this._parentElement.innerHTML = widgetHTML;
+        this._chatWidget = this._parentElement.querySelector('.quikchat-base');
+        this._titleArea = this._chatWidget.querySelector('.quikchat-title-area');
+        this._messagesArea = this._chatWidget.querySelector('.quikchat-messages-area');
+        this._inputArea = this._chatWidget.querySelector('.quikchat-input-area');
+        this._textEntry = this._inputArea.querySelector('.quikchat-input-textbox');
+        this._sendButton = this._inputArea.querySelector('.quikchat-input-send-btn');
+        this.msgid = 0;
+      }
+    }, {
+      key: "$",
+      value: function $() {}
+    }, {
+      key: "_attachEventListeners",
+      value: function _attachEventListeners() {
+        var _this = this;
+        this._sendButton.addEventListener('click', function () {
+          return _this._onSend(_this, _this._textEntry.value.trim());
+        });
+        window.addEventListener('resize', function () {
+          return _this._handleContainerResize();
+        });
+        this._chatWidget.addEventListener('resize', function () {
+          return _this._handleContainerResize();
+        });
+        this._textEntry.addEventListener('keydown', function (event) {
+          // Check if Shift + Enter is pressed
+          if (event.shiftKey && event.keyCode === 13) {
+            // Prevent default behavior (adding new line)
+            event.preventDefault();
+            _this._onSend(_this, _this._textEntry.value.trim());
+          }
+        });
+      }
+    }, {
+      key: "titleAreaToggle",
+      value: function titleAreaToggle() {
+        this._titleArea.style.display === 'none' ? this.titleAreaShow() : this.titleAreaHide();
+      }
+    }, {
+      key: "titleAreaShow",
+      value: function titleAreaShow() {
+        this._titleArea.style.display = '';
+        this._adjustMessagesAreaHeight();
+      }
+    }, {
+      key: "titleAreaHide",
+      value: function titleAreaHide() {
+        this._titleArea.style.display = 'none';
+        this._adjustMessagesAreaHeight();
+      }
+    }, {
+      key: "titleAreaSetContents",
+      value: function titleAreaSetContents(title) {
+        var align = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'center';
+        this._titleArea.innerHTML = title;
+        this._titleArea.style.textAlign = align;
+      }
+    }, {
+      key: "titleAreaGetContents",
+      value: function titleAreaGetContents() {
+        return this._titleArea.innerHTML;
+      }
+    }, {
+      key: "inputAreaToggle",
+      value: function inputAreaToggle() {
+        this._inputArea.classList.toggle('hidden');
+        this._inputArea.style.display === 'none' ? this.inputAreaShow() : this.inputAreaHide();
+      }
+    }, {
+      key: "inputAreaShow",
+      value: function inputAreaShow() {
+        this._inputArea.style.display = '';
+        this._adjustMessagesAreaHeight();
+      }
+    }, {
+      key: "inputAreaHide",
+      value: function inputAreaHide() {
+        this._inputArea.style.display = 'none';
+        this._adjustMessagesAreaHeight();
+      }
+    }, {
+      key: "_adjustMessagesAreaHeight",
+      value: function _adjustMessagesAreaHeight() {
+        var hiddenElements = _toConsumableArray(this._chatWidget.children).filter(function (child) {
+          return child.classList.contains('hidden');
+        });
+        var totalHiddenHeight = hiddenElements.reduce(function (sum, child) {
+          return sum + child.offsetHeight;
+        }, 0);
+        var containerHeight = this._chatWidget.offsetHeight;
+        this._messagesArea.style.height = "calc(100% - ".concat(containerHeight - totalHiddenHeight, "px)");
+      }
+    }, {
+      key: "_handleContainerResize",
+      value: function _handleContainerResize() {
+        this._adjustMessagesAreaHeight();
+        this._adjustSendButtonWidth();
+        //console.log('Container resized');
+      }
+    }, {
+      key: "_adjustSendButtonWidth",
+      value: function _adjustSendButtonWidth() {
+        var sendButtonText = this._sendButton.textContent.trim();
+        var fontSize = parseFloat(getComputedStyle(this._sendButton).fontSize);
+        var minWidth = fontSize * sendButtonText.length + 16;
+        this._sendButton.style.minWidth = "".concat(minWidth, "px");
+      }
+    }, {
+      key: "messageAddNew",
+      value: function messageAddNew(message) {
+        var user = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "foo";
+        var align = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'left';
+        var messageDiv = document.createElement('div');
+        var msgid = this.msgid;
+        var msgidClass = 'quikchat-msgid-' + String(msgid).padStart(10, '0');
+        messageDiv.classList.add('quikchat-message', msgidClass);
+        this.msgid++;
+        messageDiv.classList.add(this._messagesArea.children.length % 2 === 1 ? 'quikchat-message-1' : 'quikchat-message-2');
+        var userDiv = document.createElement('div');
+        userDiv.innerHTML = user;
+        userDiv.style = "width: 100%; text-align: ".concat(align, "; font-size: 1em; font-weight:700; color: #444;");
+        var contentDiv = document.createElement('div');
+        contentDiv.style = "width: 100%; text-align: ".concat(align, ";");
+        contentDiv.innerHTML = message;
+        messageDiv.appendChild(userDiv);
+        messageDiv.appendChild(contentDiv);
+        this._messagesArea.appendChild(messageDiv);
+        this._messagesArea.lastChild.scrollIntoView();
+        this._textEntry.value = '';
+        this._adjustMessagesAreaHeight();
+        return {
+          msgid: msgid
+        };
+      }
+    }, {
+      key: "messageRemove",
+      value: function messageRemove(n) {
+        // use css selector to remove the message
+        var sucess = false;
+        try {
+          this._messagesArea.removeChild(this._messagesArea.querySelector(".quikchat-msgid-".concat(String(n).padStart(10, '0'))));
+          sucess = true;
+        } catch (error) {
+          console.log("{String(n)} : Message ID not found");
+        }
+        return sucess;
+      }
+      /* returns the message html object from the DOM
+      */
+    }, {
+      key: "messageGetDOMObject",
+      value: function messageGetDOMObject(n) {
+        var msg = null;
+        // now use css selector to get the message 
+        try {
+          msg = this._messagesArea.querySelector(".quikchat-msgid-".concat(String(n).padStart(10, '0')));
+        } catch (error) {
+          console.log("{String(n)} : Message ID not found");
+        }
+        return msg;
+      }
+      /* returns the message content only
+      */
+    }, {
+      key: "messageGetContent",
+      value: function messageGetContent(n) {
+        var content = "";
+        // now use css selector to get the message 
+        try {
+          content = this._messagesArea.querySelector(".quikchat-msgid-".concat(String(n).padStart(10, '0'))).lastChild.textContent;
+        } catch (error) {
+          console.log("{String(n)} : Message ID not found");
+        }
+        return content;
+      }
+
+      /* append message to the message content
+      */
+    }, {
+      key: "messageAppendContent",
+      value: function messageAppendContent(n, content) {
+        var sucess = false;
+        try {
+          this._messagesArea.querySelector(".quikchat-msgid-".concat(String(n).padStart(10, '0'))).lastChild.innerHTML += content;
+          sucess = true;
+        } catch (error) {
+          console.log("{String(n)} : Message ID not found");
+        }
+      }
+      /* replace message content
+      */
+    }, {
+      key: "messageReplaceContent",
+      value: function messageReplaceContent(n, content) {
+        var sucess = false;
+        try {
+          this._messagesArea.querySelector(".quikchat-msgid-".concat(String(n).padStart(10, '0'))).lastChild.innerHTML = content;
+          sucess = true;
+        } catch (error) {
+          console.log("{String(n)} : Message ID not found");
+        }
+        return sucess;
+      }
+    }, {
+      key: "changeTheme",
+      value: function changeTheme(newTheme) {
+        this._chatWidget.classList.remove(this._theme);
+        this._chatWidget.classList.add(newTheme);
+        this._theme = newTheme;
+      }
+    }]);
+  }();
+
+  return quikchat;
+
+}));
+//# sourceMappingURL=quikchat.umd.js.map

package/dist/quikchat.umd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"quikchat.umd.js","sources":["../src/quikchat.js"],"sourcesContent":["// quikchat.js\n\nclass quikchat {\n    constructor(parentElement, meta = { theme: 'quikchat-theme-light', onSend: () => { } }) {\n        this._parentElement = parentElement;\n        this._theme = meta.theme;\n        this._onSend = meta.onSend ? meta.onSend : () => { };\n        this._createWidget();\n        // title area\n        if (meta.titleArea) {\n            this.titleAreaSetContents(meta.titleArea.title, meta.titleArea.align);\n            if (meta.titleArea.show) {\n                this.titleAreaShow();\n            } else {\n                this.titleAreaHide();\n            }\n        }\n        this._attachEventListeners();\n    }\n\n    _createWidget() {\n        const widgetHTML =\n            `\n            <div class=\"quikchat-base ${this.theme}\">\n                <div class=\"quikchat-title-area\">\n                    <span style=\"font-size: 1.5em; font-weight: 600;\">Title Area</span>\n                </div>\n                <div class=\"quikchat-messages-area\"></div>\n                <div class=\"quikchat-input-area\">\n                    <textarea class=\"quikchat-input-textbox\"></textarea>\n                    <button class=\"quikchat-input-send-btn\">Send</button>\n                </div>\n            </div>\n            `;\n\n        this._parentElement.innerHTML = widgetHTML;\n        this._chatWidget = this._parentElement.querySelector('.quikchat-base');\n        this._titleArea = this._chatWidget.querySelector('.quikchat-title-area');\n        this._messagesArea = this._chatWidget.querySelector('.quikchat-messages-area');\n        this._inputArea = this._chatWidget.querySelector('.quikchat-input-area');\n        this._textEntry = this._inputArea.querySelector('.quikchat-input-textbox');\n        this._sendButton = this._inputArea.querySelector('.quikchat-input-send-btn');\n        this.msgid = 0;\n    }\n    $() {\n    }\n    _attachEventListeners() {\n        this._sendButton.addEventListener('click', () => this._onSend(this, this._textEntry.value.trim()));\n        window.addEventListener('resize', () => this._handleContainerResize());\n        this._chatWidget.addEventListener('resize', () => this._handleContainerResize());\n        this._textEntry.addEventListener('keydown', (event) => {\n            // Check if Shift + Enter is pressed\n            if (event.shiftKey && event.keyCode === 13) {\n                // Prevent default behavior (adding new line)\n                event.preventDefault();\n                this._onSend(this, this._textEntry.value.trim())\n            }\n        });\n    }\n\n    titleAreaToggle() {\n        this._titleArea.style.display === 'none' ? this.titleAreaShow() : this.titleAreaHide();\n    }\n\n    titleAreaShow() {\n        this._titleArea.style.display = '';\n        this._adjustMessagesAreaHeight();\n    }\n\n    titleAreaHide() {\n        this._titleArea.style.display = 'none';\n        this._adjustMessagesAreaHeight();\n    }\n\n    titleAreaSetContents(title, align = 'center') {\n        this._titleArea.innerHTML = title;\n        this._titleArea.style.textAlign = align;\n    }\n\n    titleAreaGetContents() {\n        return this._titleArea.innerHTML;\n    }\n\n    inputAreaToggle() {\n        this._inputArea.classList.toggle('hidden');\n        this._inputArea.style.display === 'none' ? this.inputAreaShow() : this.inputAreaHide();\n    }\n\n    inputAreaShow() {\n        this._inputArea.style.display = '';\n        this._adjustMessagesAreaHeight();\n    }\n\n    inputAreaHide() {\n        this._inputArea.style.display = 'none';\n        this._adjustMessagesAreaHeight();\n    }\n\n    _adjustMessagesAreaHeight() {\n        const hiddenElements = [...this._chatWidget.children].filter(child => child.classList.contains('hidden'));\n        const totalHiddenHeight = hiddenElements.reduce((sum, child) => sum + child.offsetHeight, 0);\n        const containerHeight = this._chatWidget.offsetHeight;\n        this._messagesArea.style.height = `calc(100% - ${containerHeight - totalHiddenHeight}px)`;\n    }\n\n    _handleContainerResize() {\n        this._adjustMessagesAreaHeight();\n        this._adjustSendButtonWidth();\n        //console.log('Container resized');\n    }\n\n    _adjustSendButtonWidth() {\n        const sendButtonText = this._sendButton.textContent.trim();\n        const fontSize = parseFloat(getComputedStyle(this._sendButton).fontSize);\n        const minWidth = fontSize * sendButtonText.length + 16;\n        this._sendButton.style.minWidth = `${minWidth}px`;\n    }\n\n    messageAddNew(message, user = \"foo\", align = 'left') {\n        const messageDiv = document.createElement('div');\n        const msgid = this.msgid;\n        const msgidClass = 'quikchat-msgid-' + String(msgid).padStart(10, '0');\n        messageDiv.classList.add('quikchat-message', msgidClass);\n        this.msgid++;\n        messageDiv.classList.add(this._messagesArea.children.length % 2 === 1 ? 'quikchat-message-1' : 'quikchat-message-2');\n\n        const userDiv = document.createElement('div');\n        userDiv.innerHTML = user;\n        userDiv.style = `width: 100%; text-align: ${align}; font-size: 1em; font-weight:700; color: #444;`;\n\n        const contentDiv = document.createElement('div');\n        contentDiv.style = `width: 100%; text-align: ${align};`;\n        contentDiv.innerHTML = message;\n\n        messageDiv.appendChild(userDiv);\n        messageDiv.appendChild(contentDiv);\n        this._messagesArea.appendChild(messageDiv);\n        this._messagesArea.lastChild.scrollIntoView();\n\n        this._textEntry.value = '';\n        this._adjustMessagesAreaHeight();\n        return {msgid};\n    }\n\n    messageRemove(n) {\n        // use css selector to remove the message\n        let sucess = false;\n        try {\n            this._messagesArea.removeChild(this._messagesArea.querySelector(`.quikchat-msgid-${String(n).padStart(10, '0')}`));\n            sucess = true;\n        }\n        catch (error) {\n            console.log(`{String(n)} : Message ID not found`);\n        }\n        return sucess;\n    }\n    /* returns the message html object from the DOM\n    */\n    messageGetDOMObject(n) {\n        let msg = null;\n        // now use css selector to get the message \n        try {\n            msg =  this._messagesArea.querySelector(`.quikchat-msgid-${String(n).padStart(10, '0')}`);\n        } \n        catch (error) \n        {\n            console.log(`{String(n)} : Message ID not found`);\n        }\n        return msg; \n    }\n    /* returns the message content only\n    */\n    messageGetContent(n) {\n        let content = \"\"\n        // now use css selector to get the message \n        try {\n            content =  this._messagesArea.querySelector(`.quikchat-msgid-${String(n).padStart(10, '0')}`).lastChild.textContent;\n        } \n        catch (error) \n        {\n            console.log(`{String(n)} : Message ID not found`);\n        }\n        return content; \n    }\n\n    /* append message to the message content\n    */\n    messageAppendContent(n, content) {\n        let sucess = false;\n        try {\n            this._messagesArea.querySelector(`.quikchat-msgid-${String(n).padStart(10, '0')}`).lastChild.innerHTML += content;\n            sucess = true;\n        } \n        catch (error) \n        {\n            console.log(`{String(n)} : Message ID not found`);\n        }   \n    }\n    /* replace message content\n    */\n    messageReplaceContent(n, content) {\n        let sucess = false;\n        try {\n            this._messagesArea.querySelector(`.quikchat-msgid-${String(n).padStart(10, '0')}`).lastChild.innerHTML = content;\n            sucess = true;\n        } \n        catch (error) \n        {\n            console.log(`{String(n)} : Message ID not found`);\n        }\n        return sucess;\n    }\n\n    changeTheme(newTheme) {\n        this._chatWidget.classList.remove(this._theme);\n        this._chatWidget.classList.add(newTheme);\n        this._theme = newTheme;\n    }\n}\n\nexport default quikchat;\n"],"names":["quikchat","parentElement","meta","arguments","length","undefined","theme","onSend","_classCallCheck","_parentElement","_theme","_onSend","_createWidget","titleArea","titleAreaSetContents","title","align","show","titleAreaShow","titleAreaHide","_attachEventListeners","_createClass","key","value","widgetHTML","concat","innerHTML","_chatWidget","querySelector","_titleArea","_messagesArea","_inputArea","_textEntry","_sendButton","msgid","$","_this","addEventListener","trim","window","_handleContainerResize","event","shiftKey","keyCode","preventDefault","titleAreaToggle","style","display","_adjustMessagesAreaHeight","textAlign","titleAreaGetContents","inputAreaToggle","classList","toggle","inputAreaShow","inputAreaHide","hiddenElements","_toConsumableArray","children","filter","child","contains","totalHiddenHeight","reduce","sum","offsetHeight","containerHeight","height","_adjustSendButtonWidth","sendButtonText","textContent","fontSize","parseFloat","getComputedStyle","minWidth","messageAddNew","message","user","messageDiv","document","createElement","msgidClass","String","padStart","add","userDiv","contentDiv","appendChild","lastChild","scrollIntoView","messageRemove","n","sucess","removeChild","error","console","log","messageGetDOMObject","msg","messageGetContent","content","messageAppendContent","messageReplaceContent","changeTheme","newTheme","remove"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAA;AAAA,MAEMA,QAAQ,gBAAA,YAAA;IACV,SAAAA,QAAAA,CAAYC,aAAa,EAA+D;MAAA,IAA7DC,IAAI,GAAAC,SAAA,CAAAC,MAAA,GAAAD,CAAAA,IAAAA,SAAA,CAAAE,CAAAA,CAAAA,KAAAA,SAAA,GAAAF,SAAA,CAAG,CAAA,CAAA,GAAA;EAAEG,MAAAA,KAAK,EAAE,sBAAsB;EAAEC,MAAAA,MAAM,EAAE,SAAAA,MAAA,GAAM,EAAE;OAAG,CAAA;EAAAC,IAAAA,eAAA,OAAAR,QAAA,CAAA,CAAA;MAClF,IAAI,CAACS,cAAc,GAAGR,aAAa,CAAA;EACnC,IAAA,IAAI,CAACS,MAAM,GAAGR,IAAI,CAACI,KAAK,CAAA;EACxB,IAAA,IAAI,CAACK,OAAO,GAAGT,IAAI,CAACK,MAAM,GAAGL,IAAI,CAACK,MAAM,GAAG,YAAM,EAAG,CAAA;MACpD,IAAI,CAACK,aAAa,EAAE,CAAA;EACpB;MACA,IAAIV,IAAI,CAACW,SAAS,EAAE;EAChB,MAAA,IAAI,CAACC,oBAAoB,CAACZ,IAAI,CAACW,SAAS,CAACE,KAAK,EAAEb,IAAI,CAACW,SAAS,CAACG,KAAK,CAAC,CAAA;EACrE,MAAA,IAAId,IAAI,CAACW,SAAS,CAACI,IAAI,EAAE;UACrB,IAAI,CAACC,aAAa,EAAE,CAAA;EACxB,OAAC,MAAM;UACH,IAAI,CAACC,aAAa,EAAE,CAAA;EACxB,OAAA;EACJ,KAAA;MACA,IAAI,CAACC,qBAAqB,EAAE,CAAA;EAChC,GAAA;IAAC,OAAAC,YAAA,CAAArB,QAAA,EAAA,CAAA;MAAAsB,GAAA,EAAA,eAAA;MAAAC,KAAA,EAED,SAAAX,aAAAA,GAAgB;EACZ,MAAA,IAAMY,UAAU,GAAAC,2CAAAA,CAAAA,MAAA,CAEgB,IAAI,CAACnB,KAAK,EAUrC,mfAAA,CAAA,CAAA;EAEL,MAAA,IAAI,CAACG,cAAc,CAACiB,SAAS,GAAGF,UAAU,CAAA;QAC1C,IAAI,CAACG,WAAW,GAAG,IAAI,CAAClB,cAAc,CAACmB,aAAa,CAAC,gBAAgB,CAAC,CAAA;QACtE,IAAI,CAACC,UAAU,GAAG,IAAI,CAACF,WAAW,CAACC,aAAa,CAAC,sBAAsB,CAAC,CAAA;QACxE,IAAI,CAACE,aAAa,GAAG,IAAI,CAACH,WAAW,CAACC,aAAa,CAAC,yBAAyB,CAAC,CAAA;QAC9E,IAAI,CAACG,UAAU,GAAG,IAAI,CAACJ,WAAW,CAACC,aAAa,CAAC,sBAAsB,CAAC,CAAA;QACxE,IAAI,CAACI,UAAU,GAAG,IAAI,CAACD,UAAU,CAACH,aAAa,CAAC,yBAAyB,CAAC,CAAA;QAC1E,IAAI,CAACK,WAAW,GAAG,IAAI,CAACF,UAAU,CAACH,aAAa,CAAC,0BAA0B,CAAC,CAAA;QAC5E,IAAI,CAACM,KAAK,GAAG,CAAC,CAAA;EAClB,KAAA;EAAC,GAAA,EAAA;MAAAZ,GAAA,EAAA,GAAA;EAAAC,IAAAA,KAAA,EACD,SAAAY,CAAA,GAAI,EACJ;EAAC,GAAA,EAAA;MAAAb,GAAA,EAAA,uBAAA;MAAAC,KAAA,EACD,SAAAH,qBAAAA,GAAwB;EAAA,MAAA,IAAAgB,KAAA,GAAA,IAAA,CAAA;EACpB,MAAA,IAAI,CAACH,WAAW,CAACI,gBAAgB,CAAC,OAAO,EAAE,YAAA;EAAA,QAAA,OAAMD,KAAI,CAACzB,OAAO,CAACyB,KAAI,EAAEA,KAAI,CAACJ,UAAU,CAACT,KAAK,CAACe,IAAI,EAAE,CAAC,CAAA;SAAC,CAAA,CAAA;EAClGC,MAAAA,MAAM,CAACF,gBAAgB,CAAC,QAAQ,EAAE,YAAA;EAAA,QAAA,OAAMD,KAAI,CAACI,sBAAsB,EAAE,CAAA;SAAC,CAAA,CAAA;EACtE,MAAA,IAAI,CAACb,WAAW,CAACU,gBAAgB,CAAC,QAAQ,EAAE,YAAA;EAAA,QAAA,OAAMD,KAAI,CAACI,sBAAsB,EAAE,CAAA;SAAC,CAAA,CAAA;QAChF,IAAI,CAACR,UAAU,CAACK,gBAAgB,CAAC,SAAS,EAAE,UAACI,KAAK,EAAK;EACnD;UACA,IAAIA,KAAK,CAACC,QAAQ,IAAID,KAAK,CAACE,OAAO,KAAK,EAAE,EAAE;EACxC;YACAF,KAAK,CAACG,cAAc,EAAE,CAAA;EACtBR,UAAAA,KAAI,CAACzB,OAAO,CAACyB,KAAI,EAAEA,KAAI,CAACJ,UAAU,CAACT,KAAK,CAACe,IAAI,EAAE,CAAC,CAAA;EACpD,SAAA;EACJ,OAAC,CAAC,CAAA;EACN,KAAA;EAAC,GAAA,EAAA;MAAAhB,GAAA,EAAA,iBAAA;MAAAC,KAAA,EAED,SAAAsB,eAAAA,GAAkB;EACd,MAAA,IAAI,CAAChB,UAAU,CAACiB,KAAK,CAACC,OAAO,KAAK,MAAM,GAAG,IAAI,CAAC7B,aAAa,EAAE,GAAG,IAAI,CAACC,aAAa,EAAE,CAAA;EAC1F,KAAA;EAAC,GAAA,EAAA;MAAAG,GAAA,EAAA,eAAA;MAAAC,KAAA,EAED,SAAAL,aAAAA,GAAgB;EACZ,MAAA,IAAI,CAACW,UAAU,CAACiB,KAAK,CAACC,OAAO,GAAG,EAAE,CAAA;QAClC,IAAI,CAACC,yBAAyB,EAAE,CAAA;EACpC,KAAA;EAAC,GAAA,EAAA;MAAA1B,GAAA,EAAA,eAAA;MAAAC,KAAA,EAED,SAAAJ,aAAAA,GAAgB;EACZ,MAAA,IAAI,CAACU,UAAU,CAACiB,KAAK,CAACC,OAAO,GAAG,MAAM,CAAA;QACtC,IAAI,CAACC,yBAAyB,EAAE,CAAA;EACpC,KAAA;EAAC,GAAA,EAAA;MAAA1B,GAAA,EAAA,sBAAA;EAAAC,IAAAA,KAAA,EAED,SAAAT,oBAAqBC,CAAAA,KAAK,EAAoB;EAAA,MAAA,IAAlBC,KAAK,GAAAb,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAG,QAAQ,CAAA;EACxC,MAAA,IAAI,CAAC0B,UAAU,CAACH,SAAS,GAAGX,KAAK,CAAA;EACjC,MAAA,IAAI,CAACc,UAAU,CAACiB,KAAK,CAACG,SAAS,GAAGjC,KAAK,CAAA;EAC3C,KAAA;EAAC,GAAA,EAAA;MAAAM,GAAA,EAAA,sBAAA;MAAAC,KAAA,EAED,SAAA2B,oBAAAA,GAAuB;EACnB,MAAA,OAAO,IAAI,CAACrB,UAAU,CAACH,SAAS,CAAA;EACpC,KAAA;EAAC,GAAA,EAAA;MAAAJ,GAAA,EAAA,iBAAA;MAAAC,KAAA,EAED,SAAA4B,eAAAA,GAAkB;QACd,IAAI,CAACpB,UAAU,CAACqB,SAAS,CAACC,MAAM,CAAC,QAAQ,CAAC,CAAA;EAC1C,MAAA,IAAI,CAACtB,UAAU,CAACe,KAAK,CAACC,OAAO,KAAK,MAAM,GAAG,IAAI,CAACO,aAAa,EAAE,GAAG,IAAI,CAACC,aAAa,EAAE,CAAA;EAC1F,KAAA;EAAC,GAAA,EAAA;MAAAjC,GAAA,EAAA,eAAA;MAAAC,KAAA,EAED,SAAA+B,aAAAA,GAAgB;EACZ,MAAA,IAAI,CAACvB,UAAU,CAACe,KAAK,CAACC,OAAO,GAAG,EAAE,CAAA;QAClC,IAAI,CAACC,yBAAyB,EAAE,CAAA;EACpC,KAAA;EAAC,GAAA,EAAA;MAAA1B,GAAA,EAAA,eAAA;MAAAC,KAAA,EAED,SAAAgC,aAAAA,GAAgB;EACZ,MAAA,IAAI,CAACxB,UAAU,CAACe,KAAK,CAACC,OAAO,GAAG,MAAM,CAAA;QACtC,IAAI,CAACC,yBAAyB,EAAE,CAAA;EACpC,KAAA;EAAC,GAAA,EAAA;MAAA1B,GAAA,EAAA,2BAAA;MAAAC,KAAA,EAED,SAAAyB,yBAAAA,GAA4B;EACxB,MAAA,IAAMQ,cAAc,GAAGC,kBAAA,CAAI,IAAI,CAAC9B,WAAW,CAAC+B,QAAQ,CAAA,CAAEC,MAAM,CAAC,UAAAC,KAAK,EAAA;EAAA,QAAA,OAAIA,KAAK,CAACR,SAAS,CAACS,QAAQ,CAAC,QAAQ,CAAC,CAAA;SAAC,CAAA,CAAA;QACzG,IAAMC,iBAAiB,GAAGN,cAAc,CAACO,MAAM,CAAC,UAACC,GAAG,EAAEJ,KAAK,EAAA;EAAA,QAAA,OAAKI,GAAG,GAAGJ,KAAK,CAACK,YAAY,CAAA;EAAA,OAAA,EAAE,CAAC,CAAC,CAAA;EAC5F,MAAA,IAAMC,eAAe,GAAG,IAAI,CAACvC,WAAW,CAACsC,YAAY,CAAA;EACrD,MAAA,IAAI,CAACnC,aAAa,CAACgB,KAAK,CAACqB,MAAM,GAAA1C,cAAAA,CAAAA,MAAA,CAAkByC,eAAe,GAAGJ,iBAAiB,EAAK,KAAA,CAAA,CAAA;EAC7F,KAAA;EAAC,GAAA,EAAA;MAAAxC,GAAA,EAAA,wBAAA;MAAAC,KAAA,EAED,SAAAiB,sBAAAA,GAAyB;QACrB,IAAI,CAACQ,yBAAyB,EAAE,CAAA;QAChC,IAAI,CAACoB,sBAAsB,EAAE,CAAA;EAC7B;EACJ,KAAA;EAAC,GAAA,EAAA;MAAA9C,GAAA,EAAA,wBAAA;MAAAC,KAAA,EAED,SAAA6C,sBAAAA,GAAyB;QACrB,IAAMC,cAAc,GAAG,IAAI,CAACpC,WAAW,CAACqC,WAAW,CAAChC,IAAI,EAAE,CAAA;EAC1D,MAAA,IAAMiC,QAAQ,GAAGC,UAAU,CAACC,gBAAgB,CAAC,IAAI,CAACxC,WAAW,CAAC,CAACsC,QAAQ,CAAC,CAAA;QACxE,IAAMG,QAAQ,GAAGH,QAAQ,GAAGF,cAAc,CAACjE,MAAM,GAAG,EAAE,CAAA;QACtD,IAAI,CAAC6B,WAAW,CAACa,KAAK,CAAC4B,QAAQ,GAAAjD,EAAAA,CAAAA,MAAA,CAAMiD,QAAQ,EAAI,IAAA,CAAA,CAAA;EACrD,KAAA;EAAC,GAAA,EAAA;MAAApD,GAAA,EAAA,eAAA;EAAAC,IAAAA,KAAA,EAED,SAAAoD,aAAcC,CAAAA,OAAO,EAAgC;EAAA,MAAA,IAA9BC,IAAI,GAAA1E,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAG,KAAK,CAAA;EAAA,MAAA,IAAEa,KAAK,GAAAb,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAG,MAAM,CAAA;EAC/C,MAAA,IAAM2E,UAAU,GAAGC,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC,CAAA;EAChD,MAAA,IAAM9C,KAAK,GAAG,IAAI,CAACA,KAAK,CAAA;EACxB,MAAA,IAAM+C,UAAU,GAAG,iBAAiB,GAAGC,MAAM,CAAChD,KAAK,CAAC,CAACiD,QAAQ,CAAC,EAAE,EAAE,GAAG,CAAC,CAAA;QACtEL,UAAU,CAAC1B,SAAS,CAACgC,GAAG,CAAC,kBAAkB,EAAEH,UAAU,CAAC,CAAA;QACxD,IAAI,CAAC/C,KAAK,EAAE,CAAA;QACZ4C,UAAU,CAAC1B,SAAS,CAACgC,GAAG,CAAC,IAAI,CAACtD,aAAa,CAAC4B,QAAQ,CAACtD,MAAM,GAAG,CAAC,KAAK,CAAC,GAAG,oBAAoB,GAAG,oBAAoB,CAAC,CAAA;EAEpH,MAAA,IAAMiF,OAAO,GAAGN,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC,CAAA;QAC7CK,OAAO,CAAC3D,SAAS,GAAGmD,IAAI,CAAA;EACxBQ,MAAAA,OAAO,CAACvC,KAAK,GAAA,2BAAA,CAAArB,MAAA,CAA+BT,KAAK,EAAiD,iDAAA,CAAA,CAAA;EAElG,MAAA,IAAMsE,UAAU,GAAGP,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC,CAAA;EAChDM,MAAAA,UAAU,CAACxC,KAAK,GAAA,2BAAA,CAAArB,MAAA,CAA+BT,KAAK,EAAG,GAAA,CAAA,CAAA;QACvDsE,UAAU,CAAC5D,SAAS,GAAGkD,OAAO,CAAA;EAE9BE,MAAAA,UAAU,CAACS,WAAW,CAACF,OAAO,CAAC,CAAA;EAC/BP,MAAAA,UAAU,CAACS,WAAW,CAACD,UAAU,CAAC,CAAA;EAClC,MAAA,IAAI,CAACxD,aAAa,CAACyD,WAAW,CAACT,UAAU,CAAC,CAAA;EAC1C,MAAA,IAAI,CAAChD,aAAa,CAAC0D,SAAS,CAACC,cAAc,EAAE,CAAA;EAE7C,MAAA,IAAI,CAACzD,UAAU,CAACT,KAAK,GAAG,EAAE,CAAA;QAC1B,IAAI,CAACyB,yBAAyB,EAAE,CAAA;QAChC,OAAO;EAACd,QAAAA,KAAK,EAALA,KAAAA;SAAM,CAAA;EAClB,KAAA;EAAC,GAAA,EAAA;MAAAZ,GAAA,EAAA,eAAA;EAAAC,IAAAA,KAAA,EAED,SAAAmE,aAAcC,CAAAA,CAAC,EAAE;EACb;QACA,IAAIC,MAAM,GAAG,KAAK,CAAA;QAClB,IAAI;UACA,IAAI,CAAC9D,aAAa,CAAC+D,WAAW,CAAC,IAAI,CAAC/D,aAAa,CAACF,aAAa,CAAA,kBAAA,CAAAH,MAAA,CAAoByD,MAAM,CAACS,CAAC,CAAC,CAACR,QAAQ,CAAC,EAAE,EAAE,GAAG,CAAC,CAAE,CAAC,CAAC,CAAA;EAClHS,QAAAA,MAAM,GAAG,IAAI,CAAA;SAChB,CACD,OAAOE,KAAK,EAAE;UACVC,OAAO,CAACC,GAAG,CAAA,oCAAqC,CAAC,CAAA;EACrD,OAAA;EACA,MAAA,OAAOJ,MAAM,CAAA;EACjB,KAAA;EACA;EACJ;EADI,GAAA,EAAA;MAAAtE,GAAA,EAAA,qBAAA;EAAAC,IAAAA,KAAA,EAEA,SAAA0E,mBAAoBN,CAAAA,CAAC,EAAE;QACnB,IAAIO,GAAG,GAAG,IAAI,CAAA;EACd;QACA,IAAI;UACAA,GAAG,GAAI,IAAI,CAACpE,aAAa,CAACF,aAAa,CAAA,kBAAA,CAAAH,MAAA,CAAoByD,MAAM,CAACS,CAAC,CAAC,CAACR,QAAQ,CAAC,EAAE,EAAE,GAAG,CAAC,CAAE,CAAC,CAAA;SAC5F,CACD,OAAOW,KAAK,EACZ;UACIC,OAAO,CAACC,GAAG,CAAA,oCAAqC,CAAC,CAAA;EACrD,OAAA;EACA,MAAA,OAAOE,GAAG,CAAA;EACd,KAAA;EACA;EACJ;EADI,GAAA,EAAA;MAAA5E,GAAA,EAAA,mBAAA;EAAAC,IAAAA,KAAA,EAEA,SAAA4E,iBAAkBR,CAAAA,CAAC,EAAE;QACjB,IAAIS,OAAO,GAAG,EAAE,CAAA;EAChB;QACA,IAAI;UACAA,OAAO,GAAI,IAAI,CAACtE,aAAa,CAACF,aAAa,CAAAH,kBAAAA,CAAAA,MAAA,CAAoByD,MAAM,CAACS,CAAC,CAAC,CAACR,QAAQ,CAAC,EAAE,EAAE,GAAG,CAAC,CAAE,CAAC,CAACK,SAAS,CAAClB,WAAW,CAAA;SACtH,CACD,OAAOwB,KAAK,EACZ;UACIC,OAAO,CAACC,GAAG,CAAA,oCAAqC,CAAC,CAAA;EACrD,OAAA;EACA,MAAA,OAAOI,OAAO,CAAA;EAClB,KAAA;;EAEA;EACJ;EADI,GAAA,EAAA;MAAA9E,GAAA,EAAA,sBAAA;EAAAC,IAAAA,KAAA,EAEA,SAAA8E,oBAAAA,CAAqBV,CAAC,EAAES,OAAO,EAAE;QAC7B,IAAIR,MAAM,GAAG,KAAK,CAAA;QAClB,IAAI;UACA,IAAI,CAAC9D,aAAa,CAACF,aAAa,CAAA,kBAAA,CAAAH,MAAA,CAAoByD,MAAM,CAACS,CAAC,CAAC,CAACR,QAAQ,CAAC,EAAE,EAAE,GAAG,CAAC,CAAE,CAAC,CAACK,SAAS,CAAC9D,SAAS,IAAI0E,OAAO,CAAA;EACjHR,QAAAA,MAAM,GAAG,IAAI,CAAA;SAChB,CACD,OAAOE,KAAK,EACZ;UACIC,OAAO,CAACC,GAAG,CAAA,oCAAqC,CAAC,CAAA;EACrD,OAAA;EACJ,KAAA;EACA;EACJ;EADI,GAAA,EAAA;MAAA1E,GAAA,EAAA,uBAAA;EAAAC,IAAAA,KAAA,EAEA,SAAA+E,qBAAAA,CAAsBX,CAAC,EAAES,OAAO,EAAE;QAC9B,IAAIR,MAAM,GAAG,KAAK,CAAA;QAClB,IAAI;UACA,IAAI,CAAC9D,aAAa,CAACF,aAAa,CAAA,kBAAA,CAAAH,MAAA,CAAoByD,MAAM,CAACS,CAAC,CAAC,CAACR,QAAQ,CAAC,EAAE,EAAE,GAAG,CAAC,CAAE,CAAC,CAACK,SAAS,CAAC9D,SAAS,GAAG0E,OAAO,CAAA;EAChHR,QAAAA,MAAM,GAAG,IAAI,CAAA;SAChB,CACD,OAAOE,KAAK,EACZ;UACIC,OAAO,CAACC,GAAG,CAAA,oCAAqC,CAAC,CAAA;EACrD,OAAA;EACA,MAAA,OAAOJ,MAAM,CAAA;EACjB,KAAA;EAAC,GAAA,EAAA;MAAAtE,GAAA,EAAA,aAAA;EAAAC,IAAAA,KAAA,EAED,SAAAgF,WAAYC,CAAAA,QAAQ,EAAE;QAClB,IAAI,CAAC7E,WAAW,CAACyB,SAAS,CAACqD,MAAM,CAAC,IAAI,CAAC/F,MAAM,CAAC,CAAA;QAC9C,IAAI,CAACiB,WAAW,CAACyB,SAAS,CAACgC,GAAG,CAACoB,QAAQ,CAAC,CAAA;QACxC,IAAI,CAAC9F,MAAM,GAAG8F,QAAQ,CAAA;EAC1B,KAAA;EAAC,GAAA,CAAA,CAAA,CAAA;EAAA,CAAA;;;;;;;;"}

package/dist/quikchat.umd.min.js

@@ -0,0 +1,2 @@
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).quikchat=e()}(this,(function(){"use strict";function t(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,i=Array(e);n<e;n++)i[n]=t[n];return i}function e(t,e,n){return e&&function(t,e){for(var n=0;n<e.length;n++){var a=e[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(t,i(a.key),a)}}(t.prototype,e),Object.defineProperty(t,"prototype",{writable:!1}),t}function n(e){return function(e){if(Array.isArray(e))return t(e)}(e)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(e)||function(e,n){if(e){if("string"==typeof e)return t(e,n);var i={}.toString.call(e).slice(8,-1);return"Object"===i&&e.constructor&&(i=e.constructor.name),"Map"===i||"Set"===i?Array.from(e):"Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)?t(e,n):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function i(t){var e=function(t,e){if("object"!=typeof t||!t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var i=n.call(t,e);if("object"!=typeof i)return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t,"string");return"symbol"==typeof e?e:e+""}var a=function(){return e((function t(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{theme:"quikchat-theme-light",onSend:function(){}};!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this._parentElement=e,this._theme=n.theme,this._onSend=n.onSend?n.onSend:function(){},this._createWidget(),n.titleArea&&(this.titleAreaSetContents(n.titleArea.title,n.titleArea.align),n.titleArea.show?this.titleAreaShow():this.titleAreaHide()),this._attachEventListeners()}),[{key:"_createWidget",value:function(){var t='\n            <div class="quikchat-base '.concat(this.theme,'">\n                <div class="quikchat-title-area">\n                    <span style="font-size: 1.5em; font-weight: 600;">Title Area</span>\n                </div>\n                <div class="quikchat-messages-area"></div>\n                <div class="quikchat-input-area">\n                    <textarea class="quikchat-input-textbox"></textarea>\n                    <button class="quikchat-input-send-btn">Send</button>\n                </div>\n            </div>\n            ');this._parentElement.innerHTML=t,this._chatWidget=this._parentElement.querySelector(".quikchat-base"),this._titleArea=this._chatWidget.querySelector(".quikchat-title-area"),this._messagesArea=this._chatWidget.querySelector(".quikchat-messages-area"),this._inputArea=this._chatWidget.querySelector(".quikchat-input-area"),this._textEntry=this._inputArea.querySelector(".quikchat-input-textbox"),this._sendButton=this._inputArea.querySelector(".quikchat-input-send-btn"),this.msgid=0}},{key:"$",value:function(){}},{key:"_attachEventListeners",value:function(){var t=this;this._sendButton.addEventListener("click",(function(){return t._onSend(t,t._textEntry.value.trim())})),window.addEventListener("resize",(function(){return t._handleContainerResize()})),this._chatWidget.addEventListener("resize",(function(){return t._handleContainerResize()})),this._textEntry.addEventListener("keydown",(function(e){e.shiftKey&&13===e.keyCode&&(e.preventDefault(),t._onSend(t,t._textEntry.value.trim()))}))}},{key:"titleAreaToggle",value:function(){"none"===this._titleArea.style.display?this.titleAreaShow():this.titleAreaHide()}},{key:"titleAreaShow",value:function(){this._titleArea.style.display="",this._adjustMessagesAreaHeight()}},{key:"titleAreaHide",value:function(){this._titleArea.style.display="none",this._adjustMessagesAreaHeight()}},{key:"titleAreaSetContents",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"center";this._titleArea.innerHTML=t,this._titleArea.style.textAlign=e}},{key:"titleAreaGetContents",value:function(){return this._titleArea.innerHTML}},{key:"inputAreaToggle",value:function(){this._inputArea.classList.toggle("hidden"),"none"===this._inputArea.style.display?this.inputAreaShow():this.inputAreaHide()}},{key:"inputAreaShow",value:function(){this._inputArea.style.display="",this._adjustMessagesAreaHeight()}},{key:"inputAreaHide",value:function(){this._inputArea.style.display="none",this._adjustMessagesAreaHeight()}},{key:"_adjustMessagesAreaHeight",value:function(){var t=n(this._chatWidget.children).filter((function(t){return t.classList.contains("hidden")})).reduce((function(t,e){return t+e.offsetHeight}),0),e=this._chatWidget.offsetHeight;this._messagesArea.style.height="calc(100% - ".concat(e-t,"px)")}},{key:"_handleContainerResize",value:function(){this._adjustMessagesAreaHeight(),this._adjustSendButtonWidth()}},{key:"_adjustSendButtonWidth",value:function(){var t=this._sendButton.textContent.trim(),e=parseFloat(getComputedStyle(this._sendButton).fontSize)*t.length+16;this._sendButton.style.minWidth="".concat(e,"px")}},{key:"messageAddNew",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"foo",n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"left",i=document.createElement("div"),a=this.msgid,s="quikchat-msgid-"+String(a).padStart(10,"0");i.classList.add("quikchat-message",s),this.msgid++,i.classList.add(this._messagesArea.children.length%2==1?"quikchat-message-1":"quikchat-message-2");var r=document.createElement("div");r.innerHTML=e,r.style="width: 100%; text-align: ".concat(n,"; font-size: 1em; font-weight:700; color: #444;");var o=document.createElement("div");return o.style="width: 100%; text-align: ".concat(n,";"),o.innerHTML=t,i.appendChild(r),i.appendChild(o),this._messagesArea.appendChild(i),this._messagesArea.lastChild.scrollIntoView(),this._textEntry.value="",this._adjustMessagesAreaHeight(),{msgid:a}}},{key:"messageRemove",value:function(t){var e=!1;try{this._messagesArea.removeChild(this._messagesArea.querySelector(".quikchat-msgid-".concat(String(t).padStart(10,"0")))),e=!0}catch(t){console.log("{String(n)} : Message ID not found")}return e}},{key:"messageGetDOMObject",value:function(t){var e=null;try{e=this._messagesArea.querySelector(".quikchat-msgid-".concat(String(t).padStart(10,"0")))}catch(t){console.log("{String(n)} : Message ID not found")}return e}},{key:"messageGetContent",value:function(t){var e="";try{e=this._messagesArea.querySelector(".quikchat-msgid-".concat(String(t).padStart(10,"0"))).lastChild.textContent}catch(t){console.log("{String(n)} : Message ID not found")}return e}},{key:"messageAppendContent",value:function(t,e){try{this._messagesArea.querySelector(".quikchat-msgid-".concat(String(t).padStart(10,"0"))).lastChild.innerHTML+=e,!0}catch(t){console.log("{String(n)} : Message ID not found")}}},{key:"messageReplaceContent",value:function(t,e){var n=!1;try{this._messagesArea.querySelector(".quikchat-msgid-".concat(String(t).padStart(10,"0"))).lastChild.innerHTML=e,n=!0}catch(t){console.log("{String(n)} : Message ID not found")}return n}},{key:"changeTheme",value:function(t){this._chatWidget.classList.remove(this._theme),this._chatWidget.classList.add(t),this._theme=t}}])}();return a}));
+//# sourceMappingURL=quikchat.umd.min.js.map

package/dist/quikchat.umd.min.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"quikchat.umd.min.js","sources":["../src/quikchat.js"],"sourcesContent":["// quikchat.js\n\nclass quikchat {\n    constructor(parentElement, meta = { theme: 'quikchat-theme-light', onSend: () => { } }) {\n        this._parentElement = parentElement;\n        this._theme = meta.theme;\n        this._onSend = meta.onSend ? meta.onSend : () => { };\n        this._createWidget();\n        // title area\n        if (meta.titleArea) {\n            this.titleAreaSetContents(meta.titleArea.title, meta.titleArea.align);\n            if (meta.titleArea.show) {\n                this.titleAreaShow();\n            } else {\n                this.titleAreaHide();\n            }\n        }\n        this._attachEventListeners();\n    }\n\n    _createWidget() {\n        const widgetHTML =\n            `\n            <div class=\"quikchat-base ${this.theme}\">\n                <div class=\"quikchat-title-area\">\n                    <span style=\"font-size: 1.5em; font-weight: 600;\">Title Area</span>\n                </div>\n                <div class=\"quikchat-messages-area\"></div>\n                <div class=\"quikchat-input-area\">\n                    <textarea class=\"quikchat-input-textbox\"></textarea>\n                    <button class=\"quikchat-input-send-btn\">Send</button>\n                </div>\n            </div>\n            `;\n\n        this._parentElement.innerHTML = widgetHTML;\n        this._chatWidget = this._parentElement.querySelector('.quikchat-base');\n        this._titleArea = this._chatWidget.querySelector('.quikchat-title-area');\n        this._messagesArea = this._chatWidget.querySelector('.quikchat-messages-area');\n        this._inputArea = this._chatWidget.querySelector('.quikchat-input-area');\n        this._textEntry = this._inputArea.querySelector('.quikchat-input-textbox');\n        this._sendButton = this._inputArea.querySelector('.quikchat-input-send-btn');\n        this.msgid = 0;\n    }\n    $() {\n    }\n    _attachEventListeners() {\n        this._sendButton.addEventListener('click', () => this._onSend(this, this._textEntry.value.trim()));\n        window.addEventListener('resize', () => this._handleContainerResize());\n        this._chatWidget.addEventListener('resize', () => this._handleContainerResize());\n        this._textEntry.addEventListener('keydown', (event) => {\n            // Check if Shift + Enter is pressed\n            if (event.shiftKey && event.keyCode === 13) {\n                // Prevent default behavior (adding new line)\n                event.preventDefault();\n                this._onSend(this, this._textEntry.value.trim())\n            }\n        });\n    }\n\n    titleAreaToggle() {\n        this._titleArea.style.display === 'none' ? this.titleAreaShow() : this.titleAreaHide();\n    }\n\n    titleAreaShow() {\n        this._titleArea.style.display = '';\n        this._adjustMessagesAreaHeight();\n    }\n\n    titleAreaHide() {\n        this._titleArea.style.display = 'none';\n        this._adjustMessagesAreaHeight();\n    }\n\n    titleAreaSetContents(title, align = 'center') {\n        this._titleArea.innerHTML = title;\n        this._titleArea.style.textAlign = align;\n    }\n\n    titleAreaGetContents() {\n        return this._titleArea.innerHTML;\n    }\n\n    inputAreaToggle() {\n        this._inputArea.classList.toggle('hidden');\n        this._inputArea.style.display === 'none' ? this.inputAreaShow() : this.inputAreaHide();\n    }\n\n    inputAreaShow() {\n        this._inputArea.style.display = '';\n        this._adjustMessagesAreaHeight();\n    }\n\n    inputAreaHide() {\n        this._inputArea.style.display = 'none';\n        this._adjustMessagesAreaHeight();\n    }\n\n    _adjustMessagesAreaHeight() {\n        const hiddenElements = [...this._chatWidget.children].filter(child => child.classList.contains('hidden'));\n        const totalHiddenHeight = hiddenElements.reduce((sum, child) => sum + child.offsetHeight, 0);\n        const containerHeight = this._chatWidget.offsetHeight;\n        this._messagesArea.style.height = `calc(100% - ${containerHeight - totalHiddenHeight}px)`;\n    }\n\n    _handleContainerResize() {\n        this._adjustMessagesAreaHeight();\n        this._adjustSendButtonWidth();\n        //console.log('Container resized');\n    }\n\n    _adjustSendButtonWidth() {\n        const sendButtonText = this._sendButton.textContent.trim();\n        const fontSize = parseFloat(getComputedStyle(this._sendButton).fontSize);\n        const minWidth = fontSize * sendButtonText.length + 16;\n        this._sendButton.style.minWidth = `${minWidth}px`;\n    }\n\n    messageAddNew(message, user = \"foo\", align = 'left') {\n        const messageDiv = document.createElement('div');\n        const msgid = this.msgid;\n        const msgidClass = 'quikchat-msgid-' + String(msgid).padStart(10, '0');\n        messageDiv.classList.add('quikchat-message', msgidClass);\n        this.msgid++;\n        messageDiv.classList.add(this._messagesArea.children.length % 2 === 1 ? 'quikchat-message-1' : 'quikchat-message-2');\n\n        const userDiv = document.createElement('div');\n        userDiv.innerHTML = user;\n        userDiv.style = `width: 100%; text-align: ${align}; font-size: 1em; font-weight:700; color: #444;`;\n\n        const contentDiv = document.createElement('div');\n        contentDiv.style = `width: 100%; text-align: ${align};`;\n        contentDiv.innerHTML = message;\n\n        messageDiv.appendChild(userDiv);\n        messageDiv.appendChild(contentDiv);\n        this._messagesArea.appendChild(messageDiv);\n        this._messagesArea.lastChild.scrollIntoView();\n\n        this._textEntry.value = '';\n        this._adjustMessagesAreaHeight();\n        return {msgid};\n    }\n\n    messageRemove(n) {\n        // use css selector to remove the message\n        let sucess = false;\n        try {\n            this._messagesArea.removeChild(this._messagesArea.querySelector(`.quikchat-msgid-${String(n).padStart(10, '0')}`));\n            sucess = true;\n        }\n        catch (error) {\n            console.log(`{String(n)} : Message ID not found`);\n        }\n        return sucess;\n    }\n    /* returns the message html object from the DOM\n    */\n    messageGetDOMObject(n) {\n        let msg = null;\n        // now use css selector to get the message \n        try {\n            msg =  this._messagesArea.querySelector(`.quikchat-msgid-${String(n).padStart(10, '0')}`);\n        } \n        catch (error) \n        {\n            console.log(`{String(n)} : Message ID not found`);\n        }\n        return msg; \n    }\n    /* returns the message content only\n    */\n    messageGetContent(n) {\n        let content = \"\"\n        // now use css selector to get the message \n        try {\n            content =  this._messagesArea.querySelector(`.quikchat-msgid-${String(n).padStart(10, '0')}`).lastChild.textContent;\n        } \n        catch (error) \n        {\n            console.log(`{String(n)} : Message ID not found`);\n        }\n        return content; \n    }\n\n    /* append message to the message content\n    */\n    messageAppendContent(n, content) {\n        let sucess = false;\n        try {\n            this._messagesArea.querySelector(`.quikchat-msgid-${String(n).padStart(10, '0')}`).lastChild.innerHTML += content;\n            sucess = true;\n        } \n        catch (error) \n        {\n            console.log(`{String(n)} : Message ID not found`);\n        }   \n    }\n    /* replace message content\n    */\n    messageReplaceContent(n, content) {\n        let sucess = false;\n        try {\n            this._messagesArea.querySelector(`.quikchat-msgid-${String(n).padStart(10, '0')}`).lastChild.innerHTML = content;\n            sucess = true;\n        } \n        catch (error) \n        {\n            console.log(`{String(n)} : Message ID not found`);\n        }\n        return sucess;\n    }\n\n    changeTheme(newTheme) {\n        this._chatWidget.classList.remove(this._theme);\n        this._chatWidget.classList.add(newTheme);\n        this._theme = newTheme;\n    }\n}\n\nexport default quikchat;\n"],"names":["quikchat","_createClass","parentElement","meta","arguments","length","undefined","theme","onSend","_classCallCheck","this","_parentElement","_theme","_onSend","_createWidget","titleArea","titleAreaSetContents","title","align","show","titleAreaShow","titleAreaHide","_attachEventListeners","key","value","widgetHTML","concat","innerHTML","_chatWidget","querySelector","_titleArea","_messagesArea","_inputArea","_textEntry","_sendButton","msgid","_this","addEventListener","trim","window","_handleContainerResize","event","shiftKey","keyCode","preventDefault","style","display","_adjustMessagesAreaHeight","textAlign","classList","toggle","inputAreaShow","inputAreaHide","totalHiddenHeight","_toConsumableArray","children","filter","child","contains","reduce","sum","offsetHeight","containerHeight","height","_adjustSendButtonWidth","sendButtonText","textContent","minWidth","parseFloat","getComputedStyle","fontSize","message","user","messageDiv","document","createElement","msgidClass","String","padStart","add","userDiv","contentDiv","appendChild","lastChild","scrollIntoView","n","sucess","removeChild","error","console","log","msg","content","newTheme","remove"],"mappings":"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"}

package/package.json

@@ -0,0 +1,33 @@
+{
+  "name": "quikchat",
+  "version": "1.0.0",
+  "description": "quikchat is a simple vanilla (no dependancies) JavaScript chat control for browsers ",
+  "main": "dist/quikchat.umd.min.js",
+  "module": "dist/quikchat.min.js",
+  "unpkg": "dist/quikchat.umd.min.js",
+  "browser": "dist/quikchat.umd.min.js",
+  "files": [
+    "dist"
+  ],
+  "author": "deftio",
+  "type": "module",
+  "directories": {
+    "example": "examples"
+  },
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "build": "rollup -c"
+  },
+  "keywords": [],
+  "license": "BSD-2-Clause",
+  "devDependencies": {
+    "@rollup/plugin-babel": "^6.0.4",
+    "@rollup/plugin-commonjs": "^26.0.1",
+    "@rollup/plugin-node-resolve": "^15.2.3",
+    "@rollup/plugin-terser": "^0.4.4",
+    "cssnano": "^7.0.4",
+    "rollup": "^4.18.1",
+    "rollup-plugin-css-only": "^4.5.2",
+    "rollup-plugin-postcss": "^4.0.2"
+  }
+}