{"version":3,"sources":["webpack:///./app/components/m/product-tile/index.js"],"names":["productTiles","document","querySelectorAll","tiles","Array","from","mediaQueryMd","window","matchMedia","mediaQueryLg","adjustTiles","forEach","tile","querySelector","style","height","matches","rowOfTwo","rowOfThree","i","length","currentRowTiles","slice","maxFormGroupHeight","formGroupHeight","offsetHeight","addEventListener"],"mappings":";;;;;;;;;;AAAA;AACA;AACA;AACA;;AAEA,MAAMA,YAAY,GAAGC,QAAQ,CAACC,gBAAgB,CAAC,oBAAoB,CAAC;AACpE,MAAMC,KAAK,GAAGC,KAAK,CAACC,IAAI,CAACL,YAAY,CAAC;AACtC,MAAMM,YAAY,GAAGC,MAAM,CAACC,UAAU,CAAC,2CAA2C,CAAC;AACnF,MAAMC,YAAY,GAAGF,MAAM,CAACC,UAAU,CAAC,oBAAoB,CAAC;AAE5D,MAAME,WAAW,GAAGA,CAAA,KAAM;EACxB;EACAP,KAAK,CAACQ,OAAO,CAAEC,IAAI,IAAK;IACtBA,IAAI,CAACC,aAAa,CAAC,aAAa,CAAC,CAACC,KAAK,CAACC,MAAM,GAAG,EAAE;EACrD,CAAC,CAAC;EAEF,IAAIT,YAAY,CAACU,OAAO,EAAE;IACxBC,QAAQ,EAAE;EACZ,CAAC,MAAM,IAAIR,YAAY,CAACO,OAAO,EAAE;IAC/BE,UAAU,EAAE;EACd;AACF,CAAC;;AAED;AACA,MAAMD,QAAQ,GAAGA,CAAA,KAAM;EACrB,KAAK,IAAIE,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGhB,KAAK,CAACiB,MAAM,EAAED,CAAC,IAAI,CAAC,EAAE;IACxC;IACA,MAAME,eAAe,GAAGlB,KAAK,CAACmB,KAAK,CAACH,CAAC,EAAEA,CAAC,GAAG,CAAC,CAAC;;IAE7C;IACA,IAAII,kBAAkB,GAAG,CAAC;IAC1BF,eAAe,CAACV,OAAO,CAAEC,IAAI,IAAK;MAChC,MAAMY,eAAe,GAAGZ,IAAI,CAACC,aAAa,CAAC,aAAa,CAAC,CAACY,YAAY;MACtE,IAAID,eAAe,GAAGD,kBAAkB,EAAE;QACxCA,kBAAkB,GAAGC,eAAe;MACtC;IACF,CAAC,CAAC;;IAEF;IACAH,eAAe,CAACV,OAAO,CAAEC,IAAI,IAAK;MAChCA,IAAI,CAACC,aAAa,CAAC,aAAa,CAAC,CAACC,KAAK,CAACC,MAAM,GAAI,GAAEQ,kBAAmB,IAAG;IAC5E,CAAC,CAAC;EACJ;AACF,CAAC;;AAED;AACA,MAAML,UAAU,GAAGA,CAAA,KAAM;EACvB,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGhB,KAAK,CAACiB,MAAM,EAAED,CAAC,IAAI,CAAC,EAAE;IACxC;IACA,MAAME,eAAe,GAAGlB,KAAK,CAACmB,KAAK,CAACH,CAAC,EAAEA,CAAC,GAAG,CAAC,CAAC;;IAE7C;IACA,IAAII,kBAAkB,GAAG,CAAC;IAC1BF,eAAe,CAACV,OAAO,CAAEC,IAAI,IAAK;MAChC,MAAMY,eAAe,GAAGZ,IAAI,CAACC,aAAa,CAAC,aAAa,CAAC,CAACY,YAAY;MACtE,IAAID,eAAe,GAAGD,kBAAkB,EAAE;QACxCA,kBAAkB,GAAGC,eAAe;MACtC;IACF,CAAC,CAAC;;IAEF;IACAH,eAAe,CAACV,OAAO,CAAEC,IAAI,IAAK;MAChCA,IAAI,CAACC,aAAa,CAAC,aAAa,CAAC,CAACC,KAAK,CAACC,MAAM,GAAI,GAAEQ,kBAAmB,IAAG;IAC5E,CAAC,CAAC;EACJ;AACF,CAAC;AAEDb,WAAW,EAAE;AAEbJ,YAAY,CAACoB,gBAAgB,CAAC,QAAQ,EAAEhB,WAAW,CAAC;AACpDD,YAAY,CAACiB,gBAAgB,CAAC,QAAQ,EAAEhB,WAAW,CAAC,C","file":"product-tile.chunk.js","sourcesContent":["/*\r\n  Logic for adjusting the height of the form-group <div> in the product tiles\r\n  based on the tallest form-group in each row\r\n*/\r\n\r\nconst productTiles = document.querySelectorAll('.product-tile__col');\r\nconst tiles = Array.from(productTiles);\r\nconst mediaQueryMd = window.matchMedia('(min-width: 576px) and (max-width: 991px)');\r\nconst mediaQueryLg = window.matchMedia('(min-width: 992px)');\r\n\r\nconst adjustTiles = () => {\r\n  // Clear previously set styles first\r\n  tiles.forEach((tile) => {\r\n    tile.querySelector('.form-group').style.height = '';\r\n  });\r\n\r\n  if (mediaQueryMd.matches) {\r\n    rowOfTwo();\r\n  } else if (mediaQueryLg.matches) {\r\n    rowOfThree();\r\n  }\r\n};\r\n\r\n// logic for dividing tiles into rows of 2\r\nconst rowOfTwo = () => {\r\n  for (let i = 0; i < tiles.length; i += 2) {\r\n    // Get the tiles for the current row\r\n    const currentRowTiles = tiles.slice(i, i + 2);\r\n\r\n    // Find the maximum formGroup height in this row\r\n    let maxFormGroupHeight = 0;\r\n    currentRowTiles.forEach((tile) => {\r\n      const formGroupHeight = tile.querySelector('.form-group').offsetHeight;\r\n      if (formGroupHeight > maxFormGroupHeight) {\r\n        maxFormGroupHeight = formGroupHeight;\r\n      }\r\n    });\r\n\r\n    // Set each formGroup in the current row to the maximum height\r\n    currentRowTiles.forEach((tile) => {\r\n      tile.querySelector('.form-group').style.height = `${maxFormGroupHeight}px`;\r\n    });\r\n  }\r\n};\r\n\r\n// Divide the tiles into rows of 3\r\nconst rowOfThree = () => {\r\n  for (let i = 0; i < tiles.length; i += 3) {\r\n    // Get the tiles for the current row\r\n    const currentRowTiles = tiles.slice(i, i + 3);\r\n\r\n    // Find the maximum formGroup height in this row\r\n    let maxFormGroupHeight = 0;\r\n    currentRowTiles.forEach((tile) => {\r\n      const formGroupHeight = tile.querySelector('.form-group').offsetHeight;\r\n      if (formGroupHeight > maxFormGroupHeight) {\r\n        maxFormGroupHeight = formGroupHeight;\r\n      }\r\n    });\r\n\r\n    // Set each formGroup in the current row to the maximum height\r\n    currentRowTiles.forEach((tile) => {\r\n      tile.querySelector('.form-group').style.height = `${maxFormGroupHeight}px`;\r\n    });\r\n  }\r\n};\r\n\r\nadjustTiles();\r\n\r\nmediaQueryMd.addEventListener('change', adjustTiles);\r\nmediaQueryLg.addEventListener('change', adjustTiles);\r\n"],"sourceRoot":""}