${$(this).find(':selected').text()}
`)\r\n if (flexWidth) {\r\n custom.css({\r\n width: '100%'\r\n })\r\n } else {\r\n custom.css({\r\n width: `${text.outerWidth(true) + 30}px`\r\n })\r\n }\r\n custom.on('change', function () {\r\n $(this).parent().find('p').text($(this).find(':selected').text())\r\n })\r\n\r\n custom.on('mousedown', function () {\r\n $(this).addClass('no-focus')\r\n })\r\n\r\n custom.on('blur', function () {\r\n $(this).removeClass('no-focus')\r\n })\r\n })\r\n return this\r\n }\r\n\r\n /* Switching images (logo) to png if svg is not supported */\r\n $.fn.replaceSvgWithPng = function (forceReplace) {\r\n // var forceReplace is used if we need to force a switch\r\n return $(this).each(function () {\r\n const img = $(this)\r\n const supportsSvg = !!document.createElementNS && !!document.createElementNS('http://www.w3.org/2000/svg', 'svg').createSVGRect\r\n\r\n if (!supportsSvg || forceReplace) {\r\n if (img.data('fallback-image')) {\r\n // replace svg with fallback-image\r\n img.prop('src', img.data('fallback-image'))\r\n } else {\r\n img.prop('src', img.prop('src').replace('.svg', '.png'))\r\n }\r\n }\r\n })\r\n }\r\n\r\n $.fn.enableFullscreen = function (settings) {\r\n const options = $.extend({\r\n relatedElement: 'div:first',\r\n manipulation: 'append'\r\n }, settings)\r\n\r\n const view = this\r\n const closeFullscreenLink = $(`${arlaTranslations.close}`)\r\n\r\n function showFullscreen(evt) {\r\n if (!screenfull.isFullscreen) {\r\n evt.preventDefault()\r\n\r\n $('html').addClass('fullscreen-mode')\r\n\r\n view.append(closeFullscreenLink)\r\n screenfull.request(view.get(0))\r\n }\r\n }\r\n\r\n function closeFullscreen() {\r\n $('html').removeClass('fullscreen-mode')\r\n\r\n $('a.fullscreen-close-link:first').detach()\r\n }\r\n\r\n if (screenfull.enabled) {\r\n $(this).each(() => {\r\n $(options.relatedElement)[options.manipulation](`${arlaTranslations.fullScreenLinkText}`)\r\n\r\n $('a.fullscreen-link:first').on('click', showFullscreen)\r\n })\r\n\r\n screenfull.onchange(() => {\r\n if (!screenfull.isFullscreen) {\r\n closeFullscreen()\r\n }\r\n })\r\n\r\n closeFullscreenLink.on('click', (evt) => {\r\n evt.preventDefault()\r\n\r\n screenfull.exit()\r\n })\r\n }\r\n }\r\n\r\n /* ---- Responsive ---- */\r\n\r\n /* Turn alphabetical-nav into select */\r\n $.fn.linksToSelect = function (settings) {\r\n return this.each(function () {\r\n const nav = $(this)\r\n let selectEl\r\n let select = nav.data('select-reference') || $('