{
  "version": 3,
  "sources": ["/cdn/shop/t/66/assets/search-form.js?cb=16427"],
  "sourcesContent": ["/* global debounce */\n\nif (!customElements.get('search-form')) {\n  class SearchForm extends HTMLElement {\n    constructor() {\n      super();\n      this.input = this.querySelector('.js-search-input');\n      this.productTypeSelect = this.querySelector('.js-search-product-types');\n      this.productTypeInput = document.getElementById('product_type_input');\n      this.resetBtn = this.querySelector('.js-search-reset');\n      this.addListeners();\n      this.init();\n    }\n\n    addListeners() {\n      this.input.addEventListener('input', debounce(this.handleInput.bind(this)));\n      if (this.productTypeSelect) {\n        this.productTypeSelect.addEventListener('change', this.handleProductTypeChange.bind(this));\n      }\n      this.resetBtn.addEventListener('click', this.handleReset.bind(this));\n    }\n\n    init() {\n      if ((this.input.dataset.placeholderTwo || this.input.dataset.placeholderThree)\n        && (this.input.dataset.placeholderPromptsMob === 'true' || theme.mediaMatches.md)) {\n        this.typeInPlaceholders();\n      }\n    }\n\n    /**\n     * Simulates the placeholder titles being typed in and the previous one deleted, on repeat\n     */\n    typeInPlaceholders() {\n      const typingSpeed = this.input.dataset.typingSpeed || 100;\n      const deletingSpeed = this.input.dataset.deletingSpeed || 60;\n      const delayAfterDeleting = this.input.dataset.delayAfterDeleting || 500;\n      const delayBeforeFirstDelete = this.input.dataset.delayBeforeFirstDelete || 2000;\n      const delayAfterWordTyped = this.input.dataset.delayAfterWordTyped || 2400;\n      const placeholders = [];\n\n      if (this.input.placeholder) {\n        placeholders.push(this.input.placeholder);\n      }\n\n      if (this.input.dataset.placeholderTwo) {\n        placeholders.push(this.input.dataset.placeholderTwo);\n      }\n\n      if (this.input.dataset.placeholderThree) {\n        placeholders.push(this.input.dataset.placeholderThree);\n      }\n\n      const typeInNextPlaceholder = async (placeholder) => {\n        await new Promise((resolve) => {\n          let currentPlaceholder = this.input.getAttribute('placeholder');\n\n          // If necessary remove the start of the word to type in if it already exists in the\n          // placeholder\n          let nextPlaceholder = (currentPlaceholder.length >= 3\n              && placeholder.startsWith(currentPlaceholder))\n            ? placeholder.replace(currentPlaceholder, '')\n            : placeholder;\n\n          const typingIntervalId = setInterval(() => {\n            currentPlaceholder = this.input.getAttribute('placeholder');\n            this.input.setAttribute('placeholder', currentPlaceholder + nextPlaceholder.charAt(0));\n            if (nextPlaceholder.length === 1) {\n              resolve();\n              clearInterval(typingIntervalId); // Stop typing\n            } else {\n              nextPlaceholder = nextPlaceholder.substring(1);\n            }\n          }, typingSpeed);\n        });\n      };\n\n      const deleteCurrentPlaceholder = async (nextPlaceholder) => {\n        await new Promise((resolve) => {\n          let prevPlaceholder = this.input.getAttribute('placeholder');\n          const deletionIntervalId = setInterval(() => {\n            const newPlaceholder = prevPlaceholder.substring(0, prevPlaceholder.length - 1);\n            this.input.setAttribute('placeholder', newPlaceholder);\n            prevPlaceholder = newPlaceholder;\n            if (prevPlaceholder.length === 0\n              || (prevPlaceholder.length >= 3 && nextPlaceholder.startsWith(prevPlaceholder))) {\n              resolve();\n              clearInterval(deletionIntervalId);\n            }\n          }, deletingSpeed);\n        });\n      };\n\n      let startIndex = 0;\n      const showNextPlaceholder = () => {\n        startIndex = (startIndex + 1) % placeholders.length;\n        const nextPlaceholder = placeholders[startIndex];\n        deleteCurrentPlaceholder.call(this, nextPlaceholder).then(() => {\n          setTimeout(() => {\n            typeInNextPlaceholder.call(this, nextPlaceholder).then(() => {\n              setTimeout(showNextPlaceholder.bind(this), delayAfterWordTyped);\n            });\n          }, delayAfterDeleting);\n        });\n      };\n\n      setTimeout(showNextPlaceholder.bind(this), delayBeforeFirstDelete);\n    }\n\n    /**\n     * Handles 'input' events on the search field.\n     */\n    handleInput() {\n      if (this.input.value.length > 0) {\n        this.input.classList.add('search__input--dirty');\n      } else {\n        this.input.classList.remove('search__input--dirty');\n      }\n    }\n\n    /**\n     * Handles a change of product type\n     * @param {object} evt - Event object.\n     */\n    handleProductTypeChange(evt) {\n      this.productTypeInput.value = evt.detail.selectedValue;\n    }\n\n    /**\n     * Handles the reset button being clicked\n     */\n    handleReset() {\n      this.input.classList.remove('search__input--dirty');\n    }\n  }\n\n  customElements.define('search-form', SearchForm);\n}\n"],
  "mappings": "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",
  "names": []
}