npm - @ministryofjustice/frontend - Versions diffs - 3.6.3 → 3.7.0 - Mend

@ministryofjustice/frontend 3.6.3 → 3.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (72) hide show

package/moj/components/multi-file-upload/multi-file-upload.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"multi-file-upload.js","sources":["../../../../src/moj/helpers.mjs","../../../../src/moj/components/multi-file-upload/multi-file-upload.mjs"],"sourcesContent":["export function removeAttributeValue(el, attr, value) {\n let re, m\n if (el.getAttribute(attr)) {\n if (el.getAttribute(attr) === value) {\n el.removeAttribute(attr)\n } else {\n re = new RegExp(`(^|\\\\s)${value}(\\\\s|$)`)\n m = el.getAttribute(attr).match(re)\n if (m && m.length === 3) {\n el.setAttribute(\n attr,\n el.getAttribute(attr).replace(re, m[1] && m[2] ? ' ' : '')\n )\n }\n }\n }\n}\n\nexport function addAttributeValue(el, attr, value) {\n let re\n if (!el.getAttribute(attr)) {\n el.setAttribute(attr, value)\n } else {\n re = new RegExp(`(^|\\\\s)${value}(\\\\s|$)`)\n if (!re.test(el.getAttribute(attr))) {\n el.setAttribute(attr, `${el.getAttribute(attr)} ${value}`)\n }\n }\n}\n\nexport function dragAndDropSupported() {\n const div = document.createElement('div')\n return typeof div.ondrop !== 'undefined'\n}\n\nexport function formDataSupported() {\n return typeof FormData === 'function'\n}\n\nexport function fileApiSupported() {\n const input = document.createElement('input')\n input.type = 'file'\n return typeof input.files !== 'undefined'\n}\n\nexport function nodeListForEach(nodes, callback) {\n if (window.NodeList.prototype.forEach) {\n return nodes.forEach(callback)\n }\n for (let i = 0; i < nodes.length; i++) {\n callback.call(window, nodes[i], i, nodes)\n }\n}\n\n/**\n * Find an elements next sibling\n *\n * Utility function to find an elements next sibling matching the provided\n * selector.\n *\n * @param {HTMLElement} $element - Element to find siblings for\n * @param {string} selector - selector for required sibling\n */\nexport function getNextSibling($element, selector) {\n if (!$element) return\n // Get the next sibling element\n let $sibling = $element.nextElementSibling\n\n // If there's no selector, return the first sibling\n if (!selector) return $sibling\n\n // If the sibling matches our selector, use it\n // If not, jump to the next sibling and continue the loop\n while ($sibling) {\n if ($sibling.matches(selector)) return $sibling\n $sibling = $sibling.nextElementSibling\n }\n}\n\n/**\n * Find an elements preceding sibling\n *\n * Utility function to find an elements previous sibling matching the provided\n * selector.\n *\n * @param {HTMLElement} $element - Element to find siblings for\n * @param {string} selector - selector for required sibling\n */\nexport function getPreviousSibling($element, selector) {\n if (!$element) return\n // Get the previous sibling element\n let $sibling = $element.previousElementSibling\n\n // If there's no selector, return the first sibling\n if (!selector) return $sibling\n\n // If the sibling matches our selector, use it\n // If not, jump to the next sibling and continue the loop\n while ($sibling) {\n if ($sibling.matches(selector)) return $sibling\n $sibling = $sibling.previousElementSibling\n }\n}\n\nexport function findNearestMatchingElement($element, selector) {\n // If no element or selector is provided, return null\n if (!$element) return\n if (!selector) return\n\n // Start with the current element\n let $currentElement = $element\n\n while ($currentElement) {\n // First check the current element\n if ($currentElement.matches(selector)) {\n return $currentElement\n }\n\n // Check all previous siblings\n let $sibling = $currentElement.previousElementSibling\n while ($sibling) {\n // Check if the sibling itself is a heading\n if ($sibling.matches(selector)) {\n return $sibling\n }\n $sibling = $sibling.previousElementSibling\n }\n\n // If no match found in siblings, move up to parent\n $currentElement = $currentElement.parentElement\n }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @param {HTMLElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: HTMLElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: HTMLElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n const isFocusable = $element.getAttribute('tabindex')\n\n if (!isFocusable) {\n $element.setAttribute('tabindex', '-1')\n }\n\n /**\n * Handle element focus\n */\n function onFocus() {\n $element.addEventListener('blur', onBlur, { once: true })\n }\n\n /**\n * Handle element blur\n */\n function onBlur() {\n if (options.onBlur) {\n options.onBlur.call($element)\n }\n\n if (!isFocusable) {\n $element.removeAttribute('tabindex')\n }\n }\n\n // Add listener to reset element on blur, after focus\n $element.addEventListener('focus', onFocus, { once: true })\n\n // Focus element\n if (options.onBeforeFocus) {\n options.onBeforeFocus.call($element)\n }\n $element.focus()\n}\n","import $ from 'jquery'\n\nimport {\n dragAndDropSupported,\n fileApiSupported,\n formDataSupported\n} from '../../helpers.mjs'\n\nexport function MultiFileUpload(params) {\n if (!(dragAndDropSupported() && formDataSupported() && fileApiSupported())) {\n return\n }\n\n this.defaultParams = {\n uploadFileEntryHook: $.noop,\n uploadFileExitHook: $.noop,\n uploadFileErrorHook: $.noop,\n fileDeleteHook: $.noop,\n uploadStatusText: 'Uploading files, please wait',\n dropzoneHintText: 'Drag and drop files here or',\n dropzoneButtonText: 'Choose files'\n }\n\n this.params = $.extend({}, this.defaultParams, params)\n this.container = $(this.params.container)\n\n this.container.addClass('moj-multi-file-upload--enhanced')\n\n this.feedbackContainer = this.container.find(\n '.moj-multi-file__uploaded-files'\n )\n this.setupFileInput()\n this.setupDropzone()\n this.setupLabel()\n this.setupStatusBox()\n this.container.on(\n 'click',\n '.moj-multi-file-upload__delete',\n $.proxy(this, 'onFileDeleteClick')\n )\n}\n\nMultiFileUpload.prototype.setupDropzone = function () {\n this.fileInput.wrap('<div class=\"moj-multi-file-upload__dropzone\" />')\n this.dropzone = this.container.find('.moj-multi-file-upload__dropzone')\n this.dropzone.on('dragover', $.proxy(this, 'onDragOver'))\n this.dropzone.on('dragleave', $.proxy(this, 'onDragLeave'))\n this.dropzone.on('drop', $.proxy(this, 'onDrop'))\n}\n\nMultiFileUpload.prototype.setupLabel = function () {\n this.label = $(\n `<label for=\"${this.fileInput[0].id}\" class=\"govuk-button govuk-button--secondary\">${this.params.dropzoneButtonText}</label>`\n )\n this.dropzone.append(\n `<p class=\"govuk-body\">${this.params.dropzoneHintText}</p>`\n )\n this.dropzone.append(this.label)\n}\n\nMultiFileUpload.prototype.setupFileInput = function () {\n this.fileInput = this.container.find('.moj-multi-file-upload__input')\n this.fileInput.on('change', $.proxy(this, 'onFileChange'))\n this.fileInput.on('focus', $.proxy(this, 'onFileFocus'))\n this.fileInput.on('blur', $.proxy(this, 'onFileBlur'))\n}\n\nMultiFileUpload.prototype.setupStatusBox = function () {\n this.status = $(\n '<div aria-live=\"polite\" role=\"status\" class=\"govuk-visually-hidden\" />'\n )\n this.dropzone.append(this.status)\n}\n\nMultiFileUpload.prototype.onDragOver = function (e) {\n e.preventDefault()\n this.dropzone.addClass('moj-multi-file-upload--dragover')\n}\n\nMultiFileUpload.prototype.onDragLeave = function () {\n this.dropzone.removeClass('moj-multi-file-upload--dragover')\n}\n\nMultiFileUpload.prototype.onDrop = function (e) {\n e.preventDefault()\n this.dropzone.removeClass('moj-multi-file-upload--dragover')\n this.feedbackContainer.removeClass('moj-hidden')\n this.status.html(this.params.uploadStatusText)\n this.uploadFiles(e.originalEvent.dataTransfer.files)\n}\n\nMultiFileUpload.prototype.uploadFiles = function (files) {\n for (let i = 0; i < files.length; i++) {\n this.uploadFile(files[i])\n }\n}\n\nMultiFileUpload.prototype.onFileChange = function (e) {\n this.feedbackContainer.removeClass('moj-hidden')\n this.status.html(this.params.uploadStatusText)\n this.uploadFiles(e.currentTarget.files)\n this.fileInput.replaceWith($(e.currentTarget).val('').clone(true))\n this.setupFileInput()\n this.fileInput.get(0).focus()\n}\n\nMultiFileUpload.prototype.onFileFocus = function (e) {\n this.label.addClass('moj-multi-file-upload--focused')\n}\n\nMultiFileUpload.prototype.onFileBlur = function (e) {\n this.label.removeClass('moj-multi-file-upload--focused')\n}\n\nMultiFileUpload.prototype.getSuccessHtml = function (success) {\n return `<span class=\"moj-multi-file-upload__success\"> <svg class=\"moj-banner__icon\" fill=\"currentColor\" role=\"presentation\" focusable=\"false\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 25 25\" height=\"25\" width=\"25\"><path d=\"M25,6.2L8.7,23.2L0,14.1l4-4.2l4.7,4.9L21,2L25,6.2z\"/></svg>${success.messageHtml}</span>`\n}\n\nMultiFileUpload.prototype.getErrorHtml = function (error) {\n return `<span class=\"moj-multi-file-upload__error\"> <svg class=\"moj-banner__icon\" fill=\"currentColor\" role=\"presentation\" focusable=\"false\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 25 25\" height=\"25\" width=\"25\"><path d=\"M13.6,15.4h-2.3v-4.5h2.3V15.4z M13.6,19.8h-2.3v-2.2h2.3V19.8z M0,23.2h25L12.5,2L0,23.2z\"/></svg>${error.message}</span>`\n}\n\nMultiFileUpload.prototype.getFileRowHtml = function (file) {\n const html = `\n <div class=\"govuk-summary-list__row moj-multi-file-upload__row\">;\n <div class=\"govuk-summary-list__value moj-multi-file-upload__message\">;\n <span class=\"moj-multi-file-upload__filename\">${file.name}</span>;\n <span class=\"moj-multi-file-upload__progress\">0%</span>;\n </div>';\n <div class=\"govuk-summary-list__actions moj-multi-file-upload__actions\"></div>;\n </div>`\n return html\n}\n\nMultiFileUpload.prototype.getDeleteButtonHtml = function (file) {\n return `<button class=\"moj-multi-file-upload__delete govuk-button govuk-button--secondary govuk-!-margin-bottom-0\" type=\"button\" name=\"delete\" value=\"${file.filename}\">\n Delete <span class=\"govuk-visually-hidden\">${file.originalname}</span>\n </button>`\n}\n\nMultiFileUpload.prototype.uploadFile = function (file) {\n this.params.uploadFileEntryHook(this, file)\n const item = $(this.getFileRowHtml(file))\n const formData = new FormData()\n formData.append('documents', file)\n this.feedbackContainer.find('.moj-multi-file-upload__list').append(item)\n\n $.ajax({\n url: this.params.uploadUrl,\n type: 'post',\n data: formData,\n processData: false,\n contentType: false,\n success: $.proxy(function (response) {\n if (response.error) {\n item\n .find('.moj-multi-file-upload__message')\n .html(this.getErrorHtml(response.error))\n this.status.html(response.error.message)\n } else {\n item\n .find('.moj-multi-file-upload__message')\n .html(this.getSuccessHtml(response.success))\n this.status.html(response.success.messageText)\n }\n item\n .find('.moj-multi-file-upload__actions')\n .append(this.getDeleteButtonHtml(response.file))\n this.params.uploadFileExitHook(this, file, response)\n }, this),\n error: $.proxy(function (jqXHR, textStatus, errorThrown) {\n this.params.uploadFileErrorHook(\n this,\n file,\n jqXHR,\n textStatus,\n errorThrown\n )\n }, this),\n xhr: function () {\n const xhr = new XMLHttpRequest()\n xhr.upload.addEventListener(\n 'progress',\n function (e) {\n if (e.lengthComputable) {\n let percentComplete = e.loaded / e.total\n percentComplete = parseInt(percentComplete * 100, 10)\n item\n .find('.moj-multi-file-upload__progress')\n .text(` ${percentComplete}%`)\n }\n },\n false\n )\n return xhr\n }\n })\n}\n\nMultiFileUpload.prototype.onFileDeleteClick = function (e) {\n e.preventDefault() // if user refreshes page and then deletes\n const button = $(e.currentTarget)\n const data = {}\n data[button[0].name] = button[0].value\n $.ajax({\n url: this.params.deleteUrl,\n type: 'post',\n dataType: 'json',\n data,\n success: $.proxy(function (response) {\n if (response.error) {\n // handle error\n } else {\n button.parents('.moj-multi-file-upload__row').remove()\n if (\n this.feedbackContainer.find('.moj-multi-file-upload__row').length ===\n 0\n ) {\n this.feedbackContainer.addClass('moj-hidden')\n }\n }\n this.params.fileDeleteHook(this, response)\n }, this)\n })\n}\n"],"names":[],"mappings":"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"}

