erikakers

import { describe, it, expect, vi, beforeEach, afterEach } from 'vitest';
import { faker } from '@faker-js/faker';
import UriDecoder from '../utils/uri-decoder';

// Mock dependencies
vi.mock('../utils/uri-decoder');

describe('click.ts', () => {
    let mockPublish: any;
    let mockSubscribe: any;

erikakers

echo "Installing Dependencies"
xcode-select --install

echo "Installing Homebrew"
if test ! $(which brew); then
  /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
fi

echo "Installing Homebrew Packages"
packages=(

erikakers

@function palette($palette, $tone: 'base') {
  @return map-get(map-get($palettes, $palette), $tone);
}

// Project Color Map
// This is used to create font modifier classes to get around setting colors
// on specific elements or styles.
$palettes: (
  white: (
    base: #fff

erikakers

$iterator: 1;
$header-ratio: 4;
$max-heading: 7;
$max-font-size: 40px;

@while $iterator < $max-heading {
  $font-size: ($max-font-size + $header-ratio) - $iterator * $header-ratio;

  h#{$iterator}, .h#{$iterator} {
    @include adjust-font-size-to($font-size);

erikakers

App.Constants.DESKTOP   = 990,
App.Constants.TABLETLG  = 980,
App.Constants.TABLETSM  = 768,
App.Constants.MOBILE    = 767;

App.Constants.MOBILEMQ  = 'only screen and (max-width: ' + App.Constants.MOBILE + 'px)',
App.Constants.TABLETMQ  = 'only screen and (max-width: ' + App.Constants.TABLETLG + 'px)',
App.Constants.DESKTOPMQ = 'only screen and (min-width: ' + App.Constants.DESKTOP + 'px) and (max-width: 1199px)';
App.Constants.DESKTOPLGMQ = 'only screen and (min-width: 1200px)';

erikakers

App.Helpers.resizeThrottle = (function(throttle) {
  throttle.init = function() {
    var updateLayout = _.debounce(function(e) {
      console.log('Throttled resize event. Broadcasting...');
      $.publish('resize');
    }, 500);
    if (window.addEventListener) {
      window.addEventListener("resize", updateLayout, false);
    }
  };

erikakers

App.Features.sampleFeature = (function(sample) {

  function Feature(element) {
    this.$el = element;
  };

  Feature.Constants = {
  };

  _.extend(Feature.prototype, App.Class, {

erikakers

/**
 * Get Width Helper - This is re-run on every debouced resize event that will help setup our responsiveness
 */

App.Helpers.getWidth = function() {
  // Lets setup our widths
  App.Helpers.innerWidth = !window.innerWidth ? document.documentElement.clientWidth : window.innerWidth;

  // Queries based on screen width
  App.Devices.desktop = App.Helpers.innerWidth > App.Constants.DESKTOP,

erikakers

App.Helpers.checkWidth = (function(conds) {

	conds.init = function() {
		$.subscribe('resize', function(){
			console.log('resize event fired');
			App.Helpers.getWidth();

			// if mobile width, mobile media query or mobile ua returns true, broadcast a resize:mobile event
			if ( App.Devices.mobile || App.Devices.mobileMQ || App.Devices.mobileCheck ) $.publish('resize:mobile');

erikakers

@mixin transparent($color, $alpha) {
  $rgba: rgba($color, $alpha);
  $ie-hex-str: ie-hex-str($rgba);
  background-color: transparent;
  background-color: $rgba;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#{$ie-hex-str},endColorstr=#{$ie-hex-str});
  zoom: 1;
}