summernote-rails 0.8.9.2 → 0.8.10.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: f3f1ffc06d2196c22326d922d0cca4b6c1c547fc8b94f66c9c88fc9e5d751ccc
-  data.tar.gz: f405d85ab6b1fa86d3617952c65cf8b1f3272d92e598b4433fa5b47912ce896f
+  metadata.gz: b6688db600108b64ddba43d512fb2caf3b65393d02ed4724d52d3a4ff7f91958
+  data.tar.gz: b01b9d47ffeb42a2033a9ee0e2cba96a47ede4f2f35dd3004a5114909eeca890
 SHA512:
-  metadata.gz: bed3a3751b243964425c4bf925368aa11e2b456acaa6bb99aeb7e0ae73c145faf7c8157af64110bad140e795e016ccfccb63b32d434b350be27c5f4fb982f044
-  data.tar.gz: 9ad1a62e3362e56bdebd3f8ce2811528d9a7ae867625f8340c06d9b5c3f403d5b17b6af3258a1787c77f0f1ec1c1b638c2b1872e49e70150d5d26998f376b6ee
+  metadata.gz: c5b71d84ff5de817aa87dc42a92efcd112939f0745889b85acc28ced76c75e8ffb123388a136d21e68be1e7df4d8e5582ca9cfd0c4473ee706e00a66b00a7dea
+  data.tar.gz: 2e9e71672c4b6053c1ce4f28f88b7b15ba8421adc1f1834c7f4c3902a41a72b40a85615da6c5f15c6e673af71630ea056cafbfae6f59dce27ae12d246f5bf29e

data/README.md

@@ -10,7 +10,7 @@ The version of summernote-rails is matched with that of original summernote edit
 
 Environments:
 - Ruby v2.5.0
-- Rails v5.2.0.beta2
+- Rails v5.2.0.rc1
 - Gems :
   - bootstrap v4.0.0
   - simple_form v3.5.0
@@ -18,10 +18,10 @@ Environments:
 Add the following gems to your application's Gemfile:
 
 ```ruby
-gem 'rails', '~> 5.2.0.beta2'
+gem 'rails', '~> 5.2.0.rc1'
 gem 'jquery-rails', '~> 4.3.1'
 gem 'bootstrap', '~> 4.0.0'
-gem 'summernote-rails', '~> 0.8.9.2'
+gem 'summernote-rails', '~> 0.8.10.0'
 gem 'simple_form', '~> 3.5.0'
 ```
 

data/lib/summernote-rails/version.rb

@@ -1,5 +1,5 @@
 module SummernoteRails
   module Rails
-    VERSION = "0.8.9.2"
+    VERSION = "0.8.10.0"
   end
 end

data/vendor/assets/javascripts/summernote/lang/summernote-de-DE.js

@@ -7,10 +7,10 @@
         underline: 'Unterstreichen',
         clear: 'Zurücksetzen',
         height: 'Zeilenhöhe',
-        name: 'Font Family',
+        name: 'Schriftart',
         strikethrough: 'Durchgestrichen',
-        subscript: 'Subscript',
-        superscript: 'Superscript',
+        subscript: 'Tiefgestellt',
+        superscript: 'Hochgestellt',
         size: 'Schriftgröße'
       },
       image: {
@@ -53,13 +53,13 @@
       },
       table: {
         table: 'Tabelle',
-        addRowAbove: 'Add row above',
-        addRowBelow: 'Add row below',
-        addColLeft: 'Add column left',
-        addColRight: 'Add column right',
-        delRow: 'Delete row',
-        delCol: 'Delete column',
-        delTable: 'Delete table'
+        addRowAbove: 'Zeile oberhalb einfügen',
+        addRowBelow: 'Zeile unterhalb einfügen',
+        addColLeft: 'Spalte links einfügen',
+        addColRight: 'Spalte rechts einfügen',
+        delRow: 'Zeile löschen',
+        delCol: 'Spalte löschen',
+        delTable: 'Tabelle löschen'
       },
       hr: {
         insert: 'Eine horizontale Linie einfügen'
@@ -146,8 +146,8 @@
         redo: 'Wiederholen'
       },
       specialChar: {
-        specialChar: 'SPECIAL CHARACTERS',
-        select: 'Select Special characters'
+        specialChar: 'SONDERZEICHEN',
+        select: 'Sonderzeichen auswählen'
       }
     }
   });

data/vendor/assets/javascripts/summernote/lang/summernote-pl-PL.js

