{"version":3,"file":"event_group_controller-CQ2ubltf.js","sources":["../../../app/javascript/controllers/track/event_group_controller.js"],"sourcesContent":["import ApplicationController from '../application_controller'\n\nimport { useLineNotifiers } from '../mixins/useLineNotifiers'\n\nexport default class extends ApplicationController {\n  static targets = [\n    'expander',\n    'item',\n  ]\n\n  connect() {\n    super.connect()\n\n    useLineNotifiers(this, {\n      element: this.itemTargets[0]\n    })\n  }\n\n  hideExpanderAndHoverFirstItemInGroup() {\n    this.applyInvisibilityClassesOnExpander()\n    this.simulateHoverOnFirstItemInGroup()\n  }\n\n  // private\n\n  applyInvisibilityClassesOnExpander() {\n    // Because we are implementing a hover/active state with JS for the lines\n    // When toggling a group, if we simply add the 'hidden' class a \"flash\" effect is seen with the line\n    // This is because the floating-ui will recalculate the position.\n    // To avoid this, we need to hide then remove the element as following.\n\n    this.expanderTarget.classList.add('invisible', 'absolute', 'opacity-0')\n  }\n\n  simulateHoverOnFirstItemInGroup() {\n    const event = new MouseEvent('mouseenter', {\n      bubbles: true,\n      cancelable: true,\n      view: window,\n    })\n\n    this.itemTargets[0].dispatchEvent(event)\n  }\n}\n"],"names":["event_group_controller","ApplicationController","useLineNotifiers","event","__publicField"],"mappings":"0QAIe,MAAKA,UAASC,CAAsB,CAMjD,SAAU,CACR,MAAM,QAAO,EAEbC,EAAiB,KAAM,CACrB,QAAS,KAAK,YAAY,CAAC,CAC5B,CAAA,CACL,CAEE,sCAAuC,CACrC,KAAK,mCAAkC,EACvC,KAAK,gCAA+B,CACxC,CAIE,oCAAqC,CAMnC,KAAK,eAAe,UAAU,IAAI,YAAa,WAAY,WAAW,CAC1E,CAEE,iCAAkC,CAChC,MAAMC,EAAQ,IAAI,WAAW,aAAc,CACzC,QAAS,GACT,WAAY,GACZ,KAAM,MACP,CAAA,EAED,KAAK,YAAY,CAAC,EAAE,cAAcA,CAAK,CAC3C,CACA,CAtCEC,EADkBJ,EACX,UAAU,CACf,WACA,MACJ"}