package/moj/components/multi-file-upload/multi-file-upload.mjs CHANGED Viewed

@@ -217,3 +217,4 @@ MultiFileUpload.prototype.onFileDeleteClick = function (e) {
 };
 export { MultiFileUpload };
+//# sourceMappingURL=multi-file-upload.mjs.map

package/moj/components/multi-file-upload/multi-file-upload.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"multi-file-upload.mjs","sources":["../../../../src/moj/components/multi-file-upload/multi-file-upload.mjs"],"sourcesContent":["import $ from 'jquery'\n\nimport {\n dragAndDropSupported,\n fileApiSupported,\n formDataSupported\n} from '../../helpers.mjs'\n\nexport function MultiFileUpload(params) {\n if (!(dragAndDropSupported() && formDataSupported() && fileApiSupported())) {\n return\n }\n\n this.defaultParams = {\n uploadFileEntryHook: $.noop,\n uploadFileExitHook: $.noop,\n uploadFileErrorHook: $.noop,\n fileDeleteHook: $.noop,\n uploadStatusText: 'Uploading files, please wait',\n dropzoneHintText: 'Drag and drop files here or',\n dropzoneButtonText: 'Choose files'\n }\n\n this.params = $.extend({}, this.defaultParams, params)\n this.container = $(this.params.container)\n\n this.container.addClass('moj-multi-file-upload--enhanced')\n\n this.feedbackContainer = this.container.find(\n '.moj-multi-file__uploaded-files'\n )\n this.setupFileInput()\n this.setupDropzone()\n this.setupLabel()\n this.setupStatusBox()\n this.container.on(\n 'click',\n '.moj-multi-file-upload__delete',\n $.proxy(this, 'onFileDeleteClick')\n )\n}\n\nMultiFileUpload.prototype.setupDropzone = function () {\n this.fileInput.wrap('<div class=\"moj-multi-file-upload__dropzone\" />')\n this.dropzone = this.container.find('.moj-multi-file-upload__dropzone')\n this.dropzone.on('dragover', $.proxy(this, 'onDragOver'))\n this.dropzone.on('dragleave', $.proxy(this, 'onDragLeave'))\n this.dropzone.on('drop', $.proxy(this, 'onDrop'))\n}\n\nMultiFileUpload.prototype.setupLabel = function () {\n this.label = $(\n `<label for=\"${this.fileInput[0].id}\" class=\"govuk-button govuk-button--secondary\">${this.params.dropzoneButtonText}</label>`\n )\n this.dropzone.append(\n `<p class=\"govuk-body\">${this.params.dropzoneHintText}</p>`\n )\n this.dropzone.append(this.label)\n}\n\nMultiFileUpload.prototype.setupFileInput = function () {\n this.fileInput = this.container.find('.moj-multi-file-upload__input')\n this.fileInput.on('change', $.proxy(this, 'onFileChange'))\n this.fileInput.on('focus', $.proxy(this, 'onFileFocus'))\n this.fileInput.on('blur', $.proxy(this, 'onFileBlur'))\n}\n\nMultiFileUpload.prototype.setupStatusBox = function () {\n this.status = $(\n '<div aria-live=\"polite\" role=\"status\" class=\"govuk-visually-hidden\" />'\n )\n this.dropzone.append(this.status)\n}\n\nMultiFileUpload.prototype.onDragOver = function (e) {\n e.preventDefault()\n this.dropzone.addClass('moj-multi-file-upload--dragover')\n}\n\nMultiFileUpload.prototype.onDragLeave = function () {\n this.dropzone.removeClass('moj-multi-file-upload--dragover')\n}\n\nMultiFileUpload.prototype.onDrop = function (e) {\n e.preventDefault()\n this.dropzone.removeClass('moj-multi-file-upload--dragover')\n this.feedbackContainer.removeClass('moj-hidden')\n this.status.html(this.params.uploadStatusText)\n this.uploadFiles(e.originalEvent.dataTransfer.files)\n}\n\nMultiFileUpload.prototype.uploadFiles = function (files) {\n for (let i = 0; i < files.length; i++) {\n this.uploadFile(files[i])\n }\n}\n\nMultiFileUpload.prototype.onFileChange = function (e) {\n this.feedbackContainer.removeClass('moj-hidden')\n this.status.html(this.params.uploadStatusText)\n this.uploadFiles(e.currentTarget.files)\n this.fileInput.replaceWith($(e.currentTarget).val('').clone(true))\n this.setupFileInput()\n this.fileInput.get(0).focus()\n}\n\nMultiFileUpload.prototype.onFileFocus = function (e) {\n this.label.addClass('moj-multi-file-upload--focused')\n}\n\nMultiFileUpload.prototype.onFileBlur = function (e) {\n this.label.removeClass('moj-multi-file-upload--focused')\n}\n\nMultiFileUpload.prototype.getSuccessHtml = function (success) {\n return `<span class=\"moj-multi-file-upload__success\"> <svg class=\"moj-banner__icon\" fill=\"currentColor\" role=\"presentation\" focusable=\"false\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 25 25\" height=\"25\" width=\"25\"><path d=\"M25,6.2L8.7,23.2L0,14.1l4-4.2l4.7,4.9L21,2L25,6.2z\"/></svg>${success.messageHtml}</span>`\n}\n\nMultiFileUpload.prototype.getErrorHtml = function (error) {\n return `<span class=\"moj-multi-file-upload__error\"> <svg class=\"moj-banner__icon\" fill=\"currentColor\" role=\"presentation\" focusable=\"false\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 25 25\" height=\"25\" width=\"25\"><path d=\"M13.6,15.4h-2.3v-4.5h2.3V15.4z M13.6,19.8h-2.3v-2.2h2.3V19.8z M0,23.2h25L12.5,2L0,23.2z\"/></svg>${error.message}</span>`\n}\n\nMultiFileUpload.prototype.getFileRowHtml = function (file) {\n const html = `\n <div class=\"govuk-summary-list__row moj-multi-file-upload__row\">;\n <div class=\"govuk-summary-list__value moj-multi-file-upload__message\">;\n <span class=\"moj-multi-file-upload__filename\">${file.name}</span>;\n <span class=\"moj-multi-file-upload__progress\">0%</span>;\n </div>';\n <div class=\"govuk-summary-list__actions moj-multi-file-upload__actions\"></div>;\n </div>`\n return html\n}\n\nMultiFileUpload.prototype.getDeleteButtonHtml = function (file) {\n return `<button class=\"moj-multi-file-upload__delete govuk-button govuk-button--secondary govuk-!-margin-bottom-0\" type=\"button\" name=\"delete\" value=\"${file.filename}\">\n Delete <span class=\"govuk-visually-hidden\">${file.originalname}</span>\n </button>`\n}\n\nMultiFileUpload.prototype.uploadFile = function (file) {\n this.params.uploadFileEntryHook(this, file)\n const item = $(this.getFileRowHtml(file))\n const formData = new FormData()\n formData.append('documents', file)\n this.feedbackContainer.find('.moj-multi-file-upload__list').append(item)\n\n $.ajax({\n url: this.params.uploadUrl,\n type: 'post',\n data: formData,\n processData: false,\n contentType: false,\n success: $.proxy(function (response) {\n if (response.error) {\n item\n .find('.moj-multi-file-upload__message')\n .html(this.getErrorHtml(response.error))\n this.status.html(response.error.message)\n } else {\n item\n .find('.moj-multi-file-upload__message')\n .html(this.getSuccessHtml(response.success))\n this.status.html(response.success.messageText)\n }\n item\n .find('.moj-multi-file-upload__actions')\n .append(this.getDeleteButtonHtml(response.file))\n this.params.uploadFileExitHook(this, file, response)\n }, this),\n error: $.proxy(function (jqXHR, textStatus, errorThrown) {\n this.params.uploadFileErrorHook(\n this,\n file,\n jqXHR,\n textStatus,\n errorThrown\n )\n }, this),\n xhr: function () {\n const xhr = new XMLHttpRequest()\n xhr.upload.addEventListener(\n 'progress',\n function (e) {\n if (e.lengthComputable) {\n let percentComplete = e.loaded / e.total\n percentComplete = parseInt(percentComplete * 100, 10)\n item\n .find('.moj-multi-file-upload__progress')\n .text(` ${percentComplete}%`)\n }\n },\n false\n )\n return xhr\n }\n })\n}\n\nMultiFileUpload.prototype.onFileDeleteClick = function (e) {\n e.preventDefault() // if user refreshes page and then deletes\n const button = $(e.currentTarget)\n const data = {}\n data[button[0].name] = button[0].value\n $.ajax({\n url: this.params.deleteUrl,\n type: 'post',\n dataType: 'json',\n data,\n success: $.proxy(function (response) {\n if (response.error) {\n // handle error\n } else {\n button.parents('.moj-multi-file-upload__row').remove()\n if (\n this.feedbackContainer.find('.moj-multi-file-upload__row').length ===\n 0\n ) {\n this.feedbackContainer.addClass('moj-hidden')\n }\n }\n this.params.fileDeleteHook(this, response)\n }, this)\n })\n}\n"],"names":[],"mappings":"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"}

package/moj/components/multi-select/multi-select.js CHANGED Viewed

@@ -83,3 +83,4 @@
   exports.MultiSelect = MultiSelect;
 }));
+//# sourceMappingURL=multi-select.js.map

package/moj/components/multi-select/multi-select.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"multi-select.js","sources":["../../../../src/moj/components/multi-select/multi-select.mjs"],"sourcesContent":["import $ from 'jquery'\n\nexport function MultiSelect(options) {\n this.container = $(options.container)\n\n if (this.container.data('moj-multi-select-initialised')) {\n return\n }\n\n this.container.data('moj-multi-select-initialised', true)\n\n const idPrefix = options.id_prefix\n let allId = 'checkboxes-all'\n if (typeof idPrefix !== 'undefined') {\n allId = `${idPrefix}checkboxes-all`\n }\n\n this.toggle = $(this.getToggleHtml(allId))\n this.toggleButton = this.toggle.find('input')\n this.toggleButton.on('click', $.proxy(this, 'onButtonClick'))\n this.container.append(this.toggle)\n this.checkboxes = $(options.checkboxes)\n this.checkboxes.on('click', $.proxy(this, 'onCheckboxClick'))\n this.checked = options.checked || false\n}\n\nMultiSelect.prototype.getToggleHtml = function (allId) {\n let html = ''\n html +=\n '<div class=\"govuk-checkboxes__item govuk-checkboxes--small moj-multi-select__checkbox\">'\n html += ` <input type=\"checkbox\" class=\"govuk-checkboxes__input\" id=\"${allId}\">`\n html += ` <label class=\"govuk-label govuk-checkboxes__label moj-multi-select__toggle-label\" for=\"${allId}\">`\n html += ' <span class=\"govuk-visually-hidden\">Select all</span>'\n html += ' </label>'\n html += '</div>'\n return html\n}\n\nMultiSelect.prototype.onButtonClick = function (e) {\n if (this.checked) {\n this.uncheckAll()\n this.toggleButton[0].checked = false\n } else {\n this.checkAll()\n this.toggleButton[0].checked = true\n }\n}\n\nMultiSelect.prototype.checkAll = function () {\n this.checkboxes.each(\n $.proxy(function (index, el) {\n el.checked = true\n }, this)\n )\n this.checked = true\n}\n\nMultiSelect.prototype.uncheckAll = function () {\n this.checkboxes.each(\n $.proxy(function (index, el) {\n el.checked = false\n }, this)\n )\n this.checked = false\n}\n\nMultiSelect.prototype.onCheckboxClick = function (e) {\n if (!e.target.checked) {\n this.toggleButton[0].checked = false\n this.checked = false\n } else {\n if (this.checkboxes.filter(':checked').length === this.checkboxes.length) {\n this.toggleButton[0].checked = true\n this.checked = true\n }\n }\n}\n"],"names":[],"mappings":"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"}

package/moj/components/multi-select/multi-select.mjs CHANGED Viewed

@@ -75,3 +75,4 @@ MultiSelect.prototype.onCheckboxClick = function (e) {
 };
 export { MultiSelect };
+//# sourceMappingURL=multi-select.mjs.map

package/moj/components/multi-select/multi-select.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"multi-select.mjs","sources":["../../../../src/moj/components/multi-select/multi-select.mjs"],"sourcesContent":["import $ from 'jquery'\n\nexport function MultiSelect(options) {\n this.container = $(options.container)\n\n if (this.container.data('moj-multi-select-initialised')) {\n return\n }\n\n this.container.data('moj-multi-select-initialised', true)\n\n const idPrefix = options.id_prefix\n let allId = 'checkboxes-all'\n if (typeof idPrefix !== 'undefined') {\n allId = `${idPrefix}checkboxes-all`\n }\n\n this.toggle = $(this.getToggleHtml(allId))\n this.toggleButton = this.toggle.find('input')\n this.toggleButton.on('click', $.proxy(this, 'onButtonClick'))\n this.container.append(this.toggle)\n this.checkboxes = $(options.checkboxes)\n this.checkboxes.on('click', $.proxy(this, 'onCheckboxClick'))\n this.checked = options.checked || false\n}\n\nMultiSelect.prototype.getToggleHtml = function (allId) {\n let html = ''\n html +=\n '<div class=\"govuk-checkboxes__item govuk-checkboxes--small moj-multi-select__checkbox\">'\n html += ` <input type=\"checkbox\" class=\"govuk-checkboxes__input\" id=\"${allId}\">`\n html += ` <label class=\"govuk-label govuk-checkboxes__label moj-multi-select__toggle-label\" for=\"${allId}\">`\n html += ' <span class=\"govuk-visually-hidden\">Select all</span>'\n html += ' </label>'\n html += '</div>'\n return html\n}\n\nMultiSelect.prototype.onButtonClick = function (e) {\n if (this.checked) {\n this.uncheckAll()\n this.toggleButton[0].checked = false\n } else {\n this.checkAll()\n this.toggleButton[0].checked = true\n }\n}\n\nMultiSelect.prototype.checkAll = function () {\n this.checkboxes.each(\n $.proxy(function (index, el) {\n el.checked = true\n }, this)\n )\n this.checked = true\n}\n\nMultiSelect.prototype.uncheckAll = function () {\n this.checkboxes.each(\n $.proxy(function (index, el) {\n el.checked = false\n }, this)\n )\n this.checked = false\n}\n\nMultiSelect.prototype.onCheckboxClick = function (e) {\n if (!e.target.checked) {\n this.toggleButton[0].checked = false\n this.checked = false\n } else {\n if (this.checkboxes.filter(':checked').length === this.checkboxes.length) {\n this.toggleButton[0].checked = true\n this.checked = true\n }\n }\n}\n"],"names":[],"mappings":"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"}

package/moj/components/password-reveal/password-reveal.js CHANGED Viewed

@@ -41,3 +41,4 @@
   exports.PasswordReveal = PasswordReveal;
 }));
+//# sourceMappingURL=password-reveal.js.map

package/moj/components/password-reveal/password-reveal.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"password-reveal.js","sources":["../../../../src/moj/components/password-reveal/password-reveal.mjs"],"sourcesContent":["import $ from 'jquery'\n\nexport function PasswordReveal(element) {\n this.el = element\n const $el = $(this.el)\n\n if ($el.data('moj-password-reveal-initialised')) {\n return\n }\n\n $el.data('moj-password-reveal-initialised', true)\n $el.attr('spellcheck', 'false')\n\n $el.wrap('<div class=\"moj-password-reveal\"></div>')\n this.container = $(this.el).parent()\n this.createButton()\n}\n\nPasswordReveal.prototype.createButton = function () {\n this.button = $(\n '<button type=\"button\" class=\"govuk-button govuk-button--secondary moj-password-reveal__button\">Show <span class=\"govuk-visually-hidden\">password</span></button>'\n )\n this.container.append(this.button)\n this.button.on('click', $.proxy(this, 'onButtonClick'))\n}\n\nPasswordReveal.prototype.onButtonClick = function () {\n if (this.el.type === 'password') {\n this.el.type = 'text'\n this.button.html('Hide <span class=\"govuk-visually-hidden\">password</span>')\n } else {\n this.el.type = 'password'\n this.button.html('Show <span class=\"govuk-visually-hidden\">password</span>')\n }\n}\n"],"names":[],"mappings":";;;;;;EAEA,SAAA,cAAA,CAAA,OAAA,EAAA;EACA,EAAA,IAAA,CAAA,EAAA,GAAA;EACA,EAAA,MAAA,GAAA,GAAA,CAAA,CAAA,IAAA,CAAA,EAAA;;EAEA,EAAA,IAAA,GAAA,CAAA,IAAA,CAAA,iCAAA,CAAA,EAAA;EACA,IAAA;EACA;;EAEA,EAAA,GAAA,CAAA,IAAA,CAAA,iCAAA,EAAA,IAAA;EACA,EAAA,GAAA,CAAA,IAAA,CAAA,YAAA,EAAA,OAAA;;EAEA,EAAA,GAAA,CAAA,IAAA,CAAA,yCAAA;EACA,EAAA,IAAA,CAAA,SAAA,GAAA,CAAA,CAAA,IAAA,CAAA,EAAA,CAAA,CAAA,MAAA;EACA,EAAA,IAAA,CAAA,YAAA;EACA;;EAEA,cAAA,CAAA,SAAA,CAAA,YAAA,GAAA,YAAA;EACA,EAAA,IAAA,CAAA,MAAA,GAAA,CAAA;EACA,IAAA;EACA;EACA,EAAA,IAAA,CAAA,SAAA,CAAA,MAAA,CAAA,IAAA,CAAA,MAAA;EACA,EAAA,IAAA,CAAA,MAAA,CAAA,EAAA,CAAA,OAAA,EAAA,CAAA,CAAA,KAAA,CAAA,IAAA,EAAA,eAAA,CAAA;EACA;;EAEA,cAAA,CAAA,SAAA,CAAA,aAAA,GAAA,YAAA;EACA,EAAA,IAAA,IAAA,CAAA,EAAA,CAAA,IAAA,KAAA,UAAA,EAAA;EACA,IAAA,IAAA,CAAA,EAAA,CAAA,IAAA,GAAA;EACA,IAAA,IAAA,CAAA,MAAA,CAAA,IAAA,CAAA,0DAAA;EACA,GAAA,MAAA;EACA,IAAA,IAAA,CAAA,EAAA,CAAA,IAAA,GAAA;EACA,IAAA,IAAA,CAAA,MAAA,CAAA,IAAA,CAAA,0DAAA;EACA;EACA;;;;;;;;"}

package/moj/components/password-reveal/password-reveal.mjs CHANGED Viewed

@@ -33,3 +33,4 @@ PasswordReveal.prototype.onButtonClick = function () {
 };
 export { PasswordReveal };
+//# sourceMappingURL=password-reveal.mjs.map

