\"]\n flattenErrorsToArray: function flattenErrorsToArray(errors) {\n return errors.map(function (error) {\n return error.error;\n }).filter(function (value, index, self) {\n return self.indexOf(value) === index;\n });\n },\n cleanAttributes: function cleanAttributes(attributes, whitelist) {\n function whitelistCreator(obj, key, last) {\n if (v.isObject(obj[key])) {\n return obj[key];\n }\n return obj[key] = last ? true : {};\n }\n function buildObjectWhitelist(whitelist) {\n var ow = {},\n lastObject,\n attr;\n for (attr in whitelist) {\n if (!whitelist[attr]) {\n continue;\n }\n v.forEachKeyInKeypath(ow, attr, whitelistCreator);\n }\n return ow;\n }\n function cleanRecursive(attributes, whitelist) {\n if (!v.isObject(attributes)) {\n return attributes;\n }\n var ret = v.extend({}, attributes),\n w,\n attribute;\n for (attribute in attributes) {\n w = whitelist[attribute];\n if (v.isObject(w)) {\n ret[attribute] = cleanRecursive(ret[attribute], w);\n } else if (!w) {\n delete ret[attribute];\n }\n }\n return ret;\n }\n if (!v.isObject(whitelist) || !v.isObject(attributes)) {\n return {};\n }\n whitelist = buildObjectWhitelist(whitelist);\n return cleanRecursive(attributes, whitelist);\n },\n exposeModule: function exposeModule(validate, root, exports, module, define) {\n if (exports) {\n if (module && module.exports) {\n exports = module.exports = validate;\n }\n exports.validate = validate;\n } else {\n root.validate = validate;\n if (validate.isFunction(define) && define.amd) {\n define([], function () {\n return validate;\n });\n }\n }\n },\n warn: function warn(msg) {\n if (typeof console !== \"undefined\" && console.warn) {\n console.warn(\"[validate.js] \" + msg);\n }\n },\n error: function error(msg) {\n if (typeof console !== \"undefined\" && console.error) {\n console.error(\"[validate.js] \" + msg);\n }\n }\n });\n validate.validators = {\n // Presence validates that the value isn't empty\n presence: function presence(value, options) {\n options = v.extend({}, this.options, options);\n if (options.allowEmpty !== false ? !v.isDefined(value) : v.isEmpty(value)) {\n return options.message || this.message || \"can't be blank\";\n }\n },\n length: function length(value, options, attribute) {\n // Empty values are allowed\n if (!v.isDefined(value)) {\n return;\n }\n options = v.extend({}, this.options, options);\n var is = options.is,\n maximum = options.maximum,\n minimum = options.minimum,\n tokenizer = options.tokenizer || function (val) {\n return val;\n },\n err,\n errors = [];\n value = tokenizer(value);\n var length = value.length;\n if (!v.isNumber(length)) {\n v.error(v.format(\"Attribute %{attr} has a non numeric value for `length`\", {\n attr: attribute\n }));\n return options.message || this.notValid || \"has an incorrect length\";\n }\n\n // Is checks\n if (v.isNumber(is) && length !== is) {\n err = options.wrongLength || this.wrongLength || \"is the wrong length (should be %{count} characters)\";\n errors.push(v.format(err, {\n count: is\n }));\n }\n if (v.isNumber(minimum) && length < minimum) {\n err = options.tooShort || this.tooShort || \"is too short (minimum is %{count} characters)\";\n errors.push(v.format(err, {\n count: minimum\n }));\n }\n if (v.isNumber(maximum) && length > maximum) {\n err = options.tooLong || this.tooLong || \"is too long (maximum is %{count} characters)\";\n errors.push(v.format(err, {\n count: maximum\n }));\n }\n if (errors.length > 0) {\n return options.message || errors;\n }\n },\n numericality: function numericality(value, options, attribute, attributes, globalOptions) {\n // Empty values are fine\n if (!v.isDefined(value)) {\n return;\n }\n options = v.extend({}, this.options, options);\n var errors = [],\n name,\n count,\n checks = {\n greaterThan: function greaterThan(v, c) {\n return v > c;\n },\n greaterThanOrEqualTo: function greaterThanOrEqualTo(v, c) {\n return v >= c;\n },\n equalTo: function equalTo(v, c) {\n return v === c;\n },\n lessThan: function lessThan(v, c) {\n return v < c;\n },\n lessThanOrEqualTo: function lessThanOrEqualTo(v, c) {\n return v <= c;\n },\n divisibleBy: function divisibleBy(v, c) {\n return v % c === 0;\n }\n },\n prettify = options.prettify || globalOptions && globalOptions.prettify || v.prettify;\n\n // Strict will check that it is a valid looking number\n if (v.isString(value) && options.strict) {\n var pattern = \"^-?(0|[1-9]\\\\d*)\";\n if (!options.onlyInteger) {\n pattern += \"(\\\\.\\\\d+)?\";\n }\n pattern += \"$\";\n if (!new RegExp(pattern).test(value)) {\n return options.message || options.notValid || this.notValid || this.message || \"must be a valid number\";\n }\n }\n\n // Coerce the value to a number unless we're being strict.\n if (options.noStrings !== true && v.isString(value) && !v.isEmpty(value)) {\n value = +value;\n }\n\n // If it's not a number we shouldn't continue since it will compare it.\n if (!v.isNumber(value)) {\n return options.message || options.notValid || this.notValid || this.message || \"is not a number\";\n }\n\n // Same logic as above, sort of. Don't bother with comparisons if this\n // doesn't pass.\n if (options.onlyInteger && !v.isInteger(value)) {\n return options.message || options.notInteger || this.notInteger || this.message || \"must be an integer\";\n }\n for (name in checks) {\n count = options[name];\n if (v.isNumber(count) && !checks[name](value, count)) {\n // This picks the default message if specified\n // For example the greaterThan check uses the message from\n // this.notGreaterThan so we capitalize the name and prepend \"not\"\n var key = \"not\" + v.capitalize(name);\n var msg = options[key] || this[key] || this.message || \"must be %{type} %{count}\";\n errors.push(v.format(msg, {\n count: count,\n type: prettify(name)\n }));\n }\n }\n if (options.odd && value % 2 !== 1) {\n errors.push(options.notOdd || this.notOdd || this.message || \"must be odd\");\n }\n if (options.even && value % 2 !== 0) {\n errors.push(options.notEven || this.notEven || this.message || \"must be even\");\n }\n if (errors.length) {\n return options.message || errors;\n }\n },\n datetime: v.extend(function (value, options) {\n if (!v.isFunction(this.parse) || !v.isFunction(this.format)) {\n throw new Error(\"Both the parse and format functions needs to be set to use the datetime/date validator\");\n }\n\n // Empty values are fine\n if (!v.isDefined(value)) {\n return;\n }\n options = v.extend({}, this.options, options);\n var err,\n errors = [],\n earliest = options.earliest ? this.parse(options.earliest, options) : NaN,\n latest = options.latest ? this.parse(options.latest, options) : NaN;\n value = this.parse(value, options);\n\n // 86400000 is the number of milliseconds in a day, this is used to remove\n // the time from the date\n if (isNaN(value) || options.dateOnly && value % 86400000 !== 0) {\n err = options.notValid || options.message || this.notValid || \"must be a valid date\";\n return v.format(err, {\n value: arguments[0]\n });\n }\n if (!isNaN(earliest) && value < earliest) {\n err = options.tooEarly || options.message || this.tooEarly || \"must be no earlier than %{date}\";\n err = v.format(err, {\n value: this.format(value, options),\n date: this.format(earliest, options)\n });\n errors.push(err);\n }\n if (!isNaN(latest) && value > latest) {\n err = options.tooLate || options.message || this.tooLate || \"must be no later than %{date}\";\n err = v.format(err, {\n date: this.format(latest, options),\n value: this.format(value, options)\n });\n errors.push(err);\n }\n if (errors.length) {\n return v.unique(errors);\n }\n }, {\n parse: null,\n format: null\n }),\n date: function date(value, options) {\n options = v.extend({}, options, {\n dateOnly: true\n });\n return v.validators.datetime.call(v.validators.datetime, value, options);\n },\n format: function format(value, options) {\n if (v.isString(options) || options instanceof RegExp) {\n options = {\n pattern: options\n };\n }\n options = v.extend({}, this.options, options);\n var message = options.message || this.message || \"is invalid\",\n pattern = options.pattern,\n match;\n\n // Empty values are allowed\n if (!v.isDefined(value)) {\n return;\n }\n if (!v.isString(value)) {\n return message;\n }\n if (v.isString(pattern)) {\n pattern = new RegExp(options.pattern, options.flags);\n }\n match = pattern.exec(value);\n if (!match || match[0].length != value.length) {\n return message;\n }\n },\n inclusion: function inclusion(value, options) {\n // Empty values are fine\n if (!v.isDefined(value)) {\n return;\n }\n if (v.isArray(options)) {\n options = {\n within: options\n };\n }\n options = v.extend({}, this.options, options);\n if (v.contains(options.within, value)) {\n return;\n }\n var message = options.message || this.message || \"^%{value} is not included in the list\";\n return v.format(message, {\n value: value\n });\n },\n exclusion: function exclusion(value, options) {\n // Empty values are fine\n if (!v.isDefined(value)) {\n return;\n }\n if (v.isArray(options)) {\n options = {\n within: options\n };\n }\n options = v.extend({}, this.options, options);\n if (!v.contains(options.within, value)) {\n return;\n }\n var message = options.message || this.message || \"^%{value} is restricted\";\n return v.format(message, {\n value: value\n });\n },\n email: v.extend(function (value, options) {\n options = v.extend({}, this.options, options);\n var message = options.message || this.message || \"is not a valid email\";\n // Empty values are fine\n if (!v.isDefined(value)) {\n return;\n }\n if (!v.isString(value)) {\n return message;\n }\n if (!this.PATTERN.exec(value)) {\n return message;\n }\n }, {\n PATTERN: /^[a-z0-9\\u007F-\\uffff!#$%&'*+\\/=?^_`{|}~-]+(?:\\.[a-z0-9\\u007F-\\uffff!#$%&'*+\\/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\\.)+[a-z]{2,}$/i\n }),\n equality: function equality(value, options, attribute, attributes, globalOptions) {\n if (!v.isDefined(value)) {\n return;\n }\n if (v.isString(options)) {\n options = {\n attribute: options\n };\n }\n options = v.extend({}, this.options, options);\n var message = options.message || this.message || \"is not equal to %{attribute}\";\n if (v.isEmpty(options.attribute) || !v.isString(options.attribute)) {\n throw new Error(\"The attribute must be a non empty string\");\n }\n var otherValue = v.getDeepObjectValue(attributes, options.attribute),\n comparator = options.comparator || function (v1, v2) {\n return v1 === v2;\n },\n prettify = options.prettify || globalOptions && globalOptions.prettify || v.prettify;\n if (!comparator(value, otherValue, options, attribute, attributes)) {\n return v.format(message, {\n attribute: prettify(options.attribute)\n });\n }\n },\n // A URL validator that is used to validate URLs with the ability to\n // restrict schemes and some domains.\n url: function url(value, options) {\n if (!v.isDefined(value)) {\n return;\n }\n options = v.extend({}, this.options, options);\n var message = options.message || this.message || \"is not a valid url\",\n schemes = options.schemes || this.schemes || ['http', 'https'],\n allowLocal = options.allowLocal || this.allowLocal || false;\n if (!v.isString(value)) {\n return message;\n }\n\n // https://gist.github.com/dperini/729294\n var regex = \"^\" +\n // protocol identifier\n \"(?:(?:\" + schemes.join(\"|\") + \")://)\" +\n // user:pass authentication\n \"(?:\\\\S+(?::\\\\S*)?@)?\" + \"(?:\";\n var tld = \"(?:\\\\.(?:[a-z\\\\u00a1-\\\\uffff]{2,}))\";\n if (allowLocal) {\n tld += \"?\";\n } else {\n regex +=\n // IP address exclusion\n // private & local networks\n \"(?!(?:10|127)(?:\\\\.\\\\d{1,3}){3})\" + \"(?!(?:169\\\\.254|192\\\\.168)(?:\\\\.\\\\d{1,3}){2})\" + \"(?!172\\\\.(?:1[6-9]|2\\\\d|3[0-1])(?:\\\\.\\\\d{1,3}){2})\";\n }\n regex +=\n // IP address dotted notation octets\n // excludes loopback network 0.0.0.0\n // excludes reserved space >= 224.0.0.0\n // excludes network & broacast addresses\n // (first & last IP address of each class)\n \"(?:[1-9]\\\\d?|1\\\\d\\\\d|2[01]\\\\d|22[0-3])\" + \"(?:\\\\.(?:1?\\\\d{1,2}|2[0-4]\\\\d|25[0-5])){2}\" + \"(?:\\\\.(?:[1-9]\\\\d?|1\\\\d\\\\d|2[0-4]\\\\d|25[0-4]))\" + \"|\" +\n // host name\n \"(?:(?:[a-z\\\\u00a1-\\\\uffff0-9]-*)*[a-z\\\\u00a1-\\\\uffff0-9]+)\" +\n // domain name\n \"(?:\\\\.(?:[a-z\\\\u00a1-\\\\uffff0-9]-*)*[a-z\\\\u00a1-\\\\uffff0-9]+)*\" + tld + \")\" +\n // port number\n \"(?::\\\\d{2,5})?\" +\n // resource path\n \"(?:[/?#]\\\\S*)?\" + \"$\";\n var PATTERN = new RegExp(regex, 'i');\n if (!PATTERN.exec(value)) {\n return message;\n }\n }\n };\n validate.formatters = {\n detailed: function detailed(errors) {\n return errors;\n },\n flat: v.flattenErrorsToArray,\n grouped: function grouped(errors) {\n var attr;\n errors = v.groupErrorsByAttribute(errors);\n for (attr in errors) {\n errors[attr] = v.flattenErrorsToArray(errors[attr]);\n }\n return errors;\n },\n constraint: function constraint(errors) {\n var attr;\n errors = v.groupErrorsByAttribute(errors);\n for (attr in errors) {\n errors[attr] = errors[attr].map(function (result) {\n return result.validator;\n }).sort();\n }\n return errors;\n }\n };\n validate.exposeModule(validate, this, exports, module, define);\n}).call(this, typeof exports !== 'undefined' ? /* istanbul ignore next */exports : null, typeof module !== 'undefined' ? /* istanbul ignore next */module : null, typeof define !== 'undefined' ? /* istanbul ignore next */define : null);","/* global location */\nexport default class Router {\n constructor(routes) {\n this.routes = routes\n this.handleRoute()\n }\n\n /**\n * Checks if there's a javascript for the current route, requires the class and\n * instantiates it\n * @private\n */\n handleRoute() {\n let { pathname } = location\n\n // Remove leading and trailing slashes\n pathname = pathname.replace(/^\\/+|\\/+$/g, '')\n\n // Go through routes and check which one matches\n for (let i = 0; i < this.routes.length; i++) {\n const [route, PageClass] = this.routes[i]\n\n const regexp = new RegExp(`^${route}$`, 'i')\n if (route === true || regexp.test(pathname)) {\n this.currentPage = new PageClass()\n\n break\n }\n }\n }\n}\n","// BE AWARE: js logic of this widget is also used in PrivacySocialMediaConsents\n/* eslint-disable no-param-reassign */\nimport ABCookieManager from '$lib/ab_cookie_manager'\n\nconst CONSENT_CARD_SELECTOR = '.js-social-media-consent-card'\nconst SOCIAL_MEDIA_ELEMENT_CLASS_SELECTOR = 'js-social-media-element'\nconst CONSENT_INFO_CLASS = 'js-social-media-consent-info'\nconst CONSENT_TOGGLE_CLASS_SELECTOR = 'js-consent-toggle'\nconst EMBED_CODE_SELECTOR = '.js-social-media-embed'\nconst SOCIAL_MEDIA_COOKIE_NAME = 'SocialMediaConsent'\n\nexport default class SocialMediaElementWidget {\n constructor(isPrivacyPage = false) {\n this.cookie = ABCookieManager.getInstance()\n this.socialMediaElementsArray = this.findSocialMediaElements()\n this.isPrivacyPage = isPrivacyPage\n\n this.initToggleListeners()\n\n // check if cookieBot Banner was triggered on a page with potential social media contents\n this.observer = new MutationObserver(this.checkForCookieBotBanner.bind(this))\n this.observer.observe(document.body, {\n attributes: false,\n childList: true,\n subtree: false\n })\n }\n\n checkForCookieBotBanner() {\n const banner = document.getElementById('CybotCookiebotDialog')\n\n if (banner) {\n // when banner is showing check if a user accepted marketing cookies\n // to show all social media contents when he/she deals with the banner\n const marketingToggle = document.getElementById('CybotCookiebotDialogBodyLevelButtonMarketing')\n const confirmAllBtn = document.getElementById('CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll')\n const confirmChoiceBtn = document.getElementById('CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection')\n\n if (confirmAllBtn) { confirmAllBtn.addEventListener('click', () => { if (marketingToggle.checked) { this.showAllSocialMediaContents() } }) }\n if (confirmChoiceBtn) { confirmChoiceBtn.addEventListener('click', () => { if (marketingToggle.checked) { this.showAllSocialMediaContents() } }) }\n\n this.observer.disconnect()\n }\n }\n\n findSocialMediaElements() {\n return Array.from(document.getElementsByClassName(SOCIAL_MEDIA_ELEMENT_CLASS_SELECTOR))\n }\n\n initToggleListeners() {\n const toggles = document.getElementsByClassName(CONSENT_TOGGLE_CLASS_SELECTOR)\n if (toggles.length > 0) {\n Array.from(toggles).forEach(toggle => {\n toggle.addEventListener('click', (e) => {\n const platform = e.target.value\n const consentGiven = e.target.checked\n\n if (!this.isPrivacyPage) {\n e.target.disabled = true\n }\n\n this.setCookie(platform, consentGiven)\n this.showSocialMediaContentsOnToggle(platform)\n })\n })\n }\n }\n\n setCookie(platform, consentGiven) {\n const socialMediaCookie = this.cookie.read(SOCIAL_MEDIA_COOKIE_NAME)\n ? JSON.parse(this.cookie.read(SOCIAL_MEDIA_COOKIE_NAME)) : {}\n this.cookie.remove(SOCIAL_MEDIA_COOKIE_NAME)\n\n socialMediaCookie[platform] = consentGiven\n socialMediaCookie.utc = Date.now()\n\n // we do not need an expiration date, however chrome e.g. sets it automatically to 400 days\n this.cookie.create(SOCIAL_MEDIA_COOKIE_NAME, socialMediaCookie, 1000)\n }\n\n showSocialMediaContentsOnToggle(platform) {\n this.socialMediaElementsArray.forEach((elem) => {\n const elemPlatform = elem.getAttribute('data-platform')\n\n if (elemPlatform === platform) {\n this.handleConsentGiven(elem)\n }\n })\n }\n\n showAllSocialMediaContents() {\n this.socialMediaElementsArray.forEach((elem) => {\n this.handleConsentGiven(elem)\n })\n }\n\n loadEmbedCode(elem) {\n let embedCode = elem.getAttribute('data-content')\n const embedDomElem = elem.querySelector(EMBED_CODE_SELECTOR)\n const domParser = new DOMParser()\n const parsedEmbedCode = domParser.parseFromString(embedCode, 'text/html')\n\n // get all script tags from embed code\n const scriptTags = Array.from(parsedEmbedCode.getElementsByTagName('script'))\n const scriptSrcList = scriptTags.map(scriptTag => scriptTag.getAttribute('src'))\n\n // remove scripts from embed code\n scriptTags.forEach(scriptTag => scriptTag.remove())\n\n // retrieve the modified HTML\n embedCode = parsedEmbedCode.documentElement.outerHTML\n\n // add embed HTML Code\n embedDomElem.innerHTML += embedCode\n\n // load potential scripts for execution\n scriptSrcList.forEach(src => {\n const scriptElem = document.createElement('script')\n scriptElem.src = src\n scriptElem.async = true\n embedDomElem.appendChild(scriptElem)\n })\n\n // add consent info paragraph at the end\n const consentInfoElem = document.createElement('p')\n consentInfoElem.classList.add(CONSENT_INFO_CLASS)\n consentInfoElem.innerHTML = elem.getAttribute('data-info-text')\n embedDomElem.appendChild(consentInfoElem)\n }\n\n handleConsentGiven(elem) {\n // remove consent card\n elem.querySelector(CONSENT_CARD_SELECTOR).remove()\n // some necessary styling\n elem.querySelector(EMBED_CODE_SELECTOR).style.height = '100%'\n\n // load the embed code\n this.loadEmbedCode(elem)\n }\n}\n","/* global $ window document */\nimport LayoutVariables from '../../javascript/src/config/layout_variables'\n\nimport JobPostingBookmarkWidget from '../job_posting/bookmark/script'\nimport SearchRadiusImprovements from '../search_improvement_suggestions/script'\nimport AjaxSpinnerWidget from '../ajax_spinner/script'\nimport JobletterButton from '../jobletter_button/script'\nimport AbPubSub from '$lib/ab_pubsub'\nimport Events from '../../javascript/src/config/events'\nimport FilterBoxWidget from '../form/filter_box/script'\nimport transformURL from '$lib/dataLayerURLShortener'\n\nimport UtilityHelper from '$lib/utility_helper'\nimport TextEllipsis from '$lib/text_ellipsis'\n\nexport default class MainSearchWithResultsWidget {\n get suggestionTextSelector() {\n return '.similar-professions__suggestions--suggestionstext'\n }\n\n get rangeTextSelector() {\n return '.similar-professions__suggestions--rangetext'\n }\n\n get rangeSelector() {\n return 'input[type=range]'\n }\n\n get searchNamespace() {\n return '.js-main-search-with-results'\n }\n\n get eventElement() {\n return '.js-trigger-on-replace-history'\n }\n\n get formSelector() {\n return '.js-main-search-form'\n }\n\n get resetFormSelector() {\n return '.js-filterbox-reset'\n }\n\n get jobletterButtonTargetSelector() {\n return '.js-jobletter-button-here'\n }\n\n get searchTargetSelector() {\n return '.js-job-postings-here'\n }\n\n get longitudeSelector() {\n return '.js-search-rlon'\n }\n\n get latitudeSelector() {\n return '.js-search-rlat'\n }\n\n get locationPermissionSelector() {\n return '.js-open-location-permission-modal'\n }\n\n get loadMoreButtonSelector() {\n return '.js-load-more-button-here'\n }\n\n get containerSelector() {\n return 'job-postings-container'\n }\n\n get titleTargetSelector() {\n return '.js-search-result-title-here'\n }\n\n get sortOrderSelector() {\n return '.js-sort-order-dropdown'\n }\n\n get sortOrderHiddenField() {\n return '.js-search-sort-order'\n }\n\n get whereSelector() {\n return '#main-search-where'\n }\n\n get bookmarkSelectors() {\n return '.js-bookmark-job-posting'\n }\n\n constructor(loadResultsOnScroll, batchSize) {\n this.searchUrl = '/ajax/main_search/'\n this.baseName = 'form_main_search'\n this.$namespace = $(this.searchNamespace)\n this.$window = $(window)\n this.triggerOnScroll = false\n this.scrollThreshold = this.getLoadMoreThreshold()\n this.scrollEventRegistered = false\n this.ajaxSpinner = new AjaxSpinnerWidget()\n this.pubSub = AbPubSub.getInstance()\n this.$jobletterButtonTarget = $(this.jobletterButtonTargetSelector)\n this.$jobletterButtonElemDisabled = $(\"button[name='subscribe_to_jobletter_disabled']\")\n this.timeout = null\n this.loadResultsOnScroll = loadResultsOnScroll\n this.batchSize = batchSize\n\n this.filterBox = new FilterBoxWidget()\n this.subscribeFilterBoxChange()\n this.updateHiddenFieldsFromFilterBox()\n this.addResetHandler()\n\n this.freshlyLoaded = true\n this.numberJobPostingsOnPageBeforeRadiusChange = 0\n this.vacanciesCount = 0\n this.vacanciesCountOnRadiusChange = 0\n this.$target = $(this.searchTargetSelector)\n this.$titleTarget = $(this.titleTargetSelector)\n this.jobPostingsContainer = document.getElementById(this.containerSelector)\n this.$locationPermission = $(this.locationPermissionSelector)\n this.form = this.formSelector\n this.handleFormSubmit()\n this.formName = this.getForm().attr('id').substring(4)\n\n this.afterInit()\n this.sortOrderSelect = $(this.sortOrderSelector).selectize({ sortField: 'text' })\n this.initSortOrderSelectize()\n }\n\n afterInit() {\n this.initSearchForm()\n this.jobPostingBookmarkWidget = new JobPostingBookmarkWidget()\n\n if (this.searchWithGeolocation()) {\n navigator.geolocation.getCurrentPosition(\n coordinates => {\n this.setCoordinates(coordinates)\n this.triggerFirstSearch()\n },\n () => {\n this.triggerFirstSearch()\n }\n )\n } else {\n this.triggerFirstSearch()\n }\n }\n\n triggerFirstSearchBefore() {\n this.$jobletterButtonTarget.empty()\n this.$jobletterButtonElemDisabled.show()\n\n this.updateRangeSlider()\n\n $(this.eventElement).trigger('ab.onJsReplaceUrl', { url: this.getSerializedFormData() })\n\n // always unregisterScrollLoading\n // register it again if necessary\n this.unregisterScrollLoading()\n }\n\n updateRangeSlider() {\n const whereValue = $(this.whereSelector).val()\n if (\n $(this.whereSelector).attr('placeholder') === 'Mein Standort' ||\n (whereValue && whereValue.trim() !== '')\n ) {\n this.filterBox.enableRangeSlider()\n } else {\n this.filterBox.disableRangeSlider()\n }\n }\n\n resetParamsToDefault() {\n const defaultValues = {\n expected_graduation: '',\n industry_public_id: '',\n min_radius: '0',\n profession_public_id: '',\n profession_topic_public_id: '[]',\n radius: '20',\n show_educational_trainings_and_regular_apprenticeships: '1',\n show_educational_trainings: '1',\n show_inhouse_trainings: '1',\n show_integrated_degree_programs: '1',\n show_qualifications: '1',\n show_regular_apprenticeships: '1',\n show_training_programs: '1',\n sort_order: 'relevance',\n starts_no_earlier_than: '',\n video_application_on: '',\n what: '',\n where: '',\n promote_foreign_applications: false\n }\n\n Object.keys(defaultValues).forEach(fieldName => {\n this.filterBox.resetFilterValue(fieldName)\n this.updateHiddenFieldFilterValue(\n this.getFieldNameSelector(fieldName),\n defaultValues[fieldName]\n )\n })\n $('.filter-box__apprenticeship-types')\n .find('input[type=checkbox]')\n .each(function () {\n this.checked = true\n })\n }\n\n addResetHandler() {\n $(this.resetFormSelector).on('click', () => this.resetParamsToDefault())\n }\n\n firstSearchDoneBefore() {\n this.breakerTiles = this.pageobj.filter('.js-breaker-tile-records').children()\n this.searchImprovementSuggestions = this.pageobj\n .filter('.js-search-improvement-suggestions')\n .children()\n this.jobletterButton = this.pageobj.filter('.js-jobletter-button').children()\n }\n\n firstSearchDoneAfter() {\n if (this.loadResultsOnScroll) {\n this.triggerOnScroll = true\n\n // if its the very first call and its not the last page / no more results\n // register event listener for scroll loading\n if (!this.scrollEventRegistered && this.hasChildren(this.loadMoreButton)) {\n this.registerScrollLoading()\n this.scrollEventRegistered = true\n }\n } else if (this.hasChildren(this.loadMoreButton)) {\n $('.js-load-more-button-here').append(this.loadMoreButton)\n $('.js-load-more-search-results').on('click', () => {\n this.triggerFurtherSearch(this.from(), this.batchSize)\n })\n }\n\n $('.js-breaker-tile-here').empty().append(this.breakerTiles)\n $('.js-number-two-flags-safe-haven').empty().append(this.announcements)\n $('.js-search-improvement-suggestions-here').empty().append(this.searchImprovementSuggestions)\n this.$jobletterButtonTarget.empty().append(this.jobletterButton) //show jobletter button\n this.$jobletterButtonElemDisabled.hide() //hide disabled button\n this.$jobletterButton = new JobletterButton()\n $('.breaker-tiles__show-more').on('click', () => {\n $('.more-results').toggleClass('more-results--hidden')\n $('.breaker-tiles__show-more').toggleClass('open')\n })\n\n this.searchRadiusImprovements = new SearchRadiusImprovements()\n this.onSearchDone()\n\n if (this.$rangeSlider.val() === '1000') {\n this.$rangeText = $(this.rangeTextSelector)\n this.$suggestionText = $(this.suggestionTextSelector)\n\n this.$rangeText.css({ display: 'none' })\n }\n }\n\n subscribeRadiusChange() {\n this.pubSub.subscribe(Events.ON_SEARCH_RADIUS_CHANGE, data => {\n this.vacanciesCountOnRadiusChange = this.vacanciesCount\n this.numberJobPostingsOnPageBeforeRadiusChange = this.currentNumberOfJobPostingsOnPage()\n this.updateHiddenFieldFilterValue(\n this.getFieldNameSelector('min_radius'),\n this.$rangeSlider.val()\n )\n this.$rangeSlider.val(data.radius).trigger('change')\n this.triggerFurtherSearch(\n 0,\n this.batchSize - (this.numberJobPostingsOnPageBeforeRadiusChange % this.batchSize)\n )\n })\n }\n\n triggerFurtherSearchBefore() {\n this.unregisterScrollLoading()\n }\n\n furtherSearchDoneBefore() {\n this.searchImprovementSuggestions = this.pageobj\n .filter('.js-search-improvement-suggestions')\n .children()\n }\n\n furtherSearchDoneAfter() {\n if (this.loadResultsOnScroll) {\n this.triggerOnScroll = true\n // case: within first three searches result is empty\n if (!this.hasChildren(this.loadMoreButton)) {\n this.unregisterScrollLoading()\n } else if (this.currentPage() % 3 === 0 && this.hasChildren(this.loadMoreButton)) {\n // case: three or more search queries were sent and result is not empty\n $('.js-load-more-button-here').append(this.loadMoreButton)\n $('.js-load-more-search-results').on('click', () => {\n this.triggerFurtherSearch(this.from(), this.batchSize)\n })\n this.unregisterScrollLoading()\n } else {\n this.registerScrollLoading()\n }\n } else if (this.hasChildren(this.loadMoreButton)) {\n $('.js-load-more-button-here').append(this.loadMoreButton)\n $('.js-load-more-search-results').on('click', () => {\n this.triggerFurtherSearch(this.from(), this.batchSize)\n })\n }\n\n $('.js-search-improvement-suggestions-here').empty().append(this.searchImprovementSuggestions)\n this.searchRadiusImprovements = new SearchRadiusImprovements()\n\n this.onSearchDone()\n }\n\n registerScrollLoading() {\n this.$window.on('scroll', this.onScroll.bind(this))\n }\n\n unregisterScrollLoading() {\n this.$window.off('scroll')\n this.scrollEventRegistered = false\n }\n\n hasChildren(element) {\n return element.children().length > 0\n }\n\n onScroll() {\n if (this.currentPage() % 3 !== 0) {\n if (this.isInViewport() && this.triggerOnScroll) {\n this.triggerOnScroll = false\n this.triggerFurtherSearch(this.from(), this.batchSize)\n }\n }\n }\n\n from() {\n return this.currentNumberOfJobPostingsOnPage() - this.numberJobPostingsOnPageBeforeRadiusChange\n }\n\n currentPage() {\n return this.currentNumberOfJobPostingsOnPage() / this.batchSize\n }\n\n currentNumberOfJobPostingsOnPage() {\n return document.querySelectorAll('.js-job-posting-card').length\n }\n\n getFieldNameSelector(paramName) {\n return `[name=\"${this.baseName}[${paramName}]\"]`\n }\n\n updateHiddenFieldFilterValue(inputFieldSelector, value) {\n $(inputFieldSelector).val(value)\n }\n\n subscribeFilterBoxChange() {\n this.pubSub.subscribe(Events.ON_CHANGE_FILTER_BOX, value => {\n this.updateHiddenFieldFilterValue(this.getFieldNameSelector(value.name), value.value)\n })\n }\n\n isInViewport() {\n return this.getWindowOffset() > $('.js-load-more-button-here').offset().top\n }\n\n getWindowOffset() {\n return this.$window.scrollTop() + this.$window.height()\n }\n\n getThreshold() {\n return $(document).height() - this.scrollThreshold\n }\n\n getLoadMoreThreshold() {\n const width = this.$window.width()\n let threshold = 580\n\n if (width < LayoutVariables.tabletWidth) {\n threshold = 980\n } else if (width >= LayoutVariables.tabletWidth && width < LayoutVariables.desktopWidth) {\n threshold = 720\n }\n\n return threshold\n }\n\n initSearchForm() {\n const loadCallback = this.triggerFirstSearch.bind(this)\n\n if (this.filterBox !== undefined) {\n this.filterBox.initFilterBox(loadCallback)\n this.subscribeRadiusChange()\n }\n\n this.$rangeSlider = $(this.rangeSelector)\n this.$rangeOutput = $(this.rangeOutputSelector)\n\n $('.js-notify-on-change').on('change', loadCallback)\n $('.js-reset-subscribe-button').on('change', () => {\n this.pubSub.emit(Events.ON_SEARCH_FORM_INPUT_CHANGE)\n })\n }\n\n // from common lib\n\n handleFormSubmit() {\n this.getForm().on('submit', event => {\n event.preventDefault()\n this.triggerFirstSearch()\n })\n }\n\n getForm() {\n return $(this.form)\n }\n\n triggerFirstSearch() {\n if (this.timeout !== null) {\n clearTimeout(this.timeout)\n }\n\n // We use the min_radius to prevent duplication when loading additional postings\n // When this value persists when reloading the page or redoing the search,\n // some job postings are exlucded\n // So reset this value always to zero\n $('#form_main_search_min_radius').attr('value', 0)\n this.numberJobPostingsOnPageBeforeRadiusChange = 0\n this.vacanciesCountOnRadiusChange = 0\n\n this.$target.empty()\n this.$titleTarget.empty()\n $(this.loadMoreButtonSelector).empty()\n this.ajaxSpinner.showSpinner()\n\n this.timeout = setTimeout(() => {\n this.triggerFirstSearchBefore()\n\n const doneCallback = this.firstSearchDone.bind(this)\n const failCallback = this.firstSearchFail.bind(this)\n const self = this\n const appendParams = !this.freshlyLoaded\n\n if (this.freshlyLoaded) {\n this.freshlyLoaded = false\n }\n\n $.ajax({\n url: this.getSearchUrl(),\n data: this.getSearchParams(0, this.batchSize)\n })\n .done(result => {\n doneCallback(result)\n if (appendParams) self.updateState()\n })\n .fail(failCallback)\n }, 250)\n }\n\n getSerializedFormData() {\n this.updateHiddenFieldsFromFilterBox()\n this.updateHiddenFieldSortOrder()\n return this.getForm().serialize()\n }\n\n updateHiddenFieldSortOrder() {\n const hiddenField = document.querySelector(this.sortOrderHiddenField)\n\n if (hiddenField) {\n document.querySelector(this.sortOrderHiddenField).value = this.sortOrder\n }\n }\n\n updateHiddenFieldsFromFilterBox() {\n if (this.filterBox !== undefined) {\n const filterParams = this.filterBox.getFilterParams()\n filterParams.forEach(params => {\n this.updateHiddenFieldFilterValue(this.getFieldNameSelector(params.name), params.value)\n })\n }\n }\n\n // Attaches template parameter for AB-Testing (AB-3739) if needed\n getSearchUrl() {\n const url = new URL(`${window.location.origin}${this.searchUrl}`)\n const currentParams = new URLSearchParams(window.location.search)\n\n const templateParamKey = 'jp_template'\n const templateParam = currentParams.get(templateParamKey)\n if (templateParam) {\n url.searchParams.set(templateParamKey, templateParam)\n }\n\n return url.toString()\n }\n\n firstSearchDone(page) {\n this.pageobj = $(page)\n this.firstSearchDoneBefore()\n\n const activeFilters = this.pageobj.filter('.js-search-filters').children()\n const searchResultTitle = this.pageobj.filter('.js-search-result-title').children()\n\n this.vacanciesCount = this.pageobj.filter('.js-search-result-title').data('vacanciesCount')\n\n this.loadMoreButton = this.pageobj.filter('.js-load-more-button').children()\n this.jobPostings = this.pageobj.filter('.js-job-postings').children()\n this.ajaxSpinner.hideSpinner()\n\n $('.js-active-filters').empty().append(activeFilters)\n this.$target.empty().append(this.jobPostings)\n this.$titleTarget.empty().append(searchResultTitle)\n\n if (this.filterBox !== undefined) {\n $('.js-filter-button').on('click', event => this.buttonRemove(event, this.filterBox))\n }\n\n this.firstSearchDoneAfter()\n }\n\n firstSearchFail() {\n this.ajaxSpinner.hideSpinner()\n this.$target\n .empty()\n .append('Ups! Das hat nicht geklappt, sorry! Versuch es bitte später noch mal, ok?')\n }\n\n triggerFurtherSearch(from, size) {\n this.triggerFurtherSearchBefore()\n if (!this.formName) {\n this.formName = this.getForm().attr('id').substring(4)\n }\n\n const doneCallback = this.furtherSearchDone.bind(this)\n const failCallback = this.furtherSearchFail.bind(this)\n $(this.loadMoreButtonSelector).empty()\n this.ajaxSpinner.showSpinner()\n $.ajax({\n url: this.getSearchUrl(),\n data: this.getSearchParams(from, size)\n })\n .done(doneCallback)\n .fail(failCallback)\n }\n\n getSearchParams(from, size) {\n const jobsOnPageCount = from + this.numberJobPostingsOnPageBeforeRadiusChange\n return `${this.getSerializedFormData()}&${this.formName}[from]=${from}&${\n this.formName\n }[size]=${size}&${this.formName}[jobs_on_page_count]=${jobsOnPageCount}&${\n this.formName\n }[vacancies_count]=${this.vacanciesCountOnRadiusChange}`\n }\n\n furtherSearchDone(page) {\n this.pageobj = $(page)\n this.furtherSearchDoneBefore()\n\n this.jobPostings = this.pageobj.filter('.js-job-postings').children()\n this.loadMoreButton = this.pageobj.filter('.js-load-more-button').children()\n\n $('.js-load-more-search-results').off().remove()\n this.ajaxSpinner.hideSpinner()\n\n this.$target.append(this.jobPostings)\n const searchResultTitle = this.pageobj.filter('.js-search-result-title').children()\n this.$titleTarget.empty().append(searchResultTitle)\n\n this.pubSub.emit(Events.ON_RELOAD_LOGIN_LINKS)\n\n this.vacanciesCount = this.pageobj.filter('.js-search-result-title').data('vacanciesCount')\n\n this.furtherSearchDoneAfter()\n }\n\n furtherSearchFail() {\n this.ajaxSpinner.hideSpinner()\n this.$target.append('Ups! Das hat nicht geklappt, sorry! Versuch es bitte später noch mal, ok?')\n }\n\n buttonRemove(event, filterBox) {\n const target = event.currentTarget\n const fieldName = target.dataset.formFieldName\n\n // notify filterbox about the filter change\n filterBox.resetFilterValue(fieldName)\n $(target).remove()\n\n if ($('.search-filters__selected')[0].children.length === 0) {\n $('.search-filters').remove()\n }\n }\n\n activateLoadMoreButton() {\n $(this.loadMoreButtonSelector).empty().append(this.loadMoreButton)\n $('.js-load-more-search-results').on('click', () => {\n this.triggerFurtherSearch(this.from(), this.batchSize)\n })\n }\n\n onSearchDone() {\n this.$namespace.trigger(Events.ON_SEARCH_DONE)\n TextEllipsis.getInstance().create()\n\n const jobPostings = $(this.bookmarkSelectors).toArray()\n\n this.attachJobPostingClickEvents(jobPostings)\n this.createJobPostingChunks(jobPostings)\n }\n\n createJobPostingChunks(jobPostings) {\n const items = jobPostings.map((jp, index) => ({\n index,\n item_list_id: transformURL(window.location.href),\n item_list_name: transformURL(window.location.href),\n item_id: jp.dataset.publicId,\n item_name: jp.dataset.jobPostingTitle,\n item_brand: jp.dataset.corporationId,\n item_category: 'Job-Posting',\n item_category2: jp.dataset.vacancyCityName,\n item_category4: jp.dataset.jobPostingProfession,\n price: 1,\n quantity: 1\n }))\n\n window.dataLayer.push({\n event: 'view_item_list',\n ecommerce: {\n currency: 'EUR',\n items\n }\n })\n }\n\n attachJobPostingClickEvents(jobPostings) {\n jobPostings.forEach(jobPosting => {\n jobPosting.parentElement.addEventListener('click', () => {\n window.dataLayer.push({\n event: 'select_item',\n ecommerce: {\n currency: 'EUR',\n items: [\n {\n index: 0,\n item_list_id: transformURL(window.location.href),\n item_list_name: transformURL(window.location.href),\n item_id: jobPosting.dataset.publicId,\n item_name: jobPosting.dataset.jobPostingTitle,\n item_brand: jobPosting.dataset.corporationId,\n item_category: 'Job-Posting',\n item_category2: jobPosting.dataset.vacancyCityName,\n item_category4: jobPosting.dataset.jobPostingProfession,\n item_application_options: jobPosting.dataset.itemApplicationOptions,\n item_status: jobPosting.dataset.corporationSalesforceCategory,\n price: 1,\n quantity: 1\n }\n ]\n }\n })\n })\n })\n }\n\n enableEventDelegation() {\n this.jobPostingsContainer.addEventListener('click', e => {\n if (e.target && e.target.classList.contains('js-open_login_modal')) {\n this.triggerPubSubEvent(e, this.pubSub, Events.ON_OPEN_LOGIN_MODAL)\n } else if (e.target.classList.contains('js-open_email_update_modal')) {\n this.triggerPubSubEvent(e, this.pubSub, Events.ON_OPEN_EMAIL_UPDATE_MODAL)\n } else if (e.target.classList.contains('js-open_activation_modal')) {\n this.triggerPubSubEvent(e, this.pubSub, Events.ON_OPEN_ACTIVATION_MODAL)\n }\n })\n }\n\n updateState() {\n if (this.filterBox === undefined) return\n\n const params = UtilityHelper.getUrlParams(window.location.href)\n const filters = this.filterBox.getFilterParams()\n const filtersParams = {}\n\n // Get values form filterbox widget\n filters.push({ name: 'sort_order', value: this.sortOrder })\n\n filters.forEach(filter => {\n filtersParams[`form_main_search[${filter.name}]`] = filter.value\n })\n\n const formParamReducer = (lastValue, currentValue) => {\n const newEntry = { [currentValue.name]: currentValue.value }\n return {\n ...lastValue,\n ...newEntry\n }\n }\n\n // merge old params with updated values\n const formParams = this.getForm()\n .serializeArray()\n .filter(param => ['form_main_search[what]', 'form_main_search[where]'].includes(param.name))\n .reduce(formParamReducer, {})\n\n const allParams = { ...params, ...filtersParams, ...formParams }\n const filterAndFormParams = { ...filtersParams, ...formParams }\n const newParams = params !== null ? allParams : filterAndFormParams\n\n // Update tracking params\n newParams.t_where = newParams['form_main_search[where]']\n newParams.t_what = newParams['form_main_search[what]']\n\n const paramString = Object.keys(newParams)\n .map(key => `${key}=${newParams[key]}`)\n .join('&')\n\n window.history.replaceState(newParams, '', `?${paramString}`)\n }\n\n triggerPubSubEvent(event, emitter, abEvent) {\n emitter.emit(abEvent)\n event.preventDefault()\n event.stopPropagation()\n }\n\n searchWithGeolocation() {\n const locationPermission = this.$locationPermission.length\n const locationSessionPermission = this.$locationPermission.data('session') === 'gave_permission'\n const windowNavigatorLocation = window.navigator && window.navigator.geolocation\n\n return locationPermission && locationSessionPermission && windowNavigatorLocation\n }\n\n setCoordinates(coordinates) {\n $(this.longitudeSelector).val(coordinates.coords.longitude)\n $(this.latitudeSelector).val(coordinates.coords.latitude)\n }\n\n initSortOrderSelectize() {\n // TODO: Hack for disabling cursor after initializing selectize.\n $(`${this.sortOrderSelector} input`).prop('disabled', true)\n this.sortOrder = 'relevance'\n const sortOrderSelectize = this.sortOrderSelect[0].selectize\n sortOrderSelectize.on('change', selected => this.handleSortChange(selected))\n }\n\n handleSortChange(selected) {\n this.sortOrder = selected\n\n if (window.innerWidth < 768 && selected === 'start_date') {\n const sortOrderInner = document.querySelector('.js-sort-order-dropdown .item')\n sortOrderInner.innerText = 'Beginn'\n }\n\n this.triggerFirstSearch()\n }\n}\n","!function (t, e, o) {\n var s = function s(_s, i) {\n var r,\n n = 0,\n a = 0,\n p = \"\",\n c = 0,\n f = !1,\n g = !1,\n l = !1,\n u = !1,\n m = !1,\n d = !1,\n h = 0,\n I = 0,\n b = 0,\n k = 0,\n v = 0,\n x = 0,\n H = 0,\n W = t(),\n w = 0,\n y = 0,\n z = t(''),\n C = t(),\n M = {\n top: 0,\n bottom: 0,\n custom: []\n },\n U = {\n scrollHide: !1,\n lazyHeight: 0,\n topMargin: \"auto\",\n keepInWrapper: !1,\n wrapperSelector: \"\",\n zIndex: 99,\n syncPosition: !1,\n namespaceClass: \"stuckElement\",\n fixedClass: \"isStuck\",\n disableOn: function disableOn() {\n return !0;\n }\n },\n T = function T() {\n return \"auto\" === U.topMargin ? parseInt(W.css(\"marginTop\")) : isNaN(U.topMargin) && U.topMargin.search(\"px\") > 0 ? parseInt(U.topMargin.replace(\"px\", \"\")) : isNaN(parseInt(U.topMargin)) ? 0 : parseInt(U.topMargin);\n },\n S = function S() {\n var t = {\n cancel: !1\n };\n W.trigger(\"stickUp:beforeUnstick\", [t]), t.cancel || (z.remove(), W.removeClass(U.fixedClass).css({\n maxWidth: \"\",\n marginTop: \"\",\n marginLeft: \"\",\n marginRight: \"\",\n position: \"\",\n top: \"\",\n left: \"\",\n right: \"\",\n bottom: \"\",\n width: \"\"\n }), f = !1, g = !1, l = !1, U.syncPosition && E(), W.trigger(\"stickUp:unstick\"));\n },\n N = function N(t) {\n W.before(z.css(\"height\", I));\n var e = z.offsetParent();\n if (t) {\n W.css({\n position: \"absolute\"\n });\n var o = C.offset().top + C.outerHeight() - e.offset().top - b - parseInt(C.css(\"paddingBottom\"));\n }\n W.css({\n position: \"absolute\",\n marginTop: w,\n bottom: \"\",\n left: z.position().left,\n top: t ? o : W.offset().top - e.offset().top - w\n });\n },\n P = function P() {\n var t = {\n cancel: !1\n };\n if (W.trigger(\"stickUp:beforeStick\", [t]), !t.cancel) {\n f = !0, W.before(z.css(\"height\", I)), W.addClass(U.fixedClass);\n var e = -y;\n W.css({\n marginTop: w,\n position: \"fixed\",\n top: e + \"px\",\n left: \"\",\n right: \"\",\n bottom: \"\"\n }), W.trigger(\"stickUp:stick\");\n }\n },\n B = function B() {\n W.before(z.css(\"height\", I)), W.addClass(U.fixedClass);\n var t = -y;\n W.css({\n marginTop: w,\n position: \"fixed\",\n top: \"\",\n left: \"\",\n right: \"\",\n bottom: t\n });\n },\n O = function O() {\n z.width() !== W.outerWidth() && W.outerWidth(z.outerWidth());\n },\n j = function j() {\n r = z.offset().left, r !== W.offset().left, W.offset({\n left: r\n });\n },\n E = function E() {\n z.css({\n \"margin-left\": W.css(\"margin-left\"),\n \"margin-right\": W.css(\"margin-left\")\n }), W.css({\n \"margin-left\": z.css(\"margin-left\"),\n \"margin-right\": z.css(\"margin-right\")\n });\n },\n L = function L(s) {\n if (!U.disableOn()) return u || (S(), u = !0), void 0;\n if (u && (u = !1), !U.keepInWrapper || C.is(\":visible\")) {\n if (a = t(s.target).scrollTop(), p = a >= n ? \"down\" : \"up\", c = Math.abs(n - a), k = t(e).outerHeight(), v = a + k, n = a, x = W.offset().top, h = parseInt(W.outerHeight() + w) + parseInt(W.css(\"marginBottom\")), f || l || g || (I = parseInt(W.outerHeight(!0)), M.top = g || l ? parseInt(z.offset().top) : parseInt(W.offset().top), r = parseInt(W.offset().left) + 5), b = parseInt(W.outerHeight()) + parseInt(W.css(\"margin-bottom\")) + w, M.bottom = U.keepInWrapper ? C.offset().top + C.outerHeight() - parseInt(C.css(\"paddingBottom\")) : t(o).outerHeight(), H = W.offset().top + b, h > k) d = !0, m && (y = 0, l && N(), m = !1), l && \"up\" === p && x - w >= a && (P(), f = !0, g = !1, l = !1), !f && !g && (!U.keepInWrapper || U.keepInWrapper && v <= M.bottom) && v >= H - w && (B(), g = !0, f = !0, l = !1), (!l && f && g && \"up\" === p || !l && f && !g && \"down\" === p && H >= v) && (N(), f = !1, g = !1, l = !0), v >= M.bottom && U.keepInWrapper && (!g && !l || parseInt(H - w) !== parseInt(M.bottom)) && (N(!0), f = !1, g = !0, l = !0);else if (m = !0, d && (l && N(), d = !1), y = U.scrollHide ? h + U.lazyHeight : U.lazyHeight, (!f && !g && a >= M.top - w + y || g && l && x - w + y >= a) && (P(), f = !0, g = !1, l = !1), U.keepInWrapper && parseInt(H - w) !== parseInt(M.bottom) && a >= M.bottom - b + y && (N(!0), f = !1, g = !0, l = !0), f) {\n var i = parseInt(W.css(\"top\"));\n if (\"up\" === p && 0 !== i) {\n var T = c > -i ? 0 : i + c;\n W.css(\"top\", T + \"px\");\n } else if (\"down\" === p && i > -y) {\n var T = c > y + i ? -y : i - c;\n W.css(\"top\", T + \"px\");\n }\n }\n (f || l || g) && a <= M.top - w && S(), (f || l || g) && O(), (U.syncPosition && f || l) && j(), W.trigger(\"stickUp:scroll\");\n }\n },\n Q = function Q(t) {\n W.trigger(\"stickUp:resize\", U), w = null !== U.topMargin ? T() : 0, l && (N(), g = !1), L(t);\n },\n R = function R(s, i) {\n W = t(s), W.addClass(U.namespaceClass), i && t.extend(!0, U, i), w = null !== U.topMargin ? T() : 0, U.lazyHeight && (w += U.lazyHeight), U.keepInWrapper ? (\"\" !== U.wrapperSelector && (C = W.closest(U.wrapperSelector)), C.length || (C = W.parent())) : C = t(\"body\"), U.zIndex && W.css(\"z-index\", U.zIndex), j && E(), t(e).on(\"scroll.stickUp\", L), t(e).on(\"resize.stickUp\", Q), L({\n target: o\n });\n };\n R.call(this, _s, i);\n };\n t.fn.stickUp = function (t) {\n return this.each(function () {\n new s(this, t);\n });\n };\n}(jQuery, window, document);","function _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\nvar global = typeof globalThis !== 'undefined' && globalThis || typeof self !== 'undefined' && self || typeof global !== 'undefined' && global;\nvar support = {\n searchParams: 'URLSearchParams' in global,\n iterable: 'Symbol' in global && 'iterator' in Symbol,\n blob: 'FileReader' in global && 'Blob' in global && function () {\n try {\n new Blob();\n return true;\n } catch (e) {\n return false;\n }\n }(),\n formData: 'FormData' in global,\n arrayBuffer: 'ArrayBuffer' in global\n};\nfunction isDataView(obj) {\n return obj && DataView.prototype.isPrototypeOf(obj);\n}\nif (support.arrayBuffer) {\n var viewClasses = ['[object Int8Array]', '[object Uint8Array]', '[object Uint8ClampedArray]', '[object Int16Array]', '[object Uint16Array]', '[object Int32Array]', '[object Uint32Array]', '[object Float32Array]', '[object Float64Array]'];\n var isArrayBufferView = ArrayBuffer.isView || function (obj) {\n return obj && viewClasses.indexOf(Object.prototype.toString.call(obj)) > -1;\n };\n}\nfunction normalizeName(name) {\n if (typeof name !== 'string') {\n name = String(name);\n }\n if (/[^a-z0-9\\-#$%&'*+.^_`|~!]/i.test(name) || name === '') {\n throw new TypeError('Invalid character in header field name: \"' + name + '\"');\n }\n return name.toLowerCase();\n}\nfunction normalizeValue(value) {\n if (typeof value !== 'string') {\n value = String(value);\n }\n return value;\n}\n\n// Build a destructive iterator for the value list\nfunction iteratorFor(items) {\n var iterator = {\n next: function next() {\n var value = items.shift();\n return {\n done: value === undefined,\n value: value\n };\n }\n };\n if (support.iterable) {\n iterator[Symbol.iterator] = function () {\n return iterator;\n };\n }\n return iterator;\n}\nexport function Headers(headers) {\n this.map = {};\n if (headers instanceof Headers) {\n headers.forEach(function (value, name) {\n this.append(name, value);\n }, this);\n } else if (Array.isArray(headers)) {\n headers.forEach(function (header) {\n this.append(header[0], header[1]);\n }, this);\n } else if (headers) {\n Object.getOwnPropertyNames(headers).forEach(function (name) {\n this.append(name, headers[name]);\n }, this);\n }\n}\nHeaders.prototype.append = function (name, value) {\n name = normalizeName(name);\n value = normalizeValue(value);\n var oldValue = this.map[name];\n this.map[name] = oldValue ? oldValue + ', ' + value : value;\n};\nHeaders.prototype['delete'] = function (name) {\n delete this.map[normalizeName(name)];\n};\nHeaders.prototype.get = function (name) {\n name = normalizeName(name);\n return this.has(name) ? this.map[name] : null;\n};\nHeaders.prototype.has = function (name) {\n return this.map.hasOwnProperty(normalizeName(name));\n};\nHeaders.prototype.set = function (name, value) {\n this.map[normalizeName(name)] = normalizeValue(value);\n};\nHeaders.prototype.forEach = function (callback, thisArg) {\n for (var name in this.map) {\n if (this.map.hasOwnProperty(name)) {\n callback.call(thisArg, this.map[name], name, this);\n }\n }\n};\nHeaders.prototype.keys = function () {\n var items = [];\n this.forEach(function (value, name) {\n items.push(name);\n });\n return iteratorFor(items);\n};\nHeaders.prototype.values = function () {\n var items = [];\n this.forEach(function (value) {\n items.push(value);\n });\n return iteratorFor(items);\n};\nHeaders.prototype.entries = function () {\n var items = [];\n this.forEach(function (value, name) {\n items.push([name, value]);\n });\n return iteratorFor(items);\n};\nif (support.iterable) {\n Headers.prototype[Symbol.iterator] = Headers.prototype.entries;\n}\nfunction consumed(body) {\n if (body.bodyUsed) {\n return Promise.reject(new TypeError('Already read'));\n }\n body.bodyUsed = true;\n}\nfunction fileReaderReady(reader) {\n return new Promise(function (resolve, reject) {\n reader.onload = function () {\n resolve(reader.result);\n };\n reader.onerror = function () {\n reject(reader.error);\n };\n });\n}\nfunction readBlobAsArrayBuffer(blob) {\n var reader = new FileReader();\n var promise = fileReaderReady(reader);\n reader.readAsArrayBuffer(blob);\n return promise;\n}\nfunction readBlobAsText(blob) {\n var reader = new FileReader();\n var promise = fileReaderReady(reader);\n reader.readAsText(blob);\n return promise;\n}\nfunction readArrayBufferAsText(buf) {\n var view = new Uint8Array(buf);\n var chars = new Array(view.length);\n for (var i = 0; i < view.length; i++) {\n chars[i] = String.fromCharCode(view[i]);\n }\n return chars.join('');\n}\nfunction bufferClone(buf) {\n if (buf.slice) {\n return buf.slice(0);\n } else {\n var view = new Uint8Array(buf.byteLength);\n view.set(new Uint8Array(buf));\n return view.buffer;\n }\n}\nfunction Body() {\n this.bodyUsed = false;\n this._initBody = function (body) {\n /*\n fetch-mock wraps the Response object in an ES6 Proxy to\n provide useful test harness features such as flush. However, on\n ES5 browsers without fetch or Proxy support pollyfills must be used;\n the proxy-pollyfill is unable to proxy an attribute unless it exists\n on the object before the Proxy is created. This change ensures\n Response.bodyUsed exists on the instance, while maintaining the\n semantic of setting Request.bodyUsed in the constructor before\n _initBody is called.\n */\n this.bodyUsed = this.bodyUsed;\n this._bodyInit = body;\n if (!body) {\n this._bodyText = '';\n } else if (typeof body === 'string') {\n this._bodyText = body;\n } else if (support.blob && Blob.prototype.isPrototypeOf(body)) {\n this._bodyBlob = body;\n } else if (support.formData && FormData.prototype.isPrototypeOf(body)) {\n this._bodyFormData = body;\n } else if (support.searchParams && URLSearchParams.prototype.isPrototypeOf(body)) {\n this._bodyText = body.toString();\n } else if (support.arrayBuffer && support.blob && isDataView(body)) {\n this._bodyArrayBuffer = bufferClone(body.buffer);\n // IE 10-11 can't handle a DataView body.\n this._bodyInit = new Blob([this._bodyArrayBuffer]);\n } else if (support.arrayBuffer && (ArrayBuffer.prototype.isPrototypeOf(body) || isArrayBufferView(body))) {\n this._bodyArrayBuffer = bufferClone(body);\n } else {\n this._bodyText = body = Object.prototype.toString.call(body);\n }\n if (!this.headers.get('content-type')) {\n if (typeof body === 'string') {\n this.headers.set('content-type', 'text/plain;charset=UTF-8');\n } else if (this._bodyBlob && this._bodyBlob.type) {\n this.headers.set('content-type', this._bodyBlob.type);\n } else if (support.searchParams && URLSearchParams.prototype.isPrototypeOf(body)) {\n this.headers.set('content-type', 'application/x-www-form-urlencoded;charset=UTF-8');\n }\n }\n };\n if (support.blob) {\n this.blob = function () {\n var rejected = consumed(this);\n if (rejected) {\n return rejected;\n }\n if (this._bodyBlob) {\n return Promise.resolve(this._bodyBlob);\n } else if (this._bodyArrayBuffer) {\n return Promise.resolve(new Blob([this._bodyArrayBuffer]));\n } else if (this._bodyFormData) {\n throw new Error('could not read FormData body as blob');\n } else {\n return Promise.resolve(new Blob([this._bodyText]));\n }\n };\n this.arrayBuffer = function () {\n if (this._bodyArrayBuffer) {\n var isConsumed = consumed(this);\n if (isConsumed) {\n return isConsumed;\n }\n if (ArrayBuffer.isView(this._bodyArrayBuffer)) {\n return Promise.resolve(this._bodyArrayBuffer.buffer.slice(this._bodyArrayBuffer.byteOffset, this._bodyArrayBuffer.byteOffset + this._bodyArrayBuffer.byteLength));\n } else {\n return Promise.resolve(this._bodyArrayBuffer);\n }\n } else {\n return this.blob().then(readBlobAsArrayBuffer);\n }\n };\n }\n this.text = function () {\n var rejected = consumed(this);\n if (rejected) {\n return rejected;\n }\n if (this._bodyBlob) {\n return readBlobAsText(this._bodyBlob);\n } else if (this._bodyArrayBuffer) {\n return Promise.resolve(readArrayBufferAsText(this._bodyArrayBuffer));\n } else if (this._bodyFormData) {\n throw new Error('could not read FormData body as text');\n } else {\n return Promise.resolve(this._bodyText);\n }\n };\n if (support.formData) {\n this.formData = function () {\n return this.text().then(decode);\n };\n }\n this.json = function () {\n return this.text().then(JSON.parse);\n };\n return this;\n}\n\n// HTTP methods whose capitalization should be normalized\nvar methods = ['DELETE', 'GET', 'HEAD', 'OPTIONS', 'POST', 'PUT'];\nfunction normalizeMethod(method) {\n var upcased = method.toUpperCase();\n return methods.indexOf(upcased) > -1 ? upcased : method;\n}\nexport function Request(input, options) {\n if (!(this instanceof Request)) {\n throw new TypeError('Please use the \"new\" operator, this DOM object constructor cannot be called as a function.');\n }\n options = options || {};\n var body = options.body;\n if (input instanceof Request) {\n if (input.bodyUsed) {\n throw new TypeError('Already read');\n }\n this.url = input.url;\n this.credentials = input.credentials;\n if (!options.headers) {\n this.headers = new Headers(input.headers);\n }\n this.method = input.method;\n this.mode = input.mode;\n this.signal = input.signal;\n if (!body && input._bodyInit != null) {\n body = input._bodyInit;\n input.bodyUsed = true;\n }\n } else {\n this.url = String(input);\n }\n this.credentials = options.credentials || this.credentials || 'same-origin';\n if (options.headers || !this.headers) {\n this.headers = new Headers(options.headers);\n }\n this.method = normalizeMethod(options.method || this.method || 'GET');\n this.mode = options.mode || this.mode || null;\n this.signal = options.signal || this.signal;\n this.referrer = null;\n if ((this.method === 'GET' || this.method === 'HEAD') && body) {\n throw new TypeError('Body not allowed for GET or HEAD requests');\n }\n this._initBody(body);\n if (this.method === 'GET' || this.method === 'HEAD') {\n if (options.cache === 'no-store' || options.cache === 'no-cache') {\n // Search for a '_' parameter in the query string\n var reParamSearch = /([?&])_=[^&]*/;\n if (reParamSearch.test(this.url)) {\n // If it already exists then set the value with the current time\n this.url = this.url.replace(reParamSearch, '$1_=' + new Date().getTime());\n } else {\n // Otherwise add a new '_' parameter to the end with the current time\n var reQueryString = /\\?/;\n this.url += (reQueryString.test(this.url) ? '&' : '?') + '_=' + new Date().getTime();\n }\n }\n }\n}\nRequest.prototype.clone = function () {\n return new Request(this, {\n body: this._bodyInit\n });\n};\nfunction decode(body) {\n var form = new FormData();\n body.trim().split('&').forEach(function (bytes) {\n if (bytes) {\n var split = bytes.split('=');\n var name = split.shift().replace(/\\+/g, ' ');\n var value = split.join('=').replace(/\\+/g, ' ');\n form.append(decodeURIComponent(name), decodeURIComponent(value));\n }\n });\n return form;\n}\nfunction parseHeaders(rawHeaders) {\n var headers = new Headers();\n // Replace instances of \\r\\n and \\n followed by at least one space or horizontal tab with a space\n // https://tools.ietf.org/html/rfc7230#section-3.2\n var preProcessedHeaders = rawHeaders.replace(/\\r?\\n[\\t ]+/g, ' ');\n // Avoiding split via regex to work around a common IE11 bug with the core-js 3.6.0 regex polyfill\n // https://github.com/github/fetch/issues/748\n // https://github.com/zloirock/core-js/issues/751\n preProcessedHeaders.split('\\r').map(function (header) {\n return header.indexOf('\\n') === 0 ? header.substr(1, header.length) : header;\n }).forEach(function (line) {\n var parts = line.split(':');\n var key = parts.shift().trim();\n if (key) {\n var value = parts.join(':').trim();\n headers.append(key, value);\n }\n });\n return headers;\n}\nBody.call(Request.prototype);\nexport function Response(bodyInit, options) {\n if (!(this instanceof Response)) {\n throw new TypeError('Please use the \"new\" operator, this DOM object constructor cannot be called as a function.');\n }\n if (!options) {\n options = {};\n }\n this.type = 'default';\n this.status = options.status === undefined ? 200 : options.status;\n this.ok = this.status >= 200 && this.status < 300;\n this.statusText = options.statusText === undefined ? '' : '' + options.statusText;\n this.headers = new Headers(options.headers);\n this.url = options.url || '';\n this._initBody(bodyInit);\n}\nBody.call(Response.prototype);\nResponse.prototype.clone = function () {\n return new Response(this._bodyInit, {\n status: this.status,\n statusText: this.statusText,\n headers: new Headers(this.headers),\n url: this.url\n });\n};\nResponse.error = function () {\n var response = new Response(null, {\n status: 0,\n statusText: ''\n });\n response.type = 'error';\n return response;\n};\nvar redirectStatuses = [301, 302, 303, 307, 308];\nResponse.redirect = function (url, status) {\n if (redirectStatuses.indexOf(status) === -1) {\n throw new RangeError('Invalid status code');\n }\n return new Response(null, {\n status: status,\n headers: {\n location: url\n }\n });\n};\nexport var DOMException = global.DOMException;\ntry {\n new DOMException();\n} catch (err) {\n DOMException = function DOMException(message, name) {\n this.message = message;\n this.name = name;\n var error = Error(message);\n this.stack = error.stack;\n };\n DOMException.prototype = Object.create(Error.prototype);\n DOMException.prototype.constructor = DOMException;\n}\nexport function fetch(input, init) {\n return new Promise(function (resolve, reject) {\n var request = new Request(input, init);\n if (request.signal && request.signal.aborted) {\n return reject(new DOMException('Aborted', 'AbortError'));\n }\n var xhr = new XMLHttpRequest();\n function abortXhr() {\n xhr.abort();\n }\n xhr.onload = function () {\n var options = {\n status: xhr.status,\n statusText: xhr.statusText,\n headers: parseHeaders(xhr.getAllResponseHeaders() || '')\n };\n options.url = 'responseURL' in xhr ? xhr.responseURL : options.headers.get('X-Request-URL');\n var body = 'response' in xhr ? xhr.response : xhr.responseText;\n setTimeout(function () {\n resolve(new Response(body, options));\n }, 0);\n };\n xhr.onerror = function () {\n setTimeout(function () {\n reject(new TypeError('Network request failed'));\n }, 0);\n };\n xhr.ontimeout = function () {\n setTimeout(function () {\n reject(new TypeError('Network request failed'));\n }, 0);\n };\n xhr.onabort = function () {\n setTimeout(function () {\n reject(new DOMException('Aborted', 'AbortError'));\n }, 0);\n };\n function fixUrl(url) {\n try {\n return url === '' && global.location.href ? global.location.href : url;\n } catch (e) {\n return url;\n }\n }\n xhr.open(request.method, fixUrl(request.url), true);\n if (request.credentials === 'include') {\n xhr.withCredentials = true;\n } else if (request.credentials === 'omit') {\n xhr.withCredentials = false;\n }\n if ('responseType' in xhr) {\n if (support.blob) {\n xhr.responseType = 'blob';\n } else if (support.arrayBuffer && request.headers.get('Content-Type') && request.headers.get('Content-Type').indexOf('application/octet-stream') !== -1) {\n xhr.responseType = 'arraybuffer';\n }\n }\n if (init && _typeof(init.headers) === 'object' && !(init.headers instanceof Headers)) {\n Object.getOwnPropertyNames(init.headers).forEach(function (name) {\n xhr.setRequestHeader(name, normalizeValue(init.headers[name]));\n });\n } else {\n request.headers.forEach(function (value, name) {\n xhr.setRequestHeader(name, value);\n });\n }\n if (request.signal) {\n request.signal.addEventListener('abort', abortXhr);\n xhr.onreadystatechange = function () {\n // DONE (success or failure)\n if (xhr.readyState === 4) {\n request.signal.removeEventListener('abort', abortXhr);\n }\n };\n }\n xhr.send(typeof request._bodyInit === 'undefined' ? null : request._bodyInit);\n });\n}\nfetch.polyfill = true;\nif (!global.fetch) {\n global.fetch = fetch;\n global.Headers = Headers;\n global.Request = Request;\n global.Response = Response;\n}","/* global $ */\nimport Events from '../../../javascript/src/config/events.js'\nimport AbPubSub from '$lib/ab_pubsub'\n\nexport default class MultiSelectMultiline {\n get selector() {\n return '.js-multi-selectize-multiline'\n }\n\n get triggerSelector() {\n return 'js-multi-selectize-multiline--dynamic'\n }\n\n constructor(cfg = {}) {\n this.pubSub = AbPubSub.getInstance()\n this.pubSub.subscribe(Events.ON_SINGLE_SELECT_CHANGE, this.onSingleSelectChange.bind(this))\n\n const $selectizeSelector = $(this.selector)\n\n $selectizeSelector.each((_index, elem) => {\n let config = Object.assign({}, cfg)\n const $currentSelectize = $(elem)\n const isDynamic = $currentSelectize.hasClass(this.triggerSelector)\n const maxItems = $currentSelectize.data('maxItems')\n\n let individualConf = {\n sortField: [{ field: 'text', direction: 'asc' }]\n }\n\n if (isDynamic) {\n const model = $currentSelectize.data('dynamicModel')\n individualConf = this.initAjax(model)\n }\n\n if (maxItems) {\n individualConf.maxItems = maxItems\n }\n\n config = Object.assign(individualConf, config)\n $currentSelectize.selectize(config)\n })\n }\n\n /*\n * React to change in a different single select(ize) field\n */\n onSingleSelectChange(e) {\n // Get important info from pubsub event\n const targetId = e.id\n const targetText = e.currentText\n const { previousValue, previousText } = e\n\n // Find the multiline field that was configured to handle the change event\n $(this.selector).each((_index, elem) => {\n // Extract its `react-to` data value\n const reactToId = $(elem).data('on-single-select-change')\n\n // Check if it matches the target id\n // Note: this `endsWith` stuff seems hacky but matches the haml code nicely\n if (reactToId && targetId.endsWith(reactToId)) {\n const $currentSelectize = $(elem)[0].selectize\n\n // Find the option to remove by finding the correct text\n //\n // Note: For some reason the `value`s don't match between\n // the two selectize fields, so we cannot compare them with that\n const { options } = $currentSelectize\n const optionKeys = Object.keys(options)\n const optionToRemove = optionKeys.find(i => options[i].text === targetText)\n\n // Remove the selected option and (re-)add the deselected option\n $currentSelectize.removeOption(optionToRemove)\n $currentSelectize.addOption({\n text: previousText,\n value: previousValue\n })\n }\n })\n }\n\n initAjax(model) {\n return {\n load: (query, callback) => {\n if (!query.length) {\n return callback()\n }\n this.loadData(query, model).then(data => {\n callback(data)\n })\n\n // es lint\n return true\n }\n }\n }\n\n loadData(query, model) {\n return $.ajax({\n url: `/ajax/selectize_${model}/`,\n type: 'GET',\n dataType: 'json',\n data: {\n name: query\n }\n })\n }\n}\n","var isObject = require('./isObject'),\n now = require('./now'),\n toNumber = require('./toNumber');\n\n/** Error message constants. */\nvar FUNC_ERROR_TEXT = 'Expected a function';\n\n/* Built-in method references for those with the same name as other `lodash` methods. */\nvar nativeMax = Math.max,\n nativeMin = Math.min;\n\n/**\n * Creates a debounced function that delays invoking `func` until after `wait`\n * milliseconds have elapsed since the last time the debounced function was\n * invoked. The debounced function comes with a `cancel` method to cancel\n * delayed `func` invocations and a `flush` method to immediately invoke them.\n * Provide `options` to indicate whether `func` should be invoked on the\n * leading and/or trailing edge of the `wait` timeout. The `func` is invoked\n * with the last arguments provided to the debounced function. Subsequent\n * calls to the debounced function return the result of the last `func`\n * invocation.\n *\n * **Note:** If `leading` and `trailing` options are `true`, `func` is\n * invoked on the trailing edge of the timeout only if the debounced function\n * is invoked more than once during the `wait` timeout.\n *\n * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred\n * until to the next tick, similar to `setTimeout` with a timeout of `0`.\n *\n * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)\n * for details over the differences between `_.debounce` and `_.throttle`.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Function\n * @param {Function} func The function to debounce.\n * @param {number} [wait=0] The number of milliseconds to delay.\n * @param {Object} [options={}] The options object.\n * @param {boolean} [options.leading=false]\n * Specify invoking on the leading edge of the timeout.\n * @param {number} [options.maxWait]\n * The maximum time `func` is allowed to be delayed before it's invoked.\n * @param {boolean} [options.trailing=true]\n * Specify invoking on the trailing edge of the timeout.\n * @returns {Function} Returns the new debounced function.\n * @example\n *\n * // Avoid costly calculations while the window size is in flux.\n * jQuery(window).on('resize', _.debounce(calculateLayout, 150));\n *\n * // Invoke `sendMail` when clicked, debouncing subsequent calls.\n * jQuery(element).on('click', _.debounce(sendMail, 300, {\n * 'leading': true,\n * 'trailing': false\n * }));\n *\n * // Ensure `batchLog` is invoked once after 1 second of debounced calls.\n * var debounced = _.debounce(batchLog, 250, { 'maxWait': 1000 });\n * var source = new EventSource('/stream');\n * jQuery(source).on('message', debounced);\n *\n * // Cancel the trailing debounced invocation.\n * jQuery(window).on('popstate', debounced.cancel);\n */\nfunction debounce(func, wait, options) {\n var lastArgs,\n lastThis,\n maxWait,\n result,\n timerId,\n lastCallTime,\n lastInvokeTime = 0,\n leading = false,\n maxing = false,\n trailing = true;\n if (typeof func != 'function') {\n throw new TypeError(FUNC_ERROR_TEXT);\n }\n wait = toNumber(wait) || 0;\n if (isObject(options)) {\n leading = !!options.leading;\n maxing = 'maxWait' in options;\n maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;\n trailing = 'trailing' in options ? !!options.trailing : trailing;\n }\n function invokeFunc(time) {\n var args = lastArgs,\n thisArg = lastThis;\n lastArgs = lastThis = undefined;\n lastInvokeTime = time;\n result = func.apply(thisArg, args);\n return result;\n }\n function leadingEdge(time) {\n // Reset any `maxWait` timer.\n lastInvokeTime = time;\n // Start the timer for the trailing edge.\n timerId = setTimeout(timerExpired, wait);\n // Invoke the leading edge.\n return leading ? invokeFunc(time) : result;\n }\n function remainingWait(time) {\n var timeSinceLastCall = time - lastCallTime,\n timeSinceLastInvoke = time - lastInvokeTime,\n timeWaiting = wait - timeSinceLastCall;\n return maxing ? nativeMin(timeWaiting, maxWait - timeSinceLastInvoke) : timeWaiting;\n }\n function shouldInvoke(time) {\n var timeSinceLastCall = time - lastCallTime,\n timeSinceLastInvoke = time - lastInvokeTime;\n\n // Either this is the first call, activity has stopped and we're at the\n // trailing edge, the system time has gone backwards and we're treating\n // it as the trailing edge, or we've hit the `maxWait` limit.\n return lastCallTime === undefined || timeSinceLastCall >= wait || timeSinceLastCall < 0 || maxing && timeSinceLastInvoke >= maxWait;\n }\n function timerExpired() {\n var time = now();\n if (shouldInvoke(time)) {\n return trailingEdge(time);\n }\n // Restart the timer.\n timerId = setTimeout(timerExpired, remainingWait(time));\n }\n function trailingEdge(time) {\n timerId = undefined;\n\n // Only invoke if we have `lastArgs` which means `func` has been\n // debounced at least once.\n if (trailing && lastArgs) {\n return invokeFunc(time);\n }\n lastArgs = lastThis = undefined;\n return result;\n }\n function cancel() {\n if (timerId !== undefined) {\n clearTimeout(timerId);\n }\n lastInvokeTime = 0;\n lastArgs = lastCallTime = lastThis = timerId = undefined;\n }\n function flush() {\n return timerId === undefined ? result : trailingEdge(now());\n }\n function debounced() {\n var time = now(),\n isInvoking = shouldInvoke(time);\n lastArgs = arguments;\n lastThis = this;\n lastCallTime = time;\n if (isInvoking) {\n if (timerId === undefined) {\n return leadingEdge(lastCallTime);\n }\n if (maxing) {\n // Handle invocations in a tight loop.\n clearTimeout(timerId);\n timerId = setTimeout(timerExpired, wait);\n return invokeFunc(lastCallTime);\n }\n }\n if (timerId === undefined) {\n timerId = setTimeout(timerExpired, wait);\n }\n return result;\n }\n debounced.cancel = cancel;\n debounced.flush = flush;\n return debounced;\n}\nmodule.exports = debounce;","/* global $ */\n\nconst DROPDOWN_SELECTOR = '.scrollable-anchor-dropdown'\n\nexport default class ScrollableAnchorDropdown {\n constructor(anchorBox, listContent) {\n this.$anchorBox = anchorBox\n this.$listContent = listContent\n this.openClass = `${DROPDOWN_SELECTOR}--open`.substring(1)\n this.defaultLabel = $(`${DROPDOWN_SELECTOR}--default`).text()\n this.linkToAnchorBox()\n this.initEvents()\n this.reset()\n }\n\n linkToAnchorBox() {\n this.$instance = $(DROPDOWN_SELECTOR)\n this.$row = this.$instance.find(`${DROPDOWN_SELECTOR}__row`)\n this.$anchorLinks = this.$instance.find('.scrollable-anchor-box__link')\n this.$label = this.$instance.find(`${DROPDOWN_SELECTOR}__active`)\n }\n\n initEvents() {\n this.$instance.on('click', `${DROPDOWN_SELECTOR}__row`, this.toggleSelectionBox.bind(this))\n this.$anchorLinks.on('click', this.onSelect.bind(this))\n }\n\n toggleSelectionBox() {\n this.$instance.toggleClass(this.openClass)\n }\n\n onSelect(event) {\n const $target = $(event.currentTarget)\n this.copyActive($target)\n this.toggleSelectionBox()\n }\n\n copyActive($target) {\n const $selectedItem = $('', {\n class: 'base-box__item scrollable-anchor-box__item',\n css: {\n 'counter-increment': `scrollable_anchor_dropdown ${this.$anchorLinks.index($target) + 1}`,\n },\n html: `${$target.text()}
`,\n })\n\n this.$label.empty().append($selectedItem)\n }\n\n reset() {\n const $selectedItem = $('', {\n html: `${this.defaultLabel}
`,\n })\n this.$label.empty().append($selectedItem)\n }\n\n hide() {\n this.$row.hide()\n }\n\n show() {\n this.$row.show()\n }\n}\n","function _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\n(function (window, factory) {\n var lazySizes = factory(window, window.document, Date);\n window.lazySizes = lazySizes;\n if ((typeof module === \"undefined\" ? \"undefined\" : _typeof(module)) == 'object' && module.exports) {\n module.exports = lazySizes;\n }\n})(typeof window != 'undefined' ? window : {},\n/**\n * import(\"./types/global\")\n * @typedef { import(\"./types/lazysizes-config\").LazySizesConfigPartial } LazySizesConfigPartial\n */\nfunction l(window, document, Date) {\n // Pass in the window Date function also for SSR because the Date class can be lost\n 'use strict';\n\n /*jshint eqnull:true */\n var lazysizes,\n /**\n * @type { LazySizesConfigPartial }\n */\n lazySizesCfg;\n (function () {\n var prop;\n var lazySizesDefaults = {\n lazyClass: 'lazyload',\n loadedClass: 'lazyloaded',\n loadingClass: 'lazyloading',\n preloadClass: 'lazypreload',\n errorClass: 'lazyerror',\n //strictClass: 'lazystrict',\n autosizesClass: 'lazyautosizes',\n fastLoadedClass: 'ls-is-cached',\n iframeLoadMode: 0,\n srcAttr: 'data-src',\n srcsetAttr: 'data-srcset',\n sizesAttr: 'data-sizes',\n //preloadAfterLoad: false,\n minSize: 40,\n customMedia: {},\n init: true,\n expFactor: 1.5,\n hFac: 0.8,\n loadMode: 2,\n loadHidden: true,\n ricTimeout: 0,\n throttleDelay: 125\n };\n lazySizesCfg = window.lazySizesConfig || window.lazysizesConfig || {};\n for (prop in lazySizesDefaults) {\n if (!(prop in lazySizesCfg)) {\n lazySizesCfg[prop] = lazySizesDefaults[prop];\n }\n }\n })();\n if (!document || !document.getElementsByClassName) {\n return {\n init: function init() {},\n /**\n * @type { LazySizesConfigPartial }\n */\n cfg: lazySizesCfg,\n /**\n * @type { true }\n */\n noSupport: true\n };\n }\n var docElem = document.documentElement;\n var supportPicture = window.HTMLPictureElement;\n var _addEventListener = 'addEventListener';\n var _getAttribute = 'getAttribute';\n\n /**\n * Update to bind to window because 'this' becomes null during SSR\n * builds.\n */\n var addEventListener = window[_addEventListener].bind(window);\n var setTimeout = window.setTimeout;\n var requestAnimationFrame = window.requestAnimationFrame || setTimeout;\n var requestIdleCallback = window.requestIdleCallback;\n var regPicture = /^picture$/i;\n var loadEvents = ['load', 'error', 'lazyincluded', '_lazyloaded'];\n var regClassCache = {};\n var forEach = Array.prototype.forEach;\n\n /**\n * @param ele {Element}\n * @param cls {string}\n */\n var hasClass = function hasClass(ele, cls) {\n if (!regClassCache[cls]) {\n regClassCache[cls] = new RegExp('(\\\\s|^)' + cls + '(\\\\s|$)');\n }\n return regClassCache[cls].test(ele[_getAttribute]('class') || '') && regClassCache[cls];\n };\n\n /**\n * @param ele {Element}\n * @param cls {string}\n */\n var addClass = function addClass(ele, cls) {\n if (!hasClass(ele, cls)) {\n ele.setAttribute('class', (ele[_getAttribute]('class') || '').trim() + ' ' + cls);\n }\n };\n\n /**\n * @param ele {Element}\n * @param cls {string}\n */\n var removeClass = function removeClass(ele, cls) {\n var reg;\n if (reg = hasClass(ele, cls)) {\n ele.setAttribute('class', (ele[_getAttribute]('class') || '').replace(reg, ' '));\n }\n };\n var addRemoveLoadEvents = function addRemoveLoadEvents(dom, fn, add) {\n var action = add ? _addEventListener : 'removeEventListener';\n if (add) {\n addRemoveLoadEvents(dom, fn);\n }\n loadEvents.forEach(function (evt) {\n dom[action](evt, fn);\n });\n };\n\n /**\n * @param elem { Element }\n * @param name { string }\n * @param detail { any }\n * @param noBubbles { boolean }\n * @param noCancelable { boolean }\n * @returns { CustomEvent }\n */\n var triggerEvent = function triggerEvent(elem, name, detail, noBubbles, noCancelable) {\n var event = document.createEvent('Event');\n if (!detail) {\n detail = {};\n }\n detail.instance = lazysizes;\n event.initEvent(name, !noBubbles, !noCancelable);\n event.detail = detail;\n elem.dispatchEvent(event);\n return event;\n };\n var updatePolyfill = function updatePolyfill(el, full) {\n var polyfill;\n if (!supportPicture && (polyfill = window.picturefill || lazySizesCfg.pf)) {\n if (full && full.src && !el[_getAttribute]('srcset')) {\n el.setAttribute('srcset', full.src);\n }\n polyfill({\n reevaluate: true,\n elements: [el]\n });\n } else if (full && full.src) {\n el.src = full.src;\n }\n };\n var getCSS = function getCSS(elem, style) {\n return (getComputedStyle(elem, null) || {})[style];\n };\n\n /**\n *\n * @param elem { Element }\n * @param parent { Element }\n * @param [width] {number}\n * @returns {number}\n */\n var getWidth = function getWidth(elem, parent, width) {\n width = width || elem.offsetWidth;\n while (width < lazySizesCfg.minSize && parent && !elem._lazysizesWidth) {\n width = parent.offsetWidth;\n parent = parent.parentNode;\n }\n return width;\n };\n var rAF = function () {\n var running, waiting;\n var firstFns = [];\n var secondFns = [];\n var fns = firstFns;\n var run = function run() {\n var runFns = fns;\n fns = firstFns.length ? secondFns : firstFns;\n running = true;\n waiting = false;\n while (runFns.length) {\n runFns.shift()();\n }\n running = false;\n };\n var rafBatch = function rafBatch(fn, queue) {\n if (running && !queue) {\n fn.apply(this, arguments);\n } else {\n fns.push(fn);\n if (!waiting) {\n waiting = true;\n (document.hidden ? setTimeout : requestAnimationFrame)(run);\n }\n }\n };\n rafBatch._lsFlush = run;\n return rafBatch;\n }();\n var rAFIt = function rAFIt(fn, simple) {\n return simple ? function () {\n rAF(fn);\n } : function () {\n var that = this;\n var args = arguments;\n rAF(function () {\n fn.apply(that, args);\n });\n };\n };\n var throttle = function throttle(fn) {\n var running;\n var lastTime = 0;\n var gDelay = lazySizesCfg.throttleDelay;\n var rICTimeout = lazySizesCfg.ricTimeout;\n var run = function run() {\n running = false;\n lastTime = Date.now();\n fn();\n };\n var idleCallback = requestIdleCallback && rICTimeout > 49 ? function () {\n requestIdleCallback(run, {\n timeout: rICTimeout\n });\n if (rICTimeout !== lazySizesCfg.ricTimeout) {\n rICTimeout = lazySizesCfg.ricTimeout;\n }\n } : rAFIt(function () {\n setTimeout(run);\n }, true);\n return function (isPriority) {\n var delay;\n if (isPriority = isPriority === true) {\n rICTimeout = 33;\n }\n if (running) {\n return;\n }\n running = true;\n delay = gDelay - (Date.now() - lastTime);\n if (delay < 0) {\n delay = 0;\n }\n if (isPriority || delay < 9) {\n idleCallback();\n } else {\n setTimeout(idleCallback, delay);\n }\n };\n };\n\n //based on http://modernjavascript.blogspot.de/2013/08/building-better-debounce.html\n var debounce = function debounce(func) {\n var timeout, timestamp;\n var wait = 99;\n var run = function run() {\n timeout = null;\n func();\n };\n var later = function later() {\n var last = Date.now() - timestamp;\n if (last < wait) {\n setTimeout(later, wait - last);\n } else {\n (requestIdleCallback || run)(run);\n }\n };\n return function () {\n timestamp = Date.now();\n if (!timeout) {\n timeout = setTimeout(later, wait);\n }\n };\n };\n var loader = function () {\n var preloadElems, isCompleted, resetPreloadingTimer, loadMode, started;\n var eLvW, elvH, eLtop, eLleft, eLright, eLbottom, isBodyHidden;\n var regImg = /^img$/i;\n var regIframe = /^iframe$/i;\n var supportScroll = 'onscroll' in window && !/(gle|ing)bot/.test(navigator.userAgent);\n var shrinkExpand = 0;\n var currentExpand = 0;\n var isLoading = 0;\n var lowRuns = -1;\n var resetPreloading = function resetPreloading(e) {\n isLoading--;\n if (!e || isLoading < 0 || !e.target) {\n isLoading = 0;\n }\n };\n var isVisible = function isVisible(elem) {\n if (isBodyHidden == null) {\n isBodyHidden = getCSS(document.body, 'visibility') == 'hidden';\n }\n return isBodyHidden || !(getCSS(elem.parentNode, 'visibility') == 'hidden' && getCSS(elem, 'visibility') == 'hidden');\n };\n var isNestedVisible = function isNestedVisible(elem, elemExpand) {\n var outerRect;\n var parent = elem;\n var visible = isVisible(elem);\n eLtop -= elemExpand;\n eLbottom += elemExpand;\n eLleft -= elemExpand;\n eLright += elemExpand;\n while (visible && (parent = parent.offsetParent) && parent != document.body && parent != docElem) {\n visible = (getCSS(parent, 'opacity') || 1) > 0;\n if (visible && getCSS(parent, 'overflow') != 'visible') {\n outerRect = parent.getBoundingClientRect();\n visible = eLright > outerRect.left && eLleft < outerRect.right && eLbottom > outerRect.top - 1 && eLtop < outerRect.bottom + 1;\n }\n }\n return visible;\n };\n var checkElements = function checkElements() {\n var eLlen, i, rect, autoLoadElem, loadedSomething, elemExpand, elemNegativeExpand, elemExpandVal, beforeExpandVal, defaultExpand, preloadExpand, hFac;\n var lazyloadElems = lazysizes.elements;\n if ((loadMode = lazySizesCfg.loadMode) && isLoading < 8 && (eLlen = lazyloadElems.length)) {\n i = 0;\n lowRuns++;\n for (; i < eLlen; i++) {\n if (!lazyloadElems[i] || lazyloadElems[i]._lazyRace) {\n continue;\n }\n if (!supportScroll || lazysizes.prematureUnveil && lazysizes.prematureUnveil(lazyloadElems[i])) {\n unveilElement(lazyloadElems[i]);\n continue;\n }\n if (!(elemExpandVal = lazyloadElems[i][_getAttribute]('data-expand')) || !(elemExpand = elemExpandVal * 1)) {\n elemExpand = currentExpand;\n }\n if (!defaultExpand) {\n defaultExpand = !lazySizesCfg.expand || lazySizesCfg.expand < 1 ? docElem.clientHeight > 500 && docElem.clientWidth > 500 ? 500 : 370 : lazySizesCfg.expand;\n lazysizes._defEx = defaultExpand;\n preloadExpand = defaultExpand * lazySizesCfg.expFactor;\n hFac = lazySizesCfg.hFac;\n isBodyHidden = null;\n if (currentExpand < preloadExpand && isLoading < 1 && lowRuns > 2 && loadMode > 2 && !document.hidden) {\n currentExpand = preloadExpand;\n lowRuns = 0;\n } else if (loadMode > 1 && lowRuns > 1 && isLoading < 6) {\n currentExpand = defaultExpand;\n } else {\n currentExpand = shrinkExpand;\n }\n }\n if (beforeExpandVal !== elemExpand) {\n eLvW = innerWidth + elemExpand * hFac;\n elvH = innerHeight + elemExpand;\n elemNegativeExpand = elemExpand * -1;\n beforeExpandVal = elemExpand;\n }\n rect = lazyloadElems[i].getBoundingClientRect();\n if ((eLbottom = rect.bottom) >= elemNegativeExpand && (eLtop = rect.top) <= elvH && (eLright = rect.right) >= elemNegativeExpand * hFac && (eLleft = rect.left) <= eLvW && (eLbottom || eLright || eLleft || eLtop) && (lazySizesCfg.loadHidden || isVisible(lazyloadElems[i])) && (isCompleted && isLoading < 3 && !elemExpandVal && (loadMode < 3 || lowRuns < 4) || isNestedVisible(lazyloadElems[i], elemExpand))) {\n unveilElement(lazyloadElems[i]);\n loadedSomething = true;\n if (isLoading > 9) {\n break;\n }\n } else if (!loadedSomething && isCompleted && !autoLoadElem && isLoading < 4 && lowRuns < 4 && loadMode > 2 && (preloadElems[0] || lazySizesCfg.preloadAfterLoad) && (preloadElems[0] || !elemExpandVal && (eLbottom || eLright || eLleft || eLtop || lazyloadElems[i][_getAttribute](lazySizesCfg.sizesAttr) != 'auto'))) {\n autoLoadElem = preloadElems[0] || lazyloadElems[i];\n }\n }\n if (autoLoadElem && !loadedSomething) {\n unveilElement(autoLoadElem);\n }\n }\n };\n var throttledCheckElements = throttle(checkElements);\n var switchLoadingClass = function switchLoadingClass(e) {\n var elem = e.target;\n if (elem._lazyCache) {\n delete elem._lazyCache;\n return;\n }\n resetPreloading(e);\n addClass(elem, lazySizesCfg.loadedClass);\n removeClass(elem, lazySizesCfg.loadingClass);\n addRemoveLoadEvents(elem, rafSwitchLoadingClass);\n triggerEvent(elem, 'lazyloaded');\n };\n var rafedSwitchLoadingClass = rAFIt(switchLoadingClass);\n var rafSwitchLoadingClass = function rafSwitchLoadingClass(e) {\n rafedSwitchLoadingClass({\n target: e.target\n });\n };\n var changeIframeSrc = function changeIframeSrc(elem, src) {\n var loadMode = elem.getAttribute('data-load-mode') || lazySizesCfg.iframeLoadMode;\n\n // loadMode can be also a string!\n if (loadMode == 0) {\n elem.contentWindow.location.replace(src);\n } else if (loadMode == 1) {\n elem.src = src;\n }\n };\n var handleSources = function handleSources(source) {\n var customMedia;\n var sourceSrcset = source[_getAttribute](lazySizesCfg.srcsetAttr);\n if (customMedia = lazySizesCfg.customMedia[source[_getAttribute]('data-media') || source[_getAttribute]('media')]) {\n source.setAttribute('media', customMedia);\n }\n if (sourceSrcset) {\n source.setAttribute('srcset', sourceSrcset);\n }\n };\n var lazyUnveil = rAFIt(function (elem, detail, isAuto, sizes, isImg) {\n var src, srcset, parent, isPicture, event, firesLoad;\n if (!(event = triggerEvent(elem, 'lazybeforeunveil', detail)).defaultPrevented) {\n if (sizes) {\n if (isAuto) {\n addClass(elem, lazySizesCfg.autosizesClass);\n } else {\n elem.setAttribute('sizes', sizes);\n }\n }\n srcset = elem[_getAttribute](lazySizesCfg.srcsetAttr);\n src = elem[_getAttribute](lazySizesCfg.srcAttr);\n if (isImg) {\n parent = elem.parentNode;\n isPicture = parent && regPicture.test(parent.nodeName || '');\n }\n firesLoad = detail.firesLoad || 'src' in elem && (srcset || src || isPicture);\n event = {\n target: elem\n };\n addClass(elem, lazySizesCfg.loadingClass);\n if (firesLoad) {\n clearTimeout(resetPreloadingTimer);\n resetPreloadingTimer = setTimeout(resetPreloading, 2500);\n addRemoveLoadEvents(elem, rafSwitchLoadingClass, true);\n }\n if (isPicture) {\n forEach.call(parent.getElementsByTagName('source'), handleSources);\n }\n if (srcset) {\n elem.setAttribute('srcset', srcset);\n } else if (src && !isPicture) {\n if (regIframe.test(elem.nodeName)) {\n changeIframeSrc(elem, src);\n } else {\n elem.src = src;\n }\n }\n if (isImg && (srcset || isPicture)) {\n updatePolyfill(elem, {\n src: src\n });\n }\n }\n if (elem._lazyRace) {\n delete elem._lazyRace;\n }\n removeClass(elem, lazySizesCfg.lazyClass);\n rAF(function () {\n // Part of this can be removed as soon as this fix is older: https://bugs.chromium.org/p/chromium/issues/detail?id=7731 (2015)\n var isLoaded = elem.complete && elem.naturalWidth > 1;\n if (!firesLoad || isLoaded) {\n if (isLoaded) {\n addClass(elem, lazySizesCfg.fastLoadedClass);\n }\n switchLoadingClass(event);\n elem._lazyCache = true;\n setTimeout(function () {\n if ('_lazyCache' in elem) {\n delete elem._lazyCache;\n }\n }, 9);\n }\n if (elem.loading == 'lazy') {\n isLoading--;\n }\n }, true);\n });\n\n /**\n *\n * @param elem { Element }\n */\n var unveilElement = function unveilElement(elem) {\n if (elem._lazyRace) {\n return;\n }\n var detail;\n var isImg = regImg.test(elem.nodeName);\n\n //allow using sizes=\"auto\", but don't use. it's invalid. Use data-sizes=\"auto\" or a valid value for sizes instead (i.e.: sizes=\"80vw\")\n var sizes = isImg && (elem[_getAttribute](lazySizesCfg.sizesAttr) || elem[_getAttribute]('sizes'));\n var isAuto = sizes == 'auto';\n if ((isAuto || !isCompleted) && isImg && (elem[_getAttribute]('src') || elem.srcset) && !elem.complete && !hasClass(elem, lazySizesCfg.errorClass) && hasClass(elem, lazySizesCfg.lazyClass)) {\n return;\n }\n detail = triggerEvent(elem, 'lazyunveilread').detail;\n if (isAuto) {\n autoSizer.updateElem(elem, true, elem.offsetWidth);\n }\n elem._lazyRace = true;\n isLoading++;\n lazyUnveil(elem, detail, isAuto, sizes, isImg);\n };\n var afterScroll = debounce(function () {\n lazySizesCfg.loadMode = 3;\n throttledCheckElements();\n });\n var altLoadmodeScrollListner = function altLoadmodeScrollListner() {\n if (lazySizesCfg.loadMode == 3) {\n lazySizesCfg.loadMode = 2;\n }\n afterScroll();\n };\n var onload = function onload() {\n if (isCompleted) {\n return;\n }\n if (Date.now() - started < 999) {\n setTimeout(onload, 999);\n return;\n }\n isCompleted = true;\n lazySizesCfg.loadMode = 3;\n throttledCheckElements();\n addEventListener('scroll', altLoadmodeScrollListner, true);\n };\n return {\n _: function _() {\n started = Date.now();\n lazysizes.elements = document.getElementsByClassName(lazySizesCfg.lazyClass);\n preloadElems = document.getElementsByClassName(lazySizesCfg.lazyClass + ' ' + lazySizesCfg.preloadClass);\n addEventListener('scroll', throttledCheckElements, true);\n addEventListener('resize', throttledCheckElements, true);\n addEventListener('pageshow', function (e) {\n if (e.persisted) {\n var loadingElements = document.querySelectorAll('.' + lazySizesCfg.loadingClass);\n if (loadingElements.length && loadingElements.forEach) {\n requestAnimationFrame(function () {\n loadingElements.forEach(function (img) {\n if (img.complete) {\n unveilElement(img);\n }\n });\n });\n }\n }\n });\n if (window.MutationObserver) {\n new MutationObserver(throttledCheckElements).observe(docElem, {\n childList: true,\n subtree: true,\n attributes: true\n });\n } else {\n docElem[_addEventListener]('DOMNodeInserted', throttledCheckElements, true);\n docElem[_addEventListener]('DOMAttrModified', throttledCheckElements, true);\n setInterval(throttledCheckElements, 999);\n }\n addEventListener('hashchange', throttledCheckElements, true);\n\n //, 'fullscreenchange'\n ['focus', 'mouseover', 'click', 'load', 'transitionend', 'animationend'].forEach(function (name) {\n document[_addEventListener](name, throttledCheckElements, true);\n });\n if (/d$|^c/.test(document.readyState)) {\n onload();\n } else {\n addEventListener('load', onload);\n document[_addEventListener]('DOMContentLoaded', throttledCheckElements);\n setTimeout(onload, 20000);\n }\n if (lazysizes.elements.length) {\n checkElements();\n rAF._lsFlush();\n } else {\n throttledCheckElements();\n }\n },\n checkElems: throttledCheckElements,\n unveil: unveilElement,\n _aLSL: altLoadmodeScrollListner\n };\n }();\n var autoSizer = function () {\n var autosizesElems;\n var sizeElement = rAFIt(function (elem, parent, event, width) {\n var sources, i, len;\n elem._lazysizesWidth = width;\n width += 'px';\n elem.setAttribute('sizes', width);\n if (regPicture.test(parent.nodeName || '')) {\n sources = parent.getElementsByTagName('source');\n for (i = 0, len = sources.length; i < len; i++) {\n sources[i].setAttribute('sizes', width);\n }\n }\n if (!event.detail.dataAttr) {\n updatePolyfill(elem, event.detail);\n }\n });\n /**\n *\n * @param elem {Element}\n * @param dataAttr\n * @param [width] { number }\n */\n var getSizeElement = function getSizeElement(elem, dataAttr, width) {\n var event;\n var parent = elem.parentNode;\n if (parent) {\n width = getWidth(elem, parent, width);\n event = triggerEvent(elem, 'lazybeforesizes', {\n width: width,\n dataAttr: !!dataAttr\n });\n if (!event.defaultPrevented) {\n width = event.detail.width;\n if (width && width !== elem._lazysizesWidth) {\n sizeElement(elem, parent, event, width);\n }\n }\n }\n };\n var updateElementsSizes = function updateElementsSizes() {\n var i;\n var len = autosizesElems.length;\n if (len) {\n i = 0;\n for (; i < len; i++) {\n getSizeElement(autosizesElems[i]);\n }\n }\n };\n var debouncedUpdateElementsSizes = debounce(updateElementsSizes);\n return {\n _: function _() {\n autosizesElems = document.getElementsByClassName(lazySizesCfg.autosizesClass);\n addEventListener('resize', debouncedUpdateElementsSizes);\n },\n checkElems: debouncedUpdateElementsSizes,\n updateElem: getSizeElement\n };\n }();\n var init = function init() {\n if (!init.i && document.getElementsByClassName) {\n init.i = true;\n autoSizer._();\n loader._();\n }\n };\n setTimeout(function () {\n if (lazySizesCfg.init) {\n init();\n }\n });\n lazysizes = {\n /**\n * @type { LazySizesConfigPartial }\n */\n cfg: lazySizesCfg,\n autoSizer: autoSizer,\n loader: loader,\n init: init,\n uP: updatePolyfill,\n aC: addClass,\n rC: removeClass,\n hC: hasClass,\n fire: triggerEvent,\n gW: getWidth,\n rAF: rAF\n };\n return lazysizes;\n});","/* global $ window */\n\nimport debounce from 'lodash/debounce'\nimport LayoutVariables from '../../../javascript/src/config/layout_variables'\nimport ScrollableAnchorDropdown from './scrollable_anchor_dropdown'\nimport ViewportHelper from '../../../javascript/src/lib/viewport_helper'\nimport AbPubSub from '../../../javascript/src/lib/ab_pubsub'\nimport EVENTS from '../../../javascript/src/config/events'\n\nconst SCROLLABLE_ANCHOR_BOX_WIDGET_SELECTOR = '.scrollable-anchor-box'\nconst MAIN_NAVIGATION_SELECTOR = '.main-navigation'\n\nexport default class AbstractScrollableAnchorBoxWidget {\n constructor(contentContainerSelector = '.ab-cms-content') {\n this.pubSub = AbPubSub.getInstance()\n this.selector = SCROLLABLE_ANCHOR_BOX_WIDGET_SELECTOR\n this.$instance = $(this.selector)\n this.$footer = $('footer')\n this.$list = this.$instance.find(`${this.selector}__list`)\n this.$window = $(window)\n this.$nearestScrollParent = this.$instance.parents('[data-scrollable-parent]')\n this.initializedDropdown = false\n this.$mainNav = $(MAIN_NAVIGATION_SELECTOR)\n this.mainContent = contentContainerSelector\n this.viewPortHelper = ViewportHelper.getInstance()\n\n if (this.$instance.length && this.$list.length) {\n this.initList()\n this.initialListHeight = this.$list[0].scrollHeight\n this.getScrollMarks()\n this.initDropdownMode()\n this.scaleToMax()\n this.initScrollMechanic()\n this.initBehavior()\n }\n }\n\n initList() {\n this.$instance.parent().css('position', 'relative')\n const $parseParent = $('[data-scrollable-parse]')\n\n if (!$parseParent.length) {\n return\n }\n //\n const $anchors = $parseParent.find('.scrollable-anchor')\n\n $anchors.each((i, anchor) => {\n const $tmp = $(anchor)\n const $anchor = $('', {\n href: `#${$tmp.attr('id')}`,\n text: $tmp.attr('data-text-anchor'),\n class: `${this.selector}__link`.substring(1),\n })\n\n const $li = $('', {\n class: 'base-box__item scrollable-anchor-box__item',\n })\n\n const $downloadLink = this.$list.find('.scrollable-anchor-box__item--download-link')\n\n if ($downloadLink.length) {\n // the list is built from the bottom up\n $li.append($anchor).insertBefore($downloadLink)\n } else {\n this.$list.append($li.append($anchor))\n }\n })\n }\n\n getScrollMarks() {\n const $links = this.$instance.find(`${this.selector}__link`)\n this.scrollMarks = []\n\n $links.each((_index, elem) => {\n const $tempLink = $(elem)\n const id = $tempLink.attr('href')\n\n if (id[0] === '#') {\n this.scrollMarks.push({\n $link: $tempLink,\n $target: this.$nearestScrollParent.find(id),\n id,\n })\n }\n })\n }\n\n activateFirstItem() {\n this.activateItem($(`${this.selector}__link`).first())\n }\n\n initBehavior() {\n this.$instance.on('click', `${this.selector}__link`, this.openList.bind(this))\n this.$window.on('resize', this.onResize.bind(this))\n this.pubSub.subscribe(EVENTS.ON_SCROLL_TOP, this.activateFirstItem.bind(this))\n }\n\n initDropdownMode() {\n this.dropdown = new ScrollableAnchorDropdown(this.$instance, this.$list)\n this.dropdown.hide()\n }\n\n initScrollMechanic() {\n this.elemTop = this.$instance.offset().top\n const scrollHandler = debounce(this.onScroll.bind(this), 30, {\n maxWait: 100,\n leading: false,\n trailing: true,\n })\n this.$window.on('scroll', scrollHandler)\n this.onScroll()\n }\n\n onScroll() {\n const viewPortTop = this.$window.scrollTop()\n this.checkPosition(viewPortTop)\n if (!this.isCorpFaqPage()) this.fixatePosition(viewPortTop)\n if (viewPortTop === 0) {\n this.$instance.css({ top: 'auto', bottom: 'auto' })\n this.activateFirstItem()\n this.dropdown.reset()\n }\n this.scrollToActiveTab()\n }\n\n scrollToActiveTab() {\n const activeItem = $(`${this.selector}__item--active`)\n if (activeItem.position() !== undefined) {\n const activeItemPosition = activeItem.position().top\n\n if (activeItemPosition > this.$list.height()) {\n this.$list.animate({\n scrollTop: activeItemPosition,\n })\n }\n\n if (activeItemPosition < this.$list.position().top) {\n this.$list.animate({\n scrollTop: 0,\n })\n }\n }\n }\n\n fixatePosition(viewPortTop) {\n const tempHeight = this.$nearestScrollParent.offset().top + this.$nearestScrollParent.height()\n const maxScrollDepth = tempHeight - this.$instance.height() - this.$footer.height()\n\n const fixateBox = viewPortTop >= this.elemTop && viewPortTop < maxScrollDepth\n const rmBox = viewPortTop > maxScrollDepth\n const resetBox = viewPortTop < this.elemTop\n\n this.toggleClass('--fixed', fixateBox)\n this.toggleClass('--abs', rmBox)\n this.toggleClass('', resetBox)\n }\n\n toggleClass(className, flag) {\n const method = flag ? 'addClass' : 'removeClass'\n const element = `.${this.selector.substring(1)}${className}`\n this.$instance[method](`${this.selector.substring(1)}${className}`)\n\n switch (className) {\n case '--fixed':\n $(element).css({\n top: this.$mainNav.height(),\n bottom: 'auto',\n })\n break\n case '--abs':\n $(element).css({\n top: 'auto',\n bottom: '0',\n })\n break\n default:\n $(element).css({\n top: 'auto',\n bottom: 'auto',\n })\n break\n }\n }\n\n onResize() {\n this.elemTop = this.$instance.parent().offset().top\n this.scaleToMax()\n }\n\n scaleToMax() {\n const windowWidth = this.$window.width()\n\n if (windowWidth >= LayoutVariables.desktopWidth) {\n const windowHeight = this.$window.innerHeight()\n const padding = parseFloat(\n $(this.mainContent)\n .css('padding-top')\n .replace(/[A-Za-z]/g, '')\n )\n\n this.$instance.innerHeight(\n this.$instance[0].scrollHeight >= windowHeight ? windowHeight - this.$mainNav.height() - padding - 20 : 'auto'\n )\n const offsetHeight = this.$instance.find(`${this.selector}__header`).outerHeight()\n const listHeight = Math.round(this.initialListHeight + offsetHeight)\n this.$list.height(listHeight >= this.$instance.innerHeight() ? this.$instance.height() - offsetHeight : 'auto')\n\n this.dropdown.hide()\n } else {\n this.dropdown.show()\n this.$list.attr('style', '') // otherwise the dropdown will have a height\n this.$instance.attr('style', '')\n }\n\n this.$instance.innerWidth(this.$instance.parent().width())\n }\n\n checkPosition(viewPortTop) {\n this.scrollMarks.forEach((mark) => {\n // 1px offset fixes problems with items not being activated\n if (mark.$target.offset()) {\n const hitsStartY = viewPortTop >= Math.ceil(mark.$target.offset().top) - 5\n\n if (hitsStartY) {\n this.activeMark = mark\n this.activateItem(this.activeMark.$link)\n }\n }\n })\n }\n\n openList(event) {\n this.activateItem($(event.target))\n }\n\n activateItem($item) {\n const itemSelector = `${this.selector}__item`\n const activeSelector = `${itemSelector}--active`\n const activeClass = activeSelector.substring(1)\n\n $(activeSelector).removeClass(activeClass)\n $item.parents(itemSelector).addClass(activeClass)\n\n if (this.$window.width() < LayoutVariables.desktopWidth) {\n this.dropdown.copyActive($item)\n }\n }\n\n isCorpFaqPage() {\n return this.mainContent !== '.corporation-faqs' && this.viewPortHelper.isMobile()\n }\n}\n","import AbstractScrollableAnchorBoxWidget from './abstract_scrollable_anchor_box_widget'\nimport FixedScrollableAnchorBoxWidget from './fixed_scrollable_anchor_box_widget'\n\nexport { AbstractScrollableAnchorBoxWidget, FixedScrollableAnchorBoxWidget }\n","// Polyfills\nimport 'core-js'\nimport 'string.prototype.includes'\n\n/* global window */\nimport $ from 'jquery'\n\n// custom libs\nimport AbLoadHTMLTemplate from '$lib/html_load_template'\n\nwindow.jQuery = $\nwindow.$ = $\n\n// extending jQuery\nnew AbLoadHTMLTemplate()\n\nrequire('jquery-ujs')\nrequire('slick-carousel')\nrequire('rangeslider.js')\nrequire('string.prototype.includes')\n// Required for CMS images\nrequire('lazysizes')\nwindow.validate = require('validate.js')\nwindow.Selectize = require('selectize')\n\nwindow.GetSelectizeOnBlurConfig = id => {\n const selector = `selectize-on-blur-id-${id}`\n return {\n findAs: selector,\n onDropdownClose: $dropdown => {\n $($dropdown).find('.selected').not('.active').removeClass('selected')\n },\n onFocus: () => {\n const $el = $(`.${selector}`)\n $el.data('previousValue', $el.find('.item').data('value'))\n $el.data('previousText', $el.find('.item').text())\n },\n onBlur: () => {\n const sel = $(`.${selector}`)[0].selectize\n const searchResults = sel.currentResults\n const hasSearchResults = searchResults.total > 0\n // Since we don't get an `itemSelected` event or `onItemAdd` before\n // `onBlur` we have to infer whether the user clicked an item\n // or simply clicked away. After some experimentation this was the\n // most reliable indicator.\n const isPossibleDirectItemClick = searchResults.query === ''\n\n if (hasSearchResults && isPossibleDirectItemClick) {\n // Do nothing, the user has clicked on a search result and this\n // is handled somewhere else\n } else if (hasSearchResults) {\n // The user clicked somewhere else, select the topmost result for her\n const id = searchResults.items[0].id\n sel.setValue(id)\n } else {\n // Do nothing, the user clicked away with no search results\n }\n }\n }\n}\n\n// AB-2991: NodeList was missing forEach(), which broke selectize initialization\n// That’s why we add it here explicitely\nif (window.NodeList && !NodeList.prototype.forEach) {\n NodeList.prototype.forEach = Array.prototype.forEach\n}\n","import AirDatepicker from './air-datepicker';\nexport default AirDatepicker;","function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== \"undefined\" && o[Symbol.iterator] || o[\"@@iterator\"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === \"number\") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e14) { throw _e14; }, f: F }; } throw new TypeError(\"Invalid attempt to iterate non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e15) { didErr = true; err = _e15; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, \"prototype\", { writable: false }); return Constructor; }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _toPropertyKey(arg) { var key = _toPrimitive(arg, \"string\"); return _typeof(key) === \"symbol\" ? key : String(key); }\nfunction _toPrimitive(input, hint) { if (_typeof(input) !== \"object\" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || \"default\"); if (_typeof(res) !== \"object\") return res; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (hint === \"string\" ? String : Number)(input); }\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\nfunction _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }\nfunction _nonIterableSpread() { throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\nfunction _iterableToArray(iter) { if (typeof Symbol !== \"undefined\" && iter[Symbol.iterator] != null || iter[\"@@iterator\"] != null) return Array.from(iter); }\nfunction _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }\nfunction _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\n!function (e, t) {\n \"object\" == (typeof exports === \"undefined\" ? \"undefined\" : _typeof(exports)) && \"object\" == (typeof module === \"undefined\" ? \"undefined\" : _typeof(module)) ? module.exports = t() : \"function\" == typeof define && define.amd ? define([], t) : \"object\" == (typeof exports === \"undefined\" ? \"undefined\" : _typeof(exports)) ? exports.AirDatepicker = t() : e.AirDatepicker = t();\n}(this, function () {\n return function (_$) {\n \"use strict\";\n\n var e = {\n d: function d(t, i) {\n for (var s in i) e.o(i, s) && !e.o(t, s) && Object.defineProperty(t, s, {\n enumerable: !0,\n get: i[s]\n });\n },\n o: function o(e, t) {\n return Object.prototype.hasOwnProperty.call(e, t);\n }\n },\n t = {};\n e.d(t, {\n default: function _default() {\n return K;\n }\n });\n var i = {\n days: \"days\",\n months: \"months\",\n years: \"years\",\n day: \"day\",\n month: \"month\",\n year: \"year\",\n eventChangeViewDate: \"changeViewDate\",\n eventChangeCurrentView: \"changeCurrentView\",\n eventChangeFocusDate: \"changeFocusDate\",\n eventChangeSelectedDate: \"changeSelectedDate\",\n eventChangeTime: \"changeTime\",\n eventChangeLastSelectedDate: \"changeLastSelectedDate\",\n actionSelectDate: \"selectDate\",\n actionUnselectDate: \"unselectDate\",\n cssClassWeekend: \"-weekend-\"\n },\n s = {\n classes: \"\",\n inline: !1,\n locale: {\n days: [\"Воскресенье\", \"Понедельник\", \"Вторник\", \"Среда\", \"Четверг\", \"Пятница\", \"Суббота\"],\n daysShort: [\"Вос\", \"Пон\", \"Вто\", \"Сре\", \"Чет\", \"Пят\", \"Суб\"],\n daysMin: [\"Вс\", \"Пн\", \"Вт\", \"Ср\", \"Чт\", \"Пт\", \"Сб\"],\n months: [\"Январь\", \"Февраль\", \"Март\", \"Апрель\", \"Май\", \"Июнь\", \"Июль\", \"Август\", \"Сентябрь\", \"Октябрь\", \"Ноябрь\", \"Декабрь\"],\n monthsShort: [\"Янв\", \"Фев\", \"Мар\", \"Апр\", \"Май\", \"Июн\", \"Июл\", \"Авг\", \"Сен\", \"Окт\", \"Ноя\", \"Дек\"],\n today: \"Сегодня\",\n clear: \"Очистить\",\n dateFormat: \"dd.MM.yyyy\",\n timeFormat: \"HH:mm\",\n firstDay: 1\n },\n startDate: new Date(),\n firstDay: \"\",\n weekends: [6, 0],\n dateFormat: \"\",\n altField: \"\",\n altFieldDateFormat: \"T\",\n toggleSelected: !0,\n keyboardNav: !0,\n selectedDates: !1,\n container: \"\",\n isMobile: !1,\n visible: !1,\n position: \"bottom left\",\n offset: 12,\n view: i.days,\n minView: i.days,\n showOtherMonths: !0,\n selectOtherMonths: !0,\n moveToOtherMonthsOnSelect: !0,\n showOtherYears: !0,\n selectOtherYears: !0,\n moveToOtherYearsOnSelect: !0,\n minDate: \"\",\n maxDate: \"\",\n disableNavWhenOutOfRange: !0,\n multipleDates: !1,\n multipleDatesSeparator: \", \",\n range: !1,\n dynamicRange: !0,\n buttons: !1,\n monthsField: \"monthsShort\",\n showEvent: \"focus\",\n autoClose: !1,\n prevHtml: '',\n nextHtml: '',\n navTitles: {\n days: \"MMMM, yyyy\",\n months: \"yyyy\",\n years: \"yyyy1 - yyyy2\"\n },\n timepicker: !1,\n onlyTimepicker: !1,\n dateTimeSeparator: \" \",\n timeFormat: \"\",\n minHours: 0,\n maxHours: 24,\n minMinutes: 0,\n maxMinutes: 59,\n hoursStep: 1,\n minutesStep: 1,\n onSelect: !1,\n onChangeViewDate: !1,\n onChangeView: !1,\n onRenderCell: !1,\n onShow: !1,\n onHide: !1\n };\n function a(e) {\n var t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : document;\n return \"string\" == typeof e ? t.querySelector(e) : e;\n }\n function n() {\n var _n$classList;\n var _ref = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : {},\n _ref$tagName = _ref.tagName,\n e = _ref$tagName === void 0 ? \"div\" : _ref$tagName,\n _ref$className = _ref.className,\n t = _ref$className === void 0 ? \"\" : _ref$className,\n _ref$innerHtml = _ref.innerHtml,\n i = _ref$innerHtml === void 0 ? \"\" : _ref$innerHtml,\n _ref$id = _ref.id,\n s = _ref$id === void 0 ? \"\" : _ref$id,\n _ref$attrs = _ref.attrs,\n a = _ref$attrs === void 0 ? {} : _ref$attrs,\n n = document.createElement(e);\n if (t && (_n$classList = n.classList).add.apply(_n$classList, _toConsumableArray(t.split(\" \"))), s && (n.id = s), i && (n.innerHTML = i), a) for (var _e in a) n.setAttribute(_e, a[_e]);\n return n;\n }\n function r(e, t) {\n for (var _i = 0, _Object$entries = Object.entries(t); _i < _Object$entries.length; _i++) {\n var _ref2 = _Object$entries[_i];\n var _ref3 = _slicedToArray(_ref2, 2);\n var _i2 = _ref3[0];\n var _s = _ref3[1];\n e.setAttribute(_i2, _s);\n }\n return e;\n }\n function h(e) {\n return new Date(e.getFullYear(), e.getMonth() + 1, 0).getDate();\n }\n function o(e) {\n var t = e.getHours(),\n i = t % 12 == 0 ? 12 : t % 12;\n return {\n year: e.getFullYear(),\n month: e.getMonth(),\n fullMonth: e.getMonth() + 1 < 10 ? \"0\" + (e.getMonth() + 1) : e.getMonth() + 1,\n date: e.getDate(),\n fullDate: e.getDate() < 10 ? \"0\" + e.getDate() : e.getDate(),\n day: e.getDay(),\n hours: t,\n fullHours: l(t),\n hours12: i,\n fullHours12: l(i),\n minutes: e.getMinutes(),\n fullMinutes: e.getMinutes() < 10 ? \"0\" + e.getMinutes() : e.getMinutes()\n };\n }\n function l(e) {\n return e < 10 ? \"0\" + e : e;\n }\n function d(e) {\n var t = 10 * Math.floor(e.getFullYear() / 10);\n return [t, t + 9];\n }\n function c() {\n var e = [];\n for (var t = arguments.length, i = new Array(t), s = 0; s < t; s++) i[s] = arguments[s];\n return i.forEach(function (t) {\n if (\"object\" == _typeof(t)) for (var _i3 in t) t[_i3] && e.push(_i3);else t && e.push(t);\n }), e.join(\" \");\n }\n function u(e, t) {\n var _r;\n var s = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : i.days;\n if (!e || !t) return !1;\n var a = o(e),\n n = o(t),\n r = (_r = {}, _defineProperty(_r, i.days, a.date === n.date && a.month === n.month && a.year === n.year), _defineProperty(_r, i.months, a.month === n.month && a.year === n.year), _defineProperty(_r, i.years, a.year === n.year), _r);\n return r[s];\n }\n function p(e, t, i) {\n var s = g(e, !1).getTime(),\n a = g(t, !1).getTime();\n return i ? s >= a : s > a;\n }\n function m(e, t) {\n return !p(e, t, !0);\n }\n function g(e) {\n var t = !(arguments.length > 1 && void 0 !== arguments[1]) || arguments[1],\n i = new Date(e.getTime());\n return \"boolean\" != typeof t || t || D(i), i;\n }\n function D(e) {\n return e.setHours(0, 0, 0, 0), e;\n }\n function v(e, t, i) {\n e.length ? e.forEach(function (e) {\n e.addEventListener(t, i);\n }) : e.addEventListener(t, i);\n }\n function y(e, t) {\n return !(!e || e === document || e instanceof DocumentFragment) && (e.matches(t) ? e : y(e.parentNode, t));\n }\n function f(e, t, i) {\n return e > i ? i : e < t ? t : e;\n }\n function w(e) {\n for (var t = arguments.length, i = new Array(t > 1 ? t - 1 : 0), s = 1; s < t; s++) i[s - 1] = arguments[s];\n return i.filter(function (e) {\n return e;\n }).forEach(function (t) {\n for (var _i4 = 0, _Object$entries2 = Object.entries(t); _i4 < _Object$entries2.length; _i4++) {\n var _ref4 = _Object$entries2[_i4];\n var _ref5 = _slicedToArray(_ref4, 2);\n var _i5 = _ref5[0];\n var _s2 = _ref5[1];\n if (void 0 !== _s2 && \"[object Object]\" === _s2.toString()) {\n var _t = void 0 !== e[_i5] ? e[_i5].toString() : void 0,\n _a = _s2.toString(),\n _n = Array.isArray(_s2) ? [] : {};\n e[_i5] = e[_i5] ? _t !== _a ? _n : e[_i5] : _n, w(e[_i5], _s2);\n } else e[_i5] = _s2;\n }\n }), e;\n }\n function b(e) {\n var t = e;\n return e instanceof Date || (t = new Date(e)), isNaN(t.getTime()) && (console.log('Unable to convert value \"'.concat(e, '\" to Date object')), t = !1), t;\n }\n function k(e) {\n var t = \"\\\\s|\\\\.|-|/|\\\\\\\\|,|\\\\$|\\\\!|\\\\?|:|;\";\n return new RegExp(\"(^|>|\" + t + \")(\" + e + \")($|<|\" + t + \")\", \"g\");\n }\n function C(e, t, i) {\n return t in e ? Object.defineProperty(e, t, {\n value: i,\n enumerable: !0,\n configurable: !0,\n writable: !0\n }) : e[t] = i, e;\n }\n var _ = /*#__PURE__*/function () {\n function _() {\n var _this = this;\n _classCallCheck(this, _);\n var _ref6 = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : {},\n e = _ref6.type,\n t = _ref6.date,\n i = _ref6.dp,\n s = _ref6.opts,\n a = _ref6.body;\n C(this, \"focus\", function () {\n _this.$cell.classList.add(\"-focus-\"), _this.focused = !0;\n }), C(this, \"removeFocus\", function () {\n _this.$cell.classList.remove(\"-focus-\"), _this.focused = !1;\n }), C(this, \"select\", function () {\n _this.$cell.classList.add(\"-selected-\"), _this.selected = !0;\n }), C(this, \"removeSelect\", function () {\n _this.$cell.classList.remove(\"-selected-\", \"-range-from-\", \"-range-to-\"), _this.selected = !1;\n }), C(this, \"onChangeSelectedDate\", function () {\n _this.isDisabled || (_this._handleSelectedStatus(), _this.opts.range && _this._handleRangeStatus());\n }), C(this, \"onChangeFocusDate\", function (e) {\n if (!e) return void (_this.focused && _this.removeFocus());\n var t = u(e, _this.date, _this.type);\n t ? _this.focus() : !t && _this.focused && _this.removeFocus(), _this.opts.range && _this._handleRangeStatus();\n }), C(this, \"render\", function () {\n return _this.$cell.innerHTML = _this._getHtml(), _this.$cell.adpCell = _this, _this.$cell;\n }), this.type = e, this.singleType = this.type.slice(0, -1), this.date = t, this.dp = i, this.opts = s, this.body = a, this.customData = !1, this.init();\n }\n _createClass(_, [{\n key: \"init\",\n value: function init() {\n var _this$opts = this.opts,\n e = _this$opts.range,\n t = _this$opts.onRenderCell;\n t && (this.customData = t({\n date: this.date,\n cellType: this.singleType,\n datepicker: this.dp\n })), this._createElement(), this._bindDatepickerEvents(), this._handleInitialFocusStatus(), this.dp.hasSelectedDates && (this._handleSelectedStatus(), e && this._handleRangeStatus());\n }\n }, {\n key: \"_bindDatepickerEvents\",\n value: function _bindDatepickerEvents() {\n this.dp.on(i.eventChangeSelectedDate, this.onChangeSelectedDate), this.dp.on(i.eventChangeFocusDate, this.onChangeFocusDate);\n }\n }, {\n key: \"unbindDatepickerEvents\",\n value: function unbindDatepickerEvents() {\n this.dp.off(i.eventChangeSelectedDate, this.onChangeSelectedDate), this.dp.off(i.eventChangeFocusDate, this.onChangeFocusDate);\n }\n }, {\n key: \"_createElement\",\n value: function _createElement() {\n var _o = o(this.date),\n e = _o.year,\n t = _o.month,\n i = _o.date;\n this.$cell = n({\n className: this._getClassName(),\n attrs: {\n \"data-year\": e,\n \"data-month\": t,\n \"data-date\": i\n }\n });\n }\n }, {\n key: \"_getClassName\",\n value: function _getClassName() {\n var e, t;\n var s = new Date(),\n _this$opts2 = this.opts,\n a = _this$opts2.selectOtherMonths,\n n = _this$opts2.selectOtherYears,\n _this$dp = this.dp,\n r = _this$dp.minDate,\n h = _this$dp.maxDate,\n _o2 = o(this.date),\n l = _o2.day,\n d = this._isOutOfMinMaxRange(),\n p = null === (e = this.customData) || void 0 === e ? void 0 : e.disabled,\n m = c(\"air-datepicker-cell\", \"-\".concat(this.singleType, \"-\"), {\n \"-current-\": u(s, this.date, this.type),\n \"-min-date-\": r && u(r, this.date, this.type),\n \"-max-date-\": h && u(h, this.date, this.type)\n }),\n g = \"\";\n switch (this.type) {\n case i.days:\n g = c({\n \"-weekend-\": this.dp.isWeekend(l),\n \"-other-month-\": this.isOtherMonth,\n \"-disabled-\": this.isOtherMonth && !a || d || p\n });\n break;\n case i.months:\n g = c({\n \"-disabled-\": d || p\n });\n break;\n case i.years:\n g = c({\n \"-other-decade-\": this.isOtherDecade,\n \"-disabled-\": d || this.isOtherDecade && !n || p\n });\n }\n return c(m, g, null === (t = this.customData) || void 0 === t ? void 0 : t.classes);\n }\n }, {\n key: \"_getHtml\",\n value: function _getHtml() {\n var e;\n var _o3 = o(this.date),\n t = _o3.year,\n s = _o3.month,\n a = _o3.date,\n _this$opts3 = this.opts,\n n = _this$opts3.showOtherMonths,\n r = _this$opts3.showOtherYears;\n if (null !== (e = this.customData) && void 0 !== e && e.html) return this.customData.html;\n switch (this.type) {\n case i.days:\n return !n && this.isOtherMonth ? \"\" : a;\n case i.months:\n return this.dp.locale[this.opts.monthsField][s];\n case i.years:\n return !r && this.isOtherDecade ? \"\" : t;\n }\n }\n }, {\n key: \"_isOutOfMinMaxRange\",\n value: function _isOutOfMinMaxRange() {\n var _this$dp2 = this.dp,\n e = _this$dp2.minDate,\n t = _this$dp2.maxDate,\n s = this.type,\n a = this.date,\n _o4 = o(a),\n n = _o4.month,\n r = _o4.year,\n h = _o4.date,\n l = s === i.days,\n d = s === i.years,\n c = !!e && new Date(r, d ? e.getMonth() : n, l ? h : e.getDate()),\n u = !!t && new Date(r, d ? t.getMonth() : n, l ? h : t.getDate());\n return e && t ? m(c, e) || p(u, t) : e ? m(c, e) : t ? p(u, t) : void 0;\n }\n }, {\n key: \"destroy\",\n value: function destroy() {\n this.unbindDatepickerEvents();\n }\n }, {\n key: \"_handleRangeStatus\",\n value: function _handleRangeStatus() {\n var _this$$cell$classList;\n var _this$dp3 = this.dp,\n e = _this$dp3.rangeDateFrom,\n t = _this$dp3.rangeDateTo,\n i = c({\n \"-in-range-\": e && t && (s = this.date, a = e, n = t, p(s, a) && m(s, n)),\n \"-range-from-\": e && u(this.date, e, this.type),\n \"-range-to-\": t && u(this.date, t, this.type)\n });\n var s, a, n;\n this.$cell.classList.remove(\"-range-from-\", \"-range-to-\", \"-in-range-\"), i && (_this$$cell$classList = this.$cell.classList).add.apply(_this$$cell$classList, _toConsumableArray(i.split(\" \")));\n }\n }, {\n key: \"_handleSelectedStatus\",\n value: function _handleSelectedStatus() {\n var e = this.dp._checkIfDateIsSelected(this.date, this.type);\n e ? this.select() : !e && this.selected && this.removeSelect();\n }\n }, {\n key: \"_handleInitialFocusStatus\",\n value: function _handleInitialFocusStatus() {\n u(this.dp.focusDate, this.date, this.type) && this.focus();\n }\n }, {\n key: \"isDisabled\",\n get: function get() {\n return this.$cell.matches(\".-disabled-\");\n }\n }, {\n key: \"isOtherMonth\",\n get: function get() {\n return this.dp.isOtherMonth(this.date);\n }\n }, {\n key: \"isOtherDecade\",\n get: function get() {\n return this.dp.isOtherDecade(this.date);\n }\n }]);\n return _;\n }();\n function M(e, t, i) {\n return t in e ? Object.defineProperty(e, t, {\n value: i,\n enumerable: !0,\n configurable: !0,\n writable: !0\n }) : e[t] = i, e;\n }\n var $ = (_$ = {}, _defineProperty(_$, i.days, '' + '')), _defineProperty(_$, i.months, '')), _defineProperty(_$, i.years, '')), _$);\n var S = /*#__PURE__*/function () {\n function S(e) {\n var _this2 = this;\n _classCallCheck(this, S);\n var t = e.dp,\n s = e.type,\n a = e.opts;\n M(this, \"handleClick\", function (e) {\n var t = y(e.target, \".air-datepicker-cell\");\n if (!t) return;\n var i = t.adpCell;\n if (i.isDisabled) return;\n if (!_this2.dp.isMinViewReached) return void _this2.dp.down();\n var s = _this2.dp._checkIfDateIsSelected(i.date, i.type);\n s ? _this2.dp._handleAlreadySelectedDates(s, i.date) : _this2.dp.selectDate(i.date);\n }), M(this, \"onChangeCurrentView\", function (e) {\n e !== _this2.type ? _this2.hide() : (_this2.show(), _this2.render());\n }), M(this, \"onMouseOverCell\", function (e) {\n var t = y(e.target, \".air-datepicker-cell\");\n _this2.dp.setFocusDate(!!t && t.adpCell.date);\n }), M(this, \"onMouseOutCell\", function () {\n _this2.dp.setFocusDate(!1);\n }), M(this, \"onClickCell\", function (e) {\n _this2.handleClick(e);\n }), M(this, \"onMouseDown\", function (e) {\n _this2.pressed = !0;\n var t = y(e.target, \".air-datepicker-cell\"),\n i = t && t.adpCell;\n u(i.date, _this2.dp.rangeDateFrom) && (_this2.rangeFromFocused = !0), u(i.date, _this2.dp.rangeDateTo) && (_this2.rangeToFocused = !0);\n }), M(this, \"onMouseMove\", function (e) {\n if (!_this2.pressed || !_this2.dp.isMinViewReached) return;\n e.preventDefault();\n var t = y(e.target, \".air-datepicker-cell\"),\n i = t && t.adpCell,\n _this2$dp = _this2.dp,\n s = _this2$dp.selectedDates,\n a = _this2$dp.rangeDateTo,\n n = _this2$dp.rangeDateFrom;\n if (!i || i.isDisabled) return;\n var r = i.date;\n if (2 === s.length) {\n if (_this2.rangeFromFocused && !p(r, a)) {\n var _o5 = o(n),\n _e2 = _o5.hours,\n _t2 = _o5.minutes;\n r.setHours(_e2), r.setMinutes(_t2), _this2.dp.rangeDateFrom = r, _this2.dp.replaceDate(n, r);\n }\n if (_this2.rangeToFocused && !m(r, n)) {\n var _o6 = o(a),\n _e3 = _o6.hours,\n _t3 = _o6.minutes;\n r.setHours(_e3), r.setMinutes(_t3), _this2.dp.rangeDateTo = r, _this2.dp.replaceDate(a, r);\n }\n }\n }), M(this, \"onMouseUp\", function () {\n _this2.pressed = !1, _this2.rangeFromFocused = !1, _this2.rangeToFocused = !1;\n }), M(this, \"onChangeViewDate\", function (e, t) {\n if (!_this2.isVisible) return;\n var s = d(e),\n a = d(t);\n switch (_this2.dp.currentView) {\n case i.days:\n if (u(e, t, i.months)) return;\n break;\n case i.months:\n if (u(e, t, i.years)) return;\n break;\n case i.years:\n if (s[0] === a[0] && s[1] === a[1]) return;\n }\n _this2.render();\n }), M(this, \"render\", function () {\n _this2.destroyCells(), _this2._generateCells(), _this2.cells.forEach(function (e) {\n _this2.$cells.appendChild(e.render());\n });\n }), this.dp = t, this.type = s, this.opts = a, this.cells = [], this.$el = \"\", this.pressed = !1, this.isVisible = !0, this.init();\n }\n _createClass(S, [{\n key: \"init\",\n value: function init() {\n this._buildBaseHtml(), this.type === i.days && this.renderDayNames(), this.render(), this._bindEvents(), this._bindDatepickerEvents();\n }\n }, {\n key: \"_bindEvents\",\n value: function _bindEvents() {\n var _this$opts4 = this.opts,\n e = _this$opts4.range,\n t = _this$opts4.dynamicRange;\n v(this.$el, \"mouseover\", this.onMouseOverCell), v(this.$el, \"mouseout\", this.onMouseOutCell), v(this.$el, \"click\", this.onClickCell), e && t && (v(this.$el, \"mousedown\", this.onMouseDown), v(this.$el, \"mousemove\", this.onMouseMove), v(window.document, \"mouseup\", this.onMouseUp));\n }\n }, {\n key: \"_bindDatepickerEvents\",\n value: function _bindDatepickerEvents() {\n this.dp.on(i.eventChangeViewDate, this.onChangeViewDate), this.dp.on(i.eventChangeCurrentView, this.onChangeCurrentView);\n }\n }, {\n key: \"_buildBaseHtml\",\n value: function _buildBaseHtml() {\n this.$el = n({\n className: \"air-datepicker-body -\".concat(this.type, \"-\"),\n innerHtml: $[this.type]\n }), this.$names = a(\".air-datepicker-body--day-names\", this.$el), this.$cells = a(\".air-datepicker-body--cells\", this.$el);\n }\n }, {\n key: \"_getDayNamesHtml\",\n value: function _getDayNamesHtml() {\n var e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : this.dp.locale.firstDay,\n t = \"\",\n s = this.dp.isWeekend,\n a = e,\n n = 0;\n for (; n < 7;) {\n var _e4 = a % 7,\n _r2 = c(\"air-datepicker-body--day-name\", _defineProperty({}, i.cssClassWeekend, s(_e4))),\n _h = this.dp.locale.daysMin[_e4];\n t += '').concat(_h, \"
\"), n++, a++;\n }\n return t;\n }\n }, {\n key: \"_getDaysCells\",\n value: function _getDaysCells() {\n var _this$dp4 = this.dp,\n e = _this$dp4.viewDate,\n t = _this$dp4.locale.firstDay,\n i = h(e),\n _o7 = o(e),\n s = _o7.year,\n a = _o7.month,\n n = new Date(s, a, 1),\n r = new Date(s, a, i),\n l = n.getDay() - t,\n d = 6 - r.getDay() + t;\n l = l < 0 ? l + 7 : l, d = d > 6 ? d - 7 : d;\n var c = function (e, t) {\n var _o9 = o(e),\n i = _o9.year,\n s = _o9.month,\n a = _o9.date;\n return new Date(i, s, a - t);\n }(n, l),\n u = i + l + d,\n p = c.getDate(),\n _o8 = o(c),\n m = _o8.year,\n g = _o8.month,\n D = 0;\n for (; D < u;) {\n var _e5 = new Date(m, g, p + D);\n this._generateCell(_e5), D++;\n }\n }\n }, {\n key: \"_generateCell\",\n value: function _generateCell(e) {\n var t = this.type,\n i = this.dp,\n s = this.opts,\n a = new _({\n type: t,\n dp: i,\n opts: s,\n date: e,\n body: this\n });\n return this.cells.push(a), a;\n }\n }, {\n key: \"_generateDayCells\",\n value: function _generateDayCells() {\n this._getDaysCells();\n }\n }, {\n key: \"_generateMonthCells\",\n value: function _generateMonthCells() {\n var e = this.dp.parsedViewDate.year,\n t = 0;\n for (; t < 12;) this.cells.push(this._generateCell(new Date(e, t))), t++;\n }\n }, {\n key: \"_generateYearCells\",\n value: function _generateYearCells() {\n var e = d(this.dp.viewDate),\n t = e[0] - 1,\n i = e[1] + 1,\n s = t;\n for (; s <= i;) this.cells.push(this._generateCell(new Date(s, 0))), s++;\n }\n }, {\n key: \"renderDayNames\",\n value: function renderDayNames() {\n this.$names.innerHTML = this._getDayNamesHtml();\n }\n }, {\n key: \"_generateCells\",\n value: function _generateCells() {\n switch (this.type) {\n case i.days:\n this._generateDayCells();\n break;\n case i.months:\n this._generateMonthCells();\n break;\n case i.years:\n this._generateYearCells();\n }\n }\n }, {\n key: \"show\",\n value: function show() {\n this.isVisible = !0, this.$el.classList.remove(\"-hidden-\");\n }\n }, {\n key: \"hide\",\n value: function hide() {\n this.isVisible = !1, this.$el.classList.add(\"-hidden-\");\n }\n }, {\n key: \"destroyCells\",\n value: function destroyCells() {\n this.cells.forEach(function (e) {\n return e.destroy();\n }), this.cells = [], this.$cells.innerHTML = \"\";\n }\n }, {\n key: \"destroy\",\n value: function destroy() {\n this.destroyCells(), this.dp.off(i.eventChangeViewDate, this.onChangeViewDate), this.dp.off(i.eventChangeCurrentView, this.onChangeCurrentView);\n }\n }]);\n return S;\n }();\n function T(e, t, i) {\n return t in e ? Object.defineProperty(e, t, {\n value: i,\n enumerable: !0,\n configurable: !0,\n writable: !0\n }) : e[t] = i, e;\n }\n var F = /*#__PURE__*/function () {\n function F(e) {\n var _this3 = this;\n _classCallCheck(this, F);\n var t = e.dp,\n i = e.opts;\n T(this, \"onClickNav\", function (e) {\n var t = y(e.target, \".air-datepicker-nav--action\");\n if (!t) return;\n var i = t.dataset.action;\n _this3.dp[i]();\n }), T(this, \"onChangeViewDate\", function () {\n _this3.render(), _this3._resetNavStatus(), _this3.handleNavStatus();\n }), T(this, \"onChangeCurrentView\", function () {\n _this3.render(), _this3._resetNavStatus(), _this3.handleNavStatus();\n }), T(this, \"onClickNavTitle\", function () {\n _this3.dp.isFinalView || _this3.dp.up();\n }), T(this, \"update\", function () {\n var _this3$opts = _this3.opts,\n e = _this3$opts.prevHtml,\n t = _this3$opts.nextHtml;\n _this3.$prev.innerHTML = e, _this3.$next.innerHTML = t, _this3._resetNavStatus(), _this3.render(), _this3.handleNavStatus();\n }), T(this, \"renderDelay\", function () {\n setTimeout(_this3.render);\n }), T(this, \"render\", function () {\n _this3.$title.innerHTML = _this3._getTitle(), function (e, t) {\n for (var _i6 in t) t[_i6] ? e.classList.add(_i6) : e.classList.remove(_i6);\n }(_this3.$title, {\n \"-disabled-\": _this3.dp.isFinalView\n });\n }), this.dp = t, this.opts = i, this.init();\n }\n _createClass(F, [{\n key: \"init\",\n value: function init() {\n this._createElement(), this._buildBaseHtml(), this._defineDOM(), this.render(), this.handleNavStatus(), this._bindEvents(), this._bindDatepickerEvents();\n }\n }, {\n key: \"_defineDOM\",\n value: function _defineDOM() {\n this.$title = a(\".air-datepicker-nav--title\", this.$el), this.$prev = a('[data-action=\"prev\"]', this.$el), this.$next = a('[data-action=\"next\"]', this.$el);\n }\n }, {\n key: \"_bindEvents\",\n value: function _bindEvents() {\n this.$el.addEventListener(\"click\", this.onClickNav), this.$title.addEventListener(\"click\", this.onClickNavTitle);\n }\n }, {\n key: \"_bindDatepickerEvents\",\n value: function _bindDatepickerEvents() {\n this.dp.on(i.eventChangeViewDate, this.onChangeViewDate), this.dp.on(i.eventChangeCurrentView, this.onChangeCurrentView), this.isNavIsFunction && (this.dp.on(i.eventChangeSelectedDate, this.renderDelay), this.dp.opts.timepicker && this.dp.on(i.eventChangeTime, this.render));\n }\n }, {\n key: \"destroy\",\n value: function destroy() {\n this.dp.off(i.eventChangeViewDate, this.onChangeViewDate), this.dp.off(i.eventChangeCurrentView, this.onChangeCurrentView), this.isNavIsFunction && (this.dp.off(i.eventChangeSelectedDate, this.renderDelay), this.dp.opts.timepicker && this.dp.off(i.eventChangeTime, this.render));\n }\n }, {\n key: \"_createElement\",\n value: function _createElement() {\n this.$el = n({\n tagName: \"nav\",\n className: \"air-datepicker-nav\"\n });\n }\n }, {\n key: \"_getTitle\",\n value: function _getTitle() {\n var e = this.dp,\n t = this.opts,\n i = t.navTitles[e.currentView];\n return \"function\" == typeof i ? i(e) : e.formatDate(e.viewDate, i);\n }\n }, {\n key: \"handleNavStatus\",\n value: function handleNavStatus() {\n var e = this.opts.disableNavWhenOutOfRange,\n _this$dp5 = this.dp,\n t = _this$dp5.minDate,\n s = _this$dp5.maxDate;\n if (!t && !s || !e) return;\n var _this$dp$parsedViewDa = this.dp.parsedViewDate,\n a = _this$dp$parsedViewDa.year,\n n = _this$dp$parsedViewDa.month,\n r = !!t && o(t),\n h = !!s && o(s);\n switch (this.dp.currentView) {\n case i.days:\n t && r.month >= n && r.year >= a && this._disableNav(\"prev\"), s && h.month <= n && h.year <= a && this._disableNav(\"next\");\n break;\n case i.months:\n t && r.year >= a && this._disableNav(\"prev\"), s && h.year <= a && this._disableNav(\"next\");\n break;\n case i.years:\n {\n var _e6 = d(this.dp.viewDate);\n t && r.year >= _e6[0] && this._disableNav(\"prev\"), s && h.year <= _e6[1] && this._disableNav(\"next\");\n break;\n }\n }\n }\n }, {\n key: \"_disableNav\",\n value: function _disableNav(e) {\n a('[data-action=\"' + e + '\"]', this.$el).classList.add(\"-disabled-\");\n }\n }, {\n key: \"_resetNavStatus\",\n value: function _resetNavStatus() {\n !function (e) {\n var _e$classList2;\n for (var t = arguments.length, i = new Array(t > 1 ? t - 1 : 0), s = 1; s < t; s++) i[s - 1] = arguments[s];\n e.length ? e.forEach(function (e) {\n var _e$classList;\n (_e$classList = e.classList).remove.apply(_e$classList, i);\n }) : (_e$classList2 = e.classList).remove.apply(_e$classList2, i);\n }(this.$el.querySelectorAll(\".air-datepicker-nav--action\"), \"-disabled-\");\n }\n }, {\n key: \"_buildBaseHtml\",\n value: function _buildBaseHtml() {\n var _this$opts5 = this.opts,\n e = _this$opts5.prevHtml,\n t = _this$opts5.nextHtml;\n this.$el.innerHTML = ''.concat(e, \"
\") + '' + ''.concat(t, \"
\");\n }\n }, {\n key: \"isNavIsFunction\",\n get: function get() {\n var e = this.opts.navTitles;\n return Object.keys(e).find(function (t) {\n return \"function\" == typeof e[t];\n });\n }\n }]);\n return F;\n }();\n var V = {\n today: {\n content: function content(e) {\n return e.locale.today;\n },\n onClick: function onClick(e) {\n return e.setViewDate(new Date());\n }\n },\n clear: {\n content: function content(e) {\n return e.locale.clear;\n },\n onClick: function onClick(e) {\n return e.clear();\n }\n }\n };\n var H = /*#__PURE__*/function () {\n function H(e) {\n _classCallCheck(this, H);\n var t = e.dp,\n i = e.opts;\n this.dp = t, this.opts = i, this.init();\n }\n _createClass(H, [{\n key: \"init\",\n value: function init() {\n this.createElement(), this.render();\n }\n }, {\n key: \"createElement\",\n value: function createElement() {\n this.$el = n({\n className: \"air-datepicker-buttons\"\n });\n }\n }, {\n key: \"destroy\",\n value: function destroy() {\n this.$el.parentNode.removeChild(this.$el);\n }\n }, {\n key: \"clearHtml\",\n value: function clearHtml() {\n return this.$el.innerHTML = \"\", this;\n }\n }, {\n key: \"generateButtons\",\n value: function generateButtons() {\n var _this4 = this;\n var e = this.opts.buttons;\n Array.isArray(e) || (e = [e]), e.forEach(function (e) {\n var t = e;\n \"string\" == typeof e && V[e] && (t = V[e]);\n var i = _this4.createButton(t);\n t.onClick && _this4.attachEventToButton(i, t.onClick), _this4.$el.appendChild(i);\n });\n }\n }, {\n key: \"attachEventToButton\",\n value: function attachEventToButton(e, t) {\n var _this5 = this;\n e.addEventListener(\"click\", function () {\n t(_this5.dp);\n });\n }\n }, {\n key: \"createButton\",\n value: function createButton(e) {\n var t = e.content,\n i = e.className,\n _e$tagName = e.tagName,\n s = _e$tagName === void 0 ? \"button\" : _e$tagName,\n _e$attrs = e.attrs,\n a = _e$attrs === void 0 ? {} : _e$attrs,\n r = \"function\" == typeof t ? t(this.dp) : t;\n return n({\n tagName: s,\n innerHtml: \"\".concat(r, \"\"),\n className: c(\"air-datepicker-button\", i),\n attrs: a\n });\n }\n }, {\n key: \"render\",\n value: function render() {\n this.generateButtons();\n }\n }]);\n return H;\n }();\n function x(e, t, i) {\n return t in e ? Object.defineProperty(e, t, {\n value: i,\n enumerable: !0,\n configurable: !0,\n writable: !0\n }) : e[t] = i, e;\n }\n var L = /*#__PURE__*/function () {\n function L() {\n var _this6 = this;\n _classCallCheck(this, L);\n var _ref7 = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : {},\n e = _ref7.opts,\n t = _ref7.dp;\n x(this, \"toggleTimepickerIsActive\", function (e) {\n _this6.dp.timepickerIsActive = e;\n }), x(this, \"onChangeSelectedDate\", function (e) {\n var t = e.date,\n _e$updateTime = e.updateTime,\n i = _e$updateTime === void 0 ? !1 : _e$updateTime;\n t && (_this6.setMinMaxTime(t), _this6.setCurrentTime(!!i && t), _this6.addTimeToDate(t));\n }), x(this, \"onChangeLastSelectedDate\", function (e) {\n e && (_this6.setTime(e), _this6.render());\n }), x(this, \"onChangeInputRange\", function (e) {\n var t = e.target;\n _this6[t.getAttribute(\"name\")] = t.value, _this6.updateText(), _this6.dp.trigger(i.eventChangeTime, {\n hours: _this6.hours,\n minutes: _this6.minutes\n });\n }), x(this, \"onMouseEnterLeave\", function (e) {\n var t = e.target.getAttribute(\"name\"),\n i = _this6.$minutesText;\n \"hours\" === t && (i = _this6.$hoursText), i.classList.toggle(\"-focus-\");\n }), x(this, \"onFocus\", function () {\n _this6.toggleTimepickerIsActive(!0);\n }), x(this, \"onBlur\", function () {\n _this6.toggleTimepickerIsActive(!1);\n }), this.opts = e, this.dp = t;\n var s = this.dp.locale.timeFormat;\n s && (s.match(k(\"h\")) || s.match(k(\"hh\"))) && (this.ampm = !0), this.init();\n }\n _createClass(L, [{\n key: \"init\",\n value: function init() {\n this.setTime(this.dp.lastSelectedDate || this.dp.viewDate), this.createElement(), this.buildHtml(), this.defineDOM(), this.render(), this.bindDatepickerEvents(), this.bindDOMEvents();\n }\n }, {\n key: \"bindDatepickerEvents\",\n value: function bindDatepickerEvents() {\n this.dp.on(i.eventChangeSelectedDate, this.onChangeSelectedDate), this.dp.on(i.eventChangeLastSelectedDate, this.onChangeLastSelectedDate);\n }\n }, {\n key: \"bindDOMEvents\",\n value: function bindDOMEvents() {\n var e = \"input\";\n navigator.userAgent.match(/trident/gi) && (e = \"change\"), v(this.$ranges, e, this.onChangeInputRange), v(this.$ranges, \"mouseenter\", this.onMouseEnterLeave), v(this.$ranges, \"mouseleave\", this.onMouseEnterLeave), v(this.$ranges, \"focus\", this.onFocus), v(this.$ranges, \"mousedown\", this.onFocus), v(this.$ranges, \"blur\", this.onBlur);\n }\n }, {\n key: \"createElement\",\n value: function createElement() {\n this.$el = n({\n className: c(\"air-datepicker-time\", {\n \"-am-pm-\": this.dp.ampm\n })\n });\n }\n }, {\n key: \"destroy\",\n value: function destroy() {\n this.dp.off(i.eventChangeSelectedDate, this.onChangeSelectedDate), this.dp.off(i.eventChangeLastSelectedDate, this.onChangeLastSelectedDate), this.$el.parentNode.removeChild(this.$el);\n }\n }, {\n key: \"buildHtml\",\n value: function buildHtml() {\n var e = this.ampm,\n t = this.hours,\n i = this.displayHours,\n s = this.minutes,\n a = this.minHours,\n n = this.minMinutes,\n r = this.maxHours,\n h = this.maxMinutes,\n o = this.dayPeriod,\n _this$opts6 = this.opts,\n d = _this$opts6.hoursStep,\n c = _this$opts6.minutesStep;\n this.$el.innerHTML = '' + ' '.concat(l(i), \"\") + ' :' + ' '.concat(l(s), \"\") + \" \".concat(e ? \"\".concat(o, \"\") : \"\") + '
\";\n }\n }, {\n key: \"defineDOM\",\n value: function defineDOM() {\n var _this7 = this;\n var e = function e(_e7) {\n return a(_e7, _this7.$el);\n };\n this.$ranges = this.$el.querySelectorAll('[type=\"range\"]'), this.$hours = e('[name=\"hours\"]'), this.$minutes = e('[name=\"minutes\"]'), this.$hoursText = e(\".air-datepicker-time--current-hours\"), this.$minutesText = e(\".air-datepicker-time--current-minutes\"), this.$ampm = e(\".air-datepicker-time--current-ampm\");\n }\n }, {\n key: \"setTime\",\n value: function setTime(e) {\n this.setMinMaxTime(e), this.setCurrentTime(e);\n }\n }, {\n key: \"addTimeToDate\",\n value: function addTimeToDate(e) {\n e && (e.setHours(this.hours), e.setMinutes(this.minutes));\n }\n }, {\n key: \"setMinMaxTime\",\n value: function setMinMaxTime(e) {\n if (this.setMinMaxTimeFromOptions(), e) {\n var _this$dp6 = this.dp,\n _t4 = _this$dp6.minDate,\n _i7 = _this$dp6.maxDate;\n _t4 && u(e, _t4) && this.setMinTimeFromMinDate(_t4), _i7 && u(e, _i7) && this.setMaxTimeFromMaxDate(_i7);\n }\n }\n }, {\n key: \"setCurrentTime\",\n value: function setCurrentTime(e) {\n var _ref8 = e ? o(e) : this,\n t = _ref8.hours,\n i = _ref8.minutes;\n this.hours = f(t, this.minHours, this.maxHours), this.minutes = f(i, this.minMinutes, this.maxMinutes);\n }\n }, {\n key: \"setMinMaxTimeFromOptions\",\n value: function setMinMaxTimeFromOptions() {\n var _this$opts7 = this.opts,\n e = _this$opts7.minHours,\n t = _this$opts7.minMinutes,\n i = _this$opts7.maxHours,\n s = _this$opts7.maxMinutes;\n this.minHours = f(e, 0, 23), this.minMinutes = f(t, 0, 59), this.maxHours = f(i, 0, 23), this.maxMinutes = f(s, 0, 59);\n }\n }, {\n key: \"setMinTimeFromMinDate\",\n value: function setMinTimeFromMinDate(e) {\n var t = this.dp.lastSelectedDate;\n this.minHours = e.getHours(), t && t.getHours() > e.getHours() ? this.minMinutes = this.opts.minMinutes : this.minMinutes = e.getMinutes();\n }\n }, {\n key: \"setMaxTimeFromMaxDate\",\n value: function setMaxTimeFromMaxDate(e) {\n var t = this.dp.lastSelectedDate;\n this.maxHours = e.getHours(), t && t.getHours() < e.getHours() ? this.maxMinutes = this.opts.maxMinutes : this.maxMinutes = e.getMinutes();\n }\n }, {\n key: \"getDayPeriod\",\n value: function getDayPeriod(e, t) {\n var i = e,\n s = Number(e);\n e instanceof Date && (i = o(e), s = Number(i.hours));\n var a = \"am\";\n if (t || this.ampm) {\n switch (!0) {\n case 12 === s:\n case s > 11:\n a = \"pm\";\n }\n s = s % 12 == 0 ? 12 : s % 12;\n }\n return {\n hours: s,\n dayPeriod: a\n };\n }\n }, {\n key: \"updateSliders\",\n value: function updateSliders() {\n r(this.$hours, {\n min: this.minHours,\n max: this.maxHours\n }).value = this.hours, r(this.$minutes, {\n min: this.minMinutes,\n max: this.maxMinutes\n }).value = this.minutes;\n }\n }, {\n key: \"updateText\",\n value: function updateText() {\n this.$hoursText.innerHTML = l(this.displayHours), this.$minutesText.innerHTML = l(this.minutes), this.ampm && (this.$ampm.innerHTML = this.dayPeriod);\n }\n }, {\n key: \"hours\",\n get: function get() {\n return this._hours;\n },\n set: function set(e) {\n this._hours = e;\n var _this$getDayPeriod = this.getDayPeriod(e),\n t = _this$getDayPeriod.hours,\n i = _this$getDayPeriod.dayPeriod;\n this.displayHours = t, this.dayPeriod = i;\n }\n }, {\n key: \"render\",\n value: function render() {\n this.updateSliders(), this.updateText();\n }\n }]);\n return L;\n }();\n function O(e, t, i) {\n return t in e ? Object.defineProperty(e, t, {\n value: i,\n enumerable: !0,\n configurable: !0,\n writable: !0\n }) : e[t] = i, e;\n }\n var E = /*#__PURE__*/function () {\n function E(e) {\n var _this8 = this;\n _classCallCheck(this, E);\n var t = e.dp,\n i = e.opts;\n O(this, \"pressedKeys\", new Set()), O(this, \"hotKeys\", new Map([[[[\"Control\", \"ArrowRight\"], [\"Control\", \"ArrowUp\"]], function (e) {\n return e.month++;\n }], [[[\"Control\", \"ArrowLeft\"], [\"Control\", \"ArrowDown\"]], function (e) {\n return e.month--;\n }], [[[\"Shift\", \"ArrowRight\"], [\"Shift\", \"ArrowUp\"]], function (e) {\n return e.year++;\n }], [[[\"Shift\", \"ArrowLeft\"], [\"Shift\", \"ArrowDown\"]], function (e) {\n return e.year--;\n }], [[[\"Alt\", \"ArrowRight\"], [\"Alt\", \"ArrowUp\"]], function (e) {\n return e.year += 10;\n }], [[[\"Alt\", \"ArrowLeft\"], [\"Alt\", \"ArrowDown\"]], function (e) {\n return e.year -= 10;\n }], [[\"Control\", \"Shift\", \"ArrowUp\"], function (e, t) {\n return t.up();\n }]])), O(this, \"handleHotKey\", function (e) {\n var t = _this8.hotKeys.get(e),\n i = o(_this8.getInitialFocusDate());\n t(i, _this8.dp);\n var s = i.year,\n a = i.month,\n n = i.date,\n r = h(new Date(s, a));\n r < n && (n = r);\n var l = _this8.dp.getClampedDate(new Date(s, a, n));\n _this8.dp.setFocusDate(l, {\n viewDateTransition: !0\n });\n }), O(this, \"isHotKeyPressed\", function () {\n var e = !1,\n t = _this8.pressedKeys.size,\n i = function i(e) {\n return _this8.pressedKeys.has(e);\n };\n var _iterator = _createForOfIteratorHelper(_this8.hotKeys),\n _step;\n try {\n var _loop = function _loop() {\n var _ref9 = _step.value;\n _ref10 = _slicedToArray(_ref9, 1);\n var s = _ref10[0];\n if (e) return 0; // break\n if (Array.isArray(s[0])) s.forEach(function (a) {\n e || t !== a.length || (e = a.every(i) && s);\n });else {\n if (t !== s.length) return 1; // continue\n e = s.every(i) && s;\n }\n },\n _ref10,\n _ret;\n for (_iterator.s(); !(_step = _iterator.n()).done;) {\n _ret = _loop();\n if (_ret === 0) break;\n if (_ret === 1) continue;\n }\n } catch (err) {\n _iterator.e(err);\n } finally {\n _iterator.f();\n }\n return e;\n }), O(this, \"isArrow\", function (e) {\n return e >= 37 && e <= 40;\n }), O(this, \"onKeyDown\", function (e) {\n var t = e.key,\n i = e.which,\n s = _this8.dp,\n a = _this8.dp.focusDate,\n n = _this8.opts;\n _this8.registerKey(t);\n var r = _this8.isHotKeyPressed();\n if (r) return e.preventDefault(), void _this8.handleHotKey(r);\n if (_this8.isArrow(i)) return e.preventDefault(), void _this8.focusNextCell(t);\n if (\"Enter\" === t) {\n if (s.currentView !== n.minView) return void s.down();\n if (a) {\n var _e8 = s._checkIfDateIsSelected(a);\n return void (_e8 ? s._handleAlreadySelectedDates(_e8, a) : s.selectDate(a));\n }\n }\n \"Escape\" === t && _this8.dp.hide();\n }), O(this, \"onKeyUp\", function (e) {\n _this8.removeKey(e.key);\n }), this.dp = t, this.opts = i, this.init();\n }\n _createClass(E, [{\n key: \"init\",\n value: function init() {\n this.bindKeyboardEvents();\n }\n }, {\n key: \"bindKeyboardEvents\",\n value: function bindKeyboardEvents() {\n var e = this.dp.$el;\n e.addEventListener(\"keydown\", this.onKeyDown), e.addEventListener(\"keyup\", this.onKeyUp);\n }\n }, {\n key: \"destroy\",\n value: function destroy() {\n var e = this.dp.$el;\n e.removeEventListener(\"keydown\", this.onKeyDown), e.removeEventListener(\"keyup\", this.onKeyUp), this.hotKeys = null, this.pressedKeys = null;\n }\n }, {\n key: \"getInitialFocusDate\",\n value: function getInitialFocusDate() {\n var _this$dp7 = this.dp,\n e = _this$dp7.focusDate,\n t = _this$dp7.currentView,\n s = _this$dp7.selectedDates,\n _this$dp7$parsedViewD = _this$dp7.parsedViewDate,\n a = _this$dp7$parsedViewD.year,\n n = _this$dp7$parsedViewD.month,\n r = e || s[s.length - 1];\n if (!r) switch (t) {\n case i.days:\n r = new Date(a, n, new Date().getDate());\n break;\n case i.months:\n r = new Date(a, n, 1);\n break;\n case i.years:\n r = new Date(a, 0, 1);\n }\n return r;\n }\n }, {\n key: \"focusNextCell\",\n value: function focusNextCell(e) {\n var t = this.getInitialFocusDate(),\n s = this.dp.currentView,\n a = i.days,\n n = i.months,\n r = i.years,\n h = o(t),\n l = h.year,\n d = h.month,\n c = h.date;\n switch (e) {\n case \"ArrowLeft\":\n s === a && (c -= 1), s === n && (d -= 1), s === r && (l -= 1);\n break;\n case \"ArrowUp\":\n s === a && (c -= 7), s === n && (d -= 3), s === r && (l -= 4);\n break;\n case \"ArrowRight\":\n s === a && (c += 1), s === n && (d += 1), s === r && (l += 1);\n break;\n case \"ArrowDown\":\n s === a && (c += 7), s === n && (d += 3), s === r && (l += 4);\n }\n var u = this.dp.getClampedDate(new Date(l, d, c));\n this.dp.setFocusDate(u, {\n viewDateTransition: !0\n });\n }\n }, {\n key: \"registerKey\",\n value: function registerKey(e) {\n this.pressedKeys.add(e);\n }\n }, {\n key: \"removeKey\",\n value: function removeKey(e) {\n this.pressedKeys.delete(e);\n }\n }]);\n return E;\n }();\n var A = {\n on: function on(e, t) {\n this.__events || (this.__events = {}), this.__events[e] ? this.__events[e].push(t) : this.__events[e] = [t];\n },\n off: function off(e, t) {\n this.__events && this.__events[e] && (this.__events[e] = this.__events[e].filter(function (e) {\n return e !== t;\n }));\n },\n removeAllEvents: function removeAllEvents() {\n this.__events = {};\n },\n trigger: function trigger(e) {\n for (var t = arguments.length, i = new Array(t > 1 ? t - 1 : 0), s = 1; s < t; s++) i[s - 1] = arguments[s];\n this.__events && this.__events[e] && this.__events[e].forEach(function (e) {\n e.apply(void 0, i);\n });\n }\n };\n function N(e, t, i) {\n return t in e ? Object.defineProperty(e, t, {\n value: i,\n enumerable: !0,\n configurable: !0,\n writable: !0\n }) : e[t] = i, e;\n }\n var I = \"\",\n R = \"\",\n P = \"\",\n B = !1;\n var K = /*#__PURE__*/function () {\n function K(e, t) {\n var _this9 = this;\n _classCallCheck(this, K);\n var r = this;\n if (N(this, \"viewIndexes\", [i.days, i.months, i.years]), N(this, \"next\", function () {\n var _this9$parsedViewDate = _this9.parsedViewDate,\n e = _this9$parsedViewDate.year,\n t = _this9$parsedViewDate.month;\n switch (_this9.currentView) {\n case i.days:\n _this9.setViewDate(new Date(e, t + 1, 1));\n break;\n case i.months:\n _this9.setViewDate(new Date(e + 1, t, 1));\n break;\n case i.years:\n _this9.setViewDate(new Date(e + 10, 0, 1));\n }\n }), N(this, \"prev\", function () {\n var _this9$parsedViewDate2 = _this9.parsedViewDate,\n e = _this9$parsedViewDate2.year,\n t = _this9$parsedViewDate2.month;\n switch (_this9.currentView) {\n case i.days:\n _this9.setViewDate(new Date(e, t - 1, 1));\n break;\n case i.months:\n _this9.setViewDate(new Date(e - 1, t, 1));\n break;\n case i.years:\n _this9.setViewDate(new Date(e - 10, 0, 1));\n }\n }), N(this, \"_finishHide\", function () {\n _this9.hideAnimation = !1, _this9._destroyComponents(), _this9.$container.removeChild(_this9.$datepicker);\n }), N(this, \"setPosition\", function (e) {\n var t = arguments.length > 1 && void 0 !== arguments[1] && arguments[1];\n if (\"function\" == typeof (e = e || r.opts.position)) return void (r.customHide = e({\n $datepicker: r.$datepicker,\n $target: r.$el,\n $pointer: r.$pointer,\n isViewChange: t,\n done: r._finishHide\n }));\n var i,\n s,\n a = r.opts.isMobile,\n n = r.$el.getBoundingClientRect(),\n h = r.$el.getBoundingClientRect(),\n o = r.$datepicker.offsetParent,\n l = r.$el.offsetParent,\n d = r.$datepicker.getBoundingClientRect(),\n c = e.split(\" \"),\n u = window.scrollY,\n p = window.scrollX,\n m = r.opts.offset,\n g = c[0],\n D = c[1];\n if (a) r.$datepicker.style.cssText = \"left: 50%; top: 50%\";else {\n if (o === l && o !== document.body && (h = {\n top: r.$el.offsetTop,\n left: r.$el.offsetLeft,\n width: n.width,\n height: r.$el.offsetHeight\n }, u = 0, p = 0), o !== l && o !== document.body) {\n var _e9 = o.getBoundingClientRect();\n h = {\n top: n.top - _e9.top,\n left: n.left - _e9.left,\n width: n.width,\n height: n.height\n }, u = 0, p = 0;\n }\n switch (g) {\n case \"top\":\n i = h.top - d.height - m;\n break;\n case \"right\":\n s = h.left + h.width + m;\n break;\n case \"bottom\":\n i = h.top + h.height + m;\n break;\n case \"left\":\n s = h.left - d.width - m;\n }\n switch (D) {\n case \"top\":\n i = h.top;\n break;\n case \"right\":\n s = h.left + h.width - d.width;\n break;\n case \"bottom\":\n i = h.top + h.height - d.height;\n break;\n case \"left\":\n s = h.left;\n break;\n case \"center\":\n /left|right/.test(g) ? i = h.top + h.height / 2 - d.height / 2 : s = h.left + h.width / 2 - d.width / 2;\n }\n r.$datepicker.style.cssText = \"left: \".concat(s + p, \"px; top: \").concat(i + u, \"px\");\n }\n }), N(this, \"_setInputValue\", function () {\n var e = _this9.opts,\n t = _this9.$altField,\n i = _this9.locale.dateFormat,\n s = e.altFieldDateFormat,\n a = e.altField;\n a && t && (t.value = _this9._getInputValue(s)), _this9.$el.value = _this9._getInputValue(i);\n }), N(this, \"_getInputValue\", function (e) {\n var t = _this9.selectedDates,\n i = _this9.opts,\n s = i.multipleDates,\n a = i.multipleDatesSeparator;\n if (!t.length) return \"\";\n var n = \"function\" == typeof e,\n r = n ? e(s ? t : t[0]) : t.map(function (t) {\n return _this9.formatDate(t, e);\n });\n return r = n ? r : r.join(a), r;\n }), N(this, \"_checkIfDateIsSelected\", function (e) {\n var t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : i.days,\n s = !1;\n return r.selectedDates.some(function (i) {\n var a = u(e, i, t);\n return s = a && i, a;\n }), s;\n }), N(this, \"_scheduleCallAfterTransition\", function (e) {\n _this9._cancelScheduledCall(), e && e(!1), _this9._onTransitionEnd = function () {\n e && e(!0);\n }, _this9.$datepicker.addEventListener(\"transitionend\", _this9._onTransitionEnd, {\n once: !0\n });\n }), N(this, \"_cancelScheduledCall\", function () {\n _this9.$datepicker.removeEventListener(\"transitionend\", _this9._onTransitionEnd);\n }), N(this, \"setViewDate\", function (e) {\n if (!((e = b(e)) instanceof Date)) return;\n if (u(e, _this9.viewDate)) return;\n var t = _this9.viewDate;\n _this9.viewDate = e;\n var s = _this9.opts.onChangeViewDate;\n if (s) {\n var _this9$parsedViewDate3 = _this9.parsedViewDate,\n _e10 = _this9$parsedViewDate3.month,\n _t5 = _this9$parsedViewDate3.year;\n s({\n month: _e10,\n year: _t5,\n decade: _this9.curDecade\n });\n }\n _this9.trigger(i.eventChangeViewDate, e, t);\n }), N(this, \"setFocusDate\", function (e) {\n var t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {};\n (!e || (e = b(e)) instanceof Date) && (r.focusDate = e, r.opts.range && e && r._handleRangeOnFocus(), r.trigger(i.eventChangeFocusDate, e, t));\n }), N(this, \"setCurrentView\", function (e) {\n if (_this9.viewIndexes.includes(e)) {\n if (_this9.currentView = e, _this9.elIsInput && _this9.visible && _this9.setPosition(void 0, !0), _this9.trigger(i.eventChangeCurrentView, e), !_this9.views[e]) {\n var _t6 = _this9.views[e] = new S({\n dp: _this9,\n opts: _this9.opts,\n type: e\n });\n _this9.$content.appendChild(_t6.$el);\n }\n _this9.opts.onChangeView && _this9.opts.onChangeView(e);\n }\n }), N(this, \"_updateLastSelectedDate\", function (e) {\n _this9.lastSelectedDate = e, _this9.trigger(i.eventChangeLastSelectedDate, e);\n }), N(this, \"destroy\", function () {\n var _this9$opts = _this9.opts,\n e = _this9$opts.showEvent,\n t = _this9$opts.isMobile,\n i = _this9.$datepicker.parentNode;\n i && i.removeChild(_this9.$datepicker), _this9.$el.removeEventListener(e, _this9._onFocus), _this9.$el.removeEventListener(\"blur\", _this9._onBlur), window.removeEventListener(\"resize\", _this9._onResize), t && _this9._removeMobileAttributes(), _this9.keyboardNav && _this9.keyboardNav.destroy(), _this9.views = null, _this9.nav = null, _this9.$datepicker = null, _this9.opts = null, _this9.$customContainer = null, _this9.viewDate = null, _this9.focusDate = null, _this9.selectedDates = null, _this9.rangeDateFrom = null, _this9.rangeDateTo = null;\n }), N(this, \"update\", function (e) {\n var t = w({}, _this9.opts);\n w(_this9.opts, e);\n var _this9$opts2 = _this9.opts,\n s = _this9$opts2.timepicker,\n a = _this9$opts2.buttons,\n n = _this9$opts2.range,\n r = _this9$opts2.selectedDates,\n h = _this9$opts2.isMobile,\n o = _this9.visible || _this9.treatAsInline;\n _this9._createMinMaxDates(), _this9._limitViewDateByMaxMinDates(), _this9._handleLocale(), !t.selectedDates && r && _this9.selectDate(r), e.view && _this9.setCurrentView(e.view), _this9._setInputValue(), t.range && !n ? (_this9.rangeDateTo = !1, _this9.rangeDateFrom = !1) : !t.range && n && _this9.selectedDates.length && (_this9.rangeDateFrom = _this9.selectedDates[0], _this9.rangeDateTo = _this9.selectedDates[1]), t.timepicker && !s ? (o && _this9.timepicker.destroy(), _this9.timepicker = !1, _this9.$timepicker.parentNode.removeChild(_this9.$timepicker)) : !t.timepicker && s && _this9._addTimepicker(), !t.buttons && a ? _this9._addButtons() : t.buttons && !a ? (_this9.buttons.destroy(), _this9.$buttons.parentNode.removeChild(_this9.$buttons)) : o && t.buttons && a && _this9.buttons.clearHtml().render(), !t.isMobile && h ? (_this9.treatAsInline || P || _this9._createMobileOverlay(), _this9._addMobileAttributes(), _this9.visible && _this9._showMobileOverlay()) : t.isMobile && !h && (_this9._removeMobileAttributes(), _this9.visible && (P.classList.remove(\"-active-\"), \"function\" != typeof _this9.opts.position && _this9.setPosition())), o && (_this9.nav.update(), _this9.views[_this9.currentView].render(), _this9.currentView === i.days && _this9.views[_this9.currentView].renderDayNames());\n }), N(this, \"isOtherMonth\", function (e) {\n var _o10 = o(e),\n t = _o10.month;\n return t !== _this9.parsedViewDate.month;\n }), N(this, \"isOtherYear\", function (e) {\n var _o11 = o(e),\n t = _o11.year;\n return t !== _this9.parsedViewDate.year;\n }), N(this, \"isOtherDecade\", function (e) {\n var _o12 = o(e),\n t = _o12.year,\n _d = d(_this9.viewDate),\n _d2 = _slicedToArray(_d, 2),\n i = _d2[0],\n s = _d2[1];\n return t < i || t > s;\n }), N(this, \"_onChangeSelectedDate\", function (e) {\n var t = e.silent;\n setTimeout(function () {\n _this9._setInputValue(), _this9.opts.onSelect && !t && _this9._triggerOnSelect();\n });\n }), N(this, \"_onChangeFocusedDate\", function (e) {\n var _ref11 = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {},\n t = _ref11.viewDateTransition;\n if (!e) return;\n var i = !1;\n t && (i = r.isOtherMonth(e) || r.isOtherYear(e) || r.isOtherDecade(e)), i && r.setViewDate(e);\n }), N(this, \"_onChangeTime\", function (e) {\n var t = e.hours,\n i = e.minutes,\n s = new Date(),\n a = _this9.lastSelectedDate,\n n = _this9.opts.onSelect,\n r = a;\n a || (r = s);\n var h = _this9.getCell(r, _this9.currentViewSingular),\n o = h && h.adpCell;\n o && o.isDisabled || (r.setHours(t), r.setMinutes(i), a ? (_this9._setInputValue(), n && _this9._triggerOnSelect()) : _this9.selectDate(r));\n }), N(this, \"_onFocus\", function (e) {\n _this9.visible || _this9.show();\n }), N(this, \"_onBlur\", function (e) {\n _this9.inFocus || !_this9.visible || _this9.opts.isMobile || _this9.hide();\n }), N(this, \"_onMouseDown\", function (e) {\n _this9.inFocus = !0;\n }), N(this, \"_onMouseUp\", function (e) {\n _this9.inFocus = !1, _this9.$el.focus();\n }), N(this, \"_onResize\", function () {\n _this9.visible && \"function\" != typeof _this9.opts.position && _this9.setPosition();\n }), N(this, \"_onClickOverlay\", function () {\n _this9.visible && _this9.hide();\n }), N(this, \"isWeekend\", function (e) {\n return _this9.opts.weekends.includes(e);\n }), N(this, \"getClampedDate\", function (e) {\n var t = _this9.minDate,\n i = _this9.maxDate,\n s = e;\n return i && p(e, i) ? s = i : t && m(e, t) && (s = t), s;\n }), this.$el = a(e), !this.$el) return;\n this.$datepicker = n({\n className: \"air-datepicker\"\n }), this.opts = w({}, s, t), this.$customContainer = !!this.opts.container && a(this.opts.container), this.$altField = a(this.opts.altField || !1), I || (I = a(\"body\"));\n var _this$opts8 = this.opts,\n h = _this$opts8.view,\n l = _this$opts8.startDate;\n l || (this.opts.startDate = new Date()), \"INPUT\" === this.$el.nodeName && (this.elIsInput = !0), this.inited = !1, this.visible = !1, this.viewDate = b(this.opts.startDate), this.focusDate = !1, this.initialReadonly = this.$el.getAttribute(\"readonly\"), this.customHide = !1, this.currentView = h, this.selectedDates = [], this.views = {}, this.keys = [], this.rangeDateFrom = \"\", this.rangeDateTo = \"\", this.timepickerIsActive = !1, this.treatAsInline = this.opts.inline || !this.elIsInput, this.init();\n }\n _createClass(K, [{\n key: \"init\",\n value: function init() {\n var e = this.opts,\n t = this.treatAsInline,\n _this$opts9 = this.opts,\n i = _this$opts9.inline,\n s = _this$opts9.isMobile,\n a = _this$opts9.selectedDates,\n r = _this$opts9.keyboardNav,\n h = _this$opts9.onlyTimepicker;\n var o;\n B || i || !this.elIsInput || (B = !0, R = n({\n className: o = K.defaultContainerId,\n id: o\n }), I.appendChild(R)), !s || P || t || this._createMobileOverlay(), this._handleLocale(), this._bindSubEvents(), this._createMinMaxDates(), this._limitViewDateByMaxMinDates(), this.elIsInput && (i || this._bindEvents(), r && !h && (this.keyboardNav = new E({\n dp: this,\n opts: e\n }))), a && this.selectDate(a, {\n silent: !0\n }), this.opts.visible && !t && this.show(), t && this._createComponents();\n }\n }, {\n key: \"_createMobileOverlay\",\n value: function _createMobileOverlay() {\n P = n({\n className: \"air-datepicker-overlay\"\n }), R.appendChild(P);\n }\n }, {\n key: \"_createComponents\",\n value: function _createComponents() {\n var _this$$datepicker$cla;\n var e = this.opts,\n t = this.treatAsInline,\n _this$opts10 = this.opts,\n i = _this$opts10.inline,\n s = _this$opts10.buttons,\n a = _this$opts10.timepicker,\n n = _this$opts10.position,\n r = _this$opts10.classes,\n h = _this$opts10.onlyTimepicker,\n o = _this$opts10.isMobile;\n this._buildBaseHtml(), this.elIsInput && (i || this._setPositionClasses(n)), !i && this.elIsInput || this.$datepicker.classList.add(\"-inline-\"), r && (_this$$datepicker$cla = this.$datepicker.classList).add.apply(_this$$datepicker$cla, _toConsumableArray(r.split(\" \"))), h && this.$datepicker.classList.add(\"-only-timepicker-\"), o && !t && this._addMobileAttributes(), this.views[this.currentView] = new S({\n dp: this,\n type: this.currentView,\n opts: e\n }), this.nav = new F({\n dp: this,\n opts: e\n }), a && this._addTimepicker(), s && this._addButtons(), this.$content.appendChild(this.views[this.currentView].$el), this.$nav.appendChild(this.nav.$el);\n }\n }, {\n key: \"_destroyComponents\",\n value: function _destroyComponents() {\n for (var _e11 in this.views) this.views[_e11].destroy();\n this.views = {}, this.nav.destroy(), this.timepicker && this.timepicker.destroy();\n }\n }, {\n key: \"_addMobileAttributes\",\n value: function _addMobileAttributes() {\n P.addEventListener(\"click\", this._onClickOverlay), this.$datepicker.classList.add(\"-is-mobile-\"), this.$el.setAttribute(\"readonly\", !0);\n }\n }, {\n key: \"_removeMobileAttributes\",\n value: function _removeMobileAttributes() {\n P.removeEventListener(\"click\", this._onClickOverlay), this.$datepicker.classList.remove(\"-is-mobile-\"), this.initialReadonly || \"\" === this.initialReadonly || this.$el.removeAttribute(\"readonly\");\n }\n }, {\n key: \"_createMinMaxDates\",\n value: function _createMinMaxDates() {\n var _this$opts11 = this.opts,\n e = _this$opts11.minDate,\n t = _this$opts11.maxDate;\n this.minDate = !!e && b(e), this.maxDate = !!t && b(t);\n }\n }, {\n key: \"_addTimepicker\",\n value: function _addTimepicker() {\n this.$timepicker = n({\n className: \"air-datepicker--time\"\n }), this.$datepicker.appendChild(this.$timepicker), this.timepicker = new L({\n dp: this,\n opts: this.opts\n }), this.$timepicker.appendChild(this.timepicker.$el);\n }\n }, {\n key: \"_addButtons\",\n value: function _addButtons() {\n this.$buttons = n({\n className: \"air-datepicker--buttons\"\n }), this.$datepicker.appendChild(this.$buttons), this.buttons = new H({\n dp: this,\n opts: this.opts\n }), this.$buttons.appendChild(this.buttons.$el);\n }\n }, {\n key: \"_bindSubEvents\",\n value: function _bindSubEvents() {\n this.on(i.eventChangeSelectedDate, this._onChangeSelectedDate), this.on(i.eventChangeFocusDate, this._onChangeFocusedDate), this.on(i.eventChangeTime, this._onChangeTime);\n }\n }, {\n key: \"_buildBaseHtml\",\n value: function _buildBaseHtml() {\n var e = this.opts.inline;\n var t, i;\n this.elIsInput ? e ? (t = this.$datepicker, (i = this.$el).parentNode.insertBefore(t, i.nextSibling)) : this.$container.appendChild(this.$datepicker) : this.$el.appendChild(this.$datepicker), this.$datepicker.innerHTML = '', this.$content = a(\".air-datepicker--content\", this.$datepicker), this.$pointer = a(\".air-datepicker--pointer\", this.$datepicker), this.$nav = a(\".air-datepicker--navigation\", this.$datepicker);\n }\n }, {\n key: \"_handleLocale\",\n value: function _handleLocale() {\n var _this$opts12 = this.opts,\n e = _this$opts12.locale,\n t = _this$opts12.dateFormat,\n i = _this$opts12.firstDay,\n s = _this$opts12.timepicker,\n a = _this$opts12.onlyTimepicker,\n n = _this$opts12.timeFormat,\n r = _this$opts12.dateTimeSeparator;\n var h;\n this.locale = (h = e, JSON.parse(JSON.stringify(h))), t && (this.locale.dateFormat = t), void 0 !== n && \"\" !== n && (this.locale.timeFormat = n);\n var o = this.locale.timeFormat;\n if (\"\" !== i && (this.locale.firstDay = i), s && \"function\" != typeof t) {\n var _e12 = o ? r : \"\";\n this.locale.dateFormat = [this.locale.dateFormat, o || \"\"].join(_e12);\n }\n a && (this.locale.dateFormat = this.locale.timeFormat);\n }\n }, {\n key: \"_setPositionClasses\",\n value: function _setPositionClasses(e) {\n var _this$$datepicker$cla2;\n if (\"function\" == typeof e) return void this.$datepicker.classList.add(\"-custom-position-\");\n var t = (e = e.split(\" \"))[0],\n i = e[1],\n s = \"air-datepicker -\".concat(t, \"-\").concat(i, \"- -from-\").concat(t, \"-\");\n (_this$$datepicker$cla2 = this.$datepicker.classList).add.apply(_this$$datepicker$cla2, _toConsumableArray(s.split(\" \")));\n }\n }, {\n key: \"_bindEvents\",\n value: function _bindEvents() {\n this.$el.addEventListener(this.opts.showEvent, this._onFocus), this.$el.addEventListener(\"blur\", this._onBlur), this.$datepicker.addEventListener(\"mousedown\", this._onMouseDown), this.$datepicker.addEventListener(\"mouseup\", this._onMouseUp), window.addEventListener(\"resize\", this._onResize);\n }\n }, {\n key: \"_limitViewDateByMaxMinDates\",\n value: function _limitViewDateByMaxMinDates() {\n var e = this.viewDate,\n t = this.minDate,\n i = this.maxDate;\n i && p(e, i) && this.setViewDate(i), t && m(e, t) && this.setViewDate(t);\n }\n }, {\n key: \"formatDate\",\n value: function formatDate() {\n var e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : this.viewDate,\n t = arguments.length > 1 ? arguments[1] : void 0;\n if (e = b(e), !(e instanceof Date)) return;\n var i = t,\n s = this.locale,\n a = o(e),\n n = d(e),\n r = K.replacer,\n h = \"am\";\n this.opts.timepicker && this.timepicker && (h = this.timepicker.getDayPeriod(e).dayPeriod);\n var l = {\n T: e.getTime(),\n m: a.minutes,\n mm: a.fullMinutes,\n h: a.hours12,\n hh: a.fullHours12,\n H: a.hours,\n HH: a.fullHours,\n aa: h,\n AA: h.toUpperCase(),\n E: s.daysShort[a.day],\n EEEE: s.days[a.day],\n d: a.date,\n dd: a.fullDate,\n M: a.month + 1,\n MM: a.fullMonth,\n MMM: s.monthsShort[a.month],\n MMMM: s.months[a.month],\n yy: a.year.toString().slice(-2),\n yyyy: a.year,\n yyyy1: n[0],\n yyyy2: n[1]\n };\n for (var _i8 = 0, _Object$entries3 = Object.entries(l); _i8 < _Object$entries3.length; _i8++) {\n var _ref12 = _Object$entries3[_i8];\n var _ref13 = _slicedToArray(_ref12, 2);\n var _e13 = _ref13[0];\n var _t7 = _ref13[1];\n i = r(i, k(_e13), _t7);\n }\n return i;\n }\n }, {\n key: \"down\",\n value: function down(e) {\n this._handleUpDownActions(e, \"down\");\n }\n }, {\n key: \"up\",\n value: function up(e) {\n this._handleUpDownActions(e, \"up\");\n }\n }, {\n key: \"selectDate\",\n value: function selectDate(e) {\n var _this10 = this;\n var t,\n s = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {},\n a = this.currentView,\n n = this.parsedViewDate,\n r = this.selectedDates,\n h = s.updateTime,\n _this$opts13 = this.opts,\n o = _this$opts13.moveToOtherMonthsOnSelect,\n l = _this$opts13.moveToOtherYearsOnSelect,\n d = _this$opts13.multipleDates,\n c = _this$opts13.range,\n u = _this$opts13.autoClose,\n m = r.length;\n if (Array.isArray(e)) return e.forEach(function (e) {\n _this10.selectDate(e, s);\n }), new Promise(function (e) {\n setTimeout(e);\n });\n if ((e = b(e)) instanceof Date) {\n if (a === i.days && e.getMonth() !== n.month && o && (t = new Date(e.getFullYear(), e.getMonth(), 1)), a === i.years && e.getFullYear() !== n.year && l && (t = new Date(e.getFullYear(), 0, 1)), t && this.setViewDate(t), d && !c) {\n if (m === d) return;\n this._checkIfDateIsSelected(e) || r.push(e);\n } else if (c) switch (m) {\n case 1:\n r.push(e), this.rangeDateTo || (this.rangeDateTo = e), p(this.rangeDateFrom, this.rangeDateTo) && (this.rangeDateTo = this.rangeDateFrom, this.rangeDateFrom = e), this.selectedDates = [this.rangeDateFrom, this.rangeDateTo];\n break;\n case 2:\n this.selectedDates = [e], this.rangeDateFrom = e, this.rangeDateTo = \"\";\n break;\n default:\n this.selectedDates = [e], this.rangeDateFrom = e;\n } else this.selectedDates = [e];\n return this.trigger(i.eventChangeSelectedDate, {\n action: i.actionSelectDate,\n silent: null == s ? void 0 : s.silent,\n date: e,\n updateTime: h\n }), this._updateLastSelectedDate(e), u && !this.timepickerIsActive && this.visible && (d || c ? c && 1 === m && this.hide() : this.hide()), new Promise(function (e) {\n setTimeout(e);\n });\n }\n }\n }, {\n key: \"unselectDate\",\n value: function unselectDate(e) {\n var _this11 = this;\n var t = this.selectedDates,\n s = this;\n if ((e = b(e)) instanceof Date) return t.some(function (a, n) {\n if (u(a, e)) return t.splice(n, 1), s.selectedDates.length ? s._updateLastSelectedDate(s.selectedDates[s.selectedDates.length - 1]) : (s.rangeDateFrom = \"\", s.rangeDateTo = \"\", s._updateLastSelectedDate(!1)), _this11.trigger(i.eventChangeSelectedDate, {\n action: i.actionUnselectDate,\n date: e\n }), !0;\n });\n }\n }, {\n key: \"replaceDate\",\n value: function replaceDate(e, t) {\n var _this12 = this;\n var s = this.selectedDates.find(function (t) {\n return u(t, e, _this12.currentView);\n }),\n a = this.selectedDates.indexOf(s);\n a < 0 || u(this.selectedDates[a], t, this.currentView) || (this.selectedDates[a] = t, this.trigger(i.eventChangeSelectedDate, {\n action: i.actionSelectDate,\n date: t,\n updateTime: !0\n }), this._updateLastSelectedDate(t));\n }\n }, {\n key: \"clear\",\n value: function clear() {\n this.selectedDates = [], this.rangeDateFrom = !1, this.rangeDateTo = !1, this.trigger(i.eventChangeSelectedDate, {\n action: i.actionUnselectDate\n });\n }\n }, {\n key: \"show\",\n value: function show() {\n var _this$opts14 = this.opts,\n e = _this$opts14.onShow,\n t = _this$opts14.isMobile;\n this._cancelScheduledCall(), this.visible || this.hideAnimation || this._createComponents(), this.setPosition(this.opts.position), this.$datepicker.classList.add(\"-active-\"), this.visible = !0, e && this._scheduleCallAfterTransition(e), t && this._showMobileOverlay();\n }\n }, {\n key: \"hide\",\n value: function hide() {\n var _this13 = this;\n var _this$opts15 = this.opts,\n e = _this$opts15.onHide,\n t = _this$opts15.isMobile,\n i = this._hasTransition();\n this.visible = !1, this.hideAnimation = !0, this.$datepicker.classList.remove(\"-active-\"), this.customHide && this.customHide(), this.elIsInput && this.$el.blur(), this._scheduleCallAfterTransition(function (t) {\n !_this13.customHide && (t && i || !t && !i) && _this13._finishHide(), e && e(t);\n }), t && P.classList.remove(\"-active-\");\n }\n }, {\n key: \"_triggerOnSelect\",\n value: function _triggerOnSelect() {\n var _this14 = this;\n var e = [],\n t = [],\n i = this.selectedDates,\n s = this.locale,\n _this$opts16 = this.opts,\n a = _this$opts16.onSelect,\n n = _this$opts16.multipleDates,\n r = _this$opts16.range,\n h = n || r,\n o = \"function\" == typeof s.dateFormat;\n i.length && (e = i.map(g), t = o ? n ? s.dateFormat(e) : e.map(function (e) {\n return s.dateFormat(e);\n }) : e.map(function (e) {\n return _this14.formatDate(e, s.dateFormat);\n })), a({\n date: h ? e : e[0],\n formattedDate: h ? t : t[0],\n datepicker: this\n });\n }\n }, {\n key: \"_handleAlreadySelectedDates\",\n value: function _handleAlreadySelectedDates(e, t) {\n var _this$opts17 = this.opts,\n i = _this$opts17.range,\n s = _this$opts17.toggleSelected;\n i ? s ? this.unselectDate(t) : 2 !== this.selectedDates.length && this.selectDate(t) : s && this.unselectDate(t), s || this._updateLastSelectedDate(e);\n }\n }, {\n key: \"_handleUpDownActions\",\n value: function _handleUpDownActions(e, t) {\n if (!((e = b(e || this.focusDate || this.viewDate)) instanceof Date)) return;\n var i = \"up\" === t ? this.viewIndex + 1 : this.viewIndex - 1;\n i > 2 && (i = 2), i < 0 && (i = 0), this.setViewDate(new Date(e.getFullYear(), e.getMonth(), 1)), this.setCurrentView(this.viewIndexes[i]);\n }\n }, {\n key: \"_handleRangeOnFocus\",\n value: function _handleRangeOnFocus() {\n 1 === this.selectedDates.length && (p(this.selectedDates[0], this.focusDate) ? (this.rangeDateTo = this.selectedDates[0], this.rangeDateFrom = this.focusDate) : (this.rangeDateTo = this.focusDate, this.rangeDateFrom = this.selectedDates[0]));\n }\n }, {\n key: \"getCell\",\n value: function getCell(e) {\n var _d3;\n var t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : i.day;\n if (!((e = b(e)) instanceof Date)) return;\n var _o13 = o(e),\n s = _o13.year,\n a = _o13.month,\n n = _o13.date,\n r = '[data-year=\"'.concat(s, '\"]'),\n h = '[data-month=\"'.concat(a, '\"]'),\n l = '[data-date=\"'.concat(n, '\"]'),\n d = (_d3 = {}, _defineProperty(_d3, i.day, \"\".concat(r).concat(h).concat(l)), _defineProperty(_d3, i.month, \"\".concat(r).concat(h)), _defineProperty(_d3, i.year, \"\".concat(r)), _d3);\n return this.views[this.currentView].$el.querySelector(d[t]);\n }\n }, {\n key: \"_showMobileOverlay\",\n value: function _showMobileOverlay() {\n P.classList.add(\"-active-\");\n }\n }, {\n key: \"_hasTransition\",\n value: function _hasTransition() {\n return window.getComputedStyle(this.$datepicker).getPropertyValue(\"transition-duration\").split(\", \").reduce(function (e, t) {\n return parseFloat(t) + e;\n }, 0) > 0;\n }\n }, {\n key: \"parsedViewDate\",\n get: function get() {\n return o(this.viewDate);\n }\n }, {\n key: \"currentViewSingular\",\n get: function get() {\n return this.currentView.slice(0, -1);\n }\n }, {\n key: \"curDecade\",\n get: function get() {\n return d(this.viewDate);\n }\n }, {\n key: \"viewIndex\",\n get: function get() {\n return this.viewIndexes.indexOf(this.currentView);\n }\n }, {\n key: \"isFinalView\",\n get: function get() {\n return this.currentView === i.years;\n }\n }, {\n key: \"hasSelectedDates\",\n get: function get() {\n return this.selectedDates.length > 0;\n }\n }, {\n key: \"isMinViewReached\",\n get: function get() {\n return this.currentView === this.opts.minView || this.currentView === i.days;\n }\n }, {\n key: \"$container\",\n get: function get() {\n return this.$customContainer || R;\n }\n }], [{\n key: \"replacer\",\n value: function replacer(e, t, i) {\n return e.replace(t, function (e, t, s, a) {\n return t + i + a;\n });\n }\n }]);\n return K;\n }();\n var j;\n return N(K, \"defaults\", s), N(K, \"version\", \"3.1.0\"), N(K, \"defaultContainerId\", \"air-datepicker-global-container\"), j = K.prototype, Object.assign(j, A), t.default;\n }();\n});","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar _default = {\n days: ['Sonntag', 'Montag', 'Dienstag', 'Mittwoch', 'Donnerstag', 'Freitag', 'Samstag'],\n daysShort: ['Son', 'Mon', 'Die', 'Mit', 'Don', 'Fre', 'Sam'],\n daysMin: ['So', 'Mo', 'Di', 'Mi', 'Do', 'Fr', 'Sa'],\n months: ['Januar', 'Februar', 'März', 'April', 'Mai', 'Juni', 'Juli', 'August', 'September', 'Oktober', 'November', 'Dezember'],\n monthsShort: ['Jan', 'Feb', 'Mär', 'Apr', 'Mai', 'Jun', 'Jul', 'Aug', 'Sep', 'Okt', 'Nov', 'Dez'],\n today: 'Heute',\n clear: 'Aufräumen',\n dateFormat: 'dd.MM.yyyy',\n timeFormat: 'HH:ii',\n firstDay: 1\n};\nexports.default = _default;","import Events from '../../javascript/src/config/events'\nimport AbPubSub from '$lib/ab_pubsub'\n\nexport default class SearchImprovementSuggestions {\n constructor() {\n this.initEventHandler()\n }\n\n initEventHandler() {\n const delegateElem = document.querySelector('.js-search-radius-delegate')\n\n if (delegateElem) {\n delegateElem.addEventListener('click', this.handle.bind(this))\n }\n }\n\n handle(event) {\n const targetElem = event.target\n const abPubSub = AbPubSub.getInstance()\n\n if (targetElem && targetElem.dataset.radius) {\n const radius = parseInt(targetElem.dataset.radius, 10)\n abPubSub.emit(Events.ON_SEARCH_RADIUS_CHANGE, { radius })\n }\n }\n}\n","/* global document */\nimport ViewportHelper from '../../../lib/viewport_helper'\n\nexport default class FadingTables {\n get tableContainerSelector() {\n return '.ab-cms-container--table'\n }\n\n get containerSelector() {\n return '.ab-container'\n }\n\n get fadedSelector() {\n return '.faded'\n }\n\n constructor() {\n this.viewportHelper = ViewportHelper.getInstance()\n\n if (this.viewportHelper.isMobile()) {\n this.initBehavior()\n }\n }\n\n removeFadeOnScrollEnd(tableContainer, tableContainerParent) {\n if (tableContainer.scrollLeft >= tableContainer.scrollWidth\n - tableContainer.clientWidth) {\n this.removeFading(tableContainer, tableContainerParent)\n } else {\n this.applyFading(tableContainer, tableContainerParent)\n }\n }\n\n removeFading(tableContainer, tableContainerParent) {\n tableContainer.classList.remove('no-border')\n tableContainerParent.classList.remove('faded')\n }\n\n applyFading(tableContainer, tableContainerParent) {\n if (tableContainerParent.querySelector('.fade')) {\n tableContainerParent.classList.add('faded')\n tableContainer.classList.add('no-border')\n } else {\n this.createFadingElement(tableContainerParent)\n tableContainerParent.classList.add('faded')\n tableContainer.classList.add('no-border')\n }\n }\n\n createFadingElement(tableContainerParent) {\n const elem = document.createElement('div')\n\n elem.classList.add('fade')\n tableContainerParent.appendChild(elem)\n }\n\n initBehavior() {\n const tableContainers = document.querySelectorAll(\n this.tableContainerSelector\n )\n\n Array.from(tableContainers).forEach(tableContainer => {\n if (tableContainer.scrollWidth > tableContainer.clientWidth) {\n const tableContainerParent = tableContainer.parentElement\n\n this.applyFading(tableContainer, tableContainerParent)\n tableContainer.addEventListener('scroll', () => {\n this.removeFadeOnScrollEnd(tableContainer, tableContainerParent)\n })\n }\n })\n }\n}\n","/* global $ */\nexport default class VacancyCountBreakerWidget {\n get VacancyCountBreakerSelector() {\n return 'ab-cms-container--vacancy-count-breaker'\n }\n\n get VacancyCountBreakerCountSelector() {\n return 'vacancy-count-breaker__count'\n }\n\n constructor() {\n this.VacancyCountBreakers = document.getElementsByClassName(this.VacancyCountBreakerSelector)\n this.searchUrl = '/ajax/main_search_result_count/'\n\n if (this.VacancyCountBreakers.length > 0) this.triggerSearch()\n }\n\n triggerSearch() {\n Array.from(this.VacancyCountBreakers).forEach(elem => {\n const searchUrl = new URL(elem.querySelector('a').href)\n const searchParams = new URLSearchParams(searchUrl.search)\n\n // add default radius params if not set in search\n if (!searchParams.get('form_main_search[radius]') && searchParams.toString().includes('form_main_search')) {\n searchParams.append('form_main_search[radius]', '1000')\n }\n const resultsCountBlob = elem.querySelector(\n `.${this.VacancyCountBreakerCountSelector} > .blob`\n )\n\n $.ajax({\n url: this.searchUrl,\n data: searchParams.toString(),\n dataType: 'json',\n error: () => {\n resultsCountBlob.textContent = '0'\n },\n success: result => {\n resultsCountBlob.style.width = 'auto'\n resultsCountBlob.textContent = JSON.parse(result.results_count)\n }\n })\n })\n }\n}\n","import Page from '../page'\nimport FadingTables from './cms/fading_tables'\nimport AbstractScrollableAnchorBox from '../../../../widgets/scrollable_anchor_box/main/abstract_scrollable_anchor_box_widget'\nimport GeneralContactFormWidget from '../../../../widgets/general_contact_form/script'\nimport SocialMediaElementWidget from '../../../../widgets/social_media_element/script'\nimport VacancyCountBreakerWidget from '../../../../widgets/vacancy_count_breaker/cms/script'\n\nexport default class CmsPage extends Page {\n constructor() {\n super()\n\n new AbstractScrollableAnchorBox()\n new GeneralContactFormWidget()\n new FadingTables()\n new VacancyCountBreakerWidget()\n\n // We use this to hide the cookiebot banner on certain pages\n this.cookiebotMutationObserver = ''\n\n const url = window.location.href\n const isPrivacyPage = url.indexOf('datenschutz') > -1\n // Check whether or not we're on the imprint- or privacy page\n if (url.indexOf('impressum') > -1 || isPrivacyPage) {\n this.observeCookieDialog()\n }\n\n new SocialMediaElementWidget(isPrivacyPage)\n }\n\n observeCookieDialog() {\n this.cookiebotMutationObserver = new MutationObserver(this.hideCookieBanner.bind(this))\n\n const config = {\n attributes: true,\n childList: true,\n subtree: true,\n }\n\n // Start observation of HTML body\n this.cookiebotMutationObserver.observe(document.body, config)\n\n // We proactively disconnect our mutation observer after 5 seconds here\n // in order to let the „change your settings“ cookiebot feature\n // do its work correctly. See also: reasoning in hideCookieBanner() for\n // why we cannot do this more intelligently\n setTimeout(() => {\n this.cookiebotMutationObserver.disconnect()\n }, 5000)\n }\n\n hideCookieBanner() {\n const dialog = document.querySelector('#CybotCookiebotDialog')\n const dialogUnderlay = document.querySelector('#CybotCookiebotDialogBodyUnderlay')\n\n if (dialog && dialogUnderlay && (dialog.style.display !== 'none' || dialogUnderlay.style.display !== 'none')) {\n // Hide cookiebot dialog and underlay whenever they seem to be visible\n document.body.style.overflow = 'visible'\n dialog.style.display = 'none'\n dialogUnderlay.style.display = 'none'\n\n // I would really looove to disconnect this mutation observer here,\n // but the underlay’s style is somehow reset again after a while.\n // This makes finding the correct condition for when to stop observing\n // almost impossible.\n // this.cookiebotMutationObserver.disconnect()\n }\n }\n}\n","/* global $ */\nimport SliderWidget from '../../slider/script'\n\nexport default class CorporationsCarouselWidget {\n get targetSelector() {\n return '.js-carousel-here'\n }\n\n get deleteSelector() {\n return '.js-delete-carousel'\n }\n\n constructor() {\n this.$target = $(this.targetSelector)\n this.carouselUrl = this.$target.data('carousel-path')\n this.loadSlider()\n }\n\n loadSlider() {\n $.ajax({\n url: this.carouselUrl,\n data: this.searchData()\n })\n .done(this.sliderLoadedCallback.bind(this))\n .fail(this.deleteCarousel.bind(this))\n }\n\n sliderLoadedCallback(result) {\n const $carousel = $(result).children()\n if ($(result).find('article').length > 0) {\n this.$target.empty().append($carousel)\n this.initSlider()\n } else {\n this.deleteCarousel()\n }\n }\n\n deleteCarousel() {\n $(this.deleteSelector).remove()\n }\n\n searchData() {\n return {\n city_name: this.$target.data('searchDataCityName'),\n city_public_id: this.$target.data('searchDataCityPublicId'),\n state_slug: this.$target.data('searchDataStateSlug'),\n latitude: this.$target.data('searchDataLatitude'),\n longitude: this.$target.data('searchDataLongitude'),\n city_filter_active: this.$target.data('searchDataCityFilterActive'),\n list_in_city: this.$target.data('searchDataListInCity')\n }\n }\n\n initSlider() {\n this.slider = new SliderWidget()\n }\n}\n","function _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\n/**\n * Checks if `value` is the\n * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)\n * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an object, else `false`.\n * @example\n *\n * _.isObject({});\n * // => true\n *\n * _.isObject([1, 2, 3]);\n * // => true\n *\n * _.isObject(_.noop);\n * // => true\n *\n * _.isObject(null);\n * // => false\n */\nfunction isObject(value) {\n var type = _typeof(value);\n return value != null && (type == 'object' || type == 'function');\n}\nmodule.exports = isObject;","function _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\nvar freeGlobal = require('./_freeGlobal');\n\n/** Detect free variable `self`. */\nvar freeSelf = (typeof self === \"undefined\" ? \"undefined\" : _typeof(self)) == 'object' && self && self.Object === Object && self;\n\n/** Used as a reference to the global object. */\nvar root = freeGlobal || freeSelf || Function('return this')();\nmodule.exports = root;","var root = require('./_root');\n\n/** Built-in value references. */\nvar _Symbol = root.Symbol;\nmodule.exports = _Symbol;","/* global $ window */\n\nimport debounce from 'lodash/debounce'\nimport LayoutVariables from '../../../javascript/src/config/layout_variables'\nimport ScrollableAnchorDropdown from './scrollable_anchor_dropdown'\nimport ViewportHelper from '../../../javascript/src/lib/viewport_helper'\nimport AbPubSub from '../../../javascript/src/lib/ab_pubsub'\nimport EVENTS from '../../../javascript/src/config/events'\n\nconst SCROLLABLE_ANCHOR_BOX_WIDGET_SELECTOR = '.scrollable-anchor-box'\nconst MAIN_NAVIGATION_SELECTOR = '.main-navigation'\nconst BEFORE_HEIGHT = '.faq__item--question'\n\nexport default class FixedScrollableAnchorBoxWidget {\n constructor(contentContainerSelector) {\n this.pubSub = AbPubSub.getInstance()\n this.selector = SCROLLABLE_ANCHOR_BOX_WIDGET_SELECTOR\n this.$instance = $(this.selector)\n this.$footer = $('footer')\n this.$list = this.$instance.find(`${this.selector}__list`)\n this.$window = $(window)\n this.$nearestScrollParent = this.$instance.parents('[data-scrollable-parent]')\n this.initializedDropdown = false\n this.$mainNav = $(MAIN_NAVIGATION_SELECTOR)\n this.$dynamicHeight = $(BEFORE_HEIGHT)\n this.mainContent = contentContainerSelector\n this.viewPortHelper = ViewportHelper.getInstance()\n\n if (this.$instance.length && this.$list.length) {\n this.initList()\n this.initialListHeight = this.$list[0].scrollHeight\n this.getScrollMarks()\n this.initDropdownMode()\n this.scaleToMax()\n this.initScrollMechanic()\n this.initBehavior()\n }\n }\n\n initList() {\n this.$instance.parent().css('position', 'relative')\n const $parseParent = $('[data-scrollable-parse]')\n\n if (!$parseParent.length) {\n return\n }\n //\n const $anchors = $parseParent.find('.scrollable-anchor')\n\n $anchors.each((i, anchor) => {\n const $tmp = $(anchor)\n const $anchor = $('', {\n href: `#${$tmp.attr('id')}`,\n text: $tmp.attr('data-text-anchor'),\n class: `${this.selector}__link`.substring(1),\n })\n\n const $li = $('', {\n class: 'base-box__item scrollable-anchor-box__item',\n })\n\n const $downloadLink = this.$list.find('.scrollable-anchor-box__item--download-link')\n\n if ($downloadLink.length) {\n // the list is built from the bottom up\n $li.append($anchor).insertBefore($downloadLink)\n } else {\n this.$list.append($li.append($anchor))\n }\n })\n }\n\n getScrollMarks() {\n const $links = this.$instance.find(`${this.selector}__link`)\n this.scrollMarks = []\n\n $links.each((_index, elem) => {\n const $tempLink = $(elem)\n const id = $tempLink.attr('href')\n\n if (id[0] === '#') {\n this.scrollMarks.push({\n $link: $tempLink,\n $target: this.$nearestScrollParent.find(id),\n id,\n })\n }\n })\n }\n\n activateFirstItem() {\n this.activateItem($(`${this.selector}__link`).first())\n }\n\n initBehavior() {\n this.$instance.on('click', `${this.selector}__link`, this.openList.bind(this))\n this.$window.on('resize', this.onResize.bind(this))\n this.pubSub.subscribe(EVENTS.ON_SCROLL_TOP, this.activateFirstItem.bind(this))\n }\n\n initDropdownMode() {\n this.dropdown = new ScrollableAnchorDropdown(this.$instance, this.$list)\n this.dropdown.hide()\n }\n\n initScrollMechanic() {\n this.elemTop = this.$instance.offset().top\n const scrollHandler = debounce(this.onScroll.bind(this), 30, {\n maxWait: 100,\n leading: false,\n trailing: true,\n })\n this.$window.on('scroll', scrollHandler)\n this.onScroll()\n }\n\n onScroll() {\n const viewPortTop = this.$window.scrollTop()\n this.checkPosition(viewPortTop)\n if (!this.isCorpFaqPage()) this.fixatePosition(viewPortTop)\n if (viewPortTop === 0) {\n this.$instance.css({ top: 'auto', bottom: 'auto' })\n this.activateFirstItem()\n this.dropdown.reset()\n }\n this.scrollToActiveTab()\n }\n\n scrollToActiveTab() {\n const activeItem = $(`${this.selector}__item--active`)\n if (activeItem.position() !== undefined) {\n const activeItemPosition = activeItem.position().top\n\n if (activeItemPosition > this.$list.height()) {\n this.$list.animate({\n scrollTop: activeItemPosition,\n })\n }\n\n if (activeItemPosition < this.$list.position().top) {\n this.$list.animate({\n scrollTop: 0,\n })\n }\n }\n }\n\n fixatePosition(viewPortTop) {\n const tempHeight = this.$nearestScrollParent.offset().top + this.$nearestScrollParent.height()\n const maxScrollDepth = tempHeight - this.$instance.height() - this.$footer.height()\n\n const fixateBox = viewPortTop >= this.elemTop && viewPortTop < maxScrollDepth\n const rmBox = viewPortTop > maxScrollDepth\n const resetBox = viewPortTop < this.elemTop\n\n this.toggleClass('--fixed', fixateBox)\n this.toggleClass('--abs', rmBox)\n this.toggleClass('', resetBox)\n }\n\n toggleClass(className, flag) {\n const method = flag ? 'addClass' : 'removeClass'\n const element = `.${this.selector.substring(1)}${className}`\n this.$instance[method](`${this.selector.substring(1)}${className}`)\n\n switch (className) {\n case '--fixed':\n $(element).css({\n top: this.$mainNav.height(),\n bottom: 'auto',\n })\n break\n case '--abs':\n $(element).css({\n top: 'auto',\n bottom: '0',\n })\n break\n default:\n $(element).css({\n top: 'auto',\n bottom: 'auto',\n })\n break\n }\n }\n\n onResize() {\n this.elemTop = this.$instance.parent().offset().top\n this.scaleToMax()\n }\n\n scaleToMax() {\n const windowWidth = this.$window.width()\n\n if (windowWidth >= LayoutVariables.desktopWidth) {\n const windowHeight = this.$window.innerHeight()\n const padding = parseFloat(\n $(this.mainContent)\n .css('padding-top')\n .replace(/[A-Za-z]/g, '')\n )\n\n this.$instance.innerHeight(\n this.$instance[0].scrollHeight >= windowHeight ? windowHeight - this.$mainNav.height() - padding - 20 : 'auto'\n )\n const offsetHeight = this.$instance.find(`${this.selector}__header`).outerHeight()\n const listHeight = Math.round(this.initialListHeight + offsetHeight)\n this.$list.height(listHeight >= this.$instance.innerHeight() ? this.$instance.height() - offsetHeight : 'auto')\n\n this.dropdown.hide()\n } else {\n this.dropdown.show()\n this.$list.attr('style', '') // otherwise the dropdown will have a height\n this.$instance.attr('style', '')\n }\n\n this.$instance.innerWidth(this.$instance.parent().width())\n }\n\n checkPosition(viewPortTop) {\n this.scrollMarks.forEach((mark) => {\n // 1px offset fixes problems with items not being activated\n if (mark.$target.offset()) {\n const scrollBoxHeight = this.$window.width() < LayoutVariables.desktopWidth ? this.$instance.outerHeight() : 5\n const hitsStartY = viewPortTop >= Math.ceil(mark.$target.offset().top) - scrollBoxHeight\n\n if (hitsStartY) {\n this.activeMark = mark\n this.activateItem(this.activeMark.$link)\n }\n }\n })\n }\n\n openList(event) {\n event.preventDefault()\n this.activateItem($(event.target))\n this.updateDynamicStyles()\n const targetID = $(event.target).attr('href')\n const targetPosition = $(targetID).offset().top\n const scrollPosition =\n this.$window.width() < LayoutVariables.desktopWidth\n ? targetPosition - this.$instance.outerHeight()\n : targetPosition\n $('html, body').animate(\n {\n scrollTop: scrollPosition,\n },\n 500\n )\n }\n\n updateDynamicStyles() {\n const beforeHeight = this.$instance.outerHeight() + 24\n this.$dynamicHeight.css({\n '--box-height': `${beforeHeight}px`,\n })\n }\n\n activateItem($item) {\n const itemSelector = `${this.selector}__item`\n const activeSelector = `${itemSelector}--active`\n const activeClass = activeSelector.substring(1)\n\n $(activeSelector).removeClass(activeClass)\n $item.parents(itemSelector).addClass(activeClass)\n\n if (this.$window.width() < LayoutVariables.desktopWidth) {\n this.dropdown.copyActive($item)\n }\n }\n\n isCorpFaqPage() {\n return this.mainContent !== '.corporation-faqs' && this.viewPortHelper.isMobile()\n }\n}\n","/* global $ */\n\nimport cookie from 'js-cookie'\nimport AbPubSub from '$lib/ab_pubsub'\nimport Events from '../../javascript/src/config/events'\nimport FlashMessagesWidget from '../flash_messages/script'\n\nexport default class JobletterButtonWidget {\n get jobletterButtonSelector() {\n return '.js-jobletter'\n }\n\n constructor() {\n this.$jobletterButton = $(this.jobletterButtonSelector)\n this.jobletterPath = this.$jobletterButton.data('jobletterPath')\n this.initiateListener()\n this.initBehavior()\n this.registerJobLetterOnLogin()\n this.flash = new FlashMessagesWidget()\n }\n\n initBehavior() {\n this.$jobletterButton.on('click', this.toggleJobletterSubscription.bind(this))\n }\n\n toggleJobletterSubscription() {\n const method = this.desiredAction()\n const successCallback = this.handleSuccess.bind(this)\n const errorCallback = this.handleError.bind(this)\n\n $.ajax({\n url: this.jobletterPath,\n method,\n data: { jobletter: this.getJobletterParams() },\n success: successCallback,\n error: errorCallback\n })\n }\n\n handleSuccess() {\n if (this.$jobletterButton.hasClass('js-unsubscribe')) {\n this.$jobletterButton.text('Suche abonnieren')\n this.$jobletterButton.removeClass('js-unsubscribe')\n this.$jobletterButton.addClass('js-subscribe')\n this.flash.showSuccessMessage('Diese Suche wurde abbestellt.')\n } else {\n this.$jobletterButton.text('Suche abonniert')\n this.$jobletterButton.removeClass('js-subscribe')\n this.$jobletterButton.addClass('js-unsubscribe')\n this.$jobletterButton.attr('disabled', true)\n this.flash.showSuccessMessage(\n 'Diese Suche wurde abonniert. Du erhältst ab sofort passende Stellen per E-Mail.'\n )\n }\n }\n\n handleError() {\n this.flash.showErrorMessage('Bitte gib mindestens ein Suchkriterium an.')\n this.$jobletterButton.off()\n this.$jobletterButton.removeClass('btn-outline--orange')\n this.$jobletterButton.addClass('btn-outline--disabled')\n }\n\n desiredAction() {\n if (this.$jobletterButton.hasClass('js-unsubscribe')) {\n return 'delete'\n }\n\n return 'post'\n }\n\n initiateListener() {\n const abPubSub = AbPubSub.getInstance()\n\n abPubSub.emit(Events.ON_RELOAD_LOGIN_LINKS)\n }\n\n getJobletterParams() {\n const data = this.$jobletterButton.data().searchParams\n\n return {\n longitude: data.longitude,\n latitude: data.latitude,\n what: data.what,\n where: data.where,\n radius: data.radius,\n show_regular_apprenticeships: data.show_regular_apprenticeships,\n show_educational_trainings: data.show_educational_trainings,\n show_integrated_degree_programs: data.show_integrated_degree_programs,\n show_qualifications: data.show_qualifications,\n show_inhouse_trainings: data.show_inhouse_trainings,\n show_training_programs: data.show_training_programs,\n show_educational_trainings_and_regular_apprenticeships:\n data.show_educational_trainings_and_regular_apprenticeships,\n expected_graduation: data.expected_graduation,\n profession_public_id: data.profession_public_id,\n industry_public_id: data.industry_public_id,\n starts_no_earlier_than: data.starts_no_earlier_than,\n origin: data.origin,\n profession_topic_public_id: data.profession_topic_public_id\n }\n }\n\n registerJobLetterOnLogin() {\n const popUpValue = cookie.get('triggerPopUp')\n if (popUpValue === 'jobletterBottom' || popUpValue === 'jobletterTop') {\n cookie.remove('triggerPopUp')\n const btnText = this.$jobletterButton.text()\n if (btnText.includes('abonnieren')) {\n this.toggleJobletterSubscription()\n }\n }\n }\n}\n","/* global $ window */\n\nimport AbPubSub from '$lib/ab_pubsub'\nimport Events from '../../../javascript/src/config/events'\nimport CityProfessionLinkListWidget from '../../city_profession_link_list/script'\nimport UtilityHelper from '$lib/utility_helper'\nimport AirDatepicker from 'air-datepicker3'\nimport localeDe from 'air-datepicker3/locale/de'\nimport 'air-datepicker3/air-datepicker.css'\n\nexport default class FilterBoxWidget {\n get formFilterBoxSelector() {\n return '.js-filter-box-form'\n }\n\n get rangeTextSelector() {\n return '.similar-professions__suggestions--rangetext'\n }\n\n get rangeSliderOuterSelector() {\n return '.js-rangeslider'\n }\n\n get rangeSelector() {\n return 'input[type=range]'\n }\n\n get rangeOutputSelector() {\n return '.range-output'\n }\n\n get professionSelectSelector() {\n return '.js-selectize-profession'\n }\n\n get professionTopicSelector() {\n return '.js-selectize-profession-topics'\n }\n\n get professionTopicMultiselect() {\n return '.js-generic-multiselct-profession-topics'\n }\n\n get industrySelectSelector() {\n return '.js-selectize-industry'\n }\n\n get expectedGraduationSelectSelector() {\n return '.js-selectize-expected-graduation'\n }\n\n get showFiltersSelector() {\n return '.js-show-filters'\n }\n\n constructor() {\n this.form = $(this.formFilterBoxSelector)\n this.baseName = 'form_main_search_filter'\n this.cityProfessionLinkList = new CityProfessionLinkListWidget()\n\n if (!this.hasFilterBox()) {\n // eslint-disable-next-line no-console\n console.error(\n 'MainSearchFilterBox was initialized, but could not be found in the document. Make sure to render the MainSearchFilterBox::Widget.'\n )\n } else {\n this.$rangeSlider = $(this.rangeSelector)\n this.$rangeOutput = $(this.rangeOutputSelector)\n this.$rangeOuterElement = $(this.rangeSliderOuterSelector)\n this.$filterToggle = $(this.showFiltersSelector)\n\n this.expectedGraduationSelect = $(this.expectedGraduationSelectSelector).selectize({ sortField: 'text' })\n this.professionSelect = $(this.professionSelectSelector).selectize({ sortField: 'text' })\n this.industrySelect = $(this.industrySelectSelector).selectize({ sortField: 'text' })\n this.professionTopicSelect = $(this.professionTopicSelector).selectize({ sortField: 'text' })\n\n const datepickerWrapper = $('.filter-box__datepicker__wrapper')\n this.$datepicker = datepickerWrapper.find('.js-datepicker-here')\n\n this.abPubSub = AbPubSub.getInstance()\n this.radiusFilter = 20\n this.expectedGraduationFilter = ''\n this.professionFilter = '' // \"profession_public_name\"\n this.professionTopicsFilter = '' // \"profession_public_name\"\n this.industryFilter = '' // \"industry_public_id\"\n this.startFilter = ''\n this.initFilterCall = 0\n this.apprenticeshipTypes = 'Ausbildung; Schulisch; DS; Weiterbildung; Betriebsintern; Abiprogramm; SchulDual'\n }\n }\n\n initFilterBox(searchCallback) {\n if (this.hasFilterBox()) {\n this.initDatePicker()\n this.initRangeSlider(searchCallback)\n\n this.$filterToggle.on('click', () => {\n $('.js-filters').toggleClass('filters-hidden')\n this.$filterToggle.toggleClass('open')\n })\n\n this.initExpectedGraduationSelectize()\n this.initIndustrySelectize()\n this.initProfessionSelectize()\n this.initProfessionTopicSelectize()\n this.initApprenticeshipTypesSelectize()\n }\n }\n\n initExpectedGraduationSelectize() {\n this.initFilterSelectize({\n selectize: this.expectedGraduationSelect[0].selectize,\n changedValueName: 'expected_graduation',\n dataLayerName: 'expected_graduation'\n })\n }\n\n initProfessionSelectize() {\n this.initFilterSelectize({\n selectize: this.professionSelect[0].selectize,\n changedValueName: 'profession_public_id',\n dataLayerName: 'profession_public_name'\n })\n }\n\n initProfessionTopicSelectize() {\n this.initFilterSelectize({\n selectize: this.professionTopicSelect[0].selectize,\n changedValueName: 'profession_topic_public_id',\n dataLayerName: 'profession_topic_public_name'\n })\n }\n\n initIndustrySelectize() {\n this.initFilterSelectize({\n selectize: this.industrySelect[0].selectize,\n changedValueName: 'industry_public_id',\n dataLayerName: 'industry_public_name'\n })\n }\n\n initFilterSelectize({ selectize, changedValueName, dataLayerName }) {\n selectize.on('change', () => {\n this.filterValueChanged(changedValueName, ...selectize.items)\n if (selectize.items.length) {\n this.pushDataLayer(\n dataLayerName,\n selectize.options[selectize.items].text\n )\n }\n })\n }\n\n initApprenticeshipTypesSelectize() {\n const self = this\n const apprenticeshipObj = [\n ['form_main_search_filter[show_regular_apprenticeships]', 'Ausbildung', 'active'],\n ['form_main_search_filter[show_educational_trainings]', 'Schulisch', 'active'],\n ['form_main_search_filter[show_integrated_degree_programs]', 'DS', 'active'],\n ['form_main_search_filter[show_qualifications]', 'Weiterbildung', 'active'],\n ['form_main_search_filter[show_inhouse_trainings]', 'Betriebsintern', 'active'],\n ['form_main_search_filter[show_training_programs]', 'Abiprogramm', 'active'],\n [\n 'form_main_search_filter[show_educational_trainings_and_regular_apprenticeships]',\n 'SchulDual',\n 'active'\n ]\n ]\n\n function updateActiveItemsString() {\n const activeItemsArray = []\n\n // eslint-disable-next-line func-names\n $('.filter-box__apprenticeship-types .checkbox__box').each(function () {\n const $checkbox = $(this)\n const checkboxName = $checkbox.attr('name')\n const isChecked = $checkbox.is(':checked')\n\n if (isChecked) {\n const matchingItem = apprenticeshipObj.find(item => item[0] === checkboxName)\n if (matchingItem) {\n activeItemsArray.push(matchingItem[1])\n }\n }\n })\n const semicolonSeparatedString = activeItemsArray.join(';')\n self.pushDataLayer('apprenticeship_types', semicolonSeparatedString)\n }\n\n $('.filter-box__apprenticeship-types .checkbox__box').on('change', () => {\n updateActiveItemsString()\n })\n\n updateActiveItemsString()\n }\n\n initRangeSlider(loadCallback) {\n let timeoutHandler = null\n const self = this\n this.$rangeSlider.rangeslider({\n polyfill: false,\n onInit() {\n self.$rangeOutput.text($(this.rangeSelector).val())\n },\n onSlide(_position, value) {\n self.$rangeOutput.text(value)\n },\n onSlideEnd(_position, value) {\n self.$rangeOutput.text(value)\n\n if (timeoutHandler) {\n clearTimeout(timeoutHandler)\n }\n\n timeoutHandler = setTimeout(() => {\n self.filterValueChanged('radius', value)\n self.pushDataLayer('radius', value)\n loadCallback()\n }, 100)\n }\n })\n }\n\n disableRangeSlider() {\n this.$rangeSlider.val(1000)\n this.$rangeOutput.text(1000)\n this.$rangeOuterElement.addClass('filter-box__range-inline--disabled')\n this.$rangeSlider.prop('disabled', true)\n this.$rangeSlider.rangeslider('update', true)\n this.filterValueChanged('radius', 1000)\n\n // update radius in url params\n const params = UtilityHelper.getUrlParams(window.location.href)\n params['form_main_search[radius]'] = 1000\n const paramString = Object.keys(params)\n .map(key => `${key}=${params[key]}`)\n .join('&')\n\n window.history.replaceState(params, '', `?${paramString}`)\n }\n\n enableRangeSlider() {\n const filterBoxRangeClass = 'filter-box__range-inline--disabled'\n if (this.$rangeOuterElement.hasClass(filterBoxRangeClass)) {\n this.$rangeSlider.val(20)\n this.$rangeOutput.text(20)\n }\n this.$rangeOuterElement.removeClass(filterBoxRangeClass)\n this.$rangeSlider.prop('disabled', false)\n this.$rangeSlider.rangeslider('update', true)\n this.filterValueChanged('radius', 20)\n }\n\n initDatePicker() {\n const minDate = new Date()\n minDate.setDate(1)\n minDate.setMonth(minDate.getMonth() - 1)\n\n this.airDatepicker = new AirDatepicker('.js-datepicker-here', {\n minDate,\n position: 'bottom center',\n locale: localeDe,\n container: '.datepicker-container',\n view: 'years',\n minView: 'months',\n dateFormat: 'MMMM yyyy',\n autoClose: true,\n\n onHide: (isFinished) => {\n if (isFinished) {\n this.$datepicker.trigger('change')\n }\n },\n onSelect: (selectedDate) => {\n this.filterValueChanged('starts_no_earlier_than', selectedDate.formattedDate)\n this.pushDataLayer('starts_no_earlier_than', selectedDate.formattedDate)\n }\n })\n }\n\n hasFilterBox() {\n return this.form.length > 0\n }\n\n getFilterParams() {\n const values = this.form.serializeArray()\n return values\n .filter(value => value.name !== 'utf8')\n .map(value => ({\n // TODO: Writer proper replace\n name: value.name.replace(this.baseName, '').replace('[', '').replace(']', ''),\n value: value.value\n }))\n }\n\n filterValueChanged(name, value) {\n this.abPubSub.emit(Events.ON_CHANGE_FILTER_BOX, { name, value })\n }\n\n pushDataLayer(name, value) {\n // function to push filter changes into datalayer\n switch (name) {\n case 'radius':\n this.radiusFilter = value\n break\n case 'expected_graduation':\n this.expectedGraduationFilter = value\n break\n case 'profession_public_name':\n this.professionFilter = value\n break\n case 'profession_topic_public_name':\n this.professionTopicsFilter = value\n break\n case 'industry_public_name':\n this.industryFilter = value\n break\n case 'starts_no_earlier_than':\n this.startFilter = value\n break\n case 'apprenticeship_types':\n this.apprenticeshipTypes = value\n break\n default:\n break\n }\n\n dataLayer.push({\n event: 'filterDL',\n radiusFilter: this.radiusFilter ? this.radiusFilter : undefined,\n abschlussFilter: this.expectedGraduationFilter ? this.expectedGraduationFilter : undefined,\n berufFilter: this.professionFilter ? this.professionFilter : undefined,\n berufThemaFilter: this.professionTopicsFilter ? this.professionTopicsFilter : undefined,\n brancheFilter: this.industryFilter ? this.industryFilter : undefined,\n startFilter: this.startFilter ? this.startFilter : undefined,\n ausbildungsartenFilter: this.apprenticeshipTypes || undefined\n })\n }\n\n resetFilterValue(name) {\n switch (name) {\n case 'profession_public_id':\n this.professionSelect[0].selectize.clear(false)\n this.filterValueChanged(name, '')\n break\n case 'profession_topic_public_id':\n this.professionTopicSelect[0].selectize.clear(false)\n this.filterValueChanged(name, '')\n break\n case 'expected_graduation':\n this.expectedGraduationSelect[0].selectize.clear(false)\n this.filterValueChanged(name, '')\n break\n case 'industry_public_id':\n this.industrySelect[0].selectize.clear(false)\n this.filterValueChanged(name, '')\n break\n case 'radius':\n this.$rangeSlider.val(20).trigger('change')\n this.$rangeOutput.text(20)\n this.filterValueChanged(name, 20)\n break\n case 'starts_no_earlier_than':\n this.airDatepicker.clear()\n this.filterValueChanged(name, '')\n this.$datepicker.trigger('change')\n break\n default:\n break\n }\n }\n}\n","export default class CityProfessionLinkListWidget {\n get showAllProfessionsSelector() {\n return '.js-show-all-professions'\n }\n get linkListSelector() {\n return '.js-link-list'\n }\n\n constructor() {\n this.$showProfessionsButton = $(this.showAllProfessionsSelector)\n this.$linkList = $(this.linkListSelector)\n\n this.$showProfessionsButton.on('click', () => {\n if (this.$linkList.hasClass('link-list--closed')) {\n this.$linkList\n .removeClass('link-list--closed link-list--fade-out')\n .addClass('link-list--open')\n this.$showProfessionsButton.text('Weniger Berufe anzeigen')\n } else {\n this.$linkList\n .removeClass('link-list--open')\n .addClass('link-list--closed link-list--fade-out')\n this.$showProfessionsButton.text('Alle Berufe anzeigen')\n }\n })\n }\n}\n","import Page from '../page'\nimport MainSearchWithResultsWidget from '../../../../widgets/main_search_with_results/script'\n\nexport default class MainSearchPage extends Page {\n constructor() {\n super()\n\n new MainSearchWithResultsWidget(true, 20)\n }\n}\n","/* global window $ */\n\nimport AbstractContactForm from '$lib/abstract_contact_form'\nimport Events from '../../javascript/src/config/events'\nimport AbPubSub from '$lib/ab_pubsub'\n\nexport default class GeneralContactFormWidget extends AbstractContactForm {\n get loginBar() {\n return document.getElementsByClassName('navigation__login')[0]\n }\n\n get openFormButton() {\n return document.getElementById('js-contact-form-open-form')\n }\n\n get noOtherClickEvents() {\n return this.noOtherEvents\n }\n\n constructor() {\n super('contact-form')\n this.noOtherEvents = true\n this.abPubSub = AbPubSub.getInstance()\n //\n this.checkUserStatus()\n this.enableEventDelegation()\n }\n\n checkUserStatus() {\n if (this.loginBar.getElementsByClassName('js-open_login_modal').length) {\n if (this.openFormButton) this.openFormButton.classList.add('js-open_login_modal')\n this.noOtherEvents = false\n } else if (this.loginBar.getElementsByClassName('js-open_activation_modal').length) {\n if (this.openFormButton) this.openFormButton.classList.add('js-open_activation_modal')\n this.noOtherEvents = false\n } else if (this.loginBar.getElementsByClassName('js-open_email_update_modal').length) {\n if (this.openFormButton) this.openFormButton.classList.add('js-open_email_update_modal')\n this.noOtherEvents = false\n }\n }\n\n enableEventDelegation() {\n if (this.openFormButton) {\n this.openFormButton.addEventListener('click', e => {\n if (e.target) {\n if (e.target.classList.contains('js-open_login_modal')) {\n this.triggerPubSubEvent(e, Events.ON_OPEN_LOGIN_MODAL)\n } else if (e.target.classList.contains('js-open_email_update_modal')) {\n this.triggerPubSubEvent(e, Events.ON_OPEN_EMAIL_UPDATE_MODAL)\n } else if (e.target.classList.contains('js-open_activation_modal')) {\n this.triggerPubSubEvent(e, Events.ON_OPEN_ACTIVATION_MODAL)\n }\n }\n })\n }\n }\n\n triggerPubSubEvent(event, abEvent) {\n this.abPubSub.emit(abEvent)\n event.preventDefault()\n event.stopPropagation()\n }\n\n registerOpenCloseForm() {\n this.$openLink.on('click', e => {\n if (this.noOtherClickEvents) {\n e.preventDefault()\n $.ajax({\n method: 'GET',\n url: '/ajax/contact_author'\n }).done(response => {\n if (response.mail) {\n this.$form.find('#js-contact-form-email').val(response.mail)\n }\n this.showForm()\n })\n }\n })\n\n this.$closeLink.on('click', () => {\n this.hideForm()\n })\n }\n}\n","/* global $ */\n\nexport default class SliderWidget {\n get namespace() {\n return '.js-slider'\n }\n get mainSelector() {\n return '.js-slider__main'\n }\n get navSelector() {\n return '.js-slider__nav'\n }\n get prevSelector() {\n return '.js-slider__arrows--prev'\n }\n get nextSelector() {\n return '.js-slider__arrows--next'\n }\n\n //\n constructor() {\n this.initSlider()\n }\n\n initSlider() {\n $(this.namespace).each((_i, el) => {\n const $el = $(el)\n const uuid = $el.data('uuid')\n const uniqNavSel = `${this.navSelector}--${uuid}`\n const uniqMainSel = `${this.mainSelector}--${uuid}`\n const $nav = $el.find(uniqNavSel)\n const useNav = $nav.length\n const uniqMainConfig = $el.find(uniqMainSel).data('options')\n const $slider = $el\n .find(uniqMainSel)\n .slick(this.getSlickConfig(uniqMainConfig, useNav, uniqNavSel))\n\n $slider.on('click', '.js-slider__arrows', event => {\n const dir = $(event.currentTarget).data('dir')\n const arrow = `${dir.slice(0, 1).toUpperCase()}${dir.slice(1)}`\n return $slider.slick(`slick${arrow}`)\n })\n\n if (useNav) {\n const uniqNavConfig = $nav.data('options')\n uniqNavConfig.asNavFor = uniqMainSel\n $nav.slick(uniqNavConfig)\n }\n })\n }\n\n getSlickConfig(uniqMainConfig, useNav, uniqNavSel) {\n const cfg = uniqMainConfig\n\n if (useNav) {\n cfg.asNavFor = uniqNavSel\n }\n\n return cfg\n }\n}\n","/* global $ */\n\nexport default class Faqs {\n get openClassName() {\n return 'js-collapsible--open'\n }\n\n constructor() {\n $('.js-collapsible').on('click', this.toggle.bind(this))\n }\n\n toggle(event) {\n const $trigger = $(event.currentTarget)\n let action = 'addClass'\n\n if ($trigger.hasClass(this.openClassName)) {\n action = 'removeClass'\n }\n $trigger[action](this.openClassName)\n }\n}\n","var root = require('./_root');\n\n/**\n * Gets the timestamp of the number of milliseconds that have elapsed since\n * the Unix epoch (1 January 1970 00:00:00 UTC).\n *\n * @static\n * @memberOf _\n * @since 2.4.0\n * @category Date\n * @returns {number} Returns the timestamp.\n * @example\n *\n * _.defer(function(stamp) {\n * console.log(_.now() - stamp);\n * }, _.now());\n * // => Logs the number of milliseconds it took for the deferred invocation.\n */\nvar now = function now() {\n return root.Date.now();\n};\nmodule.exports = now;","function _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\n/** Detect free variable `global` from Node.js. */\nvar freeGlobal = (typeof global === \"undefined\" ? \"undefined\" : _typeof(global)) == 'object' && global && global.Object === Object && global;\nmodule.exports = freeGlobal;","var baseTrim = require('./_baseTrim'),\n isObject = require('./isObject'),\n isSymbol = require('./isSymbol');\n\n/** Used as references for various `Number` constants. */\nvar NAN = 0 / 0;\n\n/** Used to detect bad signed hexadecimal string values. */\nvar reIsBadHex = /^[-+]0x[0-9a-f]+$/i;\n\n/** Used to detect binary string values. */\nvar reIsBinary = /^0b[01]+$/i;\n\n/** Used to detect octal string values. */\nvar reIsOctal = /^0o[0-7]+$/i;\n\n/** Built-in method references without a dependency on `root`. */\nvar freeParseInt = parseInt;\n\n/**\n * Converts `value` to a number.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to process.\n * @returns {number} Returns the number.\n * @example\n *\n * _.toNumber(3.2);\n * // => 3.2\n *\n * _.toNumber(Number.MIN_VALUE);\n * // => 5e-324\n *\n * _.toNumber(Infinity);\n * // => Infinity\n *\n * _.toNumber('3.2');\n * // => 3.2\n */\nfunction toNumber(value) {\n if (typeof value == 'number') {\n return value;\n }\n if (isSymbol(value)) {\n return NAN;\n }\n if (isObject(value)) {\n var other = typeof value.valueOf == 'function' ? value.valueOf() : value;\n value = isObject(other) ? other + '' : other;\n }\n if (typeof value != 'string') {\n return value === 0 ? value : +value;\n }\n value = baseTrim(value);\n var isBinary = reIsBinary.test(value);\n return isBinary || reIsOctal.test(value) ? freeParseInt(value.slice(2), isBinary ? 2 : 8) : reIsBadHex.test(value) ? NAN : +value;\n}\nmodule.exports = toNumber;","var trimmedEndIndex = require('./_trimmedEndIndex');\n\n/** Used to match leading whitespace. */\nvar reTrimStart = /^\\s+/;\n\n/**\n * The base implementation of `_.trim`.\n *\n * @private\n * @param {string} string The string to trim.\n * @returns {string} Returns the trimmed string.\n */\nfunction baseTrim(string) {\n return string ? string.slice(0, trimmedEndIndex(string) + 1).replace(reTrimStart, '') : string;\n}\nmodule.exports = baseTrim;","/** Used to match a single whitespace character. */\nvar reWhitespace = /\\s/;\n\n/**\n * Used by `_.trim` and `_.trimEnd` to get the index of the last non-whitespace\n * character of `string`.\n *\n * @private\n * @param {string} string The string to inspect.\n * @returns {number} Returns the index of the last non-whitespace character.\n */\nfunction trimmedEndIndex(string) {\n var index = string.length;\n while (index-- && reWhitespace.test(string.charAt(index))) {}\n return index;\n}\nmodule.exports = trimmedEndIndex;","function _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\nvar baseGetTag = require('./_baseGetTag'),\n isObjectLike = require('./isObjectLike');\n\n/** `Object#toString` result references. */\nvar symbolTag = '[object Symbol]';\n\n/**\n * Checks if `value` is classified as a `Symbol` primitive or object.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.\n * @example\n *\n * _.isSymbol(Symbol.iterator);\n * // => true\n *\n * _.isSymbol('abc');\n * // => false\n */\nfunction isSymbol(value) {\n return _typeof(value) == 'symbol' || isObjectLike(value) && baseGetTag(value) == symbolTag;\n}\nmodule.exports = isSymbol;","var _Symbol = require('./_Symbol'),\n getRawTag = require('./_getRawTag'),\n objectToString = require('./_objectToString');\n\n/** `Object#toString` result references. */\nvar nullTag = '[object Null]',\n undefinedTag = '[object Undefined]';\n\n/** Built-in value references. */\nvar symToStringTag = _Symbol ? _Symbol.toStringTag : undefined;\n\n/**\n * The base implementation of `getTag` without fallbacks for buggy environments.\n *\n * @private\n * @param {*} value The value to query.\n * @returns {string} Returns the `toStringTag`.\n */\nfunction baseGetTag(value) {\n if (value == null) {\n return value === undefined ? undefinedTag : nullTag;\n }\n return symToStringTag && symToStringTag in Object(value) ? getRawTag(value) : objectToString(value);\n}\nmodule.exports = baseGetTag;","var _Symbol = require('./_Symbol');\n\n/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/** Used to check objects for own properties. */\nvar hasOwnProperty = objectProto.hasOwnProperty;\n\n/**\n * Used to resolve the\n * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)\n * of values.\n */\nvar nativeObjectToString = objectProto.toString;\n\n/** Built-in value references. */\nvar symToStringTag = _Symbol ? _Symbol.toStringTag : undefined;\n\n/**\n * A specialized version of `baseGetTag` which ignores `Symbol.toStringTag` values.\n *\n * @private\n * @param {*} value The value to query.\n * @returns {string} Returns the raw `toStringTag`.\n */\nfunction getRawTag(value) {\n var isOwn = hasOwnProperty.call(value, symToStringTag),\n tag = value[symToStringTag];\n try {\n value[symToStringTag] = undefined;\n var unmasked = true;\n } catch (e) {}\n var result = nativeObjectToString.call(value);\n if (unmasked) {\n if (isOwn) {\n value[symToStringTag] = tag;\n } else {\n delete value[symToStringTag];\n }\n }\n return result;\n}\nmodule.exports = getRawTag;","/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/**\n * Used to resolve the\n * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)\n * of values.\n */\nvar nativeObjectToString = objectProto.toString;\n\n/**\n * Converts `value` to a string using `Object.prototype.toString`.\n *\n * @private\n * @param {*} value The value to convert.\n * @returns {string} Returns the converted string.\n */\nfunction objectToString(value) {\n return nativeObjectToString.call(value);\n}\nmodule.exports = objectToString;","function _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\n/**\n * Checks if `value` is object-like. A value is object-like if it's not `null`\n * and has a `typeof` result of \"object\".\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is object-like, else `false`.\n * @example\n *\n * _.isObjectLike({});\n * // => true\n *\n * _.isObjectLike([1, 2, 3]);\n * // => true\n *\n * _.isObjectLike(_.noop);\n * // => false\n *\n * _.isObjectLike(null);\n * // => false\n */\nfunction isObjectLike(value) {\n return value != null && _typeof(value) == 'object';\n}\nmodule.exports = isObjectLike;","/* global $ */\nexport default class AbstractContactForm {\n constructor(selector) {\n this.selector = selector\n this.$form = $(`.${this.selector}-box__form`)\n this.$openLink = $('#js-contact-form-open-form')\n this.$closeLink = $('#js-contact-form-close-form')\n this.$nameField = $('#js-contact-form-name')\n //\n this.addEventHandlers(this.selector)\n this.registerOpenCloseForm()\n }\n\n addEventHandlers(selector) {\n const CONTACT_FORM_SELECTOR = `.${selector}-box__contact-form`\n const SUCCESS_VIEW_SELECTOR = `.${selector}-box__success-view`\n const errorClass = 'field_with_errors'\n const disabledButtonClass = 'btn-filled btn--disabled'\n const $submitButton = $('.js-contact-form-submit-button')\n\n this.$form\n .on('ajax:error', (_event, xhr) => {\n const errors = xhr.responseJSON.frontend_errors\n\n Object.keys(errors).map(key => {\n const $field = this.$form.find(`[name='contact_author[${key}]']`)\n $field.parent().addClass(errorClass)\n $field.after(\n `${errors[key]}
`\n )\n })\n\n $submitButton.prop('disabled', false).removeClass(disabledButtonClass)\n })\n .on('ajax:send', () => {\n const $input = this.$form.find('.input-field')\n $input.removeClass(errorClass)\n $input.find('.form-error-message').remove()\n\n $submitButton.prop('disabled', true).addClass(disabledButtonClass)\n })\n .on('ajax:success', () => {\n $(CONTACT_FORM_SELECTOR).css('display', 'none')\n $(SUCCESS_VIEW_SELECTOR).css('display', 'block')\n $(this.formSelector).replaceWith('Deine Nachricht wurde erfolgreich gesendet
')\n })\n }\n\n registerOpenCloseForm() {\n this.$openLink.on('click', e => {\n e.preventDefault()\n this.showForm()\n })\n\n this.$closeLink.on('click', () => {\n this.hideForm()\n })\n }\n\n hideForm() {\n this.$openLink.show()\n this.$form.hide()\n }\n\n showForm() {\n this.$openLink.hide()\n this.$form.show()\n $(this.$nameField).focus()\n }\n}\n","/* global $ */\n\nimport TextEllipsis from '$lib/text_ellipsis'\nimport JobPostingBookmarkWidget from '../job_posting/bookmark/script'\n\nconst LOAD_MORE_BUTTON = '.js-load-more-button'\nconst SUGGESTED_JOB = '.suggested-job'\nconst SUGGESTED_JOB_HIDDEN = '.suggested-job:hidden'\n\nexport default class SuggestedJobsWidget {\n constructor() {\n // eslint-disable-next-line no-new\n new JobPostingBookmarkWidget()\n this.loadMore()\n TextEllipsis.getInstance().create()\n }\n\n loadMore() {\n $(SUGGESTED_JOB).slice(0, 6).show() // select the first six professions\n $(LOAD_MORE_BUTTON).on('click', () => {\n $(SUGGESTED_JOB_HIDDEN).slice(0, 6).show() // select next 6 hidden professions and show them\n if ($(SUGGESTED_JOB_HIDDEN).length === 0) {\n // check if any hidden profession still exist\n $(LOAD_MORE_BUTTON).hide() // Hide button if not exist\n }\n })\n }\n}\n","/* global $ */\n\nconst SELECTIZE_SELECTOR = '.js-selectize'\n\nexport default class SingleSelectInputWidget {\n constructor() {\n const selects = $(SELECTIZE_SELECTOR)\n\n for (let i = 0; i < selects.length; i++) {\n const customConfig = $(selects[i]).data('selectize-config') || {}\n const config = $.extend(\n {\n create: false\n },\n customConfig\n )\n $(selects[i]).selectize(config)\n }\n }\n}\n","/* global $ window */\nimport cookie from 'js-cookie'\n\nconst LOGIN_LINK = '.js-open_login_modal'\n\nexport default class ClickAfterLogin {\n constructor(dataAttribute, target) {\n this.$apprenticeLoginLink = $(LOGIN_LINK)\n this.addEventListener(dataAttribute, target)\n this.clickAfterLogin(dataAttribute, target)\n }\n\n addEventListener(dataAttribute, target) {\n target.on('click', () => {\n this.$apprenticeLoginLink.attr('data-trigger-popup', dataAttribute)\n this.$apprenticeLoginLink.trigger('afterClick')\n })\n }\n\n clickAfterLogin(dataAttribute, target) {\n const popUpValue = cookie.get('triggerPopUp')\n if (popUpValue === dataAttribute) {\n cookie.remove('triggerPopUp')\n window.location = target.attr('href')\n }\n }\n}\n","export default {\n 'klassische-duale-berufsausbildung': [\n '#schritt-1',\n '#schritt-2a',\n '#schritt-3',\n '#schritt-4a',\n '#schritt-5a',\n '#schritt-6a',\n '#schritt-7',\n '#loading'\n ],\n 'betriebsinterne-ausbildung': [\n '#schritt-1',\n '#schritt-2a',\n '#schritt-3',\n '#schritt-4a',\n '#schritt-5a',\n '#schritt-6a',\n '#schritt-7',\n '#loading'\n ],\n 'duales-studium': [\n '#schritt-1',\n '#schritt-2b',\n '#schritt-3',\n '#schritt-4a',\n '#schritt-5a',\n '#schritt-6a',\n '#schritt-7',\n '#loading'\n ],\n 'schulische-ausbildung': [\n '#schritt-1',\n '#schritt-2c',\n '#schritt-3',\n '#schritt-4b',\n '#schritt-5b',\n '#schritt-6b',\n '#schritt-7',\n '#loading'\n ],\n weiterbildung: [\n '#schritt-1',\n '#schritt-2a',\n '#schritt-3',\n '#schritt-4a',\n '#schritt-5a',\n '#schritt-6a',\n '#schritt-7',\n '#loading'\n ],\n abiturientenprogramm: [\n '#schritt-1',\n '#schritt-2a',\n '#schritt-3',\n '#schritt-4a',\n '#schritt-5a',\n '#schritt-6a',\n '#schritt-7',\n '#loading'\n ]\n}\n","/* global $ */\nimport Page from '../../page'\n\nimport ActiveSourcingPrivacyFormWidget from '../../../../../widgets/active_sourcing_privacy_form/script'\nimport ClickAfterLogin from '../../../lib/click_after_login'\n\nconst FILL_PROFILE_BUTTON_SELECTOR = '.js-click-after-login'\n\nexport default class ActiveSourcing extends Page {\n constructor() {\n super()\n new ActiveSourcingPrivacyFormWidget()\n new ClickAfterLogin('fillProfileIntro', $(FILL_PROFILE_BUTTON_SELECTOR))\n }\n}\n","/* global $, window */\nconst FORM = '#new_privacy_form'\nconst PRIVACY_FORM = '.privacy-form-box'\nconst ERROR_CLASS = '.field_with_errors'\n\nexport default class ActiveSourcingPrivacyFormWidget {\n constructor() {\n const $errorCount = $(`${PRIVACY_FORM} ${ERROR_CLASS}`)\n\n if ($errorCount.length) {\n window.scrollTo(0, $(FORM).offset().top)\n }\n }\n}\n","/* global $ */\nimport Page from '../../page'\nimport ClickAfterLogin from '../../../lib/click_after_login'\nimport DaExplanationJobPostingsWidget from '../../../../../widgets/direct_application/frontend/explanation/job_postings/script'\n\nconst FILL_PROFILE_BUTTON_SELECTOR = '.js-click-after-login'\n\nexport default class DaExplanation extends Page {\n constructor() {\n super()\n new ClickAfterLogin('fillProfileIntro', $(FILL_PROFILE_BUTTON_SELECTOR))\n new DaExplanationJobPostingsWidget()\n }\n}\n","/* global $ */\n\nimport JobPostingBookmarkWidget from '../../../../job_posting/bookmark/script'\nimport AjaxSpinnerWidget from '../../../../ajax_spinner/script'\nimport Events from '../../../../../javascript/src/config/events'\nimport AbPubSub from '$lib/ab_pubsub'\nimport TextEllipsis from '$lib/text_ellipsis'\n\nexport default class DaExplanationJobPostingsWidget {\n get searchNamespace() {\n return '.js-job-postings-da__search'\n }\n\n get searchTargetSelector() {\n return '.js-job-postings-here'\n }\n\n get locationPermissionSelector() {\n return '.js-open-location-permission-modal'\n }\n\n get longitudeSelector() {\n return '.js-search-rlon'\n }\n\n get latitudeSelector() {\n return '.js-search-rlat'\n }\n\n get loadMoreButtonTargetSelector() {\n return '.js-load-more-button-here'\n }\n\n get containerSelector() {\n return '#job-postings-container'\n }\n\n get titleTargetSelector() {\n return '.js-search-result-title-here'\n }\n\n constructor() {\n const ns = this.searchNamespace\n this.$namespace = $(ns)\n\n this.init()\n }\n\n init() {\n this.searchUrl = $('.js-job-postings-da__search-filter').attr('data-search-url')\n this.jobPostingBookmarkWidget = new JobPostingBookmarkWidget()\n this.ajaxSpinner = new AjaxSpinnerWidget()\n this.currentPage = 0\n this.$target = $(this.searchTargetSelector)\n this.$titleTarget = $(this.titleTargetSelector)\n this.$jobPostingsContainer = $(this.containerSelector)\n this.$locationPermission = $(this.locationPermissionSelector)\n this.pubSub = AbPubSub.getInstance()\n\n this.afterInit()\n }\n\n async afterInit() {\n if (this.searchWithGeolocation()) {\n const coordinates = await this.fetchCoordinates()\n if (coordinates) {\n this.setCoordinates(coordinates)\n }\n }\n\n this.triggerSearch()\n }\n\n fetchCoordinates() {\n return new Promise(resolve => {\n navigator.geolocation.getCurrentPosition(resolve, () => {\n resolve(null)\n })\n })\n }\n\n searchWithGeolocation() {\n return (\n this.$locationPermission.length\n && this.$locationPermission.data('session') === 'gave_permission'\n && window.navigator\n && window.navigator.geolocation\n )\n }\n\n setCoordinates(coordinates) {\n $(this.longitudeSelector).val(coordinates.coords.longitude)\n $(this.latitudeSelector).val(coordinates.coords.latitude)\n }\n\n triggerSearch() {\n this.searchBefore()\n const doneCallback = this.searchDone.bind(this)\n\n $.ajax({\n url: this.searchUrl,\n data: { currentPage: this.currentPage }\n }).done(doneCallback)\n }\n\n searchBefore() {\n this.currentPage += 1\n $(this.loadMoreButtonTargetSelector).empty()\n this.ajaxSpinner.showSpinner()\n }\n\n searchDone(page) {\n this.pageobj = $(page)\n this.loadMoreButton = this.pageobj.filter('.js-load-more-button').children()\n this.jobPostings = this.pageobj.filter('.js-job-postings').children()\n this.ajaxSpinner.hideSpinner()\n\n this.$target.append(this.jobPostings)\n this.activateLoadMoreButton()\n this.onSearchDone()\n }\n\n onSearchDone() {\n this.$namespace.trigger(Events.ON_SEARCH_DONE)\n this.pubSub.emit(Events.ON_RELOAD_LOGIN_LINKS)\n TextEllipsis.getInstance().create()\n }\n\n activateLoadMoreButton() {\n $('.js-load-more-search-results').off().remove()\n $(this.loadMoreButtonTargetSelector).empty().append(this.loadMoreButton)\n $('.js-load-more-search-results').on('click', this.triggerSearch.bind(this))\n }\n}\n","/* global $ */\nimport LayoutVariables from '../../../javascript/src/config/layout_variables'\nimport AjaxSpinnerWidget from '../../ajax_spinner/script'\n\nconst SUBMIT_BUTTON = '.btn-filled'\n\nexport default class ProfessionQuizLastStep {\n constructor() {\n this.$submitButton = $(SUBMIT_BUTTON)\n this.ajaxSpinner = new AjaxSpinnerWidget()\n this.initSpinner()\n\n this.resizeWindow = this.resizeWindow.bind(this)\n\n this.resizeWindow()\n\n $(window).on('resize', this.resizeWindow)\n }\n\n initSpinner() {\n this.$submitButton.on('click', () => {\n this.ajaxSpinner.showSpinner()\n this.$submitButton.hide()\n })\n }\n\n resizeWindow() {\n const viewportWidth = $(window).width()\n const height = $(window).innerHeight()\n let navBarSize\n\n if (viewportWidth < LayoutVariables.tabletWidth) {\n navBarSize = 45\n } else if (viewportWidth < LayoutVariables.desktopWidth) {\n navBarSize = 43\n } else {\n navBarSize = 60\n }\n\n $('.profession-quiz-step').each(function () {\n $(this).css('height', `calc(${height}px - ${navBarSize}px)`)\n })\n }\n}\n","/* global $ */\nimport LayoutVariables from '../../../javascript/src/config/layout_variables'\n\nexport default class ProfessionQuizStepWidget {\n constructor() {\n // eslint-disable-next-line radix\n this.currentPage = parseInt($('#current-step').text())\n this.resizeWindow = this.resizeWindow.bind(this)\n\n this.progressDisplay()\n this.resizeWindow()\n\n $(window).on('resize', this.resizeWindow)\n }\n\n progressDisplay() {\n const self = this\n $('.progress--steps').css('background-color', function () {\n const dataIndex = Number(this.getAttribute('data-index'))\n return dataIndex < self.currentPage ? '#FC6012' : 'transparent'\n })\n }\n\n resizeWindow() {\n const viewportWidth = $(window).width()\n const height = $(window).innerHeight()\n let navBarSize\n\n if (viewportWidth < LayoutVariables.tabletWidth) {\n navBarSize = 45\n } else if (viewportWidth < LayoutVariables.desktopWidth) {\n navBarSize = 43\n } else {\n navBarSize = 60\n }\n\n $('.profession-quiz-step').each(function () {\n $(this).css('height', `calc(${height}px - ${navBarSize}px)`)\n })\n }\n}\n","const COLOR_LIGHT = '#EDE5FF'\nconst COLOR_MEDIUM = '#D1BDFA'\nconst COLOR_DARK = '#5E2DC1'\n\nconst PROFESSION_CARD = '.profession-quiz-card'\nconst BUTTON = '.btn-outline'\n\nexport default class ProfessionQuizCard {\n constructor() {\n this.$card = $(PROFESSION_CARD)\n this.$button = $(BUTTON)\n\n this.activateCard()\n }\n\n activateCard() {\n this.$card.on('click', event => {\n const $clickedCard = $(event.currentTarget)\n $clickedCard.append('')\n\n const $animationBackground = $clickedCard.find('.animation-background')\n\n $animationBackground.css({\n animation: 'rippleEffect 0.2s ease',\n 'background-color': COLOR_LIGHT,\n position: 'absolute',\n top: 0,\n left: 0,\n width: '100%',\n height: '100%',\n 'border-radius': '1.2rem',\n 'z-index': -1\n })\n $clickedCard.find(BUTTON).css({\n 'border-color': COLOR_MEDIUM,\n 'background-color': COLOR_LIGHT,\n color: COLOR_DARK\n })\n setTimeout(() => {\n $clickedCard.css('border-color', COLOR_DARK)\n }, 200)\n })\n }\n}\n","/* global $ window validate history */\n\nimport VALIDATIONS from './validations'\nimport CHAINS from './chains'\nimport AjaxSingleSelectInputWidget from '../ajax_single_select_input/script'\nimport SingleSelectInputWidget from '../single_select_input/script'\n\nconst STEPS_SELECTOR = '#steps'\nconst FORM_NAME = 'review_form'\nconst NEXT_BUTTON = '.review__question-card--next-step'\nconst CHECKED_RADIO_BUTTON = 'input[name=\"review_form[apprenticeship_type]\"]:checked'\nconst EMAIL_FORM = '#review_form_email'\nconst SUBMIT_BUTTON = '.js-submit'\n\nexport default class ReviewsWidget {\n constructor() {\n this.currentStep = 0\n\n this.setDefaultHash()\n\n this.checkedRadioButton = $(CHECKED_RADIO_BUTTON)\n this.currentChain = this.checkedRadioButton.val()\n this.registerEventHandler()\n this.registerCustomValidator()\n\n // $(window).on('beforeunload', (event) => (\n // 'Diese Seite bittet dich zu bestätigen, dass du die Seite verlassen möchtest – ' +\n // 'Daten, die du eingegeben hast, werden verworfen.'\n // ))\n }\n\n registerCustomValidator() {\n validate.validators.numericalityWithAllowEmptyString = (value, options) => {\n if (value !== '' && (!/^\\d+$/.test(value) || value.startsWith('0'))) {\n return options.message\n }\n return undefined\n }\n }\n\n disableButton(buttonSelector) {\n $(buttonSelector).prop('disabled', true)\n $(buttonSelector).css({ opacity: 0.7, cursor: 'not-allowed' })\n }\n\n enableButton(buttonSelector) {\n $(buttonSelector).prop('disabled', false)\n $(buttonSelector).css({ opacity: 1, cursor: 'pointer' })\n }\n\n isEmail(email) {\n const regex = /^([a-zA-Z0-9_.+-])+\\@(([a-zA-Z0-9-])+\\.)+([a-zA-Z0-9]{2,4})+$/\n return regex.test(email)\n }\n\n emailWatcher() {\n this.disableButton(SUBMIT_BUTTON)\n\n $(EMAIL_FORM).on('keyup', () => {\n if (!this.isEmail($(EMAIL_FORM).val())) {\n this.disableButton(SUBMIT_BUTTON)\n } else {\n this.enableButton(SUBMIT_BUTTON)\n }\n })\n }\n\n isFirstStep() {\n return this.currentStep === 0\n }\n\n isLastStep() {\n return this.currentStep === this.currentChain.length - 1\n }\n\n nextStep() {\n this.currentStep++\n this.changeHash()\n }\n\n setDefaultHash() {\n if (window.location.hash !== '#abschluss') {\n const baseUrl = window.location.href.split('#')[0]\n history.replaceState({}, null, `${baseUrl}#schritt-1`)\n }\n }\n\n registerEventHandler() {\n this.registerNextButtonHandler()\n $(window).on('popstate', this.handleHashChange.bind(this))\n }\n\n registerNextButtonHandler() {\n $(NEXT_BUTTON).on('click', this.onNextButtonClick.bind(this))\n }\n\n onNextButtonClick() {\n if (this.isFirstStep()) {\n this.dispatchFirstPage()\n } else {\n this.dispatchNextStep()\n }\n }\n\n dispatchFirstPage() {\n this.checkedRadioButton = $(CHECKED_RADIO_BUTTON)\n this.currentChain = this.checkedRadioButton.val()\n\n const url = $(NEXT_BUTTON).data('url')\n const callback = () => {\n this.registerNextButtonHandler()\n this.nextStep()\n new AjaxSingleSelectInputWidget()\n new SingleSelectInputWidget()\n this.emailWatcher()\n }\n this.loadChainSteps(url, callback)\n }\n\n dispatchNextStep() {\n const validationErrors = this.validateStep()\n const validationLength = validationErrors.length\n\n if (validationLength > 0) {\n this.removeErrors()\n\n for (let i = 0; i < validationLength; i++) {\n this.renderError(validationErrors[i])\n }\n } else {\n this.nextStep()\n }\n }\n\n loadChainSteps(url, callback) {\n $.ajax({\n url,\n data: {\n type: this.currentChain\n },\n success: data => {\n $('.review').replaceWith(data)\n callback()\n }\n })\n }\n\n changeHash() {\n history.pushState({}, null, CHAINS[this.currentChain][this.currentStep])\n this.handleHashChange()\n }\n\n handleHashChange() {\n const currentChain = CHAINS[this.currentChain]\n const stepIndex = currentChain.indexOf(window.location.hash)\n\n if (stepIndex < currentChain.length) {\n $(STEPS_SELECTOR).children().hide()\n $(currentChain[stepIndex]).show()\n this.currentStep = stepIndex\n }\n }\n\n // VALIDATIONS\n // TODO: We should write a dedicated js validator\n renderError(errorObj) {\n const fieldNameParts = Object.keys(errorObj)[0].split('.')\n const fieldName = `${fieldNameParts[0]}[${fieldNameParts[1]}]`\n const field = $(`[name=\"${fieldName}\"]`)\n\n if (field.length) {\n const message = errorObj[Object.keys(errorObj)[0]][0]\n $(field[0])\n .parents('.input-field')\n .wrap('')\n .append(`${message}
`)\n }\n }\n\n removeErrors() {\n const $fieldWithErrors = $('.field_with_errors')\n $fieldWithErrors.find('.form-error-message').remove()\n $fieldWithErrors.find('.input-field').unwrap('.field_with_errors')\n }\n\n validateStep() {\n const validationsForStep = this.validationsForStep(this.currentChain /* (this.nextStep - 1) */)\n const validateFieldNames = Object.keys(validationsForStep)\n const validationResults = []\n\n for (let i = 0, len = validateFieldNames.length; i < len; i++) {\n const fieldName = validateFieldNames[i]\n const value = this.getValueForField(`${FORM_NAME}[${fieldName}]`)\n\n const validationResult = validate(\n this.getValidationObject(fieldName, value),\n this.prefixValidationNames(validationsForStep, fieldName)\n )\n\n\n if (validationResult !== undefined) {\n validationResults.push(validationResult)\n }\n }\n\n return validationResults\n }\n\n getValidationObject(fieldName, value) {\n const validationObject = {}\n validationObject[FORM_NAME] = {}\n validationObject[FORM_NAME][fieldName] = value\n return validationObject\n }\n\n prefixValidationNames(validationsForStep, fieldName) {\n const prefixed = {}\n const validateFieldNames = Object.keys(validationsForStep)\n for (let i = 0, len = validateFieldNames.length; i < len; i++) {\n prefixed[`${FORM_NAME}.${fieldName}`] = validationsForStep[fieldName]\n }\n return prefixed\n }\n\n getValueForField(fieldName) {\n return $(`[name=\"${fieldName}\"]`).val()\n }\n\n validationsForStep(chain /* , step */) {\n const validations = VALIDATIONS[chain][window.location.hash]\n\n const validationsForStep = {}\n const keys = Object.keys(validations)\n\n for (let i = 0, len = keys.length; i < len; i++) {\n validationsForStep[keys[i]] = validations[keys[i]]\n }\n\n return validationsForStep\n }\n}\n","const presence = {\n presence: {\n allowEmpty: false,\n message: '^Bitte fülle dieses Feld aus.'\n }\n}\n\nconst numericality = {\n numericalityWithAllowEmptyString: {\n message: '^Bitte gib nur Zahlen ein.'\n }\n}\n\nconst email = {\n email: {\n message: '^Ungültige E-Mail'\n }\n}\n\nconst step2Validations = {\n a: {\n reviewed_company: presence,\n city_id: presence\n },\n b: {\n reviewed_company: presence,\n reviewed_university: presence,\n city_id: presence\n },\n c: {\n school: presence,\n city_id: presence\n }\n}\n\nconst step3Validations = {\n reviewed_profession: presence,\n working_hours_per_day: presence,\n start_year: presence,\n salary_year_one: numericality,\n salary_year_two: numericality,\n salary_year_three: numericality,\n salary_year_four: numericality\n}\n\nconst step4Validations = {\n a: {\n stars_count_company: presence,\n stars_count_profession: presence,\n stars_count_learning: presence,\n stars_count_fun: presence\n },\n b: {\n school_stars_count_profession: presence,\n school_stars_count_learning: presence,\n school_stars_count_fun: presence\n }\n}\n\nconst step5Validations = {\n a: {\n comment_on_company: presence,\n comment_on_profession: presence\n },\n b: {\n comment_on_profession: presence\n }\n}\n\nconst step6Validations = {\n a: {\n taken_on_status: presence,\n recommend_company: presence,\n recommend_profession: presence\n },\n b: {\n school_recommend_profession: presence\n }\n}\n\nconst step7Validations = {\n email\n}\n\nexport default {\n 'klassische-duale-berufsausbildung': {\n '#schritt-1': {},\n '#schritt-2a': step2Validations.a,\n '#schritt-3': step3Validations,\n '#schritt-4a': step4Validations.a,\n '#schritt-5a': step5Validations.a,\n '#schritt-6a': step6Validations.a,\n '#schritt-7': step7Validations\n },\n 'betriebsinterne-ausbildung': {\n '#schritt-1': {},\n '#schritt-2a': step2Validations.a,\n '#schritt-3': step3Validations,\n '#schritt-4a': step4Validations.a,\n '#schritt-5a': step5Validations.a,\n '#schritt-6a': step6Validations.a,\n '#schritt-7': step7Validations\n },\n 'duales-studium': {\n '#schritt-1': {},\n '#schritt-2b': step2Validations.b,\n '#schritt-3': step3Validations,\n '#schritt-4a': step4Validations.a,\n '#schritt-5a': step5Validations.a,\n '#schritt-6a': step6Validations.a,\n '#schritt-7': step7Validations\n },\n 'schulische-ausbildung': {\n '#schritt-1': {},\n '#schritt-2c': step2Validations.c,\n '#schritt-3': step3Validations,\n '#schritt-4b': step4Validations.b,\n '#schritt-5b': step5Validations.b,\n '#schritt-6b': step6Validations.b,\n '#schritt-7': step7Validations\n },\n weiterbildung: {\n '#schritt-1': {},\n '#schritt-2a': step2Validations.a,\n '#schritt-3': step3Validations,\n '#schritt-4a': step4Validations.a,\n '#schritt-5a': step5Validations.a,\n '#schritt-6a': step6Validations.a,\n '#schritt-7': step7Validations\n },\n abiturientenprogramm: {\n '#schritt-1': {},\n '#schritt-2a': step2Validations.a,\n '#schritt-3': step3Validations,\n '#schritt-4a': step4Validations.a,\n '#schritt-5a': step5Validations.a,\n '#schritt-6a': step6Validations.a,\n '#schritt-7': step7Validations\n }\n}\n","/* global $ window */\n\nimport AjaxSpinnerWidget from '../../../ajax_spinner/script'\n\nexport default class SignInUpCorporationHeaderWidget {\n get selectizeSelector() {\n return '.js-signup-selectize'\n }\n get signUpRoute() {\n return '/account/corporation/signup/'\n }\n get apprenticeCountSelector() {\n return '.js-apprentice-count'\n }\n get genderSelector() {\n return '.input__contact_person_gender'\n }\n\n constructor() {\n this.ajaxSpinner = new AjaxSpinnerWidget()\n this.$submitButton = $('.signup__submit')\n this.$namespace = $('.corporation-signup-header')\n this.$apprenticeCount = $(this.apprenticeCountSelector)\n this.$genderSelector = $(this.genderSelector)\n\n $(this.selectizeSelector).selectize()\n this.apprenticeCountListener()\n this.genderSelectorListener()\n this.$submitButton.on('click', e => {\n e.preventDefault()\n this.clearErrors()\n\n this.disableSubmitButton()\n this.ajaxSpinner.showSpinner()\n\n $.ajax({\n url: `/ajax${this.signUpRoute}`,\n method: 'POST',\n data: this.getSerializedFormData()\n })\n .done(() => {\n // redirect to root\n window.location.replace('/')\n })\n .fail(jqXHR => {\n // response is an object, so create an array from key-value pairs\n const messages = Object.entries(jqXHR.responseJSON.errors)\n this.addFieldError(messages)\n this.ajaxSpinner.hideSpinner()\n this.enableSubmitButton()\n })\n })\n }\n\n disableSubmitButton() {\n this.$submitButton.css('display', 'none')\n }\n\n enableSubmitButton() {\n this.$submitButton.css('display', 'inline-block')\n }\n\n addFieldError(errors) {\n errors.forEach(error => {\n const inputField = this.$namespace.find('form').find(`.input__${error[0]}`)\n const parentElement = inputField.parent()\n\n inputField.keypress(this.removeError)\n parentElement.addClass('field_with_errors')\n this.addErrorMessage(parentElement, error[1])\n })\n }\n\n removeError() {\n $(this).off('keypress')\n const parentElement = $(this).parent()\n parentElement.removeClass('field_with_errors').find('span').remove()\n }\n\n addErrorMessage(element, messages) {\n messages.forEach(message => {\n element.append(`${message}`)\n })\n }\n\n clearErrors() {\n const errorInputElements = this.$namespace.find('form').find('.field_with_errors')\n errorInputElements.removeClass('field_with_errors').find('.form-error-message').remove()\n }\n\n getSerializedFormData() {\n return this.$namespace.find('form').serialize()\n }\n\n apprenticeCountListener() {\n this.$apprenticeCount.on('change', () => {\n this.$apprenticeCount.parent().removeClass('field_with_errors').find('span').remove()\n })\n }\n\n genderSelectorListener() {\n this.$genderSelector.on('change', () => {\n this.$genderSelector\n .parent()\n .removeClass('field_with_errors')\n .find('.form-error-message')\n .remove()\n })\n }\n}\n","import Page from '../../page'\n\nimport { AbstractScrollableAnchorBoxWidget } from '../../../../../widgets/scrollable_anchor_box/main/script'\nimport GeneralContactFormWidget from '../../../../../widgets/general_contact_form/script'\nimport SocialMediaElementWidget from '../../../../../widgets/social_media_element/script'\nimport FadingTables from '../cms/fading_tables'\nimport VacancyCountBreakerWidget from '../../../../../widgets/vacancy_count_breaker/cms/script'\n\nexport default class AdviserPage extends Page {\n constructor() {\n super()\n new AbstractScrollableAnchorBoxWidget()\n new GeneralContactFormWidget()\n new FadingTables()\n new VacancyCountBreakerWidget()\n new SocialMediaElementWidget()\n }\n}\n","const CONTAINER_HEIGHT = 333\nconst CLASS_NAME = 'js-hidden-content'\n\nexport default class ShowMore {\n constructor(vph) {\n this.vph = vph\n this.provideSelectors()\n this.sizeContainer()\n this.initBehavior()\n }\n\n provideSelectors() {\n this.content = document.querySelector('.js-show-more__content')\n this.container = document.querySelector('.js-show-more__container')\n this.controls = document.querySelector('.js-show-more__controls')\n this.gradient = document.querySelector('.js-show-more__gradient')\n this.label = document.querySelector('.action-label')\n }\n\n sizeContainer() {\n if (!this.vph.isMobile()) {\n this.removeClass()\n this.container.classList.add('js-hidden')\n }\n\n const curHeight = this.content.offsetHeight\n\n if (CONTAINER_HEIGHT < curHeight) {\n this.addClass()\n this.container.classList.remove('js-hidden')\n }\n }\n\n initBehavior() {\n window.addEventListener('resize', () => this.sizeContainer())\n this.controls.addEventListener('click', () => this.toggle())\n }\n\n toggle() {\n if (this.controls.classList.contains('js-active')) {\n this.label.innerHTML = 'Mehr anzeigen'\n this.gradient.classList.remove('js-hidden')\n this.controls.classList.remove('js-active')\n this.addClass()\n } else {\n this.removeClass()\n this.gradient.classList.add('js-hidden')\n this.controls.classList.add('js-active')\n this.label.innerHTML = 'Weniger anzeigen'\n }\n }\n\n addClass() {\n this.content.classList.add(CLASS_NAME)\n }\n\n removeClass() {\n this.content.classList.remove(CLASS_NAME)\n }\n}\n","import Page from '../../page'\nimport MainSearchWithResultsWidget from '../../../../../widgets/main_search_with_results/script'\nimport CorporationsCarouselWidget from '../../../../../widgets/corporations/carousel/script'\nimport ShowMore from '../../../lib/show_more'\nimport ViewportHelper from '../../../lib/viewport_helper'\n\nexport default class CityPage extends Page {\n constructor() {\n super()\n this.mainSearchWithResultsWidget = new MainSearchWithResultsWidget(false, 24)\n this.corporationCarouselWidget = new CorporationsCarouselWidget()\n this.showMore = new ShowMore(ViewportHelper.getInstance())\n }\n}\n","/* global */\nimport Page from '../../page'\n\nimport MainSearchWithResultsWidget from '../../../../../widgets/main_search_with_results/script'\n\nexport default class IndustriesShowPage extends Page {\n constructor() {\n super()\n this.mainSearchWithResultsWidget = new MainSearchWithResultsWidget(false, 24)\n }\n}\n","import Page from '../../page'\nimport MainSearchWithResultsWidget from '../../../../../widgets/main_search_with_results/script'\nimport SocialMediaElementWidget from '../../../../../widgets/social_media_element/script'\n\n// TODO This could be a file of namespace \"landingpages\". The name of that file could be job_ufo.js.\nexport default class JobUfoPage extends Page {\n constructor() {\n super()\n this.mainSearchWithResultsWidget = new MainSearchWithResultsWidget(false, 24)\n this.socialMediaElementWidget = new SocialMediaElementWidget()\n }\n}\n","import Page from '../../page'\n\nimport SingleSelect from '../../../../../widgets/form/single_select/script'\nimport ProfessionQuizLastStep from '../../../../../widgets/profession_quiz/last_step/script'\nimport MultiSelectMultiline from '../../../../../widgets/form/multiple_select_multiline/script'\n\nexport default class ProfessionQuizLastPage extends Page {\n constructor() {\n super()\n\n new SingleSelect()\n new ProfessionQuizLastStep()\n new MultiSelectMultiline()\n }\n}\n","import Page from '../../page'\n\nimport SuggestedJobsWidget from '../../../../../widgets/suggested_jobs/script'\n\nexport default class ProfessionQuizResults extends Page {\n constructor() {\n super()\n\n new SuggestedJobsWidget()\n }\n}\n","import Page from '../../page'\nimport ProfessionQuizStepWidget from '../../../../../widgets/profession_quiz/step/script'\nimport ProfessionQuizCard from '../../../../../widgets/profession_quiz/card/script'\n\nexport default class ProfessionQuizStepPage extends Page {\n constructor() {\n super()\n this.quizStepWidget = new ProfessionQuizStepWidget()\n this.quizCardWidget = new ProfessionQuizCard()\n }\n}\n","/* global $ */\nimport Page from '../../page'\n\nimport ReviewsWidget from '../../../../../widgets/reviews/script'\n\nexport default class Reviews extends Page {\n constructor() {\n super()\n this.reviewsWidget = new ReviewsWidget()\n }\n}\n","import Page from '../page'\n\nimport MainSearchWithResultsWidget from '../../../../widgets/main_search_with_results/script'\nimport SocialMediaElementWidget from '../../../../widgets/social_media_element/script'\n\nexport default class SeoKeywordPage extends Page {\n constructor() {\n super()\n this.mainSearchWithResultsWidget = new MainSearchWithResultsWidget(false, 24)\n this.socialMediaElementWidget = new SocialMediaElementWidget()\n }\n}\n","import Page from '../../page'\nimport MainSearchWithResultsWidget from '../../../../../widgets/main_search_with_results/script'\nimport CorporationsCarouselWidget from '../../../../../widgets/corporations/carousel/script'\n\nexport default class StatePage extends Page {\n constructor() {\n super()\n this.mainSearchWithResultsWidget = new MainSearchWithResultsWidget(false, 24)\n this.corporationCarouselWidget = new CorporationsCarouselWidget()\n }\n}\n","/* global $ */\n\nconst SCROLL_BUTTON_SELECTOR = '.js-scroll-button'\n\nexport default class ScrollButton {\n constructor() {\n const scrollButtons = document.querySelectorAll(SCROLL_BUTTON_SELECTOR)\n\n if (scrollButtons.length) {\n Array.from(scrollButtons).forEach((scrollButton) => scrollButton.addEventListener('click', this.scrollToForm))\n }\n }\n\n scrollToForm() {\n const yOffset = -50\n const element = document.getElementById('signup')\n const y = element.getBoundingClientRect().top + window.scrollY + yOffset\n\n window.scrollTo({ top: y, behavior: 'smooth' })\n }\n}\n","import Page from '../page'\nimport SignInUpCorporationHeaderWidget from '../../../../widgets/sign_in_up/corporation/getting_started/script'\nimport ScrollButton from '../../../../widgets/sign_in_up/corporation/scroll_button/script'\nimport SliderWidget from '../../../../widgets/slider/script'\nimport Faqs from '../../../../widgets/owned_faqs/script'\nimport SingleSelect from '../../../../widgets/form/single_select/script'\n\nexport default class CorporationSignUpPage extends Page {\n constructor() {\n super()\n\n new SignInUpCorporationHeaderWidget()\n new ScrollButton()\n new SliderWidget()\n new Faqs()\n new SingleSelect()\n }\n}\n","import Page from '../../page'\nimport CorporationsCarouselWidget from '../../../../../widgets/corporations/carousel/script'\n\nexport default class StateOverviewPage extends Page {\n constructor() {\n super()\n this.corporationCarouselWidget = new CorporationsCarouselWidget()\n }\n}\n","import ActiveSourcing from '../pages/frontend/active_sourcing/active_sourcing'\n// frontend/ratgeber\nimport AdviserPage from '../pages/frontend/adviser/adviser'\nimport CityPage from '../pages/frontend/cities/city'\nimport CmsPage from '../pages/frontend/cms_page'\n// branchen\nimport IndustriesShowPage from '../pages/frontend/industries/show'\nimport JobUfoPage from '../pages/frontend/job_ufo_landingpages/download'\nimport DaExplanation from '../pages/frontend/landingpages/da_explanation'\nimport MainSearch from '../pages/frontend/main_search'\nimport ProfessionQuizLastPage from '../pages/frontend/profession_quiz/last_step'\nimport ProfessionQuizResults from '../pages/frontend/profession_quiz/results'\nimport ProfessionQuizStepPage from '../pages/frontend/profession_quiz/steps'\nimport Reviews from '../pages/frontend/reviews/review'\n// frontend/landingpages\nimport SeoKeywordPage from '../pages/frontend/seo_keyword'\nimport StatePage from '../pages/frontend/states/state'\n\nimport CorporationSignUpPage from '../pages/frontend/corporation_signup'\nimport Page from '../pages/page'\nimport StateOverviewPage from '../pages/frontend/states/state_overview'\n\nexport default [\n // frontend\n ['staedte/alle', Page],\n ['staedte/(.*)', CityPage],\n ['bundeslaender', StateOverviewPage],\n ['bundeslaender/(.*)', StatePage],\n ['suche', MainSearch],\n ['bewerten', Reviews],\n ['berufscheck', ProfessionQuizStepPage],\n ['berufscheck/fragen/12', ProfessionQuizLastPage],\n ['berufscheck/fragen/ergebnis', ProfessionQuizResults],\n ['berufscheck/fragen/(.*)', ProfessionQuizStepPage],\n\n // Styleguide\n // ['ci', CI],\n\n // Branchen\n ['branchen', Page],\n ['branchen/(.*)', IndustriesShowPage],\n\n // ---\n // frontend/ratgeber\n ['ratgeber', Page],\n ['ratgeber/(.*)', AdviserPage],\n\n // ---\n // frontend/landingpages\n ['videobewerbung', JobUfoPage],\n ['lass-dich-finden', ActiveSourcing],\n ['lehrer', Page],\n ['impressum', CmsPage],\n ['datenschutz', CmsPage],\n ['agb', CmsPage],\n ['nutzungsbedingungen', CmsPage],\n ['bildquellen', CmsPage],\n ['bewerben-in-drei-schritten', DaExplanation],\n\n ['azubis-finden', CorporationSignUpPage],\n\n // CMS Preview\n ['cms-preview', CmsPage],\n\n // Assume that every 'single-part' path not otherwise mentioned is a seo keyword\n ['([a-z0-9-]*)', SeoKeywordPage],\n\n // catchall script for routes, with no special script\n ['(.*)', Page]\n]\n","/* eslint no-console:0 */\n// This file is automatically compiled by Webpack, along with any other files\n// present in this directory. You're encouraged to place your actual application logic in\n// a relevant structure within app/javascript and only use these pack files to reference\n// that code so it'll be compiled.\n//\n// To reference this file, add <%= javascript_pack_tag 'application' %> to the appropriate\n// layout file, like app/views/layouts/application.html.erb\n\nimport routes from '../src/config/routes'\nimport Router from '$lib/router'\n\nimport 'slick-carousel/slick/slick.css'\nimport 'tooltipster/dist/css/tooltipster.bundle.min.css'\nimport 'tooltipster/dist/css/plugins/tooltipster/sideTip/themes/tooltipster-sideTip-shadow.min.css'\nimport 'air-datepicker/dist/css/datepicker.min.css'\n\nimport './vendor/vendor.js'\n\n/* global $ */\n\n// add jquery function for resetting selectize selects\n$.fn.resetSelectize = function () {\n // Get the Selectize instance\n const selectize = this[0].selectize\n\n // get initial options\n const options = $.map(selectize.options, function (value, index) {\n return value\n })\n // clear all options\n selectize.clearOptions()\n // reinit initial options\n selectize.load(function (callback) {\n callback(options)\n })\n\n // reset width\n $($(this).siblings()[0]).find('input').css('width', '100%')\n\n // Return the jQuery object for chaining\n return this\n}\n\nclass Ausbildung {\n constructor() {\n this._initRouter()\n }\n\n /**\n * Initializes the router and its routes\n * @private\n */\n _initRouter() {\n this._router = new Router(routes)\n }\n}\n\n$(() => {\n window.ausbildung = new Ausbildung()\n})\n"],"sourceRoot":""}