\n \n ![\"\"](\"/images/flags/${countryCode}.svg\")
\n \n ${country}\n ${currency}\n
\n `);\n },\n choice: ({ classNames }, data) => {\n const { currency, country, countryCode } = countryParts(data);\n\n return template(`\n \n \n ${country}\n ${currency}\n \n \n \n \n ${country}\n ${currency}\n
\n `);\n },\n };\n }\n\n async loadLanguages() {\n const countryCode = this.countryTarget.value;\n const languageCodes = await this.fetchLanguages(countryCode);\n if (countryCode !== this.countryTarget.value) return;\n\n this.languageSelector.clearStore();\n this.languageSelector.setChoices(languageCodes, 'iso', 'name', true);\n this.languageSelector.setChoiceByValue(languageCodes[0].iso);\n }\n\n async fetchLanguages(countryCode) {\n const response = await get('/languages', {\n query: { country_code: countryCode },\n responseKind: 'json',\n });\n if (!response.ok) return [];\n\n const { languages } = await response.json;\n return languages;\n }\n\n disconnect() {\n if (this.countrySelector) this.countrySelector.destroy();\n if (this.languageSelector) this.languageSelector.destroy();\n }\n}\n","import ApplicationController from '../../application_component/application_controller';\n\nexport default class extends ApplicationController {\n static values = { offset: { type: Number, default: 600 } };\n\n connect() {\n this.toggle();\n }\n\n toggle() {\n this.element.toggleAttribute(\n 'data-pinned',\n window.scrollY >= this.offsetValue,\n );\n }\n\n scrollToTop(event) {\n event.preventDefault();\n window.scrollTo({ top: 0 });\n document\n .querySelector(event.currentTarget.hash)\n ?.focus({ preventScroll: true });\n }\n\n teardown() {\n this.element.removeAttribute('data-pinned');\n }\n}\n","import { post } from '@rails/request.js';\nimport ApplicationController from '../../application_component/application_controller';\nimport Meta from '../../../assets/javascript/application/meta';\n\nexport default class extends ApplicationController {\n static values = { taxonId: String, filters: Object };\n\n async connect() {\n if (this.isTurboPreview()) return;\n\n await Meta.load().catch(() => {});\n await post('/api/events', {\n body: {\n event: {\n name: 'product_list_viewed',\n taxon_id: this.taxonIdValue,\n filters: this.filtersValue,\n },\n },\n }).catch(() => {});\n }\n}\n","import ApplicationController from '../../application_component/application_controller';\n\nexport default class extends ApplicationController {\n static outlets = ['containers--header-component--header'];\n\n stickySidebar() {\n this.element.style.top = `${this.headerOutletElement.offsetHeight}px`;\n\n if (this.isMobile()) {\n if (window.scrollY > this.headerOutletElement.offsetHeight) {\n this.fixToTop();\n } else {\n this.notFixed();\n }\n } else if (window.scrollY > this.headerOutletElement.offsetHeight) {\n this.fixToTop();\n } else {\n this.notFixed();\n }\n }\n\n fixToTop() {\n this.element.classList.add('sticky');\n }\n\n notFixed() {\n this.element.classList.remove('sticky');\n }\n}\n","import ApplicationController from '../../application_component/application_controller';\nimport * as dialog from '../../application_component/dialog';\n\nexport default class extends ApplicationController {\n static targets = ['mobileSearch', 'trigger', 'close'];\n\n static classes = ['open', 'scrollLock'];\n\n static outlets = [\n 'containers--product-categories--filters--search-component--search',\n ];\n\n openSearch() {\n if (this.isOpen()) return;\n\n this.hiddenInput = this.createHiddenInput();\n document.body.prepend(this.hiddenInput);\n this.hiddenInput.focus();\n this.mobileSearchTarget.classList.add(this.openClass);\n this.triggerTarget.setAttribute('aria-expanded', 'true');\n dialog.lockScroll(this.scrollLockClasses, true);\n\n this.focusTimeout = setTimeout(() => {\n this.focusTimeout = null;\n\n if (this.isOpen()) {\n if (this.hasSearchOutlet) {\n this.searchOutlet.searchInputTarget.focus({ preventScroll: true });\n } else if (this.hasCloseTarget) {\n this.closeTarget.focus({ preventScroll: true });\n }\n }\n\n this.#removeHiddenInput();\n }, 400);\n }\n\n closeSearch() {\n if (!this.isOpen()) return;\n\n this.#cancelDelayedFocus();\n this.mobileSearchTarget.classList.remove(this.openClass);\n this.triggerTarget.setAttribute('aria-expanded', 'false');\n dialog.lockScroll(this.scrollLockClasses, false);\n this.triggerTarget.focus();\n }\n\n isOpen() {\n return this.mobileSearchTarget.classList.contains(this.openClass);\n }\n\n resetOnDesktop() {\n if (!this.isOpen() || window.innerWidth < this.getBreakpointLg()) return;\n\n this.#reset();\n }\n\n trapFocus(event) {\n if (!this.isOpen()) return;\n\n dialog.trapFocus(this.mobileSearchTarget, event);\n }\n\n teardown() {\n this.#reset();\n }\n\n disconnect() {\n super.disconnect();\n this.#reset();\n }\n\n createHiddenInput() {\n const hiddenInput = document.createElement('input');\n hiddenInput.setAttribute('type', 'text');\n hiddenInput.classList.add('fixed', 'h-0', 'w-0', 'opacity-0');\n return hiddenInput;\n }\n\n #cancelDelayedFocus() {\n if (this.focusTimeout) {\n clearTimeout(this.focusTimeout);\n this.focusTimeout = null;\n }\n\n this.#removeHiddenInput();\n }\n\n #removeHiddenInput() {\n this.hiddenInput?.remove();\n this.hiddenInput = null;\n }\n\n #reset() {\n this.#cancelDelayedFocus();\n\n if (this.hasMobileSearchTarget) {\n this.mobileSearchTarget.classList.remove(this.openClass);\n }\n if (this.hasTriggerTarget) {\n this.triggerTarget.setAttribute('aria-expanded', 'false');\n }\n dialog.lockScroll(this.scrollLockClasses, false);\n }\n}\n","import ApplicationController from '../../application_component/application_controller';\n\nexport default class extends ApplicationController {\n static outlets = ['pages--product-component--product-component'];\n\n static values = {\n selectByOptionType: Boolean,\n translations: Object,\n };\n\n connect() {\n this.lastSnackbarParams = null;\n this.pagesProductComponentProductComponentOutlet.subscribeToVariantsSelected(\n this.variantSelected.bind(this),\n );\n }\n\n variantSelected(selectedVariants, impossibleSelection) {\n let firstSelectedVariant = selectedVariants[0];\n\n if (this.selectByOptionTypeValue) {\n let message;\n\n if (impossibleSelection) {\n message = this.translationsValue.impossibleSelection;\n } else if (firstSelectedVariant) {\n let availability = firstSelectedVariant.availability;\n if (availability === 'out_of_stock') {\n message = this.translationsValue.outOfStockSelection;\n } else if (['coming_soon', 'unavailable'].includes(availability)) {\n message = this.translationsValue.unavailableSelection;\n }\n }\n\n this.hideSnackbar('unorderableAlert');\n\n if (message) {\n this.lastSnackbarParams = {\n message: message,\n messageType: 'alert',\n uniqueKey: 'unorderableAlert',\n timeout: 2500,\n };\n this.showSnackbar(this.lastSnackbarParams);\n }\n }\n }\n\n showLastSnackbar() {\n this.showSnackbar(this.lastSnackbarParams);\n }\n}\n","import SectionRule from './section_rule';\n\nexport default class EnableBasedOnChoiceRule extends SectionRule {\n isActive({ choosableId }) {\n return this.choosableIds.some(\n (targetChoosableId) => targetChoosableId === choosableId,\n );\n }\n\n canApply({ sectionName, choosableId }) {\n return !isNaN(parseInt(choosableId)) && this.sourceSection === sectionName;\n }\n}\n","import SectionRule from './section_rule';\n\nexport default class EnableWhenInStockRule extends SectionRule {\n isActive({ sourceSection }) {\n if (!sourceSection) return false;\n\n return this.choosableIds.some((id) => sourceSection.isAvailable(id));\n }\n\n canApply() {\n return true;\n }\n}\n","import SectionRule from './section_rule';\n\nexport default class EnableWhenOutOfStockRule extends SectionRule {\n isActive({ sourceSection }) {\n if (!sourceSection) return false;\n\n return this.choosableIds.every((id) => sourceSection.isUnavailable(id));\n }\n\n canApply() {\n return true;\n }\n}\n","import ApplicationController from '../../application_component/application_controller';\n\nexport default class extends ApplicationController {\n static targets = ['image', 'thumbnail'];\n\n static outlets = ['pages--product-component--product-component'];\n\n static values = {\n firstSelectedVariantId: String,\n isConfigurableProduct: Boolean,\n };\n\n SELECTED_THUMBNAIL_CLASS = 'ring-2';\n\n connect() {\n this.filterThumbnails(this.firstSelectedVariantIdValue);\n this.selectFirstAvailableImage();\n this.productComponentOutlet.subscribeToVariantsSelected(\n this.variantSelected.bind(this),\n );\n }\n\n variantSelected(selectedVariants) {\n let firstSelectedVariantId = selectedVariants[0]?.id;\n if (firstSelectedVariantId) {\n this.filterThumbnails(firstSelectedVariantId);\n this.selectFirstAvailableImage();\n }\n }\n\n selectThumbnailImage({ currentTarget }) {\n const { imageId } = currentTarget.dataset;\n this.selectImage(imageId);\n }\n\n selectFirstAvailableImage() {\n const firstAvailableThumbnail = this.thumbnailTargets.find(\n ({ classList }) => !classList.contains('hidden'),\n );\n if (firstAvailableThumbnail) {\n this.selectImage(firstAvailableThumbnail.dataset.imageId);\n }\n }\n\n selectImage(imageId) {\n this.showSelectedImage(imageId);\n this.highlightSelectedThumbnail(imageId);\n }\n\n showSelectedImage(imageId) {\n this.imageTargets.forEach((target) => {\n const isSelected = target.dataset.imageId === imageId;\n target.classList.toggle('hidden', !isSelected);\n });\n }\n\n filterThumbnails(selectedVariantId) {\n this.thumbnailTargets.forEach((target) => {\n const { variantId, isMaster } = target.dataset;\n const showThumbnail =\n isMaster === 'true' ||\n variantId === selectedVariantId ||\n this.isConfigurableProductValue;\n\n target.classList.toggle('hidden', !showThumbnail);\n });\n }\n\n highlightSelectedThumbnail(imageId) {\n this.thumbnailTargets.forEach((target) => {\n const isSelected = target.dataset.imageId === imageId;\n target.classList.toggle(this.SELECTED_THUMBNAIL_CLASS, isSelected);\n });\n }\n}\n","import { post } from '@rails/request.js';\nimport ApplicationController from '../../application_component/application_controller';\nimport Meta from '../../../assets/javascript/application/meta';\nimport Variant from './variant';\n\nexport default class extends ApplicationController {\n #variantIdsSelectedListeners = [];\n #impossibleSelection = false;\n\n static targets = [\n 'addToBag',\n 'batchesSoldOutNote',\n 'batchName',\n 'ctaLabel',\n 'description',\n 'expectedShipTime',\n 'preorderBadge',\n 'preorderDetails',\n 'price',\n 'productCompatibility',\n 'strikethroughPrice',\n 'outOfStock',\n 'totalPrice',\n 'variantDetail',\n 'impossible',\n 'waitlist',\n ];\n\n static outlets = [\n 'elements--exchange-rate-tooltip-component--exchange-rate-tooltip',\n ];\n\n static values = {\n currency: String,\n removeDecimals: Boolean,\n priceNotPresent: String,\n variantsData: Array,\n selectedVariantIds: Array,\n isBundle: Boolean,\n slug: String,\n startingVariantId: String,\n variantIdOptionValuesLookup: Object,\n waitlistPath: String,\n productCompatibilityPath: String,\n };\n\n connect() {\n const language = Meta.findByName('language');\n const country = Meta.findByName('country');\n this.locale = `${language}-${country}`;\n\n this.element.addEventListener('quantity-changed', () => {\n this.handleVariantSelection();\n });\n this.handleVariantSelection();\n }\n\n subscribeToVariantsSelected(callback) {\n this.#variantIdsSelectedListeners.push(callback);\n // The ordering controllers connect in can change,\n // so we can't garuntee subscriptions happy before\n // the first value change\n this.#triggerVariantIdsSelectedCallbacks();\n }\n\n setSelectedVariantIdsFromOptionValues(optionValues) {\n let variant = this.findVariantByOptionValues(optionValues);\n\n if (variant) {\n this.setSelectedVariantIds([variant.id]);\n } else {\n this.setSelectedVariantIds([], true);\n }\n }\n\n setSelectedVariantIds(variantIds, impossibleSelection = false) {\n this.#impossibleSelection = impossibleSelection;\n this.selectedVariantIdsValue = variantIds;\n this.handleVariantSelection();\n this.#triggerVariantIdsSelectedCallbacks();\n }\n\n handleVariantSelection() {\n const selectedVariants = this.#selectedVariants;\n\n if (selectedVariants.length > 1) {\n const price = this.#sumOfVariantPrices(selectedVariants);\n this.#updateTotalPrice(price);\n this.sendEvent(this.startingVariantIdValue);\n const mostDelayedVariant = this.#mostDelayedVariant(selectedVariants);\n this.#updateExpectedShipTime(mostDelayedVariant.expectedShipTime);\n } else if (selectedVariants.length === 1) {\n const variant = selectedVariants[0];\n\n this.#updateUrl(variant.sku);\n this.#updateVariantActionComponents(variant);\n this.#updateDetails(variant.id);\n this.#updatePrice(variant.displayPrice);\n this.#updateStrikethroughPrice(variant.strikethroughPrice);\n this.#updateTotalPrice(variant.price);\n if (!this.isBundleValue) {\n this.#updateDescription(variant.description);\n }\n this.#updateWaitlistVariant(variant.id, variant.availability);\n const suppressPreorder = variant.availability !== 'in_stock';\n this.#updatebatchName(suppressPreorder ? '' : variant.batchName);\n this.#updateCTALabel(suppressPreorder ? '' : variant.batchName);\n this.#updateExpectedShipTime(\n suppressPreorder ? '' : variant.expectedShipTime,\n );\n this.#updatePreorderBadge(suppressPreorder);\n this.#updateProductCompatibility(variant.sku);\n this.sendEvent(variant.id);\n } else {\n this.#updateTotalPrice(this.#priceWhenNoVariantSelected());\n }\n\n if (this.#impossibleSelection) {\n this.#updateVariantActionComponents({ availability: 'impossible' });\n }\n }\n\n findVariantByOptionValues(optionValues) {\n return (\n this.#variants.find((variant) =>\n variant.optionValues.equals(optionValues),\n ) || null\n );\n }\n\n get #variants() {\n if (this.variants == undefined) {\n this.variants = this.variantsDataValue.map(\n (variantData) =>\n new Variant({\n ...variantData,\n optionValuesMap:\n this.variantIdOptionValuesLookupValue[variantData.id],\n }),\n );\n }\n return this.variants;\n }\n\n get #selectedVariants() {\n return this.#variants.filter((variant) =>\n this.selectedVariantIdsValue.includes(variant.id),\n );\n }\n\n #triggerVariantIdsSelectedCallbacks() {\n this.#variantIdsSelectedListeners.forEach((callback) => {\n callback(this.#selectedVariants, this.#impossibleSelection);\n });\n }\n\n #sumOfVariantPrices(variants) {\n return variants.reduce((acc, variant) => {\n return acc + parseFloat(variant.price, 10);\n }, 0);\n }\n\n #priceWhenNoVariantSelected() {\n if (this.#oneVariantAvailable()) {\n return this.#firstVariantPrice();\n }\n return 0;\n }\n\n #firstVariantPrice() {\n return this.#variants[0].price;\n }\n\n #oneVariantAvailable() {\n return this.#variants.length === 1;\n }\n\n #updateUrl(sku) {\n if (this.#oneVariantAvailable() == 1) {\n // For products with just a master variant, we don't want to add the variant sku to the url\n return;\n }\n const currentURL = new URL(window.location);\n currentURL.searchParams.set('v', sku);\n\n const variantLocation = currentURL.toString();\n window.history.replaceState({}, null, variantLocation);\n }\n\n #updateDescription(description) {\n if (!this.hasDescriptionTarget) return;\n\n this.descriptionTarget.querySelector('.prose').innerHTML =\n description || '';\n }\n\n #updatePrice(price) {\n if (!this.hasPriceTarget) return;\n\n if (price) {\n this.priceTarget.innerText = price;\n } else {\n this.priceTarget.innerText = this.priceNotPresentValue;\n }\n }\n\n #updateStrikethroughPrice(strikethroughPrice) {\n if (!this.hasStrikethroughPriceTarget) return;\n\n this.strikethroughPriceTarget.innerText = strikethroughPrice;\n if (strikethroughPrice) {\n this.strikethroughPriceTarget.classList.add('mr-1.5');\n } else {\n this.strikethroughPriceTarget.classList.remove('mr-1.5');\n }\n }\n\n #updateWaitlistVariant(variantId, availability) {\n if (!this.hasWaitlistTarget) return;\n if (availability !== 'unavailable' && availability !== 'coming_soon')\n return;\n\n const frame = this.waitlistTarget.querySelector('turbo-frame');\n const src = `${this.waitlistPathValue}?product_slug=${this.slugValue}&variant_id=${variantId}&waitlist_type=${availability}`;\n this.#replaceSrc(frame, src);\n }\n\n #updatePreorderBadge(suppress) {\n if (!this.hasPreorderBadgeTarget) return;\n\n this.preorderBadgeTarget.classList.toggle('hidden', suppress);\n }\n\n #updatebatchName(batchName) {\n if (!this.hasPreorderDetailsTarget) return;\n\n if (this.hasBatchNameTarget && batchName) {\n this.preorderDetailsTarget.classList.remove('hidden');\n this.batchNameTarget.innerText = batchName;\n } else {\n this.preorderDetailsTarget.classList.add('hidden');\n }\n }\n\n #updateCTALabel(isPreorder) {\n if (!this.hasCtaLabelTarget) return;\n\n const text = isPreorder\n ? this.ctaLabelTarget.dataset.preorderButtonLabel\n : this.ctaLabelTarget.dataset.addToBagButtonLabel;\n\n if (this.ctaLabelTarget.innerText !== text) {\n this.ctaLabelTarget.innerText = text;\n }\n }\n\n #updateVariantActionComponents({ availability, batchesSoldOut }) {\n const soldOutOfBatches = batchesSoldOut && availability === 'in_stock';\n\n if (this.hasAddToBagTarget) {\n this.addToBagTarget.classList.toggle(\n 'hidden',\n availability !== 'in_stock' || soldOutOfBatches,\n );\n }\n\n if (this.hasWaitlistTarget) {\n this.waitlistTarget.classList.toggle(\n 'hidden',\n availability !== 'unavailable' && availability !== 'coming_soon',\n );\n }\n\n if (this.hasOutOfStockTarget) {\n this.outOfStockTarget.classList.toggle(\n 'hidden',\n availability !== 'out_of_stock' && !soldOutOfBatches,\n );\n }\n\n if (this.hasBatchesSoldOutNoteTarget) {\n this.batchesSoldOutNoteTarget.classList.toggle(\n 'hidden',\n !soldOutOfBatches,\n );\n }\n\n if (this.hasImpossibleTarget) {\n this.impossibleTarget.classList.toggle(\n 'hidden',\n availability !== 'impossible',\n );\n }\n }\n\n #updateDetails(id) {\n this.variantDetailTargets.forEach((detail) => {\n detail.classList.add('hidden');\n if (detail.dataset.variantId === id) {\n detail.classList.remove('hidden');\n }\n });\n }\n\n #updateExpectedShipTime(expectedShipTime) {\n if (!this.hasExpectedShipTimeTarget) return;\n\n this.expectedShipTimeTarget.innerHTML = expectedShipTime;\n }\n\n #updateTotalPrice(price) {\n const multiplier = this.getJsTarget('quantity')?.value || 1;\n try {\n const total = parseFloat(price, 10) * parseInt(multiplier, 10);\n const formattedPrice = this.formatPrice(\n total,\n this.currencyValue,\n false,\n this.removeDecimalsValue,\n );\n this.totalPriceTarget.innerText = formattedPrice;\n\n this.exchangeRateTooltipOutlets.forEach((outlet) => {\n outlet.updateAmount(total);\n });\n } catch {}\n }\n\n #mostDelayedVariant(variants) {\n return variants\n .slice()\n .sort((variant, otherVariant) => {\n if (variant.maximumLeadTime !== otherVariant.maximumLeadTime) {\n return variant.maximumLeadTime - otherVariant.maximumLeadTime;\n }\n return variant.minimumLeadTime - otherVariant.minimumLeadTime;\n })\n .at(-1);\n }\n\n #updateProductCompatibility(sku) {\n if (!this.hasProductCompatibilityTarget) return;\n\n const frame = this.productCompatibilityTarget.querySelector('turbo-frame');\n const src = `${this.productCompatibilityPathValue}?v=${sku}`;\n this.#replaceSrc(frame, src);\n }\n\n #replaceSrc(frame, src) {\n if (!frame) return;\n\n if (frame.getAttribute('src') !== src) {\n frame.src = src;\n }\n }\n\n async sendEvent(id) {\n if (this.isTurboPreview()) return;\n\n await Meta.load().catch(() => {});\n await post('/api/events', {\n body: { event: { name: 'product_viewed', variant_id: id } },\n }).catch(() => {});\n }\n}\n","export default class SectionRule {\n constructor({ dependent_section, source_section, choosable_ids } = {}) {\n this.sourceSection = source_section;\n this.dependentSection = dependent_section;\n this.choosableIds = choosable_ids;\n }\n\n isActive(_sourceSection, _choosableId) {\n throw new Error('Not implemented');\n }\n\n canApply(_sourceSection, _choosableId) {\n throw new Error('Not implemented');\n }\n}\n","import EnableWhenOutOfStockRule from './enable_when_out_of_stock_rule';\nimport EnableWhenInStockRule from './enable_when_in_stock_rule';\nimport EnableBasedOnChoiceRule from './enable_based_on_choice_rule';\n\nconst RULES = {\n enable_based_on_choice: EnableBasedOnChoiceRule,\n enable_when_in_stock: EnableWhenInStockRule,\n enable_when_out_of_stock: EnableWhenOutOfStockRule,\n};\n\nexport default class SectionRuleCollection extends Map {\n constructor(data = {}) {\n super();\n for (const sectionName in data) {\n this.set(\n sectionName,\n data[sectionName].map(\n (rule) =>\n new RULES[rule.rule_behavior]({\n ...rule,\n source_section: sectionName,\n }),\n ),\n );\n }\n }\n}\n","import OptionValueCollection from '../../containers/products/option_value_collection';\n\nexport default class Variant {\n constructor(data = {}) {\n this.availability = data.availability;\n this.batchesSoldOut = data.batches_sold_out === true;\n this.minimumLeadTime = data.minimum_lead_time;\n this.maximumLeadTime = data.maximum_lead_time;\n this.batchName = data.batch_name;\n this.description = data.description;\n this.displayPrice = data.display_price;\n this.expectedShipTime = data.expected_ship_time;\n this.id = data.id.toString();\n this.optionValuesMap = data.optionValuesMap || {};\n this.price = this.displayPrice ? data.price : null;\n this.sku = data.sku;\n this.strikethroughPrice = data.strikethrough_price;\n\n this.optionValues = new OptionValueCollection(\n Object.values(this.optionValuesMap),\n );\n }\n}\n","import ApplicationController from '../../application_component/application_controller';\n\nlet saved = null;\n\nexport default class extends ApplicationController {\n static targets = ['scrollContainer'];\n\n connect() {\n this.onEvent('turbo:before-visit', () => this.save());\n this.onEvent('turbo:render', () => this.restore());\n this.onEvent('turbo:load', () => this.clear());\n }\n\n save() {\n saved = {\n container: this.scrollContainerTarget.scrollTop,\n window: window.scrollY,\n };\n }\n\n restore() {\n if (!saved) return;\n\n const newTarget = document.querySelector(\n `[data-${this.identifier}-target~=\"scrollContainer\"]`,\n );\n if (!newTarget) {\n saved = null;\n return;\n }\n\n newTarget.scrollTop = saved.container;\n window.scrollTo(0, saved.window);\n\n const visit = Turbo.navigator.currentVisit;\n if (visit) visit.scrolled = true;\n }\n\n clear() {\n saved = null;\n }\n}\n","import ApplicationController from '../../application_component/application_controller';\n\nexport default class extends ApplicationController {\n connect() {\n this.setupActiveSectionObserver();\n }\n\n disconnect() {\n this.disconnectActiveSectionObserver();\n }\n\n setupActiveSectionObserver() {\n this.sectionData = {};\n\n this.observer = new IntersectionObserver(\n (entries, opts) => {\n this.onIntersection(entries, opts);\n },\n {\n threshold: 0.5,\n },\n );\n\n this.element\n .querySelectorAll(\n '.product-configuration-section[data-section-reference]:not([data-section-reference=\"\"])',\n )\n .forEach((element) => {\n this.observer.observe(element);\n });\n }\n\n disconnectActiveSectionObserver() {\n this.observer.disconnect();\n }\n\n onIntersection(entries) {\n entries.forEach((entry) => {\n this.sectionData[entry.target.dataset.sectionReference] =\n entry.isIntersecting;\n });\n\n Object.entries(this.sectionData).every(([section, isIntersecting]) => {\n const accordion = document.querySelector(\n `#${section}-section .toggle-accordion-section-trigger`,\n );\n const isOpen =\n accordion === null || accordion.classList.contains('opened');\n\n if (isIntersecting && isOpen) {\n this.fireEvent('section-changed', section);\n return false;\n }\n return true;\n });\n }\n}\n","import ApplicationController from '../../../application_component/application_controller';\n\nexport default class extends ApplicationController {\n handleSortSelection(event) {\n const currentUrl = new URL(window.location.href);\n currentUrl.searchParams.set('sort', event.target.value);\n window.location.href = currentUrl.toString();\n }\n}\n","import { Controller } from '@hotwired/stimulus';\n\nexport default class extends Controller {\n static values = {\n theme: String,\n };\n\n themeValueChanged(themeValue) {\n this.element.dataset.theme = themeValue;\n }\n}\n","/*\n* stimulus-use 0.53.1\n*/\nimport { Controller } from \"@hotwired/stimulus\";\n//#region src/support/index.ts\nconst method = (controller, methodName) => {\n\tconst method = controller[methodName];\n\tif (typeof method == \"function\") return method;\n\telse return (...args) => {};\n};\nconst composeEventName = (name, controller, eventPrefix) => {\n\tlet composedName = name;\n\tif (eventPrefix === true) composedName = `${controller.identifier}:${name}`;\n\telse if (typeof eventPrefix === \"string\") composedName = `${eventPrefix}:${name}`;\n\treturn composedName;\n};\nconst extendedEvent = (type, event, detail) => {\n\tconst { bubbles, cancelable, composed } = event || {\n\t\tbubbles: true,\n\t\tcancelable: true,\n\t\tcomposed: true\n\t};\n\tif (event) Object.assign(detail, { originalEvent: event });\n\treturn new CustomEvent(type, {\n\t\tbubbles,\n\t\tcancelable,\n\t\tcomposed,\n\t\tdetail\n\t});\n};\nfunction isElementInViewport(el) {\n\tconst rect = el.getBoundingClientRect();\n\tconst windowHeight = window.innerHeight || document.documentElement.clientHeight;\n\tconst windowWidth = window.innerWidth || document.documentElement.clientWidth;\n\tconst vertInView = rect.top <= windowHeight && rect.top + rect.height > 0;\n\tconst horInView = rect.left <= windowWidth && rect.left + rect.width > 0;\n\treturn vertInView && horInView;\n}\nfunction camelize(value) {\n\treturn value.replace(/(?:[_-])([a-z0-9])/g, (_, char) => char.toUpperCase());\n}\n//#endregion\n//#region src/stimulus-use.ts\nconst defaultOptions$8 = {\n\tdebug: false,\n\tlogger: console,\n\tdispatchEvent: true,\n\teventPrefix: true\n};\nvar StimulusUse = class {\n\tconstructor(controller, options = {}) {\n\t\tthis.log = (functionName, args) => {\n\t\t\tif (!this.debug) return;\n\t\t\tthis.logger.groupCollapsed(`%c${this.controller.identifier} %c#${functionName}`, \"color: #3B82F6\", \"color: unset\");\n\t\t\tthis.logger.log({\n\t\t\t\tcontrollerId: this.controllerId,\n\t\t\t\t...args\n\t\t\t});\n\t\t\tthis.logger.groupEnd();\n\t\t};\n\t\tthis.warn = (message) => {\n\t\t\tthis.logger.warn(`%c${this.controller.identifier} %c${message}`, \"color: #3B82F6; font-weight: bold\", \"color: unset\");\n\t\t};\n\t\tthis.dispatch = (eventName, details = {}) => {\n\t\t\tif (this.dispatchEvent) {\n\t\t\t\tconst { event, ...eventDetails } = details;\n\t\t\t\tconst customEvent = this.extendedEvent(eventName, event || null, eventDetails);\n\t\t\t\tthis.targetElement.dispatchEvent(customEvent);\n\t\t\t\tthis.log(\"dispatchEvent\", {\n\t\t\t\t\teventName: customEvent.type,\n\t\t\t\t\t...eventDetails\n\t\t\t\t});\n\t\t\t}\n\t\t};\n\t\tthis.call = (methodName, args = {}) => {\n\t\t\tconst method = this.controller[methodName];\n\t\t\tif (typeof method == \"function\") return method.call(this.controller, args);\n\t\t};\n\t\tthis.extendedEvent = (name, event, detail) => {\n\t\t\tconst { bubbles, cancelable, composed } = event || {\n\t\t\t\tbubbles: true,\n\t\t\t\tcancelable: true,\n\t\t\t\tcomposed: true\n\t\t\t};\n\t\t\tif (event) Object.assign(detail, { originalEvent: event });\n\t\t\treturn new CustomEvent(this.composeEventName(name), {\n\t\t\t\tbubbles,\n\t\t\t\tcancelable,\n\t\t\t\tcomposed,\n\t\t\t\tdetail\n\t\t\t});\n\t\t};\n\t\tthis.composeEventName = (name) => {\n\t\t\tlet composedName = name;\n\t\t\tif (this.eventPrefix === true) composedName = `${this.controller.identifier}:${name}`;\n\t\t\telse if (typeof this.eventPrefix === \"string\") composedName = `${this.eventPrefix}:${name}`;\n\t\t\treturn composedName;\n\t\t};\n\t\tconst application = controller.application;\n\t\tif (application.stimulusUseDebug !== void 0 && !application.stimulusUseDebugWarned) {\n\t\t\tapplication.stimulusUseDebugWarned = true;\n\t\t\tconsole.warn(\"[stimulus-use] `application.stimulusUseDebug` is deprecated and will be removed in a future release. Use Stimulus’ built-in debug mode instead: `application.debug = true`. https://stimulus.hotwired.dev/handbook/installing#debugging\");\n\t\t}\n\t\tconst globalDebug = application.debug || application.stimulusUseDebug || defaultOptions$8.debug;\n\t\tthis.debug = options?.debug ?? globalDebug;\n\t\tthis.logger = options?.logger ?? defaultOptions$8.logger;\n\t\tthis.controller = controller;\n\t\tthis.controllerId = controller.element.id || controller.element.dataset.id;\n\t\tthis.targetElement = options?.element || controller.element;\n\t\tconst { dispatchEvent, eventPrefix } = Object.assign({}, defaultOptions$8, options);\n\t\tObject.assign(this, {\n\t\t\tdispatchEvent,\n\t\t\teventPrefix\n\t\t});\n\t\tthis.controllerInitialize = controller.initialize.bind(controller);\n\t\tthis.controllerConnect = controller.connect.bind(controller);\n\t\tthis.controllerDisconnect = controller.disconnect.bind(controller);\n\t}\n};\n//#endregion\n//#region src/use-dispatch/use-dispatch.ts\nconst defaultOptions$7 = {\n\teventPrefix: true,\n\tbubbles: true,\n\tcancelable: true\n};\nvar UseDispatch = class extends StimulusUse {\n\tconstructor(controller, options = {}) {\n\t\tsuper(controller, options);\n\t\tthis.dispatch = (eventName, detail = {}) => {\n\t\t\tconst { controller, targetElement, eventPrefix, bubbles, cancelable, log, warn } = this;\n\t\t\tObject.assign(detail, { controller });\n\t\t\tconst eventNameWithPrefix = composeEventName(eventName, this.controller, eventPrefix);\n\t\t\tconst event = new CustomEvent(eventNameWithPrefix, {\n\t\t\t\tdetail,\n\t\t\t\tbubbles,\n\t\t\t\tcancelable\n\t\t\t});\n\t\t\ttargetElement.dispatchEvent(event);\n\t\t\twarn(\"`useDispatch()` is deprecated. Please use the built-in `this.dispatch()` function from Stimulus. You can find more information on how to upgrade at: https://stimulus-use.dev/use-dispatch\");\n\t\t\tlog(\"dispatch\", {\n\t\t\t\teventName: eventNameWithPrefix,\n\t\t\t\tdetail,\n\t\t\t\tbubbles,\n\t\t\t\tcancelable\n\t\t\t});\n\t\t\treturn event;\n\t\t};\n\t\tthis.targetElement = options.element ?? controller.element;\n\t\tthis.eventPrefix = options.eventPrefix ?? defaultOptions$7.eventPrefix;\n\t\tthis.bubbles = options.bubbles ?? defaultOptions$7.bubbles;\n\t\tthis.cancelable = options.cancelable ?? defaultOptions$7.cancelable;\n\t\tthis.enhanceController();\n\t}\n\tenhanceController() {\n\t\tObject.assign(this.controller, { dispatch: this.dispatch });\n\t}\n};\nconst useDispatch = (controller, options = {}) => {\n\treturn new UseDispatch(controller, options);\n};\n//#endregion\n//#region src/use-application/use-application.ts\nconst defaultOptions$6 = { overwriteDispatch: true };\nconst useApplication = (controller, options = {}) => {\n\tconst { overwriteDispatch } = Object.assign({}, defaultOptions$6, options);\n\tObject.defineProperty(controller, \"isPreview\", { get() {\n\t\treturn document.documentElement.hasAttribute(\"data-turbolinks-preview\") || document.documentElement.hasAttribute(\"data-turbo-preview\");\n\t} });\n\tObject.defineProperty(controller, \"isConnected\", { get() {\n\t\treturn !!Array.from(this.context.module.connectedContexts).find((c) => c === this.context);\n\t} });\n\tObject.defineProperty(controller, \"csrfToken\", { get() {\n\t\treturn this.metaValue(\"csrf-token\");\n\t} });\n\tif (overwriteDispatch) useDispatch(controller, options);\n\tObject.assign(controller, { metaValue(name) {\n\t\tconst element = document.head.querySelector(`meta[name=\"${name}\"]`);\n\t\treturn element && element.getAttribute(\"content\");\n\t} });\n};\n//#endregion\n//#region src/use-application/application-controller.ts\nvar ApplicationController = class extends Controller {\n\tconstructor(context) {\n\t\tsuper(context);\n\t\tthis.isPreview = false;\n\t\tthis.isConnected = false;\n\t\tthis.csrfToken = \"\";\n\t\tuseApplication(this, this.options);\n\t}\n};\n//#endregion\n//#region src/use-click-outside/use-click-outside.ts\nconst defaultOptions$5 = {\n\tevents: [\"click\", \"touchend\"],\n\tonlyVisible: true,\n\tdispatchEvent: true,\n\teventPrefix: true\n};\nconst useClickOutside = (composableController, options = {}) => {\n\tconst controller = composableController;\n\tconst { onlyVisible, dispatchEvent, events, eventPrefix } = Object.assign({}, defaultOptions$5, options);\n\tconst onEvent = (event) => {\n\t\tconst targetElement = options?.element || controller.element;\n\t\tif (event.target instanceof Node && targetElement.contains(event.target) || !isElementInViewport(targetElement) && onlyVisible) return;\n\t\tif (controller.clickOutside) controller.clickOutside(event);\n\t\tif (dispatchEvent) {\n\t\t\tconst eventName = composeEventName(\"click:outside\", controller, eventPrefix);\n\t\t\tconst clickOutsideEvent = extendedEvent(eventName, event, { controller });\n\t\t\ttargetElement.dispatchEvent(clickOutsideEvent);\n\t\t}\n\t};\n\tconst observe = () => {\n\t\tevents?.forEach((event) => {\n\t\t\twindow.addEventListener(event, onEvent, true);\n\t\t});\n\t};\n\tconst unobserve = () => {\n\t\tevents?.forEach((event) => {\n\t\t\twindow.removeEventListener(event, onEvent, true);\n\t\t});\n\t};\n\tconst controllerDisconnect = controller.disconnect.bind(controller);\n\tObject.assign(controller, { disconnect() {\n\t\tunobserve();\n\t\tcontrollerDisconnect();\n\t} });\n\tobserve();\n\treturn [observe, unobserve];\n};\n//#endregion\n//#region src/use-click-outside/click-outside-controller.ts\nvar ClickOutsideComposableController = class extends Controller {};\nvar ClickOutsideController = class extends ClickOutsideComposableController {\n\tconstructor(context) {\n\t\tsuper(context);\n\t\trequestAnimationFrame(() => {\n\t\t\tconst [observe, unobserve] = useClickOutside(this, this.options);\n\t\t\tObject.assign(this, {\n\t\t\t\tobserve,\n\t\t\t\tunobserve\n\t\t\t});\n\t\t});\n\t}\n};\n//#endregion\n//#region src/use-debounce/use-debounce.ts\nvar DebounceController = class extends Controller {};\nDebounceController.debounces = [];\nconst defaultWait$1 = 200;\nconst debounce = (fn, wait = defaultWait$1, { leading = false, trailing = true } = {}) => {\n\tlet timeoutId = null;\n\tlet trailingPending = false;\n\treturn function() {\n\t\tconst args = Array.from(arguments);\n\t\tconst context = this;\n\t\tconst params = args.map((arg) => arg instanceof Event ? arg.params : void 0);\n\t\tconst currentTargets = args.map((arg) => arg instanceof Event ? arg.currentTarget : void 0);\n\t\tconst callback = () => {\n\t\t\targs.forEach((arg, index) => {\n\t\t\t\tif (arg instanceof Event) {\n\t\t\t\t\targ.params = params[index];\n\t\t\t\t\tObject.defineProperty(arg, \"currentTarget\", {\n\t\t\t\t\t\tconfigurable: true,\n\t\t\t\t\t\tvalue: currentTargets[index]\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t});\n\t\t\treturn fn.apply(context, args);\n\t\t};\n\t\tconst startOfBurst = timeoutId === null;\n\t\tif (timeoutId) clearTimeout(timeoutId);\n\t\tif (leading && startOfBurst) {\n\t\t\tcallback();\n\t\t\ttrailingPending = false;\n\t\t} else trailingPending = true;\n\t\ttimeoutId = setTimeout(() => {\n\t\t\ttimeoutId = null;\n\t\t\tif (trailing && trailingPending) {\n\t\t\t\ttrailingPending = false;\n\t\t\t\tcallback();\n\t\t\t}\n\t\t}, wait);\n\t};\n};\nconst useDebounce = (composableController, options) => {\n\tconst controller = composableController;\n\tcontroller.constructor.debounces.forEach((func) => {\n\t\tif (typeof func === \"string\") controller[func] = debounce(controller[func], options?.wait, {\n\t\t\tleading: options?.leading,\n\t\t\ttrailing: options?.trailing\n\t\t});\n\t\tif (typeof func === \"object\") {\n\t\t\tconst { name, wait, leading, trailing } = func;\n\t\t\tif (!name) return;\n\t\t\tcontroller[name] = debounce(controller[name], wait ?? options?.wait, {\n\t\t\t\tleading: leading ?? options?.leading,\n\t\t\t\ttrailing: trailing ?? options?.trailing\n\t\t\t});\n\t\t}\n\t});\n};\n//#endregion\n//#region src/use-hover/use-hover.ts\nvar UseHover = class extends StimulusUse {\n\tconstructor(controller, options = {}) {\n\t\tsuper(controller, options);\n\t\tthis.observe = () => {\n\t\t\tthis.targetElement.addEventListener(\"mouseenter\", this.onEnter);\n\t\t\tthis.targetElement.addEventListener(\"mouseleave\", this.onLeave);\n\t\t};\n\t\tthis.unobserve = () => {\n\t\t\tthis.targetElement.removeEventListener(\"mouseenter\", this.onEnter);\n\t\t\tthis.targetElement.removeEventListener(\"mouseleave\", this.onLeave);\n\t\t};\n\t\tthis.onEnter = (event) => {\n\t\t\tthis.call(\"mouseEnter\", event);\n\t\t\tthis.log(\"mouseEnter\", { hover: true });\n\t\t\tthis.dispatch(\"mouseEnter\", { hover: false });\n\t\t};\n\t\tthis.onLeave = (event) => {\n\t\t\tthis.call(\"mouseLeave\", event);\n\t\t\tthis.log(\"mouseLeave\", { hover: false });\n\t\t\tthis.dispatch(\"mouseLeave\", { hover: false });\n\t\t};\n\t\tthis.controller = controller;\n\t\tthis.enhanceController();\n\t\tthis.observe();\n\t}\n\tenhanceController() {\n\t\tconst controllerDisconnect = this.controller.disconnect.bind(this.controller);\n\t\tconst disconnect = () => {\n\t\t\tthis.unobserve();\n\t\t\tcontrollerDisconnect();\n\t\t};\n\t\tObject.assign(this.controller, { disconnect });\n\t}\n};\nconst useHover = (composableController, options = {}) => {\n\tconst observer = new UseHover(composableController, options);\n\treturn [observer.observe, observer.unobserve];\n};\n//#endregion\n//#region src/use-hover/hover-controller.ts\nvar HoverComposableController = class extends Controller {};\nvar HoverController = class extends HoverComposableController {\n\tconstructor(context) {\n\t\tsuper(context);\n\t\trequestAnimationFrame(() => {\n\t\t\tconst [observe, unobserve] = useHover(this, this.options);\n\t\t\tObject.assign(this, {\n\t\t\t\tobserve,\n\t\t\t\tunobserve\n\t\t\t});\n\t\t});\n\t}\n};\n//#endregion\n//#region src/use-idle/use-idle.ts\nconst defaultOptions$4 = {\n\tms: 6e4,\n\tinitialState: false,\n\tevents: [\n\t\t\"mousemove\",\n\t\t\"mousedown\",\n\t\t\"resize\",\n\t\t\"keydown\",\n\t\t\"touchstart\",\n\t\t\"wheel\"\n\t],\n\tdispatchEvent: true,\n\teventPrefix: true\n};\nconst useIdle = (composableController, options = {}) => {\n\tconst controller = composableController;\n\tconst { ms, initialState, events, dispatchEvent, eventPrefix } = Object.assign({}, defaultOptions$4, options);\n\tlet isIdle = initialState;\n\tlet timeout = setTimeout(() => {\n\t\tisIdle = true;\n\t\tdispatchAway();\n\t}, ms);\n\tconst dispatchAway = (event) => {\n\t\tconst eventName = composeEventName(\"away\", controller, eventPrefix);\n\t\tcontroller.isIdle = true;\n\t\tmethod(controller, \"away\").call(controller, event);\n\t\tif (dispatchEvent) {\n\t\t\tconst clickOutsideEvent = extendedEvent(eventName, event || null, { controller });\n\t\t\tcontroller.element.dispatchEvent(clickOutsideEvent);\n\t\t}\n\t};\n\tconst dispatchBack = (event) => {\n\t\tconst eventName = composeEventName(\"back\", controller, eventPrefix);\n\t\tcontroller.isIdle = false;\n\t\tmethod(controller, \"back\").call(controller, event);\n\t\tif (dispatchEvent) {\n\t\t\tconst clickOutsideEvent = extendedEvent(eventName, event || null, { controller });\n\t\t\tcontroller.element.dispatchEvent(clickOutsideEvent);\n\t\t}\n\t};\n\tconst onEvent = (event) => {\n\t\tif (isIdle) dispatchBack(event);\n\t\tisIdle = false;\n\t\tclearTimeout(timeout);\n\t\ttimeout = setTimeout(() => {\n\t\t\tisIdle = true;\n\t\t\tdispatchAway(event);\n\t\t}, ms);\n\t};\n\tconst onVisibility = (event) => {\n\t\tif (!document.hidden) onEvent(event);\n\t};\n\tif (isIdle) dispatchAway();\n\telse dispatchBack();\n\tconst controllerDisconnect = controller.disconnect.bind(controller);\n\tconst observe = () => {\n\t\tevents.forEach((event) => {\n\t\t\twindow.addEventListener(event, onEvent);\n\t\t});\n\t\tdocument.addEventListener(\"visibilitychange\", onVisibility);\n\t};\n\tconst unobserve = () => {\n\t\tclearTimeout(timeout);\n\t\tevents.forEach((event) => {\n\t\t\twindow.removeEventListener(event, onEvent);\n\t\t});\n\t\tdocument.removeEventListener(\"visibilitychange\", onVisibility);\n\t};\n\tObject.assign(controller, { disconnect() {\n\t\tunobserve();\n\t\tcontrollerDisconnect();\n\t} });\n\tobserve();\n\treturn [observe, unobserve];\n};\n//#endregion\n//#region src/use-idle/idle-controller.ts\nvar IdleComposableController = class extends Controller {\n\tconstructor(..._args) {\n\t\tsuper(..._args);\n\t\tthis.isIdle = false;\n\t}\n};\nvar IdleController = class extends IdleComposableController {\n\tconstructor(context) {\n\t\tsuper(context);\n\t\trequestAnimationFrame(() => {\n\t\t\tconst [observe, unobserve] = useIdle(this, this.options);\n\t\t\tObject.assign(this, {\n\t\t\t\tobserve,\n\t\t\t\tunobserve\n\t\t\t});\n\t\t});\n\t}\n};\n//#endregion\n//#region src/use-intersection/use-intersection.ts\nconst defaultOptions$3 = {\n\tdispatchEvent: true,\n\teventPrefix: true,\n\tvisibleAttribute: \"isVisible\"\n};\nconst useIntersection = (composableController, options = {}) => {\n\tconst controller = composableController;\n\tconst { dispatchEvent, eventPrefix, visibleAttribute } = Object.assign({}, defaultOptions$3, options);\n\tconst targetElement = options?.element || controller.element;\n\tif (!controller.intersectionElements) controller.intersectionElements = [];\n\tcontroller.intersectionElements.push(targetElement);\n\tconst callback = (entries) => {\n\t\tconst [entry] = entries;\n\t\tif (entry.isIntersecting) dispatchAppear(entry);\n\t\telse if (targetElement.hasAttribute(visibleAttribute)) dispatchDisappear(entry);\n\t};\n\tconst observer = new IntersectionObserver(callback, options);\n\tconst dispatchAppear = (entry) => {\n\t\ttargetElement.setAttribute(visibleAttribute, \"true\");\n\t\tmethod(controller, \"appear\").call(controller, entry, observer);\n\t\tif (dispatchEvent) {\n\t\t\tconst eventName = composeEventName(\"appear\", controller, eventPrefix);\n\t\t\tconst appearEvent = extendedEvent(eventName, null, {\n\t\t\t\tcontroller,\n\t\t\t\tentry,\n\t\t\t\tobserver\n\t\t\t});\n\t\t\ttargetElement.dispatchEvent(appearEvent);\n\t\t}\n\t};\n\tconst dispatchDisappear = (entry) => {\n\t\ttargetElement.removeAttribute(visibleAttribute);\n\t\tmethod(controller, \"disappear\").call(controller, entry, observer);\n\t\tif (dispatchEvent) {\n\t\t\tconst eventName = composeEventName(\"disappear\", controller, eventPrefix);\n\t\t\tconst disappearEvent = extendedEvent(eventName, null, {\n\t\t\t\tcontroller,\n\t\t\t\tentry,\n\t\t\t\tobserver\n\t\t\t});\n\t\t\ttargetElement.dispatchEvent(disappearEvent);\n\t\t}\n\t};\n\tconst controllerDisconnect = controller.disconnect.bind(controller);\n\tconst disconnect = () => {\n\t\tunobserve();\n\t\tcontrollerDisconnect();\n\t};\n\tconst observe = () => {\n\t\tobserver.observe(targetElement);\n\t};\n\tconst unobserve = () => {\n\t\tobserver.unobserve(targetElement);\n\t};\n\tconst noneVisible = () => {\n\t\treturn controller.intersectionElements.filter((element) => element.hasAttribute(visibleAttribute)).length === 0;\n\t};\n\tconst oneVisible = () => {\n\t\treturn controller.intersectionElements.filter((element) => element.hasAttribute(visibleAttribute)).length === 1;\n\t};\n\tconst atLeastOneVisible = () => {\n\t\treturn controller.intersectionElements.some((element) => element.hasAttribute(visibleAttribute));\n\t};\n\tconst allVisible = () => {\n\t\treturn controller.intersectionElements.every((element) => element.hasAttribute(visibleAttribute));\n\t};\n\tObject.assign(controller, {\n\t\tisVisible: allVisible,\n\t\tnoneVisible,\n\t\toneVisible,\n\t\tatLeastOneVisible,\n\t\tallVisible,\n\t\tdisconnect\n\t});\n\tobserve();\n\treturn [observe, unobserve];\n};\n//#endregion\n//#region src/use-intersection/intersection-controller.ts\nvar IntersectionComposableController = class extends Controller {};\nvar IntersectionController = class extends IntersectionComposableController {\n\tconstructor(context) {\n\t\tsuper(context);\n\t\trequestAnimationFrame(() => {\n\t\t\tconst [observe, unobserve] = useIntersection(this, this.options);\n\t\t\tObject.assign(this, {\n\t\t\t\tobserve,\n\t\t\t\tunobserve\n\t\t\t});\n\t\t});\n\t}\n};\n//#endregion\n//#region src/use-lazy-load/useLazyLoad.ts\nconst useLazyLoad = (controller, options) => {\n\tconst callback = (entries) => {\n\t\tconst [entry] = entries;\n\t\tif (entry.isIntersecting && !controller.isLoaded) handleAppear(entry);\n\t};\n\tconst handleAppear = (entry) => {\n\t\tconst src = controller.data.get(\"src\");\n\t\tif (!src) return;\n\t\tconst imageElement = controller.element;\n\t\tcontroller.isLoading = true;\n\t\tmethod(controller, \"loading\").call(controller, src);\n\t\timageElement.onload = () => {\n\t\t\thandleLoaded(src);\n\t\t};\n\t\timageElement.src = src;\n\t};\n\tconst handleLoaded = (src) => {\n\t\tcontroller.isLoading = false;\n\t\tcontroller.isLoaded = true;\n\t\tmethod(controller, \"loaded\").call(controller, src);\n\t};\n\tconst controllerDisconnect = controller.disconnect.bind(controller);\n\tconst observer = new IntersectionObserver(callback, options);\n\tconst observe = () => {\n\t\tobserver.observe(controller.element);\n\t};\n\tconst unobserve = () => {\n\t\tobserver.unobserve(controller.element);\n\t};\n\tObject.assign(controller, {\n\t\tisVisible: false,\n\t\tdisconnect() {\n\t\t\tunobserve();\n\t\t\tcontrollerDisconnect();\n\t\t}\n\t});\n\tobserve();\n\treturn [observe, unobserve];\n};\n//#endregion\n//#region src/use-lazy-load/lazy-load-controller.ts\nvar LazyLoadComposableController = class extends Controller {\n\tconstructor(..._args) {\n\t\tsuper(..._args);\n\t\tthis.isLoading = false;\n\t\tthis.isLoaded = false;\n\t}\n};\nvar LazyLoadController = class extends LazyLoadComposableController {\n\tconstructor(context) {\n\t\tsuper(context);\n\t\tthis.options = { rootMargin: \"10%\" };\n\t\trequestAnimationFrame(() => {\n\t\t\tconst [observe, unobserve] = useLazyLoad(this, this.options);\n\t\t\tObject.assign(this, {\n\t\t\t\tobserve,\n\t\t\t\tunobserve\n\t\t\t});\n\t\t});\n\t}\n};\n//#endregion\n//#region src/use-match-media/use-match-media.ts\nconst defaultOptions$2 = {\n\tmediaQueries: {},\n\tdispatchEvent: true,\n\teventPrefix: true,\n\tdebug: false\n};\nvar UseMatchMedia = class extends StimulusUse {\n\tconstructor(controller, options = {}) {\n\t\tsuper(controller, options);\n\t\tthis.matches = [];\n\t\tthis.callback = (event) => {\n\t\t\tconst name = Object.keys(this.mediaQueries).find((name) => this.mediaQueries[name] === event.media);\n\t\t\tif (!name) return;\n\t\t\tconst { media, matches } = event;\n\t\t\tthis.changed({\n\t\t\t\tname,\n\t\t\t\tmedia,\n\t\t\t\tmatches,\n\t\t\t\tevent\n\t\t\t});\n\t\t};\n\t\tthis.changed = (payload) => {\n\t\t\tconst { name } = payload;\n\t\t\tif (payload.event) {\n\t\t\t\tthis.call(camelize(`${name}_changed`), payload);\n\t\t\t\tthis.dispatch(`${name}:changed`, payload);\n\t\t\t\tthis.log(`media query \"${name}\" changed`, payload);\n\t\t\t}\n\t\t\tif (payload.matches) {\n\t\t\t\tthis.call(camelize(`is_${name}`), payload);\n\t\t\t\tthis.dispatch(`is:${name}`, payload);\n\t\t\t} else {\n\t\t\t\tthis.call(camelize(`not_${name}`), payload);\n\t\t\t\tthis.dispatch(`not:${name}`, payload);\n\t\t\t}\n\t\t};\n\t\tthis.observe = () => {\n\t\t\tObject.keys(this.mediaQueries).forEach((name) => {\n\t\t\t\tconst media = this.mediaQueries[name];\n\t\t\t\tconst match = window.matchMedia(media);\n\t\t\t\tmatch.addListener(this.callback);\n\t\t\t\tthis.matches.push(match);\n\t\t\t\tthis.changed({\n\t\t\t\t\tname,\n\t\t\t\t\tmedia,\n\t\t\t\t\tmatches: match.matches\n\t\t\t\t});\n\t\t\t});\n\t\t};\n\t\tthis.unobserve = () => {\n\t\t\tthis.matches.forEach((match) => match.removeListener(this.callback));\n\t\t};\n\t\tthis.controller = controller;\n\t\tthis.mediaQueries = options.mediaQueries ?? defaultOptions$2.mediaQueries;\n\t\tthis.dispatchEvent = options.dispatchEvent ?? defaultOptions$2.dispatchEvent;\n\t\tthis.eventPrefix = options.eventPrefix ?? defaultOptions$2.eventPrefix;\n\t\tthis.debug = options.debug ?? defaultOptions$2.debug;\n\t\tif (!window.matchMedia) {\n\t\t\tconsole.error(\"window.matchMedia() is not available\");\n\t\t\treturn;\n\t\t}\n\t\tthis.enhanceController();\n\t\tthis.observe();\n\t}\n\tenhanceController() {\n\t\tconst controllerDisconnect = this.controller.disconnect.bind(this.controller);\n\t\tconst disconnect = () => {\n\t\t\tthis.unobserve();\n\t\t\tcontrollerDisconnect();\n\t\t};\n\t\tObject.assign(this.controller, { disconnect });\n\t}\n};\nconst useMatchMedia = (controller, options = {}) => {\n\tconst observer = new UseMatchMedia(controller, options);\n\treturn [observer.observe, observer.unobserve];\n};\n//#endregion\n//#region src/use-memo/use-memo.ts\nconst findDescriptor = (controller, name) => {\n\tlet prototype = Object.getPrototypeOf(controller);\n\twhile (prototype && prototype !== Object.prototype) {\n\t\tconst descriptor = Object.getOwnPropertyDescriptor(prototype, name);\n\t\tif (descriptor) return descriptor;\n\t\tprototype = Object.getPrototypeOf(prototype);\n\t}\n};\nconst useMemo = (controller) => {\n\tcontroller.constructor.memos?.forEach((name) => {\n\t\tconst descriptor = findDescriptor(controller, name);\n\t\tif (!descriptor || typeof descriptor.get !== \"function\") return;\n\t\tconst getter = descriptor.get;\n\t\tObject.defineProperty(controller, name, {\n\t\t\tconfigurable: true,\n\t\t\tget() {\n\t\t\t\tconst value = getter.call(this);\n\t\t\t\tObject.defineProperty(this, name, {\n\t\t\t\t\tvalue,\n\t\t\t\t\tconfigurable: true\n\t\t\t\t});\n\t\t\t\treturn value;\n\t\t\t}\n\t\t});\n\t});\n};\n//#endregion\n//#region src/use-meta/use-meta.ts\nconst defineMetaGetter = (controller, metaName, suffix) => {\n\tconst getterName = suffix ? `${camelize(metaName)}Meta` : camelize(metaName);\n\tObject.defineProperty(controller, getterName, { get() {\n\t\treturn typeCast(metaValue(metaName));\n\t} });\n};\nfunction metaValue(name) {\n\tconst element = document.head.querySelector(`meta[name=\"${name}\"]`);\n\treturn element && element.getAttribute(\"content\");\n}\nfunction typeCast(value) {\n\ttry {\n\t\treturn JSON.parse(value);\n\t} catch (o_O) {\n\t\treturn value;\n\t}\n}\nconst useMeta = (controller, options = { suffix: true }) => {\n\tconst metaNames = controller.constructor.metaNames;\n\tconst suffix = options.suffix;\n\tmetaNames?.forEach((metaName) => {\n\t\tdefineMetaGetter(controller, metaName, suffix);\n\t});\n\tObject.defineProperty(controller, \"metas\", { get() {\n\t\tconst result = {};\n\t\tmetaNames?.forEach((metaName) => {\n\t\t\tconst value = typeCast(metaValue(metaName));\n\t\t\tif (value !== void 0 && value !== null) result[camelize(metaName)] = value;\n\t\t});\n\t\treturn result;\n\t} });\n};\n//#endregion\n//#region src/use-mutation/use-mutation.ts\nvar UseMutation = class extends StimulusUse {\n\tconstructor(controller, options = {}) {\n\t\tsuper(controller, options);\n\t\tthis.observe = () => {\n\t\t\ttry {\n\t\t\t\tthis.observer.observe(this.targetElement, this.options);\n\t\t\t} catch (error) {\n\t\t\t\tthis.controller.application.handleError(error, \"At a minimum, one of childList, attributes, and/or characterData must be true\", {});\n\t\t\t}\n\t\t};\n\t\tthis.unobserve = () => {\n\t\t\tthis.observer.disconnect();\n\t\t};\n\t\tthis.mutation = (entries) => {\n\t\t\tthis.call(\"mutate\", entries);\n\t\t\tthis.log(\"mutate\", { entries });\n\t\t\tthis.dispatch(\"mutate\", { entries });\n\t\t};\n\t\tthis.targetElement = options?.element || controller.element;\n\t\tthis.controller = controller;\n\t\tthis.options = options;\n\t\tthis.observer = new MutationObserver(this.mutation);\n\t\tthis.enhanceController();\n\t\tthis.observe();\n\t}\n\tenhanceController() {\n\t\tconst controllerDisconnect = this.controller.disconnect.bind(this.controller);\n\t\tconst disconnect = () => {\n\t\t\tthis.unobserve();\n\t\t\tcontrollerDisconnect();\n\t\t};\n\t\tObject.assign(this.controller, { disconnect });\n\t}\n};\nconst useMutation = (controller, options = {}) => {\n\tconst observer = new UseMutation(controller, options);\n\treturn [observer.observe, observer.unobserve];\n};\n//#endregion\n//#region src/use-mutation/mutation-controller.ts\nvar MutationComposableController = class extends Controller {};\nvar MutationController = class extends MutationComposableController {\n\tconstructor(context) {\n\t\tsuper(context);\n\t\trequestAnimationFrame(() => {\n\t\t\tconst [observe, unobserve] = useMutation(this, this.options);\n\t\t\tObject.assign(this, {\n\t\t\t\tobserve,\n\t\t\t\tunobserve\n\t\t\t});\n\t\t});\n\t}\n};\n//#endregion\n//#region src/use-resize/use-resize.ts\nconst defaultOptions$1 = {\n\tdispatchEvent: true,\n\teventPrefix: true\n};\nconst useResize = (composableController, options = {}) => {\n\tconst controller = composableController;\n\tconst { dispatchEvent, eventPrefix } = Object.assign({}, defaultOptions$1, options);\n\tconst targetElement = options?.element || controller.element;\n\tconst box = options?.box;\n\tlet frame = null;\n\tconst callback = (entries) => {\n\t\tif (frame !== null) cancelAnimationFrame(frame);\n\t\tframe = requestAnimationFrame(() => {\n\t\t\tframe = null;\n\t\t\tconst [entry] = entries;\n\t\t\tmethod(controller, \"resize\").call(controller, entry.contentRect);\n\t\t\tif (dispatchEvent) {\n\t\t\t\tconst eventName = composeEventName(\"resize\", controller, eventPrefix);\n\t\t\t\tconst appearEvent = extendedEvent(eventName, null, {\n\t\t\t\t\tcontroller,\n\t\t\t\t\tentry\n\t\t\t\t});\n\t\t\t\ttargetElement.dispatchEvent(appearEvent);\n\t\t\t}\n\t\t});\n\t};\n\tconst controllerDisconnect = controller.disconnect.bind(controller);\n\tconst observer = new ResizeObserver(callback);\n\tconst observe = () => {\n\t\tobserver.observe(targetElement, box ? { box } : void 0);\n\t};\n\tconst unobserve = () => {\n\t\tif (frame !== null) {\n\t\t\tcancelAnimationFrame(frame);\n\t\t\tframe = null;\n\t\t}\n\t\tobserver.unobserve(targetElement);\n\t};\n\tObject.assign(controller, { disconnect() {\n\t\tunobserve();\n\t\tcontrollerDisconnect();\n\t} });\n\tobserve();\n\treturn [observe, unobserve];\n};\n//#endregion\n//#region src/use-resize/resize-controller.ts\nvar ResizeComposableController = class extends Controller {};\nvar ResizeController = class extends ResizeComposableController {\n\tconstructor(context) {\n\t\tsuper(context);\n\t\trequestAnimationFrame(() => {\n\t\t\tconst [observe, unobserve] = useResize(this, this.options);\n\t\t\tObject.assign(this, {\n\t\t\t\tobserve,\n\t\t\t\tunobserve\n\t\t\t});\n\t\t});\n\t}\n};\n//#endregion\n//#region src/use-target-mutation/use-target-mutation.ts\nvar UseTargetMutation = class extends StimulusUse {\n\tconstructor(controller, options = {}) {\n\t\tsuper(controller, options);\n\t\tthis.observe = () => {\n\t\t\tthis.observer.observe(this.targetElement, {\n\t\t\t\tsubtree: true,\n\t\t\t\tcharacterData: true,\n\t\t\t\tchildList: true,\n\t\t\t\tattributes: true,\n\t\t\t\tattributeOldValue: true,\n\t\t\t\tattributeFilter: [this.targetSelector, this.scopedTargetSelector]\n\t\t\t});\n\t\t};\n\t\tthis.unobserve = () => {\n\t\t\tthis.observer.disconnect();\n\t\t};\n\t\tthis.mutation = (entries) => {\n\t\t\tfor (const mutation of entries) switch (mutation.type) {\n\t\t\t\tcase \"attributes\":\n\t\t\t\t\tlet newValue = mutation.target.getAttribute(mutation.attributeName);\n\t\t\t\t\tlet oldValue = mutation.oldValue;\n\t\t\t\t\tif (mutation.attributeName === this.targetSelector || mutation.attributeName === this.scopedTargetSelector) {\n\t\t\t\t\t\tlet oldTargets = this.targetsUsedByThisController(oldValue);\n\t\t\t\t\t\tlet newTargets = this.targetsUsedByThisController(newValue);\n\t\t\t\t\t\tlet removedTargets = oldTargets.filter((target) => !newTargets.includes(target));\n\t\t\t\t\t\tlet addedTargets = newTargets.filter((target) => !oldTargets.includes(target));\n\t\t\t\t\t\tremovedTargets.forEach((target) => this.targetRemoved(this.stripIdentifierPrefix(target), mutation.target, \"attributeChange\"));\n\t\t\t\t\t\taddedTargets.forEach((target) => this.targetAdded(this.stripIdentifierPrefix(target), mutation.target, \"attributeChange\"));\n\t\t\t\t\t}\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"characterData\":\n\t\t\t\t\tlet nodule = this.findTargetInAncestry(mutation.target);\n\t\t\t\t\tif (nodule == null) return;\n\t\t\t\t\telse this.targetsUsedByThisControllerFromNode(nodule).forEach((target) => {\n\t\t\t\t\t\tthis.targetChanged(this.stripIdentifierPrefix(target), nodule, \"domMutation\");\n\t\t\t\t\t});\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"childList\":\n\t\t\t\t\tlet { addedNodes, removedNodes } = mutation;\n\t\t\t\t\taddedNodes.forEach((node) => this.processNodeDOMMutation(node, this.targetAdded));\n\t\t\t\t\tremovedNodes.forEach((node) => this.processNodeDOMMutation(node, this.targetRemoved));\n\t\t\t}\n\t\t};\n\t\tthis.controller = controller;\n\t\tthis.options = options;\n\t\tthis.targetElement = controller.element;\n\t\tthis.identifier = controller.scope.identifier;\n\t\tthis.identifierPrefix = `${this.identifier}.`;\n\t\tthis.targetSelector = controller.scope.schema.targetAttribute;\n\t\tthis.scopedTargetSelector = `data-${this.identifier}-target`;\n\t\tthis.targets = options.targets || controller.constructor.targets;\n\t\tthis.prefixedTargets = this.targets.map((target) => `${this.identifierPrefix}${target}`);\n\t\tthis.observer = new MutationObserver(this.mutation);\n\t\tthis.enhanceController();\n\t\tthis.observe();\n\t}\n\tprocessNodeDOMMutation(node, initialChangeModeAssumption) {\n\t\tlet nodule = node;\n\t\tlet change = initialChangeModeAssumption;\n\t\tlet supportedTargets = [];\n\t\tif (nodule.nodeName == \"#text\" || this.targetsUsedByThisControllerFromNode(nodule).length == 0) {\n\t\t\tchange = this.targetChanged;\n\t\t\tnodule = this.findTargetInAncestry(node);\n\t\t} else supportedTargets = this.targetsUsedByThisControllerFromNode(nodule);\n\t\tif (nodule == null) return;\n\t\telse if (supportedTargets.length == 0) supportedTargets = this.targetsUsedByThisControllerFromNode(nodule);\n\t\tsupportedTargets.forEach((target) => {\n\t\t\tchange.call(this, this.stripIdentifierPrefix(target), nodule, \"domMutation\");\n\t\t});\n\t}\n\tfindTargetInAncestry(node) {\n\t\tlet nodule = node;\n\t\tlet supportedTargets = [];\n\t\tif (nodule.nodeName != \"#text\") supportedTargets = this.targetsUsedByThisControllerFromNode(nodule);\n\t\twhile (nodule.parentNode !== null && nodule.parentNode != this.targetElement && supportedTargets.length == 0) {\n\t\t\tnodule = nodule.parentNode;\n\t\t\tif (nodule.nodeName !== \"#text\") {\n\t\t\t\tif (this.targetsUsedByThisControllerFromNode(nodule).length > 0) return nodule;\n\t\t\t}\n\t\t}\n\t\tif (nodule.nodeName == \"#text\") return null;\n\t\tif (nodule.parentNode == null) return null;\n\t\tif (nodule.parentNode == this.targetElement) {\n\t\t\tif (this.targetsUsedByThisControllerFromNode(nodule).length > 0) return nodule;\n\t\t\treturn null;\n\t\t}\n\t\treturn null;\n\t}\n\ttargetAdded(name, node, trigger) {\n\t\tlet targetCallback = `${name}TargetAdded`;\n\t\tthis.controller[targetCallback] && method(this.controller, targetCallback).call(this.controller, node);\n\t\tthis.warn(\"`[target]TargetAdded` is deprecated. Please use the built-in `[target]TargetConnected()` function from Stimulus.\");\n\t\tthis.log(\"targetAdded\", {\n\t\t\ttarget: name,\n\t\t\tnode,\n\t\t\ttrigger\n\t\t});\n\t}\n\ttargetRemoved(name, node, trigger) {\n\t\tlet targetCallback = `${name}TargetRemoved`;\n\t\tthis.controller[targetCallback] && method(this.controller, targetCallback).call(this.controller, node);\n\t\tthis.warn(\"`[target]TargetRemoved` is deprecated. Please use the built-in `[target]TargetDisconnected()` function from Stimulus.\");\n\t\tthis.log(\"targetRemoved\", {\n\t\t\ttarget: name,\n\t\t\tnode,\n\t\t\ttrigger\n\t\t});\n\t}\n\ttargetChanged(name, node, trigger) {\n\t\tlet targetCallback = `${name}TargetChanged`;\n\t\tthis.controller[targetCallback] && method(this.controller, targetCallback).call(this.controller, node);\n\t\tthis.log(\"targetChanged\", {\n\t\t\ttarget: name,\n\t\t\tnode,\n\t\t\ttrigger\n\t\t});\n\t}\n\ttargetsUsedByThisControllerFromNode(node) {\n\t\tif (node.nodeName == \"#text\" || node.nodeName == \"#comment\") return [];\n\t\tlet nodeElement = node;\n\t\treturn this.targetsUsedByThisController(nodeElement.getAttribute(this.scopedTargetSelector) || nodeElement.getAttribute(this.targetSelector));\n\t}\n\ttargetsUsedByThisController(targetStr) {\n\t\ttargetStr = targetStr || \"\";\n\t\tlet targetsToCheck = this.stripIdentifierPrefix(targetStr).split(\" \");\n\t\treturn this.targets.filter((n) => targetsToCheck.indexOf(n) !== -1);\n\t}\n\tstripIdentifierPrefix(target) {\n\t\treturn target.replace(new RegExp(this.identifierPrefix, \"g\"), \"\");\n\t}\n\tenhanceController() {\n\t\tconst controllerDisconnect = this.controller.disconnect.bind(this.controller);\n\t\tconst disconnect = () => {\n\t\t\tthis.unobserve();\n\t\t\tcontrollerDisconnect();\n\t\t};\n\t\tObject.assign(this.controller, { disconnect });\n\t}\n};\nconst useTargetMutation = (composableController, options = {}) => {\n\tconst observer = new UseTargetMutation(composableController, options);\n\tobserver.warn(\"`[target]TargetAdded` and `[target]TargetRemoved` are deprecated. Please use the built-in `[target]TargetConnected()` and `[target]TargetDisconnected()` functions from Stimulus.\");\n\treturn [observer.observe, observer.unobserve];\n};\n//#endregion\n//#region src/use-target-mutation/target-mutation-controller.ts\nvar TargetMutationComposableController = class extends Controller {};\nvar TargetMutationController = class extends TargetMutationComposableController {\n\tconstructor(context) {\n\t\tsuper(context);\n\t\trequestAnimationFrame(() => {\n\t\t\tconst [observe, unobserve] = useTargetMutation(this, this.options);\n\t\t\tObject.assign(this, {\n\t\t\t\tobserve,\n\t\t\t\tunobserve\n\t\t\t});\n\t\t});\n\t}\n};\n//#endregion\n//#region src/use-throttle/use-throttle.ts\nvar ThrottleController = class extends Controller {};\nThrottleController.throttles = [];\nconst defaultWait = 200;\nfunction throttle(func, wait = defaultWait) {\n\tlet inThrottle;\n\treturn function() {\n\t\tconst args = arguments;\n\t\tconst context = this;\n\t\tif (!inThrottle) {\n\t\t\tinThrottle = true;\n\t\t\tfunc.apply(context, args);\n\t\t\tsetTimeout(() => inThrottle = false, wait);\n\t\t}\n\t};\n}\nconst useThrottle = (composableController, options = {}) => {\n\tconst controller = composableController;\n\tcontroller.constructor.throttles?.forEach((func) => {\n\t\tif (typeof func === \"string\") controller[func] = throttle(controller[func], options?.wait);\n\t\tif (typeof func === \"object\") {\n\t\t\tconst { name, wait } = func;\n\t\t\tif (!name) return;\n\t\t\tcontroller[name] = throttle(controller[name], wait || options?.wait);\n\t\t}\n\t});\n};\n//#endregion\n//#region src/use-transition/use-transition.ts\nconst alpineNames = {\n\tenterFromClass: \"enter\",\n\tenterActiveClass: \"enterStart\",\n\tenterToClass: \"enterEnd\",\n\tleaveFromClass: \"leave\",\n\tleaveActiveClass: \"leaveStart\",\n\tleaveToClass: \"leaveEnd\"\n};\nconst defaultOptions = {\n\ttransitioned: false,\n\thiddenClass: \"hidden\",\n\tpreserveOriginalClass: true,\n\tremoveToClasses: true\n};\nconst useTransition = (composableController, options = {}) => {\n\tconst controller = composableController;\n\tconst targetName = controller.element.dataset.transitionTarget;\n\tlet targetFromAttribute;\n\tif (targetName) targetFromAttribute = controller[`${targetName}Target`];\n\tconst targetElement = options?.element || targetFromAttribute || controller.element;\n\tif (!(targetElement instanceof HTMLElement || targetElement instanceof SVGElement)) return;\n\tconst dataset = targetElement.dataset;\n\tconst leaveAfter = parseInt(dataset.leaveAfter || \"\") || options.leaveAfter || 0;\n\tconst { transitioned, hiddenClass, preserveOriginalClass, removeToClasses } = Object.assign({}, defaultOptions, options);\n\tconst controllerEnter = controller.enter?.bind(controller);\n\tconst controllerLeave = controller.leave?.bind(controller);\n\tconst controllerToggleTransition = controller.toggleTransition?.bind(controller);\n\tasync function enter(event) {\n\t\tif (controller.transitioned) return;\n\t\tcontroller.transitioned = true;\n\t\tcontrollerEnter && controllerEnter(event);\n\t\tconst enterFromClasses = getAttribute(\"enterFrom\", options, dataset);\n\t\tconst enterActiveClasses = getAttribute(\"enterActive\", options, dataset);\n\t\tconst enterToClasses = getAttribute(\"enterTo\", options, dataset);\n\t\tconst leaveToClasses = getAttribute(\"leaveTo\", options, dataset);\n\t\tif (!!hiddenClass) targetElement.classList.remove(hiddenClass);\n\t\tif (!removeToClasses) removeClasses(targetElement, leaveToClasses);\n\t\tawait transition(targetElement, enterFromClasses, enterActiveClasses, enterToClasses, hiddenClass, preserveOriginalClass, removeToClasses);\n\t\tif (leaveAfter > 0) setTimeout(() => {\n\t\t\tleave(event);\n\t\t}, leaveAfter);\n\t}\n\tasync function leave(event) {\n\t\tif (!controller.transitioned) return;\n\t\tcontroller.transitioned = false;\n\t\tcontrollerLeave && controllerLeave(event);\n\t\tconst leaveFromClasses = getAttribute(\"leaveFrom\", options, dataset);\n\t\tconst leaveActiveClasses = getAttribute(\"leaveActive\", options, dataset);\n\t\tconst leaveToClasses = getAttribute(\"leaveTo\", options, dataset);\n\t\tconst enterToClasses = getAttribute(\"enterTo\", options, dataset);\n\t\tif (!removeToClasses) removeClasses(targetElement, enterToClasses);\n\t\tawait transition(targetElement, leaveFromClasses, leaveActiveClasses, leaveToClasses, hiddenClass, preserveOriginalClass, removeToClasses);\n\t\tif (!!hiddenClass) targetElement.classList.add(hiddenClass);\n\t}\n\tfunction toggleTransition(event) {\n\t\tcontrollerToggleTransition && controllerToggleTransition(event);\n\t\tif (controller.transitioned) leave();\n\t\telse enter();\n\t}\n\tasync function transition(element, initialClasses, activeClasses, endClasses, hiddenClass, preserveOriginalClass, removeEndClasses) {\n\t\tconst stashedClasses = [];\n\t\tif (preserveOriginalClass) {\n\t\t\tinitialClasses.forEach((cls) => element.classList.contains(cls) && cls !== hiddenClass && stashedClasses.push(cls));\n\t\t\tactiveClasses.forEach((cls) => element.classList.contains(cls) && cls !== hiddenClass && stashedClasses.push(cls));\n\t\t\tendClasses.forEach((cls) => element.classList.contains(cls) && cls !== hiddenClass && stashedClasses.push(cls));\n\t\t}\n\t\taddClasses(element, initialClasses);\n\t\tremoveClasses(element, stashedClasses);\n\t\taddClasses(element, activeClasses);\n\t\tawait nextAnimationFrame();\n\t\tremoveClasses(element, initialClasses);\n\t\taddClasses(element, endClasses);\n\t\tawait afterTransition(element);\n\t\tremoveClasses(element, activeClasses);\n\t\tif (removeEndClasses) removeClasses(element, endClasses);\n\t\taddClasses(element, stashedClasses);\n\t}\n\tfunction initialState() {\n\t\tcontroller.transitioned = transitioned;\n\t\tif (transitioned) {\n\t\t\tif (!!hiddenClass) targetElement.classList.remove(hiddenClass);\n\t\t\tenter();\n\t\t} else {\n\t\t\tif (!!hiddenClass) targetElement.classList.add(hiddenClass);\n\t\t\tleave();\n\t\t}\n\t}\n\tfunction addClasses(element, classes) {\n\t\tif (classes.length > 0) element.classList.add(...classes);\n\t}\n\tfunction removeClasses(element, classes) {\n\t\tif (classes.length > 0) element.classList.remove(...classes);\n\t}\n\tinitialState();\n\tObject.assign(controller, {\n\t\tenter,\n\t\tleave,\n\t\ttoggleTransition\n\t});\n\treturn [\n\t\tenter,\n\t\tleave,\n\t\ttoggleTransition\n\t];\n};\nfunction getAttribute(name, options, dataset) {\n\tconst datasetName = `transition${name[0].toUpperCase()}${name.substr(1)}`;\n\tconst datasetAlpineName = alpineNames[name];\n\tconst classes = options[name] || dataset[datasetName] || dataset[datasetAlpineName] || \" \";\n\treturn isEmpty(classes) ? [] : classes.split(\" \");\n}\nasync function afterTransition(element) {\n\treturn new Promise((resolve) => {\n\t\tconst duration = Number(getComputedStyle(element).transitionDuration.split(\",\")[0].replace(\"s\", \"\")) * 1e3;\n\t\tsetTimeout(() => {\n\t\t\tresolve(duration);\n\t\t}, duration);\n\t});\n}\nasync function nextAnimationFrame() {\n\treturn new Promise((resolve) => {\n\t\trequestAnimationFrame(() => {\n\t\t\trequestAnimationFrame(resolve);\n\t\t});\n\t});\n}\nfunction isEmpty(str) {\n\treturn str.length === 0 || !str.trim();\n}\n//#endregion\n//#region src/use-transition/transition-controller.ts\nvar TransitionComposableController = class extends Controller {\n\tconstructor(..._args) {\n\t\tsuper(..._args);\n\t\tthis.transitioned = false;\n\t}\n};\nvar TransitionController = class extends TransitionComposableController {\n\tconstructor(context) {\n\t\tsuper(context);\n\t\trequestAnimationFrame(() => {\n\t\t\tuseTransition(this, this.options);\n\t\t});\n\t}\n};\n//#endregion\n//#region src/use-visibility/use-visibility.ts\nvar UseVisibility = class extends StimulusUse {\n\tconstructor(controller, options = {}) {\n\t\tsuper(controller, options);\n\t\tthis.observe = () => {\n\t\t\tthis.controller.isVisible = !document.hidden;\n\t\t\tdocument.addEventListener(\"visibilitychange\", this.handleVisibilityChange);\n\t\t\tthis.handleVisibilityChange();\n\t\t};\n\t\tthis.unobserve = () => {\n\t\t\tdocument.removeEventListener(\"visibilitychange\", this.handleVisibilityChange);\n\t\t};\n\t\tthis.becomesInvisible = (event) => {\n\t\t\tthis.controller.isVisible = false;\n\t\t\tthis.call(\"invisible\", event);\n\t\t\tthis.log(\"invisible\", { isVisible: false });\n\t\t\tthis.dispatch(\"invisible\", {\n\t\t\t\tevent,\n\t\t\t\tisVisible: false\n\t\t\t});\n\t\t};\n\t\tthis.becomesVisible = (event) => {\n\t\t\tthis.controller.isVisible = true;\n\t\t\tthis.call(\"visible\", event);\n\t\t\tthis.log(\"visible\", { isVisible: true });\n\t\t\tthis.dispatch(\"visible\", {\n\t\t\t\tevent,\n\t\t\t\tisVisible: true\n\t\t\t});\n\t\t};\n\t\tthis.handleVisibilityChange = (event) => {\n\t\t\tif (document.hidden) this.becomesInvisible(event);\n\t\t\telse this.becomesVisible(event);\n\t\t};\n\t\tthis.controller = controller;\n\t\tthis.enhanceController();\n\t\tthis.observe();\n\t}\n\tenhanceController() {\n\t\tconst controllerDisconnect = this.controllerDisconnect;\n\t\tconst disconnect = () => {\n\t\t\tthis.unobserve();\n\t\t\tcontrollerDisconnect();\n\t\t};\n\t\tObject.assign(this.controller, { disconnect });\n\t}\n};\nconst useVisibility = (composableController, options = {}) => {\n\tconst observer = new UseVisibility(composableController, options);\n\treturn [observer.observe, observer.unobserve];\n};\n//#endregion\n//#region src/use-visibility/visibility-controller.ts\nvar VisibilityComposableController = class extends Controller {\n\tconstructor(..._args) {\n\t\tsuper(..._args);\n\t\tthis.isVisible = false;\n\t}\n};\nvar VisibilityController = class extends VisibilityComposableController {\n\tconstructor(context) {\n\t\tsuper(context);\n\t\trequestAnimationFrame(() => {\n\t\t\tconst [observe, unobserve] = useVisibility(this, this.options);\n\t\t\tObject.assign(this, {\n\t\t\t\tobserve,\n\t\t\t\tunobserve\n\t\t\t});\n\t\t});\n\t}\n};\n//#endregion\n//#region src/use-window-focus/use-window-focus.ts\nvar UseWindowFocus = class extends StimulusUse {\n\tconstructor(controller, options = {}) {\n\t\tsuper(controller, options);\n\t\tthis.observe = () => {\n\t\t\tif (document.hasFocus()) this.becomesFocused();\n\t\t\telse this.becomesUnfocused();\n\t\t\tthis.interval = setInterval(() => {\n\t\t\t\tthis.handleWindowFocusChange();\n\t\t\t}, this.intervalDuration);\n\t\t};\n\t\tthis.unobserve = () => {\n\t\t\tclearInterval(this.interval);\n\t\t};\n\t\tthis.becomesUnfocused = (event) => {\n\t\t\tthis.controller.hasFocus = false;\n\t\t\tthis.call(\"unfocus\", event);\n\t\t\tthis.log(\"unfocus\", { hasFocus: false });\n\t\t\tthis.dispatch(\"unfocus\", {\n\t\t\t\tevent,\n\t\t\t\thasFocus: false\n\t\t\t});\n\t\t};\n\t\tthis.becomesFocused = (event) => {\n\t\t\tthis.controller.hasFocus = true;\n\t\t\tthis.call(\"focus\", event);\n\t\t\tthis.log(\"focus\", { hasFocus: true });\n\t\t\tthis.dispatch(\"focus\", {\n\t\t\t\tevent,\n\t\t\t\thasFocus: true\n\t\t\t});\n\t\t};\n\t\tthis.handleWindowFocusChange = (event) => {\n\t\t\tif (document.hasFocus() && !this.controller.hasFocus) this.becomesFocused(event);\n\t\t\telse if (!document.hasFocus() && this.controller.hasFocus) this.becomesUnfocused(event);\n\t\t};\n\t\tthis.controller = controller;\n\t\tthis.intervalDuration = options.interval || 200;\n\t\tthis.enhanceController();\n\t\tthis.observe();\n\t}\n\tenhanceController() {\n\t\tconst controllerDisconnect = this.controllerDisconnect;\n\t\tconst disconnect = () => {\n\t\t\tthis.unobserve();\n\t\t\tcontrollerDisconnect();\n\t\t};\n\t\tObject.assign(this.controller, { disconnect });\n\t}\n};\nconst useWindowFocus = (composableController, options = {}) => {\n\tconst observer = new UseWindowFocus(composableController, options);\n\treturn [observer.observe, observer.unobserve];\n};\n//#endregion\n//#region src/use-window-focus/window-focus-controller.ts\nvar WindowFocusComposableController = class extends Controller {\n\tconstructor(..._args) {\n\t\tsuper(..._args);\n\t\tthis.hasFocus = false;\n\t}\n};\nvar WindowFocusController = class extends WindowFocusComposableController {\n\tconstructor(context) {\n\t\tsuper(context);\n\t\trequestAnimationFrame(() => {\n\t\t\tconst [observe, unobserve] = useWindowFocus(this, this.options);\n\t\t\tObject.assign(this, {\n\t\t\t\tobserve,\n\t\t\t\tunobserve\n\t\t\t});\n\t\t});\n\t}\n};\n//#endregion\n//#region src/use-window-resize/use-window-resize.ts\nconst useWindowResize = (composableController) => {\n\tconst controller = composableController;\n\tconst callback = (event) => {\n\t\tconst { innerWidth, innerHeight } = window;\n\t\tconst payload = {\n\t\t\theight: innerHeight || Infinity,\n\t\t\twidth: innerWidth || Infinity,\n\t\t\tevent\n\t\t};\n\t\tmethod(controller, \"windowResize\").call(controller, payload);\n\t};\n\tconst controllerDisconnect = controller.disconnect.bind(controller);\n\tconst observe = () => {\n\t\twindow.addEventListener(\"resize\", callback);\n\t\tcallback();\n\t};\n\tconst unobserve = () => {\n\t\twindow.removeEventListener(\"resize\", callback);\n\t};\n\tObject.assign(controller, { disconnect() {\n\t\tunobserve();\n\t\tcontrollerDisconnect();\n\t} });\n\tobserve();\n\treturn [observe, unobserve];\n};\n//#endregion\n//#region src/use-window-resize/window-resize-controller.ts\nvar WindowResizeComposableController = class extends Controller {};\nvar WindowResizeController = class extends WindowResizeComposableController {\n\tconstructor(context) {\n\t\tsuper(context);\n\t\trequestAnimationFrame(() => {\n\t\t\tconst [observe, unobserve] = useWindowResize(this);\n\t\t\tObject.assign(this, {\n\t\t\t\tobserve,\n\t\t\t\tunobserve\n\t\t\t});\n\t\t});\n\t}\n};\n//#endregion\n//#region src/index.ts\nfunction useHotkeys() {\n\tthrow \"[stimulus-use] Notice: The import for `useHotkeys()` has been moved from `stimulus-use` to `stimulus-use/hotkeys`. \\nPlease change the import accordingly and add `hotkey-js` as a dependency to your project. \\n\\nFor more information see: https://stimulus-use.dev/use-hotkeys#importing-the-behavior\";\n}\n//#endregion\nexport { ApplicationController, ClickOutsideController, HoverController, IdleController, IntersectionController, LazyLoadController, MutationController, ResizeController, TargetMutationController, TransitionController, UseHover, UseMutation, UseTargetMutation, UseVisibility, UseWindowFocus, VisibilityController, WindowFocusController, WindowResizeController, debounce, useApplication, useClickOutside, useDebounce, useDispatch, useHotkeys, useHover, useIdle, useIntersection, useLazyLoad, useMatchMedia, useMemo, useMeta, useMutation, useResize, useTargetMutation, useThrottle, useTransition, useVisibility, useWindowFocus, useWindowResize };\n","/*! choices.js v11.2.4 | © 2026 Josh Johnson | https://github.com/Choices-js/Choices#readme */\n\n/******************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\n/* global Reflect, Promise, SuppressedError, Symbol */\n\nvar extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf || {\n __proto__: []\n } instanceof Array && function (d, b) {\n d.__proto__ = b;\n } || function (d, b) {\n for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];\n };\n return extendStatics(d, b);\n};\nfunction __extends(d, b) {\n if (typeof b !== \"function\" && b !== null) throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n extendStatics(d, b);\n function __() {\n this.constructor = d;\n }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n}\nvar __assign = function () {\n __assign = Object.assign || function __assign(t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nfunction __spreadArray(to, from, pack) {\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n if (ar || !(i in from)) {\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n ar[i] = from[i];\n }\n }\n return to.concat(ar || Array.prototype.slice.call(from));\n}\ntypeof SuppressedError === \"function\" ? SuppressedError : function (error, suppressed, message) {\n var e = new Error(message);\n return e.name = \"SuppressedError\", e.error = error, e.suppressed = suppressed, e;\n};\n\nvar ActionType = {\n ADD_CHOICE: 'ADD_CHOICE',\n REMOVE_CHOICE: 'REMOVE_CHOICE',\n FILTER_CHOICES: 'FILTER_CHOICES',\n ACTIVATE_CHOICES: 'ACTIVATE_CHOICES',\n CLEAR_CHOICES: 'CLEAR_CHOICES',\n ADD_GROUP: 'ADD_GROUP',\n ADD_ITEM: 'ADD_ITEM',\n REMOVE_ITEM: 'REMOVE_ITEM',\n HIGHLIGHT_ITEM: 'HIGHLIGHT_ITEM',\n};\n\nvar EventType = {\n showDropdown: 'showDropdown',\n hideDropdown: 'hideDropdown',\n change: 'change',\n choice: 'choice',\n search: 'search',\n addItem: 'addItem',\n removeItem: 'removeItem',\n highlightItem: 'highlightItem',\n highlightChoice: 'highlightChoice',\n unhighlightItem: 'unhighlightItem',\n};\n\nvar KeyCodeMap = {\n TAB_KEY: 9,\n SHIFT_KEY: 16,\n BACK_KEY: 46,\n DELETE_KEY: 8,\n ENTER_KEY: 13,\n A_KEY: 65,\n ESC_KEY: 27,\n UP_KEY: 38,\n DOWN_KEY: 40,\n PAGE_UP_KEY: 33,\n PAGE_DOWN_KEY: 34,\n};\n\nvar ObjectsInConfig = ['fuseOptions', 'classNames'];\n\nvar PassedElementTypes = {\n Text: 'text',\n SelectOne: 'select-one',\n SelectMultiple: 'select-multiple',\n};\n\nvar addChoice = function (choice) { return ({\n type: ActionType.ADD_CHOICE,\n choice: choice,\n}); };\nvar removeChoice = function (choice) { return ({\n type: ActionType.REMOVE_CHOICE,\n choice: choice,\n}); };\nvar filterChoices = function (results) { return ({\n type: ActionType.FILTER_CHOICES,\n results: results,\n}); };\nvar activateChoices = function (active) {\n return ({\n type: ActionType.ACTIVATE_CHOICES,\n active: active,\n });\n};\n\nvar addGroup = function (group) { return ({\n type: ActionType.ADD_GROUP,\n group: group,\n}); };\n\nvar addItem = function (item) { return ({\n type: ActionType.ADD_ITEM,\n item: item,\n}); };\nvar removeItem$1 = function (item) { return ({\n type: ActionType.REMOVE_ITEM,\n item: item,\n}); };\nvar highlightItem = function (item, highlighted) { return ({\n type: ActionType.HIGHLIGHT_ITEM,\n item: item,\n highlighted: highlighted,\n}); };\n\nvar getRandomNumber = function (min, max) { return Math.floor(Math.random() * (max - min) + min); };\nvar generateChars = function (length) {\n return Array.from({ length: length }, function () { return getRandomNumber(0, 36).toString(36); }).join('');\n};\nvar generateId = function (element, prefix) {\n var id = element.id || (element.name && \"\".concat(element.name, \"-\").concat(generateChars(2))) || generateChars(4);\n id = id.replace(/(:|\\.|\\[|\\]|,)/g, '');\n id = \"\".concat(prefix, \"-\").concat(id);\n return id;\n};\nvar getAdjacentEl = function (startEl, selector, direction) {\n if (direction === void 0) { direction = 1; }\n var prop = \"\".concat(direction > 0 ? 'next' : 'previous', \"ElementSibling\");\n var sibling = startEl[prop];\n while (sibling) {\n if (sibling.matches(selector)) {\n return sibling;\n }\n sibling = sibling[prop];\n }\n return null;\n};\nvar isScrolledIntoView = function (element, parent, direction) {\n if (direction === void 0) { direction = 1; }\n var isVisible;\n if (direction > 0) {\n // In view from bottom\n isVisible = parent.scrollTop + parent.offsetHeight >= element.offsetTop + element.offsetHeight;\n }\n else {\n // In view from top\n isVisible = element.offsetTop >= parent.scrollTop;\n }\n return isVisible;\n};\nvar sanitise = function (value) {\n if (typeof value !== 'string') {\n if (value === null || value === undefined) {\n return '';\n }\n if (typeof value === 'object') {\n if ('raw' in value) {\n return sanitise(value.raw);\n }\n if ('trusted' in value) {\n return value.trusted;\n }\n }\n return value;\n }\n return value\n .replace(/&/g, '&')\n .replace(/>/g, '>')\n .replace(/= 0 &&\n !window.matchMedia(\"(min-height: \".concat(dropdownPos + 1, \"px)\")).matches;\n }\n else if (this.position === 'top') {\n shouldFlip = true;\n }\n return shouldFlip;\n };\n Container.prototype.setActiveDescendant = function (activeDescendantID) {\n this.element.setAttribute('aria-activedescendant', activeDescendantID);\n };\n Container.prototype.removeActiveDescendant = function () {\n this.element.removeAttribute('aria-activedescendant');\n };\n Container.prototype.open = function (dropdownPos, dropdownHeight) {\n addClassesToElement(this.element, this.classNames.openState);\n this.element.setAttribute('aria-expanded', 'true');\n this.isOpen = true;\n if (this.shouldFlip(dropdownPos, dropdownHeight)) {\n addClassesToElement(this.element, this.classNames.flippedState);\n this.isFlipped = true;\n }\n };\n Container.prototype.close = function () {\n removeClassesFromElement(this.element, this.classNames.openState);\n this.element.setAttribute('aria-expanded', 'false');\n this.removeActiveDescendant();\n this.isOpen = false;\n // A dropdown flips if it does not have space within the page\n if (this.isFlipped) {\n removeClassesFromElement(this.element, this.classNames.flippedState);\n this.isFlipped = false;\n }\n };\n Container.prototype.addFocusState = function () {\n addClassesToElement(this.element, this.classNames.focusState);\n };\n Container.prototype.removeFocusState = function () {\n removeClassesFromElement(this.element, this.classNames.focusState);\n };\n Container.prototype.addInvalidState = function () {\n addClassesToElement(this.element, this.classNames.invalidState);\n };\n Container.prototype.removeInvalidState = function () {\n removeClassesFromElement(this.element, this.classNames.invalidState);\n };\n Container.prototype.enable = function () {\n removeClassesFromElement(this.element, this.classNames.disabledState);\n this.element.removeAttribute('aria-disabled');\n if (this.type === PassedElementTypes.SelectOne) {\n this.element.setAttribute('tabindex', '0');\n }\n this.isDisabled = false;\n };\n Container.prototype.disable = function () {\n addClassesToElement(this.element, this.classNames.disabledState);\n this.element.setAttribute('aria-disabled', 'true');\n if (this.type === PassedElementTypes.SelectOne) {\n this.element.setAttribute('tabindex', '-1');\n }\n this.isDisabled = true;\n };\n Container.prototype.wrap = function (element) {\n var el = this.element;\n var parentNode = element.parentNode;\n if (parentNode) {\n if (element.nextSibling) {\n parentNode.insertBefore(el, element.nextSibling);\n }\n else {\n parentNode.appendChild(el);\n }\n }\n el.appendChild(element);\n };\n Container.prototype.unwrap = function (element) {\n var el = this.element;\n var parentNode = el.parentNode;\n if (parentNode) {\n // Move passed element outside this element\n parentNode.insertBefore(element, el);\n // Remove this element\n parentNode.removeChild(el);\n }\n };\n Container.prototype.addLoadingState = function () {\n addClassesToElement(this.element, this.classNames.loadingState);\n this.element.setAttribute('aria-busy', 'true');\n this.isLoading = true;\n };\n Container.prototype.removeLoadingState = function () {\n removeClassesFromElement(this.element, this.classNames.loadingState);\n this.element.removeAttribute('aria-busy');\n this.isLoading = false;\n };\n return Container;\n}());\n\nvar Input = /** @class */ (function () {\n function Input(_a) {\n var element = _a.element, type = _a.type, classNames = _a.classNames, preventPaste = _a.preventPaste;\n this.element = element;\n this.type = type;\n this.classNames = classNames;\n this.preventPaste = preventPaste;\n this.isFocussed = this.element.isEqualNode(document.activeElement);\n this.isDisabled = element.disabled;\n this._onPaste = this._onPaste.bind(this);\n this._onInput = this._onInput.bind(this);\n this._onFocus = this._onFocus.bind(this);\n this._onBlur = this._onBlur.bind(this);\n }\n Object.defineProperty(Input.prototype, \"placeholder\", {\n set: function (placeholder) {\n this.element.placeholder = placeholder;\n },\n enumerable: false,\n configurable: true\n });\n Object.defineProperty(Input.prototype, \"value\", {\n get: function () {\n return this.element.value;\n },\n set: function (value) {\n this.element.value = value;\n },\n enumerable: false,\n configurable: true\n });\n Input.prototype.addEventListeners = function () {\n var el = this.element;\n el.addEventListener('paste', this._onPaste);\n el.addEventListener('input', this._onInput, {\n passive: true,\n });\n el.addEventListener('focus', this._onFocus, {\n passive: true,\n });\n el.addEventListener('blur', this._onBlur, {\n passive: true,\n });\n };\n Input.prototype.removeEventListeners = function () {\n var el = this.element;\n el.removeEventListener('input', this._onInput);\n el.removeEventListener('paste', this._onPaste);\n el.removeEventListener('focus', this._onFocus);\n el.removeEventListener('blur', this._onBlur);\n };\n Input.prototype.enable = function () {\n var el = this.element;\n el.removeAttribute('disabled');\n this.isDisabled = false;\n };\n Input.prototype.disable = function () {\n var el = this.element;\n el.setAttribute('disabled', '');\n this.isDisabled = true;\n };\n Input.prototype.focus = function () {\n if (!this.isFocussed) {\n this.element.focus();\n }\n };\n Input.prototype.blur = function () {\n if (this.isFocussed) {\n this.element.blur();\n }\n };\n Input.prototype.clear = function (setWidth) {\n if (setWidth === void 0) { setWidth = true; }\n this.element.value = '';\n if (setWidth) {\n this.setWidth();\n }\n return this;\n };\n /**\n * Set the correct input width based on placeholder value or input value.\n * Renders text into a hidden off-screen span that inherits the input's\n * CSS classes and measures its pixel width, then converts to `ch` units.\n * This correctly handles CJK, Hangul, fullwidth forms, emoji, and any\n * font — no hard-coded code-point ranges required.\n */\n Input.prototype.setWidth = function () {\n var element = this.element;\n var value = element.value, placeholder = element.placeholder;\n var minWidth = 0;\n var width = 0;\n if (value || placeholder) {\n var e = document.createElement('span');\n e.style.position = 'absolute';\n e.style.visibility = 'hidden';\n e.style.whiteSpace = 'pre';\n e.style.height = 'auto';\n e.style.width = 'auto';\n e.style.minWidth = '1ch';\n addClassesToElement(e, Array.from(element.classList));\n element.after(e);\n var chInPx = parseFloat(getComputedStyle(e).width);\n if (Number.isNaN(chInPx)) {\n minWidth = placeholder.length;\n width = value.length;\n }\n else {\n if (placeholder) {\n e.innerText = placeholder;\n minWidth = parseFloat(getComputedStyle(e).width) / chInPx;\n }\n if (value) {\n e.innerText = value;\n width = parseFloat(getComputedStyle(e).width) / chInPx;\n }\n }\n e.remove();\n }\n element.style.minWidth = \"\".concat(Math.ceil(minWidth) + 1, \"ch\");\n element.style.width = \"\".concat(Math.ceil(width) + 1, \"ch\");\n };\n Input.prototype.setActiveDescendant = function (activeDescendantID) {\n this.element.setAttribute('aria-activedescendant', activeDescendantID);\n };\n Input.prototype.removeActiveDescendant = function () {\n this.element.removeAttribute('aria-activedescendant');\n };\n Input.prototype._onInput = function () {\n if (this.type !== PassedElementTypes.SelectOne) {\n this.setWidth();\n }\n };\n Input.prototype._onPaste = function (event) {\n if (this.preventPaste) {\n event.preventDefault();\n }\n };\n Input.prototype._onFocus = function () {\n this.isFocussed = true;\n };\n Input.prototype._onBlur = function () {\n this.isFocussed = false;\n };\n return Input;\n}());\n\nvar SCROLLING_SPEED = 4;\n\nvar List = /** @class */ (function () {\n function List(_a) {\n var element = _a.element;\n this.element = element;\n this.scrollPos = this.element.scrollTop;\n this.height = this.element.offsetHeight;\n }\n List.prototype.prepend = function (node) {\n var child = this.element.firstElementChild;\n if (child) {\n this.element.insertBefore(node, child);\n }\n else {\n this.element.append(node);\n }\n };\n List.prototype.scrollToTop = function () {\n this.element.scrollTop = 0;\n };\n List.prototype.scrollToChildElement = function (element, direction) {\n var _this = this;\n if (!element) {\n return;\n }\n var listHeight = this.element.offsetHeight;\n // Scroll position of dropdown\n var listScrollPosition = this.element.scrollTop + listHeight;\n var elementHeight = element.offsetHeight;\n // Distance from bottom of element to top of parent\n var elementPos = element.offsetTop + elementHeight;\n // Difference between the element and scroll position\n var destination = direction > 0 ? this.element.scrollTop + elementPos - listScrollPosition : element.offsetTop;\n requestAnimationFrame(function () {\n _this._animateScroll(destination, direction);\n });\n };\n List.prototype._scrollDown = function (scrollPos, strength, destination) {\n var easing = (destination - scrollPos) / strength;\n var distance = easing > 1 ? easing : 1;\n this.element.scrollTop = scrollPos + distance;\n };\n List.prototype._scrollUp = function (scrollPos, strength, destination) {\n var easing = (scrollPos - destination) / strength;\n var distance = easing > 1 ? easing : 1;\n this.element.scrollTop = scrollPos - distance;\n };\n List.prototype._animateScroll = function (destination, direction) {\n var _this = this;\n var strength = SCROLLING_SPEED;\n var choiceListScrollTop = this.element.scrollTop;\n var continueAnimation = false;\n if (direction > 0) {\n this._scrollDown(choiceListScrollTop, strength, destination);\n if (choiceListScrollTop < destination) {\n continueAnimation = true;\n }\n }\n else {\n this._scrollUp(choiceListScrollTop, strength, destination);\n if (choiceListScrollTop > destination) {\n continueAnimation = true;\n }\n }\n if (continueAnimation) {\n requestAnimationFrame(function () {\n _this._animateScroll(destination, direction);\n });\n }\n };\n return List;\n}());\n\nvar WrappedElement = /** @class */ (function () {\n function WrappedElement(_a) {\n var element = _a.element, classNames = _a.classNames;\n this.element = element;\n this.classNames = classNames;\n this.isDisabled = false;\n }\n Object.defineProperty(WrappedElement.prototype, \"isActive\", {\n get: function () {\n return this.element.dataset.choice === 'active';\n },\n enumerable: false,\n configurable: true\n });\n Object.defineProperty(WrappedElement.prototype, \"dir\", {\n get: function () {\n return this.element.dir;\n },\n enumerable: false,\n configurable: true\n });\n Object.defineProperty(WrappedElement.prototype, \"value\", {\n get: function () {\n return this.element.value;\n },\n set: function (value) {\n this.element.setAttribute('value', value);\n this.element.value = value;\n },\n enumerable: false,\n configurable: true\n });\n WrappedElement.prototype.conceal = function () {\n var el = this.element;\n // Hide passed input\n addClassesToElement(el, this.classNames.input);\n el.hidden = true;\n // Remove element from tab index\n el.tabIndex = -1;\n // Backup original styles if any\n var origStyle = el.getAttribute('style');\n if (origStyle) {\n el.setAttribute('data-choice-orig-style', origStyle);\n }\n el.setAttribute('data-choice', 'active');\n };\n WrappedElement.prototype.reveal = function () {\n var el = this.element;\n // Reinstate passed element\n removeClassesFromElement(el, this.classNames.input);\n el.hidden = false;\n el.removeAttribute('tabindex');\n // Recover original styles if any\n var origStyle = el.getAttribute('data-choice-orig-style');\n if (origStyle) {\n el.removeAttribute('data-choice-orig-style');\n el.setAttribute('style', origStyle);\n }\n else {\n el.removeAttribute('style');\n }\n el.removeAttribute('data-choice');\n };\n WrappedElement.prototype.enable = function () {\n this.element.removeAttribute('disabled');\n this.element.disabled = false;\n this.isDisabled = false;\n };\n WrappedElement.prototype.disable = function () {\n this.element.setAttribute('disabled', '');\n this.element.disabled = true;\n this.isDisabled = true;\n };\n WrappedElement.prototype.triggerEvent = function (eventType, data) {\n dispatchEvent(this.element, eventType, data || {});\n };\n return WrappedElement;\n}());\n\nvar WrappedInput = /** @class */ (function (_super) {\n __extends(WrappedInput, _super);\n function WrappedInput() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n return WrappedInput;\n}(WrappedElement));\n\nvar coerceBool = function (arg, defaultValue) {\n if (defaultValue === void 0) { defaultValue = true; }\n return typeof arg === 'undefined' ? defaultValue : !!arg;\n};\nvar stringToHtmlClass = function (input) {\n if (typeof input === 'string') {\n // eslint-disable-next-line no-param-reassign\n input = input.split(' ').filter(function (s) { return s.length; });\n }\n if (Array.isArray(input) && input.length) {\n return input;\n }\n return undefined;\n};\nvar mapInputToChoice = function (value, allowGroup, allowRawString) {\n if (allowRawString === void 0) { allowRawString = true; }\n if (typeof value === 'string') {\n var sanitisedValue = sanitise(value);\n var userValue = allowRawString || sanitisedValue === value ? value : { escaped: sanitisedValue, raw: value };\n var result_1 = mapInputToChoice({\n value: value,\n label: userValue,\n selected: true,\n }, false);\n return result_1;\n }\n var groupOrChoice = value;\n if ('choices' in groupOrChoice) {\n if (!allowGroup) {\n // https://developer.mozilla.org/en-US/docs/Web/HTML/Element/optgroup\n throw new TypeError(\"optGroup is not allowed\");\n }\n var group = groupOrChoice;\n var choices = group.choices.map(function (e) { return mapInputToChoice(e, false); });\n var result_2 = {\n id: 0, // actual ID will be assigned during _addGroup\n label: unwrapStringForRaw(group.label) || group.value,\n active: !!choices.length,\n disabled: !!group.disabled,\n choices: choices,\n };\n return result_2;\n }\n var choice = groupOrChoice;\n var result = {\n id: 0, // actual ID will be assigned during _addChoice\n group: null, // actual group will be assigned during _addGroup but before _addChoice\n score: 0, // used in search\n rank: 0, // used in search, stable sort order\n value: choice.value,\n label: choice.label || choice.value,\n active: coerceBool(choice.active),\n selected: coerceBool(choice.selected, false),\n disabled: coerceBool(choice.disabled, false),\n placeholder: coerceBool(choice.placeholder, false),\n highlighted: false,\n labelClass: stringToHtmlClass(choice.labelClass),\n labelDescription: choice.labelDescription,\n customProperties: choice.customProperties,\n };\n return result;\n};\n\nvar isHtmlInputElement = function (e) { return e.tagName === 'INPUT'; };\nvar isHtmlSelectElement = function (e) { return e.tagName === 'SELECT'; };\nvar isHtmlOption = function (e) { return e.tagName === 'OPTION'; };\nvar isHtmlOptgroup = function (e) { return e.tagName === 'OPTGROUP'; };\n\nvar WrappedSelect = /** @class */ (function (_super) {\n __extends(WrappedSelect, _super);\n function WrappedSelect(_a) {\n var element = _a.element, classNames = _a.classNames, template = _a.template, extractPlaceholder = _a.extractPlaceholder;\n var _this = _super.call(this, { element: element, classNames: classNames }) || this;\n _this.template = template;\n _this.extractPlaceholder = extractPlaceholder;\n return _this;\n }\n Object.defineProperty(WrappedSelect.prototype, \"placeholderOption\", {\n get: function () {\n return (this.element.querySelector('option[value=\"\"]') ||\n // Backward compatibility layer for the non-standard placeholder attribute supported in older versions.\n this.element.querySelector('option[placeholder]'));\n },\n enumerable: false,\n configurable: true\n });\n WrappedSelect.prototype.addOptions = function (choices) {\n var _this = this;\n var fragment = document.createDocumentFragment();\n choices.forEach(function (obj) {\n var choice = obj;\n if (choice.element) {\n return;\n }\n var option = _this.template(choice);\n fragment.appendChild(option);\n choice.element = option;\n });\n this.element.appendChild(fragment);\n };\n WrappedSelect.prototype.optionsAsChoices = function () {\n var _this = this;\n var choices = [];\n this.element.querySelectorAll(':scope > option, :scope > optgroup').forEach(function (e) {\n if (isHtmlOption(e)) {\n choices.push(_this._optionToChoice(e));\n }\n else if (isHtmlOptgroup(e)) {\n choices.push(_this._optgroupToChoice(e));\n }\n // todo: hr as empty optgroup, requires displaying empty opt-groups to be useful\n });\n return choices;\n };\n // eslint-disable-next-line class-methods-use-this\n WrappedSelect.prototype._optionToChoice = function (option) {\n // option.value returns the label if there is no value attribute, which can break legacy placeholder attribute support\n if (!option.hasAttribute('value') && option.hasAttribute('placeholder')) {\n option.setAttribute('value', '');\n option.value = '';\n }\n return {\n id: 0,\n group: null,\n score: 0,\n rank: 0,\n value: option.value,\n // https://developer.mozilla.org/en-US/docs/Web/HTML/Element/option\n // This attribute is text for the label indicating the meaning of the option. If the `label` attribute isn't defined, its value is that of the element text content (ie `innerText`).\n label: option.label,\n element: option,\n active: true,\n // this returns true if nothing is selected on initial load, which will break placeholder support\n selected: this.extractPlaceholder ? option.selected : option.hasAttribute('selected'),\n disabled: option.disabled,\n highlighted: false,\n placeholder: this.extractPlaceholder && (!option.value || option.hasAttribute('placeholder')),\n labelClass: typeof option.dataset.labelClass !== 'undefined' ? stringToHtmlClass(option.dataset.labelClass) : undefined,\n labelDescription: typeof option.dataset.labelDescription !== 'undefined'\n ? { trusted: option.dataset.labelDescription }\n : undefined,\n customProperties: parseCustomProperties(option.dataset.customProperties),\n };\n };\n WrappedSelect.prototype._optgroupToChoice = function (optgroup) {\n var _this = this;\n var options = optgroup.querySelectorAll('option');\n var choices = Array.from(options).map(function (option) { return _this._optionToChoice(option); });\n return {\n id: 0,\n label: optgroup.label || '',\n element: optgroup,\n active: !!choices.length,\n disabled: optgroup.disabled,\n choices: choices,\n };\n };\n return WrappedSelect;\n}(WrappedElement));\n\nvar DEFAULT_CLASSNAMES = {\n containerOuter: ['choices'],\n containerInner: ['choices__inner'],\n input: ['choices__input'],\n inputCloned: ['choices__input--cloned'],\n list: ['choices__list'],\n listItems: ['choices__list--multiple'],\n listSingle: ['choices__list--single'],\n listDropdown: ['choices__list--dropdown'],\n item: ['choices__item'],\n itemSelectable: ['choices__item--selectable'],\n itemDisabled: ['choices__item--disabled'],\n itemChoice: ['choices__item--choice'],\n description: ['choices__description'],\n placeholder: ['choices__placeholder'],\n group: ['choices__group'],\n groupHeading: ['choices__heading'],\n button: ['choices__button'],\n activeState: ['is-active'],\n focusState: ['is-focused'],\n openState: ['is-open'],\n disabledState: ['is-disabled'],\n highlightedState: ['is-highlighted'],\n selectedState: ['is-selected'],\n flippedState: ['is-flipped'],\n loadingState: ['is-loading'],\n invalidState: ['is-invalid'],\n notice: ['choices__notice'],\n addChoice: ['choices__item--selectable', 'add-choice'],\n noResults: ['has-no-results'],\n noChoices: ['has-no-choices'],\n};\nvar DEFAULT_CONFIG = {\n items: [],\n choices: [],\n silent: false,\n renderChoiceLimit: -1,\n maxItemCount: -1,\n closeDropdownOnSelect: 'auto',\n singleModeForMultiSelect: false,\n addChoices: false,\n addItems: true,\n addItemFilter: function (value) { return !!value && value !== ''; },\n removeItems: true,\n removeItemButton: false,\n removeItemButtonAlignLeft: false,\n editItems: false,\n allowHTML: false,\n allowHtmlUserInput: false,\n duplicateItemsAllowed: true,\n delimiter: ',',\n paste: true,\n searchEnabled: true,\n searchChoices: true,\n searchDisabledChoices: false,\n searchFloor: 1,\n searchResultLimit: 4,\n searchFields: ['label', 'value'],\n position: 'auto',\n resetScrollPosition: true,\n shouldSort: true,\n shouldSortItems: false,\n sorter: sortByAlpha,\n shadowRoot: null,\n placeholder: true,\n placeholderValue: null,\n searchPlaceholderValue: null,\n prependValue: null,\n appendValue: null,\n renderSelectedChoices: 'auto',\n searchRenderSelectedChoices: true,\n loadingText: 'Loading...',\n noResultsText: 'No results found',\n noChoicesText: 'No choices to choose from',\n itemSelectText: 'Press to select',\n uniqueItemText: 'Only unique values can be added',\n customAddItemText: 'Only values matching specific conditions can be added',\n addItemText: function (value) { return \"Press Enter to add \\\"\".concat(value, \"\\\"\"); },\n removeItemIconText: function () { return \"Remove item\"; },\n removeItemLabelText: function (value, _valueRaw, i) {\n return \"Remove item: \".concat(i ? sanitise(i.label) : value);\n },\n maxItemText: function (maxItemCount) { return \"Only \".concat(maxItemCount, \" values can be added\"); },\n valueComparer: function (value1, value2) { return value1 === value2; },\n fuseOptions: {\n includeScore: true,\n },\n labelId: '',\n callbackOnInit: null,\n callbackOnCreateTemplates: null,\n classNames: DEFAULT_CLASSNAMES,\n appendGroupInSearch: false,\n};\n\nvar removeItem = function (item) {\n var itemEl = item.itemEl;\n if (itemEl) {\n itemEl.remove();\n item.itemEl = undefined;\n }\n};\nfunction items(s, action, context) {\n var state = s;\n var update = true;\n switch (action.type) {\n case ActionType.ADD_ITEM: {\n action.item.selected = true;\n var el = action.item.element;\n if (el) {\n el.selected = true;\n el.setAttribute('selected', '');\n }\n state.push(action.item);\n break;\n }\n case ActionType.REMOVE_ITEM: {\n action.item.selected = false;\n var el = action.item.element;\n if (el) {\n el.selected = false;\n el.removeAttribute('selected');\n // For a select-one, if all options are deselected, the first item is selected. To set a black value, select.value needs to be set\n var select = el.parentElement;\n if (select && isHtmlSelectElement(select) && select.type === PassedElementTypes.SelectOne) {\n select.value = '';\n }\n }\n // this is mixing concerns, but this is *so much faster*\n removeItem(action.item);\n state = state.filter(function (choice) { return choice.id !== action.item.id; });\n break;\n }\n case ActionType.REMOVE_CHOICE: {\n removeItem(action.choice);\n state = state.filter(function (item) { return item.id !== action.choice.id; });\n break;\n }\n case ActionType.HIGHLIGHT_ITEM: {\n var highlighted = action.highlighted;\n var item = state.find(function (obj) { return obj.id === action.item.id; });\n if (item && item.highlighted !== highlighted) {\n item.highlighted = highlighted;\n if (context) {\n updateClassList(item, highlighted ? context.classNames.highlightedState : context.classNames.selectedState, highlighted ? context.classNames.selectedState : context.classNames.highlightedState);\n }\n }\n break;\n }\n default: {\n update = false;\n break;\n }\n }\n return { state: state, update: update };\n}\n\nfunction groups(s, action) {\n var state = s;\n var update = true;\n switch (action.type) {\n case ActionType.ADD_GROUP: {\n state.push(action.group);\n break;\n }\n case ActionType.CLEAR_CHOICES: {\n state = [];\n break;\n }\n default: {\n update = false;\n break;\n }\n }\n return { state: state, update: update };\n}\n\n/* eslint-disable */\nfunction choices(s, action, context) {\n var state = s;\n var update = true;\n switch (action.type) {\n case ActionType.ADD_CHOICE: {\n state.push(action.choice);\n break;\n }\n case ActionType.REMOVE_CHOICE: {\n action.choice.choiceEl = undefined;\n if (action.choice.group) {\n action.choice.group.choices = action.choice.group.choices.filter(function (obj) { return obj.id !== action.choice.id; });\n }\n state = state.filter(function (obj) { return obj.id !== action.choice.id; });\n break;\n }\n case ActionType.ADD_ITEM:\n case ActionType.REMOVE_ITEM: {\n action.item.choiceEl = undefined;\n break;\n }\n case ActionType.FILTER_CHOICES: {\n // avoid O(n^2) algorithm complexity when searching/filtering choices\n var scoreLookup_1 = [];\n action.results.forEach(function (result) {\n scoreLookup_1[result.item.id] = result;\n });\n state.forEach(function (choice) {\n var result = scoreLookup_1[choice.id];\n if (result !== undefined) {\n choice.score = result.score;\n choice.rank = result.rank;\n choice.active = true;\n }\n else {\n choice.score = 0;\n choice.rank = 0;\n choice.active = false;\n }\n if (context && context.appendGroupInSearch) {\n choice.choiceEl = undefined;\n }\n });\n break;\n }\n case ActionType.ACTIVATE_CHOICES: {\n state.forEach(function (choice) {\n choice.active = action.active;\n if (context && context.appendGroupInSearch) {\n choice.choiceEl = undefined;\n }\n });\n break;\n }\n case ActionType.CLEAR_CHOICES: {\n state = [];\n break;\n }\n default: {\n update = false;\n break;\n }\n }\n return { state: state, update: update };\n}\n\nvar reducers = {\n groups: groups,\n items: items,\n choices: choices,\n};\nvar Store = /** @class */ (function () {\n function Store(context) {\n this._state = this.defaultState;\n this._listeners = [];\n this._txn = 0;\n this._context = context;\n }\n Object.defineProperty(Store.prototype, \"defaultState\", {\n // eslint-disable-next-line class-methods-use-this\n get: function () {\n return {\n groups: [],\n items: [],\n choices: [],\n };\n },\n enumerable: false,\n configurable: true\n });\n // eslint-disable-next-line class-methods-use-this\n Store.prototype.changeSet = function (init) {\n return {\n groups: init,\n items: init,\n choices: init,\n };\n };\n Store.prototype.reset = function () {\n this._state = this.defaultState;\n var changes = this.changeSet(true);\n if (this._txn) {\n this._changeSet = changes;\n }\n else {\n this._listeners.forEach(function (l) { return l(changes); });\n }\n };\n Store.prototype.subscribe = function (onChange) {\n this._listeners.push(onChange);\n return this;\n };\n Store.prototype.dispatch = function (action) {\n var _this = this;\n var state = this._state;\n var hasChanges = false;\n var changes = this._changeSet || this.changeSet(false);\n Object.keys(reducers).forEach(function (key) {\n var stateUpdate = reducers[key](state[key], action, _this._context);\n if (stateUpdate.update) {\n hasChanges = true;\n changes[key] = true;\n state[key] = stateUpdate.state;\n }\n });\n if (hasChanges) {\n if (this._txn) {\n this._changeSet = changes;\n }\n else {\n this._listeners.forEach(function (l) { return l(changes); });\n }\n }\n };\n Store.prototype.withTxn = function (func) {\n this._txn++;\n try {\n func();\n }\n finally {\n this._txn = Math.max(0, this._txn - 1);\n if (!this._txn) {\n var changeSet_1 = this._changeSet;\n if (changeSet_1) {\n this._changeSet = undefined;\n this._listeners.forEach(function (l) { return l(changeSet_1); });\n }\n }\n }\n };\n Object.defineProperty(Store.prototype, \"state\", {\n /**\n * Get store object\n */\n get: function () {\n return this._state;\n },\n enumerable: false,\n configurable: true\n });\n Object.defineProperty(Store.prototype, \"items\", {\n /**\n * Get items from store\n */\n get: function () {\n return this.state.items;\n },\n enumerable: false,\n configurable: true\n });\n Object.defineProperty(Store.prototype, \"highlightedActiveItems\", {\n /**\n * Get highlighted items from store\n */\n get: function () {\n return this.items.filter(function (item) { return item.active && item.highlighted; });\n },\n enumerable: false,\n configurable: true\n });\n Object.defineProperty(Store.prototype, \"choices\", {\n /**\n * Get choices from store\n */\n get: function () {\n return this.state.choices;\n },\n enumerable: false,\n configurable: true\n });\n Object.defineProperty(Store.prototype, \"activeChoices\", {\n /**\n * Get active choices from store\n */\n get: function () {\n return this.choices.filter(function (choice) { return choice.active; });\n },\n enumerable: false,\n configurable: true\n });\n Object.defineProperty(Store.prototype, \"searchableChoices\", {\n /**\n * Get choices that can be searched (excluding placeholders or disabled choices)\n */\n get: function () {\n var context = this._context;\n return this.choices.filter(function (choice) { return !choice.placeholder && (context.searchDisabledChoices || !choice.disabled); });\n },\n enumerable: false,\n configurable: true\n });\n Object.defineProperty(Store.prototype, \"groups\", {\n /**\n * Get groups from store\n */\n get: function () {\n return this.state.groups;\n },\n enumerable: false,\n configurable: true\n });\n Object.defineProperty(Store.prototype, \"activeGroups\", {\n /**\n * Get active groups from store\n */\n get: function () {\n var _this = this;\n return this.state.groups.filter(function (group) {\n var isActive = group.active && !group.disabled;\n var hasActiveOptions = _this.state.choices.some(function (choice) { return choice.active && !choice.disabled; });\n return isActive && hasActiveOptions;\n }, []);\n },\n enumerable: false,\n configurable: true\n });\n Store.prototype.inTxn = function () {\n return this._txn > 0;\n };\n /**\n * Get single choice by it's ID\n */\n Store.prototype.getChoiceById = function (id) {\n return this.activeChoices.find(function (choice) { return choice.id === id; });\n };\n /**\n * Get group by group id\n */\n Store.prototype.getGroupById = function (id) {\n return this.groups.find(function (group) { return group.id === id; });\n };\n return Store;\n}());\n\nvar NoticeTypes = {\n noChoices: 'no-choices',\n noResults: 'no-results',\n addChoice: 'add-choice',\n generic: '',\n};\n\nfunction _defineProperty(e, r, t) {\n return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {\n value: t,\n enumerable: true,\n configurable: true,\n writable: true\n }) : e[r] = t, e;\n}\nfunction ownKeys(e, r) {\n var t = Object.keys(e);\n if (Object.getOwnPropertySymbols) {\n var o = Object.getOwnPropertySymbols(e);\n r && (o = o.filter(function (r) {\n return Object.getOwnPropertyDescriptor(e, r).enumerable;\n })), t.push.apply(t, o);\n }\n return t;\n}\nfunction _objectSpread2(e) {\n for (var r = 1; r < arguments.length; r++) {\n var t = null != arguments[r] ? arguments[r] : {};\n r % 2 ? ownKeys(Object(t), true).forEach(function (r) {\n _defineProperty(e, r, t[r]);\n }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {\n Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));\n });\n }\n return e;\n}\nfunction _toPrimitive(t, r) {\n if (\"object\" != typeof t || !t) return t;\n var e = t[Symbol.toPrimitive];\n if (void 0 !== e) {\n var i = e.call(t, r);\n if (\"object\" != typeof i) return i;\n throw new TypeError(\"@@toPrimitive must return a primitive value.\");\n }\n return (\"string\" === r ? String : Number)(t);\n}\nfunction _toPropertyKey(t) {\n var i = _toPrimitive(t, \"string\");\n return \"symbol\" == typeof i ? i : i + \"\";\n}\n\n/**\n * Fuse.js v7.0.0 - Lightweight fuzzy-search (http://fusejs.io)\n *\n * Copyright (c) 2023 Kiro Risk (http://kiro.me)\n * All Rights Reserved. Apache Software License 2.0\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n */\n\nfunction isArray(value) {\n return !Array.isArray ? getTag(value) === '[object Array]' : Array.isArray(value);\n}\nfunction baseToString(value) {\n // Exit early for strings to avoid a performance hit in some environments.\n if (typeof value == 'string') {\n return value;\n }\n let result = value + '';\n return result == '0' && 1 / value == -Infinity ? '-0' : result;\n}\nfunction toString(value) {\n return value == null ? '' : baseToString(value);\n}\nfunction isString(value) {\n return typeof value === 'string';\n}\nfunction isNumber(value) {\n return typeof value === 'number';\n}\n\n// Adapted from: https://github.com/lodash/lodash/blob/master/isBoolean.js\nfunction isBoolean(value) {\n return value === true || value === false || isObjectLike(value) && getTag(value) == '[object Boolean]';\n}\nfunction isObject(value) {\n return typeof value === 'object';\n}\n\n// Checks if `value` is object-like.\nfunction isObjectLike(value) {\n return isObject(value) && value !== null;\n}\nfunction isDefined(value) {\n return value !== undefined && value !== null;\n}\nfunction isBlank(value) {\n return !value.trim().length;\n}\n\n// Gets the `toStringTag` of `value`.\n// Adapted from: https://github.com/lodash/lodash/blob/master/.internal/getTag.js\nfunction getTag(value) {\n return value == null ? value === undefined ? '[object Undefined]' : '[object Null]' : Object.prototype.toString.call(value);\n}\nconst INCORRECT_INDEX_TYPE = \"Incorrect 'index' type\";\nconst LOGICAL_SEARCH_INVALID_QUERY_FOR_KEY = key => `Invalid value for key ${key}`;\nconst PATTERN_LENGTH_TOO_LARGE = max => `Pattern length exceeds max of ${max}.`;\nconst MISSING_KEY_PROPERTY = name => `Missing ${name} property in key`;\nconst INVALID_KEY_WEIGHT_VALUE = key => `Property 'weight' in key '${key}' must be a positive integer`;\nconst hasOwn = Object.prototype.hasOwnProperty;\nclass KeyStore {\n constructor(keys) {\n this._keys = [];\n this._keyMap = {};\n let totalWeight = 0;\n keys.forEach(key => {\n let obj = createKey(key);\n this._keys.push(obj);\n this._keyMap[obj.id] = obj;\n totalWeight += obj.weight;\n });\n\n // Normalize weights so that their sum is equal to 1\n this._keys.forEach(key => {\n key.weight /= totalWeight;\n });\n }\n get(keyId) {\n return this._keyMap[keyId];\n }\n keys() {\n return this._keys;\n }\n toJSON() {\n return JSON.stringify(this._keys);\n }\n}\nfunction createKey(key) {\n let path = null;\n let id = null;\n let src = null;\n let weight = 1;\n let getFn = null;\n if (isString(key) || isArray(key)) {\n src = key;\n path = createKeyPath(key);\n id = createKeyId(key);\n } else {\n if (!hasOwn.call(key, 'name')) {\n throw new Error(MISSING_KEY_PROPERTY('name'));\n }\n const name = key.name;\n src = name;\n if (hasOwn.call(key, 'weight')) {\n weight = key.weight;\n if (weight <= 0) {\n throw new Error(INVALID_KEY_WEIGHT_VALUE(name));\n }\n }\n path = createKeyPath(name);\n id = createKeyId(name);\n getFn = key.getFn;\n }\n return {\n path,\n id,\n weight,\n src,\n getFn\n };\n}\nfunction createKeyPath(key) {\n return isArray(key) ? key : key.split('.');\n}\nfunction createKeyId(key) {\n return isArray(key) ? key.join('.') : key;\n}\nfunction get(obj, path) {\n let list = [];\n let arr = false;\n const deepGet = (obj, path, index) => {\n if (!isDefined(obj)) {\n return;\n }\n if (!path[index]) {\n // If there's no path left, we've arrived at the object we care about.\n list.push(obj);\n } else {\n let key = path[index];\n const value = obj[key];\n if (!isDefined(value)) {\n return;\n }\n\n // If we're at the last value in the path, and if it's a string/number/bool,\n // add it to the list\n if (index === path.length - 1 && (isString(value) || isNumber(value) || isBoolean(value))) {\n list.push(toString(value));\n } else if (isArray(value)) {\n arr = true;\n // Search each item in the array.\n for (let i = 0, len = value.length; i < len; i += 1) {\n deepGet(value[i], path, index + 1);\n }\n } else if (path.length) {\n // An object. Recurse further.\n deepGet(value, path, index + 1);\n }\n }\n };\n\n // Backwards compatibility (since path used to be a string)\n deepGet(obj, isString(path) ? path.split('.') : path, 0);\n return arr ? list : list[0];\n}\nconst MatchOptions = {\n // Whether the matches should be included in the result set. When `true`, each record in the result\n // set will include the indices of the matched characters.\n // These can consequently be used for highlighting purposes.\n includeMatches: false,\n // When `true`, the matching function will continue to the end of a search pattern even if\n // a perfect match has already been located in the string.\n findAllMatches: false,\n // Minimum number of characters that must be matched before a result is considered a match\n minMatchCharLength: 1\n};\nconst BasicOptions = {\n // When `true`, the algorithm continues searching to the end of the input even if a perfect\n // match is found before the end of the same input.\n isCaseSensitive: false,\n // When true, the matching function will continue to the end of a search pattern even if\n includeScore: false,\n // List of properties that will be searched. This also supports nested properties.\n keys: [],\n // Whether to sort the result list, by score\n shouldSort: true,\n // Default sort function: sort by ascending score, ascending index\n sortFn: (a, b) => a.score === b.score ? a.idx < b.idx ? -1 : 1 : a.score < b.score ? -1 : 1\n};\nconst FuzzyOptions = {\n // Approximately where in the text is the pattern expected to be found?\n location: 0,\n // At what point does the match algorithm give up. A threshold of '0.0' requires a perfect match\n // (of both letters and location), a threshold of '1.0' would match anything.\n threshold: 0.6,\n // Determines how close the match must be to the fuzzy location (specified above).\n // An exact letter match which is 'distance' characters away from the fuzzy location\n // would score as a complete mismatch. A distance of '0' requires the match be at\n // the exact location specified, a threshold of '1000' would require a perfect match\n // to be within 800 characters of the fuzzy location to be found using a 0.8 threshold.\n distance: 100\n};\nconst AdvancedOptions = {\n // When `true`, it enables the use of unix-like search commands\n useExtendedSearch: false,\n // The get function to use when fetching an object's properties.\n // The default will search nested paths *ie foo.bar.baz*\n getFn: get,\n // When `true`, search will ignore `location` and `distance`, so it won't matter\n // where in the string the pattern appears.\n // More info: https://fusejs.io/concepts/scoring-theory.html#fuzziness-score\n ignoreLocation: false,\n // When `true`, the calculation for the relevance score (used for sorting) will\n // ignore the field-length norm.\n // More info: https://fusejs.io/concepts/scoring-theory.html#field-length-norm\n ignoreFieldNorm: false,\n // The weight to determine how much field length norm effects scoring.\n fieldNormWeight: 1\n};\nvar Config = _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({}, BasicOptions), MatchOptions), FuzzyOptions), AdvancedOptions);\nconst SPACE = /[^ ]+/g;\n\n// Field-length norm: the shorter the field, the higher the weight.\n// Set to 3 decimals to reduce index size.\nfunction norm(weight = 1, mantissa = 3) {\n const cache = new Map();\n const m = Math.pow(10, mantissa);\n return {\n get(value) {\n const numTokens = value.match(SPACE).length;\n if (cache.has(numTokens)) {\n return cache.get(numTokens);\n }\n\n // Default function is 1/sqrt(x), weight makes that variable\n const norm = 1 / Math.pow(numTokens, 0.5 * weight);\n\n // In place of `toFixed(mantissa)`, for faster computation\n const n = parseFloat(Math.round(norm * m) / m);\n cache.set(numTokens, n);\n return n;\n },\n clear() {\n cache.clear();\n }\n };\n}\nclass FuseIndex {\n constructor({\n getFn = Config.getFn,\n fieldNormWeight = Config.fieldNormWeight\n } = {}) {\n this.norm = norm(fieldNormWeight, 3);\n this.getFn = getFn;\n this.isCreated = false;\n this.setIndexRecords();\n }\n setSources(docs = []) {\n this.docs = docs;\n }\n setIndexRecords(records = []) {\n this.records = records;\n }\n setKeys(keys = []) {\n this.keys = keys;\n this._keysMap = {};\n keys.forEach((key, idx) => {\n this._keysMap[key.id] = idx;\n });\n }\n create() {\n if (this.isCreated || !this.docs.length) {\n return;\n }\n this.isCreated = true;\n\n // List is Array\n \n ${country}\n ${currency}\n