package/moj/components/password-reveal/password-reveal.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"password-reveal.mjs","sources":["../../../../src/moj/components/password-reveal/password-reveal.mjs"],"sourcesContent":["import $ from 'jquery'\n\nexport function PasswordReveal(element) {\n this.el = element\n const $el = $(this.el)\n\n if ($el.data('moj-password-reveal-initialised')) {\n return\n }\n\n $el.data('moj-password-reveal-initialised', true)\n $el.attr('spellcheck', 'false')\n\n $el.wrap('<div class=\"moj-password-reveal\"></div>')\n this.container = $(this.el).parent()\n this.createButton()\n}\n\nPasswordReveal.prototype.createButton = function () {\n this.button = $(\n '<button type=\"button\" class=\"govuk-button govuk-button--secondary moj-password-reveal__button\">Show <span class=\"govuk-visually-hidden\">password</span></button>'\n )\n this.container.append(this.button)\n this.button.on('click', $.proxy(this, 'onButtonClick'))\n}\n\nPasswordReveal.prototype.onButtonClick = function () {\n if (this.el.type === 'password') {\n this.el.type = 'text'\n this.button.html('Hide <span class=\"govuk-visually-hidden\">password</span>')\n } else {\n this.el.type = 'password'\n this.button.html('Show <span class=\"govuk-visually-hidden\">password</span>')\n }\n}\n"],"names":[],"mappings":"AAEA,SAAA,cAAA,CAAA,OAAA,EAAA;AACA,EAAA,IAAA,CAAA,EAAA,GAAA;AACA,EAAA,MAAA,GAAA,GAAA,CAAA,CAAA,IAAA,CAAA,EAAA;;AAEA,EAAA,IAAA,GAAA,CAAA,IAAA,CAAA,iCAAA,CAAA,EAAA;AACA,IAAA;AACA;;AAEA,EAAA,GAAA,CAAA,IAAA,CAAA,iCAAA,EAAA,IAAA;AACA,EAAA,GAAA,CAAA,IAAA,CAAA,YAAA,EAAA,OAAA;;AAEA,EAAA,GAAA,CAAA,IAAA,CAAA,yCAAA;AACA,EAAA,IAAA,CAAA,SAAA,GAAA,CAAA,CAAA,IAAA,CAAA,EAAA,CAAA,CAAA,MAAA;AACA,EAAA,IAAA,CAAA,YAAA;AACA;;AAEA,cAAA,CAAA,SAAA,CAAA,YAAA,GAAA,YAAA;AACA,EAAA,IAAA,CAAA,MAAA,GAAA,CAAA;AACA,IAAA;AACA;AACA,EAAA,IAAA,CAAA,SAAA,CAAA,MAAA,CAAA,IAAA,CAAA,MAAA;AACA,EAAA,IAAA,CAAA,MAAA,CAAA,EAAA,CAAA,OAAA,EAAA,CAAA,CAAA,KAAA,CAAA,IAAA,EAAA,eAAA,CAAA;AACA;;AAEA,cAAA,CAAA,SAAA,CAAA,aAAA,GAAA,YAAA;AACA,EAAA,IAAA,IAAA,CAAA,EAAA,CAAA,IAAA,KAAA,UAAA,EAAA;AACA,IAAA,IAAA,CAAA,EAAA,CAAA,IAAA,GAAA;AACA,IAAA,IAAA,CAAA,MAAA,CAAA,IAAA,CAAA,0DAAA;AACA,GAAA,MAAA;AACA,IAAA,IAAA,CAAA,EAAA,CAAA,IAAA,GAAA;AACA,IAAA,IAAA,CAAA,MAAA,CAAA,IAAA,CAAA,0DAAA;AACA;AACA;;;;"}

package/moj/components/rich-text-editor/rich-text-editor.js CHANGED Viewed

@@ -163,3 +163,4 @@
   exports.RichTextEditor = RichTextEditor;
 }));
+//# sourceMappingURL=rich-text-editor.js.map

package/moj/components/rich-text-editor/rich-text-editor.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"rich-text-editor.js","sources":["../../../../src/moj/components/rich-text-editor/rich-text-editor.mjs"],"sourcesContent":["import $ from 'jquery'\n\nexport function RichTextEditor(options) {\n if (!('contentEditable' in document.documentElement)) {\n return\n }\n\n this.options = options\n this.options.toolbar = this.options.toolbar || {\n bold: false,\n italic: false,\n underline: false,\n bullets: true,\n numbers: true\n }\n this.textarea = this.options.textarea\n this.container = $(this.textarea).parent()\n\n if (this.container.data('moj-rich-text-editor-initialised')) {\n return\n }\n\n this.container.data('moj-rich-text-editor-initialised', true)\n\n this.createToolbar()\n this.hideDefault()\n this.configureToolbar()\n this.keys = {\n left: 37,\n right: 39,\n up: 38,\n down: 40\n }\n this.container.on(\n 'click',\n '.moj-rich-text-editor__toolbar-button',\n $.proxy(this, 'onButtonClick')\n )\n this.container\n .find('.moj-rich-text-editor__content')\n .on('input', $.proxy(this, 'onEditorInput'))\n this.container.find('label').on('click', $.proxy(this, 'onLabelClick'))\n this.toolbar.on('keydown', $.proxy(this, 'onToolbarKeydown'))\n}\n\nRichTextEditor.prototype.onToolbarKeydown = function (e) {\n let focusableButton\n switch (e.keyCode) {\n case this.keys.right:\n case this.keys.down: {\n focusableButton = this.toolbar.find('button[tabindex=0]')\n const nextButton = focusableButton.next('button')\n if (nextButton[0]) {\n nextButton.focus()\n focusableButton.attr('tabindex', '-1')\n nextButton.attr('tabindex', '0')\n }\n break\n }\n case this.keys.left:\n case this.keys.up: {\n focusableButton = this.toolbar.find('button[tabindex=0]')\n const previousButton = focusableButton.prev('button')\n if (previousButton[0]) {\n previousButton.focus()\n focusableButton.attr('tabindex', '-1')\n previousButton.attr('tabindex', '0')\n }\n break\n }\n }\n}\n\nRichTextEditor.prototype.getToolbarHtml = function () {\n let html = ''\n\n html += '<div class=\"moj-rich-text-editor__toolbar\" role=\"toolbar\">'\n\n if (this.options.toolbar.bold) {\n html +=\n '<button class=\"moj-rich-text-editor__toolbar-button moj-rich-text-editor__toolbar-button--bold\" type=\"button\" data-command=\"bold\"><span class=\"govuk-visually-hidden\">Bold</span></button>'\n }\n\n if (this.options.toolbar.italic) {\n html +=\n '<button class=\"moj-rich-text-editor__toolbar-button moj-rich-text-editor__toolbar-button--italic\" type=\"button\" data-command=\"italic\"><span class=\"govuk-visually-hidden\">Italic</span></button>'\n }\n\n if (this.options.toolbar.underline) {\n html +=\n '<button class=\"moj-rich-text-editor__toolbar-button moj-rich-text-editor__toolbar-button--underline\" type=\"button\" data-command=\"underline\"><span class=\"govuk-visually-hidden\">Underline</span></button>'\n }\n\n if (this.options.toolbar.bullets) {\n html +=\n '<button class=\"moj-rich-text-editor__toolbar-button moj-rich-text-editor__toolbar-button--unordered-list\" type=\"button\" data-command=\"insertUnorderedList\"><span class=\"govuk-visually-hidden\">Unordered list</span></button>'\n }\n\n if (this.options.toolbar.numbers) {\n html +=\n '<button class=\"moj-rich-text-editor__toolbar-button moj-rich-text-editor__toolbar-button--ordered-list\" type=\"button\" data-command=\"insertOrderedList\"><span class=\"govuk-visually-hidden\">Ordered list</span></button>'\n }\n\n html += '</div>'\n return html\n}\n\nRichTextEditor.prototype.getEnhancedHtml = function (val) {\n return `${this.getToolbarHtml()}<div class=\"govuk-textarea moj-rich-text-editor__content\" contenteditable=\"true\" spellcheck=\"false\"></div>`\n}\n\nRichTextEditor.prototype.hideDefault = function () {\n this.textarea = this.container.find('textarea')\n this.textarea.addClass('govuk-visually-hidden')\n this.textarea.attr('aria-hidden', true)\n this.textarea.attr('tabindex', '-1')\n}\n\nRichTextEditor.prototype.createToolbar = function () {\n this.toolbar = document.createElement('div')\n this.toolbar.className = 'moj-rich-text-editor'\n this.toolbar.innerHTML = this.getEnhancedHtml()\n this.container.append(this.toolbar)\n this.toolbar = this.container.find('.moj-rich-text-editor__toolbar')\n this.container\n .find('.moj-rich-text-editor__content')\n .html(this.textarea.val())\n}\n\nRichTextEditor.prototype.configureToolbar = function () {\n this.buttons = this.container.find('.moj-rich-text-editor__toolbar-button')\n this.buttons.prop('tabindex', '-1')\n const firstTab = this.buttons.first()\n firstTab.prop('tabindex', '0')\n}\n\nRichTextEditor.prototype.onButtonClick = function (e) {\n document.execCommand($(e.currentTarget).data('command'), false, null)\n}\n\nRichTextEditor.prototype.getContent = function () {\n return this.container.find('.moj-rich-text-editor__content').html()\n}\n\nRichTextEditor.prototype.onEditorInput = function (e) {\n this.updateTextarea()\n}\n\nRichTextEditor.prototype.updateTextarea = function () {\n document.execCommand('defaultParagraphSeparator', false, 'p')\n this.textarea.val(this.getContent())\n}\n\nRichTextEditor.prototype.onLabelClick = function (e) {\n e.preventDefault()\n this.container.find('.moj-rich-text-editor__content').focus()\n}\n"],"names":[],"mappings":"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"}

package/moj/components/rich-text-editor/rich-text-editor.mjs CHANGED Viewed

@@ -155,3 +155,4 @@ RichTextEditor.prototype.onLabelClick = function (e) {
 };
 export { RichTextEditor };
+//# sourceMappingURL=rich-text-editor.mjs.map

