vuexy 0.1.0

data/app/assets/javascripts/vendors/js/editors/quill/assets/base.styl

@@ -0,0 +1,298 @@
+// Styles shared between snow and bubble
+
+controlHeight = 24px
+inputPaddingWidth = 5px
+inputPaddingHeight = 3px
+
+colorItemMargin = 2px
+colorItemSize = 16px
+colorItemsPerRow = 7
+
+
+.ql-{themeName}.ql-toolbar, .ql-{themeName} .ql-toolbar
+  &:after
+    clear: both
+    content: ''
+    display: table
+
+  button
+    background: none
+    border: none
+    cursor: pointer
+    display: inline-block
+    float: left
+    height: controlHeight
+    outline: none
+    padding: inputPaddingHeight inputPaddingWidth
+    width: controlHeight + (inputPaddingWidth - inputPaddingHeight)*2
+
+    svg
+      float: left
+      height: 100%
+
+  input.ql-image[type=file]
+    display: none
+
+  button:hover, button.ql-active,
+  .ql-picker-label:hover, .ql-picker-label.ql-active,
+  .ql-picker-item:hover, .ql-picker-item.ql-selected
+    color: activeColor
+    .ql-fill, .ql-stroke.ql-fill
+      fill: activeColor
+    .ql-stroke, .ql-stroke-mitter
+      stroke: activeColor
+
+
+.ql-{themeName}
+  box-sizing: border-box
+  *
+    box-sizing: border-box
+
+  .ql-hidden
+    display: none
+  .ql-out-bottom, .ql-out-top
+    visibility: hidden
+
+  .ql-tooltip
+    position: absolute
+    a
+      cursor: pointer
+      text-decoration: none
+
+  .ql-formats
+    &:after
+      clear: both
+      content: ''
+      display: table
+    display: inline-block
+    vertical-align: middle
+
+  .ql-toolbar.{themeName}
+
+  .ql-stroke
+    fill: none
+    stroke: inactiveColor
+    stroke-linecap: round
+    stroke-linejoin: round
+    stroke-width: 2
+  .ql-stroke-mitter
+    fill: none
+    stroke: inactiveColor
+    stroke-mitterlimit: 10
+    stroke-width: 2
+
+  .ql-fill, .ql-stroke.ql-fill
+    fill: inactiveColor
+
+  .ql-empty
+    fill: none
+  .ql-even
+    fill-rule: evenodd
+  .ql-thin, .ql-stroke.ql-thin
+    stroke-width: 1
+  .ql-transparent
+    opacity: 0.4
+
+  .ql-direction
+    svg:last-child
+      display: none
+  .ql-direction.ql-active
+    svg:last-child
+      display: inline
+    svg:first-child
+      display: none
+
+  .ql-editor
+    h1
+      font-size: 2em
+    h2
+      font-size: 1.5em
+    h3
+      font-size: 1.17em
+    h4
+      font-size: 1em
+    h5
+      font-size: 0.83em
+    h6
+      font-size: 0.67em
+    a
+      text-decoration: underline
+    blockquote
+      border-left: 4px solid #ccc
+      margin-bottom: 5px
+      margin-top: 5px
+      padding-left: 16px
+    code, pre
+      background-color: #f0f0f0
+      border-radius: 3px
+    pre
+      white-space: pre-wrap
+      margin-bottom: 5px
+      margin-top: 5px
+      padding: 5px 10px
+    code
+      font-size: 85%
+      padding-bottom: 2px
+      padding-top: 2px
+      &:before, &:after
+        content: "\00a0"
+        letter-spacing: -2px
+    pre.ql-syntax
+      background-color: #23241f
+      color: #f8f8f2;
+      overflow: visible
+    img
+      max-width: 100%
+
+  .ql-picker
+    color: inactiveColor
+    display: inline-block
+    float: left
+    font-size: 14px
+    font-weight: 500
+    height: controlHeight
+    position: relative
+    vertical-align: middle
+  .ql-picker-label
+    cursor: pointer
+    display: inline-block
+    height: 100%
+    padding-left: 8px
+    padding-right: 2px
+    position: relative
+    width: 100%
+    &::before
+      display: inline-block
+      line-height: 22px
+  .ql-picker-options
+    background-color: backgroundColor
+    display: none
+    min-width: 100%
+    padding: 4px 8px
+    position: absolute
+    white-space: nowrap
+    .ql-picker-item
+      cursor: pointer
+      display: block
+      padding-bottom: 5px
+      padding-top: 5px
+  .ql-picker.ql-expanded
+    .ql-picker-label
+      color: borderColor
+      z-index: 2
+      .ql-fill
+        fill: borderColor
+      .ql-stroke
+        stroke: borderColor
+    .ql-picker-options
+      display: block
+      margin-top: -1px
+      top: 100%
+      z-index: 1
+
+  .ql-color-picker, .ql-icon-picker
+    width: controlHeight + 4
+    .ql-picker-label
+      padding: 2px 4px
+      svg
+        right: 4px
+  .ql-icon-picker
+    .ql-picker-options
+      padding: 4px 0px
+    .ql-picker-item
+      height: controlHeight
+      width: controlHeight
+      padding: 2px 4px
+  .ql-color-picker
+    .ql-picker-options
+      padding: inputPaddingHeight inputPaddingWidth
+      width: (colorItemSize + 2*colorItemMargin) * colorItemsPerRow + 2*inputPaddingWidth + 2  // +2 for the border
+    .ql-picker-item
+      border: 1px solid transparent
+      float: left
+      height: colorItemSize
+      margin: colorItemMargin
+      padding: 0px
+      width: colorItemSize
+    .ql-picker-item.ql-primary-color
+      margin-bottom: toolbarPadding
+
+  .ql-picker:not(.ql-color-picker):not(.ql-icon-picker)
+    svg
+      position: absolute
+      margin-top: -9px
+      right: 0
+      top: 50%
+      width: 18px
+
+  .ql-picker.ql-header, .ql-picker.ql-font, .ql-picker.ql-size
+    .ql-picker-label[data-label]:not([data-label='']),
+    .ql-picker-item[data-label]:not([data-label=''])
+      &::before
+        content: attr(data-label)
+
+  .ql-picker.ql-header
+    width: 98px
+    .ql-picker-label::before,
+    .ql-picker-item::before
+      content: 'Normal'
+    for num in (1..6)
+      .ql-picker-label[data-value=\"{num}\"]::before,
+      .ql-picker-item[data-value=\"{num}\"]::before
+        content: 'Heading ' + num
+    .ql-picker-item[data-value="1"]::before
+      font-size: 2em
+    .ql-picker-item[data-value="2"]::before
+      font-size: 1.5em
+    .ql-picker-item[data-value="3"]::before
+      font-size: 1.17em
+    .ql-picker-item[data-value="4"]::before
+      font-size: 1em
+    .ql-picker-item[data-value="5"]::before
+      font-size: 0.83em
+    .ql-picker-item[data-value="6"]::before
+      font-size: 0.67em
+
+  .ql-picker.ql-font
+    width: 108px
+    .ql-picker-label::before,
+    .ql-picker-item::before
+      content: 'Sans Serif'
+    .ql-picker-label[data-value=serif]::before,
+    .ql-picker-item[data-value=serif]::before
+      content: 'Serif'
+    .ql-picker-label[data-value=monospace]::before,
+    .ql-picker-item[data-value=monospace]::before
+      content: 'Monospace'
+    .ql-picker-item[data-value=serif]::before
+      font-family: Georgia, Times New Roman, serif;
+    .ql-picker-item[data-value=monospace]::before
+      font-family: Monaco, Courier New, monospace;
+
+  .ql-picker.ql-size
+    width: 98px
+    .ql-picker-label::before,
+    .ql-picker-item::before
+      content: 'Normal'
+    .ql-picker-label[data-value=small]::before,
+    .ql-picker-item[data-value=small]::before
+      content: 'Small'
+    .ql-picker-label[data-value=large]::before,
+    .ql-picker-item[data-value=large]::before
+      content: 'Large'
+    .ql-picker-label[data-value=huge]::before,
+    .ql-picker-item[data-value=huge]::before
+      content: 'Huge'
+    .ql-picker-item[data-value=small]::before
+      font-size: 10px
+    .ql-picker-item[data-value=large]::before
+      font-size: 18px
+    .ql-picker-item[data-value=huge]::before
+      font-size: 32px
+
+  .ql-color-picker.ql-background
+    .ql-picker-item
+      background-color: #fff;
+  .ql-color-picker.ql-color
+    .ql-picker-item
+      background-color: #000;

data/app/assets/javascripts/vendors/js/editors/quill/assets/bubble/toolbar.styl

@@ -0,0 +1,14 @@
+arrowWidth = 6px
+
+.ql-bubble
+  .ql-toolbar
+    .ql-formats
+      margin: 8px 12px 8px 0px
+    .ql-formats:first-child
+      margin-left: 12px
+
+  .ql-color-picker
+    svg
+      margin: 1px
+    .ql-picker-item.ql-selected, .ql-picker-item:hover
+      border-color: activeColor

data/app/assets/javascripts/vendors/js/editors/quill/assets/bubble/tooltip.styl

@@ -0,0 +1,46 @@
+arrowWidth = 6px
+
+.ql-bubble
+  .ql-tooltip
+    background-color: backgroundColor
+    border-radius: 25px
+    color: textColor
+    margin-top: 10px
+  .ql-tooltip-arrow
+    border-bottom: arrowWidth solid backgroundColor
+    border-left: arrowWidth solid transparent
+    border-right: arrowWidth solid transparent
+    content: " "
+    display: block
+    left: 50%
+    margin-left: -1 * arrowWidth
+    position: absolute
+    top: -1 * arrowWidth
+
+  .ql-tooltip.ql-editing
+    .ql-tooltip-editor
+      display: block
+    .ql-formats
+      visibility: hidden
+
+  .ql-tooltip-editor
+    display: none
+    input[type=text]
+      background: transparent
+      border: none
+      color: textColor
+      font-size: 13px
+      height: 100%
+      outline: none
+      padding: 10px 20px
+      position: absolute
+      width: 100%
+    a
+      &:before
+        color: inactiveColor
+        content: "\00D7"
+        font-size: 16px
+        font-weight: bold
+      top: 10px
+      position: absolute
+      right: 20px

data/app/assets/javascripts/vendors/js/editors/quill/assets/bubble.styl

@@ -0,0 +1,11 @@
+themeName = 'bubble'
+activeColor = #fff
+borderColor = #777
+backgroundColor = #444
+inactiveColor = #ccc
+shadowColor = #ddd
+textColor = #fff
+
+@import './core'
+@import './base'
+@import './bubble/*'

data/app/assets/javascripts/vendors/js/editors/quill/assets/core.styl

@@ -0,0 +1,155 @@
+// Styles necessary for Quill
+
+LIST_STYLE = decimal lower-alpha lower-roman
+LIST_STYLE_WIDTH = 1.2em
+LIST_STYLE_MARGIN = 0.3em
+LIST_STYLE_OUTER_WIDTH = LIST_STYLE_MARGIN + LIST_STYLE_WIDTH
+MAX_INDENT = 9
+
+resets(arr)
+  unquote('list-' + join(' list-', arr))
+
+.ql-container
+  box-sizing: border-box
+  font-family: Helvetica, Arial, sans-serif
+  font-size: 13px
+  height: 100%
+  margin: 0px
+  position: relative
+
+.ql-clipboard
+  left: -100000px
+  height: 1px
+  overflow-y: hidden
+  position: absolute
+  top: 50%
+  p
+    margin: 0
+    padding: 0
+
+.ql-editor
+  box-sizing: border-box
+  cursor: text
+  line-height: 1.42
+  height: 100%
+  outline: none
+  overflow-y: auto
+  padding: 12px 15px
+  tab-size: 4
+  -moz-tab-size: 4
+  text-align: left
+  white-space: pre-wrap
+  word-wrap: break-word
+
+  p, ol, ul, pre, blockquote, h1, h2, h3, h4, h5, h6
+    margin: 0
+    padding: 0
+    counter-reset: resets(1..MAX_INDENT)
+  ol, ul
+    padding-left: 1.5em
+  ol > li, ul > li
+    list-style-type: none
+  ul > li::before
+    content: '\25CF'
+  li::before
+    display: inline-block
+    margin-right: LIST_STYLE_MARGIN
+    text-align: right
+    white-space: nowrap
+    width: LIST_STYLE_WIDTH
+  li:not(.ql-direction-rtl)::before
+    margin-left: -1*LIST_STYLE_OUTER_WIDTH
+  ol, ul
+    li
+      padding-left: LIST_STYLE_OUTER_WIDTH
+  ol
+    li
+      counter-reset: resets(1..MAX_INDENT)
+      counter-increment: unquote('list-' + num)
+      &:before
+        content: unquote('counter(list-' + num + ', ' + LIST_STYLE[0] + ')') '. '
+    for num in (1..MAX_INDENT)
+      li.ql-indent-{num}
+        counter-increment: unquote('list-' + num)
+        &:before
+          content: unquote('counter(list-' + num + ', ' + LIST_STYLE[num%3] + ')') '. '
+      if (num < MAX_INDENT)
+        li.ql-indent-{num}
+          counter-reset: resets((num+1)..MAX_INDENT)
+  for num in (1..MAX_INDENT)
+    .ql-indent-{num}:not(.ql-direction-rtl)
+      padding-left: (3*num)em
+    li.ql-indent-{num}:not(.ql-direction-rtl)
+      padding-left: (3*num + LIST_STYLE_OUTER_WIDTH)em
+    .ql-indent-{num}.ql-direction-rtl.ql-align-right
+      padding-right: (3*num)em
+    li.ql-indent-{num}.ql-direction-rtl.ql-align-right
+      padding-right: (3*num + LIST_STYLE_OUTER_WIDTH)em
+
+  .ql-video
+    display: block
+    max-width: 100%
+  .ql-video.ql-align-center
+    margin: 0 auto
+  .ql-video.ql-align-right
+    margin: 0 0 0 auto
+
+  .ql-bg-black
+    background-color: rgb(0,0,0)
+  .ql-bg-red
+    background-color: rgb(230,0,0)
+  .ql-bg-orange
+    background-color: rgb(255,153,0)
+  .ql-bg-yellow
+    background-color: rgb(255,255,0)
+  .ql-bg-green
+    background-color: rgb(0,138,0)
+  .ql-bg-blue
+    background-color: rgb(0,102,204)
+  .ql-bg-purple
+    background-color: rgb(153,51,255)
+
+  .ql-color-white
+    color: rgb(255,255,255)
+  .ql-color-red
+    color: rgb(230,0,0)
+  .ql-color-orange
+    color: rgb(255,153,0)
+  .ql-color-yellow
+    color: rgb(255,255,0)
+  .ql-color-green
+    color: rgb(0,138,0)
+  .ql-color-blue
+    color: rgb(0,102,204)
+  .ql-color-purple
+    color: rgb(153,51,255)
+
+  .ql-font-serif
+    font-family: Georgia, Times New Roman, serif
+  .ql-font-monospace
+    font-family: Monaco, Courier New, monospace
+
+  .ql-size-small
+    font-size: 0.75em
+  .ql-size-large
+    font-size: 1.5em
+  .ql-size-huge
+    font-size: 2.5em
+
+  .ql-direction-rtl
+    direction: rtl
+    text-align: inherit
+
+  .ql-align-center
+    text-align: center
+  .ql-align-justify
+    text-align: justify
+  .ql-align-right
+    text-align: right
+
+.ql-editor.ql-blank::before
+  color: rgba(0,0,0,0.6)
+  content: attr(data-placeholder)
+  font-style: italic
+  pointer-events: none
+  position: absolute

data/app/assets/javascripts/vendors/js/editors/quill/assets/icons/align-center.svg

@@ -0,0 +1,5 @@
+<svg viewbox="0 0 18 18">
+  <line class="ql-stroke" x1="15" x2="3" y1="9" y2="9"></line>
+  <line class="ql-stroke" x1="14" x2="4" y1="14" y2="14"></line>
+  <line class="ql-stroke" x1="12" x2="6" y1="4" y2="4"></line>
+</svg>

data/app/assets/javascripts/vendors/js/editors/quill/assets/icons/align-justify.svg

@@ -0,0 +1,5 @@
+<svg viewbox="0 0 18 18">
+  <line class="ql-stroke" x1="15" x2="3" y1="9" y2="9"></line>
+  <line class="ql-stroke" x1="15" x2="3" y1="14" y2="14"></line>
+  <line class="ql-stroke" x1="15" x2="3" y1="4" y2="4"></line>
+</svg>

data/app/assets/javascripts/vendors/js/editors/quill/assets/icons/align-left.svg

@@ -0,0 +1,5 @@
+<svg viewbox="0 0 18 18">
+  <line class="ql-stroke" x1="3" x2="15" y1="9" y2="9"></line>
+  <line class="ql-stroke" x1="3" x2="13" y1="14" y2="14"></line>
+  <line class="ql-stroke" x1="3" x2="9" y1="4" y2="4"></line>
+</svg>

data/app/assets/javascripts/vendors/js/editors/quill/assets/icons/align-right.svg

@@ -0,0 +1,5 @@
+<svg viewbox="0 0 18 18">
+  <line class="ql-stroke" x1="15" x2="3" y1="9" y2="9"></line>
+  <line class="ql-stroke" x1="15" x2="5" y1="14" y2="14"></line>
+  <line class="ql-stroke" x1="15" x2="9" y1="4" y2="4"></line>
+</svg>

data/app/assets/javascripts/vendors/js/editors/quill/assets/icons/attachment.svg

@@ -0,0 +1,3 @@
+<svg viewbox="0 0 18 18">
+  <path class="ql-stroke" d="M6.6,11.4L9,9a1.456,1.456,0,0,1,2.059,2.059L7.971,14.147a2.912,2.912,0,0,1-4.118-4.118l6.177-6.177a2.912,2.912,0,0,1,4.118,4.118"></path>
+</svg>

data/app/assets/javascripts/vendors/js/editors/quill/assets/icons/audio.svg

@@ -0,0 +1,5 @@
+<svg viewbox="0 0 18 18">
+  <ellipse class="ql-fill" cx="10.5" cy="14" rx="2.5" ry="2"></ellipse>
+  <path class="ql-stroke" d="M12,14V3c0,1.5,3,2.021,3,5"></path>
+  <path class="ql-fill" d="M7,4A5,5,0,0,0,7,14a3.191,3.191,0,0,1,3-2.957V5.023A4.955,4.955,0,0,0,7,4ZM4.06,8.412a0.5,0.5,0,0,1-.49.4,0.485,0.485,0,0,1-.1-0.01,0.5,0.5,0,0,1-.393-0.588A3.98,3.98,0,0,1,6.216,5.079a0.5,0.5,0,0,1,.2.98A2.985,2.985,0,0,0,4.06,8.412ZM7,10A1,1,0,1,1,8,9,1,1,0,0,1,7,10Z"></path>
+</svg>

data/app/assets/javascripts/vendors/js/editors/quill/assets/icons/authorship.svg

@@ -0,0 +1,5 @@
+<svg viewbox="0 0 18 18">
+  <line class="ql-stroke" x1="3" x2="15" y1="15" y2="15"></line>
+  <path class="ql-fill ql-stroke" d="M9,8H9a3,3,0,0,1,3,3v0a0,0,0,0,1,0,0H6a0,0,0,0,1,0,0v0A3,3,0,0,1,9,8Z"></path>
+  <path class="ql-even ql-fill" d="M11,5.01C11,6.021,10,9,9,9S7,6.021,7,5.01c0-1.651.292-2.99,2-2.99S11,3.359,11,5.01Z"></path>
+</svg>

data/app/assets/javascripts/vendors/js/editors/quill/assets/icons/background.svg

@@ -0,0 +1,52 @@
+<svg viewbox="0 0 18 18">
+  <g class="ql-fill ql-color-label">
+    <polygon points="6 6.868 6 6 5 6 5 7 5.942 7 6 6.868"></polygon>
+    <rect height="1" width="1" x="4" y="4"></rect>
+    <polygon points="6.817 5 6 5 6 6 6.38 6 6.817 5"></polygon>
+    <rect height="1" width="1" x="2" y="6"></rect>
+    <rect height="1" width="1" x="3" y="5"></rect>
+    <rect height="1" width="1" x="4" y="7"></rect>
+    <polygon points="4 11.439 4 11 3 11 3 12 3.755 12 4 11.439"></polygon>
+    <rect height="1" width="1" x="2" y="12"></rect>
+    <rect height="1" width="1" x="2" y="9"></rect>
+    <rect height="1" width="1" x="2" y="15"></rect>
+    <polygon points="4.63 10 4 10 4 11 4.192 11 4.63 10"></polygon>
+    <rect height="1" width="1" x="3" y="8"></rect>
+    <path d="M10.832,4.2L11,4.582V4H10.708A1.948,1.948,0,0,1,10.832,4.2Z"></path>
+    <path d="M7,4.582L7.168,4.2A1.929,1.929,0,0,1,7.292,4H7V4.582Z"></path>
+    <path d="M8,13H7.683l-0.351.8a1.933,1.933,0,0,1-.124.2H8V13Z"></path>
+    <rect height="1" width="1" x="12" y="2"></rect>
+    <rect height="1" width="1" x="11" y="3"></rect>
+    <path d="M9,3H8V3.282A1.985,1.985,0,0,1,9,3Z"></path>
+    <rect height="1" width="1" x="2" y="3"></rect>
+    <rect height="1" width="1" x="6" y="2"></rect>
+    <rect height="1" width="1" x="3" y="2"></rect>
+    <rect height="1" width="1" x="5" y="3"></rect>
+    <rect height="1" width="1" x="9" y="2"></rect>
+    <rect height="1" width="1" x="15" y="14"></rect>
+    <polygon points="13.447 10.174 13.469 10.225 13.472 10.232 13.808 11 14 11 14 10 13.37 10 13.447 10.174"></polygon>
+    <rect height="1" width="1" x="13" y="7"></rect>
+    <rect height="1" width="1" x="15" y="5"></rect>
+    <rect height="1" width="1" x="14" y="6"></rect>
+    <rect height="1" width="1" x="15" y="8"></rect>
+    <rect height="1" width="1" x="14" y="9"></rect>
+    <path d="M3.775,14H3v1H4V14.314A1.97,1.97,0,0,1,3.775,14Z"></path>
+    <rect height="1" width="1" x="14" y="3"></rect>
+    <polygon points="12 6.868 12 6 11.62 6 12 6.868"></polygon>
+    <rect height="1" width="1" x="15" y="2"></rect>
+    <rect height="1" width="1" x="12" y="5"></rect>
+    <rect height="1" width="1" x="13" y="4"></rect>
+    <polygon points="12.933 9 13 9 13 8 12.495 8 12.933 9"></polygon>
+    <rect height="1" width="1" x="9" y="14"></rect>
+    <rect height="1" width="1" x="8" y="15"></rect>
+    <path d="M6,14.926V15H7V14.316A1.993,1.993,0,0,1,6,14.926Z"></path>
+    <rect height="1" width="1" x="5" y="15"></rect>
+    <path d="M10.668,13.8L10.317,13H10v1h0.792A1.947,1.947,0,0,1,10.668,13.8Z"></path>
+    <rect height="1" width="1" x="11" y="15"></rect>
+    <path d="M14.332,12.2a1.99,1.99,0,0,1,.166.8H15V12H14.245Z"></path>
+    <rect height="1" width="1" x="14" y="15"></rect>
+    <rect height="1" width="1" x="15" y="11"></rect>
+  </g>
+  <polyline class="ql-stroke" points="5.5 13 9 5 12.5 13"></polyline>
+  <line class="ql-stroke" x1="11.63" x2="6.38" y1="11" y2="11"></line>
+</svg>

data/app/assets/javascripts/vendors/js/editors/quill/assets/icons/blockquote.svg

@@ -0,0 +1,6 @@
+<svg viewbox="0 0 18 18">
+  <rect class="ql-fill ql-stroke" height="3" width="3" x="4" y="5"></rect>
+  <rect class="ql-fill ql-stroke" height="3" width="3" x="11" y="5"></rect>
+  <path class="ql-even ql-fill ql-stroke" d="M7,8c0,4.031-3,5-3,5"></path>
+  <path class="ql-even ql-fill ql-stroke" d="M14,8c0,4.031-3,5-3,5"></path>
+</svg>

data/app/assets/javascripts/vendors/js/editors/quill/assets/icons/bold.svg

@@ -0,0 +1,4 @@
+<svg viewbox="0 0 18 18">
+  <path class="ql-stroke" d="M5,4H9.5A2.5,2.5,0,0,1,12,6.5v0A2.5,2.5,0,0,1,9.5,9H5A0,0,0,0,1,5,9V4A0,0,0,0,1,5,4Z"></path>
+  <path class="ql-stroke" d="M5,9h5.5A2.5,2.5,0,0,1,13,11.5v0A2.5,2.5,0,0,1,10.5,14H5a0,0,0,0,1,0,0V9A0,0,0,0,1,5,9Z"></path>
+</svg>

data/app/assets/javascripts/vendors/js/editors/quill/assets/icons/clean.svg

@@ -0,0 +1,7 @@
+<svg class="" viewbox="0 0 18 18">
+  <line class="ql-stroke" x1="5" x2="13" y1="3" y2="3"></line>
+  <line class="ql-stroke" x1="6" x2="9.35" y1="12" y2="3"></line>
+  <line class="ql-stroke" x1="11" x2="15" y1="11" y2="15"></line>
+  <line class="ql-stroke" x1="15" x2="11" y1="11" y2="15"></line>
+  <rect class="ql-fill" height="1" rx="0.5" ry="0.5" width="7" x="2" y="14"></rect>
+</svg>

data/app/assets/javascripts/vendors/js/editors/quill/assets/icons/code.svg

@@ -0,0 +1,5 @@
+<svg viewbox="0 0 18 18">
+  <polyline class="ql-even ql-stroke" points="5 7 3 9 5 11"></polyline>
+  <polyline class="ql-even ql-stroke" points="13 7 15 9 13 11"></polyline>
+  <line class="ql-stroke" x1="10" x2="8" y1="5" y2="13"></line>
+</svg>

data/app/assets/javascripts/vendors/js/editors/quill/assets/icons/color.svg

@@ -0,0 +1,5 @@
+<svg viewbox="0 0 18 18">
+  <line class="ql-color-label ql-stroke ql-transparent" x1="3" x2="15" y1="15" y2="15"></line>
+  <polyline class="ql-stroke" points="5.5 11 9 3 12.5 11"></polyline>
+  <line class="ql-stroke" x1="11.63" x2="6.38" y1="9" y2="9"></line>
+</svg>

data/app/assets/javascripts/vendors/js/editors/quill/assets/icons/comment.svg

@@ -0,0 +1,3 @@
+<svg viewbox="0 0 18 18">
+  <path class="ql-stroke" d="M9,3C5.686,3,3,5.239,3,8a4.669,4.669,0,0,0,2,3.719V15l3.094-2.063A7.186,7.186,0,0,0,9,13c3.314,0,6-2.239,6-5S12.314,3,9,3Z"></path>
+</svg>

data/app/assets/javascripts/vendors/js/editors/quill/assets/icons/direction-ltr.svg

@@ -0,0 +1,7 @@
+<svg viewbox="0 0 18 18">
+  <polygon class="ql-stroke ql-fill" points="3 11 5 9 3 7 3 11"></polygon>
+  <line class="ql-stroke ql-fill" x1="15" x2="11" y1="4" y2="4"></line>
+  <path class="ql-fill" d="M11,3a3,3,0,0,0,0,6h1V3H11Z"></path>
+  <rect class="ql-fill" height="11" width="1" x="11" y="4"></rect>
+  <rect class="ql-fill" height="11" width="1" x="13" y="4"></rect>
+</svg>