{"version":3,"file":"statusOrderDetails.min.js","mappings":";yBAAO,IAAMA,EAAiB,CAC1BC,UAAW,YACXC,OAAQ,aACRC,WAAY,CACRC,UAAW,MACXC,SAAU,KACVC,eAAgB,OAChBC,MAAO,OCLf,IAAMC,EAAqBC,SAASC,iBAAiB,4BACjDF,EAAmBG,OAAS,GAC9B,GAAGC,QAAQC,KAAKL,GAAoB,SAASM,GAC3Cd,EAAeG,WAAWE,SAAW,OAErC,IDIiBU,EAASC,ECJpBC,EAAiBH,EAAaI,cAAc,kCDIxBF,ECHLhB,GDGJe,ECHZE,GDIGE,MAAMC,UAAY,SAC1BL,EAAQI,MAAME,OAAS,MACvBN,EAAQI,MAAMlB,UAAYe,EAAQf,UAClCc,EAAQI,MAAMG,gBAAkBN,EAAQd,OACxCa,EAAQI,MAAMhB,WAAa,GAAHoB,OAAMP,EAAQb,WAAWC,UAAS,KAAAmB,OAAIP,EAAQb,WAAWE,SAAQ,KAAAkB,OAAIP,EAAQb,WAAWG,eAAc,KAAAiB,OAAIP,EAAQb,WAAWI,OCNrJO,EAAaU,cAAcN,cAAc,gCAAgCO,QAAU,SAACC,GAClFA,EAAEC,iBDQD,SAAgBZ,GACM,QAAzBA,EAAQI,MAAME,OAQX,SAAwBN,GAC3BA,EAAQI,MAAME,OAAS,OACvB,IAAMA,EAASN,EAAQa,aACvBb,EAAQI,MAAME,OAAS,IACvBN,EAAQI,MAAME,OAAS,GAAHE,OAAMF,EAAM,MAChCN,EAAQI,MAAMlB,UAAY,WAC9B,CAdqC4B,CAAed,GAG7C,SAAsBA,GACzBA,EAAQI,MAAME,OAAS,MACvBN,EAAQI,MAAMlB,UAAY,WAC9B,CAN+D6B,CAAaf,EAC5E,CCTMgB,CAAOd,EACT,CACF","sources":["webpack://ecommerce/./src/animations.js","webpack://ecommerce/./src/statusOrderDetails.js"],"sourcesContent":["export const defaultOptions = {\r\n    transform: 'scaleY(0)',\r\n    origin: 'top center',\r\n    transition: {\r\n        animation: 'all',\r\n        duration: '1s',\r\n        timingFunction: 'ease',\r\n        delay: '0s'\r\n    }\r\n}\r\n\r\nexport function init(element, options) {\r\n    element.style.overflowY = 'hidden';\r\n    element.style.height = '0px';\r\n    element.style.transform = options.transform;\r\n    element.style.transformOrigin = options.origin;\r\n    element.style.transition = `${options.transition.animation} ${options.transition.duration} ${options.transition.timingFunction} ${options.transition.delay}`;\r\n}\r\n\r\nexport function toggle(element) {\r\n    element.style.height === '0px' ? slideDownwards(element) : slideUpwards(element);\r\n}\r\n\r\nexport function slideUpwards(element) {\r\n    element.style.height = '0px';\r\n    element.style.transform = 'scaleY(0)';\r\n}\r\n  \r\nexport function slideDownwards(element) {\r\n    element.style.height = 'auto';\r\n    const height = element.clientHeight;\r\n    element.style.height = '0';\r\n    element.style.height = `${height}px`;\r\n    element.style.transform = 'scaleY(1)';\r\n}","import { defaultOptions, init, toggle } from './animations.js';\r\n\r\nconst statusOrderDetails = document.querySelectorAll('.js-status-order-details');\r\nif (statusOrderDetails.length > 0) {\r\n  [].forEach.call(statusOrderDetails, function(orderDetails) {\r\n    defaultOptions.transition.duration = '0.3s';\r\n\r\n    const wrapperDetails = orderDetails.querySelector('.wrapper--status-order-details');\r\n    init(wrapperDetails, defaultOptions);\r\n\r\n    orderDetails.parentElement.querySelector('.js-btn-status-order-details').onclick = (e) => {\r\n      e.preventDefault();\r\n      toggle(wrapperDetails);\r\n    };\r\n  });\r\n}"],"names":["defaultOptions","transform","origin","transition","animation","duration","timingFunction","delay","statusOrderDetails","document","querySelectorAll","length","forEach","call","orderDetails","element","options","wrapperDetails","querySelector","style","overflowY","height","transformOrigin","concat","parentElement","onclick","e","preventDefault","clientHeight","slideDownwards","slideUpwards","toggle"],"sourceRoot":""}