package/moj/components/rich-text-editor/rich-text-editor.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"rich-text-editor.mjs","sources":["../../../../src/moj/components/rich-text-editor/rich-text-editor.mjs"],"sourcesContent":["import $ from 'jquery'\n\nexport function RichTextEditor(options) {\n if (!('contentEditable' in document.documentElement)) {\n return\n }\n\n this.options = options\n this.options.toolbar = this.options.toolbar || {\n bold: false,\n italic: false,\n underline: false,\n bullets: true,\n numbers: true\n }\n this.textarea = this.options.textarea\n this.container = $(this.textarea).parent()\n\n if (this.container.data('moj-rich-text-editor-initialised')) {\n return\n }\n\n this.container.data('moj-rich-text-editor-initialised', true)\n\n this.createToolbar()\n this.hideDefault()\n this.configureToolbar()\n this.keys = {\n left: 37,\n right: 39,\n up: 38,\n down: 40\n }\n this.container.on(\n 'click',\n '.moj-rich-text-editor__toolbar-button',\n $.proxy(this, 'onButtonClick')\n )\n this.container\n .find('.moj-rich-text-editor__content')\n .on('input', $.proxy(this, 'onEditorInput'))\n this.container.find('label').on('click', $.proxy(this, 'onLabelClick'))\n this.toolbar.on('keydown', $.proxy(this, 'onToolbarKeydown'))\n}\n\nRichTextEditor.prototype.onToolbarKeydown = function (e) {\n let focusableButton\n switch (e.keyCode) {\n case this.keys.right:\n case this.keys.down: {\n focusableButton = this.toolbar.find('button[tabindex=0]')\n const nextButton = focusableButton.next('button')\n if (nextButton[0]) {\n nextButton.focus()\n focusableButton.attr('tabindex', '-1')\n nextButton.attr('tabindex', '0')\n }\n break\n }\n case this.keys.left:\n case this.keys.up: {\n focusableButton = this.toolbar.find('button[tabindex=0]')\n const previousButton = focusableButton.prev('button')\n if (previousButton[0]) {\n previousButton.focus()\n focusableButton.attr('tabindex', '-1')\n previousButton.attr('tabindex', '0')\n }\n break\n }\n }\n}\n\nRichTextEditor.prototype.getToolbarHtml = function () {\n let html = ''\n\n html += '<div class=\"moj-rich-text-editor__toolbar\" role=\"toolbar\">'\n\n if (this.options.toolbar.bold) {\n html +=\n '<button class=\"moj-rich-text-editor__toolbar-button moj-rich-text-editor__toolbar-button--bold\" type=\"button\" data-command=\"bold\"><span class=\"govuk-visually-hidden\">Bold</span></button>'\n }\n\n if (this.options.toolbar.italic) {\n html +=\n '<button class=\"moj-rich-text-editor__toolbar-button moj-rich-text-editor__toolbar-button--italic\" type=\"button\" data-command=\"italic\"><span class=\"govuk-visually-hidden\">Italic</span></button>'\n }\n\n if (this.options.toolbar.underline) {\n html +=\n '<button class=\"moj-rich-text-editor__toolbar-button moj-rich-text-editor__toolbar-button--underline\" type=\"button\" data-command=\"underline\"><span class=\"govuk-visually-hidden\">Underline</span></button>'\n }\n\n if (this.options.toolbar.bullets) {\n html +=\n '<button class=\"moj-rich-text-editor__toolbar-button moj-rich-text-editor__toolbar-button--unordered-list\" type=\"button\" data-command=\"insertUnorderedList\"><span class=\"govuk-visually-hidden\">Unordered list</span></button>'\n }\n\n if (this.options.toolbar.numbers) {\n html +=\n '<button class=\"moj-rich-text-editor__toolbar-button moj-rich-text-editor__toolbar-button--ordered-list\" type=\"button\" data-command=\"insertOrderedList\"><span class=\"govuk-visually-hidden\">Ordered list</span></button>'\n }\n\n html += '</div>'\n return html\n}\n\nRichTextEditor.prototype.getEnhancedHtml = function (val) {\n return `${this.getToolbarHtml()}<div class=\"govuk-textarea moj-rich-text-editor__content\" contenteditable=\"true\" spellcheck=\"false\"></div>`\n}\n\nRichTextEditor.prototype.hideDefault = function () {\n this.textarea = this.container.find('textarea')\n this.textarea.addClass('govuk-visually-hidden')\n this.textarea.attr('aria-hidden', true)\n this.textarea.attr('tabindex', '-1')\n}\n\nRichTextEditor.prototype.createToolbar = function () {\n this.toolbar = document.createElement('div')\n this.toolbar.className = 'moj-rich-text-editor'\n this.toolbar.innerHTML = this.getEnhancedHtml()\n this.container.append(this.toolbar)\n this.toolbar = this.container.find('.moj-rich-text-editor__toolbar')\n this.container\n .find('.moj-rich-text-editor__content')\n .html(this.textarea.val())\n}\n\nRichTextEditor.prototype.configureToolbar = function () {\n this.buttons = this.container.find('.moj-rich-text-editor__toolbar-button')\n this.buttons.prop('tabindex', '-1')\n const firstTab = this.buttons.first()\n firstTab.prop('tabindex', '0')\n}\n\nRichTextEditor.prototype.onButtonClick = function (e) {\n document.execCommand($(e.currentTarget).data('command'), false, null)\n}\n\nRichTextEditor.prototype.getContent = function () {\n return this.container.find('.moj-rich-text-editor__content').html()\n}\n\nRichTextEditor.prototype.onEditorInput = function (e) {\n this.updateTextarea()\n}\n\nRichTextEditor.prototype.updateTextarea = function () {\n document.execCommand('defaultParagraphSeparator', false, 'p')\n this.textarea.val(this.getContent())\n}\n\nRichTextEditor.prototype.onLabelClick = function (e) {\n e.preventDefault()\n this.container.find('.moj-rich-text-editor__content').focus()\n}\n"],"names":[],"mappings":"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"}

package/moj/components/search-toggle/search-toggle.js CHANGED Viewed

@@ -60,3 +60,4 @@
   exports.SearchToggle = SearchToggle;
 }));
+//# sourceMappingURL=search-toggle.js.map

package/moj/components/search-toggle/search-toggle.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"search-toggle.js","sources":["../../../../src/moj/components/search-toggle/search-toggle.mjs"],"sourcesContent":["import $ from 'jquery'\n\nexport function SearchToggle(options) {\n this.options = options\n this.container = $(this.options.search.container)\n this.toggleButtonContainer = $(this.options.toggleButton.container)\n\n if (this.container.data('moj-search-toggle-initialised')) {\n return\n }\n\n this.container.data('moj-search-toggle-initialised', true)\n\n const svg =\n '<svg viewBox=\"0 0 20 20\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" class=\"moj-search-toggle__button__icon\"><path d=\"M7.433,12.5790048 C6.06762625,12.5808611 4.75763941,12.0392925 3.79217348,11.0738265 C2.82670755,10.1083606 2.28513891,8.79837375 2.28699522,7.433 C2.28513891,6.06762625 2.82670755,4.75763941 3.79217348,3.79217348 C4.75763941,2.82670755 6.06762625,2.28513891 7.433,2.28699522 C8.79837375,2.28513891 10.1083606,2.82670755 11.0738265,3.79217348 C12.0392925,4.75763941 12.5808611,6.06762625 12.5790048,7.433 C12.5808611,8.79837375 12.0392925,10.1083606 11.0738265,11.0738265 C10.1083606,12.0392925 8.79837375,12.5808611 7.433,12.5790048 L7.433,12.5790048 Z M14.293,12.579 L13.391,12.579 L13.071,12.269 C14.2300759,10.9245158 14.8671539,9.20813198 14.866,7.433 C14.866,3.32786745 11.5381325,-1.65045755e-15 7.433,-1.65045755e-15 C3.32786745,-1.65045755e-15 -1.65045755e-15,3.32786745 -1.65045755e-15,7.433 C-1.65045755e-15,11.5381325 3.32786745,14.866 7.433,14.866 C9.208604,14.8671159 10.9253982,14.2296624 12.27,13.07 L12.579,13.39 L12.579,14.294 L18.296,20 L20,18.296 L14.294,12.579 L14.293,12.579 Z\"></path></svg>'\n\n this.toggleButton = $(\n `<button class=\"moj-search-toggle__button\" type=\"button\" aria-haspopup=\"true\" aria-expanded=\"false\">\n ${this.options.toggleButton.text} ${svg}\n </button>`\n )\n this.toggleButton.on('click', $.proxy(this, 'onToggleButtonClick'))\n this.toggleButtonContainer.append(this.toggleButton)\n $(document).on('click', this.onDocumentClick.bind(this))\n $(document).on('focusin', this.onDocumentClick.bind(this))\n}\n\nSearchToggle.prototype.showMenu = function () {\n this.toggleButton.attr('aria-expanded', 'true')\n this.container.removeClass('moj-js-hidden')\n this.container.find('input').first().get(0).focus()\n}\n\nSearchToggle.prototype.hideMenu = function () {\n this.container.addClass('moj-js-hidden')\n this.toggleButton.attr('aria-expanded', 'false')\n}\n\nSearchToggle.prototype.onToggleButtonClick = function () {\n if (this.toggleButton.attr('aria-expanded') === 'false') {\n this.showMenu()\n } else {\n this.hideMenu()\n }\n}\n\nSearchToggle.prototype.onDocumentClick = function (e) {\n if (\n !$.contains(this.toggleButtonContainer[0], e.target) &&\n !$.contains(this.container[0], e.target)\n ) {\n this.hideMenu()\n }\n}\n"],"names":[],"mappings":";;;;;;EAEA,SAAA,YAAA,CAAA,OAAA,EAAA;EACA,EAAA,IAAA,CAAA,OAAA,GAAA;EACA,EAAA,IAAA,CAAA,SAAA,GAAA,CAAA,CAAA,IAAA,CAAA,OAAA,CAAA,MAAA,CAAA,SAAA;EACA,EAAA,IAAA,CAAA,qBAAA,GAAA,CAAA,CAAA,IAAA,CAAA,OAAA,CAAA,YAAA,CAAA,SAAA;;EAEA,EAAA,IAAA,IAAA,CAAA,SAAA,CAAA,IAAA,CAAA,+BAAA,CAAA,EAAA;EACA,IAAA;EACA;;EAEA,EAAA,IAAA,CAAA,SAAA,CAAA,IAAA,CAAA,+BAAA,EAAA,IAAA;;EAEA,EAAA,MAAA,GAAA;EACA,IAAA;;EAEA,EAAA,IAAA,CAAA,YAAA,GAAA,CAAA;EACA,IAAA,CAAA;AACA,MAAA,EAAA,IAAA,CAAA,OAAA,CAAA,YAAA,CAAA,IAAA,CAAA,CAAA,EAAA,GAAA;AACA,aAAA;EACA;EACA,EAAA,IAAA,CAAA,YAAA,CAAA,EAAA,CAAA,OAAA,EAAA,CAAA,CAAA,KAAA,CAAA,IAAA,EAAA,qBAAA,CAAA;EACA,EAAA,IAAA,CAAA,qBAAA,CAAA,MAAA,CAAA,IAAA,CAAA,YAAA;EACA,EAAA,CAAA,CAAA,QAAA,CAAA,CAAA,EAAA,CAAA,OAAA,EAAA,IAAA,CAAA,eAAA,CAAA,IAAA,CAAA,IAAA,CAAA;EACA,EAAA,CAAA,CAAA,QAAA,CAAA,CAAA,EAAA,CAAA,SAAA,EAAA,IAAA,CAAA,eAAA,CAAA,IAAA,CAAA,IAAA,CAAA;EACA;;EAEA,YAAA,CAAA,SAAA,CAAA,QAAA,GAAA,YAAA;EACA,EAAA,IAAA,CAAA,YAAA,CAAA,IAAA,CAAA,eAAA,EAAA,MAAA;EACA,EAAA,IAAA,CAAA,SAAA,CAAA,WAAA,CAAA,eAAA;EACA,EAAA,IAAA,CAAA,SAAA,CAAA,IAAA,CAAA,OAAA,CAAA,CAAA,KAAA,EAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,KAAA;EACA;;EAEA,YAAA,CAAA,SAAA,CAAA,QAAA,GAAA,YAAA;EACA,EAAA,IAAA,CAAA,SAAA,CAAA,QAAA,CAAA,eAAA;EACA,EAAA,IAAA,CAAA,YAAA,CAAA,IAAA,CAAA,eAAA,EAAA,OAAA;EACA;;EAEA,YAAA,CAAA,SAAA,CAAA,mBAAA,GAAA,YAAA;EACA,EAAA,IAAA,IAAA,CAAA,YAAA,CAAA,IAAA,CAAA,eAAA,CAAA,KAAA,OAAA,EAAA;EACA,IAAA,IAAA,CAAA,QAAA;EACA,GAAA,MAAA;EACA,IAAA,IAAA,CAAA,QAAA;EACA;EACA;;EAEA,YAAA,CAAA,SAAA,CAAA,eAAA,GAAA,UAAA,CAAA,EAAA;EACA,EAAA;EACA,IAAA,CAAA,CAAA,CAAA,QAAA,CAAA,IAAA,CAAA,qBAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,MAAA,CAAA;EACA,IAAA,CAAA,CAAA,CAAA,QAAA,CAAA,IAAA,CAAA,SAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,MAAA;EACA,IAAA;EACA,IAAA,IAAA,CAAA,QAAA;EACA;EACA;;;;;;;;"}

