From 6709d5ee73bfe7b410dbbef09741503513574607 Mon Sep 17 00:00:00 2001
From: Gregor Lasnibat <gregor@scinote.net>
Date: Wed, 13 Sep 2023 08:16:26 +0200
Subject: [PATCH 01/49] Finished v.01 of inventory item card
 (RepositoryItemSidebar) [SCI-9091]

---
 .../packs/vue/repository_item_sidebar.js      |  20 ++
 .../vue/components/RepositoryItemSidebar.vue  | 188 ++++++++++++++++++
 app/views/layouts/application.html.erb        |  10 +
 config/webpack/webpack.config.js              |   3 +
 4 files changed, 221 insertions(+)
 create mode 100644 app/javascript/packs/vue/repository_item_sidebar.js
 create mode 100644 app/javascript/vue/components/RepositoryItemSidebar.vue

diff --git a/app/javascript/packs/vue/repository_item_sidebar.js b/app/javascript/packs/vue/repository_item_sidebar.js
new file mode 100644
index 000000000..71879686c
--- /dev/null
+++ b/app/javascript/packs/vue/repository_item_sidebar.js
@@ -0,0 +1,20 @@
+/* global notTurbolinksPreview */
+
+import TurbolinksAdapter from 'vue-turbolinks';
+import Vue from 'vue/dist/vue.esm';
+import RepositoryItemSidebar from '../../vue/components/RepositoryItemSidebar.vue';
+
+Vue.use(TurbolinksAdapter);
+Vue.prototype.i18n = window.I18n;
+
+function initRepositoryItemSidebar() {
+  new Vue({
+    el: '#repositoryItemSidebar',
+    components: {
+      RepositoryItemSidebar
+    }
+  });
+}
+
+initRepositoryItemSidebar();
+
diff --git a/app/javascript/vue/components/RepositoryItemSidebar.vue b/app/javascript/vue/components/RepositoryItemSidebar.vue
new file mode 100644
index 000000000..9cf8f312b
--- /dev/null
+++ b/app/javascript/vue/components/RepositoryItemSidebar.vue
@@ -0,0 +1,188 @@
+<template>
+    <div id="repository-item-sidebar" class="w-[500px] h-[1032px] m-[24px] bg-white justify-between flex flex-col">
+        <div id="top" class="flex flex-col items-center gap-6 self-stretch min-h-[763px] h-full">
+
+            <div id="modal-title-and-subtitle" class="h-[48px] w-full">
+                <div id="title" class="h-[30px] w-full flex justify-between">
+                    <p class="my-auto mx-0 w-fit font-inter text-base font-semibold leading-7">{{ this.title }}</p>
+                    <i @click="toggleShowHide" class="sn-icon sn-icon-close ml-auto cursor-pointer my-auto mx-0"></i>
+                </div>
+                <div id="subtitle" class="h-[18px] w-full flex">
+                    {{ this.subtitle }}
+                </div>
+            </div>
+
+            <div id="divider" class="w-500 bg-sn-light-grey flex px-8 items-center self-stretch h-px	"></div>
+
+            <div id="content" class="min-h-[684px] flex flex-row">
+                <div id="items" class="min-w-[350px] grid grid-rows-10">
+                    <div id="information" class="h-[28px] font-inter text-lg font-semibold leading-7">Information</div>
+
+                    <div id="inventory-wrapper" class="flex flex-col h-[46px]">
+                      <div id="inventory-label" class="font-inter text-sm font-semibold leading-5">Inventory</div>
+                      <div id="inventory-value" class="text-gray-700 font-inter text-sm font-normal leading-5">{{ this.inventory }}</div>
+                    </div>
+
+                    <div id="divider" class="flex h-[1px] py-0  border-dashed border-[1px] border-sn-sleepy-grey"></div>
+
+                    <div id="item-id-wrapper" class="flex flex-col h-[46px]">
+                      <div id="item-id-label" class="font-inter text-sm font-semibold leading-5">Item ID</div>
+                      <div id="item-id-value" class="text-gray-700 font-inter text-sm font-normal leading-5">{{ this.itemId }}</div>
+                    </div>
+
+                    <div id="divider" class="flex h-[1px] py-0  border-dashed border-[1px] border-sn-sleepy-grey"></div>
+
+                    <div id="added-on-wrapper" class="flex flex-col h-[46px]">
+                      <div id="added-on-label" class="font-inter text-sm font-semibold leading-5">Added on</div>
+                      <div id="added-on-value" class="text-gray-700 font-inter text-sm font-normal leading-5">{{ this.addedOn }}</div>
+                    </div>
+
+                    <div id="divider" class="flex h-[1px] py-0  border-dashed border-[1px] border-sn-sleepy-grey"></div>
+
+                    <div id="added-by-wrapper" class="flex flex-col h-[46px]">
+                      <div id="added-by-label" class="font-inter text-sm font-semibold leading-5">Added by</div>
+                      <div id="added-by-value" class="text-gray-700 font-inter text-sm font-normal leading-5">{{ this.addedBy }}</div>
+                    </div>
+
+                    <div id="divider" class="w-500 bg-sn-light-grey flex px-8 items-center self-stretch h-px	"></div>
+
+                    <div id="custom-columns-wrapper" class="flex flex-col h-[64px]">
+                      <div id="custom-columns-label" class="font-inter text-base font-semibold leading-7">Custom columns</div>
+                      <div id="custom-columns-value" class="text-gray-700 font-inter text-sm font-normal leading-5">{{ this.customColumns }}</div>
+                    </div>
+
+                    <div id="divider" class="w-500 bg-sn-light-grey flex px-8 items-center self-stretch h-px	"></div>
+
+                    <div id="assigned-wrapper" class="flex flex-col h-[64px]">
+                      <div id="assigned-label" class="font-inter text-base font-semibold leading-7">Assigned (3)</div>
+                      <div id="assigned-value" class="text-gray-700 font-inter text-sm font-normal leading-5">{{ this.assigned }}</div>
+                    </div>
+
+                    <div id="divider" class="w-500 bg-sn-light-grey flex px-8 items-center self-stretch h-px	"></div>
+
+                    <div id="QR-wrapper" class="block">
+                      <div id="QR-label" class="font-inter text-base font-semibold leading-7 mb-4">QR</div>
+                      <canvas id="bar-code-canvas" class="hidden" data-id='dummyDataId'></canvas>
+                      <img id="bar-code-image" />
+                    </div>
+                </div>
+
+                <div class="min-w-[130px] h-[130px] flex item-end gap-x-4	">
+                  <div class="flex flex-col py-2 px-0 gap-3 self-stretch w-[130px] h-[130px]  justify-center items-center">
+                    <div class="flex flex-col w-[130px] h-[130px] justify-between text-right">
+                      <div @click="handleSideNavClick" id="text-item-1" class="hover:cursor-pointer text-sn-grey">Information</div>
+                      <div @click="handleSideNavClick" id="text-item-2" class="hover:cursor-pointer text-sn-grey">Custom columns</div>
+                      <div @click="handleSideNavClick" id="text-item-3" class="hover:cursor-pointer text-sn-grey">Assigned</div>
+                      <div @click="handleSideNavClick" id="text-item-4" class="hover:cursor-pointer text-sn-grey">QR</div>
+                    </div>
+                  </div>
+
+                  <div id="highlight-container" class="w-[1px] h-[130px] flex flex-col justify-evenly bg-sn-light-grey">
+                    <div id="highlight-item-1" class="w-[5px] h-[28px] rounded-[11px]"></div>
+                    <div id="highlight-item-2" class="w-[5px] h-[28px] rounded-[11px]"></div>
+                    <div id="highlight-item-3" class="w-[5px] h-[28px] rounded-[11px]"></div>
+                    <div id="highlight-item-4" class="w-[5px] h-[28px] rounded-[11px]"></div>
+                  </div>
+                </div>
+            </div>
+        </div>
+
+
+        <div id="bottom" class="h-[100px] flex flex-col justify-end">
+          <div id="divider" class="w-500 bg-sn-light-grey flex px-8 items-center self-stretch h-px mb-6"></div>
+          <div id="bottom-button-wrapper" class="flex h-10 justify-end">
+            <button class="btn btn-primary">Print Label</button>
+          </div>
+        </div>
+    </div>
+</template>
+  <script>
+
+    export default {
+      name: 'RepositoryItemSidebar',
+      data() {
+        // using dummy data for now
+        return {
+            isShowing: false,
+            title: 'DNA sample 01',
+            subtitle: 'subtitle',
+            inventory: 'Sample',
+            itemId: 'IT32823',
+            addedOn: '27 June 2023',
+            addedBy: 'Alexander Cansbridge',
+            customColumns: 'No custom columns',
+            assigned: 'Assigned to 3 private tasks that will not be displayed'
+        }
+      },
+      created() {
+        window.repositoryItemSidebarComponent = this;
+
+      },
+      watch: {
+        isShowing(newVal, oldVal) {
+            const element = document.getElementById('repositoryItemSidebar')
+            if (this.isShowing) {
+              element.classList.remove('translate-x-full');
+              element.classList.add('translate-x-0');
+            } else {
+              element.classList.add('transition-transform', 'ease-in-out', 'duration-300', 'transform', 'translate-x-0', 'translate-x-full');
+            }
+        }
+      },
+      mounted() {
+        // generate the QR code
+        let barCodeCanvas = bwipjs.toCanvas('bar-code-canvas', {
+        bcid: 'qrcode',
+        text: $('#repository-item-sidebar #bar-code-canvas').data('id').toString(),
+        scale: 3
+      });
+      $('#repository-item-sidebar #bar-code-image').attr('src', barCodeCanvas.toDataURL('image/png'));
+      },
+      beforeDestroy() {
+        delete window.repositoryItemSidebarComponent;
+      },
+      computed: {
+      },
+      methods: {
+        // component is currently shown/hidden by calling window.repositoryItemSidebarComponent.toggleShowHide()
+        toggleShowHide(itemId) {
+            this.isShowing = !this.isShowing
+            console.log(`Showing details for itemId: ${itemId}`)
+        },
+
+        // determine the identifier value according to the text-item (target) value
+        handleSideNavClick(e) {
+          let highlightItemId
+          const targetId = e.target.id
+          switch(targetId) {
+            case 'text-item-1':
+              highlightItemId = 'highlight-item-1'
+              break
+            case 'text-item-2':
+              highlightItemId = 'highlight-item-2'
+              break
+            case 'text-item-3':
+              highlightItemId = 'highlight-item-3'
+              break
+            case 'text-item-4':
+              highlightItemId = 'highlight-item-4'
+              break
+            default: null
+          }
+
+          const arrOfBurgerItemIds = ['text-item-1', 'text-item-2', 'text-item-3', 'text-item-4']
+          const arrOfBurgerHighlightItemIds = ['highlight-item-1', 'highlight-item-2', 'highlight-item-3', 'highlight-item-4']
+          const arrToUnhighlight_1 = arrOfBurgerItemIds.filter((i) => i !== targetId)
+          const arrToUnhighlight_2 = arrOfBurgerHighlightItemIds.filter((i) => i !== highlightItemId)
+
+          // highlight the target text and corresponding identifier
+          document.getElementById(targetId).classList.add('text-sn-science-blue')
+          document.getElementById(highlightItemId).classList.add('bg-sn-science-blue')
+
+          //unhighlight the rest of the text and identifiers
+          arrToUnhighlight_1.forEach(id => document.getElementById(id).classList.remove('text-sn-science-blue'))
+          arrToUnhighlight_2.forEach(id => document.getElementById(id).classList.remove('bg-sn-science-blue'))
+        }
+      }
+    }
+  </script>
\ No newline at end of file
diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
index ad72e6946..3b7dfbb0e 100644
--- a/app/views/layouts/application.html.erb
+++ b/app/views/layouts/application.html.erb
@@ -49,6 +49,7 @@
     <%= stylesheet_link_tag 'tui_image_editor_styles' %>
     <%= javascript_include_tag 'vue_navigation_navigator' %>
     <%= javascript_include_tag 'vue_navigation_top_menu' %>
+
   </head>
   <body
     class="<%= yield :body_class %> <%= 'navigator-collapsed' if !@navigator || session[:navigator_collapsed] %> <%= 'w-[98%]' if params[:controller] == 'label_templates' && params[:action] == 'show'%>"
@@ -99,6 +100,13 @@
       </div>
 
       <%= render "shared/comments/comments_sidebar" %>
+
+      <div
+        id="repositoryItemSidebar"
+        data-behaviour="vue"
+        class='bg-white fixed top-0 right-0 h-screen w-[565px] overflow-scroll gap-2.5 self-stretch z-[9999] rounded-tl-4 rounded-bl-4 transition-transform ease-in-out transform translate-x-full'>
+        <repository-item-sidebar />
+      </div>
     </div>
 
     <%= render partial: 'shared/flash_alerts',
@@ -117,5 +125,7 @@
     <span style="display: none;" data-hook="application-body-end-html"></span>
 
     <%= javascript_include_tag 'prism' %>
+    <%= javascript_include_tag "vue_components_repository_item_sidebar" %>
+
   </body>
 </html>
diff --git a/config/webpack/webpack.config.js b/config/webpack/webpack.config.js
index e603350de..80dd5d1a6 100644
--- a/config/webpack/webpack.config.js
+++ b/config/webpack/webpack.config.js
@@ -36,6 +36,9 @@ const entryList = {
   vue_share_task_container: './app/javascript/packs/vue/share_task_container.js',
   vue_navigation_top_menu: './app/javascript/packs/vue/navigation/top_menu.js',
   vue_navigation_navigator: './app/javascript/packs/vue/navigation/navigator.js',
+  vue_components_action_toolbar: './app/javascript/packs/vue/action_toolbar.js',
+  vue_components_repository_item_sidebar: './app/javascript/packs/vue/repository_item_sidebar.js',
+  vue_components_open_vector_editor: './app/javascript/packs/vue/open_vector_editor.js',
   vue_navigation_breadcrumbs: './app/javascript/packs/vue/navigation/breadcrumbs.js',
   vue_components_action_toolbar: './app/javascript/packs/vue/action_toolbar.js',
   vue_protocol_file_import_modal: './app/javascript/packs/vue/protocol_file_import_modal.js'

From cf641201ac39ac192a15cd22c067ffa8ba3cca35 Mon Sep 17 00:00:00 2001
From: Gregor Lasnibat <gregor@scinote.net>
Date: Wed, 13 Sep 2023 16:13:22 +0200
Subject: [PATCH 02/49] New item card custom columns [SCI-9153]

---
 .../vue/components/RepositoryItemSidebar.vue  | 264 ++++++++++++++++--
 1 file changed, 238 insertions(+), 26 deletions(-)

diff --git a/app/javascript/vue/components/RepositoryItemSidebar.vue b/app/javascript/vue/components/RepositoryItemSidebar.vue
index 9cf8f312b..d9e9a2d5b 100644
--- a/app/javascript/vue/components/RepositoryItemSidebar.vue
+++ b/app/javascript/vue/components/RepositoryItemSidebar.vue
@@ -1,11 +1,13 @@
 <template>
-    <div id="repository-item-sidebar" class="w-[500px] h-[1032px] m-[24px] bg-white justify-between flex flex-col">
+    <div id="repository-item-sidebar" class="w-[500px] min-h-[1032px] h-auto m-[24px] bg-white justify-between flex flex-col">
         <div id="top" class="flex flex-col items-center gap-6 self-stretch min-h-[763px] h-full">
 
             <div id="modal-title-and-subtitle" class="h-[48px] w-full">
                 <div id="title" class="h-[30px] w-full flex justify-between">
-                    <p class="my-auto mx-0 w-fit font-inter text-base font-semibold leading-7">{{ this.title }}</p>
-                    <i @click="toggleShowHide" class="sn-icon sn-icon-close ml-auto cursor-pointer my-auto mx-0"></i>
+                    <p class="my-auto mx-0 w-fit font-inter text-base font-semibold leading-7">
+                      {{ this.title }}
+                    </p>
+                    <i @click="toggleShowHideSidebar" class="sn-icon sn-icon-close ml-auto cursor-pointer my-auto mx-0"></i>
                 </div>
                 <div id="subtitle" class="h-[18px] w-full flex">
                     {{ this.subtitle }}
@@ -14,48 +16,230 @@
 
             <div id="divider" class="w-500 bg-sn-light-grey flex px-8 items-center self-stretch h-px	"></div>
 
-            <div id="content" class="min-h-[684px] flex flex-row">
-                <div id="items" class="min-w-[350px] grid grid-rows-10">
+            <div id="content" class="min-h-[684px] h-auto flex flex-row">
+                <div id="items" class="min-w-[350px] h-auto flex flex-col gap-4">
                     <div id="information" class="h-[28px] font-inter text-lg font-semibold leading-7">Information</div>
 
-                    <div id="inventory-wrapper" class="flex flex-col h-[46px]">
+                    <div id="inventory-wrapper" class="flex flex-col min-h-[46px] h-auto gap-[6px]">
                       <div id="inventory-label" class="font-inter text-sm font-semibold leading-5">Inventory</div>
-                      <div id="inventory-value" class="text-gray-700 font-inter text-sm font-normal leading-5">{{ this.inventory }}</div>
+                      <div id="inventory-value" class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
+                        {{ this.inventory }}
+                      </div>
                     </div>
 
-                    <div id="divider" class="flex h-[1px] py-0  border-dashed border-[1px] border-sn-sleepy-grey"></div>
+                    <div id="dashed-divider" class="flex h-[1px] py-0  border-dashed border-[1px] border-sn-light-grey"></div>
 
-                    <div id="item-id-wrapper" class="flex flex-col h-[46px]">
+                    <div id="item-id-wrapper" class="flex flex-col min-h-[46px] h-auto gap-[6px]">
                       <div id="item-id-label" class="font-inter text-sm font-semibold leading-5">Item ID</div>
-                      <div id="item-id-value" class="text-gray-700 font-inter text-sm font-normal leading-5">{{ this.itemId }}</div>
+                      <div id="item-id-value" class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
+                        {{ this.itemId }}
+                      </div>
                     </div>
 
-                    <div id="divider" class="flex h-[1px] py-0  border-dashed border-[1px] border-sn-sleepy-grey"></div>
+                    <div id="dashed-divider" class="flex h-[1px] py-0  border-dashed border-[1px] border-sn-light-grey"></div>
 
-                    <div id="added-on-wrapper" class="flex flex-col h-[46px]">
+                    <div id="added-on-wrapper" class="flex flex-col min-h-[46px] h-auto gap-[6px]">
                       <div id="added-on-label" class="font-inter text-sm font-semibold leading-5">Added on</div>
-                      <div id="added-on-value" class="text-gray-700 font-inter text-sm font-normal leading-5">{{ this.addedOn }}</div>
+                      <div id="added-on-value" class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
+                        {{ this.addedOn }}
+                      </div>
                     </div>
 
-                    <div id="divider" class="flex h-[1px] py-0  border-dashed border-[1px] border-sn-sleepy-grey"></div>
+                    <div id="dashed-divider" class="flex h-[1px] py-0  border-dashed border-[1px] border-sn-light-grey"></div>
 
-                    <div id="added-by-wrapper" class="flex flex-col h-[46px]">
+                    <div id="added-by-wrapper" class="flex flex-col min-h-[46px] h-auto gap-[6px]">
                       <div id="added-by-label" class="font-inter text-sm font-semibold leading-5">Added by</div>
-                      <div id="added-by-value" class="text-gray-700 font-inter text-sm font-normal leading-5">{{ this.addedBy }}</div>
+                      <div id="added-by-value" class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
+                        {{ this.addedBy }}
+                      </div>
                     </div>
 
                     <div id="divider" class="w-500 bg-sn-light-grey flex px-8 items-center self-stretch h-px	"></div>
 
-                    <div id="custom-columns-wrapper" class="flex flex-col h-[64px]">
-                      <div id="custom-columns-label" class="font-inter text-base font-semibold leading-7">Custom columns</div>
-                      <div id="custom-columns-value" class="text-gray-700 font-inter text-sm font-normal leading-5">{{ this.customColumns }}</div>
+                    <div id="custom-columns-wrapper" class="flex flex-col min-h-[64px] h-auto">
+
+                      <div id="custom-columns-label" class="font-inter text-base font-semibold leading-7 mb-2">Custom columns</div>
+                      <div v-if="customColumns?.length > 0" class="flex flex-col gap-4 w-[350px] h-auto">
+                      <!-- start of custom columns -->
+
+                        <div id="" class="flex flex-col min-h-[46px] h-auto gap-[6px]">
+                          <div id="" class="flex justify-between">
+                            <div class="font-inter text-sm font-semibold leading-5">Solvent stock</div>
+                            <div class="font-inter text-sm font-normal leading-5 text-sn-blue cursor-pointer">Export</div>
+                          </div>
+                          <div id="">
+                            <div v-if="this.customColumns[0]?.solventStock" class="flex flex-row justify-between">
+                              <div class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
+                                {{ this.customColumns[0]?.solventStock }}
+                              </div>
+                              <i class="sn-icon sn-icon-notifications"></i>
+                            </div>
+                            <div v-else>No stock</div>
+                          </div>
+                        </div>
+                        <div id="dashed-divider" class="flex h-[1px] py-0  border-dashed border-[1px] border-sn-light-grey"></div>
+
+                        <div id="" class="flex flex-col min-h-[46px] h-auto gap-[6px]">
+                          <div id="" class="font-inter text-sm font-semibold leading-5">Items in warehouse</div>
+                          <div id="" class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
+                            {{ this.customColumns[0]?.itemsInWarehouse ? 'In stock' : 'No text' }}
+                          </div>
+                        </div>
+                        <div id="dashed-divider" class="flex h-[1px] py-0  border-dashed border-[1px] border-sn-light-grey"></div>
+
+                        <div id="" class="flex flex-col min-h-[46px] h-auto gap-[6px]">
+                          <div id="" class="font-inter text-sm font-semibold leading-5">Storage temperature</div>
+                          <div id="" class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
+                            {{ this.customColumns[0]?.storageTemp || 'No text' }}
+                          </div>
+                        </div>
+                        <div id="dashed-divider" class="flex h-[1px] py-0  border-dashed border-[1px] border-sn-light-grey"></div>
+
+                        <div id="" class="flex flex-col min-h-[46px] h-auto gap-[6px]">
+                          <div id="" class="font-inter text-sm font-semibold leading-5">Sampling date & time range</div>
+                          <div id="" class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
+                            {{ this.customColumns[0]?.samplingDateTimeRange || 'No date & time range' }}
+                          </div>
+                        </div>
+                        <div id="dashed-divider" class="flex h-[1px] py-0  border-dashed border-[1px] border-sn-light-grey"></div>
+
+                        <div id="" class="flex flex-col min-h-[46px] h-auto gap-[6px]">
+                          <div id="" class="font-inter text-sm font-semibold leading-5">Sampling date & time reminder</div>
+                          <div id="">
+                            <div v-if="this.customColumns[0]?.samplingDateTimeReminder" class="flex flex-row justify-between">
+                              <div class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
+                                {{ this.customColumns[0]?.samplingDateTimeReminder }}
+                              </div>
+                              <i class="sn-icon sn-icon-notifications"></i>
+                            </div>
+                            <div v-else>No Date & time</div>
+                          </div>
+                        </div>
+                        <div id="dashed-divider" class="flex h-[1px] py-0  border-dashed border-[1px] border-sn-light-grey"></div>
+
+                        <div id="" class="flex flex-col min-h-[46px] h-auto gap-[6px]">
+                          <div id="" class="font-inter text-sm font-semibold leading-5">Sampling date range</div>
+                          <div id="" class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
+                            {{ this.customColumns[0]?.samplingDateRange || 'No date range' }}
+                          </div>
+                        </div>
+                        <div id="dashed-divider" class="flex h-[1px] py-0  border-dashed border-[1px] border-sn-light-grey"></div>
+
+                        <div id="" class="flex flex-col min-h-[46px] h-auto gap-[6px]">
+                          <div id="" class="font-inter text-sm font-semibold leading-5">Sampling date</div>
+                          <div id="" class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
+                            {{ this.customColumns[0]?.samplingDate || 'No date' }}
+                          </div>
+                        </div>
+                        <div id="dashed-divider" class="flex h-[1px] py-0  border-dashed border-[1px] border-sn-light-grey"></div>
+
+                        <div id="" class="flex flex-col min-h-[46px] h-auto gap-[6px]">
+                          <div id="" class="font-inter text-sm font-semibold leading-5">Sampling date reminder</div>
+                          <div id="">
+                            <div v-if="this.customColumns[0]?.samplingDateReminder" class="flex flex-row justify-between">
+                              <div class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
+                                {{ this.customColumns[0]?.samplingDateReminder }}
+                              </div>
+                              <i class="sn-icon sn-icon-notifications"></i>
+                            </div>
+                            <div v-else>No Date</div>
+                          </div>
+                        </div>
+                        <div id="dashed-divider" class="flex h-[1px] py-0  border-dashed border-[1px] border-sn-light-grey"></div>
+
+                        <div id="" class="flex flex-col min-h-[46px] h-auto gap-[6px]">
+                          <div id="" class="font-inter text-sm font-semibold leading-5">Sampling time range</div>
+                          <div id="" class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
+                            {{ this.customColumns[0]?.samplingTimeRange || 'No time range' }}
+                          </div>
+                        </div>
+                        <div id="dashed-divider" class="flex h-[1px] py-0  border-dashed border-[1px] border-sn-light-grey"></div>
+
+                        <div id="" class="flex flex-col min-h-[46px] h-auto gap-[6px]">
+                          <div id="" class="font-inter text-sm font-semibold leading-5">Incubation time</div>
+                          <div id="" class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
+                            {{ this.customColumns[0]?.incubationTime || 'No time' }}
+                          </div>
+                        </div>
+                        <div id="dashed-divider" class="flex h-[1px] py-0  border-dashed border-[1px] border-sn-light-grey"></div>
+
+                        <div id="" class="flex flex-col min-h-[46px] h-auto gap-[6px]">
+                          <div id="" class="font-inter text-sm font-semibold leading-5">DNA File</div>
+                          <div id="" class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
+                            <a v-if="this.customColumns[0]?.dnaFile">
+                              {{ this.customColumns[0]?.dnaFile }}
+                            </a>
+                            <div v-else>No file</div>
+                          </div>
+                        </div>
+                        <div id="dashed-divider" class="flex h-[1px] py-0  border-dashed border-[1px] border-sn-light-grey"></div>
+
+                        <div id="" class="flex flex-col min-h-[46px] h-auto gap-[6px]">
+                          <div id="" class="font-inter text-sm font-semibold leading-5">Number of aliquots</div>
+                          <div id="" class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
+                            {{ this.customColumns[0]?.numOfAliquots || 'No number' }}
+                          </div>
+                        </div>
+                        <div id="dashed-divider" class="flex h-[1px] py-0  border-dashed border-[1px] border-sn-light-grey"></div>
+
+                        <div id="" class="flex flex-col min-h-[46px] h-auto gap-[6px]">
+                          <div id="" class="font-inter text-sm font-semibold leading-5">Color</div>
+                          <div id="" class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
+                            {{ this.customColumns[0]?.color || 'No selection' }}
+                          </div>
+                        </div>
+                        <div id="dashed-divider" class="flex h-[1px] py-0  border-dashed border-[1px] border-sn-light-grey"></div>
+
+                        <div id="" class="flex flex-col min-h-[46px] h-auto gap-[6px]">
+                          <div id="" class="font-inter text-sm font-semibold leading-5">Option</div>
+                          <div id="" class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
+                            <div v-if="this.customColumns[0]?.optionArr.length > 0"
+                              class="flex flex-row overflow-auto break-normal w-[350px] gap-1 flex-wrap h-auto"> 
+                              <div v-for="(option, index) in this.customColumns[0].optionArr" :key="index" class="flex min-w-fit">
+                                {{ option + ' |' }}
+                              </div>
+                            </div>
+                            <div v-else>No number</div>
+                          </div>
+                        </div>
+                        <div id="dashed-divider" class="flex h-[1px] py-0  border-dashed border-[1px] border-sn-light-grey"></div>
+
+                        <div id="" class="flex flex-col min-min-h-[46px] h-auto gap-[6px]">
+                          <div id="" class="font-inter text-sm font-semibold leading-5">Item status</div>
+                          <div id="" class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
+                            {{ this.customColumns[0]?.itemStatus || 'No selection' }}
+                          </div>
+                        </div>
+                        <div id="dashed-divider" class="flex h-[1px] py-0  border-dashed border-[1px] border-sn-light-grey"></div>
+
+                        <div id="" class="flex flex-col min-min-h-[46px] h-auto gap-[6px]">
+                          <div id="" class="flex justify-between">
+                            <div class="font-inter text-sm font-semibold leading-5">Sequence</div>
+                            <div @click="toggleExpandSequence" class="font-inter text-sm font-normal leading-5 text-sn-blue cursor-pointer">
+                              {{ this.sequenceExpanded ? 'Hide' : 'Show' }}
+                            </div>
+                          </div>
+                          <div 
+                            id="sequence-container" 
+                            class="text-sn-dark-grey font-inter text-sm font-normal leading-5 flex flex-row overflow-auto break-normal w-[350px] h-[60px] gap-1 flex-wrap">
+                            {{ this.customColumns[0]?.sequence || 'No text' }}
+                          </div>
+                        </div>
+
+                      <!-- end of custom columns -->
+                      </div>
+                      <div v-else id="custom-columns-value" class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
+                        {{ this.customColumnsFallback }}
+                      </div>
                     </div>
 
                     <div id="divider" class="w-500 bg-sn-light-grey flex px-8 items-center self-stretch h-px	"></div>
 
-                    <div id="assigned-wrapper" class="flex flex-col h-[64px]">
+                    <div id="assigned-wrapper" class="flex flex-col h-[64px] gap-[6px]">
                       <div id="assigned-label" class="font-inter text-base font-semibold leading-7">Assigned (3)</div>
-                      <div id="assigned-value" class="text-gray-700 font-inter text-sm font-normal leading-5">{{ this.assigned }}</div>
+                      <div id="assigned-value" class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
+                        {{ this.assigned }}
+                      </div>
                     </div>
 
                     <div id="divider" class="w-500 bg-sn-light-grey flex px-8 items-center self-stretch h-px	"></div>
@@ -67,7 +251,7 @@
                     </div>
                 </div>
 
-                <div class="min-w-[130px] h-[130px] flex item-end gap-x-4	">
+                <div id="navigation" class="min-w-[130px] h-[130px] flex item-end gap-x-4	">
                   <div class="flex flex-col py-2 px-0 gap-3 self-stretch w-[130px] h-[130px]  justify-center items-center">
                     <div class="flex flex-col w-[130px] h-[130px] justify-between text-right">
                       <div @click="handleSideNavClick" id="text-item-1" class="hover:cursor-pointer text-sn-grey">Information</div>
@@ -103,20 +287,38 @@
       data() {
         // using dummy data for now
         return {
+            customColumns: [{
+              solventStock: '120 mL',
+              itemsInWarehouse: true,
+              storageTemp: '-20 °C',
+              samplingDateTimeRange: '8 August 2023, 10:10 - 16 August 2023, 10:10',
+              samplingDateTimeReminder: '27 June 2023, 10:20',
+              samplingDateRange: '08/23/2023 - 08/24/2023',
+              samplingDate: '30 June 2023',
+              samplingDateReminder: '27 June 2023',
+              samplingTimeRange: '11:20 - 12:30',
+              incubationTime: '11:20',
+              dnaFile: 'Metastatic-Cancer-Research.pdf',
+              numOfAliquots: '6487325893648732568743622589364873256874362856885687258936487325687436285682646498362463872258936487325687436285686487326748',
+              color: 'Green',
+              optionArr: ['Option 1', 'Option 10', 'Option 2', 'Option 4', 'Option 5', 'Option 1', 'Option 10', 'Option 2', 'Option 4', 'Option 5','Option 1', 'Option 10', 'Option 2', 'Option 4', 'Option 5'],
+              itemStatus: 'Vapour',
+              sequence: '>J014514.1 Cloning vector pBR322, complete sequence>J014514.1 Cloning vector pBR322, complete sequence>J014514.1 Cloning vector pBR322, complete sequence>J014514.1 Cloning vector pBR322, complete sequence>J014514.1 Cloning vector pBR322, complete sequence'
+            }],
             isShowing: false,
+            sequenceExpanded: false,
             title: 'DNA sample 01',
             subtitle: 'subtitle',
             inventory: 'Sample',
             itemId: 'IT32823',
             addedOn: '27 June 2023',
             addedBy: 'Alexander Cansbridge',
-            customColumns: 'No custom columns',
+            customColumnsFallback: 'No custom columns',
             assigned: 'Assigned to 3 private tasks that will not be displayed'
         }
       },
       created() {
         window.repositoryItemSidebarComponent = this;
-
       },
       watch: {
         isShowing(newVal, oldVal) {
@@ -144,11 +346,21 @@
       computed: {
       },
       methods: {
-        // component is currently shown/hidden by calling window.repositoryItemSidebarComponent.toggleShowHide()
-        toggleShowHide(itemId) {
+        // component is currently shown/hidden by calling window.repositoryItemSidebarComponent.toggleShowHideSidebar()
+        toggleShowHideSidebar(itemId) {
             this.isShowing = !this.isShowing
             console.log(`Showing details for itemId: ${itemId}`)
         },
+        toggleExpandSequence() {
+          if (this.sequenceExpanded) {
+            document.getElementById('sequence-container').classList.remove('h-fit', 'max-h-[600px]')
+            document.getElementById('sequence-container').classList.add('h-[60px]')
+          } else {
+            document.getElementById('sequence-container').classList.remove('h-[60px]')
+            document.getElementById('sequence-container').classList.add('h-fit', 'max-h-[600px]')
+          }
+          this.sequenceExpanded = !this.sequenceExpanded
+        },
 
         // determine the identifier value according to the text-item (target) value
         handleSideNavClick(e) {

From 0b0eddd62b314a5c0fc01adb9ce8fac90e0ddeb8 Mon Sep 17 00:00:00 2001
From: wandji20 <wbertrand10@gmail.com>
Date: Fri, 15 Sep 2023 11:39:42 +0100
Subject: [PATCH 03/49] Add default columns to inventory item card [SCI-9151]

---
 app/assets/stylesheets/application.sass.scss  |   1 +
 .../shared/repository_item_sidebar.scss       |  45 ++
 .../vue/components/RepositoryItemSidebar.vue  | 528 +++++++++---------
 app/views/layouts/application.html.erb        |   2 +-
 config/locales/en.yml                         |   9 +
 5 files changed, 308 insertions(+), 277 deletions(-)
 create mode 100644 app/assets/stylesheets/shared/repository_item_sidebar.scss

diff --git a/app/assets/stylesheets/application.sass.scss b/app/assets/stylesheets/application.sass.scss
index 34c9335f6..7b1ba75ab 100644
--- a/app/assets/stylesheets/application.sass.scss
+++ b/app/assets/stylesheets/application.sass.scss
@@ -77,6 +77,7 @@
 @import "shared/assets";
 @import "shared/avatar";
 @import "shared/cards";
+@import "shared/repository_item_sidebar";
 @import "shared/comments_sidebar";
 @import "shared/comments";
 @import "shared/content_pane";
diff --git a/app/assets/stylesheets/shared/repository_item_sidebar.scss b/app/assets/stylesheets/shared/repository_item_sidebar.scss
new file mode 100644
index 000000000..1f5a66d80
--- /dev/null
+++ b/app/assets/stylesheets/shared/repository_item_sidebar.scss
@@ -0,0 +1,45 @@
+// scss-lint:disable IdSelector
+// scss-lint:disable SelectorDepth
+// scss-lint:disable NestingDepth
+
+.repository-item-sidebar {
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 20px;
+
+  .header {
+    border-bottom: 1px solid var(--sn-sleepy-grey);
+    height: var(--top-navigation-height);
+
+    .item-name {
+      font-size: 20px;
+      line-height: 30px;
+      width: calc(100% - 2rem);
+    }
+  }
+
+  .title {
+    font-size: 18px;
+    font-weight: 600;
+    line-height: 28px;
+  }
+
+  #information {
+    width: 70%;
+  }
+
+  .item-details {
+    div {
+      border-bottom: 1px solid var(--sn-sleepy-grey);
+
+      span {
+        &.repository-name {
+          -webkit-box-orient: vertical;
+          display: -webkit-box;
+          -webkit-line-clamp: 3;
+          overflow: hidden;
+        }
+      }
+    }
+  }
+}
diff --git a/app/javascript/vue/components/RepositoryItemSidebar.vue b/app/javascript/vue/components/RepositoryItemSidebar.vue
index d9e9a2d5b..3bc1ff860 100644
--- a/app/javascript/vue/components/RepositoryItemSidebar.vue
+++ b/app/javascript/vue/components/RepositoryItemSidebar.vue
@@ -1,284 +1,250 @@
 <template>
-    <div id="repository-item-sidebar" class="w-[500px] min-h-[1032px] h-auto m-[24px] bg-white justify-between flex flex-col">
-        <div id="top" class="flex flex-col items-center gap-6 self-stretch min-h-[763px] h-full">
-
-            <div id="modal-title-and-subtitle" class="h-[48px] w-full">
-                <div id="title" class="h-[30px] w-full flex justify-between">
-                    <p class="my-auto mx-0 w-fit font-inter text-base font-semibold leading-7">
-                      {{ this.title }}
-                    </p>
-                    <i @click="toggleShowHideSidebar" class="sn-icon sn-icon-close ml-auto cursor-pointer my-auto mx-0"></i>
-                </div>
-                <div id="subtitle" class="h-[18px] w-full flex">
-                    {{ this.subtitle }}
-                </div>
+    <div id="repository-item-sidebar" class="repository-item-sidebar w-full h-full px-4 bg-white flex flex-col">
+      <div class="header flex w-full">
+        <h4 class="item-name my-auto truncate" :title="repositoryRow.name">
+          {{ !repositoryRow.archived ? i18n.t('labels.archived') : '' }}
+          {{ repositoryRow.name }}
+        </h4>
+        <i @click="toggleShowHide" class="sn-icon sn-icon-close ml-auto cursor-pointer my-auto mx-0"></i>
+      </div>
+      <div class="body mt-4">
+        <section id="information">
+          <h4 class="title mb-0">{{ i18n.t('repositories.side_bar.title.information') }}</h4>
+          <div class="item-details">
+            <div v-for="column in defaultColumns" class="flex flex-col py-3">
+              <span class="inline-block font-semibold pb-2">{{ column.label }}</span>
+              <span
+                class="inline-block text-sn-dark-grey"
+                :class="{ 'repository-name': column.label === 'Inventory'}"
+                :title="column.label === 'Inventory' ? column.value : null"
+              >
+                {{ column.value }}
+              </span>
             </div>
-
-            <div id="divider" class="w-500 bg-sn-light-grey flex px-8 items-center self-stretch h-px	"></div>
-
-            <div id="content" class="min-h-[684px] h-auto flex flex-row">
-                <div id="items" class="min-w-[350px] h-auto flex flex-col gap-4">
-                    <div id="information" class="h-[28px] font-inter text-lg font-semibold leading-7">Information</div>
-
-                    <div id="inventory-wrapper" class="flex flex-col min-h-[46px] h-auto gap-[6px]">
-                      <div id="inventory-label" class="font-inter text-sm font-semibold leading-5">Inventory</div>
-                      <div id="inventory-value" class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
-                        {{ this.inventory }}
-                      </div>
-                    </div>
-
-                    <div id="dashed-divider" class="flex h-[1px] py-0  border-dashed border-[1px] border-sn-light-grey"></div>
-
-                    <div id="item-id-wrapper" class="flex flex-col min-h-[46px] h-auto gap-[6px]">
-                      <div id="item-id-label" class="font-inter text-sm font-semibold leading-5">Item ID</div>
-                      <div id="item-id-value" class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
-                        {{ this.itemId }}
-                      </div>
-                    </div>
-
-                    <div id="dashed-divider" class="flex h-[1px] py-0  border-dashed border-[1px] border-sn-light-grey"></div>
-
-                    <div id="added-on-wrapper" class="flex flex-col min-h-[46px] h-auto gap-[6px]">
-                      <div id="added-on-label" class="font-inter text-sm font-semibold leading-5">Added on</div>
-                      <div id="added-on-value" class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
-                        {{ this.addedOn }}
-                      </div>
-                    </div>
-
-                    <div id="dashed-divider" class="flex h-[1px] py-0  border-dashed border-[1px] border-sn-light-grey"></div>
-
-                    <div id="added-by-wrapper" class="flex flex-col min-h-[46px] h-auto gap-[6px]">
-                      <div id="added-by-label" class="font-inter text-sm font-semibold leading-5">Added by</div>
-                      <div id="added-by-value" class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
-                        {{ this.addedBy }}
-                      </div>
-                    </div>
-
-                    <div id="divider" class="w-500 bg-sn-light-grey flex px-8 items-center self-stretch h-px	"></div>
-
-                    <div id="custom-columns-wrapper" class="flex flex-col min-h-[64px] h-auto">
-
-                      <div id="custom-columns-label" class="font-inter text-base font-semibold leading-7 mb-2">Custom columns</div>
-                      <div v-if="customColumns?.length > 0" class="flex flex-col gap-4 w-[350px] h-auto">
-                      <!-- start of custom columns -->
-
-                        <div id="" class="flex flex-col min-h-[46px] h-auto gap-[6px]">
-                          <div id="" class="flex justify-between">
-                            <div class="font-inter text-sm font-semibold leading-5">Solvent stock</div>
-                            <div class="font-inter text-sm font-normal leading-5 text-sn-blue cursor-pointer">Export</div>
-                          </div>
-                          <div id="">
-                            <div v-if="this.customColumns[0]?.solventStock" class="flex flex-row justify-between">
-                              <div class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
-                                {{ this.customColumns[0]?.solventStock }}
-                              </div>
-                              <i class="sn-icon sn-icon-notifications"></i>
-                            </div>
-                            <div v-else>No stock</div>
-                          </div>
-                        </div>
-                        <div id="dashed-divider" class="flex h-[1px] py-0  border-dashed border-[1px] border-sn-light-grey"></div>
-
-                        <div id="" class="flex flex-col min-h-[46px] h-auto gap-[6px]">
-                          <div id="" class="font-inter text-sm font-semibold leading-5">Items in warehouse</div>
-                          <div id="" class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
-                            {{ this.customColumns[0]?.itemsInWarehouse ? 'In stock' : 'No text' }}
-                          </div>
-                        </div>
-                        <div id="dashed-divider" class="flex h-[1px] py-0  border-dashed border-[1px] border-sn-light-grey"></div>
-
-                        <div id="" class="flex flex-col min-h-[46px] h-auto gap-[6px]">
-                          <div id="" class="font-inter text-sm font-semibold leading-5">Storage temperature</div>
-                          <div id="" class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
-                            {{ this.customColumns[0]?.storageTemp || 'No text' }}
-                          </div>
-                        </div>
-                        <div id="dashed-divider" class="flex h-[1px] py-0  border-dashed border-[1px] border-sn-light-grey"></div>
-
-                        <div id="" class="flex flex-col min-h-[46px] h-auto gap-[6px]">
-                          <div id="" class="font-inter text-sm font-semibold leading-5">Sampling date & time range</div>
-                          <div id="" class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
-                            {{ this.customColumns[0]?.samplingDateTimeRange || 'No date & time range' }}
-                          </div>
-                        </div>
-                        <div id="dashed-divider" class="flex h-[1px] py-0  border-dashed border-[1px] border-sn-light-grey"></div>
-
-                        <div id="" class="flex flex-col min-h-[46px] h-auto gap-[6px]">
-                          <div id="" class="font-inter text-sm font-semibold leading-5">Sampling date & time reminder</div>
-                          <div id="">
-                            <div v-if="this.customColumns[0]?.samplingDateTimeReminder" class="flex flex-row justify-between">
-                              <div class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
-                                {{ this.customColumns[0]?.samplingDateTimeReminder }}
-                              </div>
-                              <i class="sn-icon sn-icon-notifications"></i>
-                            </div>
-                            <div v-else>No Date & time</div>
-                          </div>
-                        </div>
-                        <div id="dashed-divider" class="flex h-[1px] py-0  border-dashed border-[1px] border-sn-light-grey"></div>
-
-                        <div id="" class="flex flex-col min-h-[46px] h-auto gap-[6px]">
-                          <div id="" class="font-inter text-sm font-semibold leading-5">Sampling date range</div>
-                          <div id="" class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
-                            {{ this.customColumns[0]?.samplingDateRange || 'No date range' }}
-                          </div>
-                        </div>
-                        <div id="dashed-divider" class="flex h-[1px] py-0  border-dashed border-[1px] border-sn-light-grey"></div>
-
-                        <div id="" class="flex flex-col min-h-[46px] h-auto gap-[6px]">
-                          <div id="" class="font-inter text-sm font-semibold leading-5">Sampling date</div>
-                          <div id="" class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
-                            {{ this.customColumns[0]?.samplingDate || 'No date' }}
-                          </div>
-                        </div>
-                        <div id="dashed-divider" class="flex h-[1px] py-0  border-dashed border-[1px] border-sn-light-grey"></div>
-
-                        <div id="" class="flex flex-col min-h-[46px] h-auto gap-[6px]">
-                          <div id="" class="font-inter text-sm font-semibold leading-5">Sampling date reminder</div>
-                          <div id="">
-                            <div v-if="this.customColumns[0]?.samplingDateReminder" class="flex flex-row justify-between">
-                              <div class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
-                                {{ this.customColumns[0]?.samplingDateReminder }}
-                              </div>
-                              <i class="sn-icon sn-icon-notifications"></i>
-                            </div>
-                            <div v-else>No Date</div>
-                          </div>
-                        </div>
-                        <div id="dashed-divider" class="flex h-[1px] py-0  border-dashed border-[1px] border-sn-light-grey"></div>
-
-                        <div id="" class="flex flex-col min-h-[46px] h-auto gap-[6px]">
-                          <div id="" class="font-inter text-sm font-semibold leading-5">Sampling time range</div>
-                          <div id="" class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
-                            {{ this.customColumns[0]?.samplingTimeRange || 'No time range' }}
-                          </div>
-                        </div>
-                        <div id="dashed-divider" class="flex h-[1px] py-0  border-dashed border-[1px] border-sn-light-grey"></div>
-
-                        <div id="" class="flex flex-col min-h-[46px] h-auto gap-[6px]">
-                          <div id="" class="font-inter text-sm font-semibold leading-5">Incubation time</div>
-                          <div id="" class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
-                            {{ this.customColumns[0]?.incubationTime || 'No time' }}
-                          </div>
-                        </div>
-                        <div id="dashed-divider" class="flex h-[1px] py-0  border-dashed border-[1px] border-sn-light-grey"></div>
-
-                        <div id="" class="flex flex-col min-h-[46px] h-auto gap-[6px]">
-                          <div id="" class="font-inter text-sm font-semibold leading-5">DNA File</div>
-                          <div id="" class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
-                            <a v-if="this.customColumns[0]?.dnaFile">
-                              {{ this.customColumns[0]?.dnaFile }}
-                            </a>
-                            <div v-else>No file</div>
-                          </div>
-                        </div>
-                        <div id="dashed-divider" class="flex h-[1px] py-0  border-dashed border-[1px] border-sn-light-grey"></div>
-
-                        <div id="" class="flex flex-col min-h-[46px] h-auto gap-[6px]">
-                          <div id="" class="font-inter text-sm font-semibold leading-5">Number of aliquots</div>
-                          <div id="" class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
-                            {{ this.customColumns[0]?.numOfAliquots || 'No number' }}
-                          </div>
-                        </div>
-                        <div id="dashed-divider" class="flex h-[1px] py-0  border-dashed border-[1px] border-sn-light-grey"></div>
-
-                        <div id="" class="flex flex-col min-h-[46px] h-auto gap-[6px]">
-                          <div id="" class="font-inter text-sm font-semibold leading-5">Color</div>
-                          <div id="" class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
-                            {{ this.customColumns[0]?.color || 'No selection' }}
-                          </div>
-                        </div>
-                        <div id="dashed-divider" class="flex h-[1px] py-0  border-dashed border-[1px] border-sn-light-grey"></div>
-
-                        <div id="" class="flex flex-col min-h-[46px] h-auto gap-[6px]">
-                          <div id="" class="font-inter text-sm font-semibold leading-5">Option</div>
-                          <div id="" class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
-                            <div v-if="this.customColumns[0]?.optionArr.length > 0"
-                              class="flex flex-row overflow-auto break-normal w-[350px] gap-1 flex-wrap h-auto"> 
-                              <div v-for="(option, index) in this.customColumns[0].optionArr" :key="index" class="flex min-w-fit">
-                                {{ option + ' |' }}
-                              </div>
-                            </div>
-                            <div v-else>No number</div>
-                          </div>
-                        </div>
-                        <div id="dashed-divider" class="flex h-[1px] py-0  border-dashed border-[1px] border-sn-light-grey"></div>
-
-                        <div id="" class="flex flex-col min-min-h-[46px] h-auto gap-[6px]">
-                          <div id="" class="font-inter text-sm font-semibold leading-5">Item status</div>
-                          <div id="" class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
-                            {{ this.customColumns[0]?.itemStatus || 'No selection' }}
-                          </div>
-                        </div>
-                        <div id="dashed-divider" class="flex h-[1px] py-0  border-dashed border-[1px] border-sn-light-grey"></div>
-
-                        <div id="" class="flex flex-col min-min-h-[46px] h-auto gap-[6px]">
-                          <div id="" class="flex justify-between">
-                            <div class="font-inter text-sm font-semibold leading-5">Sequence</div>
-                            <div @click="toggleExpandSequence" class="font-inter text-sm font-normal leading-5 text-sn-blue cursor-pointer">
-                              {{ this.sequenceExpanded ? 'Hide' : 'Show' }}
-                            </div>
-                          </div>
-                          <div 
-                            id="sequence-container" 
-                            class="text-sn-dark-grey font-inter text-sm font-normal leading-5 flex flex-row overflow-auto break-normal w-[350px] h-[60px] gap-1 flex-wrap">
-                            {{ this.customColumns[0]?.sequence || 'No text' }}
-                          </div>
-                        </div>
-
-                      <!-- end of custom columns -->
-                      </div>
-                      <div v-else id="custom-columns-value" class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
-                        {{ this.customColumnsFallback }}
-                      </div>
-                    </div>
-
-                    <div id="divider" class="w-500 bg-sn-light-grey flex px-8 items-center self-stretch h-px	"></div>
-
-                    <div id="assigned-wrapper" class="flex flex-col h-[64px] gap-[6px]">
-                      <div id="assigned-label" class="font-inter text-base font-semibold leading-7">Assigned (3)</div>
-                      <div id="assigned-value" class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
-                        {{ this.assigned }}
-                      </div>
-                    </div>
-
-                    <div id="divider" class="w-500 bg-sn-light-grey flex px-8 items-center self-stretch h-px	"></div>
-
-                    <div id="QR-wrapper" class="block">
-                      <div id="QR-label" class="font-inter text-base font-semibold leading-7 mb-4">QR</div>
-                      <canvas id="bar-code-canvas" class="hidden" data-id='dummyDataId'></canvas>
-                      <img id="bar-code-image" />
-                    </div>
+          </div>
+        </section>
+        <div>
+          <div id="custom-columns-wrapper" class="flex flex-col min-h-[64px] h-auto">
+  
+            <div id="custom-columns-label" class="font-inter text-base font-semibold leading-7 mb-2">Custom columns</div>
+            <div v-if="customColumns?.length > 0" class="flex flex-col gap-4 w-[350px] h-auto">
+              <!-- start of custom columns -->
+  
+              <div id="" class="flex flex-col min-h-[46px] h-auto gap-[6px]">
+                <div id="" class="flex justify-between">
+                  <div class="font-inter text-sm font-semibold leading-5">Solvent stock</div>
+                  <div class="font-inter text-sm font-normal leading-5 text-sn-blue cursor-pointer">Export</div>
                 </div>
+                <div id="">
+                  <div v-if="this.customColumns[0]?.solventStock" class="flex flex-row justify-between">
+                    <div class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
+                      {{ this.customColumns[0]?.solventStock }}
+                    </div>
+                    <i class="sn-icon sn-icon-notifications"></i>
+                  </div>
+                  <div v-else>No stock</div>
+                </div>
+              </div>
+              <div id="dashed-divider" class="flex h-[1px] py-0  border-dashed border-[1px] border-sn-light-grey"></div>
+  
+              <div id="" class="flex flex-col min-h-[46px] h-auto gap-[6px]">
+                <div id="" class="font-inter text-sm font-semibold leading-5">Items in warehouse</div>
+                <div id="" class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
+                  {{ this.customColumns[0]?.itemsInWarehouse ? 'In stock' : 'No text' }}
+                </div>
+              </div>
+              <div id="dashed-divider" class="flex h-[1px] py-0  border-dashed border-[1px] border-sn-light-grey"></div>
+  
+              <div id="" class="flex flex-col min-h-[46px] h-auto gap-[6px]">
+                <div id="" class="font-inter text-sm font-semibold leading-5">Storage temperature</div>
+                <div id="" class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
+                  {{ this.customColumns[0]?.storageTemp || 'No text' }}
+                </div>
+              </div>
+              <div id="dashed-divider" class="flex h-[1px] py-0  border-dashed border-[1px] border-sn-light-grey"></div>
 
-                <div id="navigation" class="min-w-[130px] h-[130px] flex item-end gap-x-4	">
-                  <div class="flex flex-col py-2 px-0 gap-3 self-stretch w-[130px] h-[130px]  justify-center items-center">
-                    <div class="flex flex-col w-[130px] h-[130px] justify-between text-right">
-                      <div @click="handleSideNavClick" id="text-item-1" class="hover:cursor-pointer text-sn-grey">Information</div>
-                      <div @click="handleSideNavClick" id="text-item-2" class="hover:cursor-pointer text-sn-grey">Custom columns</div>
-                      <div @click="handleSideNavClick" id="text-item-3" class="hover:cursor-pointer text-sn-grey">Assigned</div>
-                      <div @click="handleSideNavClick" id="text-item-4" class="hover:cursor-pointer text-sn-grey">QR</div>
+              <div id="" class="flex flex-col min-h-[46px] h-auto gap-[6px]">
+                <div id="" class="font-inter text-sm font-semibold leading-5">Sampling date & time range</div>
+                <div id="" class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
+                  {{ this.customColumns[0]?.samplingDateTimeRange || 'No date & time range' }}
+                </div>
+              </div>
+              <div id="dashed-divider" class="flex h-[1px] py-0  border-dashed border-[1px] border-sn-light-grey"></div>
+  
+              <div id="" class="flex flex-col min-h-[46px] h-auto gap-[6px]">
+                <div id="" class="font-inter text-sm font-semibold leading-5">Sampling date & time reminder</div>
+                <div id="">
+                  <div v-if="this.customColumns[0]?.samplingDateTimeReminder" class="flex flex-row justify-between">
+                    <div class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
+                      {{ this.customColumns[0]?.samplingDateTimeReminder }}
+                    </div>
+                    <i class="sn-icon sn-icon-notifications"></i>
+                  </div>
+                  <div v-else>No Date & time</div>
+                </div>
+              </div>
+              <div id="dashed-divider" class="flex h-[1px] py-0  border-dashed border-[1px] border-sn-light-grey"></div>
+  
+              <div id="" class="flex flex-col min-h-[46px] h-auto gap-[6px]">
+                <div id="" class="font-inter text-sm font-semibold leading-5">Sampling date range</div>
+                <div id="" class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
+                  {{ this.customColumns[0]?.samplingDateRange || 'No date range' }}
+                </div>
+              </div>
+              <div id="dashed-divider" class="flex h-[1px] py-0  border-dashed border-[1px] border-sn-light-grey"></div>
+  
+              <div id="" class="flex flex-col min-h-[46px] h-auto gap-[6px]">
+                <div id="" class="font-inter text-sm font-semibold leading-5">Sampling date</div>
+                <div id="" class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
+                  {{ this.customColumns[0]?.samplingDate || 'No date' }}
+                </div>
+              </div>
+              <div id="dashed-divider" class="flex h-[1px] py-0  border-dashed border-[1px] border-sn-light-grey"></div>
+  
+              <div id="" class="flex flex-col min-h-[46px] h-auto gap-[6px]">
+                <div id="" class="font-inter text-sm font-semibold leading-5">Sampling date reminder</div>
+                <div id="">
+                  <div v-if="this.customColumns[0]?.samplingDateReminder" class="flex flex-row justify-between">
+                    <div class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
+                      {{ this.customColumns[0]?.samplingDateReminder }}
+                    </div>
+                    <i class="sn-icon sn-icon-notifications"></i>
+                  </div>
+                  <div v-else>No Date</div>
+                </div>
+              </div>
+              <div id="dashed-divider" class="flex h-[1px] py-0  border-dashed border-[1px] border-sn-light-grey"></div>
+  
+              <div id="" class="flex flex-col min-h-[46px] h-auto gap-[6px]">
+                <div id="" class="font-inter text-sm font-semibold leading-5">Sampling time range</div>
+                <div id="" class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
+                  {{ this.customColumns[0]?.samplingTimeRange || 'No time range' }}
+                </div>
+              </div>
+              <div id="dashed-divider" class="flex h-[1px] py-0  border-dashed border-[1px] border-sn-light-grey"></div>
+  
+              <div id="" class="flex flex-col min-h-[46px] h-auto gap-[6px]">
+                <div id="" class="font-inter text-sm font-semibold leading-5">Incubation time</div>
+                <div id="" class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
+                  {{ this.customColumns[0]?.incubationTime || 'No time' }}
+                </div>
+              </div>
+              <div id="dashed-divider" class="flex h-[1px] py-0  border-dashed border-[1px] border-sn-light-grey"></div>
+  
+              <div id="" class="flex flex-col min-h-[46px] h-auto gap-[6px]">
+                <div id="" class="font-inter text-sm font-semibold leading-5">DNA File</div>
+                <div id="" class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
+                  <a v-if="this.customColumns[0]?.dnaFile">
+                    {{ this.customColumns[0]?.dnaFile }}
+                  </a>
+                  <div v-else>No file</div>
+                </div>
+              </div>
+              <div id="dashed-divider" class="flex h-[1px] py-0  border-dashed border-[1px] border-sn-light-grey"></div>
+  
+              <div id="" class="flex flex-col min-h-[46px] h-auto gap-[6px]">
+                <div id="" class="font-inter text-sm font-semibold leading-5">Number of aliquots</div>
+                <div id="" class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
+                  {{ this.customColumns[0]?.numOfAliquots || 'No number' }}
+                </div>
+              </div>
+              <div id="dashed-divider" class="flex h-[1px] py-0  border-dashed border-[1px] border-sn-light-grey"></div>
+  
+              <div id="" class="flex flex-col min-h-[46px] h-auto gap-[6px]">
+                <div id="" class="font-inter text-sm font-semibold leading-5">Color</div>
+                <div id="" class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
+                  {{ this.customColumns[0]?.color || 'No selection' }}
+                </div>
+              </div>
+              <div id="dashed-divider" class="flex h-[1px] py-0  border-dashed border-[1px] border-sn-light-grey"></div>
+  
+              <div id="" class="flex flex-col min-h-[46px] h-auto gap-[6px]">
+                <div id="" class="font-inter text-sm font-semibold leading-5">Option</div>
+                <div id="" class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
+                  <div v-if="this.customColumns[0]?.optionArr.length > 0"
+                    class="flex flex-row overflow-auto break-normal w-[350px] gap-1 flex-wrap h-auto"> 
+                    <div v-for="(option, index) in this.customColumns[0].optionArr" :key="index" class="flex min-w-fit">
+                      {{ option + ' |' }}
                     </div>
                   </div>
-
-                  <div id="highlight-container" class="w-[1px] h-[130px] flex flex-col justify-evenly bg-sn-light-grey">
-                    <div id="highlight-item-1" class="w-[5px] h-[28px] rounded-[11px]"></div>
-                    <div id="highlight-item-2" class="w-[5px] h-[28px] rounded-[11px]"></div>
-                    <div id="highlight-item-3" class="w-[5px] h-[28px] rounded-[11px]"></div>
-                    <div id="highlight-item-4" class="w-[5px] h-[28px] rounded-[11px]"></div>
+                  <div v-else>No number</div>
+                </div>
+              </div>
+              <div id="dashed-divider" class="flex h-[1px] py-0  border-dashed border-[1px] border-sn-light-grey"></div>
+  
+              <div id="" class="flex flex-col min-min-h-[46px] h-auto gap-[6px]">
+                <div id="" class="font-inter text-sm font-semibold leading-5">Item status</div>
+                <div id="" class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
+                  {{ this.customColumns[0]?.itemStatus || 'No selection' }}
+                </div>
+              </div>
+              <div id="dashed-divider" class="flex h-[1px] py-0  border-dashed border-[1px] border-sn-light-grey"></div>
+  
+              <div id="" class="flex flex-col min-min-h-[46px] h-auto gap-[6px]">
+                <div id="" class="flex justify-between">
+                  <div class="font-inter text-sm font-semibold leading-5">Sequence</div>
+                  <div @click="toggleExpandSequence" class="font-inter text-sm font-normal leading-5 text-sn-blue cursor-pointer">
+                    {{ this.sequenceExpanded ? 'Hide' : 'Show' }}
                   </div>
                 </div>
+                <div 
+                  id="sequence-container" 
+                  class="text-sn-dark-grey font-inter text-sm font-normal leading-5 flex flex-row overflow-auto break-normal w-[350px] h-[60px] gap-1 flex-wrap">
+                  {{ this.customColumns[0]?.sequence || 'No text' }}
+                </div>
+              </div>
+  
+              <!-- end of custom columns -->
             </div>
-        </div>
-
-
-        <div id="bottom" class="h-[100px] flex flex-col justify-end">
-          <div id="divider" class="w-500 bg-sn-light-grey flex px-8 items-center self-stretch h-px mb-6"></div>
-          <div id="bottom-button-wrapper" class="flex h-10 justify-end">
-            <button class="btn btn-primary">Print Label</button>
+            <div v-else id="custom-columns-value" class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
+              {{ this.customColumnsFallback }}
+            </div>
+          </div>
+  
+          <div id="divider" class="w-500 bg-sn-light-grey flex px-8 items-center self-stretch h-px	"></div>
+  
+          <div id="assigned-wrapper" class="flex flex-col h-[64px] gap-[6px]">
+          <div id="assigned-label" class="font-inter text-base font-semibold leading-7">Assigned (3)</div>
+          <div id="assigned-value" class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
+            {{ this.assigned }}
+          </div>
+          </div>
+  
+          <div id="divider" class="w-500 bg-sn-light-grey flex px-8 items-center self-stretch h-px	"></div>
+  
+          <div id="QR-wrapper" class="block">
+          <div id="QR-label" class="font-inter text-base font-semibold leading-7 mb-4">QR</div>
+          <canvas id="bar-code-canvas" class="hidden" data-id='dummyDataId'></canvas>
+          <img id="bar-code-image" />
           </div>
         </div>
+      </div>
+      <div id="navigation" class="min-w-[130px] h-[130px] flex item-end gap-x-4	">
+        <div class="flex flex-col py-2 px-0 gap-3 self-stretch w-[130px] h-[130px]  justify-center items-center">
+          <div class="flex flex-col w-[130px] h-[130px] justify-between text-right">
+            <div @click="handleSideNavClick" id="text-item-1" class="hover:cursor-pointer text-sn-grey">Information</div>
+            <div @click="handleSideNavClick" id="text-item-2" class="hover:cursor-pointer text-sn-grey">Custom columns</div>
+            <div @click="handleSideNavClick" id="text-item-3" class="hover:cursor-pointer text-sn-grey">Assigned</div>
+            <div @click="handleSideNavClick" id="text-item-4" class="hover:cursor-pointer text-sn-grey">QR</div>
+          </div>
+        </div>
+  
+        <div id="highlight-container" class="w-[1px] h-[130px] flex flex-col justify-evenly bg-sn-light-grey">
+          <div id="highlight-item-1" class="w-[5px] h-[28px] rounded-[11px]"></div>
+          <div id="highlight-item-2" class="w-[5px] h-[28px] rounded-[11px]"></div>
+          <div id="highlight-item-3" class="w-[5px] h-[28px] rounded-[11px]"></div>
+          <div id="highlight-item-4" class="w-[5px] h-[28px] rounded-[11px]"></div>
+        </div>
+      </div>
+  
+      <div id="bottom" class="h-[100px] flex flex-col justify-end">
+        <div id="divider" class="w-500 bg-sn-light-grey flex px-8 items-center self-stretch h-px mb-6"></div>
+        <div id="bottom-button-wrapper" class="flex h-10 justify-end">
+          <button class="btn btn-primary">Print Label</button>
+        </div>
+      </div>
     </div>
+  
 </template>
   <script>
 
@@ -287,6 +253,14 @@
       data() {
         // using dummy data for now
         return {
+            repositoryRow: {
+              name: 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et ma',
+              repository_name: 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus etma',
+              code: 'IT32823',
+              added_on: '27 June 2023',
+              added_by: 'Alexander Cansbridge',
+              archived: false,
+            },
             customColumns: [{
               solventStock: '120 mL',
               itemsInWarehouse: true,
@@ -307,12 +281,6 @@
             }],
             isShowing: false,
             sequenceExpanded: false,
-            title: 'DNA sample 01',
-            subtitle: 'subtitle',
-            inventory: 'Sample',
-            itemId: 'IT32823',
-            addedOn: '27 June 2023',
-            addedBy: 'Alexander Cansbridge',
             customColumnsFallback: 'No custom columns',
             assigned: 'Assigned to 3 private tasks that will not be displayed'
         }
@@ -344,6 +312,14 @@
         delete window.repositoryItemSidebarComponent;
       },
       computed: {
+        defaultColumns() {
+          return [
+            { label: I18n.t('repositories.side_bar.default.repository_name'), value: this.repositoryRow.repository_name },
+            { label: I18n.t('repositories.side_bar.default.id'), value: this.repositoryRow.code },
+            { label: I18n.t('repositories.side_bar.default.added_on'), value: this.repositoryRow.added_on },
+            { label: I18n.t('repositories.side_bar.default.added_by'), value: this.repositoryRow.added_by }
+          ]
+        }
       },
       methods: {
         // component is currently shown/hidden by calling window.repositoryItemSidebarComponent.toggleShowHideSidebar()
@@ -397,4 +373,4 @@
         }
       }
     }
-  </script>
\ No newline at end of file
+  </script>
diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
index 3b7dfbb0e..2a62a91a1 100644
--- a/app/views/layouts/application.html.erb
+++ b/app/views/layouts/application.html.erb
@@ -104,7 +104,7 @@
       <div
         id="repositoryItemSidebar"
         data-behaviour="vue"
-        class='bg-white fixed top-0 right-0 h-screen w-[565px] overflow-scroll gap-2.5 self-stretch z-[9999] rounded-tl-4 rounded-bl-4 transition-transform ease-in-out transform translate-x-full'>
+        class='bg-white fixed top-0 right-0 h-screen w-[565px] overflow-auto gap-2.5 self-stretch z-[9999] rounded-tl-4 rounded-bl-4 transition-transform ease-in-out transform translate-x-full'>
         <repository-item-sidebar />
       </div>
     </div>
diff --git a/config/locales/en.yml b/config/locales/en.yml
index 1e1a73114..036976c10 100644
--- a/config/locales/en.yml
+++ b/config/locales/en.yml
@@ -2106,6 +2106,15 @@ en:
       invalid_arguments: "Can't find %{key}"
     my_module_assigned_snapshot_service:
       invalid_arguments: "Can't find %{key}"
+    side_bar:
+      title:
+        information: "Information"
+      default:
+        repository_name: "Inventory"
+        id: "Item ID"
+        added_on: "Added on"
+        added_at: "Added at"
+        added_by: 'Added by'
   repository_stock_values:
     manage_modal:
       title: "Stock %{item}"

From de4cb662a69a5ad18e4d30c2ad8cce46a844b330 Mon Sep 17 00:00:00 2001
From: wandji20 <wbertrand10@gmail.com>
Date: Fri, 15 Sep 2023 12:30:02 +0100
Subject: [PATCH 04/49] Update translation name for item_card [SCI-9151]

---
 .../vue/components/RepositoryItemSidebar.vue           | 10 +++++-----
 config/locales/en.yml                                  |  2 +-
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/app/javascript/vue/components/RepositoryItemSidebar.vue b/app/javascript/vue/components/RepositoryItemSidebar.vue
index 3bc1ff860..1d0bee3d9 100644
--- a/app/javascript/vue/components/RepositoryItemSidebar.vue
+++ b/app/javascript/vue/components/RepositoryItemSidebar.vue
@@ -9,7 +9,7 @@
       </div>
       <div class="body mt-4">
         <section id="information">
-          <h4 class="title mb-0">{{ i18n.t('repositories.side_bar.title.information') }}</h4>
+          <h4 class="title mb-0">{{ i18n.t('repositories.item_card.title.information') }}</h4>
           <div class="item-details">
             <div v-for="column in defaultColumns" class="flex flex-col py-3">
               <span class="inline-block font-semibold pb-2">{{ column.label }}</span>
@@ -314,10 +314,10 @@
       computed: {
         defaultColumns() {
           return [
-            { label: I18n.t('repositories.side_bar.default.repository_name'), value: this.repositoryRow.repository_name },
-            { label: I18n.t('repositories.side_bar.default.id'), value: this.repositoryRow.code },
-            { label: I18n.t('repositories.side_bar.default.added_on'), value: this.repositoryRow.added_on },
-            { label: I18n.t('repositories.side_bar.default.added_by'), value: this.repositoryRow.added_by }
+            { label: I18n.t('repositories.item_card.default.repository_name'), value: this.repositoryRow.repository_name },
+            { label: I18n.t('repositories.item_card.default.id'), value: this.repositoryRow.code },
+            { label: I18n.t('repositories.item_card.default.added_on'), value: this.repositoryRow.added_on },
+            { label: I18n.t('repositories.item_card.default.added_by'), value: this.repositoryRow.added_by }
           ]
         }
       },
diff --git a/config/locales/en.yml b/config/locales/en.yml
index 036976c10..7e1af8151 100644
--- a/config/locales/en.yml
+++ b/config/locales/en.yml
@@ -2106,7 +2106,7 @@ en:
       invalid_arguments: "Can't find %{key}"
     my_module_assigned_snapshot_service:
       invalid_arguments: "Can't find %{key}"
-    side_bar:
+    item_card:
       title:
         information: "Information"
       default:

From 3b170a0c0db216dfaa14366795ffcd2c26b1996b Mon Sep 17 00:00:00 2001
From: Oleksii Kriuchykhin <oleksii@scinote.net>
Date: Mon, 18 Sep 2023 16:24:07 +0200
Subject: [PATCH 05/49] Connect backend to the new item card [SCI-9313]

---
 .../sitewide/repository_row_card.js           |  52 ++++
 .../sitewide/repository_row_info_modal.js     | 106 -------
 app/controllers/repository_rows_controller.rb |  49 ++-
 .../repository_stock_values_controller.rb     |   4 +-
 app/helpers/repository_datatable_helper.rb    |  39 ++-
 .../vue/components/RepositoryItemSidebar.vue  | 279 ++++--------------
 app/views/layouts/application.html.erb        |   8 +-
 app/views/repository_rows/show.json.jbuilder  |  16 +
 .../shared/_repository_row_sidebar.html.erb   |   6 +
 config/initializers/helpers_in_assets.rb      |   7 -
 config/locales/en.yml                         |   3 +-
 11 files changed, 182 insertions(+), 387 deletions(-)
 create mode 100644 app/assets/javascripts/sitewide/repository_row_card.js
 delete mode 100644 app/assets/javascripts/sitewide/repository_row_info_modal.js
 create mode 100644 app/views/repository_rows/show.json.jbuilder
 create mode 100644 app/views/shared/_repository_row_sidebar.html.erb
 delete mode 100644 config/initializers/helpers_in_assets.rb

diff --git a/app/assets/javascripts/sitewide/repository_row_card.js b/app/assets/javascripts/sitewide/repository_row_card.js
new file mode 100644
index 000000000..768f2d892
--- /dev/null
+++ b/app/assets/javascripts/sitewide/repository_row_card.js
@@ -0,0 +1,52 @@
+/* global PrintModalComponent RepositoryDatatable HelperModule MyModuleRepositories */
+
+(function() {
+  'use strict';
+
+  $(document).on('click', '.record-info-link', function(e) {
+    e.stopPropagation();
+    e.preventDefault();
+
+    window.repositoryItemSidebarComponent.toggleShowHideSidebar($(this).attr('href'));
+  });
+
+  $(document).on('click', '.print-label-button', function(e) {
+    var selectedRows = $(this).data('rows');
+
+    e.preventDefault();
+    e.stopPropagation();
+
+    if (typeof PrintModalComponent !== 'undefined') {
+      PrintModalComponent.showModal = true;
+      if (selectedRows && selectedRows.length) {
+        $('#modal-info-repository-row').modal('hide');
+        PrintModalComponent.row_ids = selectedRows;
+      } else {
+        PrintModalComponent.row_ids = [...RepositoryDatatable.selectedRows()];
+      }
+    }
+  });
+
+  $(document).on('click', '.assign-inventory-button', function(e) {
+    e.preventDefault();
+    let assignUrl = $(this).data('assignUrl');
+    let repositoryRowId = $(this).data('repositoryRowId');
+
+    $.ajax({
+      url: assignUrl,
+      type: 'POST',
+      data: { repository_row_id: repositoryRowId },
+      dataType: 'json',
+      success: function(data) {
+        HelperModule.flashAlertMsg(data.flash, 'success');
+        $('#modal-info-repository-row').modal('hide');
+        if (typeof MyModuleRepositories !== 'undefined') {
+          MyModuleRepositories.reloadRepositoriesList(repositoryRowId);
+        }
+      },
+      error: function(error) {
+        HelperModule.flashAlertMsg(error.responseJSON.flash, 'danger');
+      }
+    });
+  });
+}());
diff --git a/app/assets/javascripts/sitewide/repository_row_info_modal.js b/app/assets/javascripts/sitewide/repository_row_info_modal.js
deleted file mode 100644
index 6dc86f22d..000000000
--- a/app/assets/javascripts/sitewide/repository_row_info_modal.js
+++ /dev/null
@@ -1,106 +0,0 @@
-/* global bwipjs PrintModalComponent RepositoryDatatable HelperModule MyModuleRepositories */
-
-(function() {
-  'use strict';
-
-  $(document).on('click', '.record-info-link', function(e) {
-    var that = $(this);
-    let params = {};
-    if ($('.my-modules-protocols-index, #results').length) {
-      params.my_module_id = $('.my-modules-protocols-index, #results').data('task-id');
-    }
-
-    $.ajax({
-      method: 'GET',
-      url: that.attr('href'),
-      data: params,
-      dataType: 'json'
-    }).done(function(xhr, settings, data) {
-      if ($('#modal-info-repository-row').length) {
-        $('#modal-info-repository-row').find('.modal-body #repository_row-info-table').DataTable().destroy();
-        $('#modal-info-repository-row').remove();
-        $('.modal-backdrop').remove();
-      }
-      $('body').append($.parseHTML(data.responseJSON.html));
-      $('[data-toggle="tooltip"]').tooltip();
-      $('#modal-info-repository-row').modal('show', {
-        backdrop: true,
-        keyboard: false
-      }).on('hidden.bs.modal', function() {
-        $(this).find('.modal-body #repository_row-info-table').DataTable().destroy();
-        $(this).remove();
-      });
-
-      let barCodeCanvas = bwipjs.toCanvas('bar-code-canvas', {
-        bcid: 'qrcode',
-        text: $('#modal-info-repository-row #bar-code-canvas').data('id').toString(),
-        scale: 3
-      });
-      $('#modal-info-repository-row #bar-code-image').attr('src', barCodeCanvas.toDataURL('image/png'));
-
-
-      $('#repository_row-info-table').DataTable({
-        dom: 'RBltpi',
-        stateSave: false,
-        buttons: [],
-        processing: true,
-        colReorder: {
-          fixedColumnsLeft: 1000000 // Disable reordering
-        },
-        columnDefs: [{
-          targets: 0,
-          searchable: false,
-          orderable: false
-        }],
-        fnDrawCallback: function(settings, json) {
-          animateSpinner(this, false);
-        },
-        preDrawCallback: function(settings) {
-          animateSpinner(this);
-        }
-      });
-    });
-    e.preventDefault();
-    return false;
-  });
-
-  $(document).on('click', '.print-label-button', function(e) {
-    var selectedRows = $(this).data('rows');
-
-    e.preventDefault();
-    e.stopPropagation();
-
-    if (typeof PrintModalComponent !== 'undefined') {
-      PrintModalComponent.showModal = true;
-      if (selectedRows && selectedRows.length) {
-        $('#modal-info-repository-row').modal('hide');
-        PrintModalComponent.row_ids = selectedRows;
-      } else {
-        PrintModalComponent.row_ids = [...RepositoryDatatable.selectedRows()];
-      }
-    }
-  });
-
-  $(document).on('click', '.assign-inventory-button', function(e) {
-    e.preventDefault();
-    let assignUrl = $(this).data('assignUrl');
-    let repositoryRowId = $(this).data('repositoryRowId');
-
-    $.ajax({
-      url: assignUrl,
-      type: 'POST',
-      data: { repository_row_id: repositoryRowId },
-      dataType: 'json',
-      success: function(data) {
-        HelperModule.flashAlertMsg(data.flash, 'success');
-        $('#modal-info-repository-row').modal('hide');
-        if (typeof MyModuleRepositories !== 'undefined') {
-          MyModuleRepositories.reloadRepositoriesList(repositoryRowId);
-        }
-      },
-      error: function(error) {
-        HelperModule.flashAlertMsg(error.responseJSON.flash, 'danger');
-      }
-    });
-  });
-}());
diff --git a/app/controllers/repository_rows_controller.rb b/app/controllers/repository_rows_controller.rb
index 56647e0b4..c8d4d942c 100644
--- a/app/controllers/repository_rows_controller.rb
+++ b/app/controllers/repository_rows_controller.rb
@@ -5,12 +5,12 @@ class RepositoryRowsController < ApplicationController
   include MyModulesHelper
 
   MAX_PRINTABLE_ITEM_NAME_LENGTH = 64
-  before_action :load_repository, except: %i(show print rows_to_print print_zpl
+  before_action :load_repository, except: %i(print rows_to_print print_zpl
                                              validate_label_template_columns actions_toolbar)
   before_action :load_repository_row_print, only: %i(print rows_to_print print_zpl validate_label_template_columns)
   before_action :load_repository_or_snapshot, only: %i(print rows_to_print print_zpl validate_label_template_columns)
   before_action :load_repository_row, only: %i(update assigned_task_list active_reminder_repository_cells)
-  before_action :check_read_permissions, except: %i(show create update delete_records
+  before_action :check_read_permissions, except: %i(create update delete_records
                                                     copy_records reminder_repository_cells
                                                     delete_records archive_records restore_records
                                                     actions_toolbar)
@@ -42,6 +42,26 @@ class RepositoryRowsController < ApplicationController
     render json: { custom_error: I18n.t('repositories.show.repository_filter.errors.value_not_found') }
   end
 
+  def show
+    @repository_row = @repository.repository_rows.find_by(id: params[:id])
+    return render_404 unless @repository_row
+
+    @my_module = @repository_row.my_modules.find_by(id: params[:my_module_id])
+    return render_403 if @my_module && !can_read_my_module?(@my_module)
+
+    if @my_module
+      @my_module_assign_error = if !can_assign_my_module_repository_rows?(@my_module)
+                                  I18n.t('repository_row.modal_info.assign_to_task_error.no_access')
+                                elsif @repository_row.my_modules.where(id: @my_module.id).any?
+                                  I18n.t('repository_row.modal_info.assign_to_task_error.already_assigned')
+                                end
+    end
+
+    @assigned_modules = @repository_row.my_modules.joins(experiment: :project)
+    @viewable_modules = @assigned_modules.viewable_by_user(current_user, current_user.teams)
+    @private_modules = @assigned_modules - @viewable_modules
+  end
+
   def create
     service = RepositoryRows::CreateRepositoryRowService
               .call(repository: @repository, user: current_user, params: update_params)
@@ -62,31 +82,6 @@ class RepositoryRowsController < ApplicationController
     end
   end
 
-  def show
-    @repository_row = RepositoryRow.find_by(id: params[:id])
-    @my_module = MyModule.find_by(id: params[:my_module_id])
-    return render_404 unless @repository_row
-    return render_404 unless @repository_row.repository_id == params[:repository_id].to_i
-    return render_403 unless can_read_repository?(@repository_row.repository)
-    return render_403 if @my_module && !can_read_my_module?(@my_module)
-
-    if @my_module
-      @my_module_assign_error = if !can_assign_my_module_repository_rows?(@my_module)
-                                  I18n.t('repository_row.modal_info.assign_to_task_error.no_access')
-                                elsif @repository_row.my_modules.where(id: @my_module.id).any?
-                                  I18n.t('repository_row.modal_info.assign_to_task_error.already_assigned')
-                                end
-    end
-
-    @assigned_modules = @repository_row.my_modules.joins(experiment: :project)
-    @viewable_modules = @assigned_modules.viewable_by_user(current_user, current_user.teams)
-    @private_modules = @assigned_modules - @viewable_modules
-
-    render json: {
-      html: render_to_string(partial: 'repositories/repository_row_info_modal')
-    }
-  end
-
   def validate_label_template_columns
     label_template = LabelTemplate.where(team_id: current_team.id).find(params[:label_template_id])
 
diff --git a/app/controllers/repository_stock_values_controller.rb b/app/controllers/repository_stock_values_controller.rb
index 68e3881ad..ead16911e 100644
--- a/app/controllers/repository_stock_values_controller.rb
+++ b/app/controllers/repository_stock_values_controller.rb
@@ -1,7 +1,7 @@
 # frozen_string_literal: true
 
 class RepositoryStockValuesController < ApplicationController
-  include RepositoryDatatableHelper # for use of display_cell_value method on stock update
+  include RepositoryDatatableHelper # for use of serialize_repository_cell_value method on stock update
 
   before_action :load_vars
   before_action :check_manage_permissions
@@ -51,7 +51,7 @@ class RepositoryStockValuesController < ApplicationController
       stock_managable: true,
       stock_status: @repository_stock_value.status,
       manageStockUrl: edit_repository_stock_repository_repository_row_url(@repository, @repository_row)
-    }.merge(display_cell_value(@repository_stock_value.repository_cell, current_team, @repository))
+    }.merge(serialize_repository_cell_value(@repository_stock_value.repository_cell, current_team, @repository))
   end
 
   private
diff --git a/app/helpers/repository_datatable_helper.rb b/app/helpers/repository_datatable_helper.rb
index 3c92261bd..e9b4252ef 100644
--- a/app/helpers/repository_datatable_helper.rb
+++ b/app/helpers/repository_datatable_helper.rb
@@ -43,7 +43,7 @@ module RepositoryDatatableHelper
 
       custom_cells.each do |cell|
         row[columns_mappings[cell.repository_column.id]] =
-          display_cell_value(cell, team, repository, reminders_enabled: reminders_enabled)
+          serialize_repository_cell_value(cell, team, repository, reminders_enabled: reminders_enabled)
       end
 
       if has_stock_management
@@ -64,7 +64,12 @@ module RepositoryDatatableHelper
         stock_cell = record.repository_cells.find { |cell| cell.value_type == 'RepositoryStockValue' }
 
         # always add stock cell, even if empty
-        row['stock'] = stock_cell.present? ? display_cell_value(record.repository_stock_cell, team, repository) : {}
+        row['stock'] =
+          if stock_cell.present?
+            serialize_repository_cell_value(record.repository_stock_cell, team, repository)
+          else
+            {}
+          end
         row['stock'][:stock_managable] = stock_managable
         row['stock']['displayWarnings'] = display_stock_warnings?(repository)
         row['stock'][:stock_status] = stock_cell&.value&.status
@@ -132,7 +137,12 @@ module RepositoryDatatableHelper
 
         consumption_managable = stock_consumption_managable?(record, repository, my_module)
 
-        row['stock'] = stock_present ? display_cell_value(record.repository_stock_cell, record.repository.team, repository) : {}
+        row['stock'] =
+          if stock_present
+            serialize_repository_cell_value(record.repository_stock_cell, record.repository.team, repository)
+          else
+            {}
+          end
         row['stock']['displayWarnings'] = display_stock_warnings?(repository)
         row['stock'][:stock_status] = record.repository_stock_cell&.value&.status
 
@@ -140,7 +150,9 @@ module RepositoryDatatableHelper
         if record.repository.is_a?(RepositorySnapshot)
           row['consumedStock'] =
             if record.repository_stock_consumption_value.present?
-              display_cell_value(record.repository_stock_consumption_cell, record.repository.team, repository)
+              serialize_repository_cell_value(record.repository_stock_consumption_cell,
+                                              record.repository.team,
+                                              repository)
             else
               {}
             end
@@ -184,24 +196,26 @@ module RepositoryDatatableHelper
         '2': escape_input(record.name),
         '3': I18n.l(record.created_at, format: :full),
         '4': escape_input(record.created_by.full_name),
-        'recordInfoUrl': Rails.application.routes.url_helpers.repository_repository_row_path(repository_snapshot, record)
+        'recordInfoUrl': Rails.application.routes.url_helpers
+                              .repository_repository_row_path(repository_snapshot, record)
       }
 
       # Add custom columns
       record.repository_cells.each do |cell|
-        row[columns_mappings[cell.repository_column.id]] = display_cell_value(cell, team, repository_snapshot)
+        row[columns_mappings[cell.repository_column.id]] =
+          serialize_repository_cell_value(cell, team, repository_snapshot)
       end
 
       if has_stock_management
         row['stock'] = if record.repository_stock_cell.present?
-                         display_cell_value(record.repository_stock_cell, team, repository_snapshot)
+                         serialize_repository_cell_value(record.repository_stock_cell, team, repository_snapshot)
                        else
                          { value_type: 'RepositoryStockValue' }
                        end
 
         row['consumedStock'] =
           if record.repository_stock_consumption_cell.present?
-            display_cell_value(record.repository_stock_consumption_cell, team, repository_snapshot)
+            serialize_repository_cell_value(record.repository_stock_consumption_cell, team, repository_snapshot)
           else
             {}
           end
@@ -220,13 +234,6 @@ module RepositoryDatatableHelper
     }
   end
 
-  def can_perform_repository_actions(repository)
-    can_read_repository?(repository) ||
-      can_manage_repository?(repository) ||
-      can_create_repositories?(repository.team) ||
-      can_manage_repository_rows?(repository)
-  end
-
   def repository_default_columns(record)
     {
       '1': assigned_row(record),
@@ -252,7 +259,7 @@ module RepositoryDatatableHelper
     }
   end
 
-  def display_cell_value(cell, team, repository, options = {})
+  def serialize_repository_cell_value(cell, team, repository, options = {})
     serializer_class = "RepositoryDatatable::#{cell.repository_column.data_type}Serializer".constantize
     serializer_class.new(
       cell.value,
diff --git a/app/javascript/vue/components/RepositoryItemSidebar.vue b/app/javascript/vue/components/RepositoryItemSidebar.vue
index 1d0bee3d9..d6c404ad0 100644
--- a/app/javascript/vue/components/RepositoryItemSidebar.vue
+++ b/app/javascript/vue/components/RepositoryItemSidebar.vue
@@ -1,24 +1,36 @@
 <template>
-    <div id="repository-item-sidebar" class="repository-item-sidebar w-full h-full px-4 bg-white flex flex-col">
+    <div v-if="defaultColumns" id="repository-item-sidebar" class="repository-item-sidebar w-full h-full px-4 bg-white flex flex-col">
       <div class="header flex w-full">
-        <h4 class="item-name my-auto truncate" :title="repositoryRow.name">
-          {{ !repositoryRow.archived ? i18n.t('labels.archived') : '' }}
-          {{ repositoryRow.name }}
+        <h4 class="item-name my-auto truncate" :title="defaultColumns.name">
+          {{ !defaultColumns.archived ? i18n.t('labels.archived') : '' }}
+          {{ defaultColumns.name }}
         </h4>
-        <i @click="toggleShowHide" class="sn-icon sn-icon-close ml-auto cursor-pointer my-auto mx-0"></i>
+        <i @click="toggleShowHideSidebar" class="sn-icon sn-icon-close ml-auto cursor-pointer my-auto mx-0"></i>
       </div>
       <div class="body mt-4">
         <section id="information">
           <h4 class="title mb-0">{{ i18n.t('repositories.item_card.title.information') }}</h4>
           <div class="item-details">
-            <div v-for="column in defaultColumns" class="flex flex-col py-3">
-              <span class="inline-block font-semibold pb-2">{{ column.label }}</span>
-              <span
-                class="inline-block text-sn-dark-grey"
-                :class="{ 'repository-name': column.label === 'Inventory'}"
-                :title="column.label === 'Inventory' ? column.value : null"
-              >
-                {{ column.value }}
+            <div class="flex flex-col py-3">
+              <span class="inline-block font-semibold pb-2">{{ i18n.t('repositories.item_card.default_columns.repository_name') }}</span>
+              <span class="repository-name inline-block text-sn-dark-grey"
+                    :title="repositoryName">
+                {{ repositoryName }}
+              </span>
+              <span class="inline-block font-semibold pb-2">{{ i18n.t('repositories.item_card.default_columns.id') }}</span>
+              <span class="inline-block text-sn-dark-grey"
+                    :title="defaultColumns.code">
+                {{ defaultColumns.code }}
+              </span>
+              <span class="inline-block font-semibold pb-2">{{ i18n.t('repositories.item_card.default_columns.added_on') }}</span>
+              <span class="inline-block text-sn-dark-grey"
+                    :title="defaultColumns.added_on">
+                {{ defaultColumns.added_on }}
+              </span>
+              <span class="inline-block font-semibold pb-2">{{ i18n.t('repositories.item_card.default_columns.added_by') }}</span>
+              <span class="inline-block text-sn-dark-grey"
+                    :title="defaultColumns.added_by">
+                {{ defaultColumns.added_by }}
               </span>
             </div>
           </div>
@@ -27,177 +39,23 @@
           <div id="custom-columns-wrapper" class="flex flex-col min-h-[64px] h-auto">
   
             <div id="custom-columns-label" class="font-inter text-base font-semibold leading-7 mb-2">Custom columns</div>
+            <!-- start of custom columns -->
             <div v-if="customColumns?.length > 0" class="flex flex-col gap-4 w-[350px] h-auto">
-              <!-- start of custom columns -->
-  
-              <div id="" class="flex flex-col min-h-[46px] h-auto gap-[6px]">
-                <div id="" class="flex justify-between">
-                  <div class="font-inter text-sm font-semibold leading-5">Solvent stock</div>
-                  <div class="font-inter text-sm font-normal leading-5 text-sn-blue cursor-pointer">Export</div>
-                </div>
-                <div id="">
-                  <div v-if="this.customColumns[0]?.solventStock" class="flex flex-row justify-between">
-                    <div class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
-                      {{ this.customColumns[0]?.solventStock }}
-                    </div>
-                    <i class="sn-icon sn-icon-notifications"></i>
+              <div v-for="column in customColumns" class="flex flex-col gap-4 w-[350px] h-auto">
+                <div id="" class="flex flex-col min-min-h-[46px] h-auto gap-[6px]">
+                  <div id="" class="font-inter text-sm font-semibold leading-5">
+                    {{ column.value_type }}
                   </div>
-                  <div v-else>No stock</div>
-                </div>
-              </div>
-              <div id="dashed-divider" class="flex h-[1px] py-0  border-dashed border-[1px] border-sn-light-grey"></div>
-  
-              <div id="" class="flex flex-col min-h-[46px] h-auto gap-[6px]">
-                <div id="" class="font-inter text-sm font-semibold leading-5">Items in warehouse</div>
-                <div id="" class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
-                  {{ this.customColumns[0]?.itemsInWarehouse ? 'In stock' : 'No text' }}
-                </div>
-              </div>
-              <div id="dashed-divider" class="flex h-[1px] py-0  border-dashed border-[1px] border-sn-light-grey"></div>
-  
-              <div id="" class="flex flex-col min-h-[46px] h-auto gap-[6px]">
-                <div id="" class="font-inter text-sm font-semibold leading-5">Storage temperature</div>
-                <div id="" class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
-                  {{ this.customColumns[0]?.storageTemp || 'No text' }}
-                </div>
-              </div>
-              <div id="dashed-divider" class="flex h-[1px] py-0  border-dashed border-[1px] border-sn-light-grey"></div>
-
-              <div id="" class="flex flex-col min-h-[46px] h-auto gap-[6px]">
-                <div id="" class="font-inter text-sm font-semibold leading-5">Sampling date & time range</div>
-                <div id="" class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
-                  {{ this.customColumns[0]?.samplingDateTimeRange || 'No date & time range' }}
-                </div>
-              </div>
-              <div id="dashed-divider" class="flex h-[1px] py-0  border-dashed border-[1px] border-sn-light-grey"></div>
-  
-              <div id="" class="flex flex-col min-h-[46px] h-auto gap-[6px]">
-                <div id="" class="font-inter text-sm font-semibold leading-5">Sampling date & time reminder</div>
-                <div id="">
-                  <div v-if="this.customColumns[0]?.samplingDateTimeReminder" class="flex flex-row justify-between">
-                    <div class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
-                      {{ this.customColumns[0]?.samplingDateTimeReminder }}
-                    </div>
-                    <i class="sn-icon sn-icon-notifications"></i>
-                  </div>
-                  <div v-else>No Date & time</div>
-                </div>
-              </div>
-              <div id="dashed-divider" class="flex h-[1px] py-0  border-dashed border-[1px] border-sn-light-grey"></div>
-  
-              <div id="" class="flex flex-col min-h-[46px] h-auto gap-[6px]">
-                <div id="" class="font-inter text-sm font-semibold leading-5">Sampling date range</div>
-                <div id="" class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
-                  {{ this.customColumns[0]?.samplingDateRange || 'No date range' }}
-                </div>
-              </div>
-              <div id="dashed-divider" class="flex h-[1px] py-0  border-dashed border-[1px] border-sn-light-grey"></div>
-  
-              <div id="" class="flex flex-col min-h-[46px] h-auto gap-[6px]">
-                <div id="" class="font-inter text-sm font-semibold leading-5">Sampling date</div>
-                <div id="" class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
-                  {{ this.customColumns[0]?.samplingDate || 'No date' }}
-                </div>
-              </div>
-              <div id="dashed-divider" class="flex h-[1px] py-0  border-dashed border-[1px] border-sn-light-grey"></div>
-  
-              <div id="" class="flex flex-col min-h-[46px] h-auto gap-[6px]">
-                <div id="" class="font-inter text-sm font-semibold leading-5">Sampling date reminder</div>
-                <div id="">
-                  <div v-if="this.customColumns[0]?.samplingDateReminder" class="flex flex-row justify-between">
-                    <div class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
-                      {{ this.customColumns[0]?.samplingDateReminder }}
-                    </div>
-                    <i class="sn-icon sn-icon-notifications"></i>
-                  </div>
-                  <div v-else>No Date</div>
-                </div>
-              </div>
-              <div id="dashed-divider" class="flex h-[1px] py-0  border-dashed border-[1px] border-sn-light-grey"></div>
-  
-              <div id="" class="flex flex-col min-h-[46px] h-auto gap-[6px]">
-                <div id="" class="font-inter text-sm font-semibold leading-5">Sampling time range</div>
-                <div id="" class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
-                  {{ this.customColumns[0]?.samplingTimeRange || 'No time range' }}
-                </div>
-              </div>
-              <div id="dashed-divider" class="flex h-[1px] py-0  border-dashed border-[1px] border-sn-light-grey"></div>
-  
-              <div id="" class="flex flex-col min-h-[46px] h-auto gap-[6px]">
-                <div id="" class="font-inter text-sm font-semibold leading-5">Incubation time</div>
-                <div id="" class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
-                  {{ this.customColumns[0]?.incubationTime || 'No time' }}
-                </div>
-              </div>
-              <div id="dashed-divider" class="flex h-[1px] py-0  border-dashed border-[1px] border-sn-light-grey"></div>
-  
-              <div id="" class="flex flex-col min-h-[46px] h-auto gap-[6px]">
-                <div id="" class="font-inter text-sm font-semibold leading-5">DNA File</div>
-                <div id="" class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
-                  <a v-if="this.customColumns[0]?.dnaFile">
-                    {{ this.customColumns[0]?.dnaFile }}
-                  </a>
-                  <div v-else>No file</div>
-                </div>
-              </div>
-              <div id="dashed-divider" class="flex h-[1px] py-0  border-dashed border-[1px] border-sn-light-grey"></div>
-  
-              <div id="" class="flex flex-col min-h-[46px] h-auto gap-[6px]">
-                <div id="" class="font-inter text-sm font-semibold leading-5">Number of aliquots</div>
-                <div id="" class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
-                  {{ this.customColumns[0]?.numOfAliquots || 'No number' }}
-                </div>
-              </div>
-              <div id="dashed-divider" class="flex h-[1px] py-0  border-dashed border-[1px] border-sn-light-grey"></div>
-  
-              <div id="" class="flex flex-col min-h-[46px] h-auto gap-[6px]">
-                <div id="" class="font-inter text-sm font-semibold leading-5">Color</div>
-                <div id="" class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
-                  {{ this.customColumns[0]?.color || 'No selection' }}
-                </div>
-              </div>
-              <div id="dashed-divider" class="flex h-[1px] py-0  border-dashed border-[1px] border-sn-light-grey"></div>
-  
-              <div id="" class="flex flex-col min-h-[46px] h-auto gap-[6px]">
-                <div id="" class="font-inter text-sm font-semibold leading-5">Option</div>
-                <div id="" class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
-                  <div v-if="this.customColumns[0]?.optionArr.length > 0"
-                    class="flex flex-row overflow-auto break-normal w-[350px] gap-1 flex-wrap h-auto"> 
-                    <div v-for="(option, index) in this.customColumns[0].optionArr" :key="index" class="flex min-w-fit">
-                      {{ option + ' |' }}
-                    </div>
-                  </div>
-                  <div v-else>No number</div>
-                </div>
-              </div>
-              <div id="dashed-divider" class="flex h-[1px] py-0  border-dashed border-[1px] border-sn-light-grey"></div>
-  
-              <div id="" class="flex flex-col min-min-h-[46px] h-auto gap-[6px]">
-                <div id="" class="font-inter text-sm font-semibold leading-5">Item status</div>
-                <div id="" class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
-                  {{ this.customColumns[0]?.itemStatus || 'No selection' }}
-                </div>
-              </div>
-              <div id="dashed-divider" class="flex h-[1px] py-0  border-dashed border-[1px] border-sn-light-grey"></div>
-  
-              <div id="" class="flex flex-col min-min-h-[46px] h-auto gap-[6px]">
-                <div id="" class="flex justify-between">
-                  <div class="font-inter text-sm font-semibold leading-5">Sequence</div>
-                  <div @click="toggleExpandSequence" class="font-inter text-sm font-normal leading-5 text-sn-blue cursor-pointer">
-                    {{ this.sequenceExpanded ? 'Hide' : 'Show' }}
+                  <div id="" class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
+                    {{ column.value }}
                   </div>
                 </div>
-                <div 
-                  id="sequence-container" 
-                  class="text-sn-dark-grey font-inter text-sm font-normal leading-5 flex flex-row overflow-auto break-normal w-[350px] h-[60px] gap-1 flex-wrap">
-                  {{ this.customColumns[0]?.sequence || 'No text' }}
+                <div id="dashed-divider" class="flex h-[1px] py-0  border-dashed border-[1px] border-sn-light-grey"></div>
                 </div>
-              </div>
-  
-              <!-- end of custom columns -->
             </div>
+            <!-- end of custom columns -->
             <div v-else id="custom-columns-value" class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
-              {{ this.customColumnsFallback }}
+              {{ i18n.t('repositories.item_card.no_custom_columns_label') }}
             </div>
           </div>
   
@@ -253,35 +111,11 @@
       data() {
         // using dummy data for now
         return {
-            repositoryRow: {
-              name: 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et ma',
-              repository_name: 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus etma',
-              code: 'IT32823',
-              added_on: '27 June 2023',
-              added_by: 'Alexander Cansbridge',
-              archived: false,
-            },
-            customColumns: [{
-              solventStock: '120 mL',
-              itemsInWarehouse: true,
-              storageTemp: '-20 °C',
-              samplingDateTimeRange: '8 August 2023, 10:10 - 16 August 2023, 10:10',
-              samplingDateTimeReminder: '27 June 2023, 10:20',
-              samplingDateRange: '08/23/2023 - 08/24/2023',
-              samplingDate: '30 June 2023',
-              samplingDateReminder: '27 June 2023',
-              samplingTimeRange: '11:20 - 12:30',
-              incubationTime: '11:20',
-              dnaFile: 'Metastatic-Cancer-Research.pdf',
-              numOfAliquots: '6487325893648732568743622589364873256874362856885687258936487325687436285682646498362463872258936487325687436285686487326748',
-              color: 'Green',
-              optionArr: ['Option 1', 'Option 10', 'Option 2', 'Option 4', 'Option 5', 'Option 1', 'Option 10', 'Option 2', 'Option 4', 'Option 5','Option 1', 'Option 10', 'Option 2', 'Option 4', 'Option 5'],
-              itemStatus: 'Vapour',
-              sequence: '>J014514.1 Cloning vector pBR322, complete sequence>J014514.1 Cloning vector pBR322, complete sequence>J014514.1 Cloning vector pBR322, complete sequence>J014514.1 Cloning vector pBR322, complete sequence>J014514.1 Cloning vector pBR322, complete sequence'
-            }],
+            repositoryName: null,
+            defaultColumns: null,
+            customColumns: null,
             isShowing: false,
             sequenceExpanded: false,
-            customColumnsFallback: 'No custom columns',
             assigned: 'Assigned to 3 private tasks that will not be displayed'
         }
       },
@@ -301,31 +135,23 @@
       },
       mounted() {
         // generate the QR code
-        let barCodeCanvas = bwipjs.toCanvas('bar-code-canvas', {
-        bcid: 'qrcode',
-        text: $('#repository-item-sidebar #bar-code-canvas').data('id').toString(),
-        scale: 3
-      });
-      $('#repository-item-sidebar #bar-code-image').attr('src', barCodeCanvas.toDataURL('image/png'));
+        // let barCodeCanvas = bwipjs.toCanvas('bar-code-canvas', {
+        //   bcid: 'qrcode',
+        //   text: $('#repository-item-sidebar #bar-code-canvas').data('id').toString(),
+        //   scale: 3
+        // });
+        // $('#repository-item-sidebar #bar-code-image').attr('src', barCodeCanvas.toDataURL('image/png'));
       },
       beforeDestroy() {
         delete window.repositoryItemSidebarComponent;
       },
       computed: {
-        defaultColumns() {
-          return [
-            { label: I18n.t('repositories.item_card.default.repository_name'), value: this.repositoryRow.repository_name },
-            { label: I18n.t('repositories.item_card.default.id'), value: this.repositoryRow.code },
-            { label: I18n.t('repositories.item_card.default.added_on'), value: this.repositoryRow.added_on },
-            { label: I18n.t('repositories.item_card.default.added_by'), value: this.repositoryRow.added_by }
-          ]
-        }
       },
       methods: {
         // component is currently shown/hidden by calling window.repositoryItemSidebarComponent.toggleShowHideSidebar()
-        toggleShowHideSidebar(itemId) {
+        toggleShowHideSidebar(repositoryRowUrl) {
             this.isShowing = !this.isShowing
-            console.log(`Showing details for itemId: ${itemId}`)
+            this.loadRepositoryRow(repositoryRowUrl);
         },
         toggleExpandSequence() {
           if (this.sequenceExpanded) {
@@ -337,7 +163,18 @@
           }
           this.sequenceExpanded = !this.sequenceExpanded
         },
-
+        loadRepositoryRow(repositoryRowUrl) {
+          $.ajax({
+            method: 'GET',
+            url: repositoryRowUrl,
+            dataType: 'json',
+            success: (result) => {
+              this.repositoryName = result.repository_name;
+              this.defaultColumns = result.default_columns;
+              this.customColumns = result.custom_columns;
+            }
+          });
+        },
         // determine the identifier value according to the text-item (target) value
         handleSideNavClick(e) {
           let highlightItemId
diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
index be25184ef..2db0879ef 100644
--- a/app/views/layouts/application.html.erb
+++ b/app/views/layouts/application.html.erb
@@ -100,13 +100,7 @@
       </div>
 
       <%= render "shared/comments/comments_sidebar" %>
-
-      <div
-        id="repositoryItemSidebar"
-        data-behaviour="vue"
-        class='bg-white fixed top-0 right-0 h-screen w-[565px] overflow-auto gap-2.5 self-stretch z-[9999] rounded-tl-4 rounded-bl-4 transition-transform ease-in-out transform translate-x-full'>
-        <repository-item-sidebar />
-      </div>
+      <%= render "shared/repository_row_sidebar" %>
     </div>
 
     <%= render partial: 'shared/flash_alerts',
diff --git a/app/views/repository_rows/show.json.jbuilder b/app/views/repository_rows/show.json.jbuilder
new file mode 100644
index 000000000..8c5d7acdf
--- /dev/null
+++ b/app/views/repository_rows/show.json.jbuilder
@@ -0,0 +1,16 @@
+# frozen_string_literal: true
+
+json.id @repository_row.id
+json.repository_name @repository.name
+json.default_columns do
+  json.name @repository_row.name
+  json.code @repository_row.code
+  json.added_on @repository_row.created_at
+  json.added_by @repository_row.created_by&.full_name
+  json.archived @repository_row.archived?
+end
+json.custom_columns do
+  json.array! @repository_row.repository_cells do |repository_cell|
+    json.merge! serialize_repository_cell_value(repository_cell, @repository.team, @repository)
+  end
+end
diff --git a/app/views/shared/_repository_row_sidebar.html.erb b/app/views/shared/_repository_row_sidebar.html.erb
new file mode 100644
index 000000000..f32aeb03b
--- /dev/null
+++ b/app/views/shared/_repository_row_sidebar.html.erb
@@ -0,0 +1,6 @@
+<div
+    id="repositoryItemSidebar"
+    data-behaviour="vue"
+    class='bg-white fixed top-0 right-0 h-screen w-[565px] overflow-auto gap-2.5 self-stretch z-[9999] rounded-tl-4 rounded-bl-4 transition-transform ease-in-out transform translate-x-full'>
+    <repository-item-sidebar />
+</div>
diff --git a/config/initializers/helpers_in_assets.rb b/config/initializers/helpers_in_assets.rb
deleted file mode 100644
index d04f80e06..000000000
--- a/config/initializers/helpers_in_assets.rb
+++ /dev/null
@@ -1,7 +0,0 @@
-# This code will include the listed helpers in all the assets
-Rails.application.config.assets.configure do |env|
-  env.context_class.class_eval do
-    # This is required for repository_datatable.js.erb
-    include RepositoryDatatableHelper
-  end
-end
diff --git a/config/locales/en.yml b/config/locales/en.yml
index 67b9f910c..33658c23c 100644
--- a/config/locales/en.yml
+++ b/config/locales/en.yml
@@ -2109,12 +2109,13 @@ en:
     item_card:
       title:
         information: "Information"
-      default:
+      default_columns:
         repository_name: "Inventory"
         id: "Item ID"
         added_on: "Added on"
         added_at: "Added at"
         added_by: 'Added by'
+      no_custom_columns_label: 'This item has no custom columns'
   repository_stock_values:
     manage_modal:
       title: "Stock %{item}"

From 56a57233dfd39b5de69ea596215bd7849aded41e Mon Sep 17 00:00:00 2001
From: Andrej <andrej.jugovic7@gmail.com>
Date: Tue, 19 Sep 2023 15:37:01 +0200
Subject: [PATCH 06/49] Add assigned tasks block to the item card [SCI-9155]

---
 app/helpers/my_modules_helper.rb              | 61 +++++++++++++++++++
 .../vue/components/RepositoryItemSidebar.vue  | 43 ++++++++++---
 app/views/repository_rows/show.json.jbuilder  | 10 +++
 config/locales/en.yml                         | 12 ++++
 4 files changed, 118 insertions(+), 8 deletions(-)

diff --git a/app/helpers/my_modules_helper.rb b/app/helpers/my_modules_helper.rb
index b2014275c..c457f7385 100644
--- a/app/helpers/my_modules_helper.rb
+++ b/app/helpers/my_modules_helper.rb
@@ -112,4 +112,65 @@ module MyModulesHelper
       ''
     end
   end
+
+  def extract_my_module_metadata(my_module)
+    [
+      team_data(my_module.team),
+      project_data(my_module.project),
+      experiment_data(my_module.experiment),
+      my_module_data(my_module)
+    ].each do |item|
+      item[:value] = "(A) #{item[:value]}" if item[:archived]
+    end
+  end
+
+  private
+
+  def team_data(team)
+    {
+      label: I18n.t('repositories.item_card.assigned.labels.team'),
+      value: team.name,
+      url: projects_path(team: team.id),
+      archived: false
+    }
+  end
+
+  def project_data(project)
+    {
+      label: I18n.t('repositories.item_card.assigned.labels.project'),
+      value: project.name,
+      url: project_path(project, view_mode: view_mode(project.archived?)),
+      archived: project.archived?
+    }
+  end
+
+  def experiment_data(experiment)
+    {
+      label: I18n.t('repositories.item_card.assigned.labels.experiment'),
+      value: experiment.name,
+      url: experiment_url(experiment),
+      archived: experiment.archived_branch?
+    }
+  end
+
+  def my_module_data(my_module)
+    {
+      label: I18n.t('repositories.item_card.assigned.labels.my_module'),
+      value: my_module.name,
+      url: protocols_my_module_path(my_module, view_mode: view_mode(my_module.archived_branch?)),
+      archived: my_module.archived_branch?
+    }
+  end
+
+  def view_mode(archived)
+    archived ? 'archived' : 'active'
+  end
+
+  def experiment_url(experiment)
+    if experiment.archived_branch?
+      module_archive_experiment_path(experiment)
+    else
+      my_modules_experiment_path(experiment)
+    end
+  end
 end
diff --git a/app/javascript/vue/components/RepositoryItemSidebar.vue b/app/javascript/vue/components/RepositoryItemSidebar.vue
index d6c404ad0..3999245c3 100644
--- a/app/javascript/vue/components/RepositoryItemSidebar.vue
+++ b/app/javascript/vue/components/RepositoryItemSidebar.vue
@@ -60,14 +60,40 @@
           </div>
   
           <div id="divider" class="w-500 bg-sn-light-grey flex px-8 items-center self-stretch h-px	"></div>
-  
-          <div id="assigned-wrapper" class="flex flex-col h-[64px] gap-[6px]">
-          <div id="assigned-label" class="font-inter text-base font-semibold leading-7">Assigned (3)</div>
-          <div id="assigned-value" class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
-            {{ this.assigned }}
+
+          <div class="assigned-wrapper">
+            <div class="text-base font-semibold w-[350px] my-3 leading-7">
+              {{ i18n.t('repositories.item_card.section.assigned', { count: assignedModules.total_assigned_count }) }}
+            </div>
+
+            <div v-if="assignedModules.total_assigned_count > 0">
+              <div v-if="assignedModules.private_count > 0" class="pb-6">
+                {{ i18n.t('repositories.item_card.assigned.private', { count: assignedModules.private_count }) }}
+
+                <hr v-if="assignedModules.viewable_modules.length > 0"
+                    class="h-1 w-[350px] m-0 mt-6 border-dashed border-1 border-sn-light-grey"/>
+              </div>
+
+              <div v-for="(assigned, index) in assignedModules.viewable_modules" 
+                   :key="`assigned_module_${index}`"
+                   class="flex flex-col w-[350px] mb-6 h-auto">
+
+                <div class="flex flex-col gap-3">
+                  <div v-for="(object, index_assigned) in assigned"
+                       :key="`assigned_element_${index_assigned}`">
+                    {{ object.label }}
+                    <a :href="object.url">{{ object.value }}</a>
+                  </div>
+                </div>
+
+                <hr v-if="index < assignedModules.viewable_modules.length - 1" 
+                    class="h-1 w-[350px] mt-6 mb-0 border-dashed border-1 border-sn-light-grey"/>
+              </div>
+            </div>
+            <div v-else class="mb-3">
+              {{ i18n.t('repositories.item_card.assigned.empty') }}
+            </div>
           </div>
-          </div>
-  
           <div id="divider" class="w-500 bg-sn-light-grey flex px-8 items-center self-stretch h-px	"></div>
   
           <div id="QR-wrapper" class="block">
@@ -114,9 +140,9 @@
             repositoryName: null,
             defaultColumns: null,
             customColumns: null,
+            assignedModules: null,
             isShowing: false,
             sequenceExpanded: false,
-            assigned: 'Assigned to 3 private tasks that will not be displayed'
         }
       },
       created() {
@@ -172,6 +198,7 @@
               this.repositoryName = result.repository_name;
               this.defaultColumns = result.default_columns;
               this.customColumns = result.custom_columns;
+              this.assignedModules = result.assigned_modules;
             }
           });
         },
diff --git a/app/views/repository_rows/show.json.jbuilder b/app/views/repository_rows/show.json.jbuilder
index 8c5d7acdf..04208c43c 100644
--- a/app/views/repository_rows/show.json.jbuilder
+++ b/app/views/repository_rows/show.json.jbuilder
@@ -14,3 +14,13 @@ json.custom_columns do
     json.merge! serialize_repository_cell_value(repository_cell, @repository.team, @repository)
   end
 end
+
+json.assigned_modules do
+  json.total_assigned_count @assigned_modules.length
+  json.private_count @private_modules.length
+  json.viewable_modules do
+    json.array! @viewable_modules do |my_module|
+      json.merge! extract_my_module_metadata(my_module)
+    end
+  end
+end
diff --git a/config/locales/en.yml b/config/locales/en.yml
index 33658c23c..4ef6c3a81 100644
--- a/config/locales/en.yml
+++ b/config/locales/en.yml
@@ -2109,6 +2109,18 @@ en:
     item_card:
       title:
         information: "Information"
+      section:
+        assigned: "Assigned (%{count})"
+      assigned:
+        empty: "This item is not assigned to any task."
+        private:
+          one: "Assigned to %{count} private task"
+          other: "Assigned to %{count} private tasks"
+        labels:
+          team: "Team:"
+          project: "Project:"
+          experiment: "Experiment:"
+          my_module: "Task:"
       default_columns:
         repository_name: "Inventory"
         id: "Item ID"

From 90b9813083ca4a49df9e20eacd753bfffde70894 Mon Sep 17 00:00:00 2001
From: sboursen-scinote <soufiane@scinote.net>
Date: Thu, 21 Sep 2023 11:38:09 +0200
Subject: [PATCH 07/49] Remove the Experiment ID displayed in the three dots
 menu dropdown [SCI-9215]

---
 .../projects/show/_experiment_actions_dropdown.html.erb      | 5 -----
 1 file changed, 5 deletions(-)

diff --git a/app/views/projects/show/_experiment_actions_dropdown.html.erb b/app/views/projects/show/_experiment_actions_dropdown.html.erb
index 58a68cc38..f18e2b6e0 100644
--- a/app/views/projects/show/_experiment_actions_dropdown.html.erb
+++ b/app/views/projects/show/_experiment_actions_dropdown.html.erb
@@ -75,9 +75,4 @@
     <% end %>
     </li>
   <% end %>
-  <li class="form-dropdown-item">
-    <div class="form-dropdown-item-info">
-      <small><%= t('experiments.experiment_id') %>: <strong><%= experiment.code %></strong></small>
-    </div>
-  </li>
 </ul>

From 1bf2bc615633a36e478c65aeea0a9a41bce87017 Mon Sep 17 00:00:00 2001
From: Gregor Lasnibat <gregor@scinote.net>
Date: Tue, 19 Sep 2023 14:38:17 +0200
Subject: [PATCH 08/49] Refactoring RepositoryItemSidebar and custom columns
 [SCI-9153]

Fixed regular card (without cusotm columns) styles [SCI-9153]

Updated API to return column name, working on subcomponents [SCI-9153]

TooltipPreview on dynamic file component working [SCI-9153]

Finished new item card refactor [SCI-9153]

PR fix 01 [SCI-9153]

PR fixes 02 [SCI-9153]
---
 .../shared/repository_item_sidebar.scss       |  78 ++---
 .../packs/vue/repository_item_sidebar.js      |   3 +-
 .../vue/components/RepositoryItemSidebar.vue  | 213 -------------
 .../RepositoryItemSidebar.vue                 | 280 ++++++++++++++++++
 .../repository_values/HighlightComponent.vue  |  16 +
 .../RepositoryAssetValue.vue                  |  50 ++++
 .../RepositoryChecklistValue.vue              |  53 ++++
 .../RepositoryDateRangeValue.vue              |  36 +++
 .../RepositoryDateTimeRangeValue.vue          |  36 +++
 .../RepositoryDateTimeValue.vue               |  39 +++
 .../repository_values/RepositoryDateValue.vue |  35 +++
 .../repository_values/RepositoryListValue.vue |  35 +++
 .../RepositoryNumberValue.vue                 |  25 ++
 .../RepositoryStatusValue.vue                 |  38 +++
 .../RepositoryStockValue.vue                  |  37 +++
 .../repository_values/RepositoryTextValue.vue |  35 +++
 .../RepositoryTimeRangeValue.vue              |  36 +++
 .../repository_values/TooltipPreview.vue      |  19 ++
 app/views/repository_rows/show.json.jbuilder  |   4 +-
 config/locales/en.yml                         |  26 +-
 20 files changed, 839 insertions(+), 255 deletions(-)
 delete mode 100644 app/javascript/vue/components/RepositoryItemSidebar.vue
 create mode 100644 app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue
 create mode 100644 app/javascript/vue/repository_item_sidebar/repository_values/HighlightComponent.vue
 create mode 100644 app/javascript/vue/repository_item_sidebar/repository_values/RepositoryAssetValue.vue
 create mode 100644 app/javascript/vue/repository_item_sidebar/repository_values/RepositoryChecklistValue.vue
 create mode 100644 app/javascript/vue/repository_item_sidebar/repository_values/RepositoryDateRangeValue.vue
 create mode 100644 app/javascript/vue/repository_item_sidebar/repository_values/RepositoryDateTimeRangeValue.vue
 create mode 100644 app/javascript/vue/repository_item_sidebar/repository_values/RepositoryDateTimeValue.vue
 create mode 100644 app/javascript/vue/repository_item_sidebar/repository_values/RepositoryDateValue.vue
 create mode 100644 app/javascript/vue/repository_item_sidebar/repository_values/RepositoryListValue.vue
 create mode 100644 app/javascript/vue/repository_item_sidebar/repository_values/RepositoryNumberValue.vue
 create mode 100644 app/javascript/vue/repository_item_sidebar/repository_values/RepositoryStatusValue.vue
 create mode 100644 app/javascript/vue/repository_item_sidebar/repository_values/RepositoryStockValue.vue
 create mode 100644 app/javascript/vue/repository_item_sidebar/repository_values/RepositoryTextValue.vue
 create mode 100644 app/javascript/vue/repository_item_sidebar/repository_values/RepositoryTimeRangeValue.vue
 create mode 100644 app/javascript/vue/repository_item_sidebar/repository_values/TooltipPreview.vue

diff --git a/app/assets/stylesheets/shared/repository_item_sidebar.scss b/app/assets/stylesheets/shared/repository_item_sidebar.scss
index 1f5a66d80..eacc01e5c 100644
--- a/app/assets/stylesheets/shared/repository_item_sidebar.scss
+++ b/app/assets/stylesheets/shared/repository_item_sidebar.scss
@@ -1,45 +1,47 @@
-// scss-lint:disable IdSelector
-// scss-lint:disable SelectorDepth
-// scss-lint:disable NestingDepth
+// Should use tailwind; commented out for reference when refactoring
 
-.repository-item-sidebar {
-  font-size: 14px;
-  font-weight: 400;
-  line-height: 20px;
+// // scss-lint:disable IdSelector
+// // scss-lint:disable SelectorDepth
+// // scss-lint:disable NestingDepth
 
-  .header {
-    border-bottom: 1px solid var(--sn-sleepy-grey);
-    height: var(--top-navigation-height);
+// .repository-item-sidebar {
+//   font-size: 14px;
+//   font-weight: 400;
+//   line-height: 20px;
 
-    .item-name {
-      font-size: 20px;
-      line-height: 30px;
-      width: calc(100% - 2rem);
-    }
-  }
+//   .header {
+//     border-bottom: 1px solid var(--sn-sleepy-grey);
+//     height: var(--top-navigation-height);
 
-  .title {
-    font-size: 18px;
-    font-weight: 600;
-    line-height: 28px;
-  }
+//     .item-name {
+//       font-size: 20px;
+//       line-height: 30px;
+//       width: calc(100% - 2rem);
+//     }
+//   }
 
-  #information {
-    width: 70%;
-  }
+//   .title {
+//     font-size: 18px;
+//     font-weight: 600;
+//     line-height: 28px;
+//   }
 
-  .item-details {
-    div {
-      border-bottom: 1px solid var(--sn-sleepy-grey);
+//   #information {
+//     width: 70%;
+//   }
 
-      span {
-        &.repository-name {
-          -webkit-box-orient: vertical;
-          display: -webkit-box;
-          -webkit-line-clamp: 3;
-          overflow: hidden;
-        }
-      }
-    }
-  }
-}
+//   .item-details {
+//     div {
+//       border-bottom: 1px solid var(--sn-sleepy-grey);
+
+//       span {
+//         &.repository-name {
+//           -webkit-box-orient: vertical;
+//           display: -webkit-box;
+//           -webkit-line-clamp: 3;
+//           overflow: hidden;
+//         }
+//       }
+//     }
+//   }
+// }
diff --git a/app/javascript/packs/vue/repository_item_sidebar.js b/app/javascript/packs/vue/repository_item_sidebar.js
index 71879686c..25dba7e04 100644
--- a/app/javascript/packs/vue/repository_item_sidebar.js
+++ b/app/javascript/packs/vue/repository_item_sidebar.js
@@ -2,7 +2,7 @@
 
 import TurbolinksAdapter from 'vue-turbolinks';
 import Vue from 'vue/dist/vue.esm';
-import RepositoryItemSidebar from '../../vue/components/RepositoryItemSidebar.vue';
+import RepositoryItemSidebar from '../../vue/repository_item_sidebar/RepositoryItemSidebar.vue';
 
 Vue.use(TurbolinksAdapter);
 Vue.prototype.i18n = window.I18n;
@@ -17,4 +17,3 @@ function initRepositoryItemSidebar() {
 }
 
 initRepositoryItemSidebar();
-
diff --git a/app/javascript/vue/components/RepositoryItemSidebar.vue b/app/javascript/vue/components/RepositoryItemSidebar.vue
deleted file mode 100644
index d6c404ad0..000000000
--- a/app/javascript/vue/components/RepositoryItemSidebar.vue
+++ /dev/null
@@ -1,213 +0,0 @@
-<template>
-    <div v-if="defaultColumns" id="repository-item-sidebar" class="repository-item-sidebar w-full h-full px-4 bg-white flex flex-col">
-      <div class="header flex w-full">
-        <h4 class="item-name my-auto truncate" :title="defaultColumns.name">
-          {{ !defaultColumns.archived ? i18n.t('labels.archived') : '' }}
-          {{ defaultColumns.name }}
-        </h4>
-        <i @click="toggleShowHideSidebar" class="sn-icon sn-icon-close ml-auto cursor-pointer my-auto mx-0"></i>
-      </div>
-      <div class="body mt-4">
-        <section id="information">
-          <h4 class="title mb-0">{{ i18n.t('repositories.item_card.title.information') }}</h4>
-          <div class="item-details">
-            <div class="flex flex-col py-3">
-              <span class="inline-block font-semibold pb-2">{{ i18n.t('repositories.item_card.default_columns.repository_name') }}</span>
-              <span class="repository-name inline-block text-sn-dark-grey"
-                    :title="repositoryName">
-                {{ repositoryName }}
-              </span>
-              <span class="inline-block font-semibold pb-2">{{ i18n.t('repositories.item_card.default_columns.id') }}</span>
-              <span class="inline-block text-sn-dark-grey"
-                    :title="defaultColumns.code">
-                {{ defaultColumns.code }}
-              </span>
-              <span class="inline-block font-semibold pb-2">{{ i18n.t('repositories.item_card.default_columns.added_on') }}</span>
-              <span class="inline-block text-sn-dark-grey"
-                    :title="defaultColumns.added_on">
-                {{ defaultColumns.added_on }}
-              </span>
-              <span class="inline-block font-semibold pb-2">{{ i18n.t('repositories.item_card.default_columns.added_by') }}</span>
-              <span class="inline-block text-sn-dark-grey"
-                    :title="defaultColumns.added_by">
-                {{ defaultColumns.added_by }}
-              </span>
-            </div>
-          </div>
-        </section>
-        <div>
-          <div id="custom-columns-wrapper" class="flex flex-col min-h-[64px] h-auto">
-  
-            <div id="custom-columns-label" class="font-inter text-base font-semibold leading-7 mb-2">Custom columns</div>
-            <!-- start of custom columns -->
-            <div v-if="customColumns?.length > 0" class="flex flex-col gap-4 w-[350px] h-auto">
-              <div v-for="column in customColumns" class="flex flex-col gap-4 w-[350px] h-auto">
-                <div id="" class="flex flex-col min-min-h-[46px] h-auto gap-[6px]">
-                  <div id="" class="font-inter text-sm font-semibold leading-5">
-                    {{ column.value_type }}
-                  </div>
-                  <div id="" class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
-                    {{ column.value }}
-                  </div>
-                </div>
-                <div id="dashed-divider" class="flex h-[1px] py-0  border-dashed border-[1px] border-sn-light-grey"></div>
-                </div>
-            </div>
-            <!-- end of custom columns -->
-            <div v-else id="custom-columns-value" class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
-              {{ i18n.t('repositories.item_card.no_custom_columns_label') }}
-            </div>
-          </div>
-  
-          <div id="divider" class="w-500 bg-sn-light-grey flex px-8 items-center self-stretch h-px	"></div>
-  
-          <div id="assigned-wrapper" class="flex flex-col h-[64px] gap-[6px]">
-          <div id="assigned-label" class="font-inter text-base font-semibold leading-7">Assigned (3)</div>
-          <div id="assigned-value" class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
-            {{ this.assigned }}
-          </div>
-          </div>
-  
-          <div id="divider" class="w-500 bg-sn-light-grey flex px-8 items-center self-stretch h-px	"></div>
-  
-          <div id="QR-wrapper" class="block">
-          <div id="QR-label" class="font-inter text-base font-semibold leading-7 mb-4">QR</div>
-          <canvas id="bar-code-canvas" class="hidden" data-id='dummyDataId'></canvas>
-          <img id="bar-code-image" />
-          </div>
-        </div>
-      </div>
-      <div id="navigation" class="min-w-[130px] h-[130px] flex item-end gap-x-4	">
-        <div class="flex flex-col py-2 px-0 gap-3 self-stretch w-[130px] h-[130px]  justify-center items-center">
-          <div class="flex flex-col w-[130px] h-[130px] justify-between text-right">
-            <div @click="handleSideNavClick" id="text-item-1" class="hover:cursor-pointer text-sn-grey">Information</div>
-            <div @click="handleSideNavClick" id="text-item-2" class="hover:cursor-pointer text-sn-grey">Custom columns</div>
-            <div @click="handleSideNavClick" id="text-item-3" class="hover:cursor-pointer text-sn-grey">Assigned</div>
-            <div @click="handleSideNavClick" id="text-item-4" class="hover:cursor-pointer text-sn-grey">QR</div>
-          </div>
-        </div>
-  
-        <div id="highlight-container" class="w-[1px] h-[130px] flex flex-col justify-evenly bg-sn-light-grey">
-          <div id="highlight-item-1" class="w-[5px] h-[28px] rounded-[11px]"></div>
-          <div id="highlight-item-2" class="w-[5px] h-[28px] rounded-[11px]"></div>
-          <div id="highlight-item-3" class="w-[5px] h-[28px] rounded-[11px]"></div>
-          <div id="highlight-item-4" class="w-[5px] h-[28px] rounded-[11px]"></div>
-        </div>
-      </div>
-  
-      <div id="bottom" class="h-[100px] flex flex-col justify-end">
-        <div id="divider" class="w-500 bg-sn-light-grey flex px-8 items-center self-stretch h-px mb-6"></div>
-        <div id="bottom-button-wrapper" class="flex h-10 justify-end">
-          <button class="btn btn-primary">Print Label</button>
-        </div>
-      </div>
-    </div>
-  
-</template>
-  <script>
-
-    export default {
-      name: 'RepositoryItemSidebar',
-      data() {
-        // using dummy data for now
-        return {
-            repositoryName: null,
-            defaultColumns: null,
-            customColumns: null,
-            isShowing: false,
-            sequenceExpanded: false,
-            assigned: 'Assigned to 3 private tasks that will not be displayed'
-        }
-      },
-      created() {
-        window.repositoryItemSidebarComponent = this;
-      },
-      watch: {
-        isShowing(newVal, oldVal) {
-            const element = document.getElementById('repositoryItemSidebar')
-            if (this.isShowing) {
-              element.classList.remove('translate-x-full');
-              element.classList.add('translate-x-0');
-            } else {
-              element.classList.add('transition-transform', 'ease-in-out', 'duration-300', 'transform', 'translate-x-0', 'translate-x-full');
-            }
-        }
-      },
-      mounted() {
-        // generate the QR code
-        // let barCodeCanvas = bwipjs.toCanvas('bar-code-canvas', {
-        //   bcid: 'qrcode',
-        //   text: $('#repository-item-sidebar #bar-code-canvas').data('id').toString(),
-        //   scale: 3
-        // });
-        // $('#repository-item-sidebar #bar-code-image').attr('src', barCodeCanvas.toDataURL('image/png'));
-      },
-      beforeDestroy() {
-        delete window.repositoryItemSidebarComponent;
-      },
-      computed: {
-      },
-      methods: {
-        // component is currently shown/hidden by calling window.repositoryItemSidebarComponent.toggleShowHideSidebar()
-        toggleShowHideSidebar(repositoryRowUrl) {
-            this.isShowing = !this.isShowing
-            this.loadRepositoryRow(repositoryRowUrl);
-        },
-        toggleExpandSequence() {
-          if (this.sequenceExpanded) {
-            document.getElementById('sequence-container').classList.remove('h-fit', 'max-h-[600px]')
-            document.getElementById('sequence-container').classList.add('h-[60px]')
-          } else {
-            document.getElementById('sequence-container').classList.remove('h-[60px]')
-            document.getElementById('sequence-container').classList.add('h-fit', 'max-h-[600px]')
-          }
-          this.sequenceExpanded = !this.sequenceExpanded
-        },
-        loadRepositoryRow(repositoryRowUrl) {
-          $.ajax({
-            method: 'GET',
-            url: repositoryRowUrl,
-            dataType: 'json',
-            success: (result) => {
-              this.repositoryName = result.repository_name;
-              this.defaultColumns = result.default_columns;
-              this.customColumns = result.custom_columns;
-            }
-          });
-        },
-        // determine the identifier value according to the text-item (target) value
-        handleSideNavClick(e) {
-          let highlightItemId
-          const targetId = e.target.id
-          switch(targetId) {
-            case 'text-item-1':
-              highlightItemId = 'highlight-item-1'
-              break
-            case 'text-item-2':
-              highlightItemId = 'highlight-item-2'
-              break
-            case 'text-item-3':
-              highlightItemId = 'highlight-item-3'
-              break
-            case 'text-item-4':
-              highlightItemId = 'highlight-item-4'
-              break
-            default: null
-          }
-
-          const arrOfBurgerItemIds = ['text-item-1', 'text-item-2', 'text-item-3', 'text-item-4']
-          const arrOfBurgerHighlightItemIds = ['highlight-item-1', 'highlight-item-2', 'highlight-item-3', 'highlight-item-4']
-          const arrToUnhighlight_1 = arrOfBurgerItemIds.filter((i) => i !== targetId)
-          const arrToUnhighlight_2 = arrOfBurgerHighlightItemIds.filter((i) => i !== highlightItemId)
-
-          // highlight the target text and corresponding identifier
-          document.getElementById(targetId).classList.add('text-sn-science-blue')
-          document.getElementById(highlightItemId).classList.add('bg-sn-science-blue')
-
-          //unhighlight the rest of the text and identifiers
-          arrToUnhighlight_1.forEach(id => document.getElementById(id).classList.remove('text-sn-science-blue'))
-          arrToUnhighlight_2.forEach(id => document.getElementById(id).classList.remove('bg-sn-science-blue'))
-        }
-      }
-    }
-  </script>
diff --git a/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue b/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue
new file mode 100644
index 000000000..709e62298
--- /dev/null
+++ b/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue
@@ -0,0 +1,280 @@
+<template>
+  <div id="repository-item-sidebar" class="w-ful h-full py-6 px-6 bg-white flex flex-col">
+    <div class="header flex w-full">
+      <h4 class="item-name my-auto truncate" :title="defaultColumns?.name">
+        {{ !defaultColumns?.archived ? i18n.t('labels.archived') : '' }}
+        {{ defaultColumns?.name }}
+      </h4>
+      <i @click="toggleShowHideSidebar" class="sn-icon sn-icon-close ml-auto cursor-pointer my-auto mx-0"></i>
+    </div>
+
+    <div id="divider" class="w-500 bg-sn-light-grey flex my-6 items-center self-stretch h-px	"></div>
+
+    <div id="body-wrapper" class="flex flex-1 justify-between">
+      <div id="left-col" class="flex flex-col gap-4">
+        <div id="information">
+          <div id="title" class="font-inter text-xl font-semibold leading-7 mb-4">{{
+            i18n.t('repositories.item_card.title.information') }}</div>
+          <div class="item-details">
+            <div class="flex flex-col gap-4">
+              <div class="flex flex-col ">
+                <span class="inline-block font-semibold pb-[6px]">{{
+                  i18n.t('repositories.item_card.default_columns.repository_name') }}</span>
+                <span class="repository-name flex text-sn-dark-grey" :title="repositoryName">
+                  {{ repositoryName }}
+                </span>
+              </div>
+
+              <div id="dashed-divider" class="flex h-[1px] py-0  border-dashed border-[1px] border-sn-light-grey"></div>
+
+              <div class="flex flex-col ">
+                <span class="inline-block font-semibold pb-[6px]">{{ i18n.t('repositories.item_card.default_columns.id')
+                }}</span>
+                <span class="inline-block text-sn-dark-grey" :title="defaultColumns?.code">
+                  {{ defaultColumns?.code }}
+                </span>
+              </div>
+
+              <div id="dashed-divider" class="flex h-[1px] py-0  border-dashed border-[1px] border-sn-light-grey"></div>
+
+              <div class="flex flex-col ">
+                <span class="inline-block font-semibold pb-[6px]">{{
+                  i18n.t('repositories.item_card.default_columns.added_on')
+                }}</span>
+                <span class="inline-block text-sn-dark-grey" :title="defaultColumns?.added_on">
+                  {{ defaultColumns?.added_on }}
+                </span>
+              </div>
+
+              <div id="dashed-divider" class="flex h-[1px] py-0  border-dashed border-[1px] border-sn-light-grey"></div>
+
+              <div class="flex flex-col ">
+                <span class="inline-block font-semibold pb-[6px]">{{
+                  i18n.t('repositories.item_card.default_columns.added_by')
+                }}</span>
+                <span class="inline-block text-sn-dark-grey" :title="defaultColumns?.added_by">
+                  {{ defaultColumns?.added_by }}
+                </span>
+
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <div id="divider" class="w-500 bg-sn-light-grey flex items-center self-stretch h-px	"></div>
+
+        <div id="custom-col-assigned-qr-wrapper" class="flex flex-col gap-4">
+          <div id="custom-columns-wrapper" class="flex flex-col min-h-[64px] h-auto">
+
+            <div id="custom-columns-label" class="font-inter text-base font-semibold leading-7 pb-4">Custom columns</div>
+            <!-- start of custom columns -->
+            <div v-if="customColumns?.length > 0" class="flex flex-col gap-4 w-[350px] h-auto">
+              <div v-for="(column, index) in customColumns" class="flex flex-col gap-4 w-[350px] h-auto">
+
+                <component :is="column.data_type" :key="index" :data_type="column.data_type" :colId="column.id"
+                  :colName="column.name" :colVal="column.value" />
+
+                <div id="dashed-divider" :class="{ 'hidden': index === customColumns.length - 1 }"
+                  class="flex h-[1px] py-0 border-dashed border-[1px] border-sn-light-grey">
+                </div>
+
+              </div>
+            </div>
+            <!-- end of custom columns -->
+            <div v-else id="custom-columns-value" class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
+              {{ i18n.t('repositories.item_card.no_custom_columns_label') }}
+            </div>
+          </div>
+
+          <div id="divider" class="w-500 bg-sn-light-grey flex px-8 items-center self-stretch h-px	"></div>
+
+          <div id="assigned-wrapper" class="flex flex-col h-[64px] ">
+
+            <div v-if="this.assigned" id="assigned-label" class="font-inter text-base font-semibold leading-7 pb-4">
+              Assigned (3)
+            </div>
+            <div v-else class="flex justify-between">
+              <div id="assigned-label" class="font-inter text-base font-semibold leading-7 pb-4">
+                Assigned (0)
+              </div>
+              <div class="text-sn-blue hover:cursor-pointer text-right font-inter text-sm font-normal leading-5 h-fit">
+                Assign to task
+              </div>
+            </div>
+            <div id="assigned-value" class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
+              {{ this.assigned }}
+            </div>
+          </div>
+
+          <div id="divider" class="w-500 bg-sn-light-grey flex px-8 items-center self-stretch h-px	"></div>
+
+          <div id="QR-wrapper" class="block">
+            <div id="QR-label" class="font-inter text-base font-semibold leading-7 mb-4">QR</div>
+            <canvas id="bar-code-canvas" class="hidden" data-id="IT2"></canvas>
+            <img :src="barCodeSrc" />
+          </div>
+
+        </div>
+      </div>
+      <div id="navigation" class="min-w-[130px] h-[130px] flex item-end gap-x-4	">
+        <div class="flex flex-col py-2 px-0 gap-3 self-stretch w-[130px] h-[130px]  justify-center items-center">
+          <div class="flex flex-col w-[130px] h-[130px] justify-between text-right">
+            <div @click="handleSideNavClick" id="text-item-1" class="hover:cursor-pointer text-sn-grey">Information</div>
+            <div @click="handleSideNavClick" id="text-item-2" class="hover:cursor-pointer text-sn-grey">Custom columns
+            </div>
+            <div @click="handleSideNavClick" id="text-item-3" class="hover:cursor-pointer text-sn-grey">Assigned</div>
+            <div @click="handleSideNavClick" id="text-item-4" class="hover:cursor-pointer text-sn-grey">QR</div>
+          </div>
+        </div>
+      </div>
+
+      <highlight-component
+        :items-to-create="['highlight-item-1', 'highlight-item-2', 'highlight-item-3', 'highlight-item-4']">
+      </highlight-component>
+    </div>
+
+    <div id="bottom" class="h-[100px] flex flex-col justify-end" :class="{ 'pb-6': customColumns?.length }">
+      <div id="divider" class="w-500 bg-sn-light-grey flex px-8 items-center self-stretch h-px mb-6"></div>
+      <div id="bottom-button-wrapper" class="flex h-10 justify-end">
+        <button class="btn btn-primary">Print Label</button>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import RepositoryStockValue from './repository_values/RepositoryStockValue.vue';
+import RepositoryTextValue from './repository_values/RepositoryTextValue.vue';
+import RepositoryNumberValue from './repository_values/RepositoryNumberValue.vue';
+import RepositoryAssetValue from './repository_values/RepositoryAssetValue.vue';
+import RepositoryListValue from './repository_values/RepositoryListValue.vue';
+import RepositoryChecklistValue from './repository_values/RepositoryChecklistValue.vue';
+import RepositoryStatusValue from './repository_values/RepositoryStatusValue.vue';
+import RepositoryDateTimeValue from './repository_values/RepositoryDateTimeValue.vue';
+import RepositoryDateTimeRangeValue from './repository_values/RepositoryDateTimeRangeValue.vue';
+import RepositoryDateValue from './repository_values/RepositoryDateValue.vue';
+import RepositoryDateRangeValue from './repository_values/RepositoryDateRangeValue.vue';
+import RepositoryTimeRangeValue from './repository_values/RepositoryTimeRangeValue.vue'
+import HighlightComponent from './repository_values/HighlightComponent.vue';
+
+export default {
+  name: 'RepositoryItemSidebar',
+  components: {
+    RepositoryStockValue,
+    RepositoryTextValue,
+    RepositoryNumberValue,
+    RepositoryAssetValue,
+    RepositoryListValue,
+    RepositoryChecklistValue,
+    RepositoryStatusValue,
+    RepositoryDateTimeValue,
+    RepositoryDateTimeRangeValue,
+    RepositoryDateValue,
+    RepositoryDateRangeValue,
+    RepositoryTimeRangeValue,
+    'highlight-component': HighlightComponent
+  },
+  data() {
+    // using dummy data for now
+    return {
+      repositoryName: null,
+      defaultColumns: null,
+      customColumns: null,
+      isShowing: false,
+      sequenceExpanded: false,
+      assigned: 'Assigned to 3 private tasks that will not be displayed',
+      barCodeSrc: null
+    }
+  },
+  created() {
+    window.repositoryItemSidebarComponent = this;
+  },
+  watch: {
+    isShowing(newVal, oldVal) {
+      const element = document.getElementById('repositoryItemSidebar')
+      if (this.isShowing) {
+        element.classList.remove('translate-x-full');
+        element.classList.add('translate-x-0');
+      } else {
+        element.classList.add('transition-transform', 'ease-in-out', 'duration-300', 'transform', 'translate-x-0', 'translate-x-full');
+      }
+    },
+    defaultColumns(newCol, oldCol) {
+      const canvasEl = document.getElementById('bar-code-canvas')
+      if (newCol.code && bwipjs && canvasEl) {
+        // generate the QR code
+        let barCodeCanvas = bwipjs.toCanvas('bar-code-canvas', {
+          bcid: 'qrcode',
+          text: newCol.code,
+          scale: 3
+        });
+        this.barCodeSrc = barCodeCanvas.toDataURL('image/png')
+      }
+    },
+  },
+  beforeDestroy() {
+    delete window.repositoryItemSidebarComponent;
+  },
+  methods: {
+    toggleShowHideSidebar(repositoryRowUrl) {
+      this.isShowing = !this.isShowing
+      this.loadRepositoryRow(repositoryRowUrl);
+    },
+    toggleExpandSequence() {
+      if (this.sequenceExpanded) {
+        document.getElementById('sequence-container').classList.remove('h-fit', 'max-h-[600px]')
+        document.getElementById('sequence-container').classList.add('h-[60px]')
+      } else {
+        document.getElementById('sequence-container').classList.remove('h-[60px]')
+        document.getElementById('sequence-container').classList.add('h-fit', 'max-h-[600px]')
+      }
+      this.sequenceExpanded = !this.sequenceExpanded
+    },
+    loadRepositoryRow(repositoryRowUrl) {
+      $.ajax({
+        method: 'GET',
+        url: repositoryRowUrl,
+        dataType: 'json',
+        success: (result) => {
+          this.repositoryName = result.repository_name;
+          this.defaultColumns = result.default_columns;
+          this.customColumns = result.custom_columns;
+        }
+      });
+    },
+    // determine the identifier value according to the text-item (target) value
+    handleSideNavClick(e) {
+      let highlightItemId
+      const targetId = e.target.id
+      switch (targetId) {
+        case 'text-item-1':
+          highlightItemId = 'highlight-item-1'
+          break
+        case 'text-item-2':
+          highlightItemId = 'highlight-item-2'
+          break
+        case 'text-item-3':
+          highlightItemId = 'highlight-item-3'
+          break
+        case 'text-item-4':
+          highlightItemId = 'highlight-item-4'
+          break
+        default: null
+      }
+
+      const arrOfBurgerItemIds = ['text-item-1', 'text-item-2', 'text-item-3', 'text-item-4']
+      const arrOfBurgerHighlightItemIds = ['highlight-item-1', 'highlight-item-2', 'highlight-item-3', 'highlight-item-4']
+      const arrToUnhighlight_1 = arrOfBurgerItemIds.filter((i) => i !== targetId)
+      const arrToUnhighlight_2 = arrOfBurgerHighlightItemIds.filter((i) => i !== highlightItemId)
+
+      // highlight the target text and corresponding identifier
+      document.getElementById(targetId).classList.add('text-sn-science-blue')
+      document.getElementById(highlightItemId).classList.add('bg-sn-science-blue')
+
+      //unhighlight the rest of the text and identifiers
+      arrToUnhighlight_1.forEach(id => document.getElementById(id).classList.remove('text-sn-science-blue'))
+      arrToUnhighlight_2.forEach(id => document.getElementById(id).classList.remove('bg-sn-science-blue'))
+    }
+  }
+}
+</script>
diff --git a/app/javascript/vue/repository_item_sidebar/repository_values/HighlightComponent.vue b/app/javascript/vue/repository_item_sidebar/repository_values/HighlightComponent.vue
new file mode 100644
index 000000000..e696d5a6d
--- /dev/null
+++ b/app/javascript/vue/repository_item_sidebar/repository_values/HighlightComponent.vue
@@ -0,0 +1,16 @@
+<template>
+  <div id="highlight-container" class="w-[1px] h-[130px] flex flex-col justify-evenly bg-sn-light-grey">
+    <div v-for="(item, index) in itemsToCreate">
+      <div :key="index" :id="item" class="w-[5px] h-[28px] rounded-[11px]"></div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'HighlightComponent',
+  props: {
+    itemsToCreate: Array
+  }
+}
+</script>
diff --git a/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryAssetValue.vue b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryAssetValue.vue
new file mode 100644
index 000000000..6f1c5e023
--- /dev/null
+++ b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryAssetValue.vue
@@ -0,0 +1,50 @@
+<template>
+  <div id="repository-asset-value-wrapper" class="flex flex-col min-min-h-[46px] h-auto gap-[6px]">
+    <div class="font-inter text-sm font-semibold leading-5">
+      {{ colName }}
+    </div>
+    <div v-if="file_name" @mouseover="tooltipShowing = true" @mouseout="tooltipShowing = false"
+      class="w-fit cursor-pointer text-sn-science-blue">
+      {{ file_name }}
+      <tooltip-preview v-if="tooltipShowing" :url="url" :file_name="file_name" :preview_url="preview_url"
+        :icon_html="icon_html"></tooltip-preview>
+    </div>
+    <div v-else class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
+      {{ i18n.t('repositories.item_card.repository_asset_value.no_asset') }}
+    </div>
+  </div>
+</template>
+
+<script>
+import TooltipPreview from './TooltipPreview.vue'
+
+export default {
+  name: 'RepositoryAssetvalue',
+  components: {
+    "tooltip-preview": TooltipPreview
+  },
+  data() {
+    return {
+      tooltipShowing: false,
+      id: null,
+      url: null,
+      preview_url: null,
+      file_name: null,
+      icon_html: null
+    }
+  },
+  props: {
+    data_type: String,
+    colId: Number,
+    colName: String,
+    colVal: Object
+  },
+  created() {
+    this.id = this.colVal.id
+    this.url = this.colVal.url
+    this.preview_url = this.colVal.preview_url
+    this.file_name = this.colVal.file_name
+    this.icon_html = this.colVal.icon_html
+  }
+}
+</script>
diff --git a/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryChecklistValue.vue b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryChecklistValue.vue
new file mode 100644
index 000000000..ea2f2cb8e
--- /dev/null
+++ b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryChecklistValue.vue
@@ -0,0 +1,53 @@
+<template>
+  <div id="repository-checklist-value-wrapper" class="flex flex-col min-min-h-[46px] h-auto gap-[6px]">
+    <div class="font-inter text-sm font-semibold leading-5">
+      {{ colName }}
+    </div>
+    <div v-if="allChecklistItems">
+      <div v-if="isEditing"
+        class="text-sn-dark-grey font-inter text-sm font-normal leading-5 grid grid-rows-2 grid-cols-2 overflow-auto h-12">
+        <div v-for="(checklistItem, index) in allChecklistItems" :key="index">
+          <div class="sci-checkbox-container">
+            <input type="checkbox" class="sci-checkbox" :value="checklistItem.value" v-model="selectedChecklistItems" />
+            <span class="sci-checkbox-label"></span>
+          </div>
+          {{ checklistItem.label }}
+        </div>
+      </div>
+      <div v-else
+        class="text-sn-dark-grey font-inter text-sm font-normal leading-5 h-12 overflow-auto grid auto-rows-auto grid-cols-3">
+        <div v-for="(checklistItem, index) in allChecklistItems" :key="index">
+          <div id="checklist-item" class="min-w-max">
+            {{ `${checklistItem.label} |` }}
+          </div>
+        </div>
+      </div>
+    </div>
+    <div v-else class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
+      {{ i18n.t('repositories.item_card.repository_checklist_value.no_checklist') }}
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'RepositoryChecklistValue',
+  data() {
+    return {
+      isEditing: false,
+      id: null,
+      allChecklistItems: [],
+      selectedChecklistItems: []
+    }
+  },
+  props: {
+    data_type: String,
+    colId: Number,
+    colName: String,
+    colVal: Array
+  },
+  created() {
+    this.allChecklistItems = this.colVal
+  }
+}
+</script>
diff --git a/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryDateRangeValue.vue b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryDateRangeValue.vue
new file mode 100644
index 000000000..54d44f876
--- /dev/null
+++ b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryDateRangeValue.vue
@@ -0,0 +1,36 @@
+<template>
+  <div id="repository-date-range-value-wrapper" class="flex flex-col min-min-h-[46px] h-auto gap-[6px]">
+    <div class="font-inter text-sm font-semibold leading-5">
+      {{ colName }}
+    </div>
+    <div v-if="start_time?.formatted && end_time?.formatted"
+      class="text-sn-dark-grey font-inter text-sm font-normal leading-5 flex">
+      <div>{{ start_time.formatted }} - {{ end_time.formatted }}</div>
+    </div>
+    <div v-else class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
+      {{ i18n.t('repositories.item_card.repository_date_range_value.no_date_range') }}
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'RepositoryDateRangeValue',
+  data() {
+    return {
+      start_time: null,
+      end_time: null
+    }
+  },
+  props: {
+    data_type: String,
+    colId: Number,
+    colName: String,
+    colVal: Object
+  },
+  created() {
+    this.start_time = this.colVal.start_time
+    this.end_time = this.colVal.end_time
+  }
+}
+</script>
diff --git a/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryDateTimeRangeValue.vue b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryDateTimeRangeValue.vue
new file mode 100644
index 000000000..d734e23a0
--- /dev/null
+++ b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryDateTimeRangeValue.vue
@@ -0,0 +1,36 @@
+<template>
+  <div id="repository-date-time-range-value-wrapper" class="flex flex-col min-min-h-[46px] h-auto gap-[6px]">
+    <div class="font-inter text-sm font-semibold leading-5">
+      {{ colName }}
+    </div>
+    <div v-if="start_time?.formatted && end_time?.formatted"
+      class="text-sn-dark-grey font-inter text-sm font-normal leading-5 flex">
+      <div>{{ start_time?.formatted }} - {{ end_time.formatted }}</div>
+    </div>
+    <div v-else class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
+      {{ i18n.t('repositories.item_card.repository_date_time_range_value.no_date_time_range') }}
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'RepositoryDateTimeRangeValue',
+  data() {
+    return {
+      start_time: null,
+      end_time: null
+    }
+  },
+  props: {
+    data_type: String,
+    colId: Number,
+    colName: String,
+    colVal: Object
+  },
+  created() {
+    this.start_time = this.colVal.start_time
+    this.end_time = this.colVal.end_time
+  }
+}
+</script>
diff --git a/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryDateTimeValue.vue b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryDateTimeValue.vue
new file mode 100644
index 000000000..e89316619
--- /dev/null
+++ b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryDateTimeValue.vue
@@ -0,0 +1,39 @@
+<template>
+  <div id="repository-date-time-value-wrapper" class="flex flex-col min-min-h-[46px] h-auto gap-[6px]">
+    <div class="font-inter text-sm font-semibold leading-5">
+      {{ colName }}
+    </div>
+    <div v-if="formatted" class="text-sn-dark-grey font-inter text-sm font-normal leading-5 flex">
+      <div>{{ formatted }}</div>
+    </div>
+    <div v-else class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
+      {{ i18n.t('repositories.item_card.repository_date_time_value.no_date_time') }}
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'RepositoryDateTimeValue',
+  data() {
+    return {
+      formatted: null,
+      date_formatted: null,
+      time_formatted: null,
+      datetime: null
+    }
+  },
+  props: {
+    data_type: String,
+    colId: Number,
+    colName: String,
+    colVal: Object
+  },
+  created() {
+    this.formatted = this.colVal.formatted
+    this.date_formatted = this.colVal.date_formatted
+    this.time_formatted = this.colVal.time_formatted
+    this.formatdatetimeted = this.colVal.datetime
+  }
+}
+</script>
diff --git a/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryDateValue.vue b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryDateValue.vue
new file mode 100644
index 000000000..723c22b4e
--- /dev/null
+++ b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryDateValue.vue
@@ -0,0 +1,35 @@
+<template>
+  <div id="repository-date-value-wrapper" class="flex flex-col min-min-h-[46px] h-auto gap-[6px]">
+    <div class="font-inter text-sm font-semibold leading-5">
+      {{ colName }}
+    </div>
+    <div v-if="formatted" class="text-sn-dark-grey font-inter text-sm font-normal leading-5 flex">
+      <div>{{ formatted }}</div>
+    </div>
+    <div v-else class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
+      {{ i18n.t('repositories.item_card.repository_date_value.no_date') }}
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'RepositoryDateValue',
+  data() {
+    return {
+      formatted: null,
+      datetime: null
+    }
+  },
+  props: {
+    data_type: String,
+    colId: Number,
+    colName: String,
+    colVal: Object
+  },
+  created() {
+    this.formatted = this.colVal.formatted
+    this.datetime = this.colVal.datetime
+  }
+}
+</script>
diff --git a/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryListValue.vue b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryListValue.vue
new file mode 100644
index 000000000..cc7af2eb6
--- /dev/null
+++ b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryListValue.vue
@@ -0,0 +1,35 @@
+<template>
+  <div id="repository-list-value-wrapper" class="flex flex-col min-min-h-[46px] h-auto gap-[6px]">
+    <div class="font-inter text-sm font-semibold leading-5">
+      {{ colName }}
+    </div>
+    <div v-if="text" class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
+      {{ text }}
+    </div>
+    <div v-else class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
+      {{ i18n.t('repositories.item_card.repository_list_value.no_list') }}
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'RepositoryListValue',
+  data() {
+    return {
+      id: null,
+      text: null
+    }
+  },
+  props: {
+    data_type: String,
+    colId: Number,
+    colName: String,
+    colVal: Object
+  },
+  created() {
+    this.id = this.colVal.id
+    this.text = this.colVal.text
+  }
+}
+</script>
diff --git a/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryNumberValue.vue b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryNumberValue.vue
new file mode 100644
index 000000000..80d85a632
--- /dev/null
+++ b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryNumberValue.vue
@@ -0,0 +1,25 @@
+<template>
+  <div id="repository-number-value-wrapper" class="flex flex-col min-min-h-[46px] h-auto gap-[6px]">
+    <div class="font-inter text-sm font-semibold leading-5">
+      {{ colName }}
+    </div>
+    <div v-if="colVal" class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
+      {{ colVal }}
+    </div>
+    <div v-else class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
+      {{ i18n.t('repositories.item_card.repository_number_value.no_number') }}
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'RepositoryNumberValue',
+  props: {
+    data_type: String,
+    colId: Number,
+    colName: String,
+    colVal: Number
+  },
+}
+</script>
diff --git a/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryStatusValue.vue b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryStatusValue.vue
new file mode 100644
index 000000000..a3bb232e0
--- /dev/null
+++ b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryStatusValue.vue
@@ -0,0 +1,38 @@
+<template>
+  <div id="repository-status-value-wrapper" class="flex flex-col min-min-h-[46px] h-auto gap-[6px]">
+    <div class="font-inter text-sm font-semibold leading-5">
+      {{ colName }}
+    </div>
+    <div v-if="status && icon" class="text-sn-dark-grey font-inter text-sm font-normal leading-5 ">
+      <i class="text-lg">{{ icon }}</i>
+      {{ status }}
+    </div>
+    <div v-else class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
+      {{ i18n.t('repositories.item_card.repository_status_value.no_status') }}
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'RepositoryStatusValue',
+  data() {
+    return {
+      id: null,
+      icon: null,
+      status: null
+    }
+  },
+  props: {
+    data_type: String,
+    colId: Number,
+    colName: String,
+    colVal: Object
+  },
+  created() {
+    this.id = this.colVal.id
+    this.icon = this.colVal.icon
+    this.status = this.colVal.status
+  }
+}
+</script>
diff --git a/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryStockValue.vue b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryStockValue.vue
new file mode 100644
index 000000000..1e050b9ec
--- /dev/null
+++ b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryStockValue.vue
@@ -0,0 +1,37 @@
+<template>
+  <div id="repository-stock-value-wrapper" class="flex flex-col min-min-h-[46px] h-auto gap-[6px]">
+    <div class="font-inter text-sm font-semibold leading-5">
+      {{ colName }}
+    </div>
+    <div v-if="stock_formatted" class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
+      {{ stock_formatted }}
+    </div>
+    <div v-else class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
+      {{ i18n.t('repositories.item_card.repository_stock_value.no_stock') }}
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'RepositoryStockValue',
+  data() {
+    return {
+      stock_formatted: null,
+      stock_amount: null,
+      low_stock_threshold: null
+    }
+  },
+  props: {
+    data_type: String,
+    colId: Number,
+    colName: String,
+    colVal: Object
+  },
+  created() {
+    this.stock_formatted = this.colVal.stock_formatted
+    this.stock_amount = this.colVal.stock_amount
+    this.low_stock_threshold = this.colVal.low_stock_threshold
+  }
+}
+</script>
diff --git a/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryTextValue.vue b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryTextValue.vue
new file mode 100644
index 000000000..86b1d452f
--- /dev/null
+++ b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryTextValue.vue
@@ -0,0 +1,35 @@
+<template>
+  <div id="repository-text-value-wrapper" class="flex flex-col min-min-h-[46px] h-auto gap-[6px]">
+    <div class="font-inter text-sm font-semibold leading-5">
+      {{ colName }}
+    </div>
+    <div v-if="edit" class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
+      {{ edit }}
+    </div>
+    <div v-else class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
+      {{ i18n.t('repositories.item_card.repository_text_value.no_text') }}
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'RepositoryTextValue',
+  data() {
+    return {
+      edit: null,
+      view: null,
+    }
+  },
+  props: {
+    data_type: String,
+    colId: Number,
+    colName: String,
+    colVal: Object
+  },
+  created() {
+    this.edit = this.colVal.edit
+    this.view = this.colVal.view
+  }
+}
+</script>
diff --git a/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryTimeRangeValue.vue b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryTimeRangeValue.vue
new file mode 100644
index 000000000..2b5ec0506
--- /dev/null
+++ b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryTimeRangeValue.vue
@@ -0,0 +1,36 @@
+<template>
+  <div id="repository-time-range-value-wrapper" class="flex flex-col min-min-h-[46px] h-auto gap-[6px]">
+    <div class="font-inter text-sm font-semibold leading-5">
+      {{ colName }}
+    </div>
+    <div v-if="start_time?.formatted && end_time?.formatted"
+      class="text-sn-dark-grey font-inter text-sm font-normal leading-5 flex">
+      <div>{{ start_time.formatted }} - {{ end_time.formatted }}</div>
+    </div>
+    <div v-else class="text-sn-dark-grey font-inter text-sm font-normal leading-5">{{
+      i18n.t('repositories.item_card.repository_time_range_value.no_time_range') }}
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'RepositoryTimeRangeValue',
+  data() {
+    return {
+      start_time: null,
+      end_time: null
+    }
+  },
+  props: {
+    data_type: String,
+    colId: Number,
+    colName: String,
+    colVal: Object
+  },
+  created() {
+    this.start_time = this.colVal.start_time
+    this.end_time = this.colVal.end_time
+  }
+}
+</script>
diff --git a/app/javascript/vue/repository_item_sidebar/repository_values/TooltipPreview.vue b/app/javascript/vue/repository_item_sidebar/repository_values/TooltipPreview.vue
new file mode 100644
index 000000000..5e01773a2
--- /dev/null
+++ b/app/javascript/vue/repository_item_sidebar/repository_values/TooltipPreview.vue
@@ -0,0 +1,19 @@
+<template>
+  <div class="absolute">
+    <img :src="this.url"
+      class="absolute bg-sn-light-grey text-sn-black w-[300px] h-[260px] rounded pointer-events-none flex shadow-lg shrink-0" />
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'TooltipPreview',
+  props: {
+    tooltipId: String,
+    url: String,
+    preview_url: String,
+    file_name: String,
+    icon_html: String || null,
+  },
+}
+</script>
diff --git a/app/views/repository_rows/show.json.jbuilder b/app/views/repository_rows/show.json.jbuilder
index 8c5d7acdf..0d222f4a3 100644
--- a/app/views/repository_rows/show.json.jbuilder
+++ b/app/views/repository_rows/show.json.jbuilder
@@ -11,6 +11,8 @@ json.default_columns do
 end
 json.custom_columns do
   json.array! @repository_row.repository_cells do |repository_cell|
-    json.merge! serialize_repository_cell_value(repository_cell, @repository.team, @repository)
+    json.merge! serialize_repository_cell_value(repository_cell, @repository.team, @repository).merge(
+      repository_cell.repository_column.as_json(only: %i(id name data_type))
+    )
   end
 end
diff --git a/config/locales/en.yml b/config/locales/en.yml
index 33658c23c..21aa8857a 100644
--- a/config/locales/en.yml
+++ b/config/locales/en.yml
@@ -1616,7 +1616,7 @@ en:
       disclaimer: "Anyone with the link can view the protocol and results pages of this task."
       too_long_text: "Text is too long (maximum number is %{counter} characters)"
       copy_success: "Shared link copied to clipboard"
-    destroy_modal: 
+    destroy_modal:
       title: "Deactivate shared link"
       description: "This action will permanently deactivate the shared link. Any user who has this link will no longer be able to access the task."
       deactivate: "Deactivate"
@@ -2116,6 +2116,30 @@ en:
         added_at: "Added at"
         added_by: 'Added by'
       no_custom_columns_label: 'This item has no custom columns'
+      repository_time_range_value:
+        no_time_range: 'No time range'
+      repository_text_value:
+        no_text: 'No text'
+      repository_stock_value:
+        no_stock: 'No stock'
+      repository_status_value:
+        no_status: 'No selection'
+      repository_number_value:
+        no_number: 'No number'
+      repository_list_value:
+        no_list: 'No selection'
+      repository_date_value:
+        no_date: 'No date'
+      repositoy_date_time_value:
+        no_date_time: 'No date & time'
+      repository_date_time_range_value:
+        no_date_time_range: 'No date & time range'
+      repository_date_range_value:
+        no_date_range_value: 'No date range'
+      repository_checklist_value:
+        no_checklist: 'No selection'
+      repository_asset_value:
+        no_asset: 'No file'
   repository_stock_values:
     manage_modal:
       title: "Stock %{item}"

From 767c98c1017d71d8361c56f1178f3e6d75a93fae Mon Sep 17 00:00:00 2001
From: wandji <wbertrand10@gmail.com>
Date: Fri, 22 Sep 2023 15:17:42 +0100
Subject: [PATCH 09/49] Add barcode and print label to item card [SCI-9156]
 (#6269)

* Add barcode and print label to item card [SCI-9156]

* Rename wrong label [SCI-9156]
---
 .../RepositoryItemSidebar.vue                 | 48 +++++++++++--------
 config/locales/en.yml                         |  2 +
 2 files changed, 29 insertions(+), 21 deletions(-)

diff --git a/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue b/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue
index 709e62298..85e54e04b 100644
--- a/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue
+++ b/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue
@@ -11,7 +11,7 @@
     <div id="divider" class="w-500 bg-sn-light-grey flex my-6 items-center self-stretch h-px	"></div>
 
     <div id="body-wrapper" class="flex flex-1 justify-between">
-      <div id="left-col" class="flex flex-col gap-4">
+      <div id="left-col" class="flex flex-col gap-4 mb-4">
         <div id="information">
           <div id="title" class="font-inter text-xl font-semibold leading-7 mb-4">{{
             i18n.t('repositories.item_card.title.information') }}</div>
@@ -108,12 +108,13 @@
 
           <div id="divider" class="w-500 bg-sn-light-grey flex px-8 items-center self-stretch h-px	"></div>
 
-          <div id="QR-wrapper" class="block">
-            <div id="QR-label" class="font-inter text-base font-semibold leading-7 mb-4">QR</div>
-            <canvas id="bar-code-canvas" class="hidden" data-id="IT2"></canvas>
-            <img :src="barCodeSrc" />
-          </div>
-
+          <section id="qr-wrapper">
+            <h4 class="font-inter text-base font-semibold leading-7 mb-4 mt-0">{{ i18n.t('repositories.item_card.navigations.qr') }}</h4>
+            <div class="bar-code-container">
+              <canvas id="bar-code-canvas" class="hidden"></canvas>
+              <img id="bar-code-image" />
+            </div>
+          </section>
         </div>
       </div>
       <div id="navigation" class="min-w-[130px] h-[130px] flex item-end gap-x-4	">
@@ -136,7 +137,9 @@
     <div id="bottom" class="h-[100px] flex flex-col justify-end" :class="{ 'pb-6': customColumns?.length }">
       <div id="divider" class="w-500 bg-sn-light-grey flex px-8 items-center self-stretch h-px mb-6"></div>
       <div id="bottom-button-wrapper" class="flex h-10 justify-end">
-        <button class="btn btn-primary">Print Label</button>
+        <button type="button" class="btn btn-primary print-label-button" :data-rows="JSON.stringify([repositoryRowId])">
+          {{ i18n.t('repository_row.modal_print_label.print_label') }}
+        </button>
       </div>
     </div>
   </div>
@@ -177,6 +180,7 @@ export default {
   data() {
     // using dummy data for now
     return {
+      repositoryRowId: null,
       repositoryName: null,
       defaultColumns: null,
       customColumns: null,
@@ -198,19 +202,7 @@ export default {
       } else {
         element.classList.add('transition-transform', 'ease-in-out', 'duration-300', 'transform', 'translate-x-0', 'translate-x-full');
       }
-    },
-    defaultColumns(newCol, oldCol) {
-      const canvasEl = document.getElementById('bar-code-canvas')
-      if (newCol.code && bwipjs && canvasEl) {
-        // generate the QR code
-        let barCodeCanvas = bwipjs.toCanvas('bar-code-canvas', {
-          bcid: 'qrcode',
-          text: newCol.code,
-          scale: 3
-        });
-        this.barCodeSrc = barCodeCanvas.toDataURL('image/png')
-      }
-    },
+    }
   },
   beforeDestroy() {
     delete window.repositoryItemSidebarComponent;
@@ -236,9 +228,13 @@ export default {
         url: repositoryRowUrl,
         dataType: 'json',
         success: (result) => {
+          this.repositoryRowId = result.id;
           this.repositoryName = result.repository_name;
           this.defaultColumns = result.default_columns;
           this.customColumns = result.custom_columns;
+          this.$nextTick(() => {
+            this.generateBarCode(this.defaultColumns.code);
+          });
         }
       });
     },
@@ -274,6 +270,16 @@ export default {
       //unhighlight the rest of the text and identifiers
       arrToUnhighlight_1.forEach(id => document.getElementById(id).classList.remove('text-sn-science-blue'))
       arrToUnhighlight_2.forEach(id => document.getElementById(id).classList.remove('bg-sn-science-blue'))
+    },
+    generateBarCode(text) {
+      if(!text) return;
+
+      const barCodeCanvas = bwipjs.toCanvas('bar-code-canvas', {
+        bcid: 'qrcode',
+        text,
+        scale: 3
+      });
+      $('#repository-item-sidebar #bar-code-image').attr('src', barCodeCanvas.toDataURL('image/png'));
     }
   }
 }
diff --git a/config/locales/en.yml b/config/locales/en.yml
index 21aa8857a..de5599bf8 100644
--- a/config/locales/en.yml
+++ b/config/locales/en.yml
@@ -2116,6 +2116,8 @@ en:
         added_at: "Added at"
         added_by: 'Added by'
       no_custom_columns_label: 'This item has no custom columns'
+      navigations:
+        qr: "QR"
       repository_time_range_value:
         no_time_range: 'No time range'
       repository_text_value:

From 7430f2240d283cc13be177b35d9e0ee36442cc86 Mon Sep 17 00:00:00 2001
From: wandji <wbertrand10@gmail.com>
Date: Mon, 25 Sep 2023 08:53:12 +0100
Subject: [PATCH 10/49] Add navigation section to item card [SCI-9154] (#6268)

---
 app/assets/stylesheets/application.sass.scss  |   1 -
 .../shared/repository_item_sidebar.scss       |  47 -----
 .../RepositoryItemSidebar.vue                 | 183 +++++++++---------
 .../repository_values/HighlightComponent.vue  |  16 --
 .../shared/_repository_row_sidebar.html.erb   |   2 +-
 config/locales/en.yml                         |   7 +-
 6 files changed, 101 insertions(+), 155 deletions(-)
 delete mode 100644 app/assets/stylesheets/shared/repository_item_sidebar.scss
 delete mode 100644 app/javascript/vue/repository_item_sidebar/repository_values/HighlightComponent.vue

diff --git a/app/assets/stylesheets/application.sass.scss b/app/assets/stylesheets/application.sass.scss
index 7b1ba75ab..34c9335f6 100644
--- a/app/assets/stylesheets/application.sass.scss
+++ b/app/assets/stylesheets/application.sass.scss
@@ -77,7 +77,6 @@
 @import "shared/assets";
 @import "shared/avatar";
 @import "shared/cards";
-@import "shared/repository_item_sidebar";
 @import "shared/comments_sidebar";
 @import "shared/comments";
 @import "shared/content_pane";
diff --git a/app/assets/stylesheets/shared/repository_item_sidebar.scss b/app/assets/stylesheets/shared/repository_item_sidebar.scss
deleted file mode 100644
index eacc01e5c..000000000
--- a/app/assets/stylesheets/shared/repository_item_sidebar.scss
+++ /dev/null
@@ -1,47 +0,0 @@
-// Should use tailwind; commented out for reference when refactoring
-
-// // scss-lint:disable IdSelector
-// // scss-lint:disable SelectorDepth
-// // scss-lint:disable NestingDepth
-
-// .repository-item-sidebar {
-//   font-size: 14px;
-//   font-weight: 400;
-//   line-height: 20px;
-
-//   .header {
-//     border-bottom: 1px solid var(--sn-sleepy-grey);
-//     height: var(--top-navigation-height);
-
-//     .item-name {
-//       font-size: 20px;
-//       line-height: 30px;
-//       width: calc(100% - 2rem);
-//     }
-//   }
-
-//   .title {
-//     font-size: 18px;
-//     font-weight: 600;
-//     line-height: 28px;
-//   }
-
-//   #information {
-//     width: 70%;
-//   }
-
-//   .item-details {
-//     div {
-//       border-bottom: 1px solid var(--sn-sleepy-grey);
-
-//       span {
-//         &.repository-name {
-//           -webkit-box-orient: vertical;
-//           display: -webkit-box;
-//           -webkit-line-clamp: 3;
-//           overflow: hidden;
-//         }
-//       }
-//     }
-//   }
-// }
diff --git a/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue b/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue
index 85e54e04b..4f011e4b8 100644
--- a/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue
+++ b/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue
@@ -1,26 +1,46 @@
 <template>
-  <div id="repository-item-sidebar" class="w-ful h-full py-6 px-6 bg-white flex flex-col">
-    <div class="header flex w-full">
-      <h4 class="item-name my-auto truncate" :title="defaultColumns?.name">
-        {{ !defaultColumns?.archived ? i18n.t('labels.archived') : '' }}
-        {{ defaultColumns?.name }}
-      </h4>
-      <i @click="toggleShowHideSidebar" class="sn-icon sn-icon-close ml-auto cursor-pointer my-auto mx-0"></i>
+  <div id="repository-item-sidebar" class="w-ful h-full bg-white flex flex-col relative">
+    <div class="header fixed w-full">
+      <div class="flex justify-between m-6 h-[31px]">
+        <h4 class="my-auto truncate" :title="defaultColumns?.name">
+          {{ !defaultColumns?.archived ? i18n.t('labels.archived') : '' }}
+          {{ defaultColumns?.name }}
+        </h4>
+        <i @click="toggleShowHideSidebar" class="sn-icon sn-icon-close ml-auto cursor-pointer my-auto mx-0"></i>
+      </div>
     </div>
 
-    <div id="divider" class="w-500 bg-sn-light-grey flex my-6 items-center self-stretch h-px	"></div>
-
-    <div id="body-wrapper" class="flex flex-1 justify-between">
-      <div id="left-col" class="flex flex-col gap-4 mb-4">
-        <div id="information">
-          <div id="title" class="font-inter text-xl font-semibold leading-7 mb-4">{{
-            i18n.t('repositories.item_card.title.information') }}</div>
-          <div class="item-details">
+    <div id="divider" class="bg-sn-sleepy-grey flex mt-[79px] mx-6 items-center self-stretch h-px"></div>
+    <div class="overflow-auto content flex flex-col justify-between px-6 h-full relative scroll-smooth">
+      <aside class="navigations fixed top-28 right-6">
+        <nav class="w-full">
+          <ul class="flex flex-col gap-3 text-right list-none">
+            <li v-for="nav in navigations" :key="nav.value" class="cursor-pointer inline-block relative">
+              <span
+                :class="`${activeNav === nav.value ? 'text-sn-science-blue' : 'text-sn-grey'} mr-8 transition-colors`"
+                @click.prevent="hightlightContent(nav.value)"
+              >
+                {{ nav.label }}
+              </span>
+              <span
+                :class="`${activeNav === nav.value ? 'bg-sn-science-blue w-1 inset-y-0 right-0.5' : 'transparent hidden'} absolute transition-all rounded`"
+              >
+              </span>
+            </li>
+          </ul>
+        </nav>
+      </aside>
+      <div id="body-wrapper" class="grow-1">
+        <div class="flex flex-col gap-4 mb-4 mt-4 w-[350px]">
+          <section id="information_wrapper">
+            <h4 class="font-inter text-base font-semibold leading-7 mb-4">
+              {{ i18n.t('repositories.item_card.title.information') }}
+            </h4>
             <div class="flex flex-col gap-4">
               <div class="flex flex-col ">
                 <span class="inline-block font-semibold pb-[6px]">{{
                   i18n.t('repositories.item_card.default_columns.repository_name') }}</span>
-                <span class="repository-name flex text-sn-dark-grey" :title="repositoryName">
+                <span class="text-sn-dark-grey line-clamp-3" :title="repositoryName">
                   {{ repositoryName }}
                 </span>
               </div>
@@ -30,7 +50,7 @@
               <div class="flex flex-col ">
                 <span class="inline-block font-semibold pb-[6px]">{{ i18n.t('repositories.item_card.default_columns.id')
                 }}</span>
-                <span class="inline-block text-sn-dark-grey" :title="defaultColumns?.code">
+                <span class="inline-block text-sn-dark-grey">
                   {{ defaultColumns?.code }}
                 </span>
               </div>
@@ -41,7 +61,7 @@
                 <span class="inline-block font-semibold pb-[6px]">{{
                   i18n.t('repositories.item_card.default_columns.added_on')
                 }}</span>
-                <span class="inline-block text-sn-dark-grey" :title="defaultColumns?.added_on">
+                <span class="inline-block text-sn-dark-grey">
                   {{ defaultColumns?.added_on }}
                 </span>
               </div>
@@ -52,21 +72,20 @@
                 <span class="inline-block font-semibold pb-[6px]">{{
                   i18n.t('repositories.item_card.default_columns.added_by')
                 }}</span>
-                <span class="inline-block text-sn-dark-grey" :title="defaultColumns?.added_by">
+                <span class="inline-block text-sn-dark-grey">
                   {{ defaultColumns?.added_by }}
                 </span>
 
               </div>
             </div>
-          </div>
-        </div>
-
-        <div id="divider" class="w-500 bg-sn-light-grey flex items-center self-stretch h-px	"></div>
-
-        <div id="custom-col-assigned-qr-wrapper" class="flex flex-col gap-4">
-          <div id="custom-columns-wrapper" class="flex flex-col min-h-[64px] h-auto">
-
-            <div id="custom-columns-label" class="font-inter text-base font-semibold leading-7 pb-4">Custom columns</div>
+          </section>
+  
+          <div id="divider" class="w-500 bg-sn-light-grey flex items-center self-stretch h-px	"></div>
+  
+          <section id="custom_columns_wrapper" class="flex flex-col min-h-[64px] h-auto">
+            <h4 id="custom-columns-label" class="font-inter text-base font-semibold leading-7 pb-4">
+              {{ i18n.t('repositories.item_card.navigations.custom_columns') }}
+            </h4>
             <!-- start of custom columns -->
             <div v-if="customColumns?.length > 0" class="flex flex-col gap-4 w-[350px] h-auto">
               <div v-for="(column, index) in customColumns" class="flex flex-col gap-4 w-[350px] h-auto">
@@ -84,11 +103,11 @@
             <div v-else id="custom-columns-value" class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
               {{ i18n.t('repositories.item_card.no_custom_columns_label') }}
             </div>
-          </div>
+          </section>
 
           <div id="divider" class="w-500 bg-sn-light-grey flex px-8 items-center self-stretch h-px	"></div>
 
-          <div id="assigned-wrapper" class="flex flex-col h-[64px] ">
+          <section id="assigned_wrapper" class="flex flex-col ">
 
             <div v-if="this.assigned" id="assigned-label" class="font-inter text-base font-semibold leading-7 pb-4">
               Assigned (3)
@@ -104,11 +123,11 @@
             <div id="assigned-value" class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
               {{ this.assigned }}
             </div>
-          </div>
+          </section>
 
           <div id="divider" class="w-500 bg-sn-light-grey flex px-8 items-center self-stretch h-px	"></div>
 
-          <section id="qr-wrapper">
+          <section id="qr_wrapper">
             <h4 class="font-inter text-base font-semibold leading-7 mb-4 mt-0">{{ i18n.t('repositories.item_card.navigations.qr') }}</h4>
             <div class="bar-code-container">
               <canvas id="bar-code-canvas" class="hidden"></canvas>
@@ -117,30 +136,15 @@
           </section>
         </div>
       </div>
-      <div id="navigation" class="min-w-[130px] h-[130px] flex item-end gap-x-4	">
-        <div class="flex flex-col py-2 px-0 gap-3 self-stretch w-[130px] h-[130px]  justify-center items-center">
-          <div class="flex flex-col w-[130px] h-[130px] justify-between text-right">
-            <div @click="handleSideNavClick" id="text-item-1" class="hover:cursor-pointer text-sn-grey">Information</div>
-            <div @click="handleSideNavClick" id="text-item-2" class="hover:cursor-pointer text-sn-grey">Custom columns
-            </div>
-            <div @click="handleSideNavClick" id="text-item-3" class="hover:cursor-pointer text-sn-grey">Assigned</div>
-            <div @click="handleSideNavClick" id="text-item-4" class="hover:cursor-pointer text-sn-grey">QR</div>
-          </div>
+  
+      <div class="footer">
+        <div id="divider" class="w-full bg-sn-sleepy-grey flex items-center self-stretch h-px mb-6"></div>
+        <div id="bottom-button-wrapper" class="flex mb-6 justify-end">
+          <button type="button" class="btn btn-primary print-label-button" :data-rows="JSON.stringify([repositoryRowId])">
+            {{ i18n.t('repository_row.modal_print_label.print_label') }}
+          </button>
         </div>
       </div>
-
-      <highlight-component
-        :items-to-create="['highlight-item-1', 'highlight-item-2', 'highlight-item-3', 'highlight-item-4']">
-      </highlight-component>
-    </div>
-
-    <div id="bottom" class="h-[100px] flex flex-col justify-end" :class="{ 'pb-6': customColumns?.length }">
-      <div id="divider" class="w-500 bg-sn-light-grey flex px-8 items-center self-stretch h-px mb-6"></div>
-      <div id="bottom-button-wrapper" class="flex h-10 justify-end">
-        <button type="button" class="btn btn-primary print-label-button" :data-rows="JSON.stringify([repositoryRowId])">
-          {{ i18n.t('repository_row.modal_print_label.print_label') }}
-        </button>
-      </div>
     </div>
   </div>
 </template>
@@ -158,7 +162,6 @@ import RepositoryDateTimeRangeValue from './repository_values/RepositoryDateTime
 import RepositoryDateValue from './repository_values/RepositoryDateValue.vue';
 import RepositoryDateRangeValue from './repository_values/RepositoryDateRangeValue.vue';
 import RepositoryTimeRangeValue from './repository_values/RepositoryTimeRangeValue.vue'
-import HighlightComponent from './repository_values/HighlightComponent.vue';
 
 export default {
   name: 'RepositoryItemSidebar',
@@ -175,16 +178,16 @@ export default {
     RepositoryDateValue,
     RepositoryDateRangeValue,
     RepositoryTimeRangeValue,
-    'highlight-component': HighlightComponent
   },
   data() {
-    // using dummy data for now
     return {
       repositoryRowId: null,
       repositoryName: null,
       defaultColumns: null,
       customColumns: null,
       isShowing: false,
+      navClicked: false,
+      activeNav: 'information',
       sequenceExpanded: false,
       assigned: 'Assigned to 3 private tasks that will not be displayed',
       barCodeSrc: null
@@ -204,6 +207,13 @@ export default {
       }
     }
   },
+  computed: {
+    navigations() {
+      return ['information', 'custom_columns', 'assigned', 'qr'].map(nav => (
+        { label: I18n.t(`repositories.item_card.navigations.${nav}`), value: nav }
+      ));
+    }
+  },
   beforeDestroy() {
     delete window.repositoryItemSidebarComponent;
   },
@@ -234,42 +244,39 @@ export default {
           this.customColumns = result.custom_columns;
           this.$nextTick(() => {
             this.generateBarCode(this.defaultColumns.code);
+            this.attachScrollEvent();
           });
         }
       });
     },
-    // determine the identifier value according to the text-item (target) value
-    handleSideNavClick(e) {
-      let highlightItemId
-      const targetId = e.target.id
-      switch (targetId) {
-        case 'text-item-1':
-          highlightItemId = 'highlight-item-1'
-          break
-        case 'text-item-2':
-          highlightItemId = 'highlight-item-2'
-          break
-        case 'text-item-3':
-          highlightItemId = 'highlight-item-3'
-          break
-        case 'text-item-4':
-          highlightItemId = 'highlight-item-4'
-          break
-        default: null
+    hightlightContent(nav) {
+      this.activeNav = nav;
+      this.navClicked = true;
+      this.$nextTick(function() {
+        $(`#repository-item-sidebar #${nav}_wrapper`)[0].scrollIntoView();
+      })
+    },
+    attachScrollEvent() {
+      const topOffsets = {}
+      const sections = ['information', 'custom_columns', 'assigned', 'qr'];
+      for(let idx = 0; idx < sections.length; idx++) {
+      topOffsets[sections[idx]] = $(`#repository-item-sidebar #${sections[idx]}_wrapper`).offset().top;
       }
-
-      const arrOfBurgerItemIds = ['text-item-1', 'text-item-2', 'text-item-3', 'text-item-4']
-      const arrOfBurgerHighlightItemIds = ['highlight-item-1', 'highlight-item-2', 'highlight-item-3', 'highlight-item-4']
-      const arrToUnhighlight_1 = arrOfBurgerItemIds.filter((i) => i !== targetId)
-      const arrToUnhighlight_2 = arrOfBurgerHighlightItemIds.filter((i) => i !== highlightItemId)
-
-      // highlight the target text and corresponding identifier
-      document.getElementById(targetId).classList.add('text-sn-science-blue')
-      document.getElementById(highlightItemId).classList.add('bg-sn-science-blue')
-
-      //unhighlight the rest of the text and identifiers
-      arrToUnhighlight_1.forEach(id => document.getElementById(id).classList.remove('text-sn-science-blue'))
-      arrToUnhighlight_2.forEach(id => document.getElementById(id).classList.remove('bg-sn-science-blue'))
+      let isScrolling;
+      $('.content').on('scroll', () => {
+        if(isScrolling !== null) clearTimeout(isScrolling);
+        isScrolling = setTimeout(() => {
+          const scrollPosition = $('.content').scrollTop();
+          for(let idx = 0; idx < sections.length; idx++) {
+            if(scrollPosition < topOffsets[sections[idx + 1]] - topOffsets['information']) {
+              // Set nav only when scrolling is not triggered by ckicking nav
+              if(sections[idx] !== this.activeNav && !this.navClicked) this.activeNav = sections[idx];
+              break;
+            }
+          }
+          this.navClicked = false;
+        }, 150)
+      })
     },
     generateBarCode(text) {
       if(!text) return;
diff --git a/app/javascript/vue/repository_item_sidebar/repository_values/HighlightComponent.vue b/app/javascript/vue/repository_item_sidebar/repository_values/HighlightComponent.vue
deleted file mode 100644
index e696d5a6d..000000000
--- a/app/javascript/vue/repository_item_sidebar/repository_values/HighlightComponent.vue
+++ /dev/null
@@ -1,16 +0,0 @@
-<template>
-  <div id="highlight-container" class="w-[1px] h-[130px] flex flex-col justify-evenly bg-sn-light-grey">
-    <div v-for="(item, index) in itemsToCreate">
-      <div :key="index" :id="item" class="w-[5px] h-[28px] rounded-[11px]"></div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'HighlightComponent',
-  props: {
-    itemsToCreate: Array
-  }
-}
-</script>
diff --git a/app/views/shared/_repository_row_sidebar.html.erb b/app/views/shared/_repository_row_sidebar.html.erb
index f32aeb03b..c08ee42cf 100644
--- a/app/views/shared/_repository_row_sidebar.html.erb
+++ b/app/views/shared/_repository_row_sidebar.html.erb
@@ -1,6 +1,6 @@
 <div
     id="repositoryItemSidebar"
     data-behaviour="vue"
-    class='bg-white fixed top-0 right-0 h-screen w-[565px] overflow-auto gap-2.5 self-stretch z-[9999] rounded-tl-4 rounded-bl-4 transition-transform ease-in-out transform translate-x-full'>
+    class='bg-white fixed top-0 right-0 h-screen w-[565px] z-[9999] rounded-tl-4 rounded-bl-4 transition-transform ease-in-out transform translate-x-full'>
     <repository-item-sidebar />
 </div>
diff --git a/config/locales/en.yml b/config/locales/en.yml
index de5599bf8..3f2b49079 100644
--- a/config/locales/en.yml
+++ b/config/locales/en.yml
@@ -2114,10 +2114,13 @@ en:
         id: "Item ID"
         added_on: "Added on"
         added_at: "Added at"
-        added_by: 'Added by'
-      no_custom_columns_label: 'This item has no custom columns'
+        added_by: "Added by"
       navigations:
+        information: "Information"
+        custom_columns: "Custom columns"
+        assigned: "Assigned"
         qr: "QR"
+      no_custom_columns_label: 'This item has no custom columns'
       repository_time_range_value:
         no_time_range: 'No time range'
       repository_text_value:

From 5314ef14c77d183f8ceaabf0323d0dfafa988ec1 Mon Sep 17 00:00:00 2001
From: wandji <wbertrand10@gmail.com>
Date: Mon, 25 Sep 2023 09:46:19 +0100
Subject: [PATCH 11/49] Revert "Add navigation section to item card [SCI-9154]
 (#6268)" (#6284)

This reverts commit 7430f2240d283cc13be177b35d9e0ee36442cc86.
---
 app/assets/stylesheets/application.sass.scss  |   1 +
 .../shared/repository_item_sidebar.scss       |  47 +++++
 .../RepositoryItemSidebar.vue                 | 183 +++++++++---------
 .../repository_values/HighlightComponent.vue  |  16 ++
 .../shared/_repository_row_sidebar.html.erb   |   2 +-
 config/locales/en.yml                         |   9 +-
 6 files changed, 156 insertions(+), 102 deletions(-)
 create mode 100644 app/assets/stylesheets/shared/repository_item_sidebar.scss
 create mode 100644 app/javascript/vue/repository_item_sidebar/repository_values/HighlightComponent.vue

diff --git a/app/assets/stylesheets/application.sass.scss b/app/assets/stylesheets/application.sass.scss
index 34c9335f6..7b1ba75ab 100644
--- a/app/assets/stylesheets/application.sass.scss
+++ b/app/assets/stylesheets/application.sass.scss
@@ -77,6 +77,7 @@
 @import "shared/assets";
 @import "shared/avatar";
 @import "shared/cards";
+@import "shared/repository_item_sidebar";
 @import "shared/comments_sidebar";
 @import "shared/comments";
 @import "shared/content_pane";
diff --git a/app/assets/stylesheets/shared/repository_item_sidebar.scss b/app/assets/stylesheets/shared/repository_item_sidebar.scss
new file mode 100644
index 000000000..eacc01e5c
--- /dev/null
+++ b/app/assets/stylesheets/shared/repository_item_sidebar.scss
@@ -0,0 +1,47 @@
+// Should use tailwind; commented out for reference when refactoring
+
+// // scss-lint:disable IdSelector
+// // scss-lint:disable SelectorDepth
+// // scss-lint:disable NestingDepth
+
+// .repository-item-sidebar {
+//   font-size: 14px;
+//   font-weight: 400;
+//   line-height: 20px;
+
+//   .header {
+//     border-bottom: 1px solid var(--sn-sleepy-grey);
+//     height: var(--top-navigation-height);
+
+//     .item-name {
+//       font-size: 20px;
+//       line-height: 30px;
+//       width: calc(100% - 2rem);
+//     }
+//   }
+
+//   .title {
+//     font-size: 18px;
+//     font-weight: 600;
+//     line-height: 28px;
+//   }
+
+//   #information {
+//     width: 70%;
+//   }
+
+//   .item-details {
+//     div {
+//       border-bottom: 1px solid var(--sn-sleepy-grey);
+
+//       span {
+//         &.repository-name {
+//           -webkit-box-orient: vertical;
+//           display: -webkit-box;
+//           -webkit-line-clamp: 3;
+//           overflow: hidden;
+//         }
+//       }
+//     }
+//   }
+// }
diff --git a/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue b/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue
index 4f011e4b8..85e54e04b 100644
--- a/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue
+++ b/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue
@@ -1,46 +1,26 @@
 <template>
-  <div id="repository-item-sidebar" class="w-ful h-full bg-white flex flex-col relative">
-    <div class="header fixed w-full">
-      <div class="flex justify-between m-6 h-[31px]">
-        <h4 class="my-auto truncate" :title="defaultColumns?.name">
-          {{ !defaultColumns?.archived ? i18n.t('labels.archived') : '' }}
-          {{ defaultColumns?.name }}
-        </h4>
-        <i @click="toggleShowHideSidebar" class="sn-icon sn-icon-close ml-auto cursor-pointer my-auto mx-0"></i>
-      </div>
+  <div id="repository-item-sidebar" class="w-ful h-full py-6 px-6 bg-white flex flex-col">
+    <div class="header flex w-full">
+      <h4 class="item-name my-auto truncate" :title="defaultColumns?.name">
+        {{ !defaultColumns?.archived ? i18n.t('labels.archived') : '' }}
+        {{ defaultColumns?.name }}
+      </h4>
+      <i @click="toggleShowHideSidebar" class="sn-icon sn-icon-close ml-auto cursor-pointer my-auto mx-0"></i>
     </div>
 
-    <div id="divider" class="bg-sn-sleepy-grey flex mt-[79px] mx-6 items-center self-stretch h-px"></div>
-    <div class="overflow-auto content flex flex-col justify-between px-6 h-full relative scroll-smooth">
-      <aside class="navigations fixed top-28 right-6">
-        <nav class="w-full">
-          <ul class="flex flex-col gap-3 text-right list-none">
-            <li v-for="nav in navigations" :key="nav.value" class="cursor-pointer inline-block relative">
-              <span
-                :class="`${activeNav === nav.value ? 'text-sn-science-blue' : 'text-sn-grey'} mr-8 transition-colors`"
-                @click.prevent="hightlightContent(nav.value)"
-              >
-                {{ nav.label }}
-              </span>
-              <span
-                :class="`${activeNav === nav.value ? 'bg-sn-science-blue w-1 inset-y-0 right-0.5' : 'transparent hidden'} absolute transition-all rounded`"
-              >
-              </span>
-            </li>
-          </ul>
-        </nav>
-      </aside>
-      <div id="body-wrapper" class="grow-1">
-        <div class="flex flex-col gap-4 mb-4 mt-4 w-[350px]">
-          <section id="information_wrapper">
-            <h4 class="font-inter text-base font-semibold leading-7 mb-4">
-              {{ i18n.t('repositories.item_card.title.information') }}
-            </h4>
+    <div id="divider" class="w-500 bg-sn-light-grey flex my-6 items-center self-stretch h-px	"></div>
+
+    <div id="body-wrapper" class="flex flex-1 justify-between">
+      <div id="left-col" class="flex flex-col gap-4 mb-4">
+        <div id="information">
+          <div id="title" class="font-inter text-xl font-semibold leading-7 mb-4">{{
+            i18n.t('repositories.item_card.title.information') }}</div>
+          <div class="item-details">
             <div class="flex flex-col gap-4">
               <div class="flex flex-col ">
                 <span class="inline-block font-semibold pb-[6px]">{{
                   i18n.t('repositories.item_card.default_columns.repository_name') }}</span>
-                <span class="text-sn-dark-grey line-clamp-3" :title="repositoryName">
+                <span class="repository-name flex text-sn-dark-grey" :title="repositoryName">
                   {{ repositoryName }}
                 </span>
               </div>
@@ -50,7 +30,7 @@
               <div class="flex flex-col ">
                 <span class="inline-block font-semibold pb-[6px]">{{ i18n.t('repositories.item_card.default_columns.id')
                 }}</span>
-                <span class="inline-block text-sn-dark-grey">
+                <span class="inline-block text-sn-dark-grey" :title="defaultColumns?.code">
                   {{ defaultColumns?.code }}
                 </span>
               </div>
@@ -61,7 +41,7 @@
                 <span class="inline-block font-semibold pb-[6px]">{{
                   i18n.t('repositories.item_card.default_columns.added_on')
                 }}</span>
-                <span class="inline-block text-sn-dark-grey">
+                <span class="inline-block text-sn-dark-grey" :title="defaultColumns?.added_on">
                   {{ defaultColumns?.added_on }}
                 </span>
               </div>
@@ -72,20 +52,21 @@
                 <span class="inline-block font-semibold pb-[6px]">{{
                   i18n.t('repositories.item_card.default_columns.added_by')
                 }}</span>
-                <span class="inline-block text-sn-dark-grey">
+                <span class="inline-block text-sn-dark-grey" :title="defaultColumns?.added_by">
                   {{ defaultColumns?.added_by }}
                 </span>
 
               </div>
             </div>
-          </section>
-  
-          <div id="divider" class="w-500 bg-sn-light-grey flex items-center self-stretch h-px	"></div>
-  
-          <section id="custom_columns_wrapper" class="flex flex-col min-h-[64px] h-auto">
-            <h4 id="custom-columns-label" class="font-inter text-base font-semibold leading-7 pb-4">
-              {{ i18n.t('repositories.item_card.navigations.custom_columns') }}
-            </h4>
+          </div>
+        </div>
+
+        <div id="divider" class="w-500 bg-sn-light-grey flex items-center self-stretch h-px	"></div>
+
+        <div id="custom-col-assigned-qr-wrapper" class="flex flex-col gap-4">
+          <div id="custom-columns-wrapper" class="flex flex-col min-h-[64px] h-auto">
+
+            <div id="custom-columns-label" class="font-inter text-base font-semibold leading-7 pb-4">Custom columns</div>
             <!-- start of custom columns -->
             <div v-if="customColumns?.length > 0" class="flex flex-col gap-4 w-[350px] h-auto">
               <div v-for="(column, index) in customColumns" class="flex flex-col gap-4 w-[350px] h-auto">
@@ -103,11 +84,11 @@
             <div v-else id="custom-columns-value" class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
               {{ i18n.t('repositories.item_card.no_custom_columns_label') }}
             </div>
-          </section>
+          </div>
 
           <div id="divider" class="w-500 bg-sn-light-grey flex px-8 items-center self-stretch h-px	"></div>
 
-          <section id="assigned_wrapper" class="flex flex-col ">
+          <div id="assigned-wrapper" class="flex flex-col h-[64px] ">
 
             <div v-if="this.assigned" id="assigned-label" class="font-inter text-base font-semibold leading-7 pb-4">
               Assigned (3)
@@ -123,11 +104,11 @@
             <div id="assigned-value" class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
               {{ this.assigned }}
             </div>
-          </section>
+          </div>
 
           <div id="divider" class="w-500 bg-sn-light-grey flex px-8 items-center self-stretch h-px	"></div>
 
-          <section id="qr_wrapper">
+          <section id="qr-wrapper">
             <h4 class="font-inter text-base font-semibold leading-7 mb-4 mt-0">{{ i18n.t('repositories.item_card.navigations.qr') }}</h4>
             <div class="bar-code-container">
               <canvas id="bar-code-canvas" class="hidden"></canvas>
@@ -136,15 +117,30 @@
           </section>
         </div>
       </div>
-  
-      <div class="footer">
-        <div id="divider" class="w-full bg-sn-sleepy-grey flex items-center self-stretch h-px mb-6"></div>
-        <div id="bottom-button-wrapper" class="flex mb-6 justify-end">
-          <button type="button" class="btn btn-primary print-label-button" :data-rows="JSON.stringify([repositoryRowId])">
-            {{ i18n.t('repository_row.modal_print_label.print_label') }}
-          </button>
+      <div id="navigation" class="min-w-[130px] h-[130px] flex item-end gap-x-4	">
+        <div class="flex flex-col py-2 px-0 gap-3 self-stretch w-[130px] h-[130px]  justify-center items-center">
+          <div class="flex flex-col w-[130px] h-[130px] justify-between text-right">
+            <div @click="handleSideNavClick" id="text-item-1" class="hover:cursor-pointer text-sn-grey">Information</div>
+            <div @click="handleSideNavClick" id="text-item-2" class="hover:cursor-pointer text-sn-grey">Custom columns
+            </div>
+            <div @click="handleSideNavClick" id="text-item-3" class="hover:cursor-pointer text-sn-grey">Assigned</div>
+            <div @click="handleSideNavClick" id="text-item-4" class="hover:cursor-pointer text-sn-grey">QR</div>
+          </div>
         </div>
       </div>
+
+      <highlight-component
+        :items-to-create="['highlight-item-1', 'highlight-item-2', 'highlight-item-3', 'highlight-item-4']">
+      </highlight-component>
+    </div>
+
+    <div id="bottom" class="h-[100px] flex flex-col justify-end" :class="{ 'pb-6': customColumns?.length }">
+      <div id="divider" class="w-500 bg-sn-light-grey flex px-8 items-center self-stretch h-px mb-6"></div>
+      <div id="bottom-button-wrapper" class="flex h-10 justify-end">
+        <button type="button" class="btn btn-primary print-label-button" :data-rows="JSON.stringify([repositoryRowId])">
+          {{ i18n.t('repository_row.modal_print_label.print_label') }}
+        </button>
+      </div>
     </div>
   </div>
 </template>
@@ -162,6 +158,7 @@ import RepositoryDateTimeRangeValue from './repository_values/RepositoryDateTime
 import RepositoryDateValue from './repository_values/RepositoryDateValue.vue';
 import RepositoryDateRangeValue from './repository_values/RepositoryDateRangeValue.vue';
 import RepositoryTimeRangeValue from './repository_values/RepositoryTimeRangeValue.vue'
+import HighlightComponent from './repository_values/HighlightComponent.vue';
 
 export default {
   name: 'RepositoryItemSidebar',
@@ -178,16 +175,16 @@ export default {
     RepositoryDateValue,
     RepositoryDateRangeValue,
     RepositoryTimeRangeValue,
+    'highlight-component': HighlightComponent
   },
   data() {
+    // using dummy data for now
     return {
       repositoryRowId: null,
       repositoryName: null,
       defaultColumns: null,
       customColumns: null,
       isShowing: false,
-      navClicked: false,
-      activeNav: 'information',
       sequenceExpanded: false,
       assigned: 'Assigned to 3 private tasks that will not be displayed',
       barCodeSrc: null
@@ -207,13 +204,6 @@ export default {
       }
     }
   },
-  computed: {
-    navigations() {
-      return ['information', 'custom_columns', 'assigned', 'qr'].map(nav => (
-        { label: I18n.t(`repositories.item_card.navigations.${nav}`), value: nav }
-      ));
-    }
-  },
   beforeDestroy() {
     delete window.repositoryItemSidebarComponent;
   },
@@ -244,39 +234,42 @@ export default {
           this.customColumns = result.custom_columns;
           this.$nextTick(() => {
             this.generateBarCode(this.defaultColumns.code);
-            this.attachScrollEvent();
           });
         }
       });
     },
-    hightlightContent(nav) {
-      this.activeNav = nav;
-      this.navClicked = true;
-      this.$nextTick(function() {
-        $(`#repository-item-sidebar #${nav}_wrapper`)[0].scrollIntoView();
-      })
-    },
-    attachScrollEvent() {
-      const topOffsets = {}
-      const sections = ['information', 'custom_columns', 'assigned', 'qr'];
-      for(let idx = 0; idx < sections.length; idx++) {
-      topOffsets[sections[idx]] = $(`#repository-item-sidebar #${sections[idx]}_wrapper`).offset().top;
+    // determine the identifier value according to the text-item (target) value
+    handleSideNavClick(e) {
+      let highlightItemId
+      const targetId = e.target.id
+      switch (targetId) {
+        case 'text-item-1':
+          highlightItemId = 'highlight-item-1'
+          break
+        case 'text-item-2':
+          highlightItemId = 'highlight-item-2'
+          break
+        case 'text-item-3':
+          highlightItemId = 'highlight-item-3'
+          break
+        case 'text-item-4':
+          highlightItemId = 'highlight-item-4'
+          break
+        default: null
       }
-      let isScrolling;
-      $('.content').on('scroll', () => {
-        if(isScrolling !== null) clearTimeout(isScrolling);
-        isScrolling = setTimeout(() => {
-          const scrollPosition = $('.content').scrollTop();
-          for(let idx = 0; idx < sections.length; idx++) {
-            if(scrollPosition < topOffsets[sections[idx + 1]] - topOffsets['information']) {
-              // Set nav only when scrolling is not triggered by ckicking nav
-              if(sections[idx] !== this.activeNav && !this.navClicked) this.activeNav = sections[idx];
-              break;
-            }
-          }
-          this.navClicked = false;
-        }, 150)
-      })
+
+      const arrOfBurgerItemIds = ['text-item-1', 'text-item-2', 'text-item-3', 'text-item-4']
+      const arrOfBurgerHighlightItemIds = ['highlight-item-1', 'highlight-item-2', 'highlight-item-3', 'highlight-item-4']
+      const arrToUnhighlight_1 = arrOfBurgerItemIds.filter((i) => i !== targetId)
+      const arrToUnhighlight_2 = arrOfBurgerHighlightItemIds.filter((i) => i !== highlightItemId)
+
+      // highlight the target text and corresponding identifier
+      document.getElementById(targetId).classList.add('text-sn-science-blue')
+      document.getElementById(highlightItemId).classList.add('bg-sn-science-blue')
+
+      //unhighlight the rest of the text and identifiers
+      arrToUnhighlight_1.forEach(id => document.getElementById(id).classList.remove('text-sn-science-blue'))
+      arrToUnhighlight_2.forEach(id => document.getElementById(id).classList.remove('bg-sn-science-blue'))
     },
     generateBarCode(text) {
       if(!text) return;
diff --git a/app/javascript/vue/repository_item_sidebar/repository_values/HighlightComponent.vue b/app/javascript/vue/repository_item_sidebar/repository_values/HighlightComponent.vue
new file mode 100644
index 000000000..e696d5a6d
--- /dev/null
+++ b/app/javascript/vue/repository_item_sidebar/repository_values/HighlightComponent.vue
@@ -0,0 +1,16 @@
+<template>
+  <div id="highlight-container" class="w-[1px] h-[130px] flex flex-col justify-evenly bg-sn-light-grey">
+    <div v-for="(item, index) in itemsToCreate">
+      <div :key="index" :id="item" class="w-[5px] h-[28px] rounded-[11px]"></div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'HighlightComponent',
+  props: {
+    itemsToCreate: Array
+  }
+}
+</script>
diff --git a/app/views/shared/_repository_row_sidebar.html.erb b/app/views/shared/_repository_row_sidebar.html.erb
index c08ee42cf..f32aeb03b 100644
--- a/app/views/shared/_repository_row_sidebar.html.erb
+++ b/app/views/shared/_repository_row_sidebar.html.erb
@@ -1,6 +1,6 @@
 <div
     id="repositoryItemSidebar"
     data-behaviour="vue"
-    class='bg-white fixed top-0 right-0 h-screen w-[565px] z-[9999] rounded-tl-4 rounded-bl-4 transition-transform ease-in-out transform translate-x-full'>
+    class='bg-white fixed top-0 right-0 h-screen w-[565px] overflow-auto gap-2.5 self-stretch z-[9999] rounded-tl-4 rounded-bl-4 transition-transform ease-in-out transform translate-x-full'>
     <repository-item-sidebar />
 </div>
diff --git a/config/locales/en.yml b/config/locales/en.yml
index 3f2b49079..de5599bf8 100644
--- a/config/locales/en.yml
+++ b/config/locales/en.yml
@@ -2114,13 +2114,10 @@ en:
         id: "Item ID"
         added_on: "Added on"
         added_at: "Added at"
-        added_by: "Added by"
-      navigations:
-        information: "Information"
-        custom_columns: "Custom columns"
-        assigned: "Assigned"
-        qr: "QR"
+        added_by: 'Added by'
       no_custom_columns_label: 'This item has no custom columns'
+      navigations:
+        qr: "QR"
       repository_time_range_value:
         no_time_range: 'No time range'
       repository_text_value:

From 7dac5e63bede6aa9c0090914466ba812dd78fffb Mon Sep 17 00:00:00 2001
From: wandji <wbertrand10@gmail.com>
Date: Mon, 25 Sep 2023 09:49:09 +0100
Subject: [PATCH 12/49] Add navigation section to item card [SCI-9154] (#6252)

---
 app/assets/stylesheets/application.sass.scss  |   1 -
 .../shared/repository_item_sidebar.scss       |  47 -----
 .../RepositoryItemSidebar.vue                 | 183 +++++++++---------
 .../repository_values/HighlightComponent.vue  |  16 --
 .../shared/_repository_row_sidebar.html.erb   |   2 +-
 config/locales/en.yml                         |   7 +-
 6 files changed, 101 insertions(+), 155 deletions(-)
 delete mode 100644 app/assets/stylesheets/shared/repository_item_sidebar.scss
 delete mode 100644 app/javascript/vue/repository_item_sidebar/repository_values/HighlightComponent.vue

diff --git a/app/assets/stylesheets/application.sass.scss b/app/assets/stylesheets/application.sass.scss
index 7b1ba75ab..34c9335f6 100644
--- a/app/assets/stylesheets/application.sass.scss
+++ b/app/assets/stylesheets/application.sass.scss
@@ -77,7 +77,6 @@
 @import "shared/assets";
 @import "shared/avatar";
 @import "shared/cards";
-@import "shared/repository_item_sidebar";
 @import "shared/comments_sidebar";
 @import "shared/comments";
 @import "shared/content_pane";
diff --git a/app/assets/stylesheets/shared/repository_item_sidebar.scss b/app/assets/stylesheets/shared/repository_item_sidebar.scss
deleted file mode 100644
index eacc01e5c..000000000
--- a/app/assets/stylesheets/shared/repository_item_sidebar.scss
+++ /dev/null
@@ -1,47 +0,0 @@
-// Should use tailwind; commented out for reference when refactoring
-
-// // scss-lint:disable IdSelector
-// // scss-lint:disable SelectorDepth
-// // scss-lint:disable NestingDepth
-
-// .repository-item-sidebar {
-//   font-size: 14px;
-//   font-weight: 400;
-//   line-height: 20px;
-
-//   .header {
-//     border-bottom: 1px solid var(--sn-sleepy-grey);
-//     height: var(--top-navigation-height);
-
-//     .item-name {
-//       font-size: 20px;
-//       line-height: 30px;
-//       width: calc(100% - 2rem);
-//     }
-//   }
-
-//   .title {
-//     font-size: 18px;
-//     font-weight: 600;
-//     line-height: 28px;
-//   }
-
-//   #information {
-//     width: 70%;
-//   }
-
-//   .item-details {
-//     div {
-//       border-bottom: 1px solid var(--sn-sleepy-grey);
-
-//       span {
-//         &.repository-name {
-//           -webkit-box-orient: vertical;
-//           display: -webkit-box;
-//           -webkit-line-clamp: 3;
-//           overflow: hidden;
-//         }
-//       }
-//     }
-//   }
-// }
diff --git a/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue b/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue
index 85e54e04b..4f011e4b8 100644
--- a/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue
+++ b/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue
@@ -1,26 +1,46 @@
 <template>
-  <div id="repository-item-sidebar" class="w-ful h-full py-6 px-6 bg-white flex flex-col">
-    <div class="header flex w-full">
-      <h4 class="item-name my-auto truncate" :title="defaultColumns?.name">
-        {{ !defaultColumns?.archived ? i18n.t('labels.archived') : '' }}
-        {{ defaultColumns?.name }}
-      </h4>
-      <i @click="toggleShowHideSidebar" class="sn-icon sn-icon-close ml-auto cursor-pointer my-auto mx-0"></i>
+  <div id="repository-item-sidebar" class="w-ful h-full bg-white flex flex-col relative">
+    <div class="header fixed w-full">
+      <div class="flex justify-between m-6 h-[31px]">
+        <h4 class="my-auto truncate" :title="defaultColumns?.name">
+          {{ !defaultColumns?.archived ? i18n.t('labels.archived') : '' }}
+          {{ defaultColumns?.name }}
+        </h4>
+        <i @click="toggleShowHideSidebar" class="sn-icon sn-icon-close ml-auto cursor-pointer my-auto mx-0"></i>
+      </div>
     </div>
 
-    <div id="divider" class="w-500 bg-sn-light-grey flex my-6 items-center self-stretch h-px	"></div>
-
-    <div id="body-wrapper" class="flex flex-1 justify-between">
-      <div id="left-col" class="flex flex-col gap-4 mb-4">
-        <div id="information">
-          <div id="title" class="font-inter text-xl font-semibold leading-7 mb-4">{{
-            i18n.t('repositories.item_card.title.information') }}</div>
-          <div class="item-details">
+    <div id="divider" class="bg-sn-sleepy-grey flex mt-[79px] mx-6 items-center self-stretch h-px"></div>
+    <div class="overflow-auto content flex flex-col justify-between px-6 h-full relative scroll-smooth">
+      <aside class="navigations fixed top-28 right-6">
+        <nav class="w-full">
+          <ul class="flex flex-col gap-3 text-right list-none">
+            <li v-for="nav in navigations" :key="nav.value" class="cursor-pointer inline-block relative">
+              <span
+                :class="`${activeNav === nav.value ? 'text-sn-science-blue' : 'text-sn-grey'} mr-8 transition-colors`"
+                @click.prevent="hightlightContent(nav.value)"
+              >
+                {{ nav.label }}
+              </span>
+              <span
+                :class="`${activeNav === nav.value ? 'bg-sn-science-blue w-1 inset-y-0 right-0.5' : 'transparent hidden'} absolute transition-all rounded`"
+              >
+              </span>
+            </li>
+          </ul>
+        </nav>
+      </aside>
+      <div id="body-wrapper" class="grow-1">
+        <div class="flex flex-col gap-4 mb-4 mt-4 w-[350px]">
+          <section id="information_wrapper">
+            <h4 class="font-inter text-base font-semibold leading-7 mb-4">
+              {{ i18n.t('repositories.item_card.title.information') }}
+            </h4>
             <div class="flex flex-col gap-4">
               <div class="flex flex-col ">
                 <span class="inline-block font-semibold pb-[6px]">{{
                   i18n.t('repositories.item_card.default_columns.repository_name') }}</span>
-                <span class="repository-name flex text-sn-dark-grey" :title="repositoryName">
+                <span class="text-sn-dark-grey line-clamp-3" :title="repositoryName">
                   {{ repositoryName }}
                 </span>
               </div>
@@ -30,7 +50,7 @@
               <div class="flex flex-col ">
                 <span class="inline-block font-semibold pb-[6px]">{{ i18n.t('repositories.item_card.default_columns.id')
                 }}</span>
-                <span class="inline-block text-sn-dark-grey" :title="defaultColumns?.code">
+                <span class="inline-block text-sn-dark-grey">
                   {{ defaultColumns?.code }}
                 </span>
               </div>
@@ -41,7 +61,7 @@
                 <span class="inline-block font-semibold pb-[6px]">{{
                   i18n.t('repositories.item_card.default_columns.added_on')
                 }}</span>
-                <span class="inline-block text-sn-dark-grey" :title="defaultColumns?.added_on">
+                <span class="inline-block text-sn-dark-grey">
                   {{ defaultColumns?.added_on }}
                 </span>
               </div>
@@ -52,21 +72,20 @@
                 <span class="inline-block font-semibold pb-[6px]">{{
                   i18n.t('repositories.item_card.default_columns.added_by')
                 }}</span>
-                <span class="inline-block text-sn-dark-grey" :title="defaultColumns?.added_by">
+                <span class="inline-block text-sn-dark-grey">
                   {{ defaultColumns?.added_by }}
                 </span>
 
               </div>
             </div>
-          </div>
-        </div>
-
-        <div id="divider" class="w-500 bg-sn-light-grey flex items-center self-stretch h-px	"></div>
-
-        <div id="custom-col-assigned-qr-wrapper" class="flex flex-col gap-4">
-          <div id="custom-columns-wrapper" class="flex flex-col min-h-[64px] h-auto">
-
-            <div id="custom-columns-label" class="font-inter text-base font-semibold leading-7 pb-4">Custom columns</div>
+          </section>
+  
+          <div id="divider" class="w-500 bg-sn-light-grey flex items-center self-stretch h-px	"></div>
+  
+          <section id="custom_columns_wrapper" class="flex flex-col min-h-[64px] h-auto">
+            <h4 id="custom-columns-label" class="font-inter text-base font-semibold leading-7 pb-4">
+              {{ i18n.t('repositories.item_card.navigations.custom_columns') }}
+            </h4>
             <!-- start of custom columns -->
             <div v-if="customColumns?.length > 0" class="flex flex-col gap-4 w-[350px] h-auto">
               <div v-for="(column, index) in customColumns" class="flex flex-col gap-4 w-[350px] h-auto">
@@ -84,11 +103,11 @@
             <div v-else id="custom-columns-value" class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
               {{ i18n.t('repositories.item_card.no_custom_columns_label') }}
             </div>
-          </div>
+          </section>
 
           <div id="divider" class="w-500 bg-sn-light-grey flex px-8 items-center self-stretch h-px	"></div>
 
-          <div id="assigned-wrapper" class="flex flex-col h-[64px] ">
+          <section id="assigned_wrapper" class="flex flex-col ">
 
             <div v-if="this.assigned" id="assigned-label" class="font-inter text-base font-semibold leading-7 pb-4">
               Assigned (3)
@@ -104,11 +123,11 @@
             <div id="assigned-value" class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
               {{ this.assigned }}
             </div>
-          </div>
+          </section>
 
           <div id="divider" class="w-500 bg-sn-light-grey flex px-8 items-center self-stretch h-px	"></div>
 
-          <section id="qr-wrapper">
+          <section id="qr_wrapper">
             <h4 class="font-inter text-base font-semibold leading-7 mb-4 mt-0">{{ i18n.t('repositories.item_card.navigations.qr') }}</h4>
             <div class="bar-code-container">
               <canvas id="bar-code-canvas" class="hidden"></canvas>
@@ -117,30 +136,15 @@
           </section>
         </div>
       </div>
-      <div id="navigation" class="min-w-[130px] h-[130px] flex item-end gap-x-4	">
-        <div class="flex flex-col py-2 px-0 gap-3 self-stretch w-[130px] h-[130px]  justify-center items-center">
-          <div class="flex flex-col w-[130px] h-[130px] justify-between text-right">
-            <div @click="handleSideNavClick" id="text-item-1" class="hover:cursor-pointer text-sn-grey">Information</div>
-            <div @click="handleSideNavClick" id="text-item-2" class="hover:cursor-pointer text-sn-grey">Custom columns
-            </div>
-            <div @click="handleSideNavClick" id="text-item-3" class="hover:cursor-pointer text-sn-grey">Assigned</div>
-            <div @click="handleSideNavClick" id="text-item-4" class="hover:cursor-pointer text-sn-grey">QR</div>
-          </div>
+  
+      <div class="footer">
+        <div id="divider" class="w-full bg-sn-sleepy-grey flex items-center self-stretch h-px mb-6"></div>
+        <div id="bottom-button-wrapper" class="flex mb-6 justify-end">
+          <button type="button" class="btn btn-primary print-label-button" :data-rows="JSON.stringify([repositoryRowId])">
+            {{ i18n.t('repository_row.modal_print_label.print_label') }}
+          </button>
         </div>
       </div>
-
-      <highlight-component
-        :items-to-create="['highlight-item-1', 'highlight-item-2', 'highlight-item-3', 'highlight-item-4']">
-      </highlight-component>
-    </div>
-
-    <div id="bottom" class="h-[100px] flex flex-col justify-end" :class="{ 'pb-6': customColumns?.length }">
-      <div id="divider" class="w-500 bg-sn-light-grey flex px-8 items-center self-stretch h-px mb-6"></div>
-      <div id="bottom-button-wrapper" class="flex h-10 justify-end">
-        <button type="button" class="btn btn-primary print-label-button" :data-rows="JSON.stringify([repositoryRowId])">
-          {{ i18n.t('repository_row.modal_print_label.print_label') }}
-        </button>
-      </div>
     </div>
   </div>
 </template>
@@ -158,7 +162,6 @@ import RepositoryDateTimeRangeValue from './repository_values/RepositoryDateTime
 import RepositoryDateValue from './repository_values/RepositoryDateValue.vue';
 import RepositoryDateRangeValue from './repository_values/RepositoryDateRangeValue.vue';
 import RepositoryTimeRangeValue from './repository_values/RepositoryTimeRangeValue.vue'
-import HighlightComponent from './repository_values/HighlightComponent.vue';
 
 export default {
   name: 'RepositoryItemSidebar',
@@ -175,16 +178,16 @@ export default {
     RepositoryDateValue,
     RepositoryDateRangeValue,
     RepositoryTimeRangeValue,
-    'highlight-component': HighlightComponent
   },
   data() {
-    // using dummy data for now
     return {
       repositoryRowId: null,
       repositoryName: null,
       defaultColumns: null,
       customColumns: null,
       isShowing: false,
+      navClicked: false,
+      activeNav: 'information',
       sequenceExpanded: false,
       assigned: 'Assigned to 3 private tasks that will not be displayed',
       barCodeSrc: null
@@ -204,6 +207,13 @@ export default {
       }
     }
   },
+  computed: {
+    navigations() {
+      return ['information', 'custom_columns', 'assigned', 'qr'].map(nav => (
+        { label: I18n.t(`repositories.item_card.navigations.${nav}`), value: nav }
+      ));
+    }
+  },
   beforeDestroy() {
     delete window.repositoryItemSidebarComponent;
   },
@@ -234,42 +244,39 @@ export default {
           this.customColumns = result.custom_columns;
           this.$nextTick(() => {
             this.generateBarCode(this.defaultColumns.code);
+            this.attachScrollEvent();
           });
         }
       });
     },
-    // determine the identifier value according to the text-item (target) value
-    handleSideNavClick(e) {
-      let highlightItemId
-      const targetId = e.target.id
-      switch (targetId) {
-        case 'text-item-1':
-          highlightItemId = 'highlight-item-1'
-          break
-        case 'text-item-2':
-          highlightItemId = 'highlight-item-2'
-          break
-        case 'text-item-3':
-          highlightItemId = 'highlight-item-3'
-          break
-        case 'text-item-4':
-          highlightItemId = 'highlight-item-4'
-          break
-        default: null
+    hightlightContent(nav) {
+      this.activeNav = nav;
+      this.navClicked = true;
+      this.$nextTick(function() {
+        $(`#repository-item-sidebar #${nav}_wrapper`)[0].scrollIntoView();
+      })
+    },
+    attachScrollEvent() {
+      const topOffsets = {}
+      const sections = ['information', 'custom_columns', 'assigned', 'qr'];
+      for(let idx = 0; idx < sections.length; idx++) {
+      topOffsets[sections[idx]] = $(`#repository-item-sidebar #${sections[idx]}_wrapper`).offset().top;
       }
-
-      const arrOfBurgerItemIds = ['text-item-1', 'text-item-2', 'text-item-3', 'text-item-4']
-      const arrOfBurgerHighlightItemIds = ['highlight-item-1', 'highlight-item-2', 'highlight-item-3', 'highlight-item-4']
-      const arrToUnhighlight_1 = arrOfBurgerItemIds.filter((i) => i !== targetId)
-      const arrToUnhighlight_2 = arrOfBurgerHighlightItemIds.filter((i) => i !== highlightItemId)
-
-      // highlight the target text and corresponding identifier
-      document.getElementById(targetId).classList.add('text-sn-science-blue')
-      document.getElementById(highlightItemId).classList.add('bg-sn-science-blue')
-
-      //unhighlight the rest of the text and identifiers
-      arrToUnhighlight_1.forEach(id => document.getElementById(id).classList.remove('text-sn-science-blue'))
-      arrToUnhighlight_2.forEach(id => document.getElementById(id).classList.remove('bg-sn-science-blue'))
+      let isScrolling;
+      $('.content').on('scroll', () => {
+        if(isScrolling !== null) clearTimeout(isScrolling);
+        isScrolling = setTimeout(() => {
+          const scrollPosition = $('.content').scrollTop();
+          for(let idx = 0; idx < sections.length; idx++) {
+            if(scrollPosition < topOffsets[sections[idx + 1]] - topOffsets['information']) {
+              // Set nav only when scrolling is not triggered by ckicking nav
+              if(sections[idx] !== this.activeNav && !this.navClicked) this.activeNav = sections[idx];
+              break;
+            }
+          }
+          this.navClicked = false;
+        }, 150)
+      })
     },
     generateBarCode(text) {
       if(!text) return;
diff --git a/app/javascript/vue/repository_item_sidebar/repository_values/HighlightComponent.vue b/app/javascript/vue/repository_item_sidebar/repository_values/HighlightComponent.vue
deleted file mode 100644
index e696d5a6d..000000000
--- a/app/javascript/vue/repository_item_sidebar/repository_values/HighlightComponent.vue
+++ /dev/null
@@ -1,16 +0,0 @@
-<template>
-  <div id="highlight-container" class="w-[1px] h-[130px] flex flex-col justify-evenly bg-sn-light-grey">
-    <div v-for="(item, index) in itemsToCreate">
-      <div :key="index" :id="item" class="w-[5px] h-[28px] rounded-[11px]"></div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'HighlightComponent',
-  props: {
-    itemsToCreate: Array
-  }
-}
-</script>
diff --git a/app/views/shared/_repository_row_sidebar.html.erb b/app/views/shared/_repository_row_sidebar.html.erb
index f32aeb03b..c08ee42cf 100644
--- a/app/views/shared/_repository_row_sidebar.html.erb
+++ b/app/views/shared/_repository_row_sidebar.html.erb
@@ -1,6 +1,6 @@
 <div
     id="repositoryItemSidebar"
     data-behaviour="vue"
-    class='bg-white fixed top-0 right-0 h-screen w-[565px] overflow-auto gap-2.5 self-stretch z-[9999] rounded-tl-4 rounded-bl-4 transition-transform ease-in-out transform translate-x-full'>
+    class='bg-white fixed top-0 right-0 h-screen w-[565px] z-[9999] rounded-tl-4 rounded-bl-4 transition-transform ease-in-out transform translate-x-full'>
     <repository-item-sidebar />
 </div>
diff --git a/config/locales/en.yml b/config/locales/en.yml
index de5599bf8..3f2b49079 100644
--- a/config/locales/en.yml
+++ b/config/locales/en.yml
@@ -2114,10 +2114,13 @@ en:
         id: "Item ID"
         added_on: "Added on"
         added_at: "Added at"
-        added_by: 'Added by'
-      no_custom_columns_label: 'This item has no custom columns'
+        added_by: "Added by"
       navigations:
+        information: "Information"
+        custom_columns: "Custom columns"
+        assigned: "Assigned"
         qr: "QR"
+      no_custom_columns_label: 'This item has no custom columns'
       repository_time_range_value:
         no_time_range: 'No time range'
       repository_text_value:

From ce1fe53cebbd57e801533fb038b4a129aaeb25fe Mon Sep 17 00:00:00 2001
From: Andrej <andrej.jugovic7@gmail.com>
Date: Mon, 25 Sep 2023 11:14:22 +0200
Subject: [PATCH 13/49] Fix comment permission check [SCI-9367]

---
 app/controllers/comments_controller.rb | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/controllers/comments_controller.rb b/app/controllers/comments_controller.rb
index 6341043e4..162f8224e 100644
--- a/app/controllers/comments_controller.rb
+++ b/app/controllers/comments_controller.rb
@@ -112,6 +112,6 @@ class CommentsController < ApplicationController
   end
 
   def check_manage_permissions
-    comment_editable?(@comment)
+    render_403 unless comment_editable?(@comment)
   end
 end

From e0355bd75afe950bf5dc5f5e5e11997e4f16796d Mon Sep 17 00:00:00 2001
From: Andrej <andrej.jugovic7@gmail.com>
Date: Mon, 25 Sep 2023 08:29:54 +0200
Subject: [PATCH 14/49] Fix generation of labels [SCI-9155]

---
 app/controllers/repository_rows_controller.rb |  1 -
 app/helpers/my_modules_helper.rb              | 12 +++---
 .../RepositoryItemSidebar.vue                 | 41 +++++++++++++------
 app/views/repository_rows/show.json.jbuilder  |  3 +-
 4 files changed, 35 insertions(+), 22 deletions(-)

diff --git a/app/controllers/repository_rows_controller.rb b/app/controllers/repository_rows_controller.rb
index c8d4d942c..239d751f7 100644
--- a/app/controllers/repository_rows_controller.rb
+++ b/app/controllers/repository_rows_controller.rb
@@ -59,7 +59,6 @@ class RepositoryRowsController < ApplicationController
 
     @assigned_modules = @repository_row.my_modules.joins(experiment: :project)
     @viewable_modules = @assigned_modules.viewable_by_user(current_user, current_user.teams)
-    @private_modules = @assigned_modules - @viewable_modules
   end
 
   def create
diff --git a/app/helpers/my_modules_helper.rb b/app/helpers/my_modules_helper.rb
index c457f7385..2991b035d 100644
--- a/app/helpers/my_modules_helper.rb
+++ b/app/helpers/my_modules_helper.rb
@@ -119,16 +119,14 @@ module MyModulesHelper
       project_data(my_module.project),
       experiment_data(my_module.experiment),
       my_module_data(my_module)
-    ].each do |item|
-      item[:value] = "(A) #{item[:value]}" if item[:archived]
-    end
+    ]
   end
 
   private
 
   def team_data(team)
     {
-      label: I18n.t('repositories.item_card.assigned.labels.team'),
+      type: team.class.name.underscore,
       value: team.name,
       url: projects_path(team: team.id),
       archived: false
@@ -137,7 +135,7 @@ module MyModulesHelper
 
   def project_data(project)
     {
-      label: I18n.t('repositories.item_card.assigned.labels.project'),
+      type: project.class.name.underscore,
       value: project.name,
       url: project_path(project, view_mode: view_mode(project.archived?)),
       archived: project.archived?
@@ -146,7 +144,7 @@ module MyModulesHelper
 
   def experiment_data(experiment)
     {
-      label: I18n.t('repositories.item_card.assigned.labels.experiment'),
+      type: experiment.class.name.underscore,
       value: experiment.name,
       url: experiment_url(experiment),
       archived: experiment.archived_branch?
@@ -155,7 +153,7 @@ module MyModulesHelper
 
   def my_module_data(my_module)
     {
-      label: I18n.t('repositories.item_card.assigned.labels.my_module'),
+      type: my_module.class.name.underscore,
       value: my_module.name,
       url: protocols_my_module_path(my_module, view_mode: view_mode(my_module.archived_branch?)),
       archived: my_module.archived_branch?
diff --git a/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue b/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue
index 85e54e04b..c60497a08 100644
--- a/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue
+++ b/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue
@@ -88,21 +88,34 @@
 
           <div id="divider" class="w-500 bg-sn-light-grey flex px-8 items-center self-stretch h-px	"></div>
 
-          <div id="assigned-wrapper" class="flex flex-col h-[64px] ">
-
-            <div v-if="this.assigned" id="assigned-label" class="font-inter text-base font-semibold leading-7 pb-4">
-              Assigned (3)
+          <div class="assigned-wrapper">
+            <div class="text-base font-semibold w-[350px] my-3 leading-7">
+              {{ i18n.t('repositories.item_card.section.assigned', { count: assignedModules ? assignedModules.total_assigned_size : 0 }) }}
             </div>
-            <div v-else class="flex justify-between">
-              <div id="assigned-label" class="font-inter text-base font-semibold leading-7 pb-4">
-                Assigned (0)
+            <div v-if="assignedModules && assignedModules.total_assigned_size > 0">
+              <div v-if="privateModuleSize() > 0" class="pb-6">
+                {{ i18n.t('repositories.item_card.assigned.private', { count: privateModuleSize() }) }}
+                <hr v-if="assignedModules.viewable_modules.length > 0"
+                    class="h-1 w-[350px] m-0 mt-6 border-dashed border-1 border-sn-light-grey"/>
               </div>
-              <div class="text-sn-blue hover:cursor-pointer text-right font-inter text-sm font-normal leading-5 h-fit">
-                Assign to task
+              <div v-for="(assigned, index) in assignedModules.viewable_modules" 
+                   :key="`assigned_module_${index}`"
+                   class="flex flex-col w-[350px] mb-6 h-auto">
+                <div class="flex flex-col gap-3">
+                  <div v-for="(item, index_assigned) in assigned"
+                       :key="`assigned_element_${index_assigned}`">
+                    {{ i18n.t(`repositories.item_card.assigned.labels.${item.type}`) }}
+                    <a :href="item.url">
+                      {{ item.archived ? i18n.t('labels.archived') : '' }} {{ item.value }}
+                    </a>
+                  </div>
+                </div>
+                <hr v-if="index < assignedModules.viewable_modules.length - 1" 
+                    class="h-1 w-[350px] mt-6 mb-0 border-dashed border-1 border-sn-light-grey"/>
               </div>
             </div>
-            <div id="assigned-value" class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
-              {{ this.assigned }}
+            <div v-else class="mb-3">
+              {{ i18n.t('repositories.item_card.assigned.empty') }}
             </div>
           </div>
 
@@ -184,9 +197,9 @@ export default {
       repositoryName: null,
       defaultColumns: null,
       customColumns: null,
+      assignedModules: null,
       isShowing: false,
       sequenceExpanded: false,
-      assigned: 'Assigned to 3 private tasks that will not be displayed',
       barCodeSrc: null
     }
   },
@@ -232,6 +245,7 @@ export default {
           this.repositoryName = result.repository_name;
           this.defaultColumns = result.default_columns;
           this.customColumns = result.custom_columns;
+          this.assignedModules = result.assigned_modules;
           this.$nextTick(() => {
             this.generateBarCode(this.defaultColumns.code);
           });
@@ -280,6 +294,9 @@ export default {
         scale: 3
       });
       $('#repository-item-sidebar #bar-code-image').attr('src', barCodeCanvas.toDataURL('image/png'));
+    },
+    privateModuleSize() {
+      return this.assignedModules.total_assigned_size - this.assignedModules.viewable_modules.length;
     }
   }
 }
diff --git a/app/views/repository_rows/show.json.jbuilder b/app/views/repository_rows/show.json.jbuilder
index ccfaa599c..b554dd873 100644
--- a/app/views/repository_rows/show.json.jbuilder
+++ b/app/views/repository_rows/show.json.jbuilder
@@ -18,8 +18,7 @@ json.custom_columns do
 end
 
 json.assigned_modules do
-  json.total_assigned_count @assigned_modules.length
-  json.private_count @private_modules.length
+  json.total_assigned_size @assigned_modules.size
   json.viewable_modules do
     json.array! @viewable_modules do |my_module|
       json.merge! extract_my_module_metadata(my_module)

From 4e6646e3f9337bf28c3c1f99bddc05ae5cb9b93b Mon Sep 17 00:00:00 2001
From: Gregor Lasnibat <gregor@scinote.net>
Date: Fri, 22 Sep 2023 16:25:09 +0200
Subject: [PATCH 15/49] Added a missing RepositoryTimeValue component
 [SCI-9153-v2]

PR fix [SCI-9153-v2]

PR fix 02 [SCI-9153-v2]
---
 .../RepositoryItemSidebar.vue                 | 36 +++++++++---------
 .../repository_values/RepositoryTimeValue.vue | 37 +++++++++++++++++++
 config/locales/en.yml                         |  2 +
 3 files changed, 57 insertions(+), 18 deletions(-)
 create mode 100644 app/javascript/vue/repository_item_sidebar/repository_values/RepositoryTimeValue.vue

diff --git a/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue b/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue
index 4f011e4b8..e5085b166 100644
--- a/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue
+++ b/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue
@@ -16,15 +16,12 @@
         <nav class="w-full">
           <ul class="flex flex-col gap-3 text-right list-none">
             <li v-for="nav in navigations" :key="nav.value" class="cursor-pointer inline-block relative">
-              <span
-                :class="`${activeNav === nav.value ? 'text-sn-science-blue' : 'text-sn-grey'} mr-8 transition-colors`"
-                @click.prevent="hightlightContent(nav.value)"
-              >
+              <span :class="`${activeNav === nav.value ? 'text-sn-science-blue' : 'text-sn-grey'} mr-8 transition-colors`"
+                @click.prevent="hightlightContent(nav.value)">
                 {{ nav.label }}
               </span>
               <span
-                :class="`${activeNav === nav.value ? 'bg-sn-science-blue w-1 inset-y-0 right-0.5' : 'transparent hidden'} absolute transition-all rounded`"
-              >
+                :class="`${activeNav === nav.value ? 'bg-sn-science-blue w-1 inset-y-0 right-0.5' : 'transparent hidden'} absolute transition-all rounded`">
               </span>
             </li>
           </ul>
@@ -79,9 +76,9 @@
               </div>
             </div>
           </section>
-  
+
           <div id="divider" class="w-500 bg-sn-light-grey flex items-center self-stretch h-px	"></div>
-  
+
           <section id="custom_columns_wrapper" class="flex flex-col min-h-[64px] h-auto">
             <h4 id="custom-columns-label" class="font-inter text-base font-semibold leading-7 pb-4">
               {{ i18n.t('repositories.item_card.navigations.custom_columns') }}
@@ -128,7 +125,8 @@
           <div id="divider" class="w-500 bg-sn-light-grey flex px-8 items-center self-stretch h-px	"></div>
 
           <section id="qr_wrapper">
-            <h4 class="font-inter text-base font-semibold leading-7 mb-4 mt-0">{{ i18n.t('repositories.item_card.navigations.qr') }}</h4>
+            <h4 class="font-inter text-base font-semibold leading-7 mb-4 mt-0">{{
+              i18n.t('repositories.item_card.navigations.qr') }}</h4>
             <div class="bar-code-container">
               <canvas id="bar-code-canvas" class="hidden"></canvas>
               <img id="bar-code-image" />
@@ -136,7 +134,7 @@
           </section>
         </div>
       </div>
-  
+
       <div class="footer">
         <div id="divider" class="w-full bg-sn-sleepy-grey flex items-center self-stretch h-px mb-6"></div>
         <div id="bottom-button-wrapper" class="flex mb-6 justify-end">
@@ -162,6 +160,7 @@ import RepositoryDateTimeRangeValue from './repository_values/RepositoryDateTime
 import RepositoryDateValue from './repository_values/RepositoryDateValue.vue';
 import RepositoryDateRangeValue from './repository_values/RepositoryDateRangeValue.vue';
 import RepositoryTimeRangeValue from './repository_values/RepositoryTimeRangeValue.vue'
+import RepositoryTimeValue from './repository_values/RepositoryTimeValue.vue'
 
 export default {
   name: 'RepositoryItemSidebar',
@@ -178,6 +177,7 @@ export default {
     RepositoryDateValue,
     RepositoryDateRangeValue,
     RepositoryTimeRangeValue,
+    RepositoryTimeValue
   },
   data() {
     return {
@@ -252,25 +252,25 @@ export default {
     hightlightContent(nav) {
       this.activeNav = nav;
       this.navClicked = true;
-      this.$nextTick(function() {
+      this.$nextTick(function () {
         $(`#repository-item-sidebar #${nav}_wrapper`)[0].scrollIntoView();
       })
     },
     attachScrollEvent() {
       const topOffsets = {}
       const sections = ['information', 'custom_columns', 'assigned', 'qr'];
-      for(let idx = 0; idx < sections.length; idx++) {
-      topOffsets[sections[idx]] = $(`#repository-item-sidebar #${sections[idx]}_wrapper`).offset().top;
+      for (let idx = 0; idx < sections.length; idx++) {
+        topOffsets[sections[idx]] = $(`#repository-item-sidebar #${sections[idx]}_wrapper`).offset().top;
       }
       let isScrolling;
       $('.content').on('scroll', () => {
-        if(isScrolling !== null) clearTimeout(isScrolling);
+        if (isScrolling !== null) clearTimeout(isScrolling);
         isScrolling = setTimeout(() => {
           const scrollPosition = $('.content').scrollTop();
-          for(let idx = 0; idx < sections.length; idx++) {
-            if(scrollPosition < topOffsets[sections[idx + 1]] - topOffsets['information']) {
+          for (let idx = 0; idx < sections.length; idx++) {
+            if (scrollPosition < topOffsets[sections[idx + 1]] - topOffsets['information']) {
               // Set nav only when scrolling is not triggered by ckicking nav
-              if(sections[idx] !== this.activeNav && !this.navClicked) this.activeNav = sections[idx];
+              if (sections[idx] !== this.activeNav && !this.navClicked) this.activeNav = sections[idx];
               break;
             }
           }
@@ -279,7 +279,7 @@ export default {
       })
     },
     generateBarCode(text) {
-      if(!text) return;
+      if (!text) return;
 
       const barCodeCanvas = bwipjs.toCanvas('bar-code-canvas', {
         bcid: 'qrcode',
diff --git a/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryTimeValue.vue b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryTimeValue.vue
new file mode 100644
index 000000000..320efc530
--- /dev/null
+++ b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryTimeValue.vue
@@ -0,0 +1,37 @@
+<template>
+  <div id="repository-time-value-wrapper" class="flex flex-col min-min-h-[46px] h-auto gap-[6px]">
+    <div class="font-inter text-sm font-semibold leading-5">
+      {{ colName }}
+    </div>
+    <div v-if="formatted" class="text-sn-dark-grey font-inter text-sm font-normal leading-5 flex">
+      <div>
+        {{ formatted }}
+      </div>
+    </div>
+    <div v-else class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
+      {{ i18n.t('repositories.item_card.repository_time_value.no_time') }}
+    </div>
+  </div>
+</template>
+  
+<script>
+export default {
+  name: 'RepositoryTimeValue',
+  props: {
+    data_type: String,
+    colId: Number,
+    colName: String,
+    colVal: Object
+  },
+  data() {
+    return {
+      formatted: null,
+      datetime: null
+    }
+  },
+  created() {
+    this.formatted = this.colVal.formatted
+    this.datetime = this.colVal.datetime
+  }
+}
+</script>
diff --git a/config/locales/en.yml b/config/locales/en.yml
index 3f2b49079..13664d604 100644
--- a/config/locales/en.yml
+++ b/config/locales/en.yml
@@ -2145,6 +2145,8 @@ en:
         no_checklist: 'No selection'
       repository_asset_value:
         no_asset: 'No file'
+      repository_time_value:
+        no_time: 'No time'
   repository_stock_values:
     manage_modal:
       title: "Stock %{item}"

From 701de269f22f2e6760b3fdbeaaf2f3730fd45f52 Mon Sep 17 00:00:00 2001
From: Andrej <andrej.jugovic7@gmail.com>
Date: Tue, 26 Sep 2023 14:19:17 +0200
Subject: [PATCH 16/49] Escape inventory column names [SCI-9362]

---
 app/assets/javascripts/repository_columns/index.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/app/assets/javascripts/repository_columns/index.js b/app/assets/javascripts/repository_columns/index.js
index e4db50832..b95f6f630 100644
--- a/app/assets/javascripts/repository_columns/index.js
+++ b/app/assets/javascripts/repository_columns/index.js
@@ -1,6 +1,6 @@
 /* global I18n HelperModule truncateLongString animateSpinner RepositoryListColumnType RepositoryStockColumnType */
 /* global RepositoryDatatable RepositoryStatusColumnType RepositoryChecklistColumnType dropdownSelector RepositoryDateTimeColumnType */
-/* global RepositoryDateColumnType RepositoryDatatable */
+/* global RepositoryDateColumnType RepositoryDatatable _ */
 /* eslint-disable no-restricted-globals */
 
 
@@ -297,6 +297,8 @@ var RepositoryColumns = (function() {
         } else {
           thederName = el.innerText;
         }
+        thederName = _.escape(thederName);
+
         if (['row-name', 'archived-by', 'archived-on'].includes(el.id)) {
           visClass = '';
           visText = '';

From 5e5010632d0828102382eb1c92626ea6c64505be Mon Sep 17 00:00:00 2001
From: Andrej <andrej.jugovic7@gmail.com>
Date: Wed, 27 Sep 2023 09:36:23 +0200
Subject: [PATCH 17/49] Fix naming in assigned my module helper [SCI-9155]

---
 app/helpers/my_modules_helper.rb             | 42 ++++++++------------
 app/views/repository_rows/show.json.jbuilder |  2 +-
 2 files changed, 17 insertions(+), 27 deletions(-)

diff --git a/app/helpers/my_modules_helper.rb b/app/helpers/my_modules_helper.rb
index 2991b035d..6b706987a 100644
--- a/app/helpers/my_modules_helper.rb
+++ b/app/helpers/my_modules_helper.rb
@@ -113,18 +113,18 @@ module MyModulesHelper
     end
   end
 
-  def extract_my_module_metadata(my_module)
+  def serialize_assigned_my_module_value(my_module)
     [
-      team_data(my_module.team),
-      project_data(my_module.project),
-      experiment_data(my_module.experiment),
-      my_module_data(my_module)
+      serialize_assigned_my_module_team_data(my_module.team),
+      serialize_assigned_my_module_project_data(my_module.project),
+      serialize_assigned_my_module_experiment_data(my_module.experiment),
+      serialize_assigned_my_module_data(my_module)
     ]
   end
 
   private
 
-  def team_data(team)
+  def serialize_assigned_my_module_team_data(team)
     {
       type: team.class.name.underscore,
       value: team.name,
@@ -133,42 +133,32 @@ module MyModulesHelper
     }
   end
 
-  def project_data(project)
+  def serialize_assigned_my_module_project_data(project)
+    archived = project.archived?
     {
       type: project.class.name.underscore,
       value: project.name,
-      url: project_path(project, view_mode: view_mode(project.archived?)),
-      archived: project.archived?
+      url: project_path(project, view_mode: archived ? 'archived' : 'active'),
+      archived: archived
     }
   end
 
-  def experiment_data(experiment)
+  def serialize_assigned_my_module_experiment_data(experiment)
+    archived = experiment.archived_branch?
     {
       type: experiment.class.name.underscore,
       value: experiment.name,
-      url: experiment_url(experiment),
-      archived: experiment.archived_branch?
+      url: archived ? module_archive_experiment_path(experiment) : my_modules_experiment_path(experiment),
+      archived: archived
     }
   end
 
-  def my_module_data(my_module)
+  def serialize_assigned_my_module_data(my_module)
     {
       type: my_module.class.name.underscore,
       value: my_module.name,
-      url: protocols_my_module_path(my_module, view_mode: view_mode(my_module.archived_branch?)),
+      url: protocols_my_module_path(my_module, view_mode: my_module.archived_branch? ? 'archived' : 'active'),
       archived: my_module.archived_branch?
     }
   end
-
-  def view_mode(archived)
-    archived ? 'archived' : 'active'
-  end
-
-  def experiment_url(experiment)
-    if experiment.archived_branch?
-      module_archive_experiment_path(experiment)
-    else
-      my_modules_experiment_path(experiment)
-    end
-  end
 end
diff --git a/app/views/repository_rows/show.json.jbuilder b/app/views/repository_rows/show.json.jbuilder
index b554dd873..d222ba73d 100644
--- a/app/views/repository_rows/show.json.jbuilder
+++ b/app/views/repository_rows/show.json.jbuilder
@@ -21,7 +21,7 @@ json.assigned_modules do
   json.total_assigned_size @assigned_modules.size
   json.viewable_modules do
     json.array! @viewable_modules do |my_module|
-      json.merge! extract_my_module_metadata(my_module)
+      json.merge! serialize_assigned_my_module_value(my_module)
     end
   end
 end

From f352c7f1869d47c828df78ef9b14faac72f6382d Mon Sep 17 00:00:00 2001
From: Gregor Lasnibat <gregor@scinote.net>
Date: Fri, 22 Sep 2023 16:08:43 +0200
Subject: [PATCH 18/49] Working on new behaviour for switching between item
 clicks [SCI-9354]

Working on scrolling and highlighting [SCI-9354]

Item card preload and section title animation [SCI-9354]

Added box-shadow [SCI-9354]

Refactored logic and styles [SCI-9354]

PR fix, added back the missing HighlightComponent [SCI-9354]

PR fixes, refactoring [SCI-9354]

PR fix [SCI-9354]

Fixed scrolling to 'Assigned', highlighting [SCI-9354]

PR fix, modular logic, rename [SCI-9354]
---
 app/assets/images/sn-loader.svg               |  11 +
 .../sitewide/repository_row_card.js           |   3 +-
 .../stylesheets/application.tailwind.css      |   1 +
 app/assets/stylesheets/tailwind/loader.css    |   6 +
 .../RepositoryItemSidebar.vue                 | 396 +++++++++---------
 .../RepositoryChecklistValue.vue              |   2 +-
 .../repository_values/ScrollSpy.vue           |  76 ++++
 .../shared/_repository_row_sidebar.html.erb   |   3 +-
 config/locales/en.yml                         |  13 +-
 9 files changed, 294 insertions(+), 217 deletions(-)
 create mode 100644 app/assets/images/sn-loader.svg
 create mode 100644 app/assets/stylesheets/tailwind/loader.css
 create mode 100644 app/javascript/vue/repository_item_sidebar/repository_values/ScrollSpy.vue

diff --git a/app/assets/images/sn-loader.svg b/app/assets/images/sn-loader.svg
new file mode 100644
index 000000000..8d7159575
--- /dev/null
+++ b/app/assets/images/sn-loader.svg
@@ -0,0 +1,11 @@
+<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1629_19712)">
+<path d="M15.005 28.1194C11.5882 28.025 8.3431 26.6014 5.95975 24.1513C3.57641 21.7013 2.24294 18.4181 2.24294 15C2.24294 11.5819 3.57641 8.29872 5.95975 5.84865C8.3431 3.39859 11.5882 1.97498 15.005 1.88063V0C12.0373 0 9.13624 0.880028 6.66868 2.5288C4.20112 4.17757 2.27789 6.52103 1.14219 9.26284C0.00650146 12.0046 -0.290648 15.0216 0.288324 17.9323C0.867295 20.843 2.29638 23.5167 4.39487 25.6151C6.49336 27.7136 9.16699 29.1427 12.0777 29.7217C14.9884 30.3007 18.0054 30.0035 20.7472 28.8678C23.489 27.7321 25.8324 25.8089 27.4812 23.3413C29.13 20.8738 30.01 17.9727 30.01 15.005H28.1194C28.1141 18.4815 26.7307 21.8141 24.2724 24.2724C21.8141 26.7307 18.4815 28.1141 15.005 28.1194Z" fill="#EAECF0"/>
+<path d="M15.005 0V1.88063C18.4833 1.88592 21.8174 3.27069 24.2759 5.73112C26.7345 8.19156 28.1167 11.5267 28.1194 15.005H30.01C30.01 11.0254 28.4291 7.20885 25.6151 4.39486C22.8012 1.58088 18.9846 0 15.005 0Z" fill="#1D2939"/>
+</g>
+<defs>
+<clipPath id="clip0_1629_19712">
+<rect width="30" height="30" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/app/assets/javascripts/sitewide/repository_row_card.js b/app/assets/javascripts/sitewide/repository_row_card.js
index 768f2d892..e5f8983d4 100644
--- a/app/assets/javascripts/sitewide/repository_row_card.js
+++ b/app/assets/javascripts/sitewide/repository_row_card.js
@@ -7,7 +7,8 @@
     e.stopPropagation();
     e.preventDefault();
 
-    window.repositoryItemSidebarComponent.toggleShowHideSidebar($(this).attr('href'));
+    const repositoryRowURL = $(this).attr('href');
+    window.repositoryItemSidebarComponent.toggleShowHideSidebar(repositoryRowURL);
   });
 
   $(document).on('click', '.print-label-button', function(e) {
diff --git a/app/assets/stylesheets/application.tailwind.css b/app/assets/stylesheets/application.tailwind.css
index ce964b0f3..703ee0481 100644
--- a/app/assets/stylesheets/application.tailwind.css
+++ b/app/assets/stylesheets/application.tailwind.css
@@ -2,6 +2,7 @@
 @import "tailwind/buttons";
 @import "tailwind/modals";
 @import "tailwind/flyouts";
+@import "tailwind/loader.css";
 
 @tailwind base;
 @tailwind components;
diff --git a/app/assets/stylesheets/tailwind/loader.css b/app/assets/stylesheets/tailwind/loader.css
new file mode 100644
index 000000000..91655d80c
--- /dev/null
+++ b/app/assets/stylesheets/tailwind/loader.css
@@ -0,0 +1,6 @@
+@layer components {
+    .sci-loader {
+      @apply flex m-auto h-[30px] w-[30px] animate-spin;
+      background: image-url("sn-loader.svg") center center no-repeat;
+    }
+}
diff --git a/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue b/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue
index de8f0b840..03ae80b83 100644
--- a/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue
+++ b/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue
@@ -1,161 +1,179 @@
 <template>
-  <div id="repository-item-sidebar" class="w-ful h-full bg-white flex flex-col relative">
-    <div class="header fixed w-full">
-      <div class="flex justify-between m-6 h-[31px]">
-        <h4 class="my-auto truncate" :title="defaultColumns?.name">
-          {{ !defaultColumns?.archived ? i18n.t('labels.archived') : '' }}
-          {{ defaultColumns?.name }}
-        </h4>
-        <i @click="toggleShowHideSidebar" class="sn-icon sn-icon-close ml-auto cursor-pointer my-auto mx-0"></i>
+  <div ref="wrapper"
+    class='bg-white overflow-auto gap-2.5 self-stretch  rounded-tl-4 rounded-bl-4 transition-transform ease-in-out transform shadow-lg'
+    :class="{ 'translate-x-0 w-[565px] h-full': isShowing, 'transition-transform ease-in-out duration-400 transform translate-x-0 translate-x-full': !isShowing }">
+
+    <div id="repository-item-sidebar" class="w-full h-full  py-6 px-6 bg-white flex flex-col">
+
+      <div id="sticky-header-wrapper">
+        <div class="header flex w-full">
+          <h4 class="item-name my-auto truncate" :title="defaultColumns?.name">
+            {{ !defaultColumns?.archived ? i18n.t('labels.archived') : '' }}
+            {{ defaultColumns?.name }}
+          </h4>
+          <i id="close-icon" @click="toggleShowHideSidebar(currentItemUrl)"
+            class="sn-icon sn-icon-close ml-auto cursor-pointer my-auto mx-0"></i>
+        </div>
+
+        <div id="divider" class="flex w-500 bg-sn-light-grey my-6 self-stretch h-px items-center pt-px">
+        </div>
       </div>
-    </div>
 
-    <div id="divider" class="bg-sn-sleepy-grey flex mt-[79px] mx-6 items-center self-stretch h-px"></div>
-    <div class="overflow-auto content flex flex-col justify-between px-6 h-full relative scroll-smooth">
-      <aside class="navigations fixed top-28 right-6">
-        <nav class="w-full">
-          <ul class="flex flex-col gap-3 text-right list-none">
-            <li v-for="nav in navigations" :key="nav.value" class="cursor-pointer inline-block relative">
-              <span :class="`${activeNav === nav.value ? 'text-sn-science-blue' : 'text-sn-grey'} mr-8 transition-colors`"
-                @click.prevent="hightlightContent(nav.value)">
-                {{ nav.label }}
-              </span>
-              <span
-                :class="`${activeNav === nav.value ? 'bg-sn-science-blue w-1 inset-y-0 right-0.5' : 'transparent hidden'} absolute transition-all rounded`">
-              </span>
-            </li>
-          </ul>
-        </nav>
-      </aside>
-      <div id="body-wrapper" class="grow-1">
-        <div class="flex flex-col gap-4 mb-4 mt-4 w-[350px]">
-          <section id="information_wrapper">
-            <h4 class="font-inter text-base font-semibold leading-7 mb-4">
-              {{ i18n.t('repositories.item_card.title.information') }}
-            </h4>
-            <div class="flex flex-col gap-4">
-              <div class="flex flex-col ">
-                <span class="inline-block font-semibold pb-[6px]">{{
-                  i18n.t('repositories.item_card.default_columns.repository_name') }}</span>
-                <span class="text-sn-dark-grey line-clamp-3" :title="repositoryName">
-                  {{ repositoryName }}
-                </span>
-              </div>
+      <div v-if="dataLoading" class="h-full flex flex-grow-1">
+        <div class="sci-loader"></div>
+      </div>
 
-              <div id="dashed-divider" class="flex h-[1px] py-0  border-dashed border-[1px] border-sn-light-grey"></div>
+      <div v-else id="body-wrapper" class="flex flex-1 flex-grow-1 justify-between">
+        <div id="left-col" class="flex flex-col gap-4">
 
-              <div class="flex flex-col ">
-                <span class="inline-block font-semibold pb-[6px]">{{ i18n.t('repositories.item_card.default_columns.id')
-                }}</span>
-                <span class="inline-block text-sn-dark-grey">
-                  {{ defaultColumns?.code }}
-                </span>
-              </div>
-
-              <div id="dashed-divider" class="flex h-[1px] py-0  border-dashed border-[1px] border-sn-light-grey"></div>
-
-              <div class="flex flex-col ">
-                <span class="inline-block font-semibold pb-[6px]">{{
-                  i18n.t('repositories.item_card.default_columns.added_on')
-                }}</span>
-                <span class="inline-block text-sn-dark-grey">
-                  {{ defaultColumns?.added_on }}
-                </span>
-              </div>
-
-              <div id="dashed-divider" class="flex h-[1px] py-0  border-dashed border-[1px] border-sn-light-grey"></div>
-
-              <div class="flex flex-col ">
-                <span class="inline-block font-semibold pb-[6px]">{{
-                  i18n.t('repositories.item_card.default_columns.added_by')
-                }}</span>
-                <span class="inline-block text-sn-dark-grey">
-                  {{ defaultColumns?.added_by }}
-                </span>
-
-              </div>
+          <!-- INFORMATION -->
+          <div id="information">
+            <div ref="information-label" id="information-label"
+              class="font-inter text-base font-semibold leading-7 mb-4 transition-colors duration-300">{{
+                i18n.t('repositories.item_card.title.information') }}
             </div>
-          </section>
-
-          <div id="divider" class="w-500 bg-sn-light-grey flex items-center self-stretch h-px	"></div>
-
-          <section id="custom_columns_wrapper" class="flex flex-col min-h-[64px] h-auto">
-            <h4 id="custom-columns-label" class="font-inter text-base font-semibold leading-7 pb-4">
-              {{ i18n.t('repositories.item_card.navigations.custom_columns') }}
-            </h4>
-            <!-- start of custom columns -->
-            <div v-if="customColumns?.length > 0" class="flex flex-col gap-4 w-[350px] h-auto">
-              <div v-for="(column, index) in customColumns" class="flex flex-col gap-4 w-[350px] h-auto">
-
-                <component :is="column.data_type" :key="index" :data_type="column.data_type" :colId="column.id"
-                  :colName="column.name" :colVal="column.value" />
-
-                <div id="dashed-divider" :class="{ 'hidden': index === customColumns.length - 1 }"
-                  class="flex h-[1px] py-0 border-dashed border-[1px] border-sn-light-grey">
+            <div class="item-details">
+              <div class="flex flex-col gap-4">
+                <!-- REPOSITORY NAME -->
+                <div class="flex flex-col ">
+                  <span class="inline-block font-semibold pb-[6px]">{{
+                    i18n.t('repositories.item_card.default_columns.repository_name') }}</span>
+                  <span class="repository-name flex text-sn-dark-grey" :title="repositoryName">
+                    {{ repositoryName }}
+                  </span>
                 </div>
 
+                <div id="dashed-divider" class="flex h-[1px] py-0  border-dashed border-[1px] border-sn-light-grey"></div>
+
+                <!-- CODE -->
+                <div class="flex flex-col ">
+                  <span class="inline-block font-semibold pb-[6px]">{{ i18n.t('repositories.item_card.default_columns.id')
+                  }}</span>
+                  <span class="inline-block text-sn-dark-grey" :title="defaultColumns?.code">
+                    {{ defaultColumns?.code }}
+                  </span>
+                </div>
+
+                <div id="dashed-divider" class="flex h-[1px] py-0  border-dashed border-[1px] border-sn-light-grey"></div>
+
+                <!-- ADDED ON -->
+                <div class="flex flex-col ">
+                  <span class="inline-block font-semibold pb-[6px]">{{
+                    i18n.t('repositories.item_card.default_columns.added_on')
+                  }}</span>
+                  <span class="inline-block text-sn-dark-grey" :title="defaultColumns?.added_on">
+                    {{ defaultColumns?.added_on }}
+                  </span>
+                </div>
+
+                <div id="dashed-divider" class="flex h-[1px] py-0  border-dashed border-[1px] border-sn-light-grey"></div>
+
+                <!-- ADDED BY -->
+                <div class="flex flex-col ">
+                  <span class="inline-block font-semibold pb-[6px]">{{
+                    i18n.t('repositories.item_card.default_columns.added_by')
+                  }}</span>
+                  <span class="inline-block text-sn-dark-grey" :title="defaultColumns?.added_by">
+                    {{ defaultColumns?.added_by }}
+                  </span>
+                </div>
               </div>
             </div>
-            <!-- end of custom columns -->
-            <div v-else id="custom-columns-value" class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
-              {{ i18n.t('repositories.item_card.no_custom_columns_label') }}
-            </div>
-          </section>
+          </div>
 
-          <div id="divider" class="w-500 bg-sn-light-grey flex px-8 items-center self-stretch h-px	"></div>
+          <div id="divider" class="w-500 bg-sn-light-grey flex items-center self-stretch h-px "></div>
 
-          <section id="assigned_wrapper" class="flex flex-col ">
-            <div class="text-base font-semibold w-[350px] my-3 leading-7">
-              {{ i18n.t('repositories.item_card.section.assigned', { count: assignedModules ? assignedModules.total_assigned_size : 0 }) }}
-            </div>
-            <div v-if="assignedModules && assignedModules.total_assigned_size > 0">
-              <div v-if="privateModuleSize() > 0" class="pb-6">
-                {{ i18n.t('repositories.item_card.assigned.private', { count: privateModuleSize() }) }}
-                <hr v-if="assignedModules.viewable_modules.length > 0"
-                    class="h-1 w-[350px] m-0 mt-6 border-dashed border-1 border-sn-light-grey"/>
+          <!-- CUSTOM COLUMNS, ASSIGNED, QR CODE -->
+          <div id="custom-col-assigned-qr-wrapper" class="flex flex-col gap-4">
+
+            <!-- CUSTOM COLUMNS -->
+            <div id="custom-columns-wrapper" class="flex flex-col min-h-[64px] h-auto">
+              <div ref="custom-columns-label" id="custom-columns-label"
+                class="font-inter text-base font-semibold leading-7 pb-4 transition-colors duration-300">
+                {{ i18n.t('repositories.item_card.custom_columns_label') }}
               </div>
-              <div v-for="(assigned, index) in assignedModules.viewable_modules" 
-                   :key="`assigned_module_${index}`"
-                   class="flex flex-col w-[350px] mb-6 h-auto">
-                <div class="flex flex-col gap-3">
-                  <div v-for="(item, index_assigned) in assigned"
-                       :key="`assigned_element_${index_assigned}`">
-                    {{ i18n.t(`repositories.item_card.assigned.labels.${item.type}`) }}
-                    <a :href="item.url">
-                      {{ item.archived ? i18n.t('labels.archived') : '' }} {{ item.value }}
-                    </a>
+              <div v-if="customColumns?.length > 0" class="flex flex-col gap-4 w-[350px] h-auto">
+                <div v-for="(column, index) in customColumns" class="flex flex-col gap-4 w-[350px] h-auto">
+                  <component :is="column.data_type" :key="index" :data_type="column.data_type" :colId="column.id"
+                    :colName="column.name" :colVal="column.value" />
+                  <div id="dashed-divider" :class="{ 'hidden': index === customColumns.length - 1 }"
+                    class="flex h-[1px] py-0 border-dashed border-[1px] border-sn-light-grey">
                   </div>
                 </div>
-                <hr v-if="index < assignedModules.viewable_modules.length - 1" 
-                    class="h-1 w-[350px] mt-6 mb-0 border-dashed border-1 border-sn-light-grey"/>
+              </div>
+              <div v-else class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
+                {{ i18n.t('repositories.item_card.no_custom_columns_label') }}
               </div>
             </div>
-            <div v-else class="mb-3">
-              {{ i18n.t('repositories.item_card.assigned.empty') }}
-            </div>
-          </section>
 
-          <div id="divider" class="w-500 bg-sn-light-grey flex px-8 items-center self-stretch h-px	"></div>
+            <div id="divider" class="w-500 bg-sn-light-grey flex px-8 items-center self-stretch h-px"></div>
 
-          <section id="qr_wrapper">
-            <h4 class="font-inter text-base font-semibold leading-7 mb-4 mt-0">{{
-              i18n.t('repositories.item_card.navigations.qr') }}</h4>
-            <div class="bar-code-container">
-              <canvas id="bar-code-canvas" class="hidden"></canvas>
-              <img id="bar-code-image" />
+            <!-- ASSIGNED -->
+            <section id="assigned_wrapper" class="flex flex-col ">
+              <div class="text-base font-semibold w-[350px] my-3 leading-7" ref="assigned-label">
+                {{ i18n.t('repositories.item_card.section.assigned', {
+                  count: assignedModules ?
+                    assignedModules.total_assigned_size : 0
+                }) }}
+              </div>
+              <div v-if="assignedModules && assignedModules.total_assigned_size > 0">
+                <div v-if="privateModuleSize() > 0" class="pb-6">
+                  {{ i18n.t('repositories.item_card.assigned.private', { count: privateModuleSize() }) }}
+                  <hr v-if="assignedModules.viewable_modules.length > 0"
+                    class="h-1 w-[350px] m-0 mt-6 border-dashed border-1 border-sn-light-grey" />
+                </div>
+                <div v-for="(assigned, index) in assignedModules.viewable_modules" :key="`assigned_module_${index}`"
+                  class="flex flex-col w-[350px] mb-6 h-auto">
+                  <div class="flex flex-col gap-3">
+                    <div v-for="(item, index_assigned) in assigned" :key="`assigned_element_${index_assigned}`">
+                      {{ i18n.t(`repositories.item_card.assigned.labels.${item.type}`) }}
+                      <a :href="item.url">
+                        {{ item.archived ? i18n.t('labels.archived') : '' }} {{ item.value }}
+                      </a>
+                    </div>
+                  </div>
+                  <hr v-if="index < assignedModules.viewable_modules.length - 1"
+                    class="h-1 w-[350px] mt-6 mb-0 border-dashed border-1 border-sn-light-grey" />
+                </div>
+              </div>
+              <div v-else class="mb-3">
+                {{ i18n.t('repositories.item_card.assigned.empty') }}
+              </div>
+            </section>
+
+            <div id="divider" class="w-500 bg-sn-light-grey flex px-8 items-center self-stretch h-px  "></div>
+
+            <!-- QR -->
+            <div id="QR-wrapper" class="block">
+              <div ref="QR-label" id="QR-label"
+                class="font-inter text-base font-semibold leading-7 mb-4 transition-colors duration-300">QR</div>
+              <canvas id="bar-code-canvas" class="hidden" data-id="IT2"></canvas>
+              <img :src="barCodeSrc" />
             </div>
-          </section>
+
+          </div>
+        </div>
+
+        <!-- NAVIGATION -->
+        <div id="navigation" class="flex item-end gap-x-4 min-w-[130px] h-[130px] sticky top-0 right-0">
+          <scroll-spy :itemsToCreate="[
+            { id: 'highlight-item-1', textId: 'text-item-1', labelAlias: 'information_label', label: 'information-label' },
+            { id: 'highlight-item-2', textId: 'text-item-2', labelAlias: 'custom_columns_label', label: 'custom-columns-label' },
+            { id: 'highlight-item-3', textId: 'text-item-3', labelAlias: 'assigned_label', label: 'assigned-label' },
+            { id: 'highlight-item-4', textId: 'text-item-4', labelAlias: 'QR_label', label: 'QR-label' }
+          ]">
+          </scroll-spy>
         </div>
       </div>
 
-      <div class="footer">
-        <div id="divider" class="w-full bg-sn-sleepy-grey flex items-center self-stretch h-px mb-6"></div>
-        <div id="bottom-button-wrapper" class="flex mb-6 justify-end">
-          <button type="button" class="btn btn-primary print-label-button" :data-rows="JSON.stringify([repositoryRowId])">
-            {{ i18n.t('repository_row.modal_print_label.print_label') }}
-          </button>
+      <!-- BOTTOM -->
+      <div id="bottom" class="h-[100px] flex flex-col justify-end" :class="{ 'pb-6': customColumns?.length }">
+        <div id="divider" class="w-500 bg-sn-light-grey flex px-8 items-center self-stretch h-px mb-6"></div>
+        <div id="bottom-button-wrapper" class="flex h-10 justify-end">
+          <button class="btn btn-primary">Print Label</button>
         </div>
       </div>
+
     </div>
   </div>
 </template>
@@ -174,6 +192,7 @@ import RepositoryDateValue from './repository_values/RepositoryDateValue.vue';
 import RepositoryDateRangeValue from './repository_values/RepositoryDateRangeValue.vue';
 import RepositoryTimeRangeValue from './repository_values/RepositoryTimeRangeValue.vue'
 import RepositoryTimeValue from './repository_values/RepositoryTimeValue.vue'
+import ScrollSpy from './repository_values/ScrollSpy.vue';
 
 export default {
   name: 'RepositoryItemSidebar',
@@ -190,19 +209,19 @@ export default {
     RepositoryDateValue,
     RepositoryDateRangeValue,
     RepositoryTimeRangeValue,
-    RepositoryTimeValue
+    RepositoryTimeValue,
+    'scroll-spy': ScrollSpy
   },
   data() {
     return {
-      repositoryRowId: null,
+      currentItemUrl: null,
+      dataLoading: false,
       repositoryName: null,
       defaultColumns: null,
       customColumns: null,
       assignedModules: null,
       isShowing: false,
-      navClicked: false,
-      activeNav: 'information',
-      sequenceExpanded: false,
+      assigned: 'Assigned to 3 private tasks that will not be displayed',
       barCodeSrc: null
     }
   },
@@ -210,98 +229,59 @@ export default {
     window.repositoryItemSidebarComponent = this;
   },
   watch: {
-    isShowing(newVal, oldVal) {
-      const element = document.getElementById('repositoryItemSidebar')
-      if (this.isShowing) {
-        element.classList.remove('translate-x-full');
-        element.classList.add('translate-x-0');
-      } else {
-        element.classList.add('transition-transform', 'ease-in-out', 'duration-300', 'transform', 'translate-x-0', 'translate-x-full');
+    defaultColumns(newCol, oldCol) {
+      const canvasEl = document.getElementById('bar-code-canvas')
+      if (newCol.code && bwipjs && canvasEl) {
+        // generate the QR code
+        let barCodeCanvas = bwipjs.toCanvas('bar-code-canvas', {
+          bcid: 'qrcode',
+          text: newCol.code,
+          scale: 3
+        });
+        this.barCodeSrc = barCodeCanvas.toDataURL('image/png')
       }
-    }
-  },
-  computed: {
-    navigations() {
-      return ['information', 'custom_columns', 'assigned', 'qr'].map(nav => (
-        { label: I18n.t(`repositories.item_card.navigations.${nav}`), value: nav }
-      ));
-    }
+    },
   },
   beforeDestroy() {
     delete window.repositoryItemSidebarComponent;
   },
   methods: {
     toggleShowHideSidebar(repositoryRowUrl) {
-      this.isShowing = !this.isShowing
-      this.loadRepositoryRow(repositoryRowUrl);
-    },
-    toggleExpandSequence() {
-      if (this.sequenceExpanded) {
-        document.getElementById('sequence-container').classList.remove('h-fit', 'max-h-[600px]')
-        document.getElementById('sequence-container').classList.add('h-[60px]')
-      } else {
-        document.getElementById('sequence-container').classList.remove('h-[60px]')
-        document.getElementById('sequence-container').classList.add('h-fit', 'max-h-[600px]')
+      // initial click
+      if (this.currentItemUrl === null) {
+        this.isShowing = true
+        this.loadRepositoryRow(repositoryRowUrl)
+        this.currentItemUrl = repositoryRowUrl
+        return
+      }
+      // click on the same item - should just open/close it
+      else if (this.currentItemUrl === repositoryRowUrl) {
+        this.isShowing = false
+        this.currentItemUrl = null
+        return
+      }
+      // click on a different item - should just fetch new data
+      else {
+        this.loadRepositoryRow(repositoryRowUrl)
+        this.currentItemUrl = repositoryRowUrl
+        return
       }
-      this.sequenceExpanded = !this.sequenceExpanded
     },
     loadRepositoryRow(repositoryRowUrl) {
+      this.dataLoading = true
       $.ajax({
         method: 'GET',
         url: repositoryRowUrl,
         dataType: 'json',
         success: (result) => {
-          this.repositoryRowId = result.id;
           this.repositoryName = result.repository_name;
           this.defaultColumns = result.default_columns;
           this.customColumns = result.custom_columns;
+          this.dataLoading = false
           this.assignedModules = result.assigned_modules;
-          this.$nextTick(() => {
-            this.generateBarCode(this.defaultColumns.code);
-            this.attachScrollEvent();
-          });
         }
       });
     },
-    hightlightContent(nav) {
-      this.activeNav = nav;
-      this.navClicked = true;
-      this.$nextTick(function () {
-        $(`#repository-item-sidebar #${nav}_wrapper`)[0].scrollIntoView();
-      })
-    },
-    attachScrollEvent() {
-      const topOffsets = {}
-      const sections = ['information', 'custom_columns', 'assigned', 'qr'];
-      for (let idx = 0; idx < sections.length; idx++) {
-        topOffsets[sections[idx]] = $(`#repository-item-sidebar #${sections[idx]}_wrapper`).offset().top;
-      }
-      let isScrolling;
-      $('.content').on('scroll', () => {
-        if (isScrolling !== null) clearTimeout(isScrolling);
-        isScrolling = setTimeout(() => {
-          const scrollPosition = $('.content').scrollTop();
-          for (let idx = 0; idx < sections.length; idx++) {
-            if (scrollPosition < topOffsets[sections[idx + 1]] - topOffsets['information']) {
-              // Set nav only when scrolling is not triggered by ckicking nav
-              if (sections[idx] !== this.activeNav && !this.navClicked) this.activeNav = sections[idx];
-              break;
-            }
-          }
-          this.navClicked = false;
-        }, 150)
-      })
-    },
-    generateBarCode(text) {
-      if (!text) return;
-
-      const barCodeCanvas = bwipjs.toCanvas('bar-code-canvas', {
-        bcid: 'qrcode',
-        text,
-        scale: 3
-      });
-      $('#repository-item-sidebar #bar-code-image').attr('src', barCodeCanvas.toDataURL('image/png'));
-    },
     privateModuleSize() {
       return this.assignedModules.total_assigned_size - this.assignedModules.viewable_modules.length;
     }
diff --git a/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryChecklistValue.vue b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryChecklistValue.vue
index ea2f2cb8e..0247247ee 100644
--- a/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryChecklistValue.vue
+++ b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryChecklistValue.vue
@@ -15,7 +15,7 @@
         </div>
       </div>
       <div v-else
-        class="text-sn-dark-grey font-inter text-sm font-normal leading-5 h-12 overflow-auto grid auto-rows-auto grid-cols-3">
+        class="text-sn-dark-grey font-inter text-sm font-normal leading-5 h-fit overflow-auto grid auto-rows-auto grid-cols-3">
         <div v-for="(checklistItem, index) in allChecklistItems" :key="index">
           <div id="checklist-item" class="min-w-max">
             {{ `${checklistItem.label} |` }}
diff --git a/app/javascript/vue/repository_item_sidebar/repository_values/ScrollSpy.vue b/app/javascript/vue/repository_item_sidebar/repository_values/ScrollSpy.vue
new file mode 100644
index 000000000..fa5ded9ff
--- /dev/null
+++ b/app/javascript/vue/repository_item_sidebar/repository_values/ScrollSpy.vue
@@ -0,0 +1,76 @@
+<template>
+  <div class="flex gap-3">
+    <div id="navigation-text">
+      <div class="flex flex-col py-2 px-0 gap-3 self-stretch w-[130px] h-[130px]  justify-center items-center">
+        <div v-for="(itemObj, index) in itemsToCreate" :key="index"
+          class="flex flex-col w-[130px] h-[130px] justify-between text-right">
+          <div @click="handleSideNavClick" :id="itemObj?.textId" class="hover:cursor-pointer text-sn-grey"
+            :class="{ 'text-sn-science-blue': selectedNavText === itemObj?.textId }">{{
+              i18n.t(`repositories.highlight_component.${itemObj?.labelAlias}`) }}
+          </div>
+        </div>
+      </div>
+    </div>
+    <div id="highlight-container" class="w-[1px] h-[130px] flex flex-col justify-evenly bg-sn-light-grey">
+      <div v-for="(itemObj, index) in itemsToCreate" :key="index">
+        <div :id="itemObj.id" class="w-[5px] h-[28px] rounded-[11px]"
+          :class="{ 'bg-sn-science-blue relative left-[-2px]': itemObj.id === selectedNavIndicator }"></div>
+      </div>
+    </div>
+  </div>
+</template>
+  
+<script>
+export default {
+  name: 'ScrollSpy',
+  props: {
+    itemsToCreate: Array,
+  },
+  data() {
+    return {
+      rootContainerEl: null,
+      selectedNavText: null,
+      selectedNavIndicator: null
+    }
+  },
+  created() {
+    this.rootContainerEl = this.$parent.$refs.wrapper
+  },
+  methods: {
+    handleSideNavClick(e) {
+      if (!this.rootContainerEl) {
+        return
+      }
+      let refToScrollTo
+      const targetId = e.target.id
+
+      const foundObj = this.itemsToCreate.find((obj) => obj.textId === targetId)
+      if (!foundObj) return
+
+      refToScrollTo = foundObj.label
+      this.selectedNavText = foundObj.textId
+      this.selectedNavIndicator = foundObj.id
+      const sectionLabels = this.itemsToCreate.map((obj) => obj.label)
+      const labelsToUnhighlight = sectionLabels.filter((i) => i !== refToScrollTo)
+
+      // scrolling to desired section
+      const domElToScrollTo = this.$parent.$refs[refToScrollTo]
+      this.rootContainerEl.scrollTo({
+        top: domElToScrollTo.offsetTop,
+        behavior: "smooth"
+      })
+
+      // flashing the title color to blue and back over 300ms
+      const timeoutId = setTimeout(() => {
+        // wrapped in timeout to ensure that the color-change animation happens after the scrolling animation is completed
+        domElToScrollTo?.classList.add('text-sn-science-blue')
+        labelsToUnhighlight.forEach(id => document.getElementById(id)?.classList.remove('text-sn-science-blue'))
+        setTimeout(() => {
+          domElToScrollTo?.classList.remove('text-sn-science-blue')
+        }, 400)
+        clearTimeout(timeoutId)
+      }, 500)
+    }
+  }
+}
+</script>
diff --git a/app/views/shared/_repository_row_sidebar.html.erb b/app/views/shared/_repository_row_sidebar.html.erb
index c08ee42cf..fe751a4de 100644
--- a/app/views/shared/_repository_row_sidebar.html.erb
+++ b/app/views/shared/_repository_row_sidebar.html.erb
@@ -1,6 +1,7 @@
 <div
     id="repositoryItemSidebar"
     data-behaviour="vue"
-    class='bg-white fixed top-0 right-0 h-screen w-[565px] z-[9999] rounded-tl-4 rounded-bl-4 transition-transform ease-in-out transform translate-x-full'>
+    class="fixed top-0 right-0 h-full z-[9999]"
+    >
     <repository-item-sidebar />
 </div>
diff --git a/config/locales/en.yml b/config/locales/en.yml
index 4e8945635..f8bd8a206 100644
--- a/config/locales/en.yml
+++ b/config/locales/en.yml
@@ -2227,12 +2227,8 @@ en:
         id: "Item ID"
         added_on: "Added on"
         added_at: "Added at"
-        added_by: "Added by"
-      navigations:
-        information: "Information"
-        custom_columns: "Custom columns"
-        assigned: "Assigned"
-        qr: "QR"
+        added_by: 'Added by'
+      custom_columns_label: 'Custom columns'
       no_custom_columns_label: 'This item has no custom columns'
       repository_time_range_value:
         no_time_range: 'No time range'
@@ -2260,6 +2256,11 @@ en:
         no_asset: 'No file'
       repository_time_value:
         no_time: 'No time'
+    highlight_component:
+      information_label: 'Information'
+      custom_columns_label: 'Custom columns'
+      assigned_label: 'Assigned'
+      QR_label: 'QR'
   repository_stock_values:
     manage_modal:
       title: "Stock %{item}"

From 2bbb33d225725a14e01aa99d4125f7bfe6ed6859 Mon Sep 17 00:00:00 2001
From: Oleksii Kriuchykhin <oleksii@scinote.net>
Date: Fri, 29 Sep 2023 10:49:53 +0200
Subject: [PATCH 19/49] Reduce allowed data attributes in sanitizer config only
 to data-mce-token [SCI-9369]

---
 config/initializers/constants.rb | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/config/initializers/constants.rb b/config/initializers/constants.rb
index 622a36add..5f118ec00 100644
--- a/config/initializers/constants.rb
+++ b/config/initializers/constants.rb
@@ -324,7 +324,7 @@ class Constants
   config = Sanitize::Config::RELAXED.deep_dup
   config[:attributes][:all] << 'id'
   config[:attributes][:all] << 'contenteditable'
-  config[:attributes][:all] << :data
+  config[:attributes]['img'] << 'data-mce-token'
   INPUT_SANITIZE_CONFIG = Sanitize::Config.freeze_config(config)
 
   REPOSITORY_DEFAULT_PAGE_SIZE = 10

From 8684e2d361bcdea41e8fbae07d31287655dfa0db Mon Sep 17 00:00:00 2001
From: wandji20 <wbertrand10@gmail.com>
Date: Fri, 29 Sep 2023 10:35:21 +0100
Subject: [PATCH 20/49] Update formula, ruleJS, and parser vendor files to
 latest version [SCI-9314]

---
 vendor/assets/javascripts/formula.js | 18955 +++++++++++++++++--------
 vendor/assets/javascripts/parser.js  |  1688 ++-
 vendor/assets/javascripts/ruleJS.js  |    88 +-
 3 files changed, 14088 insertions(+), 6643 deletions(-)

diff --git a/vendor/assets/javascripts/formula.js b/vendor/assets/javascripts/formula.js
index da15f7a9e..2133aec4b 100644
--- a/vendor/assets/javascripts/formula.js
+++ b/vendor/assets/javascripts/formula.js
@@ -1,5830 +1,13335 @@
-// Copyright (c) 2012 Sutoiku, Inc.
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory();
+	else if(typeof define === 'function' && define.amd)
+		define([], factory);
+	else if(typeof exports === 'object')
+		exports["formulajs"] = factory();
+	else
+		root["formulajs"] = factory();
+})(typeof self !== 'undefined' ? self : this, function() {
+return /******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, {
+/******/ 				configurable: false,
+/******/ 				enumerable: true,
+/******/ 				get: getter
+/******/ 			});
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 11);
+/******/ })
+/************************************************************************/
+/******/ ([
+/* 0 */
+/***/ (function(module, exports) {
 
-// Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+exports.nil = new Error('#NULL!');
+exports.div0 = new Error('#DIV/0!');
+exports.value = new Error('#VALUE!');
+exports.ref = new Error('#REF!');
+exports.name = new Error('#NAME?');
+exports.num = new Error('#NUM!');
+exports.na = new Error('#N/A');
+exports.error = new Error('#ERROR!');
+exports.data = new Error('#GETTING_DATA');
 
-// The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 
-// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+/***/ }),
+/* 1 */
+/***/ (function(module, exports, __webpack_require__) {
 
-// Some algorithms have been ported from Apache OpenOffice:
+var error = __webpack_require__(0);
 
-/**************************************************************
- *
- * Licensed to the Apache Software Foundation (ASF) under one
- * or more contributor license agreements.  See the NOTICE file
- * distributed with this work for additional information
- * regarding copyright ownership.  The ASF licenses this file
- * to you under the Apache License, Version 2.0 (the
- * "License"); you may not use this file except in compliance
- * with the License.  You may obtain a copy of the License at
- *
- *   http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied.  See the License for the
- * specific language governing permissions and limitations
- * under the License.
- *
- *************************************************************/
-/*jslint evil: true*/
-/*global define */
-
-(function () {
-  var root = this;
-
-  var Formula = root.Formula = {};
-  var _ = root._;
-  var numeric = root.numeric;
-  var numeral = root.numeral;
-  var jStat = root.jStat;
-  var moment = root.moment;
-  var lodash = _;
-  var md5 = root.md5;
-  var _s = _.str;
-
-  if (typeof exports !== "undefined") {
-    module.exports = exportModule(
-      require('numeric'),
-      require('numeral'),
-      require('jStat'),
-      require('moment'),
-      require('lodash'),
-      require('underscore.string'),
-      require('blueimp-md5')
-    );
-  } else if (typeof define === "function" && define.amd) {
-    define(
-      'formula',
-      ['numeric', 'numeral', 'jstat', 'moment', 'lodash', 'underscore.string', 'md5'],
-      exportModule
-    );
-  } else {
-    Formula = exportModule(numeric, numeral, jStat, moment, lodash, _s, md5);
-    return Formula;
+exports.flattenShallow = function(array) {
+  if (!array || !array.reduce) {
+    return array;
   }
 
-  function exportModule(numeric, numeral, jStat, moment, _, _s, md5) {
-    var MEMOIZED_FACT = [];
-
-    var SQRT2PI = 2.5066282746310002;
-
-    var WEEK_STARTS = [
-      undefined,
-      0,
-      1,
-      undefined,
-      undefined,
-      undefined,
-      undefined,
-      undefined,
-      undefined,
-      undefined,
-      undefined,
-      undefined,
-      1,
-      2,
-      3,
-      4,
-      5,
-      6,
-      0
-    ];
-
-    var WEEK_TYPES = [
-      [],
-      [1, 2, 3, 4, 5, 6, 7],
-      [7, 1, 2, 3, 4, 5, 6],
-      [6, 0, 1, 2, 3, 4, 5],
-      [],
-      [],
-      [],
-      [],
-      [],
-      [],
-      [],
-      [7, 1, 2, 3, 4, 5, 6],
-      [6, 7, 1, 2, 3, 4, 5],
-      [5, 6, 7, 1, 2, 3, 4],
-      [4, 5, 6, 7, 1, 2, 3],
-      [3, 4, 5, 6, 7, 1, 2],
-      [2, 3, 4, 5, 6, 7, 1],
-      [1, 2, 3, 4, 5, 6, 7]
-    ];
-
-    var WEEKEND_TYPES = [
-      [],
-      [6, 0],
-      [0, 1],
-      [1, 2],
-      [2, 3],
-      [3, 4],
-      [4, 5],
-      [5, 6],
-      undefined,
-      undefined,
-      undefined,
-      [0],
-      [1],
-      [2],
-      [3],
-      [4],
-      [5],
-      [6]
-    ];
-
-    var simplifyArguments = function (arguments) {
-      for (var prop in arguments) {
-        if (_.isArray(arguments[prop])) {
-          arguments[prop] = Formula.FLATTEN(arguments[prop]);
-        }
-      }
-      return arguments;
-    };
-
-    // Override some functions
-    Formula.UNIQUE = function () {
-      return _.unique(arguments);
-    };
-
-    Formula.FLATTEN = function () {
-      return _.flatten(arguments);
-    };
-
-    // Generate a callback function
-    Formula.FUNCTION = function () {
-      var args = Array.prototype.slice.call(arguments);
-      var expression = args[args.length - 1];
-      var regexp = /(\w+)\(/g;
-      var newExpression = expression.replace(regexp, function () {
-        return "Formulae." + arguments[0];
-      });
-
-      args[args.length - 1] = "return " + newExpression + ";";
-      if (newExpression !== expression) {
-        args.unshift('Formulae');
-      }
-
-      return  Function.apply(null, args);
-    };
-
-    // Moment functions
-    Formula.MOMENT = function (timestamp, format) {
-      return moment(timestamp).format(format);
-    };
-
-    Formula.MOMENTADD = function (start_date, period, number) {
-      return moment(start_date).add(period, number);
-    };
-
-    Formula.MOMENTDIFF = function (start_date, end_date, period) {
-      return moment(end_date).diff(moment.utc(start_date), period);
-    };
-
-    Formula.MOMENTSUB = function (start_date, period, number) {
-      return moment(start_date).subtract(period, number);
-    };
-
-    Formula.MOMENTUTC = function (timestamp, format) {
-      return moment.utc(timestamp).format(format);
-    };
-
-    Formula.MOMENTUTCADD = function (start_date, period, number) {
-      return moment.utc(start_date).add(period, number);
-    };
-
-    Formula.MOMENTUTCDIFF = function (start_date, end_date, period) {
-      return moment.utc(end_date).diff(moment.utc(start_date), period);
-    };
-
-    Formula.MOMENTUTCSUB = function (start_date, period, number) {
-      return moment.utc(start_date).subtract(period, number);
-    };
-
-    Formula.MOMENTUNIX = function (unixTime) {
-      return moment.unix(unixTime).toDate();
-    };
-
-    Formula.MOMENTFORMAT = function (date, format) {
-      return moment(date).format(format);
-    };
-
-    Formula.MOMENTISLEAPYEAR = function (date, format) {
-      return moment(date, format).isLeapYear();
-    };
-
-    Formula.MOMENTISDST = function (date, format) {
-      return moment(date, format).isDST();
-    };
-
-    Formula.MOMENTSTARTOF = function (date, units, format) {
-      return moment(date, format).startOf(units).toDate();
-    };
-
-    Formula.MOMENTENDOF = function (date, units, format) {
-      return moment(date, format).endOf(units).toDate();
-    };
-
-    Formula.MOMENTISAFTER = function (date1, date2, format) {
-      return moment(date1, format).isAfter(moment(date2, format));
-    };
-
-    Formula.MOMENTISBEFORE = function (date1, date2, format) {
-      return moment(date1, format).isBefore(moment(date2, format));
-    };
-
-    Formula.INTERVAL = function (second) {
-      var year  = Math.floor(second/946080000);
-      second    = second%946080000;
-      var month = Math.floor(second/2592000);
-      second    = second%2592000;
-      var day   = Math.floor(second/86400);
-      second    = second%86400;
-
-      var hour  = Math.floor(second/3600);
-      second    = second%3600;
-      var min   = Math.floor(second/60);
-      second    = second%60;
-      var sec   = second;
-
-      year  = (year  > 0) ? year  + 'Y' : '';
-      month = (month > 0) ? month + 'M' : '';
-      day   = (day   > 0) ? day   + 'D' : '';
-      hour  = (hour  > 0) ? hour  + 'H' : '';
-      min   = (min   > 0) ? min   + 'M' : '';
-      sec   = (sec   > 0) ? sec   + 'S' : '';
-
-      return 'P' + year + month + day +
-             'T' + hour + min + sec;
-    };
-
-    // Custom Functions
-    Formula.ARGSCONCAT = function (args) {
-      var result = [];
-      for (var i = 0; i < args.length; i++) {
-        result = result.concat(args[i]);
-      }
-      return result;
-    };
-
-    Formula.ARGSTOARRAY = function (args) {
-      return Array.prototype.slice.call(args, 0);
-    };
-
-    Formula.CLEANFLOAT = function (number) {
-      var power = Math.pow(10, 14);
-      return Math.round(number * power) / power;
-    };
-
-    Formula.COUNTIN = function (range, value) {
-      var result = 0;
-      for (var i = 0; i < range.length; i++) {
-        if (range[i] === value) {
-          result++;
-        }
-      }
-      return result;
-    };
-
-    Formula.FINDFIELD = function(database, title) {
-      var index = null;
-      for (var i = 0; i < database.length; i++) {
-        if (database[i][0] === title) {
-          index = i;
-          break;
-        }
-      }
-
-      // Return error if the input field title is incorrect
-      if (index == null) {
-        return '#VALUE!';
-      }
-      return index;
-    };
-
-    Formula.FINDRESULTINDEX = function(database, criteria) {
-      var maxCriteriaLength = criteria[0].length;
-      for (var i = 1; i < criteria.length; i++) {
-        if (criteria[i].length > maxCriteriaLength) {
-          maxCriteriaLength = criteria[i].length;
-        }
-      }
-      var columnResultIndexes = [];
-      for (i = 1; i < maxCriteriaLength; i++) {
-        var rowResultIndexes = [];
-        for (var j = 0; j < criteria.length; j++) {
-          if (criteria[j].length < maxCriteriaLength) {
-            continue;
-          }
-          var criteriaTitle = criteria[j][0];
-          var criteriaIndex = Formula.FINDFIELD(database, criteriaTitle);
-          var criteriaValues = _.rest(database[criteriaIndex]);
-          var count = 0;
-          var singleResultIndexes = [];
-          for (var k = 0; k < criteriaValues.length; k++) {
-            if (eval(criteriaValues[k] + criteria[j][i])) {
-              singleResultIndexes[count++] = k;
-            }
-          }
-          rowResultIndexes[j] = singleResultIndexes;
-        }
-        columnResultIndexes[i - 1] = _.intersection.apply(_, rowResultIndexes);
-      }
-
-      var resultIndexes = _.union.apply(_, columnResultIndexes);
-      return resultIndexes;
-    };
-
-    // Database functions
-    Formula.DAVERAGE = function(database, field, criteria) {
-      // Return error if field is not a number and not a string
-      if (isNaN(field) && (typeof field !== "string")) {
-        return '#VALUE!';
-      }
-
-      var resultIndexes = Formula.FINDRESULTINDEX(database, criteria);
-      var targetFields = [];
-      if (typeof field === "string") {
-        var index = Formula.FINDFIELD(database, field);
-        targetFields = _.rest(database[index]);
-      } else {
-        targetFields = _.rest(database[field]);
-      }
-      var sum = 0;
-      for (var i = 0; i < resultIndexes.length; i++) {
-        sum += targetFields[resultIndexes[i]];
-      }
-      var average = Formula.IF(resultIndexes.length === 0, "#DIV/0!", sum / resultIndexes.length);
-      return average;
-    };
-
-    Formula.DCOUNT = function(database, field, criteria) {
-      // Return error if field is not a number and not a string
-      if (isNaN(field) && (typeof field !== "string")) {
-        return '#VALUE!';
-      }
-      var resultIndexes = Formula.FINDRESULTINDEX(database, criteria);
-      var targetFields = [];
-      if (typeof field === "string") {
-        var index = Formula.FINDFIELD(database, field);
-        targetFields = _.rest(database[index]);
-      } else {
-        targetFields = _.rest(database[field]);
-      }
-      var targetValues = [];
-      for (var i = 0; i < resultIndexes.length; i++) {
-        targetValues[i] = targetFields[resultIndexes[i]];
-      }
-      return Formula.COUNT(targetValues);
-    };
-
-    Formula.DCOUNTA = function(database, field, criteria) {
-      // Return error if field is not a number and not a string
-      if (isNaN(field) && (typeof field !== "string")) {
-        return '#VALUE!';
-      }
-      var resultIndexes = Formula.FINDRESULTINDEX(database, criteria);
-      var targetFields = [];
-      if (typeof field === "string") {
-        var index = Formula.FINDFIELD(database, field);
-        targetFields = _.rest(database[index]);
-      } else {
-        targetFields = _.rest(database[field]);
-      }
-      var targetValues = [];
-      for (var i = 0; i < resultIndexes.length; i++) {
-        targetValues[i] = targetFields[resultIndexes[i]];
-      }
-      return Formula.COUNTA(targetValues);
-    };
-
-    Formula.DGET = function(database, field, criteria) {
-      // Return error if field is not a number and not a string
-      if (isNaN(field) && (typeof field !== "string")) {
-        return '#VALUE!';
-      }
-      var resultIndexes = Formula.FINDRESULTINDEX(database, criteria);
-      var targetFields = [];
-      if (typeof field === "string") {
-        var index = Formula.FINDFIELD(database, field);
-        targetFields = _.rest(database[index]);
-      } else {
-        targetFields = _.rest(database[field]);
-      }
-      // Return error if no record meets the criteria
-      if (resultIndexes.length === 0) {
-        return '#VALUE!';
-      }
-      // Returns the #NUM! error value because more than one record meets the
-      // criteria
-      if (resultIndexes.length > 1) {
-        return '#NUM!';
-      }
-
-      return targetFields[resultIndexes[0]];
-    };
-
-    Formula.DMAX = function(database, field, criteria) {
-      // Return error if field is not a number and not a string
-      if (isNaN(field) && (typeof field !== "string")) {
-        return '#VALUE!';
-      }
-      var resultIndexes = Formula.FINDRESULTINDEX(database, criteria);
-      var targetFields = [];
-      if (typeof field === "string") {
-        var index = Formula.FINDFIELD(database, field);
-        targetFields = _.rest(database[index]);
-      } else {
-        targetFields = _.rest(database[field]);
-      }
-      var maxValue = targetFields[resultIndexes[0]];
-      for (var i = 1; i < resultIndexes.length; i++) {
-        if (maxValue < targetFields[resultIndexes[i]]) {
-          maxValue = targetFields[resultIndexes[i]];
-        }
-      }
-      return maxValue;
-    };
-
-    Formula.DMIN = function(database, field, criteria) {
-      // Return error if field is not a number and not a string
-      if (isNaN(field) && (typeof field !== "string")) {
-        return '#VALUE!';
-      }
-      var resultIndexes = Formula.FINDRESULTINDEX(database, criteria);
-      var targetFields = [];
-      if (typeof field === "string") {
-        var index = Formula.FINDFIELD(database, field);
-        targetFields = _.rest(database[index]);
-      } else {
-        targetFields = _.rest(database[field]);
-      }
-      var minValue = targetFields[resultIndexes[0]];
-      for (var i = 1; i < resultIndexes.length; i++) {
-        if (minValue > targetFields[resultIndexes[i]]) {
-          minValue = targetFields[resultIndexes[i]];
-        }
-      }
-      return minValue;
-    };
-
-    Formula.DPRODUCT = function(database, field, criteria) {
-      // Return error if field is not a number and not a string
-      if (isNaN(field) && (typeof field !== "string")) {
-        return '#VALUE!';
-      }
-      var resultIndexes = Formula.FINDRESULTINDEX(database, criteria);
-      var targetFields = [];
-      if (typeof field === "string") {
-        var index = Formula.FINDFIELD(database, field);
-        targetFields = _.rest(database[index]);
-      } else {
-        targetFields = _.rest(database[field]);
-      }
-      var targetValues = [];
-      for (var i = 0; i < resultIndexes.length; i++) {
-        targetValues[i] = targetFields[resultIndexes[i]];
-      }
-      targetValues = _.compact(targetValues);
-      var result = 1;
-      for (i = 0; i < targetValues.length; i++) {
-        result *= targetValues[i];
-      }
-      return result;
-    };
-
-    Formula.DSTDEV = function(database, field, criteria) {
-      // Return error if field is not a number and not a string
-      if (isNaN(field) && (typeof field !== "string")) {
-        return '#VALUE!';
-      }
-      var resultIndexes = Formula.FINDRESULTINDEX(database, criteria);
-      var targetFields = [];
-      if (typeof field === "string") {
-        var index = Formula.FINDFIELD(database, field);
-        targetFields = _.rest(database[index]);
-      } else {
-        targetFields = _.rest(database[field]);
-      }
-      var targetValues = [];
-      for (var i = 0; i < resultIndexes.length; i++) {
-        targetValues[i] = targetFields[resultIndexes[i]];
-      }
-      targetValues = _.compact(targetValues);
-      return Formula.STDEVS(targetValues);
-    };
-
-    Formula.DSTDEVP = function(database, field, criteria) {
-      // Return error if field is not a number and not a string
-      if (isNaN(field) && (typeof field !== "string")) {
-        return '#VALUE!';
-      }
-      var resultIndexes = Formula.FINDRESULTINDEX(database, criteria);
-      var targetFields = [];
-      if (typeof field === "string") {
-        var index = Formula.FINDFIELD(database, field);
-        targetFields = _.rest(database[index]);
-      } else {
-        targetFields = _.rest(database[field]);
-      }
-      var targetValues = [];
-      for (var i = 0; i < resultIndexes.length; i++) {
-        targetValues[i] = targetFields[resultIndexes[i]];
-      }
-      targetValues = _.compact(targetValues);
-      return Formula.STDEVP(targetValues);
-    };
-
-    Formula.DSUM = function(database, field, criteria) {
-      // Return error if field is not a number and not a string
-      if (isNaN(field) && (typeof field !== "string")) {
-        return '#VALUE!';
-      }
-      var resultIndexes = Formula.FINDRESULTINDEX(database, criteria);
-      var targetFields = [];
-      if (typeof field === "string") {
-        var index = Formula.FINDFIELD(database, field);
-        targetFields = _.rest(database[index]);
-      } else {
-        targetFields = _.rest(database[field]);
-      }
-      var targetValues = [];
-      for (var i = 0; i < resultIndexes.length; i++) {
-        targetValues[i] = targetFields[resultIndexes[i]];
-      }
-      return Formula.SUM(targetValues);
-    };
-
-    Formula.DVAR = function(database, field, criteria) {
-      // Return error if field is not a number and not a string
-      if (isNaN(field) && (typeof field !== "string")) {
-        return '#VALUE!';
-      }
-      var resultIndexes = Formula.FINDRESULTINDEX(database, criteria);
-      var targetFields = [];
-      if (typeof field === "string") {
-        var index = Formula.FINDFIELD(database, field);
-        targetFields = _.rest(database[index]);
-      } else {
-        targetFields = _.rest(database[field]);
-      }
-      var targetValues = [];
-      for (var i = 0; i < resultIndexes.length; i++) {
-        targetValues[i] = targetFields[resultIndexes[i]];
-      }
-      return Formula.VARS(targetValues);
-    };
-
-    Formula.DVARP = function(database, field, criteria) {
-      // Return error if field is not a number and not a string
-      if (isNaN(field) && (typeof field !== "string")) {
-        return '#VALUE!';
-      }
-      var resultIndexes = Formula.FINDRESULTINDEX(database, criteria);
-      var targetFields = [];
-      if (typeof field === "string") {
-        var index = Formula.FINDFIELD(database, field);
-        targetFields = _.rest(database[index]);
-      } else {
-        targetFields = _.rest(database[field]);
-      }
-      var targetValues = [];
-      for (var i = 0; i < resultIndexes.length; i++) {
-        targetValues[i] = targetFields[resultIndexes[i]];
-      }
-      return Formula.VARP(targetValues);
-    };
-
-    Formula.GETJSON = function (file) {
-      var request = new XMLHttpRequest();
-      request.open('GET', file, false);
-      request.send(null);
-      if (request.status === 200) {
-        return JSON.parse(request.responseText);
-      }
-    };
-
-
-    // Date functions
-    Formula.DATE = function () {
-      if (!arguments.length) {
-        return new Date();
-      }
-
-      if (arguments.length === 1) {
-        return new Date(arguments[0]);
-      }
-
-      var args = arguments;
-      args[1] = args[1] - 1; // Monthes are between 0 and 11.
-      return new (Date.bind.apply(Date, [Date].concat([].splice.call(args, 0))))();
-    };
-
-    Formula.DATEVALUE = function (date_text) {
-      return Math.ceil((moment(date_text) - moment('1900-1-1')) / 86400000) + 2;
-    };
-
-    Formula.DAY = function (date) {
-      return new Date(date).getDate();
-    };
-
-    Formula.DAYS = function (end_date, start_date) {
-      return moment(new Date(end_date)).diff(moment(new Date(start_date)), 'days');
-    };
-
-    Formula.DAYS360 = function (start_date, end_date, method) {
-      var start = moment(new Date(start_date));
-      var end = moment(new Date(end_date));
-      var smd = 31;
-      var emd = 31;
-      var sd = start.date();
-      var ed = end.date();
-      if (method) {
-        sd = (sd === 31) ? 30 : sd;
-        ed = (ed === 31) ? 30 : ed;
-      }
-      else {
-        if (start.month() === 1) {
-          smd = start.daysInMonth();
-        }
-        if (end.month() === 1) {
-          emd = end.daysInMonth();
-        }
-        sd = (sd === smd) ? 30 : sd;
-        if (sd === 30 || sd === smd) {
-          ed = (ed === emd) ? 30 : ed;
-        }
-      }
-      return 360 * (end.year() - start.year()) + 30 * (end.month() - start.month()) + (ed - sd);
-    };
-
-    Formula.EDATE = function (start_date, months) {
-      return moment(new Date(start_date)).add('months', months).toDate();
-    };
-
-    Formula.EOMONTH = function (start_date, months) {
-      var edate = moment(new Date(start_date)).add('months', months);
-      return new Date(edate.year(), edate.month(), edate.daysInMonth());
-    };
-
-    Formula.FROMNOW = function (timestamp, nosuffix) {
-      return moment(new Date(timestamp)).fromNow(nosuffix);
-    };
-
-    Formula.HOUR = function (timestamp) {
-      return (timestamp <= 1) ? Math.floor(24 * timestamp) : new Date(timestamp).getHours();
-    };
-
-    Formula.MINUTE = function (timestamp) {
-      return (timestamp <= 1) ? Math.floor(24 * 60 * timestamp) - 60 * Math.floor(24 * timestamp) : new Date(timestamp).getMinutes();
-    };
-
-    Formula.ISOWEEKNUM = function (date) {
-      return moment(new Date(date)).format('w');
-    };
-
-    Formula.MONTH = function (timestamp) {
-      return new Date(timestamp).getMonth() + 1;
-    };
-
-    Formula.NETWORKDAYS = function (start_date, end_date, holidays) {
-      return Formula.NETWORKDAYSINTL(start_date, end_date, 1, holidays);
-    };
-
-    Formula.NETWORKDAYSINTL = function (start_date, end_date, weekend, holidays) {
-      var weekend_type = (typeof weekend === 'undefined') ? 1 : weekend;
-      var weekend_days = WEEKEND_TYPES[weekend_type];
-      var sd = moment(start_date);
-      var ed = moment(end_date);
-      var net_days = ed.diff(sd, 'days') + 1;
-      var net_work_days = net_days;
-      var cd = sd;
-      var holiday_dates = [];
-      if (typeof holidays !== 'undefined') {
-        for (var i = 0; i < holidays.length; i++) {
-          holiday_dates[i] = moment(new Date(holidays[i])).format('MM-DD-YYYY');
-        }
-      }
-
-      if (!weekend_days.length && !holiday_dates.length) {
-        // No need to loop here.
-        return net_work_days;
-      }
-      var j = 0;
-      while (j < net_days) {
-        if (weekend_days.indexOf(parseInt(cd.format('d'), 10)) >= 0) {
-          net_work_days--;
-        } else if (holiday_dates.indexOf(cd.format('MM-DD-YYYY')) >= 0) {
-          net_work_days--;
-        }
-        cd = cd.add('days', 1);
-        j++;
-      }
-      return net_work_days;
-    };
-
-    Formula.NOW = function () {
-      return new Date();
-    };
-
-    Formula.SECOND = function (timestamp) {
-      return new Date(timestamp).getSeconds();
-    };
-
-    Formula.TIME = function (hour, minute, second) {
-      return (3600 * hour + 60 * minute + second) / 86400;
-    };
-
-    Formula.TIMEVALUE = function (time_text) {
-      var timestamp = new Date(time_text);
-      return (3600 * timestamp.getHours() + 60 * timestamp.getMinutes() + timestamp.getSeconds()) / 86400;
-    };
-
-    Formula.TODAY = Formula.NOW;
-
-    Formula.WEEKDAY = function (date, type) {
-      var week_day = moment(new Date(date)).format('d');
-      var week_type = (typeof type === 'undefined') ? 1 : type;
-      return WEEK_TYPES[week_type][week_day];
-    };
-
-    Formula.WEEKNUM = function (date, type) {
-      var current_date = moment(new Date(date));
-      var january_first = moment(new Date(current_date.year(), 0, 1));
-      var week_type = (typeof type === 'undefined') ? 1 : type;
-      var week_start = WEEK_STARTS[week_type];
-      var first_day = january_first.format('d');
-      var offset = (first_day < week_start) ? week_start - first_day + 1 : first_day - week_start;
-      if (week_type === 21) {
-        return Formula.ISOWEEKNUM(date);
-      } else {
-        return Math.floor(current_date.diff(january_first.subtract('days', offset), 'days') / 7) + 1;
-      }
-    };
-
-    Formula.WORKDAY = function (start_date, days, holidays) {
-      return Formula.WORKDAYINTL(start_date, days, 1, holidays);
-    };
-
-    Formula.WORKDAYINTL = function (start_date, days, weekend, holidays) {
-      var weekend_type = (typeof weekend === 'undefined') ? 1 : weekend;
-      var weekend_days = WEEKEND_TYPES[weekend_type];
-      var sd = moment(new Date(start_date));
-      var cd = sd;
-      var day_of_week = '';
-      var holiday_dates = [];
-      if (typeof holidays !== 'undefined') {
-        for (var i = 0; i < holidays.length; i++) {
-          holiday_dates[i] = moment(new Date(holidays[i])).format('MM-DD-YYYY');
-        }
-      }
-      var j = 0;
-      while (j < days) {
-        cd = cd.add('days', 1);
-        day_of_week = cd.format('d');
-        if (weekend_days.indexOf(parseInt(day_of_week, 10)) < 0 && holiday_dates.indexOf(cd.format('MM-DD-YYYY')) < 0) {
-          j++;
-        }
-      }
-      return cd.toDate();
-    };
-
-    Formula.YEAR = function (date) {
-      return new Date(date).getFullYear();
-    };
-
-    Formula.YEARFRAC = function (start_date, end_date, basis) {
-      // Credits: David A. Wheeler [http://www.dwheeler.com/]
-
-      // Initialize parameters
-      basis = (typeof basis === 'undefined') ? 0 : basis;
-      var sdate = moment(new Date(start_date));
-      var edate = moment(new Date(end_date));
-
-      // Return error if either date is invalid
-      if (!sdate.isValid() || !edate.isValid()) {
-        return '#VALUE!';
-      }
-
-      // Return error if basis is neither 0, 1, 2, 3, or 4
-      if ([0, 1, 2, 3, 4].indexOf(basis) === -1) {
-        return '#NUM!';
-      }
-
-      // Return zero if start_date and end_date are the same
-      if (sdate === edate) {
-        return 0;
-      }
-
-      // Swap dates if start_date is later than end_date
-      if (sdate.diff(edate) > 0) {
-        edate = moment(new Date(start_date));
-        sdate = moment(new Date(end_date));
-      }
-
-      // Lookup years, months, and days
-      var syear = sdate.year();
-      var smonth = sdate.month();
-      var sday = sdate.date();
-      var eyear = edate.year();
-      var emonth = edate.month();
-      var eday = edate.date();
-
-      switch (basis) {
-        case 0:
-          // US (NASD) 30/360
-          // Note: if eday == 31, it stays 31 if sday < 30
-          if (sday === 31 && eday === 31) {
-            sday = 30;
-            eday = 30;
-          } else if (sday === 31) {
-            sday = 30;
-          } else if (sday === 30 && eday === 31) {
-            eday = 30;
-          } else if (smonth === 1 && emonth === 1 && sdate.daysInMonth() === sday && edate.daysInMonth() === eday) {
-            sday = 30;
-            eday = 30;
-          } else if (smonth === 1 && sdate.daysInMonth() === sday) {
-            sday = 30;
-          }
-          return ((eday + emonth * 30 + eyear * 360) - (sday + smonth * 30 + syear * 360)) / 360;
-
-        case 1:
-          // Actual/actual
-          var feb29Between = function (date1, date2) {
-            // Requires year2 == (year1 + 1) or year2 == year1
-            // Returns TRUE if February 29 is between the two dates (date1 may be February 29), with two possibilities:
-            // year1 is a leap year and date1 <= Februay 29 of year1
-            // year2 is a leap year and date2 > Februay 29 of year2
-
-            var mar1year1 = moment(new Date(date1.year(), 2, 1));
-            if (moment([date1.year()]).isLeapYear() && date1.diff(mar1year1) < 0 && date2.diff(mar1year1) >= 0) {
-              return true;
-            }
-            var mar1year2 = moment(new Date(date2.year(), 2, 1));
-            if (moment([date2.year()]).isLeapYear() && date2.diff(mar1year2) >= 0 && date1.diff(mar1year2) < 0) {
-              return true;
-            }
-            return false;
-          };
-          var ylength = 365;
-          if (syear === eyear || ((syear + 1) === eyear) && ((smonth > emonth) || ((smonth === emonth) && (sday >= eday)))) {
-            if (syear === eyear && moment([syear]).isLeapYear()) {
-              ylength = 366;
-            } else if (feb29Between(sdate, edate) || (emonth === 1 && eday === 29)) {
-              ylength = 366;
-            }
-            return edate.diff(sdate, 'days') / ylength;
-          } else {
-            var years = (eyear - syear) + 1;
-            var days = moment(new Date(eyear + 1, 0, 1)).diff(moment(new Date(syear, 0, 1)), 'days');
-            var average = days / years;
-            return edate.diff(sdate, 'days') / average;
-          }
-          break;
-
-        case 2:
-          // Actual/360
-          return edate.diff(sdate, 'days') / 360;
-
-        case 3:
-          // Actual/365
-          return edate.diff(sdate, 'days') / 365;
-
-        case 4:
-          // European 30/360
-          if (sday === 31) {
-            sday = 30;
-          }
-
-          if (eday === 31) {
-            eday = 30;
-          }
-          // Remarkably, do NOT change February 28 or February 29 at ALL
-          return ((eday + emonth * 30 + eyear * 360) - (sday + smonth * 30 + syear * 360)) / 360;
-      }
-    };
-
-    // Engineering functions
-
-    // This function is extracted from the source code of SheetJS/bessel:
-    // https://github.com/SheetJS/bessel/blob/master/bessel.js#L144
-    Formula.BESSELI = (function() {
-      function horner(arr, v) {
-        return arr.reduce(function(z, w) {
-          return v*z + w;
-        }, 0);
-      }
-      var b0_a = [1.0, 3.5156229, 3.0899424, 1.2067492, 0.2659732, 0.360768e-1, 0.45813e-2].reverse();
-      var b0_b = [0.39894228, 0.1328592e-1, 0.225319e-2, -0.157565e-2, 0.916281e-2, -0.2057706e-1, 0.2635537e-1, -0.1647633e-1, 0.392377e-2].reverse();
-      function bessel0(x) {
-        if(x <= 3.75) {
-          return horner(b0_a, x*x/(3.75*3.75));
-        }
-        return Math.exp(Math.abs(x))/Math.sqrt(Math.abs(x))*horner(b0_b, 3.75/Math.abs(x));
-      }
-
-      var b1_a = [0.5, 0.87890594, 0.51498869, 0.15084934, 0.2658733e-1, 0.301532e-2, 0.32411e-3].reverse();
-      var b1_b = [0.39894228, -0.3988024e-1, -0.362018e-2, 0.163801e-2, -0.1031555e-1, 0.2282967e-1, -0.2895312e-1, 0.1787654e-1, -0.420059e-2].reverse();
-      function bessel1(x) {
-        if(x < 3.75) {
-          return x * horner(b1_a, x*x/(3.75*3.75));
-        }
-        return (x < 0 ? -1 : 1) * Math.exp(Math.abs(x))/Math.sqrt(Math.abs(x))*horner(b1_b, 3.75/Math.abs(x));
-      }
-
-      return function besseli(x, n) {
-        n = Math.round(n);
-        if(n === 0) {
-          return bessel0(x);
-        }
-        if(n === 1) {
-          return bessel1(x);
-        }
-        if(n < 0) {
-          throw 'BESSELI Order (' + n + ') must be nonnegative';
-        }
-        if(Math.abs(x) === 0) {
-          return 0;
-        }
-
-        var ret, j, tox = 2 / Math.abs(x), m, bip, bi, bim;
-        m=2*Math.round((n+Math.round(Math.sqrt(40*n)))/2);
-        bip=ret=0.0;
-        bi=1.0;
-        for (j=m;j>0;j--) {
-          bim=j*tox*bi + bip;
-          bip=bi; bi=bim;
-          if (Math.abs(bi) > 1E10) {
-            bi *= 1E-10;
-            bip *= 1E-10;
-            ret *= 1E-10;
-          }
-          if(j === n) {
-            ret = bip;
-          }
-        }
-        ret *= besseli(x, 0) / bi;
-        return x < 0 && (n%2) ? -ret : ret;
-      };
-
-    })();
-
-    // This function is extracted from the source code of SheetJS/bessel:
-    // https://github.com/SheetJS/bessel/blob/master/bessel.js#L25
-    Formula.BESSELJ = (function() {
-      function horner(arr, v) {
-        return arr.reduce(function(z, w) {
-          return v*z + w;
-        }, 0);
-      }
-      var b0_a1a = [57568490574.0,-13362590354.0,651619640.7,-11214424.18,77392.33017,-184.9052456].reverse();
-      var b0_a2a = [57568490411.0,1029532985.0,9494680.718,59272.64853,267.8532712,1.0].reverse();
-      var b0_a1b = [1.0, -0.1098628627e-2, 0.2734510407e-4, -0.2073370639e-5, 0.2093887211e-6].reverse();
-      var b0_a2b = [-0.1562499995e-1, 0.1430488765e-3, -0.6911147651e-5, 0.7621095161e-6, -0.934935152e-7].reverse();
-      var W = 0.636619772; // 2 / Math.PI
-
-      function bessel0(x) {
-        var a, a1, a2, y = x * x, xx = Math.abs(x) - 0.785398164;
-        if(Math.abs(x) < 8) {
-          a1 = horner(b0_a1a, y);
-          a2 = horner(b0_a2a, y);
-          a = a1/a2;
-        }
-        else {
-          y = 64 / y;
-          a1 = horner(b0_a1b, y);
-          a2 = horner(b0_a2b, y);
-          a = Math.sqrt(W/Math.abs(x))*(Math.cos(xx)*a1-Math.sin(xx)*a2*8/Math.abs(x));
-        }
-        return a;
-      }
-      var b1_a1a = [72362614232.0,-7895059235.0,242396853.1,-2972611.439, 15704.48260, -30.16036606].reverse();
-      var b1_a2a = [144725228442.0, 2300535178.0, 18583304.74, 99447.43394, 376.9991397, 1.0].reverse();
-      var b1_a1b = [1.0, 0.183105e-2, -0.3516396496e-4, 0.2457520174e-5, -0.240337019e-6].reverse();
-      var b1_a2b = [0.04687499995, -0.2002690873e-3, 0.8449199096e-5, -0.88228987e-6, 0.105787412e-6].reverse();
-      function bessel1(x) {
-        var a, a1, a2, y = x*x, xx = Math.abs(x) - 2.356194491;
-        if(Math.abs(x)< 8) {
-          a1 = x*horner(b1_a1a, y);
-          a2 = horner(b1_a2a, y);
-          a = a1 / a2;
-        } else {
-          y = 64 / y;
-          a1=horner(b1_a1b, y);
-          a2=horner(b1_a2b, y);
-          a=Math.sqrt(W/Math.abs(x))*(Math.cos(xx)*a1-Math.sin(xx)*a2*8/Math.abs(x));
-          if(x < 0) {
-            a = -a;
-          }
-        }
-        return a;
-      }
-
-      function _bessel_iter(x, n, f0, f1, sign) {
-        if(!sign) {
-          sign = -1;
-        }
-        var tdx = 2 / x, f2;
-        if(n === 0) {
-          return f0;
-        }
-        if(n === 1) {
-          return f1;
-        }
-        for(var o = 1; o !== n; ++o) {
-          f2 = f1 * o * tdx + sign * f0;
-          f0 = f1; f1 = f2;
-        }
-        return f1;
-      }
-
-      return function besselj(x, n) {
-        n = Math.round(n);
-        if(n === 0) {
-          return bessel0(Math.abs(x));
-        }
-        if(n === 1) {
-          return bessel1(Math.abs(x));
-        }
-        if(n < 0) {
-          throw 'BESSELJ: Order (' + n + ') must be nonnegative';
-        }
-        if(Math.abs(x) === 0) {
-          return 0;
-        }
-
-        var ret, j, tox = 2 / Math.abs(x), m, jsum, sum, bjp, bj, bjm;
-        if(Math.abs(x) > n) {
-          ret = _bessel_iter(x, n, bessel0(Math.abs(x)), bessel1(Math.abs(x)),-1);
-        } else {
-          m=2*Math.floor((n+Math.floor(Math.sqrt(40*n)))/2);
-          jsum=0;
-          bjp=ret=sum=0.0;
-          bj=1.0;
-          for (j=m;j>0;j--) {
-            bjm=j*tox*bj-bjp;
-            bjp=bj;
-            bj=bjm;
-            if (Math.abs(bj) > 1E10) {
-              bj *= 1E-10;
-              bjp *= 1E-10;
-              ret *= 1E-10;
-              sum *= 1E-10;
-            }
-            if (jsum) {
-              sum += bj;
-            }
-            jsum=!jsum;
-            if (j === n) {
-              ret=bjp;
-            }
-          }
-          sum=2.0*sum-bj;
-          ret /= sum;
-        }
-        return x < 0 && (n%2) ? -ret : ret;
-      };
-    })();
-
-    // This function is extracted from the source code of SheetJS/bessel:
-    // https://github.com/SheetJS/bessel/blob/master/bessel.js#L186
-    Formula.BESSELK = (function() {
-      function horner(arr, v) {
-        return arr.reduce(function(z, w) {
-          return v*z + w;
-        }, 0);
-      }
-      var b0_a = [-0.57721566, 0.42278420, 0.23069756, 0.3488590e-1, 0.262698e-2, 0.10750e-3, 0.74e-5].reverse();
-      var b0_b = [1.25331414, -0.7832358e-1, 0.2189568e-1, -0.1062446e-1, 0.587872e-2, -0.251540e-2, 0.53208e-3].reverse();
-      function bessel0(x) {
-        if(x <= 2) {
-          return -Math.log(x/2)*Formula.BESSELI(x,0) + horner(b0_a,x*x/4);
-        }
-        return Math.exp(-x)/Math.sqrt(x)*horner(b0_b,2/x);
-      }
-
-      var b1_a = [1.0, 0.15443144, -0.67278579, -0.18156897, -0.1919402e-1, -0.110404e-2, -0.4686e-4].reverse();
-      var b1_b = [1.25331414, 0.23498619, -0.3655620e-1, 0.1504268e-1, -0.780353e-2, 0.325614e-2, -0.68245e-3].reverse();
-      function bessel1(x) {
-        if(x <= 2) {
-          return Math.log(x/2)*Formula.BESSELI(x,1) + (1/x)*horner(b1_a,x*x/4);
-        }
-        return Math.exp(-x)/Math.sqrt(x)*horner(b1_b,2/x);
-      }
-
-      function _bessel_iter(x, n, f0, f1, sign) {
-        if(!sign) {
-          sign = -1;
-        }
-        var tdx = 2 / x, f2;
-        if(n === 0) {
-          return f0;
-        }
-        if(n === 1) {
-          return f1;
-        }
-        for(var o = 1; o !== n; ++o) {
-          f2 = f1 * o * tdx + sign * f0;
-          f0 = f1; f1 = f2;
-        }
-        return f1;
-      }
-
-      function _bessel_wrap(bessel0, bessel1, name, nonzero, sign) {
-        return function bessel(x,n) {
-          if(n === 0) {
-            return bessel0(x);
-          }
-          if(n === 1) {
-            return bessel1(x);
-          }
-          if(n < 0) {
-            throw name + ': Order (' + n + ') must be nonnegative';
-          }
-          if(nonzero === 1 && x === 0) {
-            throw name + ': Undefined when x == 0';
-          }
-          if(nonzero === 2 && x <= 0) {
-            throw name + ': Undefined when x <= 0';
-          }
-          var b0 = bessel0(x), b1 = bessel1(x);
-          return _bessel_iter(x, n, b0, b1, sign);
-        };
-      }
-
-      return _bessel_wrap(bessel0, bessel1, 'BESSELK', 2, 1);
-    })();
-
-    // This function is extracted from the source code of SheetJS/bessel:
-    // https://github.com/SheetJS/bessel/blob/master/bessel.js#L101
-    Formula.BESSELY = (function() {
-      function horner(arr, v) {
-        return arr.reduce(function(z, w) {
-          return v*z + w;
-        }, 0);
-      }
-      var b0_a1a = [-2957821389.0, 7062834065.0, -512359803.6, 10879881.29, -86327.92757, 228.4622733].reverse();
-      var b0_a2a = [40076544269.0, 745249964.8, 7189466.438, 47447.26470, 226.1030244, 1.0].reverse();
-      var b0_a1b = [1.0, -0.1098628627e-2, 0.2734510407e-4, -0.2073370639e-5, 0.2093887211e-6].reverse();
-      var b0_a2b = [-0.1562499995e-1, 0.1430488765e-3, -0.6911147651e-5, 0.7621095161e-6, -0.934945152e-7].reverse();
-
-      var W = 0.636619772;
-      function bessel0(x) {
-        var a, a1, a2, y = x * x, xx = x - 0.785398164;
-        if(x < 8) {
-          a1 = horner(b0_a1a, y);
-          a2 = horner(b0_a2a, y);
-          a = a1/a2 + W * Formula.BESSELJ(x,0) * Math.log(x);
-        } else {
-          y = 64 / y;
-          a1 = horner(b0_a1b, y);
-          a2 = horner(b0_a2b, y);
-          a = Math.sqrt(W/x)*(Math.sin(xx)*a1+Math.cos(xx)*a2*8/x);
-        }
-        return a;
-      }
-
-      var b1_a1a = [-0.4900604943e13, 0.1275274390e13, -0.5153438139e11, 0.7349264551e9, -0.4237922726e7, 0.8511937935e4].reverse();
-      var b1_a2a = [0.2499580570e14, 0.4244419664e12, 0.3733650367e10, 0.2245904002e8, 0.1020426050e6, 0.3549632885e3, 1].reverse();
-      var b1_a1b = [1.0, 0.183105e-2, -0.3516396496e-4, 0.2457520174e-5, -0.240337019e-6].reverse();
-      var b1_a2b = [0.04687499995, -0.2002690873e-3, 0.8449199096e-5, -0.88228987e-6, 0.105787412e-6].reverse();
-      function bessel1(x) {
-        var a, a1, a2, y = x*x, xx = x - 2.356194491;
-        if(x < 8) {
-          a1 = x*horner(b1_a1a, y);
-          a2 = horner(b1_a2a, y);
-          a = a1/a2 + W * (Formula.BESSELJ(x,1) * Math.log(x) - 1 / x);
-        } else {
-          y = 64 / y;
-          a1=horner(b1_a1b, y);
-          a2=horner(b1_a2b, y);
-          a=Math.sqrt(W/x)*(Math.sin(xx)*a1+Math.cos(xx)*a2*8/x);
-        }
-        return a;
-      }
-
-      function _bessel_iter(x, n, f0, f1, sign) {
-        if(!sign) {
-          sign = -1;
-        }
-        var tdx = 2 / x, f2;
-        if(n === 0) {
-          return f0;
-        }
-        if(n === 1) {
-          return f1;
-        }
-        for(var o = 1; o !== n; ++o) {
-          f2 = f1 * o * tdx + sign * f0;
-          f0 = f1; f1 = f2;
-        }
-        return f1;
-      }
-
-      function _bessel_wrap(bessel0, bessel1, name, nonzero, sign) {
-        return function bessel(x,n) {
-          if(n === 0) {
-            return bessel0(x);
-          }
-          if(n === 1) {
-            return bessel1(x);
-          }
-          if(n < 0) {
-            throw name + ': Order (' + n + ') must be nonnegative';
-          }
-          if(nonzero === 1 && x === 0) {
-            throw name + ': Undefined when x == 0';
-          }
-          if(nonzero === 2 && x <= 0) {
-            throw name + ': Undefined when x <= 0';
-          }
-          var b0 = bessel0(x), b1 = bessel1(x);
-          return _bessel_iter(x, n, b0, b1, sign);
-        };
-      }
-
-      return _bessel_wrap(bessel0, bessel1, 'BESSELY', 1, -1);
-    })();
-
-    Formula.VALIDBIN = function (number) {
-      return (/^[01]{1,10}$/).test(number);
-    };
-
-    Formula.BIN2DEC = function (number) {
-      // Return error if number is not binary or contains more than 10 characters (10 digits)
-      if (!Formula.VALIDBIN(number)) {
-        return '#NUM!';
-      }
-
-      // Convert binary number to decimal
-      var result = parseInt(number, 2);
-
-      // Handle negative numbers
-      var stringified = number.toString();
-      if (stringified.length === 10 && stringified.substring(0, 1) === '1') {
-        return parseInt(stringified.substring(1), 2) - 512;
-      } else {
-        return result;
-      }
-    };
-
-    Formula.BIN2HEX = function (number, places) {
-      // Return error if number is not binary or contains more than 10 characters (10 digits)
-      if (!Formula.VALIDBIN(number)) {
-        return '#NUM!';
-      }
-
-      // Ignore places and return a 10-character hexadecimal number if number is negative
-      var stringified = number.toString();
-      if (stringified.length === 10 && stringified.substring(0, 1) === '1') {
-        return (1099511627264 + parseInt(stringified.substring(1), 2)).toString(16);
-      }
-
-      // Convert binary number to hexadecimal
-      var result = parseInt(number, 2).toString(16);
-
-      // Return hexadecimal number using the minimum number of characters necessary if places is undefined
-      if (typeof places === 'undefined') {
-        return result;
-      } else {
-        // Return error if places is nonnumeric
-        if (isNaN(places)) {
-          return '#VALUE!';
-        }
-
-        // Return error if places is negative
-        if (places < 0) {
-          return '#NUM!';
-        }
-
-        // Truncate places in case it is not an integer
-        places = Math.floor(places);
-
-        // Pad return value with leading 0s (zeros) if necessary (using Underscore.string)
-        return (places >= result.length) ? _s.repeat('0', places - result.length) + result : '#NUM!';
-      }
-    };
-
-    Formula.BIN2OCT = function (number, places) {
-      // Return error if number is not binary or contains more than 10 characters (10 digits)
-      if (!Formula.VALIDBIN(number)) {
-        return '#NUM!';
-      }
-
-      // Ignore places and return a 10-character octal number if number is negative
-      var stringified = number.toString();
-      if (stringified.length === 10 && stringified.substring(0, 1) === '1') {
-        return (1073741312 + parseInt(stringified.substring(1), 2)).toString(8);
-      }
-
-      // Convert binary number to octal
-      var result = parseInt(number, 2).toString(8);
-
-      // Return octal number using the minimum number of characters necessary if places is undefined
-      if (typeof places === 'undefined') {
-        return result;
-      } else {
-        // Return error if places is nonnumeric
-        if (isNaN(places)) {
-          return '#VALUE!';
-        }
-
-        // Return error if places is negative
-        if (places < 0) {
-          return '#NUM!';
-        }
-
-        // Truncate places in case it is not an integer
-        places = Math.floor(places);
-
-        // Pad return value with leading 0s (zeros) if necessary (using Underscore.string)
-        return (places >= result.length) ? _s.repeat('0', places - result.length) + result : '#NUM!';
-      }
-    };
-
-    Formula.BITAND = function (number1, number2) {
-      // Return error if either number is a non-numeric value
-      if (isNaN(number1) || isNaN(number2)) {
-        return '#VALUE!';
-      }
-
-      // Return error if either number is less than 0
-      if (number1 < 0 || number2 < 0) {
-        return '#NUM!';
-      }
-
-      // Return error if either number is a non-integer
-      if (Math.floor(number1) !== number1 || Math.floor(number2) !== number2) {
-        return '#NUM!';
-      }
-
-      // Return error if either number is greater than (2^48)-1
-      if (number1 > 281474976710655 || number2 > 281474976710655) {
-        return '#NUM!';
-      }
-
-      // Return bitwise AND of two numbers
-      return number1 & number2;
-    };
-
-    Formula.BITLSHIFT = function (number, shift) {
-      // Return error if either number is a non-numeric value
-      if (isNaN(number) || isNaN(shift)) {
-        return '#VALUE!';
-      }
-
-      // Return error if number is less than 0
-      if (number < 0) {
-        return '#NUM!';
-      }
-
-      // Return error if number is a non-integer
-      if (Math.floor(number) !== number) {
-        return '#NUM!';
-      }
-
-      // Return error if number is greater than (2^48)-1
-      if (number > 281474976710655) {
-        return '#NUM!';
-      }
-
-      // Return error if the absolute value of shift is greater than 53
-      if (Math.abs(shift) > 53) {
-        return '#NUM!';
-      }
-
-      // Return number shifted by shift bits to the left or to the right if shift is negative
-      return (shift >= 0 ) ? number << shift : number >> -shift;
-    };
-
-    Formula.BITOR = function (number1, number2) {
-      // Return error if either number is a non-numeric value
-      if (isNaN(number1) || isNaN(number2)) {
-        return '#VALUE!';
-      }
-
-      // Return error if either number is less than 0
-      if (number1 < 0 || number2 < 0) {
-        return '#NUM!';
-      }
-
-      // Return error if either number is a non-integer
-      if (Math.floor(number1) !== number1 || Math.floor(number2) !== number2) {
-        return '#NUM!';
-      }
-
-      // Return error if either number is greater than (2^48)-1
-      if (number1 > 281474976710655 || number2 > 281474976710655) {
-        return '#NUM!';
-      }
-
-      // Return bitwise OR of two numbers
-      return number1 | number2;
-    };
-
-    Formula.BITRSHIFT = function (number, shift) {
-      // Return error if either number is a non-numeric value
-      if (isNaN(number) || isNaN(shift)) {
-        return '#VALUE!';
-      }
-
-      // Return error if number is less than 0
-      if (number < 0) {
-        return '#NUM!';
-      }
-
-      // Return error if number is a non-integer
-      if (Math.floor(number) !== number) {
-        return '#NUM!';
-      }
-
-      // Return error if number is greater than (2^48)-1
-      if (number > 281474976710655) {
-        return '#NUM!';
-      }
-
-      // Return error if the absolute value of shift is greater than 53
-      if (Math.abs(shift) > 53) {
-        return '#NUM!';
-      }
-
-      // Return number shifted by shift bits to the right or to the left if shift is negative
-      return (shift >= 0 ) ? number >> shift : number << -shift;
-    };
-
-    Formula.BITXOR = function (number1, number2) {
-      // Return error if either number is a non-numeric value
-      if (isNaN(number1) || isNaN(number2)) {
-        return '#VALUE!';
-      }
-
-      // Return error if either number is less than 0
-      if (number1 < 0 || number2 < 0) {
-        return '#NUM!';
-      }
-
-      // Return error if either number is a non-integer
-      if (Math.floor(number1) !== number1 || Math.floor(number2) !== number2) {
-        return '#NUM!';
-      }
-
-      // Return error if either number is greater than (2^48)-1
-      if (number1 > 281474976710655 || number2 > 281474976710655) {
-        return '#NUM!';
-      }
-
-      // Return bitwise XOR of two numbers
-      return number1 ^ number2;
-    };
-
-    Formula.COMPLEX = function (real, imaginary, suffix) {
-      // Return error if either number is a non-numeric value
-      if (isNaN(real) || isNaN(imaginary)) {
-        return '#VALUE!';
-      }
-
-      // Set suffix
-      suffix = (typeof suffix === 'undefined') ? 'i' : suffix;
-
-      // Return error if suffix is neither "i" nor "j"
-      if (suffix !== 'i' && suffix !== 'j') {
-        return '#VALUE!';
-      }
-
-      // Return complex number
-      if (real === 0 && imaginary === 0) {
-        return 0;
-      } else if (real === 0) {
-        return (imaginary === 1) ? suffix : imaginary.toString() + suffix;
-      } else if (imaginary === 0) {
-        return real.toString();
-      } else {
-        var sign = (imaginary > 0) ? '+' : '';
-        return real.toString() + sign + ((imaginary === 1) ? suffix : imaginary.toString() + suffix);
-      }
-    };
-
-    Formula.CONVERT = function (number, from_unit, to_unit) {
-      // Return error if number is a non-numeric value
-      if (isNaN(number)) {
-        return '#VALUE!';
-      }
-
-      // List of units supported by CONVERT and units defined by the International System of Units
-      // [Name, Symbol, Alternate symbols, Quantity, ISU, CONVERT, Conversion ratio]
-      var units = [
-        ["a.u. of action", "?", null, "action", false, false, 1.05457168181818e-34],
-        ["a.u. of charge", "e", null, "electric_charge", false, false, 1.60217653141414e-19],
-        ["a.u. of energy", "Eh", null, "energy", false, false, 4.35974417757576e-18],
-        ["a.u. of length", "a?", null, "length", false, false, 5.29177210818182e-11],
-        ["a.u. of mass", "m?", null, "mass", false, false, 9.10938261616162e-31],
-        ["a.u. of time", "?/Eh", null, "time", false, false, 2.41888432650516e-17],
-        ["admiralty knot", "admkn", null, "speed", false, true, 0.514773333],
-        ["ampere", "A", null, "electric_current", true, false, 1],
-        ["ampere per meter", "A/m", null, "magnetic_field_intensity", true, false, 1],
-        ["ångström", "Å", ["ang"], "length", false, true, 1e-10],
-        ["are", "ar", null, "area", false, true, 100],
-        ["astronomical unit", "ua", null, "length", false, false, 1.49597870691667e-11],
-        ["bar", "bar", null, "pressure", false, false, 100000],
-        ["barn", "b", null, "area", false, false, 1e-28],
-        ["becquerel", "Bq", null, "radioactivity", true, false, 1],
-        ["bit", "bit", ["b"], "information", false, true, 1],
-        ["btu", "BTU", ["btu"], "energy", false, true, 1055.05585262],
-        ["byte", "byte", null, "information", false, true, 8],
-        ["candela", "cd", null, "luminous_intensity", true, false, 1],
-        ["candela per square metre", "cd/m?", null, "luminance", true, false, 1],
-        ["coulomb", "C", null, "electric_charge", true, false, 1],
-        ["cubic ångström", "ang3", ["ang^3"], "volume", false, true, 1e-30],
-        ["cubic foot", "ft3", ["ft^3"], "volume", false, true, 0.028316846592],
-        ["cubic inch", "in3", ["in^3"], "volume", false, true, 0.000016387064],
-        ["cubic light-year", "ly3", ["ly^3"], "volume", false, true, 8.46786664623715e-47],
-        ["cubic metre", "m?", null, "volume", true, true, 1],
-        ["cubic mile", "mi3", ["mi^3"], "volume", false, true, 4168181825.44058],
-        ["cubic nautical mile", "Nmi3", ["Nmi^3"], "volume", false, true, 6352182208],
-        ["cubic Pica", "Pica3", ["Picapt3", "Pica^3", "Picapt^3"], "volume", false, true, 7.58660370370369e-8],
-        ["cubic yard", "yd3", ["yd^3"], "volume", false, true, 0.764554857984],
-        ["cup", "cup", null, "volume", false, true, 0.0002365882365],
-        ["dalton", "Da", ["u"], "mass", false, false, 1.66053886282828e-27],
-        ["day", "d", ["day"], "time", false, true, 86400],
-        ["degree", "°", null, "angle", false, false, 0.0174532925199433],
-        ["degrees Rankine", "Rank", null, "temperature", false, true, 0.555555555555556],
-        ["dyne", "dyn", ["dy"], "force", false, true, 0.00001],
-        ["electronvolt", "eV", ["ev"], "energy", false, true, 1.60217656514141],
-        ["ell", "ell", null, "length", false, true, 1.143],
-        ["erg", "erg", ["e"], "energy", false, true, 1e-7],
-        ["farad", "F", null, "electric_capacitance", true, false, 1],
-        ["fluid ounce", "oz", null, "volume", false, true, 0.0000295735295625],
-        ["foot", "ft", null, "length", false, true, 0.3048],
-        ["foot-pound", "flb", null, "energy", false, true, 1.3558179483314],
-        ["gal", "Gal", null, "acceleration", false, false, 0.01],
-        ["gallon", "gal", null, "volume", false, true, 0.003785411784],
-        ["gauss", "G", ["ga"], "magnetic_flux_density", false, true, 1],
-        ["grain", "grain", null, "mass", false, true, 0.0000647989],
-        ["gram", "g", null, "mass", false, true, 0.001],
-        ["gray", "Gy", null, "absorbed_dose", true, false, 1],
-        ["gross registered ton", "GRT", ["regton"], "volume", false, true, 2.8316846592],
-        ["hectare", "ha", null, "area", false, true, 10000],
-        ["henry", "H", null, "inductance", true, false, 1],
-        ["hertz", "Hz", null, "frequency", true, false, 1],
-        ["horsepower", "HP", ["h"], "power", false, true, 745.69987158227],
-        ["horsepower-hour", "HPh", ["hh", "hph"], "energy", false, true, 2684519.538],
-        ["hour", "h", ["hr"], "time", false, true, 3600],
-        ["imperial gallon (U.K.)", "uk_gal", null, "volume", false, true, 0.00454609],
-        ["imperial hundredweight", "lcwt", ["uk_cwt", "hweight"], "mass", false, true, 50.802345],
-        ["imperial quart (U.K)", "uk_qt", null, "volume", false, true, 0.0011365225],
-        ["imperial ton", "brton", ["uk_ton", "LTON"], "mass", false, true, 1016.046909],
-        ["inch", "in", null, "length", false, true, 0.0254],
-        ["international acre", "uk_acre", null, "area", false, true, 4046.8564224],
-        ["IT calorie", "cal", null, "energy", false, true, 4.1868],
-        ["joule", "J", null, "energy", true, true, 1],
-        ["katal", "kat", null, "catalytic_activity", true, false, 1],
-        ["kelvin", "K", ["kel"], "temperature", true, true, 1],
-        ["kilogram", "kg", null, "mass", true, true, 1],
-        ["knot", "kn", null, "speed", false, true, 0.514444444444444],
-        ["light-year", "ly", null, "length", false, true, 9460730472580800],
-        ["litre", "L", ["l", "lt"], "volume", false, true, 0.001],
-        ["lumen", "lm", null, "luminous_flux", true, false, 1],
-        ["lux", "lx", null, "illuminance", true, false, 1],
-        ["maxwell", "Mx", null, "magnetic_flux", false, false, 1e-18],
-        ["measurement ton", "MTON", null, "volume", false, true, 1.13267386368],
-        ["meter per hour", "m/h", ["m/hr"], "speed", false, true, 0.00027777777777778],
-        ["meter per second", "m/s", ["m/sec"], "speed", true, true, 1],
-        ["meter per second squared", "m?s??", null, "acceleration", true, false, 1],
-        ["parsec", "pc", ["parsec"], "length", false, true, 30856775814671900],
-        ["meter squared per second", "m?/s", null, "kinematic_viscosity", true, false, 1],
-        ["metre", "m", null, "length", true, true, 1],
-        ["miles per hour", "mph", null, "speed", false, true, 0.44704],
-        ["millimetre of mercury", "mmHg", null, "pressure", false, false, 133.322],
-        ["minute", "?", null, "angle", false, false, 0.000290888208665722],
-        ["minute", "min", ["mn"], "time", false, true, 60],
-        ["modern teaspoon", "tspm", null, "volume", false, true, 0.000005],
-        ["mole", "mol", null, "amount_of_substance", true, false, 1],
-        ["morgen", "Morgen", null, "area", false, true, 2500],
-        ["n.u. of action", "?", null, "action", false, false, 1.05457168181818e-34],
-        ["n.u. of mass", "m?", null, "mass", false, false, 9.10938261616162e-31],
-        ["n.u. of speed", "c?", null, "speed", false, false, 299792458],
-        ["n.u. of time", "?/(me?c??)", null, "time", false, false, 1.28808866778687e-21],
-        ["nautical mile", "M", ["Nmi"], "length", false, true, 1852],
-        ["newton", "N", null, "force", true, true, 1],
-        ["œrsted", "Oe ", null, "magnetic_field_intensity", false, false, 79.5774715459477],
-        ["ohm", "Ω", null, "electric_resistance", true, false, 1],
-        ["ounce mass", "ozm", null, "mass", false, true, 0.028349523125],
-        ["pascal", "Pa", null, "pressure", true, false, 1],
-        ["pascal second", "Pa?s", null, "dynamic_viscosity", true, false, 1],
-        ["pferdestärke", "PS", null, "power", false, true, 735.49875],
-        ["phot", "ph", null, "illuminance", false, false, 0.0001],
-        ["pica (1/6 inch)", "pica", null, "length", false, true, 0.00035277777777778],
-        ["pica (1/72 inch)", "Pica", ["Picapt"], "length", false, true, 0.00423333333333333],
-        ["poise", "P", null, "dynamic_viscosity", false, false, 0.1],
-        ["pond", "pond", null, "force", false, true, 0.00980665],
-        ["pound force", "lbf", null, "force", false, true, 4.4482216152605],
-        ["pound mass", "lbm", null, "mass", false, true, 0.45359237],
-        ["quart", "qt", null, "volume", false, true, 0.000946352946],
-        ["radian", "rad", null, "angle", true, false, 1],
-        ["second", "?", null, "angle", false, false, 0.00000484813681109536],
-        ["second", "s", ["sec"], "time", true, true, 1],
-        ["short hundredweight", "cwt", ["shweight"], "mass", false, true, 45.359237],
-        ["siemens", "S", null, "electrical_conductance", true, false, 1],
-        ["sievert", "Sv", null, "equivalent_dose", true, false, 1],
-        ["slug", "sg", null, "mass", false, true, 14.59390294],
-        ["square ångström", "ang2", ["ang^2"], "area", false, true, 1e-20],
-        ["square foot", "ft2", ["ft^2"], "area", false, true, 0.09290304],
-        ["square inch", "in2", ["in^2"], "area", false, true, 0.00064516],
-        ["square light-year", "ly2", ["ly^2"], "area", false, true, 8.95054210748189e+31],
-        ["square meter", "m?", null, "area", true, true, 1],
-        ["square mile", "mi2", ["mi^2"], "area", false, true, 2589988.110336],
-        ["square nautical mile", "Nmi2", ["Nmi^2"], "area", false, true, 3429904],
-        ["square Pica", "Pica2", ["Picapt2", "Pica^2", "Picapt^2"], "area", false, true, 0.00001792111111111],
-        ["square yard", "yd2", ["yd^2"], "area", false, true, 0.83612736],
-        ["statute mile", "mi", null, "length", false, true, 1609.344],
-        ["steradian", "sr", null, "solid_angle", true, false, 1],
-        ["stilb", "sb", null, "luminance", false, false, 0.0001],
-        ["stokes", "St", null, "kinematic_viscosity", false, false, 0.0001],
-        ["stone", "stone", null, "mass", false, true, 6.35029318],
-        ["tablespoon", "tbs", null, "volume", false, true, 0.0000147868],
-        ["teaspoon", "tsp", null, "volume", false, true, 0.00000492892],
-        ["tesla", "T", null, "magnetic_flux_density", true, true, 1],
-        ["thermodynamic calorie", "c", null, "energy", false, true, 4.184],
-        ["ton", "ton", null, "mass", false, true, 907.18474],
-        ["tonne", "t", null, "mass", false, false, 1000],
-        ["U.K. pint", "uk_pt", null, "volume", false, true, 0.00056826125],
-        ["U.S. bushel", "bushel", null, "volume", false, true, 0.03523907],
-        ["U.S. oil barrel", "barrel", null, "volume", false, true, 0.158987295],
-        ["U.S. pint", "pt", ["us_pt"], "volume", false, true, 0.000473176473],
-        ["U.S. survey mile", "survey_mi", null, "length", false, true, 1609.347219],
-        ["U.S. survey/statute acre", "us_acre", null, "area", false, true, 4046.87261],
-        ["volt", "V", null, "voltage", true, false, 1],
-        ["watt", "W", null, "power", true, true, 1],
-        ["watt-hour", "Wh", ["wh"], "energy", false, true, 3600],
-        ["weber", "Wb", null, "magnetic_flux", true, false, 1],
-        ["yard", "yd", null, "length", false, true, 0.9144],
-        ["year", "yr", null, "time", false, true, 31557600]
-      ];
-
-      // Binary prefixes
-      // [Name, Prefix power of 2 value, Previx value, Abbreviation, Derived from]
-      var binary_prefixes = {
-        Yi: ["yobi", 80, 1208925819614629174706176, "Yi", "yotta"],
-        Zi: ["zebi", 70, 1180591620717411303424, "Zi", "zetta"],
-        Ei: ["exbi", 60, 1152921504606846976, "Ei", "exa"],
-        Pi: ["pebi", 50, 1125899906842624, "Pi", "peta"],
-        Ti: ["tebi", 40, 1099511627776, "Ti", "tera"],
-        Gi: ["gibi", 30, 1073741824, "Gi", "giga"],
-        Mi: ["mebi", 20, 1048576, "Mi", "mega"],
-        ki: ["kibi", 10, 1024, "ki", "kilo"]
-      };
-
-      // Unit prefixes
-      // [Name, Multiplier, Abbreviation]
-      var unit_prefixes = {
-        Y: ["yotta", 1e+24, "Y"],
-        Z: ["zetta", 1e+21, "Z"],
-        E: ["exa", 1e+18, "E"],
-        P: ["peta", 1e+15, "P"],
-        T: ["tera", 1e+12, "T"],
-        G: ["giga", 1e+09, "G"],
-        M: ["mega", 1e+06, "M"],
-        k: ["kilo", 1e+03, "k"],
-        h: ["hecto", 1e+02, "h"],
-        e: ["dekao", 1e+01, "e"],
-        d: ["deci", 1e-01, "d"],
-        c: ["centi", 1e-02, "c"],
-        m: ["milli", 1e-03, "m"],
-        u: ["micro", 1e-06, "u"],
-        n: ["nano", 1e-09, "n"],
-        p: ["pico", 1e-12, "p"],
-        f: ["femto", 1e-15, "f"],
-        a: ["atto", 1e-18, "a"],
-        z: ["zepto", 1e-21, "z"],
-        y: ["yocto", 1e-24, "y"]
-      };
-
-      // Initialize units and multipliers
-      var from = null;
-      var to = null;
-      var base_from_unit = from_unit;
-      var base_to_unit = to_unit;
-      var from_multiplier = 1;
-      var to_multiplier = 1;
-      var alt;
-
-      // Lookup from and to units
-      for (var i = 0; i < units.length; i++) {
-        alt = (units[i][2] === null) ? [] : units[i][2];
-        if (units[i][1] === base_from_unit || alt.indexOf(base_from_unit) >= 0) {
-          from = units[i];
-        }
-        if (units[i][1] === base_to_unit || alt.indexOf(base_to_unit) >= 0) {
-          to = units[i];
-        }
-      }
-
-      // Lookup from prefix
-      if (from === null) {
-        var from_binary_prefix = binary_prefixes[from_unit.substring(0, 2)];
-        var from_unit_prefix = unit_prefixes[from_unit.substring(0, 1)];
-
-        // Handle dekao unit prefix (only unit prefix with two characters)
-        if (from_unit.substring(0, 2) === 'da') {
-          from_unit_prefix = ["dekao", 1e+01, "da"];
-        }
-
-        // Handle binary prefixes first (so that 'Yi' is processed before 'Y')
-        if (from_binary_prefix) {
-          from_multiplier = from_binary_prefix[2];
-          base_from_unit = from_unit.substring(2);
-        } else if (from_unit_prefix) {
-          from_multiplier = from_unit_prefix[1];
-          base_from_unit = from_unit.substring(from_unit_prefix[2].length);
-        }
-
-        // Lookup from unit
-        for (var j = 0; j < units.length; j++) {
-          alt = (units[j][2] === null) ? [] : units[j][2];
-          if (units[j][1] === base_from_unit || alt.indexOf(base_from_unit) >= 0) {
-            from = units[j];
-          }
-        }
-      }
-
-      // Lookup to prefix
-      if (to === null) {
-        var to_binary_prefix = binary_prefixes[to_unit.substring(0, 2)];
-        var to_unit_prefix = unit_prefixes[to_unit.substring(0, 1)];
-
-        // Handle dekao unit prefix (only unit prefix with two characters)
-        if (to_unit.substring(0, 2) === 'da') {
-          to_unit_prefix = ["dekao", 1e+01, "da"];
-        }
-
-        // Handle binary prefixes first (so that 'Yi' is processed before 'Y')
-        if (to_binary_prefix) {
-          to_multiplier = to_binary_prefix[2];
-          base_to_unit = to_unit.substring(2);
-        } else if (to_unit_prefix) {
-          to_multiplier = to_unit_prefix[1];
-          base_to_unit = to_unit.substring(to_unit_prefix[2].length);
-        }
-
-        // Lookup to unit
-        for (var k = 0; k < units.length; k++) {
-          alt = (units[k][2] === null) ? [] : units[k][2];
-          if (units[k][1] === base_to_unit || alt.indexOf(base_to_unit) >= 0) {
-            to = units[k];
-          }
-        }
-      }
-
-      // Return error if a unit does not exist
-      if (from === null || to === null) {
-        return '#N/A';
-      }
-
-      // Return error if units represent different quantities
-      if (from[3] !== to[3]) {
-        return '#N/A';
-      }
-
-      // Return converted number
-      return number * from[6] * from_multiplier / (to[6] * to_multiplier);
-    };
-
-    Formula.DEC2BIN = function (number, places) {
-      // Return error if number is not a number
-      if (isNaN(number)) {
-        return '#VALUE!';
-      }
-
-      // Return error if number is not decimal, is lower than -512, or is greater than 511
-      if (!/^-?[0-9]{1,3}$/.test(number) || number < -512 || number > 511) {
-        return '#NUM!';
-      }
-
-      // Ignore places and return a 10-character binary number if number is negative
-      if (number < 0) {
-        return '1' + _s.repeat('0', 9 - (512 + number).toString(2).length) + (512 + number).toString(2);
-      }
-
-      // Convert decimal number to binary
-      var result = parseInt(number, 10).toString(2);
-
-      // Return binary number using the minimum number of characters necessary if places is undefined
-      if (typeof places === 'undefined') {
-        return result;
-      } else {
-        // Return error if places is nonnumeric
-        if (isNaN(places)) {
-          return '#VALUE!';
-        }
-
-        // Return error if places is negative
-        if (places < 0) {
-          return '#NUM!';
-        }
-
-        // Truncate places in case it is not an integer
-        places = Math.floor(places);
-
-        // Pad return value with leading 0s (zeros) if necessary (using Underscore.string)
-        return (places >= result.length) ? _s.repeat('0', places - result.length) + result : '#NUM!';
-      }
-    };
-
-    Formula.DEC2HEX = function (number, places) {
-      // Return error if number is not a number
-      if (isNaN(number)) {
-        return '#VALUE!';
-      }
-
-      // Return error if number is not decimal, is lower than -549755813888, or is greater than 549755813887
-      if (!/^-?[0-9]{1,12}$/.test(number) || number < -549755813888 || number > 549755813887) {
-        return '#NUM!';
-      }
-
-      // Ignore places and return a 10-character hexadecimal number if number is negative
-      if (number < 0) {
-        return (1099511627776 + number).toString(16);
-      }
-
-      // Convert decimal number to hexadecimal
-      var result = parseInt(number, 10).toString(16);
-
-      // Return hexadecimal number using the minimum number of characters necessary if places is undefined
-      if (typeof places === 'undefined') {
-        return result;
-      } else {
-        // Return error if places is nonnumeric
-        if (isNaN(places)) {
-          return '#VALUE!';
-        }
-
-        // Return error if places is negative
-        if (places < 0) {
-          return '#NUM!';
-        }
-
-        // Truncate places in case it is not an integer
-        places = Math.floor(places);
-
-        // Pad return value with leading 0s (zeros) if necessary (using Underscore.string)
-        return (places >= result.length) ? _s.repeat('0', places - result.length) + result : '#NUM!';
-      }
-    };
-
-    Formula.DEC2OCT = function (number, places) {
-      // Return error if number is not a number
-      if (isNaN(number)) {
-        return '#VALUE!';
-      }
-
-      // Return error if number is not decimal, is lower than -549755813888, or is greater than 549755813887
-      if (!/^-?[0-9]{1,9}$/.test(number) || number < -536870912 || number > 536870911) {
-        return '#NUM!';
-      }
-
-      // Ignore places and return a 10-character octal number if number is negative
-      if (number < 0) {
-        return (1073741824 + number).toString(8);
-      }
-
-      // Convert decimal number to octal
-      var result = parseInt(number, 10).toString(8);
-
-      // Return octal number using the minimum number of characters necessary if places is undefined
-      if (typeof places === 'undefined') {
-        return result;
-      } else {
-        // Return error if places is nonnumeric
-        if (isNaN(places)) {
-          return '#VALUE!';
-        }
-
-        // Return error if places is negative
-        if (places < 0) {
-          return '#NUM!';
-        }
-
-        // Truncate places in case it is not an integer
-        places = Math.floor(places);
-
-        // Pad return value with leading 0s (zeros) if necessary (using Underscore.string)
-        return (places >= result.length) ? _s.repeat('0', places - result.length) + result : '#NUM!';
-      }
-    };
-
-    Formula.DELTA = function (number1, number2) {
-      // Set number2 to zero if undefined
-      number2 = (typeof number2 === 'undefined') ? 0 : number2;
-
-      // Return error if either number is not a number
-      if (isNaN(number1) || isNaN(number2)) {
-        return '#VALUE!';
-      }
-
-      // Return delta
-      return (number1 === number2) ? 1 : 0;
-    };
-
-    Formula.ERF = function (lower_bound, upper_bound) {
-      // Set number2 to zero if undefined
-      upper_bound = (typeof upper_bound === 'undefined') ? 0 : upper_bound;
-
-      // Return error if either number is not a number
-      if (isNaN(lower_bound) || isNaN(upper_bound)) {
-        return '#VALUE!';
-      }
-
-      // Return ERFC using jStat [http://www.jstat.org/]
-      return jStat.erf(lower_bound);
-    };
-
-    Formula.ERFC = function (x) {
-      // Return error if x is not a number
-      if (isNaN(x)) {
-        return '#VALUE!';
-      }
-
-      // Return ERFC using jStat [http://www.jstat.org/]
-      return jStat.erfc(x);
-    };
-
-    Formula.ERFCPRECISE = function () {
-      return;
-    };
-
-    Formula.ERFPRECISE = function () {
-      return;
-    };
-
-    Formula.GESTEP = function (number, step) {
-      // Set step to zero if undefined
-      step = (typeof step === 'undefined') ? 0 : step;
-
-      // Return error if either number is not a number
-      if (isNaN(number) || isNaN(step)) {
-        return '#VALUE!';
-      }
-
-      // Return delta
-      return (number >= step) ? 1 : 0;
-    };
-
-    Formula.HEX2BIN = function (number, places) {
-
-      // Return error if number is not hexadecimal or contains more than ten characters (10 digits)
-      if (!/^[0-9A-Fa-f]{1,10}$/.test(number)) {
-        return '#NUM!';
-      }
-
-      // Check if number is negative
-      var negative = (number.length === 10 && number.substring(0, 1).toLowerCase() === 'f') ? true : false;
-
-      // Convert hexadecimal number to decimal
-      var decimal = (negative) ? parseInt(number, 16) - 1099511627776 : parseInt(number, 16);
-
-      // Return error if number is lower than -512 or greater than 511
-      if (decimal < -512 || decimal > 511) {
-        return '#NUM!';
-      }
-
-      // Ignore places and return a 10-character binary number if number is negative
-      if (negative) {
-        return '1' + _s.repeat('0', 9 - (512 + decimal).toString(2).length) + (512 + decimal).toString(2);
-      }
-
-      // Convert decimal number to binary
-      var result = decimal.toString(2);
-
-      // Return binary number using the minimum number of characters necessary if places is undefined
-      if (typeof places === 'undefined') {
-        return result;
-      } else {
-        // Return error if places is nonnumeric
-        if (isNaN(places)) {
-          return '#VALUE!';
-        }
-
-        // Return error if places is negative
-        if (places < 0) {
-          return '#NUM!';
-        }
-
-        // Truncate places in case it is not an integer
-        places = Math.floor(places);
-
-        // Pad return value with leading 0s (zeros) if necessary (using Underscore.string)
-        return (places >= result.length) ? _s.repeat('0', places - result.length) + result : '#NUM!';
-      }
-    };
-
-    Formula.HEX2DEC = function (number) {
-      // Return error if number is not hexadecimal or contains more than ten characters (10 digits)
-      if (!/^[0-9A-Fa-f]{1,10}$/.test(number)) {
-        return '#NUM!';
-      }
-
-      // Convert hexadecimal number to decimal
-      var decimal = parseInt(number, 16);
-
-      // Return decimal number
-      return (decimal >= 549755813888) ? decimal - 1099511627776 : decimal;
-    };
-
-    Formula.HEX2OCT = function (number, places) {
-      // Return error if number is not hexadecimal or contains more than ten characters (10 digits)
-      if (!/^[0-9A-Fa-f]{1,10}$/.test(number)) {
-        return '#NUM!';
-      }
-
-      // Convert hexadecimal number to decimal
-      var decimal = parseInt(number, 16);
-
-      // Return error if number is positive and greater than 0x1fffffff (536870911)
-      if (decimal > 536870911 && decimal < 1098974756864) {
-        return '#NUM!';
-      }
-
-      // Ignore places and return a 10-character octal number if number is negative
-      if (decimal >= 1098974756864) {
-        return (decimal - 1098437885952).toString(8);
-      }
-
-      // Convert decimal number to octal
-      var result = decimal.toString(8);
-
-      // Return octal number using the minimum number of characters necessary if places is undefined
-      if (typeof places === 'undefined') {
-        return result;
-      } else {
-        // Return error if places is nonnumeric
-        if (isNaN(places)) {
-          return '#VALUE!';
-        }
-
-        // Return error if places is negative
-        if (places < 0) {
-          return '#NUM!';
-        }
-
-        // Truncate places in case it is not an integer
-        places = Math.floor(places);
-
-        // Pad return value with leading 0s (zeros) if necessary (using Underscore.string)
-        return (places >= result.length) ? _s.repeat('0', places - result.length) + result : '#NUM!';
-      }
-    };
-
-    Formula.IMABS = function (inumber) {
-      // Lookup real and imaginary coefficients using Formula.js [http://formulajs.org]
-      var x = Formula.IMREAL(inumber);
-      var y = Formula.IMAGINARY(inumber);
-
-      // Return error if either coefficient is not a number
-      if (x === '#NUM!' || y === '#NUM!') {
-        return '#NUM!';
-      }
-
-      // Return absolute value of complex number
-      return Math.sqrt(Math.pow(x, 2) + Math.pow(y, 2));
-    };
-
-    Formula.IMAGINARY = function (inumber) {
-      // Return 0 if inumber is equal to 0
-      if (inumber === 0 || inumber === '0') {
-        return 0;
-      }
-
-      // Handle special cases
-      if (['i', 'j'].indexOf(inumber) >= 0) {
-        return 1;
-      }
-
-      // Normalize imaginary coefficient
-      inumber = inumber.replace('+i', '+1i').replace('-i', '-1i').replace('+j', '+1j').replace('-j', '-1j');
-
-      // Lookup sign
-      var plus = inumber.indexOf('+');
-      var minus = inumber.indexOf('-');
-      if (plus === 0) {
-        plus = inumber.indexOf('+', 1);
-      }
-
-      if (minus === 0) {
-        minus = inumber.indexOf('-', 1);
-      }
-
-      // Lookup imaginary unit
-      var last = inumber.substring(inumber.length - 1, inumber.length);
-      var unit = (last === 'i' || last === 'j');
-
-      if (plus >= 0 || minus >= 0) {
-        // Return error if imaginary unit is neither i nor j
-        if (!unit) {
-          return '#NUM!';
-        }
-
-        // Return imaginary coefficient of complex number
-        if (plus >= 0) {
-          return (isNaN(inumber.substring(0, plus)) || isNaN(inumber.substring(plus + 1, inumber.length - 1))) ?
-            '#NUM!' :
-            Number(inumber.substring(plus + 1, inumber.length - 1));
-        } else {
-          return (isNaN(inumber.substring(0, minus)) || isNaN(inumber.substring(minus + 1, inumber.length - 1))) ?
-            '#NUM!' :
-            -Number(inumber.substring(minus + 1, inumber.length - 1));
-        }
-      } else {
-        if (unit) {
-          return (isNaN(inumber.substring(0, inumber.length - 1))) ? '#NUM!' : inumber.substring(0, inumber.length - 1);
-        } else {
-          return (isNaN(inumber)) ? '#NUM!' : 0;
-        }
-      }
-    };
-
-    Formula.IMARGUMENT = function (inumber) {
-      // Lookup real and imaginary coefficients using Formula.js [http://formulajs.org]
-      var x = Formula.IMREAL(inumber);
-      var y = Formula.IMAGINARY(inumber);
-
-      // Return error if either coefficient is not a number
-      if (x === '#NUM!' || y === '#NUM!') {
-        return '#NUM!';
-      }
-
-      // Return error if inumber is equal to zero
-      if (x === 0 && y === 0) {
-        return '#DIV/0!';
-      }
-
-      // Return PI/2 if x is equal to zero and y is positive
-      if (x === 0 && y > 0) {
-        return Math.PI / 2;
-      }
-
-      // Return -PI/2 if x is equal to zero and y is negative
-      if (x === 0 && y < 0) {
-        return -Math.PI / 2;
-      }
-
-      // Return zero if x is negative and y is equal to zero
-      if (y === 0 && x > 0) {
-        return 0;
-      }
-
-      // Return zero if x is negative and y is equal to zero
-      if (y === 0 && x < 0) {
-        return -Math.PI;
-      }
-
-      // Return argument of complex number
-      if (x > 0) {
-        return Math.atan(y / x);
-      } else if (x < 0 && y >= 0) {
-        return Math.atan(y / x) + Math.PI;
-      } else {
-        return Math.atan(y / x) - Math.PI;
-      }
-    };
-
-    Formula.IMCONJUGATE = function (inumber) {
-      // Lookup real and imaginary coefficients using Formula.js [http://formulajs.org]
-      var x = Formula.IMREAL(inumber);
-      var y = Formula.IMAGINARY(inumber);
-
-      // Lookup imaginary unit
-      var unit = inumber.substring(inumber.length - 1);
-      unit = (unit === 'i' || unit === 'j') ? unit : 'i';
-
-      // Return error if either coefficient is not a number
-      if (x === '#NUM!' || y === '#NUM!') {
-        return '#NUM!';
-      }
-
-      // Return conjugate of complex number
-      return (y !== 0) ? Formula.COMPLEX(x, -y, unit) : inumber;
-    };
-
-    Formula.IMCOS = function (inumber) {
-      // Return error if inumber is a logical value
-      if (inumber === true || inumber === false) {
-        return '#VALUE!';
-      }
-
-      // Lookup real and imaginary coefficients using Formula.js [http://formulajs.org]
-      var x = Formula.IMREAL(inumber);
-      var y = Formula.IMAGINARY(inumber);
-
-      // Lookup imaginary unit
-      var unit = inumber.substring(inumber.length - 1);
-      unit = (unit === 'i' || unit === 'j') ? unit : 'i';
-
-      // Return error if either coefficient is not a number
-      if (x === '#NUM!' || y === '#NUM!') {
-        return '#NUM!';
-      }
-
-      // Return cosine of complex number
-      return Formula.COMPLEX(Math.cos(x) * (Math.exp(y) + Math.exp(-y)) / 2, -Math.sin(x) * (Math.exp(y) - Math.exp(-y)) / 2, unit);
-    };
-
-    Formula.IMCOSH = function (inumber) {
-      // Return error if inumber is a logical value
-      if (inumber === true || inumber === false) {
-        return '#VALUE!';
-      }
-
-      // Lookup real and imaginary coefficients using Formula.js [http://formulajs.org]
-      var x = Formula.IMREAL(inumber);
-      var y = Formula.IMAGINARY(inumber);
-
-      // Lookup imaginary unit
-      var unit = inumber.substring(inumber.length - 1);
-      unit = (unit === 'i' || unit === 'j') ? unit : 'i';
-
-      // Return error if either coefficient is not a number
-      if (x === '#NUM!' || y === '#NUM!') {
-        return '#NUM!';
-      }
-
-      // Return hyperbolic cosine of complex number
-      return Formula.COMPLEX(Math.cos(y) * (Math.exp(x) + Math.exp(-x)) / 2, Math.sin(y) * (Math.exp(x) - Math.exp(-x)) / 2, unit);
-    };
-
-    Formula.IMCOT = function (inumber) {
-      // Return error if inumber is a logical value
-      if (inumber === true || inumber === false) {
-        return '#VALUE!';
-      }
-
-      // Lookup real and imaginary coefficients using Formula.js [http://formulajs.org]
-      var x = Formula.IMREAL(inumber);
-      var y = Formula.IMAGINARY(inumber);
-
-      // Return error if either coefficient is not a number
-      if (x === '#NUM!' || y === '#NUM!') {
-        return '#NUM!';
-      }
-
-      // Return cotangent of complex number
-      return Formula.IMDIV(Formula.IMCOS(inumber), Formula.IMSIN(inumber));
-    };
-
-    Formula.IMCSC = function (inumber) {
-      // Return error if inumber is a logical value
-      if (inumber === true || inumber === false) {
-        return '#VALUE!';
-      }
-
-      // Lookup real and imaginary coefficients using Formula.js [http://formulajs.org]
-      var x = Formula.IMREAL(inumber);
-      var y = Formula.IMAGINARY(inumber);
-
-      // Return error if either coefficient is not a number
-      if (x === '#NUM!' || y === '#NUM!') {
-        return '#NUM!';
-      }
-
-      // Return cosecant of complex number
-      return Formula.IMDIV('1', Formula.IMSIN(inumber));
-    };
-
-    Formula.IMCSCH = function (inumber) {
-      // Return error if inumber is a logical value
-      if (inumber === true || inumber === false) {
-        return '#VALUE!';
-      }
-
-      // Lookup real and imaginary coefficients using Formula.js [http://formulajs.org]
-      var x = Formula.IMREAL(inumber);
-      var y = Formula.IMAGINARY(inumber);
-
-      // Return error if either coefficient is not a number
-      if (x === '#NUM!' || y === '#NUM!') {
-        return '#NUM!';
-      }
-
-      // Return hyperbolic cosecant of complex number
-      return Formula.IMDIV('1', Formula.IMSINH(inumber));
-    };
-
-    Formula.IMDIV = function (inumber1, inumber2) {
-      // Lookup real and imaginary coefficients using Formula.js [http://formulajs.org]
-      var a = Formula.IMREAL(inumber1);
-      var b = Formula.IMAGINARY(inumber1);
-      var c = Formula.IMREAL(inumber2);
-      var d = Formula.IMAGINARY(inumber2);
-
-      // Lookup imaginary unit
-      var unit1 = inumber1.substring(inumber1.length - 1);
-      var unit2 = inumber1.substring(inumber1.length - 1);
-      var unit = 'i';
-      if (unit1 === 'j') {
-        unit = 'j';
-      } else if (unit2 === 'j') {
-        unit = 'j';
-      }
-
-      // Return error if either coefficient is not a number
-      if (a === '#NUM!' || b === '#NUM!' || c === '#NUM!' || d === '#NUM!') {
-        return '#NUM!';
-      }
-
-      // Return error if inumber2 is null
-      if (c === 0 && d === 0) {
-        return '#NUM!';
-      }
-
-      // Return exponential of complex number
-      var den = c * c + d * d;
-      return Formula.COMPLEX((a * c + b * d) / den, (b * c - a * d) / den, unit);
-    };
-
-    Formula.IMEXP = function (inumber) {
-      // Lookup real and imaginary coefficients using Formula.js [http://formulajs.org]
-      var x = Formula.IMREAL(inumber);
-      var y = Formula.IMAGINARY(inumber);
-
-      // Lookup imaginary unit
-      var unit = inumber.substring(inumber.length - 1);
-      unit = (unit === 'i' || unit === 'j') ? unit : 'i';
-
-      // Return error if either coefficient is not a number
-      if (x === '#NUM!' || y === '#NUM!') {
-        return '#NUM!';
-      }
-
-      // Return exponential of complex number
-      var e = Math.exp(x);
-      return Formula.COMPLEX(e * Math.cos(y), e * Math.sin(y), unit);
-    };
-
-    Formula.IMLN = function (inumber) {
-      // Lookup real and imaginary coefficients using Formula.js [http://formulajs.org]
-      var x = Formula.IMREAL(inumber);
-      var y = Formula.IMAGINARY(inumber);
-
-      // Lookup imaginary unit
-      var unit = inumber.substring(inumber.length - 1);
-      unit = (unit === 'i' || unit === 'j') ? unit : 'i';
-
-      // Return error if either coefficient is not a number
-      if (x === '#NUM!' || y === '#NUM!') {
-        return '#NUM!';
-      }
-
-      // Return exponential of complex number
-      return Formula.COMPLEX(Math.log(Math.sqrt(x * x + y * y)), Math.atan(y / x), unit);
-    };
-
-    Formula.IMLOG10 = function (inumber) {
-      // Lookup real and imaginary coefficients using Formula.js [http://formulajs.org]
-      var x = Formula.IMREAL(inumber);
-      var y = Formula.IMAGINARY(inumber);
-
-      // Lookup imaginary unit
-      var unit = inumber.substring(inumber.length - 1);
-      unit = (unit === 'i' || unit === 'j') ? unit : 'i';
-
-      // Return error if either coefficient is not a number
-      if (x === '#NUM!' || y === '#NUM!') {
-        return '#NUM!';
-      }
-
-      // Return exponential of complex number
-      return Formula.COMPLEX(Math.log(Math.sqrt(x * x + y * y)) / Math.log(10), Math.atan(y / x) / Math.log(10), unit);
-    };
-
-    Formula.IMLOG2 = function (inumber) {
-      // Lookup real and imaginary coefficients using Formula.js [http://formulajs.org]
-      var x = Formula.IMREAL(inumber);
-      var y = Formula.IMAGINARY(inumber);
-
-      // Lookup imaginary unit
-      var unit = inumber.substring(inumber.length - 1);
-      unit = (unit === 'i' || unit === 'j') ? unit : 'i';
-
-      // Return error if either coefficient is not a number
-      if (x === '#NUM!' || y === '#NUM!') {
-        return '#NUM!';
-      }
-
-      // Return exponential of complex number
-      return Formula.COMPLEX(Math.log(Math.sqrt(x * x + y * y)) / Math.log(2), Math.atan(y / x) / Math.log(2), unit);
-    };
-
-    Formula.IMPOWER = function (inumber, number) {
-      // Return error if number is nonnumeric
-      if (isNaN(number)) {
-        return '#VALUE!';
-      }
-
-      // Lookup real and imaginary coefficients using Formula.js [http://formulajs.org]
-      var x = Formula.IMREAL(inumber);
-      var y = Formula.IMAGINARY(inumber);
-
-      // Lookup imaginary unit
-      var unit = inumber.substring(inumber.length - 1);
-      unit = (unit === 'i' || unit === 'j') ? unit : 'i';
-
-      // Return error if either coefficient is not a number
-      if (x === '#NUM!' || y === '#NUM!') {
-        return '#NUM!';
-      }
-
-      // Calculate power of modulus
-      var p = Math.pow(Formula.IMABS(inumber), number);
-
-      // Calculate argument
-      var t = Formula.IMARGUMENT(inumber);
-
-      // Return exponential of complex number
-      return Formula.COMPLEX(p * Math.cos(number * t), p * Math.sin(number * t), unit);
-    };
-
-    Formula.IMPRODUCT = function () {
-      // Initialize result
-      var result = arguments[0];
-
-      // Loop on all numbers
-      for (var i = 1; i < arguments.length; i++) {
-        // Lookup coefficients of two complex numbers
-        var a = Formula.IMREAL(result);
-        var b = Formula.IMAGINARY(result);
-        var c = Formula.IMREAL(arguments[i]);
-        var d = Formula.IMAGINARY(arguments[i]);
-
-        // Return error if either coefficient is not a number
-        if (a === '#NUM!' || b === '#NUM!' || c === '#NUM!' || d === '#NUM!') {
-          return '#NUM!';
-        }
-
-        // Complute product of two complex numbers
-        result = Formula.COMPLEX(a * c - b * d, a * d + b * c);
-      }
-
-      // Return product of complex numbers
-      return result;
-    };
-
-    Formula.IMREAL = function (inumber) {
-      // Return 0 if inumber is equal to 0
-      if (inumber === 0 || inumber === '0') {
-        return 0;
-      }
-
-      // Handle special cases
-      if (['i', '+i', '1i', '+1i', '-i', '-1i', 'j', '+j', '1j', '+1j', '-j', '-1j'].indexOf(inumber) >= 0) {
-        return 0;
-      }
-
-      // Lookup sign
-      var plus = inumber.indexOf('+');
-      var minus = inumber.indexOf('-');
-      if (plus === 0) {
-        plus = inumber.indexOf('+', 1);
-      }
-      if (minus === 0) {
-        minus = inumber.indexOf('-', 1);
-      }
-
-      // Lookup imaginary unit
-      var last = inumber.substring(inumber.length - 1, inumber.length);
-      var unit = (last === 'i' || last === 'j');
-
-      if (plus >= 0 || minus >= 0) {
-        // Return error if imaginary unit is neither i nor j
-        if (!unit) {
-          return '#NUM!';
-        }
-
-        // Return real coefficient of complex number
-        if (plus >= 0) {
-          return (isNaN(inumber.substring(0, plus)) || isNaN(inumber.substring(plus + 1, inumber.length - 1))) ?
-            '#NUM!' :
-            Number(inumber.substring(0, plus));
-        } else {
-          return (isNaN(inumber.substring(0, minus)) || isNaN(inumber.substring(minus + 1, inumber.length - 1))) ?
-            '#NUM!' :
-            Number(inumber.substring(0, minus));
-        }
-      } else {
-        if (unit) {
-          return (isNaN(inumber.substring(0, inumber.length - 1))) ? '#NUM!' : 0;
-        } else {
-          return (isNaN(inumber)) ? '#NUM!' : inumber;
-        }
-      }
-    };
-
-    Formula.IMSEC = function (inumber) {
-      // Return error if inumber is a logical value
-      if (inumber === true || inumber === false) {
-        return '#VALUE!';
-      }
-
-      // Lookup real and imaginary coefficients using Formula.js [http://formulajs.org]
-      var x = Formula.IMREAL(inumber);
-      var y = Formula.IMAGINARY(inumber);
-
-      // Return error if either coefficient is not a number
-      if (x === '#NUM!' || y === '#NUM!') {
-        return '#NUM!';
-      }
-
-      // Return secant of complex number
-      return Formula.IMDIV('1', Formula.IMCOS(inumber));
-    };
-
-    Formula.IMSECH = function (inumber) {
-      // Return error if inumber is a logical value
-      if (inumber === true || inumber === false) {
-        return '#VALUE!';
-      }
-
-      // Lookup real and imaginary coefficients using Formula.js [http://formulajs.org]
-      var x = Formula.IMREAL(inumber);
-      var y = Formula.IMAGINARY(inumber);
-
-      // Return error if either coefficient is not a number
-      if (x === '#NUM!' || y === '#NUM!') {
-        return '#NUM!';
-      }
-
-      // Return hyperbolic secant of complex number
-      return Formula.IMDIV('1', Formula.IMCOSH(inumber));
-    };
-
-    Formula.IMSIN = function (inumber) {
-      // Return error if inumber is a logical value
-      if (inumber === true || inumber === false) {
-        return '#VALUE!';
-      }
-
-      // Lookup real and imaginary coefficients using Formula.js [http://formulajs.org]
-      var x = Formula.IMREAL(inumber);
-      var y = Formula.IMAGINARY(inumber);
-
-      // Lookup imaginary unit
-      var unit = inumber.substring(inumber.length - 1);
-      unit = (unit === 'i' || unit === 'j') ? unit : 'i';
-
-      // Return error if either coefficient is not a number
-      if (x === '#NUM!' || y === '#NUM!') {
-        return '#NUM!';
-      }
-
-      // Return sine of complex number
-      return Formula.COMPLEX(Math.sin(x) * (Math.exp(y) + Math.exp(-y)) / 2, Math.cos(x) * (Math.exp(y) - Math.exp(-y)) / 2, unit);
-    };
-
-    Formula.IMSINH = function (inumber) {
-      // Return error if inumber is a logical value
-      if (inumber === true || inumber === false) {
-        return '#VALUE!';
-      }
-
-      // Lookup real and imaginary coefficients using Formula.js [http://formulajs.org]
-      var x = Formula.IMREAL(inumber);
-      var y = Formula.IMAGINARY(inumber);
-
-      // Lookup imaginary unit
-      var unit = inumber.substring(inumber.length - 1);
-      unit = (unit === 'i' || unit === 'j') ? unit : 'i';
-
-      // Return error if either coefficient is not a number
-      if (x === '#NUM!' || y === '#NUM!') {
-        return '#NUM!';
-      }
-
-      // Return hyperbolic sine of complex number
-      return Formula.COMPLEX(Math.cos(y) * (Math.exp(x) - Math.exp(-x)) / 2, Math.sin(y) * (Math.exp(x) + Math.exp(-x)) / 2, unit);
-    };
-
-    Formula.IMSQRT = function (inumber) {
-      // Lookup real and imaginary coefficients using Formula.js [http://formulajs.org]
-      var x = Formula.IMREAL(inumber);
-      var y = Formula.IMAGINARY(inumber);
-
-      // Lookup imaginary unit
-      var unit = inumber.substring(inumber.length - 1);
-      unit = (unit === 'i' || unit === 'j') ? unit : 'i';
-
-      // Return error if either coefficient is not a number
-      if (x === '#NUM!' || y === '#NUM!') {
-        return '#NUM!';
-      }
-
-      // Calculate power of modulus
-      var s = Math.sqrt(Formula.IMABS(inumber));
-
-      // Calculate argument
-      var t = Formula.IMARGUMENT(inumber);
-
-      // Return exponential of complex number
-      return Formula.COMPLEX(s * Math.cos(t / 2), s * Math.sin(t / 2), unit);
-    };
-
-    Formula.IMSUB = function (inumber1, inumber2) {
-      // Lookup real and imaginary coefficients using Formula.js [http://formulajs.org]
-      var a = Formula.IMREAL(inumber1);
-      var b = Formula.IMAGINARY(inumber1);
-      var c = Formula.IMREAL(inumber2);
-      var d = Formula.IMAGINARY(inumber2);
-
-      // Lookup imaginary unit
-      var unit1 = inumber1.substring(inumber1.length - 1);
-      var unit2 = inumber1.substring(inumber1.length - 1);
-      var unit = 'i';
-      if (unit1 === 'j') {
-        unit = 'j';
-      } else if (unit2 === 'j') {
-        unit = 'j';
-      }
-
-      // Return error if either coefficient is not a number
-      if (a === '#NUM!' || b === '#NUM!' || c === '#NUM!' || d === '#NUM!') {
-        return '#NUM!';
-      }
-
-      // Return _ of two complex numbers
-      return Formula.COMPLEX(a - c, b - d, unit);
-    };
-
-    Formula.IMSUM = function () {
-      // Initialize result
-      var result = arguments[0];
-
-      // Loop on all numbers
-      for (var i = 1; i < arguments.length; i++) {
-        // Lookup coefficients of two complex numbers
-        var a = Formula.IMREAL(result);
-        var b = Formula.IMAGINARY(result);
-        var c = Formula.IMREAL(arguments[i]);
-        var d = Formula.IMAGINARY(arguments[i]);
-
-        // Return error if either coefficient is not a number
-        if (a === '#NUM!' || b === '#NUM!' || c === '#NUM!' || d === '#NUM!') {
-          return '#NUM!';
-        }
-
-        // Complute product of two complex numbers
-        result = Formula.COMPLEX(a + c, b + d);
-      }
-
-      // Return sum of complex numbers
-      return result;
-    };
-
-    Formula.IMTAN = function (inumber) {
-      // Return error if inumber is a logical value
-      if (inumber === true || inumber === false) {
-        return '#VALUE!';
-      }
-
-      // Lookup real and imaginary coefficients using Formula.js [http://formulajs.org]
-      var x = Formula.IMREAL(inumber);
-      var y = Formula.IMAGINARY(inumber);
-
-      // Return error if either coefficient is not a number
-      if (x === '#NUM!' || y === '#NUM!') {
-        return '#NUM!';
-      }
-
-      // Return tangent of complex number
-      return Formula.IMDIV(Formula.IMSIN(inumber), Formula.IMCOS(inumber));
-    };
-
-    Formula.OCT2BIN = function (number, places) {
-      // Return error if number is not hexadecimal or contains more than ten characters (10 digits)
-      if (!/^[0-7]{1,10}$/.test(number)) {
-        return '#NUM!';
-      }
-
-      // Check if number is negative
-      var negative = (number.length === 10 && number.substring(0, 1) === '7') ? true : false;
-
-      // Convert octal number to decimal
-      var decimal = (negative) ? parseInt(number, 8) - 1073741824 : parseInt(number, 8);
-
-      // Return error if number is lower than -512 or greater than 511
-      if (decimal < -512 || decimal > 511) {
-        return '#NUM!';
-      }
-
-      // Ignore places and return a 10-character binary number if number is negative
-      if (negative) {
-        return '1' + _s.repeat('0', 9 - (512 + decimal).toString(2).length) + (512 + decimal).toString(2);
-      }
-
-      // Convert decimal number to binary
-      var result = decimal.toString(2);
-
-      // Return binary number using the minimum number of characters necessary if places is undefined
-      if (typeof places === 'undefined') {
-        return result;
-      } else {
-        // Return error if places is nonnumeric
-        if (isNaN(places)) {
-          return '#VALUE!';
-        }
-
-        // Return error if places is negative
-        if (places < 0) {
-          return '#NUM!';
-        }
-
-        // Truncate places in case it is not an integer
-        places = Math.floor(places);
-
-        // Pad return value with leading 0s (zeros) if necessary (using Underscore.string)
-        return (places >= result.length) ? _s.repeat('0', places - result.length) + result : '#NUM!';
-      }
-    };
-
-    Formula.OCT2DEC = function (number) {
-      // Return error if number is not octal or contains more than ten characters (10 digits)
-      if (!/^[0-7]{1,10}$/.test(number)) {
-        return '#NUM!';
-      }
-
-      // Convert octal number to decimal
-      var decimal = parseInt(number, 8);
-
-      // Return decimal number
-      return (decimal >= 536870912) ? decimal - 1073741824 : decimal;
-    };
-
-    Formula.OCT2HEX = function (number, places) {
-      // Return error if number is not octal or contains more than ten characters (10 digits)
-      if (!/^[0-7]{1,10}$/.test(number)) {
-        return '#NUM!';
-      }
-
-      // Convert octal number to decimal
-      var decimal = parseInt(number, 8);
-
-      // Ignore places and return a 10-character octal number if number is negative
-      if (decimal >= 536870912) {
-        return 'ff' + (decimal + 3221225472).toString(16);
-      }
-
-      // Convert decimal number to hexadecimal
-      var result = decimal.toString(16);
-
-      // Return hexadecimal number using the minimum number of characters necessary if places is undefined
-      if (typeof places === 'undefined') {
-        return result;
-      } else {
-        // Return error if places is nonnumeric
-        if (isNaN(places)) {
-          return '#VALUE!';
-        }
-
-        // Return error if places is negative
-        if (places < 0) {
-          return '#NUM!';
-        }
-
-        // Truncate places in case it is not an integer
-        places = Math.floor(places);
-
-        // Pad return value with leading 0s (zeros) if necessary (using Underscore.string)
-        return (places >= result.length) ? _s.repeat('0', places - result.length) + result : '#NUM!';
-      }
-    };
-
-
-    // Financial functions
-
-    Formula.ACCRINT = function (issue, first, settlement, rate, par, frequency, basis, method) {
-      // Return error if either date is invalid
-      if (!moment(issue).isValid() || !moment(first).isValid() || !moment(settlement).isValid()) {
-        return '#VALUE!';
-      }
-
-      // Return error if either rate or par are lower than or equal to zero
-      if (rate <= 0 || par <= 0) {
-        return '#NUM!';
-      }
-
-      // Return error if frequency is neither 1, 2, or 4
-      if ([1, 2, 4].indexOf(frequency) === -1) {
-        return '#NUM!';
-      }
-
-      // Return error if basis is neither 0, 1, 2, 3, or 4
-      if ([0, 1, 2, 3, 4].indexOf(basis) === -1) {
-        return '#NUM!';
-      }
-
-      // Return error if issue greater than or equal to settlement
-      if (moment(issue).diff(moment(settlement)) >= 0) {
-        return '#NUM!';
-      }
-
-      // Set default values
-      par = (typeof par === 'undefined') ? 0 : par;
-      basis = (typeof basis === 'undefined') ? 0 : basis;
-      method = (typeof method === 'undefined') ? true : method;
-
-      // Compute accrued interest
-      var factor = 0;
-      switch (basis) {
-        case 0:
-          // US (NASD) 30/360
-          factor = Formula.YEARFRAC(issue, settlement, basis);
-          break;
-        case 1:
-          // Actual/actual
-          factor = Formula.YEARFRAC(issue, settlement, basis);
-          break;
-        case 2:
-          // Actual/360
-          factor = Formula.YEARFRAC(issue, settlement, basis);
-          break;
-        case 3:
-          // Actual/365
-          factor = Formula.YEARFRAC(issue, settlement, basis);
-          break;
-        case 4:
-          // European 30/360
-          factor = Formula.YEARFRAC(issue, settlement, basis);
-          break;
-      }
-      return par * rate * factor;
-    };
-
-    Formula.ACCRINTM = function () {
-      return;
-    };
-
-    Formula.AMORDEGRC = function () {
-      return;
-    };
-
-    Formula.AMORLINC = function () {
-      return;
-    };
-
-    Formula.COUPDAYBS = function () {
-      return;
-    };
-
-    Formula.COUPDAYS = function () {
-      return;
-    };
-
-    Formula.COUPDAYSNC = function () {
-      return;
-    };
-
-    Formula.COUPNCD = function () {
-      return;
-    };
-
-    Formula.COUPNUM = function () {
-      return;
-    };
-
-    Formula.COUPPCD = function () {
-      return;
-    };
-
-    Formula.CUMIPMT = function (rate, periods, value, start, end, type) {
-      // Credits: algorithm inspired by Apache OpenOffice
-      // Credits: Hannes Stiebitzhofer for the translations of function and variable names
-      // Requires Formula.FV() and Formula.PMT() from Formula.js [http://stoic.com/formula/]
-
-      // Evaluate rate and periods (TODO: replace with secure expression evaluator)
-      rate = eval(rate);
-      periods = eval(periods);
-
-      // Return error if either rate, periods, or value are lower than or equal to zero
-      if (rate <= 0 || periods <= 0 || value <= 0) {
-        return '#NUM!';
-      }
-
-      // Return error if start < 1, end < 1, or start > end
-      if (start < 1 || end < 1 || start > end) {
-        return '#NUM!';
-      }
-
-      // Return error if type is neither 0 nor 1
-      if (type !== 0 && type !== 1) {
-        return '#NUM!';
-      }
-
-      // Compute cumulative interest
-      var payment = Formula.PMT(rate, periods, value, 0, type);
-      var interest = 0;
-
-      if (start === 1) {
-        if (type === 0) {
-          interest = -value;
-          start++;
-        }
-      }
-
-      for (var i = start; i <= end; i++) {
-        if (type === 1) {
-          interest += Formula.FV(rate, i - 2, payment, value, 1) - payment;
-        } else {
-          interest += Formula.FV(rate, i - 1, payment, value, 0);
-        }
-      }
-      interest *= rate;
-
-      // Return cumulative interest
-      return interest;
-    };
-
-    Formula.CUMPRINC = function (rate, periods, value, start, end, type) {
-      // Credits: algorithm inspired by Apache OpenOffice
-      // Credits: Hannes Stiebitzhofer for the translations of function and variable names
-      // Requires Formula.FV() and Formula.PMT() from Formula.js [http://stoic.com/formula/]
-
-      // Evaluate rate and periods (TODO: replace with secure expression evaluator)
-      rate = eval(rate);
-      periods = eval(periods);
-
-      // Return error if either rate, periods, or value are lower than or equal to zero
-      if (rate <= 0 || periods <= 0 || value <= 0) {
-        return '#NUM!';
-      }
-
-      // Return error if start < 1, end < 1, or start > end
-      if (start < 1 || end < 1 || start > end) {
-        return '#NUM!';
-      }
-
-      // Return error if type is neither 0 nor 1
-      if (type !== 0 && type !== 1) {
-        return '#NUM!';
-      }
-
-      // Compute cumulative principal
-      var payment = Formula.PMT(rate, periods, value, 0, type);
-      var principal = 0;
-      if (start === 1) {
-        if (type === 0) {
-          principal = payment + value * rate;
-        } else {
-          principal = payment;
-        }
-        start++;
-      }
-      for (var i = start; i <= end; i++) {
-        if (type > 0) {
-          principal += payment - (Formula.FV(rate, i - 2, payment, value, 1) - payment) * rate;
-        } else {
-          principal += payment - Formula.FV(rate, i - 1, payment, value, 0) * rate;
-        }
-      }
-
-      // Return cumulative principal
-      return principal;
-    };
-
-    Formula.DB = function (cost, salvage, life, period, month) {
-      // Initialize month
-      month = (typeof month === 'undefined') ? 12 : month;
-
-      // Return error if any of the parameters is not a number
-      if (isNaN(cost) || isNaN(salvage) || isNaN(life) || isNaN(period) || isNaN(month)) {
-        return '#VALUE!';
-      }
-
-      // Return error if any of the parameters is negative   [
-
-      if (cost < 0 || salvage < 0 || life < 0 || period < 0) {
-        return '#NUM!';
-      }
-
-      // Return error if month is not an integer between 1 and 12
-      if ([1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12].indexOf(month) === -1) {
-        return '#NUM!';
-      }
-
-      // Return error if period is greater than life
-      if (period > life) {
-        return '#NUM!';
-      }
-
-      // Return 0 (zero) if salvage is greater than or equal to cost
-      if (salvage >= cost) {
-        return 0;
-      }
-
-      // Rate is rounded to three decimals places
-      var rate = (1 - Math.pow(salvage / cost, 1 / life)).toFixed(3);
-
-      // Compute initial depreciation
-      var initial = cost * rate * month / 12;
-
-      // Compute total depreciation
-      var total = initial;
-      var current = 0;
-      var ceiling = (period === life) ? life - 1 : period;
-      for (var i = 2; i <= ceiling; i++) {
-        current = (cost - total) * rate;
-        total += current;
-      }
-
-      // Depreciation for the first and last periods are special cases
-      if (period === 1) {
-        // First period
-        return initial;
-      } else if (period === life) {
-        // Last period
-        return (cost - total) * rate;
-      } else {
-        return current;
-      }
-    };
-
-    Formula.DDB = function (cost, salvage, life, period, factor) {
-      // Initialize factor
-      factor = (typeof factor === 'undefined') ? 2 : factor;
-
-      // Return error if any of the parameters is not a number
-      if (isNaN(cost) || isNaN(salvage) || isNaN(life) || isNaN(period) || isNaN(factor)) {
-        return '#VALUE!';
-      }
-
-      // Return error if any of the parameters is negative or if factor is null
-      if (cost < 0 || salvage < 0 || life < 0 || period < 0 || factor <= 0) {
-        return '#NUM!';
-      }
-
-      // Return error if period is greater than life
-      if (period > life) {
-        return '#NUM!';
-      }
-
-      // Return 0 (zero) if salvage is greater than or equal to cost
-      if (salvage >= cost) {
-        return 0;
-      }
-
-      // Compute depreciation
-      var total = 0;
-      var current = 0;
-      for (var i = 1; i <= period; i++) {
-        current = Math.min((cost - total) * (factor / life), (cost - salvage - total));
-        total += current;
-      }
-
-      // Return depreciation
-      return current;
-    };
-
-    Formula.DISC = function () {
-      return;
-    };
-
-    Formula.DOLLARDE = function (dollar, fraction) {
-      // Credits: algorithm inspired by Apache OpenOffice
-
-      // Return error if any of the parameters is not a number
-      if (isNaN(dollar) || isNaN(fraction)) {
-        return '#VALUE!';
-      }
-
-      // Return error if fraction is negative
-      if (fraction < 0) {
-        return '#NUM!';
-      }
-
-      // Return error if fraction is greater than or equal to 0 and less than 1
-      if (fraction >= 0 && fraction < 1) {
-        return '#DIV/0!';
-      }
-
-      // Truncate fraction if it is not an integer
-      fraction = parseInt(fraction, 10);
-
-      // Compute integer part
-      var result = parseInt(dollar, 10);
-
-      // Add decimal part
-      result += (dollar % 1) * Math.pow(10, Math.ceil(Math.log(fraction) / Math.LN10)) / fraction;
-
-      // Round result
-      var power = Math.pow(10, Math.ceil(Math.log(fraction) / Math.LN2) + 1);
-      result = Math.round(result * power) / power;
-
-      // Return converted dollar price
-      return result;
-    };
-
-    Formula.DOLLARFR = function (dollar, fraction) {
-      // Credits: algorithm inspired by Apache OpenOffice
-
-      // Return error if any of the parameters is not a number
-      if (isNaN(dollar) || isNaN(fraction)) {
-        return '#VALUE!';
-      }
-
-      // Return error if fraction is negative
-      if (fraction < 0) {
-        return '#NUM!';
-      }
-
-      // Return error if fraction is greater than or equal to 0 and less than 1
-      if (fraction >= 0 && fraction < 1) {
-        return '#DIV/0!';
-      }
-
-      // Truncate fraction if it is not an integer
-      fraction = parseInt(fraction, 10);
-
-      // Compute integer part
-      var result = parseInt(dollar, 10);
-
-      // Add decimal part
-      result += (dollar % 1) * Math.pow(10, -Math.ceil(Math.log(fraction) / Math.LN10)) * fraction;
-
-      // Return converted dollar price
-      return result;
-    };
-
-    Formula.DURATION = function () {
-      return;
-    };
-
-    Formula.EFFECT = function (rate, periods) {
-      // Return error if any of the parameters is not a number
-      if (isNaN(rate) || isNaN(periods)) {
-        return '#VALUE!';
-      }
-
-      // Return error if rate <=0 or periods < 1
-      if (rate <= 0 || periods < 1) {
-        return '#NUM!';
-      }
-
-      // Truncate periods if it is not an integer
-      periods = parseInt(periods, 10);
-
-      // Return effective annual interest rate
-      return Math.pow(1 + rate / periods, periods) - 1;
-    };
-
-    Formula.FV = function (rate, periods, payment, value, type) {
-      // Credits: algorithm inspired by Apache OpenOffice
-
-      // Initialize type
-      type = (typeof type === 'undefined') ? 0 : type;
-
-      // Evaluate rate (TODO: replace with secure expression evaluator)
-      rate = eval(rate);
-
-      // Return future value
-      var result;
-      if (rate === 0) {
-        result = value + payment * periods;
-      } else {
-        var term = Math.pow(1 + rate, periods);
-        if (type === 1) {
-          result = value * term + payment * (1 + rate) * (term - 1.0) / rate;
-        } else {
-          result = value * term + payment * (term - 1) / rate;
-        }
-      }
-      return -result;
-    };
-
-    Formula.FVSCHEDULE = function (principal, schedule) {
-      // Initialize future value
-      var future = principal;
-
-      // Apply all interests in schedule
-      for (var i = 0; i < schedule.length; i++) {
-        // Return error if schedule value is not a number
-        if (isNaN(schedule[i])) {
-          return '#VALUE!';
-        }
-
-        // Apply scheduled interest
-        future *= 1 + schedule[i];
-      }
-
-      // Return future value
-      return future;
-    };
-
-    Formula.INTRATE = function () {
-      return;
-    };
-
-    Formula.IPMT = function (rate, period, periods, present, future, type) {
-      // Credits: algorithm inspired by Apache OpenOffice
-
-      // Initialize type
-      type = (typeof type === 'undefined') ? 0 : type;
-
-      // Evaluate rate and periods (TODO: replace with secure expression evaluator)
-      rate = eval(rate);
-      periods = eval(periods);
-
-      // Compute payment
-      var payment = Formula.PMT(rate, periods, present, future, type);
-
-      // Compute interest
-      var interest;
-      if (period === 1) {
-        if (type === 1) {
-          interest = 0;
-        } else {
-          interest = -present;
-        }
-      } else {
-        if (type === 1) {
-          interest = Formula.FV(rate, period - 2, payment, present, 1) - payment;
-        } else {
-          interest = Formula.FV(rate, period - 1, payment, present, 0);
-        }
-      }
-
-      // Return interest
-      return interest * rate;
-    };
-
-    Formula.IRR = function (values, guess) {
-      // Credits: algorithm inspired by Apache OpenOffice
-
-      // flatten so multi dimensional ranges also work
-      values = Formula.FLATTEN(values);
-
-      // Calculates the resulting amount
-      var irrResult = function (values, dates, rate) {
-        var r = rate + 1;
-        var result = values[0];
-        for (var i = 1; i < values.length; i++) {
-          result += values[i] / Math.pow(r, (dates[i] - dates[0]) / 365);
-        }
-        return result;
-      };
-
-      // Calculates the first derivation
-      var irrResultDeriv = function (values, dates, rate) {
-        var r = rate + 1;
-        var result = 0;
-        for (var i = 1; i < values.length; i++) {
-          var frac = (dates[i] - dates[0]) / 365;
-          result -= frac * values[i] / Math.pow(r, frac + 1);
-        }
-        return result;
-      };
-
-      // Initialize dates and check that values contains at least one positive value and one negative value
-      var dates = [];
-      var positive = false;
-      var negative = false;
-      for (var i = 0; i < values.length; i++) {
-        dates[i] = (i === 0) ? 0 : dates[i - 1] + 365;
-        if (values[i] > 0) {
-          positive = true;
-        }
-        if (values[i] < 0) {
-          negative = true;
-        }
-      }
-
-      // Return error if values does not contain at least one positive value and one negative value
-      if (!positive || !negative) {
-        return '#NUM!';
-      }
-
-      // Initialize guess and resultRate
-      guess = (typeof guess === 'undefined') ? 0.1 : guess;
-      var resultRate = guess;
-
-      // Set maximum epsilon for end of iteration
-      var epsMax = 1e-10;
-
-      // Set maximum number of iterations
-      var iterMax = 50;
-
-      // Implement Newton's method
-      var newRate, epsRate, resultValue;
-      var iteration = 0;
-      var contLoop = true;
-      do {
-        resultValue = irrResult(values, dates, resultRate);
-        newRate = resultRate - resultValue / irrResultDeriv(values, dates, resultRate);
-        epsRate = Math.abs(newRate - resultRate);
-        resultRate = newRate;
-        contLoop = (epsRate > epsMax) && (Math.abs(resultValue) > epsMax);
-      } while (contLoop && (++iteration < iterMax));
-
-      if (contLoop) {
-        return '#NUM!';
-      }
-
-      // Return internal rate of return
-      return resultRate;
-    };
-
-    Formula.ISPMT = function (rate, period, periods, value) {
-      // Evaluate rate and periods (TODO: replace with secure expression evaluator)
-      rate = eval(rate);
-      periods = eval(periods);
-
-      // Return interest
-      return value * rate * (period / periods - 1);
-    };
-
-    Formula.MDURATION = function () {
-      return;
-    };
-
-    Formula.MIRR = function (values, finance_rate, reinvest_rate) {
-      // Initialize number of values
-      var n = values.length;
-
-      // Lookup payments (negative values) and incomes (positive values)
-      var payments = [];
-      var incomes = [];
-      for (var i = 0; i < n; i++) {
-        if (values[i] < 0) {
-          payments.push(values[i]);
-        } else {
-          incomes.push(values[i]);
-        }
-      }
-
-      // Return modified internal rate of return
-      var num = -Formula.NPV(reinvest_rate, incomes) * Math.pow(1 + reinvest_rate, n - 1);
-      var den = Formula.NPV(finance_rate, payments) * (1 + finance_rate);
-      return Math.pow(num / den, 1 / (n - 1)) - 1;
-    };
-
-    Formula.NOMINAL = function (rate, periods) {
-      // Return error if any of the parameters is not a number
-      if (isNaN(rate) || isNaN(periods)) {
-        return '#VALUE!';
-      }
-
-      // Return error if rate <=0 or periods < 1
-      if (rate <= 0 || periods < 1) {
-        return '#NUM!';
-      }
-
-      // Truncate periods if it is not an integer
-      periods = parseInt(periods, 10);
-
-      // Return nominal annual interest rate
-      return (Math.pow(rate + 1, 1 / periods) - 1) * periods;
-    };
-
-    Formula.NPER = function (rate, payment, present, future, type) {
-      // Initialize type
-      type = (typeof type === 'undefined') ? 0 : type;
-
-      // Initialize future value
-      future = (typeof future === 'undefined') ? 0 : future;
-
-      // Evaluate rate and periods (TODO: replace with secure expression evaluator)
-      rate = eval(rate);
-
-      // Return number of periods
-      var num = payment * (1 + rate * type) - future * rate;
-      var den = (present * rate + payment * (1 + rate * type));
-      return Math.log(num / den) / Math.log(1 + rate);
-    };
-
-    Formula.NPV = function () {
-      // Cast arguments to array
-      var args = [];
-      for (var i = 0; i < arguments.length; i++) {
-        args = args.concat(arguments[i]);
-      }
-
-      // Lookup rate
-      var rate = args[0];
-
-      // Initialize net present value
-      var value = 0;
-
-      // Loop on all values
-      for (var j = 1; j < args.length; j++) {
-        value += args[j] / Math.pow(1 + rate, j);
-      }
-
-      // Return net present value
-      return value;
-    };
-
-    Formula.ODDFPRICE = function () {
-      return;
-    };
-
-    Formula.ODDFYIELD = function () {
-      return;
-    };
-
-    Formula.ODDLPRICE = function () {
-      return;
-    };
-
-    Formula.ODDLYIELD = function () {
-      return;
-    };
-
-    Formula.PDURATION = function (rate, present, future) {
-      // Return error if any of the parameters is not a number
-      if (isNaN(rate) || isNaN(present) || isNaN(future)) {
-        return '#VALUE!';
-      }
-
-      // Return error if rate <=0
-      if (rate <= 0) {
-        return '#NUM!';
-      }
-
-      // Return number of periods
-      return (Math.log(future) - Math.log(present)) / Math.log(1 + rate);
-    };
-
-    Formula.PMT = function (rate, periods, present, future, type) {
-      // Credits: algorithm inspired by Apache OpenOffice
-
-      // Initialize type
-      type = (typeof type === 'undefined') ? 0 : type;
-
-      // Evaluate rate and periods (TODO: replace with secure expression evaluator)
-      rate = eval(rate);
-      periods = eval(periods);
-
-      // Return payment
-      var result;
-      if (rate === 0) {
-        result = (present + future) / periods;
-      } else {
-        var term = Math.pow(1 + rate, periods);
-        if (type === 1) {
-          result = (future * rate / (term - 1) + present * rate / (1 - 1 / term)) / (1 + rate);
-        } else {
-          result = future * rate / (term - 1) + present * rate / (1 - 1 / term);
-        }
-      }
-      return -result;
-    };
-
-    Formula.PPMT = function (rate, period, periods, present, future, type) {
-      return Formula.PMT(rate, periods, present, future, type) - Formula.IPMT(rate, period, periods, present, future, type);
-    };
-
-    Formula.PRICE = function () {
-      return;
-    };
-
-    Formula.PRICEDISC = function () {
-      return;
-    };
-
-    Formula.PRICEMAT = function () {
-      return;
-    };
-
-    Formula.PV = function (rate, periods, payment, future, type) {
-      // Initialize type
-      type = (typeof type === 'undefined') ? 0 : type;
-
-      // Evaluate rate and periods (TODO: replace with secure expression evaluator)
-      rate = eval(rate);
-      periods = eval(periods);
-
-      // Return present value
-      if (rate === 0) {
-        return -payment * periods - future;
-      } else {
-        return (((1 - Math.pow(1 + rate, periods)) / rate) * payment * (1 + rate * type) - future) / Math.pow(1 + rate, periods);
-      }
-    };
-
-    Formula.RATE = function (periods, payment, present, future, type, guess) {
-      // Credits: rabugento
-
-      // Initialize guess
-      guess = (typeof guess === 'undefined') ? 0.01 : guess;
-
-      // Initialize future
-      future = (typeof future === 'undefined') ? 0 : future;
-
-      // Initialize type
-      type = (typeof type === 'undefined') ? 0 : type;
-
-      // Evaluate periods (TODO: replace with secure expression evaluator)
-      periods = eval(periods);
-
-      // Set maximum epsilon for end of iteration
-      var epsMax = 1e-10;
-
-      // Set maximum number of iterations
-      var iterMax = 50;
-
-      // Implement Newton's method
-      var y, y0, y1, x0, x1 = 0, f = 0, i = 0;
-      var rate = guess;
-      if (Math.abs(rate) < epsMax) {
-        y = present * (1 + periods * rate) + payment * (1 + rate * type) * periods + future;
-      } else {
-        f = Math.exp(periods * Math.log(1 + rate));
-        y = present * f + payment * (1 / rate + type) * (f - 1) + future;
-      }
-      y0 = present + payment * periods + future;
-      y1 = present * f + payment * (1 / rate + type) * (f - 1) + future;
-      i = x0 = 0;
-      x1 = rate;
-      while ((Math.abs(y0 - y1) > epsMax) && (i < iterMax)) {
-        rate = (y1 * x0 - y0 * x1) / (y1 - y0);
-        x0 = x1;
-        x1 = rate;
-        if (Math.abs(rate) < epsMax) {
-          y = present * (1 + periods * rate) + payment * (1 + rate * type) * periods + future;
-        } else {
-          f = Math.exp(periods * Math.log(1 + rate));
-          y = present * f + payment * (1 / rate + type) * (f - 1) + future;
-        }
-        y0 = y1;
-        y1 = y;
-        ++i;
-      }
-      return rate;
-    };
-
-    Formula.RECEIVED = function () {
-      return;
-    };
-
-    Formula.RRI = function (periods, present, future) {
-      // Return error if any of the parameters is not a number
-      if (isNaN(periods) || isNaN(present) || isNaN(future)) {
-        return '#VALUE!';
-      }
-
-      // Return error if periods or present is equal to 0 (zero)
-      if (periods === 0 || present === 0) {
-        return '#NUM!';
-      }
-
-      // Return equivalent interest rate
-      return Math.pow(future / present, 1 / periods) - 1;
-    };
-
-    Formula.SLN = function (cost, salvage, life) {
-      // Return error if any of the parameters is not a number
-      if (isNaN(cost) || isNaN(salvage) || isNaN(life)) {
-        return '#VALUE!';
-      }
-
-      // Return error if life equal to 0 (zero)
-      if (life === 0) {
-        return '#NUM!';
-      }
-
-      // Return straight-line depreciation
-      return (cost - salvage) / life;
-    };
-
-    Formula.SYD = function (cost, salvage, life, period) {
-      // Return error if any of the parameters is not a number
-      if (isNaN(cost) || isNaN(salvage) || isNaN(life) || isNaN(period)) {
-        return '#VALUE!';
-      }
-
-      // Return error if life equal to 0 (zero)
-      if (life === 0) {
-        return '#NUM!';
-      }
-
-      // Return error if period is lower than 1 or greater than life
-      if (period < 1 || period > life) {
-        return '#NUM!';
-      }
-
-      // Truncate period if it is not an integer
-      period = parseInt(period, 10);
-
-      // Return straight-line depreciation
-      return (cost - salvage) * (life - period + 1) * 2 / (life * (life + 1));
-    };
-
-    Formula.TBILLEQ = function (settlement, maturity, discount) {
-      // Return error if either date is invalid
-      if (!moment(settlement).isValid() || !moment(maturity).isValid()) {
-        return '#VALUE!';
-      }
-
-      // Return error if discount is lower than or equal to zero
-      if (discount <= 0) {
-        return '#NUM!';
-      }
-
-      // Return error if settlement is greater than maturity
-      if (moment(settlement).diff(moment(maturity)) > 0) {
-        return '#NUM!';
-      }
-
-      // Return error if maturity is more than one year after settlement
-      if (moment(maturity).diff(moment(settlement), 'years') > 1) {
-        return '#NUM!';
-      }
-
-      // Return bond-equivalent yield
-      return (365 * discount) / (360 - discount * Formula.DAYS360(settlement, maturity));
-    };
-
-    Formula.TBILLPRICE = function (settlement, maturity, discount) {
-      // Return error if either date is invalid
-      if (!moment(settlement).isValid() || !moment(maturity).isValid()) {
-        return '#VALUE!';
-      }
-
-      // Return error if discount is lower than or equal to zero
-      if (discount <= 0) {
-        return '#NUM!';
-      }
-
-      // Return error if settlement is greater than maturity
-      if (moment(settlement).diff(moment(maturity)) > 0) {
-        return '#NUM!';
-      }
-
-      // Return error if maturity is more than one year after settlement
-      if (moment(maturity).diff(moment(settlement), 'years') > 1) {
-        return '#NUM!';
-      }
-
-      // Return bond-equivalent yield
-      return 100 * (1 - discount * Formula.DAYS360(settlement, maturity) / 360);
-    };
-
-    Formula.TBILLYIELD = function (settlement, maturity, price) {
-      // Return error if either date is invalid
-      if (!moment(settlement).isValid() || !moment(maturity).isValid()) {
-        return '#VALUE!';
-      }
-
-      // Return error if price is lower than or equal to zero
-      if (price <= 0) {
-        return '#NUM!';
-      }
-
-      // Return error if settlement is greater than maturity
-      if (moment(settlement).diff(moment(maturity)) > 0) {
-        return '#NUM!';
-      }
-
-      // Return error if maturity is more than one year after settlement
-      if (moment(maturity).diff(moment(settlement), 'years') > 1) {
-        return '#NUM!';
-      }
-
-      // Return bond-equivalent yield
-      return (100 - price) * 360 / (price * Formula.DAYS360(settlement, maturity));
-    };
-
-    Formula.VDB = function () {
-      return;
-    };
-
-
-    Formula.XIRR = function (values, dates, guess) {
-      // Credits: algorithm inspired by Apache OpenOffice
-
-      // Calculates the resulting amount
-      var irrResult = function (values, dates, rate) {
-        var r = rate + 1;
-        var result = values[0];
-        for (var i = 1; i < values.length; i++) {
-          result += values[i] / Math.pow(r, moment(dates[i]).diff(moment(dates[0]), 'days') / 365);
-        }
-        return result;
-      };
-
-      // Calculates the first derivation
-      var irrResultDeriv = function (values, dates, rate) {
-        var r = rate + 1;
-        var result = 0;
-        for (var i = 1; i < values.length; i++) {
-          var frac = moment(dates[i]).diff(moment(dates[0]), 'days') / 365;
-          result -= frac * values[i] / Math.pow(r, frac + 1);
-        }
-        return result;
-      };
-
-      // Check that values contains at least one positive value and one negative value
-      var positive = false;
-      var negative = false;
-      for (var i = 0; i < values.length; i++) {
-        if (values[i] > 0) {
-          positive = true;
-        }
-        if (values[i] < 0) {
-          negative = true;
-        }
-      }
-
-      // Return error if values does not contain at least one positive value and one negative value
-      if (!positive || !negative) {
-        return '#NUM!';
-      }
-
-      // Initialize guess and resultRate
-      guess = guess || 0.1;
-      var resultRate = guess;
-
-      // Set maximum epsilon for end of iteration
-      var epsMax = 1e-10;
-
-      // Set maximum number of iterations
-      var iterMax = 50;
-
-      // Implement Newton's method
-      var newRate, epsRate, resultValue;
-      var iteration = 0;
-      var contLoop = true;
-      do {
-        resultValue = irrResult(values, dates, resultRate);
-        newRate = resultRate - resultValue / irrResultDeriv(values, dates, resultRate);
-        epsRate = Math.abs(newRate - resultRate);
-        resultRate = newRate;
-        contLoop = (epsRate > epsMax) && (Math.abs(resultValue) > epsMax);
-      } while (contLoop && (++iteration < iterMax));
-
-      if (contLoop) {
-        return '#NUM!';
-      }
-
-      // Return internal rate of return
-      return resultRate;
-    };
-
-    Formula.XNPV = function (rate, values, dates) {
-      var result = 0;
-      for (var i = 0; i < values.length; i++) {
-        result += values[i] / Math.pow(1 + rate, moment(dates[i]).diff(moment(dates[0]), 'days') / 365);
-      }
-      return result;
-    };
-
-    Formula.YIELD = function () {
-      return;
-    };
-
-    Formula.YIELDDISC = function () {
-      return;
-    };
-
-    Formula.YIELDMAT = function () {
-    };
-
-
-    // Information functions
-
-    Formula.ISNUMBER = function (number) {
-      return (!isNaN(parseFloat(number)) && isFinite(number)) ? true : false;
-    };
-
-
-    // Logical functions
-
-    Formula.AND = function () {
-      var result = true;
-      for (var i = 0; i < arguments.length; i++) {
-        if (!arguments[i]) {
-          result = false;
-        }
-      }
-      return result;
-    };
-
-    Formula.FALSE = function () {
+  return array.reduce(function(a, b) {
+    var aIsArray = Array.isArray(a);
+    var bIsArray = Array.isArray(b);
+
+    if (aIsArray && bIsArray ) {
+      return a.concat(b);
+    }
+    if (aIsArray) {
+      a.push(b);
+
+      return a;
+    }
+    if (bIsArray) {
+      return [a].concat(b);
+    }
+
+    return [a, b];
+  });
+};
+
+exports.isFlat = function(array) {
+  if (!array) {
+    return false;
+  }
+
+  for (var i = 0; i < array.length; ++i) {
+    if (Array.isArray(array[i])) {
       return false;
-    };
+    }
+  }
 
-    Formula.SWITCH = function () {
-      var result;
-      if (arguments.length > 0)  {
-        var targetValue = arguments[0];
-        var argc = arguments.length - 1;
-        var switchCount = Math.floor(argc / 2);
-        var switchSatisfied = false;
-        var defaultClause = argc % 2 === 0 ? null : arguments[arguments.length - 1];
+  return true;
+};
 
-        if (switchCount) {
-          for (var index = 0; index < switchCount; index++) {
-            if (targetValue === arguments[index * 2 + 1]) {
-              result = arguments[index * 2 + 2];
-              switchSatisfied = true;
-              break;
-            }
-          }
-        }
+exports.flatten = function() {
+  var result = exports.argsToArray.apply(null, arguments);
 
-        if (!switchSatisfied && defaultClause) {
-          result = defaultClause;
-        }
-      }
+  while (!exports.isFlat(result)) {
+    result = exports.flattenShallow(result);
+  }
 
-      return result;
-    };
+  return result;
+};
 
-    Formula.IF = function (test, then_value, otherwise_value) {
-      return test?then_value:otherwise_value;
-    };
+exports.argsToArray = function(args) {
+  var result = [];
 
-    Formula.IFNA = function (value, value_if_na) {
-      return (value === '#N/A') ? value_if_na : value;
-    };
+  exports.arrayEach(args, function(value) {
+    result.push(value);
+  });
 
-    Formula.NOT = function (logical) {
-      return !logical;
-    };
+  return result;
+};
 
-    Formula.OR = function () {
-      var result = false;
-      for (var i = 0; i < arguments.length; i++) {
-        if (arguments[i]) {
-          result = true;
-        }
-      }
-      return result;
-    };
+exports.numbers = function() {
+  var possibleNumbers = this.flatten.apply(null, arguments);
+  return possibleNumbers.filter(function(el) {
+    return typeof el === 'number';
+  });
+};
 
-    Formula.TRUE = function () {
+exports.cleanFloat = function(number) {
+  var power = 1e14;
+  return Math.round(number * power) / power;
+};
+
+exports.parseBool = function(bool) {
+  if (typeof bool === 'boolean') {
+    return bool;
+  }
+
+  if (bool instanceof Error) {
+    return bool;
+  }
+
+  if (typeof bool === 'number') {
+    return bool !== 0;
+  }
+
+  if (typeof bool === 'string') {
+    var up = bool.toUpperCase();
+    if (up === 'TRUE') {
       return true;
-    };
+    }
 
-    Formula.XOR = function () {
-      var result = 0;
-      for (var i = 0; i < arguments.length; i++) {
-        if (arguments[i]) {
-          result++;
-        }
-      }
-      return (Math.floor(Math.abs(result)) & 1) ? true : false;
-    };
+    if (up === 'FALSE') {
+      return false;
+    }
+  }
 
+  if (bool instanceof Date && !isNaN(bool)) {
+    return true;
+  }
 
-    // Lookup and reference functions
+  return error.value;
+};
 
-    Formula.REFERENCE = function (context, reference) {
-      try {
-        var path = reference.split('.'),
-          result = context;
-        _(path).forEach(function (step) {
-          if (step[step.length - 1] === ']') {
-            var opening = step.indexOf('[');
-            var index = step.substring(opening + 1, step.length - 1);
-            result = result[step.substring(0, opening)][index];
-          } else {
-            result = result[step];
-          }
-        });
-        return result;
-      } catch (error) {
-        return;
-      }
-    };
+exports.parseNumber = function(string) {
+  if (string === undefined || string === '') {
+    return error.value;
+  }
+  if (!isNaN(string)) {
+    return parseFloat(string);
+  }
 
+  return error.value;
+};
 
-    // Math functions
+exports.parseNumberArray = function(arr) {
+  var len;
 
-    Formula.ABS = function (number) {
-      return Math.abs(number);
-    };
+  if (!arr || (len = arr.length) === 0) {
+    return error.value;
+  }
 
-    Formula.ACOS = function (number) {
-      return Math.acos(number);
-    };
+  var parsed;
 
-    Formula.ACOSH = function (number) {
-      return Math.log(number + Math.sqrt(number * number - 1));
-    };
+  while (len--) {
+    parsed = exports.parseNumber(arr[len]);
+    if (parsed === error.value) {
+      return parsed;
+    }
+    arr[len] = parsed;
+  }
 
-    Formula.ACOT = function (number) {
-      return Math.atan(1 / number);
-    };
+  return arr;
+};
 
-    Formula.ACOTH = function (number) {
-      return 0.5 * Math.log((number + 1) / (number - 1));
-    };
+exports.parseMatrix = function(matrix) {
+  var n;
 
-    Formula.AGGREGATE = function (function_code) {
-      var result = [];
-      for (var i = 2; i < arguments.length; i++) {
-        switch (function_code) {
-          case 1:
-            result[i - 2] = Formula.AVERAGE(arguments[i]);
-            break;
-          case 2:
-            result[i - 2] = Formula.COUNT(arguments[i]);
-            break;
-          case 3:
-            result[i - 2] = Formula.COUNTA(arguments[i]);
-            break;
-          case 4:
-            result[i - 2] = Formula.MAX(arguments[i]);
-            break;
-          case 5:
-            result[i - 2] = Formula.MIN(arguments[i]);
-            break;
-          case 6:
-            result[i - 2] = Formula.PRODUCT(arguments[i]);
-            break;
-          case 7:
-            result[i - 2] = Formula.STDEVS(arguments[i]);
-            break;
-          case 8:
-            result[i - 2] = Formula.STDEVP(arguments[i]);
-            break;
-          case 9:
-            result[i - 2] = Formula.SUM(arguments[i]);
-            break;
-          case 10:
-            result[i - 2] = Formula.VARS(arguments[i]);
-            break;
-          case 11:
-            result[i - 2] = Formula.VARP(arguments[i]);
-            break;
-          case 12:
-            result[i - 2] = Formula.MEDIAN(arguments[i]);
-            break;
-          case 13:
-            result[i - 2] = Formula.MODESNGL(arguments[i]);
-            break;
-          case 14:
-            result[i - 2] = Formula.LARGE(arguments[i]);
-            break;
-          case 15:
-            result[i - 2] = Formula.SMALL(arguments[i]);
-            break;
-          case 16:
-            result[i - 2] = Formula.PERCENTILEINC(arguments[i]);
-            break;
-          case 17:
-            result[i - 2] = Formula.QUARTILEINC(arguments[i]);
-            break;
-          case 18:
-            result[i - 2] = Formula.PERCENTILEEXC(arguments[i]);
-            break;
-          case 19:
-            result[i - 2] = Formula.QUARTILEEXC(arguments[i]);
-            break;
-        }
-      }
-      return result;
-    };
+  if (!matrix || (n = matrix.length) === 0) {
+    return error.value;
+  }
+  var pnarr;
 
-    Formula.ARABIC = function (text) {
-      // Credits: Rafa? Kukawski
-      if (!/^M*(?:D?C{0,3}|C[MD])(?:L?X{0,3}|X[CL])(?:V?I{0,3}|I[XV])$/.test(text)) {
-        throw new Error('Incorrect roman number');
-      }
-      var r = 0;
-      text.replace(/[MDLV]|C[MD]?|X[CL]?|I[XV]?/g, function (i) {
-        r += {M: 1000, CM: 900, D: 500, CD: 400, C: 100, XC: 90, L: 50, XL: 40, X: 10, IX: 9, V: 5, IV: 4, I: 1}[i];
-      });
-      return r;
-    };
+  for (var i = 0; i < matrix.length; i++) {
+    pnarr = exports.parseNumberArray(matrix[i]);
+    matrix[i] = pnarr;
 
-    Formula.ASIN = function (number) {
-      return Math.asin(number);
-    };
+    if (pnarr instanceof Error) {
+      return pnarr;
+    }
+  }
 
-    Formula.ASINH = function (number) {
-      return Math.log(number + Math.sqrt(number * number + 1));
-    };
+  return matrix;
+};
 
-    Formula.ATAN = function (number) {
-      return Math.atan(number);
-    };
+var d1900 = new Date(Date.UTC(1900, 0, 1));
+exports.parseDate = function(date) {
+  if (!isNaN(date)) {
+    if (date instanceof Date) {
+      return new Date(date);
+    }
+    var d = parseInt(date, 10);
+    if (d < 0) {
+      return error.num;
+    }
+    if (d <= 60) {
+      return new Date(d1900.getTime() + (d - 1) * 86400000);
+    }
+    return new Date(d1900.getTime() + (d - 2) * 86400000);
+  }
+  if (typeof date === 'string') {
+    date = new Date(date);
+    if (!isNaN(date)) {
+      return date;
+    }
+  }
+  return error.value;
+};
 
-    Formula.ATAN2 = function (number_x, number_y) {
-      return Math.atan2(number_x, number_y);
-    };
+exports.parseDateArray = function(arr) {
+  var len = arr.length;
+  var parsed;
+  while (len--) {
+    parsed = this.parseDate(arr[len]);
+    if (parsed === error.value) {
+      return parsed;
+    }
+    arr[len] = parsed;
+  }
+  return arr;
+};
 
-    Formula.ATANH = function (number) {
-      return Math.log((1 + number) / (1 - number)) / 2;
-    };
+exports.anyIsError = function() {
+  var n = arguments.length;
+  while (n--) {
+    if (arguments[n] instanceof Error) {
+      return true;
+    }
+  }
+  return false;
+};
 
-    Formula.BASE = function (number, radix, min_length) {
-      min_length = (typeof min_length === 'undefined') ? 0 : min_length;
-      var result = number.toString(radix);
-      return new Array(Math.max(min_length + 1 - result.length, 0)).join('0') + result;
-    };
-
-    Formula.CEILING = function (number, significance, mode) {
-      if (significance === 0) {
-        return 0;
-      }
-      significance = (typeof significance === 'undefined') ? 1 : Math.abs(significance);
-      mode = (typeof mode === 'undefined') ? 0 : mode;
-      var precision = -Math.floor(Math.log(significance) / Math.log(10));
-      if (number >= 0) {
-        return Formula.ROUND(Math.ceil(number / significance) * significance, precision);
+exports.arrayValuesToNumbers = function(arr) {
+  var n = arr.length;
+  var el;
+  while (n--) {
+    el = arr[n];
+    if (typeof el === 'number') {
+      continue;
+    }
+    if (el === true) {
+      arr[n] = 1;
+      continue;
+    }
+    if (el === false) {
+      arr[n] = 0;
+      continue;
+    }
+    if (typeof el === 'string') {
+      var number = this.parseNumber(el);
+      if (number instanceof Error) {
+        arr[n] = 0;
       } else {
-        if (mode === 0) {
-          return -Formula.ROUND(Math.floor(Math.abs(number) / significance) * significance, precision);
-        } else {
-          return -Formula.ROUND(Math.ceil(Math.abs(number) / significance) * significance, precision);
-        }
+        arr[n] = number;
       }
-    };
+    }
+  }
+  return arr;
+};
 
-    Formula.CEILINGMATH = Formula.CEILING;
+exports.rest = function(array, idx) {
+  idx = idx || 1;
+  if (!array || typeof array.slice !== 'function') {
+    return array;
+  }
+  return array.slice(idx);
+};
 
-    Formula.CEILINGPRECISE = Formula.CEILING;
+exports.initial = function(array, idx) {
+  idx = idx || 1;
+  if (!array || typeof array.slice !== 'function') {
+    return array;
+  }
+  return array.slice(0, array.length - idx);
+};
 
-    Formula.COMBIN = function (number, number_chosen) {
-      return Formula.FACT(number) / (Formula.FACT(number_chosen) * Formula.FACT(number - number_chosen));
-    };
+exports.arrayEach = function(array, iteratee) {
+  var index = -1, length = array.length;
 
-    Formula.COMBINA = function (number, number_chosen) {
-      return (number === 0 && number_chosen === 0) ? 1 : Formula.COMBIN(number + number_chosen - 1, number - 1);
-    };
+  while (++index < length) {
+    if (iteratee(array[index], index, array) === false) {
+      break;
+    }
+  }
 
-    Formula.COS = Math.cos;
+  return array;
+};
 
-    Formula.COSH = function (number) {
-      return (Math.exp(number) + Math.exp(-number)) / 2;
-    };
+exports.transpose = function(matrix) {
+  if(!matrix) {
+    return error.value;
+  }
 
-    Formula.COT = function (number) {
-      return 1 / Math.tan(number);
-    };
+  return matrix[0].map(function(col, i) {
+    return matrix.map(function(row) {
+      return row[i];
+    });
+  });
+};
 
-    Formula.COTH = function (number) {
-      var e2 = Math.exp(2 * number);
-      return (e2 + 1) / (e2 - 1);
-    };
 
-    Formula.CSC = function (number) {
-      return 1 / Math.sin(number);
-    };
+/***/ }),
+/* 2 */
+/***/ (function(module, exports, __webpack_require__) {
 
-    Formula.CSCH = function (number) {
-      return 2 / (Math.exp(number) - Math.exp(-number));
-    };
+var utils = __webpack_require__(1);
+var error = __webpack_require__(0);
+var statistical = __webpack_require__(3);
+var information = __webpack_require__(6);
+var evalExpression = __webpack_require__(5);
 
-    Formula.DECIMAL = function (number, radix) {
-      return parseInt(number, radix);
-    };
+exports.ABS = function(number) {
+  number = utils.parseNumber(number);
+  if (number instanceof Error) {
+    return number;
+  }
+  var result = Math.abs(number);
 
-    Formula.DEGREES = function (number) {
-      return number * 180 / Math.PI;
-    };
+  return result;
+};
 
-    Formula.EVEN = function (number) {
-      return Formula.CEILING(number, -2, -1);
-    };
+exports.ACOS = function(number) {
+  number = utils.parseNumber(number);
+  if (number instanceof Error) {
+    return number;
+  }
+  var result = Math.acos(number);
 
-    Formula.EXP = Math.exp;
+  if (isNaN(result)) {
+    result = error.num;
+  }
 
-    Formula.FACT = function (number) {
-      var n = Math.floor(number);
-      if (n === 0 || n === 1) {
-        return 1;
-      } else if (MEMOIZED_FACT[n] > 0) {
-        return MEMOIZED_FACT[n];
+  return result;
+};
+
+exports.ACOSH = function(number) {
+  number = utils.parseNumber(number);
+  if (number instanceof Error) {
+    return number;
+  }
+  var result = Math.log(number + Math.sqrt(number * number - 1));
+
+  if (isNaN(result)) {
+    result = error.num;
+  }
+
+  return result;
+};
+
+exports.ACOT = function(number) {
+  number = utils.parseNumber(number);
+  if (number instanceof Error) {
+    return number;
+  }
+  var result = Math.atan(1 / number);
+
+  return result;
+};
+
+exports.ACOTH = function(number) {
+  number = utils.parseNumber(number);
+  if (number instanceof Error) {
+    return number;
+  }
+  var result = 0.5 * Math.log((number + 1) / (number - 1));
+
+  if (isNaN(result)) {
+    result = error.num;
+  }
+
+  return result;
+};
+
+//TODO: use options
+exports.AGGREGATE = function(function_num, options, ref1, ref2) {
+  function_num = utils.parseNumber(function_num);
+  options = utils.parseNumber(function_num);
+  if (utils.anyIsError(function_num, options)) {
+    return error.value;
+  }
+  switch (function_num) {
+    case 1:
+      return statistical.AVERAGE(ref1);
+    case 2:
+      return statistical.COUNT(ref1);
+    case 3:
+      return statistical.COUNTA(ref1);
+    case 4:
+      return statistical.MAX(ref1);
+    case 5:
+      return statistical.MIN(ref1);
+    case 6:
+      return exports.PRODUCT(ref1);
+    case 7:
+      return statistical.STDEV.S(ref1);
+    case 8:
+      return statistical.STDEV.P(ref1);
+    case 9:
+      return exports.SUM(ref1);
+    case 10:
+      return statistical.VAR.S(ref1);
+    case 11:
+      return statistical.VAR.P(ref1);
+    case 12:
+      return statistical.MEDIAN(ref1);
+    case 13:
+      return statistical.MODE.SNGL(ref1);
+    case 14:
+      return statistical.LARGE(ref1, ref2);
+    case 15:
+      return statistical.SMALL(ref1, ref2);
+    case 16:
+      return statistical.PERCENTILE.INC(ref1, ref2);
+    case 17:
+      return statistical.QUARTILE.INC(ref1, ref2);
+    case 18:
+      return statistical.PERCENTILE.EXC(ref1, ref2);
+    case 19:
+      return statistical.QUARTILE.EXC(ref1, ref2);
+  }
+};
+
+exports.ARABIC = function(text) {
+  // Credits: Rafa? Kukawski
+  if (!/^M*(?:D?C{0,3}|C[MD])(?:L?X{0,3}|X[CL])(?:V?I{0,3}|I[XV])$/.test(text)) {
+    return error.value;
+  }
+  var r = 0;
+  text.replace(/[MDLV]|C[MD]?|X[CL]?|I[XV]?/g, function(i) {
+    r += {
+      M: 1000,
+      CM: 900,
+      D: 500,
+      CD: 400,
+      C: 100,
+      XC: 90,
+      L: 50,
+      XL: 40,
+      X: 10,
+      IX: 9,
+      V: 5,
+      IV: 4,
+      I: 1
+    }[i];
+  });
+  return r;
+};
+
+exports.ASIN = function(number) {
+  number = utils.parseNumber(number);
+  if (number instanceof Error) {
+    return number;
+  }
+  var result = Math.asin(number);
+
+  if (isNaN(result)) {
+    result = error.num;
+  }
+
+  return result;
+};
+
+exports.ASINH = function(number) {
+  number = utils.parseNumber(number);
+  if (number instanceof Error) {
+    return number;
+  }
+  return Math.log(number + Math.sqrt(number * number + 1));
+};
+
+exports.ATAN = function(number) {
+  number = utils.parseNumber(number);
+  if (number instanceof Error) {
+    return number;
+  }
+  return Math.atan(number);
+};
+
+exports.ATAN2 = function(number_x, number_y) {
+  number_x = utils.parseNumber(number_x);
+  number_y = utils.parseNumber(number_y);
+  if (utils.anyIsError(number_x, number_y)) {
+    return error.value;
+  }
+  return Math.atan2(number_x, number_y);
+};
+
+exports.ATANH = function(number) {
+  number = utils.parseNumber(number);
+  if (number instanceof Error) {
+    return number;
+  }
+  var result = Math.log((1 + number) / (1 - number)) / 2;
+
+  if (isNaN(result)) {
+    result = error.num;
+  }
+
+  return result;
+};
+
+exports.BASE = function(number, radix, min_length) {
+  min_length = min_length || 0;
+
+  number = utils.parseNumber(number);
+  radix = utils.parseNumber(radix);
+  min_length = utils.parseNumber(min_length);
+  if (utils.anyIsError(number, radix, min_length)) {
+    return error.value;
+  }
+  min_length = (min_length === undefined) ? 0 : min_length;
+  var result = number.toString(radix);
+  return new Array(Math.max(min_length + 1 - result.length, 0)).join('0') + result;
+};
+
+exports.CEILING = function(number, significance, mode) {
+  significance = (significance === undefined) ? 1 : Math.abs(significance);
+  mode = mode || 0;
+
+  number = utils.parseNumber(number);
+  significance = utils.parseNumber(significance);
+  mode = utils.parseNumber(mode);
+  if (utils.anyIsError(number, significance, mode)) {
+    return error.value;
+  }
+  if (significance === 0) {
+    return 0;
+  }
+  var precision = -Math.floor(Math.log(significance) / Math.log(10));
+  if (number >= 0) {
+    return exports.ROUND(Math.ceil(number / significance) * significance, precision);
+  } else {
+    if (mode === 0) {
+      return -exports.ROUND(Math.floor(Math.abs(number) / significance) * significance, precision);
+    } else {
+      return -exports.ROUND(Math.ceil(Math.abs(number) / significance) * significance, precision);
+    }
+  }
+};
+
+exports.CEILING.MATH = exports.CEILING;
+
+exports.CEILING.PRECISE = exports.CEILING;
+
+exports.COMBIN = function(number, number_chosen) {
+  number = utils.parseNumber(number);
+  number_chosen = utils.parseNumber(number_chosen);
+  if (utils.anyIsError(number, number_chosen)) {
+    return error.value;
+  }
+  return exports.FACT(number) / (exports.FACT(number_chosen) * exports.FACT(number - number_chosen));
+};
+
+exports.COMBINA = function(number, number_chosen) {
+  number = utils.parseNumber(number);
+  number_chosen = utils.parseNumber(number_chosen);
+  if (utils.anyIsError(number, number_chosen)) {
+    return error.value;
+  }
+  return (number === 0 && number_chosen === 0) ? 1 : exports.COMBIN(number + number_chosen - 1, number - 1);
+};
+
+exports.COS = function(number) {
+  number = utils.parseNumber(number);
+  if (number instanceof Error) {
+    return number;
+  }
+  return Math.cos(number);
+};
+
+exports.COSH = function(number) {
+  number = utils.parseNumber(number);
+  if (number instanceof Error) {
+    return number;
+  }
+  return (Math.exp(number) + Math.exp(-number)) / 2;
+};
+
+exports.COT = function(number) {
+  number = utils.parseNumber(number);
+  if (number instanceof Error) {
+    return number;
+  }
+  return 1 / Math.tan(number);
+};
+
+exports.COTH = function(number) {
+  number = utils.parseNumber(number);
+  if (number instanceof Error) {
+    return number;
+  }
+  var e2 = Math.exp(2 * number);
+  return (e2 + 1) / (e2 - 1);
+};
+
+exports.CSC = function(number) {
+  number = utils.parseNumber(number);
+  if (number instanceof Error) {
+    return number;
+  }
+  return 1 / Math.sin(number);
+};
+
+exports.CSCH = function(number) {
+  number = utils.parseNumber(number);
+  if (number instanceof Error) {
+    return number;
+  }
+  return 2 / (Math.exp(number) - Math.exp(-number));
+};
+
+exports.DECIMAL = function(number, radix) {
+  if (arguments.length < 1) {
+    return error.value;
+  }
+
+  return parseInt(number, radix);
+};
+
+exports.DEGREES = function(number) {
+  number = utils.parseNumber(number);
+  if (number instanceof Error) {
+    return number;
+  }
+  return number * 180 / Math.PI;
+};
+
+exports.EVEN = function(number) {
+  number = utils.parseNumber(number);
+  if (number instanceof Error) {
+    return number;
+  }
+  return exports.CEILING(number, -2, -1);
+};
+
+exports.EXP = function(number) {
+  if (arguments.length < 1) {
+    return error.na;
+  }
+  if (typeof number !== 'number' || arguments.length > 1) {
+    return error.error;
+  }
+
+  number = Math.exp(number);
+
+  return number;
+};
+
+var MEMOIZED_FACT = [];
+exports.FACT = function(number) {
+  number = utils.parseNumber(number);
+  if (number instanceof Error) {
+    return number;
+  }
+  var n = Math.floor(number);
+  if (n === 0 || n === 1) {
+    return 1;
+  } else if (MEMOIZED_FACT[n] > 0) {
+    return MEMOIZED_FACT[n];
+  } else {
+    MEMOIZED_FACT[n] = exports.FACT(n - 1) * n;
+    return MEMOIZED_FACT[n];
+  }
+};
+
+exports.FACTDOUBLE = function(number) {
+  number = utils.parseNumber(number);
+  if (number instanceof Error) {
+    return number;
+  }
+  var n = Math.floor(number);
+  if (n <= 0) {
+    return 1;
+  } else {
+    return n * exports.FACTDOUBLE(n - 2);
+  }
+};
+
+exports.FLOOR = function(number, significance) {
+  number = utils.parseNumber(number);
+  significance = utils.parseNumber(significance);
+  if (utils.anyIsError(number, significance)) {
+    return error.value;
+  }
+  if (significance === 0) {
+    return 0;
+  }
+
+  if (!(number > 0 && significance > 0) && !(number < 0 && significance < 0)) {
+    return error.num;
+  }
+
+  significance = Math.abs(significance);
+  var precision = -Math.floor(Math.log(significance) / Math.log(10));
+  if (number >= 0) {
+    return exports.ROUND(Math.floor(number / significance) * significance, precision);
+  } else {
+    return -exports.ROUND(Math.ceil(Math.abs(number) / significance), precision);
+  }
+};
+
+//TODO: Verify
+exports.FLOOR.MATH = function(number, significance, mode) {
+  significance = (significance === undefined) ? 1 : significance;
+  mode = (mode === undefined) ? 0 : mode;
+
+  number = utils.parseNumber(number);
+  significance = utils.parseNumber(significance);
+  mode = utils.parseNumber(mode);
+  if (utils.anyIsError(number, significance, mode)) {
+    return error.value;
+  }
+  if (significance === 0) {
+    return 0;
+  }
+
+  significance = significance ? Math.abs(significance) : 1;
+  var precision = -Math.floor(Math.log(significance) / Math.log(10));
+  if (number >= 0) {
+    return exports.ROUND(Math.floor(number / significance) * significance, precision);
+  } else if (mode === 0 || mode === undefined) {
+    return -exports.ROUND(Math.ceil(Math.abs(number) / significance) * significance, precision);
+  }
+  return -exports.ROUND(Math.floor(Math.abs(number) / significance) * significance, precision);
+};
+
+// Deprecated
+exports.FLOOR.PRECISE = exports.FLOOR.MATH;
+
+// adapted http://rosettacode.org/wiki/Greatest_common_divisor#JavaScript
+exports.GCD = function() {
+  var range = utils.parseNumberArray(utils.flatten(arguments));
+  if (range instanceof Error) {
+    return range;
+  }
+  var n = range.length;
+  var r0 = range[0];
+  var x = r0 < 0 ? -r0 : r0;
+  for (var i = 1; i < n; i++) {
+    var ri = range[i];
+    var y = ri < 0 ? -ri : ri;
+    while (x && y) {
+      if (x > y) {
+        x %= y;
       } else {
-        MEMOIZED_FACT[n] = Formula.FACT(n - 1) * n;
-        return MEMOIZED_FACT[n];
+        y %= x;
       }
-    };
+    }
+    x += y;
+  }
+  return x;
+};
 
-    Formula.FACTDOUBLE = function (number) {
-      var n = Math.floor(number);
-      if (n <= 0) {
-        return 1;
-      } else {
-        return n * Formula.FACTDOUBLE(n - 2);
-      }
-    };
 
-    Formula.FLOOR = function (number, significance, mode) {
-      if (significance === 0) {
-        return 0;
-      }
+exports.INT = function(number) {
+  number = utils.parseNumber(number);
+  if (number instanceof Error) {
+    return number;
+  }
+  return Math.floor(number);
+};
 
-      significance = significance ? Math.abs(significance) : 1;
-      var precision = -Math.floor(Math.log(significance) / Math.log(10));
-      if (number >= 0) {
-        return Formula.ROUND(Math.floor(number / significance) * significance, precision);
-      } else if (mode === 0 || typeof mode === 'undefined') {
-        return -Formula.ROUND(Math.ceil(Math.abs(number) / significance) * significance, precision);
-      }
-      return -Formula.ROUND(Math.floor(Math.abs(number) / significance) * significance, precision);
-    };
+//TODO: verify
+exports.ISO = {
+  CEILING: exports.CEILING
+};
 
-    Formula.FLOORMATH = Formula.FLOOR;
-
-    Formula.FLOORPRECISE = function(number, significance) {
-      if (significance === 0) {
-        return 0;
-      }
-
-      significance = significance ? Math.abs(significance) : 1;
-      var precision = -Math.floor(Math.log(significance) / Math.log(10));
-      if (number >= 0) {
-        return Formula.ROUND(Math.round(number / significance) * significance, precision);
-      }
-      return -Formula.ROUND(Math.ceil(Math.abs(number) / significance) * significance, precision);
-    };
-
-    Formula.GCD = function () {
-      // Credits: Andrew Pociu
-      for (var r, a, i = arguments.length - 1, result = arguments[i]; i;) {
-        for (a = arguments[--i]; (r = a % result); a = result, result = r) {
+exports.LCM = function() {
+  // Credits: Jonas Raoni Soares Silva
+  var o = utils.parseNumberArray(utils.flatten(arguments));
+  if (o instanceof Error) {
+    return o;
+  }
+  for (var i, j, n, d, r = 1;
+       (n = o.pop()) !== undefined;) {
+    while (n > 1) {
+      if (n % 2) {
+        for (i = 3, j = Math.floor(Math.sqrt(n)); i <= j && n % i; i += 2) {
           //empty
         }
+        d = (i <= j) ? i : n;
+      } else {
+        d = 2;
       }
-      return result;
-    };
+      for (n /= d, r *= d, i = o.length; i;
+           (o[--i] % d) === 0 && (o[i] /= d) === 1 && o.splice(i, 1)) {
+        //empty
+      }
+    }
+  }
+  return r;
+};
 
-    Formula.INT = function (number) {
-      return Math.floor(number);
-    };
+exports.LN = function(number) {
+  number = utils.parseNumber(number);
+  if (number instanceof Error) {
+    return number;
+  }
+  return Math.log(number);
+};
 
-    Formula.ISEVEN = function (number) {
-      return (Math.floor(Math.abs(number)) & 1) ? false : true;
-    };
+exports.LN10 = function() {
+  return Math.log(10);
+};
 
-    Formula.ISOCEILING = Formula.CEILING;
+exports.LN2 = function() {
+  return Math.log(2);
+};
 
-    Formula.ISODD = function (number) {
-      return (Math.floor(Math.abs(number)) & 1) ? true : false;
-    };
+exports.LOG10E = function() {
+  return Math.LOG10E;
+};
 
-    Formula.LCM = function () {
-      // Credits: Jonas Raoni Soares Silva
-      var o = Formula.ARGSTOARRAY(arguments);
-      for (var i, j, n, d, r = 1; (n = o.pop()) !== undefined;) {
-        while (n > 1) {
-          if (n % 2) {
-            for (i = 3, j = Math.floor(Math.sqrt(n)); i <= j && n % i; i += 2) {
-              //empty
-            }
-            d = (i <= j) ? i : n;
-          } else {
-            d = 2;
-          }
-          for (n /= d, r *= d, i = o.length; i; (o[--i] % d) === 0 && (o[i] /= d) === 1 && o.splice(i, 1)) {
-            //empty
+exports.LOG2E = function() {
+  return Math.LOG2E;
+};
+
+exports.LOG = function(number, base) {
+  number = utils.parseNumber(number);
+  base = utils.parseNumber(base);
+  if (utils.anyIsError(number, base)) {
+    return error.value;
+  }
+  base = (base === undefined) ? 10 : base;
+  return Math.log(number) / Math.log(base);
+};
+
+exports.LOG10 = function(number) {
+  number = utils.parseNumber(number);
+  if (number instanceof Error) {
+    return number;
+  }
+  return Math.log(number) / Math.log(10);
+};
+
+exports.MOD = function(dividend, divisor) {
+  dividend = utils.parseNumber(dividend);
+  divisor = utils.parseNumber(divisor);
+  if (utils.anyIsError(dividend, divisor)) {
+    return error.value;
+  }
+  if (divisor === 0) {
+    return error.div0;
+  }
+  var modulus = Math.abs(dividend % divisor);
+  return (divisor > 0) ? modulus : -modulus;
+};
+
+exports.MROUND = function(number, multiple) {
+  number = utils.parseNumber(number);
+  multiple = utils.parseNumber(multiple);
+  if (utils.anyIsError(number, multiple)) {
+    return error.value;
+  }
+  if (number * multiple < 0) {
+    return error.num;
+  }
+
+  return Math.round(number / multiple) * multiple;
+};
+
+exports.MULTINOMIAL = function() {
+  var args = utils.parseNumberArray(utils.flatten(arguments));
+  if (args instanceof Error) {
+    return args;
+  }
+  var sum = 0;
+  var divisor = 1;
+  for (var i = 0; i < args.length; i++) {
+    sum += args[i];
+    divisor *= exports.FACT(args[i]);
+  }
+  return exports.FACT(sum) / divisor;
+};
+
+exports.ODD = function(number) {
+  number = utils.parseNumber(number);
+  if (number instanceof Error) {
+    return number;
+  }
+  var temp = Math.ceil(Math.abs(number));
+  temp = (temp & 1) ? temp : temp + 1;
+  return (number > 0) ? temp : -temp;
+};
+
+exports.PI = function() {
+  return Math.PI;
+};
+
+exports.E = function() {
+  return Math.E;
+};
+
+exports.POWER = function(number, power) {
+  number = utils.parseNumber(number);
+  power = utils.parseNumber(power);
+  if (utils.anyIsError(number, power)) {
+    return error.value;
+  }
+  var result = Math.pow(number, power);
+  if (isNaN(result)) {
+    return error.num;
+  }
+
+  return result;
+};
+
+exports.PRODUCT = function() {
+  var args = utils.parseNumberArray(utils.flatten(arguments));
+  if (args instanceof Error) {
+    return args;
+  }
+  var result = 1;
+  for (var i = 0; i < args.length; i++) {
+    result *= args[i];
+  }
+  return result;
+};
+
+exports.QUOTIENT = function(numerator, denominator) {
+  numerator = utils.parseNumber(numerator);
+  denominator = utils.parseNumber(denominator);
+  if (utils.anyIsError(numerator, denominator)) {
+    return error.value;
+  }
+  return parseInt(numerator / denominator, 10);
+};
+
+exports.RADIANS = function(number) {
+  number = utils.parseNumber(number);
+  if (number instanceof Error) {
+    return number;
+  }
+  return number * Math.PI / 180;
+};
+
+exports.RAND = function() {
+  return Math.random();
+};
+
+exports.RANDBETWEEN = function(bottom, top) {
+  bottom = utils.parseNumber(bottom);
+  top = utils.parseNumber(top);
+  if (utils.anyIsError(bottom, top)) {
+    return error.value;
+  }
+  // Creative Commons Attribution 3.0 License
+  // Copyright (c) 2012 eqcode
+  return bottom + Math.ceil((top - bottom + 1) * Math.random()) - 1;
+};
+
+// TODO
+exports.ROMAN = function(number) {
+  number = utils.parseNumber(number);
+  if (number instanceof Error) {
+    return number;
+  }
+  // The MIT License
+  // Copyright (c) 2008 Steven Levithan
+  var digits = String(number).split('');
+  var key = ['', 'C', 'CC', 'CCC', 'CD', 'D', 'DC', 'DCC', 'DCCC', 'CM', '', 'X', 'XX', 'XXX', 'XL', 'L', 'LX', 'LXX', 'LXXX', 'XC', '', 'I', 'II', 'III', 'IV', 'V', 'VI', 'VII', 'VIII', 'IX'];
+  var roman = '';
+  var i = 3;
+  while (i--) {
+    roman = (key[+digits.pop() + (i * 10)] || '') + roman;
+  }
+  return new Array(+digits.join('') + 1).join('M') + roman;
+};
+
+exports.ROUND = function(number, digits) {
+  number = utils.parseNumber(number);
+  digits = utils.parseNumber(digits);
+  if (utils.anyIsError(number, digits)) {
+    return error.value;
+  }
+  return Math.round(number * Math.pow(10, digits)) / Math.pow(10, digits);
+};
+
+exports.ROUNDDOWN = function(number, digits) {
+  number = utils.parseNumber(number);
+  digits = utils.parseNumber(digits);
+  if (utils.anyIsError(number, digits)) {
+    return error.value;
+  }
+  var sign = (number > 0) ? 1 : -1;
+  return sign * (Math.floor(Math.abs(number) * Math.pow(10, digits))) / Math.pow(10, digits);
+};
+
+exports.ROUNDUP = function(number, digits) {
+  number = utils.parseNumber(number);
+  digits = utils.parseNumber(digits);
+  if (utils.anyIsError(number, digits)) {
+    return error.value;
+  }
+  var sign = (number > 0) ? 1 : -1;
+  return sign * (Math.ceil(Math.abs(number) * Math.pow(10, digits))) / Math.pow(10, digits);
+};
+
+exports.SEC = function(number) {
+  number = utils.parseNumber(number);
+  if (number instanceof Error) {
+    return number;
+  }
+  return 1 / Math.cos(number);
+};
+
+exports.SECH = function(number) {
+  number = utils.parseNumber(number);
+  if (number instanceof Error) {
+    return number;
+  }
+  return 2 / (Math.exp(number) + Math.exp(-number));
+};
+
+exports.SERIESSUM = function(x, n, m, coefficients) {
+  x = utils.parseNumber(x);
+  n = utils.parseNumber(n);
+  m = utils.parseNumber(m);
+  coefficients = utils.parseNumberArray(coefficients);
+  if (utils.anyIsError(x, n, m, coefficients)) {
+    return error.value;
+  }
+  var result = coefficients[0] * Math.pow(x, n);
+  for (var i = 1; i < coefficients.length; i++) {
+    result += coefficients[i] * Math.pow(x, n + i * m);
+  }
+  return result;
+};
+
+exports.SIGN = function(number) {
+  number = utils.parseNumber(number);
+  if (number instanceof Error) {
+    return number;
+  }
+  if (number < 0) {
+    return -1;
+  } else if (number === 0) {
+    return 0;
+  } else {
+    return 1;
+  }
+};
+
+exports.SIN = function(number) {
+  number = utils.parseNumber(number);
+  if (number instanceof Error) {
+    return number;
+  }
+  return Math.sin(number);
+};
+
+exports.SINH = function(number) {
+  number = utils.parseNumber(number);
+  if (number instanceof Error) {
+    return number;
+  }
+  return (Math.exp(number) - Math.exp(-number)) / 2;
+};
+
+exports.SQRT = function(number) {
+  number = utils.parseNumber(number);
+  if (number instanceof Error) {
+    return number;
+  }
+  if (number < 0) {
+    return error.num;
+  }
+  return Math.sqrt(number);
+};
+
+exports.SQRTPI = function(number) {
+  number = utils.parseNumber(number);
+  if (number instanceof Error) {
+    return number;
+  }
+  return Math.sqrt(number * Math.PI);
+};
+
+exports.SQRT1_2 = function() {
+  return 1 / Math.sqrt(2);
+};
+
+exports.SQRT2 = function() {
+  return Math.sqrt(2);
+};
+
+exports.SUBTOTAL = function(function_code, ref1) {
+  function_code = utils.parseNumber(function_code);
+  if (function_code instanceof Error) {
+    return function_code;
+  }
+  switch (function_code) {
+    case 1:
+      return statistical.AVERAGE(ref1);
+    case 2:
+      return statistical.COUNT(ref1);
+    case 3:
+      return statistical.COUNTA(ref1);
+    case 4:
+      return statistical.MAX(ref1);
+    case 5:
+      return statistical.MIN(ref1);
+    case 6:
+      return exports.PRODUCT(ref1);
+    case 7:
+      return statistical.STDEV.S(ref1);
+    case 8:
+      return statistical.STDEV.P(ref1);
+    case 9:
+      return exports.SUM(ref1);
+    case 10:
+      return statistical.VAR.S(ref1);
+    case 11:
+      return statistical.VAR.P(ref1);
+    // no hidden values for us
+    case 101:
+      return statistical.AVERAGE(ref1);
+    case 102:
+      return statistical.COUNT(ref1);
+    case 103:
+      return statistical.COUNTA(ref1);
+    case 104:
+      return statistical.MAX(ref1);
+    case 105:
+      return statistical.MIN(ref1);
+    case 106:
+      return exports.PRODUCT(ref1);
+    case 107:
+      return statistical.STDEV.S(ref1);
+    case 108:
+      return statistical.STDEV.P(ref1);
+    case 109:
+      return exports.SUM(ref1);
+    case 110:
+      return statistical.VAR.S(ref1);
+    case 111:
+      return statistical.VAR.P(ref1);
+
+  }
+};
+
+exports.ADD = function (num1, num2) {
+  if (arguments.length !== 2) {
+    return error.na;
+  }
+
+  num1 = utils.parseNumber(num1);
+  num2 = utils.parseNumber(num2);
+  if (utils.anyIsError(num1, num2)) {
+    return error.value;
+  }
+
+  return num1 + num2;
+};
+
+exports.MINUS = function (num1, num2) {
+  if (arguments.length !== 2) {
+    return error.na;
+  }
+
+  num1 = utils.parseNumber(num1);
+  num2 = utils.parseNumber(num2);
+  if (utils.anyIsError(num1, num2)) {
+    return error.value;
+  }
+
+  return num1 - num2;
+};
+
+exports.DIVIDE = function (dividend, divisor) {
+  if (arguments.length !== 2) {
+    return error.na;
+  }
+
+  dividend = utils.parseNumber(dividend);
+  divisor = utils.parseNumber(divisor);
+  if (utils.anyIsError(dividend, divisor)) {
+    return error.value;
+  }
+
+  if (divisor === 0) {
+    return error.div0;
+  }
+
+  return dividend / divisor;
+};
+
+exports.MULTIPLY = function (factor1, factor2) {
+  if (arguments.length !== 2) {
+    return error.na;
+  }
+
+  factor1 = utils.parseNumber(factor1);
+  factor2 = utils.parseNumber(factor2);
+  if (utils.anyIsError(factor1, factor2)) {
+    return error.value;
+  }
+
+  return factor1 * factor2;
+};
+
+exports.GTE = function (num1, num2) {
+  if (arguments.length !== 2) {
+    return error.na;
+  }
+
+  num1 = utils.parseNumber(num1);
+  num2 = utils.parseNumber(num2);
+  if (utils.anyIsError(num1, num2)) {
+    return error.error;
+  }
+
+  return num1 >= num2;
+};
+
+exports.LT = function (num1, num2) {
+  if (arguments.length !== 2) {
+    return error.na;
+  }
+
+  num1 = utils.parseNumber(num1);
+  num2 = utils.parseNumber(num2);
+  if (utils.anyIsError(num1, num2)) {
+    return error.error;
+  }
+
+  return num1 < num2;
+};
+
+
+exports.LTE = function (num1, num2) {
+  if (arguments.length !== 2) {
+    return error.na;
+  }
+
+  num1 = utils.parseNumber(num1);
+  num2 = utils.parseNumber(num2);
+  if (utils.anyIsError(num1, num2)) {
+    return error.error;
+  }
+
+  return num1 <= num2;
+};
+
+exports.EQ = function (value1, value2) {
+  if (arguments.length !== 2) {
+    return error.na;
+  }
+
+  return value1 === value2;
+};
+
+exports.NE = function (value1, value2) {
+  if (arguments.length !== 2) {
+    return error.na;
+  }
+
+  return value1 !== value2;
+};
+
+exports.POW = function (base, exponent) {
+  if (arguments.length !== 2) {
+    return error.na;
+  }
+
+  base = utils.parseNumber(base);
+  exponent = utils.parseNumber(exponent);
+  if (utils.anyIsError(base, exponent)) {
+    return error.error;
+  }
+
+  return exports.POWER(base, exponent);
+};
+
+exports.SUM = function() {
+  var result = 0;
+
+  utils.arrayEach(utils.argsToArray(arguments), function(value) {
+    if (typeof value === 'number') {
+      result += value;
+
+    } else if (typeof value === 'string') {
+      var parsed = parseFloat(value);
+
+      !isNaN(parsed) && (result += parsed);
+
+    } else if (Array.isArray(value)) {
+      result += exports.SUM.apply(null, value);
+    }
+  });
+
+  return result;
+};
+
+exports.SUMIF = function(range, criteria) {
+  range = utils.parseNumberArray(utils.flatten(range));
+
+  if (range instanceof Error) {
+    return range;
+  }
+  var result = 0;
+  var isWildcard = criteria === void 0 || criteria === '*';
+  var tokenizedCriteria = isWildcard ? null : evalExpression.parse(criteria + '');
+
+  for (var i = 0; i < range.length; i++) {
+    var value = range[i];
+
+    if (isWildcard) {
+      result += value;
+    } else {
+      var tokens = [evalExpression.createToken(value, evalExpression.TOKEN_TYPE_LITERAL)].concat(tokenizedCriteria);
+
+      result += (evalExpression.compute(tokens) ? value : 0);
+    }
+  }
+
+  return result;
+};
+
+exports.SUMIFS = function() {
+  var args = utils.argsToArray(arguments);
+  var range = utils.parseNumberArray(utils.flatten(args.shift()));
+
+  if (range instanceof Error) {
+    return range;
+  }
+  var criterias = args;
+  var n_range_elements = range.length;
+  var criteriaLength = criterias.length;
+  var result = 0;
+
+  for (var i = 0; i < n_range_elements; i++) {
+    var value = range[i];
+    var isMeetCondition = false;
+
+    for (var j = 0; j < criteriaLength; j++) {
+      var criteria = criterias[j];
+      var isWildcard = criteria === void 0 || criteria === '*';
+      var computedResult = false;
+
+      if (isWildcard) {
+        computedResult = true;
+      } else {
+        var tokenizedCriteria = evalExpression.parse(criteria + '');
+        var tokens = [evalExpression.createToken(value, evalExpression.TOKEN_TYPE_LITERAL)].concat(tokenizedCriteria);
+
+        computedResult = evalExpression.compute(tokens);
+      }
+
+      // Criterias are calculated as AND so any `false` breakes the loop as unmeet condition
+      if (!computedResult) {
+        isMeetCondition = false;
+        break;
+      }
+
+      isMeetCondition = true;
+    }
+
+    if (isMeetCondition) {
+      result += value;
+    }
+  }
+
+  return result;
+};
+
+exports.SUMPRODUCT = function() {
+  if (!arguments || arguments.length === 0) {
+    return error.value;
+  }
+  var arrays = arguments.length + 1;
+  var result = 0;
+  var product;
+  var k;
+  var _i;
+  var _ij;
+  for (var i = 0; i < arguments[0].length; i++) {
+    if (!(arguments[0][i] instanceof Array)) {
+      product = 1;
+      for (k = 1; k < arrays; k++) {
+        _i = utils.parseNumber(arguments[k - 1][i]);
+        if (_i instanceof Error) {
+          return _i;
+        }
+        product *= _i;
+      }
+      result += product;
+    } else {
+      for (var j = 0; j < arguments[0][i].length; j++) {
+        product = 1;
+        for (k = 1; k < arrays; k++) {
+          _ij = utils.parseNumber(arguments[k - 1][i][j]);
+          if (_ij instanceof Error) {
+            return _ij;
           }
+          product *= _ij;
+        }
+        result += product;
+      }
+    }
+  }
+  return result;
+};
+
+exports.SUMSQ = function() {
+  var numbers = utils.parseNumberArray(utils.flatten(arguments));
+  if (numbers instanceof Error) {
+    return numbers;
+  }
+  var result = 0;
+  var length = numbers.length;
+  for (var i = 0; i < length; i++) {
+    result += (information.ISNUMBER(numbers[i])) ? numbers[i] * numbers[i] : 0;
+  }
+  return result;
+};
+
+exports.SUMX2MY2 = function(array_x, array_y) {
+  array_x = utils.parseNumberArray(utils.flatten(array_x));
+  array_y = utils.parseNumberArray(utils.flatten(array_y));
+  if (utils.anyIsError(array_x, array_y)) {
+    return error.value;
+  }
+  var result = 0;
+  for (var i = 0; i < array_x.length; i++) {
+    result += array_x[i] * array_x[i] - array_y[i] * array_y[i];
+  }
+  return result;
+};
+
+exports.SUMX2PY2 = function(array_x, array_y) {
+  array_x = utils.parseNumberArray(utils.flatten(array_x));
+  array_y = utils.parseNumberArray(utils.flatten(array_y));
+  if (utils.anyIsError(array_x, array_y)) {
+    return error.value;
+  }
+  var result = 0;
+  array_x = utils.parseNumberArray(utils.flatten(array_x));
+  array_y = utils.parseNumberArray(utils.flatten(array_y));
+  for (var i = 0; i < array_x.length; i++) {
+    result += array_x[i] * array_x[i] + array_y[i] * array_y[i];
+  }
+  return result;
+};
+
+exports.SUMXMY2 = function(array_x, array_y) {
+  array_x = utils.parseNumberArray(utils.flatten(array_x));
+  array_y = utils.parseNumberArray(utils.flatten(array_y));
+  if (utils.anyIsError(array_x, array_y)) {
+    return error.value;
+  }
+  var result = 0;
+  array_x = utils.flatten(array_x);
+  array_y = utils.flatten(array_y);
+  for (var i = 0; i < array_x.length; i++) {
+    result += Math.pow(array_x[i] - array_y[i], 2);
+  }
+  return result;
+};
+
+exports.TAN = function(number) {
+  number = utils.parseNumber(number);
+  if (number instanceof Error) {
+    return number;
+  }
+  return Math.tan(number);
+};
+
+exports.TANH = function(number) {
+  number = utils.parseNumber(number);
+  if (number instanceof Error) {
+    return number;
+  }
+  var e2 = Math.exp(2 * number);
+  return (e2 - 1) / (e2 + 1);
+};
+
+exports.TRUNC = function(number, digits) {
+  digits = (digits === undefined) ? 0 : digits;
+  number = utils.parseNumber(number);
+  digits = utils.parseNumber(digits);
+  if (utils.anyIsError(number, digits)) {
+    return error.value;
+  }
+  var sign = (number > 0) ? 1 : -1;
+  return sign * (Math.floor(Math.abs(number) * Math.pow(10, digits))) / Math.pow(10, digits);
+};
+
+
+/***/ }),
+/* 3 */
+/***/ (function(module, exports, __webpack_require__) {
+
+var mathTrig = __webpack_require__(2);
+var text = __webpack_require__(4);
+var jStat = __webpack_require__(8);
+var utils = __webpack_require__(1);
+var evalExpression = __webpack_require__(5);
+var error = __webpack_require__(0);
+var misc = __webpack_require__(9);
+
+var SQRT2PI = 2.5066282746310002;
+
+exports.AVEDEV = function() {
+  var range = utils.parseNumberArray(utils.flatten(arguments));
+  if (range instanceof Error) {
+    return range;
+  }
+  return jStat.sum(jStat(range).subtract(jStat.mean(range)).abs()[0]) / range.length;
+};
+
+exports.AVERAGE = function() {
+  var range = utils.numbers(utils.flatten(arguments));
+  var n = range.length;
+  var sum = 0;
+  var count = 0;
+  var result;
+
+  for (var i = 0; i < n; i++) {
+    sum += range[i];
+    count += 1;
+  }
+  result = sum / count;
+
+  if (isNaN(result)) {
+    result = error.num;
+  }
+
+  return result;
+};
+
+exports.AVERAGEA = function() {
+  var range = utils.flatten(arguments);
+  var n = range.length;
+  var sum = 0;
+  var count = 0;
+  var result;
+  for (var i = 0; i < n; i++) {
+    var el = range[i];
+    if (typeof el === 'number') {
+      sum += el;
+    }
+    if (el === true) {
+      sum++;
+    }
+    if (el !== null) {
+      count++;
+    }
+  }
+  result = sum / count;
+
+  if (isNaN(result)) {
+    result = error.num;
+  }
+
+  return result;
+};
+
+exports.AVERAGEIF = function(range, criteria, average_range) {
+  if (arguments.length <= 1) {
+    return error.na;
+  }
+  average_range = average_range || range;
+  range = utils.flatten(range);
+  average_range = utils.parseNumberArray(utils.flatten(average_range));
+
+  if (average_range instanceof Error) {
+    return average_range;
+  }
+  var average_count = 0;
+  var result = 0;
+  var isWildcard = criteria === void 0 || criteria === '*';
+  var tokenizedCriteria = isWildcard ? null : evalExpression.parse(criteria + '');
+
+  for (var i = 0; i < range.length; i++) {
+    var value = range[i];
+
+    if (isWildcard) {
+      result += average_range[i];
+      average_count++;
+    } else {
+      var tokens = [evalExpression.createToken(value, evalExpression.TOKEN_TYPE_LITERAL)].concat(tokenizedCriteria);
+
+      if (evalExpression.compute(tokens)) {
+        result += average_range[i];
+        average_count++;
+      }
+    }
+  }
+
+  return result / average_count;
+};
+
+exports.AVERAGEIFS = function() {
+  // Does not work with multi dimensional ranges yet!
+  //http://office.microsoft.com/en-001/excel-help/averageifs-function-HA010047493.aspx
+  var args = utils.argsToArray(arguments);
+  var criteriaLength = (args.length - 1) / 2;
+  var range = utils.flatten(args[0]);
+  var count = 0;
+  var result = 0;
+
+  for (var i = 0; i < range.length; i++) {
+    var isMeetCondition = false;
+
+    for (var j = 0; j < criteriaLength; j++) {
+      var value = args[2 * j + 1][i];
+      var criteria = args[2 * j + 2];
+      var isWildcard = criteria === void 0 || criteria === '*';
+      var computedResult = false;
+
+      if (isWildcard) {
+        computedResult = true;
+      } else {
+        var tokenizedCriteria = evalExpression.parse(criteria + '');
+        var tokens = [evalExpression.createToken(value, evalExpression.TOKEN_TYPE_LITERAL)].concat(tokenizedCriteria);
+
+        computedResult = evalExpression.compute(tokens);
+      }
+
+      // Criterias are calculated as AND so any `false` breakes the loop as unmeet condition
+      if (!computedResult) {
+        isMeetCondition = false;
+        break;
+      }
+
+      isMeetCondition = true;
+    }
+
+    if (isMeetCondition) {
+      result += range[i];
+      count++;
+    }
+  }
+
+  var average = result / count;
+
+  if (isNaN(average)) {
+    return 0;
+  } else {
+    return average;
+  }
+};
+
+exports.BETA = {};
+
+exports.BETA.DIST = function(x, alpha, beta, cumulative, A, B) {
+  if (arguments.length < 4) {
+    return error.value;
+  }
+
+  A = (A === undefined) ? 0 : A;
+  B = (B === undefined) ? 1 : B;
+
+  x = utils.parseNumber(x);
+  alpha = utils.parseNumber(alpha);
+  beta = utils.parseNumber(beta);
+  A = utils.parseNumber(A);
+  B = utils.parseNumber(B);
+  if (utils.anyIsError(x, alpha, beta, A, B)) {
+    return error.value;
+  }
+
+  x = (x - A) / (B - A);
+  return (cumulative) ? jStat.beta.cdf(x, alpha, beta) : jStat.beta.pdf(x, alpha, beta);
+};
+
+exports.BETA.INV = function(probability, alpha, beta, A, B) {
+  A = (A === undefined) ? 0 : A;
+  B = (B === undefined) ? 1 : B;
+
+  probability = utils.parseNumber(probability);
+  alpha = utils.parseNumber(alpha);
+  beta = utils.parseNumber(beta);
+  A = utils.parseNumber(A);
+  B = utils.parseNumber(B);
+  if (utils.anyIsError(probability, alpha, beta, A, B)) {
+    return error.value;
+  }
+
+  return jStat.beta.inv(probability, alpha, beta) * (B - A) + A;
+};
+
+exports.BINOM = {};
+
+exports.BINOM.DIST = function(successes, trials, probability, cumulative) {
+  successes = utils.parseNumber(successes);
+  trials = utils.parseNumber(trials);
+  probability = utils.parseNumber(probability);
+  cumulative = utils.parseNumber(cumulative);
+  if (utils.anyIsError(successes, trials, probability, cumulative)) {
+    return error.value;
+  }
+  return (cumulative) ? jStat.binomial.cdf(successes, trials, probability) : jStat.binomial.pdf(successes, trials, probability);
+};
+
+exports.BINOM.DIST.RANGE = function(trials, probability, successes, successes2) {
+  successes2 = (successes2 === undefined) ? successes : successes2;
+
+  trials = utils.parseNumber(trials);
+  probability = utils.parseNumber(probability);
+  successes = utils.parseNumber(successes);
+  successes2 = utils.parseNumber(successes2);
+  if (utils.anyIsError(trials, probability, successes, successes2)) {
+    return error.value;
+  }
+
+  var result = 0;
+  for (var i = successes; i <= successes2; i++) {
+    result += mathTrig.COMBIN(trials, i) * Math.pow(probability, i) * Math.pow(1 - probability, trials - i);
+  }
+  return result;
+};
+
+exports.BINOM.INV = function(trials, probability, alpha) {
+  trials = utils.parseNumber(trials);
+  probability = utils.parseNumber(probability);
+  alpha = utils.parseNumber(alpha);
+  if (utils.anyIsError(trials, probability, alpha)) {
+    return error.value;
+  }
+
+  var x = 0;
+  while (x <= trials) {
+    if (jStat.binomial.cdf(x, trials, probability) >= alpha) {
+      return x;
+    }
+    x++;
+  }
+};
+
+exports.CHISQ = {};
+
+exports.CHISQ.DIST = function(x, k, cumulative) {
+  x = utils.parseNumber(x);
+  k = utils.parseNumber(k);
+  if (utils.anyIsError(x, k)) {
+    return error.value;
+  }
+
+  return (cumulative) ? jStat.chisquare.cdf(x, k) : jStat.chisquare.pdf(x, k);
+};
+
+exports.CHISQ.DIST.RT = function(x, k) {
+  if (!x | !k) {
+    return error.na;
+  }
+
+  if (x < 1 || k > Math.pow(10, 10)) {
+    return error.num;
+  }
+
+  if ((typeof x !== 'number') || (typeof k !== 'number')) {
+    return error.value;
+  }
+
+  return 1 -  jStat.chisquare.cdf(x, k);
+};
+
+exports.CHISQ.INV = function(probability, k) {
+  probability = utils.parseNumber(probability);
+  k = utils.parseNumber(k);
+  if (utils.anyIsError(probability, k)) {
+    return error.value;
+  }
+  return jStat.chisquare.inv(probability, k);
+};
+
+exports.CHISQ.INV.RT = function(p, k) {
+  if (!p | !k) {
+    return error.na;
+  }
+
+  if (p < 0 || p > 1 || k < 1 || k > Math.pow(10, 10)) {
+    return error.num;
+  }
+
+  if ((typeof p !== 'number') || (typeof k !== 'number')) {
+    return error.value;
+  }
+
+  return jStat.chisquare.inv(1.0 - p, k);
+};
+
+exports.CHISQ.TEST = function(observed, expected) {
+  if (arguments.length !== 2) {
+    return error.na;
+  }
+
+  if ((!(observed instanceof Array)) || (!(expected instanceof Array))) {
+    return error.value;
+  }
+
+  if (observed.length !== expected.length) {
+    return error.value;
+  }
+
+  if (observed[0] && expected[0] &&
+    observed[0].length !== expected[0].length) {
+    return error.value;
+  }
+
+  var row = observed.length;
+  var tmp, i, j;
+
+  // Convert single-dimension array into two-dimension array
+  for (i = 0; i < row; i ++) {
+    if (!(observed[i] instanceof Array)) {
+      tmp = observed[i];
+      observed[i] = [];
+      observed[i].push(tmp);
+    }
+    if (!(expected[i] instanceof Array)) {
+      tmp = expected[i];
+      expected[i] = [];
+      expected[i].push(tmp);
+    }
+  }
+
+  var col = observed[0].length;
+  var dof = (col === 1) ? row-1 : (row-1)*(col-1);
+  var xsqr = 0;
+  var Pi =Math.PI;
+
+  for (i = 0; i < row; i ++) {
+    for (j = 0; j < col; j ++) {
+      xsqr += Math.pow((observed[i][j] - expected[i][j]), 2) / expected[i][j];
+    }
+  }
+
+  // Get independency by X square and its degree of freedom
+  function ChiSq(xsqr, dof) {
+    var p = Math.exp(-0.5 * xsqr);
+    if((dof%2) === 1) {
+      p = p * Math.sqrt(2 * xsqr/Pi);
+    }
+    var k = dof;
+    while(k >= 2) {
+      p = p * xsqr/k;
+      k = k - 2;
+    }
+    var t = p;
+    var a = dof;
+    while (t > 0.0000000001*p) {
+      a = a + 2;
+      t = t * xsqr/a;
+      p = p + t;
+    }
+    return 1-p;
+  }
+
+  return Math.round(ChiSq(xsqr, dof) * 1000000) / 1000000;
+};
+
+exports.COLUMN = function(matrix, index) {
+  if (arguments.length !== 2) {
+    return error.na;
+  }
+
+  if (index < 0) {
+    return error.num;
+  }
+
+  if (!(matrix instanceof Array) || (typeof index !== 'number')) {
+    return error.value;
+  }
+
+  if (matrix.length === 0) {
+    return undefined;
+  }
+
+  return jStat.col(matrix, index);
+};
+
+exports.COLUMNS = function(matrix) {
+  if (arguments.length !== 1) {
+    return error.na;
+  }
+
+  if (!(matrix instanceof Array)) {
+    return error.value;
+  }
+
+  if (matrix.length === 0) {
+    return 0;
+  }
+
+  return jStat.cols(matrix);
+};
+
+exports.CONFIDENCE = {};
+
+exports.CONFIDENCE.NORM = function(alpha, sd, n) {
+  alpha = utils.parseNumber(alpha);
+  sd = utils.parseNumber(sd);
+  n = utils.parseNumber(n);
+  if (utils.anyIsError(alpha, sd, n)) {
+    return error.value;
+  }
+  return jStat.normalci(1, alpha, sd, n)[1] - 1;
+};
+
+exports.CONFIDENCE.T = function(alpha, sd, n) {
+  alpha = utils.parseNumber(alpha);
+  sd = utils.parseNumber(sd);
+  n = utils.parseNumber(n);
+  if (utils.anyIsError(alpha, sd, n)) {
+    return error.value;
+  }
+  return jStat.tci(1, alpha, sd, n)[1] - 1;
+};
+
+exports.CORREL = function(array1, array2) {
+  array1 = utils.parseNumberArray(utils.flatten(array1));
+  array2 = utils.parseNumberArray(utils.flatten(array2));
+  if (utils.anyIsError(array1, array2)) {
+    return error.value;
+  }
+  return jStat.corrcoeff(array1, array2);
+};
+
+exports.COUNT = function() {
+  return utils.numbers(utils.flatten(arguments)).length;
+};
+
+exports.COUNTA = function() {
+  var range = utils.flatten(arguments);
+  return range.length - exports.COUNTBLANK(range);
+};
+
+exports.COUNTIN = function (range, value) {
+  var result = 0;
+
+  range = utils.flatten(range);
+
+  for (var i = 0; i < range.length; i++) {
+    if (range[i] === value) {
+      result++;
+    }
+  }
+  return result;
+};
+
+
+exports.COUNTBLANK = function() {
+  var range = utils.flatten(arguments);
+  var blanks = 0;
+  var element;
+  for (var i = 0; i < range.length; i++) {
+    element = range[i];
+    if (element === null || element === '') {
+      blanks++;
+    }
+  }
+  return blanks;
+};
+
+exports.COUNTIF = function(range, criteria) {
+  range = utils.flatten(range);
+
+  var isWildcard = criteria === void 0 || criteria === '*';
+
+  if (isWildcard) {
+    return range.length;
+  }
+
+  var matches = 0;
+  var tokenizedCriteria = evalExpression.parse(criteria + '');
+
+  for (var i = 0; i < range.length; i++) {
+    var value = range[i];
+    var tokens = [evalExpression.createToken(value, evalExpression.TOKEN_TYPE_LITERAL)].concat(tokenizedCriteria);
+
+    if (evalExpression.compute(tokens)) {
+      matches++;
+    }
+  }
+
+  return matches;
+};
+
+exports.COUNTIFS = function() {
+  var args = utils.argsToArray(arguments);
+  var results = new Array(utils.flatten(args[0]).length);
+
+  for (var i = 0; i < results.length; i++) {
+    results[i] = true;
+  }
+  for (i = 0; i < args.length; i += 2) {
+    var range = utils.flatten(args[i]);
+    var criteria = args[i + 1];
+    var isWildcard = criteria === void 0 || criteria === '*';
+
+    if (!isWildcard) {
+      var tokenizedCriteria = evalExpression.parse(criteria + '');
+
+      for (var j = 0; j < range.length; j++) {
+        var value = range[j];
+        var tokens = [evalExpression.createToken(value, evalExpression.TOKEN_TYPE_LITERAL)].concat(tokenizedCriteria);
+
+        results[j] = results[j] && evalExpression.compute(tokens);
+      }
+    }
+  }
+  var result = 0;
+  for (i = 0; i < results.length; i++) {
+    if (results[i]) {
+      result++;
+    }
+  }
+
+  return result;
+};
+
+exports.COUNTUNIQUE = function () {
+  return misc.UNIQUE.apply(null, utils.flatten(arguments)).length;
+};
+
+exports.COVARIANCE = {};
+
+exports.COVARIANCE.P = function(array1, array2) {
+  array1 = utils.parseNumberArray(utils.flatten(array1));
+  array2 = utils.parseNumberArray(utils.flatten(array2));
+  if (utils.anyIsError(array1, array2)) {
+    return error.value;
+  }
+  var mean1 = jStat.mean(array1);
+  var mean2 = jStat.mean(array2);
+  var result = 0;
+  var n = array1.length;
+  for (var i = 0; i < n; i++) {
+    result += (array1[i] - mean1) * (array2[i] - mean2);
+  }
+  return result / n;
+};
+
+exports.COVARIANCE.S = function(array1, array2) {
+  array1 = utils.parseNumberArray(utils.flatten(array1));
+  array2 = utils.parseNumberArray(utils.flatten(array2));
+  if (utils.anyIsError(array1, array2)) {
+    return error.value;
+  }
+  return jStat.covariance(array1, array2);
+};
+
+exports.DEVSQ = function() {
+  var range = utils.parseNumberArray(utils.flatten(arguments));
+  if (range instanceof Error) {
+    return range;
+  }
+  var mean = jStat.mean(range);
+  var result = 0;
+  for (var i = 0; i < range.length; i++) {
+    result += Math.pow((range[i] - mean), 2);
+  }
+  return result;
+};
+
+exports.EXPON = {};
+
+exports.EXPON.DIST = function(x, lambda, cumulative) {
+  x = utils.parseNumber(x);
+  lambda = utils.parseNumber(lambda);
+  if (utils.anyIsError(x, lambda)) {
+    return error.value;
+  }
+  return (cumulative) ? jStat.exponential.cdf(x, lambda) : jStat.exponential.pdf(x, lambda);
+};
+
+exports.F = {};
+
+exports.F.DIST = function(x, d1, d2, cumulative) {
+  x = utils.parseNumber(x);
+  d1 = utils.parseNumber(d1);
+  d2 = utils.parseNumber(d2);
+  if (utils.anyIsError(x, d1, d2)) {
+    return error.value;
+  }
+  return (cumulative) ? jStat.centralF.cdf(x, d1, d2) : jStat.centralF.pdf(x, d1, d2);
+};
+
+exports.F.DIST.RT = function(x, d1, d2) {
+  if (arguments.length !== 3) {
+    return error.na;
+  }
+
+  if (x < 0 || d1 < 1 || d2 < 1) {
+    return error.num;
+  }
+
+  if ((typeof x !== 'number') || (typeof d1 !== 'number') || (typeof d2 !== 'number')) {
+    return error.value;
+  }
+
+  return 1 - jStat.centralF.cdf(x, d1, d2);
+};
+
+exports.F.INV = function(probability, d1, d2) {
+  probability = utils.parseNumber(probability);
+  d1 = utils.parseNumber(d1);
+  d2 = utils.parseNumber(d2);
+  if (utils.anyIsError(probability, d1, d2)) {
+    return error.value;
+  }
+  if (probability <= 0.0 || probability > 1.0) {
+    return error.num;
+  }
+
+  return jStat.centralF.inv(probability, d1, d2);
+};
+
+exports.F.INV.RT = function(p, d1, d2) {
+  if (arguments.length !== 3) {
+    return error.na;
+  }
+
+  if (p < 0 || p > 1 || d1 < 1 || d1 > Math.pow(10, 10) || d2 < 1 || d2 > Math.pow(10, 10)) {
+    return error.num;
+  }
+
+  if ((typeof p !== 'number') || (typeof d1 !== 'number') || (typeof d2 !== 'number')) {
+    return error.value;
+  }
+
+  return jStat.centralF.inv(1.0 - p, d1, d2);
+};
+
+exports.F.TEST = function(array1, array2) {
+  if (!array1 || !array2) {
+    return error.na;
+  }
+
+  if (!(array1 instanceof Array) || !(array2 instanceof Array)) {
+    return error.na;
+  }
+
+  if (array1.length < 2 || array2.length < 2) {
+    return error.div0;
+  }
+
+  var sumOfSquares = function(values, x1) {
+    var sum = 0;
+    for (var i = 0; i < values.length; i++) {
+      sum +=Math.pow((values[i] - x1), 2);
+    }
+    return sum;
+  };
+
+  var x1 = mathTrig.SUM(array1) / array1.length;
+  var x2 = mathTrig.SUM(array2) / array2.length;
+  var sum1 = sumOfSquares(array1, x1) / (array1.length - 1);
+  var sum2 = sumOfSquares(array2, x2) / (array2.length - 1);
+
+  return sum1 / sum2;
+};
+
+exports.FISHER = function(x) {
+  x = utils.parseNumber(x);
+  if (x instanceof Error) {
+    return x;
+  }
+  return Math.log((1 + x) / (1 - x)) / 2;
+};
+
+exports.FISHERINV = function(y) {
+  y = utils.parseNumber(y);
+  if (y instanceof Error) {
+    return y;
+  }
+  var e2y = Math.exp(2 * y);
+  return (e2y - 1) / (e2y + 1);
+};
+
+exports.FORECAST = function(x, data_y, data_x) {
+  x = utils.parseNumber(x);
+  data_y = utils.parseNumberArray(utils.flatten(data_y));
+  data_x = utils.parseNumberArray(utils.flatten(data_x));
+  if (utils.anyIsError(x, data_y, data_x)) {
+    return error.value;
+  }
+  var xmean = jStat.mean(data_x);
+  var ymean = jStat.mean(data_y);
+  var n = data_x.length;
+  var num = 0;
+  var den = 0;
+  for (var i = 0; i < n; i++) {
+    num += (data_x[i] - xmean) * (data_y[i] - ymean);
+    den += Math.pow(data_x[i] - xmean, 2);
+  }
+  var b = num / den;
+  var a = ymean - b * xmean;
+  return a + b * x;
+};
+
+exports.FREQUENCY = function(data, bins) {
+  data = utils.parseNumberArray(utils.flatten(data));
+  bins = utils.parseNumberArray(utils.flatten(bins));
+  if (utils.anyIsError(data, bins)) {
+    return error.value;
+  }
+  var n = data.length;
+  var b = bins.length;
+  var r = [];
+  for (var i = 0; i <= b; i++) {
+    r[i] = 0;
+    for (var j = 0; j < n; j++) {
+      if (i === 0) {
+        if (data[j] <= bins[0]) {
+          r[0] += 1;
+        }
+      } else if (i < b) {
+        if (data[j] > bins[i - 1] && data[j] <= bins[i]) {
+          r[i] += 1;
+        }
+      } else if (i === b) {
+        if (data[j] > bins[b - 1]) {
+          r[b] += 1;
         }
       }
-      return r;
-    };
+    }
+  }
+  return r;
+};
 
-    Formula.LN = function (number) {
-      return Math.log(number);
-    };
 
-    Formula.LOG = function (number, base) {
-      base = (typeof base === 'undefined') ? 10 : base;
-      return Math.log(number) / Math.log(base);
-    };
+exports.GAMMA = function(number) {
+  number = utils.parseNumber(number);
+  if (number instanceof Error) {
+    return number;
+  }
 
-    Formula.LOG10 = function (number) {
-      return Math.log(number) / Math.log(10);
-    };
+  if (number === 0) {
+    return error.num;
+  }
 
-    Formula.MDETERM = numeric.det;
+  if (parseInt(number, 10) === number && number < 0) {
+    return error.num;
+  }
 
-    Formula.MINVERSE = numeric.inv;
+  return jStat.gammafn(number);
+};
 
-    Formula.MMULT = numeric.dot;
+exports.GAMMA.DIST = function(value, alpha, beta, cumulative) {
+  if (arguments.length !== 4) {
+    return error.na;
+  }
 
-    Formula.MOD = function (dividend, divisor) {
-      var modulus = Math.abs(dividend % divisor);
-      return (divisor > 0) ? modulus : -modulus;
-    };
+  if (value < 0 || alpha <= 0 || beta <= 0) {
+    return error.value;
+  }
 
-    Formula.MROUND = function (number, multiple) {
-      if (number * multiple < 0) {
-        throw new Error('Number and multiple must have the same sign.');
+  if ((typeof value !== 'number') || (typeof alpha !== 'number') || (typeof beta !== 'number')) {
+    return error.value;
+  }
+
+  return cumulative ? jStat.gamma.cdf(value, alpha, beta, true) : jStat.gamma.pdf(value, alpha, beta, false);
+};
+
+exports.GAMMA.INV = function(probability, alpha, beta) {
+  if (arguments.length !== 3) {
+    return error.na;
+  }
+
+  if (probability < 0 || probability > 1 || alpha <= 0 || beta <= 0) {
+    return error.num;
+  }
+
+  if ((typeof probability !== 'number') || (typeof alpha !== 'number') || (typeof beta !== 'number')) {
+    return error.value;
+  }
+
+  return jStat.gamma.inv(probability, alpha, beta);
+};
+
+exports.GAMMALN = function(number) {
+  number = utils.parseNumber(number);
+  if (number instanceof Error) {
+    return number;
+  }
+  return jStat.gammaln(number);
+};
+
+exports.GAMMALN.PRECISE = function(x) {
+  if (arguments.length !== 1) {
+    return error.na;
+  }
+
+  if (x <= 0) {
+    return error.num;
+  }
+
+  if (typeof x !== 'number') {
+    return error.value;
+  }
+
+  return jStat.gammaln(x);
+};
+
+exports.GAUSS = function(z) {
+  z = utils.parseNumber(z);
+  if (z instanceof Error) {
+    return z;
+  }
+  return jStat.normal.cdf(z, 0, 1) - 0.5;
+};
+
+exports.GEOMEAN = function() {
+  var args = utils.parseNumberArray(utils.flatten(arguments));
+  if (args instanceof Error) {
+    return args;
+  }
+  return jStat.geomean(args);
+};
+
+exports.GROWTH = function(known_y, known_x, new_x, use_const) {
+  // Credits: Ilmari Karonen (http://stackoverflow.com/questions/14161990/how-to-implement-growth-function-in-javascript)
+
+  known_y = utils.parseNumberArray(known_y);
+  if (known_y instanceof Error) {
+    return known_y;
+  }
+
+  // Default values for optional parameters:
+  var i;
+  if (known_x === undefined) {
+    known_x = [];
+    for (i = 1; i <= known_y.length; i++) {
+      known_x.push(i);
+    }
+  }
+  if (new_x === undefined) {
+    new_x = [];
+    for (i = 1; i <= known_y.length; i++) {
+      new_x.push(i);
+    }
+  }
+
+  known_x = utils.parseNumberArray(known_x);
+  new_x = utils.parseNumberArray(new_x);
+  if (utils.anyIsError(known_x, new_x)) {
+    return error.value;
+  }
+
+
+  if (use_const === undefined) {
+    use_const = true;
+  }
+
+  // Calculate sums over the data:
+  var n = known_y.length;
+  var avg_x = 0;
+  var avg_y = 0;
+  var avg_xy = 0;
+  var avg_xx = 0;
+  for (i = 0; i < n; i++) {
+    var x = known_x[i];
+    var y = Math.log(known_y[i]);
+    avg_x += x;
+    avg_y += y;
+    avg_xy += x * y;
+    avg_xx += x * x;
+  }
+  avg_x /= n;
+  avg_y /= n;
+  avg_xy /= n;
+  avg_xx /= n;
+
+  // Compute linear regression coefficients:
+  var beta;
+  var alpha;
+  if (use_const) {
+    beta = (avg_xy - avg_x * avg_y) / (avg_xx - avg_x * avg_x);
+    alpha = avg_y - beta * avg_x;
+  } else {
+    beta = avg_xy / avg_xx;
+    alpha = 0;
+  }
+
+  // Compute and return result array:
+  var new_y = [];
+  for (i = 0; i < new_x.length; i++) {
+    new_y.push(Math.exp(alpha + beta * new_x[i]));
+  }
+  return new_y;
+};
+
+exports.HARMEAN = function() {
+  var range = utils.parseNumberArray(utils.flatten(arguments));
+  if (range instanceof Error) {
+    return range;
+  }
+  var n = range.length;
+  var den = 0;
+  for (var i = 0; i < n; i++) {
+    den += 1 / range[i];
+  }
+  return n / den;
+};
+
+exports.HYPGEOM = {};
+
+exports.HYPGEOM.DIST = function(x, n, M, N, cumulative) {
+  x = utils.parseNumber(x);
+  n = utils.parseNumber(n);
+  M = utils.parseNumber(M);
+  N = utils.parseNumber(N);
+  if (utils.anyIsError(x, n, M, N)) {
+    return error.value;
+  }
+
+  function pdf(x, n, M, N) {
+    return mathTrig.COMBIN(M, x) * mathTrig.COMBIN(N - M, n - x) / mathTrig.COMBIN(N, n);
+  }
+
+  function cdf(x, n, M, N) {
+    var result = 0;
+    for (var i = 0; i <= x; i++) {
+      result += pdf(i, n, M, N);
+    }
+    return result;
+  }
+
+  return (cumulative) ? cdf(x, n, M, N) : pdf(x, n, M, N);
+};
+
+exports.INTERCEPT = function(known_y, known_x) {
+  known_y = utils.parseNumberArray(known_y);
+  known_x = utils.parseNumberArray(known_x);
+  if (utils.anyIsError(known_y, known_x)) {
+    return error.value;
+  }
+  if (known_y.length !== known_x.length) {
+    return error.na;
+  }
+  return exports.FORECAST(0, known_y, known_x);
+};
+
+exports.KURT = function() {
+  var range = utils.parseNumberArray(utils.flatten(arguments));
+  if (range instanceof Error) {
+    return range;
+  }
+  var mean = jStat.mean(range);
+  var n = range.length;
+  var sigma = 0;
+  for (var i = 0; i < n; i++) {
+    sigma += Math.pow(range[i] - mean, 4);
+  }
+  sigma = sigma / Math.pow(jStat.stdev(range, true), 4);
+  return ((n * (n + 1)) / ((n - 1) * (n - 2) * (n - 3))) * sigma - 3 * (n - 1) * (n - 1) / ((n - 2) * (n - 3));
+};
+
+exports.LARGE = function(range, k) {
+  range = utils.parseNumberArray(utils.flatten(range));
+  k = utils.parseNumber(k);
+  if (utils.anyIsError(range, k)) {
+    return range;
+  }
+  return range.sort(function(a, b) {
+    return b - a;
+  })[k - 1];
+};
+
+exports.LINEST = function(data_y, data_x) {
+  data_y = utils.parseNumberArray(utils.flatten(data_y));
+  data_x = utils.parseNumberArray(utils.flatten(data_x));
+  if (utils.anyIsError(data_y, data_x)) {
+    return error.value;
+  }
+  var ymean = jStat.mean(data_y);
+  var xmean = jStat.mean(data_x);
+  var n = data_x.length;
+  var num = 0;
+  var den = 0;
+  for (var i = 0; i < n; i++) {
+    num += (data_x[i] - xmean) * (data_y[i] - ymean);
+    den += Math.pow(data_x[i] - xmean, 2);
+  }
+  var m = num / den;
+  var b = ymean - m * xmean;
+  return [m, b];
+};
+
+// According to Microsoft:
+// http://office.microsoft.com/en-us/starter-help/logest-function-HP010342665.aspx
+// LOGEST returns are based on the following linear model:
+// ln y = x1 ln m1 + ... + xn ln mn + ln b
+exports.LOGEST = function(data_y, data_x) {
+  data_y = utils.parseNumberArray(utils.flatten(data_y));
+  data_x = utils.parseNumberArray(utils.flatten(data_x));
+  if (utils.anyIsError(data_y, data_x)) {
+    return error.value;
+  }
+  for (var i = 0; i < data_y.length; i ++) {
+    data_y[i] = Math.log(data_y[i]);
+  }
+
+  var result = exports.LINEST(data_y, data_x);
+  result[0] = Math.round(Math.exp(result[0])*1000000)/1000000;
+  result[1] = Math.round(Math.exp(result[1])*1000000)/1000000;
+  return result;
+};
+
+exports.LOGNORM = {};
+
+exports.LOGNORM.DIST = function(x, mean, sd, cumulative) {
+  x = utils.parseNumber(x);
+  mean = utils.parseNumber(mean);
+  sd = utils.parseNumber(sd);
+  if (utils.anyIsError(x, mean, sd)) {
+    return error.value;
+  }
+  return (cumulative) ? jStat.lognormal.cdf(x, mean, sd) : jStat.lognormal.pdf(x, mean, sd);
+};
+
+exports.LOGNORM.INV = function(probability, mean, sd) {
+  probability = utils.parseNumber(probability);
+  mean = utils.parseNumber(mean);
+  sd = utils.parseNumber(sd);
+  if (utils.anyIsError(probability, mean, sd)) {
+    return error.value;
+  }
+  return jStat.lognormal.inv(probability, mean, sd);
+};
+
+exports.MAX = function() {
+  var range = utils.numbers(utils.flatten(arguments));
+  return (range.length === 0) ? 0 : Math.max.apply(Math, range);
+};
+
+exports.MAXA = function() {
+  var range = utils.arrayValuesToNumbers(utils.flatten(arguments));
+  return (range.length === 0) ? 0 : Math.max.apply(Math, range);
+};
+
+exports.MEDIAN = function() {
+  var range = utils.arrayValuesToNumbers(utils.flatten(arguments));
+  var result = jStat.median(range);
+
+  if (isNaN(result)) {
+    result = error.num;
+  }
+
+  return result;
+};
+
+exports.MIN = function() {
+  var range = utils.numbers(utils.flatten(arguments));
+  return (range.length === 0) ? 0 : Math.min.apply(Math, range);
+};
+
+exports.MINA = function() {
+  var range = utils.arrayValuesToNumbers(utils.flatten(arguments));
+  return (range.length === 0) ? 0 : Math.min.apply(Math, range);
+};
+
+exports.MODE = {};
+
+exports.MODE.MULT = function() {
+  // Credits: Roönaän
+  var range = utils.parseNumberArray(utils.flatten(arguments));
+  if (range instanceof Error) {
+    return range;
+  }
+  var n = range.length;
+  var count = {};
+  var maxItems = [];
+  var max = 0;
+  var currentItem;
+
+  for (var i = 0; i < n; i++) {
+    currentItem = range[i];
+    count[currentItem] = count[currentItem] ? count[currentItem] + 1 : 1;
+    if (count[currentItem] > max) {
+      max = count[currentItem];
+      maxItems = [];
+    }
+    if (count[currentItem] === max) {
+      maxItems[maxItems.length] = currentItem;
+    }
+  }
+  return maxItems;
+};
+
+exports.MODE.SNGL = function() {
+  var range = utils.parseNumberArray(utils.flatten(arguments));
+  if (range instanceof Error) {
+    return range;
+  }
+  return exports.MODE.MULT(range).sort(function(a, b) {
+    return a - b;
+  })[0];
+};
+
+exports.NEGBINOM = {};
+
+exports.NEGBINOM.DIST = function(k, r, p, cumulative) {
+  k = utils.parseNumber(k);
+  r = utils.parseNumber(r);
+  p = utils.parseNumber(p);
+  if (utils.anyIsError(k, r, p)) {
+    return error.value;
+  }
+  return (cumulative) ? jStat.negbin.cdf(k, r, p) : jStat.negbin.pdf(k, r, p);
+};
+
+exports.NORM = {};
+
+exports.NORM.DIST = function(x, mean, sd, cumulative) {
+  x = utils.parseNumber(x);
+  mean = utils.parseNumber(mean);
+  sd = utils.parseNumber(sd);
+  if (utils.anyIsError(x, mean, sd)) {
+    return error.value;
+  }
+  if (sd <= 0) {
+    return error.num;
+  }
+
+  // Return normal distribution computed by jStat [http://jstat.org]
+  return (cumulative) ? jStat.normal.cdf(x, mean, sd) : jStat.normal.pdf(x, mean, sd);
+};
+
+exports.NORM.INV = function(probability, mean, sd) {
+  probability = utils.parseNumber(probability);
+  mean = utils.parseNumber(mean);
+  sd = utils.parseNumber(sd);
+  if (utils.anyIsError(probability, mean, sd)) {
+    return error.value;
+  }
+  return jStat.normal.inv(probability, mean, sd);
+};
+
+exports.NORM.S = {};
+
+exports.NORM.S.DIST = function(z, cumulative) {
+  z = utils.parseNumber(z);
+  if (z instanceof Error) {
+    return error.value;
+  }
+  return (cumulative) ? jStat.normal.cdf(z, 0, 1) : jStat.normal.pdf(z, 0, 1);
+};
+
+exports.NORM.S.INV = function(probability) {
+  probability = utils.parseNumber(probability);
+  if (probability instanceof Error) {
+    return error.value;
+  }
+  return jStat.normal.inv(probability, 0, 1);
+};
+
+exports.PEARSON = function(data_x, data_y) {
+  data_y = utils.parseNumberArray(utils.flatten(data_y));
+  data_x = utils.parseNumberArray(utils.flatten(data_x));
+  if (utils.anyIsError(data_y, data_x)) {
+    return error.value;
+  }
+  var xmean = jStat.mean(data_x);
+  var ymean = jStat.mean(data_y);
+  var n = data_x.length;
+  var num = 0;
+  var den1 = 0;
+  var den2 = 0;
+  for (var i = 0; i < n; i++) {
+    num += (data_x[i] - xmean) * (data_y[i] - ymean);
+    den1 += Math.pow(data_x[i] - xmean, 2);
+    den2 += Math.pow(data_y[i] - ymean, 2);
+  }
+  return num / Math.sqrt(den1 * den2);
+};
+
+exports.PERCENTILE = {};
+
+exports.PERCENTILE.EXC = function(array, k) {
+  array = utils.parseNumberArray(utils.flatten(array));
+  k = utils.parseNumber(k);
+  if (utils.anyIsError(array, k)) {
+    return error.value;
+  }
+  array = array.sort(function(a, b) {
+    {
+      return a - b;
+    }
+  });
+  var n = array.length;
+  if (k < 1 / (n + 1) || k > 1 - 1 / (n + 1)) {
+    return error.num;
+  }
+  var l = k * (n + 1) - 1;
+  var fl = Math.floor(l);
+  return utils.cleanFloat((l === fl) ? array[l] : array[fl] + (l - fl) * (array[fl + 1] - array[fl]));
+};
+
+exports.PERCENTILE.INC = function(array, k) {
+  array = utils.parseNumberArray(utils.flatten(array));
+  k = utils.parseNumber(k);
+  if (utils.anyIsError(array, k)) {
+    return error.value;
+  }
+  array = array.sort(function(a, b) {
+    return a - b;
+  });
+  var n = array.length;
+  var l = k * (n - 1);
+  var fl = Math.floor(l);
+  return utils.cleanFloat((l === fl) ? array[l] : array[fl] + (l - fl) * (array[fl + 1] - array[fl]));
+};
+
+exports.PERCENTRANK = {};
+
+exports.PERCENTRANK.EXC = function(array, x, significance) {
+  significance = (significance === undefined) ? 3 : significance;
+  array = utils.parseNumberArray(utils.flatten(array));
+  x = utils.parseNumber(x);
+  significance = utils.parseNumber(significance);
+  if (utils.anyIsError(array, x, significance)) {
+    return error.value;
+  }
+  array = array.sort(function(a, b) {
+    return a - b;
+  });
+  var uniques = misc.UNIQUE.apply(null, array);
+  var n = array.length;
+  var m = uniques.length;
+  var power = Math.pow(10, significance);
+  var result = 0;
+  var match = false;
+  var i = 0;
+  while (!match && i < m) {
+    if (x === uniques[i]) {
+      result = (array.indexOf(uniques[i]) + 1) / (n + 1);
+      match = true;
+    } else if (x >= uniques[i] && (x < uniques[i + 1] || i === m - 1)) {
+      result = (array.indexOf(uniques[i]) + 1 + (x - uniques[i]) / (uniques[i + 1] - uniques[i])) / (n + 1);
+      match = true;
+    }
+    i++;
+  }
+  return Math.floor(result * power) / power;
+};
+
+exports.PERCENTRANK.INC = function(array, x, significance) {
+  significance = (significance === undefined) ? 3 : significance;
+  array = utils.parseNumberArray(utils.flatten(array));
+  x = utils.parseNumber(x);
+  significance = utils.parseNumber(significance);
+  if (utils.anyIsError(array, x, significance)) {
+    return error.value;
+  }
+  array = array.sort(function(a, b) {
+    return a - b;
+  });
+  var uniques = misc.UNIQUE.apply(null, array);
+  var n = array.length;
+  var m = uniques.length;
+  var power = Math.pow(10, significance);
+  var result = 0;
+  var match = false;
+  var i = 0;
+  while (!match && i < m) {
+    if (x === uniques[i]) {
+      result = array.indexOf(uniques[i]) / (n - 1);
+      match = true;
+    } else if (x >= uniques[i] && (x < uniques[i + 1] || i === m - 1)) {
+      result = (array.indexOf(uniques[i]) + (x - uniques[i]) / (uniques[i + 1] - uniques[i])) / (n - 1);
+      match = true;
+    }
+    i++;
+  }
+  return Math.floor(result * power) / power;
+};
+
+exports.PERMUT = function(number, number_chosen) {
+  number = utils.parseNumber(number);
+  number_chosen = utils.parseNumber(number_chosen);
+  if (utils.anyIsError(number, number_chosen)) {
+    return error.value;
+  }
+  return mathTrig.FACT(number) / mathTrig.FACT(number - number_chosen);
+};
+
+exports.PERMUTATIONA = function(number, number_chosen) {
+  number = utils.parseNumber(number);
+  number_chosen = utils.parseNumber(number_chosen);
+  if (utils.anyIsError(number, number_chosen)) {
+    return error.value;
+  }
+  return Math.pow(number, number_chosen);
+};
+
+exports.PHI = function(x) {
+  x = utils.parseNumber(x);
+  if (x instanceof Error) {
+    return error.value;
+  }
+  return Math.exp(-0.5 * x * x) / SQRT2PI;
+};
+
+exports.POISSON = {};
+
+exports.POISSON.DIST = function(x, mean, cumulative) {
+  x = utils.parseNumber(x);
+  mean = utils.parseNumber(mean);
+  if (utils.anyIsError(x, mean)) {
+    return error.value;
+  }
+  return (cumulative) ? jStat.poisson.cdf(x, mean) : jStat.poisson.pdf(x, mean);
+};
+
+exports.PROB = function(range, probability, lower, upper) {
+  if (lower === undefined) {
+    return 0;
+  }
+  upper = (upper === undefined) ? lower : upper;
+
+  range = utils.parseNumberArray(utils.flatten(range));
+  probability = utils.parseNumberArray(utils.flatten(probability));
+  lower = utils.parseNumber(lower);
+  upper = utils.parseNumber(upper);
+  if (utils.anyIsError(range, probability, lower, upper)) {
+    return error.value;
+  }
+
+  if (lower === upper) {
+    return (range.indexOf(lower) >= 0) ? probability[range.indexOf(lower)] : 0;
+  }
+
+  var sorted = range.sort(function(a, b) {
+    return a - b;
+  });
+  var n = sorted.length;
+  var result = 0;
+  for (var i = 0; i < n; i++) {
+    if (sorted[i] >= lower && sorted[i] <= upper) {
+      result += probability[range.indexOf(sorted[i])];
+    }
+  }
+  return result;
+};
+
+exports.QUARTILE = {};
+
+exports.QUARTILE.EXC = function(range, quart) {
+  range = utils.parseNumberArray(utils.flatten(range));
+  quart = utils.parseNumber(quart);
+  if (utils.anyIsError(range, quart)) {
+    return error.value;
+  }
+  switch (quart) {
+    case 1:
+      return exports.PERCENTILE.EXC(range, 0.25);
+    case 2:
+      return exports.PERCENTILE.EXC(range, 0.5);
+    case 3:
+      return exports.PERCENTILE.EXC(range, 0.75);
+    default:
+      return error.num;
+  }
+};
+
+exports.QUARTILE.INC = function(range, quart) {
+  range = utils.parseNumberArray(utils.flatten(range));
+  quart = utils.parseNumber(quart);
+  if (utils.anyIsError(range, quart)) {
+    return error.value;
+  }
+  switch (quart) {
+    case 1:
+      return exports.PERCENTILE.INC(range, 0.25);
+    case 2:
+      return exports.PERCENTILE.INC(range, 0.5);
+    case 3:
+      return exports.PERCENTILE.INC(range, 0.75);
+    default:
+      return error.num;
+  }
+};
+
+exports.RANK = {};
+
+exports.RANK.AVG = function(number, range, order) {
+  number = utils.parseNumber(number);
+  range = utils.parseNumberArray(utils.flatten(range));
+  if (utils.anyIsError(number, range)) {
+    return error.value;
+  }
+  range = utils.flatten(range);
+  order = order || false;
+  var sort = (order) ? function(a, b) {
+    return a - b;
+  } : function(a, b) {
+    return b - a;
+  };
+  range = range.sort(sort);
+
+  var length = range.length;
+  var count = 0;
+  for (var i = 0; i < length; i++) {
+    if (range[i] === number) {
+      count++;
+    }
+  }
+
+  return (count > 1) ? (2 * range.indexOf(number) + count + 1) / 2 : range.indexOf(number) + 1;
+};
+
+exports.RANK.EQ = function(number, range, order) {
+  number = utils.parseNumber(number);
+  range = utils.parseNumberArray(utils.flatten(range));
+  if (utils.anyIsError(number, range)) {
+    return error.value;
+  }
+  order = order || false;
+  var sort = (order) ? function(a, b) {
+    return a - b;
+  } : function(a, b) {
+    return b - a;
+  };
+  range = range.sort(sort);
+  return range.indexOf(number) + 1;
+};
+
+exports.ROW = function(matrix, index) {
+  if (arguments.length !== 2) {
+    return error.na;
+  }
+
+  if (index < 0) {
+    return error.num;
+  }
+
+  if (!(matrix instanceof Array) || (typeof index !== 'number')) {
+    return error.value;
+  }
+
+  if (matrix.length === 0) {
+    return undefined;
+  }
+
+  return jStat.row(matrix, index);
+};
+
+exports.ROWS = function(matrix) {
+  if (arguments.length !== 1) {
+    return error.na;
+  }
+
+  if (!(matrix instanceof Array)) {
+    return error.value;
+  }
+
+  if (matrix.length === 0) {
+    return 0;
+  }
+
+  return jStat.rows(matrix);
+};
+
+exports.RSQ = function(data_x, data_y) { // no need to flatten here, PEARSON will take care of that
+  data_x = utils.parseNumberArray(utils.flatten(data_x));
+  data_y = utils.parseNumberArray(utils.flatten(data_y));
+  if (utils.anyIsError(data_x, data_y)) {
+    return error.value;
+  }
+  return Math.pow(exports.PEARSON(data_x, data_y), 2);
+};
+
+exports.SKEW = function() {
+  var range = utils.parseNumberArray(utils.flatten(arguments));
+  if (range instanceof Error) {
+    return range;
+  }
+  var mean = jStat.mean(range);
+  var n = range.length;
+  var sigma = 0;
+  for (var i = 0; i < n; i++) {
+    sigma += Math.pow(range[i] - mean, 3);
+  }
+  return n * sigma / ((n - 1) * (n - 2) * Math.pow(jStat.stdev(range, true), 3));
+};
+
+exports.SKEW.P = function() {
+  var range = utils.parseNumberArray(utils.flatten(arguments));
+  if (range instanceof Error) {
+    return range;
+  }
+  var mean = jStat.mean(range);
+  var n = range.length;
+  var m2 = 0;
+  var m3 = 0;
+  for (var i = 0; i < n; i++) {
+    m3 += Math.pow(range[i] - mean, 3);
+    m2 += Math.pow(range[i] - mean, 2);
+  }
+  m3 = m3 / n;
+  m2 = m2 / n;
+  return m3 / Math.pow(m2, 3 / 2);
+};
+
+exports.SLOPE = function(data_y, data_x) {
+  data_y = utils.parseNumberArray(utils.flatten(data_y));
+  data_x = utils.parseNumberArray(utils.flatten(data_x));
+  if (utils.anyIsError(data_y, data_x)) {
+    return error.value;
+  }
+  var xmean = jStat.mean(data_x);
+  var ymean = jStat.mean(data_y);
+  var n = data_x.length;
+  var num = 0;
+  var den = 0;
+  for (var i = 0; i < n; i++) {
+    num += (data_x[i] - xmean) * (data_y[i] - ymean);
+    den += Math.pow(data_x[i] - xmean, 2);
+  }
+  return num / den;
+};
+
+exports.SMALL = function(range, k) {
+  range = utils.parseNumberArray(utils.flatten(range));
+  k = utils.parseNumber(k);
+  if (utils.anyIsError(range, k)) {
+    return range;
+  }
+  return range.sort(function(a, b) {
+    return a - b;
+  })[k - 1];
+};
+
+exports.STANDARDIZE = function(x, mean, sd) {
+  x = utils.parseNumber(x);
+  mean = utils.parseNumber(mean);
+  sd = utils.parseNumber(sd);
+  if (utils.anyIsError(x, mean, sd)) {
+    return error.value;
+  }
+  return (x - mean) / sd;
+};
+
+exports.STDEV = {};
+
+exports.STDEV.P = function() {
+  var v = exports.VAR.P.apply(this, arguments);
+  var result = Math.sqrt(v);
+
+  if (isNaN(result)) {
+    result = error.num;
+  }
+
+  return result;
+};
+
+exports.STDEV.S = function() {
+  var v = exports.VAR.S.apply(this, arguments);
+  var result = Math.sqrt(v);
+
+  return result;
+};
+
+exports.STDEVA = function() {
+  var v = exports.VARA.apply(this, arguments);
+  var result = Math.sqrt(v);
+
+  return result;
+};
+
+exports.STDEVPA = function() {
+  var v = exports.VARPA.apply(this, arguments);
+  var result = Math.sqrt(v);
+
+  if (isNaN(result)) {
+    result = error.num;
+  }
+
+  return result;
+};
+
+
+exports.STEYX = function(data_y, data_x) {
+  data_y = utils.parseNumberArray(utils.flatten(data_y));
+  data_x = utils.parseNumberArray(utils.flatten(data_x));
+  if (utils.anyIsError(data_y, data_x)) {
+    return error.value;
+  }
+  var xmean = jStat.mean(data_x);
+  var ymean = jStat.mean(data_y);
+  var n = data_x.length;
+  var lft = 0;
+  var num = 0;
+  var den = 0;
+  for (var i = 0; i < n; i++) {
+    lft += Math.pow(data_y[i] - ymean, 2);
+    num += (data_x[i] - xmean) * (data_y[i] - ymean);
+    den += Math.pow(data_x[i] - xmean, 2);
+  }
+  return Math.sqrt((lft - num * num / den) / (n - 2));
+};
+
+exports.TRANSPOSE = function(matrix) {
+  if (!matrix) {
+    return error.na;
+  }
+  return jStat.transpose(matrix);
+};
+
+exports.T = text.T;
+
+exports.T.DIST = function(x, df, cumulative) {
+  x = utils.parseNumber(x);
+  df = utils.parseNumber(df);
+  if (utils.anyIsError(x, df)) {
+    return error.value;
+  }
+  return (cumulative) ? jStat.studentt.cdf(x, df) : jStat.studentt.pdf(x, df);
+};
+
+exports.T.DIST['2T'] = function(x, df) {
+  if (arguments.length !== 2) {
+    return error.na;
+  }
+
+  if (x < 0 || df < 1) {
+    return error.num;
+  }
+
+  if ((typeof x !== 'number') || (typeof df !== 'number')) {
+    return error.value;
+  }
+
+  return (1 - jStat.studentt.cdf(x , df)) * 2;
+};
+
+exports.T.DIST.RT = function(x, df) {
+  if (arguments.length !== 2) {
+    return error.na;
+  }
+
+  if (x < 0 || df < 1) {
+    return error.num;
+  }
+
+  if ((typeof x !== 'number') || (typeof df !== 'number')) {
+    return error.value;
+  }
+
+  return 1 - jStat.studentt.cdf(x , df);
+};
+
+exports.T.INV = function(probability, df) {
+  probability = utils.parseNumber(probability);
+  df = utils.parseNumber(df);
+  if (utils.anyIsError(probability, df)) {
+    return error.value;
+  }
+  return jStat.studentt.inv(probability, df);
+};
+
+exports.T.INV['2T'] = function(probability, df) {
+  probability = utils.parseNumber(probability);
+  df = utils.parseNumber(df);
+  if (probability <= 0 || probability > 1 || df < 1) {
+    return error.num;
+  }
+  if (utils.anyIsError(probability, df)) {
+    return error.value;
+  }
+  return Math.abs(jStat.studentt.inv(probability/2, df));
+};
+
+// The algorithm can be found here:
+// http://www.chem.uoa.gr/applets/AppletTtest/Appl_Ttest2.html
+exports.T.TEST = function(data_x, data_y) {
+  data_x = utils.parseNumberArray(utils.flatten(data_x));
+  data_y = utils.parseNumberArray(utils.flatten(data_y));
+  if (utils.anyIsError(data_x, data_y)) {
+    return error.value;
+  }
+
+  var mean_x = jStat.mean(data_x);
+  var mean_y = jStat.mean(data_y);
+  var s_x = 0;
+  var s_y = 0;
+  var i;
+
+  for (i = 0; i < data_x.length; i++) {
+    s_x += Math.pow(data_x[i] - mean_x, 2);
+  }
+  for (i = 0; i < data_y.length; i++) {
+    s_y += Math.pow(data_y[i] - mean_y, 2);
+  }
+
+  s_x = s_x / (data_x.length-1);
+  s_y = s_y / (data_y.length-1);
+
+  var t = Math.abs(mean_x - mean_y) / Math.sqrt(s_x/data_x.length + s_y/data_y.length);
+
+  return exports.T.DIST['2T'](t, data_x.length+data_y.length-2);
+};
+
+exports.TREND = function(data_y, data_x, new_data_x) {
+  data_y = utils.parseNumberArray(utils.flatten(data_y));
+  data_x = utils.parseNumberArray(utils.flatten(data_x));
+  new_data_x = utils.parseNumberArray(utils.flatten(new_data_x));
+  if (utils.anyIsError(data_y, data_x, new_data_x)) {
+    return error.value;
+  }
+  var linest = exports.LINEST(data_y, data_x);
+  var m = linest[0];
+  var b = linest[1];
+  var result = [];
+
+  new_data_x.forEach(function(x) {
+    result.push(m * x + b);
+  });
+
+  return result;
+};
+
+exports.TRIMMEAN = function(range, percent) {
+  range = utils.parseNumberArray(utils.flatten(range));
+  percent = utils.parseNumber(percent);
+  if (utils.anyIsError(range, percent)) {
+    return error.value;
+  }
+  var trim = mathTrig.FLOOR(range.length * percent, 2) / 2;
+  return jStat.mean(utils.initial(utils.rest(range.sort(function(a, b) {
+    return a - b;
+  }), trim), trim));
+};
+
+exports.VAR = {};
+
+exports.VAR.P = function() {
+  var range = utils.numbers(utils.flatten(arguments));
+  var n = range.length;
+  var sigma = 0;
+  var mean = exports.AVERAGE(range);
+  var result;
+  for (var i = 0; i < n; i++) {
+    sigma += Math.pow(range[i] - mean, 2);
+  }
+  result = sigma / n;
+
+  if (isNaN(result)) {
+    result = error.num;
+  }
+
+  return result;
+};
+
+exports.VAR.S = function() {
+  var range = utils.numbers(utils.flatten(arguments));
+  var n = range.length;
+  var sigma = 0;
+  var mean = exports.AVERAGE(range);
+  for (var i = 0; i < n; i++) {
+    sigma += Math.pow(range[i] - mean, 2);
+  }
+  return sigma / (n - 1);
+};
+
+exports.VARA = function() {
+  var range = utils.flatten(arguments);
+  var n = range.length;
+  var sigma = 0;
+  var count = 0;
+  var mean = exports.AVERAGEA(range);
+  for (var i = 0; i < n; i++) {
+    var el = range[i];
+    if (typeof el === 'number') {
+      sigma += Math.pow(el - mean, 2);
+    } else if (el === true) {
+      sigma += Math.pow(1 - mean, 2);
+    } else {
+      sigma += Math.pow(0 - mean, 2);
+    }
+
+    if (el !== null) {
+      count++;
+    }
+  }
+  return sigma / (count - 1);
+};
+
+exports.VARPA = function() {
+  var range = utils.flatten(arguments);
+  var n = range.length;
+  var sigma = 0;
+  var count = 0;
+  var mean = exports.AVERAGEA(range);
+  var result;
+  for (var i = 0; i < n; i++) {
+    var el = range[i];
+    if (typeof el === 'number') {
+      sigma += Math.pow(el - mean, 2);
+    } else if (el === true) {
+      sigma += Math.pow(1 - mean, 2);
+    } else {
+      sigma += Math.pow(0 - mean, 2);
+    }
+
+    if (el !== null) {
+      count++;
+    }
+  }
+  result = sigma / count;
+
+  if (isNaN(result)) {
+    result = error.num;
+  }
+
+  return result;
+};
+
+exports.WEIBULL = {};
+
+exports.WEIBULL.DIST = function(x, alpha, beta, cumulative) {
+  x = utils.parseNumber(x);
+  alpha = utils.parseNumber(alpha);
+  beta = utils.parseNumber(beta);
+  if (utils.anyIsError(x, alpha, beta)) {
+    return error.value;
+  }
+  return (cumulative) ? 1 - Math.exp(-Math.pow(x / beta, alpha)) : Math.pow(x, alpha - 1) * Math.exp(-Math.pow(x / beta, alpha)) * alpha / Math.pow(beta, alpha);
+};
+
+exports.Z = {};
+
+exports.Z.TEST = function(range, x, sd) {
+  range = utils.parseNumberArray(utils.flatten(range));
+  x = utils.parseNumber(x);
+  if (utils.anyIsError(range, x)) {
+    return error.value;
+  }
+
+  sd = sd || exports.STDEV.S(range);
+  var n = range.length;
+  return 1 - exports.NORM.S.DIST((exports.AVERAGE(range) - x) / (sd / Math.sqrt(n)), true);
+};
+
+
+/***/ }),
+/* 4 */
+/***/ (function(module, exports, __webpack_require__) {
+
+var utils = __webpack_require__(1);
+var error = __webpack_require__(0);
+
+//TODO
+exports.ASC = function() {
+  throw new Error('ASC is not implemented');
+};
+
+//TODO
+exports.BAHTTEXT = function() {
+  throw new Error('BAHTTEXT is not implemented');
+};
+
+exports.CHAR = function(number) {
+  number = utils.parseNumber(number);
+  if (number instanceof Error) {
+    return number;
+  }
+  return String.fromCharCode(number);
+};
+
+exports.CLEAN = function(text) {
+  text = text || '';
+  var re = /[\0-\x1F]/g;
+  return text.replace(re, "");
+};
+
+exports.CODE = function(text) {
+  text = text || '';
+  var result = text.charCodeAt(0);
+
+  if (isNaN(result)) {
+    result = error.na;
+  }
+  return result;
+};
+
+exports.CONCATENATE = function() {
+  var args = utils.flatten(arguments);
+
+  var trueFound = 0;
+  while ((trueFound = args.indexOf(true)) > -1) {
+    args[trueFound] = 'TRUE';
+  }
+
+  var falseFound = 0;
+  while ((falseFound = args.indexOf(false)) > -1) {
+    args[falseFound] = 'FALSE';
+  }
+
+  return args.join('');
+};
+
+//TODO
+exports.DBCS = function() {
+  throw new Error('DBCS is not implemented');
+};
+
+//TODO
+exports.DOLLAR = function() {
+  throw new Error('DOLLAR is not implemented');
+};
+
+exports.EXACT = function(text1, text2) {
+  if (arguments.length !== 2) {
+    return error.na;
+  }
+  return text1 === text2;
+};
+
+exports.FIND = function(find_text, within_text, position) {
+  if (arguments.length < 2) {
+    return error.na;
+  }
+  position = (position === undefined) ? 0 : position;
+  return within_text ? within_text.indexOf(find_text, position - 1) + 1 : null;
+};
+
+//TODO
+exports.FIXED = function() {
+  throw new Error('FIXED is not implemented');
+};
+
+exports.HTML2TEXT = function (value) {
+  var result = '';
+
+  if (value) {
+    if (value instanceof Array) {
+      value.forEach(function (line) {
+        if (result !== '') {
+          result += '\n';
+        }
+        result += (line.replace(/<(?:.|\n)*?>/gm, ''));
+      });
+    } else {
+      result = value.replace(/<(?:.|\n)*?>/gm, '');
+    }
+  }
+
+  return result;
+};
+
+exports.LEFT = function(text, number) {
+  number = (number === undefined) ? 1 : number;
+  number = utils.parseNumber(number);
+  if (number instanceof Error || typeof text !== 'string') {
+    return error.value;
+  }
+  return text ? text.substring(0, number) : null;
+};
+
+exports.LEN = function(text) {
+  if (arguments.length === 0) {
+    return error.error;
+  }
+
+  if (typeof text === 'string') {
+    return text ? text.length : 0;
+  }
+
+  if (text.length) {
+    return text.length;
+  }
+
+  return error.value;
+};
+
+exports.LOWER = function(text) {
+  if (typeof text !== 'string') {
+    return error.value;
+  }
+  return text ? text.toLowerCase() : text;
+};
+
+exports.MID = function(text, start, number) {
+  start = utils.parseNumber(start);
+  number = utils.parseNumber(number);
+  if (utils.anyIsError(start, number) || typeof text !== 'string') {
+    return number;
+  }
+
+  var begin = start - 1;
+  var end = begin + number;
+
+  return text.substring(begin, end);
+};
+
+// TODO
+exports.NUMBERVALUE = function (text, decimal_separator, group_separator)  {
+  decimal_separator = (typeof decimal_separator === 'undefined') ? '.' : decimal_separator;
+  group_separator = (typeof group_separator === 'undefined') ? ',' : group_separator;
+  return Number(text.replace(decimal_separator, '.').replace(group_separator, ''));
+};
+
+// TODO
+exports.PRONETIC = function() {
+  throw new Error('PRONETIC is not implemented');
+};
+
+exports.PROPER = function(text) {
+  if (text === undefined || text.length === 0) {
+    return error.value;
+  }
+  if (text === true) {
+    text = 'TRUE';
+  }
+  if (text === false) {
+    text = 'FALSE';
+  }
+  if (isNaN(text) && typeof text === 'number') {
+    return error.value;
+  }
+  if (typeof text === 'number') {
+    text = '' + text;
+  }
+
+  return text.replace(/\w\S*/g, function(txt) {
+    return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();
+  });
+};
+
+exports.REGEXEXTRACT = function (text, regular_expression) {
+  if (arguments.length < 2) {
+    return error.na;
+  }
+  var match = text.match(new RegExp(regular_expression));
+  return match ? (match[match.length > 1 ? match.length - 1 : 0]) : null;
+};
+
+exports.REGEXMATCH = function (text, regular_expression, full) {
+  if (arguments.length < 2) {
+    return error.na;
+  }
+  var match = text.match(new RegExp(regular_expression));
+  return full ? match : !!match;
+};
+
+exports.REGEXREPLACE = function (text, regular_expression, replacement) {
+  if (arguments.length < 3) {
+    return error.na;
+  }
+  return text.replace(new RegExp(regular_expression), replacement);
+};
+
+exports.REPLACE = function(text, position, length, new_text) {
+  position = utils.parseNumber(position);
+  length = utils.parseNumber(length);
+  if (utils.anyIsError(position, length) ||
+    typeof text !== 'string' ||
+    typeof new_text !== 'string') {
+    return error.value;
+  }
+  return text.substr(0, position - 1) + new_text + text.substr(position - 1 + length);
+};
+
+exports.REPT = function(text, number) {
+  number = utils.parseNumber(number);
+  if (number instanceof Error) {
+    return number;
+  }
+  return new Array(number + 1).join(text);
+};
+
+exports.RIGHT = function(text, number) {
+  number = (number === undefined) ? 1 : number;
+  number = utils.parseNumber(number);
+  if (number instanceof Error) {
+    return number;
+  }
+  return text ? text.substring(text.length - number) : error.na;
+};
+
+exports.SEARCH = function(find_text, within_text, position) {
+  var foundAt;
+  if (typeof find_text !== 'string' || typeof within_text !== 'string') {
+    return error.value;
+  }
+  position = (position === undefined) ? 0 : position;
+  foundAt = within_text.toLowerCase().indexOf(find_text.toLowerCase(), position - 1)+1;
+  return (foundAt === 0)?error.value:foundAt;
+};
+
+exports.SPLIT = function (text, separator) {
+  return text.split(separator);
+};
+
+exports.SUBSTITUTE = function(text, old_text, new_text, occurrence) {
+  if (arguments.length < 2) {
+    return error.na;
+  }
+  if (!text || !old_text || !new_text) {
+    return text;
+  } else if (occurrence === undefined) {
+    return text.replace(new RegExp(old_text, 'g'), new_text);
+  } else {
+    var index = 0;
+    var i = 0;
+    while (text.indexOf(old_text, index) > 0) {
+      index = text.indexOf(old_text, index + 1);
+      i++;
+      if (i === occurrence) {
+        return text.substring(0, index) + new_text + text.substring(index + old_text.length);
       }
+    }
+  }
+};
 
-      return Math.round(number / multiple) * multiple;
-    };
+exports.T = function(value) {
+  return (typeof value === "string") ? value : '';
+};
 
-    Formula.MULTINOMIAL = function () {
-      var sum = 0;
-      var divisor = 1;
-      for (var i = 0; i < arguments.length; i++) {
-        sum += arguments[i];
-        divisor *= Formula.FACT(arguments[i]);
-      }
-      return Formula.FACT(sum) / divisor;
-    };
+// TODO incomplete implementation
+exports.TEXT = function() {
+  throw new Error('TEXT is not implemented');
+};
 
-    Formula.MUNIT = numeric.identity;
+exports.TRIM = function(text) {
+  if (typeof text !== 'string') {
+    return error.value;
+  }
+  return text.replace(/ +/g, ' ').trim();
+};
 
-    Formula.ODD = function (number) {
-      var temp = Math.ceil(Math.abs(number));
-      temp = (temp & 1) ? temp : temp + 1;
-      return (number > 0) ? temp : -temp;
-    };
+exports.UNICHAR = exports.CHAR;
 
-    Formula.E = function () {
-      return Math.E;
-    };
+exports.UNICODE = exports.CODE;
 
-    Formula.PI = function () {
-      return Math.PI;
-    };
+exports.UPPER = function(text) {
+  if (typeof text !== 'string') {
+    return error.value;
+  }
+  return text.toUpperCase();
+};
 
-    Formula.POWER = function (number, power) {
-      var result = Math.pow(number, power);
-      if (isNaN(result)) {
-        return '#NUM!';
-      }
+//TODO
+exports.VALUE = function() {
+  throw new Error('VALUE is not implemented');
+};
 
-      return result;
-    };
 
-    Formula.PRODUCT = function () {
-      var result = 1;
-      for (var i = 0; i < arguments.length; i++) {
-        result *= arguments[i];
-      }
-      return result;
-    };
+/***/ }),
+/* 5 */
+/***/ (function(module, exports) {
 
-    Formula.QUOTIENT = function (numerator, denominator) {
-      return (numerator / denominator).toFixed(0);
-    };
+var defaultOperator = '=';
+var validSymbols = ['>', '>=', '<', '<=', '=', '<>'];
+var TOKEN_TYPE_OPERATOR = 'operator';
+var TOKEN_TYPE_LITERAL = 'literal';
+var SUPPORTED_TOKENS = [TOKEN_TYPE_OPERATOR, TOKEN_TYPE_LITERAL];
 
-    Formula.RADIANS = function (number) {
-      return number * Math.PI / 180;
-    };
+exports.TOKEN_TYPE_OPERATOR = TOKEN_TYPE_OPERATOR;
+exports.TOKEN_TYPE_LITERAL = TOKEN_TYPE_LITERAL;
 
-    Formula.RAND = function () {
-      return Math.random();
-    };
+/**
+ * Create token which describe passed symbol/value.
+ *
+ * @param {String} value Value/Symbol to describe.
+ * @param {String} type Type of the token 'operator' or 'literal'.
+ * @return {Object}
+ */
+function createToken(value, type) {
+  if (SUPPORTED_TOKENS.indexOf(type) === -1) {
+    throw new Error('Unsupported token type: ' + type);
+  }
 
-    Formula.RANDBETWEEN = function (bottom, top) {
-      // Creative Commons Attribution 3.0 License
-      // Copyright (c) 2012 eqcode
-      return bottom + Math.ceil((top - bottom + 1) * Math.random()) - 1;
-    };
+  return {
+    value: value,
+    type: type,
+  };
+}
 
-    Formula.ROUND = function (number, digits) {
-      return Math.round(number * Math.pow(10, digits)) / Math.pow(10, digits);
-    };
+/**
+ * Tries to cast numeric values to their type passed as a string.
+ *
+ * @param {*} value
+ * @return {*}
+ */
+function castValueToCorrectType(value) {
+  if (typeof value !== 'string') {
+    return value;
+  }
 
-    Formula.ROUNDDOWN = function (number, digits) {
-      var sign = (number > 0) ? 1 : -1;
-      return sign * (Math.floor(Math.abs(number) * Math.pow(10, digits))) / Math.pow(10, digits);
-    };
+  if (/^\d+(\.\d+)?$/.test(value)) {
+    value = value.indexOf('.') === -1 ? parseInt(value, 10) : parseFloat(value);
+  }
 
-    Formula.ROUNDUP = function (number, digits) {
-      var sign = (number > 0) ? 1 : -1;
-      return sign * (Math.ceil(Math.abs(number) * Math.pow(10, digits))) / Math.pow(10, digits);
-    };
+  return value;
+}
 
-    Formula.SERIESSUM = function (x, n, m, coefficients) {
-      var result = coefficients[0] * Math.pow(x, n);
-      for (var i = 1; i < coefficients.length; i++) {
-        result += coefficients[i] * Math.pow(x, n + i * m);
-      }
-      return result;
-    };
+/**
+ * Generate stream of tokens from passed expression.
+ *
+ * @param {String} expression
+ * @return {String[]}
+ */
+function tokenizeExpression(expression) {
+  var expressionLength = expression.length;
+  var tokens = [];
+  var cursorIndex = 0;
+  var processedValue = '';
+  var processedSymbol = '';
 
-    Formula.SEC = function (number) {
-      return 1 / Math.cos(number);
-    };
+  while (cursorIndex < expressionLength) {
+    var char = expression.charAt(cursorIndex);
 
-    Formula.SECH = function (number) {
-      return 2 / (Math.exp(number) + Math.exp(-number));
-    };
+    switch (char) {
+      case '>':
+      case '<':
+      case '=':
+        processedSymbol = processedSymbol + char;
 
-    Formula.SIGN = function (number) {
-      if (number < 0) {
-        return -1;
-      } else if (number === 0) {
-        return 0;
+        if (processedValue.length > 0) {
+          tokens.push(processedValue);
+          processedValue = '';
+        }
+      break;
+      default:
+        if (processedSymbol.length > 0) {
+          tokens.push(processedSymbol);
+          processedSymbol = '';
+        }
+
+        processedValue = processedValue + char;
+      break;
+    }
+    cursorIndex++;
+  }
+
+  if (processedValue.length > 0) {
+    tokens.push(processedValue);
+  }
+  if (processedSymbol.length > 0) {
+    tokens.push(processedSymbol);
+  }
+
+  return tokens;
+};
+
+/**
+ * Analyze and convert tokens to an object which describes their meaning.
+ *
+ * @param {String[]} tokens
+ * @return {Object[]}
+ */
+function analyzeTokens(tokens) {
+  var literalValue = '';
+  var analyzedTokens = [];
+
+  for (var i = 0; i < tokens.length; i++) {
+    var token = tokens[i];
+
+    if (i === 0 && validSymbols.indexOf(token) >= 0) {
+      analyzedTokens.push(createToken(token, TOKEN_TYPE_OPERATOR));
+    } else {
+      literalValue += token;
+    }
+  }
+
+  if (literalValue.length > 0) {
+    analyzedTokens.push(createToken(castValueToCorrectType(literalValue), TOKEN_TYPE_LITERAL));
+  }
+
+  if (analyzedTokens.length > 0 && analyzedTokens[0].type !== TOKEN_TYPE_OPERATOR) {
+    analyzedTokens.unshift(createToken(defaultOperator, TOKEN_TYPE_OPERATOR));
+  }
+
+  return analyzedTokens;
+};
+
+/**
+ * Compute/Evaluate an expression passed as an array of tokens.
+ *
+ * @param {Object[]} tokens
+ * @return {Boolean}
+ */
+function computeExpression(tokens) {
+  var values = [];
+  var operator;
+
+  for (var i = 0; i < tokens.length; i++) {
+    var token = tokens[i];
+
+    switch (token.type) {
+      case TOKEN_TYPE_OPERATOR:
+        operator = token.value;
+      break;
+      case TOKEN_TYPE_LITERAL:
+        values.push(token.value);
+      break;
+    }
+  }
+
+  return evaluate(values, operator);
+};
+
+/**
+ * Evaluate values based on passed math operator.
+ *
+ * @param {*} values
+ * @param {String} operator
+ * @return {Boolean}
+ */
+function evaluate(values, operator) {
+  var result = false;
+
+  switch (operator) {
+    case '>':
+      result = values[0] > values[1];
+      break;
+    case '>=':
+      result = values[0] >= values[1];
+      break;
+    case '<':
+      result = values[0] < values[1];
+      break;
+    case '<=':
+      result = values[0] <= values[1];
+      break;
+    case '=':
+      result = values[0] == values[1];
+      break;
+    case '<>':
+      result = values[0] != values[1];
+      break;
+  }
+
+  return result;
+}
+
+exports.parse = function(expression) {
+  return analyzeTokens(tokenizeExpression(expression));
+};
+exports.createToken = createToken;
+exports.compute = computeExpression;
+
+
+/***/ }),
+/* 6 */
+/***/ (function(module, exports, __webpack_require__) {
+
+var error = __webpack_require__(0);
+
+// TODO
+exports.CELL = function() {
+  throw new Error('CELL is not implemented');
+};
+
+exports.ERROR = {};
+exports.ERROR.TYPE = function(error_val) {
+  switch (error_val) {
+    case error.nil: return 1;
+    case error.div0: return 2;
+    case error.value: return 3;
+    case error.ref: return 4;
+    case error.name: return 5;
+    case error.num: return 6;
+    case error.na: return 7;
+    case error.data: return 8;
+  }
+  return error.na;
+};
+
+// TODO
+exports.INFO = function() {
+  throw new Error('INFO is not implemented');
+};
+
+exports.ISBLANK = function(value) {
+  return value === null;
+};
+
+exports.ISBINARY = function (number) {
+  return (/^[01]{1,10}$/).test(number);
+};
+
+exports.ISERR = function(value) {
+  return ([error.value, error.ref, error.div0, error.num, error.name, error.nil]).indexOf(value) >= 0 ||
+    (typeof value === 'number' && (isNaN(value) || !isFinite(value)));
+};
+
+exports.ISERROR = function(value) {
+  return exports.ISERR(value) || value === error.na;
+};
+
+exports.ISEVEN = function(number) {
+  return (Math.floor(Math.abs(number)) & 1) ? false : true;
+};
+
+// TODO
+exports.ISFORMULA = function() {
+  throw new Error('ISFORMULA is not implemented');
+};
+
+exports.ISLOGICAL = function(value) {
+  return value === true || value === false;
+};
+
+exports.ISNA = function(value) {
+  return value === error.na;
+};
+
+exports.ISNONTEXT = function(value) {
+  return typeof(value) !== 'string';
+};
+
+exports.ISNUMBER = function(value) {
+  return typeof(value) === 'number' && !isNaN(value) && isFinite(value);
+};
+
+exports.ISODD = function(number) {
+  return (Math.floor(Math.abs(number)) & 1) ? true : false;
+};
+
+// TODO
+exports.ISREF = function() {
+  throw new Error('ISREF is not implemented');
+};
+
+exports.ISTEXT = function(value) {
+  return typeof(value) === 'string';
+};
+
+exports.N = function(value) {
+  if (this.ISNUMBER(value)) {
+    return value;
+  }
+  if (value instanceof Date) {
+    return value.getTime();
+  }
+  if (value === true) {
+    return 1;
+  }
+  if (value === false) {
+    return 0;
+  }
+  if (this.ISERROR(value)) {
+    return value;
+  }
+  return 0;
+};
+
+exports.NA = function() {
+  return error.na;
+};
+
+
+// TODO
+exports.SHEET = function() {
+  throw new Error('SHEET is not implemented');
+};
+
+// TODO
+exports.SHEETS = function() {
+  throw new Error('SHEETS is not implemented');
+};
+
+exports.TYPE = function(value) {
+  if (this.ISNUMBER(value)) {
+    return 1;
+  }
+  if (this.ISTEXT(value)) {
+    return 2;
+  }
+  if (this.ISLOGICAL(value)) {
+    return 4;
+  }
+  if (this.ISERROR(value)) {
+    return 16;
+  }
+  if (Array.isArray(value)) {
+    return 64;
+  }
+};
+
+
+/***/ }),
+/* 7 */
+/***/ (function(module, exports, __webpack_require__) {
+
+var error = __webpack_require__(0);
+var utils = __webpack_require__(1);
+
+var d1900 = new Date(Date.UTC(1900, 0, 1));
+var WEEK_STARTS = [
+  undefined,
+  0,
+  1,
+  undefined,
+  undefined,
+  undefined,
+  undefined,
+  undefined,
+  undefined,
+  undefined,
+  undefined,
+  undefined,
+  1,
+  2,
+  3,
+  4,
+  5,
+  6,
+  0
+];
+var WEEK_TYPES = [
+  [],
+  [1, 2, 3, 4, 5, 6, 7],
+  [7, 1, 2, 3, 4, 5, 6],
+  [6, 0, 1, 2, 3, 4, 5],
+  [],
+  [],
+  [],
+  [],
+  [],
+  [],
+  [],
+  [7, 1, 2, 3, 4, 5, 6],
+  [6, 7, 1, 2, 3, 4, 5],
+  [5, 6, 7, 1, 2, 3, 4],
+  [4, 5, 6, 7, 1, 2, 3],
+  [3, 4, 5, 6, 7, 1, 2],
+  [2, 3, 4, 5, 6, 7, 1],
+  [1, 2, 3, 4, 5, 6, 7]
+];
+var WEEKEND_TYPES = [
+  [],
+  [6, 0],
+  [0, 1],
+  [1, 2],
+  [2, 3],
+  [3, 4],
+  [4, 5],
+  [5, 6],
+  undefined,
+  undefined,
+  undefined, [0, 0],
+  [1, 1],
+  [2, 2],
+  [3, 3],
+  [4, 4],
+  [5, 5],
+  [6, 6]
+];
+
+exports.DATE = function(year, month, day) {
+  var result;
+
+  year = utils.parseNumber(year);
+  month = utils.parseNumber(month);
+  day = utils.parseNumber(day);
+
+  if (utils.anyIsError(year, month, day)) {
+    result = error.value;
+
+  } else if (year < 0 || month < 0 || day < 0) {
+    result = error.num;
+
+  } else {
+    result = new Date(year, month - 1, day);
+  }
+
+  return result;
+};
+
+exports.DATEVALUE = function(date_text) {
+  var modifier = 2;
+  var date;
+
+  if (typeof date_text !== 'string') {
+    return error.value;
+  }
+
+  date = Date.parse(date_text);
+
+  if (isNaN(date)) {
+    return error.value;
+  }
+
+  if (date <= -2203891200000) {
+    modifier = 1;
+  }
+
+  return Math.ceil((date - d1900) / 86400000) + modifier;
+};
+
+exports.DAY = function(serial_number) {
+  var date = utils.parseDate(serial_number);
+  if (date instanceof Error) {
+    return date;
+  }
+
+  return date.getDate();
+};
+
+exports.DAYS = function(end_date, start_date) {
+  end_date = utils.parseDate(end_date);
+  start_date = utils.parseDate(start_date);
+
+  if (end_date instanceof Error) {
+    return end_date;
+  }
+  if (start_date instanceof Error) {
+    return start_date;
+  }
+
+  return serial(end_date) - serial(start_date);
+};
+
+exports.DAYS360 = function(start_date, end_date, method) {
+  method = utils.parseBool(method);
+  start_date = utils.parseDate(start_date);
+  end_date = utils.parseDate(end_date);
+
+  if (start_date instanceof Error) {
+    return start_date;
+  }
+  if (end_date instanceof Error) {
+    return end_date;
+  }
+  if (method instanceof Error) {
+    return method;
+  }
+  var sm = start_date.getMonth();
+  var em = end_date.getMonth();
+  var sd, ed;
+
+  if (method) {
+    sd = start_date.getDate() === 31 ? 30 : start_date.getDate();
+    ed = end_date.getDate() === 31 ? 30 : end_date.getDate();
+  } else {
+    var smd = new Date(start_date.getFullYear(), sm + 1, 0).getDate();
+    var emd = new Date(end_date.getFullYear(), em + 1, 0).getDate();
+    sd = start_date.getDate() === smd ? 30 : start_date.getDate();
+    if (end_date.getDate() === emd) {
+      if (sd < 30) {
+        em++;
+        ed = 1;
       } else {
+        ed = 30;
+      }
+    } else {
+      ed = end_date.getDate();
+    }
+  }
+
+  return 360 * (end_date.getFullYear() - start_date.getFullYear()) +
+    30 * (em - sm) + (ed - sd);
+};
+
+exports.EDATE = function(start_date, months) {
+  start_date = utils.parseDate(start_date);
+
+  if (start_date instanceof Error) {
+    return start_date;
+  }
+  if (isNaN(months)) {
+    return error.value;
+  }
+  months = parseInt(months, 10);
+  start_date.setMonth(start_date.getMonth() + months);
+
+  return serial(start_date);
+};
+
+exports.EOMONTH = function(start_date, months) {
+  start_date = utils.parseDate(start_date);
+
+  if (start_date instanceof Error) {
+    return start_date;
+  }
+  if (isNaN(months)) {
+    return error.value;
+  }
+  months = parseInt(months, 10);
+
+  return serial(new Date(start_date.getFullYear(), start_date.getMonth() + months + 1, 0));
+};
+
+exports.HOUR = function(serial_number) {
+  serial_number = utils.parseDate(serial_number);
+
+  if (serial_number instanceof Error) {
+    return serial_number;
+  }
+
+  return serial_number.getHours();
+};
+
+exports.INTERVAL = function (second) {
+  if (typeof second !== 'number' && typeof second !== 'string') {
+    return error.value;
+  } else {
+    second = parseInt(second, 10);
+  }
+
+  var year  = Math.floor(second/946080000);
+  second    = second%946080000;
+  var month = Math.floor(second/2592000);
+  second    = second%2592000;
+  var day   = Math.floor(second/86400);
+  second    = second%86400;
+
+  var hour  = Math.floor(second/3600);
+  second    = second%3600;
+  var min   = Math.floor(second/60);
+  second    = second%60;
+  var sec   = second;
+
+  year  = (year  > 0) ? year  + 'Y' : '';
+  month = (month > 0) ? month + 'M' : '';
+  day   = (day   > 0) ? day   + 'D' : '';
+  hour  = (hour  > 0) ? hour  + 'H' : '';
+  min   = (min   > 0) ? min   + 'M' : '';
+  sec   = (sec   > 0) ? sec   + 'S' : '';
+
+  return 'P' + year + month + day + 'T' + hour + min + sec;
+};
+
+exports.ISOWEEKNUM = function(date) {
+  date = utils.parseDate(date);
+
+  if (date instanceof Error) {
+    return date;
+  }
+
+  date.setHours(0, 0, 0);
+  date.setDate(date.getDate() + 4 - (date.getDay() || 7));
+  var yearStart = new Date(date.getFullYear(), 0, 1);
+
+  return Math.ceil((((date - yearStart) / 86400000) + 1) / 7);
+};
+
+exports.MINUTE = function(serial_number) {
+  serial_number = utils.parseDate(serial_number);
+
+  if (serial_number instanceof Error) {
+    return serial_number;
+  }
+
+  return serial_number.getMinutes();
+};
+
+exports.MONTH = function(serial_number) {
+  serial_number = utils.parseDate(serial_number);
+
+  if (serial_number instanceof Error) {
+    return serial_number;
+  }
+
+  return serial_number.getMonth() + 1;
+};
+
+exports.NETWORKDAYS = function(start_date, end_date, holidays) {
+  return this.NETWORKDAYS.INTL(start_date, end_date, 1, holidays);
+};
+
+exports.NETWORKDAYS.INTL = function(start_date, end_date, weekend, holidays) {
+  start_date = utils.parseDate(start_date);
+
+  if (start_date instanceof Error) {
+    return start_date;
+  }
+  end_date = utils.parseDate(end_date);
+
+  if (end_date instanceof Error) {
+    return end_date;
+  }
+  if (weekend === undefined) {
+    weekend = WEEKEND_TYPES[1];
+  } else {
+    weekend = WEEKEND_TYPES[weekend];
+  }
+  if (!(weekend instanceof Array)) {
+    return error.value;
+  }
+  if (holidays === undefined) {
+    holidays = [];
+  } else if (!(holidays instanceof Array)) {
+    holidays = [holidays];
+  }
+
+  for (var i = 0; i < holidays.length; i++) {
+    var h = utils.parseDate(holidays[i]);
+    if (h instanceof Error) {
+      return h;
+    }
+    holidays[i] = h;
+  }
+  var days = (end_date - start_date) / (1000 * 60 * 60 * 24) + 1;
+  var total = days;
+  var day = start_date;
+  for (i = 0; i < days; i++) {
+    var d = (new Date().getTimezoneOffset() > 0) ? day.getUTCDay() : day.getDay();
+    var dec = false;
+    if (d === weekend[0] || d === weekend[1]) {
+      dec = true;
+    }
+    for (var j = 0; j < holidays.length; j++) {
+      var holiday = holidays[j];
+      if (holiday.getDate() === day.getDate() &&
+        holiday.getMonth() === day.getMonth() &&
+        holiday.getFullYear() === day.getFullYear()) {
+        dec = true;
+        break;
+      }
+    }
+    if (dec) {
+      total--;
+    }
+    day.setDate(day.getDate() + 1);
+  }
+
+  return total;
+};
+
+exports.NOW = function() {
+  return new Date();
+};
+
+exports.SECOND = function(serial_number) {
+  serial_number = utils.parseDate(serial_number);
+  if (serial_number instanceof Error) {
+    return serial_number;
+  }
+
+  return serial_number.getSeconds();
+};
+
+exports.TIME = function(hour, minute, second) {
+  hour = utils.parseNumber(hour);
+  minute = utils.parseNumber(minute);
+  second = utils.parseNumber(second);
+  if (utils.anyIsError(hour, minute, second)) {
+    return error.value;
+  }
+  if (hour < 0 || minute < 0 || second < 0) {
+    return error.num;
+  }
+
+  return (3600 * hour + 60 * minute + second) / 86400;
+};
+
+exports.TIMEVALUE = function(time_text) {
+  time_text = utils.parseDate(time_text);
+
+  if (time_text instanceof Error) {
+    return time_text;
+  }
+
+  return (3600 * time_text.getHours() + 60 * time_text.getMinutes() + time_text.getSeconds()) / 86400;
+};
+
+exports.TODAY = function() {
+  return new Date();
+};
+
+exports.WEEKDAY = function(serial_number, return_type) {
+  serial_number = utils.parseDate(serial_number);
+  if (serial_number instanceof Error) {
+    return serial_number;
+  }
+  if (return_type === undefined) {
+    return_type = 1;
+  }
+  var day = serial_number.getDay();
+
+  return WEEK_TYPES[return_type][day];
+};
+
+exports.WEEKNUM = function(serial_number, return_type) {
+  serial_number = utils.parseDate(serial_number);
+  if (serial_number instanceof Error) {
+    return serial_number;
+  }
+  if (return_type === undefined) {
+    return_type = 1;
+  }
+  if (return_type === 21) {
+    return this.ISOWEEKNUM(serial_number);
+  }
+  var week_start = WEEK_STARTS[return_type];
+  var jan = new Date(serial_number.getFullYear(), 0, 1);
+  var inc = jan.getDay() < week_start ? 1 : 0;
+  jan -= Math.abs(jan.getDay() - week_start) * 24 * 60 * 60 * 1000;
+
+  return Math.floor(((serial_number - jan) / (1000 * 60 * 60 * 24)) / 7 + 1) + inc;
+};
+
+exports.WORKDAY = function(start_date, days, holidays) {
+  return this.WORKDAY.INTL(start_date, days, 1, holidays);
+};
+
+exports.WORKDAY.INTL = function(start_date, days, weekend, holidays) {
+  start_date = utils.parseDate(start_date);
+  if (start_date instanceof Error) {
+    return start_date;
+  }
+  days = utils.parseNumber(days);
+  if (days instanceof Error) {
+    return days;
+  }
+  if (days < 0) {
+    return error.num;
+  }
+  if (weekend === undefined) {
+    weekend = WEEKEND_TYPES[1];
+  } else {
+    weekend = WEEKEND_TYPES[weekend];
+  }
+  if (!(weekend instanceof Array)) {
+    return error.value;
+  }
+  if (holidays === undefined) {
+    holidays = [];
+  } else if (!(holidays instanceof Array)) {
+    holidays = [holidays];
+  }
+  for (var i = 0; i < holidays.length; i++) {
+    var h = utils.parseDate(holidays[i]);
+    if (h instanceof Error) {
+      return h;
+    }
+    holidays[i] = h;
+  }
+  var d = 0;
+  while (d < days) {
+    start_date.setDate(start_date.getDate() + 1);
+    var day = start_date.getDay();
+    if (day === weekend[0] || day === weekend[1]) {
+      continue;
+    }
+    for (var j = 0; j < holidays.length; j++) {
+      var holiday = holidays[j];
+      if (holiday.getDate() === start_date.getDate() &&
+        holiday.getMonth() === start_date.getMonth() &&
+        holiday.getFullYear() === start_date.getFullYear()) {
+        d--;
+        break;
+      }
+    }
+    d++;
+  }
+
+  return start_date;
+};
+
+exports.YEAR = function(serial_number) {
+  serial_number = utils.parseDate(serial_number);
+
+  if (serial_number instanceof Error) {
+    return serial_number;
+  }
+
+  return serial_number.getFullYear();
+};
+
+function isLeapYear(year) {
+  return new Date(year, 1, 29).getMonth() === 1;
+}
+
+// TODO : Use DAYS ?
+function daysBetween(start_date, end_date) {
+  return Math.ceil((end_date - start_date) / 1000 / 60 / 60 / 24);
+}
+
+exports.YEARFRAC = function(start_date, end_date, basis) {
+  start_date = utils.parseDate(start_date);
+  if (start_date instanceof Error) {
+    return start_date;
+  }
+  end_date = utils.parseDate(end_date);
+  if (end_date instanceof Error) {
+    return end_date;
+  }
+
+  basis = basis || 0;
+  var sd = start_date.getDate();
+  var sm = start_date.getMonth() + 1;
+  var sy = start_date.getFullYear();
+  var ed = end_date.getDate();
+  var em = end_date.getMonth() + 1;
+  var ey = end_date.getFullYear();
+
+  switch (basis) {
+    case 0:
+      // US (NASD) 30/360
+      if (sd === 31 && ed === 31) {
+        sd = 30;
+        ed = 30;
+      } else if (sd === 31) {
+        sd = 30;
+      } else if (sd === 30 && ed === 31) {
+        ed = 30;
+      }
+      return ((ed + em * 30 + ey * 360) - (sd + sm * 30 + sy * 360)) / 360;
+    case 1:
+      // Actual/actual
+      var feb29Between = function(date1, date2) {
+        var year1 = date1.getFullYear();
+        var mar1year1 = new Date(year1, 2, 1);
+        if (isLeapYear(year1) && date1 < mar1year1 && date2 >= mar1year1) {
+          return true;
+        }
+        var year2 = date2.getFullYear();
+        var mar1year2 = new Date(year2, 2, 1);
+        return (isLeapYear(year2) && date2 >= mar1year2 && date1 < mar1year2);
+      };
+      var ylength = 365;
+      if (sy === ey || ((sy + 1) === ey) && ((sm > em) || ((sm === em) && (sd >= ed)))) {
+        if ((sy === ey && isLeapYear(sy)) ||
+          feb29Between(start_date, end_date) ||
+          (em === 1 && ed === 29)) {
+          ylength = 366;
+        }
+        return daysBetween(start_date, end_date) / ylength;
+      }
+      var years = (ey - sy) + 1;
+      var days = (new Date(ey + 1, 0, 1) - new Date(sy, 0, 1)) / 1000 / 60 / 60 / 24;
+      var average = days / years;
+      return daysBetween(start_date, end_date) / average;
+    case 2:
+      // Actual/360
+      return daysBetween(start_date, end_date) / 360;
+    case 3:
+      // Actual/365
+      return daysBetween(start_date, end_date) / 365;
+    case 4:
+      // European 30/360
+      return ((ed + em * 30 + ey * 360) - (sd + sm * 30 + sy * 360)) / 360;
+  }
+};
+
+function serial(date) {
+  var addOn = (date > -2203891200000) ? 2 : 1;
+
+  return Math.ceil((date - d1900) / 86400000) + addOn;
+}
+
+
+/***/ }),
+/* 8 */
+/***/ (function(module, exports, __webpack_require__) {
+
+(function (window, factory) {
+    if (true) {
+        module.exports = factory();
+    } else if (typeof define === 'function' && define.amd) {
+        define(factory);
+    } else {
+        window.jStat = factory();
+    }
+})(this, function () {
+var jStat = (function(Math, undefined) {
+
+// For quick reference.
+var concat = Array.prototype.concat;
+var slice = Array.prototype.slice;
+var toString = Object.prototype.toString;
+
+// Calculate correction for IEEE error
+// TODO: This calculation can be improved.
+function calcRdx(n, m) {
+  var val = n > m ? n : m;
+  return Math.pow(10,
+                  17 - ~~(Math.log(((val > 0) ? val : -val)) * Math.LOG10E));
+}
+
+
+var isArray = Array.isArray || function isArray(arg) {
+  return toString.call(arg) === '[object Array]';
+};
+
+
+function isFunction(arg) {
+  return toString.call(arg) === '[object Function]';
+}
+
+
+function isNumber(num) {
+  return (typeof num === 'number') ? num - num === 0 : false;
+}
+
+
+// Converts the jStat matrix to vector.
+function toVector(arr) {
+  return concat.apply([], arr);
+}
+
+
+// The one and only jStat constructor.
+function jStat() {
+  return new jStat._init(arguments);
+}
+
+
+// TODO: Remove after all references in src files have been removed.
+jStat.fn = jStat.prototype;
+
+
+// By separating the initializer from the constructor it's easier to handle
+// always returning a new instance whether "new" was used or not.
+jStat._init = function _init(args) {
+  // If first argument is an array, must be vector or matrix.
+  if (isArray(args[0])) {
+    // Check if matrix.
+    if (isArray(args[0][0])) {
+      // See if a mapping function was also passed.
+      if (isFunction(args[1]))
+        args[0] = jStat.map(args[0], args[1]);
+      // Iterate over each is faster than this.push.apply(this, args[0].
+      for (var i = 0; i < args[0].length; i++)
+        this[i] = args[0][i];
+      this.length = args[0].length;
+
+    // Otherwise must be a vector.
+    } else {
+      this[0] = isFunction(args[1]) ? jStat.map(args[0], args[1]) : args[0];
+      this.length = 1;
+    }
+
+  // If first argument is number, assume creation of sequence.
+  } else if (isNumber(args[0])) {
+    this[0] = jStat.seq.apply(null, args);
+    this.length = 1;
+
+  // Handle case when jStat object is passed to jStat.
+  } else if (args[0] instanceof jStat) {
+    // Duplicate the object and pass it back.
+    return jStat(args[0].toArray());
+
+  // Unexpected argument value, return empty jStat object.
+  // TODO: This is strange behavior. Shouldn't this throw or some such to let
+  // the user know they had bad arguments?
+  } else {
+    this[0] = [];
+    this.length = 1;
+  }
+
+  return this;
+};
+jStat._init.prototype = jStat.prototype;
+jStat._init.constructor = jStat;
+
+
+// Utility functions.
+// TODO: for internal use only?
+jStat.utils = {
+  calcRdx: calcRdx,
+  isArray: isArray,
+  isFunction: isFunction,
+  isNumber: isNumber,
+  toVector: toVector
+};
+
+
+jStat._random_fn = Math.random;
+jStat.setRandom = function setRandom(fn) {
+  if (typeof fn !== 'function')
+    throw new TypeError('fn is not a function');
+  jStat._random_fn = fn;
+};
+
+
+// Easily extend the jStat object.
+// TODO: is this seriously necessary?
+jStat.extend = function extend(obj) {
+  var i, j;
+
+  if (arguments.length === 1) {
+    for (j in obj)
+      jStat[j] = obj[j];
+    return this;
+  }
+
+  for (i = 1; i < arguments.length; i++) {
+    for (j in arguments[i])
+      obj[j] = arguments[i][j];
+  }
+
+  return obj;
+};
+
+
+// Returns the number of rows in the matrix.
+jStat.rows = function rows(arr) {
+  return arr.length || 1;
+};
+
+
+// Returns the number of columns in the matrix.
+jStat.cols = function cols(arr) {
+  return arr[0].length || 1;
+};
+
+
+// Returns the dimensions of the object { rows: i, cols: j }
+jStat.dimensions = function dimensions(arr) {
+  return {
+    rows: jStat.rows(arr),
+    cols: jStat.cols(arr)
+  };
+};
+
+
+// Returns a specified row as a vector or return a sub matrix by pick some rows
+jStat.row = function row(arr, index) {
+  if (isArray(index)) {
+    return index.map(function(i) {
+      return jStat.row(arr, i);
+    })
+  }
+  return arr[index];
+};
+
+
+// return row as array
+// rowa([[1,2],[3,4]],0) -> [1,2]
+jStat.rowa = function rowa(arr, i) {
+  return jStat.row(arr, i);
+};
+
+
+// Returns the specified column as a vector or return a sub matrix by pick some
+// columns
+jStat.col = function col(arr, index) {
+  if (isArray(index)) {
+    var submat = jStat.arange(arr.length).map(function() {
+      return new Array(index.length);
+    });
+    index.forEach(function(ind, i){
+      jStat.arange(arr.length).forEach(function(j) {
+        submat[j][i] = arr[j][ind];
+      });
+    });
+    return submat;
+  }
+  var column = new Array(arr.length);
+  for (var i = 0; i < arr.length; i++)
+    column[i] = [arr[i][index]];
+  return column;
+};
+
+
+// return column as array
+// cola([[1,2],[3,4]],0) -> [1,3]
+jStat.cola = function cola(arr, i) {
+  return jStat.col(arr, i).map(function(a){ return a[0] });
+};
+
+
+// Returns the diagonal of the matrix
+jStat.diag = function diag(arr) {
+  var nrow = jStat.rows(arr);
+  var res = new Array(nrow);
+  for (var row = 0; row < nrow; row++)
+    res[row] = [arr[row][row]];
+  return res;
+};
+
+
+// Returns the anti-diagonal of the matrix
+jStat.antidiag = function antidiag(arr) {
+  var nrow = jStat.rows(arr) - 1;
+  var res = new Array(nrow);
+  for (var i = 0; nrow >= 0; nrow--, i++)
+    res[i] = [arr[i][nrow]];
+  return res;
+};
+
+// Transpose a matrix or array.
+jStat.transpose = function transpose(arr) {
+  var obj = [];
+  var objArr, rows, cols, j, i;
+
+  // Make sure arr is in matrix format.
+  if (!isArray(arr[0]))
+    arr = [arr];
+
+  rows = arr.length;
+  cols = arr[0].length;
+
+  for (i = 0; i < cols; i++) {
+    objArr = new Array(rows);
+    for (j = 0; j < rows; j++)
+      objArr[j] = arr[j][i];
+    obj.push(objArr);
+  }
+
+  // If obj is vector, return only single array.
+  return obj.length === 1 ? obj[0] : obj;
+};
+
+
+// Map a function to an array or array of arrays.
+// "toAlter" is an internal variable.
+jStat.map = function map(arr, func, toAlter) {
+  var row, nrow, ncol, res, col;
+
+  if (!isArray(arr[0]))
+    arr = [arr];
+
+  nrow = arr.length;
+  ncol = arr[0].length;
+  res = toAlter ? arr : new Array(nrow);
+
+  for (row = 0; row < nrow; row++) {
+    // if the row doesn't exist, create it
+    if (!res[row])
+      res[row] = new Array(ncol);
+    for (col = 0; col < ncol; col++)
+      res[row][col] = func(arr[row][col], row, col);
+  }
+
+  return res.length === 1 ? res[0] : res;
+};
+
+
+// Cumulatively combine the elements of an array or array of arrays using a function.
+jStat.cumreduce = function cumreduce(arr, func, toAlter) {
+  var row, nrow, ncol, res, col;
+
+  if (!isArray(arr[0]))
+    arr = [arr];
+
+  nrow = arr.length;
+  ncol = arr[0].length;
+  res = toAlter ? arr : new Array(nrow);
+
+  for (row = 0; row < nrow; row++) {
+    // if the row doesn't exist, create it
+    if (!res[row])
+      res[row] = new Array(ncol);
+    if (ncol > 0)
+      res[row][0] = arr[row][0];
+    for (col = 1; col < ncol; col++)
+      res[row][col] = func(res[row][col-1], arr[row][col]);
+  }
+  return res.length === 1 ? res[0] : res;
+};
+
+
+// Destructively alter an array.
+jStat.alter = function alter(arr, func) {
+  return jStat.map(arr, func, true);
+};
+
+
+// Generate a rows x cols matrix according to the supplied function.
+jStat.create = function  create(rows, cols, func) {
+  var res = new Array(rows);
+  var i, j;
+
+  if (isFunction(cols)) {
+    func = cols;
+    cols = rows;
+  }
+
+  for (i = 0; i < rows; i++) {
+    res[i] = new Array(cols);
+    for (j = 0; j < cols; j++)
+      res[i][j] = func(i, j);
+  }
+
+  return res;
+};
+
+
+function retZero() { return 0; }
+
+
+// Generate a rows x cols matrix of zeros.
+jStat.zeros = function zeros(rows, cols) {
+  if (!isNumber(cols))
+    cols = rows;
+  return jStat.create(rows, cols, retZero);
+};
+
+
+function retOne() { return 1; }
+
+
+// Generate a rows x cols matrix of ones.
+jStat.ones = function ones(rows, cols) {
+  if (!isNumber(cols))
+    cols = rows;
+  return jStat.create(rows, cols, retOne);
+};
+
+
+// Generate a rows x cols matrix of uniformly random numbers.
+jStat.rand = function rand(rows, cols) {
+  if (!isNumber(cols))
+    cols = rows;
+  return jStat.create(rows, cols, jStat._random_fn);
+};
+
+
+function retIdent(i, j) { return i === j ? 1 : 0; }
+
+
+// Generate an identity matrix of size row x cols.
+jStat.identity = function identity(rows, cols) {
+  if (!isNumber(cols))
+    cols = rows;
+  return jStat.create(rows, cols, retIdent);
+};
+
+
+// Tests whether a matrix is symmetric
+jStat.symmetric = function symmetric(arr) {
+  var size = arr.length;
+  var row, col;
+
+  if (arr.length !== arr[0].length)
+    return false;
+
+  for (row = 0; row < size; row++) {
+    for (col = 0; col < size; col++)
+      if (arr[col][row] !== arr[row][col])
+        return false;
+  }
+
+  return true;
+};
+
+
+// Set all values to zero.
+jStat.clear = function clear(arr) {
+  return jStat.alter(arr, retZero);
+};
+
+
+// Generate sequence.
+jStat.seq = function seq(min, max, length, func) {
+  if (!isFunction(func))
+    func = false;
+
+  var arr = [];
+  var hival = calcRdx(min, max);
+  var step = (max * hival - min * hival) / ((length - 1) * hival);
+  var current = min;
+  var cnt;
+
+  // Current is assigned using a technique to compensate for IEEE error.
+  // TODO: Needs better implementation.
+  for (cnt = 0;
+       current <= max && cnt < length;
+       cnt++, current = (min * hival + step * hival * cnt) / hival) {
+    arr.push((func ? func(current, cnt) : current));
+  }
+
+  return arr;
+};
+
+
+// arange(5) -> [0,1,2,3,4]
+// arange(1,5) -> [1,2,3,4]
+// arange(5,1,-1) -> [5,4,3,2]
+jStat.arange = function arange(start, end, step) {
+  var rl = [];
+  var i;
+  step = step || 1;
+  if (end === undefined) {
+    end = start;
+    start = 0;
+  }
+  if (start === end || step === 0) {
+    return [];
+  }
+  if (start < end && step < 0) {
+    return [];
+  }
+  if (start > end && step > 0) {
+    return [];
+  }
+  if (step > 0) {
+    for (i = start; i < end; i += step) {
+      rl.push(i);
+    }
+  } else {
+    for (i = start; i > end; i += step) {
+      rl.push(i);
+    }
+  }
+  return rl;
+};
+
+
+// A=[[1,2,3],[4,5,6],[7,8,9]]
+// slice(A,{row:{end:2},col:{start:1}}) -> [[2,3],[5,6]]
+// slice(A,1,{start:1}) -> [5,6]
+// as numpy code A[:2,1:]
+jStat.slice = (function(){
+  function _slice(list, start, end, step) {
+    // note it's not equal to range.map mode it's a bug
+    var i;
+    var rl = [];
+    var length = list.length;
+    if (start === undefined && end === undefined && step === undefined) {
+      return jStat.copy(list);
+    }
+
+    start = start || 0;
+    end = end || list.length;
+    start = start >= 0 ? start : length + start;
+    end = end >= 0 ? end : length + end;
+    step = step || 1;
+    if (start === end || step === 0) {
+      return [];
+    }
+    if (start < end && step < 0) {
+      return [];
+    }
+    if (start > end && step > 0) {
+      return [];
+    }
+    if (step > 0) {
+      for (i = start; i < end; i += step) {
+        rl.push(list[i]);
+      }
+    } else {
+      for (i = start; i > end;i += step) {
+        rl.push(list[i]);
+      }
+    }
+    return rl;
+  }
+
+  function slice(list, rcSlice) {
+    var colSlice, rowSlice;
+    rcSlice = rcSlice || {};
+    if (isNumber(rcSlice.row)) {
+      if (isNumber(rcSlice.col))
+        return list[rcSlice.row][rcSlice.col];
+      var row = jStat.rowa(list, rcSlice.row);
+      colSlice = rcSlice.col || {};
+      return _slice(row, colSlice.start, colSlice.end, colSlice.step);
+    }
+
+    if (isNumber(rcSlice.col)) {
+      var col = jStat.cola(list, rcSlice.col);
+      rowSlice = rcSlice.row || {};
+      return _slice(col, rowSlice.start, rowSlice.end, rowSlice.step);
+    }
+
+    rowSlice = rcSlice.row || {};
+    colSlice = rcSlice.col || {};
+    var rows = _slice(list, rowSlice.start, rowSlice.end, rowSlice.step);
+    return rows.map(function(row) {
+      return _slice(row, colSlice.start, colSlice.end, colSlice.step);
+    });
+  }
+
+  return slice;
+}());
+
+
+// A=[[1,2,3],[4,5,6],[7,8,9]]
+// sliceAssign(A,{row:{start:1},col:{start:1}},[[0,0],[0,0]])
+// A=[[1,2,3],[4,0,0],[7,0,0]]
+jStat.sliceAssign = function sliceAssign(A, rcSlice, B) {
+  var nl, ml;
+  if (isNumber(rcSlice.row)) {
+    if (isNumber(rcSlice.col))
+      return A[rcSlice.row][rcSlice.col] = B;
+    rcSlice.col = rcSlice.col || {};
+    rcSlice.col.start = rcSlice.col.start || 0;
+    rcSlice.col.end = rcSlice.col.end || A[0].length;
+    rcSlice.col.step = rcSlice.col.step || 1;
+    nl = jStat.arange(rcSlice.col.start,
+                          Math.min(A.length, rcSlice.col.end),
+                          rcSlice.col.step);
+    var m = rcSlice.row;
+    nl.forEach(function(n, i) {
+      A[m][n] = B[i];
+    });
+    return A;
+  }
+
+  if (isNumber(rcSlice.col)) {
+    rcSlice.row = rcSlice.row || {};
+    rcSlice.row.start = rcSlice.row.start || 0;
+    rcSlice.row.end = rcSlice.row.end || A.length;
+    rcSlice.row.step = rcSlice.row.step || 1;
+    ml = jStat.arange(rcSlice.row.start,
+                          Math.min(A[0].length, rcSlice.row.end),
+                          rcSlice.row.step);
+    var n = rcSlice.col;
+    ml.forEach(function(m, j) {
+      A[m][n] = B[j];
+    });
+    return A;
+  }
+
+  if (B[0].length === undefined) {
+    B = [B];
+  }
+  rcSlice.row.start = rcSlice.row.start || 0;
+  rcSlice.row.end = rcSlice.row.end || A.length;
+  rcSlice.row.step = rcSlice.row.step || 1;
+  rcSlice.col.start = rcSlice.col.start || 0;
+  rcSlice.col.end = rcSlice.col.end || A[0].length;
+  rcSlice.col.step = rcSlice.col.step || 1;
+  ml = jStat.arange(rcSlice.row.start,
+                        Math.min(A.length, rcSlice.row.end),
+                        rcSlice.row.step);
+  nl = jStat.arange(rcSlice.col.start,
+                        Math.min(A[0].length, rcSlice.col.end),
+                        rcSlice.col.step);
+  ml.forEach(function(m, i) {
+    nl.forEach(function(n, j) {
+      A[m][n] = B[i][j];
+    });
+  });
+  return A;
+};
+
+
+// [1,2,3] ->
+// [[1,0,0],[0,2,0],[0,0,3]]
+jStat.diagonal = function diagonal(diagArray) {
+  var mat = jStat.zeros(diagArray.length, diagArray.length);
+  diagArray.forEach(function(t, i) {
+    mat[i][i] = t;
+  });
+  return mat;
+};
+
+
+// return copy of A
+jStat.copy = function copy(A) {
+  return A.map(function(row) {
+    if (isNumber(row))
+      return row;
+    return row.map(function(t) {
+      return t;
+    });
+  });
+};
+
+
+// TODO: Go over this entire implementation. Seems a tragic waste of resources
+// doing all this work. Instead, and while ugly, use new Function() to generate
+// a custom function for each static method.
+
+// Quick reference.
+var jProto = jStat.prototype;
+
+// Default length.
+jProto.length = 0;
+
+// For internal use only.
+// TODO: Check if they're actually used, and if they are then rename them
+// to _*
+jProto.push = Array.prototype.push;
+jProto.sort = Array.prototype.sort;
+jProto.splice = Array.prototype.splice;
+jProto.slice = Array.prototype.slice;
+
+
+// Return a clean array.
+jProto.toArray = function toArray() {
+  return this.length > 1 ? slice.call(this) : slice.call(this)[0];
+};
+
+
+// Map a function to a matrix or vector.
+jProto.map = function map(func, toAlter) {
+  return jStat(jStat.map(this, func, toAlter));
+};
+
+
+// Cumulatively combine the elements of a matrix or vector using a function.
+jProto.cumreduce = function cumreduce(func, toAlter) {
+  return jStat(jStat.cumreduce(this, func, toAlter));
+};
+
+
+// Destructively alter an array.
+jProto.alter = function alter(func) {
+  jStat.alter(this, func);
+  return this;
+};
+
+
+// Extend prototype with methods that have no argument.
+(function(funcs) {
+  for (var i = 0; i < funcs.length; i++) (function(passfunc) {
+    jProto[passfunc] = function(func) {
+      var self = this,
+      results;
+      // Check for callback.
+      if (func) {
+        setTimeout(function() {
+          func.call(self, jProto[passfunc].call(self));
+        });
+        return this;
+      }
+      results = jStat[passfunc](this);
+      return isArray(results) ? jStat(results) : results;
+    };
+  })(funcs[i]);
+})('transpose clear symmetric rows cols dimensions diag antidiag'.split(' '));
+
+
+// Extend prototype with methods that have one argument.
+(function(funcs) {
+  for (var i = 0; i < funcs.length; i++) (function(passfunc) {
+    jProto[passfunc] = function(index, func) {
+      var self = this;
+      // check for callback
+      if (func) {
+        setTimeout(function() {
+          func.call(self, jProto[passfunc].call(self, index));
+        });
+        return this;
+      }
+      return jStat(jStat[passfunc](this, index));
+    };
+  })(funcs[i]);
+})('row col'.split(' '));
+
+
+// Extend prototype with simple shortcut methods.
+(function(funcs) {
+  for (var i = 0; i < funcs.length; i++) (function(passfunc) {
+    jProto[passfunc] = function() {
+      return jStat(jStat[passfunc].apply(null, arguments));
+    };
+  })(funcs[i]);
+})('create zeros ones rand identity'.split(' '));
+
+
+// Exposing jStat.
+return jStat;
+
+}(Math));
+(function(jStat, Math) {
+
+var isFunction = jStat.utils.isFunction;
+
+// Ascending functions for sort
+function ascNum(a, b) { return a - b; }
+
+function clip(arg, min, max) {
+  return Math.max(min, Math.min(arg, max));
+}
+
+
+// sum of an array
+jStat.sum = function sum(arr) {
+  var sum = 0;
+  var i = arr.length;
+  while (--i >= 0)
+    sum += arr[i];
+  return sum;
+};
+
+
+// sum squared
+jStat.sumsqrd = function sumsqrd(arr) {
+  var sum = 0;
+  var i = arr.length;
+  while (--i >= 0)
+    sum += arr[i] * arr[i];
+  return sum;
+};
+
+
+// sum of squared errors of prediction (SSE)
+jStat.sumsqerr = function sumsqerr(arr) {
+  var mean = jStat.mean(arr);
+  var sum = 0;
+  var i = arr.length;
+  var tmp;
+  while (--i >= 0) {
+    tmp = arr[i] - mean;
+    sum += tmp * tmp;
+  }
+  return sum;
+};
+
+// sum of an array in each row
+jStat.sumrow = function sumrow(arr) {
+  var sum = 0;
+  var i = arr.length;
+  while (--i >= 0)
+    sum += arr[i];
+  return sum;
+};
+
+// product of an array
+jStat.product = function product(arr) {
+  var prod = 1;
+  var i = arr.length;
+  while (--i >= 0)
+    prod *= arr[i];
+  return prod;
+};
+
+
+// minimum value of an array
+jStat.min = function min(arr) {
+  var low = arr[0];
+  var i = 0;
+  while (++i < arr.length)
+    if (arr[i] < low)
+      low = arr[i];
+  return low;
+};
+
+
+// maximum value of an array
+jStat.max = function max(arr) {
+  var high = arr[0];
+  var i = 0;
+  while (++i < arr.length)
+    if (arr[i] > high)
+      high = arr[i];
+  return high;
+};
+
+
+// unique values of an array
+jStat.unique = function unique(arr) {
+  var hash = {}, _arr = [];
+  for(var i = 0; i < arr.length; i++) {
+    if (!hash[arr[i]]) {
+      hash[arr[i]] = true;
+      _arr.push(arr[i]);
+    }
+  }
+  return _arr;
+};
+
+
+// mean value of an array
+jStat.mean = function mean(arr) {
+  return jStat.sum(arr) / arr.length;
+};
+
+
+// mean squared error (MSE)
+jStat.meansqerr = function meansqerr(arr) {
+  return jStat.sumsqerr(arr) / arr.length;
+};
+
+
+// geometric mean of an array
+jStat.geomean = function geomean(arr) {
+  return Math.pow(jStat.product(arr), 1 / arr.length);
+};
+
+
+// median of an array
+jStat.median = function median(arr) {
+  var arrlen = arr.length;
+  var _arr = arr.slice().sort(ascNum);
+  // check if array is even or odd, then return the appropriate
+  return !(arrlen & 1)
+    ? (_arr[(arrlen / 2) - 1 ] + _arr[(arrlen / 2)]) / 2
+    : _arr[(arrlen / 2) | 0 ];
+};
+
+
+// cumulative sum of an array
+jStat.cumsum = function cumsum(arr) {
+  return jStat.cumreduce(arr, function (a, b) { return a + b; });
+};
+
+
+// cumulative product of an array
+jStat.cumprod = function cumprod(arr) {
+  return jStat.cumreduce(arr, function (a, b) { return a * b; });
+};
+
+
+// successive differences of a sequence
+jStat.diff = function diff(arr) {
+  var diffs = [];
+  var arrLen = arr.length;
+  var i;
+  for (i = 1; i < arrLen; i++)
+    diffs.push(arr[i] - arr[i - 1]);
+  return diffs;
+};
+
+
+// ranks of an array
+jStat.rank = function (arr) {
+  var arrlen = arr.length;
+  var sorted = arr.slice().sort(ascNum);
+  var ranks = new Array(arrlen);
+  var val;
+  for (var i = 0; i < arrlen; i++) {
+    var first = sorted.indexOf(arr[i]);
+    var last = sorted.lastIndexOf(arr[i]);
+    if (first === last) {
+      val = first;
+    } else {
+      val = (first + last) / 2;
+    }
+    ranks[i] = val + 1;
+  }
+  return ranks;
+};
+
+
+// mode of an array
+// if there are multiple modes of an array, return all of them
+// is this the appropriate way of handling it?
+jStat.mode = function mode(arr) {
+  var arrLen = arr.length;
+  var _arr = arr.slice().sort(ascNum);
+  var count = 1;
+  var maxCount = 0;
+  var numMaxCount = 0;
+  var mode_arr = [];
+  var i;
+
+  for (i = 0; i < arrLen; i++) {
+    if (_arr[i] === _arr[i + 1]) {
+      count++;
+    } else {
+      if (count > maxCount) {
+        mode_arr = [_arr[i]];
+        maxCount = count;
+        numMaxCount = 0;
+      }
+      // are there multiple max counts
+      else if (count === maxCount) {
+        mode_arr.push(_arr[i]);
+        numMaxCount++;
+      }
+      // resetting count for new value in array
+      count = 1;
+    }
+  }
+
+  return numMaxCount === 0 ? mode_arr[0] : mode_arr;
+};
+
+
+// range of an array
+jStat.range = function range(arr) {
+  return jStat.max(arr) - jStat.min(arr);
+};
+
+// variance of an array
+// flag = true indicates sample instead of population
+jStat.variance = function variance(arr, flag) {
+  return jStat.sumsqerr(arr) / (arr.length - (flag ? 1 : 0));
+};
+
+// pooled variance of an array of arrays
+jStat.pooledvariance = function pooledvariance(arr) {
+  var sumsqerr = arr.reduce(function (a, samples) {return a + jStat.sumsqerr(samples);}, 0);
+  var count = arr.reduce(function (a, samples) {return a + samples.length;}, 0);
+  return sumsqerr / (count - arr.length);
+};
+
+// deviation of an array
+jStat.deviation = function (arr) {
+  var mean = jStat.mean(arr);
+  var arrlen = arr.length;
+  var dev = new Array(arrlen);
+  for (var i = 0; i < arrlen; i++) {
+    dev[i] = arr[i] - mean;
+  }
+  return dev;
+};
+
+// standard deviation of an array
+// flag = true indicates sample instead of population
+jStat.stdev = function stdev(arr, flag) {
+  return Math.sqrt(jStat.variance(arr, flag));
+};
+
+// pooled standard deviation of an array of arrays
+jStat.pooledstdev = function pooledstdev(arr) {
+  return Math.sqrt(jStat.pooledvariance(arr));
+};
+
+// mean deviation (mean absolute deviation) of an array
+jStat.meandev = function meandev(arr) {
+  var mean = jStat.mean(arr);
+  var a = [];
+  for (var i = arr.length - 1; i >= 0; i--) {
+    a.push(Math.abs(arr[i] - mean));
+  }
+  return jStat.mean(a);
+};
+
+
+// median deviation (median absolute deviation) of an array
+jStat.meddev = function meddev(arr) {
+  var median = jStat.median(arr);
+  var a = [];
+  for (var i = arr.length - 1; i >= 0; i--) {
+    a.push(Math.abs(arr[i] - median));
+  }
+  return jStat.median(a);
+};
+
+
+// coefficient of variation
+jStat.coeffvar = function coeffvar(arr) {
+  return jStat.stdev(arr) / jStat.mean(arr);
+};
+
+
+// quartiles of an array
+jStat.quartiles = function quartiles(arr) {
+  var arrlen = arr.length;
+  var _arr = arr.slice().sort(ascNum);
+  return [
+    _arr[ Math.round((arrlen) / 4) - 1 ],
+    _arr[ Math.round((arrlen) / 2) - 1 ],
+    _arr[ Math.round((arrlen) * 3 / 4) - 1 ]
+  ];
+};
+
+
+// Arbitary quantiles of an array. Direct port of the scipy.stats
+// implementation by Pierre GF Gerard-Marchant.
+jStat.quantiles = function quantiles(arr, quantilesArray, alphap, betap) {
+  var sortedArray = arr.slice().sort(ascNum);
+  var quantileVals = [quantilesArray.length];
+  var n = arr.length;
+  var i, p, m, aleph, k, gamma;
+
+  if (typeof alphap === 'undefined')
+    alphap = 3 / 8;
+  if (typeof betap === 'undefined')
+    betap = 3 / 8;
+
+  for (i = 0; i < quantilesArray.length; i++) {
+    p = quantilesArray[i];
+    m = alphap + p * (1 - alphap - betap);
+    aleph = n * p + m;
+    k = Math.floor(clip(aleph, 1, n - 1));
+    gamma = clip(aleph - k, 0, 1);
+    quantileVals[i] = (1 - gamma) * sortedArray[k - 1] + gamma * sortedArray[k];
+  }
+
+  return quantileVals;
+};
+
+// Return the k-th percentile of values in a range, where k is in the range 0..1, inclusive.
+// Passing true for the exclusive parameter excludes both endpoints of the range.
+jStat.percentile = function percentile(arr, k, exclusive) {
+  var _arr = arr.slice().sort(ascNum);
+  var realIndex = k * (_arr.length + (exclusive ? 1 : -1)) + (exclusive ? 0 : 1);
+  var index = parseInt(realIndex);
+  var frac = realIndex - index;
+  if (index + 1 < _arr.length) {
+    return _arr[index - 1] + frac * (_arr[index] - _arr[index - 1]);
+  } else {
+    return _arr[index - 1];
+  }
+}
+
+// The percentile rank of score in a given array. Returns the percentage
+// of all values in the input array that are less than (kind='strict') or
+// less or equal than (kind='weak') score. Default is weak.
+jStat.percentileOfScore = function percentileOfScore(arr, score, kind) {
+  var counter = 0;
+  var len = arr.length;
+  var strict = false;
+  var value, i;
+
+  if (kind === 'strict')
+    strict = true;
+
+  for (i = 0; i < len; i++) {
+    value = arr[i];
+    if ((strict && value < score) ||
+        (!strict && value <= score)) {
+      counter++;
+    }
+  }
+
+  return counter / len;
+};
+
+
+// Histogram (bin count) data
+jStat.histogram = function histogram(arr, binCnt) {
+  binCnt = binCnt || 4;
+  var first = jStat.min(arr);
+  var binWidth = (jStat.max(arr) - first) / binCnt;
+  var len = arr.length;
+  var bins = [];
+  var i;
+
+  for (i = 0; i < binCnt; i++)
+    bins[i] = 0;
+  for (i = 0; i < len; i++)
+    bins[Math.min(Math.floor(((arr[i] - first) / binWidth)), binCnt - 1)] += 1;
+
+  return bins;
+};
+
+
+// covariance of two arrays
+jStat.covariance = function covariance(arr1, arr2) {
+  var u = jStat.mean(arr1);
+  var v = jStat.mean(arr2);
+  var arr1Len = arr1.length;
+  var sq_dev = new Array(arr1Len);
+  var i;
+
+  for (i = 0; i < arr1Len; i++)
+    sq_dev[i] = (arr1[i] - u) * (arr2[i] - v);
+
+  return jStat.sum(sq_dev) / (arr1Len - 1);
+};
+
+
+// (pearson's) population correlation coefficient, rho
+jStat.corrcoeff = function corrcoeff(arr1, arr2) {
+  return jStat.covariance(arr1, arr2) /
+      jStat.stdev(arr1, 1) /
+      jStat.stdev(arr2, 1);
+};
+
+  // (spearman's) rank correlation coefficient, sp
+jStat.spearmancoeff =  function (arr1, arr2) {
+  arr1 = jStat.rank(arr1);
+  arr2 = jStat.rank(arr2);
+  //return pearson's correlation of the ranks:
+  return jStat.corrcoeff(arr1, arr2);
+}
+
+
+// statistical standardized moments (general form of skew/kurt)
+jStat.stanMoment = function stanMoment(arr, n) {
+  var mu = jStat.mean(arr);
+  var sigma = jStat.stdev(arr);
+  var len = arr.length;
+  var skewSum = 0;
+
+  for (var i = 0; i < len; i++)
+    skewSum += Math.pow((arr[i] - mu) / sigma, n);
+
+  return skewSum / arr.length;
+};
+
+// (pearson's) moment coefficient of skewness
+jStat.skewness = function skewness(arr) {
+  return jStat.stanMoment(arr, 3);
+};
+
+// (pearson's) (excess) kurtosis
+jStat.kurtosis = function kurtosis(arr) {
+  return jStat.stanMoment(arr, 4) - 3;
+};
+
+
+var jProto = jStat.prototype;
+
+
+// Extend jProto with method for calculating cumulative sums and products.
+// This differs from the similar extension below as cumsum and cumprod should
+// not be run again in the case fullbool === true.
+// If a matrix is passed, automatically assume operation should be done on the
+// columns.
+(function(funcs) {
+  for (var i = 0; i < funcs.length; i++) (function(passfunc) {
+    // If a matrix is passed, automatically assume operation should be done on
+    // the columns.
+    jProto[passfunc] = function(fullbool, func) {
+      var arr = [];
+      var i = 0;
+      var tmpthis = this;
+      // Assignment reassignation depending on how parameters were passed in.
+      if (isFunction(fullbool)) {
+        func = fullbool;
+        fullbool = false;
+      }
+      // Check if a callback was passed with the function.
+      if (func) {
+        setTimeout(function() {
+          func.call(tmpthis, jProto[passfunc].call(tmpthis, fullbool));
+        });
+        return this;
+      }
+      // Check if matrix and run calculations.
+      if (this.length > 1) {
+        tmpthis = fullbool === true ? this : this.transpose();
+        for (; i < tmpthis.length; i++)
+          arr[i] = jStat[passfunc](tmpthis[i]);
+        return arr;
+      }
+      // Pass fullbool if only vector, not a matrix. for variance and stdev.
+      return jStat[passfunc](this[0], fullbool);
+    };
+  })(funcs[i]);
+})(('cumsum cumprod').split(' '));
+
+
+// Extend jProto with methods which don't require arguments and work on columns.
+(function(funcs) {
+  for (var i = 0; i < funcs.length; i++) (function(passfunc) {
+    // If a matrix is passed, automatically assume operation should be done on
+    // the columns.
+    jProto[passfunc] = function(fullbool, func) {
+      var arr = [];
+      var i = 0;
+      var tmpthis = this;
+      // Assignment reassignation depending on how parameters were passed in.
+      if (isFunction(fullbool)) {
+        func = fullbool;
+        fullbool = false;
+      }
+      // Check if a callback was passed with the function.
+      if (func) {
+        setTimeout(function() {
+          func.call(tmpthis, jProto[passfunc].call(tmpthis, fullbool));
+        });
+        return this;
+      }
+      // Check if matrix and run calculations.
+      if (this.length > 1) {
+        if (passfunc !== 'sumrow')
+          tmpthis = fullbool === true ? this : this.transpose();
+        for (; i < tmpthis.length; i++)
+          arr[i] = jStat[passfunc](tmpthis[i]);
+        return fullbool === true
+            ? jStat[passfunc](jStat.utils.toVector(arr))
+            : arr;
+      }
+      // Pass fullbool if only vector, not a matrix. for variance and stdev.
+      return jStat[passfunc](this[0], fullbool);
+    };
+  })(funcs[i]);
+})(('sum sumsqrd sumsqerr sumrow product min max unique mean meansqerr ' +
+    'geomean median diff rank mode range variance deviation stdev meandev ' +
+    'meddev coeffvar quartiles histogram skewness kurtosis').split(' '));
+
+
+// Extend jProto with functions that take arguments. Operations on matrices are
+// done on columns.
+(function(funcs) {
+  for (var i = 0; i < funcs.length; i++) (function(passfunc) {
+    jProto[passfunc] = function() {
+      var arr = [];
+      var i = 0;
+      var tmpthis = this;
+      var args = Array.prototype.slice.call(arguments);
+      var callbackFunction;
+
+      // If the last argument is a function, we assume it's a callback; we
+      // strip the callback out and call the function again.
+      if (isFunction(args[args.length - 1])) {
+        callbackFunction = args[args.length - 1];
+        var argsToPass = args.slice(0, args.length - 1);
+
+        setTimeout(function() {
+          callbackFunction.call(tmpthis,
+                                jProto[passfunc].apply(tmpthis, argsToPass));
+        });
+        return this;
+
+      // Otherwise we curry the function args and call normally.
+      } else {
+        callbackFunction = undefined;
+        var curriedFunction = function curriedFunction(vector) {
+          return jStat[passfunc].apply(tmpthis, [vector].concat(args));
+        }
+      }
+
+      // If this is a matrix, run column-by-column.
+      if (this.length > 1) {
+        tmpthis = tmpthis.transpose();
+        for (; i < tmpthis.length; i++)
+          arr[i] = curriedFunction(tmpthis[i]);
+        return arr;
+      }
+
+      // Otherwise run on the vector.
+      return curriedFunction(this[0]);
+    };
+  })(funcs[i]);
+})('quantiles percentileOfScore'.split(' '));
+
+}(jStat, Math));
+// Special functions //
+(function(jStat, Math) {
+
+// Log-gamma function
+jStat.gammaln = function gammaln(x) {
+  var j = 0;
+  var cof = [
+    76.18009172947146, -86.50532032941677, 24.01409824083091,
+    -1.231739572450155, 0.1208650973866179e-2, -0.5395239384953e-5
+  ];
+  var ser = 1.000000000190015;
+  var xx, y, tmp;
+  tmp = (y = xx = x) + 5.5;
+  tmp -= (xx + 0.5) * Math.log(tmp);
+  for (; j < 6; j++)
+    ser += cof[j] / ++y;
+  return Math.log(2.5066282746310005 * ser / xx) - tmp;
+};
+
+/*
+ * log-gamma function to support poisson distribution sampling. The
+ * algorithm comes from SPECFUN by Shanjie Zhang and Jianming Jin and their
+ * book "Computation of Special Functions", 1996, John Wiley & Sons, Inc.
+ */
+jStat.loggam = function loggam(x) {
+  var x0, x2, xp, gl, gl0;
+  var k, n;
+
+  var a = [8.333333333333333e-02, -2.777777777777778e-03,
+          7.936507936507937e-04, -5.952380952380952e-04,
+          8.417508417508418e-04, -1.917526917526918e-03,
+          6.410256410256410e-03, -2.955065359477124e-02,
+          1.796443723688307e-01, -1.39243221690590e+00];
+  x0 = x;
+  n = 0;
+  if ((x == 1.0) || (x == 2.0)) {
+      return 0.0;
+  }
+  if (x <= 7.0) {
+      n = Math.floor(7 - x);
+      x0 = x + n;
+  }
+  x2 = 1.0 / (x0 * x0);
+  xp = 2 * Math.PI;
+  gl0 = a[9];
+  for (k = 8; k >= 0; k--) {
+      gl0 *= x2;
+      gl0 += a[k];
+  }
+  gl = gl0 / x0 + 0.5 * Math.log(xp) + (x0 - 0.5) * Math.log(x0) - x0;
+  if (x <= 7.0) {
+      for (k = 1; k <= n; k++) {
+          gl -= Math.log(x0 - 1.0);
+          x0 -= 1.0;
+      }
+  }
+  return gl;
+}
+
+// gamma of x
+jStat.gammafn = function gammafn(x) {
+  var p = [-1.716185138865495, 24.76565080557592, -379.80425647094563,
+           629.3311553128184, 866.9662027904133, -31451.272968848367,
+           -36144.413418691176, 66456.14382024054
+  ];
+  var q = [-30.8402300119739, 315.35062697960416, -1015.1563674902192,
+           -3107.771671572311, 22538.118420980151, 4755.8462775278811,
+           -134659.9598649693, -115132.2596755535];
+  var fact = false;
+  var n = 0;
+  var xden = 0;
+  var xnum = 0;
+  var y = x;
+  var i, z, yi, res;
+  if (y <= 0) {
+    res = y % 1 + 3.6e-16;
+    if (res) {
+      fact = (!(y & 1) ? 1 : -1) * Math.PI / Math.sin(Math.PI * res);
+      y = 1 - y;
+    } else {
+      return Infinity;
+    }
+  }
+  yi = y;
+  if (y < 1) {
+    z = y++;
+  } else {
+    z = (y -= n = (y | 0) - 1) - 1;
+  }
+  for (i = 0; i < 8; ++i) {
+    xnum = (xnum + p[i]) * z;
+    xden = xden * z + q[i];
+  }
+  res = xnum / xden + 1;
+  if (yi < y) {
+    res /= yi;
+  } else if (yi > y) {
+    for (i = 0; i < n; ++i) {
+      res *= y;
+      y++;
+    }
+  }
+  if (fact) {
+    res = fact / res;
+  }
+  return res;
+};
+
+
+// lower incomplete gamma function, which is usually typeset with a
+// lower-case greek gamma as the function symbol
+jStat.gammap = function gammap(a, x) {
+  return jStat.lowRegGamma(a, x) * jStat.gammafn(a);
+};
+
+
+// The lower regularized incomplete gamma function, usually written P(a,x)
+jStat.lowRegGamma = function lowRegGamma(a, x) {
+  var aln = jStat.gammaln(a);
+  var ap = a;
+  var sum = 1 / a;
+  var del = sum;
+  var b = x + 1 - a;
+  var c = 1 / 1.0e-30;
+  var d = 1 / b;
+  var h = d;
+  var i = 1;
+  // calculate maximum number of itterations required for a
+  var ITMAX = -~(Math.log((a >= 1) ? a : 1 / a) * 8.5 + a * 0.4 + 17);
+  var an;
+
+  if (x < 0 || a <= 0) {
+    return NaN;
+  } else if (x < a + 1) {
+    for (; i <= ITMAX; i++) {
+      sum += del *= x / ++ap;
+    }
+    return (sum * Math.exp(-x + a * Math.log(x) - (aln)));
+  }
+
+  for (; i <= ITMAX; i++) {
+    an = -i * (i - a);
+    b += 2;
+    d = an * d + b;
+    c = b + an / c;
+    d = 1 / d;
+    h *= d * c;
+  }
+
+  return (1 - h * Math.exp(-x + a * Math.log(x) - (aln)));
+};
+
+// natural log factorial of n
+jStat.factorialln = function factorialln(n) {
+  return n < 0 ? NaN : jStat.gammaln(n + 1);
+};
+
+// factorial of n
+jStat.factorial = function factorial(n) {
+  return n < 0 ? NaN : jStat.gammafn(n + 1);
+};
+
+// combinations of n, m
+jStat.combination = function combination(n, m) {
+  // make sure n or m don't exceed the upper limit of usable values
+  return (n > 170 || m > 170)
+      ? Math.exp(jStat.combinationln(n, m))
+      : (jStat.factorial(n) / jStat.factorial(m)) / jStat.factorial(n - m);
+};
+
+
+jStat.combinationln = function combinationln(n, m){
+  return jStat.factorialln(n) - jStat.factorialln(m) - jStat.factorialln(n - m);
+};
+
+
+// permutations of n, m
+jStat.permutation = function permutation(n, m) {
+  return jStat.factorial(n) / jStat.factorial(n - m);
+};
+
+
+// beta function
+jStat.betafn = function betafn(x, y) {
+  // ensure arguments are positive
+  if (x <= 0 || y <= 0)
+    return undefined;
+  // make sure x + y doesn't exceed the upper limit of usable values
+  return (x + y > 170)
+      ? Math.exp(jStat.betaln(x, y))
+      : jStat.gammafn(x) * jStat.gammafn(y) / jStat.gammafn(x + y);
+};
+
+
+// natural logarithm of beta function
+jStat.betaln = function betaln(x, y) {
+  return jStat.gammaln(x) + jStat.gammaln(y) - jStat.gammaln(x + y);
+};
+
+
+// Evaluates the continued fraction for incomplete beta function by modified
+// Lentz's method.
+jStat.betacf = function betacf(x, a, b) {
+  var fpmin = 1e-30;
+  var m = 1;
+  var qab = a + b;
+  var qap = a + 1;
+  var qam = a - 1;
+  var c = 1;
+  var d = 1 - qab * x / qap;
+  var m2, aa, del, h;
+
+  // These q's will be used in factors that occur in the coefficients
+  if (Math.abs(d) < fpmin)
+    d = fpmin;
+  d = 1 / d;
+  h = d;
+
+  for (; m <= 100; m++) {
+    m2 = 2 * m;
+    aa = m * (b - m) * x / ((qam + m2) * (a + m2));
+    // One step (the even one) of the recurrence
+    d = 1 + aa * d;
+    if (Math.abs(d) < fpmin)
+      d = fpmin;
+    c = 1 + aa / c;
+    if (Math.abs(c) < fpmin)
+      c = fpmin;
+    d = 1 / d;
+    h *= d * c;
+    aa = -(a + m) * (qab + m) * x / ((a + m2) * (qap + m2));
+    // Next step of the recurrence (the odd one)
+    d = 1 + aa * d;
+    if (Math.abs(d) < fpmin)
+      d = fpmin;
+    c = 1 + aa / c;
+    if (Math.abs(c) < fpmin)
+      c = fpmin;
+    d = 1 / d;
+    del = d * c;
+    h *= del;
+    if (Math.abs(del - 1.0) < 3e-7)
+      break;
+  }
+
+  return h;
+};
+
+
+// Returns the inverse of the lower regularized inomplete gamma function
+jStat.gammapinv = function gammapinv(p, a) {
+  var j = 0;
+  var a1 = a - 1;
+  var EPS = 1e-8;
+  var gln = jStat.gammaln(a);
+  var x, err, t, u, pp, lna1, afac;
+
+  if (p >= 1)
+    return Math.max(100, a + 100 * Math.sqrt(a));
+  if (p <= 0)
+    return 0;
+  if (a > 1) {
+    lna1 = Math.log(a1);
+    afac = Math.exp(a1 * (lna1 - 1) - gln);
+    pp = (p < 0.5) ? p : 1 - p;
+    t = Math.sqrt(-2 * Math.log(pp));
+    x = (2.30753 + t * 0.27061) / (1 + t * (0.99229 + t * 0.04481)) - t;
+    if (p < 0.5)
+      x = -x;
+    x = Math.max(1e-3,
+                 a * Math.pow(1 - 1 / (9 * a) - x / (3 * Math.sqrt(a)), 3));
+  } else {
+    t = 1 - a * (0.253 + a * 0.12);
+    if (p < t)
+      x = Math.pow(p / t, 1 / a);
+    else
+      x = 1 - Math.log(1 - (p - t) / (1 - t));
+  }
+
+  for(; j < 12; j++) {
+    if (x <= 0)
+      return 0;
+    err = jStat.lowRegGamma(a, x) - p;
+    if (a > 1)
+      t = afac * Math.exp(-(x - a1) + a1 * (Math.log(x) - lna1));
+    else
+      t = Math.exp(-x + a1 * Math.log(x) - gln);
+    u = err / t;
+    x -= (t = u / (1 - 0.5 * Math.min(1, u * ((a - 1) / x - 1))));
+    if (x <= 0)
+      x = 0.5 * (x + t);
+    if (Math.abs(t) < EPS * x)
+      break;
+  }
+
+  return x;
+};
+
+
+// Returns the error function erf(x)
+jStat.erf = function erf(x) {
+  var cof = [-1.3026537197817094, 6.4196979235649026e-1, 1.9476473204185836e-2,
+             -9.561514786808631e-3, -9.46595344482036e-4, 3.66839497852761e-4,
+             4.2523324806907e-5, -2.0278578112534e-5, -1.624290004647e-6,
+             1.303655835580e-6, 1.5626441722e-8, -8.5238095915e-8,
+             6.529054439e-9, 5.059343495e-9, -9.91364156e-10,
+             -2.27365122e-10, 9.6467911e-11, 2.394038e-12,
+             -6.886027e-12, 8.94487e-13, 3.13092e-13,
+             -1.12708e-13, 3.81e-16, 7.106e-15,
+             -1.523e-15, -9.4e-17, 1.21e-16,
+             -2.8e-17];
+  var j = cof.length - 1;
+  var isneg = false;
+  var d = 0;
+  var dd = 0;
+  var t, ty, tmp, res;
+
+  if (x < 0) {
+    x = -x;
+    isneg = true;
+  }
+
+  t = 2 / (2 + x);
+  ty = 4 * t - 2;
+
+  for(; j > 0; j--) {
+    tmp = d;
+    d = ty * d - dd + cof[j];
+    dd = tmp;
+  }
+
+  res = t * Math.exp(-x * x + 0.5 * (cof[0] + ty * d) - dd);
+  return isneg ? res - 1 : 1 - res;
+};
+
+
+// Returns the complmentary error function erfc(x)
+jStat.erfc = function erfc(x) {
+  return 1 - jStat.erf(x);
+};
+
+
+// Returns the inverse of the complementary error function
+jStat.erfcinv = function erfcinv(p) {
+  var j = 0;
+  var x, err, t, pp;
+  if (p >= 2)
+    return -100;
+  if (p <= 0)
+    return 100;
+  pp = (p < 1) ? p : 2 - p;
+  t = Math.sqrt(-2 * Math.log(pp / 2));
+  x = -0.70711 * ((2.30753 + t * 0.27061) /
+                  (1 + t * (0.99229 + t * 0.04481)) - t);
+  for (; j < 2; j++) {
+    err = jStat.erfc(x) - pp;
+    x += err / (1.12837916709551257 * Math.exp(-x * x) - x * err);
+  }
+  return (p < 1) ? x : -x;
+};
+
+
+// Returns the inverse of the incomplete beta function
+jStat.ibetainv = function ibetainv(p, a, b) {
+  var EPS = 1e-8;
+  var a1 = a - 1;
+  var b1 = b - 1;
+  var j = 0;
+  var lna, lnb, pp, t, u, err, x, al, h, w, afac;
+  if (p <= 0)
+    return 0;
+  if (p >= 1)
+    return 1;
+  if (a >= 1 && b >= 1) {
+    pp = (p < 0.5) ? p : 1 - p;
+    t = Math.sqrt(-2 * Math.log(pp));
+    x = (2.30753 + t * 0.27061) / (1 + t* (0.99229 + t * 0.04481)) - t;
+    if (p < 0.5)
+      x = -x;
+    al = (x * x - 3) / 6;
+    h = 2 / (1 / (2 * a - 1)  + 1 / (2 * b - 1));
+    w = (x * Math.sqrt(al + h) / h) - (1 / (2 * b - 1) - 1 / (2 * a - 1)) *
+        (al + 5 / 6 - 2 / (3 * h));
+    x = a / (a + b * Math.exp(2 * w));
+  } else {
+    lna = Math.log(a / (a + b));
+    lnb = Math.log(b / (a + b));
+    t = Math.exp(a * lna) / a;
+    u = Math.exp(b * lnb) / b;
+    w = t + u;
+    if (p < t / w)
+      x = Math.pow(a * w * p, 1 / a);
+    else
+      x = 1 - Math.pow(b * w * (1 - p), 1 / b);
+  }
+  afac = -jStat.gammaln(a) - jStat.gammaln(b) + jStat.gammaln(a + b);
+  for(; j < 10; j++) {
+    if (x === 0 || x === 1)
+      return x;
+    err = jStat.ibeta(x, a, b) - p;
+    t = Math.exp(a1 * Math.log(x) + b1 * Math.log(1 - x) + afac);
+    u = err / t;
+    x -= (t = u / (1 - 0.5 * Math.min(1, u * (a1 / x - b1 / (1 - x)))));
+    if (x <= 0)
+      x = 0.5 * (x + t);
+    if (x >= 1)
+      x = 0.5 * (x + t + 1);
+    if (Math.abs(t) < EPS * x && j > 0)
+      break;
+  }
+  return x;
+};
+
+
+// Returns the incomplete beta function I_x(a,b)
+jStat.ibeta = function ibeta(x, a, b) {
+  // Factors in front of the continued fraction.
+  var bt = (x === 0 || x === 1) ?  0 :
+    Math.exp(jStat.gammaln(a + b) - jStat.gammaln(a) -
+             jStat.gammaln(b) + a * Math.log(x) + b *
+             Math.log(1 - x));
+  if (x < 0 || x > 1)
+    return false;
+  if (x < (a + 1) / (a + b + 2))
+    // Use continued fraction directly.
+    return bt * jStat.betacf(x, a, b) / a;
+  // else use continued fraction after making the symmetry transformation.
+  return 1 - bt * jStat.betacf(1 - x, b, a) / b;
+};
+
+
+// Returns a normal deviate (mu=0, sigma=1).
+// If n and m are specified it returns a object of normal deviates.
+jStat.randn = function randn(n, m) {
+  var u, v, x, y, q;
+  if (!m)
+    m = n;
+  if (n)
+    return jStat.create(n, m, function() { return jStat.randn(); });
+  do {
+    u = jStat._random_fn();
+    v = 1.7156 * (jStat._random_fn() - 0.5);
+    x = u - 0.449871;
+    y = Math.abs(v) + 0.386595;
+    q = x * x + y * (0.19600 * y - 0.25472 * x);
+  } while (q > 0.27597 && (q > 0.27846 || v * v > -4 * Math.log(u) * u * u));
+  return v / u;
+};
+
+
+// Returns a gamma deviate by the method of Marsaglia and Tsang.
+jStat.randg = function randg(shape, n, m) {
+  var oalph = shape;
+  var a1, a2, u, v, x, mat;
+  if (!m)
+    m = n;
+  if (!shape)
+    shape = 1;
+  if (n) {
+    mat = jStat.zeros(n,m);
+    mat.alter(function() { return jStat.randg(shape); });
+    return mat;
+  }
+  if (shape < 1)
+    shape += 1;
+  a1 = shape - 1 / 3;
+  a2 = 1 / Math.sqrt(9 * a1);
+  do {
+    do {
+      x = jStat.randn();
+      v = 1 + a2 * x;
+    } while(v <= 0);
+    v = v * v * v;
+    u = jStat._random_fn();
+  } while(u > 1 - 0.331 * Math.pow(x, 4) &&
+          Math.log(u) > 0.5 * x*x + a1 * (1 - v + Math.log(v)));
+  // alpha > 1
+  if (shape == oalph)
+    return a1 * v;
+  // alpha < 1
+  do {
+    u = jStat._random_fn();
+  } while(u === 0);
+  return Math.pow(u, 1 / oalph) * a1 * v;
+};
+
+
+// making use of static methods on the instance
+(function(funcs) {
+  for (var i = 0; i < funcs.length; i++) (function(passfunc) {
+    jStat.fn[passfunc] = function() {
+      return jStat(
+          jStat.map(this, function(value) { return jStat[passfunc](value); }));
+    }
+  })(funcs[i]);
+})('gammaln gammafn factorial factorialln'.split(' '));
+
+
+(function(funcs) {
+  for (var i = 0; i < funcs.length; i++) (function(passfunc) {
+    jStat.fn[passfunc] = function() {
+      return jStat(jStat[passfunc].apply(null, arguments));
+    };
+  })(funcs[i]);
+})('randn'.split(' '));
+
+}(jStat, Math));
+(function(jStat, Math) {
+
+// generate all distribution instance methods
+(function(list) {
+  for (var i = 0; i < list.length; i++) (function(func) {
+    // distribution instance method
+    jStat[func] = function(a, b, c) {
+      if (!(this instanceof arguments.callee))
+        return new arguments.callee(a, b, c);
+      this._a = a;
+      this._b = b;
+      this._c = c;
+      return this;
+    };
+    // distribution method to be used on a jStat instance
+    jStat.fn[func] = function(a, b, c) {
+      var newthis = jStat[func](a, b, c);
+      newthis.data = this;
+      return newthis;
+    };
+    // sample instance method
+    jStat[func].prototype.sample = function(arr) {
+      var a = this._a;
+      var b = this._b;
+      var c = this._c;
+      if (arr)
+        return jStat.alter(arr, function() {
+          return jStat[func].sample(a, b, c);
+        });
+      else
+        return jStat[func].sample(a, b, c);
+    };
+    // generate the pdf, cdf and inv instance methods
+    (function(vals) {
+      for (var i = 0; i < vals.length; i++) (function(fnfunc) {
+        jStat[func].prototype[fnfunc] = function(x) {
+          var a = this._a;
+          var b = this._b;
+          var c = this._c;
+          if (!x && x !== 0)
+            x = this.data;
+          if (typeof x !== 'number') {
+            return jStat.fn.map.call(x, function(x) {
+              return jStat[func][fnfunc](x, a, b, c);
+            });
+          }
+          return jStat[func][fnfunc](x, a, b, c);
+        };
+      })(vals[i]);
+    })('pdf cdf inv'.split(' '));
+    // generate the mean, median, mode and variance instance methods
+    (function(vals) {
+      for (var i = 0; i < vals.length; i++) (function(fnfunc) {
+        jStat[func].prototype[fnfunc] = function() {
+          return jStat[func][fnfunc](this._a, this._b, this._c);
+        };
+      })(vals[i]);
+    })('mean median mode variance'.split(' '));
+  })(list[i]);
+})((
+  'beta centralF cauchy chisquare exponential gamma invgamma kumaraswamy ' +
+  'laplace lognormal noncentralt normal pareto studentt weibull uniform ' +
+  'binomial negbin hypgeom poisson triangular tukey arcsine'
+).split(' '));
+
+
+
+// extend beta function with static methods
+jStat.extend(jStat.beta, {
+  pdf: function pdf(x, alpha, beta) {
+    // PDF is zero outside the support
+    if (x > 1 || x < 0)
+      return 0;
+    // PDF is one for the uniform case
+    if (alpha == 1 && beta == 1)
+      return 1;
+
+    if (alpha < 512 && beta < 512) {
+      return (Math.pow(x, alpha - 1) * Math.pow(1 - x, beta - 1)) /
+          jStat.betafn(alpha, beta);
+    } else {
+      return Math.exp((alpha - 1) * Math.log(x) +
+                      (beta - 1) * Math.log(1 - x) -
+                      jStat.betaln(alpha, beta));
+    }
+  },
+
+  cdf: function cdf(x, alpha, beta) {
+    return (x > 1 || x < 0) ? (x > 1) * 1 : jStat.ibeta(x, alpha, beta);
+  },
+
+  inv: function inv(x, alpha, beta) {
+    return jStat.ibetainv(x, alpha, beta);
+  },
+
+  mean: function mean(alpha, beta) {
+    return alpha / (alpha + beta);
+  },
+
+  median: function median(alpha, beta) {
+    return jStat.ibetainv(0.5, alpha, beta);
+  },
+
+  mode: function mode(alpha, beta) {
+    return (alpha - 1 ) / ( alpha + beta - 2);
+  },
+
+  // return a random sample
+  sample: function sample(alpha, beta) {
+    var u = jStat.randg(alpha);
+    return u / (u + jStat.randg(beta));
+  },
+
+  variance: function variance(alpha, beta) {
+    return (alpha * beta) / (Math.pow(alpha + beta, 2) * (alpha + beta + 1));
+  }
+});
+
+// extend F function with static methods
+jStat.extend(jStat.centralF, {
+  // This implementation of the pdf function avoids float overflow
+  // See the way that R calculates this value:
+  // https://svn.r-project.org/R/trunk/src/nmath/df.c
+  pdf: function pdf(x, df1, df2) {
+    var p, q, f;
+
+    if (x < 0)
+      return 0;
+
+    if (df1 <= 2) {
+      if (x === 0 && df1 < 2) {
+        return Infinity;
+      }
+      if (x === 0 && df1 === 2) {
         return 1;
       }
-    };
-
-    Formula.SIN = Math.sin;
-
-    Formula.SINH = function (number) {
-      return (Math.exp(number) - Math.exp(-number)) / 2;
-    };
-
-    Formula.SQRT = Math.sqrt;
-
-    Formula.SQRTPI = function (number) {
-      return Math.sqrt(number * Math.PI);
-    };
-
-    Formula.SUBTOTAL = function (function_code) {
-      var result = [];
-      for (var i = 1; i < arguments.length; i++) {
-        switch (function_code) {
-          case 1:
-            result[i - 1] = Formula.AVERAGE(arguments[i]);
-            break;
-          case 2:
-            result[i - 1] = Formula.COUNT(arguments[i]);
-            break;
-          case 3:
-            result[i - 1] = Formula.COUNTA(arguments[i]);
-            break;
-          case 4:
-            result[i - 1] = Formula.MAX(arguments[i]);
-            break;
-          case 5:
-            result[i - 1] = Formula.MIN(arguments[i]);
-            break;
-          case 6:
-            result[i - 1] = Formula.PRODUCT(arguments[i]);
-            break;
-          case 7:
-            result[i - 1] = Formula.STDEV(arguments[i]);
-            break;
-          case 8:
-            result[i - 1] = Formula.STDEVP(arguments[i]);
-            break;
-          case 9:
-            result[i - 1] = Formula.SUM(arguments[i]);
-            break;
-          case 10:
-            result[i - 1] = Formula.VAR(arguments[i]);
-            break;
-          case 11:
-            result[i - 1] = Formula.VARP(arguments[i]);
-            break;
-        }
-      }
-      return result;
-    };
-
-    Formula.SUM = function () {
-      var numbers = Formula.FLATTEN(arguments);
-      var result = 0;
-      for (var i = 0; i < numbers.length; i++) {
-        if (numbers[i] instanceof Array) {
-          for (var j = 0; j < numbers[i].length; j++) {
-            result += (Formula.ISNUMBER(numbers[i][j])) ? numbers[i][j] : 0;
-          }
-        } else {
-          result += (Formula.ISNUMBER(numbers[i])) ? numbers[i] : 0;
-        }
-      }
-
-      return result;
-    };
-
-    Formula.SUMIF = function (range, criteria) {
-      range = Formula.FLATTEN(range);
-      var result = 0;
-      for (var i = 0; i < range.length; i++) {
-        result += (eval(range[i] + criteria)) ? range[i] : 0;
-      }
-      return result;
-    };
-
-    Formula.SUMIFS = function () {
-      var criteria = (arguments.length - 1) / 2;
-      var range = arguments[0];
-      var result = 0;
-      for (var i = 0; i < range.length; i++) {
-        var fit = true;
-        for (var j = 0; j < criteria; j++) {
-          if (!eval(arguments[2 * j + 1][i] + arguments[2 * j + 2])) {
-            fit = false;
-          }
-        }
-        result += (fit) ? range[i] : 0;
-      }
-      return result;
-
-//      var args = Formula.ARGSTOARRAY(arguments);
-//      var range = Formula.FLATTEN(args.shift());
-//      var criteria = args;
-//
-//      var n_range_elements = range.length;
-//      var n_criterias = criteria.length;
-//
-//      var result = 0;
-//      for (var i = 0; i < n_range_elements; i++) {
-//        var el = range[i];
-//        var condition = '';
-//        for (var c = 0; c < n_criterias; c++) {
-//          condition += el+criteria[c];
-//          if (c !== n_criterias - 1) {
-//            condition += '&&';
-//          }
-//        }
-//        if (eval(condition)) {
-//          result += el;
-//        }
-//      }
-//      return result;
-    };
-
-    Formula.SUMPRODUCT = function () {
-      var arrays = arguments.length + 1;
-      var result = 0;
-      for (var i = 0; i < arguments[0].length; i++) {
-        for (var j = 0; j < arguments[0][i].length; j++) {
-          var product = 1;
-          for (var k = 1; k < arrays; k++) {
-            product *= arguments[k - 1][i][j];
-          }
-          result += product;
-        }
-      }
-      return result;
-    };
-
-    Formula.SUMSQ = function () {
-      var numbers = Formula.FLATTEN(arguments);
-      var result = 0;
-      for (var i = 0; i < numbers.length; i++) {
-        result += (Formula.ISNUMBER(numbers[i])) ? numbers[i] * numbers[i] : 0;
-      }
-      return result;
-    };
-
-    Formula.SUMX2MY2 = function (array_x, array_y) {
-      var result = 0;
-      array_x = Formula.FLATTEN(array_x);
-      array_y = Formula.FLATTEN(array_y);
-      for (var i = 0; i < array_x.length; i++) {
-        result += array_x[i] * array_x[i] - array_y[i] * array_y[i];
-      }
-      return result;
-    };
-
-    Formula.SUMX2PY2 = function (array_x, array_y) {
-      var result = 0;
-      array_x = Formula.FLATTEN(array_x);
-      array_y = Formula.FLATTEN(array_y);
-      for (var i = 0; i < array_x.length; i++) {
-        result += array_x[i] * array_x[i] + array_y[i] * array_y[i];
-      }
-      return result;
-    };
-
-    Formula.SUMXMY2 = function (array_x, array_y) {
-      var result = 0;
-      array_x = Formula.FLATTEN(array_x);
-      array_y = Formula.FLATTEN(array_y);
-      for (var i = 0; i < array_x.length; i++) {
-        result += Math.pow(array_x[i] - array_y[i], 2);
-      }
-      return result;
-    };
-
-    Formula.TAN = function (number) {
-      return Math.tan(number);
-    };
-
-    Formula.TANH = function (number) {
-      var e2 = Math.exp(2 * number);
-      return (e2 - 1) / (e2 + 1);
-    };
-
-    Formula.TRUNC = function (number, digits) {
-      digits = (typeof digits === 'undefined') ? 0 : digits;
-      var sign = (number > 0) ? 1 : -1;
-      return sign * (Math.floor(Math.abs(number) * Math.pow(10, digits))) / Math.pow(10, digits);
-    };
-
-
-    // Statistical functions
-    Formula.AVEDEV = function () {
-      var range = Formula.FLATTEN(arguments);
-      return jStat.sum(jStat(range).subtract(jStat.mean(range)).abs()[0]) / range.length;
-    };
-
-    Formula.AVERAGE = function () {
-      var range = Formula.NUMBERS(Formula.FLATTEN(arguments));
-      var n = range.length;
-      var sum = 0;
-      var count = 0;
-      for (var i = 0; i < n; i++) {
-        sum += range[i];
-        count += 1;
-      }
-      return sum / count;
-    };
-
-    Formula.AVERAGEA = function () {
-      var range = Formula.FLATTEN(arguments);
-      var n = range.length;
-      var sum = 0;
-      var count = 0;
-      for (var i = 0; i < n; i++) {
-        var el = range[i];
-        if (typeof el === 'number') {
-          sum += el;
-        }
-        if (el === true) {
-          sum++;
-        }
-        if (el !== null) {
-          count++;
-        }
-      }
-      return sum / count;
-    };
-
-    Formula.AVERAGEIF = function (range, criteria, average_range) {
-      average_range = average_range || range;
-      range = Formula.FLATTEN(range);
-      average_range = Formula.FLATTEN(average_range);
-      var average_count = 0;
-      var result = 0;
-      for (var i = 0; i < range.length; i++) {
-        if (eval(range[i] + criteria)) {
-          result += average_range[i];
-          average_count++;
-        }
-      }
-      return result / average_count;
-    };
-
-    Formula.AVERAGEIFS = function () {
-      // Does not work with multi dimensional ranges yet!
-      //http://office.microsoft.com/en-001/excel-help/averageifs-function-HA010047493.aspx
-      var args = Formula.ARGSTOARRAY(arguments);
-      var criteria = (args.length - 1) / 2;
-      var range = Formula.FLATTEN(args[0]);
-      var count = 0;
-      var result = 0;
-      for (var i = 0; i < range.length; i++) {
-        var condition = '';
-        for (var j = 0; j < criteria; j++) {
-          condition += args[2 * j + 1][i] + args[2 * j + 2];
-          if (j !== criteria - 1) {
-            condition += '&&';
-          }
-        }
-        if (eval(condition)) {
-          result += range[i];
-          count++;
-        }
-      }
-
-      var average = result / count;
-      if (isNaN(average)) {
-        return 0;
-      } else {
-        return average;
-      }
-    };
-
-    Formula.BETADIST = function (x, alpha, beta, cumulative, A, B) {
-      A = (typeof A === 'undefined') ? 0 : A;
-      B = (typeof B === 'undefined') ? 1 : B;
-      x = (x - A) / (B - A);
-      return (cumulative) ? jStat.beta.cdf(x, alpha, beta) : jStat.beta.pdf(x, alpha, beta);
-    };
-
-    Formula.BETAINV = function (probability, alpha, beta, A, B) {
-      A = (typeof A === 'undefined') ? 0 : A;
-      B = (typeof B === 'undefined') ? 1 : B;
-      return jStat.beta.inv(probability, alpha, beta) * (B - A) + A;
-    };
-
-    Formula.BINOMDIST = function (successes, trials, probability, cumulative) {
-      return (cumulative) ? jStat.binomial.cdf(successes, trials, probability) : jStat.binomial.pdf(successes, trials, probability);
-    };
-
-    Formula.BINOMDISTRANGE = function (trials, probability, successes, successes2) {
-      successes2 = (typeof successes2 === 'undefined') ? successes : successes2;
-      var result = 0;
-      for (var i = successes; i <= successes2; i++) {
-        result += Formula.COMBIN(trials, i) * Math.pow(probability, i) * Math.pow(1 - probability, trials - i);
-      }
-      return result;
-    };
-
-    Formula.BINOMINV = function (trials, probability, alpha) {
-      var x = 0;
-      while (x <= trials) {
-        if (jStat.binomial.cdf(x, trials, probability) >= alpha) {
-          return x;
-        }
-        x++;
-      }
-    };
-
-    Formula.CHISQDIST = function (x, k, cumulative) {
-      return (cumulative) ? jStat.chisquare.cdf(x, k) : jStat.chisquare.pdf(x, k);
-    };
-
-    Formula.CHISQDISTRT = function () {
-      return;
-    };
-
-    Formula.CHISQINV = function (probability, k) {
-      return jStat.chisquare.inv(probability, k);
-    };
-
-    Formula.CHISQINVRT = function () {
-      return;
-    };
-
-    Formula.CHISQTEST = function () {
-      return;
-    };
-
-    Formula.CONFIDENCENORM = function (alpha, sd, n) {
-      return jStat.normalci(1, alpha, sd, n)[1] - 1;
-    };
-
-    Formula.CONFIDENCET = function (alpha, sd, n) {
-      return jStat.tci(1, alpha, sd, n)[1] - 1;
-    };
-
-    Formula.CORREL = function () {
-      return jStat.corrcoeff.apply(this, arguments);
-    };
-
-    Formula.COUNT = function () {
-      var numbers = Formula.NUMBERS(Formula.FLATTEN(arguments));
-      return numbers.length;
-    };
-
-    Formula.COUNTA = function () {
-      var range = Formula.FLATTEN(arguments);
-      return range.length - Formula.COUNTBLANK(range);
-    };
-
-    Formula.COUNTBLANK = function () {
-      var range = Formula.FLATTEN(arguments);
-      var blanks = 0;
-      var element;
-      for (var i = 0; i < range.length; i++) {
-        element = range[i];
-        if (element === null || element === '' || !element) {
-          blanks++;
-        }
-      }
-      return blanks;
-    };
-
-    Formula.COUNTIF = function (range, criteria) {
-      range = Formula.FLATTEN(range);
-      var matches = 0;
-      for (var i = 0; i < range.length; i++) {
-        if (range[i].match(new RegExp(criteria))) {
-          matches++;
-        }
-      }
-      return matches;
-//      if (!/[<>=!]/.test(criteria)) {
-//        criteria = '=="'+criteria+'"';
-//      }
-//      var matches = 0;
-//      for (var i = 0; i < range.length; i++) {
-//        if (typeof range[i] !== 'string') {
-//          if (eval(range[i]+criteria)) {
-//            matches++;
-//          }
-//        } else {
-//          if (eval('"'+range[i]+'"'+criteria)) {
-//            matches++;
-//          }
-//        }
-//      }
-//      return matches;
-    };
-
-    Formula.COUNTIFS = function () {
-      var criteria = (arguments.length - 1) / 2;
-      var range = arguments[0];
-      var result = 0;
-      for (var i = 0; i < range.length; i++) {
-        var fit = true;
-        for (var j = 0; j < criteria; j++) {
-          if (!eval(arguments[2 * j + 1][i] + arguments[2 * j + 2])) {
-            fit = false;
-          }
-        }
-        result += (fit) ? 1 : 0;
-      }
-      return result;
-
-//      var args = Formula.ARGSTOARRAY(arguments);
-//      var results = new Array(Formula.FLATTEN(args[0]).length);
-//      for (var i = 0; i < results.length; i++) {
-//        results[i] = true;
-//      }
-//      for (i = 0; i < args.length; i += 2) {
-//        var range = Formula.FLATTEN(args[i]);
-//        var criteria = args[i + 1];
-//        if (!/[<>=!]/.test(criteria)) {
-//          criteria = '=="'+criteria+'"';
-//        }
-//        for (var j = 0; j < range.length; j++) {
-//          if (typeof range[j] !== 'string') {
-//            results[j] = results[j] && eval(range[j]+criteria);
-//          } else {
-//            results[j] = results[j] && eval('"'+range[j]+'"'+criteria);
-//          }
-//        }
-//      }
-//      var result = 0;
-//      for (i = 0; i < results.length; i++) {
-//        if (results[i]) {
-//          result++;
-//        }
-//      }
-//      return result;
-    };
-
-    Formula.COUNTUNIQUE = function () {
-      return _.uniq(Formula.FLATTEN(arguments)).length;
-    };
-
-    Formula.COVARIANCEP = function (array1, array2) {
-      array1 = Formula.FLATTEN(array1);
-      array2 = Formula.FLATTEN(array2);
-
-      var mean1 = jStat.mean(array1);
-      var mean2 = jStat.mean(array2);
-      var result = 0;
-      var n = array1.length;
-      for (var i = 0; i < n; i++) {
-        result += (array1[i] - mean1) * (array2[i] - mean2);
-      }
-      return result / n;
-    };
-
-    Formula.COVARIANCES = function () {
-      return jStat.covariance.apply(this, simplifyArguments(arguments));
-    };
-
-    Formula.DEVSQ = function () {
-      var range = Formula.ARGSCONCAT(arguments);
-      var mean = jStat.mean(range);
-      var result = 0;
-      for (var i = 0; i < range.length; i++) {
-        result += Math.pow((range[i] - mean), 2);
-      }
-      return result;
-    };
-
-    Formula.EXPONDIST = function (x, lambda, cumulative) {
-      return (cumulative) ? jStat.exponential.cdf(x, lambda) : jStat.exponential.pdf(x, lambda);
-    };
-
-    Formula.FDIST = function (x, d1, d2, cumulative) {
-      return (cumulative) ? jStat.centralF.cdf(x, d1, d2) : jStat.centralF.pdf(x, d1, d2);
-    };
-
-    Formula.FDISTRT = function () {
-      return;
-    };
-
-    Formula.FINV = function (probability, d1, d2) {
-      if (probability <= 0.0 || probability > 1.0) {
-        return '#NUM!';
-      }
-
-      return jStat.centralF.inv(1.0 - probability, d1, d2);
-    };
-
-    Formula.FINVRT = function () {
-      return;
-    };
-
-    Formula.FTEST = function () {
-      return;
-    };
-
-    Formula.FISHER = function (x) {
-      return Math.log((1 + x) / (1 - x)) / 2;
-    };
-
-    Formula.FISHERINV = function (y) {
-      var e2y = Math.exp(2 * y);
-      return (e2y - 1) / (e2y + 1);
-    };
-
-    Formula.FORECAST = function (x, data_y, data_x) {
-      data_x = Formula.FLATTEN(data_x);
-      data_y = Formula.FLATTEN(data_y);
-
-      var xmean = jStat.mean(data_x);
-      var ymean = jStat.mean(data_y);
-      var n = data_x.length;
-      var num = 0;
-      var den = 0;
-      for (var i = 0; i < n; i++) {
-        num += (data_x[i] - xmean) * (data_y[i] - ymean);
-        den += Math.pow(data_x[i] - xmean, 2);
-      }
-      var b = num / den;
-      var a = ymean - b * xmean;
-      return a + b * x;
-    };
-
-    Formula.FREQUENCY = function (data, bins) {
-      var n = data.length;
-      var b = bins.length;
-      var r = [];
-      for (var i = 0; i <= b; i++) {
-        r[i] = 0;
-        for (var j = 0; j < n; j++) {
-          if (i === 0) {
-            if (data[j] <= bins[0]) {
-              r[0] += 1;
-            }
-          } else if (i < b) {
-            if (data[j] > bins[i - 1] && data[j] <= bins[i]) {
-              r[i] += 1;
-            }
-          } else if (i === b) {
-            if (data[j] > bins[b - 1]) {
-              r[b] += 1;
-            }
-          }
-        }
-      }
-      return r;
-    };
-
-    Formula.GAMMA = function () {
-      return jStat.gammafn.apply(this, arguments);
-    };
-
-    //TODO
-    Formula.GAMMADIST = function (/* x, alpha, beta, cumulative */) {
-      /*
-       var shape = alpha;
-       var scale = 1 / beta;
-       return (cumulative) ? jStat.gamma.cdf(x, shape, scale) : jStat.gamma.pdf(x, shape, scale);
-       */
-      return;
-    };
-
-    //TODO
-    Formula.GAMMAINV = function (/* probability, alpha, beta */) {
-      /*
-       var shape = alpha;
-       var scale = 1 / beta;
-       return jStat.gamma.inv(probability, shape, scale);
-       */
-      return;
-    };
-
-    Formula.GAMMALN = function () {
-      return jStat.gammaln.apply(this, arguments);
-    };
-
-    //TODO
-    Formula.GAMMALNPRECISE = function () {
-      return;
-    };
-
-    Formula.GAUSS = function (z) {
-      return jStat.normal.cdf(z, 0, 1) - 0.5;
-    };
-
-    Formula.GEOMEAN = function () {
-      return jStat.geomean(Formula.ARGSCONCAT(arguments));
-    };
-
-    Formula.GROWTH = function (known_y, known_x, new_x, use_const) {
-      // Credits: Ilmari Karonen
-
-      // Default values for optional parameters:
-      var i;
-      if (typeof(known_x) === 'undefined') {
-        known_x = [];
-        for (i = 1; i <= known_y.length; i++) {
-          known_x.push(i);
-        }
-      }
-      if (typeof(new_x) === 'undefined') {
-        new_x = [];
-        for (i = 1; i <= known_y.length; i++) {
-          new_x.push(i);
-        }
-      }
-      if (typeof(use_const) === 'undefined') {
-        use_const = true;
-      }
-
-      // Calculate sums over the data:
-      var n = known_y.length;
-      var avg_x = 0;
-      var avg_y = 0;
-      var avg_xy = 0;
-      var avg_xx = 0;
-      for (i = 0; i < n; i++) {
-        var x = known_x[i];
-        var y = Math.log(known_y[i]);
-        avg_x += x;
-        avg_y += y;
-        avg_xy += x * y;
-        avg_xx += x * x;
-      }
-      avg_x /= n;
-      avg_y /= n;
-      avg_xy /= n;
-      avg_xx /= n;
-
-      // Compute linear regression coefficients:
-      var beta;
-      var alpha;
-      if (use_const) {
-        beta = (avg_xy - avg_x * avg_y) / (avg_xx - avg_x * avg_x);
-        alpha = avg_y - beta * avg_x;
-      } else {
-        beta = avg_xy / avg_xx;
-        alpha = 0;
-      }
-
-      // Compute and return result array:
-      var new_y = [];
-      for (i = 0; i < new_x.length; i++) {
-        new_y.push(Math.exp(alpha + beta * new_x[i]));
-      }
-      return new_y;
-    };
-
-    Formula.HARMEAN = function () {
-      var range = Formula.ARGSCONCAT(arguments);
-      var n = range.length;
-      var den = 0;
-      for (var i = 0; i < n; i++) {
-        den += 1 / range[i];
-      }
-      return n / den;
-    };
-
-    Formula.HYPGEOMDIST = function (x, n, M, N, cumulative) {
-      function pdf(x, n, M, N) {
-        return Formula.COMBIN(M, x) * Formula.COMBIN(N - M, n - x) / Formula.COMBIN(N, n);
-      }
-
-      function cdf(x, n, M, N) {
-        var result = 0;
-        for (var i = 0; i <= x; i++) {
-          result += pdf(i, n, M, N);
-        }
-        return result;
-      }
-
-      return (cumulative) ? cdf(x, n, M, N) : pdf(x, n, M, N);
-    };
-
-    Formula.INTERCEPT = function (data_y, data_x) {
-      return Formula.FORECAST(0, data_y, data_x);
-    };
-
-    Formula.KURT = function () {
-      var range = Formula.ARGSCONCAT(arguments);
-      var mean = jStat.mean(range);
-      var n = range.length;
-      var sigma = 0;
-      for (var i = 0; i < n; i++) {
-        sigma += Math.pow(range[i] - mean, 4);
-      }
-      sigma = sigma / Math.pow(jStat.stdev(range, true), 4);
-      return ((n * (n + 1)) / ((n - 1) * (n - 2) * (n - 3))) * sigma - 3 * (n - 1) * (n - 1) / ((n - 2) * (n - 3));
-    };
-
-    Formula.LARGE = function (array, k) {
-      return array.sort(function (a, b) {
-        return b - a;
-      })[k - 1];
-    };
-
-    Formula.LINEST = function (data_y, data_x) {
-      var xmean = jStat.mean(data_x);
-      var ymean = jStat.mean(data_y);
-      var n = data_x.length;
-      var num = 0;
-      var den = 0;
-      for (var i = 0; i < n; i++) {
-        num += (data_x[i] - xmean) * (data_y[i] - ymean);
-        den += Math.pow(data_x[i] - xmean, 2);
-      }
-      var m = num / den;
-      var b = ymean - m * xmean;
-      return [m, b];
-    };
-
-    //TODO
-    Formula.LOGEST = function () {
-      return;
-    };
-
-    Formula.LOGNORMDIST = function (x, mean, sd, cumulative) {
-      return (cumulative) ? jStat.lognormal.cdf(x, mean, sd) : jStat.lognormal.pdf(x, mean, sd);
-    };
-
-    Formula.LOGNORMINV = function (probability, mean, sd) {
-      return jStat.lognormal.inv(probability, mean, sd);
-    };
-
-    Formula.MAX = function () {
-      var range = Formula.NUMBERS(Formula.FLATTEN(arguments));
-      var n = range.length;
-      var max = (n > 0) ? range[0] : 0;
-      for (var i = 0; i < n; i++) {
-        max = (range[i] > max && (range[i] !== true) && (range[i] !== false)) ? range[i] : max;
-      }
-      return max;
-    };
-
-    Formula.MAXA = function () {
-      var range = Formula.FLATTEN(arguments);
-      return (range.length > 0) ? Math.max.apply(Math, range) : 0;
-    };
-
-    Formula.MEDIAN = function () {
-      return jStat.median(Formula.NUMBERS(Formula.FLATTEN(arguments)));
-    };
-
-    Formula.MIN = function () {
-      var range = Formula.NUMBERS(Formula.FLATTEN(arguments));
-      var n = range.length;
-      var min = (n > 0) ? range[0] : 0;
-      for (var i = 0; i < n; i++) {
-        min = (range[i] < min && (range[i] !== true) && (range[i] !== false)) ? range[i] : min;
-      }
-      return min;
-    };
-
-    Formula.MINA = function () {
-      var range = Formula.FLATTEN(arguments);
-      return (range.length > 0) ? Math.min.apply(Math, range) : 0;
-    };
-
-    Formula.MODEMULT = function () {
-      // Credits: Roönaän
-      var range = Formula.ARGSCONCAT(arguments),
-        n = range.length,
-        count = {},
-        maxItems = [],
-        max = 0,
-        currentItem;
-      for (var i = 0; i < n; i++) {
-        currentItem = range[i];
-        count[currentItem] = count[currentItem] ? count[currentItem] + 1 : 1;
-        if (count[currentItem] > max) {
-          max = count[currentItem];
-          maxItems = [];
-        }
-        if (count[currentItem] === max) {
-          maxItems[maxItems.length] = currentItem;
-        }
-      }
-      return maxItems;
-    };
-
-    Formula.MODESNGL = function () {
-      return Formula.MODEMULT(Formula.ARGSCONCAT(arguments)).sort(function (a, b) {
-        return a - b;
-      })[0];
-    };
-
-    Formula.NEGBINOMDIST = function (k, r, p, cumulative) {
-      return (cumulative) ? jStat.negbin.cdf(k, r, p) : jStat.negbin.pdf(k, r, p);
-    };
-
-    Formula.NORMDIST = function (x, mean, sd, cumulative) {
-      // Check parameters
-      if (isNaN(x) || isNaN(mean) || isNaN(sd)) {
-        return '#VALUE!';
-      }
-      if (sd <= 0) {
-        return '#NUM!';
-      }
-
-      // Return normal distribution computed by jStat [http://jstat.org]
-      return (cumulative) ? jStat.normal.cdf(x, mean, sd) : jStat.normal.pdf(x, mean, sd);
-    };
-
-    Formula.NORMINV = function (probability, mean, sd) {
-      return jStat.normal.inv(probability, mean, sd);
-    };
-
-    Formula.NORMSDIST = function (z, cumulative) {
-      return (cumulative) ? jStat.normal.cdf(z, 0, 1) : jStat.normal.pdf(z, 0, 1);
-    };
-
-    Formula.NORMSINV = function (probability) {
-      return jStat.normal.inv(probability, 0, 1);
-    };
-
-    Formula.PEARSON = function (data_x, data_y) {
-      var xmean = jStat.mean(data_x);
-      var ymean = jStat.mean(data_y);
-      var n = data_x.length;
-      var num = 0;
-      var den1 = 0;
-      var den2 = 0;
-      for (var i = 0; i < n; i++) {
-        num += (data_x[i] - xmean) * (data_y[i] - ymean);
-        den1 += Math.pow(data_x[i] - xmean, 2);
-        den2 += Math.pow(data_y[i] - ymean, 2);
-      }
-      return num / Math.sqrt(den1 * den2);
-    };
-
-    Formula.PERCENTILEEXC = function (array, k) {
-      array = array.sort(function (a, b) {
-        {
-          return a - b;
-        }
-      });
-      var n = array.length;
-      if (k < 1 / (n + 1) || k > 1 - 1 / (n + 1)) {
-        return '#NUM!';
-      }
-      var l = k * (n + 1) - 1;
-      var fl = Math.floor(l);
-      return Formula.CLEANFLOAT((l === fl) ? array[l] : array[fl] + (l - fl) * (array[fl + 1] - array[fl]));
-    };
-
-    Formula.PERCENTILEINC = function (array, k) {
-      array = array.sort(function (a, b) {
-        return a - b;
-      });
-      var n = array.length;
-      var l = k * (n - 1);
-      var fl = Math.floor(l);
-      return Formula.CLEANFLOAT((l === fl) ? array[l] : array[fl] + (l - fl) * (array[fl + 1] - array[fl]));
-    };
-
-    Formula.PERCENTRANKEXC = function (array, x, significance) {
-      array = array.sort(function (a, b) {
-        return a - b;
-      });
-      var uniques = _.uniq(array);
-      var n = array.length;
-      var m = uniques.length;
-      significance = (typeof significance === 'undefined') ? 3 : significance;
-      var power = Math.pow(10, significance);
-      var result = 0;
-      var match = false;
-      var i = 0;
-      while (!match && i < m) {
-        if (x === uniques[i]) {
-          result = (array.indexOf(uniques[i]) + 1) / (n + 1);
-          match = true;
-        } else if (x >= uniques[i] && (x < uniques[i + 1] || i === m - 1)) {
-          result = (array.indexOf(uniques[i]) + 1 + (x - uniques[i]) / (uniques[i + 1] - uniques[i])) / (n + 1);
-          match = true;
-        }
-        i++;
-      }
-      return Math.floor(result * power) / power;
-    };
-
-    Formula.PERCENTRANKINC = function (array, x, significance) {
-      array = array.sort(function (a, b) {
-        return a - b;
-      });
-      var uniques = _.uniq(array);
-      var n = array.length;
-      var m = uniques.length;
-      significance = (typeof significance === 'undefined') ? 3 : significance;
-      var power = Math.pow(10, significance);
-      var result = 0;
-      var match = false;
-      var i = 0;
-      while (!match && i < m) {
-        if (x === uniques[i]) {
-          result = array.indexOf(uniques[i]) / (n - 1);
-          match = true;
-        } else if (x >= uniques[i] && (x < uniques[i + 1] || i === m - 1)) {
-          result = (array.indexOf(uniques[i]) + (x - uniques[i]) / (uniques[i + 1] - uniques[i])) / (n - 1);
-          match = true;
-        }
-        i++;
-      }
-      return Math.floor(result * power) / power;
-    };
-
-    Formula.PERMUT = function (number, number_chosen) {
-      return Formula.FACT(number) / Formula.FACT(number - number_chosen);
-    };
-
-    Formula.PERMUTATIONA = function (number, number_chosen) {
-      return Math.pow(number, number_chosen);
-    };
-
-    Formula.PHI = function (x) {
-      return Math.exp(-0.5 * x * x) / SQRT2PI;
-    };
-
-    Formula.POISSONDIST = function (x, mean, cumulative) {
-      return (cumulative) ? jStat.poisson.cdf(x, mean) : jStat.poisson.pdf(x, mean);
-    };
-
-    Formula.PROB = function (range, probability, lower, upper) {
-      if (typeof lower === 'undefined') {
-        return 0;
-      }
-
-      upper = (typeof upper === 'undefined') ? lower : upper;
-      if (lower === upper) {
-        return (range.indexOf(lower) >= 0) ? probability[range.indexOf(lower)] : 0;
-      }
-
-      var sorted = range.sort(function (a, b) {
-        return a - b;
-      });
-      var n = sorted.length;
-      var result = 0;
-      for (var i = 0; i < n; i++) {
-        if (sorted[i] >= lower && sorted[i] <= upper) {
-          result += probability[range.indexOf(sorted[i])];
-        }
-      }
-      return result;
-    };
-
-    Formula.QUARTILEEXC = function (range, quart) {
-      switch (quart) {
-        case 1:
-          return Formula.PERCENTILEEXC(range, 0.25);
-        case 2:
-          return Formula.PERCENTILEEXC(range, 0.5);
-        case 3:
-          return Formula.PERCENTILEEXC(range, 0.75);
-        default:
-          return '#NUM!';
-      }
-    };
-
-    Formula.QUARTILEINC = function (range, quart) {
-      switch (quart) {
-        case 1:
-          return Formula.PERCENTILEINC(range, 0.25);
-        case 2:
-          return Formula.PERCENTILEINC(range, 0.5);
-        case 3:
-          return Formula.PERCENTILEINC(range, 0.75);
-        default:
-          return '#NUM!';
-      }
-    };
-
-    Formula.RANKAVG = function (number, range, order) {
-      order = (typeof order === 'undefined') ? false : order;
-      var sort = (order) ? function (a, b) {
-        return a - b;
-      } : function (a, b) {
-        return b - a;
-      };
-      range = range.sort(sort);
-      var count = Formula.COUNTIN(range, number);
-      return (count > 1) ? (2 * range.indexOf(number) + count + 1) / 2 : range.indexOf(number) + 1;
-    };
-
-    Formula.RANKEQ = function (number, range, order) {
-      order = (typeof order === 'undefined') ? false : order;
-      var sort = (order) ? function (a, b) {
-        return a - b;
-      } : function (a, b) {
-        return b - a;
-      };
-      range = range.sort(sort);
-      return range.indexOf(number) + 1;
-    };
-
-    Formula.RSQ = function (data_x, data_y) {
-      return Math.pow(Formula.PEARSON(data_x, data_y), 2);
-    };
-
-    Formula.SKEW = function () {
-      var range = Formula.ARGSCONCAT(arguments);
-      var mean = jStat.mean(range);
-      var n = range.length;
-      var sigma = 0;
-      for (var i = 0; i < n; i++) {
-        sigma += Math.pow(range[i] - mean, 3);
-      }
-      return n * sigma / ((n - 1) * (n - 2) * Math.pow(jStat.stdev(range, true), 3));
-    };
-
-    Formula.SKEWP = function () {
-      var range = Formula.ARGSCONCAT(arguments);
-      var mean = jStat.mean(range);
-      var n = range.length;
-      var m2 = 0;
-      var m3 = 0;
-      for (var i = 0; i < n; i++) {
-        m3 += Math.pow(range[i] - mean, 3);
-        m2 += Math.pow(range[i] - mean, 2);
-      }
-      m3 = m3 / n;
-      m2 = m2 / n;
-      return m3 / Math.pow(m2, 3 / 2);
-    };
-
-    Formula.SLOPE = function (data_y, data_x) {
-      data_y = Formula.NUMBERS(Formula.FLATTEN(data_y));
-      data_x = Formula.NUMBERS(Formula.FLATTEN(data_x));
-      var xmean = jStat.mean(data_x);
-      var ymean = jStat.mean(data_y);
-      var n = data_x.length;
-      var num = 0;
-      var den = 0;
-      for (var i = 0; i < n; i++) {
-        num += (data_x[i] - xmean) * (data_y[i] - ymean);
-        den += Math.pow(data_x[i] - xmean, 2);
-      }
-      return num / den;
-    };
-
-    Formula.SMALL = function (array, k) {
-      return array.sort(function (a, b) {
-        return a - b;
-      })[k - 1];
-    };
-
-    Formula.STANDARDIZE = function (x, mean, sd) {
-      return (x - mean) / sd;
-    };
-
-    Formula.STDEVA = function () {
-      var range = Formula.FLATTEN(arguments);
-      var n = range.length;
-      var sigma = 0;
-      var mean = jStat.mean(range);
-      for (var i = 0; i < n; i++) {
-        sigma += Math.pow(range[i] - mean, 2);
-      }
-      return Math.sqrt(sigma / (n - 1));
-    };
-
-    Formula.STDEVP = function () {
-      var range = Formula.NUMBERS(Formula.FLATTEN(arguments));
-      var n = range.length;
-      var sigma = 0;
-      var count = 0;
-      var mean = Formula.AVERAGE(range);
-      for (var i = 0; i < n; i++) {
-        if (range[i] !== true && range[i] !== false) {
-          sigma += Math.pow(range[i] - mean, 2);
-          count++;
-        }
-      }
-      return Math.sqrt(sigma / count);
-    };
-
-    Formula.STDEVPA = function () {
-      var range = Formula.ARGSCONCAT(arguments);
-      var n = range.length;
-      var sigma = 0;
-      var mean = jStat.mean(range);
-      for (var i = 0; i < n; i++) {
-        sigma += Math.pow(range[i] - mean, 2);
-      }
-      return Math.sqrt(sigma / n);
-    };
-
-    Formula.STDEVS = function () {
-      var range = Formula.NUMBERS(Formula.FLATTEN(arguments));
-      var n = range.length;
-      var sigma = 0;
-      var count = 0;
-      var mean = Formula.AVERAGE(range);
-      for (var i = 0; i < n; i++) {
-        if (range[i] !== true && range[i] !== false) {
-          sigma += Math.pow(range[i] - mean, 2);
-          count++;
-        }
-      }
-      return Math.sqrt(sigma / (count - 1));
-    };
-
-    Formula.STEYX = function (data_y, data_x) {
-      var xmean = jStat.mean(data_x);
-      var ymean = jStat.mean(data_y);
-      var n = data_x.length;
-      var lft = 0;
-      var num = 0;
-      var den = 0;
-      for (var i = 0; i < n; i++) {
-        lft += Math.pow(data_y[i] - ymean, 2);
-        num += (data_x[i] - xmean) * (data_y[i] - ymean);
-        den += Math.pow(data_x[i] - xmean, 2);
-      }
-      return Math.sqrt((lft - num * num / den) / (n - 2));
-    };
-
-    Formula.TDIST = function (x, df, cumulative) {
-      return (cumulative) ? jStat.studentt.cdf(x, df) : jStat.studentt.pdf(x, df);
-    };
-
-    //TODO
-    Formula.TDIST2T = function () {
-      return;
-    };
-
-    //TODO
-    Formula.TDISTRT = function () {
-      return;
-    };
-
-    //TODO
-    Formula.TINV = function (probability, df) {
-      return jStat.studentt.inv(probability, df);
-    };
-
-    //TODO
-    Formula.TINV2T = function () {
-      return;
-    };
-
-    //TODO
-    Formula.TTEST = function () {
-      return;
-    };
-
-    //TODO
-    Formula.TREND = function () {
-      return;
-    };
-
-    Formula.TRIMMEAN = function (range, percent) {
-      range = Formula.FLATTEN(range);
-      var trim = Formula.FLOOR(range.length * percent, 2) / 2;
-      return jStat.mean(_.initial(_.rest(range.sort(function (a, b) {
-        return a - b;
-      }), trim), trim));
-    };
-
-    Formula.VARA = function () {
-      var range = Formula.FLATTEN(arguments);
-      var n = range.length;
-      var sigma = 0;
-      var count = 0;
-      var mean = Formula.AVERAGEA(range);
-      for (var i = 0; i < n; i++) {
-        var el = range[i];
-        if (typeof el === 'number') {
-          sigma += Math.pow(el - mean, 2);
-        } else if (el === true) {
-          sigma += Math.pow(1 - mean, 2);
-        } else {
-          sigma += Math.pow(0 - mean, 2);
-        }
-
-        if (el !== null) {
-          count++;
-        }
-      }
-      return sigma / (count - 1);
-    };
-
-    Formula.VARP = function () {
-      var range = Formula.NUMBERS(Formula.FLATTEN(arguments));
-      var n = range.length;
-      var sigma = 0;
-      var count = 0;
-      var mean = Formula.AVERAGE(range);
-      for (var i = 0; i < n; i++) {
-        sigma += Math.pow(range[i] - mean, 2);
-        count++;
-      }
-      return sigma / count;
-    };
-
-    Formula.VARPA = function () {
-      var range = Formula.FLATTEN(arguments);
-      var n = range.length;
-      var sigma = 0;
-      var count = 0;
-      var mean = Formula.AVERAGEA(range);
-      for (var i = 0; i < n; i++) {
-        var el = range[i];
-        if (typeof el === 'number') {
-          sigma += Math.pow(el - mean, 2);
-        } else if (el === true) {
-          sigma += Math.pow(1 - mean, 2);
-        } else {
-          sigma += Math.pow(0 - mean, 2);
-        }
-
-        if (el !== null) {
-          count++;
-        }
-      }
-      return sigma / count;
-    };
-
-    Formula.VARS = function () {
-      var range = Formula.NUMBERS(Formula.FLATTEN(arguments));
-      var n = range.length;
-      var sigma = 0;
-      var count = 0;
-      var mean = Formula.AVERAGE(range);
-      for (var i = 0; i < n; i++) {
-        if (range[i] !== true && range[i] !== false) {
-          sigma += Math.pow(range[i] - mean, 2);
-          count++;
-        }
-      }
-      return sigma / (count - 1);
-    };
-
-    Formula.WEIBULLDIST = function (x, alpha, beta, cumulative) {
-      return (cumulative) ? 1 - Math.exp(-Math.pow(x / beta, alpha)) : Math.pow(x, alpha - 1) * Math.exp(-Math.pow(x / beta, alpha)) * alpha / Math.pow(beta, alpha);
-    };
-
-    Formula.ZTEST = function (range, x, sigma) {
-      var n = range.length;
-      var sd = (typeof sigma === 'undefined') ? Formula.STDEVS(range) : sigma;
-      return 1 - Formula.NORMSDIST((Formula.AVERAGE(range) - x) / (sd / Math.sqrt(n)), Formula.TRUE);
-    };
-
-
-    // Text functions
-
-    Formula.CHAR = function (number) {
-      return String.fromCharCode(number);
-    };
-
-    Formula.CLEAN = function (text) {
-      return text.replace(/[\0-\x1F]/g, "");
-    };
-
-    Formula.CODE = function (text) {
-      return text.charCodeAt(0);
-    };
-
-    Formula.CONCATENATE = function () {
-      var string = '';
-      for (var i = 0; i < arguments.length; i++) {
-        if (arguments[i] !== null && arguments[i] !== undefined) {
-          string += arguments[i];
-        }
-      }
-
-      return string;
-    };
-
-    Formula.DOLLAR = function (number, decimals) {
-      decimals = (typeof decimals === 'undefined') ? 2 : decimals;
-      var format = '';
-      if (decimals <= 0) {
-        number = Math.round(number * Math.pow(10, decimals)) / Math.pow(10, decimals);
-        format = '($0,0)';
-      } else if (decimals > 0) {
-        format = '($0,0.' + new Array(decimals + 1).join('0') + ')';
-      }
-      return numeral(number).format(format);
-    };
-
-    Formula.EXACT = function (text1, text2) {
-      return text1 === text2;
-    };
-
-    Formula.FIND = function (find_text, within_text, position) {
-      position = (typeof position === 'undefined') ? 0 : position;
-      return within_text ? within_text.indexOf(find_text, position - 1) + 1 : null;
-    };
-
-    Formula.FIXED = function (number, decimals, no_commas) {
-      decimals = (typeof decimals === 'undefined') ? 2 : decimals;
-      no_commas = (typeof no_commas === 'undefined') ? false : no_commas;
-      var format = no_commas ? '0' : '0,0';
-      if (decimals <= 0) {
-        number = Math.round(number * Math.pow(10, decimals)) / Math.pow(10, decimals);
-      } else if (decimals > 0) {
-        format += '.' + new Array(decimals + 1).join('0');
-      }
-      return numeral(number).format(format);
-    };
-
-    Formula.HTML2TEXT = function (value) {
-      var result = '';
-
-      if (value) {
-        if (value instanceof Array) {
-          value.forEach(function (line) {
-            if (result !== '') {
-              result += '\n';
-            }
-            result += (line.replace(/<(?:.|\n)*?>/gm, ''));
-          });
-        } else {
-          result = value.replace(/<(?:.|\n)*?>/gm, '');
-        }
-      }
-
-      return result;
-    };
-
-    Formula.HUMANIZE = function (value) {
-      if (value instanceof Date) {
-        var dvalue = moment(value);
-        if (dvalue.hours() || dvalue.minutes() || dvalue.seconds()) {
-          return dvalue.format("dddd, MMMM Do YYYY, h:mm:ss");
-        } else {
-          return dvalue.format("dddd, MMMM Do YYYY");
-        }
-      }
-
-      return value;
-    };
-
-    Formula.JOIN = function (array, separator) {
-      return array.join(separator);
-    };
-
-    Formula.LEFT = function (text, number) {
-      number = (typeof number === 'undefined') ? 1 : number;
-      return text ? text.substring(0, number) : null;
-    };
-
-    Formula.LEN = function (text) {
-      return text ? text.length : 0;
-    };
-
-    Formula.LOWER = function (text) {
-      return text ? text.toLowerCase() : text;
-    };
-
-    Formula.MID = function (text, start, number) {
-      return text.substring(start - 1, number);
-    };
-
-    Formula.NUMBERVALUE = function (text, decimal_separator, group_separator) {
-      decimal_separator = (typeof decimal_separator === 'undefined') ? '.' : decimal_separator;
-      group_separator = (typeof group_separator === 'undefined') ? ',' : group_separator;
-      return Number(text.replace(decimal_separator, '.').replace(group_separator, ''));
-    };
-
-    Formula.NUMBERS = function () {
-      var possibleNumbers = Formula.FLATTEN(arguments);
-      return possibleNumbers.filter(function (el) {
-        return typeof el === 'number';
-      });
-    };
-
-    Formula.PROPER = function (text) {
-      if (!text) { return; }
-      return text.replace(/\w\S*/g, function (txt) {
-        return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();
-      });
-    };
-
-    Formula.REGEXEXTRACT = function (text, regular_expression) {
-      var match = text.match(new RegExp(regular_expression));
-      return match ? (match[match.length > 1 ? match.length - 1 : 0]) : null;
-    };
-
-    Formula.REGEXMATCH = function (text, regular_expression, full) {
-      var match = text.match(new RegExp(regular_expression));
-      return full ? match : !!match;
-    };
-
-    Formula.REGEXREPLACE = function (text, regular_expression, replacement) {
-      return text.replace(new RegExp(regular_expression), replacement);
-    };
-
-    Formula.REPLACE = function (text, position, length, new_text) {
-      return text.substr(0, position - 1) + new_text + text.substr(position - 1 + length);
-    };
-
-    Formula.REPT = function (text, number) {
-      return new Array(number + 1).join(text);
-    };
-
-    Formula.RIGHT = function (text, number) {
-      number = (typeof number === 'undefined') ? 1 : number;
-      return text ? text.substring(text.length - number) : null;
-    };
-
-    Formula.ROMAN = function (number) {
-      // The MIT License
-      // Copyright (c) 2008 Steven Levithan
-      var digits = String(number).split('');
-      var key = ['', 'C', 'CC', 'CCC', 'CD', 'D', 'DC', 'DCC', 'DCCC', 'CM', '', 'X', 'XX', 'XXX', 'XL', 'L', 'LX', 'LXX', 'LXXX', 'XC', '', 'I', 'II', 'III', 'IV', 'V', 'VI', 'VII', 'VIII', 'IX'];
-      var roman = '';
-      var i = 3;
-      while (i--) {
-        roman = (key[+digits.pop() + (i * 10)] || '') + roman;
-      }
-      return new Array(+digits.join('') + 1).join('M') + roman;
-    };
-
-    Formula.SEARCH = function (find_text, within_text, position) {
-      position = (typeof position === 'undefined') ? 0 : position;
-      return within_text.toLowerCase().indexOf(find_text.toLowerCase(), position - 1) + 1;
-    };
-
-    Formula.SPLIT = function (text, separator) {
-      return _s.words(text, separator);
-    };
-
-    Formula.SUBSTITUTE = function (text, old_text, new_text, occurrence) {
-      if (!text || !old_text || !new_text) {
-        return text;
-      } else if (typeof occurrence === 'undefined') {
-        return text.replace(new RegExp(old_text, 'g'), new_text);
-      } else {
-        var index = 0;
-        var i = 0;
-        while (text.indexOf(old_text, index) > 0) {
-          index = text.indexOf(old_text, index + 1);
-          i++;
-          if (i === occurrence) {
-            return text.substring(0, index) + new_text + text.substring(index + old_text.length);
-          }
-        }
-      }
-    };
-
-    Formula.T = function (value) {
-      return (typeof value === "string") ? value : null;
-    };
-
-    Formula.TEXT = function (value, format) {
-      if (!value) {
-        return '';
-      }
-
-      if (value instanceof Object) {
-        try {
-          return JSON.stringify(value);
-        } catch (err) {
-          // ignore
-          return '';
-        }
-      }
-
-      if (typeof value === 'string') {
-        if (!format) { return value; }
-        return (format.indexOf('0') >= 0) ? numeral(value).format(format) : moment(new Date(value)).format(format);
-      }
-
-      if (value.toString && typeof value.toString === 'function') {
-        return value.toString();
-      }
-
-      return '';
-    };
-
-    Formula.TRIM = function (text) {
-      return _s.clean(text);
-    };
-
-    Formula.UNICHAR = Formula.CHAR;
-
-    Formula.UNICODE = Formula.CODE;
-
-    Formula.UPPER = function (text) {
-      return text.toUpperCase();
-    };
-
-    Formula.VALUE = function (text) {
-      return numeral().unformat(text);
-    };
-
-    // Hashing function
-    Formula.MD5 = function (data, key, raw) {
-      return md5(data, key, raw);
-    };
-
-    Formula.NUMERAL = function (number, format) {
-      return numeral(number).format(format);
-    };
-
-    // Excel Error Handling
-    Formula.ISERR = function (value) {
-      return (['#DIV/0!', '#NAME?', '#NUM!', '#NULL!', '#REF!', '#VALUE!'].indexOf(value) >= 0 ) ? true : false;
-    };
-
-    Formula.ISERROR = function (value) {
-      return Formula.ISERR(value) || value === '#N/A';
-    };
-
-    Formula.IFERROR = function (value, valueIfError) {
-      if (Formula.ISERROR(value)) {
-        return valueIfError;
-      }
-
-      return value;
-    };
-    return Formula;
+      return (1 / jStat.betafn(df1 / 2, df2 / 2)) *
+              Math.pow(df1 / df2, df1 / 2) *
+              Math.pow(x, (df1/2) - 1) *
+              Math.pow((1 + (df1 / df2) * x), -(df1 + df2) / 2);
+    }
+
+    p = (df1 * x) / (df2 + x * df1);
+    q = df2 / (df2 + x * df1);
+    f = df1 * q / 2.0;
+    return f * jStat.binomial.pdf((df1 - 2) / 2, (df1 + df2 - 2) / 2, p);
+  },
+
+  cdf: function cdf(x, df1, df2) {
+    if (x < 0)
+      return 0;
+    return jStat.ibeta((df1 * x) / (df1 * x + df2), df1 / 2, df2 / 2);
+  },
+
+  inv: function inv(x, df1, df2) {
+    return df2 / (df1 * (1 / jStat.ibetainv(x, df1 / 2, df2 / 2) - 1));
+  },
+
+  mean: function mean(df1, df2) {
+    return (df2 > 2) ? df2 / (df2 - 2) : undefined;
+  },
+
+  mode: function mode(df1, df2) {
+    return (df1 > 2) ? (df2 * (df1 - 2)) / (df1 * (df2 + 2)) : undefined;
+  },
+
+  // return a random sample
+  sample: function sample(df1, df2) {
+    var x1 = jStat.randg(df1 / 2) * 2;
+    var x2 = jStat.randg(df2 / 2) * 2;
+    return (x1 / df1) / (x2 / df2);
+  },
+
+  variance: function variance(df1, df2) {
+    if (df2 <= 4)
+      return undefined;
+    return 2 * df2 * df2 * (df1 + df2 - 2) /
+        (df1 * (df2 - 2) * (df2 - 2) * (df2 - 4));
   }
-}).call(this);
+});
 
+
+// extend cauchy function with static methods
+jStat.extend(jStat.cauchy, {
+  pdf: function pdf(x, local, scale) {
+    if (scale < 0) { return 0; }
+
+    return (scale / (Math.pow(x - local, 2) + Math.pow(scale, 2))) / Math.PI;
+  },
+
+  cdf: function cdf(x, local, scale) {
+    return Math.atan((x - local) / scale) / Math.PI + 0.5;
+  },
+
+  inv: function(p, local, scale) {
+    return local + scale * Math.tan(Math.PI * (p - 0.5));
+  },
+
+  median: function median(local/*, scale*/) {
+    return local;
+  },
+
+  mode: function mode(local/*, scale*/) {
+    return local;
+  },
+
+  sample: function sample(local, scale) {
+    return jStat.randn() *
+        Math.sqrt(1 / (2 * jStat.randg(0.5))) * scale + local;
+  }
+});
+
+
+
+// extend chisquare function with static methods
+jStat.extend(jStat.chisquare, {
+  pdf: function pdf(x, dof) {
+    if (x < 0)
+      return 0;
+    return (x === 0 && dof === 2) ? 0.5 :
+        Math.exp((dof / 2 - 1) * Math.log(x) - x / 2 - (dof / 2) *
+                 Math.log(2) - jStat.gammaln(dof / 2));
+  },
+
+  cdf: function cdf(x, dof) {
+    if (x < 0)
+      return 0;
+    return jStat.lowRegGamma(dof / 2, x / 2);
+  },
+
+  inv: function(p, dof) {
+    return 2 * jStat.gammapinv(p, 0.5 * dof);
+  },
+
+  mean : function(dof) {
+    return dof;
+  },
+
+  // TODO: this is an approximation (is there a better way?)
+  median: function median(dof) {
+    return dof * Math.pow(1 - (2 / (9 * dof)), 3);
+  },
+
+  mode: function mode(dof) {
+    return (dof - 2 > 0) ? dof - 2 : 0;
+  },
+
+  sample: function sample(dof) {
+    return jStat.randg(dof / 2) * 2;
+  },
+
+  variance: function variance(dof) {
+    return 2 * dof;
+  }
+});
+
+
+
+// extend exponential function with static methods
+jStat.extend(jStat.exponential, {
+  pdf: function pdf(x, rate) {
+    return x < 0 ? 0 : rate * Math.exp(-rate * x);
+  },
+
+  cdf: function cdf(x, rate) {
+    return x < 0 ? 0 : 1 - Math.exp(-rate * x);
+  },
+
+  inv: function(p, rate) {
+    return -Math.log(1 - p) / rate;
+  },
+
+  mean : function(rate) {
+    return 1 / rate;
+  },
+
+  median: function (rate) {
+    return (1 / rate) * Math.log(2);
+  },
+
+  mode: function mode(/*rate*/) {
+    return 0;
+  },
+
+  sample: function sample(rate) {
+    return -1 / rate * Math.log(jStat._random_fn());
+  },
+
+  variance : function(rate) {
+    return Math.pow(rate, -2);
+  }
+});
+
+
+
+// extend gamma function with static methods
+jStat.extend(jStat.gamma, {
+  pdf: function pdf(x, shape, scale) {
+    if (x < 0)
+      return 0;
+    return (x === 0 && shape === 1) ? 1 / scale :
+            Math.exp((shape - 1) * Math.log(x) - x / scale -
+                    jStat.gammaln(shape) - shape * Math.log(scale));
+  },
+
+  cdf: function cdf(x, shape, scale) {
+    if (x < 0)
+      return 0;
+    return jStat.lowRegGamma(shape, x / scale);
+  },
+
+  inv: function(p, shape, scale) {
+    return jStat.gammapinv(p, shape) * scale;
+  },
+
+  mean : function(shape, scale) {
+    return shape * scale;
+  },
+
+  mode: function mode(shape, scale) {
+    if(shape > 1) return (shape - 1) * scale;
+    return undefined;
+  },
+
+  sample: function sample(shape, scale) {
+    return jStat.randg(shape) * scale;
+  },
+
+  variance: function variance(shape, scale) {
+    return shape * scale * scale;
+  }
+});
+
+// extend inverse gamma function with static methods
+jStat.extend(jStat.invgamma, {
+  pdf: function pdf(x, shape, scale) {
+    if (x <= 0)
+      return 0;
+    return Math.exp(-(shape + 1) * Math.log(x) - scale / x -
+                    jStat.gammaln(shape) + shape * Math.log(scale));
+  },
+
+  cdf: function cdf(x, shape, scale) {
+    if (x <= 0)
+      return 0;
+    return 1 - jStat.lowRegGamma(shape, scale / x);
+  },
+
+  inv: function(p, shape, scale) {
+    return scale / jStat.gammapinv(1 - p, shape);
+  },
+
+  mean : function(shape, scale) {
+    return (shape > 1) ? scale / (shape - 1) : undefined;
+  },
+
+  mode: function mode(shape, scale) {
+    return scale / (shape + 1);
+  },
+
+  sample: function sample(shape, scale) {
+    return scale / jStat.randg(shape);
+  },
+
+  variance: function variance(shape, scale) {
+    if (shape <= 2)
+      return undefined;
+    return scale * scale / ((shape - 1) * (shape - 1) * (shape - 2));
+  }
+});
+
+
+// extend kumaraswamy function with static methods
+jStat.extend(jStat.kumaraswamy, {
+  pdf: function pdf(x, alpha, beta) {
+    if (x === 0 && alpha === 1)
+      return beta;
+    else if (x === 1 && beta === 1)
+      return alpha;
+    return Math.exp(Math.log(alpha) + Math.log(beta) + (alpha - 1) *
+                    Math.log(x) + (beta - 1) *
+                    Math.log(1 - Math.pow(x, alpha)));
+  },
+
+  cdf: function cdf(x, alpha, beta) {
+    if (x < 0)
+      return 0;
+    else if (x > 1)
+      return 1;
+    return (1 - Math.pow(1 - Math.pow(x, alpha), beta));
+  },
+
+  inv: function inv(p, alpha, beta) {
+    return Math.pow(1 - Math.pow(1 - p, 1 / beta), 1 / alpha);
+  },
+
+  mean : function(alpha, beta) {
+    return (beta * jStat.gammafn(1 + 1 / alpha) *
+            jStat.gammafn(beta)) / (jStat.gammafn(1 + 1 / alpha + beta));
+  },
+
+  median: function median(alpha, beta) {
+    return Math.pow(1 - Math.pow(2, -1 / beta), 1 / alpha);
+  },
+
+  mode: function mode(alpha, beta) {
+    if (!(alpha >= 1 && beta >= 1 && (alpha !== 1 && beta !== 1)))
+      return undefined;
+    return Math.pow((alpha - 1) / (alpha * beta - 1), 1 / alpha);
+  },
+
+  variance: function variance(/*alpha, beta*/) {
+    throw new Error('variance not yet implemented');
+    // TODO: complete this
+  }
+});
+
+
+
+// extend lognormal function with static methods
+jStat.extend(jStat.lognormal, {
+  pdf: function pdf(x, mu, sigma) {
+    if (x <= 0)
+      return 0;
+    return Math.exp(-Math.log(x) - 0.5 * Math.log(2 * Math.PI) -
+                    Math.log(sigma) - Math.pow(Math.log(x) - mu, 2) /
+                    (2 * sigma * sigma));
+  },
+
+  cdf: function cdf(x, mu, sigma) {
+    if (x < 0)
+      return 0;
+    return 0.5 +
+        (0.5 * jStat.erf((Math.log(x) - mu) / Math.sqrt(2 * sigma * sigma)));
+  },
+
+  inv: function(p, mu, sigma) {
+    return Math.exp(-1.41421356237309505 * sigma * jStat.erfcinv(2 * p) + mu);
+  },
+
+  mean: function mean(mu, sigma) {
+    return Math.exp(mu + sigma * sigma / 2);
+  },
+
+  median: function median(mu/*, sigma*/) {
+    return Math.exp(mu);
+  },
+
+  mode: function mode(mu, sigma) {
+    return Math.exp(mu - sigma * sigma);
+  },
+
+  sample: function sample(mu, sigma) {
+    return Math.exp(jStat.randn() * sigma + mu);
+  },
+
+  variance: function variance(mu, sigma) {
+    return (Math.exp(sigma * sigma) - 1) * Math.exp(2 * mu + sigma * sigma);
+  }
+});
+
+
+
+// extend noncentralt function with static methods
+jStat.extend(jStat.noncentralt, {
+  pdf: function pdf(x, dof, ncp) {
+    var tol = 1e-14;
+    if (Math.abs(ncp) < tol)  // ncp approx 0; use student-t
+      return jStat.studentt.pdf(x, dof)
+
+    if (Math.abs(x) < tol) {  // different formula for x == 0
+      return Math.exp(jStat.gammaln((dof + 1) / 2) - ncp * ncp / 2 -
+                      0.5 * Math.log(Math.PI * dof) - jStat.gammaln(dof / 2));
+    }
+
+    // formula for x != 0
+    return dof / x *
+        (jStat.noncentralt.cdf(x * Math.sqrt(1 + 2 / dof), dof+2, ncp) -
+         jStat.noncentralt.cdf(x, dof, ncp));
+  },
+
+  cdf: function cdf(x, dof, ncp) {
+    var tol = 1e-14;
+    var min_iterations = 200;
+
+    if (Math.abs(ncp) < tol)  // ncp approx 0; use student-t
+      return jStat.studentt.cdf(x, dof);
+
+    // turn negative x into positive and flip result afterwards
+    var flip = false;
+    if (x < 0) {
+      flip = true;
+      ncp = -ncp;
+    }
+
+    var prob = jStat.normal.cdf(-ncp, 0, 1);
+    var value = tol + 1;
+    // use value at last two steps to determine convergence
+    var lastvalue = value;
+    var y = x * x / (x * x + dof);
+    var j = 0;
+    var p = Math.exp(-ncp * ncp / 2);
+    var q = Math.exp(-ncp * ncp / 2 - 0.5 * Math.log(2) -
+                     jStat.gammaln(3 / 2)) * ncp;
+    while (j < min_iterations || lastvalue > tol || value > tol) {
+      lastvalue = value;
+      if (j > 0) {
+        p *= (ncp * ncp) / (2 * j);
+        q *= (ncp * ncp) / (2 * (j + 1 / 2));
+      }
+      value = p * jStat.beta.cdf(y, j + 0.5, dof / 2) +
+          q * jStat.beta.cdf(y, j+1, dof/2);
+      prob += 0.5 * value;
+      j++;
+    }
+
+    return flip ? (1 - prob) : prob;
+  }
+});
+
+
+// extend normal function with static methods
+jStat.extend(jStat.normal, {
+  pdf: function pdf(x, mean, std) {
+    return Math.exp(-0.5 * Math.log(2 * Math.PI) -
+                    Math.log(std) - Math.pow(x - mean, 2) / (2 * std * std));
+  },
+
+  cdf: function cdf(x, mean, std) {
+    return 0.5 * (1 + jStat.erf((x - mean) / Math.sqrt(2 * std * std)));
+  },
+
+  inv: function(p, mean, std) {
+    return -1.41421356237309505 * std * jStat.erfcinv(2 * p) + mean;
+  },
+
+  mean : function(mean/*, std*/) {
+    return mean;
+  },
+
+  median: function median(mean/*, std*/) {
+    return mean;
+  },
+
+  mode: function (mean/*, std*/) {
+    return mean;
+  },
+
+  sample: function sample(mean, std) {
+    return jStat.randn() * std + mean;
+  },
+
+  variance : function(mean, std) {
+    return std * std;
+  }
+});
+
+
+
+// extend pareto function with static methods
+jStat.extend(jStat.pareto, {
+  pdf: function pdf(x, scale, shape) {
+    if (x < scale)
+      return 0;
+    return (shape * Math.pow(scale, shape)) / Math.pow(x, shape + 1);
+  },
+
+  cdf: function cdf(x, scale, shape) {
+    if (x < scale)
+      return 0;
+    return 1 - Math.pow(scale / x, shape);
+  },
+
+  inv: function inv(p, scale, shape) {
+    return scale / Math.pow(1 - p, 1 / shape);
+  },
+
+  mean: function mean(scale, shape) {
+    if (shape <= 1)
+      return undefined;
+    return (shape * Math.pow(scale, shape)) / (shape - 1);
+  },
+
+  median: function median(scale, shape) {
+    return scale * (shape * Math.SQRT2);
+  },
+
+  mode: function mode(scale/*, shape*/) {
+    return scale;
+  },
+
+  variance : function(scale, shape) {
+    if (shape <= 2)
+      return undefined;
+    return (scale*scale * shape) / (Math.pow(shape - 1, 2) * (shape - 2));
+  }
+});
+
+
+
+// extend studentt function with static methods
+jStat.extend(jStat.studentt, {
+  pdf: function pdf(x, dof) {
+    dof = dof > 1e100 ? 1e100 : dof;
+    return (1/(Math.sqrt(dof) * jStat.betafn(0.5, dof/2))) *
+        Math.pow(1 + ((x * x) / dof), -((dof + 1) / 2));
+  },
+
+  cdf: function cdf(x, dof) {
+    var dof2 = dof / 2;
+    return jStat.ibeta((x + Math.sqrt(x * x + dof)) /
+                       (2 * Math.sqrt(x * x + dof)), dof2, dof2);
+  },
+
+  inv: function(p, dof) {
+    var x = jStat.ibetainv(2 * Math.min(p, 1 - p), 0.5 * dof, 0.5);
+    x = Math.sqrt(dof * (1 - x) / x);
+    return (p > 0.5) ? x : -x;
+  },
+
+  mean: function mean(dof) {
+    return (dof > 1) ? 0 : undefined;
+  },
+
+  median: function median(/*dof*/) {
+    return 0;
+  },
+
+  mode: function mode(/*dof*/) {
+    return 0;
+  },
+
+  sample: function sample(dof) {
+    return jStat.randn() * Math.sqrt(dof / (2 * jStat.randg(dof / 2)));
+  },
+
+  variance: function variance(dof) {
+    return (dof  > 2) ? dof / (dof - 2) : (dof > 1) ? Infinity : undefined;
+  }
+});
+
+
+
+// extend weibull function with static methods
+jStat.extend(jStat.weibull, {
+  pdf: function pdf(x, scale, shape) {
+    if (x < 0 || scale < 0 || shape < 0)
+      return 0;
+    return (shape / scale) * Math.pow((x / scale), (shape - 1)) *
+        Math.exp(-(Math.pow((x / scale), shape)));
+  },
+
+  cdf: function cdf(x, scale, shape) {
+    return x < 0 ? 0 : 1 - Math.exp(-Math.pow((x / scale), shape));
+  },
+
+  inv: function(p, scale, shape) {
+    return scale * Math.pow(-Math.log(1 - p), 1 / shape);
+  },
+
+  mean : function(scale, shape) {
+    return scale * jStat.gammafn(1 + 1 / shape);
+  },
+
+  median: function median(scale, shape) {
+    return scale * Math.pow(Math.log(2), 1 / shape);
+  },
+
+  mode: function mode(scale, shape) {
+    if (shape <= 1)
+      return 0;
+    return scale * Math.pow((shape - 1) / shape, 1 / shape);
+  },
+
+  sample: function sample(scale, shape) {
+    return scale * Math.pow(-Math.log(jStat._random_fn()), 1 / shape);
+  },
+
+  variance: function variance(scale, shape) {
+    return scale * scale * jStat.gammafn(1 + 2 / shape) -
+        Math.pow(jStat.weibull.mean(scale, shape), 2);
+  }
+});
+
+
+
+// extend uniform function with static methods
+jStat.extend(jStat.uniform, {
+  pdf: function pdf(x, a, b) {
+    return (x < a || x > b) ? 0 : 1 / (b - a);
+  },
+
+  cdf: function cdf(x, a, b) {
+    if (x < a)
+      return 0;
+    else if (x < b)
+      return (x - a) / (b - a);
+    return 1;
+  },
+
+  inv: function(p, a, b) {
+    return a + (p * (b - a));
+  },
+
+  mean: function mean(a, b) {
+    return 0.5 * (a + b);
+  },
+
+  median: function median(a, b) {
+    return jStat.mean(a, b);
+  },
+
+  mode: function mode(/*a, b*/) {
+    throw new Error('mode is not yet implemented');
+  },
+
+  sample: function sample(a, b) {
+    return (a / 2 + b / 2) + (b / 2 - a / 2) * (2 * jStat._random_fn() - 1);
+  },
+
+  variance: function variance(a, b) {
+    return Math.pow(b - a, 2) / 12;
+  }
+});
+
+
+// Got this from http://www.math.ucla.edu/~tom/distributions/binomial.html
+function betinc(x, a, b, eps) {
+  var a0 = 0;
+  var b0 = 1;
+  var a1 = 1;
+  var b1 = 1;
+  var m9 = 0;
+  var a2 = 0;
+  var c9;
+
+  while (Math.abs((a1 - a2) / a1) > eps) {
+    a2 = a1;
+    c9 = -(a + m9) * (a + b + m9) * x / (a + 2 * m9) / (a + 2 * m9 + 1);
+    a0 = a1 + c9 * a0;
+    b0 = b1 + c9 * b0;
+    m9 = m9 + 1;
+    c9 = m9 * (b - m9) * x / (a + 2 * m9 - 1) / (a + 2 * m9);
+    a1 = a0 + c9 * a1;
+    b1 = b0 + c9 * b1;
+    a0 = a0 / b1;
+    b0 = b0 / b1;
+    a1 = a1 / b1;
+    b1 = 1;
+  }
+
+  return a1 / a;
+}
+
+
+// extend uniform function with static methods
+jStat.extend(jStat.binomial, {
+  pdf: function pdf(k, n, p) {
+    return (p === 0 || p === 1) ?
+      ((n * p) === k ? 1 : 0) :
+      jStat.combination(n, k) * Math.pow(p, k) * Math.pow(1 - p, n - k);
+  },
+
+  cdf: function cdf(x, n, p) {
+    var betacdf;
+    var eps = 1e-10;
+
+    if (x < 0)
+      return 0;
+    if (x >= n)
+      return 1;
+    if (p < 0 || p > 1 || n <= 0)
+      return NaN;
+
+    x = Math.floor(x);
+    var z = p;
+    var a = x + 1;
+    var b = n - x;
+    var s = a + b;
+    var bt = Math.exp(jStat.gammaln(s) - jStat.gammaln(b) -
+                      jStat.gammaln(a) + a * Math.log(z) + b * Math.log(1 - z));
+
+    if (z < (a + 1) / (s + 2))
+      betacdf = bt * betinc(z, a, b, eps);
+    else
+      betacdf = 1 - bt * betinc(1 - z, b, a, eps);
+
+    return Math.round((1 - betacdf) * (1 / eps)) / (1 / eps);
+  }
+});
+
+
+
+// extend uniform function with static methods
+jStat.extend(jStat.negbin, {
+  pdf: function pdf(k, r, p) {
+    if (k !== k >>> 0)
+      return false;
+    if (k < 0)
+      return 0;
+    return jStat.combination(k + r - 1, r - 1) *
+        Math.pow(1 - p, k) * Math.pow(p, r);
+  },
+
+  cdf: function cdf(x, r, p) {
+    var sum = 0,
+    k = 0;
+    if (x < 0) return 0;
+    for (; k <= x; k++) {
+      sum += jStat.negbin.pdf(k, r, p);
+    }
+    return sum;
+  }
+});
+
+
+
+// extend uniform function with static methods
+jStat.extend(jStat.hypgeom, {
+  pdf: function pdf(k, N, m, n) {
+    // Hypergeometric PDF.
+
+    // A simplification of the CDF algorithm below.
+
+    // k = number of successes drawn
+    // N = population size
+    // m = number of successes in population
+    // n = number of items drawn from population
+
+    if(k !== k | 0) {
+      return false;
+    } else if(k < 0 || k < m - (N - n)) {
+      // It's impossible to have this few successes drawn.
+      return 0;
+    } else if(k > n || k > m) {
+      // It's impossible to have this many successes drawn.
+      return 0;
+    } else if (m * 2 > N) {
+      // More than half the population is successes.
+
+      if(n * 2 > N) {
+        // More than half the population is sampled.
+
+        return jStat.hypgeom.pdf(N - m - n + k, N, N - m, N - n)
+      } else {
+        // Half or less of the population is sampled.
+
+        return jStat.hypgeom.pdf(n - k, N, N - m, n);
+      }
+
+    } else if(n * 2 > N) {
+      // Half or less is successes.
+
+      return jStat.hypgeom.pdf(m - k, N, m, N - n);
+
+    } else if(m < n) {
+      // We want to have the number of things sampled to be less than the
+      // successes available. So swap the definitions of successful and sampled.
+      return jStat.hypgeom.pdf(k, N, n, m);
+    } else {
+      // If we get here, half or less of the population was sampled, half or
+      // less of it was successes, and we had fewer sampled things than
+      // successes. Now we can do this complicated iterative algorithm in an
+      // efficient way.
+
+      // The basic premise of the algorithm is that we partially normalize our
+      // intermediate product to keep it in a numerically good region, and then
+      // finish the normalization at the end.
+
+      // This variable holds the scaled probability of the current number of
+      // successes.
+      var scaledPDF = 1;
+
+      // This keeps track of how much we have normalized.
+      var samplesDone = 0;
+
+      for(var i = 0; i < k; i++) {
+        // For every possible number of successes up to that observed...
+
+        while(scaledPDF > 1 && samplesDone < n) {
+          // Intermediate result is growing too big. Apply some of the
+          // normalization to shrink everything.
+
+          scaledPDF *= 1 - (m / (N - samplesDone));
+
+          // Say we've normalized by this sample already.
+          samplesDone++;
+        }
+
+        // Work out the partially-normalized hypergeometric PDF for the next
+        // number of successes
+        scaledPDF *= (n - i) * (m - i) / ((i + 1) * (N - m - n + i + 1));
+      }
+
+      for(; samplesDone < n; samplesDone++) {
+        // Apply all the rest of the normalization
+        scaledPDF *= 1 - (m / (N - samplesDone));
+      }
+
+      // Bound answer sanely before returning.
+      return Math.min(1, Math.max(0, scaledPDF));
+    }
+  },
+
+  cdf: function cdf(x, N, m, n) {
+    // Hypergeometric CDF.
+
+    // This algorithm is due to Prof. Thomas S. Ferguson, <tom@math.ucla.edu>,
+    // and comes from his hypergeometric test calculator at
+    // <http://www.math.ucla.edu/~tom/distributions/Hypergeometric.html>.
+
+    // x = number of successes drawn
+    // N = population size
+    // m = number of successes in population
+    // n = number of items drawn from population
+
+    if(x < 0 || x < m - (N - n)) {
+      // It's impossible to have this few successes drawn or fewer.
+      return 0;
+    } else if(x >= n || x >= m) {
+      // We will always have this many successes or fewer.
+      return 1;
+    } else if (m * 2 > N) {
+      // More than half the population is successes.
+
+      if(n * 2 > N) {
+        // More than half the population is sampled.
+
+        return jStat.hypgeom.cdf(N - m - n + x, N, N - m, N - n)
+      } else {
+        // Half or less of the population is sampled.
+
+        return 1 - jStat.hypgeom.cdf(n - x - 1, N, N - m, n);
+      }
+
+    } else if(n * 2 > N) {
+      // Half or less is successes.
+
+      return 1 - jStat.hypgeom.cdf(m - x - 1, N, m, N - n);
+
+    } else if(m < n) {
+      // We want to have the number of things sampled to be less than the
+      // successes available. So swap the definitions of successful and sampled.
+      return jStat.hypgeom.cdf(x, N, n, m);
+    } else {
+      // If we get here, half or less of the population was sampled, half or
+      // less of it was successes, and we had fewer sampled things than
+      // successes. Now we can do this complicated iterative algorithm in an
+      // efficient way.
+
+      // The basic premise of the algorithm is that we partially normalize our
+      // intermediate sum to keep it in a numerically good region, and then
+      // finish the normalization at the end.
+
+      // Holds the intermediate, scaled total CDF.
+      var scaledCDF = 1;
+
+      // This variable holds the scaled probability of the current number of
+      // successes.
+      var scaledPDF = 1;
+
+      // This keeps track of how much we have normalized.
+      var samplesDone = 0;
+
+      for(var i = 0; i < x; i++) {
+        // For every possible number of successes up to that observed...
+
+        while(scaledCDF > 1 && samplesDone < n) {
+          // Intermediate result is growing too big. Apply some of the
+          // normalization to shrink everything.
+
+          var factor = 1 - (m / (N - samplesDone));
+
+          scaledPDF *= factor;
+          scaledCDF *= factor;
+
+          // Say we've normalized by this sample already.
+          samplesDone++;
+        }
+
+        // Work out the partially-normalized hypergeometric PDF for the next
+        // number of successes
+        scaledPDF *= (n - i) * (m - i) / ((i + 1) * (N - m - n + i + 1));
+
+        // Add to the CDF answer.
+        scaledCDF += scaledPDF;
+      }
+
+      for(; samplesDone < n; samplesDone++) {
+        // Apply all the rest of the normalization
+        scaledCDF *= 1 - (m / (N - samplesDone));
+      }
+
+      // Bound answer sanely before returning.
+      return Math.min(1, Math.max(0, scaledCDF));
+    }
+  }
+});
+
+
+
+// extend uniform function with static methods
+jStat.extend(jStat.poisson, {
+  pdf: function pdf(k, l) {
+    if (l < 0 || (k % 1) !== 0 || k < 0) {
+      return 0;
+    }
+
+    return Math.pow(l, k) * Math.exp(-l) / jStat.factorial(k);
+  },
+
+  cdf: function cdf(x, l) {
+    var sumarr = [],
+    k = 0;
+    if (x < 0) return 0;
+    for (; k <= x; k++) {
+      sumarr.push(jStat.poisson.pdf(k, l));
+    }
+    return jStat.sum(sumarr);
+  },
+
+  mean : function(l) {
+    return l;
+  },
+
+  variance : function(l) {
+    return l;
+  },
+
+  sampleSmall: function sampleSmall(l) {
+    var p = 1, k = 0, L = Math.exp(-l);
+    do {
+      k++;
+      p *= jStat._random_fn();
+    } while (p > L);
+    return k - 1;
+  },
+
+  sampleLarge: function sampleLarge(l) {
+    var lam = l;
+    var k;
+    var U, V, slam, loglam, a, b, invalpha, vr, us;
+
+    slam = Math.sqrt(lam);
+    loglam = Math.log(lam);
+    b = 0.931 + 2.53 * slam;
+    a = -0.059 + 0.02483 * b;
+    invalpha = 1.1239 + 1.1328 / (b - 3.4);
+    vr = 0.9277 - 3.6224 / (b - 2);
+
+    while (1) {
+      U = Math.random() - 0.5;
+      V = Math.random();
+      us = 0.5 - Math.abs(U);
+      k = Math.floor((2 * a / us + b) * U + lam + 0.43);
+      if ((us >= 0.07) && (V <= vr)) {
+          return k;
+      }
+      if ((k < 0) || ((us < 0.013) && (V > us))) {
+          continue;
+      }
+      /* log(V) == log(0.0) ok here */
+      /* if U==0.0 so that us==0.0, log is ok since always returns */
+      if ((Math.log(V) + Math.log(invalpha) - Math.log(a / (us * us) + b)) <= (-lam + k * loglam - jStat.loggam(k + 1))) {
+          return k;
+      }
+    }
+  },
+
+  sample: function sample(l) {
+    if (l < 10)
+      return this.sampleSmall(l);
+    else
+      return this.sampleLarge(l);
+  }
+});
+
+// extend triangular function with static methods
+jStat.extend(jStat.triangular, {
+  pdf: function pdf(x, a, b, c) {
+    if (b <= a || c < a || c > b) {
+      return NaN;
+    } else {
+      if (x < a || x > b) {
+        return 0;
+      } else if (x < c) {
+          return (2 * (x - a)) / ((b - a) * (c - a));
+      } else if (x === c) {
+          return (2 / (b - a));
+      } else { // x > c
+          return (2 * (b - x)) / ((b - a) * (b - c));
+      }
+    }
+  },
+
+  cdf: function cdf(x, a, b, c) {
+    if (b <= a || c < a || c > b)
+      return NaN;
+    if (x <= a)
+      return 0;
+    else if (x >= b)
+      return 1;
+    if (x <= c)
+      return Math.pow(x - a, 2) / ((b - a) * (c - a));
+    else // x > c
+      return 1 - Math.pow(b - x, 2) / ((b - a) * (b - c));
+  },
+
+  inv: function inv(p, a, b, c) {
+    if (b <= a || c < a || c > b) {
+      return NaN;
+    } else {
+      if (p <= ((c - a) / (b - a))) {
+        return a + (b - a) * Math.sqrt(p * ((c - a) / (b - a)));
+      } else { // p > ((c - a) / (b - a))
+        return a + (b - a) * (1 - Math.sqrt((1 - p) * (1 - ((c - a) / (b - a)))));
+      }
+    }
+  },
+
+  mean: function mean(a, b, c) {
+    return (a + b + c) / 3;
+  },
+
+  median: function median(a, b, c) {
+    if (c <= (a + b) / 2) {
+      return b - Math.sqrt((b - a) * (b - c)) / Math.sqrt(2);
+    } else if (c > (a + b) / 2) {
+      return a + Math.sqrt((b - a) * (c - a)) / Math.sqrt(2);
+    }
+  },
+
+  mode: function mode(a, b, c) {
+    return c;
+  },
+
+  sample: function sample(a, b, c) {
+    var u = jStat._random_fn();
+    if (u < ((c - a) / (b - a)))
+      return a + Math.sqrt(u * (b - a) * (c - a))
+    return b - Math.sqrt((1 - u) * (b - a) * (b - c));
+  },
+
+  variance: function variance(a, b, c) {
+    return (a * a + b * b + c * c - a * b - a * c - b * c) / 18;
+  }
+});
+
+
+// extend arcsine function with static methods
+jStat.extend(jStat.arcsine, {
+  pdf: function pdf(x, a, b) {
+    if (b <= a) return NaN;
+
+    return (x <= a || x >= b) ? 0 :
+      (2 / Math.PI) *
+        Math.pow(Math.pow(b - a, 2) -
+                  Math.pow(2 * x - a - b, 2), -0.5);
+  },
+
+  cdf: function cdf(x, a, b) {
+    if (x < a)
+      return 0;
+    else if (x < b)
+      return (2 / Math.PI) * Math.asin(Math.sqrt((x - a)/(b - a)));
+    return 1;
+  },
+
+  inv: function(p, a, b) {
+    return a + (0.5 - 0.5 * Math.cos(Math.PI * p)) * (b - a);
+  },
+
+  mean: function mean(a, b) {
+    if (b <= a) return NaN;
+    return (a + b) / 2;
+  },
+
+  median: function median(a, b) {
+    if (b <= a) return NaN;
+    return (a + b) / 2;
+  },
+
+  mode: function mode(/*a, b*/) {
+    throw new Error('mode is not yet implemented');
+  },
+
+  sample: function sample(a, b) {
+    return ((a + b) / 2) + ((b - a) / 2) *
+      Math.sin(2 * Math.PI * jStat.uniform.sample(0, 1));
+  },
+
+  variance: function variance(a, b) {
+    if (b <= a) return NaN;
+    return Math.pow(b - a, 2) / 8;
+  }
+});
+
+
+function laplaceSign(x) { return x / Math.abs(x); }
+
+jStat.extend(jStat.laplace, {
+  pdf: function pdf(x, mu, b) {
+    return (b <= 0) ? 0 : (Math.exp(-Math.abs(x - mu) / b)) / (2 * b);
+  },
+
+  cdf: function cdf(x, mu, b) {
+    if (b <= 0) { return 0; }
+
+    if(x < mu) {
+      return 0.5 * Math.exp((x - mu) / b);
+    } else {
+      return 1 - 0.5 * Math.exp(- (x - mu) / b);
+    }
+  },
+
+  mean: function(mu/*, b*/) {
+    return mu;
+  },
+
+  median: function(mu/*, b*/) {
+    return mu;
+  },
+
+  mode: function(mu/*, b*/) {
+    return mu;
+  },
+
+  variance: function(mu, b) {
+    return 2 * b * b;
+  },
+
+  sample: function sample(mu, b) {
+    var u = jStat._random_fn() - 0.5;
+
+    return mu - (b * laplaceSign(u) * Math.log(1 - (2 * Math.abs(u))));
+  }
+});
+
+function tukeyWprob(w, rr, cc) {
+  var nleg = 12;
+  var ihalf = 6;
+
+  var C1 = -30;
+  var C2 = -50;
+  var C3 = 60;
+  var bb   = 8;
+  var wlar = 3;
+  var wincr1 = 2;
+  var wincr2 = 3;
+  var xleg = [
+    0.981560634246719250690549090149,
+    0.904117256370474856678465866119,
+    0.769902674194304687036893833213,
+    0.587317954286617447296702418941,
+    0.367831498998180193752691536644,
+    0.125233408511468915472441369464
+  ];
+  var aleg = [
+    0.047175336386511827194615961485,
+    0.106939325995318430960254718194,
+    0.160078328543346226334652529543,
+    0.203167426723065921749064455810,
+    0.233492536538354808760849898925,
+    0.249147045813402785000562436043
+  ];
+
+  var qsqz = w * 0.5;
+
+  // if w >= 16 then the integral lower bound (occurs for c=20)
+  // is 0.99999999999995 so return a value of 1.
+
+  if (qsqz >= bb)
+    return 1.0;
+
+  // find (f(w/2) - 1) ^ cc
+  // (first term in integral of hartley's form).
+
+  var pr_w = 2 * jStat.normal.cdf(qsqz, 0, 1, 1, 0) - 1; // erf(qsqz / M_SQRT2)
+  // if pr_w ^ cc < 2e-22 then set pr_w = 0
+  if (pr_w >= Math.exp(C2 / cc))
+    pr_w = Math.pow(pr_w, cc);
+  else
+    pr_w = 0.0;
+
+  // if w is large then the second component of the
+  // integral is small, so fewer intervals are needed.
+
+  var wincr;
+  if (w > wlar)
+    wincr = wincr1;
+  else
+    wincr = wincr2;
+
+  // find the integral of second term of hartley's form
+  // for the integral of the range for equal-length
+  // intervals using legendre quadrature.  limits of
+  // integration are from (w/2, 8).  two or three
+  // equal-length intervals are used.
+
+  // blb and bub are lower and upper limits of integration.
+
+  var blb = qsqz;
+  var binc = (bb - qsqz) / wincr;
+  var bub = blb + binc;
+  var einsum = 0.0;
+
+  // integrate over each interval
+
+  var cc1 = cc - 1.0;
+  for (var wi = 1; wi <= wincr; wi++) {
+    var elsum = 0.0;
+    var a = 0.5 * (bub + blb);
+
+    // legendre quadrature with order = nleg
+
+    var b = 0.5 * (bub - blb);
+
+    for (var jj = 1; jj <= nleg; jj++) {
+      var j, xx;
+      if (ihalf < jj) {
+        j = (nleg - jj) + 1;
+        xx = xleg[j-1];
+      } else {
+        j = jj;
+        xx = -xleg[j-1];
+      }
+      var c = b * xx;
+      var ac = a + c;
+
+      // if exp(-qexpo/2) < 9e-14,
+      // then doesn't contribute to integral
+
+      var qexpo = ac * ac;
+      if (qexpo > C3)
+        break;
+
+      var pplus = 2 * jStat.normal.cdf(ac, 0, 1, 1, 0);
+      var pminus= 2 * jStat.normal.cdf(ac, w, 1, 1, 0);
+
+      // if rinsum ^ (cc-1) < 9e-14,
+      // then doesn't contribute to integral
+
+      var rinsum = (pplus * 0.5) - (pminus * 0.5);
+      if (rinsum >= Math.exp(C1 / cc1)) {
+        rinsum = (aleg[j-1] * Math.exp(-(0.5 * qexpo))) * Math.pow(rinsum, cc1);
+        elsum += rinsum;
+      }
+    }
+    elsum *= (((2.0 * b) * cc) / Math.sqrt(2 * Math.PI));
+    einsum += elsum;
+    blb = bub;
+    bub += binc;
+  }
+
+  // if pr_w ^ rr < 9e-14, then return 0
+  pr_w += einsum;
+  if (pr_w <= Math.exp(C1 / rr))
+    return 0;
+
+  pr_w = Math.pow(pr_w, rr);
+  if (pr_w >= 1) // 1 was iMax was eps
+    return 1;
+  return pr_w;
+}
+
+function tukeyQinv(p, c, v) {
+  var p0 = 0.322232421088;
+  var q0 = 0.993484626060e-01;
+  var p1 = -1.0;
+  var q1 = 0.588581570495;
+  var p2 = -0.342242088547;
+  var q2 = 0.531103462366;
+  var p3 = -0.204231210125;
+  var q3 = 0.103537752850;
+  var p4 = -0.453642210148e-04;
+  var q4 = 0.38560700634e-02;
+  var c1 = 0.8832;
+  var c2 = 0.2368;
+  var c3 = 1.214;
+  var c4 = 1.208;
+  var c5 = 1.4142;
+  var vmax = 120.0;
+
+  var ps = 0.5 - 0.5 * p;
+  var yi = Math.sqrt(Math.log(1.0 / (ps * ps)));
+  var t = yi + (((( yi * p4 + p3) * yi + p2) * yi + p1) * yi + p0)
+     / (((( yi * q4 + q3) * yi + q2) * yi + q1) * yi + q0);
+  if (v < vmax) t += (t * t * t + t) / v / 4.0;
+  var q = c1 - c2 * t;
+  if (v < vmax) q += -c3 / v + c4 * t / v;
+  return t * (q * Math.log(c - 1.0) + c5);
+}
+
+jStat.extend(jStat.tukey, {
+  cdf: function cdf(q, nmeans, df) {
+    // Identical implementation as the R ptukey() function as of commit 68947
+    var rr = 1;
+    var cc = nmeans;
+
+    var nlegq = 16;
+    var ihalfq = 8;
+
+    var eps1 = -30.0;
+    var eps2 = 1.0e-14;
+    var dhaf  = 100.0;
+    var dquar = 800.0;
+    var deigh = 5000.0;
+    var dlarg = 25000.0;
+    var ulen1 = 1.0;
+    var ulen2 = 0.5;
+    var ulen3 = 0.25;
+    var ulen4 = 0.125;
+    var xlegq = [
+      0.989400934991649932596154173450,
+      0.944575023073232576077988415535,
+      0.865631202387831743880467897712,
+      0.755404408355003033895101194847,
+      0.617876244402643748446671764049,
+      0.458016777657227386342419442984,
+      0.281603550779258913230460501460,
+      0.950125098376374401853193354250e-1
+    ];
+    var alegq = [
+      0.271524594117540948517805724560e-1,
+      0.622535239386478928628438369944e-1,
+      0.951585116824927848099251076022e-1,
+      0.124628971255533872052476282192,
+      0.149595988816576732081501730547,
+      0.169156519395002538189312079030,
+      0.182603415044923588866763667969,
+      0.189450610455068496285396723208
+    ];
+
+    if (q <= 0)
+      return 0;
+
+    // df must be > 1
+    // there must be at least two values
+
+    if (df < 2 || rr < 1 || cc < 2) return NaN;
+
+    if (!Number.isFinite(q))
+      return 1;
+
+    if (df > dlarg)
+      return tukeyWprob(q, rr, cc);
+
+    // calculate leading constant
+
+    var f2 = df * 0.5;
+    var f2lf = ((f2 * Math.log(df)) - (df * Math.log(2))) - jStat.gammaln(f2);
+    var f21 = f2 - 1.0;
+
+    // integral is divided into unit, half-unit, quarter-unit, or
+    // eighth-unit length intervals depending on the value of the
+    // degrees of freedom.
+
+    var ff4 = df * 0.25;
+    var ulen;
+    if      (df <= dhaf)  ulen = ulen1;
+    else if (df <= dquar) ulen = ulen2;
+    else if (df <= deigh) ulen = ulen3;
+    else                  ulen = ulen4;
+
+    f2lf += Math.log(ulen);
+
+    // integrate over each subinterval
+
+    var ans = 0.0;
+
+    for (var i = 1; i <= 50; i++) {
+      var otsum = 0.0;
+
+      // legendre quadrature with order = nlegq
+      // nodes (stored in xlegq) are symmetric around zero.
+
+      var twa1 = (2 * i - 1) * ulen;
+
+      for (var jj = 1; jj <= nlegq; jj++) {
+        var j, t1;
+        if (ihalfq < jj) {
+          j = jj - ihalfq - 1;
+          t1 = (f2lf + (f21 * Math.log(twa1 + (xlegq[j] * ulen))))
+              - (((xlegq[j] * ulen) + twa1) * ff4);
+        } else {
+          j = jj - 1;
+          t1 = (f2lf + (f21 * Math.log(twa1 - (xlegq[j] * ulen))))
+              + (((xlegq[j] * ulen) - twa1) * ff4);
+        }
+
+        // if exp(t1) < 9e-14, then doesn't contribute to integral
+        var qsqz;
+        if (t1 >= eps1) {
+          if (ihalfq < jj) {
+            qsqz = q * Math.sqrt(((xlegq[j] * ulen) + twa1) * 0.5);
+          } else {
+            qsqz = q * Math.sqrt(((-(xlegq[j] * ulen)) + twa1) * 0.5);
+          }
+
+          // call wprob to find integral of range portion
+
+          var wprb = tukeyWprob(qsqz, rr, cc);
+          var rotsum = (wprb * alegq[j]) * Math.exp(t1);
+          otsum += rotsum;
+        }
+        // end legendre integral for interval i
+        // L200:
+      }
+
+      // if integral for interval i < 1e-14, then stop.
+      // However, in order to avoid small area under left tail,
+      // at least  1 / ulen  intervals are calculated.
+      if (i * ulen >= 1.0 && otsum <= eps2)
+        break;
+
+      // end of interval i
+      // L330:
+
+      ans += otsum;
+    }
+
+    if (otsum > eps2) { // not converged
+      throw new Error('tukey.cdf failed to converge');
+    }
+    if (ans > 1)
+      ans = 1;
+    return ans;
+  },
+
+  inv: function(p, nmeans, df) {
+    // Identical implementation as the R qtukey() function as of commit 68947
+    var rr = 1;
+    var cc = nmeans;
+
+    var eps = 0.0001;
+    var maxiter = 50;
+
+    // df must be > 1 ; there must be at least two values
+    if (df < 2 || rr < 1 || cc < 2) return NaN;
+
+    if (p < 0 || p > 1) return NaN;
+    if (p === 0) return 0;
+    if (p === 1) return Infinity;
+
+    // Initial value
+
+    var x0 = tukeyQinv(p, cc, df);
+
+    // Find prob(value < x0)
+
+    var valx0 = jStat.tukey.cdf(x0, nmeans, df) - p;
+
+    // Find the second iterate and prob(value < x1).
+    // If the first iterate has probability value
+    // exceeding p then second iterate is 1 less than
+    // first iterate; otherwise it is 1 greater.
+
+    var x1;
+    if (valx0 > 0.0)
+      x1 = Math.max(0.0, x0 - 1.0);
+    else
+      x1 = x0 + 1.0;
+    var valx1 = jStat.tukey.cdf(x1, nmeans, df) - p;
+
+    // Find new iterate
+
+    var ans;
+    for(var iter = 1; iter < maxiter; iter++) {
+      ans = x1 - ((valx1 * (x1 - x0)) / (valx1 - valx0));
+      valx0 = valx1;
+
+      // New iterate must be >= 0
+
+      x0 = x1;
+      if (ans < 0.0) {
+        ans = 0.0;
+        valx1 = -p;
+      }
+      // Find prob(value < new iterate)
+
+      valx1 = jStat.tukey.cdf(ans, nmeans, df) - p;
+      x1 = ans;
+
+      // If the difference between two successive
+      // iterates is less than eps, stop
+
+      var xabs = Math.abs(x1 - x0);
+      if (xabs < eps)
+        return ans;
+    }
+
+    throw new Error('tukey.inv failed to converge');
+  }
+});
+
+}(jStat, Math));
+/* Provides functions for the solution of linear system of equations, integration, extrapolation,
+ * interpolation, eigenvalue problems, differential equations and PCA analysis. */
+
+(function(jStat, Math) {
+
+var push = Array.prototype.push;
+var isArray = jStat.utils.isArray;
+
+function isUsable(arg) {
+  return isArray(arg) || arg instanceof jStat;
+}
+
+jStat.extend({
+
+  // add a vector/matrix to a vector/matrix or scalar
+  add: function add(arr, arg) {
+    // check if arg is a vector or scalar
+    if (isUsable(arg)) {
+      if (!isUsable(arg[0])) arg = [ arg ];
+      return jStat.map(arr, function(value, row, col) {
+        return value + arg[row][col];
+      });
+    }
+    return jStat.map(arr, function(value) { return value + arg; });
+  },
+
+  // subtract a vector or scalar from the vector
+  subtract: function subtract(arr, arg) {
+    // check if arg is a vector or scalar
+    if (isUsable(arg)) {
+      if (!isUsable(arg[0])) arg = [ arg ];
+      return jStat.map(arr, function(value, row, col) {
+        return value - arg[row][col] || 0;
+      });
+    }
+    return jStat.map(arr, function(value) { return value - arg; });
+  },
+
+  // matrix division
+  divide: function divide(arr, arg) {
+    if (isUsable(arg)) {
+      if (!isUsable(arg[0])) arg = [ arg ];
+      return jStat.multiply(arr, jStat.inv(arg));
+    }
+    return jStat.map(arr, function(value) { return value / arg; });
+  },
+
+  // matrix multiplication
+  multiply: function multiply(arr, arg) {
+    var row, col, nrescols, sum, nrow, ncol, res, rescols;
+    // eg: arr = 2 arg = 3 -> 6 for res[0][0] statement closure
+    if (arr.length === undefined && arg.length === undefined) {
+      return arr * arg;
+    }
+    nrow = arr.length,
+    ncol = arr[0].length,
+    res = jStat.zeros(nrow, nrescols = (isUsable(arg)) ? arg[0].length : ncol),
+    rescols = 0;
+    if (isUsable(arg)) {
+      for (; rescols < nrescols; rescols++) {
+        for (row = 0; row < nrow; row++) {
+          sum = 0;
+          for (col = 0; col < ncol; col++)
+          sum += arr[row][col] * arg[col][rescols];
+          res[row][rescols] = sum;
+        }
+      }
+      return (nrow === 1 && rescols === 1) ? res[0][0] : res;
+    }
+    return jStat.map(arr, function(value) { return value * arg; });
+  },
+
+  // outer([1,2,3],[4,5,6])
+  // ===
+  // [[1],[2],[3]] times [[4,5,6]]
+  // ->
+  // [[4,5,6],[8,10,12],[12,15,18]]
+  outer:function outer(A, B) {
+    return jStat.multiply(A.map(function(t){ return [t] }), [B]);
+  },
+
+
+  // Returns the dot product of two matricies
+  dot: function dot(arr, arg) {
+    if (!isUsable(arr[0])) arr = [ arr ];
+    if (!isUsable(arg[0])) arg = [ arg ];
+    // convert column to row vector
+    var left = (arr[0].length === 1 && arr.length !== 1) ? jStat.transpose(arr) : arr,
+    right = (arg[0].length === 1 && arg.length !== 1) ? jStat.transpose(arg) : arg,
+    res = [],
+    row = 0,
+    nrow = left.length,
+    ncol = left[0].length,
+    sum, col;
+    for (; row < nrow; row++) {
+      res[row] = [];
+      sum = 0;
+      for (col = 0; col < ncol; col++)
+      sum += left[row][col] * right[row][col];
+      res[row] = sum;
+    }
+    return (res.length === 1) ? res[0] : res;
+  },
+
+  // raise every element by a scalar
+  pow: function pow(arr, arg) {
+    return jStat.map(arr, function(value) { return Math.pow(value, arg); });
+  },
+
+  // exponentiate every element
+  exp: function exp(arr) {
+    return jStat.map(arr, function(value) { return Math.exp(value); });
+  },
+
+  // generate the natural log of every element
+  log: function exp(arr) {
+    return jStat.map(arr, function(value) { return Math.log(value); });
+  },
+
+  // generate the absolute values of the vector
+  abs: function abs(arr) {
+    return jStat.map(arr, function(value) { return Math.abs(value); });
+  },
+
+  // computes the p-norm of the vector
+  // In the case that a matrix is passed, uses the first row as the vector
+  norm: function norm(arr, p) {
+    var nnorm = 0,
+    i = 0;
+    // check the p-value of the norm, and set for most common case
+    if (isNaN(p)) p = 2;
+    // check if multi-dimensional array, and make vector correction
+    if (isUsable(arr[0])) arr = arr[0];
+    // vector norm
+    for (; i < arr.length; i++) {
+      nnorm += Math.pow(Math.abs(arr[i]), p);
+    }
+    return Math.pow(nnorm, 1 / p);
+  },
+
+  // computes the angle between two vectors in rads
+  // In case a matrix is passed, this uses the first row as the vector
+  angle: function angle(arr, arg) {
+    return Math.acos(jStat.dot(arr, arg) / (jStat.norm(arr) * jStat.norm(arg)));
+  },
+
+  // augment one matrix by another
+  // Note: this function returns a matrix, not a jStat object
+  aug: function aug(a, b) {
+    var newarr = [];
+    var i;
+    for (i = 0; i < a.length; i++) {
+      newarr.push(a[i].slice());
+    }
+    for (i = 0; i < newarr.length; i++) {
+      push.apply(newarr[i], b[i]);
+    }
+    return newarr;
+  },
+
+  // The inv() function calculates the inverse of a matrix
+  // Create the inverse by augmenting the matrix by the identity matrix of the
+  // appropriate size, and then use G-J elimination on the augmented matrix.
+  inv: function inv(a) {
+    var rows = a.length;
+    var cols = a[0].length;
+    var b = jStat.identity(rows, cols);
+    var c = jStat.gauss_jordan(a, b);
+    var result = [];
+    var i = 0;
+    var j;
+
+    //We need to copy the inverse portion to a new matrix to rid G-J artifacts
+    for (; i < rows; i++) {
+      result[i] = [];
+      for (j = cols; j < c[0].length; j++)
+        result[i][j - cols] = c[i][j];
+    }
+    return result;
+  },
+
+  // calculate the determinant of a matrix
+  det: function det(a) {
+    var alen = a.length,
+    alend = alen * 2,
+    vals = new Array(alend),
+    rowshift = alen - 1,
+    colshift = alend - 1,
+    mrow = rowshift - alen + 1,
+    mcol = colshift,
+    i = 0,
+    result = 0,
+    j;
+    // check for special 2x2 case
+    if (alen === 2) {
+      return a[0][0] * a[1][1] - a[0][1] * a[1][0];
+    }
+    for (; i < alend; i++) {
+      vals[i] = 1;
+    }
+    for (i = 0; i < alen; i++) {
+      for (j = 0; j < alen; j++) {
+        vals[(mrow < 0) ? mrow + alen : mrow ] *= a[i][j];
+        vals[(mcol < alen) ? mcol + alen : mcol ] *= a[i][j];
+        mrow++;
+        mcol--;
+      }
+      mrow = --rowshift - alen + 1;
+      mcol = --colshift;
+    }
+    for (i = 0; i < alen; i++) {
+      result += vals[i];
+    }
+    for (; i < alend; i++) {
+      result -= vals[i];
+    }
+    return result;
+  },
+
+  gauss_elimination: function gauss_elimination(a, b) {
+    var i = 0,
+    j = 0,
+    n = a.length,
+    m = a[0].length,
+    factor = 1,
+    sum = 0,
+    x = [],
+    maug, pivot, temp, k;
+    a = jStat.aug(a, b);
+    maug = a[0].length;
+    for(i = 0; i < n; i++) {
+      pivot = a[i][i];
+      j = i;
+      for (k = i + 1; k < m; k++) {
+        if (pivot < Math.abs(a[k][i])) {
+          pivot = a[k][i];
+          j = k;
+        }
+      }
+      if (j != i) {
+        for(k = 0; k < maug; k++) {
+          temp = a[i][k];
+          a[i][k] = a[j][k];
+          a[j][k] = temp;
+        }
+      }
+      for (j = i + 1; j < n; j++) {
+        factor = a[j][i] / a[i][i];
+        for(k = i; k < maug; k++) {
+          a[j][k] = a[j][k] - factor * a[i][k];
+        }
+      }
+    }
+    for (i = n - 1; i >= 0; i--) {
+      sum = 0;
+      for (j = i + 1; j<= n - 1; j++) {
+        sum = sum + x[j] * a[i][j];
+      }
+      x[i] =(a[i][maug - 1] - sum) / a[i][i];
+    }
+    return x;
+  },
+
+  gauss_jordan: function gauss_jordan(a, b) {
+    var m = jStat.aug(a, b);
+    var h = m.length;
+    var w = m[0].length;
+    var c = 0;
+    var x, y, y2;
+    // find max pivot
+    for (y = 0; y < h; y++) {
+      var maxrow = y;
+      for (y2 = y+1; y2 < h; y2++) {
+        if (Math.abs(m[y2][y]) > Math.abs(m[maxrow][y]))
+          maxrow = y2;
+      }
+      var tmp = m[y];
+      m[y] = m[maxrow];
+      m[maxrow] = tmp
+      for (y2 = y+1; y2 < h; y2++) {
+        c = m[y2][y] / m[y][y];
+        for (x = y; x < w; x++) {
+          m[y2][x] -= m[y][x] * c;
+        }
+      }
+    }
+    // backsubstitute
+    for (y = h-1; y >= 0; y--) {
+      c = m[y][y];
+      for (y2 = 0; y2 < y; y2++) {
+        for (x = w-1; x > y-1; x--) {
+          m[y2][x] -= m[y][x] * m[y2][y] / c;
+        }
+      }
+      m[y][y] /= c;
+      for (x = h; x < w; x++) {
+        m[y][x] /= c;
+      }
+    }
+    return m;
+  },
+
+  // solve equation
+  // Ax=b
+  // A is upper triangular matrix
+  // A=[[1,2,3],[0,4,5],[0,6,7]]
+  // b=[1,2,3]
+  // triaUpSolve(A,b) // -> [2.666,0.1666,1.666]
+  // if you use matrix style
+  // A=[[1,2,3],[0,4,5],[0,6,7]]
+  // b=[[1],[2],[3]]
+  // will return [[2.666],[0.1666],[1.666]]
+  triaUpSolve: function triaUpSolve(A, b) {
+    var size = A[0].length;
+    var x = jStat.zeros(1, size)[0];
+    var parts;
+    var matrix_mode = false;
+
+    if (b[0].length != undefined) {
+      b = b.map(function(i){ return i[0] });
+      matrix_mode = true;
+    }
+
+    jStat.arange(size - 1, -1, -1).forEach(function(i) {
+      parts = jStat.arange(i + 1, size).map(function(j) {
+        return x[j] * A[i][j];
+      });
+      x[i] = (b[i] - jStat.sum(parts)) / A[i][i];
+    });
+
+    if (matrix_mode)
+      return x.map(function(i){ return [i] });
+    return x;
+  },
+
+  triaLowSolve: function triaLowSolve(A, b) {
+    // like to triaUpSolve but A is lower triangular matrix
+    var size = A[0].length;
+    var x = jStat.zeros(1, size)[0];
+    var parts;
+
+    var matrix_mode=false;
+    if (b[0].length != undefined) {
+      b = b.map(function(i){ return i[0] });
+      matrix_mode = true;
+    }
+
+    jStat.arange(size).forEach(function(i) {
+      parts = jStat.arange(i).map(function(j) {
+        return A[i][j] * x[j];
+      });
+      x[i] = (b[i] - jStat.sum(parts)) / A[i][i];
+    })
+
+    if (matrix_mode)
+      return x.map(function(i){ return [i] });
+    return x;
+  },
+
+
+  // A -> [L,U]
+  // A=LU
+  // L is lower triangular matrix
+  // U is upper triangular matrix
+  lu: function lu(A) {
+    var size = A.length;
+    //var L=jStat.diagonal(jStat.ones(1,size)[0]);
+    var L = jStat.identity(size);
+    var R = jStat.zeros(A.length, A[0].length);
+    var parts;
+    jStat.arange(size).forEach(function(t) {
+      R[0][t] = A[0][t];
+    });
+    jStat.arange(1, size).forEach(function(l) {
+      jStat.arange(l).forEach(function(i) {
+        parts = jStat.arange(i).map(function(jj) {
+          return L[l][jj] * R[jj][i];
+        });
+        L[l][i] = (A[l][i] - jStat.sum(parts)) / R[i][i];
+      });
+      jStat.arange(l, size).forEach(function(j) {
+        parts = jStat.arange(l).map(function(jj) {
+          return L[l][jj] * R[jj][j];
+        });
+        R[l][j] = A[parts.length][j] - jStat.sum(parts);
+      });
+    });
+    return [L, R];
+  },
+
+  // A -> T
+  // A=TT'
+  // T is lower triangular matrix
+  cholesky: function cholesky(A) {
+    var size = A.length;
+    var T = jStat.zeros(A.length, A[0].length);
+    var parts;
+    jStat.arange(size).forEach(function(i) {
+      parts = jStat.arange(i).map(function(t) {
+        return Math.pow(T[i][t],2);
+      });
+      T[i][i] = Math.sqrt(A[i][i] - jStat.sum(parts));
+      jStat.arange(i + 1, size).forEach(function(j) {
+        parts = jStat.arange(i).map(function(t) {
+          return T[i][t] * T[j][t];
+        });
+        T[j][i] = (A[i][j] - jStat.sum(parts)) / T[i][i];
+      });
+    });
+    return T;
+  },
+
+
+  gauss_jacobi: function gauss_jacobi(a, b, x, r) {
+    var i = 0;
+    var j = 0;
+    var n = a.length;
+    var l = [];
+    var u = [];
+    var d = [];
+    var xv, c, h, xk;
+    for (; i < n; i++) {
+      l[i] = [];
+      u[i] = [];
+      d[i] = [];
+      for (j = 0; j < n; j++) {
+        if (i > j) {
+          l[i][j] = a[i][j];
+          u[i][j] = d[i][j] = 0;
+        } else if (i < j) {
+          u[i][j] = a[i][j];
+          l[i][j] = d[i][j] = 0;
+        } else {
+          d[i][j] = a[i][j];
+          l[i][j] = u[i][j] = 0;
+        }
+      }
+    }
+    h = jStat.multiply(jStat.multiply(jStat.inv(d), jStat.add(l, u)), -1);
+    c = jStat.multiply(jStat.inv(d), b);
+    xv = x;
+    xk = jStat.add(jStat.multiply(h, x), c);
+    i = 2;
+    while (Math.abs(jStat.norm(jStat.subtract(xk,xv))) > r) {
+      xv = xk;
+      xk = jStat.add(jStat.multiply(h, xv), c);
+      i++;
+    }
+    return xk;
+  },
+
+  gauss_seidel: function gauss_seidel(a, b, x, r) {
+    var i = 0;
+    var n = a.length;
+    var l = [];
+    var u = [];
+    var d = [];
+    var j, xv, c, h, xk;
+    for (; i < n; i++) {
+      l[i] = [];
+      u[i] = [];
+      d[i] = [];
+      for (j = 0; j < n; j++) {
+        if (i > j) {
+          l[i][j] = a[i][j];
+          u[i][j] = d[i][j] = 0;
+        } else if (i < j) {
+          u[i][j] = a[i][j];
+          l[i][j] = d[i][j] = 0;
+        } else {
+          d[i][j] = a[i][j];
+          l[i][j] = u[i][j] = 0;
+        }
+      }
+    }
+    h = jStat.multiply(jStat.multiply(jStat.inv(jStat.add(d, l)), u), -1);
+    c = jStat.multiply(jStat.inv(jStat.add(d, l)), b);
+    xv = x;
+    xk = jStat.add(jStat.multiply(h, x), c);
+    i = 2;
+    while (Math.abs(jStat.norm(jStat.subtract(xk, xv))) > r) {
+      xv = xk;
+      xk = jStat.add(jStat.multiply(h, xv), c);
+      i = i + 1;
+    }
+    return xk;
+  },
+
+  SOR: function SOR(a, b, x, r, w) {
+    var i = 0;
+    var n = a.length;
+    var l = [];
+    var u = [];
+    var d = [];
+    var j, xv, c, h, xk;
+    for (; i < n; i++) {
+      l[i] = [];
+      u[i] = [];
+      d[i] = [];
+      for (j = 0; j < n; j++) {
+        if (i > j) {
+          l[i][j] = a[i][j];
+          u[i][j] = d[i][j] = 0;
+        } else if (i < j) {
+          u[i][j] = a[i][j];
+          l[i][j] = d[i][j] = 0;
+        } else {
+          d[i][j] = a[i][j];
+          l[i][j] = u[i][j] = 0;
+        }
+      }
+    }
+    h = jStat.multiply(jStat.inv(jStat.add(d, jStat.multiply(l, w))),
+                       jStat.subtract(jStat.multiply(d, 1 - w),
+                                      jStat.multiply(u, w)));
+    c = jStat.multiply(jStat.multiply(jStat.inv(jStat.add(d,
+        jStat.multiply(l, w))), b), w);
+    xv = x;
+    xk = jStat.add(jStat.multiply(h, x), c);
+    i = 2;
+    while (Math.abs(jStat.norm(jStat.subtract(xk, xv))) > r) {
+      xv = xk;
+      xk = jStat.add(jStat.multiply(h, xv), c);
+      i++;
+    }
+    return xk;
+  },
+
+  householder: function householder(a) {
+    var m = a.length;
+    var n = a[0].length;
+    var i = 0;
+    var w = [];
+    var p = [];
+    var alpha, r, k, j, factor;
+    for (; i < m - 1; i++) {
+      alpha = 0;
+      for (j = i + 1; j < n; j++)
+      alpha += (a[j][i] * a[j][i]);
+      factor = (a[i + 1][i] > 0) ? -1 : 1;
+      alpha = factor * Math.sqrt(alpha);
+      r = Math.sqrt((((alpha * alpha) - a[i + 1][i] * alpha) / 2));
+      w = jStat.zeros(m, 1);
+      w[i + 1][0] = (a[i + 1][i] - alpha) / (2 * r);
+      for (k = i + 2; k < m; k++) w[k][0] = a[k][i] / (2 * r);
+      p = jStat.subtract(jStat.identity(m, n),
+          jStat.multiply(jStat.multiply(w, jStat.transpose(w)), 2));
+      a = jStat.multiply(p, jStat.multiply(a, p));
+    }
+    return a;
+  },
+
+  // A -> [Q,R]
+  // Q is orthogonal matrix
+  // R is upper triangular
+  QR: (function() {
+    // x -> Q
+    // find a orthogonal matrix Q st.
+    // Qx=y
+    // y is [||x||,0,0,...]
+
+    // quick ref
+    var sum   = jStat.sum;
+    var range = jStat.arange;
+
+    function qr2(x) {
+      // quick impletation
+      // https://www.stat.wisc.edu/~larget/math496/qr.html
+
+      var n = x.length;
+      var p = x[0].length;
+
+      var r = jStat.zeros(p, p);
+      x = jStat.copy(x);
+
+      var i,j,k;
+      for(j = 0; j < p; j++){
+        r[j][j] = Math.sqrt(sum(range(n).map(function(i){
+          return x[i][j] * x[i][j];
+        })));
+        for(i = 0; i < n; i++){
+          x[i][j] = x[i][j] / r[j][j];
+        }
+        for(k = j+1; k < p; k++){
+          r[j][k] = sum(range(n).map(function(i){
+            return x[i][j] * x[i][k];
+          }));
+          for(i = 0; i < n; i++){
+            x[i][k] = x[i][k] - x[i][j]*r[j][k];
+          }
+        }
+      }
+      return [x, r];
+    }
+
+    return qr2;
+  }()),
+
+  lstsq: (function() {
+    // solve least squard problem for Ax=b as QR decomposition way if b is
+    // [[b1],[b2],[b3]] form will return [[x1],[x2],[x3]] array form solution
+    // else b is [b1,b2,b3] form will return [x1,x2,x3] array form solution
+    function R_I(A) {
+      A = jStat.copy(A);
+      var size = A.length;
+      var I = jStat.identity(size);
+      jStat.arange(size - 1, -1, -1).forEach(function(i) {
+        jStat.sliceAssign(
+            I, { row: i }, jStat.divide(jStat.slice(I, { row: i }), A[i][i]));
+        jStat.sliceAssign(
+            A, { row: i }, jStat.divide(jStat.slice(A, { row: i }), A[i][i]));
+        jStat.arange(i).forEach(function(j) {
+          var c = jStat.multiply(A[j][i], -1);
+          var Aj = jStat.slice(A, { row: j });
+          var cAi = jStat.multiply(jStat.slice(A, { row: i }), c);
+          jStat.sliceAssign(A, { row: j }, jStat.add(Aj, cAi));
+          var Ij = jStat.slice(I, { row: j });
+          var cIi = jStat.multiply(jStat.slice(I, { row: i }), c);
+          jStat.sliceAssign(I, { row: j }, jStat.add(Ij, cIi));
+        })
+      });
+      return I;
+    }
+
+    function qr_solve(A, b){
+      var array_mode = false;
+      if (b[0].length === undefined) {
+        // [c1,c2,c3] mode
+        b = b.map(function(x){ return [x] });
+        array_mode = true;
+      }
+      var QR = jStat.QR(A);
+      var Q = QR[0];
+      var R = QR[1];
+      var attrs = A[0].length;
+      var Q1 = jStat.slice(Q,{col:{end:attrs}});
+      var R1 = jStat.slice(R,{row:{end:attrs}});
+      var RI = R_I(R1);
+      var Q2 = jStat.transpose(Q1);
+
+      if(Q2[0].length === undefined){
+        Q2 = [Q2]; // The confusing jStat.multifly implementation threat nature process again.
+      }
+
+      var x = jStat.multiply(jStat.multiply(RI, Q2), b);
+
+      if(x.length === undefined){
+        x = [[x]]; // The confusing jStat.multifly implementation threat nature process again.
+      }
+
+
+      if (array_mode)
+        return x.map(function(i){ return i[0] });
+      return x;
+    }
+
+    return qr_solve;
+  }()),
+
+  jacobi: function jacobi(a) {
+    var condition = 1;
+    var n = a.length;
+    var e = jStat.identity(n, n);
+    var ev = [];
+    var b, i, j, p, q, maxim, theta, s;
+    // condition === 1 only if tolerance is not reached
+    while (condition === 1) {
+      maxim = a[0][1];
+      p = 0;
+      q = 1;
+      for (i = 0; i < n; i++) {
+        for (j = 0; j < n; j++) {
+          if (i != j) {
+            if (maxim < Math.abs(a[i][j])) {
+              maxim = Math.abs(a[i][j]);
+              p = i;
+              q = j;
+            }
+          }
+        }
+      }
+      if (a[p][p] === a[q][q])
+        theta = (a[p][q] > 0) ? Math.PI / 4 : -Math.PI / 4;
+      else
+        theta = Math.atan(2 * a[p][q] / (a[p][p] - a[q][q])) / 2;
+      s = jStat.identity(n, n);
+      s[p][p] = Math.cos(theta);
+      s[p][q] = -Math.sin(theta);
+      s[q][p] = Math.sin(theta);
+      s[q][q] = Math.cos(theta);
+      // eigen vector matrix
+      e = jStat.multiply(e, s);
+      b = jStat.multiply(jStat.multiply(jStat.inv(s), a), s);
+      a = b;
+      condition = 0;
+      for (i = 1; i < n; i++) {
+        for (j = 1; j < n; j++) {
+          if (i != j && Math.abs(a[i][j]) > 0.001) {
+            condition = 1;
+          }
+        }
+      }
+    }
+    for (i = 0; i < n; i++) ev.push(a[i][i]);
+    //returns both the eigenvalue and eigenmatrix
+    return [e, ev];
+  },
+
+  rungekutta: function rungekutta(f, h, p, t_j, u_j, order) {
+    var k1, k2, u_j1, k3, k4;
+    if (order === 2) {
+      while (t_j <= p) {
+        k1 = h * f(t_j, u_j);
+        k2 = h * f(t_j + h, u_j + k1);
+        u_j1 = u_j + (k1 + k2) / 2;
+        u_j = u_j1;
+        t_j = t_j + h;
+      }
+    }
+    if (order === 4) {
+      while (t_j <= p) {
+        k1 = h * f(t_j, u_j);
+        k2 = h * f(t_j + h / 2, u_j + k1 / 2);
+        k3 = h * f(t_j + h / 2, u_j + k2 / 2);
+        k4 = h * f(t_j +h, u_j + k3);
+        u_j1 = u_j + (k1 + 2 * k2 + 2 * k3 + k4) / 6;
+        u_j = u_j1;
+        t_j = t_j + h;
+      }
+    }
+    return u_j;
+  },
+
+  romberg: function romberg(f, a, b, order) {
+    var i = 0;
+    var h = (b - a) / 2;
+    var x = [];
+    var h1 = [];
+    var g = [];
+    var m, a1, j, k, I;
+    while (i < order / 2) {
+      I = f(a);
+      for (j = a, k = 0; j <= b; j = j + h, k++) x[k] = j;
+      m = x.length;
+      for (j = 1; j < m - 1; j++) {
+        I += (((j % 2) !== 0) ? 4 : 2) * f(x[j]);
+      }
+      I = (h / 3) * (I + f(b));
+      g[i] = I;
+      h /= 2;
+      i++;
+    }
+    a1 = g.length;
+    m = 1;
+    while (a1 !== 1) {
+      for (j = 0; j < a1 - 1; j++)
+      h1[j] = ((Math.pow(4, m)) * g[j + 1] - g[j]) / (Math.pow(4, m) - 1);
+      a1 = h1.length;
+      g = h1;
+      h1 = [];
+      m++;
+    }
+    return g;
+  },
+
+  richardson: function richardson(X, f, x, h) {
+    function pos(X, x) {
+      var i = 0;
+      var n = X.length;
+      var p;
+      for (; i < n; i++)
+        if (X[i] === x) p = i;
+      return p;
+    }
+    var h_min = Math.abs(x - X[pos(X, x) + 1]);
+    var i = 0;
+    var g = [];
+    var h1 = [];
+    var y1, y2, m, a, j;
+    while (h >= h_min) {
+      y1 = pos(X, x + h);
+      y2 = pos(X, x);
+      g[i] = (f[y1] - 2 * f[y2] + f[2 * y2 - y1]) / (h * h);
+      h /= 2;
+      i++;
+    }
+    a = g.length;
+    m = 1;
+    while (a != 1) {
+      for (j = 0; j < a - 1; j++)
+        h1[j] = ((Math.pow(4, m)) * g[j + 1] - g[j]) / (Math.pow(4, m) - 1);
+      a = h1.length;
+      g = h1;
+      h1 = [];
+      m++;
+    }
+    return g;
+  },
+
+  simpson: function simpson(f, a, b, n) {
+    var h = (b - a) / n;
+    var I = f(a);
+    var x = [];
+    var j = a;
+    var k = 0;
+    var i = 1;
+    var m;
+    for (; j <= b; j = j + h, k++)
+      x[k] = j;
+    m = x.length;
+    for (; i < m - 1; i++) {
+      I += ((i % 2 !== 0) ? 4 : 2) * f(x[i]);
+    }
+    return (h / 3) * (I + f(b));
+  },
+
+  hermite: function hermite(X, F, dF, value) {
+    var n = X.length;
+    var p = 0;
+    var i = 0;
+    var l = [];
+    var dl = [];
+    var A = [];
+    var B = [];
+    var j;
+    for (; i < n; i++) {
+      l[i] = 1;
+      for (j = 0; j < n; j++) {
+        if (i != j) l[i] *= (value - X[j]) / (X[i] - X[j]);
+      }
+      dl[i] = 0;
+      for (j = 0; j < n; j++) {
+        if (i != j) dl[i] += 1 / (X [i] - X[j]);
+      }
+      A[i] = (1 - 2 * (value - X[i]) * dl[i]) * (l[i] * l[i]);
+      B[i] = (value - X[i]) * (l[i] * l[i]);
+      p += (A[i] * F[i] + B[i] * dF[i]);
+    }
+    return p;
+  },
+
+  lagrange: function lagrange(X, F, value) {
+    var p = 0;
+    var i = 0;
+    var j, l;
+    var n = X.length;
+    for (; i < n; i++) {
+      l = F[i];
+      for (j = 0; j < n; j++) {
+        // calculating the lagrange polynomial L_i
+        if (i != j) l *= (value - X[j]) / (X[i] - X[j]);
+      }
+      // adding the lagrange polynomials found above
+      p += l;
+    }
+    return p;
+  },
+
+  cubic_spline: function cubic_spline(X, F, value) {
+    var n = X.length;
+    var i = 0, j;
+    var A = [];
+    var B = [];
+    var alpha = [];
+    var c = [];
+    var h = [];
+    var b = [];
+    var d = [];
+    for (; i < n - 1; i++)
+      h[i] = X[i + 1] - X[i];
+    alpha[0] = 0;
+    for (i = 1; i < n - 1; i++) {
+      alpha[i] = (3 / h[i]) * (F[i + 1] - F[i]) -
+          (3 / h[i-1]) * (F[i] - F[i-1]);
+    }
+    for (i = 1; i < n - 1; i++) {
+      A[i] = [];
+      B[i] = [];
+      A[i][i-1] = h[i-1];
+      A[i][i] = 2 * (h[i - 1] + h[i]);
+      A[i][i+1] = h[i];
+      B[i][0] = alpha[i];
+    }
+    c = jStat.multiply(jStat.inv(A), B);
+    for (j = 0; j < n - 1; j++) {
+      b[j] = (F[j + 1] - F[j]) / h[j] - h[j] * (c[j + 1][0] + 2 * c[j][0]) / 3;
+      d[j] = (c[j + 1][0] - c[j][0]) / (3 * h[j]);
+    }
+    for (j = 0; j < n; j++) {
+      if (X[j] > value) break;
+    }
+    j -= 1;
+    return F[j] + (value - X[j]) * b[j] + jStat.sq(value-X[j]) *
+        c[j] + (value - X[j]) * jStat.sq(value - X[j]) * d[j];
+  },
+
+  gauss_quadrature: function gauss_quadrature() {
+    throw new Error('gauss_quadrature not yet implemented');
+  },
+
+  PCA: function PCA(X) {
+    var m = X.length;
+    var n = X[0].length;
+    var i = 0;
+    var j, temp1;
+    var u = [];
+    var D = [];
+    var result = [];
+    var temp2 = [];
+    var Y = [];
+    var Bt = [];
+    var B = [];
+    var C = [];
+    var V = [];
+    var Vt = [];
+    for (i = 0; i < m; i++) {
+      u[i] = jStat.sum(X[i]) / n;
+    }
+    for (i = 0; i < n; i++) {
+      B[i] = [];
+      for(j = 0; j < m; j++) {
+        B[i][j] = X[j][i] - u[j];
+      }
+    }
+    B = jStat.transpose(B);
+    for (i = 0; i < m; i++) {
+      C[i] = [];
+      for (j = 0; j < m; j++) {
+        C[i][j] = (jStat.dot([B[i]], [B[j]])) / (n - 1);
+      }
+    }
+    result = jStat.jacobi(C);
+    V = result[0];
+    D = result[1];
+    Vt = jStat.transpose(V);
+    for (i = 0; i < D.length; i++) {
+      for (j = i; j < D.length; j++) {
+        if(D[i] < D[j])  {
+          temp1 = D[i];
+          D[i] = D[j];
+          D[j] = temp1;
+          temp2 = Vt[i];
+          Vt[i] = Vt[j];
+          Vt[j] = temp2;
+        }
+      }
+    }
+    Bt = jStat.transpose(B);
+    for (i = 0; i < m; i++) {
+      Y[i] = [];
+      for (j = 0; j < Bt.length; j++) {
+        Y[i][j] = jStat.dot([Vt[i]], [Bt[j]]);
+      }
+    }
+    return [X, D, Vt, Y];
+  }
+});
+
+// extend jStat.fn with methods that require one argument
+(function(funcs) {
+  for (var i = 0; i < funcs.length; i++) (function(passfunc) {
+    jStat.fn[passfunc] = function(arg, func) {
+      var tmpthis = this;
+      // check for callback
+      if (func) {
+        setTimeout(function() {
+          func.call(tmpthis, jStat.fn[passfunc].call(tmpthis, arg));
+        }, 15);
+        return this;
+      }
+      if (typeof jStat[passfunc](this, arg) === 'number')
+        return jStat[passfunc](this, arg);
+      else
+        return jStat(jStat[passfunc](this, arg));
+    };
+  }(funcs[i]));
+}('add divide multiply subtract dot pow exp log abs norm angle'.split(' ')));
+
+}(jStat, Math));
+(function(jStat, Math) {
+
+var slice = [].slice;
+var isNumber = jStat.utils.isNumber;
+var isArray = jStat.utils.isArray;
+
+// flag==true denotes use of sample standard deviation
+// Z Statistics
+jStat.extend({
+  // 2 different parameter lists:
+  // (value, mean, sd)
+  // (value, array, flag)
+  zscore: function zscore() {
+    var args = slice.call(arguments);
+    if (isNumber(args[1])) {
+      return (args[0] - args[1]) / args[2];
+    }
+    return (args[0] - jStat.mean(args[1])) / jStat.stdev(args[1], args[2]);
+  },
+
+  // 3 different paramter lists:
+  // (value, mean, sd, sides)
+  // (zscore, sides)
+  // (value, array, sides, flag)
+  ztest: function ztest() {
+    var args = slice.call(arguments);
+    var z;
+    if (isArray(args[1])) {
+      // (value, array, sides, flag)
+      z = jStat.zscore(args[0],args[1],args[3]);
+      return (args[2] === 1) ?
+        (jStat.normal.cdf(-Math.abs(z), 0, 1)) :
+        (jStat.normal.cdf(-Math.abs(z), 0, 1)*2);
+    } else {
+      if (args.length > 2) {
+        // (value, mean, sd, sides)
+        z = jStat.zscore(args[0],args[1],args[2]);
+        return (args[3] === 1) ?
+          (jStat.normal.cdf(-Math.abs(z),0,1)) :
+          (jStat.normal.cdf(-Math.abs(z),0,1)* 2);
+      } else {
+        // (zscore, sides)
+        z = args[0];
+        return (args[1] === 1) ?
+          (jStat.normal.cdf(-Math.abs(z),0,1)) :
+          (jStat.normal.cdf(-Math.abs(z),0,1)*2);
+      }
+    }
+  }
+});
+
+jStat.extend(jStat.fn, {
+  zscore: function zscore(value, flag) {
+    return (value - this.mean()) / this.stdev(flag);
+  },
+
+  ztest: function ztest(value, sides, flag) {
+    var zscore = Math.abs(this.zscore(value, flag));
+    return (sides === 1) ?
+      (jStat.normal.cdf(-zscore, 0, 1)) :
+      (jStat.normal.cdf(-zscore, 0, 1) * 2);
+  }
+});
+
+// T Statistics
+jStat.extend({
+  // 2 parameter lists
+  // (value, mean, sd, n)
+  // (value, array)
+  tscore: function tscore() {
+    var args = slice.call(arguments);
+    return (args.length === 4) ?
+      ((args[0] - args[1]) / (args[2] / Math.sqrt(args[3]))) :
+      ((args[0] - jStat.mean(args[1])) /
+       (jStat.stdev(args[1], true) / Math.sqrt(args[1].length)));
+  },
+
+  // 3 different paramter lists:
+  // (value, mean, sd, n, sides)
+  // (tscore, n, sides)
+  // (value, array, sides)
+  ttest: function ttest() {
+    var args = slice.call(arguments);
+    var tscore;
+    if (args.length === 5) {
+      tscore = Math.abs(jStat.tscore(args[0], args[1], args[2], args[3]));
+      return (args[4] === 1) ?
+        (jStat.studentt.cdf(-tscore, args[3]-1)) :
+        (jStat.studentt.cdf(-tscore, args[3]-1)*2);
+    }
+    if (isNumber(args[1])) {
+      tscore = Math.abs(args[0])
+      return (args[2] == 1) ?
+        (jStat.studentt.cdf(-tscore, args[1]-1)) :
+        (jStat.studentt.cdf(-tscore, args[1]-1) * 2);
+    }
+    tscore = Math.abs(jStat.tscore(args[0], args[1]))
+    return (args[2] == 1) ?
+      (jStat.studentt.cdf(-tscore, args[1].length-1)) :
+      (jStat.studentt.cdf(-tscore, args[1].length-1) * 2);
+  }
+});
+
+jStat.extend(jStat.fn, {
+  tscore: function tscore(value) {
+    return (value - this.mean()) / (this.stdev(true) / Math.sqrt(this.cols()));
+  },
+
+  ttest: function ttest(value, sides) {
+    return (sides === 1) ?
+      (1 - jStat.studentt.cdf(Math.abs(this.tscore(value)), this.cols()-1)) :
+      (jStat.studentt.cdf(-Math.abs(this.tscore(value)), this.cols()-1)*2);
+  }
+});
+
+// F Statistics
+jStat.extend({
+  // Paramter list is as follows:
+  // (array1, array2, array3, ...)
+  // or it is an array of arrays
+  // array of arrays conversion
+  anovafscore: function anovafscore() {
+    var args = slice.call(arguments),
+    expVar, sample, sampMean, sampSampMean, tmpargs, unexpVar, i, j;
+    if (args.length === 1) {
+      tmpargs = new Array(args[0].length);
+      for (i = 0; i < args[0].length; i++) {
+        tmpargs[i] = args[0][i];
+      }
+      args = tmpargs;
+    }
+    // Builds sample array
+    sample = new Array();
+    for (i = 0; i < args.length; i++) {
+      sample = sample.concat(args[i]);
+    }
+    sampMean = jStat.mean(sample);
+    // Computes the explained variance
+    expVar = 0;
+    for (i = 0; i < args.length; i++) {
+      expVar = expVar + args[i].length * Math.pow(jStat.mean(args[i]) - sampMean, 2);
+    }
+    expVar /= (args.length - 1);
+    // Computes unexplained variance
+    unexpVar = 0;
+    for (i = 0; i < args.length; i++) {
+      sampSampMean = jStat.mean(args[i]);
+      for (j = 0; j < args[i].length; j++) {
+        unexpVar += Math.pow(args[i][j] - sampSampMean, 2);
+      }
+    }
+    unexpVar /= (sample.length - args.length);
+    return expVar / unexpVar;
+  },
+
+  // 2 different paramter setups
+  // (array1, array2, array3, ...)
+  // (anovafscore, df1, df2)
+  anovaftest: function anovaftest() {
+    var args = slice.call(arguments),
+    df1, df2, n, i;
+    if (isNumber(args[0])) {
+      return 1 - jStat.centralF.cdf(args[0], args[1], args[2]);
+    }
+    var anovafscore = jStat.anovafscore(args);
+    df1 = args.length - 1;
+    n = 0;
+    for (i = 0; i < args.length; i++) {
+      n = n + args[i].length;
+    }
+    df2 = n - df1 - 1;
+    return 1 - jStat.centralF.cdf(anovafscore, df1, df2);
+  },
+
+  ftest: function ftest(fscore, df1, df2) {
+    return 1 - jStat.centralF.cdf(fscore, df1, df2);
+  }
+});
+
+jStat.extend(jStat.fn, {
+  anovafscore: function anovafscore() {
+    return jStat.anovafscore(this.toArray());
+  },
+
+  anovaftes: function anovaftes() {
+    var n = 0;
+    var i;
+    for (i = 0; i < this.length; i++) {
+      n = n + this[i].length;
+    }
+    return jStat.ftest(this.anovafscore(), this.length - 1, n - this.length);
+  }
+});
+
+// Tukey's range test
+jStat.extend({
+  // 2 parameter lists
+  // (mean1, mean2, n1, n2, sd)
+  // (array1, array2, sd)
+  qscore: function qscore() {
+    var args = slice.call(arguments);
+    var mean1, mean2, n1, n2, sd;
+    if (isNumber(args[0])) {
+        mean1 = args[0];
+        mean2 = args[1];
+        n1 = args[2];
+        n2 = args[3];
+        sd = args[4];
+    } else {
+        mean1 = jStat.mean(args[0]);
+        mean2 = jStat.mean(args[1]);
+        n1 = args[0].length;
+        n2 = args[1].length;
+        sd = args[2];
+    }
+    return Math.abs(mean1 - mean2) / (sd * Math.sqrt((1 / n1 + 1 / n2) / 2));
+  },
+
+  // 3 different parameter lists:
+  // (qscore, n, k)
+  // (mean1, mean2, n1, n2, sd, n, k)
+  // (array1, array2, sd, n, k)
+  qtest: function qtest() {
+    var args = slice.call(arguments);
+
+    var qscore;
+    if (args.length === 3) {
+      qscore = args[0];
+      args = args.slice(1);
+    } else if (args.length === 7) {
+      qscore = jStat.qscore(args[0], args[1], args[2], args[3], args[4]);
+      args = args.slice(5);
+    } else {
+      qscore = jStat.qscore(args[0], args[1], args[2]);
+      args = args.slice(3);
+    }
+
+    var n = args[0];
+    var k = args[1];
+
+    return 1 - jStat.tukey.cdf(qscore, k, n - k);
+  },
+
+  tukeyhsd: function tukeyhsd(arrays) {
+    var sd = jStat.pooledstdev(arrays);
+    var means = arrays.map(function (arr) {return jStat.mean(arr);});
+    var n = arrays.reduce(function (n, arr) {return n + arr.length;}, 0);
+
+    var results = [];
+    for (var i = 0; i < arrays.length; ++i) {
+        for (var j = i + 1; j < arrays.length; ++j) {
+            var p = jStat.qtest(means[i], means[j], arrays[i].length, arrays[j].length, sd, n, arrays.length);
+            results.push([[i, j], p]);
+        }
+    }
+
+    return results;
+  }
+});
+
+// Error Bounds
+jStat.extend({
+  // 2 different parameter setups
+  // (value, alpha, sd, n)
+  // (value, alpha, array)
+  normalci: function normalci() {
+    var args = slice.call(arguments),
+    ans = new Array(2),
+    change;
+    if (args.length === 4) {
+      change = Math.abs(jStat.normal.inv(args[1] / 2, 0, 1) *
+                        args[2] / Math.sqrt(args[3]));
+    } else {
+      change = Math.abs(jStat.normal.inv(args[1] / 2, 0, 1) *
+                        jStat.stdev(args[2]) / Math.sqrt(args[2].length));
+    }
+    ans[0] = args[0] - change;
+    ans[1] = args[0] + change;
+    return ans;
+  },
+
+  // 2 different parameter setups
+  // (value, alpha, sd, n)
+  // (value, alpha, array)
+  tci: function tci() {
+    var args = slice.call(arguments),
+    ans = new Array(2),
+    change;
+    if (args.length === 4) {
+      change = Math.abs(jStat.studentt.inv(args[1] / 2, args[3] - 1) *
+                        args[2] / Math.sqrt(args[3]));
+    } else {
+      change = Math.abs(jStat.studentt.inv(args[1] / 2, args[2].length - 1) *
+                        jStat.stdev(args[2], true) / Math.sqrt(args[2].length));
+    }
+    ans[0] = args[0] - change;
+    ans[1] = args[0] + change;
+    return ans;
+  },
+
+  significant: function significant(pvalue, alpha) {
+    return pvalue < alpha;
+  }
+});
+
+jStat.extend(jStat.fn, {
+  normalci: function normalci(value, alpha) {
+    return jStat.normalci(value, alpha, this.toArray());
+  },
+
+  tci: function tci(value, alpha) {
+    return jStat.tci(value, alpha, this.toArray());
+  }
+});
+
+// internal method for calculating the z-score for a difference of proportions test
+function differenceOfProportions(p1, n1, p2, n2) {
+  if (p1 > 1 || p2 > 1 || p1 <= 0 || p2 <= 0) {
+    throw new Error("Proportions should be greater than 0 and less than 1")
+  }
+  var pooled = (p1 * n1 + p2 * n2) / (n1 + n2);
+  var se = Math.sqrt(pooled * (1 - pooled) * ((1/n1) + (1/n2)));
+  return (p1 - p2) / se;
+}
+
+// Difference of Proportions
+jStat.extend(jStat.fn, {
+  oneSidedDifferenceOfProportions: function oneSidedDifferenceOfProportions(p1, n1, p2, n2) {
+    var z = differenceOfProportions(p1, n1, p2, n2);
+    return jStat.ztest(z, 1);
+  },
+
+  twoSidedDifferenceOfProportions: function twoSidedDifferenceOfProportions(p1, n1, p2, n2) {
+    var z = differenceOfProportions(p1, n1, p2, n2);
+    return jStat.ztest(z, 2);
+  }
+});
+
+}(jStat, Math));
+jStat.models = (function(){
+  function sub_regress(exog) {
+    var var_count = exog[0].length;
+    var modelList = jStat.arange(var_count).map(function(endog_index) {
+      var exog_index =
+          jStat.arange(var_count).filter(function(i){return i!==endog_index});
+      return ols(jStat.col(exog, endog_index).map(function(x){ return x[0] }),
+                 jStat.col(exog, exog_index))
+    });
+    return modelList;
+  }
+
+  // do OLS model regress
+  // exog have include const columns ,it will not generate it .In fact, exog is
+  // "design matrix" look at
+  //https://en.wikipedia.org/wiki/Design_matrix
+  function ols(endog, exog) {
+    var nobs = endog.length;
+    var df_model = exog[0].length - 1;
+    var df_resid = nobs-df_model - 1;
+    var coef = jStat.lstsq(exog, endog);
+    var predict =
+        jStat.multiply(exog, coef.map(function(x) { return [x] }))
+            .map(function(p) { return p[0] });
+    var resid = jStat.subtract(endog, predict);
+    var ybar = jStat.mean(endog);
+    // constant cause problem
+    // var SST = jStat.sum(endog.map(function(y) {
+    //   return Math.pow(y-ybar,2);
+    // }));
+    var SSE = jStat.sum(predict.map(function(f) {
+      return Math.pow(f - ybar, 2);
+    }));
+    var SSR = jStat.sum(endog.map(function(y, i) {
+      return Math.pow(y - predict[i], 2);
+    }));
+    var SST = SSE + SSR;
+    var R2 = (SSE / SST);
+    return {
+        exog:exog,
+        endog:endog,
+        nobs:nobs,
+        df_model:df_model,
+        df_resid:df_resid,
+        coef:coef,
+        predict:predict,
+        resid:resid,
+        ybar:ybar,
+        SST:SST,
+        SSE:SSE,
+        SSR:SSR,
+        R2:R2
+    };
+  }
+
+  // H0: b_I=0
+  // H1: b_I!=0
+  function t_test(model) {
+    var subModelList = sub_regress(model.exog);
+    //var sigmaHat=jStat.stdev(model.resid);
+    var sigmaHat = Math.sqrt(model.SSR / (model.df_resid));
+    var seBetaHat = subModelList.map(function(mod) {
+      var SST = mod.SST;
+      var R2 = mod.R2;
+      return sigmaHat / Math.sqrt(SST * (1 - R2));
+    });
+    var tStatistic = model.coef.map(function(coef, i) {
+      return (coef - 0) / seBetaHat[i];
+    });
+    var pValue = tStatistic.map(function(t) {
+      var leftppf = jStat.studentt.cdf(t, model.df_resid);
+      return (leftppf > 0.5 ? 1 - leftppf : leftppf) * 2;
+    });
+    var c = jStat.studentt.inv(0.975, model.df_resid);
+    var interval95 = model.coef.map(function(coef, i) {
+      var d = c * seBetaHat[i];
+      return [coef - d, coef + d];
+    })
+    return {
+        se: seBetaHat,
+        t: tStatistic,
+        p: pValue,
+        sigmaHat: sigmaHat,
+        interval95: interval95
+    };
+  }
+
+  function F_test(model) {
+    var F_statistic =
+        (model.R2 / model.df_model) / ((1 - model.R2) / model.df_resid);
+    var fcdf = function(x, n1, n2) {
+      return jStat.beta.cdf(x / (n2 / n1 + x), n1 / 2, n2 / 2)
+    }
+    var pvalue = 1 - fcdf(F_statistic, model.df_model, model.df_resid);
+    return { F_statistic: F_statistic, pvalue: pvalue };
+  }
+
+  function ols_wrap(endog, exog) {
+    var model = ols(endog,exog);
+    var ttest = t_test(model);
+    var ftest = F_test(model);
+    // Provide the Wherry / Ezekiel / McNemar / Cohen Adjusted R^2
+    // Which matches the 'adjusted R^2' provided by R's lm package
+    var adjust_R2 =
+        1 - (1 - model.R2) * ((model.nobs - 1) / (model.df_resid));
+    model.t = ttest;
+    model.f = ftest;
+    model.adjust_R2 = adjust_R2;
+    return model;
+  }
+
+  return { ols: ols_wrap };
+})();
+//To regress, simply build X matrix
+//(append column of 1's) using
+//buildxmatrix and build the Y
+//matrix using buildymatrix
+//(simply the transpose)
+//and run regress.
+
+
+
+//Regressions
+
+jStat.extend({
+  buildxmatrix: function buildxmatrix(){
+    //Parameters will be passed in as such
+    //(array1,array2,array3,...)
+    //as (x1,x2,x3,...)
+    //needs to be (1,x1,x2,x3,...)
+    var matrixRows = new Array(arguments.length);
+    for(var i=0;i<arguments.length;i++){
+      var array = [1];
+      matrixRows[i]= array.concat(arguments[i]);
+    }
+    return jStat(matrixRows);
+
+  },
+
+  builddxmatrix: function builddxmatrix() {
+    //Paramters will be passed in as such
+    //([array1,array2,...]
+    var matrixRows = new Array(arguments[0].length);
+    for(var i=0;i<arguments[0].length;i++){
+      var array = [1]
+      matrixRows[i]= array.concat(arguments[0][i]);
+    }
+    return jStat(matrixRows);
+
+  },
+
+  buildjxmatrix: function buildjxmatrix(jMat) {
+    //Builds from jStat Matrix
+    var pass = new Array(jMat.length)
+    for(var i=0;i<jMat.length;i++){
+      pass[i] = jMat[i];
+    }
+    return jStat.builddxmatrix(pass);
+
+  },
+
+  buildymatrix: function buildymatrix(array){
+    return jStat(array).transpose();
+  },
+
+  buildjymatrix: function buildjymatrix(jMat){
+    return jMat.transpose();
+  },
+
+  matrixmult: function matrixmult(A,B){
+    var i, j, k, result, sum;
+    if (A.cols() == B.rows()) {
+      if(B.rows()>1){
+        result = [];
+        for (i = 0; i < A.rows(); i++) {
+          result[i] = [];
+          for (j = 0; j < B.cols(); j++) {
+            sum = 0;
+            for (k = 0; k < A.cols(); k++) {
+              sum += A.toArray()[i][k] * B.toArray()[k][j];
+            }
+            result[i][j] = sum;
+          }
+        }
+        return jStat(result);
+      }
+      result = [];
+      for (i = 0; i < A.rows(); i++) {
+        result[i] = [];
+        for (j = 0; j < B.cols(); j++) {
+          sum = 0;
+          for (k = 0; k < A.cols(); k++) {
+            sum += A.toArray()[i][k] * B.toArray()[j];
+          }
+          result[i][j] = sum;
+        }
+      }
+      return jStat(result);
+    }
+  },
+
+  //regress and regresst to be fixed
+
+  regress: function regress(jMatX,jMatY){
+    //print("regressin!");
+    //print(jMatX.toArray());
+    var innerinv = jStat.xtranspxinv(jMatX);
+    //print(innerinv);
+    var xtransp = jMatX.transpose();
+    var next = jStat.matrixmult(jStat(innerinv),xtransp);
+    return jStat.matrixmult(next,jMatY);
+
+  },
+
+  regresst: function regresst(jMatX,jMatY,sides){
+    var beta = jStat.regress(jMatX,jMatY);
+
+    var compile = {};
+    compile.anova = {};
+    var jMatYBar = jStat.jMatYBar(jMatX, beta);
+    compile.yBar = jMatYBar;
+    var yAverage = jMatY.mean();
+    compile.anova.residuals = jStat.residuals(jMatY, jMatYBar);
+
+    compile.anova.ssr = jStat.ssr(jMatYBar, yAverage);
+    compile.anova.msr = compile.anova.ssr / (jMatX[0].length - 1);
+
+    compile.anova.sse = jStat.sse(jMatY, jMatYBar);
+    compile.anova.mse =
+        compile.anova.sse / (jMatY.length - (jMatX[0].length - 1) - 1);
+
+    compile.anova.sst = jStat.sst(jMatY, yAverage);
+    compile.anova.mst = compile.anova.sst / (jMatY.length - 1);
+
+    compile.anova.r2 = 1 - (compile.anova.sse / compile.anova.sst);
+    if (compile.anova.r2 < 0) compile.anova.r2 = 0;
+
+    compile.anova.fratio = compile.anova.msr / compile.anova.mse;
+    compile.anova.pvalue =
+        jStat.anovaftest(compile.anova.fratio,
+                         jMatX[0].length - 1,
+                         jMatY.length - (jMatX[0].length - 1) - 1);
+
+    compile.anova.rmse = Math.sqrt(compile.anova.mse);
+
+    compile.anova.r2adj = 1 - (compile.anova.mse / compile.anova.mst);
+    if (compile.anova.r2adj < 0) compile.anova.r2adj = 0;
+
+    compile.stats = new Array(jMatX[0].length);
+    var covar = jStat.xtranspxinv(jMatX);
+    var sds, ts, ps;
+
+    for(var i=0; i<beta.length;i++){
+      sds=Math.sqrt(compile.anova.mse * Math.abs(covar[i][i]));
+      ts= Math.abs(beta[i] / sds);
+      ps= jStat.ttest(ts, jMatY.length - jMatX[0].length - 1, sides);
+
+      compile.stats[i]=[beta[i], sds, ts, ps];
+    }
+
+    compile.regress = beta;
+    return compile;
+  },
+
+  xtranspx: function xtranspx(jMatX){
+    return jStat.matrixmult(jMatX.transpose(),jMatX);
+  },
+
+
+  xtranspxinv: function xtranspxinv(jMatX){
+    var inner = jStat.matrixmult(jMatX.transpose(),jMatX);
+    var innerinv = jStat.inv(inner);
+    return innerinv;
+  },
+
+  jMatYBar: function jMatYBar(jMatX, beta) {
+    var yBar = jStat.matrixmult(jMatX, beta);
+    return new jStat(yBar);
+  },
+
+  residuals: function residuals(jMatY, jMatYBar) {
+    return jStat.matrixsubtract(jMatY, jMatYBar);
+  },
+
+  ssr: function ssr(jMatYBar, yAverage) {
+    var ssr = 0;
+    for(var i = 0; i < jMatYBar.length; i++) {
+      ssr += Math.pow(jMatYBar[i] - yAverage, 2);
+    }
+    return ssr;
+  },
+
+  sse: function sse(jMatY, jMatYBar) {
+    var sse = 0;
+    for(var i = 0; i < jMatY.length; i++) {
+      sse += Math.pow(jMatY[i] - jMatYBar[i], 2);
+    }
+    return sse;
+  },
+
+  sst: function sst(jMatY, yAverage) {
+    var sst = 0;
+    for(var i = 0; i < jMatY.length; i++) {
+      sst += Math.pow(jMatY[i] - yAverage, 2);
+    }
+    return sst;
+  },
+
+  matrixsubtract: function matrixsubtract(A,B){
+    var ans = new Array(A.length);
+    for(var i=0;i<A.length;i++){
+      ans[i] = new Array(A[i].length);
+      for(var j=0;j<A[i].length;j++){
+        ans[i][j]=A[i][j]-B[i][j];
+      }
+    }
+    return jStat(ans);
+  }
+});
+  // Make it compatible with previous version.
+  jStat.jStat = jStat;
+
+  return jStat;
+});
+
+
+/***/ }),
+/* 9 */
+/***/ (function(module, exports, __webpack_require__) {
+
+var utils = __webpack_require__(1);
+var error = __webpack_require__(0);
+
+exports.UNIQUE = function () {
+  var result = [];
+  for (var i = 0; i < arguments.length; ++i) {
+    var hasElement = false;
+    var element    = arguments[i];
+
+    // Check if we've already seen this element.
+    for (var j = 0; j < result.length; ++j) {
+      hasElement = result[j] === element;
+      if (hasElement) { break; }
+    }
+
+    // If we did not find it, add it to the result.
+    if (!hasElement) {
+      result.push(element);
+    }
+  }
+  return result;
+};
+
+exports.FLATTEN = utils.flatten;
+
+exports.ARGS2ARRAY = function () {
+  return Array.prototype.slice.call(arguments, 0);
+};
+
+exports.REFERENCE = function (context, reference) {
+  if (!arguments.length) {
+    return error.error;
+  }
+  try {
+    var path = reference.split('.');
+    var result = context;
+    for (var i = 0; i < path.length; ++i) {
+      var step = path[i];
+      if (step[step.length - 1] === ']') {
+        var opening = step.indexOf('[');
+        var index = step.substring(opening + 1, step.length - 1);
+        result = result[step.substring(0, opening)][index];
+      } else {
+        result = result[step];
+      }
+    }
+    return result;
+  } catch (error) {}
+};
+
+exports.JOIN = function (array, separator) {
+  return array.join(separator);
+};
+
+exports.NUMBERS = function () {
+  var possibleNumbers = utils.flatten(arguments);
+  return possibleNumbers.filter(function (el) {
+    return typeof el === 'number';
+  });
+};
+
+
+/***/ }),
+/* 10 */
+/***/ (function(module, exports, __webpack_require__) {
+
+var error = __webpack_require__(0);
+var jStat = __webpack_require__(8);
+var text = __webpack_require__(4);
+var utils = __webpack_require__(1);
+var bessel = __webpack_require__(13);
+
+function isValidBinaryNumber(number) {
+  return (/^[01]{1,10}$/).test(number);
+}
+
+exports.BESSELI = function(x, n) {
+  x = utils.parseNumber(x);
+  n = utils.parseNumber(n);
+  if (utils.anyIsError(x, n)) {
+    return error.value;
+  }
+
+  return bessel.besseli(x, n);
+};
+
+exports.BESSELJ = function(x, n) {
+  x = utils.parseNumber(x);
+  n = utils.parseNumber(n);
+  if (utils.anyIsError(x, n)) {
+    return error.value;
+  }
+
+  return bessel.besselj(x, n);
+};
+
+exports.BESSELK = function(x, n) {
+  x = utils.parseNumber(x);
+  n = utils.parseNumber(n);
+  if (utils.anyIsError(x, n)) {
+    return error.value;
+  }
+
+  return bessel.besselk(x, n);
+};
+
+exports.BESSELY = function(x, n) {
+  x = utils.parseNumber(x);
+  n = utils.parseNumber(n);
+  if (utils.anyIsError(x, n)) {
+    return error.value;
+  }
+
+  return bessel.bessely(x, n);
+};
+
+exports.BIN2DEC = function(number) {
+  // Return error if number is not binary or contains more than 10 characters (10 digits)
+  if (!isValidBinaryNumber(number)) {
+    return error.num;
+  }
+
+  // Convert binary number to decimal
+  var result = parseInt(number, 2);
+
+  // Handle negative numbers
+  var stringified = number.toString();
+  if (stringified.length === 10 && stringified.substring(0, 1) === '1') {
+    return parseInt(stringified.substring(1), 2) - 512;
+  } else {
+    return result;
+  }
+};
+
+
+exports.BIN2HEX = function(number, places) {
+  // Return error if number is not binary or contains more than 10 characters (10 digits)
+  if (!isValidBinaryNumber(number)) {
+    return error.num;
+  }
+
+  // Ignore places and return a 10-character hexadecimal number if number is negative
+  var stringified = number.toString();
+  if (stringified.length === 10 && stringified.substring(0, 1) === '1') {
+    return (1099511627264 + parseInt(stringified.substring(1), 2)).toString(16);
+  }
+
+  // Convert binary number to hexadecimal
+  var result = parseInt(number, 2).toString(16);
+
+  // Return hexadecimal number using the minimum number of characters necessary if places is undefined
+  if (places === undefined) {
+    return result;
+  } else {
+    // Return error if places is nonnumeric
+    if (isNaN(places)) {
+      return error.value;
+    }
+
+    // Return error if places is negative
+    if (places < 0) {
+      return error.num;
+    }
+
+    // Truncate places in case it is not an integer
+    places = Math.floor(places);
+
+    // Pad return value with leading 0s (zeros) if necessary (using Underscore.string)
+    return (places >= result.length) ? text.REPT('0', places - result.length) + result : error.num;
+  }
+};
+
+exports.BIN2OCT = function(number, places) {
+  // Return error if number is not binary or contains more than 10 characters (10 digits)
+  if (!isValidBinaryNumber(number)) {
+    return error.num;
+  }
+
+  // Ignore places and return a 10-character octal number if number is negative
+  var stringified = number.toString();
+  if (stringified.length === 10 && stringified.substring(0, 1) === '1') {
+    return (1073741312 + parseInt(stringified.substring(1), 2)).toString(8);
+  }
+
+  // Convert binary number to octal
+  var result = parseInt(number, 2).toString(8);
+
+  // Return octal number using the minimum number of characters necessary if places is undefined
+  if (places === undefined) {
+    return result;
+  } else {
+    // Return error if places is nonnumeric
+    if (isNaN(places)) {
+      return error.value;
+    }
+
+    // Return error if places is negative
+    if (places < 0) {
+      return error.num;
+    }
+
+    // Truncate places in case it is not an integer
+    places = Math.floor(places);
+
+    // Pad return value with leading 0s (zeros) if necessary (using Underscore.string)
+    return (places >= result.length) ? text.REPT('0', places - result.length) + result : error.num;
+  }
+};
+
+exports.BITAND = function(number1, number2) {
+  // Return error if either number is a non-numeric value
+  number1 = utils.parseNumber(number1);
+  number2 = utils.parseNumber(number2);
+  if (utils.anyIsError(number1, number2)) {
+    return error.value;
+  }
+
+  // Return error if either number is less than 0
+  if (number1 < 0 || number2 < 0) {
+    return error.num;
+  }
+
+  // Return error if either number is a non-integer
+  if (Math.floor(number1) !== number1 || Math.floor(number2) !== number2) {
+    return error.num;
+  }
+
+  // Return error if either number is greater than (2^48)-1
+  if (number1 > 281474976710655 || number2 > 281474976710655) {
+    return error.num;
+  }
+
+  // Return bitwise AND of two numbers
+  return number1 & number2;
+};
+
+exports.BITLSHIFT = function(number, shift) {
+  number = utils.parseNumber(number);
+  shift = utils.parseNumber(shift);
+  if (utils.anyIsError(number, shift)) {
+    return error.value;
+  }
+
+  // Return error if number is less than 0
+  if (number < 0) {
+    return error.num;
+  }
+
+  // Return error if number is a non-integer
+  if (Math.floor(number) !== number) {
+    return error.num;
+  }
+
+  // Return error if number is greater than (2^48)-1
+  if (number > 281474976710655) {
+    return error.num;
+  }
+
+  // Return error if the absolute value of shift is greater than 53
+  if (Math.abs(shift) > 53) {
+    return error.num;
+  }
+
+  // Return number shifted by shift bits to the left or to the right if shift is negative
+  return (shift >= 0) ? number << shift : number >> -shift;
+};
+
+exports.BITOR = function(number1, number2) {
+  number1 = utils.parseNumber(number1);
+  number2 = utils.parseNumber(number2);
+  if (utils.anyIsError(number1, number2)) {
+    return error.value;
+  }
+
+  // Return error if either number is less than 0
+  if (number1 < 0 || number2 < 0) {
+    return error.num;
+  }
+
+  // Return error if either number is a non-integer
+  if (Math.floor(number1) !== number1 || Math.floor(number2) !== number2) {
+    return error.num;
+  }
+
+  // Return error if either number is greater than (2^48)-1
+  if (number1 > 281474976710655 || number2 > 281474976710655) {
+    return error.num;
+  }
+
+  // Return bitwise OR of two numbers
+  return number1 | number2;
+};
+
+exports.BITRSHIFT = function(number, shift) {
+  number = utils.parseNumber(number);
+  shift = utils.parseNumber(shift);
+  if (utils.anyIsError(number, shift)) {
+    return error.value;
+  }
+
+  // Return error if number is less than 0
+  if (number < 0) {
+    return error.num;
+  }
+
+  // Return error if number is a non-integer
+  if (Math.floor(number) !== number) {
+    return error.num;
+  }
+
+  // Return error if number is greater than (2^48)-1
+  if (number > 281474976710655) {
+    return error.num;
+  }
+
+  // Return error if the absolute value of shift is greater than 53
+  if (Math.abs(shift) > 53) {
+    return error.num;
+  }
+
+  // Return number shifted by shift bits to the right or to the left if shift is negative
+  return (shift >= 0) ? number >> shift : number << -shift;
+};
+
+exports.BITXOR = function(number1, number2) {
+  number1 = utils.parseNumber(number1);
+  number2 = utils.parseNumber(number2);
+  if (utils.anyIsError(number1, number2)) {
+    return error.value;
+  }
+
+  // Return error if either number is less than 0
+  if (number1 < 0 || number2 < 0) {
+    return error.num;
+  }
+
+  // Return error if either number is a non-integer
+  if (Math.floor(number1) !== number1 || Math.floor(number2) !== number2) {
+    return error.num;
+  }
+
+  // Return error if either number is greater than (2^48)-1
+  if (number1 > 281474976710655 || number2 > 281474976710655) {
+    return error.num;
+  }
+
+  // Return bitwise XOR of two numbers
+  return number1 ^ number2;
+};
+
+exports.COMPLEX = function(real, imaginary, suffix) {
+  real = utils.parseNumber(real);
+  imaginary = utils.parseNumber(imaginary);
+  if (utils.anyIsError(real, imaginary)) {
+    return real;
+  }
+
+  // Set suffix
+  suffix = (suffix === undefined) ? 'i' : suffix;
+
+  // Return error if suffix is neither "i" nor "j"
+  if (suffix !== 'i' && suffix !== 'j') {
+    return error.value;
+  }
+
+  // Return complex number
+  if (real === 0 && imaginary === 0) {
+    return 0;
+  } else if (real === 0) {
+    return (imaginary === 1) ? suffix : imaginary.toString() + suffix;
+  } else if (imaginary === 0) {
+    return real.toString();
+  } else {
+    var sign = (imaginary > 0) ? '+' : '';
+    return real.toString() + sign + ((imaginary === 1) ? suffix : imaginary.toString() + suffix);
+  }
+};
+
+exports.CONVERT = function(number, from_unit, to_unit) {
+  number = utils.parseNumber(number);
+  if (number instanceof Error) {
+    return number;
+  }
+
+  // List of units supported by CONVERT and units defined by the International System of Units
+  // [Name, Symbol, Alternate symbols, Quantity, ISU, CONVERT, Conversion ratio]
+  var units = [
+    ["a.u. of action", "?", null, "action", false, false, 1.05457168181818e-34],
+    ["a.u. of charge", "e", null, "electric_charge", false, false, 1.60217653141414e-19],
+    ["a.u. of energy", "Eh", null, "energy", false, false, 4.35974417757576e-18],
+    ["a.u. of length", "a?", null, "length", false, false, 5.29177210818182e-11],
+    ["a.u. of mass", "m?", null, "mass", false, false, 9.10938261616162e-31],
+    ["a.u. of time", "?/Eh", null, "time", false, false, 2.41888432650516e-17],
+    ["admiralty knot", "admkn", null, "speed", false, true, 0.514773333],
+    ["ampere", "A", null, "electric_current", true, false, 1],
+    ["ampere per meter", "A/m", null, "magnetic_field_intensity", true, false, 1],
+    ["ångström", "Å", ["ang"], "length", false, true, 1e-10],
+    ["are", "ar", null, "area", false, true, 100],
+    ["astronomical unit", "ua", null, "length", false, false, 1.49597870691667e-11],
+    ["bar", "bar", null, "pressure", false, false, 100000],
+    ["barn", "b", null, "area", false, false, 1e-28],
+    ["becquerel", "Bq", null, "radioactivity", true, false, 1],
+    ["bit", "bit", ["b"], "information", false, true, 1],
+    ["btu", "BTU", ["btu"], "energy", false, true, 1055.05585262],
+    ["byte", "byte", null, "information", false, true, 8],
+    ["candela", "cd", null, "luminous_intensity", true, false, 1],
+    ["candela per square metre", "cd/m?", null, "luminance", true, false, 1],
+    ["coulomb", "C", null, "electric_charge", true, false, 1],
+    ["cubic ångström", "ang3", ["ang^3"], "volume", false, true, 1e-30],
+    ["cubic foot", "ft3", ["ft^3"], "volume", false, true, 0.028316846592],
+    ["cubic inch", "in3", ["in^3"], "volume", false, true, 0.000016387064],
+    ["cubic light-year", "ly3", ["ly^3"], "volume", false, true, 8.46786664623715e-47],
+    ["cubic metre", "m?", null, "volume", true, true, 1],
+    ["cubic mile", "mi3", ["mi^3"], "volume", false, true, 4168181825.44058],
+    ["cubic nautical mile", "Nmi3", ["Nmi^3"], "volume", false, true, 6352182208],
+    ["cubic Pica", "Pica3", ["Picapt3", "Pica^3", "Picapt^3"], "volume", false, true, 7.58660370370369e-8],
+    ["cubic yard", "yd3", ["yd^3"], "volume", false, true, 0.764554857984],
+    ["cup", "cup", null, "volume", false, true, 0.0002365882365],
+    ["dalton", "Da", ["u"], "mass", false, false, 1.66053886282828e-27],
+    ["day", "d", ["day"], "time", false, true, 86400],
+    ["degree", "°", null, "angle", false, false, 0.0174532925199433],
+    ["degrees Rankine", "Rank", null, "temperature", false, true, 0.555555555555556],
+    ["dyne", "dyn", ["dy"], "force", false, true, 0.00001],
+    ["electronvolt", "eV", ["ev"], "energy", false, true, 1.60217656514141],
+    ["ell", "ell", null, "length", false, true, 1.143],
+    ["erg", "erg", ["e"], "energy", false, true, 1e-7],
+    ["farad", "F", null, "electric_capacitance", true, false, 1],
+    ["fluid ounce", "oz", null, "volume", false, true, 0.0000295735295625],
+    ["foot", "ft", null, "length", false, true, 0.3048],
+    ["foot-pound", "flb", null, "energy", false, true, 1.3558179483314],
+    ["gal", "Gal", null, "acceleration", false, false, 0.01],
+    ["gallon", "gal", null, "volume", false, true, 0.003785411784],
+    ["gauss", "G", ["ga"], "magnetic_flux_density", false, true, 1],
+    ["grain", "grain", null, "mass", false, true, 0.0000647989],
+    ["gram", "g", null, "mass", false, true, 0.001],
+    ["gray", "Gy", null, "absorbed_dose", true, false, 1],
+    ["gross registered ton", "GRT", ["regton"], "volume", false, true, 2.8316846592],
+    ["hectare", "ha", null, "area", false, true, 10000],
+    ["henry", "H", null, "inductance", true, false, 1],
+    ["hertz", "Hz", null, "frequency", true, false, 1],
+    ["horsepower", "HP", ["h"], "power", false, true, 745.69987158227],
+    ["horsepower-hour", "HPh", ["hh", "hph"], "energy", false, true, 2684519.538],
+    ["hour", "h", ["hr"], "time", false, true, 3600],
+    ["imperial gallon (U.K.)", "uk_gal", null, "volume", false, true, 0.00454609],
+    ["imperial hundredweight", "lcwt", ["uk_cwt", "hweight"], "mass", false, true, 50.802345],
+    ["imperial quart (U.K)", "uk_qt", null, "volume", false, true, 0.0011365225],
+    ["imperial ton", "brton", ["uk_ton", "LTON"], "mass", false, true, 1016.046909],
+    ["inch", "in", null, "length", false, true, 0.0254],
+    ["international acre", "uk_acre", null, "area", false, true, 4046.8564224],
+    ["IT calorie", "cal", null, "energy", false, true, 4.1868],
+    ["joule", "J", null, "energy", true, true, 1],
+    ["katal", "kat", null, "catalytic_activity", true, false, 1],
+    ["kelvin", "K", ["kel"], "temperature", true, true, 1],
+    ["kilogram", "kg", null, "mass", true, true, 1],
+    ["knot", "kn", null, "speed", false, true, 0.514444444444444],
+    ["light-year", "ly", null, "length", false, true, 9460730472580800],
+    ["litre", "L", ["l", "lt"], "volume", false, true, 0.001],
+    ["lumen", "lm", null, "luminous_flux", true, false, 1],
+    ["lux", "lx", null, "illuminance", true, false, 1],
+    ["maxwell", "Mx", null, "magnetic_flux", false, false, 1e-18],
+    ["measurement ton", "MTON", null, "volume", false, true, 1.13267386368],
+    ["meter per hour", "m/h", ["m/hr"], "speed", false, true, 0.00027777777777778],
+    ["meter per second", "m/s", ["m/sec"], "speed", true, true, 1],
+    ["meter per second squared", "m?s??", null, "acceleration", true, false, 1],
+    ["parsec", "pc", ["parsec"], "length", false, true, 30856775814671900],
+    ["meter squared per second", "m?/s", null, "kinematic_viscosity", true, false, 1],
+    ["metre", "m", null, "length", true, true, 1],
+    ["miles per hour", "mph", null, "speed", false, true, 0.44704],
+    ["millimetre of mercury", "mmHg", null, "pressure", false, false, 133.322],
+    ["minute", "?", null, "angle", false, false, 0.000290888208665722],
+    ["minute", "min", ["mn"], "time", false, true, 60],
+    ["modern teaspoon", "tspm", null, "volume", false, true, 0.000005],
+    ["mole", "mol", null, "amount_of_substance", true, false, 1],
+    ["morgen", "Morgen", null, "area", false, true, 2500],
+    ["n.u. of action", "?", null, "action", false, false, 1.05457168181818e-34],
+    ["n.u. of mass", "m?", null, "mass", false, false, 9.10938261616162e-31],
+    ["n.u. of speed", "c?", null, "speed", false, false, 299792458],
+    ["n.u. of time", "?/(me?c??)", null, "time", false, false, 1.28808866778687e-21],
+    ["nautical mile", "M", ["Nmi"], "length", false, true, 1852],
+    ["newton", "N", null, "force", true, true, 1],
+    ["œrsted", "Oe ", null, "magnetic_field_intensity", false, false, 79.5774715459477],
+    ["ohm", "Ω", null, "electric_resistance", true, false, 1],
+    ["ounce mass", "ozm", null, "mass", false, true, 0.028349523125],
+    ["pascal", "Pa", null, "pressure", true, false, 1],
+    ["pascal second", "Pa?s", null, "dynamic_viscosity", true, false, 1],
+    ["pferdestärke", "PS", null, "power", false, true, 735.49875],
+    ["phot", "ph", null, "illuminance", false, false, 0.0001],
+    ["pica (1/6 inch)", "pica", null, "length", false, true, 0.00035277777777778],
+    ["pica (1/72 inch)", "Pica", ["Picapt"], "length", false, true, 0.00423333333333333],
+    ["poise", "P", null, "dynamic_viscosity", false, false, 0.1],
+    ["pond", "pond", null, "force", false, true, 0.00980665],
+    ["pound force", "lbf", null, "force", false, true, 4.4482216152605],
+    ["pound mass", "lbm", null, "mass", false, true, 0.45359237],
+    ["quart", "qt", null, "volume", false, true, 0.000946352946],
+    ["radian", "rad", null, "angle", true, false, 1],
+    ["second", "?", null, "angle", false, false, 0.00000484813681109536],
+    ["second", "s", ["sec"], "time", true, true, 1],
+    ["short hundredweight", "cwt", ["shweight"], "mass", false, true, 45.359237],
+    ["siemens", "S", null, "electrical_conductance", true, false, 1],
+    ["sievert", "Sv", null, "equivalent_dose", true, false, 1],
+    ["slug", "sg", null, "mass", false, true, 14.59390294],
+    ["square ångström", "ang2", ["ang^2"], "area", false, true, 1e-20],
+    ["square foot", "ft2", ["ft^2"], "area", false, true, 0.09290304],
+    ["square inch", "in2", ["in^2"], "area", false, true, 0.00064516],
+    ["square light-year", "ly2", ["ly^2"], "area", false, true, 8.95054210748189e+31],
+    ["square meter", "m?", null, "area", true, true, 1],
+    ["square mile", "mi2", ["mi^2"], "area", false, true, 2589988.110336],
+    ["square nautical mile", "Nmi2", ["Nmi^2"], "area", false, true, 3429904],
+    ["square Pica", "Pica2", ["Picapt2", "Pica^2", "Picapt^2"], "area", false, true, 0.00001792111111111],
+    ["square yard", "yd2", ["yd^2"], "area", false, true, 0.83612736],
+    ["statute mile", "mi", null, "length", false, true, 1609.344],
+    ["steradian", "sr", null, "solid_angle", true, false, 1],
+    ["stilb", "sb", null, "luminance", false, false, 0.0001],
+    ["stokes", "St", null, "kinematic_viscosity", false, false, 0.0001],
+    ["stone", "stone", null, "mass", false, true, 6.35029318],
+    ["tablespoon", "tbs", null, "volume", false, true, 0.0000147868],
+    ["teaspoon", "tsp", null, "volume", false, true, 0.00000492892],
+    ["tesla", "T", null, "magnetic_flux_density", true, true, 1],
+    ["thermodynamic calorie", "c", null, "energy", false, true, 4.184],
+    ["ton", "ton", null, "mass", false, true, 907.18474],
+    ["tonne", "t", null, "mass", false, false, 1000],
+    ["U.K. pint", "uk_pt", null, "volume", false, true, 0.00056826125],
+    ["U.S. bushel", "bushel", null, "volume", false, true, 0.03523907],
+    ["U.S. oil barrel", "barrel", null, "volume", false, true, 0.158987295],
+    ["U.S. pint", "pt", ["us_pt"], "volume", false, true, 0.000473176473],
+    ["U.S. survey mile", "survey_mi", null, "length", false, true, 1609.347219],
+    ["U.S. survey/statute acre", "us_acre", null, "area", false, true, 4046.87261],
+    ["volt", "V", null, "voltage", true, false, 1],
+    ["watt", "W", null, "power", true, true, 1],
+    ["watt-hour", "Wh", ["wh"], "energy", false, true, 3600],
+    ["weber", "Wb", null, "magnetic_flux", true, false, 1],
+    ["yard", "yd", null, "length", false, true, 0.9144],
+    ["year", "yr", null, "time", false, true, 31557600]
+  ];
+
+  // Binary prefixes
+  // [Name, Prefix power of 2 value, Previx value, Abbreviation, Derived from]
+  var binary_prefixes = {
+    Yi: ["yobi", 80, 1208925819614629174706176, "Yi", "yotta"],
+    Zi: ["zebi", 70, 1180591620717411303424, "Zi", "zetta"],
+    Ei: ["exbi", 60, 1152921504606846976, "Ei", "exa"],
+    Pi: ["pebi", 50, 1125899906842624, "Pi", "peta"],
+    Ti: ["tebi", 40, 1099511627776, "Ti", "tera"],
+    Gi: ["gibi", 30, 1073741824, "Gi", "giga"],
+    Mi: ["mebi", 20, 1048576, "Mi", "mega"],
+    ki: ["kibi", 10, 1024, "ki", "kilo"]
+  };
+
+  // Unit prefixes
+  // [Name, Multiplier, Abbreviation]
+  var unit_prefixes = {
+    Y: ["yotta", 1e+24, "Y"],
+    Z: ["zetta", 1e+21, "Z"],
+    E: ["exa", 1e+18, "E"],
+    P: ["peta", 1e+15, "P"],
+    T: ["tera", 1e+12, "T"],
+    G: ["giga", 1e+09, "G"],
+    M: ["mega", 1e+06, "M"],
+    k: ["kilo", 1e+03, "k"],
+    h: ["hecto", 1e+02, "h"],
+    e: ["dekao", 1e+01, "e"],
+    d: ["deci", 1e-01, "d"],
+    c: ["centi", 1e-02, "c"],
+    m: ["milli", 1e-03, "m"],
+    u: ["micro", 1e-06, "u"],
+    n: ["nano", 1e-09, "n"],
+    p: ["pico", 1e-12, "p"],
+    f: ["femto", 1e-15, "f"],
+    a: ["atto", 1e-18, "a"],
+    z: ["zepto", 1e-21, "z"],
+    y: ["yocto", 1e-24, "y"]
+  };
+
+  // Initialize units and multipliers
+  var from = null;
+  var to = null;
+  var base_from_unit = from_unit;
+  var base_to_unit = to_unit;
+  var from_multiplier = 1;
+  var to_multiplier = 1;
+  var alt;
+
+  // Lookup from and to units
+  for (var i = 0; i < units.length; i++) {
+    alt = (units[i][2] === null) ? [] : units[i][2];
+    if (units[i][1] === base_from_unit || alt.indexOf(base_from_unit) >= 0) {
+      from = units[i];
+    }
+    if (units[i][1] === base_to_unit || alt.indexOf(base_to_unit) >= 0) {
+      to = units[i];
+    }
+  }
+
+  // Lookup from prefix
+  if (from === null) {
+    var from_binary_prefix = binary_prefixes[from_unit.substring(0, 2)];
+    var from_unit_prefix = unit_prefixes[from_unit.substring(0, 1)];
+
+    // Handle dekao unit prefix (only unit prefix with two characters)
+    if (from_unit.substring(0, 2) === 'da') {
+      from_unit_prefix = ["dekao", 1e+01, "da"];
+    }
+
+    // Handle binary prefixes first (so that 'Yi' is processed before 'Y')
+    if (from_binary_prefix) {
+      from_multiplier = from_binary_prefix[2];
+      base_from_unit = from_unit.substring(2);
+    } else if (from_unit_prefix) {
+      from_multiplier = from_unit_prefix[1];
+      base_from_unit = from_unit.substring(from_unit_prefix[2].length);
+    }
+
+    // Lookup from unit
+    for (var j = 0; j < units.length; j++) {
+      alt = (units[j][2] === null) ? [] : units[j][2];
+      if (units[j][1] === base_from_unit || alt.indexOf(base_from_unit) >= 0) {
+        from = units[j];
+      }
+    }
+  }
+
+  // Lookup to prefix
+  if (to === null) {
+    var to_binary_prefix = binary_prefixes[to_unit.substring(0, 2)];
+    var to_unit_prefix = unit_prefixes[to_unit.substring(0, 1)];
+
+    // Handle dekao unit prefix (only unit prefix with two characters)
+    if (to_unit.substring(0, 2) === 'da') {
+      to_unit_prefix = ["dekao", 1e+01, "da"];
+    }
+
+    // Handle binary prefixes first (so that 'Yi' is processed before 'Y')
+    if (to_binary_prefix) {
+      to_multiplier = to_binary_prefix[2];
+      base_to_unit = to_unit.substring(2);
+    } else if (to_unit_prefix) {
+      to_multiplier = to_unit_prefix[1];
+      base_to_unit = to_unit.substring(to_unit_prefix[2].length);
+    }
+
+    // Lookup to unit
+    for (var k = 0; k < units.length; k++) {
+      alt = (units[k][2] === null) ? [] : units[k][2];
+      if (units[k][1] === base_to_unit || alt.indexOf(base_to_unit) >= 0) {
+        to = units[k];
+      }
+    }
+  }
+
+  // Return error if a unit does not exist
+  if (from === null || to === null) {
+    return error.na;
+  }
+
+  // Return error if units represent different quantities
+  if (from[3] !== to[3]) {
+    return error.na;
+  }
+
+  // Return converted number
+  return number * from[6] * from_multiplier / (to[6] * to_multiplier);
+};
+
+exports.DEC2BIN = function(number, places) {
+  number = utils.parseNumber(number);
+  if (number instanceof Error) {
+    return number;
+  }
+
+  // Return error if number is not decimal, is lower than -512, or is greater than 511
+  if (!/^-?[0-9]{1,3}$/.test(number) || number < -512 || number > 511) {
+    return error.num;
+  }
+
+  // Ignore places and return a 10-character binary number if number is negative
+  if (number < 0) {
+    return '1' + text.REPT('0', 9 - (512 + number).toString(2).length) + (512 + number).toString(2);
+  }
+
+  // Convert decimal number to binary
+  var result = parseInt(number, 10).toString(2);
+
+  // Return binary number using the minimum number of characters necessary if places is undefined
+  if (typeof places === 'undefined') {
+    return result;
+  } else {
+    // Return error if places is nonnumeric
+    if (isNaN(places)) {
+      return error.value;
+    }
+
+    // Return error if places is negative
+    if (places < 0) {
+      return error.num;
+    }
+
+    // Truncate places in case it is not an integer
+    places = Math.floor(places);
+
+    // Pad return value with leading 0s (zeros) if necessary (using Underscore.string)
+    return (places >= result.length) ? text.REPT('0', places - result.length) + result : error.num;
+  }
+};
+
+exports.DEC2HEX = function(number, places) {
+  number = utils.parseNumber(number);
+  if (number instanceof Error) {
+    return number;
+  }
+
+  // Return error if number is not decimal, is lower than -549755813888, or is greater than 549755813887
+  if (!/^-?[0-9]{1,12}$/.test(number) || number < -549755813888 || number > 549755813887) {
+    return error.num;
+  }
+
+  // Ignore places and return a 10-character hexadecimal number if number is negative
+  if (number < 0) {
+    return (1099511627776 + number).toString(16);
+  }
+
+  // Convert decimal number to hexadecimal
+  var result = parseInt(number, 10).toString(16);
+
+  // Return hexadecimal number using the minimum number of characters necessary if places is undefined
+  if (typeof places === 'undefined') {
+    return result;
+  } else {
+    // Return error if places is nonnumeric
+    if (isNaN(places)) {
+      return error.value;
+    }
+
+    // Return error if places is negative
+    if (places < 0) {
+      return error.num;
+    }
+
+    // Truncate places in case it is not an integer
+    places = Math.floor(places);
+
+    // Pad return value with leading 0s (zeros) if necessary (using Underscore.string)
+    return (places >= result.length) ? text.REPT('0', places - result.length) + result : error.num;
+  }
+};
+
+exports.DEC2OCT = function(number, places) {
+  number = utils.parseNumber(number);
+  if (number instanceof Error) {
+    return number;
+  }
+
+  // Return error if number is not decimal, is lower than -549755813888, or is greater than 549755813887
+  if (!/^-?[0-9]{1,9}$/.test(number) || number < -536870912 || number > 536870911) {
+    return error.num;
+  }
+
+  // Ignore places and return a 10-character octal number if number is negative
+  if (number < 0) {
+    return (1073741824 + number).toString(8);
+  }
+
+  // Convert decimal number to octal
+  var result = parseInt(number, 10).toString(8);
+
+  // Return octal number using the minimum number of characters necessary if places is undefined
+  if (typeof places === 'undefined') {
+    return result;
+  } else {
+    // Return error if places is nonnumeric
+    if (isNaN(places)) {
+      return error.value;
+    }
+
+    // Return error if places is negative
+    if (places < 0) {
+      return error.num;
+    }
+
+    // Truncate places in case it is not an integer
+    places = Math.floor(places);
+
+    // Pad return value with leading 0s (zeros) if necessary (using Underscore.string)
+    return (places >= result.length) ? text.REPT('0', places - result.length) + result : error.num;
+  }
+};
+
+exports.DELTA = function(number1, number2) {
+  // Set number2 to zero if undefined
+  number2 = (number2 === undefined) ? 0 : number2;
+  number1 = utils.parseNumber(number1);
+  number2 = utils.parseNumber(number2);
+  if (utils.anyIsError(number1, number2)) {
+    return error.value;
+  }
+
+  // Return delta
+  return (number1 === number2) ? 1 : 0;
+};
+
+// TODO: why is upper_bound not used ? The excel documentation has no examples with upper_bound
+exports.ERF = function(lower_bound, upper_bound) {
+  // Set number2 to zero if undefined
+  upper_bound = (upper_bound === undefined) ? 0 : upper_bound;
+
+  lower_bound = utils.parseNumber(lower_bound);
+  upper_bound = utils.parseNumber(upper_bound);
+  if (utils.anyIsError(lower_bound, upper_bound)) {
+    return error.value;
+  }
+
+  return jStat.erf(lower_bound);
+};
+
+// TODO
+exports.ERF.PRECISE = function() {
+  throw new Error('ERF.PRECISE is not implemented');
+};
+
+exports.ERFC = function(x) {
+  // Return error if x is not a number
+  if (isNaN(x)) {
+    return error.value;
+  }
+
+  return jStat.erfc(x);
+};
+
+// TODO
+exports.ERFC.PRECISE = function() {
+  throw new Error('ERFC.PRECISE is not implemented');
+};
+
+exports.GESTEP = function(number, step) {
+  step = step || 0;
+  number = utils.parseNumber(number);
+  if (utils.anyIsError(step, number)) {
+    return number;
+  }
+
+  // Return delta
+  return (number >= step) ? 1 : 0;
+};
+
+exports.HEX2BIN = function(number, places) {
+  // Return error if number is not hexadecimal or contains more than ten characters (10 digits)
+  if (!/^[0-9A-Fa-f]{1,10}$/.test(number)) {
+    return error.num;
+  }
+
+  // Check if number is negative
+  var negative = (number.length === 10 && number.substring(0, 1).toLowerCase() === 'f') ? true : false;
+
+  // Convert hexadecimal number to decimal
+  var decimal = (negative) ? parseInt(number, 16) - 1099511627776 : parseInt(number, 16);
+
+  // Return error if number is lower than -512 or greater than 511
+  if (decimal < -512 || decimal > 511) {
+    return error.num;
+  }
+
+  // Ignore places and return a 10-character binary number if number is negative
+  if (negative) {
+    return '1' + text.REPT('0', 9 - (512 + decimal).toString(2).length) + (512 + decimal).toString(2);
+  }
+
+  // Convert decimal number to binary
+  var result = decimal.toString(2);
+
+  // Return binary number using the minimum number of characters necessary if places is undefined
+  if (places === undefined) {
+    return result;
+  } else {
+    // Return error if places is nonnumeric
+    if (isNaN(places)) {
+      return error.value;
+    }
+
+    // Return error if places is negative
+    if (places < 0) {
+      return error.num;
+    }
+
+    // Truncate places in case it is not an integer
+    places = Math.floor(places);
+
+    // Pad return value with leading 0s (zeros) if necessary (using Underscore.string)
+    return (places >= result.length) ? text.REPT('0', places - result.length) + result : error.num;
+  }
+};
+
+exports.HEX2DEC = function(number) {
+  // Return error if number is not hexadecimal or contains more than ten characters (10 digits)
+  if (!/^[0-9A-Fa-f]{1,10}$/.test(number)) {
+    return error.num;
+  }
+
+  // Convert hexadecimal number to decimal
+  var decimal = parseInt(number, 16);
+
+  // Return decimal number
+  return (decimal >= 549755813888) ? decimal - 1099511627776 : decimal;
+};
+
+exports.HEX2OCT = function(number, places) {
+  // Return error if number is not hexadecimal or contains more than ten characters (10 digits)
+  if (!/^[0-9A-Fa-f]{1,10}$/.test(number)) {
+    return error.num;
+  }
+
+  // Convert hexadecimal number to decimal
+  var decimal = parseInt(number, 16);
+
+  // Return error if number is positive and greater than 0x1fffffff (536870911)
+  if (decimal > 536870911 && decimal < 1098974756864) {
+    return error.num;
+  }
+
+  // Ignore places and return a 10-character octal number if number is negative
+  if (decimal >= 1098974756864) {
+    return (decimal - 1098437885952).toString(8);
+  }
+
+  // Convert decimal number to octal
+  var result = decimal.toString(8);
+
+  // Return octal number using the minimum number of characters necessary if places is undefined
+  if (places === undefined) {
+    return result;
+  } else {
+    // Return error if places is nonnumeric
+    if (isNaN(places)) {
+      return error.value;
+    }
+
+    // Return error if places is negative
+    if (places < 0) {
+      return error.num;
+    }
+
+    // Truncate places in case it is not an integer
+    places = Math.floor(places);
+
+    // Pad return value with leading 0s (zeros) if necessary (using Underscore.string)
+    return (places >= result.length) ? text.REPT('0', places - result.length) + result : error.num;
+  }
+};
+
+exports.IMABS = function(inumber) {
+  // Lookup real and imaginary coefficients using exports.js [http://formulajs.org]
+  var x = exports.IMREAL(inumber);
+  var y = exports.IMAGINARY(inumber);
+
+  // Return error if either coefficient is not a number
+  if (utils.anyIsError(x, y)) {
+    return error.value;
+  }
+
+  // Return absolute value of complex number
+  return Math.sqrt(Math.pow(x, 2) + Math.pow(y, 2));
+};
+
+exports.IMAGINARY = function(inumber) {
+  if (inumber === undefined || inumber === true || inumber === false) {
+    return error.value;
+  }
+
+  // Return 0 if inumber is equal to 0
+  if (inumber === 0 || inumber === '0') {
+    return 0;
+  }
+
+  // Handle special cases
+  if (['i', 'j'].indexOf(inumber) >= 0) {
+    return 1;
+  }
+
+  // Normalize imaginary coefficient
+  inumber = inumber.replace('+i', '+1i').replace('-i', '-1i').replace('+j', '+1j').replace('-j', '-1j');
+
+  // Lookup sign
+  var plus = inumber.indexOf('+');
+  var minus = inumber.indexOf('-');
+  if (plus === 0) {
+    plus = inumber.indexOf('+', 1);
+  }
+
+  if (minus === 0) {
+    minus = inumber.indexOf('-', 1);
+  }
+
+  // Lookup imaginary unit
+  var last = inumber.substring(inumber.length - 1, inumber.length);
+  var unit = (last === 'i' || last === 'j');
+
+  if (plus >= 0 || minus >= 0) {
+    // Return error if imaginary unit is neither i nor j
+    if (!unit) {
+      return error.num;
+    }
+
+    // Return imaginary coefficient of complex number
+    if (plus >= 0) {
+      return (isNaN(inumber.substring(0, plus)) || isNaN(inumber.substring(plus + 1, inumber.length - 1))) ?
+        error.num :
+        Number(inumber.substring(plus + 1, inumber.length - 1));
+    } else {
+      return (isNaN(inumber.substring(0, minus)) || isNaN(inumber.substring(minus + 1, inumber.length - 1))) ?
+        error.num :
+        -Number(inumber.substring(minus + 1, inumber.length - 1));
+    }
+  } else {
+    if (unit) {
+      return (isNaN(inumber.substring(0, inumber.length - 1))) ? error.num : inumber.substring(0, inumber.length - 1);
+    } else {
+      return (isNaN(inumber)) ? error.num : 0;
+    }
+  }
+};
+
+exports.IMARGUMENT = function(inumber) {
+  // Lookup real and imaginary coefficients using exports.js [http://formulajs.org]
+  var x = exports.IMREAL(inumber);
+  var y = exports.IMAGINARY(inumber);
+
+  // Return error if either coefficient is not a number
+  if (utils.anyIsError(x, y)) {
+    return error.value;
+  }
+
+  // Return error if inumber is equal to zero
+  if (x === 0 && y === 0) {
+    return error.div0;
+  }
+
+  // Return PI/2 if x is equal to zero and y is positive
+  if (x === 0 && y > 0) {
+    return Math.PI / 2;
+  }
+
+  // Return -PI/2 if x is equal to zero and y is negative
+  if (x === 0 && y < 0) {
+    return -Math.PI / 2;
+  }
+
+  // Return zero if x is negative and y is equal to zero
+  if (y === 0 && x > 0) {
+    return 0;
+  }
+
+  // Return zero if x is negative and y is equal to zero
+  if (y === 0 && x < 0) {
+    return -Math.PI;
+  }
+
+  // Return argument of complex number
+  if (x > 0) {
+    return Math.atan(y / x);
+  } else if (x < 0 && y >= 0) {
+    return Math.atan(y / x) + Math.PI;
+  } else {
+    return Math.atan(y / x) - Math.PI;
+  }
+};
+
+exports.IMCONJUGATE = function(inumber) {
+  // Lookup real and imaginary coefficients using exports.js [http://formulajs.org]
+  var x = exports.IMREAL(inumber);
+  var y = exports.IMAGINARY(inumber);
+
+  if (utils.anyIsError(x, y)) {
+    return error.value;
+  }
+
+  // Lookup imaginary unit
+  var unit = inumber.substring(inumber.length - 1);
+  unit = (unit === 'i' || unit === 'j') ? unit : 'i';
+
+  // Return conjugate of complex number
+  return (y !== 0) ? exports.COMPLEX(x, -y, unit) : inumber;
+};
+
+exports.IMCOS = function(inumber) {
+  // Lookup real and imaginary coefficients using exports.js [http://formulajs.org]
+  var x = exports.IMREAL(inumber);
+  var y = exports.IMAGINARY(inumber);
+
+  if (utils.anyIsError(x, y)) {
+    return error.value;
+  }
+
+  // Lookup imaginary unit
+  var unit = inumber.substring(inumber.length - 1);
+  unit = (unit === 'i' || unit === 'j') ? unit : 'i';
+
+  // Return cosine of complex number
+  return exports.COMPLEX(Math.cos(x) * (Math.exp(y) + Math.exp(-y)) / 2, -Math.sin(x) * (Math.exp(y) - Math.exp(-y)) / 2, unit);
+};
+
+exports.IMCOSH = function(inumber) {
+  // Lookup real and imaginary coefficients using exports.js [http://formulajs.org]
+  var x = exports.IMREAL(inumber);
+  var y = exports.IMAGINARY(inumber);
+
+  if (utils.anyIsError(x, y)) {
+    return error.value;
+  }
+
+  // Lookup imaginary unit
+  var unit = inumber.substring(inumber.length - 1);
+  unit = (unit === 'i' || unit === 'j') ? unit : 'i';
+
+  // Return hyperbolic cosine of complex number
+  return exports.COMPLEX(Math.cos(y) * (Math.exp(x) + Math.exp(-x)) / 2, Math.sin(y) * (Math.exp(x) - Math.exp(-x)) / 2, unit);
+};
+
+exports.IMCOT = function(inumber) {
+  // Lookup real and imaginary coefficients using Formula.js [http://formulajs.org]
+  var x = exports.IMREAL(inumber);
+  var y = exports.IMAGINARY(inumber);
+
+  if (utils.anyIsError(x, y)) {
+    return error.value;
+  }
+
+  // Return cotangent of complex number
+  return exports.IMDIV(exports.IMCOS(inumber), exports.IMSIN(inumber));
+};
+
+exports.IMDIV = function(inumber1, inumber2) {
+  // Lookup real and imaginary coefficients using Formula.js [http://formulajs.org]
+  var a = exports.IMREAL(inumber1);
+  var b = exports.IMAGINARY(inumber1);
+  var c = exports.IMREAL(inumber2);
+  var d = exports.IMAGINARY(inumber2);
+
+  if (utils.anyIsError(a, b, c, d)) {
+    return error.value;
+  }
+
+  // Lookup imaginary unit
+  var unit1 = inumber1.substring(inumber1.length - 1);
+  var unit2 = inumber2.substring(inumber2.length - 1);
+  var unit = 'i';
+  if (unit1 === 'j') {
+    unit = 'j';
+  } else if (unit2 === 'j') {
+    unit = 'j';
+  }
+
+  // Return error if inumber2 is null
+  if (c === 0 && d === 0) {
+    return error.num;
+  }
+
+  // Return exponential of complex number
+  var den = c * c + d * d;
+  return exports.COMPLEX((a * c + b * d) / den, (b * c - a * d) / den, unit);
+};
+
+exports.IMEXP = function(inumber) {
+  // Lookup real and imaginary coefficients using Formula.js [http://formulajs.org]
+  var x = exports.IMREAL(inumber);
+  var y = exports.IMAGINARY(inumber);
+
+  if (utils.anyIsError(x, y)) {
+    return error.value;
+  }
+
+  // Lookup imaginary unit
+  var unit = inumber.substring(inumber.length - 1);
+  unit = (unit === 'i' || unit === 'j') ? unit : 'i';
+
+  // Return exponential of complex number
+  var e = Math.exp(x);
+  return exports.COMPLEX(e * Math.cos(y), e * Math.sin(y), unit);
+};
+
+exports.IMLN = function(inumber) {
+  // Lookup real and imaginary coefficients using Formula.js [http://formulajs.org]
+  var x = exports.IMREAL(inumber);
+  var y = exports.IMAGINARY(inumber);
+
+  if (utils.anyIsError(x, y)) {
+    return error.value;
+  }
+
+  // Lookup imaginary unit
+  var unit = inumber.substring(inumber.length - 1);
+  unit = (unit === 'i' || unit === 'j') ? unit : 'i';
+
+  // Return exponential of complex number
+  return exports.COMPLEX(Math.log(Math.sqrt(x * x + y * y)), Math.atan(y / x), unit);
+};
+
+exports.IMLOG10 = function(inumber) {
+  // Lookup real and imaginary coefficients using Formula.js [http://formulajs.org]
+  var x = exports.IMREAL(inumber);
+  var y = exports.IMAGINARY(inumber);
+
+  if (utils.anyIsError(x, y)) {
+    return error.value;
+  }
+
+  // Lookup imaginary unit
+  var unit = inumber.substring(inumber.length - 1);
+  unit = (unit === 'i' || unit === 'j') ? unit : 'i';
+
+  // Return exponential of complex number
+  return exports.COMPLEX(Math.log(Math.sqrt(x * x + y * y)) / Math.log(10), Math.atan(y / x) / Math.log(10), unit);
+};
+
+exports.IMLOG2 = function(inumber) {
+  // Lookup real and imaginary coefficients using Formula.js [http://formulajs.org]
+  var x = exports.IMREAL(inumber);
+  var y = exports.IMAGINARY(inumber);
+
+  if (utils.anyIsError(x, y)) {
+    return error.value;
+  }
+
+  // Lookup imaginary unit
+  var unit = inumber.substring(inumber.length - 1);
+  unit = (unit === 'i' || unit === 'j') ? unit : 'i';
+
+  // Return exponential of complex number
+  return exports.COMPLEX(Math.log(Math.sqrt(x * x + y * y)) / Math.log(2), Math.atan(y / x) / Math.log(2), unit);
+};
+
+exports.IMPOWER = function(inumber, number) {
+  number = utils.parseNumber(number);
+  var x = exports.IMREAL(inumber);
+  var y = exports.IMAGINARY(inumber);
+  if (utils.anyIsError(number, x, y)) {
+    return error.value;
+  }
+
+  // Lookup imaginary unit
+  var unit = inumber.substring(inumber.length - 1);
+  unit = (unit === 'i' || unit === 'j') ? unit : 'i';
+
+  // Calculate power of modulus
+  var p = Math.pow(exports.IMABS(inumber), number);
+
+  // Calculate argument
+  var t = exports.IMARGUMENT(inumber);
+
+  // Return exponential of complex number
+  return exports.COMPLEX(p * Math.cos(number * t), p * Math.sin(number * t), unit);
+};
+
+exports.IMPRODUCT = function() {
+  // Initialize result
+  var result = arguments[0];
+
+  if (!arguments.length) {
+    return error.value;
+  }
+
+  // Loop on all numbers
+  for (var i = 1; i < arguments.length; i++) {
+    // Lookup coefficients of two complex numbers
+    var a = exports.IMREAL(result);
+    var b = exports.IMAGINARY(result);
+    var c = exports.IMREAL(arguments[i]);
+    var d = exports.IMAGINARY(arguments[i]);
+
+    if (utils.anyIsError(a, b, c, d)) {
+      return error.value;
+    }
+
+    // Complute product of two complex numbers
+    result = exports.COMPLEX(a * c - b * d, a * d + b * c);
+  }
+
+  // Return product of complex numbers
+  return result;
+};
+
+exports.IMREAL = function(inumber) {
+  if (inumber === undefined || inumber === true || inumber === false) {
+    return error.value;
+  }
+
+  // Return 0 if inumber is equal to 0
+  if (inumber === 0 || inumber === '0') {
+    return 0;
+  }
+
+  // Handle special cases
+  if (['i', '+i', '1i', '+1i', '-i', '-1i', 'j', '+j', '1j', '+1j', '-j', '-1j'].indexOf(inumber) >= 0) {
+    return 0;
+  }
+
+  // Lookup sign
+  var plus = inumber.indexOf('+');
+  var minus = inumber.indexOf('-');
+  if (plus === 0) {
+    plus = inumber.indexOf('+', 1);
+  }
+  if (minus === 0) {
+    minus = inumber.indexOf('-', 1);
+  }
+
+  // Lookup imaginary unit
+  var last = inumber.substring(inumber.length - 1, inumber.length);
+  var unit = (last === 'i' || last === 'j');
+
+  if (plus >= 0 || minus >= 0) {
+    // Return error if imaginary unit is neither i nor j
+    if (!unit) {
+      return error.num;
+    }
+
+    // Return real coefficient of complex number
+    if (plus >= 0) {
+      return (isNaN(inumber.substring(0, plus)) || isNaN(inumber.substring(plus + 1, inumber.length - 1))) ?
+        error.num :
+        Number(inumber.substring(0, plus));
+    } else {
+      return (isNaN(inumber.substring(0, minus)) || isNaN(inumber.substring(minus + 1, inumber.length - 1))) ?
+        error.num :
+        Number(inumber.substring(0, minus));
+    }
+  } else {
+    if (unit) {
+      return (isNaN(inumber.substring(0, inumber.length - 1))) ? error.num : 0;
+    } else {
+      return (isNaN(inumber)) ? error.num : inumber;
+    }
+  }
+};
+
+exports.IMSEC = function(inumber) {
+  // Return error if inumber is a logical value
+  if (inumber === true || inumber === false) {
+    return error.value;
+  }
+
+  // Lookup real and imaginary coefficients using Formula.js [http://formulajs.org]
+  var x = exports.IMREAL(inumber);
+  var y = exports.IMAGINARY(inumber);
+
+  if (utils.anyIsError(x, y)) {
+    return error.value;
+  }
+
+  // Return secant of complex number
+  return exports.IMDIV('1', exports.IMCOS(inumber));
+};
+
+exports.IMSECH = function(inumber) {
+  // Lookup real and imaginary coefficients using Formula.js [http://formulajs.org]
+  var x = exports.IMREAL(inumber);
+  var y = exports.IMAGINARY(inumber);
+
+  if (utils.anyIsError(x, y)) {
+    return error.value;
+  }
+
+  // Return hyperbolic secant of complex number
+  return exports.IMDIV('1', exports.IMCOSH(inumber));
+};
+
+exports.IMSIN = function(inumber) {
+  // Lookup real and imaginary coefficients using Formula.js [http://formulajs.org]
+  var x = exports.IMREAL(inumber);
+  var y = exports.IMAGINARY(inumber);
+
+  if (utils.anyIsError(x, y)) {
+    return error.value;
+  }
+
+  // Lookup imaginary unit
+  var unit = inumber.substring(inumber.length - 1);
+  unit = (unit === 'i' || unit === 'j') ? unit : 'i';
+
+  // Return sine of complex number
+  return exports.COMPLEX(Math.sin(x) * (Math.exp(y) + Math.exp(-y)) / 2, Math.cos(x) * (Math.exp(y) - Math.exp(-y)) / 2, unit);
+};
+
+exports.IMSINH = function(inumber) {
+  // Lookup real and imaginary coefficients using Formula.js [http://formulajs.org]
+  var x = exports.IMREAL(inumber);
+  var y = exports.IMAGINARY(inumber);
+
+  if (utils.anyIsError(x, y)) {
+    return error.value;
+  }
+
+  // Lookup imaginary unit
+  var unit = inumber.substring(inumber.length - 1);
+  unit = (unit === 'i' || unit === 'j') ? unit : 'i';
+
+  // Return hyperbolic sine of complex number
+  return exports.COMPLEX(Math.cos(y) * (Math.exp(x) - Math.exp(-x)) / 2, Math.sin(y) * (Math.exp(x) + Math.exp(-x)) / 2, unit);
+};
+
+exports.IMSQRT = function(inumber) {
+  // Lookup real and imaginary coefficients using Formula.js [http://formulajs.org]
+  var x = exports.IMREAL(inumber);
+  var y = exports.IMAGINARY(inumber);
+
+  if (utils.anyIsError(x, y)) {
+    return error.value;
+  }
+
+  // Lookup imaginary unit
+  var unit = inumber.substring(inumber.length - 1);
+  unit = (unit === 'i' || unit === 'j') ? unit : 'i';
+
+  // Calculate power of modulus
+  var s = Math.sqrt(exports.IMABS(inumber));
+
+  // Calculate argument
+  var t = exports.IMARGUMENT(inumber);
+
+  // Return exponential of complex number
+  return exports.COMPLEX(s * Math.cos(t / 2), s * Math.sin(t / 2), unit);
+};
+
+exports.IMCSC = function (inumber) {
+  // Return error if inumber is a logical value
+  if (inumber === true || inumber === false) {
+    return error.value;
+  }
+
+  // Lookup real and imaginary coefficients using Formula.js [http://formulajs.org]
+  var x = exports.IMREAL(inumber);
+  var y = exports.IMAGINARY(inumber);
+
+  // Return error if either coefficient is not a number
+  if (utils.anyIsError(x, y)) {
+    return error.num;
+  }
+
+  // Return cosecant of complex number
+  return exports.IMDIV('1', exports.IMSIN(inumber));
+};
+
+exports.IMCSCH = function (inumber) {
+  // Return error if inumber is a logical value
+  if (inumber === true || inumber === false) {
+    return error.value;
+  }
+
+  // Lookup real and imaginary coefficients using Formula.js [http://formulajs.org]
+  var x = exports.IMREAL(inumber);
+  var y = exports.IMAGINARY(inumber);
+
+  // Return error if either coefficient is not a number
+  if (utils.anyIsError(x, y)) {
+    return error.num;
+  }
+
+  // Return hyperbolic cosecant of complex number
+  return exports.IMDIV('1', exports.IMSINH(inumber));
+};
+
+exports.IMSUB = function(inumber1, inumber2) {
+  // Lookup real and imaginary coefficients using Formula.js [http://formulajs.org]
+  var a = this.IMREAL(inumber1);
+  var b = this.IMAGINARY(inumber1);
+  var c = this.IMREAL(inumber2);
+  var d = this.IMAGINARY(inumber2);
+
+  if (utils.anyIsError(a, b, c, d)) {
+    return error.value;
+  }
+
+  // Lookup imaginary unit
+  var unit1 = inumber1.substring(inumber1.length - 1);
+  var unit2 = inumber2.substring(inumber2.length - 1);
+  var unit = 'i';
+  if (unit1 === 'j') {
+    unit = 'j';
+  } else if (unit2 === 'j') {
+    unit = 'j';
+  }
+
+  // Return _ of two complex numbers
+  return this.COMPLEX(a - c, b - d, unit);
+};
+
+exports.IMSUM = function() {
+  if (!arguments.length) {
+    return error.value;
+  }
+  var args = utils.flatten(arguments);
+
+  // Initialize result
+  var result = args[0];
+
+  // Loop on all numbers
+  for (var i = 1; i < args.length; i++) {
+    // Lookup coefficients of two complex numbers
+    var a = this.IMREAL(result);
+    var b = this.IMAGINARY(result);
+    var c = this.IMREAL(args[i]);
+    var d = this.IMAGINARY(args[i]);
+
+    if (utils.anyIsError(a, b, c, d)) {
+      return error.value;
+    }
+
+    // Complute product of two complex numbers
+    result = this.COMPLEX(a + c, b + d);
+  }
+
+  // Return sum of complex numbers
+  return result;
+};
+
+exports.IMTAN = function(inumber) {
+  // Return error if inumber is a logical value
+  if (inumber === true || inumber === false) {
+    return error.value;
+  }
+
+  // Lookup real and imaginary coefficients using Formula.js [http://formulajs.org]
+  var x = exports.IMREAL(inumber);
+  var y = exports.IMAGINARY(inumber);
+
+  if (utils.anyIsError(x, y)) {
+    return error.value;
+  }
+
+  // Return tangent of complex number
+  return this.IMDIV(this.IMSIN(inumber), this.IMCOS(inumber));
+};
+
+exports.OCT2BIN = function(number, places) {
+  // Return error if number is not hexadecimal or contains more than ten characters (10 digits)
+  if (!/^[0-7]{1,10}$/.test(number)) {
+    return error.num;
+  }
+
+  // Check if number is negative
+  var negative = (number.length === 10 && number.substring(0, 1) === '7') ? true : false;
+
+  // Convert octal number to decimal
+  var decimal = (negative) ? parseInt(number, 8) - 1073741824 : parseInt(number, 8);
+
+  // Return error if number is lower than -512 or greater than 511
+  if (decimal < -512 || decimal > 511) {
+    return error.num;
+  }
+
+  // Ignore places and return a 10-character binary number if number is negative
+  if (negative) {
+    return '1' + text.REPT('0', 9 - (512 + decimal).toString(2).length) + (512 + decimal).toString(2);
+  }
+
+  // Convert decimal number to binary
+  var result = decimal.toString(2);
+
+  // Return binary number using the minimum number of characters necessary if places is undefined
+  if (typeof places === 'undefined') {
+    return result;
+  } else {
+    // Return error if places is nonnumeric
+    if (isNaN(places)) {
+      return error.value;
+    }
+
+    // Return error if places is negative
+    if (places < 0) {
+      return error.num;
+    }
+
+    // Truncate places in case it is not an integer
+    places = Math.floor(places);
+
+    // Pad return value with leading 0s (zeros) if necessary (using Underscore.string)
+    return (places >= result.length) ? text.REPT('0', places - result.length) + result : error.num;
+  }
+};
+
+exports.OCT2DEC = function(number) {
+  // Return error if number is not octal or contains more than ten characters (10 digits)
+  if (!/^[0-7]{1,10}$/.test(number)) {
+    return error.num;
+  }
+
+  // Convert octal number to decimal
+  var decimal = parseInt(number, 8);
+
+  // Return decimal number
+  return (decimal >= 536870912) ? decimal - 1073741824 : decimal;
+};
+
+exports.OCT2HEX = function(number, places) {
+  // Return error if number is not octal or contains more than ten characters (10 digits)
+  if (!/^[0-7]{1,10}$/.test(number)) {
+    return error.num;
+  }
+
+  // Convert octal number to decimal
+  var decimal = parseInt(number, 8);
+
+  // Ignore places and return a 10-character octal number if number is negative
+  if (decimal >= 536870912) {
+    return 'ff' + (decimal + 3221225472).toString(16);
+  }
+
+  // Convert decimal number to hexadecimal
+  var result = decimal.toString(16);
+
+  // Return hexadecimal number using the minimum number of characters necessary if places is undefined
+  if (places === undefined) {
+    return result;
+  } else {
+    // Return error if places is nonnumeric
+    if (isNaN(places)) {
+      return error.value;
+    }
+
+    // Return error if places is negative
+    if (places < 0) {
+      return error.num;
+    }
+
+    // Truncate places in case it is not an integer
+    places = Math.floor(places);
+
+    // Pad return value with leading 0s (zeros) if necessary (using Underscore.string)
+    return (places >= result.length) ? text.REPT('0', places - result.length) + result : error.num;
+  }
+};
+
+
+/***/ }),
+/* 11 */
+/***/ (function(module, exports, __webpack_require__) {
+
+var categories = [
+  __webpack_require__(12),
+  __webpack_require__(14),
+  __webpack_require__(10),
+  __webpack_require__(15),
+  __webpack_require__(2),
+  __webpack_require__(4),
+  __webpack_require__(7),
+  __webpack_require__(16),
+  __webpack_require__(6),
+  __webpack_require__(17),
+  __webpack_require__(3),
+  __webpack_require__(9)
+];
+
+for (var c in categories) {
+  var category = categories[c];
+  for (var f in category) {
+    exports[f] = exports[f] || category[f];
+  }
+}
+
+
+/***/ }),
+/* 12 */
+/***/ (function(module, exports, __webpack_require__) {
+
+var mathTrig = __webpack_require__(2);
+var statistical = __webpack_require__(3);
+var engineering = __webpack_require__(10);
+var dateTime = __webpack_require__(7);
+
+function set(fn, root) {
+  if (root) {
+    for (var i in root) {
+      fn[i] = root[i];
+    }
+  }
+
+  return fn;
+}
+
+exports.BETADIST = statistical.BETA.DIST;
+exports.BETAINV = statistical.BETA.INV;
+exports.BINOMDIST = statistical.BINOM.DIST;
+exports.CEILING = exports.ISOCEILING = set(mathTrig.CEILING.MATH, mathTrig.CEILING);
+exports.CEILINGMATH = mathTrig.CEILING.MATH;
+exports.CEILINGPRECISE = mathTrig.CEILING.PRECISE;
+exports.CHIDIST = statistical.CHISQ.DIST;
+exports.CHIDISTRT = statistical.CHISQ.DIST.RT;
+exports.CHIINV = statistical.CHISQ.INV;
+exports.CHIINVRT = statistical.CHISQ.INV.RT;
+exports.CHITEST = statistical.CHISQ.TEST;
+exports.CONFIDENCE = set(statistical.CONFIDENCE.NORM, statistical.CONFIDENCE);
+exports.COVAR = statistical.COVARIANCE.P;
+exports.COVARIANCEP = statistical.COVARIANCE.P;
+exports.COVARIANCES = statistical.COVARIANCE.S;
+exports.CRITBINOM = statistical.BINOM.INV;
+exports.EXPONDIST = statistical.EXPON.DIST;
+exports.ERFCPRECISE = engineering.ERFC.PRECISE;
+exports.ERFPRECISE = engineering.ERF.PRECISE;
+exports.FDIST = statistical.F.DIST;
+exports.FDISTRT = statistical.F.DIST.RT;
+exports.FINVRT = statistical.F.INV.RT;
+exports.FINV = statistical.F.INV;
+exports.FLOOR = set(mathTrig.FLOOR.MATH, mathTrig.FLOOR);
+exports.FLOORMATH = mathTrig.FLOOR.MATH;
+exports.FLOORPRECISE = mathTrig.FLOOR.PRECISE;
+exports.FTEST = statistical.F.TEST;
+exports.GAMMADIST = statistical.GAMMA.DIST;
+exports.GAMMAINV = statistical.GAMMA.INV;
+exports.GAMMALNPRECISE = statistical.GAMMALN.PRECISE;
+exports.HYPGEOMDIST = statistical.HYPGEOM.DIST;
+exports.LOGINV = statistical.LOGNORM.INV;
+exports.LOGNORMINV = statistical.LOGNORM.INV;
+exports.LOGNORMDIST = statistical.LOGNORM.DIST;
+exports.MODE = set(statistical.MODE.SNGL, statistical.MODE);
+exports.MODEMULT = statistical.MODE.MULT;
+exports.MODESNGL = statistical.MODE.SNGL;
+exports.NEGBINOMDIST = statistical.NEGBINOM.DIST;
+exports.NETWORKDAYSINTL = dateTime.NETWORKDAYS.INTL;
+exports.NORMDIST = statistical.NORM.DIST;
+exports.NORMINV = statistical.NORM.INV;
+exports.NORMSDIST = statistical.NORM.S.DIST;
+exports.NORMSINV = statistical.NORM.S.INV;
+exports.PERCENTILE = set(statistical.PERCENTILE.EXC, statistical.PERCENTILE);
+exports.PERCENTILEEXC = statistical.PERCENTILE.EXC;
+exports.PERCENTILEINC = statistical.PERCENTILE.INC;
+exports.PERCENTRANK = set(statistical.PERCENTRANK.INC, statistical.PERCENTRANK);
+exports.PERCENTRANKEXC = statistical.PERCENTRANK.EXC;
+exports.PERCENTRANKINC = statistical.PERCENTRANK.INC;
+exports.POISSON = set(statistical.POISSON.DIST, statistical.POISSON);
+exports.POISSONDIST = statistical.POISSON.DIST;
+exports.QUARTILE = set(statistical.QUARTILE.INC, statistical.QUARTILE);
+exports.QUARTILEEXC = statistical.QUARTILE.EXC;
+exports.QUARTILEINC = statistical.QUARTILE.INC;
+exports.RANK = set(statistical.RANK.EQ, statistical.RANK);
+exports.RANKAVG = statistical.RANK.AVG;
+exports.RANKEQ = statistical.RANK.EQ;
+exports.SKEWP = statistical.SKEW.P;
+exports.STDEV = set(statistical.STDEV.S, statistical.STDEV);
+exports.STDEVP = statistical.STDEV.P;
+exports.STDEVS = statistical.STDEV.S;
+exports.TDIST = statistical.T.DIST;
+exports.TDISTRT = statistical.T.DIST.RT;
+exports.TINV = statistical.T.INV;
+exports.TTEST = statistical.T.TEST;
+exports.VAR = set(statistical.VAR.S, statistical.VAR);
+exports.VARP = statistical.VAR.P;
+exports.VARS = statistical.VAR.S;
+exports.WEIBULL = set(statistical.WEIBULL.DIST, statistical.WEIBULL);
+exports.WEIBULLDIST = statistical.WEIBULL.DIST;
+exports.WORKDAYINTL = dateTime.WORKDAY.INTL;
+exports.ZTEST = statistical.Z.TEST;
+
+
+/***/ }),
+/* 13 */
+/***/ (function(module, exports, __webpack_require__) {
+
+/* bessel.js (C) 2013-present SheetJS -- http://sheetjs.com */
+/* vim: set ts=2: */
+/*exported BESSEL */
+var BESSEL;
+(function (factory) {
+  /*jshint ignore:start */
+  if(typeof DO_NOT_EXPORT_BESSEL === 'undefined') {
+    if(true) {
+      factory(exports);
+    } else if ('function' === typeof define && define.amd) {
+      define(function () {
+        var module = {};
+        factory(module);
+        return module;
+      });
+    } else {
+      factory(BESSEL = {});
+    }
+  } else {
+    factory(BESSEL = {});
+  }
+  /*jshint ignore:end */
+}(function(BESSEL) {
+BESSEL.version = '1.0.2';
+var M = Math;
+
+function _horner(arr, v) { for(var i = 0, z = 0; i < arr.length; ++i) z = v * z + arr[i]; return z; }
+function _bessel_iter(x, n, f0, f1, sign) {
+  if(n === 0) return f0;
+  if(n === 1) return f1;
+  var tdx = 2 / x, f2 = f1;
+  for(var o = 1; o < n; ++o) {
+    f2 = f1 * o * tdx + sign * f0;
+    f0 = f1; f1 = f2;
+  }
+  return f2;
+}
+function _bessel_wrap(bessel0, bessel1, name, nonzero, sign) {
+  return function bessel(x,n) {
+    if(nonzero) {
+      if(x === 0) return (nonzero == 1 ? -Infinity : Infinity);
+      else if(x < 0) return NaN;
+    }
+    if(n === 0) return bessel0(x);
+    if(n === 1) return bessel1(x);
+    if(n < 0) return NaN;
+    n|=0;
+    var b0 = bessel0(x), b1 = bessel1(x);
+    return _bessel_iter(x, n, b0, b1, sign);
+  };
+}
+var besselj = (function() {
+  var W = 0.636619772; // 2 / Math.PI
+
+  var b0_a1a = [57568490574.0, -13362590354.0, 651619640.7, -11214424.18, 77392.33017, -184.9052456].reverse();
+  var b0_a2a = [57568490411.0, 1029532985.0, 9494680.718, 59272.64853, 267.8532712, 1.0].reverse();
+  var b0_a1b = [1.0, -0.1098628627e-2, 0.2734510407e-4, -0.2073370639e-5, 0.2093887211e-6].reverse();
+  var b0_a2b = [-0.1562499995e-1, 0.1430488765e-3, -0.6911147651e-5, 0.7621095161e-6, -0.934935152e-7].reverse();
+
+  function bessel0(x) {
+    var a=0, a1=0, a2=0, y = x * x;
+    if(x < 8) {
+      a1 = _horner(b0_a1a, y);
+      a2 = _horner(b0_a2a, y);
+      a = a1 / a2;
+    } else {
+      var xx = x - 0.785398164;
+      y = 64 / y;
+      a1 = _horner(b0_a1b, y);
+      a2 = _horner(b0_a2b, y);
+      a = M.sqrt(W/x)*(M.cos(xx)*a1-M.sin(xx)*a2*8/x);
+    }
+    return a;
+  }
+
+  var b1_a1a = [72362614232.0, -7895059235.0, 242396853.1, -2972611.439, 15704.48260, -30.16036606].reverse();
+  var b1_a2a = [144725228442.0, 2300535178.0, 18583304.74, 99447.43394, 376.9991397, 1.0].reverse();
+  var b1_a1b = [1.0, 0.183105e-2, -0.3516396496e-4, 0.2457520174e-5, -0.240337019e-6].reverse();
+  var b1_a2b = [0.04687499995, -0.2002690873e-3, 0.8449199096e-5, -0.88228987e-6, 0.105787412e-6].reverse();
+
+  function bessel1(x) {
+    var a=0, a1=0, a2=0, y = x*x, xx = M.abs(x) - 2.356194491;
+    if(Math.abs(x)< 8) {
+      a1 = x*_horner(b1_a1a, y);
+      a2 = _horner(b1_a2a, y);
+      a = a1 / a2;
+    } else {
+      y = 64 / y;
+      a1=_horner(b1_a1b, y);
+      a2=_horner(b1_a2b, y);
+      a=M.sqrt(W/M.abs(x))*(M.cos(xx)*a1-M.sin(xx)*a2*8/M.abs(x));
+      if(x < 0) a = -a;
+    }
+    return a;
+  }
+
+  return function besselj(x, n) {
+    n = Math.round(n);
+    if(!isFinite(x)) return isNaN(x) ? x : 0;
+    if(n < 0) return ((n%2)?-1:1)*besselj(x, -n);
+    if(x < 0) return ((n%2)?-1:1)*besselj(-x, n);
+    if(n === 0) return bessel0(x);
+    if(n === 1) return bessel1(x);
+    if(x === 0) return 0;
+
+    var ret=0.0;
+    if(x > n) {
+      ret = _bessel_iter(x, n, bessel0(x), bessel1(x),-1);
+    } else {
+      var m=2*M.floor((n+M.floor(M.sqrt(40*n)))/2);
+      var jsum=false;
+      var bjp=0.0, sum=0.0;
+      var bj=1.0, bjm = 0.0;
+      var tox = 2 / x;
+      for (var j=m;j>0;j--) {
+        bjm=j*tox*bj-bjp;
+        bjp=bj;
+        bj=bjm;
+        if (M.abs(bj) > 1E10) {
+          bj *= 1E-10;
+          bjp *= 1E-10;
+          ret *= 1E-10;
+          sum *= 1E-10;
+        }
+        if (jsum) sum += bj;
+        jsum=!jsum;
+        if (j == n) ret=bjp;
+      }
+      sum=2.0*sum-bj;
+      ret /= sum;
+    }
+    return ret;
+  };
+})();
+var bessely = (function() {
+  var W = 0.636619772;
+
+  var b0_a1a = [-2957821389.0, 7062834065.0, -512359803.6, 10879881.29, -86327.92757, 228.4622733].reverse();
+  var b0_a2a = [40076544269.0, 745249964.8, 7189466.438, 47447.26470, 226.1030244, 1.0].reverse();
+  var b0_a1b = [1.0, -0.1098628627e-2, 0.2734510407e-4, -0.2073370639e-5, 0.2093887211e-6].reverse();
+  var b0_a2b = [-0.1562499995e-1, 0.1430488765e-3, -0.6911147651e-5, 0.7621095161e-6, -0.934945152e-7].reverse();
+
+  function bessel0(x) {
+    var a=0, a1=0, a2=0, y = x * x, xx = x - 0.785398164;
+    if(x < 8) {
+      a1 = _horner(b0_a1a, y);
+      a2 = _horner(b0_a2a, y);
+      a = a1/a2 + W * besselj(x,0) * M.log(x);
+    } else {
+      y = 64 / y;
+      a1 = _horner(b0_a1b, y);
+      a2 = _horner(b0_a2b, y);
+      a = M.sqrt(W/x)*(M.sin(xx)*a1+M.cos(xx)*a2*8/x);
+    }
+    return a;
+  }
+
+  var b1_a1a = [-0.4900604943e13, 0.1275274390e13, -0.5153438139e11, 0.7349264551e9, -0.4237922726e7, 0.8511937935e4].reverse();
+  var b1_a2a = [0.2499580570e14, 0.4244419664e12, 0.3733650367e10, 0.2245904002e8, 0.1020426050e6, 0.3549632885e3, 1].reverse();
+  var b1_a1b = [1.0, 0.183105e-2, -0.3516396496e-4, 0.2457520174e-5, -0.240337019e-6].reverse();
+  var b1_a2b = [0.04687499995, -0.2002690873e-3, 0.8449199096e-5, -0.88228987e-6, 0.105787412e-6].reverse();
+
+  function bessel1(x) {
+    var a=0, a1=0, a2=0, y = x*x, xx = x - 2.356194491;
+    if(x < 8) {
+      a1 = x*_horner(b1_a1a, y);
+      a2 = _horner(b1_a2a, y);
+      a = a1/a2 + W * (besselj(x,1) * M.log(x) - 1 / x);
+    } else {
+      y = 64 / y;
+      a1=_horner(b1_a1b, y);
+      a2=_horner(b1_a2b, y);
+      a=M.sqrt(W/x)*(M.sin(xx)*a1+M.cos(xx)*a2*8/x);
+    }
+    return a;
+  }
+
+  return _bessel_wrap(bessel0, bessel1, 'BESSELY', 1, -1);
+})();
+var besseli = (function() {
+  var b0_a = [1.0, 3.5156229, 3.0899424, 1.2067492, 0.2659732, 0.360768e-1, 0.45813e-2].reverse();
+  var b0_b = [0.39894228, 0.1328592e-1, 0.225319e-2, -0.157565e-2, 0.916281e-2, -0.2057706e-1, 0.2635537e-1, -0.1647633e-1, 0.392377e-2].reverse();
+
+  function bessel0(x) {
+    if(x <= 3.75) return _horner(b0_a, x*x/(3.75*3.75));
+    return M.exp(M.abs(x))/M.sqrt(M.abs(x))*_horner(b0_b, 3.75/M.abs(x));
+  }
+
+  var b1_a = [0.5, 0.87890594, 0.51498869, 0.15084934, 0.2658733e-1, 0.301532e-2, 0.32411e-3].reverse();
+  var b1_b = [0.39894228, -0.3988024e-1, -0.362018e-2, 0.163801e-2, -0.1031555e-1, 0.2282967e-1, -0.2895312e-1, 0.1787654e-1, -0.420059e-2].reverse();
+
+  function bessel1(x) {
+    if(x < 3.75) return x * _horner(b1_a, x*x/(3.75*3.75));
+    return (x < 0 ? -1 : 1) * M.exp(M.abs(x))/M.sqrt(M.abs(x))*_horner(b1_b, 3.75/M.abs(x));
+  }
+
+  return function besseli(x, n) {
+    n = Math.round(n);
+    if(n === 0) return bessel0(x);
+    if(n === 1) return bessel1(x);
+    if(n < 0) return NaN;
+    if(M.abs(x) === 0) return 0;
+    if(x == Infinity) return Infinity;
+
+    var ret = 0.0, j, tox = 2 / M.abs(x), bip = 0.0, bi=1.0, bim=0.0;
+    var m=2*M.round((n+M.round(M.sqrt(40*n)))/2);
+    for (j=m;j>0;j--) {
+      bim=j*tox*bi + bip;
+      bip=bi; bi=bim;
+      if (M.abs(bi) > 1E10) {
+        bi *= 1E-10;
+        bip *= 1E-10;
+        ret *= 1E-10;
+      }
+      if(j == n) ret = bip;
+    }
+    ret *= besseli(x, 0) / bi;
+    return x < 0 && (n%2) ? -ret : ret;
+  };
+
+})();
+
+var besselk = (function() {
+  var b0_a = [-0.57721566, 0.42278420, 0.23069756, 0.3488590e-1, 0.262698e-2, 0.10750e-3, 0.74e-5].reverse();
+  var b0_b = [1.25331414, -0.7832358e-1, 0.2189568e-1, -0.1062446e-1, 0.587872e-2, -0.251540e-2, 0.53208e-3].reverse();
+
+  function bessel0(x) {
+    if(x <= 2) return -M.log(x/2) * besseli(x,0) + _horner(b0_a, x*x/4);
+    return M.exp(-x) / M.sqrt(x) * _horner(b0_b, 2/x);
+  }
+
+  var b1_a = [1.0, 0.15443144, -0.67278579, -0.18156897, -0.1919402e-1, -0.110404e-2, -0.4686e-4].reverse();
+  var b1_b = [1.25331414, 0.23498619, -0.3655620e-1, 0.1504268e-1, -0.780353e-2, 0.325614e-2, -0.68245e-3].reverse();
+
+  function bessel1(x) {
+    if(x <= 2) return M.log(x/2) * besseli(x,1) + (1/x) * _horner(b1_a, x*x/4);
+    return M.exp(-x)/M.sqrt(x)*_horner(b1_b, 2/x);
+  }
+
+  return _bessel_wrap(bessel0, bessel1, 'BESSELK', 2, 1);
+})();
+BESSEL.besselj = besselj;
+BESSEL.bessely = bessely;
+BESSEL.besseli = besseli;
+BESSEL.besselk = besselk;
+}));
+
+
+/***/ }),
+/* 14 */
+/***/ (function(module, exports, __webpack_require__) {
+
+var error = __webpack_require__(0);
+var stats = __webpack_require__(3);
+var maths = __webpack_require__(2);
+var utils = __webpack_require__(1);
+var evalExpression = __webpack_require__(5);
+
+function compact(array) {
+  var result = [];
+
+  utils.arrayEach(array, function(value) {
+    if (value) {
+      result.push(value);
+    }
+  });
+
+  return result;
+}
+
+exports.FINDFIELD = function(database, title) {
+  var index = null;
+
+  utils.arrayEach(database, function(value, i) {
+    if (value[0] === title) {
+      index = i;
+      return false;
+    }
+  });
+
+  // Return error if the input field title is incorrect
+  if (index == null) {
+    return error.value;
+  }
+
+  return index;
+};
+
+function findResultIndex(database, criterias) {
+  var matches = {};
+  for (var i = 1; i < database[0].length; ++i) {
+    matches[i] = true;
+  }
+  var maxCriteriaLength = criterias[0].length;
+  for (i = 1; i < criterias.length; ++i) {
+    if (criterias[i].length > maxCriteriaLength) {
+      maxCriteriaLength = criterias[i].length;
+    }
+  }
+
+  for (var k = 1; k < database.length; ++k) {
+    for (var l = 1; l < database[k].length; ++l) {
+      var currentCriteriaResult = false;
+      var hasMatchingCriteria   = false;
+      for (var j = 0; j < criterias.length; ++j) {
+        var criteria = criterias[j];
+        if (criteria.length < maxCriteriaLength) {
+          continue;
+        }
+
+        var criteriaField = criteria[0];
+        if (database[k][0] !== criteriaField) {
+          continue;
+        }
+        hasMatchingCriteria = true;
+        for (var p = 1; p < criteria.length; ++p) {
+          if (!currentCriteriaResult) {
+            var isWildcard = criteria[p] === void 0 || criteria[p] === '*';
+
+            if (isWildcard) {
+              currentCriteriaResult = true;
+            } else {
+              var tokenizedCriteria = evalExpression.parse(criteria[p] + '');
+              var tokens = [evalExpression.createToken(database[k][l], evalExpression.TOKEN_TYPE_LITERAL)].concat(tokenizedCriteria);
+
+              currentCriteriaResult = evalExpression.compute(tokens);
+            }
+          }
+        }
+      }
+      if (hasMatchingCriteria) {
+        matches[l] = matches[l] && currentCriteriaResult;
+      }
+    }
+  }
+
+  var result = [];
+  for (var n = 0; n < database[0].length; ++n) {
+    if (matches[n]) {
+      result.push(n - 1);
+    }
+  }
+
+  return result;
+}
+
+// Database functions
+exports.DAVERAGE = function(database, field, criteria) {
+  // Return error if field is not a number and not a string
+  if (isNaN(field) && (typeof field !== "string")) {
+    return error.value;
+  }
+  var resultIndexes = findResultIndex(database, criteria);
+  var targetFields = [];
+
+  if (typeof field === "string") {
+    var index = exports.FINDFIELD(database, field);
+    targetFields = utils.rest(database[index]);
+  } else {
+    targetFields = utils.rest(database[field]);
+  }
+  var sum = 0;
+
+  utils.arrayEach(resultIndexes, function(value) {
+    sum += targetFields[value];
+  });
+
+  return resultIndexes.length === 0 ? error.div0 : sum / resultIndexes.length;
+};
+
+exports.DCOUNT = function(database, field, criteria) {
+  // Return error if field is not a number and not a string
+  if (isNaN(field) && (typeof field !== "string")) {
+    return error.value;
+  }
+  var resultIndexes = findResultIndex(database, criteria);
+  var targetFields = [];
+
+  if (typeof field === "string") {
+    var index = exports.FINDFIELD(database, field);
+    targetFields = utils.rest(database[index]);
+  } else {
+    targetFields = utils.rest(database[field]);
+  }
+
+  var targetValues = [];
+
+  utils.arrayEach(resultIndexes, function(value) {
+    targetValues.push(targetFields[value]);
+  });
+
+  return stats.COUNT(targetValues);
+};
+
+exports.DCOUNTA = function(database, field, criteria) {
+  // Return error if field is not a number and not a string
+  if (isNaN(field) && (typeof field !== "string")) {
+    return error.value;
+  }
+
+  var resultIndexes = findResultIndex(database, criteria);
+  var targetFields = [];
+
+  if (typeof field === "string") {
+    var index = exports.FINDFIELD(database, field);
+    targetFields = utils.rest(database[index]);
+  } else {
+    targetFields = utils.rest(database[field]);
+  }
+
+  var targetValues = [];
+
+  utils.arrayEach(resultIndexes, function(value) {
+    targetValues.push(targetFields[value]);
+  });
+
+  return stats.COUNTA(targetValues);
+};
+
+exports.DGET = function(database, field, criteria) {
+  // Return error if field is not a number and not a string
+  if (isNaN(field) && (typeof field !== "string")) {
+    return error.value;
+  }
+
+  var resultIndexes = findResultIndex(database, criteria);
+  var targetFields = [];
+
+  if (typeof field === "string") {
+    var index = exports.FINDFIELD(database, field);
+    targetFields = utils.rest(database[index]);
+  } else {
+    targetFields = utils.rest(database[field]);
+  }
+
+  // Return error if no record meets the criteria
+  if (resultIndexes.length === 0) {
+    return error.value;
+  }
+  // Returns the #NUM! error value because more than one record meets the
+  // criteria
+  if (resultIndexes.length > 1) {
+    return error.num;
+  }
+
+  return targetFields[resultIndexes[0]];
+};
+
+exports.DMAX = function(database, field, criteria) {
+  // Return error if field is not a number and not a string
+  if (isNaN(field) && (typeof field !== "string")) {
+    return error.value;
+  }
+  var resultIndexes = findResultIndex(database, criteria);
+  var targetFields = [];
+
+  if (typeof field === "string") {
+    var index = exports.FINDFIELD(database, field);
+    targetFields = utils.rest(database[index]);
+  } else {
+    targetFields = utils.rest(database[field]);
+  }
+
+  var maxValue = targetFields[resultIndexes[0]];
+
+  utils.arrayEach(resultIndexes, function(value) {
+    if (maxValue < targetFields[value]) {
+      maxValue = targetFields[value];
+    }
+  });
+
+  return maxValue;
+};
+
+exports.DMIN = function(database, field, criteria) {
+  // Return error if field is not a number and not a string
+  if (isNaN(field) && (typeof field !== "string")) {
+    return error.value;
+  }
+
+  var resultIndexes = findResultIndex(database, criteria);
+  var targetFields = [];
+
+  if (typeof field === "string") {
+    var index = exports.FINDFIELD(database, field);
+    targetFields = utils.rest(database[index]);
+  } else {
+    targetFields = utils.rest(database[field]);
+  }
+
+  var minValue = targetFields[resultIndexes[0]];
+
+  utils.arrayEach(resultIndexes, function(value) {
+    if (minValue > targetFields[value]) {
+      minValue = targetFields[value];
+    }
+  });
+
+  return minValue;
+};
+
+exports.DPRODUCT = function(database, field, criteria) {
+  // Return error if field is not a number and not a string
+  if (isNaN(field) && (typeof field !== "string")) {
+    return error.value;
+  }
+
+  var resultIndexes = findResultIndex(database, criteria);
+  var targetFields = [];
+
+  if (typeof field === "string") {
+    var index = exports.FINDFIELD(database, field);
+    targetFields = utils.rest(database[index]);
+  } else {
+    targetFields = utils.rest(database[field]);
+  }
+
+  var targetValues = [];
+
+  utils.arrayEach(resultIndexes, function(value) {
+    targetValues.push(targetFields[value]);
+  });
+  targetValues = compact(targetValues);
+
+  var result = 1;
+
+  utils.arrayEach(targetValues, function(value) {
+    result *= value;
+  });
+
+  return result;
+};
+
+exports.DSTDEV = function(database, field, criteria) {
+  // Return error if field is not a number and not a string
+  if (isNaN(field) && (typeof field !== "string")) {
+    return error.value;
+  }
+  var resultIndexes = findResultIndex(database, criteria);
+  var targetFields = [];
+
+  if (typeof field === "string") {
+    var index = exports.FINDFIELD(database, field);
+    targetFields = utils.rest(database[index]);
+  } else {
+    targetFields = utils.rest(database[field]);
+  }
+  var targetValues = [];
+
+  utils.arrayEach(resultIndexes, function(value) {
+    targetValues.push(targetFields[value]);
+  });
+  targetValues = compact(targetValues);
+
+  return stats.STDEV.S(targetValues);
+};
+
+exports.DSTDEVP = function(database, field, criteria) {
+  // Return error if field is not a number and not a string
+  if (isNaN(field) && (typeof field !== "string")) {
+    return error.value;
+  }
+  var resultIndexes = findResultIndex(database, criteria);
+  var targetFields = [];
+
+  if (typeof field === "string") {
+    var index = exports.FINDFIELD(database, field);
+    targetFields = utils.rest(database[index]);
+  } else {
+    targetFields = utils.rest(database[field]);
+  }
+
+  var targetValues = [];
+
+  utils.arrayEach(resultIndexes, function(value) {
+    targetValues.push(targetFields[value]);
+  });
+  targetValues = compact(targetValues);
+
+  return stats.STDEV.P(targetValues);
+};
+
+exports.DSUM = function(database, field, criteria) {
+  // Return error if field is not a number and not a string
+  if (isNaN(field) && (typeof field !== "string")) {
+    return error.value;
+  }
+  var resultIndexes = findResultIndex(database, criteria);
+  var targetFields = [];
+
+  if (typeof field === "string") {
+    var index = exports.FINDFIELD(database, field);
+    targetFields = utils.rest(database[index]);
+  } else {
+    targetFields = utils.rest(database[field]);
+  }
+
+  var targetValues = [];
+
+  utils.arrayEach(resultIndexes, function(value) {
+    targetValues.push(targetFields[value]);
+  });
+
+  return maths.SUM(targetValues);
+};
+
+exports.DVAR = function(database, field, criteria) {
+  // Return error if field is not a number and not a string
+  if (isNaN(field) && (typeof field !== "string")) {
+    return error.value;
+  }
+  var resultIndexes = findResultIndex(database, criteria);
+  var targetFields = [];
+
+  if (typeof field === "string") {
+    var index = exports.FINDFIELD(database, field);
+    targetFields = utils.rest(database[index]);
+  } else {
+    targetFields = utils.rest(database[field]);
+  }
+  var targetValues = [];
+
+  utils.arrayEach(resultIndexes, function(value) {
+    targetValues.push(targetFields[value]);
+  });
+
+  return stats.VAR.S(targetValues);
+};
+
+exports.DVARP = function(database, field, criteria) {
+  // Return error if field is not a number and not a string
+  if (isNaN(field) && (typeof field !== "string")) {
+    return error.value;
+  }
+  var resultIndexes = findResultIndex(database, criteria);
+  var targetFields = [];
+
+  if (typeof field === "string") {
+    var index = exports.FINDFIELD(database, field);
+    targetFields = utils.rest(database[index]);
+  } else {
+    targetFields = utils.rest(database[field]);
+  }
+  var targetValues = [];
+
+  utils.arrayEach(resultIndexes, function(value) {
+    targetValues.push(targetFields[value]);
+  });
+
+  return stats.VAR.P(targetValues);
+};
+
+
+/***/ }),
+/* 15 */
+/***/ (function(module, exports, __webpack_require__) {
+
+var error = __webpack_require__(0);
+var utils = __webpack_require__(1);
+var information = __webpack_require__(6);
+
+exports.AND = function() {
+  var args = utils.flatten(arguments);
+  var result = true;
+  for (var i = 0; i < args.length; i++) {
+    if (!args[i]) {
+      result = false;
+    }
+  }
+  return result;
+};
+
+exports.CHOOSE = function() {
+  if (arguments.length < 2) {
+    return error.na;
+  }
+
+  var index = arguments[0];
+  if (index < 1 || index > 254) {
+    return error.value;
+  }
+
+  if (arguments.length < index + 1) {
+    return error.value;
+  }
+
+  return arguments[index];
+};
+
+exports.FALSE = function() {
+  return false;
+};
+
+exports.IF = function(test, then_value, otherwise_value) {
+  return test ? then_value : otherwise_value;
+};
+
+exports.IFERROR = function(value, valueIfError) {
+  if (information.ISERROR(value)) {
+    return valueIfError;
+  }
+  return value;
+};
+
+exports.IFNA = function(value, value_if_na) {
+  return value === error.na ? value_if_na : value;
+};
+
+exports.NOT = function(logical) {
+  return !logical;
+};
+
+exports.OR = function() {
+  var args = utils.flatten(arguments);
+  var result = false;
+  for (var i = 0; i < args.length; i++) {
+    if (args[i]) {
+      result = true;
+    }
+  }
+  return result;
+};
+
+exports.TRUE = function() {
+  return true;
+};
+
+exports.XOR = function() {
+  var args = utils.flatten(arguments);
+  var result = 0;
+  for (var i = 0; i < args.length; i++) {
+    if (args[i]) {
+      result++;
+    }
+  }
+  return (Math.floor(Math.abs(result)) & 1) ? true : false;
+};
+
+exports.SWITCH = function () {
+  var result;
+
+  if (arguments.length > 0)  {
+    var targetValue = arguments[0];
+    var argc = arguments.length - 1;
+    var switchCount = Math.floor(argc / 2);
+    var switchSatisfied = false;
+    var hasDefaultClause = argc % 2 !== 0;
+    var defaultClause = argc % 2 === 0 ? null : arguments[arguments.length - 1];
+
+    if (switchCount) {
+      for (var index = 0; index < switchCount; index++) {
+        if (targetValue === arguments[index * 2 + 1]) {
+          result = arguments[index * 2 + 2];
+          switchSatisfied = true;
+          break;
+        }
+      }
+    }
+
+    if (!switchSatisfied) {
+      result = hasDefaultClause ? defaultClause : error.na;
+    }
+  } else {
+    result = error.value;
+  }
+
+  return result;
+};
+
+
+/***/ }),
+/* 16 */
+/***/ (function(module, exports, __webpack_require__) {
+
+var error = __webpack_require__(0);
+var dateTime = __webpack_require__(7);
+var utils = __webpack_require__(1);
+
+function validDate(d) {
+  return d && d.getTime && !isNaN(d.getTime());
+}
+
+function ensureDate(d) {
+  return (d instanceof Date)?d:new Date(d);
+}
+
+exports.ACCRINT = function(issue, first, settlement, rate, par, frequency, basis) {
+  // Return error if either date is invalid
+  issue      = ensureDate(issue);
+  first      = ensureDate(first);
+  settlement = ensureDate(settlement);
+  if (!validDate(issue) || !validDate(first) || !validDate(settlement)) {
+    return error.value;
+  }
+
+  // Return error if either rate or par are lower than or equal to zero
+  if (rate <= 0 || par <= 0) {
+    return error.num;
+  }
+
+  // Return error if frequency is neither 1, 2, or 4
+  if ([1, 2, 4].indexOf(frequency) === -1) {
+    return error.num;
+  }
+
+  // Return error if basis is neither 0, 1, 2, 3, or 4
+  if ([0, 1, 2, 3, 4].indexOf(basis) === -1) {
+    return error.num;
+  }
+
+  // Return error if settlement is before or equal to issue
+  if (settlement <= issue) {
+    return error.num;
+  }
+
+  // Set default values
+  par   = par   || 0;
+  basis = basis || 0;
+
+  // Compute accrued interest
+  return par * rate * dateTime.YEARFRAC(issue, settlement, basis);
+};
+
+// TODO
+exports.ACCRINTM = function() {
+  throw new Error('ACCRINTM is not implemented');
+};
+
+// TODO
+exports.AMORDEGRC = function() {
+  throw new Error('AMORDEGRC is not implemented');
+};
+
+// TODO
+exports.AMORLINC = function() {
+  throw new Error('AMORLINC is not implemented');
+};
+
+// TODO
+exports.COUPDAYBS = function() {
+  throw new Error('COUPDAYBS is not implemented');
+};
+
+// TODO
+exports.COUPDAYS = function() {
+  throw new Error('COUPDAYS is not implemented');
+};
+
+// TODO
+exports.COUPDAYSNC = function() {
+  throw new Error('COUPDAYSNC is not implemented');
+};
+
+// TODO
+exports.COUPNCD = function() {
+  throw new Error('COUPNCD is not implemented');
+};
+
+// TODO
+exports.COUPNUM = function() {
+  throw new Error('COUPNUM is not implemented');
+};
+
+// TODO
+exports.COUPPCD = function() {
+  throw new Error('COUPPCD is not implemented');
+};
+
+exports.CUMIPMT = function(rate, periods, value, start, end, type) {
+  // Credits: algorithm inspired by Apache OpenOffice
+  // Credits: Hannes Stiebitzhofer for the translations of function and variable names
+  // Requires exports.FV() and exports.PMT() from exports.js [http://stoic.com/exports/]
+
+  rate = utils.parseNumber(rate);
+  periods = utils.parseNumber(periods);
+  value = utils.parseNumber(value);
+  if (utils.anyIsError(rate, periods, value)) {
+    return error.value;
+  }
+
+  // Return error if either rate, periods, or value are lower than or equal to zero
+  if (rate <= 0 || periods <= 0 || value <= 0) {
+    return error.num;
+  }
+
+  // Return error if start < 1, end < 1, or start > end
+  if (start < 1 || end < 1 || start > end) {
+    return error.num;
+  }
+
+  // Return error if type is neither 0 nor 1
+  if (type !== 0 && type !== 1) {
+    return error.num;
+  }
+
+  // Compute cumulative interest
+  var payment = exports.PMT(rate, periods, value, 0, type);
+  var interest = 0;
+
+  if (start === 1) {
+    if (type === 0) {
+      interest = -value;
+      start++;
+    }
+  }
+
+  for (var i = start; i <= end; i++) {
+    if (type === 1) {
+      interest += exports.FV(rate, i - 2, payment, value, 1) - payment;
+    } else {
+      interest += exports.FV(rate, i - 1, payment, value, 0);
+    }
+  }
+  interest *= rate;
+
+  // Return cumulative interest
+  return interest;
+};
+
+exports.CUMPRINC = function(rate, periods, value, start, end, type) {
+  // Credits: algorithm inspired by Apache OpenOffice
+  // Credits: Hannes Stiebitzhofer for the translations of function and variable names
+
+  rate = utils.parseNumber(rate);
+  periods = utils.parseNumber(periods);
+  value = utils.parseNumber(value);
+  if (utils.anyIsError(rate, periods, value)) {
+    return error.value;
+  }
+
+  // Return error if either rate, periods, or value are lower than or equal to zero
+  if (rate <= 0 || periods <= 0 || value <= 0) {
+    return error.num;
+  }
+
+  // Return error if start < 1, end < 1, or start > end
+  if (start < 1 || end < 1 || start > end) {
+    return error.num;
+  }
+
+  // Return error if type is neither 0 nor 1
+  if (type !== 0 && type !== 1) {
+    return error.num;
+  }
+
+  // Compute cumulative principal
+  var payment = exports.PMT(rate, periods, value, 0, type);
+  var principal = 0;
+  if (start === 1) {
+    if (type === 0) {
+      principal = payment + value * rate;
+    } else {
+      principal = payment;
+    }
+    start++;
+  }
+  for (var i = start; i <= end; i++) {
+    if (type > 0) {
+      principal += payment - (exports.FV(rate, i - 2, payment, value, 1) - payment) * rate;
+    } else {
+      principal += payment - exports.FV(rate, i - 1, payment, value, 0) * rate;
+    }
+  }
+
+  // Return cumulative principal
+  return principal;
+};
+
+exports.DB = function(cost, salvage, life, period, month) {
+  // Initialize month
+  month = (month === undefined) ? 12 : month;
+
+  cost = utils.parseNumber(cost);
+  salvage = utils.parseNumber(salvage);
+  life = utils.parseNumber(life);
+  period = utils.parseNumber(period);
+  month = utils.parseNumber(month);
+  if (utils.anyIsError(cost, salvage, life, period, month)) {
+    return error.value;
+  }
+
+  // Return error if any of the parameters is negative
+  if (cost < 0 || salvage < 0 || life < 0 || period < 0) {
+    return error.num;
+  }
+
+  // Return error if month is not an integer between 1 and 12
+  if ([1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12].indexOf(month) === -1) {
+    return error.num;
+  }
+
+  // Return error if period is greater than life
+  if (period > life) {
+    return error.num;
+  }
+
+  // Return 0 (zero) if salvage is greater than or equal to cost
+  if (salvage >= cost) {
+    return 0;
+  }
+
+  // Rate is rounded to three decimals places
+  var rate = (1 - Math.pow(salvage / cost, 1 / life)).toFixed(3);
+
+  // Compute initial depreciation
+  var initial = cost * rate * month / 12;
+
+  // Compute total depreciation
+  var total = initial;
+  var current = 0;
+  var ceiling = (period === life) ? life - 1 : period;
+  for (var i = 2; i <= ceiling; i++) {
+    current = (cost - total) * rate;
+    total += current;
+  }
+
+  // Depreciation for the first and last periods are special cases
+  if (period === 1) {
+    // First period
+    return initial;
+  } else if (period === life) {
+    // Last period
+    return (cost - total) * rate;
+  } else {
+    return current;
+  }
+};
+
+exports.DDB = function(cost, salvage, life, period, factor) {
+  // Initialize factor
+  factor = (factor === undefined) ? 2 : factor;
+
+  cost = utils.parseNumber(cost);
+  salvage = utils.parseNumber(salvage);
+  life = utils.parseNumber(life);
+  period = utils.parseNumber(period);
+  factor = utils.parseNumber(factor);
+  if (utils.anyIsError(cost, salvage, life, period, factor)) {
+    return error.value;
+  }
+
+  // Return error if any of the parameters is negative or if factor is null
+  if (cost < 0 || salvage < 0 || life < 0 || period < 0 || factor <= 0) {
+    return error.num;
+  }
+
+  // Return error if period is greater than life
+  if (period > life) {
+    return error.num;
+  }
+
+  // Return 0 (zero) if salvage is greater than or equal to cost
+  if (salvage >= cost) {
+    return 0;
+  }
+
+  // Compute depreciation
+  var total = 0;
+  var current = 0;
+  for (var i = 1; i <= period; i++) {
+    current = Math.min((cost - total) * (factor / life), (cost - salvage - total));
+    total += current;
+  }
+
+  // Return depreciation
+  return current;
+};
+
+// TODO
+exports.DISC = function() {
+  throw new Error('DISC is not implemented');
+};
+
+exports.DOLLARDE = function(dollar, fraction) {
+  // Credits: algorithm inspired by Apache OpenOffice
+
+  dollar = utils.parseNumber(dollar);
+  fraction = utils.parseNumber(fraction);
+  if (utils.anyIsError(dollar, fraction)) {
+    return error.value;
+  }
+
+  // Return error if fraction is negative
+  if (fraction < 0) {
+    return error.num;
+  }
+
+  // Return error if fraction is greater than or equal to 0 and less than 1
+  if (fraction >= 0 && fraction < 1) {
+    return error.div0;
+  }
+
+  // Truncate fraction if it is not an integer
+  fraction = parseInt(fraction, 10);
+
+  // Compute integer part
+  var result = parseInt(dollar, 10);
+
+  // Add decimal part
+  result += (dollar % 1) * Math.pow(10, Math.ceil(Math.log(fraction) / Math.LN10)) / fraction;
+
+  // Round result
+  var power = Math.pow(10, Math.ceil(Math.log(fraction) / Math.LN2) + 1);
+  result = Math.round(result * power) / power;
+
+  // Return converted dollar price
+  return result;
+};
+
+exports.DOLLARFR = function(dollar, fraction) {
+  // Credits: algorithm inspired by Apache OpenOffice
+
+  dollar = utils.parseNumber(dollar);
+  fraction = utils.parseNumber(fraction);
+  if (utils.anyIsError(dollar, fraction)) {
+    return error.value;
+  }
+
+  // Return error if fraction is negative
+  if (fraction < 0) {
+    return error.num;
+  }
+
+  // Return error if fraction is greater than or equal to 0 and less than 1
+  if (fraction >= 0 && fraction < 1) {
+    return error.div0;
+  }
+
+  // Truncate fraction if it is not an integer
+  fraction = parseInt(fraction, 10);
+
+  // Compute integer part
+  var result = parseInt(dollar, 10);
+
+  // Add decimal part
+  result += (dollar % 1) * Math.pow(10, -Math.ceil(Math.log(fraction) / Math.LN10)) * fraction;
+
+  // Return converted dollar price
+  return result;
+};
+
+// TODO
+exports.DURATION = function() {
+  throw new Error('DURATION is not implemented');
+};
+
+exports.EFFECT = function(rate, periods) {
+  rate = utils.parseNumber(rate);
+  periods = utils.parseNumber(periods);
+  if (utils.anyIsError(rate, periods)) {
+    return error.value;
+  }
+
+  // Return error if rate <=0 or periods < 1
+  if (rate <= 0 || periods < 1) {
+    return error.num;
+  }
+
+  // Truncate periods if it is not an integer
+  periods = parseInt(periods, 10);
+
+  // Return effective annual interest rate
+  return Math.pow(1 + rate / periods, periods) - 1;
+};
+
+exports.FV = function(rate, periods, payment, value, type) {
+  // Credits: algorithm inspired by Apache OpenOffice
+
+  value = value || 0;
+  type = type || 0;
+
+  rate = utils.parseNumber(rate);
+  periods = utils.parseNumber(periods);
+  payment = utils.parseNumber(payment);
+  value = utils.parseNumber(value);
+  type = utils.parseNumber(type);
+  if (utils.anyIsError(rate, periods, payment, value, type)) {
+    return error.value;
+  }
+
+  // Return future value
+  var result;
+  if (rate === 0) {
+    result = value + payment * periods;
+  } else {
+    var term = Math.pow(1 + rate, periods);
+    if (type === 1) {
+      result = value * term + payment * (1 + rate) * (term - 1) / rate;
+    } else {
+      result = value * term + payment * (term - 1) / rate;
+    }
+  }
+  return -result;
+};
+
+exports.FVSCHEDULE = function(principal, schedule) {
+  principal = utils.parseNumber(principal);
+  schedule = utils.parseNumberArray(utils.flatten(schedule));
+  if (utils.anyIsError(principal, schedule)) {
+    return error.value;
+  }
+
+  var n = schedule.length;
+  var future = principal;
+
+  // Apply all interests in schedule
+  for (var i = 0; i < n; i++) {
+    // Apply scheduled interest
+    future *= 1 + schedule[i];
+  }
+
+  // Return future value
+  return future;
+};
+
+// TODO
+exports.INTRATE = function() {
+  throw new Error('INTRATE is not implemented');
+};
+
+exports.IPMT = function(rate, period, periods, present, future, type) {
+  // Credits: algorithm inspired by Apache OpenOffice
+
+  future = future || 0;
+  type = type || 0;
+
+  rate = utils.parseNumber(rate);
+  period = utils.parseNumber(period);
+  periods = utils.parseNumber(periods);
+  present = utils.parseNumber(present);
+  future = utils.parseNumber(future);
+  type = utils.parseNumber(type);
+  if (utils.anyIsError(rate, period, periods, present, future, type)) {
+    return error.value;
+  }
+
+  // Compute payment
+  var payment = exports.PMT(rate, periods, present, future, type);
+
+  // Compute interest
+  var interest;
+  if (period === 1) {
+    if (type === 1) {
+      interest = 0;
+    } else {
+      interest = -present;
+    }
+  } else {
+    if (type === 1) {
+      interest = exports.FV(rate, period - 2, payment, present, 1) - payment;
+    } else {
+      interest = exports.FV(rate, period - 1, payment, present, 0);
+    }
+  }
+
+  // Return interest
+  return interest * rate;
+};
+
+exports.IRR = function(values, guess) {
+  // Credits: algorithm inspired by Apache OpenOffice
+
+  guess = guess || 0;
+
+  values = utils.parseNumberArray(utils.flatten(values));
+  guess = utils.parseNumber(guess);
+  if (utils.anyIsError(values, guess)) {
+    return error.value;
+  }
+
+  // Calculates the resulting amount
+  var irrResult = function(values, dates, rate) {
+    var r = rate + 1;
+    var result = values[0];
+    for (var i = 1; i < values.length; i++) {
+      result += values[i] / Math.pow(r, (dates[i] - dates[0]) / 365);
+    }
+    return result;
+  };
+
+  // Calculates the first derivation
+  var irrResultDeriv = function(values, dates, rate) {
+    var r = rate + 1;
+    var result = 0;
+    for (var i = 1; i < values.length; i++) {
+      var frac = (dates[i] - dates[0]) / 365;
+      result -= frac * values[i] / Math.pow(r, frac + 1);
+    }
+    return result;
+  };
+
+  // Initialize dates and check that values contains at least one positive value and one negative value
+  var dates = [];
+  var positive = false;
+  var negative = false;
+  for (var i = 0; i < values.length; i++) {
+    dates[i] = (i === 0) ? 0 : dates[i - 1] + 365;
+    if (values[i] > 0) {
+      positive = true;
+    }
+    if (values[i] < 0) {
+      negative = true;
+    }
+  }
+
+  // Return error if values does not contain at least one positive value and one negative value
+  if (!positive || !negative) {
+    return error.num;
+  }
+
+  // Initialize guess and resultRate
+  guess = (guess === undefined) ? 0.1 : guess;
+  var resultRate = guess;
+
+  // Set maximum epsilon for end of iteration
+  var epsMax = 1e-10;
+
+  // Implement Newton's method
+  var newRate, epsRate, resultValue;
+  var contLoop = true;
+  do {
+    resultValue = irrResult(values, dates, resultRate);
+    newRate = resultRate - resultValue / irrResultDeriv(values, dates, resultRate);
+    epsRate = Math.abs(newRate - resultRate);
+    resultRate = newRate;
+    contLoop = (epsRate > epsMax) && (Math.abs(resultValue) > epsMax);
+  } while (contLoop);
+
+  // Return internal rate of return
+  return resultRate;
+};
+
+exports.ISPMT = function(rate, period, periods, value) {
+  rate = utils.parseNumber(rate);
+  period = utils.parseNumber(period);
+  periods = utils.parseNumber(periods);
+  value = utils.parseNumber(value);
+  if (utils.anyIsError(rate, period, periods, value)) {
+    return error.value;
+  }
+
+  // Return interest
+  return value * rate * (period / periods - 1);
+};
+
+// TODO
+exports.MDURATION = function() {
+  throw new Error('MDURATION is not implemented');
+};
+
+exports.MIRR = function(values, finance_rate, reinvest_rate) {
+  values = utils.parseNumberArray(utils.flatten(values));
+  finance_rate = utils.parseNumber(finance_rate);
+  reinvest_rate = utils.parseNumber(reinvest_rate);
+  if (utils.anyIsError(values, finance_rate, reinvest_rate)) {
+    return error.value;
+  }
+
+  // Initialize number of values
+  var n = values.length;
+
+  // Lookup payments (negative values) and incomes (positive values)
+  var payments = [];
+  var incomes = [];
+  for (var i = 0; i < n; i++) {
+    if (values[i] < 0) {
+      payments.push(values[i]);
+    } else {
+      incomes.push(values[i]);
+    }
+  }
+
+  // Return modified internal rate of return
+  var num = -exports.NPV(reinvest_rate, incomes) * Math.pow(1 + reinvest_rate, n - 1);
+  var den = exports.NPV(finance_rate, payments) * (1 + finance_rate);
+  return Math.pow(num / den, 1 / (n - 1)) - 1;
+};
+
+exports.NOMINAL = function(rate, periods) {
+  rate = utils.parseNumber(rate);
+  periods = utils.parseNumber(periods);
+  if (utils.anyIsError(rate, periods)) {
+    return error.value;
+  }
+
+  // Return error if rate <=0 or periods < 1
+  if (rate <= 0 || periods < 1) {
+    return error.num;
+  }
+
+  // Truncate periods if it is not an integer
+  periods = parseInt(periods, 10);
+
+  // Return nominal annual interest rate
+  return (Math.pow(rate + 1, 1 / periods) - 1) * periods;
+};
+
+exports.NPER = function(rate, payment, present, future, type) {
+  type = (type === undefined) ? 0 : type;
+  future = (future === undefined) ? 0 : future;
+
+  rate = utils.parseNumber(rate);
+  payment = utils.parseNumber(payment);
+  present = utils.parseNumber(present);
+  future = utils.parseNumber(future);
+  type = utils.parseNumber(type);
+  if (utils.anyIsError(rate, payment, present, future, type)) {
+    return error.value;
+  }
+
+  // Return number of periods
+  var num = payment * (1 + rate * type) - future * rate;
+  var den = (present * rate + payment * (1 + rate * type));
+  return Math.log(num / den) / Math.log(1 + rate);
+};
+
+exports.NPV = function() {
+  var args = utils.parseNumberArray(utils.flatten(arguments));
+  if (args instanceof Error) {
+    return args;
+  }
+
+  // Lookup rate
+  var rate = args[0];
+
+  // Initialize net present value
+  var value = 0;
+
+  // Loop on all values
+  for (var j = 1; j < args.length; j++) {
+    value += args[j] / Math.pow(1 + rate, j);
+  }
+
+  // Return net present value
+  return value;
+};
+
+// TODO
+exports.ODDFPRICE = function() {
+  throw new Error('ODDFPRICE is not implemented');
+};
+
+// TODO
+exports.ODDFYIELD = function() {
+  throw new Error('ODDFYIELD is not implemented');
+};
+
+// TODO
+exports.ODDLPRICE = function() {
+  throw new Error('ODDLPRICE is not implemented');
+};
+
+// TODO
+exports.ODDLYIELD = function() {
+  throw new Error('ODDLYIELD is not implemented');
+};
+
+exports.PDURATION = function(rate, present, future) {
+  rate = utils.parseNumber(rate);
+  present = utils.parseNumber(present);
+  future = utils.parseNumber(future);
+  if (utils.anyIsError(rate, present, future)) {
+    return error.value;
+  }
+
+  // Return error if rate <=0
+  if (rate <= 0) {
+    return error.num;
+  }
+
+  // Return number of periods
+  return (Math.log(future) - Math.log(present)) / Math.log(1 + rate);
+};
+
+exports.PMT = function(rate, periods, present, future, type) {
+  // Credits: algorithm inspired by Apache OpenOffice
+
+  future = future || 0;
+  type = type || 0;
+
+  rate = utils.parseNumber(rate);
+  periods = utils.parseNumber(periods);
+  present = utils.parseNumber(present);
+  future = utils.parseNumber(future);
+  type = utils.parseNumber(type);
+  if (utils.anyIsError(rate, periods, present, future, type)) {
+    return error.value;
+  }
+
+  // Return payment
+  var result;
+  if (rate === 0) {
+    result = (present + future) / periods;
+  } else {
+    var term = Math.pow(1 + rate, periods);
+    if (type === 1) {
+      result = (future * rate / (term - 1) + present * rate / (1 - 1 / term)) / (1 + rate);
+    } else {
+      result = future * rate / (term - 1) + present * rate / (1 - 1 / term);
+    }
+  }
+  return -result;
+};
+
+exports.PPMT = function(rate, period, periods, present, future, type) {
+  future = future || 0;
+  type = type || 0;
+
+  rate = utils.parseNumber(rate);
+  periods = utils.parseNumber(periods);
+  present = utils.parseNumber(present);
+  future = utils.parseNumber(future);
+  type = utils.parseNumber(type);
+  if (utils.anyIsError(rate, periods, present, future, type)) {
+    return error.value;
+  }
+
+  return exports.PMT(rate, periods, present, future, type) - exports.IPMT(rate, period, periods, present, future, type);
+};
+
+// TODO
+exports.PRICE = function() {
+  throw new Error('PRICE is not implemented');
+};
+
+// TODO
+exports.PRICEDISC = function() {
+  throw new Error('PRICEDISC is not implemented');
+};
+
+// TODO
+exports.PRICEMAT = function() {
+  throw new Error('PRICEMAT is not implemented');
+};
+
+exports.PV = function(rate, periods, payment, future, type) {
+  future = future || 0;
+  type = type || 0;
+
+  rate = utils.parseNumber(rate);
+  periods = utils.parseNumber(periods);
+  payment = utils.parseNumber(payment);
+  future = utils.parseNumber(future);
+  type = utils.parseNumber(type);
+  if (utils.anyIsError(rate, periods, payment, future, type)) {
+    return error.value;
+  }
+
+  // Return present value
+  if (rate === 0) {
+    return -payment * periods - future;
+  } else {
+    return (((1 - Math.pow(1 + rate, periods)) / rate) * payment * (1 + rate * type) - future) / Math.pow(1 + rate, periods);
+  }
+};
+
+exports.RATE = function(periods, payment, present, future, type, guess) {
+  // Credits: rabugento
+
+  guess = (guess === undefined) ? 0.01 : guess;
+  future = (future === undefined) ? 0 : future;
+  type = (type === undefined) ? 0 : type;
+
+  periods = utils.parseNumber(periods);
+  payment = utils.parseNumber(payment);
+  present = utils.parseNumber(present);
+  future = utils.parseNumber(future);
+  type = utils.parseNumber(type);
+  guess = utils.parseNumber(guess);
+  if (utils.anyIsError(periods, payment, present, future, type, guess)) {
+    return error.value;
+  }
+
+  // Set maximum epsilon for end of iteration
+  var epsMax = 1e-10;
+
+  // Set maximum number of iterations
+  var iterMax = 50;
+
+  // Implement Newton's method
+  var y, y0, y1, x0, x1 = 0,
+    f = 0,
+    i = 0;
+  var rate = guess;
+  if (Math.abs(rate) < epsMax) {
+    y = present * (1 + periods * rate) + payment * (1 + rate * type) * periods + future;
+  } else {
+    f = Math.exp(periods * Math.log(1 + rate));
+    y = present * f + payment * (1 / rate + type) * (f - 1) + future;
+  }
+  y0 = present + payment * periods + future;
+  y1 = present * f + payment * (1 / rate + type) * (f - 1) + future;
+  i = x0 = 0;
+  x1 = rate;
+  while ((Math.abs(y0 - y1) > epsMax) && (i < iterMax)) {
+    rate = (y1 * x0 - y0 * x1) / (y1 - y0);
+    x0 = x1;
+    x1 = rate;
+    if (Math.abs(rate) < epsMax) {
+      y = present * (1 + periods * rate) + payment * (1 + rate * type) * periods + future;
+    } else {
+      f = Math.exp(periods * Math.log(1 + rate));
+      y = present * f + payment * (1 / rate + type) * (f - 1) + future;
+    }
+    y0 = y1;
+    y1 = y;
+    ++i;
+  }
+  return rate;
+};
+
+// TODO
+exports.RECEIVED = function() {
+  throw new Error('RECEIVED is not implemented');
+};
+
+exports.RRI = function(periods, present, future) {
+  periods = utils.parseNumber(periods);
+  present = utils.parseNumber(present);
+  future = utils.parseNumber(future);
+  if (utils.anyIsError(periods, present, future)) {
+    return error.value;
+  }
+
+  // Return error if periods or present is equal to 0 (zero)
+  if (periods === 0 || present === 0) {
+    return error.num;
+  }
+
+  // Return equivalent interest rate
+  return Math.pow(future / present, 1 / periods) - 1;
+};
+
+exports.SLN = function(cost, salvage, life) {
+  cost = utils.parseNumber(cost);
+  salvage = utils.parseNumber(salvage);
+  life = utils.parseNumber(life);
+  if (utils.anyIsError(cost, salvage, life)) {
+    return error.value;
+  }
+
+  // Return error if life equal to 0 (zero)
+  if (life === 0) {
+    return error.num;
+  }
+
+  // Return straight-line depreciation
+  return (cost - salvage) / life;
+};
+
+exports.SYD = function(cost, salvage, life, period) {
+  // Return error if any of the parameters is not a number
+  cost = utils.parseNumber(cost);
+  salvage = utils.parseNumber(salvage);
+  life = utils.parseNumber(life);
+  period = utils.parseNumber(period);
+  if (utils.anyIsError(cost, salvage, life, period)) {
+    return error.value;
+  }
+
+  // Return error if life equal to 0 (zero)
+  if (life === 0) {
+    return error.num;
+  }
+
+  // Return error if period is lower than 1 or greater than life
+  if (period < 1 || period > life) {
+    return error.num;
+  }
+
+  // Truncate period if it is not an integer
+  period = parseInt(period, 10);
+
+  // Return straight-line depreciation
+  return ((cost - salvage) * (life - period + 1) * 2) / (life * (life + 1));
+};
+
+exports.TBILLEQ = function(settlement, maturity, discount) {
+  settlement = utils.parseDate(settlement);
+  maturity = utils.parseDate(maturity);
+  discount = utils.parseNumber(discount);
+  if (utils.anyIsError(settlement, maturity, discount)) {
+    return error.value;
+  }
+
+  // Return error if discount is lower than or equal to zero
+  if (discount <= 0) {
+    return error.num;
+  }
+
+  // Return error if settlement is greater than maturity
+  if (settlement > maturity) {
+    return error.num;
+  }
+
+  // Return error if maturity is more than one year after settlement
+  if (maturity - settlement > 365 * 24 * 60 * 60 * 1000) {
+    return error.num;
+  }
+
+  // Return bond-equivalent yield
+  return (365 * discount) / (360 - discount * dateTime.DAYS360(settlement, maturity, false));
+};
+
+exports.TBILLPRICE = function(settlement, maturity, discount) {
+  settlement = utils.parseDate(settlement);
+  maturity = utils.parseDate(maturity);
+  discount = utils.parseNumber(discount);
+  if (utils.anyIsError(settlement, maturity, discount)) {
+    return error.value;
+  }
+
+  // Return error if discount is lower than or equal to zero
+  if (discount <= 0) {
+    return error.num;
+  }
+
+  // Return error if settlement is greater than maturity
+  if (settlement > maturity) {
+    return error.num;
+  }
+
+  // Return error if maturity is more than one year after settlement
+  if (maturity - settlement > 365 * 24 * 60 * 60 * 1000) {
+    return error.num;
+  }
+
+  // Return bond-equivalent yield
+  return 100 * (1 - discount * dateTime.DAYS360(settlement, maturity, false) / 360);
+};
+
+exports.TBILLYIELD = function(settlement, maturity, price) {
+  settlement = utils.parseDate(settlement);
+  maturity = utils.parseDate(maturity);
+  price = utils.parseNumber(price);
+  if (utils.anyIsError(settlement, maturity, price)) {
+    return error.value;
+  }
+
+  // Return error if price is lower than or equal to zero
+  if (price <= 0) {
+    return error.num;
+  }
+
+  // Return error if settlement is greater than maturity
+  if (settlement > maturity) {
+    return error.num;
+  }
+
+  // Return error if maturity is more than one year after settlement
+  if (maturity - settlement > 365 * 24 * 60 * 60 * 1000) {
+    return error.num;
+  }
+
+  // Return bond-equivalent yield
+  return (100 - price) * 360 / (price * dateTime.DAYS360(settlement, maturity, false));
+};
+
+// TODO
+exports.VDB = function() {
+  throw new Error('VDB is not implemented');
+};
+
+// TODO needs better support for date
+// exports.XIRR = function(values, dates, guess) {
+//   // Credits: algorithm inspired by Apache OpenOffice
+//
+//   values = utils.parseNumberArray(utils.flatten(values));
+//   dates = utils.parseDateArray(utils.flatten(dates));
+//   guess = utils.parseNumber(guess);
+//
+//   if (utils.anyIsError(values, dates, guess)) {
+//     return error.value;
+//   }
+//
+//   // Calculates the resulting amount
+//   var irrResult = function(values, dates, rate) {
+//     var r = rate + 1;
+//     var result = values[0];
+//     for (var i = 1; i < values.length; i++) {
+//       result += values[i] / Math.pow(r, dateTime.DAYS(dates[i], dates[0]) / 365);
+//     }
+//     return result;
+//   };
+//
+//   // Calculates the first derivation
+//   var irrResultDeriv = function(values, dates, rate) {
+//     var r = rate + 1;
+//     var result = 0;
+//     for (var i = 1; i < values.length; i++) {
+//       var frac = dateTime.DAYS(dates[i], dates[0]) / 365;
+//       result -= frac * values[i] / Math.pow(r, frac + 1);
+//     }
+//     return result;
+//   };
+//
+//   // Check that values contains at least one positive value and one negative value
+//   var positive = false;
+//   var negative = false;
+//   for (var i = 0; i < values.length; i++) {
+//     if (values[i] > 0) {
+//       positive = true;
+//     }
+//     if (values[i] < 0) {
+//       negative = true;
+//     }
+//   }
+//
+//   // Return error if values does not contain at least one positive value and one negative value
+//   if (!positive || !negative) {
+//     return error.num;
+//   }
+//
+//   // Initialize guess and resultRate
+//   guess = guess || 0.1;
+//   var resultRate = guess;
+//
+//   // Set maximum epsilon for end of iteration
+//   var epsMax = 1e-10;
+//
+//   // Implement Newton's method
+//   var newRate, epsRate, resultValue;
+//   var contLoop = true;
+//   do {
+//     resultValue = irrResult(values, dates, resultRate);
+//     newRate = resultRate - resultValue / irrResultDeriv(values, dates, resultRate);
+//     epsRate = Math.abs(newRate - resultRate);
+//     resultRate = newRate;
+//     contLoop = (epsRate > epsMax) && (Math.abs(resultValue) > epsMax);
+//   } while (contLoop);
+//
+//   // Return internal rate of return
+//   return resultRate;
+// };
+
+exports.XNPV = function(rate, values, dates) {
+  rate = utils.parseNumber(rate);
+  values = utils.parseNumberArray(utils.flatten(values));
+  dates = utils.parseDateArray(utils.flatten(dates));
+  if (utils.anyIsError(rate, values, dates)) {
+    return error.value;
+  }
+
+  var result = 0;
+  for (var i = 0; i < values.length; i++) {
+    result += values[i] / Math.pow(1 + rate, dateTime.DAYS(dates[i], dates[0]) / 365);
+  }
+  return result;
+};
+
+// TODO
+exports.YIELD = function() {
+  throw new Error('YIELD is not implemented');
+};
+
+// TODO
+exports.YIELDDISC = function() {
+  throw new Error('YIELDDISC is not implemented');
+};
+
+// TODO
+exports.YIELDMAT = function() {
+  throw new Error('YIELDMAT is not implemented');
+};
+
+
+/***/ }),
+/* 17 */
+/***/ (function(module, exports, __webpack_require__) {
+
+var error = __webpack_require__(0);
+var utils = __webpack_require__(1);
+
+exports.MATCH = function(lookupValue, lookupArray, matchType) {
+  if (!lookupValue && !lookupArray) {
+    return error.na;
+  }
+
+  if (arguments.length === 2) {
+    matchType = 1;
+  }
+  if (!(lookupArray instanceof Array)) {
+    return error.na;
+  }
+
+  if (matchType !== -1 && matchType !== 0 && matchType !== 1) {
+    return error.na;
+  }
+  var index;
+  var indexValue;
+  for (var idx = 0; idx < lookupArray.length; idx++) {
+    if (matchType === 1) {
+      if (lookupArray[idx] === lookupValue) {
+        return idx + 1;
+      } else if (lookupArray[idx] < lookupValue) {
+        if (!indexValue) {
+          index = idx + 1;
+          indexValue = lookupArray[idx];
+        } else if (lookupArray[idx] > indexValue) {
+          index = idx + 1;
+          indexValue = lookupArray[idx];
+        }
+      }
+    } else if (matchType === 0) {
+      if (typeof lookupValue === 'string') {
+        lookupValue = lookupValue.replace(/\?/g, '.');
+        if (lookupArray[idx].toLowerCase().match(lookupValue.toLowerCase())) {
+          return idx + 1;
+        }
+      } else {
+        if (lookupArray[idx] === lookupValue) {
+          return idx + 1;
+        }
+      }
+    } else if (matchType === -1) {
+      if (lookupArray[idx] === lookupValue) {
+        return idx + 1;
+      } else if (lookupArray[idx] > lookupValue) {
+        if (!indexValue) {
+          index = idx + 1;
+          indexValue = lookupArray[idx];
+        } else if (lookupArray[idx] < indexValue) {
+          index = idx + 1;
+          indexValue = lookupArray[idx];
+        }
+      }
+    }
+  }
+
+  return index ? index : error.na;
+};
+
+exports.VLOOKUP = function (needle, table, index, rangeLookup) {
+  if (!needle || !table || !index) {
+    return error.na;
+  }
+
+  rangeLookup = rangeLookup || false;
+  for (var i = 0; i < table.length; i++) {
+    var row = table[i];
+    if ((!rangeLookup && row[0] === needle) ||
+      ((row[0] === needle) ||
+        (rangeLookup && typeof row[0] === "string" && row[0].toLowerCase().indexOf(needle.toLowerCase()) !== -1))) {
+      return (index < (row.length + 1) ? row[index - 1] : error.ref);
+    }
+  }
+
+  return error.na;
+};
+
+exports.HLOOKUP = function (needle, table, index, rangeLookup) {
+  if (!needle || !table || !index) {
+    return error.na;
+  }
+
+  rangeLookup = rangeLookup || false;
+
+  var transposedTable = utils.transpose(table);
+
+  for (var i = 0; i < transposedTable.length; i++) {
+    var row = transposedTable[i];
+    if ((!rangeLookup && row[0] === needle) ||
+      ((row[0] === needle) ||
+        (rangeLookup && typeof row[0] === "string" && row[0].toLowerCase().indexOf(needle.toLowerCase()) !== -1))) {
+      return (index < (row.length + 1) ? row[index - 1] : error.ref);
+    }
+  }
+
+  return error.na;
+};
+
+
+/***/ })
+/******/ ]);
+});
\ No newline at end of file
diff --git a/vendor/assets/javascripts/parser.js b/vendor/assets/javascripts/parser.js
index 213ccb5f5..f3437aa2b 100644
--- a/vendor/assets/javascripts/parser.js
+++ b/vendor/assets/javascripts/parser.js
@@ -1,325 +1,323 @@
 /* parser generated by jison 0.4.15 */
-/* Copyright (c) 2009-2014 Zachary Carter
-/* Licensed under the MIT license
 /*
- Returns a Parser object of the following structure:
+  Returns a Parser object of the following structure:
 
- Parser: {
- yy: {}
- }
+  Parser: {
+    yy: {}
+  }
 
- Parser.prototype: {
- yy: {},
- trace: function(),
- symbols_: {associative list: name ==> number},
- terminals_: {associative list: number ==> name},
- productions_: [...],
- performAction: function anonymous(yytext, yyleng, yylineno, yy, yystate, $$, _$),
- table: [...],
- defaultActions: {...},
- parseError: function(str, hash),
- parse: function(input),
+  Parser.prototype: {
+    yy: {},
+    trace: function(),
+    symbols_: {associative list: name ==> number},
+    terminals_: {associative list: number ==> name},
+    productions_: [...],
+    performAction: function anonymous(yytext, yyleng, yylineno, yy, yystate, $$, _$),
+    table: [...],
+    defaultActions: {...},
+    parseError: function(str, hash),
+    parse: function(input),
 
- lexer: {
- EOF: 1,
- parseError: function(str, hash),
- setInput: function(input),
- input: function(),
- unput: function(str),
- more: function(),
- less: function(n),
- pastInput: function(),
- upcomingInput: function(),
- showPosition: function(),
- test_match: function(regex_match_array, rule_index),
- next: function(),
- lex: function(),
- begin: function(condition),
- popState: function(),
- _currentRules: function(),
- topState: function(),
- pushState: function(condition),
+    lexer: {
+        EOF: 1,
+        parseError: function(str, hash),
+        setInput: function(input),
+        input: function(),
+        unput: function(str),
+        more: function(),
+        less: function(n),
+        pastInput: function(),
+        upcomingInput: function(),
+        showPosition: function(),
+        test_match: function(regex_match_array, rule_index),
+        next: function(),
+        lex: function(),
+        begin: function(condition),
+        popState: function(),
+        _currentRules: function(),
+        topState: function(),
+        pushState: function(condition),
 
- options: {
- ranges: boolean           (optional: true ==> token location info will include a .range[] member)
- flex: boolean             (optional: true ==> flex-like lexing behaviour where the rules are tested exhaustively to find the longest match)
- backtrack_lexer: boolean  (optional: true ==> lexer regexes are tested in order and for each matching regex the action code is invoked; the lexer terminates the scan when a token is returned by the action code)
- },
+        options: {
+            ranges: boolean           (optional: true ==> token location info will include a .range[] member)
+            flex: boolean             (optional: true ==> flex-like lexing behaviour where the rules are tested exhaustively to find the longest match)
+            backtrack_lexer: boolean  (optional: true ==> lexer regexes are tested in order and for each matching regex the action code is invoked; the lexer terminates the scan when a token is returned by the action code)
+        },
 
- performAction: function(yy, yy_, $avoiding_name_collisions, YY_START),
- rules: [...],
- conditions: {associative list: name ==> set},
- }
- }
+        performAction: function(yy, yy_, $avoiding_name_collisions, YY_START),
+        rules: [...],
+        conditions: {associative list: name ==> set},
+    }
+  }
 
 
- token location info (@$, _$, etc.): {
- first_line: n,
- last_line: n,
- first_column: n,
- last_column: n,
- range: [start_number, end_number]       (where the numbers are indexes into the input string, regular zero-based)
- }
+  token location info (@$, _$, etc.): {
+    first_line: n,
+    last_line: n,
+    first_column: n,
+    last_column: n,
+    range: [start_number, end_number]       (where the numbers are indexes into the input string, regular zero-based)
+  }
 
 
- the parseError function receives a 'hash' object with these members for lexer and parser errors: {
- text:        (matched text)
- token:       (the produced terminal token, if any)
- line:        (yylineno)
- }
- while parser (grammar) errors will also provide these members, i.e. parser errors deliver a superset of attributes: {
- loc:         (yylloc)
- expected:    (string describing the set of expected tokens)
- recoverable: (boolean: TRUE when the parser has a error recovery rule available for this particular error)
- }
- */
+  the parseError function receives a 'hash' object with these members for lexer and parser errors: {
+    text:        (matched text)
+    token:       (the produced terminal token, if any)
+    line:        (yylineno)
+  }
+  while parser (grammar) errors will also provide these members, i.e. parser errors deliver a superset of attributes: {
+    loc:         (yylloc)
+    expected:    (string describing the set of expected tokens)
+    recoverable: (boolean: TRUE when the parser has a error recovery rule available for this particular error)
+  }
+*/
 var Parser = (function(){
   var o=function(k,v,o,l){for(o=o||{},l=k.length;l--;o[k[l]]=v);return o},$V0=[1,4],$V1=[1,5],$V2=[1,7],$V3=[1,10],$V4=[1,8],$V5=[1,9],$V6=[1,11],$V7=[1,16],$V8=[1,17],$V9=[1,14],$Va=[1,15],$Vb=[1,18],$Vc=[1,20],$Vd=[1,21],$Ve=[1,22],$Vf=[1,23],$Vg=[1,24],$Vh=[1,25],$Vi=[1,26],$Vj=[1,27],$Vk=[1,28],$Vl=[1,29],$Vm=[5,11,12,13,15,16,17,18,19,20,21,22,30,31],$Vn=[5,11,12,13,15,16,17,18,19,20,21,22,30,31,33],$Vo=[1,38],$Vp=[5,11,12,13,15,16,17,18,19,20,21,22,30,31,35],$Vq=[5,12,13,15,16,17,18,19,30,31],$Vr=[5,12,15,16,17,18,30,31],$Vs=[5,12,13,15,16,17,18,19,20,21,30,31],$Vt=[15,30,31],$Vu=[5,11,12,13,15,16,17,18,19,20,21,22,30,31,32,36];
   var parser = {trace: function trace() { },
-    yy: {},
-    symbols_: {"error":2,"expressions":3,"expression":4,"EOF":5,"variableSequence":6,"TIME_AMPM":7,"TIME_24":8,"number":9,"STRING":10,"&":11,"=":12,"+":13,"(":14,")":15,"<":16,">":17,"NOT":18,"-":19,"*":20,"/":21,"^":22,"FUNCTION":23,"expseq":24,"cell":25,"FIXEDCELL":26,":":27,"CELL":28,"ARRAY":29,";":30,",":31,"VARIABLE":32,"DECIMAL":33,"NUMBER":34,"%":35,"#":36,"!":37,"$accept":0,"$end":1},
-    terminals_: {5:"EOF",7:"TIME_AMPM",8:"TIME_24",10:"STRING",11:"&",12:"=",13:"+",14:"(",15:")",16:"<",17:">",18:"NOT",19:"-",20:"*",21:"/",22:"^",23:"FUNCTION",26:"FIXEDCELL",27:":",28:"CELL",29:"ARRAY",30:";",31:",",32:"VARIABLE",33:"DECIMAL",34:"NUMBER",35:"%",36:"#",37:"!"},
-    productions_: [0,[3,2],[4,1],[4,1],[4,1],[4,1],[4,1],[4,3],[4,3],[4,3],[4,3],[4,4],[4,4],[4,4],[4,3],[4,3],[4,3],[4,3],[4,3],[4,3],[4,3],[4,2],[4,2],[4,3],[4,4],[4,1],[4,1],[4,2],[25,1],[25,3],[25,1],[25,3],[24,1],[24,1],[24,3],[24,3],[6,1],[6,3],[9,1],[9,3],[9,2],[2,3],[2,4]],
-    performAction: function anonymous(yytext, yyleng, yylineno, yy, yystate /* action[1] */, $$ /* vstack */, _$ /* lstack */) {
-      /* this == yyval */
-
-      var $0 = $$.length - 1;
-      switch (yystate) {
-        case 1:
-
+  yy: {},
+  symbols_: {"error":2,"expressions":3,"expression":4,"EOF":5,"variableSequence":6,"TIME_AMPM":7,"TIME_24":8,"number":9,"STRING":10,"&":11,"=":12,"+":13,"(":14,")":15,"<":16,">":17,"NOT":18,"-":19,"*":20,"/":21,"^":22,"FUNCTION":23,"expseq":24,"cell":25,"FIXEDCELL":26,":":27,"CELL":28,"ARRAY":29,";":30,",":31,"VARIABLE":32,"DECIMAL":33,"NUMBER":34,"%":35,"#":36,"!":37,"$accept":0,"$end":1},
+  terminals_: {5:"EOF",7:"TIME_AMPM",8:"TIME_24",10:"STRING",11:"&",12:"=",13:"+",14:"(",15:")",16:"<",17:">",18:"NOT",19:"-",20:"*",21:"/",22:"^",23:"FUNCTION",26:"FIXEDCELL",27:":",28:"CELL",29:"ARRAY",30:";",31:",",32:"VARIABLE",33:"DECIMAL",34:"NUMBER",35:"%",36:"#",37:"!"},
+  productions_: [0,[3,2],[4,1],[4,1],[4,1],[4,1],[4,1],[4,3],[4,3],[4,3],[4,3],[4,4],[4,4],[4,4],[4,3],[4,3],[4,3],[4,3],[4,3],[4,3],[4,3],[4,2],[4,2],[4,3],[4,4],[4,1],[4,1],[4,2],[25,1],[25,3],[25,1],[25,3],[24,1],[24,1],[24,3],[24,3],[6,1],[6,3],[9,1],[9,3],[9,2],[2,3],[2,4]],
+  performAction: function anonymous(yytext, yyleng, yylineno, yy, yystate /* action[1] */, $$ /* vstack */, _$ /* lstack */) {
+  /* this == yyval */
+  
+  var $0 = $$.length - 1;
+  switch (yystate) {
+  case 1:
+  
           return $$[$0-1];
-
-          break;
-        case 2:
-
+      
+  break;
+  case 2:
+  
           this.$ = yy.handler.helper.callVariable.call(this, $$[$0]);
-
-          break;
-        case 3:
-
+        
+  break;
+  case 3:
+  
           this.$ = yy.handler.time.call(yy.obj, $$[$0], true);
-
-          break;
-        case 4:
-
+        
+  break;
+  case 4:
+  
           this.$ = yy.handler.time.call(yy.obj, $$[$0]);
-
-          break;
-        case 5:
-
+        
+  break;
+  case 5:
+  
           this.$ = yy.handler.helper.number($$[$0]);
-
-          break;
-        case 6:
-
+        
+  break;
+  case 6:
+  
           this.$ = yy.handler.helper.string($$[$0]);
-
-          break;
-        case 7:
-
+        
+  break;
+  case 7:
+  
           this.$ = yy.handler.helper.specialMatch('&', $$[$0-2], $$[$0]);
-
-          break;
-        case 8:
-
+        
+  break;
+  case 8:
+  
           this.$ = yy.handler.helper.logicMatch('=', $$[$0-2], $$[$0]);
-
-          break;
-        case 9:
-
+        
+  break;
+  case 9:
+  
           this.$ = yy.handler.helper.mathMatch('+', $$[$0-2], $$[$0]);
-
-          break;
-        case 10:
-
+        
+  break;
+  case 10:
+  
           this.$ = yy.handler.helper.number($$[$0-1]);
-
-          break;
-        case 11:
-
+        
+  break;
+  case 11:
+  
           this.$ = yy.handler.helper.logicMatch('<=', $$[$0-3], $$[$0]);
-
-          break;
-        case 12:
-
+        
+  break;
+  case 12:
+  
           this.$ = yy.handler.helper.logicMatch('>=', $$[$0-3], $$[$0]);
-
-          break;
-        case 13:
-
+        
+  break;
+  case 13:
+  
           this.$ = yy.handler.helper.logicMatch('<>', $$[$0-3], $$[$0]);
-
-          break;
-        case 14:
-
+        
+  break;
+  case 14:
+  
           this.$ = yy.handler.helper.logicMatch('NOT', $$[$0-2], $$[$0]);
-
-          break;
-        case 15:
-
+        
+  break;
+  case 15:
+  
           this.$ = yy.handler.helper.logicMatch('>', $$[$0-2], $$[$0]);
-
-          break;
-        case 16:
-
+        
+  break;
+  case 16:
+  
           this.$ = yy.handler.helper.logicMatch('<', $$[$0-2], $$[$0]);
-
-          break;
-        case 17:
-
+        
+  break;
+  case 17:
+  
           this.$ = yy.handler.helper.mathMatch('-', $$[$0-2], $$[$0]);
-
-          break;
-        case 18:
-
+        
+  break;
+  case 18:
+  
           this.$ = yy.handler.helper.mathMatch('*', $$[$0-2], $$[$0]);
-
-          break;
-        case 19:
-
+        
+  break;
+  case 19:
+  
           this.$ = yy.handler.helper.mathMatch('/', $$[$0-2], $$[$0]);
-
-          break;
-        case 20:
-
+        
+  break;
+  case 20:
+  
           this.$ = yy.handler.helper.mathMatch('^', $$[$0-2], $$[$0]);
-
-          break;
-        case 21:
-
+        
+  break;
+  case 21:
+  
           var n1 = yy.handler.helper.numberInverted($$[$0]);
           this.$ = n1;
           if (isNaN(this.$)) {
-            this.$ = 0;
+              this.$ = 0;
           }
-
-          break;
-        case 22:
-
+        
+  break;
+  case 22:
+  
           var n1 = yy.handler.helper.number($$[$0]);
           this.$ = n1;
           if (isNaN(this.$)) {
-            this.$ = 0;
+              this.$ = 0;
           }
-
-          break;
-        case 23:
-
+        
+  break;
+  case 23:
+  
           this.$ = yy.handler.helper.callFunction.call(this, $$[$0-2], '');
-
-          break;
-        case 24:
-
+        
+  break;
+  case 24:
+  
           this.$ = yy.handler.helper.callFunction.call(this, $$[$0-3], $$[$0-1]);
-
-          break;
-        case 28:
-
-          this.$ = yy.handler.helper.fixedCellValue.call(yy.obj, $$[$0]);
-
-          break;
-        case 29:
-
-          this.$ = yy.handler.helper.fixedCellRangeValue.call(yy.obj, $$[$0-2], $$[$0]);
-
-          break;
-        case 30:
-
-          this.$ = yy.handler.helper.cellValue.call(yy.obj, $$[$0]);
-
-          break;
-        case 31:
-
-          this.$ = yy.handler.helper.cellRangeValue.call(yy.obj, $$[$0-2], $$[$0]);
-
-          break;
-        case 32:
-
-          if (yy.handler.utils.isArray($$[$0])) {
-            this.$ = $$[$0];
-          } else {
-            this.$ = [$$[$0]];
-          }
-
-          break;
-        case 33:
-
-          var result = [],
+        
+  break;
+  case 28:
+  
+        this.$ = yy.handler.helper.fixedCellValue.call(yy.obj, $$[$0]);
+      
+  break;
+  case 29:
+  
+        this.$ = yy.handler.helper.fixedCellRangeValue.call(yy.obj, $$[$0-2], $$[$0]);
+      
+  break;
+  case 30:
+  
+        this.$ = yy.handler.helper.cellValue.call(yy.obj, $$[$0]);
+      
+  break;
+  case 31:
+  
+        this.$ = yy.handler.helper.cellRangeValue.call(yy.obj, $$[$0-2], $$[$0]);
+      
+  break;
+  case 32:
+  
+        if (yy.handler.utils.isArray($$[$0])) {
+          this.$ = $$[$0];
+        } else {
+          this.$ = [$$[$0]];
+        }
+      
+  break;
+  case 33:
+  
+        var result = [],
             arr = eval("[" + yytext + "]");
-
-          arr.forEach(function (item) {
-            result.push(item);
-          });
-
-          this.$ = result;
-
-          break;
-        case 34: case 35:
-
+  
+        arr.forEach(function (item) {
+          result.push(item);
+        });
+  
+        this.$ = result;
+      
+  break;
+  case 34: case 35:
+  
         $$[$0-2].push($$[$0]);
         this.$ = $$[$0-2];
-
-        break;
-        case 36:
-
-          this.$ = [$$[$0]];
-
-          break;
-        case 37:
-
-          this.$ = (yy.handler.utils.isArray($$[$0-2]) ? $$[$0-2] : [$$[$0-2]]);
-          this.$.push($$[$0]);
-
-          break;
-        case 38:
-
-          this.$ = $$[$0];
-
-          break;
-        case 39:
-
-          this.$ = ($$[$0-2] + '.' + $$[$0]) * 1;
-
-          break;
-        case 40:
-
-          this.$ = $$[$0-1] * 0.01;
-
-          break;
-        case 41: case 42:
-
+      
+  break;
+  case 36:
+  
+        this.$ = [$$[$0]];
+      
+  break;
+  case 37:
+  
+        this.$ = (yy.handler.utils.isArray($$[$0-2]) ? $$[$0-2] : [$$[$0-2]]);
+        this.$.push($$[$0]);
+      
+  break;
+  case 38:
+  
+        this.$ = $$[$0];
+      
+  break;
+  case 39:
+  
+        this.$ = ($$[$0-2] + '.' + $$[$0]) * 1;
+      
+  break;
+  case 40:
+  
+        this.$ = $$[$0-1] * 0.01;
+      
+  break;
+  case 41: case 42:
+  
         this.$ = $$[$0-2] + $$[$0-1] + $$[$0];
-
-        break;
-      }
-    },
-    table: [{2:13,3:1,4:2,6:3,7:$V0,8:$V1,9:6,10:$V2,13:$V3,14:$V4,19:$V5,23:$V6,25:12,26:$V7,28:$V8,32:$V9,34:$Va,36:$Vb},{1:[3]},{5:[1,19],11:$Vc,12:$Vd,13:$Ve,16:$Vf,17:$Vg,18:$Vh,19:$Vi,20:$Vj,21:$Vk,22:$Vl},o($Vm,[2,2],{33:[1,30]}),o($Vm,[2,3]),o($Vm,[2,4]),o($Vm,[2,5],{35:[1,31]}),o($Vm,[2,6]),{2:13,4:32,6:3,7:$V0,8:$V1,9:6,10:$V2,13:$V3,14:$V4,19:$V5,23:$V6,25:12,26:$V7,28:$V8,32:$V9,34:$Va,36:$Vb},{2:13,4:33,6:3,7:$V0,8:$V1,9:6,10:$V2,13:$V3,14:$V4,19:$V5,23:$V6,25:12,26:$V7,28:$V8,32:$V9,34:$Va,36:$Vb},{2:13,4:34,6:3,7:$V0,8:$V1,9:6,10:$V2,13:$V3,14:$V4,19:$V5,23:$V6,25:12,26:$V7,28:$V8,32:$V9,34:$Va,36:$Vb},{14:[1,35]},o($Vm,[2,25]),o($Vm,[2,26],{2:36,32:[1,37],36:$Vb}),o($Vn,[2,36],{36:$Vo}),o($Vp,[2,38],{33:[1,39]}),o($Vm,[2,28],{27:[1,40]}),o($Vm,[2,30],{27:[1,41]}),{32:[1,42]},{1:[2,1]},{2:13,4:43,6:3,7:$V0,8:$V1,9:6,10:$V2,13:$V3,14:$V4,19:$V5,23:$V6,25:12,26:$V7,28:$V8,32:$V9,34:$Va,36:$Vb},{2:13,4:44,6:3,7:$V0,8:$V1,9:6,10:$V2,13:$V3,14:$V4,19:$V5,23:$V6,25:12,26:$V7,28:$V8,32:$V9,34:$Va,36:$Vb},{2:13,4:45,6:3,7:$V0,8:$V1,9:6,10:$V2,13:$V3,14:$V4,19:$V5,23:$V6,25:12,26:$V7,28:$V8,32:$V9,34:$Va,36:$Vb},{2:13,4:48,6:3,7:$V0,8:$V1,9:6,10:$V2,12:[1,46],13:$V3,14:$V4,17:[1,47],19:$V5,23:$V6,25:12,26:$V7,28:$V8,32:$V9,34:$Va,36:$Vb},{2:13,4:50,6:3,7:$V0,8:$V1,9:6,10:$V2,12:[1,49],13:$V3,14:$V4,19:$V5,23:$V6,25:12,26:$V7,28:$V8,32:$V9,34:$Va,36:$Vb},{2:13,4:51,6:3,7:$V0,8:$V1,9:6,10:$V2,13:$V3,14:$V4,19:$V5,23:$V6,25:12,26:$V7,28:$V8,32:$V9,34:$Va,36:$Vb},{2:13,4:52,6:3,7:$V0,8:$V1,9:6,10:$V2,13:$V3,14:$V4,19:$V5,23:$V6,25:12,26:$V7,28:$V8,32:$V9,34:$Va,36:$Vb},{2:13,4:53,6:3,7:$V0,8:$V1,9:6,10:$V2,13:$V3,14:$V4,19:$V5,23:$V6,25:12,26:$V7,28:$V8,32:$V9,34:$Va,36:$Vb},{2:13,4:54,6:3,7:$V0,8:$V1,9:6,10:$V2,13:$V3,14:$V4,19:$V5,23:$V6,25:12,26:$V7,28:$V8,32:$V9,34:$Va,36:$Vb},{2:13,4:55,6:3,7:$V0,8:$V1,9:6,10:$V2,13:$V3,14:$V4,19:$V5,23:$V6,25:12,26:$V7,28:$V8,32:$V9,34:$Va,36:$Vb},{32:[1,56]},o($Vp,[2,40]),{11:$Vc,12:$Vd,13:$Ve,15:[1,57],16:$Vf,17:$Vg,18:$Vh,19:$Vi,20:$Vj,21:$Vk,22:$Vl},o($Vq,[2,21],{11:$Vc,20:$Vj,21:$Vk,22:$Vl}),o($Vq,[2,22],{11:$Vc,20:$Vj,21:$Vk,22:$Vl}),{2:13,4:60,6:3,7:$V0,8:$V1,9:6,10:$V2,13:$V3,14:$V4,15:[1,58],19:$V5,23:$V6,24:59,25:12,26:$V7,28:$V8,29:[1,61],32:$V9,34:$Va,36:$Vb},o($Vm,[2,27]),{36:$Vo},{32:[1,62]},{34:[1,63]},{26:[1,64]},{28:[1,65]},{37:[1,66]},o($Vm,[2,7]),o([5,12,15,30,31],[2,8],{11:$Vc,13:$Ve,16:$Vf,17:$Vg,18:$Vh,19:$Vi,20:$Vj,21:$Vk,22:$Vl}),o($Vq,[2,9],{11:$Vc,20:$Vj,21:$Vk,22:$Vl}),{2:13,4:67,6:3,7:$V0,8:$V1,9:6,10:$V2,13:$V3,14:$V4,19:$V5,23:$V6,25:12,26:$V7,28:$V8,32:$V9,34:$Va,36:$Vb},{2:13,4:68,6:3,7:$V0,8:$V1,9:6,10:$V2,13:$V3,14:$V4,19:$V5,23:$V6,25:12,26:$V7,28:$V8,32:$V9,34:$Va,36:$Vb},o($Vr,[2,16],{11:$Vc,13:$Ve,19:$Vi,20:$Vj,21:$Vk,22:$Vl}),{2:13,4:69,6:3,7:$V0,8:$V1,9:6,10:$V2,13:$V3,14:$V4,19:$V5,23:$V6,25:12,26:$V7,28:$V8,32:$V9,34:$Va,36:$Vb},o($Vr,[2,15],{11:$Vc,13:$Ve,19:$Vi,20:$Vj,21:$Vk,22:$Vl}),o([5,12,15,18,30,31],[2,14],{11:$Vc,13:$Ve,16:$Vf,17:$Vg,19:$Vi,20:$Vj,21:$Vk,22:$Vl}),o($Vq,[2,17],{11:$Vc,20:$Vj,21:$Vk,22:$Vl}),o($Vs,[2,18],{11:$Vc,22:$Vl}),o($Vs,[2,19],{11:$Vc,22:$Vl}),o([5,12,13,15,16,17,18,19,20,21,22,30,31],[2,20],{11:$Vc}),o($Vn,[2,37]),o($Vm,[2,10]),o($Vm,[2,23]),{15:[1,70],30:[1,71],31:[1,72]},o($Vt,[2,32],{11:$Vc,12:$Vd,13:$Ve,16:$Vf,17:$Vg,18:$Vh,19:$Vi,20:$Vj,21:$Vk,22:$Vl}),o($Vt,[2,33]),{37:[1,73]},o($Vp,[2,39]),o($Vm,[2,29]),o($Vm,[2,31]),o($Vu,[2,41]),o($Vr,[2,11],{11:$Vc,13:$Ve,19:$Vi,20:$Vj,21:$Vk,22:$Vl}),o($Vr,[2,13],{11:$Vc,13:$Ve,19:$Vi,20:$Vj,21:$Vk,22:$Vl}),o($Vr,[2,12],{11:$Vc,13:$Ve,19:$Vi,20:$Vj,21:$Vk,22:$Vl}),o($Vm,[2,24]),{2:13,4:74,6:3,7:$V0,8:$V1,9:6,10:$V2,13:$V3,14:$V4,19:$V5,23:$V6,25:12,26:$V7,28:$V8,32:$V9,34:$Va,36:$Vb},{2:13,4:75,6:3,7:$V0,8:$V1,9:6,10:$V2,13:$V3,14:$V4,19:$V5,23:$V6,25:12,26:$V7,28:$V8,32:$V9,34:$Va,36:$Vb},o($Vu,[2,42]),o($Vt,[2,34],{11:$Vc,12:$Vd,13:$Ve,16:$Vf,17:$Vg,18:$Vh,19:$Vi,20:$Vj,21:$Vk,22:$Vl}),o($Vt,[2,35],{11:$Vc,12:$Vd,13:$Ve,16:$Vf,17:$Vg,18:$Vh,19:$Vi,20:$Vj,21:$Vk,22:$Vl})],
-    defaultActions: {19:[2,1]},
-    parseError: function parseError(str, hash) {
+      
+  break;
+  }
+  },
+  table: [{2:13,3:1,4:2,6:3,7:$V0,8:$V1,9:6,10:$V2,13:$V3,14:$V4,19:$V5,23:$V6,25:12,26:$V7,28:$V8,32:$V9,34:$Va,36:$Vb},{1:[3]},{5:[1,19],11:$Vc,12:$Vd,13:$Ve,16:$Vf,17:$Vg,18:$Vh,19:$Vi,20:$Vj,21:$Vk,22:$Vl},o($Vm,[2,2],{33:[1,30]}),o($Vm,[2,3]),o($Vm,[2,4]),o($Vm,[2,5],{35:[1,31]}),o($Vm,[2,6]),{2:13,4:32,6:3,7:$V0,8:$V1,9:6,10:$V2,13:$V3,14:$V4,19:$V5,23:$V6,25:12,26:$V7,28:$V8,32:$V9,34:$Va,36:$Vb},{2:13,4:33,6:3,7:$V0,8:$V1,9:6,10:$V2,13:$V3,14:$V4,19:$V5,23:$V6,25:12,26:$V7,28:$V8,32:$V9,34:$Va,36:$Vb},{2:13,4:34,6:3,7:$V0,8:$V1,9:6,10:$V2,13:$V3,14:$V4,19:$V5,23:$V6,25:12,26:$V7,28:$V8,32:$V9,34:$Va,36:$Vb},{14:[1,35]},o($Vm,[2,25]),o($Vm,[2,26],{2:36,32:[1,37],36:$Vb}),o($Vn,[2,36],{36:$Vo}),o($Vp,[2,38],{33:[1,39]}),o($Vm,[2,28],{27:[1,40]}),o($Vm,[2,30],{27:[1,41]}),{32:[1,42]},{1:[2,1]},{2:13,4:43,6:3,7:$V0,8:$V1,9:6,10:$V2,13:$V3,14:$V4,19:$V5,23:$V6,25:12,26:$V7,28:$V8,32:$V9,34:$Va,36:$Vb},{2:13,4:44,6:3,7:$V0,8:$V1,9:6,10:$V2,13:$V3,14:$V4,19:$V5,23:$V6,25:12,26:$V7,28:$V8,32:$V9,34:$Va,36:$Vb},{2:13,4:45,6:3,7:$V0,8:$V1,9:6,10:$V2,13:$V3,14:$V4,19:$V5,23:$V6,25:12,26:$V7,28:$V8,32:$V9,34:$Va,36:$Vb},{2:13,4:48,6:3,7:$V0,8:$V1,9:6,10:$V2,12:[1,46],13:$V3,14:$V4,17:[1,47],19:$V5,23:$V6,25:12,26:$V7,28:$V8,32:$V9,34:$Va,36:$Vb},{2:13,4:50,6:3,7:$V0,8:$V1,9:6,10:$V2,12:[1,49],13:$V3,14:$V4,19:$V5,23:$V6,25:12,26:$V7,28:$V8,32:$V9,34:$Va,36:$Vb},{2:13,4:51,6:3,7:$V0,8:$V1,9:6,10:$V2,13:$V3,14:$V4,19:$V5,23:$V6,25:12,26:$V7,28:$V8,32:$V9,34:$Va,36:$Vb},{2:13,4:52,6:3,7:$V0,8:$V1,9:6,10:$V2,13:$V3,14:$V4,19:$V5,23:$V6,25:12,26:$V7,28:$V8,32:$V9,34:$Va,36:$Vb},{2:13,4:53,6:3,7:$V0,8:$V1,9:6,10:$V2,13:$V3,14:$V4,19:$V5,23:$V6,25:12,26:$V7,28:$V8,32:$V9,34:$Va,36:$Vb},{2:13,4:54,6:3,7:$V0,8:$V1,9:6,10:$V2,13:$V3,14:$V4,19:$V5,23:$V6,25:12,26:$V7,28:$V8,32:$V9,34:$Va,36:$Vb},{2:13,4:55,6:3,7:$V0,8:$V1,9:6,10:$V2,13:$V3,14:$V4,19:$V5,23:$V6,25:12,26:$V7,28:$V8,32:$V9,34:$Va,36:$Vb},{32:[1,56]},o($Vp,[2,40]),{11:$Vc,12:$Vd,13:$Ve,15:[1,57],16:$Vf,17:$Vg,18:$Vh,19:$Vi,20:$Vj,21:$Vk,22:$Vl},o($Vq,[2,21],{11:$Vc,20:$Vj,21:$Vk,22:$Vl}),o($Vq,[2,22],{11:$Vc,20:$Vj,21:$Vk,22:$Vl}),{2:13,4:60,6:3,7:$V0,8:$V1,9:6,10:$V2,13:$V3,14:$V4,15:[1,58],19:$V5,23:$V6,24:59,25:12,26:$V7,28:$V8,29:[1,61],32:$V9,34:$Va,36:$Vb},o($Vm,[2,27]),{36:$Vo},{32:[1,62]},{34:[1,63]},{26:[1,64]},{28:[1,65]},{37:[1,66]},o($Vm,[2,7]),o([5,12,15,30,31],[2,8],{11:$Vc,13:$Ve,16:$Vf,17:$Vg,18:$Vh,19:$Vi,20:$Vj,21:$Vk,22:$Vl}),o($Vq,[2,9],{11:$Vc,20:$Vj,21:$Vk,22:$Vl}),{2:13,4:67,6:3,7:$V0,8:$V1,9:6,10:$V2,13:$V3,14:$V4,19:$V5,23:$V6,25:12,26:$V7,28:$V8,32:$V9,34:$Va,36:$Vb},{2:13,4:68,6:3,7:$V0,8:$V1,9:6,10:$V2,13:$V3,14:$V4,19:$V5,23:$V6,25:12,26:$V7,28:$V8,32:$V9,34:$Va,36:$Vb},o($Vr,[2,16],{11:$Vc,13:$Ve,19:$Vi,20:$Vj,21:$Vk,22:$Vl}),{2:13,4:69,6:3,7:$V0,8:$V1,9:6,10:$V2,13:$V3,14:$V4,19:$V5,23:$V6,25:12,26:$V7,28:$V8,32:$V9,34:$Va,36:$Vb},o($Vr,[2,15],{11:$Vc,13:$Ve,19:$Vi,20:$Vj,21:$Vk,22:$Vl}),o([5,12,15,18,30,31],[2,14],{11:$Vc,13:$Ve,16:$Vf,17:$Vg,19:$Vi,20:$Vj,21:$Vk,22:$Vl}),o($Vq,[2,17],{11:$Vc,20:$Vj,21:$Vk,22:$Vl}),o($Vs,[2,18],{11:$Vc,22:$Vl}),o($Vs,[2,19],{11:$Vc,22:$Vl}),o([5,12,13,15,16,17,18,19,20,21,22,30,31],[2,20],{11:$Vc}),o($Vn,[2,37]),o($Vm,[2,10]),o($Vm,[2,23]),{15:[1,70],30:[1,71],31:[1,72]},o($Vt,[2,32],{11:$Vc,12:$Vd,13:$Ve,16:$Vf,17:$Vg,18:$Vh,19:$Vi,20:$Vj,21:$Vk,22:$Vl}),o($Vt,[2,33]),{37:[1,73]},o($Vp,[2,39]),o($Vm,[2,29]),o($Vm,[2,31]),o($Vu,[2,41]),o($Vr,[2,11],{11:$Vc,13:$Ve,19:$Vi,20:$Vj,21:$Vk,22:$Vl}),o($Vr,[2,13],{11:$Vc,13:$Ve,19:$Vi,20:$Vj,21:$Vk,22:$Vl}),o($Vr,[2,12],{11:$Vc,13:$Ve,19:$Vi,20:$Vj,21:$Vk,22:$Vl}),o($Vm,[2,24]),{2:13,4:74,6:3,7:$V0,8:$V1,9:6,10:$V2,13:$V3,14:$V4,19:$V5,23:$V6,25:12,26:$V7,28:$V8,32:$V9,34:$Va,36:$Vb},{2:13,4:75,6:3,7:$V0,8:$V1,9:6,10:$V2,13:$V3,14:$V4,19:$V5,23:$V6,25:12,26:$V7,28:$V8,32:$V9,34:$Va,36:$Vb},o($Vu,[2,42]),o($Vt,[2,34],{11:$Vc,12:$Vd,13:$Ve,16:$Vf,17:$Vg,18:$Vh,19:$Vi,20:$Vj,21:$Vk,22:$Vl}),o($Vt,[2,35],{11:$Vc,12:$Vd,13:$Ve,16:$Vf,17:$Vg,18:$Vh,19:$Vi,20:$Vj,21:$Vk,22:$Vl})],
+  defaultActions: {19:[2,1]},
+  parseError: function parseError(str, hash) {
       if (hash.recoverable) {
-        this.trace(str);
+          this.trace(str);
       } else {
-        throw new Error(str);
+          throw new Error(str);
       }
-    },
-    parse: function parse(input) {
+  },
+  parse: function parse(input) {
       var self = this,
-        stack = [0],
-        tstack = [], // token stack
-        vstack = [null], // semantic value stack
-        lstack = [], // location stack
-        table = this.table,
-        yytext = '',
-        yylineno = 0,
-        yyleng = 0,
-        recovering = 0,
-        TERROR = 2,
-        EOF = 1;
-
+          stack = [0],
+          tstack = [], // token stack
+          vstack = [null], // semantic value stack
+          lstack = [], // location stack
+          table = this.table,
+          yytext = '',
+          yylineno = 0,
+          yyleng = 0,
+          recovering = 0,
+          TERROR = 2,
+          EOF = 1;
+  
       var args = lstack.slice.call(arguments, 1);
-
+  
       //this.reductionCount = this.shiftCount = 0;
-
+  
       var lexer = Object.create(this.lexer);
       var sharedState = { yy: {} };
       // copy state
@@ -328,631 +326,631 @@ var Parser = (function(){
           sharedState.yy[k] = this.yy[k];
         }
       }
-
+  
       lexer.setInput(input, sharedState.yy);
       sharedState.yy.lexer = lexer;
       sharedState.yy.parser = this;
       if (typeof lexer.yylloc == 'undefined') {
-        lexer.yylloc = {};
+          lexer.yylloc = {};
       }
       var yyloc = lexer.yylloc;
       lstack.push(yyloc);
-
+  
       var ranges = lexer.options && lexer.options.ranges;
-
+  
       if (typeof sharedState.yy.parseError === 'function') {
-        this.parseError = sharedState.yy.parseError;
+          this.parseError = sharedState.yy.parseError;
       } else {
-        this.parseError = Object.getPrototypeOf(this).parseError;
+          this.parseError = Object.getPrototypeOf(this).parseError;
       }
-
+  
       function popStack (n) {
-        stack.length = stack.length - 2 * n;
-        vstack.length = vstack.length - n;
-        lstack.length = lstack.length - n;
+          stack.length = stack.length - 2 * n;
+          vstack.length = vstack.length - n;
+          lstack.length = lstack.length - n;
       }
-
-      _token_stack:
-        function lex() {
+  
+  _token_stack:
+      function lex() {
           var token;
           token = lexer.lex() || EOF;
           // if token isn't its numeric value, convert
           if (typeof token !== 'number') {
-            token = self.symbols_[token] || token;
+              token = self.symbols_[token] || token;
           }
           return token;
-        }
-
+      }
+  
       var symbol, preErrorSymbol, state, action, a, r, yyval = {}, p, len, newState, expected;
       while (true) {
-        // retreive state number from top of stack
-        state = stack[stack.length - 1];
-
-        // use default actions if available
-        if (this.defaultActions[state]) {
-          action = this.defaultActions[state];
-        } else {
-          if (symbol === null || typeof symbol == 'undefined') {
-            symbol = lex();
+          // retreive state number from top of stack
+          state = stack[stack.length - 1];
+  
+          // use default actions if available
+          if (this.defaultActions[state]) {
+              action = this.defaultActions[state];
+          } else {
+              if (symbol === null || typeof symbol == 'undefined') {
+                  symbol = lex();
+              }
+              // read action for current state and first input
+              action = table[state] && table[state][symbol];
           }
-          // read action for current state and first input
-          action = table[state] && table[state][symbol];
-        }
-
-        _handle_error:
+  
+  _handle_error:
           // handle parse error
           if (typeof action === 'undefined' || !action.length || !action[0]) {
-            var error_rule_depth;
-            var errStr = '';
-
-            // Return the rule stack depth where the nearest error rule can be found.
-            // Return FALSE when no error recovery rule was found.
-            function locateNearestErrorRecoveryRule(state) {
-              var stack_probe = stack.length - 1;
-              var depth = 0;
-
+              var error_rule_depth;
+              var errStr = '';
+  
+              // Return the rule stack depth where the nearest error rule can be found.
+              // Return FALSE when no error recovery rule was found.
+              function locateNearestErrorRecoveryRule(state) {
+                  var stack_probe = stack.length - 1;
+                  var depth = 0;
+  
+                  // try to recover from error
+                  for(;;) {
+                      // check for error recovery rule in this state
+                      if ((TERROR.toString()) in table[state]) {
+                          return depth;
+                      }
+                      if (state === 0 || stack_probe < 2) {
+                          return false; // No suitable error recovery rule available.
+                      }
+                      stack_probe -= 2; // popStack(1): [symbol, action]
+                      state = stack[stack_probe];
+                      ++depth;
+                  }
+              }
+  
+              if (!recovering) {
+                  // first see if there's any chance at hitting an error recovery rule:
+                  error_rule_depth = locateNearestErrorRecoveryRule(state);
+  
+                  // Report error
+                  expected = [];
+                  for (p in table[state]) {
+                      if (this.terminals_[p] && p > TERROR) {
+                          expected.push("'"+this.terminals_[p]+"'");
+                      }
+                  }
+                  if (lexer.showPosition) {
+                      errStr = 'Parse error on line '+(yylineno+1)+":\n"+lexer.showPosition()+"\nExpecting "+expected.join(', ') + ", got '" + (this.terminals_[symbol] || symbol)+ "'";
+                  } else {
+                      errStr = 'Parse error on line '+(yylineno+1)+": Unexpected " +
+                                    (symbol == EOF ? "end of input" :
+                                                ("'"+(this.terminals_[symbol] || symbol)+"'"));
+                  }
+                  this.parseError(errStr, {
+                      text: lexer.match,
+                      token: this.terminals_[symbol] || symbol,
+                      line: lexer.yylineno,
+                      loc: yyloc,
+                      expected: expected,
+                      recoverable: (error_rule_depth !== false)
+                  });
+              } else if (preErrorSymbol !== EOF) {
+                  error_rule_depth = locateNearestErrorRecoveryRule(state);
+              }
+  
+              // just recovered from another error
+              if (recovering == 3) {
+                  if (symbol === EOF || preErrorSymbol === EOF) {
+                      throw new Error(errStr || 'Parsing halted while starting to recover from another error.');
+                  }
+  
+                  // discard current lookahead and grab another
+                  yyleng = lexer.yyleng;
+                  yytext = lexer.yytext;
+                  yylineno = lexer.yylineno;
+                  yyloc = lexer.yylloc;
+                  symbol = lex();
+              }
+  
               // try to recover from error
-              for(;;) {
-                // check for error recovery rule in this state
-                if ((TERROR.toString()) in table[state]) {
-                  return depth;
-                }
-                if (state === 0 || stack_probe < 2) {
-                  return false; // No suitable error recovery rule available.
-                }
-                stack_probe -= 2; // popStack(1): [symbol, action]
-                state = stack[stack_probe];
-                ++depth;
+              if (error_rule_depth === false) {
+                  throw new Error(errStr || 'Parsing halted. No suitable error recovery rule available.');
               }
-            }
-
-            if (!recovering) {
-              // first see if there's any chance at hitting an error recovery rule:
-              error_rule_depth = locateNearestErrorRecoveryRule(state);
-
-              // Report error
-              expected = [];
-              for (p in table[state]) {
-                if (this.terminals_[p] && p > TERROR) {
-                  expected.push("'"+this.terminals_[p]+"'");
-                }
-              }
-              if (lexer.showPosition) {
-                errStr = 'Parse error on line '+(yylineno+1)+":\n"+lexer.showPosition()+"\nExpecting "+expected.join(', ') + ", got '" + (this.terminals_[symbol] || symbol)+ "'";
-              } else {
-                errStr = 'Parse error on line '+(yylineno+1)+": Unexpected " +
-                  (symbol == EOF ? "end of input" :
-                    ("'"+(this.terminals_[symbol] || symbol)+"'"));
-              }
-              this.parseError(errStr, {
-                text: lexer.match,
-                token: this.terminals_[symbol] || symbol,
-                line: lexer.yylineno,
-                loc: yyloc,
-                expected: expected,
-                recoverable: (error_rule_depth !== false)
-              });
-            } else if (preErrorSymbol !== EOF) {
-              error_rule_depth = locateNearestErrorRecoveryRule(state);
-            }
-
-            // just recovered from another error
-            if (recovering == 3) {
-              if (symbol === EOF || preErrorSymbol === EOF) {
-                throw new Error(errStr || 'Parsing halted while starting to recover from another error.');
-              }
-
-              // discard current lookahead and grab another
-              yyleng = lexer.yyleng;
-              yytext = lexer.yytext;
-              yylineno = lexer.yylineno;
-              yyloc = lexer.yylloc;
-              symbol = lex();
-            }
-
-            // try to recover from error
-            if (error_rule_depth === false) {
-              throw new Error(errStr || 'Parsing halted. No suitable error recovery rule available.');
-            }
-            popStack(error_rule_depth);
-
-            preErrorSymbol = (symbol == TERROR ? null : symbol); // save the lookahead token
-            symbol = TERROR;         // insert generic error symbol as new lookahead
-            state = stack[stack.length-1];
-            action = table[state] && table[state][TERROR];
-            recovering = 3; // allow 3 real symbols to be shifted before reporting a new error
+              popStack(error_rule_depth);
+  
+              preErrorSymbol = (symbol == TERROR ? null : symbol); // save the lookahead token
+              symbol = TERROR;         // insert generic error symbol as new lookahead
+              state = stack[stack.length-1];
+              action = table[state] && table[state][TERROR];
+              recovering = 3; // allow 3 real symbols to be shifted before reporting a new error
           }
-
-        // this shouldn't happen, unless resolve defaults are off
-        if (action[0] instanceof Array && action.length > 1) {
-          throw new Error('Parse Error: multiple actions possible at state: '+state+', token: '+symbol);
-        }
-
-        switch (action[0]) {
-          case 1: // shift
-            //this.shiftCount++;
-
-            stack.push(symbol);
-            vstack.push(lexer.yytext);
-            lstack.push(lexer.yylloc);
-            stack.push(action[1]); // push state
-            symbol = null;
-            if (!preErrorSymbol) { // normal execution/no error
-              yyleng = lexer.yyleng;
-              yytext = lexer.yytext;
-              yylineno = lexer.yylineno;
-              yyloc = lexer.yylloc;
-              if (recovering > 0) {
-                recovering--;
-              }
-            } else {
-              // error just occurred, resume old lookahead f/ before error
-              symbol = preErrorSymbol;
-              preErrorSymbol = null;
-            }
-            break;
-
-          case 2:
-            // reduce
-            //this.reductionCount++;
-
-            len = this.productions_[action[1]][1];
-
-            // perform semantic action
-            yyval.$ = vstack[vstack.length-len]; // default to $$ = $1
-            // default location, uses first token for firsts, last for lasts
-            yyval._$ = {
-              first_line: lstack[lstack.length-(len||1)].first_line,
-              last_line: lstack[lstack.length-1].last_line,
-              first_column: lstack[lstack.length-(len||1)].first_column,
-              last_column: lstack[lstack.length-1].last_column
-            };
-            if (ranges) {
-              yyval._$.range = [lstack[lstack.length-(len||1)].range[0], lstack[lstack.length-1].range[1]];
-            }
-            r = this.performAction.apply(yyval, [yytext, yyleng, yylineno, sharedState.yy, action[1], vstack, lstack].concat(args));
-
-            if (typeof r !== 'undefined') {
-              return r;
-            }
-
-            // pop off stack
-            if (len) {
-              stack = stack.slice(0,-1*len*2);
-              vstack = vstack.slice(0, -1*len);
-              lstack = lstack.slice(0, -1*len);
-            }
-
-            stack.push(this.productions_[action[1]][0]);    // push nonterminal (reduce)
-            vstack.push(yyval.$);
-            lstack.push(yyval._$);
-            // goto new state = table[STATE][NONTERMINAL]
-            newState = table[stack[stack.length-2]][stack[stack.length-1]];
-            stack.push(newState);
-            break;
-
-          case 3:
-            // accept
-            return true;
-        }
-
+  
+          // this shouldn't happen, unless resolve defaults are off
+          if (action[0] instanceof Array && action.length > 1) {
+              throw new Error('Parse Error: multiple actions possible at state: '+state+', token: '+symbol);
+          }
+  
+          switch (action[0]) {
+              case 1: // shift
+                  //this.shiftCount++;
+  
+                  stack.push(symbol);
+                  vstack.push(lexer.yytext);
+                  lstack.push(lexer.yylloc);
+                  stack.push(action[1]); // push state
+                  symbol = null;
+                  if (!preErrorSymbol) { // normal execution/no error
+                      yyleng = lexer.yyleng;
+                      yytext = lexer.yytext;
+                      yylineno = lexer.yylineno;
+                      yyloc = lexer.yylloc;
+                      if (recovering > 0) {
+                          recovering--;
+                      }
+                  } else {
+                      // error just occurred, resume old lookahead f/ before error
+                      symbol = preErrorSymbol;
+                      preErrorSymbol = null;
+                  }
+                  break;
+  
+              case 2:
+                  // reduce
+                  //this.reductionCount++;
+  
+                  len = this.productions_[action[1]][1];
+  
+                  // perform semantic action
+                  yyval.$ = vstack[vstack.length-len]; // default to $$ = $1
+                  // default location, uses first token for firsts, last for lasts
+                  yyval._$ = {
+                      first_line: lstack[lstack.length-(len||1)].first_line,
+                      last_line: lstack[lstack.length-1].last_line,
+                      first_column: lstack[lstack.length-(len||1)].first_column,
+                      last_column: lstack[lstack.length-1].last_column
+                  };
+                  if (ranges) {
+                    yyval._$.range = [lstack[lstack.length-(len||1)].range[0], lstack[lstack.length-1].range[1]];
+                  }
+                  r = this.performAction.apply(yyval, [yytext, yyleng, yylineno, sharedState.yy, action[1], vstack, lstack].concat(args));
+  
+                  if (typeof r !== 'undefined') {
+                      return r;
+                  }
+  
+                  // pop off stack
+                  if (len) {
+                      stack = stack.slice(0,-1*len*2);
+                      vstack = vstack.slice(0, -1*len);
+                      lstack = lstack.slice(0, -1*len);
+                  }
+  
+                  stack.push(this.productions_[action[1]][0]);    // push nonterminal (reduce)
+                  vstack.push(yyval.$);
+                  lstack.push(yyval._$);
+                  // goto new state = table[STATE][NONTERMINAL]
+                  newState = table[stack[stack.length-2]][stack[stack.length-1]];
+                  stack.push(newState);
+                  break;
+  
+              case 3:
+                  // accept
+                  return true;
+          }
+  
       }
-
+  
       return true;
-    }};
-
+  }};
+  
   /* generated by jison-lex 0.3.4 */
   var lexer = (function(){
-    var lexer = ({
-
-      EOF:1,
-
-      parseError:function parseError(str, hash) {
-        if (this.yy.parser) {
-          this.yy.parser.parseError(str, hash);
-        } else {
-          throw new Error(str);
-        }
+  var lexer = ({
+  
+  EOF:1,
+  
+  parseError:function parseError(str, hash) {
+          if (this.yy.parser) {
+              this.yy.parser.parseError(str, hash);
+          } else {
+              throw new Error(str);
+          }
       },
-
-// resets the lexer, sets new input
-      setInput:function (input, yy) {
-        this.yy = yy || this.yy || {};
-        this._input = input;
-        this._more = this._backtrack = this.done = false;
-        this.yylineno = this.yyleng = 0;
-        this.yytext = this.matched = this.match = '';
-        this.conditionStack = ['INITIAL'];
-        this.yylloc = {
-          first_line: 1,
-          first_column: 0,
-          last_line: 1,
-          last_column: 0
-        };
-        if (this.options.ranges) {
-          this.yylloc.range = [0,0];
-        }
-        this.offset = 0;
-        return this;
-      },
-
-// consumes and returns one char from the input
-      input:function () {
-        var ch = this._input[0];
-        this.yytext += ch;
-        this.yyleng++;
-        this.offset++;
-        this.match += ch;
-        this.matched += ch;
-        var lines = ch.match(/(?:\r\n?|\n).*/g);
-        if (lines) {
-          this.yylineno++;
-          this.yylloc.last_line++;
-        } else {
-          this.yylloc.last_column++;
-        }
-        if (this.options.ranges) {
-          this.yylloc.range[1]++;
-        }
-
-        this._input = this._input.slice(1);
-        return ch;
-      },
-
-// unshifts one char (or a string) into the input
-      unput:function (ch) {
-        var len = ch.length;
-        var lines = ch.split(/(?:\r\n?|\n)/g);
-
-        this._input = ch + this._input;
-        this.yytext = this.yytext.substr(0, this.yytext.length - len);
-        //this.yyleng -= len;
-        this.offset -= len;
-        var oldLines = this.match.split(/(?:\r\n?|\n)/g);
-        this.match = this.match.substr(0, this.match.length - 1);
-        this.matched = this.matched.substr(0, this.matched.length - 1);
-
-        if (lines.length - 1) {
-          this.yylineno -= lines.length - 1;
-        }
-        var r = this.yylloc.range;
-
-        this.yylloc = {
-          first_line: this.yylloc.first_line,
-          last_line: this.yylineno + 1,
-          first_column: this.yylloc.first_column,
-          last_column: lines ?
-            (lines.length === oldLines.length ? this.yylloc.first_column : 0)
-            + oldLines[oldLines.length - lines.length].length - lines[0].length :
-            this.yylloc.first_column - len
-        };
-
-        if (this.options.ranges) {
-          this.yylloc.range = [r[0], r[0] + this.yyleng - len];
-        }
-        this.yyleng = this.yytext.length;
-        return this;
-      },
-
-// When called from action, caches matched text and appends it on next action
-      more:function () {
-        this._more = true;
-        return this;
-      },
-
-// When called from action, signals the lexer that this rule fails to match the input, so the next matching rule (regex) should be tested instead.
-      reject:function () {
-        if (this.options.backtrack_lexer) {
-          this._backtrack = true;
-        } else {
-          return this.parseError('Lexical error on line ' + (this.yylineno + 1) + '. You can only invoke reject() in the lexer when the lexer is of the backtracking persuasion (options.backtrack_lexer = true).\n' + this.showPosition(), {
-            text: "",
-            token: null,
-            line: this.yylineno
-          });
-
-        }
-        return this;
-      },
-
-// retain first n characters of the match
-      less:function (n) {
-        this.unput(this.match.slice(n));
-      },
-
-// displays already matched input, i.e. for error messages
-      pastInput:function () {
-        var past = this.matched.substr(0, this.matched.length - this.match.length);
-        return (past.length > 20 ? '...':'') + past.substr(-20).replace(/\n/g, "");
-      },
-
-// displays upcoming input, i.e. for error messages
-      upcomingInput:function () {
-        var next = this.match;
-        if (next.length < 20) {
-          next += this._input.substr(0, 20-next.length);
-        }
-        return (next.substr(0,20) + (next.length > 20 ? '...' : '')).replace(/\n/g, "");
-      },
-
-// displays the character position where the lexing error occurred, i.e. for error messages
-      showPosition:function () {
-        var pre = this.pastInput();
-        var c = new Array(pre.length + 1).join("-");
-        return pre + this.upcomingInput() + "\n" + c + "^";
-      },
-
-// test the lexed token: return FALSE when not a match, otherwise return token
-      test_match:function (match, indexed_rule) {
-        var token,
-          lines,
-          backup;
-
-        if (this.options.backtrack_lexer) {
-          // save context
-          backup = {
-            yylineno: this.yylineno,
-            yylloc: {
-              first_line: this.yylloc.first_line,
-              last_line: this.last_line,
-              first_column: this.yylloc.first_column,
-              last_column: this.yylloc.last_column
-            },
-            yytext: this.yytext,
-            match: this.match,
-            matches: this.matches,
-            matched: this.matched,
-            yyleng: this.yyleng,
-            offset: this.offset,
-            _more: this._more,
-            _input: this._input,
-            yy: this.yy,
-            conditionStack: this.conditionStack.slice(0),
-            done: this.done
+  
+  // resets the lexer, sets new input
+  setInput:function (input, yy) {
+          this.yy = yy || this.yy || {};
+          this._input = input;
+          this._more = this._backtrack = this.done = false;
+          this.yylineno = this.yyleng = 0;
+          this.yytext = this.matched = this.match = '';
+          this.conditionStack = ['INITIAL'];
+          this.yylloc = {
+              first_line: 1,
+              first_column: 0,
+              last_line: 1,
+              last_column: 0
           };
           if (this.options.ranges) {
-            backup.yylloc.range = this.yylloc.range.slice(0);
+              this.yylloc.range = [0,0];
           }
-        }
-
-        lines = match[0].match(/(?:\r\n?|\n).*/g);
-        if (lines) {
-          this.yylineno += lines.length;
-        }
-        this.yylloc = {
-          first_line: this.yylloc.last_line,
-          last_line: this.yylineno + 1,
-          first_column: this.yylloc.last_column,
-          last_column: lines ?
-            lines[lines.length - 1].length - lines[lines.length - 1].match(/\r?\n?/)[0].length :
-            this.yylloc.last_column + match[0].length
-        };
-        this.yytext += match[0];
-        this.match += match[0];
-        this.matches = match;
-        this.yyleng = this.yytext.length;
-        if (this.options.ranges) {
-          this.yylloc.range = [this.offset, this.offset += this.yyleng];
-        }
-        this._more = false;
-        this._backtrack = false;
-        this._input = this._input.slice(match[0].length);
-        this.matched += match[0];
-        token = this.performAction.call(this, this.yy, this, indexed_rule, this.conditionStack[this.conditionStack.length - 1]);
-        if (this.done && this._input) {
-          this.done = false;
-        }
-        if (token) {
-          return token;
-        } else if (this._backtrack) {
-          // recover context
-          for (var k in backup) {
-            this[k] = backup[k];
-          }
-          return false; // rule action called reject() implying the next rule should be tested instead.
-        }
-        return false;
+          this.offset = 0;
+          return this;
       },
-
-// return next match in input
-      next:function () {
-        if (this.done) {
-          return this.EOF;
-        }
-        if (!this._input) {
-          this.done = true;
-        }
-
-        var token,
-          match,
-          tempMatch,
-          index;
-        if (!this._more) {
-          this.yytext = '';
-          this.match = '';
-        }
-        var rules = this._currentRules();
-        for (var i = 0; i < rules.length; i++) {
-          tempMatch = this._input.match(this.rules[rules[i]]);
-          if (tempMatch && (!match || tempMatch[0].length > match[0].length)) {
-            match = tempMatch;
-            index = i;
-            if (this.options.backtrack_lexer) {
-              token = this.test_match(tempMatch, rules[i]);
-              if (token !== false) {
-                return token;
-              } else if (this._backtrack) {
-                match = false;
-                continue; // rule action called reject() implying a rule MISmatch.
-              } else {
-                // else: this is a lexer rule which consumes input without producing a token (e.g. whitespace)
-                return false;
+  
+  // consumes and returns one char from the input
+  input:function () {
+          var ch = this._input[0];
+          this.yytext += ch;
+          this.yyleng++;
+          this.offset++;
+          this.match += ch;
+          this.matched += ch;
+          var lines = ch.match(/(?:\r\n?|\n).*/g);
+          if (lines) {
+              this.yylineno++;
+              this.yylloc.last_line++;
+          } else {
+              this.yylloc.last_column++;
+          }
+          if (this.options.ranges) {
+              this.yylloc.range[1]++;
+          }
+  
+          this._input = this._input.slice(1);
+          return ch;
+      },
+  
+  // unshifts one char (or a string) into the input
+  unput:function (ch) {
+          var len = ch.length;
+          var lines = ch.split(/(?:\r\n?|\n)/g);
+  
+          this._input = ch + this._input;
+          this.yytext = this.yytext.substr(0, this.yytext.length - len);
+          //this.yyleng -= len;
+          this.offset -= len;
+          var oldLines = this.match.split(/(?:\r\n?|\n)/g);
+          this.match = this.match.substr(0, this.match.length - 1);
+          this.matched = this.matched.substr(0, this.matched.length - 1);
+  
+          if (lines.length - 1) {
+              this.yylineno -= lines.length - 1;
+          }
+          var r = this.yylloc.range;
+  
+          this.yylloc = {
+              first_line: this.yylloc.first_line,
+              last_line: this.yylineno + 1,
+              first_column: this.yylloc.first_column,
+              last_column: lines ?
+                  (lines.length === oldLines.length ? this.yylloc.first_column : 0)
+                   + oldLines[oldLines.length - lines.length].length - lines[0].length :
+                this.yylloc.first_column - len
+          };
+  
+          if (this.options.ranges) {
+              this.yylloc.range = [r[0], r[0] + this.yyleng - len];
+          }
+          this.yyleng = this.yytext.length;
+          return this;
+      },
+  
+  // When called from action, caches matched text and appends it on next action
+  more:function () {
+          this._more = true;
+          return this;
+      },
+  
+  // When called from action, signals the lexer that this rule fails to match the input, so the next matching rule (regex) should be tested instead.
+  reject:function () {
+          if (this.options.backtrack_lexer) {
+              this._backtrack = true;
+          } else {
+              return this.parseError('Lexical error on line ' + (this.yylineno + 1) + '. You can only invoke reject() in the lexer when the lexer is of the backtracking persuasion (options.backtrack_lexer = true).\n' + this.showPosition(), {
+                  text: "",
+                  token: null,
+                  line: this.yylineno
+              });
+  
+          }
+          return this;
+      },
+  
+  // retain first n characters of the match
+  less:function (n) {
+          this.unput(this.match.slice(n));
+      },
+  
+  // displays already matched input, i.e. for error messages
+  pastInput:function () {
+          var past = this.matched.substr(0, this.matched.length - this.match.length);
+          return (past.length > 20 ? '...':'') + past.substr(-20).replace(/\n/g, "");
+      },
+  
+  // displays upcoming input, i.e. for error messages
+  upcomingInput:function () {
+          var next = this.match;
+          if (next.length < 20) {
+              next += this._input.substr(0, 20-next.length);
+          }
+          return (next.substr(0,20) + (next.length > 20 ? '...' : '')).replace(/\n/g, "");
+      },
+  
+  // displays the character position where the lexing error occurred, i.e. for error messages
+  showPosition:function () {
+          var pre = this.pastInput();
+          var c = new Array(pre.length + 1).join("-");
+          return pre + this.upcomingInput() + "\n" + c + "^";
+      },
+  
+  // test the lexed token: return FALSE when not a match, otherwise return token
+  test_match:function (match, indexed_rule) {
+          var token,
+              lines,
+              backup;
+  
+          if (this.options.backtrack_lexer) {
+              // save context
+              backup = {
+                  yylineno: this.yylineno,
+                  yylloc: {
+                      first_line: this.yylloc.first_line,
+                      last_line: this.last_line,
+                      first_column: this.yylloc.first_column,
+                      last_column: this.yylloc.last_column
+                  },
+                  yytext: this.yytext,
+                  match: this.match,
+                  matches: this.matches,
+                  matched: this.matched,
+                  yyleng: this.yyleng,
+                  offset: this.offset,
+                  _more: this._more,
+                  _input: this._input,
+                  yy: this.yy,
+                  conditionStack: this.conditionStack.slice(0),
+                  done: this.done
+              };
+              if (this.options.ranges) {
+                  backup.yylloc.range = this.yylloc.range.slice(0);
               }
-            } else if (!this.options.flex) {
-              break;
-            }
           }
-        }
-        if (match) {
-          token = this.test_match(match, rules[index]);
-          if (token !== false) {
-            return token;
+  
+          lines = match[0].match(/(?:\r\n?|\n).*/g);
+          if (lines) {
+              this.yylineno += lines.length;
+          }
+          this.yylloc = {
+              first_line: this.yylloc.last_line,
+              last_line: this.yylineno + 1,
+              first_column: this.yylloc.last_column,
+              last_column: lines ?
+                           lines[lines.length - 1].length - lines[lines.length - 1].match(/\r?\n?/)[0].length :
+                           this.yylloc.last_column + match[0].length
+          };
+          this.yytext += match[0];
+          this.match += match[0];
+          this.matches = match;
+          this.yyleng = this.yytext.length;
+          if (this.options.ranges) {
+              this.yylloc.range = [this.offset, this.offset += this.yyleng];
+          }
+          this._more = false;
+          this._backtrack = false;
+          this._input = this._input.slice(match[0].length);
+          this.matched += match[0];
+          token = this.performAction.call(this, this.yy, this, indexed_rule, this.conditionStack[this.conditionStack.length - 1]);
+          if (this.done && this._input) {
+              this.done = false;
+          }
+          if (token) {
+              return token;
+          } else if (this._backtrack) {
+              // recover context
+              for (var k in backup) {
+                  this[k] = backup[k];
+              }
+              return false; // rule action called reject() implying the next rule should be tested instead.
           }
-          // else: this is a lexer rule which consumes input without producing a token (e.g. whitespace)
           return false;
-        }
-        if (this._input === "") {
-          return this.EOF;
-        } else {
-          return this.parseError('Lexical error on line ' + (this.yylineno + 1) + '. Unrecognized text.\n' + this.showPosition(), {
-            text: "",
-            token: null,
-            line: this.yylineno
-          });
-        }
       },
-
-// return next match that has a token
-      lex:function lex() {
-        var r = this.next();
-        if (r) {
-          return r;
-        } else {
-          return this.lex();
-        }
+  
+  // return next match in input
+  next:function () {
+          if (this.done) {
+              return this.EOF;
+          }
+          if (!this._input) {
+              this.done = true;
+          }
+  
+          var token,
+              match,
+              tempMatch,
+              index;
+          if (!this._more) {
+              this.yytext = '';
+              this.match = '';
+          }
+          var rules = this._currentRules();
+          for (var i = 0; i < rules.length; i++) {
+              tempMatch = this._input.match(this.rules[rules[i]]);
+              if (tempMatch && (!match || tempMatch[0].length > match[0].length)) {
+                  match = tempMatch;
+                  index = i;
+                  if (this.options.backtrack_lexer) {
+                      token = this.test_match(tempMatch, rules[i]);
+                      if (token !== false) {
+                          return token;
+                      } else if (this._backtrack) {
+                          match = false;
+                          continue; // rule action called reject() implying a rule MISmatch.
+                      } else {
+                          // else: this is a lexer rule which consumes input without producing a token (e.g. whitespace)
+                          return false;
+                      }
+                  } else if (!this.options.flex) {
+                      break;
+                  }
+              }
+          }
+          if (match) {
+              token = this.test_match(match, rules[index]);
+              if (token !== false) {
+                  return token;
+              }
+              // else: this is a lexer rule which consumes input without producing a token (e.g. whitespace)
+              return false;
+          }
+          if (this._input === "") {
+              return this.EOF;
+          } else {
+              return this.parseError('Lexical error on line ' + (this.yylineno + 1) + '. Unrecognized text.\n' + this.showPosition(), {
+                  text: "",
+                  token: null,
+                  line: this.yylineno
+              });
+          }
       },
-
-// activates a new lexer condition state (pushes the new lexer condition state onto the condition stack)
-      begin:function begin(condition) {
-        this.conditionStack.push(condition);
+  
+  // return next match that has a token
+  lex:function lex() {
+          var r = this.next();
+          if (r) {
+              return r;
+          } else {
+              return this.lex();
+          }
       },
-
-// pop the previously active lexer condition state off the condition stack
-      popState:function popState() {
-        var n = this.conditionStack.length - 1;
-        if (n > 0) {
-          return this.conditionStack.pop();
-        } else {
-          return this.conditionStack[0];
-        }
+  
+  // activates a new lexer condition state (pushes the new lexer condition state onto the condition stack)
+  begin:function begin(condition) {
+          this.conditionStack.push(condition);
       },
-
-// produce the lexer rule set which is active for the currently active lexer condition state
-      _currentRules:function _currentRules() {
-        if (this.conditionStack.length && this.conditionStack[this.conditionStack.length - 1]) {
-          return this.conditions[this.conditionStack[this.conditionStack.length - 1]].rules;
-        } else {
-          return this.conditions["INITIAL"].rules;
-        }
+  
+  // pop the previously active lexer condition state off the condition stack
+  popState:function popState() {
+          var n = this.conditionStack.length - 1;
+          if (n > 0) {
+              return this.conditionStack.pop();
+          } else {
+              return this.conditionStack[0];
+          }
       },
-
-// return the currently active lexer condition state; when an index argument is provided it produces the N-th previous condition state, if available
-      topState:function topState(n) {
-        n = this.conditionStack.length - 1 - Math.abs(n || 0);
-        if (n >= 0) {
-          return this.conditionStack[n];
-        } else {
-          return "INITIAL";
-        }
+  
+  // produce the lexer rule set which is active for the currently active lexer condition state
+  _currentRules:function _currentRules() {
+          if (this.conditionStack.length && this.conditionStack[this.conditionStack.length - 1]) {
+              return this.conditions[this.conditionStack[this.conditionStack.length - 1]].rules;
+          } else {
+              return this.conditions["INITIAL"].rules;
+          }
       },
-
-// alias for begin(condition)
-      pushState:function pushState(condition) {
-        this.begin(condition);
+  
+  // return the currently active lexer condition state; when an index argument is provided it produces the N-th previous condition state, if available
+  topState:function topState(n) {
+          n = this.conditionStack.length - 1 - Math.abs(n || 0);
+          if (n >= 0) {
+              return this.conditionStack[n];
+          } else {
+              return "INITIAL";
+          }
       },
-
-// return the number of states currently on the stack
-      stateStackSize:function stateStackSize() {
-        return this.conditionStack.length;
+  
+  // alias for begin(condition)
+  pushState:function pushState(condition) {
+          this.begin(condition);
       },
-      options: {},
-      performAction: function anonymous(yy,yy_,$avoiding_name_collisions,YY_START) {
-        var YYSTATE=YY_START;
-        switch($avoiding_name_collisions) {
-          case 0:/* skip whitespace */
-            break;
-          case 1:return 10;
-            break;
-          case 2:return 10;
-            break;
-          case 3:return 23;
-            break;
-          case 4:return 7;
-            break;
-          case 5:return 8;
-            break;
-          case 6:return 26;
-            break;
-          case 7:return 26;
-            break;
-          case 8:return 26;
-            break;
-          case 9:return 28;
-            break;
-          case 10:return 23;
-            break;
-          case 11:return 32;
-            break;
-          case 12:return 32;
-            break;
-          case 13:return 34;
-            break;
-          case 14:return 29;
-            break;
-          case 15:/* skip whitespace */
-            break;
-          case 16:return 11;
-            break;
-          case 17:return ' ';
-            break;
-          case 18:return 33;
-            break;
-          case 19:return 27;
-            break;
-          case 20:return 30;
-            break;
-          case 21:return 31;
-            break;
-          case 22:return 20;
-            break;
-          case 23:return 21;
-            break;
-          case 24:return 19;
-            break;
-          case 25:return 13;
-            break;
-          case 26:return 22;
-            break;
-          case 27:return 14;
-            break;
-          case 28:return 15;
-            break;
-          case 29:return 17;
-            break;
-          case 30:return 16;
-            break;
-          case 31:return 18;
-            break;
-          case 32:return '"';
-            break;
-          case 33:return "'";
-            break;
-          case 34:return "!";
-            break;
-          case 35:return 12;
-            break;
-          case 36:return 35;
-            break;
-          case 37:return 36;
-            break;
-          case 38:return 5;
-            break;
-        }
+  
+  // return the number of states currently on the stack
+  stateStackSize:function stateStackSize() {
+          return this.conditionStack.length;
       },
-      rules: [/^(?:\s+)/,/^(?:"(\\["]|[^"])*")/,/^(?:'(\\[']|[^'])*')/,/^(?:[A-Za-z]{1,}[A-Za-z_0-9]+(?=[(]))/,/^(?:([0]?[1-9]|1[0-2])[:][0-5][0-9]([:][0-5][0-9])?[ ]?(AM|am|aM|Am|PM|pm|pM|Pm))/,/^(?:([0]?[0-9]|1[0-9]|2[0-3])[:][0-5][0-9]([:][0-5][0-9])?)/,/^(?:\$[A-Za-z]+\$[0-9]+)/,/^(?:\$[A-Za-z]+[0-9]+)/,/^(?:[A-Za-z]+\$[0-9]+)/,/^(?:[A-Za-z]+[0-9]+)/,/^(?:[A-Za-z]+(?=[(]))/,/^(?:[A-Za-z]{1,}[A-Za-z_0-9]+)/,/^(?:[A-Za-z_]+)/,/^(?:[0-9]+)/,/^(?:\[(.*)?\])/,/^(?:\$)/,/^(?:&)/,/^(?: )/,/^(?:[.])/,/^(?::)/,/^(?:;)/,/^(?:,)/,/^(?:\*)/,/^(?:\/)/,/^(?:-)/,/^(?:\+)/,/^(?:\^)/,/^(?:\()/,/^(?:\))/,/^(?:>)/,/^(?:<)/,/^(?:NOT\b)/,/^(?:")/,/^(?:')/,/^(?:!)/,/^(?:=)/,/^(?:%)/,/^(?:[#])/,/^(?:$)/,/(?:([0-9]+(\.[0-9]+)?)+(E|e)((-|\+)?[0-9]+))/],
-      conditions: {"INITIAL":{"rules":[0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38, 39],"inclusive":true}}
-    });
-    return lexer;
+  options: {},
+  performAction: function anonymous(yy,yy_,$avoiding_name_collisions,YY_START) {
+  var YYSTATE=YY_START;
+  switch($avoiding_name_collisions) {
+  case 0:/* skip whitespace */
+  break;
+  case 1:return 10;
+  break;
+  case 2:return 10;
+  break;
+  case 3:return 23;
+  break;
+  case 4:return 7;
+  break;
+  case 5:return 8;
+  break;
+  case 6:return 26;
+  break;
+  case 7:return 26;
+  break;
+  case 8:return 26;
+  break;
+  case 9:return 28;
+  break;
+  case 10:return 23;
+  break;
+  case 11:return 32;
+  break;
+  case 12:return 32;
+  break;
+  case 13:return 34;
+  break;
+  case 14:return 29;
+  break;
+  case 15:/* skip whitespace */
+  break;
+  case 16:return 11;
+  break;
+  case 17:return ' ';
+  break;
+  case 18:return 33;
+  break;
+  case 19:return 27;
+  break;
+  case 20:return 30;
+  break;
+  case 21:return 31;
+  break;
+  case 22:return 20;
+  break;
+  case 23:return 21;
+  break;
+  case 24:return 19;
+  break;
+  case 25:return 13;
+  break;
+  case 26:return 22;
+  break;
+  case 27:return 14;
+  break;
+  case 28:return 15;
+  break;
+  case 29:return 17;
+  break;
+  case 30:return 16;
+  break;
+  case 31:return 18;
+  break;
+  case 32:return '"';
+  break;
+  case 33:return "'";
+  break;
+  case 34:return "!";
+  break;
+  case 35:return 12;
+  break;
+  case 36:return 35;
+  break;
+  case 37:return 36;
+  break;
+  case 38:return 5;
+  break;
+  }
+  },
+  rules: [/^(?:\s+)/,/^(?:"(\\["]|[^"])*")/,/^(?:'(\\[']|[^'])*')/,/^(?:[A-Za-z]{1,}[A-Za-z_0-9]+(?=[(]))/,/^(?:([0]?[1-9]|1[0-2])[:][0-5][0-9]([:][0-5][0-9])?[ ]?(AM|am|aM|Am|PM|pm|pM|Pm))/,/^(?:([0]?[0-9]|1[0-9]|2[0-3])[:][0-5][0-9]([:][0-5][0-9])?)/,/^(?:\$[A-Za-z]+\$[0-9]+)/,/^(?:\$[A-Za-z]+[0-9]+)/,/^(?:[A-Za-z]+\$[0-9]+)/,/^(?:[A-Za-z]+[0-9]+)/,/^(?:[A-Za-z]+(?=[(]))/,/^(?:[A-Za-z]{1,}[A-Za-z_0-9]+)/,/^(?:[A-Za-z_]+)/,/^(?:[0-9]+)/,/^(?:\[(.*)?\])/,/^(?:\$)/,/^(?:&)/,/^(?: )/,/^(?:[.])/,/^(?::)/,/^(?:;)/,/^(?:,)/,/^(?:\*)/,/^(?:\/)/,/^(?:-)/,/^(?:\+)/,/^(?:\^)/,/^(?:\()/,/^(?:\))/,/^(?:>)/,/^(?:<)/,/^(?:NOT\b)/,/^(?:")/,/^(?:')/,/^(?:!)/,/^(?:=)/,/^(?:%)/,/^(?:[#])/,/^(?:$)/],
+  conditions: {"INITIAL":{"rules":[0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38],"inclusive":true}}
+  });
+  return lexer;
   })();
   parser.lexer = lexer;
   function Parser () {
@@ -960,4 +958,4 @@ var Parser = (function(){
   }
   Parser.prototype = parser;parser.Parser = Parser;
   return new Parser;
-})();
+  })();
\ No newline at end of file
diff --git a/vendor/assets/javascripts/ruleJS.js b/vendor/assets/javascripts/ruleJS.js
index 8c4c8bb8e..368c312c8 100644
--- a/vendor/assets/javascripts/ruleJS.js
+++ b/vendor/assets/javascripts/ruleJS.js
@@ -1,6 +1,3 @@
-// * Licensed under the MIT license
-// * Copyright (c) 2012-2014 Marcin Warpechowski <hello@handsontable.com>
-
 var ruleJS = (function (root) {
   'use strict';
 
@@ -18,7 +15,7 @@ var ruleJS = (function (root) {
    * current version
    * @type {string}
    */
-  var version = '0.0.1';
+  var version = '0.0.3';
 
   /**
    * parser object delivered by jison library
@@ -76,7 +73,8 @@ var ruleJS = (function (root) {
       {type: 'NAME', output: '#NAME?'},
       {type: 'NUM', output: '#NUM!'},
       {type: 'NOT_AVAILABLE', output: '#N/A!'},
-      {type: 'ERROR', output: '#ERROR'}
+      {type: 'ERROR', output: '#ERROR'},
+      {type: 'NEED_UPDATE', output: '#NEED_UPDATE'}
     ],
     /**
      * get error by type
@@ -916,8 +914,7 @@ var ruleJS = (function (root) {
       'ODD', 'OR',
       'PI', 'POWER',
       'ROUND', 'ROUNDDOWN', 'ROUNDUP',
-      'SIN', 'SINH', 'SLOPE', 'SPLIT', 'STDEVP', 'STDEVS', 'SQRT', 'SQRTPI', 'SUM', 'SUMIF', 'SUMIFS', 'SUMPRODUCT', 'SUMSQ', 'SUMX2MY2', 'SUMX2PY2', 'SUMXMY2',
-      'VARP', 'VARS',
+      'SIN', 'SINH', 'SPLIT', 'SQRT', 'SQRTPI', 'SUM', 'SUMIF', 'SUMIFS', 'SUMPRODUCT', 'SUMSQ', 'SUMX2MY2', 'SUMX2PY2', 'SUMXMY2',
       'TAN', 'TANH', 'TRUE', 'TRUNC',
       'XOR'
     ],
@@ -1033,49 +1030,23 @@ var ruleJS = (function (root) {
       number2 = helper.number(number2);
 
       if (isNaN(number1) || isNaN(number2)) {
+
+        if (number1[0] === '=' || number2[0] === '=') {
+          throw Error('NEED_UPDATE');
+        }
+
         throw Error('VALUE');
       }
 
       switch (type) {
         case '+':
-          //(sci-2587) MODIFICATION TO AVOID JAVASCRIPT IEEE MANTISSA&EXPONENT FLOATS INNACURACY
-          try{
-            var number1_big = new Big(number1);
-            var result_big = number1_big.plus(number2);
-            result = parseFloat(result_big);
-          } catch(e) {
-            result = number1 + number2;
-          }
-          //MODIFICATION END
-
-          //ORIGINAL: result = number1 + number2;
+          result = number1 + number2;
           break;
         case '-':
-          //(sci-2587) MODIFICATION TO AVOID JAVASCRIPT IEEE MANTISSA&EXPONENT FLOATS INNACURACY
-          try{
-            var number1_big = new Big(number1);
-            var result_big = number1_big.minus(number2);
-            result = parseFloat(result_big);
-          } catch(e) {
-            result = number1 - number2;
-          }
-          //MODIFICATION END
-
-          //ORIGINAL: result = number1 - number2;
+          result = number1 - number2;
           break;
         case '/':
-          //(sci-2587) MODIFICATION TO AVOID JAVASCRIPT IEEE MANTISSA&EXPONENT FLOATS INNACURACY
-          try{
-            var number1_big = new Big(number1);
-            var result_big = number1_big.div(number2);
-            result = parseFloat(result_big);
-          } catch(e){
-            result = number1 / number2;
-          }
-          //MODIFICATION END
-
-          //ORIGINAL: result = number1 / number2;
-
+          result = number1 / number2;
           if (result == Infinity) {
             throw Error('DIV_ZERO');
           } else if (isNaN(result)) {
@@ -1083,24 +1054,11 @@ var ruleJS = (function (root) {
           }
           break;
         case '*':
-          //(sci-2587) MODIFICATION TO AVOID JAVASCRIPT IEEE MANTISSA&EXPONENT FLOATS INNACURACY
-          try{
-            var number1_big = new Big(number1);
-            var result_big = number1_big.times(number2);
-            result = parseFloat(result_big);
-          } catch(e) {
-            result = number1 * number2;
-          }
-          //MODIFICATION END
-
-          //ORIGINAL: result = number1 * number2;
+          result = number1 * number2;
           break;
         case '^':
           result = Math.pow(number1, number2);
           break;
-        case 'e':
-          result = number1 * Math.pow(10, number2);
-          break;
       }
 
       return result;
@@ -1274,22 +1232,6 @@ var ruleJS = (function (root) {
         error = null;
 
     try {
-      // Preprocess E-notation, eg. replaces -5.32e-3 with -0.00532
-      // Excel does it too as well, so we're good
-      formula = formula.replace(/(?:([0-9]+(\.[0-9]+)?)+(E|e)((-|\+)?[0-9]+))/g, function(expr) {
-        var spl = expr.split('E')
-        var m = helper.number(spl[0]);
-        var e = helper.number(spl[1]);
-
-        return Big(m).times(Big(10).pow(e)).toFixed();
-      })
-
-      // Preprocess the following aliases for formulas
-      // or parser won't accept them
-      formula = formula.replace('STDEV.P', 'STDEVP');
-      formula = formula.replace('STDEV.S', 'STDEVS');
-      formula = formula.replace('VAR.P', 'VARP');
-      formula = formula.replace('VAR.S', 'VARS');
 
       parser.setObj(element);
       result = parser.parse(formula);
@@ -1344,7 +1286,7 @@ var ruleJS = (function (root) {
 
     parser = new FormulaParser(instance);
 
-    instance.formulas = Formula;
+    instance.formulas = formulajs;
     instance.matrix = new Matrix();
 
     instance.custom = {};
@@ -1362,4 +1304,4 @@ var ruleJS = (function (root) {
     parse: parse
   };
 
-});
+});
\ No newline at end of file

From a5ad6d375e457c0ead3472fdab9a6bfda7332d11 Mon Sep 17 00:00:00 2001
From: Gregor Lasnibat <gregor@scinote.net>
Date: Mon, 2 Oct 2023 17:00:47 +0200
Subject: [PATCH 21/49] Fixed repositoryItemSidebar wrapper covering up content
 when closed [SCI-9354]

---
 .../vue/repository_item_sidebar/RepositoryItemSidebar.vue       | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue b/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue
index 03ae80b83..c2436b2fc 100644
--- a/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue
+++ b/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue
@@ -1,7 +1,7 @@
 <template>
   <div ref="wrapper"
     class='bg-white overflow-auto gap-2.5 self-stretch  rounded-tl-4 rounded-bl-4 transition-transform ease-in-out transform shadow-lg'
-    :class="{ 'translate-x-0 w-[565px] h-full': isShowing, 'transition-transform ease-in-out duration-400 transform translate-x-0 translate-x-full': !isShowing }">
+    :class="{ 'translate-x-0 w-[565px] h-full': isShowing, 'transition-transform ease-in-out duration-400 transform translate-x-0 translate-x-full w-0': !isShowing }">
 
     <div id="repository-item-sidebar" class="w-full h-full  py-6 px-6 bg-white flex flex-col">
 

From 7b9e4088de223337683fb941d365dc542873f062 Mon Sep 17 00:00:00 2001
From: wandji20 <wbertrand10@gmail.com>
Date: Mon, 2 Oct 2023 23:33:46 +0100
Subject: [PATCH 22/49] Update OVE package and fix bug opening github issue
 link [SCI-9359]

---
 app/javascript/vue/ove/OpenVectorEditor.vue  | 16 +++--
 app/views/gene_sequence_assets/edit.html.erb |  1 +
 package.json                                 |  2 +-
 yarn.lock                                    | 76 +++++++++-----------
 4 files changed, 49 insertions(+), 46 deletions(-)

diff --git a/app/javascript/vue/ove/OpenVectorEditor.vue b/app/javascript/vue/ove/OpenVectorEditor.vue
index 066b6f58f..80619fc9a 100644
--- a/app/javascript/vue/ove/OpenVectorEditor.vue
+++ b/app/javascript/vue/ove/OpenVectorEditor.vue
@@ -102,6 +102,7 @@
           }
         );
       }
+      this.$nextTick(this.attachEditorHelpCallback);
     },
     methods: {
       loadFile() {
@@ -115,7 +116,7 @@
         this.closeAfterSave = true;
         document.querySelector('[data-test=saveTool]').click()
       },
-      saveFile(opts, sequenceDataToSave, editorState, onSuccessCallback) {
+      saveFile(opts, sequenceDataToSave) {
         if (this.readOnly) return;
         blobToBase64(opts.pngFile).then((base64image) => {
           (this.fileUrl ? axios.patch : axios.post)(
@@ -147,8 +148,15 @@
           return menuOverride;
        });
       },
-
-      readOnlyHandler(val) { this.readOnly = val; return true }
+      readOnlyHandler(val) { this.readOnly = val; return true },
+      // override click event for github issue link in editor help -> about modal
+      attachEditorHelpCallback() {
+        $(window.document).on('click', '.bp3-dialog-container .bp3-dialog .bp3-alert-contents a', function(event) {
+          event.preventDefault();
+          $('.bp3-dialog .bp3-dialog-footer button[type*=submit]').trigger('click');
+          window.open($(event.target).attr('href'), '_blank');
+        })
+      }
     }
-  }
+}
  </script>
diff --git a/app/views/gene_sequence_assets/edit.html.erb b/app/views/gene_sequence_assets/edit.html.erb
index 73ed65ae6..ffde28aeb 100644
--- a/app/views/gene_sequence_assets/edit.html.erb
+++ b/app/views/gene_sequence_assets/edit.html.erb
@@ -2,6 +2,7 @@
   <head>
     <%= csp_meta_tag %>
     <%= javascript_include_tag 'i18n_bundle' %>
+    <%= javascript_include_tag 'jquery_bundle' %>
     <%= stylesheet_link_tag 'sn_icon_font' %>
     <%= stylesheet_link_tag 'application' %>
     <%= stylesheet_link_tag 'tailwind' %>
diff --git a/package.json b/package.json
index f89043cc3..6817e5f6a 100644
--- a/package.json
+++ b/package.json
@@ -30,7 +30,7 @@
     "@babel/preset-env": "^7.20.2",
     "@fortawesome/fontawesome-free": "^5.2.0",
     "@joeattardi/emoji-button": "^4.6.2",
-    "@teselagen/ove": "^0.3.15",
+    "@teselagen/ove": "^0.3.23",
     "ajv": "6.12.6",
     "autoprefixer": "10.4.14",
     "axios": "^1.4.0",
diff --git a/yarn.lock b/yarn.lock
index 7b400826b..7a97c3bc4 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1236,10 +1236,10 @@
     string_decoder "^1.3.0"
     validate.io-nonnegative-integer-array "^1.0.1"
 
-"@teselagen/bounce-loader@0.3.7":
-  version "0.3.7"
-  resolved "https://registry.yarnpkg.com/@teselagen/bounce-loader/-/bounce-loader-0.3.7.tgz#cc2ffcb7723f63554a7edfca859ec703e2bb7685"
-  integrity sha512-wXjJKouM+/Ig28Ss/mGzLlrFkIZTNR5sFniszraqduxNWjqwT7JR22vOnIkNUyRaPNBzDRN/AkeZx+RzX6MlWQ==
+"@teselagen/bounce-loader@0.3.11":
+  version "0.3.11"
+  resolved "https://registry.yarnpkg.com/@teselagen/bounce-loader/-/bounce-loader-0.3.11.tgz#970154924e6450b3fb3165f973d8d063430ffb32"
+  integrity sha512-YOGBJ4WOtXDF2xVa8zio9KB0Lq67qOMX+Ni3EDAwgiCb1r/xEL1n6PYgSDdA4RIOwz0+QxneugTXHMdV94sP6A==
   dependencies:
     react "18.2.0"
 
@@ -1253,10 +1253,10 @@
     lodash "^4.17.21"
     papaparse "^5.4.1"
 
-"@teselagen/ove@^0.3.15":
-  version "0.3.15"
-  resolved "https://registry.yarnpkg.com/@teselagen/ove/-/ove-0.3.15.tgz#693be04dcd3a25703d5836f65a781a341618294e"
-  integrity sha512-wi1cDM40FktWXVZO0ZPQNSAB/SMK/nv8ZHVKHZ3/r4ZlO86qS1bw7aVfMHCsiDqnxJjbbeGtpIRk+wtlMvPdXw==
+"@teselagen/ove@^0.3.23":
+  version "0.3.25"
+  resolved "https://registry.yarnpkg.com/@teselagen/ove/-/ove-0.3.25.tgz#005fff64b8f502f4854b6ccd68582a7e4eacd42c"
+  integrity sha512-qnLlVHoYSFR6VpuLhGrJICNkl+rnep/Olg7HXXxCMmFzJyuz7Q7ZvcbcorDPZaxWv4wAChqzQnB1vZ9RO5TtIg==
   dependencies:
     "@blueprintjs/core" "3.52.0"
     "@blueprintjs/datetime" "3.23.19"
@@ -1266,13 +1266,13 @@
     "@hello-pangea/dnd" "16.2.0"
     "@risingstack/react-easy-state" "^6.3.0"
     "@teselagen/bio-parsers" "0.3.8"
-    "@teselagen/bounce-loader" "0.3.7"
+    "@teselagen/bounce-loader" "0.3.11"
     "@teselagen/file-utils" "0.3.9"
     "@teselagen/range-utils" "0.3.7"
     "@teselagen/react-list" "0.8.18"
     "@teselagen/react-table" "^6.10.11"
     "@teselagen/sequence-utils" "0.3.7"
-    "@teselagen/ui" "0.3.13"
+    "@teselagen/ui" "0.3.25"
     "@use-gesture/react" "^10.2.23"
     axios "^0.21.1"
     bluebird "3.7.2"
@@ -1300,8 +1300,8 @@
     jsondiffpatch "0.4.1"
     jszip "^3.10.1"
     math-expression-evaluator "^1.3.7"
-    mobx "^6.9.0"
-    mobx-react "^7.6.0"
+    mobx "^6.10.2"
+    mobx-react "^9.0.1"
     mock-fs "5.2.0"
     nanoid "^4.0.0"
     node-interval-tree "^1.3.3"
@@ -1314,7 +1314,7 @@
     react "18.2.0"
     react-color "^2.19.3"
     react-dom "18.2.0"
-    react-draggable "4.4.4"
+    react-draggable "4.4.5"
     react-dropzone "^11.4.2"
     react-markdown "8.0.7"
     react-measure "^2.5.2"
@@ -1373,16 +1373,16 @@
     jsondiffpatch "0.4.1"
     string-splice "^1.3.0"
 
-"@teselagen/ui@0.3.13":
-  version "0.3.13"
-  resolved "https://registry.yarnpkg.com/@teselagen/ui/-/ui-0.3.13.tgz#655f6251f8ab1005c9c1d3d06a15b1b254bdf2d6"
-  integrity sha512-AYPGeOAZeCuVeBVKrDVlMY4i285T/JrIWgPP9K+OHNMGmLByNBlPYN/I63DjxDgUft0WEFirBBW9qjZjIs4/Nw==
+"@teselagen/ui@0.3.25":
+  version "0.3.25"
+  resolved "https://registry.yarnpkg.com/@teselagen/ui/-/ui-0.3.25.tgz#ae39274e28c99864967ff57a7ae1a9ae963d4ddb"
+  integrity sha512-vUuG1tcrVxvJDfeOHBSrR80t7akcIbCYU/pE63GXsv8VHnasONDCazMoxiwWsS4ohnWYxYCx1Mjg2Cnzyi2dDw==
   dependencies:
     "@blueprintjs/core" "3.52.0"
     "@blueprintjs/datetime" "3.23.19"
     "@blueprintjs/icons" "3.33.0"
     "@blueprintjs/select" "3.18.11"
-    "@teselagen/bounce-loader" "0.3.7"
+    "@teselagen/bounce-loader" "0.3.11"
     "@teselagen/file-utils" "0.3.9"
     "@teselagen/react-table" "^6.10.11"
     axios "^0.21.1"
@@ -1399,8 +1399,8 @@
     is-mobile "^3.0.0"
     jszip "^3.10.1"
     math-expression-evaluator "^1.3.7"
-    mobx "^6.9.0"
-    mobx-react "^7.6.0"
+    mobx "^6.10.2"
+    mobx-react "^9.0.1"
     mock-fs "5.2.0"
     nanoid "^4.0.0"
     papaparse "^5.3.2"
@@ -5030,19 +5030,21 @@ mkdirp@^1.0.3, mkdirp@^1.0.4:
   resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-1.0.4.tgz#3eb5ed62622756d79a5f0e2a221dfebad75c2f7e"
   integrity sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==
 
-mobx-react-lite@^3.4.0:
-  version "3.4.3"
-  resolved "https://registry.yarnpkg.com/mobx-react-lite/-/mobx-react-lite-3.4.3.tgz#3a4c22c30bfaa8b1b2aa48d12b2ba811c0947ab7"
-  integrity sha512-NkJREyFTSUXR772Qaai51BnE1voWx56LOL80xG7qkZr6vo8vEaLF3sz1JNUVh+rxmUzxYaqOhfuxTfqUh0FXUg==
-
-mobx-react@^7.6.0:
-  version "7.6.0"
-  resolved "https://registry.yarnpkg.com/mobx-react/-/mobx-react-7.6.0.tgz#ebf0456728a9bd2e5c24fdcf9b36e285a222a7d6"
-  integrity sha512-+HQUNuh7AoQ9ZnU6c4rvbiVVl+wEkb9WqYsVDzGLng+Dqj1XntHu79PvEWKtSMoMj67vFp/ZPXcElosuJO8ckA==
+mobx-react-lite@^4.0.4:
+  version "4.0.5"
+  resolved "https://registry.yarnpkg.com/mobx-react-lite/-/mobx-react-lite-4.0.5.tgz#e2cb98f813e118917bcc463638f5bf6ea053a67b"
+  integrity sha512-StfB2wxE8imKj1f6T8WWPf4lVMx3cYH9Iy60bbKXEs21+HQ4tvvfIBZfSmMXgQAefi8xYEwQIz4GN9s0d2h7dg==
   dependencies:
-    mobx-react-lite "^3.4.0"
+    use-sync-external-store "^1.2.0"
 
-mobx@^6.9.0:
+mobx-react@^9.0.1:
+  version "9.0.1"
+  resolved "https://registry.yarnpkg.com/mobx-react/-/mobx-react-9.0.1.tgz#f03fd8a2f009af260971a558acc29c0e04808e26"
+  integrity sha512-0idiElBgNMJg20YqGgHvYEnlqIJpPDQaOkxj2dHJIZeqCvUh+zBkBkMkpUFw/uEd1OdPUvT0y+AFBqsWIUAXww==
+  dependencies:
+    mobx-react-lite "^4.0.4"
+
+mobx@^6.10.2:
   version "6.10.2"
   resolved "https://registry.yarnpkg.com/mobx/-/mobx-6.10.2.tgz#96e123deef140750360ca9a5b02a8b91fbffd4d9"
   integrity sha512-B1UGC3ieK3boCjnMEcZSwxqRDMdzX65H/8zOHbuTY8ZhvrIjTUoLRR2TP2bPqIgYRfb3+dUigu8yMZufNjn0LQ==
@@ -5803,7 +5805,7 @@ promise-retry@^2.0.1:
     err-code "^2.0.2"
     retry "^0.12.0"
 
-prop-types@15, prop-types@^15.0.0, prop-types@^15.5.10, prop-types@^15.5.7, prop-types@^15.6.0, prop-types@^15.6.1, prop-types@^15.6.2, prop-types@^15.8.1:
+prop-types@15, prop-types@^15.0.0, prop-types@^15.5.10, prop-types@^15.5.7, prop-types@^15.6.1, prop-types@^15.6.2, prop-types@^15.8.1:
   version "15.8.1"
   resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.8.1.tgz#67d87bf1a694f48435cf332c24af10214a3140b5"
   integrity sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==
@@ -5944,14 +5946,6 @@ react-dom@18.2.0:
     loose-envify "^1.1.0"
     scheduler "^0.23.0"
 
-react-draggable@4.4.4:
-  version "4.4.4"
-  resolved "https://registry.yarnpkg.com/react-draggable/-/react-draggable-4.4.4.tgz#5b26d9996be63d32d285a426f41055de87e59b2f"
-  integrity sha512-6e0WdcNLwpBx/YIDpoyd2Xb04PB0elrDrulKUgdrIlwuYvxh5Ok9M+F8cljm8kPXXs43PmMzek9RrB1b7mLMqA==
-  dependencies:
-    clsx "^1.1.1"
-    prop-types "^15.6.0"
-
 react-draggable@4.4.5:
   version "4.4.5"
   resolved "https://registry.yarnpkg.com/react-draggable/-/react-draggable-4.4.5.tgz#9e37fe7ce1a4cf843030f521a0a4cc41886d7e7c"
@@ -7204,7 +7198,7 @@ use-memo-one@^1.1.3:
   resolved "https://registry.yarnpkg.com/use-memo-one/-/use-memo-one-1.1.3.tgz#2fd2e43a2169eabc7496960ace8c79efef975e99"
   integrity sha512-g66/K7ZQGYrI6dy8GLpVcMsBp4s17xNkYJVSMvTEevGy3nDxHOfE6z8BVE22+5G5x7t3+bhzrlTDB7ObrEE0cQ==
 
-use-sync-external-store@^1.0.0:
+use-sync-external-store@^1.0.0, use-sync-external-store@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/use-sync-external-store/-/use-sync-external-store-1.2.0.tgz#7dbefd6ef3fe4e767a0cf5d7287aacfb5846928a"
   integrity sha512-eEgnFxGQ1Ife9bzYs6VLi8/4X6CObHMw9Qr9tPY43iKwsPw8xE8+EFsf/2cFZ5S3esXgpWgtSCtLNS41F+sKPA==

From d9404df3616dc1fb38ffe182b89b2b962d7987b0 Mon Sep 17 00:00:00 2001
From: Oleksii Kriuchykhin <oleksii@scinote.net>
Date: Tue, 3 Oct 2023 09:31:13 +0200
Subject: [PATCH 23/49] Use custom sanitizer config for PDF reports generation
 [SCI-9368]

---
 app/helpers/application_helper.rb             |  2 +-
 app/helpers/input_sanitize_helper.rb          | 12 +++++--
 app/jobs/reports/pdf_job.rb                   | 35 +++++++++++++------
 app/models/concerns/tiny_mce_images.rb        | 26 +++++++-------
 .../elements/_my_module_element.html.erb      |  2 +-
 .../_my_module_protocol_element.html.erb      |  2 +-
 .../_my_module_result_text_element.html.erb   |  2 +-
 .../elements/_step_text_element.html.erb      | 10 +++---
 config/application.rb                         |  2 ++
 9 files changed, 58 insertions(+), 35 deletions(-)

diff --git a/app/helpers/application_helper.rb b/app/helpers/application_helper.rb
index 1f5d3ae55..95b0d76fe 100644
--- a/app/helpers/application_helper.rb
+++ b/app/helpers/application_helper.rb
@@ -144,7 +144,7 @@ module ApplicationHelper
 
       popover_for_user_name(user, team, false, false, base64_encoded_imgs)
     end
-    new_text
+    sanitize_input(new_text)
   end
 
   # Generate smart annotation link for one user object
diff --git a/app/helpers/input_sanitize_helper.rb b/app/helpers/input_sanitize_helper.rb
index 2dfc2ae00..e8a98be6a 100644
--- a/app/helpers/input_sanitize_helper.rb
+++ b/app/helpers/input_sanitize_helper.rb
@@ -4,8 +4,16 @@ require 'sanitize'
 require 'cgi'
 
 module InputSanitizeHelper
-  def sanitize_input(html, _tags = [], _attributes = [], sanitizer_config: Constants::INPUT_SANITIZE_CONFIG)
-    Sanitize.fragment(html, sanitizer_config).html_safe
+  def sanitize_input(html, _tags = [], _attributes = [], sanitizer_config: nil)
+    config =
+      if Rails.application.config.x.custom_sanitizer_config.present?
+        Rails.application.config.x.custom_sanitizer_config
+      elsif sanitizer_config.present?
+        sanitizer_config
+      else
+        Constants::INPUT_SANITIZE_CONFIG
+      end
+    Sanitize.fragment(html, config).html_safe
   end
 
   def escape_input(text)
diff --git a/app/jobs/reports/pdf_job.rb b/app/jobs/reports/pdf_job.rb
index 2bce30b56..e17dbe74c 100644
--- a/app/jobs/reports/pdf_job.rb
+++ b/app/jobs/reports/pdf_job.rb
@@ -34,19 +34,22 @@ module Reports
         proxy.set_user(user, scope: :user, store: false)
         ApplicationController.renderer.defaults[:http_host] = Rails.application.routes.default_url_options[:host]
         renderer = ApplicationController.renderer.new(warden: proxy)
+        Rails.application.config.x.custom_sanitizer_config = build_custom_sanitizer_config
 
         file << renderer.render(
-          pdf: 'report', header: { html: { template: "reports/templates/#{template}/header",
-                                           locals: { report: report, user: user, logo: report_logo },
-                                           layout: 'reports/footer_header' } },
-                         footer: { html: { template: "reports/templates/#{template}/footer",
-                                           locals: { report: report, user: user, logo: report_logo },
-                                           layout: 'reports/footer_header' } },
-                         assigns: { settings: report.settings },
-                         locals: { report: report },
-                         disable_javascript: false,
-                         template: 'reports/report',
-                         formats: :pdf
+          pdf: 'report',
+          header: { html: { template: "reports/templates/#{template}/header",
+                            locals: { report: report, user: user, logo: report_logo },
+                            layout: 'reports/footer_header' } },
+          footer: { html: { template: "reports/templates/#{template}/footer",
+                            locals: { report: report, user: user, logo: report_logo },
+                            layout: 'reports/footer_header' } },
+          assigns: { settings: report.settings },
+          locals: { report: report },
+          disable_javascript: false,
+          disable_external_links: true,
+          template: 'reports/report',
+          formats: :pdf
         )
 
         file.rewind
@@ -69,6 +72,7 @@ module Reports
         )
         notification.create_user_notification(user)
       ensure
+        Rails.application.config.x.custom_sanitizer_config = nil
         I18n.backend.date_format = nil
         file.close(true)
       end
@@ -178,6 +182,15 @@ module Reports
       'scinote_logo.svg'
     end
 
+    def build_custom_sanitizer_config
+      sanitizer_config = Constants::INPUT_SANITIZE_CONFIG.deep_dup
+      sanitizer_config[:protocols] = {
+        'a' => { 'href' => ['http', 'https', :relative] },
+        'img' => { 'src' => %w(data) }
+      }
+      sanitizer_config
+    end
+
     # Overrides method from FailedDeliveryNotifiableJob concern
     def failed_notification_title
       I18n.t('projects.reports.index.generation.error_pdf_notification_title')
diff --git a/app/models/concerns/tiny_mce_images.rb b/app/models/concerns/tiny_mce_images.rb
index dd59f6a2d..5cf536180 100644
--- a/app/models/concerns/tiny_mce_images.rb
+++ b/app/models/concerns/tiny_mce_images.rb
@@ -13,7 +13,7 @@ module TinyMceImages
     before_save :clean_tiny_mce_image_urls
     after_create :ensure_extracted_image_object_references
 
-    def prepare_for_report(field, base64_encoded_imgs = false)
+    def prepare_for_report(field)
       description = self[field]
 
       # Check tinymce for old format
@@ -21,13 +21,9 @@ module TinyMceImages
 
       tiny_mce_assets.each do |tm_asset|
         next unless tm_asset&.image&.attached?
+
         begin
-          new_tm_asset_src =
-            if base64_encoded_imgs
-              tm_asset.convert_variant_to_base64(tm_asset.preview)
-            else
-              tm_asset.preview.processed.url(expires_in: Constants::URL_LONG_EXPIRE_TIME)
-            end
+          new_tm_asset_src = tm_asset.convert_variant_to_base64(tm_asset.preview)
         rescue ActiveStorage::FileNotFoundError
           next
         end
@@ -114,13 +110,17 @@ module TinyMceImages
           next if asset.object == self
           next unless asset.can_read?(user)
         else
-          url = image['src']
-          image_type = FastImage.type(url).to_s
-          next unless image_type
-
+          image_type = nil
           begin
-            new_image = Down.download(url, max_size: Rails.configuration.x.file_max_size_mb.megabytes)
-          rescue Down::TooLarge => e
+            uri = URI.parse(image['src'])
+            if uri.scheme != 'https'
+              uri.scheme = Rails.application.config.force_ssl ? 'https' : 'http'
+            end
+            image_type = FastImage.type(uri.to_s).to_s
+            next unless image_type
+
+            new_image = Down.download(uri.to_s, max_size: Rails.configuration.x.file_max_size_mb.megabytes)
+          rescue StandardError => e
             Rails.logger.error e.message
             next
           end
diff --git a/app/views/reports/elements/_my_module_element.html.erb b/app/views/reports/elements/_my_module_element.html.erb
index 7056f4356..254f5c7be 100644
--- a/app/views/reports/elements/_my_module_element.html.erb
+++ b/app/views/reports/elements/_my_module_element.html.erb
@@ -51,7 +51,7 @@
     <div class="row">
       <div class="col-xs-12">
         <% if my_module.description.present? %>
-          <%= custom_auto_link(my_module.prepare_for_report(:description, export_all),
+          <%= custom_auto_link(my_module.prepare_for_report(:description),
                                team: current_team,
                                simple_format: false,
                                base64_encoded_imgs: export_all) %>
diff --git a/app/views/reports/elements/_my_module_protocol_element.html.erb b/app/views/reports/elements/_my_module_protocol_element.html.erb
index 3bdfc8497..c47af4827 100644
--- a/app/views/reports/elements/_my_module_protocol_element.html.erb
+++ b/app/views/reports/elements/_my_module_protocol_element.html.erb
@@ -14,7 +14,7 @@
     </div>
     <div class="row module-protocol-description">
       <% if @settings.dig('task', 'protocol', 'description') && protocol.description.present? %>
-        <%= custom_auto_link(protocol.prepare_for_report(:description, export_all),
+        <%= custom_auto_link(protocol.prepare_for_report(:description),
                              team: current_team,
                              simple_format: false,
                              base64_encoded_imgs: export_all) %>
diff --git a/app/views/reports/elements/_my_module_result_text_element.html.erb b/app/views/reports/elements/_my_module_result_text_element.html.erb
index d5ae4dfcf..afda27b8d 100644
--- a/app/views/reports/elements/_my_module_result_text_element.html.erb
+++ b/app/views/reports/elements/_my_module_result_text_element.html.erb
@@ -19,7 +19,7 @@
     <div class="row">
       <div class="col-xs-12">
         <div class="text-container ql-editor">
-          <%= custom_auto_link(result_text.prepare_for_report(:text, export_all),
+          <%= custom_auto_link(result_text.prepare_for_report(:text),
                                 team: current_team,
                                 simple_format: false,
                                 tags: %w(img),
diff --git a/app/views/reports/elements/_step_text_element.html.erb b/app/views/reports/elements/_step_text_element.html.erb
index ab212ba09..c213e02d9 100644
--- a/app/views/reports/elements/_step_text_element.html.erb
+++ b/app/views/reports/elements/_step_text_element.html.erb
@@ -1,11 +1,11 @@
 <div class="report-element report-step-attachment-element report-step-text-element">
   <div class="report-element-body">
     <% if step_text.text.present? %>
-          <%= custom_auto_link(step_text.prepare_for_report(:text, export_all),
-                               team: current_team,
-                               simple_format: false,
-                               tags: %w(img),
-                               base64_encoded_imgs: export_all) %>
+      <%= custom_auto_link(step_text.prepare_for_report(:text),
+                           team: current_team,
+                           simple_format: false,
+                           tags: %w(img),
+                           base64_encoded_imgs: export_all) %>
     <% else %>
       <em><%= t('projects.reports.elements.step.no_description') %></em>
     <% end %>
diff --git a/config/application.rb b/config/application.rb
index a49bfa0df..8c24b28c3 100644
--- a/config/application.rb
+++ b/config/application.rb
@@ -60,6 +60,8 @@ module Scinote
 
     config.x.connected_devices_enabled = ENV['CONNECTED_DEVICES_ENABLED'] == 'true'
 
+    config.x.custom_sanitizer_config = nil
+
     # Logging
     config.log_formatter = proc do |severity, datetime, progname, msg|
       "[#{datetime}] #{severity}: #{msg}\n"

From 2372edcf25fca684933d0f9b92a52cbe5f0af03c Mon Sep 17 00:00:00 2001
From: wandji20 <wbertrand10@gmail.com>
Date: Wed, 27 Sep 2023 08:55:53 +0100
Subject: [PATCH 24/49] Add export button to item card [SCI-9157]

---
 .../RepositoryItemSidebar.vue                 |  6 ++--
 .../RepositoryStockValue.vue                  | 35 ++++++++++++++++---
 app/views/repository_rows/show.json.jbuilder  |  3 ++
 config/locales/en.yml                         |  5 +--
 4 files changed, 40 insertions(+), 9 deletions(-)

diff --git a/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue b/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue
index c2436b2fc..002faf1b5 100644
--- a/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue
+++ b/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue
@@ -95,7 +95,7 @@
               <div v-if="customColumns?.length > 0" class="flex flex-col gap-4 w-[350px] h-auto">
                 <div v-for="(column, index) in customColumns" class="flex flex-col gap-4 w-[350px] h-auto">
                   <component :is="column.data_type" :key="index" :data_type="column.data_type" :colId="column.id"
-                    :colName="column.name" :colVal="column.value" />
+                    :colName="column.name" :colVal="column.value" :repositoryRowId="repositoryRowId" :permissions="permissions" />
                   <div id="dashed-divider" :class="{ 'hidden': index === customColumns.length - 1 }"
                     class="flex h-[1px] py-0 border-dashed border-[1px] border-sn-light-grey">
                   </div>
@@ -222,7 +222,8 @@ export default {
       assignedModules: null,
       isShowing: false,
       assigned: 'Assigned to 3 private tasks that will not be displayed',
-      barCodeSrc: null
+      barCodeSrc: null,
+      permissions: null
     }
   },
   created() {
@@ -279,6 +280,7 @@ export default {
           this.customColumns = result.custom_columns;
           this.dataLoading = false
           this.assignedModules = result.assigned_modules;
+          this.permissions = result.permissions
         }
       });
     },
diff --git a/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryStockValue.vue b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryStockValue.vue
index 1e050b9ec..8b97ac154 100644
--- a/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryStockValue.vue
+++ b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryStockValue.vue
@@ -1,10 +1,18 @@
 <template>
   <div id="repository-stock-value-wrapper" class="flex flex-col min-min-h-[46px] h-auto gap-[6px]">
-    <div class="font-inter text-sm font-semibold leading-5">
-      {{ colName }}
+    <div class="font-inter text-sm font-semibold leading-5 relative">
+      <span>{{ colName }}</span>
+      <a style="text-decoration: none;"
+        class="absolute right-0 text-sn-science-blue visited:text-sn-science-blue hover:text-sn-science-blue font-inter text-sm font-normal cursor-pointer" 
+        v-if="permissions?.can_export_repository_stock === true"
+        @click.prevent="exportConsumptionCallback"
+        :data-rows="JSON.stringify([repositoryRowId])"
+      >
+        {{ i18n.t('repositories.item_card.export') }}
+      </a>
     </div>
-    <div v-if="stock_formatted" class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
-      {{ stock_formatted }}
+    <div v-if="colVal.stock_formatted" class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
+      {{ colVal.stock_formatted }}
     </div>
     <div v-else class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
       {{ i18n.t('repositories.item_card.repository_stock_value.no_stock') }}
@@ -26,12 +34,29 @@ export default {
     data_type: String,
     colId: Number,
     colName: String,
-    colVal: Object
+    colVal: Object,
+    repositoryRowId: null,
+    permissions: null
   },
   created() {
     this.stock_formatted = this.colVal.stock_formatted
     this.stock_amount = this.colVal.stock_amount
     this.low_stock_threshold = this.colVal.low_stock_threshold
+  },
+  methods: {
+    exportConsumptionCallback(event) {
+      $('#exportStockConsumptionModal')
+      .one('show.bs.modal', function() {
+          $('#exportStockConsumptionModal').attr(
+            'data-rows',
+            $(event.target).attr('data-rows')
+          );
+        })
+        .one('hide.bs.modal', function() {
+          $('#exportStockConsumptionModal').attr('data-rows', null);
+        })
+        .modal('show');
+    }
   }
 }
 </script>
diff --git a/app/views/repository_rows/show.json.jbuilder b/app/views/repository_rows/show.json.jbuilder
index d222ba73d..8278793f3 100644
--- a/app/views/repository_rows/show.json.jbuilder
+++ b/app/views/repository_rows/show.json.jbuilder
@@ -2,6 +2,9 @@
 
 json.id @repository_row.id
 json.repository_name @repository.name
+json.permissions do
+  json.can_export_repository_stock can_export_repository_stock?(@repository_row.repository)
+end
 json.default_columns do
   json.name @repository_row.name
   json.code @repository_row.code
diff --git a/config/locales/en.yml b/config/locales/en.yml
index f8bd8a206..2706fa626 100644
--- a/config/locales/en.yml
+++ b/config/locales/en.yml
@@ -2227,8 +2227,9 @@ en:
         id: "Item ID"
         added_on: "Added on"
         added_at: "Added at"
-        added_by: 'Added by'
-      custom_columns_label: 'Custom columns'
+        added_by: "Added by"
+      custom_columns_label: "Custom columns"
+      export: "Export"
       no_custom_columns_label: 'This item has no custom columns'
       repository_time_range_value:
         no_time_range: 'No time range'

From 285276a59ae34828af315095371c7ce767df191e Mon Sep 17 00:00:00 2001
From: wandji20 <wbertrand10@gmail.com>
Date: Wed, 27 Sep 2023 10:44:07 +0100
Subject: [PATCH 25/49] Rename item card export label [SCI-9157]

---
 .../repository_values/RepositoryStockValue.vue                  | 2 +-
 config/locales/en.yml                                           | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryStockValue.vue b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryStockValue.vue
index 8b97ac154..145ea51f1 100644
--- a/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryStockValue.vue
+++ b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryStockValue.vue
@@ -8,7 +8,7 @@
         @click.prevent="exportConsumptionCallback"
         :data-rows="JSON.stringify([repositoryRowId])"
       >
-        {{ i18n.t('repositories.item_card.export') }}
+        {{ i18n.t('repositories.item_card.stock_export') }}
       </a>
     </div>
     <div v-if="colVal.stock_formatted" class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
diff --git a/config/locales/en.yml b/config/locales/en.yml
index 2706fa626..535429ec4 100644
--- a/config/locales/en.yml
+++ b/config/locales/en.yml
@@ -2229,7 +2229,7 @@ en:
         added_at: "Added at"
         added_by: "Added by"
       custom_columns_label: "Custom columns"
-      export: "Export"
+      stock_export: "Export"
       no_custom_columns_label: 'This item has no custom columns'
       repository_time_range_value:
         no_time_range: 'No time range'

From 87714b4dd90be88a1b7e449911cf51e19586a9f4 Mon Sep 17 00:00:00 2001
From: Gregor Lasnibat <gregor@scinote.net>
Date: Tue, 3 Oct 2023 11:11:07 +0200
Subject: [PATCH 26/49] Fixed breaking QR code generation [SCI-9354]

---
 .../RepositoryItemSidebar.vue                 | 30 +++++++++----------
 1 file changed, 14 insertions(+), 16 deletions(-)

diff --git a/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue b/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue
index 002faf1b5..48e36dd68 100644
--- a/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue
+++ b/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue
@@ -147,10 +147,9 @@
             <div id="QR-wrapper" class="block">
               <div ref="QR-label" id="QR-label"
                 class="font-inter text-base font-semibold leading-7 mb-4 transition-colors duration-300">QR</div>
-              <canvas id="bar-code-canvas" class="hidden" data-id="IT2"></canvas>
+              <canvas id="bar-code-canvas" class="hidden"></canvas>
               <img :src="barCodeSrc" />
             </div>
-
           </div>
         </div>
 
@@ -229,20 +228,6 @@ export default {
   created() {
     window.repositoryItemSidebarComponent = this;
   },
-  watch: {
-    defaultColumns(newCol, oldCol) {
-      const canvasEl = document.getElementById('bar-code-canvas')
-      if (newCol.code && bwipjs && canvasEl) {
-        // generate the QR code
-        let barCodeCanvas = bwipjs.toCanvas('bar-code-canvas', {
-          bcid: 'qrcode',
-          text: newCol.code,
-          scale: 3
-        });
-        this.barCodeSrc = barCodeCanvas.toDataURL('image/png')
-      }
-    },
-  },
   beforeDestroy() {
     delete window.repositoryItemSidebarComponent;
   },
@@ -281,9 +266,22 @@ export default {
           this.dataLoading = false
           this.assignedModules = result.assigned_modules;
           this.permissions = result.permissions
+          this.$nextTick(() => {
+            this.generateBarCode(this.defaultColumns.code);
+          });
         }
       });
     },
+    generateBarCode(text) {
+      if (!text) return
+      // generate the QR code
+      const barCodeCanvas = bwipjs.toCanvas('bar-code-canvas', {
+        bcid: 'qrcode',
+        text,
+        scale: 3
+      });
+      this.barCodeSrc = barCodeCanvas.toDataURL('image/png')
+    },
     privateModuleSize() {
       return this.assignedModules.total_assigned_size - this.assignedModules.viewable_modules.length;
     }

From 8b589185b5945a66affb3d9c34d62f4fd0eb5dc5 Mon Sep 17 00:00:00 2001
From: wandji20 <wbertrand10@gmail.com>
Date: Tue, 3 Oct 2023 14:57:41 +0100
Subject: [PATCH 27/49] Add copyright, lisence, and include original
 modifications [SCI-9314]

---
 vendor/assets/javascripts/formula.js |  3 ++
 vendor/assets/javascripts/parser.js  |  4 +-
 vendor/assets/javascripts/ruleJS.js  | 75 +++++++++++++++++++++++++---
 3 files changed, 75 insertions(+), 7 deletions(-)

diff --git a/vendor/assets/javascripts/formula.js b/vendor/assets/javascripts/formula.js
index 2133aec4b..ae0b1de73 100644
--- a/vendor/assets/javascripts/formula.js
+++ b/vendor/assets/javascripts/formula.js
@@ -1,3 +1,6 @@
+// Copyright (c) 2014 Sutoiku, Inc.
+// The MIT License (MIT)
+
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
 		module.exports = factory();
diff --git a/vendor/assets/javascripts/parser.js b/vendor/assets/javascripts/parser.js
index f3437aa2b..d9e863faa 100644
--- a/vendor/assets/javascripts/parser.js
+++ b/vendor/assets/javascripts/parser.js
@@ -1,4 +1,6 @@
 /* parser generated by jison 0.4.15 */
+// The MIT License (MIT)
+// Copyright (c) 2012-2014 Marcin Warpechowski <hello@handsontable.com>
 /*
   Returns a Parser object of the following structure:
 
@@ -958,4 +960,4 @@ var Parser = (function(){
   }
   Parser.prototype = parser;parser.Parser = Parser;
   return new Parser;
-  })();
\ No newline at end of file
+  })();
diff --git a/vendor/assets/javascripts/ruleJS.js b/vendor/assets/javascripts/ruleJS.js
index 368c312c8..6d37f58b1 100644
--- a/vendor/assets/javascripts/ruleJS.js
+++ b/vendor/assets/javascripts/ruleJS.js
@@ -1,3 +1,6 @@
+// * Licensed under the MIT license
+// * Copyright (c) 2012-2014 Marcin Warpechowski <hello@handsontable.com>
+
 var ruleJS = (function (root) {
   'use strict';
 
@@ -914,7 +917,7 @@ var ruleJS = (function (root) {
       'ODD', 'OR',
       'PI', 'POWER',
       'ROUND', 'ROUNDDOWN', 'ROUNDUP',
-      'SIN', 'SINH', 'SPLIT', 'SQRT', 'SQRTPI', 'SUM', 'SUMIF', 'SUMIFS', 'SUMPRODUCT', 'SUMSQ', 'SUMX2MY2', 'SUMX2PY2', 'SUMXMY2',
+      'SIN', 'SINH', 'SLOPE', 'SPLIT', 'STDEVP', 'STDEVS', 'SQRT', 'SQRTPI', 'SUM', 'SUMIF', 'SUMIFS', 'SUMPRODUCT', 'SUMSQ', 'SUMX2MY2', 'SUMX2PY2', 'SUMXMY2', 'VARP', 'VARS',
       'TAN', 'TANH', 'TRUE', 'TRUNC',
       'XOR'
     ],
@@ -1040,13 +1043,44 @@ var ruleJS = (function (root) {
 
       switch (type) {
         case '+':
-          result = number1 + number2;
+          //(sci-2587) MODIFICATION TO AVOID JAVASCRIPT IEEE MANTISSA&EXPONENT FLOATS INNACURACY
+          try{
+            var number1_big = new Big(number1);
+            var result_big = number1_big.plus(number2);
+            result = parseFloat(result_big);
+          } catch(e) {
+            result = number1 + number2;
+          }
+          //MODIFICATION END
+
+          //ORIGINAL: result = number1 + number2;
           break;
         case '-':
-          result = number1 - number2;
+          //(sci-2587) MODIFICATION TO AVOID JAVASCRIPT IEEE MANTISSA&EXPONENT FLOATS INNACURACY
+          try{
+            var number1_big = new Big(number1);
+            var result_big = number1_big.minus(number2);
+            result = parseFloat(result_big);
+          } catch(e) {
+            result = number1 - number2;
+          }
+          //MODIFICATION END
+
+          //ORIGINAL: result = number1 - number2;
           break;
         case '/':
-          result = number1 / number2;
+          //(sci-2587) MODIFICATION TO AVOID JAVASCRIPT IEEE MANTISSA&EXPONENT FLOATS INNACURACY
+          try{
+            var number1_big = new Big(number1);
+            var result_big = number1_big.div(number2);
+            result = parseFloat(result_big);
+          } catch(e){
+            result = number1 / number2;
+          }
+          //MODIFICATION END
+
+          //ORIGINAL: result = number1 / number2;
+
           if (result == Infinity) {
             throw Error('DIV_ZERO');
           } else if (isNaN(result)) {
@@ -1054,11 +1088,24 @@ var ruleJS = (function (root) {
           }
           break;
         case '*':
-          result = number1 * number2;
+          //(sci-2587) MODIFICATION TO AVOID JAVASCRIPT IEEE MANTISSA&EXPONENT FLOATS INNACURACY
+          try{
+            var number1_big = new Big(number1);
+            var result_big = number1_big.times(number2);
+            result = parseFloat(result_big);
+          } catch(e) {
+            result = number1 * number2;
+          }
+          //MODIFICATION END
+
+          //ORIGINAL: result = number1 * number2;
           break;
         case '^':
           result = Math.pow(number1, number2);
           break;
+        case 'e':
+          result = number1 * Math.pow(10, number2);
+          break;
       }
 
       return result;
@@ -1232,6 +1279,22 @@ var ruleJS = (function (root) {
         error = null;
 
     try {
+      // Preprocess E-notation, eg. replaces -5.32e-3 with -0.00532
+      // Excel does it too as well, so we're good
+      formula = formula.replace(/(?:([0-9]+(\.[0-9]+)?)+(E|e)((-|\+)?[0-9]+))/g, function(expr) {
+        var spl = expr.split('E')
+        var m = helper.number(spl[0]);
+        var e = helper.number(spl[1]);
+
+        return Big(m).times(Big(10).pow(e)).toFixed();
+      })
+
+      // Preprocess the following aliases for formulas
+      // or parser won't accept them
+      formula = formula.replace('STDEV.P', 'STDEVP');
+      formula = formula.replace('STDEV.S', 'STDEVS');
+      formula = formula.replace('VAR.P', 'VARP');
+      formula = formula.replace('VAR.S', 'VARS');
 
       parser.setObj(element);
       result = parser.parse(formula);
@@ -1304,4 +1367,4 @@ var ruleJS = (function (root) {
     parse: parse
   };
 
-});
\ No newline at end of file
+});

From edabe117a9b722acf030451d1b8801843be4b512 Mon Sep 17 00:00:00 2001
From: Gregor Lasnibat <gregor@scinote.net>
Date: Wed, 4 Oct 2023 10:49:41 +0200
Subject: [PATCH 28/49] Fix scroll to start when navigating inventory pages
 [SCI-9393]

PR fix 01 [SCI-9393]
---
 app/assets/javascripts/repositories/repository_datatable.js | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/app/assets/javascripts/repositories/repository_datatable.js b/app/assets/javascripts/repositories/repository_datatable.js
index a3be1d875..30af986c1 100644
--- a/app/assets/javascripts/repositories/repository_datatable.js
+++ b/app/assets/javascripts/repositories/repository_datatable.js
@@ -833,6 +833,11 @@ var RepositoryDatatable = (function(global) {
         initRepositoryViewSwitcher();
         DataTableHelpers.initLengthAppearance($(TABLE_ID).closest('.dataTables_wrapper'));
 
+        $('.dataTables_wrapper').on('click', '.pagination', () => {
+          const dataTablesScrollBody = document.querySelector('.dataTables_scrollBody');
+          dataTablesScrollBody.scrollTo(0, 0);
+        });
+
         $('.dataTables_filter').addClass('hidden');
         addRepositorySearch();
 

From 6dbc3c5aaa8c0c6bedc61757985448dc1bb5474a Mon Sep 17 00:00:00 2001
From: Gregor Lasnibat <gregor@scinote.net>
Date: Wed, 4 Oct 2023 14:03:42 +0200
Subject: [PATCH 29/49] Fixed edit date/datetime columns range option selection
 [SCI-9418]

Fixed edit date/datetime columns range option selection [SCI-9418]
---
 .../repository_columns/columns_initializers/date_column.js     | 3 ++-
 .../columns_initializers/date_time_column.js                   | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/app/assets/javascripts/repository_columns/columns_initializers/date_column.js b/app/assets/javascripts/repository_columns/columns_initializers/date_column.js
index 0fc2d61ff..656861054 100644
--- a/app/assets/javascripts/repository_columns/columns_initializers/date_column.js
+++ b/app/assets/javascripts/repository_columns/columns_initializers/date_column.js
@@ -17,7 +17,8 @@ var RepositoryDateColumnType = (function() {
     $modal.on('change', `${columnContainer} #date-reminder, ${columnContainer} #date-range`, function() {
       let reminderCheckbox = $(columnContainer).find('#date-reminder');
       let rangeCheckbox = $(columnContainer).find('#date-range');
-      rangeCheckbox.attr('disabled', reminderCheckbox.is(':checked'));
+      const isExistingRecord = $('#new-repo-column-submit').css('display') === 'none';
+      rangeCheckbox.attr('disabled', isExistingRecord || reminderCheckbox.is(':checked'));
       reminderCheckbox.attr('disabled', rangeCheckbox.is(':checked'));
       $(columnContainer).find('.reminder-group').toggleClass('hidden', !reminderCheckbox.is(':checked'));
     });
diff --git a/app/assets/javascripts/repository_columns/columns_initializers/date_time_column.js b/app/assets/javascripts/repository_columns/columns_initializers/date_time_column.js
index c041126b0..69991c52a 100644
--- a/app/assets/javascripts/repository_columns/columns_initializers/date_time_column.js
+++ b/app/assets/javascripts/repository_columns/columns_initializers/date_time_column.js
@@ -17,7 +17,8 @@ var RepositoryDateTimeColumnType = (function() {
     $modal.on('change', `${columnContainer} #datetime-reminder, ${columnContainer} #datetime-range`, function() {
       let reminderCheckbox = $(columnContainer).find('#datetime-reminder');
       let rangeCheckbox = $(columnContainer).find('#datetime-range');
-      rangeCheckbox.attr('disabled', reminderCheckbox.is(':checked'));
+      const isExistingRecord = $('#new-repo-column-submit').css('display') === 'none';
+      rangeCheckbox.attr('disabled', isExistingRecord || reminderCheckbox.is(':checked'));
       reminderCheckbox.attr('disabled', rangeCheckbox.is(':checked'));
       $(columnContainer).find('.reminder-group').toggleClass('hidden', !reminderCheckbox.is(':checked'));
     });

From ab49c52054f74e2c05c2f3888f2ddb1973a27945 Mon Sep 17 00:00:00 2001
From: Andrej <andrej.jugovic7@gmail.com>
Date: Mon, 9 Oct 2023 09:33:38 +0200
Subject: [PATCH 30/49] Fix css for item card [SCI-9475]

---
 .../vue/repository_item_sidebar/RepositoryItemSidebar.vue       | 2 +-
 app/views/shared/_repository_row_sidebar.html.erb               | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue b/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue
index 48e36dd68..cb6e3ec7f 100644
--- a/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue
+++ b/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue
@@ -127,7 +127,7 @@
                   <div class="flex flex-col gap-3">
                     <div v-for="(item, index_assigned) in assigned" :key="`assigned_element_${index_assigned}`">
                       {{ i18n.t(`repositories.item_card.assigned.labels.${item.type}`) }}
-                      <a :href="item.url">
+                      <a :href="item.url" class="text-sn-science-blue">
                         {{ item.archived ? i18n.t('labels.archived') : '' }} {{ item.value }}
                       </a>
                     </div>
diff --git a/app/views/shared/_repository_row_sidebar.html.erb b/app/views/shared/_repository_row_sidebar.html.erb
index fe751a4de..f22b578cf 100644
--- a/app/views/shared/_repository_row_sidebar.html.erb
+++ b/app/views/shared/_repository_row_sidebar.html.erb
@@ -1,7 +1,7 @@
 <div
     id="repositoryItemSidebar"
     data-behaviour="vue"
-    class="fixed top-0 right-0 h-full z-[9999]"
+    class="fixed top-0 right-0 h-full z-[2000]"
     >
     <repository-item-sidebar />
 </div>

From 1b85b251bae34cb92300665b095e0f358976337a Mon Sep 17 00:00:00 2001
From: Gregor Lasnibat <gregor@scinote.net>
Date: Mon, 9 Oct 2023 17:10:41 +0200
Subject: [PATCH 31/49] Fixed no file preview on item card [SCI-9474]

---
 .../RepositoryItemSidebar.vue                 | 10 ++++++++-
 .../RepositoryAssetValue.vue                  | 21 ++++++++++++++-----
 .../repository_values/TooltipPreview.vue      |  3 ++-
 .../repository_asset_value_serializer.rb      |  3 ++-
 4 files changed, 29 insertions(+), 8 deletions(-)

diff --git a/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue b/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue
index 48e36dd68..834a85b50 100644
--- a/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue
+++ b/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue
@@ -95,7 +95,8 @@
               <div v-if="customColumns?.length > 0" class="flex flex-col gap-4 w-[350px] h-auto">
                 <div v-for="(column, index) in customColumns" class="flex flex-col gap-4 w-[350px] h-auto">
                   <component :is="column.data_type" :key="index" :data_type="column.data_type" :colId="column.id"
-                    :colName="column.name" :colVal="column.value" :repositoryRowId="repositoryRowId" :permissions="permissions" />
+                    :colName="column.name" :colVal="column.value" :repositoryRowId="repositoryRowId"
+                    :permissions="permissions" @closeSidebar="toggleShowHideSidebar(null)" />
                   <div id="dashed-divider" :class="{ 'hidden': index === customColumns.length - 1 }"
                     class="flex h-[1px] py-0 border-dashed border-[1px] border-sn-light-grey">
                   </div>
@@ -246,6 +247,12 @@ export default {
         this.currentItemUrl = null
         return
       }
+      // explicit close (from emit)
+      else if (repositoryRowUrl === null) {
+        this.isShowing = false
+        this.currentItemUrl = null
+        return
+      }
       // click on a different item - should just fetch new data
       else {
         this.loadRepositoryRow(repositoryRowUrl)
@@ -260,6 +267,7 @@ export default {
         url: repositoryRowUrl,
         dataType: 'json',
         success: (result) => {
+          this.repositoryRowId = result.id
           this.repositoryName = result.repository_name;
           this.defaultColumns = result.default_columns;
           this.customColumns = result.custom_columns;
diff --git a/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryAssetValue.vue b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryAssetValue.vue
index 6f1c5e023..9fc9ee453 100644
--- a/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryAssetValue.vue
+++ b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryAssetValue.vue
@@ -5,9 +5,13 @@
     </div>
     <div v-if="file_name" @mouseover="tooltipShowing = true" @mouseout="tooltipShowing = false"
       class="w-fit cursor-pointer text-sn-science-blue">
-      {{ file_name }}
-      <tooltip-preview v-if="tooltipShowing" :url="url" :file_name="file_name" :preview_url="preview_url"
-        :icon_html="icon_html"></tooltip-preview>
+      <a @click="$emit('closeSidebar')" class="file-preview-link" :id="modalPreviewLinkId" data-no-turbolink="true"
+        data-id="true" data-status="asset-present" :data-preview-url=this.preview_url :href=this.url>
+        {{ file_name }}
+      </a>
+      <tooltip-preview v-if="tooltipShowing && medium_preview_url" :id="id" :url="url" :file_name="file_name"
+        :preview_url="preview_url" :icon_html="icon_html" :medium_preview_url="medium_preview_url">
+      </tooltip-preview>
     </div>
     <div v-else class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
       {{ i18n.t('repositories.item_card.repository_asset_value.no_asset') }}
@@ -30,7 +34,8 @@ export default {
       url: null,
       preview_url: null,
       file_name: null,
-      icon_html: null
+      icon_html: null,
+      medium_preview_url: null,
     }
   },
   props: {
@@ -45,6 +50,12 @@ export default {
     this.preview_url = this.colVal.preview_url
     this.file_name = this.colVal.file_name
     this.icon_html = this.colVal.icon_html
-  }
+    this.medium_preview_url = this.colVal.medium_preview_url
+  },
+  computed: {
+    modalPreviewLinkId() {
+      return `modal_link${this.id}`
+    }
+  },
 }
 </script>
diff --git a/app/javascript/vue/repository_item_sidebar/repository_values/TooltipPreview.vue b/app/javascript/vue/repository_item_sidebar/repository_values/TooltipPreview.vue
index 5e01773a2..d90a78643 100644
--- a/app/javascript/vue/repository_item_sidebar/repository_values/TooltipPreview.vue
+++ b/app/javascript/vue/repository_item_sidebar/repository_values/TooltipPreview.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="absolute">
-    <img :src="this.url"
+    <img :src="this.medium_preview_url"
       class="absolute bg-sn-light-grey text-sn-black w-[300px] h-[260px] rounded pointer-events-none flex shadow-lg shrink-0" />
   </div>
 </template>
@@ -14,6 +14,7 @@ export default {
     preview_url: String,
     file_name: String,
     icon_html: String || null,
+    medium_preview_url: String || null,
   },
 }
 </script>
diff --git a/app/serializers/repository_datatable/repository_asset_value_serializer.rb b/app/serializers/repository_datatable/repository_asset_value_serializer.rb
index 144bb6327..56ef51457 100644
--- a/app/serializers/repository_datatable/repository_asset_value_serializer.rb
+++ b/app/serializers/repository_datatable/repository_asset_value_serializer.rb
@@ -13,7 +13,8 @@ module RepositoryDatatable
         url: rails_blob_path(asset.file, disposition: 'attachment'),
         preview_url: asset_file_preview_path(asset),
         file_name: escape_input(asset.file_name),
-        icon_html: sn_icon_for(asset)
+        icon_html: sn_icon_for(asset),
+        medium_preview_url: asset.previewable? && rails_representation_url(asset.medium_preview)
       }
     rescue StandardError => e
       Rails.logger.error e.message

From d236ba0a5b279eb6af692c4482e7cac7f2b3d0fa Mon Sep 17 00:00:00 2001
From: wandji <wbertrand10@gmail.com>
Date: Wed, 11 Oct 2023 08:35:10 +0100
Subject: [PATCH 32/49] Add reminders to item card [SCI-9154] (#6285)

* Add reminders to item card [SCI-9154]

* Refactor item card reminder component [SCI-9154]
---
 app/controllers/repository_rows_controller.rb |  1 +
 .../RepositoryItemSidebar.vue                 |  7 +++++-
 .../vue/repository_item_sidebar/reminder.vue  | 25 +++++++++++++++++++
 .../repository_date_time_value_serializer.rb  | 15 ++++++++++-
 .../repository_date_value_serializer.rb       | 16 ++++++++++--
 .../repository_stock_value_serializer.rb      | 14 ++++++++++-
 app/views/repository_rows/show.json.jbuilder  |  6 ++---
 config/locales/en.yml                         | 12 +++++++--
 8 files changed, 86 insertions(+), 10 deletions(-)
 create mode 100644 app/javascript/vue/repository_item_sidebar/reminder.vue

diff --git a/app/controllers/repository_rows_controller.rb b/app/controllers/repository_rows_controller.rb
index 239d751f7..fff4a0c87 100644
--- a/app/controllers/repository_rows_controller.rb
+++ b/app/controllers/repository_rows_controller.rb
@@ -59,6 +59,7 @@ class RepositoryRowsController < ApplicationController
 
     @assigned_modules = @repository_row.my_modules.joins(experiment: :project)
     @viewable_modules = @assigned_modules.viewable_by_user(current_user, current_user.teams)
+    @reminders_present = @repository_row.repository_cells.with_active_reminder(@current_user).any?
   end
 
   def create
diff --git a/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue b/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue
index 1d18aad95..4731f8c9f 100644
--- a/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue
+++ b/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue
@@ -93,7 +93,10 @@
                 {{ i18n.t('repositories.item_card.custom_columns_label') }}
               </div>
               <div v-if="customColumns?.length > 0" class="flex flex-col gap-4 w-[350px] h-auto">
-                <div v-for="(column, index) in customColumns" class="flex flex-col gap-4 w-[350px] h-auto">
+                <div v-for="(column, index) in customColumns" class="flex flex-col gap-4 w-[350px] h-auto relative">
+                  <span class="absolute right-2 top-6" v-if="column.value.reminder === true">
+                    <Reminder :value="column.value" :valueType="column.value_type" />
+                  </span>
                   <component :is="column.data_type" :key="index" :data_type="column.data_type" :colId="column.id"
                     :colName="column.name" :colVal="column.value" :repositoryRowId="repositoryRowId"
                     :permissions="permissions" @closeSidebar="toggleShowHideSidebar(null)" />
@@ -193,10 +196,12 @@ import RepositoryDateRangeValue from './repository_values/RepositoryDateRangeVal
 import RepositoryTimeRangeValue from './repository_values/RepositoryTimeRangeValue.vue'
 import RepositoryTimeValue from './repository_values/RepositoryTimeValue.vue'
 import ScrollSpy from './repository_values/ScrollSpy.vue';
+import Reminder from './reminder.vue'
 
 export default {
   name: 'RepositoryItemSidebar',
   components: {
+    Reminder,
     RepositoryStockValue,
     RepositoryTextValue,
     RepositoryNumberValue,
diff --git a/app/javascript/vue/repository_item_sidebar/reminder.vue b/app/javascript/vue/repository_item_sidebar/reminder.vue
new file mode 100644
index 000000000..4c0a52502
--- /dev/null
+++ b/app/javascript/vue/repository_item_sidebar/reminder.vue
@@ -0,0 +1,25 @@
+<template v-if="value.reminder === true">
+  <div class="inline-block float-right cursor-pointer relative" data-placement="top" data-toggle="tooltip" :title="value.text"
+     tabindex='-1'>
+    <i class="sn-icon sn-icon-notifications row-reminders-icon"></i>
+    <span :class="`inline-block absolute rounded-full w-2 h-2 right-1 top-0.5 ${reminderColor}`"></span>
+  </div>
+</template>
+
+<script>
+  export default {
+    name: 'Reminder',
+    props: {
+      valueType: null,
+      value: null,
+    },
+    computed: {
+      reminderColor() {
+        if (this.value.reminder && (this.value.stock_amount > 0 || this.value.days_left > 0)) {
+          return 'bg-sn-alert-brittlebush'
+        }
+        return 'bg-sn-alert-passion';
+      }
+    }
+  }
+</script>
diff --git a/app/serializers/repository_datatable/repository_date_time_value_serializer.rb b/app/serializers/repository_datatable/repository_date_time_value_serializer.rb
index 32989a920..ded1c5eb5 100644
--- a/app/serializers/repository_datatable/repository_date_time_value_serializer.rb
+++ b/app/serializers/repository_datatable/repository_date_time_value_serializer.rb
@@ -12,9 +12,22 @@ module RepositoryDatatable
 
       if scope.dig(:options, :reminders_enabled) &&
          !scope[:repository].is_a?(RepositorySnapshot) &&
-         scope[:column].reminder_value.present? && scope[:column].reminder_unit.present?
+         scope[:column].reminder_value.present? &&
+         scope[:column].reminder_unit.present?
         reminder_delta = scope[:column].reminder_value.to_i * scope[:column].reminder_unit.to_i
         data[:reminder] = reminder_delta + DateTime.now.to_i >= value_object.data.to_i
+        data[:reminder_message] = scope[:column].reminder_message
+        days_left = ((value_object.data - Time.now.utc) / 1.day).ceil
+        if data[:reminder] && days_left.positive?
+          data[:days_left] = days_left
+          date_expiration =
+            "#{days_left} #{I18n.t("repositories.item_card.reminders.day.#{days_left == 1 ? 'one' : 'other'}")}"
+          data[:text] =
+            "#{I18n.t('repositories.item_card.reminders.date_expiration', date_expiration: date_expiration)}\n
+             #{data[:reminder_message]}"
+        elsif data[:reminder]
+          data[:text] = "#{I18n.t('repositories.item_card.reminders.item_expired')}\n#{data[:reminder_message]}"
+        end
       end
 
       data
diff --git a/app/serializers/repository_datatable/repository_date_value_serializer.rb b/app/serializers/repository_datatable/repository_date_value_serializer.rb
index 54963518f..2b9464eb7 100644
--- a/app/serializers/repository_datatable/repository_date_value_serializer.rb
+++ b/app/serializers/repository_datatable/repository_date_value_serializer.rb
@@ -10,11 +10,23 @@ module RepositoryDatatable
 
       if scope.dig(:options, :reminders_enabled) &&
          !scope[:repository].is_a?(RepositorySnapshot) &&
-         scope[:column].reminder_value.present? && scope[:column].reminder_unit.present?
+         scope[:column].reminder_value.present? &&
+         scope[:column].reminder_unit.present?
         reminder_delta = scope[:column].reminder_value.to_i * scope[:column].reminder_unit.to_i
         data[:reminder] = reminder_delta + DateTime.now.to_i >= value_object.data.to_i
+        data[:reminder_message] = scope[:column].reminder_message
+        days_left = ((value_object.data - Time.now.utc) / 1.day).ceil
+        if data[:reminder] && days_left.positive?
+          data[:days_left] = days_left
+          date_expiration =
+            "#{days_left} #{I18n.t("repositories.item_card.reminders.day.#{days_left == 1 ? 'one' : 'other'}")}"
+          data[:text] =
+            "#{I18n.t('repositories.item_card.reminders.date_expiration', date_expiration: date_expiration)}\n
+             #{data[:reminder_message]}"
+        elsif data[:reminder]
+          data[:text] = "#{I18n.t('repositories.item_card.reminders.item_expired')}\n#{data[:reminder_message]}"
+        end
       end
-
       data
     end
   end
diff --git a/app/serializers/repository_datatable/repository_stock_value_serializer.rb b/app/serializers/repository_datatable/repository_stock_value_serializer.rb
index 40bf57d3a..796f2a96e 100644
--- a/app/serializers/repository_datatable/repository_stock_value_serializer.rb
+++ b/app/serializers/repository_datatable/repository_stock_value_serializer.rb
@@ -5,11 +5,23 @@ module RepositoryDatatable
     include Canaid::Helpers::PermissionsHelper
 
     def value
-      {
+      data = {
         stock_formatted: value_object.formatted,
         stock_amount: value_object.data,
         low_stock_threshold: value_object.low_stock_threshold
       }
+      if scope.dig(:options, :reminders_enabled) &&
+         !scope[:repository].is_a?(RepositorySnapshot) &&
+         value_object.data.present? &&
+         value_object.low_stock_threshold.present?
+        data[:reminder] = value_object.low_stock_threshold > value_object.data
+        if data[:reminder] && (data[:stock_amount]).positive?
+          data[:text] = I18n.t('repositories.item_card.reminders.stock_low', stock_formated: data[:stock_formatted])
+        elsif data[:reminder]
+          data[:text] = I18n.t('repositories.item_card.reminders.stock_empty')
+        end
+      end
+      data
     end
   end
 end
diff --git a/app/views/repository_rows/show.json.jbuilder b/app/views/repository_rows/show.json.jbuilder
index 8278793f3..e6feb098d 100644
--- a/app/views/repository_rows/show.json.jbuilder
+++ b/app/views/repository_rows/show.json.jbuilder
@@ -14,9 +14,9 @@ json.default_columns do
 end
 json.custom_columns do
   json.array! @repository_row.repository_cells do |repository_cell|
-    json.merge! serialize_repository_cell_value(repository_cell, @repository.team, @repository).merge(
-      repository_cell.repository_column.as_json(only: %i(id name data_type))
-    )
+    json.merge!(**serialize_repository_cell_value(
+      repository_cell, @repository.team, @repository, reminders_enabled: @reminders_present
+    ), **repository_cell.repository_column.as_json(only: %i(id name data_type)))
   end
 end
 
diff --git a/config/locales/en.yml b/config/locales/en.yml
index a6a399056..1d833c8a2 100644
--- a/config/locales/en.yml
+++ b/config/locales/en.yml
@@ -2240,9 +2240,17 @@ en:
         added_on: "Added on"
         added_at: "Added at"
         added_by: "Added by"
-      custom_columns_label: "Custom columns"
+      reminders:
+        stock_low: "Only %{stock_formated} left."
+        stock_empty: "No stock left"
+        date_expiration: "This item is expiring in %{date_expiration}."
+        item_expired: "This item has expired."
+        day:
+          one: "day"
+          other: "days"
       stock_export: "Export"
-      no_custom_columns_label: 'This item has no custom columns'
+      custom_columns_label: "Custom columns"
+      no_custom_columns_label: "This item has no custom columns"
       repository_time_range_value:
         no_time_range: 'No time range'
       repository_text_value:

From 84477cad43a5a971297e918b881b9e34e7604dd5 Mon Sep 17 00:00:00 2001
From: Anton <anton@scinote.net>
Date: Tue, 10 Oct 2023 14:22:48 +0200
Subject: [PATCH 33/49] Update css for shared protocol [SCI-9476]

---
 .../shareable_links/my_module_results_show.js | 10 +++
 .../stylesheets/my_modules/protocol.scss      | 11 ----
 app/assets/stylesheets/shared/assets.scss     |  3 -
 .../stylesheets/shared/content/checklist.scss | 18 -----
 .../my_module_protocol_show.html.erb          |  6 +-
 .../my_module_results_show.html.erb           | 23 ++++---
 .../my_modules/_attachments.html.erb          |  1 +
 .../my_modules/_comments_list.html.erb        |  2 +-
 .../my_modules/_header_actions.html.erb       | 12 ++--
 .../my_modules/_protocol.html.erb             | 64 +++++++++---------
 .../_result_comments_sidebar.html.erb         | 26 ++++++++
 .../shareable_links/my_modules/_step.html.erb | 18 +++--
 ...ml.erb => _step_comments_sidebar.html.erb} |  0
 .../my_modules/results/_comments.html.erb     | 14 ----
 .../results/_comments_list.html.erb           | 18 -----
 .../my_modules/results/_result.html.erb       | 65 ++++++++++---------
 .../step_attachments/_context_menu.html.erb   |  5 +-
 .../step_attachments/_thumbnail.html.erb      | 47 +++++++++-----
 .../step_elements/_checklist.html.erb         |  8 +--
 .../step_elements/_checklist_item.html.erb    | 12 ++--
 .../my_modules/step_elements/_table.html.erb  |  9 +--
 .../my_modules/step_elements/_text.html.erb   | 13 ++--
 22 files changed, 186 insertions(+), 199 deletions(-)
 create mode 100644 app/views/shareable_links/my_modules/_result_comments_sidebar.html.erb
 rename app/views/shareable_links/my_modules/{_comments_sidebar.html.erb => _step_comments_sidebar.html.erb} (100%)
 delete mode 100644 app/views/shareable_links/my_modules/results/_comments.html.erb
 delete mode 100644 app/views/shareable_links/my_modules/results/_comments_list.html.erb

diff --git a/app/assets/javascripts/shareable_links/my_module_results_show.js b/app/assets/javascripts/shareable_links/my_module_results_show.js
index a17af4da5..52394fa67 100644
--- a/app/assets/javascripts/shareable_links/my_module_results_show.js
+++ b/app/assets/javascripts/shareable_links/my_module_results_show.js
@@ -31,6 +31,15 @@
     });
   }
 
+  function initResultComments() {
+    $(document).on('click', '.shareable-link-open-comments-sidebar', function(e) {
+      e.preventDefault();
+      $('.comments-sidebar').removeClass('open');
+
+      $($(this).data('objectTarget')).addClass('open');
+    });
+  }
+
   function initResultsExpandCollapse() {
     $(document).on('click', '#results-collapse-btn', function() {
       $('.result .panel-collapse').collapse('hide');
@@ -44,6 +53,7 @@
   function initMyModuleResultsShow() {
     initAttachments();
     initResultsExpandCollapse();
+    initResultComments();
 
     $('.hot-table-container').each(function() {
       initializeHandsonTable($(this));
diff --git a/app/assets/stylesheets/my_modules/protocol.scss b/app/assets/stylesheets/my_modules/protocol.scss
index b6b7d3817..11d83d2a2 100644
--- a/app/assets/stylesheets/my_modules/protocol.scss
+++ b/app/assets/stylesheets/my_modules/protocol.scss
@@ -103,14 +103,3 @@
     color: var(--sn-grey);
   }
 }
-
-@media screen and (max-width: 1395px) {
-  .task-section-header {
-    height: 7.44rem;
-  }
-
-  .protocol-buttons-group {
-    flex-wrap: wrap;
-    margin: 1rem;
-  }
-}
diff --git a/app/assets/stylesheets/shared/assets.scss b/app/assets/stylesheets/shared/assets.scss
index 3e58a4b5b..947746b12 100644
--- a/app/assets/stylesheets/shared/assets.scss
+++ b/app/assets/stylesheets/shared/assets.scss
@@ -288,9 +288,6 @@
 
   .dropdown-menu {
     @include font-button;
-    min-width: 200px;
-    padding: .5em 0;
-    z-index: 102;
 
     .divider-label {
       @include font-small;
diff --git a/app/assets/stylesheets/shared/content/checklist.scss b/app/assets/stylesheets/shared/content/checklist.scss
index 65eddae49..5317f14ec 100644
--- a/app/assets/stylesheets/shared/content/checklist.scss
+++ b/app/assets/stylesheets/shared/content/checklist.scss
@@ -2,16 +2,6 @@
 // scss-lint:disable NestingDepth
 
 .step-checklist-items {
-  .sci-inline-edit {
-    margin-top: 5px;
-
-    .sci-inline-edit__content {
-      margin-bottom: 7px;
-      margin-left: 0;
-      margin-right: .5em;
-    }
-  }
-
   .step-checklist-item {
     padding-left: 5px;
   }
@@ -59,14 +49,6 @@
   .step-checklist-item-ghost {
     border: 1px solid $brand-primary;
   }
-
-  .sci-checkbox-container {
-    margin: 11px 0;
-
-    &.disabled {
-      pointer-events: none;
-    }
-  }
 }
 
 .step-checklist-container {
diff --git a/app/views/shareable_links/my_module_protocol_show.html.erb b/app/views/shareable_links/my_module_protocol_show.html.erb
index 1ad7bba3c..bf04088e7 100644
--- a/app/views/shareable_links/my_module_protocol_show.html.erb
+++ b/app/views/shareable_links/my_module_protocol_show.html.erb
@@ -7,7 +7,7 @@
   </span>
 </div>
 
-<div class="my-5 max-w-4xl flex-1 bg-sn-white">
+<div class="my-5 flex-1">
   <div class="my-module-position-container">
     <!-- Header Actions -->
     <%= render partial: 'shareable_links/my_modules/header_actions' %>
@@ -27,10 +27,6 @@
             <%= @my_module.code %>
           </span>
         </div>
-
-        <div class="flex items-center gap-3">
-          <%= render partial: 'shareable_links/my_modules/task_flow_button', locals: { my_module: @my_module } if @my_module.my_module_status_flow %>
-        </div>
       </div>
       <div id="details-container" class="task-details" data-shareable-link=<%= @shareable_link.uuid %>>
         <%= render partial: 'shareable_links/my_modules/my_module_details' %>
diff --git a/app/views/shareable_links/my_module_results_show.html.erb b/app/views/shareable_links/my_module_results_show.html.erb
index 2d9d24ddb..62b198e4e 100644
--- a/app/views/shareable_links/my_module_results_show.html.erb
+++ b/app/views/shareable_links/my_module_results_show.html.erb
@@ -6,24 +6,22 @@
   </span>
 </div>
 
-<div class="my-5 max-w-4xl flex-1 bg-sn-white">
-  <div class="content-pane flexible">
+<div class="my-5 flex-1">
+  <div class="content-pane with-grey-background flexible">
     <%= render partial: 'shareable_links/my_modules/header_actions' %>
-    <div class="px-4">
-      <div class="my-5" id="results-toolbar">
-        <div class="sci-btn-group collapse-expand-result">
-          <button class="btn btn-light" id="results-collapse-btn">
-            <span class="sn-icon sn-icon-up"></span>
-            <span class="hidden-xs-custom"><%= t'my_modules.results.collapse_label' %></span>
+    <div>
+      <div class="my-4 p-3 bg-sn-white" id="results-toolbar">
+        <div class="flex items-center gap-4 collapse-expand-result">
+          <button class="btn btn-secondary" id="results-collapse-btn">
+            <span><%= t'my_modules.results.collapse_label' %></span>
           </button>
-          <button class="btn btn-light" id="results-expand-btn">
-            <span class="sn-icon sn-icon-down"></span>
-            <span class="hidden-xs-custom"><%= t'my_modules.results.expand_label' %></span>
+          <button class="btn btn-secondary" id="results-expand-btn">
+            <span><%= t'my_modules.results.expand_label' %></span>
           </button>
         </div>
         <div class="sort-result-dropdown dropdown">
           <button id="sort-result-button" class="btn btn-light icon-btn" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
-            <i class="sn-icon sn-icon-sort-up"></i>
+            <i class="sn-icon sn-icon-sort"></i>
           </button>
           <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="sort-result-button">
             <li><%= link_to t('general.sort_new.atoz'), shared_protocol_results_path(@shareable_link.uuid, page: params[:page], order: 'atoz'), class: (@results_order == 'atoz' ? 'selected' : '') %></li>
@@ -38,6 +36,7 @@
       <div id="results">
         <% @results.each do |result| %>
           <%= render partial: "shareable_links/my_modules/results/result", locals: { result: result, gallery: @gallery } %>
+          <%= render partial: "shareable_links/my_modules/result_comments_sidebar", locals: { result: result } %>
         <% end %>
       </div>
       <div class="kaminari-pagination">
diff --git a/app/views/shareable_links/my_modules/_attachments.html.erb b/app/views/shareable_links/my_modules/_attachments.html.erb
index 1c92812d0..c0a53be34 100644
--- a/app/views/shareable_links/my_modules/_attachments.html.erb
+++ b/app/views/shareable_links/my_modules/_attachments.html.erb
@@ -1,4 +1,5 @@
 <div class="step-attachments">
+  <div class="sci-divider my-6"></div>
   <div class="attachments-actions">
     <div class="title">
       <h3> <%= t('protocols.steps.files', count: attachments.length) %> </h3>
diff --git a/app/views/shareable_links/my_modules/_comments_list.html.erb b/app/views/shareable_links/my_modules/_comments_list.html.erb
index 38245a948..a0088289a 100644
--- a/app/views/shareable_links/my_modules/_comments_list.html.erb
+++ b/app/views/shareable_links/my_modules/_comments_list.html.erb
@@ -1,5 +1,5 @@
 <% user= nil %>
-<% step.comments.order(created_at: :asc).each do |comment| %>  
+<% oject.comments.order(created_at: :asc).each do |comment| %>
   <div class="comment-container" data-comment-id="<%= comment.id %>">
     <% unless user == comment.user%>
       <div class="comment-header">
diff --git a/app/views/shareable_links/my_modules/_header_actions.html.erb b/app/views/shareable_links/my_modules/_header_actions.html.erb
index 8012606a4..56a6beb77 100644
--- a/app/views/shareable_links/my_modules/_header_actions.html.erb
+++ b/app/views/shareable_links/my_modules/_header_actions.html.erb
@@ -1,12 +1,12 @@
-<div class="header-actions px-5 border-solid border-0 border-b border-sn-light-grey">
-  <div class="flex items-center uppercase">
-    <a class="px-4 py-3  border-b-4 border-transparent hover:no-underline capitalize <%= is_module_protocols? ? "text-sn-blue" : "text-sn-black" %>"
+<div class="sticky-header-element bg-sn-white border-b border-solid border-0 border-sn-sleepy-grey rounded-t px-4 py-2 top-0 sticky flex items-center flex-wrap z-[106]">
+  <div class="flex items-center gap-4 mr-auto w-full">
+    <a class="p-3 border-b-4 border-transparent hover:no-underline uppercase text-bold capitalize <%= is_module_protocols? ? "text-sn-blue" : "text-sn-black" %>"
         href="<%= shared_protocol_url(@shareable_link.uuid) %>"
         title="<%= t("nav2.modules.steps") %>"
     >
       <%= t("nav2.modules.steps") %>
     </a>
-    <a class="px-4 py-3  border-b-4 border-transparent hover:no-underline capitalize <%= is_module_results? ? "text-sn-blue" : "text-sn-black" %>"
+    <a class="p-3 border-b-4 border-transparent hover:no-underline uppercase text-bold capitalize <%= is_module_results? ? "text-sn-blue" : "text-sn-black" %>"
         href="<%= shared_protocol_results_path(@shareable_link.uuid) %>"
         title="<%= t("nav2.modules.results") %>"
     >
@@ -16,5 +16,9 @@
         <sup class="navigation-results-counter"><%= @my_module.archived_branch? ? @my_module.results.size : @active_results_size %></sup>
       <% end %>
     </a>
+    <div class="flex items-center gap-3 ml-auto">
+      <%= render partial: 'shareable_links/my_modules/task_flow_button', locals: { my_module: @my_module } if @my_module.my_module_status_flow %>
+    </div>
   </div>
+
 </div>
diff --git a/app/views/shareable_links/my_modules/_protocol.html.erb b/app/views/shareable_links/my_modules/_protocol.html.erb
index 8274a6fac..05e33f702 100644
--- a/app/views/shareable_links/my_modules/_protocol.html.erb
+++ b/app/views/shareable_links/my_modules/_protocol.html.erb
@@ -19,49 +19,47 @@
         <% end %>
       </div>
     </div>
+    <div class="actions-block gap-4">
+      <% if protocol.steps.length > 0 %>
+        <button class="btn btn-secondary" id="steps-collapse-btn" tabindex="0">
+          <%= t("protocols.steps.collapse_label") %>
+        </button>
+        <button class="btn btn-secondary" id="steps-expand-btn" tabindex="0">
+          <%= t("protocols.steps.expand_label") %>
+        </button>
+      <% end %>
+    </div>
   </div>
 
-  <div id="protocol-content" class="protocol-content collapse in" aria-expanded="true">
-    <div class="protocol-description">
-      <div class="protocol-name">
-        <span>
-          <%= protocol.name %>
-        </span>
-      </div>
-        
-        <div>
-          <div id="protocol-description-container" >
-            <% if protocol.description.present? %>
-              <div>
-                <%=  smart_annotation_text(protocol.shareable_tinymce_render(:description)) %>
-              </div>
-            <% else %>
-              <div class="empty-protocol-description">
-                 <%= t("protocols.no_text_placeholder") %>
-              </div>
-            <% end %>
-          </div>
-        </div>
+  <div id="protocol-content" class="protocol-content collapse in " aria-expanded="true">
+    <div class="sci-divider my-4"></div>
+    <div class="protocol-name">
+      <span>
+        <%= protocol.name %>
+      </span>
     </div>
+
     <div>
-      <div id="protocol-steps-container">
-        <% if protocol.steps.length > 0 %>
-          <div class="protocol-step-actions">
-            <button class="btn btn-light" id="steps-collapse-btn" tabindex="0">
-              <span class="sn-icon sn-icon-collapse"></span>
-              <%= t("protocols.steps.collapse_label") %>
-            </button>
-            <button class="btn btn-light" id="steps-expand-btn" tabindex="0">
-              <span class="sn-icon sn-icon-expand"></span>
-              <%= t("protocols.steps.expand_label") %>
-            </button>
+      <div id="protocol-description-container" >
+        <% if protocol.description.present? %>
+          <div>
+            <%=  smart_annotation_text(protocol.shareable_tinymce_render(:description)) %>
+          </div>
+        <% else %>
+          <div class="empty-protocol-description">
+              <%= t("protocols.no_text_placeholder") %>
           </div>
         <% end %>
+      </div>
+    </div>
+    <div class="sci-divider my-4"></div>
+    <div>
+      <div id="protocol-steps-container">
         <div class="protocol-steps">
           <% protocol.steps.sort_by(&:position).each do |step| %>
             <div class="step-block">
               <%= render partial: "shareable_links/my_modules/step", locals: { step: step } %>
-              <%= render partial: "shareable_links/my_modules/comments_sidebar", locals: { step: step } %>
+              <%= render partial: "shareable_links/my_modules/step_comments_sidebar", locals: { step: step } %>
             </div>
           <% end %>
         </div>
diff --git a/app/views/shareable_links/my_modules/_result_comments_sidebar.html.erb b/app/views/shareable_links/my_modules/_result_comments_sidebar.html.erb
new file mode 100644
index 000000000..a82bd486f
--- /dev/null
+++ b/app/views/shareable_links/my_modules/_result_comments_sidebar.html.erb
@@ -0,0 +1,26 @@
+<div class="comments-sidebar !top-0 !h-screen" id="Result<%= result.id %>">
+  <div class="sidebar-content">
+    <div class="sidebar-header">
+      <div class="comments-subject-title">
+        <%= "#{result.name}" %>
+      </div>
+      <div class="btn btn-light icon-btn close-btn">
+        <i class="sn-icon sn-icon-close"></i>
+      </div>
+    </div>
+    <div class="sidebar-body">
+      <% if result.comments.present? %>
+        <div class="comments-list">
+           <%= render partial: "shareable_links/my_modules/comments_list", locals: { object: result } %>
+        </div>
+      <% else %>
+        <div class="no-comments-placeholder !block">
+          <%= image_tag 'comments/placeholder.svg', class: 'no-comments-image' %>
+          <h1><%= t('comments.empty_state.title') %></h1>
+          <p class="description"><%= t('comments.empty_state.description') %></p>
+        </div>
+      <% end %>
+    </div>
+     <div class="sidebar-footer"></div>
+  </div>
+</div>
diff --git a/app/views/shareable_links/my_modules/_step.html.erb b/app/views/shareable_links/my_modules/_step.html.erb
index c8812adbb..a93b51b13 100644
--- a/app/views/shareable_links/my_modules/_step.html.erb
+++ b/app/views/shareable_links/my_modules/_step.html.erb
@@ -1,26 +1,26 @@
-<div class="step-container mt-[6px] mr-0 mb-6 ml-[-1em] pt-[8px] pr-[24px] pb-[8px] pl-0 border-solid border-[1px] border-[#fff]" id="stepContainer<%= step.id %>" >
+<div class="step-container" id="stepContainer<%= step.id %>" >
   <div class="step-header">
     <div class="step-element-header no-hover">
-      <div class="step-controls flex items-center">
-        <div class="step-element-grip-placeholder"></div>
+      <div class="flex items-center gap-4">
         <a class="step-collapse-link hover:no-underline focus:no-underline"
           href="#stepBody<%= step.id %>"
           data-toggle="collapse"
           data-remote="true">
             <span class="sn-icon sn-icon-right "></span>
         </a>
-        <div class="step-complete-container mx-2 step-element--locked">
+        <div class="step-complete-container step-element--locked">
           <div class="step-state <%= step.completed ? 'completed' : '' %>"
                tabindex="0"
           ></div>
         </div>
         <div class="step-position">
-          <%= step.position + 1 %>  .
+          <%= step.position + 1 %>.
         </div>
       </div>
 
-      <div class="step-name-container">
+      <div class="step-name-container basis-[calc(100%_-_100px)] relative">
         <%= render partial: "shareable_links/my_modules/inline_view", locals: { text: step.name, smart_annotation_enabled: false } %>
+        <span class="mt-2 whitespace-nowrap truncate text-xs font-normal w-full absolute -bottom-5"><%= t('protocols.steps.timestamp_iso_html', date: step.created_at.iso8601, user: step.user.full_name) %></span>
       </div>
     </div>
     <div class="elements-actions-container">
@@ -41,10 +41,7 @@
   </div>
 
   <div class="collapse in" id="stepBody<%= step.id %>">
-    <div class="step-elements !pl-[4.5rem]">
-      <div class="step-timestamp !m-0">
-        <%= t('protocols.steps.timestamp_iso_html', date: step.created_at.iso8601, user: step.user.full_name) %>
-      </div>
+    <div class="step-elements">
       <% step.step_orderable_elements.sort_by(&:position).each do |element| %>
         <% if element.orderable_type == 'StepText' %>
           <%= render partial: "shareable_links/my_modules/step_elements/text", locals: { element: element.orderable } %>
@@ -59,4 +56,5 @@
       <% end %>
     </div>
   </div>
+  <div class="sci-divider my-6"></div>
 </div>
diff --git a/app/views/shareable_links/my_modules/_comments_sidebar.html.erb b/app/views/shareable_links/my_modules/_step_comments_sidebar.html.erb
similarity index 100%
rename from app/views/shareable_links/my_modules/_comments_sidebar.html.erb
rename to app/views/shareable_links/my_modules/_step_comments_sidebar.html.erb
diff --git a/app/views/shareable_links/my_modules/results/_comments.html.erb b/app/views/shareable_links/my_modules/results/_comments.html.erb
deleted file mode 100644
index 674e6be61..000000000
--- a/app/views/shareable_links/my_modules/results/_comments.html.erb
+++ /dev/null
@@ -1,14 +0,0 @@
-<hr>
-<div class="col-xs-12 comments-title">
-  <h4>
-    <%=t('my_modules.results.comments_tab') %>
-    (<span><%= comments.count %></span>)
-  </h4>
-</div>
-<div class="comments-container">
-  <div class="content-comments inline_scroll_block">
-    <div class="comments-list">
-      <%= render partial: "shareable_links/my_modules/results/comments_list", locals: { comments: comments } %>
-    </div>
-  </div>
-</div>
diff --git a/app/views/shareable_links/my_modules/results/_comments_list.html.erb b/app/views/shareable_links/my_modules/results/_comments_list.html.erb
deleted file mode 100644
index dbd59eb23..000000000
--- a/app/views/shareable_links/my_modules/results/_comments_list.html.erb
+++ /dev/null
@@ -1,18 +0,0 @@
-<% comments.order(created_at: :asc).each do |comment| %>
-  <div class="comment-container">
-    <div class="avatar-placehodler">
-      <span class='global-avatar-container'>
-        <%= image_tag user_avatar_absolute_url(comment.user, :icon_small, true), class: 'user-avatar' %>
-      </span>
-    </div>
-    <div class="content-placeholder">
-      <div class="comment-name"><%= comment.user.full_name %></div>
-      <div class="comment-right !w-fit">
-        <div class="comment-datetime !w-fit"><%= l(comment.created_at, format: :full) %></div>
-      </div>
-      <div class="comment-message">
-        <div class="view-mode"><%= smart_annotation_text(comment.message) %></div>
-      </div>
-    </div>
-  </div>
-<% end %>
diff --git a/app/views/shareable_links/my_modules/results/_result.html.erb b/app/views/shareable_links/my_modules/results/_result.html.erb
index a0aa82c11..32a78c7e9 100644
--- a/app/views/shareable_links/my_modules/results/_result.html.erb
+++ b/app/views/shareable_links/my_modules/results/_result.html.erb
@@ -1,37 +1,40 @@
-<div class="result">
-  <div class="panel panel-default">
-    <div class="panel-heading">
-      <div class="panel-options pull-right">
-      </div>
-      <a class="result-panel-collapse-link" href="#result-panel-<%= result.id %>" data-toggle="collapse">
+<div class="bg-white p-4 mb-4 rounded">
+  <div class="result-header flex justify-between">
+    <div class="result-head-left flex items-start flex-grow gap-4">
+      <a class="result-collapse-link hover:no-underline focus:no-underline text-sn-black" href="#result-panel-<%= result.id %>" data-toggle="collapse">
         <span class="sn-icon sn-icon-right"></span>
-        <strong><%= result.name %></strong> |
-        <span><%= t('my_modules.results.published_on_iso_html', timestamp: result.created_at.iso8601, user: h(result.user.full_name)) %></span>
       </a>
-    </div>
-    <div class="panel-collapse collapse in" id="result-panel-<%= result.id %>" role="tabpanel">
-      <div class="panel-body">
-        <div class="row">
-          <div class="col-xs-12">
-            <% result.result_orderable_elements.sort_by(&:position).each do |element| %>
-              <% if element.orderable_type == 'ResultText' %>
-                <%= render partial: "shareable_links/my_modules/step_elements/text", locals: { element: element.orderable } %>
-              <% elsif element.orderable_type == 'ResultTable'%>              
-                <%= render partial: "shareable_links/my_modules/step_elements/table", locals: { element: element.orderable.table } %>
-              <% end %>
-            <% end %>
-            <% if result.result_assets.present? %>
-              <%= render partial: "shareable_links/my_modules/attachments", locals: { attachments: result.assets, step: result } %>
-            <% end %>
-          </div>
-        </div>
-        <div class="row">
-          <div class="result-comment"
-               id="result-comments-<%= result.id %>">
-             <%= render partial: "shareable_links/my_modules/results/comments", locals: { comments: result.comments } %>
-          </div>
-        </div>
+      <div class="w-full relative flex flex-grow font-bold text-base">
+        <strong><%= result.name %></strong>
+        <span class="mt-2 whitespace-nowrap truncate text-xs font-normal absolute bottom-[-1rem] w-full"><%= t('my_modules.results.published_on_iso_html', timestamp: result.created_at.iso8601, user: h(result.user.full_name)) %></span>
+      </div>
+      <div class="elements-actions-container">
+        <a href="#"
+          class="shareable-link-open-comments-sidebar btn icon-btn btn-light"
+          data-turbolinks="false"
+          data-object-type="Result"
+          data-object-id="<%= result.id %>"
+          data-object-target="#Result<%= result.id %>">
+          <i class="sn-icon sn-icon-comments"></i>
+          <span class="comments-counter"
+                id="comment-count-<%= result.id %>"
+          >
+            <%= result.comments.count %>
+          </span>
+        </a>
       </div>
     </div>
   </div>
+  <div class="panel-collapse collapse in pl-10" id="result-panel-<%= result.id %>" role="tabpanel">
+    <% result.result_orderable_elements.sort_by(&:position).each do |element| %>
+      <% if element.orderable_type == 'ResultText' %>
+        <%= render partial: "shareable_links/my_modules/step_elements/text", locals: { element: element.orderable } %>
+      <% elsif element.orderable_type == 'ResultTable'%>
+        <%= render partial: "shareable_links/my_modules/step_elements/table", locals: { element: element.orderable.table } %>
+      <% end %>
+    <% end %>
+    <% if result.result_assets.present? %>
+      <%= render partial: "shareable_links/my_modules/attachments", locals: { attachments: result.assets, step: result } %>
+    <% end %>
+  </div>
 </div>
diff --git a/app/views/shareable_links/my_modules/step_attachments/_context_menu.html.erb b/app/views/shareable_links/my_modules/step_attachments/_context_menu.html.erb
index 5c54e0ada..e97a2783c 100644
--- a/app/views/shareable_links/my_modules/step_attachments/_context_menu.html.erb
+++ b/app/views/shareable_links/my_modules/step_attachments/_context_menu.html.erb
@@ -3,10 +3,9 @@
     <i class="sn-icon sn-icon-more-hori"></i>
   </button>
 
-  <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownAssetContextMenu">
+  <ul class="dropdown-menu dropdown-menu-right rounded !p-2.5 sn-shadow-menu-sm" aria-labelledby="dropdownAssetContextMenu">
     <li>
-      <%= link_to shared_protocol_asset_download_path(@shareable_link.uuid, asset), data: { turbolinks: false } do %>
-        <span class="sn-icon sn-icon-export"></span>
+      <%= link_to shared_protocol_asset_download_path(@shareable_link.uuid, asset), data: { turbolinks: false }, class: "!px-3 !py-2.5 hover:!bg-sn-super-light-blue !text-sn-blue" do %>
         <%= t('Download') %>
       <% end %>
     </li>
diff --git a/app/views/shareable_links/my_modules/step_attachments/_thumbnail.html.erb b/app/views/shareable_links/my_modules/step_attachments/_thumbnail.html.erb
index 1370e6d1a..fc5d1cb4c 100644
--- a/app/views/shareable_links/my_modules/step_attachments/_thumbnail.html.erb
+++ b/app/views/shareable_links/my_modules/step_attachments/_thumbnail.html.erb
@@ -1,18 +1,17 @@
-<div class="attachment-container asset">
+<div class="attachment-container asset group">
   <%= link_to '#',
-          class: "shareable-file-preview-link",
-          id: "modal_link#{asset.id}",
-          data: {
-            no_turbolink: true,
-            id: asset.id
-          } do %>
+    class: "file-preview-link group-hover:hidden",
+    id: "modal_link#{asset.id}",
+    data: {
+      no_turbolink: true,
+      id: asset.id
+    } do %>
     <div class="attachment-preview <%= asset.file.attached? ? asset.file.metadata['asset_type'] : '' %>">
       <% if asset.previewable? && asset.medium_preview&.image&.attached? %>
         <%= image_tag asset.medium_preview.url(expires_in: Constants::URL_SHORT_EXPIRE_TIME.minutes),
-            class: 'asset-preview-image',
-            style: 'opacity: 0' %>
+            class: 'rounded-sm' %>
       <% else %>
-        <i class="fas <%= file_fa_icon_class(asset) if asset.file_name %>"></i>
+        <div class="w-[186px] h-[186px] bg-sn-super-light-grey rounded-sm"></div>
       <% end %>
     </div>
     <div class="attachment-label"
@@ -21,12 +20,28 @@
          title="<%= asset.render_file_name %>">
       <%= asset.render_file_name %>
     </div>
-    <div class="attachment-metadata">
-      <%= t('assets.placeholder.modified_label') %> <span class="iso-formatted-date"><%= asset.updated_at.iso8601 if asset.updated_at %></span><br>
+  <% end %>
+  <div class="tw-hidden group-hover:block hovered-thumbnail h-full">
+    <a
+      href="#"
+      class="shareable-file-preview-link"
+      id="modal_link<%= asset.id %>"
+      data-no-turbolink="true"
+      data-id="<%= asset.id %>"
+    >
+      <%= asset.render_file_name %>
+    </a>
+    <div class="absolute bottom-16 text-sn-grey">
       <%= number_to_human_size(asset.file_size) %>
     </div>
-  <% end %>
-  <% if defined?(show_context) && show_context %>
-    <%= render partial: "shareable_links/my_modules/step_attachments/context_menu", locals: { asset: asset } %>
-  <% end %>
+    <div class="absolute bottom-4 w-[184px] grid grid-cols-[repeat(4,_2.5rem)] justify-between">
+      <%= link_to shared_protocol_asset_download_path(@shareable_link.uuid, asset), class: "btn btn-light icon-btn thumbnail-action-btn",data: { turbolinks: false } do %>
+        <span class="sn-icon sn-icon-export"></span>
+      <% end %>
+    </div>
+    <% if defined?(show_context) && show_context %>
+      <%= render partial: "shareable_links/my_modules/step_attachments/context_menu", locals: { asset: asset } %>
+    <% end %>
+  </div>
+
 </div>
diff --git a/app/views/shareable_links/my_modules/step_elements/_checklist.html.erb b/app/views/shareable_links/my_modules/step_elements/_checklist.html.erb
index c5e817745..15b440858 100644
--- a/app/views/shareable_links/my_modules/step_elements/_checklist.html.erb
+++ b/app/views/shareable_links/my_modules/step_elements/_checklist.html.erb
@@ -1,7 +1,7 @@
-<div class="step-checklist-container" >
-  <div class="step-element-header no-hover">
-    <div class="step-element-grip-placeholder"></div>
-    <div class="step-element-name font-bold">
+<div class="content__checklist-container" >
+  <div class="sci-divider my-6"></div>
+  <div class="checklist-header flex rounded mb-1 items-center relative w-full group/checklist-header">
+    <div class="grow-1 text-ellipsis whitespace-nowrap grow my-1 font-bold">
       <%= render partial: "shareable_links/my_modules/inline_view", locals: { text: element.name, smart_annotation_enabled: true } %>
     </div>
   </div>
diff --git a/app/views/shareable_links/my_modules/step_elements/_checklist_item.html.erb b/app/views/shareable_links/my_modules/step_elements/_checklist_item.html.erb
index 5cf2877ee..f17cee6d2 100644
--- a/app/views/shareable_links/my_modules/step_elements/_checklist_item.html.erb
+++ b/app/views/shareable_links/my_modules/step_elements/_checklist_item.html.erb
@@ -1,14 +1,14 @@
-<div class="step-checklist-item step-element--locked">
-  <div class="step-element-header locked">
-    <div class="step-element-grip-placeholder"></div>
-    <div class="step-element-name <%= 'done' if checklist_item.checked %>">
-      <div class="sci-checkbox-container disabled">
+<div class="content__checklist-item step-element--locked my-2">
+  <div class="checklist-item-header flex rounded pl-10 ml-[-2.325rem] items-center relative w-full group/checklist-item-header locked">
+    <div class="absolute cursor-grab justify-center left-0  px-2 tw-hidden text-sn-grey step-element-grip-placeholder"></div>
+    <div class="flex items-start gap-2 grow <%= 'done' if checklist_item.checked %>">
+      <div class="sci-checkbox-container disabled my-0.5">
         <input type="checkbox"
                class="sci-checkbox"
                <%= 'checked' if checklist_item.checked %> />
         <span class="sci-checkbox-label" ></span>
       </div>
-      <div class="step-checklist-text !mt-1 step-element--locked">
+      <div class="pr-24 relative flex items-start max-w-[90ch] step-element--locked">
         <%= render partial: "shareable_links/my_modules/inline_view", locals: { text: checklist_item.text, smart_annotation_enabled: true } %>
       </div>
     </div>
diff --git a/app/views/shareable_links/my_modules/step_elements/_table.html.erb b/app/views/shareable_links/my_modules/step_elements/_table.html.erb
index 2d4382be7..2ca34f819 100644
--- a/app/views/shareable_links/my_modules/step_elements/_table.html.erb
+++ b/app/views/shareable_links/my_modules/step_elements/_table.html.erb
@@ -1,12 +1,13 @@
-<div class="step-table-container">
-  <div class="step-element-header step-element--locked">
+<div class="content__table-container">
+  <div class="sci-divider my-6"></div>
+  <div class="table-header h-9 flex rounded mb-3 items-center relative w-full group/table-header step-element--locked">
     <% if element.name.present? %>
-      <div class="step-element-name font-bold">
+      <div class="grow-1 text-ellipsis whitespace-nowrap grow my-1 font-bold">
         <%= render partial: "shareable_links/my_modules/inline_view", locals: { text: element.name, smart_annotation_enabled: false } %>
       </div>
     <% end %>
   </div>
-  <div class="step-table view locked" tabindex="0">
+  <div class="table-body group/table-body relative border-solid border-transparent view locked" tabindex="0">
     <input type="hidden" class="hot-table-contents" value="<%= element.contents_utf_8 %>" />
     <input type="hidden" class="hot-table-metadata" value="<%= element.metadata ? element.metadata.to_json : nil %>" />
     <div class="hot-table-container"></div>
diff --git a/app/views/shareable_links/my_modules/step_elements/_text.html.erb b/app/views/shareable_links/my_modules/step_elements/_text.html.erb
index 41b76cfb3..3a1f5abe0 100644
--- a/app/views/shareable_links/my_modules/step_elements/_text.html.erb
+++ b/app/views/shareable_links/my_modules/step_elements/_text.html.erb
@@ -1,13 +1,14 @@
-<div class="step-text-container step-element--locked locked" tabindex="0">
+<div class="content__text-container locked" tabindex="0">
+  <div class="sci-divider my-6"></div>
   <% if element.name.present? %>
-    <div class="step-element-header step-element--locked mt-4">
-        <div class="step-element-name font-bold">
-          <%= render partial: "shareable_links/my_modules/inline_view", locals: { text: element.name, smart_annotation_enabled: false } %>
-          </div>
+    <div class="text-header h-9 flex rounded mb-1 items-center relative w-full group/text-header">
+      <div class="grow-1 text-ellipsis whitespace-nowrap grow my-1 font-bold">
+        <%= render partial: "shareable_links/my_modules/inline_view", locals: { text: element.name, smart_annotation_enabled: false } %>
+      </div>
     </div>
   <% end %>
   <% if element.text.present? %>
-    <div class="view-text-element">
+    <div class="flex rounded min-h-[2.25rem] mb-4 relative group/text_container content__text-body max-w-[90ch]">
       <%= smart_annotation_text(element.shareable_tinymce_render(:text)) %>
     </div>
   <% else %>

From 3502d96674d89fa09209c51ebb22d5704cf57785 Mon Sep 17 00:00:00 2001
From: Giga Chubinidze <giga@scinote.net>
Date: Thu, 12 Oct 2023 10:52:55 +0400
Subject: [PATCH 34/49] CSS: Signatures modal issues [SCI-9489]

---
 .../access_permissions/partials/_new_assignments_form.html.erb  | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/views/access_permissions/partials/_new_assignments_form.html.erb b/app/views/access_permissions/partials/_new_assignments_form.html.erb
index 0e4641c4a..3ac1abf84 100644
--- a/app/views/access_permissions/partials/_new_assignments_form.html.erb
+++ b/app/views/access_permissions/partials/_new_assignments_form.html.erb
@@ -5,7 +5,7 @@
     <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="sn-icon sn-icon-close"></i></button>
     <h4 class="modal-title">
       <%= link_to assignable_path, remote: true, class: 'pull-left spacer', data: { action: 'swap-remote-container', target: '#user_assignments_modal' } do %>
-        <i class="fas fa-arrow-left"></i>
+        <i class="fas fa-arrow-right"></i>
       <% end %>
       <%= t '.title', resource_name: assignable.name %>
     </h4>

From 357eebee402eaa29b1b6dcdcfd632f25da70aeff Mon Sep 17 00:00:00 2001
From: ajugo <andrej.jugovic7@gmail.com>
Date: Thu, 12 Oct 2023 14:43:17 +0200
Subject: [PATCH 35/49] Fix stock export on task [SCI-9477] (#6400)

---
 .../sitewide/repository_row_card.js           | 16 ++++++++++++++
 .../RepositoryItemSidebar.vue                 | 10 ++++-----
 .../RepositoryStockValue.vue                  | 21 ++++---------------
 .../export_stock_consumption_modal.vue        |  2 +-
 app/views/repository_rows/show.json.jbuilder  |  7 ++++++-
 5 files changed, 32 insertions(+), 24 deletions(-)

diff --git a/app/assets/javascripts/sitewide/repository_row_card.js b/app/assets/javascripts/sitewide/repository_row_card.js
index e5f8983d4..ef38a88ab 100644
--- a/app/assets/javascripts/sitewide/repository_row_card.js
+++ b/app/assets/javascripts/sitewide/repository_row_card.js
@@ -50,4 +50,20 @@
       }
     });
   });
+
+  $(document).on('click', '.export-consumption-button', function(e) {
+    const selectedRows = $(this).data('rows') || RepositoryDatatable.selectedRows();
+
+    e.preventDefault();
+
+    window.initExportStockConsumptionModal();
+
+    if (window.exportStockConsumptionModalComponent) {
+      window.exportStockConsumptionModalComponent.fetchRepositoryData(
+        selectedRows,
+        { repository_id: $(this).data('objectId') },
+      );
+      $('#modal-info-repository-row').modal('hide');
+    }
+  });
 }());
diff --git a/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue b/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue
index 4731f8c9f..dddb1abe4 100644
--- a/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue
+++ b/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue
@@ -38,8 +38,8 @@
                 <div class="flex flex-col ">
                   <span class="inline-block font-semibold pb-[6px]">{{
                     i18n.t('repositories.item_card.default_columns.repository_name') }}</span>
-                  <span class="repository-name flex text-sn-dark-grey" :title="repositoryName">
-                    {{ repositoryName }}
+                  <span class="repository-name flex text-sn-dark-grey" :title="repository?.name">
+                    {{ repository?.name }}
                   </span>
                 </div>
 
@@ -98,7 +98,7 @@
                     <Reminder :value="column.value" :valueType="column.value_type" />
                   </span>
                   <component :is="column.data_type" :key="index" :data_type="column.data_type" :colId="column.id"
-                    :colName="column.name" :colVal="column.value" :repositoryRowId="repositoryRowId"
+                    :colName="column.name" :colVal="column.value" :repositoryRowId="repositoryRowId" :repositoryId="repository?.id"
                     :permissions="permissions" @closeSidebar="toggleShowHideSidebar(null)" />
                   <div id="dashed-divider" :class="{ 'hidden': index === customColumns.length - 1 }"
                     class="flex h-[1px] py-0 border-dashed border-[1px] border-sn-light-grey">
@@ -221,7 +221,7 @@ export default {
     return {
       currentItemUrl: null,
       dataLoading: false,
-      repositoryName: null,
+      repository: null,
       defaultColumns: null,
       customColumns: null,
       assignedModules: null,
@@ -273,7 +273,7 @@ export default {
         dataType: 'json',
         success: (result) => {
           this.repositoryRowId = result.id
-          this.repositoryName = result.repository_name;
+          this.repository = result.repository;
           this.defaultColumns = result.default_columns;
           this.customColumns = result.custom_columns;
           this.dataLoading = false
diff --git a/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryStockValue.vue b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryStockValue.vue
index 145ea51f1..dc8bafa3b 100644
--- a/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryStockValue.vue
+++ b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryStockValue.vue
@@ -3,10 +3,11 @@
     <div class="font-inter text-sm font-semibold leading-5 relative">
       <span>{{ colName }}</span>
       <a style="text-decoration: none;"
-        class="absolute right-0 text-sn-science-blue visited:text-sn-science-blue hover:text-sn-science-blue font-inter text-sm font-normal cursor-pointer" 
+        class="absolute right-0 text-sn-science-blue visited:text-sn-science-blue hover:text-sn-science-blue 
+               font-inter text-sm font-normal cursor-pointer export-consumption-button" 
         v-if="permissions?.can_export_repository_stock === true"
-        @click.prevent="exportConsumptionCallback"
         :data-rows="JSON.stringify([repositoryRowId])"
+        :data-object-id="repositoryId"
       >
         {{ i18n.t('repositories.item_card.stock_export') }}
       </a>
@@ -35,6 +36,7 @@ export default {
     colId: Number,
     colName: String,
     colVal: Object,
+    repositoryId: Number,
     repositoryRowId: null,
     permissions: null
   },
@@ -42,21 +44,6 @@ export default {
     this.stock_formatted = this.colVal.stock_formatted
     this.stock_amount = this.colVal.stock_amount
     this.low_stock_threshold = this.colVal.low_stock_threshold
-  },
-  methods: {
-    exportConsumptionCallback(event) {
-      $('#exportStockConsumptionModal')
-      .one('show.bs.modal', function() {
-          $('#exportStockConsumptionModal').attr(
-            'data-rows',
-            $(event.target).attr('data-rows')
-          );
-        })
-        .one('hide.bs.modal', function() {
-          $('#exportStockConsumptionModal').attr('data-rows', null);
-        })
-        .modal('show');
-    }
   }
 }
 </script>
diff --git a/app/javascript/vue/repository_row/export_stock_consumption_modal.vue b/app/javascript/vue/repository_row/export_stock_consumption_modal.vue
index edb9609df..0976f7f7e 100644
--- a/app/javascript/vue/repository_row/export_stock_consumption_modal.vue
+++ b/app/javascript/vue/repository_row/export_stock_consumption_modal.vue
@@ -14,7 +14,7 @@
           <h4 class="modal-title"> {{ i18n.t('zip_export.consumption_modal_label') }} </h4>
         </div>
         <div class="modal-body">
-          <p>{{ i18n.t('zip_export.consumption_header_html', { repository: this.repository?.name }) }} </p>
+          <p>{{ i18n.t('zip_export.consumption_header_html', { repository: repository?.name }) }} </p>
           <p v-html="i18n.t('zip_export.consumption_body_html')"> </p>
           <p class='pb-0' v-html="i18n.t('zip_export.consumption_footer_html')"></p>
         </div>
diff --git a/app/views/repository_rows/show.json.jbuilder b/app/views/repository_rows/show.json.jbuilder
index e6feb098d..554c1cac2 100644
--- a/app/views/repository_rows/show.json.jbuilder
+++ b/app/views/repository_rows/show.json.jbuilder
@@ -1,7 +1,12 @@
 # frozen_string_literal: true
 
 json.id @repository_row.id
-json.repository_name @repository.name
+
+json.repository do
+  json.id @repository.id
+  json.name @repository.name
+end
+
 json.permissions do
   json.can_export_repository_stock can_export_repository_stock?(@repository_row.repository)
 end

From 45cfe77ef72d54ec3009a43dedb85e20c07511d0 Mon Sep 17 00:00:00 2001
From: wandji <wbertrand10@gmail.com>
Date: Thu, 12 Oct 2023 14:10:54 +0100
Subject: [PATCH 36/49] Add qr code and print label to item card [SCI-9471
 (#6364)

* Add qr acode and print label to item card [SCI-9471

* Remove jQuery handler for setting barcode image src [SCI-9471]
---
 .../RepositoryItemSidebar.vue                 | 34 ++++++++++---------
 config/locales/en.yml                         |  5 +--
 2 files changed, 21 insertions(+), 18 deletions(-)

diff --git a/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue b/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue
index dddb1abe4..7523e128f 100644
--- a/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue
+++ b/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue
@@ -8,7 +8,7 @@
       <div id="sticky-header-wrapper">
         <div class="header flex w-full">
           <h4 class="item-name my-auto truncate" :title="defaultColumns?.name">
-            {{ !defaultColumns?.archived ? i18n.t('labels.archived') : '' }}
+            {{ defaultColumns?.archived ? i18n.t('labels.archived') : '' }}
             {{ defaultColumns?.name }}
           </h4>
           <i id="close-icon" @click="toggleShowHideSidebar(currentItemUrl)"
@@ -30,9 +30,9 @@
           <div id="information">
             <div ref="information-label" id="information-label"
               class="font-inter text-base font-semibold leading-7 mb-4 transition-colors duration-300">{{
-                i18n.t('repositories.item_card.title.information') }}
+                i18n.t('repositories.item_card.section.information') }}
             </div>
-            <div class="item-details">
+            <div>
               <div class="flex flex-col gap-4">
                 <!-- REPOSITORY NAME -->
                 <div class="flex flex-col ">
@@ -148,12 +148,13 @@
             <div id="divider" class="w-500 bg-sn-light-grey flex px-8 items-center self-stretch h-px  "></div>
 
             <!-- QR -->
-            <div id="QR-wrapper" class="block">
-              <div ref="QR-label" id="QR-label"
-                class="font-inter text-base font-semibold leading-7 mb-4 transition-colors duration-300">QR</div>
-              <canvas id="bar-code-canvas" class="hidden"></canvas>
-              <img :src="barCodeSrc" />
-            </div>
+            <section id="qr-wrapper">
+              <div class="font-inter text-base font-semibold leading-7 mb-4 mt-0">{{ i18n.t('repositories.item_card.section.qr') }}</div>
+              <div class="bar-code-container">
+                <canvas id="bar-code-canvas" class="hidden"></canvas>
+                <img :src="barCodeSrc" />
+              </div>
+            </section>
           </div>
         </div>
 
@@ -170,10 +171,12 @@
       </div>
 
       <!-- BOTTOM -->
-      <div id="bottom" class="h-[100px] flex flex-col justify-end" :class="{ 'pb-6': customColumns?.length }">
+      <div id="bottom" class="h-[100px] flex flex-col justify-end mt-4" :class="{ 'pb-6': customColumns?.length }">
         <div id="divider" class="w-500 bg-sn-light-grey flex px-8 items-center self-stretch h-px mb-6"></div>
         <div id="bottom-button-wrapper" class="flex h-10 justify-end">
-          <button class="btn btn-primary">Print Label</button>
+          <button type="button" class="btn btn-primary print-label-button" :data-rows="JSON.stringify([repositoryRowId])">
+            {{ i18n.t('repositories.item_card.print_label') }}
+          </button>
         </div>
       </div>
 
@@ -221,12 +224,12 @@ export default {
     return {
       currentItemUrl: null,
       dataLoading: false,
+      repositoryRowId: null,
       repository: null,
       defaultColumns: null,
       customColumns: null,
       assignedModules: null,
       isShowing: false,
-      assigned: 'Assigned to 3 private tasks that will not be displayed',
       barCodeSrc: null,
       permissions: null
     }
@@ -272,7 +275,7 @@ export default {
         url: repositoryRowUrl,
         dataType: 'json',
         success: (result) => {
-          this.repositoryRowId = result.id
+          this.repositoryRowId = result.id;
           this.repository = result.repository;
           this.defaultColumns = result.default_columns;
           this.customColumns = result.custom_columns;
@@ -286,14 +289,13 @@ export default {
       });
     },
     generateBarCode(text) {
-      if (!text) return
-      // generate the QR code
+      if(!text) return;
       const barCodeCanvas = bwipjs.toCanvas('bar-code-canvas', {
         bcid: 'qrcode',
         text,
         scale: 3
       });
-      this.barCodeSrc = barCodeCanvas.toDataURL('image/png')
+      this.barCodeSrc = barCodeCanvas.toDataURL('image/png');
     },
     privateModuleSize() {
       return this.assignedModules.total_assigned_size - this.assignedModules.viewable_modules.length;
diff --git a/config/locales/en.yml b/config/locales/en.yml
index 1d833c8a2..822410886 100644
--- a/config/locales/en.yml
+++ b/config/locales/en.yml
@@ -2220,10 +2220,11 @@ en:
     my_module_assigned_snapshot_service:
       invalid_arguments: "Can't find %{key}"
     item_card:
-      title:
-        information: "Information"
       section:
+        information: "Information"
         assigned: "Assigned (%{count})"
+        qr: "QR"
+      print_label: "Print label"
       assigned:
         empty: "This item is not assigned to any task."
         private:

From e0148cca318f91a21231c9b72ac875e2a20dc4c6 Mon Sep 17 00:00:00 2001
From: ajugo <andrej.jugovic7@gmail.com>
Date: Thu, 12 Oct 2023 15:19:51 +0200
Subject: [PATCH 37/49] Fix image preview and status icon for items card
 [SCI-9480] (#6413)

---
 .../RepositoryAssetValue.vue                  |  2 +-
 .../RepositoryStatusValue.vue                 | 12 +++++--
 .../repository_values/TooltipPreview.vue      | 32 +++++++++++++++++--
 3 files changed, 40 insertions(+), 6 deletions(-)

diff --git a/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryAssetValue.vue b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryAssetValue.vue
index 9fc9ee453..b5bc0a411 100644
--- a/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryAssetValue.vue
+++ b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryAssetValue.vue
@@ -4,7 +4,7 @@
       {{ colName }}
     </div>
     <div v-if="file_name" @mouseover="tooltipShowing = true" @mouseout="tooltipShowing = false"
-      class="w-fit cursor-pointer text-sn-science-blue">
+      class="w-fit cursor-pointer text-sn-science-blue relative">
       <a @click="$emit('closeSidebar')" class="file-preview-link" :id="modalPreviewLinkId" data-no-turbolink="true"
         data-id="true" data-status="asset-present" :data-preview-url=this.preview_url :href=this.url>
         {{ file_name }}
diff --git a/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryStatusValue.vue b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryStatusValue.vue
index a3bb232e0..5ae5bc1af 100644
--- a/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryStatusValue.vue
+++ b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryStatusValue.vue
@@ -3,8 +3,8 @@
     <div class="font-inter text-sm font-semibold leading-5">
       {{ colName }}
     </div>
-    <div v-if="status && icon" class="text-sn-dark-grey font-inter text-sm font-normal leading-5 ">
-      <i class="text-lg">{{ icon }}</i>
+    <div v-if="status && icon" class="flex flex-row items-center text-sn-dark-grey font-inter text-sm font-normal leading-5 ">
+      <div v-html="parseEmoji(icon)" class="flex mr-1.5 h-6"></div>
       {{ status }}
     </div>
     <div v-else class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
@@ -14,6 +14,9 @@
 </template>
 
 <script>
+
+import twemoji from 'twemoji';
+
 export default {
   name: 'RepositoryStatusValue',
   data() {
@@ -33,6 +36,11 @@ export default {
     this.id = this.colVal.id
     this.icon = this.colVal.icon
     this.status = this.colVal.status
+  },
+  methods: {
+    parseEmoji(content) {
+      return twemoji.parse(content);
+    }
   }
 }
 </script>
diff --git a/app/javascript/vue/repository_item_sidebar/repository_values/TooltipPreview.vue b/app/javascript/vue/repository_item_sidebar/repository_values/TooltipPreview.vue
index d90a78643..55d170dd3 100644
--- a/app/javascript/vue/repository_item_sidebar/repository_values/TooltipPreview.vue
+++ b/app/javascript/vue/repository_item_sidebar/repository_values/TooltipPreview.vue
@@ -1,13 +1,20 @@
 <template>
-  <div class="absolute">
-    <img :src="this.medium_preview_url"
-      class="absolute bg-sn-light-grey text-sn-black w-[300px] h-[260px] rounded pointer-events-none flex shadow-lg shrink-0" />
+  <div>
+    <img :src="this.medium_preview_url" @load="onImageLoaded($event)"
+      class="absolute bg-sn-light-grey text-sn-black rounded pointer-events-none flex shadow-lg"
+      :class="{ hidden: !showImage, 'top-0 transform -translate-y-full': showTop }"/>
   </div>
 </template>
 
 <script>
 export default {
   name: 'TooltipPreview',
+  data() {
+    return {
+      showTop: false,
+      showImage: false,
+    }
+  },
   props: {
     tooltipId: String,
     url: String,
@@ -16,5 +23,24 @@ export default {
     icon_html: String || null,
     medium_preview_url: String || null,
   },
+  methods: {
+    onImageLoaded(event) {
+      this.showTop = !this.isInViewPort(event.target);
+      this.showImage = true;
+    },
+
+    isInViewPort(el) {
+      if (!el) return;
+
+      const height = el.naturalHeight;
+      const rect = el.parentElement.getBoundingClientRect();
+
+      return (
+        (rect.bottom + height) <=
+          (window.innerHeight || document.documentElement.clientHeight)
+      );
+}
+
+  }
 }
 </script>

From 60d79be2206dfb74c1f24227d1a6451633729cc7 Mon Sep 17 00:00:00 2001
From: Gregor Lasnibat <143816208+lasniscinote@users.noreply.github.com>
Date: Thu, 12 Oct 2023 15:26:41 +0200
Subject: [PATCH 38/49] Working on item card interactions, implemented close on
 click outside [SCI-9470] (#6401)

Fixed date format, checklist content, active/archived state [SCI-9470]

Fixed date formatting on BE [SCI-9470]
---
 .../RepositoryItemSidebar.vue                 | 19 +++++++++++++++++--
 .../RepositoryChecklistValue.vue              |  4 ++--
 app/views/repository_rows/show.json.jbuilder  |  2 +-
 3 files changed, 20 insertions(+), 5 deletions(-)

diff --git a/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue b/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue
index 7523e128f..a73c6bebd 100644
--- a/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue
+++ b/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue
@@ -98,8 +98,9 @@
                     <Reminder :value="column.value" :valueType="column.value_type" />
                   </span>
                   <component :is="column.data_type" :key="index" :data_type="column.data_type" :colId="column.id"
-                    :colName="column.name" :colVal="column.value" :repositoryRowId="repositoryRowId" :repositoryId="repository?.id"
-                    :permissions="permissions" @closeSidebar="toggleShowHideSidebar(null)" />
+                    :colName="column.name" :colVal="column.value" :repositoryRowId="repositoryRowId"
+                    :repositoryId="repository?.id" :permissions="permissions"
+                    @closeSidebar="toggleShowHideSidebar(null)" />
                   <div id="dashed-divider" :class="{ 'hidden': index === customColumns.length - 1 }"
                     class="flex h-[1px] py-0 border-dashed border-[1px] border-sn-light-grey">
                   </div>
@@ -237,10 +238,24 @@ export default {
   created() {
     window.repositoryItemSidebarComponent = this;
   },
+  mounted() {
+    // Add a click event listener to the document
+    document.addEventListener('click', this.handleOutsideClick);
+  },
   beforeDestroy() {
     delete window.repositoryItemSidebarComponent;
+    document.removeEventListener('click', this.handleDocumentClick);
   },
   methods: {
+    handleOutsideClick(event) {
+      if (!this.isShowing) return
+
+      const sidebar = this.$refs.wrapper;
+      // Check if the clicked element is not within the sidebar and it's not another item link
+      if (!sidebar.contains(event.target) && !event.target.closest('a')) {
+        this.toggleShowHideSidebar(null)
+      }
+    },
     toggleShowHideSidebar(repositoryRowUrl) {
       // initial click
       if (this.currentItemUrl === null) {
diff --git a/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryChecklistValue.vue b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryChecklistValue.vue
index 0247247ee..539752b02 100644
--- a/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryChecklistValue.vue
+++ b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryChecklistValue.vue
@@ -15,9 +15,9 @@
         </div>
       </div>
       <div v-else
-        class="text-sn-dark-grey font-inter text-sm font-normal leading-5 h-fit overflow-auto grid auto-rows-auto grid-cols-3">
+        class="text-sn-dark-grey font-inter text-sm font-normal leading-5 h-10 w-[370px] overflow-x-auto flex flex-wrap">
         <div v-for="(checklistItem, index) in allChecklistItems" :key="index">
-          <div id="checklist-item" class="min-w-max">
+          <div id="checklist-item" class="flex w-fit h-[18px] break-words mx-1">
             {{ `${checklistItem.label} |` }}
           </div>
         </div>
diff --git a/app/views/repository_rows/show.json.jbuilder b/app/views/repository_rows/show.json.jbuilder
index 554c1cac2..3f3230a2e 100644
--- a/app/views/repository_rows/show.json.jbuilder
+++ b/app/views/repository_rows/show.json.jbuilder
@@ -13,7 +13,7 @@ end
 json.default_columns do
   json.name @repository_row.name
   json.code @repository_row.code
-  json.added_on @repository_row.created_at
+  json.added_on I18n.l(@repository_row.created_at, format: :full)
   json.added_by @repository_row.created_by&.full_name
   json.archived @repository_row.archived?
 end

From a5ec4a6c952ece87330293df440567db752c6209 Mon Sep 17 00:00:00 2001
From: ivanscinote <138504771+ivanscinote@users.noreply.github.com>
Date: Thu, 12 Oct 2023 15:27:36 +0200
Subject: [PATCH 39/49] Fix outside_click.js [SCI-9404] (#6398)

---
 .../packs/vue/directives/outside_click.js     | 19 +++++++++----------
 1 file changed, 9 insertions(+), 10 deletions(-)

diff --git a/app/javascript/packs/vue/directives/outside_click.js b/app/javascript/packs/vue/directives/outside_click.js
index fc85316f6..4ccd5258f 100644
--- a/app/javascript/packs/vue/directives/outside_click.js
+++ b/app/javascript/packs/vue/directives/outside_click.js
@@ -3,16 +3,13 @@
 // eg v-click-outside="{handler: 'handlerToTrigger', exclude: [refs to ignore on click (eg 'searchInput', 'searchInputBtn')]}"
 // eslint-enable-next-line max-len
 
-let handleOutsideClick;
-
 export default {
   bind(el, binding, vnode) {
-    const { handler, exclude } = binding.value;
-
-    handleOutsideClick = (e) => {
+    el._vueClickOutside_ = (e) => {
       e.stopPropagation();
 
       let clickedOnExcludedEl = false;
+      const { exclude } = binding.value;
       exclude.forEach(refName => {
         if (!clickedOnExcludedEl) {
           const excludedEl = vnode.context.$refs[refName];
@@ -21,15 +18,17 @@ export default {
       });
 
       if (!el.contains(e.target) && !clickedOnExcludedEl) {
+        const { handler } = binding.value;
         vnode.context[handler]();
       }
     };
 
-    document.addEventListener('click', handleOutsideClick);
-    document.addEventListener('touchstart', handleOutsideClick);
+    document.addEventListener('click', el._vueClickOutside_);
+    document.addEventListener('touchstart', el._vueClickOutside_);
   },
-  unbind() {
-    document.removeEventListener('click', handleOutsideClick);
-    document.removeEventListener('touchstart', handleOutsideClick);
+  unbind(el) {
+    document.removeEventListener('click', el._vueClickOutside_);
+    document.removeEventListener('touchstart', el._vueClickOutside_);
+    el._vueClickOutside_ = null;
   }
 };

From 6ca66f3b961106f9ebb99c9fe15c13dbb2717fd2 Mon Sep 17 00:00:00 2001
From: wandji <wbertrand10@gmail.com>
Date: Thu, 12 Oct 2023 14:32:42 +0100
Subject: [PATCH 40/49] Fix text size and close icon in protocol docx parser
 [SCI-9451] (#6423)

---
 app/javascript/vue/protocol_import/file_import_modal.vue | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/app/javascript/vue/protocol_import/file_import_modal.vue b/app/javascript/vue/protocol_import/file_import_modal.vue
index 76d7870f3..b4d9f323d 100644
--- a/app/javascript/vue/protocol_import/file_import_modal.vue
+++ b/app/javascript/vue/protocol_import/file_import_modal.vue
@@ -3,10 +3,12 @@
     <div class="modal-dialog" role="document">
       <div class="modal-content">
         <div class="modal-header">
-          <button type="button" class="close" data-dismiss="modal">&times;</button>
+          <button type="button" class="close" data-dismiss="modal" :aria-label="i18n.t('general.close')">
+            <i class="sn-icon sn-icon-close"></i>
+          </button>
         <h4 class="modal-title">{{ i18n.t(`protocols.import_modal.${state}.title`) }}</h4>
         </div>
-        <div class="modal-body text-xs" v-html="i18n.t(`protocols.import_modal.${state}.body_html`, { url: protocolTemplateTableUrl })">
+        <div class="modal-body text-sm" v-html="i18n.t(`protocols.import_modal.${state}.body_html`, { url: protocolTemplateTableUrl })">
         </div>
         <div class="modal-footer">
           <button v-if="state === 'confirm'" type="button"

From 27652fd1a017cce7440c9d93b7e9ad970281f8c3 Mon Sep 17 00:00:00 2001
From: Gregor Lasnibat <143816208+lasniscinote@users.noreply.github.com>
Date: Thu, 12 Oct 2023 15:35:30 +0200
Subject: [PATCH 41/49] Working on sticky header + navigation behaviour
 [SCI-9472] (#6428)

Working on highlighting ScrollSpy when scrolling. Decided on external library [SCI-9472]

Finished not sticky item header v.01 [SCI-9472]

PR fix01 [SCI-9472]
---
 .../packs/vue/repository_item_sidebar.js      |  2 ++
 .../RepositoryItemSidebar.vue                 | 15 +++++-----
 .../repository_values/ScrollSpy.vue           | 28 +++++++++++++++----
 package.json                                  |  1 +
 yarn.lock                                     | 15 +++++++++-
 5 files changed, 48 insertions(+), 13 deletions(-)

diff --git a/app/javascript/packs/vue/repository_item_sidebar.js b/app/javascript/packs/vue/repository_item_sidebar.js
index 25dba7e04..fc151754e 100644
--- a/app/javascript/packs/vue/repository_item_sidebar.js
+++ b/app/javascript/packs/vue/repository_item_sidebar.js
@@ -1,10 +1,12 @@
 /* global notTurbolinksPreview */
 
 import TurbolinksAdapter from 'vue-turbolinks';
+import ScrollSpy from 'vue2-scrollspy';
 import Vue from 'vue/dist/vue.esm';
 import RepositoryItemSidebar from '../../vue/repository_item_sidebar/RepositoryItemSidebar.vue';
 
 Vue.use(TurbolinksAdapter);
+Vue.use(ScrollSpy);
 Vue.prototype.i18n = window.I18n;
 
 function initRepositoryItemSidebar() {
diff --git a/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue b/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue
index a73c6bebd..bb8ff0a55 100644
--- a/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue
+++ b/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue
@@ -3,10 +3,10 @@
     class='bg-white overflow-auto gap-2.5 self-stretch  rounded-tl-4 rounded-bl-4 transition-transform ease-in-out transform shadow-lg'
     :class="{ 'translate-x-0 w-[565px] h-full': isShowing, 'transition-transform ease-in-out duration-400 transform translate-x-0 translate-x-full w-0': !isShowing }">
 
-    <div id="repository-item-sidebar" class="w-full h-full  py-6 px-6 bg-white flex flex-col">
+    <div id="repository-item-sidebar" class="w-full h-auto  pb-6 px-6 bg-white flex flex-col">
 
-      <div id="sticky-header-wrapper">
-        <div class="header flex w-full">
+      <div id="sticky-header-wrapper" class="sticky top-0 right-0 bg-white flex z-50 flex-col h-[102px] pt-6">
+        <div class="header flex w-full h-[30px]">
           <h4 class="item-name my-auto truncate" :title="defaultColumns?.name">
             {{ defaultColumns?.archived ? i18n.t('labels.archived') : '' }}
             {{ defaultColumns?.name }}
@@ -15,8 +15,8 @@
             class="sn-icon sn-icon-close ml-auto cursor-pointer my-auto mx-0"></i>
         </div>
 
-        <div id="divider" class="flex w-500 bg-sn-light-grey my-6 self-stretch h-px items-center pt-px">
-        </div>
+        <div id="divider" class="w-500 bg-sn-light-grey flex items-center self-stretch h-px my-6"></div>
+
       </div>
 
       <div v-if="dataLoading" class="h-full flex flex-grow-1">
@@ -160,13 +160,14 @@
         </div>
 
         <!-- NAVIGATION -->
-        <div id="navigation" class="flex item-end gap-x-4 min-w-[130px] h-[130px] sticky top-0 right-0">
+        <div ref="navigationRef" id="navigation"
+          class="flex item-end gap-x-4 min-w-[130px] min-h-[130px] h-fit absolute top-[102px] right-[24px] ">
           <scroll-spy :itemsToCreate="[
             { id: 'highlight-item-1', textId: 'text-item-1', labelAlias: 'information_label', label: 'information-label' },
             { id: 'highlight-item-2', textId: 'text-item-2', labelAlias: 'custom_columns_label', label: 'custom-columns-label' },
             { id: 'highlight-item-3', textId: 'text-item-3', labelAlias: 'assigned_label', label: 'assigned-label' },
             { id: 'highlight-item-4', textId: 'text-item-4', labelAlias: 'QR_label', label: 'QR-label' }
-          ]">
+          ]" :stickyHeaderHeightPx="102" :cardTopPaddingPx="null">
           </scroll-spy>
         </div>
       </div>
diff --git a/app/javascript/vue/repository_item_sidebar/repository_values/ScrollSpy.vue b/app/javascript/vue/repository_item_sidebar/repository_values/ScrollSpy.vue
index fa5ded9ff..5683126f4 100644
--- a/app/javascript/vue/repository_item_sidebar/repository_values/ScrollSpy.vue
+++ b/app/javascript/vue/repository_item_sidebar/repository_values/ScrollSpy.vue
@@ -1,4 +1,5 @@
 <template>
+  <!-- This will be re-implemented using vue2-scrollspy library in a following ticket -->
   <div class="flex gap-3">
     <div id="navigation-text">
       <div class="flex flex-col py-2 px-0 gap-3 self-stretch w-[130px] h-[130px]  justify-center items-center">
@@ -19,24 +20,41 @@
     </div>
   </div>
 </template>
-  
+
 <script>
 export default {
   name: 'ScrollSpy',
   props: {
     itemsToCreate: Array,
+    stickyHeaderHeightPx: Number || null,
+    cardTopPaddingPx: Number || null
   },
   data() {
     return {
       rootContainerEl: null,
       selectedNavText: null,
-      selectedNavIndicator: null
+      selectedNavIndicator: null,
+      positions: []
     }
   },
   created() {
     this.rootContainerEl = this.$parent.$refs.wrapper
+    this.rootContainerEl?.addEventListener('scroll', this.handleScrollBehaviour)
   },
+
   methods: {
+    handleScrollBehaviour() {
+      // used for keeping scroll spy sticky
+      this.updateNavigationPositionOnScroll()
+    },
+    updateNavigationPositionOnScroll() {
+      const navigationDom = this?.$parent?.$refs?.navigationRef
+      // Get the current scroll position
+      const scrollPosition = this?.rootContainerEl?.scrollTop
+      // Adjust navigationDom position equal to the scrollPosition + the header height and the card top padding (if present)
+      navigationDom.style.top = `${scrollPosition + this?.stickyHeaderHeightPx + this?.cardTopPaddingPx}px`;
+    },
+
     handleSideNavClick(e) {
       if (!this.rootContainerEl) {
         return
@@ -56,8 +74,8 @@ export default {
       // scrolling to desired section
       const domElToScrollTo = this.$parent.$refs[refToScrollTo]
       this.rootContainerEl.scrollTo({
-        top: domElToScrollTo.offsetTop,
-        behavior: "smooth"
+        top: domElToScrollTo.offsetTop - this?.stickyHeaderHeightPx - this?.cardTopPaddingPx,
+        behavior: "auto"
       })
 
       // flashing the title color to blue and back over 300ms
@@ -71,6 +89,6 @@ export default {
         clearTimeout(timeoutId)
       }, 500)
     }
-  }
+  },
 }
 </script>
diff --git a/package.json b/package.json
index 178b3f999..eeb901463 100644
--- a/package.json
+++ b/package.json
@@ -81,6 +81,7 @@
     "vue-template-compiler": "^2.6.12",
     "vue-turbolinks": "^2.2.1",
     "vue2-perfect-scrollbar": "^1.5.56",
+    "vue2-scrollspy": "^2.3.1",
     "vuedraggable": "^2.24.3",
     "webpack": "^5.64.4",
     "webpack-cli": "^4.10.0",
diff --git a/yarn.lock b/yarn.lock
index 10218fa90..3c928f9e3 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1441,6 +1441,11 @@
   resolved "https://registry.yarnpkg.com/@trysound/sax/-/sax-0.2.0.tgz#cccaab758af56761eb7bf37af6f03f326dd798ad"
   integrity sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA==
 
+"@tweenjs/tween.js@^17.2.0":
+  version "17.6.0"
+  resolved "https://registry.yarnpkg.com/@tweenjs/tween.js/-/tween.js-17.6.0.tgz#61bc86c372bcc5a9f744e661dd6ae16f5ee7d0ef"
+  integrity sha512-utSXj0WHi4qr/iyfFHGMJBaL+ixQ2N7BAmx1R5g8jBqykJfjBUQ0hKWwXf767hbALC3zOoOIofKYSDWu5n04JQ==
+
 "@types/debug@^4.0.0":
   version "4.1.8"
   resolved "https://registry.yarnpkg.com/@types/debug/-/debug-4.1.8.tgz#cef723a5d0a90990313faec2d1e22aee5eecb317"
@@ -2059,7 +2064,7 @@ babel-plugin-polyfill-regenerator@^0.4.1:
   dependencies:
     "@babel/helper-define-polyfill-provider" "^0.3.3"
 
-babel-runtime@^6.11.6:
+babel-runtime@^6.11.6, babel-runtime@^6.26.0:
   version "6.26.0"
   resolved "https://registry.yarnpkg.com/babel-runtime/-/babel-runtime-6.26.0.tgz#965c7058668e82b55d7bfe04ff2337bc8b5647fe"
   integrity sha512-ITKNuq2wKlW1fJg9sSW52eepoYgZBggvOAHC0u/CYu/qxQ9EVzThCgR69BnSXLHjy2f7SY5zaQ4yt7H9ZVxY2g==
@@ -7333,6 +7338,14 @@ vue2-perfect-scrollbar@^1.5.56:
     perfect-scrollbar "^1.5.5"
     postcss-import "^12.0.0"
 
+vue2-scrollspy@^2.3.1:
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/vue2-scrollspy/-/vue2-scrollspy-2.3.1.tgz#7a2aba7ea53e020cdd47851c56594a41731e88f4"
+  integrity sha512-nynFYH9zwfXHfhopQyFT6uxe8Vgz9c46/NibJzI24h8FAHBnlzEe9EXNhUy+wcfr+BEa4Q22V5GvnigTtbmPaQ==
+  dependencies:
+    "@tweenjs/tween.js" "^17.2.0"
+    babel-runtime "^6.26.0"
+
 vue@^2.6.11:
   version "2.7.14"
   resolved "https://registry.yarnpkg.com/vue/-/vue-2.7.14.tgz#3743dcd248fd3a34d421ae456b864a0246bafb17"

From c55c9e259624daa435bc5467e251f51dd7d3cfe2 Mon Sep 17 00:00:00 2001
From: ajugo <andrej.jugovic7@gmail.com>
Date: Thu, 12 Oct 2023 15:36:00 +0200
Subject: [PATCH 42/49] Fix button permission for the shareable link on task
 [SCI-9517] (#6427)

---
 app/views/my_modules/_task_flow_and_sharing.html.erb | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/views/my_modules/_task_flow_and_sharing.html.erb b/app/views/my_modules/_task_flow_and_sharing.html.erb
index a190661fc..e6142c045 100644
--- a/app/views/my_modules/_task_flow_and_sharing.html.erb
+++ b/app/views/my_modules/_task_flow_and_sharing.html.erb
@@ -4,9 +4,9 @@
     <% if current_team.shareable_links_enabled? && can_share_my_module?(@my_module) %>
       <div class="share-task-container" data-behaviour="vue">
         <share-task-container
-          <%= 'shared' if @my_module.shared? %>
           shareable-link-url="<%= my_module_shareable_link_path(@my_module) %>"
-          <%= 'disabled' if !can_manage_my_module?(current_user, @my_module) %> />
+          :shared="<%= @my_module.shared? %>"
+          :disabled="<%= !can_share_my_module?(@my_module) %>" />
       </div>
 
       <%= javascript_include_tag 'vue_share_task_container' %>

From d7dd6fdf1559dd5dd6592f9de11fd65d5d6746be Mon Sep 17 00:00:00 2001
From: aignatov-bio <47317017+aignatov-bio@users.noreply.github.com>
Date: Thu, 12 Oct 2023 15:36:39 +0200
Subject: [PATCH 43/49] Remove result activities from protocol group [SCI-9491]
 (#6420)

---
 config/initializers/extends.rb | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/config/initializers/extends.rb b/config/initializers/extends.rb
index 5b0c419e0..fc5960167 100644
--- a/config/initializers/extends.rb
+++ b/config/initializers/extends.rb
@@ -509,7 +509,7 @@ class Extends
     protocol_repository: [80, 103, 89, 87, 79, 90, 91, 88, 85, 86, 84, 81, 82,
                           83, 101, 112, 123, 125, 117, 119, 129, 131, 170, 173, 179, 187, 186,
                           190, 191, *204..215, 220, 221, 223, 227, 228, 229, *230..235,
-                          *237..240, *253..256, *259..283],
+                          *237..240, *253..256, *279..283],
     team: [92, 94, 93, 97, 104, 244, 245],
     label_templates: [*216..219]
   }

From 4b5c7362e540b68e89a29ee27e3f7292aa7b9a24 Mon Sep 17 00:00:00 2001
From: ajugo <andrej.jugovic7@gmail.com>
Date: Thu, 12 Oct 2023 15:37:23 +0200
Subject: [PATCH 44/49] Fix opening of the datetime picker direction [SCI-9146]
 (#6395)

---
 .../renderers/columns/date_time_helper.js     | 35 ++++++++++++++++++-
 1 file changed, 34 insertions(+), 1 deletion(-)

diff --git a/app/assets/javascripts/repositories/renderers/columns/date_time_helper.js b/app/assets/javascripts/repositories/renderers/columns/date_time_helper.js
index c346b4e02..4be902d54 100644
--- a/app/assets/javascripts/repositories/renderers/columns/date_time_helper.js
+++ b/app/assets/javascripts/repositories/renderers/columns/date_time_helper.js
@@ -14,6 +14,31 @@ var DateTimeHelper = (function() {
     return ('0' + value).slice(-2);
   }
 
+  function setDateTimePickerOpeningDirection(event) {
+    const element = $(event.target);
+    const dateTimePickerWidget = $('.bootstrap-datetimepicker-widget');
+
+    const windowHeight = element.closest('table').offset().top;
+    const inputTop = element.offset().top;
+    const pickerHeight = $('.bootstrap-datetimepicker-widget').outerHeight();
+
+    if (inputTop - windowHeight > pickerHeight) {
+      dateTimePickerWidget.addClass('top')
+        .removeClass('bottom')
+        .css({
+          top: 'auto',
+          bottom: '36px',
+        });
+    } else {
+      dateTimePickerWidget.addClass('bottom')
+        .removeClass('top')
+        .css({
+          top: '36px',
+          bottom: 'auto',
+        });
+    }
+  }
+
   function recalcTimestamp(date, timeStr) {
     if (!isValidTimeStr(timeStr)) {
       date.setHours(0);
@@ -221,7 +246,11 @@ var DateTimeHelper = (function() {
       hourFormat: 24
     }).mask($cell.find('input[data-mask-type="time"]'));
 
-    $cell.find('.calendar-input').datetimepicker({ ignoreReadonly: true, locale: 'en', format: formatJS });
+    $cell.find('.calendar-input')
+      .datetimepicker({ ignoreReadonly: true, locale: 'en', format: formatJS })
+      .on('dp.show', (e) => {
+        setDateTimePickerOpeningDirection(e);
+      });
     initChangeEvents($cell);
   }
 
@@ -273,9 +302,13 @@ var DateTimeHelper = (function() {
 
     $cal1.on('dp.change', function(e) {
       $cal2.data('DateTimePicker').minDate(e.date);
+    }).on('dp.show', (e) => {
+      setDateTimePickerOpeningDirection(e);
     });
     $cal2.on('dp.change', function(e) {
       $cal1.data('DateTimePicker').maxDate(e.date);
+    }).on('dp.show', (e) => {
+      setDateTimePickerOpeningDirection(e);
     });
 
     initChangeEvents($cell);

From 04a898760ad9052576feee9f40716d6d7cde5e2c Mon Sep 17 00:00:00 2001
From: ajugo <andrej.jugovic7@gmail.com>
Date: Thu, 12 Oct 2023 15:46:13 +0200
Subject: [PATCH 45/49] Add assign button to item cards [SCI-9158] (#6326)

---
 .../repositories/repository_datatable.js      |  7 +--
 .../sitewide/repository_row_card.js           | 11 ++--
 app/assets/stylesheets/tailwind/buttons.css   | 14 +++++
 app/controllers/repository_rows_controller.rb |  4 +-
 .../packs/vue/assign_items_to_task_modal.js   |  4 +-
 .../assign_items_to_tasks_modal/container.vue | 14 +----
 .../RepositoryItemSidebar.vue                 | 58 ++++++++++++++-----
 .../_assign_items_to_task_modal.html.erb      |  1 +
 app/views/repository_rows/show.json.jbuilder  | 10 ++++
 config/locales/en.yml                         |  7 ++-
 10 files changed, 90 insertions(+), 40 deletions(-)

diff --git a/app/assets/javascripts/repositories/repository_datatable.js b/app/assets/javascripts/repositories/repository_datatable.js
index f9a13a7bf..b2329d9a5 100644
--- a/app/assets/javascripts/repositories/repository_datatable.js
+++ b/app/assets/javascripts/repositories/repository_datatable.js
@@ -284,10 +284,6 @@ var RepositoryDatatable = (function(global) {
     });
   }
 
-  function updateSelectedRowsForAssignments() {
-    window.AssignItemsToTaskModalComponent.setShowCallback(() => rowsSelected);
-  }
-
   function checkAvailableColumns() {
     $.ajax({
       url: $(TABLE_ID).data('available-columns'),
@@ -887,7 +883,6 @@ var RepositoryDatatable = (function(global) {
     })
 
     initRowSelection();
-    updateSelectedRowsForAssignments();
 
     return TABLE;
   }
@@ -1023,7 +1018,7 @@ var RepositoryDatatable = (function(global) {
       e.preventDefault();
       e.stopPropagation();
 
-      window.AssignItemsToTaskModalComponentContainer.showModal();
+      window.AssignItemsToTaskModalComponentContainer.showModal(rowsSelected);
     })
     .on('click', '#deleteRepositoryRecords', function(e) {
       e.preventDefault();
diff --git a/app/assets/javascripts/sitewide/repository_row_card.js b/app/assets/javascripts/sitewide/repository_row_card.js
index ef38a88ab..45b049241 100644
--- a/app/assets/javascripts/sitewide/repository_row_card.js
+++ b/app/assets/javascripts/sitewide/repository_row_card.js
@@ -4,11 +4,13 @@
   'use strict';
 
   $(document).on('click', '.record-info-link', function(e) {
+    const myModuleId = $('.my-modules-protocols-index').data('task-id');
+    const repositoryRowURL = $(this).attr('href');
+
     e.stopPropagation();
     e.preventDefault();
 
-    const repositoryRowURL = $(this).attr('href');
-    window.repositoryItemSidebarComponent.toggleShowHideSidebar(repositoryRowURL);
+    window.repositoryItemSidebarComponent.toggleShowHideSidebar(repositoryRowURL, myModuleId);
   });
 
   $(document).on('click', '.print-label-button', function(e) {
@@ -30,8 +32,8 @@
 
   $(document).on('click', '.assign-inventory-button', function(e) {
     e.preventDefault();
-    let assignUrl = $(this).data('assignUrl');
-    let repositoryRowId = $(this).data('repositoryRowId');
+    const assignUrl = $(this).attr('data-assign-url');
+    const repositoryRowId = $(this).attr('data-repository-row-id');
 
     $.ajax({
       url: assignUrl,
@@ -44,6 +46,7 @@
         if (typeof MyModuleRepositories !== 'undefined') {
           MyModuleRepositories.reloadRepositoriesList(repositoryRowId);
         }
+        window.repositoryItemSidebarComponent.reload();
       },
       error: function(error) {
         HelperModule.flashAlertMsg(error.responseJSON.flash, 'danger');
diff --git a/app/assets/stylesheets/tailwind/buttons.css b/app/assets/stylesheets/tailwind/buttons.css
index 14d1c2001..6a3b96db4 100644
--- a/app/assets/stylesheets/tailwind/buttons.css
+++ b/app/assets/stylesheets/tailwind/buttons.css
@@ -137,4 +137,18 @@
   .btn.btn-danger.disabled {
     @apply bg-sn-delete-red-disabled;
   }
+
+  .btn-text-link {
+    @apply text-sn-blue text-sm cursor-pointer
+  }
+
+  .btn-text-link:visited,
+  .btn-text-link:hover {
+    @apply text-sn-blue no-underline
+  }
+
+  .btn-text-link.disabled,
+  .btn-text-link:disabled {
+    @apply text-sn-sleepy-grey
+  }
 }
diff --git a/app/controllers/repository_rows_controller.rb b/app/controllers/repository_rows_controller.rb
index fff4a0c87..d0b01d61d 100644
--- a/app/controllers/repository_rows_controller.rb
+++ b/app/controllers/repository_rows_controller.rb
@@ -46,7 +46,9 @@ class RepositoryRowsController < ApplicationController
     @repository_row = @repository.repository_rows.find_by(id: params[:id])
     return render_404 unless @repository_row
 
-    @my_module = @repository_row.my_modules.find_by(id: params[:my_module_id])
+    @my_module = if params[:my_module_id].present?
+                   MyModule.repository_row_assignable_by_user(current_user).find_by(id: params[:my_module_id])
+                 end
     return render_403 if @my_module && !can_read_my_module?(@my_module)
 
     if @my_module
diff --git a/app/javascript/packs/vue/assign_items_to_task_modal.js b/app/javascript/packs/vue/assign_items_to_task_modal.js
index ab7ddad48..e21c428ba 100644
--- a/app/javascript/packs/vue/assign_items_to_task_modal.js
+++ b/app/javascript/packs/vue/assign_items_to_task_modal.js
@@ -20,6 +20,7 @@ function initAssignItemsToTaskModalComponent() {
       data() {
         return {
           visibility: false,
+          rowsToAssign: [],
           urls: {
             assign: container.data('assign-url'),
             projects: container.data('projects-url'),
@@ -29,7 +30,8 @@ function initAssignItemsToTaskModalComponent() {
         };
       },
       methods: {
-        showModal() {
+        showModal(repositoryRows) {
+          this.rowsToAssign = repositoryRows;
           this.visibility = true;
         },
         closeModal() {
diff --git a/app/javascript/vue/assign_items_to_tasks_modal/container.vue b/app/javascript/vue/assign_items_to_tasks_modal/container.vue
index 7c2eb4edd..aed6d0568 100644
--- a/app/javascript/vue/assign_items_to_tasks_modal/container.vue
+++ b/app/javascript/vue/assign_items_to_tasks_modal/container.vue
@@ -145,11 +145,11 @@ export default {
   name: "AssignItemsToTaskModalContainer",
   props: {
     visibility: Boolean,
-    urls: Object
+    urls: Object,
+    rowsToAssign: Array
   },
   data() {
     return {
-      rowsToAssign: [],
       projects: [],
       experiments: [],
       tasks: [],
@@ -159,15 +159,11 @@ export default {
       projectsLoading: null,
       experimentsLoading: null,
       tasksLoading: null,
-      showCallback: null
     };
   },
   components: {
     SelectSearch
   },
-  created() {
-    window.AssignItemsToTaskModalComponent = this;
-  },
   mounted() {
     $(this.$refs.modal).on("shown.bs.modal", () => {
       this.projectsLoading = true;
@@ -239,8 +235,6 @@ export default {
   methods: {
     showModal() {
       $(this.$refs.modal).modal("show");
-
-      this.rowsToAssign = this.showCallback();
     },
     hideModal() {
       $(this.$refs.modal).modal("hide");
@@ -317,11 +311,9 @@ export default {
       }).always(() => {
         this.resetSelectors();
         this.reloadTable();
+        window.repositoryItemSidebarComponent.reload();
       });
     },
-    setShowCallback(callback) {
-      this.showCallback = callback;
-    },
     reloadTable() {
       $('.repository-row-selector:checked').trigger('click');
       $('.repository-table')
diff --git a/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue b/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue
index bb8ff0a55..880dbf427 100644
--- a/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue
+++ b/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue
@@ -114,12 +114,21 @@
             <div id="divider" class="w-500 bg-sn-light-grey flex px-8 items-center self-stretch h-px"></div>
 
             <!-- ASSIGNED -->
-            <section id="assigned_wrapper" class="flex flex-col ">
-              <div class="text-base font-semibold w-[350px] my-3 leading-7" ref="assigned-label">
+            <section id="assigned_wrapper" class="flex flex-col">
+              <div class="flex flex-row text-base font-semibold w-[350px] pb-4 leading-7 items-center justify-between" ref="assigned-label">
                 {{ i18n.t('repositories.item_card.section.assigned', {
                   count: assignedModules ?
                     assignedModules.total_assigned_size : 0
                 }) }}
+                <a v-if="actions?.assign_repository_row || (inRepository && !defaultColumns?.archived)"
+                  class="btn-text-link font-normal"
+                  :class= "{'assign-inventory-button': actions?.assign_repository_row,
+                            'disabled': actions?.assign_repository_row && actions.assign_repository_row.disabled }"
+                  :data-assign-url="actions?.assign_repository_row ? actions.assign_repository_row.assign_url : ''"
+                  :data-repository-row-id="repositoryRowId"
+                  @click="showRepositoryAssignModal">
+                  {{ i18n.t('repositories.item_card.assigned.assign') }}
+                </a>
               </div>
               <div v-if="assignedModules && assignedModules.total_assigned_size > 0">
                 <div v-if="privateModuleSize() > 0" class="pb-6">
@@ -233,7 +242,11 @@ export default {
       assignedModules: null,
       isShowing: false,
       barCodeSrc: null,
-      permissions: null
+      permissions: null,
+      repositoryRowUrl: null,
+      actions: null,
+      myModuleId: null,
+      inRepository: false
     }
   },
   created() {
@@ -242,6 +255,7 @@ export default {
   mounted() {
     // Add a click event listener to the document
     document.addEventListener('click', this.handleOutsideClick);
+    this.inRepository = $('.assign-items-to-task-modal-container').length > 0;
   },
   beforeDestroy() {
     delete window.repositoryItemSidebarComponent;
@@ -257,30 +271,34 @@ export default {
         this.toggleShowHideSidebar(null)
       }
     },
-    toggleShowHideSidebar(repositoryRowUrl) {
+    toggleShowHideSidebar(repositoryRowUrl, myModuleId = null) {
       // initial click
       if (this.currentItemUrl === null) {
-        this.isShowing = true
-        this.loadRepositoryRow(repositoryRowUrl)
-        this.currentItemUrl = repositoryRowUrl
+        this.myModuleId = myModuleId;
+        this.isShowing = true;
+        this.loadRepositoryRow(repositoryRowUrl);
+        this.currentItemUrl = repositoryRowUrl;
         return
       }
       // click on the same item - should just open/close it
       else if (this.currentItemUrl === repositoryRowUrl) {
-        this.isShowing = false
-        this.currentItemUrl = null
+        this.isShowing = false;
+        this.currentItemUrl = null;
+        this.myModuleId = null;
         return
       }
       // explicit close (from emit)
       else if (repositoryRowUrl === null) {
-        this.isShowing = false
-        this.currentItemUrl = null
+        this.isShowing = false;
+        this.currentItemUrl = null;
+        this.myModuleId = null;
         return
       }
       // click on a different item - should just fetch new data
       else {
-        this.loadRepositoryRow(repositoryRowUrl)
-        this.currentItemUrl = repositoryRowUrl
+        this.myModuleId = myModuleId;
+        this.loadRepositoryRow(repositoryRowUrl);
+        this.currentItemUrl = repositoryRowUrl;
         return
       }
     },
@@ -289,14 +307,16 @@ export default {
       $.ajax({
         method: 'GET',
         url: repositoryRowUrl,
+        data: { my_module_id: this.myModuleId },
         dataType: 'json',
         success: (result) => {
           this.repositoryRowId = result.id;
           this.repository = result.repository;
           this.defaultColumns = result.default_columns;
           this.customColumns = result.custom_columns;
-          this.dataLoading = false
+          this.dataLoading = false;
           this.assignedModules = result.assigned_modules;
+          this.actions = result.actions;
           this.permissions = result.permissions
           this.$nextTick(() => {
             this.generateBarCode(this.defaultColumns.code);
@@ -304,6 +324,16 @@ export default {
         }
       });
     },
+    reload() {
+      if(this.isShowing) {
+        this.loadRepositoryRow(this.currentItemUrl);
+      }
+    },
+    showRepositoryAssignModal() {
+      if (this.inRepository) {
+        window.AssignItemsToTaskModalComponentContainer.showModal([this.repositoryRowId]);
+      }
+    },
     generateBarCode(text) {
       if(!text) return;
       const barCodeCanvas = bwipjs.toCanvas('bar-code-canvas', {
diff --git a/app/views/repositories/_assign_items_to_task_modal.html.erb b/app/views/repositories/_assign_items_to_task_modal.html.erb
index 09795c66a..2f283c533 100644
--- a/app/views/repositories/_assign_items_to_task_modal.html.erb
+++ b/app/views/repositories/_assign_items_to_task_modal.html.erb
@@ -7,6 +7,7 @@
      >
   <assign-items-to-task-modal-container
     :visibility="visibility"
+    :rows-to-assign="rowsToAssign"
     :urls="urls"
     @close="closeModal"
   />
diff --git a/app/views/repository_rows/show.json.jbuilder b/app/views/repository_rows/show.json.jbuilder
index 3f3230a2e..341128609 100644
--- a/app/views/repository_rows/show.json.jbuilder
+++ b/app/views/repository_rows/show.json.jbuilder
@@ -10,6 +10,16 @@ end
 json.permissions do
   json.can_export_repository_stock can_export_repository_stock?(@repository_row.repository)
 end
+
+json.actions do
+  if @my_module.present?
+    json.assign_repository_row do
+      json.assign_url my_module_repositories_path(@my_module.id)
+      json.disabled @my_module_assign_error.present?
+    end
+  end
+end
+
 json.default_columns do
   json.name @repository_row.name
   json.code @repository_row.code
diff --git a/config/locales/en.yml b/config/locales/en.yml
index 822410886..865c65f7d 100644
--- a/config/locales/en.yml
+++ b/config/locales/en.yml
@@ -2152,7 +2152,7 @@ en:
           disabled_placeholder: "Select Experiment to enable Task"
           no_options_placeholder: "No tasks available to assign items"
       assign:
-        text: "Assign to this task"
+        text: "Assign to task"
         flash_all_assignments_success: "Successfully assigned %{count} item(s) to the task."
         flash_some_assignments_success: "Successfully assigned %{assigned_count} item(s) to the task. %{skipped_count} item(s) were already assigned to the task."
         flash_assignments_failure: "Failed to assign item(s) to task."
@@ -2227,6 +2227,7 @@ en:
       print_label: "Print label"
       assigned:
         empty: "This item is not assigned to any task."
+        assign: "Assign to task"
         private:
           one: "Assigned to %{count} private task"
           other: "Assigned to %{count} private tasks"
@@ -2476,7 +2477,7 @@ en:
       no_tasks: "This item in not assigned to any task."
       amount: "Amount: %{value}"
       unit: "Unit: %{unit}"
-      assign_to_task: "Assign to this task"
+      assign_to_task: "Assign to task"
       assign_to_task_error:
         no_access: "You can only view this task"
         already_assigned: "This item is already assigned to this task"
@@ -3500,7 +3501,7 @@ en:
       description: "Once you create items in the inventory, they will appear here."
     buttons:
       insert: "Insert"
-      assign: "Assign to this task"
+      assign: "Assign to task"
     projects: PROJECTS
     experiments: EXPERIMENTS
     tasks: TASKS

From 857bda6f69bff45a00ad0dfc77870bdacf9bfeae Mon Sep 17 00:00:00 2001
From: Soufiane <soufiane@scinote.net>
Date: Thu, 12 Oct 2023 16:16:43 +0200
Subject: [PATCH 46/49] Fix broken unit tests [SCI-8972] (#6342)

- Models tests
- Controllers tests
- Jobs tests
- Permissions tests
- Utilities tests
---
 app/controllers/projects_controller.rb        |   2 +-
 app/controllers/repository_rows_controller.rb |  25 ++++
 .../team_repositories_controller.rb           |   4 +-
 .../experiments_controller_spec.rb            |   2 +-
 .../my_modules_controller_spec.rb             |   2 +-
 .../projects_controller_spec.rb               |   7 +-
 spec/controllers/projects_controller_spec.rb  |  10 +-
 spec/controllers/protocols_controller_spec.rb |  32 ++---
 .../result_tables_controller_spec.rb          |   3 +-
 spec/controllers/steps_controller_spec.rb     |   2 +-
 .../team_repositories_controller_spec.rb      |   4 +-
 spec/factories/settings.rb                    |  10 ++
 spec/factories/team_shared_objects.rb         |   3 -
 spec/factories/user_assignments.rb            |   2 +
 spec/factories/user_roles.rb                  |   4 +-
 .../normalized_single_protocol.json           |  44 +++----
 .../propagate_assignment_job_spec.rb          |   2 +-
 spec/models/connection_spec.rb                |  10 +-
 spec/models/connection_step                   |  18 ---
 spec/models/experiment_member_spec.rb         |  53 --------
 spec/models/my_module_member_spec.rb          |  36 ------
 spec/models/project_member_spec.rb            | 117 ------------------
 spec/models/protocol_spec.rb                  |  38 ------
 spec/models/settings_spec.rb                  |  12 +-
 spec/models/team_shared_object_spec.rb        |  13 +-
 .../experiments_controller_spec.rb            |  20 ++-
 .../my_module_repositories_controller_spec.rb |   1 +
 .../controllers/my_modules_controller_spec.rb |   9 +-
 .../controllers/projects_controller_spec.rb   |   4 +-
 .../reference_project_structure_context.rb    |   6 +-
 .../protocols_io/v3/api_client_spec.rb        |   2 +-
 .../v3/protocol_normalizer_spec.rb            |   2 +-
 32 files changed, 155 insertions(+), 344 deletions(-)
 delete mode 100644 spec/models/connection_step
 delete mode 100644 spec/models/experiment_member_spec.rb
 delete mode 100644 spec/models/my_module_member_spec.rb
 delete mode 100644 spec/models/project_member_spec.rb

diff --git a/app/controllers/projects_controller.rb b/app/controllers/projects_controller.rb
index fc09cfca8..e487264cc 100644
--- a/app/controllers/projects_controller.rb
+++ b/app/controllers/projects_controller.rb
@@ -350,7 +350,7 @@ class ProjectsController < ApplicationController
   def notifications
     @modules = @project.assigned_modules(current_user).order(due_date: :desc)
     render json: {
-      html: render_to_string(partial: 'notifications')
+      html: render_to_string(partial: 'notifications', formats: :html)
     }
   end
 
diff --git a/app/controllers/repository_rows_controller.rb b/app/controllers/repository_rows_controller.rb
index d0b01d61d..00c8a55c5 100644
--- a/app/controllers/repository_rows_controller.rb
+++ b/app/controllers/repository_rows_controller.rb
@@ -84,6 +84,31 @@ class RepositoryRowsController < ApplicationController
     end
   end
 
+  def show
+    @repository_row = RepositoryRow.find_by(id: params[:id])
+    @my_module = MyModule.find_by(id: params[:my_module_id])
+    return render_404 unless @repository_row
+    return render_404 unless @repository_row.repository_id == params[:repository_id].to_i
+    return render_403 unless can_read_repository?(@repository_row.repository)
+    return render_403 if @my_module && !can_read_my_module?(@my_module)
+
+    if @my_module
+      @my_module_assign_error = if !can_assign_my_module_repository_rows?(@my_module)
+                                  I18n.t('repository_row.modal_info.assign_to_task_error.no_access')
+                                elsif @repository_row.my_modules.where(id: @my_module.id).any?
+                                  I18n.t('repository_row.modal_info.assign_to_task_error.already_assigned')
+                                end
+    end
+
+    @assigned_modules = @repository_row.my_modules.joins(experiment: :project)
+    @viewable_modules = @assigned_modules.viewable_by_user(current_user, current_user.teams)
+    @private_modules = @assigned_modules - @viewable_modules
+
+    render json: {
+      html: render_to_string(partial: 'repositories/repository_row_info_modal', formats: :html)
+    }
+  end
+
   def validate_label_template_columns
     label_template = LabelTemplate.where(team_id: current_team.id).find(params[:label_template_id])
 
diff --git a/app/controllers/team_repositories_controller.rb b/app/controllers/team_repositories_controller.rb
index 3840fbeea..266ddaefe 100644
--- a/app/controllers/team_repositories_controller.rb
+++ b/app/controllers/team_repositories_controller.rb
@@ -6,7 +6,7 @@ class TeamRepositoriesController < ApplicationController
 
   # DELETE :team_id/repositories/:repository_id/team_repositories/:id
   def destroy
-    team_shared_object = @repository.team_shared_objects.find(destory_params[:id])
+    team_shared_object = @repository.team_shared_objects.find(destroy_params[:id])
     ActiveRecord::Base.transaction do
       log_activity(:unshare_inventory, team_shared_object)
       team_shared_object.destroy!
@@ -50,7 +50,7 @@ class TeamRepositoriesController < ApplicationController
     params.permit(:team_id, :repository_id, :target_team_id, :permission_level)
   end
 
-  def destory_params
+  def destroy_params
     params.permit(:team_id, :id)
   end
 
diff --git a/spec/controllers/access_permissions/experiments_controller_spec.rb b/spec/controllers/access_permissions/experiments_controller_spec.rb
index 976f6df4e..af2c59257 100644
--- a/spec/controllers/access_permissions/experiments_controller_spec.rb
+++ b/spec/controllers/access_permissions/experiments_controller_spec.rb
@@ -58,7 +58,7 @@ describe AccessPermissions::ExperimentsController, type: :controller do
       {
         id: experiment.id,
         project_id: project.id,
-        experiment_member: {
+        user_assignment: {
           user_role_id: technician_role.id,
           user_id: viewer_user.id
         }
diff --git a/spec/controllers/access_permissions/my_modules_controller_spec.rb b/spec/controllers/access_permissions/my_modules_controller_spec.rb
index 7d16bcd97..a6be67dea 100644
--- a/spec/controllers/access_permissions/my_modules_controller_spec.rb
+++ b/spec/controllers/access_permissions/my_modules_controller_spec.rb
@@ -61,7 +61,7 @@ describe AccessPermissions::MyModulesController, type: :controller do
         id: my_module.id,
         experiment_id: experiment.id,
         project_id: project.id,
-        my_module_member: {
+        user_assignment: {
           user_role_id: technician_role.id,
           user_id: viewer_user.id
         }
diff --git a/spec/controllers/access_permissions/projects_controller_spec.rb b/spec/controllers/access_permissions/projects_controller_spec.rb
index d7f351ec9..4ef1f36c1 100644
--- a/spec/controllers/access_permissions/projects_controller_spec.rb
+++ b/spec/controllers/access_permissions/projects_controller_spec.rb
@@ -100,7 +100,7 @@ describe AccessPermissions::ProjectsController, type: :controller do
     let(:valid_params) do
       {
         id: project.id,
-        project_member: {
+        user_assignment: {
           user_role_id: technician_role.id,
           user_id: normal_user.id
         }
@@ -127,7 +127,7 @@ describe AccessPermissions::ProjectsController, type: :controller do
     let(:valid_params) do
       {
         id: project.id,
-        access_permissions_new_user_project_form: {
+        access_permissions_new_user_form: {
           resource_members: {
             0 => {
               assign: '1',
@@ -193,8 +193,7 @@ describe AccessPermissions::ProjectsController, type: :controller do
     it 'removes the user project and user assigment record' do
       expect {
         delete :destroy, params: valid_params, format: :json
-      }.to change(UserProject, :count).by(-1).and \
-        change(UserAssignment, :count).by(-1)
+      }.to change(UserAssignment, :count).by(-1)
     end
 
     it 'renders 403 if user does not have manage permissions on project' do
diff --git a/spec/controllers/projects_controller_spec.rb b/spec/controllers/projects_controller_spec.rb
index 01f7ed283..7473b190a 100644
--- a/spec/controllers/projects_controller_spec.rb
+++ b/spec/controllers/projects_controller_spec.rb
@@ -68,8 +68,10 @@ describe ProjectsController, type: :controller do
       let(:action) { put :update, params: params }
       let(:params) do
         { id: projects.first.id,
-          project: { name: projects.first.name, team_id: projects.first.team.id,
-                     visibility: projects.first.visibility } }
+          project: { name: projects.first.name,
+                     team_id: projects.first.team.id,
+                     visibility: projects.first.visibility,
+                     default_public_user_role_id: projects.first.default_public_user_role.id } }
       end
 
       it 'returns redirect response' do
@@ -78,10 +80,10 @@ describe ProjectsController, type: :controller do
         expect(response.media_type).to eq 'text/html'
       end
 
-      it 'calls create activity service (change_project_visibility)' do
+      it 'calls create activity service (project_grant_access_to_all_team_members)' do
         params[:project][:visibility] = 'visible'
         expect(Activities::CreateActivityService).to receive(:call)
-          .with(hash_including(activity_type: :change_project_visibility))
+          .with(hash_including(activity_type: :project_grant_access_to_all_team_members))
         action
       end
 
diff --git a/spec/controllers/protocols_controller_spec.rb b/spec/controllers/protocols_controller_spec.rb
index 25b4e2139..6855541f1 100644
--- a/spec/controllers/protocols_controller_spec.rb
+++ b/spec/controllers/protocols_controller_spec.rb
@@ -5,7 +5,7 @@ require 'rails_helper'
 describe ProtocolsController, type: :controller do
   login_user
 
-  include_context 'reference_project_structure'
+  include_context 'reference_project_structure', { team_role: :owner }
 
   describe 'POST create' do
     let(:action) { post :create, params: params, format: :json }
@@ -78,10 +78,12 @@ describe ProtocolsController, type: :controller do
         protocol: {
           name: 'my_test_protocol',
           description: 'description',
-          authors: 'authors'
+          authors: 'authors',
+          elnVersion: '1.0',
         }
       }
     end
+
     let(:action) { post :import, params: params, format: :json }
 
     it 'calls create activity for importing protocols' do
@@ -98,9 +100,9 @@ describe ProtocolsController, type: :controller do
     end
   end
 
-  describe 'PUT description' do
+  describe 'PATCH description' do
     let(:protocol) do
-      create :protocol, :in_public_repository, team: team, added_by: user
+      create :protocol, :in_repository_draft, team: team, added_by: user
     end
     let(:params) do
       {
@@ -110,8 +112,7 @@ describe ProtocolsController, type: :controller do
         }
       }
     end
-    let(:action) { put :update_description, params: params, format: :json }
-
+    let(:action) { patch :update_description, params: params, format: :json }
     it 'calls create activity for updating description' do
       expect(Activities::CreateActivityService)
         .to(receive(:call)
@@ -126,14 +127,14 @@ describe ProtocolsController, type: :controller do
     end
   end
 
-  describe 'POST update_keywords' do
+  describe 'PATCH update_keywords' do
     let(:protocol) do
-      create :protocol, :in_public_repository, team: team, added_by: user
+      create :protocol, :in_repository_draft, team: team, added_by: user
     end
-    let(:action) { put :update_keywords, params: params, format: :json }
     let(:params) do
       { id: protocol.id, keywords: ['keyword-1', 'keyword-2'] }
     end
+    let(:action) { patch :update_keywords, params: params, format: :json }
 
     it 'calls create activity for updating keywords' do
       expect(Activities::CreateActivityService)
@@ -151,7 +152,7 @@ describe ProtocolsController, type: :controller do
 
   context 'update protocol' do
     let(:protocol_repo) do
-      create :protocol, :in_public_repository, name: ' test protocol',
+      create :protocol, :in_repository_published_original, name: ' test protocol',
                                                team: team,
                                                added_by: user
     end
@@ -165,7 +166,7 @@ describe ProtocolsController, type: :controller do
     let(:params) { { id: protocol.id } }
 
     describe 'POST revert' do
-      let(:action) { put :revert, params: params, format: :json }
+      let(:action) { post :revert, params: params, format: :json }
 
       it 'calls create activity for updating protocol in task from repository' do
         expect(Activities::CreateActivityService)
@@ -184,13 +185,13 @@ describe ProtocolsController, type: :controller do
 
   describe 'POST load_from_repository' do
     let(:protocol_source) do
-      create :protocol, :in_public_repository, team: team, added_by: user
+      create :protocol, :in_repository_published_original, team: team, added_by: user
     end
     let(:protocol) { create :protocol, team: team, added_by: user, my_module: my_module }
-    let(:action) { put :load_from_repository, params: params, format: :json }
     let(:params) do
       { source_id: protocol_source.id, id: protocol.id }
     end
+    let(:action) { post :load_from_repository, params: params, format: :json }
 
     it 'calls create activity for loading protocol to task from repository' do
       expect(Activities::CreateActivityService)
@@ -210,13 +211,14 @@ describe ProtocolsController, type: :controller do
     let(:protocol) do
       create :protocol, my_module: my_module, team: team, added_by: user
     end
-    let(:action) { put :load_from_file, params: params, format: :json }
     let(:params) do
       { id: protocol.id,
         protocol: { name: 'my_test_protocol',
                     description: 'description',
-                    authors: 'authors' } }
+                    authors: 'authors',
+                    elnVersion: '1.1'} }
     end
+    let(:action) { post :load_from_file, params: params, format: :json }
 
     it 'calls create activity for loading protocol to task from file' do
       expect(Activities::CreateActivityService)
diff --git a/spec/controllers/result_tables_controller_spec.rb b/spec/controllers/result_tables_controller_spec.rb
index abfe161d5..3cfa5b923 100644
--- a/spec/controllers/result_tables_controller_spec.rb
+++ b/spec/controllers/result_tables_controller_spec.rb
@@ -16,7 +16,8 @@ describe ResultTablesController, type: :controller do
         result:
           { name: 'result name created',
             table_attributes:
-              { contents: '{\"data\":[[\"a\",\"b\",\"1\",null,null]]}' } } }
+              { contents: '{\"data\":[[\"a\",\"b\",\"1\",null,null]]}',
+                metadata: "{\"cells\":[{\"row\":\"0\",\"col\":\"0\",\"className\":\"\",\"calculated\":\"\"}]}" } } }
     end
 
     it 'calls create activity service' do
diff --git a/spec/controllers/steps_controller_spec.rb b/spec/controllers/steps_controller_spec.rb
index 9a5aae59e..a9157a772 100644
--- a/spec/controllers/steps_controller_spec.rb
+++ b/spec/controllers/steps_controller_spec.rb
@@ -10,7 +10,7 @@ describe StepsController, type: :controller do
   }
 
   let(:protocol_repo) do
-    create :protocol, :in_public_repository, team: team, added_by: user
+    create :protocol, :in_repository_draft, team: team, added_by: user
   end
   let(:step_repo) { create :step, protocol: protocol_repo }
 
diff --git a/spec/controllers/team_repositories_controller_spec.rb b/spec/controllers/team_repositories_controller_spec.rb
index ca256fe15..99a043c7d 100644
--- a/spec/controllers/team_repositories_controller_spec.rb
+++ b/spec/controllers/team_repositories_controller_spec.rb
@@ -12,11 +12,11 @@ describe TeamRepositoriesController, type: :controller do
 
   describe 'DELETE destroy' do
     let(:second_team) { create :team, created_by: user }
-    let(:team_repository) { create :team_repository, :read, team: second_team, repository: repository }
+    let(:team_repository) { create :team_shared_object, :read, team: second_team, shared_object: repository }
 
     context 'when resource can be deleted' do
       let(:action) do
-        delete :destroy, params: { repository_id: repository.id, team_id: team.id, id: team_repository.id }
+        delete :destroy, params: { team_id: team.id, id: team_repository.id }
       end
 
       it 'renders 204' do
diff --git a/spec/factories/settings.rb b/spec/factories/settings.rb
index b3f02d575..37b0012aa 100644
--- a/spec/factories/settings.rb
+++ b/spec/factories/settings.rb
@@ -4,5 +4,15 @@ FactoryBot.define do
   factory :settings do
     type { Faker::Lorem.sentence.split(' ').sample }
     values { { key_of_data: Faker::Lorem.sentence.split(' ').sample } }
+
+    trait :with_load_values_from_env_defined do
+      after(:build) do |application_settings|
+        application_settings.define_singleton_method(:load_values_from_env) do
+          {
+            some_key: Faker::Lorem.sentence.split(' ').sample
+          }
+        end
+      end
+    end
   end
 end
diff --git a/spec/factories/team_shared_objects.rb b/spec/factories/team_shared_objects.rb
index 23cc8ab15..3f94db7cd 100644
--- a/spec/factories/team_shared_objects.rb
+++ b/spec/factories/team_shared_objects.rb
@@ -1,10 +1,7 @@
 # frozen_string_literal: true
 
-# frozen_string_literal: true
-
 FactoryBot.define do
   factory :team_shared_object do
-    repository
     trait :read do
       permission_level { :shared_read }
     end
diff --git a/spec/factories/user_assignments.rb b/spec/factories/user_assignments.rb
index e2024830c..a68c27ee3 100644
--- a/spec/factories/user_assignments.rb
+++ b/spec/factories/user_assignments.rb
@@ -1,3 +1,5 @@
+# frozen_string_literal: true
+
 FactoryBot.define do
   factory :user_assignment do
   end
diff --git a/spec/factories/user_roles.rb b/spec/factories/user_roles.rb
index 1366c0fa6..5cee11a01 100644
--- a/spec/factories/user_roles.rb
+++ b/spec/factories/user_roles.rb
@@ -2,9 +2,7 @@ FactoryBot.define do
   factory :user_role do
     factory :owner_role do
       name { I18n.t('user_roles.predefined.owner') }
-      permissions { ProjectPermissions.constants.map { |const| ProjectPermissions.const_get(const) } +
-                      ExperimentPermissions.constants.map { |const| ExperimentPermissions.const_get(const) } +
-                      MyModulePermissions.constants.map { |const| MyModulePermissions.const_get(const) } }
+      permissions { PredefinedRoles::OWNER_PERMISSIONS }
       predefined { true }
     end
 
diff --git a/spec/fixtures/files/protocol_importers/normalized_single_protocol.json b/spec/fixtures/files/protocol_importers/normalized_single_protocol.json
index 29b823e1b..53224da46 100644
--- a/spec/fixtures/files/protocol_importers/normalized_single_protocol.json
+++ b/spec/fixtures/files/protocol_importers/normalized_single_protocol.json
@@ -6,9 +6,9 @@
     "published_on": 1516132805,
     "version": 0,
     "source_id": 9451,
-    "name": "CUT\u0026RUN: Targeted in situ genome-wide profiling with high efficiency for low cell numbers",
+    "name": "CUT&amp;RUN: Targeted in situ genome-wide profiling with high efficiency for low cell numbers",
     "description": {
-      "body": "\u003cdiv class = \"text-blocks\"\u003e\u003cdiv class = \"text-block\"\u003eCleavage Under Targets and Release Using Nuclease (CUT\u0026RUN) is an epigenomic profiling strategy in which antibody-targeted controlled cleavage by micrococcal nuclease releases specific protein-DNA complexes into the supernatant for paired-end DNA sequencing. As only the targeted fragments enter into solution, and the vast majority of DNA is left behind, CUT\u0026RUN has exceptionally low background levels. CUT\u0026RUN outperforms the most widely used Chromatin Immunoprecipitation (ChIP) protocols in resolution, signal-to-noise, and depth of sequencing required. In contrast to ChIP, CUT\u0026RUN is free of solubility and DNA accessibility artifacts and can be used to profile insoluble chromatin and to detect long-range 3D contacts without cross-linking. Here we present an improved CUT\u0026RUN protocol that does not require isolation of nuclei and provides high-quality data starting with only 100 cells for a histone modification and 1000 cells for a transcription factor. From cells to purified DNA CUT\u0026RUN requires less than a day at the lab bench.\u003c/div\u003e\u003cdiv class = \"text-block\"\u003eIn summary, CUT\u0026RUN has several advantages over ChIP-seq: (1) The method is performed in situ in non-crosslinked cells and does not require chromatin fragmentation or solubilization; (2) The intrinsically low background allows low sequence depth and identification of low signal genomic features invisible to ChIP; (3) The simple procedure can be completed within a day and is suitable for robotic automation; (4) The method can be used with low cell numbers compared to existing methodologies; (5) A simple spike-in strategy can be used for accurate quantitation of protein-DNA interactions. As such, CUT\u0026RUN represents an attractive replacement for ChIPseq, which is one of the most popular methods in biological research.\u003c/div\u003e\u003c/div\u003e",
+      "body": "<div class = \"text-blocks\"><div class = \"text-block\">Cleavage Under Targets and Release Using Nuclease (CUT&RUN) is an epigenomic profiling strategy in which antibody-targeted controlled cleavage by micrococcal nuclease releases specific protein-DNA complexes into the supernatant for paired-end DNA sequencing. As only the targeted fragments enter into solution, and the vast majority of DNA is left behind, CUT&RUN has exceptionally low background levels. CUT&RUN outperforms the most widely used Chromatin Immunoprecipitation (ChIP) protocols in resolution, signal-to-noise, and depth of sequencing required. In contrast to ChIP, CUT&RUN is free of solubility and DNA accessibility artifacts and can be used to profile insoluble chromatin and to detect long-range 3D contacts without cross-linking. Here we present an improved CUT&RUN protocol that does not require isolation of nuclei and provides high-quality data starting with only 100 cells for a histone modification and 1000 cells for a transcription factor. From cells to purified DNA CUT&RUN requires less than a day at the lab bench.</div><div class = \"text-block\">In summary, CUT&RUN has several advantages over ChIP-seq: (1) The method is performed in situ in non-crosslinked cells and does not require chromatin fragmentation or solubilization; (2) The intrinsically low background allows low sequence depth and identification of low signal genomic features invisible to ChIP; (3) The simple procedure can be completed within a day and is suitable for robotic automation; (4) The method can be used with low cell numbers compared to existing methodologies; (5) A simple spike-in strategy can be used for accurate quantitation of protein-DNA interactions. As such, CUT&RUN represents an attractive replacement for ChIPseq, which is one of the most popular methods in biological research.</div></div>",
       "image": "https://s3.amazonaws.com/pr-journal/rzxfw26.png",
       "extra_content": []
     },
@@ -17,8 +17,22 @@
       {
         "source_id": 601564,
         "name": "Binding cells to beads",
+        "attachments": [
+          {
+            "url": "https://pbs.twimg.com/media/Cwu3zrZWQAA7axs.jpg",
+            "name": "First file"
+          },
+          {
+            "url": "http://something.com/wp-content/uploads/2014/11/14506718045_5b3e71dacd_o.jpg",
+            "name": "Second file"
+          },
+          {
+            "url": "http://something.com/wp-content/uploads/2014/11/14506718045_5b3e71dacd_o.jpg",
+            "name": "14506718045_5b3e71dacd_o.jpg"
+          }
+        ],
         "description": {
-          "body": "\u003cdiv class = \"text-blocks\"\u003e\u003cdiv class = \"text-block\"\u003e\u003cspan style = \":justify;\"\u003eHarvest fresh culture(s) at room temperature and count cells. The same protocol can be used for 100 to 250,000 mammalian cells per sample and/or digestion time point.\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e",
+          "body": "<div class = \"text-blocks\"><div class = \"text-block\"><span style = \":justify;\">Harvest fresh culture(s) at room temperature and count cells. The same protocol can be used for 100 to 250,000 mammalian cells per sample and/or digestion time point.</span></div></div>",
           "components": [
             {
               "type": "amount",
@@ -60,11 +74,11 @@
             },
             {
               "type": "result",
-              "body": "\u003cdiv class = \"text-blocks\"\u003e\u003cdiv class = \"text-block\"\u003eCentrifuge 3 min... This is expected result with HTML.\u003c/div\u003e\u003c/div\u003e"
+              "body": "<div class = \"text-blocks\"><div class = \"text-block\">Centrifuge 3 min... This is expected result with HTML.</div></div>"
             },
             {
               "type": "warning",
-              "body": "\u003cdiv class = \"text-blocks\"\u003e\u003cdiv class = \"text-block\"\u003eCentrifuge 3 min... This is WARNING with HTML.\u003c/div\u003e\u003c/div\u003e",
+              "body": "<div class = \"text-blocks\"><div class = \"text-block\">Centrifuge 3 min... This is WARNING with HTML.</div></div>",
               "details": {
                 "link": "www.warnings.com/be_careful"
               }
@@ -99,34 +113,20 @@
             {
               "type": "note",
               "author": "Frank Jones",
-              "body": "\u003cdiv class = \"text-blocks\"\u003e\u003cdiv class = \"text-block\"\u003eCentrifuge 3 min... This is expected result with HTML.\u003c/div\u003e\u003c/div\u003e"
+              "body": "<div class = \"text-blocks\"><div class = \"text-block\">Centrifuge 3 min... This is expected result with HTML.</div></div>"
             }
           ]
         },
-        "attachments": [
-          {
-            "url": "https://pbs.twimg.com/media/Cwu3zrZWQAA7axs.jpg",
-            "name": "First file"
-          },
-          {
-            "url": "http://something.com/wp-content/uploads/2014/11/14506718045_5b3e71dacd_o.jpg",
-            "name": "Second file"
-          },
-          {
-            "url": "http://something.com/wp-content/uploads/2014/11/14506718045_5b3e71dacd_o.jpg",
-            "name": "14506718045_5b3e71dacd_o.jpg"
-          }
-        ],
         "position": 0
       },
       {
         "source_id": 601565,
         "name": "Binding cells to beads 2",
+        "attachments": [],
         "description": {
-          "body": "\u003cdiv class = \"text-blocks\"\u003e\u003cdiv class = \"text-block\"\u003eCentrifuge 3 min 600 x g at room temperature and withdraw liquid.\u003c/div\u003e\u003c/div\u003e",
+          "body": "<div class = \"text-blocks\"><div class = \"text-block\">Centrifuge 3 min 600 x g at room temperature and withdraw liquid.</div></div>",
           "components": []
         },
-        "attachments": [],
         "position": 1
       }
     ]
diff --git a/spec/jobs/user_assignments/propagate_assignment_job_spec.rb b/spec/jobs/user_assignments/propagate_assignment_job_spec.rb
index eb8da07fd..d700a32af 100644
--- a/spec/jobs/user_assignments/propagate_assignment_job_spec.rb
+++ b/spec/jobs/user_assignments/propagate_assignment_job_spec.rb
@@ -42,7 +42,7 @@ module UserAssignments
         create :user_assignment, assignable: my_module_two, user: user_two, user_role: technician_role, assigned_by: user_one
 
         expect {
-          described_class.perform_now(project, user_two, technician_role, user_one, destroy: true)
+          described_class.perform_now(project, user_two.id, technician_role, user_one, destroy: true)
         }.to change(UserAssignment, :count).by(-4)
       end
 
diff --git a/spec/models/connection_spec.rb b/spec/models/connection_spec.rb
index 7fd9b5ac5..4e8a9296f 100644
--- a/spec/models/connection_spec.rb
+++ b/spec/models/connection_spec.rb
@@ -13,8 +13,14 @@ describe Connection, type: :model do
     expect(subject.class).to eq Connection
   end
 
+  describe 'Database table' do
+    it { should have_db_column :id }
+    it { should have_db_column :input_id }
+    it { should have_db_column :output_id }
+  end
+
   describe 'Relations' do
-    #it { should belong_to(:to).class_name('MyModule') }
-    #it { should belong_to(:from).class_name('MyModule') }
+    it { should belong_to(:to).class_name('MyModule').with_foreign_key('input_id').inverse_of(:inputs) }
+    it { should belong_to(:from).class_name('MyModule').with_foreign_key('output_id').inverse_of(:outputs) }
   end
 end
diff --git a/spec/models/connection_step b/spec/models/connection_step
deleted file mode 100644
index 78eda9935..000000000
--- a/spec/models/connection_step
+++ /dev/null
@@ -1,18 +0,0 @@
-require 'rails_helper'
-
-describe Connection, type: :model do
-  it 'should be of class Connection' do
-    expect(subject.class).to eq Connection
-  end
-
-  describe 'Database table' do
-    it { should have_db_column :id }
-    it { should have_db_column :input_id }
-    it { should have_db_column :output_id }
-  end
-
-  describe 'Relations' do
-    it { should belong_to(:to).class_name('MyModule') }
-    it { should belong_to(:from).class_name('MyModule') }
-  end
-end
diff --git a/spec/models/experiment_member_spec.rb b/spec/models/experiment_member_spec.rb
deleted file mode 100644
index c05bd1391..000000000
--- a/spec/models/experiment_member_spec.rb
+++ /dev/null
@@ -1,53 +0,0 @@
-# frozen_string_literal: true
-
-require 'rails_helper'
-
-describe ExperimentMember, type: :model do
-  # let(:owner_role) { create :owner_role }
-  let!(:user) { create :user }
-  let!(:owner_role) { UserRole.find_by(name: I18n.t('user_roles.predefined.owner')) }
-  let!(:project) { create :project }
-  let!(:user_project) { create :user_project, user: user, project: project }
-  let!(:user_assignment) do
-    create :user_assignment,
-           assignable: project,
-           user: user,
-           user_role: owner_role,
-           assigned_by: user
-  end
-  let!(:experiment) { create :experiment, project: project }
-  let(:normal_user_role) { create :normal_user_role }
-
-  let(:subject) { described_class.new(user, experiment, project) }
-
-  describe '#update' do
-    let!(:experiment_user_assignment) do
-      create :user_assignment,
-             assignable: experiment,
-             user: user,
-             user_role: owner_role,
-             assigned_by: user
-    end
-
-    let!(:valid_params) do
-      {
-        user_id: user.id,
-        user_role_id: normal_user_role.id
-      }
-    end
-
-    let!(:subject) { described_class.new(user, experiment, project, user, experiment_user_assignment) }
-
-    it 'updates the assigment user role' do
-      subject.update(valid_params)
-      expect(experiment_user_assignment.reload.user_role).to eq normal_user_role
-    end
-
-    it 'logs a change_user_role_on_my_module activity' do
-      expect {
-        subject.update(valid_params)
-      }.to change(Activity, :count).by(1)
-      expect(Activity.last.type_of).to eq 'change_user_role_on_experiment'
-    end
-  end
-end
diff --git a/spec/models/my_module_member_spec.rb b/spec/models/my_module_member_spec.rb
deleted file mode 100644
index 7c5a9e58f..000000000
--- a/spec/models/my_module_member_spec.rb
+++ /dev/null
@@ -1,36 +0,0 @@
-# frozen_string_literal: true
-
-require 'rails_helper'
-
-describe MyModuleMember, type: :model do
-  # let(:owner_role) { create :owner_role }
-  let!(:user) { create :user }
-  let!(:owner_role) { UserRole.find_by(name: I18n.t('user_roles.predefined.owner')) }
-  let!(:project) { create :project, created_by: user }
-  let!(:experiment) { create :experiment, project: project, created_by: project.created_by }
-  let!(:my_module) { create :my_module, experiment: experiment, created_by: experiment.created_by }
-  let(:normal_user_role) { create :normal_user_role }
-
-  describe '#update' do
-    let!(:valid_params) do
-      {
-        user_id: user.id,
-        user_role_id: normal_user_role.id
-      }
-    end
-
-    let!(:subject) { described_class.new(user, my_module, experiment, project, user) }
-
-    it 'updates the assigment user role' do
-      subject.update(valid_params)
-      expect(subject.user_assignment.user_role).to eq normal_user_role
-    end
-
-    it 'logs a change_user_role_on_my_module activity' do
-      expect {
-        subject.update(valid_params)
-      }.to change(Activity, :count).by(1)
-      expect(Activity.last.type_of).to eq 'change_user_role_on_my_module'
-    end
-  end
-end
diff --git a/spec/models/project_member_spec.rb b/spec/models/project_member_spec.rb
deleted file mode 100644
index 3c46ca189..000000000
--- a/spec/models/project_member_spec.rb
+++ /dev/null
@@ -1,117 +0,0 @@
-# frozen_string_literal: true
-
-require 'rails_helper'
-
-describe ProjectMember, type: :model do
-  let!(:owner_role) { UserRole.find_by(name: I18n.t('user_roles.predefined.owner')) }
-  let!(:user) { create :user }
-  let!(:project) { create :project, created_by: user }
-  let(:normal_user_role) { create :normal_user_role }
-
-  let(:subject) { described_class.new(user, project, user) }
-
-  describe '#update' do
-    let!(:user_project) { create :user_project, user: user, project: project }
-
-    it 'updates only the user assignment role' do
-      subject.user_role_id = normal_user_role.id
-      subject.update
-      expect(subject.user_assignment.user_role).to eq normal_user_role
-    end
-
-    it 'logs a change_user_role_on_project activity' do
-      subject.user_role_id = normal_user_role.id
-      expect {
-        subject.update
-      }.to change(Activity, :count).by(1)
-      expect(Activity.last.type_of).to eq 'change_user_role_on_project'
-    end
-
-    it 'triggers the UserAssignments::PropagateAssignmentJob job' do
-      subject.user_role_id = normal_user_role.id
-      expect(UserAssignments::PropagateAssignmentJob).to receive(:perform_later).with(
-        project, user.id, normal_user_role, user.id
-      )
-      subject.update
-    end
-  end
-
-  describe '#destroy' do
-    let!(:user_two) { create :user }
-    let!(:user_project_two) { create :user_project, user: user_two, project: project }
-    let!(:user_assignment_two) do
-      create :user_assignment,
-             assignable: project,
-             user: user_two,
-             user_role: owner_role,
-             assigned_by: user
-    end
-    let!(:user_project) { create :user_project, user: user, project: project }
-    let!(:user_assignment) { project.user_assignments.first }
-
-    it 'removes the user_assignment and user_project' do
-      expect {
-        subject.destroy
-      }.to change(UserAssignment, :count).by(-1).and \
-           change(UserProject, :count).by(-1)
-    end
-
-    it 'does not remove the user_assignment and user_project if the user is last owner' do
-      user_assignment_two.update!(user_role: normal_user_role)
-
-      expect {
-        subject.destroy
-      }.to change(UserAssignment, :count).by(0).and \
-           change(UserProject, :count).by(0)
-    end
-
-    it 'logs a unassign_user_from_project activity' do
-      expect {
-        subject.destroy
-      }.to change(Activity, :count).by(1)
-      expect(Activity.last.type_of).to eq 'unassign_user_from_project'
-    end
-
-    it 'triggers the UserAssignments::PropagateAssignmentJob job' do
-      expect(UserAssignments::PropagateAssignmentJob).to receive(:perform_later).with(
-        project, user.id, owner_role, user.id, destroy: true
-      )
-      subject.destroy
-    end
-  end
-
-  describe 'validations' do
-    it 'validates presence or user, project, user_role_id when assign is true' do
-      subject = described_class.new(nil, nil)
-      subject.assign = true
-      subject.valid?
-      expect(subject.errors).to have_key(:project)
-      expect(subject.errors).to have_key(:user)
-      expect(subject.errors).to have_key(:user_role_id)
-    end
-
-    it 'validates user project assignment existence' do
-      subject.assign = true
-      subject.user_assignment.user_role_id = owner_role.id
-      subject.valid?
-      expect(subject.errors).to have_key(:user_role_id)
-    end
-
-    describe 'user_role' do
-      it 'adds an error when user role does not exist' do
-        subject.assign = true
-        subject.user_role_id = 1234
-        subject.valid?
-        expect(subject.errors).to have_key(:user_role_id)
-      end
-
-      it 'does not add an error when role exists' do
-        project.user_assignments.destroy_all
-        subject.assign = true
-        subject.user_role_id = owner_role.id
-        subject.valid?
-        expect(subject.errors).not_to have_key(:user_role_id)
-      end
-    end
-  end
-end
diff --git a/spec/models/protocol_spec.rb b/spec/models/protocol_spec.rb
index da175c8ce..49ffbe44d 100644
--- a/spec/models/protocol_spec.rb
+++ b/spec/models/protocol_spec.rb
@@ -95,44 +95,6 @@ describe Protocol, type: :model do
     end
   end
 
-  describe '.publish(user)' do
-    let(:user) { create :user }
-    let(:team) { create :team, created_by: user }
-    let(:protocol) { create :protocol, :in_public_repository, team: team, added_by: user }
-
-    it 'calls create activity for restoring protocol' do
-      expect(Activities::CreateActivityService)
-        .to(receive(:call)
-              .with(hash_including(activity_type:
-                                     :move_protocol_in_repository)))
-
-      protocol.publish user
-    end
-
-    it 'creats one new activity DB' do
-      expect { protocol.publish(user) }.to change { Activity.count }.by(1)
-    end
-  end
-
-  describe '.make_private(user)' do
-    let(:user) { create :user }
-    let(:team) { create :team, created_by: user }
-    let(:protocol) { create :protocol, :in_public_repository, team: team, added_by: user }
-
-    it 'calls create activity for restoring protocol' do
-      expect(Activities::CreateActivityService)
-        .to(receive(:call)
-              .with(hash_including(activity_type:
-                                     :move_protocol_in_repository)))
-
-      protocol.make_private user
-    end
-
-    it 'creats one new activity DB' do
-      expect { protocol.make_private(user) }.to change { Activity.count }.by(1)
-    end
-  end
-
   describe '.deep_clone_repository' do
     let(:user) { create :user }
     let(:team) { create :team, created_by: user }
diff --git a/spec/models/settings_spec.rb b/spec/models/settings_spec.rb
index 3a932c0ba..d608e3894 100644
--- a/spec/models/settings_spec.rb
+++ b/spec/models/settings_spec.rb
@@ -3,14 +3,20 @@
 require 'rails_helper'
 
 describe Settings, type: :model do
-  let(:settings) { build :settings }
+  let(:settings) { build(:settings) }
+  let(:application_settings) { build(:settings, :with_load_values_from_env_defined) }
+
+  it 'raises not NotImplementedError' do
+    expect { settings.load_values_from_env }.to raise_error(NotImplementedError)
+  end
+
 
   it 'is valid' do
-    expect(settings).to be_valid
+    expect(application_settings).to be_valid
   end
 
   it 'should be of class Settings' do
-    expect(subject.class).to eq Settings
+    expect(application_settings.class).to eq Settings
   end
 
   describe 'Database table' do
diff --git a/spec/models/team_shared_object_spec.rb b/spec/models/team_shared_object_spec.rb
index bd33c089b..f21e903a8 100644
--- a/spec/models/team_shared_object_spec.rb
+++ b/spec/models/team_shared_object_spec.rb
@@ -7,16 +7,19 @@ describe TeamSharedObject, type: :model do
   let(:team) { create :team, created_by: user }
   let(:another_team) { create :team, created_by: user }
   let(:repository) { create :repository, team: team, created_by: user }
-  let(:team_shared_object) { build :team_shared_object, :read, team: another_team, shared_repository: repository }
+  let(:team_shared_object) { create :team_shared_object, :read, team: another_team, shared_object: repository }
 
   it 'is valid' do
     expect(team_shared_object).to be_valid
   end
 
+  it 'should be of class TeamSharedObject' do
+    expect(subject.class).to eq TeamSharedObject
+  end
 
-  describe 'Associations' do
-    it { is_expected.to belong_to(:team) }
-    it { is_expected.to belong_to(:shared_repository) }
-    it { is_expected.to belong_to(:shared_object) }
+  describe 'Relations' do
+    it { should belong_to(:team) }
+    it { should belong_to(:shared_object) }
+    it { should belong_to(:shared_repository).optional }
   end
 end
diff --git a/spec/permissions/controllers/experiments_controller_spec.rb b/spec/permissions/controllers/experiments_controller_spec.rb
index 3a84b872c..ec53040ee 100644
--- a/spec/permissions/controllers/experiments_controller_spec.rb
+++ b/spec/permissions/controllers/experiments_controller_spec.rb
@@ -19,8 +19,20 @@ describe ExperimentsController, type: :controller do
     move: { id: 1 },
     module_archive: { id: 1 },
     fetch_workflow_img: { id: 1 },
-    sidebar: { id: 1 }
-  }, []
+    sidebar: { id: 1 },
+    my_modules: { id: 1 },
+    load_table: { id: 1 },
+    permissions: { id: 1 },
+    assigned_users_to_tasks: { id: 1 },
+    batch_clone_my_modules: { id: 1 },
+    search_tags: { id: 1 },
+    actions_dropdown: { id: 1 },
+    archive_my_modules: { id: 1 },
+    table: { id: 1 },
+    move_modules: { id: 1 },
+    move_modules_modal: { id: 1 },
+    view_type: { id: 1, view_type: 'table' },
+  }, [:set_breadcrumbs_items, :my_modules_view_mode]
 
   login_user
 
@@ -87,13 +99,13 @@ describe ExperimentsController, type: :controller do
 
     it_behaves_like "a controller action with permissions checking", :get, :clone_modal do
       let(:testable) { experiment }
-      let(:permissions) { [ExperimentPermissions::MANAGE] }
+      let(:permissions) { [ExperimentPermissions::READ] }
       let(:action_params) { { id: experiment.id } }
     end
 
     it_behaves_like "a controller action with permissions checking", :post, :clone do
       let(:testable) { experiment }
-      let(:permissions) { [ExperimentPermissions::MANAGE] }
+      let(:permissions) { [ExperimentPermissions::READ] }
       let(:action_params) { { id: experiment.id } }
     end
 
diff --git a/spec/permissions/controllers/my_module_repositories_controller_spec.rb b/spec/permissions/controllers/my_module_repositories_controller_spec.rb
index 9348ca6d4..bf1cb77c2 100644
--- a/spec/permissions/controllers/my_module_repositories_controller_spec.rb
+++ b/spec/permissions/controllers/my_module_repositories_controller_spec.rb
@@ -7,6 +7,7 @@ describe MyModuleRepositoriesController, type: :controller do
 
   it_behaves_like "a controller with authentication", {
     index_dt: { my_module_id: 1, id: 1 },
+    create: { my_module_id: 1, id: 1, my_module_tag: { tag_id: 1, my_module_id: 1 } },
     update: { my_module_id: 1, id: 1 },
     update_repository_records_modal: { my_module_id: 1, id: 1 },
     assign_repository_records_modal: { my_module_id: 1, id: 1 },
diff --git a/spec/permissions/controllers/my_modules_controller_spec.rb b/spec/permissions/controllers/my_modules_controller_spec.rb
index 72515ecc2..e2755e769 100644
--- a/spec/permissions/controllers/my_modules_controller_spec.rb
+++ b/spec/permissions/controllers/my_modules_controller_spec.rb
@@ -16,12 +16,19 @@ describe MyModulesController, type: :controller do
     update_description: { id: 1 },
     update_protocol_description: { id: 1 },
     protocols: { id: 1 },
+    protocol: { id: 1 },
+    update_protocol: { id: 1 },
+    provisioning_status: { id: 1 },
+    actions_dropdown: { id: 1 },
+    new: { id: 1, experiment_id: 1 },
+    create: { id: 1, experiment_id: 1 },
+    permissions: { id: 1 },
     results: { id: 1 },
     archive: { id: 1 },
     restore_group: { id: 1 },
     update_state: { id: 1 },
     canvas_dropdown_menu: { id: 1 }
-  }, []
+  }, [:set_breadcrumbs_items]
 
   login_user
 
diff --git a/spec/permissions/controllers/projects_controller_spec.rb b/spec/permissions/controllers/projects_controller_spec.rb
index 5ccc23676..e41094fe6 100644
--- a/spec/permissions/controllers/projects_controller_spec.rb
+++ b/spec/permissions/controllers/projects_controller_spec.rb
@@ -12,8 +12,10 @@ describe ProjectsController, type: :controller do
     show: { id: 1 },
     experiments_cards: { id: 1 },
     notifications: { id: 1 },
+    permissions: { id: 1 },
+    actions_dropdown: { id: 1 },
     view_type: { id: 1 }
-  }, [:current_folder]
+  }, [:current_folder, :set_breadcrumbs_items, :create_tag]
 
   login_user
 
diff --git a/spec/support/reference_project_structure_context.rb b/spec/support/reference_project_structure_context.rb
index 55cfc0042..4af0c0dc1 100644
--- a/spec/support/reference_project_structure_context.rb
+++ b/spec/support/reference_project_structure_context.rb
@@ -34,10 +34,10 @@ RSpec.shared_context 'reference_project_structure' do |config|
     let!(:team_assignment) { create :user_assignment, user: user, assignable: team, user_role: owner_role }
   end
 
-  let!(:project) { create(:project, team: team, created_by: user) }
-  let!(:projects) { create_list(:project, config[:projects], team: team, created_by: user) } if config[:projects]
+  let!(:project) { create(:project, team: team, created_by: user, default_public_user_role_id: team_assignment.user_role.id) }
+  let!(:projects) { create_list(:project, config[:projects], team: team, created_by: user, default_public_user_role_id: team_assignment.user_role.id) } if config[:projects]
 
-  let!(:experiment) { create :experiment, project: project, created_by: project.created_by} unless config[:skip_experiment]
+  let!(:experiment) { create :experiment, project: project, created_by: project.created_by } unless config[:skip_experiment]
   let!(:experiments) { create_list :experiment, config[:experiments], project: project, created_by: project.created_by } if config[:experiments]
 
   let!(:my_module) { create :my_module, experiment: experiment, created_by: experiment.created_by } unless config[:skip_my_module]
diff --git a/spec/utilities/protocol_importers/protocols_io/v3/api_client_spec.rb b/spec/utilities/protocol_importers/protocols_io/v3/api_client_spec.rb
index 4b1a1b0a7..ea0de2e03 100644
--- a/spec/utilities/protocol_importers/protocols_io/v3/api_client_spec.rb
+++ b/spec/utilities/protocol_importers/protocols_io/v3/api_client_spec.rb
@@ -10,7 +10,7 @@ describe ProtocolImporters::ProtocolsIo::V3::ApiClient do
       URL_PUBLICATIONS = "#{CONSTANTS[:base_uri]}publications"
 
       let(:query_params) do
-        { latest: '50' }
+        { latest: '20' }
       end
 
       let(:stub_protocols) do
diff --git a/spec/utilities/protocol_importers/protocols_io/v3/protocol_normalizer_spec.rb b/spec/utilities/protocol_importers/protocols_io/v3/protocol_normalizer_spec.rb
index 0d4d9e5cf..d1be8792a 100644
--- a/spec/utilities/protocol_importers/protocols_io/v3/protocol_normalizer_spec.rb
+++ b/spec/utilities/protocol_importers/protocols_io/v3/protocol_normalizer_spec.rb
@@ -39,7 +39,7 @@ describe ProtocolImporters::ProtocolsIo::V3::ProtocolNormalizer do
         allow(client_data).to receive_message_chain(:parsed_response)
           .and_return(protocols_io_single_protocol)
 
-        expect(subject.normalize_protocol(client_data).deep_stringify_keys).to be == normalized_protocol
+        expect(subject.normalize_protocol(client_data).deep_stringify_keys).to eq(normalized_protocol)
       end
     end
 

From c3ae813fb9d018268bd4ee25ac91424f971bcb9c Mon Sep 17 00:00:00 2001
From: ajugo <andrej.jugovic7@gmail.com>
Date: Thu, 12 Oct 2023 16:30:58 +0200
Subject: [PATCH 47/49] Remove link from assigned snapshot inventory row for
 simple view [SCI-9481] (#6405)

---
 app/assets/javascripts/my_modules/repositories.js | 10 ++++++++--
 app/helpers/repository_datatable_helper.rb        |  6 +++++-
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/app/assets/javascripts/my_modules/repositories.js b/app/assets/javascripts/my_modules/repositories.js
index 7caac5a1d..c2ff89b62 100644
--- a/app/assets/javascripts/my_modules/repositories.js
+++ b/app/assets/javascripts/my_modules/repositories.js
@@ -182,8 +182,14 @@ var MyModuleRepositories = (function() {
       targets: 0,
       className: 'item-name',
       render: function(data, type, row) {
-        var recordName = "<a href='" + row.recordInfoUrl + "'"
-                         + "class='record-info-link'>" + data + '</a>';
+        let recordName;
+
+        if (row.recordInfoUrl) {
+          recordName = `<a href="${row.recordInfoUrl}" class="record-info-link">${data}</a>`;
+        } else {
+          recordName = `<div class="inline-block my-2 mx-0">${data}</div>`;
+        }
+
         if (row.hasActiveReminders) {
           recordName = `<div class="dropdown row-reminders-dropdown"
                           data-row-reminders-url="${row.rowRemindersUrl}" tabindex='-1'>
diff --git a/app/helpers/repository_datatable_helper.rb b/app/helpers/repository_datatable_helper.rb
index e9b4252ef..c933f791f 100644
--- a/app/helpers/repository_datatable_helper.rb
+++ b/app/helpers/repository_datatable_helper.rb
@@ -119,7 +119,6 @@ module RepositoryDatatableHelper
         DT_RowId: record.id,
         DT_RowAttr: { 'data-state': row_style(record) },
         '0': escape_input(record.name),
-        recordInfoUrl: Rails.application.routes.url_helpers.repository_repository_row_path(record.repository, record),
         rowRemindersUrl:
           Rails.application.routes.url_helpers
                .active_reminder_repository_cells_repository_repository_row_url(
@@ -128,6 +127,11 @@ module RepositoryDatatableHelper
                )
       }
 
+      unless record.repository.is_a?(RepositorySnapshot)
+        row['recordInfoUrl'] = Rails.application.routes.url_helpers.repository_repository_row_path(record.repository,
+                                                                                                   record)
+      end
+
       if reminders_enabled
         row['hasActiveReminders'] = record.has_active_stock_reminders || record.has_active_datetime_reminders
       end

From d80d0af5b82fc479fd7f3d21faaccd4ea6da2f75 Mon Sep 17 00:00:00 2001
From: Ivan Kljun <ivan@scinote.net>
Date: Thu, 12 Oct 2023 16:34:24 +0200
Subject: [PATCH 48/49] Refocus on tinymce editor after marvinjs img update
 [SCI-9515]

---
 app/assets/javascripts/sitewide/marvinjs_editor.js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/app/assets/javascripts/sitewide/marvinjs_editor.js b/app/assets/javascripts/sitewide/marvinjs_editor.js
index 9694fb1d9..c3330445f 100644
--- a/app/assets/javascripts/sitewide/marvinjs_editor.js
+++ b/app/assets/javascripts/sitewide/marvinjs_editor.js
@@ -200,6 +200,8 @@ var MarvinJsEditorApi = (function() {
           $('#modal_link' + json.id + ' .attachment-label').text(json.file_name);
         }
         $(marvinJsModal).modal('hide');
+
+        config.editor.focus();
         config.button.dataset.inProgress = false;
 
         if (MarvinJsEditor.saveCallback) MarvinJsEditor.saveCallback();

From b5ece3429f6a06321fc7214f8e87eedea0ee6fa2 Mon Sep 17 00:00:00 2001
From: Gregor Lasnibat <143816208+lasniscinote@users.noreply.github.com>
Date: Fri, 13 Oct 2023 09:51:50 +0200
Subject: [PATCH 49/49] Fixed missing inventory columns on item card [SCI-9469]
 (#6416)

---
 .../RepositoryItemSidebar.vue                 | 45 ++++++++++---------
 .../RepositoryAssetValue.vue                  | 16 +++----
 .../RepositoryChecklistValue.vue              |  8 ++--
 .../RepositoryDateRangeValue.vue              |  6 +--
 .../RepositoryDateTimeRangeValue.vue          |  6 +--
 .../RepositoryDateTimeValue.vue               |  8 ++--
 .../repository_values/RepositoryDateValue.vue |  4 +-
 .../repository_values/RepositoryListValue.vue |  4 +-
 .../RepositoryStatusValue.vue                 |  9 ++--
 .../RepositoryStockValue.vue                  | 21 ++++-----
 .../repository_values/RepositoryTextValue.vue |  4 +-
 .../RepositoryTimeRangeValue.vue              |  6 +--
 .../repository_values/RepositoryTimeValue.vue |  6 +--
 .../repository_values/ScrollSpy.vue           | 12 ++---
 .../repository_values/TooltipPreview.vue      | 10 ++---
 app/views/repository_rows/show.json.jbuilder  | 14 ++++--
 config/locales/en.yml                         |  8 ++--
 17 files changed, 96 insertions(+), 91 deletions(-)

diff --git a/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue b/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue
index 880dbf427..bfd74436a 100644
--- a/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue
+++ b/app/javascript/vue/repository_item_sidebar/RepositoryItemSidebar.vue
@@ -43,7 +43,7 @@
                   </span>
                 </div>
 
-                <div id="dashed-divider" class="flex h-[1px] py-0  border-dashed border-[1px] border-sn-light-grey"></div>
+                <div class="sci-divider"></div>
 
                 <!-- CODE -->
                 <div class="flex flex-col ">
@@ -54,7 +54,7 @@
                   </span>
                 </div>
 
-                <div id="dashed-divider" class="flex h-[1px] py-0  border-dashed border-[1px] border-sn-light-grey"></div>
+                <div class="sci-divider"></div>
 
                 <!-- ADDED ON -->
                 <div class="flex flex-col ">
@@ -66,7 +66,7 @@
                   </span>
                 </div>
 
-                <div id="dashed-divider" class="flex h-[1px] py-0  border-dashed border-[1px] border-sn-light-grey"></div>
+                <div class="sci-divider"></div>
 
                 <!-- ADDED BY -->
                 <div class="flex flex-col ">
@@ -94,16 +94,17 @@
               </div>
               <div v-if="customColumns?.length > 0" class="flex flex-col gap-4 w-[350px] h-auto">
                 <div v-for="(column, index) in customColumns" class="flex flex-col gap-4 w-[350px] h-auto relative">
-                  <span class="absolute right-2 top-6" v-if="column.value.reminder === true">
-                    <Reminder :value="column.value" :valueType="column.value_type" />
+                  <span class="absolute right-2 top-6" v-if="column?.value?.reminder === true">
+                    <Reminder :value="column?.value" :valueType="column?.value_type" />
                   </span>
-                  <component :is="column.data_type" :key="index" :data_type="column.data_type" :colId="column.id"
-                    :colName="column.name" :colVal="column.value" :repositoryRowId="repositoryRowId"
-                    :repositoryId="repository?.id" :permissions="permissions"
-                    @closeSidebar="toggleShowHideSidebar(null)" />
-                  <div id="dashed-divider" :class="{ 'hidden': index === customColumns.length - 1 }"
-                    class="flex h-[1px] py-0 border-dashed border-[1px] border-sn-light-grey">
-                  </div>
+
+                  <component :is="column?.data_type" :key="index" :data_type="column?.data_type" :colId="column?.id"
+                    :colName="column?.name" :colVal="column?.value" :repositoryRowId="repositoryRowId"
+                    :repositoryId="repository?.id"
+                    :permissions="permissions" @closeSidebar="toggleShowHideSidebar(null)" />
+
+                  <div class="sci-divider" :class="{ 'hidden': index === customColumns?.length - 1 }"></div>
+
                 </div>
               </div>
               <div v-else class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
@@ -158,7 +159,7 @@
             <div id="divider" class="w-500 bg-sn-light-grey flex px-8 items-center self-stretch h-px  "></div>
 
             <!-- QR -->
-            <section id="qr-wrapper">
+            <section id="qr-wrapper" ref="QR-label">
               <div class="font-inter text-base font-semibold leading-7 mb-4 mt-0">{{ i18n.t('repositories.item_card.section.qr') }}</div>
               <div class="bar-code-container">
                 <canvas id="bar-code-canvas" class="hidden"></canvas>
@@ -310,16 +311,16 @@ export default {
         data: { my_module_id: this.myModuleId },
         dataType: 'json',
         success: (result) => {
-          this.repositoryRowId = result.id;
-          this.repository = result.repository;
-          this.defaultColumns = result.default_columns;
-          this.customColumns = result.custom_columns;
-          this.dataLoading = false;
-          this.assignedModules = result.assigned_modules;
-          this.actions = result.actions;
-          this.permissions = result.permissions
+          this.repositoryRowId = result?.id
+          this.repository = result?.repository;
+          this.defaultColumns = result?.default_columns;
+          this.customColumns = result?.custom_columns;
+          this.assignedModules = result?.assigned_modules;
+          this.permissions = result?.permissions
+          this.actions = result?.actions;
+          this.dataLoading = false
           this.$nextTick(() => {
-            this.generateBarCode(this.defaultColumns.code);
+            this.generateBarCode(this?.defaultColumns?.code);
           });
         }
       });
diff --git a/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryAssetValue.vue b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryAssetValue.vue
index b5bc0a411..b3e37f50d 100644
--- a/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryAssetValue.vue
+++ b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryAssetValue.vue
@@ -6,7 +6,7 @@
     <div v-if="file_name" @mouseover="tooltipShowing = true" @mouseout="tooltipShowing = false"
       class="w-fit cursor-pointer text-sn-science-blue relative">
       <a @click="$emit('closeSidebar')" class="file-preview-link" :id="modalPreviewLinkId" data-no-turbolink="true"
-        data-id="true" data-status="asset-present" :data-preview-url=this.preview_url :href=this.url>
+        data-id="true" data-status="asset-present" :data-preview-url=this?.preview_url :href=this?.url>
         {{ file_name }}
       </a>
       <tooltip-preview v-if="tooltipShowing && medium_preview_url" :id="id" :url="url" :file_name="file_name"
@@ -45,16 +45,16 @@ export default {
     colVal: Object
   },
   created() {
-    this.id = this.colVal.id
-    this.url = this.colVal.url
-    this.preview_url = this.colVal.preview_url
-    this.file_name = this.colVal.file_name
-    this.icon_html = this.colVal.icon_html
-    this.medium_preview_url = this.colVal.medium_preview_url
+    this.id = this?.colVal?.id
+    this.url = this?.colVal?.url
+    this.preview_url = this?.colVal?.preview_url
+    this.file_name = this?.colVal?.file_name
+    this.icon_html = this?.colVal?.icon_html
+    this.medium_preview_url = this?.colVal?.medium_preview_url
   },
   computed: {
     modalPreviewLinkId() {
-      return `modal_link${this.id}`
+      return `modal_link${this?.id}`
     }
   },
 }
diff --git a/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryChecklistValue.vue b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryChecklistValue.vue
index 539752b02..11f197690 100644
--- a/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryChecklistValue.vue
+++ b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryChecklistValue.vue
@@ -8,17 +8,17 @@
         class="text-sn-dark-grey font-inter text-sm font-normal leading-5 grid grid-rows-2 grid-cols-2 overflow-auto h-12">
         <div v-for="(checklistItem, index) in allChecklistItems" :key="index">
           <div class="sci-checkbox-container">
-            <input type="checkbox" class="sci-checkbox" :value="checklistItem.value" v-model="selectedChecklistItems" />
+            <input type="checkbox" class="sci-checkbox" :value="checklistItem?.value" v-model="selectedChecklistItems" />
             <span class="sci-checkbox-label"></span>
           </div>
-          {{ checklistItem.label }}
+          {{ checklistItem?.label }}
         </div>
       </div>
       <div v-else
         class="text-sn-dark-grey font-inter text-sm font-normal leading-5 h-10 w-[370px] overflow-x-auto flex flex-wrap">
         <div v-for="(checklistItem, index) in allChecklistItems" :key="index">
           <div id="checklist-item" class="flex w-fit h-[18px] break-words mx-1">
-            {{ `${checklistItem.label} |` }}
+            {{ `${checklistItem?.label} |` }}
           </div>
         </div>
       </div>
@@ -47,7 +47,7 @@ export default {
     colVal: Array
   },
   created() {
-    this.allChecklistItems = this.colVal
+    this.allChecklistItems = this?.colVal
   }
 }
 </script>
diff --git a/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryDateRangeValue.vue b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryDateRangeValue.vue
index 54d44f876..a7bb22df1 100644
--- a/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryDateRangeValue.vue
+++ b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryDateRangeValue.vue
@@ -5,7 +5,7 @@
     </div>
     <div v-if="start_time?.formatted && end_time?.formatted"
       class="text-sn-dark-grey font-inter text-sm font-normal leading-5 flex">
-      <div>{{ start_time.formatted }} - {{ end_time.formatted }}</div>
+      <div>{{ start_time?.formatted }} - {{ end_time?.formatted }}</div>
     </div>
     <div v-else class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
       {{ i18n.t('repositories.item_card.repository_date_range_value.no_date_range') }}
@@ -29,8 +29,8 @@ export default {
     colVal: Object
   },
   created() {
-    this.start_time = this.colVal.start_time
-    this.end_time = this.colVal.end_time
+    this.start_time = this?.colVal?.start_time
+    this.end_time = this?.colVal?.end_time
   }
 }
 </script>
diff --git a/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryDateTimeRangeValue.vue b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryDateTimeRangeValue.vue
index d734e23a0..3c91562cc 100644
--- a/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryDateTimeRangeValue.vue
+++ b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryDateTimeRangeValue.vue
@@ -5,7 +5,7 @@
     </div>
     <div v-if="start_time?.formatted && end_time?.formatted"
       class="text-sn-dark-grey font-inter text-sm font-normal leading-5 flex">
-      <div>{{ start_time?.formatted }} - {{ end_time.formatted }}</div>
+      <div>{{ start_time?.formatted }} - {{ end_time?.formatted }}</div>
     </div>
     <div v-else class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
       {{ i18n.t('repositories.item_card.repository_date_time_range_value.no_date_time_range') }}
@@ -29,8 +29,8 @@ export default {
     colVal: Object
   },
   created() {
-    this.start_time = this.colVal.start_time
-    this.end_time = this.colVal.end_time
+    this.start_time = this?.colVal?.start_time
+    this.end_time = this?.colVal?.end_time
   }
 }
 </script>
diff --git a/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryDateTimeValue.vue b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryDateTimeValue.vue
index e89316619..0d7ce4115 100644
--- a/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryDateTimeValue.vue
+++ b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryDateTimeValue.vue
@@ -30,10 +30,10 @@ export default {
     colVal: Object
   },
   created() {
-    this.formatted = this.colVal.formatted
-    this.date_formatted = this.colVal.date_formatted
-    this.time_formatted = this.colVal.time_formatted
-    this.formatdatetimeted = this.colVal.datetime
+    this.formatted = this?.colVal?.formatted
+    this.date_formatted = this?.colVal?.date_formatted
+    this.time_formatted = this?.colVal?.time_formatted
+    this.formatdatetimeted = this?.colVal?.datetime
   }
 }
 </script>
diff --git a/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryDateValue.vue b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryDateValue.vue
index 723c22b4e..6714c60bb 100644
--- a/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryDateValue.vue
+++ b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryDateValue.vue
@@ -28,8 +28,8 @@ export default {
     colVal: Object
   },
   created() {
-    this.formatted = this.colVal.formatted
-    this.datetime = this.colVal.datetime
+    this.formatted = this?.colVal?.formatted
+    this.datetime = this?.colVal?.datetime
   }
 }
 </script>
diff --git a/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryListValue.vue b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryListValue.vue
index cc7af2eb6..49e74aded 100644
--- a/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryListValue.vue
+++ b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryListValue.vue
@@ -28,8 +28,8 @@ export default {
     colVal: Object
   },
   created() {
-    this.id = this.colVal.id
-    this.text = this.colVal.text
+    this.id = this?.colVal?.id
+    this.text = this?.colVal?.text
   }
 }
 </script>
diff --git a/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryStatusValue.vue b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryStatusValue.vue
index 5ae5bc1af..5569dcd61 100644
--- a/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryStatusValue.vue
+++ b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryStatusValue.vue
@@ -3,7 +3,8 @@
     <div class="font-inter text-sm font-semibold leading-5">
       {{ colName }}
     </div>
-    <div v-if="status && icon" class="flex flex-row items-center text-sn-dark-grey font-inter text-sm font-normal leading-5 ">
+    <div v-if="status && icon"
+      class="flex flex-row items-center text-sn-dark-grey font-inter text-sm font-normal leading-5 ">
       <div v-html="parseEmoji(icon)" class="flex mr-1.5 h-6"></div>
       {{ status }}
     </div>
@@ -33,9 +34,9 @@ export default {
     colVal: Object
   },
   created() {
-    this.id = this.colVal.id
-    this.icon = this.colVal.icon
-    this.status = this.colVal.status
+    this.id = this?.colVal?.id
+    this.icon = this?.colVal?.icon
+    this.status = this?.colVal?.status
   },
   methods: {
     parseEmoji(content) {
diff --git a/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryStockValue.vue b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryStockValue.vue
index dc8bafa3b..fafc9859f 100644
--- a/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryStockValue.vue
+++ b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryStockValue.vue
@@ -2,18 +2,15 @@
   <div id="repository-stock-value-wrapper" class="flex flex-col min-min-h-[46px] h-auto gap-[6px]">
     <div class="font-inter text-sm font-semibold leading-5 relative">
       <span>{{ colName }}</span>
-      <a style="text-decoration: none;"
-        class="absolute right-0 text-sn-science-blue visited:text-sn-science-blue hover:text-sn-science-blue 
-               font-inter text-sm font-normal cursor-pointer export-consumption-button" 
-        v-if="permissions?.can_export_repository_stock === true"
-        :data-rows="JSON.stringify([repositoryRowId])"
-        :data-object-id="repositoryId"
-      >
+      <a style="text-decoration: none;" class="absolute right-0 text-sn-science-blue visited:text-sn-science-blue hover:text-sn-science-blue
+               font-inter text-sm font-normal cursor-pointer export-consumption-button"
+        v-if="permissions?.can_export_repository_stock === true" :data-rows="JSON.stringify([repositoryRowId])"
+        :data-object-id="repositoryId">
         {{ i18n.t('repositories.item_card.stock_export') }}
       </a>
     </div>
-    <div v-if="colVal.stock_formatted" class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
-      {{ colVal.stock_formatted }}
+    <div v-if="colVal?.stock_formatted" class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
+      {{ colVal?.stock_formatted }}
     </div>
     <div v-else class="text-sn-dark-grey font-inter text-sm font-normal leading-5">
       {{ i18n.t('repositories.item_card.repository_stock_value.no_stock') }}
@@ -41,9 +38,9 @@ export default {
     permissions: null
   },
   created() {
-    this.stock_formatted = this.colVal.stock_formatted
-    this.stock_amount = this.colVal.stock_amount
-    this.low_stock_threshold = this.colVal.low_stock_threshold
+    this.stock_formatted = this?.colVal?.stock_formatted
+    this.stock_amount = this?.colVal?.stock_amount
+    this.low_stock_threshold = this?.colVal?.low_stock_threshold
   }
 }
 </script>
diff --git a/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryTextValue.vue b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryTextValue.vue
index 86b1d452f..e5c64bf5d 100644
--- a/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryTextValue.vue
+++ b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryTextValue.vue
@@ -28,8 +28,8 @@ export default {
     colVal: Object
   },
   created() {
-    this.edit = this.colVal.edit
-    this.view = this.colVal.view
+    this.edit = this?.colVal?.edit
+    this.view = this?.colVal?.view
   }
 }
 </script>
diff --git a/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryTimeRangeValue.vue b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryTimeRangeValue.vue
index 2b5ec0506..b67f2b046 100644
--- a/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryTimeRangeValue.vue
+++ b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryTimeRangeValue.vue
@@ -5,7 +5,7 @@
     </div>
     <div v-if="start_time?.formatted && end_time?.formatted"
       class="text-sn-dark-grey font-inter text-sm font-normal leading-5 flex">
-      <div>{{ start_time.formatted }} - {{ end_time.formatted }}</div>
+      <div>{{ start_time?.formatted }} - {{ end_time?.formatted }}</div>
     </div>
     <div v-else class="text-sn-dark-grey font-inter text-sm font-normal leading-5">{{
       i18n.t('repositories.item_card.repository_time_range_value.no_time_range') }}
@@ -29,8 +29,8 @@ export default {
     colVal: Object
   },
   created() {
-    this.start_time = this.colVal.start_time
-    this.end_time = this.colVal.end_time
+    this.start_time = this?.colVal?.start_time
+    this.end_time = this?.colVal?.end_time
   }
 }
 </script>
diff --git a/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryTimeValue.vue b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryTimeValue.vue
index 320efc530..643cf8678 100644
--- a/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryTimeValue.vue
+++ b/app/javascript/vue/repository_item_sidebar/repository_values/RepositoryTimeValue.vue
@@ -13,7 +13,7 @@
     </div>
   </div>
 </template>
-  
+
 <script>
 export default {
   name: 'RepositoryTimeValue',
@@ -30,8 +30,8 @@ export default {
     }
   },
   created() {
-    this.formatted = this.colVal.formatted
-    this.datetime = this.colVal.datetime
+    this.formatted = this?.colVal?.formatted
+    this.datetime = this?.colVal?.datetime
   }
 }
 </script>
diff --git a/app/javascript/vue/repository_item_sidebar/repository_values/ScrollSpy.vue b/app/javascript/vue/repository_item_sidebar/repository_values/ScrollSpy.vue
index 5683126f4..623075544 100644
--- a/app/javascript/vue/repository_item_sidebar/repository_values/ScrollSpy.vue
+++ b/app/javascript/vue/repository_item_sidebar/repository_values/ScrollSpy.vue
@@ -14,8 +14,8 @@
     </div>
     <div id="highlight-container" class="w-[1px] h-[130px] flex flex-col justify-evenly bg-sn-light-grey">
       <div v-for="(itemObj, index) in itemsToCreate" :key="index">
-        <div :id="itemObj.id" class="w-[5px] h-[28px] rounded-[11px]"
-          :class="{ 'bg-sn-science-blue relative left-[-2px]': itemObj.id === selectedNavIndicator }"></div>
+        <div :id="itemObj?.id" class="w-[5px] h-[28px] rounded-[11px]"
+          :class="{ 'bg-sn-science-blue relative left-[-2px]': itemObj?.id === selectedNavIndicator }"></div>
       </div>
     </div>
   </div>
@@ -62,13 +62,13 @@ export default {
       let refToScrollTo
       const targetId = e.target.id
 
-      const foundObj = this.itemsToCreate.find((obj) => obj.textId === targetId)
+      const foundObj = this.itemsToCreate.find((obj) => obj?.textId === targetId)
       if (!foundObj) return
 
       refToScrollTo = foundObj.label
-      this.selectedNavText = foundObj.textId
-      this.selectedNavIndicator = foundObj.id
-      const sectionLabels = this.itemsToCreate.map((obj) => obj.label)
+      this.selectedNavText = foundObj?.textId
+      this.selectedNavIndicator = foundObj?.id
+      const sectionLabels = this.itemsToCreate.map((obj) => obj?.label)
       const labelsToUnhighlight = sectionLabels.filter((i) => i !== refToScrollTo)
 
       // scrolling to desired section
diff --git a/app/javascript/vue/repository_item_sidebar/repository_values/TooltipPreview.vue b/app/javascript/vue/repository_item_sidebar/repository_values/TooltipPreview.vue
index 55d170dd3..601b6cd44 100644
--- a/app/javascript/vue/repository_item_sidebar/repository_values/TooltipPreview.vue
+++ b/app/javascript/vue/repository_item_sidebar/repository_values/TooltipPreview.vue
@@ -1,8 +1,8 @@
 <template>
   <div>
-    <img :src="this.medium_preview_url" @load="onImageLoaded($event)"
-      class="absolute bg-sn-light-grey text-sn-black rounded pointer-events-none flex shadow-lg"
-      :class="{ hidden: !showImage, 'top-0 transform -translate-y-full': showTop }"/>
+    <img :src="this?.medium_preview_url" @load="onImageLoaded($event)"
+      class="absolute bg-sn-light-grey text-sn-black rounded pointer-events-none flex shadow-lg z-10"
+      :class="{ hidden: !showImage, 'top-0 transform -translate-y-full': showTop }" />
   </div>
 </template>
 
@@ -37,9 +37,9 @@ export default {
 
       return (
         (rect.bottom + height) <=
-          (window.innerHeight || document.documentElement.clientHeight)
+        (window.innerHeight || document.documentElement.clientHeight)
       );
-}
+    }
 
   }
 }
diff --git a/app/views/repository_rows/show.json.jbuilder b/app/views/repository_rows/show.json.jbuilder
index 341128609..9c21c9893 100644
--- a/app/views/repository_rows/show.json.jbuilder
+++ b/app/views/repository_rows/show.json.jbuilder
@@ -27,11 +27,17 @@ json.default_columns do
   json.added_by @repository_row.created_by&.full_name
   json.archived @repository_row.archived?
 end
+
 json.custom_columns do
-  json.array! @repository_row.repository_cells do |repository_cell|
-    json.merge!(**serialize_repository_cell_value(
-      repository_cell, @repository.team, @repository, reminders_enabled: @reminders_present
-    ), **repository_cell.repository_column.as_json(only: %i(id name data_type)))
+  json.array! @repository_row.repository.repository_columns.each do |repository_column|
+    repository_cell = @repository_row.repository_cells.find_by(repository_column: repository_column)
+    if repository_cell
+      json.merge! **serialize_repository_cell_value(repository_cell, @repository.team, @repository, reminders_enabled: @reminders_present).merge(
+        **repository_cell.repository_column.as_json(only: %i(id name data_type))
+      )
+    else
+      json.merge! repository_column.as_json(only: %i(id name data_type))
+    end
   end
 end
 
diff --git a/config/locales/en.yml b/config/locales/en.yml
index 865c65f7d..0510903f0 100644
--- a/config/locales/en.yml
+++ b/config/locales/en.yml
@@ -2267,12 +2267,12 @@ en:
         no_list: 'No selection'
       repository_date_value:
         no_date: 'No date'
-      repositoy_date_time_value:
-        no_date_time: 'No date & time'
+      repository_date_time_value:
+        no_date_time: 'No date and time'
       repository_date_time_range_value:
-        no_date_time_range: 'No date & time range'
+        no_date_time_range: 'No date and time range'
       repository_date_range_value:
-        no_date_range_value: 'No date range'
+        no_date_range: 'No date range'
       repository_checklist_value:
         no_checklist: 'No selection'
       repository_asset_value: