govuk_publishing_components 21.63.2 → 21.63.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 9fa84400a00cf38f8ec660c724a115fa819109586c041727b4a1833d0f2e4de4
-  data.tar.gz: 48ef894dcfcc9e0dcc18a66ddc94e163f194647a604c6074bea21c6b8cccb33e
+  metadata.gz: 0dfe72210f443a0c8d4f94c41fc1996bffa3fe47b772ecc7851c4c223612d4c5
+  data.tar.gz: 299ba77eba106b9d4ba23257ff645fefa8b9a6ea5e5aa010f9f564a821d0fa73
 SHA512:
-  metadata.gz: a3dabec965adb6f3020171d0baf9df7988fcbb7eae881374e7f8edefa98f169ea1765a2e553cfeb4364a25d4af24e6a42d0c0b67b709afa3302ded7271066507
-  data.tar.gz: 3f78096a67b8811112e7c368b9ed66afcc4a759d7b2f466f512f6b1cb1a8598dcfaf9d9b4ef41ec22dea2af6900e05707524beaf38bdf7a60030df795016ba96
+  metadata.gz: b9a85dda00e7198025eff0c30434c57ccf72e10840d81d32f8990ad9cb08d6989735eb387cfad56d09486e56d848662d27df14c14686dd47e24f5e444da2f02e
+  data.tar.gz: 0b95e6218d7772692270f7257545fe62a30608e9627f8f7b527e621f11a1f70d319af5b07a066c1fdbe5618fbfed1d580e4793f29f8b99a425bbe14de7a39f67

data/app/assets/javascripts/govuk_publishing_components/components/govspeak.js