package/moj/components/search-toggle/search-toggle.mjs CHANGED Viewed

@@ -52,3 +52,4 @@ SearchToggle.prototype.onDocumentClick = function (e) {
 };
 export { SearchToggle };
+//# sourceMappingURL=search-toggle.mjs.map

package/moj/components/search-toggle/search-toggle.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"search-toggle.mjs","sources":["../../../../src/moj/components/search-toggle/search-toggle.mjs"],"sourcesContent":["import $ from 'jquery'\n\nexport function SearchToggle(options) {\n this.options = options\n this.container = $(this.options.search.container)\n this.toggleButtonContainer = $(this.options.toggleButton.container)\n\n if (this.container.data('moj-search-toggle-initialised')) {\n return\n }\n\n this.container.data('moj-search-toggle-initialised', true)\n\n const svg =\n '<svg viewBox=\"0 0 20 20\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" class=\"moj-search-toggle__button__icon\"><path d=\"M7.433,12.5790048 C6.06762625,12.5808611 4.75763941,12.0392925 3.79217348,11.0738265 C2.82670755,10.1083606 2.28513891,8.79837375 2.28699522,7.433 C2.28513891,6.06762625 2.82670755,4.75763941 3.79217348,3.79217348 C4.75763941,2.82670755 6.06762625,2.28513891 7.433,2.28699522 C8.79837375,2.28513891 10.1083606,2.82670755 11.0738265,3.79217348 C12.0392925,4.75763941 12.5808611,6.06762625 12.5790048,7.433 C12.5808611,8.79837375 12.0392925,10.1083606 11.0738265,11.0738265 C10.1083606,12.0392925 8.79837375,12.5808611 7.433,12.5790048 L7.433,12.5790048 Z M14.293,12.579 L13.391,12.579 L13.071,12.269 C14.2300759,10.9245158 14.8671539,9.20813198 14.866,7.433 C14.866,3.32786745 11.5381325,-1.65045755e-15 7.433,-1.65045755e-15 C3.32786745,-1.65045755e-15 -1.65045755e-15,3.32786745 -1.65045755e-15,7.433 C-1.65045755e-15,11.5381325 3.32786745,14.866 7.433,14.866 C9.208604,14.8671159 10.9253982,14.2296624 12.27,13.07 L12.579,13.39 L12.579,14.294 L18.296,20 L20,18.296 L14.294,12.579 L14.293,12.579 Z\"></path></svg>'\n\n this.toggleButton = $(\n `<button class=\"moj-search-toggle__button\" type=\"button\" aria-haspopup=\"true\" aria-expanded=\"false\">\n ${this.options.toggleButton.text} ${svg}\n </button>`\n )\n this.toggleButton.on('click', $.proxy(this, 'onToggleButtonClick'))\n this.toggleButtonContainer.append(this.toggleButton)\n $(document).on('click', this.onDocumentClick.bind(this))\n $(document).on('focusin', this.onDocumentClick.bind(this))\n}\n\nSearchToggle.prototype.showMenu = function () {\n this.toggleButton.attr('aria-expanded', 'true')\n this.container.removeClass('moj-js-hidden')\n this.container.find('input').first().get(0).focus()\n}\n\nSearchToggle.prototype.hideMenu = function () {\n this.container.addClass('moj-js-hidden')\n this.toggleButton.attr('aria-expanded', 'false')\n}\n\nSearchToggle.prototype.onToggleButtonClick = function () {\n if (this.toggleButton.attr('aria-expanded') === 'false') {\n this.showMenu()\n } else {\n this.hideMenu()\n }\n}\n\nSearchToggle.prototype.onDocumentClick = function (e) {\n if (\n !$.contains(this.toggleButtonContainer[0], e.target) &&\n !$.contains(this.container[0], e.target)\n ) {\n this.hideMenu()\n }\n}\n"],"names":[],"mappings":"AAEA,SAAA,YAAA,CAAA,OAAA,EAAA;AACA,EAAA,IAAA,CAAA,OAAA,GAAA;AACA,EAAA,IAAA,CAAA,SAAA,GAAA,CAAA,CAAA,IAAA,CAAA,OAAA,CAAA,MAAA,CAAA,SAAA;AACA,EAAA,IAAA,CAAA,qBAAA,GAAA,CAAA,CAAA,IAAA,CAAA,OAAA,CAAA,YAAA,CAAA,SAAA;;AAEA,EAAA,IAAA,IAAA,CAAA,SAAA,CAAA,IAAA,CAAA,+BAAA,CAAA,EAAA;AACA,IAAA;AACA;;AAEA,EAAA,IAAA,CAAA,SAAA,CAAA,IAAA,CAAA,+BAAA,EAAA,IAAA;;AAEA,EAAA,MAAA,GAAA;AACA,IAAA;;AAEA,EAAA,IAAA,CAAA,YAAA,GAAA,CAAA;AACA,IAAA,CAAA;AACA,MAAA,EAAA,IAAA,CAAA,OAAA,CAAA,YAAA,CAAA,IAAA,CAAA,CAAA,EAAA,GAAA;AACA,aAAA;AACA;AACA,EAAA,IAAA,CAAA,YAAA,CAAA,EAAA,CAAA,OAAA,EAAA,CAAA,CAAA,KAAA,CAAA,IAAA,EAAA,qBAAA,CAAA;AACA,EAAA,IAAA,CAAA,qBAAA,CAAA,MAAA,CAAA,IAAA,CAAA,YAAA;AACA,EAAA,CAAA,CAAA,QAAA,CAAA,CAAA,EAAA,CAAA,OAAA,EAAA,IAAA,CAAA,eAAA,CAAA,IAAA,CAAA,IAAA,CAAA;AACA,EAAA,CAAA,CAAA,QAAA,CAAA,CAAA,EAAA,CAAA,SAAA,EAAA,IAAA,CAAA,eAAA,CAAA,IAAA,CAAA,IAAA,CAAA;AACA;;AAEA,YAAA,CAAA,SAAA,CAAA,QAAA,GAAA,YAAA;AACA,EAAA,IAAA,CAAA,YAAA,CAAA,IAAA,CAAA,eAAA,EAAA,MAAA;AACA,EAAA,IAAA,CAAA,SAAA,CAAA,WAAA,CAAA,eAAA;AACA,EAAA,IAAA,CAAA,SAAA,CAAA,IAAA,CAAA,OAAA,CAAA,CAAA,KAAA,EAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,KAAA;AACA;;AAEA,YAAA,CAAA,SAAA,CAAA,QAAA,GAAA,YAAA;AACA,EAAA,IAAA,CAAA,SAAA,CAAA,QAAA,CAAA,eAAA;AACA,EAAA,IAAA,CAAA,YAAA,CAAA,IAAA,CAAA,eAAA,EAAA,OAAA;AACA;;AAEA,YAAA,CAAA,SAAA,CAAA,mBAAA,GAAA,YAAA;AACA,EAAA,IAAA,IAAA,CAAA,YAAA,CAAA,IAAA,CAAA,eAAA,CAAA,KAAA,OAAA,EAAA;AACA,IAAA,IAAA,CAAA,QAAA;AACA,GAAA,MAAA;AACA,IAAA,IAAA,CAAA,QAAA;AACA;AACA;;AAEA,YAAA,CAAA,SAAA,CAAA,eAAA,GAAA,UAAA,CAAA,EAAA;AACA,EAAA;AACA,IAAA,CAAA,CAAA,CAAA,QAAA,CAAA,IAAA,CAAA,qBAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,MAAA,CAAA;AACA,IAAA,CAAA,CAAA,CAAA,QAAA,CAAA,IAAA,CAAA,SAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,MAAA;AACA,IAAA;AACA,IAAA,IAAA,CAAA,QAAA;AACA;AACA;;;;"}

package/moj/components/sortable-table/sortable-table.js CHANGED Viewed

@@ -144,3 +144,4 @@
   exports.SortableTable = SortableTable;
 }));
+//# sourceMappingURL=sortable-table.js.map

