<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">define(['jquery', 'modules/utils'], function($, Utils) {

	var RadioGrid = {

		initialize : function() {
			RadioGrid.resize();
			$(window).trigger('resize');
		},

		resize : function() {
			$(window).on('resize', function() {						
				var ratio = 0.70,
					cols  = 12,
					ww    = $(window).width(),
					cw    = ww / 12;

				$("[data-grid-ratio]").each(function() {							
					var gridRow = parseFloat($(this).data('grid-rows')),
						gridCell = parseFloat($(this).data('grid-cells')),
						cellWidth = parseFloat(cw * gridCell),
						cellHeight = ((cellWidth / gridCell) * ratio) * gridRow,
						gridBreakpoint = $(this).data('grid-breakpoint') ? $(this).data('grid-breakpoint') : "xs";

					// get current breakpoint
					currentBreakpoint = Utils.isBreakpoint(gridBreakpoint);
					// console.log(gridBreakpoint, currentBreakpoint);

					// set height to element, and element inside
					if (currentBreakpoint) {
						$(this).height(cellHeight).width(cellWidth);				
					} else {
						// remove any inline CSS style
						$(this).attr("style", "");
					}
				});

			});
		}

	}

	// return object method
	return RadioGrid;

});</pre></body></html>