{"version":3,"sources":["initialize-components.js","resizeObserver.js","toggleClasses.js","admin-nav.js","direct-editable-content.js","edge-panel.js","main.js","sticky-header.js"],"names":["tooltipTriggerList","slice","call","document","querySelectorAll","tooltipList","map","tooltipTriggerEl","bootstrap","Tooltip","alertList","alerts","element","Alert","popoverTriggerList","popoverList","popoverTriggerEl","Popover","root","querySelector","widthObserver","ResizeObserver","entries","forEach","entry","target","cssVar","dataset","observeWidth","classList","contains","style","setProperty","borderBoxSize","inlineSize","item","observe","heightObserver","observeHeight","blockSize","ToggleClasses","obj","_classCallCheck","this","toggleClassesArray","defaultClass","toggleClassTrigger","_this2","activeIndex","indexOf","trigger","addEventListener","event","body","remove","undefined","add","AdminNav","adminNavTrigger","leftNavbarToggleClasses","defaultNavClass","navbar","navItems","linkHasSubMenu","addFirstLetterDynamic","_this3","push","collapseID","link","closest","toggle","setAttribute","concat","ul","collapseEl","Collapse","newFirstLetterElement","createElement","className","innerHTML","innerText","trim","insertAdjacentElement","_this4","init","showNavPanel","variable","getComputedStyle","getPropertyValue","defaultLeftNavbarWidth","getCssVariable","leftNavbar","setTimeout","_this","hoverNavPanel","initialProcess","navTrigger","hoverMode","EditableContent","wrapper","field","mouseenter","_this5","isSelectBar","isDynamicSelectBar","_ref","activeElement","editModeOff","removeAttribute","focus","_this6","_ref2","hover","_ref3","_ref4","editModeOn","_ref5","validate","attachEventListener","_this7","initNewEditable","editableContent","EdgePanel","defaultEdgePanelWidth","showEdgePanel","hoverEdgePanel","edgePanelTrigger","console","log","toggleEdgePanel","edgePanel","hideDropdown","closeButtonElement","dropdownWrapElement","_ref6","click","io","IntersectionObserver","isIntersecting","el","_ref7","_ref8"],"mappings":"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","file":"../../modules/main.js","sourcesContent":["/* Tooltip */\r\nvar tooltipTriggerList = [].slice.call(\r\n  document.querySelectorAll('[data-bs-toggle=\"tooltip\"]')\r\n);\r\nvar tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {\r\n  return new bootstrap.Tooltip(tooltipTriggerEl);\r\n});\r\n/* / Tooltip */\r\n\r\n/* Alerts */\r\nvar alertList = document.querySelectorAll(\".alert\");\r\nvar alerts = [].slice.call(alertList).map(function (element) {\r\n  return new bootstrap.Alert(element);\r\n});\r\n/* / Alerts */\r\n\r\n/* Popovers */\r\nvar popoverTriggerList = [].slice.call(\r\n  document.querySelectorAll('[data-bs-toggle=\"popover\"]')\r\n);\r\nvar popoverList = popoverTriggerList.map(function (popoverTriggerEl) {\r\n  return new bootstrap.Popover(popoverTriggerEl);\r\n});\r\n/* / Popovers */\r\n","(function () {\r\n  const root = document.querySelector(\":root\");\r\n\r\n  /* Set Width */\r\n  const widthObserver = new ResizeObserver((entries) => {\r\n    entries.forEach((entry) => {\r\n      const { target } = entry;\r\n\r\n      // Get css variable from data attribute\r\n      let cssVar = target.dataset.observeWidth;\r\n\r\n      if (!target.classList.contains(\"js-disable-observe-width\")) {\r\n        // Update css variable\r\n        root.style.setProperty(\r\n          cssVar,\r\n          entry.borderBoxSize[0].inlineSize + \"px\"\r\n        );\r\n      }\r\n    });\r\n  });\r\n\r\n  // Set Width - select elements and initialize Observer\r\n  const widthSelector = document.querySelectorAll(\"[data-observe-width]\");\r\n\r\n  widthSelector.forEach((item) => {\r\n    widthObserver.observe(item);\r\n  });\r\n  /* / Set Width */\r\n\r\n  /* Set Height */\r\n  const heightObserver = new ResizeObserver((entries) => {\r\n    entries.forEach((entry) => {\r\n      const { target } = entry;\r\n\r\n      // Get css variable from data attribute\r\n      let cssVar = target.dataset.observeHeight;\r\n\r\n      // Update css variable\r\n      root.style.setProperty(cssVar, entry.borderBoxSize[0].blockSize + \"px\");\r\n    });\r\n  });\r\n\r\n  // Set Height - select elements and initialize Observer\r\n  const heightSelector = document.querySelectorAll(\"[data-observe-height]\");\r\n\r\n  heightSelector.forEach((item) => {\r\n    heightObserver.observe(item);\r\n  });\r\n  /* / Set Height */\r\n})();\r\n","class ToggleClasses {\r\n  constructor(obj) {\r\n    this.toggleClassesArray = obj.toggleClassesArray;\r\n    this.defaultClass = obj.defaultClass;\r\n    this.toggleClassTrigger = obj.toggleClassTrigger;\r\n  }\r\n\r\n  init() {\r\n    let activeIndex = this.toggleClassesArray.indexOf(this.defaultClass);\r\n\r\n    this.toggleClassTrigger.forEach((trigger) => {\r\n      trigger.addEventListener(\"click\", (event) => {\r\n        // remove class\r\n        document.body.classList.remove(this.toggleClassesArray[activeIndex]);\r\n\r\n        // add new class\r\n        if (this.toggleClassesArray[activeIndex + 1] != undefined) {\r\n          document.body.classList.add(this.toggleClassesArray[activeIndex + 1]);\r\n\r\n          activeIndex = this.toggleClassesArray.indexOf(\r\n            this.toggleClassesArray[activeIndex + 1]\r\n          );\r\n        } else {\r\n          document.body.classList.add(this.toggleClassesArray[0]);\r\n\r\n          activeIndex = 0;\r\n        }\r\n      });\r\n    });\r\n  }\r\n}\r\n","/**\r\n * Admin navigation\r\n */\r\nclass AdminNav {\r\n  constructor() {\r\n    this.adminNavTrigger = document.querySelectorAll(\".rx-admin-nav-trigger\");\r\n    this.leftNavbarToggleClasses = [\r\n      \"layout-left-navbar--minimize\",\r\n      \"layout-left-navbar--show\",\r\n    ];\r\n    this.defaultNavClass = \"layout-left-navbar--show\";\r\n    this.navbar = document.querySelector(\".rx-admin-nav\");\r\n    this.navItems = document.querySelectorAll(\".rx-admin-nav li\");\r\n    this.linkHasSubMenu = [];\r\n    this.root = document.querySelector(\":root\");\r\n\r\n    this.addFirstLetterDynamic = false;\r\n  }\r\n\r\n  initialProcess() {\r\n    // Check for submenu and add class into the list item\r\n    this.navItems.forEach((item) => {\r\n      if (item.querySelector(\"ul\")) {\r\n        // item.classList.add(\"has-sub\");\r\n        // Push the link in the array which contains the submenu\r\n        this.linkHasSubMenu.push(item.querySelector(\"a\"));\r\n      }\r\n    });\r\n\r\n    // Attach Event Listener to the link\r\n    let collapseID = 0;\r\n    this.linkHasSubMenu.forEach((link) => {\r\n      link.addEventListener(\"click\", (event) => {\r\n        // event.preventDefault();\r\n\r\n        // Toggle active class\r\n        event.target.closest(\"li\").classList.toggle(\"active\");\r\n      });\r\n\r\n      // Add link collapse attributes\r\n      link.setAttribute(\"data-bs-toggle\", \"collapse\");\r\n      link.setAttribute(\"href\", `#linkCollapse${collapseID}`);\r\n      link.setAttribute(\"aria-controls\", `linkCollapse${collapseID}`);\r\n      link.setAttribute(\"aria-expanded\", \"false\");\r\n\r\n      // Add collapse attributes into target list\r\n      let ul = link.closest(\"li\").querySelector(\"ul\");\r\n      ul.classList.add(\"collapse\");\r\n      ul.setAttribute(\"id\", `linkCollapse${collapseID}`);\r\n\r\n      collapseID++;\r\n    });\r\n\r\n    var collapseElementList2 = [].slice.call(this.linkHasSubMenu);\r\n    var collapseList2 = collapseElementList2.map(function (collapseEl) {\r\n      return new bootstrap.Collapse(collapseEl);\r\n    });\r\n\r\n    // Add first latter element into sub menu navigation\r\n    if (this.addFirstLetterDynamic) {\r\n      let submenuLinks = this.navbar.querySelectorAll(\"ul ul a\");\r\n      submenuLinks.forEach((link) => {\r\n        let newFirstLetterElement = document.createElement(\"span\");\r\n        newFirstLetterElement.className = \"first-letter\";\r\n        newFirstLetterElement.innerHTML = link.innerText.trim(\"\").slice(0, 1);\r\n\r\n        link.insertAdjacentElement(\"afterbegin\", newFirstLetterElement);\r\n      });\r\n    }\r\n  }\r\n\r\n  navTrigger() {\r\n    // Add default class\r\n    document.body.classList.add(this.defaultNavClass);\r\n\r\n    new ToggleClasses({\r\n      toggleClassesArray: this.leftNavbarToggleClasses,\r\n      defaultClass: this.defaultNavClass,\r\n      toggleClassTrigger: this.adminNavTrigger,\r\n    }).init();\r\n\r\n    // Remove hover mode if switch to minimize mode\r\n    this.adminNavTrigger.forEach((trigger) => {\r\n      trigger.addEventListener(\"click\", () => {\r\n        if (document.body.classList.contains(\"layout-left-navbar--hover\")) {\r\n          this.showNavPanel();\r\n        }\r\n      });\r\n    });\r\n  }\r\n\r\n  // Getting a CSS variable value\r\n  getCssVariable(variable) {\r\n    let rootStyle = getComputedStyle(this.root);\r\n    return rootStyle.getPropertyValue(variable);\r\n  }\r\n\r\n  showNavPanel() {\r\n    let defaultLeftNavbarWidth = this.getCssVariable(\r\n      \"--rx-layout-left-navbar-default-width\"\r\n    );\r\n\r\n    let leftNavbar = document.querySelector(\".layout-left-navbar\");\r\n\r\n    leftNavbar.classList.remove(\"js-disable-observe-width\");\r\n\r\n    this.root.style.setProperty(\r\n      \"--rx-layout-left-navbar-width\",\r\n      defaultLeftNavbarWidth\r\n    );\r\n\r\n    document.body.classList.remove(\"layout-left-navbar--hover\");\r\n\r\n    leftNavbar.classList.remove(\"active-hover-mode\");\r\n  }\r\n\r\n  hoverNavPanel() {\r\n    let leftNavbar = document.querySelector(\".layout-left-navbar\");\r\n\r\n    leftNavbar.classList.add(\"js-disable-observe-width\");\r\n\r\n    this.root.style.setProperty(\"--rx-layout-left-navbar-width\", \"0px\");\r\n\r\n    document.body.classList.add(\"layout-left-navbar--hover\");\r\n\r\n    setTimeout(() => leftNavbar.classList.add(\"active-hover-mode\"), 300);\r\n  }\r\n\r\n  hoverMode() {\r\n    const _this = this;\r\n\r\n    document\r\n      .querySelector(\".left-navbar-hover-trigger\")\r\n      .addEventListener(\"click\", function () {\r\n        document.body.classList.contains(\"layout-left-navbar--hover\")\r\n          ? _this.showNavPanel()\r\n          : _this.hoverNavPanel();\r\n      });\r\n  }\r\n\r\n  init() {\r\n    this.initialProcess();\r\n    this.navTrigger();\r\n    this.hoverMode();\r\n  }\r\n}\r\n\r\n// const adminNav = new AdminNav();\r\n// adminNav.init();\r\n","class EditableContent {\r\n  constructor(wrapper) {\r\n    this.wrapper = wrapper\r\n      ? wrapper\r\n      : document.querySelector(\".editable-content\");\r\n    this.field =\r\n      this.wrapper && this.wrapper.querySelector(\".editable-content-field\");\r\n    this.trigger =\r\n      this.wrapper && this.wrapper.querySelector(\".editable-content-trigger\");\r\n  }\r\n\r\n  validate() {\r\n    if (!this.wrapper || !this.trigger || !this.field) {\r\n      return false;\r\n    } else {\r\n      return true;\r\n    }\r\n  }\r\n\r\n  hover(target, mouseenter) {\r\n    let wrapper = target.closest(\".editable-content\");\r\n\r\n    mouseenter\r\n      ? wrapper.classList.add(\"editable-content-hover\")\r\n      : wrapper.classList.remove(\"editable-content-hover\");\r\n  }\r\n\r\n  editModeOn(target) {\r\n    let wrapper = target.closest(\".editable-content\"),\r\n      field = wrapper.querySelector(\".editable-content-field\");\r\n\r\n    let isSelectBar = field.classList.contains(\"form-select\");\r\n    let isDynamicSelectBar = field.classList.contains(\r\n      \"select2-hidden-accessible\"\r\n    );\r\n\r\n    if (isSelectBar && isDynamicSelectBar) {\r\n      field = wrapper.querySelector(\".select2-selection\");\r\n\r\n      field.addEventListener(\"blur\", ({ target }) => {\r\n        setTimeout(() => {\r\n          !document.activeElement.classList.contains(\"select2-search__field\") &&\r\n            this.editModeOff(target);\r\n        }, 100);\r\n      });\r\n    }\r\n\r\n    wrapper.classList.add(\"active\");\r\n    !isDynamicSelectBar && field.removeAttribute(\"readonly\");\r\n    field.focus();\r\n  }\r\n\r\n  editModeOff(target) {\r\n    target.closest(\".editable-content\").classList.remove(\"active\");\r\n    target.setAttribute(\"readonly\", \"true\");\r\n  }\r\n\r\n  attachEventListener() {\r\n    this.trigger.addEventListener(\"mouseenter\", ({ target }) => {\r\n      this.hover(target, \"mouseenter\");\r\n    });\r\n\r\n    this.trigger.addEventListener(\"mouseleave\", ({ target }) => {\r\n      this.hover(target);\r\n    });\r\n\r\n    this.trigger.addEventListener(\"click\", ({ target }) => {\r\n      this.editModeOn(target);\r\n    });\r\n\r\n    this.field.addEventListener(\"blur\", ({ target }) => {\r\n      this.editModeOff(target);\r\n    });\r\n  }\r\n\r\n  initNewEditable(item) {\r\n    // Update variable\r\n    this.wrapper = item;\r\n    this.field = this.wrapper.querySelector(\".editable-content-field\");\r\n    this.trigger = this.wrapper.querySelector(\".editable-content-trigger\");\r\n\r\n    if (this.validate()) {\r\n      this.attachEventListener();\r\n    }\r\n  }\r\n\r\n  init() {\r\n    document.querySelectorAll(\".editable-content\").forEach((item) => {\r\n      this.initNewEditable(item);\r\n    });\r\n  }\r\n}\r\n\r\nconst editableContent = new EditableContent();\r\neditableContent.init();\r\n","class EdgePanel {\r\n  constructor() {\r\n    this.root = document.querySelector(\":root\");\r\n    this.defaultEdgePanelWidth = this.getCssVariable(\r\n      \"--rx-layout-edge-panel-width\"\r\n    );\r\n  }\r\n\r\n  // Getting a CSS variable value\r\n  getCssVariable(variable) {\r\n    let rootStyle = getComputedStyle(this.root);\r\n    return rootStyle.getPropertyValue(variable);\r\n  }\r\n\r\n  showEdgePanel() {\r\n    document\r\n      .querySelector(\".layout-edge-panel\")\r\n      .classList.remove(\"js-disable-observe-width\");\r\n\r\n    this.root.style.setProperty(\r\n      \"--rx-layout-edge-panel-width\",\r\n      this.defaultEdgePanelWidth\r\n    );\r\n\r\n    document.body.classList.remove(\"layout-edge-panel--hover\");\r\n  }\r\n\r\n  hoverEdgePanel() {\r\n    document\r\n      .querySelector(\".layout-edge-panel\")\r\n      .classList.add(\"js-disable-observe-width\");\r\n\r\n    this.root.style.setProperty(\"--rx-layout-edge-panel-width\", \"0px\");\r\n\r\n    document.body.classList.add(\"layout-edge-panel--hover\");\r\n  }\r\n\r\n  toggleEdgePanel() {\r\n    document.body.classList.contains(\"layout-edge-panel--hover\")\r\n      ? this.showEdgePanel()\r\n      : this.hoverEdgePanel();\r\n  }\r\n\r\n  attachEventListener() {\r\n    const _this = this;\r\n    let edgePanelTrigger = document.querySelector(\".edge-panel-trigger\");\r\n\r\n    if (!edgePanelTrigger) {\r\n      console.log(\r\n        \"%cEdge panel trigger or edge panel not found\",\r\n        \"background:red; color:#fff\"\r\n      );\r\n\r\n      return false;\r\n    }\r\n\r\n    edgePanelTrigger.addEventListener(\"click\", function () {\r\n      _this.toggleEdgePanel();\r\n    });\r\n  }\r\n\r\n  init() {\r\n    this.attachEventListener();\r\n  }\r\n}\r\n\r\nconst edgePanel = new EdgePanel();\r\nedgePanel.init();\r\n","// main js - Add logic after load all modules\r\n\r\n/* Dropdown */\r\n/**\r\n * Add Click Event Listener in Close button to close the current dropdown\r\n * @param {HTMLElement} closeButtonElement - Close button javaScript element selector\r\n */\r\nfunction hideDropdown(closeButtonElement) {\r\n  if (!closeButtonElement) return false;\r\n\r\n  let dropdownWrapElement = closeButtonElement.closest(\".dropdown\");\r\n  if (!dropdownWrapElement) return false;\r\n\r\n  let toggleTrigger = dropdownWrapElement.querySelector(\r\n    '[data-bs-toggle=\"dropdown\"]'\r\n  );\r\n  if (!toggleTrigger) return false;\r\n\r\n  closeButtonElement.addEventListener(\"click\", ({ target }) => {\r\n    let trigger = target\r\n      .closest(\".dropdown\")\r\n      .querySelector('[data-bs-toggle=\"dropdown\"]');\r\n\r\n    trigger.click();\r\n\r\n    setTimeout(() => trigger.focus(), 100);\r\n  });\r\n}\r\n\r\n(function () {\r\n  const dropdown = document.querySelectorAll('[data-bs-toggle=\"dropdown\"]');\r\n\r\n  dropdown.forEach((item) => {\r\n    item.addEventListener(\"show.bs.dropdown\", ({ target }) => {\r\n      target.classList.add(\"active\");\r\n    });\r\n\r\n    item.addEventListener(\"hide.bs.dropdown\", ({ target }) => {\r\n      target.classList.remove(\"active\");\r\n    });\r\n  });\r\n\r\n  const dropdownCloseTriggers = document.querySelectorAll(\".js-hide-dropdown\");\r\n  dropdownCloseTriggers.forEach((item) => {\r\n    hideDropdown(item);\r\n  });\r\n})();\r\n","(function () {\r\n  const io = new IntersectionObserver((entries) => {\r\n    entries.forEach((entry) => {\r\n      if (!entry.isIntersecting) {\r\n        entry.target.closest(\".js-sticky-header\").classList.add(\"active\");\r\n      } else {\r\n        entry.target.closest(\".js-sticky-header\").classList.remove(\"active\");\r\n      }\r\n    });\r\n  });\r\n\r\n  const boxElList = document.querySelectorAll(\".js-sticky-header-observer\");\r\n  boxElList.forEach((el) => {\r\n    io.observe(el);\r\n  });\r\n})();\r\n"]}