Bumped version to 1.0.2 and created new build

space10-community · Oct 31, 2019 · a29373b · a29373b
1 parent daa517d
commit a29373b
Show file tree

Hide file tree

Showing 19 changed files with 106 additions and 98 deletions.
diff --git a/bower.json b/bower.json
@@ -1,6 +1,6 @@
 {
     "name": "conversational-form",
-    "version": "1.0.1",
+    "version": "1.0.2",
     "authors": [
         {
             "name" : "Daniel Friis",

diff --git a/dist/conversational-form-dark.css b/dist/conversational-form-dark.css
@@ -711,16 +711,18 @@ cf-chat-response {
   cf-chat-response[thinking] text thinking {
     display: block; }
   cf-chat-response text {
-    -webkit-user-select: none;
-       -moz-user-select: none;
-        -ms-user-select: none;
-            user-select: none;
-    display: inline-block;
+    display: flex;
+    flex-flow: column;
+    align-items: start;
     position: relative;
     min-height: 40px;
     height: auto;
     white-space: pre-wrap;
-    word-break: normal; }
+    word-break: normal;
+    -webkit-user-select: none;
+       -moz-user-select: none;
+        -ms-user-select: none;
+            user-select: none; }
     cf-chat-response text > div {
       display: inline-block; }
     cf-chat-response text thinking span:nth-child(1) {
@@ -814,7 +816,7 @@ cf-chat-response {
     height: 50px;
     border-radius: 50%;
     background: #E5E6EA;
-    background-size: 100%;
+    background-size: cover;
     background-repeat: no-repeat;
     background-position: 50% 50%;
     opacity: 0;
@@ -1288,12 +1290,6 @@ cf-input-button {
   border-radius: 3px 5px 5px 3px;
   background: #3A3A3C !important; }
 
-cf-chat-response.robot thumb {
-  background-image: url("data:image/svg+xml,%3Csvg width='200' height='200' viewBox='0 0 200 200' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='100' cy='100' r='100' fill='%233A3A3C'/%3E%3Crect x='66' y='66' width='68' height='68' fill='%23E5E6EA'/%3E%3C/svg%3E%0A") !important; }
-
-cf-chat-response.user thumb {
-  background-image: url("data:image/svg+xml,%3Csvg width='200' height='200' viewBox='0 0 200 200' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='100' cy='100' r='100' fill='%23E5E6EA'/%3E%3Cpath d='M100 55L138.971 122.5H61.0289L100 55Z' fill='%233A3A3C'/%3E%3C/svg%3E%0A") !important; }
-
 .cf-progressBar {
   background-color: #303030; }
   .cf-progressBar .bar {

diff --git a/dist/conversational-form-dark.min.css b/dist/conversational-form-dark.min.css
diff --git a/dist/conversational-form-green.css b/dist/conversational-form-green.css
@@ -706,16 +706,18 @@ cf-chat-response {
   cf-chat-response[thinking] text thinking {
     display: block; }
   cf-chat-response text {
-    -webkit-user-select: none;
-       -moz-user-select: none;
-        -ms-user-select: none;
-            user-select: none;
-    display: inline-block;
+    display: flex;
+    flex-flow: column;
+    align-items: start;
     position: relative;
     min-height: 40px;
     height: auto;
     white-space: pre-wrap;
-    word-break: normal; }
+    word-break: normal;
+    -webkit-user-select: none;
+       -moz-user-select: none;
+        -ms-user-select: none;
+            user-select: none; }
     cf-chat-response text > div {
       display: inline-block; }
     cf-chat-response text thinking span:nth-child(1) {
@@ -809,7 +811,7 @@ cf-chat-response {
     height: 50px;
     border-radius: 50%;
     background: #eeeff0;
-    background-size: 100%;
+    background-size: cover;
     background-repeat: no-repeat;
     background-position: 50% 50%;
     opacity: 0;
@@ -1208,9 +1210,3 @@ cf-upload-file-progress {
       transition: width 0.15s linear, border-radius 0.375s cubic-bezier(0.215, 0.61, 0.355, 1); }
     cf-upload-file-progress cf-upload-file-progress-bar.loaded {
       border-radius: 7px 7px 7px 7px; }
-
-cf-chat-response.robot thumb {
-  background-image: url("data:image/svg+xml,%3Csvg width='200' height='200' viewBox='0 0 200 200' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='100' cy='100' r='100' fill='%23EEEFF0'/%3E%3Crect x='66' y='66' width='68' height='68' fill='%2300BF75'/%3E%3C/svg%3E%0A") !important; }
-
-cf-chat-response.user thumb {
-  background-image: url("data:image/svg+xml,%3Csvg width='200' height='200' viewBox='0 0 200 200' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='100' cy='100' r='100' fill='%2300BF75'/%3E%3Cpath d='M100 55L138.971 122.5H61.0289L100 55Z' fill='%23EEEFF0'/%3E%3C/svg%3E%0A") !important; }
diff --git a/dist/conversational-form-green.min.css b/dist/conversational-form-green.min.css
diff --git a/dist/conversational-form-irisblue.css b/dist/conversational-form-irisblue.css
@@ -706,16 +706,18 @@ cf-chat-response {
   cf-chat-response[thinking] text thinking {
     display: block; }
   cf-chat-response text {
-    -webkit-user-select: none;
-       -moz-user-select: none;
-        -ms-user-select: none;
-            user-select: none;
-    display: inline-block;
+    display: flex;
+    flex-flow: column;
+    align-items: start;
     position: relative;
     min-height: 40px;
     height: auto;
     white-space: pre-wrap;
-    word-break: normal; }
+    word-break: normal;
+    -webkit-user-select: none;
+       -moz-user-select: none;
+        -ms-user-select: none;
+            user-select: none; }
     cf-chat-response text > div {
       display: inline-block; }
     cf-chat-response text thinking span:nth-child(1) {
@@ -809,7 +811,7 @@ cf-chat-response {
     height: 50px;
     border-radius: 50%;
     background: #e8e9eb;
-    background-size: 100%;
+    background-size: cover;
     background-repeat: no-repeat;
     background-position: 50% 50%;
     opacity: 0;
@@ -1208,9 +1210,3 @@ cf-upload-file-progress {
       transition: width 0.15s linear, border-radius 0.375s cubic-bezier(0.215, 0.61, 0.355, 1); }
     cf-upload-file-progress cf-upload-file-progress-bar.loaded {
       border-radius: 7px 7px 7px 7px; }
-
-cf-chat-response.robot thumb {
-  background-image: url("data:image/svg+xml,%3Csvg width='200' height='200' viewBox='0 0 200 200' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='100' cy='100' r='100' fill='%23E8E9EB'/%3E%3Crect x='66' y='66' width='68' height='68' fill='%2300C2DF'/%3E%3C/svg%3E%0A") !important; }
-
-cf-chat-response.user thumb {
-  background-image: url("data:image/svg+xml,%3Csvg width='200' height='200' viewBox='0 0 200 200' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='100' cy='100' r='100' fill='%2300C2DF'/%3E%3Cpath d='M100 55L138.971 122.5H61.0289L100 55Z' fill='%23E8E9EB'/%3E%3C/svg%3E%0A") !important; }
diff --git a/dist/conversational-form-irisblue.min.css b/dist/conversational-form-irisblue.min.css
diff --git a/dist/conversational-form-purple.css b/dist/conversational-form-purple.css
@@ -706,16 +706,18 @@ cf-chat-response {
   cf-chat-response[thinking] text thinking {
     display: block; }
   cf-chat-response text {
-    -webkit-user-select: none;
-       -moz-user-select: none;
-        -ms-user-select: none;
-            user-select: none;
-    display: inline-block;
+    display: flex;
+    flex-flow: column;
+    align-items: start;
     position: relative;
     min-height: 40px;
     height: auto;
     white-space: pre-wrap;
-    word-break: normal; }
+    word-break: normal;
+    -webkit-user-select: none;
+       -moz-user-select: none;
+        -ms-user-select: none;
+            user-select: none; }
     cf-chat-response text > div {
       display: inline-block; }
     cf-chat-response text thinking span:nth-child(1) {
@@ -809,7 +811,7 @@ cf-chat-response {
     height: 50px;
     border-radius: 50%;
     background: #eeeff0;
-    background-size: 100%;
+    background-size: cover;
     background-repeat: no-repeat;
     background-position: 50% 50%;
     opacity: 0;
@@ -1208,9 +1210,3 @@ cf-upload-file-progress {
       transition: width 0.15s linear, border-radius 0.375s cubic-bezier(0.215, 0.61, 0.355, 1); }
     cf-upload-file-progress cf-upload-file-progress-bar.loaded {
       border-radius: 7px 7px 7px 7px; }
-
-cf-chat-response.robot thumb {
-  background-image: url("data:image/svg+xml,%3Csvg width='200' height='200' viewBox='0 0 200 200' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='100' cy='100' r='100' fill='%23EEEFF0'/%3E%3Crect x='66' y='66' width='68' height='68' fill='%235A1DE4'/%3E%3C/svg%3E%0A") !important; }
-
-cf-chat-response.user thumb {
-  background-image: url("data:image/svg+xml,%3Csvg width='200' height='200' viewBox='0 0 200 200' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='100' cy='100' r='100' fill='%235A1DE4'/%3E%3Cpath d='M100 55L138.971 122.5H61.0289L100 55Z' fill='%23EEEFF0'/%3E%3C/svg%3E%0A") !important; }
diff --git a/dist/conversational-form-purple.min.css b/dist/conversational-form-purple.min.css
diff --git a/dist/conversational-form-red.css b/dist/conversational-form-red.css
@@ -706,16 +706,18 @@ cf-chat-response {
   cf-chat-response[thinking] text thinking {
     display: block; }
   cf-chat-response text {
-    -webkit-user-select: none;
-       -moz-user-select: none;
-        -ms-user-select: none;
-            user-select: none;
-    display: inline-block;
+    display: flex;
+    flex-flow: column;
+    align-items: start;
     position: relative;
     min-height: 40px;
     height: auto;
     white-space: pre-wrap;
-    word-break: normal; }
+    word-break: normal;
+    -webkit-user-select: none;
+       -moz-user-select: none;
+        -ms-user-select: none;
+            user-select: none; }
     cf-chat-response text > div {
       display: inline-block; }
     cf-chat-response text thinking span:nth-child(1) {
@@ -809,7 +811,7 @@ cf-chat-response {
     height: 50px;
     border-radius: 50%;
     background: #e8e9eb;
-    background-size: 100%;
+    background-size: cover;
     background-repeat: no-repeat;
     background-position: 50% 50%;
     opacity: 0;
@@ -1208,9 +1210,3 @@ cf-upload-file-progress {
       transition: width 0.15s linear, border-radius 0.375s cubic-bezier(0.215, 0.61, 0.355, 1); }
     cf-upload-file-progress cf-upload-file-progress-bar.loaded {
       border-radius: 7px 7px 7px 7px; }
-
-cf-chat-response.robot thumb {
-  background-image: url("data:image/svg+xml,%3Csvg width='200' height='200' viewBox='0 0 200 200' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='100' cy='100' r='100' fill='%23E8E9EB'/%3E%3Crect x='66' y='66' width='68' height='68' fill='%23FF3233'/%3E%3C/svg%3E%0A") !important; }
-
-cf-chat-response.user thumb {
-  background-image: url("data:image/svg+xml,%3Csvg width='200' height='200' viewBox='0 0 200 200' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='100' cy='100' r='100' fill='%23FF3233'/%3E%3Cpath d='M100 55L138.971 122.5H61.0289L100 55Z' fill='%23E8E9EB'/%3E%3C/svg%3E%0A") !important; }
diff --git a/dist/conversational-form-red.min.css b/dist/conversational-form-red.min.css
diff --git a/dist/conversational-form-space10.css b/dist/conversational-form-space10.css
@@ -706,16 +706,18 @@ cf-chat-response {
   cf-chat-response[thinking] text thinking {
     display: block; }
   cf-chat-response text {
-    -webkit-user-select: none;
-       -moz-user-select: none;
-        -ms-user-select: none;
-            user-select: none;
-    display: inline-block;
+    display: flex;
+    flex-flow: column;
+    align-items: start;
     position: relative;
     min-height: 40px;
     height: auto;
     white-space: pre-wrap;
-    word-break: normal; }
+    word-break: normal;
+    -webkit-user-select: none;
+       -moz-user-select: none;
+        -ms-user-select: none;
+            user-select: none; }
     cf-chat-response text > div {
       display: inline-block; }
     cf-chat-response text thinking span:nth-child(1) {
@@ -809,7 +811,7 @@ cf-chat-response {
     height: 50px;
     border-radius: 50%;
     background: #E5E6EA;
-    background-size: 100%;
+    background-size: cover;
     background-repeat: no-repeat;
     background-position: 50% 50%;
     opacity: 0;

diff --git a/dist/conversational-form-space10.min.css b/dist/conversational-form-space10.min.css
diff --git a/dist/conversational-form.css b/dist/conversational-form.css
@@ -703,16 +703,18 @@ cf-chat-response {
   cf-chat-response[thinking] text thinking {
     display: block; }
   cf-chat-response text {
-    -webkit-user-select: none;
-       -moz-user-select: none;
-        -ms-user-select: none;
-            user-select: none;
-    display: inline-block;
+    display: flex;
+    flex-flow: column;
+    align-items: start;
     position: relative;
     min-height: 40px;
     height: auto;
     white-space: pre-wrap;
-    word-break: normal; }
+    word-break: normal;
+    -webkit-user-select: none;
+       -moz-user-select: none;
+        -ms-user-select: none;
+            user-select: none; }
     cf-chat-response text > div {
       display: inline-block; }
     cf-chat-response text thinking span:nth-child(1) {
@@ -806,7 +808,7 @@ cf-chat-response {
     height: 50px;
     border-radius: 50%;
     background: #E5E6EA;
-    background-size: 100%;
+    background-size: cover;
     background-repeat: no-repeat;
     background-position: 50% 50%;
     opacity: 0;

diff --git a/dist/conversational-form.js b/dist/conversational-form.js
@@ -1107,7 +1107,9 @@ var cf;
             }
             if (this.tableableRows[this.rowIndex] && this.tableableRows[this.rowIndex][this.columnIndex]) {
                 this.ignoreKeyboardInput = true;
-                this.tableableRows[this.rowIndex][this.columnIndex].focus = true;
+                if (!this.cfReference.options.preventAutoFocus) {
+                    this.tableableRows[this.rowIndex][this.columnIndex].focus = true;
+                }
             }
             else {
                 this.resetTabList();
@@ -5728,7 +5730,7 @@ var cf;
 (function (cf_1) {
     var ConversationalForm = /** @class */ (function () {
         function ConversationalForm(options) {
-            this.version = "1.0.1";
+            this.version = "1.0.2";
             this.cdnPath = "https://cdn.jsdelivr.net/gh/space10-community/conversational-form@{version}/dist/";
             this.isDevelopment = false;
             this.loadExternalStyleSheet = true;
@@ -5808,6 +5810,7 @@ var cf;
             // set the ui options
             this.uiOptions = cf_1.Helpers.extendObject(cf_1.UserInterfaceDefaultOptions, options.userInterfaceOptions || {});
             // console.log('this.uiOptions:', this.uiOptions);
+            this.options = options;
             this.init();
         }
         Object.defineProperty(ConversationalForm.prototype, "createId", {
@@ -5834,18 +5837,38 @@ var cf;
             switch (this.theme) {
                 case 'dark':
                     this.theme = 'conversational-form-dark.min.css';
+                    if (!this.options.robotImage)
+                        this.updateDictionaryValue('robot-image', 'robot', "data:image/svg+xml,%3Csvg width='200' height='200' viewBox='0 0 200 200' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='100' cy='100' r='100' fill='%233A3A3C'/%3E%3Crect x='66' y='66' width='68' height='68' fill='%23E5E6EA'/%3E%3C/svg%3E%0A");
+                    if (!this.options.userImage)
+                        this.updateDictionaryValue('user-image', 'user', "data:image/svg+xml,%3Csvg width='200' height='200' viewBox='0 0 200 200' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='100' cy='100' r='100' fill='%23E5E6EA'/%3E%3Cpath d='M100 55L138.971 122.5H61.0289L100 55Z' fill='%233A3A3C'/%3E%3C/svg%3E%0A");
                     break;
                 case 'green':
                     this.theme = 'conversational-form-green.min.css';
+                    if (!this.options.robotImage)
+                        this.updateDictionaryValue('robot-image', 'robot', "data:image/svg+xml,%3Csvg width='200' height='200' viewBox='0 0 200 200' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='100' cy='100' r='100' fill='%23EEEFF0'/%3E%3Crect x='66' y='66' width='68' height='68' fill='%2300BF75'/%3E%3C/svg%3E%0A");
+                    if (!this.options.userImage)
+                        this.updateDictionaryValue('user-image', 'user', "data:image/svg+xml,%3Csvg width='200' height='200' viewBox='0 0 200 200' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='100' cy='100' r='100' fill='%2300BF75'/%3E%3Cpath d='M100 55L138.971 122.5H61.0289L100 55Z' fill='%23EEEFF0'/%3E%3C/svg%3E%0A");
                     break;
                 case 'blue':
                     this.theme = 'conversational-form-irisblue.min.css';
+                    if (!this.options.robotImage)
+                        this.updateDictionaryValue('robot-image', 'robot', "data:image/svg+xml,%3Csvg width='200' height='200' viewBox='0 0 200 200' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='100' cy='100' r='100' fill='%23E8E9EB'/%3E%3Crect x='66' y='66' width='68' height='68' fill='%2300C2DF'/%3E%3C/svg%3E%0A");
+                    if (!this.options.userImage)
+                        this.updateDictionaryValue('user-image', 'user', "data:image/svg+xml,%3Csvg width='200' height='200' viewBox='0 0 200 200' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='100' cy='100' r='100' fill='%2300C2DF'/%3E%3Cpath d='M100 55L138.971 122.5H61.0289L100 55Z' fill='%23E8E9EB'/%3E%3C/svg%3E%0A");
                     break;
                 case 'purple':
                     this.theme = 'conversational-form-purple.min.css';
+                    if (!this.options.robotImage)
+                        this.updateDictionaryValue('robot-image', 'robot', "data:image/svg+xml,%3Csvg width='200' height='200' viewBox='0 0 200 200' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='100' cy='100' r='100' fill='%23EEEFF0'/%3E%3Crect x='66' y='66' width='68' height='68' fill='%235A1DE4'/%3E%3C/svg%3E%0A");
+                    if (!this.options.userImage)
+                        this.updateDictionaryValue('user-image', 'user', "data:image/svg+xml,%3Csvg width='200' height='200' viewBox='0 0 200 200' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='100' cy='100' r='100' fill='%235A1DE4'/%3E%3Cpath d='M100 55L138.971 122.5H61.0289L100 55Z' fill='%23EEEFF0'/%3E%3C/svg%3E%0A");
                     break;
                 case 'red':
                     this.theme = 'conversational-form-red.min.css';
+                    if (!this.options.robotImage)
+                        this.updateDictionaryValue('robot-image', 'robot', "data:image/svg+xml,%3Csvg width='200' height='200' viewBox='0 0 200 200' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='100' cy='100' r='100' fill='%23E8E9EB'/%3E%3Crect x='66' y='66' width='68' height='68' fill='%23FF3233'/%3E%3C/svg%3E%0A");
+                    if (!this.options.userImage)
+                        this.updateDictionaryValue('user-image', 'user', "data:image/svg+xml,%3Csvg width='200' height='200' viewBox='0 0 200 200' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='100' cy='100' r='100' fill='%23FF3233'/%3E%3Cpath d='M100 55L138.971 122.5H61.0289L100 55Z' fill='%23E8E9EB'/%3E%3C/svg%3E%0A");
                     break;
                 default:
                     this.theme = 'conversational-form.min.css';
@@ -5916,9 +5939,9 @@ var cf;
         */
         ConversationalForm.prototype.updateDictionaryValue = function (id, type, value) {
             cf_1.Dictionary.set(id, type, value);
-            if (["robot-image", "user-image"].indexOf(id) != -1) {
-                this.chatList.updateThumbnail(id == "robot-image", value);
-            }
+            // if(["robot-image", "user-image"].indexOf(id) != -1){
+            // 	this.chatList.updateThumbnail(id == "robot-image", value);
+            // }
         };
         ConversationalForm.prototype.getFormData = function (serialized) {
             if (serialized === void 0) { serialized = false; }

diff --git a/dist/conversational-form.min.css b/dist/conversational-form.min.css
diff --git a/dist/conversational-form.min.js b/dist/conversational-form.min.js
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "conversational-form",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "Turning web forms into conversations",
   "main": "dist/conversational-form.js",
   "directories": {

diff --git a/src/scripts/cf/ConversationalForm.ts b/src/scripts/cf/ConversationalForm.ts
@@ -96,7 +96,7 @@ namespace cf {
 	}
 
 	export class ConversationalForm{
-		public version: string = "1.0.1";
+		public version: string = "1.0.2";
 
 		public static animationsEnabled: boolean = true;
 		public static illustrateAppFlow: boolean = true;