package/moj/components/sortable-table/sortable-table.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"sortable-table.js","sources":["../../../../src/moj/components/sortable-table/sortable-table.mjs"],"sourcesContent":["import $ from 'jquery'\n\nexport function SortableTable(params) {\n this.table = $(params.table)\n\n if (this.table.data('moj-search-toggle-initialised')) {\n return\n }\n\n this.table.data('moj-search-toggle-initialised', true)\n\n this.setupOptions(params)\n this.body = this.table.find('tbody')\n this.createHeadingButtons()\n this.createStatusBox()\n this.initialiseSortedColumn()\n this.table.on('click', 'th button', $.proxy(this, 'onSortButtonClick'))\n}\n\nSortableTable.prototype.setupOptions = function (params) {\n params = params || {}\n this.statusMessage = params.statusMessage || 'Sort by %heading% (%direction%)'\n this.ascendingText = params.ascendingText || 'ascending'\n this.descendingText = params.descendingText || 'descending'\n}\n\nSortableTable.prototype.createHeadingButtons = function () {\n const headings = this.table.find('thead th')\n let heading\n for (let i = 0; i < headings.length; i++) {\n heading = $(headings[i])\n if (heading.attr('aria-sort')) {\n this.createHeadingButton(heading, i)\n }\n }\n}\n\nSortableTable.prototype.createHeadingButton = function (heading, i) {\n const text = heading.text()\n const button = $(`<button type=\"button\" data-index=\"${i}\">${text}</button>`)\n heading.text('')\n heading.append(button)\n}\n\nSortableTable.prototype.createStatusBox = function () {\n this.status = $(\n '<div aria-live=\"polite\" role=\"status\" aria-atomic=\"true\" class=\"govuk-visually-hidden\" />'\n )\n this.table.parent().append(this.status)\n}\n\nSortableTable.prototype.initialiseSortedColumn = function () {\n const rows = this.getTableRowsArray()\n\n this.table\n .find('th')\n .filter('[aria-sort=\"ascending\"], [aria-sort=\"descending\"]')\n .first()\n .each((index, el) => {\n const sortDirection = $(el).attr('aria-sort')\n const columnNumber = $(el).find('button').attr('data-index')\n const sortedRows = this.sort(rows, columnNumber, sortDirection)\n this.addRows(sortedRows)\n })\n}\n\nSortableTable.prototype.onSortButtonClick = function (e) {\n const columnNumber = e.currentTarget.getAttribute('data-index')\n const sortDirection = $(e.currentTarget).parent().attr('aria-sort')\n let newSortDirection\n if (sortDirection === 'none' || sortDirection === 'descending') {\n newSortDirection = 'ascending'\n } else {\n newSortDirection = 'descending'\n }\n const rows = this.getTableRowsArray()\n const sortedRows = this.sort(rows, columnNumber, newSortDirection)\n this.addRows(sortedRows)\n this.removeButtonStates()\n this.updateButtonState($(e.currentTarget), newSortDirection)\n}\n\nSortableTable.prototype.updateButtonState = function (button, direction) {\n button.parent().attr('aria-sort', direction)\n let message = this.statusMessage\n message = message.replace(/%heading%/, button.text())\n message = message.replace(/%direction%/, this[`${direction}Text`])\n this.status.text(message)\n}\n\nSortableTable.prototype.removeButtonStates = function () {\n this.table.find('thead th').attr('aria-sort', 'none')\n}\n\nSortableTable.prototype.addRows = function (rows) {\n for (let i = 0; i < rows.length; i++) {\n this.body.append(rows[i])\n }\n}\n\nSortableTable.prototype.getTableRowsArray = function () {\n const rows = []\n const trs = this.body.find('tr')\n for (let i = 0; i < trs.length; i++) {\n rows.push(trs[i])\n }\n return rows\n}\n\nSortableTable.prototype.sort = function (rows, columnNumber, sortDirection) {\n const newRows = rows.sort(\n function (rowA, rowB) {\n const tdA = $(rowA).find('td,th').eq(columnNumber)\n const tdB = $(rowB).find('td,th').eq(columnNumber)\n\n const valueA =\n sortDirection === 'ascending'\n ? this.getCellValue(tdA)\n : this.getCellValue(tdB)\n const valueB =\n sortDirection === 'ascending'\n ? this.getCellValue(tdB)\n : this.getCellValue(tdA)\n\n if (typeof valueA === 'string' || typeof valueB === 'string')\n return valueA.toString().localeCompare(valueB.toString())\n return valueA - valueB\n }.bind(this)\n )\n return newRows\n}\n\nSortableTable.prototype.getCellValue = function (cell) {\n const val = cell.attr('data-sort-value') || cell.html()\n\n const valAsNumber = Number(val)\n return isNaN(valAsNumber) ? val : valAsNumber\n}\n"],"names":[],"mappings":"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"}

package/moj/components/sortable-table/sortable-table.mjs CHANGED Viewed

@@ -136,3 +136,4 @@ SortableTable.prototype.getCellValue = function (cell) {
 };
 export { SortableTable };
+//# sourceMappingURL=sortable-table.mjs.map

package/moj/components/sortable-table/sortable-table.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"sortable-table.mjs","sources":["../../../../src/moj/components/sortable-table/sortable-table.mjs"],"sourcesContent":["import $ from 'jquery'\n\nexport function SortableTable(params) {\n this.table = $(params.table)\n\n if (this.table.data('moj-search-toggle-initialised')) {\n return\n }\n\n this.table.data('moj-search-toggle-initialised', true)\n\n this.setupOptions(params)\n this.body = this.table.find('tbody')\n this.createHeadingButtons()\n this.createStatusBox()\n this.initialiseSortedColumn()\n this.table.on('click', 'th button', $.proxy(this, 'onSortButtonClick'))\n}\n\nSortableTable.prototype.setupOptions = function (params) {\n params = params || {}\n this.statusMessage = params.statusMessage || 'Sort by %heading% (%direction%)'\n this.ascendingText = params.ascendingText || 'ascending'\n this.descendingText = params.descendingText || 'descending'\n}\n\nSortableTable.prototype.createHeadingButtons = function () {\n const headings = this.table.find('thead th')\n let heading\n for (let i = 0; i < headings.length; i++) {\n heading = $(headings[i])\n if (heading.attr('aria-sort')) {\n this.createHeadingButton(heading, i)\n }\n }\n}\n\nSortableTable.prototype.createHeadingButton = function (heading, i) {\n const text = heading.text()\n const button = $(`<button type=\"button\" data-index=\"${i}\">${text}</button>`)\n heading.text('')\n heading.append(button)\n}\n\nSortableTable.prototype.createStatusBox = function () {\n this.status = $(\n '<div aria-live=\"polite\" role=\"status\" aria-atomic=\"true\" class=\"govuk-visually-hidden\" />'\n )\n this.table.parent().append(this.status)\n}\n\nSortableTable.prototype.initialiseSortedColumn = function () {\n const rows = this.getTableRowsArray()\n\n this.table\n .find('th')\n .filter('[aria-sort=\"ascending\"], [aria-sort=\"descending\"]')\n .first()\n .each((index, el) => {\n const sortDirection = $(el).attr('aria-sort')\n const columnNumber = $(el).find('button').attr('data-index')\n const sortedRows = this.sort(rows, columnNumber, sortDirection)\n this.addRows(sortedRows)\n })\n}\n\nSortableTable.prototype.onSortButtonClick = function (e) {\n const columnNumber = e.currentTarget.getAttribute('data-index')\n const sortDirection = $(e.currentTarget).parent().attr('aria-sort')\n let newSortDirection\n if (sortDirection === 'none' || sortDirection === 'descending') {\n newSortDirection = 'ascending'\n } else {\n newSortDirection = 'descending'\n }\n const rows = this.getTableRowsArray()\n const sortedRows = this.sort(rows, columnNumber, newSortDirection)\n this.addRows(sortedRows)\n this.removeButtonStates()\n this.updateButtonState($(e.currentTarget), newSortDirection)\n}\n\nSortableTable.prototype.updateButtonState = function (button, direction) {\n button.parent().attr('aria-sort', direction)\n let message = this.statusMessage\n message = message.replace(/%heading%/, button.text())\n message = message.replace(/%direction%/, this[`${direction}Text`])\n this.status.text(message)\n}\n\nSortableTable.prototype.removeButtonStates = function () {\n this.table.find('thead th').attr('aria-sort', 'none')\n}\n\nSortableTable.prototype.addRows = function (rows) {\n for (let i = 0; i < rows.length; i++) {\n this.body.append(rows[i])\n }\n}\n\nSortableTable.prototype.getTableRowsArray = function () {\n const rows = []\n const trs = this.body.find('tr')\n for (let i = 0; i < trs.length; i++) {\n rows.push(trs[i])\n }\n return rows\n}\n\nSortableTable.prototype.sort = function (rows, columnNumber, sortDirection) {\n const newRows = rows.sort(\n function (rowA, rowB) {\n const tdA = $(rowA).find('td,th').eq(columnNumber)\n const tdB = $(rowB).find('td,th').eq(columnNumber)\n\n const valueA =\n sortDirection === 'ascending'\n ? this.getCellValue(tdA)\n : this.getCellValue(tdB)\n const valueB =\n sortDirection === 'ascending'\n ? this.getCellValue(tdB)\n : this.getCellValue(tdA)\n\n if (typeof valueA === 'string' || typeof valueB === 'string')\n return valueA.toString().localeCompare(valueB.toString())\n return valueA - valueB\n }.bind(this)\n )\n return newRows\n}\n\nSortableTable.prototype.getCellValue = function (cell) {\n const val = cell.attr('data-sort-value') || cell.html()\n\n const valAsNumber = Number(val)\n return isNaN(valAsNumber) ? val : valAsNumber\n}\n"],"names":[],"mappings":"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"}

package/moj/helpers.js CHANGED Viewed

@@ -197,3 +197,4 @@
   exports.setFocus = setFocus;
 }));
+//# sourceMappingURL=helpers.js.map

package/moj/helpers.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"helpers.js","sources":["../../src/moj/helpers.mjs"],"sourcesContent":["export function removeAttributeValue(el, attr, value) {\n let re, m\n if (el.getAttribute(attr)) {\n if (el.getAttribute(attr) === value) {\n el.removeAttribute(attr)\n } else {\n re = new RegExp(`(^|\\\\s)${value}(\\\\s|$)`)\n m = el.getAttribute(attr).match(re)\n if (m && m.length === 3) {\n el.setAttribute(\n attr,\n el.getAttribute(attr).replace(re, m[1] && m[2] ? ' ' : '')\n )\n }\n }\n }\n}\n\nexport function addAttributeValue(el, attr, value) {\n let re\n if (!el.getAttribute(attr)) {\n el.setAttribute(attr, value)\n } else {\n re = new RegExp(`(^|\\\\s)${value}(\\\\s|$)`)\n if (!re.test(el.getAttribute(attr))) {\n el.setAttribute(attr, `${el.getAttribute(attr)} ${value}`)\n }\n }\n}\n\nexport function dragAndDropSupported() {\n const div = document.createElement('div')\n return typeof div.ondrop !== 'undefined'\n}\n\nexport function formDataSupported() {\n return typeof FormData === 'function'\n}\n\nexport function fileApiSupported() {\n const input = document.createElement('input')\n input.type = 'file'\n return typeof input.files !== 'undefined'\n}\n\nexport function nodeListForEach(nodes, callback) {\n if (window.NodeList.prototype.forEach) {\n return nodes.forEach(callback)\n }\n for (let i = 0; i < nodes.length; i++) {\n callback.call(window, nodes[i], i, nodes)\n }\n}\n\n/**\n * Find an elements next sibling\n *\n * Utility function to find an elements next sibling matching the provided\n * selector.\n *\n * @param {HTMLElement} $element - Element to find siblings for\n * @param {string} selector - selector for required sibling\n */\nexport function getNextSibling($element, selector) {\n if (!$element) return\n // Get the next sibling element\n let $sibling = $element.nextElementSibling\n\n // If there's no selector, return the first sibling\n if (!selector) return $sibling\n\n // If the sibling matches our selector, use it\n // If not, jump to the next sibling and continue the loop\n while ($sibling) {\n if ($sibling.matches(selector)) return $sibling\n $sibling = $sibling.nextElementSibling\n }\n}\n\n/**\n * Find an elements preceding sibling\n *\n * Utility function to find an elements previous sibling matching the provided\n * selector.\n *\n * @param {HTMLElement} $element - Element to find siblings for\n * @param {string} selector - selector for required sibling\n */\nexport function getPreviousSibling($element, selector) {\n if (!$element) return\n // Get the previous sibling element\n let $sibling = $element.previousElementSibling\n\n // If there's no selector, return the first sibling\n if (!selector) return $sibling\n\n // If the sibling matches our selector, use it\n // If not, jump to the next sibling and continue the loop\n while ($sibling) {\n if ($sibling.matches(selector)) return $sibling\n $sibling = $sibling.previousElementSibling\n }\n}\n\nexport function findNearestMatchingElement($element, selector) {\n // If no element or selector is provided, return null\n if (!$element) return\n if (!selector) return\n\n // Start with the current element\n let $currentElement = $element\n\n while ($currentElement) {\n // First check the current element\n if ($currentElement.matches(selector)) {\n return $currentElement\n }\n\n // Check all previous siblings\n let $sibling = $currentElement.previousElementSibling\n while ($sibling) {\n // Check if the sibling itself is a heading\n if ($sibling.matches(selector)) {\n return $sibling\n }\n $sibling = $sibling.previousElementSibling\n }\n\n // If no match found in siblings, move up to parent\n $currentElement = $currentElement.parentElement\n }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @param {HTMLElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: HTMLElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: HTMLElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n const isFocusable = $element.getAttribute('tabindex')\n\n if (!isFocusable) {\n $element.setAttribute('tabindex', '-1')\n }\n\n /**\n * Handle element focus\n */\n function onFocus() {\n $element.addEventListener('blur', onBlur, { once: true })\n }\n\n /**\n * Handle element blur\n */\n function onBlur() {\n if (options.onBlur) {\n options.onBlur.call($element)\n }\n\n if (!isFocusable) {\n $element.removeAttribute('tabindex')\n }\n }\n\n // Add listener to reset element on blur, after focus\n $element.addEventListener('focus', onFocus, { once: true })\n\n // Focus element\n if (options.onBeforeFocus) {\n options.onBeforeFocus.call($element)\n }\n $element.focus()\n}\n"],"names":[],"mappings":"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"}