@@ -2,25 +2,27 @@ window.GOVUK = window.GOVUK || {}
 window.GOVUK.Modules = window.GOVUK.Modules || {};
 
 (function (Modules) {
-  'use strict'
+  function Govspeak () { }
 
-  Modules.Govspeak = function () {
-    this.start = function ($element) {
-      if (!$element.hasClass('disable-youtube')) {
-        this.embedYoutube($element)
-      }
+  Govspeak.prototype.start = function ($module) {
+    this.$module = $module[0]
 
-      this.createBarcharts($element)
+    if (this.$module.className.indexOf('disable-youtube') === -1) {
+      this.embedYoutube()
     }
 
-    this.embedYoutube = function ($jqElement) {
-      var enhancement = new window.GOVUK.GovspeakYoutubeLinkEnhancement($jqElement[0])
-      enhancement.init()
-    }
+    this.createBarcharts()
+  }
 
-    this.createBarcharts = function ($element) {
-      var enhancement = new window.GOVUK.GovspeakBarchartEnhancement($element)
-      enhancement.init()
-    }
+  Govspeak.prototype.embedYoutube = function () {
+    var enhancement = new window.GOVUK.GovspeakYoutubeLinkEnhancement(this.$module)
+    enhancement.init()
   }
+
+  Govspeak.prototype.createBarcharts = function () {
+    var enhancement = new window.GOVUK.GovspeakBarchartEnhancement(this.$module)
+    enhancement.init()
+  }
+
+  Modules.Govspeak = Govspeak
 })(window.GOVUK.Modules)

data/app/assets/javascripts/govuk_publishing_components/lib/govspeak/barchart-enhancement.js

@@ -1,4 +1,4 @@
-// = require govuk_publishing_components/vendor/magna-charta.min
+// = require govuk_publishing_components/lib/govspeak/magna-charta
 
 window.GOVUK = window.GOVUK || {};
 
@@ -10,16 +10,23 @@ window.GOVUK = window.GOVUK || {};
   }
 
   BarchartEnhancement.prototype.init = function () {
-    // the not selectors are protection against initialising twice since that
-    // causes quite a mess. The not .mc-chart is because it creates a second
-    // .js-barchart-table element with .mc-chart and then the
-    // .js-barchart-table-init is given when we initialise
-    var $barcharts = this.$element.find('.js-barchart-table:not(.mc-chart):not(.js-barchart-table-init)')
-    $barcharts.each(function () {
-      var $table = $(this)
-      $.magnaCharta($table, { toggleText: 'Change between chart and table' })
-      $table.addClass('js-barchart-table-init')
-    })
+    var $barchartsOriginal = this.$element.querySelectorAll('.js-barchart-table')
+    var $barcharts = []
+
+    for (var j = 0; j < $barchartsOriginal.length; j++) {
+      // this prevents the code from initialising more than once
+      // we'd use :not selectors for $barchartsOriginal but for lack of IE8 support
+      var styles = $barchartsOriginal[j].className
+      if (styles.indexOf('mc-chart') === -1 && styles.indexOf('js-barchart-table-init') === -1) {
+        $barcharts.push($barchartsOriginal[j])
+      }
+    }
+
+    for (var i = 0; i < $barcharts.length; i++) {
+      var $table = $barcharts[i]
+      new GOVUK.Modules.MagnaCharta().start($table, { toggleText: 'Change between chart and table' })
+      $table.className = $table.className + ' js-barchart-table-init'
+    }
   }
 
   GOVUK.GovspeakBarchartEnhancement = BarchartEnhancement

data/app/assets/javascripts/govuk_publishing_components/lib/govspeak/magna-charta.js

@@ -0,0 +1,423 @@
+//= require govuk/vendor/polyfills/Element/prototype/classList.js
+// This is a non-jQuery version of Magna Charta: https://github.com/alphagov/magna-charta
+window.GOVUK = window.GOVUK || {}
+window.GOVUK.Modules = window.GOVUK.Modules || {};
+
+(function (Modules) {
+  function MagnaCharta () { }
+
+  MagnaCharta.prototype.start = function ($module, options) {
+    this.$module = $module[0]
+    this.options = {
+      outOf: 65,
+      applyOnInit: true,
+      toggleText: 'Toggle between chart and table',
+      autoOutdent: false,
+      outdentAll: false,
+      toggleAfter: false, // BOOL set TRUE to append the toggle link
+      returnReference: false // for testing purposes
+    }
+
+    for (var k in options) this.options[k] = options[k]
+    this.detectIEVersion()
+
+    // Magna Charta doesn't work in IE7 or less - so plain tables are shown to those browsers
+    this.ENABLED = !(this.ie && this.ie < 8)
+
+    // store a reference to the table in the object
+    this.$table = $module
+
+    // lets make what will become the new graph
+    this.$graph = document.createElement('div')
+
+    // set the graph to aria-hidden, which isn't changed at any point
+    // the graph is totally inaccessible, so we let screen readers navigate the table
+    // and ignore the graph entirely
+    this.$graph.setAttribute('aria-hidden', 'true')
+
+    // copy over classes from the table, and add the extra one
+    this.$graph.setAttribute('class', this.$table.className)
+    this.$graph.classList.add('mc-chart')
+
+    // set the stacked option based on
+    // giving the table a class of mc-stacked
+    this.options.stacked = this.$table.classList.contains('mc-stacked')
+
+    // set the negative option based on
+    // giving the table a class of mc-negative
+    this.options.negative = this.$table.classList.contains('mc-negative')
+
+    // true if it's a 'multiple' table
+    // this means multiple bars per rows, but not stacked.
+    var moreThanTwoTDs = this.$table.querySelectorAll('tbody tr')[0].querySelectorAll('td').length > 2
+    this.options.multiple = !this.options.stacked && (this.$table.classList.contains('mc-multiple') || moreThanTwoTDs)
+
+    // set the outdent options
+    // which can be set via classes or overriden by setting the value to true
+    // in the initial options object that's passed in
+    this.options.autoOutdent = this.options.autoOutdent || this.$table.classList.contains('mc-auto-outdent')
+
+    this.options.outdentAll = this.options.outdentAll || this.$table.classList.contains('mc-outdented')
+
+    // add a mc-multiple class if it is
+    if (this.options.multiple) {
+      this.$graph.classList.add('mc-multiple')
+    }
+
+    this.options.hasCaption = !!this.$table.querySelectorAll('caption').length
+
+    if (this.ENABLED) {
+      this.apply()
+      // if applyOnInit is false, toggle immediately to show the table and hide the graph
+      if (!this.options.applyOnInit) {
+        this.toggleLink.click()
+      }
+    }
+
+    if (this.options.returnReference) {
+      return this
+    }
+  }
+
+  MagnaCharta.prototype.detectIEVersion = function () {
+    // detect IE version: James Padolsey, https://gist.github.com/527683
+    this.ie = (function () {
+      var undef
+      var v = 3
+      var div = document.createElement('div')
+      var all = div.getElementsByTagName('i')
+
+      do {
+        div.innerHTML = '<!--[if gt IE ' + (++v) + ']><i></i><![endif]-->'
+      } while (v < 10 && all[0])
+
+      return (v > 4) ? v : undef
+    })()
+  }
+
+  MagnaCharta.prototype.apply = function () {
+    if (this.ENABLED) {
+      this.constructChart()
+      this.addClassesToHeader()
+      this.applyWidths()
+      this.insert()
+      this.$table.classList.add('visually-hidden')
+      this.applyOutdent()
+    }
+  }
+
+  // methods for constructing the chart
+  MagnaCharta.prototype.construct = {}
+
+  // constructs the header
+  MagnaCharta.prototype.construct.thead = function () {
+    var thead = document.createElement('div')
+    thead.classList.add('mc-thead')
+
+    var tr = document.createElement('div')
+    tr.classList.add('mc-tr')
+
+    var output = ''
+    var allTheTHs = this.$table.querySelectorAll('th')
+
+    for (var i = 0; i < allTheTHs.length; i++) {
+      output += '<div class="mc-th">'
+      output += allTheTHs[i].innerHTML
+      output += '</div>'
+    }
+
+    tr.innerHTML = output
+    thead.appendChild(tr)
+
+    return thead
+  }
+
+  MagnaCharta.prototype.construct.tbody = function () {
+    var tbody = document.createElement('div')
+    tbody.classList.add('mc-tbody')
+
+    var allTheTbodyTrs = this.$table.querySelectorAll('tbody tr')
+
+    for (var i = 0; i < allTheTbodyTrs.length; i++) {
+      var tr = document.createElement('div')
+      tr.classList.add('mc-tr')
+
+      var cellsOutput = ''
+      var allTheTds = allTheTbodyTrs[i].querySelectorAll('td')
+
+      for (var j = 0; j < allTheTds.length; j++) {
+        cellsOutput += '<div class="mc-td">'
+        cellsOutput += allTheTds[j].innerHTML
+        cellsOutput += '</div>'
+      }
+      tr.innerHTML = cellsOutput
+      tbody.appendChild(tr)
+    }
+
+    return tbody
+  }
+
+  MagnaCharta.prototype.construct.caption = function () {
+    var cap = this.$table.querySelector('caption')
+    return cap.cloneNode(true)
+  }
+
+  // construct a link to allow the user to toggle between chart and table
+  MagnaCharta.prototype.construct.toggleLink = function (toggleText) {
+    var link = document.createElement('a')
+    link.setAttribute('href', '#')
+    link.classList.add('mc-toggle-link')
+    link.innerHTML = toggleText
+    link.setAttribute('aria-hidden', 'true')
+
+    return link
+  }
+
+  // toggles between showing the table and showing the chart
+  MagnaCharta.prototype.addToggleClick = function () {
+    var that = this
+
+    this.toggleLink.addEventListener('click', function (e) {
+      e.preventDefault()
+      that.$graph.classList.toggle('visually-hidden')
+      that.$table.classList.toggle('visually-hidden')
+    })
+  }
+
+  MagnaCharta.prototype.constructChart = function () {
+    // turn every element in the table into divs with appropriate classes
+    // call them and define this as scope so it's easier to
+    // get at options and properties
+    var thead = this.construct.thead.call(this)
+    var tbody = this.construct.tbody.call(this)
+    this.toggleLink = this.construct.toggleLink(this.options.toggleText)
+    this.addToggleClick(this.toggleLink)
+
+    if (this.options.hasCaption) {
+      var caption = this.construct.caption.call(this)
+      this.$graph.appendChild(caption)
+    }
+
+    if (this.options.toggleAfter) {
+      this.$table.insertAdjacentElement('afterend', this.toggleLink)
+    } else {
+      this.$table.insertAdjacentElement('beforebegin', this.toggleLink)
+    }
+
+    this.$graph.appendChild(thead)
+    this.$graph.appendChild(tbody)
+  }
+
+  // some handy utility methods
+  MagnaCharta.prototype.utils = {
+    isFloat: function (val) {
+      return !isNaN(parseFloat(val))
+    },
+    stripValue: function (val) {
+      var re = new RegExp('\\,|£|%|[a-z]', 'gi')
+      return val.replace(re, '')
+    },
+    returnMax: function (values) {
+      var max = 0
+      for (var i = 0; i < values.length; i++) {
+        if (values[i] > max) { max = values[i] }
+      }
+      return max
+    },
+    isNegative: function (value) {
+      return (value < 0)
+    }
+  }
+
+  MagnaCharta.prototype.addClassesToHeader = function () {
+    var headerCells = this.$graph.querySelectorAll('.mc-th')
+    var looplength = headerCells.length
+
+    if (this.options.stacked) {
+      var last = looplength - 1
+      headerCells[last].classList.add('mc-stacked-header', 'mc-header-total')
+      looplength -= 1
+    }
+
+    // we deliberately don't apply this to the first cell
+    for (var i = 1; i < looplength; i++) {
+      headerCells[i].classList.add('mc-key-header')
+      if (!headerCells[i].classList.contains('mc-stacked-header')) {
+        headerCells[i].classList.add('mc-key-' + i)
+      }
+    }
+  }
+
+  MagnaCharta.prototype.calculateMaxWidth = function () {
+    // store the cell values in here so we can figure out the maximum value later
+    var values = []
+
+    // var to store the maximum negative value (used only for negative charts)
+    var maxNegativeValue = 0
+
+    // loop through every tr in the table
+    var trs = this.$graph.querySelectorAll('.mc-tr')
+    for (var i = 0; i < trs.length; i++) {
+      var $this = trs[i]
+
+      // the first td is going to be the key, so ignore it
+      // we'd use $this.querySelectorAll('.mc-td:not(:first-child)') but for IE8
+      var $bodyCellsOriginal = $this.querySelectorAll('.mc-td')
+      var $bodyCells = []
+      for (var k = 1; k < $bodyCellsOriginal.length; k++) {
+        $bodyCells.push($bodyCellsOriginal[k])
+      }
+
+      var bodyCellsLength = $bodyCells.length
+
+      // might be the row containing th elements, so we need to check
+      if (bodyCellsLength) {
+        // if it's stacked, the last column is a totals
+        // so we don't want that in our calculations
+        if (this.options.stacked) {
+          $bodyCells[bodyCellsLength - 1].classList.add('mc-stacked-total')
+          bodyCellsLength -= 1
+        }
+
+        // first td in each row is key
+        var firstCell = $this.querySelector('.mc-td')
+        if (firstCell) {
+          firstCell.classList.add('mc-key-cell')
+        }
+
+        // store the total value of the bar cells in a row
+        // for anything but stacked, this is just the value of one <td>
+        var cellsTotalValue = 0
+
+        for (var j = 0; j < bodyCellsLength; j++) {
+          var $cell = $bodyCells[j]
+          $cell.classList.add('mc-bar-cell')
+          $cell.classList.add('mc-bar-' + (j + 1))
+          var cellVal = this.utils.stripValue($cell.innerText)
+
+          if (this.utils.isFloat(cellVal)) {
+            var parsedVal = parseFloat(cellVal, 10)
+            var absParsedVal = Math.abs(parsedVal)
+            if (parsedVal === 0) {
+              $cell.classList.add('mc-bar-zero')
+            }
+
+            if (this.options.negative) {
+              if (this.utils.isNegative(parsedVal)) {
+                $cell.classList.add('mc-bar-negative')
+                if (absParsedVal > maxNegativeValue) {
+                  maxNegativeValue = absParsedVal
+                }
+              } else {
+                $cell.classList.add('mc-bar-positive')
+              }
+            }
+            // now we are done with our negative calculations
+            // set parsedVal to absParsedVal
+            parsedVal = absParsedVal
+
+            if (!this.options.stacked) {
+              cellsTotalValue = parsedVal
+              values.push(parsedVal)
+            } else {
+              cellsTotalValue += parsedVal
+            }
+          }
+        }
+      }
+
+      // if stacked, we need to push the total value of the row to the values array
+      if (this.options.stacked) { values.push(cellsTotalValue) }
+    }
+
+    var resp = {}
+    resp.max = parseFloat(this.utils.returnMax(values), 10)
+    resp.single = parseFloat(this.options.outOf / resp.max, 10)
+
+    if (this.options.negative) {
+      resp.marginLeft = parseFloat(maxNegativeValue, 10) * resp.single
+      resp.maxNegative = parseFloat(maxNegativeValue, 10)
+    }
+
+    return resp
+  }
+
+  MagnaCharta.prototype.applyWidths = function () {
+    this.dimensions = this.calculateMaxWidth()
+    var trs = this.$graph.querySelectorAll('.mc-tr')
+
+    for (var i = 0; i < trs.length; i++) {
+      var cells = trs[i].querySelectorAll('.mc-bar-cell')
+
+      for (var j = 0; j < cells.length; j++) {
+        var $cell = cells[j]
+        var parsedCellVal = parseFloat(this.utils.stripValue($cell.innerText), 10)
+        var parsedVal = parsedCellVal * this.dimensions.single
+        var absParsedCellVal = Math.abs(parsedCellVal)
+        var absParsedVal = Math.abs(parsedVal)
+
+        // apply the left margin to the positive bars
+        if (this.options.negative) {
+          if ($cell.classList.contains('mc-bar-positive')) {
+            $cell.style.marginLeft = this.dimensions.marginLeft + '%'
+          } else {
+            // if its negative but not the maximum negative
+            // we need to give it enough margin to push it further right to align
+            if (absParsedCellVal < this.dimensions.maxNegative) {
+              // left margin needs to be (largestNegVal - thisNegVal) * single
+              var leftMarg = (this.dimensions.maxNegative - absParsedCellVal) * this.dimensions.single
+              $cell.style.marginLeft = leftMarg + '%'
+            }
+          }
+        }
+
+        // wrap the cell value in a span tag
+        $cell.innerHTML = '<span>' + $cell.innerHTML + '</span>'
+        $cell.style.width = absParsedVal + '%'
+      }
+    }
+  }
+
+  MagnaCharta.prototype.insert = function () {
+    this.$table.insertAdjacentElement('afterend', this.$graph)
+  }
+
+  MagnaCharta.prototype.applyOutdent = function () {
+    /*
+     * this figures out if a cell needs an outdent and applies it
+     * it needs an outdent if the width of the text is greater than the width of the bar
+     * if this is the case, wrap the value in a span, and use absolute positioning
+     * to push it out (the bar is styled to be relative)
+     * unfortunately this has to be done once the chart has been inserted
+     */
+    var cells = this.$graph.querySelectorAll('.mc-bar-cell')
+
+    for (var i = 0; i < cells.length; i++) {
+      var $cell = cells[i]
+      var cellVal = parseFloat(this.utils.stripValue($cell.innerText), 10)
+      var $cellSpan = $cell.querySelector('span')
+      var spanWidth = parseFloat(window.getComputedStyle($cellSpan, null).width.replace('px', '')) + 10 // +10 just for extra padding
+      var cellWidth = parseFloat(window.getComputedStyle($cell, null).width.replace('px', ''))
+
+      if (!this.options.stacked) {
+      // if it's 0, it is effectively outdented
+        if (cellVal === 0) { $cell.classList.add('mc-bar-outdented') }
+
+        if ((this.options.autoOutdent && spanWidth > cellWidth) || this.options.outdentAll) {
+          $cell.classList.add('mc-bar-outdented')
+          $cellSpan.style.marginLeft = '100%'
+          $cellSpan.style.display = 'inline-block'
+        } else {
+          $cell.classList.add('mc-bar-indented')
+        }
+      } else {
+        // if it's a stacked graph
+        if (spanWidth > cellWidth && cellVal > 0) {
+          $cell.classList.add('mc-value-overflow')
+        }
+      }
+    }
+  }
+
+  Modules.MagnaCharta = MagnaCharta
+})(window.GOVUK.Modules)

data/app/views/govuk_publishing_components/components/_radio.html.erb

@@ -53,7 +53,9 @@
           <%= tag.h1 heading, class: "gem-c-radio__heading-text govuk-fieldset__heading" %>
         <% end %>
       <% else %>
-        <%= tag.legend heading, class: legend_classes %>
+        <%= tag.legend class: legend_classes do %>
+          <%= tag.h2 heading, class: "govuk-fieldset__heading" %>
+        <% end %>
       <% end %>
     <% end %>
 

data/lib/govuk_publishing_components/version.rb

@@ -1,3 +1,3 @@
 module GovukPublishingComponents
-  VERSION = "21.63.2".freeze
+  VERSION = "21.63.3".freeze
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: govuk_publishing_components
 version: !ruby/object:Gem::Version
-  version: 21.63.2
+  version: 21.63.3
 platform: ruby
 authors:
 - GOV.UK Dev
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2020-08-27 00:00:00.000000000 Z
+date: 2020-09-03 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: govuk_app_config
@@ -419,6 +419,7 @@ files:
 - app/assets/javascripts/govuk_publishing_components/lib/cookie-functions.js
 - app/assets/javascripts/govuk_publishing_components/lib/current-location.js
 - app/assets/javascripts/govuk_publishing_components/lib/govspeak/barchart-enhancement.js
+- app/assets/javascripts/govuk_publishing_components/lib/govspeak/magna-charta.js
 - app/assets/javascripts/govuk_publishing_components/lib/govspeak/youtube-link-enhancement.js
 - app/assets/javascripts/govuk_publishing_components/lib/header-navigation.js
 - app/assets/javascripts/govuk_publishing_components/lib/primary-links.js
@@ -428,7 +429,6 @@ files:
 - app/assets/javascripts/govuk_publishing_components/modules.js
 - app/assets/javascripts/govuk_publishing_components/vendor/html5shiv-printshiv.js
 - app/assets/javascripts/govuk_publishing_components/vendor/json2.js
-- app/assets/javascripts/govuk_publishing_components/vendor/magna-charta.min.js
 - app/assets/javascripts/govuk_publishing_components/vendor/modernizr.js
 - app/assets/javascripts/govuk_publishing_components/vendor/polyfills/closest.js
 - app/assets/javascripts/govuk_publishing_components/vendor/polyfills/indexOf.js

data/app/assets/javascripts/govuk_publishing_components/vendor/magna-charta.min.js

@@ -1,4 +0,0 @@
-/*! Magna Charta - v3.0.0 - 2012-12-04
-* https://github.com/alphagov/magna-charta
- */
-(function(e){var t=function(){this.init=function(t,n){var r={outOf:65,applyOnInit:!0,toggleText:"Toggle between chart and table",autoOutdent:!1,outdentAll:!1};this.options=e.extend({},r,n);var i=function(){var e,t=3,n=document.createElement("div"),r=n.getElementsByTagName("i");do n.innerHTML="<!--[if gt IE "+ ++t+"]><i></i><![endif]-->";while(t<10&&r[0]);return t>4?t:e}();return this.ENABLED=!(i&&i<8),this.$table=t,this.$graph=e("<div/>").attr("aria-hidden","true"),this.$graph.attr("class",this.$table.attr("class")).addClass("mc-chart"),this.options.stacked=this.$table.hasClass("mc-stacked"),this.options.negative=this.$table.hasClass("mc-negative"),this.options.multiple=!this.options.stacked&&(this.$table.hasClass("mc-multiple")||this.$table.find("tbody tr").first().find("td").length>2),this.options.autoOutdent=this.options.autoOutdent||this.$table.hasClass("mc-auto-outdent"),this.options.outdentAll=this.options.outdentAll||this.$table.hasClass("mc-outdented"),this.options.multiple&&this.$graph.addClass("mc-multiple"),this.options.hasCaption=!!this.$table.find("caption").length,this.ENABLED&&(this.apply(),this.options.applyOnInit||this.toggle()),this}};t.prototype.construct={},t.prototype.construct.thead=function(){var t=e("<div />",{"class":"mc-thead"}),n=e("<div />",{"class":"mc-tr"}),r="";return this.$table.find("th").each(function(t,n){r+='<div class="mc-th">',r+=e(n).html(),r+="</div>"}),n.append(r),t.append(n),t},t.prototype.construct.tbody=function(){var t=e("<div />",{"class":"mc-tbody"}),n="";return this.$table.find("tbody tr").each(function(n,r){var i=e("<div />",{"class":"mc-tr"}),s="";e(r).find("td").each(function(t,n){s+='<div class="mc-td">',s+=e(n).html(),s+="</div>"}),i.append(s),t.append(i)}),t},t.prototype.construct.caption=function(){var e=this.$table.find("caption");return e.clone()},t.prototype.construct.toggleLink=function(){var t=this;return e("<a />",{href:"#","class":"mc-toggle-link",text:this.options.toggleText}).on("click",function(e){t.toggle(e)})},t.prototype.constructChart=function(){var e=this.construct.thead.call(this),t=this.construct.tbody.call(this),n=this.construct.toggleLink.call(this);if(this.options.hasCaption){var r=this.construct.caption.call(this);this.$graph.append(r)}this.$table.before(n),this.$graph.append(e),this.$graph.append(t)},t.prototype.apply=function(){this.ENABLED&&(this.constructChart(),this.addClassesToHeader(),this.calculateMaxWidth(),this.applyWidths(),this.insert(),this.$table.addClass("visually-hidden"),this.applyOutdent())},t.prototype.toggle=function(e){this.$graph.toggle(),this.$table.toggleClass("visually-hidden"),e&&e.preventDefault()},t.prototype.utils={isFloat:function(e){return!isNaN(parseFloat(e))},stripValue:function(e){var t=new RegExp("\\,|£|%|[a-z]","gi");return e.replace(t,"")},returnMax:function(e){var t=0;for(var n=0;n<e.length;n++)e[n]>t&&(t=e[n]);return t},isNegative:function(e){return e<0}},t.prototype.addClassesToHeader=function(){var t=this.$graph.find(".mc-th").filter(":not(:first)");this.options.stacked&&(t.last().addClass("mc-stacked-header mc-header-total"),t=t.filter(":not(:last)")),t.addClass("mc-key-header").filter(":not(.mc-stacked-header)").each(function(t,n){e(n).addClass("mc-key-"+(t+1))})},t.prototype.calculateMaxWidth=function(){var t=this,n=[],r=0;this.$graph.find(".mc-tr").each(function(i,s){var o=e(s),u=o.find(".mc-td:not(:first)");if(t.options.stacked){var a=u.last().addClass("mc-stacked-total");u=u.filter(":not(:last)")}o.find(".mc-td:first").addClass("mc-key-cell");var f=0;u.each(function(i,s){var o=e(s).addClass("mc-bar-cell").addClass("mc-bar-"+(i+1)),u=t.utils.stripValue(o.text());if(t.utils.isFloat(u)){var a=parseFloat(u,10),l=Math.abs(a);a===0&&o.addClass("mc-bar-zero"),t.options.negative&&(t.utils.isNegative(a)?(o.addClass("mc-bar-negative"),l>r&&(r=l)):o.addClass("mc-bar-positive")),a=l,t.options.stacked?f+=a:(f=a,n.push(a))}}),t.options.stacked&&n.push(f)});var i={};return i.max=parseFloat(t.utils.returnMax(n),10),i.single=parseFloat(this.options.outOf/i.max,10),this.options.negative&&(i.marginLeft=parseFloat(r,10)*i.single,i.maxNegative=parseFloat(r,10)),i},t.prototype.applyWidths=function(){this.dimensions=this.calculateMaxWidth();var t=this;this.$graph.find(".mc-tr").each(function(n,r){var i=e(r),s=i.find(".mc-bar-cell:not(.mc-bar-zero)").length;i.find(".mc-bar-cell").each(function(n,r){var i=e(r),s=parseFloat(t.utils.stripValue(i.text()),10),o=s*t.dimensions.single,u=Math.abs(s),a=Math.abs(o);if(t.options.negative)if(i.hasClass("mc-bar-positive"))i.css("margin-left",t.dimensions.marginLeft+"%");else if(u<t.dimensions.maxNegative){var f=(t.dimensions.maxNegative-u)*t.dimensions.single;i.css("margin-left",f+"%")}i.wrapInner("<span />"),i.css("width",a+"%")})})},t.prototype.insert=function(){this.$table.after(this.$graph)},t.prototype.applyOutdent=function(){var t=this,n=this.$graph.find(".mc-bar-cell");this.$graph.find(".mc-bar-cell").each(function(n,r){var i=e(r),s=parseFloat(t.utils.stripValue(i.text()),10),o=i.children("span"),u=o.width()+10,a=i.width(),f=parseFloat(i[0].style.width,10),l=i.height();t.options.stacked?u>a&&s>0&&i.addClass("mc-value-overflow"):(s===0&&i.addClass("mc-bar-outdented"),t.options.autoOutdent&&u>a||t.options.outdentAll?(i.addClass("mc-bar-outdented"),o.css({"margin-left":"100%",display:"inline-block"})):i.addClass("mc-bar-indented"))})},e.magnaCharta=function(e,n){return(new t).init(e,n)}})(jQuery);