` used for rendering\n */\n get templateElement() {\n if (this.firstElementChild === null) {\n const template = this.ownerDocument.createElement(\"template\");\n this.appendChild(template);\n return template\n } else if (this.firstElementChild instanceof HTMLTemplateElement) {\n return this.firstElementChild\n }\n this.#raise(\"first child element must be a element\");\n }\n\n /**\n * Gets the current action.\n */\n get action() {\n return this.getAttribute(\"action\")\n }\n\n /**\n * Gets the current target (an element ID) to which the result will\n * be rendered.\n */\n get target() {\n return this.getAttribute(\"target\")\n }\n\n /**\n * Gets the current \"targets\" selector (a CSS selector)\n */\n get targets() {\n return this.getAttribute(\"targets\")\n }\n\n /**\n * Reads the request-id attribute\n */\n get requestId() {\n return this.getAttribute(\"request-id\")\n }\n\n #raise(message) {\n throw new Error(`${this.description}: ${message}`)\n }\n\n get description() {\n return (this.outerHTML.match(/<[^>]+>/) ?? [])[0] ?? \"\"\n }\n\n get beforeRenderEvent() {\n return new CustomEvent(\"turbo:before-stream-render\", {\n bubbles: true,\n cancelable: true,\n detail: { newStream: this, render: StreamElement.renderElement }\n })\n }\n\n get targetElementsById() {\n const element = this.ownerDocument?.getElementById(this.target);\n\n if (element !== null) {\n return [element]\n } else {\n return []\n }\n }\n\n get targetElementsByQuery() {\n const elements = this.ownerDocument?.querySelectorAll(this.targets);\n\n if (elements.length !== 0) {\n return Array.prototype.slice.call(elements)\n } else {\n return []\n }\n }\n}\n\nclass StreamSourceElement extends HTMLElement {\n streamSource = null\n\n connectedCallback() {\n this.streamSource = this.src.match(/^ws{1,2}:/) ? new WebSocket(this.src) : new EventSource(this.src);\n\n connectStreamSource(this.streamSource);\n }\n\n disconnectedCallback() {\n if (this.streamSource) {\n this.streamSource.close();\n\n disconnectStreamSource(this.streamSource);\n }\n }\n\n get src() {\n return this.getAttribute(\"src\") || \"\"\n }\n}\n\nFrameElement.delegateConstructor = FrameController;\n\nif (customElements.get(\"turbo-frame\") === undefined) {\n customElements.define(\"turbo-frame\", FrameElement);\n}\n\nif (customElements.get(\"turbo-stream\") === undefined) {\n customElements.define(\"turbo-stream\", StreamElement);\n}\n\nif (customElements.get(\"turbo-stream-source\") === undefined) {\n customElements.define(\"turbo-stream-source\", StreamSourceElement);\n}\n\n(() => {\n let element = document.currentScript;\n if (!element) return\n if (element.hasAttribute(\"data-turbo-suppress-warning\")) return\n\n element = element.parentElement;\n while (element) {\n if (element == document.body) {\n return console.warn(\n unindent`\n You are loading Turbo from a \n","\n \n
\n \n {{ block.title }}: {{ counts[block.slug] }} \n \n \n \n {{ attribute.title }}: \n {{ summaryData[attribute.slug] }} \n \n \n \n\n\n","\n \n
\n {{ $t(\"modals.ticket_approval.\" + approvalType + \"_confirmation\") }}\n
\n\n
\n \n \n
\n\n\n","\n \n
\n It has not been possible to execute the operation correct. \n {{ actionButton.label }}\n
\n \n \n \n \n\n\n","\n \n \n \n \n
\n {{ $t(\"modals.ticket_approval.approve_extraction_values\") }}\n \n \n \n \n \n \n
\n \n \n \n \n \n\n\n","\n \n\n\n\n\n","import { createApp } from \"vue\"\nimport { useTranslations } from \"../shared/useTranslations\"\nimport AttributeExtractionTicketApprovalModal from \"./App.vue\"\n\nexport default function setup() {\n const modalElement = document.getElementById(\"attributes-extraction-ticket-approval-modal\")\n\n if (!modalElement) {\n return\n }\n\n const app = createApp(AttributeExtractionTicketApprovalModal, { domElement: modalElement })\n useTranslations(app)\n\n app.mount(modalElement)\n}\n","\n \n {{ t(\"modals.attributes_extraction_confirmation.\" + labelString) }} \n\n \n
\n \n \n {{ targetString }} \n \n\n\n","import { openBlock, createBlock, withKeys, withModifiers, renderSlot, createVNode, withDirectives, Fragment, renderList, toDisplayString, vShow, createCommentVNode, Transition, withCtx, createTextVNode } from 'vue';\n\nfunction isEmpty (opt) {\n if (opt === 0) return false\n if (Array.isArray(opt) && opt.length === 0) return true\n return !opt\n}\n\nfunction not (fun) {\n return (...params) => !fun(...params)\n}\n\nfunction includes (str, query) {\n /* istanbul ignore else */\n if (str === undefined) str = 'undefined';\n if (str === null) str = 'null';\n if (str === false) str = 'false';\n const text = str.toString().toLowerCase();\n return text.indexOf(query.trim()) !== -1\n}\n\nfunction filterOptions (options, search, label, customLabel) {\n return search ? options\n .filter((option) => includes(customLabel(option, label), search))\n .sort((a, b) => customLabel(a, label).length - customLabel(b, label).length) : options\n}\n\nfunction stripGroups (options) {\n return options.filter((option) => !option.$isLabel)\n}\n\nfunction flattenOptions (values, label) {\n return (options) =>\n options.reduce((prev, curr) => {\n /* istanbul ignore else */\n if (curr[values] && curr[values].length) {\n prev.push({\n $groupLabel: curr[label],\n $isLabel: true\n });\n return prev.concat(curr[values])\n }\n return prev\n }, [])\n}\n\nfunction filterGroups (search, label, values, groupLabel, customLabel) {\n return (groups) =>\n groups.map((group) => {\n /* istanbul ignore else */\n if (!group[values]) {\n console.warn(`Options passed to vue-multiselect do not contain groups, despite the config.`);\n return []\n }\n const groupOptions = filterOptions(group[values], search, label, customLabel);\n\n return groupOptions.length\n ? {\n [groupLabel]: group[groupLabel],\n [values]: groupOptions\n }\n : []\n })\n}\n\nconst flow = (...fns) => (x) => fns.reduce((v, f) => f(v), x);\n\nvar multiselectMixin = {\n data () {\n return {\n search: '',\n isOpen: false,\n preferredOpenDirection: 'below',\n optimizedHeight: this.maxHeight\n }\n },\n props: {\n /**\n * Decide whether to filter the results based on search query.\n * Useful for async filtering, where we search through more complex data.\n * @type {Boolean}\n */\n internalSearch: {\n type: Boolean,\n default: true\n },\n /**\n * Array of available options: Objects, Strings or Integers.\n * If array of objects, visible label will default to option.label.\n * If `labal` prop is passed, label will equal option['label']\n * @type {Array}\n */\n options: {\n type: Array,\n required: true\n },\n /**\n * Equivalent to the `multiple` attribute on a `` input.\n * @default false\n * @type {Boolean}\n */\n multiple: {\n type: Boolean,\n default: false\n },\n /**\n * Key to compare objects\n * @default 'id'\n * @type {String}\n */\n trackBy: {\n type: String\n },\n /**\n * Label to look for in option Object\n * @default 'label'\n * @type {String}\n */\n label: {\n type: String\n },\n /**\n * Enable/disable search in options\n * @default true\n * @type {Boolean}\n */\n searchable: {\n type: Boolean,\n default: true\n },\n /**\n * Clear the search input after `)\n * @default true\n * @type {Boolean}\n */\n clearOnSelect: {\n type: Boolean,\n default: true\n },\n /**\n * Hide already selected options\n * @default false\n * @type {Boolean}\n */\n hideSelected: {\n type: Boolean,\n default: false\n },\n /**\n * Equivalent to the `placeholder` attribute on a `` input.\n * @default 'Select option'\n * @type {String}\n */\n placeholder: {\n type: String,\n default: 'Select option'\n },\n /**\n * Allow to remove all selected values\n * @default true\n * @type {Boolean}\n */\n allowEmpty: {\n type: Boolean,\n default: true\n },\n /**\n * Reset this.internalValue, this.search after this.internalValue changes.\n * Useful if want to create a stateless dropdown.\n * @default false\n * @type {Boolean}\n */\n resetAfter: {\n type: Boolean,\n default: false\n },\n /**\n * Enable/disable closing after selecting an option\n * @default true\n * @type {Boolean}\n */\n closeOnSelect: {\n type: Boolean,\n default: true\n },\n /**\n * Function to interpolate the custom label\n * @default false\n * @type {Function}\n */\n customLabel: {\n type: Function,\n default (option, label) {\n if (isEmpty(option)) return ''\n return label ? option[label] : option\n }\n },\n /**\n * Disable / Enable tagging\n * @default false\n * @type {Boolean}\n */\n taggable: {\n type: Boolean,\n default: false\n },\n /**\n * String to show when highlighting a potential tag\n * @default 'Press enter to create a tag'\n * @type {String}\n */\n tagPlaceholder: {\n type: String,\n default: 'Press enter to create a tag'\n },\n /**\n * By default new tags will appear above the search results.\n * Changing to 'bottom' will revert this behaviour\n * and will proritize the search results\n * @default 'top'\n * @type {String}\n */\n tagPosition: {\n type: String,\n default: 'top'\n },\n /**\n * Number of allowed selected options. No limit if 0.\n * @default 0\n * @type {Number}\n */\n max: {\n type: [Number, Boolean],\n default: false\n },\n /**\n * Will be passed with all events as second param.\n * Useful for identifying events origin.\n * @default null\n * @type {String|Integer}\n */\n id: {\n default: null\n },\n /**\n * Limits the options displayed in the dropdown\n * to the first X options.\n * @default 1000\n * @type {Integer}\n */\n optionsLimit: {\n type: Number,\n default: 1000\n },\n /**\n * Name of the property containing\n * the group values\n * @default 1000\n * @type {String}\n */\n groupValues: {\n type: String\n },\n /**\n * Name of the property containing\n * the group label\n * @default 1000\n * @type {String}\n */\n groupLabel: {\n type: String\n },\n /**\n * Allow to select all group values\n * by selecting the group label\n * @default false\n * @type {Boolean}\n */\n groupSelect: {\n type: Boolean,\n default: false\n },\n /**\n * Array of keyboard keys to block\n * when selecting\n * @default 1000\n * @type {String}\n */\n blockKeys: {\n type: Array,\n default () {\n return []\n }\n },\n /**\n * Prevent from wiping up the search value\n * @default false\n * @type {Boolean}\n */\n preserveSearch: {\n type: Boolean,\n default: false\n },\n /**\n * Select 1st options if value is empty\n * @default false\n * @type {Boolean}\n */\n preselectFirst: {\n type: Boolean,\n default: false\n },\n /**\n * Prevent autofocus\n * @default false\n * @type {Boolean}\n */\n preventAutofocus: {\n type: Boolean,\n default: false\n }\n },\n mounted () {\n /* istanbul ignore else */\n if (!this.multiple && this.max) {\n console.warn('[Vue-Multiselect warn]: Max prop should not be used when prop Multiple equals false.');\n }\n if (\n this.preselectFirst &&\n !this.internalValue.length &&\n this.options.length\n ) {\n this.select(this.filteredOptions[0]);\n }\n },\n computed: {\n internalValue () {\n return this.modelValue || this.modelValue === 0\n ? Array.isArray(this.modelValue) ? this.modelValue : [this.modelValue]\n : []\n },\n filteredOptions () {\n const search = this.search || '';\n const normalizedSearch = search.toLowerCase().trim();\n\n let options = this.options.concat();\n\n /* istanbul ignore else */\n if (this.internalSearch) {\n options = this.groupValues\n ? this.filterAndFlat(options, normalizedSearch, this.label)\n : filterOptions(options, normalizedSearch, this.label, this.customLabel);\n } else {\n options = this.groupValues ? flattenOptions(this.groupValues, this.groupLabel)(options) : options;\n }\n\n options = this.hideSelected\n ? options.filter(not(this.isSelected))\n : options;\n\n /* istanbul ignore else */\n if (this.taggable && normalizedSearch.length && !this.isExistingOption(normalizedSearch)) {\n if (this.tagPosition === 'bottom') {\n options.push({isTag: true, label: search});\n } else {\n options.unshift({isTag: true, label: search});\n }\n }\n\n return options.slice(0, this.optionsLimit)\n },\n valueKeys () {\n if (this.trackBy) {\n return this.internalValue.map((element) => element[this.trackBy])\n } else {\n return this.internalValue\n }\n },\n optionKeys () {\n const options = this.groupValues ? this.flatAndStrip(this.options) : this.options;\n return options.map((element) => this.customLabel(element, this.label).toString().toLowerCase())\n },\n currentOptionLabel () {\n return this.multiple\n ? this.searchable ? '' : this.placeholder\n : this.internalValue.length\n ? this.getOptionLabel(this.internalValue[0])\n : this.searchable ? '' : this.placeholder\n }\n },\n watch: {\n internalValue: {\n handler () {\n /* istanbul ignore else */\n if (this.resetAfter && this.internalValue.length) {\n this.search = '';\n this.$emit('update:modelValue', this.multiple ? [] : null);\n }\n },\n deep: true\n },\n search () {\n this.$emit('search-change', this.search);\n }\n },\n emits: ['open', 'search-change', 'close', 'select', 'update:modelValue', 'remove', 'tag'],\n methods: {\n /**\n * Returns the internalValue in a way it can be emited to the parent\n * @returns {Object||Array||String||Integer}\n */\n getValue () {\n return this.multiple\n ? this.internalValue\n : this.internalValue.length === 0\n ? null\n : this.internalValue[0]\n },\n /**\n * Filters and then flattens the options list\n * @param {Array}\n * @return {Array} returns a filtered and flat options list\n */\n filterAndFlat (options, search, label) {\n return flow(\n filterGroups(search, label, this.groupValues, this.groupLabel, this.customLabel),\n flattenOptions(this.groupValues, this.groupLabel)\n )(options)\n },\n /**\n * Flattens and then strips the group labels from the options list\n * @param {Array}\n * @return {Array} returns a flat options list without group labels\n */\n flatAndStrip (options) {\n return flow(\n flattenOptions(this.groupValues, this.groupLabel),\n stripGroups\n )(options)\n },\n /**\n * Updates the search value\n * @param {String}\n */\n updateSearch (query) {\n this.search = query;\n },\n /**\n * Finds out if the given query is already present\n * in the available options\n * @param {String}\n * @return {Boolean} returns true if element is available\n */\n isExistingOption (query) {\n return !this.options\n ? false\n : this.optionKeys.indexOf(query) > -1\n },\n /**\n * Finds out if the given element is already present\n * in the result value\n * @param {Object||String||Integer} option passed element to check\n * @returns {Boolean} returns true if element is selected\n */\n isSelected (option) {\n const opt = this.trackBy\n ? option[this.trackBy]\n : option;\n return this.valueKeys.indexOf(opt) > -1\n },\n /**\n * Finds out if the given option is disabled\n * @param {Object||String||Integer} option passed element to check\n * @returns {Boolean} returns true if element is disabled\n */\n isOptionDisabled (option) {\n return !!option.$isDisabled\n },\n /**\n * Returns empty string when options is null/undefined\n * Returns tag query if option is tag.\n * Returns the customLabel() results and casts it to string.\n *\n * @param {Object||String||Integer} Passed option\n * @returns {Object||String}\n */\n getOptionLabel (option) {\n if (isEmpty(option)) return ''\n /* istanbul ignore else */\n if (option.isTag) return option.label\n /* istanbul ignore else */\n if (option.$isLabel) return option.$groupLabel\n\n const label = this.customLabel(option, this.label);\n /* istanbul ignore else */\n if (isEmpty(label)) return ''\n return label\n },\n /**\n * Add the given option to the list of selected options\n * or sets the option as the selected option.\n * If option is already selected -> remove it from the results.\n *\n * @param {Object||String||Integer} option to select/deselect\n * @param {Boolean} block removing\n */\n select (option, key) {\n /* istanbul ignore else */\n if (option.$isLabel && this.groupSelect) {\n this.selectGroup(option);\n return\n }\n if (this.blockKeys.indexOf(key) !== -1 ||\n this.disabled ||\n option.$isDisabled ||\n option.$isLabel\n ) return\n /* istanbul ignore else */\n if (this.max && this.multiple && this.internalValue.length === this.max) return\n /* istanbul ignore else */\n if (key === 'Tab' && !this.pointerDirty) return\n if (option.isTag) {\n this.$emit('tag', option.label, this.id);\n this.search = '';\n if (this.closeOnSelect && !this.multiple) this.deactivate();\n } else {\n const isSelected = this.isSelected(option);\n\n if (isSelected) {\n if (key !== 'Tab') this.removeElement(option);\n return\n }\n\n if (this.multiple) {\n this.$emit('update:modelValue', this.internalValue.concat([option]));\n } else {\n this.$emit('update:modelValue', option);\n }\n\n this.$emit('select', option, this.id);\n\n /* istanbul ignore else */\n if (this.clearOnSelect) this.search = '';\n }\n /* istanbul ignore else */\n if (this.closeOnSelect) this.deactivate();\n },\n /**\n * Add the given group options to the list of selected options\n * If all group optiona are already selected -> remove it from the results.\n *\n * @param {Object||String||Integer} group to select/deselect\n */\n selectGroup (selectedGroup) {\n const group = this.options.find((option) => {\n return option[this.groupLabel] === selectedGroup.$groupLabel\n });\n\n if (!group) return\n\n if (this.wholeGroupSelected(group)) {\n this.$emit('remove', group[this.groupValues], this.id);\n\n const groupValues = this.trackBy ? group[this.groupValues].map(val => val[this.trackBy]) : group[this.groupValues];\n const newValue = this.internalValue.filter(\n option => groupValues.indexOf(this.trackBy ? option[this.trackBy] : option) === -1\n );\n\n this.$emit('update:modelValue', newValue);\n } else {\n let optionsToAdd = group[this.groupValues].filter(\n option => !(this.isOptionDisabled(option) || this.isSelected(option))\n );\n\n // if max is defined then just select options respecting max\n if (this.max) {\n optionsToAdd.splice(this.max - this.internalValue.length);\n }\n\n this.$emit('select', optionsToAdd, this.id);\n this.$emit(\n 'update:modelValue',\n this.internalValue.concat(optionsToAdd)\n );\n }\n\n if (this.closeOnSelect) this.deactivate();\n },\n /**\n * Helper to identify if all values in a group are selected\n *\n * @param {Object} group to validated selected values against\n */\n wholeGroupSelected (group) {\n return group[this.groupValues].every((option) => this.isSelected(option) || this.isOptionDisabled(option)\n )\n },\n /**\n * Helper to identify if all values in a group are disabled\n *\n * @param {Object} group to check for disabled values\n */\n wholeGroupDisabled (group) {\n return group[this.groupValues].every(this.isOptionDisabled)\n },\n /**\n * Removes the given option from the selected options.\n * Additionally checks this.allowEmpty prop if option can be removed when\n * it is the last selected option.\n *\n * @param {type} option description\n * @return {type} description\n */\n removeElement (option, shouldClose = true) {\n /* istanbul ignore else */\n if (this.disabled) return\n /* istanbul ignore else */\n if (option.$isDisabled) return\n /* istanbul ignore else */\n if (!this.allowEmpty && this.internalValue.length <= 1) {\n this.deactivate();\n return\n }\n\n const index = typeof option === 'object'\n ? this.valueKeys.indexOf(option[this.trackBy])\n : this.valueKeys.indexOf(option);\n\n if (this.multiple) {\n const newValue = this.internalValue.slice(0, index).concat(this.internalValue.slice(index + 1));\n this.$emit('update:modelValue', newValue);\n } else {\n this.$emit('update:modelValue', null);\n }\n this.$emit('remove', option, this.id);\n\n /* istanbul ignore else */\n if (this.closeOnSelect && shouldClose) this.deactivate();\n },\n /**\n * Calls this.removeElement() with the last element\n * from this.internalValue (selected element Array)\n *\n * @fires this#removeElement\n */\n removeLastElement () {\n /* istanbul ignore else */\n if (this.blockKeys.indexOf('Delete') !== -1) return\n /* istanbul ignore else */\n if (this.search.length === 0 && Array.isArray(this.internalValue) && this.internalValue.length) {\n this.removeElement(this.internalValue[this.internalValue.length - 1], false);\n }\n },\n /**\n * Opens the multiselect’s dropdown.\n * Sets this.isOpen to TRUE\n */\n activate () {\n /* istanbul ignore else */\n if (this.isOpen || this.disabled) return\n\n this.adjustPosition();\n /* istanbul ignore else */\n if (this.groupValues && this.pointer === 0 && this.filteredOptions.length) {\n this.pointer = 1;\n }\n\n this.isOpen = true;\n /* istanbul ignore else */\n if (this.searchable) {\n if (!this.preserveSearch) this.search = '';\n if (!this.preventAutofocus) this.$nextTick(() => this.$refs.search && this.$refs.search.focus());\n } else if (!this.preventAutofocus) {\n if (typeof this.$el !== 'undefined') this.$el.focus();\n }\n this.$emit('open', this.id);\n },\n /**\n * Closes the multiselect’s dropdown.\n * Sets this.isOpen to FALSE\n */\n deactivate () {\n /* istanbul ignore else */\n if (!this.isOpen) return\n\n this.isOpen = false;\n /* istanbul ignore else */\n if (this.searchable) {\n if (this.$refs.search !== null && typeof this.$refs.search !== 'undefined') this.$refs.search.blur();\n } else {\n if (typeof this.$el !== 'undefined') this.$el.blur();\n }\n if (!this.preserveSearch) this.search = '';\n this.$emit('close', this.getValue(), this.id);\n },\n /**\n * Call this.activate() or this.deactivate()\n * depending on this.isOpen value.\n *\n * @fires this#activate || this#deactivate\n * @property {Boolean} isOpen indicates if dropdown is open\n */\n toggle () {\n this.isOpen\n ? this.deactivate()\n : this.activate();\n },\n /**\n * Updates the hasEnoughSpace variable used for\n * detecting where to expand the dropdown\n */\n adjustPosition () {\n if (typeof window === 'undefined') return\n\n const spaceAbove = this.$el.getBoundingClientRect().top;\n const spaceBelow = window.innerHeight - this.$el.getBoundingClientRect().bottom;\n const hasEnoughSpaceBelow = spaceBelow > this.maxHeight;\n\n if (hasEnoughSpaceBelow || spaceBelow > spaceAbove || this.openDirection === 'below' || this.openDirection === 'bottom') {\n this.preferredOpenDirection = 'below';\n this.optimizedHeight = Math.min(spaceBelow - 40, this.maxHeight);\n } else {\n this.preferredOpenDirection = 'above';\n this.optimizedHeight = Math.min(spaceAbove - 40, this.maxHeight);\n }\n }\n }\n};\n\nvar pointerMixin = {\n data () {\n return {\n pointer: 0,\n pointerDirty: false\n }\n },\n props: {\n /**\n * Enable/disable highlighting of the pointed value.\n * @type {Boolean}\n * @default true\n */\n showPointer: {\n type: Boolean,\n default: true\n },\n optionHeight: {\n type: Number,\n default: 40\n }\n },\n computed: {\n pointerPosition () {\n return this.pointer * this.optionHeight\n },\n visibleElements () {\n return this.optimizedHeight / this.optionHeight\n }\n },\n watch: {\n filteredOptions () {\n this.pointerAdjust();\n },\n isOpen () {\n this.pointerDirty = false;\n },\n pointer () {\n this.$refs.search && this.$refs.search.setAttribute('aria-activedescendant', this.id + '-' + this.pointer.toString());\n }\n },\n methods: {\n optionHighlight (index, option) {\n return {\n 'multiselect__option--highlight': index === this.pointer && this.showPointer,\n 'multiselect__option--selected': this.isSelected(option)\n }\n },\n groupHighlight (index, selectedGroup) {\n if (!this.groupSelect) {\n return [\n 'multiselect__option--disabled',\n {'multiselect__option--group': selectedGroup.$isLabel}\n ]\n }\n\n const group = this.options.find((option) => {\n return option[this.groupLabel] === selectedGroup.$groupLabel\n });\n\n return group && !this.wholeGroupDisabled(group) ? [\n 'multiselect__option--group',\n {'multiselect__option--highlight': index === this.pointer && this.showPointer},\n {'multiselect__option--group-selected': this.wholeGroupSelected(group)}\n ] : 'multiselect__option--disabled'\n },\n addPointerElement ({key} = 'Enter') {\n /* istanbul ignore else */\n if (this.filteredOptions.length > 0) {\n this.select(this.filteredOptions[this.pointer], key);\n }\n this.pointerReset();\n },\n pointerForward () {\n /* istanbul ignore else */\n if (this.pointer < this.filteredOptions.length - 1) {\n this.pointer++;\n /* istanbul ignore next */\n if (this.$refs.list.scrollTop <= this.pointerPosition - (this.visibleElements - 1) * this.optionHeight) {\n this.$refs.list.scrollTop = this.pointerPosition - (this.visibleElements - 1) * this.optionHeight;\n }\n /* istanbul ignore else */\n if (\n this.filteredOptions[this.pointer] &&\n this.filteredOptions[this.pointer].$isLabel &&\n !this.groupSelect\n ) this.pointerForward();\n }\n this.pointerDirty = true;\n },\n pointerBackward () {\n if (this.pointer > 0) {\n this.pointer--;\n /* istanbul ignore else */\n if (this.$refs.list.scrollTop >= this.pointerPosition) {\n this.$refs.list.scrollTop = this.pointerPosition;\n }\n /* istanbul ignore else */\n if (\n this.filteredOptions[this.pointer] &&\n this.filteredOptions[this.pointer].$isLabel &&\n !this.groupSelect\n ) this.pointerBackward();\n } else {\n /* istanbul ignore else */\n if (\n this.filteredOptions[this.pointer] &&\n this.filteredOptions[0].$isLabel &&\n !this.groupSelect\n ) this.pointerForward();\n }\n this.pointerDirty = true;\n },\n pointerReset () {\n /* istanbul ignore else */\n if (!this.closeOnSelect) return\n this.pointer = 0;\n /* istanbul ignore else */\n if (this.$refs.list) {\n this.$refs.list.scrollTop = 0;\n }\n },\n pointerAdjust () {\n /* istanbul ignore else */\n if (this.pointer >= this.filteredOptions.length - 1) {\n this.pointer = this.filteredOptions.length\n ? this.filteredOptions.length - 1\n : 0;\n }\n\n if (this.filteredOptions.length > 0 &&\n this.filteredOptions[this.pointer].$isLabel &&\n !this.groupSelect\n ) {\n this.pointerForward();\n }\n },\n pointerSet (index) {\n this.pointer = index;\n this.pointerDirty = true;\n }\n }\n};\n\nvar script = {\n name: 'vue-multiselect',\n mixins: [multiselectMixin, pointerMixin],\n compatConfig: {\n MODE: 3,\n ATTR_ENUMERATED_COERCION: false\n },\n props: {\n /**\n * name attribute to match optional label element\n * @default ''\n * @type {String}\n */\n name: {\n type: String,\n default: ''\n },\n /**\n * Presets the selected options value.\n * @type {Object||Array||String||Integer}\n */\n modelValue: {\n type: null,\n default () {\n return []\n }\n },\n /**\n * String to show when pointing to an option\n * @default 'Press enter to select'\n * @type {String}\n */\n selectLabel: {\n type: String,\n default: 'Press enter to select'\n },\n /**\n * String to show when pointing to an option\n * @default 'Press enter to select'\n * @type {String}\n */\n selectGroupLabel: {\n type: String,\n default: 'Press enter to select group'\n },\n /**\n * String to show next to selected option\n * @default 'Selected'\n * @type {String}\n */\n selectedLabel: {\n type: String,\n default: 'Selected'\n },\n /**\n * String to show when pointing to an already selected option\n * @default 'Press enter to remove'\n * @type {String}\n */\n deselectLabel: {\n type: String,\n default: 'Press enter to remove'\n },\n /**\n * String to show when pointing to an already selected option\n * @default 'Press enter to remove'\n * @type {String}\n */\n deselectGroupLabel: {\n type: String,\n default: 'Press enter to deselect group'\n },\n /**\n * Decide whether to show pointer labels\n * @default true\n * @type {Boolean}\n */\n showLabels: {\n type: Boolean,\n default: true\n },\n /**\n * Limit the display of selected options. The rest will be hidden within the limitText string.\n * @default 99999\n * @type {Integer}\n */\n limit: {\n type: Number,\n default: 99999\n },\n /**\n * Sets maxHeight style value of the dropdown\n * @default 300\n * @type {Integer}\n */\n maxHeight: {\n type: Number,\n default: 300\n },\n /**\n * Function that process the message shown when selected\n * elements pass the defined limit.\n * @default 'and * more'\n * @param {Int} count Number of elements more than limit\n * @type {Function}\n */\n limitText: {\n type: Function,\n default: (count) => `and ${count} more`\n },\n /**\n * Set true to trigger the loading spinner.\n * @default False\n * @type {Boolean}\n */\n loading: {\n type: Boolean,\n default: false\n },\n /**\n * Disables the multiselect if true.\n * @default false\n * @type {Boolean}\n */\n disabled: {\n type: Boolean,\n default: false\n },\n /**\n * Fixed opening direction\n * @default ''\n * @type {String}\n */\n openDirection: {\n type: String,\n default: ''\n },\n /**\n * Shows slot with message about empty options\n * @default true\n * @type {Boolean}\n */\n showNoOptions: {\n type: Boolean,\n default: true\n },\n showNoResults: {\n type: Boolean,\n default: true\n },\n tabindex: {\n type: Number,\n default: 0\n }\n },\n computed: {\n hasOptionGroup () {\n return this.groupValues && this.groupLabel && this.groupSelect\n },\n isSingleLabelVisible () {\n return (\n (this.singleValue || this.singleValue === 0) &&\n (!this.isOpen || !this.searchable) &&\n !this.visibleValues.length\n )\n },\n isPlaceholderVisible () {\n return !this.internalValue.length && (!this.searchable || !this.isOpen)\n },\n visibleValues () {\n return this.multiple ? this.internalValue.slice(0, this.limit) : []\n },\n singleValue () {\n return this.internalValue[0]\n },\n deselectLabelText () {\n return this.showLabels ? this.deselectLabel : ''\n },\n deselectGroupLabelText () {\n return this.showLabels ? this.deselectGroupLabel : ''\n },\n selectLabelText () {\n return this.showLabels ? this.selectLabel : ''\n },\n selectGroupLabelText () {\n return this.showLabels ? this.selectGroupLabel : ''\n },\n selectedLabelText () {\n return this.showLabels ? this.selectedLabel : ''\n },\n inputStyle () {\n if (\n this.searchable ||\n (this.multiple && this.modelValue && this.modelValue.length)\n ) {\n // Hide input by setting the width to 0 allowing it to receive focus\n return this.isOpen\n ? {width: '100%'}\n : {width: '0', position: 'absolute', padding: '0'}\n }\n return ''\n },\n contentStyle () {\n return this.options.length\n ? {display: 'inline-block'}\n : {display: 'block'}\n },\n isAbove () {\n if (this.openDirection === 'above' || this.openDirection === 'top') {\n return true\n } else if (\n this.openDirection === 'below' ||\n this.openDirection === 'bottom'\n ) {\n return false\n } else {\n return this.preferredOpenDirection === 'above'\n }\n },\n showSearchInput () {\n return (\n this.searchable &&\n (this.hasSingleSelectedSlot &&\n (this.visibleSingleValue || this.visibleSingleValue === 0)\n ? this.isOpen\n : true)\n )\n }\n }\n};\n\nconst _hoisted_1 = {\n ref: \"tags\",\n class: \"multiselect__tags\"\n};\nconst _hoisted_2 = { class: \"multiselect__tags-wrap\" };\nconst _hoisted_3 = { class: \"multiselect__spinner\" };\nconst _hoisted_4 = { key: 0 };\nconst _hoisted_5 = { class: \"multiselect__option\" };\nconst _hoisted_6 = { class: \"multiselect__option\" };\nconst _hoisted_7 = /*#__PURE__*/createTextVNode(\"No elements found. Consider changing the search query.\");\nconst _hoisted_8 = { class: \"multiselect__option\" };\nconst _hoisted_9 = /*#__PURE__*/createTextVNode(\"List is empty.\");\n\nfunction render(_ctx, _cache, $props, $setup, $data, $options) {\n return (openBlock(), createBlock(\"div\", {\n tabindex: _ctx.searchable ? -1 : $props.tabindex,\n class: [{ 'multiselect--active': _ctx.isOpen, 'multiselect--disabled': $props.disabled, 'multiselect--above': $options.isAbove, 'multiselect--has-options-group': $options.hasOptionGroup }, \"multiselect\"],\n onFocus: _cache[14] || (_cache[14] = $event => (_ctx.activate())),\n onBlur: _cache[15] || (_cache[15] = $event => (_ctx.searchable ? false : _ctx.deactivate())),\n onKeydown: [\n _cache[16] || (_cache[16] = withKeys(withModifiers($event => (_ctx.pointerForward()), [\"self\",\"prevent\"]), [\"down\"])),\n _cache[17] || (_cache[17] = withKeys(withModifiers($event => (_ctx.pointerBackward()), [\"self\",\"prevent\"]), [\"up\"]))\n ],\n onKeypress: _cache[18] || (_cache[18] = withKeys(withModifiers($event => (_ctx.addPointerElement($event)), [\"stop\",\"self\"]), [\"enter\",\"tab\"])),\n onKeyup: _cache[19] || (_cache[19] = withKeys($event => (_ctx.deactivate()), [\"esc\"])),\n role: \"combobox\",\n \"aria-owns\": 'listbox-'+_ctx.id\n }, [\n renderSlot(_ctx.$slots, \"caret\", { toggle: _ctx.toggle }, () => [\n createVNode(\"div\", {\n onMousedown: _cache[1] || (_cache[1] = withModifiers($event => (_ctx.toggle()), [\"prevent\",\"stop\"])),\n class: \"multiselect__select\"\n }, null, 32 /* HYDRATE_EVENTS */)\n ]),\n renderSlot(_ctx.$slots, \"clear\", { search: _ctx.search }),\n createVNode(\"div\", _hoisted_1, [\n renderSlot(_ctx.$slots, \"selection\", {\n search: _ctx.search,\n remove: _ctx.removeElement,\n values: $options.visibleValues,\n isOpen: _ctx.isOpen\n }, () => [\n withDirectives(createVNode(\"div\", _hoisted_2, [\n (openBlock(true), createBlock(Fragment, null, renderList($options.visibleValues, (option, index) => {\n return renderSlot(_ctx.$slots, \"tag\", {\n option: option,\n search: _ctx.search,\n remove: _ctx.removeElement\n }, () => [\n (openBlock(), createBlock(\"span\", {\n class: \"multiselect__tag\",\n key: index\n }, [\n createVNode(\"span\", {\n textContent: toDisplayString(_ctx.getOptionLabel(option))\n }, null, 8 /* PROPS */, [\"textContent\"]),\n createVNode(\"i\", {\n tabindex: \"1\",\n onKeypress: withKeys(withModifiers($event => (_ctx.removeElement(option)), [\"prevent\"]), [\"enter\"]),\n onMousedown: withModifiers($event => (_ctx.removeElement(option)), [\"prevent\"]),\n class: \"multiselect__tag-icon\"\n }, null, 40 /* PROPS, HYDRATE_EVENTS */, [\"onKeypress\", \"onMousedown\"])\n ]))\n ])\n }), 256 /* UNKEYED_FRAGMENT */))\n ], 512 /* NEED_PATCH */), [\n [vShow, $options.visibleValues.length > 0]\n ]),\n (_ctx.internalValue && _ctx.internalValue.length > $props.limit)\n ? renderSlot(_ctx.$slots, \"limit\", { key: 0 }, () => [\n createVNode(\"strong\", {\n class: \"multiselect__strong\",\n textContent: toDisplayString($props.limitText(_ctx.internalValue.length - $props.limit))\n }, null, 8 /* PROPS */, [\"textContent\"])\n ])\n : createCommentVNode(\"v-if\", true)\n ]),\n createVNode(Transition, { name: \"multiselect__loading\" }, {\n default: withCtx(() => [\n renderSlot(_ctx.$slots, \"loading\", {}, () => [\n withDirectives(createVNode(\"div\", _hoisted_3, null, 512 /* NEED_PATCH */), [\n [vShow, $props.loading]\n ])\n ])\n ]),\n _: 3 /* FORWARDED */\n }),\n (_ctx.searchable)\n ? (openBlock(), createBlock(\"input\", {\n key: 0,\n ref: \"search\",\n name: $props.name,\n id: _ctx.id,\n type: \"text\",\n autocomplete: \"off\",\n spellcheck: false,\n placeholder: _ctx.placeholder,\n style: $options.inputStyle,\n value: _ctx.search,\n disabled: $props.disabled,\n tabindex: $props.tabindex,\n onInput: _cache[2] || (_cache[2] = $event => (_ctx.updateSearch($event.target.value))),\n onFocus: _cache[3] || (_cache[3] = withModifiers($event => (_ctx.activate()), [\"prevent\"])),\n onBlur: _cache[4] || (_cache[4] = withModifiers($event => (_ctx.deactivate()), [\"prevent\"])),\n onKeyup: _cache[5] || (_cache[5] = withKeys($event => (_ctx.deactivate()), [\"esc\"])),\n onKeydown: [\n _cache[6] || (_cache[6] = withKeys(withModifiers($event => (_ctx.pointerForward()), [\"prevent\"]), [\"down\"])),\n _cache[7] || (_cache[7] = withKeys(withModifiers($event => (_ctx.pointerBackward()), [\"prevent\"]), [\"up\"])),\n _cache[9] || (_cache[9] = withKeys(withModifiers($event => (_ctx.removeLastElement()), [\"stop\"]), [\"delete\"]))\n ],\n onKeypress: _cache[8] || (_cache[8] = withKeys(withModifiers($event => (_ctx.addPointerElement($event)), [\"prevent\",\"stop\",\"self\"]), [\"enter\"])),\n class: \"multiselect__input\",\n \"aria-controls\": 'listbox-'+_ctx.id\n }, null, 44 /* STYLE, PROPS, HYDRATE_EVENTS */, [\"name\", \"id\", \"placeholder\", \"value\", \"disabled\", \"tabindex\", \"aria-controls\"]))\n : createCommentVNode(\"v-if\", true),\n ($options.isSingleLabelVisible)\n ? (openBlock(), createBlock(\"span\", {\n key: 1,\n class: \"multiselect__single\",\n onMousedown: _cache[10] || (_cache[10] = withModifiers((...args) => (_ctx.toggle && _ctx.toggle(...args)), [\"prevent\"]))\n }, [\n renderSlot(_ctx.$slots, \"singleLabel\", { option: $options.singleValue }, () => [\n createTextVNode(toDisplayString(_ctx.currentOptionLabel), 1 /* TEXT */)\n ])\n ], 32 /* HYDRATE_EVENTS */))\n : createCommentVNode(\"v-if\", true),\n ($options.isPlaceholderVisible)\n ? (openBlock(), createBlock(\"span\", {\n key: 2,\n class: \"multiselect__placeholder\",\n onMousedown: _cache[11] || (_cache[11] = withModifiers((...args) => (_ctx.toggle && _ctx.toggle(...args)), [\"prevent\"]))\n }, [\n renderSlot(_ctx.$slots, \"placeholder\", {}, () => [\n createTextVNode(toDisplayString(_ctx.placeholder), 1 /* TEXT */)\n ])\n ], 32 /* HYDRATE_EVENTS */))\n : createCommentVNode(\"v-if\", true)\n ], 512 /* NEED_PATCH */),\n createVNode(Transition, { name: \"multiselect\" }, {\n default: withCtx(() => [\n withDirectives(createVNode(\"div\", {\n class: \"multiselect__content-wrapper\",\n onFocus: _cache[12] || (_cache[12] = (...args) => (_ctx.activate && _ctx.activate(...args))),\n tabindex: \"-1\",\n onMousedown: _cache[13] || (_cache[13] = withModifiers(() => {}, [\"prevent\"])),\n style: { maxHeight: _ctx.optimizedHeight + 'px' },\n ref: \"list\"\n }, [\n createVNode(\"ul\", {\n class: \"multiselect__content\",\n style: $options.contentStyle,\n role: \"listbox\",\n id: 'listbox-'+_ctx.id\n }, [\n renderSlot(_ctx.$slots, \"beforeList\"),\n (_ctx.multiple && _ctx.max === _ctx.internalValue.length)\n ? (openBlock(), createBlock(\"li\", _hoisted_4, [\n createVNode(\"span\", _hoisted_5, [\n renderSlot(_ctx.$slots, \"maxElements\", {}, () => [\n createTextVNode(\"Maximum of \" + toDisplayString(_ctx.max) + \" options selected. First remove a selected option to select another.\", 1 /* TEXT */)\n ])\n ])\n ]))\n : createCommentVNode(\"v-if\", true),\n (!_ctx.max || _ctx.internalValue.length < _ctx.max)\n ? (openBlock(true), createBlock(Fragment, { key: 1 }, renderList(_ctx.filteredOptions, (option, index) => {\n return (openBlock(), createBlock(\"li\", {\n class: \"multiselect__element\",\n key: index,\n id: _ctx.id + '-' + index,\n role: !(option && (option.$isLabel || option.$isDisabled)) ? 'option' : null\n }, [\n (!(option && (option.$isLabel || option.$isDisabled)))\n ? (openBlock(), createBlock(\"span\", {\n key: 0,\n class: [_ctx.optionHighlight(index, option), \"multiselect__option\"],\n onClick: withModifiers($event => (_ctx.select(option)), [\"stop\"]),\n onMouseenter: withModifiers($event => (_ctx.pointerSet(index)), [\"self\"]),\n \"data-select\": option && option.isTag ? _ctx.tagPlaceholder : $options.selectLabelText,\n \"data-selected\": $options.selectedLabelText,\n \"data-deselect\": $options.deselectLabelText\n }, [\n renderSlot(_ctx.$slots, \"option\", {\n option: option,\n search: _ctx.search,\n index: index\n }, () => [\n createVNode(\"span\", null, toDisplayString(_ctx.getOptionLabel(option)), 1 /* TEXT */)\n ])\n ], 42 /* CLASS, PROPS, HYDRATE_EVENTS */, [\"onClick\", \"onMouseenter\", \"data-select\", \"data-selected\", \"data-deselect\"]))\n : createCommentVNode(\"v-if\", true),\n (option && (option.$isLabel || option.$isDisabled))\n ? (openBlock(), createBlock(\"span\", {\n key: 1,\n \"data-select\": _ctx.groupSelect && $options.selectGroupLabelText,\n \"data-deselect\": _ctx.groupSelect && $options.deselectGroupLabelText,\n class: [_ctx.groupHighlight(index, option), \"multiselect__option\"],\n onMouseenter: withModifiers($event => (_ctx.groupSelect && _ctx.pointerSet(index)), [\"self\"]),\n onMousedown: withModifiers($event => (_ctx.selectGroup(option)), [\"prevent\"])\n }, [\n renderSlot(_ctx.$slots, \"option\", {\n option: option,\n search: _ctx.search,\n index: index\n }, () => [\n createVNode(\"span\", null, toDisplayString(_ctx.getOptionLabel(option)), 1 /* TEXT */)\n ])\n ], 42 /* CLASS, PROPS, HYDRATE_EVENTS */, [\"data-select\", \"data-deselect\", \"onMouseenter\", \"onMousedown\"]))\n : createCommentVNode(\"v-if\", true)\n ], 8 /* PROPS */, [\"id\", \"role\"]))\n }), 128 /* KEYED_FRAGMENT */))\n : createCommentVNode(\"v-if\", true),\n withDirectives(createVNode(\"li\", null, [\n createVNode(\"span\", _hoisted_6, [\n renderSlot(_ctx.$slots, \"noResult\", { search: _ctx.search }, () => [\n _hoisted_7\n ])\n ])\n ], 512 /* NEED_PATCH */), [\n [vShow, $props.showNoResults && (_ctx.filteredOptions.length === 0 && _ctx.search && !$props.loading)]\n ]),\n withDirectives(createVNode(\"li\", null, [\n createVNode(\"span\", _hoisted_8, [\n renderSlot(_ctx.$slots, \"noOptions\", {}, () => [\n _hoisted_9\n ])\n ])\n ], 512 /* NEED_PATCH */), [\n [vShow, $props.showNoOptions && ((_ctx.options.length === 0 || ($options.hasOptionGroup === true && _ctx.filteredOptions.length === 0)) && !_ctx.search && !$props.loading)]\n ]),\n renderSlot(_ctx.$slots, \"afterList\")\n ], 12 /* STYLE, PROPS */, [\"id\"])\n ], 36 /* STYLE, HYDRATE_EVENTS */), [\n [vShow, _ctx.isOpen]\n ])\n ]),\n _: 3 /* FORWARDED */\n })\n ], 42 /* CLASS, PROPS, HYDRATE_EVENTS */, [\"tabindex\", \"aria-owns\"]))\n}\n\nscript.render = render;\n\nexport default script;\nexport { script as Multiselect, multiselectMixin, pointerMixin };\n","\n \n \n {{ $t(\"modals.attributes_extraction_confirmation.target_attributes\") }}\n \n\n \n
\n {{ isAllSelected ? $t(\"shared.deselect_all\") : $t(\"shared.select_all\") }}\n \n\n \n \n \n {{ option.name }}\n\n \n \n\n \n \n \n {{ props.option.name }}\n \n \n \n \n {{ $t(\"modals.attributes_extraction_confirmation.no_results_found\") }}\n \n \n \n \n \n\n\n\n\n","\n \n \n {{ $t(\"modals.attributes_extraction_confirmation.target_attributes\") }}\n \n\n \n \n \n \n\n\n","\n \n \n {{ $t(\"modals.attributes_extraction_confirmation.cancel\") }}\n \n \n {{ $t(\"modals.attributes_extraction_confirmation.extract\") }}\n \n
\n \n\n\n","\n \n
\n
\n \n
\n {{ youWillExtractString }}\n \n
\n\n\n","\n \n {{ t(`attributes_extraction_confirmation_modal.target_options.title`) }} \n\n \n \n {{ option.count }} \n {{ option.label }} \n \n \n \n \n\n\n","/**\n * URL and path utilities for Tektome application\n */\n\n/**\n * Extract a segment value from a URL path\n *\n * Example:\n * getPathSegment('/projects/123/input_files/456', 'input_files') => '456'\n */\nexport const getPathSegment = (path, segment) => {\n // Split the path into segments\n const segments = path.split(\"/\").filter(Boolean)\n\n // Find the index of the segment we're looking for\n const segmentIndex = segments.findIndex(s => s === segment)\n\n // If segment exists and there's a value after it, return that value\n if (segmentIndex !== -1 && segmentIndex < segments.length - 1) {\n return segments[segmentIndex + 1]\n }\n\n return null\n}\n\n/**\n * Remove query parameters from a URL\n */\nexport const removeQueryParams = url => {\n return url.includes(\"?\") ? url.split(\"?\")[0] : url\n}\n","\n \n \n \n \n
\n {{ $t(\"modals.attributes_extraction_confirmation.extract_attributes\") }}\n \n \n \n \n \n \n \n\n\n","\n \n\n\n\n\n","import { createApp } from \"vue\"\nimport { useTranslations } from \"../shared/useTranslations\"\nimport AttributeExtractionConfirmationModal from \"./App.vue\"\n\nexport default function setup() {\n const modalElement = document.getElementById(\"attributes-extraction-confirmation-modal\")\n\n if (!modalElement) {\n return\n }\n\n const app = createApp(AttributeExtractionConfirmationModal, { domElement: modalElement })\n useTranslations(app)\n\n app.mount(modalElement)\n}\n","import { initAllTooltips, initTooltips } from \"./tooltip\"\nimport setupExtractionTicketApprovalModal from \"@/attributes_extraction_ticket_approval_modal\"\nimport setupExtractionConfirmationModal from \"@/attributes_extraction_confirmation_modal\"\n\nfunction initPluginJs() {\n ;(\"use strict\")\n\n // MetisMenu js\n function initMetisMenu() {\n // MetisMenu js\n document.addEventListener(\"DOMContentLoaded\", function (event) {\n if (document.getElementById(\"side-menu\")) new MetisMenu(\"#side-menu\")\n })\n }\n\n // initLeftMenuCollapse\n function initLeftMenuCollapse() {\n var currentSIdebarSize = document.body.getAttribute(\"data-sidebar-size\")\n // TODO: investigate why this was needed. updateRadio is not defined anywhere\n // window.onload = function () {\n // if (window.innerWidth >= 1024 && window.innerWidth <= 1366) {\n // updateRadio(\"sidebar-size-small\")\n // }\n // }\n var verticalButton = document.getElementsByClassName(\"vertical-menu-btn\")\n for (var i = 0; i < verticalButton.length; i++) {\n ;(function (index) {\n verticalButton[index] &&\n verticalButton[index].addEventListener(\"click\", function (event) {\n event.preventDefault()\n document.body.classList.toggle(\"sidebar-enable\")\n if (window.innerWidth >= 992) {\n if (currentSIdebarSize == null) {\n document.body.getAttribute(\"data-sidebar-size\") == null ||\n document.body.getAttribute(\"data-sidebar-size\") == \"lg\"\n ? document.body.setAttribute(\"data-sidebar-size\", \"sm\")\n : document.body.setAttribute(\"data-sidebar-size\", \"lg\")\n } else if (currentSIdebarSize == \"md\") {\n document.body.getAttribute(\"data-sidebar-size\") == \"md\"\n ? document.body.setAttribute(\"data-sidebar-size\", \"sm\")\n : document.body.setAttribute(\"data-sidebar-size\", \"md\")\n } else {\n document.body.getAttribute(\"data-sidebar-size\") == \"sm\"\n ? document.body.setAttribute(\"data-sidebar-size\", \"lg\")\n : document.body.setAttribute(\"data-sidebar-size\", \"sm\")\n }\n } else {\n initMenuItemScroll()\n }\n })\n })(i)\n }\n }\n\n // menu active\n function initActiveMenu() {\n var menuItems = document.querySelectorAll(\"#sidebar-menu a\")\n menuItems &&\n menuItems.forEach(function (item) {\n var pageUrl = window.location.href.split(/[?#]/)[0]\n\n if (item.href == pageUrl) {\n item.classList.add(\"active\")\n var parent = item.parentElement\n if (parent && parent.id !== \"side-menu\") {\n parent.classList.add(\"mm-active\")\n var parent2 = parent.parentElement // ul .\n if (parent2 && parent2.id !== \"side-menu\") {\n parent2.classList.add(\"mm-show\") // ul tag\n var parent3 = parent2.parentElement // li tag\n if (parent3 && parent3.id !== \"side-menu\") {\n parent3.classList.add(\"mm-active\") // li\n var parent4 = parent3.parentElement // ul\n if (parent4 && parent4.id !== \"side-menu\") {\n parent4.classList.add(\"mm-show\") // ul\n var parent5 = parent4.parentElement\n if (parent5 && parent5.id !== \"side-menu\") {\n parent5.classList.add(\"mm-active\") // li\n }\n }\n }\n }\n }\n }\n })\n }\n\n // sidebarMenu\n\n function initMenuItemScroll() {\n setTimeout(function () {\n var sidebarMenu = document.getElementById(\"side-menu\")\n if (sidebarMenu) {\n var activeMenu = sidebarMenu.querySelector(\".mm-active .active\")\n var offset = activeMenu ? activeMenu.offsetTop : 0\n if (offset > 300) {\n var verticalMenu = document.getElementsByClassName(\"vertical-menu\")\n ? document.getElementsByClassName(\"vertical-menu\")[0]\n : \"\"\n if (verticalMenu && verticalMenu.querySelector(\".simplebar-content-wrapper\")) {\n setTimeout(function () {\n offset == 330\n ? (verticalMenu.querySelector(\".simplebar-content-wrapper\").scrollTop = offset + 85)\n : (verticalMenu.querySelector(\".simplebar-content-wrapper\").scrollTop = offset)\n }, 0)\n }\n }\n }\n }, 250)\n }\n\n function initModeSetting() {\n var body = document.body\n var lightDarkBtn = document.querySelectorAll(\".light-dark-mode\")\n if (lightDarkBtn) {\n lightDarkBtn.forEach(function (item) {\n item.addEventListener(\"click\", function (event) {\n if (body.hasAttribute(\"data-mode\") && body.getAttribute(\"data-mode\") == \"dark\") {\n body.setAttribute(\"data-mode\", \"light\")\n sessionStorage.setItem(\"data-layout-mode\", \"light\")\n } else {\n body.setAttribute(\"data-mode\", \"dark\")\n sessionStorage.setItem(\"data-layout-mode\", \"dark\")\n }\n })\n })\n }\n\n if (sessionStorage.getItem(\"data-layout-mode\") && sessionStorage.getItem(\"data-layout-mode\") == \"light\") {\n body.setAttribute(\"data-mode\", \"light\")\n } else if (sessionStorage.getItem(\"data-layout-mode\") == \"dark\") {\n body.setAttribute(\"data-mode\", \"dark\")\n }\n }\n\n /********* Alert common js *********/\n\n // alert dismissible\n function initAlert() {\n if (document.querySelectorAll(\".alert-dismissible\")) {\n var alertDismiss = document.querySelectorAll(\".alert-dismissible\")\n\n Array.from(alertDismiss).forEach(function (item) {\n item.querySelector(\".alert-close\").addEventListener(\"click\", function () {\n item.classList.add(\"hidden\")\n })\n })\n }\n }\n\n /********* dropdown common js *********/\n // TODO: replace this with https://www.stimulus-components.com/docs/stimulus-dropdown\n function initDropdown() {\n var dropdownElem = document.querySelectorAll(\".dropdown\")\n var dropupElem = document.querySelectorAll(\".dropup\")\n var dropStartElem = document.querySelectorAll(\".dropstart\")\n var dropendElem = document.querySelectorAll(\".dropend\")\n var isShowDropMenu = false\n var isMenuInside = false\n // dropdown event\n dropdownEvent(dropdownElem, \"bottom-start\")\n // dropup event\n dropdownEvent(dropupElem, \"top-start\")\n // dropstart event\n dropdownEvent(dropStartElem, \"left-start\")\n // dropend event\n dropdownEvent(dropendElem, \"right-start\")\n\n function dropdownEvent(elem, place) {\n Array.from(elem).forEach(function (item) {\n item.querySelectorAll(\".dropdown-toggle\").forEach(function (subitem) {\n // Use a data attribute to check if we've already attached this click listener\n if (!subitem.dataset.dropdownClickBound) {\n subitem.dataset.dropdownClickBound = \"true\"\n subitem.addEventListener(\"click\", function (event) {\n subitem.classList.toggle(\"show\")\n modifyZIdexForToggleStickyParent(subitem, \"toggle\")\n\n Popper.createPopper(subitem, item.querySelector(\".dropdown-menu\"), {\n placement: place,\n strategy: \"fixed\"\n })\n // Call twice to fix dropdown randomly showing up\n Popper.createPopper(subitem, item.querySelector(\".dropdown-menu\"), {\n placement: place,\n strategy: \"fixed\"\n })\n if (!subitem.classList.contains(\"show\")) {\n item.querySelector(\".dropdown-menu\").classList.remove(\"block\")\n item.querySelector(\".dropdown-menu\").classList.add(\"hidden\")\n } else {\n dismissDropdownMenu()\n item.querySelector(\".dropdown-menu\").classList.add(\"block\")\n item.querySelector(\".dropdown-menu\").classList.remove(\"hidden\")\n\n if (item.querySelector(\".dropdown-menu\").classList.contains(\"block\")) {\n subitem.classList.add(\"show\")\n modifyZIdexForToggleStickyParent(subitem, \"add\")\n } else {\n subitem.classList.remove(\"show\")\n modifyZIdexForToggleStickyParent(subitem, \"remove\")\n }\n event.stopPropagation()\n }\n\n isMenuInside = false\n })\n }\n })\n })\n }\n\n function dismissDropdownMenu() {\n Array.from(document.querySelectorAll(\".dropdown-menu\")).forEach(function (item) {\n item.classList.remove(\"block\")\n item.classList.add(\"hidden\")\n })\n Array.from(document.querySelectorAll(\".dropdown-toggle\")).forEach(function (item) {\n item.classList.remove(\"show\")\n modifyZIdexForToggleStickyParent(item, \"remove\")\n })\n\n isShowDropMenu = false\n }\n\n // dropdown form\n Array.from(document.querySelectorAll(\".dropdown-menu\")).forEach(function (menuEl) {\n var forms = menuEl.querySelectorAll(\"form\")\n if (forms.length) {\n Array.from(forms).forEach(function (subitem) {\n // Check if we've already attached a click listener\n if (!subitem.dataset.dropdownFormClickBound) {\n subitem.dataset.dropdownFormClickBound = \"true\"\n subitem.addEventListener(\"click\", function (event) {\n if (!isShowDropMenu) {\n isShowDropMenu = true\n }\n })\n }\n })\n }\n })\n // data-tw-auto-close\n Array.from(document.querySelectorAll(\".dropdown-toggle\")).forEach(function (item) {\n var elem = item.parentElement\n var dropdownMenu = elem.querySelector(\".dropdown-menu\")\n\n if (item.getAttribute(\"data-tw-auto-close\") == \"outside\") {\n // If not already bound\n if (dropdownMenu && !dropdownMenu.dataset.dropdownOutsideBound) {\n dropdownMenu.dataset.dropdownOutsideBound = \"true\"\n dropdownMenu.addEventListener(\"click\", function () {\n if (!isShowDropMenu) {\n isShowDropMenu = true\n }\n })\n }\n } else if (item.getAttribute(\"data-tw-auto-close\") == \"inside\") {\n // Toggle element click\n if (!item.dataset.dropdownInsideBound) {\n item.dataset.dropdownInsideBound = \"true\"\n item.addEventListener(\"click\", function () {\n isShowDropMenu = true\n isMenuInside = true\n })\n }\n\n // Dropdown menu click\n if (dropdownMenu && !dropdownMenu.dataset.dropdownMenuInsideBound) {\n dropdownMenu.dataset.dropdownMenuInsideBound = \"true\"\n dropdownMenu.addEventListener(\"click\", function () {\n isShowDropMenu = false\n isMenuInside = false\n })\n }\n }\n })\n\n // Attach global window click listener once\n if (!window.dropdownWindowClickBound) {\n window.dropdownWindowClickBound = true\n window.addEventListener(\"click\", function (e) {\n if (!isShowDropMenu && !isMenuInside) {\n dismissDropdownMenu()\n }\n isShowDropMenu = false\n })\n }\n\n function modifyZIdexForToggleStickyParent(toggle_element, action) {\n switch (action) {\n case \"add\":\n toggle_element.closest(\".sticky-col-r\")?.classList?.add(\"z-10\")\n toggle_element.closest(\".sticky-col-l\")?.classList?.add(\"z-10\")\n break\n case \"remove\":\n toggle_element.closest(\".sticky-col-r\")?.classList?.remove(\"z-10\")\n toggle_element.closest(\".sticky-col-l\")?.classList?.remove(\"z-10\")\n break\n case \"toggle\":\n toggle_element.closest(\".sticky-col-r\")?.classList?.toggle(\"z-10\")\n toggle_element.closest(\".sticky-col-l\")?.classList?.toggle(\"z-10\")\n break\n }\n }\n }\n\n /********* modal common js *********/\n // openModal\n function initModalTrigger() {\n var modalTrigger = document.querySelectorAll('[data-tw-toggle=\"modal\"]')\n var isModalShow = false\n Array.from(modalTrigger).forEach(function (item) {\n if (!item.dataset.modalClickBound) {\n item.dataset.modalClickBound = \"true\"\n item.addEventListener(\"click\", function () {\n var target = this.getAttribute(\"data-tw-target\").substr(1)\n var modalWindow = document.getElementById(target)\n\n if (modalWindow.classList.contains(\"hidden\")) {\n modalWindow.classList.remove(\"hidden\")\n document.body.classList.add(\"overflow-hidden\")\n } else {\n modalWindow.classList.add(\"hidden\")\n document.body.classList.remove(\"overflow-hidden\")\n }\n isModalShow = false\n\n if (item.getAttribute(\"data-tw-backdrop\") == \"static\") {\n isModalShow = true\n }\n })\n }\n })\n\n // closeButton\n var closeButton = document.querySelectorAll('[data-tw-dismiss=\"modal\"]')\n Array.from(closeButton).forEach(function (subElem) {\n if (!subElem.dataset.modalCloseClickBound) {\n subElem.dataset.modalCloseClickBound = \"true\"\n subElem.addEventListener(\"click\", function () {\n var modalWindow = subElem.closest(\".modal\")\n if (modalWindow.classList.contains(\"hidden\")) {\n modalWindow.classList.remove(\"hidden\")\n document.body.classList.add(\"overflow-hidden\")\n } else {\n modalWindow.classList.add(\"hidden\")\n document.body.classList.remove(\"overflow-hidden\")\n }\n })\n }\n })\n\n // closeModal\n var modalElem = document.querySelectorAll(\".modal\")\n Array.from(modalElem).forEach(function (elem) {\n // modalOverlay\n var modalOverlay = elem.querySelectorAll(\".modal-overlay\")\n Array.from(modalOverlay).forEach(function (subItem) {\n subItem.addEventListener(\"click\", function () {\n if (!isModalShow) {\n if (elem.classList.contains(\"hidden\")) {\n elem.classList.remove(\"hidden\")\n document.body.classList.add(\"overflow-hidden\")\n } else {\n elem.classList.add(\"hidden\")\n document.body.classList.remove(\"overflow-hidden\")\n }\n }\n })\n })\n })\n }\n\n // Handler that uses various data-* attributes to trigger\n // specific actions, mimicing bootstraps attributes\n function initCollapseAction() {\n const triggers = Array.from(document.querySelectorAll('[data-toggle=\"collapse\"]'))\n\n window.addEventListener(\n \"click\",\n ev => {\n const elm = ev.target\n if (triggers.includes(elm)) {\n const selector = elm.getAttribute(\"data-target\")\n collapse(selector, \"toggle\")\n }\n },\n false\n )\n\n const fnmap = {\n toggle: \"toggle\",\n show: \"add\",\n hide: \"remove\"\n }\n const collapse = (selector, cmd) => {\n const targets = Array.from(document.querySelectorAll(selector))\n targets.forEach(target => {\n target.classList[fnmap[cmd]](\"show\")\n })\n }\n }\n\n function initLtrRtl() {\n // ltr-rtl\n var isChangeMode = document.getElementById(\"ltr-rtl\")\n if (isChangeMode) {\n isChangeMode.addEventListener(\"click\", function (e) {\n var themeMode = document.documentElement.getAttribute(\"dir\")\n if (themeMode == \"ltr\") {\n document.documentElement.setAttribute(\"dir\", \"rtl\")\n } else {\n document.documentElement.setAttribute(\"dir\", \"ltr\")\n }\n\n swiperDir()\n })\n }\n }\n\n function initTabs() {\n document.querySelectorAll(\".nav-tabs\").forEach(function (elem) {\n elem.querySelectorAll('[data-tw-toggle=\"tab\"]').forEach(function (item) {\n item.addEventListener(\"click\", function () {\n var tabID = item.getAttribute(\"data-tw-target\")\n var tabContents = elem.querySelectorAll(\".tab-content > .tab-pane\")\n\n var activeElem = elem.querySelector('[data-tw-toggle=\"tab\"].active')\n if (activeElem) activeElem.classList.remove(\"active\")\n\n // clear value\n for (let i = 0; i < tabContents.length; i++) {\n tabContents[i].classList.add(\"hidden\")\n tabContents[i].classList.remove(\"block\")\n }\n\n // change value\n item.classList.add(\"active\")\n document.getElementById(tabID).classList.remove(\"hidden\")\n document.getElementById(tabID).classList.add(\"block\")\n })\n })\n })\n }\n\n function init() {\n initMetisMenu()\n initLeftMenuCollapse()\n initActiveMenu()\n initMenuItemScroll()\n initModeSetting()\n feather.replace()\n initAlert()\n initDropdown()\n initModalTrigger()\n initCollapseAction()\n initLtrRtl()\n initTabs()\n initAllTooltips()\n }\n\n init()\n}\n\ndocument.addEventListener(\"turbo:load\", () => {\n initPluginJs()\n setupExtractionTicketApprovalModal()\n setupExtractionConfirmationModal()\n})\n\ndocument.addEventListener(\"turbo:before-stream-render\", event => {\n const originalRender = event.detail.render\n\n event.detail.render = function (streamElement) {\n originalRender(streamElement)\n\n // Right now, the Turbo doesn't provide \"turbo:after-stream-render\" event.\n // So, we create a custom event to handle the same.\n // See: https://github.com/hotwired/turbo/issues/1289\n document.dispatchEvent(\n new CustomEvent(\"turbo:custom-after-stream-render\", { detail: { streamElement: streamElement } })\n )\n }\n})\n\ndocument.addEventListener(\"turbo:frame-render\", event => {\n const tooltipElements = event.target.querySelectorAll(\"[data-tippy]\")\n\n if (tooltipElements) {\n initTooltips(tooltipElements)\n }\n})\n\ndocument.addEventListener(\"turbo:custom-after-stream-render\", event => {\n const streamTarget = event.detail.streamElement.getAttribute(\"target\")\n const streamElement = document.getElementById(streamTarget)\n\n if (!streamElement) {\n return\n }\n\n const tooltipElements = streamElement.querySelectorAll(\"[data-tippy]\")\n\n if (tooltipElements) {\n initTooltips(tooltipElements)\n }\n})\n","/*\nStimulus 3.2.1\nCopyright © 2023 Basecamp, LLC\n */\nclass EventListener {\n constructor(eventTarget, eventName, eventOptions) {\n this.eventTarget = eventTarget;\n this.eventName = eventName;\n this.eventOptions = eventOptions;\n this.unorderedBindings = new Set();\n }\n connect() {\n this.eventTarget.addEventListener(this.eventName, this, this.eventOptions);\n }\n disconnect() {\n this.eventTarget.removeEventListener(this.eventName, this, this.eventOptions);\n }\n bindingConnected(binding) {\n this.unorderedBindings.add(binding);\n }\n bindingDisconnected(binding) {\n this.unorderedBindings.delete(binding);\n }\n handleEvent(event) {\n const extendedEvent = extendEvent(event);\n for (const binding of this.bindings) {\n if (extendedEvent.immediatePropagationStopped) {\n break;\n }\n else {\n binding.handleEvent(extendedEvent);\n }\n }\n }\n hasBindings() {\n return this.unorderedBindings.size > 0;\n }\n get bindings() {\n return Array.from(this.unorderedBindings).sort((left, right) => {\n const leftIndex = left.index, rightIndex = right.index;\n return leftIndex < rightIndex ? -1 : leftIndex > rightIndex ? 1 : 0;\n });\n }\n}\nfunction extendEvent(event) {\n if (\"immediatePropagationStopped\" in event) {\n return event;\n }\n else {\n const { stopImmediatePropagation } = event;\n return Object.assign(event, {\n immediatePropagationStopped: false,\n stopImmediatePropagation() {\n this.immediatePropagationStopped = true;\n stopImmediatePropagation.call(this);\n },\n });\n }\n}\n\nclass Dispatcher {\n constructor(application) {\n this.application = application;\n this.eventListenerMaps = new Map();\n this.started = false;\n }\n start() {\n if (!this.started) {\n this.started = true;\n this.eventListeners.forEach((eventListener) => eventListener.connect());\n }\n }\n stop() {\n if (this.started) {\n this.started = false;\n this.eventListeners.forEach((eventListener) => eventListener.disconnect());\n }\n }\n get eventListeners() {\n return Array.from(this.eventListenerMaps.values()).reduce((listeners, map) => listeners.concat(Array.from(map.values())), []);\n }\n bindingConnected(binding) {\n this.fetchEventListenerForBinding(binding).bindingConnected(binding);\n }\n bindingDisconnected(binding, clearEventListeners = false) {\n this.fetchEventListenerForBinding(binding).bindingDisconnected(binding);\n if (clearEventListeners)\n this.clearEventListenersForBinding(binding);\n }\n handleError(error, message, detail = {}) {\n this.application.handleError(error, `Error ${message}`, detail);\n }\n clearEventListenersForBinding(binding) {\n const eventListener = this.fetchEventListenerForBinding(binding);\n if (!eventListener.hasBindings()) {\n eventListener.disconnect();\n this.removeMappedEventListenerFor(binding);\n }\n }\n removeMappedEventListenerFor(binding) {\n const { eventTarget, eventName, eventOptions } = binding;\n const eventListenerMap = this.fetchEventListenerMapForEventTarget(eventTarget);\n const cacheKey = this.cacheKey(eventName, eventOptions);\n eventListenerMap.delete(cacheKey);\n if (eventListenerMap.size == 0)\n this.eventListenerMaps.delete(eventTarget);\n }\n fetchEventListenerForBinding(binding) {\n const { eventTarget, eventName, eventOptions } = binding;\n return this.fetchEventListener(eventTarget, eventName, eventOptions);\n }\n fetchEventListener(eventTarget, eventName, eventOptions) {\n const eventListenerMap = this.fetchEventListenerMapForEventTarget(eventTarget);\n const cacheKey = this.cacheKey(eventName, eventOptions);\n let eventListener = eventListenerMap.get(cacheKey);\n if (!eventListener) {\n eventListener = this.createEventListener(eventTarget, eventName, eventOptions);\n eventListenerMap.set(cacheKey, eventListener);\n }\n return eventListener;\n }\n createEventListener(eventTarget, eventName, eventOptions) {\n const eventListener = new EventListener(eventTarget, eventName, eventOptions);\n if (this.started) {\n eventListener.connect();\n }\n return eventListener;\n }\n fetchEventListenerMapForEventTarget(eventTarget) {\n let eventListenerMap = this.eventListenerMaps.get(eventTarget);\n if (!eventListenerMap) {\n eventListenerMap = new Map();\n this.eventListenerMaps.set(eventTarget, eventListenerMap);\n }\n return eventListenerMap;\n }\n cacheKey(eventName, eventOptions) {\n const parts = [eventName];\n Object.keys(eventOptions)\n .sort()\n .forEach((key) => {\n parts.push(`${eventOptions[key] ? \"\" : \"!\"}${key}`);\n });\n return parts.join(\":\");\n }\n}\n\nconst defaultActionDescriptorFilters = {\n stop({ event, value }) {\n if (value)\n event.stopPropagation();\n return true;\n },\n prevent({ event, value }) {\n if (value)\n event.preventDefault();\n return true;\n },\n self({ event, value, element }) {\n if (value) {\n return element === event.target;\n }\n else {\n return true;\n }\n },\n};\nconst descriptorPattern = /^(?:(?:([^.]+?)\\+)?(.+?)(?:\\.(.+?))?(?:@(window|document))?->)?(.+?)(?:#([^:]+?))(?::(.+))?$/;\nfunction parseActionDescriptorString(descriptorString) {\n const source = descriptorString.trim();\n const matches = source.match(descriptorPattern) || [];\n let eventName = matches[2];\n let keyFilter = matches[3];\n if (keyFilter && ![\"keydown\", \"keyup\", \"keypress\"].includes(eventName)) {\n eventName += `.${keyFilter}`;\n keyFilter = \"\";\n }\n return {\n eventTarget: parseEventTarget(matches[4]),\n eventName,\n eventOptions: matches[7] ? parseEventOptions(matches[7]) : {},\n identifier: matches[5],\n methodName: matches[6],\n keyFilter: matches[1] || keyFilter,\n };\n}\nfunction parseEventTarget(eventTargetName) {\n if (eventTargetName == \"window\") {\n return window;\n }\n else if (eventTargetName == \"document\") {\n return document;\n }\n}\nfunction parseEventOptions(eventOptions) {\n return eventOptions\n .split(\":\")\n .reduce((options, token) => Object.assign(options, { [token.replace(/^!/, \"\")]: !/^!/.test(token) }), {});\n}\nfunction stringifyEventTarget(eventTarget) {\n if (eventTarget == window) {\n return \"window\";\n }\n else if (eventTarget == document) {\n return \"document\";\n }\n}\n\nfunction camelize(value) {\n return value.replace(/(?:[_-])([a-z0-9])/g, (_, char) => char.toUpperCase());\n}\nfunction namespaceCamelize(value) {\n return camelize(value.replace(/--/g, \"-\").replace(/__/g, \"_\"));\n}\nfunction capitalize(value) {\n return value.charAt(0).toUpperCase() + value.slice(1);\n}\nfunction dasherize(value) {\n return value.replace(/([A-Z])/g, (_, char) => `-${char.toLowerCase()}`);\n}\nfunction tokenize(value) {\n return value.match(/[^\\s]+/g) || [];\n}\n\nfunction isSomething(object) {\n return object !== null && object !== undefined;\n}\nfunction hasProperty(object, property) {\n return Object.prototype.hasOwnProperty.call(object, property);\n}\n\nconst allModifiers = [\"meta\", \"ctrl\", \"alt\", \"shift\"];\nclass Action {\n constructor(element, index, descriptor, schema) {\n this.element = element;\n this.index = index;\n this.eventTarget = descriptor.eventTarget || element;\n this.eventName = descriptor.eventName || getDefaultEventNameForElement(element) || error(\"missing event name\");\n this.eventOptions = descriptor.eventOptions || {};\n this.identifier = descriptor.identifier || error(\"missing identifier\");\n this.methodName = descriptor.methodName || error(\"missing method name\");\n this.keyFilter = descriptor.keyFilter || \"\";\n this.schema = schema;\n }\n static forToken(token, schema) {\n return new this(token.element, token.index, parseActionDescriptorString(token.content), schema);\n }\n toString() {\n const eventFilter = this.keyFilter ? `.${this.keyFilter}` : \"\";\n const eventTarget = this.eventTargetName ? `@${this.eventTargetName}` : \"\";\n return `${this.eventName}${eventFilter}${eventTarget}->${this.identifier}#${this.methodName}`;\n }\n shouldIgnoreKeyboardEvent(event) {\n if (!this.keyFilter) {\n return false;\n }\n const filters = this.keyFilter.split(\"+\");\n if (this.keyFilterDissatisfied(event, filters)) {\n return true;\n }\n const standardFilter = filters.filter((key) => !allModifiers.includes(key))[0];\n if (!standardFilter) {\n return false;\n }\n if (!hasProperty(this.keyMappings, standardFilter)) {\n error(`contains unknown key filter: ${this.keyFilter}`);\n }\n return this.keyMappings[standardFilter].toLowerCase() !== event.key.toLowerCase();\n }\n shouldIgnoreMouseEvent(event) {\n if (!this.keyFilter) {\n return false;\n }\n const filters = [this.keyFilter];\n if (this.keyFilterDissatisfied(event, filters)) {\n return true;\n }\n return false;\n }\n get params() {\n const params = {};\n const pattern = new RegExp(`^data-${this.identifier}-(.+)-param$`, \"i\");\n for (const { name, value } of Array.from(this.element.attributes)) {\n const match = name.match(pattern);\n const key = match && match[1];\n if (key) {\n params[camelize(key)] = typecast(value);\n }\n }\n return params;\n }\n get eventTargetName() {\n return stringifyEventTarget(this.eventTarget);\n }\n get keyMappings() {\n return this.schema.keyMappings;\n }\n keyFilterDissatisfied(event, filters) {\n const [meta, ctrl, alt, shift] = allModifiers.map((modifier) => filters.includes(modifier));\n return event.metaKey !== meta || event.ctrlKey !== ctrl || event.altKey !== alt || event.shiftKey !== shift;\n }\n}\nconst defaultEventNames = {\n a: () => \"click\",\n button: () => \"click\",\n form: () => \"submit\",\n details: () => \"toggle\",\n input: (e) => (e.getAttribute(\"type\") == \"submit\" ? \"click\" : \"input\"),\n select: () => \"change\",\n textarea: () => \"input\",\n};\nfunction getDefaultEventNameForElement(element) {\n const tagName = element.tagName.toLowerCase();\n if (tagName in defaultEventNames) {\n return defaultEventNames[tagName](element);\n }\n}\nfunction error(message) {\n throw new Error(message);\n}\nfunction typecast(value) {\n try {\n return JSON.parse(value);\n }\n catch (o_O) {\n return value;\n }\n}\n\nclass Binding {\n constructor(context, action) {\n this.context = context;\n this.action = action;\n }\n get index() {\n return this.action.index;\n }\n get eventTarget() {\n return this.action.eventTarget;\n }\n get eventOptions() {\n return this.action.eventOptions;\n }\n get identifier() {\n return this.context.identifier;\n }\n handleEvent(event) {\n const actionEvent = this.prepareActionEvent(event);\n if (this.willBeInvokedByEvent(event) && this.applyEventModifiers(actionEvent)) {\n this.invokeWithEvent(actionEvent);\n }\n }\n get eventName() {\n return this.action.eventName;\n }\n get method() {\n const method = this.controller[this.methodName];\n if (typeof method == \"function\") {\n return method;\n }\n throw new Error(`Action \"${this.action}\" references undefined method \"${this.methodName}\"`);\n }\n applyEventModifiers(event) {\n const { element } = this.action;\n const { actionDescriptorFilters } = this.context.application;\n const { controller } = this.context;\n let passes = true;\n for (const [name, value] of Object.entries(this.eventOptions)) {\n if (name in actionDescriptorFilters) {\n const filter = actionDescriptorFilters[name];\n passes = passes && filter({ name, value, event, element, controller });\n }\n else {\n continue;\n }\n }\n return passes;\n }\n prepareActionEvent(event) {\n return Object.assign(event, { params: this.action.params });\n }\n invokeWithEvent(event) {\n const { target, currentTarget } = event;\n try {\n this.method.call(this.controller, event);\n this.context.logDebugActivity(this.methodName, { event, target, currentTarget, action: this.methodName });\n }\n catch (error) {\n const { identifier, controller, element, index } = this;\n const detail = { identifier, controller, element, index, event };\n this.context.handleError(error, `invoking action \"${this.action}\"`, detail);\n }\n }\n willBeInvokedByEvent(event) {\n const eventTarget = event.target;\n if (event instanceof KeyboardEvent && this.action.shouldIgnoreKeyboardEvent(event)) {\n return false;\n }\n if (event instanceof MouseEvent && this.action.shouldIgnoreMouseEvent(event)) {\n return false;\n }\n if (this.element === eventTarget) {\n return true;\n }\n else if (eventTarget instanceof Element && this.element.contains(eventTarget)) {\n return this.scope.containsElement(eventTarget);\n }\n else {\n return this.scope.containsElement(this.action.element);\n }\n }\n get controller() {\n return this.context.controller;\n }\n get methodName() {\n return this.action.methodName;\n }\n get element() {\n return this.scope.element;\n }\n get scope() {\n return this.context.scope;\n }\n}\n\nclass ElementObserver {\n constructor(element, delegate) {\n this.mutationObserverInit = { attributes: true, childList: true, subtree: true };\n this.element = element;\n this.started = false;\n this.delegate = delegate;\n this.elements = new Set();\n this.mutationObserver = new MutationObserver((mutations) => this.processMutations(mutations));\n }\n start() {\n if (!this.started) {\n this.started = true;\n this.mutationObserver.observe(this.element, this.mutationObserverInit);\n this.refresh();\n }\n }\n pause(callback) {\n if (this.started) {\n this.mutationObserver.disconnect();\n this.started = false;\n }\n callback();\n if (!this.started) {\n this.mutationObserver.observe(this.element, this.mutationObserverInit);\n this.started = true;\n }\n }\n stop() {\n if (this.started) {\n this.mutationObserver.takeRecords();\n this.mutationObserver.disconnect();\n this.started = false;\n }\n }\n refresh() {\n if (this.started) {\n const matches = new Set(this.matchElementsInTree());\n for (const element of Array.from(this.elements)) {\n if (!matches.has(element)) {\n this.removeElement(element);\n }\n }\n for (const element of Array.from(matches)) {\n this.addElement(element);\n }\n }\n }\n processMutations(mutations) {\n if (this.started) {\n for (const mutation of mutations) {\n this.processMutation(mutation);\n }\n }\n }\n processMutation(mutation) {\n if (mutation.type == \"attributes\") {\n this.processAttributeChange(mutation.target, mutation.attributeName);\n }\n else if (mutation.type == \"childList\") {\n this.processRemovedNodes(mutation.removedNodes);\n this.processAddedNodes(mutation.addedNodes);\n }\n }\n processAttributeChange(element, attributeName) {\n if (this.elements.has(element)) {\n if (this.delegate.elementAttributeChanged && this.matchElement(element)) {\n this.delegate.elementAttributeChanged(element, attributeName);\n }\n else {\n this.removeElement(element);\n }\n }\n else if (this.matchElement(element)) {\n this.addElement(element);\n }\n }\n processRemovedNodes(nodes) {\n for (const node of Array.from(nodes)) {\n const element = this.elementFromNode(node);\n if (element) {\n this.processTree(element, this.removeElement);\n }\n }\n }\n processAddedNodes(nodes) {\n for (const node of Array.from(nodes)) {\n const element = this.elementFromNode(node);\n if (element && this.elementIsActive(element)) {\n this.processTree(element, this.addElement);\n }\n }\n }\n matchElement(element) {\n return this.delegate.matchElement(element);\n }\n matchElementsInTree(tree = this.element) {\n return this.delegate.matchElementsInTree(tree);\n }\n processTree(tree, processor) {\n for (const element of this.matchElementsInTree(tree)) {\n processor.call(this, element);\n }\n }\n elementFromNode(node) {\n if (node.nodeType == Node.ELEMENT_NODE) {\n return node;\n }\n }\n elementIsActive(element) {\n if (element.isConnected != this.element.isConnected) {\n return false;\n }\n else {\n return this.element.contains(element);\n }\n }\n addElement(element) {\n if (!this.elements.has(element)) {\n if (this.elementIsActive(element)) {\n this.elements.add(element);\n if (this.delegate.elementMatched) {\n this.delegate.elementMatched(element);\n }\n }\n }\n }\n removeElement(element) {\n if (this.elements.has(element)) {\n this.elements.delete(element);\n if (this.delegate.elementUnmatched) {\n this.delegate.elementUnmatched(element);\n }\n }\n }\n}\n\nclass AttributeObserver {\n constructor(element, attributeName, delegate) {\n this.attributeName = attributeName;\n this.delegate = delegate;\n this.elementObserver = new ElementObserver(element, this);\n }\n get element() {\n return this.elementObserver.element;\n }\n get selector() {\n return `[${this.attributeName}]`;\n }\n start() {\n this.elementObserver.start();\n }\n pause(callback) {\n this.elementObserver.pause(callback);\n }\n stop() {\n this.elementObserver.stop();\n }\n refresh() {\n this.elementObserver.refresh();\n }\n get started() {\n return this.elementObserver.started;\n }\n matchElement(element) {\n return element.hasAttribute(this.attributeName);\n }\n matchElementsInTree(tree) {\n const match = this.matchElement(tree) ? [tree] : [];\n const matches = Array.from(tree.querySelectorAll(this.selector));\n return match.concat(matches);\n }\n elementMatched(element) {\n if (this.delegate.elementMatchedAttribute) {\n this.delegate.elementMatchedAttribute(element, this.attributeName);\n }\n }\n elementUnmatched(element) {\n if (this.delegate.elementUnmatchedAttribute) {\n this.delegate.elementUnmatchedAttribute(element, this.attributeName);\n }\n }\n elementAttributeChanged(element, attributeName) {\n if (this.delegate.elementAttributeValueChanged && this.attributeName == attributeName) {\n this.delegate.elementAttributeValueChanged(element, attributeName);\n }\n }\n}\n\nfunction add(map, key, value) {\n fetch(map, key).add(value);\n}\nfunction del(map, key, value) {\n fetch(map, key).delete(value);\n prune(map, key);\n}\nfunction fetch(map, key) {\n let values = map.get(key);\n if (!values) {\n values = new Set();\n map.set(key, values);\n }\n return values;\n}\nfunction prune(map, key) {\n const values = map.get(key);\n if (values != null && values.size == 0) {\n map.delete(key);\n }\n}\n\nclass Multimap {\n constructor() {\n this.valuesByKey = new Map();\n }\n get keys() {\n return Array.from(this.valuesByKey.keys());\n }\n get values() {\n const sets = Array.from(this.valuesByKey.values());\n return sets.reduce((values, set) => values.concat(Array.from(set)), []);\n }\n get size() {\n const sets = Array.from(this.valuesByKey.values());\n return sets.reduce((size, set) => size + set.size, 0);\n }\n add(key, value) {\n add(this.valuesByKey, key, value);\n }\n delete(key, value) {\n del(this.valuesByKey, key, value);\n }\n has(key, value) {\n const values = this.valuesByKey.get(key);\n return values != null && values.has(value);\n }\n hasKey(key) {\n return this.valuesByKey.has(key);\n }\n hasValue(value) {\n const sets = Array.from(this.valuesByKey.values());\n return sets.some((set) => set.has(value));\n }\n getValuesForKey(key) {\n const values = this.valuesByKey.get(key);\n return values ? Array.from(values) : [];\n }\n getKeysForValue(value) {\n return Array.from(this.valuesByKey)\n .filter(([_key, values]) => values.has(value))\n .map(([key, _values]) => key);\n }\n}\n\nclass IndexedMultimap extends Multimap {\n constructor() {\n super();\n this.keysByValue = new Map();\n }\n get values() {\n return Array.from(this.keysByValue.keys());\n }\n add(key, value) {\n super.add(key, value);\n add(this.keysByValue, value, key);\n }\n delete(key, value) {\n super.delete(key, value);\n del(this.keysByValue, value, key);\n }\n hasValue(value) {\n return this.keysByValue.has(value);\n }\n getKeysForValue(value) {\n const set = this.keysByValue.get(value);\n return set ? Array.from(set) : [];\n }\n}\n\nclass SelectorObserver {\n constructor(element, selector, delegate, details) {\n this._selector = selector;\n this.details = details;\n this.elementObserver = new ElementObserver(element, this);\n this.delegate = delegate;\n this.matchesByElement = new Multimap();\n }\n get started() {\n return this.elementObserver.started;\n }\n get selector() {\n return this._selector;\n }\n set selector(selector) {\n this._selector = selector;\n this.refresh();\n }\n start() {\n this.elementObserver.start();\n }\n pause(callback) {\n this.elementObserver.pause(callback);\n }\n stop() {\n this.elementObserver.stop();\n }\n refresh() {\n this.elementObserver.refresh();\n }\n get element() {\n return this.elementObserver.element;\n }\n matchElement(element) {\n const { selector } = this;\n if (selector) {\n const matches = element.matches(selector);\n if (this.delegate.selectorMatchElement) {\n return matches && this.delegate.selectorMatchElement(element, this.details);\n }\n return matches;\n }\n else {\n return false;\n }\n }\n matchElementsInTree(tree) {\n const { selector } = this;\n if (selector) {\n const match = this.matchElement(tree) ? [tree] : [];\n const matches = Array.from(tree.querySelectorAll(selector)).filter((match) => this.matchElement(match));\n return match.concat(matches);\n }\n else {\n return [];\n }\n }\n elementMatched(element) {\n const { selector } = this;\n if (selector) {\n this.selectorMatched(element, selector);\n }\n }\n elementUnmatched(element) {\n const selectors = this.matchesByElement.getKeysForValue(element);\n for (const selector of selectors) {\n this.selectorUnmatched(element, selector);\n }\n }\n elementAttributeChanged(element, _attributeName) {\n const { selector } = this;\n if (selector) {\n const matches = this.matchElement(element);\n const matchedBefore = this.matchesByElement.has(selector, element);\n if (matches && !matchedBefore) {\n this.selectorMatched(element, selector);\n }\n else if (!matches && matchedBefore) {\n this.selectorUnmatched(element, selector);\n }\n }\n }\n selectorMatched(element, selector) {\n this.delegate.selectorMatched(element, selector, this.details);\n this.matchesByElement.add(selector, element);\n }\n selectorUnmatched(element, selector) {\n this.delegate.selectorUnmatched(element, selector, this.details);\n this.matchesByElement.delete(selector, element);\n }\n}\n\nclass StringMapObserver {\n constructor(element, delegate) {\n this.element = element;\n this.delegate = delegate;\n this.started = false;\n this.stringMap = new Map();\n this.mutationObserver = new MutationObserver((mutations) => this.processMutations(mutations));\n }\n start() {\n if (!this.started) {\n this.started = true;\n this.mutationObserver.observe(this.element, { attributes: true, attributeOldValue: true });\n this.refresh();\n }\n }\n stop() {\n if (this.started) {\n this.mutationObserver.takeRecords();\n this.mutationObserver.disconnect();\n this.started = false;\n }\n }\n refresh() {\n if (this.started) {\n for (const attributeName of this.knownAttributeNames) {\n this.refreshAttribute(attributeName, null);\n }\n }\n }\n processMutations(mutations) {\n if (this.started) {\n for (const mutation of mutations) {\n this.processMutation(mutation);\n }\n }\n }\n processMutation(mutation) {\n const attributeName = mutation.attributeName;\n if (attributeName) {\n this.refreshAttribute(attributeName, mutation.oldValue);\n }\n }\n refreshAttribute(attributeName, oldValue) {\n const key = this.delegate.getStringMapKeyForAttribute(attributeName);\n if (key != null) {\n if (!this.stringMap.has(attributeName)) {\n this.stringMapKeyAdded(key, attributeName);\n }\n const value = this.element.getAttribute(attributeName);\n if (this.stringMap.get(attributeName) != value) {\n this.stringMapValueChanged(value, key, oldValue);\n }\n if (value == null) {\n const oldValue = this.stringMap.get(attributeName);\n this.stringMap.delete(attributeName);\n if (oldValue)\n this.stringMapKeyRemoved(key, attributeName, oldValue);\n }\n else {\n this.stringMap.set(attributeName, value);\n }\n }\n }\n stringMapKeyAdded(key, attributeName) {\n if (this.delegate.stringMapKeyAdded) {\n this.delegate.stringMapKeyAdded(key, attributeName);\n }\n }\n stringMapValueChanged(value, key, oldValue) {\n if (this.delegate.stringMapValueChanged) {\n this.delegate.stringMapValueChanged(value, key, oldValue);\n }\n }\n stringMapKeyRemoved(key, attributeName, oldValue) {\n if (this.delegate.stringMapKeyRemoved) {\n this.delegate.stringMapKeyRemoved(key, attributeName, oldValue);\n }\n }\n get knownAttributeNames() {\n return Array.from(new Set(this.currentAttributeNames.concat(this.recordedAttributeNames)));\n }\n get currentAttributeNames() {\n return Array.from(this.element.attributes).map((attribute) => attribute.name);\n }\n get recordedAttributeNames() {\n return Array.from(this.stringMap.keys());\n }\n}\n\nclass TokenListObserver {\n constructor(element, attributeName, delegate) {\n this.attributeObserver = new AttributeObserver(element, attributeName, this);\n this.delegate = delegate;\n this.tokensByElement = new Multimap();\n }\n get started() {\n return this.attributeObserver.started;\n }\n start() {\n this.attributeObserver.start();\n }\n pause(callback) {\n this.attributeObserver.pause(callback);\n }\n stop() {\n this.attributeObserver.stop();\n }\n refresh() {\n this.attributeObserver.refresh();\n }\n get element() {\n return this.attributeObserver.element;\n }\n get attributeName() {\n return this.attributeObserver.attributeName;\n }\n elementMatchedAttribute(element) {\n this.tokensMatched(this.readTokensForElement(element));\n }\n elementAttributeValueChanged(element) {\n const [unmatchedTokens, matchedTokens] = this.refreshTokensForElement(element);\n this.tokensUnmatched(unmatchedTokens);\n this.tokensMatched(matchedTokens);\n }\n elementUnmatchedAttribute(element) {\n this.tokensUnmatched(this.tokensByElement.getValuesForKey(element));\n }\n tokensMatched(tokens) {\n tokens.forEach((token) => this.tokenMatched(token));\n }\n tokensUnmatched(tokens) {\n tokens.forEach((token) => this.tokenUnmatched(token));\n }\n tokenMatched(token) {\n this.delegate.tokenMatched(token);\n this.tokensByElement.add(token.element, token);\n }\n tokenUnmatched(token) {\n this.delegate.tokenUnmatched(token);\n this.tokensByElement.delete(token.element, token);\n }\n refreshTokensForElement(element) {\n const previousTokens = this.tokensByElement.getValuesForKey(element);\n const currentTokens = this.readTokensForElement(element);\n const firstDifferingIndex = zip(previousTokens, currentTokens).findIndex(([previousToken, currentToken]) => !tokensAreEqual(previousToken, currentToken));\n if (firstDifferingIndex == -1) {\n return [[], []];\n }\n else {\n return [previousTokens.slice(firstDifferingIndex), currentTokens.slice(firstDifferingIndex)];\n }\n }\n readTokensForElement(element) {\n const attributeName = this.attributeName;\n const tokenString = element.getAttribute(attributeName) || \"\";\n return parseTokenString(tokenString, element, attributeName);\n }\n}\nfunction parseTokenString(tokenString, element, attributeName) {\n return tokenString\n .trim()\n .split(/\\s+/)\n .filter((content) => content.length)\n .map((content, index) => ({ element, attributeName, content, index }));\n}\nfunction zip(left, right) {\n const length = Math.max(left.length, right.length);\n return Array.from({ length }, (_, index) => [left[index], right[index]]);\n}\nfunction tokensAreEqual(left, right) {\n return left && right && left.index == right.index && left.content == right.content;\n}\n\nclass ValueListObserver {\n constructor(element, attributeName, delegate) {\n this.tokenListObserver = new TokenListObserver(element, attributeName, this);\n this.delegate = delegate;\n this.parseResultsByToken = new WeakMap();\n this.valuesByTokenByElement = new WeakMap();\n }\n get started() {\n return this.tokenListObserver.started;\n }\n start() {\n this.tokenListObserver.start();\n }\n stop() {\n this.tokenListObserver.stop();\n }\n refresh() {\n this.tokenListObserver.refresh();\n }\n get element() {\n return this.tokenListObserver.element;\n }\n get attributeName() {\n return this.tokenListObserver.attributeName;\n }\n tokenMatched(token) {\n const { element } = token;\n const { value } = this.fetchParseResultForToken(token);\n if (value) {\n this.fetchValuesByTokenForElement(element).set(token, value);\n this.delegate.elementMatchedValue(element, value);\n }\n }\n tokenUnmatched(token) {\n const { element } = token;\n const { value } = this.fetchParseResultForToken(token);\n if (value) {\n this.fetchValuesByTokenForElement(element).delete(token);\n this.delegate.elementUnmatchedValue(element, value);\n }\n }\n fetchParseResultForToken(token) {\n let parseResult = this.parseResultsByToken.get(token);\n if (!parseResult) {\n parseResult = this.parseToken(token);\n this.parseResultsByToken.set(token, parseResult);\n }\n return parseResult;\n }\n fetchValuesByTokenForElement(element) {\n let valuesByToken = this.valuesByTokenByElement.get(element);\n if (!valuesByToken) {\n valuesByToken = new Map();\n this.valuesByTokenByElement.set(element, valuesByToken);\n }\n return valuesByToken;\n }\n parseToken(token) {\n try {\n const value = this.delegate.parseValueForToken(token);\n return { value };\n }\n catch (error) {\n return { error };\n }\n }\n}\n\nclass BindingObserver {\n constructor(context, delegate) {\n this.context = context;\n this.delegate = delegate;\n this.bindingsByAction = new Map();\n }\n start() {\n if (!this.valueListObserver) {\n this.valueListObserver = new ValueListObserver(this.element, this.actionAttribute, this);\n this.valueListObserver.start();\n }\n }\n stop() {\n if (this.valueListObserver) {\n this.valueListObserver.stop();\n delete this.valueListObserver;\n this.disconnectAllActions();\n }\n }\n get element() {\n return this.context.element;\n }\n get identifier() {\n return this.context.identifier;\n }\n get actionAttribute() {\n return this.schema.actionAttribute;\n }\n get schema() {\n return this.context.schema;\n }\n get bindings() {\n return Array.from(this.bindingsByAction.values());\n }\n connectAction(action) {\n const binding = new Binding(this.context, action);\n this.bindingsByAction.set(action, binding);\n this.delegate.bindingConnected(binding);\n }\n disconnectAction(action) {\n const binding = this.bindingsByAction.get(action);\n if (binding) {\n this.bindingsByAction.delete(action);\n this.delegate.bindingDisconnected(binding);\n }\n }\n disconnectAllActions() {\n this.bindings.forEach((binding) => this.delegate.bindingDisconnected(binding, true));\n this.bindingsByAction.clear();\n }\n parseValueForToken(token) {\n const action = Action.forToken(token, this.schema);\n if (action.identifier == this.identifier) {\n return action;\n }\n }\n elementMatchedValue(element, action) {\n this.connectAction(action);\n }\n elementUnmatchedValue(element, action) {\n this.disconnectAction(action);\n }\n}\n\nclass ValueObserver {\n constructor(context, receiver) {\n this.context = context;\n this.receiver = receiver;\n this.stringMapObserver = new StringMapObserver(this.element, this);\n this.valueDescriptorMap = this.controller.valueDescriptorMap;\n }\n start() {\n this.stringMapObserver.start();\n this.invokeChangedCallbacksForDefaultValues();\n }\n stop() {\n this.stringMapObserver.stop();\n }\n get element() {\n return this.context.element;\n }\n get controller() {\n return this.context.controller;\n }\n getStringMapKeyForAttribute(attributeName) {\n if (attributeName in this.valueDescriptorMap) {\n return this.valueDescriptorMap[attributeName].name;\n }\n }\n stringMapKeyAdded(key, attributeName) {\n const descriptor = this.valueDescriptorMap[attributeName];\n if (!this.hasValue(key)) {\n this.invokeChangedCallback(key, descriptor.writer(this.receiver[key]), descriptor.writer(descriptor.defaultValue));\n }\n }\n stringMapValueChanged(value, name, oldValue) {\n const descriptor = this.valueDescriptorNameMap[name];\n if (value === null)\n return;\n if (oldValue === null) {\n oldValue = descriptor.writer(descriptor.defaultValue);\n }\n this.invokeChangedCallback(name, value, oldValue);\n }\n stringMapKeyRemoved(key, attributeName, oldValue) {\n const descriptor = this.valueDescriptorNameMap[key];\n if (this.hasValue(key)) {\n this.invokeChangedCallback(key, descriptor.writer(this.receiver[key]), oldValue);\n }\n else {\n this.invokeChangedCallback(key, descriptor.writer(descriptor.defaultValue), oldValue);\n }\n }\n invokeChangedCallbacksForDefaultValues() {\n for (const { key, name, defaultValue, writer } of this.valueDescriptors) {\n if (defaultValue != undefined && !this.controller.data.has(key)) {\n this.invokeChangedCallback(name, writer(defaultValue), undefined);\n }\n }\n }\n invokeChangedCallback(name, rawValue, rawOldValue) {\n const changedMethodName = `${name}Changed`;\n const changedMethod = this.receiver[changedMethodName];\n if (typeof changedMethod == \"function\") {\n const descriptor = this.valueDescriptorNameMap[name];\n try {\n const value = descriptor.reader(rawValue);\n let oldValue = rawOldValue;\n if (rawOldValue) {\n oldValue = descriptor.reader(rawOldValue);\n }\n changedMethod.call(this.receiver, value, oldValue);\n }\n catch (error) {\n if (error instanceof TypeError) {\n error.message = `Stimulus Value \"${this.context.identifier}.${descriptor.name}\" - ${error.message}`;\n }\n throw error;\n }\n }\n }\n get valueDescriptors() {\n const { valueDescriptorMap } = this;\n return Object.keys(valueDescriptorMap).map((key) => valueDescriptorMap[key]);\n }\n get valueDescriptorNameMap() {\n const descriptors = {};\n Object.keys(this.valueDescriptorMap).forEach((key) => {\n const descriptor = this.valueDescriptorMap[key];\n descriptors[descriptor.name] = descriptor;\n });\n return descriptors;\n }\n hasValue(attributeName) {\n const descriptor = this.valueDescriptorNameMap[attributeName];\n const hasMethodName = `has${capitalize(descriptor.name)}`;\n return this.receiver[hasMethodName];\n }\n}\n\nclass TargetObserver {\n constructor(context, delegate) {\n this.context = context;\n this.delegate = delegate;\n this.targetsByName = new Multimap();\n }\n start() {\n if (!this.tokenListObserver) {\n this.tokenListObserver = new TokenListObserver(this.element, this.attributeName, this);\n this.tokenListObserver.start();\n }\n }\n stop() {\n if (this.tokenListObserver) {\n this.disconnectAllTargets();\n this.tokenListObserver.stop();\n delete this.tokenListObserver;\n }\n }\n tokenMatched({ element, content: name }) {\n if (this.scope.containsElement(element)) {\n this.connectTarget(element, name);\n }\n }\n tokenUnmatched({ element, content: name }) {\n this.disconnectTarget(element, name);\n }\n connectTarget(element, name) {\n var _a;\n if (!this.targetsByName.has(name, element)) {\n this.targetsByName.add(name, element);\n (_a = this.tokenListObserver) === null || _a === void 0 ? void 0 : _a.pause(() => this.delegate.targetConnected(element, name));\n }\n }\n disconnectTarget(element, name) {\n var _a;\n if (this.targetsByName.has(name, element)) {\n this.targetsByName.delete(name, element);\n (_a = this.tokenListObserver) === null || _a === void 0 ? void 0 : _a.pause(() => this.delegate.targetDisconnected(element, name));\n }\n }\n disconnectAllTargets() {\n for (const name of this.targetsByName.keys) {\n for (const element of this.targetsByName.getValuesForKey(name)) {\n this.disconnectTarget(element, name);\n }\n }\n }\n get attributeName() {\n return `data-${this.context.identifier}-target`;\n }\n get element() {\n return this.context.element;\n }\n get scope() {\n return this.context.scope;\n }\n}\n\nfunction readInheritableStaticArrayValues(constructor, propertyName) {\n const ancestors = getAncestorsForConstructor(constructor);\n return Array.from(ancestors.reduce((values, constructor) => {\n getOwnStaticArrayValues(constructor, propertyName).forEach((name) => values.add(name));\n return values;\n }, new Set()));\n}\nfunction readInheritableStaticObjectPairs(constructor, propertyName) {\n const ancestors = getAncestorsForConstructor(constructor);\n return ancestors.reduce((pairs, constructor) => {\n pairs.push(...getOwnStaticObjectPairs(constructor, propertyName));\n return pairs;\n }, []);\n}\nfunction getAncestorsForConstructor(constructor) {\n const ancestors = [];\n while (constructor) {\n ancestors.push(constructor);\n constructor = Object.getPrototypeOf(constructor);\n }\n return ancestors.reverse();\n}\nfunction getOwnStaticArrayValues(constructor, propertyName) {\n const definition = constructor[propertyName];\n return Array.isArray(definition) ? definition : [];\n}\nfunction getOwnStaticObjectPairs(constructor, propertyName) {\n const definition = constructor[propertyName];\n return definition ? Object.keys(definition).map((key) => [key, definition[key]]) : [];\n}\n\nclass OutletObserver {\n constructor(context, delegate) {\n this.started = false;\n this.context = context;\n this.delegate = delegate;\n this.outletsByName = new Multimap();\n this.outletElementsByName = new Multimap();\n this.selectorObserverMap = new Map();\n this.attributeObserverMap = new Map();\n }\n start() {\n if (!this.started) {\n this.outletDefinitions.forEach((outletName) => {\n this.setupSelectorObserverForOutlet(outletName);\n this.setupAttributeObserverForOutlet(outletName);\n });\n this.started = true;\n this.dependentContexts.forEach((context) => context.refresh());\n }\n }\n refresh() {\n this.selectorObserverMap.forEach((observer) => observer.refresh());\n this.attributeObserverMap.forEach((observer) => observer.refresh());\n }\n stop() {\n if (this.started) {\n this.started = false;\n this.disconnectAllOutlets();\n this.stopSelectorObservers();\n this.stopAttributeObservers();\n }\n }\n stopSelectorObservers() {\n if (this.selectorObserverMap.size > 0) {\n this.selectorObserverMap.forEach((observer) => observer.stop());\n this.selectorObserverMap.clear();\n }\n }\n stopAttributeObservers() {\n if (this.attributeObserverMap.size > 0) {\n this.attributeObserverMap.forEach((observer) => observer.stop());\n this.attributeObserverMap.clear();\n }\n }\n selectorMatched(element, _selector, { outletName }) {\n const outlet = this.getOutlet(element, outletName);\n if (outlet) {\n this.connectOutlet(outlet, element, outletName);\n }\n }\n selectorUnmatched(element, _selector, { outletName }) {\n const outlet = this.getOutletFromMap(element, outletName);\n if (outlet) {\n this.disconnectOutlet(outlet, element, outletName);\n }\n }\n selectorMatchElement(element, { outletName }) {\n const selector = this.selector(outletName);\n const hasOutlet = this.hasOutlet(element, outletName);\n const hasOutletController = element.matches(`[${this.schema.controllerAttribute}~=${outletName}]`);\n if (selector) {\n return hasOutlet && hasOutletController && element.matches(selector);\n }\n else {\n return false;\n }\n }\n elementMatchedAttribute(_element, attributeName) {\n const outletName = this.getOutletNameFromOutletAttributeName(attributeName);\n if (outletName) {\n this.updateSelectorObserverForOutlet(outletName);\n }\n }\n elementAttributeValueChanged(_element, attributeName) {\n const outletName = this.getOutletNameFromOutletAttributeName(attributeName);\n if (outletName) {\n this.updateSelectorObserverForOutlet(outletName);\n }\n }\n elementUnmatchedAttribute(_element, attributeName) {\n const outletName = this.getOutletNameFromOutletAttributeName(attributeName);\n if (outletName) {\n this.updateSelectorObserverForOutlet(outletName);\n }\n }\n connectOutlet(outlet, element, outletName) {\n var _a;\n if (!this.outletElementsByName.has(outletName, element)) {\n this.outletsByName.add(outletName, outlet);\n this.outletElementsByName.add(outletName, element);\n (_a = this.selectorObserverMap.get(outletName)) === null || _a === void 0 ? void 0 : _a.pause(() => this.delegate.outletConnected(outlet, element, outletName));\n }\n }\n disconnectOutlet(outlet, element, outletName) {\n var _a;\n if (this.outletElementsByName.has(outletName, element)) {\n this.outletsByName.delete(outletName, outlet);\n this.outletElementsByName.delete(outletName, element);\n (_a = this.selectorObserverMap\n .get(outletName)) === null || _a === void 0 ? void 0 : _a.pause(() => this.delegate.outletDisconnected(outlet, element, outletName));\n }\n }\n disconnectAllOutlets() {\n for (const outletName of this.outletElementsByName.keys) {\n for (const element of this.outletElementsByName.getValuesForKey(outletName)) {\n for (const outlet of this.outletsByName.getValuesForKey(outletName)) {\n this.disconnectOutlet(outlet, element, outletName);\n }\n }\n }\n }\n updateSelectorObserverForOutlet(outletName) {\n const observer = this.selectorObserverMap.get(outletName);\n if (observer) {\n observer.selector = this.selector(outletName);\n }\n }\n setupSelectorObserverForOutlet(outletName) {\n const selector = this.selector(outletName);\n const selectorObserver = new SelectorObserver(document.body, selector, this, { outletName });\n this.selectorObserverMap.set(outletName, selectorObserver);\n selectorObserver.start();\n }\n setupAttributeObserverForOutlet(outletName) {\n const attributeName = this.attributeNameForOutletName(outletName);\n const attributeObserver = new AttributeObserver(this.scope.element, attributeName, this);\n this.attributeObserverMap.set(outletName, attributeObserver);\n attributeObserver.start();\n }\n selector(outletName) {\n return this.scope.outlets.getSelectorForOutletName(outletName);\n }\n attributeNameForOutletName(outletName) {\n return this.scope.schema.outletAttributeForScope(this.identifier, outletName);\n }\n getOutletNameFromOutletAttributeName(attributeName) {\n return this.outletDefinitions.find((outletName) => this.attributeNameForOutletName(outletName) === attributeName);\n }\n get outletDependencies() {\n const dependencies = new Multimap();\n this.router.modules.forEach((module) => {\n const constructor = module.definition.controllerConstructor;\n const outlets = readInheritableStaticArrayValues(constructor, \"outlets\");\n outlets.forEach((outlet) => dependencies.add(outlet, module.identifier));\n });\n return dependencies;\n }\n get outletDefinitions() {\n return this.outletDependencies.getKeysForValue(this.identifier);\n }\n get dependentControllerIdentifiers() {\n return this.outletDependencies.getValuesForKey(this.identifier);\n }\n get dependentContexts() {\n const identifiers = this.dependentControllerIdentifiers;\n return this.router.contexts.filter((context) => identifiers.includes(context.identifier));\n }\n hasOutlet(element, outletName) {\n return !!this.getOutlet(element, outletName) || !!this.getOutletFromMap(element, outletName);\n }\n getOutlet(element, outletName) {\n return this.application.getControllerForElementAndIdentifier(element, outletName);\n }\n getOutletFromMap(element, outletName) {\n return this.outletsByName.getValuesForKey(outletName).find((outlet) => outlet.element === element);\n }\n get scope() {\n return this.context.scope;\n }\n get schema() {\n return this.context.schema;\n }\n get identifier() {\n return this.context.identifier;\n }\n get application() {\n return this.context.application;\n }\n get router() {\n return this.application.router;\n }\n}\n\nclass Context {\n constructor(module, scope) {\n this.logDebugActivity = (functionName, detail = {}) => {\n const { identifier, controller, element } = this;\n detail = Object.assign({ identifier, controller, element }, detail);\n this.application.logDebugActivity(this.identifier, functionName, detail);\n };\n this.module = module;\n this.scope = scope;\n this.controller = new module.controllerConstructor(this);\n this.bindingObserver = new BindingObserver(this, this.dispatcher);\n this.valueObserver = new ValueObserver(this, this.controller);\n this.targetObserver = new TargetObserver(this, this);\n this.outletObserver = new OutletObserver(this, this);\n try {\n this.controller.initialize();\n this.logDebugActivity(\"initialize\");\n }\n catch (error) {\n this.handleError(error, \"initializing controller\");\n }\n }\n connect() {\n this.bindingObserver.start();\n this.valueObserver.start();\n this.targetObserver.start();\n this.outletObserver.start();\n try {\n this.controller.connect();\n this.logDebugActivity(\"connect\");\n }\n catch (error) {\n this.handleError(error, \"connecting controller\");\n }\n }\n refresh() {\n this.outletObserver.refresh();\n }\n disconnect() {\n try {\n this.controller.disconnect();\n this.logDebugActivity(\"disconnect\");\n }\n catch (error) {\n this.handleError(error, \"disconnecting controller\");\n }\n this.outletObserver.stop();\n this.targetObserver.stop();\n this.valueObserver.stop();\n this.bindingObserver.stop();\n }\n get application() {\n return this.module.application;\n }\n get identifier() {\n return this.module.identifier;\n }\n get schema() {\n return this.application.schema;\n }\n get dispatcher() {\n return this.application.dispatcher;\n }\n get element() {\n return this.scope.element;\n }\n get parentElement() {\n return this.element.parentElement;\n }\n handleError(error, message, detail = {}) {\n const { identifier, controller, element } = this;\n detail = Object.assign({ identifier, controller, element }, detail);\n this.application.handleError(error, `Error ${message}`, detail);\n }\n targetConnected(element, name) {\n this.invokeControllerMethod(`${name}TargetConnected`, element);\n }\n targetDisconnected(element, name) {\n this.invokeControllerMethod(`${name}TargetDisconnected`, element);\n }\n outletConnected(outlet, element, name) {\n this.invokeControllerMethod(`${namespaceCamelize(name)}OutletConnected`, outlet, element);\n }\n outletDisconnected(outlet, element, name) {\n this.invokeControllerMethod(`${namespaceCamelize(name)}OutletDisconnected`, outlet, element);\n }\n invokeControllerMethod(methodName, ...args) {\n const controller = this.controller;\n if (typeof controller[methodName] == \"function\") {\n controller[methodName](...args);\n }\n }\n}\n\nfunction bless(constructor) {\n return shadow(constructor, getBlessedProperties(constructor));\n}\nfunction shadow(constructor, properties) {\n const shadowConstructor = extend(constructor);\n const shadowProperties = getShadowProperties(constructor.prototype, properties);\n Object.defineProperties(shadowConstructor.prototype, shadowProperties);\n return shadowConstructor;\n}\nfunction getBlessedProperties(constructor) {\n const blessings = readInheritableStaticArrayValues(constructor, \"blessings\");\n return blessings.reduce((blessedProperties, blessing) => {\n const properties = blessing(constructor);\n for (const key in properties) {\n const descriptor = blessedProperties[key] || {};\n blessedProperties[key] = Object.assign(descriptor, properties[key]);\n }\n return blessedProperties;\n }, {});\n}\nfunction getShadowProperties(prototype, properties) {\n return getOwnKeys(properties).reduce((shadowProperties, key) => {\n const descriptor = getShadowedDescriptor(prototype, properties, key);\n if (descriptor) {\n Object.assign(shadowProperties, { [key]: descriptor });\n }\n return shadowProperties;\n }, {});\n}\nfunction getShadowedDescriptor(prototype, properties, key) {\n const shadowingDescriptor = Object.getOwnPropertyDescriptor(prototype, key);\n const shadowedByValue = shadowingDescriptor && \"value\" in shadowingDescriptor;\n if (!shadowedByValue) {\n const descriptor = Object.getOwnPropertyDescriptor(properties, key).value;\n if (shadowingDescriptor) {\n descriptor.get = shadowingDescriptor.get || descriptor.get;\n descriptor.set = shadowingDescriptor.set || descriptor.set;\n }\n return descriptor;\n }\n}\nconst getOwnKeys = (() => {\n if (typeof Object.getOwnPropertySymbols == \"function\") {\n return (object) => [...Object.getOwnPropertyNames(object), ...Object.getOwnPropertySymbols(object)];\n }\n else {\n return Object.getOwnPropertyNames;\n }\n})();\nconst extend = (() => {\n function extendWithReflect(constructor) {\n function extended() {\n return Reflect.construct(constructor, arguments, new.target);\n }\n extended.prototype = Object.create(constructor.prototype, {\n constructor: { value: extended },\n });\n Reflect.setPrototypeOf(extended, constructor);\n return extended;\n }\n function testReflectExtension() {\n const a = function () {\n this.a.call(this);\n };\n const b = extendWithReflect(a);\n b.prototype.a = function () { };\n return new b();\n }\n try {\n testReflectExtension();\n return extendWithReflect;\n }\n catch (error) {\n return (constructor) => class extended extends constructor {\n };\n }\n})();\n\nfunction blessDefinition(definition) {\n return {\n identifier: definition.identifier,\n controllerConstructor: bless(definition.controllerConstructor),\n };\n}\n\nclass Module {\n constructor(application, definition) {\n this.application = application;\n this.definition = blessDefinition(definition);\n this.contextsByScope = new WeakMap();\n this.connectedContexts = new Set();\n }\n get identifier() {\n return this.definition.identifier;\n }\n get controllerConstructor() {\n return this.definition.controllerConstructor;\n }\n get contexts() {\n return Array.from(this.connectedContexts);\n }\n connectContextForScope(scope) {\n const context = this.fetchContextForScope(scope);\n this.connectedContexts.add(context);\n context.connect();\n }\n disconnectContextForScope(scope) {\n const context = this.contextsByScope.get(scope);\n if (context) {\n this.connectedContexts.delete(context);\n context.disconnect();\n }\n }\n fetchContextForScope(scope) {\n let context = this.contextsByScope.get(scope);\n if (!context) {\n context = new Context(this, scope);\n this.contextsByScope.set(scope, context);\n }\n return context;\n }\n}\n\nclass ClassMap {\n constructor(scope) {\n this.scope = scope;\n }\n has(name) {\n return this.data.has(this.getDataKey(name));\n }\n get(name) {\n return this.getAll(name)[0];\n }\n getAll(name) {\n const tokenString = this.data.get(this.getDataKey(name)) || \"\";\n return tokenize(tokenString);\n }\n getAttributeName(name) {\n return this.data.getAttributeNameForKey(this.getDataKey(name));\n }\n getDataKey(name) {\n return `${name}-class`;\n }\n get data() {\n return this.scope.data;\n }\n}\n\nclass DataMap {\n constructor(scope) {\n this.scope = scope;\n }\n get element() {\n return this.scope.element;\n }\n get identifier() {\n return this.scope.identifier;\n }\n get(key) {\n const name = this.getAttributeNameForKey(key);\n return this.element.getAttribute(name);\n }\n set(key, value) {\n const name = this.getAttributeNameForKey(key);\n this.element.setAttribute(name, value);\n return this.get(key);\n }\n has(key) {\n const name = this.getAttributeNameForKey(key);\n return this.element.hasAttribute(name);\n }\n delete(key) {\n if (this.has(key)) {\n const name = this.getAttributeNameForKey(key);\n this.element.removeAttribute(name);\n return true;\n }\n else {\n return false;\n }\n }\n getAttributeNameForKey(key) {\n return `data-${this.identifier}-${dasherize(key)}`;\n }\n}\n\nclass Guide {\n constructor(logger) {\n this.warnedKeysByObject = new WeakMap();\n this.logger = logger;\n }\n warn(object, key, message) {\n let warnedKeys = this.warnedKeysByObject.get(object);\n if (!warnedKeys) {\n warnedKeys = new Set();\n this.warnedKeysByObject.set(object, warnedKeys);\n }\n if (!warnedKeys.has(key)) {\n warnedKeys.add(key);\n this.logger.warn(message, object);\n }\n }\n}\n\nfunction attributeValueContainsToken(attributeName, token) {\n return `[${attributeName}~=\"${token}\"]`;\n}\n\nclass TargetSet {\n constructor(scope) {\n this.scope = scope;\n }\n get element() {\n return this.scope.element;\n }\n get identifier() {\n return this.scope.identifier;\n }\n get schema() {\n return this.scope.schema;\n }\n has(targetName) {\n return this.find(targetName) != null;\n }\n find(...targetNames) {\n return targetNames.reduce((target, targetName) => target || this.findTarget(targetName) || this.findLegacyTarget(targetName), undefined);\n }\n findAll(...targetNames) {\n return targetNames.reduce((targets, targetName) => [\n ...targets,\n ...this.findAllTargets(targetName),\n ...this.findAllLegacyTargets(targetName),\n ], []);\n }\n findTarget(targetName) {\n const selector = this.getSelectorForTargetName(targetName);\n return this.scope.findElement(selector);\n }\n findAllTargets(targetName) {\n const selector = this.getSelectorForTargetName(targetName);\n return this.scope.findAllElements(selector);\n }\n getSelectorForTargetName(targetName) {\n const attributeName = this.schema.targetAttributeForScope(this.identifier);\n return attributeValueContainsToken(attributeName, targetName);\n }\n findLegacyTarget(targetName) {\n const selector = this.getLegacySelectorForTargetName(targetName);\n return this.deprecate(this.scope.findElement(selector), targetName);\n }\n findAllLegacyTargets(targetName) {\n const selector = this.getLegacySelectorForTargetName(targetName);\n return this.scope.findAllElements(selector).map((element) => this.deprecate(element, targetName));\n }\n getLegacySelectorForTargetName(targetName) {\n const targetDescriptor = `${this.identifier}.${targetName}`;\n return attributeValueContainsToken(this.schema.targetAttribute, targetDescriptor);\n }\n deprecate(element, targetName) {\n if (element) {\n const { identifier } = this;\n const attributeName = this.schema.targetAttribute;\n const revisedAttributeName = this.schema.targetAttributeForScope(identifier);\n this.guide.warn(element, `target:${targetName}`, `Please replace ${attributeName}=\"${identifier}.${targetName}\" with ${revisedAttributeName}=\"${targetName}\". ` +\n `The ${attributeName} attribute is deprecated and will be removed in a future version of Stimulus.`);\n }\n return element;\n }\n get guide() {\n return this.scope.guide;\n }\n}\n\nclass OutletSet {\n constructor(scope, controllerElement) {\n this.scope = scope;\n this.controllerElement = controllerElement;\n }\n get element() {\n return this.scope.element;\n }\n get identifier() {\n return this.scope.identifier;\n }\n get schema() {\n return this.scope.schema;\n }\n has(outletName) {\n return this.find(outletName) != null;\n }\n find(...outletNames) {\n return outletNames.reduce((outlet, outletName) => outlet || this.findOutlet(outletName), undefined);\n }\n findAll(...outletNames) {\n return outletNames.reduce((outlets, outletName) => [...outlets, ...this.findAllOutlets(outletName)], []);\n }\n getSelectorForOutletName(outletName) {\n const attributeName = this.schema.outletAttributeForScope(this.identifier, outletName);\n return this.controllerElement.getAttribute(attributeName);\n }\n findOutlet(outletName) {\n const selector = this.getSelectorForOutletName(outletName);\n if (selector)\n return this.findElement(selector, outletName);\n }\n findAllOutlets(outletName) {\n const selector = this.getSelectorForOutletName(outletName);\n return selector ? this.findAllElements(selector, outletName) : [];\n }\n findElement(selector, outletName) {\n const elements = this.scope.queryElements(selector);\n return elements.filter((element) => this.matchesElement(element, selector, outletName))[0];\n }\n findAllElements(selector, outletName) {\n const elements = this.scope.queryElements(selector);\n return elements.filter((element) => this.matchesElement(element, selector, outletName));\n }\n matchesElement(element, selector, outletName) {\n const controllerAttribute = element.getAttribute(this.scope.schema.controllerAttribute) || \"\";\n return element.matches(selector) && controllerAttribute.split(\" \").includes(outletName);\n }\n}\n\nclass Scope {\n constructor(schema, element, identifier, logger) {\n this.targets = new TargetSet(this);\n this.classes = new ClassMap(this);\n this.data = new DataMap(this);\n this.containsElement = (element) => {\n return element.closest(this.controllerSelector) === this.element;\n };\n this.schema = schema;\n this.element = element;\n this.identifier = identifier;\n this.guide = new Guide(logger);\n this.outlets = new OutletSet(this.documentScope, element);\n }\n findElement(selector) {\n return this.element.matches(selector) ? this.element : this.queryElements(selector).find(this.containsElement);\n }\n findAllElements(selector) {\n return [\n ...(this.element.matches(selector) ? [this.element] : []),\n ...this.queryElements(selector).filter(this.containsElement),\n ];\n }\n queryElements(selector) {\n return Array.from(this.element.querySelectorAll(selector));\n }\n get controllerSelector() {\n return attributeValueContainsToken(this.schema.controllerAttribute, this.identifier);\n }\n get isDocumentScope() {\n return this.element === document.documentElement;\n }\n get documentScope() {\n return this.isDocumentScope\n ? this\n : new Scope(this.schema, document.documentElement, this.identifier, this.guide.logger);\n }\n}\n\nclass ScopeObserver {\n constructor(element, schema, delegate) {\n this.element = element;\n this.schema = schema;\n this.delegate = delegate;\n this.valueListObserver = new ValueListObserver(this.element, this.controllerAttribute, this);\n this.scopesByIdentifierByElement = new WeakMap();\n this.scopeReferenceCounts = new WeakMap();\n }\n start() {\n this.valueListObserver.start();\n }\n stop() {\n this.valueListObserver.stop();\n }\n get controllerAttribute() {\n return this.schema.controllerAttribute;\n }\n parseValueForToken(token) {\n const { element, content: identifier } = token;\n return this.parseValueForElementAndIdentifier(element, identifier);\n }\n parseValueForElementAndIdentifier(element, identifier) {\n const scopesByIdentifier = this.fetchScopesByIdentifierForElement(element);\n let scope = scopesByIdentifier.get(identifier);\n if (!scope) {\n scope = this.delegate.createScopeForElementAndIdentifier(element, identifier);\n scopesByIdentifier.set(identifier, scope);\n }\n return scope;\n }\n elementMatchedValue(element, value) {\n const referenceCount = (this.scopeReferenceCounts.get(value) || 0) + 1;\n this.scopeReferenceCounts.set(value, referenceCount);\n if (referenceCount == 1) {\n this.delegate.scopeConnected(value);\n }\n }\n elementUnmatchedValue(element, value) {\n const referenceCount = this.scopeReferenceCounts.get(value);\n if (referenceCount) {\n this.scopeReferenceCounts.set(value, referenceCount - 1);\n if (referenceCount == 1) {\n this.delegate.scopeDisconnected(value);\n }\n }\n }\n fetchScopesByIdentifierForElement(element) {\n let scopesByIdentifier = this.scopesByIdentifierByElement.get(element);\n if (!scopesByIdentifier) {\n scopesByIdentifier = new Map();\n this.scopesByIdentifierByElement.set(element, scopesByIdentifier);\n }\n return scopesByIdentifier;\n }\n}\n\nclass Router {\n constructor(application) {\n this.application = application;\n this.scopeObserver = new ScopeObserver(this.element, this.schema, this);\n this.scopesByIdentifier = new Multimap();\n this.modulesByIdentifier = new Map();\n }\n get element() {\n return this.application.element;\n }\n get schema() {\n return this.application.schema;\n }\n get logger() {\n return this.application.logger;\n }\n get controllerAttribute() {\n return this.schema.controllerAttribute;\n }\n get modules() {\n return Array.from(this.modulesByIdentifier.values());\n }\n get contexts() {\n return this.modules.reduce((contexts, module) => contexts.concat(module.contexts), []);\n }\n start() {\n this.scopeObserver.start();\n }\n stop() {\n this.scopeObserver.stop();\n }\n loadDefinition(definition) {\n this.unloadIdentifier(definition.identifier);\n const module = new Module(this.application, definition);\n this.connectModule(module);\n const afterLoad = definition.controllerConstructor.afterLoad;\n if (afterLoad) {\n afterLoad.call(definition.controllerConstructor, definition.identifier, this.application);\n }\n }\n unloadIdentifier(identifier) {\n const module = this.modulesByIdentifier.get(identifier);\n if (module) {\n this.disconnectModule(module);\n }\n }\n getContextForElementAndIdentifier(element, identifier) {\n const module = this.modulesByIdentifier.get(identifier);\n if (module) {\n return module.contexts.find((context) => context.element == element);\n }\n }\n proposeToConnectScopeForElementAndIdentifier(element, identifier) {\n const scope = this.scopeObserver.parseValueForElementAndIdentifier(element, identifier);\n if (scope) {\n this.scopeObserver.elementMatchedValue(scope.element, scope);\n }\n else {\n console.error(`Couldn't find or create scope for identifier: \"${identifier}\" and element:`, element);\n }\n }\n handleError(error, message, detail) {\n this.application.handleError(error, message, detail);\n }\n createScopeForElementAndIdentifier(element, identifier) {\n return new Scope(this.schema, element, identifier, this.logger);\n }\n scopeConnected(scope) {\n this.scopesByIdentifier.add(scope.identifier, scope);\n const module = this.modulesByIdentifier.get(scope.identifier);\n if (module) {\n module.connectContextForScope(scope);\n }\n }\n scopeDisconnected(scope) {\n this.scopesByIdentifier.delete(scope.identifier, scope);\n const module = this.modulesByIdentifier.get(scope.identifier);\n if (module) {\n module.disconnectContextForScope(scope);\n }\n }\n connectModule(module) {\n this.modulesByIdentifier.set(module.identifier, module);\n const scopes = this.scopesByIdentifier.getValuesForKey(module.identifier);\n scopes.forEach((scope) => module.connectContextForScope(scope));\n }\n disconnectModule(module) {\n this.modulesByIdentifier.delete(module.identifier);\n const scopes = this.scopesByIdentifier.getValuesForKey(module.identifier);\n scopes.forEach((scope) => module.disconnectContextForScope(scope));\n }\n}\n\nconst defaultSchema = {\n controllerAttribute: \"data-controller\",\n actionAttribute: \"data-action\",\n targetAttribute: \"data-target\",\n targetAttributeForScope: (identifier) => `data-${identifier}-target`,\n outletAttributeForScope: (identifier, outlet) => `data-${identifier}-${outlet}-outlet`,\n keyMappings: Object.assign(Object.assign({ enter: \"Enter\", tab: \"Tab\", esc: \"Escape\", space: \" \", up: \"ArrowUp\", down: \"ArrowDown\", left: \"ArrowLeft\", right: \"ArrowRight\", home: \"Home\", end: \"End\", page_up: \"PageUp\", page_down: \"PageDown\" }, objectFromEntries(\"abcdefghijklmnopqrstuvwxyz\".split(\"\").map((c) => [c, c]))), objectFromEntries(\"0123456789\".split(\"\").map((n) => [n, n]))),\n};\nfunction objectFromEntries(array) {\n return array.reduce((memo, [k, v]) => (Object.assign(Object.assign({}, memo), { [k]: v })), {});\n}\n\nclass Application {\n constructor(element = document.documentElement, schema = defaultSchema) {\n this.logger = console;\n this.debug = false;\n this.logDebugActivity = (identifier, functionName, detail = {}) => {\n if (this.debug) {\n this.logFormattedMessage(identifier, functionName, detail);\n }\n };\n this.element = element;\n this.schema = schema;\n this.dispatcher = new Dispatcher(this);\n this.router = new Router(this);\n this.actionDescriptorFilters = Object.assign({}, defaultActionDescriptorFilters);\n }\n static start(element, schema) {\n const application = new this(element, schema);\n application.start();\n return application;\n }\n async start() {\n await domReady();\n this.logDebugActivity(\"application\", \"starting\");\n this.dispatcher.start();\n this.router.start();\n this.logDebugActivity(\"application\", \"start\");\n }\n stop() {\n this.logDebugActivity(\"application\", \"stopping\");\n this.dispatcher.stop();\n this.router.stop();\n this.logDebugActivity(\"application\", \"stop\");\n }\n register(identifier, controllerConstructor) {\n this.load({ identifier, controllerConstructor });\n }\n registerActionOption(name, filter) {\n this.actionDescriptorFilters[name] = filter;\n }\n load(head, ...rest) {\n const definitions = Array.isArray(head) ? head : [head, ...rest];\n definitions.forEach((definition) => {\n if (definition.controllerConstructor.shouldLoad) {\n this.router.loadDefinition(definition);\n }\n });\n }\n unload(head, ...rest) {\n const identifiers = Array.isArray(head) ? head : [head, ...rest];\n identifiers.forEach((identifier) => this.router.unloadIdentifier(identifier));\n }\n get controllers() {\n return this.router.contexts.map((context) => context.controller);\n }\n getControllerForElementAndIdentifier(element, identifier) {\n const context = this.router.getContextForElementAndIdentifier(element, identifier);\n return context ? context.controller : null;\n }\n handleError(error, message, detail) {\n var _a;\n this.logger.error(`%s\\n\\n%o\\n\\n%o`, message, error, detail);\n (_a = window.onerror) === null || _a === void 0 ? void 0 : _a.call(window, message, \"\", 0, 0, error);\n }\n logFormattedMessage(identifier, functionName, detail = {}) {\n detail = Object.assign({ application: this }, detail);\n this.logger.groupCollapsed(`${identifier} #${functionName}`);\n this.logger.log(\"details:\", Object.assign({}, detail));\n this.logger.groupEnd();\n }\n}\nfunction domReady() {\n return new Promise((resolve) => {\n if (document.readyState == \"loading\") {\n document.addEventListener(\"DOMContentLoaded\", () => resolve());\n }\n else {\n resolve();\n }\n });\n}\n\nfunction ClassPropertiesBlessing(constructor) {\n const classes = readInheritableStaticArrayValues(constructor, \"classes\");\n return classes.reduce((properties, classDefinition) => {\n return Object.assign(properties, propertiesForClassDefinition(classDefinition));\n }, {});\n}\nfunction propertiesForClassDefinition(key) {\n return {\n [`${key}Class`]: {\n get() {\n const { classes } = this;\n if (classes.has(key)) {\n return classes.get(key);\n }\n else {\n const attribute = classes.getAttributeName(key);\n throw new Error(`Missing attribute \"${attribute}\"`);\n }\n },\n },\n [`${key}Classes`]: {\n get() {\n return this.classes.getAll(key);\n },\n },\n [`has${capitalize(key)}Class`]: {\n get() {\n return this.classes.has(key);\n },\n },\n };\n}\n\nfunction OutletPropertiesBlessing(constructor) {\n const outlets = readInheritableStaticArrayValues(constructor, \"outlets\");\n return outlets.reduce((properties, outletDefinition) => {\n return Object.assign(properties, propertiesForOutletDefinition(outletDefinition));\n }, {});\n}\nfunction getOutletController(controller, element, identifier) {\n return controller.application.getControllerForElementAndIdentifier(element, identifier);\n}\nfunction getControllerAndEnsureConnectedScope(controller, element, outletName) {\n let outletController = getOutletController(controller, element, outletName);\n if (outletController)\n return outletController;\n controller.application.router.proposeToConnectScopeForElementAndIdentifier(element, outletName);\n outletController = getOutletController(controller, element, outletName);\n if (outletController)\n return outletController;\n}\nfunction propertiesForOutletDefinition(name) {\n const camelizedName = namespaceCamelize(name);\n return {\n [`${camelizedName}Outlet`]: {\n get() {\n const outletElement = this.outlets.find(name);\n const selector = this.outlets.getSelectorForOutletName(name);\n if (outletElement) {\n const outletController = getControllerAndEnsureConnectedScope(this, outletElement, name);\n if (outletController)\n return outletController;\n throw new Error(`The provided outlet element is missing an outlet controller \"${name}\" instance for host controller \"${this.identifier}\"`);\n }\n throw new Error(`Missing outlet element \"${name}\" for host controller \"${this.identifier}\". Stimulus couldn't find a matching outlet element using selector \"${selector}\".`);\n },\n },\n [`${camelizedName}Outlets`]: {\n get() {\n const outlets = this.outlets.findAll(name);\n if (outlets.length > 0) {\n return outlets\n .map((outletElement) => {\n const outletController = getControllerAndEnsureConnectedScope(this, outletElement, name);\n if (outletController)\n return outletController;\n console.warn(`The provided outlet element is missing an outlet controller \"${name}\" instance for host controller \"${this.identifier}\"`, outletElement);\n })\n .filter((controller) => controller);\n }\n return [];\n },\n },\n [`${camelizedName}OutletElement`]: {\n get() {\n const outletElement = this.outlets.find(name);\n const selector = this.outlets.getSelectorForOutletName(name);\n if (outletElement) {\n return outletElement;\n }\n else {\n throw new Error(`Missing outlet element \"${name}\" for host controller \"${this.identifier}\". Stimulus couldn't find a matching outlet element using selector \"${selector}\".`);\n }\n },\n },\n [`${camelizedName}OutletElements`]: {\n get() {\n return this.outlets.findAll(name);\n },\n },\n [`has${capitalize(camelizedName)}Outlet`]: {\n get() {\n return this.outlets.has(name);\n },\n },\n };\n}\n\nfunction TargetPropertiesBlessing(constructor) {\n const targets = readInheritableStaticArrayValues(constructor, \"targets\");\n return targets.reduce((properties, targetDefinition) => {\n return Object.assign(properties, propertiesForTargetDefinition(targetDefinition));\n }, {});\n}\nfunction propertiesForTargetDefinition(name) {\n return {\n [`${name}Target`]: {\n get() {\n const target = this.targets.find(name);\n if (target) {\n return target;\n }\n else {\n throw new Error(`Missing target element \"${name}\" for \"${this.identifier}\" controller`);\n }\n },\n },\n [`${name}Targets`]: {\n get() {\n return this.targets.findAll(name);\n },\n },\n [`has${capitalize(name)}Target`]: {\n get() {\n return this.targets.has(name);\n },\n },\n };\n}\n\nfunction ValuePropertiesBlessing(constructor) {\n const valueDefinitionPairs = readInheritableStaticObjectPairs(constructor, \"values\");\n const propertyDescriptorMap = {\n valueDescriptorMap: {\n get() {\n return valueDefinitionPairs.reduce((result, valueDefinitionPair) => {\n const valueDescriptor = parseValueDefinitionPair(valueDefinitionPair, this.identifier);\n const attributeName = this.data.getAttributeNameForKey(valueDescriptor.key);\n return Object.assign(result, { [attributeName]: valueDescriptor });\n }, {});\n },\n },\n };\n return valueDefinitionPairs.reduce((properties, valueDefinitionPair) => {\n return Object.assign(properties, propertiesForValueDefinitionPair(valueDefinitionPair));\n }, propertyDescriptorMap);\n}\nfunction propertiesForValueDefinitionPair(valueDefinitionPair, controller) {\n const definition = parseValueDefinitionPair(valueDefinitionPair, controller);\n const { key, name, reader: read, writer: write } = definition;\n return {\n [name]: {\n get() {\n const value = this.data.get(key);\n if (value !== null) {\n return read(value);\n }\n else {\n return definition.defaultValue;\n }\n },\n set(value) {\n if (value === undefined) {\n this.data.delete(key);\n }\n else {\n this.data.set(key, write(value));\n }\n },\n },\n [`has${capitalize(name)}`]: {\n get() {\n return this.data.has(key) || definition.hasCustomDefaultValue;\n },\n },\n };\n}\nfunction parseValueDefinitionPair([token, typeDefinition], controller) {\n return valueDescriptorForTokenAndTypeDefinition({\n controller,\n token,\n typeDefinition,\n });\n}\nfunction parseValueTypeConstant(constant) {\n switch (constant) {\n case Array:\n return \"array\";\n case Boolean:\n return \"boolean\";\n case Number:\n return \"number\";\n case Object:\n return \"object\";\n case String:\n return \"string\";\n }\n}\nfunction parseValueTypeDefault(defaultValue) {\n switch (typeof defaultValue) {\n case \"boolean\":\n return \"boolean\";\n case \"number\":\n return \"number\";\n case \"string\":\n return \"string\";\n }\n if (Array.isArray(defaultValue))\n return \"array\";\n if (Object.prototype.toString.call(defaultValue) === \"[object Object]\")\n return \"object\";\n}\nfunction parseValueTypeObject(payload) {\n const { controller, token, typeObject } = payload;\n const hasType = isSomething(typeObject.type);\n const hasDefault = isSomething(typeObject.default);\n const fullObject = hasType && hasDefault;\n const onlyType = hasType && !hasDefault;\n const onlyDefault = !hasType && hasDefault;\n const typeFromObject = parseValueTypeConstant(typeObject.type);\n const typeFromDefaultValue = parseValueTypeDefault(payload.typeObject.default);\n if (onlyType)\n return typeFromObject;\n if (onlyDefault)\n return typeFromDefaultValue;\n if (typeFromObject !== typeFromDefaultValue) {\n const propertyPath = controller ? `${controller}.${token}` : token;\n throw new Error(`The specified default value for the Stimulus Value \"${propertyPath}\" must match the defined type \"${typeFromObject}\". The provided default value of \"${typeObject.default}\" is of type \"${typeFromDefaultValue}\".`);\n }\n if (fullObject)\n return typeFromObject;\n}\nfunction parseValueTypeDefinition(payload) {\n const { controller, token, typeDefinition } = payload;\n const typeObject = { controller, token, typeObject: typeDefinition };\n const typeFromObject = parseValueTypeObject(typeObject);\n const typeFromDefaultValue = parseValueTypeDefault(typeDefinition);\n const typeFromConstant = parseValueTypeConstant(typeDefinition);\n const type = typeFromObject || typeFromDefaultValue || typeFromConstant;\n if (type)\n return type;\n const propertyPath = controller ? `${controller}.${typeDefinition}` : token;\n throw new Error(`Unknown value type \"${propertyPath}\" for \"${token}\" value`);\n}\nfunction defaultValueForDefinition(typeDefinition) {\n const constant = parseValueTypeConstant(typeDefinition);\n if (constant)\n return defaultValuesByType[constant];\n const hasDefault = hasProperty(typeDefinition, \"default\");\n const hasType = hasProperty(typeDefinition, \"type\");\n const typeObject = typeDefinition;\n if (hasDefault)\n return typeObject.default;\n if (hasType) {\n const { type } = typeObject;\n const constantFromType = parseValueTypeConstant(type);\n if (constantFromType)\n return defaultValuesByType[constantFromType];\n }\n return typeDefinition;\n}\nfunction valueDescriptorForTokenAndTypeDefinition(payload) {\n const { token, typeDefinition } = payload;\n const key = `${dasherize(token)}-value`;\n const type = parseValueTypeDefinition(payload);\n return {\n type,\n key,\n name: camelize(key),\n get defaultValue() {\n return defaultValueForDefinition(typeDefinition);\n },\n get hasCustomDefaultValue() {\n return parseValueTypeDefault(typeDefinition) !== undefined;\n },\n reader: readers[type],\n writer: writers[type] || writers.default,\n };\n}\nconst defaultValuesByType = {\n get array() {\n return [];\n },\n boolean: false,\n number: 0,\n get object() {\n return {};\n },\n string: \"\",\n};\nconst readers = {\n array(value) {\n const array = JSON.parse(value);\n if (!Array.isArray(array)) {\n throw new TypeError(`expected value of type \"array\" but instead got value \"${value}\" of type \"${parseValueTypeDefault(array)}\"`);\n }\n return array;\n },\n boolean(value) {\n return !(value == \"0\" || String(value).toLowerCase() == \"false\");\n },\n number(value) {\n return Number(value.replace(/_/g, \"\"));\n },\n object(value) {\n const object = JSON.parse(value);\n if (object === null || typeof object != \"object\" || Array.isArray(object)) {\n throw new TypeError(`expected value of type \"object\" but instead got value \"${value}\" of type \"${parseValueTypeDefault(object)}\"`);\n }\n return object;\n },\n string(value) {\n return value;\n },\n};\nconst writers = {\n default: writeString,\n array: writeJSON,\n object: writeJSON,\n};\nfunction writeJSON(value) {\n return JSON.stringify(value);\n}\nfunction writeString(value) {\n return `${value}`;\n}\n\nclass Controller {\n constructor(context) {\n this.context = context;\n }\n static get shouldLoad() {\n return true;\n }\n static afterLoad(_identifier, _application) {\n return;\n }\n get application() {\n return this.context.application;\n }\n get scope() {\n return this.context.scope;\n }\n get element() {\n return this.scope.element;\n }\n get identifier() {\n return this.scope.identifier;\n }\n get targets() {\n return this.scope.targets;\n }\n get outlets() {\n return this.scope.outlets;\n }\n get classes() {\n return this.scope.classes;\n }\n get data() {\n return this.scope.data;\n }\n initialize() {\n }\n connect() {\n }\n disconnect() {\n }\n dispatch(eventName, { target = this.element, detail = {}, prefix = this.identifier, bubbles = true, cancelable = true, } = {}) {\n const type = prefix ? `${prefix}:${eventName}` : eventName;\n const event = new CustomEvent(type, { detail, bubbles, cancelable });\n target.dispatchEvent(event);\n return event;\n }\n}\nController.blessings = [\n ClassPropertiesBlessing,\n TargetPropertiesBlessing,\n ValuePropertiesBlessing,\n OutletPropertiesBlessing,\n];\nController.targets = [];\nController.outlets = [];\nController.values = {};\n\nexport { Application, AttributeObserver, Context, Controller, ElementObserver, IndexedMultimap, Multimap, SelectorObserver, StringMapObserver, TokenListObserver, ValueListObserver, add, defaultSchema, del, fetch, prune };\n","import { Controller } from \"@hotwired/stimulus\"\n\nexport default class extends Controller {\n static targets = [\"chevron\", \"content\"]\n\n static values = { open: Boolean }\n\n toggleOpen() {\n this.openValue = !this.openValue\n }\n\n connect() {\n this.contentTarget.style.transition = \"height 0.3s ease\"\n this.contentTarget.style.overflow = \"hidden\"\n if (!this.openValue) {\n this.contentTarget.classList.remove(\"hidden\")\n this.contentTarget.style.height = \"0px\"\n }\n }\n\n openValueChanged() {\n this.chevronTarget.classList.toggle(\"rotate-90\", this.openValue)\n if (this.openValue) {\n this.contentTarget.style.height = `${this.contentTarget.scrollHeight}px`\n } else {\n this.contentTarget.style.height = \"0px\"\n }\n }\n}\n","import { Controller } from \"@hotwired/stimulus\"\n\nexport default class extends Controller {\n static targets = [\n \"extractFileAttributeButton\",\n \"cancelExtractFileAttributeButton\",\n \"tooltipContainer\",\n \"tooltipContent\"\n ]\n\n static outlets = [\"scope\"]\n\n static values = {\n fileAttributeId: String\n }\n\n connect() {\n document.addEventListener(\n \"stimulus:fileAttrExtractionFromfileAttributeSettings-\" + this.fileAttributeIdValue,\n e => {\n const { action, payload } = e.detail\n if (Array.isArray(payload)) {\n this[action](...payload)\n } else {\n this[action](payload)\n }\n }\n )\n }\n\n initialize() {\n this.timeoutMap = {}\n }\n\n extractFileAttribute(e) {\n const formData = new FormData()\n const csrfToken = document.querySelector(\"meta[name=csrf-token]\").content\n formData.set(\"authenticity_token\", csrfToken)\n\n this.extractFileAttributeButtonTarget.disabled = true\n this.extractFileAttributeButtonTarget.classList.remove(\"cursor-pointer\")\n this.extractFileAttributeButtonTarget.classList.add(\"cursor-not-allowed\", \"opacity-50\")\n\n this.cancelExtractFileAttributeButtonTarget.disabled = false\n this.cancelExtractFileAttributeButtonTarget.classList.remove(\"cursor-not-allowed\", \"opacity-50\")\n this.cancelExtractFileAttributeButtonTarget.classList.add(\"cursor-pointer\")\n\n this.tooltipContainerTarget.classList.remove(\"hidden\")\n this.tooltipContainerTarget.innerHTML = \"Extracting Attribute\"\n\n this.fileAttributeId = e.file_attribute_ids[0]\n\n const { organizationIdValue, dataSpaceSlugValue } = this.scopeOutlet\n let url = `/extractions/organizations/${organizationIdValue}/`\n url += `data_spaces/${dataSpaceSlugValue}/`\n url += `file_attributes_tickets?file_attribute_ids[]=${this.fileAttributeId}`\n\n fetch(url, { method: \"POST\", body: formData }).then(() => {\n const { organizationIdValue } = this.scopeOutlet\n this.updateFileAttribute(organizationIdValue, this.fileAttributeId)\n })\n }\n\n restoreExtractFileAttributeButtonTarget(fileAttributeId) {\n const extractFileAttributeButtonTarget = this.extractFileAttributeButtonTargets.find(\n button => button.dataset.fileAttributeExtractionOnSettingPageFileAttributeIdParam === fileAttributeId\n )\n if (extractFileAttributeButtonTarget) {\n extractFileAttributeButtonTarget.disabled = false\n extractFileAttributeButtonTarget.classList.add(\"cursor-pointer\")\n extractFileAttributeButtonTarget.classList.remove(\"cursor-not-allowed\", \"opacity-50\")\n }\n if (this.tooltipContainerTargets.length > 0) {\n this.tooltipContainerTarget.classList.add(\"hidden\")\n }\n }\n\n restoreCancelFileAttributeButtonTarget() {\n this.cancelExtractFileAttributeButtonTarget.disabled = true\n this.cancelExtractFileAttributeButtonTarget.classList.remove(\"cursor-pointer\")\n this.cancelExtractFileAttributeButtonTarget.classList.add(\"cursor-not-allowed\", \"opacity-50\")\n }\n\n updateFileAttribute(organizationId, fileAttributeId) {\n const { dataSpaceSlugValue } = this.scopeOutlet\n let url = `/organizations/${organizationId}/data_spaces/${dataSpaceSlugValue}/`\n url += `setting/file_attributes/${fileAttributeId}/file_attribute_status_polling`\n\n fetch(url)\n .then(response => response.json())\n .then(({ status }) => {\n if (status === \"in_progress\") {\n this.timeoutMap[fileAttributeId] = setTimeout(() => {\n this.updateFileAttribute(organizationId, fileAttributeId)\n }, 6000) // Poll every 6 seconds\n } else {\n // remove settimeout event\n clearTimeout(this.timeoutMap[fileAttributeId])\n this.restoreExtractFileAttributeButtonTarget(fileAttributeId)\n this.restoreCancelFileAttributeButtonTarget()\n }\n })\n }\n}\n","import FileAttributeExtractionOnSettingPageController from \"./file_attribute_extraction_on_setting_page_controller\"\n\nexport default class extends FileAttributeExtractionOnSettingPageController {\n static outlets = [\"scope\"]\n\n connect() {\n document.addEventListener(\"stimulus:allFilesAttributeExtractionOnSettingPageController\", this.onEvent)\n }\n\n disconnect() {\n document.removeEventListener(\"stimulus:allFilesAttributeExtractionOnSettingPageController\", this.onEvent)\n }\n\n onEvent = e => {\n this[e.detail.action](e.detail.payload)\n }\n\n extractFileAttributes(event) {\n let fileAttributeIds = event.file_attribute_ids\n\n const formData = new FormData()\n const csrfToken = document.querySelector(\"meta[name=csrf-token]\").content\n formData.set(\"authenticity_token\", csrfToken)\n\n const { organizationIdValue, dataSpaceSlugValue } = this.scopeOutlet\n let url = `/extractions/organizations/${organizationIdValue}/`\n url += `data_spaces/${dataSpaceSlugValue}/`\n url += `file_attributes_tickets?file_attribute_ids[]=${fileAttributeIds.join(\"&file_attribute_ids[]=\")}`\n\n fetch(url, { method: \"POST\", body: formData }).then(() => {\n fileAttributeIds.forEach(fileAttributeId => {\n document.dispatchEvent(\n new CustomEvent(`stimulus:fileAttrExtractionFromfileAttributeSettings-${fileAttributeId}`, {\n detail: { action: \"updateFileAttribute\", payload: [organizationIdValue, fileAttributeId] }\n })\n )\n\n const button = document.getElementById(`extract-attr-${fileAttributeId}-on-all-files-button`)\n button.disabled = true\n button.classList.remove(\"cursor-pointer\")\n button.classList.add(\"cursor-not-allowed\", \"opacity-50\")\n\n // const cancelButton = document.getElementById(`cancel-extract-attr-${fileAttributeId}-on-all-files-button`)\n //\n // cancelButton.disabled = false\n // cancelButton.classList.remove(\"cursor-not-allowed\", \"opacity-50\")\n // cancelButton.classList.add(\"cursor-pointer\")\n })\n })\n }\n}\n","import { Controller } from \"@hotwired/stimulus\"\n\nexport default class extends Controller {\n static targets = [\n \"extractProjectAttributeButton\",\n \"cancelExtractAttributeButton\",\n \"tooltipContainer\",\n \"tooltipContent\"\n ]\n\n static outlets = [\"scope\"]\n\n static values = {\n projectAttributeId: String\n }\n\n initialize() {\n this.timeoutMap = {}\n }\n\n connect() {\n document.addEventListener(\"stimulus:projectAttributeExtraction-\" + this.projectAttributeIdValue, e => {\n const { action, payload } = e.detail\n if (Array.isArray(payload)) {\n this[action](...payload)\n } else {\n this[action](payload)\n }\n })\n }\n\n extractProjectAttribute() {\n const formData = new FormData()\n const csrfToken = document.querySelector(\"meta[name=csrf-token]\").content\n formData.set(\"authenticity_token\", csrfToken)\n\n this.extractProjectAttributeButtonTarget.disabled = true\n this.extractProjectAttributeButtonTarget.classList.remove(\"cursor-pointer\")\n this.extractProjectAttributeButtonTarget.classList.add(\"cursor-not-allowed\", \"opacity-50\")\n\n this.cancelExtractAttributeButtonTarget.disabled = false\n this.cancelExtractAttributeButtonTarget.classList.remove(\"cursor-not-allowed\", \"opacity-50\")\n this.cancelExtractAttributeButtonTarget.classList.add(\"cursor-pointer\")\n\n this.tooltipContainerTarget.classList.remove(\"hidden\")\n this.tooltipContainerTarget.innerHTML = \"Extracting Attribute\"\n\n const { organizationIdValue, dataSpaceSlugValue } = this.scopeOutlet\n let url = `/extractions/organizations/${organizationIdValue}/`\n url += `data_spaces/${dataSpaceSlugValue}/`\n url += `entity_attributes_tickets?entity_attribute_ids[]=${this.projectAttributeIdValue}`\n\n fetch(url, { method: \"POST\", body: formData }).then(() => {\n const { organizationIdValue } = this.scopeOutlet\n this.updateProjectAttribute(organizationIdValue, this.projectAttributeIdValue)\n })\n }\n\n restoreExtractprojectAttributeButtonTarget(projectAttributeId) {\n const extractProjectAttributeButtonTarget = this.extractProjectAttributeButtonTargets.find(\n button => button.dataset.projectAttributeExtractionOnSettingPageProjectAttributeIdParam === projectAttributeId\n )\n if (extractProjectAttributeButtonTarget) {\n extractProjectAttributeButtonTarget.disabled = false\n extractProjectAttributeButtonTarget.classList.add(\"cursor-pointer\")\n extractProjectAttributeButtonTarget.classList.remove(\"cursor-not-allowed\", \"opacity-50\")\n }\n if (this.tooltipContainerTargets.length > 0) {\n this.tooltipContainerTarget.classList.add(\"hidden\")\n }\n }\n\n restoreCancelExtractAttributeButton() {\n this.cancelExtractAttributeButtonTarget.disabled = true\n this.cancelExtractAttributeButtonTarget.classList.remove(\"cursor-pointer\")\n this.cancelExtractAttributeButtonTarget.classList.add(\"cursor-not-allowed\", \"opacity-50\")\n }\n\n updateProjectAttribute(organizationId, projectAttributeId) {\n const { dataSpaceSlugValue } = this.scopeOutlet\n let url = `/organizations/${organizationId}/data_spaces/${dataSpaceSlugValue}/`\n url += `setting/entity_attributes/${projectAttributeId}/entity_attribute_status_polling`\n\n fetch(url)\n .then(response => response.json())\n .then(({ status }) => {\n if (status === \"in_progress\") {\n this.timeoutMap[projectAttributeId] = setTimeout(() => {\n this.updateProjectAttribute(organizationId, projectAttributeId)\n }, 6000) // Poll every 6 seconds\n } else {\n // remove settimeout event\n clearTimeout(this.timeoutMap[projectAttributeId])\n this.restoreExtractprojectAttributeButtonTarget(projectAttributeId)\n }\n })\n }\n}\n","import ProjectAttributeExtractionOnSettingPageController from \"./project_attribute_extraction_on_setting_page_controller\"\n\nexport default class extends ProjectAttributeExtractionOnSettingPageController {\n static outlets = [\"scope\"]\n\n connect() {\n document.addEventListener(\"stimulus:allProjectAttributesExtraction\", this.onEvent)\n }\n\n disconnect() {\n document.removeEventListener(\"stimulus:allProjectAttributesExtraction\", this.onEvent)\n }\n\n onEvent = e => {\n this[e.detail.action](e.detail.payload)\n }\n\n extractProjectAttributes(event) {\n let entityAttributeIds = event.project_attribute_ids\n\n const formData = new FormData()\n const csrfToken = document.querySelector(\"meta[name=csrf-token]\").content\n formData.set(\"authenticity_token\", csrfToken)\n\n const { organizationIdValue, dataSpaceSlugValue } = this.scopeOutlet\n let url = `/extractions/organizations/${organizationIdValue}/`\n url += `data_spaces/${dataSpaceSlugValue}/`\n url += `entity_attributes_tickets?entity_attribute_ids[]=${entityAttributeIds.join(\"&entity_attribute_ids[]=\")}`\n\n fetch(url, { method: \"POST\", body: formData }).then(() => {\n entityAttributeIds.forEach(entityAttributeId => {\n const button = document.getElementById(`extract-attr-${entityAttributeId}-on-all-projects-button`)\n button.disabled = true\n button.classList.remove(\"cursor-pointer\")\n button.classList.add(\"cursor-not-allowed\", \"opacity-50\")\n\n const cancelButton = document.getElementById(`cancel-extract-attr-${entityAttributeId}-on-all-projects-button`)\n cancelButton.disabled = false\n cancelButton.classList.remove(\"cursor-not-allowed\", \"opacity-50\")\n cancelButton.classList.add(\"cursor-pointer\")\n })\n })\n }\n}\n","import { Controller } from \"@hotwired/stimulus\"\n\nexport default class extends Controller {\n static targets = [\"fileExtension\", \"analyzePosition\", \"analyzeModel\", \"alpha\", \"pageSearchPromptTextArea\"]\n static values = {\n fileExtension: String\n }\n\n initialize() {\n // When initializing the form, we do not change models but hide unnecessary fields\n this.renderFields(this.fileExtensionValue, false)\n this.initializeAnalyzeModels(this.fileExtensionValue) // Use model of the attribute\n }\n\n attributeExtractionPomptHistoryHandler(e) {\n this.renderFields(e.params.fileExtension, false)\n this.initializeAnalyzeModels(e.params.fileExtension) // Use model of the history\n }\n\n fileExtensionHandler(e) {\n this.renderFields(e.target.value, true)\n }\n\n renderFields(fileExtension, needUpdateAnalyzeModels) {\n fileExtension = fileExtension.toLowerCase()\n switch (fileExtension) {\n case \"pdf\":\n case \"png\":\n case \"jpg\":\n case \"tif\": {\n this.showTextBasedFileFields(fileExtension, needUpdateAnalyzeModels)\n break\n }\n case \"xlsx\":\n case \"xlsm\": {\n this.showRevitBasedFileFields(fileExtension, needUpdateAnalyzeModels)\n break\n }\n }\n }\n\n showTextBasedFileFields(fileExtension, needUpdateAnalyzeModels) {\n this.fileExtensionTarget.classList.remove(\"hidden\")\n this.analyzePositionTarget.classList.remove(\"hidden\")\n this.analyzeModelTarget.classList.remove(\"hidden\")\n this.alphaTarget.classList.remove(\"hidden\")\n this.pageSearchPromptTextAreaTarget.classList.remove(\"hidden\")\n if (needUpdateAnalyzeModels) this.updateAnalyzeModels(fileExtension)\n }\n\n showRevitBasedFileFields(fileExtension, needUpdateAnalyzeModels) {\n this.fileExtensionTarget.classList.remove(\"hidden\")\n this.analyzePositionTarget.classList.add(\"hidden\")\n this.analyzeModelTarget.classList.remove(\"hidden\")\n this.alphaTarget.classList.add(\"hidden\")\n this.pageSearchPromptTextAreaTarget.classList.add(\"hidden\")\n if (needUpdateAnalyzeModels) this.updateAnalyzeModels(fileExtension)\n }\n\n updateAnalyzeModels(fileExtension) {\n // Disabled options\n const whiteLisModels = this.analyzeModels(fileExtension)\n ;[...this.analyzeModelTarget.querySelector(\"select\").options].forEach(option => {\n option.disabled = !whiteLisModels.includes(option.value)\n })\n // Set the first available one\n let firstAvailableOption = [...this.analyzeModelTarget.querySelector(\"select\").options].find(option =>\n whiteLisModels.includes(option.value)\n )\n firstAvailableOption.selected = true\n }\n\n initializeAnalyzeModels(fileExtension) {\n // Disabled options\n const whiteLisModels = this.analyzeModels(fileExtension)\n ;[...this.analyzeModelTarget.querySelector(\"select\").options].forEach(option => {\n option.disabled = !whiteLisModels.includes(option.value)\n })\n }\n\n analyzeModels(fileExtension) {\n fileExtension = fileExtension.toLowerCase()\n switch (fileExtension) {\n case \"pdf\": {\n return [\n \"openai-gpt-3.5-turbo-16k\",\n \"openai-gpt-4-1106-preview\",\n \"openai-gpt-4-vision-preview\",\n \"openai-gpt-4-vision-preview-naive\",\n \"anthropic-claude-3-opus\",\n \"anthropic-claude-3-opus-vision\",\n \"anthropic-claude-3-sonnet\",\n \"anthropic-claude-3-sonnet-vision\"\n ]\n }\n case \"png\":\n case \"jpg\":\n case \"tif\": {\n return [\n \"openai-gpt-3.5-turbo-16k\",\n \"openai-gpt-4-1106-preview\",\n \"anthropic-claude-3-opus\",\n \"anthropic-claude-3-opus-vision\",\n \"anthropic-claude-3-sonnet\",\n \"anthropic-claude-3-sonnet-vision\"\n ]\n }\n case \"xlsx\":\n case \"xlsm\": {\n return [\"openai-gpt-4-1106-preview\"]\n }\n }\n }\n}\n","/* eslint-disable no-undef */\nimport { Controller } from \"@hotwired/stimulus\"\n\nexport default class extends Controller {\n static outlets = [\"scope\"]\n\n connect() {\n document.addEventListener(\"stimulus:attribute_extraction\", this.onEvent)\n }\n\n disconnect() {\n document.removeEventListener(\"stimulus:attribute_extraction\", this.onEvent)\n }\n\n onEvent = e => {\n this[e.detail.action](e.detail.payload)\n }\n\n extractFileAttributes(event) {\n // we prepare our data\n const { organizationIdValue, dataSpaceSlugValue, projectIdValue } = this.scopeOutlet\n\n // it could be a selection, but it could be a scope extraction (project, folder, file)\n let projectId = projectIdValue\n const selectedTargets = event.targets\n const selectedTargetIds = selectedTargets.map(file => file.id)\n const attributeIds = event.attribute_ids\n const context = event.context\n const selectedTargetOptions = event.selected_target_options\n let isSingleFileEndpoint\n\n // in case of a single extraction, we use the \"single file or folder\" endpoint\n // which is a bit more efficient\n if (selectedTargets.length === 1) {\n if ([\"folder\", \"file\"].includes(selectedTargets[0].type)) {\n isSingleFileEndpoint = true\n }\n\n // in some cases the project Id might not be available in the scope\n // but if available in the payload we can pass it\n if (selectedTargets[0].type === \"project\" && selectedTargets[0].id) {\n projectId = selectedTargets[0].id\n }\n\n if (selectedTargets[0].type === \"file\" && selectedTargets[0].projectId) {\n projectId = selectedTargets[0].projectId\n }\n }\n\n // Build the base URL path segments\n const urlParts = [\"/extractions/organizations\", organizationIdValue, \"data_spaces\", dataSpaceSlugValue]\n\n // Add project segment if needed\n if (context !== \"search_record\" && context !== \"project_setting\") {\n urlParts.push(\"projects\", projectId)\n }\n\n // Add single file endpoint if applicable\n if (isSingleFileEndpoint) {\n urlParts.push(\"input_files\", selectedTargetIds[0])\n }\n\n // Add file_attributes_tickets endpoint\n urlParts.push(\"file_attributes_tickets\")\n\n const url = urlParts.join(\"/\")\n const params = new URLSearchParams()\n\n // Add attribute IDs\n attributeIds.forEach(id => params.append(\"file_attribute_ids[]\", id))\n\n // Add input file IDs for bulk selection\n if (selectedTargetIds.length > 1) {\n selectedTargetIds.forEach(id => params.append(\"input_file_ids[]\", id))\n }\n\n // Add target options\n if (selectedTargetOptions.length > 0) {\n selectedTargetOptions.forEach(option => {\n params.append(\"targets[]\", option)\n })\n }\n\n // Add search record ID if applicable\n if (selectedTargets.length === 1 && selectedTargets[0].type === \"search_record\") {\n params.append(\"search_record_id\", selectedTargetIds[0])\n }\n\n if (selectedTargets.length === 0 && context === \"search_record\") {\n const urlParams = new URLSearchParams(window.location.search)\n const searchRecordId = urlParams.get(\"search_record_id\")\n\n params.append(\"search_record_id\", searchRecordId)\n }\n\n const formData = new FormData()\n const csrfToken = document.querySelector(\"meta[name=csrf-token]\").content\n formData.set(\"authenticity_token\", csrfToken)\n\n const fullUrl = `${url}?${params.toString()}`\n\n fetch(fullUrl, { method: \"POST\", body: formData }).then(() => {\n window.location.reload()\n })\n }\n\n extractProjectAttributes(event) {\n // we prepare our data\n const { organizationIdValue, dataSpaceSlugValue, projectIdValue } = this.scopeOutlet\n\n // it could be a selection, but it could be a scope extraction (project, folder, file)\n let projectId = projectIdValue\n const selectedTargets = event.targets\n const selectedTargetIds = selectedTargets.map(file => file.id)\n const attributeIds = event.attribute_ids\n const context = event.context\n const selectedTargetOptions = event.selected_target_options\n let isSingleProjExtraction\n let isDataSpaceExtraction\n let isMultipleProjExtraction\n\n if (selectedTargets.length === 1) {\n if (selectedTargets[0].type === \"data_space\") isDataSpaceExtraction = true\n if (selectedTargets[0].type === \"project\") {\n projectId = selectedTargets[0].id\n isSingleProjExtraction = true\n }\n } else {\n isMultipleProjExtraction = true\n }\n\n // Build the base URL path segments\n const urlParts = [\"/extractions/organizations\", organizationIdValue, \"data_spaces\", dataSpaceSlugValue]\n\n // Add project segment if needed\n if (isSingleProjExtraction) {\n urlParts.push(\"projects\", projectId)\n }\n\n // Add entity_attributes_tickets endpoint\n urlParts.push(\"entity_attributes_tickets\")\n\n const url = urlParts.join(\"/\")\n const params = new URLSearchParams()\n\n // Add attribute IDs\n attributeIds.forEach(id => params.append(\"entity_attribute_ids[]\", id))\n\n // Add project IDs for bulk selection\n if (isMultipleProjExtraction) {\n selectedTargetIds.forEach(id => params.append(\"project_ids[]\", id))\n }\n\n // Add search record ID if applicable\n if (selectedTargets.length === 1 && selectedTargets[0].type === \"search_record\") {\n params.append(\"search_record_id\", selectedTargetIds[0])\n }\n\n // Add target options\n if (selectedTargetOptions.length > 0) {\n selectedTargetOptions.forEach(option => {\n params.append(\"targets[]\", option)\n })\n }\n\n const formData = new FormData()\n const csrfToken = document.querySelector(\"meta[name=csrf-token]\").content\n formData.set(\"authenticity_token\", csrfToken)\n\n const fullUrl = `${url}?${params.toString()}`\n\n fetch(fullUrl, { method: \"POST\", body: formData }).then(() => {\n window.location.reload()\n })\n }\n}\n","export class FetchResponse {\n constructor (response) {\n this.response = response\n }\n\n get statusCode () {\n return this.response.status\n }\n\n get redirected () {\n return this.response.redirected\n }\n\n get ok () {\n return this.response.ok\n }\n\n get unauthenticated () {\n return this.statusCode === 401\n }\n\n get unprocessableEntity () {\n return this.statusCode === 422\n }\n\n get authenticationURL () {\n return this.response.headers.get('WWW-Authenticate')\n }\n\n get contentType () {\n const contentType = this.response.headers.get('Content-Type') || ''\n\n return contentType.replace(/;.*$/, '')\n }\n\n get headers () {\n return this.response.headers\n }\n\n get html () {\n if (this.contentType.match(/^(application|text)\\/(html|xhtml\\+xml)$/)) {\n return this.text\n }\n\n return Promise.reject(new Error(`Expected an HTML response but got \"${this.contentType}\" instead`))\n }\n\n get json () {\n if (this.contentType.match(/^application\\/.*json$/)) {\n return this.responseJson || (this.responseJson = this.response.json())\n }\n\n return Promise.reject(new Error(`Expected a JSON response but got \"${this.contentType}\" instead`))\n }\n\n get text () {\n return this.responseText || (this.responseText = this.response.text())\n }\n\n get isTurboStream () {\n return this.contentType.match(/^text\\/vnd\\.turbo-stream\\.html/)\n }\n\n async renderTurboStream () {\n if (this.isTurboStream) {\n if (window.Turbo) {\n await window.Turbo.renderStreamMessage(await this.text)\n } else {\n console.warn('You must set `window.Turbo = Turbo` to automatically process Turbo Stream events with request.js')\n }\n } else {\n return Promise.reject(new Error(`Expected a Turbo Stream response but got \"${this.contentType}\" instead`))\n }\n }\n}\n","export class RequestInterceptor {\n static register (interceptor) {\n this.interceptor = interceptor\n }\n\n static get () {\n return this.interceptor\n }\n\n static reset () {\n this.interceptor = undefined\n }\n}\n","export function getCookie (name) {\n const cookies = document.cookie ? document.cookie.split('; ') : []\n const prefix = `${encodeURIComponent(name)}=`\n const cookie = cookies.find(cookie => cookie.startsWith(prefix))\n\n if (cookie) {\n const value = cookie.split('=').slice(1).join('=')\n\n if (value) {\n return decodeURIComponent(value)\n }\n }\n}\n\nexport function compact (object) {\n const result = {}\n\n for (const key in object) {\n const value = object[key]\n if (value !== undefined) {\n result[key] = value\n }\n }\n\n return result\n}\n\nexport function metaContent (name) {\n const element = document.head.querySelector(`meta[name=\"${name}\"]`)\n return element && element.content\n}\n\nexport function stringEntriesFromFormData (formData) {\n return [...formData].reduce((entries, [name, value]) => {\n return entries.concat(typeof value === 'string' ? [[name, value]] : [])\n }, [])\n}\n\nexport function mergeEntries (searchParams, entries) {\n for (const [name, value] of entries) {\n if (value instanceof window.File) continue\n\n if (searchParams.has(name) && !name.includes('[]')) {\n searchParams.delete(name)\n searchParams.set(name, value)\n } else {\n searchParams.append(name, value)\n }\n }\n}\n","import { FetchResponse } from './fetch_response'\nimport { RequestInterceptor } from './request_interceptor'\nimport { getCookie, compact, metaContent, stringEntriesFromFormData, mergeEntries } from './lib/utils'\n\nexport class FetchRequest {\n constructor (method, url, options = {}) {\n this.method = method\n this.options = options\n this.originalUrl = url.toString()\n }\n\n async perform () {\n try {\n const requestInterceptor = RequestInterceptor.get()\n if (requestInterceptor) {\n await requestInterceptor(this)\n }\n } catch (error) {\n console.error(error)\n }\n\n const response = new FetchResponse(await window.fetch(this.url, this.fetchOptions))\n\n if (response.unauthenticated && response.authenticationURL) {\n return Promise.reject(window.location.href = response.authenticationURL)\n }\n\n const responseStatusIsTurboStreamable = response.ok || response.unprocessableEntity\n\n if (responseStatusIsTurboStreamable && response.isTurboStream) {\n await response.renderTurboStream()\n }\n\n return response\n }\n\n addHeader (key, value) {\n const headers = this.additionalHeaders\n headers[key] = value\n this.options.headers = headers\n }\n\n sameHostname () {\n if (!this.originalUrl.startsWith('http:')) {\n return true\n }\n\n try {\n return new URL(this.originalUrl).hostname === window.location.hostname\n } catch (_) {\n return true\n }\n }\n\n get fetchOptions () {\n return {\n method: this.method.toUpperCase(),\n headers: this.headers,\n body: this.formattedBody,\n signal: this.signal,\n credentials: this.credentials,\n redirect: this.redirect\n }\n }\n\n get headers () {\n const baseHeaders = {\n 'X-Requested-With': 'XMLHttpRequest',\n 'Content-Type': this.contentType,\n Accept: this.accept\n }\n\n if (this.sameHostname()) {\n baseHeaders['X-CSRF-Token'] = this.csrfToken\n }\n\n return compact(\n Object.assign(baseHeaders, this.additionalHeaders)\n )\n }\n\n get csrfToken () {\n return getCookie(metaContent('csrf-param')) || metaContent('csrf-token')\n }\n\n get contentType () {\n if (this.options.contentType) {\n return this.options.contentType\n } else if (this.body == null || this.body instanceof window.FormData) {\n return undefined\n } else if (this.body instanceof window.File) {\n return this.body.type\n }\n\n return 'application/json'\n }\n\n get accept () {\n switch (this.responseKind) {\n case 'html':\n return 'text/html, application/xhtml+xml'\n case 'turbo-stream':\n return 'text/vnd.turbo-stream.html, text/html, application/xhtml+xml'\n case 'json':\n return 'application/json, application/vnd.api+json'\n default:\n return '*/*'\n }\n }\n\n get body () {\n return this.options.body\n }\n\n get query () {\n const originalQuery = (this.originalUrl.split('?')[1] || '').split('#')[0]\n const params = new URLSearchParams(originalQuery)\n\n let requestQuery = this.options.query\n if (requestQuery instanceof window.FormData) {\n requestQuery = stringEntriesFromFormData(requestQuery)\n } else if (requestQuery instanceof window.URLSearchParams) {\n requestQuery = requestQuery.entries()\n } else {\n requestQuery = Object.entries(requestQuery || {})\n }\n\n mergeEntries(params, requestQuery)\n\n const query = params.toString()\n return (query.length > 0 ? `?${query}` : '')\n }\n\n get url () {\n return (this.originalUrl.split('?')[0]).split('#')[0] + this.query\n }\n\n get responseKind () {\n return this.options.responseKind || 'html'\n }\n\n get signal () {\n return this.options.signal\n }\n\n get redirect () {\n return this.options.redirect || 'follow'\n }\n\n get credentials () {\n return this.options.credentials || 'same-origin'\n }\n\n get additionalHeaders () {\n return this.options.headers || {}\n }\n\n get formattedBody () {\n const bodyIsAString = Object.prototype.toString.call(this.body) === '[object String]'\n const contentTypeIsJson = this.headers['Content-Type'] === 'application/json'\n\n if (contentTypeIsJson && !bodyIsAString) {\n return JSON.stringify(this.body)\n }\n\n return this.body\n }\n}\n","import { FetchRequest } from './fetch_request'\n\nasync function get (url, options) {\n const request = new FetchRequest('get', url, options)\n return request.perform()\n}\n\nasync function post (url, options) {\n const request = new FetchRequest('post', url, options)\n return request.perform()\n}\n\nasync function put (url, options) {\n const request = new FetchRequest('put', url, options)\n return request.perform()\n}\n\nasync function patch (url, options) {\n const request = new FetchRequest('patch', url, options)\n return request.perform()\n}\n\nasync function destroy (url, options) {\n const request = new FetchRequest('delete', url, options)\n return request.perform()\n}\n\nexport { get, post, put, patch, destroy }\n","import { Controller } from \"@hotwired/stimulus\"\nimport { patch } from \"@rails/request.js\"\n\nexport default class extends Controller {\n static targets = [\"authTokenDisabledField\", \"authTokenSubmitField\"]\n\n async refreshToken() {\n const url = this.element.dataset.url\n\n try {\n const response = await patch(url, { responseKind: \"json\" })\n if (response.ok) {\n const data = await response.json\n\n if (data.auth_token) {\n // For display only: disabled field does not end up in params\n this.authTokenDisabledFieldTarget.value = data.auth_token\n\n this.authTokenSubmitFieldTarget.value = data.auth_token\n }\n } else {\n console.error(\"Failed to refresh auth token with a server error.\")\n }\n } catch (error) {\n console.error(\"Error refreshing auth token:\", error)\n }\n }\n}\n","import { Controller } from \"@hotwired/stimulus\"\nimport { LegacyViewer, DefaultViewerParams, SpeckleLoader } from \"@speckle/viewer\"\nimport { CameraController, SelectionExtension } from \"@speckle/viewer\"\n\nexport default class extends Controller {\n static values = {\n serverUrl: String,\n authToken: String,\n projectId: String,\n branchId: String\n }\n\n async connect() {\n // const objectId = await this.getObjectId()\n // this.displayViewer(objectId)\n }\n\n async getObjectId() {\n let result = await fetch(`${this.serverUrlValue}/graphql`, {\n method: \"POST\",\n headers: {\n \"content-type\": \"application/json\",\n Authorization: `Bearer ${this.authTokenValue}`\n },\n body: JSON.stringify({\n query: `{\n project(id: \"${this.projectIdValue}\") {\n viewerResources(resourceIdString: \"${this.branchIdValue}\") {\n items {\n modelId\n versionId\n objectId\n }\n }\n }\n }`\n })\n })\n\n result = await result.json()\n let objectId = result.data?.project?.viewerResources[0]?.items[0]?.objectId\n return objectId\n }\n\n async displayViewer(objectId) {\n const container = this.element\n const params = DefaultViewerParams\n params.showStats = true\n params.verbose = true\n const viewer = new LegacyViewer(container, params)\n await viewer.init()\n viewer.createExtension(CameraController)\n viewer.createExtension(SelectionExtension)\n const loader = new SpeckleLoader(\n viewer.getWorldTree(),\n `${this.serverUrlValue}/streams/${this.projectIdValue}/objects/${objectId}`,\n this.authTokenValue\n )\n console.log(\"tree\", viewer.getWorldTree())\n await viewer.loadObject(loader, true)\n }\n}\n","import { Controller } from \"@hotwired/stimulus\"\n\n/**\n * A Stimulus controller that blurs an element when an event of choice is fired.\n *\n * @usage\n *\n * Uploading ${fileNames} ...
`\n\n this.fileUploadInputTarget.value = null\n this.uploadFiles(files)\n })\n }\n\n setUpFileUploadZoneEvents() {\n // Enable drag and drop behaviors\n this.fileUploadZoneTarget.addEventListener(\"dragenter\", e => {\n e.preventDefault()\n })\n\n this.fileUploadZoneTarget.addEventListener(\"dragover\", e => {\n e.preventDefault()\n })\n\n this.fileUploadZoneTarget.addEventListener(\"dragleave\", e => {\n e.preventDefault()\n })\n\n // Trigger file selected on drop\n this.fileUploadZoneTarget.addEventListener(\"drop\", e => {\n e.preventDefault()\n\n const files = [...e.dataTransfer.files]\n const fileNames = files.map(file => file.name).join(\", \")\n this.fileUploadZoneTarget.innerHTML = `Uploading ${fileNames} ...
`\n\n this.uploadFiles(files)\n })\n }\n\n clickFileUploadInput() {\n this.fileUploadInputTarget.click()\n }\n\n async uploadFiles(files) {\n this.hasUploadedFile = false\n\n // early return if there's no files to upload\n if (!files || files.length === 0) return\n\n // disallow closing when files are being processed, otherwise failed\n // progress won't be acknowledged\n this.modalDialogCloseButtonTarget.classList.add(\"hidden\")\n\n this.toggleProgressResultSection(true)\n this.uploadedFileTarget.innerText = files[0].name\n\n let totalNoOfFiles = files.length\n let totalNoOfProcessedFiles = 0\n this.hasAnyError = false\n\n const performUpload = async (file, callback) => {\n const url = this.fileUploadInputTarget.dataset.directUploadUrl\n const upload = new DirectUpload(file, url)\n\n upload.create((error, blob) => {\n const fileName = file.name\n\n // update progress\n totalNoOfProcessedFiles += 1\n const progressInPercent = (totalNoOfProcessedFiles / totalNoOfFiles) * 100.0\n this.updateProgress(fileName, progressInPercent, error)\n\n if (error) this.hasAnyError = true\n\n if (!error) {\n const fileBlobField = document.createElement(\"input\")\n fileBlobField.setAttribute(\"type\", \"hidden\")\n fileBlobField.setAttribute(\"value\", blob.signed_id)\n fileBlobField.name = this.fileUploadInputTarget.name\n this.fileUploadFormTarget.appendChild(fileBlobField)\n\n const fileNameField = document.createElement(\"input\")\n fileNameField.setAttribute(\"type\", \"hidden\")\n fileNameField.setAttribute(\"value\", fileName)\n fileNameField.name = \"input_file[file_names][]\"\n this.fileUploadFormTarget.appendChild(fileNameField)\n this.hasUploadedFile = true\n }\n\n if (!this.hasAnyError && totalNoOfProcessedFiles === totalNoOfFiles) {\n this.modalDialogCloseButtonTarget.classList.remove(\"hidden\")\n this.fileUploadFormTarget.submit()\n }\n\n callback()\n })\n }\n\n const processUploadBatch = async batch => {\n const promises = batch.map(file => {\n return new Promise((resolve, reject) => {\n // check for file extension and file size\n const fileSizeLimits = {\n // unites are in megabytes\n \"image/png\": 200.0,\n \"image/jpeg\": 200.0,\n \"image/tiff\": 200.0,\n \"application/vnd\": 1500.0,\n \"application/vnd.autodesk.autocad\": 1500.0,\n \"model/vnd.collada+xml\": 1500.0,\n \"application/xml\": 1500.0, // safe fallback for collada (.dae)\n \"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet\": 50.0,\n \"application/pdf\": 200.0\n }\n\n const fileName = file.name.toLowerCase()\n\n // safe \"cross-platform\" file type detection\n let fileType = file.type\n if (fileType === \"\") {\n const ext = fileName.split(\".\").pop().toLowerCase()\n const mimeTypes = {\n rvt: \"application/vnd.autodesk.autocad\",\n pdf: \"application/pdf\",\n png: \"image/png\",\n jpg: \"image/jpeg\",\n jpeg: \"image/jpeg\",\n tif: \"image/tiff\",\n tiff: \"image/tiff\",\n dae: \"model/vnd.collada+xml\",\n xlsx: \"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet\"\n }\n fileType = mimeTypes[ext] || \"\"\n }\n\n // guard against 0 kb file\n const fileSize = file.size * 1e-6\n if (fileSize <= 0) {\n totalNoOfProcessedFiles += 1\n const progressInPercent = (totalNoOfProcessedFiles / totalNoOfFiles) * 100.0\n this.updateProgress(file.name, progressInPercent, this.errEmptyFileMsgValue)\n this.hasAnyError = true\n resolve(file)\n return\n }\n\n // guard against file too big\n const maxFileSize = fileSizeLimits[fileType]\n if (maxFileSize) {\n if (fileSize > maxFileSize) {\n totalNoOfProcessedFiles += 1\n const progressInPercent = (totalNoOfProcessedFiles / totalNoOfFiles) * 100.0\n this.updateProgress(file.name, progressInPercent, this.errExceedFileSizeMsgValue)\n this.hasAnyError = true\n resolve(file)\n return\n }\n } else {\n totalNoOfProcessedFiles += 1\n const progressInPercent = (totalNoOfProcessedFiles / totalNoOfFiles) * 100.0\n this.updateProgress(file.name, progressInPercent, this.errUnsupportedPageExtMsgValue)\n this.hasAnyError = true\n resolve(file)\n return\n }\n\n // if it's a PDF file, ensure the number of pages is within limit\n if (fileType.includes(\"pdf\")) {\n const fileReader = new FileReader()\n\n // the main logic of uploading or not uploading a PDF:\n const callback = pdf => {\n if (pdf.numPages >= 1000) {\n totalNoOfProcessedFiles += 1\n const progressInPercent = (totalNoOfProcessedFiles / totalNoOfFiles) * 100.0\n this.updateProgress(file.name, progressInPercent, this.errExceedPageNoMsgValue)\n this.hasAnyError = true\n pdf.destroy()\n resolve(file)\n } else {\n performUpload(file, () => {\n pdf.destroy()\n resolve(file)\n })\n }\n }\n\n // get the PDF file\n fileReader.onload = (function (file, callback) {\n // Event handling is async, and thus they pick up the latest value of all the enclosed local\n // variables (ie. closure). So, we need to bind any particular local variable to the event.\n return async function () {\n var typedarray = new Uint8Array(this.result)\n const pdf = await pdfjsLib.getDocument(typedarray).promise\n callback(pdf)\n }\n })(file, callback)\n fileReader.readAsArrayBuffer(file)\n } else {\n // you can't refactor it out, because the PDF checking above happens on a callback; if you refactor\n // it out, you run the risk of always uploading! that's NOT good\n performUpload(file, () => resolve(file))\n }\n })\n })\n return Promise.all(promises)\n }\n\n const batchsize = 50\n for (let i = 0; i < files.length; i += batchsize) {\n const batch = files.slice(i, i + batchsize)\n try {\n const results = await processUploadBatch(batch)\n } catch (error) {\n console.log(error)\n }\n }\n }\n\n toggleProgressResultSection(displayed = true) {\n this.uploadResultSectionTarget.classList.toggle(\"hidden\", !displayed)\n this.fileUploadZoneTarget.classList.toggle(\"hidden\", displayed)\n }\n\n /**\n * Update the progress bar with the latest file uploaded, and reflect\n * the progress accordingly.\n */\n updateProgress(fileName, percentage, error) {\n const percentageText = `${percentage.toFixed(2)}%`\n\n // update recently uploaded file text\n this.uploadedFileTarget.innerText = fileName\n\n // update percentage text\n this.overallProgressTextTarget.innerText = percentageText\n this.progressBarTarget.style.width = percentageText\n\n if (percentage >= 100) {\n this.modalDialogCloseButtonTarget.classList.remove(\"hidden\")\n }\n\n if (error) {\n this.failedFileProcessingSectionTarget.classList.remove(\"hidden\")\n this.failedFileProcessingListTarget.insertAdjacentHTML(\"beforeend\", `${fileName} ${error} `)\n }\n }\n\n closeModalDialog() {\n // If some files uploaded successfully (some may have failed), submit them\n if (this.hasUploadedFile) {\n this.fileUploadFormTarget.submit()\n }\n\n this.toggleProgressResultSection(false)\n\n // Reset if there's any error so that we can re-upload\n if (this.hasAnyError) {\n this.fileUploadZoneTarget.innerHTML = this.uploadHtmlBox\n this.failedFileProcessingListTarget.innerHTML = \"\"\n this.fileUploadZoneTarget.classList.remove(\"hidden\")\n this.uploadResultSectionTarget.classList.add(\"hidden\")\n this.failedFileProcessingSectionTarget.classList.add(\"hidden\")\n this.hasAnyError = false\n }\n }\n}\n","import { Controller } from \"@hotwired/stimulus\"\n\nexport default class extends Controller {\n static targets = [\"flashContainer\"]\n\n connect() {\n const sidebarPaths = [\"setting\", \"/users/edit\", \"members\"]\n\n if (sidebarPaths.some(path => window.location.pathname.includes(path))) {\n this.element.firstElementChild.classList.add(\"ml-sidebar-width\")\n } else {\n this.element.firstElementChild.classList.add(\"mx-20\")\n }\n }\n\n dismiss() {\n this.element.remove()\n }\n\n dismissContainer() {\n this.flashContainerTarget.remove()\n }\n}\n","import { Controller } from \"@hotwired/stimulus\"\n\nexport default class extends Controller {\n submit() {\n this.element.requestSubmit()\n }\n}\n","import { Controller } from \"@hotwired/stimulus\"\n\nexport default class extends Controller {\n updateForm() {\n this.element.submit()\n }\n}\n","import { Controller } from \"@hotwired/stimulus\"\n\nexport default class extends Controller {\n static targets = [\"canvasContainer\"]\n\n static values = {\n imageUrl: String,\n boundingBoxes: Array,\n highlightBlockIds: Array,\n highlightBlockScores: Array,\n isShowExtractedWords: Boolean,\n isOnlyShowHighlightBlocks: Boolean,\n scale: Number,\n textContent: Object\n }\n\n initialize() {\n this.loadingSpinnerElement = document.createElement(\"i\")\n this.loadingSpinnerElement.classList.add(\n \"absolute\",\n \"w-12\",\n \"h-12\",\n \"top-[calc(50%-24px)]\",\n \"left-[calc(50%-24px)]\",\n \"fa-solid\",\n \"fa-circle-notch\",\n \"text-[48px]\",\n \"text-violet-700\",\n \"animate-spin\"\n )\n\n this.imageElement = undefined\n this.frameElement = undefined\n this.canvasElement = undefined\n this.textLayerElement = undefined\n this.tooltipElement = undefined\n }\n\n connect() {\n const resizeObserver = new ResizeObserver(entries => {\n if (!this.imageElement || !this.frameElement || !this.canvasElement) return\n\n for (const entry of entries) {\n if (entry.target === this.canvasContainerTarget) {\n const event = new Event(\"containerResized\")\n event.value = {\n containerWidth: entry.contentRect.width,\n containerHeight: entry.contentRect.height\n }\n this.element.dispatchEvent(event)\n }\n }\n })\n\n resizeObserver.observe(this.canvasContainerTarget)\n }\n\n isShowExtractedWordsValueChanged() {\n if (!this.tooltipElement) return\n\n this.tooltipElement.style.display = \"none\"\n }\n\n scaleValueChanged() {\n if (!this.tooltipElement) return\n\n this.tooltipElement.style.display = \"none\"\n }\n\n showLoadingSpinner() {\n if (this.canvasContainerTarget.contains(this.loadingSpinnerElement)) return\n\n this.canvasContainerTarget.appendChild(this.loadingSpinnerElement)\n }\n\n hideLoadingSpinner() {\n if (!this.canvasContainerTarget.contains(this.loadingSpinnerElement)) return\n\n this.loadingSpinnerElement.remove()\n }\n\n loadImage() {\n this.imageElement = new Image()\n this.imageElement.onload = () => {\n this.hideLoadingSpinner()\n\n const event = new Event(\"imageLoaded\")\n event.value = { image: this.imageElement }\n this.element.dispatchEvent(event)\n }\n this.imageElement.src = this.imageUrlValue\n }\n\n setupElement() {\n this.canvasContainerTarget.innerHTML = \"\"\n\n const { naturalWidth, naturalHeight } = this.imageElement\n\n this.canvasElement = document.createElement(\"canvas\")\n this.canvasElement.style.transformOrigin = \"top left\"\n this.canvasElement.style.position = \"absolute\"\n this.canvasElement.style.top = 0\n this.canvasElement.style.left = 0\n this.canvasElement.width = naturalWidth\n this.canvasElement.height = naturalHeight\n this.canvasElement.addEventListener(\"mousemove\", this.onCanvasMouseMove.bind(this))\n\n this.textLayerElement = document.createElement(\"div\")\n this.textLayerElement.style.transformOrigin = \"top left\"\n this.textLayerElement.style.position = \"absolute\"\n this.textLayerElement.style.top = 0\n this.textLayerElement.style.left = 0\n this.textLayerElement.style.width = `${naturalWidth}px`\n this.textLayerElement.style.height = `${naturalHeight}px`\n\n this.frameElement = document.createElement(\"div\")\n this.frameElement.style.position = \"relative\"\n this.frameElement.appendChild(this.canvasElement)\n this.frameElement.appendChild(this.textLayerElement)\n\n this.canvasContainerTarget.appendChild(this.frameElement)\n\n this.tooltipElement = undefined\n }\n\n clearCanvas() {\n if (!this.canvasElement) return\n\n const context = this.canvasElement.getContext(\"2d\")\n\n context.reset()\n }\n\n renderCanvas() {\n const context = this.canvasElement.getContext(\"2d\")\n\n context.reset()\n\n this.renderImage(context)\n\n if (this.isShowExtractedWordsValue) {\n this.renderBoundingBoxes(context)\n this.textLayerElement.style.pointerEvents = \"none\"\n } else {\n this.textLayerElement.style.pointerEvents = \"auto\"\n }\n }\n\n renderImage(context) {\n context.drawImage(this.imageElement, 0, 0)\n }\n\n renderBoundingBoxes(context) {\n this.getFormattedBoundingBoxes().forEach(({ id, boundingBoxes }) => {\n context.beginPath()\n context.moveTo(boundingBoxes[0].x, boundingBoxes[0].y)\n context.lineTo(boundingBoxes[1].x, boundingBoxes[1].y)\n context.lineTo(boundingBoxes[2].x, boundingBoxes[2].y)\n context.lineTo(boundingBoxes[3].x, boundingBoxes[3].y)\n context.lineWidth = 2\n context.strokeStyle = this.getBoundingBoxColor(id)\n context.closePath()\n context.stroke()\n })\n }\n\n buildTextLayer() {\n const { items, styles } = this.textContentValue\n\n if (!items || !styles) return\n\n this.textLayerElement.innerHTML = \"\"\n\n const fragment = document.createDocumentFragment()\n\n for (const item of items) {\n const { left, top, fontSize, fontFamily, scaleX, angle } = item.properties\n\n const element = document.createElement(\"span\")\n\n element.setAttribute(\"role\", \"presentation\")\n element.style.position = \"absolute\"\n element.style.color = \"transparent\"\n element.style.whiteSpace = \"pre\"\n element.style.left = `${left}px`\n element.style.top = `${top}px`\n element.style.fontSize = `${fontSize}px`\n element.style.lineHeight = 1\n element.style.fontFamily = fontFamily\n element.style.transformOrigin = \"top left\"\n\n let transform = \"\"\n if (scaleX) {\n transform = `scaleX(${scaleX})`\n }\n\n if (angle !== 0) {\n transform = `rotate(${properties.angle}deg) ${transform}`\n }\n\n if (transform.length > 0) {\n element.style.transform = transform\n }\n\n if (item.str !== \"\") {\n element.textContent = item.str\n }\n\n fragment.appendChild(element)\n\n if (item.hasEOL) {\n const brElement = document.createElement(\"br\")\n brElement.setAttribute(\"role\", \"presentation\")\n fragment.appendChild(brElement)\n }\n }\n\n this.textLayerElement.appendChild(fragment)\n }\n\n getFormattedBoundingBoxes() {\n if (this.boundingBoxesValue[0] == null) return []\n\n return this.boundingBoxesValue[0].content\n .filter(({ id }) => {\n if (!this.isOnlyShowHighlightBlocksValue) {\n return true\n }\n\n return this.highlightBlockIdsValue.includes(id)\n })\n .map(({ content, id }) => {\n const topLeftX = content[0]\n const topLeftY = content[1]\n const width = content[2]\n const height = content[3]\n\n return {\n id,\n word: content[4],\n boundingBoxes: [\n {\n x: topLeftX,\n y: topLeftY\n },\n {\n x: topLeftX + width,\n y: topLeftY\n },\n {\n x: topLeftX + width,\n y: topLeftY + height\n },\n {\n x: topLeftX,\n y: topLeftY + height\n }\n ]\n }\n })\n }\n\n getBoundingBoxColor(id) {\n const highlightBlockIndex = this.highlightBlockIdsValue.indexOf(id)\n if (highlightBlockIndex !== -1) {\n if (\n this.highlightBlockScoresValue.length > highlightBlockIndex &&\n this.highlightBlockScoresValue[highlightBlockIndex] === 1\n ) {\n return \"red\"\n }\n\n return \"orange\"\n }\n\n return \"rgba(88, 8, 248, 1)\"\n }\n\n onCanvasMouseMove(event) {\n if (!this.isShowExtractedWordsValue) return\n\n const { offsetX, offsetY } = event\n\n const hitBoundingBox = this.getFormattedBoundingBoxes().find(({ boundingBoxes }) => {\n const isInsideX = boundingBoxes[0].x <= offsetX && offsetX <= boundingBoxes[2].x\n const isInsideY = boundingBoxes[0].y <= offsetY && offsetY <= boundingBoxes[2].y\n\n return isInsideX && isInsideY\n })\n\n if (!hitBoundingBox) {\n if (this.tooltipElement) {\n this.canvasContainerTarget.removeChild(this.tooltipElement)\n this.tooltipElement = undefined\n }\n return\n }\n\n if (this.tooltipElement) {\n if (this.tooltipElement.dataset.boundingBoxId === hitBoundingBox.id) {\n return\n }\n\n this.canvasContainerTarget.removeChild(this.tooltipElement)\n this.tooltipElement = undefined\n }\n\n this.tooltipElement = document.createElement(\"div\")\n this.tooltipElement.dataset.boundingBoxId = hitBoundingBox.id\n this.tooltipElement.textContent = hitBoundingBox.word\n this.tooltipElement.style.display = \"block\"\n this.tooltipElement.style.position = \"absolute\"\n this.tooltipElement.style.maxWidth = \"80%\"\n this.tooltipElement.style.color = \"white\"\n this.tooltipElement.style.backgroundColor = this.getBoundingBoxColor(hitBoundingBox.id)\n this.tooltipElement.style.padding = \"4px 8px\"\n this.tooltipElement.style.borderRadius = \"4px\"\n\n this.canvasContainerTarget.appendChild(this.tooltipElement)\n\n const tooltipWidth = this.tooltipElement.getBoundingClientRect().width\n const tooltipHeight = this.tooltipElement.getBoundingClientRect().height\n\n this.tooltipElement.style.width = `${tooltipWidth}px`\n this.tooltipElement.style.height = `${tooltipHeight}px`\n\n const { top, left } = (() => {\n const boxTop = hitBoundingBox.boundingBoxes[0].y\n const boxLeft = hitBoundingBox.boundingBoxes[0].x\n\n const containerRect = this.canvasContainerTarget.getBoundingClientRect()\n const containerWidth = containerRect.width\n const containerHeight = containerRect.height\n\n const containerScrollTop = this.canvasContainerTarget.scrollTop\n const containerScrollLeft = this.canvasContainerTarget.scrollLeft\n\n const frameWidth = this.imageElement.naturalWidth * this.scaleValue\n const frameLeftMargin = frameWidth < containerWidth ? (containerWidth - frameWidth) / 2 : 0\n\n let top = boxTop * this.scaleValue - 12\n if (top - containerScrollTop < 0) {\n top = containerScrollTop\n } else if (top + tooltipHeight > containerHeight + containerScrollTop) {\n top = containerHeight + containerScrollTop - tooltipHeight\n }\n\n let left = boxLeft * this.scaleValue + 24 + frameLeftMargin\n if (left - containerScrollLeft < 0) {\n left = containerScrollLeft\n } else if (left + tooltipWidth > containerWidth + containerScrollLeft) {\n left = containerWidth + containerScrollLeft - tooltipWidth\n }\n\n return { top, left }\n })()\n\n this.tooltipElement.style.top = `${top}px`\n this.tooltipElement.style.left = `${left}px`\n }\n\n initializeScale() {\n const containerRect = this.canvasContainerTarget.getBoundingClientRect()\n const { naturalWidth } = this.imageElement\n\n this.scaleValue = containerRect.width / naturalWidth\n this.applyScale(this.scaleValue)\n\n const event = new Event(\"scaleInitialized\")\n event.value = {\n scale: this.scaleValue,\n fitMode: \"width\"\n }\n this.element.dispatchEvent(event)\n }\n\n updateScale() {\n this.applyScale(this.scaleValue)\n }\n\n fitToWidth() {\n const containerRect = this.canvasContainerTarget.getBoundingClientRect()\n if (!this.imageElement) return\n\n const { naturalWidth } = this.imageElement\n\n this.applyScale(containerRect.width / naturalWidth)\n }\n\n fitToHeight() {\n const containerRect = this.canvasContainerTarget.getBoundingClientRect()\n if (!this.imageElement) return\n\n const { naturalHeight } = this.imageElement\n\n this.applyScale(containerRect.height / naturalHeight)\n }\n\n applyScale(scale) {\n const { naturalWidth, naturalHeight } = this.imageElement\n if (!this.canvasElement) return\n\n this.canvasElement.style.transform = `scale(${scale})`\n this.textLayerElement.style.transform = `scale(${scale})`\n\n const frameWidth = naturalWidth * scale\n const frameHeight = naturalHeight * scale\n\n this.frameElement.style.width = `${frameWidth}px`\n this.frameElement.style.height = `${frameHeight}px`\n\n const containerWidth = this.canvasContainerTarget.getBoundingClientRect().width\n\n const frameLeftMargin = frameWidth < containerWidth ? (containerWidth - frameWidth) / 2 : 0\n this.frameElement.style.marginLeft = `${frameLeftMargin}px`\n\n if (this.scaleValue !== scale) {\n this.scaleValue = scale\n const event = new Event(\"scaleChanged\")\n event.value = { scale }\n this.element.dispatchEvent(event)\n }\n }\n\n scrollToBoundingBox(id) {\n const boundingBox = this.getFormattedBoundingBoxes().find(({ id: currentId }) => {\n return currentId === id\n })\n\n if (!boundingBox) return\n\n const containerRect = this.canvasContainerTarget.getBoundingClientRect()\n const containerWidth = containerRect.width\n const containerHeight = containerRect.height\n\n const top = (boundingBox.boundingBoxes[2].y * 0.5 + boundingBox.boundingBoxes[0].y * 0.5) * this.scaleValue\n const right = (boundingBox.boundingBoxes[2].x * 0.5 + boundingBox.boundingBoxes[0].x * 0.5) * this.scaleValue\n\n this.canvasContainerTarget.scrollTo({\n top: top - containerHeight / 2,\n left: right - containerWidth / 2,\n behavior: \"smooth\"\n })\n }\n}\n","import { Controller } from \"@hotwired/stimulus\"\n\nexport default class extends Controller {\n static targets = [\"viewer\"]\n static values = {\n daeUrl: String\n }\n\n initialize() {\n this.viewer = undefined\n }\n\n connect() {\n this.viewer = new OV.EmbeddedViewer(this.viewerTarget)\n this.viewer.LoadModelFromUrlList([this.daeUrlValue])\n\n window.addEventListener(\"resize\", this.onWindowResize.bind(this))\n }\n\n disconnect() {\n if (this.viewer) {\n this.viewer.Destroy()\n }\n\n window.removeEventListener(\"resize\", this.onWindowResize.bind(this))\n }\n\n onWindowResize() {\n if (typeof this.viewer === \"undefined\") return\n\n this.viewer.Resize()\n }\n}\n","import { Controller } from \"@hotwired/stimulus\"\nimport { createApp } from \"vue\"\n\nimport ImageApp from \"../document_viewer/apps/image-app/ImageApp.vue\"\n\nexport default class extends Controller {\n static targets = [\"showExtractedWordsCheckbox\", \"documentViewer\"]\n\n connect() {\n this.documentViewerTarget.addEventListener(\"isShowExtractedWordsChanged\", event => {\n this.showExtractedWordsCheckboxTarget.checked = event.value.isShowExtractedWords\n })\n\n const app = createApp(ImageApp, { element: this.documentViewerTarget })\n app.mount(this.documentViewerTarget)\n }\n\n toggleShowExtractedWords(event) {\n this.documentViewerTarget.dataset.isShowExtractedWords = event.target.checked\n }\n}\n","import { Controller } from \"@hotwired/stimulus\"\n\nexport default class extends Controller {\n static targets = [\"extraction\"]\n static values = { extractionEnabled: Boolean }\n\n // Because right now the input file menu will be update through turbo stream from SSE.\n // But the turbo stream content is rendering in backend that can not get the list_mode or current_user.\n // So we need to disable the extraction button in this controller\n extractionTargetConnected() {\n if (!this.extractionEnabledValue) {\n this.extractionTarget.classList.add(\"hidden\")\n }\n }\n}\n","import { Controller } from \"@hotwired/stimulus\"\nimport { createApp } from \"vue\"\n\nimport PdfApp from \"../document_viewer/apps/pdf-app/PdfApp.vue\"\n\nexport default class extends Controller {\n static targets = [\"showExtractedWordsCheckbox\", \"documentViewer\"]\n\n connect() {\n this.documentViewerTarget.addEventListener(\"isShowExtractedWordsChanged\", event => {\n this.showExtractedWordsCheckboxTarget.checked = event.value.isShowExtractedWords\n })\n\n const app = createApp(PdfApp, { element: this.documentViewerTarget })\n app.mount(this.documentViewerTarget)\n }\n\n toggleShowExtractedWords(event) {\n this.documentViewerTarget.dataset.isShowExtractedWords = event.target.checked\n }\n}\n","import { Controller } from \"@hotwired/stimulus\"\n\nexport default class extends Controller {\n static targets = [\n \"pageSelectWrapper\",\n \"pageSelect\",\n \"pdfViewer\",\n \"mainCanvas\",\n \"toggleOverlayToggler\",\n \"imageSource\",\n \"canvasContainer\",\n \"toggleOverlayhandler\"\n ]\n\n static values = {\n inputFileId: String,\n pdfUrl: String,\n currentPdfPage: Number,\n highlightBlockIds: Array\n }\n\n initialize() {\n pdfjsLib.GlobalWorkerOptions.workerSrc = \"https://cdn.jsdelivr.net/npm/pdfjs-dist@3.9.179/build/pdf.worker.min.js\"\n this.pdfDocument = undefined\n this.pdfEventBus = undefined\n this.pdfPageView = undefined\n this.currentPageNumber = this.currentPdfPageValue || 1\n this.isExtractedTextPresenting = false\n }\n\n connect() {\n ;(async () => {\n this.pdfDocument = await pdfjsLib.getDocument({\n url: this.pdfUrlValue,\n cMapUrl: \"https://cdn.jsdelivr.net/npm/pdfjs-dist@3.9.179/cmaps/\",\n cMapPacked: true,\n enableXfa: true\n }).promise\n\n this.initializePageSelector()\n\n if (this.highlightBlockIdsValue.length > 0) {\n this.isExtractedTextPresenting = true\n this.toggleOverlayhandlerTarget.checked = true\n this.pageSelectWrapperTarget.classList.remove(\"hidden\")\n this.pdfViewerTarget.classList.add(\"hidden\")\n this.mainCanvasTarget.classList.remove(\"hidden\")\n this.pdfViewerTarget.classList.add(\"hidden\")\n }\n if (this.currentPageNumber != 1 && this.pageSelectTargets.length > 0)\n this.pageSelectTarget.value = this.currentPdfPageValue\n })()\n }\n\n initializePageSelector() {\n if (this.pageSelectWrapperTargets.length > 0 && this.pageSelectTargets.length > 0) {\n if (this.pdfDocument.numPages === 1) {\n this.pageSelectTarget.innerHTML = \"1 \"\n } else {\n this.pageSelectTarget.innerHTML = Array.from(Array(this.pdfDocument.numPages).keys()).reduce((acc, current) => {\n return (acc = acc + `${current + 1} `)\n }, \"\")\n }\n }\n }\n\n changeCurrentPage(event) {\n const pageNumber = parseInt(event.target.value)\n this.currentPageNumber = pageNumber\n // Change page\n fetch(`/api/input_files/${this.inputFileIdValue}/pdf_image_url?type=hero2&page=${pageNumber}`)\n .then(response => response.json())\n .then(({ url }) => {\n this.imageSourceTarget.src = url\n })\n // Update tooltips\n fetch(`/api/input_files/${this.inputFileIdValue}/positional_text?page_number=${pageNumber}`)\n .then(response => response.json())\n .then(({ positional_text }) => {\n this.canvasContainerTarget.dataset.canvasBoundingBoxesValue = JSON.stringify(positional_text)\n })\n }\n\n changeTextPresenting(event) {\n const isPresenting = event.target.checked\n this.isExtractedTextPresenting = isPresenting\n this.toggleOverlayTogglerTarget.click()\n\n if (isPresenting) {\n this.pageSelectWrapperTarget.classList.remove(\"hidden\")\n this.pdfViewerTarget.classList.add(\"hidden\")\n this.mainCanvasTarget.classList.remove(\"hidden\")\n this.pdfViewerTarget.classList.add(\"hidden\")\n } else {\n this.pageSelectWrapperTarget.classList.add(\"hidden\")\n this.pdfViewerTarget.classList.remove(\"hidden\")\n this.mainCanvasTarget.classList.add(\"hidden\")\n this.pdfViewerTarget.classList.remove(\"hidden\")\n }\n }\n}\n","import { Controller } from \"@hotwired/stimulus\"\n\nexport default class extends Controller {\n static values = {\n initializationStatus: String\n }\n\n connect() {\n const inputFileRow = this.element.closest(\"tr\")\n const inputFileRowDisabled = inputFileRow && inputFileRow.classList.contains(\"bg-light-gray\")\n\n if (!inputFileRowDisabled || this.initializationStatusValue !== \"completed\") {\n return\n }\n\n inputFileRow.classList.remove(\"bg-light-gray\")\n\n inputFileRow.querySelectorAll(\"td\").forEach(td => {\n td.classList.remove(\"bg-light-gray\")\n })\n\n const inputFileCheckbox = inputFileRow.querySelector(\"input[type='checkbox']\")\n\n if (inputFileCheckbox) {\n inputFileCheckbox.classList.remove(\"invisible\")\n }\n }\n}\n","import { Controller } from \"@hotwired/stimulus\"\n\nexport default class extends Controller {\n static targets = [\"selectCheckbox\", \"selectAllCheckbox\", \"bulkActions\", \"bulkRetryAction\", \"ticketStatus\"]\n\n static values = {\n filteredStatuses: Array,\n tickets: Array\n }\n\n selectAll(event) {\n const selected = event.target.checked\n\n this.ticketsValue = this.ticketsValue.map(ticket => {\n return Object.assign(ticket, { selected: ticket.status !== \"completed\" && selected })\n })\n }\n\n select(event) {\n this.ticketsValue = this.ticketsValue.map(ticket => {\n if (ticket.id === event.target.dataset.ticketId) {\n return Object.assign(ticket, { selected: event.target.checked })\n } else {\n return ticket\n }\n })\n }\n\n bulkAction(event) {\n const ticketIds = this.selectedTickets.map(ticket => ticket.id)\n\n if (ticketIds.length === 0) {\n event.detail.formSubmission.stop()\n return\n }\n\n ticketIds.forEach(ticketId => {\n event.detail.formSubmission.fetchRequest.body.append(\"ticket_ids[]\", ticketId)\n })\n }\n\n ticketsValueChanged() {\n switch (this.selectedTickets.length) {\n case 0:\n this.selectCheckboxTargets.forEach(checkbox => {\n checkbox.checked = false\n })\n this.bulkActionsTarget.classList.add(\"hidden\")\n break\n default:\n if (this.selectedTickets.length === this.incompleteTickets.length) {\n this.selectAllCheckboxTarget.checked = true\n this.selectCheckboxTargets.forEach(checkbox => {\n if (this.selectedTickets.find(ticket => ticket.id === checkbox.dataset.ticketId)) {\n checkbox.checked = true\n }\n })\n } else {\n this.selectAllCheckboxTarget.checked = false\n }\n\n if (this.allSelectedCompleted) {\n this.bulkActionsTarget.classList.add(\"hidden\")\n } else {\n this.bulkActionsTarget.classList.remove(\"hidden\")\n }\n\n if (this.allSelectedFailed) {\n this.bulkRetryActionTarget.classList.remove(\"hidden\")\n } else {\n this.bulkRetryActionTarget.classList.add(\"hidden\")\n }\n\n break\n }\n }\n\n ticketStatusTargetConnected(element) {\n const selectBox = this.selectCheckboxTargets.find(\n checkbox => checkbox.dataset.ticketId === element.dataset.ticketId\n )\n const status = element.dataset.ticketStatus\n\n if (status === \"completed\") {\n selectBox.checked = false\n selectBox.disabled = true\n } else {\n selectBox.disabled = false\n }\n\n this.ticketsValue = [\n ...this.ticketsValue,\n {\n id: element.dataset.ticketId,\n status: status,\n selected: selectBox.checked\n }\n ]\n\n if (this.filteredStatusesValue.length > 0 && !this.filteredStatusesValue.includes(status)) {\n element.closest(\".js-ticket-item\").remove()\n }\n }\n\n ticketStatusTargetDisconnected(element) {\n this.ticketsValue = this.ticketsValue.filter(ticket => ticket.id !== element.dataset.ticketId)\n }\n\n get selectedTickets() {\n return this.ticketsValue.filter(ticket => ticket.selected)\n }\n\n get allSelectedFailed() {\n return this.selectedTickets.every(ticket => ticket.status === \"failed\")\n }\n\n get allSelectedCompleted() {\n return this.selectedTickets.every(ticket => ticket.status === \"completed\")\n }\n\n get incompleteTickets() {\n return this.ticketsValue.filter(ticket => ticket.status !== \"completed\")\n }\n}\n","import { Controller } from \"@hotwired/stimulus\"\nimport { createApp } from \"vue\"\n\nimport ImageApp from \"../document_viewer/apps/image-app/ImageApp.vue\"\nimport PdfApp from \"../document_viewer/apps/pdf-app/PdfApp.vue\"\n\nexport default class extends Controller {\n static targets = [\n \"imageViewerWrapper\",\n \"imageViewer\",\n \"pdfViewerWrapper\",\n \"pdfViewer\",\n \"fileViewerWrapper\",\n \"fileViewer\",\n \"showDetailAnchor\",\n \"showExtractedWordsCheckboxWrapper\",\n \"showExtractedWordsCheckbox\",\n \"attributeTableBody\",\n \"thumbnail\"\n ]\n\n static values = {\n results: Array,\n attributeSlugToInfo: Object,\n currentResultId: String\n }\n\n currentResultIdChanged() {\n this.clearResult()\n this.renderResult(this.currentResultIdValue)\n }\n\n connect() {\n this.imageViewerTarget.addEventListener(\"isShowExtractedWordsChanged\", event => {\n this.showExtractedWordsCheckboxTarget.checked = event.value.isShowExtractedWords\n })\n this.pdfViewerTarget.addEventListener(\"isShowExtractedWordsChanged\", event => {\n this.showExtractedWordsCheckboxTarget.checked = event.value.isShowExtractedWords\n })\n\n if (!this.currentResultIdValue) return\n\n this.clearResult()\n this.renderResult(this.currentResultIdValue)\n }\n\n clearResult() {\n this.imageViewerWrapperTarget.classList.add(\"hidden\")\n delete this.imageViewerTarget.dataset.imageUrl\n delete this.imageViewerTarget.dataset.positionalText\n delete this.imageViewerTarget.dataset.highlightBlockIds\n delete this.imageViewerTarget.dataset.highlightBlockScores\n\n this.pdfViewerWrapperTarget.classList.add(\"hidden\")\n delete this.pdfViewerTarget.dataset.inputFileId\n delete this.pdfViewerTarget.dataset.pdfUrl\n delete this.pdfViewerTarget.dataset.currentPage\n delete this.pdfViewerTarget.dataset.highlightBlockIds\n delete this.pdfViewerTarget.dataset.highlightBlockScores\n\n this.fileViewerWrapperTarget.classList.add(\"hidden\")\n this.fileViewerTarget.innerHTML = \"\"\n\n this.showDetailAnchorTarget.href = \"\"\n\n this.showExtractedWordsCheckboxWrapperTarget.classList.add(\"hidden\")\n\n this.attributeTableBodyTarget.innerHTML = \"\"\n }\n\n renderResult(resultId) {\n this.renderResultViewer(resultId)\n this.renderResultAttributes(resultId)\n\n const thumbnailsElement = this.thumbnailTargets.find(t => {\n return t.dataset.resultId === resultId\n })\n const dataset = thumbnailsElement.dataset\n this.showDetailAnchorTarget.href = dataset.resultDetailPageUrl\n }\n\n renderResultViewer(resultId) {\n const thumbnailsElement = this.thumbnailTargets.find(t => {\n return t.dataset.resultId === resultId\n })\n const dataset = thumbnailsElement.dataset\n const result = this.resultsValue.find(r => {\n return r.id === resultId\n })\n\n if (!thumbnailsElement || !result) return\n if (!result.file_data[\"file-extension\"]) return\n\n switch (result.file_data[\"file-extension\"].toLowerCase()) {\n case \"jpg\":\n case \"jpeg\":\n case \"png\":\n case \"tif\":\n case \"tiff\":\n {\n if (!dataset.resultFileUrl) return\n\n this.imageViewerTarget.dataset.inputFileId = dataset.resultId\n this.imageViewerTarget.dataset.imageUrl = dataset.resultFileUrl\n\n if (\n result.extracted_values &&\n result.extracted_values.extracted_content &&\n result.extracted_values.extracted_content.positional_text\n ) {\n this.imageViewerTarget.dataset.positionalText = JSON.stringify(\n result.extracted_values.extracted_content.positional_text\n )\n }\n\n if (dataset.highlightBlockIds && dataset.highlightBlockScores) {\n this.imageViewerTarget.dataset.highlightBlockIds = dataset.highlightBlockIds\n this.imageViewerTarget.dataset.highlightBlockScores = dataset.highlightBlockScores\n this.imageViewerTarget.dataset.isOnlyShowHighlightBlocks = \"true\"\n }\n\n const app = createApp(ImageApp, { element: this.imageViewerTarget })\n app.mount(this.imageViewerTarget)\n\n this.imageViewerWrapperTarget.classList.remove(\"hidden\")\n this.showExtractedWordsCheckboxWrapperTarget.classList.remove(\"hidden\")\n }\n break\n case \"pdf\":\n {\n if (!dataset.resultId || !dataset.resultFileUrl) return\n\n this.pdfViewerTarget.dataset.inputFileId = dataset.resultId\n this.pdfViewerTarget.dataset.pdfUrl = dataset.resultFileUrl\n\n if (dataset.currentPage) {\n this.pdfViewerTarget.dataset.currentPage = dataset.currentPage\n } else {\n this.pdfViewerTarget.dataset.currentPage = \"1\"\n }\n\n if (dataset.highlightBlockIds && dataset.highlightBlockScores) {\n this.pdfViewerTarget.dataset.highlightBlockIds = dataset.highlightBlockIds\n this.pdfViewerTarget.dataset.highlightBlockScores = dataset.highlightBlockScores\n this.pdfViewerTarget.dataset.isOnlyShowHighlightBlocks = \"true\"\n }\n\n const app = createApp(PdfApp, { element: this.pdfViewerTarget })\n app.mount(this.pdfViewerTarget)\n\n this.pdfViewerWrapperTarget.classList.remove(\"hidden\")\n this.showExtractedWordsCheckboxWrapperTarget.classList.remove(\"hidden\")\n }\n break\n default:\n {\n this.fileViewerTarget.innerHTML = result.file_data[\"file-extension\"]\n this.fileViewerWrapperTarget.classList.remove(\"hidden\")\n }\n break\n }\n }\n\n renderResultAttributes(resultId) {\n const result = this.resultsValue.find(r => {\n return r.id === resultId\n })\n\n const fragment = document.createDocumentFragment()\n Object.keys(this.attributeSlugToInfoValue).forEach(attributeSlug => {\n const rowElement = document.createElement(\"div\")\n rowElement.classList.add(\"div-table-row\", \"text-center\", \"bg-white\", \"border-b\", \"border-slate-50\")\n fragment.appendChild(rowElement)\n\n const nameElement = document.createElement(\"div\")\n nameElement.innerText = this.attributeSlugToInfoValue[attributeSlug].name\n rowElement.appendChild(nameElement)\n\n const valueElement = document.createElement(\"div\")\n valueElement.innerText = result.file_data[attributeSlug] || \"\"\n valueElement.classList.add(\"w-20\", \"break-all\")\n rowElement.appendChild(valueElement)\n })\n\n this.attributeTableBodyTarget.appendChild(fragment)\n }\n\n toggleShowExtractedWords(event) {\n this.imageViewerTarget.dataset.isShowExtractedWords = event.currentTarget.checked\n this.pdfViewerTarget.dataset.isShowExtractedWords = event.currentTarget.checked\n }\n\n onThumbnailClick(event) {\n this.currentResultIdValue = event.currentTarget.dataset.resultId\n\n this.clearResult()\n this.renderResult(this.currentResultIdValue)\n }\n}\n","import { Controller } from \"@hotwired/stimulus\"\n\nconst selectedItemTarget = \"selectedItem\"\n\nexport default class extends Controller {\n static classes = [\"active\", \"hidden\"]\n static outlets = [\"multifiles-manager\", \"multiprojects-manager\"]\n static targets = [\"label\", \"button\", \"clear\", \"counter\", \"formInputs\", \"filled\", selectedItemTarget]\n static values = {\n active: Boolean,\n activeLabel: String,\n emptyLabel: String,\n inputPrefix: String,\n extensions: Array\n }\n\n get selectedItemIds() {\n return new Set(this.selectedItemTargets.map(input => input.value))\n }\n\n get hasFilesSelected() {\n return this.filledTarget.value === \"true\"\n }\n\n multifilesManagerOutletConnected() {\n if (this.activeValue) {\n this.#configureMultiFilesManager()\n }\n }\n\n multiprojectsManagerOutletConnected() {\n if (this.activeValue) {\n this.#configureMultiProjectsManager()\n }\n }\n\n clear() {\n this.clearTarget.classList.add(...this.hiddenClasses)\n this.counterTarget.textContent = \"0\"\n this.formInputsTarget.innerHTML = \"\"\n this.filledTarget.value = \"\"\n this.filledTarget.dispatchEvent(new Event(\"input\", { bubbles: true }))\n this.deactivate()\n }\n\n disconnect() {\n this.#resetOutlets()\n }\n\n toggle() {\n if (!this.activeValue) {\n this.#activate()\n } else {\n this.deactivate()\n }\n }\n\n deactivate() {\n this.activeValue = false\n this.buttonTarget.classList.remove(...this.activeClasses)\n if (!this.hasFilesSelected) {\n this.counterTarget.classList.add(...this.hiddenClasses)\n this.labelTarget.textContent = this.emptyLabelValue\n }\n if (this.hasMultifilesManagerOutlet) {\n this.multifilesManagerOutlet.reset()\n }\n if (this.hasMultiprojectsManagerOutlet) {\n this.multiprojectsManagerOutlet.reset()\n }\n this.dispatch(\"deactivated\")\n }\n\n selectItem({ detail: { checkbox } }) {\n if (!this.activeValue) return\n\n const existingInput = this.selectedItemTargets.find(\n input => input.value === checkbox.dataset.multifilesManagerFileIdParam\n )\n if (checkbox.checked && !existingInput) {\n this.formInputsTarget.appendChild(this.#itemInputElement(checkbox.dataset.multifilesManagerFileIdParam))\n this.counterTarget.textContent = parseInt(this.counterTarget.textContent) + 1\n this.filledTarget.value = \"true\"\n this.clearTarget.classList.remove(...this.hiddenClasses)\n } else if (!checkbox.checked && existingInput) {\n this.formInputsTarget.removeChild(existingInput)\n this.counterTarget.textContent = parseInt(this.counterTarget.textContent) - 1\n if (this.counterTarget.textContent === \"0\") {\n this.filledTarget.value = \"\"\n this.clearTarget.classList.add(this.hiddenClasses)\n }\n }\n this.filledTarget.dispatchEvent(new Event(\"input\", { bubbles: true }))\n }\n\n #activate() {\n this.activeValue = true\n this.#deactivateOtherSelectors()\n this.buttonTarget.classList.add(...this.activeClasses)\n this.counterTarget.classList.remove(this.hiddenClasses)\n this.labelTarget.textContent = this.activeLabelValue\n this.#configureMultiFilesManager()\n this.#configureMultiProjectsManager()\n this.dispatch(\"activated\")\n }\n\n #deactivateOtherSelectors() {\n const currentController = this\n const allControllers = this.application.controllers.filter(\n controller => controller.identifier === currentController.identifier\n )\n allControllers.some(controller => {\n if (controller.activeValue && controller !== currentController) {\n controller.deactivate()\n return true\n }\n return false\n })\n }\n\n #configureMultiFilesManager() {\n if (!this.hasMultifilesManagerOutlet) return\n\n this.multifilesManagerOutlet.unselectAll()\n this.multifilesManagerOutlet.disableSelectAll()\n this.multifilesManagerOutlet.disableButtons()\n this.multifilesManagerOutlet.disableSelectActions()\n this.#setupItemCheckboxes()\n this.tableObserver = new MutationObserver(this.#handleFilesChanged.bind(this))\n this.tableObserver.observe(this.multifilesManagerOutlet.tableFrameTarget, {\n attributes: true,\n attributeFilter: [\"complete\"]\n })\n }\n\n #configureMultiProjectsManager() {\n if (!this.hasMultiprojectsManagerOutlet) return\n\n this.multiprojectsManagerOutlet.unselectAll()\n this.multiprojectsManagerOutlet.disableSelectAll()\n this.multiprojectsManagerOutlet.disableCheckboxes()\n }\n\n #itemInputElement(value) {\n const input = document.createElement(\"input\")\n input.type = \"hidden\"\n input.name = `${this.inputPrefixValue}[]`\n input.value = value\n input.dataset.inputSelectorTarget = selectedItemTarget\n return input\n }\n\n #handleFilesChanged(mutations) {\n mutations.forEach(mutation => {\n if (this.activeValue) {\n this.#setupItemCheckboxes()\n }\n })\n }\n\n #setupItemCheckboxes() {\n this.multifilesManagerOutlet.disableMany(\n item => !this.extensionsValue.includes(item.dataset.multifilesManagerFileExtParam)\n )\n const itemIds = this.selectedItemIds\n this.multifilesManagerOutlet.selectMany(item => itemIds.has(item.dataset.multifilesManagerFileIdParam))\n }\n\n #resetOutlets() {\n if (this.tableObserver) {\n this.tableObserver.disconnect()\n }\n if (this.hasMultifilesManagerOutlet) {\n this.multifilesManagerOutlet.reset()\n }\n if (this.hasMultiprojectsManagerOutlet) {\n this.multiprojectsManagerOutlet.reset()\n }\n }\n}\n","import { Controller } from \"@hotwired/stimulus\"\nimport { Turbo } from \"@hotwired/turbo-rails\"\n\n// Connects to data-controller=\"items-selector\"\nexport default class extends Controller {\n static values = {\n action: { String, default: \"replace\" },\n frame: { String, default: \"_top\" }\n }\n\n connect() {\n this.actionValue ||= this.constructor.values.action.default\n this.frameValue ||= this.constructor.values.frame.default\n }\n\n changeItemsPerPage(e) {\n let url = new URL(window.location.href)\n let searchParams = url.searchParams\n searchParams.set(\"items\", e.target.value)\n\n url.search = searchParams.toString()\n Turbo.visit(url.toString(), { action: this.actionValue, frame: this.frameValue })\n }\n}\n","import { Controller } from \"@hotwired/stimulus\"\n\nexport default class extends Controller {\n static targets = [\n \"figureRendering\",\n \"attributeRendering\",\n \"resultAttributes\",\n \"resultIndex\",\n \"showPageLinkRendering\",\n \"thumbnail\"\n ]\n\n static values = {\n results: Array,\n attributeSlugToInfo: Object,\n offset: Number\n }\n\n showResult(e) {\n this.removeExistingResult()\n this.renderResult(e.params)\n this.updateThumbnailStyle(e.target)\n }\n\n updateThumbnailStyle(target) {\n this.thumbnailTargets.forEach(thumbnailTarget => {\n thumbnailTarget.classList.remove(\n \"border-2\",\n \"text-white\",\n \"bg-violet-500\",\n \"border-violet-500\",\n \"hover:bg-violet-600\"\n )\n thumbnailTarget.classList.add(\"opacity-50\", \"border-gray-100\")\n })\n if (target.tagName === \"FIGURE\") {\n target.classList.add(\"border-2\", \"border-gray-300\", \"box-border\", \"border-violet-500\")\n target.classList.remove(\"opacity-50\")\n } else {\n target.classList.add(\n \"border-2\",\n \"text-white\",\n \"bg-violet-500\",\n \"border-violet-500\",\n \"hover:bg-violet-600\",\n \"box-border\"\n )\n target.classList.remove(\"opacity-50\")\n }\n }\n\n removeExistingResult() {\n if (this.figureRenderingTarget.getElementsByTagName(\"img\").length > 0)\n [...this.figureRenderingTarget.getElementsByTagName(\"img\")].forEach(imgTag => imgTag.remove())\n if (this.figureRenderingTarget.getElementsByTagName(\"div\").length > 0)\n [...this.figureRenderingTarget.getElementsByTagName(\"div\")].forEach(divTag => divTag.remove())\n if (this.figureRenderingTarget.getElementsByTagName(\"iframe\").length > 0)\n [...this.figureRenderingTarget.getElementsByTagName(\"iframe\")].forEach(iframeTag => iframeTag.remove())\n if (this.attributeRenderingTargets.length > 0)\n this.attributeRenderingTargets.forEach(attributeRenderingTarget => attributeRenderingTarget.remove())\n }\n\n updateShowPageLink(url) {\n this.showPageLinkRenderingTarget.href = url\n }\n\n renderResult(params) {\n const result = this.resultsValue.find(result => result.id === params.resultId)\n this.appendImage(params)\n this.updateShowPageLink(params.showPageUrl)\n this.appendAttributes(result)\n this.updateResultIndex(\n this.resultsValue.findIndex(resultValue => resultValue.id === result.id) + 1 + this.offsetValue\n )\n }\n\n appendImage(params) {\n var img = document.createElement(\"img\")\n img.src = params.imageUrl\n img.classList.add(\"max-h-[40rem]\", \"m-auto\")\n this.figureRenderingTarget.appendChild(img)\n }\n\n updateResultIndex(index) {\n this.resultIndexTarget.innerText = index\n }\n}\n","import { Controller } from \"@hotwired/stimulus\"\n\nexport default class extends Controller {\n static targets = [\"thumbUp\", \"thumbDown\"]\n static values = {\n updateCommentPath: String\n }\n\n like(e) {\n let formData = new FormData()\n formData.set(\"beneficial\", \"good\")\n\n fetch(this.updateCommentPathValue, {\n method: \"PUT\",\n headers: {\n \"Access-Control-Allow-Origin\": \"*\"\n },\n body: formData\n }).then(() => {\n e.target.classList.remove(\"bi-hand-thumbs-up\")\n e.target.classList.add(\"bi-hand-thumbs-up-fill\")\n this.thumbDownTarget.classList.remove(\"bi-hand-thumbs-down-fill\")\n this.thumbDownTarget.classList.add(\"bi-hand-thumbs-down\")\n })\n }\n\n dislike(e) {\n let formData = new FormData()\n formData.set(\"beneficial\", \"bad\")\n\n fetch(this.updateCommentPathValue, {\n method: \"PUT\",\n headers: {\n \"Access-Control-Allow-Origin\": \"*\"\n },\n body: formData\n }).then(() => {\n e.target.classList.remove(\"bi-hand-thumbs-down\")\n e.target.classList.add(\"bi-hand-thumbs-down-fill\")\n this.thumbUpTarget.classList.remove(\"bi-hand-thumbs-up-fill\")\n this.thumbUpTarget.classList.add(\"bi-hand-thumbs-up\")\n })\n }\n\n createMessageFormData(data) {\n let formData = new FormData()\n formData.set(\"beneficial\", data)\n\n return formData\n }\n}\n","import { Controller } from \"@hotwired/stimulus\"\n\nexport default class extends Controller {\n static classes = [\"checkboxEnabled\"]\n\n static targets = [\n \"fileCheckbox\",\n \"selectAllCheckbox\",\n \"buttonsContainer\",\n \"projectIdSelector\",\n \"folderIdSelector\",\n \"uploadFileButton\",\n \"createFolderButton\",\n \"downloadButton\",\n \"table\",\n \"tableFrame\"\n ]\n\n static outlets = [\"scope\"]\n\n static values = {\n deleteWarnMessage: String,\n dataSpaceSlug: String,\n selectedFiles: Array\n }\n\n tableTargetConnected() {\n let allSelected = true\n this.fileCheckboxTargets.forEach(fileCheckbox => {\n fileCheckbox.classList.add(\"group-hover:opacity-100\", \"cursor-pointer\")\n\n const id = fileCheckbox.dataset.multifilesManagerFileIdParam\n const isElementSelected = this.selectedFilesValue.find(file => file.id === id)\n if (isElementSelected) {\n this.#checkFileCheckbox(fileCheckbox)\n } else {\n allSelected = false\n }\n })\n this.selectAllCheckboxTarget.classList.add(\"group-hover:opacity-100\", \"cursor-pointer\")\n if (this.fileCheckboxTargets.length > 0 && allSelected) {\n this.selectAllCheckboxTarget.classList.remove(\"opacity-0\")\n this.selectAllCheckboxTarget.checked = true\n }\n }\n\n connect() {\n this.selectActionsEnabled = true\n this.selectedFolderIds = []\n document.addEventListener(\"stimulus:multifilesManager\", this.onEvent)\n }\n\n disconnect() {\n document.removeEventListener(\"stimulus:multifilesManager\", this.onEvent)\n }\n\n reset() {\n this.selectActionsEnabled = true\n this.unselectAll()\n this.fileCheckboxTargets.forEach(fileCheckbox => this.#enableFileCheckbox(fileCheckbox))\n this.selectAllCheckboxTarget.disabled = false\n this.selectAllCheckboxTarget.checked = false\n this.selectAllCheckboxTarget.classList.add(...this.checkboxEnabledClasses)\n }\n\n onEvent = e => {\n this[e.detail.action](e.detail.payload)\n }\n\n selectAll(e) {\n if (e.target.checked) {\n // Show select all button\n e.target.classList.remove(\"opacity-0\")\n // Show buttons\n this.buttonsContainerTarget.classList.remove(\"hidden\")\n // Disable upload file button\n this.disableUploadFileButton()\n // Disable create folder button\n this.disableCreateFolderButton()\n // Disable download button\n this.disableDownloadButton()\n // Show all file checkboxes\n this.fileCheckboxTargets.forEach(fileCheckbox => {\n fileCheckbox.checked = true\n fileCheckbox.classList.remove(\"opacity-0\")\n\n // Add selected file id to selectedFiles\n const id = fileCheckbox.dataset.multifilesManagerFileIdParam\n const name = fileCheckbox.dataset.multifilesManagerFileNameParam\n const type = fileCheckbox.dataset.multifilesManagerIsFolderParam === \"true\" ? \"folder\" : \"file\"\n const isElementSelected = this.selectedFilesValue.find(file => file.id === id)\n\n if (!isElementSelected) {\n this.selectedFilesValue = [...this.selectedFilesValue, { id: id, name: name, type: type }]\n }\n })\n\n // Add selected folder id to selectedFolderIds\n if (this.fileCheckboxTargets.some(s => s.dataset.multifilesManagerIsFolderParam === \"true\")) {\n this.fileCheckboxTargets\n .filter(checkbox => checkbox.dataset.multifilesManagerIsFolderParam === \"true\")\n .forEach(folder => {\n this.selectedFolderIds.push(folder.dataset.multifilesManagerFileIdParam)\n this.selectedFolderIds = this.selectedFolderIds.concat(\n JSON.parse(folder.dataset.multifilesManagerDescendantFolderIdsParam)\n )\n })\n }\n } else {\n this.unselectAll()\n }\n this.updateFolderOptionsOnBulkMove()\n }\n\n unselectAll() {\n this.buttonsContainerTarget.classList.add(\"hidden\")\n this.#enableButtons()\n this.selectAllCheckboxTarget.classList.add(\"opacity-0\")\n this.fileCheckboxTargets.forEach(fileCheckbox => {\n fileCheckbox.checked = false\n fileCheckbox.classList.add(\"opacity-0\")\n })\n this.selectedFilesValue = []\n this.selectedFolderIds = []\n }\n\n disableSelectAll() {\n this.selectAllCheckboxTarget.checked = false\n this.selectAllCheckboxTarget.disabled = true\n this.selectAllCheckboxTarget.classList.remove(...this.checkboxEnabledClasses)\n }\n\n selectMany(callback) {\n this.fileCheckboxTargets.forEach(fileCheckbox => {\n if (callback(fileCheckbox)) {\n fileCheckbox.checked = true\n fileCheckbox.classList.remove(\"opacity-0\")\n fileCheckbox.dispatchEvent(new Event(\"change\", { bubbles: true }))\n }\n })\n }\n\n disableMany(callback) {\n this.fileCheckboxTargets.forEach(fileCheckbox => {\n if (callback(fileCheckbox)) {\n this.#disableFileCheckbox(fileCheckbox)\n } else {\n fileCheckbox.classList.remove(\"opacity-0\")\n }\n })\n }\n\n #checkFileCheckbox(fileCheckbox) {\n fileCheckbox.checked = true\n fileCheckbox.classList.remove(\"opacity-0\")\n }\n\n #enableFileCheckbox(fileCheckbox) {\n fileCheckbox.disabled = false\n fileCheckbox.checked = false\n fileCheckbox.classList.add(...this.checkboxEnabledClasses)\n }\n\n #disableFileCheckbox(fileCheckbox) {\n fileCheckbox.disabled = true\n fileCheckbox.checked = false\n fileCheckbox.classList.remove(...this.checkboxEnabledClasses)\n }\n\n select(e) {\n this.dispatch(\"select\", { detail: { checkbox: e.target } })\n\n if (e.target.checked) {\n this.selectedFilesValue = [\n ...this.selectedFilesValue,\n {\n id: e.params.fileId,\n name: e.params.fileName,\n type: e.params.isFolder ? \"folder\" : \"file\"\n }\n ]\n e.target.classList.remove(\"opacity-0\")\n if (e.params.isFolder) {\n this.selectedFolderIds.push(e.params.fileId)\n this.selectedFolderIds = this.selectedFolderIds.concat(e.params.descendantFolderIds)\n }\n } else {\n this.selectedFilesValue = this.selectedFilesValue.filter(file => file.id !== e.params.fileId)\n e.target.classList.add(\"opacity-0\")\n if (e.params.isFolder) {\n const fileIdIndex = this.selectedFolderIds.indexOf(e.params.fileId)\n this.selectedFolderIds.splice(fileIdIndex, 1)\n e.params.descendantFolderIds.forEach(descendantFolderId => {\n const descendantFolderIdIndex = this.selectedFolderIds.indexOf(descendantFolderId)\n this.selectedFolderIds.splice(descendantFolderIdIndex, 1)\n })\n }\n }\n if (this.selectActionsEnabled) {\n this.updateSelectAllCheckbox()\n this.updateButtonContainer()\n this.updateFolderOptionsOnBulkMove()\n }\n }\n\n disableSelectActions() {\n this.selectActionsEnabled = false\n }\n\n updateSelectAllCheckbox() {\n this.selectAllCheckboxTarget.checked = false\n\n if (this.selectedFilesValue.length > 0) {\n this.selectAllCheckboxTarget.indeterminate = true\n this.selectAllCheckboxTarget.classList.remove(\"opacity-0\")\n } else {\n this.selectAllCheckboxTarget.indeterminate = false\n this.selectAllCheckboxTarget.classList.add(\"opacity-0\")\n }\n }\n\n updateButtonContainer() {\n if (this.selectedFilesValue.length > 0) {\n this.buttonsContainerTarget.classList.remove(\"hidden\")\n this.disableButtons()\n } else {\n this.buttonsContainerTarget.classList.add(\"hidden\")\n this.#enableButtons()\n }\n }\n\n #enableButtons() {\n this.enableUploadFileButton()\n this.enableCreateFolderButton()\n this.enableDownloadButton()\n }\n\n disableButtons() {\n this.disableUploadFileButton()\n this.disableCreateFolderButton()\n this.disableDownloadButton()\n }\n\n updateFolderOptionsOnBulkMove() {\n // 1. check if any folder in the current folder is selected\n // 2. if yes, disable the folder in the options\n // 3. if no, enable the folder in the options\n this.folderIdSelectorTarget.options.forEach(s => {\n if (this.selectedFolderIds.includes(s.value)) {\n s.disabled = \"disabled\"\n } else {\n s.disabled = \"\"\n }\n })\n }\n\n bulkDelete(event) {\n const inputFileIds = this.selectedFilesValue.map(file => file.id)\n\n if (inputFileIds.length === 0) {\n event.detail.formSubmission.stop()\n return\n }\n\n inputFileIds.forEach(inputFileId => {\n event.detail.formSubmission.fetchRequest.body.append(\"input_file_ids[]\", inputFileId)\n })\n }\n\n bulkMove() {\n const formData = new FormData()\n const csrfToken = document.querySelector(\"meta[name=csrf-token]\").content\n formData.set(\"input_file[record_id]\", this.projectIdSelectorTarget.value)\n formData.set(\"input_file[parent_id]\", this.folderIdSelectorTarget.value)\n formData.set(\"input_file_ids\", JSON.stringify(this.selectedFilesValue.map(file => file.id)))\n formData.set(\"authenticity_token\", csrfToken)\n ;(async () => {\n const { organizationIdValue, dataSpaceSlugValue } = this.scopeOutlet\n\n fetch(`/organizations/${organizationIdValue}/data_spaces/${dataSpaceSlugValue}/input_files/bulk_move`, {\n method: \"PATCH\",\n body: formData\n })\n .then(response => response.json())\n .then(({ return_url }) => {\n window.location = return_url\n })\n })()\n }\n\n bulkDownload() {\n const { organizationIdValue, dataSpaceSlugValue } = this.scopeOutlet\n this.#downloadFile(\n \"Files.zip\",\n `/organizations/${organizationIdValue}/data_spaces/${dataSpaceSlugValue}/input_files/bulk_download?input_file_ids=${JSON.stringify(\n this.selectedFilesValue.map(file => file.id)\n )}`\n )\n }\n\n bulkExport() {\n const { organizationIdValue, dataSpaceSlugValue } = this.scopeOutlet\n this.#downloadFile(\n \"FileAttributes.zip\",\n `/exports/organizations/${organizationIdValue}/data_spaces/${dataSpaceSlugValue}/input_files/selected?ids=${JSON.stringify(\n this.selectedFilesValue.map(file => file.id)\n )}`\n )\n }\n\n disableActionButtons() {\n this.disableUploadFileButton()\n this.disableCreateFolderButton()\n this.disableDownloadButton()\n }\n\n disableUploadFileButton() {\n if (this.uploadFileButtonTargets.length === 0) return\n this.#disableButton(this.uploadFileButtonTarget, true)\n }\n\n enableUploadFileButton() {\n if (this.uploadFileButtonTargets.length === 0) return\n this.#enableButton(this.uploadFileButtonTarget, true)\n }\n\n disableCreateFolderButton() {\n if (this.createFolderButtonTargets.length === 0) return\n this.#disableButton(this.createFolderButtonTarget)\n }\n\n enableCreateFolderButton() {\n if (this.createFolderButtonTargets.length === 0) return\n this.#enableButton(this.createFolderButtonTarget)\n }\n\n disableDownloadButton() {\n if (this.downloadButtonTargets.length === 0) return\n this.#disableButton(this.downloadButtonTarget)\n }\n\n enableDownloadButton() {\n if (this.downloadButtonTargets.length === 0) return\n this.#enableButton(this.downloadButtonTarget)\n }\n\n #enableButton(button, isPrimary = false) {\n button.disabled = false\n button.classList.remove(\"opacity-50\", \"cursor-not-allowed\", \"bg-gray-500\")\n\n if (isPrimary) {\n button.classList.add(\"bg-violet-500\")\n } else {\n button.classList.remove(\"text-white\")\n }\n }\n\n #disableButton(button, isPrimary = false) {\n button.disabled = true\n button.classList.add(\"opacity-50\", \"cursor-not-allowed\", \"bg-gray-500\")\n\n if (isPrimary) {\n button.classList.remove(\"bg-violet-500\")\n } else {\n button.classList.add(\"text-white\")\n }\n }\n\n #downloadFile(fileName, download_url) {\n fetch(download_url)\n .then(response => response.blob())\n .then(blob => {\n const url = window.URL.createObjectURL(blob)\n const a = document.createElement(\"a\")\n a.href = url\n a.download = fileName\n document.body.appendChild(a)\n a.click()\n window.URL.revokeObjectURL(url)\n })\n .catch(error => console.error(\"Error downloading file:\", error))\n }\n}\n","import { Controller } from \"@hotwired/stimulus\"\n\nexport default class extends Controller {\n static targets = [\"projectCheckbox\", \"selectAllCheckbox\", \"buttonsContainer\"]\n\n static values = {\n organizationSlug: String,\n dataSpaceSlug: String,\n selectedProjects: Array\n }\n\n connect() {\n // Show all checkboxes\n this.projectCheckboxTargets.forEach(projectCheckbox => {\n projectCheckbox.classList.add(\"group-hover:opacity-100\", \"cursor-pointer\")\n })\n if (this.hasSelectAllCheckboxTarget) {\n this.selectAllCheckboxTarget.classList.add(\"group-hover:opacity-100\", \"cursor-pointer\")\n }\n\n document.addEventListener(\"stimulus:multiprojectsManager\", this.onEvent)\n }\n\n disconnect() {\n document.removeEventListener(\"stimulus:multiprojectsManager\", this.onEvent)\n }\n\n onEvent = e => {\n this[e.detail.action](e.detail.payload)\n }\n\n selectAll(e) {\n if (e.target.checked) {\n // Show select all button\n e.target.classList.remove(\"opacity-0\")\n // Show buttons\n this.buttonsContainerTarget.classList.remove(\"hidden\")\n // Show all projects checkboxes\n this.projectCheckboxTargets.forEach(projectCheckbox => {\n projectCheckbox.checked = true\n projectCheckbox.classList.remove(\"opacity-0\")\n\n // Add selected project id to selectedProjects if not already there\n const projectId = projectCheckbox.dataset.multiprojectsManagerProjectIdParam\n const projectName = projectCheckbox.dataset.multiprojectsManagerProjectNameParam\n const isElementSelected = this.selectedProjectsValue.find(project => project.id === projectId)\n if (!isElementSelected) {\n this.selectedProjectsValue = [\n ...this.selectedProjectsValue,\n { id: projectId, name: projectName, type: \"project\" }\n ]\n }\n })\n } else {\n // Hide select all button\n e.target.classList.add(\"opacity-0\")\n // Hide buttons\n this.buttonsContainerTarget.classList.add(\"hidden\")\n // Hide all project checkboxes\n this.projectCheckboxTargets.forEach(projectCheckbox => {\n projectCheckbox.checked = false\n projectCheckbox.classList.add(\"opacity-0\")\n })\n // Clear selectedProjects\n this.selectedProjectsValue = []\n }\n }\n\n select(e) {\n if (e.target.checked) {\n this.selectedProjectsValue = [\n ...this.selectedProjectsValue,\n {\n id: e.params.projectId,\n name: e.params.projectName,\n type: \"project\"\n }\n ]\n e.target.classList.remove(\"opacity-0\")\n } else {\n this.selectedProjectsValue = this.selectedProjectsValue.filter(project => project.id !== e.params.projectId)\n e.target.classList.add(\"opacity-0\")\n }\n this.updateSelectAllCheckbox()\n this.updateButtonContainer()\n }\n\n unselectAll() {\n this.buttonsContainerTarget.classList.add(\"hidden\")\n this.selectAllCheckboxTarget.classList.add(\"opacity-0\")\n this.projectCheckboxTargets.forEach(projectCheckbox => {\n projectCheckbox.checked = false\n projectCheckbox.classList.add(\"opacity-0\")\n })\n this.selectedProjectsValue = []\n }\n\n reset() {\n this.projectCheckboxTargets.forEach(projectCheckbox => {\n projectCheckbox.disabled = false\n projectCheckbox.classList.add(\"group-hover:opacity-100\", \"cursor-pointer\")\n })\n if (this.hasSelectAllCheckboxTarget) {\n this.selectAllCheckboxTarget.disabled = false\n this.selectAllCheckboxTarget.classList.add(\"group-hover:opacity-100\", \"cursor-pointer\")\n }\n this.selectedProjectsValue = []\n }\n\n disableSelectAll() {\n this.selectAllCheckboxTarget.checked = false\n this.selectAllCheckboxTarget.disabled = true\n this.selectAllCheckboxTarget.classList.remove(\"group-hover:opacity-100\", \"cursor-pointer\")\n }\n\n disableCheckboxes() {\n this.projectCheckboxTargets.forEach(projectCheckbox => {\n projectCheckbox.disabled = true\n projectCheckbox.classList.remove(\"group-hover:opacity-100\", \"cursor-pointer\")\n })\n }\n\n updateSelectAllCheckbox() {\n this.selectAllCheckboxTarget.checked = false\n\n if (this.selectedProjectsValue.length > 0) {\n this.selectAllCheckboxTarget.indeterminate = true\n this.selectAllCheckboxTarget.classList.remove(\"opacity-0\")\n } else {\n this.selectAllCheckboxTarget.indeterminate = false\n this.selectAllCheckboxTarget.classList.add(\"opacity-0\")\n }\n }\n\n updateButtonContainer() {\n // Update button container\n if (this.selectedProjectsValue.length > 0) {\n this.buttonsContainerTarget.classList.remove(\"hidden\")\n } else {\n this.buttonsContainerTarget.classList.add(\"hidden\")\n }\n }\n\n bulkExtractAttributes(event) {\n // we prepare our data\n let selectedProjectsValues = this.selectedProjectsValue\n let fileAttributeIds = JSON.stringify(event.file_attribute_ids)\n\n if (event.is_all_extraction) {\n selectedProjectsValues = this.projectCheckboxTargets.map(projectCheckbox => {\n return {\n id: projectCheckbox.dataset.multifilesManagerFileIdParam,\n name: projectCheckbox.dataset.multifilesManagerFileNameParam\n }\n })\n }\n\n const formData = new FormData()\n const csrfToken = document.querySelector(\"meta[name=csrf-token]\").content\n\n formData.set(\"authenticity_token\", csrfToken)\n ;(async () => {\n selectedProjectsValues.forEach(file => {\n // TODO: Fix this url\n // let url = `/organizations/${this.organizationSlugValue}/data_spaces/${this.dataSpaceSlugValue}/`\n // url += `entity_attributes?entity_attribute_ids=${fileAttributeIds}`\n //\n // fetch(url, { method: 'POST', body: formData })\n })\n })()\n window.location.reload()\n }\n}\n","const activeSelector = \"[aria-selected='true']\"\r\n\r\nimport { Controller } from \"@hotwired/stimulus\"\r\n\r\nexport default class Multiselect extends Controller {\r\n static targets = [\"hidden\", \"list\", \"search\", \"preview\", \"dropdown\", \"item\", \"addable\", \"inputContainer\"]\r\n\r\n static values = {\r\n items: Array,\r\n selected: Array,\r\n searchUrl: String,\r\n searchRemote: { type: Boolean, default: false },\r\n preloadUrl: String,\r\n addableUrl: String,\r\n disabled: { type: Boolean, default: false }\r\n }\r\n\r\n connect() {\r\n this.hiddenTarget.insertAdjacentHTML(\"afterend\", this.template)\r\n if (this.selectedValue.length) this.selectedValueChanged()\r\n this.search = debounce(this.search.bind(this), 300)\r\n this.enhanceHiddenSelect()\r\n if (this.preloadUrlValue) this.preload()\r\n }\r\n\r\n // Allows selecting the hidden select field from html and extracting selected id values:\r\n // document.getElementById(\"selectId\").values - [2, 4, 23]\r\n enhanceHiddenSelect() {\r\n Object.defineProperty(this.hiddenTarget, \"values\", {\r\n get: () => {\r\n if (this.selectedValue.length <= 0) return []\r\n\r\n return this.selectedValue.map(item => item.value)\r\n }\r\n })\r\n }\r\n\r\n search() {\r\n if (this.searchRemoteValue) return this.searchRemote()\r\n\r\n this.searchLocal()\r\n }\r\n\r\n async searchRemote() {\r\n if (this.searchTarget.value === \"\") return\r\n\r\n const response = await fetch(this.searchUrlValue + \"?\" + new URLSearchParams({\r\n q: this.searchTarget.value,\r\n preselects: this.selectedValue.map(x => x.value).join(\",\")\r\n }))\r\n\r\n const searchedItems = await response.json()\r\n\r\n this.itemsValue = searchedItems\r\n this.dropdownTarget.classList.add(\"multiselect__dropdown--open\")\r\n }\r\n\r\n searchLocal() {\r\n this.dropdownTarget.classList.add(\"multiselect__dropdown--open\")\r\n if (this.searchTarget.value === \"\") {\r\n let theRestOfTheItems = this.itemsValue.filter(x => !this.selectedValue.map(y => y.value).includes(x.value))\r\n this.listTarget.innerHTML = this.selectedItems\r\n this.listTarget.insertAdjacentHTML(\"beforeend\", this.items(theRestOfTheItems))\r\n }\r\n\r\n let searched = this.itemsValue.filter(item => {\r\n return item.text.toLowerCase().includes(this.searchTarget.value.toLowerCase())\r\n })\r\n\r\n let selectedSearched = this.selectedValue.filter(item => {\r\n return item.text.toLowerCase().includes(this.searchTarget.value.toLowerCase())\r\n })\r\n\r\n searched = searched.filter(x => !selectedSearched.map(y => y.value).includes(x.value))\r\n\r\n if (searched.length === 0 && this.addableUrlValue) {\r\n return this.listTarget.innerHTML = this.noResultsTemplate\r\n }\r\n\r\n if (searched.length === 0) this.dropdownTarget.classList.remove(\"multiselect__dropdown--open\")\r\n this.listTarget.innerHTML = this.items(selectedSearched, true)\r\n this.listTarget.insertAdjacentHTML(\"beforeend\", this.items(searched))\r\n }\r\n\r\n async preload() {\r\n const response = await fetch(this.preloadUrlValue)\r\n\r\n const items = await response.json()\r\n this.itemsValue = items\r\n }\r\n\r\n toggleDropdown() {\r\n if (this.dropdownTarget.classList.contains(\"multiselect__dropdown--open\")) {\r\n this.dropdownTarget.classList.remove(\"multiselect__dropdown--open\")\r\n if (this.selectedValue.length > 0) this.inputContainerTarget.style.display = \"none\"\r\n this.searchTarget.blur()\r\n } else {\r\n if (this.itemsValue.length) this.dropdownTarget.classList.add(\"multiselect__dropdown--open\")\r\n this.searchTarget.focus()\r\n }\r\n }\r\n\r\n closeOnClickOutside({ target }) {\r\n if (this.element.contains(target)) return\r\n\r\n this.dropdownTarget.classList.remove(\"multiselect__dropdown--open\")\r\n if (this.selectedValue.length > 0) this.inputContainerTarget.style.display = \"none\"\r\n this.searchTarget.value = \"\"\r\n if (!this.searchRemoteValue) {\r\n this.listTarget.innerHTML = this.allItems\r\n this.selectedValue.forEach(selected => {\r\n this.checkItem(selected.value)\r\n })\r\n }\r\n }\r\n\r\n searchUrlValueChanged() {\r\n if (this.searchUrlValue) this.searchRemoteValue = true\r\n }\r\n\r\n itemsValueChanged() {\r\n if (!this.hasListTarget) return\r\n\r\n if (this.itemsValue.length) {\r\n this.listTarget.innerHTML = this.items(this.itemsValue)\r\n } else {\r\n this.listTarget.innerHTML = this.noResultsTemplate\r\n }\r\n }\r\n\r\n selectedValueChanged() {\r\n if (!this.hasPreviewTarget) return\r\n\r\n while (this.hiddenTarget.options.length) this.hiddenTarget.remove(0)\r\n\r\n if (this.selectedValue.length > 0) {\r\n this.previewTarget.innerHTML = this.pills\r\n this.searchTarget.style.paddingTop = \"0.5rem\"\r\n\r\n this.selectedValue.forEach(selected => {\r\n const option = document.createElement(\"option\")\r\n option.text = selected.text\r\n option.value = selected.value\r\n option.setAttribute(\"selected\", true)\r\n this.hiddenTarget.add(option)\r\n })\r\n\r\n if (!this.searchRemoteValue) {\r\n this.selectedValue.forEach(selected => {\r\n this.checkItem(selected.value)\r\n })\r\n }\r\n } else {\r\n this.searchTarget.style.paddingTop = \"0\"\r\n this.inputContainerTarget.style.display = \"\"\r\n this.previewTarget.innerHTML = \"\"\r\n }\r\n\r\n this.element.dispatchEvent(new Event(\"multiselect-change\"))\r\n }\r\n\r\n removeItem(e) {\r\n e.stopPropagation()\r\n\r\n const itemToRemove = e.currentTarget.parentNode\r\n\r\n this.selectedValue = this.selectedValue.filter(x => x.value.toString() !== itemToRemove.dataset.value)\r\n this.uncheckItem(itemToRemove.dataset.value)\r\n this.element.dispatchEvent(new CustomEvent(\"multiselect-removed\", { detail: { id: itemToRemove.dataset.value } }))\r\n }\r\n\r\n uncheckItem(value) {\r\n const itemToUncheck = this.listTarget.querySelector(`input[data-value=\"${value}\"]`)\r\n\r\n if (itemToUncheck) itemToUncheck.checked = false\r\n }\r\n\r\n checkItem(value) {\r\n const itemToCheck = this.listTarget.querySelector(`input[data-value=\"${value}\"]`)\r\n\r\n if (itemToCheck) itemToCheck.checked = true\r\n }\r\n\r\n toggleItem(input) {\r\n const item = {\r\n text: input.dataset.text,\r\n value: input.dataset.value\r\n }\r\n let newSelectedArray = this.selectedValue\r\n\r\n if (input.checked) {\r\n newSelectedArray.push(item)\r\n\r\n if (this.focusedItem) {\r\n this.focusedItem.closest(\"li\").classList.remove(\"multiselect__focused\")\r\n this.focusedItem.removeAttribute(\"aria-selected\")\r\n }\r\n\r\n input.setAttribute(\"aria-selected\", \"true\")\r\n input.closest(\"li\").classList.add(\"multiselect__focused\")\r\n this.element.dispatchEvent(new CustomEvent(\"multiselect-added\", { detail: { item: item } }))\r\n } else {\r\n newSelectedArray = newSelectedArray.filter(selected => selected.value.toString() !== item.value)\r\n this.element.dispatchEvent(new CustomEvent(\"multiselect-removed\", { detail: { id: item.value } }))\r\n }\r\n\r\n this.selectedValue = newSelectedArray\r\n }\r\n\r\n onKeyDown(e) {\r\n const handler = this[`on${e.key}Keydown`]\r\n if (handler) handler(e)\r\n }\r\n\r\n onArrowDownKeydown = (event) => {\r\n const item = this.sibling(true)\r\n if (item) this.navigate(item)\r\n event.preventDefault()\r\n }\r\n\r\n onArrowUpKeydown = (event) => {\r\n const item = this.sibling(false)\r\n if (item) this.navigate(item)\r\n event.preventDefault()\r\n }\r\n\r\n onBackspaceKeydown = () => {\r\n if (this.searchTarget.value !== \"\") return\r\n if (!this.selectedValue.length) return\r\n\r\n const selected = this.selectedValue\r\n const value = selected.pop().value\r\n\r\n this.uncheckItem(value)\r\n this.selectedValue = selected\r\n this.element.dispatchEvent(new CustomEvent(\"multiselect-removed\", { detail: { id: value } }))\r\n }\r\n\r\n onEnterKeydown = (e) => {\r\n if (this.focusedItem) this.focusedItem.click()\r\n }\r\n\r\n onEscapeKeydown = () => {\r\n if (this.searchTarget.value !== \"\") {\r\n this.searchTarget.value = \"\"\r\n return this.search()\r\n }\r\n\r\n this.toggleDropdown()\r\n }\r\n\r\n sibling(next) {\r\n const options = this.itemTargets\r\n const selected = this.focusedItem\r\n const index = options.indexOf(selected)\r\n const sibling = next ? options[index + 1] : options[index - 1]\r\n const def = next ? options[0] : options[options.length - 1]\r\n return sibling || def\r\n }\r\n\r\n async addable(e) {\r\n e.preventDefault()\r\n const query = this.searchTarget.value\r\n\r\n if (query === \"\" || this.itemsValue.some(item => item.text === query)) return\r\n\r\n const response = await fetch(this.addableUrlValue, {\r\n method: \"POST\",\r\n body: JSON.stringify({ addable: query })\r\n })\r\n if (response.ok) {\r\n const addedItem = await response.json()\r\n\r\n this.addAddableItem(addedItem)\r\n }\r\n }\r\n\r\n addAddableItem(addedItem) {\r\n this.itemsValue = this.itemsValue.concat(addedItem)\r\n this.selectedValue = this.selectedValue.concat(addedItem)\r\n this.searchTarget.value = \"\"\r\n this.element.dispatchEvent(new CustomEvent(\"multiselect-added\", { detail: { item: addedItem } }))\r\n }\r\n\r\n navigate(target) {\r\n const previouslySelected = this.focusedItem\r\n if (previouslySelected) {\r\n previouslySelected.removeAttribute(\"aria-selected\")\r\n previouslySelected.closest(\"li\").classList.remove(\"multiselect__focused\")\r\n }\r\n\r\n target.setAttribute(\"aria-selected\", \"true\")\r\n target.closest(\"li\").classList.add(\"multiselect__focused\")\r\n target.scrollIntoView({ behavior: \"smooth\", block: \"nearest\" })\r\n }\r\n\r\n get focusedItem() {\r\n return this.listTarget.querySelector(activeSelector)\r\n }\r\n\r\n focusSearch() {\r\n this.inputContainerTarget.style.display = \"\"\r\n this.searchTarget.focus()\r\n }\r\n\r\n addableEvent() {\r\n document.dispatchEvent(new CustomEvent(\"multiselect-addable\"))\r\n }\r\n\r\n get template() {\r\n return `\r\n multiselect#toggleDropdown focus->multiselect#focusSearch\" tabindex=\"0\" data-turbo-cache=\"false\">\r\n
\r\n
\r\n
${this.inputTemplate}
\r\n
multiselect#closeOnClickOutside\">\r\n
\r\n
\r\n ${this.allItems}\r\n \r\n
\r\n
${this.element.dataset.noResultsMessage}
`\r\n return `\r\n \r\n multiselect#addableEvent\">\r\n ${this.element.dataset.addablePlaceholder}\r\n \r\n
\r\n `\r\n }\r\n\r\n get inputTemplate() {\r\n return `\r\n \r\n \r\n ${item.text} \r\n \r\n \r\n `\r\n }\r\n\r\n checkBoxChange(event) {\r\n event.preventDefault()\r\n this.searchTarget.focus()\r\n this.toggleItem(event.currentTarget)\r\n }\r\n\r\n pillTemplate(item) {\r\n if (this.disabledValue) {\r\n return `\r\n ${item.text} \r\n
`\r\n } else {\r\n return `\r\n
${item.text} \r\n
multiselect#removeItem\">\r\n \r\n \r\n \r\n \r\n \r\n
\n ${this.withCheckAllButtonValue ? this.checkAllButtonTemplate : \"\"}\n
\n multiselect#toggleDropdown focus->multiselect#focusSearch\" \n tabindex=\"0\" data-turbo-cache=\"false\"\n >\n
\n
\n ${this.inputTemplate}\n
\n
multiselect#closeOnClickOutside\">\n
\n
multiselect#checkAllHandler ${this.checkAllHandlerCallbackActionValue}\"\n data-status=\"${hasSelectedItems ? \"checked\" : \"unchecked\"}\">\n ${hasSelectedItems ? deselectTranslation : selectTranslation}\n \n `\n }\n\n connect() {\n if (this.hasTemplateTarget) return\n\n super.connect()\n this.orignalSelectedValue = this.selectedValue\n\n if (this.hideInputAfterStartedValue && this.selectedValue.length > 0) {\n this.inputContainerTarget.style.display = \"none\"\n }\n }\n\n updateToggleAllButton(target, selected) {\n if (selected) {\n target.dataset.status = \"checked\"\n target.textContent = this.deselectAllTranslationValue || \"Deselect All\"\n target.classList.add(\"bg-gray-600\", \"border-gray-600\", \"text-white\")\n } else {\n target.dataset.status = \"unchecked\"\n target.textContent = this.selectAllTranslationValue || \"Select All\"\n target.classList.remove(\"bg-gray-600\", \"border-gray-600\", \"text-white\")\n }\n }\n\n checkAllHandler(e) {\n const status = e.target.dataset.status\n if (status === \"unchecked\") {\n this.checkAllItems()\n this.updateToggleAllButton(e.target, true)\n } else {\n this.uncheckAllItems()\n this.updateToggleAllButton(e.target, false)\n\n // Clear search when deselecting all\n this.clearSearch()\n }\n }\n\n searchItems(event) {\n const query = event.target.value.toLowerCase()\n const hasSelectedItems = this.selectedValue.length > 0\n\n this.listTarget.querySelectorAll(\"li\").forEach(item => {\n const text = item.innerText.toLowerCase()\n const isSelected = item.querySelector(\"input\")?.checked\n\n if (text.includes(query) || isSelected) {\n item.style.display = \"block\"\n } else {\n item.style.display = \"none\"\n }\n })\n\n this.forceDropdownOpen()\n }\n\n forceDropdownOpen() {\n if (this.dropdownTarget) {\n this.dropdownTarget.style.display = \"block\"\n this.dropdownTarget.classList.add(\"multiselect__dropdown--open\")\n }\n }\n\n clearSearch() {\n const searchInput = this.containerTarget.querySelector(\"input[type='text']\")\n if (searchInput) {\n searchInput.value = \"\"\n searchInput.dispatchEvent(new Event(\"input\", { bubbles: true }))\n }\n }\n\n checkAllItems() {\n this.itemTargets.forEach(item => {\n if (!item.checked) {\n item.click()\n }\n })\n }\n\n uncheckAllItems() {\n this.containerTarget.querySelectorAll(\".multiselect__pill-delete\").forEach(element => {\n element.click()\n })\n }\n\n // Overwrite the default itemTemplate from @wizardhealth/stimulus-multiselect\n itemTemplate(item, selected = \"\") {\n return `\n \n \n ${item.text} \n \n \n `\n }\n\n // Overwrite the default pillTemplate from @wizardhealth/stimulus-multiselect\n pillTemplate(item) {\n if (this.disabledValue) {\n return `\n ${item.text} \n
`\n } else {\n return `\n ${item.text} \n multiselect#removeItem ${this.pillTemplateCallbackActionValue}\">\n \n
`\n }\n }\n\n /*\n * Overwrite the default toggleDropdown from @wizardhealth/stimulus-multiselect\n */\n toggleDropdown(e) {\n const target = e.target\n\n if (this.dropdownTarget.classList.contains(\"multiselect__dropdown--open\")) {\n // when clicking on the search input, do not close the dropdown, keep the focus (overridden bit)\n const isClickOnSearchInput = this.searchTarget.contains(target)\n if (isClickOnSearchInput) return\n\n this.dropdownTarget.classList.remove(\"multiselect__dropdown--open\")\n if (this.selectedValue.length > 0) this.inputContainerTarget.style.display = \"none\"\n this.searchTarget.blur()\n } else {\n if (this.itemsValue.length) this.dropdownTarget.classList.add(\"multiselect__dropdown--open\")\n this.searchTarget.focus()\n }\n }\n\n /*\n * Overwrite the default closeOnClickOutside from @wizardhealth/stimulus-multiselect\n */\n closeOnClickOutside({ target }) {\n // Define all conditions at the top\n const allButtonContainer = this.element.querySelector(\".multiselect__all_button_container\")\n const checkAllButton = this.element.querySelector(\".multiselect__all_button_container .toggle-all-button\")\n const isClickOnSearchInput = this.searchTarget.contains(target)\n\n // Check if target is in the all button container background but not on the button\n const isClickOnAllButtonBackground =\n allButtonContainer && allButtonContainer.contains(target) && (!checkAllButton || !checkAllButton.contains(target))\n\n // Close the dropdown if the click is outside the element\n // when clicking on the search input, do not close the dropdown, keep the focus (overridden bit)\n if (isClickOnSearchInput) return\n if (isClickOnAllButtonBackground || !this.element.contains(target)) {\n // This is the equivalent of super.closeOnClickOutside({ target })\n this.dropdownTarget.classList.remove(\"multiselect__dropdown--open\")\n if (this.selectedValue.length > 0) this.inputContainerTarget.style.display = \"none\"\n this.searchTarget.value = \"\"\n if (!this.searchRemoteValue) {\n this.listTarget.innerHTML = this.allItems\n this.selectedValue.forEach(selected => {\n this.checkItem(selected.value)\n })\n }\n\n // Dispatch event if selected value has changed (addition)\n if (JSON.stringify(this.selectedValue) !== JSON.stringify(this.orignalSelectedValue)) {\n this.element.dispatchEvent(new CustomEvent(\"multiselect-selected-changed\"))\n }\n }\n }\n\n // overriding the searchLocal method\n searchLocal() {\n this.dropdownTarget.classList.add(\"multiselect__dropdown--open\")\n if (this.searchTarget.value === \"\") {\n let theRestOfTheItems = this.itemsValue.filter(x => !this.selectedValue.map(y => y.value).includes(x.value))\n this.listTarget.innerHTML = this.selectedItems\n this.listTarget.insertAdjacentHTML(\"beforeend\", this.items(theRestOfTheItems))\n }\n\n let searched = this.itemsValue.filter(item => {\n return item.text.toLowerCase().includes(this.searchTarget.value.toLowerCase())\n })\n\n let selectedSearched = this.selectedValue.filter(item => {\n return item.text.toLowerCase().includes(this.searchTarget.value.toLowerCase())\n })\n\n searched = searched.filter(x => !selectedSearched.map(y => y.value).includes(x.value))\n\n if (searched.length === 0 && this.addableUrlValue) {\n return (this.listTarget.innerHTML = this.noResultsTemplate)\n }\n\n /* override:\n * closing the dropdown if there are no results\n * mind that \"no results\" means no \"selectable results\" AND no \"selected results\"\n */\n if (searched.length === 0 && selectedSearched.length === 0) {\n this.dropdownTarget.classList.remove(\"multiselect__dropdown--open\")\n }\n\n this.listTarget.innerHTML = this.items(selectedSearched, true)\n this.listTarget.insertAdjacentHTML(\"beforeend\", this.items(searched))\n }\n}\n","import { Controller } from \"@hotwired/stimulus\"\n\nexport default class extends Controller {\n static values = { url: String }\n\n navigateTo() {\n window.location.href = this.urlValue\n }\n}\n","import { Controller as n } from \"@hotwired/stimulus\";\nclass r extends n {\n add(t) {\n t.preventDefault();\n const e = this.templateTarget.innerHTML.replace(/NEW_RECORD/g, new Date().getTime().toString());\n this.targetTarget.insertAdjacentHTML(\"beforebegin\", e);\n }\n remove(t) {\n t.preventDefault();\n const e = t.target.closest(this.wrapperSelectorValue);\n if (e.dataset.newRecord === \"true\")\n e.remove();\n else {\n e.style.display = \"none\";\n const a = e.querySelector(\"input[name*='_destroy']\");\n a.value = \"1\";\n }\n }\n}\nr.targets = [\"target\", \"template\"];\nr.values = {\n wrapperSelector: {\n type: String,\n default: \".nested-form-wrapper\"\n }\n};\nexport {\n r as default\n};\n","import NestedForm from \"stimulus-rails-nested-form\"\n\nexport default class extends NestedForm {\n static targets = [\"addButton\", \"attributeSelector\", \"emptyRow\", \"attributeRow\"]\n static values = {\n entityAttributes: Array,\n duplicateAttributesErrorMessage: String\n }\n\n add(event) {\n if (this.emptyRowTarget) {\n this.emptyRowTarget.classList.add(\"hidden\")\n this.emptyRowTarget.style.display = \"none\"\n }\n super.add(event)\n // this.disableAddButton();\n }\n\n remove(event) {\n super.remove(event)\n this.markDeletedAttributeRow(event)\n // this.disableAddButton();\n if (this.validAttributeRowTargets().length === 0) {\n this.emptyRowTarget.classList.remove(\"hidden\")\n this.emptyRowTarget.style.display = \"table-row\"\n }\n }\n\n markDeletedAttributeRow(event) {\n event.target.closest(this.wrapperSelectorValue).dataset.destroyed = true\n }\n\n disableAddButton() {\n if (this.validAttributeRowTargets().length >= this.entityAttributesValue.length) {\n this.addButtonTarget.disabled = true\n } else {\n this.addButtonTarget.disabled = false\n }\n }\n\n validateDuplicateAttribute(event) {\n const arr = this.attributeSelectorTargets.map(attributeTarget => {\n if (!attributeTarget.closest(this.wrapperSelectorValue).dataset.destroyed)\n return { value: attributeTarget.value, tableColumnValue: attributeTarget.nextElementSibling?.value }\n })\n\n const duplicateElements = arr\n .filter(\n (item, index) =>\n arr.findIndex(\n i => i.value === item.value && (!i.tableColumnValue || i.tableColumnValue === item.tableColumnValue)\n ) !== index\n )\n .filter(item => item !== undefined)\n\n if (duplicateElements.length > 0) {\n event.preventDefault()\n alert(this.duplicateAttributesErrorMessageValue)\n }\n }\n\n validAttributeRowTargets() {\n return this.attributeRowTargets.filter(attributeRow => !attributeRow.dataset.destroyed)\n }\n}\n","import { Controller } from \"@hotwired/stimulus\";\nconst _RailsNestedForm = class _RailsNestedForm extends Controller {\n add(e) {\n e.preventDefault();\n const content = this.templateTarget.innerHTML.replace(/NEW_RECORD/g, (/* @__PURE__ */ new Date()).getTime().toString());\n this.targetTarget.insertAdjacentHTML(\"beforebegin\", content);\n const event = new CustomEvent(\"rails-nested-form:add\", { bubbles: !0 });\n this.element.dispatchEvent(event);\n }\n remove(e) {\n e.preventDefault();\n const wrapper = e.target.closest(this.wrapperSelectorValue);\n if (wrapper.dataset.newRecord === \"true\")\n wrapper.remove();\n else {\n wrapper.style.display = \"none\";\n const input = wrapper.querySelector(\"input[name*='_destroy']\");\n input.value = \"1\";\n }\n const event = new CustomEvent(\"rails-nested-form:remove\", { bubbles: !0 });\n this.element.dispatchEvent(event);\n }\n};\n_RailsNestedForm.targets = [\"target\", \"template\"], _RailsNestedForm.values = {\n wrapperSelector: {\n type: String,\n default: \".nested-form-wrapper\"\n }\n};\nlet RailsNestedForm = _RailsNestedForm;\nexport {\n RailsNestedForm as default\n};\n","import NestedForm from \"@stimulus-components/rails-nested-form\"\n\nexport default class extends NestedForm {\n static targets = [\"inputGroups\", \"addButton\"]\n static values = { limit: Number }\n\n add(event) {\n super.add(event)\n this.#updateAddButtonState()\n this.inputGroupsTargets[this.inputGroupsTargets.length - 1]?.querySelector(\"input\")?.focus()\n }\n\n remove(event) {\n super.remove(event)\n this.#updateAddButtonState()\n }\n\n #updateAddButtonState() {\n if (!this.hasLimitValue) return\n\n const isDisabled = this.inputGroupsTargets.length >= this.limitValue\n this.addButtonTarget.disabled = isDisabled\n }\n}\n","import { Controller } from \"@hotwired/stimulus\"\n\nexport default class extends Controller {\n static targets = [\"modelSource\", \"modelSelector\"]\n\n updateModelSelector() {\n // This method is called when the user selects a source\n this.modelSelectorTarget.innerHTML = \"\"\n const sourceOptions = this.modelSourceTarget.values\n sourceOptions.forEach((sourceOption, idx) => {\n var option = document.createElement(\"option\")\n option.text = sourceOption\n option.value = sourceOption\n option.selected = idx === 0\n this.modelSelectorTarget.add(option)\n })\n }\n\n toggleModel(e) {\n // The event comes from selecting an option in multiselect\n // Please check itemTemplateCallbackActionValue in the multiselect_controller.js\n const model = e.target.dataset.value\n const modelSelectorOptions = [...this.modelSelectorTarget.options].map(option => option.value)\n if (modelSelectorOptions.includes(model)) {\n const index = modelSelectorOptions.indexOf(model)\n this.modelSelectorTarget.remove(index)\n } else {\n var option = document.createElement(\"option\")\n option.text = model\n option.value = model\n this.modelSelectorTarget.add(option)\n }\n }\n}\n","/* eslint-disable no-undef */\nimport { Controller } from \"@hotwired/stimulus\"\nimport tippy from \"tippy.js\"\n\nexport default class extends Controller {\n static HIGHLIGHT_LINE_WIDTH = 2\n static HIGHLIGHT_SCORE_THRESHOLD = 0.85\n static HIGHLIGHT_RED = \"#FB001A\"\n static HIGHLIGHT_ORANGE = \"#FD930A\"\n\n static VERTICAL_CONTEXT = 0.1 // 10% of page height\n static HORIZONTAL_CONTEXT = 0.1 // 10% of page width\n\n static TOOLTIP_CONFIG = {\n trigger: \"manual\",\n placement: \"top\",\n arrow: true,\n theme: \"light\",\n animation: \"fade\",\n interactive: true,\n appendTo: () => document.body\n }\n\n static values = {\n thumbnailUrl: String,\n page: { type: Object, default: {} },\n highlightBlockIds: { type: Array, default: [] },\n highlightBlockScores: { type: Array, default: [] }\n }\n\n connect() {\n if (!this.hasThumbnailUrlValue) return\n this.#setupMouseEvents()\n this.#updateHighlights()\n this.#renderThumbnail()\n }\n\n disconnect() {\n this.#removeTooltip()\n this.#cleanupEventListeners()\n }\n\n #setupMouseEvents() {\n this.boundHandleMouseMove = this.#handleMouseMove.bind(this)\n this.boundHandleMouseOut = this.#handleMouseOut.bind(this)\n\n this.element.addEventListener(\"mousemove\", this.boundHandleMouseMove)\n this.element.addEventListener(\"mouseout\", this.boundHandleMouseOut)\n }\n\n #handleMouseMove(event) {\n const rect = event.target.getBoundingClientRect()\n const x = event.clientX - rect.left\n const y = event.clientY - rect.top\n\n const block = this.#findHighlightBlockAtPoint(x, y)\n if (block?.content) {\n const [, , , , tooltipContent] = block.content\n if (tooltipContent) this.#showTooltip(tooltipContent, block)\n } else {\n this.#removeTooltip()\n }\n }\n\n #handleMouseOut() {\n this.#removeTooltip()\n }\n\n #cleanupEventListeners() {\n if (this.boundHandleMouseMove) this.element.removeEventListener(\"mousemove\", this.boundHandleMouseMove)\n if (this.boundHandleMouseOut) this.element.removeEventListener(\"mouseout\", this.boundHandleMouseOut)\n }\n\n #showTooltip(content, block) {\n if (!content) return\n\n const position = this.#getBlockScreenPosition(block)\n const tippyConfig = {\n ...this.constructor.TOOLTIP_CONFIG,\n content,\n getReferenceClientRect: () => position\n }\n\n if (this.tooltip) {\n this.tooltip.setContent(content)\n this.tooltip.setProps(tippyConfig)\n } else {\n this.tooltip = tippy(this.element, tippyConfig)\n this.tooltip.show()\n }\n }\n\n #removeTooltip() {\n if (this.tooltip) {\n this.tooltip.destroy()\n this.tooltip = null\n }\n }\n\n #renderThumbnail() {\n const canvas = this.element\n const ctx = canvas.getContext(\"2d\")\n\n // Create a new Image instance if it doesn't exist\n if (!this.img) this.img = new Image()\n\n const img = this.img\n\n img.onload = () => {\n // Store image dimensions\n this.imageWidth = img.width\n this.imageHeight = img.height\n\n this.#setupCanvas(canvas)\n this.#calculateScaleAndPosition(canvas)\n this.#drawImage(ctx, img)\n }\n\n img.src = this.thumbnailUrlValue\n }\n\n #setupCanvas(canvas) {\n // Get container dimensions\n const container = canvas.parentElement\n const containerWidth = container.clientWidth\n const containerHeight = container.clientHeight\n\n // Get device pixel ratio for high-DPI displays\n const dpr = window.devicePixelRatio || 1\n\n // Set canvas size accounting for device pixel ratio\n canvas.width = containerWidth * dpr\n canvas.height = containerHeight * dpr\n\n // Scale canvas CSS size for proper display\n canvas.style.width = `${containerWidth}px`\n canvas.style.height = `${containerHeight}px`\n\n // Scale context for high-DPI display\n const ctx = canvas.getContext(\"2d\")\n ctx.scale(dpr, dpr)\n\n // Configure rendering quality\n ctx.imageSmoothingEnabled = true\n ctx.imageSmoothingQuality = \"high\"\n }\n\n #calculateScaleAndPosition(canvas) {\n const container = canvas.parentElement\n const containerWidth = container.clientWidth\n const containerHeight = container.clientHeight\n\n // Calculate scale and position to fit image\n let scale = Math.min(containerWidth / this.imageWidth, containerHeight / this.imageHeight)\n let offsetX = (containerWidth - this.imageWidth * scale) / 2\n let offsetY = (containerHeight - this.imageHeight * scale) / 2\n\n // If we have highlights, focus on the highest scored block\n if (this.hasHighlightBlockIdsValue && this.hasPageValue) {\n const highestScoredBlock = this.#getHighestScoredBlock()\n if (highestScoredBlock) {\n const { adjustedScale, adjustedOffsetX, adjustedOffsetY } = this.#calculateFocusedView(\n highestScoredBlock,\n containerWidth,\n containerHeight\n )\n\n scale = adjustedScale\n offsetX = adjustedOffsetX\n offsetY = adjustedOffsetY\n }\n }\n\n // Store dimensions for highlight calculations\n this.scale = scale\n this.offsetX = offsetX\n this.offsetY = offsetY\n }\n\n #calculateFocusedView(block, containerWidth, containerHeight) {\n const page = this.pageValue\n const [blockX, blockY, blockWidth, blockHeight] = block.content\n\n // Convert block dimensions to image coordinates\n const x = (blockX / page.width) * this.imageWidth\n const y = (blockY / page.height) * this.imageHeight\n const width = (blockWidth / page.width) * this.imageWidth\n const height = (blockHeight / page.height) * this.imageHeight\n\n // Calculate how much context we want to show\n const verticalContext = this.imageHeight * this.constructor.VERTICAL_CONTEXT\n const horizontalContext = this.imageWidth * this.constructor.HORIZONTAL_CONTEXT\n\n // Calculate the visible region dimensions (block + context)\n const visibleWidth = width + horizontalContext\n const visibleHeight = height + verticalContext\n\n // Calculate scales based on the visible region\n const scaleX = containerWidth / visibleWidth\n const scaleY = containerHeight / visibleHeight\n\n // Use the smaller scale to maintain aspect ratio\n const scale = Math.min(scaleX, scaleY)\n\n // Calculate initial offsets to center the block\n let offsetX = containerWidth / 2 - (x * scale + (width * scale) / 2)\n let offsetY = containerHeight / 2 - (y * scale + (height * scale) / 2)\n\n // Calculate scaled image dimensions\n const scaledImgWidth = this.imageWidth * scale\n const scaledImgHeight = this.imageHeight * scale\n\n // Adjust offsets to avoid whitespace\n offsetX = this.#adjustHorizontalOffset(offsetX, scaledImgWidth, containerWidth)\n offsetY = this.#adjustVerticalOffset(offsetY, scaledImgHeight, containerHeight)\n\n return { adjustedScale: scale, adjustedOffsetX: offsetX, adjustedOffsetY: offsetY }\n }\n\n #adjustHorizontalOffset(offsetX, scaledImgWidth, containerWidth) {\n // If there's whitespace on the right, move image right\n if (offsetX + scaledImgWidth < containerWidth) {\n return Math.min(0, containerWidth - scaledImgWidth)\n }\n // If there's whitespace on the left, move image left\n else if (offsetX > 0) {\n return 0\n }\n return offsetX\n }\n\n #adjustVerticalOffset(offsetY, scaledImgHeight, containerHeight) {\n // If there's whitespace at the bottom, move image down\n if (offsetY + scaledImgHeight < containerHeight) {\n return Math.min(0, containerHeight - scaledImgHeight)\n }\n // If there's whitespace at the top, move image up\n else if (offsetY > 0) {\n return 0\n }\n return offsetY\n }\n\n #drawImage(ctx, img) {\n const containerWidth = this.element.parentElement.clientWidth\n const containerHeight = this.element.parentElement.clientHeight\n\n ctx.clearRect(0, 0, containerWidth, containerHeight)\n ctx.drawImage(img, this.offsetX, this.offsetY, img.width * this.scale, img.height * this.scale)\n\n if (this.hasHighlightBlockIdsValue && this.hasPageValue) {\n this.#drawHighlights(ctx)\n }\n }\n\n #drawHighlights(ctx) {\n const page = this.pageValue\n if (!page?.content) return\n\n ctx.save()\n ctx.lineWidth = this.constructor.HIGHLIGHT_LINE_WIDTH\n\n this.highlights.ids.forEach((blockId, index) => {\n const block = page.content.find(item => item.id === blockId)\n if (!block?.content) return\n\n const score = this.highlights.scores[index]\n ctx.strokeStyle = this.#getHighlightColor(score)\n\n const [blockX, blockY, blockWidth, blockHeight] = block.content\n const { x, y, width, height } = this.#calculateHighlightDimensions(blockX, blockY, blockWidth, blockHeight)\n\n ctx.strokeRect(x, y, width, height)\n })\n\n ctx.restore()\n }\n\n #getHighlightColor(score) {\n return score >= this.constructor.HIGHLIGHT_SCORE_THRESHOLD\n ? this.constructor.HIGHLIGHT_RED\n : this.constructor.HIGHLIGHT_ORANGE\n }\n\n #calculateHighlightDimensions(blockX, blockY, blockWidth, blockHeight) {\n const page = this.pageValue\n\n // Scale coordinates relative to page dimensions first\n const x = (blockX / page.width) * this.imageWidth\n const y = (blockY / page.height) * this.imageHeight\n const width = (blockWidth / page.width) * this.imageWidth\n const height = (blockHeight / page.height) * this.imageHeight\n\n // Then apply canvas scaling and offset\n return {\n x: x * this.scale + this.offsetX,\n y: y * this.scale + this.offsetY,\n width: width * this.scale,\n height: height * this.scale\n }\n }\n\n #updateHighlights() {\n this.highlights = { ids: [], scores: [] }\n const page = this.pageValue\n\n if (!page?.content || !this.hasHighlightBlockIdsValue) return\n\n const pageContentIds = page.content.map(content => content.id)\n\n this.highlightBlockIdsValue.forEach((blockId, index) => {\n if (pageContentIds.includes(blockId)) {\n this.highlights.ids.push(blockId)\n this.highlights.scores.push(this.highlightBlockScoresValue[index] || 0)\n }\n })\n }\n\n #getHighestScoredBlock() {\n const page = this.pageValue\n if (!page?.content || !this.highlights.ids.length) return null\n\n let highestScore = -1\n let highestBlock = null\n\n this.highlights.ids.forEach((blockId, index) => {\n const score = this.highlights.scores[index]\n if (score > highestScore) {\n const block = page.content.find(item => item.id === blockId)\n if (block?.content) {\n highestScore = score\n highestBlock = block\n }\n }\n })\n\n return highestBlock\n }\n\n #findHighlightBlockAtPoint(x, y) {\n const page = this.pageValue\n if (!page) return null\n\n const mouseX = (x - this.offsetX) / this.scale\n const mouseY = (y - this.offsetY) / this.scale\n\n for (const blockId of this.highlightBlockIdsValue) {\n const block = page.content?.find(item => item.id === blockId)\n if (!block?.content) continue\n\n const [blockX, blockY, blockWidth, blockHeight] = block.content\n const { isInside } = this.#isPointInsideBlock(mouseX, mouseY, blockX, blockY, blockWidth, blockHeight)\n\n if (isInside) return block\n }\n return null\n }\n\n #isPointInsideBlock(mouseX, mouseY, blockX, blockY, blockWidth, blockHeight) {\n // Convert block coordinates to image space\n const imageX = (blockX / this.pageValue.width) * this.imageWidth\n const imageY = (blockY / this.pageValue.height) * this.imageHeight\n const imageWidth = (blockWidth / this.pageValue.width) * this.imageWidth\n const imageHeight = (blockHeight / this.pageValue.height) * this.imageHeight\n\n const isInside =\n mouseX >= imageX && mouseX <= imageX + imageWidth && mouseY >= imageY && mouseY <= imageY + imageHeight\n\n return { isInside }\n }\n\n #getBlockScreenPosition(block) {\n const [x, y, width, height] = block.content\n const rect = this.element.getBoundingClientRect()\n\n // Convert block coordinates to screen coordinates\n const scale = this.scale\n const screenX = rect.left + (x / this.pageValue.width) * this.imageWidth * scale + this.offsetX\n const screenY = rect.top + (y / this.pageValue.height) * this.imageHeight * scale + this.offsetY\n const screenWidth = (width / this.pageValue.width) * this.imageWidth * scale\n const screenHeight = (height / this.pageValue.height) * this.imageHeight * scale\n\n return {\n width: screenWidth,\n height: screenHeight,\n top: screenY,\n bottom: screenY + screenHeight,\n left: screenX,\n right: screenX + screenWidth\n }\n }\n}\n","import FileAttributeExtractionOnSettingPageController from \"./file_attribute_extraction_on_setting_page_controller\"\n\nexport default class extends FileAttributeExtractionOnSettingPageController {\n static targets = [\"fileAttribute\"]\n\n static outlets = [\"scope\"]\n\n connect() {}\n\n initialize() {\n if (this.fileAttributeTarget.dataset.status === \"done\") return\n const { organizationIdValue } = this.scopeOutlet\n\n this.updateFileAttribute(organizationIdValue, this.fileAttributeTarget.dataset.fileAttributeId)\n this.timeoutMap = {}\n }\n}\n","import ProjectAttributeExtractionOnSettingPageController from \"./project_attribute_extraction_on_setting_page_controller\"\n\nexport default class extends ProjectAttributeExtractionOnSettingPageController {\n static targets = [\"projectAttribute\"]\n\n static outlets = [\"scope\"]\n\n connect() {}\n\n initialize() {\n if (this.projectAttributeTarget.dataset.status === \"done\") return\n\n const { organizationIdValue } = this.scopeOutlet\n this.updateProjectAttribute(organizationIdValue, this.projectAttributeTarget.dataset.projectAttributeId)\n this.timeoutMap = {}\n }\n}\n","import { Controller } from \"@hotwired/stimulus\"\n\nexport default class extends Controller {\n static targets = [\n \"projectSettingDropdownButton\",\n \"tooltipContainer\",\n \"tooltipContent\",\n \"settingDropdownbuttonContainer\"\n ]\n\n static outlets = [\"scope\"]\n\n static values = {\n confirmMessage: String,\n projectId: String,\n entityId: String\n }\n\n connect() {\n document.addEventListener(\"stimulus:projectSettingDropdownButton-\" + this.projectIdValue, this.onEvent)\n }\n\n disconnect() {\n document.removeEventListener(\"stimulus:projectSettingDropdownButton-\" + this.projectIdValue, this.onEvent)\n }\n\n onEvent = e => {\n this[e.detail.action](e.detail.payload)\n }\n\n initialize() {\n this.timeoutMap = {}\n }\n\n extractFileAttributes(event) {\n let fileAttributeIds = event.file_attribute_ids\n\n const formData = new FormData()\n const csrfToken = document.querySelector(\"meta[name=csrf-token]\").content\n formData.set(\"authenticity_token\", csrfToken)\n\n const itemRow = document.getElementById(`item-row-${this.projectIdValue}`)\n if (itemRow) {\n this.addBackgroundColorTo(itemRow)\n // Make first column gray\n itemRow.querySelector(\"td\").classList.add(\"bg-light-gray\")\n }\n\n this.settingDropdownbuttonContainerTarget.classList.add(\"bg-light-gray\")\n this.projectSettingDropdownButtonTarget.disabled = true\n this.projectSettingDropdownButtonTarget.innerHTML = \"\"\n this.projectSettingDropdownButtonTarget.classList.remove(\"cursor-pointer\")\n this.projectSettingDropdownButtonTarget.classList.add(\"cursor-not-allowed\")\n this.addProcessingAnimationTo(this.projectSettingDropdownButtonTarget)\n this.tooltipContainerTarget.classList.remove(\"hidden\")\n this.tooltipContainerTarget.innerHTML = \"Extracting Attribute\"\n\n // We send our request\n const { organizationIdValue, dataSpaceSlugValue } = this.scopeOutlet\n let url = `/extractions/organizations/${organizationIdValue}/`\n url += `data_spaces/${dataSpaceSlugValue}/projects/${this.projectIdValue}/`\n url += `file_attributes_tickets?file_attribute_ids[]=${fileAttributeIds.join(\"&file_attribute_ids[]=\")}`\n\n fetch(url, { method: \"POST\", body: formData }).then(() => {\n const { organizationIdValue, dataSpaceSlugValue } = this.scopeOutlet\n this.updateProjectStatus(organizationIdValue, dataSpaceSlugValue, this.projectIdValue, this.entityIdValue)\n })\n }\n\n extractProjectAttributes(event) {\n let entityAttributeIds = event.project_attribute_ids\n\n const formData = new FormData()\n const csrfToken = document.querySelector(\"meta[name=csrf-token]\").content\n formData.set(\"authenticity_token\", csrfToken)\n\n const itemRow = document.getElementById(`item-row-${this.projectIdValue}`)\n if (itemRow) {\n this.addBackgroundColorTo(itemRow)\n // Make first column gray\n itemRow.querySelector(\"td\").classList.add(\"bg-light-gray\")\n }\n this.settingDropdownbuttonContainerTarget.classList.add(\"bg-light-gray\")\n this.settingDropdownbuttonContainerTarget\n .querySelector(\".project-attribute-extraction-menu\")\n .classList.remove(\"hidden\")\n this.tooltipContainerTarget.innerHTML = \"Extracting Attribute\"\n\n const { organizationIdValue, dataSpaceSlugValue } = this.scopeOutlet\n let url = `/extractions/organizations/${organizationIdValue}/`\n url += `data_spaces/${dataSpaceSlugValue}/projects/${this.projectIdValue}/`\n url += `entity_attributes_tickets?entity_attribute_ids[]=${entityAttributeIds.join(\"&entity_attribute_ids[]=\")}`\n\n fetch(url, { method: \"POST\", body: formData }).then(() => {\n const { organizationIdValue, dataSpaceSlugValue } = this.scopeOutlet\n this.updateProjectStatus(organizationIdValue, dataSpaceSlugValue, this.projectIdValue, this.entityIdValue)\n })\n }\n\n addProcessingAnimationTo(dom) {\n var stage = document.createElement(\"div\")\n stage.classList.add(\n \"flex\",\n \"items-center\",\n \"animate-pulse\",\n \"font-bold\",\n \"text-violet-500\",\n \"cursor-not-allowed\",\n \"text-right\"\n )\n var dotTyping = document.createElement(\"i\")\n dotTyping.classList.add(\n \"bx\",\n \"bx-dots-horizontal-rounded\",\n \"text-lg\",\n \"relative\",\n \"top-[1px]\",\n \"pointer-events-none\"\n )\n stage.appendChild(dotTyping)\n dom.appendChild(stage)\n }\n\n renderFileAttributes(input_file_id, attributes) {\n Object.keys(attributes).forEach(attributeSlug => {\n let attribute = document.getElementById(`${input_file_id}-${attributeSlug}`)\n if (attribute) {\n attribute.innerHTML = `${attributes[attributeSlug]}
`\n }\n })\n }\n\n restoreProjectRowStyle(projectId) {\n const itemRow = document.getElementById(`item-row-${projectId}`)\n if (itemRow) {\n itemRow.classList.remove(\"bg-light-gray\")\n itemRow.querySelector(\"td\").classList.remove(\"bg-light-gray\")\n }\n\n const settingDropdownbuttonContainer = itemRow.querySelector(\n 'td[data-project-setting-dropdown-button-target=\"settingDropdownbuttonContainer\"]'\n )\n settingDropdownbuttonContainer.classList.remove(\"bg-light-gray\")\n\n if (settingDropdownbuttonContainer) settingDropdownbuttonContainer.classList.remove(\"bg-light-gray\")\n\n const projectSettingDropdownButton = itemRow.querySelector(\n 'button[data-project-setting-dropdown-button-target=\"projectSettingDropdownButton\"]'\n )\n\n if (projectSettingDropdownButton) {\n projectSettingDropdownButton.disabled = false\n projectSettingDropdownButton.innerHTML = \"\"\n projectSettingDropdownButton.classList.add(\"cursor-pointer\")\n projectSettingDropdownButton.classList.remove(\"cursor-not-allowed\")\n const tooltipContainer = itemRow.querySelector(\n 'div[data-project-setting-dropdown-button-target=\"tooltipContainer\"]'\n )\n if (tooltipContainer) tooltipContainer.classList.add(\"hidden\")\n this.addSettingIconTo(projectSettingDropdownButton)\n }\n }\n\n addSettingIconTo(dom) {\n var icon = document.createElement(\"i\")\n icon.classList.add(\n \"bx\",\n \"bx-dots-horizontal-rounded\",\n \"opacity-50\",\n \"text-lg\",\n \"relative\",\n \"top-[1px]\",\n \"pointer-events-none\"\n )\n dom.appendChild(icon)\n }\n\n updateProjectStatus(organizationId, dataSpaceSlug, projectId, entityId) {\n fetch(`/organizations/${organizationId}/data_spaces/${dataSpaceSlug}/projects/${projectId}/project_status_polling`)\n .then(response => response.json())\n .then(({ status, attributes }) => {\n if (status === \"in_progress\") {\n this.timeoutMap[projectId] = setTimeout(() => {\n this.updateProjectStatus(organizationId, dataSpaceSlug, projectId, entityId)\n }, 6000) // Poll every 6 seconds\n } else {\n // remove settimeout event\n clearTimeout(this.timeoutMap[projectId])\n this.renderEntityAttributes(projectId, entityId, attributes)\n this.restoreProjectRowStyle(projectId)\n }\n })\n }\n\n renderEntityAttributes(projectId, entityId, attributes) {\n Object.keys(attributes).forEach(attributeSlug => {\n let attribute = document.getElementById(`${projectId}-${attributeSlug}`)\n if (attribute) {\n attribute.innerHTML = `${attributes[attributeSlug]}
`\n }\n\n if (attribute) {\n let value = attributes[attributeSlug]\n if (Array.isArray(value)) {\n const count = value.length\n if (count == 0) {\n attribute.innerHTML = `-
`\n } else {\n const rowText = count === 1 ? \"row\" : \"rows\"\n const url = `/organizations/${this.organizationIdValue}/data_spaces/${this.dataSpaceSlugValue}/projects/${projectId}/entities/${entityId}/table?attribute_id=${attributeSlug}`\n attribute.innerHTML = ``\n }\n } else {\n attribute.innerHTML = `${attributes[attributeSlug]}
`\n }\n }\n })\n }\n\n addBackgroundColorTo(dom) {\n dom.classList.add(\"bg-light-gray\")\n }\n}\n","import ProjectSettingdropdownButtonController from \"./project_setting_dropdown_button_controller\"\n\nexport default class extends ProjectSettingdropdownButtonController {\n static values = {\n organizationId: String\n }\n\n connect() {}\n\n initialize() {\n this.projectsUnderExtractingAttributes().forEach(project => {\n const dataset = project.dataset\n this.updateProjectStatus(\n this.organizationIdValue,\n dataset.projectSettingDropdownButtonDataSpaceSlugValue,\n dataset.projectId,\n dataset.projectSettingDropdownButtonEntityIdValue\n )\n })\n this.timeoutMap = {}\n }\n\n // Polling for updates of extraction in progress files\n // Get all files that are under extraction process\n projectsUnderExtractingAttributes() {\n return [...document.querySelectorAll('tr[data-status=\"in_progress\"]')]\n }\n}\n","import { Controller } from \"@hotwired/stimulus\"\n\nexport default class extends Controller {\n static targets = [\"modal\", \"reExtractBtn\", \"logsContainer\"]\n\n initialize() {\n document.querySelectorAll(\".nav-tabs\").forEach(function (elem) {\n elem.querySelectorAll('[data-tw-toggle=\"tab\"]').forEach(function (item) {\n item.addEventListener(\"click\", function () {\n var tabID = item.getAttribute(\"data-tw-target\")\n var tabContents = elem.querySelectorAll(\".tab-content > .tab-pane\")\n\n var activeElem = elem.querySelector('[data-tw-toggle=\"tab\"].active')\n if (activeElem) activeElem.classList.remove(\"active\")\n\n // clear value\n for (let i = 0; i < tabContents.length; i++) {\n tabContents[i].classList.add(\"hidden\")\n tabContents[i].classList.remove(\"block\")\n }\n\n // change value\n item.classList.add(\"active\")\n document.getElementById(tabID).classList.remove(\"hidden\")\n document.getElementById(tabID).classList.add(\"block\")\n })\n })\n })\n }\n\n openPromptConfigModal(e) {\n this.modalTarget.classList.remove(\"hidden\")\n this.reExtractBtnTarget.dataset.editEntityAttributeInputFileIdParam = e.params.fileId\n this.renderLogs(e.params.getLogsUrl)\n }\n\n closePromptConfigModal() {\n this.modalTarget.classList.add(\"hidden\")\n }\n\n renderLogs(url) {\n this.logsContainerTarget.innerHTML = \"\"\n fetch(url)\n .then(response => response.json())\n .then(({ logs }) => {\n logs.forEach(log => {\n if (Array.isArray(log.log)) {\n log.log.forEach(step => {\n this.renderLogDom(step)\n })\n } else {\n this.renderLogDom(log.log)\n }\n })\n })\n }\n\n renderLogDom(step) {\n var logDom = document.createElement(\"div\")\n logDom.classList.add(\"rounded-lg\", \"bg-gray-300\", \"m-2\", \"p-5\", \"text-left\")\n Object.keys(step).forEach(key => {\n var title = document.createElement(\"p\")\n title.classList.add(\"font-bold\")\n title.innerHTML = key\n var content = document.createElement(\"p\")\n content.innerHTML = JSON.stringify(step[key])\n logDom.append(title)\n logDom.append(content)\n })\n this.logsContainerTarget.append(logDom)\n }\n\n updateSystemPrompt(e) {\n this.reExtractBtnTarget.dataset.editEntityAttributeSystemPromptParam = e.target.value\n }\n}\n","import { Controller } from \"@hotwired/stimulus\"\n\nexport default class extends Controller {\n static targets = [\"form\", \"resetInstancesCheckBox\"]\n static values = {\n confirmMessage: String\n }\n\n submit(event) {\n if (this.resetInstancesCheckBoxTarget.checked) {\n const confirmation = confirm(this.confirmMessageValue)\n if (!confirmation) event.preventDefault()\n }\n }\n}\n","/**\n * Stimulus controller that disables the form submit button when:\n * - Required fields are empty\n * - Form has not been changed (if changesRequiredValue configuration is true)\n *\n * If required_fields_input_valid_class and required_fields_input_invalid_class are provided,\n * the controller will add these classes to the input fields to indicate they are required.\n *\n * Usage:\n *\n * <%= form_with(model: @record, data: { controller: \"required-fields\", action: \"input->required-fields#validate change->required-fields#validate\" },\n * required_fields_submit_disabled_class: \"bg-gray-400\",\n * required_fields_input_valid_class: \"bg-gray-100\",\n * required_fields_input_invalid_class: \"bg-red-200\",\n * required_fields_changes_required: \"true\",\n * }) do |form| %>\n * <%= form.text_field :name, required: true, class: \"border rounded px-2 py-1\" %>\n * <%= form.text_field :email, required: true, class: \"border rounded px-2 py-1\" %>\n * <%= form.text_field :phone, class: \"border rounded px-2 py-1\" %>\n *\n * <%= form.submit \"Save\",\n * data: { required_fields_target: \"submit\",\n * enabled_classes: \"bg-blue-500 hover:bg-blue-600 cursor-pointer\",\n * disabled_classes: \"bg-gray-400 cursor-not-allowed\" },\n * disabled: true,\n * class: \"text-white px-4 py-2 rounded bg-gray-400 cursor-not-allowed\" %>\n * <% end %>\n */\n\nimport { Controller } from \"@hotwired/stimulus\"\n\nexport default class extends Controller {\n static targets = [\"submit\", \"field\"]\n static classes = [\"submitDisabled\", \"inputValid\", \"inputInvalid\"]\n static values = {\n changesRequired: { Boolean, default: true },\n disabled: Boolean,\n inProgressEventParams: Object\n }\n\n get requiredFields() {\n return Array.from(this.element.querySelectorAll(\"[required]\"))\n }\n\n get allRequiredFilled() {\n return this.requiredFields.every(field => field.value.trim() !== \"\")\n }\n\n get inProgress() {\n return this.requiredFields.some(field => field.value.trim() !== \"\")\n }\n\n connect() {\n this.initialFormData = this.#serializeForm()\n if (Object.keys(this.initialFormData).length === 0) {\n this.#enableSubmit()\n this.disabledValue = true\n }\n }\n\n validate() {\n if (this.disabledValue) return\n\n this.#updateInputs()\n\n if (!this.allRequiredFilled) {\n this.#disableSubmit()\n return\n }\n\n if (this.changesRequiredValue) {\n this.#handleFormChanged()\n } else {\n this.#enableSubmit()\n }\n }\n\n #serializeForm() {\n const data = new FormData(this.element)\n const serialized = {}\n for (const [key, value] of data.entries()) {\n if (key == \"authenticity_token\") {\n continue\n }\n serialized[key] = value\n }\n return serialized\n }\n\n #enableSubmit() {\n this.submitTarget.removeAttribute(\"disabled\")\n this.submitTarget.classList.remove(...this.submitDisabledClasses)\n }\n\n #disableSubmit() {\n this.submitTarget.setAttribute(\"disabled\", true)\n this.submitTarget.classList.add(...this.submitDisabledClasses)\n }\n\n #handleFormChanged() {\n const currentFormData = this.#serializeForm()\n if (JSON.stringify(currentFormData) !== JSON.stringify(this.initialFormData)) {\n this.#enableSubmit()\n } else {\n this.#disableSubmit()\n }\n }\n\n #updateInputs() {\n if (!this.hasInputValidClass || !this.hasInputInvalidClass) {\n return\n }\n\n this.requiredFields.forEach(field => {\n if (!field.value.trim()) {\n field.classList.add(...this.inputInvalidClasses)\n field.classList.remove(...this.inputValidClasses)\n } else {\n field.classList.remove(...this.inputInvalidClasses)\n field.classList.add(...this.inputValidClasses)\n }\n })\n }\n}\n","import { Controller } from \"@hotwired/stimulus\"\n\nexport default class extends Controller {\n static values = {\n organizationId: String,\n dataSpaceSlug: String,\n projectId: String\n }\n}\n","import { Controller } from \"@hotwired/stimulus\"\n\nexport default class extends Controller {\n static targets = [\"scrollObject\"]\n\n static values = {\n messagesContainerId: String,\n scrollWhenDomInserted: { type: Boolean, default: true },\n scrollWhenTurboRender: { type: Boolean, default: true }\n }\n\n connect() {\n this.setUpMessagesEventListener()\n }\n\n setUpMessagesEventListener() {\n if (this.scrollWhenDomInsertedValue)\n this.scrollObjectTarget.addEventListener(\"DOMNodeInserted\", () => {\n this.resetScroll(this.scrollObjectTarget)\n })\n if (this.scrollWhenTurboRenderValue)\n addEventListener(\"turbo:render\", () => {\n this.resetScroll(this.scrollObjectTarget)\n })\n this.resetScroll(this.scrollObjectTarget)\n }\n\n resetScroll(obj) {\n if (obj == null) return\n\n const height = obj.scrollHeight\n obj.scrollTop = height + 1000\n }\n}\n","/* eslint-disable no-undef */\nimport { Controller } from \"@hotwired/stimulus\"\n\nexport default class extends Controller {\n static targets = [\"form\", \"test\", \"resultPreviewSection\", \"searchButton\", \"loadingIcon\", \"searchIcon\"]\n\n static values = {\n isSearching: { type: Boolean, default: false }\n }\n\n connect() {\n this.isComposing = false\n\n document.addEventListener(\"turbo:render\", this.handleTurboEvents)\n document.addEventListener(\"turbo:fetch-request-error\", this.handleTurboEvents)\n document.addEventListener(\"search-records:stateChange\", this.#handleSearchRecordsStateChange)\n this.formTarget.addEventListener(\"keydown\", this.keyPress)\n this.formTarget.addEventListener(\"compositionstart\", this.#startComposition)\n this.formTarget.addEventListener(\"compositionend\", this.#endComposition)\n }\n\n disconnect() {\n document.removeEventListener(\"turbo:render\", this.handleTurboEvents)\n document.removeEventListener(\"turbo:fetch-request-error\", this.handleTurboEvents)\n document.removeEventListener(\"search-records:stateChange\", this.#handleSearchRecordsStateChange)\n this.formTarget.removeEventListener(\"keydown\", this.keyPress)\n this.formTarget.removeEventListener(\"compositionstart\", this.#startComposition)\n this.formTarget.removeEventListener(\"compositionend\", this.#endComposition)\n }\n\n #startComposition = () => {\n this.isComposing = true\n }\n\n #endComposition = () => {\n this.isComposing = false\n }\n\n keyPress = event => {\n if (event.key !== \"Enter\") return\n\n const isTextarea = event.target.tagName.toLowerCase() === \"textarea\"\n const hasModifier = event.metaKey || event.ctrlKey\n\n if (this.isComposing) {\n event.preventDefault() // Prevent form submission when composing Japanese text\n } else if (isTextarea) {\n if (hasModifier) {\n event.preventDefault()\n this.submit()\n }\n } else {\n event.preventDefault()\n this.submit()\n }\n }\n\n handleTurboEvents = () => {\n this.stopSearching()\n }\n\n #handleSearchRecordsStateChange = event => {\n if (event.detail.isSearching) {\n this.#disableSearchButton()\n } else {\n this.#enableSearchButton()\n }\n }\n\n #disableSearchButton() {\n this.searchButtonTarget.disabled = true\n }\n\n #enableSearchButton() {\n this.searchButtonTarget.disabled = false\n }\n\n startSearching() {\n this.#setSearching(true)\n this.#updateUIForSearching(true)\n this.dispatch(\"stateChange\", { detail: { isSearching: true } })\n }\n\n stopSearching() {\n this.#setSearching(false)\n this.#updateUIForSearching(false)\n this.dispatch(\"stateChange\", { detail: { isSearching: false } })\n }\n\n #setSearching(isSearching) {\n this.isSearchingValue = isSearching\n }\n\n #updateUIForSearching(isSearching) {\n if (isSearching) {\n this.searchIconTarget.classList.add(\"hidden\")\n this.loadingIconTarget.classList.remove(\"hidden\")\n this.searchButtonTarget.disabled = true\n } else {\n this.searchIconTarget.classList.remove(\"hidden\")\n this.loadingIconTarget.classList.add(\"hidden\")\n this.searchButtonTarget.disabled = false\n }\n }\n\n removeExistingDivs() {\n if (this.resultPreviewSectionTarget.getElementsByTagName(\"div\").length > 0)\n [...this.resultPreviewSectionTarget.getElementsByTagName(\"div\")].forEach(divTag => divTag.remove())\n }\n\n updateDateTimeInputStyle(e) {\n const target = e.target\n if (target.value !== \"\") {\n target.style.color = \"black\"\n } else {\n target.removeAttribute(\"style\")\n }\n }\n\n submit() {\n if (this.searchButtonTarget.disabled) return\n\n this.startSearching()\n try {\n this.formTarget.requestSubmit()\n } catch (error) {\n console.error(\"Form submission error:\", error)\n this.stopSearching()\n }\n }\n}\n","import { Controller } from \"@hotwired/stimulus\"\n\nconst wordSplitor = \", \"\n\nexport default class extends Controller {\n static targets = [\n \"searchGroupSwitch\",\n \"searchFields\",\n \"booleanSelector\",\n \"dateOperatorSelector\",\n \"dateValue\",\n \"numberOperatorSelector\",\n \"numberValue\",\n \"textOperatorSelector\",\n \"textValue\",\n \"searchGroup\",\n \"textSimilarity\",\n \"timeValue\",\n \"timeOperatorSelector\",\n \"datetimeValue\",\n \"datetimeOperatorSelector\"\n ]\n static values = {\n searchGroupInfo: Object\n }\n\n connect() {\n this.initializeSearchGroup()\n this.initializeAttributeMutationObserver()\n }\n\n toggleSearchfields() {\n this.searchFieldsTarget.classList.toggle(\"hidden\")\n }\n\n initializeAttributeMutationObserver() {\n // Create a new MutationObserver instance\n const observer = new MutationObserver(mutationsList => {\n for (const mutation of mutationsList) {\n // Check if attribute modifications occurred\n if (mutation.type === \"attributes\") {\n // Handle the attribute change\n this.initializeSearchGroup()\n }\n }\n })\n\n // Configure the observer to watch for attribute changes\n const config = { attributes: true, attributeOldValue: true }\n\n // Start observing the target element\n this.searchGroupTargets.forEach(searchGroupTarget => {\n observer.observe(searchGroupTarget, config)\n })\n }\n\n initializeSearchGroup() {\n if (this.searchGroupInfoValue.is_apply === \"true\") {\n this.searchGroupSwitchTarget.checked = true\n this.searchFieldsTarget.classList.remove(\"hidden\")\n this.searchGroupInfoValue.search_conditions.forEach(searchCondition => {\n this.initializeSearchCondition(searchCondition)\n })\n } else if (this.searchGroupInfoValue.is_apply == undefined || this.searchGroupInfoValue.is_apply === \"false\") {\n this.searchGroupSwitchTarget.checked = false\n this.searchFieldsTarget.classList.add(\"hidden\")\n if (this.searchGroupInfoValue.search_conditions) {\n this.searchGroupInfoValue.search_conditions.forEach(searchCondition => {\n this.initializeSearchCondition(searchCondition)\n })\n }\n }\n }\n\n initializeSearchCondition(searchCondition) {\n Object.entries(searchCondition).forEach(([_, info]) => {\n const type = info.type === \"table\" ? info.column_type : info.type\n switch (type) {\n case \"number\":\n case \"float\":\n case \"int\":\n this.initializeNumberField(info)\n break\n case \"date\":\n this.initializeDateField(info)\n break\n case \"time\":\n this.initializeTimeField(info)\n break\n case \"datetime\":\n this.initializeDatetimeField(info)\n break\n case \"boolean\":\n this.initializeBooleanField(info)\n break\n case \"project-name\":\n case \"file-name\":\n case \"string\":\n case \"text\":\n this.initializeTextField(info)\n break\n case \"file_content_search_prompt\":\n this.initializeFileContentSearchPrompt(info)\n break\n case \"file_sentence_search_prompt\":\n this.initializeSentenceSearchPrompt(info)\n break\n case \"file_content_search_threshold\":\n this.initializeFileContentSearchThreshold(info)\n break\n }\n })\n }\n\n initializeNumberField(info) {\n const targetSelector = this.numberOperatorSelectorTargets.find(\n target =>\n target.id === `${info.slug}-operator` && (!info.column_name || info.column_name === target.dataset.columnName)\n )\n targetSelector.value = info.operator\n const firstTargetValue = this.numberValueTargets.find(\n target =>\n target.id === `${info.slug}-values-first` &&\n (!info.column_name || info.column_name === target.dataset.columnName)\n )\n const secondTargetValue = this.numberValueTargets.find(\n target =>\n target.id === `${info.slug}-values-second` &&\n (!info.column_name || info.column_name === target.dataset.columnName)\n )\n firstTargetValue.value = info.values[0]\n secondTargetValue.value = info.values[1]\n }\n\n initializeDateField(info) {\n const targetSelector = this.dateOperatorSelectorTargets.find(\n target =>\n target.id === `${info.slug}-operator` && (!info.column_name || info.column_name === target.dataset.columnName)\n )\n targetSelector.value = info.operator\n const firstTargetValue = this.dateValueTargets.find(\n target =>\n target.id === `${info.slug}-values-first` &&\n (!info.column_name || info.column_name === target.dataset.columnName)\n )\n const secondTargetValue = this.dateValueTargets.find(\n target =>\n target.id === `${info.slug}-values-second` &&\n (!info.column_name || info.column_name === target.dataset.columnName)\n )\n firstTargetValue.value = info.values[0]\n secondTargetValue.value = info.values[1]\n this.initializeDateTimeInputStyle()\n }\n\n initializeTimeField(info) {\n const targetSelector = this.timeOperatorSelectorTargets.find(\n target =>\n target.id === `${info.slug}-operator` && (!info.column_name || info.column_name === target.dataset.columnName)\n )\n targetSelector.value = info.operator\n const firstTargetValue = this.timeValueTargets.find(\n target =>\n target.id === `${info.slug}-values-first` &&\n (!info.column_name || info.column_name === target.dataset.columnName)\n )\n const secondTargetValue = this.timeValueTargets.find(\n target =>\n target.id === `${info.slug}-values-second` &&\n (!info.column_name || info.column_name === target.dataset.columnName)\n )\n firstTargetValue.value = info.values[0]\n secondTargetValue.value = info.values[1]\n this.initializeDateTimeInputStyle()\n }\n\n initializeDatetimeField(info) {\n const targetSelector = this.datetimeOperatorSelectorTargets.find(\n target =>\n target.id === `${info.slug}-operator` && (!info.column_name || info.column_name === target.dataset.columnName)\n )\n targetSelector.value = info.operator\n const firstTargetValue = this.datetimeValueTargets.find(\n target =>\n target.id === `${info.slug}-values-first` &&\n (!info.column_name || info.column_name === target.dataset.columnName)\n )\n const secondTargetValue = this.datetimeValueTargets.find(\n target =>\n target.id === `${info.slug}-values-second` &&\n (!info.column_name || info.column_name === target.dataset.columnName)\n )\n firstTargetValue.value = info.values[0]\n secondTargetValue.value = info.values[1]\n this.initializeDateTimeInputStyle()\n }\n\n initializeDateTimeInputStyle() {\n this.dateValueTargets.forEach(dateValueTarget => {\n if (dateValueTarget.value !== \"\") {\n dateValueTarget.style.color = \"black\"\n } else {\n dateValueTarget.removeAttribute(\"style\")\n }\n })\n }\n\n initializeBooleanField(info) {\n const targetSelector = this.booleanSelectorTargets.find(\n target =>\n target.id === `${info.slug}-value` && (!info.column_name || info.column_name === target.dataset.columnName)\n )\n targetSelector.value = info.value\n }\n\n initializeTextField(info) {\n const targetSelector = this.textOperatorSelectorTargets.find(\n target =>\n target.id === `${info.slug}-operator` && (!info.column_name || info.column_name === target.dataset.columnName)\n )\n targetSelector.value = info.operator\n const targetValue = this.textValueTargets.find(\n target =>\n target.id === `${info.slug}-value` && (!info.column_name || info.column_name === target.dataset.columnName)\n )\n targetValue.value = info.value\n if (info.similarity) {\n const targetSimilarity = this.textSimilarityTargets.find(\n target =>\n target.id === `${info.slug}-similarity` &&\n (!info.column_name || info.column_name === target.dataset.columnName)\n )\n targetSimilarity.parentElement.classList.remove(\"hidden\")\n targetSimilarity.value = info.similarity\n }\n }\n\n initializeFileContentSearchPrompt(info) {\n const targetValue = this.textValueTargets.find(\n target =>\n target.id === `${info.slug}-value` && (!info.column_name || info.column_name === target.dataset.columnName)\n )\n if (targetValue) targetValue.value = info.value\n }\n\n initializeSentenceSearchPrompt(info) {\n const targetValue = this.textValueTargets.find(\n target =>\n target.id === `${info.slug}-value` && (!info.column_name || info.column_name === target.dataset.columnName)\n )\n if (targetValue) targetValue.value = info.value\n }\n\n initializeFileContentSearchThreshold(info) {\n const targetValue = this.numberValueTargets.find(\n target =>\n target.id === `${info.slug}-value` && (!info.column_name || info.column_name === target.dataset.columnName)\n )\n if (targetValue) targetValue.value = info.value\n }\n\n numberInputValidate(e) {\n if (!e.target.max && !e.target.min) return\n // Check if new vlaue is bigger than max\n if (e.target.max && e.target.value > e.target.max) e.target.value = e.target.max\n // Check if new vlaue is less than max\n if (e.target.min && e.target.value < e.target.min) e.target.value = e.target.min\n }\n}\n","import { Controller } from \"@hotwired/stimulus\"\nconst displayInitial = \"block !important\"\nexport default class extends Controller {\n static targets = [\"attributeSelector\", \"weightRange\", \"attributeType\", \"similaritySearch\", \"tableColumnSelect\"]\n\n connect() {\n this.initializeWeightRange()\n this.initializeAttributeType()\n this.initializeSimilaritySearch()\n }\n\n attributeSelectorChagned(event) {\n this.showWeightRangeByAttribute(event)\n this.showSimilaritySearch(event)\n this.toggleTableColumnSelect(event)\n this.updateAttributeType(event)\n }\n\n tableColumnSelectChagned(event) {\n this.updateAttributeType(event)\n }\n\n initializeWeightRange() {\n const selectedOptionAttributeType = [...this.attributeSelectorTarget.options].find(option => option.selected)\n .dataset.attributeType\n if (!this.hasSimilaritySearchTarget) return\n\n const isSimilaritySearch = this.similaritySearchTarget.checked\n if (this.isNumericType(selectedOptionAttributeType) || isSimilaritySearch) {\n this.weightRangeTarget.classList.remove(\"hidden\")\n this.weightRangeTarget.required = true\n } else {\n this.weightRangeTarget.classList.add(\"hidden\")\n this.weightRangeTarget.required = false\n }\n }\n\n isNumericType(type) {\n return [\"number\", \"float\", \"int\"].includes(type)\n }\n\n isTableType(type) {\n return type === \"table\"\n }\n\n initializeSimilaritySearch() {\n const selectedOptionAttributeType = [...this.attributeSelectorTarget.options].find(option => option.selected)\n .dataset.attributeType\n if (!this.hasSimilaritySearchTarget) return\n\n if (selectedOptionAttributeType !== \"string\") {\n this.similaritySearchTarget.classList.add(\"hidden\")\n } else {\n this.similaritySearchTarget.classList.remove(\"hidden\")\n }\n }\n\n initializeAttributeType() {\n let selectedOptionAttributeType = [...this.attributeSelectorTarget.options].find(option => option.selected).dataset\n .attributeType\n\n if (!selectedOptionAttributeType) return\n\n if (selectedOptionAttributeType === \"table\") {\n const sibling = this.attributeSelectorTarget.nextElementSibling\n selectedOptionAttributeType = sibling.options[sibling.selectedIndex].dataset.attributeType\n }\n\n this.attributeTypeTarget.textContent =\n selectedOptionAttributeType[0].toUpperCase() + selectedOptionAttributeType.slice(1).toLowerCase()\n }\n\n showWeightRangeByAttribute(event) {\n const attributeType = event.target.options[event.target.selectedIndex].dataset.attributeType\n if (!this.hasSimilaritySearchTarget) return\n\n const isSimilaritySearch = this.similaritySearchTarget.checked\n this.toggleWeightRange(this.isNumericType(attributeType) || isSimilaritySearch)\n }\n\n showWeightRangeBySimilarityCheck(event) {\n this.toggleWeightRange(event.target.checked)\n }\n\n toggleWeightRange(isShown) {\n if (isShown) {\n this.weightRangeTarget.classList.remove(\"hidden\")\n this.weightRangeTarget.required = true\n } else {\n this.weightRangeTarget.classList.add(\"hidden\")\n this.weightRangeTarget.required = false\n }\n }\n\n toggleTableColumnSelect(event) {\n this.tableColumnSelectTarget.innerHTML = \"\"\n const { attributeType, tableColumns } = event.target.options[event.target.selectedIndex].dataset\n\n if (this.isTableType(attributeType)) {\n const parsedTableColumns = JSON.parse(tableColumns)\n this.tableColumnSelectTarget.classList.remove(\"hidden\")\n this.tableColumnSelectTarget.required = true\n\n parsedTableColumns.forEach(tableColumn => {\n const option = new Option(tableColumn.name)\n option.dataset.attributeType = tableColumn.type_name\n this.tableColumnSelectTarget.add(option)\n })\n\n return\n }\n\n this.tableColumnSelectTarget.classList.add(\"hidden\")\n this.tableColumnSelectTarget.required = false\n }\n\n showSimilaritySearch(event) {\n if (!this.hasSimilaritySearchTarget) return\n\n const attributeType = event.target.options[event.target.selectedIndex].dataset.attributeType\n if (attributeType !== \"string\") {\n this.similaritySearchTarget.classList.add(\"hidden\")\n } else {\n this.similaritySearchTarget.classList.remove(\"hidden\")\n }\n }\n\n updateAttributeType(event) {\n let attributeType = event.target.options[event.target.selectedIndex].dataset.attributeType\n\n if (!attributeType) return\n\n if (attributeType === \"table\") {\n const sibling = event.target.nextElementSibling\n attributeType = sibling.options[sibling.selectedIndex || 0].dataset.attributeType\n }\n\n this.attributeTypeTarget.textContent = attributeType[0].toUpperCase() + attributeType.slice(1).toLowerCase()\n }\n}\n","import { Controller } from \"@hotwired/stimulus\"\n\nexport default class extends Controller {\n static targets = [\"operatorSelector\", \"minValue\", \"maxValue\"]\n\n connect() {\n this.initialMiniValueInput()\n }\n\n initialMiniValueInput() {\n this.toggleMinValueInput(this.operatorSelectorTarget.value)\n this.updateInputStyle(this.operatorSelectorTarget.value)\n }\n\n operatorSelectorHandler(e) {\n this.toggleMinValueInput(e.target.value)\n this.updateInputStyle(e.target.value)\n }\n\n toggleMinValueInput(operator) {\n if (operator === \"~\") {\n this.minValueTarget.classList.remove(\"hidden\")\n } else {\n this.minValueTarget.classList.add(\"hidden\")\n this.minValueTarget.value = \"\"\n }\n }\n\n updateInputStyle(operator) {\n if (operator === \"~\") {\n this.minValueTarget.classList.remove(\"hidden\")\n // Make max value input full width\n this.maxValueTarget.classList.add(\"w-full\")\n } else {\n this.minValueTarget.classList.add(\"hidden\")\n // Make max value input width 16 rem\n this.maxValueTarget.classList.remove(\"w-full\")\n this.minValueTarget.value = \"\"\n }\n }\n\n inputValidation(e) {\n var target = e.target\n if (\n target === this.minValueTarget &&\n this.maxValueTarget.value !== \"\" &&\n parseFloat(target.value) > parseFloat(this.maxValueTarget.value)\n ) {\n target.value = this.maxValueTarget.value\n } else if (\n target === this.maxValueTarget &&\n this.minValueTarget.value !== \"\" &&\n parseFloat(target.value) < parseFloat(this.minValueTarget.value)\n ) {\n target.value = this.minValueTarget.value\n }\n }\n}\n","/**\n * Checks if `value` is the\n * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)\n * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an object, else `false`.\n * @example\n *\n * _.isObject({});\n * // => true\n *\n * _.isObject([1, 2, 3]);\n * // => true\n *\n * _.isObject(_.noop);\n * // => true\n *\n * _.isObject(null);\n * // => false\n */\nfunction isObject(value) {\n var type = typeof value;\n return value != null && (type == 'object' || type == 'function');\n}\n\nmodule.exports = isObject;\n","/** Detect free variable `global` from Node.js. */\nvar freeGlobal = typeof global == 'object' && global && global.Object === Object && global;\n\nmodule.exports = freeGlobal;\n","var freeGlobal = require('./_freeGlobal');\n\n/** Detect free variable `self`. */\nvar freeSelf = typeof self == 'object' && self && self.Object === Object && self;\n\n/** Used as a reference to the global object. */\nvar root = freeGlobal || freeSelf || Function('return this')();\n\nmodule.exports = root;\n","var root = require('./_root');\n\n/**\n * Gets the timestamp of the number of milliseconds that have elapsed since\n * the Unix epoch (1 January 1970 00:00:00 UTC).\n *\n * @static\n * @memberOf _\n * @since 2.4.0\n * @category Date\n * @returns {number} Returns the timestamp.\n * @example\n *\n * _.defer(function(stamp) {\n * console.log(_.now() - stamp);\n * }, _.now());\n * // => Logs the number of milliseconds it took for the deferred invocation.\n */\nvar now = function() {\n return root.Date.now();\n};\n\nmodule.exports = now;\n","/** Used to match a single whitespace character. */\nvar reWhitespace = /\\s/;\n\n/**\n * Used by `_.trim` and `_.trimEnd` to get the index of the last non-whitespace\n * character of `string`.\n *\n * @private\n * @param {string} string The string to inspect.\n * @returns {number} Returns the index of the last non-whitespace character.\n */\nfunction trimmedEndIndex(string) {\n var index = string.length;\n\n while (index-- && reWhitespace.test(string.charAt(index))) {}\n return index;\n}\n\nmodule.exports = trimmedEndIndex;\n","var trimmedEndIndex = require('./_trimmedEndIndex');\n\n/** Used to match leading whitespace. */\nvar reTrimStart = /^\\s+/;\n\n/**\n * The base implementation of `_.trim`.\n *\n * @private\n * @param {string} string The string to trim.\n * @returns {string} Returns the trimmed string.\n */\nfunction baseTrim(string) {\n return string\n ? string.slice(0, trimmedEndIndex(string) + 1).replace(reTrimStart, '')\n : string;\n}\n\nmodule.exports = baseTrim;\n","var root = require('./_root');\n\n/** Built-in value references. */\nvar Symbol = root.Symbol;\n\nmodule.exports = Symbol;\n","var Symbol = require('./_Symbol');\n\n/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/** Used to check objects for own properties. */\nvar hasOwnProperty = objectProto.hasOwnProperty;\n\n/**\n * Used to resolve the\n * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)\n * of values.\n */\nvar nativeObjectToString = objectProto.toString;\n\n/** Built-in value references. */\nvar symToStringTag = Symbol ? Symbol.toStringTag : undefined;\n\n/**\n * A specialized version of `baseGetTag` which ignores `Symbol.toStringTag` values.\n *\n * @private\n * @param {*} value The value to query.\n * @returns {string} Returns the raw `toStringTag`.\n */\nfunction getRawTag(value) {\n var isOwn = hasOwnProperty.call(value, symToStringTag),\n tag = value[symToStringTag];\n\n try {\n value[symToStringTag] = undefined;\n var unmasked = true;\n } catch (e) {}\n\n var result = nativeObjectToString.call(value);\n if (unmasked) {\n if (isOwn) {\n value[symToStringTag] = tag;\n } else {\n delete value[symToStringTag];\n }\n }\n return result;\n}\n\nmodule.exports = getRawTag;\n","/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/**\n * Used to resolve the\n * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)\n * of values.\n */\nvar nativeObjectToString = objectProto.toString;\n\n/**\n * Converts `value` to a string using `Object.prototype.toString`.\n *\n * @private\n * @param {*} value The value to convert.\n * @returns {string} Returns the converted string.\n */\nfunction objectToString(value) {\n return nativeObjectToString.call(value);\n}\n\nmodule.exports = objectToString;\n","var Symbol = require('./_Symbol'),\n getRawTag = require('./_getRawTag'),\n objectToString = require('./_objectToString');\n\n/** `Object#toString` result references. */\nvar nullTag = '[object Null]',\n undefinedTag = '[object Undefined]';\n\n/** Built-in value references. */\nvar symToStringTag = Symbol ? Symbol.toStringTag : undefined;\n\n/**\n * The base implementation of `getTag` without fallbacks for buggy environments.\n *\n * @private\n * @param {*} value The value to query.\n * @returns {string} Returns the `toStringTag`.\n */\nfunction baseGetTag(value) {\n if (value == null) {\n return value === undefined ? undefinedTag : nullTag;\n }\n return (symToStringTag && symToStringTag in Object(value))\n ? getRawTag(value)\n : objectToString(value);\n}\n\nmodule.exports = baseGetTag;\n","/**\n * Checks if `value` is object-like. A value is object-like if it's not `null`\n * and has a `typeof` result of \"object\".\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is object-like, else `false`.\n * @example\n *\n * _.isObjectLike({});\n * // => true\n *\n * _.isObjectLike([1, 2, 3]);\n * // => true\n *\n * _.isObjectLike(_.noop);\n * // => false\n *\n * _.isObjectLike(null);\n * // => false\n */\nfunction isObjectLike(value) {\n return value != null && typeof value == 'object';\n}\n\nmodule.exports = isObjectLike;\n","var baseGetTag = require('./_baseGetTag'),\n isObjectLike = require('./isObjectLike');\n\n/** `Object#toString` result references. */\nvar symbolTag = '[object Symbol]';\n\n/**\n * Checks if `value` is classified as a `Symbol` primitive or object.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.\n * @example\n *\n * _.isSymbol(Symbol.iterator);\n * // => true\n *\n * _.isSymbol('abc');\n * // => false\n */\nfunction isSymbol(value) {\n return typeof value == 'symbol' ||\n (isObjectLike(value) && baseGetTag(value) == symbolTag);\n}\n\nmodule.exports = isSymbol;\n","var baseTrim = require('./_baseTrim'),\n isObject = require('./isObject'),\n isSymbol = require('./isSymbol');\n\n/** Used as references for various `Number` constants. */\nvar NAN = 0 / 0;\n\n/** Used to detect bad signed hexadecimal string values. */\nvar reIsBadHex = /^[-+]0x[0-9a-f]+$/i;\n\n/** Used to detect binary string values. */\nvar reIsBinary = /^0b[01]+$/i;\n\n/** Used to detect octal string values. */\nvar reIsOctal = /^0o[0-7]+$/i;\n\n/** Built-in method references without a dependency on `root`. */\nvar freeParseInt = parseInt;\n\n/**\n * Converts `value` to a number.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to process.\n * @returns {number} Returns the number.\n * @example\n *\n * _.toNumber(3.2);\n * // => 3.2\n *\n * _.toNumber(Number.MIN_VALUE);\n * // => 5e-324\n *\n * _.toNumber(Infinity);\n * // => Infinity\n *\n * _.toNumber('3.2');\n * // => 3.2\n */\nfunction toNumber(value) {\n if (typeof value == 'number') {\n return value;\n }\n if (isSymbol(value)) {\n return NAN;\n }\n if (isObject(value)) {\n var other = typeof value.valueOf == 'function' ? value.valueOf() : value;\n value = isObject(other) ? (other + '') : other;\n }\n if (typeof value != 'string') {\n return value === 0 ? value : +value;\n }\n value = baseTrim(value);\n var isBinary = reIsBinary.test(value);\n return (isBinary || reIsOctal.test(value))\n ? freeParseInt(value.slice(2), isBinary ? 2 : 8)\n : (reIsBadHex.test(value) ? NAN : +value);\n}\n\nmodule.exports = toNumber;\n","var isObject = require('./isObject'),\n now = require('./now'),\n toNumber = require('./toNumber');\n\n/** Error message constants. */\nvar FUNC_ERROR_TEXT = 'Expected a function';\n\n/* Built-in method references for those with the same name as other `lodash` methods. */\nvar nativeMax = Math.max,\n nativeMin = Math.min;\n\n/**\n * Creates a debounced function that delays invoking `func` until after `wait`\n * milliseconds have elapsed since the last time the debounced function was\n * invoked. The debounced function comes with a `cancel` method to cancel\n * delayed `func` invocations and a `flush` method to immediately invoke them.\n * Provide `options` to indicate whether `func` should be invoked on the\n * leading and/or trailing edge of the `wait` timeout. The `func` is invoked\n * with the last arguments provided to the debounced function. Subsequent\n * calls to the debounced function return the result of the last `func`\n * invocation.\n *\n * **Note:** If `leading` and `trailing` options are `true`, `func` is\n * invoked on the trailing edge of the timeout only if the debounced function\n * is invoked more than once during the `wait` timeout.\n *\n * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred\n * until to the next tick, similar to `setTimeout` with a timeout of `0`.\n *\n * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)\n * for details over the differences between `_.debounce` and `_.throttle`.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Function\n * @param {Function} func The function to debounce.\n * @param {number} [wait=0] The number of milliseconds to delay.\n * @param {Object} [options={}] The options object.\n * @param {boolean} [options.leading=false]\n * Specify invoking on the leading edge of the timeout.\n * @param {number} [options.maxWait]\n * The maximum time `func` is allowed to be delayed before it's invoked.\n * @param {boolean} [options.trailing=true]\n * Specify invoking on the trailing edge of the timeout.\n * @returns {Function} Returns the new debounced function.\n * @example\n *\n * // Avoid costly calculations while the window size is in flux.\n * jQuery(window).on('resize', _.debounce(calculateLayout, 150));\n *\n * // Invoke `sendMail` when clicked, debouncing subsequent calls.\n * jQuery(element).on('click', _.debounce(sendMail, 300, {\n * 'leading': true,\n * 'trailing': false\n * }));\n *\n * // Ensure `batchLog` is invoked once after 1 second of debounced calls.\n * var debounced = _.debounce(batchLog, 250, { 'maxWait': 1000 });\n * var source = new EventSource('/stream');\n * jQuery(source).on('message', debounced);\n *\n * // Cancel the trailing debounced invocation.\n * jQuery(window).on('popstate', debounced.cancel);\n */\nfunction debounce(func, wait, options) {\n var lastArgs,\n lastThis,\n maxWait,\n result,\n timerId,\n lastCallTime,\n lastInvokeTime = 0,\n leading = false,\n maxing = false,\n trailing = true;\n\n if (typeof func != 'function') {\n throw new TypeError(FUNC_ERROR_TEXT);\n }\n wait = toNumber(wait) || 0;\n if (isObject(options)) {\n leading = !!options.leading;\n maxing = 'maxWait' in options;\n maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;\n trailing = 'trailing' in options ? !!options.trailing : trailing;\n }\n\n function invokeFunc(time) {\n var args = lastArgs,\n thisArg = lastThis;\n\n lastArgs = lastThis = undefined;\n lastInvokeTime = time;\n result = func.apply(thisArg, args);\n return result;\n }\n\n function leadingEdge(time) {\n // Reset any `maxWait` timer.\n lastInvokeTime = time;\n // Start the timer for the trailing edge.\n timerId = setTimeout(timerExpired, wait);\n // Invoke the leading edge.\n return leading ? invokeFunc(time) : result;\n }\n\n function remainingWait(time) {\n var timeSinceLastCall = time - lastCallTime,\n timeSinceLastInvoke = time - lastInvokeTime,\n timeWaiting = wait - timeSinceLastCall;\n\n return maxing\n ? nativeMin(timeWaiting, maxWait - timeSinceLastInvoke)\n : timeWaiting;\n }\n\n function shouldInvoke(time) {\n var timeSinceLastCall = time - lastCallTime,\n timeSinceLastInvoke = time - lastInvokeTime;\n\n // Either this is the first call, activity has stopped and we're at the\n // trailing edge, the system time has gone backwards and we're treating\n // it as the trailing edge, or we've hit the `maxWait` limit.\n return (lastCallTime === undefined || (timeSinceLastCall >= wait) ||\n (timeSinceLastCall < 0) || (maxing && timeSinceLastInvoke >= maxWait));\n }\n\n function timerExpired() {\n var time = now();\n if (shouldInvoke(time)) {\n return trailingEdge(time);\n }\n // Restart the timer.\n timerId = setTimeout(timerExpired, remainingWait(time));\n }\n\n function trailingEdge(time) {\n timerId = undefined;\n\n // Only invoke if we have `lastArgs` which means `func` has been\n // debounced at least once.\n if (trailing && lastArgs) {\n return invokeFunc(time);\n }\n lastArgs = lastThis = undefined;\n return result;\n }\n\n function cancel() {\n if (timerId !== undefined) {\n clearTimeout(timerId);\n }\n lastInvokeTime = 0;\n lastArgs = lastCallTime = lastThis = timerId = undefined;\n }\n\n function flush() {\n return timerId === undefined ? result : trailingEdge(now());\n }\n\n function debounced() {\n var time = now(),\n isInvoking = shouldInvoke(time);\n\n lastArgs = arguments;\n lastThis = this;\n lastCallTime = time;\n\n if (isInvoking) {\n if (timerId === undefined) {\n return leadingEdge(lastCallTime);\n }\n if (maxing) {\n // Handle invocations in a tight loop.\n clearTimeout(timerId);\n timerId = setTimeout(timerExpired, wait);\n return invokeFunc(lastCallTime);\n }\n }\n if (timerId === undefined) {\n timerId = setTimeout(timerExpired, wait);\n }\n return result;\n }\n debounced.cancel = cancel;\n debounced.flush = flush;\n return debounced;\n}\n\nmodule.exports = debounce;\n","import { Controller } from \"@hotwired/stimulus\"\nimport debounce from \"lodash/debounce\"\n\nconst wordSplitor = \", \"\nexport default class extends Controller {\n static targets = [\n \"myDropdown\",\n \"textInput\",\n \"textOption\",\n \"noTextOption\",\n \"similarityTextArea\",\n \"textOperatorSelector\"\n ]\n static values = {\n organizationSlug: String,\n entityAttributeSlug: String,\n entityAttributeColumnName: String,\n mutipleSelection: Boolean,\n isSimilaritySearch: Boolean,\n dataSpaceSlug: String\n }\n\n initialize() {\n this.initializeSimilarityField()\n }\n\n connect() {\n this.addHideDropdownEvent()\n this.debouncedGetAutoCompleteOptions = debounce(this.getAutoCompleteOptions.bind(this), 200)\n }\n\n addHideDropdownEvent() {\n document.body.addEventListener(\"click\", e => {\n const target = e.target\n if (target === this.textInputTarget || this.textOptionTargets.includes(target)) return\n\n this.hideDropDown()\n })\n }\n\n hideDropDown() {\n this.myDropdownTarget.classList.add(\"hidden\")\n }\n\n getSuggestions() {\n this.debouncedGetAutoCompleteOptions()\n }\n\n getAutoCompleteOptions() {\n if (this.textInputTarget.value.length > 0) {\n fetch(\n `/organizations/${this.organizationSlugValue}/data_spaces/${this.dataSpaceSlugValue}/search_bar/string_type_search_field_options?entity_attribute_slug=${this.entityAttributeSlugValue}&table_column=${this.entityAttributeColumnNameValue}&keyword=${this.textInputTarget.value}`\n )\n .then(response => response.json())\n .then(({ options }) => {\n this.myDropdownTarget\n .querySelectorAll('[data-search-group-string-type-search-field-target=\"textOption\"]')\n .forEach(el => el.remove())\n if (options.length > 0) {\n this.noTextOptionTarget.classList.add(\"hidden\")\n options.forEach(option => this.createTextOption(option))\n } else {\n this.noTextOptionTarget.classList.remove(\"hidden\")\n }\n\n // after debounce delay, check if user have backspaced 0 char\n if (this.textInputTarget.value.length > 0) {\n this.myDropdownTarget.classList.remove(\"hidden\")\n } else {\n this.hideDropDown()\n }\n })\n } else {\n this.hideDropDown()\n }\n }\n\n createTextOption(optionName) {\n var li = document.createElement(\"li\")\n var span = document.createElement(\"span\")\n li.dataset.searchGroupStringTypeSearchFieldTarget = \"textOption\"\n li.dataset.action = this.liOptionAction()\n li.classList.add(\"w-full\", \"px-5\", \"py-2\")\n span.appendChild(document.createTextNode(optionName))\n li.appendChild(span)\n this.myDropdownTarget.appendChild(li)\n }\n\n liOptionAction() {\n return this.mutipleSelectionValue\n ? \"click->search-group-string-type-search-field#fillTextInput\"\n : \"click->search-group-string-type-search-field#overridenTextInput\"\n }\n\n fillTextInput(event) {\n if (this.textInputTarget.value) {\n this.textInputTarget.value = this.textInputTarget.value + wordSplitor + event.target.textContent\n } else {\n this.textInputTarget.value = event.target.textContent\n }\n this.textInputTarget.dispatchEvent(new Event(\"change\"))\n this.hideDropDown()\n }\n\n overridenTextInput(event) {\n this.textInputTarget.value = event.target.textContent\n this.textInputTarget.dispatchEvent(new Event(\"change\"))\n this.hideDropDown()\n }\n\n expandTextAreaHeight(e) {\n e.target.style.height = \"100px\"\n }\n\n condenseTextAreaHeight(e) {\n e.target.style.height = \"30px\"\n }\n\n toggleSimilarityTextArea(e) {\n if (this.similarityTextAreaTargets.length === 0) return\n\n if (e.target.value === \"include\") {\n this.similarityTextAreaTarget.classList.remove(\"hidden\")\n } else {\n this.similarityTextAreaTarget.classList.add(\"hidden\")\n }\n }\n\n initializeSimilarityField() {\n if (this.similarityTextAreaTargets.length === 0) return\n\n if (this.textOperatorSelectorTarget.value === \"include\") {\n this.similarityTextAreaTarget.classList.remove(\"hidden\")\n }\n }\n}\n","/* eslint-disable no-undef */\nimport { Controller } from \"@hotwired/stimulus\"\n\nexport default class extends Controller {\n static targets = [\n \"semanticSearch\",\n \"searchRecords\",\n \"wrapper\",\n \"form\",\n \"textarea\",\n \"submitButton\",\n \"infoBar\",\n \"sendIcon\",\n \"loadingIcon\"\n ]\n\n static values = {\n isSearching: { type: Boolean, default: false },\n isFocused: { type: Boolean, default: false }\n }\n\n connect() {\n this.isComposing = false\n\n this.textareaTarget.addEventListener(\"keydown\", this.keyPress)\n this.textareaTarget.addEventListener(\"compositionstart\", this.startComposition)\n this.textareaTarget.addEventListener(\"compositionend\", this.endComposition)\n document.addEventListener(\"turbo:render\", this.handleTurboEvents)\n document.addEventListener(\"turbo:fetch-request-error\", this.handleTurboEvents)\n document.addEventListener(\"search-condition:stateChange\", this.#handleSearchConditionStateChange)\n }\n\n disconnect() {\n this.textareaTarget.removeEventListener(\"keydown\", this.keyPress)\n this.textareaTarget.removeEventListener(\"compositionstart\", this.startComposition)\n this.textareaTarget.removeEventListener(\"compositionend\", this.endComposition)\n document.removeEventListener(\"turbo:render\", this.handleTurboEvents)\n document.removeEventListener(\"turbo:fetch-request-error\", this.handleTurboEvents)\n document.removeEventListener(\"search-condition:stateChange\", this.#handleSearchConditionStateChange)\n }\n\n handleTurboEvents = () => {\n this.stopSearching()\n }\n\n keyPress = e => {\n if (e.key !== \"Enter\") return\n\n if (this.isComposing) {\n e.preventDefault() // Prevent form submission when composing Japanese text\n } else if (e.shiftKey) {\n // Allow default behavior, which inserts a new line\n } else if (!this.isSearchingValue) {\n e.preventDefault()\n this.submit()\n }\n }\n\n startComposition = () => {\n this.isComposing = true\n }\n\n endComposition = () => {\n this.isComposing = false\n }\n\n #handleSearchConditionStateChange = event => {\n if (event.detail.isSearching) {\n this.#disableSubmitButton()\n } else {\n this.#enableSubmitButton()\n }\n }\n\n #disableSubmitButton() {\n this.submitButtonTarget.disabled = true\n }\n\n #enableSubmitButton() {\n this.submitButtonTarget.disabled = false\n }\n\n showSearchRecords() {\n this.#setFocused(true)\n this.semanticSearchTarget.classList.add(\"open\")\n this.searchRecordsTarget.classList.remove(\"hidden\")\n this.wrapperTarget.classList.add(\"bg-white\")\n this.dispatch(\"show\")\n }\n\n hideSearchRecords() {\n this.#setFocused(false)\n this.dispatch(\"close\")\n setTimeout(() => {\n this.semanticSearchTarget.classList.remove(\"open\")\n this.searchRecordsTarget.classList.add(\"hidden\")\n this.wrapperTarget.classList.remove(\"bg-white\")\n }, 200)\n }\n\n #setFocused(isFocused) {\n this.isFocusedValue = isFocused\n }\n\n startSearching() {\n this.#setSearching(true)\n this.#updateUIForSearching(true)\n this.dispatch(\"stateChange\", { detail: { isSearching: true } })\n }\n\n stopSearching() {\n this.#setSearching(false)\n this.#updateUIForSearching(false)\n this.dispatch(\"stateChange\", { detail: { isSearching: false } })\n }\n\n #setSearching(isSearching) {\n this.isSearchingValue = isSearching\n }\n\n #updateUIForSearching(isSearching) {\n if (isSearching) {\n this.infoBarTarget.classList.remove(\"hidden\")\n this.infoBarTarget.classList.add(\"flex\")\n this.sendIconTarget.classList.add(\"hidden\")\n this.loadingIconTarget.classList.remove(\"hidden\")\n this.submitButtonTarget.disabled = true\n } else {\n this.infoBarTarget.classList.add(\"hidden\")\n this.infoBarTarget.classList.remove(\"flex\")\n this.sendIconTarget.classList.remove(\"hidden\")\n this.loadingIconTarget.classList.add(\"hidden\")\n this.submitButtonTarget.disabled = false\n }\n }\n\n submit(e) {\n e?.preventDefault()\n\n this.startSearching()\n try {\n this.formTarget.requestSubmit()\n } catch (error) {\n console.error(\"Form submission error:\", error)\n this.stopSearching()\n }\n }\n}\n","import { Controller } from \"@hotwired/stimulus\"\n\nexport default class extends Controller {\n static targets = [\"labelCell\", \"valueCell\"]\n\n connect() {\n this.updateWidths()\n this.boundResizeHandler = this.debounceUpdateWidths.bind(this, 300)\n this.boundSearchRecordsHandler = this.debounceUpdateWidths.bind(this, 10)\n window.addEventListener(\"resize\", this.boundResizeHandler)\n document.addEventListener(\"search-records:show\", this.boundSearchRecordsHandler)\n }\n\n disconnect() {\n window.removeEventListener(\"resize\", this.boundResizeHandler)\n document.removeEventListener(\"search-records:show\", this.boundSearchRecordsHandler)\n }\n\n updateWidths() {\n const maxLabelWidth = Math.max(...this.labelCellTargets.map(el => el.offsetWidth))\n\n this.labelCellTargets.forEach(el => (el.style.width = `${maxLabelWidth}px`))\n this.valueCellTargets.forEach(el => (el.style.width = `calc(100% - ${maxLabelWidth + 4}px)`))\n }\n\n debounceUpdateWidths(timeout) {\n clearTimeout(this.resizeTimer)\n this.resizeTimer = setTimeout(() => {\n this.updateWidths()\n }, timeout)\n }\n\n submitSearch(event) {\n this.element.querySelector(`.search-records-item-form-${event.params.formId}`).requestSubmit()\n }\n}\n","import { Controller } from \"@hotwired/stimulus\"\n\nexport default class extends Controller {\n static targets = [\"searchResultInGrid\", \"searchResultInList\"]\n static values = {\n listMode: String\n }\n\n connect() {\n if (this.listModeValue === \"grid\") this.displayInGrid()\n if (this.listModeValue === \"list\") this.displayInList()\n }\n\n displayInGrid() {\n if (this.searchResultInGridTargets.length > 0) this.searchResultInGridTarget.classList.remove(\"hidden\")\n if (this.searchResultInListTargets.length > 0) this.searchResultInListTarget.classList.add(\"hidden\")\n }\n\n displayInList() {\n if (this.searchResultInGridTargets.length > 0) this.searchResultInGridTarget.classList.add(\"hidden\")\n if (this.searchResultInListTargets.length > 0) this.searchResultInListTarget.classList.remove(\"hidden\")\n }\n}\n","import { Controller } from \"@hotwired/stimulus\";\nconst _Dialog = class _Dialog extends Controller {\n initialize() {\n this.forceClose = this.forceClose.bind(this);\n }\n connect() {\n this.openValue && this.open(), document.addEventListener(\"turbo:before-render\", this.forceClose);\n }\n disconnect() {\n document.removeEventListener(\"turbo:before-render\", this.forceClose);\n }\n open() {\n this.dialogTarget.showModal();\n }\n close() {\n this.dialogTarget.setAttribute(\"closing\", \"\"), Promise.all(this.dialogTarget.getAnimations().map((animation) => animation.finished)).then(() => {\n this.dialogTarget.removeAttribute(\"closing\"), this.dialogTarget.close();\n });\n }\n backdropClose(event) {\n event.target === this.dialogTarget && this.close();\n }\n forceClose() {\n this.dialogTarget.close();\n }\n};\n_Dialog.targets = [\"dialog\"], _Dialog.values = {\n open: {\n type: Boolean,\n default: !1\n }\n};\nlet Dialog = _Dialog;\nexport {\n Dialog as default\n};\n","import Dialog from \"@stimulus-components/dialog\"\n\n/**\n * SelectableDialogController is a controller that extends the Dialog component.\n * It updates the dialog content that can be opened based on the selected option\n * from a select dropdown.\n *\n * @example\n * \n *
\n * Template 1 \n * Template 2 \n * \n *
selectable-dialog#backdropClose\"> \n *
\n * Content for Template 1
\n * \n *
\n * Content for Template 2
\n * \n *
\n *
\n * Text \n * Textarea \n * \n *
\n *
\n * \n *
\n * \n * \n *
sidebar#setCurrentTabDirty remoteFormController:submit->sidebar#setCurrentTabClean\">\n * \n *
\n */\n\nexport default class extends Controller {\n static targets = [\"tabButton\", \"tabContent\"]\n static values = { currentTab: String }\n\n get currentTabButton() {\n return this.tabButtonTargets.find(button => button.dataset.tab === this.currentTabValue)\n }\n\n get sidebarStatus() {\n if (!this.body.classList.contains(\"sidebar-open\")) return \"closed\"\n\n const currentTabButton = this.currentTabButton\n return currentTabButton ? currentTabButton.dataset.tab : \"closed\"\n }\n\n connect() {\n this.body = document.getElementById(\"body\")\n }\n\n setCurrentTabDirty() {\n this.currentTabButton.dataset.tabIsDirty = \"true\"\n }\n\n setCurrentTabClean() {\n this.currentTabButton.dataset.tabIsDirty = \"false\"\n }\n\n toggleTab(event) {\n const selectedTab = event.currentTarget.dataset.tab\n const currentTab = this.sidebarStatus\n\n if (selectedTab === currentTab) {\n this.closeSidebar()\n } else {\n this.openTab(selectedTab)\n }\n }\n\n openTab(tab) {\n // Open sidebar\n this.body.classList.add(\"sidebar-open\")\n this.currentTabValue = tab\n\n // Show the corresponding tab content and activate the button\n this.tabContentTargets.forEach(content => {\n content.classList.toggle(\"hidden\", content.dataset.tab !== tab)\n })\n\n this.tabButtonTargets.forEach(button => {\n button.classList.toggle(\"unselected-side-bar-btn\", button.dataset.tab !== tab)\n if (button.dataset.tab !== tab && this.#tabIsDirty(button)) {\n this.#toggleAnimation(button, true)\n } else {\n this.#toggleAnimation(button, false)\n }\n })\n\n this.#updateSidebarState(tab)\n }\n\n closeSidebar() {\n this.body.classList.remove(\"sidebar-open\")\n\n // Hide all tab content and deactivate all buttons\n this.tabContentTargets.forEach(content => content.classList.add(\"hidden\"))\n this.tabButtonTargets.forEach(button => {\n button.classList.add(\"unselected-side-bar-btn\")\n if (this.#tabIsDirty(button)) {\n this.#toggleAnimation(button, true)\n }\n })\n\n this.#updateSidebarState(\"closed\")\n }\n\n #updateSidebarState(state) {\n const formData = new FormData()\n const csrfToken = document.querySelector(\"meta[name=csrf-token]\").content\n formData.set(\"authenticity_token\", csrfToken)\n formData.set(\"user[sidebar_state]\", state)\n\n fetch(\"/users\", {\n method: \"PATCH\",\n redirect: \"manual\",\n body: formData\n })\n }\n\n #toggleAnimation(tabButton, enable) {\n if (enable) {\n tabButton.classList.add(\"text-violet-300\", \"bg-violet-10\")\n tabButton.children[0].classList.add(\"animate-pulse-full\")\n } else {\n tabButton.classList.remove(\"text-violet-300\", \"bg-violet-10\")\n tabButton.children[0].classList.remove(\"animate-pulse-full\")\n }\n }\n\n #tabIsDirty(tabButton) {\n return tabButton.dataset.tabIsDirty === \"true\" ? true : false\n }\n}\n","/**!\n * Sortable 1.15.2\n * @author\tRubaXa \n * @author\towenm \n * @license MIT\n */\nfunction ownKeys(object, enumerableOnly) {\n var keys = Object.keys(object);\n if (Object.getOwnPropertySymbols) {\n var symbols = Object.getOwnPropertySymbols(object);\n if (enumerableOnly) {\n symbols = symbols.filter(function (sym) {\n return Object.getOwnPropertyDescriptor(object, sym).enumerable;\n });\n }\n keys.push.apply(keys, symbols);\n }\n return keys;\n}\nfunction _objectSpread2(target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i] != null ? arguments[i] : {};\n if (i % 2) {\n ownKeys(Object(source), true).forEach(function (key) {\n _defineProperty(target, key, source[key]);\n });\n } else if (Object.getOwnPropertyDescriptors) {\n Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));\n } else {\n ownKeys(Object(source)).forEach(function (key) {\n Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));\n });\n }\n }\n return target;\n}\nfunction _typeof(obj) {\n \"@babel/helpers - typeof\";\n\n if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") {\n _typeof = function (obj) {\n return typeof obj;\n };\n } else {\n _typeof = function (obj) {\n return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n };\n }\n return _typeof(obj);\n}\nfunction _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n return obj;\n}\nfunction _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n return target;\n };\n return _extends.apply(this, arguments);\n}\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n if (source == null) return {};\n var target = {};\n var sourceKeys = Object.keys(source);\n var key, i;\n for (i = 0; i < sourceKeys.length; i++) {\n key = sourceKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n target[key] = source[key];\n }\n return target;\n}\nfunction _objectWithoutProperties(source, excluded) {\n if (source == null) return {};\n var target = _objectWithoutPropertiesLoose(source, excluded);\n var key, i;\n if (Object.getOwnPropertySymbols) {\n var sourceSymbolKeys = Object.getOwnPropertySymbols(source);\n for (i = 0; i < sourceSymbolKeys.length; i++) {\n key = sourceSymbolKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;\n target[key] = source[key];\n }\n }\n return target;\n}\nfunction _toConsumableArray(arr) {\n return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();\n}\nfunction _arrayWithoutHoles(arr) {\n if (Array.isArray(arr)) return _arrayLikeToArray(arr);\n}\nfunction _iterableToArray(iter) {\n if (typeof Symbol !== \"undefined\" && iter[Symbol.iterator] != null || iter[\"@@iterator\"] != null) return Array.from(iter);\n}\nfunction _unsupportedIterableToArray(o, minLen) {\n if (!o) return;\n if (typeof o === \"string\") return _arrayLikeToArray(o, minLen);\n var n = Object.prototype.toString.call(o).slice(8, -1);\n if (n === \"Object\" && o.constructor) n = o.constructor.name;\n if (n === \"Map\" || n === \"Set\") return Array.from(o);\n if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);\n}\nfunction _arrayLikeToArray(arr, len) {\n if (len == null || len > arr.length) len = arr.length;\n for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];\n return arr2;\n}\nfunction _nonIterableSpread() {\n throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}\n\nvar version = \"1.15.2\";\n\nfunction userAgent(pattern) {\n if (typeof window !== 'undefined' && window.navigator) {\n return !! /*@__PURE__*/navigator.userAgent.match(pattern);\n }\n}\nvar IE11OrLess = userAgent(/(?:Trident.*rv[ :]?11\\.|msie|iemobile|Windows Phone)/i);\nvar Edge = userAgent(/Edge/i);\nvar FireFox = userAgent(/firefox/i);\nvar Safari = userAgent(/safari/i) && !userAgent(/chrome/i) && !userAgent(/android/i);\nvar IOS = userAgent(/iP(ad|od|hone)/i);\nvar ChromeForAndroid = userAgent(/chrome/i) && userAgent(/android/i);\n\nvar captureMode = {\n capture: false,\n passive: false\n};\nfunction on(el, event, fn) {\n el.addEventListener(event, fn, !IE11OrLess && captureMode);\n}\nfunction off(el, event, fn) {\n el.removeEventListener(event, fn, !IE11OrLess && captureMode);\n}\nfunction matches( /**HTMLElement*/el, /**String*/selector) {\n if (!selector) return;\n selector[0] === '>' && (selector = selector.substring(1));\n if (el) {\n try {\n if (el.matches) {\n return el.matches(selector);\n } else if (el.msMatchesSelector) {\n return el.msMatchesSelector(selector);\n } else if (el.webkitMatchesSelector) {\n return el.webkitMatchesSelector(selector);\n }\n } catch (_) {\n return false;\n }\n }\n return false;\n}\nfunction getParentOrHost(el) {\n return el.host && el !== document && el.host.nodeType ? el.host : el.parentNode;\n}\nfunction closest( /**HTMLElement*/el, /**String*/selector, /**HTMLElement*/ctx, includeCTX) {\n if (el) {\n ctx = ctx || document;\n do {\n if (selector != null && (selector[0] === '>' ? el.parentNode === ctx && matches(el, selector) : matches(el, selector)) || includeCTX && el === ctx) {\n return el;\n }\n if (el === ctx) break;\n /* jshint boss:true */\n } while (el = getParentOrHost(el));\n }\n return null;\n}\nvar R_SPACE = /\\s+/g;\nfunction toggleClass(el, name, state) {\n if (el && name) {\n if (el.classList) {\n el.classList[state ? 'add' : 'remove'](name);\n } else {\n var className = (' ' + el.className + ' ').replace(R_SPACE, ' ').replace(' ' + name + ' ', ' ');\n el.className = (className + (state ? ' ' + name : '')).replace(R_SPACE, ' ');\n }\n }\n}\nfunction css(el, prop, val) {\n var style = el && el.style;\n if (style) {\n if (val === void 0) {\n if (document.defaultView && document.defaultView.getComputedStyle) {\n val = document.defaultView.getComputedStyle(el, '');\n } else if (el.currentStyle) {\n val = el.currentStyle;\n }\n return prop === void 0 ? val : val[prop];\n } else {\n if (!(prop in style) && prop.indexOf('webkit') === -1) {\n prop = '-webkit-' + prop;\n }\n style[prop] = val + (typeof val === 'string' ? '' : 'px');\n }\n }\n}\nfunction matrix(el, selfOnly) {\n var appliedTransforms = '';\n if (typeof el === 'string') {\n appliedTransforms = el;\n } else {\n do {\n var transform = css(el, 'transform');\n if (transform && transform !== 'none') {\n appliedTransforms = transform + ' ' + appliedTransforms;\n }\n /* jshint boss:true */\n } while (!selfOnly && (el = el.parentNode));\n }\n var matrixFn = window.DOMMatrix || window.WebKitCSSMatrix || window.CSSMatrix || window.MSCSSMatrix;\n /*jshint -W056 */\n return matrixFn && new matrixFn(appliedTransforms);\n}\nfunction find(ctx, tagName, iterator) {\n if (ctx) {\n var list = ctx.getElementsByTagName(tagName),\n i = 0,\n n = list.length;\n if (iterator) {\n for (; i < n; i++) {\n iterator(list[i], i);\n }\n }\n return list;\n }\n return [];\n}\nfunction getWindowScrollingElement() {\n var scrollingElement = document.scrollingElement;\n if (scrollingElement) {\n return scrollingElement;\n } else {\n return document.documentElement;\n }\n}\n\n/**\r\n * Returns the \"bounding client rect\" of given element\r\n * @param {HTMLElement} el The element whose boundingClientRect is wanted\r\n * @param {[Boolean]} relativeToContainingBlock Whether the rect should be relative to the containing block of (including) the container\r\n * @param {[Boolean]} relativeToNonStaticParent Whether the rect should be relative to the relative parent of (including) the contaienr\r\n * @param {[Boolean]} undoScale Whether the container's scale() should be undone\r\n * @param {[HTMLElement]} container The parent the element will be placed in\r\n * @return {Object} The boundingClientRect of el, with specified adjustments\r\n */\nfunction getRect(el, relativeToContainingBlock, relativeToNonStaticParent, undoScale, container) {\n if (!el.getBoundingClientRect && el !== window) return;\n var elRect, top, left, bottom, right, height, width;\n if (el !== window && el.parentNode && el !== getWindowScrollingElement()) {\n elRect = el.getBoundingClientRect();\n top = elRect.top;\n left = elRect.left;\n bottom = elRect.bottom;\n right = elRect.right;\n height = elRect.height;\n width = elRect.width;\n } else {\n top = 0;\n left = 0;\n bottom = window.innerHeight;\n right = window.innerWidth;\n height = window.innerHeight;\n width = window.innerWidth;\n }\n if ((relativeToContainingBlock || relativeToNonStaticParent) && el !== window) {\n // Adjust for translate()\n container = container || el.parentNode;\n\n // solves #1123 (see: https://stackoverflow.com/a/37953806/6088312)\n // Not needed on <= IE11\n if (!IE11OrLess) {\n do {\n if (container && container.getBoundingClientRect && (css(container, 'transform') !== 'none' || relativeToNonStaticParent && css(container, 'position') !== 'static')) {\n var containerRect = container.getBoundingClientRect();\n\n // Set relative to edges of padding box of container\n top -= containerRect.top + parseInt(css(container, 'border-top-width'));\n left -= containerRect.left + parseInt(css(container, 'border-left-width'));\n bottom = top + elRect.height;\n right = left + elRect.width;\n break;\n }\n /* jshint boss:true */\n } while (container = container.parentNode);\n }\n }\n if (undoScale && el !== window) {\n // Adjust for scale()\n var elMatrix = matrix(container || el),\n scaleX = elMatrix && elMatrix.a,\n scaleY = elMatrix && elMatrix.d;\n if (elMatrix) {\n top /= scaleY;\n left /= scaleX;\n width /= scaleX;\n height /= scaleY;\n bottom = top + height;\n right = left + width;\n }\n }\n return {\n top: top,\n left: left,\n bottom: bottom,\n right: right,\n width: width,\n height: height\n };\n}\n\n/**\r\n * Checks if a side of an element is scrolled past a side of its parents\r\n * @param {HTMLElement} el The element who's side being scrolled out of view is in question\r\n * @param {String} elSide Side of the element in question ('top', 'left', 'right', 'bottom')\r\n * @param {String} parentSide Side of the parent in question ('top', 'left', 'right', 'bottom')\r\n * @return {HTMLElement} The parent scroll element that the el's side is scrolled past, or null if there is no such element\r\n */\nfunction isScrolledPast(el, elSide, parentSide) {\n var parent = getParentAutoScrollElement(el, true),\n elSideVal = getRect(el)[elSide];\n\n /* jshint boss:true */\n while (parent) {\n var parentSideVal = getRect(parent)[parentSide],\n visible = void 0;\n if (parentSide === 'top' || parentSide === 'left') {\n visible = elSideVal >= parentSideVal;\n } else {\n visible = elSideVal <= parentSideVal;\n }\n if (!visible) return parent;\n if (parent === getWindowScrollingElement()) break;\n parent = getParentAutoScrollElement(parent, false);\n }\n return false;\n}\n\n/**\r\n * Gets nth child of el, ignoring hidden children, sortable's elements (does not ignore clone if it's visible)\r\n * and non-draggable elements\r\n * @param {HTMLElement} el The parent element\r\n * @param {Number} childNum The index of the child\r\n * @param {Object} options Parent Sortable's options\r\n * @return {HTMLElement} The child at index childNum, or null if not found\r\n */\nfunction getChild(el, childNum, options, includeDragEl) {\n var currentChild = 0,\n i = 0,\n children = el.children;\n while (i < children.length) {\n if (children[i].style.display !== 'none' && children[i] !== Sortable.ghost && (includeDragEl || children[i] !== Sortable.dragged) && closest(children[i], options.draggable, el, false)) {\n if (currentChild === childNum) {\n return children[i];\n }\n currentChild++;\n }\n i++;\n }\n return null;\n}\n\n/**\r\n * Gets the last child in the el, ignoring ghostEl or invisible elements (clones)\r\n * @param {HTMLElement} el Parent element\r\n * @param {selector} selector Any other elements that should be ignored\r\n * @return {HTMLElement} The last child, ignoring ghostEl\r\n */\nfunction lastChild(el, selector) {\n var last = el.lastElementChild;\n while (last && (last === Sortable.ghost || css(last, 'display') === 'none' || selector && !matches(last, selector))) {\n last = last.previousElementSibling;\n }\n return last || null;\n}\n\n/**\r\n * Returns the index of an element within its parent for a selected set of\r\n * elements\r\n * @param {HTMLElement} el\r\n * @param {selector} selector\r\n * @return {number}\r\n */\nfunction index(el, selector) {\n var index = 0;\n if (!el || !el.parentNode) {\n return -1;\n }\n\n /* jshint boss:true */\n while (el = el.previousElementSibling) {\n if (el.nodeName.toUpperCase() !== 'TEMPLATE' && el !== Sortable.clone && (!selector || matches(el, selector))) {\n index++;\n }\n }\n return index;\n}\n\n/**\r\n * Returns the scroll offset of the given element, added with all the scroll offsets of parent elements.\r\n * The value is returned in real pixels.\r\n * @param {HTMLElement} el\r\n * @return {Array} Offsets in the format of [left, top]\r\n */\nfunction getRelativeScrollOffset(el) {\n var offsetLeft = 0,\n offsetTop = 0,\n winScroller = getWindowScrollingElement();\n if (el) {\n do {\n var elMatrix = matrix(el),\n scaleX = elMatrix.a,\n scaleY = elMatrix.d;\n offsetLeft += el.scrollLeft * scaleX;\n offsetTop += el.scrollTop * scaleY;\n } while (el !== winScroller && (el = el.parentNode));\n }\n return [offsetLeft, offsetTop];\n}\n\n/**\r\n * Returns the index of the object within the given array\r\n * @param {Array} arr Array that may or may not hold the object\r\n * @param {Object} obj An object that has a key-value pair unique to and identical to a key-value pair in the object you want to find\r\n * @return {Number} The index of the object in the array, or -1\r\n */\nfunction indexOfObject(arr, obj) {\n for (var i in arr) {\n if (!arr.hasOwnProperty(i)) continue;\n for (var key in obj) {\n if (obj.hasOwnProperty(key) && obj[key] === arr[i][key]) return Number(i);\n }\n }\n return -1;\n}\nfunction getParentAutoScrollElement(el, includeSelf) {\n // skip to window\n if (!el || !el.getBoundingClientRect) return getWindowScrollingElement();\n var elem = el;\n var gotSelf = false;\n do {\n // we don't need to get elem css if it isn't even overflowing in the first place (performance)\n if (elem.clientWidth < elem.scrollWidth || elem.clientHeight < elem.scrollHeight) {\n var elemCSS = css(elem);\n if (elem.clientWidth < elem.scrollWidth && (elemCSS.overflowX == 'auto' || elemCSS.overflowX == 'scroll') || elem.clientHeight < elem.scrollHeight && (elemCSS.overflowY == 'auto' || elemCSS.overflowY == 'scroll')) {\n if (!elem.getBoundingClientRect || elem === document.body) return getWindowScrollingElement();\n if (gotSelf || includeSelf) return elem;\n gotSelf = true;\n }\n }\n /* jshint boss:true */\n } while (elem = elem.parentNode);\n return getWindowScrollingElement();\n}\nfunction extend(dst, src) {\n if (dst && src) {\n for (var key in src) {\n if (src.hasOwnProperty(key)) {\n dst[key] = src[key];\n }\n }\n }\n return dst;\n}\nfunction isRectEqual(rect1, rect2) {\n return Math.round(rect1.top) === Math.round(rect2.top) && Math.round(rect1.left) === Math.round(rect2.left) && Math.round(rect1.height) === Math.round(rect2.height) && Math.round(rect1.width) === Math.round(rect2.width);\n}\nvar _throttleTimeout;\nfunction throttle(callback, ms) {\n return function () {\n if (!_throttleTimeout) {\n var args = arguments,\n _this = this;\n if (args.length === 1) {\n callback.call(_this, args[0]);\n } else {\n callback.apply(_this, args);\n }\n _throttleTimeout = setTimeout(function () {\n _throttleTimeout = void 0;\n }, ms);\n }\n };\n}\nfunction cancelThrottle() {\n clearTimeout(_throttleTimeout);\n _throttleTimeout = void 0;\n}\nfunction scrollBy(el, x, y) {\n el.scrollLeft += x;\n el.scrollTop += y;\n}\nfunction clone(el) {\n var Polymer = window.Polymer;\n var $ = window.jQuery || window.Zepto;\n if (Polymer && Polymer.dom) {\n return Polymer.dom(el).cloneNode(true);\n } else if ($) {\n return $(el).clone(true)[0];\n } else {\n return el.cloneNode(true);\n }\n}\nfunction setRect(el, rect) {\n css(el, 'position', 'absolute');\n css(el, 'top', rect.top);\n css(el, 'left', rect.left);\n css(el, 'width', rect.width);\n css(el, 'height', rect.height);\n}\nfunction unsetRect(el) {\n css(el, 'position', '');\n css(el, 'top', '');\n css(el, 'left', '');\n css(el, 'width', '');\n css(el, 'height', '');\n}\nfunction getChildContainingRectFromElement(container, options, ghostEl) {\n var rect = {};\n Array.from(container.children).forEach(function (child) {\n var _rect$left, _rect$top, _rect$right, _rect$bottom;\n if (!closest(child, options.draggable, container, false) || child.animated || child === ghostEl) return;\n var childRect = getRect(child);\n rect.left = Math.min((_rect$left = rect.left) !== null && _rect$left !== void 0 ? _rect$left : Infinity, childRect.left);\n rect.top = Math.min((_rect$top = rect.top) !== null && _rect$top !== void 0 ? _rect$top : Infinity, childRect.top);\n rect.right = Math.max((_rect$right = rect.right) !== null && _rect$right !== void 0 ? _rect$right : -Infinity, childRect.right);\n rect.bottom = Math.max((_rect$bottom = rect.bottom) !== null && _rect$bottom !== void 0 ? _rect$bottom : -Infinity, childRect.bottom);\n });\n rect.width = rect.right - rect.left;\n rect.height = rect.bottom - rect.top;\n rect.x = rect.left;\n rect.y = rect.top;\n return rect;\n}\nvar expando = 'Sortable' + new Date().getTime();\n\nfunction AnimationStateManager() {\n var animationStates = [],\n animationCallbackId;\n return {\n captureAnimationState: function captureAnimationState() {\n animationStates = [];\n if (!this.options.animation) return;\n var children = [].slice.call(this.el.children);\n children.forEach(function (child) {\n if (css(child, 'display') === 'none' || child === Sortable.ghost) return;\n animationStates.push({\n target: child,\n rect: getRect(child)\n });\n var fromRect = _objectSpread2({}, animationStates[animationStates.length - 1].rect);\n\n // If animating: compensate for current animation\n if (child.thisAnimationDuration) {\n var childMatrix = matrix(child, true);\n if (childMatrix) {\n fromRect.top -= childMatrix.f;\n fromRect.left -= childMatrix.e;\n }\n }\n child.fromRect = fromRect;\n });\n },\n addAnimationState: function addAnimationState(state) {\n animationStates.push(state);\n },\n removeAnimationState: function removeAnimationState(target) {\n animationStates.splice(indexOfObject(animationStates, {\n target: target\n }), 1);\n },\n animateAll: function animateAll(callback) {\n var _this = this;\n if (!this.options.animation) {\n clearTimeout(animationCallbackId);\n if (typeof callback === 'function') callback();\n return;\n }\n var animating = false,\n animationTime = 0;\n animationStates.forEach(function (state) {\n var time = 0,\n target = state.target,\n fromRect = target.fromRect,\n toRect = getRect(target),\n prevFromRect = target.prevFromRect,\n prevToRect = target.prevToRect,\n animatingRect = state.rect,\n targetMatrix = matrix(target, true);\n if (targetMatrix) {\n // Compensate for current animation\n toRect.top -= targetMatrix.f;\n toRect.left -= targetMatrix.e;\n }\n target.toRect = toRect;\n if (target.thisAnimationDuration) {\n // Could also check if animatingRect is between fromRect and toRect\n if (isRectEqual(prevFromRect, toRect) && !isRectEqual(fromRect, toRect) &&\n // Make sure animatingRect is on line between toRect & fromRect\n (animatingRect.top - toRect.top) / (animatingRect.left - toRect.left) === (fromRect.top - toRect.top) / (fromRect.left - toRect.left)) {\n // If returning to same place as started from animation and on same axis\n time = calculateRealTime(animatingRect, prevFromRect, prevToRect, _this.options);\n }\n }\n\n // if fromRect != toRect: animate\n if (!isRectEqual(toRect, fromRect)) {\n target.prevFromRect = fromRect;\n target.prevToRect = toRect;\n if (!time) {\n time = _this.options.animation;\n }\n _this.animate(target, animatingRect, toRect, time);\n }\n if (time) {\n animating = true;\n animationTime = Math.max(animationTime, time);\n clearTimeout(target.animationResetTimer);\n target.animationResetTimer = setTimeout(function () {\n target.animationTime = 0;\n target.prevFromRect = null;\n target.fromRect = null;\n target.prevToRect = null;\n target.thisAnimationDuration = null;\n }, time);\n target.thisAnimationDuration = time;\n }\n });\n clearTimeout(animationCallbackId);\n if (!animating) {\n if (typeof callback === 'function') callback();\n } else {\n animationCallbackId = setTimeout(function () {\n if (typeof callback === 'function') callback();\n }, animationTime);\n }\n animationStates = [];\n },\n animate: function animate(target, currentRect, toRect, duration) {\n if (duration) {\n css(target, 'transition', '');\n css(target, 'transform', '');\n var elMatrix = matrix(this.el),\n scaleX = elMatrix && elMatrix.a,\n scaleY = elMatrix && elMatrix.d,\n translateX = (currentRect.left - toRect.left) / (scaleX || 1),\n translateY = (currentRect.top - toRect.top) / (scaleY || 1);\n target.animatingX = !!translateX;\n target.animatingY = !!translateY;\n css(target, 'transform', 'translate3d(' + translateX + 'px,' + translateY + 'px,0)');\n this.forRepaintDummy = repaint(target); // repaint\n\n css(target, 'transition', 'transform ' + duration + 'ms' + (this.options.easing ? ' ' + this.options.easing : ''));\n css(target, 'transform', 'translate3d(0,0,0)');\n typeof target.animated === 'number' && clearTimeout(target.animated);\n target.animated = setTimeout(function () {\n css(target, 'transition', '');\n css(target, 'transform', '');\n target.animated = false;\n target.animatingX = false;\n target.animatingY = false;\n }, duration);\n }\n }\n };\n}\nfunction repaint(target) {\n return target.offsetWidth;\n}\nfunction calculateRealTime(animatingRect, fromRect, toRect, options) {\n return Math.sqrt(Math.pow(fromRect.top - animatingRect.top, 2) + Math.pow(fromRect.left - animatingRect.left, 2)) / Math.sqrt(Math.pow(fromRect.top - toRect.top, 2) + Math.pow(fromRect.left - toRect.left, 2)) * options.animation;\n}\n\nvar plugins = [];\nvar defaults = {\n initializeByDefault: true\n};\nvar PluginManager = {\n mount: function mount(plugin) {\n // Set default static properties\n for (var option in defaults) {\n if (defaults.hasOwnProperty(option) && !(option in plugin)) {\n plugin[option] = defaults[option];\n }\n }\n plugins.forEach(function (p) {\n if (p.pluginName === plugin.pluginName) {\n throw \"Sortable: Cannot mount plugin \".concat(plugin.pluginName, \" more than once\");\n }\n });\n plugins.push(plugin);\n },\n pluginEvent: function pluginEvent(eventName, sortable, evt) {\n var _this = this;\n this.eventCanceled = false;\n evt.cancel = function () {\n _this.eventCanceled = true;\n };\n var eventNameGlobal = eventName + 'Global';\n plugins.forEach(function (plugin) {\n if (!sortable[plugin.pluginName]) return;\n // Fire global events if it exists in this sortable\n if (sortable[plugin.pluginName][eventNameGlobal]) {\n sortable[plugin.pluginName][eventNameGlobal](_objectSpread2({\n sortable: sortable\n }, evt));\n }\n\n // Only fire plugin event if plugin is enabled in this sortable,\n // and plugin has event defined\n if (sortable.options[plugin.pluginName] && sortable[plugin.pluginName][eventName]) {\n sortable[plugin.pluginName][eventName](_objectSpread2({\n sortable: sortable\n }, evt));\n }\n });\n },\n initializePlugins: function initializePlugins(sortable, el, defaults, options) {\n plugins.forEach(function (plugin) {\n var pluginName = plugin.pluginName;\n if (!sortable.options[pluginName] && !plugin.initializeByDefault) return;\n var initialized = new plugin(sortable, el, sortable.options);\n initialized.sortable = sortable;\n initialized.options = sortable.options;\n sortable[pluginName] = initialized;\n\n // Add default options from plugin\n _extends(defaults, initialized.defaults);\n });\n for (var option in sortable.options) {\n if (!sortable.options.hasOwnProperty(option)) continue;\n var modified = this.modifyOption(sortable, option, sortable.options[option]);\n if (typeof modified !== 'undefined') {\n sortable.options[option] = modified;\n }\n }\n },\n getEventProperties: function getEventProperties(name, sortable) {\n var eventProperties = {};\n plugins.forEach(function (plugin) {\n if (typeof plugin.eventProperties !== 'function') return;\n _extends(eventProperties, plugin.eventProperties.call(sortable[plugin.pluginName], name));\n });\n return eventProperties;\n },\n modifyOption: function modifyOption(sortable, name, value) {\n var modifiedValue;\n plugins.forEach(function (plugin) {\n // Plugin must exist on the Sortable\n if (!sortable[plugin.pluginName]) return;\n\n // If static option listener exists for this option, call in the context of the Sortable's instance of this plugin\n if (plugin.optionListeners && typeof plugin.optionListeners[name] === 'function') {\n modifiedValue = plugin.optionListeners[name].call(sortable[plugin.pluginName], value);\n }\n });\n return modifiedValue;\n }\n};\n\nfunction dispatchEvent(_ref) {\n var sortable = _ref.sortable,\n rootEl = _ref.rootEl,\n name = _ref.name,\n targetEl = _ref.targetEl,\n cloneEl = _ref.cloneEl,\n toEl = _ref.toEl,\n fromEl = _ref.fromEl,\n oldIndex = _ref.oldIndex,\n newIndex = _ref.newIndex,\n oldDraggableIndex = _ref.oldDraggableIndex,\n newDraggableIndex = _ref.newDraggableIndex,\n originalEvent = _ref.originalEvent,\n putSortable = _ref.putSortable,\n extraEventProperties = _ref.extraEventProperties;\n sortable = sortable || rootEl && rootEl[expando];\n if (!sortable) return;\n var evt,\n options = sortable.options,\n onName = 'on' + name.charAt(0).toUpperCase() + name.substr(1);\n // Support for new CustomEvent feature\n if (window.CustomEvent && !IE11OrLess && !Edge) {\n evt = new CustomEvent(name, {\n bubbles: true,\n cancelable: true\n });\n } else {\n evt = document.createEvent('Event');\n evt.initEvent(name, true, true);\n }\n evt.to = toEl || rootEl;\n evt.from = fromEl || rootEl;\n evt.item = targetEl || rootEl;\n evt.clone = cloneEl;\n evt.oldIndex = oldIndex;\n evt.newIndex = newIndex;\n evt.oldDraggableIndex = oldDraggableIndex;\n evt.newDraggableIndex = newDraggableIndex;\n evt.originalEvent = originalEvent;\n evt.pullMode = putSortable ? putSortable.lastPutMode : undefined;\n var allEventProperties = _objectSpread2(_objectSpread2({}, extraEventProperties), PluginManager.getEventProperties(name, sortable));\n for (var option in allEventProperties) {\n evt[option] = allEventProperties[option];\n }\n if (rootEl) {\n rootEl.dispatchEvent(evt);\n }\n if (options[onName]) {\n options[onName].call(sortable, evt);\n }\n}\n\nvar _excluded = [\"evt\"];\nvar pluginEvent = function pluginEvent(eventName, sortable) {\n var _ref = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},\n originalEvent = _ref.evt,\n data = _objectWithoutProperties(_ref, _excluded);\n PluginManager.pluginEvent.bind(Sortable)(eventName, sortable, _objectSpread2({\n dragEl: dragEl,\n parentEl: parentEl,\n ghostEl: ghostEl,\n rootEl: rootEl,\n nextEl: nextEl,\n lastDownEl: lastDownEl,\n cloneEl: cloneEl,\n cloneHidden: cloneHidden,\n dragStarted: moved,\n putSortable: putSortable,\n activeSortable: Sortable.active,\n originalEvent: originalEvent,\n oldIndex: oldIndex,\n oldDraggableIndex: oldDraggableIndex,\n newIndex: newIndex,\n newDraggableIndex: newDraggableIndex,\n hideGhostForTarget: _hideGhostForTarget,\n unhideGhostForTarget: _unhideGhostForTarget,\n cloneNowHidden: function cloneNowHidden() {\n cloneHidden = true;\n },\n cloneNowShown: function cloneNowShown() {\n cloneHidden = false;\n },\n dispatchSortableEvent: function dispatchSortableEvent(name) {\n _dispatchEvent({\n sortable: sortable,\n name: name,\n originalEvent: originalEvent\n });\n }\n }, data));\n};\nfunction _dispatchEvent(info) {\n dispatchEvent(_objectSpread2({\n putSortable: putSortable,\n cloneEl: cloneEl,\n targetEl: dragEl,\n rootEl: rootEl,\n oldIndex: oldIndex,\n oldDraggableIndex: oldDraggableIndex,\n newIndex: newIndex,\n newDraggableIndex: newDraggableIndex\n }, info));\n}\nvar dragEl,\n parentEl,\n ghostEl,\n rootEl,\n nextEl,\n lastDownEl,\n cloneEl,\n cloneHidden,\n oldIndex,\n newIndex,\n oldDraggableIndex,\n newDraggableIndex,\n activeGroup,\n putSortable,\n awaitingDragStarted = false,\n ignoreNextClick = false,\n sortables = [],\n tapEvt,\n touchEvt,\n lastDx,\n lastDy,\n tapDistanceLeft,\n tapDistanceTop,\n moved,\n lastTarget,\n lastDirection,\n pastFirstInvertThresh = false,\n isCircumstantialInvert = false,\n targetMoveDistance,\n // For positioning ghost absolutely\n ghostRelativeParent,\n ghostRelativeParentInitialScroll = [],\n // (left, top)\n\n _silent = false,\n savedInputChecked = [];\n\n/** @const */\nvar documentExists = typeof document !== 'undefined',\n PositionGhostAbsolutely = IOS,\n CSSFloatProperty = Edge || IE11OrLess ? 'cssFloat' : 'float',\n // This will not pass for IE9, because IE9 DnD only works on anchors\n supportDraggable = documentExists && !ChromeForAndroid && !IOS && 'draggable' in document.createElement('div'),\n supportCssPointerEvents = function () {\n if (!documentExists) return;\n // false when <= IE11\n if (IE11OrLess) {\n return false;\n }\n var el = document.createElement('x');\n el.style.cssText = 'pointer-events:auto';\n return el.style.pointerEvents === 'auto';\n }(),\n _detectDirection = function _detectDirection(el, options) {\n var elCSS = css(el),\n elWidth = parseInt(elCSS.width) - parseInt(elCSS.paddingLeft) - parseInt(elCSS.paddingRight) - parseInt(elCSS.borderLeftWidth) - parseInt(elCSS.borderRightWidth),\n child1 = getChild(el, 0, options),\n child2 = getChild(el, 1, options),\n firstChildCSS = child1 && css(child1),\n secondChildCSS = child2 && css(child2),\n firstChildWidth = firstChildCSS && parseInt(firstChildCSS.marginLeft) + parseInt(firstChildCSS.marginRight) + getRect(child1).width,\n secondChildWidth = secondChildCSS && parseInt(secondChildCSS.marginLeft) + parseInt(secondChildCSS.marginRight) + getRect(child2).width;\n if (elCSS.display === 'flex') {\n return elCSS.flexDirection === 'column' || elCSS.flexDirection === 'column-reverse' ? 'vertical' : 'horizontal';\n }\n if (elCSS.display === 'grid') {\n return elCSS.gridTemplateColumns.split(' ').length <= 1 ? 'vertical' : 'horizontal';\n }\n if (child1 && firstChildCSS[\"float\"] && firstChildCSS[\"float\"] !== 'none') {\n var touchingSideChild2 = firstChildCSS[\"float\"] === 'left' ? 'left' : 'right';\n return child2 && (secondChildCSS.clear === 'both' || secondChildCSS.clear === touchingSideChild2) ? 'vertical' : 'horizontal';\n }\n return child1 && (firstChildCSS.display === 'block' || firstChildCSS.display === 'flex' || firstChildCSS.display === 'table' || firstChildCSS.display === 'grid' || firstChildWidth >= elWidth && elCSS[CSSFloatProperty] === 'none' || child2 && elCSS[CSSFloatProperty] === 'none' && firstChildWidth + secondChildWidth > elWidth) ? 'vertical' : 'horizontal';\n },\n _dragElInRowColumn = function _dragElInRowColumn(dragRect, targetRect, vertical) {\n var dragElS1Opp = vertical ? dragRect.left : dragRect.top,\n dragElS2Opp = vertical ? dragRect.right : dragRect.bottom,\n dragElOppLength = vertical ? dragRect.width : dragRect.height,\n targetS1Opp = vertical ? targetRect.left : targetRect.top,\n targetS2Opp = vertical ? targetRect.right : targetRect.bottom,\n targetOppLength = vertical ? targetRect.width : targetRect.height;\n return dragElS1Opp === targetS1Opp || dragElS2Opp === targetS2Opp || dragElS1Opp + dragElOppLength / 2 === targetS1Opp + targetOppLength / 2;\n },\n /**\r\n * Detects first nearest empty sortable to X and Y position using emptyInsertThreshold.\r\n * @param {Number} x X position\r\n * @param {Number} y Y position\r\n * @return {HTMLElement} Element of the first found nearest Sortable\r\n */\n _detectNearestEmptySortable = function _detectNearestEmptySortable(x, y) {\n var ret;\n sortables.some(function (sortable) {\n var threshold = sortable[expando].options.emptyInsertThreshold;\n if (!threshold || lastChild(sortable)) return;\n var rect = getRect(sortable),\n insideHorizontally = x >= rect.left - threshold && x <= rect.right + threshold,\n insideVertically = y >= rect.top - threshold && y <= rect.bottom + threshold;\n if (insideHorizontally && insideVertically) {\n return ret = sortable;\n }\n });\n return ret;\n },\n _prepareGroup = function _prepareGroup(options) {\n function toFn(value, pull) {\n return function (to, from, dragEl, evt) {\n var sameGroup = to.options.group.name && from.options.group.name && to.options.group.name === from.options.group.name;\n if (value == null && (pull || sameGroup)) {\n // Default pull value\n // Default pull and put value if same group\n return true;\n } else if (value == null || value === false) {\n return false;\n } else if (pull && value === 'clone') {\n return value;\n } else if (typeof value === 'function') {\n return toFn(value(to, from, dragEl, evt), pull)(to, from, dragEl, evt);\n } else {\n var otherGroup = (pull ? to : from).options.group.name;\n return value === true || typeof value === 'string' && value === otherGroup || value.join && value.indexOf(otherGroup) > -1;\n }\n };\n }\n var group = {};\n var originalGroup = options.group;\n if (!originalGroup || _typeof(originalGroup) != 'object') {\n originalGroup = {\n name: originalGroup\n };\n }\n group.name = originalGroup.name;\n group.checkPull = toFn(originalGroup.pull, true);\n group.checkPut = toFn(originalGroup.put);\n group.revertClone = originalGroup.revertClone;\n options.group = group;\n },\n _hideGhostForTarget = function _hideGhostForTarget() {\n if (!supportCssPointerEvents && ghostEl) {\n css(ghostEl, 'display', 'none');\n }\n },\n _unhideGhostForTarget = function _unhideGhostForTarget() {\n if (!supportCssPointerEvents && ghostEl) {\n css(ghostEl, 'display', '');\n }\n };\n\n// #1184 fix - Prevent click event on fallback if dragged but item not changed position\nif (documentExists && !ChromeForAndroid) {\n document.addEventListener('click', function (evt) {\n if (ignoreNextClick) {\n evt.preventDefault();\n evt.stopPropagation && evt.stopPropagation();\n evt.stopImmediatePropagation && evt.stopImmediatePropagation();\n ignoreNextClick = false;\n return false;\n }\n }, true);\n}\nvar nearestEmptyInsertDetectEvent = function nearestEmptyInsertDetectEvent(evt) {\n if (dragEl) {\n evt = evt.touches ? evt.touches[0] : evt;\n var nearest = _detectNearestEmptySortable(evt.clientX, evt.clientY);\n if (nearest) {\n // Create imitation event\n var event = {};\n for (var i in evt) {\n if (evt.hasOwnProperty(i)) {\n event[i] = evt[i];\n }\n }\n event.target = event.rootEl = nearest;\n event.preventDefault = void 0;\n event.stopPropagation = void 0;\n nearest[expando]._onDragOver(event);\n }\n }\n};\nvar _checkOutsideTargetEl = function _checkOutsideTargetEl(evt) {\n if (dragEl) {\n dragEl.parentNode[expando]._isOutsideThisEl(evt.target);\n }\n};\n\n/**\r\n * @class Sortable\r\n * @param {HTMLElement} el\r\n * @param {Object} [options]\r\n */\nfunction Sortable(el, options) {\n if (!(el && el.nodeType && el.nodeType === 1)) {\n throw \"Sortable: `el` must be an HTMLElement, not \".concat({}.toString.call(el));\n }\n this.el = el; // root element\n this.options = options = _extends({}, options);\n\n // Export instance\n el[expando] = this;\n var defaults = {\n group: null,\n sort: true,\n disabled: false,\n store: null,\n handle: null,\n draggable: /^[uo]l$/i.test(el.nodeName) ? '>li' : '>*',\n swapThreshold: 1,\n // percentage; 0 <= x <= 1\n invertSwap: false,\n // invert always\n invertedSwapThreshold: null,\n // will be set to same as swapThreshold if default\n removeCloneOnHide: true,\n direction: function direction() {\n return _detectDirection(el, this.options);\n },\n ghostClass: 'sortable-ghost',\n chosenClass: 'sortable-chosen',\n dragClass: 'sortable-drag',\n ignore: 'a, img',\n filter: null,\n preventOnFilter: true,\n animation: 0,\n easing: null,\n setData: function setData(dataTransfer, dragEl) {\n dataTransfer.setData('Text', dragEl.textContent);\n },\n dropBubble: false,\n dragoverBubble: false,\n dataIdAttr: 'data-id',\n delay: 0,\n delayOnTouchOnly: false,\n touchStartThreshold: (Number.parseInt ? Number : window).parseInt(window.devicePixelRatio, 10) || 1,\n forceFallback: false,\n fallbackClass: 'sortable-fallback',\n fallbackOnBody: false,\n fallbackTolerance: 0,\n fallbackOffset: {\n x: 0,\n y: 0\n },\n supportPointer: Sortable.supportPointer !== false && 'PointerEvent' in window && !Safari,\n emptyInsertThreshold: 5\n };\n PluginManager.initializePlugins(this, el, defaults);\n\n // Set default options\n for (var name in defaults) {\n !(name in options) && (options[name] = defaults[name]);\n }\n _prepareGroup(options);\n\n // Bind all private methods\n for (var fn in this) {\n if (fn.charAt(0) === '_' && typeof this[fn] === 'function') {\n this[fn] = this[fn].bind(this);\n }\n }\n\n // Setup drag mode\n this.nativeDraggable = options.forceFallback ? false : supportDraggable;\n if (this.nativeDraggable) {\n // Touch start threshold cannot be greater than the native dragstart threshold\n this.options.touchStartThreshold = 1;\n }\n\n // Bind events\n if (options.supportPointer) {\n on(el, 'pointerdown', this._onTapStart);\n } else {\n on(el, 'mousedown', this._onTapStart);\n on(el, 'touchstart', this._onTapStart);\n }\n if (this.nativeDraggable) {\n on(el, 'dragover', this);\n on(el, 'dragenter', this);\n }\n sortables.push(this.el);\n\n // Restore sorting\n options.store && options.store.get && this.sort(options.store.get(this) || []);\n\n // Add animation state manager\n _extends(this, AnimationStateManager());\n}\nSortable.prototype = /** @lends Sortable.prototype */{\n constructor: Sortable,\n _isOutsideThisEl: function _isOutsideThisEl(target) {\n if (!this.el.contains(target) && target !== this.el) {\n lastTarget = null;\n }\n },\n _getDirection: function _getDirection(evt, target) {\n return typeof this.options.direction === 'function' ? this.options.direction.call(this, evt, target, dragEl) : this.options.direction;\n },\n _onTapStart: function _onTapStart( /** Event|TouchEvent */evt) {\n if (!evt.cancelable) return;\n var _this = this,\n el = this.el,\n options = this.options,\n preventOnFilter = options.preventOnFilter,\n type = evt.type,\n touch = evt.touches && evt.touches[0] || evt.pointerType && evt.pointerType === 'touch' && evt,\n target = (touch || evt).target,\n originalTarget = evt.target.shadowRoot && (evt.path && evt.path[0] || evt.composedPath && evt.composedPath()[0]) || target,\n filter = options.filter;\n _saveInputCheckedState(el);\n\n // Don't trigger start event when an element is been dragged, otherwise the evt.oldindex always wrong when set option.group.\n if (dragEl) {\n return;\n }\n if (/mousedown|pointerdown/.test(type) && evt.button !== 0 || options.disabled) {\n return; // only left button and enabled\n }\n\n // cancel dnd if original target is content editable\n if (originalTarget.isContentEditable) {\n return;\n }\n\n // Safari ignores further event handling after mousedown\n if (!this.nativeDraggable && Safari && target && target.tagName.toUpperCase() === 'SELECT') {\n return;\n }\n target = closest(target, options.draggable, el, false);\n if (target && target.animated) {\n return;\n }\n if (lastDownEl === target) {\n // Ignoring duplicate `down`\n return;\n }\n\n // Get the index of the dragged element within its parent\n oldIndex = index(target);\n oldDraggableIndex = index(target, options.draggable);\n\n // Check filter\n if (typeof filter === 'function') {\n if (filter.call(this, evt, target, this)) {\n _dispatchEvent({\n sortable: _this,\n rootEl: originalTarget,\n name: 'filter',\n targetEl: target,\n toEl: el,\n fromEl: el\n });\n pluginEvent('filter', _this, {\n evt: evt\n });\n preventOnFilter && evt.cancelable && evt.preventDefault();\n return; // cancel dnd\n }\n } else if (filter) {\n filter = filter.split(',').some(function (criteria) {\n criteria = closest(originalTarget, criteria.trim(), el, false);\n if (criteria) {\n _dispatchEvent({\n sortable: _this,\n rootEl: criteria,\n name: 'filter',\n targetEl: target,\n fromEl: el,\n toEl: el\n });\n pluginEvent('filter', _this, {\n evt: evt\n });\n return true;\n }\n });\n if (filter) {\n preventOnFilter && evt.cancelable && evt.preventDefault();\n return; // cancel dnd\n }\n }\n if (options.handle && !closest(originalTarget, options.handle, el, false)) {\n return;\n }\n\n // Prepare `dragstart`\n this._prepareDragStart(evt, touch, target);\n },\n _prepareDragStart: function _prepareDragStart( /** Event */evt, /** Touch */touch, /** HTMLElement */target) {\n var _this = this,\n el = _this.el,\n options = _this.options,\n ownerDocument = el.ownerDocument,\n dragStartFn;\n if (target && !dragEl && target.parentNode === el) {\n var dragRect = getRect(target);\n rootEl = el;\n dragEl = target;\n parentEl = dragEl.parentNode;\n nextEl = dragEl.nextSibling;\n lastDownEl = target;\n activeGroup = options.group;\n Sortable.dragged = dragEl;\n tapEvt = {\n target: dragEl,\n clientX: (touch || evt).clientX,\n clientY: (touch || evt).clientY\n };\n tapDistanceLeft = tapEvt.clientX - dragRect.left;\n tapDistanceTop = tapEvt.clientY - dragRect.top;\n this._lastX = (touch || evt).clientX;\n this._lastY = (touch || evt).clientY;\n dragEl.style['will-change'] = 'all';\n dragStartFn = function dragStartFn() {\n pluginEvent('delayEnded', _this, {\n evt: evt\n });\n if (Sortable.eventCanceled) {\n _this._onDrop();\n return;\n }\n // Delayed drag has been triggered\n // we can re-enable the events: touchmove/mousemove\n _this._disableDelayedDragEvents();\n if (!FireFox && _this.nativeDraggable) {\n dragEl.draggable = true;\n }\n\n // Bind the events: dragstart/dragend\n _this._triggerDragStart(evt, touch);\n\n // Drag start event\n _dispatchEvent({\n sortable: _this,\n name: 'choose',\n originalEvent: evt\n });\n\n // Chosen item\n toggleClass(dragEl, options.chosenClass, true);\n };\n\n // Disable \"draggable\"\n options.ignore.split(',').forEach(function (criteria) {\n find(dragEl, criteria.trim(), _disableDraggable);\n });\n on(ownerDocument, 'dragover', nearestEmptyInsertDetectEvent);\n on(ownerDocument, 'mousemove', nearestEmptyInsertDetectEvent);\n on(ownerDocument, 'touchmove', nearestEmptyInsertDetectEvent);\n on(ownerDocument, 'mouseup', _this._onDrop);\n on(ownerDocument, 'touchend', _this._onDrop);\n on(ownerDocument, 'touchcancel', _this._onDrop);\n\n // Make dragEl draggable (must be before delay for FireFox)\n if (FireFox && this.nativeDraggable) {\n this.options.touchStartThreshold = 4;\n dragEl.draggable = true;\n }\n pluginEvent('delayStart', this, {\n evt: evt\n });\n\n // Delay is impossible for native DnD in Edge or IE\n if (options.delay && (!options.delayOnTouchOnly || touch) && (!this.nativeDraggable || !(Edge || IE11OrLess))) {\n if (Sortable.eventCanceled) {\n this._onDrop();\n return;\n }\n // If the user moves the pointer or let go the click or touch\n // before the delay has been reached:\n // disable the delayed drag\n on(ownerDocument, 'mouseup', _this._disableDelayedDrag);\n on(ownerDocument, 'touchend', _this._disableDelayedDrag);\n on(ownerDocument, 'touchcancel', _this._disableDelayedDrag);\n on(ownerDocument, 'mousemove', _this._delayedDragTouchMoveHandler);\n on(ownerDocument, 'touchmove', _this._delayedDragTouchMoveHandler);\n options.supportPointer && on(ownerDocument, 'pointermove', _this._delayedDragTouchMoveHandler);\n _this._dragStartTimer = setTimeout(dragStartFn, options.delay);\n } else {\n dragStartFn();\n }\n }\n },\n _delayedDragTouchMoveHandler: function _delayedDragTouchMoveHandler( /** TouchEvent|PointerEvent **/e) {\n var touch = e.touches ? e.touches[0] : e;\n if (Math.max(Math.abs(touch.clientX - this._lastX), Math.abs(touch.clientY - this._lastY)) >= Math.floor(this.options.touchStartThreshold / (this.nativeDraggable && window.devicePixelRatio || 1))) {\n this._disableDelayedDrag();\n }\n },\n _disableDelayedDrag: function _disableDelayedDrag() {\n dragEl && _disableDraggable(dragEl);\n clearTimeout(this._dragStartTimer);\n this._disableDelayedDragEvents();\n },\n _disableDelayedDragEvents: function _disableDelayedDragEvents() {\n var ownerDocument = this.el.ownerDocument;\n off(ownerDocument, 'mouseup', this._disableDelayedDrag);\n off(ownerDocument, 'touchend', this._disableDelayedDrag);\n off(ownerDocument, 'touchcancel', this._disableDelayedDrag);\n off(ownerDocument, 'mousemove', this._delayedDragTouchMoveHandler);\n off(ownerDocument, 'touchmove', this._delayedDragTouchMoveHandler);\n off(ownerDocument, 'pointermove', this._delayedDragTouchMoveHandler);\n },\n _triggerDragStart: function _triggerDragStart( /** Event */evt, /** Touch */touch) {\n touch = touch || evt.pointerType == 'touch' && evt;\n if (!this.nativeDraggable || touch) {\n if (this.options.supportPointer) {\n on(document, 'pointermove', this._onTouchMove);\n } else if (touch) {\n on(document, 'touchmove', this._onTouchMove);\n } else {\n on(document, 'mousemove', this._onTouchMove);\n }\n } else {\n on(dragEl, 'dragend', this);\n on(rootEl, 'dragstart', this._onDragStart);\n }\n try {\n if (document.selection) {\n // Timeout neccessary for IE9\n _nextTick(function () {\n document.selection.empty();\n });\n } else {\n window.getSelection().removeAllRanges();\n }\n } catch (err) {}\n },\n _dragStarted: function _dragStarted(fallback, evt) {\n awaitingDragStarted = false;\n if (rootEl && dragEl) {\n pluginEvent('dragStarted', this, {\n evt: evt\n });\n if (this.nativeDraggable) {\n on(document, 'dragover', _checkOutsideTargetEl);\n }\n var options = this.options;\n\n // Apply effect\n !fallback && toggleClass(dragEl, options.dragClass, false);\n toggleClass(dragEl, options.ghostClass, true);\n Sortable.active = this;\n fallback && this._appendGhost();\n\n // Drag start event\n _dispatchEvent({\n sortable: this,\n name: 'start',\n originalEvent: evt\n });\n } else {\n this._nulling();\n }\n },\n _emulateDragOver: function _emulateDragOver() {\n if (touchEvt) {\n this._lastX = touchEvt.clientX;\n this._lastY = touchEvt.clientY;\n _hideGhostForTarget();\n var target = document.elementFromPoint(touchEvt.clientX, touchEvt.clientY);\n var parent = target;\n while (target && target.shadowRoot) {\n target = target.shadowRoot.elementFromPoint(touchEvt.clientX, touchEvt.clientY);\n if (target === parent) break;\n parent = target;\n }\n dragEl.parentNode[expando]._isOutsideThisEl(target);\n if (parent) {\n do {\n if (parent[expando]) {\n var inserted = void 0;\n inserted = parent[expando]._onDragOver({\n clientX: touchEvt.clientX,\n clientY: touchEvt.clientY,\n target: target,\n rootEl: parent\n });\n if (inserted && !this.options.dragoverBubble) {\n break;\n }\n }\n target = parent; // store last element\n }\n /* jshint boss:true */ while (parent = parent.parentNode);\n }\n _unhideGhostForTarget();\n }\n },\n _onTouchMove: function _onTouchMove( /**TouchEvent*/evt) {\n if (tapEvt) {\n var options = this.options,\n fallbackTolerance = options.fallbackTolerance,\n fallbackOffset = options.fallbackOffset,\n touch = evt.touches ? evt.touches[0] : evt,\n ghostMatrix = ghostEl && matrix(ghostEl, true),\n scaleX = ghostEl && ghostMatrix && ghostMatrix.a,\n scaleY = ghostEl && ghostMatrix && ghostMatrix.d,\n relativeScrollOffset = PositionGhostAbsolutely && ghostRelativeParent && getRelativeScrollOffset(ghostRelativeParent),\n dx = (touch.clientX - tapEvt.clientX + fallbackOffset.x) / (scaleX || 1) + (relativeScrollOffset ? relativeScrollOffset[0] - ghostRelativeParentInitialScroll[0] : 0) / (scaleX || 1),\n dy = (touch.clientY - tapEvt.clientY + fallbackOffset.y) / (scaleY || 1) + (relativeScrollOffset ? relativeScrollOffset[1] - ghostRelativeParentInitialScroll[1] : 0) / (scaleY || 1);\n\n // only set the status to dragging, when we are actually dragging\n if (!Sortable.active && !awaitingDragStarted) {\n if (fallbackTolerance && Math.max(Math.abs(touch.clientX - this._lastX), Math.abs(touch.clientY - this._lastY)) < fallbackTolerance) {\n return;\n }\n this._onDragStart(evt, true);\n }\n if (ghostEl) {\n if (ghostMatrix) {\n ghostMatrix.e += dx - (lastDx || 0);\n ghostMatrix.f += dy - (lastDy || 0);\n } else {\n ghostMatrix = {\n a: 1,\n b: 0,\n c: 0,\n d: 1,\n e: dx,\n f: dy\n };\n }\n var cssMatrix = \"matrix(\".concat(ghostMatrix.a, \",\").concat(ghostMatrix.b, \",\").concat(ghostMatrix.c, \",\").concat(ghostMatrix.d, \",\").concat(ghostMatrix.e, \",\").concat(ghostMatrix.f, \")\");\n css(ghostEl, 'webkitTransform', cssMatrix);\n css(ghostEl, 'mozTransform', cssMatrix);\n css(ghostEl, 'msTransform', cssMatrix);\n css(ghostEl, 'transform', cssMatrix);\n lastDx = dx;\n lastDy = dy;\n touchEvt = touch;\n }\n evt.cancelable && evt.preventDefault();\n }\n },\n _appendGhost: function _appendGhost() {\n // Bug if using scale(): https://stackoverflow.com/questions/2637058\n // Not being adjusted for\n if (!ghostEl) {\n var container = this.options.fallbackOnBody ? document.body : rootEl,\n rect = getRect(dragEl, true, PositionGhostAbsolutely, true, container),\n options = this.options;\n\n // Position absolutely\n if (PositionGhostAbsolutely) {\n // Get relatively positioned parent\n ghostRelativeParent = container;\n while (css(ghostRelativeParent, 'position') === 'static' && css(ghostRelativeParent, 'transform') === 'none' && ghostRelativeParent !== document) {\n ghostRelativeParent = ghostRelativeParent.parentNode;\n }\n if (ghostRelativeParent !== document.body && ghostRelativeParent !== document.documentElement) {\n if (ghostRelativeParent === document) ghostRelativeParent = getWindowScrollingElement();\n rect.top += ghostRelativeParent.scrollTop;\n rect.left += ghostRelativeParent.scrollLeft;\n } else {\n ghostRelativeParent = getWindowScrollingElement();\n }\n ghostRelativeParentInitialScroll = getRelativeScrollOffset(ghostRelativeParent);\n }\n ghostEl = dragEl.cloneNode(true);\n toggleClass(ghostEl, options.ghostClass, false);\n toggleClass(ghostEl, options.fallbackClass, true);\n toggleClass(ghostEl, options.dragClass, true);\n css(ghostEl, 'transition', '');\n css(ghostEl, 'transform', '');\n css(ghostEl, 'box-sizing', 'border-box');\n css(ghostEl, 'margin', 0);\n css(ghostEl, 'top', rect.top);\n css(ghostEl, 'left', rect.left);\n css(ghostEl, 'width', rect.width);\n css(ghostEl, 'height', rect.height);\n css(ghostEl, 'opacity', '0.8');\n css(ghostEl, 'position', PositionGhostAbsolutely ? 'absolute' : 'fixed');\n css(ghostEl, 'zIndex', '100000');\n css(ghostEl, 'pointerEvents', 'none');\n Sortable.ghost = ghostEl;\n container.appendChild(ghostEl);\n\n // Set transform-origin\n css(ghostEl, 'transform-origin', tapDistanceLeft / parseInt(ghostEl.style.width) * 100 + '% ' + tapDistanceTop / parseInt(ghostEl.style.height) * 100 + '%');\n }\n },\n _onDragStart: function _onDragStart( /**Event*/evt, /**boolean*/fallback) {\n var _this = this;\n var dataTransfer = evt.dataTransfer;\n var options = _this.options;\n pluginEvent('dragStart', this, {\n evt: evt\n });\n if (Sortable.eventCanceled) {\n this._onDrop();\n return;\n }\n pluginEvent('setupClone', this);\n if (!Sortable.eventCanceled) {\n cloneEl = clone(dragEl);\n cloneEl.removeAttribute(\"id\");\n cloneEl.draggable = false;\n cloneEl.style['will-change'] = '';\n this._hideClone();\n toggleClass(cloneEl, this.options.chosenClass, false);\n Sortable.clone = cloneEl;\n }\n\n // #1143: IFrame support workaround\n _this.cloneId = _nextTick(function () {\n pluginEvent('clone', _this);\n if (Sortable.eventCanceled) return;\n if (!_this.options.removeCloneOnHide) {\n rootEl.insertBefore(cloneEl, dragEl);\n }\n _this._hideClone();\n _dispatchEvent({\n sortable: _this,\n name: 'clone'\n });\n });\n !fallback && toggleClass(dragEl, options.dragClass, true);\n\n // Set proper drop events\n if (fallback) {\n ignoreNextClick = true;\n _this._loopId = setInterval(_this._emulateDragOver, 50);\n } else {\n // Undo what was set in _prepareDragStart before drag started\n off(document, 'mouseup', _this._onDrop);\n off(document, 'touchend', _this._onDrop);\n off(document, 'touchcancel', _this._onDrop);\n if (dataTransfer) {\n dataTransfer.effectAllowed = 'move';\n options.setData && options.setData.call(_this, dataTransfer, dragEl);\n }\n on(document, 'drop', _this);\n\n // #1276 fix:\n css(dragEl, 'transform', 'translateZ(0)');\n }\n awaitingDragStarted = true;\n _this._dragStartId = _nextTick(_this._dragStarted.bind(_this, fallback, evt));\n on(document, 'selectstart', _this);\n moved = true;\n if (Safari) {\n css(document.body, 'user-select', 'none');\n }\n },\n // Returns true - if no further action is needed (either inserted or another condition)\n _onDragOver: function _onDragOver( /**Event*/evt) {\n var el = this.el,\n target = evt.target,\n dragRect,\n targetRect,\n revert,\n options = this.options,\n group = options.group,\n activeSortable = Sortable.active,\n isOwner = activeGroup === group,\n canSort = options.sort,\n fromSortable = putSortable || activeSortable,\n vertical,\n _this = this,\n completedFired = false;\n if (_silent) return;\n function dragOverEvent(name, extra) {\n pluginEvent(name, _this, _objectSpread2({\n evt: evt,\n isOwner: isOwner,\n axis: vertical ? 'vertical' : 'horizontal',\n revert: revert,\n dragRect: dragRect,\n targetRect: targetRect,\n canSort: canSort,\n fromSortable: fromSortable,\n target: target,\n completed: completed,\n onMove: function onMove(target, after) {\n return _onMove(rootEl, el, dragEl, dragRect, target, getRect(target), evt, after);\n },\n changed: changed\n }, extra));\n }\n\n // Capture animation state\n function capture() {\n dragOverEvent('dragOverAnimationCapture');\n _this.captureAnimationState();\n if (_this !== fromSortable) {\n fromSortable.captureAnimationState();\n }\n }\n\n // Return invocation when dragEl is inserted (or completed)\n function completed(insertion) {\n dragOverEvent('dragOverCompleted', {\n insertion: insertion\n });\n if (insertion) {\n // Clones must be hidden before folding animation to capture dragRectAbsolute properly\n if (isOwner) {\n activeSortable._hideClone();\n } else {\n activeSortable._showClone(_this);\n }\n if (_this !== fromSortable) {\n // Set ghost class to new sortable's ghost class\n toggleClass(dragEl, putSortable ? putSortable.options.ghostClass : activeSortable.options.ghostClass, false);\n toggleClass(dragEl, options.ghostClass, true);\n }\n if (putSortable !== _this && _this !== Sortable.active) {\n putSortable = _this;\n } else if (_this === Sortable.active && putSortable) {\n putSortable = null;\n }\n\n // Animation\n if (fromSortable === _this) {\n _this._ignoreWhileAnimating = target;\n }\n _this.animateAll(function () {\n dragOverEvent('dragOverAnimationComplete');\n _this._ignoreWhileAnimating = null;\n });\n if (_this !== fromSortable) {\n fromSortable.animateAll();\n fromSortable._ignoreWhileAnimating = null;\n }\n }\n\n // Null lastTarget if it is not inside a previously swapped element\n if (target === dragEl && !dragEl.animated || target === el && !target.animated) {\n lastTarget = null;\n }\n\n // no bubbling and not fallback\n if (!options.dragoverBubble && !evt.rootEl && target !== document) {\n dragEl.parentNode[expando]._isOutsideThisEl(evt.target);\n\n // Do not detect for empty insert if already inserted\n !insertion && nearestEmptyInsertDetectEvent(evt);\n }\n !options.dragoverBubble && evt.stopPropagation && evt.stopPropagation();\n return completedFired = true;\n }\n\n // Call when dragEl has been inserted\n function changed() {\n newIndex = index(dragEl);\n newDraggableIndex = index(dragEl, options.draggable);\n _dispatchEvent({\n sortable: _this,\n name: 'change',\n toEl: el,\n newIndex: newIndex,\n newDraggableIndex: newDraggableIndex,\n originalEvent: evt\n });\n }\n if (evt.preventDefault !== void 0) {\n evt.cancelable && evt.preventDefault();\n }\n target = closest(target, options.draggable, el, true);\n dragOverEvent('dragOver');\n if (Sortable.eventCanceled) return completedFired;\n if (dragEl.contains(evt.target) || target.animated && target.animatingX && target.animatingY || _this._ignoreWhileAnimating === target) {\n return completed(false);\n }\n ignoreNextClick = false;\n if (activeSortable && !options.disabled && (isOwner ? canSort || (revert = parentEl !== rootEl) // Reverting item into the original list\n : putSortable === this || (this.lastPutMode = activeGroup.checkPull(this, activeSortable, dragEl, evt)) && group.checkPut(this, activeSortable, dragEl, evt))) {\n vertical = this._getDirection(evt, target) === 'vertical';\n dragRect = getRect(dragEl);\n dragOverEvent('dragOverValid');\n if (Sortable.eventCanceled) return completedFired;\n if (revert) {\n parentEl = rootEl; // actualization\n capture();\n this._hideClone();\n dragOverEvent('revert');\n if (!Sortable.eventCanceled) {\n if (nextEl) {\n rootEl.insertBefore(dragEl, nextEl);\n } else {\n rootEl.appendChild(dragEl);\n }\n }\n return completed(true);\n }\n var elLastChild = lastChild(el, options.draggable);\n if (!elLastChild || _ghostIsLast(evt, vertical, this) && !elLastChild.animated) {\n // Insert to end of list\n\n // If already at end of list: Do not insert\n if (elLastChild === dragEl) {\n return completed(false);\n }\n\n // if there is a last element, it is the target\n if (elLastChild && el === evt.target) {\n target = elLastChild;\n }\n if (target) {\n targetRect = getRect(target);\n }\n if (_onMove(rootEl, el, dragEl, dragRect, target, targetRect, evt, !!target) !== false) {\n capture();\n if (elLastChild && elLastChild.nextSibling) {\n // the last draggable element is not the last node\n el.insertBefore(dragEl, elLastChild.nextSibling);\n } else {\n el.appendChild(dragEl);\n }\n parentEl = el; // actualization\n\n changed();\n return completed(true);\n }\n } else if (elLastChild && _ghostIsFirst(evt, vertical, this)) {\n // Insert to start of list\n var firstChild = getChild(el, 0, options, true);\n if (firstChild === dragEl) {\n return completed(false);\n }\n target = firstChild;\n targetRect = getRect(target);\n if (_onMove(rootEl, el, dragEl, dragRect, target, targetRect, evt, false) !== false) {\n capture();\n el.insertBefore(dragEl, firstChild);\n parentEl = el; // actualization\n\n changed();\n return completed(true);\n }\n } else if (target.parentNode === el) {\n targetRect = getRect(target);\n var direction = 0,\n targetBeforeFirstSwap,\n differentLevel = dragEl.parentNode !== el,\n differentRowCol = !_dragElInRowColumn(dragEl.animated && dragEl.toRect || dragRect, target.animated && target.toRect || targetRect, vertical),\n side1 = vertical ? 'top' : 'left',\n scrolledPastTop = isScrolledPast(target, 'top', 'top') || isScrolledPast(dragEl, 'top', 'top'),\n scrollBefore = scrolledPastTop ? scrolledPastTop.scrollTop : void 0;\n if (lastTarget !== target) {\n targetBeforeFirstSwap = targetRect[side1];\n pastFirstInvertThresh = false;\n isCircumstantialInvert = !differentRowCol && options.invertSwap || differentLevel;\n }\n direction = _getSwapDirection(evt, target, targetRect, vertical, differentRowCol ? 1 : options.swapThreshold, options.invertedSwapThreshold == null ? options.swapThreshold : options.invertedSwapThreshold, isCircumstantialInvert, lastTarget === target);\n var sibling;\n if (direction !== 0) {\n // Check if target is beside dragEl in respective direction (ignoring hidden elements)\n var dragIndex = index(dragEl);\n do {\n dragIndex -= direction;\n sibling = parentEl.children[dragIndex];\n } while (sibling && (css(sibling, 'display') === 'none' || sibling === ghostEl));\n }\n // If dragEl is already beside target: Do not insert\n if (direction === 0 || sibling === target) {\n return completed(false);\n }\n lastTarget = target;\n lastDirection = direction;\n var nextSibling = target.nextElementSibling,\n after = false;\n after = direction === 1;\n var moveVector = _onMove(rootEl, el, dragEl, dragRect, target, targetRect, evt, after);\n if (moveVector !== false) {\n if (moveVector === 1 || moveVector === -1) {\n after = moveVector === 1;\n }\n _silent = true;\n setTimeout(_unsilent, 30);\n capture();\n if (after && !nextSibling) {\n el.appendChild(dragEl);\n } else {\n target.parentNode.insertBefore(dragEl, after ? nextSibling : target);\n }\n\n // Undo chrome's scroll adjustment (has no effect on other browsers)\n if (scrolledPastTop) {\n scrollBy(scrolledPastTop, 0, scrollBefore - scrolledPastTop.scrollTop);\n }\n parentEl = dragEl.parentNode; // actualization\n\n // must be done before animation\n if (targetBeforeFirstSwap !== undefined && !isCircumstantialInvert) {\n targetMoveDistance = Math.abs(targetBeforeFirstSwap - getRect(target)[side1]);\n }\n changed();\n return completed(true);\n }\n }\n if (el.contains(dragEl)) {\n return completed(false);\n }\n }\n return false;\n },\n _ignoreWhileAnimating: null,\n _offMoveEvents: function _offMoveEvents() {\n off(document, 'mousemove', this._onTouchMove);\n off(document, 'touchmove', this._onTouchMove);\n off(document, 'pointermove', this._onTouchMove);\n off(document, 'dragover', nearestEmptyInsertDetectEvent);\n off(document, 'mousemove', nearestEmptyInsertDetectEvent);\n off(document, 'touchmove', nearestEmptyInsertDetectEvent);\n },\n _offUpEvents: function _offUpEvents() {\n var ownerDocument = this.el.ownerDocument;\n off(ownerDocument, 'mouseup', this._onDrop);\n off(ownerDocument, 'touchend', this._onDrop);\n off(ownerDocument, 'pointerup', this._onDrop);\n off(ownerDocument, 'touchcancel', this._onDrop);\n off(document, 'selectstart', this);\n },\n _onDrop: function _onDrop( /**Event*/evt) {\n var el = this.el,\n options = this.options;\n\n // Get the index of the dragged element within its parent\n newIndex = index(dragEl);\n newDraggableIndex = index(dragEl, options.draggable);\n pluginEvent('drop', this, {\n evt: evt\n });\n parentEl = dragEl && dragEl.parentNode;\n\n // Get again after plugin event\n newIndex = index(dragEl);\n newDraggableIndex = index(dragEl, options.draggable);\n if (Sortable.eventCanceled) {\n this._nulling();\n return;\n }\n awaitingDragStarted = false;\n isCircumstantialInvert = false;\n pastFirstInvertThresh = false;\n clearInterval(this._loopId);\n clearTimeout(this._dragStartTimer);\n _cancelNextTick(this.cloneId);\n _cancelNextTick(this._dragStartId);\n\n // Unbind events\n if (this.nativeDraggable) {\n off(document, 'drop', this);\n off(el, 'dragstart', this._onDragStart);\n }\n this._offMoveEvents();\n this._offUpEvents();\n if (Safari) {\n css(document.body, 'user-select', '');\n }\n css(dragEl, 'transform', '');\n if (evt) {\n if (moved) {\n evt.cancelable && evt.preventDefault();\n !options.dropBubble && evt.stopPropagation();\n }\n ghostEl && ghostEl.parentNode && ghostEl.parentNode.removeChild(ghostEl);\n if (rootEl === parentEl || putSortable && putSortable.lastPutMode !== 'clone') {\n // Remove clone(s)\n cloneEl && cloneEl.parentNode && cloneEl.parentNode.removeChild(cloneEl);\n }\n if (dragEl) {\n if (this.nativeDraggable) {\n off(dragEl, 'dragend', this);\n }\n _disableDraggable(dragEl);\n dragEl.style['will-change'] = '';\n\n // Remove classes\n // ghostClass is added in dragStarted\n if (moved && !awaitingDragStarted) {\n toggleClass(dragEl, putSortable ? putSortable.options.ghostClass : this.options.ghostClass, false);\n }\n toggleClass(dragEl, this.options.chosenClass, false);\n\n // Drag stop event\n _dispatchEvent({\n sortable: this,\n name: 'unchoose',\n toEl: parentEl,\n newIndex: null,\n newDraggableIndex: null,\n originalEvent: evt\n });\n if (rootEl !== parentEl) {\n if (newIndex >= 0) {\n // Add event\n _dispatchEvent({\n rootEl: parentEl,\n name: 'add',\n toEl: parentEl,\n fromEl: rootEl,\n originalEvent: evt\n });\n\n // Remove event\n _dispatchEvent({\n sortable: this,\n name: 'remove',\n toEl: parentEl,\n originalEvent: evt\n });\n\n // drag from one list and drop into another\n _dispatchEvent({\n rootEl: parentEl,\n name: 'sort',\n toEl: parentEl,\n fromEl: rootEl,\n originalEvent: evt\n });\n _dispatchEvent({\n sortable: this,\n name: 'sort',\n toEl: parentEl,\n originalEvent: evt\n });\n }\n putSortable && putSortable.save();\n } else {\n if (newIndex !== oldIndex) {\n if (newIndex >= 0) {\n // drag & drop within the same list\n _dispatchEvent({\n sortable: this,\n name: 'update',\n toEl: parentEl,\n originalEvent: evt\n });\n _dispatchEvent({\n sortable: this,\n name: 'sort',\n toEl: parentEl,\n originalEvent: evt\n });\n }\n }\n }\n if (Sortable.active) {\n /* jshint eqnull:true */\n if (newIndex == null || newIndex === -1) {\n newIndex = oldIndex;\n newDraggableIndex = oldDraggableIndex;\n }\n _dispatchEvent({\n sortable: this,\n name: 'end',\n toEl: parentEl,\n originalEvent: evt\n });\n\n // Save sorting\n this.save();\n }\n }\n }\n this._nulling();\n },\n _nulling: function _nulling() {\n pluginEvent('nulling', this);\n rootEl = dragEl = parentEl = ghostEl = nextEl = cloneEl = lastDownEl = cloneHidden = tapEvt = touchEvt = moved = newIndex = newDraggableIndex = oldIndex = oldDraggableIndex = lastTarget = lastDirection = putSortable = activeGroup = Sortable.dragged = Sortable.ghost = Sortable.clone = Sortable.active = null;\n savedInputChecked.forEach(function (el) {\n el.checked = true;\n });\n savedInputChecked.length = lastDx = lastDy = 0;\n },\n handleEvent: function handleEvent( /**Event*/evt) {\n switch (evt.type) {\n case 'drop':\n case 'dragend':\n this._onDrop(evt);\n break;\n case 'dragenter':\n case 'dragover':\n if (dragEl) {\n this._onDragOver(evt);\n _globalDragOver(evt);\n }\n break;\n case 'selectstart':\n evt.preventDefault();\n break;\n }\n },\n /**\r\n * Serializes the item into an array of string.\r\n * @returns {String[]}\r\n */\n toArray: function toArray() {\n var order = [],\n el,\n children = this.el.children,\n i = 0,\n n = children.length,\n options = this.options;\n for (; i < n; i++) {\n el = children[i];\n if (closest(el, options.draggable, this.el, false)) {\n order.push(el.getAttribute(options.dataIdAttr) || _generateId(el));\n }\n }\n return order;\n },\n /**\r\n * Sorts the elements according to the array.\r\n * @param {String[]} order order of the items\r\n */\n sort: function sort(order, useAnimation) {\n var items = {},\n rootEl = this.el;\n this.toArray().forEach(function (id, i) {\n var el = rootEl.children[i];\n if (closest(el, this.options.draggable, rootEl, false)) {\n items[id] = el;\n }\n }, this);\n useAnimation && this.captureAnimationState();\n order.forEach(function (id) {\n if (items[id]) {\n rootEl.removeChild(items[id]);\n rootEl.appendChild(items[id]);\n }\n });\n useAnimation && this.animateAll();\n },\n /**\r\n * Save the current sorting\r\n */\n save: function save() {\n var store = this.options.store;\n store && store.set && store.set(this);\n },\n /**\r\n * For each element in the set, get the first element that matches the selector by testing the element itself and traversing up through its ancestors in the DOM tree.\r\n * @param {HTMLElement} el\r\n * @param {String} [selector] default: `options.draggable`\r\n * @returns {HTMLElement|null}\r\n */\n closest: function closest$1(el, selector) {\n return closest(el, selector || this.options.draggable, this.el, false);\n },\n /**\r\n * Set/get option\r\n * @param {string} name\r\n * @param {*} [value]\r\n * @returns {*}\r\n */\n option: function option(name, value) {\n var options = this.options;\n if (value === void 0) {\n return options[name];\n } else {\n var modifiedValue = PluginManager.modifyOption(this, name, value);\n if (typeof modifiedValue !== 'undefined') {\n options[name] = modifiedValue;\n } else {\n options[name] = value;\n }\n if (name === 'group') {\n _prepareGroup(options);\n }\n }\n },\n /**\r\n * Destroy\r\n */\n destroy: function destroy() {\n pluginEvent('destroy', this);\n var el = this.el;\n el[expando] = null;\n off(el, 'mousedown', this._onTapStart);\n off(el, 'touchstart', this._onTapStart);\n off(el, 'pointerdown', this._onTapStart);\n if (this.nativeDraggable) {\n off(el, 'dragover', this);\n off(el, 'dragenter', this);\n }\n // Remove draggable attributes\n Array.prototype.forEach.call(el.querySelectorAll('[draggable]'), function (el) {\n el.removeAttribute('draggable');\n });\n this._onDrop();\n this._disableDelayedDragEvents();\n sortables.splice(sortables.indexOf(this.el), 1);\n this.el = el = null;\n },\n _hideClone: function _hideClone() {\n if (!cloneHidden) {\n pluginEvent('hideClone', this);\n if (Sortable.eventCanceled) return;\n css(cloneEl, 'display', 'none');\n if (this.options.removeCloneOnHide && cloneEl.parentNode) {\n cloneEl.parentNode.removeChild(cloneEl);\n }\n cloneHidden = true;\n }\n },\n _showClone: function _showClone(putSortable) {\n if (putSortable.lastPutMode !== 'clone') {\n this._hideClone();\n return;\n }\n if (cloneHidden) {\n pluginEvent('showClone', this);\n if (Sortable.eventCanceled) return;\n\n // show clone at dragEl or original position\n if (dragEl.parentNode == rootEl && !this.options.group.revertClone) {\n rootEl.insertBefore(cloneEl, dragEl);\n } else if (nextEl) {\n rootEl.insertBefore(cloneEl, nextEl);\n } else {\n rootEl.appendChild(cloneEl);\n }\n if (this.options.group.revertClone) {\n this.animate(dragEl, cloneEl);\n }\n css(cloneEl, 'display', '');\n cloneHidden = false;\n }\n }\n};\nfunction _globalDragOver( /**Event*/evt) {\n if (evt.dataTransfer) {\n evt.dataTransfer.dropEffect = 'move';\n }\n evt.cancelable && evt.preventDefault();\n}\nfunction _onMove(fromEl, toEl, dragEl, dragRect, targetEl, targetRect, originalEvent, willInsertAfter) {\n var evt,\n sortable = fromEl[expando],\n onMoveFn = sortable.options.onMove,\n retVal;\n // Support for new CustomEvent feature\n if (window.CustomEvent && !IE11OrLess && !Edge) {\n evt = new CustomEvent('move', {\n bubbles: true,\n cancelable: true\n });\n } else {\n evt = document.createEvent('Event');\n evt.initEvent('move', true, true);\n }\n evt.to = toEl;\n evt.from = fromEl;\n evt.dragged = dragEl;\n evt.draggedRect = dragRect;\n evt.related = targetEl || toEl;\n evt.relatedRect = targetRect || getRect(toEl);\n evt.willInsertAfter = willInsertAfter;\n evt.originalEvent = originalEvent;\n fromEl.dispatchEvent(evt);\n if (onMoveFn) {\n retVal = onMoveFn.call(sortable, evt, originalEvent);\n }\n return retVal;\n}\nfunction _disableDraggable(el) {\n el.draggable = false;\n}\nfunction _unsilent() {\n _silent = false;\n}\nfunction _ghostIsFirst(evt, vertical, sortable) {\n var firstElRect = getRect(getChild(sortable.el, 0, sortable.options, true));\n var childContainingRect = getChildContainingRectFromElement(sortable.el, sortable.options, ghostEl);\n var spacer = 10;\n return vertical ? evt.clientX < childContainingRect.left - spacer || evt.clientY < firstElRect.top && evt.clientX < firstElRect.right : evt.clientY < childContainingRect.top - spacer || evt.clientY < firstElRect.bottom && evt.clientX < firstElRect.left;\n}\nfunction _ghostIsLast(evt, vertical, sortable) {\n var lastElRect = getRect(lastChild(sortable.el, sortable.options.draggable));\n var childContainingRect = getChildContainingRectFromElement(sortable.el, sortable.options, ghostEl);\n var spacer = 10;\n return vertical ? evt.clientX > childContainingRect.right + spacer || evt.clientY > lastElRect.bottom && evt.clientX > lastElRect.left : evt.clientY > childContainingRect.bottom + spacer || evt.clientX > lastElRect.right && evt.clientY > lastElRect.top;\n}\nfunction _getSwapDirection(evt, target, targetRect, vertical, swapThreshold, invertedSwapThreshold, invertSwap, isLastTarget) {\n var mouseOnAxis = vertical ? evt.clientY : evt.clientX,\n targetLength = vertical ? targetRect.height : targetRect.width,\n targetS1 = vertical ? targetRect.top : targetRect.left,\n targetS2 = vertical ? targetRect.bottom : targetRect.right,\n invert = false;\n if (!invertSwap) {\n // Never invert or create dragEl shadow when target movemenet causes mouse to move past the end of regular swapThreshold\n if (isLastTarget && targetMoveDistance < targetLength * swapThreshold) {\n // multiplied only by swapThreshold because mouse will already be inside target by (1 - threshold) * targetLength / 2\n // check if past first invert threshold on side opposite of lastDirection\n if (!pastFirstInvertThresh && (lastDirection === 1 ? mouseOnAxis > targetS1 + targetLength * invertedSwapThreshold / 2 : mouseOnAxis < targetS2 - targetLength * invertedSwapThreshold / 2)) {\n // past first invert threshold, do not restrict inverted threshold to dragEl shadow\n pastFirstInvertThresh = true;\n }\n if (!pastFirstInvertThresh) {\n // dragEl shadow (target move distance shadow)\n if (lastDirection === 1 ? mouseOnAxis < targetS1 + targetMoveDistance // over dragEl shadow\n : mouseOnAxis > targetS2 - targetMoveDistance) {\n return -lastDirection;\n }\n } else {\n invert = true;\n }\n } else {\n // Regular\n if (mouseOnAxis > targetS1 + targetLength * (1 - swapThreshold) / 2 && mouseOnAxis < targetS2 - targetLength * (1 - swapThreshold) / 2) {\n return _getInsertDirection(target);\n }\n }\n }\n invert = invert || invertSwap;\n if (invert) {\n // Invert of regular\n if (mouseOnAxis < targetS1 + targetLength * invertedSwapThreshold / 2 || mouseOnAxis > targetS2 - targetLength * invertedSwapThreshold / 2) {\n return mouseOnAxis > targetS1 + targetLength / 2 ? 1 : -1;\n }\n }\n return 0;\n}\n\n/**\r\n * Gets the direction dragEl must be swapped relative to target in order to make it\r\n * seem that dragEl has been \"inserted\" into that element's position\r\n * @param {HTMLElement} target The target whose position dragEl is being inserted at\r\n * @return {Number} Direction dragEl must be swapped\r\n */\nfunction _getInsertDirection(target) {\n if (index(dragEl) < index(target)) {\n return 1;\n } else {\n return -1;\n }\n}\n\n/**\r\n * Generate id\r\n * @param {HTMLElement} el\r\n * @returns {String}\r\n * @private\r\n */\nfunction _generateId(el) {\n var str = el.tagName + el.className + el.src + el.href + el.textContent,\n i = str.length,\n sum = 0;\n while (i--) {\n sum += str.charCodeAt(i);\n }\n return sum.toString(36);\n}\nfunction _saveInputCheckedState(root) {\n savedInputChecked.length = 0;\n var inputs = root.getElementsByTagName('input');\n var idx = inputs.length;\n while (idx--) {\n var el = inputs[idx];\n el.checked && savedInputChecked.push(el);\n }\n}\nfunction _nextTick(fn) {\n return setTimeout(fn, 0);\n}\nfunction _cancelNextTick(id) {\n return clearTimeout(id);\n}\n\n// Fixed #973:\nif (documentExists) {\n on(document, 'touchmove', function (evt) {\n if ((Sortable.active || awaitingDragStarted) && evt.cancelable) {\n evt.preventDefault();\n }\n });\n}\n\n// Export utils\nSortable.utils = {\n on: on,\n off: off,\n css: css,\n find: find,\n is: function is(el, selector) {\n return !!closest(el, selector, el, false);\n },\n extend: extend,\n throttle: throttle,\n closest: closest,\n toggleClass: toggleClass,\n clone: clone,\n index: index,\n nextTick: _nextTick,\n cancelNextTick: _cancelNextTick,\n detectDirection: _detectDirection,\n getChild: getChild\n};\n\n/**\r\n * Get the Sortable instance of an element\r\n * @param {HTMLElement} element The element\r\n * @return {Sortable|undefined} The instance of Sortable\r\n */\nSortable.get = function (element) {\n return element[expando];\n};\n\n/**\r\n * Mount a plugin to Sortable\r\n * @param {...SortablePlugin|SortablePlugin[]} plugins Plugins being mounted\r\n */\nSortable.mount = function () {\n for (var _len = arguments.length, plugins = new Array(_len), _key = 0; _key < _len; _key++) {\n plugins[_key] = arguments[_key];\n }\n if (plugins[0].constructor === Array) plugins = plugins[0];\n plugins.forEach(function (plugin) {\n if (!plugin.prototype || !plugin.prototype.constructor) {\n throw \"Sortable: Mounted plugin must be a constructor function, not \".concat({}.toString.call(plugin));\n }\n if (plugin.utils) Sortable.utils = _objectSpread2(_objectSpread2({}, Sortable.utils), plugin.utils);\n PluginManager.mount(plugin);\n });\n};\n\n/**\r\n * Create sortable instance\r\n * @param {HTMLElement} el\r\n * @param {Object} [options]\r\n */\nSortable.create = function (el, options) {\n return new Sortable(el, options);\n};\n\n// Export\nSortable.version = version;\n\nvar autoScrolls = [],\n scrollEl,\n scrollRootEl,\n scrolling = false,\n lastAutoScrollX,\n lastAutoScrollY,\n touchEvt$1,\n pointerElemChangedInterval;\nfunction AutoScrollPlugin() {\n function AutoScroll() {\n this.defaults = {\n scroll: true,\n forceAutoScrollFallback: false,\n scrollSensitivity: 30,\n scrollSpeed: 10,\n bubbleScroll: true\n };\n\n // Bind all private methods\n for (var fn in this) {\n if (fn.charAt(0) === '_' && typeof this[fn] === 'function') {\n this[fn] = this[fn].bind(this);\n }\n }\n }\n AutoScroll.prototype = {\n dragStarted: function dragStarted(_ref) {\n var originalEvent = _ref.originalEvent;\n if (this.sortable.nativeDraggable) {\n on(document, 'dragover', this._handleAutoScroll);\n } else {\n if (this.options.supportPointer) {\n on(document, 'pointermove', this._handleFallbackAutoScroll);\n } else if (originalEvent.touches) {\n on(document, 'touchmove', this._handleFallbackAutoScroll);\n } else {\n on(document, 'mousemove', this._handleFallbackAutoScroll);\n }\n }\n },\n dragOverCompleted: function dragOverCompleted(_ref2) {\n var originalEvent = _ref2.originalEvent;\n // For when bubbling is canceled and using fallback (fallback 'touchmove' always reached)\n if (!this.options.dragOverBubble && !originalEvent.rootEl) {\n this._handleAutoScroll(originalEvent);\n }\n },\n drop: function drop() {\n if (this.sortable.nativeDraggable) {\n off(document, 'dragover', this._handleAutoScroll);\n } else {\n off(document, 'pointermove', this._handleFallbackAutoScroll);\n off(document, 'touchmove', this._handleFallbackAutoScroll);\n off(document, 'mousemove', this._handleFallbackAutoScroll);\n }\n clearPointerElemChangedInterval();\n clearAutoScrolls();\n cancelThrottle();\n },\n nulling: function nulling() {\n touchEvt$1 = scrollRootEl = scrollEl = scrolling = pointerElemChangedInterval = lastAutoScrollX = lastAutoScrollY = null;\n autoScrolls.length = 0;\n },\n _handleFallbackAutoScroll: function _handleFallbackAutoScroll(evt) {\n this._handleAutoScroll(evt, true);\n },\n _handleAutoScroll: function _handleAutoScroll(evt, fallback) {\n var _this = this;\n var x = (evt.touches ? evt.touches[0] : evt).clientX,\n y = (evt.touches ? evt.touches[0] : evt).clientY,\n elem = document.elementFromPoint(x, y);\n touchEvt$1 = evt;\n\n // IE does not seem to have native autoscroll,\n // Edge's autoscroll seems too conditional,\n // MACOS Safari does not have autoscroll,\n // Firefox and Chrome are good\n if (fallback || this.options.forceAutoScrollFallback || Edge || IE11OrLess || Safari) {\n autoScroll(evt, this.options, elem, fallback);\n\n // Listener for pointer element change\n var ogElemScroller = getParentAutoScrollElement(elem, true);\n if (scrolling && (!pointerElemChangedInterval || x !== lastAutoScrollX || y !== lastAutoScrollY)) {\n pointerElemChangedInterval && clearPointerElemChangedInterval();\n // Detect for pointer elem change, emulating native DnD behaviour\n pointerElemChangedInterval = setInterval(function () {\n var newElem = getParentAutoScrollElement(document.elementFromPoint(x, y), true);\n if (newElem !== ogElemScroller) {\n ogElemScroller = newElem;\n clearAutoScrolls();\n }\n autoScroll(evt, _this.options, newElem, fallback);\n }, 10);\n lastAutoScrollX = x;\n lastAutoScrollY = y;\n }\n } else {\n // if DnD is enabled (and browser has good autoscrolling), first autoscroll will already scroll, so get parent autoscroll of first autoscroll\n if (!this.options.bubbleScroll || getParentAutoScrollElement(elem, true) === getWindowScrollingElement()) {\n clearAutoScrolls();\n return;\n }\n autoScroll(evt, this.options, getParentAutoScrollElement(elem, false), false);\n }\n }\n };\n return _extends(AutoScroll, {\n pluginName: 'scroll',\n initializeByDefault: true\n });\n}\nfunction clearAutoScrolls() {\n autoScrolls.forEach(function (autoScroll) {\n clearInterval(autoScroll.pid);\n });\n autoScrolls = [];\n}\nfunction clearPointerElemChangedInterval() {\n clearInterval(pointerElemChangedInterval);\n}\nvar autoScroll = throttle(function (evt, options, rootEl, isFallback) {\n // Bug: https://bugzilla.mozilla.org/show_bug.cgi?id=505521\n if (!options.scroll) return;\n var x = (evt.touches ? evt.touches[0] : evt).clientX,\n y = (evt.touches ? evt.touches[0] : evt).clientY,\n sens = options.scrollSensitivity,\n speed = options.scrollSpeed,\n winScroller = getWindowScrollingElement();\n var scrollThisInstance = false,\n scrollCustomFn;\n\n // New scroll root, set scrollEl\n if (scrollRootEl !== rootEl) {\n scrollRootEl = rootEl;\n clearAutoScrolls();\n scrollEl = options.scroll;\n scrollCustomFn = options.scrollFn;\n if (scrollEl === true) {\n scrollEl = getParentAutoScrollElement(rootEl, true);\n }\n }\n var layersOut = 0;\n var currentParent = scrollEl;\n do {\n var el = currentParent,\n rect = getRect(el),\n top = rect.top,\n bottom = rect.bottom,\n left = rect.left,\n right = rect.right,\n width = rect.width,\n height = rect.height,\n canScrollX = void 0,\n canScrollY = void 0,\n scrollWidth = el.scrollWidth,\n scrollHeight = el.scrollHeight,\n elCSS = css(el),\n scrollPosX = el.scrollLeft,\n scrollPosY = el.scrollTop;\n if (el === winScroller) {\n canScrollX = width < scrollWidth && (elCSS.overflowX === 'auto' || elCSS.overflowX === 'scroll' || elCSS.overflowX === 'visible');\n canScrollY = height < scrollHeight && (elCSS.overflowY === 'auto' || elCSS.overflowY === 'scroll' || elCSS.overflowY === 'visible');\n } else {\n canScrollX = width < scrollWidth && (elCSS.overflowX === 'auto' || elCSS.overflowX === 'scroll');\n canScrollY = height < scrollHeight && (elCSS.overflowY === 'auto' || elCSS.overflowY === 'scroll');\n }\n var vx = canScrollX && (Math.abs(right - x) <= sens && scrollPosX + width < scrollWidth) - (Math.abs(left - x) <= sens && !!scrollPosX);\n var vy = canScrollY && (Math.abs(bottom - y) <= sens && scrollPosY + height < scrollHeight) - (Math.abs(top - y) <= sens && !!scrollPosY);\n if (!autoScrolls[layersOut]) {\n for (var i = 0; i <= layersOut; i++) {\n if (!autoScrolls[i]) {\n autoScrolls[i] = {};\n }\n }\n }\n if (autoScrolls[layersOut].vx != vx || autoScrolls[layersOut].vy != vy || autoScrolls[layersOut].el !== el) {\n autoScrolls[layersOut].el = el;\n autoScrolls[layersOut].vx = vx;\n autoScrolls[layersOut].vy = vy;\n clearInterval(autoScrolls[layersOut].pid);\n if (vx != 0 || vy != 0) {\n scrollThisInstance = true;\n /* jshint loopfunc:true */\n autoScrolls[layersOut].pid = setInterval(function () {\n // emulate drag over during autoscroll (fallback), emulating native DnD behaviour\n if (isFallback && this.layer === 0) {\n Sortable.active._onTouchMove(touchEvt$1); // To move ghost if it is positioned absolutely\n }\n var scrollOffsetY = autoScrolls[this.layer].vy ? autoScrolls[this.layer].vy * speed : 0;\n var scrollOffsetX = autoScrolls[this.layer].vx ? autoScrolls[this.layer].vx * speed : 0;\n if (typeof scrollCustomFn === 'function') {\n if (scrollCustomFn.call(Sortable.dragged.parentNode[expando], scrollOffsetX, scrollOffsetY, evt, touchEvt$1, autoScrolls[this.layer].el) !== 'continue') {\n return;\n }\n }\n scrollBy(autoScrolls[this.layer].el, scrollOffsetX, scrollOffsetY);\n }.bind({\n layer: layersOut\n }), 24);\n }\n }\n layersOut++;\n } while (options.bubbleScroll && currentParent !== winScroller && (currentParent = getParentAutoScrollElement(currentParent, false)));\n scrolling = scrollThisInstance; // in case another function catches scrolling as false in between when it is not\n}, 30);\n\nvar drop = function drop(_ref) {\n var originalEvent = _ref.originalEvent,\n putSortable = _ref.putSortable,\n dragEl = _ref.dragEl,\n activeSortable = _ref.activeSortable,\n dispatchSortableEvent = _ref.dispatchSortableEvent,\n hideGhostForTarget = _ref.hideGhostForTarget,\n unhideGhostForTarget = _ref.unhideGhostForTarget;\n if (!originalEvent) return;\n var toSortable = putSortable || activeSortable;\n hideGhostForTarget();\n var touch = originalEvent.changedTouches && originalEvent.changedTouches.length ? originalEvent.changedTouches[0] : originalEvent;\n var target = document.elementFromPoint(touch.clientX, touch.clientY);\n unhideGhostForTarget();\n if (toSortable && !toSortable.el.contains(target)) {\n dispatchSortableEvent('spill');\n this.onSpill({\n dragEl: dragEl,\n putSortable: putSortable\n });\n }\n};\nfunction Revert() {}\nRevert.prototype = {\n startIndex: null,\n dragStart: function dragStart(_ref2) {\n var oldDraggableIndex = _ref2.oldDraggableIndex;\n this.startIndex = oldDraggableIndex;\n },\n onSpill: function onSpill(_ref3) {\n var dragEl = _ref3.dragEl,\n putSortable = _ref3.putSortable;\n this.sortable.captureAnimationState();\n if (putSortable) {\n putSortable.captureAnimationState();\n }\n var nextSibling = getChild(this.sortable.el, this.startIndex, this.options);\n if (nextSibling) {\n this.sortable.el.insertBefore(dragEl, nextSibling);\n } else {\n this.sortable.el.appendChild(dragEl);\n }\n this.sortable.animateAll();\n if (putSortable) {\n putSortable.animateAll();\n }\n },\n drop: drop\n};\n_extends(Revert, {\n pluginName: 'revertOnSpill'\n});\nfunction Remove() {}\nRemove.prototype = {\n onSpill: function onSpill(_ref4) {\n var dragEl = _ref4.dragEl,\n putSortable = _ref4.putSortable;\n var parentSortable = putSortable || this.sortable;\n parentSortable.captureAnimationState();\n dragEl.parentNode && dragEl.parentNode.removeChild(dragEl);\n parentSortable.animateAll();\n },\n drop: drop\n};\n_extends(Remove, {\n pluginName: 'removeOnSpill'\n});\n\nvar lastSwapEl;\nfunction SwapPlugin() {\n function Swap() {\n this.defaults = {\n swapClass: 'sortable-swap-highlight'\n };\n }\n Swap.prototype = {\n dragStart: function dragStart(_ref) {\n var dragEl = _ref.dragEl;\n lastSwapEl = dragEl;\n },\n dragOverValid: function dragOverValid(_ref2) {\n var completed = _ref2.completed,\n target = _ref2.target,\n onMove = _ref2.onMove,\n activeSortable = _ref2.activeSortable,\n changed = _ref2.changed,\n cancel = _ref2.cancel;\n if (!activeSortable.options.swap) return;\n var el = this.sortable.el,\n options = this.options;\n if (target && target !== el) {\n var prevSwapEl = lastSwapEl;\n if (onMove(target) !== false) {\n toggleClass(target, options.swapClass, true);\n lastSwapEl = target;\n } else {\n lastSwapEl = null;\n }\n if (prevSwapEl && prevSwapEl !== lastSwapEl) {\n toggleClass(prevSwapEl, options.swapClass, false);\n }\n }\n changed();\n completed(true);\n cancel();\n },\n drop: function drop(_ref3) {\n var activeSortable = _ref3.activeSortable,\n putSortable = _ref3.putSortable,\n dragEl = _ref3.dragEl;\n var toSortable = putSortable || this.sortable;\n var options = this.options;\n lastSwapEl && toggleClass(lastSwapEl, options.swapClass, false);\n if (lastSwapEl && (options.swap || putSortable && putSortable.options.swap)) {\n if (dragEl !== lastSwapEl) {\n toSortable.captureAnimationState();\n if (toSortable !== activeSortable) activeSortable.captureAnimationState();\n swapNodes(dragEl, lastSwapEl);\n toSortable.animateAll();\n if (toSortable !== activeSortable) activeSortable.animateAll();\n }\n }\n },\n nulling: function nulling() {\n lastSwapEl = null;\n }\n };\n return _extends(Swap, {\n pluginName: 'swap',\n eventProperties: function eventProperties() {\n return {\n swapItem: lastSwapEl\n };\n }\n });\n}\nfunction swapNodes(n1, n2) {\n var p1 = n1.parentNode,\n p2 = n2.parentNode,\n i1,\n i2;\n if (!p1 || !p2 || p1.isEqualNode(n2) || p2.isEqualNode(n1)) return;\n i1 = index(n1);\n i2 = index(n2);\n if (p1.isEqualNode(p2) && i1 < i2) {\n i2++;\n }\n p1.insertBefore(n2, p1.children[i1]);\n p2.insertBefore(n1, p2.children[i2]);\n}\n\nvar multiDragElements = [],\n multiDragClones = [],\n lastMultiDragSelect,\n // for selection with modifier key down (SHIFT)\n multiDragSortable,\n initialFolding = false,\n // Initial multi-drag fold when drag started\n folding = false,\n // Folding any other time\n dragStarted = false,\n dragEl$1,\n clonesFromRect,\n clonesHidden;\nfunction MultiDragPlugin() {\n function MultiDrag(sortable) {\n // Bind all private methods\n for (var fn in this) {\n if (fn.charAt(0) === '_' && typeof this[fn] === 'function') {\n this[fn] = this[fn].bind(this);\n }\n }\n if (!sortable.options.avoidImplicitDeselect) {\n if (sortable.options.supportPointer) {\n on(document, 'pointerup', this._deselectMultiDrag);\n } else {\n on(document, 'mouseup', this._deselectMultiDrag);\n on(document, 'touchend', this._deselectMultiDrag);\n }\n }\n on(document, 'keydown', this._checkKeyDown);\n on(document, 'keyup', this._checkKeyUp);\n this.defaults = {\n selectedClass: 'sortable-selected',\n multiDragKey: null,\n avoidImplicitDeselect: false,\n setData: function setData(dataTransfer, dragEl) {\n var data = '';\n if (multiDragElements.length && multiDragSortable === sortable) {\n multiDragElements.forEach(function (multiDragElement, i) {\n data += (!i ? '' : ', ') + multiDragElement.textContent;\n });\n } else {\n data = dragEl.textContent;\n }\n dataTransfer.setData('Text', data);\n }\n };\n }\n MultiDrag.prototype = {\n multiDragKeyDown: false,\n isMultiDrag: false,\n delayStartGlobal: function delayStartGlobal(_ref) {\n var dragged = _ref.dragEl;\n dragEl$1 = dragged;\n },\n delayEnded: function delayEnded() {\n this.isMultiDrag = ~multiDragElements.indexOf(dragEl$1);\n },\n setupClone: function setupClone(_ref2) {\n var sortable = _ref2.sortable,\n cancel = _ref2.cancel;\n if (!this.isMultiDrag) return;\n for (var i = 0; i < multiDragElements.length; i++) {\n multiDragClones.push(clone(multiDragElements[i]));\n multiDragClones[i].sortableIndex = multiDragElements[i].sortableIndex;\n multiDragClones[i].draggable = false;\n multiDragClones[i].style['will-change'] = '';\n toggleClass(multiDragClones[i], this.options.selectedClass, false);\n multiDragElements[i] === dragEl$1 && toggleClass(multiDragClones[i], this.options.chosenClass, false);\n }\n sortable._hideClone();\n cancel();\n },\n clone: function clone(_ref3) {\n var sortable = _ref3.sortable,\n rootEl = _ref3.rootEl,\n dispatchSortableEvent = _ref3.dispatchSortableEvent,\n cancel = _ref3.cancel;\n if (!this.isMultiDrag) return;\n if (!this.options.removeCloneOnHide) {\n if (multiDragElements.length && multiDragSortable === sortable) {\n insertMultiDragClones(true, rootEl);\n dispatchSortableEvent('clone');\n cancel();\n }\n }\n },\n showClone: function showClone(_ref4) {\n var cloneNowShown = _ref4.cloneNowShown,\n rootEl = _ref4.rootEl,\n cancel = _ref4.cancel;\n if (!this.isMultiDrag) return;\n insertMultiDragClones(false, rootEl);\n multiDragClones.forEach(function (clone) {\n css(clone, 'display', '');\n });\n cloneNowShown();\n clonesHidden = false;\n cancel();\n },\n hideClone: function hideClone(_ref5) {\n var _this = this;\n var sortable = _ref5.sortable,\n cloneNowHidden = _ref5.cloneNowHidden,\n cancel = _ref5.cancel;\n if (!this.isMultiDrag) return;\n multiDragClones.forEach(function (clone) {\n css(clone, 'display', 'none');\n if (_this.options.removeCloneOnHide && clone.parentNode) {\n clone.parentNode.removeChild(clone);\n }\n });\n cloneNowHidden();\n clonesHidden = true;\n cancel();\n },\n dragStartGlobal: function dragStartGlobal(_ref6) {\n var sortable = _ref6.sortable;\n if (!this.isMultiDrag && multiDragSortable) {\n multiDragSortable.multiDrag._deselectMultiDrag();\n }\n multiDragElements.forEach(function (multiDragElement) {\n multiDragElement.sortableIndex = index(multiDragElement);\n });\n\n // Sort multi-drag elements\n multiDragElements = multiDragElements.sort(function (a, b) {\n return a.sortableIndex - b.sortableIndex;\n });\n dragStarted = true;\n },\n dragStarted: function dragStarted(_ref7) {\n var _this2 = this;\n var sortable = _ref7.sortable;\n if (!this.isMultiDrag) return;\n if (this.options.sort) {\n // Capture rects,\n // hide multi drag elements (by positioning them absolute),\n // set multi drag elements rects to dragRect,\n // show multi drag elements,\n // animate to rects,\n // unset rects & remove from DOM\n\n sortable.captureAnimationState();\n if (this.options.animation) {\n multiDragElements.forEach(function (multiDragElement) {\n if (multiDragElement === dragEl$1) return;\n css(multiDragElement, 'position', 'absolute');\n });\n var dragRect = getRect(dragEl$1, false, true, true);\n multiDragElements.forEach(function (multiDragElement) {\n if (multiDragElement === dragEl$1) return;\n setRect(multiDragElement, dragRect);\n });\n folding = true;\n initialFolding = true;\n }\n }\n sortable.animateAll(function () {\n folding = false;\n initialFolding = false;\n if (_this2.options.animation) {\n multiDragElements.forEach(function (multiDragElement) {\n unsetRect(multiDragElement);\n });\n }\n\n // Remove all auxiliary multidrag items from el, if sorting enabled\n if (_this2.options.sort) {\n removeMultiDragElements();\n }\n });\n },\n dragOver: function dragOver(_ref8) {\n var target = _ref8.target,\n completed = _ref8.completed,\n cancel = _ref8.cancel;\n if (folding && ~multiDragElements.indexOf(target)) {\n completed(false);\n cancel();\n }\n },\n revert: function revert(_ref9) {\n var fromSortable = _ref9.fromSortable,\n rootEl = _ref9.rootEl,\n sortable = _ref9.sortable,\n dragRect = _ref9.dragRect;\n if (multiDragElements.length > 1) {\n // Setup unfold animation\n multiDragElements.forEach(function (multiDragElement) {\n sortable.addAnimationState({\n target: multiDragElement,\n rect: folding ? getRect(multiDragElement) : dragRect\n });\n unsetRect(multiDragElement);\n multiDragElement.fromRect = dragRect;\n fromSortable.removeAnimationState(multiDragElement);\n });\n folding = false;\n insertMultiDragElements(!this.options.removeCloneOnHide, rootEl);\n }\n },\n dragOverCompleted: function dragOverCompleted(_ref10) {\n var sortable = _ref10.sortable,\n isOwner = _ref10.isOwner,\n insertion = _ref10.insertion,\n activeSortable = _ref10.activeSortable,\n parentEl = _ref10.parentEl,\n putSortable = _ref10.putSortable;\n var options = this.options;\n if (insertion) {\n // Clones must be hidden before folding animation to capture dragRectAbsolute properly\n if (isOwner) {\n activeSortable._hideClone();\n }\n initialFolding = false;\n // If leaving sort:false root, or already folding - Fold to new location\n if (options.animation && multiDragElements.length > 1 && (folding || !isOwner && !activeSortable.options.sort && !putSortable)) {\n // Fold: Set all multi drag elements's rects to dragEl's rect when multi-drag elements are invisible\n var dragRectAbsolute = getRect(dragEl$1, false, true, true);\n multiDragElements.forEach(function (multiDragElement) {\n if (multiDragElement === dragEl$1) return;\n setRect(multiDragElement, dragRectAbsolute);\n\n // Move element(s) to end of parentEl so that it does not interfere with multi-drag clones insertion if they are inserted\n // while folding, and so that we can capture them again because old sortable will no longer be fromSortable\n parentEl.appendChild(multiDragElement);\n });\n folding = true;\n }\n\n // Clones must be shown (and check to remove multi drags) after folding when interfering multiDragElements are moved out\n if (!isOwner) {\n // Only remove if not folding (folding will remove them anyways)\n if (!folding) {\n removeMultiDragElements();\n }\n if (multiDragElements.length > 1) {\n var clonesHiddenBefore = clonesHidden;\n activeSortable._showClone(sortable);\n\n // Unfold animation for clones if showing from hidden\n if (activeSortable.options.animation && !clonesHidden && clonesHiddenBefore) {\n multiDragClones.forEach(function (clone) {\n activeSortable.addAnimationState({\n target: clone,\n rect: clonesFromRect\n });\n clone.fromRect = clonesFromRect;\n clone.thisAnimationDuration = null;\n });\n }\n } else {\n activeSortable._showClone(sortable);\n }\n }\n }\n },\n dragOverAnimationCapture: function dragOverAnimationCapture(_ref11) {\n var dragRect = _ref11.dragRect,\n isOwner = _ref11.isOwner,\n activeSortable = _ref11.activeSortable;\n multiDragElements.forEach(function (multiDragElement) {\n multiDragElement.thisAnimationDuration = null;\n });\n if (activeSortable.options.animation && !isOwner && activeSortable.multiDrag.isMultiDrag) {\n clonesFromRect = _extends({}, dragRect);\n var dragMatrix = matrix(dragEl$1, true);\n clonesFromRect.top -= dragMatrix.f;\n clonesFromRect.left -= dragMatrix.e;\n }\n },\n dragOverAnimationComplete: function dragOverAnimationComplete() {\n if (folding) {\n folding = false;\n removeMultiDragElements();\n }\n },\n drop: function drop(_ref12) {\n var evt = _ref12.originalEvent,\n rootEl = _ref12.rootEl,\n parentEl = _ref12.parentEl,\n sortable = _ref12.sortable,\n dispatchSortableEvent = _ref12.dispatchSortableEvent,\n oldIndex = _ref12.oldIndex,\n putSortable = _ref12.putSortable;\n var toSortable = putSortable || this.sortable;\n if (!evt) return;\n var options = this.options,\n children = parentEl.children;\n\n // Multi-drag selection\n if (!dragStarted) {\n if (options.multiDragKey && !this.multiDragKeyDown) {\n this._deselectMultiDrag();\n }\n toggleClass(dragEl$1, options.selectedClass, !~multiDragElements.indexOf(dragEl$1));\n if (!~multiDragElements.indexOf(dragEl$1)) {\n multiDragElements.push(dragEl$1);\n dispatchEvent({\n sortable: sortable,\n rootEl: rootEl,\n name: 'select',\n targetEl: dragEl$1,\n originalEvent: evt\n });\n\n // Modifier activated, select from last to dragEl\n if (evt.shiftKey && lastMultiDragSelect && sortable.el.contains(lastMultiDragSelect)) {\n var lastIndex = index(lastMultiDragSelect),\n currentIndex = index(dragEl$1);\n if (~lastIndex && ~currentIndex && lastIndex !== currentIndex) {\n // Must include lastMultiDragSelect (select it), in case modified selection from no selection\n // (but previous selection existed)\n var n, i;\n if (currentIndex > lastIndex) {\n i = lastIndex;\n n = currentIndex;\n } else {\n i = currentIndex;\n n = lastIndex + 1;\n }\n for (; i < n; i++) {\n if (~multiDragElements.indexOf(children[i])) continue;\n toggleClass(children[i], options.selectedClass, true);\n multiDragElements.push(children[i]);\n dispatchEvent({\n sortable: sortable,\n rootEl: rootEl,\n name: 'select',\n targetEl: children[i],\n originalEvent: evt\n });\n }\n }\n } else {\n lastMultiDragSelect = dragEl$1;\n }\n multiDragSortable = toSortable;\n } else {\n multiDragElements.splice(multiDragElements.indexOf(dragEl$1), 1);\n lastMultiDragSelect = null;\n dispatchEvent({\n sortable: sortable,\n rootEl: rootEl,\n name: 'deselect',\n targetEl: dragEl$1,\n originalEvent: evt\n });\n }\n }\n\n // Multi-drag drop\n if (dragStarted && this.isMultiDrag) {\n folding = false;\n // Do not \"unfold\" after around dragEl if reverted\n if ((parentEl[expando].options.sort || parentEl !== rootEl) && multiDragElements.length > 1) {\n var dragRect = getRect(dragEl$1),\n multiDragIndex = index(dragEl$1, ':not(.' + this.options.selectedClass + ')');\n if (!initialFolding && options.animation) dragEl$1.thisAnimationDuration = null;\n toSortable.captureAnimationState();\n if (!initialFolding) {\n if (options.animation) {\n dragEl$1.fromRect = dragRect;\n multiDragElements.forEach(function (multiDragElement) {\n multiDragElement.thisAnimationDuration = null;\n if (multiDragElement !== dragEl$1) {\n var rect = folding ? getRect(multiDragElement) : dragRect;\n multiDragElement.fromRect = rect;\n\n // Prepare unfold animation\n toSortable.addAnimationState({\n target: multiDragElement,\n rect: rect\n });\n }\n });\n }\n\n // Multi drag elements are not necessarily removed from the DOM on drop, so to reinsert\n // properly they must all be removed\n removeMultiDragElements();\n multiDragElements.forEach(function (multiDragElement) {\n if (children[multiDragIndex]) {\n parentEl.insertBefore(multiDragElement, children[multiDragIndex]);\n } else {\n parentEl.appendChild(multiDragElement);\n }\n multiDragIndex++;\n });\n\n // If initial folding is done, the elements may have changed position because they are now\n // unfolding around dragEl, even though dragEl may not have his index changed, so update event\n // must be fired here as Sortable will not.\n if (oldIndex === index(dragEl$1)) {\n var update = false;\n multiDragElements.forEach(function (multiDragElement) {\n if (multiDragElement.sortableIndex !== index(multiDragElement)) {\n update = true;\n return;\n }\n });\n if (update) {\n dispatchSortableEvent('update');\n dispatchSortableEvent('sort');\n }\n }\n }\n\n // Must be done after capturing individual rects (scroll bar)\n multiDragElements.forEach(function (multiDragElement) {\n unsetRect(multiDragElement);\n });\n toSortable.animateAll();\n }\n multiDragSortable = toSortable;\n }\n\n // Remove clones if necessary\n if (rootEl === parentEl || putSortable && putSortable.lastPutMode !== 'clone') {\n multiDragClones.forEach(function (clone) {\n clone.parentNode && clone.parentNode.removeChild(clone);\n });\n }\n },\n nullingGlobal: function nullingGlobal() {\n this.isMultiDrag = dragStarted = false;\n multiDragClones.length = 0;\n },\n destroyGlobal: function destroyGlobal() {\n this._deselectMultiDrag();\n off(document, 'pointerup', this._deselectMultiDrag);\n off(document, 'mouseup', this._deselectMultiDrag);\n off(document, 'touchend', this._deselectMultiDrag);\n off(document, 'keydown', this._checkKeyDown);\n off(document, 'keyup', this._checkKeyUp);\n },\n _deselectMultiDrag: function _deselectMultiDrag(evt) {\n if (typeof dragStarted !== \"undefined\" && dragStarted) return;\n\n // Only deselect if selection is in this sortable\n if (multiDragSortable !== this.sortable) return;\n\n // Only deselect if target is not item in this sortable\n if (evt && closest(evt.target, this.options.draggable, this.sortable.el, false)) return;\n\n // Only deselect if left click\n if (evt && evt.button !== 0) return;\n while (multiDragElements.length) {\n var el = multiDragElements[0];\n toggleClass(el, this.options.selectedClass, false);\n multiDragElements.shift();\n dispatchEvent({\n sortable: this.sortable,\n rootEl: this.sortable.el,\n name: 'deselect',\n targetEl: el,\n originalEvent: evt\n });\n }\n },\n _checkKeyDown: function _checkKeyDown(evt) {\n if (evt.key === this.options.multiDragKey) {\n this.multiDragKeyDown = true;\n }\n },\n _checkKeyUp: function _checkKeyUp(evt) {\n if (evt.key === this.options.multiDragKey) {\n this.multiDragKeyDown = false;\n }\n }\n };\n return _extends(MultiDrag, {\n // Static methods & properties\n pluginName: 'multiDrag',\n utils: {\n /**\r\n * Selects the provided multi-drag item\r\n * @param {HTMLElement} el The element to be selected\r\n */\n select: function select(el) {\n var sortable = el.parentNode[expando];\n if (!sortable || !sortable.options.multiDrag || ~multiDragElements.indexOf(el)) return;\n if (multiDragSortable && multiDragSortable !== sortable) {\n multiDragSortable.multiDrag._deselectMultiDrag();\n multiDragSortable = sortable;\n }\n toggleClass(el, sortable.options.selectedClass, true);\n multiDragElements.push(el);\n },\n /**\r\n * Deselects the provided multi-drag item\r\n * @param {HTMLElement} el The element to be deselected\r\n */\n deselect: function deselect(el) {\n var sortable = el.parentNode[expando],\n index = multiDragElements.indexOf(el);\n if (!sortable || !sortable.options.multiDrag || !~index) return;\n toggleClass(el, sortable.options.selectedClass, false);\n multiDragElements.splice(index, 1);\n }\n },\n eventProperties: function eventProperties() {\n var _this3 = this;\n var oldIndicies = [],\n newIndicies = [];\n multiDragElements.forEach(function (multiDragElement) {\n oldIndicies.push({\n multiDragElement: multiDragElement,\n index: multiDragElement.sortableIndex\n });\n\n // multiDragElements will already be sorted if folding\n var newIndex;\n if (folding && multiDragElement !== dragEl$1) {\n newIndex = -1;\n } else if (folding) {\n newIndex = index(multiDragElement, ':not(.' + _this3.options.selectedClass + ')');\n } else {\n newIndex = index(multiDragElement);\n }\n newIndicies.push({\n multiDragElement: multiDragElement,\n index: newIndex\n });\n });\n return {\n items: _toConsumableArray(multiDragElements),\n clones: [].concat(multiDragClones),\n oldIndicies: oldIndicies,\n newIndicies: newIndicies\n };\n },\n optionListeners: {\n multiDragKey: function multiDragKey(key) {\n key = key.toLowerCase();\n if (key === 'ctrl') {\n key = 'Control';\n } else if (key.length > 1) {\n key = key.charAt(0).toUpperCase() + key.substr(1);\n }\n return key;\n }\n }\n });\n}\nfunction insertMultiDragElements(clonesInserted, rootEl) {\n multiDragElements.forEach(function (multiDragElement, i) {\n var target = rootEl.children[multiDragElement.sortableIndex + (clonesInserted ? Number(i) : 0)];\n if (target) {\n rootEl.insertBefore(multiDragElement, target);\n } else {\n rootEl.appendChild(multiDragElement);\n }\n });\n}\n\n/**\r\n * Insert multi-drag clones\r\n * @param {[Boolean]} elementsInserted Whether the multi-drag elements are inserted\r\n * @param {HTMLElement} rootEl\r\n */\nfunction insertMultiDragClones(elementsInserted, rootEl) {\n multiDragClones.forEach(function (clone, i) {\n var target = rootEl.children[clone.sortableIndex + (elementsInserted ? Number(i) : 0)];\n if (target) {\n rootEl.insertBefore(clone, target);\n } else {\n rootEl.appendChild(clone);\n }\n });\n}\nfunction removeMultiDragElements() {\n multiDragElements.forEach(function (multiDragElement) {\n if (multiDragElement === dragEl$1) return;\n multiDragElement.parentNode && multiDragElement.parentNode.removeChild(multiDragElement);\n });\n}\n\nSortable.mount(new AutoScrollPlugin());\nSortable.mount(Remove, Revert);\n\nexport default Sortable;\nexport { MultiDragPlugin as MultiDrag, Sortable, SwapPlugin as Swap };\n","import { Controller as n } from \"@hotwired/stimulus\";\nimport s from \"sortablejs\";\nimport { patch as o } from \"@rails/request.js\";\nclass r extends n {\n initialize() {\n this.onUpdate = this.onUpdate.bind(this);\n }\n connect() {\n this.sortable = new s(this.element, {\n ...this.defaultOptions,\n ...this.options\n });\n }\n disconnect() {\n this.sortable.destroy(), this.sortable = void 0;\n }\n async onUpdate({ item: t, newIndex: a }) {\n if (!t.dataset.sortableUpdateUrl)\n return;\n const i = this.resourceNameValue ? `${this.resourceNameValue}[${this.paramNameValue}]` : this.paramNameValue, e = new FormData();\n return e.append(i, a + 1), await o(t.dataset.sortableUpdateUrl, { body: e, responseKind: this.responseKindValue });\n }\n get options() {\n return {\n animation: this.animationValue || this.defaultOptions.animation || 150,\n handle: this.handleValue || this.defaultOptions.handle || void 0,\n onUpdate: this.onUpdate\n };\n }\n get defaultOptions() {\n return {};\n }\n}\nr.values = {\n resourceName: String,\n paramName: {\n type: String,\n default: \"position\"\n },\n responseKind: {\n type: String,\n default: \"html\"\n },\n animation: Number,\n handle: String\n};\nexport {\n r as default\n};\n","import Sortable from \"stimulus-sortable\"\nimport { patch } from \"@rails/request.js\"\n\nexport default class extends Sortable {\n static targets = [\"position\"]\n\n connect() {\n super.connect()\n }\n\n // We override the onUpdate method to send the correct position that get from\n // the data-position attribute of the draggedOverElement instead of the index of the element.\n // Because the index of element may not match with the position data in database.\n // Right now this approach is quite hacky, But stimulus-sortable doesn't extensible enough to do this.\n // We may replace it with a better solution in the future.\n async onUpdate({ item }) {\n this.updatePositions()\n\n if (!this.draggedOverElement || !this.draggedOverElement.dataset.position) {\n return\n }\n\n // Because in the source code of stimulus-sortable, the newIndex will plus 1.\n // See: https://github.com/stimulus-components/stimulus-sortable/blob/6a6b8a68f0ac942c9ba12bfabb04e703e1043e77/src/index.ts#L51\n // So we need to minus 1 to send correct position.\n const newIndex = this.draggedOverElement.dataset.position - 1\n\n // Get the URL from the dataset of the dragged item\n const url = item.dataset.sortableUpdateUrl\n\n this.sortable.option(\"disabled\", true)\n\n try {\n const response = await patch(url, {\n body: JSON.stringify({ position: newIndex }),\n responseKind: \"json\", // Expecting JSON in the response\n headers: {\n \"Content-Type\": \"application/json\", // Ensuring the content is JSON\n Accept: \"application/json\" // Expecting JSON response\n }\n })\n\n if (!response.ok) {\n console.error(\"Failed to update position:\", response.statusText)\n }\n } catch (error) {\n console.error(\"Error updating position:\", error)\n } finally {\n this.sortable.option(\"disabled\", false)\n }\n }\n\n updatePositions() {\n this.positionTargets.forEach((element, index) => {\n element.dataset.position = index + 1\n })\n }\n\n get defaultOptions() {\n return {\n onMove: event => {\n this.draggedOverElement = event.related\n }\n }\n }\n}\n","import { Controller } from \"@hotwired/stimulus\"\n\nexport default class extends Controller {\n static targets = [\"modal\"]\n\n open() {\n this.modalTarget.classList.remove(\"hidden\")\n }\n\n close() {\n this.modalTarget.classList.add(\"hidden\")\n }\n}\n","import { Controller } from \"@hotwired/stimulus\"\nimport { Turbo } from \"@hotwired/turbo-rails\"\n\nexport default class extends Controller {\n static targets = [\"table\", \"column\", \"icon\"]\n static values = {\n action: { String, default: \"replace\" },\n frame: { String, default: \"_top\" }\n }\n\n connect() {\n this.actionValue ||= this.constructor.values.action.default\n this.frameValue ||= this.constructor.values.frame.default\n }\n\n sortAscending(e) {\n let url = new URL(window.location.href)\n let searchParams = url.searchParams\n searchParams.set(\"order\", \"asc\")\n const th = e.target.closest(\"th\")\n const slug = th.dataset.columnSlug\n searchParams.set(\"column_slug\", slug)\n url.search = searchParams.toString()\n Turbo.visit(url.toString(), { action: this.actionValue, frame: this.frameValue })\n }\n\n sortDescending(e) {\n let url = new URL(window.location.href)\n let searchParams = url.searchParams\n searchParams.set(\"order\", \"desc\")\n const th = e.target.closest(\"th\")\n const slug = th.dataset.columnSlug\n searchParams.set(\"column_slug\", slug)\n url.search = searchParams.toString()\n Turbo.visit(url.toString(), { action: this.actionValue, frame: this.frameValue })\n }\n}\n","import { Controller } from \"@hotwired/stimulus\"\n\nexport default class extends Controller {\n static targets = [\"password\"]\n\n togglePassword(e) {\n if (this.passwordTarget.type === \"password\") {\n this.passwordTarget.type = \"text\"\n e.target.querySelector(\"i\").classList.remove(\"mdi-eye-outline\")\n e.target.querySelector(\"i\").classList.add(\"mdi-eye-off-outline\")\n } else {\n this.passwordTarget.type = \"password\"\n e.target.querySelector(\"i\").classList.add(\"mdi-eye-outline\")\n e.target.querySelector(\"i\").classList.remove(\"mdi-eye-off-outline\")\n }\n }\n}\n","import { Controller } from \"@hotwired/stimulus\"\n\n/**\n * A Stimulus controller that trims leading and trailing spaces from an input field.\n *\n * @usage\n *\n * \n \n\n\n","\n \n\n\n","import { defineStore } from \"pinia\"\n\nexport const usePromptSettingStore = defineStore(\"promptSetting\", {\n state: () => ({\n id: \"\",\n name: \"\",\n active: false,\n isUsedInTicket: false,\n isNewAttributePage: false,\n returnUrl: \"\",\n sourceAttribute: {},\n organizationSlug: \"\",\n dataSpaceSlug: \"\",\n sourceFileExtensions: [],\n sourceSearchConditions: {},\n sourceProjectIdToName: {},\n sourceAnalyzePositions: [],\n sourceAnalyzeModels: [],\n sourceAttributeTypes: [],\n projectAttributes: [],\n fileAttributes: [],\n currentTab: \"FileFilter\",\n fileExtensionGroup: {\n Image: [\"png\", \"jpg\", \"tif\"],\n PDF: [\"pdf\"],\n Model: [\"rvt\"]\n },\n dataTypeGroup: {\n image: {\n fileExtensionGroups: [\"Image\", \"PDF\"]\n },\n model: {\n fileExtensionGroups: [\"Model\"]\n }\n },\n selectedFileExtensions: [],\n currentDisabledFileExtensions: [],\n selectedProjectAttributes: [],\n selectedFileAttributes: [],\n fileSearchRecords: [],\n attributeExtractionRecords: [],\n currentSearchResults: [],\n sendingCreateAttributeExtractionRequest: false,\n currentExtractionResults: [],\n inputFileIdToInputFileInfo: {},\n fileAttributeSlugToInfo: {},\n currentFileSearchRecordId: null,\n currentFileFilterKeywordSearchMode: \"exact_search\",\n currentFileFilterKeywordSearchKeyword: \"\",\n currentFileFilterKeywordSearchTopK: 10,\n currentExtractionKeywordSearchMode: \"\",\n currentExtractionKeywordSearchKeyword: \"\",\n currentExtractionKeywordSearchTopK: 10,\n currentAnalyzePosition: \"\",\n currentZoomLevel: \"\",\n currentAnalyzeModel: \"\",\n currentAttributeTypeId: \"\",\n currentAttributeExtractionPrompt: \"\",\n currentLastProjectIndex: 2,\n currentAttributeExtractionRecordId: null,\n currentExtractionResultProjectId: \"\",\n attributeTypeUnchangeable: false,\n currentDataType: \"\",\n sourceDataTypes: [],\n canUpdate: true,\n tableColumns: [],\n isScriptBasedExtraction: false,\n scriptBasedUrl: \"\",\n scriptTimeout: \"\",\n canAccessScriptBasedPrompt: false,\n loadedMoreResults: false\n }),\n getters: {\n searchConditions(state) {\n return {\n // building: [\n // {\n // is_apply: (state.selectedProjectAttributes.length > 0).toString(),\n // search_conditions: state.selectedProjectAttributes.map(\n // (projectAttribute) => {\n // return {\n // [projectAttribute.slug]: {\n // slug: projectAttribute.slug,\n // operator: projectAttribute.operator,\n // values: projectAttribute.values,\n // value: projectAttribute.value,\n // type: projectAttribute.attributeType,\n // similarity: projectAttribute.similarity,\n // weight: projectAttribute.weight,\n // },\n // };\n // }\n // ),\n // },\n // ],\n building: [],\n file: [\n {\n is_apply: (state.selectedFileAttributes.length > 0).toString(),\n search_conditions: state.selectedFileAttributes.map(fileAttribute => {\n return {\n [fileAttribute.slug]: {\n slug: fileAttribute.slug,\n operator: fileAttribute.operator,\n values: fileAttribute.values,\n value: fileAttribute.value,\n type: fileAttribute.attributeType,\n similarity: fileAttribute.similarity,\n weight: fileAttribute.weight\n }\n }\n })\n }\n ]\n }\n },\n isProjectAttribute(state) {\n return state.resource === \"entity_attribute\"\n },\n isValueValidated() {\n let isContentValid\n if (this.isScriptBasedExtraction) {\n isContentValid = this.scriptBasedUrl && this.scriptBasedUrl !== \"\" && this.scriptTimeout > 0\n } else {\n isContentValid = this.currentAttributeExtractionPrompt && this.currentAttributeExtractionPrompt !== \"\"\n }\n const isTableValid =\n !this.isTableType() ||\n (this.isTableType() && this.tableColumns.every(tableColumn => tableColumn.name.trim().length > 0))\n\n return isContentValid && isTableValid\n }\n },\n actions: {\n load({\n id,\n name,\n active,\n isUsedInTicket,\n sourceAttribute,\n organizationSlug,\n dataSpaceSlug,\n projectAttributes,\n fileAttributes,\n returnUrl,\n fileSearchRecords,\n attributeExtractionRecords,\n sourceProjectIdToName,\n sourceAnalyzePositions,\n sourceAnalyzeModels,\n sourceAttributeTypes,\n attributeTypeUnchangeable,\n resource,\n resources,\n sourceDataTypes,\n isNewAttributePage,\n canUpdate,\n canAccessScriptBasedPrompt\n }) {\n this.id = id\n this.name = name\n this.active = active === \"true\" || active === true\n this.isUsedInTicket = isUsedInTicket === \"true\" || isUsedInTicket === true\n if (canUpdate) this.canUpdate = canUpdate === \"true\"\n if (canAccessScriptBasedPrompt) this.canAccessScriptBasedPrompt = canAccessScriptBasedPrompt === \"true\"\n\n if (isNewAttributePage) this.isNewAttributePage = isNewAttributePage\n if (organizationSlug) this.organizationSlug = organizationSlug\n if (dataSpaceSlug) this.dataSpaceSlug = dataSpaceSlug\n if (projectAttributes) this.projectAttributes = JSON.parse(projectAttributes)\n if (fileAttributes) this.fileAttributes = JSON.parse(fileAttributes)\n if (returnUrl) this.returnUrl = returnUrl\n if (fileSearchRecords) this.fileSearchRecords = JSON.parse(fileSearchRecords)\n if (attributeExtractionRecords) this.attributeExtractionRecords = JSON.parse(attributeExtractionRecords)\n if (sourceProjectIdToName) this.sourceProjectIdToName = JSON.parse(sourceProjectIdToName)\n if (sourceAnalyzePositions) this.sourceAnalyzePositions = JSON.parse(sourceAnalyzePositions)\n if (sourceAnalyzeModels) this.sourceAnalyzeModels = JSON.parse(sourceAnalyzeModels)\n if (sourceAttributeTypes) this.sourceAttributeTypes = JSON.parse(sourceAttributeTypes)\n if (attributeTypeUnchangeable) this.attributeTypeUnchangeable = JSON.parse(attributeTypeUnchangeable)\n if (resource) this.resource = resource\n if (resources) this.resources = resources\n if (sourceDataTypes) this.sourceDataTypes = JSON.parse(sourceDataTypes)\n if (sourceAttribute) {\n this.sourceAttribute = JSON.parse(sourceAttribute)\n this.loadCurrentFileFilterKeywordSearchKeyword(\n \"exact_search\",\n this.sourceAttribute.file_search_prompt,\n this.sourceAttribute.top_k_files\n )\n this.loadCurrentExtractionKeywordSearchKeyword(\n this.sourceAttribute.page_search_mode,\n this.sourceAttribute.page_search_prompt,\n this.sourceAttribute.top_k_pages\n )\n this.sourceSearchConditions = this.sourceAttribute.search_conditions\n this.sourceFileExtensions = this.sourceAttribute.file_extensions\n this.currentAnalyzePosition = this.sourceAttribute.analyze_position || \"auto\"\n this.currentZoomLevel = \"auto\"\n this.currentAnalyzeModel = this.sourceAttribute.analyze_model\n this.currentAttributeTypeId =\n this.sourceAttribute.file_attribute_type_id || this.sourceAttribute.entity_attribute_type_id\n this.currentAttributeExtractionPrompt = this.sourceAttribute.attribute_extraction_prompts\n this.currentDataType = this.sourceAttribute.data_type\n this.isScriptBasedExtraction = !!this.sourceAttribute.script_url\n this.scriptBasedUrl = this.sourceAttribute.script_url || \"\"\n this.scriptTimeout = this.sourceAttribute.script_timeout || \"\"\n\n const typeName = this.getTypeName(this.currentAttributeTypeId)\n if (this.sourceAttribute.table_columns?.length) {\n this.tableColumns = this.sourceAttribute.table_columns\n } else {\n this.tableColumns = [\n {\n name: \"\",\n type: this.currentAttributeTypeId,\n key_primary: \"\",\n prompt: \"\",\n type_name: typeName\n }\n ]\n }\n }\n this.initializeAttribute()\n },\n updateName(name) {\n this.name = name\n },\n updateActive(active) {\n this.active = active\n },\n updateIsUsedInTicket(value) {\n this.isUsedInTicket = value\n },\n initializeAttribute() {\n this.loadSelectedFileExtensions(this.sourceFileExtensions)\n this.loadSelectedAttributes(this.sourceSearchConditions)\n this.initializeSourceAnalyzeModels()\n },\n loadSelectedFileExtensions(fileExtensions) {\n this.selectedFileExtensions.splice(0, this.selectedFileExtensions.length)\n fileExtensions.forEach(fileExtension => {\n this.selectedFileExtensions.push(fileExtension)\n })\n Object.keys(this.fileExtensionGroup).forEach(fileExtensionGroup => {\n if (this.dataTypeGroup[this.currentDataType].fileExtensionGroups.includes(fileExtensionGroup)) {\n // remove from currentDisabledFileExtensions\n this.currentDisabledFileExtensions = this.currentDisabledFileExtensions.filter(\n fileExtension => !this.fileExtensionGroup[fileExtensionGroup].includes(fileExtension)\n )\n } else {\n // push into currentDisabledFileExtensions\n this.currentDisabledFileExtensions.push(...this.fileExtensionGroup[fileExtensionGroup])\n }\n })\n },\n initializeSourceAnalyzeModels() {\n this.sourceAnalyzeModels.forEach(model => {\n model.disabled = false\n })\n\n if (this.selectedFileExtensions.includes(\"rvt\")) {\n this.sourceAnalyzeModels.forEach(model => {\n model.disabled = model.disabled = model.value !== \"openai-gpt-4-1106-preview\"\n })\n }\n this.sourceAnalyzeModels = this.sourceAnalyzeModels\n // Update analyze model to the first available model\n const availableModel = this.sourceAnalyzeModels.find(model => !model.disabled)\n const currentAnalyzeModelDisabled = this.sourceAnalyzeModels.find(\n model => model.value === this.currentAnalyzeModel\n )?.disabled\n if (availableModel && currentAnalyzeModelDisabled) {\n this.currentAnalyzeModel = availableModel.value\n }\n },\n updateCurrentTab(tab) {\n this.currentTab = tab\n },\n toggleSelectedFileExtensionGroup(fileExtensionGroup) {\n // If the file extension is rvt, then toggle off other file extensions\n const fileExtensions = this.fileExtensionGroup[fileExtensionGroup]\n const toggleOff = fileExtensions.every(fileExtension => this.selectedFileExtensions.includes(fileExtension))\n if (toggleOff) {\n fileExtensions.forEach(fileExtension => {\n const index = this.selectedFileExtensions.indexOf(fileExtension)\n this.selectedFileExtensions.splice(index, 1)\n })\n } else {\n fileExtensions.forEach(fileExtension => {\n if (!this.selectedFileExtensions.includes(fileExtension)) {\n this.selectedFileExtensions.push(fileExtension)\n }\n })\n }\n },\n toggleSelectedFileExtension(fileExtension) {\n // If the file extension is rvt, then toggle off other file extensions\n if (this.selectedFileExtensions.includes(fileExtension)) {\n const removeExt = fileExtension => {\n const index = this.selectedFileExtensions.indexOf(fileExtension)\n this.selectedFileExtensions.splice(index, 1)\n }\n removeExt(fileExtension)\n if (fileExtension === \"tif\") removeExt(\"tiff\")\n if (fileExtension === \"jpg\") removeExt(\"jpeg\")\n } else {\n this.selectedFileExtensions.push(fileExtension)\n if (fileExtension === \"tif\") this.selectedFileExtensions.push(\"tiff\")\n if (fileExtension === \"jpg\") this.selectedFileExtensions.push(\"jpeg\")\n }\n },\n addSelectedProjectAttribute() {\n // Get the first project attribute that is not selected\n // and add it to the selectedProjectAttributes\n const projectAttribute = this.projectAttributes.find(\n projectAttribute => !this.selectedProjectAttributes.includes(projectAttribute)\n )\n if (projectAttribute) this.selectedProjectAttributes.push(projectAttribute)\n },\n removeSelectedProjectAttribute(projectAttributeId) {\n const index = this.selectedProjectAttributes.findIndex(selectedProjectAttribute => {\n return selectedProjectAttribute.id === projectAttributeId\n })\n this.selectedProjectAttributes.splice(index, 1)\n },\n updateSelectedProjectAttributes(sourceProjectAttributeId, targetProjectAttributeId) {\n const sourceIndex = this.selectedProjectAttributes.findIndex(\n projectAttribute => projectAttribute.id == sourceProjectAttributeId\n )\n const target = this.projectAttributes.find(projectAttribute => projectAttribute.id == targetProjectAttributeId)\n this.selectedProjectAttributes.splice(sourceIndex, 1, target)\n },\n addSelectedFileAttribute() {\n // Get the first file attribute that is not selected\n // and add it to the selectedFileAttributes\n const fileAttribute = this.fileAttributes.find(\n fileAttribute => !this.selectedFileAttributes.includes(fileAttribute)\n )\n if (fileAttribute) this.selectedFileAttributes.push(fileAttribute)\n },\n removeSelectedFileAttribute(fileAttributeId) {\n const index = this.selectedFileAttributes.findIndex(selectedFileAttribute => {\n return selectedFileAttribute.id === fileAttributeId\n })\n this.selectedFileAttributes.splice(index, 1)\n },\n updateSelectedFileAttributes(sourceFileAttributeId, targetFileAttributeId) {\n const sourceIndex = this.selectedFileAttributes.findIndex(\n fileAttribute => fileAttribute.id == sourceFileAttributeId\n )\n const target = this.fileAttributes.find(fileAttribute => fileAttribute.id == targetFileAttributeId)\n this.selectedFileAttributes.splice(sourceIndex, 1, target)\n },\n loadSelectedAttributes(searchConditions) {\n this.nullifySelectedProjectAttributes()\n this.nullifySelectedFileAttributes()\n if (searchConditions[\"building\"] && searchConditions[\"file\"]) {\n this.loadSelectedProjectAttributes(searchConditions[\"building\"])\n this.loadSelectedFileAttributes(searchConditions[\"file\"])\n }\n },\n nullifySelectedProjectAttributes() {\n const length = this.selectedProjectAttributes.length\n this.selectedProjectAttributes.splice(0, length)\n },\n nullifySelectedFileAttributes() {\n const length = this.selectedFileAttributes.length\n this.selectedFileAttributes.splice(0, length)\n },\n loadSelectedProjectAttributes(searchGroups) {\n searchGroups.forEach(searchGroup => {\n if (searchGroup[\"is_apply\"] === \"true\") {\n searchGroup[\"search_conditions\"].forEach(searchCondition => {\n Object.keys(searchCondition).forEach(projectAttributeSlug => {\n const projectAttribute = this.projectAttributes.find(\n projectAttribute => projectAttribute.slug == searchCondition[projectAttributeSlug].slug\n )\n if (projectAttribute) {\n projectAttribute.operator = searchCondition[projectAttributeSlug].operator\n projectAttribute.values = searchCondition[projectAttributeSlug].values // float, int, date, time, datetime\n projectAttribute.value = searchCondition[projectAttributeSlug].value // string, boolean\n projectAttribute.similarity = searchCondition[projectAttributeSlug].similarity // string, boolean\n this.selectedProjectAttributes.push(projectAttribute)\n }\n })\n })\n }\n })\n },\n loadSelectedFileAttributes(searchGroups) {\n searchGroups.forEach(searchGroup => {\n if (searchGroup[\"is_apply\"] === \"true\") {\n searchGroup[\"search_conditions\"].forEach(searchCondition => {\n Object.keys(searchCondition).forEach(fileAttributeSlug => {\n const fileAttribute = this.fileAttributes.find(\n fileAttribute => fileAttribute.slug == searchCondition[fileAttributeSlug].slug\n )\n if (fileAttribute) {\n fileAttribute.operator = searchCondition[fileAttributeSlug].operator\n fileAttribute.values = searchCondition[fileAttributeSlug].values // float, int, date, time, datetime\n fileAttribute.value = searchCondition[fileAttributeSlug].value // string, boolean\n fileAttribute.similarity = searchCondition[fileAttributeSlug].similarity // string, boolean\n this.selectedFileAttributes.push(fileAttribute)\n }\n })\n })\n }\n })\n },\n loadCurrentFileSearchRecordId(fileSearchRecordId) {\n this.currentFileSearchRecordId = fileSearchRecordId\n },\n loadCurrentSearchResults(searchResults) {\n this.currentSearchResults = searchResults\n },\n loadInputFileIdToInputFileInfo(inputFileIdToInputFileInfo) {\n this.inputFileIdToInputFileInfo = inputFileIdToInputFileInfo\n },\n loadFileAttributeSlugToInfo(fileAttributeSlugToInfo) {\n this.fileAttributeSlugToInfo = fileAttributeSlugToInfo\n },\n loadCurrentFileFilterKeywordSearchKeyword(searchMode, keyword, topK) {\n this.currentFileFilterKeywordSearchMode = searchMode\n this.currentFileFilterKeywordSearchKeyword = keyword\n this.currentFileFilterKeywordSearchTopK = topK\n },\n loadCurrentExtractionKeywordSearchKeyword(searchMode, keyword, topK) {\n this.currentExtractionKeywordSearchMode = searchMode\n this.currentExtractionKeywordSearchKeyword = keyword\n this.currentExtractionKeywordSearchTopK = topK\n },\n loadCurrentDataType(dataType) {\n this.currentDataType = dataType\n },\n addNewFileSearchRecord(fileSearchRecord) {\n this.fileSearchRecords.unshift(fileSearchRecord)\n },\n addNewAttributeExtractionRecord(attributeExtractionRecord) {\n this.attributeExtractionRecords.unshift(attributeExtractionRecord)\n },\n updateValueOfSelectedProjectAttribute(\n projectAttributeId,\n operator,\n minValue,\n maxValue,\n value,\n similarity,\n weight // similarity related\n ) {\n const projectAttribute = this.selectedProjectAttributes.find(\n projectAttribute => projectAttribute.id == projectAttributeId\n )\n if (projectAttribute) {\n projectAttribute.operator = operator\n projectAttribute.values = [minValue, maxValue]\n projectAttribute.value = value\n projectAttribute.similarity = similarity\n projectAttribute.weight = weight\n }\n },\n updateValueOfSelectedFileAttribute(\n fileAttributeId,\n operator,\n minValue,\n maxValue,\n value,\n similarity,\n weight // similarity related\n ) {\n const fileAttribute = this.selectedFileAttributes.find(fileAttribute => fileAttribute.id == fileAttributeId)\n if (fileAttribute) {\n fileAttribute.operator = operator\n fileAttribute.values = [minValue, maxValue]\n fileAttribute.value = value\n fileAttribute.similarity = similarity\n fileAttribute.weight = weight\n }\n },\n loadCurrentAttributeExtractionRecordId(attributeExtractionRecordId) {\n this.currentAttributeExtractionRecordId = attributeExtractionRecordId\n },\n loadLastProjectIndex(projectIndex) {\n this.currentLastProjectIndex = projectIndex\n },\n loadCurrentContentFilter(analyzePosition, zoomLevel) {\n this.currentAnalyzePosition = analyzePosition\n this.currentZoomLevel = zoomLevel\n },\n loadCurrentAttributeExtractionPromptSetting(analyzeModel, attributeType, attributeExtractionPrompt) {\n this.currentAnalyzeModel = analyzeModel\n this.currentAttributeExtractionPrompt = attributeExtractionPrompt\n const attributeTypeId = this.sourceAttributeTypes.find(\n sourceAttributeType => sourceAttributeType.name.toLowerCase() == attributeType\n )?.id\n if (attributeTypeId) this.currentAttributeTypeId = attributeTypeId\n },\n setLoadedMoreResults(value) {\n this.loadedMoreResults = value\n },\n setSendingCreateAttributeExtractionRequest(value) {\n this.sendingCreateAttributeExtractionRequest = value\n },\n loadCurrentExtractionResults(searchResults) {\n this.currentExtractionResults = searchResults\n if (searchResults.length > 0 && !this.currentExtractionResultProjectId)\n this.updateCurrentExtractionResultProjectId(searchResults[0].project_id)\n },\n updateCurrentExtractionResultProjectId(projectId) {\n this.currentExtractionResultProjectId = projectId\n },\n loadCurrentAttributeType(attributeType) {\n const attributeTypeId = this.sourceAttributeTypes.find(\n sourceAttributeType => sourceAttributeType.name.toLowerCase() == attributeType\n )?.value\n this.currentAttributeTypeId = attributeTypeId\n },\n isTableType() {\n return (\n this.currentAttributeTypeId &&\n this.currentAttributeTypeId === this.sourceAttributeTypes.find(item => item.name === \"Table\")?.value\n )\n },\n getTypeName(typeId) {\n return this.sourceAttributeTypes.find(i => i.value === typeId)?.name\n },\n getStringAttrType() {\n return this.sourceAttributeTypes.find(t => t.name === \"String\")\n },\n onTypeNameChange(index) {\n const selectedTypeId = this.tableColumns[index].type\n this.tableColumns[index].type_name = this.sourceAttributeTypes.find(item => item.value === selectedTypeId)?.name\n },\n onTableColumnDelete(index) {\n this.tableColumns = this.tableColumns.filter((_, idx) => idx !== index)\n },\n onTableColumnAdd() {\n const stringAttributeType = this.getStringAttrType()\n this.tableColumns = [\n ...this.tableColumns,\n {\n name: \"\",\n type: stringAttributeType.value,\n key_primary: \"\",\n prompt: \"\",\n type_name: stringAttributeType.name\n }\n ]\n },\n updateIsScriptBasedExtraction(val) {\n this.isScriptBasedExtraction = val\n },\n updateScriptBasedUrl(url) {\n this.scriptBasedUrl = url\n },\n updateScriptTimeout(timeout) {\n this.scriptTimeout = timeout\n }\n }\n})\n","(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory(require(\"vue\"));\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine(\"VueToast\", [\"vue\"], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"VueToast\"] = factory(require(\"vue\"));\n\telse\n\t\troot[\"VueToast\"] = factory(root[\"Vue\"]);\n})(this, (__WEBPACK_EXTERNAL_MODULE__976__) => {\nreturn /******/ (() => { // webpackBootstrap\n/******/ \t\"use strict\";\n/******/ \tvar __webpack_modules__ = ({\n\n/***/ 772:\n/***/ ((__unused_webpack_module, exports) => {\n\n\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\n// runtime helper for setting properties on components\n// in a tree-shakable way\nexports[\"default\"] = (sfc, props) => {\n const target = sfc.__vccOpts || sfc;\n for (const [key, val] of props) {\n target[key] = val;\n }\n return target;\n};\n\n\n/***/ }),\n\n/***/ 976:\n/***/ ((module) => {\n\nmodule.exports = __WEBPACK_EXTERNAL_MODULE__976__;\n\n/***/ })\n\n/******/ \t});\n/************************************************************************/\n/******/ \t// The module cache\n/******/ \tvar __webpack_module_cache__ = {};\n/******/ \t\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n/******/ \t\t// Check if module is in cache\n/******/ \t\tvar cachedModule = __webpack_module_cache__[moduleId];\n/******/ \t\tif (cachedModule !== undefined) {\n/******/ \t\t\treturn cachedModule.exports;\n/******/ \t\t}\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = __webpack_module_cache__[moduleId] = {\n/******/ \t\t\t// no module.id needed\n/******/ \t\t\t// no module.loaded needed\n/******/ \t\t\texports: {}\n/******/ \t\t};\n/******/ \t\n/******/ \t\t// Execute the module function\n/******/ \t\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n/******/ \t\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n/******/ \t\n/************************************************************************/\n/******/ \t/* webpack/runtime/define property getters */\n/******/ \t(() => {\n/******/ \t\t// define getter functions for harmony exports\n/******/ \t\t__webpack_require__.d = (exports, definition) => {\n/******/ \t\t\tfor(var key in definition) {\n/******/ \t\t\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n/******/ \t\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n/******/ \t\t\t\t}\n/******/ \t\t\t}\n/******/ \t\t};\n/******/ \t})();\n/******/ \t\n/******/ \t/* webpack/runtime/hasOwnProperty shorthand */\n/******/ \t(() => {\n/******/ \t\t__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))\n/******/ \t})();\n/******/ \t\n/******/ \t/* webpack/runtime/make namespace object */\n/******/ \t(() => {\n/******/ \t\t// define __esModule on exports\n/******/ \t\t__webpack_require__.r = (exports) => {\n/******/ \t\t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n/******/ \t\t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n/******/ \t\t\t}\n/******/ \t\t\tObject.defineProperty(exports, '__esModule', { value: true });\n/******/ \t\t};\n/******/ \t})();\n/******/ \t\n/************************************************************************/\nvar __webpack_exports__ = {};\n// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.\n(() => {\n// ESM COMPAT FLAG\n__webpack_require__.r(__webpack_exports__);\n\n// EXPORTS\n__webpack_require__.d(__webpack_exports__, {\n ToastComponent: () => (/* reexport */ Component),\n ToastPlugin: () => (/* binding */ ToastPlugin),\n ToastPositions: () => (/* reexport */ positions),\n \"default\": () => (/* binding */ src),\n useToast: () => (/* reexport */ useToast)\n});\n\n// EXTERNAL MODULE: external {\"commonjs\":\"vue\",\"commonjs2\":\"vue\",\"amd\":\"vue\",\"root\":\"Vue\"}\nvar external_commonjs_vue_commonjs2_vue_amd_vue_root_Vue_ = __webpack_require__(976);\n;// CONCATENATED MODULE: ./node_modules/.pnpm/babel-loader@9.1.2_@babel+core@7.22.1_webpack@5.84.1/node_modules/babel-loader/lib/index.js!./node_modules/.pnpm/vue-loader@17.1.1_@vue+compiler-sfc@3.3.4_vue@3.3.4_webpack@5.84.1/node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/.pnpm/vue-loader@17.1.1_@vue+compiler-sfc@3.3.4_vue@3.3.4_webpack@5.84.1/node_modules/vue-loader/dist/index.js??ruleSet[1].rules[6].use[0]!./src/js/Component.vue?vue&type=template&id=f73c8b4e\n\nconst _hoisted_1 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_amd_vue_root_Vue_.createElementVNode)(\"div\", {\n class: \"v-toast__icon\"\n}, null, -1);\nconst _hoisted_2 = [\"innerHTML\"];\nfunction render(_ctx, _cache, $props, $setup, $data, $options) {\n return (0,external_commonjs_vue_commonjs2_vue_amd_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_amd_vue_root_Vue_.createBlock)(external_commonjs_vue_commonjs2_vue_amd_vue_root_Vue_.Transition, {\n \"enter-active-class\": _ctx.transition.enter,\n \"leave-active-class\": _ctx.transition.leave\n }, {\n default: (0,external_commonjs_vue_commonjs2_vue_amd_vue_root_Vue_.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_amd_vue_root_Vue_.withDirectives)((0,external_commonjs_vue_commonjs2_vue_amd_vue_root_Vue_.createElementVNode)(\"div\", {\n ref: \"root\",\n role: \"alert\",\n class: (0,external_commonjs_vue_commonjs2_vue_amd_vue_root_Vue_.normalizeClass)([\"v-toast__item\", [`v-toast__item--${_ctx.type}`, `v-toast__item--${_ctx.position}`]]),\n onMouseover: _cache[0] || (_cache[0] = $event => _ctx.toggleTimer(true)),\n onMouseleave: _cache[1] || (_cache[1] = $event => _ctx.toggleTimer(false)),\n onClick: _cache[2] || (_cache[2] = function () {\n return _ctx.whenClicked && _ctx.whenClicked(...arguments);\n })\n }, [_hoisted_1, (0,external_commonjs_vue_commonjs2_vue_amd_vue_root_Vue_.createElementVNode)(\"p\", {\n class: \"v-toast__text\",\n innerHTML: _ctx.message\n }, null, 8, _hoisted_2)], 34), [[external_commonjs_vue_commonjs2_vue_amd_vue_root_Vue_.vShow, _ctx.isActive]])]),\n _: 1\n }, 8, [\"enter-active-class\", \"leave-active-class\"]);\n}\n;// CONCATENATED MODULE: ./src/js/Component.vue?vue&type=template&id=f73c8b4e\n\n;// CONCATENATED MODULE: ./src/js/helpers.js\n\nfunction removeElement(el) {\n if (typeof el.remove !== 'undefined') {\n el.remove();\n } else {\n el.parentNode?.removeChild(el);\n }\n}\nfunction createComponent(component, props, parentContainer) {\n let slots = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};\n const vNode = (0,external_commonjs_vue_commonjs2_vue_amd_vue_root_Vue_.h)(component, props, slots);\n const container = document.createElement('div');\n container.classList.add('v-toast--pending');\n parentContainer.appendChild(container);\n (0,external_commonjs_vue_commonjs2_vue_amd_vue_root_Vue_.render)(vNode, container);\n return vNode.component;\n}\n;// CONCATENATED MODULE: ./src/js/timer.js\n// https://stackoverflow.com/a/3969760\nclass Timer {\n constructor(callback, delay) {\n this.startedAt = Date.now();\n this.callback = callback;\n this.delay = delay;\n this.timer = setTimeout(callback, delay);\n }\n pause() {\n this.stop();\n this.delay -= Date.now() - this.startedAt;\n }\n resume() {\n this.stop();\n this.startedAt = Date.now();\n this.timer = setTimeout(this.callback, this.delay);\n }\n stop() {\n clearTimeout(this.timer);\n }\n}\n;// CONCATENATED MODULE: ./src/js/positions.js\n/* harmony default export */ const positions = (Object.freeze({\n TOP_RIGHT: 'top-right',\n TOP: 'top',\n TOP_LEFT: 'top-left',\n BOTTOM_RIGHT: 'bottom-right',\n BOTTOM: 'bottom',\n BOTTOM_LEFT: 'bottom-left'\n}));\n;// CONCATENATED MODULE: ./node_modules/.pnpm/mitt@3.0.0/node_modules/mitt/dist/mitt.mjs\n/* harmony default export */ function mitt(n){return{all:n=n||new Map,on:function(t,e){var i=n.get(t);i?i.push(e):n.set(t,[e])},off:function(t,e){var i=n.get(t);i&&(e?i.splice(i.indexOf(e)>>>0,1):n.set(t,[]))},emit:function(t,e){var i=n.get(t);i&&i.slice().map(function(n){n(e)}),(i=n.get(\"*\"))&&i.slice().map(function(n){n(t,e)})}}}\n//# sourceMappingURL=mitt.mjs.map\n\n;// CONCATENATED MODULE: ./src/js/bus.js\n\nconst eventBus = mitt();\n/* harmony default export */ const bus = (eventBus);\n;// CONCATENATED MODULE: ./node_modules/.pnpm/babel-loader@9.1.2_@babel+core@7.22.1_webpack@5.84.1/node_modules/babel-loader/lib/index.js!./node_modules/.pnpm/vue-loader@17.1.1_@vue+compiler-sfc@3.3.4_vue@3.3.4_webpack@5.84.1/node_modules/vue-loader/dist/index.js??ruleSet[1].rules[6].use[0]!./src/js/Component.vue?vue&type=script&lang=js\n\n\n\n\n\n/* harmony default export */ const Componentvue_type_script_lang_js = ((0,external_commonjs_vue_commonjs2_vue_amd_vue_root_Vue_.defineComponent)({\n name: 'Toast',\n props: {\n message: {\n type: String,\n required: true\n },\n type: {\n type: String,\n default: 'success'\n },\n position: {\n type: String,\n default: positions.BOTTOM_RIGHT,\n validator(value) {\n return Object.values(positions).includes(value);\n }\n },\n duration: {\n type: Number,\n default: 3000\n },\n dismissible: {\n type: Boolean,\n default: true\n },\n onDismiss: {\n type: Function,\n default: () => {}\n },\n onClick: {\n type: Function,\n default: () => {}\n },\n queue: Boolean,\n pauseOnHover: {\n type: Boolean,\n default: true\n }\n },\n data() {\n return {\n isActive: false,\n parentTop: null,\n parentBottom: null,\n isHovered: false\n };\n },\n beforeMount() {\n this.setupContainer();\n },\n mounted() {\n this.showNotice();\n bus.on('toast-clear', this.dismiss);\n },\n methods: {\n setupContainer() {\n this.parentTop = document.querySelector('.v-toast.v-toast--top');\n this.parentBottom = document.querySelector('.v-toast.v-toast--bottom');\n // No need to create them, they already exists\n if (this.parentTop && this.parentBottom) return;\n if (!this.parentTop) {\n this.parentTop = document.createElement('div');\n this.parentTop.className = 'v-toast v-toast--top';\n }\n if (!this.parentBottom) {\n this.parentBottom = document.createElement('div');\n this.parentBottom.className = 'v-toast v-toast--bottom';\n }\n const container = document.body;\n container.appendChild(this.parentTop);\n container.appendChild(this.parentBottom);\n },\n shouldQueue() {\n if (!this.queue) return false;\n return this.parentTop.childElementCount > 0 || this.parentBottom.childElementCount > 0;\n },\n dismiss() {\n if (this.timer) this.timer.stop();\n clearTimeout(this.queueTimer);\n this.isActive = false;\n\n // Timeout for the animation complete before destroying\n setTimeout(() => {\n this.onDismiss.apply(null, arguments);\n const wrapper = this.$refs.root;\n // unmount the component\n (0,external_commonjs_vue_commonjs2_vue_amd_vue_root_Vue_.render)(null, wrapper);\n removeElement(wrapper);\n }, 150);\n },\n showNotice() {\n if (this.shouldQueue()) {\n // Call recursively if it should queue\n this.queueTimer = setTimeout(this.showNotice, 250);\n return;\n }\n const wrapper = this.$refs.root.parentElement;\n this.correctParent.insertAdjacentElement('afterbegin', this.$refs.root);\n removeElement(wrapper);\n this.isActive = true;\n if (this.duration) {\n this.timer = new Timer(this.dismiss, this.duration);\n }\n },\n whenClicked() {\n if (!this.dismissible) return;\n this.onClick.apply(null, arguments);\n this.dismiss();\n },\n toggleTimer(newVal) {\n if (!this.pauseOnHover || !this.timer) return;\n newVal ? this.timer.pause() : this.timer.resume();\n }\n },\n computed: {\n correctParent() {\n switch (this.position) {\n case positions.TOP:\n case positions.TOP_RIGHT:\n case positions.TOP_LEFT:\n return this.parentTop;\n case positions.BOTTOM:\n case positions.BOTTOM_RIGHT:\n case positions.BOTTOM_LEFT:\n return this.parentBottom;\n }\n },\n transition() {\n switch (this.position) {\n case positions.TOP:\n case positions.TOP_RIGHT:\n case positions.TOP_LEFT:\n return {\n enter: 'v-toast--fade-in-down',\n leave: 'v-toast--fade-out'\n };\n case positions.BOTTOM:\n case positions.BOTTOM_RIGHT:\n case positions.BOTTOM_LEFT:\n return {\n enter: 'v-toast--fade-in-up',\n leave: 'v-toast--fade-out'\n };\n }\n }\n },\n beforeUnmount() {\n bus.off('toast-clear', this.dismiss);\n }\n}));\n;// CONCATENATED MODULE: ./src/js/Component.vue?vue&type=script&lang=js\n \n// EXTERNAL MODULE: ./node_modules/.pnpm/vue-loader@17.1.1_@vue+compiler-sfc@3.3.4_vue@3.3.4_webpack@5.84.1/node_modules/vue-loader/dist/exportHelper.js\nvar exportHelper = __webpack_require__(772);\n;// CONCATENATED MODULE: ./src/js/Component.vue\n\n\n\n\n;\nconst __exports__ = /*#__PURE__*/(0,exportHelper[\"default\"])(Componentvue_type_script_lang_js, [['render',render]])\n\n/* harmony default export */ const Component = (__exports__);\n;// CONCATENATED MODULE: ./src/js/api.js\n\n\n\nconst useToast = function () {\n let globalProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n return {\n open(options) {\n let message = null;\n if (typeof options === 'string') message = options;\n const defaultProps = {\n message\n };\n const propsData = Object.assign({}, defaultProps, globalProps, options);\n const instance = createComponent(Component, propsData, document.body);\n return {\n dismiss: instance.ctx.dismiss\n };\n },\n clear() {\n bus.emit('toast-clear');\n },\n success(message) {\n let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n return this.open(Object.assign({}, {\n message,\n type: 'success'\n }, options));\n },\n error(message) {\n let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n return this.open(Object.assign({}, {\n message,\n type: 'error'\n }, options));\n },\n info(message) {\n let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n return this.open(Object.assign({}, {\n message,\n type: 'info'\n }, options));\n },\n warning(message) {\n let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n return this.open(Object.assign({}, {\n message,\n type: 'warning'\n }, options));\n },\n default(message) {\n let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n return this.open(Object.assign({}, {\n message,\n type: 'default'\n }, options));\n }\n };\n};\n;// CONCATENATED MODULE: ./src/index.js\n\n\n\nconst ToastPlugin = {\n install: function (app) {\n let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n let instance = useToast(options);\n app.config.globalProperties.$toast = instance;\n app.provide('$toast', instance);\n }\n};\n/* harmony default export */ const src = (ToastPlugin);\n\n})();\n\n/******/ \treturn __webpack_exports__;\n/******/ })()\n;\n});","\n\n\n \n \n
\n
\n \n
\n
\n {{ t(\"setting.prompt_setting.file_filter\") }}\n
\n
\n \n \n\n \n \n
\n
\n {{ t(\"setting.prompt_setting.extraction\") }}\n
\n
\n \n \n \n
\n \n {{ t(\"setting.prompt_setting.save\") }}\n
\n
\n \n\n \n \n
\n \n \n
\n {{ t(\"shared.delete\") }} \n \n \n \n \n\n\n","\n\n \n
\n \n \n {{ t(\"setting.prompt_setting.exact_search\") }}\n \n \n {{ t(\"setting.prompt_setting.semantic_search\") }}\n \n \n
\n
\n
\n
\n \n
{{ t(\"setting.prompt_setting.show_top\") }}
\n
\n
\n \n","\n\n \n
\n
\n
{{ t(\"setting.prompt_setting.position\") }}
\n
\n
\n \n \n {{ position.name }}\n \n \n
\n
\n
\n
\n
{{ t(\"setting.prompt_setting.zoom_level\") }}
\n
\n
\n \n Auto \n \n
\n
\n
\n","/**!\n * Sortable 1.14.0\n * @author\tRubaXa \n * @author\towenm \n * @license MIT\n */\nfunction ownKeys(object, enumerableOnly) {\n var keys = Object.keys(object);\n\n if (Object.getOwnPropertySymbols) {\n var symbols = Object.getOwnPropertySymbols(object);\n\n if (enumerableOnly) {\n symbols = symbols.filter(function (sym) {\n return Object.getOwnPropertyDescriptor(object, sym).enumerable;\n });\n }\n\n keys.push.apply(keys, symbols);\n }\n\n return keys;\n}\n\nfunction _objectSpread2(target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i] != null ? arguments[i] : {};\n\n if (i % 2) {\n ownKeys(Object(source), true).forEach(function (key) {\n _defineProperty(target, key, source[key]);\n });\n } else if (Object.getOwnPropertyDescriptors) {\n Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));\n } else {\n ownKeys(Object(source)).forEach(function (key) {\n Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));\n });\n }\n }\n\n return target;\n}\n\nfunction _typeof(obj) {\n \"@babel/helpers - typeof\";\n\n if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") {\n _typeof = function (obj) {\n return typeof obj;\n };\n } else {\n _typeof = function (obj) {\n return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n };\n }\n\n return _typeof(obj);\n}\n\nfunction _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n\n return obj;\n}\n\nfunction _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n };\n\n return _extends.apply(this, arguments);\n}\n\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n if (source == null) return {};\n var target = {};\n var sourceKeys = Object.keys(source);\n var key, i;\n\n for (i = 0; i < sourceKeys.length; i++) {\n key = sourceKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n target[key] = source[key];\n }\n\n return target;\n}\n\nfunction _objectWithoutProperties(source, excluded) {\n if (source == null) return {};\n\n var target = _objectWithoutPropertiesLoose(source, excluded);\n\n var key, i;\n\n if (Object.getOwnPropertySymbols) {\n var sourceSymbolKeys = Object.getOwnPropertySymbols(source);\n\n for (i = 0; i < sourceSymbolKeys.length; i++) {\n key = sourceSymbolKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;\n target[key] = source[key];\n }\n }\n\n return target;\n}\n\nfunction _toConsumableArray(arr) {\n return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();\n}\n\nfunction _arrayWithoutHoles(arr) {\n if (Array.isArray(arr)) return _arrayLikeToArray(arr);\n}\n\nfunction _iterableToArray(iter) {\n if (typeof Symbol !== \"undefined\" && iter[Symbol.iterator] != null || iter[\"@@iterator\"] != null) return Array.from(iter);\n}\n\nfunction _unsupportedIterableToArray(o, minLen) {\n if (!o) return;\n if (typeof o === \"string\") return _arrayLikeToArray(o, minLen);\n var n = Object.prototype.toString.call(o).slice(8, -1);\n if (n === \"Object\" && o.constructor) n = o.constructor.name;\n if (n === \"Map\" || n === \"Set\") return Array.from(o);\n if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);\n}\n\nfunction _arrayLikeToArray(arr, len) {\n if (len == null || len > arr.length) len = arr.length;\n\n for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];\n\n return arr2;\n}\n\nfunction _nonIterableSpread() {\n throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}\n\nvar version = \"1.14.0\";\n\nfunction userAgent(pattern) {\n if (typeof window !== 'undefined' && window.navigator) {\n return !! /*@__PURE__*/navigator.userAgent.match(pattern);\n }\n}\n\nvar IE11OrLess = userAgent(/(?:Trident.*rv[ :]?11\\.|msie|iemobile|Windows Phone)/i);\nvar Edge = userAgent(/Edge/i);\nvar FireFox = userAgent(/firefox/i);\nvar Safari = userAgent(/safari/i) && !userAgent(/chrome/i) && !userAgent(/android/i);\nvar IOS = userAgent(/iP(ad|od|hone)/i);\nvar ChromeForAndroid = userAgent(/chrome/i) && userAgent(/android/i);\n\nvar captureMode = {\n capture: false,\n passive: false\n};\n\nfunction on(el, event, fn) {\n el.addEventListener(event, fn, !IE11OrLess && captureMode);\n}\n\nfunction off(el, event, fn) {\n el.removeEventListener(event, fn, !IE11OrLess && captureMode);\n}\n\nfunction matches(\n/**HTMLElement*/\nel,\n/**String*/\nselector) {\n if (!selector) return;\n selector[0] === '>' && (selector = selector.substring(1));\n\n if (el) {\n try {\n if (el.matches) {\n return el.matches(selector);\n } else if (el.msMatchesSelector) {\n return el.msMatchesSelector(selector);\n } else if (el.webkitMatchesSelector) {\n return el.webkitMatchesSelector(selector);\n }\n } catch (_) {\n return false;\n }\n }\n\n return false;\n}\n\nfunction getParentOrHost(el) {\n return el.host && el !== document && el.host.nodeType ? el.host : el.parentNode;\n}\n\nfunction closest(\n/**HTMLElement*/\nel,\n/**String*/\nselector,\n/**HTMLElement*/\nctx, includeCTX) {\n if (el) {\n ctx = ctx || document;\n\n do {\n if (selector != null && (selector[0] === '>' ? el.parentNode === ctx && matches(el, selector) : matches(el, selector)) || includeCTX && el === ctx) {\n return el;\n }\n\n if (el === ctx) break;\n /* jshint boss:true */\n } while (el = getParentOrHost(el));\n }\n\n return null;\n}\n\nvar R_SPACE = /\\s+/g;\n\nfunction toggleClass(el, name, state) {\n if (el && name) {\n if (el.classList) {\n el.classList[state ? 'add' : 'remove'](name);\n } else {\n var className = (' ' + el.className + ' ').replace(R_SPACE, ' ').replace(' ' + name + ' ', ' ');\n el.className = (className + (state ? ' ' + name : '')).replace(R_SPACE, ' ');\n }\n }\n}\n\nfunction css(el, prop, val) {\n var style = el && el.style;\n\n if (style) {\n if (val === void 0) {\n if (document.defaultView && document.defaultView.getComputedStyle) {\n val = document.defaultView.getComputedStyle(el, '');\n } else if (el.currentStyle) {\n val = el.currentStyle;\n }\n\n return prop === void 0 ? val : val[prop];\n } else {\n if (!(prop in style) && prop.indexOf('webkit') === -1) {\n prop = '-webkit-' + prop;\n }\n\n style[prop] = val + (typeof val === 'string' ? '' : 'px');\n }\n }\n}\n\nfunction matrix(el, selfOnly) {\n var appliedTransforms = '';\n\n if (typeof el === 'string') {\n appliedTransforms = el;\n } else {\n do {\n var transform = css(el, 'transform');\n\n if (transform && transform !== 'none') {\n appliedTransforms = transform + ' ' + appliedTransforms;\n }\n /* jshint boss:true */\n\n } while (!selfOnly && (el = el.parentNode));\n }\n\n var matrixFn = window.DOMMatrix || window.WebKitCSSMatrix || window.CSSMatrix || window.MSCSSMatrix;\n /*jshint -W056 */\n\n return matrixFn && new matrixFn(appliedTransforms);\n}\n\nfunction find(ctx, tagName, iterator) {\n if (ctx) {\n var list = ctx.getElementsByTagName(tagName),\n i = 0,\n n = list.length;\n\n if (iterator) {\n for (; i < n; i++) {\n iterator(list[i], i);\n }\n }\n\n return list;\n }\n\n return [];\n}\n\nfunction getWindowScrollingElement() {\n var scrollingElement = document.scrollingElement;\n\n if (scrollingElement) {\n return scrollingElement;\n } else {\n return document.documentElement;\n }\n}\n/**\n * Returns the \"bounding client rect\" of given element\n * @param {HTMLElement} el The element whose boundingClientRect is wanted\n * @param {[Boolean]} relativeToContainingBlock Whether the rect should be relative to the containing block of (including) the container\n * @param {[Boolean]} relativeToNonStaticParent Whether the rect should be relative to the relative parent of (including) the contaienr\n * @param {[Boolean]} undoScale Whether the container's scale() should be undone\n * @param {[HTMLElement]} container The parent the element will be placed in\n * @return {Object} The boundingClientRect of el, with specified adjustments\n */\n\n\nfunction getRect(el, relativeToContainingBlock, relativeToNonStaticParent, undoScale, container) {\n if (!el.getBoundingClientRect && el !== window) return;\n var elRect, top, left, bottom, right, height, width;\n\n if (el !== window && el.parentNode && el !== getWindowScrollingElement()) {\n elRect = el.getBoundingClientRect();\n top = elRect.top;\n left = elRect.left;\n bottom = elRect.bottom;\n right = elRect.right;\n height = elRect.height;\n width = elRect.width;\n } else {\n top = 0;\n left = 0;\n bottom = window.innerHeight;\n right = window.innerWidth;\n height = window.innerHeight;\n width = window.innerWidth;\n }\n\n if ((relativeToContainingBlock || relativeToNonStaticParent) && el !== window) {\n // Adjust for translate()\n container = container || el.parentNode; // solves #1123 (see: https://stackoverflow.com/a/37953806/6088312)\n // Not needed on <= IE11\n\n if (!IE11OrLess) {\n do {\n if (container && container.getBoundingClientRect && (css(container, 'transform') !== 'none' || relativeToNonStaticParent && css(container, 'position') !== 'static')) {\n var containerRect = container.getBoundingClientRect(); // Set relative to edges of padding box of container\n\n top -= containerRect.top + parseInt(css(container, 'border-top-width'));\n left -= containerRect.left + parseInt(css(container, 'border-left-width'));\n bottom = top + elRect.height;\n right = left + elRect.width;\n break;\n }\n /* jshint boss:true */\n\n } while (container = container.parentNode);\n }\n }\n\n if (undoScale && el !== window) {\n // Adjust for scale()\n var elMatrix = matrix(container || el),\n scaleX = elMatrix && elMatrix.a,\n scaleY = elMatrix && elMatrix.d;\n\n if (elMatrix) {\n top /= scaleY;\n left /= scaleX;\n width /= scaleX;\n height /= scaleY;\n bottom = top + height;\n right = left + width;\n }\n }\n\n return {\n top: top,\n left: left,\n bottom: bottom,\n right: right,\n width: width,\n height: height\n };\n}\n/**\n * Checks if a side of an element is scrolled past a side of its parents\n * @param {HTMLElement} el The element who's side being scrolled out of view is in question\n * @param {String} elSide Side of the element in question ('top', 'left', 'right', 'bottom')\n * @param {String} parentSide Side of the parent in question ('top', 'left', 'right', 'bottom')\n * @return {HTMLElement} The parent scroll element that the el's side is scrolled past, or null if there is no such element\n */\n\n\nfunction isScrolledPast(el, elSide, parentSide) {\n var parent = getParentAutoScrollElement(el, true),\n elSideVal = getRect(el)[elSide];\n /* jshint boss:true */\n\n while (parent) {\n var parentSideVal = getRect(parent)[parentSide],\n visible = void 0;\n\n if (parentSide === 'top' || parentSide === 'left') {\n visible = elSideVal >= parentSideVal;\n } else {\n visible = elSideVal <= parentSideVal;\n }\n\n if (!visible) return parent;\n if (parent === getWindowScrollingElement()) break;\n parent = getParentAutoScrollElement(parent, false);\n }\n\n return false;\n}\n/**\n * Gets nth child of el, ignoring hidden children, sortable's elements (does not ignore clone if it's visible)\n * and non-draggable elements\n * @param {HTMLElement} el The parent element\n * @param {Number} childNum The index of the child\n * @param {Object} options Parent Sortable's options\n * @return {HTMLElement} The child at index childNum, or null if not found\n */\n\n\nfunction getChild(el, childNum, options, includeDragEl) {\n var currentChild = 0,\n i = 0,\n children = el.children;\n\n while (i < children.length) {\n if (children[i].style.display !== 'none' && children[i] !== Sortable.ghost && (includeDragEl || children[i] !== Sortable.dragged) && closest(children[i], options.draggable, el, false)) {\n if (currentChild === childNum) {\n return children[i];\n }\n\n currentChild++;\n }\n\n i++;\n }\n\n return null;\n}\n/**\n * Gets the last child in the el, ignoring ghostEl or invisible elements (clones)\n * @param {HTMLElement} el Parent element\n * @param {selector} selector Any other elements that should be ignored\n * @return {HTMLElement} The last child, ignoring ghostEl\n */\n\n\nfunction lastChild(el, selector) {\n var last = el.lastElementChild;\n\n while (last && (last === Sortable.ghost || css(last, 'display') === 'none' || selector && !matches(last, selector))) {\n last = last.previousElementSibling;\n }\n\n return last || null;\n}\n/**\n * Returns the index of an element within its parent for a selected set of\n * elements\n * @param {HTMLElement} el\n * @param {selector} selector\n * @return {number}\n */\n\n\nfunction index(el, selector) {\n var index = 0;\n\n if (!el || !el.parentNode) {\n return -1;\n }\n /* jshint boss:true */\n\n\n while (el = el.previousElementSibling) {\n if (el.nodeName.toUpperCase() !== 'TEMPLATE' && el !== Sortable.clone && (!selector || matches(el, selector))) {\n index++;\n }\n }\n\n return index;\n}\n/**\n * Returns the scroll offset of the given element, added with all the scroll offsets of parent elements.\n * The value is returned in real pixels.\n * @param {HTMLElement} el\n * @return {Array} Offsets in the format of [left, top]\n */\n\n\nfunction getRelativeScrollOffset(el) {\n var offsetLeft = 0,\n offsetTop = 0,\n winScroller = getWindowScrollingElement();\n\n if (el) {\n do {\n var elMatrix = matrix(el),\n scaleX = elMatrix.a,\n scaleY = elMatrix.d;\n offsetLeft += el.scrollLeft * scaleX;\n offsetTop += el.scrollTop * scaleY;\n } while (el !== winScroller && (el = el.parentNode));\n }\n\n return [offsetLeft, offsetTop];\n}\n/**\n * Returns the index of the object within the given array\n * @param {Array} arr Array that may or may not hold the object\n * @param {Object} obj An object that has a key-value pair unique to and identical to a key-value pair in the object you want to find\n * @return {Number} The index of the object in the array, or -1\n */\n\n\nfunction indexOfObject(arr, obj) {\n for (var i in arr) {\n if (!arr.hasOwnProperty(i)) continue;\n\n for (var key in obj) {\n if (obj.hasOwnProperty(key) && obj[key] === arr[i][key]) return Number(i);\n }\n }\n\n return -1;\n}\n\nfunction getParentAutoScrollElement(el, includeSelf) {\n // skip to window\n if (!el || !el.getBoundingClientRect) return getWindowScrollingElement();\n var elem = el;\n var gotSelf = false;\n\n do {\n // we don't need to get elem css if it isn't even overflowing in the first place (performance)\n if (elem.clientWidth < elem.scrollWidth || elem.clientHeight < elem.scrollHeight) {\n var elemCSS = css(elem);\n\n if (elem.clientWidth < elem.scrollWidth && (elemCSS.overflowX == 'auto' || elemCSS.overflowX == 'scroll') || elem.clientHeight < elem.scrollHeight && (elemCSS.overflowY == 'auto' || elemCSS.overflowY == 'scroll')) {\n if (!elem.getBoundingClientRect || elem === document.body) return getWindowScrollingElement();\n if (gotSelf || includeSelf) return elem;\n gotSelf = true;\n }\n }\n /* jshint boss:true */\n\n } while (elem = elem.parentNode);\n\n return getWindowScrollingElement();\n}\n\nfunction extend(dst, src) {\n if (dst && src) {\n for (var key in src) {\n if (src.hasOwnProperty(key)) {\n dst[key] = src[key];\n }\n }\n }\n\n return dst;\n}\n\nfunction isRectEqual(rect1, rect2) {\n return Math.round(rect1.top) === Math.round(rect2.top) && Math.round(rect1.left) === Math.round(rect2.left) && Math.round(rect1.height) === Math.round(rect2.height) && Math.round(rect1.width) === Math.round(rect2.width);\n}\n\nvar _throttleTimeout;\n\nfunction throttle(callback, ms) {\n return function () {\n if (!_throttleTimeout) {\n var args = arguments,\n _this = this;\n\n if (args.length === 1) {\n callback.call(_this, args[0]);\n } else {\n callback.apply(_this, args);\n }\n\n _throttleTimeout = setTimeout(function () {\n _throttleTimeout = void 0;\n }, ms);\n }\n };\n}\n\nfunction cancelThrottle() {\n clearTimeout(_throttleTimeout);\n _throttleTimeout = void 0;\n}\n\nfunction scrollBy(el, x, y) {\n el.scrollLeft += x;\n el.scrollTop += y;\n}\n\nfunction clone(el) {\n var Polymer = window.Polymer;\n var $ = window.jQuery || window.Zepto;\n\n if (Polymer && Polymer.dom) {\n return Polymer.dom(el).cloneNode(true);\n } else if ($) {\n return $(el).clone(true)[0];\n } else {\n return el.cloneNode(true);\n }\n}\n\nfunction setRect(el, rect) {\n css(el, 'position', 'absolute');\n css(el, 'top', rect.top);\n css(el, 'left', rect.left);\n css(el, 'width', rect.width);\n css(el, 'height', rect.height);\n}\n\nfunction unsetRect(el) {\n css(el, 'position', '');\n css(el, 'top', '');\n css(el, 'left', '');\n css(el, 'width', '');\n css(el, 'height', '');\n}\n\nvar expando = 'Sortable' + new Date().getTime();\n\nfunction AnimationStateManager() {\n var animationStates = [],\n animationCallbackId;\n return {\n captureAnimationState: function captureAnimationState() {\n animationStates = [];\n if (!this.options.animation) return;\n var children = [].slice.call(this.el.children);\n children.forEach(function (child) {\n if (css(child, 'display') === 'none' || child === Sortable.ghost) return;\n animationStates.push({\n target: child,\n rect: getRect(child)\n });\n\n var fromRect = _objectSpread2({}, animationStates[animationStates.length - 1].rect); // If animating: compensate for current animation\n\n\n if (child.thisAnimationDuration) {\n var childMatrix = matrix(child, true);\n\n if (childMatrix) {\n fromRect.top -= childMatrix.f;\n fromRect.left -= childMatrix.e;\n }\n }\n\n child.fromRect = fromRect;\n });\n },\n addAnimationState: function addAnimationState(state) {\n animationStates.push(state);\n },\n removeAnimationState: function removeAnimationState(target) {\n animationStates.splice(indexOfObject(animationStates, {\n target: target\n }), 1);\n },\n animateAll: function animateAll(callback) {\n var _this = this;\n\n if (!this.options.animation) {\n clearTimeout(animationCallbackId);\n if (typeof callback === 'function') callback();\n return;\n }\n\n var animating = false,\n animationTime = 0;\n animationStates.forEach(function (state) {\n var time = 0,\n target = state.target,\n fromRect = target.fromRect,\n toRect = getRect(target),\n prevFromRect = target.prevFromRect,\n prevToRect = target.prevToRect,\n animatingRect = state.rect,\n targetMatrix = matrix(target, true);\n\n if (targetMatrix) {\n // Compensate for current animation\n toRect.top -= targetMatrix.f;\n toRect.left -= targetMatrix.e;\n }\n\n target.toRect = toRect;\n\n if (target.thisAnimationDuration) {\n // Could also check if animatingRect is between fromRect and toRect\n if (isRectEqual(prevFromRect, toRect) && !isRectEqual(fromRect, toRect) && // Make sure animatingRect is on line between toRect & fromRect\n (animatingRect.top - toRect.top) / (animatingRect.left - toRect.left) === (fromRect.top - toRect.top) / (fromRect.left - toRect.left)) {\n // If returning to same place as started from animation and on same axis\n time = calculateRealTime(animatingRect, prevFromRect, prevToRect, _this.options);\n }\n } // if fromRect != toRect: animate\n\n\n if (!isRectEqual(toRect, fromRect)) {\n target.prevFromRect = fromRect;\n target.prevToRect = toRect;\n\n if (!time) {\n time = _this.options.animation;\n }\n\n _this.animate(target, animatingRect, toRect, time);\n }\n\n if (time) {\n animating = true;\n animationTime = Math.max(animationTime, time);\n clearTimeout(target.animationResetTimer);\n target.animationResetTimer = setTimeout(function () {\n target.animationTime = 0;\n target.prevFromRect = null;\n target.fromRect = null;\n target.prevToRect = null;\n target.thisAnimationDuration = null;\n }, time);\n target.thisAnimationDuration = time;\n }\n });\n clearTimeout(animationCallbackId);\n\n if (!animating) {\n if (typeof callback === 'function') callback();\n } else {\n animationCallbackId = setTimeout(function () {\n if (typeof callback === 'function') callback();\n }, animationTime);\n }\n\n animationStates = [];\n },\n animate: function animate(target, currentRect, toRect, duration) {\n if (duration) {\n css(target, 'transition', '');\n css(target, 'transform', '');\n var elMatrix = matrix(this.el),\n scaleX = elMatrix && elMatrix.a,\n scaleY = elMatrix && elMatrix.d,\n translateX = (currentRect.left - toRect.left) / (scaleX || 1),\n translateY = (currentRect.top - toRect.top) / (scaleY || 1);\n target.animatingX = !!translateX;\n target.animatingY = !!translateY;\n css(target, 'transform', 'translate3d(' + translateX + 'px,' + translateY + 'px,0)');\n this.forRepaintDummy = repaint(target); // repaint\n\n css(target, 'transition', 'transform ' + duration + 'ms' + (this.options.easing ? ' ' + this.options.easing : ''));\n css(target, 'transform', 'translate3d(0,0,0)');\n typeof target.animated === 'number' && clearTimeout(target.animated);\n target.animated = setTimeout(function () {\n css(target, 'transition', '');\n css(target, 'transform', '');\n target.animated = false;\n target.animatingX = false;\n target.animatingY = false;\n }, duration);\n }\n }\n };\n}\n\nfunction repaint(target) {\n return target.offsetWidth;\n}\n\nfunction calculateRealTime(animatingRect, fromRect, toRect, options) {\n return Math.sqrt(Math.pow(fromRect.top - animatingRect.top, 2) + Math.pow(fromRect.left - animatingRect.left, 2)) / Math.sqrt(Math.pow(fromRect.top - toRect.top, 2) + Math.pow(fromRect.left - toRect.left, 2)) * options.animation;\n}\n\nvar plugins = [];\nvar defaults = {\n initializeByDefault: true\n};\nvar PluginManager = {\n mount: function mount(plugin) {\n // Set default static properties\n for (var option in defaults) {\n if (defaults.hasOwnProperty(option) && !(option in plugin)) {\n plugin[option] = defaults[option];\n }\n }\n\n plugins.forEach(function (p) {\n if (p.pluginName === plugin.pluginName) {\n throw \"Sortable: Cannot mount plugin \".concat(plugin.pluginName, \" more than once\");\n }\n });\n plugins.push(plugin);\n },\n pluginEvent: function pluginEvent(eventName, sortable, evt) {\n var _this = this;\n\n this.eventCanceled = false;\n\n evt.cancel = function () {\n _this.eventCanceled = true;\n };\n\n var eventNameGlobal = eventName + 'Global';\n plugins.forEach(function (plugin) {\n if (!sortable[plugin.pluginName]) return; // Fire global events if it exists in this sortable\n\n if (sortable[plugin.pluginName][eventNameGlobal]) {\n sortable[plugin.pluginName][eventNameGlobal](_objectSpread2({\n sortable: sortable\n }, evt));\n } // Only fire plugin event if plugin is enabled in this sortable,\n // and plugin has event defined\n\n\n if (sortable.options[plugin.pluginName] && sortable[plugin.pluginName][eventName]) {\n sortable[plugin.pluginName][eventName](_objectSpread2({\n sortable: sortable\n }, evt));\n }\n });\n },\n initializePlugins: function initializePlugins(sortable, el, defaults, options) {\n plugins.forEach(function (plugin) {\n var pluginName = plugin.pluginName;\n if (!sortable.options[pluginName] && !plugin.initializeByDefault) return;\n var initialized = new plugin(sortable, el, sortable.options);\n initialized.sortable = sortable;\n initialized.options = sortable.options;\n sortable[pluginName] = initialized; // Add default options from plugin\n\n _extends(defaults, initialized.defaults);\n });\n\n for (var option in sortable.options) {\n if (!sortable.options.hasOwnProperty(option)) continue;\n var modified = this.modifyOption(sortable, option, sortable.options[option]);\n\n if (typeof modified !== 'undefined') {\n sortable.options[option] = modified;\n }\n }\n },\n getEventProperties: function getEventProperties(name, sortable) {\n var eventProperties = {};\n plugins.forEach(function (plugin) {\n if (typeof plugin.eventProperties !== 'function') return;\n\n _extends(eventProperties, plugin.eventProperties.call(sortable[plugin.pluginName], name));\n });\n return eventProperties;\n },\n modifyOption: function modifyOption(sortable, name, value) {\n var modifiedValue;\n plugins.forEach(function (plugin) {\n // Plugin must exist on the Sortable\n if (!sortable[plugin.pluginName]) return; // If static option listener exists for this option, call in the context of the Sortable's instance of this plugin\n\n if (plugin.optionListeners && typeof plugin.optionListeners[name] === 'function') {\n modifiedValue = plugin.optionListeners[name].call(sortable[plugin.pluginName], value);\n }\n });\n return modifiedValue;\n }\n};\n\nfunction dispatchEvent(_ref) {\n var sortable = _ref.sortable,\n rootEl = _ref.rootEl,\n name = _ref.name,\n targetEl = _ref.targetEl,\n cloneEl = _ref.cloneEl,\n toEl = _ref.toEl,\n fromEl = _ref.fromEl,\n oldIndex = _ref.oldIndex,\n newIndex = _ref.newIndex,\n oldDraggableIndex = _ref.oldDraggableIndex,\n newDraggableIndex = _ref.newDraggableIndex,\n originalEvent = _ref.originalEvent,\n putSortable = _ref.putSortable,\n extraEventProperties = _ref.extraEventProperties;\n sortable = sortable || rootEl && rootEl[expando];\n if (!sortable) return;\n var evt,\n options = sortable.options,\n onName = 'on' + name.charAt(0).toUpperCase() + name.substr(1); // Support for new CustomEvent feature\n\n if (window.CustomEvent && !IE11OrLess && !Edge) {\n evt = new CustomEvent(name, {\n bubbles: true,\n cancelable: true\n });\n } else {\n evt = document.createEvent('Event');\n evt.initEvent(name, true, true);\n }\n\n evt.to = toEl || rootEl;\n evt.from = fromEl || rootEl;\n evt.item = targetEl || rootEl;\n evt.clone = cloneEl;\n evt.oldIndex = oldIndex;\n evt.newIndex = newIndex;\n evt.oldDraggableIndex = oldDraggableIndex;\n evt.newDraggableIndex = newDraggableIndex;\n evt.originalEvent = originalEvent;\n evt.pullMode = putSortable ? putSortable.lastPutMode : undefined;\n\n var allEventProperties = _objectSpread2(_objectSpread2({}, extraEventProperties), PluginManager.getEventProperties(name, sortable));\n\n for (var option in allEventProperties) {\n evt[option] = allEventProperties[option];\n }\n\n if (rootEl) {\n rootEl.dispatchEvent(evt);\n }\n\n if (options[onName]) {\n options[onName].call(sortable, evt);\n }\n}\n\nvar _excluded = [\"evt\"];\n\nvar pluginEvent = function pluginEvent(eventName, sortable) {\n var _ref = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},\n originalEvent = _ref.evt,\n data = _objectWithoutProperties(_ref, _excluded);\n\n PluginManager.pluginEvent.bind(Sortable)(eventName, sortable, _objectSpread2({\n dragEl: dragEl,\n parentEl: parentEl,\n ghostEl: ghostEl,\n rootEl: rootEl,\n nextEl: nextEl,\n lastDownEl: lastDownEl,\n cloneEl: cloneEl,\n cloneHidden: cloneHidden,\n dragStarted: moved,\n putSortable: putSortable,\n activeSortable: Sortable.active,\n originalEvent: originalEvent,\n oldIndex: oldIndex,\n oldDraggableIndex: oldDraggableIndex,\n newIndex: newIndex,\n newDraggableIndex: newDraggableIndex,\n hideGhostForTarget: _hideGhostForTarget,\n unhideGhostForTarget: _unhideGhostForTarget,\n cloneNowHidden: function cloneNowHidden() {\n cloneHidden = true;\n },\n cloneNowShown: function cloneNowShown() {\n cloneHidden = false;\n },\n dispatchSortableEvent: function dispatchSortableEvent(name) {\n _dispatchEvent({\n sortable: sortable,\n name: name,\n originalEvent: originalEvent\n });\n }\n }, data));\n};\n\nfunction _dispatchEvent(info) {\n dispatchEvent(_objectSpread2({\n putSortable: putSortable,\n cloneEl: cloneEl,\n targetEl: dragEl,\n rootEl: rootEl,\n oldIndex: oldIndex,\n oldDraggableIndex: oldDraggableIndex,\n newIndex: newIndex,\n newDraggableIndex: newDraggableIndex\n }, info));\n}\n\nvar dragEl,\n parentEl,\n ghostEl,\n rootEl,\n nextEl,\n lastDownEl,\n cloneEl,\n cloneHidden,\n oldIndex,\n newIndex,\n oldDraggableIndex,\n newDraggableIndex,\n activeGroup,\n putSortable,\n awaitingDragStarted = false,\n ignoreNextClick = false,\n sortables = [],\n tapEvt,\n touchEvt,\n lastDx,\n lastDy,\n tapDistanceLeft,\n tapDistanceTop,\n moved,\n lastTarget,\n lastDirection,\n pastFirstInvertThresh = false,\n isCircumstantialInvert = false,\n targetMoveDistance,\n // For positioning ghost absolutely\nghostRelativeParent,\n ghostRelativeParentInitialScroll = [],\n // (left, top)\n_silent = false,\n savedInputChecked = [];\n/** @const */\n\nvar documentExists = typeof document !== 'undefined',\n PositionGhostAbsolutely = IOS,\n CSSFloatProperty = Edge || IE11OrLess ? 'cssFloat' : 'float',\n // This will not pass for IE9, because IE9 DnD only works on anchors\nsupportDraggable = documentExists && !ChromeForAndroid && !IOS && 'draggable' in document.createElement('div'),\n supportCssPointerEvents = function () {\n if (!documentExists) return; // false when <= IE11\n\n if (IE11OrLess) {\n return false;\n }\n\n var el = document.createElement('x');\n el.style.cssText = 'pointer-events:auto';\n return el.style.pointerEvents === 'auto';\n}(),\n _detectDirection = function _detectDirection(el, options) {\n var elCSS = css(el),\n elWidth = parseInt(elCSS.width) - parseInt(elCSS.paddingLeft) - parseInt(elCSS.paddingRight) - parseInt(elCSS.borderLeftWidth) - parseInt(elCSS.borderRightWidth),\n child1 = getChild(el, 0, options),\n child2 = getChild(el, 1, options),\n firstChildCSS = child1 && css(child1),\n secondChildCSS = child2 && css(child2),\n firstChildWidth = firstChildCSS && parseInt(firstChildCSS.marginLeft) + parseInt(firstChildCSS.marginRight) + getRect(child1).width,\n secondChildWidth = secondChildCSS && parseInt(secondChildCSS.marginLeft) + parseInt(secondChildCSS.marginRight) + getRect(child2).width;\n\n if (elCSS.display === 'flex') {\n return elCSS.flexDirection === 'column' || elCSS.flexDirection === 'column-reverse' ? 'vertical' : 'horizontal';\n }\n\n if (elCSS.display === 'grid') {\n return elCSS.gridTemplateColumns.split(' ').length <= 1 ? 'vertical' : 'horizontal';\n }\n\n if (child1 && firstChildCSS[\"float\"] && firstChildCSS[\"float\"] !== 'none') {\n var touchingSideChild2 = firstChildCSS[\"float\"] === 'left' ? 'left' : 'right';\n return child2 && (secondChildCSS.clear === 'both' || secondChildCSS.clear === touchingSideChild2) ? 'vertical' : 'horizontal';\n }\n\n return child1 && (firstChildCSS.display === 'block' || firstChildCSS.display === 'flex' || firstChildCSS.display === 'table' || firstChildCSS.display === 'grid' || firstChildWidth >= elWidth && elCSS[CSSFloatProperty] === 'none' || child2 && elCSS[CSSFloatProperty] === 'none' && firstChildWidth + secondChildWidth > elWidth) ? 'vertical' : 'horizontal';\n},\n _dragElInRowColumn = function _dragElInRowColumn(dragRect, targetRect, vertical) {\n var dragElS1Opp = vertical ? dragRect.left : dragRect.top,\n dragElS2Opp = vertical ? dragRect.right : dragRect.bottom,\n dragElOppLength = vertical ? dragRect.width : dragRect.height,\n targetS1Opp = vertical ? targetRect.left : targetRect.top,\n targetS2Opp = vertical ? targetRect.right : targetRect.bottom,\n targetOppLength = vertical ? targetRect.width : targetRect.height;\n return dragElS1Opp === targetS1Opp || dragElS2Opp === targetS2Opp || dragElS1Opp + dragElOppLength / 2 === targetS1Opp + targetOppLength / 2;\n},\n\n/**\n * Detects first nearest empty sortable to X and Y position using emptyInsertThreshold.\n * @param {Number} x X position\n * @param {Number} y Y position\n * @return {HTMLElement} Element of the first found nearest Sortable\n */\n_detectNearestEmptySortable = function _detectNearestEmptySortable(x, y) {\n var ret;\n sortables.some(function (sortable) {\n var threshold = sortable[expando].options.emptyInsertThreshold;\n if (!threshold || lastChild(sortable)) return;\n var rect = getRect(sortable),\n insideHorizontally = x >= rect.left - threshold && x <= rect.right + threshold,\n insideVertically = y >= rect.top - threshold && y <= rect.bottom + threshold;\n\n if (insideHorizontally && insideVertically) {\n return ret = sortable;\n }\n });\n return ret;\n},\n _prepareGroup = function _prepareGroup(options) {\n function toFn(value, pull) {\n return function (to, from, dragEl, evt) {\n var sameGroup = to.options.group.name && from.options.group.name && to.options.group.name === from.options.group.name;\n\n if (value == null && (pull || sameGroup)) {\n // Default pull value\n // Default pull and put value if same group\n return true;\n } else if (value == null || value === false) {\n return false;\n } else if (pull && value === 'clone') {\n return value;\n } else if (typeof value === 'function') {\n return toFn(value(to, from, dragEl, evt), pull)(to, from, dragEl, evt);\n } else {\n var otherGroup = (pull ? to : from).options.group.name;\n return value === true || typeof value === 'string' && value === otherGroup || value.join && value.indexOf(otherGroup) > -1;\n }\n };\n }\n\n var group = {};\n var originalGroup = options.group;\n\n if (!originalGroup || _typeof(originalGroup) != 'object') {\n originalGroup = {\n name: originalGroup\n };\n }\n\n group.name = originalGroup.name;\n group.checkPull = toFn(originalGroup.pull, true);\n group.checkPut = toFn(originalGroup.put);\n group.revertClone = originalGroup.revertClone;\n options.group = group;\n},\n _hideGhostForTarget = function _hideGhostForTarget() {\n if (!supportCssPointerEvents && ghostEl) {\n css(ghostEl, 'display', 'none');\n }\n},\n _unhideGhostForTarget = function _unhideGhostForTarget() {\n if (!supportCssPointerEvents && ghostEl) {\n css(ghostEl, 'display', '');\n }\n}; // #1184 fix - Prevent click event on fallback if dragged but item not changed position\n\n\nif (documentExists) {\n document.addEventListener('click', function (evt) {\n if (ignoreNextClick) {\n evt.preventDefault();\n evt.stopPropagation && evt.stopPropagation();\n evt.stopImmediatePropagation && evt.stopImmediatePropagation();\n ignoreNextClick = false;\n return false;\n }\n }, true);\n}\n\nvar nearestEmptyInsertDetectEvent = function nearestEmptyInsertDetectEvent(evt) {\n if (dragEl) {\n evt = evt.touches ? evt.touches[0] : evt;\n\n var nearest = _detectNearestEmptySortable(evt.clientX, evt.clientY);\n\n if (nearest) {\n // Create imitation event\n var event = {};\n\n for (var i in evt) {\n if (evt.hasOwnProperty(i)) {\n event[i] = evt[i];\n }\n }\n\n event.target = event.rootEl = nearest;\n event.preventDefault = void 0;\n event.stopPropagation = void 0;\n\n nearest[expando]._onDragOver(event);\n }\n }\n};\n\nvar _checkOutsideTargetEl = function _checkOutsideTargetEl(evt) {\n if (dragEl) {\n dragEl.parentNode[expando]._isOutsideThisEl(evt.target);\n }\n};\n/**\n * @class Sortable\n * @param {HTMLElement} el\n * @param {Object} [options]\n */\n\n\nfunction Sortable(el, options) {\n if (!(el && el.nodeType && el.nodeType === 1)) {\n throw \"Sortable: `el` must be an HTMLElement, not \".concat({}.toString.call(el));\n }\n\n this.el = el; // root element\n\n this.options = options = _extends({}, options); // Export instance\n\n el[expando] = this;\n var defaults = {\n group: null,\n sort: true,\n disabled: false,\n store: null,\n handle: null,\n draggable: /^[uo]l$/i.test(el.nodeName) ? '>li' : '>*',\n swapThreshold: 1,\n // percentage; 0 <= x <= 1\n invertSwap: false,\n // invert always\n invertedSwapThreshold: null,\n // will be set to same as swapThreshold if default\n removeCloneOnHide: true,\n direction: function direction() {\n return _detectDirection(el, this.options);\n },\n ghostClass: 'sortable-ghost',\n chosenClass: 'sortable-chosen',\n dragClass: 'sortable-drag',\n ignore: 'a, img',\n filter: null,\n preventOnFilter: true,\n animation: 0,\n easing: null,\n setData: function setData(dataTransfer, dragEl) {\n dataTransfer.setData('Text', dragEl.textContent);\n },\n dropBubble: false,\n dragoverBubble: false,\n dataIdAttr: 'data-id',\n delay: 0,\n delayOnTouchOnly: false,\n touchStartThreshold: (Number.parseInt ? Number : window).parseInt(window.devicePixelRatio, 10) || 1,\n forceFallback: false,\n fallbackClass: 'sortable-fallback',\n fallbackOnBody: false,\n fallbackTolerance: 0,\n fallbackOffset: {\n x: 0,\n y: 0\n },\n supportPointer: Sortable.supportPointer !== false && 'PointerEvent' in window && !Safari,\n emptyInsertThreshold: 5\n };\n PluginManager.initializePlugins(this, el, defaults); // Set default options\n\n for (var name in defaults) {\n !(name in options) && (options[name] = defaults[name]);\n }\n\n _prepareGroup(options); // Bind all private methods\n\n\n for (var fn in this) {\n if (fn.charAt(0) === '_' && typeof this[fn] === 'function') {\n this[fn] = this[fn].bind(this);\n }\n } // Setup drag mode\n\n\n this.nativeDraggable = options.forceFallback ? false : supportDraggable;\n\n if (this.nativeDraggable) {\n // Touch start threshold cannot be greater than the native dragstart threshold\n this.options.touchStartThreshold = 1;\n } // Bind events\n\n\n if (options.supportPointer) {\n on(el, 'pointerdown', this._onTapStart);\n } else {\n on(el, 'mousedown', this._onTapStart);\n on(el, 'touchstart', this._onTapStart);\n }\n\n if (this.nativeDraggable) {\n on(el, 'dragover', this);\n on(el, 'dragenter', this);\n }\n\n sortables.push(this.el); // Restore sorting\n\n options.store && options.store.get && this.sort(options.store.get(this) || []); // Add animation state manager\n\n _extends(this, AnimationStateManager());\n}\n\nSortable.prototype =\n/** @lends Sortable.prototype */\n{\n constructor: Sortable,\n _isOutsideThisEl: function _isOutsideThisEl(target) {\n if (!this.el.contains(target) && target !== this.el) {\n lastTarget = null;\n }\n },\n _getDirection: function _getDirection(evt, target) {\n return typeof this.options.direction === 'function' ? this.options.direction.call(this, evt, target, dragEl) : this.options.direction;\n },\n _onTapStart: function _onTapStart(\n /** Event|TouchEvent */\n evt) {\n if (!evt.cancelable) return;\n\n var _this = this,\n el = this.el,\n options = this.options,\n preventOnFilter = options.preventOnFilter,\n type = evt.type,\n touch = evt.touches && evt.touches[0] || evt.pointerType && evt.pointerType === 'touch' && evt,\n target = (touch || evt).target,\n originalTarget = evt.target.shadowRoot && (evt.path && evt.path[0] || evt.composedPath && evt.composedPath()[0]) || target,\n filter = options.filter;\n\n _saveInputCheckedState(el); // Don't trigger start event when an element is been dragged, otherwise the evt.oldindex always wrong when set option.group.\n\n\n if (dragEl) {\n return;\n }\n\n if (/mousedown|pointerdown/.test(type) && evt.button !== 0 || options.disabled) {\n return; // only left button and enabled\n } // cancel dnd if original target is content editable\n\n\n if (originalTarget.isContentEditable) {\n return;\n } // Safari ignores further event handling after mousedown\n\n\n if (!this.nativeDraggable && Safari && target && target.tagName.toUpperCase() === 'SELECT') {\n return;\n }\n\n target = closest(target, options.draggable, el, false);\n\n if (target && target.animated) {\n return;\n }\n\n if (lastDownEl === target) {\n // Ignoring duplicate `down`\n return;\n } // Get the index of the dragged element within its parent\n\n\n oldIndex = index(target);\n oldDraggableIndex = index(target, options.draggable); // Check filter\n\n if (typeof filter === 'function') {\n if (filter.call(this, evt, target, this)) {\n _dispatchEvent({\n sortable: _this,\n rootEl: originalTarget,\n name: 'filter',\n targetEl: target,\n toEl: el,\n fromEl: el\n });\n\n pluginEvent('filter', _this, {\n evt: evt\n });\n preventOnFilter && evt.cancelable && evt.preventDefault();\n return; // cancel dnd\n }\n } else if (filter) {\n filter = filter.split(',').some(function (criteria) {\n criteria = closest(originalTarget, criteria.trim(), el, false);\n\n if (criteria) {\n _dispatchEvent({\n sortable: _this,\n rootEl: criteria,\n name: 'filter',\n targetEl: target,\n fromEl: el,\n toEl: el\n });\n\n pluginEvent('filter', _this, {\n evt: evt\n });\n return true;\n }\n });\n\n if (filter) {\n preventOnFilter && evt.cancelable && evt.preventDefault();\n return; // cancel dnd\n }\n }\n\n if (options.handle && !closest(originalTarget, options.handle, el, false)) {\n return;\n } // Prepare `dragstart`\n\n\n this._prepareDragStart(evt, touch, target);\n },\n _prepareDragStart: function _prepareDragStart(\n /** Event */\n evt,\n /** Touch */\n touch,\n /** HTMLElement */\n target) {\n var _this = this,\n el = _this.el,\n options = _this.options,\n ownerDocument = el.ownerDocument,\n dragStartFn;\n\n if (target && !dragEl && target.parentNode === el) {\n var dragRect = getRect(target);\n rootEl = el;\n dragEl = target;\n parentEl = dragEl.parentNode;\n nextEl = dragEl.nextSibling;\n lastDownEl = target;\n activeGroup = options.group;\n Sortable.dragged = dragEl;\n tapEvt = {\n target: dragEl,\n clientX: (touch || evt).clientX,\n clientY: (touch || evt).clientY\n };\n tapDistanceLeft = tapEvt.clientX - dragRect.left;\n tapDistanceTop = tapEvt.clientY - dragRect.top;\n this._lastX = (touch || evt).clientX;\n this._lastY = (touch || evt).clientY;\n dragEl.style['will-change'] = 'all';\n\n dragStartFn = function dragStartFn() {\n pluginEvent('delayEnded', _this, {\n evt: evt\n });\n\n if (Sortable.eventCanceled) {\n _this._onDrop();\n\n return;\n } // Delayed drag has been triggered\n // we can re-enable the events: touchmove/mousemove\n\n\n _this._disableDelayedDragEvents();\n\n if (!FireFox && _this.nativeDraggable) {\n dragEl.draggable = true;\n } // Bind the events: dragstart/dragend\n\n\n _this._triggerDragStart(evt, touch); // Drag start event\n\n\n _dispatchEvent({\n sortable: _this,\n name: 'choose',\n originalEvent: evt\n }); // Chosen item\n\n\n toggleClass(dragEl, options.chosenClass, true);\n }; // Disable \"draggable\"\n\n\n options.ignore.split(',').forEach(function (criteria) {\n find(dragEl, criteria.trim(), _disableDraggable);\n });\n on(ownerDocument, 'dragover', nearestEmptyInsertDetectEvent);\n on(ownerDocument, 'mousemove', nearestEmptyInsertDetectEvent);\n on(ownerDocument, 'touchmove', nearestEmptyInsertDetectEvent);\n on(ownerDocument, 'mouseup', _this._onDrop);\n on(ownerDocument, 'touchend', _this._onDrop);\n on(ownerDocument, 'touchcancel', _this._onDrop); // Make dragEl draggable (must be before delay for FireFox)\n\n if (FireFox && this.nativeDraggable) {\n this.options.touchStartThreshold = 4;\n dragEl.draggable = true;\n }\n\n pluginEvent('delayStart', this, {\n evt: evt\n }); // Delay is impossible for native DnD in Edge or IE\n\n if (options.delay && (!options.delayOnTouchOnly || touch) && (!this.nativeDraggable || !(Edge || IE11OrLess))) {\n if (Sortable.eventCanceled) {\n this._onDrop();\n\n return;\n } // If the user moves the pointer or let go the click or touch\n // before the delay has been reached:\n // disable the delayed drag\n\n\n on(ownerDocument, 'mouseup', _this._disableDelayedDrag);\n on(ownerDocument, 'touchend', _this._disableDelayedDrag);\n on(ownerDocument, 'touchcancel', _this._disableDelayedDrag);\n on(ownerDocument, 'mousemove', _this._delayedDragTouchMoveHandler);\n on(ownerDocument, 'touchmove', _this._delayedDragTouchMoveHandler);\n options.supportPointer && on(ownerDocument, 'pointermove', _this._delayedDragTouchMoveHandler);\n _this._dragStartTimer = setTimeout(dragStartFn, options.delay);\n } else {\n dragStartFn();\n }\n }\n },\n _delayedDragTouchMoveHandler: function _delayedDragTouchMoveHandler(\n /** TouchEvent|PointerEvent **/\n e) {\n var touch = e.touches ? e.touches[0] : e;\n\n if (Math.max(Math.abs(touch.clientX - this._lastX), Math.abs(touch.clientY - this._lastY)) >= Math.floor(this.options.touchStartThreshold / (this.nativeDraggable && window.devicePixelRatio || 1))) {\n this._disableDelayedDrag();\n }\n },\n _disableDelayedDrag: function _disableDelayedDrag() {\n dragEl && _disableDraggable(dragEl);\n clearTimeout(this._dragStartTimer);\n\n this._disableDelayedDragEvents();\n },\n _disableDelayedDragEvents: function _disableDelayedDragEvents() {\n var ownerDocument = this.el.ownerDocument;\n off(ownerDocument, 'mouseup', this._disableDelayedDrag);\n off(ownerDocument, 'touchend', this._disableDelayedDrag);\n off(ownerDocument, 'touchcancel', this._disableDelayedDrag);\n off(ownerDocument, 'mousemove', this._delayedDragTouchMoveHandler);\n off(ownerDocument, 'touchmove', this._delayedDragTouchMoveHandler);\n off(ownerDocument, 'pointermove', this._delayedDragTouchMoveHandler);\n },\n _triggerDragStart: function _triggerDragStart(\n /** Event */\n evt,\n /** Touch */\n touch) {\n touch = touch || evt.pointerType == 'touch' && evt;\n\n if (!this.nativeDraggable || touch) {\n if (this.options.supportPointer) {\n on(document, 'pointermove', this._onTouchMove);\n } else if (touch) {\n on(document, 'touchmove', this._onTouchMove);\n } else {\n on(document, 'mousemove', this._onTouchMove);\n }\n } else {\n on(dragEl, 'dragend', this);\n on(rootEl, 'dragstart', this._onDragStart);\n }\n\n try {\n if (document.selection) {\n // Timeout neccessary for IE9\n _nextTick(function () {\n document.selection.empty();\n });\n } else {\n window.getSelection().removeAllRanges();\n }\n } catch (err) {}\n },\n _dragStarted: function _dragStarted(fallback, evt) {\n\n awaitingDragStarted = false;\n\n if (rootEl && dragEl) {\n pluginEvent('dragStarted', this, {\n evt: evt\n });\n\n if (this.nativeDraggable) {\n on(document, 'dragover', _checkOutsideTargetEl);\n }\n\n var options = this.options; // Apply effect\n\n !fallback && toggleClass(dragEl, options.dragClass, false);\n toggleClass(dragEl, options.ghostClass, true);\n Sortable.active = this;\n fallback && this._appendGhost(); // Drag start event\n\n _dispatchEvent({\n sortable: this,\n name: 'start',\n originalEvent: evt\n });\n } else {\n this._nulling();\n }\n },\n _emulateDragOver: function _emulateDragOver() {\n if (touchEvt) {\n this._lastX = touchEvt.clientX;\n this._lastY = touchEvt.clientY;\n\n _hideGhostForTarget();\n\n var target = document.elementFromPoint(touchEvt.clientX, touchEvt.clientY);\n var parent = target;\n\n while (target && target.shadowRoot) {\n target = target.shadowRoot.elementFromPoint(touchEvt.clientX, touchEvt.clientY);\n if (target === parent) break;\n parent = target;\n }\n\n dragEl.parentNode[expando]._isOutsideThisEl(target);\n\n if (parent) {\n do {\n if (parent[expando]) {\n var inserted = void 0;\n inserted = parent[expando]._onDragOver({\n clientX: touchEvt.clientX,\n clientY: touchEvt.clientY,\n target: target,\n rootEl: parent\n });\n\n if (inserted && !this.options.dragoverBubble) {\n break;\n }\n }\n\n target = parent; // store last element\n }\n /* jshint boss:true */\n while (parent = parent.parentNode);\n }\n\n _unhideGhostForTarget();\n }\n },\n _onTouchMove: function _onTouchMove(\n /**TouchEvent*/\n evt) {\n if (tapEvt) {\n var options = this.options,\n fallbackTolerance = options.fallbackTolerance,\n fallbackOffset = options.fallbackOffset,\n touch = evt.touches ? evt.touches[0] : evt,\n ghostMatrix = ghostEl && matrix(ghostEl, true),\n scaleX = ghostEl && ghostMatrix && ghostMatrix.a,\n scaleY = ghostEl && ghostMatrix && ghostMatrix.d,\n relativeScrollOffset = PositionGhostAbsolutely && ghostRelativeParent && getRelativeScrollOffset(ghostRelativeParent),\n dx = (touch.clientX - tapEvt.clientX + fallbackOffset.x) / (scaleX || 1) + (relativeScrollOffset ? relativeScrollOffset[0] - ghostRelativeParentInitialScroll[0] : 0) / (scaleX || 1),\n dy = (touch.clientY - tapEvt.clientY + fallbackOffset.y) / (scaleY || 1) + (relativeScrollOffset ? relativeScrollOffset[1] - ghostRelativeParentInitialScroll[1] : 0) / (scaleY || 1); // only set the status to dragging, when we are actually dragging\n\n if (!Sortable.active && !awaitingDragStarted) {\n if (fallbackTolerance && Math.max(Math.abs(touch.clientX - this._lastX), Math.abs(touch.clientY - this._lastY)) < fallbackTolerance) {\n return;\n }\n\n this._onDragStart(evt, true);\n }\n\n if (ghostEl) {\n if (ghostMatrix) {\n ghostMatrix.e += dx - (lastDx || 0);\n ghostMatrix.f += dy - (lastDy || 0);\n } else {\n ghostMatrix = {\n a: 1,\n b: 0,\n c: 0,\n d: 1,\n e: dx,\n f: dy\n };\n }\n\n var cssMatrix = \"matrix(\".concat(ghostMatrix.a, \",\").concat(ghostMatrix.b, \",\").concat(ghostMatrix.c, \",\").concat(ghostMatrix.d, \",\").concat(ghostMatrix.e, \",\").concat(ghostMatrix.f, \")\");\n css(ghostEl, 'webkitTransform', cssMatrix);\n css(ghostEl, 'mozTransform', cssMatrix);\n css(ghostEl, 'msTransform', cssMatrix);\n css(ghostEl, 'transform', cssMatrix);\n lastDx = dx;\n lastDy = dy;\n touchEvt = touch;\n }\n\n evt.cancelable && evt.preventDefault();\n }\n },\n _appendGhost: function _appendGhost() {\n // Bug if using scale(): https://stackoverflow.com/questions/2637058\n // Not being adjusted for\n if (!ghostEl) {\n var container = this.options.fallbackOnBody ? document.body : rootEl,\n rect = getRect(dragEl, true, PositionGhostAbsolutely, true, container),\n options = this.options; // Position absolutely\n\n if (PositionGhostAbsolutely) {\n // Get relatively positioned parent\n ghostRelativeParent = container;\n\n while (css(ghostRelativeParent, 'position') === 'static' && css(ghostRelativeParent, 'transform') === 'none' && ghostRelativeParent !== document) {\n ghostRelativeParent = ghostRelativeParent.parentNode;\n }\n\n if (ghostRelativeParent !== document.body && ghostRelativeParent !== document.documentElement) {\n if (ghostRelativeParent === document) ghostRelativeParent = getWindowScrollingElement();\n rect.top += ghostRelativeParent.scrollTop;\n rect.left += ghostRelativeParent.scrollLeft;\n } else {\n ghostRelativeParent = getWindowScrollingElement();\n }\n\n ghostRelativeParentInitialScroll = getRelativeScrollOffset(ghostRelativeParent);\n }\n\n ghostEl = dragEl.cloneNode(true);\n toggleClass(ghostEl, options.ghostClass, false);\n toggleClass(ghostEl, options.fallbackClass, true);\n toggleClass(ghostEl, options.dragClass, true);\n css(ghostEl, 'transition', '');\n css(ghostEl, 'transform', '');\n css(ghostEl, 'box-sizing', 'border-box');\n css(ghostEl, 'margin', 0);\n css(ghostEl, 'top', rect.top);\n css(ghostEl, 'left', rect.left);\n css(ghostEl, 'width', rect.width);\n css(ghostEl, 'height', rect.height);\n css(ghostEl, 'opacity', '0.8');\n css(ghostEl, 'position', PositionGhostAbsolutely ? 'absolute' : 'fixed');\n css(ghostEl, 'zIndex', '100000');\n css(ghostEl, 'pointerEvents', 'none');\n Sortable.ghost = ghostEl;\n container.appendChild(ghostEl); // Set transform-origin\n\n css(ghostEl, 'transform-origin', tapDistanceLeft / parseInt(ghostEl.style.width) * 100 + '% ' + tapDistanceTop / parseInt(ghostEl.style.height) * 100 + '%');\n }\n },\n _onDragStart: function _onDragStart(\n /**Event*/\n evt,\n /**boolean*/\n fallback) {\n var _this = this;\n\n var dataTransfer = evt.dataTransfer;\n var options = _this.options;\n pluginEvent('dragStart', this, {\n evt: evt\n });\n\n if (Sortable.eventCanceled) {\n this._onDrop();\n\n return;\n }\n\n pluginEvent('setupClone', this);\n\n if (!Sortable.eventCanceled) {\n cloneEl = clone(dragEl);\n cloneEl.draggable = false;\n cloneEl.style['will-change'] = '';\n\n this._hideClone();\n\n toggleClass(cloneEl, this.options.chosenClass, false);\n Sortable.clone = cloneEl;\n } // #1143: IFrame support workaround\n\n\n _this.cloneId = _nextTick(function () {\n pluginEvent('clone', _this);\n if (Sortable.eventCanceled) return;\n\n if (!_this.options.removeCloneOnHide) {\n rootEl.insertBefore(cloneEl, dragEl);\n }\n\n _this._hideClone();\n\n _dispatchEvent({\n sortable: _this,\n name: 'clone'\n });\n });\n !fallback && toggleClass(dragEl, options.dragClass, true); // Set proper drop events\n\n if (fallback) {\n ignoreNextClick = true;\n _this._loopId = setInterval(_this._emulateDragOver, 50);\n } else {\n // Undo what was set in _prepareDragStart before drag started\n off(document, 'mouseup', _this._onDrop);\n off(document, 'touchend', _this._onDrop);\n off(document, 'touchcancel', _this._onDrop);\n\n if (dataTransfer) {\n dataTransfer.effectAllowed = 'move';\n options.setData && options.setData.call(_this, dataTransfer, dragEl);\n }\n\n on(document, 'drop', _this); // #1276 fix:\n\n css(dragEl, 'transform', 'translateZ(0)');\n }\n\n awaitingDragStarted = true;\n _this._dragStartId = _nextTick(_this._dragStarted.bind(_this, fallback, evt));\n on(document, 'selectstart', _this);\n moved = true;\n\n if (Safari) {\n css(document.body, 'user-select', 'none');\n }\n },\n // Returns true - if no further action is needed (either inserted or another condition)\n _onDragOver: function _onDragOver(\n /**Event*/\n evt) {\n var el = this.el,\n target = evt.target,\n dragRect,\n targetRect,\n revert,\n options = this.options,\n group = options.group,\n activeSortable = Sortable.active,\n isOwner = activeGroup === group,\n canSort = options.sort,\n fromSortable = putSortable || activeSortable,\n vertical,\n _this = this,\n completedFired = false;\n\n if (_silent) return;\n\n function dragOverEvent(name, extra) {\n pluginEvent(name, _this, _objectSpread2({\n evt: evt,\n isOwner: isOwner,\n axis: vertical ? 'vertical' : 'horizontal',\n revert: revert,\n dragRect: dragRect,\n targetRect: targetRect,\n canSort: canSort,\n fromSortable: fromSortable,\n target: target,\n completed: completed,\n onMove: function onMove(target, after) {\n return _onMove(rootEl, el, dragEl, dragRect, target, getRect(target), evt, after);\n },\n changed: changed\n }, extra));\n } // Capture animation state\n\n\n function capture() {\n dragOverEvent('dragOverAnimationCapture');\n\n _this.captureAnimationState();\n\n if (_this !== fromSortable) {\n fromSortable.captureAnimationState();\n }\n } // Return invocation when dragEl is inserted (or completed)\n\n\n function completed(insertion) {\n dragOverEvent('dragOverCompleted', {\n insertion: insertion\n });\n\n if (insertion) {\n // Clones must be hidden before folding animation to capture dragRectAbsolute properly\n if (isOwner) {\n activeSortable._hideClone();\n } else {\n activeSortable._showClone(_this);\n }\n\n if (_this !== fromSortable) {\n // Set ghost class to new sortable's ghost class\n toggleClass(dragEl, putSortable ? putSortable.options.ghostClass : activeSortable.options.ghostClass, false);\n toggleClass(dragEl, options.ghostClass, true);\n }\n\n if (putSortable !== _this && _this !== Sortable.active) {\n putSortable = _this;\n } else if (_this === Sortable.active && putSortable) {\n putSortable = null;\n } // Animation\n\n\n if (fromSortable === _this) {\n _this._ignoreWhileAnimating = target;\n }\n\n _this.animateAll(function () {\n dragOverEvent('dragOverAnimationComplete');\n _this._ignoreWhileAnimating = null;\n });\n\n if (_this !== fromSortable) {\n fromSortable.animateAll();\n fromSortable._ignoreWhileAnimating = null;\n }\n } // Null lastTarget if it is not inside a previously swapped element\n\n\n if (target === dragEl && !dragEl.animated || target === el && !target.animated) {\n lastTarget = null;\n } // no bubbling and not fallback\n\n\n if (!options.dragoverBubble && !evt.rootEl && target !== document) {\n dragEl.parentNode[expando]._isOutsideThisEl(evt.target); // Do not detect for empty insert if already inserted\n\n\n !insertion && nearestEmptyInsertDetectEvent(evt);\n }\n\n !options.dragoverBubble && evt.stopPropagation && evt.stopPropagation();\n return completedFired = true;\n } // Call when dragEl has been inserted\n\n\n function changed() {\n newIndex = index(dragEl);\n newDraggableIndex = index(dragEl, options.draggable);\n\n _dispatchEvent({\n sortable: _this,\n name: 'change',\n toEl: el,\n newIndex: newIndex,\n newDraggableIndex: newDraggableIndex,\n originalEvent: evt\n });\n }\n\n if (evt.preventDefault !== void 0) {\n evt.cancelable && evt.preventDefault();\n }\n\n target = closest(target, options.draggable, el, true);\n dragOverEvent('dragOver');\n if (Sortable.eventCanceled) return completedFired;\n\n if (dragEl.contains(evt.target) || target.animated && target.animatingX && target.animatingY || _this._ignoreWhileAnimating === target) {\n return completed(false);\n }\n\n ignoreNextClick = false;\n\n if (activeSortable && !options.disabled && (isOwner ? canSort || (revert = parentEl !== rootEl) // Reverting item into the original list\n : putSortable === this || (this.lastPutMode = activeGroup.checkPull(this, activeSortable, dragEl, evt)) && group.checkPut(this, activeSortable, dragEl, evt))) {\n vertical = this._getDirection(evt, target) === 'vertical';\n dragRect = getRect(dragEl);\n dragOverEvent('dragOverValid');\n if (Sortable.eventCanceled) return completedFired;\n\n if (revert) {\n parentEl = rootEl; // actualization\n\n capture();\n\n this._hideClone();\n\n dragOverEvent('revert');\n\n if (!Sortable.eventCanceled) {\n if (nextEl) {\n rootEl.insertBefore(dragEl, nextEl);\n } else {\n rootEl.appendChild(dragEl);\n }\n }\n\n return completed(true);\n }\n\n var elLastChild = lastChild(el, options.draggable);\n\n if (!elLastChild || _ghostIsLast(evt, vertical, this) && !elLastChild.animated) {\n // Insert to end of list\n // If already at end of list: Do not insert\n if (elLastChild === dragEl) {\n return completed(false);\n } // if there is a last element, it is the target\n\n\n if (elLastChild && el === evt.target) {\n target = elLastChild;\n }\n\n if (target) {\n targetRect = getRect(target);\n }\n\n if (_onMove(rootEl, el, dragEl, dragRect, target, targetRect, evt, !!target) !== false) {\n capture();\n el.appendChild(dragEl);\n parentEl = el; // actualization\n\n changed();\n return completed(true);\n }\n } else if (elLastChild && _ghostIsFirst(evt, vertical, this)) {\n // Insert to start of list\n var firstChild = getChild(el, 0, options, true);\n\n if (firstChild === dragEl) {\n return completed(false);\n }\n\n target = firstChild;\n targetRect = getRect(target);\n\n if (_onMove(rootEl, el, dragEl, dragRect, target, targetRect, evt, false) !== false) {\n capture();\n el.insertBefore(dragEl, firstChild);\n parentEl = el; // actualization\n\n changed();\n return completed(true);\n }\n } else if (target.parentNode === el) {\n targetRect = getRect(target);\n var direction = 0,\n targetBeforeFirstSwap,\n differentLevel = dragEl.parentNode !== el,\n differentRowCol = !_dragElInRowColumn(dragEl.animated && dragEl.toRect || dragRect, target.animated && target.toRect || targetRect, vertical),\n side1 = vertical ? 'top' : 'left',\n scrolledPastTop = isScrolledPast(target, 'top', 'top') || isScrolledPast(dragEl, 'top', 'top'),\n scrollBefore = scrolledPastTop ? scrolledPastTop.scrollTop : void 0;\n\n if (lastTarget !== target) {\n targetBeforeFirstSwap = targetRect[side1];\n pastFirstInvertThresh = false;\n isCircumstantialInvert = !differentRowCol && options.invertSwap || differentLevel;\n }\n\n direction = _getSwapDirection(evt, target, targetRect, vertical, differentRowCol ? 1 : options.swapThreshold, options.invertedSwapThreshold == null ? options.swapThreshold : options.invertedSwapThreshold, isCircumstantialInvert, lastTarget === target);\n var sibling;\n\n if (direction !== 0) {\n // Check if target is beside dragEl in respective direction (ignoring hidden elements)\n var dragIndex = index(dragEl);\n\n do {\n dragIndex -= direction;\n sibling = parentEl.children[dragIndex];\n } while (sibling && (css(sibling, 'display') === 'none' || sibling === ghostEl));\n } // If dragEl is already beside target: Do not insert\n\n\n if (direction === 0 || sibling === target) {\n return completed(false);\n }\n\n lastTarget = target;\n lastDirection = direction;\n var nextSibling = target.nextElementSibling,\n after = false;\n after = direction === 1;\n\n var moveVector = _onMove(rootEl, el, dragEl, dragRect, target, targetRect, evt, after);\n\n if (moveVector !== false) {\n if (moveVector === 1 || moveVector === -1) {\n after = moveVector === 1;\n }\n\n _silent = true;\n setTimeout(_unsilent, 30);\n capture();\n\n if (after && !nextSibling) {\n el.appendChild(dragEl);\n } else {\n target.parentNode.insertBefore(dragEl, after ? nextSibling : target);\n } // Undo chrome's scroll adjustment (has no effect on other browsers)\n\n\n if (scrolledPastTop) {\n scrollBy(scrolledPastTop, 0, scrollBefore - scrolledPastTop.scrollTop);\n }\n\n parentEl = dragEl.parentNode; // actualization\n // must be done before animation\n\n if (targetBeforeFirstSwap !== undefined && !isCircumstantialInvert) {\n targetMoveDistance = Math.abs(targetBeforeFirstSwap - getRect(target)[side1]);\n }\n\n changed();\n return completed(true);\n }\n }\n\n if (el.contains(dragEl)) {\n return completed(false);\n }\n }\n\n return false;\n },\n _ignoreWhileAnimating: null,\n _offMoveEvents: function _offMoveEvents() {\n off(document, 'mousemove', this._onTouchMove);\n off(document, 'touchmove', this._onTouchMove);\n off(document, 'pointermove', this._onTouchMove);\n off(document, 'dragover', nearestEmptyInsertDetectEvent);\n off(document, 'mousemove', nearestEmptyInsertDetectEvent);\n off(document, 'touchmove', nearestEmptyInsertDetectEvent);\n },\n _offUpEvents: function _offUpEvents() {\n var ownerDocument = this.el.ownerDocument;\n off(ownerDocument, 'mouseup', this._onDrop);\n off(ownerDocument, 'touchend', this._onDrop);\n off(ownerDocument, 'pointerup', this._onDrop);\n off(ownerDocument, 'touchcancel', this._onDrop);\n off(document, 'selectstart', this);\n },\n _onDrop: function _onDrop(\n /**Event*/\n evt) {\n var el = this.el,\n options = this.options; // Get the index of the dragged element within its parent\n\n newIndex = index(dragEl);\n newDraggableIndex = index(dragEl, options.draggable);\n pluginEvent('drop', this, {\n evt: evt\n });\n parentEl = dragEl && dragEl.parentNode; // Get again after plugin event\n\n newIndex = index(dragEl);\n newDraggableIndex = index(dragEl, options.draggable);\n\n if (Sortable.eventCanceled) {\n this._nulling();\n\n return;\n }\n\n awaitingDragStarted = false;\n isCircumstantialInvert = false;\n pastFirstInvertThresh = false;\n clearInterval(this._loopId);\n clearTimeout(this._dragStartTimer);\n\n _cancelNextTick(this.cloneId);\n\n _cancelNextTick(this._dragStartId); // Unbind events\n\n\n if (this.nativeDraggable) {\n off(document, 'drop', this);\n off(el, 'dragstart', this._onDragStart);\n }\n\n this._offMoveEvents();\n\n this._offUpEvents();\n\n if (Safari) {\n css(document.body, 'user-select', '');\n }\n\n css(dragEl, 'transform', '');\n\n if (evt) {\n if (moved) {\n evt.cancelable && evt.preventDefault();\n !options.dropBubble && evt.stopPropagation();\n }\n\n ghostEl && ghostEl.parentNode && ghostEl.parentNode.removeChild(ghostEl);\n\n if (rootEl === parentEl || putSortable && putSortable.lastPutMode !== 'clone') {\n // Remove clone(s)\n cloneEl && cloneEl.parentNode && cloneEl.parentNode.removeChild(cloneEl);\n }\n\n if (dragEl) {\n if (this.nativeDraggable) {\n off(dragEl, 'dragend', this);\n }\n\n _disableDraggable(dragEl);\n\n dragEl.style['will-change'] = ''; // Remove classes\n // ghostClass is added in dragStarted\n\n if (moved && !awaitingDragStarted) {\n toggleClass(dragEl, putSortable ? putSortable.options.ghostClass : this.options.ghostClass, false);\n }\n\n toggleClass(dragEl, this.options.chosenClass, false); // Drag stop event\n\n _dispatchEvent({\n sortable: this,\n name: 'unchoose',\n toEl: parentEl,\n newIndex: null,\n newDraggableIndex: null,\n originalEvent: evt\n });\n\n if (rootEl !== parentEl) {\n if (newIndex >= 0) {\n // Add event\n _dispatchEvent({\n rootEl: parentEl,\n name: 'add',\n toEl: parentEl,\n fromEl: rootEl,\n originalEvent: evt\n }); // Remove event\n\n\n _dispatchEvent({\n sortable: this,\n name: 'remove',\n toEl: parentEl,\n originalEvent: evt\n }); // drag from one list and drop into another\n\n\n _dispatchEvent({\n rootEl: parentEl,\n name: 'sort',\n toEl: parentEl,\n fromEl: rootEl,\n originalEvent: evt\n });\n\n _dispatchEvent({\n sortable: this,\n name: 'sort',\n toEl: parentEl,\n originalEvent: evt\n });\n }\n\n putSortable && putSortable.save();\n } else {\n if (newIndex !== oldIndex) {\n if (newIndex >= 0) {\n // drag & drop within the same list\n _dispatchEvent({\n sortable: this,\n name: 'update',\n toEl: parentEl,\n originalEvent: evt\n });\n\n _dispatchEvent({\n sortable: this,\n name: 'sort',\n toEl: parentEl,\n originalEvent: evt\n });\n }\n }\n }\n\n if (Sortable.active) {\n /* jshint eqnull:true */\n if (newIndex == null || newIndex === -1) {\n newIndex = oldIndex;\n newDraggableIndex = oldDraggableIndex;\n }\n\n _dispatchEvent({\n sortable: this,\n name: 'end',\n toEl: parentEl,\n originalEvent: evt\n }); // Save sorting\n\n\n this.save();\n }\n }\n }\n\n this._nulling();\n },\n _nulling: function _nulling() {\n pluginEvent('nulling', this);\n rootEl = dragEl = parentEl = ghostEl = nextEl = cloneEl = lastDownEl = cloneHidden = tapEvt = touchEvt = moved = newIndex = newDraggableIndex = oldIndex = oldDraggableIndex = lastTarget = lastDirection = putSortable = activeGroup = Sortable.dragged = Sortable.ghost = Sortable.clone = Sortable.active = null;\n savedInputChecked.forEach(function (el) {\n el.checked = true;\n });\n savedInputChecked.length = lastDx = lastDy = 0;\n },\n handleEvent: function handleEvent(\n /**Event*/\n evt) {\n switch (evt.type) {\n case 'drop':\n case 'dragend':\n this._onDrop(evt);\n\n break;\n\n case 'dragenter':\n case 'dragover':\n if (dragEl) {\n this._onDragOver(evt);\n\n _globalDragOver(evt);\n }\n\n break;\n\n case 'selectstart':\n evt.preventDefault();\n break;\n }\n },\n\n /**\n * Serializes the item into an array of string.\n * @returns {String[]}\n */\n toArray: function toArray() {\n var order = [],\n el,\n children = this.el.children,\n i = 0,\n n = children.length,\n options = this.options;\n\n for (; i < n; i++) {\n el = children[i];\n\n if (closest(el, options.draggable, this.el, false)) {\n order.push(el.getAttribute(options.dataIdAttr) || _generateId(el));\n }\n }\n\n return order;\n },\n\n /**\n * Sorts the elements according to the array.\n * @param {String[]} order order of the items\n */\n sort: function sort(order, useAnimation) {\n var items = {},\n rootEl = this.el;\n this.toArray().forEach(function (id, i) {\n var el = rootEl.children[i];\n\n if (closest(el, this.options.draggable, rootEl, false)) {\n items[id] = el;\n }\n }, this);\n useAnimation && this.captureAnimationState();\n order.forEach(function (id) {\n if (items[id]) {\n rootEl.removeChild(items[id]);\n rootEl.appendChild(items[id]);\n }\n });\n useAnimation && this.animateAll();\n },\n\n /**\n * Save the current sorting\n */\n save: function save() {\n var store = this.options.store;\n store && store.set && store.set(this);\n },\n\n /**\n * For each element in the set, get the first element that matches the selector by testing the element itself and traversing up through its ancestors in the DOM tree.\n * @param {HTMLElement} el\n * @param {String} [selector] default: `options.draggable`\n * @returns {HTMLElement|null}\n */\n closest: function closest$1(el, selector) {\n return closest(el, selector || this.options.draggable, this.el, false);\n },\n\n /**\n * Set/get option\n * @param {string} name\n * @param {*} [value]\n * @returns {*}\n */\n option: function option(name, value) {\n var options = this.options;\n\n if (value === void 0) {\n return options[name];\n } else {\n var modifiedValue = PluginManager.modifyOption(this, name, value);\n\n if (typeof modifiedValue !== 'undefined') {\n options[name] = modifiedValue;\n } else {\n options[name] = value;\n }\n\n if (name === 'group') {\n _prepareGroup(options);\n }\n }\n },\n\n /**\n * Destroy\n */\n destroy: function destroy() {\n pluginEvent('destroy', this);\n var el = this.el;\n el[expando] = null;\n off(el, 'mousedown', this._onTapStart);\n off(el, 'touchstart', this._onTapStart);\n off(el, 'pointerdown', this._onTapStart);\n\n if (this.nativeDraggable) {\n off(el, 'dragover', this);\n off(el, 'dragenter', this);\n } // Remove draggable attributes\n\n\n Array.prototype.forEach.call(el.querySelectorAll('[draggable]'), function (el) {\n el.removeAttribute('draggable');\n });\n\n this._onDrop();\n\n this._disableDelayedDragEvents();\n\n sortables.splice(sortables.indexOf(this.el), 1);\n this.el = el = null;\n },\n _hideClone: function _hideClone() {\n if (!cloneHidden) {\n pluginEvent('hideClone', this);\n if (Sortable.eventCanceled) return;\n css(cloneEl, 'display', 'none');\n\n if (this.options.removeCloneOnHide && cloneEl.parentNode) {\n cloneEl.parentNode.removeChild(cloneEl);\n }\n\n cloneHidden = true;\n }\n },\n _showClone: function _showClone(putSortable) {\n if (putSortable.lastPutMode !== 'clone') {\n this._hideClone();\n\n return;\n }\n\n if (cloneHidden) {\n pluginEvent('showClone', this);\n if (Sortable.eventCanceled) return; // show clone at dragEl or original position\n\n if (dragEl.parentNode == rootEl && !this.options.group.revertClone) {\n rootEl.insertBefore(cloneEl, dragEl);\n } else if (nextEl) {\n rootEl.insertBefore(cloneEl, nextEl);\n } else {\n rootEl.appendChild(cloneEl);\n }\n\n if (this.options.group.revertClone) {\n this.animate(dragEl, cloneEl);\n }\n\n css(cloneEl, 'display', '');\n cloneHidden = false;\n }\n }\n};\n\nfunction _globalDragOver(\n/**Event*/\nevt) {\n if (evt.dataTransfer) {\n evt.dataTransfer.dropEffect = 'move';\n }\n\n evt.cancelable && evt.preventDefault();\n}\n\nfunction _onMove(fromEl, toEl, dragEl, dragRect, targetEl, targetRect, originalEvent, willInsertAfter) {\n var evt,\n sortable = fromEl[expando],\n onMoveFn = sortable.options.onMove,\n retVal; // Support for new CustomEvent feature\n\n if (window.CustomEvent && !IE11OrLess && !Edge) {\n evt = new CustomEvent('move', {\n bubbles: true,\n cancelable: true\n });\n } else {\n evt = document.createEvent('Event');\n evt.initEvent('move', true, true);\n }\n\n evt.to = toEl;\n evt.from = fromEl;\n evt.dragged = dragEl;\n evt.draggedRect = dragRect;\n evt.related = targetEl || toEl;\n evt.relatedRect = targetRect || getRect(toEl);\n evt.willInsertAfter = willInsertAfter;\n evt.originalEvent = originalEvent;\n fromEl.dispatchEvent(evt);\n\n if (onMoveFn) {\n retVal = onMoveFn.call(sortable, evt, originalEvent);\n }\n\n return retVal;\n}\n\nfunction _disableDraggable(el) {\n el.draggable = false;\n}\n\nfunction _unsilent() {\n _silent = false;\n}\n\nfunction _ghostIsFirst(evt, vertical, sortable) {\n var rect = getRect(getChild(sortable.el, 0, sortable.options, true));\n var spacer = 10;\n return vertical ? evt.clientX < rect.left - spacer || evt.clientY < rect.top && evt.clientX < rect.right : evt.clientY < rect.top - spacer || evt.clientY < rect.bottom && evt.clientX < rect.left;\n}\n\nfunction _ghostIsLast(evt, vertical, sortable) {\n var rect = getRect(lastChild(sortable.el, sortable.options.draggable));\n var spacer = 10;\n return vertical ? evt.clientX > rect.right + spacer || evt.clientX <= rect.right && evt.clientY > rect.bottom && evt.clientX >= rect.left : evt.clientX > rect.right && evt.clientY > rect.top || evt.clientX <= rect.right && evt.clientY > rect.bottom + spacer;\n}\n\nfunction _getSwapDirection(evt, target, targetRect, vertical, swapThreshold, invertedSwapThreshold, invertSwap, isLastTarget) {\n var mouseOnAxis = vertical ? evt.clientY : evt.clientX,\n targetLength = vertical ? targetRect.height : targetRect.width,\n targetS1 = vertical ? targetRect.top : targetRect.left,\n targetS2 = vertical ? targetRect.bottom : targetRect.right,\n invert = false;\n\n if (!invertSwap) {\n // Never invert or create dragEl shadow when target movemenet causes mouse to move past the end of regular swapThreshold\n if (isLastTarget && targetMoveDistance < targetLength * swapThreshold) {\n // multiplied only by swapThreshold because mouse will already be inside target by (1 - threshold) * targetLength / 2\n // check if past first invert threshold on side opposite of lastDirection\n if (!pastFirstInvertThresh && (lastDirection === 1 ? mouseOnAxis > targetS1 + targetLength * invertedSwapThreshold / 2 : mouseOnAxis < targetS2 - targetLength * invertedSwapThreshold / 2)) {\n // past first invert threshold, do not restrict inverted threshold to dragEl shadow\n pastFirstInvertThresh = true;\n }\n\n if (!pastFirstInvertThresh) {\n // dragEl shadow (target move distance shadow)\n if (lastDirection === 1 ? mouseOnAxis < targetS1 + targetMoveDistance // over dragEl shadow\n : mouseOnAxis > targetS2 - targetMoveDistance) {\n return -lastDirection;\n }\n } else {\n invert = true;\n }\n } else {\n // Regular\n if (mouseOnAxis > targetS1 + targetLength * (1 - swapThreshold) / 2 && mouseOnAxis < targetS2 - targetLength * (1 - swapThreshold) / 2) {\n return _getInsertDirection(target);\n }\n }\n }\n\n invert = invert || invertSwap;\n\n if (invert) {\n // Invert of regular\n if (mouseOnAxis < targetS1 + targetLength * invertedSwapThreshold / 2 || mouseOnAxis > targetS2 - targetLength * invertedSwapThreshold / 2) {\n return mouseOnAxis > targetS1 + targetLength / 2 ? 1 : -1;\n }\n }\n\n return 0;\n}\n/**\n * Gets the direction dragEl must be swapped relative to target in order to make it\n * seem that dragEl has been \"inserted\" into that element's position\n * @param {HTMLElement} target The target whose position dragEl is being inserted at\n * @return {Number} Direction dragEl must be swapped\n */\n\n\nfunction _getInsertDirection(target) {\n if (index(dragEl) < index(target)) {\n return 1;\n } else {\n return -1;\n }\n}\n/**\n * Generate id\n * @param {HTMLElement} el\n * @returns {String}\n * @private\n */\n\n\nfunction _generateId(el) {\n var str = el.tagName + el.className + el.src + el.href + el.textContent,\n i = str.length,\n sum = 0;\n\n while (i--) {\n sum += str.charCodeAt(i);\n }\n\n return sum.toString(36);\n}\n\nfunction _saveInputCheckedState(root) {\n savedInputChecked.length = 0;\n var inputs = root.getElementsByTagName('input');\n var idx = inputs.length;\n\n while (idx--) {\n var el = inputs[idx];\n el.checked && savedInputChecked.push(el);\n }\n}\n\nfunction _nextTick(fn) {\n return setTimeout(fn, 0);\n}\n\nfunction _cancelNextTick(id) {\n return clearTimeout(id);\n} // Fixed #973:\n\n\nif (documentExists) {\n on(document, 'touchmove', function (evt) {\n if ((Sortable.active || awaitingDragStarted) && evt.cancelable) {\n evt.preventDefault();\n }\n });\n} // Export utils\n\n\nSortable.utils = {\n on: on,\n off: off,\n css: css,\n find: find,\n is: function is(el, selector) {\n return !!closest(el, selector, el, false);\n },\n extend: extend,\n throttle: throttle,\n closest: closest,\n toggleClass: toggleClass,\n clone: clone,\n index: index,\n nextTick: _nextTick,\n cancelNextTick: _cancelNextTick,\n detectDirection: _detectDirection,\n getChild: getChild\n};\n/**\n * Get the Sortable instance of an element\n * @param {HTMLElement} element The element\n * @return {Sortable|undefined} The instance of Sortable\n */\n\nSortable.get = function (element) {\n return element[expando];\n};\n/**\n * Mount a plugin to Sortable\n * @param {...SortablePlugin|SortablePlugin[]} plugins Plugins being mounted\n */\n\n\nSortable.mount = function () {\n for (var _len = arguments.length, plugins = new Array(_len), _key = 0; _key < _len; _key++) {\n plugins[_key] = arguments[_key];\n }\n\n if (plugins[0].constructor === Array) plugins = plugins[0];\n plugins.forEach(function (plugin) {\n if (!plugin.prototype || !plugin.prototype.constructor) {\n throw \"Sortable: Mounted plugin must be a constructor function, not \".concat({}.toString.call(plugin));\n }\n\n if (plugin.utils) Sortable.utils = _objectSpread2(_objectSpread2({}, Sortable.utils), plugin.utils);\n PluginManager.mount(plugin);\n });\n};\n/**\n * Create sortable instance\n * @param {HTMLElement} el\n * @param {Object} [options]\n */\n\n\nSortable.create = function (el, options) {\n return new Sortable(el, options);\n}; // Export\n\n\nSortable.version = version;\n\nvar autoScrolls = [],\n scrollEl,\n scrollRootEl,\n scrolling = false,\n lastAutoScrollX,\n lastAutoScrollY,\n touchEvt$1,\n pointerElemChangedInterval;\n\nfunction AutoScrollPlugin() {\n function AutoScroll() {\n this.defaults = {\n scroll: true,\n forceAutoScrollFallback: false,\n scrollSensitivity: 30,\n scrollSpeed: 10,\n bubbleScroll: true\n }; // Bind all private methods\n\n for (var fn in this) {\n if (fn.charAt(0) === '_' && typeof this[fn] === 'function') {\n this[fn] = this[fn].bind(this);\n }\n }\n }\n\n AutoScroll.prototype = {\n dragStarted: function dragStarted(_ref) {\n var originalEvent = _ref.originalEvent;\n\n if (this.sortable.nativeDraggable) {\n on(document, 'dragover', this._handleAutoScroll);\n } else {\n if (this.options.supportPointer) {\n on(document, 'pointermove', this._handleFallbackAutoScroll);\n } else if (originalEvent.touches) {\n on(document, 'touchmove', this._handleFallbackAutoScroll);\n } else {\n on(document, 'mousemove', this._handleFallbackAutoScroll);\n }\n }\n },\n dragOverCompleted: function dragOverCompleted(_ref2) {\n var originalEvent = _ref2.originalEvent;\n\n // For when bubbling is canceled and using fallback (fallback 'touchmove' always reached)\n if (!this.options.dragOverBubble && !originalEvent.rootEl) {\n this._handleAutoScroll(originalEvent);\n }\n },\n drop: function drop() {\n if (this.sortable.nativeDraggable) {\n off(document, 'dragover', this._handleAutoScroll);\n } else {\n off(document, 'pointermove', this._handleFallbackAutoScroll);\n off(document, 'touchmove', this._handleFallbackAutoScroll);\n off(document, 'mousemove', this._handleFallbackAutoScroll);\n }\n\n clearPointerElemChangedInterval();\n clearAutoScrolls();\n cancelThrottle();\n },\n nulling: function nulling() {\n touchEvt$1 = scrollRootEl = scrollEl = scrolling = pointerElemChangedInterval = lastAutoScrollX = lastAutoScrollY = null;\n autoScrolls.length = 0;\n },\n _handleFallbackAutoScroll: function _handleFallbackAutoScroll(evt) {\n this._handleAutoScroll(evt, true);\n },\n _handleAutoScroll: function _handleAutoScroll(evt, fallback) {\n var _this = this;\n\n var x = (evt.touches ? evt.touches[0] : evt).clientX,\n y = (evt.touches ? evt.touches[0] : evt).clientY,\n elem = document.elementFromPoint(x, y);\n touchEvt$1 = evt; // IE does not seem to have native autoscroll,\n // Edge's autoscroll seems too conditional,\n // MACOS Safari does not have autoscroll,\n // Firefox and Chrome are good\n\n if (fallback || this.options.forceAutoScrollFallback || Edge || IE11OrLess || Safari) {\n autoScroll(evt, this.options, elem, fallback); // Listener for pointer element change\n\n var ogElemScroller = getParentAutoScrollElement(elem, true);\n\n if (scrolling && (!pointerElemChangedInterval || x !== lastAutoScrollX || y !== lastAutoScrollY)) {\n pointerElemChangedInterval && clearPointerElemChangedInterval(); // Detect for pointer elem change, emulating native DnD behaviour\n\n pointerElemChangedInterval = setInterval(function () {\n var newElem = getParentAutoScrollElement(document.elementFromPoint(x, y), true);\n\n if (newElem !== ogElemScroller) {\n ogElemScroller = newElem;\n clearAutoScrolls();\n }\n\n autoScroll(evt, _this.options, newElem, fallback);\n }, 10);\n lastAutoScrollX = x;\n lastAutoScrollY = y;\n }\n } else {\n // if DnD is enabled (and browser has good autoscrolling), first autoscroll will already scroll, so get parent autoscroll of first autoscroll\n if (!this.options.bubbleScroll || getParentAutoScrollElement(elem, true) === getWindowScrollingElement()) {\n clearAutoScrolls();\n return;\n }\n\n autoScroll(evt, this.options, getParentAutoScrollElement(elem, false), false);\n }\n }\n };\n return _extends(AutoScroll, {\n pluginName: 'scroll',\n initializeByDefault: true\n });\n}\n\nfunction clearAutoScrolls() {\n autoScrolls.forEach(function (autoScroll) {\n clearInterval(autoScroll.pid);\n });\n autoScrolls = [];\n}\n\nfunction clearPointerElemChangedInterval() {\n clearInterval(pointerElemChangedInterval);\n}\n\nvar autoScroll = throttle(function (evt, options, rootEl, isFallback) {\n // Bug: https://bugzilla.mozilla.org/show_bug.cgi?id=505521\n if (!options.scroll) return;\n var x = (evt.touches ? evt.touches[0] : evt).clientX,\n y = (evt.touches ? evt.touches[0] : evt).clientY,\n sens = options.scrollSensitivity,\n speed = options.scrollSpeed,\n winScroller = getWindowScrollingElement();\n var scrollThisInstance = false,\n scrollCustomFn; // New scroll root, set scrollEl\n\n if (scrollRootEl !== rootEl) {\n scrollRootEl = rootEl;\n clearAutoScrolls();\n scrollEl = options.scroll;\n scrollCustomFn = options.scrollFn;\n\n if (scrollEl === true) {\n scrollEl = getParentAutoScrollElement(rootEl, true);\n }\n }\n\n var layersOut = 0;\n var currentParent = scrollEl;\n\n do {\n var el = currentParent,\n rect = getRect(el),\n top = rect.top,\n bottom = rect.bottom,\n left = rect.left,\n right = rect.right,\n width = rect.width,\n height = rect.height,\n canScrollX = void 0,\n canScrollY = void 0,\n scrollWidth = el.scrollWidth,\n scrollHeight = el.scrollHeight,\n elCSS = css(el),\n scrollPosX = el.scrollLeft,\n scrollPosY = el.scrollTop;\n\n if (el === winScroller) {\n canScrollX = width < scrollWidth && (elCSS.overflowX === 'auto' || elCSS.overflowX === 'scroll' || elCSS.overflowX === 'visible');\n canScrollY = height < scrollHeight && (elCSS.overflowY === 'auto' || elCSS.overflowY === 'scroll' || elCSS.overflowY === 'visible');\n } else {\n canScrollX = width < scrollWidth && (elCSS.overflowX === 'auto' || elCSS.overflowX === 'scroll');\n canScrollY = height < scrollHeight && (elCSS.overflowY === 'auto' || elCSS.overflowY === 'scroll');\n }\n\n var vx = canScrollX && (Math.abs(right - x) <= sens && scrollPosX + width < scrollWidth) - (Math.abs(left - x) <= sens && !!scrollPosX);\n var vy = canScrollY && (Math.abs(bottom - y) <= sens && scrollPosY + height < scrollHeight) - (Math.abs(top - y) <= sens && !!scrollPosY);\n\n if (!autoScrolls[layersOut]) {\n for (var i = 0; i <= layersOut; i++) {\n if (!autoScrolls[i]) {\n autoScrolls[i] = {};\n }\n }\n }\n\n if (autoScrolls[layersOut].vx != vx || autoScrolls[layersOut].vy != vy || autoScrolls[layersOut].el !== el) {\n autoScrolls[layersOut].el = el;\n autoScrolls[layersOut].vx = vx;\n autoScrolls[layersOut].vy = vy;\n clearInterval(autoScrolls[layersOut].pid);\n\n if (vx != 0 || vy != 0) {\n scrollThisInstance = true;\n /* jshint loopfunc:true */\n\n autoScrolls[layersOut].pid = setInterval(function () {\n // emulate drag over during autoscroll (fallback), emulating native DnD behaviour\n if (isFallback && this.layer === 0) {\n Sortable.active._onTouchMove(touchEvt$1); // To move ghost if it is positioned absolutely\n\n }\n\n var scrollOffsetY = autoScrolls[this.layer].vy ? autoScrolls[this.layer].vy * speed : 0;\n var scrollOffsetX = autoScrolls[this.layer].vx ? autoScrolls[this.layer].vx * speed : 0;\n\n if (typeof scrollCustomFn === 'function') {\n if (scrollCustomFn.call(Sortable.dragged.parentNode[expando], scrollOffsetX, scrollOffsetY, evt, touchEvt$1, autoScrolls[this.layer].el) !== 'continue') {\n return;\n }\n }\n\n scrollBy(autoScrolls[this.layer].el, scrollOffsetX, scrollOffsetY);\n }.bind({\n layer: layersOut\n }), 24);\n }\n }\n\n layersOut++;\n } while (options.bubbleScroll && currentParent !== winScroller && (currentParent = getParentAutoScrollElement(currentParent, false)));\n\n scrolling = scrollThisInstance; // in case another function catches scrolling as false in between when it is not\n}, 30);\n\nvar drop = function drop(_ref) {\n var originalEvent = _ref.originalEvent,\n putSortable = _ref.putSortable,\n dragEl = _ref.dragEl,\n activeSortable = _ref.activeSortable,\n dispatchSortableEvent = _ref.dispatchSortableEvent,\n hideGhostForTarget = _ref.hideGhostForTarget,\n unhideGhostForTarget = _ref.unhideGhostForTarget;\n if (!originalEvent) return;\n var toSortable = putSortable || activeSortable;\n hideGhostForTarget();\n var touch = originalEvent.changedTouches && originalEvent.changedTouches.length ? originalEvent.changedTouches[0] : originalEvent;\n var target = document.elementFromPoint(touch.clientX, touch.clientY);\n unhideGhostForTarget();\n\n if (toSortable && !toSortable.el.contains(target)) {\n dispatchSortableEvent('spill');\n this.onSpill({\n dragEl: dragEl,\n putSortable: putSortable\n });\n }\n};\n\nfunction Revert() {}\n\nRevert.prototype = {\n startIndex: null,\n dragStart: function dragStart(_ref2) {\n var oldDraggableIndex = _ref2.oldDraggableIndex;\n this.startIndex = oldDraggableIndex;\n },\n onSpill: function onSpill(_ref3) {\n var dragEl = _ref3.dragEl,\n putSortable = _ref3.putSortable;\n this.sortable.captureAnimationState();\n\n if (putSortable) {\n putSortable.captureAnimationState();\n }\n\n var nextSibling = getChild(this.sortable.el, this.startIndex, this.options);\n\n if (nextSibling) {\n this.sortable.el.insertBefore(dragEl, nextSibling);\n } else {\n this.sortable.el.appendChild(dragEl);\n }\n\n this.sortable.animateAll();\n\n if (putSortable) {\n putSortable.animateAll();\n }\n },\n drop: drop\n};\n\n_extends(Revert, {\n pluginName: 'revertOnSpill'\n});\n\nfunction Remove() {}\n\nRemove.prototype = {\n onSpill: function onSpill(_ref4) {\n var dragEl = _ref4.dragEl,\n putSortable = _ref4.putSortable;\n var parentSortable = putSortable || this.sortable;\n parentSortable.captureAnimationState();\n dragEl.parentNode && dragEl.parentNode.removeChild(dragEl);\n parentSortable.animateAll();\n },\n drop: drop\n};\n\n_extends(Remove, {\n pluginName: 'removeOnSpill'\n});\n\nvar lastSwapEl;\n\nfunction SwapPlugin() {\n function Swap() {\n this.defaults = {\n swapClass: 'sortable-swap-highlight'\n };\n }\n\n Swap.prototype = {\n dragStart: function dragStart(_ref) {\n var dragEl = _ref.dragEl;\n lastSwapEl = dragEl;\n },\n dragOverValid: function dragOverValid(_ref2) {\n var completed = _ref2.completed,\n target = _ref2.target,\n onMove = _ref2.onMove,\n activeSortable = _ref2.activeSortable,\n changed = _ref2.changed,\n cancel = _ref2.cancel;\n if (!activeSortable.options.swap) return;\n var el = this.sortable.el,\n options = this.options;\n\n if (target && target !== el) {\n var prevSwapEl = lastSwapEl;\n\n if (onMove(target) !== false) {\n toggleClass(target, options.swapClass, true);\n lastSwapEl = target;\n } else {\n lastSwapEl = null;\n }\n\n if (prevSwapEl && prevSwapEl !== lastSwapEl) {\n toggleClass(prevSwapEl, options.swapClass, false);\n }\n }\n\n changed();\n completed(true);\n cancel();\n },\n drop: function drop(_ref3) {\n var activeSortable = _ref3.activeSortable,\n putSortable = _ref3.putSortable,\n dragEl = _ref3.dragEl;\n var toSortable = putSortable || this.sortable;\n var options = this.options;\n lastSwapEl && toggleClass(lastSwapEl, options.swapClass, false);\n\n if (lastSwapEl && (options.swap || putSortable && putSortable.options.swap)) {\n if (dragEl !== lastSwapEl) {\n toSortable.captureAnimationState();\n if (toSortable !== activeSortable) activeSortable.captureAnimationState();\n swapNodes(dragEl, lastSwapEl);\n toSortable.animateAll();\n if (toSortable !== activeSortable) activeSortable.animateAll();\n }\n }\n },\n nulling: function nulling() {\n lastSwapEl = null;\n }\n };\n return _extends(Swap, {\n pluginName: 'swap',\n eventProperties: function eventProperties() {\n return {\n swapItem: lastSwapEl\n };\n }\n });\n}\n\nfunction swapNodes(n1, n2) {\n var p1 = n1.parentNode,\n p2 = n2.parentNode,\n i1,\n i2;\n if (!p1 || !p2 || p1.isEqualNode(n2) || p2.isEqualNode(n1)) return;\n i1 = index(n1);\n i2 = index(n2);\n\n if (p1.isEqualNode(p2) && i1 < i2) {\n i2++;\n }\n\n p1.insertBefore(n2, p1.children[i1]);\n p2.insertBefore(n1, p2.children[i2]);\n}\n\nvar multiDragElements = [],\n multiDragClones = [],\n lastMultiDragSelect,\n // for selection with modifier key down (SHIFT)\nmultiDragSortable,\n initialFolding = false,\n // Initial multi-drag fold when drag started\nfolding = false,\n // Folding any other time\ndragStarted = false,\n dragEl$1,\n clonesFromRect,\n clonesHidden;\n\nfunction MultiDragPlugin() {\n function MultiDrag(sortable) {\n // Bind all private methods\n for (var fn in this) {\n if (fn.charAt(0) === '_' && typeof this[fn] === 'function') {\n this[fn] = this[fn].bind(this);\n }\n }\n\n if (sortable.options.supportPointer) {\n on(document, 'pointerup', this._deselectMultiDrag);\n } else {\n on(document, 'mouseup', this._deselectMultiDrag);\n on(document, 'touchend', this._deselectMultiDrag);\n }\n\n on(document, 'keydown', this._checkKeyDown);\n on(document, 'keyup', this._checkKeyUp);\n this.defaults = {\n selectedClass: 'sortable-selected',\n multiDragKey: null,\n setData: function setData(dataTransfer, dragEl) {\n var data = '';\n\n if (multiDragElements.length && multiDragSortable === sortable) {\n multiDragElements.forEach(function (multiDragElement, i) {\n data += (!i ? '' : ', ') + multiDragElement.textContent;\n });\n } else {\n data = dragEl.textContent;\n }\n\n dataTransfer.setData('Text', data);\n }\n };\n }\n\n MultiDrag.prototype = {\n multiDragKeyDown: false,\n isMultiDrag: false,\n delayStartGlobal: function delayStartGlobal(_ref) {\n var dragged = _ref.dragEl;\n dragEl$1 = dragged;\n },\n delayEnded: function delayEnded() {\n this.isMultiDrag = ~multiDragElements.indexOf(dragEl$1);\n },\n setupClone: function setupClone(_ref2) {\n var sortable = _ref2.sortable,\n cancel = _ref2.cancel;\n if (!this.isMultiDrag) return;\n\n for (var i = 0; i < multiDragElements.length; i++) {\n multiDragClones.push(clone(multiDragElements[i]));\n multiDragClones[i].sortableIndex = multiDragElements[i].sortableIndex;\n multiDragClones[i].draggable = false;\n multiDragClones[i].style['will-change'] = '';\n toggleClass(multiDragClones[i], this.options.selectedClass, false);\n multiDragElements[i] === dragEl$1 && toggleClass(multiDragClones[i], this.options.chosenClass, false);\n }\n\n sortable._hideClone();\n\n cancel();\n },\n clone: function clone(_ref3) {\n var sortable = _ref3.sortable,\n rootEl = _ref3.rootEl,\n dispatchSortableEvent = _ref3.dispatchSortableEvent,\n cancel = _ref3.cancel;\n if (!this.isMultiDrag) return;\n\n if (!this.options.removeCloneOnHide) {\n if (multiDragElements.length && multiDragSortable === sortable) {\n insertMultiDragClones(true, rootEl);\n dispatchSortableEvent('clone');\n cancel();\n }\n }\n },\n showClone: function showClone(_ref4) {\n var cloneNowShown = _ref4.cloneNowShown,\n rootEl = _ref4.rootEl,\n cancel = _ref4.cancel;\n if (!this.isMultiDrag) return;\n insertMultiDragClones(false, rootEl);\n multiDragClones.forEach(function (clone) {\n css(clone, 'display', '');\n });\n cloneNowShown();\n clonesHidden = false;\n cancel();\n },\n hideClone: function hideClone(_ref5) {\n var _this = this;\n\n var sortable = _ref5.sortable,\n cloneNowHidden = _ref5.cloneNowHidden,\n cancel = _ref5.cancel;\n if (!this.isMultiDrag) return;\n multiDragClones.forEach(function (clone) {\n css(clone, 'display', 'none');\n\n if (_this.options.removeCloneOnHide && clone.parentNode) {\n clone.parentNode.removeChild(clone);\n }\n });\n cloneNowHidden();\n clonesHidden = true;\n cancel();\n },\n dragStartGlobal: function dragStartGlobal(_ref6) {\n var sortable = _ref6.sortable;\n\n if (!this.isMultiDrag && multiDragSortable) {\n multiDragSortable.multiDrag._deselectMultiDrag();\n }\n\n multiDragElements.forEach(function (multiDragElement) {\n multiDragElement.sortableIndex = index(multiDragElement);\n }); // Sort multi-drag elements\n\n multiDragElements = multiDragElements.sort(function (a, b) {\n return a.sortableIndex - b.sortableIndex;\n });\n dragStarted = true;\n },\n dragStarted: function dragStarted(_ref7) {\n var _this2 = this;\n\n var sortable = _ref7.sortable;\n if (!this.isMultiDrag) return;\n\n if (this.options.sort) {\n // Capture rects,\n // hide multi drag elements (by positioning them absolute),\n // set multi drag elements rects to dragRect,\n // show multi drag elements,\n // animate to rects,\n // unset rects & remove from DOM\n sortable.captureAnimationState();\n\n if (this.options.animation) {\n multiDragElements.forEach(function (multiDragElement) {\n if (multiDragElement === dragEl$1) return;\n css(multiDragElement, 'position', 'absolute');\n });\n var dragRect = getRect(dragEl$1, false, true, true);\n multiDragElements.forEach(function (multiDragElement) {\n if (multiDragElement === dragEl$1) return;\n setRect(multiDragElement, dragRect);\n });\n folding = true;\n initialFolding = true;\n }\n }\n\n sortable.animateAll(function () {\n folding = false;\n initialFolding = false;\n\n if (_this2.options.animation) {\n multiDragElements.forEach(function (multiDragElement) {\n unsetRect(multiDragElement);\n });\n } // Remove all auxiliary multidrag items from el, if sorting enabled\n\n\n if (_this2.options.sort) {\n removeMultiDragElements();\n }\n });\n },\n dragOver: function dragOver(_ref8) {\n var target = _ref8.target,\n completed = _ref8.completed,\n cancel = _ref8.cancel;\n\n if (folding && ~multiDragElements.indexOf(target)) {\n completed(false);\n cancel();\n }\n },\n revert: function revert(_ref9) {\n var fromSortable = _ref9.fromSortable,\n rootEl = _ref9.rootEl,\n sortable = _ref9.sortable,\n dragRect = _ref9.dragRect;\n\n if (multiDragElements.length > 1) {\n // Setup unfold animation\n multiDragElements.forEach(function (multiDragElement) {\n sortable.addAnimationState({\n target: multiDragElement,\n rect: folding ? getRect(multiDragElement) : dragRect\n });\n unsetRect(multiDragElement);\n multiDragElement.fromRect = dragRect;\n fromSortable.removeAnimationState(multiDragElement);\n });\n folding = false;\n insertMultiDragElements(!this.options.removeCloneOnHide, rootEl);\n }\n },\n dragOverCompleted: function dragOverCompleted(_ref10) {\n var sortable = _ref10.sortable,\n isOwner = _ref10.isOwner,\n insertion = _ref10.insertion,\n activeSortable = _ref10.activeSortable,\n parentEl = _ref10.parentEl,\n putSortable = _ref10.putSortable;\n var options = this.options;\n\n if (insertion) {\n // Clones must be hidden before folding animation to capture dragRectAbsolute properly\n if (isOwner) {\n activeSortable._hideClone();\n }\n\n initialFolding = false; // If leaving sort:false root, or already folding - Fold to new location\n\n if (options.animation && multiDragElements.length > 1 && (folding || !isOwner && !activeSortable.options.sort && !putSortable)) {\n // Fold: Set all multi drag elements's rects to dragEl's rect when multi-drag elements are invisible\n var dragRectAbsolute = getRect(dragEl$1, false, true, true);\n multiDragElements.forEach(function (multiDragElement) {\n if (multiDragElement === dragEl$1) return;\n setRect(multiDragElement, dragRectAbsolute); // Move element(s) to end of parentEl so that it does not interfere with multi-drag clones insertion if they are inserted\n // while folding, and so that we can capture them again because old sortable will no longer be fromSortable\n\n parentEl.appendChild(multiDragElement);\n });\n folding = true;\n } // Clones must be shown (and check to remove multi drags) after folding when interfering multiDragElements are moved out\n\n\n if (!isOwner) {\n // Only remove if not folding (folding will remove them anyways)\n if (!folding) {\n removeMultiDragElements();\n }\n\n if (multiDragElements.length > 1) {\n var clonesHiddenBefore = clonesHidden;\n\n activeSortable._showClone(sortable); // Unfold animation for clones if showing from hidden\n\n\n if (activeSortable.options.animation && !clonesHidden && clonesHiddenBefore) {\n multiDragClones.forEach(function (clone) {\n activeSortable.addAnimationState({\n target: clone,\n rect: clonesFromRect\n });\n clone.fromRect = clonesFromRect;\n clone.thisAnimationDuration = null;\n });\n }\n } else {\n activeSortable._showClone(sortable);\n }\n }\n }\n },\n dragOverAnimationCapture: function dragOverAnimationCapture(_ref11) {\n var dragRect = _ref11.dragRect,\n isOwner = _ref11.isOwner,\n activeSortable = _ref11.activeSortable;\n multiDragElements.forEach(function (multiDragElement) {\n multiDragElement.thisAnimationDuration = null;\n });\n\n if (activeSortable.options.animation && !isOwner && activeSortable.multiDrag.isMultiDrag) {\n clonesFromRect = _extends({}, dragRect);\n var dragMatrix = matrix(dragEl$1, true);\n clonesFromRect.top -= dragMatrix.f;\n clonesFromRect.left -= dragMatrix.e;\n }\n },\n dragOverAnimationComplete: function dragOverAnimationComplete() {\n if (folding) {\n folding = false;\n removeMultiDragElements();\n }\n },\n drop: function drop(_ref12) {\n var evt = _ref12.originalEvent,\n rootEl = _ref12.rootEl,\n parentEl = _ref12.parentEl,\n sortable = _ref12.sortable,\n dispatchSortableEvent = _ref12.dispatchSortableEvent,\n oldIndex = _ref12.oldIndex,\n putSortable = _ref12.putSortable;\n var toSortable = putSortable || this.sortable;\n if (!evt) return;\n var options = this.options,\n children = parentEl.children; // Multi-drag selection\n\n if (!dragStarted) {\n if (options.multiDragKey && !this.multiDragKeyDown) {\n this._deselectMultiDrag();\n }\n\n toggleClass(dragEl$1, options.selectedClass, !~multiDragElements.indexOf(dragEl$1));\n\n if (!~multiDragElements.indexOf(dragEl$1)) {\n multiDragElements.push(dragEl$1);\n dispatchEvent({\n sortable: sortable,\n rootEl: rootEl,\n name: 'select',\n targetEl: dragEl$1,\n originalEvt: evt\n }); // Modifier activated, select from last to dragEl\n\n if (evt.shiftKey && lastMultiDragSelect && sortable.el.contains(lastMultiDragSelect)) {\n var lastIndex = index(lastMultiDragSelect),\n currentIndex = index(dragEl$1);\n\n if (~lastIndex && ~currentIndex && lastIndex !== currentIndex) {\n // Must include lastMultiDragSelect (select it), in case modified selection from no selection\n // (but previous selection existed)\n var n, i;\n\n if (currentIndex > lastIndex) {\n i = lastIndex;\n n = currentIndex;\n } else {\n i = currentIndex;\n n = lastIndex + 1;\n }\n\n for (; i < n; i++) {\n if (~multiDragElements.indexOf(children[i])) continue;\n toggleClass(children[i], options.selectedClass, true);\n multiDragElements.push(children[i]);\n dispatchEvent({\n sortable: sortable,\n rootEl: rootEl,\n name: 'select',\n targetEl: children[i],\n originalEvt: evt\n });\n }\n }\n } else {\n lastMultiDragSelect = dragEl$1;\n }\n\n multiDragSortable = toSortable;\n } else {\n multiDragElements.splice(multiDragElements.indexOf(dragEl$1), 1);\n lastMultiDragSelect = null;\n dispatchEvent({\n sortable: sortable,\n rootEl: rootEl,\n name: 'deselect',\n targetEl: dragEl$1,\n originalEvt: evt\n });\n }\n } // Multi-drag drop\n\n\n if (dragStarted && this.isMultiDrag) {\n folding = false; // Do not \"unfold\" after around dragEl if reverted\n\n if ((parentEl[expando].options.sort || parentEl !== rootEl) && multiDragElements.length > 1) {\n var dragRect = getRect(dragEl$1),\n multiDragIndex = index(dragEl$1, ':not(.' + this.options.selectedClass + ')');\n if (!initialFolding && options.animation) dragEl$1.thisAnimationDuration = null;\n toSortable.captureAnimationState();\n\n if (!initialFolding) {\n if (options.animation) {\n dragEl$1.fromRect = dragRect;\n multiDragElements.forEach(function (multiDragElement) {\n multiDragElement.thisAnimationDuration = null;\n\n if (multiDragElement !== dragEl$1) {\n var rect = folding ? getRect(multiDragElement) : dragRect;\n multiDragElement.fromRect = rect; // Prepare unfold animation\n\n toSortable.addAnimationState({\n target: multiDragElement,\n rect: rect\n });\n }\n });\n } // Multi drag elements are not necessarily removed from the DOM on drop, so to reinsert\n // properly they must all be removed\n\n\n removeMultiDragElements();\n multiDragElements.forEach(function (multiDragElement) {\n if (children[multiDragIndex]) {\n parentEl.insertBefore(multiDragElement, children[multiDragIndex]);\n } else {\n parentEl.appendChild(multiDragElement);\n }\n\n multiDragIndex++;\n }); // If initial folding is done, the elements may have changed position because they are now\n // unfolding around dragEl, even though dragEl may not have his index changed, so update event\n // must be fired here as Sortable will not.\n\n if (oldIndex === index(dragEl$1)) {\n var update = false;\n multiDragElements.forEach(function (multiDragElement) {\n if (multiDragElement.sortableIndex !== index(multiDragElement)) {\n update = true;\n return;\n }\n });\n\n if (update) {\n dispatchSortableEvent('update');\n }\n }\n } // Must be done after capturing individual rects (scroll bar)\n\n\n multiDragElements.forEach(function (multiDragElement) {\n unsetRect(multiDragElement);\n });\n toSortable.animateAll();\n }\n\n multiDragSortable = toSortable;\n } // Remove clones if necessary\n\n\n if (rootEl === parentEl || putSortable && putSortable.lastPutMode !== 'clone') {\n multiDragClones.forEach(function (clone) {\n clone.parentNode && clone.parentNode.removeChild(clone);\n });\n }\n },\n nullingGlobal: function nullingGlobal() {\n this.isMultiDrag = dragStarted = false;\n multiDragClones.length = 0;\n },\n destroyGlobal: function destroyGlobal() {\n this._deselectMultiDrag();\n\n off(document, 'pointerup', this._deselectMultiDrag);\n off(document, 'mouseup', this._deselectMultiDrag);\n off(document, 'touchend', this._deselectMultiDrag);\n off(document, 'keydown', this._checkKeyDown);\n off(document, 'keyup', this._checkKeyUp);\n },\n _deselectMultiDrag: function _deselectMultiDrag(evt) {\n if (typeof dragStarted !== \"undefined\" && dragStarted) return; // Only deselect if selection is in this sortable\n\n if (multiDragSortable !== this.sortable) return; // Only deselect if target is not item in this sortable\n\n if (evt && closest(evt.target, this.options.draggable, this.sortable.el, false)) return; // Only deselect if left click\n\n if (evt && evt.button !== 0) return;\n\n while (multiDragElements.length) {\n var el = multiDragElements[0];\n toggleClass(el, this.options.selectedClass, false);\n multiDragElements.shift();\n dispatchEvent({\n sortable: this.sortable,\n rootEl: this.sortable.el,\n name: 'deselect',\n targetEl: el,\n originalEvt: evt\n });\n }\n },\n _checkKeyDown: function _checkKeyDown(evt) {\n if (evt.key === this.options.multiDragKey) {\n this.multiDragKeyDown = true;\n }\n },\n _checkKeyUp: function _checkKeyUp(evt) {\n if (evt.key === this.options.multiDragKey) {\n this.multiDragKeyDown = false;\n }\n }\n };\n return _extends(MultiDrag, {\n // Static methods & properties\n pluginName: 'multiDrag',\n utils: {\n /**\n * Selects the provided multi-drag item\n * @param {HTMLElement} el The element to be selected\n */\n select: function select(el) {\n var sortable = el.parentNode[expando];\n if (!sortable || !sortable.options.multiDrag || ~multiDragElements.indexOf(el)) return;\n\n if (multiDragSortable && multiDragSortable !== sortable) {\n multiDragSortable.multiDrag._deselectMultiDrag();\n\n multiDragSortable = sortable;\n }\n\n toggleClass(el, sortable.options.selectedClass, true);\n multiDragElements.push(el);\n },\n\n /**\n * Deselects the provided multi-drag item\n * @param {HTMLElement} el The element to be deselected\n */\n deselect: function deselect(el) {\n var sortable = el.parentNode[expando],\n index = multiDragElements.indexOf(el);\n if (!sortable || !sortable.options.multiDrag || !~index) return;\n toggleClass(el, sortable.options.selectedClass, false);\n multiDragElements.splice(index, 1);\n }\n },\n eventProperties: function eventProperties() {\n var _this3 = this;\n\n var oldIndicies = [],\n newIndicies = [];\n multiDragElements.forEach(function (multiDragElement) {\n oldIndicies.push({\n multiDragElement: multiDragElement,\n index: multiDragElement.sortableIndex\n }); // multiDragElements will already be sorted if folding\n\n var newIndex;\n\n if (folding && multiDragElement !== dragEl$1) {\n newIndex = -1;\n } else if (folding) {\n newIndex = index(multiDragElement, ':not(.' + _this3.options.selectedClass + ')');\n } else {\n newIndex = index(multiDragElement);\n }\n\n newIndicies.push({\n multiDragElement: multiDragElement,\n index: newIndex\n });\n });\n return {\n items: _toConsumableArray(multiDragElements),\n clones: [].concat(multiDragClones),\n oldIndicies: oldIndicies,\n newIndicies: newIndicies\n };\n },\n optionListeners: {\n multiDragKey: function multiDragKey(key) {\n key = key.toLowerCase();\n\n if (key === 'ctrl') {\n key = 'Control';\n } else if (key.length > 1) {\n key = key.charAt(0).toUpperCase() + key.substr(1);\n }\n\n return key;\n }\n }\n });\n}\n\nfunction insertMultiDragElements(clonesInserted, rootEl) {\n multiDragElements.forEach(function (multiDragElement, i) {\n var target = rootEl.children[multiDragElement.sortableIndex + (clonesInserted ? Number(i) : 0)];\n\n if (target) {\n rootEl.insertBefore(multiDragElement, target);\n } else {\n rootEl.appendChild(multiDragElement);\n }\n });\n}\n/**\n * Insert multi-drag clones\n * @param {[Boolean]} elementsInserted Whether the multi-drag elements are inserted\n * @param {HTMLElement} rootEl\n */\n\n\nfunction insertMultiDragClones(elementsInserted, rootEl) {\n multiDragClones.forEach(function (clone, i) {\n var target = rootEl.children[clone.sortableIndex + (elementsInserted ? Number(i) : 0)];\n\n if (target) {\n rootEl.insertBefore(clone, target);\n } else {\n rootEl.appendChild(clone);\n }\n });\n}\n\nfunction removeMultiDragElements() {\n multiDragElements.forEach(function (multiDragElement) {\n if (multiDragElement === dragEl$1) return;\n multiDragElement.parentNode && multiDragElement.parentNode.removeChild(multiDragElement);\n });\n}\n\nSortable.mount(new AutoScrollPlugin());\nSortable.mount(Remove, Revert);\n\nexport default Sortable;\nexport { MultiDragPlugin as MultiDrag, Sortable, SwapPlugin as Swap };\n","(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory(require(\"vue\"), require(\"sortablejs\"));\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([, \"sortablejs\"], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"vuedraggable\"] = factory(require(\"vue\"), require(\"sortablejs\"));\n\telse\n\t\troot[\"vuedraggable\"] = factory(root[\"Vue\"], root[\"Sortable\"]);\n})((typeof self !== 'undefined' ? self : this), function(__WEBPACK_EXTERNAL_MODULE__8bbf__, __WEBPACK_EXTERNAL_MODULE_a352__) {\nreturn /******/ (function(modules) { // webpackBootstrap\n/******/ \t// The module cache\n/******/ \tvar installedModules = {};\n/******/\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n/******/\n/******/ \t\t// Check if module is in cache\n/******/ \t\tif(installedModules[moduleId]) {\n/******/ \t\t\treturn installedModules[moduleId].exports;\n/******/ \t\t}\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = installedModules[moduleId] = {\n/******/ \t\t\ti: moduleId,\n/******/ \t\t\tl: false,\n/******/ \t\t\texports: {}\n/******/ \t\t};\n/******/\n/******/ \t\t// Execute the module function\n/******/ \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n/******/\n/******/ \t\t// Flag the module as loaded\n/******/ \t\tmodule.l = true;\n/******/\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n/******/\n/******/\n/******/ \t// expose the modules object (__webpack_modules__)\n/******/ \t__webpack_require__.m = modules;\n/******/\n/******/ \t// expose the module cache\n/******/ \t__webpack_require__.c = installedModules;\n/******/\n/******/ \t// define getter function for harmony exports\n/******/ \t__webpack_require__.d = function(exports, name, getter) {\n/******/ \t\tif(!__webpack_require__.o(exports, name)) {\n/******/ \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n/******/ \t\t}\n/******/ \t};\n/******/\n/******/ \t// define __esModule on exports\n/******/ \t__webpack_require__.r = function(exports) {\n/******/ \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n/******/ \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n/******/ \t\t}\n/******/ \t\tObject.defineProperty(exports, '__esModule', { value: true });\n/******/ \t};\n/******/\n/******/ \t// create a fake namespace object\n/******/ \t// mode & 1: value is a module id, require it\n/******/ \t// mode & 2: merge all properties of value into the ns\n/******/ \t// mode & 4: return value when already ns object\n/******/ \t// mode & 8|1: behave like require\n/******/ \t__webpack_require__.t = function(value, mode) {\n/******/ \t\tif(mode & 1) value = __webpack_require__(value);\n/******/ \t\tif(mode & 8) return value;\n/******/ \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n/******/ \t\tvar ns = Object.create(null);\n/******/ \t\t__webpack_require__.r(ns);\n/******/ \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n/******/ \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n/******/ \t\treturn ns;\n/******/ \t};\n/******/\n/******/ \t// getDefaultExport function for compatibility with non-harmony modules\n/******/ \t__webpack_require__.n = function(module) {\n/******/ \t\tvar getter = module && module.__esModule ?\n/******/ \t\t\tfunction getDefault() { return module['default']; } :\n/******/ \t\t\tfunction getModuleExports() { return module; };\n/******/ \t\t__webpack_require__.d(getter, 'a', getter);\n/******/ \t\treturn getter;\n/******/ \t};\n/******/\n/******/ \t// Object.prototype.hasOwnProperty.call\n/******/ \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n/******/\n/******/ \t// __webpack_public_path__\n/******/ \t__webpack_require__.p = \"\";\n/******/\n/******/\n/******/ \t// Load entry module and return exports\n/******/ \treturn __webpack_require__(__webpack_require__.s = \"fb15\");\n/******/ })\n/************************************************************************/\n/******/ ({\n\n/***/ \"00ee\":\n/***/ (function(module, exports, __webpack_require__) {\n\nvar wellKnownSymbol = __webpack_require__(\"b622\");\n\nvar TO_STRING_TAG = wellKnownSymbol('toStringTag');\nvar test = {};\n\ntest[TO_STRING_TAG] = 'z';\n\nmodule.exports = String(test) === '[object z]';\n\n\n/***/ }),\n\n/***/ \"0366\":\n/***/ (function(module, exports, __webpack_require__) {\n\nvar aFunction = __webpack_require__(\"1c0b\");\n\n// optional / simple context binding\nmodule.exports = function (fn, that, length) {\n aFunction(fn);\n if (that === undefined) return fn;\n switch (length) {\n case 0: return function () {\n return fn.call(that);\n };\n case 1: return function (a) {\n return fn.call(that, a);\n };\n case 2: return function (a, b) {\n return fn.call(that, a, b);\n };\n case 3: return function (a, b, c) {\n return fn.call(that, a, b, c);\n };\n }\n return function (/* ...args */) {\n return fn.apply(that, arguments);\n };\n};\n\n\n/***/ }),\n\n/***/ \"057f\":\n/***/ (function(module, exports, __webpack_require__) {\n\nvar toIndexedObject = __webpack_require__(\"fc6a\");\nvar nativeGetOwnPropertyNames = __webpack_require__(\"241c\").f;\n\nvar toString = {}.toString;\n\nvar windowNames = typeof window == 'object' && window && Object.getOwnPropertyNames\n ? Object.getOwnPropertyNames(window) : [];\n\nvar getWindowNames = function (it) {\n try {\n return nativeGetOwnPropertyNames(it);\n } catch (error) {\n return windowNames.slice();\n }\n};\n\n// fallback for IE11 buggy Object.getOwnPropertyNames with iframe and window\nmodule.exports.f = function getOwnPropertyNames(it) {\n return windowNames && toString.call(it) == '[object Window]'\n ? getWindowNames(it)\n : nativeGetOwnPropertyNames(toIndexedObject(it));\n};\n\n\n/***/ }),\n\n/***/ \"06cf\":\n/***/ (function(module, exports, __webpack_require__) {\n\nvar DESCRIPTORS = __webpack_require__(\"83ab\");\nvar propertyIsEnumerableModule = __webpack_require__(\"d1e7\");\nvar createPropertyDescriptor = __webpack_require__(\"5c6c\");\nvar toIndexedObject = __webpack_require__(\"fc6a\");\nvar toPrimitive = __webpack_require__(\"c04e\");\nvar has = __webpack_require__(\"5135\");\nvar IE8_DOM_DEFINE = __webpack_require__(\"0cfb\");\n\nvar nativeGetOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;\n\n// `Object.getOwnPropertyDescriptor` method\n// https://tc39.github.io/ecma262/#sec-object.getownpropertydescriptor\nexports.f = DESCRIPTORS ? nativeGetOwnPropertyDescriptor : function getOwnPropertyDescriptor(O, P) {\n O = toIndexedObject(O);\n P = toPrimitive(P, true);\n if (IE8_DOM_DEFINE) try {\n return nativeGetOwnPropertyDescriptor(O, P);\n } catch (error) { /* empty */ }\n if (has(O, P)) return createPropertyDescriptor(!propertyIsEnumerableModule.f.call(O, P), O[P]);\n};\n\n\n/***/ }),\n\n/***/ \"0cfb\":\n/***/ (function(module, exports, __webpack_require__) {\n\nvar DESCRIPTORS = __webpack_require__(\"83ab\");\nvar fails = __webpack_require__(\"d039\");\nvar createElement = __webpack_require__(\"cc12\");\n\n// Thank's IE8 for his funny defineProperty\nmodule.exports = !DESCRIPTORS && !fails(function () {\n return Object.defineProperty(createElement('div'), 'a', {\n get: function () { return 7; }\n }).a != 7;\n});\n\n\n/***/ }),\n\n/***/ \"13d5\":\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar $ = __webpack_require__(\"23e7\");\nvar $reduce = __webpack_require__(\"d58f\").left;\nvar arrayMethodIsStrict = __webpack_require__(\"a640\");\nvar arrayMethodUsesToLength = __webpack_require__(\"ae40\");\n\nvar STRICT_METHOD = arrayMethodIsStrict('reduce');\nvar USES_TO_LENGTH = arrayMethodUsesToLength('reduce', { 1: 0 });\n\n// `Array.prototype.reduce` method\n// https://tc39.github.io/ecma262/#sec-array.prototype.reduce\n$({ target: 'Array', proto: true, forced: !STRICT_METHOD || !USES_TO_LENGTH }, {\n reduce: function reduce(callbackfn /* , initialValue */) {\n return $reduce(this, callbackfn, arguments.length, arguments.length > 1 ? arguments[1] : undefined);\n }\n});\n\n\n/***/ }),\n\n/***/ \"14c3\":\n/***/ (function(module, exports, __webpack_require__) {\n\nvar classof = __webpack_require__(\"c6b6\");\nvar regexpExec = __webpack_require__(\"9263\");\n\n// `RegExpExec` abstract operation\n// https://tc39.github.io/ecma262/#sec-regexpexec\nmodule.exports = function (R, S) {\n var exec = R.exec;\n if (typeof exec === 'function') {\n var result = exec.call(R, S);\n if (typeof result !== 'object') {\n throw TypeError('RegExp exec method returned something other than an Object or null');\n }\n return result;\n }\n\n if (classof(R) !== 'RegExp') {\n throw TypeError('RegExp#exec called on incompatible receiver');\n }\n\n return regexpExec.call(R, S);\n};\n\n\n\n/***/ }),\n\n/***/ \"159b\":\n/***/ (function(module, exports, __webpack_require__) {\n\nvar global = __webpack_require__(\"da84\");\nvar DOMIterables = __webpack_require__(\"fdbc\");\nvar forEach = __webpack_require__(\"17c2\");\nvar createNonEnumerableProperty = __webpack_require__(\"9112\");\n\nfor (var COLLECTION_NAME in DOMIterables) {\n var Collection = global[COLLECTION_NAME];\n var CollectionPrototype = Collection && Collection.prototype;\n // some Chrome versions have non-configurable methods on DOMTokenList\n if (CollectionPrototype && CollectionPrototype.forEach !== forEach) try {\n createNonEnumerableProperty(CollectionPrototype, 'forEach', forEach);\n } catch (error) {\n CollectionPrototype.forEach = forEach;\n }\n}\n\n\n/***/ }),\n\n/***/ \"17c2\":\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar $forEach = __webpack_require__(\"b727\").forEach;\nvar arrayMethodIsStrict = __webpack_require__(\"a640\");\nvar arrayMethodUsesToLength = __webpack_require__(\"ae40\");\n\nvar STRICT_METHOD = arrayMethodIsStrict('forEach');\nvar USES_TO_LENGTH = arrayMethodUsesToLength('forEach');\n\n// `Array.prototype.forEach` method implementation\n// https://tc39.github.io/ecma262/#sec-array.prototype.foreach\nmodule.exports = (!STRICT_METHOD || !USES_TO_LENGTH) ? function forEach(callbackfn /* , thisArg */) {\n return $forEach(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);\n} : [].forEach;\n\n\n/***/ }),\n\n/***/ \"1be4\":\n/***/ (function(module, exports, __webpack_require__) {\n\nvar getBuiltIn = __webpack_require__(\"d066\");\n\nmodule.exports = getBuiltIn('document', 'documentElement');\n\n\n/***/ }),\n\n/***/ \"1c0b\":\n/***/ (function(module, exports) {\n\nmodule.exports = function (it) {\n if (typeof it != 'function') {\n throw TypeError(String(it) + ' is not a function');\n } return it;\n};\n\n\n/***/ }),\n\n/***/ \"1c7e\":\n/***/ (function(module, exports, __webpack_require__) {\n\nvar wellKnownSymbol = __webpack_require__(\"b622\");\n\nvar ITERATOR = wellKnownSymbol('iterator');\nvar SAFE_CLOSING = false;\n\ntry {\n var called = 0;\n var iteratorWithReturn = {\n next: function () {\n return { done: !!called++ };\n },\n 'return': function () {\n SAFE_CLOSING = true;\n }\n };\n iteratorWithReturn[ITERATOR] = function () {\n return this;\n };\n // eslint-disable-next-line no-throw-literal\n Array.from(iteratorWithReturn, function () { throw 2; });\n} catch (error) { /* empty */ }\n\nmodule.exports = function (exec, SKIP_CLOSING) {\n if (!SKIP_CLOSING && !SAFE_CLOSING) return false;\n var ITERATION_SUPPORT = false;\n try {\n var object = {};\n object[ITERATOR] = function () {\n return {\n next: function () {\n return { done: ITERATION_SUPPORT = true };\n }\n };\n };\n exec(object);\n } catch (error) { /* empty */ }\n return ITERATION_SUPPORT;\n};\n\n\n/***/ }),\n\n/***/ \"1d80\":\n/***/ (function(module, exports) {\n\n// `RequireObjectCoercible` abstract operation\n// https://tc39.github.io/ecma262/#sec-requireobjectcoercible\nmodule.exports = function (it) {\n if (it == undefined) throw TypeError(\"Can't call method on \" + it);\n return it;\n};\n\n\n/***/ }),\n\n/***/ \"1dde\":\n/***/ (function(module, exports, __webpack_require__) {\n\nvar fails = __webpack_require__(\"d039\");\nvar wellKnownSymbol = __webpack_require__(\"b622\");\nvar V8_VERSION = __webpack_require__(\"2d00\");\n\nvar SPECIES = wellKnownSymbol('species');\n\nmodule.exports = function (METHOD_NAME) {\n // We can't use this feature detection in V8 since it causes\n // deoptimization and serious performance degradation\n // https://github.com/zloirock/core-js/issues/677\n return V8_VERSION >= 51 || !fails(function () {\n var array = [];\n var constructor = array.constructor = {};\n constructor[SPECIES] = function () {\n return { foo: 1 };\n };\n return array[METHOD_NAME](Boolean).foo !== 1;\n });\n};\n\n\n/***/ }),\n\n/***/ \"23cb\":\n/***/ (function(module, exports, __webpack_require__) {\n\nvar toInteger = __webpack_require__(\"a691\");\n\nvar max = Math.max;\nvar min = Math.min;\n\n// Helper for a popular repeating case of the spec:\n// Let integer be ? ToInteger(index).\n// If integer < 0, let result be max((length + integer), 0); else let result be min(integer, length).\nmodule.exports = function (index, length) {\n var integer = toInteger(index);\n return integer < 0 ? max(integer + length, 0) : min(integer, length);\n};\n\n\n/***/ }),\n\n/***/ \"23e7\":\n/***/ (function(module, exports, __webpack_require__) {\n\nvar global = __webpack_require__(\"da84\");\nvar getOwnPropertyDescriptor = __webpack_require__(\"06cf\").f;\nvar createNonEnumerableProperty = __webpack_require__(\"9112\");\nvar redefine = __webpack_require__(\"6eeb\");\nvar setGlobal = __webpack_require__(\"ce4e\");\nvar copyConstructorProperties = __webpack_require__(\"e893\");\nvar isForced = __webpack_require__(\"94ca\");\n\n/*\n options.target - name of the target object\n options.global - target is the global object\n options.stat - export as static methods of target\n options.proto - export as prototype methods of target\n options.real - real prototype method for the `pure` version\n options.forced - export even if the native feature is available\n options.bind - bind methods to the target, required for the `pure` version\n options.wrap - wrap constructors to preventing global pollution, required for the `pure` version\n options.unsafe - use the simple assignment of property instead of delete + defineProperty\n options.sham - add a flag to not completely full polyfills\n options.enumerable - export as enumerable property\n options.noTargetGet - prevent calling a getter on target\n*/\nmodule.exports = function (options, source) {\n var TARGET = options.target;\n var GLOBAL = options.global;\n var STATIC = options.stat;\n var FORCED, target, key, targetProperty, sourceProperty, descriptor;\n if (GLOBAL) {\n target = global;\n } else if (STATIC) {\n target = global[TARGET] || setGlobal(TARGET, {});\n } else {\n target = (global[TARGET] || {}).prototype;\n }\n if (target) for (key in source) {\n sourceProperty = source[key];\n if (options.noTargetGet) {\n descriptor = getOwnPropertyDescriptor(target, key);\n targetProperty = descriptor && descriptor.value;\n } else targetProperty = target[key];\n FORCED = isForced(GLOBAL ? key : TARGET + (STATIC ? '.' : '#') + key, options.forced);\n // contained in target\n if (!FORCED && targetProperty !== undefined) {\n if (typeof sourceProperty === typeof targetProperty) continue;\n copyConstructorProperties(sourceProperty, targetProperty);\n }\n // add a flag to not completely full polyfills\n if (options.sham || (targetProperty && targetProperty.sham)) {\n createNonEnumerableProperty(sourceProperty, 'sham', true);\n }\n // extend global\n redefine(target, key, sourceProperty, options);\n }\n};\n\n\n/***/ }),\n\n/***/ \"241c\":\n/***/ (function(module, exports, __webpack_require__) {\n\nvar internalObjectKeys = __webpack_require__(\"ca84\");\nvar enumBugKeys = __webpack_require__(\"7839\");\n\nvar hiddenKeys = enumBugKeys.concat('length', 'prototype');\n\n// `Object.getOwnPropertyNames` method\n// https://tc39.github.io/ecma262/#sec-object.getownpropertynames\nexports.f = Object.getOwnPropertyNames || function getOwnPropertyNames(O) {\n return internalObjectKeys(O, hiddenKeys);\n};\n\n\n/***/ }),\n\n/***/ \"25f0\":\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar redefine = __webpack_require__(\"6eeb\");\nvar anObject = __webpack_require__(\"825a\");\nvar fails = __webpack_require__(\"d039\");\nvar flags = __webpack_require__(\"ad6d\");\n\nvar TO_STRING = 'toString';\nvar RegExpPrototype = RegExp.prototype;\nvar nativeToString = RegExpPrototype[TO_STRING];\n\nvar NOT_GENERIC = fails(function () { return nativeToString.call({ source: 'a', flags: 'b' }) != '/a/b'; });\n// FF44- RegExp#toString has a wrong name\nvar INCORRECT_NAME = nativeToString.name != TO_STRING;\n\n// `RegExp.prototype.toString` method\n// https://tc39.github.io/ecma262/#sec-regexp.prototype.tostring\nif (NOT_GENERIC || INCORRECT_NAME) {\n redefine(RegExp.prototype, TO_STRING, function toString() {\n var R = anObject(this);\n var p = String(R.source);\n var rf = R.flags;\n var f = String(rf === undefined && R instanceof RegExp && !('flags' in RegExpPrototype) ? flags.call(R) : rf);\n return '/' + p + '/' + f;\n }, { unsafe: true });\n}\n\n\n/***/ }),\n\n/***/ \"2ca0\":\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar $ = __webpack_require__(\"23e7\");\nvar getOwnPropertyDescriptor = __webpack_require__(\"06cf\").f;\nvar toLength = __webpack_require__(\"50c4\");\nvar notARegExp = __webpack_require__(\"5a34\");\nvar requireObjectCoercible = __webpack_require__(\"1d80\");\nvar correctIsRegExpLogic = __webpack_require__(\"ab13\");\nvar IS_PURE = __webpack_require__(\"c430\");\n\nvar nativeStartsWith = ''.startsWith;\nvar min = Math.min;\n\nvar CORRECT_IS_REGEXP_LOGIC = correctIsRegExpLogic('startsWith');\n// https://github.com/zloirock/core-js/pull/702\nvar MDN_POLYFILL_BUG = !IS_PURE && !CORRECT_IS_REGEXP_LOGIC && !!function () {\n var descriptor = getOwnPropertyDescriptor(String.prototype, 'startsWith');\n return descriptor && !descriptor.writable;\n}();\n\n// `String.prototype.startsWith` method\n// https://tc39.github.io/ecma262/#sec-string.prototype.startswith\n$({ target: 'String', proto: true, forced: !MDN_POLYFILL_BUG && !CORRECT_IS_REGEXP_LOGIC }, {\n startsWith: function startsWith(searchString /* , position = 0 */) {\n var that = String(requireObjectCoercible(this));\n notARegExp(searchString);\n var index = toLength(min(arguments.length > 1 ? arguments[1] : undefined, that.length));\n var search = String(searchString);\n return nativeStartsWith\n ? nativeStartsWith.call(that, search, index)\n : that.slice(index, index + search.length) === search;\n }\n});\n\n\n/***/ }),\n\n/***/ \"2d00\":\n/***/ (function(module, exports, __webpack_require__) {\n\nvar global = __webpack_require__(\"da84\");\nvar userAgent = __webpack_require__(\"342f\");\n\nvar process = global.process;\nvar versions = process && process.versions;\nvar v8 = versions && versions.v8;\nvar match, version;\n\nif (v8) {\n match = v8.split('.');\n version = match[0] + match[1];\n} else if (userAgent) {\n match = userAgent.match(/Edge\\/(\\d+)/);\n if (!match || match[1] >= 74) {\n match = userAgent.match(/Chrome\\/(\\d+)/);\n if (match) version = match[1];\n }\n}\n\nmodule.exports = version && +version;\n\n\n/***/ }),\n\n/***/ \"342f\":\n/***/ (function(module, exports, __webpack_require__) {\n\nvar getBuiltIn = __webpack_require__(\"d066\");\n\nmodule.exports = getBuiltIn('navigator', 'userAgent') || '';\n\n\n/***/ }),\n\n/***/ \"35a1\":\n/***/ (function(module, exports, __webpack_require__) {\n\nvar classof = __webpack_require__(\"f5df\");\nvar Iterators = __webpack_require__(\"3f8c\");\nvar wellKnownSymbol = __webpack_require__(\"b622\");\n\nvar ITERATOR = wellKnownSymbol('iterator');\n\nmodule.exports = function (it) {\n if (it != undefined) return it[ITERATOR]\n || it['@@iterator']\n || Iterators[classof(it)];\n};\n\n\n/***/ }),\n\n/***/ \"37e8\":\n/***/ (function(module, exports, __webpack_require__) {\n\nvar DESCRIPTORS = __webpack_require__(\"83ab\");\nvar definePropertyModule = __webpack_require__(\"9bf2\");\nvar anObject = __webpack_require__(\"825a\");\nvar objectKeys = __webpack_require__(\"df75\");\n\n// `Object.defineProperties` method\n// https://tc39.github.io/ecma262/#sec-object.defineproperties\nmodule.exports = DESCRIPTORS ? Object.defineProperties : function defineProperties(O, Properties) {\n anObject(O);\n var keys = objectKeys(Properties);\n var length = keys.length;\n var index = 0;\n var key;\n while (length > index) definePropertyModule.f(O, key = keys[index++], Properties[key]);\n return O;\n};\n\n\n/***/ }),\n\n/***/ \"3bbe\":\n/***/ (function(module, exports, __webpack_require__) {\n\nvar isObject = __webpack_require__(\"861d\");\n\nmodule.exports = function (it) {\n if (!isObject(it) && it !== null) {\n throw TypeError(\"Can't set \" + String(it) + ' as a prototype');\n } return it;\n};\n\n\n/***/ }),\n\n/***/ \"3ca3\":\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar charAt = __webpack_require__(\"6547\").charAt;\nvar InternalStateModule = __webpack_require__(\"69f3\");\nvar defineIterator = __webpack_require__(\"7dd0\");\n\nvar STRING_ITERATOR = 'String Iterator';\nvar setInternalState = InternalStateModule.set;\nvar getInternalState = InternalStateModule.getterFor(STRING_ITERATOR);\n\n// `String.prototype[@@iterator]` method\n// https://tc39.github.io/ecma262/#sec-string.prototype-@@iterator\ndefineIterator(String, 'String', function (iterated) {\n setInternalState(this, {\n type: STRING_ITERATOR,\n string: String(iterated),\n index: 0\n });\n// `%StringIteratorPrototype%.next` method\n// https://tc39.github.io/ecma262/#sec-%stringiteratorprototype%.next\n}, function next() {\n var state = getInternalState(this);\n var string = state.string;\n var index = state.index;\n var point;\n if (index >= string.length) return { value: undefined, done: true };\n point = charAt(string, index);\n state.index += point.length;\n return { value: point, done: false };\n});\n\n\n/***/ }),\n\n/***/ \"3f8c\":\n/***/ (function(module, exports) {\n\nmodule.exports = {};\n\n\n/***/ }),\n\n/***/ \"4160\":\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar $ = __webpack_require__(\"23e7\");\nvar forEach = __webpack_require__(\"17c2\");\n\n// `Array.prototype.forEach` method\n// https://tc39.github.io/ecma262/#sec-array.prototype.foreach\n$({ target: 'Array', proto: true, forced: [].forEach != forEach }, {\n forEach: forEach\n});\n\n\n/***/ }),\n\n/***/ \"428f\":\n/***/ (function(module, exports, __webpack_require__) {\n\nvar global = __webpack_require__(\"da84\");\n\nmodule.exports = global;\n\n\n/***/ }),\n\n/***/ \"44ad\":\n/***/ (function(module, exports, __webpack_require__) {\n\nvar fails = __webpack_require__(\"d039\");\nvar classof = __webpack_require__(\"c6b6\");\n\nvar split = ''.split;\n\n// fallback for non-array-like ES3 and non-enumerable old V8 strings\nmodule.exports = fails(function () {\n // throws an error in rhino, see https://github.com/mozilla/rhino/issues/346\n // eslint-disable-next-line no-prototype-builtins\n return !Object('z').propertyIsEnumerable(0);\n}) ? function (it) {\n return classof(it) == 'String' ? split.call(it, '') : Object(it);\n} : Object;\n\n\n/***/ }),\n\n/***/ \"44d2\":\n/***/ (function(module, exports, __webpack_require__) {\n\nvar wellKnownSymbol = __webpack_require__(\"b622\");\nvar create = __webpack_require__(\"7c73\");\nvar definePropertyModule = __webpack_require__(\"9bf2\");\n\nvar UNSCOPABLES = wellKnownSymbol('unscopables');\nvar ArrayPrototype = Array.prototype;\n\n// Array.prototype[@@unscopables]\n// https://tc39.github.io/ecma262/#sec-array.prototype-@@unscopables\nif (ArrayPrototype[UNSCOPABLES] == undefined) {\n definePropertyModule.f(ArrayPrototype, UNSCOPABLES, {\n configurable: true,\n value: create(null)\n });\n}\n\n// add a key to Array.prototype[@@unscopables]\nmodule.exports = function (key) {\n ArrayPrototype[UNSCOPABLES][key] = true;\n};\n\n\n/***/ }),\n\n/***/ \"44e7\":\n/***/ (function(module, exports, __webpack_require__) {\n\nvar isObject = __webpack_require__(\"861d\");\nvar classof = __webpack_require__(\"c6b6\");\nvar wellKnownSymbol = __webpack_require__(\"b622\");\n\nvar MATCH = wellKnownSymbol('match');\n\n// `IsRegExp` abstract operation\n// https://tc39.github.io/ecma262/#sec-isregexp\nmodule.exports = function (it) {\n var isRegExp;\n return isObject(it) && ((isRegExp = it[MATCH]) !== undefined ? !!isRegExp : classof(it) == 'RegExp');\n};\n\n\n/***/ }),\n\n/***/ \"4930\":\n/***/ (function(module, exports, __webpack_require__) {\n\nvar fails = __webpack_require__(\"d039\");\n\nmodule.exports = !!Object.getOwnPropertySymbols && !fails(function () {\n // Chrome 38 Symbol has incorrect toString conversion\n // eslint-disable-next-line no-undef\n return !String(Symbol());\n});\n\n\n/***/ }),\n\n/***/ \"4d64\":\n/***/ (function(module, exports, __webpack_require__) {\n\nvar toIndexedObject = __webpack_require__(\"fc6a\");\nvar toLength = __webpack_require__(\"50c4\");\nvar toAbsoluteIndex = __webpack_require__(\"23cb\");\n\n// `Array.prototype.{ indexOf, includes }` methods implementation\nvar createMethod = function (IS_INCLUDES) {\n return function ($this, el, fromIndex) {\n var O = toIndexedObject($this);\n var length = toLength(O.length);\n var index = toAbsoluteIndex(fromIndex, length);\n var value;\n // Array#includes uses SameValueZero equality algorithm\n // eslint-disable-next-line no-self-compare\n if (IS_INCLUDES && el != el) while (length > index) {\n value = O[index++];\n // eslint-disable-next-line no-self-compare\n if (value != value) return true;\n // Array#indexOf ignores holes, Array#includes - not\n } else for (;length > index; index++) {\n if ((IS_INCLUDES || index in O) && O[index] === el) return IS_INCLUDES || index || 0;\n } return !IS_INCLUDES && -1;\n };\n};\n\nmodule.exports = {\n // `Array.prototype.includes` method\n // https://tc39.github.io/ecma262/#sec-array.prototype.includes\n includes: createMethod(true),\n // `Array.prototype.indexOf` method\n // https://tc39.github.io/ecma262/#sec-array.prototype.indexof\n indexOf: createMethod(false)\n};\n\n\n/***/ }),\n\n/***/ \"4de4\":\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar $ = __webpack_require__(\"23e7\");\nvar $filter = __webpack_require__(\"b727\").filter;\nvar arrayMethodHasSpeciesSupport = __webpack_require__(\"1dde\");\nvar arrayMethodUsesToLength = __webpack_require__(\"ae40\");\n\nvar HAS_SPECIES_SUPPORT = arrayMethodHasSpeciesSupport('filter');\n// Edge 14- issue\nvar USES_TO_LENGTH = arrayMethodUsesToLength('filter');\n\n// `Array.prototype.filter` method\n// https://tc39.github.io/ecma262/#sec-array.prototype.filter\n// with adding support of @@species\n$({ target: 'Array', proto: true, forced: !HAS_SPECIES_SUPPORT || !USES_TO_LENGTH }, {\n filter: function filter(callbackfn /* , thisArg */) {\n return $filter(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);\n }\n});\n\n\n/***/ }),\n\n/***/ \"4df4\":\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar bind = __webpack_require__(\"0366\");\nvar toObject = __webpack_require__(\"7b0b\");\nvar callWithSafeIterationClosing = __webpack_require__(\"9bdd\");\nvar isArrayIteratorMethod = __webpack_require__(\"e95a\");\nvar toLength = __webpack_require__(\"50c4\");\nvar createProperty = __webpack_require__(\"8418\");\nvar getIteratorMethod = __webpack_require__(\"35a1\");\n\n// `Array.from` method implementation\n// https://tc39.github.io/ecma262/#sec-array.from\nmodule.exports = function from(arrayLike /* , mapfn = undefined, thisArg = undefined */) {\n var O = toObject(arrayLike);\n var C = typeof this == 'function' ? this : Array;\n var argumentsLength = arguments.length;\n var mapfn = argumentsLength > 1 ? arguments[1] : undefined;\n var mapping = mapfn !== undefined;\n var iteratorMethod = getIteratorMethod(O);\n var index = 0;\n var length, result, step, iterator, next, value;\n if (mapping) mapfn = bind(mapfn, argumentsLength > 2 ? arguments[2] : undefined, 2);\n // if the target is not iterable or it's an array with the default iterator - use a simple case\n if (iteratorMethod != undefined && !(C == Array && isArrayIteratorMethod(iteratorMethod))) {\n iterator = iteratorMethod.call(O);\n next = iterator.next;\n result = new C();\n for (;!(step = next.call(iterator)).done; index++) {\n value = mapping ? callWithSafeIterationClosing(iterator, mapfn, [step.value, index], true) : step.value;\n createProperty(result, index, value);\n }\n } else {\n length = toLength(O.length);\n result = new C(length);\n for (;length > index; index++) {\n value = mapping ? mapfn(O[index], index) : O[index];\n createProperty(result, index, value);\n }\n }\n result.length = index;\n return result;\n};\n\n\n/***/ }),\n\n/***/ \"4fad\":\n/***/ (function(module, exports, __webpack_require__) {\n\nvar $ = __webpack_require__(\"23e7\");\nvar $entries = __webpack_require__(\"6f53\").entries;\n\n// `Object.entries` method\n// https://tc39.github.io/ecma262/#sec-object.entries\n$({ target: 'Object', stat: true }, {\n entries: function entries(O) {\n return $entries(O);\n }\n});\n\n\n/***/ }),\n\n/***/ \"50c4\":\n/***/ (function(module, exports, __webpack_require__) {\n\nvar toInteger = __webpack_require__(\"a691\");\n\nvar min = Math.min;\n\n// `ToLength` abstract operation\n// https://tc39.github.io/ecma262/#sec-tolength\nmodule.exports = function (argument) {\n return argument > 0 ? min(toInteger(argument), 0x1FFFFFFFFFFFFF) : 0; // 2 ** 53 - 1 == 9007199254740991\n};\n\n\n/***/ }),\n\n/***/ \"5135\":\n/***/ (function(module, exports) {\n\nvar hasOwnProperty = {}.hasOwnProperty;\n\nmodule.exports = function (it, key) {\n return hasOwnProperty.call(it, key);\n};\n\n\n/***/ }),\n\n/***/ \"5319\":\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar fixRegExpWellKnownSymbolLogic = __webpack_require__(\"d784\");\nvar anObject = __webpack_require__(\"825a\");\nvar toObject = __webpack_require__(\"7b0b\");\nvar toLength = __webpack_require__(\"50c4\");\nvar toInteger = __webpack_require__(\"a691\");\nvar requireObjectCoercible = __webpack_require__(\"1d80\");\nvar advanceStringIndex = __webpack_require__(\"8aa5\");\nvar regExpExec = __webpack_require__(\"14c3\");\n\nvar max = Math.max;\nvar min = Math.min;\nvar floor = Math.floor;\nvar SUBSTITUTION_SYMBOLS = /\\$([$&'`]|\\d\\d?|<[^>]*>)/g;\nvar SUBSTITUTION_SYMBOLS_NO_NAMED = /\\$([$&'`]|\\d\\d?)/g;\n\nvar maybeToString = function (it) {\n return it === undefined ? it : String(it);\n};\n\n// @@replace logic\nfixRegExpWellKnownSymbolLogic('replace', 2, function (REPLACE, nativeReplace, maybeCallNative, reason) {\n var REGEXP_REPLACE_SUBSTITUTES_UNDEFINED_CAPTURE = reason.REGEXP_REPLACE_SUBSTITUTES_UNDEFINED_CAPTURE;\n var REPLACE_KEEPS_$0 = reason.REPLACE_KEEPS_$0;\n var UNSAFE_SUBSTITUTE = REGEXP_REPLACE_SUBSTITUTES_UNDEFINED_CAPTURE ? '$' : '$0';\n\n return [\n // `String.prototype.replace` method\n // https://tc39.github.io/ecma262/#sec-string.prototype.replace\n function replace(searchValue, replaceValue) {\n var O = requireObjectCoercible(this);\n var replacer = searchValue == undefined ? undefined : searchValue[REPLACE];\n return replacer !== undefined\n ? replacer.call(searchValue, O, replaceValue)\n : nativeReplace.call(String(O), searchValue, replaceValue);\n },\n // `RegExp.prototype[@@replace]` method\n // https://tc39.github.io/ecma262/#sec-regexp.prototype-@@replace\n function (regexp, replaceValue) {\n if (\n (!REGEXP_REPLACE_SUBSTITUTES_UNDEFINED_CAPTURE && REPLACE_KEEPS_$0) ||\n (typeof replaceValue === 'string' && replaceValue.indexOf(UNSAFE_SUBSTITUTE) === -1)\n ) {\n var res = maybeCallNative(nativeReplace, regexp, this, replaceValue);\n if (res.done) return res.value;\n }\n\n var rx = anObject(regexp);\n var S = String(this);\n\n var functionalReplace = typeof replaceValue === 'function';\n if (!functionalReplace) replaceValue = String(replaceValue);\n\n var global = rx.global;\n if (global) {\n var fullUnicode = rx.unicode;\n rx.lastIndex = 0;\n }\n var results = [];\n while (true) {\n var result = regExpExec(rx, S);\n if (result === null) break;\n\n results.push(result);\n if (!global) break;\n\n var matchStr = String(result[0]);\n if (matchStr === '') rx.lastIndex = advanceStringIndex(S, toLength(rx.lastIndex), fullUnicode);\n }\n\n var accumulatedResult = '';\n var nextSourcePosition = 0;\n for (var i = 0; i < results.length; i++) {\n result = results[i];\n\n var matched = String(result[0]);\n var position = max(min(toInteger(result.index), S.length), 0);\n var captures = [];\n // NOTE: This is equivalent to\n // captures = result.slice(1).map(maybeToString)\n // but for some reason `nativeSlice.call(result, 1, result.length)` (called in\n // the slice polyfill when slicing native arrays) \"doesn't work\" in safari 9 and\n // causes a crash (https://pastebin.com/N21QzeQA) when trying to debug it.\n for (var j = 1; j < result.length; j++) captures.push(maybeToString(result[j]));\n var namedCaptures = result.groups;\n if (functionalReplace) {\n var replacerArgs = [matched].concat(captures, position, S);\n if (namedCaptures !== undefined) replacerArgs.push(namedCaptures);\n var replacement = String(replaceValue.apply(undefined, replacerArgs));\n } else {\n replacement = getSubstitution(matched, S, position, captures, namedCaptures, replaceValue);\n }\n if (position >= nextSourcePosition) {\n accumulatedResult += S.slice(nextSourcePosition, position) + replacement;\n nextSourcePosition = position + matched.length;\n }\n }\n return accumulatedResult + S.slice(nextSourcePosition);\n }\n ];\n\n // https://tc39.github.io/ecma262/#sec-getsubstitution\n function getSubstitution(matched, str, position, captures, namedCaptures, replacement) {\n var tailPos = position + matched.length;\n var m = captures.length;\n var symbols = SUBSTITUTION_SYMBOLS_NO_NAMED;\n if (namedCaptures !== undefined) {\n namedCaptures = toObject(namedCaptures);\n symbols = SUBSTITUTION_SYMBOLS;\n }\n return nativeReplace.call(replacement, symbols, function (match, ch) {\n var capture;\n switch (ch.charAt(0)) {\n case '$': return '$';\n case '&': return matched;\n case '`': return str.slice(0, position);\n case \"'\": return str.slice(tailPos);\n case '<':\n capture = namedCaptures[ch.slice(1, -1)];\n break;\n default: // \\d\\d?\n var n = +ch;\n if (n === 0) return match;\n if (n > m) {\n var f = floor(n / 10);\n if (f === 0) return match;\n if (f <= m) return captures[f - 1] === undefined ? ch.charAt(1) : captures[f - 1] + ch.charAt(1);\n return match;\n }\n capture = captures[n - 1];\n }\n return capture === undefined ? '' : capture;\n });\n }\n});\n\n\n/***/ }),\n\n/***/ \"5692\":\n/***/ (function(module, exports, __webpack_require__) {\n\nvar IS_PURE = __webpack_require__(\"c430\");\nvar store = __webpack_require__(\"c6cd\");\n\n(module.exports = function (key, value) {\n return store[key] || (store[key] = value !== undefined ? value : {});\n})('versions', []).push({\n version: '3.6.5',\n mode: IS_PURE ? 'pure' : 'global',\n copyright: '© 2020 Denis Pushkarev (zloirock.ru)'\n});\n\n\n/***/ }),\n\n/***/ \"56ef\":\n/***/ (function(module, exports, __webpack_require__) {\n\nvar getBuiltIn = __webpack_require__(\"d066\");\nvar getOwnPropertyNamesModule = __webpack_require__(\"241c\");\nvar getOwnPropertySymbolsModule = __webpack_require__(\"7418\");\nvar anObject = __webpack_require__(\"825a\");\n\n// all object keys, includes non-enumerable and symbols\nmodule.exports = getBuiltIn('Reflect', 'ownKeys') || function ownKeys(it) {\n var keys = getOwnPropertyNamesModule.f(anObject(it));\n var getOwnPropertySymbols = getOwnPropertySymbolsModule.f;\n return getOwnPropertySymbols ? keys.concat(getOwnPropertySymbols(it)) : keys;\n};\n\n\n/***/ }),\n\n/***/ \"5a34\":\n/***/ (function(module, exports, __webpack_require__) {\n\nvar isRegExp = __webpack_require__(\"44e7\");\n\nmodule.exports = function (it) {\n if (isRegExp(it)) {\n throw TypeError(\"The method doesn't accept regular expressions\");\n } return it;\n};\n\n\n/***/ }),\n\n/***/ \"5c6c\":\n/***/ (function(module, exports) {\n\nmodule.exports = function (bitmap, value) {\n return {\n enumerable: !(bitmap & 1),\n configurable: !(bitmap & 2),\n writable: !(bitmap & 4),\n value: value\n };\n};\n\n\n/***/ }),\n\n/***/ \"5db7\":\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar $ = __webpack_require__(\"23e7\");\nvar flattenIntoArray = __webpack_require__(\"a2bf\");\nvar toObject = __webpack_require__(\"7b0b\");\nvar toLength = __webpack_require__(\"50c4\");\nvar aFunction = __webpack_require__(\"1c0b\");\nvar arraySpeciesCreate = __webpack_require__(\"65f0\");\n\n// `Array.prototype.flatMap` method\n// https://github.com/tc39/proposal-flatMap\n$({ target: 'Array', proto: true }, {\n flatMap: function flatMap(callbackfn /* , thisArg */) {\n var O = toObject(this);\n var sourceLen = toLength(O.length);\n var A;\n aFunction(callbackfn);\n A = arraySpeciesCreate(O, 0);\n A.length = flattenIntoArray(A, O, O, sourceLen, 0, 1, callbackfn, arguments.length > 1 ? arguments[1] : undefined);\n return A;\n }\n});\n\n\n/***/ }),\n\n/***/ \"6547\":\n/***/ (function(module, exports, __webpack_require__) {\n\nvar toInteger = __webpack_require__(\"a691\");\nvar requireObjectCoercible = __webpack_require__(\"1d80\");\n\n// `String.prototype.{ codePointAt, at }` methods implementation\nvar createMethod = function (CONVERT_TO_STRING) {\n return function ($this, pos) {\n var S = String(requireObjectCoercible($this));\n var position = toInteger(pos);\n var size = S.length;\n var first, second;\n if (position < 0 || position >= size) return CONVERT_TO_STRING ? '' : undefined;\n first = S.charCodeAt(position);\n return first < 0xD800 || first > 0xDBFF || position + 1 === size\n || (second = S.charCodeAt(position + 1)) < 0xDC00 || second > 0xDFFF\n ? CONVERT_TO_STRING ? S.charAt(position) : first\n : CONVERT_TO_STRING ? S.slice(position, position + 2) : (first - 0xD800 << 10) + (second - 0xDC00) + 0x10000;\n };\n};\n\nmodule.exports = {\n // `String.prototype.codePointAt` method\n // https://tc39.github.io/ecma262/#sec-string.prototype.codepointat\n codeAt: createMethod(false),\n // `String.prototype.at` method\n // https://github.com/mathiasbynens/String.prototype.at\n charAt: createMethod(true)\n};\n\n\n/***/ }),\n\n/***/ \"65f0\":\n/***/ (function(module, exports, __webpack_require__) {\n\nvar isObject = __webpack_require__(\"861d\");\nvar isArray = __webpack_require__(\"e8b5\");\nvar wellKnownSymbol = __webpack_require__(\"b622\");\n\nvar SPECIES = wellKnownSymbol('species');\n\n// `ArraySpeciesCreate` abstract operation\n// https://tc39.github.io/ecma262/#sec-arrayspeciescreate\nmodule.exports = function (originalArray, length) {\n var C;\n if (isArray(originalArray)) {\n C = originalArray.constructor;\n // cross-realm fallback\n if (typeof C == 'function' && (C === Array || isArray(C.prototype))) C = undefined;\n else if (isObject(C)) {\n C = C[SPECIES];\n if (C === null) C = undefined;\n }\n } return new (C === undefined ? Array : C)(length === 0 ? 0 : length);\n};\n\n\n/***/ }),\n\n/***/ \"69f3\":\n/***/ (function(module, exports, __webpack_require__) {\n\nvar NATIVE_WEAK_MAP = __webpack_require__(\"7f9a\");\nvar global = __webpack_require__(\"da84\");\nvar isObject = __webpack_require__(\"861d\");\nvar createNonEnumerableProperty = __webpack_require__(\"9112\");\nvar objectHas = __webpack_require__(\"5135\");\nvar sharedKey = __webpack_require__(\"f772\");\nvar hiddenKeys = __webpack_require__(\"d012\");\n\nvar WeakMap = global.WeakMap;\nvar set, get, has;\n\nvar enforce = function (it) {\n return has(it) ? get(it) : set(it, {});\n};\n\nvar getterFor = function (TYPE) {\n return function (it) {\n var state;\n if (!isObject(it) || (state = get(it)).type !== TYPE) {\n throw TypeError('Incompatible receiver, ' + TYPE + ' required');\n } return state;\n };\n};\n\nif (NATIVE_WEAK_MAP) {\n var store = new WeakMap();\n var wmget = store.get;\n var wmhas = store.has;\n var wmset = store.set;\n set = function (it, metadata) {\n wmset.call(store, it, metadata);\n return metadata;\n };\n get = function (it) {\n return wmget.call(store, it) || {};\n };\n has = function (it) {\n return wmhas.call(store, it);\n };\n} else {\n var STATE = sharedKey('state');\n hiddenKeys[STATE] = true;\n set = function (it, metadata) {\n createNonEnumerableProperty(it, STATE, metadata);\n return metadata;\n };\n get = function (it) {\n return objectHas(it, STATE) ? it[STATE] : {};\n };\n has = function (it) {\n return objectHas(it, STATE);\n };\n}\n\nmodule.exports = {\n set: set,\n get: get,\n has: has,\n enforce: enforce,\n getterFor: getterFor\n};\n\n\n/***/ }),\n\n/***/ \"6eeb\":\n/***/ (function(module, exports, __webpack_require__) {\n\nvar global = __webpack_require__(\"da84\");\nvar createNonEnumerableProperty = __webpack_require__(\"9112\");\nvar has = __webpack_require__(\"5135\");\nvar setGlobal = __webpack_require__(\"ce4e\");\nvar inspectSource = __webpack_require__(\"8925\");\nvar InternalStateModule = __webpack_require__(\"69f3\");\n\nvar getInternalState = InternalStateModule.get;\nvar enforceInternalState = InternalStateModule.enforce;\nvar TEMPLATE = String(String).split('String');\n\n(module.exports = function (O, key, value, options) {\n var unsafe = options ? !!options.unsafe : false;\n var simple = options ? !!options.enumerable : false;\n var noTargetGet = options ? !!options.noTargetGet : false;\n if (typeof value == 'function') {\n if (typeof key == 'string' && !has(value, 'name')) createNonEnumerableProperty(value, 'name', key);\n enforceInternalState(value).source = TEMPLATE.join(typeof key == 'string' ? key : '');\n }\n if (O === global) {\n if (simple) O[key] = value;\n else setGlobal(key, value);\n return;\n } else if (!unsafe) {\n delete O[key];\n } else if (!noTargetGet && O[key]) {\n simple = true;\n }\n if (simple) O[key] = value;\n else createNonEnumerableProperty(O, key, value);\n// add fake Function#toString for correct work wrapped methods / constructors with methods like LoDash isNative\n})(Function.prototype, 'toString', function toString() {\n return typeof this == 'function' && getInternalState(this).source || inspectSource(this);\n});\n\n\n/***/ }),\n\n/***/ \"6f53\":\n/***/ (function(module, exports, __webpack_require__) {\n\nvar DESCRIPTORS = __webpack_require__(\"83ab\");\nvar objectKeys = __webpack_require__(\"df75\");\nvar toIndexedObject = __webpack_require__(\"fc6a\");\nvar propertyIsEnumerable = __webpack_require__(\"d1e7\").f;\n\n// `Object.{ entries, values }` methods implementation\nvar createMethod = function (TO_ENTRIES) {\n return function (it) {\n var O = toIndexedObject(it);\n var keys = objectKeys(O);\n var length = keys.length;\n var i = 0;\n var result = [];\n var key;\n while (length > i) {\n key = keys[i++];\n if (!DESCRIPTORS || propertyIsEnumerable.call(O, key)) {\n result.push(TO_ENTRIES ? [key, O[key]] : O[key]);\n }\n }\n return result;\n };\n};\n\nmodule.exports = {\n // `Object.entries` method\n // https://tc39.github.io/ecma262/#sec-object.entries\n entries: createMethod(true),\n // `Object.values` method\n // https://tc39.github.io/ecma262/#sec-object.values\n values: createMethod(false)\n};\n\n\n/***/ }),\n\n/***/ \"73d9\":\n/***/ (function(module, exports, __webpack_require__) {\n\n// this method was added to unscopables after implementation\n// in popular engines, so it's moved to a separate module\nvar addToUnscopables = __webpack_require__(\"44d2\");\n\naddToUnscopables('flatMap');\n\n\n/***/ }),\n\n/***/ \"7418\":\n/***/ (function(module, exports) {\n\nexports.f = Object.getOwnPropertySymbols;\n\n\n/***/ }),\n\n/***/ \"746f\":\n/***/ (function(module, exports, __webpack_require__) {\n\nvar path = __webpack_require__(\"428f\");\nvar has = __webpack_require__(\"5135\");\nvar wrappedWellKnownSymbolModule = __webpack_require__(\"e538\");\nvar defineProperty = __webpack_require__(\"9bf2\").f;\n\nmodule.exports = function (NAME) {\n var Symbol = path.Symbol || (path.Symbol = {});\n if (!has(Symbol, NAME)) defineProperty(Symbol, NAME, {\n value: wrappedWellKnownSymbolModule.f(NAME)\n });\n};\n\n\n/***/ }),\n\n/***/ \"7839\":\n/***/ (function(module, exports) {\n\n// IE8- don't enum bug keys\nmodule.exports = [\n 'constructor',\n 'hasOwnProperty',\n 'isPrototypeOf',\n 'propertyIsEnumerable',\n 'toLocaleString',\n 'toString',\n 'valueOf'\n];\n\n\n/***/ }),\n\n/***/ \"7b0b\":\n/***/ (function(module, exports, __webpack_require__) {\n\nvar requireObjectCoercible = __webpack_require__(\"1d80\");\n\n// `ToObject` abstract operation\n// https://tc39.github.io/ecma262/#sec-toobject\nmodule.exports = function (argument) {\n return Object(requireObjectCoercible(argument));\n};\n\n\n/***/ }),\n\n/***/ \"7c73\":\n/***/ (function(module, exports, __webpack_require__) {\n\nvar anObject = __webpack_require__(\"825a\");\nvar defineProperties = __webpack_require__(\"37e8\");\nvar enumBugKeys = __webpack_require__(\"7839\");\nvar hiddenKeys = __webpack_require__(\"d012\");\nvar html = __webpack_require__(\"1be4\");\nvar documentCreateElement = __webpack_require__(\"cc12\");\nvar sharedKey = __webpack_require__(\"f772\");\n\nvar GT = '>';\nvar LT = '<';\nvar PROTOTYPE = 'prototype';\nvar SCRIPT = 'script';\nvar IE_PROTO = sharedKey('IE_PROTO');\n\nvar EmptyConstructor = function () { /* empty */ };\n\nvar scriptTag = function (content) {\n return LT + SCRIPT + GT + content + LT + '/' + SCRIPT + GT;\n};\n\n// Create object with fake `null` prototype: use ActiveX Object with cleared prototype\nvar NullProtoObjectViaActiveX = function (activeXDocument) {\n activeXDocument.write(scriptTag(''));\n activeXDocument.close();\n var temp = activeXDocument.parentWindow.Object;\n activeXDocument = null; // avoid memory leak\n return temp;\n};\n\n// Create object with fake `null` prototype: use iframe Object with cleared prototype\nvar NullProtoObjectViaIFrame = function () {\n // Thrash, waste and sodomy: IE GC bug\n var iframe = documentCreateElement('iframe');\n var JS = 'java' + SCRIPT + ':';\n var iframeDocument;\n iframe.style.display = 'none';\n html.appendChild(iframe);\n // https://github.com/zloirock/core-js/issues/475\n iframe.src = String(JS);\n iframeDocument = iframe.contentWindow.document;\n iframeDocument.open();\n iframeDocument.write(scriptTag('document.F=Object'));\n iframeDocument.close();\n return iframeDocument.F;\n};\n\n// Check for document.domain and active x support\n// No need to use active x approach when document.domain is not set\n// see https://github.com/es-shims/es5-shim/issues/150\n// variation of https://github.com/kitcambridge/es5-shim/commit/4f738ac066346\n// avoid IE GC bug\nvar activeXDocument;\nvar NullProtoObject = function () {\n try {\n /* global ActiveXObject */\n activeXDocument = document.domain && new ActiveXObject('htmlfile');\n } catch (error) { /* ignore */ }\n NullProtoObject = activeXDocument ? NullProtoObjectViaActiveX(activeXDocument) : NullProtoObjectViaIFrame();\n var length = enumBugKeys.length;\n while (length--) delete NullProtoObject[PROTOTYPE][enumBugKeys[length]];\n return NullProtoObject();\n};\n\nhiddenKeys[IE_PROTO] = true;\n\n// `Object.create` method\n// https://tc39.github.io/ecma262/#sec-object.create\nmodule.exports = Object.create || function create(O, Properties) {\n var result;\n if (O !== null) {\n EmptyConstructor[PROTOTYPE] = anObject(O);\n result = new EmptyConstructor();\n EmptyConstructor[PROTOTYPE] = null;\n // add \"__proto__\" for Object.getPrototypeOf polyfill\n result[IE_PROTO] = O;\n } else result = NullProtoObject();\n return Properties === undefined ? result : defineProperties(result, Properties);\n};\n\n\n/***/ }),\n\n/***/ \"7dd0\":\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar $ = __webpack_require__(\"23e7\");\nvar createIteratorConstructor = __webpack_require__(\"9ed3\");\nvar getPrototypeOf = __webpack_require__(\"e163\");\nvar setPrototypeOf = __webpack_require__(\"d2bb\");\nvar setToStringTag = __webpack_require__(\"d44e\");\nvar createNonEnumerableProperty = __webpack_require__(\"9112\");\nvar redefine = __webpack_require__(\"6eeb\");\nvar wellKnownSymbol = __webpack_require__(\"b622\");\nvar IS_PURE = __webpack_require__(\"c430\");\nvar Iterators = __webpack_require__(\"3f8c\");\nvar IteratorsCore = __webpack_require__(\"ae93\");\n\nvar IteratorPrototype = IteratorsCore.IteratorPrototype;\nvar BUGGY_SAFARI_ITERATORS = IteratorsCore.BUGGY_SAFARI_ITERATORS;\nvar ITERATOR = wellKnownSymbol('iterator');\nvar KEYS = 'keys';\nvar VALUES = 'values';\nvar ENTRIES = 'entries';\n\nvar returnThis = function () { return this; };\n\nmodule.exports = function (Iterable, NAME, IteratorConstructor, next, DEFAULT, IS_SET, FORCED) {\n createIteratorConstructor(IteratorConstructor, NAME, next);\n\n var getIterationMethod = function (KIND) {\n if (KIND === DEFAULT && defaultIterator) return defaultIterator;\n if (!BUGGY_SAFARI_ITERATORS && KIND in IterablePrototype) return IterablePrototype[KIND];\n switch (KIND) {\n case KEYS: return function keys() { return new IteratorConstructor(this, KIND); };\n case VALUES: return function values() { return new IteratorConstructor(this, KIND); };\n case ENTRIES: return function entries() { return new IteratorConstructor(this, KIND); };\n } return function () { return new IteratorConstructor(this); };\n };\n\n var TO_STRING_TAG = NAME + ' Iterator';\n var INCORRECT_VALUES_NAME = false;\n var IterablePrototype = Iterable.prototype;\n var nativeIterator = IterablePrototype[ITERATOR]\n || IterablePrototype['@@iterator']\n || DEFAULT && IterablePrototype[DEFAULT];\n var defaultIterator = !BUGGY_SAFARI_ITERATORS && nativeIterator || getIterationMethod(DEFAULT);\n var anyNativeIterator = NAME == 'Array' ? IterablePrototype.entries || nativeIterator : nativeIterator;\n var CurrentIteratorPrototype, methods, KEY;\n\n // fix native\n if (anyNativeIterator) {\n CurrentIteratorPrototype = getPrototypeOf(anyNativeIterator.call(new Iterable()));\n if (IteratorPrototype !== Object.prototype && CurrentIteratorPrototype.next) {\n if (!IS_PURE && getPrototypeOf(CurrentIteratorPrototype) !== IteratorPrototype) {\n if (setPrototypeOf) {\n setPrototypeOf(CurrentIteratorPrototype, IteratorPrototype);\n } else if (typeof CurrentIteratorPrototype[ITERATOR] != 'function') {\n createNonEnumerableProperty(CurrentIteratorPrototype, ITERATOR, returnThis);\n }\n }\n // Set @@toStringTag to native iterators\n setToStringTag(CurrentIteratorPrototype, TO_STRING_TAG, true, true);\n if (IS_PURE) Iterators[TO_STRING_TAG] = returnThis;\n }\n }\n\n // fix Array#{values, @@iterator}.name in V8 / FF\n if (DEFAULT == VALUES && nativeIterator && nativeIterator.name !== VALUES) {\n INCORRECT_VALUES_NAME = true;\n defaultIterator = function values() { return nativeIterator.call(this); };\n }\n\n // define iterator\n if ((!IS_PURE || FORCED) && IterablePrototype[ITERATOR] !== defaultIterator) {\n createNonEnumerableProperty(IterablePrototype, ITERATOR, defaultIterator);\n }\n Iterators[NAME] = defaultIterator;\n\n // export additional methods\n if (DEFAULT) {\n methods = {\n values: getIterationMethod(VALUES),\n keys: IS_SET ? defaultIterator : getIterationMethod(KEYS),\n entries: getIterationMethod(ENTRIES)\n };\n if (FORCED) for (KEY in methods) {\n if (BUGGY_SAFARI_ITERATORS || INCORRECT_VALUES_NAME || !(KEY in IterablePrototype)) {\n redefine(IterablePrototype, KEY, methods[KEY]);\n }\n } else $({ target: NAME, proto: true, forced: BUGGY_SAFARI_ITERATORS || INCORRECT_VALUES_NAME }, methods);\n }\n\n return methods;\n};\n\n\n/***/ }),\n\n/***/ \"7f9a\":\n/***/ (function(module, exports, __webpack_require__) {\n\nvar global = __webpack_require__(\"da84\");\nvar inspectSource = __webpack_require__(\"8925\");\n\nvar WeakMap = global.WeakMap;\n\nmodule.exports = typeof WeakMap === 'function' && /native code/.test(inspectSource(WeakMap));\n\n\n/***/ }),\n\n/***/ \"825a\":\n/***/ (function(module, exports, __webpack_require__) {\n\nvar isObject = __webpack_require__(\"861d\");\n\nmodule.exports = function (it) {\n if (!isObject(it)) {\n throw TypeError(String(it) + ' is not an object');\n } return it;\n};\n\n\n/***/ }),\n\n/***/ \"83ab\":\n/***/ (function(module, exports, __webpack_require__) {\n\nvar fails = __webpack_require__(\"d039\");\n\n// Thank's IE8 for his funny defineProperty\nmodule.exports = !fails(function () {\n return Object.defineProperty({}, 1, { get: function () { return 7; } })[1] != 7;\n});\n\n\n/***/ }),\n\n/***/ \"8418\":\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\nvar toPrimitive = __webpack_require__(\"c04e\");\nvar definePropertyModule = __webpack_require__(\"9bf2\");\nvar createPropertyDescriptor = __webpack_require__(\"5c6c\");\n\nmodule.exports = function (object, key, value) {\n var propertyKey = toPrimitive(key);\n if (propertyKey in object) definePropertyModule.f(object, propertyKey, createPropertyDescriptor(0, value));\n else object[propertyKey] = value;\n};\n\n\n/***/ }),\n\n/***/ \"861d\":\n/***/ (function(module, exports) {\n\nmodule.exports = function (it) {\n return typeof it === 'object' ? it !== null : typeof it === 'function';\n};\n\n\n/***/ }),\n\n/***/ \"8875\":\n/***/ (function(module, exports, __webpack_require__) {\n\nvar __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;// addapted from the document.currentScript polyfill by Adam Miller\n// MIT license\n// source: https://github.com/amiller-gh/currentScript-polyfill\n\n// added support for Firefox https://bugzilla.mozilla.org/show_bug.cgi?id=1620505\n\n(function (root, factory) {\n if (true) {\n !(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),\n\t\t\t\t__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?\n\t\t\t\t(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),\n\t\t\t\t__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));\n } else {}\n}(typeof self !== 'undefined' ? self : this, function () {\n function getCurrentScript () {\n var descriptor = Object.getOwnPropertyDescriptor(document, 'currentScript')\n // for chrome\n if (!descriptor && 'currentScript' in document && document.currentScript) {\n return document.currentScript\n }\n\n // for other browsers with native support for currentScript\n if (descriptor && descriptor.get !== getCurrentScript && document.currentScript) {\n return document.currentScript\n }\n \n // IE 8-10 support script readyState\n // IE 11+ & Firefox support stack trace\n try {\n throw new Error();\n }\n catch (err) {\n // Find the second match for the \"at\" string to get file src url from stack.\n var ieStackRegExp = /.*at [^(]*\\((.*):(.+):(.+)\\)$/ig,\n ffStackRegExp = /@([^@]*):(\\d+):(\\d+)\\s*$/ig,\n stackDetails = ieStackRegExp.exec(err.stack) || ffStackRegExp.exec(err.stack),\n scriptLocation = (stackDetails && stackDetails[1]) || false,\n line = (stackDetails && stackDetails[2]) || false,\n currentLocation = document.location.href.replace(document.location.hash, ''),\n pageSource,\n inlineScriptSourceRegExp,\n inlineScriptSource,\n scripts = document.getElementsByTagName('script'); // Live NodeList collection\n \n if (scriptLocation === currentLocation) {\n pageSource = document.documentElement.outerHTML;\n inlineScriptSourceRegExp = new RegExp('(?:[^\\\\n]+?\\\\n){0,' + (line - 2) + '}[^<]*\n\n \n
\n
\n
{{ t(\"setting.prompt_setting.model\") }}
\n
\n
\n \n \n {{ model.name }}\n \n \n
\n
\n
\n
\n
{{ t(\"setting.prompt_setting.save_as\") }}
\n
\n
\n \n \n {{ attributeType.name }}\n \n \n
\n
\n
\n
\n
\n
\n
\n
\n Check on columns for the key columns\n \n
\n
\n
\n
{{ t(\"setting.prompt_setting.show_prompts\") }}\n \n \n
\n
\n \n \n
|| \n
\n
{{ t(\"setting.prompt_setting.primary_key\") }}
\n
\n
\n
\n
{{ t(\"setting.prompt_setting.column_name\") }}
\n
\n
\n
\n
{{ t(\"setting.prompt_setting.column_type\") }}
\n
\n item.name !== 'Table')\"\n :key=\"attributeType.value\"\n :value=\"attributeType.value\"\n :disabled=\"attributeType.name === 'Json'\"\n >\n {{ attributeType.name }}\n \n \n \n\n
\n \n \n
\n\n
\n
\n
\n {{ t(\"setting.prompt_setting.column_prompt\") }}\n \n \n
\n
\n \n
\n
\n
\n \n \n
\n \n\n \n {{ t(\"setting.prompt_setting.add_column\") }} \n \n \n \n
\n
\n {{ t(\"setting.prompt_setting.attribute_extraction_prompt\") }}\n
\n
\n
\n \n \n
\n
\n\n\n","\n\n \n \n \n \n","\n \n \n\n\n","\n\n\n \n
\n
\n
\n {{ t(\"setting.prompt_setting.script_url\") }}\n
\n
\n\n
\n store.updateScriptBasedUrl(e.target.value)\"\n />\n
\n
\n
\n
\n
\n {{ t(\"setting.prompt_setting.script_timeout\") }}\n
\n
\n\n
\n store.updateScriptTimeout(e.target.value)\"\n @keypress=\"e => (!/[0-9]/.test(e.key) ? e.preventDefault() : null)\"\n />\n
\n
\n
\n
\n
{{ t(\"setting.prompt_setting.save_as\") }}
\n
\n
\n \n \n {{ attributeType.name }}\n \n \n
\n
\n
\n \n\n
\n
\n
\n
\n \n item.name !== 'Table')\"\n :key=\"attributeType.value\"\n :value=\"attributeType.value\"\n :disabled=\"attributeType.name === 'Json'\"\n >\n {{ attributeType.name }}\n \n \n
\n\n
\n \n
\n\n
\n {{ t(\"setting.prompt_setting.add_column\") }} \n \n \n
\n","\n\n\n \n \n \n {{ t(\"setting.prompt_setting.test\") }}\n
\n
\n \n \n \n \n\n\n","\n\n \n
\n
\n \n
\n {{ fileExtensionGroup }}
\n \n
\n
\n {{ fileExtension }}
\n \n \n
\n","\n\n \n
\n \n {{ t(\"include\") }} \n {{ t(\"match\") }} \n \n
\n
\n
\n
\n
\n \n \n {{ t(\"shared.search_groups.string_type_search_field.similarity\") }}\n \n \n
\n
\n \n \n
\n
\n
\n","\n\n \n
\n
\n \n ≥ \n ≤ \n = \n ≒ \n ~ \n \n
\n
\n
\n","\n\n \n
\n
\n \n ≥ \n ≤ \n = \n ~ \n \n
\n
\n
\n","\n\n \n
\n
\n \n ≥ \n ≤ \n = \n ~ \n \n
\n
\n
\n","\n\n \n
\n
\n \n ≥ \n ≤ \n = \n ~ \n \n
\n
\n
\n","\n\n \n \n None \n True \n False \n \n
\n \n","// 1. Users are able to add a search conditions for files. // 2. The max number of search conditions can be added is the\nnumber of active attributes. // 3. User can change the attribute of search condition by clicking the attribute name. //\n4. User can change the value of search condition to unselected attribute. // 5. Options of search condition value are\ndisplayed based on the unselected attribute. // 6. If datatype is string, user can search ny \"match\" or \"includes\" and\nget recommended values. // 7. If datatype is float or int, user can search by \"equal\", \"greater than\", \"less than\". //\n8. If datatype is date, time or datetime, user can search by \"equal\", \"greater than\", \"less than\". // 9. If datatype is\nboolean, users can select true or false. // 9. User can remove the search condition by clicking the \"x\" button.\n\n\n \n
\n \n \n {{ option.name }}\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n
\n \n","\n\n \n \n","\n\n \n \n \n \n","\n\n \n
\n \n {{ t(\"setting.prompt_setting.exact_search\") }} \n \n
\n
\n
\n
\n \n
{{ t(\"setting.prompt_setting.show_top\") }}
\n
\n
\n \n","\n\n \n
\n
\n \n \n {{ sourceDataType.name }}\n \n \n
\n
\n
\n","\n\n \n
\n
\n
\n
{{ t(\"setting.prompt_setting.file_attributes\") }} \n
\n
0 && !fileAttributeSectionOpen\"\n class=\"bx bx-check-double mr-5 w-1/3 text-lg text-gray-200\"\n > \n
\n \n
\n
\n
\n
\n
{{ t(\"setting.prompt_setting.keywords_search\") }} \n
\n
\n \n
\n
\n {{ t(\"setting.prompt_setting.test\") }}\n
\n
\n
\n\n","\n\n \n
\n
\n \n \n {{ t(\"setting.prompt_setting.project\") }} \n {{ t(\"setting.prompt_setting.files\") }} \n {{ t(\"setting.prompt_setting.action\") }} \n \n \n \n \n \n \n {{ store.sourceProjectIdToName[searchResult.project_id] }}\n
\n \n \n \n \n {{ t(\"setting.prompt_setting.no_record\") }}\n
\n \n \n \n \n {{ t(\"setting.prompt_setting.download_files\") }}\n \n \n \n \n \n {{ t(\"setting.prompt_setting.no_record\") }}\n \n \n \n
\n
\n\n
\n
\n\n","\n \n \n \n {{ inputFile(file.id).file_data[\"file-name\"] }}\n
\n \n\n \n 0\" class=\"flex flex-wrap gap-1 py-3\">\n \n \n \n Your browser does not support the HTML5 canvas tag.\n \n \n
\n\n \n \n
\n \n {{ inputFile(file.id).file_data[\"file-extension\"] }}\n
\n \n \n\n \n \n
\n {{ file.extracted_value }}\n
\n\n
\n {{ file.extracted_value }} \n ({{ file.extracted_origin_value }}) \n
\n
\n
\n {{ extractedModifiedValue }}\n
\n\n
\n {{ extractedModifiedValue }} \n ({{ extractedValue }}) \n
\n
\n \n {{ t(\"setting.prompt_setting.processing\") }}\n \n
\n\n \n {{ t(\"setting.prompt_setting.extract_attribute\") }}\n \n \n\n \n prompt-test-record#openPromptConfigModal\"\n type=\"button\"\n >\n {{ t(\"setting.prompt_setting.config\") }}\n \n \n \n \n\n\n","\n\n\n \n\n\n","\n \n 0\" class=\"flex flex-wrap gap-1 py-3\">\n \n \n Your browser does not support the HTML5 canvas tag.\n \n \n
\n\n \n \n
\n \n {{ inputFile(file.id).file_data[\"file-extension\"] }}\n
\n \n \n\n\n","\n\n \n
\n {{ file.extracted_value }}\n
\n
\n {{ file.extracted_value }} \n ({{ file.extracted_origin_value }}) \n
\n
\n
\n {{ extractedModifiedValue }}\n
\n
\n {{ extractedModifiedValue }} \n ({{ extractedValue }}) \n
\n
\n \n {{ t(\"setting.prompt_setting.processing\") }}\n \n
\n \n {{ t(\"setting.prompt_setting.extract_attribute\") }}\n \n \n","\n \n \n {{ store.sourceProjectIdToName[project.project_id] }}\n \n\n \n \n
\n \n\n \n \n\n \n prompt-test-record#openPromptConfigModal\"\n :data-prompt-test-record-file-id-param=\"files[0]?.id\"\n :data-prompt-test-record-get-logs-url-param=\"promptTestRecordLogPath()\"\n >\n {{ t(\"setting.prompt_setting.config\") }}\n \n \n \n \n\n\n","\n\n \n\n","\n\n\n \n
\n \n","import { Controller, Application } from '@hotwired/stimulus';\n\nclass TurboMountController extends Controller {\n constructor() {\n super(...arguments);\n this.skipPropsChangeCallback = false;\n }\n connect() {\n this._umountComponentCallback || (this._umountComponentCallback = this.mountComponent(this.mountElement, this.resolvedComponent, this.componentProps));\n }\n disconnect() {\n this.umountComponent();\n }\n propsValueChanged() {\n if (this.skipPropsChangeCallback) {\n this.skipPropsChangeCallback = false;\n return;\n }\n this.umountComponent();\n this._umountComponentCallback || (this._umountComponentCallback = this.mountComponent(this.mountElement, this.resolvedComponent, this.componentProps));\n }\n get componentProps() {\n return this.propsValue;\n }\n get mountElement() {\n return this.hasMountTarget ? this.mountTarget : this.element;\n }\n get resolvedComponent() {\n return this.resolveMounted(this.componentValue).component;\n }\n get resolvedPlugin() {\n return this.resolveMounted(this.componentValue).plugin;\n }\n umountComponent() {\n this._umountComponentCallback && this._umountComponentCallback();\n this._umountComponentCallback = undefined;\n }\n mountComponent(el, Component, props) {\n return this.resolvedPlugin.mountComponent({ el, Component, props });\n }\n resolveMounted(component) {\n const app = this.application;\n return app.turboMount.resolve(component);\n }\n setComponentProps(props) {\n this.skipPropsChangeCallback = true;\n this.propsValue = props;\n }\n}\nTurboMountController.values = {\n props: Object,\n component: String,\n};\nTurboMountController.targets = [\"mount\"];\n\nconst camelToKebabCase = (str) => {\n return str.replace(/([a-z])([A-Z])/g, \"$1-$2\").toLowerCase();\n};\n\nclass TurboMount {\n constructor(props = {}) {\n this.components = new Map();\n this.application = this.findOrStartApplication(props.application);\n this.application.turboMount = this;\n this.application.register(\"turbo-mount\", TurboMountController);\n document.addEventListener(\"turbo:before-morph-element\", (event) => {\n const turboMorphEvent = event;\n const { target, detail } = turboMorphEvent;\n if (target.getAttribute(\"data-controller\")?.includes(\"turbo-mount\")) {\n target.setAttribute(\"data-turbo-mount-props-value\", detail.newElement.getAttribute(\"data-turbo-mount-props-value\") ||\n \"{}\");\n event.preventDefault();\n }\n });\n }\n register(plugin, name, component, controller) {\n controller || (controller = TurboMountController);\n if (this.components.has(name)) {\n throw new Error(`Component '${name}' is already registered.`);\n }\n this.components.set(name, { component, plugin });\n if (controller) {\n const controllerName = `turbo-mount-${camelToKebabCase(name).replace(\"/\", \"--\")}`;\n this.application.register(controllerName, controller);\n }\n }\n resolve(name) {\n const component = this.components.get(name);\n if (!component) {\n throw new Error(`Unknown component: ${name}`);\n }\n return component;\n }\n findOrStartApplication(hydratedApp) {\n let application = hydratedApp || window.Stimulus;\n if (!application) {\n application = Application.start();\n window.Stimulus = application;\n }\n return application;\n }\n}\nfunction buildRegisterFunction(plugin) {\n return (turboMount, name, component, controller) => {\n turboMount.register(plugin, name, component, controller);\n };\n}\n\nconst identifierNames = (name) => {\n const controllerName = camelToKebabCase(name).replace(\"/\", \"--\");\n return [`turbo-mount--${controllerName}`, `turbo-mount-${controllerName}`];\n};\nconst registerComponentsBase = ({ plugin, turboMount, components, controllers, }) => {\n const controllerModules = controllers ?? [];\n for (const { module, filename } of components) {\n const name = filename\n .replace(/\\.\\w*$/, \"\")\n .replace(/^[./]*components\\//, \"\");\n const identifiers = identifierNames(name);\n const controller = controllerModules.find(({ identifier }) => identifiers.includes(identifier));\n const component = module.default ?? module;\n if (controller) {\n turboMount.register(plugin, name, component, controller.controllerConstructor);\n }\n else {\n turboMount.register(plugin, name, component);\n }\n }\n};\n\nexport { TurboMount, TurboMountController, buildRegisterFunction, registerComponentsBase };\n","import { definitionsFromGlob } from 'stimulus-vite-helpers';\nimport { registerComponentsBase } from 'turbo-mount';\n\nconst registerComponents = ({ plugin, turboMount, components, controllers, }) => {\n return registerComponentsBase({\n plugin,\n turboMount,\n components: Object.entries(components).map(([filename, module]) => ({\n filename,\n module,\n })),\n controllers: controllers ? definitionsFromGlob(controllers) : [],\n });\n};\n\nconst buildRegisterComponentsFunction = (plugin) => {\n return (props) => registerComponents({ plugin, ...props });\n};\n\nexport { buildRegisterComponentsFunction };\n","import { createPinia } from \"pinia\"\nimport { TurboMount } from \"turbo-mount\"\nimport { buildRegisterComponentsFunction } from \"turbo-mount/registerComponents\"\nimport { VueQueryPlugin } from \"@tanstack/vue-query\"\nimport VueTippy from \"vue-tippy\"\nimport ToastPlugin from \"vue-toast-notification\"\nimport { useTranslations } from \"./shared/useTranslations\"\n\nconst plugin = {\n mountComponent: mountProps => {\n const { el, Component, props } = mountProps\n const pinia = createPinia()\n const app = createApp(Component, { ...props, element: el })\n app.use(VueQueryPlugin)\n app.use(VueTippy, {\n defaultProps: {\n directive: \"tippy\",\n component: \"tippy\",\n theme: \"light\",\n defaultProps: {\n theme: \"light\"\n },\n appendTo: () => {\n return document.body\n }\n }\n })\n app.use(ToastPlugin)\n app.use(pinia)\n useTranslations(app)\n app.mount(el)\n\n return () => {\n app.unmount()\n }\n }\n}\n\nconst registerComponents = buildRegisterComponentsFunction(plugin)\n\nconst turboMount = new TurboMount()\nconst components = import.meta.glob(\"/components/**/*.vue\", { eager: true })\nregisterComponents({ turboMount, components })\n","var t;t={config:{},run:function(){return this.getController().processElements()},process:function(...t){var e,r,a;for(r=0,a=t.length;r11?\"pm\":\"am\")).toUpperCase();case\"P\":return M(\"time.\"+(n>11?\"pm\":\"am\"));case\"S\":return p(o,l);case\"w\":return a;case\"y\":return p(u%100,l);case\"Y\":return u;case\"Z\":return S(t)}}))},p=function(t,e){return\"-\"===e?t:`0${t}`.slice(-2)},S=function(t){var e,r,a;return(r=h(t))?g[r]:(a=y(t,{allowGMT:!1}))||(a=v(t))?a:(e=y(t,{allowGMT:!0}))?e:\"\"},h=function(t){return Object.keys(g).find((function(e){return b?new Date(t).toLocaleString(\"en-US\",{timeZoneName:\"long\"}).includes(e):t.toString().includes(e)}))},y=function(t,{allowGMT:e}){var r;if(b&&(r=new Date(t).toLocaleString(\"en-US\",{timeZoneName:\"short\"}).split(\" \").pop(),e||!r.includes(\"GMT\")))return r},v=function(t){var e,r,a,n,s;return(e=null!=(r=(s=t.toString()).match(/\\(([\\w\\s]+)\\)$/))?r[1]:void 0)?/\\s/.test(e)?e.match(/\\b(\\w)/g).join(\"\"):e:(e=null!=(a=s.match(/(\\w{3,4})\\s\\d{4}$/))?a[1]:void 0)||(e=null!=(n=s.match(/(UTC[\\+\\-]\\d+)/))?n[1]:void 0)?e:void 0},L.CalendarDate=class{static fromDate(t){return new this(t.getFullYear(),t.getMonth()+1,t.getDate())}static today(){return this.fromDate(new Date)}constructor(t,e,r){this.date=new Date(Date.UTC(t,e-1)),this.date.setUTCDate(r),this.year=this.date.getUTCFullYear(),this.month=this.date.getUTCMonth()+1,this.day=this.date.getUTCDate(),this.value=this.date.getTime()}equals(t){return(null!=t?t.value:void 0)===this.value}is(t){return this.equals(t)}isToday(){return this.is(this.constructor.today())}occursOnSameYearAs(t){return this.year===(null!=t?t.year:void 0)}occursThisYear(){return this.occursOnSameYearAs(this.constructor.today())}daysSince(t){if(t)return(this.date-t.date)/864e5}daysPassed(){return this.constructor.today().daysSince(this)}},({strftime:E,translate:I,getI18nValue:w,config:D}=L),L.RelativeTime=class{constructor(t){this.date=t,this.calendarDate=L.CalendarDate.fromDate(this.date)}toString(){var t,e;return(e=this.toTimeElapsedString())?I(\"time.elapsed\",{time:e}):(t=this.toWeekdayString())?(e=this.toTimeString(),I(\"datetime.at\",{date:t,time:e})):I(\"date.on\",{date:this.toDateString()})}toTimeOrDateString(){return this.calendarDate.isToday()?this.toTimeString():this.toDateString()}toTimeElapsedString(){var t,e,r,a,n;return r=(new Date).getTime()-this.date.getTime(),a=Math.round(r/1e3),e=Math.round(a/60),t=Math.round(e/60),r<0?null:a<10?(n=I(\"time.second\"),I(\"time.singular\",{time:n})):a<45?`${a} ${I(\"time.seconds\")}`:a<90?(n=I(\"time.minute\"),I(\"time.singular\",{time:n})):e<45?`${e} ${I(\"time.minutes\")}`:e<90?(n=I(\"time.hour\"),I(\"time.singularAn\",{time:n})):t<24?`${t} ${I(\"time.hours\")}`:\"\"}toWeekdayString(){switch(this.calendarDate.daysPassed()){case 0:return I(\"date.today\");case 1:return I(\"date.yesterday\");case-1:return I(\"date.tomorrow\");case 2:case 3:case 4:case 5:case 6:return E(this.date,\"%A\");default:return\"\"}}toDateString(){var t;return t=this.calendarDate.occursThisYear()?w(\"date.formats.thisYear\"):w(\"date.formats.default\"),E(this.date,t)}toTimeString(){var t;return t=D.useFormat24?\"default_24h\":\"default\",E(this.date,w(`time.formats.${t}`))}},({elementMatchesSelector:C}=L),L.PageObserver=class{constructor(t,e){this.processMutations=this.processMutations.bind(this),this.processInsertion=this.processInsertion.bind(this),this.selector=t,this.callback=e}start(){if(!this.started)return this.observeWithMutationObserver()||this.observeWithMutationEvent(),this.started=!0}observeWithMutationObserver(){if(\"undefined\"!=typeof MutationObserver&&null!==MutationObserver)return new MutationObserver(this.processMutations).observe(document.documentElement,{childList:!0,subtree:!0}),!0}observeWithMutationEvent(){return addEventListener(\"DOMNodeInserted\",this.processInsertion,!1),!0}findSignificantElements(t){var e;return e=[],(null!=t?t.nodeType:void 0)===Node.ELEMENT_NODE&&(C(t,this.selector)&&e.push(t),e.push(...t.querySelectorAll(this.selector))),e}processMutations(t){var e,r,a,n,s,i,o,u;for(e=[],r=0,n=t.length;r