{"version":3,"file":"sortable_controller-V2013kdi.js","sources":["../../../app/frontend/javascript/controllers/color_picker_controller.js","../../../app/frontend/javascript/controllers/sortable_controller.js"],"sourcesContent":["import { Controller } from \"@hotwired/stimulus\"\nimport Picker from \"vanilla-picker\";\n\n// Connects to data-controller=\"color-picker\"\nexport default class extends Controller {\n  picker = null;\n\n  connect() {\n    this.picker = new Picker({ alpha: false });\n\n    if (this.getPickerInputElement().value) {\n      this.getPreviewElement().style.background = this.getPickerInputElement().value;\n    } else {\n      this.getPreviewElement().style.background = \"white\"\n    }\n\n    this.getPreviewElement().addEventListener(\"click\", (e) => this.onPickerClick(e));\n    // Clicking on the input to trigger the picker disable the ability to type the hex color by hand\n    // this.getPickerInputElement().addEventListener(\"click\", (e) => this.onPickerClick(e));\n\n    this.picker.onChange = (color) => {\n      this.getPreviewElement().style.background = color.hex.substring(0, 7);\n      this.getPickerInputElement().value = color.hex.substring(0, 7);\n    };\n\n    this.picker.onClose = () => {\n      this.picker.movePopup({ parent: null }, false);\n    };\n  }\n\n  onPickerClick(e) {\n    e.preventDefault();\n\n    if (!(this.getPickerInputElement().disabled)) {\n      this.picker.movePopup({ parent: this.getPreviewElement(), color: this.getPickerInputElement().value }, false);\n      this.picker.openHandler(e);\n    }\n  }\n\n  getPickerInputElement() {\n    return this.element.querySelector('input[type=\"text\"]');\n  }\n\n  getPreviewElement() {\n    return this.element.querySelector('.preview');\n  }\n}\n","import { Controller } from \"@hotwired/stimulus\"\nimport Sortable from \"sortablejs\";\n\n// Connects to data-controller=\"sortable\"\nexport default class SortableController extends Controller {\n  static values = {\n    animation: {\n      type: Number,\n      default: 150\n    },\n    handle: String,\n    paramName: {\n      type: String,\n      default: \"position\",\n    },\n    resourceName: String\n  };\n\n  connect() {\n    this.options = {\n      dataIdAttr: \"data-sortable-id\",\n      animation: this.animationValue,\n      handle: this.handleValue,\n      onUpdate: this.onUpdate\n    };\n\n    this.sortable = new Sortable(this.element, this.options);\n  }\n\n  disconnect() {\n    // FIXME: we don't destroy Sortable instances while dragging\n    // because it causes things to break.\n    //\n    // See:\n    // https://github.com/stimulus-components/stimulus-sortable/issues/10\n    // https://github.com/stimulus-components/stimulus-sortable/issues/16\n    if (!Sortable.active) {\n      let el = Sortable.get(this.element);\n      if (el) el.destroy();\n    }\n  }\n\n  onUpdate = ({item, newIndex, oldIndex, from}) => {\n    const itemAtOldIndex = Sortable.utils.getChild(this.element, oldIndex, this.options);\n\n    let newPosition;\n    if (newIndex > oldIndex && item.previousElementSibling && item.previousElementSibling.dataset.sortableId) {\n      newPosition = JSON.stringify({ after: item.previousElementSibling.dataset.sortableId });\n    }\n    else if (item.nextElementSibling && item.nextElementSibling.dataset.sortableId) {\n      newPosition = JSON.stringify({ before: item.nextElementSibling.dataset.sortableId });\n    }\n    else if (item.previousElementSibling && item.previousElementSibling.dataset.sortableId) {\n      newPosition = JSON.stringify({ after: item.previousElementSibling.dataset.sortableId });\n    }\n    else {\n      const currentPage = (new URL(document.location)).searchParams.get(\"page\") || 1;\n      const perPage = (new URL(document.location)).searchParams.get(\"per_page\") || 12;\n      newPosition = newIndex + ((currentPage - 1) * perPage) + 1;\n    }\n\n    return fetch(item.dataset.sortableUpdateUrl, {\n      method: \"PUT\",\n      headers: { 'X-CSRF-Token': document.querySelector(\"meta[name=csrf-token]\").content },\n      body: this.positionFormData(newPosition)\n    }).then((res) => {\n      if (res.status < 200 || res.status > 299) {\n        return Promise.reject(res);\n      }\n    }).catch((error) => {\n      from.insertBefore(item, itemAtOldIndex);\n      return Promise.reject(error);\n    });\n  }\n\n  positionFormData(position) {\n    const data = new FormData();\n    data.append(\n      this.resourceNameValue ? `${this.resourceNameValue}[${this.paramNameValue}]` : this.paramNameValue,\n      position\n    );\n    return data;\n  }\n}\n"],"names":["ColorPickerController","Controller","__publicField","Picker","color","SortableController","item","newIndex","oldIndex","from","itemAtOldIndex","Sortable","newPosition","currentPage","perPage","res","error","el","position","data"],"mappings":"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"}