package/moj/helpers.mjs CHANGED Viewed

@@ -121,3 +121,4 @@ function setFocus($element, options = {}) {
 }
 export { dragAndDropSupported, fileApiSupported, findNearestMatchingElement, formDataSupported, getPreviousSibling, nodeListForEach, setFocus };
+//# sourceMappingURL=helpers.mjs.map

package/moj/helpers.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"helpers.mjs","sources":["../../src/moj/helpers.mjs"],"sourcesContent":["export function removeAttributeValue(el, attr, value) {\n let re, m\n if (el.getAttribute(attr)) {\n if (el.getAttribute(attr) === value) {\n el.removeAttribute(attr)\n } else {\n re = new RegExp(`(^|\\\\s)${value}(\\\\s|$)`)\n m = el.getAttribute(attr).match(re)\n if (m && m.length === 3) {\n el.setAttribute(\n attr,\n el.getAttribute(attr).replace(re, m[1] && m[2] ? ' ' : '')\n )\n }\n }\n }\n}\n\nexport function addAttributeValue(el, attr, value) {\n let re\n if (!el.getAttribute(attr)) {\n el.setAttribute(attr, value)\n } else {\n re = new RegExp(`(^|\\\\s)${value}(\\\\s|$)`)\n if (!re.test(el.getAttribute(attr))) {\n el.setAttribute(attr, `${el.getAttribute(attr)} ${value}`)\n }\n }\n}\n\nexport function dragAndDropSupported() {\n const div = document.createElement('div')\n return typeof div.ondrop !== 'undefined'\n}\n\nexport function formDataSupported() {\n return typeof FormData === 'function'\n}\n\nexport function fileApiSupported() {\n const input = document.createElement('input')\n input.type = 'file'\n return typeof input.files !== 'undefined'\n}\n\nexport function nodeListForEach(nodes, callback) {\n if (window.NodeList.prototype.forEach) {\n return nodes.forEach(callback)\n }\n for (let i = 0; i < nodes.length; i++) {\n callback.call(window, nodes[i], i, nodes)\n }\n}\n\n/**\n * Find an elements next sibling\n *\n * Utility function to find an elements next sibling matching the provided\n * selector.\n *\n * @param {HTMLElement} $element - Element to find siblings for\n * @param {string} selector - selector for required sibling\n */\nexport function getNextSibling($element, selector) {\n if (!$element) return\n // Get the next sibling element\n let $sibling = $element.nextElementSibling\n\n // If there's no selector, return the first sibling\n if (!selector) return $sibling\n\n // If the sibling matches our selector, use it\n // If not, jump to the next sibling and continue the loop\n while ($sibling) {\n if ($sibling.matches(selector)) return $sibling\n $sibling = $sibling.nextElementSibling\n }\n}\n\n/**\n * Find an elements preceding sibling\n *\n * Utility function to find an elements previous sibling matching the provided\n * selector.\n *\n * @param {HTMLElement} $element - Element to find siblings for\n * @param {string} selector - selector for required sibling\n */\nexport function getPreviousSibling($element, selector) {\n if (!$element) return\n // Get the previous sibling element\n let $sibling = $element.previousElementSibling\n\n // If there's no selector, return the first sibling\n if (!selector) return $sibling\n\n // If the sibling matches our selector, use it\n // If not, jump to the next sibling and continue the loop\n while ($sibling) {\n if ($sibling.matches(selector)) return $sibling\n $sibling = $sibling.previousElementSibling\n }\n}\n\nexport function findNearestMatchingElement($element, selector) {\n // If no element or selector is provided, return null\n if (!$element) return\n if (!selector) return\n\n // Start with the current element\n let $currentElement = $element\n\n while ($currentElement) {\n // First check the current element\n if ($currentElement.matches(selector)) {\n return $currentElement\n }\n\n // Check all previous siblings\n let $sibling = $currentElement.previousElementSibling\n while ($sibling) {\n // Check if the sibling itself is a heading\n if ($sibling.matches(selector)) {\n return $sibling\n }\n $sibling = $sibling.previousElementSibling\n }\n\n // If no match found in siblings, move up to parent\n $currentElement = $currentElement.parentElement\n }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @param {HTMLElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: HTMLElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: HTMLElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n const isFocusable = $element.getAttribute('tabindex')\n\n if (!isFocusable) {\n $element.setAttribute('tabindex', '-1')\n }\n\n /**\n * Handle element focus\n */\n function onFocus() {\n $element.addEventListener('blur', onBlur, { once: true })\n }\n\n /**\n * Handle element blur\n */\n function onBlur() {\n if (options.onBlur) {\n options.onBlur.call($element)\n }\n\n if (!isFocusable) {\n $element.removeAttribute('tabindex')\n }\n }\n\n // Add listener to reset element on blur, after focus\n $element.addEventListener('focus', onFocus, { once: true })\n\n // Focus element\n if (options.onBeforeFocus) {\n options.onBeforeFocus.call($element)\n }\n $element.focus()\n}\n"],"names":[],"mappings":"AA8BO,SAAS,oBAAoB,GAAG;AACvC,EAAE,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK;AAC1C,EAAE,OAAO,OAAO,GAAG,CAAC,MAAM,KAAK;AAC/B;;AAEO,SAAS,iBAAiB,GAAG;AACpC,EAAE,OAAO,OAAO,QAAQ,KAAK;AAC7B;;AAEO,SAAS,gBAAgB,GAAG;AACnC,EAAE,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO;AAC9C,EAAE,KAAK,CAAC,IAAI,GAAG;AACf,EAAE,OAAO,OAAO,KAAK,CAAC,KAAK,KAAK;AAChC;;AAEO,SAAS,eAAe,CAAC,KAAK,EAAE,QAAQ,EAAE;AACjD,EAAE,IAAI,MAAM,CAAC,QAAQ,CAAC,SAAS,CAAC,OAAO,EAAE;AACzC,IAAI,OAAO,KAAK,CAAC,OAAO,CAAC,QAAQ;AACjC;AACA,EAAE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AACzC,IAAI,QAAQ,CAAC,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK;AAC5C;AACA;;AA2BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAAS,kBAAkB,CAAC,QAAQ,EAAE,QAAQ,EAAE;AACvD,EAAE,IAAI,CAAC,QAAQ,EAAE;AACjB;AACA,EAAE,IAAI,QAAQ,GAAG,QAAQ,CAAC;;AAK1B;AACA;AACA,EAAE,OAAO,QAAQ,EAAE;AACnB,IAAI,IAAI,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,OAAO;AAC3C,IAAI,QAAQ,GAAG,QAAQ,CAAC;AACxB;AACA;;AAEO,SAAS,0BAA0B,CAAC,QAAQ,EAAE,QAAQ,EAAE;AAC/D;AACA,EAAE,IAAI,CAAC,QAAQ,EAAE;;AAGjB;AACA,EAAE,IAAI,eAAe,GAAG;;AAExB,EAAE,OAAO,eAAe,EAAE;AAC1B;AACA,IAAI,IAAI,eAAe,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;AAC3C,MAAM,OAAO;AACb;;AAEA;AACA,IAAI,IAAI,QAAQ,GAAG,eAAe,CAAC;AACnC,IAAI,OAAO,QAAQ,EAAE;AACrB;AACA,MAAM,IAAI,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;AACtC,QAAQ,OAAO;AACf;AACA,MAAM,QAAQ,GAAG,QAAQ,CAAC;AAC1B;;AAEA;AACA,IAAI,eAAe,GAAG,eAAe,CAAC;AACtC;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAAS,QAAQ,CAAC,QAAQ,EAAE,OAAO,GAAG,EAAE,EAAE;AACjD,EAAE,MAAM,WAAW,GAAG,QAAQ,CAAC,YAAY,CAAC,UAAU;;AAEtD,EAAE,IAAI,CAAC,WAAW,EAAE;AACpB,IAAI,QAAQ,CAAC,YAAY,CAAC,UAAU,EAAE,IAAI;AAC1C;;AAEA;AACA;AACA;AACA,EAAE,SAAS,OAAO,GAAG;AACrB,IAAI,QAAQ,CAAC,gBAAgB,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE;AAC5D;;AAEA;AACA;AACA;AACA,EAAE,SAAS,MAAM,GAAG;AACpB,IAAI,IAAI,OAAO,CAAC,MAAM,EAAE;AACxB,MAAM,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ;AAClC;;AAEA,IAAI,IAAI,CAAC,WAAW,EAAE;AACtB,MAAM,QAAQ,CAAC,eAAe,CAAC,UAAU;AACzC;AACA;;AAEA;AACA,EAAE,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE;;AAE5D;AACA,EAAE,IAAI,OAAO,CAAC,aAAa,EAAE;AAC7B,IAAI,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,QAAQ;AACvC;AACA,EAAE,QAAQ,CAAC,KAAK;AAChB;;;;"}