@@ -9,8 +9,8 @@
         height: 'Interlinia',
         name: 'Czcionka',
         strikethrough: 'Przekreślenie',
-        subscript: 'Subscript',
-        superscript: 'Superscript',
+        subscript: 'Indeks dolny',
+        superscript: 'Indeks górny',
         size: 'Rozmiar'
       },
       image: {

data/vendor/assets/javascripts/summernote/lang/summernote-uz-UZ.js

@@ -0,0 +1,112 @@
+(function($) {
+  $.extend($.summernote.lang, {
+    'uz-UZ': {
+      font: {
+        bold: 'қалин',
+        italic: 'Курсив',
+        underline: 'Белгиланган',
+        clear: 'Ҳарф турларини олиб ташлаш',
+        height: 'Чизиқ баландлиги',
+        name: 'Ҳарф',
+        strikethrough: 'Ўчирилган',
+        subscript: 'Пастки индекс',
+        superscript: 'Юқори индекс',
+        size: 'ҳарф ҳажми'
+      },
+      image: {
+        image: 'Расм',
+        insert: 'расмни қўйиш',
+        resizeFull: 'Ҳажмни тиклаш',
+        resizeHalf: '50% гача кичрайтириш',
+        resizeQuarter: '25% гача кичрайтириш',
+        floatLeft: 'Чапда жойлаштириш',
+        floatRight: 'Ўнгда жойлаштириш',
+        floatNone: 'Стандарт бўйича жойлашув',
+        shapeRounded: 'Шакли: Юмалоқ',
+        shapeCircle: 'Шакли: Доира',
+        shapeThumbnail: 'Шакли: Миниатюра',
+        shapeNone: 'Шакли: Йўқ',
+        dragImageHere: 'Суратни кўчириб ўтинг',
+        dropImage: 'Суратни кўчириб ўтинг',
+        selectFromFiles: 'Файллардан бирини танлаш',
+        url: 'суратлар URL и',
+        remove: 'Суратни ўчириш'
+      },
+      video: {
+        video: 'Видео',
+        videoLink: 'Видеога ҳавола',
+        insert: 'Видео',
+        url: 'URL видео',
+        providers: '(YouTube, Vimeo, Vine, Instagram, DailyMotion или Youku)'
+      },
+      link: {
+        link: 'Ҳавола',
+        insert: 'Ҳаволани қўйиш',
+        unlink: 'Ҳаволани олиб ташлаш',
+        edit: 'Таҳрир қилиш',
+        textToDisplay: 'Кўринадиган матн',
+        url: 'URL ўтиш учун',
+        openInNewWindow: 'Янги дарчада очиш'
+      },
+      table: {
+        table: 'Жадвал'
+      },
+      hr: {
+        insert: 'Горизонтал чизиқни қўйиш'
+      },
+      style: {
+        style: 'Услуб',
+        p: 'Яхши',
+        blockquote: 'Жумла',
+        pre: 'Код',
+        h1: 'Сарлавҳа 1',
+        h2: 'Сарлавҳа  2',
+        h3: 'Сарлавҳа  3',
+        h4: 'Сарлавҳа  4',
+        h5: 'Сарлавҳа  5',
+        h6: 'Сарлавҳа  6'
+      },
+      lists: {
+        unordered: 'Белгиланган рўйҳат',
+        ordered: 'Рақамланган рўйҳат'
+      },
+      options: {
+        help: 'Ёрдам',
+        fullscreen: 'Бутун экран бўйича',
+        codeview: 'Бошланғич код'
+      },
+      paragraph: {
+        paragraph: 'Параграф',
+        outdent: 'Орқага қайтишни камайтириш',
+        indent: 'Орқага қайтишни кўпайтириш',
+        left: 'Чап қирғоққа тўғрилаш',
+        center: 'Марказга тўғрилаш',
+        right: 'Ўнг қирғоққа тўғрилаш',
+        justify: 'Эни бўйлаб чўзиш'
+      },
+      color: {
+        recent: 'Охирги ранг',
+        more: 'Яна ранглар',
+        background: 'Фон  ранги',
+        foreground: 'Ҳарф ранги',
+        transparent: 'Шаффоф',
+        setTransparent: 'Шаффофдай қилиш',
+        reset: 'Бекор қилиш',
+        resetToDefault: 'Стандартга оид тиклаш'
+      },
+      shortcut: {
+        shortcuts: 'Клавишларнинг ҳамохҳанглиги',
+        close: 'Ёпиқ',
+        textFormatting: 'Матнни ',
+        action: 'Ҳаркат',
+        paragraphFormatting: 'Параграфни форматлаш',
+        documentStyle: 'Ҳужжатнинг тури',
+        extraKeys: 'Қўшимча имкониятлар'
+      },
+      history: {
+        undo: 'Бекор қилиш',
+        redo: 'Қайтариш'
+      }
+    }
+  });
+})(jQuery);

data/vendor/assets/javascripts/summernote/summernote-bs4.js

@@ -1,11 +1,11 @@
 /**
- * Super simple wysiwyg editor v0.8.9
+ * Super simple wysiwyg editor v0.8.10
  * https://summernote.org
  *
  * Copyright 2013- Alan Hong. and other contributors
  * summernote may be freely distributed under the MIT license.
  *
- * Date: 2017-12-25T06:39Z
+ * Date: 2018-02-20T00:34Z
  */
 (function (global, factory) {
 	typeof exports === 'object' && typeof module !== 'undefined' ? factory(require('jquery')) :
@@ -71,13 +71,15 @@ var renderer = {
 };
 
 var editor = renderer.create('<div class="note-editor note-frame card"/>');
-var toolbar = renderer.create('<div class="note-toolbar-wrapper"><div class="note-toolbar card-header"></div></div>');
+var toolbar = renderer.create('<div class="note-toolbar-wrapper"><div class="note-toolbar card-header" role="toolbar"></div></div>');
 var editingArea = renderer.create('<div class="note-editing-area"/>');
-var codable = renderer.create('<textarea class="note-codable"/>');
-var editable = renderer.create('<div class="note-editable card-block" contentEditable="true"/>');
+var codable = renderer.create('<textarea class="note-codable" role="textbox" aria-multiline="true"/>');
+var editable = renderer.create('<div class="note-editable card-block" contentEditable="true" role="textbox" aria-multiline="true"/>');
 var statusbar = renderer.create([
-    '<div class="note-statusbar">',
-    '  <div class="note-resizebar">',
+    '<output class="note-status-output" aria-live="polite"/>',
+    '<div class="note-statusbar" role="status">',
+    '  <output class="note-status-output" aria-live="polite"></output>',
+    '  <div class="note-resizebar" role="seperator" aria-orientation="horizontal" aria-label="Resize">',
     '    <div class="note-icon-bar"/>',
     '    <div class="note-icon-bar"/>',
     '    <div class="note-icon-bar"/>',
@@ -85,44 +87,50 @@ var statusbar = renderer.create([
     '</div>'
 ].join(''));
 var airEditor = renderer.create('<div class="note-editor"/>');
-var airEditable = renderer.create('<div class="note-editable" contentEditable="true"/>');
+var airEditable = renderer.create([
+    '<output class="note-status-output" aria-live="polite"/>',
+    '<div class="note-editable" contentEditable="true" role="textbox" aria-multiline="true"/>'
+].join(''));
 var buttonGroup = renderer.create('<div class="note-btn-group btn-group">');
-var dropdown = renderer.create('<div class="dropdown-menu">', function ($node, options) {
+var dropdown = renderer.create('<div class="dropdown-menu" role="list">', function ($node, options) {
     var markup = $$1.isArray(options.items) ? options.items.map(function (item) {
         var value = (typeof item === 'string') ? item : (item.value || '');
         var content = options.template ? options.template(item) : item;
         var option = (typeof item === 'object') ? item.option : undefined;
         var dataValue = 'data-value="' + value + '"';
         var dataOption = (option !== undefined) ? ' data-option="' + option + '"' : '';
-        return '<a class="dropdown-item" href="#" ' + (dataValue + dataOption) + '>' + content + '</a>';
+        return '<a class="dropdown-item" href="#" ' + (dataValue + dataOption) + ' role="listitem" aria-label="' + item + '">' + content + '</a>';
     }).join('') : options.items;
-    $node.html(markup);
+    $node.html(markup).attr({ 'aria-label': options.title });
 });
 var dropdownButtonContents = function (contents) {
     return contents;
 };
-var dropdownCheck = renderer.create('<div class="dropdown-menu note-check">', function ($node, options) {
+var dropdownCheck = renderer.create('<div class="dropdown-menu note-check" role="list">', function ($node, options) {
     var markup = $$1.isArray(options.items) ? options.items.map(function (item) {
         var value = (typeof item === 'string') ? item : (item.value || '');
         var content = options.template ? options.template(item) : item;
-        return '<a class="dropdown-item" href="#" data-value="' + value + '">' + icon(options.checkClassName) + ' ' + content + '</a>';
+        return '<a class="dropdown-item" href="#" data-value="' + value + '" role="listitem" aria-label="' + item + '">' + icon(options.checkClassName) + ' ' + content + '</a>';
     }).join('') : options.items;
-    $node.html(markup);
+    $node.html(markup).attr({ 'aria-label': options.title });
 });
 var palette = renderer.create('<div class="note-color-palette"/>', function ($node, options) {
     var contents = [];
     for (var row = 0, rowSize = options.colors.length; row < rowSize; row++) {
         var eventName = options.eventName;
         var colors = options.colors[row];
+        var colorsName = options.colorsName[row];
         var buttons = [];
         for (var col = 0, colSize = colors.length; col < colSize; col++) {
             var color = colors[col];
+            var colorName = colorsName[col];
             buttons.push([
                 '<button type="button" class="note-color-btn"',
                 'style="background-color:', color, '" ',
                 'data-event="', eventName, '" ',
                 'data-value="', color, '" ',
-                'title="', color, '" ',
+                'title="', colorName, '" ',
+                'aria-label="', colorName, '" ',
                 'data-toggle="button" tabindex="-1"></button>'
             ].join(''));
         }
@@ -137,17 +145,20 @@ var palette = renderer.create('<div class="note-color-palette"/>', function ($no
         });
     }
 });
-var dialog = renderer.create('<div class="modal" aria-hidden="false" tabindex="-1"/>', function ($node, options) {
+var dialog = renderer.create('<div class="modal" aria-hidden="false" tabindex="-1" role="dialog"/>', function ($node, options) {
     if (options.fade) {
         $node.addClass('fade');
     }
+    $node.attr({
+        'aria-label': options.title
+    });
     $node.html([
         '<div class="modal-dialog">',
         '  <div class="modal-content">',
         (options.title
             ? '    <div class="modal-header">' +
                 '      <h4 class="modal-title">' + options.title + '</h4>' +
-                '      <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>' +
+                '      <button type="button" class="close" data-dismiss="modal" aria-label="Close" aria-hidden="true">&times;</button>' +
                 '    </div>' : ''),
         '    <div class="modal-body">' + options.body + '</div>',
         (options.footer
@@ -168,14 +179,16 @@ var popover = renderer.create([
         $node.find('.arrow').hide();
     }
 });
-var checkbox = renderer.create('<label class="form-check"></label>', function ($node, options) {
+var checkbox = renderer.create('<label class="custom-control custom-checkbox"></label>', function ($node, options) {
     if (options.id) {
         $node.attr('for', options.id);
     }
     $node.html([
-        ' <input type="checkbox" class="form-check-input"' + (options.id ? ' id="' + options.id + '"' : ''),
-        (options.checked ? ' checked' : '') + '/>',
-        ' <span class="form-check-label">' + (options.text ? options.text : '') + '</span>',
+        ' <input role="checkbox" type="checkbox" class="custom-control-input"' + (options.id ? ' id="' + options.id + '"' : ''),
+        (options.checked ? ' checked' : ''),
+        ' aria-checked="' + (options.checked ? 'true' : 'false') + '"/>',
+        ' <span class="custom-control-indicator"></span>',
+        ' <span class="custom-control-description">' + (options.text ? options.text : '') + '</span>',
         '</label>'
     ].join(''));
 });
@@ -203,10 +216,11 @@ var ui = {
     checkbox: checkbox,
     options: {},
     button: function ($node, options) {
-        return renderer.create('<button type="button" class="note-btn btn btn-light btn-sm" tabindex="-1">', function ($node, options) {
+        return renderer.create('<button type="button" class="note-btn btn btn-light btn-sm" role="button" tabindex="-1">', function ($node, options) {
             if (options && options.tooltip) {
                 $node.attr({
-                    title: options.tooltip
+                    title: options.tooltip,
+                    'aria-label': options.tooltip
                 }).tooltip({
                     container: options.container,
                     trigger: 'hover',
@@ -3750,7 +3764,7 @@ var Editor = /** @class */ (function () {
             })(idx);
             this.context.memo('help.formatH' + idx, this.lang.help['formatH' + idx]);
         }
-
+        
         this.insertParagraph = this.wrapCommand(function () {
             _this.typing.insertParagraph(_this.editable);
         });
@@ -4161,6 +4175,7 @@ var Editor = /** @class */ (function () {
      * @param {Boolean} isPreventTrigger
      */
     Editor.prototype.afterCommand = function (isPreventTrigger) {
+        this.normalizeContent();
         this.history.recordUndo();
         if (!isPreventTrigger) {
             this.context.triggerEvent('change', this.$editable.html());
@@ -4451,6 +4466,12 @@ var Editor = /** @class */ (function () {
     Editor.prototype.empty = function () {
         this.context.invoke('code', dom.emptyPara);
     };
+    /**
+     * normalize content
+     */
+    Editor.prototype.normalizeContent = function () {
+        this.$editable[0].normalize();
+    };
     return Editor;
 }());
 
@@ -4727,6 +4748,7 @@ var Statusbar = /** @class */ (function () {
     };
     Statusbar.prototype.destroy = function () {
         this.$statusbar.off();
+        this.$statusbar.addClass('locked');
     };
     return Statusbar;
 }());
@@ -5075,6 +5097,7 @@ var Buttons = /** @class */ (function () {
                 _this.ui.dropdown({
                     className: 'dropdown-style',
                     items: _this.options.styleTags,
+                    title: _this.lang.style.style,
                     template: function (item) {
                         if (typeof item === 'string') {
                             item = { tag: item, title: (_this.lang.style.hasOwnProperty(item) ? _this.lang.style[item] : item) };
@@ -5095,7 +5118,7 @@ var Buttons = /** @class */ (function () {
                 return _this.button({
                     className: 'note-btn-style-' + item,
                     contents: '<div data-value="' + item + '">' + item.toUpperCase() + '</div>',
-                    tooltip: item.toUpperCase(),
+                    tooltip: _this.lang.style[item],
                     click: _this.context.createInvokeHandler('editor.formatBlock')
                 }).render();
             });
@@ -5183,6 +5206,7 @@ var Buttons = /** @class */ (function () {
                     className: 'dropdown-fontname',
                     checkClassName: _this.options.icons.menuCheck,
                     items: _this.options.fontNames.filter(_this.isFontInstalled.bind(_this)),
+                    title: _this.lang.font.name,
                     template: function (item) {
                         return '<span style="font-family: \'' + item + '\'">' + item + '</span>';
                     },
@@ -5204,6 +5228,7 @@ var Buttons = /** @class */ (function () {
                     className: 'dropdown-fontsize',
                     checkClassName: _this.options.icons.menuCheck,
                     items: _this.options.fontSizes,
+                    title: _this.lang.font.size,
                     click: _this.context.createInvokeHandlerAndUpdateState('editor.fontSize')
                 })
             ]).render();
@@ -5263,6 +5288,7 @@ var Buttons = /** @class */ (function () {
                                 var $holder = $$1(item);
                                 $holder.append(_this.ui.palette({
                                     colors: _this.options.colors,
+                                    colorsName: _this.options.colorsName,
                                     eventName: $holder.data('event'),
                                     container: _this.options.container,
                                     tooltip: _this.options.tooltip
@@ -5372,6 +5398,7 @@ var Buttons = /** @class */ (function () {
                     items: _this.options.lineHeights,
                     checkClassName: _this.options.icons.menuCheck,
                     className: 'dropdown-line-height',
+                    title: _this.lang.font.height,
                     click: _this.context.createInvokeHandler('editor.lineHeight')
                 })
             ]).render();
@@ -5387,6 +5414,7 @@ var Buttons = /** @class */ (function () {
                     }
                 }),
                 _this.ui.dropdown({
+                    title: _this.lang.table.table,
                     className: 'note-table',
                     items: [
                         '<div class="note-dimension-picker">',
@@ -5440,7 +5468,7 @@ var Buttons = /** @class */ (function () {
             return _this.button({
                 className: 'btn-fullscreen',
                 contents: _this.ui.icon(_this.options.icons.arrowsAlt),
-                tooltip: _this.options.fullscreen,
+                tooltip: _this.lang.options.fullscreen,
                 click: _this.context.createInvokeHandler('fullscreen.toggle')
             }).render();
         });
@@ -5448,7 +5476,7 @@ var Buttons = /** @class */ (function () {
             return _this.button({
                 className: 'btn-codeview',
                 contents: _this.ui.icon(_this.options.icons.code),
-                tooltip: _this.options.codeview,
+                tooltip: _this.lang.options.codeview,
                 click: _this.context.createInvokeHandler('codeview.toggle')
             }).render();
         });
@@ -5469,7 +5497,7 @@ var Buttons = /** @class */ (function () {
         this.context.memo('button.help', function () {
             return _this.button({
                 contents: _this.ui.icon(_this.options.icons.question),
-                tooltip: _this.options.help,
+                tooltip: _this.lang.options.help,
                 click: _this.context.createInvokeHandler('helpDialog.show')
             }).render();
         });
@@ -6090,7 +6118,7 @@ var ImageDialog = /** @class */ (function () {
             ' type="file" name="files" accept="image/*" multiple="multiple" />',
             imageLimitation,
             '</div>',
-            '<div class="form-group note-group-image-url">',
+            '<div class="form-group note-group-image-url" style="overflow:auto;">',
             '<label class="note-form-label">' + this.lang.image.url + '</label>',
             '<input class="note-image-url form-control note-form-control note-input ',
             ' col-md-12" type="text" />',
@@ -6482,7 +6510,7 @@ var HelpDialog = /** @class */ (function () {
         var $container = this.options.dialogsInBody ? this.$body : this.$editor;
         var body = [
             '<p class="text-center">',
-            '<a href="http://summernote.org/" target="_blank">Summernote 0.8.9</a> · ',
+            '<a href="http://summernote.org/" target="_blank">Summernote 0.8.10</a> · ',
             '<a href="https://github.com/summernote/summernote" target="_blank">Project</a> · ',
             '<a href="https://github.com/summernote/summernote/issues" target="_blank">Issues</a>',
             '</p>'
@@ -7042,7 +7070,7 @@ $$1.fn.extend({
 });
 
 $$1.summernote = $$1.extend($$1.summernote, {
-    version: '0.8.9',
+    version: '0.8.10',
     ui: ui,
     dom: dom,
     plugins: {},
@@ -7127,7 +7155,7 @@ $$1.summernote = $$1.extend($$1.summernote, {
         styleTags: [
             'p',
             { title: 'Blockquote', tag: 'blockquote', className: 'blockquote', value: 'blockquote' },
-            'pre', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6'
+            'h1', 'h2', 'h3', 'h4', 'h5', 'h6'
         ],
         fontNames: [
             'Arial', 'Arial Black', 'Comic Sans MS', 'Courier New',
@@ -7146,6 +7174,17 @@ $$1.summernote = $$1.extend($$1.summernote, {
             ['#9C0000', '#B56308', '#BD9400', '#397B21', '#104A5A', '#085294', '#311873', '#731842'],
             ['#630000', '#7B3900', '#846300', '#295218', '#083139', '#003163', '#21104A', '#4A1031']
         ],
+        // http://chir.ag/projects/name-that-color/
+        colorsName: [
+            ['Black', 'Tundora', 'Dove Gray', 'Star Dust', 'Pale Slate', 'Gallery', 'Alabaster', 'White'],
+            ['Red', 'Orange Peel', 'Yellow', 'Green', 'Cyan', 'Blue', 'Electric Violet', 'Magenta'],
+            ['Azalea', 'Karry', 'Egg White', 'Zanah', 'Botticelli', 'Tropical Blue', 'Mischka', 'Twilight'],
+            ['Tonys Pink', 'Peach Orange', 'Cream Brulee', 'Sprout', 'Casper', 'Perano', 'Cold Purple', 'Careys Pink'],
+            ['Mandy', 'Rajah', 'Dandelion', 'Olivine', 'Gulf Stream', 'Viking', 'Blue Marguerite', 'Puce'],
+            ['Guardsman Red', 'Fire Bush', 'Golden Dream', 'Chelsea Cucumber', 'Smalt Blue', 'Boston Blue', 'Butterfly Bush', 'Cadillac'],
+            ['Sangria', 'Mai Tai', 'Buddha Gold', 'Forest Green', 'Eden', 'Venice Blue', 'Meteorite', 'Claret'],
+            ['Rosewood', 'Cinnamon', 'Olive', 'Parsley', 'Tiber', 'Midnight Blue', 'Valentino', 'Loulou']
+        ],
         lineHeights: ['1.0', '1.2', '1.4', '1.5', '1.6', '1.8', '2.0', '3.0'],
         tableClassName: 'table table-bordered',
         insertTableMaxSize: {